@charset "utf-8";
/* CSS Document */
body{ background:#fff; font:normal 14px/20px Arial, Helvetica, sans-serif; color:#575757;}
#wpadminbar ul:after{ clear:inherit;}
a{ color:#7ac142;}
a:focus, button:focus, input:focus, textarea:focus { outline: none;}
ul li{ list-style-type:none;}
#navigation{ display:none;}
#navbtn{ display:none;}
.nav-menu{ }
.nav-menu li{ position:relative; float:left; }
.nav-menu li .menuarrow{ display:none;}
.nav-menu li > a{ font:400 italic 16px/50px 'Oswald', sans-serif; text-transform:uppercase; color:#000;  white-space:nowrap; display:block; padding:0 22px}
.nav-menu li:hover > a, .nav-menu li.active > a,.nav-menu li.current_page_item > a, .nav-menu li > a:focus{ }
.nav-menu .sub-menu{ position:absolute; left:0; top:100%; background:#0089cf; min-width:220px; box-shadow:0 0 5px #02496d; transition: all 300ms ease-out 0s; display:none; z-index:999;}
.nav-menu .sub-menu .sub-menu{ left:100%; top:0;}
.nav-menu li:hover > .sub-menu{ display:block;}
.nav-menu .sub-menu li{ float:none;}
.nav-menu .sub-menu a{ font:normal 14px/40px Arial, Helvetica, sans-serif; padding:0 10px; white-space:nowrap;}
.nav-menu .sub-menu li+li{ border-top:1px solid #035e8d;}
header{}
#navigation{ float:left;}
.left-menu{ float:left; width:41%; border-bottom:solid 1px #777777; border-top:solid 1px #777777;}
.right-menu{ float:right; width:41%; border-bottom:solid 1px #777777; border-top:solid 1px #777777;}

.header-left{ float:left;}
.header-left span a{ display:inline-block; transform:skew(10deg, 0); text-transform:uppercase; color:#fff;}
.header-left span{ background:#de1f27; border-right:solid 5px #ad1017; transform:skew(-10deg, 0); display:block; padding:0 5px; font:400 italic 19px/49px 'Oswald', sans-serif;}
.header-right{ float:right;}
.header-right ul li{ float:left;}
.header-right ul li{ background:#2c3076; border-right:solid 5px #5055b4; transform:skew(-10deg, 0); display:block; padding:0 5px; font:400 italic 19px/49px 'Oswald', sans-serif; float:left; min-width:140px; text-align:center;}
.header-right ul li a{ display:inline-block; transform:skew(10deg, 0); text-transform:uppercase; color:#fff;}
.header-right ul li+li{ background:#de1f27; border-right:solid 5px #ad1017; margin-left:5px;}

#logo{ position:absolute; top:15px; left:50%; transform:translate(-50%,0);}
.header-top{ padding:18px 0;}
.header-btm{ margin-bottom:8px;}


#banner{ margin:0 auto; text-align:center; position:relative;}
#banner:before{ position:absolute; left:0; right:0; bottom:0; width:100%; content:""; height:92px; background:url(images/banner-btm.png) no-repeat 50% 100%; background-size:100% 100%;}
#banner img{ width:100%;}
.banner-text{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.banner-text div{ width:715px; margin:0 auto; color:#fff; position:relative;}
.banner-text div span{ transform:skew(-12deg, 0); display:block; background:#2c3076;}
.banner-text div:after{ position:absolute; right:-65px; top:-28px; width:215px; content:""; height:66px; z-index:-1; background:rgba(222, 31, 39, 0.9); transform:skew(-10deg, 0);}
.banner-text div:before{ position:absolute; left:-65px; bottom:-25px; width:197px; content:""; height:60px; z-index:-1; background:rgba(8, 103, 75, 0.9); transform:skew(-10deg, 0);}
#banner h1{ font:900 italic 80px/110px 'Oswald', sans-serif; padding:0 15px; transform:skew(12deg, 0);}
/*.banner-btmsec{ position:relative;}
.banner-btmsec:before{ position:absolute; left:0; right:0; top:0; height:200px; width:100%; content:""; background:url(images/banner-btm2.png) no-repeat 50% 100%; background-size:100% 100%;}*/


#content{}
#content h1{ font:700 70px/75px 'Oswald', sans-serif; padding:15px 0 0;}
#content h2{ font:700 68px/72px 'Oswald', sans-serif; padding:15px 0 0;}
#content h3{ font:700 40px/45px 'Oswald', sans-serif; padding:15px 0 0;}
#content h4{ font:400 italic 30px/35px 'Oswald', sans-serif; padding:15px 0 0;}
#content h5{ font:400 26px/30px 'Lato', sans-serif; padding:15px 0 0;}
#content p{ font:400 15px/22px 'Lato', sans-serif; padding:15px 0 0;}


.about-img img{ padding:20px; width:100%; transform:skew(-7deg, 0);}
.about-img{ position:relative;}
.about-img:before{ position:absolute; width:85%; height:75%; background:#2c3076; right:0; top:0; content:""; z-index:-1; transform:skew(-7deg, 0);}
.about-img:after{ position:absolute; width:118px; height:108px; background:#de1f27; right:0; bottom:0; content:""; transform:skew(-7deg, 0);}
.home-about{ padding:90px 0 140px;}

.mission-sec{ background:#2c3076; color:#fff;}
.mission-text{ float:left; width:40%; padding:90px 0 0;}
.mission-img{ float:left; width:60%; position:relative;}
.mission-img:before{ position:absolute; width:174px; height:100%; background:url(images/bg8.png) no-repeat 0 0; background-size:100% 100%; left:0; top:0;
bottom:0; content:"";}
.academy-sec{ padding:120px 0;}
.management-sec{ background:#191919; color:#fff; padding:15px 0 25px;}
.view-btn{ background:url(images/bg1.jpg) no-repeat 100% 0#2c3076; font:700 italic 20px/56px 'Lato', sans-serif; margin:25px 0 0; padding:0 60px 0 46px; display:inline-block; text-transform:uppercase; color:#fff; transform:skew(-5deg, 0);}

.management-right ul{ float:right; padding:10px 0 0;}
.management-right ul li{ float:left;}
.management-right ul li{ background:#2c3076; border-right:solid 5px #5055b4; transform:skew(-10deg, 0); display:block; padding:0 5px; font:400 italic 19px/49px 'Oswald', sans-serif; float:left; min-width:140px; text-align:center;}
.management-right ul li a{ display:inline-block; transform:skew(10deg, 0); text-transform:uppercase; color:#fff;}
.management-right ul li+li{ background:#de1f27; border-right:solid 5px #ad1017; transform:skew(-10deg, 0); display:block; padding:0 5px; font:400 italic 19px/49px 'Oswald', sans-serif; float:left; min-width:140px; text-align:center; margin-left:5px;}
.camps-sec{ padding:45px 0 85px; background:#000; color:#fff;}
.icon-sec{ padding:30px 0 0;}
.icon-sec > div{ float:left; text-align:center; width:20%;}
.donats-sec{ background:#2c3076; color:#fff; text-align:center; padding:15px 45px 30px; margin:90px 0 0;}



footer{ padding:110px 0 0; background:url(images/bg2.png) no-repeat 50% 0#191919; background-size:100%; color:#8f8f8f;}
.footer-top{ padding:30px 0 60px;}
footer p{ font:400 14px/22px 'Lato', sans-serif; padding:15px 0 0;}
.ft-list ul{ padding:5px 0 0;}
.ft-list ul li{ padding:10px 0 0; font:400 14px/22px 'Lato', sans-serif;}
.ft-list ul li a{ color:#8f8f8f;}
.footer-btm{ padding:5px 0 20px; text-align:center; background:#000; color:#fff;}
#idZenPlannerFrame{ height:400px !important;}
.login-sec{ padding:70px 0; max-width:380px; margin:0 auto;}

.login-sec #idZenPlannerFrame textarea, #idPage input[type="text"], .login-sec #idZenPlannerFrame input[type="password"], .login-sec #idZenPlannerFrame input[type="datetime"], .login-sec #idZenPlannerFrame input[type="datetime-local"], .login-sec #idZenPlannerFrame input[type="date"], input[type="month"], .login-sec #idZenPlannerFrame input[type="time"], .login-sec #idZenPlannerFrame input[type="week"], .login-sec #idZenPlannerFrame input[type="number"], .login-sec #idZenPlannerFrame input[type="email"], .login-sec #idZenPlannerFrame input[type="url"], .login-sec #idZenPlannerFrame input[type="search"], .login-sec #idZenPlannerFrame input[type="tel"], .login-sec #idZenPlannerFrame input[type="color"], .login-sec #idZenPlannerFrame .uneditable-input{ width:100% !important; height:36px !important; line-height:36px !important;}



.line-text{ background:url(images/line.png) no-repeat 0 100%; padding:0 0 15px !important;}
.line-text2{ background:url(images/line2.png) no-repeat 50% 100%; padding:15px 0 !important;}
.red-text{ color:#de1f27;}
.black-text{ color:#000;}
.white-text{ color:#fff;}
.blue-text{ color:#2c3076;}
.fullimg img{ width:100%;}
@media only screen and (max-width: 1198px) {
.nav-menu li > a{ font-size:15px; padding:0 12px;}
.banner-text div{ width:555px;}
#banner h1{ font-size:60px; line-height:90px;}
#banner::before{ height:55px;}
.home-about{ padding:40px 0 70px;}
.mission-text{ padding:10px 0 0;}
.academy-sec{ padding:70px 0;}
#content h1{ font-size:65px; line-height:68px;}
#content h2{ font-size:63px; line-height:65px;}
}
@media only screen and (max-width: 990px) {
.ft-list{ padding:25px 0 0;}
.header-left span{ font-size:16px; line-height:45px;}
.header-right ul li{ font-size:16px; line-height:45px;}
.nav-menu li > a{ padding:0 6px; font-size:12px; line-height:38px;}
#logo{ width:120px;}
#banner h1{ font-size:40px; line-height:70px;}
.banner-text div{ width:355px;}
#banner::before{ height:40px;}
#content{ padding:40px 0 0}
.about-img img{ padding:20px 20px 20px 0; transform:none;}
.about-img::before{ transform:none;}
.wrapper-3{ margin:0 auto; width:98%;}
.mission-text{ float:none; width:100%;}
.mission-img{ width:100%; float:none; padding:20px 0 0;}
.mission-img::before{ display:none;}
.line-text{ padding:15px 0 !important;}
#content h5{ font-size:22px; line-height:25px;}
.donats-sec{ margin:30px 0 0;}
}
@media only screen and (max-width: 740px) {
.desktop-menu{ display:none;}
#navigation{ position:relative; display:block; border-bottom:solid 1px #777777; border-top:solid 1px #777777; width:100%; padding:7px 0 7px 10px; margin:10px 0 0;}
#navbtn{ display:block; background:url(images/navigation.png) no-repeat 100% 0; width:100%; height:27px; line-height:27px; font-size:17px; text-transform:uppercase; color:#000; cursor:pointer;}
.nav-menu{ display:none; position:absolute; width:100%; top:100%; background:#fff; box-shadow:0 0 5px #ccc; z-index:999; left:0;}
.nav-menu li{ float:none;}
.nav-menu li+li{ border-top:1px solid #035e8d;}
.nav-menu li > a{ font:normal 16px/40px Arial, Helvetica, sans-serif;}
.nav-menu li .menuarrow{ position:absolute; right:2px; top:2px; width:36px; height:36px; z-index:99; background:url(images/nav-arrow.png) no-repeat 50% 50%; display:block; cursor:pointer; border-radius:3px;}
.nav-menu li:hover > .menuarrow, .nav-menu li.active > .menuarrow,.nav-menu li.current_page_item > .menuarrow{ background:url(images/nav-arrow.png) no-repeat 50% 50% #0089cf;}
.nav-menu .sub-menu{ position:relative; margin:0 3px;}
.nav-menu .sub-menu .sub-menu{ left:0; margin:0 5px;}
.nav-menu .sub-menu li{ float:none;}
.nav-menu li:hover > .sub-menu{ display:none;}

#content h1{ font-size:45px; line-height:48px; padding:10px 0 0;}
#content h2{ font-size:43px; line-height:45px; padding:10px 0 0;}
#content h3{ font-size:28px; line-height:28px; padding:10px 0 0;}
#content h4{ font-size:25px; line-height:25px; padding:10px 0 0;}
#content h5{ font-size:20px; line-height:20px; padding:10px 0 0;}
#content p{ font-size:14px; line-height:20px; padding:10px 0 0;}
.header-right ul li{ min-width:1px; padding:0 15px; font-size:14px; line-height:35px;}
.header-left span{ font-size:14px; line-height:35px;}
#logo{ position:inherit; text-align:center; transform:none; width:100%;}
#logo img{ width:110px;}
.banner-text div::before{ left:-23px; bottom:-11px; width:77px; height:39px;}
#banner h1{ font-size:23px; line-height:44px;}
.banner-text div::after{ right:-15px; top:-10px; width:65px; height:36px;}
.banner-text div{ width:225px;}
.home-about{ padding:40px 0;}
.academy-sec{ padding:40px 0;}
.management-sec{ text-align:center;}
.management-right ul{ margin:0 auto; float:none; display:table;}
.icon-sec > div{ padding:25px 0 0; width:100%; float:none;}
footer{ padding:0;}
.ft-list{ width:280px; margin:0 auto;}
.icon-sec{ padding:0;}
.camps-sec{ padding:35px 0;}
#banner::before{ height:35px;}
.about-img::after{ width:78px; height:68px;}
.home-about{ padding:0 0 40px;}
.donats-sec{ margin:0 0 30px; padding:0 20px 15px;}


}
@media only screen and (min-width: 740px) {
.nav-menu{ display:block !important;}
}
@media only screen and (max-width: 450px) {
.header-right ul li{ padding:0 5px; font-size:12px; border-right:solid 2px #5055b4;}
.header-right ul li+li{ padding:0 5px; font-size:12px; border-right:solid 2px #ad1017;}
.header-left span{ font-size:12px; border-right:solid 2px #ad1017;}
#banner{ overflow:hidden; display:block;}
#banner img{ min-width:150%; margin:0 -25%;}
.about-img::after{ display:none;}
footer p{ font-size:13px; line-height:20px;}
#content h1{ font-size:38px; line-height:38px; padding:10px 0 0;}
#content h2{ font-size:36px; line-height:36px; padding:10px 0 0;}
#content h3{ font-size:24px; line-height:24px; padding:10px 0 0;}
#content h4{ font-size:22px; line-height:22px; padding:10px 0 0;}
#content h5{ font-size:18px; line-height:18px; padding:10px 0 0;}

}