@font-face {
    font-family: 'GothamPro';
    src: url('../fonts/GothaProBol.eot');
    src: url('../fonts/GothaProBol.eot') format('embedded-opentype'), url('../fonts/GothaProBol.woff2') format('woff2'), url('../fonts/GothaProBol.woff') format('woff'), url('../fonts/GothaProBol.ttf') format('truetype'), url('../fonts/GothaProBol.svg#GothaProBol') format('svg');
    font-weight: 700;
}

@font-face {
    font-family: 'GothamPro';
    src: url('../fonts/GothaProMed.eot');
    src: url('../fonts/GothaProMed.eot') format('embedded-opentype'), url('../fonts/GothaProMed.woff2') format('woff2'), url('../fonts/GothaProMed.woff') format('woff'), url('../fonts/GothaProMed.ttf') format('truetype'), url('../fonts/GothaProMed.svg#GothaProMed') format('svg');
    font-weight: 500;
}

@font-face {
    font-family: 'GothamPro';
    src: url('../fonts/GothaProReg.eot');
    src: url('../fonts/GothaProReg.eot') format('embedded-opentype'), url('../fonts/GothaProReg.woff2') format('woff2'), url('../fonts/GothaProReg.woff') format('woff'), url('../fonts/GothaProReg.ttf') format('truetype'), url('../fonts/GothaProReg.svg#GothaProReg') format('svg');
    font-weight: 400;
}

@font-face {
    font-family: "Flaticon";
    src: url("../fonts/Flaticon.eot");
    src: url("../fonts/Flaticon.eot?dmofgy#iefix") format("embedded-opentype"), url("../fonts/Flaticon.woff?dmofgy") format("woff"), url("../fonts/Flaticon.ttf?dmofgy") format("truetype"), url("../fonts/Flaticon.svg?dmofgy#icomoon") format("svg");
    font-weight: normal;
    font-style: normal;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    @font-face {
        font-family: "Flaticon";
        src: url("../fonts/Flaticon.svg?dmofgy#icomoon") format("svg");
    }
}
input[type="color"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="email"],
input[type="month"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
input[type="week"],
select:focus,
textarea {
  font-size: 16px;
}
.fi:before,
.fi:after {
    font-family: Flaticon;
    font-size: 20px;
    font-style: normal;
    font-weight: normal;
}

::-moz-selection {
    background: rgba(54, 100, 162, 0.3);
}

::selection {
    background: rgba(54, 100, 162, 0.3);
}

body {
    min-width: 1160px;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
    color: #3f3f3f;
    background-color: #ffffff;
    position: relative;
}

.clr {
    clear: both
}

.gr {
    min-width: 1140px;
    width: 100%;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: auto;
}

.container {
    width: 1140px;
    margin: auto;
    position: relative;
    height: 100%;
}

.hidden {
    display: none;
}

.btn-red {
    background: #F64747;
    display: block;
    -webkit-border-radius: 40px;
    border-radius: 40px;
    cursor: pointer;
    text-align: center;
    -webkit-transition: .3s;
    transition: .3s
}
.border-line {
	height: 100%;
	border: 2px solid #3664a2;
	outline: 15px solid #ffffff;
}
.btn-red:hover {
    background: darken(#F64747, 30%);;
}

.btn-transparent {
    display: block;
    -webkit-border-radius: 23px;
    border-radius: 23px;
    cursor: pointer;
    -webkit-transition: .3s;
    transition: .3s;
    background-color: #F64747;
    border: 2px solid #F64747;
    text-align: center;
    color: #FFFFFF;
    transition: .3s
}

.btn-transparent:hover {
    background: #F64747;
    border: 2px solid #F64747;
    color: #ffffff;
}

h2 {
    color: #3f3f3f;
    font: 700 38px /56px GothamPro;
    text-align: center;
    text-transform: uppercase;
    /*    margin-top: 100px;*/
}

h2:before {
    content: '';
    width: 164px;
    height: 11px;
    background: #3664A2;
    display: block;
    margin: auto;
    margin-bottom: 20px;
    margin-top: 70px;
}

h2 span {
    display: block;
    font: 400 25px GothamPro;
    margin-top: 7px;
    text-transform: lowercase;
}


#discount {
	
}
	.discount {
		-webkit-box-shadow: 0px 0px 15px 4px rgba(0, 0, 0, 0.2);
		-moz-box-shadow: 0px 0px 15px 4px rgba(0, 0, 0, 0.2);
		box-shadow: 0px 0px 15px 4px rgba(0, 0, 0, 0.2);
	    width: 100%;
	    height: 315px;
	    margin: 55px 0;
	    padding: 15px;
	    background-color: #ffffff;
	}
	.bgaction1 {
	    background-image: url('../img/discount/bg1.jpg');
	    background-repeat: no-repeat;
	}
	.bgaction2 {
	    background-image: url('../img/discount/bg2.jpg');
	    background-repeat: no-repeat;
	}
	.bgaction3 {
	    background-image: url('../img/discount/bg3.jpg');
	    background-repeat: no-repeat;
	}
	.discount .left-b {
	    float: left;
	    height: 100%;
	    width: 358px;
	}
	
	.discount .left-b h3 {
	    color: #ffffff;
	    font: 700 43px GothamPro;
	    margin-left: 16px;
	    margin-top: 6px;
	}
	
	.discount .left-b h3 span {
	    display: block;
	    color: #ffffff;
	    background-color: #F64747;
	    width: 187px;
	    padding: 2px 4px;
	    font: 700 15.6px GothamPro;
	}
	
	.discount .proposition div {
	    margin-top: 30px;
	}
	.discount .proposition div .header {
		margin-bottom: 20px;
		display: block;
	    font: 700 28px/32px GothamPro;
	    text-transform: uppercase;
	}
	.discount .proposition div .text {
	    color: #3f3f3f;
	    font: 400 20px GothamPro;
	    margin-top: 30px;	
	}
	.discount .proposition div .text .black {
	    color: #3f3f3f;
	    font: 700 22px/26px GothamPro;	
	}
	.discount .proposition div .text .blacked {
		font-weight: 400;
		text-decoration: line-through;
		color: grey;
	}
	.discount .proposition div .text .two-line {
		display: block;
	}
	.discount .proposition div .notes {
	    font: 400 12px/14px GothamPro;	
		line-height: 1;
		margin-top: 5px;
		display: block;
		height: 24px;
		text-transform: lowercase;
	}
	
	.discount .proposition .black:nth-of-type(2) {
	    /* margin-left: 5px; */
	}
	
	.discount .proposition p .red {
	    color: #3664A2;
	    font: 700 33px/33px GothamPro;
	}
	
	.discount .proposition form {
	    margin-top: 30px;
	}
	
	.discount .proposition form input {
	    display: inline-block;
	    vertical-align: bottom;
	    width: 225px;
	    height: 45px;
	    color: #3f3f3f;
	    font: 500 22px GothamPro;
	    text-transform: uppercase;
	    border-bottom: 4px solid #3f3f3f;
	    margin-right: 25px;
	    -webkit-transition: all .3s;
	    transition: all .3s
	    -moz-border-radius: 0;
	    -webkit-border-radius: 0;
	    border-radius: 0;
	}
	
	.discount .proposition form input:focus {
	     border-bottom: 4px solid #3664A2;
	}
	
	.discount .proposition form button {
	    display: inline-block;
	    vertical-align: bottom;
	    width: 255px;
	    color: #ffffff;
	    font: 500 16.67px / 47px GothamPro;
	    margin-bottom: -3px;
	}


#hidden-header {
    background-color: #3664A2;
    height: 60px;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 3;
    transform: translate(0px, -65px);
    transition: .3s
}

