@font-face {
    font-family: Myriad-Pro-Light; /* Гарнитура шрифта */
    src: url(/design/fonts/Myriad-Pro-Light.ttf); /* Путь к файлу со шрифтом */
   }
   

body {


}



body a{
    transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
	-ms-transition:0.5s all;
}

  .col-md-3 {
    width: 24%;
  }



.mainButton{
padding: 0px 0px 0px 0px;
  background: #F1592A;
  border-radius: 4px;
  width: 45px;
  height: 45px;
  color: #fff;
  text-decoration: none;
  font-size: 36px; 
  text-align: center;
  display:block;
  position:fixed;
  right: 30px;
  bottom: 80px;
  z-index:999;
  
}

.btn {
  cursor: pointer;
  padding: 10px 16px;
  display: inline-block;
  margin: 10px 20px;
  outline: none;
  position: relative;
  color: #ffffff;

}

.btn:active, .btn.active {

  color: #000000;
  background: #F38D6E;
  -webkit-box-shadow: inset 0px 0px 0px 0px #F1592A;
          box-shadow: inset 0px 0px 0px 0px #F1592A;
}
	
	
.btn-border {
  border: 2px solid #239999;
  color: #239999;
  overflow: hidden;
  font-size: 16px;
  line-height: 22px;
  font-weight: 300;
}
.btn-border:hover,

.btn-border:active {
  color: #ffffff;
  background: #239999;
}
.btn-common {
  background: #20AA73;
  
}
.btn-common:hover {
  background: #069059;
  color: #ffffff;
  
}

.btn-common2 {
  background: #F1592A;
  margin: 0px 0px 4px 0px;
  font-size: 1.25em;
  
}
.btn-common2:hover {
  background: #000000;
  color: #ffffff;
  
}

.btn-common2:active {
  background: #000000;
  color: #ffffff;
  
}





.btn-common3 {
  background: #E96656;
  
}
.btn-common3:hover {
  background: #CB4332;
  color: #ffffff;
  
}


.btn-common4 {
  background: #9A9A9A;
  margin: 0px 0px 4px 0px;
  font-size: 1.25em;
  text-transform:uppercase;
  
}
.btn-common4:hover {
  background: #333333;
  color: #ffffff;
  
}

.btn-common4:active {
  background: #000000;
  color: #ffffff;
  
}





input[type="button"]{
	transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
	-ms-transition:0.5s all;
}

div.list_dot {
    float: left;
    border-top: 2px #F1592A solid;
    margin: 10px 0 0 0;
    padding: 10px 0 10px 0;
    width: 100%;
}



h1,h2,h3,h4,h5,h6{
	padding:0 0;
	margin:0 0;
	text-transform:uppercase;
}

h1{
font-weight:300;
color: #333333;
margin-top: 0.5em;
font-size: 2.5em; 
}





.maintop h1{

background-color: #F1592A;
color: #FFFFFF;
font-weight: bold;
font-size: 2em;
margin: 20px;
padding: 20px;
position: relative;
top: -140px; z-index: 5;
}



h2{
font-weight:600;
color: #333333;
font-size: 1.25em;
margin-bottom: 8px;

}




p{
	padding:0px 0;
	margin:0 0;
	font-weight:300;
	
}

ul{
	padding:0 0;
	margin:0 0;	
}
body{
	padding:0 0;
	margin:1em 0 0 0; 
    background: url('../images/bg.jpg');
	font-family: 'Myriad-Pro-Light', sans-serif;
}
.main-header {
  background-color: #fff;
  margin: 0em auto 0;
  text-align:center;
}
.inner-side {
  width: 95%;
  margin: 0 auto;
  background-color: #fff;
}
/*menu*/
.top-menu{
	float:center;	
	margin-bottom: 1em;
	
}
 .top-menu li {
    display: inline-block; /* Строчно-блочные элементы */
	border:2px solid #F1592A;
    background: #F1592A; /* Цвет фона */
	padding: 4px 14px;	
	font-family: 'Myriad-Pro-Light', sans-serif;
	font-size:1.2em;
	font-weight:300;
	line-height: 1.5em;
	border-radius: 4px;
	text-transform: uppercase;
    margin-right: 3px; /* Расстояние между пунктами меню */
    -webkit-transform: skewX(-20deg); /* Для Safari и Chrome */
    -moz-transform: skewX(-20deg); /* Для Firefox */
    -o-transform: skewX(-20deg); /* Для Opera */
    -ms-transform: skewX(-20deg); /* Для IE */
    transform: skewX(-20deg); /* CSS3 */
   }
  .top-menu a {
    color: #fff; /* Цвет ссылок */
    display: block; /* Блочный элемент */
    padding: 5px 15px; /* Поля вокруг текста */
    text-decoration: none; /* Убираем подчёркивание */
    -webkit-transform: skewX(20deg); /* Для Safari и Chrome */
    -moz-transform: skewX(20deg); /* Для Firefox */
    -o-transform: skewX(20deg); /* Для Opera */
    -ms-transform: skewX(20deg); /* Для IE */
    transform: skewX(20deg); /* CSS3 */
   }
     .top-menu a:hover {
    color: #F1592A; /* Цвет ссылок */

   }
   
   .top-menu li:hover
  {
    color: #F1592A; /* Цвет ссылок */
	background: #FFFFFF;

   }
   

   
