@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:300,400,700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Cuprum:400,900&display=swap'); /*700,900*/
@import url('https://fonts.googleapis.com/css?family=Caveat:400,700&display=swap');

/*
========================
========================
*/

body,
html {
	background-color:#e7ebed;
	color:#41526b;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight:400;
	font-size: 16px;
    line-height: 1.2;
}

a {
	color:#41526b;
	text-decoration:underline;
}
a:hover {
	color:#41526b;
	text-decoration:none;
}

h1, h2, h3, h4, .h1, .h2, .h3, .h4 {
	font-family: 'Cuprum', sans-serif;
	font-weight:400; 
	line-height:normal;
	color:#000; /*#333*/
}

.highlight {
	background-color:#FF0;
	display:inline;	
}

/*
========================
========================
*/


.uk-container {
	max-width:1000px;
}

.uk-modal-header h4 {
}
.uk-modal-header h4 span {
	display:block;
	font-family: 'Roboto Condensed', sans-serif;
	font-size:14px;
	font-weight:300;
}

.uk-form-label {
	font-size:16px;
}

.uk-button {
	background-color:#e7ebed;
	color:#41526b;
}
.uk-button:hover {
	opacity:0.8;
	cursor:pointer;
}

.uk-form-danger,
.uk-input.uk-form-danger,
.uk-textarea.uk-form-danger {
	border-color:red;
}

.error-message {
	position:absolute;
	background-color:red;
	color:#fff;
	font-size:9px;
	padding:0 2px;
	margin-top:-2px
}
.error-message.error-message-afterbutton {	
	margin-top:5px;
	text-align:center;
	color:red;
	background-color:transparent;
	left:0;
	right:0;
	font-size:12px;
}

/*
========================
========================
*/

.header {
}

.header h1 {
	background-image:url('../images/logo.svg');
	background-repeat:no-repeat;
	background-position:left center;
	background-size:auto 100%;
	padding-left:120px;
}

@media(max-width: 639px) {
	.header h1 {
		padding-left:0;
		padding-right:80px;
		background-position:right top;
		background-size:auto 80px;
	}
}

/****/

.scheme {
	background-color:#f2f9fc;
}
.scheme ul {
	display:block;
	margin:0;
	padding:0;
}
.scheme ul::after {
	content:"";
	display:block;
	clear:both;
}
.scheme ul li {
	display:block;
	margin:0;
	padding:55px 0 0 0;
	float:left;
	width:33%;
	text-align:center;
	font-weight:300;
	font-size:14px;
	
	background-position:top center;
	background-repeat:no-repeat;
	background-size:auto 50px;
}
.scheme ul li div {
	padding:0 20px;
}
.scheme ul li span {
	display:block;
	font-size:18px;
	font-weight:700;
}
.scheme ul li b {
	font-weight:700;
	display:block;
	margin-bottom:10px;
}
.scheme ul li:nth-child(1) {
	background-image:url('../images/steps/1.svg');
	margin-bottom:40px;
}
.scheme ul li:nth-child(2) {
	background-image:url('../images/steps/2.svg');
	margin-bottom:40px;
}
.scheme ul li:nth-child(3) {
	background-image:url('../images/steps/3.svg');
	margin-bottom:40px;
}
.scheme ul li:nth-child(4) {
	background-image:url('../images/steps/4.svg');
}
.scheme ul li:nth-child(5) {
	background-image:url('../images/steps/5.svg');
}
.scheme ul li:nth-child(6) {
	background-image:url('../images/steps/6.svg');
}

@media(max-width: 959px) {
	.scheme ul li {
		width:50%;
	}
	
	.scheme ul li:nth-child(4) {
		margin-bottom:40px;
	}
}

@media(max-width: 639px) {
	.scheme ul li {
		float:none;
		width:100%;
		margin:0;
	}
	
	.scheme ul li div {
		padding:0;
	}
	
	.scheme ul li:nth-child(1) {
		margin-bottom:0px;
	}
	.scheme ul li:nth-child(2) {
		margin-bottom:0px;
	}
	.scheme ul li:nth-child(3) {
		margin-bottom:0px;
	}
	.scheme ul li:nth-child(4) {
		margin-bottom:0px;
	}
	
	.scheme ul li + li {
		margin-top:20px;
	}
}

/****/

.goods {
}

.goods h3 {
	margin-bottom:50px;
}

/****/

.payments {
	background-color:#f2f9fc;
}

/****/

.footer {
}

.footer .logo_str {
	font-size:28px;
	font-family: 'Caveat', sans-serif;
	font-weight:400;
}
.footer .logo_str span {
	font-weight:700;
}

/*
========================
========================
*/