#hidden-header.show {
    transform: translate(0, 0)
}

#hidden-header .logo-hheader {
    padding-top: 0;
    margin-top: 10px;
    padding-left: 235px;
    width: 450px;
    line-height: 14px;
}

#hidden-header .phone {
    display: inline-block;
    vertical-align: middle;
    margin-right: 35px;
}

#hidden-header .btn {
    display: inline-block;
    margin-top: 10px;
    width: 186px;
    height: 42px;
    line-height: 38px;
    /* border: 2px solid #ffffff; */
}
.coled {
	color: #F64747 !important;
	background-color: #fff;
	
}
.cole {
	color: #fff !important;
	background-color: #F64747;
	
}
#head {
	
	background-position: center center;
	background-attachment: scroll;
	background-image: url('../img/bg/head.jpg');
	background-size: cover;
	background-repeat: no-repeat;
    padding-top: 40px;
}


	.logo {
	    background: url(../img/logo.svg) no-repeat;
	    width: 313px;
	    height: 51px;
	    float: left;
	    position: relative;
	    top: -2px;
	}
	
	.logo-header {
	    width: 313px;
	}
	
	.logo-header:after {
	    content: '';
	    width: 4px;
	    height: 91px;
	    background: #ffffff;
	    position: absolute;
	    right: 0;
	    top: -15px;
	}
	
	@media screen and (min-width: 960px) {
		.call {
		    float: right;
		}
	}
	
		.phone {
		    color: #ffffff;
		    font: 700 22px/18px GothamPro;
		}
		
		.phone span {
		    color: #ffffff;
		    font: 500 19px GothamPro;
		}
		
		.call .btn-transparent {
		    color: #ffffff;
		    width: 201px;
		    height: 47px;
		    color: #ffffff;
		    font: 500 16.67px / 42px GothamPro;
		    margin-top: 17px;
		}
	
	.adress-header {
	    display: inline-block;
	    margin-left: 25px;
	    color: #ffffff;
	    font: 400 15.63px / 18px GothamPro;
	}
	
	.adress-header span {
	    display: block;
	    color: #ffffff;
	    font: 700 15.63px / 18.0px GothamPro;
	}
	
	.schedule {
	    display: inline-block;
	    vertical-align: top;
	    margin-left: 35px;
	    color: #ffffff;
	    font: 400 15.63px / 20.333px GothamPro;
	}
	.schedule span {
	    display: block;
	    color: #ffffff;
	    font: 700 15.63px / 18.0px GothamPro;
	}
	
	.nav {
	    display: table;
	    margin-left: 338px;
	    position: relative;
	    margin-top: 28px;
	}
	
	.nav li {
	    display: inline-block;
	    margin-right: 22px;
	}
	
	.nav li a {
	    color: #ffffff;
	    font: 700 15.63px GothamPro;
	    position: relative;
	    display: block;
	    padding-bottom: 2px;
	    overflow: hidden;
	}
	
	.nav li a:after {
	    content: '';
	    background: url(../img/dots_after.png);
	    position: absolute;
	    bottom: 0;
	    left: 0;
	    width: 100%;
	    height: 1px;
	    left: 0;
	    -webkit-transition: .3s;
	    transition: .3s
	}
	
	.nav li a:hover:after {
	    opacity: 0;
	}

	h1 {
	    margin: auto;
	    margin-top: 100px;
	    color: #ffffff;
	    font: 700 38px GothamPro;
	    text-align: center;
	    padding-top: 45px;
	    position: relative;
	    margin-bottom: 6px;
	    padding-bottom: 10px;    
	}
	
		h1 .fz {
		    font: 500 32px / 1 GothamPro;
			text-transform: uppercase;
		}
		
		h1 .border {
		    color: #ffffff;
		    font: 700 38px / 3 GothamPro;
		    border-top: 4px solid #3664A2;
		    border-bottom: 4px solid #3664A2;
		    padding: 15px 20px;
		    text-transform: uppercase;
		}
		
		h1 .light {
			font-size: 70%;
		    font-weight: 400;
		}
	
	.promis {
	    text-align: center;
	    width: 760px;
	    margin: auto;
	    color: #ffffff;
	    font: 400 20.8px / 32px GothamPro;
	}
	
	.promis span {
	    font-weight: 700;
	}
	
	.head-btn {
	    margin: auto;
	    width: 387px;
	    height: 72px;
	    color: #ffffff;
	    font: 500 19px / 72px GothamPro;
	    margin-top: 55px;
	    display: inline-block;
	    vertical-align: middle;
	}
	
	.head--center {
	    text-align: center;
	}
	
	.payment {
	    vertical-align: middle;
	    background-image: url(../img/payment.png);
	    background-repeat: no-repeat;
	    background-position: bottom center;
	    display: block;
	    margin: 0 auto;
	    width: 219px;
	    height: 70px;
	    color: #fff;
	    font-size: 12px;
	    margin-top: 10px;
	    font-family: GothamPro;
	}
	
	.anim_sig {
	    width: 1040px;
	    height: 374px;
	    background-image: url('../img/bg/cars.png');
	    background-position: center center;
	    margin-left: 90px;
	    margin-top: 80px;
	}

#facts .container {
    overflow: visible;
}

	.facts {
	    margin-top: 75px;
	    margin-bottom: 71px;
	}
	
	.facts:after {
	    content: '';
	    clear: both;
	    display: block;
	}
	
	.facts li {
	    float: left;
	    position: relative;
	    background-repeat: no-repeat;
	    margin-left: 90px;
	    margin-right: 89px;
	    padding-top: 15px;
	    height: 155px;
	    color: #3f3f3f;
	    font: 400 16px / 19.333px GothamPro;
	    padding-left: 10px;
	    padding-right: 10px;
	    border-bottom: 3px solid #3664A2;
	}
	
	.facts li > span {
	    color: #3f3f3f;
	    font: 700 62px GothamPro;
	    display: block;
	    padding-bottom: 5px;
	}
	
	.facts li > span > span {
	    color: #3f3f3f;
	    font: 700 18px GothamPro;
	    position: absolute;
	    top: -5px;
	}

#reasons {
    background-color: #F6F7F8;
}

	#reasons h2 {
	    font-size: 41px;
	}
	
	#reasons ul {
	    margin-top: 95px;
	    margin-bottom: 45px;
	}
	
	#reasons ul li {
	    display: inline-block;
	    height: 252px;
	    vertical-align: top;
	    transition: .5s;
	    width: 49.5%;
	}
	
	#reasons ul li:nth-of-type(even) {
	    padding-left: 14px;
	}
	
	.icon-reasons {
	    width: 85px;
	    height: 100%;
	    float: left;
	    text-align: center;
	    color: #3664A2;
	    font: 300 60px GothamPro;
	    margin-right: 15px;
	}
	
	.icon-reasons:before {
	    content: "\f10d";
	    color: #3f3f3f;
	    font-size: 55px;
	    line-height: 45px;
	    text-align: center;
	}
	@media screen and (min-width: 960px) {
		.icon-reasons:before {
			display: block;
		    width: 100%;
		}
	}
	#reasons li h3 {
	    color: #3f3f3f;
	    font: 700 18.6px/25px GothamPro;
	    margin-bottom: 10px;
	    position: relative;
	}
	
	#reasons li h3:after {
	    content: '';
	    display: block;
	    width: 70px;
	    height: 4px;
	    background: #3664A2;
	    position: absolute;
	    left: 98px;
	    bottom: -15px;
	}
	
	#reasons ul li p {
	    color: #3f3f3f;
	    margin-top: 26px;
	    font: 400 15.4px/21px GothamPro;
	    padding-right: 35px;
	}