.bottomz{
	float:center;	
	margin-top: 1em;
	margin-bottom: 1em;
	
}
 .bottomz li {
    display: inline-block; /* Строчно-блочные элементы */
	border:2px solid #F1592A;
    background: #F1592A; /* Цвет фона */
	padding: 4px 14px;	
	font-family: 'Myriad-Pro-Light', sans-serif;
	font-size:1.0em;
	font-weight:300;
	line-height: 1.5em;
	text-transform: uppercase;
	border-radius: 4px;
    margin-right: 3px; /* Расстояние между пунктами меню */
    -webkit-transform: skewX(-20deg); /* Для Safari и Chrome */
    -moz-transform: skewX(-20deg); /* Для Firefox */
    -o-transform: skewX(-20deg); /* Для Opera */
    -ms-transform: skewX(-20deg); /* Для IE */
    transform: skewX(-20deg); /* CSS3 */
   }
  .bottomz a {
    color: #000000; /* Цвет ссылок */
    display: block; /* Блочный элемент */
    padding: 5px 15px; /* Поля вокруг текста */
	font-size:1.5em;
	
    text-decoration: none; /* Убираем подчёркивание */
    -webkit-transform: skewX(20deg); /* Для Safari и Chrome */
    -moz-transform: skewX(20deg); /* Для Firefox */
    -o-transform: skewX(20deg); /* Для Opera */
    -ms-transform: skewX(20deg); /* Для IE */
    transform: skewX(20deg); /* CSS3 */
	cursor: pointer;
	
	
	
   }
     .bottomz a:hover {
    color: #F1592A; /* Цвет ссылок */

   }
   
   .bottomz li:hover
  {
    color: #F1592A; /* Цвет ссылок */
	background: #FFFFFF;

   }   


  
span.menu {
  display: none;
}
.social-icons {
  float: right;
    margin-top: 2em;
}
.social-icons i:hover {
  opacity: 0.4;
}
.social-icons {
  float: right;
    margin-top: 2em;
}
.social-icons a  i{
	width: 35px;
	height: 35px;
	background: url(../images/img-sprite.png) no-repeat 0px 0px;
	display: inline-block;
	background-size:275px;
	  margin: 0 0.1em;
}
.social-iconsa i.icon1{
	background-position:0px 0px;
	  background-size: 275px;
}
.social-icons a i.icon2{
	background-position:-36px 0px;
	  background-size: 275px;
}
.social-icons a i.icon3{
	background-position:-72px 0px;
	  background-size: 275px;
}
/*end-menu*/
.logo {
  padding: 2em 0;
}
.logo h1 {
  font-size: 5em;
  text-transform:uppercase;

margin-top: 0em;
}
.logo h1 span {
  color: #1d1d1b;
}
.logo h1 a{
	text-decoration:none;
	color:#F1592A;
	
	
}
/*  GRID 1 OF THREE  */


.logo-grids{
	text-align:left;
	padding:0em 0 0;
}
.logo-grid h5 {
	
  font-size: 1.25em;
  text-transform: uppercase;
  margin-top: -1em;
  margin-bottom: 1em;
  font-family: 'Myriad-Pro-Light', sans-serif;
  font-weight: 600;
  color: #000000;
}

.logo-grid2 h5 {
	text-align:right;
  font-size: 2em;
  text-transform: uppercase;
  margin-top: 0em;
  margin-bottom: 1em;
  font-family: 'Myriad-Pro-Light', sans-serif;
  font-weight: 300;
  color: #000000;
}

.logo-grid2 h5 span {
  color: #F1592A;
  font-size: 1.45em;
  font-weight: 400;
}






.search {
 text-align:right;
  margin-top: -15px;
  margin-bottom: 10px;

}

.search input {
  margin-bottom: 0em;
  margin-top: 0em;
  border: 1px solid #EEDCBC;
  background: #EEDCBC;
width: 300px;
border-radius: 4px;
    margin-right: 3px; /* Расстояние между пунктами меню */
    -webkit-transform: skewX(-20deg); /* Для Safari и Chrome */
    -moz-transform: skewX(-20deg); /* Для Firefox */
    -o-transform: skewX(-20deg); /* Для Opera */
    -ms-transform: skewX(-20deg); /* Для IE */
    transform: skewX(-20deg); /* CSS3 */
}



.search button, html input[type="button"], input[type="reset"], input[type="submit"] {
	
    -webkit-appearance: button;
    cursor: pointer;
	background: #F05A28;
	color: #FFFFFF;
	width: auto;	
	    margin-right: 3px; /* Расстояние между пунктами меню */
    -webkit-transform: skewX(-20deg); /* Для Safari и Chrome */
    -moz-transform: skewX(-20deg); /* Для Firefox */
    -o-transform: skewX(-20deg); /* Для Opera */
    -ms-transform: skewX(-20deg); /* Для IE */
    transform: skewX(-20deg); /* CSS3 */
	}	

.search submit{
  margin-bottom: 0em;
  margin-top: 0em;
  background: #FFFFFF;
}

.search-b {
	margin-bottom: 0em;
	margin-top: 0em;
	padding: 0px 10px 0px 10px;	
	border: 1px solid #F1592A;
	background: #F1592A;
	display: inline-block;
	margin-right: 3px; /* Расстояние между пунктами меню */
border-radius: 4px;
	
    -webkit-transform: skewX(-20deg); /* Для Safari и Chrome */
    -moz-transform: skewX(-20deg); /* Для Firefox */
    -o-transform: skewX(-20deg); /* Для Opera */
    -ms-transform: skewX(-20deg); /* Для IE */
    transform: skewX(-20deg); /* CSS3 */
}

.search-a {

	color: #FFFFFF;
		font-size:1em;
    text-decoration: none; /* Убираем подчёркивание */
    -webkit-transform: skewX(20deg); /* Для Safari и Chrome */
    -moz-transform: skewX(20deg); /* Для Firefox */
    -o-transform: skewX(20deg); /* Для Opera */
    -ms-transform: skewX(20deg); /* Для IE */
    transform: skewX(20deg); /* CSS3 */
}