.certlist {
}

.certlist .item {
	background-color:#fff;
	padding:30px;
	text-align:center;
	line-height:1;
	position:relative;
}
.certlist .item:hover {
	-webkit-box-shadow: 0px 0px 30px 0px rgba(65,82,107,0.3);
	-moz-box-shadow: 0px 0px 30px 0px rgba(65,82,107,0.3);
	box-shadow: 0px 0px 30px 0px rgba(65,82,107,0.3);
}
.certlist .item.active,
.certlist .item.active:hover {
	-webkit-box-shadow: 0px 0px 30px 0px rgba(65,82,107,0.5);
	-moz-box-shadow: 0px 0px 30px 0px rgba(65,82,107,0.5);
	box-shadow: 0px 0px 30px 0px rgba(65,82,107,0.5);
}

.certlist .item.wait {
}
.certlist .item.wait::before {
	content:"";
	display:block;
	position:absolute;
	z-index:10;
	width:100%;
	height:100%;
	top:0;
	bottom:0;
	left:0;
	right:0;
	background-color:rgba(255, 255, 255, 0.8);
	background-position:center;
	background-repeat:no-repeat;
	background-image:url('../images/ajax-loader.gif');
}

/*.certlist .item .id {
	position:absolute;
	width:70%;
	top:0;
	left:50%;
	margin-left:-35%;
	margin-top:-15px;
	height:30px;
	line-height:30px;	
	background-color:#fff;
	border:2px solid #e7ebed;
	font-weight:300;
}*/

.certlist .item .title {
	font-weight:300;
	font-size:12px;
}
.certlist .item .title > div:first-child {
	margin-bottom:5px;
	font-family: 'Cuprum', sans-serif;
	font-size:20px;
	font-weight:400;
}
.certlist .item .title > div + div b {
	background-color:#f2f7f9;
	font-weight:400;
}

.certlist .item .coverimg {
	margin-top:10px;
	margin-bottom:15px;
}
.certlist .item .coverimg img {
	border:1px solid #e7ebed;
}
.certlist .item .coverimg a {
	display:inline-block;
	background-color:#41526b;
	position:relative;
}
.certlist .item .coverimg a:hover::after {
	content:"Подробнее";
	display:block;
	position:absolute;
	width:50%;
	left:50%;
	margin-left:-25%;
	top:50%;
	height:20px;
	margin-top:-10px;
	line-height:20px;
	text-align:center;
	font-weight:300;
	font-size:9px;
	text-transform:uppercase;
	background-color:rgba(231, 235, 237, 0.8);
}
.certlist .item .coverimg a:hover img {
	opacity:0.97;
}

.certlist .item .price {
	margin:0 auto;
	font-weight:700;
	margin-bottom:15px;
}

.certlist .item .cert-details-link {
	border-bottom:1px dotted #41526b;
	text-decoration:none;
}
.certlist .item .cert-details-link:hover {
	border-bottom:none;
	text-decoration:none;
}

.certlist .item .orderbtn {
	margin-top:15px;
}

@media(max-width: 639px) {
	.certlist .item {
		padding:15px;
	}
}

/*
========================
========================
*/

.certdetails {
	text-align:center;
	font-weight:300;
}

.certdetails .block {
}
.certdetails .block.block-info {
	margin-top:15px;
}
.certdetails .block.block-info,
.certdetails .block.block-description {
	font-size:14px;
}
.certdetails .block.block-order {
}
.certdetails .block.block-order form {
	text-align:left;
}

.certdetails .block .h {
	margin:30px 0;
	overflow:hidden;
}
.certdetails .block .h span {
	position:relative;
	display:inline-block;
	padding:10px;
	margin:0 auto;
	border:1px solid #e5e5e5;
	background-color:#fff;
	text-transform:uppercase;
	font-weight:300;
}
.certdetails .block .h span::after {
	content:"";
	display:block;
	position:absolute;
	right:-2000px;
	top:50%;
	background-color:#e5e5e5;
	height:1px;
	width:2000px;
}
.certdetails .block .h span::before {
	content:"";
	display:block;
	position:absolute;
	left:-2000px;
	top:50%;
	background-color:#e5e5e5;
	height:1px;
	width:2000px;
}

.certdetails .block .certcoverimg {
}
.certdetails .block .certcoverimg > div {
	display:inline-block;
	text-align:right;
}

.certdetails .block .zoom {
}
.certdetails .block .zoom a {
	border-bottom:1px dotted #41526b;
	text-decoration:none;
}
.certdetails .block .zoom a:hover {
	border-bottom:none;
	text-decoration:none;
}

