/*

  Project Name : Painters Landing page

  Author Company : Ewebcraft

  Project Date: 13 january, 2016

  Author Website : http://www.ewebcraft.com

  Author Email : ewebcraft@gmail.com

*/



/*------------------------------------------------------------------

[generic Table of contents]



* body

  

  + @font-face



  + .back-to-top



  + #header

    - .logo-container

    - .top-info-container

      

  + #welcome

    - .welcome-info

    - .estimation-form

      

  + #client-logos    

    

  + #about

    - .section-heading

    - .section-detail



  + #services

    - .services-container

      - .service-detail



  + #news-letter

    - .news-letter-form      



  + #clients

    - .client-container



  + #footer

    - .footer-info

    - .copy-right

    

  -------------------------------------------------------------------*/




@font-face {

	font-family: helvetical-bold;  

	src:url(../fonts/HelveticaLTStd-BoldCond.html);  

	font-weight: normal;  

}



@font-face {

	font-family: helvetical;  

	src:url(../fonts/HelveticaLTStd-LightCond.html);  

	font-weight: normal;  

}





@font-face {

	font-family: Microsoft-New;  

	src:url('ntailu.ttf');  

	font-weight: normal;  

}



@font-face {

	font-family: Microsoft-bold;  

	src:url('ntailub.ttf');  

	font-weight: normal;  

}





@font-face {

	font-family: microsoft;  

	src:url(../fonts/ntailu(1.html).ttf);  

	font-weight: normal;  

}



@font-face {

	font-family: microsoft-bold;  

	src:url(../fonts/ntailub(1.html).ttf);   

	font-weight: normal;  

}

@font-face {

	font-family:Interstate-BlackCondensed;

	src:url(../fonts/Interstate-BlackCondensed.html);

	font-weight:normal;

}

@font-face {

	font-family:Interstate-Bold;

	src:url(../fonts/Interstate-Bold.html);

	font-weight:normal;

}

@font-face {

	font-family:Interstate-BoldCondensed;

 	src:url(../fonts/Interstate-BoldCondensed.ttf);

	font-weight:normal;

}

@font-face {

	font-family:Interstate-ExtraLight-Cond;

	src:url(../fonts/Interstate-ExtraLight-Cond.html);

		font-weight:normal;

}

@font-face {

	font-family:Interstate-ExtraLight;

	src:url(../fonts/Interstate-ExtraLight.html);

	font-weight:normal;

}

@font-face {

	font-family:Interstate-Light-Italic;

	src:url(../fonts/Interstate-Light-Italic.html);

	font-weight:normal;

}

@font-face {

	font-family	:Interstate-Light;

	src:url(../fonts/Interstate-Light.html);

	font-weight:normal;

}

@font-face {

	font-family	:Interstate-Mono;

	src:url(../fonts/Interstate-Mono.html);

	font-weight:normal;

}

@font-face {

	font-family	:Interstate-Regular-Cond;

	src:url(../fonts/Interstate-Regular-Cond.html);

	font-weight:normal;

}

@font-face {

	font-family	:Interstate-Regular-Italic;	

	src:url(../fonts/Interstate-Regular-Italic.html);

	font-weight:normal;

}

@font-face {

	font-family	:Interstate-Regular;	

	src:url(../fonts/Interstate-Regular.ttf);

	font-weight:normal;

}

@font-face {

	font-family	:Interstate-Thin	;

	src:url(../fonts/Interstate-Thin.html);

	font-weight:normal;

}

@font-face {

	font-family	:Interstate;	

	 src:url(../fonts/Interstate.ttf);

	 font-weight:normal;

}

@font-face {

	font-family	:Interstate-Black;	 

	 src:url(../fonts/Interstate-Black.ttf);

	 font-weight:normal;

}

@font-face {

	font-family	:Interstate-BlackCompressed;

	src:url(../fonts/Interstate-BlackCompressed.ttf);

	font-weight:normal;

}

@font-face {

	font-family	:Interstate-BoldCondensed;

	src:url(../fonts/Interstate-BoldCondensed.ttf);

	font-weight:normal;

}

@font-face {

	font-family	:InterstateCond;	

	src:url(../fonts/InterstateCond.ttf);

	font-weight:normal;

}

@font-face {

	font-family	:Interstate-Regular;	

	src:url(../fonts/Interstate-Regular.ttf);

	font-weight:normal;

}

@font-face {

	font-family	:Interstate-RegularCondensed;	

	src:url(../fonts/Interstate-RegularCondensed.ttf);

	font-weight:normal;

}	

