*{
	margin: 0;
	padding: 0;
}

/* Шрифты не скачут! */
html * {max-height:1000000px;}
/* /Шрифты не скачут! */

body{
	font: 16px/27px 'Circe-Regular',sans-serif;
	background: #fff;
	color: #444444;
	overflow-x: hidden;
}

li{list-style-type: none;}
span, a{	
	text-decoration: none;
	transition: all 0.4s;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;	
	-ms-transition: all 0.4s;
	-o-transition: all 0.4s;
	line-height: 1;
}
h1, h2, h3, h4, h5, h6{
	font-weight: normal;
	line-height: 1;
}
input, button, textarea{
	outline: none;
	border: none;
	resize: none;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}
input[type='number'] {-moz-appearance: textfield;}
input[type="search"]::-webkit-search-cancel-button {-webkit-appearance: none;}
input[type="submit"]{
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;	
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	cursor: pointer;
}


@font-face {
	font-family: 'Circe-Regular';
	src: url('../fonts/Circe-Regular.ttf');
	font-style: normal;
	font-weight: normal;
}
@font-face {
	font-family: 'Circe-Bold';
	src: url('../fonts/Circe-Bold.ttf');
	font-style: normal;
	font-weight: normal;
}
@font-face {
	font-family: 'Circe-ExtraBold';
	src: url('../fonts/Circe-ExtraBold.ttf');
	font-style: normal;
	font-weight: normal;
}
@font-face {
	font-family: 'Circe-Light';
	src: url('../fonts/Circe-Light.ttf');
	font-style: normal;
	font-weight: normal;
}


/* Убираем значок скайпа */
.skype_c2c_print_container.notranslate{display: block !important;}
.skype_c2c_menu_container{display: none !important;}
#skype_c2c_container{display: none !important;}
/* /Убираем значок скайпа */

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


