@import url('https://fonts.googleapis.com/css?family=EB+Garamond:400,400i|Montserrat:300,400,700|Mrs+Saint+Delafield|Niconne|Ubuntu:400,500,700|Wendy+One&display=swap');


/*
    font-family: 'Wendy One', sans-serif;
    font-family: 'Mrs Saint Delafield', cursive;
    font-family: 'Ubuntu', sans-serif;
    font-family: 'Niconne', cursive;
    font-family: 'EB Garamond', serif;
    font-family: 'Montserrat', sans-serif;
*/

	
.col-xs-15,.col-sm-15,.col-md-15,.col-lg-15 {position: relative;min-height: 1px;padding-right: 10px;padding-left: 10px;}
.col-xs-15 {width: 20%;float: left;}
@media (min-width: 768px) {
    .col-sm-15 {width: 20%;float: left;}
}
@media (min-width: 992px) {
    .col-md-15 {width: 20%;float: left;}
}
@media (min-width: 1200px) {
	.gutter-lg {margin-left:-23px!important;margin-right:-23px!important;}
	.gutter-lg div[class^="col"]{padding-left:23px!important;padding-right:23px!important;}
    .col-lg-15 {width: 20% !important;float: left;}
	.container-fluid {max-width:1920px; padding:0px !important;}
}