#serv {
    background-image: url(../img/serv_dark.jpg);
    background-color: #F6F7F8;
}
	
	#serv ul {
	    margin-top: 120px;
	    margin-bottom: 65px;
	}
	
	#serv li {
	    display: inline-block;
	    vertical-align: top;
	    width: 49.5%;
	    padding-left: 60px;
	    margin-bottom: 89px;
	    padding-right: 30px;
	    transition: .3s
	}
	
	#serv li.hide {
	    transform: translate(-150px, 0px);
	    opacity: 0;
	}
	
	#serv li:nth-of-type(odd) {
	    padding-left: 145px;
	}
	
	#serv li .fi {
	    position: relative;
	    width: 108px;
	    height: 154px;
	    background: url(../img/serv_icon.png) no-repeat;
	    color: #3664A2;
	    font: 300 45px/35px GothamPro;
	    padding-left: 125px;
	    position: relative;
	}
	
	#serv li .fi:after {
	    position: absolute;
	    font-size: 80px;
	    color: #3f3f3f;
	    top: 63px;
	    right: -20px;
	}
	
	#serv li:nth-of-type(1) .fi:after {
	    content: "\f113"
	}
	
	#serv li:nth-of-type(2) .fi:after {
	    content: "\f106"
	}
	
	#serv li:nth-of-type(3) .fi:after {
	    content: "\f117"
	}
	
	#serv li:nth-of-type(4) .fi:after {
	    content: "\f103"
	}
	
	#serv li h3 {
	    color: #3f3f3f;
	    font: 700 20.5px / 27.083px GothamPro;
	    text-transform: uppercase;
	    margin-top: 35px;
	    margin-bottom: 15px;
	}
	
	#serv li p {
	    color: #3f3f3f;
	    font: 400 15.63px / 20.833px GothamPro;
	}


#safe {
    background-image: url('../img/bg/safe.jpg');
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: scroll;
    position: relative;
    padding-bottom: 160px;
}
	#safe h2 {
		color: #ffffff;
	}
	#safe .b {
		display: block;
		text-align: center;
	}
	#safe .b .g {	
		width: 620px;
		display: inline-block;
	}
	#safe .b .g h3 {
		font-size: 30px;
		font-family: 'GothamPro',Arial,sans-serif;
		line-height: 1.3;
		font-weight: 700;
		color: #ffffff;
		margin-top: 120px;
	}
	#safe .b .g p {
		font-size: 17px;
		font-family: 'GothamPro',Arial,sans-serif;
		line-height: 1.3;
		color: #ffffff;
		margin-top: 30px;
	}
	#safe .b .g p span {
		font-weight: 700;	
	}
	
	#safe .top {		
		margin-top: 120px;
	}
	#safe .b .a {
		display: inline-block;
		background: url('../img/safe/starline.png') no-repeat;
		width: 247px;
		height: 344px;
	}
	#safe .b .b {
		display: inline-block;
		background: url('../img/safe/starline_pers.png') no-repeat;
		width: 247px;
		height: 344px;
	}
	#safe .b .c {
		display: inline-block;
		background: url('../img/safe/starline_pers2.png') no-repeat;
		width: 247px;
		height: 344px;
	}
	#safe .b .d {
		display: inline-block;
		background: url('../img/safe/tec.png') no-repeat;
		width: 247px;
		height: 344px;
	}
	#safe .b .e {
		display: inline-block;
		background: url('../img/safe/pandora.png') no-repeat;
		width: 247px;
		height: 344px;
	}

#catalog {
  	background-color: #F6F7F8;  
}

#catalog h2 {
    margin-top: 120px;
}

#catalog h2 span {
    font-size: 31px;
}

.catalog {
    margin-top: 73px;
    margin-bottom: 55px;
}

.nav-catalog {
    /*    text-align: center;*/
}

.nav-catalog li {
    display: block;
    /*margin-bottom: 14px;*/
}

.nav-catalog li span {
    color: #3f3f3f;
    font: 700 20.83px / 37px GothamPro;
    margin-right: 25px;
}

.nav-catalog li a {
    display: inline-block;
    border-radius: 3px;
    border: 2px dotted #868b8e;
    padding: 0px 5px;
    color: #868b8e;
    font: 700 18.75px / 34px GothamPro;
    margin-right: 8px;
    margin-bottom: 14px;
    text-align: center;
    min-width: 125px;
    -webkit-transition: .3s;
    transition: .3s
}

.nav-catalog li a.active,
.nav-catalog li a:hover {
    background: #3664A2;
    color: #fff;
    border: 2px dotted rgba(134, 139, 142, 0);
}

.catalog-content {
    margin-top: 50px;
    cursor: -webkit-grab;
    cursor: grab
}

.catalog-content:active {
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.item {
    float: left;
    width: 260px;
    min-height: 320px;
    background-color: #ffffff;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    border-width: 2px;
    border-color: #e8e8e8;
    border-style: solid;
    margin-right: 33px;
    margin-bottom: 16px;
    text-align: center;
    padding: 0px 10px 20px;
    overflow: hidden;
    position: relative;
}

.item:after {
    font-family: GothamPro;
    color: #ffffff;
    font-size: 18.75px;
    font-weight: 700;
    line-height: 16.667px;
    text-align: center;
    background-color: #f64747;
    position: absolute;
    transform: rotate(45deg);
    right: -81px;
    top: -30px;
    padding: 12px 58px;
    padding-top: 69px;
}

.item.new:after {
    content: 'новинка!';
}

.item.act:after {
    content: 'АКЦИЯ';
    right: -80px;
    top: -34px;
}

.item.hit:after {
    content: 'хит продаж';
    padding: 15px 58px;
    width: 100px;
    right: -99px;
    top: -49px;
    padding-top: 70px;
}
@media screen and (min-width: 1160px) {
	.item:nth-of-type(4n) {
	    margin-right: 0;
	}
}

.item img {
    display: block;
    margin: auto;
    margin-top: 23px;
    margin-bottom: 24px;
	width: 135px;
	height: 135px;
	object-fit: cover;
}

.item h4 {
    font: 700 17.75px GothamPro;
    height: 65px;
    margin-top: -5px;
}

.item h4 span {
    color: #3f3f3f;
    font: 400 15px/21px GothamPro;
    display: block;
}

.item a {
    width: 181px;
    height: 36px;
    margin: auto;
    margin-top: 15px;
    color: #3f3f3f;
    background-color: #FFFFFF;
    border: 2px solid #3664A2;
    font: 700 16px/32px GothamPro;
}
.item a:hover {
	background-color: #3664A2;
    border: 2px solid #3664A2;
}

#choice {
	background-color: #F6F7F8;
}

	.choice {
		-webkit-box-shadow: 0px 0px 15px 4px rgba(0, 0, 0, 0.2);
		-moz-box-shadow: 0px 0px 15px 4px rgba(0, 0, 0, 0.2);
		box-shadow: 0px 0px 15px 4px rgba(0, 0, 0, 0.2);
	    width: 100%;
	    height: 350px;
	    margin: 55px 0;
	    padding: 15px;
	    background-color: #ffffff;
	}
	.choice.ava {
	    background-image: url('../img/avatar.png');
	    background-repeat: no-repeat;
	}

	.choice h3 {
	    color: #3f3f3f;
	    font: 700 28px GothamPro;
	    margin-left: 360px;
	    padding-top: 55px;
	}
	
	.choice h3:before {
	    line-height: 33px;
	    word-spacing: -23px;
	    margin-left: -45px;
	}
	
	.choice .avatar {
	    width: 360px;
	    float: left;
	    height: 100%;
	}
	
	.choice .avatar p {
	    color: #ffffff;
	    font: 400 18.74px / 26.238px GothamPro;
	    text-align: center;
	    padding-top: 280px;
	    margin-left: -15px;
	}
	
	.choice .border-line > p {
	    color: #3f3f3f;
	    font: 400 21px / 31px GothamPro;
	    margin-left: 360px;
	    margin-top: 12px;
	    padding-right: 50px;
	    position: relative;
	}
	
	.choice .border-line > p span {
	    font-weight: 700;
	}
	
	.choice form {
	    margin-top: 40px;
	}
	
	.choice form input {
	    display: inline-block;
	    vertical-align: bottom;
	    width: 225px;
	    height: 45px;
	    color: #3f3f3f;
	    font: 500 22px GothamPro;
	    text-transform: uppercase;
	    border-bottom: 4px solid #3f3f3f;
	    margin-right: 26px;
	    -webkit-transition: all .3s;
	    transition: all .3s
	    -moz-border-radius: 0;
	    -webkit-border-radius: 0;
	    border-radius: 0;
	}
	
	.choice form input:focus {
	    border-bottom: 4px solid #3664A2;
	}
	
	.choice form button {
	    display: inline-block;
	    vertical-align: bottom;
	    width: 252px;
	    color: #ffffff;
	    font: 500 16.67px / 47px GothamPro;
	    margin-bottom: -3px;
	}