.interior-grids{
	text-align:center;
	padding: 0;
	margin-top: -50px;
}
.interior-grid h3{
	background: #F1592A;
	color: #fff;
	font-size: 1.4em;
	font-weight: bold;
	  text-transform: uppercase;
	padding: 4%;
	font-family: 'Myriad-Pro-Light', sans-serif;
	font-weight:300;
}
.interior-grid p  {
	  padding: 1em 0.5em 2em;
	color: #fff;
	line-height: 1.8em;
	font-size: 1.2em;
	background:#1d1d1b;
	font-family: 'Myriad-Pro-Light', sans-serif;
}
.plus_btn{
	display:block;
}
.plus_btn  a span{
	cursor:pointer;
	position: absolute;
	width:64px;
	height:64px;
	right: 15px;
	bottom:0;
	background: url('../images/plus_btn.png');
}
.plus_btn span:hover{
	background: url('../images/plus_btn_1.png');
}
.bottom-grids {
padding:4em 0 0;
}
.bottom-grid h3 {
  font-size: 2.25em;
  text-transform: uppercase;
  margin-bottom: 0.5em;
  font-family: 'Myriad-Pro-Light', sans-serif;
  font-weight: 300;
  color: #F1592A;
}
.bottom-grid h4 {
  font-size: 1.5em;
 line-height: 1.5em;
  color: #555;
}
.bottom-grid p {
  font-size: 1.2em;
  color: #3D3D3D;
  text-align: left;
  padding: 1em 0 0;
  line-height: 1.8em;
}
.text1-nav ul li {
  display: inline;
}
.text1-nav ul li a {
  display:block;
  font-size: 0.99em;
  color: #999;
    padding: 0px 10px;
  letter-spacing: 0px;
  line-height: 2.8em;
    text-decoration: none;
	  background: url(../images/arrow.png) no-repeat 20px 15px;
}
.text1-nav ul li a:hover{
color:#ae9a64;
}
.product-section {
  padding: 4em 0;

}

.product-section2 {
  padding: 1em 0;

}


.products-section h1 {
  text-align: left;
  font-size: 2.5em;
  text-transform: uppercase;
  margin-bottom: 1em;
  font-family: 'Myriad-Pro-Light', sans-serif;
  color: #000000;
}

.products-section2 h1 {
  text-align: left;
  font-size: 2.5em;
  text-transform: uppercase;
  margin-bottom: 0.5em;
  font-family: 'Myriad-Pro-Light', sans-serif;
  color: #000000;
}


.path   {
	text-align:left;
  text-transform: uppercase;
  margin-top: -1em;
  margin-bottom: 0.5em;
  font-family: 'Myriad-Pro-Light', sans-serif;
  font-weight: 300;
  color: #000000;
   }
   
   
.path a   {
  color: #000000;
  font-size: 1em;
   }


.product-section h3 {
  font-size: 2em;
  text-transform: capitalize;
  margin-bottom: 1em;
  font-family: 'Myriad-Pro-Light', sans-serif;
}




.product-grid1 h4 {
  font-size: 1.5em;
  color: #5FA1C3;
  margin: 0em 0 0.5em;
  text-align: left;
  font-family: 'Myriad-Pro-Light', sans-serif;
}
.product-grid1 h4 a {
  text-decoration: none;
  color:#e42313;
}

.products-grid p {
  font-size: 1em;
  color: #555;
  line-height: 1.8em;
  text-align: left;
 }
 
 
.product-grid1 p {
  font-size: 1em;
  color: #555;
  line-height: 1.8em;
  text-align: left;
 }
 
 .product-grids {
  margin-top: 3em;
}

 .products-grid {
  margin-top: 3em;
}

a.button1 {
  display: block;
  text-align: left;
  font-size: 1.2em;
  text-decoration: none;
  text-transform: capitalize;
  margin-top: 1em;
  color: #000;
}
a.button1:hover {
  color: #ae9a64;
}
.new-section {
  padding: 2em 0 0 0;
}
.new-number {
   width: 20%;
  float: left;
  background: #ae9a64;
  padding: 4em 0;
  
  }
.new-number h4 {
  font-size: 3em;
  color: #fff;
}
.new-text {
  float: left;
  width: 100%;
    padding: 1.66em 1em;
  background: #1d1d1b;
}
.new-text h5 {
  font-size: 2.25em;
  color: #fff;
  font-weight: 300;
  text-transform: uppercase;
  
}
.new-text p {
  font-size: 1.2em;
  color: #999;
  line-height:1.8em;
   margin: 1em 0 0 0;
}
.footer-section{
	padding:2em 0;
	margin-top: 2em;
	text-align:center;
	background: #1d1d1b;
}
.footer-bottom {
	margin-top: 1em;
}
.footer-top p {
	font-size: 1.1em;
	color: #FFFFFF;
	font-weight: 400;
}
.footer-top  a {
	font-size: 1em;
	color:#FFFFFF;
	font-weight: 400;
	text-transform: capitalize;
}
.footer-top a:hover {
	color: #1B1B1B;
}
.footer-top a {
	margin: 0 0.3em
}
#toTop {
	display: none;
	text-decoration: none;
	position: fixed;
	bottom: 10px;
	right: 10px;
	overflow: hidden;
	width: 48px;
	height: 48px;
	border: none;
	text-indent: 100%;
	background: url("../images/to-top2.png") no-repeat 0px 0px;
}
.header-banner {
  background: url("../images/banner.jpg")no-repeat 0px 0px;
  background-size: cover;
  min-height: 140px;
}
.header-banner h2 {
  font-size: 2.5em;
  color: #fff;
  font-family: 'Myriad-Pro-Light', sans-serif;
 text-transform: capitalize;
   padding-top: 1.5em;
}
.about-section {
  text-align: center;
   padding: 4em 0;
}
.about-grids{
 margin-top: 3em;
}
.about-grid h4 {
  font-size: 1.5em;
   color: #555;
  text-align: left;
}
.about-grid p {
  font-size: 1em;
  padding: 1em 0;
  color: #999;
  line-height: 1.8em;
  text-align: left;
}
.video iframe {
  width: 100%;
  height: 300px;
}
.our-team {
  padding: 4em 0;
  background: #f5f5f5;
}
.our-team h3 {
    font-size: 2em;
  color: #000;
  font-family: 'Myriad-Pro-Light', sans-serif;
  text-transform: capitalize;
}
.team-grid h5 {
  font-size: 1.5em;
  color: #e42313;
  text-transform: capitalize;
  padding: 0.5em 0;
 }