@font-face {

	font-family	:SesameWkshp;	

	src:url(../fonts/SesameWkshp-Black_0.otf);

	font-weight:normal;

}	

@font-face {

	font-family	:SesameWkshp-Regular_0;	

	src:url(../fonts/SesameWkshp-Regular_0.otf);

	font-weight:normal;

}



@font-face {

    font-family:'OpenSansRegular';

    src: url('../fonts/opensans-regular.eot');

    src: url('../fonts/opensans-regular.eot') format('embedded-opentype'),

         url('../fonts/opensans-regular.html') format('woff2'),

         url('../fonts/opensans-regular.woff') format('woff'),

         url('../fonts/opensans-regular.ttf') format('truetype'),

         url('../fonts/opensans-regular-2.html#OpenSansRegular') format('svg');

}

@font-face {

  font-family: 'OpenSans-Bold';

  src: url('../fonts/OpenSans-Boldd41dd41d.eot?#iefix') format('embedded-opentype'),

      url('../fonts/OpenSans-Bold.woff') format('woff'), 

	  url('../fonts/OpenSans-Bold.ttf')  format('truetype'), 

	  url('../fonts/OpenSans-Bold.html#OpenSans-Bold') format('svg');

  font-weight: normal;

  font-style: normal;

}



@font-face {

    font-family: 'RobotoRegular';

    src: url('../fonts/RobotoRegular.eot');

    src: url('../fonts/RobotoRegular.eot') format('embedded-opentype'),

         url('../fonts/RobotoRegular.html') format('woff2'),

         url('../fonts/RobotoRegular.woff') format('woff'),

         url('../fonts/RobotoRegular.ttf') format('truetype'),

         url('../fonts/RobotoRegular-2.html#RobotoRegular') format('svg');

}

@font-face {

    font-family: 'RobotoLight';

    src: url('../fonts/RobotoLight.eot');

    src: url('../fonts/RobotoLight.eot') format('embedded-opentype'),

         url('../fonts/RobotoLight.html') format('woff2'),

         url('../fonts/RobotoLight.woff') format('woff'),

         url('../fonts/RobotoLight.ttf') format('truetype'),

         url('../fonts/RobotoLight-2.html#RobotoLight') format('svg');

}



@font-face {

  font-family: 'Oswald-Regular';

  src: url('../fonts/Oswald-Regulard41dd41d.eot?#iefix') format('embedded-opentype'),  url('../fonts/Oswald-Regular.woff') format('woff'), url('../fonts/Oswald-Regular.ttf')  format('truetype'), url('../fonts/Oswald-Regular.html#Oswald-Regular') format('svg');

  font-weight: normal;

  font-style: normal;

}



/* form-submision-preloader*/





.formOverlay:before {

  content: "\f110";

  font-family: fontawesome;

  -webkit-animation: fa-spin 1s infinite steps(8);

  animation: fa-spin 1s infinite steps(8);

  color: #5F2871;

  position: absolute;

  top: 50%;

  left: 50%;

  margin-left: -5%;

  font-size: 56px;

  margin-top: -34px;

}

.formOverlay {

  /*background:rgba(0,0,0,0.7) url('../images/loading.gif') no-repeat center center;*/

  background:rgba(0,0,0,0.2);

  display: block;

  height: 100%;

  left: 0;

  position: absolute;

  top: 0;

  width: 100%;

  z-index: 9999;

}



.alert .message-icon {

  margin-right: 10px;

  width: 30px;

  height: 30px;

  text-align: center;

  border:1px solid #9F9F9F;

  border-radius: 50%;

  line-height: 30px;

}



.back-to-top {

	position: fixed;

	bottom: 0;

	right:5%;

	width: 52px;

	height: 52px;

	z-index:777100;

	display: none;

	text-decoration: none;

	color: #fff;

	font-size:20px;

	background:#1e2e69;

	padding:10px;

}

.back-to-top:hover , .back-to-top:focus{

	 color: #ffffff;

}



hr{

  border: 0;

  height: 3px;

  width:8% !important;

  position: relative;

  margin:20px auto;

}

.hr{

  background: #5f2871;

  height: 1px;

  width:35% !important;

  position: relative;

  margin:20px auto;

  display:block;

}

.center{

  /* background: #8d1820;*/

   background:#052D52;

}