.row.divider > [class*='col-']:before,.row.divider > [class*='col-']:after {background: #6a717a; bottom: 0; content: " "; left: 0; position: absolute; width: 1px; top: 0;}
.row.divider > [class*='col-']:before {left: 0;}
.row.divider > [class*='col-']:after {right:-1px;left:auto;}
.row.divider > [class*='col-']:first-child:before,.row.divider > [class*='col-']:last-child:after {display: none;}

/****************************************************************************/

body{color:#5b5b5b;font-family: 'Ubuntu', sans-serif;font-size:16px;font-weight:400;margin:0px;padding:0px;line-height:1.6;}

strong{font-weight:700} p{margin-bottom:20px;}  a{color:#ff8a00; outline:none!important;} a:hover {color:#3a4a5e; text-decoration:none;} .btn {text-decoration:none !important;} .container {position:relative;}

.bg-warning{background:#775ba3 !important;}
.bg-success{background:#5f9322 !important;}

.gutter-xs {margin-left:-5px!important;margin-right:-5px!important;}
.gutter-xs div[class^="col"]{padding-left:5px!important;padding-right:5px!important;}

.gutter-sm {margin-left:-10px!important;margin-right:-10px!important;}
.gutter-sm div[class^="col"]{padding-left:10px!important;padding-right:10px!important;}

textarea.form-control{resize:none;min-height:100px;}
.form-horizontal .form-control { height:40px; font-size:18px;}
.form-horizontal .control-label { font-weight:400;}
.radio input[type=radio]{margin-top:10px;}

h1,.h1, h2,.h2, h3,.h3{font-family: 'Wendy One', sans-serif;}
h1,.h1{font-size:25px; margin-bottom:25px;}
h2,.h2{font-size:36; margin-bottom:25px; color:#63350c;}

h3,.h3{font-size:1.2rem; margin-bottom:25px;}
.Bor{background:url(../images/temp/line.png) no-repeat bottom left;}
.Bor1{background:url(../images/temp/line1.png) no-repeat bottom center;}

.breadcrumb{border-bottom:1px dashed #d3d3d3; margin:0 0 15px; background-color:transparent;padding:0 0 15px; text-transform:uppercase; font-size:12px;}
.breadcrumb>li+li:before{content:"\00BB";color:#b0a049; margin:0 10px;}
.text-purpel{color:#7030a0; font-weight:600;}

/******* Buttons ********************************************************************/
.btn-dark{background-color:#3c3c3c;font-size:14px;color:#fff !important; border-color:#3c3c3c;padding:10px 25px; text-transform:uppercase; font-weight:500;} 
.btn-dark:hover,.btn-dark.focus,.btn-dark:focus{background-color:#000 !important; border-color:#000 !important;}

.btn-danger{background-color:#b9308a;font-size:90px;color:#fff !important; border-color:#b9308a;padding:7px 20px; line-height:1; border-radius:0px;}
.btn-danger:hover,.btn-danger.focus,.btn-danger:focus{background-color:#000 !important; border-color:#000 !important;}

.btn-warning{background-color:#de4d27;font-size:12px;color:#fff !important;border-color:#de4d27;padding:7px 20px;text-transform:uppercase;border-radius:0px;} 
.btn-warning:hover,.btn-warning.focus,.btn-warning:focus{background-color:#000 !important; border-color:#000 !important;}

.btn-lg{border-radius:30px;padding:14px 25px;}
.bg-Orange{background-color:#de4d27;}

/*==========================================================***** Header *****========================================================*/
.Header{}
.Header .row {display:flex; justify-content:center; align-items:center;}

/*==========================================================***** Banner *****========================================================*/
.cycle-slideshow{margin:auto; overflow:hidden; width:100%;
position: absolute;   
    top: 40px;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;


}
.cycle-slideshow .Banner{position:relative; width:100%;height:600px;margin:auto;text-align:center}
.cycle-slideshow .Banner img{position: absolute; max-width:none; left:50%; top:0; -webkit-transform: translateY(-0) translateX(-50%);
-ms-transform: translateY(0) translateX(-50%)}


#MainBanner .container{position:relative;}
#MainBanner .container .Register{left:0px; position:absolute; bottom:90px;  z-index:999; font-size:15px; font-weight:500;}
#MainBanner .container .Register .bgorange{background-color:#ff9000;padding:25px 25px 10px 25px;width:380px;}
#MainBanner .container .Register .form-control{background:#fff; height:40px; border:none; border-radius:0px; box-shadow:none;}
#MainBanner .container .Register .form-group {margin-bottom:19px;}
#MainBanner .container .Register .form-control::-moz-placeholder {color:#1d1d1d; opacity:1;}
#MainBanner .container .Register .h1{font-size:40px; font-family: 'Wendy One', sans-serif;line-height:.4;}
#MainBanner .container .Register .Font120{font-size:120px;font-family:'Mrs Saint Delafield', cursive; line-height:1.1; margin-bottom:20px; margin-left:125px;}

/*==========================================================***** MainContent *****========================================================*/
#JoinArea{margin-top:70px;}
#JoinArea .JoinArea{top:10px; right:15px; font-size:36px;font-family: 'Wendy One', sans-serif; width:50%; text-align:center; color:#2e2e2e;}
#JoinArea .Font99{font-family: 'Niconne', cursive; font-size:180px; color:#b9308a;line-height:.7;}
#JoinArea .Font59{font-size:59px;line-height:50px;}

#Profile_List .cycle-slideshow{width:98%; margin:auto;}
.Slider{background:#fff2e4;}
.Product{color:#000;display:block; width:160px; margin:0 11px; line-height:1.3;}
.Product img{box-shadow:4px 4px 8px #ccc; margin-bottom:10px;}
.Name{font-size:20px; color:#63350c; margin-top:10px;} .Age{font-size:13px; color:#a6a6a6; margin:7px 0px;}
.Product a,.Product a:hover,.Product a:active,.Product a:focus{text-decoration:none;}

/****************************************************************************/
.Slider{padding:0px;position:relative; margin-left:-2px;}
.Slider .cycle-next,.Slider .cycle-prev{position:absolute;top:38%;margin-top:-30px; cursor:pointer;}
.Slider .cycle-next{right:-0px;}
.Slider .cycle-prev{left:-0px;}

.Heading{font-size:38px; font-weight:700; line-height:46px;}
.OuterContent{padding:38px 30px;}

/*==========================================================***** Testimonial *****========================================================*/
#Testimonials{font-size:14px; padding:40px 0 100px 0;background:url(http://gurbir7.dev.wcukdev.co.uk/apconnew/ow_static/themes/apcon/images/testibg.png) no-repeat top center; min-height:580px; margin-top:60px;}
#Testimonials .TestiBox{top:33px; right:0px; width:51.5%;}
#Testimonials .carousel-item{font-style:italic; font-size:40px;font-family: 'EB Garamond', serif; line-height:48px;padding-top: 30px;}
#Testimonials .carousel-item .Name{font-style:normal; font-size:12px; font-weight:700;font-family: 'Montserrat', sans-serif; letter-spacing:1px;}

.carousel-control-next, .carousel-control-prev {width:19px; height:13px; top:85%;opacity:1;}
.carousel-control-next{left:90px;}
.carousel-control-prev{right:0px; left:45px;}
.LinkAll a{font-size:14px; color:#fff;}

.JoinText{background:#ff9000; padding:25px; font-size:44px;font-family: 'Wendy One', sans-serif; line-height:44px; min-height:222px;display:flex; justify-content:center; align-items:center; }
.JoinText .btn-lg{border-radius:50px;padding:10px 45px; background:#000; font-size:32px; margin-top:20px; text-transform:none;}
.JoinText .btn-lg:hover{background:#de4d27 !important; border-color:#de4d27 !important;}

/*==========================================================***** Footer Area *****========================================================*/
#Footer{font-size:12px;font-weight:400; padding:20px 0px;}
#Footer hr{background-color:#9160b6; margin:20px 0px;}
#Footer .SocailLink .list-inline a{padding:10px 5px 0px;}
#Footer .SocailLink .list-inline a:hover{opacity:.7;}
#Footer .SocailLink .list-inline-item:not(:last-child) {margin-right: .25rem;}


/********** Back To Top Button ***************************************************************************************************/
#scroll {background-color:#775ba3; position:fixed; right:10px; bottom:10px; z-index:99999; cursor:pointer; width:50px; height:50px; text-indent:-9999px; display:none; webkit-border-radius:60px; -moz-border-radius:60px; border-radius:60px}
#scroll span {position:absolute; top:50%; left:50%; margin-left:-8px; margin-top:-12px; height:0; width:0; border:8px solid transparent; border-bottom-color:#ffffff;}
#scroll:hover {background-color:#9f80d0; opacity:1;filter:"alpha(opacity=100)"; -ms-filter:"alpha(opacity=100)";}
#scroll:hover span {border-bottom-color:#fff;}


@media (min-width: 767.98px) {
	.navbar{font-family: 'Aleo-Regular'; padding:0 !important;}	
	.navbar-nav>li>a{color:#000; font-size:1rem; margin:0; padding:47px 32px !important; display:block;}
    .navbar-nav>li.active>a,.navbar-nav>li>a.active,.navbar-nav>li>a:hover,.navbar-nav>li>a:focus{color:#fff; background:#d2232a;}
	.navbar-nav>li+li{margin-left:2px;}
	.Header .mright{margin-right:-70px;}
}

@media (min-width: 991.98px) and (max-width: 1199.98px) {	
#JoinArea .JoinArea{font-size:30px;width:50%;}
#JoinArea .Font99{font-size:140px; color:#b9308a;}
#JoinArea .Font59{font-size:50px;line-height:45px;}
.btn-danger{font-size:60px;padding:10px 20px;}
.Heading{font-size:26px; line-height:30px;}
.OuterContent{font-size:13px;}
}

@media (min-width: 768px) and (max-width: 991.98px) {
.pdbtmmbl{padding-bottom:45px;}
.Product{width:140px; margin:0 15px;}

#JoinArea .JoinArea{font-size:25px;width:50%;}
#JoinArea .Font99{font-size:100px;}
#JoinArea .Font59{font-size:35px;line-height:35px;}
.btn-danger{font-size:40px;padding:10px 10px;}
#Testimonials .carousel-item{font-size:30px;line-height:38px; padding-top:30px;}
}

@media (max-width: 991.98px) {
	
}











@media (max-width: 767.98px) {
	
	.navbar-toggler{background:#b9308a; margin:0px 0;}
	#Header .position-absolute, .navbar{position:static !important; text-align:center;}
	
	
	.base_index_page .sitelogo {
    width: 80%;
    background-size: 50% !important;
	}
.sitelogo {

    width: 100%;
    background-size: 70% !important;
}
	


.base_index_page .ow_page_padding {   
    
    background: #C09F8D !important;

}
.ow_header {

    width: auto !important;
}

	
.Header{padding-bottom:20px;}
#MainBanner .container .Register{position:static; width:100%; margin-top:40px; color:#000 !important;}
#MainBanner .container .Register .bgorange{padding:25px;width:100%;}
.cycle-slideshow .Banner{height:auto;}
.cycle-slideshow .Banner img{position: static; max-width:100%; left:0%; top:0%; -webkit-transform: translateY(-0%) translateX(-0%);}

#JoinArea .JoinArea{font-size:20px;width:53%;}
#JoinArea .Font99{font-size:80px;}
#JoinArea .Font59{font-size:24px;line-height:30px;}
.btn-danger{font-size:24px;padding:5px 10px;}
#Testimonials .carousel-item{font-size:30px;line-height:38px; padding-top:30px;}
#Testimonials .TestiBox{width:65%;}
.Product{width:135px; margin:0 15px;}
	
	.dropdown-menu{font-size:0.8125rem; padding:0px;}
	.dropdown-item {padding:5px 15px;}	
}

@media (max-width: 479px) {
#MainBanner .container .Register .h1{font-size:30px;}
#MainBanner .container .Register .Font120{font-size:90px;margin-left:50px;}
.mrtp{margin-bottom:15px !important;}

#JoinArea .JoinArea{font-size:16px;width:50%;}
#JoinArea .Font99{font-size:50px;}
#JoinArea .Font59{font-size:16px;line-height:18px;}
.btn-danger{font-size:18px;padding:5px 10px;}

#Testimonials .TestiBox{width:95%; right:10px; left:10px;}
#Testimonials .carousel-item{font-size:20px;line-height:28px; padding-top:20px;}
.Product{width:145px; margin:0 8px;}
}
.CMS ul {
    list-style-type: disc;
}
.CMS p {
padding:10px 10px 10px 10px;
background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 4px;

}
.CMS div {
padding:10px 10px 10px 10px;
background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 4px;

}

.ow_content {   
    text-align: left;
}
.welcome h1 {
   color: #967967;
   font-family: 'Ubuntu', sans-serif;
   font-size: 60px;
   line-height: 60px;
}
.HomeContent
{
	background:#fff2e4;padding:10px;font-size:15px; line-height:25px;
}
.ow_header
{
	z-index:2;
}

.container
{
	background:#fff2e4 !important;
}
.ow_footer .ow_main_menu li a {
    color: #000 !important;
}


.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #fff9f4;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
 z-index:9999;
}

.dropdown-content a {
  color: #684531;
 padding: 3px 8px;
    border: 1px solid transparent;
    display: block;
}

.dropdown:hover .dropdown-content {display: block;
 position: absolute;
    margin-top: 1px;
    font: 10px;
    bottom: 100%; 	
z-index:9999;

}

.ow_footer .facebook { background:#4d6bab; color:#fff; display:inline-table; height:40px; text-align:center; width:40px;    padding-top: 10px; }
.ow_footer .twitter {background:#4ec6f8; color:#fff; display:inline-table; height:40px; text-align:center; width:40px;    padding-top: 10px;}
.ow_footer .youtube {background:#bb0000; color:#fff; display:inline-table; height:40px; text-align:center; width:40px;    padding-top: 10px;}
.ow_footer .instagram {background:#517fa4; color:#fff; display:inline-table; height:40px; text-align:center; width:40px;    padding-top: 10px;}
.bottom-social li {  font-size:20px !important; line-height:40px;}

.ow_forgot_password
{
	width:100% !important;
}
.ow_main_menu li.active a, .ow_main_menu li a:hover {
    color: #000 !important;
    text-shadow: #000 1px 0 !important;
}
.sitelogo
{
	margin-top:50px;
}
.ow_index_app_banner_ios, .ow_index_app_banner_and
{
display:none;
}
.ow_index_app_banner 
{
	display:none;
}