@charset "utf-8";
@font-face {
    font-family: 'source_sans_proregular';
    src: url('../fonts/sourcesanspro-regular-webfont.eot');
    src: url('../fonts/sourcesanspro-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/sourcesanspro-regular-webfont.woff2') format('woff2'),
         url('../fonts/sourcesanspro-regular-webfont.woff') format('woff'),
         url('../fonts/sourcesanspro-regular-webfont.ttf') format('truetype'),
         url('../fonts/sourcesanspro-regular-webfont.svg#source_sans_proregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'source_sans_prosemibold';
    src: url('../fonts/sourcesanspro-semibold-webfont.eot');
    src: url('../fonts/sourcesanspro-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/sourcesanspro-semibold-webfont.woff2') format('woff2'),
         url('../fonts/sourcesanspro-semibold-webfont.woff') format('woff'),
         url('../fonts/sourcesanspro-semibold-webfont.ttf') format('truetype'),
         url('../fonts/sourcesanspro-semibold-webfont.svg#source_sans_prosemibold') format('svg');
    font-weight: normal;
    font-style: normal; 
	
}
@font-face {
    font-family: 'nimbus_roman_no9_lregular';
    src: url('../fonts/nimbusromno9l-reg-webfont.eot');
    src: url('../fonts/nimbusromno9l-reg-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/nimbusromno9l-reg-webfont.woff2') format('woff2'),
         url('../fonts/nimbusromno9l-reg-webfont.woff') format('woff'),
         url('../fonts/nimbusromno9l-reg-webfont.ttf') format('truetype'),
         url('../fonts/nimbusromno9l-reg-webfont.svg#nimbus_roman_no9_lregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
 @-ms-viewport {
      width: device-width;
    }
    body, html {
      -ms-overflow-style: none !important;
    }
   
* {
  margin: 0;
}
.mobileSlideText{display:none;}
html, body {
  height: 100%;
}
.page-wraper {
  min-height: 100%;
  /* equal to footer height */
  margin-bottom: -292px; 
}
.flexslider .slides img{}
.page-wraper:after {
  content: "";
  display: block;
}
.footerArea, .page-wraper:after {
  height: 292px; 
}

.hotLink {
    color: #fafafa;
}
.hotLink:hover {
    color: #fafafa;
    text-shadow: 0.5px 0 0; 
}
.belowBanner .col3 h3 a {
    color: #ffffff;
    display: block;
    position: static;
    transform: translate(0px, 0px);
	-webkit-transform: translate(0px, 0px);
	-moz-transform: translate(0px, 0px);
	-ms-transform: translate(0px, 0px);
}
.haveAudio {  left: -200%;  position: absolute;   visibility: hidden;}
body { font-family: 'source_sans_proregular', sans-serif; overflow-x:hidden; background:#abad97; }
a, a:active, a:focus, a:hover { text-decoration:none; outline:0; }
button:focus, input:focus, textarea:focus { outline:0 }
a, button {  transition:all .2s ease-in!important;
 o-transition:all .2s ease-in!important;
 -webkit-transition:all .2s ease-in!important;
 -moz-transition:all .2s ease-in!important
}
ol, ul { padding:0 15px }
li, ul { margin:0 15px }
h1, h2, h3, h4, h5, h6 { font-weight:400; margin:0; padding:0; }
h1, h2 { font-size:16px }
h1 { font-weight:700 }
h3 { font-size:14px }
h4 { font-size:13px }
h5 { font-size:12px }
p {
    font-size: 16px;
    line-height: 24px;
}
h1{font-size:32px; margin-bottom:10px}
h2{font-size:28px;margin-bottom:10px}
h3{font-size:24px;margin-bottom:10px}
h4{font-size:20px;margin-bottom:10px}
h4{font-size:16px;}
h5{font-size:12px;}
h6{font-size:10px;}
.checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"], .radio input[type="radio"], .radio-inline input[type="radio"] {
    float: left;
    height: auto;
    margin-left: 0;
    margin-right: 5px;
    min-height: unset;
    position: relative;
    width: auto;
}

ul ul, ol ol, ul ol, ol ul {
    margin-bottom: 0;
}
ul, ol {
    line-height: 1.71429;
    margin: 0 0 1.71429rem;
    padding: 0;
}

dt {
    font-weight: bold;
    margin-bottom: 1.71429rem;
}

dd {
    line-height: 1.71429;
    margin: 0 0 1.71429rem;
}
dl {
    margin: 0 1.71429rem;
}
.alignleft {
    display: inline;
    float: left;
    margin: 0.857143rem 1.71429rem 0.857143rem 0;
}
.alignright {
    display: inline;
    float: right;
    margin: 0.857143rem 0 0.857143rem 1.71429rem;
}

.comment-form p {
    margin-bottom: 20px;
}
.innerContainer {
    background: #bab7a4 none repeat scroll 0 0;
    padding: 30px 15px;
}
button, html input[type="button"], input[type="reset"], input[type="submit"] {
    background: #503929 none repeat scroll 0 0;
    border: 0 none;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    font-size: 16px;
    min-width: 100px;
    padding: 10px 15px;
    transition: all 0.4s ease 0s;
    width: auto;
}
button.paypal_button, html input[type="button"].paypal_button, input[type="reset"].paypal_button, input[type="submit"].paypal_button {
    background: #2980B9 none repeat scroll 0 0;
    border: 0 none;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    font-size: 16px;
    min-width: 100px;
    padding: 10px 15px;
    transition: all 0.4s ease 0s;
    width: auto;
}
.form-group .col-md-4 {
    width: auto;
}
div.wpcf7 {
    margin: 0 auto;
    max-width: 480px;
    padding: 0;
}
.input-group {
    border-collapse: separate;
    display: block;
    margin-top: 20px;
    position: relative;
}
button:hover, html input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover{background:#000;}
label {
    display: inline-block;
    font-size: 17px;
    font-weight: 400;
    margin-bottom: 5px;
    max-width: 100%;
    min-width: 80px;
    vertical-align: top;
}
button, input, select, textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    max-width: 100%;
    min-height: 40px;
    padding: 10px;
    width: 320px;
}
.nav-previous{float:left;}
.nav-next{float:right;}

.entry-title > a {
    color: #503929;
}
.aboutCross > img { position: relative;   top: 22px;}
.entry-title > a:hover, .entry-title > a:focus, .entry-title > a:active {
    color: #000;
}
.innerContainer article {
    margin-bottom: 35px;
}
.wp-paginate li {margin:0;}
.wp-paginate .current {
    background: #503929 none repeat scroll 0 0;
    border: 1px solid #503929;
}
.page-header h1 {
    margin-bottom: 0;
}
.page-header {
    border-bottom: 1px solid #503929;
    margin: 20px 0 40px;
    padding-bottom: 9px;
}

label.error {
    color: #ff0000;
    display: block;
    font-weight: normal;
    margin-left: 85px;
}
.navigation .wp-paginate li {
    display: inline-block;
    margin-bottom: 10px;
}

.commentlist img {
    float: left;
    margin: 0 10px 0 0;
}
cite {
    display: block;
    margin-right: 10px;
}
.comment-meta.comment-author.vcard {
    vertical-align: bottom;
}
/*============================Header css starts=======================*/
.col3.top-footer-left {
    width: 36%;
}
.col3.top-footer-left1 {
    width: 39%;
}
.col3.top-footer-right {
    width: 35%;
}
.col3.top-footer-center{
    height: 146px;
    overflow: visible;
    width: 26%;
}
article.error404 {
    min-height: 300px;
    padding: 20px 15px;
    text-align: center;
}
.btn.focus, .btn:focus, .btn:hover {
    color: #fff;
    text-decoration: none;
}
.form-inline .form-control {height:44px;width:400px; max-width:100%;}
.container{width:990px}
h3.white small { color: #fff;  display: block;  font-size: 14px;}
#header { display:block; border-top:5px solid #503929; border-bottom:5px solid #503929;margin-top:25px;position:relative; z-index:2}
.navBar { text-align:center; }
.navBar ul li { display:inline-block;position:relative; margin:0; }
.navBar div > ul > li > a::before {  content: ".";  font-size: 32px;   left: -6px;   line-height: 30px;  position: absolute;  top: -2px; color:#503929;}
.navBar div > ul > li:last-child > a::after { content: ".";  font-size: 32px;  right: 0;  line-height: 30px;   position: absolute;	top: -2px;color:#503929; }
.navBar ul li a { font-size:18px; line-height:40px; font-weight:500;color:#503929;padding:0 33px; font-family: 'source_sans_prosemibold', sans-serif; text-transform:uppercase;}
.navBar ul li.active > a,.navBar ul li:hover > a,.navBar ul li.current-page-ancestor > a{color:#fff;}
.slideText,.mobileSlideText { color: #000;  font-family: nimbus_roman_no9_lregular; font-size: 60px;  left: 0;  line-height: 1;  margin: 0 auto;   position: absolute;  right: 0;  text-align: center;  top: 10px;    width: 80%; font-weight:normal;}
.slides > li {position:relative;}
.flex-viewport { max-height: 640px;}
.flex-container a:hover, .flex-slider a:hover { outline: medium none;}
.slides, .slides > li, .flex-control-nav, .flex-direction-nav { list-style: outside none none; margin: 0;    padding: 0;}
.flex-pauseplay span { text-transform: capitalize;}
.flexslider { margin: 0; padding: 0;}
.flexslider .slides > li { display: none;}
.flexslider .slides img {  display: block; width: 100%;}
.flexslider .slides::after { clear: both;  content: " ";  display: block;  height: 0;  line-height: 0;  visibility: hidden;}
html[xmlns] .flexslider .slides { display: block;}
* html .flexslider .slides { height: 1%;}
.no-js .flexslider .slides > li:first-child { display: block;}
.flexslider { position: relative;}
.flexslider .slides img { -moz-user-select: none;  height: auto;margin-top:20px;}
.banner img{margin-top:20px;}
.flex-viewport {  transition: all 1s ease 0s;}
.loading .flex-viewport { max-height: 300px;}
.carousel li { margin-right: 5px;}
h1.hmTitle { font-family: nimbus_roman_no9_lregular,Times New Roman;  font-size: 48px;  margin: 20px 0 30px;  text-align: center;font-weight:normal; color:#000;}
.col3 { float: left; height: 356px;  margin-right:1.25%;  overflow: hidden;  position: relative;  width: 32.50%; padding: 15px 18px;}
.col3:last-child { margin-right: 0;}
.belowBanner .col3 a { left: 50%; position: absolute;  top: 50%;  transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);height:356px;min-width:100%;display:block;}
.belowBanner .col3 a img{height:100%;}
.col3 h3.white{color:#fff;}
.shortInto { background: #e4ddcb none repeat scroll 0 0;   color: #503929;  padding: 15px 18px; }
.shortInto p { font-size: 15px;  line-height: 19px;  margin-bottom: 0;  text-align: justify;}
.belowBanner .col3 a img.playbtn { bottom: 30px;  height: auto;  left: 50%;  position: absolute;  transform: translateX(-50%);-moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%);   width: auto;  z-index: 9;}
@-moz-document url-prefix(){
	.shortInto p {line-height:20px;}
	}
.bannerBelowContent { font-family: source_sans_proregular;  font-size: 15px;  line-height: 20px;   padding: 4px 100px 15px;}
.bannerBelowContent > p { margin: 0; color:#503929;font-size: 15px;  line-height: 20px; text-align: justify;}
.leadershop_footer .leaderLeft .goldenLink { float: right;  width: 53%;}
.leadershop_footer .leaderLeft.top-footer-left1 .goldenLink { float: right;  width: 67%;}
.col3.top-footer-center1{width:19%;}
.col3.top-footer-right1 {
    width: 39%;
}
.top-footer-right1 .goldenLink.goldLeaderleft {
    width: 65%;
}
.goldenLink.goldLeaderleft { width: 54%; margin-left:22px;}
.banner img { max-width: 100%;}
.col3 h3{font-size:20px;text-align:center;color: #503929;position:relative;z-index:1;font-family:source_sans_prosemibold;margin-bottom:3px}
.colContent{margin-bottom:20px;}
.goldenLink { float: left;  width: 50%;min-height: 140px;}
..leadershop_footer goldenLink{min-height:117px;}
.goldenLink span{display:block;text-transform:uppercase;}
.first .goldenLink {float: right;}
.topFooter {  text-align: center;border-top: 5px solid #503929;	 padding-top: 0px;}
.goldencoin{width:76px; height:56px; background:url(../images/gold.png);margin:0 auto;}
.goldenLink a:hover .goldencoin {  background-position: 0 -57px;}
.goldenLink span {  color: #000;   display: block;   font-family: source_sans_prosemibold;  font-size: 20px; line-height: 1.2;  text-transform: uppercase;}
.topFooter .col3{height:auto;}
.goldenLink a:hover span{color:#503929;}
.footer { background: #503929 none repeat scroll 0 0;  color: #fff;  font-size: 20px;padding: 7px 0;}
.col2 > h3 , .col2 > div > h3 {  font-family: source_sans_prosemibold;  font-size: 20px;margin-bottom:0;}
.col2 > p , .col2 > div > p{ font-size: 20px;  line-height: 25px;  margin-bottom: 0;}
.col2 { float: left;  width: 50%;}
.alignRight {  text-align: right;}
.col3.cross { height: 146px; overflow: visible;}
.copyright { font-size: 10px;  margin-bottom: 5px;  margin-top: 5px;  text-align: center;}
.menuTab{display:none;}
.childMenu { background: rgba(171, 173, 151, 0.8) none repeat scroll 0 0;  min-width: 200px;  position: absolute;  top: 40px;display:none;transition:0.4s;}
li:hover > .childMenu {display:block;}
.navBar ul.childMenu > li {  display: block;  text-align: left;}
.navBar ul.childMenu > li a {  display: block; padding: 0 10px; text-align: left;}
.childMenu .childMenu { left: 100%;  top: 0;}
#top_nav{margin:0;padding:0;}
.containerArea{padding-top:8px;}
.belowBanner ,.containerArea {background:#bab7a4;}
.mainContent {
    position: relative;
    z-index: 1;
}
/*Contact Page*/
.col2.col-pad {  padding-left: 35px;   padding-right: 55px;}
.clearfix.colContent.contactArea { padding-top: 20px; color:#503929;}
.col2.col-pad .mapArea img{width:100%;}
.contactArea .col2 > h3 { font-size: 20.5px;}
.mapArea { margin-top: 10px;  position: relative;}
.mapArea > h3 { position: absolute;  text-align: center;  top: 5px;  width: 100%;}
.form-contact-group > label { display: block;  font-size: 14px;   line-height: 23px;   margin-bottom: 2px;}
.form-contact-group > input { background: #cfcdbf none repeat scroll 0 0;  border: 1px solid #503929;  height: 36px;  margin-top: 2px;  width: 100%;}
.form-contact-group { margin-bottom: 3px;}
.form-contact-group textarea { background: #cfcdbf none repeat scroll 0 0;  border: 1px solid #503929;  display: block;  margin-top: 5px;  min-height: 167px;  width: 100%;}
.contactArea .col2 input[type="submit"] {border-radius: 0;  font-size: 14.33px;  height: 43px;  margin-top: 16px;  text-transform: uppercase;  width: 86px;}
.contactArea form {margin-top: 5px;}
.mapArea img { max-width: 100%;}
/*Donation Page*/
.clearfix.donationArea { background: #bab7a4 url("../images/donatebg.jpg") repeat-x scroll 0 0;}
.donationArea .col-left { float: left; width: 72%;padding-right:12px;}
.donationArea .col-right { float: left;  width: 28%; padding-left:12px;}
.donations h2 { font-size: 20px;color:#503929; font-family: source_sans_prosemibold;}
.donationItem { margin-top: 79px;margin-bottom:110px;}
/*Our School*/

.schoolArea .leftContentArea {float: left;  padding-right: 10px;   text-align: justify;  width: 66.66%;}
.schoolVideo { float: right;  padding-left: 12px;  width: 33.33%;position:relative;}
.clearfix.colContent.schoolArea {  padding: 20px;}
.schoolVideo img { max-width: 100%;}
.leftContentArea > p { color: #503929;  font-size: 15px;  line-height: 19px;margin-bottom:0;letter-spacing: -1px;word-spacing: 1px;}
.schoolArea h2 { color: #503929;  font-size: 20px;  font-family: source_sans_prosemibold;  text-transform: uppercase; margin-bottom: 10px;}
.leftContentArea > h3 { color: #503929;  font-size: 15px;   line-height: 22px;margin-top:4px; margin-bottom:0;}
.schoolVideo > h3{font-size:20px;font-family: source_sans_prosemibold; position:absolute; width:100%; top:15px; color:#ffffff;text-align:center;}
/*Youth Page*/
.youthContainer img{max-width:100%;}
.youthContainer {background:#bab7a4; color: #503929;}
.col-twoThird{width:66.66%; float:left;}
.col-oneThird{width:33.33%; float:right;padding-right: 6px;}
.youthContainer h2 { font-family: source_sans_prosemibold;  font-size: 20px;margin-top: -5px;  word-spacing:-1px; text-transform: uppercase;margin-bottom:0;}
.youthContainer.clearfix { padding: 20px 12px 20px 0;}
.youthContainer p { font-size: 15px;  line-height: 19px;  margin-bottom: 0;  text-align: justify;  letter-spacing: 0px;word-spacing:0px;}
.youthfooter .top-footer-right .goldenLink {
    margin-left: 18px;
}
.youthfooter .top-footer-left .goldenLink {
    margin-right: 5px;
}
/*Leader Page*/
.colContentLeader { margin-bottom: 3px;margin-top: 11px;}
.colContentArea { padding: 0 4px 0 5px;margin-top: 4px;}
.goldenLeaderLink .goldenLink {  width: 78%;}
.colContentLeader .col3 { height: auto;   padding: 0 0px;}
.colContentArea > h3 { text-transform: uppercase;margin-bottom:0;word-spacing: -1px;}
.colContentArea > p { font-size: 14px;  line-height: 19px;margin-bottom: 0;color: #503929; text-align:justify;}
.wpcf7-form-control-wrap input, .wpcf7-form-control-wrap select, .wpcf7-form-control-wrap textarea { background: #cfcdbf none repeat scroll 0 0;  border: 1px solid #7a6a5a;   box-shadow: 0 -1px 1px #a59e8b;   font-family: inherit;   font-size: inherit;  line-height: inherit;  max-width: 100%;   min-height: 36px; max-height:182px;   padding: 0 10px;   width: 100%;margin:0;}
blockquote{border-left:0; margin:0;padding:0;}
.col-left .banner {
    padding-bottom: 0px;
}
.page-wraper {position:relative;z-index:1;}
.footerArea {
    position: relative;
    z-index: 10;
}
@media (max-width:991px){
	.youthContainer.clearfix{  padding: 20px 12px 0;}
	.youthfooter .top-footer-left .goldenLink {
    margin-right: 0;
}
	.youthfooter .top-footer-right .goldenLink {
    margin-left: 23px;
}
.donationItem {
    margin-bottom: 50px;
    margin-top: 49px;
}
.goldenLink span{font-size:17px;}
.leadershop_footer .leaderLeft.top-footer-left1 .goldenLink{width:100%;}
.col3.top-footer-right1 {
    width: 31%;
}
.col3.top-footer-left1 {
    width: 33%;
}
.col3.top-footer-center1 {
    width: 33%;
}.top-footer-right1 .goldenLink.goldLeaderleft{width:100%;margin-left: 12px;}
.leadershop_footer .leaderLeft .goldenLink { width: 59%;}
.container{width:840px}
.col2.col-pad {  padding-left: 15px;  padding-right: 15px;}
.youthContainer .col-twoThird {padding:10px; width:100%;}
.youthContainer .col-twoThird img{width:100%;}
.youthContainer .col-oneThird {padding:10px;width:100%;}
}
@media (max-width:840px){
.container{width:768px}
.shortInto p { font-size: 14px;  line-height: 15px;}
.flex-viewport {max-height: 388px;}
.navBar ul li a{padding:0 32px;}
.page-wraper {
  min-height: 100%;
  /* equal to footer height */
  margin-bottom: -316px; 
}
.footerArea, .page-wraper:after {
  height: 316px; 
}
.shortInto p{font-size:13px;}
}
@media (max-width:767px){
	.youthfooter .top-footer-right .goldenLink {
    margin-left: 0;
}
	.contactArea .col2{width:90%;}
	.top-footer-right1 .goldenLink.goldLeaderleft,.leadershop_footer .leaderLeft.top-footer-left1 .goldenLink {
    width: 100%;margin-left:0;
}
	.leadershop_footer .leaderLeft .goldenLink,.goldenLink.goldLeaderleft{width:100%; float:left;}
	.banner img{margin-top:35px;}
	.aboutCross > img{top:0;}
	.colContentLeader .col3 > img { display: block;  margin: 0 auto;  width: 80%;}
	/*youth page*/
	.col-twoThird, .col-oneThird { float: none;  margin-bottom: 20px; padding: 0 0 0 10px; width: 100%;}
	/*Our School Page*/
	.schoolArea .leftContentArea{width:100%; padding:0; float:none;}
	.schoolVideo {
    float: none;
    margin: 20px auto;
    padding: 0;
	width:80%;
}
.schoolVideo img{width:100%;}
	/*Our School Page End*/
	/*Donation page*/
	.donationArea .col-left{width:100%; padding-right:0;}
	.donationArea .col-right{width:100%; padding:0 15px;}	
	/*Donation page end*/
	/*Contact Page*/
	.contactArea .col2{float:none; width:90%; margin:0 auto 30px;}
	.col2.col-pad { padding-left: 0;  padding-right: 0;}
	/*Contact Page End*/
	.topFooter .col3.cross { width: 100%;}
	.topFooter .col3 {height: auto;width: 50%;}
	.goldenLink { float: left;  margin-bottom: 24px;  width: 100%;}
	.bannerBelowContent{padding:4px 20px 10px;}
	.belowBanner .col3 a{min-width:0;}
	.shortInto {overflow:auto;}
	.slideText{display:none;}
	.mobileSlideText{display:block; width:90%;}
	.slideText,.mobileSlideText{font-size:40px;}
	.form-group input {
    margin: 0 auto 15px;
    padding: 5px;
}
	.containerArea {
    padding-bottom :100px;
}
label.error {
    margin-left: 0;
}
label {width:100%;}
.childMenu .childMenu {
    left: 0;
    top: 0;
}
.childMenu {
    position: relative;
    top: 0;
}
.navBar ul li li:last-child{border:0;}
.navBar ul ul.childMenu > li a{padding:0 10px 0 60px;}
.navBar ul ul.childMenu > li li a{padding:0 10px 0 75px ;}
.navBar ul ul.childMenu > li li li a{padding:0 10px 0 90px ;}
li:hover > .childMenu {display:none;}
.menuTab { display: inline-block; float: left; margin-top: 5px;  width: 35px;cursor:pointer;transition:0.4s;}
.menuTab:hover > span{background:#fff;}
.menuTab > span { background: #503929 none repeat scroll 0 0;  border-radius: 3px;  display: block;  height: 5px;  margin: 4px;  width: 100%;}
.navBar ul li a::after ,.navBar ul li a::before{  display: none;}
.navBar ul li { display: block;}
.navBar{height:40px;}
.col-md-12.navBar div{position:relative;}
.col-md-12.navBar div > ul {  background: rgba(171, 173, 157, 0.8) none repeat scroll 0 0;  left: 0;  position: absolute; text-align: left; top: 45px;  width: 100%;display:none;}
.navBar ul li { border-bottom: 2px solid #503929;  display: block;}
.container{width:640px}
.col3{width:100%; margin-right:0; margin-bottom:20px;}
.shortInto p { font-size: 15px; line-height: 20px;}
.col3.shortInto { min-height: unset;  padding: 15px 20px;height:auto;}
.col3 iframe { height: 338px;  left: 50%;  position: absolute;  top: 50%;  transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%); width: 100%;}

.col3.cross { bottom: -85px;  left: 0; position: absolute;  right: 0;}
.topFooter {position:relative;}
.footerArea, .page-wraper::after {
		height: 575px;
	}
	.page-wraper {
		margin-bottom: -575px;
		min-height: 100%;
	}
}
@media (max-width:767px) and (min-width:480px){
.leadershop_footer .leaderLeft .goldenLink, .goldenLink.goldLeaderleft {
    width: 60%;
    float: none;
    margin: 0 auto;
}
}
@media (max-width:639px){
	.flexslider .slides img {
    -moz-user-select: none;
    height: auto;
    margin-top: 30px;
}
	.container{width:560px}
	.footerArea, .page-wraper::after {
		height: 600px;
	}
	.page-wraper {
		margin-bottom: -600px;
		min-height: 100%;
	}
}
@media (max-width:559px){
	.container{width:480px}
}
@media (max-width:500px){
	.container{width:100%}
	.slideText, .mobileSlideText {
    font-size: 32px;
    letter-spacing: -2px;
    top: -1px;
    word-spacing: -1px;
}
	.col2{width:100%;text-align:left;margin-bottom:10px;}
	.footer {padding-top:52px;}
	.page-wraper {
		margin-bottom: -755px;
		min-height: 100%;
	}
	.footerArea, .page-wraper::after {
    height: 755px;
}
.youthContainer h2{word-spacing:-2px;}
}
@media (max-width:359px){
	.flexslider slides img{margin-top:48px;}
	}
@media screen and (max-width: 860px) {
.flex-direction-nav .flex-prev {  left: 10px;  opacity: 1;}
.flex-direction-nav .flex-next {opacity: 1; right: 10px;}
}