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



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


#preheaderrline{}
#preheaderrlineinfo{display: none;}
#preheaderrline_icon{float: left; margin: 5px 0 0 22%; overflow: auto;}
#headerr{width: 500px;}
#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: 500px;}
.docontentt2{width: 500px; height: 650px; margin-top: 10px; border-top-color: #FCBA66;border-top-style: dotted;border-top-width: 2px;}
.docontentt3{width: 500px;height: 650px;margin-top: 10px;}/* -В магазине без нижнего бордера- */

.docontenttrolik{width: 180px;height: 320px;float: left;margin: 30px 0 10px 50px;}
.docontenttrolik2{width: 450px;height: 289px;margin: -2px 0 0 -25px;}
.docontenttrolik3{width: 380px;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: 10px 0 0 0px;}


.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: 500px; height: 880px; margin: 0 auto; position: relative;}
.contenttetapi0{ margin: 20px 0 0 1px; position: absolute;}
.contenttetapi1{width: 450px; height: 150px; margin: 90px 0 0 40px;position: absolute; background: url("../images/sozdanie-saitov-kharkov-etap-01.jpg"); background-size: cover;}
.contenttetapi2{width: 450px; height: 150px; margin: 240px 0 0 1px; position: absolute; background: url("../images/sozdanie-saitov-kharkov-etap-04.jpg"); background-size: cover;}
.contenttetapi3{width: 450px; height: 150px; margin: 410px 0 0 -11px; position: absolute; background: url("../images/sozdanie-saitov-kharkov-etap-02.jpg"); background-size: cover;}
.contenttetapi4{width: 450px; height: 150px; margin: 580px 0 0 1px; position: absolute; background: url("../images/sozdanie-saitov-kharkov-etap-03.jpg"); background-size: cover;}
.contenttetapi5{width: 450px; height: 150px; margin: 710px 0 0 40px; 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: 500px; 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: 500px;float: none;margin-right: 50px;}
.contenttblocktextright{width: 500px;float: right; margin-left: 50px;}
.contenttblocktextleft p,.contenttblocktextright p{padding-top: 20px;}
.contenttblocktextleft h2,.contenttblocktextright h2{padding-top: 50px;}

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


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


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




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

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

.materialphotoleft{width: 498px; height: 380px;background-size: contain;box-shadow: 0 0 2px rgba(0, 0, 0, 0.49);float: none;margin-left: 2px;}
.materialphotoright{width: 498px; height: 380px;background-size: contain;box-shadow: 0 0 2px rgba(0, 0, 0, 0.49);float: none;margin-right: 2px;}
.materialtextleft{width: 498px; height: 280px; float: none;}
.materialtextright{width: 498px; 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:490px;}
.otzivi{width: 490px; height: 320px; margin: 0 auto;}
.leftarrow{display: none;}
.rightarrow{display: none;}
.centerslide{width: 490px; height: 320px;}
.centerslide img{margin: 45px 25px 0 12px;}
.copyr {margin-left: 40%;}

 img.krug3 {  width:450px;}