/* -------Общие правила---------  */
@font-face {
  font-family: 'Open Sans';
  src: url(../fonts/OpenSans-Regular.ttf);
  font-weight: normal;
}
@font-face {
  font-family: 'Open Sans';
  src: url(../fonts/OpenSans-Light.ttf);
  font-weight: 300;
}
@font-face {
  font-family: 'Roboto Slab';
  src: url(../fonts/RobotoSlab-Regular.ttf);
  font-weight: normal;
}
*{margin:0;padding:0;font-family: 'Open Sans', sans-serif;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block; }
body {font-family: 'Open Sans', sans-serif; color:#393939;}
h1 {font-family: 'Open Sans', serif;font-size: 2.4em;color: #343434;line-height: 1.1em;font-weight: 300;letter-spacing: -0.05em;}
h2 {font-size: 2em;}
.titlee {
    color: #585858;
    line-height: 1.1em;
    font-weight: 400;
    letter-spacing: -.04em;
    text-transform: uppercase;
}
h2.titleewhite {color: #ffffff;line-height: 1.1em;font-weight: 100;letter-spacing: -.05em;text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.35)}
h3 {font-size: 1.9em;line-height: 1.1em;letter-spacing: -0.06em;}
.roboto {font-family: 'Roboto Slab',serif;font-size: 2.1em;color: #49534b;line-height: 1.1em;font-weight: 400;letter-spacing: -.06em;text-shadow: 2px 2px 2px rgba(255,255,255,1);}
h3.titleewhite {color: #ffffff;line-height: 1.1em;font-weight: 100;letter-spacing: .06em;text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.35)}
h4 {font-size: 1.8em;line-height: 1.1em; letter-spacing: -0.05em;}
h5 {font-size: 1.7em;line-height: 1.1em;letter-spacing: -0.05em;}
h6 {font-size: 1.5em;letter-spacing: -0.02em;}
a {text-decoration: none; color: rgb(0, 81, 255);}
a:hover {text-decoration: underline; color: rgb(0, 158, 255);}
a:active {text-decoration: none; color: rgb(255, 142, 20);}
p {line-height: 1.5em; letter-spacing: .01em; color: #333;font-size: 1.05em;}
.center{text-align: center;}
.white{color: #fdfdfd;}
.litleblue{background: -moz-linear-gradient(top, rgba(232,244,247,1) 0%, rgba(125,185,232,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(232,244,247,1) 0%,rgba(125,185,232,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(232,244,247,1) 0%,rgba(125,185,232,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8f4f7', endColorstr='#007db9e8',GradientType=0 ); /* IE6-9 */}
.tonkij{font-weight:300;}
p.text:first-line {line-height: 1.6em;font-size: 1.4em;text-shadow: 0px 1px 2px #C2C2C2; font-weight: 300;}
p.spisok{ font-size: 0.96em!important;letter-spacing: -.03em;text-align: center; color: #FFCF9B!important;}
span.bolt {font-size: 1.4em;font-weight: 400;letter-spacing: .07em;color: rgb(255, 255, 255);text-shadow: 1px 1px 1px rgba(0, 0, 0, .53);margin-top: 43px;line-height: 1.5em;}
mark { background-color: rgba(255, 132, 0, 0.32);padding: 0px 6px 4px 7px;}

/* hr - ки */


.style-one{border: 0;margin: 0 auto;width: 70%;height: 1px;background: #333;background-image: linear-gradient(to right, #909090, #a9a9a9, #909090);}
.style2{width: 60%; margin: 0 auto; border: 0;height: 1px;background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));background-image:-moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));}

.line-hr{width: 100%; height: 7px; display: block; background-repeat: repeat-x;}
.sprite2.style3 {background-position: 0px 0px;height: 5px;width: 100%;}


ul {list-style:none;}

.semantics_info {display: none;}
.graybackground {background-color: #f7f7f7;  }
.graybackground3 {background: url(../images/bg_hero.jpg) no-repeat top center;}
.bluebackground {background-color: #3D708E; border: 1px solid #1c5380;border-color: rgba(4,40,71,.8);-webkit-box-shadow: 0 1px 0 rgba(111,151,182,.5)inset,0 -1px 0 rgba(111,151,182,.2)inset,0 1px 1px rgba(0,0,0,.2);-moz-box-shadow: 0 1px 0 rgba(111,151,182,.5)inset,0 -1px 0 rgba(111,151,182,.2)inset,0 1px 1px rgba(0,0,0,.2); box-shadow: 0 1px 0 rgba(111,151,182,.5)inset,0 -1px 0 rgba(111,151,182,.2)inset,0 1px 1px rgba(0,0,0,.2);box-sizing: border-box;background-image: url('../images/sozdanie-saitov-moskva-fon-blocka.png');}
img.krug {width: 220px;border-radius: 50%;}
img.krug2 {width: 200px;}
#headerupline{width: 100%; height: 35px; background-color: #656565; box-shadow: 0 1px 0 rgba(111,151,182,.5)inset,0 -1px 0 rgba(111,151,182,.2)inset,0 1px 1px rgba(0,0,0,.2);}
#headerrline_tel{}
#headerrline_icon{width: 280px;height: 40px;background-color: rgba(255, 255, 255, 0.91);margin-top: -2px;padding: 8px 13px 4px 13px;border-radius: 0 0 7% 7%;border-color: #ca4d67;border-style: dashed;border-width: 0.12em;}
.phonenaverhu{width: 147px;height: 20px;float: left;font-size: 0.8em;margin-top: 7px;}
.phonenaverhu p{color: white;}
.headerrline_sontsiconki_facebook{width: 36px;height: 36px;float: left;margin: 0px 0 0 3px;background-position: -26px 0px;filter: grayscale(100%);} 
.headerrline_sontsiconki_facebook:hover {filter: grayscale(1%);transition: all .2s;}
.headerrline_sontsiconki_vk{width: 36px;height: 36px;float: left;margin: 0px 0 0 0px;background-position: -68px 0px;filter: grayscale(100%);}
.headerrline_sontsiconki_vk:hover {filter: grayscale(1%);transition: all .2s;}
.headerrline_sontsiconki_insta{width: 36px;height: 36px;float: left;margin: 0px 0 0 2px;background-position: -26px -38px;filter: grayscale(100%);}
.headerrline_sontsiconki_insta:hover {filter: grayscale(1%);transition: all .2s;}
.headerrline_sontsiconki_instagram{width: 36px;height: 36px;float: left;margin: 0px 0 0 4px;background-position: -111px 0px;filter: grayscale(100%);}
.headerrline_sontsiconki_instagram:hover {filter: grayscale(1%);transition: all .2s;}
.headerrline_sontsiconki_you{width: 36px;height: 36px;float: left;margin: 0px 0 0 5px;background-position: -154px 0px;filter: grayscale(100%);}
.headerrline_sontsiconki_you:hover {filter: grayscale(1%);transition: all .2s;}
.headerrline_sontsiconki_viber{width: 36px; height: 36px;float: left;margin: 0px 0 0 5px;
background-position: -334px 0px;filter: grayscale(100%);}
.headerrline_sontsiconki_viber:hover {filter: grayscale(1%);transition: all .2s;}
.headerrline_sontsiconki_wats{width: 36px;height: 36px;float: left;margin: 0px 0 0 5px;background-position: -69px -38px;filter: grayscale(100%);}
.headerrline_sontsiconki_wats:hover {filter: grayscale(1%);transition: all .2s;}
.headerrline_sontsiconki_telegram{width: 36px;height: 36px;float: left;margin: 0px 0 0 5px;background-position: -375px 0px;filter: grayscale(100%);}
.headerrline_sontsiconki_telegram:hover {filter: grayscale(1%);transition: all .2s;}
.headerrline_sontsiconki_scype{width: 36px;height: 36px;float: left;margin: 0px 0 0 5px;background-position: -291px 0px;filter: grayscale(100%);}
.headerrline_sontsiconki_scype:hover {filter: grayscale(1%);transition: all .2s;}
.price_video{width: 38px;height: 27px;background-position: -250px 2px;cursor: pointer;}
.price_video:hover {background-position: -250px -26px;transition: all .1s;}


.menuicon {margin: 5px auto 5px;}
.menu_odin{width: 37px;height: 48px;background-position: 0px -241px ; margin: 0 auto;filter: grayscale(100%) opacity(40%);}
.menu_odin:hover {filter: grayscale(1%) opacity(100%); transition: all .4s;}

.menu_dva{width: 37px;
    height: 48px;
    background-position: -44px -242px;margin: 0 auto;filter: grayscale(100%) opacity(40%);}
.menu_dva:hover {filter: grayscale(1%) opacity(100%); transition: all .4s;}

.menu_tri{width: 37px;
    height: 48px;
    background-position: -94px -241px;; margin: 0 auto;filter: grayscale(100%) opacity(40%);}
.menu_tri:hover {filter: grayscale(1%) opacity(100%); transition: all .4s;}

.menu_chetire{width: 37px;
    height: 48px;
    background-position: -145px -240px; margin: 0 auto;filter: grayscale(100%) opacity(40%);}
.menu_chetire:hover {filter: grayscale(1%) opacity(100%); transition: all .4s;}

.menu_piat{width: 37px;
    height: 48px;
    background-position: -191px -241px; margin: 0 auto;filter: grayscale(100%) opacity(40%);}
.menu_piat:hover {filter: grayscale(1%) opacity(100%); transition: all .4s;}
.menu_six {width: 64px;height: 49px;background-position: -315px -239px;margin: 0 auto;filter: grayscale(100%) opacity(40%);}
.menu_six:hover {filter: grayscale(1%) opacity(100%); transition: all .4s;}


.bigmenutext{color: rgba(255, 255, 255, 0.65);}
.fotoramadiv {width: 100%;margin: 0 auto;}



/* -------блоки с фото лево и право--------- */
.contenttblock {overflow: hidden;}
.contenttblock:nth-child(even){background-color: rgba(0, 0, 0, 0.03);}  
.contenttblock h3{ font-family: 'Roboto Slab',serif;font-size: 2.1em;color: #49534b;line-height: 1.1em;font-weight: 400;letter-spacing: -.06em;position: relative;padding-left: 27px;}
.contenttblock h3:before {position: absolute;left: 0;top: 1px;content: '';height: 102%;width: 4px;background-color: #ba48eb;} 

/* -------пять преимуществ цифры выезжающие стили шрифтов--------- */
.piatpriemeshestvright h3{color: #565656;font-size: 1.6em;letter-spacing: -0.02em;margin: 13px;}
.piatpriemeshestvleft h3{color: #565656;font-size: 1.6em;letter-spacing: -0.02em;margin: 13px;}  
.piatpriemeshestvright p{font-size: 1em;letter-spacing: 0.01em;}
.piatpriemeshestvleft p{font-size: 1em;letter-spacing: 0.01em;}

/* -------о нас в цифрах--------- */
.counter-value{color: #a018db;
    font-size: 1.2em;
    float: left;
    padding-right: 10px;}
.counter-odin-img {width: 65px;height: 70px;margin: 10px auto;background-position: 1px -298px;}
.counter-dva-img {width: 69px;height: 70px;margin: 10px auto;background-position: -66px -298px;}
.counter-tri-img {width: 78px;height: 70px;margin: 10px auto;background-position: -137px -298px;}
.counter-chetire-img {width: 65px;height: 70px;margin: 10px auto;background-position: -217px -298px;}




.parallaxx {background-image: url("/images/stroitelstvo-domov-moskva-paralax.jpg");height: 100%; 
background-attachment: fixed; background-position: center;background-repeat: no-repeat; 
background-size: cover; }
.parallax2 {background-image: url("/images/paralax2.jpg");height: 100%; 
background-attachment: fixed; background-position: center;background-repeat: no-repeat; background-size: cover;}
.aktsiafoto {display: block;}
.footerflexline{display:flex; width: 100%; height: 10px;}
.footerflexlinebox:nth-child(1){flex:6; background-color: #963fc1;}
.footerflexlinebox:nth-child(2){flex:5; background-color: #838db0;}
.footerflexlinebox:nth-child(3){flex:4;background-color: #a8e7fe;}
.footerflexlinebox:nth-child(4){flex:3;background-color: #90d1f5;}
.footerflexlinebox:nth-child(5){flex:2;background-color: #cbf1ba;}
.footerflexlinebox:nth-child(6){flex:1; background-color: #6b8790;}
.footericonki{width: 116px;
    display: block;
    overflow: auto;
    margin: 0 auto;}
#footerconttel {color: white;width: 300px;}
#footerconttel li {margin: 15px 0;}

/* -------Responsive правила хеадер--------- */
.rolikk{margin: 0 auto;}
#headerrline_tel{ width: 300px;height: 30px;}
#preheaderrline_icon{}
.headerrlogo{width: 132px;
    height: 130px;
    background-position: -158px -76px;
    display: block;}
.side-menu-wrapper ul{display: block!important;}
.headerphoto{background-color: #fbfaf8;}
.zakarluch {height: 14px;width: 315px;margin: 2% auto;background-position: -94px -398px;}

/* -Всё что responsive в contente- */
.uprolik{}
.uptext{}
.uptext p{font-size: 1.5em;color: #232323;line-height: 1.2em;font-weight: 300;letter-spacing: -0.02em;text-shadow: 0px 0px 1px rgba(255, 255, 255, 1);}
.middiv{}
.divleft{}
.divright{}

.chetirebloka{width: 255px; display: block;/* padding: 40px 0 20px 0;*/ }
.chetireblokatext {width: 196px;
    margin: 0 auto;
    border-left-color: #996dac;
    border-left-style: solid;
    border-left-width: 7px;
    padding-left: 10px;}
.chetireblokaimg{width: 250px;
    height: 250px;
    margin: 0 auto;}	
.chetirebloka h3 {
    margin: 26px 0px 0px 15px;
    color: #272727;
    font-family: 'Open Sans', serif;
    line-height: 1.1em;
    font-size: 1.4em;
    font-weight: 400;
    text-align: left;
}	
.vkblock{width: 320px; margin: 0 auto;}
.materialphoto{}
.materialtext{}
.piatpriemeshestvtitle  {background: rgba(255, 255, 255, 0.75);padding: 0;height: 150px;
    overflow: hidden; box-sizing: border-box;}
.piatpriemeshestvright{background-color: white; float: right;}
.piatpriemeshestvleft{background-color: white; float: left;}
.piatpriemeshestvrightnamber {background-color: #fcfae1;width: 100%;}
.piatpriemeshestvleftnamber {background-color: #fcfae1;width: 100%;}
.piatpriemeshestvleftnamber, .piatpriemeshestvrightnamber span {color: #f6e497;font-weight: 800;text-align: center;display: block;}
.piatpriemeshestvright p,h3{margin: 10px;}
.piatpriemeshestvleft p,h3{margin: 10px;}




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

.footermenu {width: 225px;}
.footermenu a{color: #b7b7b7;transition: color .5s, color .5s;    font-size: 1.5em;}
.footermenu a:hover{color: white; text-decoration: none;}
.footermenu li{margin: 1px 0;}
.footersotsseti {width: 450px;}

#footerline{width: 100%;height: 26px;padding-top:10px;background-color: rgba(0, 0, 0, 0.27);box-shadow: 0 1px 0 rgba(136, 136, 136, 0.5)inset,0 -1px 0 rgba(111,151,182,.2)inset,0 1px 1px rgba(0,0,0,.2);}



/*----------кнопка наверх------------*/

#scroller{position: fixed;bottom: 30px;right: 30px;background-image: url(../images/scroll-to-top.png);width: 40px;height: 40px;cursor: pointer;border-radius: 50%;display:none;opacity: 0.8;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}
#scroller:hover {opacity: 0.9;box-shadow: 0px 0px 6px #FCBA66;}


/** ---------- страница контакты --------- **/
.sprite {background-image: url(../images/spritik-new-3x.png);background-size: 412px;}
.sprite2 {background-image: url(../images/spritik2.png);}
.conttel{ background-image: url('../images/squared_metal.png');width: 340px; height: 454px; float: left; margin: 40px 0 40px 40px; }
#conttel2{width: 320px; margin: 40px 0 40px 40px; } 
#conttel2 ul  {}
#conttel2 li {margin: 15px;}

.mtcc {float: left; width: 23px; height: 23px;margin-right: 5px; background-position: 0px -26px;}
.lifee {float: left; width: 23px; height: 23px;margin-right: 5px; background-position: 0px 2px;}
.kss {float: left; width: 23px; height: 23px;margin-right: 5px; background-position: 0px -54px;}
.scypee {float: left; width: 23px; height: 23px;margin-right: 5px; background-position: 0px -80px;}
.adress{float: left; width: 23px; height: 23px;margin-right: 5px; background-position: 0px -135px;}
.maill {float: left; width: 23px; height: 23px;margin-right: 5px; background-position: 0px -109px;}
.gorodd {float: left; width: 23px; height: 23px;margin-right: 5px; background-position: 1px -163px;}
.contmap{ width: 320px; float: left; margin: 40px 0 40px 0;}




/** ---------- страница контакты  конец--------- **/


/* --------- конец responsive menu --------------*/


p.imena {display: block; font-size: 1.3em;color: #fff;line-height: 1.1em;font-weight: 300;letter-spacing: -.02em;
text-align: center;text-shadow: 0 0 3px rgba(73, 83, 75, 1);}



/* ------------список с цифрами */


/* -------------Ютуб поп ап */
.YouTubePopUp-Wrap{position:fixed;width:100%;height:100%;background-color:#000;background-color:rgba(0,0,0,0.8);top:0;left:0;z-index:9999999999999;
}
.YouTubePopUp-animation{opacity: 0;-webkit-animation-duration: 0.5s;animation-duration: 0.5s;-webkit-animation-fill-mode: both;animation-fill-mode: both;-webkit-animation-name: YouTubePopUp;animation-name: YouTubePopUp;}

@-webkit-keyframes YouTubePopUp {0% {opacity: 0;}100% {opacity: 1;}}
@keyframes YouTubePopUp {0% {opacity: 0;}100% {opacity: 1;}}
body.logged-in .YouTubePopUp-Wrap{top:32px;z-index:99998;}
.YouTubePopUp-Content{max-width:854px;display:block;margin:0 auto;height:100%;position:relative;}
.YouTubePopUp-Content iframe{max-width:100% !important;width:100% !important;display:block !important;height:480px !important;border:none !important;position:absolute;top: 0;bottom: 0;margin: auto 0;}
.YouTubePopUp-Hide{-webkit-animation-duration: 0.5s;animation-duration: 0.5s;-webkit-animation-fill-mode: both; animation-fill-mode: both;-webkit-animation-name: YouTubePopUpHide;animation-name: YouTubePopUpHide;}
@-webkit-keyframes YouTubePopUpHide {0% {opacity: 1;}100% {opacity: 0;}}
@keyframes YouTubePopUpHide {0% {opacity: 1;}100% {opacity: 0;}}
.YouTubePopUp-Close{position:absolute;top:0;cursor:pointer;bottom:528px;right:0px;margin:auto 0;width:24px;height:24px;background:url(../images/close.png) no-repeat;background-size:24px 24px;-webkit-background-size:24px 24px;-moz-background-size:24px 24px;-o-background-size:24px 24px;}
.YouTubePopUp-Close:hover{opacity:0.5;}

@media all and (max-width: 768px) and (min-width: 10px){.YouTubePopUp-Content{max-width:90%;}}

@media all and (max-width: 600px) and (min-width: 10px){.YouTubePopUp-Content iframe{height:320px !important;}.YouTubePopUp-Close{bottom:362px;}}

@media all and (max-width: 480px) and (min-width: 10px){.YouTubePopUp-Content iframe{height:220px !important;}.YouTubePopUp-Close{bottom:262px;}}



.features-table {border-collapse: separate;border-spacing: 0;color: #2a2a2a;}
.features-table tbody td{line-height: 20px;
    padding: 12px 10px 12px 23px;
    }
.features-table tbody td:first-child{width: 80%;text-align: left;}
.features-table td:nth-child(1), .features-table td:nth-child(1){}
.features-table td:nth-child(2){width: 15%;
    
    background: rgba(169, 169, 169, 0.17);
    text-align: center;}
.features-table tbody tr{transition: background-color .6s, color .3s;}
.features-table tbody tr:hover{color: white;background-color: rgba(0, 0, 0, 0.66);box-shadow: none!important;}
.features-table tr:nth-child(2n-0){background-color: rgba(0, 0, 0, 0.03);}




/* слайдер с клиентами */
.slider-wrap {overflow: hidden}
.slider {margin: 0;padding: 0}
.slider li {margin: 0; padding: 0;float: left;list-style: none}
ul.slider-numbers-0,ul.slider-numbers-1 {display: none}
.slider-5 ul {padding: 0;margin: 0;float: left}
.slider-5 ul,.slider-wrap-5 {width: 310px}
.otzivi {width: 310px;height: 595px;margin: 0 auto}
.leftarrow {width: 50px;height: 250px;margin: 1px;cursor: pointer;float: left;background-image: url(/images/icon-menu/arrow_left.png);display: none}
.leftarrow:hover {background-image: url(/images/icon-menu/arrow_left_hov.png)}
.leftarrow:active {background-image: url(/images/icon-menu/arrow_left_activ.png)}
.rightarrow {width: 50px;height: 250px;margin: 1px;cursor: pointer;float: left;background-image: url(/images/icon-menu/arrow_right.png);display: none}
.rightarrow:hover {background-image: url(/images/icon-menu/arrow_right_hov.png)}
.rightarrow:active {background-image: url(/images/icon-menu/arrow_right_activ.png)}
.centerslide {width: 310px;height: 550px;margin: 1px;background-color: rgba(0, 0, 0, 0.27);float: left;position: relative}
.centerslide h4{    font-family: 'Roboto Slab', serif;font-size: 1.4em;color: #49534b;line-height: 1.1em;
    font-weight: 400;letter-spacing: -.06em;text-shadow: 2px 2px 2px rgba(255, 255, 255, 1);margin: 15px 25px 0 1px;text-align: right;}
.centerslide h3{margin: 35px 51px -8px 285px;
    /* font-style: italic; */
    /* text-align: right; */
    letter-spacing: -0.02em;
    /* text-shadow: 3px 3px 3px rgba(255, 255, 255, 0.59); */
    color: white;
    font-weight: 300;
    font-size: 1.7em;}
.centerslide img { margin: 24px 25px 0 42px;
    border-radius: 50%;box-sizing: border-box}
.centerslide h6 {margin: 45px 25px 0 42px;font-style: italic;text-align: right;text-shadow: 1px 1px 1px rgba(0, 0, 0, .59)}
.centerslide p {font-size: .9em;
    margin: 14px 0px 0 285px;
    font-style: italic;
    /* text-align: right; */
    line-height: 1.2em;
    color: white;
    font-weight: 300;}
.centerslide hr {width: 53%;
    margin-left: 46%;}


.clearfix:after,
.clearfix:before {content: " ";display: table}
.clearfix:after {clear: both}

li{
list-style: none;
}
.num{
color: white;
background: #2980B9;
display: inline-block;
text-align: center;
margin: 5px 10px;
line-height: 40px;
width: 40px;
height: 40px;
}