body{ background:#FFFFFF; repeat; padding:0; margin:0; font-size:18px; color:#4a4a4a; font-family:'Open Sans', Arial, Helvetica, sans-serif; line-height:28px; font-weight:400; height: 100%; overflow-x:hidden; width:100%; -ms-text-size-adjust:100%; -webkit-text-size-adjust: 100%;}

a { color:#F68E2D; outline:none !important; text-decoration:none; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; transition:all .4s ease-in-out;}
a:hover, a:focus, select:focus, button:focus { outline:none; text-decoration:none;}
a:hover, a:focus{ color:#E95425;}
* { margin:0; padding:0;}
img { border:none; vertical-align:middle; max-width:100%;}
li{ list-style:none;}
h1, h2, h3, h4, h5, h6, input, select, textarea, button{ outline:none !important;  }
/*button, input, textarea{ outline:none; -webkit-appearance:none; -moz-appearance:none; -moz-box-shadow:none !important; -webkit-box-shadow:none !important; box-shadow: none !important; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0;}*/
textarea{ font-size:20px; height:auto !important;}
::-webkit-input-placeholder {color: #FFFFFF;}
:-moz-placeholder { color: #FFFFFF; }
::-moz-placeholder { color: #FFFFFF; }
:-ms-input-placeholder { color: #FFFFFF; }
input::-moz-placeholder, textarea::-moz-placeholder {opacity:1;}

header, section, footer{display:block;}

h1, h2, h3, h4, h5, h6 { margin:0 0 15px 0; line-height:normal; font-family:'BrownStd', Arial, Helvetica, sans-serif; font-weight:bold;}
h1 { font-size:24px;}
h2 { font-size:22px;}
h3 { font-size:20px;}
h4 { font-size:18px;}
h5 { font-size:16px;}
h6 { font-size:14px;}

p { float:none;  margin:0 0 15px 0; padding:0;}
p:last-child {margin:0 0 0px 0;}
/*p a { color:#404040;}*/
p i, em { font-style:italic; }



ul { margin:0 0 15px 0; padding:0; display:table; }
ul li { margin:0 0 10px 0; padding:0px 0px 0px 15px; position:relative; line-height:normal; list-style:none; color:#58575b;}
ul li::before{ content: "-"; left: 0; position: absolute; top: 0px; width: 7px; color:#4a4a4a; }
ul li:hover:before{color:#E95425;}
ul li a { color:#4a4a4a; }
ul li a:hover { color:#E95425; text-decoration:none; }

li ul { margin: 10px 0; padding-left: 20px;}
li ul li {background: none; padding-left: 20px; position: relative;}
/*li ul li::before{background: #000; content: ""; height: 1px; left: 0; position: absolute; top: 12px; width: 7px;}*/

ol { margin:0 0 15px 15px; padding:0;}
ol li { margin:0 0 20px 0; padding:0 0 0 0px; position:relative; line-height:normal; list-style:decimal;}
ol li a { color:#4a4a4a; }
ol li a:hover { color:#E95425; text-decoration:none;}

.alignleft { float:left; margin:0 40px 30px 0;}
.alignright { float:right; height:auto; margin:0 0 30px 40px;}
.aligncenter { display:block; margin:auto auto 30px auto; }
.alignleft-img{ width:40%; float:left; margin:0 40px 30px 0;}
.aligncenter-img { width:100%; display:block; margin:auto auto 30px auto; }
.alignright-img { width:40%; float:right; height:auto; margin:0 0 30px 40px;}
.alignleft-img img, .alignright-img img, .aligncenter-img img{ width:100%; height:auto;}

.mb-30{margin-bottom:30px;}
.mt-30{ margin-top:30px;}
.mb-50{margin-bottom:50px;}



blockquote { background: #e2eeed; border-left: 5px solid #5BC4BF; border-right:none; border-top:none; border-bottom:none; margin:0 0 60px 0; padding: 30px; white-space:normal;
             font-size:20px;	border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; }

hr{
    background-color: rgba(151, 151, 151,0.5); margin:30px 0 30px 0; padding:0px;
}

@font-face {
    font-family:'FedraSerifA Normal';
    src: url('../fonts/FedraSerifA-Normal.eot');
    src: url('../fonts/FedraSerifA-Normal.eot?#iefix') format('embedded-opentype'),
        url('../fonts/FedraSerifA-Normal.woff2') format('woff2'),
        url('../fonts/FedraSerifA-Normal.woff') format('woff'),
        url('../fonts/FedraSerifA-Normal.svg#FedraSerifA Normal') format('svg');
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-FB06;
}

@font-face {
    font-family:'BrownStd';
    src: url('../fonts/BrownStd-Bold.eot');
    src: url('../fonts/BrownStd-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/BrownStd-Bold.woff2') format('woff2'),
        url('../fonts/BrownStd-Bold.woff') format('woff'),
        url('../fonts/BrownStd-Bold.svg#BrownStd-Bold') format('svg');
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+000D-FB04;
}

.header-top{ width:100%; float:left; background-color: #5bc4bf; height: 35px;}
a.classes{ display:inline-block; background-color:#4BA5A1; color:#FFF; font-size:18px; padding:0 50px; line-height:35px; font-family:'BrownStd', Arial, Helvetica, sans-serif; text-transform:uppercase; border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px;}
.logo h1{ margin:0px;}
.social{ width:100%; float:left;}
.social ul{width:100%; float:left; padding:0px; margin:0px; text-align:right; font-family:'Lato', Arial, Helvetica, sans-serif;}
.social ul li{width:auto; display:inline-block; padding:0px; margin:0px; text-align:right; font-size: 14px; text-transform:uppercase; color:#FFF; line-height:35px;}
.social ul li:before{content:"";}
.social ul li:first-child{ margin-right:25px;}
.social ul li a{ color:#FFF;}
.social ul li span{ margin-right:15px;}
.social ul li i{ font-size:18px; padding:0 5px;}
.header-main{width:100%; float:left; padding:8px 0px;}
.logo{width:100%; float:left;}

.owl-theme .owl-controls{margin-top:10px;text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-controls .owl-nav [class*=owl-]{color:#fff;font-size:14px;margin:5px;padding:4px 7px;background:#d6d6d6;display:inline-block;cursor:pointer;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}.owl-theme .owl-controls .owl-nav [class*=owl-]:hover{background:#869791;color:#fff;text-decoration:none}.owl-theme .owl-controls .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1;*display:inline}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#d6d6d6;display:block;-webkit-backface-visibility:visible;-webkit-transition:opacity 200ms ease;-moz-transition:opacity 200ms ease;-ms-transition:opacity 200ms ease;-o-transition:opacity 200ms ease;transition:opacity 200ms ease;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791}

.slider{ width:100%; float:left; position:relative;}
.slider-img {
    background-position: center right !important;
    background-size: cover !important;
    height: 370px;
    width:100%;
}
.slider-text {
    bottom: 0;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    float: left;
    padding: 20px 0px 20px 0;
    left: 0px;
    top: 50%;
    position: absolute;
    width: 970px;
    height: 100%;
    background: url(../images/slider-text-bg_new.png) no-repeat;
    background-position: left center;
    background-size: auto 515px;
    text-align: center;
	color: #fff;
	transform:translateY(-50%);
}
.slider h2{ font-size:36px; font-family:'FedraSerifA Normal', Arial, Helvetica, sans-serif; line-height:50px; font-weight:normal;}
.slider-text strong{font-weight:normal; font-size:24px; margin-bottom:50px; display:block; font-family:'Lato', Arial, Helvetica, sans-serif;}
.slider-text .text-center{ position:absolute; bottom:30px; left:140px;}
.btn { background: #5bc4bf; border: 2px solid #fff; color: #fff; display: inline-block; text-align:center; font-family: "Lato",Arial,Helvetica,sans-serif; font-weight:700; font-size: 18px; line-height: 44px;
       min-width: 160px; padding: 0 30px; border-radius:30px; -webkit-border-radius:30px; -moz-border-radius:30px; text-transform: uppercase;}
.btn:hover, .btn:focus  {background:transparent;}
#slider-main .owl-controls{ position:absolute; bottom:0; left:0; right:0;}
#slider-main .owl-dots .owl-dot span {width: 15px; height: 15px; background: #FFFFFF; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; transition:all .4s ease-in-out;}
#slider-main .owl-dot.active span, #slider-main .owl-dot:hover span {background:#B4B0B5;}

.category-sec{ width:100%; float:left; padding:15px 0 15px 0;}
.category-sec .row{ margin-right:-3px; margin-left:-3px;}
.category-sec .row .col-md-4, .category-sec .row .col-sm-4{ padding-left:3px; padding-right:3px; }
.cat-main{ width:100%; float:left; position:relative; padding:3px 0px; overflow:hidden; }
.cat-thumb{ width:100%; float:left;}
.cat-detail{ width:100%; position:absolute; bottom:0px; background:rgba(255,255,255,0.7); height:100px; padding:15px; text-align:center; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; transition:all .4s ease-in-out;}
.cat-detail h2{font-size:24px; text-transform:uppercase; font-family:'BrownStd', Arial, Helvetica, sans-serif; position:relative;}
.cat-detail p{font-weight:700; opacity:0; font-family:'Lato', Arial, Helvetica, sans-serif; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; transition:all .4s ease-in-out;}
.cat-detail a{ color:#4a4a4a; /*font-weight:700; text-transform:uppercase; opacity:0; font-size:20px;*/ }
.cat-detail a:hover{ color:#E95425; }
/*.cat-main:hover .cat-detail{ height:100%; }*/
/*.cat-main:hover .cat-detail p,*/ .cat-main:hover .cat-detail a{opacity:1;}

.donate-sec{ width:100%; float:left; background:#4A4A4A; color:#FFF; overflow:hidden;}
.donate-sec h2{ font-size:20px; margin-bottom:7px; letter-spacing: 1px;}
.donate{ text-align:center; padding:10px 100px;}
.donate-sec p{ font-family:'Lato', Arial, Helvetica, sans-serif; letter-spacing: 0.9px; line-height:22px;}
.donate-sec a{width: 388px;	height: 100px; display:inline-block; position:relative; color:#FFF; font-family: "Lato",Arial,Helvetica,sans-serif; font-weight:700; line-height:100px; text-align:center; -webkit-border-radius: 86px 0 0/88px 0 0; -moz-border-radius: 86px 0 0/88px 0 0; border-radius: 86px 0 0/88px 0 0; background-color: #e95425;}
.donate-sec a:after{ content:""; background-color: #e95425; width:1000px; position:absolute; right:-1000px; top:0; height:100%;}

.latest-news{ width:100%; float:left; padding:30px 0px;}
.latest-news h2{ font-size:20px; margin-bottom:30px;}
.latest-news h3{font-size:24px; margin-bottom:10px; }
.latest-news .date{ font-size:20px; font-family:'Lato', Arial, Helvetica, sans-serif; margin-bottom:20px}
.latest-news  p{ font-family:'Lato', Arial, Helvetica, sans-serif;}
.latest-news a{font-family:'BrownStd', Arial, Helvetica, sans-serif; font-size:20px;}

.post-sec{ width:100%; float:left; background:#F2F2F2; padding:30px 0;}
.post-sec .social { font-size:30px; text-align:center;}
.post-sec .social a{ display:inlinemlo; infont-size:32px; color:#9B9B9B; padding: 0 10px;}


footer{ width:100%; float:left; background:url(../images/footer-bg.jpg) no-repeat; background-size:cover; position:relative; color:#FFF; padding:30px 0;}
footer:before{width:50%; height:100%; content:""; position:absolute; top:0px; left:0px; background:rgba(53,156,127,0.9);}
footer:after{width:50%; height:100%; content:""; position:absolute; top:0px; right:0px; background:rgba(91,196,191,0.9);}
.links{width:100%; float:left; margin-bottom:40px;}
.links ul li{font-family:'BrownStd', Arial, Helvetica, sans-serif; font-size:14px; padding:0px;}
.links ul li:before{ content:"";}
.links ul li a{color:#FFF;}
.links ul li a:hover{color:#4a4a4a;}
address{width:100%; float:left; margin:0px; font-family:'BrownStd', Arial, Helvetica, sans-serif; font-size:14px;}
address p, address p a{color:#FFF;}
footer h2{ font-size:24px;}
footer .content-right{width:100%; float:left; position:relative; z-index:999; padding:0 0px 0 80px;}
.follow-main{ width:100%; float:left;}
.content-right h2{ font-size:20px; margin-bottom:12px;}
.follow-main li{ float:left; padding:0 15px 0 0;}
.follow-main ul li:before{ content:"";}
.follow-main li a{ color:#FFF; font-size:24px;}
.newsletter{width:100%; float:left; margin-top:22px;}
.input-text { font-family: "Lato",Arial,Helvetica,sans-serif; font-size:14px; background-color: transparent !important; border: 1px solid #ffffff !important; border-radius: 0px !important; -webkit-border-radius: 0px !important; -moz-border-radius: 0px !important; color: #FFF !important; display: block; float: left; height: 40px; line-height: 1.3; margin-bottom: 20px; padding: 0 12px !important; transition: all 0.4s ease-in-out 0s; -webkit-transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; width: 100%;}
.btn-primary{min-width:80px; float:left;font-family:'BrownStd', Arial, Helvetica, sans-serif; font-size:14px; text-transform:uppercase; height: 40px; background-color: transparent !important; border: 2px solid #ffffff !important;}
.input-group{ width:100%;}
.newsletter .input-text{  width:auto; min-width:400px; float:left;}
.newsletter .btn-primary{ margin-left:-1px; transition: all 0.4s ease-in-out 0s; -webkit-transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s;}
.newsletter .input-group{ padding-bottom:15px;}
.newsletter .btn{ min-width:280px; border:1px solid #FFF; background-color: transparent !important; line-height: 40px; font-size: 16px; margin-top:10px; border-radius:18px; -webkit-border-radius:18px; -moz-border-radius:18px; }
.newsletter .btn:hover, .newsletter .btn:focus, .newsletter .btn-primary:hover, .newsletter .btn-primary:focus{ background-color: #FFF !important; color:#5bc4bf ;}
/*input:focus, textarea:focus { -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);}*/
.copyright-text{ text-transform:uppercase; font-family:'Lato', Arial, Helvetica, sans-serif; font-size:16px; font-weight:700; margin: 40px 0 10px 0; }
.designby{ display:block; text-align:right; font-family:'Lato', Arial, Helvetica, sans-serif; font-size:16px; font-weight:700;}
.designby a{ color:#FFF;}
.designby a:hover{ text-decoration:underline;}



/****** Detailed Secondary Page  *******/
.inner-page{ width:100%; float:left; padding:0px 0 30px 0;}
/*.inner-page h2{ font-size:30px; color: #000000;}*/
/*.inner-page h3{ font-size:24px;}*/
.full-content{ width:100%; float:left; padding-top:40px;}
.thumb{ width:100%; float:left;}
.classes-detail{ width:100%; float:left; padding-top:20px;}
.detail{ width:100%; float:left; padding-top:20px;}
.classes-detail h2{ font-size:24px; color: #4a4a4a; text-transform:none;}
.btn-gray { text-align:center; background: #d8d8d8; border: 2px solid #d8d8d8; color: #4a4a4a; display: inline-block; font-family: "Lato",Arial,Helvetica,sans-serif; font-weight:600; font-size: 18px; line-height: 44px; min-width: 240px; padding: 0 30px; border-radius:0px; -webkit-border-radius:0px; -moz-border-radius:0px; text-transform: uppercase;}
.btn-gray:hover, .btn-gray:focus  {background:transparent; color:#4a4a4a;}
.content-left, .sidebar{width:100%; float:left;}
.content-left h2{ font-size:22px; color: #000000;}
.content-left h3{ font-size:20px;}
/*.content-left{padding-right:30px;}*/
.sidebar{ padding-left:30px;}
.content-left:after{ content:""; width:1px; height:100%; position:absolute;  right:0; top:0; background:rgba(151,151,151,0.27); }
.sidebar .menu{ width:100%; float:left; margin-bottom:40px;}
.sidebar .menu ul{ display:block;}
.sidebar .menu ul li{ padding:8px 12px; text-align:right; border-bottom:1px solid rgba(151,151,151,0.5);}
.sidebar .menu ul li::before{ content: "";}
.btn-outline { text-align:center; background: #FFF; border: 1px solid #979797; color: #000000; margin-bottom:40px; display: inline-block; font-family: "Lato",Arial,Helvetica,sans-serif; font-weight:400; font-size: 18px; line-height: 64px; min-width: 240px; width:100%; padding: 0 30px; text-transform: uppercase;}
.btn-outline:hover, .btn-outline:focus  {background:#979797; color:#FFF;}


/****** Content with Sidebar *******/
.inner-banner{width:100%; float:left; background-position: center center !important; background-size: cover !important; height: 470px;}
.image-block{width:100%; float:left; margin-bottom:40px;}
.image-block img{width:100%;}


/****** Category Listing *******/
.class-listing{ width:100%; float:left;}
.class-main{ width:100%; float:left; margin-bottom:70px;}
.class-top{ width:100%; float:left; font-size: 15px; margin-bottom:30px; }
.class-top ul{display:table; width:100%; margin:0;}
.class-top ul li{display:table-cell; padding:0px; color: #000000;}
.class-top ul li:before{content:"";}
.class-top ul li span{ display:block; text-align:center; padding:5px 0px;} 
.class-top ul li span:first-child{ border-top:5px solid #5bc4bf; border-bottom:1px solid #5bc4bf;}
.class-thumb{ width:100%; float:left; position:relative;}
.class-title{ width:100%; position:absolute; bottom:0; background:rgba(255,255,255,0.85); text-transform:uppercase; line-height:40px; text-align:center; font-weight:700;}
.class-detail{width:100%; float:left; padding:5px 0 0 0;}
.class-main h2{ font-size:22px; color:#000; margin-bottom:7px;}
.class-main p{display:none;}
.class-detail p{color:#000; display:block;}
.class-date{width:100%; float:left; font-weight: 600; color:#000; margin-bottom:15px;}
.more a{display:inline-block; padding:0px 0 30px 0; font-size:18px; font-family:'BrownStd', Arial, Helvetica, sans-serif; font-weight:bold;}


/****** Class Listing *******/
.explore-class-sec{ width:100%; float:left; text-align:center; padding:35px 0 0px 0;}
.explore-btn{ min-width:336px; display:inline-block; line-height: 72px; color:#FFF; border:2px solid #5bc4bf; margin-bottom:15px; font-family:'BrownStd', Arial, Helvetica, sans-serif; font-weight:bold; font-size:18px; text-align:center; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background-color: #5bc4bf;}
#collapse_show{ display:none; font-size: 16px;}
.explore-btn:hover, .explore-btn:focus{background-color: transparent; border:2px solid #5bc4bf; color:#5bc4bf;}
.search-by { width: 100%; float: left; margin: 15px 0; padding: 0 15%;}
.search-category { float: left; width: 100%; text-align:center;}
.search-category li {display: inline-block; padding:0; margin:0;}
.search-category li:before {content:"";}
.search-category a, .weekly a { background: #fff; border: 1px solid #4a4a4a; color: #4a4a4a; float: left; margin: 5px; padding: 2px 12px; transition: all 0.4s ease 0s; -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s;
}
.search-category a:hover, .weekly a:hover{ background: #5bc4bf; border: 1px solid #5bc4bf; color: #fff; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; }
.search-category a.selected, .weekly a.selected { background: #5bc4bf; border: 1px solid #5bc4bf; color: #fff; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; }
.explore-class-sec .input-text{ border-color:#979797 !important; max-width:535px; float:none; color:#4a4a4a !important; display:inline-block;}
.type-when { width: 100%; float: left; padding: 0 10%;}
.weekly { width: auto; display: inline-block;}
.weekly ul { display: block; list-style: none; margin: 0; padding: 0; text-align: center;}
.weekly li {display: inline-block; padding:0; margin:0;}
.weekly li:before {content:"";}
.dates {display: inline-block;}
.dates span { float: left; margin: 8px 5px 0 10px;}
.date-icon { background: #fff; border: 1px solid #4a4a4a; color: #4a4a4a; float: left; height: 30px; margin: 5px; padding: 0; width: 40px;}
.dates input[type="text"] { background: #fff; line-height:20px; border: 1px solid #4a4a4a; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; color: #4a4a4a; float: left;
                            margin: 5px; max-width: 110px; outline: medium none; padding: 2px 12px;}
.date-field {float: left; height: 20px; width: 115px; font-size:14px;}
.date-field .ui-datepicker-trigger {cursor: pointer; left: -82px;  position: relative; top: -28px;}
.filter-result { float: left; margin: 20px 0; padding: 0 30%; width: 100%;}
.filter-btn {  width: 100%; background: #5bc4bf; border:2px solid #5bc4bf; color: #fff; cursor: pointer; float: left; font-size: 18px; height: 48px; line-height: 48px; text-transform:none; font-weight:600; outline: medium none; padding: 0; text-align: center; text-decoration: none; transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; }
.filter-btn:hover, .filter-btn:focus{background-color: transparent; border:2px solid #5bc4bf; color:#5bc4bf;}
.full-content .content-left img{width:100% height:auto }
.new_camp_render{float: left; width: 49%;margin-left: 2%;}
.current_campus{float: left; width:49%;}
.annual-function img{ width:auto !important; height: auto;}

#email_user{border: 1px solid black !important;
    color: black  !important; }
#password_user {border: 1px solid black  !important;
    color: black  !important;}
.main-class > .class_links{    padding: 0 20px; font-size: 12px;}

@media screen and (max-width: 1202px) {
  .main-class > .class_links {
    padding: 0 6px;
    font-size: 11px;
	}
}