.team-grids {
  margin-top: 2em;
}
.team-grid p {
  font-size: 1em;
  color: #555;
   line-height: 1.8em;
 }
.team-grid img {
  width: 100%;
}
 .products-section{
	padding:4em 0;
	text-align:center;
}

 .products-section2{
	padding:1em 0;
	text-align:left;
}


.products-grid {
  padding: 0em;
}
.services-section {
  padding: 1em 0;
  text-align: left;
}

span.glyphicon.glyphicon-home {
  font-size: 2em;
  color: #e42313;
  border-radius: 50px;
  border: 2px solid;
  padding: 1em;
}
span.glyphicon.glyphicon-bed {
  font-size: 2em;
  color: #e42313;
  border-radius: 50px;
  border: 2px solid;
  padding: 1em;
}
span.glyphicon.glyphicon-cog {
  font-size: 2em;
  color: #e42313;
  border-radius: 50px;
  border: 2px solid;
  padding: 1em;
}

.services-grid  {
  font-size: 14px;

}


.services-grid h4 {
  font-size: 1.5em;
  color: #000;
  padding: 0.5em 0;
  font-weight:300;
}

.services-grid h1 {
margin-bottom: 0.5em;
}



.services-grid p {
  font-size: 1.2em;
  color: #555;
  line-height: 1.5em;
  padding:0.25em 0 0.25em 0;
}

.services-grid li {
  font-size: 1.25em;
  line-height: 1.5em;
  padding:0.25em 0em 0.25em 0.25em;
  list-style-type: none;
}




.services-grid {
  margin-top: 0em;
}

.services-grid3 {
  padding-top: 1em;
  background: #F3F2F2;
}

.service-section {
  padding: 1em 0 4em 0;
  text-align: center;
}
.service-section h3 {
  font-size: 2em;
  color: #000;
  font-family: 'Myriad-Pro-Light', sans-serif;
 text-transform: capitalize;
   margin-bottom: 1.5em;
}

.service-grid1 {
  border: 1px solid #F1592A;
  padding: 0.5em;
  margin: 0 2px 0 2px;
}


.service-grid1 h4 {
  font-size: 1.5em;
  color: #000;
  padding: 0.5em;
}
.service-grid1 p {
  font-size: 1.2em;
  color: #555;
  line-height: 1.25em;
}


.service-grid2 {
  border: 1px solid #F1592A;
  padding: 0.5em 0;
  margin: 0 2px 5px 2px;
  text-align: left;
}


.service-grid2 h2 {
  font-size: 1.75em;
  color: #000;
  padding: 0.5em 0;
  text-align: left;
}
.service-grid2 p {
  font-size: 1.2em;
  color: #555;
  line-height: 1.25em;
  text-align: left;
}

.service-grid2 a {
  font-size: 1.2em;
  line-height: 1.25em;
  text-align: left;
}


.img2 {
padding-bottom: 23px;			
}

a.mask {
  text-decoration: none;
  overflow: hidden;
  display: block;
}
img.zoom-img {
  -webkit-transform: scale(1, 1);
  -webkit-transition-timing-function: ease-out;
  -webkit-transition-duration: 250ms;
  -moz-transform: scale(1, 1);
  -moz-transition-timing-function: ease-out;
  -moz-transition-duration: 250ms;
}
img.zoom-img:hover {
  -webkit-transform: scale(1.1);
  -webkit-transition-timing-function: ease-out;
  -webkit-transition-duration: 750ms;
  -moz-transform: scale(1.1);
  -moz-transition-timing-function: ease-out;
  -moz-transition-duration: 750ms;
  overflow: hidden;
}

/*-- Typography --*/
.typo {
  text-align: left;
  
}
.typo {
  padding: 4em 0;
}
.show-grid [class^=col-] {
    background: #fff;
  text-align: center;
  margin-bottom: 10px;
  line-height: 2em;
  border: 10px solid #f0f0f0;
}
.show-grid [class*="col-"]:hover {
  background: #e0e0e0;
}
.grid_3{
	margin-bottom:2em;
}
.xs h3, h3.m_1{
	color:#000;
	font-size:1.7em;
	font-weight:300;
	margin-bottom: 1em;
}
.grid_3 p{
  color: #999;
  font-size: 0.85em;
  margin-bottom: 1em;
  font-weight: 300;
}
.grid_4{
	background:none;
	margin-top:50px;
}
.label {
  font-weight: 300 !important;
  border-radius:4px;
}  
.grid_5{
	background:none;
	padding:2em 0;
}
.grid_5 h3, .grid_5 h2, .grid_5 h1, .grid_5 h4, .grid_5 h5{
	margin-bottom:1em;
}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
  border-top: none !important;
}
.tab-content > .active {
  display: block;
  visibility: visible;
}
/*--//Typography --*/