.center:before{

    background:inherit;

    content: "";

    display: inline-block;

    height: 14px;

    left:50%;

    margin: 0 0 0 -20px;

    position: absolute;

    top: -7px;

    width:40px;

    -moz-transform:skew(-40deg);

    -webkit-transform:skew(-40deg);

    -o-transform:skew(-40deg);

    -ms-transform:skew(-40deg);

    transform:skew(-40deg);

}



.section-heading {

  font-family: 'microsoft-bold';  

  color: #4d4d4d;

}

.section-text {

  /*font-family: 'OpenSansRegular';

  font-family:'Interstate-Regular';*/

  color: #35383e;

  margin-top: 40px;

  line-height: 1.6em;

}



/* Header */



#header {

	background:#f5f6fa;

	width:100%;

	position:fixed;	

	z-index: 2;

	/*border-bottom: px solid #fff;*/

	margin-top: -12px;

}

.col-lg-3.col-md-3.col-sm-4.col-xs-12.logo-container {

  width: 18%;

}

.col-lg-9.col-md-9.col-sm-8.col-xs-12.top-info-container {

  width: 82%;

  padding-right: 0px;

  padding-left: 0px;

}

#header span.header-left{

	position: absolute;

	right: 82%;

	width: 100%;

	background: #fff;

	height: 100px;

}

#header .logo{

	/* padding-left: 25px; */

	background:#f5f6fa;

   height: 100px;

   margin-top: 15px;

   position: relative;

   width: 100%;

   overflow: hidden;

   /* padding-left: 75px; */

  

}

/*#header .logo:before {

   border-top: 100px solid transparent;

   border-right: 50px solid #fff;

   content: "";

   height: 0;

   right: 0;

   position: absolute;

   top: 0;

   width: 0;

}*/

#header .logo span.for-logo {

	background-color: #fff;

    height: 152px;

    position: absolute;

    right: 25px;

    top: -25px;

    transform: rotate(27deg);

    width: 6px;

}

#header .logo a{

	display: inline-block;

	margin-top: 7px;

}









/* #header .logo a img{

  display: inline-block;

  margin-right: 22px;

} */

#header:after {

	bottom: 0;

	content: "";

	position: absolute;

	top: 0;

}

#header:after {

	left: 100%;

	background:#212022;

}

#header .top-info {

	margin-top: 51px;

}

#header .top-info .address,

#header .top-info .emailAddress,

#header .top-info .phoneNo,

#header .top-info .timing-info,

#header .top-info .timing {

  padding: 0px;

      text-align: right;

} 

#header .top-info .timing {

  text-align: right;

}

#header .top-info span {
    font-family: "Josefin Sans", sans-serif;
    -webkit-font-smoothing: antialiased;

	color: red;
	font-weight: 700;

	/* margin-right: 15px; */

  font-size: 20px;
  line-height: 25px;

}

/*#header .top-info span a {

  color: #062E41; /*b3b3b3

  text-decoration: none;

  font-size: 13px;

  font-weight:bold;

}*/

#header .top-info span i {

	color: #1e2e69;

  margin-right: 5px;

}

#header .top-info .timing-1 span,

#header .top-info .timing-2 span {

  color: #a000d4;

  margin-right: 0px;

}



  /* Welcome */



section.module.parallax {

  height: auto;

  background-position: 50% 50%;

  background-repeat: no-repeat;

  /*background-attachment: fixed;*/

  -webkit-background-size: cover;

  -moz-background-size: cover;

  -o-background-size: cover;

  background-size: cover;

}

section.module.parallax-1 {

  /*background-image: url(../images/main-bg.jpg);*/

  padding: 4px 0px 0px 0px;

  background-size:100%;

  background-repeat: no-repeat;

}



@media all and (max-width: 420px) {

section.module.parallax-1 {

 /*background-image: url(../images/rsz_main-bg.jpg);*/

 background-size: 100%;

  padding: 4px 0px 0px ;

      background-repeat: no-repeat;

    background-position-y: 145px;

    /*margin-top: 111px;*/

}

.aki{

	margin-top: 111px;

}



}



#welcome .welcome-info {

  padding:100px 0px 100px 15px;

}



#welcome .welcome-info h3,

#welcome .welcome-info h1,

#welcome .welcome-info p {

  color: #000;

}

#welcome .welcome-info h3 {

  font-family: 'RobotoRegular';

  text-transform: uppercase;  

}

#welcome .welcome-info h1 {

  font-family: 'OpenSans-Bold';

  text-transform: uppercase;

  font-size: 32px;

}

#welcome .welcome-info p {

  font-family:'OpenSansRegular';

  font-size: 16px;

}



