/*
Theme Name: Diplom-UA
Author: Diplom-UA
Description: Diplom-UA theme made special for site KUPIT-DIPLOM-UA.COM
*/

/* reset styles */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}


@font-face {
	font-family: 'Open Sans';
	src: url('fonts/OpenSans-Regular.eot');
	src: url('fonts/OpenSans-Regular.eot?#iefix') format('embedded-opentype'),
		url('fonts/OpenSans-Regular.woff') format('woff'),
		url('fonts/OpenSans-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Open Sans Bold';
	src: url('fonts/OpenSans-SemiBold.eot');
	src: url('fonts/OpenSans-SemiBold.eot?#iefix') format('embedded-opentype'),
		url('fonts/OpenSans-SemiBold.woff') format('woff'),
		url('fonts/OpenSans-SemiBold.ttf') format('truetype');
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Open Sans Italic';
	src: url('fonts/OpenSans-Italic.eot');
	src: url('fonts/OpenSans-Italic.eot?#iefix') format('embedded-opentype'),
		url('fonts/OpenSans-Italic.woff') format('woff'),
		url('fonts/OpenSans-Italic.ttf') format('truetype');
	font-weight: normal;
	font-style: italic;
	font-display: swap;
}
@font-face {
	font-family: 'Open Sans Light';
	src: url('fonts/OpenSans-Light.eot');
	src: url('fonts/OpenSans-Light.eot?#iefix') format('embedded-opentype'),
		url('fonts/OpenSans-Light.woff') format('woff'),
		url('fonts/OpenSans-Light.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
}


*, *:before, *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.clear, .container::after, .wpcf7-form::after,
.menu::after, .price::after, .sample-row::after,
.footer-content::after, .order-step::after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    margin: 0;
    padding: 0;
    visibility: hidden;
}

body {
	background-color: #fff;
	line-height: 16px;
	font-family: arial;
	font-size: 15px;
	color: #333;
}
a, a:link, a:visited {
	text-decoration: none;
	color: #0000ee;
}
a:hover {
	color: #000;
}
h1, h2, h3, h4, h5, h6 {
	font-family: Lucida Console;
	color: #1f5ba8;
}
h1 {
	font-size: 32px;
	line-height: 34px;
	margin: 0 0 10px;
}
.h, h2, h3, h4, h5, h6 {
	font-size: 21px;
	margin: 25px 0 5px;
}
hr {
	display: block;
	border: none;
	border-top: 1px dashed #d4e3f0;
	clear: both;
	margin: 10px 0;
}
blockquote {
	background: #f3f3ed;
	padding: 20px 30px;
	border: 1px solid #eae8f5;
    margin: 15px 0;
}
blockquote .price {
    margin: 0;
}
.circle {
	list-style: circle;
}
strong {
	font-family: 'Open Sans bold';
}

.header {
	background-color: #ffffff;
	width: 100%;
	height: 110px;
	position: relative;
	border-bottom: 1px solid #EBEBEB;
}
.header .container,
.footer-content {
	display: flex;
	-webkit-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
}
.col-1, .footer-colum {
	width: 33%;
	position: relative;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
}
.col-2 {
	width: 31.33333333%;
	float: left;
	background: #fff;
}

.logo {
	-webkit-order: 2;
	-ms-flex-order: 2;
	order: 2;
}
.logo a {
	background: url('images/logo.png') no-repeat scroll 0 0;
	display: block;
	width: 215px;
	height: 60px;
	margin: 20px auto 0;
	text-indent: -9999px;
}
.phone {
	-webkit-order: 1;
	-ms-flex-order: 1;
	order: 1;
	-webkit-justify-content: flex-start;
	-ms-flex-pack: start;
	justify-content: flex-start;
}
.col-1 .tel {
	background: url('images/phone-1.png') no-repeat scroll left bottom;
	font-size: 19px;
	font-family: verdana;
	line-height: 26px;
	padding-left: 55px;
	width: 250px;
}
.col-1 .tel a {
    color: #000;
}
.col-1 .tel a:hover {
    color: #0000ee;
}
.social {
	margin-top: 7px;
}
.col-1 .social {
	padding-left: 50px;
	line-height: 20px;
	font-size: 15px;
	font-weight: bold;
	color: #e33;
	margin-top: 1px;
}
.social a {
	width: 32px;
	height: 32px;
	display: inline-block;
	margin: 0 5px;
}
.social img {
	width: 100%;
	height: auto;
}
.col-1 button,
.scroll-block button,
.sample-box-order button,
input.wpcf7-submit[type="submit"] {
    background: rgb(0,153,255);
    background: -moz-linear-gradient(top, #4d6fc2 0%, #3f51b5 100%);
    background: -webkit-linear-gradient(top, #4d6fc2 0%, #3f51b5 100%);
    background: linear-gradient(to bottom, #4d6fc2 0%, #3f51b5 100%);
	border: 0;
	border-bottom: 3px solid #29498b;
	border-radius: 4px;
	line-height: 22px;
	font-size: 17px;
	font-family:tahoma;
	color: #fff;
	padding: 6px 0;
	text-align: center;
	text-transform: uppercase;
}
.col-1 button {
	width: 215px;
	margin-top: 10px;
}
.scroll-block button,
input.wpcf7-submit[type="submit"] {
	width: 120px;
}
.scroll-block button {
	padding: 3px 0;
}
.col-1 button:hover, .scroll-block button:hover,
.sample-box-order button:hover,
input.wpcf7-submit[type="submit"]:hover {
    background: -moz-linear-gradient(top, #3f51b5 0%, #4d6fc2 100%);
    background: -webkit-linear-gradient(top, #3f51b5 0%, #4d6fc2 100%);
    background: linear-gradient(to bottom, #3f51b5 0%, #4d6fc2 100%);
	cursor: pointer;
	font-size: 16px;
	
}
.mail {
	-webkit-order: 3;
	-ms-flex-order: 3;
	order: 3;
	-webkit-justify-content: flex-end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	display: flex;
}
.col-1 .email {
	text-align: right;
	color: #000000;
    margin-top: 20px;
	font-family: 'time new roman';
}
.col-1 .email a,
.col-1 .email a:link,
.col-1 .email a:visited {
	color: #f88a0f; /*eeac05*/
	font-weight: bold;
}
.col-1 .email a:hover,
a.price-title:hover,
.cat-colum > a:hover {
	color: #444;
}

.m-menu {
    display: none;
}
.top-nav {
    width: 100%;
    height: 45px;
    position: relative;
	background: #3f51b5;
	background: -moz-linear-gradient(top, #2a5cc2 0%, #5981e3 100%);
	background: -webkit-linear-gradient(top, #2a5cc2 0%, #5981e3 100%);
	background: linear-gradient(to bottom, #2a5cc2 0%, #5981e3 100%);
    text-align: center;
	border-bottom: 3px solid #456bb9;
}
.top-nav ul {
	margin: 0 20px;
}
.top-nav li {
	float: left;
	margin: 7px 10px 0;
}
.top-nav a, .top-nav a:link, .top-nav a:visited {
	color: #fff;
	text-transform: uppercase;
	padding: 5px 10px;
	display: block;
	border-radius: 12px;
	font-size: 15px;
	font-family: sans-serif;
	letter-spacing: 0.5px;
	line-height: 19px;
}
.top-nav a:hover,
.top-nav .current_page_item a,
.top-nav .current-menu-item a {
	background: #2e40a5;
	color: #f8f50f;
}


.container, .footer-content, .footer-bottom {
	width: 1170px;
    padding-right: 15px;
    padding-left: 15px;
    margin: 0 auto;
}

.order {
	background: #f88a0f;
	background: -moz-linear-gradient(top, #fbe548 0%, #fecb66 100%);
	background: -webkit-linear-gradient(top, #fbe548 0%, #fecb66 100%);
	background: linear-gradient(to bottom, #fbe548 0%, #fecb66 100%);
	padding: 0 0 15px;
}
.order-title {
	color: #575871;
	font-family: verdana;
	font-size: 26px;
	line-height: 28px;
	letter-spacing: 0.9px;
	text-align: center;
	padding: 25px 0 0;
}
.order .wpcf7-form {
	margin: 25px auto 6px;
	width: 85%;
}
.line-1 .order input.wpcf7-submit[type="submit"] {
    margin: 10px 0 0;
    width: 250px;
}
.line-1 .order input.user-name,
.line-1 .order input.user-email,
.line-1 .order input.user-document {
	margin: 0 2%;
	background: #fff;
	padding: 8px 10px 10px;
	border: 1px solid #fbb026;
	box-shadow: 0 -1px 1px #fbb026;
	width: 29%;
	font-size: 15px;
	color: #555;
	display: inline-block;
}


.line-2 {
	background: #fff;
	padding: 30px 0;
}
.line-2 span, .line-3 span {
    display: block;
    text-align: center;
    text-transform: uppercase;
    color: #3f52a5;
    font-family: georgia;
	letter-spacing: 0.9px;
	background: url('images/text-line.png') no-repeat scroll bottom center;
	padding: 0 0 25px;
	line-height: 1;
}
.line-2 span {
    font-size: 26px;
}

.line-3 {
	min-height:500px;
	background: url('images/line-3.jpg') no-repeat scroll top center;
	padding: 0 0 25px;
}
.line-3 .col-2 {
	color: #545a65;
	font-size: 15px;
	font-family: verdana;
	line-height: 21px;
	padding: 20px;
	border-radius: 9px;
	min-height: 350px;
	box-shadow: 0 0 10px #67686b;
	border: 2px solid #ffd800;
	margin: 72px 0 0;
}
.col-2.middle {
	margin: 65px 3% 0;
}
.line-3 span {
    font-size: 21px;
}
.line-3 ol {
	margin: 5px 0 0 25px;
}
.line-3 li {
	margin: 8px 0;
}

.main {
	padding: 40px 15px;
}

.breadcrumbs {
	font-size: 13px;
	font-family: 'Open Sans Light';
	margin: 0 0 15px;
	line-height: 15px;
	color: #b5bcc8;
}
.breadcrumbs a, .breadcrumbs a:link, .breadcrumbs a:visited, .sep {
	color: #47607a;
}
.breadcrumbs a:hover {
	color: #000;
}

.entry {
	color: #4a566c;
	font-size: 15px;
	font-family: 'Open Sans';
	line-height: 23px;
	width: 75%;
	float: right;
	padding-left: 25px;
}
.entry p {
	margin: 0 0 15px;
}
.entry ol, .entry ul {
	margin: 0 0 15px 45px;
}
.entry li {
	margin: 10px 0;
}
.entry em {
	font-family: 'Open Sans Italic';
	color: #000;
	letter-spacing: 0.7px;
}

.category li li {
    margin: 0 0 10px;
    color: #909aaa;
}
.category a.title {
	font-size: 17px;
}

.sample-row {
	padding: 15px 0;
}
.sample-col {
    float: left;
    width: 31%;
    margin: 0 1%;
	text-align: center;
}
.sample-title {
    color: #f88a0f;
    text-align: center;
    font-size: 20px;
}
.sample-col img {
	display: block;
	margin: 0 auto;
	border: 1px solid #cfcfcf;
}

.sample-warp {
	text-align: center;
}
.sample-box {
	padding: 30px 15px;
	background: url('images/line-1.png') repeat scroll bottom right #EAEFF4;
	width: 250px;
	display: inline-block;
	margin-top: 15px;
}
.sample-box-img,
.sample-box-img img {
	height: 125px;
}
.sample-box-title {
	margin: 20px 0 0;
	color: #000000;
	font-weight: bold;
	font-family: arial;
	font-size: 16px;
}
.sample-box-year {
	margin: 0 0 15px;
}
.sample-box-price {
	font-weight: bold;
	margin: 0 0 20px;
}
.sample-box-price span {
	text-transform: uppercase;
	font-weight: normal;
	color: #aa0808;
}
.sample-box-order button {
	width: 100%;
}

.price {
	margin: 15px 15px 35px;
}
.price p {
    margin: 0;
}
p.price-title, a.price-title {
    color: #f88a0f;
    font-size: 19px;
    text-align: right;
	line-height: 21px;
	float: right;
	margin: 0 0 4px;
}
.price-title em {
    color: #f4cc04;
    font-size: 16px;
	border: none;
}
.price ul {
    margin: 0;
	float: right;
}
.price li {
    border-bottom: 1px dashed #d7d7d7;
    line-height: 1.2;
    margin: 10px 0 0;
	padding: 0 10px;
    font-size: 16px;
	color: #333111;
}
.price img {
	width: 200px;
	float: left;
}
.price .alignright {
	width: 65%;
}

.first {
    margin: 0 6% 15px 0;
}
.cat-colum {
	float: left;
	width: 47%;
	height: 52px;
}
.cat-colum > a {
	font-family: verdana;
	font-size: 16px;
	line-height: 50px;
	margin-left: 55px;
	text-transform: uppercase;
	color: #f88a0f;
}

.entry .order-step {
	text-align: center;
	background: #f3ebd9;
	padding: 2px 5px 7px;
	border: 1px solid #e4d8c5;
	margin: 15px 0;
}
.order-step-title {
	text-align: center;
	font-size: 19px;
	font-weight: bold;
	margin: 5px 0;
	color: #1f5ba8;
}
.order-step ul {
	margin: 0;
}
.order-step li {
	float: left;
	width: 23%;
	margin: 0 1%;
}
.order-step img {
	width: 100%;
}
.order-step p {
	color: #000;
	font-size: 14px;
	line-height: 19px;
	height: 55px;
}
.step {
	color: #fff;
	font-weight: bold;
	border: 3px solid #fff;
	border-radius: 50%;
	width: 40px;
	margin: 0 auto;
	background: #e9834c;
}

.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"],
.wpcf7-form input[type="tel"],
.wpcf7-form textarea,
.wpcf7-form select {
	color: #555555;
}
.order .wpcf7-spinner {
	top: 16px;
	position: absolute;
	margin: 0;
}
input[type="text"],
input[type="email"],
input[type="tel"],
textarea,
.wpcf7-form select {
	border: 1px solid #dddddd;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	padding: 5px 8px;
	line-height: 20px;
}
input, select, textarea {
	background: #fefefe none repeat scroll 0 0;
	box-shadow: 0 2px 7px rgba(0, 0, 0, 0.07) inset;
}
.page-order .wpcf7-form textarea {
	height: 130px;
}
input:focus, select, textarea:focus,
input:hover, textarea:hover {
    border: 1px solid #f88a0f;
}

.wpcf7 form.sent .wpcf7-response-output
.wpcf7-validation-errors,
div.wpcf7-mail-sent-ok,
div.wpcf7-mail-sent-ng,
div.wpcf7-spam-blocked {
	text-align: center;
}

.page-order p {
	display: block;
	margin: 0 auto 15px;
	width: 80%;
}
.page-order select {
	width: 160px;
}
.page-order .wpcf7-form input[type="text"],
.page-order .wpcf7-form input[type="email"],
.page-order .wpcf7-form input[type="tel"],
.page-order .wpcf7-form textarea {
	width: 90%;
}

.left-colum {
	width: 25%;
	float: left;
}
.widget {
	background: #f7f7f7;
	margin: 0 0 30px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
.widget-title {
	color: #fff;
	padding: 20px 5px 20px 85px;
	font-weight: bold;
	font-size: 18px;
	font-family: 'Open Sans';
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
.nav_menu-2 .widget-title {
	background: url(images/dip.png) #28629c no-repeat 10px 50%;
}
.nav_menu-3 .widget-title {
	background: url(images/att.png) #28629c no-repeat 15px 70%;
}
.nav_menu-4 .widget-title {
	background: url(images/other.png) #28629c no-repeat 10px 50%;
}
.widget ul {
	padding: 0 0 5px;
}
.widget li {
	padding-left: 30px;
	background: url(images/nav-arrow.png)no-repeat 10px 2px;
}
.widget li a, .widget li a:link, .widget li a:visited {
	display: block;
	padding: 10px 0;
	border-bottom: 1px solid #f0f0f0;
	color: #28629c;
	margin-right: 5px;
	font-family: 'Open Sans';
	font-size:16px;
	line-height: 22px;
}
.widget li:last-child a {
	border: none;
}
.widget li:hover,
.widget li.current-menu-item,
.widget li.current-post-ancestor  {
	background-position: 10px -34px;
}
.widget li a:hover,
.widget li.current-menu-item a,
.widget li.current-post-ancestor a {
	color: #f88a0f;
}

.footer {
	background: #3f51b5;
	background: -moz-linear-gradient(top, #3f51b5 0%, #4d6fc2 100%);
	background: -webkit-linear-gradient(top, #3f51b5 0%, #4d6fc2 100%);
	background: linear-gradient(to bottom, #3f51b5 0%, #4d6fc2 100%);
}
.footer-content {
	padding-top: 20px;
	padding-bottom: 50px;
	color: #d5deec;
	line-height: 18px;
	font-size: 15px;
	border-bottom: 1px solid #2f48b4;
}
.footer .title {
	color: #fff;
	font-size: 21px;
	margin: 10px 0 20px;
}
.cards img {
	width: 22%;
	height: auto;
	margin: 0 2% 15px 0;
	float: left;
	border: 1px solid #0507a2;
	box-shadow: 0 0 4px #0312b4;
}
.footer-colum .tel {
	color: #fefefe;
	font-size: 29px;
	line-height: 34px;
	font-weight: bold;
	letter-spacing: 1px;
	font-family: verdana;
	margin: -5px 0 15px;
}
.footer-colum .email {
    font-size: 17px;
}
.footer-bottom {
	height:50px;
	border-top: 1px solid #7484b9;
	color: #ccc;
	line-height: 40px;
}
.footer-bottom a, .footer-bottom a:link, .footer-bottom a:visited {
	color: #ccc;
}

.footer-colum a,
.footer-colum a:link,
.footer-colum a:visited {
	color: #f8e50f;
	font-weight: bold;
}
.footer-colum a:hover {
	color: #e4e3da;
}
.footer-colum ul {
	list-style: square;
	margin: 0 0 15px 15px;
}

.banner {
    height: 200px;
	background: url('images/line-1.png') repeat scroll bottom right #3C94D3;
}
.banner .slide {
    text-align: center;
    padding: 55px 0;
}
.banner .slide > p {
	font-family: arial;
	line-height: 150%;
	text-transform: uppercase;
	font-size: 27px;
	color: white;
	text-shadow: 0px 0px 2px #0B405D;
}
.list-wrap {
	height: 200px;
	overflow: hidden;
	background: url('images/line-1_2.webp') no-repeat scroll center center;
}
.owl-carousel .owl-wrapper:after{
	content:".";
	display:block;
	clear:both;
	visibility:hidden;
	line-height:0;
	height:0;
}
.owl-carousel{
	display:none;
	position:relative;
	width:100%;-ms-touch-action:pan-y;
}
.owl-carousel .owl-wrapper{
	display:none;
	position:relative;
}
.owl-carousel .owl-wrapper-outer{
	overflow:hidden;
	position:relative;
	width:100%;
}
.owl-carousel .owl-item,.owl-carousel .owl-wrapper{
	-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;
	-webkit-transform:translate3d(0,0,0);
	-moz-transform:translate3d(0,0,0);
	-ms-transform:translate3d(0,0,0);
}
.owl-carousel .owl-item{
	float:left;
}
.owl-controls{
	-webkit-user-select:none;
	-khtml-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	-webkit-tap-highlight-color:transparent;
}
.owl-theme .owl-controls{
	text-align:center;
	position:relative;
	top:-5px;
}
.owl-controls .owl-buttons div,.owl-controls .owl-page{
	cursor:pointer;
}
.owl-theme .owl-controls .owl-page{
	display:inline-block;
	zoom:1;
}
.owl-theme .owl-controls .owl-page span{
	display:block;
	width:15px;
	height:15px;
	margin:5px 7px;
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
	border-radius:20px;
	background:#fff;
	border:3px solid #fff;
	-webkit-transition:all .3s;
	transition:all .3s;
}
.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{
	background:#f88a0f;
}
.owl-buttons {
	display: none;
	height: 0px;
	overflow: hidden;
}
.owl-origin{
	-webkit-perspective:1200px;
	-webkit-perspective-origin-x:50%;
	-webkit-perspective-origin-y:50%;
	-moz-perspective:1200px;
	-moz-perspective-origin-x:50%;
	-moz-perspective-origin-y:50%;
	perspective:1200px;
}
.owl-goDown-in{
	-webkit-animation:goDown .6s ease both;
	-moz-animation:goDown .6s ease both;
	animation:goDown .6s ease both;
}
.owl-goDown-out{
	-webkit-animation:scaleToFade .7s ease both;
	-moz-animation:scaleToFade .7s ease both;
	animation:scaleToFade .7s ease both;
}
.owl-fade-out{
	z-index:10;
	-webkit-animation:fadeOut .7s both ease;
	-moz-animation:fadeOut .7s both ease;
	animation:fadeOut .7s both ease;
}
.owl-fade-in{
	-webkit-animation:fadeIn .7s both ease;
	-moz-animation:fadeIn .7s both ease;
	animation:fadeIn .7s both ease;
}
.owl-carousel .owl-wrapper-outer.autoHeight{
	-webkit-transition:height 500ms ease-in-out;
	-moz-transition:height 500ms ease-in-out;
	-ms-transition:height 500ms ease-in-out;
	-o-transition:height 500ms ease-in-out;
	transition:height 500ms ease-in-out;
}
.grabbing{
	cursor:url(grabbing.png) 8 8,move;
}
.owl-theme .owl-controls .owl-page span.owl-numbers{
	height:auto;
	width:auto;
	color:#FFF;
	padding:2px 10px;
	font-size:12px;
	-webkit-border-radius:30px;
	-moz-border-radius:30px;
	border-radius:30px;
}
.owl-item.loading{
	min-height:150px;
	background:url(AjaxLoader.gif) center center no-repeat;
}
.owl-backSlide-out{
	-webkit-animation:backSlideOut 1s both ease;
	-moz-animation:backSlideOut 1s both ease;
	animation:backSlideOut 1s both ease;
}
.owl-backSlide-in{
	-webkit-animation:backSlideIn 1s both ease;
	-moz-animation:backSlideIn 1s both ease;
	animation:backSlideIn 1s both ease;
}
.owl-fadeUp-in{
	-webkit-animation:scaleUpFrom .5s ease both;
	-moz-animation:scaleUpFrom .5s ease both;
	animation:scaleUpFrom .5s ease both;
}
.owl-fadeUp-out{
	-webkit-animation:scaleUpTo .5s ease both;-moz-animation:scaleUpTo .5s ease both;animation:scaleUpTo .5s ease both}@-webkit-keyframes empty{0%{opacity:1}}@-moz-keyframes empty{0%{opacity:1}}@keyframes empty{0%{opacity:1}}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-moz-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@-moz-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@-webkit-keyframes backSlideOut{25%{opacity:.5;-webkit-transform:translateZ(-500px)}100%,75%{opacity:.5;-webkit-transform:translateZ(-500px) translateX(-200%)}}@-moz-keyframes backSlideOut{25%{opacity:.5;-moz-transform:translateZ(-500px)}100%,75%{opacity:.5;-moz-transform:translateZ(-500px) translateX(-200%)}}@keyframes backSlideOut{25%{opacity:.5;transform:translateZ(-500px)}100%,75%{opacity:.5;transform:translateZ(-500px) translateX(-200%)}}@-webkit-keyframes backSlideIn{0%,25%{opacity:.5;-webkit-transform:translateZ(-500px) translateX(200%)}75%{opacity:.5;-webkit-transform:translateZ(-500px)}100%{opacity:1;-webkit-transform:translateZ(0) translateX(0)}}@-moz-keyframes backSlideIn{0%,25%{opacity:.5;-moz-transform:translateZ(-500px) translateX(200%)}75%{opacity:.5;-moz-transform:translateZ(-500px)}100%{opacity:1;-moz-transform:translateZ(0) translateX(0)}}@keyframes backSlideIn{0%,25%{opacity:.5;transform:translateZ(-500px) translateX(200%)}75%{opacity:.5;transform:translateZ(-500px)}100%{opacity:1;transform:translateZ(0) translateX(0)}}@-webkit-keyframes scaleToFade{to{opacity:0;-webkit-transform:scale(.8)}}@-moz-keyframes scaleToFade{to{opacity:0;-moz-transform:scale(.8)}}@keyframes scaleToFade{to{opacity:0;transform:scale(.8)}}@-webkit-keyframes goDown{from{-webkit-transform:translateY(-100%)}}@-moz-keyframes goDown{from{-moz-transform:translateY(-100%)}}@keyframes goDown{from{transform:translateY(-100%)}}@-webkit-keyframes scaleUpFrom{from{opacity:0;-webkit-transform:scale(1.5)}}@-moz-keyframes scaleUpFrom{from{opacity:0;-moz-transform:scale(1.5)}}@keyframes scaleUpFrom{from{opacity:0;transform:scale(1.5)}}@-webkit-keyframes scaleUpTo{to{opacity:0;-webkit-transform:scale(1.5)}}@-moz-keyframes scaleUpTo{to{opacity:0;-moz-transform:scale(1.5)}}@keyframes scaleUpTo{to{opacity:0;transform:scale(1.5)}}
input,textarea{outline: none!important;}
input[type="submit"]{cursor: pointer;}


.scroll {
    width: 100%;
}
.scroll-wrapper {
   margin: 10px 25px;
   overflow: hidden;
   position:relative;
}
.scroll-items {
   width: 10000px;
   position: relative;
}
.scroll-block {
	float: left;
	margin: 10px 25px 10px 0;
	width: 255px;
	position: relative;
	background: #f3f7f8; /*#eef7fc*/
	padding: 20px 25px 30px;
	text-align: center;
	font-size: 15px;
	line-height: 19px;
	font-family: 'Open Sans';
	/*border-radius: 9px;
	box-shadow: 0 0 8px #bcbdbf;
	border: 1px solid #9bbacf;*/
}
.scroll-title {
	color: #444111;
	font-family: 'Open Sans Bold';
}
.scroll-title em {
	font-size: 14px;
	border: none;
	font-family: 'Open Sans';
}
.scroll-block img{
	display:block;
	width: 100%;
	height: auto;
	margin: 15px 0;
}
.scroll .scroll-block img{
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
}
.scroll-descript {
	margin: 15px 0;
}
.scroll-block a > span {
    background: rgba(45, 20, 11, 0.5);
    bottom: 0;
    color: #fff;
    font-weight: bold;
    line-height: 28px;
    padding-left: 10px;
    position: absolute;
    width: 190px;
}
.scroll-block a:hover > span {
    background: rgba(45, 20, 11, 0.8);
}
.scroll-button-left a, .scroll-button-right a{
   width: 14px; 
   height: 32px; 
   position: relative;
   top: 130px; 
   cursor: pointer; 
   text-decoration:none;
}
.scroll-button-left a{
   float: left; 
   background: url('images/scroll-left.png');
}
.scroll-button-right a{
   float: right;
   background: url('images/scroll-right.png');
}






/*вывод ошибки */
.line-1 .order input.wpcf7-not-valid,
input.wpcf7-not-valid {
    background: #fff url('images/not-valid.png') no-repeat scroll right 5px center;
    border: 1px solid red;
}
textarea.wpcf7-not-valid {
    border: 1px solid red;
}
.wpcf7-form.invalid, .wpcf7-form.sent, .wpcf7-form.spam {
	position: relative;
}
.order span.wpcf7-not-valid-tip {
    display: none;
}
.container .wpcf7 form .wpcf7-response-output {
    margin: 3px 5px 0;
	padding: 0;
    text-align: center;
	font-size: 15px;
	font-family: arial;
    position: absolute;
	left: 1px;
    right: 1px;
	border: 0;
}

.order div.wpcf7-validation-errors,
.order div.wpcf7-mail-sent-ok,
.order div.wpcf7-mail-sent-ng,
.order div.wpcf7-spam-blocked {
	border: none;
	line-height: 14px;
}
.order .wpcf7 form.invalid .wpcf7-response-output,
.order .wpcf7 form.unaccepted .wpcf7-response-output,
.order .wpcf7 form.spam .wpcf7-response-output,
.order .wpcf7 form.failed .wpcf7-response-output,
.order .wpcf7 form.aborted .wpcf7-response-output,
.order .wpcf7 form.sent .wpcf7-response-output {
	border: none;
	line-height: 14px;
}
.order .wpcf7 form.invalid .wpcf7-response-output,
.order .wpcf7 form.unaccepted .wpcf7-response-output,
.order .wpcf7 form.spam .wpcf7-response-output,
.order .wpcf7 form.failed .wpcf7-response-output,
.order .wpcf7 form.aborted .wpcf7-response-output {
	color: red;
}
.order .wpcf7 form.sent .wpcf7-response-output {
	color: #398f14;
}
.order div.wpcf7-mail-sent-ng {
	color: #ff0000;
}
.order div.wpcf7-spam-blocked {
	color: red;
}
.agree {display:none}


/* TOOLTIP LINK STYLES */
ul.tooltips {
    float: left;
    width: 69%;
}
span.tooltips-link {
    color: #1C75ED;
    cursor: default;
    font-size: 16px;
    letter-spacing: 0.3px;
}
.tooltip {
	position: fixed;
	max-width: 550px;
    padding: 20px 15px 25px;
    border: 3px double #f4cc04;
	border-radius: 3px;
	background: #f6f6ff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
	font-size: 14px;
	color: #1d3d60;
    font-family: verdana, Arial;
	line-height: 1.5;
}
.tooltip div {
	background: none;
	color: #2b6c93;
    font-family: arial;
    font-size: 17px;
    font-weight: bold;
    margin: 0 0 10px;
    padding: 0;
	line-height: 25px;
}
.tooltip span {
	color: #1154B9;
}
.tooltip.visible {
	width: 100%;
	position: relative;
}
/* end tooltip */

.red {
	color: red;
}
.alignleft {
    float: left;
}
.alignright {
    float: right;
}
.aligncenter {
    display: block;
    margin: 0 auto;
    text-align: center;
}




@media screen and (max-width: 1180px) {
    .container, .footer-content, .footer-bottom {
        width: 96%;
    }
}

@media screen and (max-width: 1150px) {
    .line-3 .col-2 {
        margin: 42px 0 0;
        min-height: 410px;
    }
    .col-2.middle {
        min-height: 424px;
    }
    .col-2.middle {
        margin: 35px 3% 0;
    }
    .col-1 {
        padding-right: 10px;
        padding-left: 10px;
    }
    .entry {
        width: 70%;
        padding-left: 15px;
    }
    .left-colum {
        width: 30%;
    }
    .footer-colum .tel {
        font-size: 24px;
    }
    .footer-colum .email {
        font-size: 16px;
    }
    .footer-colum a,
    .footer-colum a:link,
    .footer-colum a:visited {
        font-weight: normal;
    }
	.order-step p {
		height: 75px;
	}
	.cat-colum > a {
		font-size: 15px;
		text-transform: none;
	}
}

@media screen and (max-width: 950px) {
	 .menu-top-container {
        display: none;
        background: #ebeff2;
        margin: 10px 0 0;
        padding: 15px 20px 0;
        border-bottom: 2px solid #e6e6e6;
        width: 100%;
        position: absolute;
        left: 0px;
        right: 0px;
        z-index: 2;
		text-align: left;
    }
	.top-nav li {
		margin: 0;
	}
	.top-nav a, .top-nav a:link, .top-nav a:visited {
		color: #333;
		border-radius: 0;
	}
    .visibile {
        display: block;
    }
    .m-menu {
		display: flex;
		width: 105px;
		text-transform: uppercase;
		font-size: 18px;
		color: #fff;
		line-height: 1.6;
		padding-top: 7px;
		font-family: verdana;
	}
	.m-menu:hover {
		cursor: pointer;
	}
    .m-menu-btn {
        width: 30px;
        margin-right: 10px;
    }
    .m-menu-btn span {
        display: block;
        width: 100%;
        height: 5px;
        background: #fff;
        margin: 3px 0;
		border-radius: 3px;
    }
    #menu-top li {
        border-bottom: 1px dashed #6a502d5e;
        display: block;
		float: none;
    }
    #menu-top li:last-child {
        border-bottom: none;
    }
    #menu-top a {
        display: block;
        padding: 10px;
    }
	.top-nav .current_page_item a,
	.top-nav .current-menu-item a,
	#menu-top a:hover {
        background: #fff;
    }
    .line-3 {
        padding: 10px 0;
    }
    .line-3 .col-2 {
        float: none;
        width: 80%;
        margin: 25px auto;
        min-height: 0;
    }
    .col-2.middle {
        min-height: 0;
    }
    .entry {
        float: none;
        padding: 0px;
        width: 100%;
    }
    .left-colum {
        float: none;
        width: 100%;
    }
    .line-1 .order input.user-name,
    .line-1 .order input.user-email,
    .line-1 .order input.user-document {
        margin: 0 1%;
        width: 31%;
    }
    .header {
        height: auto;
        padding-bottom: 15px;
    }
    .col-1, .footer-colum {
        display: block;
        width: 98%;
    }
	.col-1 .tel {
		margin: 15px auto 0;
	}
	.footer-colum {
        margin: 15px 0 0;
	}
	.logo {
		-webkit-order: 1;
		-ms-flex-order: 1;
		order: 1;
	}
	.phone {
		-webkit-order: 2;
		-ms-flex-order: 2;
		order: 2;
	}
	.mail {
		-webkit-order: 3;
		-ms-flex-order: 3;
		order: 3;
	}
    .col-1 .email {
        text-align: center;
		margin-top: 15px;
    }
	.col-1 .social {
		text-align: center;
		padding: 0;
		margin-top: 15px;
	}
	.social a {
		width: 42px;
		height: auto;
	} 
	.footer-colum .social {
		margin-top: 15px;
	}
    .footer .title {
        margin: 10px 0;
    }
}
@media screen and (max-width: 900px) {
	.banner .slide {
		padding: 55px 0 45px;
	}
	blockquote {
		padding: 20px 10px;
	}
}
@media screen and (max-width: 700px) {
    .line-1 .order input.user-document {
        display: block;
        margin: 10px 2% 0;
        width: 96%;
    }
    .line-1 .order input.user-name,
    .line-1 .order input.user-email {
        margin: 0 2%;
        width: 46%;
    }
	.sample-col img {
		width: 100%;
	}
	p.price-title, a.price-title {
		float: none;
		text-align: left;
	}
	.price img {
		float: none;
		display: block;
		width: 50%;
		height: auto;
		margin: 0 auto;
	}
	.price .alignright {
		width: 85%;
		float: none;
		margin: 10px auto 0;
	}
	.cat-colum > a {
		line-height: 1.3;
		display: block;
	}
}
@media screen and (max-width: 600px) {
    .line-3 .col-2 {
        width: 100%;
    }
	.order-step li {
		width: 42%;
		margin: 0 4%;
	}
	.order-step p {
		height: 45px;
	}
}

@media screen and (max-width: 475px) {
    .line-3 {
		background: #4d7ab5;
		background: -moz-linear-gradient(top, #8daecd 0%, #4d7ab5 100%);
		background: -webkit-linear-gradient(top, #8daecd 0%, #4d7ab5 100%);
		background: linear-gradient(to bottom, #8daecd 0%, #4d7ab5 100%);
		}
	.line-1 .order input.user-name, .line-1 .order input.user-email {
			margin: 10px 2% 0;
			width: 96%;
		}
	.line-1 .order input.wpcf7-submit[type="submit"] {
		width: 96%;
	}
	.banner .slide {
		padding: 40px 0 45px;
	}
	.sample-col {
		float: none;
		width: 75%;
		margin: 5px auto 10px;
		text-align: center;
	}
	.price .alignright {
		width: 100%;
	}
	span.tooltips-link,
	.price li {
		font-size: 14px;
	}
	.price {
		margin: 15px 0 35px;
	}
	.price img {
		width: 75%;
	}
	.category ul {
		margin-left: 10px;
	}
	.order-step li {
		width: 80%;
		margin: 0 10%;
	}
	.cat-colum {
		float: none;
		width: 96%;
		margin: 0 0 10px;
	}
}