#purinst {

}

	#purinst h3 {
	    padding-top: 55px;
	    color: #3f3f3f;
	    font: 700 31.5px / 38px GothamPro;
	    text-align: center;
	}
	
	#purinst ul {
	    margin-top: 73px;
	    /*    width: 880px;*/
	    margin-left: 65px;
	}
	
	#purinst ul li {
	    position: relative;
	    padding-left: 150px;
	    margin-bottom: 46px;
	    padding-right: 48px;
	}
	
	#purinst ul li .icon-purinst {
	    width: 104px;
	    height: 104px;
	    position: absolute;
	    left: 11px;
	    top: 0;
	    text-align: center;
	}
	
	#purinst ul li .icon-purinst:before {
	    font-size: 90px;
	    line-height: 90px;
	}
	
	#purinst ul li:nth-of-type(1) .icon-purinst:before {
	    content: "\f109";
	}
	
	#purinst ul li h4 {
	    color: #3f3f3f;
	    font: 700 21.0px GothamPro;
	    margin-bottom: 5px;
	}
	
	#purinst ul li p {
	    color: #3f3f3f;
	    font: 400 15.63px / 21px GothamPro;
	    margin-bottom: 15px;
	}
	
	#purinst ul li p span {
	    font-weight: 700;
	}
	
	#purinst ul li:after {
	    content: '';
	    display: block;
	    clear: both;
	}

.cost-list {
    margin-top: 109px;
    margin-bottom: 45px;
}
	.cost-list h4 {
	    color: #3f3f3f;
	    font: 700 21.0px GothamPro;
	    text-align: center;
	}
	
	.cost-list h4:before {
	    word-spacing: -13px;
	    line-height: 18px;
	    margin-left: 10px;
	    margin-right: 10px;
	}
	
	.cost-list h4 span {
	    color: #3664A2;
	}
	
	.cost-list .list {
	    margin-top: 15px;
	    background: #fff;
	    padding: 14px 30px;
	}
	
	.cost-list .list table {
	    width: 100%;
	    text-align: left;
	}
	
	.cost-list .list table tr {
	    border-bottom: 1px solid #707070;
	}
	
	.cost-list .list table tr:first-of-type {
	    border-bottom: 2px solid #707070;
	    color: #3f3f3f;
	    font: 400 15.63px / 42px GothamPro;
	}
	
	.cost-list .list table tr td {
	    color: #3f3f3f;
	    font: 400 15.63px / 41px GothamPro;
	}
	
	.cost-list .list table tr:nth-of-type(2) td {
	    padding-top: 10px;
	}
	
	.cost-list .list table tr td span {
	    font-weight: 700;
	}
	
	.cost-list .list table tr td:first-of-type {
	    width: 525px;
	}
	/**
	.cost-list .list table tr td:nth-of-type(3) {
	    text-decoration: line-through;
	}
	
	.cost-list .list table tr td:nth-of-type(4) {
	    font-weight: 700;
	}
	**/
	.cost-list .list table tr td:nth-of-type(3) {
	    font-weight: 700;
	}
	
	.cost-list .list table tr th:nth-of-type(2),.cost-list .list table tr th:nth-of-type(3), .cost-list .list table tr td:nth-of-type(2), .cost-list .list table tr td:nth-of-type(3) {
	    text-align: center;	
	}
	.cost-list p {
	    display: inline-block;
	    margin-top: 28px;
	    color: #3f3f3f;
	    font: 400 20.83px / 20px GothamPro;
	    margin-bottom: 30px;
	    /*    vertical-align: middle;*/
	}
	
	.cost-list .btn-red {
	    display: inline-block;
	    float: right;
	    width: 300px;
	    height: 51px;
	    color: #ffffff;
	    font: 500 16.67px / 50px GothamPro;
	    text-align: center;
	    /*    vertical-align: middle;*/
	    margin: 15px 18px 0px 0px;
	}


#results {
    background-image: url('../img/results.jpg');
}

#results h2 {
    color: #fff;
    margin-bottom: 75px;
    margin-top: 140px;
}

#results h2 span {
    font-size: 28px;
}


#slider_results {
    width: 979px;
    margin: auto;
    position: relative;
    margin-bottom: 120px;
}

.result {
    width: 100%;
    height: 510px;
    background: #ffffff;
    position: relative;
    padding: 47px 40px 0px 69px;
    transition: .5s
}

.result:after {
    content: '';
    width: 949px;
    height: 480px;
    border: 2px solid #3664A2;
    position: absolute;
    top: 15px;
    left: 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.result * {
    position: relative;
    z-index: 2;
}
.result h3 {
    color: #3f3f3f;
    font: 700 33px GothamPro;
    margin-bottom: 25px;
}

.result .fade-slider {
    width: 373px;
    height: 254px;
    border-width: 3px;
    border-color: #dddddd;
    border-style: dashed;
    position: relative;
    padding-left: 18px;
    float: left;
    z-index: 2;
}

.result .fade-slider .main_foto {
    width: 330px;
    height: 228px;
    /*    margin: auto;*/
    margin-top: 10px;
    //margin-bottom: 10px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    opacity: 1;
    -webkit-transition: .3s;
    transition: .3s;
    //background-color: #e8224f;
    position: relative;
}
/**
.result .fade-slider .main_foto:before {
    content: '';
    width: 100%;
    height: 100%;
    background: rgba(33, 33, 33, 0.8);
    -webkit-transition: .3s;
    transition: .3s;
    opacity: 0;
    position: absolute;
}

.result .fade-slider .main_foto:hover:before {
    opacity: 1;
}
**/
.result .fade-slider .main_foto:after {
    content: "\f10f";
    font-family: Flaticon;
    color: #fff;
    left: 50%;
    top: 50%;
    font-size: 60px;
    opacity: 0;
    -webkit-transition: .3s;
    transition: .3s;
    margin-left: -32px;
    margin-top: -32px;
    -webkit-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
    position: absolute;
}

.result .fade-slider .main_foto:hover:after {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.result .fade-slider img {
    cursor: pointer;
    float: left;
    margin-right: 6px;
}

.result .desc_result {
    margin-left: 405px;
}

.result .desc_result:after {
    content: '';
    display: block;
    clear: both;
}

.result .desc_result h4 {
    color: #3f3f3f;
    font: 700 17.2px/13px GothamPro;
}

.result .desc_result h4 > span {
    display: block;
    font: 400 17.8px / 35px GothamPro;
    color: #3f3f3f;
}

.result .desc_result ul {
    padding-top: 25px;
    height: 205px;
    border-top: 3px solid #dddddd;
    border-bottom: 3px solid #dddddd;
    margin-right: 20px;
}

.result .desc_result ul li {
    padding-left: 43px;
    color: #3f3f3f;
    font: 400 14.6px / 25px GothamPro;
    position: relative;
    margin-bottom: 16px;
}

.result .desc_result ul li span {
    font-weight: 700;
    vertical-align: top;
}

.result .desc_result ul li:before {
    position: absolute;
    left: 0;
    top: 0;
    font-size: 26px;
    color: #3664A2;
}

.result .desc_result ul li:nth-of-type(1):before {
    content: "\f118"
}

.result .desc_result ul li:nth-of-type(2):before {
    content: "\e902"; 
}

.result .desc_result ul li:nth-of-type(3):before {
    content: "\e900"; 
}

.result .desc_result ul li:nth-of-type(4):before {
    content: "\f11a"
}
.like:before {
	content: "\e903";
	color: #3664a2;
	font-size: 500%;
}

#slider_results .slick-prev,
#slider_results .slick-next {
    position: absolute;
    top: 35%;
    color: transparent;
    background-color: transparent;
    cursor: pointer;
}

#slider_results .slick-prev {
    left: -90px;
}