#welcome .estimation-form {

  background: #353b48;

 /* background-color: #052d52;*/

  padding:0 15px;

  width: 100%;

  margin-top:-20px; 

}

#welcome .estimation-form h3 {  

  background-color: #1e2e69; /* #00a6ca*/

  padding:14px 30px;

  -moz-transform:skew(-20deg);

  -webkit-transform:skew(-20deg);

  -o-transform:skew(-20deg); 

  -ms-transform:skew(-20deg);

  transform:skew(-20deg);

      margin-top: 22px;

    margin-bottom: 31px; 

}

#welcome .estimation-form h3 > .skew-reverse {

  text-transform: uppercase;

  /*font-family: 'RobotoRegular';*/

      font-family: "Josefin Sans", sans-serif;
    -webkit-font-smoothing: antialiased;

  color: #fff;

  display: inline-block;

  -moz-transform:skew(20deg);

  -webkit-transform:skew(20deg);

  -o-transform:skew(20deg); 

  -ms-transform:skew(20deg);

  transform:skew(20deg);

  font-weight:bold;  

}

#welcome .estimation-form p {

  color: #FFF;

margin-bottom: 25px;

font-family: SesameWkshp-Regular_0;

}



#welcome .estimation-form .form-inline .form-group {

  width: 100%;

  /*margin-bottom: 25px;*/
        margin: 0px 0px 24px 0px !important;
  height: auto;

  /* padding: 15px 5px;

  background-color: #fff; */

}



#welcome .estimation-form .form-inline .form-group .form-control {

  width: 100%;

  border-radius: 0px;

 /* color: #01ad4b;*/

  font-family: 'SesameWkshp-Regular_0';

  height: 45px;

}

#welcome .estimation-form .form-inline .form-group textarea.form-control {

  height: auto;

}



#welcome .estimation-form .form-inline .btn-estimation {

  background-color: #1e2e69;

  border-color: #1e2e69;

  border-radius: 0px;

  margin-top: 20px;

  -moz-transform:skew(-20deg);

  -webkit-transform:skew(-20deg);

  -o-transform:skew(-20deg); 

  -ms-transform:skew(-20deg);

  transform:skew(-20deg);

  -webkit-transition: all 0.40s ease;

  -moz-transition: all 0.40s ease;

  -ms-transition: all 0.40s ease;

  -o-transition: all 0.40s ease;

  transition:all 0.40s ease; 

}

#welcome .estimation-form .form-inline .btn-estimation .btn-skew-reverse {

  display: inline-block;

  color: #fff;

  text-transform: uppercase;

  font-family: 'OpenSansRegular';

  -moz-transform:skew(20deg);

  -webkit-transform:skew(20deg);

  -o-transform:skew(20deg); 

  -ms-transform:skew(20deg);

  transform:skew(20deg);

  -webkit-transition: all 0.40s ease;

  -moz-transition: all 0.40s ease;

  -ms-transition: all 0.40s ease;

  -o-transition: all 0.40s ease;

  transition:all 0.40s ease; 

}

#welcome .estimation-form .form-inline .btn-estimation:hover .btn-skew-reverse {

  color: #212022;

}



  /* Client-Logos */



#client-logos {

  padding: 30px 0px 20px;

  /*background: #fff;*/

}



#client-logo-slider .item{

  margin: 10px;

}

#client-logo-slider .item img{

  display: block;

  width: 100%;

  height: auto;

  /*opacity: 0.7;*/

}



  /* About */



#about {

  padding: 0px 0px 25px;

 /* background-color: #008000;

  margin-top: -92px;*/

  background-color: #fcffe4;

  font-family: helvetical;

}



#about .section-detail {

  margin-top: 100px;

}

#about .section-detail .detail {

  margin-bottom: 50px;

  display: inline-block;

}

#about .section-detail h3 {

  margin-top: 0px;

  /*font-family: 'RobotoLight';*/

  font-family: 'SesameWkshp-Regular_0';

  color: #fff;

  margin-bottom: 10px;

}

#about .section-detail p {

  /*font-family: 'OpenSansRegular';*/

  font-family:'Interstate-Regular';

  line-height: 1.9em;

  color: #35383e;

}



  /* Services */



section.module.parallax-2 {

/* background-image: url(../images/main-bg.jpg);*/

 background-color:#efefef;

  padding: 20px 0px;

}

#services h1 {

  /*font-family: 'RobotoLight';*/

  font-family: microsoft-bold;

  color: #4d4d4d;

}

#services .services-container {

  margin-top: 20px;

}

