/*
Theme Name: Summer Academy
*/
@font-face {
    font-family: 'basic_title_fontregular';
    src: url('fonts/basictitlefont-webfont.eot');
    src: url('fonts/basictitlefont-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/basictitlefont-webfont.woff2') format('woff2'),
         url('fonts/basictitlefont-webfont.woff') format('woff'),
         url('fonts/basictitlefont-webfont.ttf') format('truetype'),
         url('fonts/basictitlefont-webfont.svg#basic_title_fontregular') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'colaboratelightregular';
    src: url('fonts/colaborate-light-webfont.eot');
    src: url('fonts/colaborate-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/colaborate-light-webfont.woff2') format('woff2'),
         url('fonts/colaborate-light-webfont.woff') format('woff'),
         url('fonts/colaborate-light-webfont.ttf') format('truetype'),
         url('fonts/colaborate-light-webfont.svg#colaboratelightregular') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'crete_rounditalic';
    src: url('fonts/creteround-italic-webfont.eot');
    src: url('fonts/creteround-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/creteround-italic-webfont.woff2') format('woff2'),
         url('fonts/creteround-italic-webfont.woff') format('woff'),
         url('fonts/creteround-italic-webfont.ttf') format('truetype'),
         url('fonts/creteround-italic-webfont.svg#crete_rounditalic') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'crete_roundregular';
    src: url('fonts/creteround-regular-webfont.eot');
    src: url('fonts/creteround-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/creteround-regular-webfont.woff2') format('woff2'),
         url('fonts/creteround-regular-webfont.woff') format('woff'),
         url('fonts/creteround-regular-webfont.ttf') format('truetype'),
         url('fonts/creteround-regular-webfont.svg#crete_roundregular') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'optimusprincepsregular';
    src: url('fonts/optimusprinceps-webfont.eot');
    src: url('fonts/optimusprinceps-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/optimusprinceps-webfont.woff2') format('woff2'),
         url('fonts/optimusprinceps-webfont.woff') format('woff'),
         url('fonts/optimusprinceps-webfont.ttf') format('truetype'),
         url('fonts/optimusprinceps-webfont.svg#optimusprincepsregular') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'optimusprincepssemiboldRg';
    src: url('fonts/optimusprincepssemibold-webfont.eot');
    src: url('fonts/optimusprincepssemibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/optimusprincepssemibold-webfont.woff2') format('woff2'),
         url('fonts/optimusprincepssemibold-webfont.woff') format('woff'),
         url('fonts/optimusprincepssemibold-webfont.ttf') format('truetype'),
         url('fonts/optimusprincepssemibold-webfont.svg#optimusprincepssemiboldRg') format('svg');
    font-weight: normal;
    font-style: normal;

}

