/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on June 16, 2017 */

@font-face {
    font-family: 'vollkornblack';
    src: url('fonts/vollkorn-black-webfont.woff2') format('woff2'),
         url('fonts/vollkorn-black-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'vollkornblack_italic';
    src: url('fonts/vollkorn-blackitalic-webfont.woff2') format('woff2'),
         url('fonts/vollkorn-blackitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'vollkornbold';
    src: url('fonts/vollkorn-bold-webfont.woff2') format('woff2'),
         url('fonts/vollkorn-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'vollkornbold_italic';
    src: url('fonts/vollkorn-bolditalic-webfont.woff2') format('woff2'),
         url('fonts/vollkorn-bolditalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'vollkornitalic';
    src: url('fonts/vollkorn-italic-webfont.woff2') format('woff2'),
         url('fonts/vollkorn-italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'vollkornregular';
    src: url('fonts/vollkorn-regular-webfont.woff2') format('woff2'),
         url('fonts/vollkorn-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'vollkornsemibold';
    src: url('fonts/vollkorn-semibold-webfont.woff2') format('woff2'),
         url('fonts/vollkorn-semibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'vollkornsemibold_italic';
    src: url('fonts/vollkorn-semibolditalic-webfont.woff2') format('woff2'),
         url('fonts/vollkorn-semibolditalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
/*common settings*/
body,ul,li,p,h1,h2,h3,h4,h5,h6,div,a,span,img,b,strong,ol,hr{margin: 0;padding: 0; font-family: 'vollkornregular'; }
.container{max-width: 1170px;margin: 0 auto;}
.container2{max-width: 1170px;margin: 0 auto;position: relative}
li {list-style: none;float: left}
h1,h2,h3,h4{font-weight: normal!important;color: #000; font-family: 'vollkornbold';color: #4f4136}
a {text-decoration: none;color: #000;}
img{max-width: 100%;}
.clear{clear: both}
.line{width: 40px;height: 2px;background-color: #e71e26;float: left}
.line2 { background-color: #e71e26;display: block;float: left; height: 2px; margin: 0 0px; width: 43px;}
body{line-height: 1.5}
h2{font-size: 40px;}
p{font-size: 16px;font-family: 'vollkornregular';}
h3{font-size: 18px}
h1{  text-align: center;  text-transform: uppercase;}
.view_more {clear: both;display: block;margin: 0 auto; width: 150px;}
.view_more > a { background: #ccab43 none repeat scroll 0 0; border-radius: 4px; color: #fff;padding: 15px 29px;
    width: auto;border: 1px solid #ccab43;font-weight: bold }
.view_more > a:hover{background: #fff;color:#ccab43 }
.fa.fa-circle {  font-size: 7px;  margin: 0 8px 0 7px;}
#contact_results2 { color: #000; display: block; width: 100%;margin: 10px 0 0;float: left}
.error2{padding: 10px 0;text-align: center;float: left;width: 98%;background-color:firebrick;color: #fff;font-size: 16px}
.success2{padding: 10px 0; text-align: center;float: left;width: 98%;background-color:green;color: #ffff;font-size: 16px}

/*mobile menu*/

.block {  position: relative;float: left;width: 100%}
.overlay{display: none}
.navbar{display: none;}
.overlay_wrap{width: 100%;float: left;transition: opacity 0.35s ease 0s, visibility 0.35s ease 0s, width 0.35s ease 0s;position: relative}
.overlay_wrap h3 { color: #fff; font-size: 16px; text-transform: uppercase;text-align: left}
.overlay ul li ul { line-height: 1.2;  margin: 30px 0 0 31px;width: auto}
/*----- Tabs -----*/
        .tabs { width:100%; display:inline-block;}
/*----- Tabs -----*/
.tabs {  width:100%;  display:inline-block;}
 
/*----- Tab Links -----*/
    /* Clearfix */
 .tab-links:after {  display:block;  clear:both;  content:''; }
 .tab-links li { float:left;list-style:none;}
 .tab-links a { transition:all linear 0.15s;}
 .tab-links a:hover { text-decoration:none;}
li.active a, li.active a:hover { }
 
/*----- Content of Tabs -----*/
/*
.tab-content {  }
.tab { display:none;}
.tab.active {display:block;}
*/




.tabs{ float:left; margin:; }
.tabs li{ text-transform:uppercase; float:left; margin:0 4px 0 0; font-size:14px; color: #fff;border: none}
/*.tabs li a { background: rgba(77, 53, 21, 0.8) none repeat scroll 0 0; border-bottom: 3px solid #000; color: #fff; padding: 13px 14px;}*/
/*.tabs li a:hover, .tabs li.active a{  background:#b4a595 ;  border-bottom:solid 3px #000; color: #4f4136 }*/
.tab-links {  float: left; margin: 20px 0 0;  width: auto;}
/*slider*/
#slider1 > li{float: left;width: 100%}
/*slider styles here*/
.rslides { position: relative; list-style: none; overflow: hidden;width: 100%; padding: 0; margin: 0;}
.rslides > li { -webkit-backface-visibility: hidden;position: absolute;display: none; width: 100%; left: 0; top: 0;}
.rslides > li:first-child { position: relative; display: block; float: left; }
.rslides > img {display: block; height: auto;float: left;width: 100%;border: 0;}
/*for bullet points above the banner*/
    .bullet2 { clear: both; display: block;  float: none; margin: 0 auto; position: relative;  width: 100px;}
    .bullet { margin: 0; position: absolute; right: 0; top: -115px; z-index: 9;}
	.bullet li{ float: left; list-style: none;	margin-left: 0px; position:relative; font-size:80px; }
	.bullet li a{ color:#fff; }
	.bullet li.rslides_here a, .bullet li a:hover{ color:#ccab43; }

    .bullet3 { margin: 0; position: absolute; right:50%; bottom: -120px; z-index: 9;}
	.bullet3 li{ float: left; list-style: none;	margin-left: 0px; position:relative; font-size:80px; }
	.bullet3 li a{ color:#fff; }
	.bullet3 li.rslides_here a, .bullet3 li a:hover{ color:#4f4136; }

    .bullet4_wrap { clear: both; display: block;  float: none; margin: 0 auto; position: relative;  width: auto;}
    .bullet4 { margin: 0; position: absolute; right:50%; bottom: 0; z-index: 9;}
	.bullet4 li{ float: left; list-style: none;	margin-left: 0px; position:relative; font-size:80px; }
	.bullet4 li a{ color:#fff; }
	.bullet4 li.rslides_here a, .bullet4 li a:hover{ color:#ccab43; }
/*header*/

.banner{float: left;width: 100%;}
.header_banner_design{float: left;width: auto;bottom: -134px;left:-91px;position: absolute; z-index: 1;}
/*.header_banner_design img { left: -90px; position: absolute; top: 178px;}*/
.wrap_banner_design_text{ float: left; position: relative;  width: auto;z-index: 999;}
.wrap_banner_design_text > p {bottom: 53px; color: #fff; font-size: 34px; left: 134px; position: absolute; text-align: center; text-transform: uppercase; z-index: 9999;}
.wrap_banner_design_text p .text_change_design{font-family: sans-serif;}
.header{float: left;width: 100%;background:#0a0e15 url("images/s-tech-power-banner-1.jpg") no-repeat scroll 0 0 / cover;height: 657px; }
.header1{float: left;width: 100%;background:#0a0e15 url("images/s-tech-power-banner-2.jpg") no-repeat scroll 0 0 / cover;}
.header2{float: left;width: 100%;background:#0a0e15 url("images/s-tech-power-banner-3.jpg") no-repeat scroll 0 0 / cover ;}
.top_head { float: left;position: relative;width: 100%;z-index: 999;}

.upper_section { float: left; position: absolute; width: 100%; z-index: 6;top:14px}
.logo{float: left;width: 400px;font-family: 'vollkornregular'}
.nav{background: #b4a595 none repeat scroll 0 0; border-radius: 2px; float: right; margin: 50px 0 0; padding: 9px 0; width: 535px;}
.nav{position: relative}
.sub_menu { background: #fff none repeat scroll 0 0; display: none; left: 0; padding: 0; position: absolute; right: 0;top: 30px;
    width: 270px;}
.sub_menu li{float: left;width: 100%;border-bottom:1px solid #ccc;margin: 0!important;}
.sub_menu li a{color: #000!important;padding: 6px 2% !important;width: 96%;float: left;text-align: left}
.sub_menu li a:hover{background-color: #bc8236;color: #fff!important;border: none!important}
.nav ul li:hover > ul{display:block}
.nav ul li{margin:0 18px;position: relative}
.nav ul li a:hover{border-bottom: 3px solid #e71e25;}
.nav ul li a{text-transform: uppercase;color: #fff; padding: 0 0 8px 0;font-size: 15px}
.nav ul li ul li a {color: #4f4136!important}

/*inner page banner*/
.rslides4 { position: relative; list-style: none; overflow: hidden;width: 100%; padding: 0; margin: 0;}
.rslides4 > li { -webkit-backface-visibility: hidden;position: absolute;display: none; width: 100%; left: 0; top: 0;}
.rslides4 > li:first-child { position: relative; display: block; float: left; }
.rslides4 > img {display: block; height: auto;float: left;width: 100%;border: 0;}

.inner_page_banner{float: left;width: 100%;}
.inner_header_banner_design{float: left;width: auto;bottom: 0;left: 0;position: absolute}
.inner_page_header{float: left;width: 100%;background:url("images/inner-page-banner-1-s-tec.jpg") no-repeat scroll 0 0 / cover;height: 434px; }
.inner_page_header_1{float: left;width: 100%;background:url("images/inner-page-banner-2-s-tec.jpg") no-repeat scroll 0 0 / cover;}
.inner_page_header_2{float: left;width: 100%;background:url("images/inner-page-banner-3-s-tec.jpg") no-repeat scroll 0 0 / cover ;}
.top_head_inner { bottom: -8px;float: left;left: -91px;position: relative;width: 100%;z-index:2;}

/*cedebrity logo slider */
#flexiselDemo2 {display:none;}
.nbs-flexisel-container {  position:relative;  max-width:100%;  *overflow:hidden;}
.nbs-flexisel-ul {  position:relative; width:9999px; margin:0px; padding:0px;  list-style-type:none; text-align:center;  }
.nbs-flexisel-inner { overflow:hidden; float:left; width:100%; }
.nbs-flexisel-item { float:left;    margin:0px; padding:0px; cursor:pointer; position:relative; }
.nbs-flexisel-item img {  cursor: pointer; position: relative;   }

/*** Navigation ***/

.nbs-flexisel-nav-left, .nbs-flexisel-nav-right { width: 20px; height: 138px;  position: absolute; cursor: pointer; z-index: 100; opacity: 0.5;}

.nbs-flexisel-nav-left { left:-35px; background:url(images/service-left-arrow.png) no-repeat 0px 0px; top:0;   margin: 45px 0 0;}
.nbs-flexisel-nav-right {   right: -35px;  background:url(images/service-right-arrow.png) no-repeat 0px 0px; margin: 45px 0 0;  }

/*cedebrity logo slider ends here */

/*sub menu client*/
.sub_menu.sub_menu_client {  text-align: center;  width: 200px;}
.sub_menu.sub_menu_client ul li{float: left;text-align: center}
/*common float width*/
.our_services, .services_wrap, .our_projects, .design_project, .projects_col_wrap, .projects_text_wrap{float: left;width: 100%}

/*our services*/
.our_services{background-image: url(images/s-tech-power-home-services-left-background.jpg);background-repeat: repeat;background-repeat: repeat;height: 525px;}
.services_wrap{position: relative;background: #ccab43}
.our_services_left{float: left; width:335px; padding:60px 0 0px 0  ;position: absolute;left: -35px;}
.our_services_left h2{padding: 0 0 5px 0;line-height: 1.1;color: #fff; position: relative; z-index: 999;}
.our_services_left h2 a{ color: #fff; }
.our_services_left p{padding: 15px 0 0 0;color: #fff;text-align: left}
.our_services_right{background: #ccab43 none repeat scroll 0 0; float: right; padding: 15px 33px 44px; position: absolute;
    right: -90px;  width: 840px;height: 466px;}
.our_services_right_wrap{ position: relative; margin: 25px 0}
.our_services_col { float: left;margin: 27px 25px 24px;text-align: left;width: 370px;height: auto}
.our_services_col > img { float: left;  margin: 0 16px 0 0;}
.our_services_col h3 { float: right;font-size: 18px;margin: 20px 0 0; text-transform: capitalize; width: 75%;}
.our_services_col p{font-size: 16px}

.our_services_left_wrap{float: left;width: 100%;margin: 20px 0}
.our_services_left_wrap h3{font-size: 23px;color: #fff;margin: 0 0 7px;text-transform: uppercase}
.our_services_left_wrap ul li{text-transform: capitalize;color: #fff;position: relative;padding: 0 5%;font-size: 20px;}
.our_services_left_wrap ul li::before{top: 0px; color: #fff; content: '\f0da'; font-family: FontAwesome;  font-size: 19px; left: 0px;
    position: absolute;  z-index: 1;}
.our_services_left_wrap ul li a{ color: #fff;  }


/*about us tech Home*/
.about_us_s_tech_wrap {float: left; position: relative;  width: 100%;}
.wrap_design_text {bottom: 44px;float: left;position: absolute;right: 59px;z-index: 1;}
.wrap_design_text > p { font-size: 18px; text-transform: uppercase;text-align: center;color: #fff}
.about_us_s_tech{float: left;width: 100%;position: relative;padding: 103px 0}
.about_us_s_tech_left  h1 { line-height: 1.1;color: #4f4136; font-size: 40px;text-transform: unset;text-align: left}
.about_us_s_tech_left > p { margin: 22px 0 0;text-align: justify}
.about_us_s_tech_left{width: 627px;float: left}
.about_us_s_tech_right{width: 422px;float: right}
.about_design { bottom: -108px; position: absolute; right: -90px; z-index: 1;}

/*founder message history*/
.founder_messsage_history{float: left;width: 100%;padding: 60px 0}

/*our projects*/
.our_projects{background:url(images/s-tech-power-home-our-projects-background.jpg) no-repeat scroll 0 0/ cover;padding: 58px 0;}
.prj_content_wrap{float: left;width: 100%;position: relative}
.projects_h2_wrap {margin: 0 auto;width: 300px;}
.project_design_top { position: absolute; right: -90px; top: -58px;}
.design_project{position: absolute;bottom: 0;left: 0}
.our_projects h2{text-align: left;line-height: 1.2; text-transform: capitalize}
.our_projects span{color: #a5a3a2}
.projects_col_wrap{padding: 40px 0 }
.projects_col { float: left; margin: 0px 23px; width: 344px;background: #fff;}
.projects_col img{border-top-left-radius: 2px;border-top-right-radius: 2px;display: block}
.arrows{margin: 0 auto;display: block;width: 108px;float: none;clear: both}
.arrows img{  border-right: 2px dashed #a5a3a2;  padding: 0 12px;}
.arrows img:last-child{border: none}
.projects_text_wrap { width: auto; padding: 29px;}

/*Award and Certificate*/
.award_certificate{float: left;width: 100%;padding: 50px 0;position: relative}
.certificate_design_top { left: -90px; position: absolute; top: -50px;}
.award_certificate_h2_wrap{margin: 0 auto 60px;width: 440px;}
.award_certificate ul li {float: left;margin:0 40px;padding: 0 0 57px;position: relative;width: 212px;}
.award_certificate ul li img {display: block;width: 100%;}
.award_certificate ul {margin-bottom: 50px;float: left}
.award_certificate_text_wrap { background: #ccab43; bottom: 0; float: none; left: 28px; margin: 0 auto; position: absolute; text-align: center;  vertical-align: middle; width: 162px;padding: 13px 0;border-radius: 4px;line-height: 1.2}
.award_certificate_text_wrap_content{float: left;width: 100%;background-color: #ccab43;padding: 16px}
.arrows.arrows2 { width: 150px;}
.arrows.arrows2 > img { border: medium none;}
.cert{font-size: 16px;width: 100%;float: left;text-transform: uppercase}
.given{text-transform: lowercase;font-size: 14p;text-transform: capitalize}
.prestige{font-size: 16px;text-transform: uppercase;margin: 4px 0 0 0}

/*clients*/
.client{float: left;width: 100%;padding: 61px 0 40px;background: #c3cbcd;}
.client ul li{float: left;}
.client_wrap {  float: left;  position: relative;  width: 100%;}

/*footer*/
footer{width: 100%;float: left;position: relative}
.map{float: left;width: 100%;}
.map iframe{display: block}
.contact_bck{float: left;width: 700px;position: absolute;top: 0;background: url(images/s-tech-power-home-footer-iframe-top-design.png) no-repeat;height: 378px;left: 0}
.contact_bck > h2{color: #fff;font-size: 29px}
.contact_form{float: left;width: 100%;position: absolute;width: 695px;top:95px}
.contact_form_wrap{float: left;width: 100%;background-color: #ccab43;padding: 20px 0}
.contact_form_left{width: 303px;float: left;border-right: 1px solid #9e7f36;padding: 0 30px}
.contact_form_right{width: 243px;padding: 0 30px 0 0;float: right}
.form{width: 96%;float: left}
.form input[type='text'], .form textarea{ font-size: 14px; font-family: 'vollkornsemibold';font-weight: normal; padding: 6px 2%;border: none;background: #d7bd72;color: #000;margin: 6px 0;width: 96%}
.form textarea{height: 40px;font-weight: normal;font-size: 14px}
.form input[type='submit']{background: #e71e26 none repeat scroll 0 0;
    border: medium none;
    color: #fff;
    cursor: pointer;
    float: right;
    font-weight: bold;
    padding: 8px 0;
    text-transform: capitalize;
    width: 97px;}
.contact_head {color: #fff; position: absolute;top: 9px;}
.contact_head h2{color: #fff}
.contact_form_right ul li i{color: #e71e26}
.phone { float: left; margin: 20px 0; width: auto;}
.phone li {  font-family: sans-serif;}
/*about us*/
.about_us_page { background: #ececec none repeat scroll 0 0; float: left; padding: 58px 0;  width: 100%;}
.about_us_page h1 {  text-align: center;  text-transform: uppercase;}
.about_us_page h3{text-transform: uppercase;}
.director_content > h3 { text-transform: uppercase;font-size: 22px;margin: 0 0 0 0}
.abt_wrap{float: left;width: 100%;  margin: 20px 0;}
.about_us_page_left, .about_us_page_right{ float: left;  margin: 0 20px;  width: 220px;}
.director_content {float: right; margin: 0 20px; width: 870px;}
.director_content.director_content2{width: auto}
.director_content > p {  margin: 20px 0;text-align: justify}
.profile > h3 { text-transform: uppercase;}
.director_content li { float: left;  list-style: outside none disc; margin: 0 18px 10px;}
.company_values, .our_principles { background: #ccc none repeat scroll 0 0; float: left; height: 236px; margin: 0 20px 0 0;
    padding: 20px;  width: 505px;}
.values_vision {  margin: 20px 0;}
.values_vision h3 {  font-size: 22px;}
.values_vision p {  margin: 20px 0;}
.company_values ul li, .our_principles ul li{list-style:outside;margin: 3px 14px;float: left;width:100%}
.company_values h3, .our_principles h3{text-transform: uppercase;font-size: 20px}
.company_values ul, .our_principles ul{margin: 20px 0 0 0}



/*services page*/
.services_page, .content_services, .services_page_wrap{float: left;width: 100%;}
.services_page{padding: 59px 0;background: #ececec none repeat scroll 0 0}
/*.services_page{padding: 59px 0;background: #fff none repeat scroll 0 0}*/

.content_services{margin: 18px 0}
.content_services p{margin: 15px 0}
.line3{width: 40px;height: 2px;background-color: #e71e26;float: none;margin: 0 auto;display: block}
.services_page h1{text-align: center;text-transform: uppercase;font-size: 40px}
/*.services_page h2{text-align: center;text-transform: uppercase;font-size: 40px}*/
.content_services h2, .content_services h3{text-transform: uppercase;font-size: 22px;}
.content_services p{font-size: 16px;}
.content_services ul li{float: left;width: auto;margin:6px 0px;position: relative;clear: both;padding: 0 6%}
.content_services ul li::before{top: -4px; color: #e71e26; content: '\f105'; font-family: FontAwesome;  font-size: 19px; left: 0px;
    position: absolute;  z-index: 1;font-weight: bold}
.content_services ul li ul li{position: relative;font-size: 14px;width: auto;clear: both;padding: 0 10%}
.content_services ul li ul li::before{top: 2px; color: #4f4136; content: '\f101'; font-family: FontAwesome;  font-size: 13px; left: 0px;
    position: absolute;  z-index: 1;font-weight: normal}


/*.content_services_left{float: left;width: 48%;margin: 20px 1% 0}*/
.content_services_left { background-color: #fff; border: 1px solid #4f4136 ;float: left;height: 350px; margin: 20px 25px 0 0; padding: 20px 3%;  width: 25%;}

.content_services_left h3{font-size: 18px;width: 100%;text-transform: capitalize;margin-bottom: 17px;color: #fff;background: #4f4136 none repeat scroll 0 0;text-align: center;padding: 5px 0 }
.content_services > ul {  background: #fff none repeat scroll 0 0; border: 1px solid #000;  float: left;  padding: 20px 2%;
    width: 46%;}

/*clientle*/
.clientle, .clientle_wrap{float: left;width: 100%;}
.clientle{padding: 60px 0;background: #ececec none repeat scroll 0 0}
/*.clientle h2{text-align: center;font-size: 40px;text-transform: uppercase}*/
.clientle h1{text-align: center;font-size: 40px;text-transform: uppercase}
.clientle_wrap{padding: 40px 0}
table{width: 99%}
table, th, td {  border: 1px solid #000; border-collapse: collapse;color: #000}
tr:nth-child(odd) {  background: #ccc; border: #000;}
tr:nth-child(even) { background: #eee;  border: #000;}
th, td {  padding: 10px 0;}
td{text-align: center}
table{margin: 15px 0}
th {  background: #000;  color: #fff;}
  .responsive-tabs-wrapper table{ float: left; width: 100%;}   

/*residential*/
.collections_tabs{  float: left; width: 100%;}
.collections_tabs ul li a{background: none;list-style: none;border: none;padding: 0}
.collections_tabs ul li{float: left;width: 20%; margin: 20px 2% 0;border: none;list-style: none!important;}
.collections_tabs ul li img{display: block;width: 100%;}



/*certificates*/
.certificates{background: rgba(0, 0, 0, 0) url("images/s-tech-power-home-services-left-background.jpg") repeat scroll 0 0; float: left;width: 100%;padding: 60px 0}
.certificates h1{color: #fff}
.certificates_wrap {  margin: 40px 0 0;float: left;width: 100%}
.certificates ul li {  border: 1px solid #ccc;  float: left;  margin: 20px 10px 0;  width: 270px;}
#thumbnails ul li a img {display: block; float: left; max-width: 100%;}

/*contact_us*/

.contact_us{padding: 30px 1%;float: left;width: 98%;}
.contact_us h1{font-size: 40px}
.contact_form1{float: left;margin-left: 25px;}
.contact_form3{margin-right: 0;}
.contact_form1 label{font-size: 16px;margin-bottom: 5px;float: left;color: #ff7e00;font-family: "ubuntubold";font-weight: normal}
.contact_form1 input[type=text]{float: left;width: 89%;padding: 10px 0% 10px 10%;font-size: 15px;border: 1px solid #ccc;margin-bottom: 17px;background: none;}
.contact_form1 input[type=text].user_name{background: url(images/s-tec-user-contact.png) no-repeat scroll 4px center/25px;}
.contact_form1 input[type=text].user_email{background: url(images/s-tec-mail-contact.png) no-repeat scroll 4px center/25px;}
.contact_form1 input[type=text].user_number{background: url(images/s-tec-phone-contact.png) no-repeat scroll 4px center/25px;}
.contact_form1 textarea{float: left;width: 91%;padding: 10px 4%;font-size: 15px;border: 1px solid #ccc;margin-bottom: 10px;background: none;}
.contact_form1 input[type=submit]{float: left;width: 120px;padding: 10px 0%;font-size: 15px;border: 1px solid #ccab43;margin-bottom: 10px;background:#ccab43 ;cursor: pointer;color: #fff;font-weight: bold;margin: 0 auto;clear: both;display: block;}
.contact_form1 input[type=submit]:hover{color: #4f4136;background: #fff}
.contact_address_icon{float: left;}
.contact_address{float: left;margin-left: 24px;}
.contact_address li {list-style: none;width: 100%}
.contact_address{position: relative}
.contact_address::before{top: -4px; color: #ccab43; content: '\f041'; font-family: FontAwesome;  font-size: 20px; left: -24px;
    position: absolute;  z-index: 1;}
.contact_forms{ margin-top: 75px;}
.contact_form1 h3 {color: #4f4136;font-weight: normal}
 .contact_forms_wrap .fa.fa-address-card-o, .contact_forms_wrap .fa.fa-envelope, .contact_forms_wrap .fa.fa-phone{color:#ccab43}
.contact_form1 p{margin-bottom: 3px;font-family: sans-serif}
.contact_form1{width: 380px;}
.contact_form2{width: 380px;}
.contact_form3{width: 275px; padding-left: 20px;}
.contact_form1.contact_form3 > p { margin: 12px 0;}
.contact_form3 p span { font-family: sans-serif; margin-left: 10px;}
.top_head_contact{ color: #006ec8;float: left;font-size: 22px;font-weight: normal;margin-bottom: 10px;
    padding: 0;text-transform: uppercase;}
.phone_contact { clear: both; margin: 0;}
.email{margin: 9px 0 12px!important}
.last_footer{width:100%;float:left;padding:30px 0;background:#000 ;color:#999999;}
.copyright{margin-left:1%;float:left;}
.copyright > p { margin: 0;}
.footer_menu{margin-right:1%;float:right;}
.footer_menu ul li{list-style:none;float:left;margin-right:15px;}
.footer_menu ul li a{color:#999999;text-transform: uppercase}
.footer_menu ul li a:hover{color:#ffd800;}
.footer_menu ul li:last-child{margin-right:0;}
#write_to_us > div {      float: left;
    margin: 20px 0 0;   width: 94%;}
.success{background: #2ecc71 none repeat scroll 0 0;padding: 20px 2%;border-right: 2px solid #16a085; }
.error{background: pink none repeat scroll 0 0;padding: 20px 2%;border-right: 2px solid red;}
.row1 {  margin: 30px 0;}
.row1 img{ float: left; }
.row1 div { float: left; font-size: 19px;  margin: 53px 30px 0;}
.row1 img.img2{ margin: 6px 0 0; }
/*RWD*/
@media screen and (max-width:1170px){
    .bullet3{bottom: -108px;}
    .our_services_col > img{margin: 0 2% 0 0}
    .our_services_col h3{width: 65%}
    .nbs-flexisel-nav-left{left: 0}
    .nbs-flexisel-nav-right{right: 0}
    .row1 img{ display: block; float: none; }
    .row1 div{ float: none;margin: 20px 0; display: block; }
    .row1 img.img2{ float: none; clear: both; display: block; }
    
    .top_head_inner { bottom: -8px;float: left;left:0;position: relative;width: 100%;z-index: 999;}
    .header_banner_design{left: 0;bottom: -89px}
      .wrap_banner_design_text > p {bottom: 27px;font-size: 24px;left: 139px;}
    .header_banner_design img{width: 400px} 
    .our_services_left {float: left; left: 0; padding: 60px 2% 0; position: absolute; width: 32%;}
    .our_services_right {background: #ccab43 none repeat scroll 0 0; float: right; padding: 15px 2% 45px; position: absolute;    right: 0;  width: 60%;}
    .our_services_left p {font-size: 16px}
    .our_services_left_wrap ul li{font-size: 16px;}
    .our_services_col { float: left; margin: 27px 2%; text-align: left; width: 46%;}
    .about_us_s_tech_left { float: left; margin: 0 2%; width: 46%;}
    .about_us_s_tech_right { float: right; width: 46%;}
    .about_design { bottom: 0; position: absolute; right: 0;  z-index: 1;}
    .wrap_design_text { bottom: 150px; float: left; position: absolute; right: 145px; z-index: 1;}
    .logo { margin: 14px 2% 0; width: 160px;}         
    .project_design_top{right: 0px;}
    .projects_col { background: #fff none repeat scroll 0 0; float: left; margin: 0 2%; width: 29%;}
/*    .award_certificate ul li { float: left; margin: 0 2%; padding: 0 0 57px;  width: 16%;}*/
    .award_certificate ul li { float: left; margin: 0 2%; padding: 0 0 57px;  width: 21%;}
    .award_certificate_text_wrap{width: auto}
    .prestige{font-size: 13px}
    .award_certificate_text_wrap{padding: 13px 9%}
    .award_certificate_text_wrap{left: 20px}
    .client_wrap { float: left; width: 100%;}

    .contact_form_wrap{margin: 0px 2%;width: 96%}
    .contact_bck{height: 100%}
    .contact_head {margin: 0 2%;}
    .contact_form_left {padding: 0 2%; width: 48%;}
    .contact_form_right { float: right; padding: 0 2%; width: 43%;}
    .cert{font-size: 15px}
    .given{font-size: 13px}
    
    /*about us*/
    .about_us_page_left, .about_us_page_right { float: left;  margin: 0 2%;  width: 22%;}
    .director_content { float: right; margin: 0 2%; width: 70%;}
    .about_us_page table { margin: 0 2%;  width: 96%;}
   
    /*  our misiion*/
    
    .company_values, .our_principles { margin: 0 2%; padding: 20px 2%; width: 42%;}
    
    /*services*/
    .services_page { padding: 59px 2%;  width: 96%;}
    .content_services_left{height: 380px}
    .content_services_left{margin: 0 1%}
    .content_services.possession_strong > ul{width: 93%}
    .content_services.possession_strong ul li{padding: 0 2% }
    .content_services_wrap { margin: 30px 0 0;}
    
/*    clientele*/
    .clientle{padding: 30px 2%;width: 96% }
        
/*tabs*/

.tabs li {
    float: left;
    font-size: 14px;
    margin: 0 4px 36px 0;
    text-transform: uppercase;
}
    
    /*contact us*/
    .contact_form1,.contact_form2,.contact_form3{margin: 0 1%;width: 30%}
    .contact_us{margin: 30px 1% 85px;width: 96%}
    .contact_form1.contact_form3 {  padding: 0;}
    
    /*certificates*/
    
    .certificates ul li { border: 1px solid #ccc;  float: left;  margin: 20px 2%;  width: 20%;}
   
}

@media screen and (max-width:959px){
    .our_services_left_wrap ul li{clear: both;margin: 13px 0 0}
    .content_services_left{height: 450px;}
    .row1 img.img2{margin: 0}
    .row1 div{margin: 34px 0 0}
    .header{background: #0a0e15 url("images/s-tech-power-banner-1.jpg") no-repeat scroll 66% 72%}
    .header1{float: left;width: 100%;background:#090d14 url("images/s-tech-power-banner-2.jpg") no-repeat scroll 55% 60%}
    .header2 { background: #0a0e15 url("images/s-tech-power-banner-3.jpg") no-repeat scroll 40% 50%; float: left; width: 100%;}   .nav{margin: 33px 2% 0}
    .our_services_left { background: rgba(0, 0, 0, 0) url("images/s-tech-power-home-services-left-background.jpg") repeat scroll 0 0; float: left;padding: 60px 2%; position: unset; width: 96%;}
    .our_services_right { background: #ccab43 none repeat scroll 0 0; float: left; padding: 15px 2%; position: unset; right: 0;
    width: 96%;}
    .our_services{height: auto}
    .our_services_left br { display: none;}
    .projects_text_wrap {  padding: 28px 7%; width: auto;text-align: center}
    .award_certificate_text_wrap {  left: 18px;}
    .award_certificate_text_wrap{padding: 13px 3%}
    .inner_page_header { background: rgba(0, 0, 0, 0) url("images/inner-page-banner-1-s-tec.jpg") no-repeat scroll 68% center}
    .inner_page_header_1{float: left;width: 100%;background:url("images/inner-page-banner-2-s-tec.jpg") no-repeat scroll 68% center}
    .inner_page_header_2{float: left;width: 100%;background:url("images/inner-page-banner-3-s-tec.jpg") no-repeat scroll 68% center;}
    .contact_form{top: 79px}
    form input[type="text"], form textarea{padding: 10px 2%}
    /*our mission */
    .company_values, .our_principles{height: 285px}
    
    /*contact us*/
    .contact_form1, .contact_form2, .contact_form3 {  margin: 0 1%;  width: 48%;}
}

@media screen and (max-width:767px){
        .contact_head{position: relative;margin: 0 2% 24px;}
    .contact_head h2{color: #000}
        .row1 img{ display: block; float: left; }
    .row1 div{ float: left;margin: 53px 20px 0; display: block; }
    .row1 img.img2{ float: left; clear: none; display: block; margin: 10px 0 0 0}
    
    .our_services_right{padding: 33px 2%}
    .bullet3 { bottom: -31px;float: left;line-height: 35px;width: auto;}
    .bullet2{z-index: 999}
    .bullet{top: -76px}
    .nav{display: none}
    /* --------------mobile menu-------------------*/
    .overlay ul li ul li {  padding: 5px 0;border-bottom: none}
    .overlay_wrap h3 {  text-align: center;}
    .navbar{display: block!important}
/*    .mask{ overflow: hidden; }*/
    .overlay_wrap img { clear: both; display: block; float: none; margin: 0 auto 20px;  width: 200px; }
    .fa.fa-home,.fa.fa-user-plus,.fa.fa-handshake-o,.fa.fa-envelope,.fa.fa-calendar-check-o,.fa.fa-circle-o{ float: left;  margin: 0 5%;color: #fff;font-size: 30px}  
    .fa.fa-circle-o{font-size: 15px}
    .navbar { position: relative; width: 100%; box-shadow: 0px 2px 5px 0px rgba(50, 50, 50, 0.2);top: 44px;z-index: 99999}
    .button { position: absolute;top: calc(50% - 11px); right: 4%; height: 22px; width: 30px; cursor: pointer; overflow: hidden; -webkit-transition: opacity .25s ease;  transition: opacity .25s ease;  z-index: 9999;}
    .button.active .top {  -webkit-transform: translateY(9px) translateX(0) rotate(45deg); transform: translateY(9px) translateX(0) rotate(45deg);  background: #fff;}
    .button.active .middle_1 { -webkit-transform: translateX(-100%); transform: translateX(-100%); background: #fff;}
    .button.active .middle_2 { -webkit-transform: translateX(100%); transform: translateX(100%);background: #fff;}
    .button.active .bottom {  -webkit-transform: translateY(-9px) translateX(0) rotate(-45deg); transform: translateY(-9px) translateX(0) rotate(-45deg);  background: #fff;}
    .button:hover {  opacity: .7;}
    .button span { background: #000 ; position: absolute; top: 0; left: 0; height: 4px; width: 100%; -webkit-transition: all .35s ease;  transition: all .35s ease;}
    .button span:nth-of-type(2) {top: 9px;left: -50%;}
    .button span:nth-of-type(3) {top: 9px;left: 50%;}
    .button span:nth-of-type(4) { top: 18px;}
    .overlay ul li{float: none;}
    .overlay { display: block;position: absolute;top: 0;left: 0;height: 100%;width: 0%;opacity: 0;background: rgba(0, 0, 0, 0) url("images/s-tech-power-home-services-left-background.jpg") repeat scroll 0 0   ; -webkit-transition: opacity .35s ease, visibility .35s ease, width .35s ease; transition: opacity .35s ease, visibility .35s ease, width .35s ease; visibility: hidden; z-index:99999;width: 100%}
    .overlay.open { opacity: 1; visibility: visible; width: 100%;}
     .overlay.open li { -webkit-animation: menuFade .5s ease forwards; animation: menuFade .5s ease forwards;
      -webkit-animation-delay: .5s;    animation-delay: .5s;}
    .overlay.open li:nth-of-type(2) { -webkit-animation-delay: .5s; animation-delay: .5s;}
    .overlay.open li:nth-of-type(3) {  -webkit-animation-delay: .5s; animation-delay: .5s;}
    .overlay.open li:nth-of-type(4) { -webkit-animation-delay: .5s; animation-delay: .5s;}
         .overlay.open li:nth-of-type(5) {  -webkit-animation-delay: .5s; animation-delay: .5s;}
    .overlay.open li:nth-of-type(6) { -webkit-animation-delay: .5s; animation-delay: .5s;}
    .overlay nav {width: 100%; position: absolute;height: 80%;top: 0;-webkit-transform: translateY(-40%);  transform: translateY(-40%);
        font-size: 34px;font-family: 'Roboto Slab', sans-serif;font-weight: 400;text-align: center;}
/*    .overlay ul {width:100%; list-style: none; padding: 0; margin: 0 auto; display: inline-block;  height: 100%;}*/
    .overlay ul li { border-bottom: 1px solid #fff;display: block; float: left;min-height: 34px; opacity: 0; padding: 18px 2%;
    position: relative; width: 96%;}
    .overlay ul li a {   font-size: 17px;display: block;position: relative; color: #fff ;text-decoration: none;  overflow: hidden; text-align: left;margin: 0 0 0 0;text-transform: capitalize}
    .overlay ul li a:hover{color: #ffd800 }    

    @-webkit-keyframes menuFade {
        0% {   opacity: 0;   left: -25%;  }
      100% {  opacity: 1;  left: 0;}
    }

    @keyframes menuFade { 0% {  opacity: 0; left: -25%;}
      100% {  opacity: 1;  left: 0;}
    }   
    
/*----------------mobile menu ends here------------------*/
    .projects_text_wrap > h3{font-size: 16px;height: 24px}
    .contact_bck { height: 100%; width: 100%;}
    .contact_form{width: 100%}
    .award_certificate_text_wrap { left: 0;}
    .about_us_s_tech_left{width: 96%}
    .about_us_s_tech_right{float: left}
    .about_design { width: 50%;}
.wrap_design_text {  bottom: 129px;  float: left; right: 134px;}
    .about_us_s_tech_left{margin: 30px 2%}
    .about_us_s_tech{padding: 0}
    .about_us_s_tech_left br {  display: none;}
    .contact_form{position: unset}
    iframe {  margin: 20px 2%;  width: 96%;}
    .contact_bck{display: none}
    .projects_text_wrap{padding: 28px 2%}
  
    .contact_form_wrap{padding: 20px 2%;width: 96%;margin: 0}
    .award_certificate ul li { float: left;  margin: 0 2%;  padding: 0 0 20px;  width: 46%;}
/*    .prj_content_wrap li:last-child { float: none;  margin: 0 auto;}*/
    .award_certificate_text_wrap { float: none;  left: unset;  margin: 0 auto;   position: relative;}
    
    /* about us*/
    .director_content { float: right; margin: 0 2%;  width: 96%;}
    .about_us_page_left, .about_us_page_right{ float: left; margin: 20px 2%;  width: 200px;}
    .company_values ul li, .our_principles ul li { float: left; list-style: outside none disc; margin: 3px 14px;
    width: auto;}
    .director_content li{width: auto}
    .abt_wrap{margin: 0}
    .services_page_wrap { margin: 25px 0 0;}
/*    our mission*/
    .company_values, .our_principles {height: auto; margin: 0 2% 20px; padding: 20px 2%;  width: 92%;}
    .company_values ul li, .our_principles ul li{clear: both}
    
    /* services*/
    .services_page { padding: 40px 2% 0; width: 96%;height: auto}
    .content_services_left {  height: 384px;margin: 0 1% 14px;width: 41%;}
   
    
    
    /*contact us*/
    .email i { color: #ccab43!important; font-size: 15px!important;  margin: 5px 0 0 0!important;}
    .mail i{color: #e71e26!important; font-size: 15px!important;  margin: 5px 0 0 0!important;}
    
/*    certificates */
    .certificates ul li{width: 28%}
}

@media screen and (max-width:599px){
    
    .row1{ float: none; margin: 35px auto 0; width: 210px; }
    .row1 div{ margin:26px 64px 0 }
    .row1 img.img2{ margin: 0; }
    .nbs-flexisel-nav-left, .nbs-flexisel-nav-right{margin: 86px 0 0}
    
/*    .our_services_col { border: 1px solid #ccc; float: none; margin: 27px auto; padding: 20px 2%;  text-align: left;  width: 66%;text-align: center}*/
    .our_services_right{height: auto}
    .our_services_col h3 {  text-align: left;  width: 75%;}
    .our_services_col{width: 91%;border: 1px solid #ccc;padding: 20px 2%}
    .projects_text_wrap { padding: 23px 2%;  text-align: center;}
    .projects_text_wrap > h3 {  line-height: 1.2;}
    .mail li {  font-size: 12px;}
    .projects_text_wrap > h3 { height: 34px; line-height: 1.2; margin: 10px 0;}
    .award_certificate ul { margin-bottom: 0;}
    .projects_col {  background: #fff none repeat scroll 0 0;  float: left;  margin: 20px 2%;  width: 46%;}
    .projects_text_wrap{height: 120px;background: #fff}
    .projects_col:last-child{margin: 0 auto;float: none;clear: both}
    .view_more{width: 150px}
    .view_more > a{border: 1px solid #000 }
    .bullet3    {right: 50%}
    .our_services_col{height: auto}
    .wrap_design_text { bottom: 85px; right: 87px;}
    .bullet4_wrap{z-index: 9999}
    .projects_text_wrap{width: 96%}
    .projects_col img{width: 100%;}
    /*  about us */
    .founder_messsage_history{padding: 30px 0 0}
    .company_values h3, .our_principles h3{font-size: 16px}
    
    /* services*/
    .content_services p {  margin: 24px 0 ;}
    .content_services_left{height: 450px;width: 41%}
    .content_services_left.last_block{margin: 0 auto;float: none;margin: 0 auto;clear: both;height: 300px;}
    /*contact us*/    
    .contact_form1, .contact_form2, .contact_form3 {  margin: 8px 1%;  width: 98%;}    
    .phone li {  width: 100%;}   
    
    /*certificates */
    .certificates ul li { margin: 6px 2%;  width: 45%;}
    
}

@media screen and (max-width:479px){
    .our_services_col h3{width: 70%;}
    .header{height: 480px;}
    .award_certificate ul li { width: 76%;margin: 0 12%}    
    .about_us_page_left, .about_us_page_right { float: none;  margin: 20px auto;  text-align: center;  width: 200px;}  
    .wrap_design_text > p {font-size: 12px}
    .wrap_design_text { bottom: 83px;right: 85px;}
    .projects_text_wrap { float: none; margin: 0 auto; padding: 30px 2%;}
    .projects_text_wrap > h3 { text-transform: uppercase;}
    .award_certificate_h2_wrap{width: 100%}
    .award_certificate_h2_wrap > h2 { font-size: 29px;}
    .award_certificate_h2_wrap { margin: 0 2% 19px;  width: 96%;}   
    .our_services_left h2, .our_projects h2, .about_us_s_tech_left > h1{font-size: 29px;text-align: center}
    .our_services_left span, .about_us_s_tech_left span, .line2{margin: 0 auto;float: none;display: block}
    .wrap_banner_design_text { }
    .contact_form_left {  margin: 0 0 30px; padding: 0 2%; width: 96%;border: none}
    .contact_form_right{width: 96%}
    .contact_form_wrap { padding: 20px 2%; width: 96%;margin: 0}
    .mail li {  font-size: 18px;}
    .wrap_banner_design_text > p {left: 103px; font-size: 18px; text-align: center;text-transform: uppercase; z-index: 9999;bottom: 13px}
    .bullet{top: -329px}
    .header_banner_design {  bottom: -69px;}
    .logo { margin: 0 2% 0; } 
    .bullet4{right: 40%}
    .top_head_inner { bottom: -8px; float: left; left: 0; position: relative; width: 125px;  z-index: 999;}       
    .inner_page_header { background: rgba(0, 0, 0, 0) url("images/inner-page-banner-1-s-tec.jpg") no-repeat scroll 68% center}
    .inner_page_header_1{float: left;width: 100%;background:url("images/inner-page-banner-2-s-tec.jpg") no-repeat scroll 68% center}
    .inner_page_header_2{float: left;width: 100%;background:url("images/inner-page-banner-3-s-tec.jpg") no-repeat scroll 68% center;}
    .header_banner_design img {  width: 300px;}
    .projects_col, .projects_col:last-child { border: 1px solid #ccc; box-shadow: 1px 3px 3px 0 #ccc; float: left; margin: 19px 7% 0;
    width: 86%;}
    
    /* our team */
    
    .about_us_page td, .about_us_page th{width:50%;float: left;font-size: 12px;padding: 18px 0;border: none}
    .about_us_page tr{float: left;width: 100%;border-bottom: 1px solid #000}
    .about_us_page td{border: none;}
    
    /* services*/
    .content_services_left, .content_services.possession_strong { float: left; margin: 20px 2%;  width:92%}
    .content_services {  margin: 18px 1%;  width: 98%;}
    .content_services.possession_strong > ul{width: 100%}
    .content_services.possession_strong li{padding: 0 6%!important;}
    .content_footer{position: relative}

    
    /*tabs table*/
    
    .responsive-tabs-wrapper, .responsive-tabs-wrapper tbody, .responsive-tabs-wrapper tr{float: left;width: 100%}
    .responsive-tabs-wrapper td{width: 32%;float: left;font-size: 12px;border: none}   
    .responsive-tabs-wrapper th{  width: 33%;}
    
    /* tabs */    
    .collections_tabs ul li{margin: 20px 1% 0;width: 30%}
    
.tabs li a {
    background: rgba(77, 53, 21, 0.8) none repeat scroll 0 0;
    border-bottom: 3px solid #000;
    color: #fff;
    padding: 13px 2px;
}
    
.content_services h2, .content_services h3 {
    font-size: 14px;
    text-transform: uppercase;
}
}
@media screen and (max-width:360px){
   

    .wrap_design_text { bottom: 69px; float: left;  right: 67px;}
}
@media screen and (max-width:320px){
    .wrap_design_text { bottom: 56px; right: 57px;}

    
}