#slider_results .slick-next {
    right: -90px;
}

#slider_results .slick-prev:after,
#slider_results .slick-next:after {
    font-family: Flaticon;
    font-size: 78px;
    /*    line-height: 46px;*/
    display: block;
    color: #3664A2;
    -webkit-transition: .3s;
    transition: .3s
}

#slider_results .slick-prev:after {
    content: "\f101";
}

#slider_results .slick-next:after {
    content: "\f100";
}

#slider_results .slick-prev:hover:after {
    -webkit-transform: translate(-10px, 0px);
    -ms-transform: translate(-10px, 0px);
    transform: translate(-10px, 0px)
}

#slider_results .slick-next:hover:after {
    -webkit-transform: translate(10px, 0px);
    -ms-transform: translate(10px, 0px);
    transform: translate(10px, 0px)
}

#slider_results .slick-prev:hover:before,
#slider_results .slick-next:hover:before {
    color: #3664a2;
}

#slider_results .slick-dots {
    text-align: center;
    margin-top: 50px;
}

#slider_results .slick-dots li {
    display: inline-block;
}

#slider_results .slick-dots li button {
    display: block;
    width: 20px;
    height: 20px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    border: 2px solid #3664A2;
    background-color: transparent;
    color: transparent;
    cursor: pointer;
    margin: 0px 5px;
    -webkit-transition: .3s;
    transition: .3s
}

#slider_results .slick-dots li.slick-active button,
#slider_results .slick-dots li:hover button {
    background-color: #3664A2;
}

.catch_result {
    margin-top: 42px;
}

.catch_result p {
    float: left;
    width: 560px;
    color: #3f3f3f;
    font: 400 17.0px/24px GothamPro;
    margin-left: 25px;
}

.catch_result a {
    float: right;
    width: 218px;
    height: 42px;
    color: #ffffff;
    font: 500 16.67px /42px GothamPro;
    margin-right: 64px;
}

#certificate {
    background-image: url(../img/certificate.jpg);
}

#certificate h2 {
    margin-top: 83px;
    font-size: 41px;
    line-height: 65px;
}

#certificate ul {
    margin-top: 108px;
    text-align: center;
    margin-bottom: 160px;
}

#certificate ul li {
    display: inline-block;
    margin: 0px 7px;
}

#certificate ul li a {
    background: url(../img/certificate_box.png);
    width: 215px;
    height: 300px;
    display: block;
    position: relative;
    text-align: center;
}

#certificate ul li a:after {
    content: '';
    height: 262px;
    width: 185px;
    background: rgba(33, 33, 33, 0.7);
    position: absolute;
    left: 19px;
    top: 9.5px;
    opacity: 0;
    -webkit-transition: .3s;
    transition: .3s;
}

#certificate ul li a:hover:after {
    opacity: 1;
}

#certificate ul li a:before {
    content: "\f10f";
    font-size: 65px;
    line-height: 260px;
    position: relative;
    z-index: 2;
    color: #fff;
    -webkit-transition: .3s;
    transition: .3s;
    opacity: 0;
}

#certificate ul li a:hover:before {
    opacity: 1;
}

#certificate ul li a img {
    display: block;
    position: absolute;
    left: 20px;
    top: 9.5px;
}

#steps {
    background-image: url('../img/steps.jpg'); 
    padding-bottom: 280px;
    margin-bottom: -280px;
    background-color: #ffffff;
}

	#steps h2 {
		color: #3f3f3f;
	    margin-top: 82px;
	    text-transform: uppercase;
	}
	
	#steps ul {
	    margin-top: 100px;
	    margin-bottom: 90px;
	    position: relative;
	}
	
	#steps ul:after {
	    position: absolute;
	    content: '';
	    background: url(../img/steps_after.png);
	    width: 648px;
	    height: 305px;
	    right: -335px;
	    top: 255px;
	}
	
	#steps ul li {
	    width: 300px;
	    display: inline-block;
	    vertical-align: top;
	    position: relative;
	    transition: .3s
	}
	
	#steps ul li.hide {
	    transform: translate(-100px, 0px);
	    opacity: 0;
	}
	
	#steps ul li:not(:last-of-type) {
	    margin-right: 108px;
	}
	
	#steps ul li:not(:last-of-type):after {
	    content: "\f102";
	    position: absolute;
	    font-size: 80px;
	    right: -27px;
	    top: 17px;
	    transition: .6s
	}
	
	#steps ul li.hide:not(:last-of-type):after {
	    transform: translate(-100px, 0px)
	}
	
	#steps ul li .fi {
	    position: relative;
	    display: block;
	    min-height: 120px;
	    margin-bottom: 23px;
	    color: #3f3f3f;
	    font: 300 56.25px / 37px GothamPro;
	    padding: 35px 0px 0px 100px;
	}
	
	#steps ul .fi:before {
	    width: 118px;
	    height: 118px;
	    background-color: #3664A2;
	    border-radius: 50%;
	    position: absolute;
	    left: 0;
	    top: 0;
	    color: #fff;
	    line-height: 118px;
	    text-align: center;
	    font-size: 50px;
	}
	
	#steps ul li:nth-of-type(1) .fi:before {
	    content: "\f116"
	}
	
	#steps ul li:nth-of-type(2) .fi:before {
	    content: "\f11b"
	}
	
	#steps ul li:nth-of-type(3) .fi:before {
	    content: "\f105"
	}
	
	#steps li h3 {
	    color: #3f3f3f;
	    font: 700 20.83px GothamPro;
	    margin-bottom: 10px;
	}

	#steps li p {
	    color: #3f3f3f;
	    font: 400 15.5px / 20.833px GothamPro;
	}