#services .services-container .service-detail {

  margin-bottom: 30px;

  position: relative;

  overflow: hidden;

}



#services .services-container .service-detail .service-hover {

  background: rgba(255,255,255,1);

  display: inline-block;

  width: 100%;

  padding: 10px;

  height: 20%;

  position: absolute;

  bottom: 0px;

  left: 0px;

  -webkit-transition: all 0.40s ease;

  -moz-transition: all 0.40s ease;

  -ms-transition: all 0.40s ease;

  -o-transition: all 0.40s ease;

  transition:all 0.40s ease;

}

#services .services-container .service-detail .service-hover h3 {

  font-family: 'OpenSansRegular';

  color: #19171c;

  margin: 0px;

  text-transform: none;

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

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

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

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

  transition:all 0.8s ease-in-out;

}

#services .services-container .service-detail .service-hover p {

  display: none;

  /*font-family: 'OpenSansRegular';

  font-family:'Interstate-Regular';*/

  color: #fff;

  line-height: 1.8em;

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

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

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

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

  transition:all 0.30s ease-in-out;

}



#services .services-container .service-detail:hover .service-hover {

  /*background: rgba(255,255,255,0.8);*/

  background: rgba(255, 255, 255, 0.91);

  height: 100%;

}

#services .services-container .service-detail:hover .service-hover h3 {

  text-transform: uppercase;

}

#services .services-container .service-detail:hover .service-hover p {

  display: block;

  color: #262626;

  margin-top: 20px;

}



  /* News-Letter */



#news-letter {  

  background: #f5edd7; /*url(../images/news-letter-bg.jpg) no-repeat;*/

  /*background-size:100% 100%;*/

  background-size:cover;

  padding: 30px 0 30px;

      

}



#news-letter h3{

	font-family: helvetical-bold;

}

p{

	font-family: calibri;

	font-size: 17px;

}



#wrapsecond{

	padding-bottom: 50px;

	font-family: microsoft-bold;

	background: #efefef;

}





#ourprocess p{

	font-size: 21px;

}



.top-caps p {

font-size: 26px;
    line-height: 24px;
    padding:8px 5px px 5px;
    color:#1e2e69;
    font-family: "Josefin Sans", sans-serif;
    -webkit-font-smoothing: antialiased;
    font-weight: bold;

}



.services-thumb{

	padding:0px;

}





#news-letter h1 {

  font-family: 'RobotoLight';

  color: #fff;

}

/*#news-letter p {

  font-family: 'OpenSansRegular';

  color: #1a1a1a;

  font-size: 15px;

}*/

.news-letter-form {

  margin-bottom: 50px;

  margin-left: 20px;

}

.news-letter-form .form-inline {

  margin-top: 35px;

}

.news-letter-form .form-inline .form-group {

  width: 100%;

}

.news-letter-form .form-inline .form-group .form-input {

  padding: 0px;

}

.news-letter-form .form-inline .form-group .form-control {

  background: none repeat scroll 0 0 #f6f6f6;

    border: 1px solid #c9c9c9;

    border-radius: 0;

   font-family:'OpenSansRegular';

    font-size: 14px;

    font-weight: normal;    

}

.news-letter-form .form-inline .form-control {

   height: 64px;

    padding: 5px 20px;

    width: 100%;

}

.news-letter-form .submit-button {

  background: #5f2871;

  border-color: #5f2871;

  border-radius: 0;

  color: #fff;

  height: 64px;

  padding-left: 26px;

  padding-right: 26px;

  font-family: 'RobotoLight';

  font-size: 22px;

  -webkit-transition: all 0.4s ease 0s;

  -moz-transition: all 0.4s ease 0s;

  -o-transition: all 0.4s ease 0s;

  transition: all 0.4s ease 0s;

  -ms-transition: all 0.4s ease 0s;

}

.news-letter-form .submit-button:hover {

  background: #212022;

  border-color: #212022;

}

 

  /* Clients */



#clients {

  padding: 20px 0 7px;

  background-color: #fcffe4;

}



#clients .client-container {

  margin-top: 75px;

}

#clients .client-box {

  padding: 35px;

  position: relative;

  border: 1px solid #d7d7d7;

  width: 90%;

  margin-right: 1%;

  float: right;

}

#clients .client-box .client-image {

  position: absolute;

  width: 104px;

  height: 104px;

  margin-top: -52px;

  top: 50%;

  left: -60px;

}