.certdetails .title {
}
.certdetails .title > div:first-child {
	margin-bottom:5px;
	font-family: 'Cuprum', sans-serif;
	font-size:26px;
	font-weight:400;
}
.certdetails .title > div + div b {
	background-color:#f2f7f9;
}

.certdetails .colorscheme {
	display:inline-block;
}
.certdetails .colorscheme div {
	display:inline-block;
	height:10px;
	width:20px;
}

/*
========================
========================
*/


.fileupload {
	position:relative;
}
.fileupload .filelabel::before {
	content:"Выбрать файл";
	display:block;
	cursor:pointer;
	
	position:absolute;
	left:60px;
	top:50%;
	margin-top:-10px;
	color:#666;
}
.fileupload .filelabel.more::before {
	content:"Добавить еще файл";
	display:inline-block;
	
	position: relative;
	left:auto;
	top:auto;
	margin-top:2px;
	color:#41526b;
	border-bottom:1px dotted #41526b;
}
.fileupload .filelabel.more:hover::before {
	border-color:transparent;
}
.fileupload .filelabel input {
	display:none;
}

.badupload {
	margin-top:5px;
	font-size:12px;
	color:#ccc;
}

.fileupload .icon-input {
	background-position:center left 11px;
	background-repeat:no-repeat;
	background-size:30px auto;
	padding-left:50px;
}
.fileupload .icon-input[name="file"] {
	background-image:url(../images/form-file.svg);
	background-position:top 5px left 11px;
}

/*
========================
========================
*/

.certificate-structure-order {
}

.certificate-structure-order .string {
	background-color:#e5e5e5;
	position:relative;
	text-align:center;
}
.certificate-structure-order .string + .string {
	margin-top:20px;
}

.certificate-structure-order .string .uk-textarea,
.certificate-structure-order .string .uk-input {
	padding-right:50px;
	text-align:left;
}
.certificate-structure-order .string button {
	position:absolute;
	top:10px;
	right:10px;
}

.certificate-structure-order .string [uk-dropdown] {
	text-align:left;
	left:10px !important;
	right:10px !important;
}
.certificate-structure-order .string [uk-dropdown] div {
	padding:7px 5px;
}
.certificate-structure-order .string [uk-dropdown] div + div {
	border-top:1px solid #e5e5e5;
}
.certificate-structure-order .string [uk-dropdown] div:hover {
	background-color:#f2f7f9;
	cursor:pointer;
}

/*
========================
========================
*/

.certificate-structure-js {	
	font-size:14px;
	text-align:center;
}

.certificate-structure-js .string {
	background-color:#41526b;
	color:#fff;
	padding:5px 10px;
	font-weight:300;
	position:relative;
}
.certificate-structure-js .string + .string {
	margin-top:15px;
}


.certificate-structure-js .string [uk-dropdown] {
	text-align:left;
	left:10px !important;
	right:10px !important;
}
.certificate-structure-js .string [uk-dropdown] div {
	padding:7px 5px;
}
.certificate-structure-js .string [uk-dropdown] div + div {
	border-top:1px solid #e5e5e5;
}
.certificate-structure-js .string [uk-dropdown] div:nth-child(1) span {
	background-color: #cdf3a0;
    color: #597f44;
}

.certificate-structure-js .string-title_design,
.certificate-structure-js .string-title_1 {
	font-family: 'Cuprum', sans-serif;
	font-weight:400; 
}
.certificate-structure-js .string-title_design {
	font-size:22px;
}
.certificate-structure-js .string-title_1 {
	font-size:20px;
}

.certificate-structure-js .string-logo {
	font-size:11px;
}
.certificate-structure-js .string-logo::before {
	content:"";
	display:block;
	height:30px;
	background-position:center;
	background-repeat:no-repeat;
	background-size:auto 30px;
	background-image:url('../images/img.svg');
}

.certificate-structure-js .string-linktoperson {
	font-size:11px;
}
.certificate-structure-js .string-linktoperson::before {
	content:"";
	display:block;
	height:30px;
	background-position:center;
	background-repeat:no-repeat;
	background-size:auto 30px;
	background-image:url('../images/link.svg');
}

.certificate-structure-js .string-signature {
	font-size:11px;
}
.certificate-structure-js .string-signature::before {
	content:"";
	display:block;
	height:30px;
	background-position:center;
	background-repeat:no-repeat;
	background-size:auto 30px;
	background-image:url('../images/signature.svg');
}

.certificate-structure-js .string-system {
	font-size:11px;
}
.certificate-structure-js .string-system::before {
	content:"";
	display:block;
	height:30px;
	background-position:center;
	background-repeat:no-repeat;
	background-size:auto 40px;
	background-image:url('../images/barcode.svg');
}