.header{position: relative;z-index: 20;}
.header>.inner {height: 77px; /*border-bottom: 1px solid rgba(255, 255, 255, .4);*/}

.header .headcontacts .phone{    color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
    background-image: linear-gradient(270deg, #FE6053 0%, #FFAF57 100%);}
.header .headcontacts .email, .header .headcontacts .email a { color:#fff;}


.top-bg, .shapka2-zagolovok-text, .top-bg-catalog, .anketa_page {background-image: url(../images/services-bg.jpg); background-position: top center; margin-top:-80px; background-size: cover;}


.top-bg .inner, .top-bg-catalog .inner{margin-top:95px;}
/*.top-bg .title {margin-bottom: 40px;}*/
/*.top-bg .title {margin-bottom:100px;}*/
.top-bg-catalog .breadcrumbs .page-navigator {margin-bottom:20px;}


.shapka2-zagolovok-text {width: 100%; min-height:500px; float: left; color:#fff; position: relative; z-index:1}
.shapka2-wrap-left {float:left;}
.shapka2-zagolovok {font-size: 48px; line-height:55px; max-width:400px; margin-bottom:30px; margin-top:230px;}
.shapka2-text {font-size: 24px; line-height:24px; /*margin-bottom:200px;*/}




.shapka2-wrap-center { text-align:left; margin:200px 25% 100px 0%; font-size:5vw;line-height:1.25em; font-weight:bold;}
.shapka2-wrap-center span {color:#FE6053;}
.shapka2-text-center {font-size:50%; line-height:1.25em; margin-top:3%; font-weight:normal;}
.knopki-v-shapke {/*margin: 0px auto;*/ margin-bottom: 0px; text-align: left; margin-bottom:240px;}
.knopki-v-shapke div {color: #fff; display: inline-block; vertical-align: top; height:60px; border-radius:30px;}
.knopki-v-shapke div a {background:none; font-size:18px; line-height:0.9em; padding:22px 40px 22px 40px; }

.knopki-v-shapke div.knopka1 {/*background-image: linear-gradient(270deg, #FE6053 0%, #FFAF57 100%); border:none; border: 1px solid #fff; */}



.knopki-v-shapke div.knopka2 { margin-left:50px; border: 1px solid #fff; background:#fff;}
.knopki-v-shapke div.knopka2 a {padding-top:10px; padding-bottom:3px; color:#333; line-height:1em;}
.knopki-v-shapke div.knopka2 span{ font-size:14px; opacity:0.7;}
@media screen and (max-width: 768px) {
.shapka2-wrap-center {/*font-size:34px; */ margin: 180px 5% 30px 0%; font-size: 8vw;}
.knopki-v-shapke {margin-bottom:140px;}
/*.knopki-v-shapke div.knopka2 {display:none;}*/
.knopki-v-shapke div a { font-size:13px;padding: 10px 15px 10px 15px;}
.knopki-v-shapke div.knopka2 {margin-left: 5px;}
.knopki-v-shapke div.knopka1 a {padding-top:15px;}
.knopki-v-shapke div {height: 45px;}
.header>.inner {height: 60px;}
.menu-top {margin-top: 0px !important;}
}
@media screen and (max-width: 480px) {
.knopki-v-shapke div a {font-size:12px;padding: 10px 12px 10px 12px;}
.knopki-v-shapke div.knopka2 a span {font-size:11px;}
	.calc_button_right {display: none;}
}




.fxd, .menu-top-main > .inner { position:inherit;}
.menu-top-main {width:64%; background:none; border-bottom:none;}
.menu-top-main .inner {padding:0;}
.menu-top .menu>li {border:none;}
.menu-top .menu>li:hover>a, .menu-top .menu>li.active>a {background:none; text-decoration:underline;}

.menu-top .menu>li>a {padding: 2px 20px;}
.menu-top {margin-left: 100px; margin-top:30px;}


/*.menu-top .menu>li>ul {background: rgba(0,0,0,0.7);}*/



.shapka2-zagolovok-text .top_form {margin-top: 120px; margin-bottom:200px;}


.shapka2-zagolovok-text .header-dark {width:100%; height:120px; background: rgba(0,0,0,0.4); position:absolute; bottom:0; z-index:2}

.shapka2-zagolovok-text .header-dark .icon {width:16%; float:left; color:#fff; margin-top:20px; padding:0px 2% 0 2%; background-position:top center; background-repeat:no-repeat; text-align:center; font-size:12px;}
/*.shapka2-zagolovok-text .header-dark .icon.i1 {background-image:url(../images/icons/icon1.png);}
.shapka2-zagolovok-text .header-dark .icon.i2 {background-image:url(../images/icons/icon2.png);}
.shapka2-zagolovok-text .header-dark .icon.i3 {background-image:url(../images/icons/icon3.png);}
.shapka2-zagolovok-text .header-dark .icon.i4 {background-image:url(../images/icons/icon4.png);}
.shapka2-zagolovok-text .header-dark .icon.i5 {background-image:url(../images/icons/icon5.png);}*/
.shapka2-zagolovok-text .header-dark .icon div {font-size:13px; line-height:1.15em; margin-bottom:5px;}


.hover-rotate {
  overflow: hidden;
  padding: 5px 0 0 0;
  width: 100%;
	height: 50px;
}

.hover-rotate img {
  transition: all 0.3s;
  max-width: 100%;
}

.hover-rotate:hover img {
  transform: scale(1) rotate(35deg);
}




.prozrachniy {margin:0 auto;  /*width:250px; margin-top:-220px;*/}
.prozrachniy .button { display:inherit; border:1px solid #fff; background:none; border-radius:15px; font-size:18px; text-transform:uppercase; padding:10px}

.prozrachniy.black { margin-top:0;}
.prozrachniy.black .button {background:#000; color:#fff;}

.menu-top .menu>li.arrow>a:before{right:4%;font-size:8px;margin-top: -7px;}

@media screen and (max-width: 1200px) {
.menu-top .menu>li>a {padding: 2px 10px;}
.menu-top .menu>li.arrow>a:before {right: 1%;}
.menu-top-main {width:59%;}
.menu-top {margin-left: 30px;}}

@media screen and (max-width: 1100px) {
.menu-top-main {width:55%;}
}

@media screen and (max-width: 1000px) {
.menu-top-main {width:100%;}
.menu-top {margin-left: 0px; margin-top: 10px;}
.top-bg, .shapka2-zagolovok-text, .top-bg-catalog, .anketa_page {margin-top: -120px !important;}
.header .inner {/*height:auto;*/}
.top-bg .inner, .top-bg-catalog .inner { margin-top:130px;}
.menu-top>.menu {background: rgba(0,0,0,0.9);}
.menu-top li i {background-color:#333;}
	.header .headcontacts .phone .fa-chevron-down {color: #FE6053;}
}

@media screen and (max-width: 768px) {
.shapka2-wrap-left { float:none;}
.shapka2-zagolovok-text .header-dark .icon, .shapka2-zagolovok-text .header-dark .icon div {font-size:8px;}
.shapka2-zagolovok-text .header-dark .icon	.hover-rotate img {
    max-width: 50%;
}
	
.top_form {width:95%; max-width:300px; margin:0 auto; float:none;}
.shapka2-zagolovok-text .top_form {margin-bottom:200px; margin-top:0px;}
.shapka2-zagolovok { margin-top:160px; font-size: 32px; line-height: 40px; text-align:center; max-width:100%; }
.shapka2-text { margin-bottom:25px; font-size:18px; line-height:22px; text-align:center;}
/*.shapka2-wrap-center span {display:none;}*/
.shapka2-zagolovok-text .header-dark {height: 100px;}
.shapka2-zagolovok-text .header-dark .icon {margin-top: 10px; padding: 0px 2% 0 2%;}
	.hover-rotate {padding: 2px 0 0 0; height: 45px;}
	
	

	.knopki-v-shapke .d768none {display: none;}
}
	
	
	
	
.shapka2-zagolovok-center span {color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
	background-image: linear-gradient(270deg, #FE6053 0%, #FFAF57 100%);}	
	
	
	
	
@-webkit-keyframes blick {
  0% {
    left: -80%;
  }
  100% {
    left: 160%;
  }
}
@keyframes blick {
  0% {
    left: -80%;
  }
  100% {
    left: 160%;
  }
}
.md-main-color-btn {
    color: #fff;
	
	    font-size: 18px;
    line-height: 0.9em;
    padding: 22px 50px 22px 50px;

    border-radius: 10rem;
    border: 1px solid #fff;
    background-color: #dddddd00;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.md-main-color-btn::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 1.5645833333vw;
  height: 300%;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  background-color: #ffffff24;
  -webkit-animation: blick 3s linear infinite;
          animation: blick 3s linear infinite;
  -webkit-transform: rotate(45deg) translateY(-50%);
          transform: rotate(45deg) translateY(-50%);
}


@media screen and (max-width: 768px) {
.md-main-color-btn {font-size: 14px;line-height: 0.9em;padding: 15px 40px 15px 40px;}
}