#clients .client-box .client-text h4 span {

  font-family: 'RobotoRegular';

  color: #5f2871;

  padding-right: 30px;

  padding-bottom: 5px;

  border-bottom: 1px solid #5f2871;

}

#clients .client-box .client-text p {

  font-family: 'OpenSansRegular';

  color: #35383e;

  line-height:1.9em;

  margin-top: 25px;

  

}

#clients .client-box p{

	text-align: justify;

}



  /* Footer */



#footer {

  padding-top: 10px;

  background: #353b48; /*#19171c;*/

  border-top: 5px solid #fff;

}

#footer .footer-info h3 {

  /*font-family: 'helvetical-bold';*/

  color: #fff;

}

#footer .footer-info p {

 

  color: #FFF;  /*#8b8b8b;*/

  line-height: 1.4em;

  padding: 20px 40px 0px 0px

}

#footer .footer-info .social a {

  color: #aeaeae;  /*#8b8b8b;*/

  margin-right: 10px;

}

#footer .footer-info .social a .fa {

  color: #fff;

}

#footer .footer-info .social a .fa:hover {

  color: #5f2871;

  -webkit-transition: all 0.6s ease 0s;

  -moz-transition: all 0.6s ease 0s;

  -o-transition: all 0.6s ease 0s;

  transition: all 0.6s ease 0s;

  -ms-transition: all 1s ease 0s;

}

#footer .footer-info .bottom-services {

  padding-top: 20px;

}

#footer .footer-info .bottom-services p {

  margin: 0px 0px 5px 0px;

  padding: 0px;

  font-family: 'OpenSansRegular';

  color: #8b8b8b;

}

#footer .footer-info .bottom-services p a {

  color: #8b8b8b;

  text-decoration: none;

  -webkit-transition: all 0.4s ease 0s;

  -moz-transition: all 0.4s ease 0s;

  -o-transition: all 0.4s ease 0s;

  transition: all 0.4s ease 0s;

  -ms-transition: all 0.4s ease 0s;

}

#footer .footer-info .bottom-services p a:hover {

  color: #fff;

}

#footer .footer-info .inTouch {

  padding:20px 0px 0px 15px;

}

#footer .footer-info .inTouch .inTouch-row {

  margin-bottom: 10px;

}

#footer .footer-info .inTouch .inTouch-icon {

  padding: 0px;

}

#footer .footer-info .inTouch .inTouch-icon .fa {

  color: #fff;

}

#footer .footer-info .inTouch .inTouch-text {

  padding: 0px;

}

#footer .footer-info .inTouch p {

  margin: 0;

  padding: 0;

}



#footer .copy-right {

  border-top: 1px solid #fff;

  margin-top: 50px;

}

#footer .copy-right p {

  margin: 0px;

  padding: 30px 0px;

  color: #8b8b8b;

  font-family: 'OpenSansRegular';

  font-size: 16px;

}

#footer .copy-right p a {

  color: #fff;

  text-decoration: none;

}



  /* Media Queries */



@media (min-width: 1600px) {

  #header span.header-left {

    right: 75%;

  }

}

@media (min-width: 2048px) {

  #header span.header-left {

    right: 72%;

  }

}

@media (min-width: 2280px) {

  #header span.header-left {

    right: 72%;

  }

}

@media (min-width: 2560px) {

  #header span.header-left {

    right: 68%;

  }

}



@media (max-width: 980px) {

  .top-info .col-sm-6 {

    padding: 0px;

  }

  .top-info .col-sm-3 {

    padding: 0px;

  }

  #header .top-info {

    margin-top: 30px;

  } 

  #header .top-info span {

    font-size:22px; 

  }

  .logo-container {

    padding: 0px;

  }

  

  .services-thumb {

    padding: 20px;

}

  

  #header .top-info {

    margin-top: 42px;

  }

/*  #header .logo a {

    margin-top: 30px;

    width: 75%;

    margin-left: -25px;

  }*/

  #welcome .welcome-info h3 {

    font-size: 20px;

  }

  #welcome .welcome-info h1 {

    font-size: 24px;

  }

  #about .section-detail h3 {

    font-size: 22px;

  }



  #clients .client-box {

    margin-bottom: 30px;

  }

  #footer .footer-info .inTouch p {

    margin-left: 5px;

  }

}



@media (max-width: 800px) {

  #footer .footer-info .inTouch p {

    font-size: 14px;

  }

}







@media (max-width: 768px) {

  #footer .footer-info .inTouch p {

    font-size: 12px;

  }

}