a {color:#1b75bb; text-decoration:none;}
a:hover {text-decoration:underline; transition: all 0.5s ease-in-out 0s;}
body{background:url(images/header-bg.jpg) repeat left top;}
.bannertext {margin:auto; width:1140px; position:relative;}
.cntn_bg {
	/*background: rgba(255, 255, 255, 0.4) none repeat scroll 0 0; */   
    position: absolute;
    top: 0;
    transform: skewX(-17deg); -moz-transform: skewX(-17deg); -webkit-transform: skewX(-17deg);
    z-index: 9; height:auto; width:44%; padding:22px 50px 0px 15px; margin-left:-20px; 
	
	
background: rgba(255,255,255,1);
background: -moz-linear-gradient(left, rgba(255,255,255,0.8) 80%, rgba(255,255,255,0.4) 100%);
background: -webkit-gradient(left top, right top, color-stop(80%, rgba(255,255,255,0.8)), color-stop(100%, rgba(255,255,255,0.4)));
background: -webkit-linear-gradient(left, rgba(255,255,255,0.8) 80%, rgba(255,255,255,0.4) 100%);
background: -o-linear-gradient(left, rgba(255,255,255,0.8) 80%, rgba(255,255,255,0.4) 100%);
background: -ms-linear-gradient(left, rgba(255,255,255,0.8) 80%, rgba(255,255,255,0.4) 100%);
background: linear-gradient(to right, rgba(255,255,255,0.8) 80%, rgba(255,255,255,0.4) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#fff', GradientType=1 );

	}
/*.cntn_bg a {color:#c50023; text-decoration:none;}
.cntn_bg a:hover {color:#c50023; text-decoration:underline;}*/
.cntn_bg h3 {font-size:70px; margin-bottom:20px; font-family: 'crete_roundregular'; color:#1b75bb; text-align:center; /*text-shadow: 1px 1px #fff; -moz-text-shadow: 1px 1px #fff; -webkit-text-shadow: 1px 1px #fff; -o-text-shadow: 1px 1px #fff;*/ line-height:60px; transform: skewX(0deg); -moz-transform: skewX(0deg); -webkit-transform: skewX(0deg); }
.cntn_bg h3 span{ color:#f16a22;}
.cntn_bg h3 strong{ display:block; width:100%; font-weight:normal; color:#9fcc48; }


.bannerwidht {float:right; margin-right:0px;}



.logo {float:left;  padding:33px 0 24px 0;}
.navbar {float:right;}
.navbar-wrapper{ background:url(images/header-bg.jpg) repeat left top;}
.navbar-wrapper .logobg:before {
    background: rgba(255,255,255,0.5);
    bottom: 0;
    content: "";
    left: -10000px;
    position: absolute;
    right: 73%;
    top: 0;
    z-index: -9999;
	display:block;
}
.searchbtn{ background:url(images/search-img.png) no-repeat left top; border:0; text-indent:-999999px; width:20px; height:20px;}
.searchmaindiv{ float:right; padding:64px 0 50px;}
.textboxcontrol{ border:2px solid #2c7fc1; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
.navbarmenu{ clear:right;}
.borderheader{ background:url(images/border-bottom.jpg) repeat-x left bottom; padding-bottom:19px; background-size:contain;}
.registerlink{ position:absolute; right:-30px; bottom:-53px;}
.navbar-wrapper .logobg{ position:relative;}
.quatationsubdiv{font-family: 'crete_rounditalic'; font-size:23px; color:#fff; text-align:center;}
.quatationdiv{ background:#1b75bb; padding:18px 0;}
.aboutdiv{ text-align:center; padding:54px 0 48px; background:#fff;}
.abouttitle{ font-size:20px; color:#ed4600; font-family: 'crete_rounditalic'; padding-top:10px;}
.abouttitle a{ color:#1b75bb; text-decoration:none;}
.imgcaption{ background:#fff; padding:11px 11px 42px 11px; text-align:center; margin-right:64px;}
.summerexperiencediv{ padding:62px 0 79px;}
.findyoursummerexperiencediv{text-align:center;}
.findyoursummerexperiencediv h3{font-family: 'crete_rounditalic'; font-size:28px; color:#f54100; }
.gradelink{ padding:38px 0 0px;}
.gradelink a{ padding:10px; background:#1b75bb; text-align:center; width:175px; display:inline-block; color:#fff;  font-size:19px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;
-o-border-radius:4px; text-decoration:none;  font-family: 'crete_rounditalic';}
.gradelink a.greenbtn{ background:#328755;}
.gradelink a:hover{ background:#f54100;}
.footer{ background:#1b75bb; padding:62px 0 48px;}
.socialicons{ float:right;}
.socialicons a{ margin-left:6px;}
.copyrighttext{ color:#fff; float:left; background:url(images/copy-right-bg.png) repeat-x left bottom; padding-bottom:18px; font-size:18px; font-family: 'crete_rounditalic'; padding-left:57px;}
.copyrighttext a{ color:#fff; text-decoration:none;}
.aboutuspage.cntn_bg h3{ font-size:28px;}
.aboutuspage.cntn_bg h3 span{ font-size:48px;}
.aboutmaincontentdiv{ background:#1a75bb; color:#fff; padding:62px 0; margin-top:36px;}
.aboutcontentdiv{ text-align:center;}
.aboutcontentdiv a{ color:#d6f299;}
.aboutcontentdiv p{ margin-bottom:16px;}
.mapdiv iframe{ height:420px; width:100%; border:0;}
.contactinfodiv{ background:#fff; padding:39px 0 0; margin-bottom:58px;}
.explorefaqdiv{ padding:38px 0; text-align:center;}
a.explorefaq{ background:#1a75bb; color:#fff; font-family: 'crete_rounditalic'; font-size:17px; padding:16px 65px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; display:inline-block; text-decoration:none;}
a.explorefaq:hover{background:#f54100;}
.programspage.cntn_bg h3{ font-size:40px;}
.programspage.cntn_bg h3 span{ font-size:31px;}
.programspage.cntn_bg{ width:36%;}
.programsinfodiv{  padding:66px 0; margin:58px 0; background:url(images/title-bg.png) repeat-x left center #1b75bb; text-align:center;}
.programsinfodiv .titlediv{   margin:0 auto; display:inline-block; padding:0 184px; background:#1b75bb;}
.programsinfodiv .titlediv h2{ color:#fff; font-family: 'crete_roundregular'; font-size:24px; }
.programsinfodiv .titlediv span{ background:#1b75bb;  color:#fff; display:inline-block;  font-family: 'crete_roundregular'; font-size:24px; display:block;}
.programsinfodiv .titlediv span strong{ display:block; font-weight:normal;}
.programdescriptiondiv{ background:#fff; text-align:center; padding:36px 0; margin-bottom:60px;}

.programsinfodiv2{  padding:26px 0; margin:20px 0 0; background:url(images/bottom-belt.png) no-repeat left bottom #1b75bb; background-size:contain;}
.programsinfodiv2 h2{ background:url(images/title-bg.png) repeat-x left center; text-align:center;}
.programsinfodiv2 h2 span{ background:#1b75bb; padding:0 27px; color:#fff; display:inline-block;  font-family: 'crete_roundregular'; font-size:24px;}
.programsinfodiv2 p{ text-align:center; color:#fff; margin-bottom:0;}
.descriptiontext{ padding:18px 0;}

.programdescriptiondiv2{ background:#fff; text-align:center; padding:53px 0 106px;}
.programdescriptiondiv2 p span{ color:#1b75bb; padding:20px 0 30px; display:block;}
.programdescriptiondiv2 p span a{ color:#1b75bb;}
.introdescription{}
.intromaindiv{ background:#fff; padding-bottom:53px; text-align:center;}
.introbiodiv{ color:#fff; background:#006647; padding-bottom:48px;position:relative;}
.introimg{ left: 50%; position: absolute; transform: translate(-50%, -50%);}
.introdescription{}
.introbiodiv h2{ color:#9fcc49; font-family: 'crete_roundregular'; font-size:21px; margin:0; padding:18px 0 23px;margin-top:40px;}

.buildyoursummerdiv{ background:url(images/top-belt.png) no-repeat left top #016648; background-size:contain; text-align:center; padding:45px 0 38px;}
.buildyoursummerdiv h2{color:#9fcc49; font-family: 'crete_roundregular'; font-size:21px; margin-bottom:16px; }
.buildyourdescription{ color:#fff;}
.programofferediv{ background:#fff; text-align:center; padding:35px 0 80px;}
.programofferediv h2{font-family: 'crete_rounditalic'; font-size:26px; color:#1b75bb; padding:0 20px;}
.programofferediv ul{ padding:22px 0 0; margin:0; list-style:none;}
.programofferediv ul li{ padding:16px 20px; margin:0;}
.programofferediv ul li a{ color:#1a75bb; text-decoration:none;}
.programofferediv ul li:nth-child(odd){ background:#f2f2f2;}
.programofferediv ul li:nth-child(odd) a{ color:#016648;}

.programofferediv ul li a:hover{ color:#f16a22;}
.letsgotitle{  bottom: 5px; position: absolute; right: 12px; font-family: 'crete_rounditalic'; font-size:36px; color:#9fcc49;}
.theimagetitle{ bottom: 5px; position: absolute; right: 12px; font-family: 'crete_rounditalic'; font-size:36px; color:#4f80ff;}
.imagediv{ position:relative;}
.flexslider1{ margin:0; position:relative; z-index:0;}
.introimg img{ border-radius:100%; -moz-border-radius:100%; -webkit-border-radius:100%;}
/*13/4 BJ*/
.ans{display:none;}
.subpage {text-align:left;}

/************* FAQ *******************/

.faq-header {
  font-size: 2em;
  border-bottom: 1px solid #ccc;
  padding: 1em 0;
}

.faq-c {
  border-bottom: 1px solid #ccc;
  padding: 1em 0;
}

.faq-t {
  line-height: 1em;
  color: #000;
  float: left;
  font-weight: 700;
  padding-right: 0.3em;
  -webkit-transition: all 200ms;
  -moz-transition: all 200ms;
  transition: all 200ms;
}

.faq-o {
  transform: rotate(-45deg);
  transform-origin: 50% 50%;
  -ms-transform: rotate(-45deg);
  -ms-transform-origin: 50% 50%;
  -webkit-transform: rotate(-45deg);
  -webkit-transform-origin: 50% 50%;
  -webkit-transition: all 200ms;
  -moz-transition: all 200ms;
  transition: all 200ms;
}

.faq-q {
  cursor: pointer;
  font-size: 20px;
  font-weight: 100;
}

.faq-a {
  clear: both;
  color: #000;
  display: none;
  padding-left: 1.5em;
  background:#f2f2f2;
  padding:20px;
  margin-top:10px;
}
.faq-c:last-child{ border:0;}

/******************************/

.subpage{ }
.subpage ul{ padding:11px 0px 11px 15px; margin:0;}
.subpage ul li{ padding:0px 0 0px; margin:0 0 5px;}
.subpage ul li:nth-child(odd){ }
.faqpage{ text-align:left;}

.subpage h2{font-family: 'crete_rounditalic'; font-size:26px; color:#1b75bb;  margin:20px 0;}
.subpage h2 strong{ font-weight:normal;}
.subpage h3 strong{ font-weight:normal;}
.subpage h3{color:#9fcc49; font-family: 'crete_roundregular'; font-size:21px; margin-bottom:16px; }

/******* contact ************/

.contactmap{ margin-bottom:20px;}
.contactmap iframe{ width:100%; height:354px; border:0;}
.contactaddressrow{ margin-bottom:20px;}
.imgspan{ margin-right:10px;}
.news-img{ border:1px solid #ddd; text-align:center;}
.textspan a{ color:#000;}

.contactdiv{ text-align:left;}
.subpage .contactdiv h2{	padding:0;}
.inputcontrol {
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #e4e4e4;
    
    padding: 10px;
    width: 100%;
}
.formrow{ margin-bottom: 15px;}
.inputcontroltextarea{background: #ffffff none repeat scroll 0 0;
    border: 1px solid #e4e4e4;
    padding: 10px;
    width: 100%; height:150px;}
.contactdiv input[type="submit"] {
    background: #1b75bb none repeat scroll 0 0;
    border: medium none;
    color: #ffffff;
    font-size: 20px;
    padding: 10px 20px;
    text-transform: uppercase;
    width: auto;
}
.contactdiv input[type="submit"]:hover{ background:#000;}
.formrow label{ font-weight:normal;}
.searchpagediv{ margin:0 0 15px; border-bottom: 1px solid #ccc; padding-bottom:15px; text-align:left;}
.searchpagediv h3{color:#9fcc49; font-family: 'crete_roundregular'; font-size:21px; margin-bottom:16px; }
.subpage .screen-reader-response{ }
.subpage .screen-reader-response ul{ padding:0; margin:0;  }
.subpage .screen-reader-response ul li{ padding:0; margin:5px 0 5px; color:#F00; background:none; }
.wpcf7-not-valid-tip{color:#F00;}
span.wpcf7-not-valid-tip{ margin-top:5px;}
.categorymaindiv{ padding-bottom:20px;}
.wpcf7-validation-errors { color:#f00;}
.subpage div.wpcf7-validation-errors { border:2px solid #f00;}
.wpcf7-mail-sent-ok { color:#398f14;}
.singlepage h3{font-size: 28px; line-height:32px; }
.programdescriptiondiv p {margin:0;}
.aboutcontentdiv h2{font-family: 'crete_rounditalic'; font-size:26px; color:#fff;  margin:20px 0;}
.funf{ text-align:left; display:block;}
.textspan {
    display: inline-block;
    vertical-align: top;
    width: 76%; line-height:26px;
}

.lessmargin h2{margin:0;}

/** add css(28-4-2016) **/
.introdescription span.funf{ text-align:center; }
.allgradedata .bygrade{ margin-top:15px; min-height: 90px; margin-bottom:0px; }
.allgradedata .bygrade h4{ font-family: "crete_roundregular";  color:#1b75ba; font-size:22px; margin-bottom:5px; }
.allgradedata .bygrade select{ border-radius:10px; border:1px solid #000000; background:url(images/selectarrow.png) no-repeat center right #fff;-webkit-appearance: none; -moz-appearance: none; appearance: none; padding:5px 30px 5px 5px; cursor:pointer; font-size:18px; font-family: "crete_roundregular"; }
.allgradedata .bygrade .divcontent{ background:#fff; padding:6px 15px 8px; display:block; margin:12px 0 0; }
.allgradedata .bygrade .divcontent ul{ list-style:none; padding:0; margin-bottom:0; }
.allgradedata .bygrade .divcontent ul li{ text-align:left; margin-bottom:3px; }
.allgradedata .bygrade .divcontent ul li:last-child{ margin-bottom:0; }
.allgradedata .bygrade .divcontent ul li a{ color:#4eb67e; font-size:16px; font-family: "crete_roundregular"; }
.allgradedata .bygrade .divcontent ul li a:hover{ color:#000 !important; text-decoration:none; }
.allgradedata .bygrade .divcontent ul li:nth-child(odd) a{ color:#1b75bb; }


.allgradedata .subject{ margin-top:10px; margin-bottom:15px; }
.allgradedata .subject h4{ font-family: "crete_roundregular";  color:#1b75ba; font-size:22px; margin-bottom:5px; }
.allgradedata .subject select{ border-radius:10px; border:1px solid #000000; background:url(images/selectarrow.png) no-repeat center right #fff;-webkit-appearance: none; -moz-appearance: none; appearance: none; padding:5px 30px 5px 5px; cursor:pointer; font-size:18px; font-family: "crete_roundregular"; min-width: 140px; }
.allgradedata .subject .divcontent{ background:#fff; padding:12px 15px 15px; display:none; margin:15px 0; }
.allgradedata .subject .divcontent ul{ list-style:none; padding:0; margin-bottom:0; }
.allgradedata .subject .divcontent ul li{ text-align:left; margin-bottom:10px; }
.allgradedata .subject .divcontent ul li:last-child{ margin-bottom:0; }
.allgradedata .subject .divcontent ul li a{ color:#4eb67e; font-size:16px; font-family: "crete_roundregular"; }
.allgradedata .subject .divcontent ul li a:hover{ color:#000 !important; text-decoration:none; }
.allgradedata .subject .divcontent ul li:nth-child(odd) a{ color:#1b75bb; }

/*.summerexperiencediv .col-sm-4 { width: 28%; }
.summerexperiencediv .col-sm-4 .imgcaption{ margin-right:0; }
.summerexperiencediv .col-sm-4 .letsgotitle{ right:25px; }
.summerexperiencediv .col-sm-4:last-child{ width:44%; }*/
 

 