#map {
    margin-top: 20px;
    height: 700px;
    position: relative;
}

	#map .map__widget {
		position: absolute;
		inset: 0;
		z-index: 1;
	}
	
	#map .map__widget iframe {
		width: 100%;
		height: 100%;
		border: 0;
	}
	
	#map .adress {
	    position: relative;
	    z-index: 2;
	    -webkit-box-shadow: 0px 0px 40px 0.00px rgba(0, 0, 0, 0.23);
	    box-shadow: 0px 0px 40px 0.00px rgba(0, 0, 0, 0.23);
	    width: 572px;
	    height: 417px;
	    background-color: #fff;
	    top: 90px;
	    padding: 52px 0px 0px 68px;
	}
	
	#map .adress:before {
	    content: '';
	    position: absolute;
	    border-width: 2px;
	    border-color: #3664A2;
	    border-style: solid;
	    width: 524px;
	    height: 370px;
	    top: 22px;
	    left: 21px;
	}
	
	#map .adress h3:before {
	    line-height: 35px;
	    word-spacing: -28px
	}
	
	#map .adress h3 {
	    color: #3664A2;
	    font: 700 26.5px GothamPro;
	    margin-bottom: 35px;
	}
	
	#map .adress p {
	    color: #3f3f3f;
	    font: 400 15.63px / 27.3px GothamPro;
	    padding-left: 30px;
	    margin-bottom: 35px;
	}
	
	#map .adress p span {
	    display: block;
	    color: #3f3f3f;
	    font: 700 15.63px / 29.167px GothamPro;
	    position: relative;
	}
	
	#map .adress p span:before {
	    position: absolute;
	    font-size: 27px;
	    left: -37px;
	}
	
	#map .adress p span.one:before {
	    content: "\f110"
	}
	
	#map .adress p span.two:before {
	    content: "\f11a";
	    font-size: 20px;
	    left: -33px;
	}
	
	#map .adress h4 {
	    color: #3664A2;
	    font: 700 18.75px GothamPro;
	    margin-left: 29px;
	    margin-top: 35px;
	}
	
	#map .adress .soc {
	    margin-top: 10px;
	    //margin-left: 30px;
	}
	
	#map .adress .soc h5 {
	    width: 225px;
	    float: left;
	    color: #3f3f3f;
	    font: 700 15.63px / 21px GothamPro;
	    margin-right: 30px;
	}
	
	#map .adress .soc a {
	    display: inline-block;
	    width: 34px;
	    height: 34px;
	    text-align: left;
	    margin-top: 8px;
	    margin-right: 7px;
	    position: relative;
	}
	
	#map .adress .soc a:after {
	    position: absolute;
	    left: 0;
	    top: 0;
	    font-size: 34px;
	    color: #3f3f3f;
	}
	
	
	#map .adress p span.vk:before {
		content: "\e904"
	}
	
	
	#map .adress .soc a.vk:after {
	    content: "\e904"
	}
	
	#map .adress .soc a.yt:after {
	    content: "\e905"
	}
	
	#map .adress .soc a.in:after {
		content: "\e901"
	}

#footer {
    background-color: #3563A0;
}
	.logo2 {
	    background: url(../img/logo.svg) no-repeat;
	    width: 313px;
	    height: 51px;
	    float: left;
	    position: relative;
	    top: -2px;
	}
	
	.logo-footer {
	    margin-top: 45px;
	}
	
	.call-footer {
	    margin-top: 43px;
	}
	.call-footer .phone {
		color: #ffffff;
	}
	.call-footer .btn-transparent {
		color: #ffffff;
		border: 2px solid #F64747;
		background-color: #F64747;
	}
	.call-footer .btn-transparent:hover {
		color: #ffffff;
		border: 2px solid #ffffff;
	}
	#footer p {
	    margin-left: 380px;
	    margin-bottom: 50px;
	    color: #ffffff;
	    font: 500 16.67px GothamPro;
	    padding-top: 111px;
	}
	
	#footer p a {
	    color: #ffffff;
	    font: 500 16.67px GothamPro;
	    position: relative;
	}
	
	#footer p a:after {
	    content: '- - - - - - ';
	    position: absolute;
	    bottom: -11px;
	    right: 2px;
	    transition: .3s
	}
	
	#footer p a:hover:after {
	    opacity: 0;
	}

.pop_form {
    width: 450px;
    height: 420px;
    position: fixed;
    z-index: 6;
    top: 50%;
    left: 50%;
    margin-left: -225px;
    margin-top: -225px;
    background: #fff;
    text-align: center;
    -webkit-transition: .3s;
    transition: .3s;
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
    opacity: 0;
}

.pop_form:before {
    content: '';
    width: 474px;
    height: 444px;
    position: absolute;
    border: 4px solid #3664A2;
    top: -12px;
    left: -12px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.opened {
    -webkit-transform: scale(1) !important;
    -ms-transform: scale(1) !important;
    transform: scale(1) !important;
    opacity: 1 !important;
}

.pop_form h3 {
    font-family: GothamPro;
    color: #3f3f3f;
    font-size: 25px;
    font-weight: 700;
    line-height: 26px;
    text-align: center;
    margin-top: 60px;
    padding-bottom: 22px;
    position: relative;
    margin-bottom: 15px;
    text-transform: uppercase;
}

.pop_form h3:after {
    content: '';
    height: 8px;
    width: 164px;
    position: absolute;
    bottom: 0;
    background: #3664A2;
    left: 50%;
    margin-left: -82px;
}

.pop_form p {
    font-family: GothamPro;
    color: #3f3f3f;
    font-size: 20.4px;
    line-height: 30px;
    font-weight: 400;
    text-align: center;
    position: relative;
    width: 350px;
    margin: auto;
    margin-bottom: 25px;
}
.pop_form p a {
	color: #3664a2;
}
.pop_form input {
    display: inline-block;
    vertical-align: bottom;
    width: 245px;
    height: 45px;
    color: #3f3f3f;
    font: 500 22px GothamPro;
    text-transform: uppercase;
    border-bottom: 4px solid #3f3f3f;
    position: relative;
    margin-bottom: 30px;
    -webkit-transition: all .3s;
    transition: all .3s
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.pop_form input:focus {
    border-bottom: 4px solid #3664A2;
}

.pop_form button {
    display: inline-block;
    vertical-align: bottom;
    position: relative;
    width: 260px;
    height: 47px;
    color: #ffffff;
    font: 500 16.67px / 47px GothamPro;
    margin-bottom: -3px;
}

.cls {
    width: 27px;
    height: 27px;
    position: absolute;
    cursor: pointer;
    right: 22px;
    top: 22px;
}

.cls:after {
    font-size: 27px;
    content: '\f107';
}

#thank {
    width: 400px;
    height: 400px;
    position: fixed;
    z-index: 6;
    top: 50%;
    left: 50%;
    margin-left: -200px;
    margin-top: -200px;
    background: #fff;
    -webkit-transition: .3s;
    text-align: center;
    transition: .3s;
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
    opacity: 0;
}

#thank:before {
    content: '';
    width: 424px;
    height: 424px;
    position: absolute;
    border: 4px solid #3664A2;
    top: -12px;
    left: -12px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#thank h3 {
    font-family: GothamPro;
    color: #3f3f3f;
    font-size: 25.0px;
    font-weight: 700;
    line-height: 42px;
    text-align: center;
    margin-top: 60px;
    padding-bottom: 24px;
    position: relative;
}

#thank>p {
    font-family: GothamPro;
    color: #3f3f3f;
    font-size: 18.75px;
    line-height: 25px;
    font-weight: 400;
    text-align: center;
    width: 320px;
    margin: auto;
    margin-bottom: 30px;
    position: relative;
    padding-bottom: 20px;
}

#thank>p:after {
    content: '';
    width: 164px;
    height: 8px;
    position: absolute;
    bottom: 0;
    background: #3664A2;
    left: 50%;
    margin-left: -82px;
}

