@charset "utf-8";
/* CSS Document */

/**********************************************
		ElementInfo Css
**********************************************/

.elementInfo{ padding:30px; margin-top: -60px; z-index: 1000; position: relative;;}
.elementInfo h3{color:#fff; font-size: 1.2em; margin-top: 10px;}
.elementInfo p{color:#fff; font-size: 1.0em; margin-bottom: 0;}
.elementbox:nth-child(1){padding-right: 0;}
.elementbox:nth-child(2){padding: 0;}
.elementbox:nth-child(3){padding-left: 0;}
.element-wrap div .elementInfo{-moz-transition: all 0.3s;-webkit-transition: all 0.3s;transition: all 0.3s;}
/*.element-wrap div:hover .elementInfo{-moz-transform: scale(1.1);-webkit-transform: scale(1.1);transform: scale(1.1); z-index: 999;}*/
.element-icon img{ max-width:25%; height:auto;}
@media only screen and (max-width: 480px) {
	
}
@media only screen and (max-width: 920px) {
	.offer-box{min-width:250px;}
	.elementbox{ padding:0px !important}
	.elementInfo{ padding:30px; margin-top: 10px; position: relative;;}
}

/**********************************************
			Custom slider options
**********************************************/
.tp-banner-container {position: relative; z-index: 1; padding: 0; width: 100%;}
.tp-banner {position: relative;	width: 100%;}
.tp-caption {line-height:normal !important}
.tp-caption a {	color: inherit !important;}
.tp-bullets.simplebullets.round .bullet {border: 3px #fff solid; border-radius: 50%; background-image: none !important;}
.tparrows {width: auto !important; height: auto !important; background-image: none !important;}
.tp-arr-allwrapper {margin: 0 10px; width: 50px; height: 60px; background: rgba(255,255,255,0.5);}
.tp-arr-allwrapper:hover .tp-arr-iwrapper {color: #fff;}
.tp-leftarrow .tp-arr-allwrapper {}
.tp-rightarrow .tp-arr-allwrapper {}
.tp-arr-iwrapper {color: #000; text-align: center; font-size: 30px; font-family: FontAwesome; line-height: 60px;}
.tp-leftarrow .tp-arr-iwrapper {}
.tp-leftarrow .tp-arr-iwrapper:before {content: "\f104";}
.tp-rightarrow .tp-arr-iwrapper:before {content: "\f105";}
.tp-rightarrow .tp-arr-iwrapper {}
.slide-h1 {margin: 5px 0 !important; padding: 0 0 10px !important; padding-bottom: 5px !important; color: #444; text-transform: uppercase; font-weight: bold; font-size: 57px; }
.slide-h2 {margin: 5px 0 !important; padding: 0 0 10px !important; padding-bottom: 5px !important; color: #555; font-weight: bold; font-size: 55px; line-height: 100%;}
.big-font {text-transform: uppercase; font-weight: 800; font-size: 60px;}
.large-desc {font-size: 16px;}
.slide-h3 {color: #fff;	font-size: 31px; line-height: 100%;}
.slide-h3 span {text-transform: uppercase; font-weight: bold;}
.slide-head {text-transform: uppercase; font-weight: 900; font-size: 30px;}
.slide-desc {font-size: 22px; line-height: 150%;}
.main-title {text-transform: uppercase; font-weight: 800; font-size: 70px;}
.icon-cont {padding: 15px 40px;	border-radius: 10px; text-align: center;}
.icon-cont:after {position: absolute; bottom: -10px; left: 40%; z-index: 5;	display: inline-block;	width: 0; height: 0; border-width: 10px 10px 0 10px; border-style: solid; content: "";}
.icon-cont i {margin-bottom: 10px; color: #fff; font-size: 50px;}
.icon-cont span {display: block; padding: 0 0 5px; color: #fff; text-align: center; font-size: 18px;}
a.wit-btn {background: #fff; color: #333 !important; text-transform: uppercase;}
.wit-line {width: 5%; height: 1px; background: #fff;}
.vert-line {min-height: 270px; width: 1px; background: #fff;}
.subTxt {text-transform: uppercase; font-weight: bold; font-size: 17px; color: #333;}
.large-title {color: #222; font-size: 60px;	font-weight: 800; text-transform: uppercase !important;}
.large-light-title {color: #787878 !important;	font-size: 70px; font-weight: lighter; text-transform: uppercase; letter-spacing:2px}
.large-text {font-size: 20px; color: #000; font-weight: lighter;}
.larger-text {font-size: 24px; font-weight: lighter; text-transform: uppercase;}
.witTxt {color: #fff !important;}
.light-font {font-weight: lighter !important; font-size: 50px;}
.black-bg{background:rgba(0,0,0,.63); color:#a8a8a8; text-transform:none;}
.lft-list {padding: 10px; font-size: 18px; color: #fff;}
.wit-border {border: 1px #fff solid; padding: 15px 60px; color: #fff; font-size: 16px; text-transform: uppercase;}
.rounded-bord {margin-right: 15px;  border: 1px #fff solid; width: 30px; height: 30px; text-align: center; line-height: 30px; font-size: 13px; border-radius: 50%;}
#vertical-ticker{height:120px; overflow:hidden;}
#vertical-ticker li{padding:15px 20px; display:block; text-align:center;}
.to-bottom i.fa{font-size: 30px; border:2px #a8a8a8 solid; 	padding:20px 22px; border-radius:50%; -webkit-animation: bounce 2s infinite linear;	animation: bounce 2s infinite linear;}
.tp-bannertimer{display:none;}
.sliderWraper{position:relative}
.sliderWraper:after {position: absolute;content: '';left: 0px;bottom: 0px;width: 100%;height: 16px;background:url(https://www.saghs.in/views/default/images/slider-layer.png) repeat-x; z-index:1000;}
.slidertext1{color:#fff; font-size:80px; font-weight:700; text-shadow:0 0 10px rgba(0, 0, 0, 0.41); text-transform:uppercase; font-family: 'Poppins', sans-serif;}
.slidertext2{color:#fff; font-size:30px; font-weight:300; font-style:italic; text-transform:uppercase; font-family: 'Poppins', sans-serif;}
.slidertext3{color:#fff; font-size:16px; font-weight:normal; text-transform:none !important; line-height:30px; text-align:center;}
.slidertext4{color:#fff; font-size:18px; font-weight:600; text-transform:none !important; text-align:left; font-family:'OpenSans', sans-serif; line-height:24px;}
.slidertext4 a:hover{background: #b310c5;}
a.slidebtn{background:#10c530; color:#fff !important; font-size:20px; border-radius:30px; padding:16px 40px; font-weight:700; text-transform:uppercase; display:inline-block; font-family: 'Roboto Condensed', sans-serif;}
a.slidebtn i{margin-left:10px;}

@-webkit-keyframes bounce {0% {transform:translateY(0%);}50% {transform:translateY(-30%);}100% {transform:translateY(0);}}
/* Mozilla Firefox 15 below */
@-moz-keyframes bounce {0% {transform:translateY(0%);}50%{transform:translateY(-30%);}100% {transform:translateY(0);}}
/* Opera 12.0 */
@-o-keyframes bounce {0% {transform:translateY(0%);}50% {transform:translateY(-30%);}100% {transform:translateY(0);}}
/* W3, Opera 12+, Firefox 16+ */
@keyframes bounce {0% {transform:translateY(0%);}50% {transform:translateY(-30%);}100% {transform:translateY(0);}}

/*---------------------------------------
   Counter section              
-----------------------------------------*/
#counter {text-align:center; background:url(https://www.saghs.in/views/default/images/counter-bg.jpg) no-repeat top; background-size:cover; padding: 40px 0}
.animatebg {background: #0562da; -webkit-animation: bannerbg 5s linear 2s infinite alternate; /* Safari 4.0 - 8.0 */animation: bannerbg 5s linear 2s infinite alternate;}
/* Safari 4.0 - 8.0 */
@-webkit-keyframes bannerbg {0% {background-color:#0562da;}25% {background-color:#fec107;}50% { background-color:#c90157;}75% { background-color:#e63d53;}100% {background-color:#e63d53;}}
/* Standard syntax */
@keyframes bannerbg {0% {background-color:#0562da;}25% {background-color:#fec107;}50% { background-color:#c90157;}75% { background-color:#e63d53;}100% {background-color:#e63d53;}}
#counter .counter-number {display: block;color: #fff; font-size: 60px; line-height: 60px; }
#counter span {color: #fff;font-weight: bold;}
.counter-icon {font-size: 60px;margin-bottom: 15px;color: #fff;}
.counterbox {}


/*---------------------------------------
   Offer section              
-----------------------------------------*/
.offer-box{ display:block; float:left;}
.offer-title{ float:left; padding:0 0 0 15px;}
.offer-title h3{margin:0px; font-size:1.2em; color:#FFF; font-weight:normal; margin-top:15px}
.offer-icon-div{ float:left; border-radius:50%; background-color:#FFF; padding:15px;}
.offer-icon{ background:url(https://www.saghs.in/views/default/images/icons.png) no-repeat;line-height:32px;display:block;width:32px;height:32px; background-size: 480px 32px;}
.strategy{ background-position:0px 0px;}
.teachers{ background-position:-32px 0px;}
.sports{ background-position:-64px 0px;}
.class{ background-position:-96px 0px;}
.outdoor{ background-position:-128px 0px;}
.classroom{ background-position:-160px 0px;}
.security{ background-position:-192px 0px;}
.chemlab{ background-position:-224px 0px;}
.library{ background-position:-256px 0px;}
.music{ background-position:-288px 0px;}
.indoor{ background-position:-320px 0px;}
.soclab{ background-position:-352px 0px;}
.skating{ background-position:-384px 0px;}
.langlab{ background-position:-416px 0px;}
.complab{ background-position:-448px 0px;}