@media (max-width: 640px) {

	

	#header {

		margin-top:-20px;

	}

  #header .logo a {

    margin-top: -4px;

   /* margin-left: 140px;*/

  }

  .top-caps p {

    font-size: 20px;

}

  #header .logo{text-align: center;} 

  

#services h4{

	padding: 2px !important;

	font-size: 18px;

	margin-top: 0px;

} 

.sm{

	margin-top:10px !important;

}



.sm1{

	    font-size: 10px;

    margin: 0px;

    padding: 0px;

}







 

  .top-img{margin-top:157px !important;}

 .top-caps{font-size:18px !important;margin-top: 140px !important;}

  

  #about {

    padding: 0px 0px 25px;

    /*background-color: #008000;*/

    margin-top: 10px;

}

#client-logo-slider .item img {

	width: 50%;

	margin: 0 auto;

}



  .yellow-strip > div:nth-child(1) > div:nth-child(1), .yellow-strip > div:nth-child(2) > div:nth-child(1), .yellow-strip > div:nth-child(3) > div:nth-child(1) {

    border-right: none !important;

    border-bottom: 1px solid #FFF;

    padding-bottom: 15px;

}

  

  

  #header .top-info {

      margin-top: -28px;
    /* margin-bottom: 10px; */

  }
.ss{    width: 78% !important;
    background: #1e2e69 !important;
    padding: 1px 25px 18px 25px !important;
    border-radius: 22px 0 !important;
    margin-left: 48px !important;}
    
  #header .top-info .address,

  #header .top-info .phoneNo,

  #header .top-info .emailAddress {

    text-align: center;

  }

  .col-lg-3.col-md-3.col-sm-4.col-xs-12.logo-container {

    width: 100%;

  }

  .col-lg-9.col-md-9.col-sm-8.col-xs-12.top-info-container {

    width: 100%;

  }

  #welcome .welcome-info {

    padding: 0 0 10px 0;

  }

  hr {

    width: 40% !important;

  }

  #news-letter h1 {

    font-size: 24px;

  }

  #news-letter p {

    font-size: 14px;

  }

  .news-letter-form {

    margin-left: 0px;

  }

  .news-letter-form .form-inline .form-group {

    width: 70%

  }

  .news-letter-form .submit-button {

    font-size: 20px;

    padding: 10px 25px;

  }

  #clients .client-box .client-image {

    width: 80px;

    height: 80px;

    left: -40px;

    margin-top: -40px;

  }

  #clients .client-box .client-image img {

    width: 80px;

    height: 80px;

  }

}



@media (max-width: 480px) {

  .news-letter-form .submit-button {

    font-size: 18px;

    padding: 10px 15px;

  }
.ss{    width: 78% !important;
    background: #1e2e69 !important;
    padding: 1px 25px 18px 25px !important;
    border-radius: 22px 0 !important;
    margin-left: 48px !important;}
}



@media (max-width: 360px) {

/*  #header .logo a {

    margin-top: 0px;

    margin-left: 130px;

  }*/

  #about {

    

    margin-top: 14px !important;

}

  
.ss{    width: 78% !important;
    background: #1e2e69 !important;
    padding: 1px 25px 18px 25px !important;
    border-radius: 22px 0 !important;
    margin-left: 48px !important;}
  

  #header .logo:before {    border-right: 50px solid #fff;}

  

  

  .yellow-strip > div:nth-child(1) > div:nth-child(1), .yellow-strip > div:nth-child(2) > div:nth-child(1), .yellow-strip > div:nth-child(3) > div:nth-child(1) {

    border-right: none !important;

    border-bottom: 1px solid #FFF;

    padding-bottom: 15px;

}

  

  

  

  #header .top-info {

     margin-top: -28px;
    /* margin-bottom: 10px; */

  }

  #header .top-info .address,

  #header .top-info .phoneNo,

  #header .top-info .emailAddress {

    text-align: center;

  }

  .col-lg-3.col-md-3.col-sm-4.col-xs-12.logo-container {

    width: 100%;

  }

  .col-lg-9.col-md-9.col-sm-8.col-xs-12.top-info-container {

    width: 100%;

  }

  #welcome .welcome-info {

    padding: 0 0 10px 0;

  }

  #welcome .estimation-form h3 {

    font-size: 22px;

  }

  .section-heading {

    font-size: 18px;

  }

  #about .section-detail h3 {

    font-size: 18px;

  }

  #services h1 {

    font-size: 32px;

  }

  hr {

    width: 40% !important;

  }

  #news-letter h1 {

    font-size: 24px;

  }

  #news-letter p {

    font-size: 14px;

  }

  .news-letter-form {

    margin-left: 0px;

  }

  .news-letter-form .form-inline .form-group {

    width: 70%

  }

  .news-letter-form .submit-button {

    font-size: 14px;

    padding: 10px 5px;

  }

  #clients h1 {

    font-size: 28px;

  }

  #clients .client-box .client-image {

    width: 80px;

    height: 80px;

    left: -40px;

    margin-top: -40px;

  }

  #clients .client-box .client-image img {

    width: 80px;

    height: 80px;

  }

}