.container{
	margin: 0 auto;
	padding: 0 20px;
	width: 1100px;
}
.h1{
	font: 36px/48px "Circe-Regular";
	letter-spacing: 0.5px;
	color: #444;
}
.h2{
	font: 40px "Circe-Regular";
	text-align: center;
	text-transform: uppercase;
	color: #444444;
}
.h3{
	font: 20px "Circe-Light";
	color: #555;
}
.red{color: #f24040;}
.orange{color: #f4b00b;}
.animated{opacity: 0;}



.header{
	position: fixed;
    top: 0px;
    left: 0px;
    padding: 15px 0px;
    width: 100%;
    background: #fff;
    z-index: 2;
    border-bottom: 1px solid #ddd;
}
.header .logo{
	float: left;
	margin-right: 20px;
}
.header .logo img{
    display: block;
    margin-top: 2px;
}
.header .menu li,
.header .menu{
	display: inline-block;
	vertical-align: top;
}
.header .menu{margin-top: 1px;}
.header .menu li + li{margin-left: 20px;}
.header .menu a{
	font: 16px "Circe-Regular";
	color: #333333;
}
.header .menu a:hover{text-decoration: underline;}
.header .content-right{float: right;}
.header .content-right .social a,
.header .content-right .info{
	display: inline-block;
	vertical-align: middle;
}
.header .content-right .social{
	display: inline-block;
	margin-left: 28px;
	vertical-align: top;
}
.header .content-right .info{
    font: 16px "Circe-Regular";
    color: #333333;
}
.header .content-right .info:hover{text-decoration: underline;}
.header .content-right .info.phone{
	padding-left: 22px;
	background: url(../images/phone.png) no-repeat 0px 3px;
}
.header .content-right .info.mail{
	padding-left: 28px;
	background: url(../images/mail-icon.png) no-repeat 0px 4px;
}
.header .content-right .info.skype{
	margin-left: 23px;
	padding-left: 25px;
    background: url(../images/skype-icon.png) no-repeat 0px 3px;
}
.header .content-right .social a:hover{opacity: 0.7;}
.header .content-right .social a + a{margin-left: 10px;}
.header .content-right .social a img{
	display: block;
	max-width: 25px;
	max-height: 25px;
}




.main-screen{
	margin-top: 59px;
    padding: 55px 0px 65px;
    background: url(../images/bg-main-screen.jpg) no-repeat center;
}
.main-screen .wr-content{width: 630px;}
.main-screen .h3{margin-top: 15px;}
.main-screen .wr-item{margin-top: 28px;}
.main-screen .wr-item .item{
	display: inline-block;
    padding: 0px 19px 15px;
    vertical-align: top;
}
.main-screen .wr-item .item.item-two{padding: 0px 16px 15px;}
.main-screen .wr-item .item .wr-text,
.main-screen .wr-item .item .wr-number{
	display: inline-block;
	vertical-align: middle;
}
.main-screen .wr-item .item .wr-number{
	margin-top: 23px;
    text-align: center;
}
.main-screen .wr-item .item .wr-number .number{
	font: 50px/36px "Circe-Regular";
	color: #444;
}
.main-screen .wr-item .item .wr-number .text{
	font: 12px/26px "Circe-Light";
    text-transform: uppercase;
    color: #444;
}
.main-screen .wr-item .item .wr-text{margin: 8px 0px 0px 16px;}
.main-screen .wr-item .item .wr-text .text{
	width: 95px;
    font: 14px/22px "Circe-Light";
    color: #444;
}
.main-screen .wr-item .item.item-one{background: url(../images/decor-1.png) no-repeat;}
.main-screen .wr-item .item.item-one .wr-text .text{width: 95px;}
.main-screen .wr-item .item.item-two{
	margin-left: 32px;
	background: url(../images/decor-2.png) no-repeat;
}
.main-screen .wr-item .item.item-two .wr-text .text{width: 100px;}
.main-screen .certificate{margin-top: 32px;}
.main-screen .certificate .item{
	display: inline-block;
    padding: 12px 15px;
    text-align: center;
    vertical-align: top;
    background: #fff;
    cursor: pointer;
}
.main-screen .certificate .item:hover{transform: scale(0.9);}
.main-screen .certificate .item .text{
	font: 11px "Circe-Regular";
	text-transform: uppercase;
	letter-spacing: 1.8px;
	color: #333333;
}
.main-screen .certificate .item.item-one .text{margin-bottom: 13px;}
.main-screen .certificate .item.item-two{margin-left: 27px;}
.main-screen .certificate .item.item-two .text{margin-bottom: 7px;}
.main-screen .submit-pplication{
	display: block;
    margin-top: 30px;
    width: 298px;
    height: 52px;
    font: 18px/54px "Circe-Regular";
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 0.25px;
    color: #fff;
    background: #7AB631;
    box-shadow: 0px 3px 0px rgba(0,0,0,0.1);
    border-radius: 50px;
    cursor: pointer;
}
.main-screen .submit-pplication:hover{background: #659729;}




.about-me{padding: 80px 0px;}
.about-me .wr-text .h2{
	margin-bottom: 17px;
    text-align: left;
}
.about-me .wr-image{
	float: left;
	margin: 25px;
}
.about-me .wr-image img{
	display: block;
    box-shadow: -15px 15px 0px #b4b4b3;
}
.about-me .wr-text{
    padding: 10px 20px 16px 0px;
    width: auto;
    border-right: 5px solid #F4B00B;
    box-sizing: border-box;
}
.about-me .wr-text .text{text-align: justify;}
.about-me .wr-text .text + .text{margin-top: 15px; font-size: 19px;}

.gallery {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
      gap: 16px;
      padding: 20px;
      max-width: 1200px;
      margin: 0 auto;
    }

    .gallery a {
      display: block;
      overflow: hidden;
      border-radius: 10px;
      box-shadow: 0 4px 12px rgba(0,0,0,0.1);
      transition: transform 0.3s ease, box-shadow 0.3s ease;
    }

    .gallery a:hover {
      transform: scale(1.03);
      box-shadow: 0 6px 18px rgba(0,0,0,0.15);
    }

    .gallery img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
      aspect-ratio: 4/3;
      transition: transform 0.3s ease;
    }



.why-not{
	padding: 69px 0px;
	background: url(../images/bg-why-not.jpg) no-repeat center;
}
.why-not .h2{
	margin-bottom: 45px;
    font: 40px/43px "Circe-Light";
    text-transform: inherit;
}
.why-not .wr-item .item{
	display: inline-block;
	width: 165px;
	text-align: center;
	vertical-align: top;
}
.why-not .wr-item .item.item-two,
.why-not .wr-item .item.item-four{animation-delay: 0.3s;}
.why-not .wr-item .item.item-one,
.why-not .wr-item .item.item-five{animation-delay: 0.6s;}
.why-not .wr-item .item + .item{margin-left: 64px;}
.why-not .wr-item .item.item-five{
	float: right;
	margin-left: 0px !important;
}
.why-not .wr-item .item .wr-image{
	position: relative;
	cursor: pointer;
}
.why-not .wr-item .item .text{
	font: 18px/22px "Circe-Regular";
    color: #444444;
}
.why-not .wr-item .item .wr-content{
	position: absolute;
    bottom: 145px;
    left: 32px;
    display: none;
    padding: 15px;
    width: 590px;
    text-align: left;
    background: #fff;
    z-index: 1;
    border-radius: 10px;
    box-sizing: border-box;
}
.why-not .wr-item .item .wr-content:after{
	position: absolute;
    bottom: -16px;
    left: 35px;
    content: "";
    display: block;
    width: 32px;
    height: 33px;
    background: url(../images/arrow-bottom.png) no-repeat;
}
.why-not .wr-item .item.item-four .wr-content{left: -456px;}
.why-not .wr-item .item.item-four .wr-content:after{
	left: initial;
	right: 35px;
}
.why-not .wr-item .item.item-five .wr-content{left: -456px;}
.why-not .wr-item .item.item-five .wr-content:after{
	left: initial;
	right: 35px;
}
.why-not .wr-item .item .wr-content p{
	font: 14px/18px "Circe-Regular";
	color: #777777;
}
.strong {
	font-size: 25px;
    font-weight: 800;
    color: #5b8528;
}
.why-not .wr-item .item.item-five .wr-image:hover .wr-content,
.why-not .wr-item .item.item-four .wr-image:hover .wr-content,
.why-not .wr-item .item.item-three .wr-image:hover .wr-content,
.why-not .wr-item .item.item-two .wr-image:hover .wr-content,
.why-not .wr-item .item.item-one .wr-image:hover .wr-content{display: block;}
.why-not .form{
	margin-top: 65px;
    padding: 45px 30px 50px;
    background: rgba(255,255,255,0.25);
}
.why-not .form .name{
	margin-bottom: 25px;
    font: 24px "Circe-Regular";
    text-transform: uppercase;
    text-align: center;
    color: #333333;
}
.why-not .form .input-submit,
.why-not .form .input-text{
	display: inline-block;
	vertical-align: top;
}
.why-not .form .input-text{
	margin-right: 15px;
    padding: 0px 16px;
    width: 245px;
    height: 38px;
    font: 18px "Circe-Regular";
    color: #444;
    background: #fff;
    box-sizing: border-box;
    border-radius: 5px;
}
.why-not .form .input-text::-webkit-input-placeholder { /* WebKit browsers */
	font: 18px "Circe-Regular";
    color: #a2a1a1;
	opacity: 1;
}
.why-not .form .input-submit{
	float: right;
    padding-top: 3px;
    width: 245px;
    height: 38px;
    font: 16px "Circe-Light";
    text-transform: uppercase;
    text-align: center;
    color: #fff;
    border-bottom: 3px solid #C89F36;
    box-sizing: border-box;
    border-radius: 5px;
    background: #F4B00B;
}
.why-not .form .input-submit:hover{background: #E1A00A;}

.text a {color:#224d79;}


.price{
	padding: 70px 0px;
}
.price .h2{margin-bottom: 35px;}
.price .main-service{margin: 0px -10px;}
.price .main-service .item{
	display: inline-block;
    width: 345px;
    vertical-align: top;
}
.price .main-service .item + .item{margin-left: 40px;}
.price .main-service .item .top{
	padding: 10px 10px 7px;
    width: 100%;
    text-align: center;
    background: #7AB631;
    box-sizing: border-box;
}
.price .main-service .item:last-child{
	float: right;
	margin-left: 0px;
}
.price .main-service .item .top p{
	font: 23px "Circe-Regular";
	text-transform: uppercase;
	color: #fff;
}
.price .main-service .item .bottom{
	margin: 0px auto;
    padding: 0px 15px 28px;
    width: 320px;
    background: #fff;
    box-sizing: border-box;
    box-shadow: 0px 3px 12px rgba(51,51,51,0.20);
}
.price .main-service .item .bottom ul{padding-top: 6px;}
.price .main-service .item .bottom ul li{
	padding-left: 20px;
    padding: 8px 0px 8px 22px;
    font: 14px "Circe-Regular";
    color: #555555;
    border-bottom: 1px solid #EAEAEA;
    background: url(../images/arrow-green.png) no-repeat 0px 10px;
}
.price .main-service .item .bottom ul li.edit{
	background: url(../images/close-red.png) no-repeat center left;
	opacity: 0.6;
}
.price .main-service .item .wr-text{
	padding-top: 17px;
    text-align: center;
}
.price .main-service .item .wr-text p{
	display: inline-block;
	vertical-align: top;
}
.price .main-service .item .wr-text .old-price{
	margin-top: 13px;
    font: 18px "Circe-Regular";
    text-decoration: line-through;
    color: #999999;
}
.price .main-service .item .wr-text .new-price{
	margin-left: 13px;
	font: 30px "Circe-Regular";
	color: #333333;
}
.price .main-service .submit-pplication{
	display: block;
	margin-top: 12px;
    width: 100%;
    height: 45px;
    font: 18px/48px "Circe-Regular";
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    cursor: pointer;
    border-radius: 30px;
    transition: all 0s;
}
.price .main-service .submit-pplication:hover{transform: scale(1.02);}
.price .main-service .item:nth-child(1) .submit-pplication{
	background: #F8CF10;
    box-shadow: -2px 2px 0px #d4b90c;
}
.price .main-service .item:nth-child(2) .submit-pplication{
	background: #F4B00B;
    box-shadow: -2px 2px 0px #CE9A1C;
}
.price .main-service .item:nth-child(3) .submit-pplication{
	background: #F4890B;
    box-shadow: -2px 2px 0px #D17911;
}
.price .title{
	margin: 65px 0px 40px;
	font: 28px "Circe-Light";
	text-transform: uppercase;
	text-align: center;
	color: #444444;
}
.price .main-service.dop-service .item .top{
	background: #555555;
}
.price .main-service.dop-service .item .wr-text{padding-top: 20px;}
.price .main-service.dop-service .item .submit-pplication{
	background: #7AB631;
	box-shadow: -2px 2px 0px #5E941D;
}
.price .wr-text-bottom{
	margin-top: 40px;
	text-align: center;
}
.price .wr-text-bottom .top .name{
	margin-bottom: 3px;
	font: 18px "Circe-Regular";
	color: #444444;
}
.price .wr-text-bottom .top .text{
	font: 16px "Circe-Regular";
	color: #888888;
}
.price .wr-text-bottom .bottom{margin-top: 20px;}
.price .wr-text-bottom .bottom .name{
	margin-bottom: 10px;
	font: 16px "Circe-Regular";
	color: #444444;
}
.price .wr-text-bottom .bottom .text{
	margin-top: 1px;
	font: 16px "Circe-Regular";
	color: #888888;
}



.my-project{
	padding: 70px 0px 80px;
    background: #F5F5F5;
}
.my-project .h2{margin-bottom: 27px;}
.my-project .wr-item .item{
	display: inline-block;
	margin-bottom: 50px;
	margin-right: 52px;
	width: 330px;
	vertical-align: top;
	background: #fff;
	overflow: hidden;
	border-radius: 10px;
	box-shadow: 0px 0px 10px #cccccc;
}
.my-project .wr-item .item.item-hidden{display: none;}
.my-project .wr-item .item:nth-child(3n+3){
	float: right;
	margin-right: 0px;
}
.my-project .wr-item .item img{display: block;}
.my-project .wr-item .item .name-project{
	padding: 5px 10px 6px;
    font: 20px "Circe-Light";
    text-align: center;
    color: #fff;
    background: #7AB632;
}
.my-project .wr-item .item .bottom{padding: 13px 15px;}
.my-project .wr-item .item .bottom .name{
	font: 14px/20px "Circe-Regular";
	color: #444444;
}
.my-project .wr-item .item .bottom .name + .name{margin-top: 7px;}
.my-project .wr-item .item .bottom .text{
	margin-left: 10px;
	color: #888888;
}
.my-project .more{
	display: block;
    margin: 0px auto;
    width: 225px;
    height: 36px;
    font: 14px/39px "Circe-Regular";
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    background: #444444;
    box-shadow: -2px 2px 0px #333333;
    border-radius: 30px;
    cursor: pointer;
}
.my-project .more:hover{background: #3B3B3B;}



.process-work{
	padding: 70px 0px 0px;
}
.process-work .h2{margin-bottom: 10px;}
.process-work .text-top{
	font: 18px/25px "Circe-Light";
    text-align: center;
    color: #888888;
}
.process-work .tab-menu{
	display: table;
    margin-top: 40px;
    width: 100%;
    border-bottom: 1px solid #ddd;
}
.process-work .tab-menu .setting-menu{
	position: relative;
    display: table-cell;
    padding-bottom: 20px;
    width: 335px;
    vertical-align: top;
    box-sizing: border-box;
}
.process-work .tab-menu .setting-menu:after{
	position: absolute;
	top: 0px;
	right: 0px;
	content: "";
	display: inline-block;
	width: 1px;
	height: 100%;
	background: #DDDDDD;
}
.process-work .tab-menu .setting-menu li{
	position: relative;
    padding-bottom: 8px;
}
.process-work .tab-menu .setting-menu li.active .name{color: #7AB632;}
.process-work .tab-menu .setting-menu li.active .circle{
	background: #7AB632;
	border: none;
	color: #fff;
}
.process-work .tab-menu .setting-menu li:after{
	position: absolute;
    top: 28px;
    left: 13px;
    content: "";
    display: block;
    width: 1px;
    height: 100%;
    background: #CACACA;
}
.process-work .tab-menu .setting-menu li:last-child:after{display: none;}
.process-work .tab-menu .setting-menu li .circle{
	position: relative;
    display: inline-block;
    margin-right: 10px;
    padding-left: 1px;
    width: 28px;
    height: 28px;
    font: 16px/30px "Circe-Bold";
    vertical-align: top;
    text-align: center;
    color: #CACACA;
    border-radius: 50%;
    background: #fff;
    box-sizing: border-box;
    border: 1px solid #CACACA;
    z-index: 1;
    cursor: pointer;
}
.process-work .tab-menu .setting-menu li.past .circle{
	background: #F4B00B;
	border: none;
	color: #fff;
}
.process-work .tab-menu .setting-menu li .name{
	display: inline-block;
    margin-top: 3px;
    max-width: 275px;
    vertical-align: top;
    font: 16px "Circe-Regular";
    color: #bbbbbb;
    cursor: pointer;
}
.process-work .tab-menu .setting-menu li .name:hover{text-decoration: underline;}
.process-work .tab-menu .setting-menu li.past .name{color: #F4B00B;}
.process-work .wr-setting-content{
	display: table-cell;
    padding-left: 30px;
    padding-bottom: 20px;
}
.process-work .setting-content{display: block;}
.process-work .setting-content img{
	display: block;
	margin-bottom: 25px;
}
.process-work .setting-content.setting-content-hide{display: none;}
.process-work .setting-content .text{
	font: 16px/30px "Circe-Regular";
	color: #444444;
}
.process-work .setting-content ul,
.process-work .setting-content .text + .text{margin-top: 15px;}
.process-work .setting-content-mobile{display: none;}
.process-work .text-bottom{
	margin-top: 23px;
	font: 16px/30px "Circe-Regular";
	color: #444444;
}
.process-work .tab-menu .setting-menu li .list li:after{display: none;}




.contextual-advertising.animated{padding: 70px 0px 0px;}
.contextual-advertising form{
	padding: 42px 30px;
    width: 100%;
    box-sizing: border-box;
    background: #F5F5F5;
    border: 1px solid #F1F1F1;
    box-shadow: -11px 11px 0px #e2e0e0;
}
.contextual-advertising .name{
	font: 24px "Circe-Regular";
	text-transform: uppercase;
	text-align: center;
	color: #333333;
}
.contextual-advertising .text{
	margin-top: 7px;
    font: 20px "Circe-Regular";
    text-align: center;
    color: #777777;
}
.contextual-advertising .wr-input{margin-top: 27px;}
.contextual-advertising .wr-input .input-submit,
.contextual-advertising .wr-input .input-text{
	display: inline-block;
	vertical-align: top;
}
.contextual-advertising .wr-input .input-text{
	margin-right: 15px;
    padding: 0px 16px;
    width: 245px;
    height: 38px;
    font: 18px "Circe-Regular";
    color: #444;
    background: #fff;
    box-sizing: border-box;
    border-radius: 5px;
    box-shadow: 0px 0px 5px rgba(180,180,179,0.3);
}
.contextual-advertising .wr-input .input-text::-webkit-input-placeholder { /* WebKit browsers */
	font: 18px "Circe-Regular";
    color: #cccccc;
	opacity: 1;
}
.contextual-advertising .wr-input .input-submit{
	float: right;
    padding-top: 3px;
    width: 245px;
    height: 38px;
    font: 16px "Circe-Light";
    text-transform: uppercase;
    text-align: center;
    color: #fff;
    border-bottom: 3px solid #C89F36;
    box-sizing: border-box;
    border-radius: 5px;
    background: #F4B00B;
}
.contextual-advertising .wr-input .input-submit:hover{background: #E1A00A;}

/* блок вопросы  */


.faq-box{
	padding-top: 150px;
	padding-bottom: 40px;
}
.faq-box .title-bx{
	margin-bottom: 40px;
}
.faq-box h2 {
	margin-bottom: 40px;
}
.faq-item{
	margin-bottom: 30px;
}
.faq-item .tt{
	font-size: 14px;
	line-height: 1.4;
	margin-top: 10px;
	display: none;
	padding: 15px;
	 background-color: rgb(255 255 255);
	 border-radius: 10px;
}
.faq-item.opened .tt{
	display: block;
}
.faq-item .hh{
	cursor: pointer;
	position: relative;
	 border-radius: 10px;
    background-color: rgb(255 255 255);
    box-shadow: 0px 0px 7px 0px rgb(184 184 184 / 33%);
  padding: 15px;
  padding-right: 60px;
  font-size: 24px;
}
.faq-item .hh:after{
	content: '';
	position: absolute;
	right: 5px;
	top: 5px;
	background: url(../images/open-a.png) 0 0 ;
	width: 48px;
	height: 48px;
	margin-top: -24px;
	top: 50%;
}
.faq-item.opened .hh:after{
	background: url(../images/open.png) 0 0 ;
}

/* блок вопросы конец */



.footer{
	margin-top: 90px;
    padding: 26px 0px;
    background: url(../images/bg-footer.jpg) no-repeat;
    background-size: cover;
}
.footer .content-left{
	float: left;
	width: 760px;
}
.footer .content-left .text{
	font: 16px/24px "Circe-Light";
	color: #fff;
}
.footer .content-right{
	float: right;
	text-align: right;
}
.footer .content-right .info{
	font: 16px "Circe-Regular";
	color: #fff;
}
.footer .content-right .info:hover{text-decoration: underline;}
.footer .content-right .info.mail{
	padding-right: 28px;
	background: url(../images/mail-icon.png) no-repeat right 4px;
}
.footer .content-right .info.skype{
	padding-right: 27px;
	background: url(../images/skype-icon.png) no-repeat right 3px;
}
.footer .content-right .social{margin-top: 6px;}
.footer .content-right .social a{
	display: inline-block;
	vertical-align: top;
}
.footer .content-right .social a:hover{opacity: 0.7;}
.footer .content-right .social a + a{margin-left: 10px;}
.footer .content-right .social a img{display: block;}



.wr-copyright{
	padding: 10px 0px;
	background: #454545;
}
.wr-copyright .copyright{
	float: left;
	font: 14px "Circe-Light";
	color: #fff;
}
.wr-copyright .copyright .icon{
	display: inline-block;
	margin-top: 1px;
	margin-right: 5px;
	vertical-align: top;
}
.wr-copyright .working-out{
	float: right;
	font: 14px "Circe-Light";
	color: #fff;
}
.wr-copyright .working-out a{
	margin-left: 5px;
	text-transform: uppercase;
	color: #fab000;
}
.wr-copyright .working-out a:hover{text-decoration: underline;}



.popup-certificate{
	position: fixed;
	top: 50%;
	left: 50%;
	display: none;
	transform: translate(-50%, -50%);
	z-index: 15;
}
.popup-certificate.popup-certificate-one .img{
	display: block;
	height: 650px;
}
.popup-certificate.popup-certificate-two .img{
	display: block;
	height: 480px;
}
.popup-certificate .close{
	position: absolute;
    top: 15px;
    right: 15px;
    width: 15px;
    height: 15px;
    cursor: pointer;
}
.popup-certificate.popup-certificate-two .close{
	top: 7px;
    right: 7px;
}



.background{
	position: fixed;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0, 0.8);
    z-index: 10;
}
.popup{
	position: fixed;
    top: 50%;
    left: 50%;
    display: none;
    padding: 45px 40px;
    width: 460px;
    transform: translate(-50%,-50%);
    background: #fff;
    border-radius: 5px;
    z-index: 15;
    box-sizing: border-box;
}
.popup:after{
	display: block;
    content: '';
    position: absolute;
    top: -12px;
    left: -12px;
    padding: 11px;
    width: 100%;
    height: 100%;
    border: 1px solid #fff;
    z-index: -1;
}
.popup .name{
	margin-top: 10px;
	margin-bottom: 25px;
    font: 26px/1.3 "Circe-Regular";
    text-align: center;
    color: #444;
}
.popup .input-text{
	display: block;
    padding: 0 30px;
    margin: 0 auto 20px;
    width: 370px;
    height: 46px;
    background: #fff;
    font: 17px "Circe-Regular";
    border-radius: 50px;
    box-shadow: 0 0 5px rgba(0,0,0, 0.2);
    box-sizing: border-box;
}
.popup .input-text::-webkit-input-placeholder { /* WebKit browsers */
	font: 17px "Circe-Regular";
	opacity: 1;
}
.popup .input-text:focus{box-shadow: 0 0 3px #0065C7;}
.popup .input-submit{
	display: block;
    margin: 0 auto 10px;
    margin-bottom: 15px;
    width: 370px;
    height: 46px;
    font: 19px "Circe-Regular";
    color: #fff;
    letter-spacing: 1px;
    cursor: pointer;
    background: #444444;
    border-bottom: 3px solid #333333;
    border-radius: 50px;
    box-shadow: 0 10px 10px -5px rgba(0,0,0, 0.15);
    cursor: pointer;
}
.popup .input-submit:hover{background: #3B3B3B;}
.popup .close{
	position: absolute;
    top: 15px;
    right: 15px;
    width: 15px;
    height: 15px;
    cursor: pointer;
}




.thank{
	position: fixed;
    left: 50%;
    top: 50%;
    z-index: 130;
    padding: 0 50px;
    width: 400px;
    height: 320px;
    line-height: 320px;
    background: #fff;
    border-radius: 10px;
    text-align: center;
    transform: translate(-50%, -50%);
    box-sizing: border-box;
}
.bg{
	position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0, 0.8);
    z-index: 10;
}
.thank p {
    display: inline-block;
    margin: 10px auto 0;
    font: 24px/1.7 "Circe-Regular";
    color: #555;
    vertical-align: middle;
}
.thank .close{
	position: absolute;
    top: 15px;
    right: 15px;
    width: 15px;
    height: 15px;
    cursor: pointer;
}
.quize {
height: auto;
position: fixed;
top: auto;
bottom: 0;
right: 10px;
padding: 0;
max-width: 450px;
margin: 15px;
border-radius: 4px;
width: auto;}