@charset "utf-8";
/* CSS Document */
body {background: #e4e6e5; font-family: 'Roboto Slab', serif; font-size: 16px; font-weight: 400; line-height: 1.3; color: #fff;}
a {color: #e86549; text-decoration: none; outline: none;}
a:hover {color: #e86549; text-decoration: underline;}
header {background: #fff; position: fixed; z-index: 20; width: 100%; left: 0; top: 0;}
main {padding-top: 167px;}
.scroll-top {bottom: 15px; display: none; position: fixed; right: 15px; z-index: 999; width: 40px; height: 40px;}
.floatLeft {float: left; margin: -4px 15px 4px 0; clear: left;}
.floatRight {float: right; margin: -4px 0px 4px 15px; clear: right;}
h1,h2,h3,h4,h5,h6 {color: #e86549;}

/* =============== Header ============== */
.head {overflow: hidden; padding: 15px 0; transition: all 0.3s ease-out;}
.head.shrink {padding: 5px 0; }
.logo {float: left; transition: all 0.3s ease-in-out;}
.logo.shrink {max-width: 280px;}

.search { height:auto; float:right; margin: 0 0 0 0px;}
input.search-field {border: 1px solid #ccc; height: 26px; padding: 0 5px;}
input.search-submit {color: #fff; background: #e86549; border: none; height: 26px; padding: 0 15px;}

.head-nav {float: right; margin: 5px 0 15px 0; transition: all 0.3s ease-in-out;}
.head-nav.shrink {margin: 5px 0 5px 0;}
.head-nav li {display: inline-block; vertical-align: middle; margin-left: 15px;   text-transform: uppercase;}
.head-nav li:first-child {margin: 0;}
.head-nav li > a {font-size: 13px; color: #000; }
.head-nav li > a:hover, .head-nav li > a.active{color: #e86549; text-decoration: none;}

/* =============== Main Menu ============== */
.navbar-default {background: #e86549; margin: 0; min-height: 0; border: none; border-radius: 0;}
.nav {float: none;}
.nav.shrink > li > a{padding-top: 10px; padding-bottom: 10px;}
.nav > li {margin-right: 30px; float: none; display: inline-block; vertical-align: middle;}
.nav > li > a .arrow {display: none;}
.nav li:last-child {margin-right: 0;}
.nav li a {font-family: 'Roboto Slab', serif;}
.nav > li > a {color: #fff !important; padding: 5px 10px !important; font-size: 16px; text-transform: uppercase; letter-spacing: 1px;}
.nav > li > a:hover, .nav > li > a.active {background: #000 !important;}
.nav > li > a .caret {display: none;}
.dropdown-menu {border-radius: 4px !important; background: #fff !important; padding: 0;}
.dropdown-menu .sub-nav {left: 100%; position: absolute; top: 0; margin: 0 0 0 0px;}
.dropdown-menu li {position: relative; border-bottom: 1px solid #dfdfdf; padding: 5px;}
.dropdown-menu li:last-child {border: none;}
.dropdown-menu li a {padding: 7px 15px; font-size: 14px; border-radius: 4px; color: #3f3f3f;}
.dropdown-menu li a .caret {transform: rotate(-90deg);}
.dropdown-menu, .sub-nav{border: none;}
.dropdown-menu li a:hover, .dropdown-menu li a:focus, .dropdown-menu li a.active {background: #e86549 !important; color: #fff !important;}
.arrow {display: inline-block; position: absolute; top: 50%; right: 10px; margin-top: -6px; width: 12px; height: 12px; background: url(images/arrow.png) center center no-repeat;}

/* .main-slider .icon {background: rgba(255,255,255,0.7); width: 250px; height: 250px; border-radius: 50%; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}*/
.main-slider .icon img {margin: 20% auto 0;}
/* .main-slider .tag {width: 305px; height: 305px; border-radius: 50%; position: absolute; top: 50%; transform: translateY(-50%); left: 2%;} */

.main-slider .tag {width: 305px; height: 100px; border-radius: 5%; position: absolute; top: 80%; transform: translateY(-50%); left: 2%;}
.main-slider .tag.school {background: rgba(2,123,127,0.9);}
.main-slider .tag.teacher {background: rgba(126,86,134,0.9);}
.main-slider .tag.student {background: rgba(176,85,116,0.9);}
.main-slider .tag span {font-size: 30px; font-weight: 700; color: #fff; text-transform: uppercase; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.main-slider .tag.desc {left: auto; right: 2%; text-align: center;}
.main-slider .tag p:first-child {font-size: 19px; padding: 0px 40px; position: 	absolute; top: 50%; transform: translateY(-50%)}
.main-slider .tag a {font-size: 12px; background: #fff; text-transform: uppercase; font-weight: 700; padding: 8px 20px; border-radius: 6px;}
.main-slider .tag.school a {color: #027b7f; box-shadow: 0 3px 0 #024e51;}
.main-slider .tag.teacher a{color: #7e5686; box-shadow: 0 3px 0 #4f3654;}
.main-slider .tag.student a{color: #b05574; box-shadow: 0 3px 0 #703448;}

.wrapper {background: #fff; padding: 15px;}
/* entire container, keeps perspective */
.flip-container {perspective: 1000;}
/* flip the pane when hovered */
.flip-container:hover .flipper, .flip-container.hover .flipper {transform: rotateY(180deg);}
.flip-container, .front, .back {width: 100%; height: 274px;}
/* flip speed goes here */
.flipper {transition: 0.6s; transform-style: preserve-3d; position: relative;}
/* hide back of pane during swap */
.front, .back {backface-visibility: hidden; position: absolute; top: 0;	left: 0;}
/* front pane, placed above back */
.front {z-index: 2; /* for firefox 31 */ transform: rotateY(0deg);}
/* back, initially hidden pane */
.back {transform: rotateY(180deg);}
.flipper section {padding: 25px 30px; color: #fff; height: 274px; position: relative;}
.flipper .post-8 {background: #6f5846;}
.flipper .post-1 {background: #e35b5d;}
.flipper .post-153 {background: #a0b046}
.flipper .post-157 {background: #a95a52}
.flipper .post-167 {background: #ffa446}
.flipper .post-172 {background: #f18052}

.flipper .bg {width: 100%; height: 100%; background-position: center center; background-repeat: no-repeat;}
/*.flipper .bg.air {background:url(images/air-front.jpg);}
.flipper .bg.energy {background:url(images/energy-back.jpg);}
.flipper .bg.food {background:url(images/food-back.jpg);}
.flipper .bg.land {background:url(images/land-front.jpg);}
.flipper .bg.water {background:url(images/water-front.jpg);}
.flipper .bg.waste {background:url(images/waste-back.jpg);} */

.flipper section h2 {font-size: 30px; font-weight: 700; text-transform: uppercase; margin: 0 0 15px; color: #fff;}
.flipper section span {position: absolute; display: inline-block; top: 50%; right: 8%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%);}
.flipper section p {font-size: 16px; font-family: 'Lato', serif; margin: 0; width: 65%;}
.flipper section a {text-transform: uppercase; font-size: 11px; padding: 8px 15px; border: 1px solid #fff; color: #fff; margin-top: 10px; display: inline-block; font-family: 'Lato', serif;}
.group {overflow: hidden; padding: 0; margin: 0 0 0 -15px;}
.group li {float: left; width: 50%; display: block; padding: 0 0 15px 15px; background: #fff;}
.flipper .name {position: absolute; left: 50%; top: 50%; width: 147px; height: 147px; border: 2px solid #fff; font-size: 30px; text-align: center; line-height: 145px; color: #fff; font-weight: 700; text-transform: uppercase; border-radius: 50%; transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);}

.sitemap {margin-top: 20px;}
.sitemap h3 {color: #e86549; font-size: 12px; text-align: center; border-top: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc; padding: 15px; margin-bottom: 20px;}
.sitemap ul li {margin-bottom: 10px;}
.sitemap ul {margin-top: 5px; padding: 0 0 0 15px;}
.sitemap ul ul ul li {margin-bottom: 3px;}
.sitemap ul li a {letter-spacing: 1px; transition: all 0.3s ease-in-out;}
.sitemap ul li a:hover {margin-left: 5px;}
.sitemap div > ul > li > a {text-transform: uppercase; color: #e86549 !important; font-size: 14px;}
.sitemap div > ul > li > ul > li > a {text-transform: uppercase; font-size: 12px; color: #000;}
.sitemap div > ul > li > ul ul li a {font-size: 11px; color: #7c7777; font-family: 'Lato', serif;}
.sitemap div > ul > li > ul ul li a:hover, .sitemap div > ul > li > ul ul li a:focus {color: #e86549;}
.sitemap .sub-link li {margin-bottom: 3px;}
.sitemap .sub-link li a {font-size: 14px; text-transform: none; color: #7c7777; font-family: 'Lato', serif;}
.sitemap .sub-link li a:hover, .sitemap .sub-link li a:focus {color: #e86549;}

.p-links {padding: 30px 0 15px; text-align: center;}
.p-links a {display: inline-block; vertical-align: middle; margin: 0 3px; height: 63px;}
.p-links a img {max-height: 100%;}

footer {background: #e86549; padding: 10px 0; color: #fff; font-size: 12px; font-family: 'Lato', serif;}
footer ul {padding: 0; margin: 0;}
footer ul li {display: inline-block; vertical-align: middle; margin-right: 3px;}
footer ul li a {color: #fff;}
footer ul li a:hover, footer ul li a:focus {color: #000;}
footer p {margin: 0; text-align: right;}

/****************** what is gsp ********************/
.banner {position: relative;}
/************ breadrumb *****************/
.breadcrumb {margin: 0; background: none; padding: 0; color: #464444; font-family: 'Lato', serif; font-size: 11px;}
.breadcrumb li {vertical-align: middle;}
.breadcrumb > li + li::before {color: #464444;}
.breadcrumb li a {color: #464444; }
.activity-heading {font-size: 35px !important; color: #535353; margin: 10px 0 20px; text-transform: none !important;font-family: 'Lato', serif !important;}
.activity-clr {color: #e86549;}
.rightWrap h4 {font-size: 14px; text-transform: uppercase; margin: 10px 0 20px; font-family: 'Roboto Slab', serif;}
.activity-date {display: block; font-weight: normal; color: #535353; font-size: 16px !important; font-family: 'Lato', serif !important; text-transform: none !important; margin: 10px 0 20px; font-style: italic;}
.activity-img{border: 1px solid #898989; margin-bottom: 20px;}
.activity-q {color: #535353; padding: 0; font-family: 'Lato', serif !important; line-height: 1.5; margin: 0 0 30px;}
.activity-q li {margin: 0 0 20px; position: relative; padding-left: 40px;}
.activity-q li span {display: block; width: 40px; position: absolute; left: 0; top: 0;}
.contentWrapper {background: #fff; padding-top: 30px;}
.contentWrapper:after {content: ''; display: block; clear: both;}
.contentWrapper .leftWrap {width: 22%; float: left; position: relative;}
.leftWrap .nameTag {position: absolute; text-transform: uppercase; width: calc(100% + 1px); padding: 15px 20px; font-weight: 700; top: -94px; z-index: 1; font-size: 19px;}
.rightWrap table {border: 1px solid #ccc; width: 100%; margin: 10px 0;}
.rightWrap table td, .rightWrap table th {border: 1px solid #ccc; padding: 5px 10px;}
.leftWrap .nameTag.school {background: #027b7f;}
.leftWrap .nameTag.student {background: #b05574;}
.leftWrap .nameTag.teacher {background: #7e5686;}
.leftWrap .nameTag.bank {background: #e86549;}
.leftWrap .nameTag.training {background: #e86549;}
.leftWrap .nameTag.school:after {content: '';width: 0; height: 0; border-bottom: 18px solid transparent; border-left: 18px solid #027b7f; position: absolute; left: 0; bottom: -18px; z-index: 1;}
.leftWrap .nameTag.student:after {content: '';width: 0; height: 0; border-bottom: 18px solid transparent; border-left: 18px solid #b05574; position: absolute; left: 0; bottom: -18px; z-index: 1;}
.leftWrap .nameTag.teacher:after {content: '';width: 0; height: 0; border-bottom: 18px solid transparent; border-left: 18px solid #7e5686; position: absolute; left: 0; bottom: -18px; z-index: 1;}
.leftWrap .nameTag.bank:after {content: '';width: 0; height: 0; border-bottom: 18px solid transparent; border-left: 18px solid #e86549; position: absolute; left: 0; bottom: -18px; z-index: 1;}
.leftWrap .nameTag.training:after {content: '';width: 0; height: 0; border-bottom: 18px solid transparent; border-left: 18px solid #e86549; position: absolute; left: 0; bottom: -18px; z-index: 1;}
.leftWrap .nameTag span {padding-left: 55px; height: 64px; display: table-cell; width: 100%; vertical-align: middle;}
.leftWrap .nameTag.school span {background: url(images/school.png) -8px -5px no-repeat;}
.leftWrap .nameTag.student span {background: url(images/student.png) -8px -5px no-repeat;}
.leftWrap .nameTag.teacher span {background: url(images/teacher.png) -8px -5px no-repeat;}
.leftWrap .nameTag.bank span {background: url(images/knowlege_bank.png) -8px -5px no-repeat;}
.leftWrap .nameTag.training span {padding-left: 75px; background: url(images/training_programme.png) 0 0 no-repeat;}
.leftWrap > ul {padding: 0; margin: 0;}
.leftWrap > ul.school {border-left: 4px solid #027b7f;}
.leftWrap > ul.student {border-left: 4px solid #b05574;}
.leftWrap > ul.teacher {border-left: 4px solid #7e5686;}
.leftWrap > ul.bank {border-left: 4px solid #e86549;}
.leftWrap > ul.training {border-left: 4px solid #e86549;}
.leftWrap > ul > li {padding-left: 50px; border-bottom: 1px solid #a2a3a2; position: relative;}
.leftWrap > ul > li.pro, .leftWrap > ul > li.audit, .leftWrap > ul > li.bank {background: url(images/dot.png) 0 49px repeat-x;}
.leftWrap > ul > li > a {padding: 0 5px; line-height: 49px; display: block; font-size: 13px; font-family: 'Lato', serif; color: #000; position: relative;}
.leftWrap > ul > li > a:hover, .leftWrap > ul > li > a.active, .leftWrap .current_page_item a:hover, .leftWrap .current_page_item a {background: #848484; color: #fff; font-weight: bold;}
.leftWrap > ul.main-list > li.active > a.drop:after, .leftWrap > ul.main-list > li > a.active.drop:after {content: ''; width: 0; height: 0; border-top: 8px solid #848484; border-right: 8px solid transparent; border-left: 8px solid transparent; position: absolute; bottom: -8px; left: 50%; transform: translateX(-50%);}
.leftWrap > ul.main-list > li > a.active.no-drop:after {display: none !important;}
.leftWrap > ul > li.active > ul {display: block;}
.leftWrap > ul > li ul {margin: 20px 0 10px; padding: 0; display: none;}
.leftWrap > ul > li ul li {margin-bottom: 5px;}
.leftWrap > ul > li ul li:last-child {margin-bottom: 0;}
.leftWrap > ul > li ul li a {font-size: 13px; color: #000; font-family: 'Lato', serif; padding: 4px 0 4px 30px; background: url(images/button-arrow.png) no-repeat 10px -27px; display: block;}
.leftWrap > ul > li ul li a:hover, .leftWrap > ul > li ul li a.active {background: #a2a3a2 url(images/button-arrow.png) no-repeat 10px 7px; color: #fff;}
.leftWrap > ul > li > span {position: absolute; width: 50px; height: 48px; left: 0; top: 0; background: url(images/icon-sprite.png);}
.leftWrap > ul > li.pro > span {background-position: 9px 9px;}
.leftWrap > ul > li.audit > span {background-position: 8px -42px;}
.leftWrap > ul > li.bank > span {background-position: 3px -90px;}
.leftWrap > ul > li.page-item-362 > span, .leftWrap > ul > li.page-item-364 > span {background-position: -53px 9px;}
.leftWrap > ul > li.page-item-366 > span, .leftWrap > ul > li.page-item-368 > span {background-position: -51px -44px;}
.leftWrap > ul > li.page-item-370 > span, .leftWrap > ul > li.page-item-372 > span {background-position: -50px -90px;}
.leftWrap > ul > li.page-item-109 > span{background-position:  -186px -38px}
.leftWrap > ul > li.page-item-234 > span {background-position: -116px 4px;}
.leftWrap > ul > li.page-item-256 > span {background-position: -117px -42px;}
.leftWrap > ul > li.page-item-261 > span {background-position: -116px -92px;}
.leftWrap > ul > li.page-item-263 > span {background-position: -117px -140px;}
.leftWrap > ul > li.page-item-265 > span {background-position: -116px -190px;}
.leftWrap > ul > li.page-item-269 > span {background-position: -114px -239px;}
.leftWrap > ul > li.page-item-111 > span {background-position: -187px 9px;}
.leftWrap > ul > li.page-item-113 > span {background-position: -187px -36px;}
.leftWrap > ul > li.page-item-115 > span {background-position: -187px -87px;}
.leftWrap > ul > li.aboutIcon > span {background-position: -248px 10px;}
.leftWrap > ul > li.faqIcon > span {background-position: -252px -34px;}
.leftWrap > ul > li.sitemapIcon > span {background-position: -251px -80px;}
.leftWrap > ul > li.contactIcon > span {background-position: -252px -132px;}

.contentWrapper .rightWrap {padding: 0 20px 0 50px; width: 78%; float: right; border-left: 1px solid #a2a3a2; min-height: 360px;}
.rightWrap h2 {margin: 15px 0 5px; font-family: 'Roboto Slab', serif; font-size: 20px;}
.rightWrap p {color: #535353;}
.rightWrap h2.school {color: #027b7f;}
.rightWrap h2.student {color: #b05574;}
.rightWrap h2.teacher {color: #7e5686;}
.rightWrap h2.bank {color: #e86549;}
.rightWrap h2.training {color: #e86549;}
.rightWrap .text {color: #535353; font-size: 16px; line-height: 1.4; font-family: 'Lato', serif; letter-spacing: 0.4px; overflow: hidden; margin-bottom: 30px;}
.rightWrap .text a {display: inline-block; word-break: break-all;}
.rightWrap img.pull-right {margin: 0 0 5px 15px;}
.rightWrap img.pull-left {margin: 0 30px 5px 0;}
.rightWrap .text figure {margin-bottom: 20px;}
.rightWrap .text figure figcaption {color: #000; font-style: italic;}
.rightWrap .text .smallL {max-width: 55%; margin-right: 20px; float: left;}
.rightWrap .text .smallR {max-width: 55%; margin-left: 20px; float: right;}
.rightWrap .text .minL {max-width: 35%; margin-right: 20px; float: left;}
.rightWrap .text .minR {max-width: 35%; margin-left: 20px; float: right;}
.rightWrap img {max-width: 100%; display: block; height: auto;}
.gotoservey{padding: 10px 15px;
    background-color: #e86549;
    color: #fff !important;
    border-radius: 6px;
    margin-top: 10px;
    display: inline-block;
    text-transform: uppercase;}
.dyk {background: #e9e8e8; padding: 0 0 20px;}
.dyk h3 {display: block; background: #00acef; color: #fff; padding: 10px 15px; font-size: 16px; font-weight: bold; margin: 0 0 20px;} 
.dyk ul {padding: 0 30px 0 40px;}
.dyk p, .dyk div {padding: 0 15px;}

/*********** sign up form ***********/

.wpcf7-form {width:60%;}
.wpcf7-form > div, .wpcf7-form > p {margin: 20px 0 0;}
.wpcf7-form > div span {width: 49%; display: inline-block; margin-right: 8px; vertical-align: top;}
.wpcf7-form > div span:last-child {margin-right: 0;}
.wpcf7-form .btn {background: #e86549; padding: 10px 30px; color: #fff;}
.wpcf7-form label.error{ color:#FF0000; display:block; font-size:12px; clear:both; font-weight: normal; margin: 0; padding: 0;}
.audit-deadline{ display:block; text-transform:none; color:#000; font-size:10px; font-family: 'Lato', sans-serif; margin:2px 0 0 5px;}
.atss-right {float: right;left: auto;right: 0;top:35% !important}

.default-button, .default-button:hover, .default-button:focus {background: #e86549; padding: 10px 30px; color: #fff; border-radius: 4px; margin-top: 20px; color: #fff;}

@media (min-width: 1200px) {
	.banner > img {width: 1140px; height: 315px;}
	.carousel-inner > .item > img {width: 1140px; height: 500px;}
}

@media (max-width: 1199px) {
	.nav > li {margin: 0;}
	.nav > li > a {padding: 10px 15px;}
	.p-links a {height: 50px;}
	.contentWrapper .leftWrap {width: 28%;}
	.contentWrapper .rightWrap {width: 72%;}
	.head-nav li:last-child {margin: 0 0 0 20px;}
	main {padding-top: 160px;}
	.wpcf7-form {width:80%;}
}


@media (max-width: 991px) {
	.head-nav {margin-top: 10px; text-align: left;}
	.head-nav li:last-child {display: block; margin: 10px 0; text-align: right;}
	.head-nav li:last-child > a {display: inline-block;}
	.nav > li {margin: 0 8px 0 0;}
	main {padding-top: 185px;}
	.nav > li > a {padding: 10px 15px; font-size: 14px; letter-spacing: 0;}
	.dropdown-menu li a {font-size: 13px;}
	.main-slider .tag {width: 205px; height: 205px;}
	.main-slider .tag span {font-size: 24px;}
	.main-slider .tag p:first-child {font-size: 13px; padding: 0 28px;}
	.main-slider .tag a {padding: 4px 8px; font-size: 11px;}
	.main-slider .icon {width: 180px; height: 180px;}
	.main-slider .icon img {max-width: 60%;}
	.flipper section h2 {line-height: 60px;}
	.flipper section .icon {max-width: 24%; top: 20%; right: 5%;}
	.flipper section p {font-size: 14px; width: 100%;}
	.p-links a {height: 40px;}
	.audit-link {display: block;}
	.leftWrap .nameTag {font-size: 15px;}
	.rightWrap table {font-size: 12px;}
	.rightWrap table td, .rightWrap table th {padding: 5px;}
	.wpcf7-form {width:100%;}
}
@media (min-width: 768px) {
	.nav > li:hover > .dropdown-menu {display: block;}
	.dropdown-menu li:hover .sub-menu {display: block;}
	.navbar-collapse {padding: 0;}
}
@media (max-width: 767px) {
	main {padding-top: 259px;}
	.head {text-align: center;}
	.head-nav {width: 100%; float: none; text-align: center; margin-bottom: 0;}
	.head-nav li {display: inline-block !important; margin-top: 0 !important;}
	.head-nav li a {float: none !important;}
	.head-nav li:last-child {max-width: 42%; margin-left: 20px; text-align: center;}
	.nav li {display: block; text-align: left;}
	.nav > li > a .caret {display: inline-block;}
	.dropdown-menu li a .caret {transform: none;}
	.dropdown-menu .sub-menu {display: block; padding-left: 15px; background: #efefef !important;}
	.flipper section {padding: 20px;}
	.flipper section h2 {line-height: 40px;}
	.flipper section p {font-size: 13px;}
	.flipper section a {padding: 5px 10px; margin-top: 10px; font-size: 14px;}
	.flipper section .icon {top: 16%;}
	footer ul, footer p {text-align: center;}
	footer ul li {margin-right: 0;}
	footer p {margin-top: 10px;}
	.p-links a {height: 30px;}
	.contentWrapper .leftWrap {margin-top: 60px;}
	.contentWrapper .leftWrap, .contentWrapper .rightWrap {width: 100%; border: none;}
	.contentWrapper .rightWrap {padding: 0 15px;}
	.rightWrap .text .smallR, .rightWrap .text .smallL, .rightWrap .text .minR, .rightWrap .text .minL {max-width: 100%; margin: 0 0 20px; float: none;}
	.floatLeft, .floatRight {float: none; margin: 10px 0;}
	.leftWrap .nameTag {font-size: 18px;}
	.breadcrumb {margin: 20px 0;}
}
@media (max-width: 660px) {
	.main-slider .tag {width: 180px; height: 180px;}
	.main-slider .icon {width: 125px; height: 125px;}
	.main-slider .tag p:first-child {font-size: 11px; padding: 0px 20px;}
}
@media (max-width: 620px) {
	.head-nav li {margin-left: 10px;}
	.head-nav li a {font-size: 12px;}
	main {padding-top: 290px;}
	.flipper section p {font-size: 13px;}
	.p-links a {height: auto; display: block;}
	.p-links a img {margin: 10px auto;}
	.head-nav li:last-child {display: block !important; max-width: 100%; margin: 10px 0 !important; }
	.head-nav li:last-child > a {float: none; display: inline-block;}
}
@media (max-width: 540px) {
	.group {margin: 0;}
	.group li {float: none; width: 100%; padding: 0 0 10px;}
	.flipper section h2 {line-height: 60px;}
	.flipper section p {font-size: 14px;}
	.flipper section .icon {top: 20%;}
	.rightWrap table {font-size: 11px;}
	.rightWrap table td, .rightWrap table th {padding: 2px;}
	.main-slider .tag.school, .main-slider .tag.teacher, .main-slider .tag.student {display: none;}
	.carousel-indicators {bottom: 0;}
	.main-slider .icon {width: 100px; height: 100px;}
}
@media (max-width: 480px) {
	.logo {max-width: 90%}
	.flipper section p {font-size: 13px;}
	.flipper section .icon {max-width: 18%;}
	.breadWrap {position: relative; left: auto; top: auto; width: 100%; transform: none; background: rgba(48,48,48,0.8);}
	.rightWrap table td, .rightWrap table th {word-break: break-all;}
	.wpcf7-form > div span, .wpcf7-form > div, .wpcf7-form > p {width: 100%; margin: 0 0 10px;}
	.wpcf7-form > div span:last-child {margin: 0;}
}
@media (max-width: 400px) {
	.main-slider .icon {width: 75px; height: 75px;}
	.carousel-indicators {bottom: -10px;}
}
@media (max-width: 350px) {
	.flipper section a {font-size: 10px;} 
}
span.audit-link a{ text-transform:none; font-size:12px;font-family: 'Lato', sans-serif; color: #e86549;margin-left: 10px; }
span.audit-link a:hover {color: #000;}

.reg-button{color: #fff;background: #e86549;border: none;line-height: 32px;padding: 0 15px;}
.reg-button:hover {color: #fff; text-decoration: none;}


/*.leftWrap ul li.current_page_item a,
.leftWrap ul li.current_page_parent a {
	color: #eae1d8;
}*/


/* Contact Form Validation */