/*

Theme Name: School Play



*/

/*

Theme Name: School Play

Theme URI: https://wordpress.org/themes/twentysixteen/

Author: Amresh

Author URI: https://wordpress.org/

Description: Twenty Sixteen is a modernized take on an ever-popular WordPress layout — the horizontal masthead with an optional right sidebar that works perfectly for blogs and websites. It has custom color options with beautiful default color schemes, a harmonious fluid grid using a mobile-first approach, and impeccable polish in every detail. Twenty Sixteen will make your WordPress look beautiful everywhere.

Version: 1.3

License: GNU General Public License v2 or later

License URI: http://www.gnu.org/licenses/gpl-2.0.html

Tags: one-column, two-columns, right-sidebar, accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, flexible-header, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready, blog

Text Domain: twentysixteen



This theme, like WordPress, is licensed under the GPL.

Use it to make something cool, have fun, and share what you've learned with others.

*/



@font-face {

    font-family: "Proxima Nova Rg";

    font-style: normal;

    font-weight: normal;

    src: url("../fonts/ProximaNova-Regular.eot?#iefix") format("embedded-opentype"), 

    url("../fonts/ProximaNova-Regular.woff") format("woff"), 

    url("../fonts/ProximaNova-Regular.ttf") format("truetype");

}

@font-face {

    font-family: "Proxima Nova Lt";

    font-style: normal;

    font-weight: 600;

    src: url("../fonts/ProximaNova-Semibold.eot?#iefix") format("embedded-opentype"), 

    url("../fonts/ProximaNova-Semibold.woff") format("woff"), 

    url("../fonts/ProximaNova-Semibold.ttf") format("truetype");

}

@font-face {

    font-family: "Proxima Nova Th";

    font-style: normal;

    font-weight: 800;

    src: url("../fonts/ProximaNova-Extrabld.eot?#iefix") format("embedded-opentype"), 

    url("../fonts/ProximaNova-Extrabld.woff") format("woff"), 

    url("../fonts/ProximaNova-Extrabld.ttf") format("truetype");

}

@font-face {

    font-family: "Proxima Nova Rg";

    font-style: normal;

    font-weight: bold;

    src: url("../fonts/ProximaNova-Bold.eot?#iefix") format("embedded-opentype"), 

    url("../fonts/ProximaNova-Bold.woff") format("woff"), 

    url("../fonts/ProximaNova-Bold.ttf") format("truetype");

}
@font-face {
    font-family: 'FaracoHand';
    src: url('../fonts/FaracoHand.eot');
    src: url('../fonts/FaracoHand.eot') format('embedded-opentype'),
         url('../fonts/FaracoHand.woff2') format('woff2'),
         url('../fonts/FaracoHand.woff') format('woff'),
         url('../fonts/FaracoHand.ttf') format('truetype'),
         url('../fonts/FaracoHand.svg#FaracoHand') format('svg');
}






/*************************** common part start */



body {background-size:100% 100%; margin: 0; padding: 0; -webkit-font-smoothing: antialiased;}

a, input {transition: all 0.2s linear 0s; outline: none;}

ol, ul {padding: 0;margin-bottom: 0;margin-top: 0; outline: none;}

p {margin: 0; padding: 0; outline: none;}

h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; outline: none;}

img {padding: 0; outline: none;}

a,input{

 -webkit-transition: all 0.2s ease-in-out;

 -moz-transition: all 0.2s ease-in-out;

 -o-transition: all 0.2s ease-in-out;

 transition: all 0.2s ease-in-out;

 outline:none;

 }

.clear{ clear:both;}

.row {margin-left: 0; margin-right: 0;}

.container-fluid,.container,.no-padding {padding: 0;}



/************************* common part end */



/************************* Header part start */