/**contact**/
.contact-map iframe {
	min-height:380px;
	width: 100%;
	border: none;
}
.contact_top {
	padding:4em 0 0 0;
}
.contact-head h3 {
	text-align: left;
	color: #fff;
	font-size: 2em;
	text-transform: uppercase;
	font-weight: 300;
	width: 73%;
	margin: 0 auto;
}
.contact-head p {
	text-align: left;
	color: #fff;
	font-size: 1.2em;
	font-weight: 300;
	width: 73%;
	margin: 0.2em auto;
}
.contact-top h3 {
	color: #FFF;
	font-size: 1em;
	text-transform: uppercase;
	font-weight: 300;
	margin: 0 0 1em;
}
.contact_left p{
	color:#999;
	font-size:0.85em;
	line-height:1.5em;
	margin-bottom: 1em;
}
.contact_left p span{
	cursor:pointer;
	color:#2aacc8;
}
.contact_left p span:hover{
	text-decoration:underline;
}
.form_details input[type="text"], .form_details textarea {
	padding: 11px;
	width: 100%;
	font-size: 1.25em;
	margin: 10px 0px;
	border:1px solid #F1592A;
	color: #bbb;
	background: none;
	-webkit-appearance: none;
	float: left;
	outline: none;
	font-weight:400;
	border-radius: 0.3em;
	-webkit-border-radius: 0.3em;
	-o-border-radius: 0.3em;
	-moz-border-radius: 0.3em;
}
.form_details textarea {
	height:200px;
	resize:none;
	width:100%;
}
.form_details input[type="submit"] {
	margin-top:1em;
	color: #fff;
	font-size: 1.25em;
	padding: 1em 1em 1em 1em;
	-webkit-appearance:none;
	text-transform: uppercase;
	display: inline-block;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	font-weight:400;
	border: none;
	text-transform:uppercase;
	outline: none;
	cursor: pointer;
	width:30%;
	background:#F1592A;
	border-radius: 0.3em;
	-webkit-border-radius: 0.3em;
	-o-border-radius: 0.3em;
	-moz-border-radius: 0.3em;
	float: left;
}
.form_details input[type="submit"]:hover {
 	text-decoration: none;
	color: #fff;
	background:#1d1d1b;
}
.contact {
  padding: 4em 0em;
}
.sub-button {
	margin-bottom: 25px;
}
.company_ad {
  text-align: left;
}
 .contact_left h3 {
  font-weight: 300;
  font-size: 2.25em;
  color: #F1592A;
  margin: 0em 0 0.5em;
  text-align: center;
  font-family: 'Myriad-Pro-Light', sans-serif;
}