#thank .prop_link p {
    color: #3f3f3f;
    font: 400 16.67px / 20.833px GothamPro;
    width: 300px;
    margin: auto;
    margin-bottom: 20px;
    padding-top: 30px;
}

#thank .prop_link p span {
    font-weight: 700;
}

#thank .btn-red {
    display: inline-block;
    width: 300px;
    height: 51px;
    color: #ffffff;
    font: 500 16.67px / 50px GothamPro;
    text-align: center;
    position: relative;
}

#overlay {
    position: fixed;
    z-index: 5;
    width: 100%;
    height: 100%;
    cursor: pointer;
    background: rgba(33, 33, 33, 0.8);
    left: 0;
    top: 0;
    display: none;
}

#pop_catalog {
    position: fixed;
    left: 50%;
    top: 50%;
	margin-left: 0;
    background-color: #fff;
    width: 940px;
    -webkit-transition: .3s;
    transition: .3s;
    padding: 50px;
    border: 12px solid #fff;
	box-shadow: 0 0 0 6px #3664A2 inset;
    z-index: 6;
    opacity: 0;
    transform: translate(-50%, -50%) scale(1.4);
    box-sizing: border-box;
	max-height: calc(100vh - 40px);
	overflow-y: auto;
	overflow-x: hidden;
}
	
	#pop_catalog.opened {
		opacity: 1;
		transform: translate(-50%, -50%) scale(1) !important;
	}
	
	#pop_catalog:after {
	    font-family: GothamPro;
	    color: #ffffff;
	    font-size: 18.75px;
	    font-weight: 700;
	    line-height: 16.667px;
	    text-align: center;
	    background-color: #3664A2;
	    position: absolute;
	    transform: rotate(-45deg);
	    left: -79px;
	    top: -27px;
	    padding: 12px 58px;
	    padding-top: 69px;
	    z-index: 2;
	}
	
	#pop_catalog.new:after {
	    content: 'новинка!';
	}
	
	#pop_catalog.act:after {
	    content: 'АКЦИЯ';
	    left: -75px;
	}
	
	#pop_catalog.hit:after {
	    content: 'хит продаж';
	    padding: 12px 58px;
	    width: 100px;
	    left: -97px;
	    top: -45px;
	    padding-top: 70px;
	}
	
	#pop_catalog *:not(.cls) {
	    position: relative;
	}
	
	#pop_catalog .fade-slider-catalog {
		width: 258px;
		height: 310px;
		float: left;
		position: relative;
		z-index: 2;
	}
	
	#pop_catalog .fade-slider-catalog .main_foto {
		width: 255px;
		height: 255px;
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
		opacity: 1;
		-webkit-transition: .3s;
		transition: .3s
	}
	
	#pop_catalog .fade-slider-catalog img {
		display: block;
		float: left;
		margin-right: 7px;
		cursor: pointer;
		width: 46px;
		height: 46px;
		object-fit: cover;
	}
	
	#pop_catalog .fade-slider-catalog img:last-of-type {
	    margin-right: 0;
	}
	
	#pop_catalog h3 {
	    margin-left: 300px;
	    color: #3f3f3f;
	    font: 700 25px / 29.167px GothamPro;
	}
	
	#pop_catalog h3 span {
	    color: #3f3f3f;
	    font: 400 20.83px / 25px GothamPro;
	    display: block;
	}
	
	#pop_catalog h3:after {
	    content: '';
	    width: 100%;
	    height: 3px;
	    background-color: #e8e8e8;
	    display: block;
	    margin-top: 15px;
	}
	
	#pop_catalog .radio {
	    margin-left: 300px;
	    margin-top: 20px;
		text-align: center;
	}
	
	#pop_catalog .radio input {
	    display: none;
	}
	
	#pop_catalog .radio label {
	    display: inline-block;
	    padding: 10px 0;
		text-align: center;
	    -webkit-transition: .3s;
	    transition: .3s
	}
	#pop_catalog .radio .act {
	    font: 500 12px GothamPro;
	    color: #f64747;
	    margin-top: 10px;
	    text-align: center;
	}
	#pop_catalog .radio .act span{
	    font: 700 13px GothamPro;
	}
	#pop_catalog .radio input:checked+label {
	    border-color: #3f3f3f;
	}
	
	#pop_catalog .radio label p {
	    color: #3f3f3f;
	    font: 400 16.2px / 20.833px GothamPro;
	}
	
	#pop_catalog .radio label p span {
	    display: block;
	    font: 700 38px GothamPro;
	}
	
	#pop_catalog .radio label p span.red {
	    color: #3664A2;
	}
	
	#pop_catalog .b-radio-button {
	    margin-left: 300px;
	    text-align: center;
	}
	
	#pop_catalog .b-radio-button:after {
	    content: '';
	    display: block;
	    clear: both;
	}
	
	#pop_catalog .b-radio-button h4 {
	    color: #3f3f3f;
	    font: 700 16.67px GothamPro;
	    margin-top: 25px;
	    margin-bottom: 30px;
	}
	
	#pop_catalog .b-radio-button .radio-button {
	    display: inline-block;
	    width: 502px;
	    height: 47px;
	    -webkit-border-radius: 23px;
	    border-radius: 23px;
	    border-color: #3f3f3f;
	    border-style: solid;
	    border-width: 5px;
	    /*    overflow: hidden;*/
	    position: relative;
	}
	
	#pop_catalog .b-radio-button .radio-button * {
	    position: relative;
	}
	
	#pop_catalog .b-radio-button .radio-button:before {
	    content: '';
	    width: 251px;
	    height: 47px;
	    background-color: #3f3f3f;
	    -webkit-border-radius: 23px;
	    border-radius: 23px;
	    -webkit-box-sizing: border-box;
	    box-sizing: border-box;
	    position: absolute;
	    top: -5px;
	    right: -5px;
	    -webkit-transition: .3s;
	    transition: .3s
	}
	
	#pop_catalog .b-radio-button .radio-button.with:before {
	    -webkit-transform: translate(0px, 0px);
	    -ms-transform: translate(0px, 0px);
	    transform: translate(0px, 0px);
	}
	
	#pop_catalog .b-radio-button .radio-button.without:before {
	    -webkit-transform: translate(-251px, 0px);
	    -ms-transform: translate(-251px, 0px);
	    transform: translate(-251px, 0px);
	}
	
	#pop_catalog .b-radio-button .radio-button a {
	    display: block;
	    float: left;
	    width: 50%;
	    margin-top: -5px;
	    font: 500 16.67px GothamPro;
	    line-height: 47px;
	    -webkit-transition: .3s;
	    transition: .3s
	}
	
	#pop_catalog .b-radio-button .radio-button.with a[href="without"] {
	    color: #3f3f3f;
	}
	
	#pop_catalog .b-radio-button .radio-button.with a[href="with"] {
	    color: #ffffff;
	}
	
	#pop_catalog .b-radio-button .radio-button.without a[href="with"] {
	    color: #3f3f3f;
	}
	
	#pop_catalog .b-radio-button .radio-button.without a[href="without"] {
	    color: #ffffff;
	}
	
	#pop_catalog .tel_name {
	    margin-top: 15px;
	    height: 125px;
	    border-color: #e8e8e8;
	    -webkit-border-radius: 10px;
	    border-radius: 10px;
	    border-style: dashed;
	    border-width: 3px;
	    padding: 20px 5px 30px 5px;
	    text-align: center;
		margin-left: 300px;
		margin-bottom: 60px;

	}
	
	#pop_catalog .tel_name input {
	    display: inline-block;
	    vertical-align: bottom;
	    width: 225px;
	    height: 45px;
	    color: #3f3f3f;
	    font: 500 22px GothamPro;
	    text-transform: uppercase;
	    border-bottom: 4px solid #3f3f3f;
	    margin-right: 20px;
	    -webkit-transition: all .3s;
	    transition: all .3s
	    border-radius: 0;
	    -moz-border-radius: 0;
	    -webkit-border-radius: 0;
	    margin-right: 25px;
	}
	#pop_catalog .tel_name .credite {
	    font: 500 14px / 55px GothamPro;

	}
	
	#pop_catalog .tel_name input:focus {
	    border-bottom: 4px solid #3664A2;
	}
	
	#pop_catalog .tel_name button {
	    display: inline-block;
	    vertical-align: bottom;
	    width: 220px;
	    height: 47px;
	    color: #ffffff;
	    font: 500 16.67px / 47px GothamPro;
	    margin-bottom: -3px;
	}
	
	#pop_catalog .desc {
	    margin-top: 35px;
	}
	
	#pop_catalog .desc h4 {
	    color: #3f3f3f;
	    font: 700 16.67px GothamPro;
	    margin-bottom: 16px;
	}
	
	#pop_catalog .desc .col-2 .col {
	    display: inline-block;
	    width: 49.5%;
	    vertical-align: top;
	    color: #3f3f3f;
	    font: 400 12.5px / 20.833px GothamPro;
	    padding-right: 15px;
	}
	#pop_catalog .desc .col-2 .col ul {
		list-style-type: square;
		padding: 0 0 0 20px;
	}
	
	#pop_catalog .desc h5 {
	    color: #3f3f3f;
	    font: 700 16.5px / 20.833px GothamPro;
	    margin-top: 25px;
	}
	#pop_catalog .desc ul {
		list-style-type: square;
		padding: 0 0 0 30px;
	}
	#pop_catalog .desc li strong {
		font-weight: 700;
		font-size: 16px GothamPro;
		line-height: 1.6;
	}
	
	#pop_catalog .desc p {
	    margin-top: 10px;
	    color: #3f3f3f;
	    font: 400 12.5px / 20.833px GothamPro;
	}
	
	#pop_catalog .desc b {
	    font-weight: 700;
	    color: #3664A2
	}
	
	@-webkit-keyframes buzz-out {
	    10% {
	        -webkit-transform: translateX(3px) rotate(2deg);
	        transform: translateX(3px) rotate(2deg)
	    }
	    20% {
	        -webkit-transform: translateX(-3px) rotate(-2deg);
	        transform: translateX(-3px) rotate(-2deg)
	    }
	    30% {
	        -webkit-transform: translateX(3px) rotate(2deg);
	        transform: translateX(3px) rotate(2deg)
	    }
	    40% {
	        -webkit-transform: translateX(-3px) rotate(-2deg);
	        transform: translateX(-3px) rotate(-2deg)
	    }
	    50% {
	        -webkit-transform: translateX(2px) rotate(1deg);
	        transform: translateX(2px) rotate(1deg)
	    }
	    60% {
	        -webkit-transform: translateX(-2px) rotate(-1deg);
	        transform: translateX(-2px) rotate(-1deg)
	    }
	    70% {
	        -webkit-transform: translateX(2px) rotate(1deg);
	        transform: translateX(2px) rotate(1deg)
	    }
	    80% {
	        -webkit-transform: translateX(-2px) rotate(-1deg);
	        transform: translateX(-2px) rotate(-1deg)
	    }
	    90% {
	        -webkit-transform: translateX(1px) rotate(0);
	        transform: translateX(1px) rotate(0)
	    }
	    100% {
	        -webkit-transform: translateX(-1px) rotate(0);
	        transform: translateX(-1px) rotate(0)
	    }
	}
	
	@keyframes buzz-out {
	    10% {
	        -webkit-transform: translateX(3px) rotate(2deg);
	        transform: translateX(3px) rotate(2deg)
	    }
	    20% {
	        -webkit-transform: translateX(-3px) rotate(-2deg);
	        transform: translateX(-3px) rotate(-2deg)
	    }
	    30% {
	        -webkit-transform: translateX(3px) rotate(2deg);
	        transform: translateX(3px) rotate(2deg)
	    }
	    40% {
	        -webkit-transform: translateX(-3px) rotate(-2deg);
	        transform: translateX(-3px) rotate(-2deg)
	    }
	    50% {
	        -webkit-transform: translateX(2px) rotate(1deg);
	        transform: translateX(2px) rotate(1deg)
	    }
	    60% {
	        -webkit-transform: translateX(-2px) rotate(-1deg);
	        transform: translateX(-2px) rotate(-1deg)
	    }
	    70% {
	        -webkit-transform: translateX(2px) rotate(1deg);
	        transform: translateX(2px) rotate(1deg)
	    }
	    80% {
	        -webkit-transform: translateX(-2px) rotate(-1deg);
	        transform: translateX(-2px) rotate(-1deg)
	    }
	    90% {
	        -webkit-transform: translateX(1px) rotate(0);
	        transform: translateX(1px) rotate(0)
	    }
	    100% {
	        -webkit-transform: translateX(-1px) rotate(0);
	        transform: translateX(-1px) rotate(0)
	    }
	}