header {padding-bottom: 25px;

    background: -webkit-linear-gradient(#fff 30%, #fefeff 50%, #f8fcfd 60%, #f0f8fc);

    background: -ms-linear-gradient(#fff 30%, #fefeff 50%, #f8fcfd 60%, #f0f8fc);

    background: -moz-linear-gradient(#fff 30%, #fefeff 50%, #f8fcfd 60%, #f0f8fc);

    background: -o-linear-gradient(#fff 30%, #fefeff 50%, #f8fcfd 60%, #f0f8fc);

    background: linear-gradient(#fff 30%, #fefeff 50%, #f8fcfd 60%, #f0f8fc);

}

.Hnnndvk{ font-family: /*'FaracoHand'*/ 'Pacifico', cursive !important; font-size: 24px !important; line-height: 32px !important; color: #e25949 !important; padding-top:25px !important;}
.cat_desc p {
    font-size: 16px;
    line-height: 25px;
    margin-bottom: 30px;
    font-weight: 400;
    color: #484848;
}
.top-header{width: 100%; float: left; position: relative; padding: 30px 0 25px;}

.top-hdr{width: 75%; margin: 0 auto;}

.top-email{ padding: 0;}

.top-phone{padding: 0;}

.logo{text-align: center;}

.email-no,.phone-no{width: 100%; float: left; height: 98px; margin-top: -8px; display: table;}

.email-no > span,.phone-no > span{display: table-cell; vertical-align: middle;}

.email-no h4,.phone-no h4{font-family: "Proxima Nova Lt"; font-size: 21px; font-weight: bold; color: #e25949; line-height: 23px; text-align: left; transition: all 0.2s ease-in-out; display: table-cell;}

.phone-no h4{float: right;}

.email-no h4 a,.phone-no h4 a{color: #3a9ed5;}

.email-no h4 a:hover,.phone-no h4 a:hover{color: #e25949; text-decoration: none;}

.phone-no ul{display: table-cell;list-style: none;padding-left: 16px;float: right; }

.phone-no ul li{display: inline-block; padding: 0 0 0 17px}

.phone-no ul li .fa{font-size: 21px; color: #3a9ed5;}

.phone-no ul li:hover:nth-child(1) .fa{color: #3b5998}

.phone-no ul li:hover:nth-child(2) .fa{color: #55acee}

.phone-no ul li:hover:nth-child(3) .fa{color: #dd4b39}

.phone-no span {
    display: block;
    width: 100%;
    float: left;
    margin: 5px 0;
}

.phone-no {
    padding: 15px 0;
}
.email-no img.asteklogo {
    width: 80%;
	margin:15px 0
}

.main-header{width:100%; float: left; z-index: 1; padding: 0;}

.main-nav {width: 100%; float: left; padding: 0;}

.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand{margin-left: 0;}

.navbar {margin: 0 auto; padding: 0; border-radius: 0; min-height: auto; height: auto; position: relative;}

.navbar-header{position: relative;}

.navbar-nav{float: none; margin: 0px; padding: 0; text-align: center;}

.navbar-default .navbar-nav > li{font-size: 14px; line-height: 23px; font-family: 'Proxima Nova Lt'; font-weight: 600; text-transform: uppercase; position: relative; text-align: center; display: inline-block; width: 14%; float: none; background-color: #e4f2f9; border-radius: 3px; margin-right: 3px;}

.navbar-default .navbar-nav > li > a {color: #3a9ed5; padding: 10px 0;}

.navbar-default .navbar-nav > li.current-menu-item,.navbar-default .navbar-nav > li:hover{background-color: #3a9ed5;}

.navbar-default .navbar-nav > li.current-menu-item a,.navbar-default .navbar-nav > li:hover a {color: #fff; background-color: transparent;}

.navbar-toggle {padding: 9px 10px; margin-top: 0px; margin-right: 70px; margin-bottom: 0px; background-color: #60b111;}

.navbar-toggle:hover{background-color: #6a182d;}

.navbar-toggle .icon-bar{background-color:#fff;}



/************************* Header part end */

/************************* home page banner start */

.banner{width: 100%; float: left; position: relative; padding: 0}

.drive-banner{width: 100%; height: 619px; background-size: 100% 100%; background-color: #ffaf22; background-position: 0 0; background-repeat: no-repeat;}



.banner-caption{width: 100%; float: left; position: absolute; left: 0; top: 0;}

.drive-caption{width: 60%; height: 480px; margin: 0 auto; display: table;}

.drive-caption .caption{width: auto; margin: 0 auto; display: table-cell; vertical-align: middle;}

.drive-caption .caption h4{font-family: 'Pacifico', cursive; font-size: 45px; font-weight: 600; line-height: 65px; text-align: center; color: #e25949; padding-bottom: 20px;}

.drive-caption .caption button{font-family: "Proxima Nova Rg"; font-size: 18px; font-weight: bold; line-height: 23px; color: #fff; text-transform: uppercase; background-color: #3a9ed5; border-radius: 5px; border: 0; padding: 14px 40px; margin: 0 auto; display: block;}

.drive-caption .caption button:hover{background-color: #e4f2f9; color: #3a9ed5; transition: all 0.2s ease-in-out;}



.banner .carousel-indicators li{width: 23px; height: 23px; border-width: 2px; background-color: #de4532; border-radius: 50%;}

.banner .carousel-indicators .active{width: 23px; height: 23px; background-color: #3a9ed5;}

.banner .carousel-indicators {bottom: 120px;}



/************************* home page banner end */



/************************* home main section start */



.hom-wt-do{width: 100%; float: left; padding: 0; position: relative;}

.hom-wt-do-sec{width: 100%;float: left;padding: 40px 35px 0px;position: relative;margin: -54px 0 0 0;background-color: #fff;}

.hom-wt-do-sec:before {

    content: '';

    position: absolute;








    left: 0;

    right: 0;

    top: 0;

    height: 3px;

     background: linear-gradient(0deg, #de4532 0%, #de4532 30%, #3a9ed5 30%, #3a9ed5 100%);

    background: -webkit-linear-gradient(0deg, #de4532 0%, #de4532 30%, #3a9ed5 30%, #3a9ed5 100%);

    background: -ms-linear-gradient(0deg, #de4532 0%, #de4532 30%, #3a9ed5 30%, #3a9ed5 100%);

    background: -moz-linear-gradient(0deg, #de4532 0%, #de4532 30%, #3a9ed5 30%, #3a9ed5 100%);

    background: -o-linear-gradient(0deg, #de4532 0%, #de4532 30%, #3a9ed5 30%, #3a9ed5 100%);

}

.hom-wt-do-sec p{font-family: 'Proxima Nova Lt'; font-size: 16px; font-weight: 600; line-height: 23px; text-align: center; color: #494949;padding: 5px 0}

.hom-wt-do-ttl{width: 100%;float: left;padding: 10px 0  0  0;text-align: center;}

.hom-wt-do-ttl h2,.hom-our-video h2,.hom-featured h2,.hom-blog h2,.hom-testimonial h2,.our-team h2,.our-partners h2,.our-customers h2{font-family: 'Pacifico', cursive;font-size: 31px;line-height: 32px;text-align: center;color: #2091cf;display: inline-block;position: relative;}

.hom-wt-do-ttl h2:after{content: '';position: absolute;right: -85px;top: 17px;background-image: url(../images/what-we-do-lf-ar.png);background-size: cover;background-repeat: no-repeat;width: 55px;height: 2px;}

.hom-wt-do-ttl h2:before{content: '';position: absolute;left: -85px;top: 17px;background-image: url(../images/what-we-do-rg-ar.png);background-size: cover;background-repeat: no-repeat;width: 55px;height: 2px;}

.hom-wt-do-area{width: 100%;float: left;padding: 40px 30px 25px;}

.hom-wt-do-area-sec{padding: 0 15px 15px 0;}

.hom-wt-do-area-sec:nth-child(3n+3){padding: 0 0 15px 0;}

.hom-wt-do-area-col{width: 100%; height: 179px; padding: 0; position: relative;}

.hom-wt-do-area-img{width: 100%; height: 100%; background-color: #525252; background-size: 100% 100%; background-position: 0; background-repeat: no-repeat;}

#hom-we-do {position: relative;}

#hom-we-do-overlay{

  background: rgba(42, 146, 206, 0.80);

  text-align:center;

  opacity:0;

  position: absolute;

  height: 100%;

  width: 100%;

  top: 0;

  display: table;

  padding: 3px;

  -webkit-transition: opacity .25s ease;

  -moz-transition: opacity .25s ease;

}



#hom-we-do:hover #hom-we-do-overlay {

  opacity:1;

}

#hom-we-do-over-plus {

  display: table-cell;

  vertical-align: middle;

  cursor: pointer;

}

#hom-we-do-over-plus h4{font-family: "Proxima Nova Lt"; font-size: 20px; font-weight: 600; line-height: 23px; color: #fff; text-align: center; text-transform: uppercase;position: absolute; bottom: 10%; left: 0; right: 0;}

#hom-we-do-over-plus h4 a{color: #fff; text-decoration: none;}

.hom-wt-do-area-col-ttl{width: 100%; position: absolute; bottom: 10%; left: 0; right: 0;}

.hom-wt-do-area-col-ttl h4{font-family: "Proxima Nova Lt"; font-size: 20px; font-weight: 600; line-height: 23px; color: #fff; text-align: center; text-transform: uppercase;}

#hom-we-do:hover .hom-wt-do-area-col-ttl{opacity: 0}





.hom-service{width: 100%;float: left;padding: 0;background: #ced8dd url(../images/hom-service-bg.png) no-repeat center center;background-size: cover;}

.hom-service-sec{width: 100%;float: left;padding: 40px 0;}

.hom-service-sec ul{list-style: none;width: 80%;margin: 0 auto;}

.hom-service-sec ul li{display: inline-block;padding: 0 15px;position: relative;width: 24%;border-right: 1px solid #2091cf;vertical-align: top;}

.hom-service-sec ul li:last-child{border-right: 0;}

.hom-service-sec ul li h5{font-family: "Proxima Nova Lt";font-size: 16px;font-weight: 600;line-height: 15px;text-align: center;color: #2091cf;padding-top: 25px;}

.hom-service-sec ul li h5 a{color: #2091cf;}

.hom-service-sec ul li h5:hover{color: #e25949; text-decoration: none;}

.circle {width: 78px; height: 78px; border-radius: 50%; background-color: #e25949; position: relative; display: table; margin: 0 auto;}

.service-logo{display: table-cell; vertical-align: middle; background-position: center; background-repeat: no-repeat;}


.service-logo:hover,.hom-service-sec ul li:hover .service-logo{

    transform: rotate3d(-1, 0, 0, 360deg);

    -webkit-transform: rotate3d(-1, 0, 0, 360deg);

    -moz-transform: rotate3d(-1, 0, 0, 360deg);

    -ms-transform: rotate3d(-1, 0, 0, 360deg);

    -o-transform: rotate3d(-1, 0, 0, 360deg);

    transition: all 1.5s ease-in-out;

    -webkit-transition: all 1.5s ease-in-out;

    -moz-transition: all 1.5s ease-in-out;

    -ms-transition: all 1.5s ease-in-out;

    -o-transition: all 1.5s ease-in-out;

}


.service-logo-1{width: 29px; height: 28px;}

.service-logo-2{width: 35px; height: 34px;}

.service-logo-3{width: 42px; height: 29px;}

.service-logo-4{width: 26px; height: 40px;}



.hom-our-video{width: 100%;float: left;padding: 40px 0 60px;background-color: #e8f4fa;}

.hom-our-video h2{text-align: center; display: block;}

.hom-our-video-main{width: 100%;float: left;padding: 36px 0 0 0;}

.hom-our-video-lft{width: 100%;height: 450px;padding-right: 11px;float: left;padding: 4px 0 0;}

.hom-our-video-rgt{width: 100%; float: left; padding-left: 22px;}

.hom-our-video-rgt h3{font-family: "Proxima Nova Lt"; font-size: 23px; font-weight: 600; line-height: 26px; text-align: left; color: #2091cf; padding-bottom: 35px;}

.hom-our-video-rgt p{font-family: "Proxima Nova Rg"; font-size: 16px; font-weight: normal; line-height: 26px; text-align: left; color: #393939;}

.hom-our-video-rgt > button{font-family: "Proxima Nova Rg";font-size: 14px;font-weight: bold;line-height: 16px;background-color: #2091cf;text-transform: uppercase;color: #fff;border: 1px solid #e4f2f9;border-radius: 10px;padding: 10px 16px;margin-top: 40px;outline: none;}

.hom-our-video-rgt > button:hover{background-color: #e4f2f9; color: #2091cf; border: 1px solid #2091cf;  transition: all 0.2s ease-in-out;}





.hom-featured{width: 100%;float: left;padding: 40px 0;}

.hom-featured h2,.hom-blog h2,.hom-testimonial h2,.our-team h2,.our-partners h2,.our-customers h2{text-align: center; display: block;}

.hom-featur-proj{width: 100%;float: left;margin-top: 40px;background-color: #2091cf;}

.hom-featur-proj-lft{width: 100%; height: 300px; float: left; padding: 0; background-size: cover; background-position:center; background-repeat: no-repeat;}
.hm-feature-projectwrap {position: relative;}
.hm-projectimg {position: absolute;left: 0;height: 100%;}
.hm-projectimg .hom-featur-proj-lft {height: 100%;width: 100%;}
.hm-projectcontent {float: right;}
.hom-featur-proj-rgt{width: 100%; float: left; padding: 35px 20px 35px 25px;}

.hom-featur-proj-rgt h3{font-family: "Proxima Nova Rg"; font-size: 18px; font-weight: bold; line-height: 28px; color: #fff;}

.hom-featur-proj-rgt h3 > span{text-transform: uppercase;}

.hom-featur-proj-rgt p{font-family: "Proxima Nova Rg"; font-size: 16px; font-weight: normal; line-height: 23px; color: #fff; text-align: left; padding: 15px 0;}

.hom-featur-proj-rgt p > span{display: block; font-weight: 600;}

.hom-featur-proj-rgt > button{font-family: "Proxima Nova lt"; font-size: 14px; font-weight: 600; line-height: 16px; background-color: #1c7db4; text-transform: uppercase; color: #fff; border: 0; border-radius: 10px; padding: 10px 16px;}

.hom-featur-proj-rgt > button:hover{background-color: #fff; color: #1c7db4; transition: all 0.2s ease-in-out;}



.hom-blog-test{width: 100%;float: left;padding: 0 0 40px 0;}

.hom-blog{width: 100%; float: left; padding: 0 10px 0 0}

.hom-blog-main{width: 100%; background-color: #e8e8e8; float: left; margin-top: 40px;}

.blog-img{ height: 237px;}
.blog-img img{/*height: 237px;*/width:100%; }
span.innerwraper {
    height: 100%;
    display: table;
}

span.innerwraper span {
    display: table-cell;
    vertical-align: middle;
}
.blog-cnt{width: 100%; float: left; padding: 30px 40px 0 30px;}

.blog-cnt h4{font-family: "Proxima Nova lt"; font-size: 18px; font-weight: 600; line-height: 23px; color: #2091cf; padding-bottom: 25px;}

.blog-cnt p, .hom-testi-cnt p, .hom-testi-main p{font-family: "Proxima Nova Rg"; font-size: 16px; font-weight: normal; line-height: 23px; color: #656565; text-align: left; padding-bottom: 15px;}

.blog-cnt p a,.hom-testi-main p a{color: #2091cf; font-weight: 600;}

.blog-cnt p a:hover,.hom-testi-main p a:hover{color: #656565; text-decoration: none;}



.hom-testimonial{width: 100%; float: left; padding: 0 0 0 10px;}

.hom-testi-main{width: 100%; height: 237px; float: left; background-color: #e8e8e8; padding: 70px 32px 0 25px; margin-top: 40px; position: relative;}

.hom-testi-crau{width: 100%; height: auto; float: left; padding: 0; position: relative;}

.hom-testi-crau:before{

    content: '';

    background: url(../images/testi-lft-arr.png);

    width: 39px;

    height: 29px;

    position: absolute;

    top: -35px;

    left: 0;

}

.hom-testi-crau:after{

    content: '';

    background: url(../images/testi-rgt-arr.png);

    width: 39px;

    height: 29px;

    position: absolute;

    bottom: -30px;

    right: -10px;

}

.hom-testi-cnt h6{font-family: "Proxima Nova lt"; font-size: 14px; font-weight: 600; line-height: 20px; color: #2091cf;}

.hom-testi-main  .carousel-indicators{bottom: -50px; left: 0; width: 50%; margin-left: 0; text-align: left;}

.hom-testi-main .carousel-indicators li{width: 16px; height: 16px; border: 0px; background-color: #de4532; border-radius: 50%; margin: 0;}

.hom-testi-main .carousel-indicators .active{width: 16px; height: 16px; background-color: #3a9ed5;}



/************************* home main section end */



/************************* Footer start */



.footer-feature{width: 100%;float: left;padding: 40px 0;background-color: #e8e8e8;}

.footer-catelog,.footer-quot,.sign-catelog{width: 100%; float: left; padding-right: 22px;}

.sign-catelog{padding-right: 0;}

.catlog-col{width: 100%; height: 167px; float: left; padding: 0; background-size: cover; background-position: 0; background-repeat: no-repeat; background-color: #2b92c5; display: table;}

.footer-feature-ttl {width: 100%; display: table-cell; vertical-align: middle; text-align: center; padding: 0 20px;}

.footer-feature-ttl h4{font-family: "Proxima Nova Rg"; font-size: 18px; font-weight: bold; line-height: 35px; color: #fff; text-transform: uppercase;}

.footer-feature-ttl h2{font-family: "Proxima Nova Rg"; font-size: 30px; font-weight: bold; line-height: 35px; color: #fff; text-transform: uppercase; display: inline-block; position: relative;}
.footer-feature-ttl h2 a{text-decoration:none;color:#fff;}
.footer-feature-ttl h2 a:hover{color:#e25949;}
.footer-feature-ttl h2:before,.footer-feature-ttl h2:after{

    content: '';

    width: 50px;

    height: 1px; 

    float: left;

    background-color: #fff;

    position: absolute;

    top: 17px;

}

.footer-feature-ttl h2:before{left: -60px;}

.footer-feature-ttl h2:after{right: -60px;}

.footer-newsletter{width: 100%; float: left; padding: 30px 25px 0 22px;}

.footer-newsletter h4{font-family: "Proxima Nova Rg"; font-size: 19px; font-weight: bold; line-height: 25px; color: #fff; text-transform: uppercase; text-align: center; padding-bottom: 10px;}



.footer-contact{width: 100%; float: left; padding: 25px 0; background-color: #e25949;}

.footer-contact-detail{width: 100%; float: left; padding: 0;}

.footer-contact-detail h3{font-family: "Proxima Nova Lt"; font-size: 18px; font-weight: 600; line-height: 30px; text-align: center; text-transform: uppercase; color: #fff;}

.footer-contact-detail h3 a{color: #fff; font-size: 24px;}
.footer-contact-detail h3 a:hover{color: #2091cf; text-decoration: none;}
.footer-main{width: 100%;float: left;padding: 40px 0;}
.footer-logo{width: 100%;float: left;}
.footer-logo a{display:inline-block;}
.footer-link{width: 100%; float: left; padding: 0; border-right: 1px solid #656565;}
.footer-address{width: 100%;float: left;padding: 0 5px 21px 0;border-right: 1px solid #656565;}
.footer-link ul{list-style: none;}

.footer-link ul li{font-family: "Proxima Nova Lt"; font-size: 16px; font-weight: 600; line-height: 30px; color: #656565;}

.footer-link ul li a{color: #656565; text-decoration: none;}
.footer-link ul li a:hover{color:#e25949;}
.footer-link ul li.current_page_item a{color:#e25949 !important;}
.footer-address p{font-family: "Proxima Nova Lt"; font-size: 16px; font-weight: 600; line-height: 22px; color: #656565; padding-bottom: 5px; text-align: center;}

.footer-address p span{color: #2091cf;}

.footer-address p a{color: #656565;}

.footer-address p a:hover{color: #2091cf; text-decoration: none;}

.footer-address h4{font-family: "Proxima Nova Rg"; font-size: 20px; font-weight: bold; line-height: 23px; color: #2091cf; text-align: center; padding-top: 25px;}

.footer-address h4 a{color: #2091cf;}

.footer-address h4 a:hover{color: #656565;}

.footer-social{width: 100%; float: left; padding: 0}

.footer-social ul{list-style: none; text-align: center;}

.footer-social ul li{width: 33px; height: 33px; border-radius: 50%; background-color: #2091cf; margin: 0 auto 8px;}

.footer-social ul li .fa{font-size: 20px; text-align: center; line-height: 33px; color: #fff;}

.footer-social ul li a{padding: 0 7px;}

.footer-social ul li:hover:nth-child(1){background-color: #3b5998;}

.footer-social ul li:hover:nth-child(2){background-color: #55acee;}

.footer-social ul li:hover:nth-child(3){background-color: #dd4b39;}

.developers{width: 100%; float: left; padding: 15px 0; background-color: #2b92c5;}

.developers p{font-family: "Proxima Nova Rg"; font-size: 14px; font-weight: normal; line-height: 20px; color: #fff; text-align: center;}
.asteklogo{width:60%;margin:15px auto 0}


#es_txt_email {

    font-family: "Proxima Nova Rg";

    font-weight: normal;

    height: 50px;

    border: 0;

    font-size: 16px;

    padding-left: 15px;

    float: left;

    border-radius: 0;
    width: 100%;
}

#es_txt_email::-webkit-input-placeholder{color: #656565;}

#es_txt_email:-ms-input-placeholder{color: #656565;}

#es_txt_email::-moz-placeholder{color: #656565; opacity: 1}

#es_txt_email:-moz-placeholder{color: #656565; opacity: 1}

#es_txt_button {

    font-family: "Proxima Nova Rg";

    font-size: 19px;

    font-weight: bold;

    color: #fff;

    background-color: #e25949;

    border: 0;

    height: 50px;

    float: left;

    border-radius: 0;

    width: 125px;

}

#es_txt_button:hover{color: #2091cf; transition: all 0.2s ease-in-out;}
.es_button {
    padding-top: 0 !important;
    padding-bottom: 5px;
    width: 40%;
    float: left;
}
.es_textbox {
    padding-bottom: 10px;
    width: 60%;
    float: left;
}
.es_lablebox{display: none;}
.mc4wp-form-basic .mc4wp-error, .mc4wp-form-theme .mc4wp-error {

    color: #f00 !important;

    font-size: 14px !important;

}

/************************* Projects css start */



.banner-inner{width: 100%; height: 235px; float: left; padding: 0;}

.banner-img{width: 100%; height: 100%; float: left; background-size: 100% 170%; background-position: 0 0; background-repeat: no-repeat;}



.projects{width: 100%; float: left; padding: 0; margin-top: -39px;}

.projects-tp-bdr{width: 100%; float: left; padding: 0 0 40px; background-color: #fff; position: relative;}

.projects-tp-bdr:before {

    content: '';

    position: absolute;

    left: 0;

    right: 0;

    top: 0;

    height: 3px;

     background: linear-gradient(0deg, #de4532 0%, #de4532 30%, #3a9ed5 30%, #3a9ed5 100%);

    background: -webkit-linear-gradient(0deg, #de4532 0%, #de4532 30%, #3a9ed5 30%, #3a9ed5 100%);

    background: -ms-linear-gradient(0deg, #de4532 0%, #de4532 30%, #3a9ed5 30%, #3a9ed5 100%);

    background: -moz-linear-gradient(0deg, #de4532 0%, #de4532 30%, #3a9ed5 30%, #3a9ed5 100%);

    background: -o-linear-gradient(0deg, #de4532 0%, #de4532 30%, #3a9ed5 30%, #3a9ed5 100%);

}

.project-ttl{width: 100%;float: left;text-align: center;padding: 0 0 40px;}

.project-ttl h2{font-family: 'Pacifico', cursive;font-size: 31px;line-height: 35px;color: #e25949;text-align: center;display: inline-block;position: relative;letter-spacing: 2px;}

.project-ttl p{font-family: "Proxima Nova Lt";font-size: 20px;font-weight: 600;line-height: 20px;color: #656565;padding-top: 40px;text-align: center;}

.project-ttl h2:before,.project-ttl h2:after{content: '';width: 55px;height: 2px;position: absolute;top: 18px;}

.project-ttl h2:before{

    background: url(../images/projects-lft.png) 100% 100% no-repeat;

    left: -65px;

}

.project-ttl h2:after{

    background: url(../images/projects-rgt.png) 100% 100% no-repeat;

    right: -70px;

}



.all-project{width: 100%;float: left;padding: 0;}

.projects-sec{width: 100%;float: left;background-color: #2091cf;margin-bottom: 40px;}



/************************* Projects css end */



/**************************What we do css start */



.what-we-do{width: 100%;float: left;padding: 0 0 25px;}

.what-we-do-1{width: 100%;float: left;padding: 0 0 20px;}
.category-open-space-fitness  .what-we-do-1 h4{    text-transform: capitalize;}
.what-we-do-1 h4{font-family: "Proxima Nova Lt";font-size: 20px;font-weight: 600;line-height: 16px;color: #3a9ed5;text-transform: uppercase;padding-bottom: 40px;text-align: center;}

.what-we-do-1 ul{list-style: none;text-align: center;padding-bottom: 35px;color: #e25949;font-size: 20px;line-height: 25px;}

.what-we-do-1 ul li{font-family: "Proxima Nova Lt"; font-size: 20px; font-weight: 600; line-height: 25px; color: #3a9ed5; text-transform: uppercase; text-align: center; display: inline-block;}

.what-we-do-1 ul li a{color: #3a9ed5;}

.what-we-do-1 ul li a:hover{color: #2091cf; text-decoration: none;}

.we-do-sec{padding: 0 15px 20px 0;}

.we-do-sec:nth-child(3n+3){padding: 0 0 20px 0;}

.we-do-col{width: 100%; float: left; padding: 0; box-sizing: border-box;}

.we-do-col-tp{width: 100%; height: 175px; float: left; display: table; position: relative;}

.we-do-col-tp-logo{width: 100%; height: 100%; display: table-cell; vertical-align: middle; text-align: center;}

.we-do-col-bt{width: 100%; float: left; padding: 10px 0; background-color: #3a9ed5;}

.we-do-col-bt h3{font-family: "Proxima Nova Lt"; font-size: 18px; font-weight: 600; line-height: 25px; color: #fff; text-align: center;}

.we-do-col-bt h3 a{color: #fff; text-decoration: none;}

.we-do-col-tp:before{content: ''; width: 100%; height: 100%; border: 1px solid #bcbcbc; border-bottom: 0; position: absolute; top: 0; left: 0; right: 0; bottom: 0;}

.we-do-col:hover .we-do-col-tp:before {border: 4px solid #3a9ed5; border-bottom: 0;}

.playground-no{width: 55px; float: left; background-color: #3a9ed5; padding: 13px 0; position: absolute; top: 4px; left: 4px; display: none;}

.playground-no h5,.playground-view h5, .playground-detail h5{font-family: "Proxima Nova Lt"; font-size: 16px; font-weight: 600; line-height: 23px; color: #fff; text-align: center;}

.playground-view h5 a{color: #fff; text-decoration: none;}

.we-do-col:hover .playground-no,.we-do-col:hover .playground-view{display: block;}

.playground-view{width: 100px; float: left; background-color: #3a9ed5; padding: 13px 0; position: absolute; top: 4px; left: 4px; display: none;}



.we-do-detail-tp {width: 100%; float: left; position: relative; text-align: center; border: 1px solid #bcbcbc; padding: 43px 0 30px;}

.we-do-detail-tp img {margin: 0 auto;}

/*.playground-detail{width: auto; float: left; background-color: #3a9ed5; padding: 15px 30px; position: absolute; top: 0px; left: 0px;}*/
.playground-detail {
    width: auto;
    float: left;
    background-color: #3a9ed5;
    padding: 25px 35px;
    position: absolute;
    top: 0px;
    left: 0px;
    font-size: 30px !important;
}
.playground-detail h5{ font-size: 30px !important;}
.playground-detail h5{text-transform: uppercase;}

.we-do-detail-bt{width: 100%; float: left; padding: 45px 0 20px;}

.we-do-detail-bt p{font-family: "Proxima Nova Lt"; font-size: 16px; font-weight: 600; line-height: 23px; color: #494949; text-align: left;}

.we-do-free-quote{width: 100%; float: left; padding: 50px 0; background-color: #3a9ed5;}

.we-do-free-quote h2{font-family: "Proxima Nova Lt"; font-size: 30px; font-weight: 600; line-height: 35px; color: #fff; text-align: center; text-transform: uppercase;}



/****************** Free Quote start */



.free-quote{width: 100%; float: left; padding-top: 65px;}

.free-quote-col{padding: 0 0 25px;}

.free-quote-col .form-control{border-radius: 0; border: 0; height: 48px; font-family: "Proxima Nova Lt"; font-size: 16px; line-height: 23px; font-weight: 600; color: #545454;}

input::-webkit-input-placeholder {
   color: #BDC3C7 !important;
}

input:-moz-placeholder { /* Firefox 18- */
   color: #BDC3C7 !important;
}

input::-moz-placeholder {  /* Firefox 19+ */
   color: #BDC3C7 !important;
}

input:-ms-input-placeholder {  
   color: #BDC3C7 !important;
}

.free-quote-col:nth-child(2){padding-right: 16px;}

.free-quote-col:nth-child(3){padding-right: 16px; padding-left: 16px;}

.free-quote-col:nth-child(4){padding-left: 16px;}

.free-quote-col:nth-child(5){padding-right: 16px;}

.free-quote-col:nth-child(6){padding-left: 16px;}

.free-quote-col .quote-btn{font-family: "Proxima Nova Rg"; font-size: 18px; font-weight: bold; line-height: 23px; color: #fff; text-align: center; text-transform: uppercase; border-radius: 0; border: 0; background-color: #e25949; padding: 20px 135px; float: right;} 

.free-quote-col .quote-btn:hover{background-color: #fff; color: #e25949; transition: all 0.2s ease-in-out;}

.free-quote-col .form-control::-webkit-input-placeholder{color: #545454;}

.free-quote-col .form-control:-ms-input-placeholder{color: #545454;}

.free-quote-col .form-control::-moz-placeholder{color: #545454; opacity: 1;}

.free-quote-col .form-control:-moz-placeholder{color: #545454; opacity: 1;}



/***************** Free Quote End */



/***************** what we are start */



.what-we-are{width: 100%; float: left; padding: 0;}

.we-are-blog{width: 100%;float: left;padding: 0;}

.we-blog-col{padding: 0 0 20px; min-height:445px;}

.we-blog-col:nth-child(odd){padding-right: 26px;}

.we-blog-col:nth-child(even){padding-left: 26px;}

.we-blog-col-img{width: 100%; height: 149px; float: left; padding: 0; background-size: 100% 100%; background-position: 0 0; background-repeat: no-repeat;}

.we-blog-col-ttl{width: 100%; float: left; padding: 32px 0 24px;}

.we-blog-col-ttl h3{font-family: "Proxima Nova Lt"; font-size: 23px; font-weight: 600; line-height: 23px; color: #3a9ed5; text-align: left;}

.we-blog-col-desc{width: 100%; float: left; padding: 0;}

.we-blog-col-desc p,.our-team p,.our-partners p,.our-customers p{font-family: "Proxima Nova Lt"; font-size: 16px; font-weight: 600; line-height: 23px; color: #494949; text-align: left; padding-bottom: 25px;}



.our-team{width: 100%;float: left;background-color: #e8e8e8;padding: 40px 0;}

.our-team h2{padding-bottom: 32px;}

.our-team p,.our-partners p,.our-customers p{padding: 0; text-align: center;}

.our-team-main{width: 100%;float: left;padding: 32px 0 0;}

.team-detail{width: 100%; float: left; padding: 10px 0 0;}

.team-detail h4{font-family: "Proxima Nova Lt"; font-size: 18px; font-weight: 600; line-height: 23px; color: #3a9ed5; text-align: center; padding-bottom: 0px;}

.team-detail h5{font-family: "Proxima Nova Lt"; font-size: 14px; font-weight: 600; line-height: 23px; color: #494949; text-align: center;}

.team-detail h5 a{color: #494949;}

.team-detail h5 a:hover{color: #3a9ed5; text-decoration: none;}



.partner-customer{width: 100%;float: left;padding: 40px 0;}

.our-partners{width: 100%; float: left; padding: 0 26px 0 0;}

.our-customers{width: 100%; float: left; padding: 0 0 0 26px;}

.our-partners h2,.our-customers h2{padding-bottom: 35px;}

.our-partners p,.our-customers p{height: 100px;}

.our-partners-carous {width: 100%;float: left;padding-top: 35px;}

.partner-thumb{width: 100%; height: 110px; float: left; background-color: #efefef; text-align: center; margin-bottom:4px; display: table;}

.partner-thumb span{vertical-align: middle; display: table-cell; text-align: center;}



/***************** what we are end */



/***************** contact start */

.contact{width: 100%; float: left; background-color: #2091cf; padding: 70px;}
.contact-form{width: 100%; float: left; padding-right: 25px;}
.contact-col{width: 100%; float: left; padding: 0 0 10px;}
.contact-col .form-control{border-radius: 0; border: 0; height: 48px; font-family: "Proxima Nova Lt"; font-size: 16px; line-height: 23px; font-weight: 600; color: #545454;}
.contact-col .quote-btn{font-family: "Proxima Nova Rg"; font-size: 18px; font-weight: bold; line-height: 23px; color: #fff; text-align: center; text-transform: uppercase; border-radius: 0; border: 0; background-color: #e25949; padding: 20px 55px; float: right; margin-top: 10px;} 
.contact-col .quote-btn:hover{background-color: #fff; color: #e25949; transition: all 0.2s ease-in-out;}
.contact-col .form-control::-webkit-input-placeholder{color: #545454;}
.contact-col .form-control:-ms-input-placeholder{color: #545454;}
.contact-col .form-control::-moz-placeholder{color: #545454; opacity: 1;}
.contact-col .form-control:-moz-placeholder{color: #545454; opacity: 1;}
.contact-address{width: 100%; float: left; padding-left: 25px; text-align: center;}
.contact-address p{font-family: "Proxima Nova Rg"; font-size: 21px; font-weight: normal; line-height: 40px; color: #fff; text-align: left;}
.contact-address p span{font-weight: 600;}
.contact-address img{padding-bottom: 10px;}
.map{width: 100%;float: left;padding: 2px 0 40px;}
div.wpcf7-mail-sent-ok {float: none !important;color: #398f14;font-size: 15px;background-color: #fff;text-align: center;clear: both;border: 2px solid #398f14;}
.page-header{padding-bottom: 9px;margin: 40px 0; border-bottom: 0;background: none;text-align: center;}
ul#wprmenu_menu_ul li.current_page_item a{color:#e25949 !important;}


/***************** contact end */
.blog-main{width: 100%; float: left; padding: 10px 10px 40px;}
.blog-left {width: 95%; float: left; border-bottom: 1px solid #2091cf; padding: 20px 0; box-sizing: border-box;}
.blog-lft-img {width: 100%; height: 150px; background-size: cover; background-repeat: no-repeat; background-position: center;}
.blog-lft-cnt{float: left; padding: 0 0 0 30px;}
.blog-lft-cnt .blog-cnt{padding: 0;}
.blog-lft-cnt .blog-cnt h4{padding-bottom: 10px;}
.blog-right{width: 100%; float: left; padding-left: 15px; padding-top: 20px;}
.blog-right h2{font-family: "Proxima Nova Rg"; font-size: 21px; font-weight: bold; line-height: 30px; color: #2091cf; text-align: left;}
.blog-right ul{list-style: none;}
.blog-right ul li{display: block; font-family: "Proxima Nova Lt"; font-size: 15px; font-weight: 600; line-height: 26px; color: #656565; text-align: left;}
.blog-right ul li a{color: #656565;}
.blog-right ul li a:hover{color: #2091cf; text-decoration: none;}
.blog-right section {padding-bottom: 15px; border-bottom: 1px solid #656565;}
.blog-right label{width: 70%;}
.blog-right .search-submit {
    display: inline-block;
    padding: 9px 20px;
    border: 0;
    border-radius: 0;
    color: #fff;
     font-family: "Proxima Nova Lt";
    font-size: 15px; 
    font-weight: 600; 
    background-color: #e25949;
    text-transform: uppercase;
    margin-left: -3px;
}
.blog-right input[type="search"] {
    -webkit-appearance: none;
    width: 100%;
    height: 36px;
    border: 1px solid #e25949;
    border-right: 0;
    border-radius: 0;
    font-family: "Proxima Nova Lt";
    font-size: 15px; 
    font-weight: 600; 
    color: #656565;
    padding-left: 10px;

}
.blog_image img {
    margin: auto;
}
.blog-right input[type="search"]::-webkit-input-placeholder{color: #656565}
.blog-right input[type="search"]:-ms-input-placeholder{color: #656565}
.blog-right input[type="search"]::-moz-placeholder{color: #656565; opacity: 1;}
.blog-right input[type="search"]:-moz-placeholder{color: #656565; opacity: 1;}
.blog-detail{padding: 20px 0 40px;}
.blog-detail h4{padding-bottom: 10px;}












.main-header ul.nav li.dropdown:hover ul.dropdown-menu{ display: block; }
.main-header .navbar-default .navbar-nav > li ul.dropdown-menu li {}
.main-header .navbar-default .navbar-nav > li ul.dropdown-menu li a {
   
	    color: #3a9ed5;
    background: #e4f2f9;
    border-bottom: 1px solid #ccc;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 13px;
}
.main-header .navbar-default .navbar-nav > li ul.dropdown-menu{
    padding: 0;
}


 .main-header .navbar-default .navbar-nav > .active > a:hover{ background: #3a9ed5;color:#fff   }

.main-header .navbar-default .navbar-nav > li ul.dropdown-menu li a:hover 	 {background: #3a9ed5; color: #e4f2f9; }


.what-we-do-1 .pagination ,.what-we-do .pagination{    clear: both;    width: 100%;    margin: 15px 0;    padding: 0;}
.what-we-do-1 .pagination span.pages,.what-we-do .pagination span.pages{display: none;}

.what-we-do-1 .pagination   a, .what-we-do-1 .pagination   span.pages, .what-we-do-1 .pagination  span.dots,.what-we-do .pagination   a, .what-we-do .pagination   span.pages, .what-we-do .pagination  span.dots{    
	padding: 10px 15px;
    border-color: transparent !important;
    text-shadow: none;
    background: #2b92c5;color:#fff !Important;    font-size: 16px !important;
    font-family: "Proxima Nova Lt"
	}
.what-we-do-1 .pagination   a:hover,.what-we-do .pagination   a:hover,.what-we-do-1 .pagination   a:focus,.what-we-do .pagination   a:focus{ background: #e25949;}
.what-we-do-1 .pagination  span.current,.what-we-do .pagination  span.current{  background: #e25949;	padding: 10px 15px;    border-color: transparent !important;    text-shadow: none;color:#fff !Important;    font-size: 16px !important;    font-family: "Proxima Nova Lt"    } 
 .we-do-col-tp-logo img {
    margin: auto;
}

.Midfiv{font-size:13px; color:#fff; font-weight:600; padding:4px 4px; text-align:left; line-height:16px !important;}
.Fttoop1 h4 span{ font-size:15px;}

.Fttoop1{  background:url(../images/Austek_Play_staff.jpg) no-repeat center; min-height:770px; background-size:100% 100%; margin-top:40px; }
.btnmd1{
height: 32px;
width: 114px;
float: left;
margin-left: 53%;
margin-top: 8.4%;}
.btnmd2 {
    height: 32px;
    width: 114px;
    float: left;
    margin-left: 33%;
    margin-top: 6.6%;
}
.btnmd3 {
    height: 32px;
    width: 114px;
    float: left;
    margin-left: 60%;
    margin-top: 5.6%;
    clear: both;
}

.btnmd4 {
    height: 32px;
    width: 114px;
    float: left;
    margin-left: 19.5%;
    margin-top: -3%;
    clear: both;
}

.btnmd5 {
    height: 32px;
    width: 100px;
    float: right;
margin-right: 11.5%;
margin-top: 21.4%;
clear: both;
}
/*.category-parts .we-do-col-bt h3 a {    cursor: default;}
.category-parts div#post-219 h3 a {    cursor: pointer;}*/
.category-soft-fall .we-do-col-bt h3{}
body.category-soft-fall .we-do-col-bt {
    min-height: 75px;
    padding-left: 10px;
    padding-right: 10px;
}
.static_part_desc p {
    font-size: 16px;
    line-height: 25px;
    font-weight: 400;
    color: #484848;
    margin-bottom: 10px;
}

.static_part_desc {
    clear: both;
}
.all-project .projects-sec .hom-featur-proj-rgt h6 {
    font-size: 14px;
    font-weight: normal;
    line-height: 20px;
    color: #fff;
}

.babh2{
    font-family: 'Pacifico', cursive;
    font-size: 31px;
    line-height: 32px;
    text-align: center;
    color: #2091cf;
    display: block;
    position: relative;
}

.bah2{
    font-family: 'Pacifico', cursive;
    font-size: 31px;
    line-height: 32px;
    text-align: center;
    color: #2091cf;
    display: inline-block;
    position: relative;
}

.bah2:before{
    content: '';
    position: absolute;
    left: -85px;
    top: 17px;
    background-image: url(../images/what-we-do-rg-ar.png);
    background-size: cover;
    background-repeat: no-repeat;
    width: 55px;
    height: 2px;
}

.bah2:after{
    content: '';
    position: absolute;
    right: -85px;
    top: 17px;
    background-image: url(../images/what-we-do-lf-ar.png);
    background-size: cover;
    background-repeat: no-repeat;
    width: 55px;
    height: 2px;
}

.baftrh2{
    font-family: "Proxima Nova Rg";
    font-size: 18px;
    font-weight: bold;
    line-height: 35px;
    color: #fff;
    text-transform: uppercase;
}

.baftrh4{
    font-family: "Proxima Nova Rg";
    font-size: 30px;
    font-weight: bold;
    line-height: 35px;
    color: #fff;
    text-transform: uppercase;
    display: inline-block;
    position: relative;
}

.baftrh4 a {
    text-decoration: none;
    color: #fff;
}

.baftrh4:before{
    content: '';
    width: 50px;
    height: 1px;
    float: left;
    background-color: #fff;
    position: absolute;
    top: 17px;
    left: -60px;
}

.baftrh4:after{
    content: '';
    width: 50px;
    height: 1px;
    float: left;
    background-color: #fff;
    position: absolute;
    top: 17px;
    right: -60px;
}

.bawwrh{
    font-family: 'Pacifico', cursive;
    font-size: 31px;
    line-height: 35px;
    color: #e25949;
    text-align: center;
    display: inline-block;
    position: relative;
    letter-spacing: 2px;
}

.bawwrh:before{
    background: url(../images/projects-lft.png) 100% 100% no-repeat;
    left: -65px;
    content: '';
    width: 55px;
    height: 2px;
    position: absolute;
    top: 18px;
}

.bawwrh:after{
    background: url(../images/projects-rgt.png) 100% 100% no-repeat;
    right: -70px;
    content: '';
    width: 55px;
    height: 2px;
    position: absolute;
    top: 18px;
}
.what-we-do-1 br {
    display: none;
}
.partner-thumb img {
    width: 94px;
    height: 76px;
}

.home-fields{width: 25%;
    float: left; padding: 0 0 20px 0;}
    
    .home-fields input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {
    height: 40px;
    border-radius: 4px 4px 4px 4px;
    border: 1px solid #000;
    width: 94%;
    font-size:16px;
    padding: 0 0 0 30px;
}

.home-fields textarea.wpcf7-form-control.wpcf7-textarea {
    height: 40px;
    border-radius: 4px;
    border: 1px solid #000;
    width:100%;
    padding:10px 0 0 30px;
    font-size: 16px;
}

.sub-butt input.wpcf7-form-control.wpcf7-submit {
    padding: 8px 35px 8px 35px;
    background: #3a9ed5;
    color: #fff;
    font-family: "Proxima Nova Rg";
    font-size: 18px;
    font-weight: bold;
    border: none;
    text-transform: uppercase;
}
.sub-butt input.wpcf7-form-control.wpcf7-submit:hover {
    background:#e4f2f9; color:#3a9ed5;
}

.sub-butt {
    text-align: center;
    padding: 0 0 20px 0;
}

input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {
    font-size: 16px;
}

.breadcrumb{padding: 22px 0px 0 25px;
    font-size: 16px;}
    
.hideme {height: 0;overflow: hidden;transition:.6s}
.showup{ height:auto; }
.showme{cursor:pointer;color: #e25949;text-align:center;font-size: 16px;
    font-family: 'Proxima Nova Lt';}