.contact_left p{
	font-size: 1em;
  color: #999;
  line-height: 1.8em;
  margin-bottom: 19px;
    text-align: left;
}
.company_ad h3 {
   font-weight: 600;
  text-transform: capitalize;
  font-size: 2em;
  color: #555;
  margin: 0em 0 0.5em;
  text-align: left;
  font-family: 'Myriad-Pro-Light', sans-serif;
}
.company_ad span {
  font-size: 1em;
   color: #999;
  font-weight: 400;
  line-height: 1.8em;
  margin-bottom: 19px;
  
}
.company_ad p{
	font-size: 1.2em;
	line-height: 1.8em;
	color: ##3D3D3D;
}
.days p {
  font-size: 1em;
  line-height: 1.8em;
  color: #8A8888;
}
.company_ad a{
	font-size: 1.2em;
	line-height: 1.2em;
	color: #FFFFFF;
	margin-left: 2px;
}
/*------ end contact -----*/
/*-- responsive-design --*/
@media only screen and (max-width:1024px) {
	
body{
margin:1em 0 0 0;}

.maintop h1{
font-family: 'Myriad-Pro-Light', sans-serif;
font-size: 1.75em;
margin: 20px;
padding: 20px;
}
	
.top-menu > ul > li > a {
    font-size: 1.2em;
	  padding: 0px 0px 0 0;
	  margin: 0px;
	  font-size: 1.0em;
	  
	  
	  
}
.logo h1 {
  font-size: 4.5em;
}

.logo-grid a {	
  text-align:center;
  display: inline-block;
}

.logo-grids{
	text-align:center;
}
.logo-grid h5 {	
  text-align:center;
  padding-top: 0.75em;
}

.logo-grid2 h5 {
text-align:center;
}

.logo-grid2 h5 span {
  font-size: 1.25em;
}

.search {
 text-align:center;
}

.search input {
width: 250px;
}

.search button, html input[type="button"], input[type="reset"], input[type="submit"] {
	width: auto;	
	}




.interior-grid p {
   font-size: 0.965em;
}
.bottom-grid h3 {
  font-size: 1.6em;

}
.text1-nav ul li a {
  font-size: 0.98em;
  padding: 0px 9px;
  background: url(../images/arrow.png) no-repeat -1px 15px;
}
.bottom-grid h4 {
  font-size: 1.3em;
 }
 .bottom-grid p {
  font-size: 0.965em;
 }
 .product-section h3 {
  font-size: 1.6em;
 }
.product-grid1 h4 {
  font-size: 1.3em;
}
.product-grid1 p {
  font-size: 0.965em;
}
.new-number h4 {
  font-size: 2.5em;
}
.new-text h5 {
  font-size: 1.3em;
 }
 .new-text p {
  font-size: 0.965em;
 }
 .new-number {
  padding: 3.8em 0;

}
.new-text {
   padding: 1.4em 1em;
 
}
a.button1 {
   margin-top: 0.5em;
}
.header-banner h2 {
  font-size: 2em;
  padding-top: 2em;
}
.about-grid h4 {
  font-size: 1.3em;
 }
 .about-grid p {
  font-size: 0.965em;
 }
 .video iframe {
  width: 100%;
  height: 330px;
}
.our-team h3 {
  font-size: 1.6em;
 }
 .team-grid h5 {
  font-size: 1.3em;
 }
 .team-grid p {
  font-size: 0.965em;
 }
 .services-grid h4 {
  font-size: 1.3em;
 }
 .service-section h3 {
  font-size: 1.6em;
 }
 .services-grid p {
  font-size: 0.965em;
 }
 .service-grid1 h4 {
  font-size: 1.3em;
 }
 .service-grid1 p {
  font-size: 0.965em;
}
.grid_5 {
  background: none;
  padding: 1em 0;
}
.contact_left h3 {
  font-size: 1.6em;
 }
.company_ad h3 {
   font-size: 1.6em;
}
.contact_left p {
  font-size: 0.965em;
}
.company_ad span {
  font-size: 0.965em;
}
.company_ad p {
  font-size: 0.965em;
}
.form_details input[type="submit"] {
  width: 100%;
 }
}
 @media only screen and (max-width:768px) {
	 
body{
margin:1em 0 0 0;}

.maintop h1{

font-weight:400;
font-size: 1.25em;
margin: 20px;
padding: 20px;
}

	 
 span.menu {
display: block;
 cursor: pointer;
 margin: 14px 10px;
}
.top-menu {
float:left;
text-align:left;
}
.top-menu  ul{
display:none;
}
.top-menu  ul li {
font-size: 14px;
display:block;

	}
.top-menu ul li{
display:block;
float:none;
margin: 0em;
border-bottom: none;
border-right:none;
}
.top-menu ul li {
padding:6px 0 ;
 margin: 0 2em 0 2em;
}
.top-menu  ul{
margin:6px 0;
z-index: 999;
position: absolute;
width: 91%;
background:#FFFFFF;
text-align: center;


}
.top-menu > ul > li > a {
  font-size: 1.2em;
  padding: 0px 13px;
  display: block;
  font-size: 1.1em;
  margin: 0.05em 0.2em;
  color:#000000;
  line-height: 4em;
}
.social-icons {
  margin-top: 1em;
}
.logo h1 {
  font-size: 4em;

}



.logo-grid2 h5 span {
  font-size: 1.25em;
}


.search {
 text-align:center;
}

.search input {
width: 200px;
}

.search button, html input[type="button"], input[type="reset"], input[type="submit"] {
	width: auto;	
	}
	
	


.interior-grids {
  text-align: center;
  padding: 0em 0 0;
}
.interior-grid {
  float: left;
  width: 33.3%;
}
.interior-grid p {
  font-size: 0.95em;
    padding: 1em 0 4em 0;
}
.interior-grid h3 {
  font-size: 1.5em;
}
.bottom-grids {
  padding: 3em 0 0;
}
.bottom-grid {
  float: left;
  width: 100%;
}
.bottom-grid h3 {
  font-size: 1.5em;
}
.text1-nav ul li a {
  font-size: 0.95em;
  padding: 0px 9px;
  background: url(../images/arrow.png) no-repeat -1px 8px;
  line-height: 2.1em;
}
.bottom-grid h4 {
  font-size: 1.1em;
}
.bottom-grid p {
  font-size: 0.95em;
}
.product-section h3 {
  font-size: 1.5em;
}
.product-grid {
  width: 25%;
  float: left;
}
.product-grid1 {
  width: 25%;
  float: left;
  padding:0;
}
.product-grid1 h4 {
  font-size: 1.1em;
}
.product-grid1 p {
  font-size: 0.95em;
}
a.button1 {
    font-size: 1em;
}
.product-section {
  padding: 3em 0;
}
.new-grid {
  float: left;
  width: 100%;
}
.new-text h5 {
  font-size: 1.1em;
}
.new-text p {
  font-size: 0.95em;
   margin: 0.55em 1em;
}
.new-text {
  padding: 0.8em 0;
}
.new-section {
  padding: 3em 0;
}
.header-banner h2 {
  font-size: 1.6em;
 }
 .header-banner {
  min-height: 110px;
}
.about-section {
  text-align: center;
  padding: 3em 0;
}
.about-grid h4 {
  font-size: 1.1em;
}
.about-grid p {
  font-size: 0.95em;
  padding: 0.5em 0;
}
.about-grid {
  float: left;
  width: 60%;
  padding: 0;
}
.video {
  float: left;
  width: 40%;
}
.video iframe {
  width: 100%;
  height: 300px;
}
.about-grids {
  margin-top: 1em;
}
.our-team {
  padding: 3em 0;
 }
 .our-team h3 {
  font-size: 1.5em;
}
.team-grid {
  float: left;
  width: 33.3%;
}
.team-grid h5 {
  font-size: 1.1em;
}
.team-grid p {
  font-size: 0.95em;
}
.products-grid {
  width: 33.3%;
  float: left;
}
.products-section {
  padding: 3em 0;
 }
.services-section {
  padding: 3em 0;
 }
.services-grid {
  float: left;
  width: 100%;
}
.services-grid h4 {
  font-size: 1.1em;
}
.services-grid p {
  font-size: 0.95em;
}
.service-section h3 {
  font-size: 1.5em;
}
.service-grid1 {
  float: left;
  width: 100%;
}
.service-grid1 h4 {
  font-size: 1.1em;
}
.service-grid1 p {
  font-size: 0.95em;
}
.typo {
  padding: 3em 0;
}
.typo span.label {
  padding: .2em .5em .3em !important;
}
.contact_left {
  float: left;
  width: 100%;
}
.company-right {
  float: left;
  width: 39%;
}
.contact_left h3 {
  font-size: 1.5em;
}
.company_ad h3 {
  font-size: 1.5em;
}
.contact_left p {
  font-size: 0.95em;
}
.form_details input[type="text"], .form_details textarea {
  font-size: 0.965em;
  width: 100%;
}
.company_ad p {
  font-size: 0.95em;
}
.company_ad span {
  font-size: 0.95em;
}
.contact-map iframe {
  min-height: 320px;
}
.form_details input[type="submit"] {
  width: 100%;
  font-size: 0.96em;
}
.contact_top {
  padding: 3em 0 0 0;
}
.contact {
  padding: 3em 0em;
}
}
@media only screen and (max-width: 640px){
	
body{
margin:1em 0 0 0;}	

.maintop h1{

font-weight:400;
font-size: 1.1em;
margin: 20px;
padding: 20px;
}


	
.top-menu ul {
    width: 90.5%;
}
.top-menu ul li {
  padding: 0px 0;
}
.social-icons {
  margin-top: 0.65em;
}
span.menu {
  display: block;
  cursor: pointer;
  margin: 8px;
}
.logo {
  padding: 1em 0;
}
.logo h1 {
  font-size: 3.5em;
}

.search {
 text-align:center;
}

.search input {
width: 180px;
}

.search button, html input[type="button"], input[type="reset"], input[type="submit"] {
	width: auto;	
	}


.interior-grid h3 {
  font-size: 1.3em;
}
.interior-grid p {
    padding: 1em 0 3em 0;
}
.bottom-grid h3 {
  font-size: 1.3em;
}
.bottom-grid {
  float: none;
  width: 100%;
  padding-top:2em;
}
.text1-nav ul li a {
    background: url(../images/arrow.png) no-repeat 140px 8px;
}
.bottom-grids {
  padding: 1em 0 0;
  
}
.bottom-grid h4 {
  font-size: 1.05em;
}
.product-grid {
  width: 50%;
  float: left;
}
.product-grid1 {
  width: 50%;
  float: left;
  margin-bottom: 6em;
}
.product-grid1 h4 {
  font-size: 1.05em;
}
.product-section h3 {
  font-size: 1.3em;
}
.product-section {
  padding: 3em 0 0;
}
.product-section {
  padding: 3em 0 0;
}.new-section {
  padding: 1em 0;
}
.new-text {
    padding: 1.16em 1em;
 
}
.new-number h4 {
  font-size: 2em;
}
.new-text h5 {
  font-size: 1.05em;
}
.new-number {
   padding: 2.85em 0;
}
.new-grid {
  float: none;
  width: 100%;
  padding: 2em 0 0 0;
}
.header-banner h2 {
  font-size: 1.5em;
}
.about-grid h4 {
  font-size: 1.05em;
}
.about-grid {
  float: none;
  width: 100%;
  padding: 0;
}
.video {
  float: none;
  width: 100%;
  margin-top: 1em;
  padding: 0;
}
.our-team h3 {
  font-size: 1.3em;
}
.team-grid h5 {
  font-size: 1.05em;
}
.services-grid h4 {
  font-size: 1.05em;
  line-height: 1.5em;
}
.service-section h3 {
  font-size: 1.3em;
  margin-bottom: 0.5em;
}
.service-grid1 {
  float: left;
  width: 100%;
  margin-top: 2em;
}
.service-grid1 h4 {
  font-size: 1.05em;
}
.service-section {
  padding: 1em 0 2em 0;
  }
.grid_3 {
  margin-bottom: 0em;
}
.grid_5 h3, .grid_5 h2, .grid_5 h1, .grid_5 h4, .grid_5 h5 {
  margin-bottom: 0.5em;
}
.typo span.label {
  padding: .2em .6em .3em !important;
  font-size: 51%;
}

.typo .col-md-6 {
  width: 50%;
  padding-left: 0;
  float:left;
}
.pagination {
  margin: 10px 0;
 }
.pagination-lg > li > a, .pagination-lg > li > span {
  padding: 10px 16px;
  font-size: 8px;
}
.contact_left h3 {
  font-size: 1.3em;
}
.company_ad h3 {
  font-size: 1.3em;
}
.form_details input[type="submit"] {
  width: 100%;
  font-size: 0.96em;
}
.contact-map iframe {
  min-height: 240px;
}
}
@media only screen and (max-width: 480px){
	
body{
margin:1em 0 0 0;}	

.maintop h1{

font-weight:400;
font-size: 1em;
margin: 20px;
padding: 20px;
}

	
.main-header {
  margin: 1em auto 0;
  }
.top-menu ul {
  width: 89.1%;
}
.top-menu > ul > li > a {
  line-height: 3em;
}
.logo h1 {
  font-size: 4em;
}

.logo-grid2 h5 span {
  font-size: 1.1em;
}

.search {
 text-align:center;
}

.search input {
width: 160px;
}

.search button, html input[type="button"], input[type="reset"], input[type="submit"] {
	width: auto;	
	}

.interior-grids {
  text-align: center;
  padding: 0em 0 0;
}
.interior-grid {
  float: left;
  width: 100%;
  margin-top: 2em;
}
.interior-grid h3 {
  font-size: 1.2em;
}
.interior-grid p {
  padding: 1em 1em 2em 1em;
  font-size: 0.92em;
}
.text1-nav ul li a {
  background: url(../images/arrow.png) no-repeat 65px 8px;
  font-size: 0.92em;
}
.bottom-grid {
    padding-top: 1em;
}
.bottom-grid h3 {
  font-size: 1.2em;
}
.bottom-grid h4 {
  font-size: 1.1em;
}
.bottom-grid p {
  font-size: 0.92em;
}
.product-grid1 {
   margin-bottom: 2em;
}
.product-section {
  padding: 1em 0 0;
}
.product-grid1 h4 {
  font-size: 1.1em;
}
.product-grids {
  margin-top: 2em;
}
.product-grid1 p {
  font-size: 0.92em;
}
.new-section {
  padding: 0em 0;
}
.new-text h5 {
  font-size: 1.2em;
}
.new-number h4 {
  font-size: 1.8em;
}
.new-number {
  padding: 3.2em 0;
}
.new-text {
    padding: 1.1em 0 0;
}
.new-text p {
  font-size: 0.92em;
 }
 .header-banner {
  min-height: 91px;
}
.header-banner h2 {
  font-size: 1.3em;
}
.about-section {
  text-align: center;
  padding: 1em 0;
}
.about-grid h4 {
  font-size: 1.2em;
  margin-bottom: 0.3em;

}
.about-grid p {
  font-size: 0.9em;
}
.our-team {
  padding: 1em 0;
}
.our-team h3 {
  font-size: 1.2em;
}
.team-grid {
  float: left;
  width: 100%;
}
.team-grid img {
  margin: 0 auto;
}
.team-grids {
  margin-top: 0em;
}
.team-grid {
  margin-top: 1em;
}
.team-grid h5 {
  font-size: 1.2em;
  margin-top: 0.3em;
}
.team-grid p {
  font-size: 0.92em;
}
.products-section {
  padding: 1em 0;
}
.services-section {
  padding: 1em 0;
}
.services-grid {
  float: none;
  width: 100%;
}
.services-grid {
  margin-top: 1em;
}
.services-grid h4 {
  font-size: 1.2em;
}
.services-grid p {
  font-size: 0.92em;
}
.service-section h3 {
  font-size: 1.2em;
 }
.service-grid1 h4 {
    font-size: 1.2em;
  padding: 0.8em 0 0.4em;
}
.service-grid1 p {
  font-size: 0.92em;
}
.grid_5 h3, .grid_5 h2, .grid_5 h1, .grid_5 h4, .grid_5 h5 {
  margin-bottom: 0.3em;
}
h1, .h1 {
  font-size: 25px;
}
h2, .h2 {
  font-size: 20px;
}
.pagination > li > a, .pagination > li > span {
  padding: 5px 9px;
}
.typo {
  padding: 0em 0;
}
.contact_left {
  float: none;
  width: 100%;
  padding: 0;
}
.company-right {
  float: none;
  width: 100%;
  margin-top: 5em;
  padding: 0;
}
.contact_top {
  padding: 2em 0 0 0;
}
.contact_left h3 {
  font-size: 1.2em;
}
.contact_left p {
  font-size: 0.92em;
}
.form_details input[type="text"], .form_details textarea {
  font-size: 0.95em;
  width: 100%;
}
.company_ad h3 {
  font-size: 1.2em;
}
.company_ad span {
  font-size: 0.92em;
}
.company_ad p {
  font-size: 0.92em;
}
.contact {
  padding: 1em 0em;
}
.form_details input[type="submit"] {
  width: 30%;
  font-size: 0.85em;
}
}
@media only screen and (max-width: 320px){
	
body{
margin:1em 0 0 0;}

.maintop h1{

font-weight:400;
font-size: 1em;
margin: 20px;
padding: 20px;
}

	
.social-icons a i {
  width: 35px;
  height: 35px;
  background: url(../images/img-sprite.png) no-repeat 0px 0px;
  display: inline-block;
  }
.social-icons a i.icon1 {
  background-position: 0px 0px;
  background-size: 270px;
}
.social-icons a i.icon2 {
  background-position: -35px 0px;
  background-size: 270px;
}
.social-icons a i.icon3 {
  background-position: -70px 0px;
  background-size: 270px;
}
.main-header {
  margin: 2em auto 0;
}
.top-menu ul {
  width: 86%;
}
.top-menu > ul > li > a {
  line-height: 2.5em;
}

.logo-grid2 h5 span {
  font-size: 0.75em;
}



.search {
 text-align:center;
}

.search input {
width: 120px;
}

.search button, html input[type="button"], input[type="reset"], input[type="submit"] {
	width: auto;	
	}
	

.interior-grid {
    padding: 0;
	margin-top: 1em;
}
.interior-grid h3 {
  font-size: 1.5em;
}
.plus_btn a span {
    right: 0px;
}
.interior-grid p {
  padding: 1em 1em 1em 1em;
  }
 .bottom-grid {
  margin-top: 1em;
  padding: 0;
}
.bottom-grid h3 {
  font-size: 1.5em;
    margin-bottom: 0.5em;
}
.text1-nav ul li a {
  background: url(../images/arrow.png) no-repeat 7px 8px;
  font-size: 0.92em;
  line-height: 1.8em;
}
.bottom-grid h4 {
  font-size: 1.2em;
}
.product-section h3 {
  font-size: 1.5em;
}
.product-grid {
  width: 100%;
  float: none;
  padding: 0;
}
.product-grid1 {
  width: 100%;
  float: none;
  padding: 0;
  margin-top:1em
}
.product-grid1 h4 {
  font-size: 1.2em;
}
.new-grid {
   padding: 1em 0 0 0;
}
.new-text p {
  font-size: 0.92em;
    margin: 0.55em 0.5em
}
.new-number {
  padding: 3.9em 0;
}
.new-text {
  padding: 1em 0 0 0;
}
.new-text h5 {
  font-size: 1.1em;
}
.footer-section {
  padding: 1em 0;
}
.header-banner {
  min-height: 60px;
}
.header-banner h2 {
  font-size: 1.6em;
  padding-top: 0.8em;
}
.about-grid h4 {
  font-size: 1.2em;
  line-height: 1.5em;
}
.our-team h3 {
  font-size: 1.5em;
}
.team-grid h5 {
  font-size: 1.2em;
  }
.products-grid {
  width: 100%;
  float: none;
  padding: 0;
  margin-top: 1em;
}
.services-grid h4 {
  font-size: 1.2em;
}
.service-grid1 {
  float: left;
  width: 100%;
  margin-top: 1em;
  padding: 0;
}
.typo span.label {
  padding: .2em .6em .3em !important;
  font-size: 41%;
}
.service-grid1 h4 {
  font-size: 1.2em;
}
.contact-map iframe {
  min-height: 200px;
}
.contact_left h3 {
  font-size: 1.5em;
}
.form_details input[type="submit"] {
  width: 42%;
  font-size: 0.83em;
}
.company_ad h3 {
  font-size: 1.5em;
}
}