/*!
 * Gagasimaji StyleSheet
 * Copyright 2015
 * Licensed Gagasimaji
 */


/* ---- CuSTOM FONT FACE ---- */
@font-face {
    font-family: 'CAMPTON-SEMIBOLD';
    src: url('../fonts/CAMPTON-SEMIBOLD.otf');
}
@font-face {
    font-family: 'BebasNeueBold';
    src: url('../fonts/BebasNeueBold.otf');
}



/* ---- CUSTOM GLOBAL ---- */
html{ overflow-x:hidden;}
body{ color: #58585b; }

/* ---- CUSTOM SPACING , Background & LINE ---- */
.line-content {  border-top: 2px solid #939597; padding-top: 40px;}
.graySection {background: #d1d2d4; min-height: 300px; margin-top: 0px !important;}
.moreinfoSection {  background: url('../img/image-footer.png') no-repeat 70px 14px #e6e7e8; min-height: 260px;}

/* ---- CUSTOM HEADER ---- */
.navbar{margin-bottom:0; width: 100%; height: 226px}
.navbar-brand{  padding: 0px;}
.navbar .logo { margin-right: 0; padding-left: 0;}
.navbar-default {background-color: #a5580e;}
.navbar-caption{font-size: 74px; bold; color: #fff; margin-top: 74px; position: relative; font-family: 'BebasNeueBold';   margin-left: 521px;
  letter-spacing: 2px;}


/* ---- CUSTOM CONTENT ---- */
.content {font-size: 14px; color: #6d6e70; margin-top: 40px;}
.content-text {font-size: 18px; line-height: 28px; color: #58585b; text-align: justify;}
.container{padding-left: 0; padding-right: 0;}
.content-image{ width: 96%;}
.padding15{padding: 15px 0;}
.paddingTop20{padding-top: 20px; border-bottom: 40px solid #a5570e;}
.paddingBottom40{padding-bottom: 40px;}
.orange{color: #a5570e;}

/*---- FEATURE CONTENT --*/
.feature{margin-top: 20px; margin-left: -38px; margin-bottom: 25px;}
.feature-title{  font-size: 33px; font-weight: bold; text-transform: uppercase; color: #a5570e; padding-bottom: 7px; font-family: 'CAMPTON-SEMIBOLD';}
.feature li:first-child{ background: url('../img/icon-vision.png') no-repeat;}
.feature li:nth-child(2){ background: url('../img/icon-mission.png') no-repeat; border-bottom: 2px solid #939597; padding-bottom: 40px; margin-bottom: 40px;}
.feature li:last-child{ background: url('../img/icon-education.png') no-repeat;}
.feature li{list-style: none; font-size:24px; padding: 0; padding-left: 95px; min-height: 120px;}
.feature li > p{font-size: 16px;}
.feature li > ul > li{list-style: circle; background: none !important; border-bottom: 0px !important; font-size: 16px; min-height: 30px; padding-left: 0px; margin-left: -23px;}
.feature li > ul > li .su{  text-decoration: none;font-weight: bold; color: #2c2a7c;}
.feature li > ul > li .su:hover{text-decoration: underline;}
.feature li > ul > li .sa{  text-decoration: none; font-weight: bold; color: #91268f;}
.feature li > ul > li .sa:hover{text-decoration: underline;}
.feature li > ul > li:nth-child(2){padding-bottom: 0px; margin-bottom: 0px;}
.feature-btn {margin-left: 75px;}
.btn-play{background: url('../img/icon-play.png') no-repeat 50px 0px;}

/* ---- CUSTOM INFORMATION ---- */
.info{margin-top: 20px; margin-left: -38px; margin-bottom: 25px;}
.info li{list-style: none; font-size:24px; padding: 0; padding-left: 95px; min-height: 120px; background: url('../img/icon-info.png') no-repeat;}
.info li > p{font-size: 18px; color: #404041;}
.social{  margin-top: 160px; float: right;}

/* ----  RESPONSIVE ---- */

@media (max-width: 1280px){
	.navbar-caption {  font-size: 68px; margin-top: 77px;}
}

@media (max-width: 1024px){
	.navbar-caption {  font-size: 52px; margin-top: 94px; letter-spacing: 0px; margin-left: 500px;}
	.content-image {width: 100%;}
 	.moreinfoSection {   background: url('../img/image-footer.png') no-repeat 0px 10px #e6e7e8; background-size: 100%;  min-height: 212px;}

}

@media (max-width: 768px){
	.container{padding: 25px;}
	.line-content{  margin-left: 25px; margin-right: 25px; padding: 0px !important;}
	.navbar-caption {   font-size: 46px; margin-top: 82px; line-height: 44px;}
	.content-image {width: 100%; margin-top: -35px; padding-bottom: 25px;}
	.social { margin-top: 220px;}
	.moreinfoSection { min-height: 160px;}
}

@media (max-width: 640px){
	.navbar-caption {   display: none;}
	.navbar-default { background: #DD9326; /* Old browsers */
					background: -moz-linear-gradient(left,  #DD9326 0%, #C86C1C 100%); /* FF3.6+ */
					background: -webkit-gradient(linear, left top, right top, color-stop(0%,#DD9326), color-stop(100%,#C86C1C)); /* Chrome,Safari4+ */
					background: -webkit-linear-gradient(left,  #DD9326 0%,#C86C1C 100%); /* Chrome10+,Safari5.1+ */
					background: -o-linear-gradient(left,  #DD9326 0%,#C86C1C 100%); /* Opera 11.10+ */
					background: -ms-linear-gradient(left,  #DD9326 0%,#C86C1C 100%); /* IE10+ */
					background: linear-gradient(to right,  #DD9326 0%,#C86C1C 100%); /* W3C */
					filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#DD9326', endColorstr='#C86C1C',GradientType=1 ); /* IE6-9 */
					}
	.social { margin-top: 0px; float: left; margin-left: 80px; }
	.navbar .logo{  margin-left: 58px;}
	.moreinfoSection{  min-height: 135px;}
}
@media (max-width: 480px){
	.navbar  .logo {  margin-left: -17px; width: 100%;}
	.moreinfoSection{  min-height: 80px;}
	.navbar{height: 170px}
	.info li{  padding-left: 73px;}
	.info li > p {font-size: 13px;}
	.feature li {padding-left: 70px;}
	.feature li > ul > li {font-size: 14px}
	.content-text{font-size: 14px; line-height: 24px}
}
@media (max-width: 320px){
	.navbar{  height: 143px;}
	.navbar .logo { margin-left: -5px; width: 100%;}
	.feature-title{font-size: 24px; padding-bottom: 0px}
	.moreinfoSection { min-height: 70px;}
	.info{  margin-left: -60px;}
	.info li{  padding-left: 73px;}
	.social{  margin-left: 31px;}
}