.carousel-control.left,.carousel-control.right  {background:none;width:25px;}

.carousel-control.left {left:-25px;}

.carousel-control.right {right:-25px;}

.broun-block {

    background: url("../../../myinstantcms.ru/images/bg-broun1.jpg") repeat scroll center top rgba(0, 0, 0, 0);

    padding-bottom: 34px;

}

.block-text {

    background-color: #FFF;

    border-radius: 5px;

    box-shadow: 0 3px 0 #2c2222;

    color: #626262;

    font-size: 14px;

    margin-top: 27px;

    padding: 15px 18px;

}

.block-text a {

 color: #7d4702;

    font-size: 25px;

    font-weight: bold;

    line-height: 21px;

    text-decoration: none;

    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);

}

.mark {

    padding: 12px 0;background:none;

}

.block-text p {

    color: #000;

    font-family: helvetical;

    font-style: italic;

    line-height: 20px;

}

.sprite {

	background-image: url('../images/icons.png');

}

.sprite-i-triangle {

    background-position: 0 -1298px;

    height: 44px;

    width: 50px;

}

.block-text ins {

    bottom: -44px;

    left: 50%;

    margin-left: -60px;

}





.block {

    display: block;

}

.zmin {

    z-index: 1;

}

.ab {

    position: absolute;

}



.person-text {

    padding: 10px 0 0;

    text-align: center;

    z-index: 1;

}

.person-text a {

    color: #031b12;

    display: block;

    font-size: 14px;

    margin-top: 3px;

    text-decoration: underline;

}

.person-text i {

    color: #6e6b6b;

    font-family: Georgia;

    font-size: 13px;

}

.rel {

    position: relative;

}









.service-detail p {

	text-align: justify;

}



.yellow-strip{background: #1e2e69 none repeat scroll 0% 0%;

margin-top: 35px;

color: #000;}



.yellow-strip > div:nth-child(1) > div:nth-child(1), .yellow-strip > div:nth-child(2) > div:nth-child(1), .yellow-strip > div:nth-child(3) > div:nth-child(1) {margin: 3% 0px;

text-align: center;

font-weight: bold;

font-size: 20px;

border-right: 5px solid #FFF;}

.yellow-strip > div:nth-child(1) h2, .yellow-strip > div:nth-child(2) h2, .yellow-strip > div:nth-child(3) h2 {

    /*font-weight: bolder;*/

    font-size: 25px;

	    padding: 0px !important;

    margin: 0px !important;

}

.yellow-strip > div:nth-child(3) > div:nth-child(1) {

    border-right: medium none;

}

}



.smfb{

	color: #FFF;

	text-transform:uppercase;

	float: left;

	position:fixed;

	z-index: 500;

	top: 50%;

	right: -69px;

	font-size: 16px;

	transform: rotate(270deg);

}



.smgoogle{

	color: #FFF;

	margin-right: 0px;

	text-transform: uppercase;

	float: left;

	position: fixed;

	z-index: 500;

	top: 50%;

	font-size: 16px;

	transform: rotate(270deg);

	margin-left: -56px;

}

.top-img{width:100%;margin-top:97px;}

.top-caps{text-align: center;

font-size: 31px;

color: #01050d;

padding-left:5px;

padding-right:5px;



margin-top:108px;

font-family: helvetical-bold;

}



.services-content {

    position: absolute !important;

    top: 0 !important;

    padding: 27% 6% !important;

}

.services-content h2 {

    background-color: #fff;

}



@import url(https://fonts.googleapis.com/css?family=Roboto:300);

/* List styling */
.featureList, .featureList ul {
  margin-top: 0;
  padding-left: 2em;
  list-style-type: none;
}
.featureList li:before {
  position: absolute;
  margin-left: -1.3em;
  font-weight: bold;
}
.featureList li.tick:before {
  content: "\2713";
  color: darkgreen;
}
.featureList li.cross:before {
  content: "\2717";
  color: crimson;
}