/* -------Responsive правила--------- */



/* -Всё что responsive в шапке- */


#preheaderrline{}
#preheaderrlineinfo{display: inline-block;}
#preheaderrline_icon{float: left; margin: 5px 0 0 9%; overflow: auto;}
#headerr{width: 600px;}
#headerrlogo{float: left; margin: 20px 0 20px 1%;}
#headerrcont{width: 125px; height: 43px; float: none; margin: 21px 0 0 20px; background-size: cover; display: none;}


/* -Всё что responsive в precontente- */


#docontentt{width: 600px;}
.docontentt2{width: 600px; height: 650px; margin-top: 10px; border-top-color: #FCBA66;border-top-style: dotted;border-top-width: 2px;}
.docontentt3{width: 600px;height: 650px;margin-top: 10px;}/* -В магазине без нижнего бордера- */

.docontenttrolik{width: 530px; height: 320px; float: left; margin: 30px 0 30px 6%; background-size: contain;}
.docontenttrolik2{width: 420px;height: 269px;margin: 12px 0 0 55px;}
.docontenttrolik3{width: 530px; height: 320px;margin: 0 auto;  background: url("../images/sozdanie-saita-moskva-rolik-notebook.jpg") no-repeat; background-size: contain;}
#docontenttbigtext{width: 480px; float: left; margin: 0px 0 0px 10%;}

.docontenttlogo{width: 1100px; margin: 0 auto; margin-top: 10px; overflow: auto; display: none;}
.docontenttlogotip{width: 110px; height: 60px; margin: 20px; background-size: 100%; border: 3px solid #fff; display: none;}

.contenttetapi{width: 600px; height: 880px; margin: 0 auto; position: relative;}
.contenttetapi0{ margin: 20px 0 0 1px; position: absolute;}
.contenttetapi1{width: 450px; height: 150px; margin: 90px 0 0 130px;position: absolute; background: url("../images/sozdanie-saitov-kharkov-etap-01.jpg"); background-size: cover;}
.contenttetapi2{width: 450px; height: 150px; margin: 240px 0 0 20px; position: absolute; background: url("../images/sozdanie-saitov-kharkov-etap-04.jpg"); background-size: cover;}
.contenttetapi3{width: 450px; height: 150px; margin: 410px 0 0 -7px; position: absolute; background: url("../images/sozdanie-saitov-kharkov-etap-02.jpg"); background-size: cover;}
.contenttetapi4{width: 450px; height: 150px; margin: 580px 0 0 20px; position: absolute; background: url("../images/sozdanie-saitov-kharkov-etap-03.jpg"); background-size: cover;}
.contenttetapi5{width: 450px; height: 150px; margin: 710px 0 0 130px; position: absolute; background: url("../images/sozdanie-saitov-kharkov-etap-05.jpg"); background-size: cover;}
p.etapi {margin-right: 140px;}
/* -Всё что responsive в contente- */


.contenttline{width: 100%;}
.contentt{width: 600px; margin: 0 auto; overflow: auto;}

.contenttblock{overflow: hidden; padding-top: 60px; border-bottom-color: #FCBA66;border-bottom-style: dotted;border-bottom-width: 2px; margin-top: 50px;}
.contenttblocklast{overflow: hidden; padding-top: 60px; margin-top: 50px;}/*--- без нижнего бордера --- */

img.leftt { width: 400px; height: 400px; margin-top: -8px;}
img.rightt { width: 400px; height: 400px; margin-top: -8px;}
.contenttblocktextleft{width: 600px;float: none;margin-right: 50px;}
.contenttblocktextright{width: 600px;float: right; margin-left: 50px;}
.contenttblocktextleft p,.contenttblocktextright p{padding-top: 20px;}
.contenttblocktextleft h2,.contenttblocktextright h2{padding-top: 50px;}

.contenttlineblock{float: left; margin: 25px 7px 35px 22px;}/*--- кружки --- */


.contenttlineblock-eto-mi-img{width: 120px; height: 120px; float: left; margin: 15px 10px 10px 15px;background-size: contain;}


.blockquotediv{width: 600px; margin: 0 auto; }
.vkblock{width: 600px; margin: 0 auto;}




/* -Всё что responsive в footere- */

.footermenu {width: 195px; height: 200px; float: left; margin: 55px 10px 20px 190px;}
.footersotsseti {width: 303px; float: left; padding-top: 1px; margin: 55px 10px 20px 132px;}
.footercont {width: 303px;float: left; margin-left: 102px;}
#footerline{width: 100%;
  height: 28px;
  }
#contmap{width: 600px;}
/* -------Responsive правила конец -------- */
.vieww {margin: 15px 15px 15px 24%;}/* портфолио отступ*/
#fdw-pricing-table {width: 600px; text-align: center;}/* блок в котором лежат цены портфолио отступ*/
#fdw-pricing-table .plan {margin: 20px 0 20px 45px;}/* блок с ценой один из трёх*/

.materialphotoleft{width: 548px; height: 420px;background-size: contain;box-shadow: 0 0 2px rgba(0, 0, 0, 0.49);float: none;margin-left: 2px;}
.materialphotoright{width: 548px; height: 420px;background-size: contain;box-shadow: 0 0 2px rgba(0, 0, 0, 0.49);float: none;margin-right: 2px;}
.materialtextleft{width: 550px; height: 280px; float: none;}
.materialtextright{width: 550px; height: 280px; float: none;}
.materialtextP{font-size: 1em;} 
.Pright{margin: 20px 0 0 20px; font-size: 1em;}
.Pleft{margin: 20px 0 0 20px; font-size: 1em;}

/* -------Модуль отзывы -------- */
.slider-5 ul, .slider-wrap-5{width:590px;}
.otzivi{width: 590px; height: 250px; margin: 0 auto;}
.leftarrow{display: none;}
.rightarrow{display: none;}
.centerslide{width: 590px; height: 250px;}
.centerslide img{margin: 45px 25px 0 12px;}
.copyr {margin-left: 50%;}

img.krug3 {  width:450px;}