h1, h2, h3, p, a, img, ul {
padding: 0;
margin: 0;
outline: none;
list-style-type: none;
text-decoration: none;
}
body{
padding: 0;
margin: 0;
background-image: url(//stroidom-shop.ru/wp-content/themes/domstroy/images/bg.jpg);
}
strong {
font-weight: bold;
}
.wrapper{
width: 1000px;
margin: 0 auto;
position: relative;
height: 100%;
}
header, section, .navigation, footer{
margin: 0 auto;
box-sizing: border-box;
width: 100%;
min-width: 1000px;
font-family: 'Open Sans', sans-serif;
background-position: center;
background-repeat: no-repeat;
position: relative;
}
button{
border: none;
outline: none;
box-sizing: border-box;
border-radius: 0;
text-align: center;
cursor: pointer;
}
input{
box-sizing: border-box;
border: none;
border-radius: 0;
outline: none;
}
hr {
color:#ccc; 
height:1px; 
border:0; 
background:#ccc;
} header{
height: auto;
background-color: #ffffff;
padding-bottom: 5px;
}
header img{
width: 148px;
height: 44px;
margin: 30px 0 0 31px;
}
header #phone{
color:  #a0a0a0;
font-size: 17px;
font-weight: 300;
line-height: 18px;
text-align: left;
position: absolute;
right: 55px;
top: 0;
margin: 38px 30px 0 0;
background-image: url(//stroidom-shop.ru/wp-content/themes/domstroy/images/header/icon_phone.png);
background-position: 0 0;
background-repeat: no-repeat;
height: 24px;
padding: 5px 0 0 37px;
}
header #phone span{
font-weight: 700;
}  .navigation{
background-color:  #35393b;
height: 62px;
}
.navigation ul{
height: 100%;
white-space: nowrap;
}
.navigation ul li:nth-of-type(1){
margin-left: 87px;
}
.navigation ul li{
display: inline-block;
vertical-align: top;
height: 100%;
margin-left: 25px;
transition: 0.4s;
}
.navigation ul li a{
color:  #ffffff;
font-size: 16px;
font-weight: 400;
line-height: 23px;
text-align: center;
text-transform: uppercase;
padding: 21px 20px 0 20px;
display: block;
}
.navigation ul li:hover{
background-color:  #e88300;
}
.navMenu{
color:  #ffffff;
font-size: 16px;
font-weight: 400;
line-height: 60px;
text-align: center;
text-transform: uppercase;
padding: 0px 20px 0 20px;
display: none;
height: 100%;
}  section:nth-of-type(1){
background-image: url(//stroidom-shop.ru/wp-content/themes/domstroy/images/section1/bg.jpg);
height: 265px;
}  section:nth-of-type(2){
margin-top: 15px;
}
section:nth-of-type(2) .wrapper{
box-shadow: 2px 4px 8.5px 1.5px rgba(0, 0, 0, 0.2);
background: white;
background-repeat: no-repeat;
background-size: cover;
}
section:nth-of-type(2) article{
display: inline-block;
vertical-align: top;
box-sizing: border-box;
}
.sectionNav{
margin: 0 0 12px 0;
padding: 10px 0 0 30px;
font-family: 'Clear Sans';
color:  #4c4b4b;
font-size: 14px;
font-weight: 300;
line-height: 18px;
text-align: left;
transition: 0.4s;
}
.sectionNav a{
font-family: 'Clear Sans';
color:  #4c4b4b;
font-size: 14px;
font-weight: 300;
line-height: 18px;
text-align: left;
transition: 0.4s;
}
.leftSide{
width: 70%;
padding: 10px 20px 50px 45px;
font-family: 'Clear Sans';
}
.leftSide a {
color: #3e3e3e;
text-decoration: underline;
}
.leftSide a:hover {
color: #f68e23;
text-decoration: none;
}
.rightSide{
width: 28%;
}
.sectionNav a:hover{
color:  #f68e07;
text-decoration: underline;
}
.rightSide nav{
font-family: 'Clear Sans';
text-align: left;
display: block;
margin: 20px auto 0 auto;
width: 220px;
box-sizing: border-box;
}
.rightSide nav p{
color:  #3e3e3e;
font-size: 24px;
font-weight: bold;
line-height: 18px;
margin-bottom: 20px;
}
.rightSide nav ul li{
margin-bottom: 15px;
}
.rightSide nav ul li a{
color:  #3e3e3e;
font-size: 20px;
font-weight: 400;
line-height: 18px;
transition: 0.4s;
}
.rightSide nav ul li a:hover{
color:  #ed8804;
} .rightSide{
padding: 18px 0 0 0;
font-family: 'Open Sans';
}
.rightSide> div{
display: block;
margin-bottom: 18px;
}
.rightSide> div .rightSideTitle {
font-size: 14px;
font-weight: 400;
line-height: 18px;
text-align: left;
padding: 0px 30px 0 5px;
margin-bottom: 18px;
}
.rightSide> div .rightSideTitle a {
color:  #3b3a3a;
}
.rightSide> div .rightSideTitle a:hover {
color:  #f68e07;
text-decoration: underline;
}
.rightSide> div figure{
margin: 0 0 0 0;
width: 250px;
}
.rightSide> div img{
width: 253px;
height: 187px;
margin: 0 auto 8px auto;
}
.rightSide> div figcaption {
color:  #3b3a3a;
font-size: 12px;
font-weight: 400;
line-height: 18px;
text-align: left;
padding: 0 10px 0 5px;
}
#messegeResult p {
font-size: 11px;
} footer{
background-color:  #504f4f;
height: auto;
padding-bottom: 90px;
padding-top: 90px;
margin-top: 40px;
}
footer>div div{
display: inline-block;
vertical-align: top;
position: relative;
}
footer>div div:nth-of-type(1){
margin: 15px 0 0 37px;
}
footer>div div:nth-of-type(1) img{
}
footer>div div:nth-of-type(1) p{
font-family: Corbel;
color:  #fdfcfc;
font-size: 14px;
font-weight: 400;
line-height: 20px;
text-align: left;
}
footer>div div:nth-of-type(2){
margin: 39px 150px 0 100px;
}
footer>div div:nth-of-type(2) a{
border-radius: 6px;
background-color:  #fdfcfc;
width: 38px;
height: 38px;
display: inline-block;
vertical-align: top;
margin-right: 8px;
transition: 0.4s;
}
footer>div div:nth-of-type(2) img{
display: block;
margin: 10px auto 0 auto;
}
footer>div div:nth-of-type(2) a:nth-of-type(2) img{
margin: 5px auto 0 auto;
}
footer>div div:nth-of-type(3){
margin: -20px 0 0 0;
padding-bottom: 51px;
}
footer>div div:nth-of-type(3) p{
font-family: Corbel;
color:  #fdfcfc;
font-size: 18px;
font-weight: 400;
line-height: 20px;
text-align: right;
}
footer>div div:nth-of-type(3) a{
color:  #f6f9fb;
font-size: 23px;
font-weight: 300;
line-height: 30px;
text-align: right;
width: 100%;
display: block;
}
footer>div div:nth-of-type(3) a span{
font-weight: 600;
}
footer>div div:nth-of-type(3) img{
width: 96px;
height: 33px;
display: block;
position: absolute;
bottom: 0;
right: 0;
}
footer>div div:nth-of-type(2) a:hover{
background-color: #E88300;
}       .gallery a {
color: #3C3C3C;
text-decoration: underline;
font-weight: normal;
font-size: 18px;
}	
.gallery a:hover {
color: #f68e07;
text-decoration: none;
}	
#tablemain {
margin-bottom: 20px;
}
#tablemain a {
color: #414040;
text-decoration: underline;
}
#tablemain a:hover {
color: #f68e07;
text-decoration: none;
}
img.alignright{ float: right; margin: 0 0 1em 1em; }
img.alignleft{ float: left; margin: 0 1em 1em 0; }
img.aligncenter{ display: block; margin: 0px auto; }
.alignright{ float: right; margin: 0px 0px 10px 10px; }
.alignleft{ float: left; margin: 0px 10px 10px 0px; }
.aligncenter{ display: block; margin: 10px auto; }
.wp-caption{
background: #fce6ca none repeat scroll 0% 0%;
line-height: 18px;
text-align: center;
margin-bottom: 20px;
padding: 4px;
}
.wp-caption img{
margin: 0;
padding: 0;
border: 0 none;
}
.wp-caption p.wp-caption-text{
margin: 5px;
color: #2f2f2f;
font-size: 14px;
}
.buildingByNewTech .leftSide>h1{
color:  #414040;
font-size: 24px;
font-weight: 400;
line-height: 23px;
text-align: left;
margin-bottom: 30px;
font-family: 'Open Sans', sans-serif;
}
.buildingByNewTech .leftSide>figure img{
display: block;
margin: 0 0 15px 0;
}
.buildingByNewTech .leftSide>figure figcaption{
color:  #1c1c1c;
font-size: 14px;
font-weight: 300;
line-height: 18px;
text-align: center;
font-style: italic;
padding: 0 10px 0 0;
}
.buildingByNewTech .leftSide>p{
font-family: "Clear Sans";
color: #474646;
font-size: 16px;
font-weight: 300;
line-height: 24px;
text-align: justify;
margin-bottom: 20px;
}
.buildingByNewTech .leftSide ol{
list-style-type: decimal;
margin: 10px 0px;
}
.buildingByNewTech .leftSide ol li {
color: #f68e07;
font-size: 14px;
line-height: 28px;
font-weight: bold;
font-size: 16px;
}
.buildingByNewTech .leftSide ol li span {
color: #505050;
font-weight: normal;
}
.buildingByNewTech .leftSide .title{
color:  #f68e07;
font-size: 18px;
font-weight: bold;
line-height: 24px;
text-decoration: underline;
text-align: left;
margin-top: 10px;
margin-bottom: 10px;
}
.buildingByNewTech .leftSide>ul {
margin: 10px 0px 10px 20px;;
}
.buildingByNewTech .leftSide>ul li{
color:  #414040;
font-size: 16px;
font-weight: 300;
line-height: 24px;
text-align: left;
position: relative;
padding-left: 30px;
}
.buildingByNewTech .leftSide>ul li:before{
content: '';
position: absolute;
top: 5px;
left: 0;
border-radius: 50%;
background-color:  #f68e07;
width: 13px;
height: 13px;
}
.services .leftSide ol{
list-style-type: decimal;
margin: 10px 0px;
}
.services .leftSide ol li {
color: #f68e07;
font-size: 14px;
line-height: 28px;
font-weight: bold;
font-size: 16px;
}
.services .leftSide ol li span {
color: #505050;
font-weight: normal;
}
.services .leftSide>ul {
margin: 10px 0px 10px 20px;;
}
.services .leftSide>ul li{
color:  #414040;
font-size: 16px;
font-weight: 300;
line-height: 24px;
text-align: left;
position: relative;
padding-left: 30px;
}
.services .leftSide>ul li:before{
content: '';
position: absolute;
top: 5px;
left: 0;
border-radius: 50%;
background-color:  #f68e07;
width: 13px;
height: 13px;
}
.buildingByNewTech .excerpt{
background-image: url(//stroidom-shop.ru/wp-content/themes/domstroy/images/buildingByNewTech/hook.png);
background-repeat: no-repeat;
background-position: 10px 0;
background-color:  rgba(0,0,0,0.2);
width: 100%;
height: auto;
padding: 30px 50px 20px 50px;
box-sizing: border-box;
margin-top: 35px;
}
.buildingByNewTech .excerpt p:first-child{
color:  #1c1c1c;
font-size: 14px;
font-weight: bold;
line-height: 24px;
text-align: center;
font-style: italic;
}
.buildingByNewTech .excerpt p{
color:  #1c1c1c;
font-size: 14px;
font-weight: 300;
line-height: 24px;
text-align: center;
font-style: italic;
}
.buildingByNewTech iframe{
margin: 15px auto 0 auto;
display: block;
}
.buildingByNewTech .social{
margin: 45px 0 0 30px;
}
.buildingByNewTech .social img{
width: 30px;
height: 30px;
margin-right: 5px;
}
.buildingByNewTech .social p{
color:  #262525;
font-size: 14px;
font-weight: 300;
line-height: 24px;
text-align: left;
display: inline-block;
vertical-align: top;
padding-top: 4px;
}
.buildingByNewTech .social a:last-child{
color:  #262525;
font-size: 14px;
font-weight: 300;
line-height: 24px;
text-decoration: underline;
text-align: left;
display: inline-block;
vertical-align: top;
padding-top: 4px;
}
.buildingByNewTech .sameItem{
margin: 20px 0 0 30px;
}
.buildingByNewTech .sameItem .sameItemTitle{
color:  #262525;
font-size: 20px;
font-weight: bold;
line-height: 24px;
text-decoration: underline;
text-align: left;
margin-bottom: 15px;
}
.buildingByNewTech .sameItem figure{
width: 120px;
display: inline-block;
vertical-align: top;
margin: 0 0 0 0;
}
.buildingByNewTech .sameItem img{
width: 110px;
height: 86px;
}
.buildingByNewTech .sameItem figcaption a{
color:  #262525;
font-size: 12px;
font-weight: 300;
line-height: 14px;
transition: 0.4s;
text-align: center;
display: block;
width: 100%;
}
.buildingByNewTech .sameItem figcaption a:hover{
color:  #f68e07;
text-decoration: underline;
}  .services .leftSide h1{
font-family: 'Clear Sans';
color:  #474646;
font-size: 24px;
font-weight: bold;
line-height: 18px;
text-align: center;
margin-bottom: 30px;
}
.services .leftSide p{
font-family: 'Clear Sans';
color:  #474646;
font-size: 15px;
font-weight: 300;
line-height: 24px;
text-align: justify;
margin-bottom: 20px;
}
.services .leftSide p span{
color:  #e88300;
font-size: 18px;
font-weight: bold;
line-height: 24px;
text-decoration: underline;
text-align: justify;
}
.rightSide form{
border-radius: 4px;
background-color:  #d7d6d5;
width: 284px;
height: 330px;
padding-top: 20px;
margin: 10px auto 30px auto;
}
.rightSide form p{
font-family: 'Open Sans';
color:  #0b293d;
font-size: 15px;
font-weight: 700;
line-height: 26px;
text-align: center;
text-transform: uppercase;
margin: 0 0 5px 0;
}
.rightSide form input{
background-color:  #f9f9f9;
width: 228px;
height: 39px;
font-family: 'Open Sans';
color: black;
font-size: 12px;
font-weight: 300;
line-height: 36px;
text-align: left;
margin: 0 auto 15px auto;
display: block;
border-radius: 4px;
border-top: 2px solid grey;
padding-left: 15px;
}
.rightSide form .button_input input{
background-color:  #f9f9f9;
width: 228px;
height: 39px;
font-family: 'Open Sans';
color: black;
font-size: 12px;
font-weight: 300;
line-height: 36px;
text-align: left;
margin: 0 auto 15px auto;
display: block;
border-radius: 4px;
border-top: 2px solid grey;
padding-left: 15px;
}
.rightSide form select{
background-color:  #f9f9f9;
width: 228px;
height: 39px;
box-sizing: border-box;
border: none;
outline: none;
margin: 0 auto 15px auto;
display: block;
border-radius: 4px;
border-top: 2px solid grey;
padding-left: 15px;
font-family: 'Open Sans';
color:  #bdbdbd;
font-size: 12px;
font-weight: 300;
line-height: 52px;
text-align: left;
}
.rightSide form button{
background-color:  #f68e07;
width: 196px;
height: 36px;
margin: 25px auto 0 auto;
display: block;
font-family: 'Open Sans';
color:  #fffefb;
font-size: 14px;
font-weight: 300;
line-height: 18px
} .article .leftSide .articleNav{
background-color:  #d3d1d1;
height: 30px;
display: block;
margin: 30px auto 0 auto;
box-sizing: border-box;
overflow: hidden;
}
.article .leftSide .articleNav ul{
text-align: center;
}
.article .leftSide .articleNav ul li{
display: inline-block;
vertical-align: top;
width: 31px;
height: 100%;
}
.article .leftSide .articleNav ul li:last-child{
width: auto;
padding-right: 2px;
padding-left: 2px;
}
.article .leftSide .articleNav ul li a{
color:  #e88300;
font-size: 18px;
font-weight: 400;
line-height: 28px;
text-align: center;
}
.article .leftSide .articleNav ul li:hover{
background-color:  #e88300;
}
.article .leftSide .articleNav ul li:hover a{
color: #ffffff;
text-decoration: none;
}
.current {
color: white;
font-size: 18px;
font-weight: 400;
line-height: 28px;
text-align: center;
background-color:  #e88300;
}  .portfolio .leftSide h1{
font-family: 'Clear Sans';
color:  #474646;
font-size: 24px;
font-weight: bold;
line-height: 18px;
text-align: center;
margin-bottom: 40px;
}
.portfolio .leftSide div{
width: 291px;
display: inline-block;
vertical-align: top;
box-sizing: border-box;
position: relative;
cursor: pointer;
margin: 0 20px 40px 0;
}
.portfolio .leftSide div img{
width: 100%;
height: auto;
}
.portfolio .leftSide div p{
display: block;
width: 100%;
background-color:  rgba(246, 142, 7, 0.86);
height: 36px;
font-family: 'Clear Sans';
color:  #faf9f9;
font-size: 15px;
font-weight: 300;
line-height: 30px;
text-align: center;
position: absolute;
bottom: 0;
left: 0;
transition: 0.4s;
}
.portfolio .leftSide div:hover p{
height: 100%;
background-color: rgba(0,0,0,0.4);
}  .article .leftSide h1{
color:  #494848;
font-size: 24px;
font-weight: 400;
line-height: 23px;
text-align: center;
margin-bottom: 50px;
}
.article .leftSide>div{
display: block;
position: relative;
width: 95%;
padding-bottom: 30px;
margin-bottom: 20px;
}
.article .leftSide>div a{
font-family: 'Clear Sans';
color:  #4c4b4b;
font-size: 19px;
font-weight: 300;
line-height: 18px;
text-align: left;
display: block;
margin-bottom: 15px;
transition: 0.4s;
}
.article .leftSide>div img{
width: 214px;
height: 150px;
display: inline-block;
vertical-align: top;
}
.article .leftSide #news>div img{
width: 540px;
height: 150px;
display: inline-block;
vertical-align: top;
}
.article .leftSide>div>p{
display: inline-block;
vertical-align: top;
font-family: 'Clear Sans';
color:  #4c4b4b;
font-size: 14px;
font-weight: 300;
line-height: 18px;
text-align: left;
width: 60%;
padding: 0 10px 0 10px;
box-sizing: border-box;
}
.article .leftSide .articleLink{
position: absolute;
bottom: 0;
right: 0;
box-sizing: border-box;
}
.article .leftSide .articleLink p{
color:  #3b3a3a;
font-size: 10px;
font-weight: 400;
line-height: 26px;
text-align: left;
height: 24px;
background-position: 0 0;
background-repeat: no-repeat;
display: inline-block;
vertical-align: top;
padding-left: 25px;
margin-right: 15px;
}
.article .leftSide .articleLink p:nth-of-type(1){
background-image: url(//stroidom-shop.ru/wp-content/themes/domstroy/images/article/calend.png);
}
.article .leftSide .articleLink p:nth-of-type(2){
background-image: url(//stroidom-shop.ru/wp-content/themes/domstroy/images/article/cloud.png);
}
.article .leftSide>div a:hover{
color:  #f68e07;
text-decoration: underline;
} #tablesize table {
font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
border-collapse: collapse;
color: #686461;
font-size: 13px;
}
#tablesize caption {
padding: 10px;
color: white;
background: #f68e07;
font-size: 18px;
text-align: left;
font-weight: bold;
}
#tablesize th {
border-bottom: 3px solid #fcb04d;
padding: 10px;
text-align: left;
}
#tablesize td {
padding: 10px;
}
#tablesize tr:nth-child(odd) {
background: white;
}
#tablesize tr:nth-child(even) {
background: #fae0bd;
}  #maintext  p{
margin-bottom: 7px;
font-family: "Clear Sans";
color: #4C4B4B;
font-size: 14px;
font-weight: 300;
line-height: 18px;	
}
#maintext  span{
font-family: "Clear Sans";
color: #4C4B4B;
font-size: 17px;
font-weight: bold;
}
#maintext  table{
font-family: "Clear Sans";
color: #4C4B4B;
font-size: 16px;
font-weight: bold;
line-height: 18px;
}
#maintext  td{
padding: 20px;
}
.price .leftSide h1{
font-family: 'Clear Sans';
color:  #474646;
font-size: 24px;
font-weight: bold;
line-height: 18px;
text-align: center;
margin-bottom: 50px;
}
.price .leftSide p{
font-family: 'Clear Sans';
color:  #474646;
font-size: 14px;
font-weight: 300;
line-height: 24px;
text-align: justify;
padding: 0 50px 0 0;
margin-bottom: 15px;
}
.price .leftSide table{
border: 1px solid #000000;
border-collapse: collapse;
}
.price .leftSide th{
font-family: 'Clear Sans';
color:  #474646;
font-size: 14px;
font-weight: bold;
line-height: 18px;
text-align: left;
}
.price .leftSide a{
font-family: 'Clear Sans';
color:  #474646;
font-size: 14px;
font-weight: 300;
line-height: 18px;
text-align: left;
}
.price .leftSide th,
.price .leftSide td{
padding: 3px 5px 3px 5px;
}  .general .leftSide h1{
color:  #525151;
font-size: 20px;
font-weight: 300;
line-height: 18px;
text-align: center;
position: relative;
width: 370px;
margin: 0 auto 15px auto;
}
.general .leftSide h1:nth-of-type(2){
font-family: Arial;
color:  #383737;
font-size: 24px;
font-weight: 400;
letter-spacing: 0.6px;
line-height: 18px;
text-align: center;
width: 100px;
margin: 60px auto 40px auto;
}
.general .leftSide h1:before{
content: '';
position: absolute;
display: block;
background-color:  #bababa;
width: 115px;
height: 1px;
top: 11px;
left: -125px;
}
.general .leftSide h1:after{
content: '';
position: absolute;
display: block;
background-color:  #bababa;
width: 115px;
height: 1px;
top: 11px;
right: -125px;
}
h2{
font-family: Arial;
color:  #383737;
font-size: 16px;
font-weight: bold;
letter-spacing: 0.6px;
line-height: 18px;
text-align: center;
margin: 30px auto 20px auto;
}
h3{
font-family: Arial;
color:  #383737;
font-size: 15px;
font-weight: bold;
letter-spacing: 0.6px;
line-height: 18px;
text-align: center;
margin: 30px auto 20px auto;
}
.general .leftSide h2{
font-family: Arial;
color:  #383737;
font-size: 16px;
font-weight: 400;
letter-spacing: 0.6px;
line-height: 18px;
text-align: center;
margin: 30px auto 20px auto;
}
.general .leftSide .usefull{
font-size: 0;
}
.general .leftSide .usefull div{
width: 190px;
display: inline-block;
vertical-align: top;
margin: 10px;
}
.general .leftSide .usefull div img{
width: 190px;
height: 132px;
}
.general .leftSide .usefull div p:nth-of-type(1){
font-weight: bold;
}
.general .leftSide .usefull div p{
font-family: Arial;
color:  #444343;
font-size: 12px;
font-weight: 400;
line-height: 18px;
text-align: left;
margin-top: 7px;
}
.general .leftSide .usefull a{
text-decoration: none;
color: #444343;
}
.general .leftSide .usefull a:hover{
color: #ed8804;
}
.general .leftSide .news div{
display: block;
position: relative;
width: 95%;
padding-bottom: 30px;
margin-bottom: 20px;
}
.general .leftSide .news div a{
font-family: 'Clear Sans';
color:  #4c4b4b;
font-size: 19px;
font-weight: 300;
line-height: 18px;
text-align: left;
display: block;
margin-bottom: 15px;
transition: 0.4s;
}
.general .leftSide .news div a:hover{
color: #ed8804;
}
.general .leftSide .news div img{
width: 214px;
height: 150px;
display: inline-block;
vertical-align: top;
}
.general .leftSide .news div>p{
display: inline-block;
vertical-align: top;
font-family: 'Clear Sans';
color:  #4c4b4b;
font-size: 14px;
font-weight: 300;
line-height: 18px;
text-align: left;
width: 60%;
padding: 0 10px 0 10px;
box-sizing: border-box;
}
.general .leftSide .news div button{
position: absolute;
bottom: 0;
right: 0;
box-sizing: border-box;
background-color:  #f68e07;
width: 102px;
height: 32px;
color:  #fefefc;
font-size: 14px;
font-weight: 400;
line-height: 18px;
}
.auslugi {
font-size: 20px;
font-weight: bold;
color: #474646;
text-decoration: underline;
display: block;
text-align: center;
}
.auslugi:hover {
color: #f68e07;
text-decoration: none;
}    @media all and (max-width: 1000px){
.wrapper{
width: 100%;
}
header, section, .navigation, footer{
min-width: 320px;
}
section:nth-of-type(2) .wrapper{
background-size: cover;
padding-bottom: 30px;
}
.navigation ul li a {
font-size: 14px;
}
.navigation ul li:nth-of-type(1) {
margin-left: 50px;
}
.article .leftSide>div>p{
width: 55%;
}
.portfolio .leftSide div {
width: 250px;
}
}
@media all and (max-width: 970px){
footer>div div:nth-of-type(2) {
margin: 39px 100px 0 50px;
}
}
@media all and (max-width: 930px){
.general .leftSide .news div>p {
width: 55%;
}
}
@media all and (max-width: 900px){
.navigation ul li:nth-of-type(1) {
margin-left: 0;
}
.leftSide {
width: 100%;
padding: 10px 40px 50px 40px;
}
.rightSide> div{
display: none;
}
section:nth-of-type(2) article {
display: block;
}
.rightSide {
width: 100%;
}
.rightSide nav {
margin: 0px auto 0 auto;
width: 100%;
padding: 0 15px;
}
.rightSide nav ul li {
display: inline-block;
vertical-align: top;
}
}
@media all and (max-width: 870px){
footer>div div:nth-of-type(2) {
margin: 39px 30px 0 50px;
}
}
@media all and (max-width: 800px){
.navigation{
height: auto;
padding-bottom: 10px;
}
.navigation ul li{
display: none;
margin: 0;
}
.navigation ul li a {
padding: 10px 0 10px 0;
}
.navMenu{
display: block;
}
section:nth-of-type(1) {
display: none;
}
.portfolio .leftSide div{
width: 70%;
margin: 20px auto;
display: block;
}
.article .leftSide .articleNav{
margin: 80px auto 0 auto;
}
footer {
padding-bottom: 20px;
padding-top: 20px;
}
footer>div div:nth-of-type(1) {
display: none;
}
footer>div div:nth-of-type(2) {
margin: 30px auto;
display: block;
width: 200px;
}
footer>div div:nth-of-type(3) {
display: block;
padding-bottom: 0;
}
footer>div div:nth-of-type(3) p {
text-align: center;
}
footer>div div:nth-of-type(3) a {
text-align: center;
}
footer>div div:nth-of-type(3) img {
position: relative;
margin: 15px auto;
}
}
@media all and (max-width: 670px){
.article .leftSide>div {
margin: 20px auto;
width: 100%;
}
.article .leftSide>div img {
display: block;
margin: 10px auto;
}
.article .leftSide>div>p {
display: block;
text-align: center;
width: 100%;
}
.price .leftSide p{
padding: 0 10px;
}
}
@media all and (max-width: 620px){
.buildingByNewTech iframe {
width: 80%;
height: auto;
}
.general .leftSide .news div {
margin: 10px auto;
}
.general .leftSide .news div a {
text-align: center;
}
.general .leftSide .news div img {
display: block;
margin: 0 auto;
}
.general .leftSide .news div>p {
width: 100%;
text-align: center;
}
.general .leftSide .news div button {
position: relative;
margin: 10px auto;
display: block;
}
.general .leftSide .usefull div {
width: 100%;
display: block;
margin: 10px auto;
}
.general .leftSide .usefull div img {
margin: 0 auto;
display: block;
}
.general .leftSide .usefull div p{
text-align: center;
}
}
@media all and (max-width: 500px){
header img {
margin: 0 auto 10px auto;
display: block;
}
header{
padding-top: 5px;
}
header a {
text-align: center;
position: relative;
right: 0;
display: block;
background-image: none;
margin: 20px 0px 0 0;
padding: 0;
}   .general .leftSide h1:before{
display: none;
}
.general .leftSide h1:after{
display: none;
}
.leftSide {
padding: 0 10px 0 10px;
}
.buildingByNewTech .leftSide>h1 {
font-size: 20px;
text-align: center;
}
.buildingByNewTech .leftSide>p {
text-align: center;
}
.buildingByNewTech .leftSide>figure {
width: 290px;
float: none;
display: block;
margin: 10px auto 20px auto;
}
.buildingByNewTech .leftSide>h3 {
text-align: center;
}
.buildingByNewTech .excerpt {
background-image: none;
padding: 20px 10px 20px 10px;
}
.buildingByNewTech iframe {
width: 280px;
}
.buildingByNewTech .social p {
display: block;
}
.buildingByNewTech .social img {
margin-right: 2px;
}
.rightSide {
padding: 18px 10px 0 15px;
}
.rightSide nav ul li {
margin-bottom: 10px;
}
.rightSide nav ul li a {
font-size: 16px;
}
.article .leftSide .articleNav{
margin: 40px auto 0 auto;
}
.services .leftSide form{
margin: 40px auto 0 auto;
}
.portfolio .leftSide div{
width: 90%;
}
}
@media screen and (max-width: 570px) {
#maintext #tablemain td {display: block !important;}
}
@media screen and (max-width: 500px) {
p.comment-form-author {width: 100% !important;}p.comment-form-email {width: 100% !important;}
#comments #respond h3 {font-size: 18px !important;}#comments #respond p.logged-in-as {text-align: left !important;float: left !important;}
header #phone {position: static !important; margin: 0 auto 10px auto !important; width: 160px; white-space: nowrap;}
}
@media screen and (max-width: 400px) {
.general .leftSide h1 {width: 100% !important; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
}
div#sidebar {
list-style-type: none;
} #comments .comment-navigation {
border: 1px solid #eee;
border-radius: 5px;
padding: 10px 10px;
font-size: 14px;
background: #fbfbfb;
}
#comments h2.comments-title {
font-size: 18px;
color: #222;
margin-bottom: 0px;
padding-top: 10px;
border-top: 5px solid #eee;
text-align: left;
font-weight: normal;
}
#comments ol.comment-list {
list-style: none;
margin: 0px;
padding: 0px;
}
#comments ol.comment-list li {
margin: 30px 0px 0px 0px;
}
#comments ol.comment-list li .comment-body footer.comment-meta {
border-bottom: 1px solid #eee;
padding-bottom: 10px;
background: #eee;
width: 100%;
max-width: 100%;
position: relative;
min-width: 100%;
display: inline-flex;
padding: 10px;
margin-top: 0;
}
#comments ol.comment-list li .comment-body .comment-meta .avatar {
float: left;
margin-right: 20px;
}
#comments ol.comment-list li .comment-body .comment-meta .comment-author {
font-weight: bold;
font-size: 18px;
color: #222;float: left;
width: 50%;
}
#comments ol.comment-list li .comment-body .comment-meta .comment-author a {
color: #222;
}
#comments ol.comment-list li .comment-body .comment-meta .comment-author cite {
font-style: normal;
}
#comments ol.comment-list li .comment-body .comment-meta .comment-metadata {
font-size: 14px;
float: right;
width: 50%;
text-align: right;
}
#comments ol.comment-list li .comment-body .comment-meta .comment-metadata span,
#comments ol.comment-list li .comment-body .comment-meta .comment-metadata a {
margin: 0px 2px;
}
#comments ol.comment-list li .comment-body .comment-meta p.comment-awaiting-moderation {
margin: 0px 0px 0px 70px;
color: #ff0000;
}
#comments ol.comment-list li .comment-body .comment-content {
padding: 10px;
font-family: sans-serif;
font-weight: normal;
color: black;
font-size: 15px;
}
#comments #respond {
border: 1px solid #eee;
border-radius: 5px;
padding: 30px 30px;
background: #fbfbfb;    margin-top: 30px;
}
#comments #respond h3 {
color: #222;
margin: 0px 0px 20px 0px;
font-size: 20px;
font-weight: 700;text-align: left;
}
#comments #respond p {
margin-bottom: 10px;
}
#comments #respond p label {
display: block;
font-family: sans-serif;
margin-bottom: 10px;
font-weight: bold;
color: #35393b;
}
#comments #respond p input {
border-color: #ddd;
background-color: #f68e07;
width: 196px;
height: 36px;
display: block;
font-family: 'Open Sans';
color: #fffefb;
font-size: 14px;
font-weight: 300;
line-height: 18px;
}
#comments #respond p.logged-in-as {
text-align: right;
float: right;
}
#comments #respond p.form-submit {
margin-bottom: 0px;
}
p.comment-form-comment textarea#comment {
width: 100%;
}
p.logged-in-as a {
color: #f68e07;
text-decoration: none;
font-family: sans-serif;
font-size: 13px;
}
li.recentcomments {
padding: 0 30px;
font-size: 14px;
padding-bottom: 20px;
}
li.recentcomments a {
color: #f68e07;
}
h2.widgettitle {
color: #3e3e3e;
font-size: 24px;
font-weight: bold;
line-height: 18px;
margin-bottom: 20px;
font-family: serif;
letter-spacing: -1px;
}
article.comment-body {
width: 100%;
}
a.comment-reply-link {
border-color: #ddd;
background-color: rgba(246, 142, 7, 0.79);
display: block;
font-family: 'Open Sans';
color: #fffefb !important;
font-size: 14px;
font-weight: 300;
line-height: 18px;
padding: 5px;
max-width: 120px;
text-align: center;
text-decoration: none;
float: right;
}
b.fn {
font-size: 16px;
float: left;
}
p.comment-form-url {
display: none;
}
#comments #respond p input#author {
background: #fff;
border: solid 1px #a9a9a9;    color: #000;
}
#comments #respond p input#email {    color: #000;
background: #fff;
border: solid 1px #a9a9a9;
}
p.comment-form-author {
width: 48%;
float: left;
}
p.comment-form-email {
width: 48%;
float: right;
}
p.comment-form-email input {
width: 100% !important;padding: 2px;
}
p.comment-form-author input {
width: 100% !important;padding: 2px;
}
ul.kama {
padding: 0 30px;
font-size: 14px;
}
ul.kama a {
color: #f68e07;
}
.gallery {
margin-bottom: 20px;
overflow: hidden;
}
.gallery .gallery-item {
float: left;
margin: 20px;
text-align: center;
display: block;
}
.gallery img {
border: 2px solid #cfcfcf;
width: 150px;
height: 130px;
}
.gallery .gallery-caption {
margin-left: 0;
}
.rounded {
counter-reset: li; 
list-style: none; 
font: 14px "Trebuchet MS", "Lucida Sans";
padding: 0;
text-shadow: 0 1px 0 rgba(255,255,255,.5);
}
.rounded a {
position: relative;
display: block;
padding: .4em .4em .4em 2em;
margin: .5em 0;
background: #DAD2CA;
color: #444;
text-decoration: none;
border-radius: .3em;
transition: .3s ease-out;
}
.rounded a:hover {
background: #E9E4E0;
}
.rounded a:hover:before {
transform: rotate(360deg);
}
.rounded a:before {
content: counter(li);
counter-increment: li;
position: absolute;
left: -1.3em;
top: 50%;
margin-top: -1.3em;
background: #8FD4C1;
height: 2em;
width: 2em;
line-height: 2em;
border: .3em solid white;
text-align: center;
font-weight: bold;
border-radius: 2em;
transition: all .3s ease-out;
}