#popup {
    display: none;
    left: 50%;
    position: fixed;
    top: 50%;
    z-index: 2000;
    background:#eeeeee;
    width:420px;
    height: 330px;
    padding:10px 20px 20px 20px;
}

.forder {
	display: none;
	position: fixed;
	top: 25px; right: 25px;
	width: 300px;
	padding: 10px 15px 10px 62px;
	color: #FFFFFF;
	background: url(/img/alert.png) 15px center no-repeat rgba(33, 33, 33, 0.7);
	-webkit-background-size: 32px;
	background-size: 32px;
	border-radius: 10px;
	z-index: 100;
	font: 13px GothamPro;
}
.forder.forder-active {
	display: block;
	-webkit-animation-name: fade;
	-o-animation-name: fade;
	animation-name: fade;
	-webkit-animation-duration: 7s;
	-o-animation-duration: 7s;
	animation-duration: 7s;
}
@-webkit-keyframes fade {
	from {
		opacity: 0;
		-webkit-transform: scale(0.3);
		-o-transform: scale(0.3);
		transform: scale(0.3);
	}
	10%, 90% {
		opacity: 1;
		-webkit-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
	}
	to {
		opacity: 0;
		-webkit-transform: scale(0.5);
		-o-transform: scale(0.5);
		transform: scale(0.5);
	}
}
@-o-keyframes fade {
	from {
		opacity: 0;
		-webkit-transform: scale(0.3);
		-o-transform: scale(0.3);
		transform: scale(0.3);
	}
	10%, 90% {
		opacity: 1;
		-webkit-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
	}
	to {
		opacity: 0;
		-webkit-transform: scale(0.5);
		-o-transform: scale(0.5);
		transform: scale(0.5);
	}
}
@keyframes fade {
	from {
		opacity: 0;
		-webkit-transform: scale(0.3);
		-o-transform: scale(0.3);
		transform: scale(0.3);
	}
	10%, 90% {
		opacity: 1;
		-webkit-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
	}
	to {
		opacity: 0;
		-webkit-transform: scale(0.5);
		-o-transform: scale(0.5);
		transform: scale(0.5);
	}
}
@media screen and (max-width: 600px) {
	.forder.forder-active {
		display: none;
		-webkit-animation-name: none;
		-o-animation-name: none;
		animation-name: none;
	}
}