/*
Theme Name: prava
Theme URI: http://themekraft.com/store/_tk-free-wordpress-starter-theme-based-on-twitter-bootstrap/
Author: ThemeKraft
Author URI: http://themekraft.com/
Description: Hi, I am the ultra minimal starter theme _tk, ready for your next awesome WordPress project! I am the most seamless and minimalistic integration of Twitter Bootstrap Framework into the _s starter theme from Automattic, the guys behind WordPress. You can find me on GitHub. Fork me! I'm waiting for you ;)
Version: 1.1.10
License: GNU General Public License v3.0 /
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Tags: gray, light, two-columns, right-sidebar, responsive-layout, custom-background, custom-colors, custom-header, custom-menu, featured-images, flexible-header, sticky-post,  theme-options, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

This theme is the most seamless and minimalistic integration of Twitter Bootstrap Framework into
the _s starter theme from Automattic, the guys behind WordPress.

_s (or Underscores) http://underscores.me/, (C) 2012-2013 Automattic, Inc. Twitter Bootstrap

Credits:

1. Bootstrap

 * Bootstrap v3.3.6 (http://getbootstrap.com)
 * Copyright 2011-2015 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)

 * Generated using the Bootstrap Customizer (http://getbootstrap.com/customize/?id=f58353a31151a8c05d7c)
 * Config saved to config.json and https://gist.github.com/f58353a31151a8c05d7c

2. wp_bootstrap_navwalker

* Class Name: wp_bootstrap_navwalker
* GitHub URI: https://github.com/twittem/wp-bootstrap-navwalker

3. Glyphicons

 * http://getbootstrap.com/components/

*/

@font-face {
  font-family: 'ProximaNova-Light';
  src: url('includes/fonts/ProximaNova-Light.woff') format('woff'),
       url('includes/fonts/ProximaNova-Light.ttf') format('truetype'),
       url('includes/fonts/ProximaNova-Light.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'proximanovacyr-light';
  src: url('includes/fonts/proximanovacyr-light-webfont.eot');
  src: url('includes/fonts/proximanovacyr-light-webfont.woff2') format('woff2'),
       url('../prava/includes/fonts/proximanovacyr-light-webfont.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'ProximaNova-Regular';
  src: url('includes/fonts/ProximaNova-Regular.woff') format('woff'),
       url('includes/fonts/ProximaNova-Regular.ttf') format('truetype'),
       url('includes/fonts/ProximaNova-Regular.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'proximanovacyr-reg';
  src: url('includes/fonts/proximanovacyr-reg-webfont.eot');
  src: url('includes/fonts/proximanovacyr-reg-webfont.woff2') format('woff2'),
       url('../prava/includes/fonts/proximanovacyr-reg-webfont.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}


@font-face {
  font-family: 'ProximaNova-Bold';
  src: url('includes/fonts/ProximaNova-Bold.woff') format('woff'),
       url('includes/fonts/ProximaNova-Bold.ttf') format('truetype'),
       url('includes/fonts/ProximaNova-Bold.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'proximanovacyr-bold';
  src: url('includes/fonts/proximanovacyr-bold-webfont.eot');
  src: url('includes/fonts/proximanovacyr-bold-webfont.woff2') format('woff2'),
       url('../prava/includes/fonts/proximanovacyr-bold-webfont.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}




@font-face {
  font-family: 'OpenSans-Regular';
  src: url('includes/fonts/OpenSans-Regular.eot');
  src: url('includes/fonts/OpenSans-Regular.woff2') format('woff2'),
       url('includes/fonts/OpenSans-Regular.woff') format('woff'),
       url('includes/fonts/OpenSans-Regular.ttf') format('truetype'),
       url('includes/fonts/OpenSans-Regular.svg') format('svg'),
       url('../prava/includes/fonts/OpenSans-Regular.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}

/* My Minimal WordPress Styling comes here */

/* This is a small security for too long strings titles */
body {
	word-wrap: break-word;
	font-family: 'ProximaNova-Regular';
}

/* Alignment */
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}
.aligncenter {
	clear: both;
	display: block;
	margin: 0 auto;
}


/* Images and wp-captions should always fit and be responsive */
img {
	display: inline-block;
	height: auto;
	max-width: 100%;
}
img[class*="wp-image-"] {
	margin-top: 10px;
	margin-bottom: 10px;
}
.wp-caption {
	border: 1px solid #ccc;
	margin-bottom: 10px;
	max-width: 100%;
	border-radius: 4px;
	padding: 0 10px;
}
.wp-caption.aligncenter {
	margin-bottom: 10px;
}
.wp-caption img[class*="wp-image-"] {
	display: block;
}
.wp-caption .wp-caption-text {
	text-align: center;
	margin-top: 10px;
}

/* WP Gallery */
.gallery {
	margin-bottom: 1.5em;
}
.gallery a img {
	border: none;
	height: auto;
	max-width: 90%;
}
.gallery dd {
	margin: 0;
}
.gallery-caption {
	display: block;
}

/* Make sure embeds and iframes fit their containers */
embed,
iframe,
object {
	max-width: 100%;
}


/* Text meant only for screen readers */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
}
.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar */
}


/* Content */
.main-content-inner {
	/*padding-bottom: 1.5em;*/
}
.hentry {
	margin: 0 0 1.5em;
}
.sticky {
	display: block;
}
.bypostauthor {
	display: block;
}


/* Clearing */
.clear {
	clear: both;
}

/* Navigation */

.dropdown-submenu{position:relative;}
.dropdown-submenu>.dropdown-menu{top:0;left:100%;-webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px;}
.dropdown-submenu:active>.dropdown-menu, .dropdown-submenu:hover>.dropdown-menu {
display: block;
}
.dropdown-submenu>a:after{display:block;content:" ";float:right;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#cccccc;margin-top:5px;margin-right:-10px;}
.dropdown-submenu:active>a:after{border-left-color:#ffffff;}
.dropdown-submenu.pull-left{float:none;}.dropdown-submenu.pull-left>.dropdown-menu{left:-100%;margin-left:10px;-webkit-border-radius:6px 0 6px 6px;-moz-border-radius:6px 0 6px 6px;border-radius:6px 0 6px 6px;}


/* Here some needed widget styles
 * Most widgets are adapted in the file bootstrap-wp.js - and REALLY easy to modify! ;) */
.widget { margin-bottom: 2em; }
.widget_nav_menu ul.sub-menu li, .widget_pages ul.children li { padding-left: 15px; }

/* Hiding the search widget's button in widgets. thats just too old-skool. :) but if you want it back, just delete the next line.
 * Note: you can change the whole appearance of the search_form() function in our searchform.php */
.widget_search .search-form input[type="submit"] { display: none; }

/* Make sure select elements fit in widgets */
.widget select {
	max-width: 100%;
}

/* Nested comments? They are threaded and nested already, you just need to add your own styling to finalize!
 * For example with some margin, like the line below ;) Delete, modify, change classes in HTML if you desire another style */
 .comment .children { margin-left: 1.5em; }

/**
* Some WP Theme Repository requirements
*/

.sticky {
}

.gallery-caption {

}

.bypostauthor {

}

.entry-meta {
	clear: both;
}

/*
 == Quick CSS styling tips ==

 You can start off in a rough direction with some minimal styles.
 See below for some tips. ;)


 == Want to have the whole site wrapped? ==

 Just fill the .container class with some background color to have a the whole site "wrapped".
 This works so easy because every main part is wrapped only once into a container class by bootstrap.
 Try out by decommenting the next line and go from there.

 .container { background: #f9f9f9; border-right: 1px solid #eee; border-left: 1px solid #eee; }


 == Want to wrap just the content and sidebar in Bootstrap style? ==

 That one is a great example to show that some things are much cleaner and easier to do via just adding some HTML classes.
 In this case, we will add just one CSS class "panel", look for example at the beginning in content.php!


 == Infinite Scrolling by Jetpack ==
 You can enable this cool feature by simply decommenting the lines below and make sure you use the same classes on the right place in your html..

/* Globally hidden elements when Infinite Scroll is supported and in use.
 * Older / Newer Posts Navigation (the pagination, must always be hidden), Theme Footer only when set to scrolling.. */

/*
.infinite-scroll .page-links,
.infinite-scroll.neverending .site-footer {
	display: none;
}
*/

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before */

/*
.infinity-end.neverending .site-footer {
	display: block;
}
*/

/* Hey, if you don't need my comments anymore, just delete me! :)  */


/* styles for _tk_pagination und _tk_link_pages */
nav form.tk-page-nav,
nav .input-group,
nav .input-group-btn,
nav .form-control {
    display: inline;
}


/*======================================================================*/
					/*Dev Styles*/
/*======================================================================*/
*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  
}
a,a:hover, input:hover{
	text-decoration:none;
	-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
a:focus, a:visited, a:active{
	outline:none;
}
.container,p,div,ul,ol{
	margin-bottom: 0;
}
ul{
	padding-left:0px;

}


header{
	background-color:  #fff;
	background-repeat: no-repeat;
	background-size: inherit;
    background-position: top center;
	
}
header .container{
	padding-bottom: 0px;
}
.big-header{
	background-image: url('includes/images/banner_bg.jpg');
	background-repeat: no-repeat;
	background-size: cover;
    background-position: top center;
	background-color:#ebeff6;
	padding-top: 200px;
	padding-bottom: 190px;
	position: relative;
}
.big-header img.big-header__image{
	position: absolute;
	top: 0;
	right: 0;
}
.site-branding{
	padding:10px 0px;
	margin-right: 72px;
}
.site-navigation{
    background-color:  #d63031;
	box-shadow: 0px 10px 15px 0px rgba(57, 0, 0, 0.05);
	position: relative;
   /* overflow: hidden;*/
    height: 50px;
    width: 100%;
}
.site-navigation .container{
	padding-bottom: 0px;
}
/*.site-navigation-inner{
	position: absolute;
}*/
.navbar{
	margin-bottom: 0px;
	background-color:transparent;
	border:none;
}
.navbar-brand{
	height: auto;
	padding: 0px 15px;
}
.navbar-default .navbar-nav>li>a{
	color: #fff;
} 
.nav>li>a{
	padding: 15px 0px;
    margin-right: 45px;
    /*margin:0px 24px;*/
	font-size: 14px;
	position: relative;
}
.nav>li>a:first-child{
	margin-left: 0px;
}
.nav>li:not(:first-child):after{
	content: "";
	border-radius: 50%;
	background-color:  rgba(241, 241, 241, 0.3);
	width: 6px;
	height: 6px;
	position: absolute;
	display: block;
	top: 22px;
    left: -22px;
}
.navbar-default .navbar-nav>li{
	position: relative;
}
.navbar-default .navbar-nav>li:last-child a{
	margin-right: 0;
}
.navbar-default .navbar-nav>li>a{
	color:#33333;
	
}

.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>.active>a{
	color: #fff;
	
}


.navbar-default .navbar-nav>li>a:hover:before,
.navbar-default .navbar-nav>.active>a:before{
	content: "";
    background-color: #fff;
    width: 100%;
    height: 4px;
    display: inline-block;
    position: absolute;
    top: 90%;
    left: 0;
    right: 0;
    margin:auto;
    
}

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>a:hover,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover{
	color: #fff;
	background-color: transparent;
}



.navbar-nav>li.dropdown:hover ul.dropdown-menu{
	display: block;
}
ul.dropdown-menu li{
	text-align: left;
}
.navbar-nav>li>.dropdown-menu{
	background-color: #ffe800;
}

.dropdown-menu>li>a,
.navbar-default .navbar-nav .open .dropdown-menu>li>a{
	color:#002a00;
	font-size: 16px;
	font-weight: 400;
	text-transform: uppercase;

}
.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover{
	color: #002a00;
}
.dropdown-menu>.active>a,
.dropdown-menu>.active>a:hover{
	background-color: #ffe800;
	color: #002a00!important;
}

.navbar-default .navbar-nav .open .dropdown-menu{
	margin-bottom: 20px;
}
.navbar-default .navbar-nav .open .dropdown-menu>li{
	text-align: center;
}
.dropdown-menu li a{
	color: #000;
}
.dropdown-menu li a:hover,
 .dropdown-menu li a:focus{
 	background-image: none;
 	background-color: transparent;
 	color: #002a00;
 }
.navbar-default .navbar-nav>.open>a,
 .navbar-default .navbar-nav>.open>a:focus,
  .navbar-default .navbar-nav>.open>a:hover{
	background-color: #0d9648;
	color: #002a00;
}
.navbar-toggle,
.navbar-default .navbar-toggle:focus,
 .navbar-default .navbar-toggle:hover{
	background-color: #fff;
}
.navbar-default .navbar-toggle .icon-bar{
	background-color: #002a00;
}
#navbar-collapse.mobile,
.mobile{
	display:none;
}  
/*End Menu*/

/*Header*/
.header-nofront{
	position: relative;
}
.header-main__catalog.close{
	border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border-bottom: 4px solid #eeeeee;
    background-color: #ffffff;
    box-shadow: 0px 10px 15px 0px rgba(57, 0, 0, 0.05);
    height: 62px;
    position: absolute;
    width: 100%;
    display: block;
    max-width: 1120px;
    left: 0;
    right: 0;
    top: 0;
    margin: auto;
    opacity: 1;
}
.header-main__catalog.close img,
.header-main__catalog.open img{
	position: absolute;
    left: 0;
    right: 0;
    margin: auto;
}
.header-main__catalog.open img{
	transform: rotate(180deg);
	margin-top: -20px;
}
span.catalog-title,
.header-main__catalog h2{
	display: block;
	text-align: center;
	color:  #d63031;
	font-size: 24px;
	text-transform: uppercase;
	padding-top: 20px;
	line-height: 26px;
	font-family: 'ProximaNova-Bold';
}
.header-main__catalog.open{
	border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    background-color: #ffffff;
    border-bottom: 4px solid #eeeeee;
    box-shadow: 0px 10px 15px 0px rgba(57, 0, 0, 0.05);
     position: absolute;
    width: 100%;
    display: block;
    max-width: 1120px;
    left: 0;
    right: 0;
    top: 0;
    margin: auto;
    z-index: 99;
}

.catalog-items{
	overflow: hidden;
	margin-top: 40px;
	padding: 0px 45px;
	padding-bottom: 45px;
}
.catalog-items span{
	color:#1a1a1a;
	font-size: 16px;
	font-family: 'ProximaNova-Bold';
	display:block;
	margin-bottom: 25px;
}
.catalog-items ul{
	display: inline-block;
	margin-right: 10px;
}
.catalog-items ul li{
	list-style: none;
}
.catalog-items ul li a{
	line-height: 36px;
	font-size: 14px;
	color:#808080;
}
.catalog-items ul li:hover a{
	color:#4d4d4d;
}





.site-branding {
    padding: 25px 0px;
    padding-bottom: 18px;
    margin-right: 0;
    overflow: hidden;
	display: flex;
    align-items: center;
    justify-content: center;
}
.site-branding p{
	margin-bottom: 0;
}
.branding__info-text{
	display: inline-block;
}
.branding__info-text a{
	display: block;
}

.branding__info-text span,
.branding__info-text p,
.branding__info-text a{
	color:  #666666;
	font-size: 14px;
	font-weight: 400;
	line-height: 22px;
	width: 100%;
    display: flex;
    align-items: center;
}

.branding__info-text p,
.branding__info-text a{
	font-family: 'ProximaNova-Bold';
	color:#191919;
	font-size: 18px;
}
.branding__info-text a{
	text-decoration:none;
}
/*.telefon .branding__info-text:after{
	content:"";
	background-color:  #26dbff;
	width: 48px;
	height: 1px;
	display:block;
	margin-left: 14px;
	position: relative;
}*/
.grafik,.telefon,.email{
	position: relative;
}

.site-branding__info img{
	position: absolute;
	left: -20px;
	top: 5px;
}

.site-navigation_search{
	max-height: 50px;
	position: relative;
	top: 0px;
}

.site-navigation_search form.search-form input.search-field{
	width: 255px;
    height: 50px;
	background-color:  rgba(255, 255, 255, 0.1);
	border:none;
	color: #fff;
	font-size: 16px;
		
}
.site-navigation_search form.search-form input.search-field:focus{
	background-color:  #ffffff;
	box-shadow: 0px 5px 15px 0px rgba(47, 150, 198, 0.1);
	border:1px solid #30a1d0;
	color:  #051b3d;
}
.site-navigation_search form.search-form input[type="submit"]{
	display: block!important;
	position: absolute;
	right: 23px;
    top: 10px;
	background-color: transparent;
	color: transparent;
	border: none;
}
.site-navigation_search form.search-form input[type="submit"]:active{
	box-shadow: none;
}
.site-navigation_search form.search-form label{
	display: block;
	position: relative;
	margin-bottom:0px;
}
.site-navigation_search form.search-form label:after{
	content: "\f002";
	font-family: FontAwesome;
	font-weight: 300;
	display: block;
	position: absolute;
	width: 16px;
	height: 16px;
	opacity: 0.5;
	color: #fff;
	right: 25px;
    top: 15px;
}

form.search-form input.search-field::-webkit-input-placeholder {color:#fff;font-size:13px;font-weight:300; opacity:0.5;}
form.search-form input.search-field::-moz-placeholder          {color: #fff;font-size:13px;font-weight:300; opacity:0.5;}
form.search-form input.search-field:-moz-placeholder           {color:#fff;font-size:13px;font-weight:300; opacity:0.5;}


.header-main__options span.header-title{
	color:  #ffffff;
	font-size: 65px;
	line-height: 55px;
	text-align: center;
	font-family: 'ProximaNova-Bold';
	position: relative;
	display: block;
	z-index: 99;
}
.header-main__options{
	position: relative;

}
.header-main__options:after{
	content: "";
	width: 180px;
	height: 20px;
	background-color: #d63031;
	display: block;
	position: absolute;
	top: 36px;
    right: 160px;
    z-index: 1;
}
p.header-description{
	color:  #ffffff;
	font-size: 40px;
	text-align: center;
	margin-bottom: 40px;
}
.btn-check{
	text-align: center;
}
.btn-check a{
	background-color:  #d63031;
	box-shadow: 0px 10px 15px 0px rgba(3, 7, 71, 0.05);
	padding: 22px 47px 20px 47px;
	color:#fff;
	border-radius:50px;
	font-size: 16px;
	font-family: 'ProximaNova-Bold';
}








/*======================================================================*/
/*Home Page*/
/*======================================================================*/
.page:not(.home) .main-content,
.single .main-content,
.category .main-content{
	margin-top: 90px;
}
.decor:after{
	content:"";
	display: block;
	text-align: center;
	background-image: url(includes/images/decor.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
    position: relative;
    width: 145px;
    height: 5px;
    margin:auto;
    top:10px;
}
h1,h1.home-title,h2{
	font-family: 'ProximaNova-Bold';
	color:  #191919;
	font-size: 40px;
	text-align: center;
}
h2{
	font-size: 34px;
}
.home-container__options{
	overflow: hidden;
	background-color: #fefefd;
	padding-top: 70px;
	padding-bottom: 70px;
}

.home-content{
	margin-top: 20px;
}
.home-content ul,
.entry-content ul,
#content ul,
#content ol{
	padding-left: 20px;
    padding-bottom: 20px;
}
.home-content ul li,
.entry-content ul li,
#content ul li,
#content ol li{
	font-size: 16px;
	line-height: 25px;
}
.home-content img{
	box-shadow: 0px 5px 20px 0px rgba(49, 5, 6, 0.1);
	border-radius: 10px;
}
.home-content p,
.main-content p{
	font-size: 16px;
	line-height: 22px;
	margin-bottom: 15px;
	color:#666666;
}



/*Popular Prava Section*/
.slider-spravki{
	overflow: hidden;
	margin-top: 15px;
	padding-bottom: 20px;
	background-color: #fff;
}
.slider-spravki > div{
	padding: 33px 28px;
	cursor: pointer;
	border:1px solid transparent;
}
.slider-spravki > div:hover{
	box-shadow: 0px 10px 20px 0px rgba(49, 5, 6, 0.1);
	border-radius: 10px;
	border:1px solid #f5f8fc;
	position: relative;
}
.slider-spravki > div:hover:after,
.slider-spravki > div:hover:before{
	content: "";
	width: 20px;
	height: 5px;
	background-color: #d63031;
	position: absolute;
	display: block;
	right: 0;
	top: 105px;
}
.slider-spravki > div:hover:before{
	right: inherit;
	left: 0;
}
.spravki-item img{
	margin-bottom: 30px;
	border-radius: 10px
}
p.title-item{
	text-align: center;
}
p.title-item a{
	color:  #191919;
	font-size: 18px;
	line-height: 24px;
	font-family: 'ProximaNova-Bold';
	text-align: center;
	margin-bottom: 15px;
}
.line{
	background-color:  #d63031;
	width: 30px;
	height: 1px;
	margin:auto;
	margin-bottom: 20px;
}
.price-item span{
	color:  #666666;
	font-size: 14px;
	line-height: 22px;
	margin-right: 10px;
}
.price-item p.price,
.price-item p.price span{
	color:  #d63031;
	font-size: 24px;
	font-family: 'ProximaNova-Bold';
	display: inline-block;
}
.price-item p.price span{
	margin-left: 10px;
}
.spavki-description{
	padding-bottom: 80px; 
}


/*======================================================================*/
/*How Works*/
/*======================================================================*/
section.how-works,
section.services{
	background-image: url(includes/images/works_bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
    padding: 75px 0px;
}
.how-works h2{
	color:  #ffffff;
}
.how-works__items,
.advantage__items{
	overflow: hidden;
	margin-top: 35px;
}
.how-works__item{
	position: relative;
}
.how-works__item:not(:last-child):after{
	content: "";
	background-image: url(includes/images/right-arrow-white.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
    width: 10px;
    height: 20px;
    position: absolute;
    display: block;
    right: -10px;
    top: 40%;
}
.how-works__content,
.advantage__content{
	padding-left: 30px;
	padding-bottom: 30px;
	position: relative;
}
.how-works__content:before,
.how-works__content:after,
.advantage__content:before,
.advantage__content:after{
	content: "";
	background-image: url(includes/images/left-bottom-red.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
    bottom: 0;
    left: 0;
    position: absolute;
    display: block;
    width: 20px;
    height: 20px;
}
.how-works__content:after,
.advantage__content:after{
	background-image: url(includes/images/right-top-red.png);
	bottom:inherit;
    left:inherit;
    top: 0;
    right: 0;
}
.how-works__content span,
.advantage__content span{
	display: block;
	margin-top: 30px;
	color:  #ffffff;
	font-size: 16px;
	line-height: 22px;
	
}


/*======================================================================*/
/*Our Advantage*/
/*======================================================================*/
.advantage{
	padding-bottom: 75px;
}
.advantage__items{
	margin-top: 45px;
}
.advantage__content{
	text-align: center;
}
.advantage__content span{
	color:  #191919;
	text-align: center;
	padding: 0 25px;
}







/*======================================================================*/
/*We helps*/
/*======================================================================*/

section.we-helps,
.reviews{
	margin-top: 80px;
	margin-bottom: 80px;
}
.we-helps p{
	text-align: center;
	margin-bottom: 5px;
}
.we-helps .decor{
	margin-bottom: 40px;
}
.we-helps__content img{
	box-shadow: 0px 5px 10px 0px rgba(49, 5, 6, 0.1);
	border-radius: 10px;
	margin-bottom: 30px;
}

.we-helps__content span{
	font-family: 'ProximaNova-Bold';
	font-size: 16px;
	line-height: 22px;
	text-align: center;
	margin-bottom: 10px;
	display: block;
	text-transform: uppercase;
}





/*======================================================================*/
/*Our Services*/
/*======================================================================*/
section.services{
	background-image: url(includes/images/service_bg.jpg);
}
.services h2{
	color:  #ffffff;
}

.services p{
	color:  #ffffff;
	text-align: center;
	font-size: 18px;
}
.service-items{
	overflow: hidden;
	margin-top: 30px;
}
.service-items ul li{
	list-style: none;
	color:  #fafafa;
	font-size: 16px;
	line-height: 22px;
	position: relative;
	margin-bottom: 15px;
}
.service-items ul li:after{
	content: "";
	background-image: url(includes/images/check-icon.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
    top: 5px;
    left: -20px;
    position: absolute;
    display: block;
    width: 10px;
    height: 10px;
}



/*======================================================================*/
/*Reviews*/
/*======================================================================*/
.reviews{
	background: -webkit-linear-gradient(90deg, #fafafa 0%, #ffffff 100%);
    background: -moz-linear-gradient(90deg, #fafafa 0%, #ffffff 100%);
    background: -o-linear-gradient(90deg, #fafafa 0%, #ffffff 100%);
   background: -ms-linear-gradient(90deg, #fafafa 0%, #ffffff 100%);
   background: linear-gradient(0deg, #fafafa 0%, #ffffff 100%);
   margin-bottom: 70px;

}

.reviews__slider{
	margin-top: 30px;
}

.reviews__slider .slick-slide{
	margin-bottom:15px;
}
.reviews__slider .slick-slide img{
	margin-bottom:0;
}
.reviews__slider__image{
	background-repeat: no-repeat;
	background-size: cover;
	padding: 10px;
	width: 110px;
    height: 110px;
    margin: auto;
    margin-bottom: 20px;
}
.reviews__slider-header{
	padding: 30px 35px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	background-color:  #ffffff;
	box-shadow: 0px 10px 20px 0px rgba(49, 5, 6, 0.1);
}
.reviews__slider-header img{
	display:inline-block;
}
.reviews__slider-header img{
	max-width:70px;
	height:70px;
	border-radius: 50%;
}
.reviews__slider-title{
	display: inline-block;
	position: relative;
    margin-left: 30px;
    vertical-align: -webkit-baseline-middle;
    vertical-align: middle;
}

.reviews__slider-title p,
.reviews__slider-title span{
	color:  #191919;
	font-size: 14px;
    font-family: 'ProximaNova-Bold';
    margin-bottom: 5px;
   
}
.reviews__slider-title span{
	color:  #191919;
	font-size: 14px;
	display: block;
	text-align: left;
	font-family: 'ProximaNova-Regular';
}
.review-line{
	display:block;
	width: 30px;
	height: 1px;
	background-color:  #d63031;
	margin-bottom: 5px;
}
.reviews__slider-content{
    margin-top: 10px;
    margin-bottom: 20px;
}
.reviews__slider-content p{
	color:  #666666;
	font-size: 14px;
	font-weight: 400;
	line-height: 22px;
}


.reviews__slider .slick-arrow{
	position:absolute;
	top:35%;
	color:#fff;
	padding:1px 18px;
	border-radius:50%;
	border:1px solid #d63031;
	font-size:20px;
	cursor:pointer;
	background-color:#d63031;
	width:40px;
	height:40px;
	box-shadow: 0px 10px 15px 0px rgba(3, 7, 71, 0.05);
	opacity: 0.5;
}
.reviews__slider .slick-arrow:hover{
	background-color:#d63031;
	color:#fff;
	opacity: 1;
}
.reviews__slider ul.slick-dots{
	text-align: center;
	margin-top: 25px;
}

.reviews__slider ul.slick-dots li button{
	border-radius: 50%;
	width: 9px;
	height: 14px;
	background-color:  #dadada;
	margin: 0 12px;
}
.reviews__slider ul.slick-dots li.slick-active button{
	background-color: #d63031;
    width: 22px;
    height: 22px;
    border: 8px double #fff;
}

.next.slick-arrow{
	right: 0;
}
.prev.slick-arrow{
	left: 0;
}
.next.slick-arrow i{
	right:2px;
	position: relative;
    top: 6px;
}
.prev.slick-arrow i{
	left:-4px;
	position:relative;
	top: 6px;
}
ul.slick-dots{
	list-style-type:none;
	padding-left:0;
	text-align: left;
}

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

.reviews__slider ul.slick-dots li button {
    border: 8px solid #fafafa;
    background-color: #cccccc;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    color: transparent;
    padding: 0;
    margin: 0 5px;
}

ul.slick-dots li button:focus,
.reviews__slider ul.slick-dots li button:focus{
	outline:none;
}





/*======================================================================*/
/*Order Document*/
/*======================================================================*/
section.order-document{
	background-image: url(includes/images/form_bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
	padding:75px 0px;
    padding-bottom: 55px;
}
.order-document h2{
	color:  #ffffff;
	font-size: 50px;
	position: relative;
	z-index: 99;
}
.order-document h2:after {
   content: "";
    width: 345px;
    height: 20px;
    background-color: #d63031;
    display: block;
    position: absolute;
    top: 25px;
    right: 130px;
    z-index: -1;
}
p.order-document__description{
	color:  #ffffff;
	font-size: 24px;
	text-align: center;
}

















/*======================================================================*/
/*Form Section*/
/*======================================================================*/
.send-offer{
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
    overflow: hidden;
    /*box-shadow: 0px 5px 10px 0px rgba(153, 153, 153, 0.1);*/
   
}
p.send-offer__description{
	text-align: center;
}
.send-offer__form{
	padding-top: 30px;
    text-align: center;
   
}

/*Form*/
.send-offer__form form #call_order span{
	display: inline-block;
}
 .send-offer__form form span.yout-tel{
	margin:0px 30px;
}
.send-offer__form form span.your-name:before,
 .send-offer__form form span.your-email:before,
 .send-offer__form form span.yout-tel:before {
    content: "\f007";
    font-family: "FontAwesome";
    width: 8px;
    height: 10px;
    font-size: 13px;
    display: block;
    position: absolute;
    top: 10px;
    left: 20px;
    color: #d63031;
}
.send-offer__form form span.your-email:before {
    content: "\f0e0";
}
.send-offer__form form span.yout-tel:before {
    content: "\f095";
}

.send-offer__form form input,
.send-offer__form form textarea,
form textarea{
	background-color:  #ffffff;
	box-shadow: 0px 10px 15px 0px rgba(3, 7, 71, 0.05);
	border:none;
	border-bottom:1px solid #fff;
	padding: 10px 0px 7px 45px;
	color:  #b8b8cc;
	font-size: 16px;
	margin-bottom: 30px;
	width: 100%;
    max-width: 220px;
    border-radius: 25px;
}
.send-offer__form form textarea,
form textarea{
	height:100px;
}
form textarea{
    max-width: 100%;
    padding: 18px 0px 18px 13px;
}
.send-offer__form form input:focus,
.send-offer__form form input:hover,
.send-offer__form form input:active,
.send-offer__form form textarea:focus,
.send-offer__form form textarea:hover,
.send-offer__form form textarea:active,
#call_order input:active,
#call_order input:hover,
#call_order input:focus,
#doc_order input:focus,
#doc_order input:active,
#doc_order input:hover,
#doc_order select.wpcf7-select:focus,
#doc_order select.wpcf7-select:active,
#doc_order select.wpcf7-select:hover{
	outline:none;
	border-bottom:1px solid #d63031;
}
.send-offer__form form input[type="submit"]{
	width: 100%;
    text-align: center;
    margin: auto;
  	color:  #ffffff;
	font-size: 16px;
    padding-left: 0;
    background-color:  #d63031;
	box-shadow: 0px 5px 20px 0px rgba(1, 65, 63, 0.1);
    padding: 14px 0px 11px 0px;
    border-color:transparent;
    border-radius: 25px;
    max-width: 260px;
	
}

.send-offer__form form input[type="submit"]:hover,
#call_order input[type="submit"]:hover,
 #doc_order input[type="submit"]:hover{
 	color:  #364053;
	background-color: #fffeff;
   box-shadow: 0px 10px 30px 0px rgba(118, 166, 239, 0.2);
}


.send-offer__form form input::-webkit-input-placeholder,
.send-offer__form form textarea::-webkit-input-placeholder,
form textarea::-webkit-input-placeholder{
	color:  #b8b8cc;
	font-size: 16px;
	font-weight: 400;
}
.send-offer__form form input::-moz-placeholder,
.send-offer__form form textarea::-moz-placeholder,
form textarea::-moz-placeholder{
	color:  #b8b8cc;
	font-size: 16px;
	font-weight: 400;
}
.send-offer__form form input:-moz-placeholder,
.send-offer__form form textarea:-moz-placeholder,
form textarea:-moz-placeholder{
	color:  #b8b8cc;
	font-size: 16px;
	font-weight: 400;
}
.send-offer__form form input:-ms-input-placeholder,
.send-offer__form form textarea:-ms-input-placeholder,
form textarea:-ms-input-placeholder{
	color:  #b8b8cc;
	font-size: 16px;
	font-weight: 400;
}
.ajax-loader{
	position: absolute;
}






/*Modal Window*/
.modal-dialog .close{
   position: absolute;
    top: 0px;
    right: -40px;
    font-size: 30px;
    color: #fff;
    opacity: 1;
}
.modal-dialog{
    top: 30%;
}
#video .modal-body{
	padding: 40px;
}
#video .modal-body iframe{
	width: 100%;
	height: 300px;
	
} 
.modal-body #wpcf7-f5-p36-o1 {
    padding-top: 25px;
}

.modal-body{
	padding: 40px 25px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
    background-color: #eeeeee7d;
   
}
.modal-body #call_order p,
 .modal-body #doc_order p{
	margin-bottom: 0;
	color: #222222;
	display: block !important
}

.modal-body #call_order input[type="submit"],
 .modal-body #doc_order input[type="submit"]{
 	margin-left: 0;
 }


form.wpcf7-form input::-webkit-input-placeholder {color:  #b8b8cc;font-size:16px;font-weight:300;}
form.wpcf7-form input::-moz-placeholder          {color:  #b8b8cc;font-size:16px;font-weight:300;}
form.wpcf7-form input:-moz-placeholder           {color:  #b8b8cc;font-size:16px;font-weight:300;}
form.wpcf7-form input:-ms-input-placeholder      {color:  #b8b8cc;font-size:16px;font-weight:300;}



#call_order{
    text-align: center;
}
#call_order p.decor:after{
}
#call_order p,
#doc_order p{
    color: #fff;
    text-align: center;
    font-size: 25px;
    font-weight: 700;
    line-height: 30px;
    margin-bottom: 20px;
    text-transform: uppercase;
	display: block !important;
}
#call_order span,
#doc_order span{
    line-height: 30px;
    display: inherit;
}
#call_order input,
#doc_order input,
#doc_order select.wpcf7-select{
    background-color:  #ffffff;
	box-shadow: 0px 10px 15px 0px rgba(3, 7, 71, 0.05);
	border:1px solid #fff;
	padding: 10px 0px 7px 45px;
	color:  #444;
	font-size: 16px;
	margin-bottom: 30px;
	width: 100%;
    max-width: 220px;
    border-radius: 25px;

}

#call_order form span.your-name:before,
#call_order form span.your-email:before,
#call_order form span.yout-tel:before,
#doc_order form span.your-name:before,
#doc_order form span.your-email:before,
#doc_order form span.yout-tel:before {
    content: "\f007";
    font-family: "FontAwesome";
    width: 8px;
    height: 10px;
    font-size: 13px;
    display: block;
    position: absolute;
    top: 12px;
    left: 40px;
    color: #d63031;
}
#call_order form span.your-email:before,
#doc_order form span.your-email:before {
    content: "\f0e0";
}
#call_order form span.yout-tel:before,
#doc_order form span.yout-tel:before {
    content: "\f095";
}

.form-title{
	text-align: center;
	text-transform: uppercase;
	font-size: 24px;
	color: #082533;
	margin-bottom: 20px;
}




#call_order input[type="submit"],
#doc_order input[type="submit"]{
	width: 100%;
    text-align: center;
    margin: auto;
  	color:  #ffffff;
	font-size: 16px;
    padding-left: 0;
    background-color:  #d63031;
	box-shadow: 0px 5px 20px 0px rgba(1, 65, 63, 0.1);
    padding: 14px 0px 11px 0px;
    border-color:transparent;
    border-radius: 25px;
    max-width: 260px;
    margin-left: 30px;
}
#call_order form textarea{
	max-width:100%;
}




#call_order .jq-selectbox__select:hover,
#doc_order select.wpcf7-select:hover,
#doc_order select.wpcf7-select option:hover{
    outline: none;
    border-bottom: 1px solid #26b7ff;
}
#call_order .jq-selectbox__trigger-arrow,
#doc_order .jq-selectbox__trigger-arrow,
.footer-offer .jq-selectbox__trigger-arrow{
    top: 23px;
}
#call_order .jq-selectbox li,
#doc_order .jq-selectbox li,
#doc_order select.wpcf7-select option{
    text-align: left;
    font-size: 16px;
}
#call_order .jq-selectbox li.selected,
#doc_order .jq-selectbox li.selected,
.footer-offer .jq-selectbox li.selected{
    background-color: transparent;
    color: #333;
}
div.wpcf7 img.ajax-loader{
    width: auto;
}

#call_order #mexx,
#doc_order #mexx{
    width: 44%;
    
}
.mobile{
	display: none;
}

.breadcrumbs{
	padding-left: 50px;
}
.breadcrumbs a{
	color:  #868c8d;
	font-size: 15px;
}
.breadcrumbs a{
	margin-right: 5px;
}
.breadcrumbs span.current{
	color:  #868c8d;
	font-size: 15px;
    font-family: 'ProximaNova-Bold';
  
}
.breadcrumbs span:not(a){
	margin: 0px 5px;
}




/*======================================================================*/
/*Table*/
/*======================================================================*/
.table-items{
	margin-top: 40px;
	box-shadow: 0px 5px 20px 0px rgba(1, 65, 63, 0.1);
	padding: 0;
	margin-left: 15px;
    width: 60%;
    display: inline-block;
}
.price-content table{
	width: 100%;
	
}
.page-template-price-template .price-content table{
	margin-top: 25px;
}
.price-content table thead{
	background-color: #d63031;
	color:#fff;
	font-size: 18px;
}

.price-content table td,
.price-content table td a{
	font-size: 16px;
	color:  #d63031;
}
.price-content table td a:hover{
	color: #d63031;
}
.price-content table td .button-item{
	margin-top: 20px;
    margin-bottom: 20px;
}
.price-content table td .button-item a{
	color:#fff;
}
.price-content table td img{
	max-width: 100px;
	margin:auto;
	border-radius: 10px;
}
.category-vodnyj-transport .price-content table td img,
.category-spetstehnika .price-content table td img{
	max-width:75px;
}
.price-content table thead td,
.price-content table td{
	text-align: center;
	padding: 10px;
}
.price-content table thead td{
	color:#fff;
	padding: 18px 0px 17px 0px;
}
.price-content table thead td:first-child,
.price-content table td:first-child{
	width: 15%;
}
.price-content table thead td:nth-child(2),
.price-content table td:nth-child(2){
	width: 45%;
	text-align: left;
}
.price-content table thead td:nth-child(3),
.price-content table td:nth-child(3),
.price-content table thead td:nth-child(4),
.price-content table td:nth-child(4){
	width: 20%;
}
/*.price-content table tr td:last-child{
	box-shadow: 0px 5px 20px 0px rgba(1, 65, 63, 0.1);
}*/















/*======================================================================*/
/*Single Page*/
/*======================================================================*/
.single .entry-content{
	background-color:  #ffffff;
	box-shadow: 0px 0px 43px 0px rgba(33, 33, 33, 0.05);
	padding: 63px 70px 65px 70px;
	max-width: 1120px;
	margin: auto;
}
.entry-content-gallery{
	margin-top: 15px;
	text-align: center;
}
.gallery-item{
	display: inline-block;
}
.entry-thumbnail__items img,
.gallery-item img{
	border-radius: 10px;
}
.gallery-item img{
	width: 130px;
	height: auto;
}
.gallery-item:nth-child(2) img{
	margin:0px 15px;
}
.single h1{
	color:  #191919;
	font-size: 24px;
	text-align: left;
	margin-top: 0;
}
.single .line{
	margin:inherit;
}
.single .price-item{
	margin-top: 20px;
}
.single .price-item p{
	display: inline-block;
}
.button-item{
	margin-top: 50px;
	margin-bottom: 75px;
}
.button-item a{
	border-radius: 50px;
	background-color:  #d63031;
	box-shadow: 0px 10px 15px 0px rgba(3, 7, 71, 0.05);
	color:  #ffffff;
	font-size: 16px;
	padding: 22px 67px 18px 67px;
}
.single .product-options{
	border-top: 1px solid #ededed;
	padding-top: 35px;
}
.single .product-options__item{
	display: flex;
	align-items: center;
}
.single .product-options__item:nth-child(2) .product-options__content p,
.single .product-options__item:nth-child(4) .product-options__content p{
	width: 200px;
}
.single .product-options__item img{
	border-radius: 50%;
	background-color:  #ffffff;
	box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.05);
	width: 45px;
	height: 45px;
	margin-right: 15px;
}
.product-options__item span.number{
	color:  #ededed;
	font-size: 24px;
	font-family: 'ProximaNova-Bold';
}
.single .product-options__content{
	display: inline-block;
}
.single .product-options__content p{
	font-size: 13px;
}
.single .home-content{
	margin-bottom: 60px;
}
.single .home-content h2,
.category-description h2{
	text-align: left;
	color:  #000000;
	font-size: 34px;
	margin-bottom: 15px;
}
.category-description h2{
	text-align: center;
}
.single .how-works{
	margin-bottom: 70px;
}
/*======================================================================*/
/*Footer*/
/*======================================================================*/
footer .container{
	margin-bottom:0;
	padding-bottom: 0;
}
.footer-info{
	overflow: hidden;
}
footer .site-navigation{
	background-color:  #242424;
	box-shadow: 0px 10px 15px 0px rgba(57, 0, 0, 0.05);
}



.order-document div.wpcf7-mail-sent-ok,
.order-document div.wpcf7-validation-errors,
.order-document div.wpcf7-acceptance-missing {
	color: #fff !important;
}




/*======================================================================*/
	/*Media*/
/*======================================================================*/
@media(min-width: 1200px){
	#call_order input,
	#call_order input[type="submit"]{
		max-width: 260px;
	}
	.next.slick-arrow{
		right: -60px;
	}
	.prev.slick-arrow{
		left: -60px;
	}
}

@media(min-width: 768px){
	.grafik .branding__info-text{
		float: right;
		text-align: left;
	}
	.grafik img{
		left:80px;
	}
	.email{
		padding-left: 40px;
	}
	.email img{
		left: 5px;
	}
	.modal-dialog{
		width: 360px;
	}
}	



@media(max-width: 1200px){
	.nav>li>a{
		margin: 0px 25px;
	    font-size: 13px;
	}
	.navbar-default .navbar-nav>li>a:after{
		right: -16px;
	}
	.nav>li:not(:first-child):after{
		left: -14px;
	}
	.site-navigation_search form.search-form input.search-field{
		width: 100%;
	}
	.site-navigation_search form.search-form label:after{
		right: 10px;
	}
	.logo{
		width: 33%;
	}
	.logo img{
		width: 80%;
	}
	.branding__info-text a,
	.branding__info-text p{
		font-size: 13px;
	}
	.email .branding__info-text a{
		font-size: 11px;
	}
	.grafik img{
		left:55px;
	}
	h1, h1.home-title, h2,
	.order-document h2{
		font-size: 35px;
	}
	.price-item p.price, .price-item p.price span{
		font-size: 20px;
	}
	p.title-item a,
	.we-helps__content span,
	.services p{
		font-size: 15px;
	}
	.how-works__content span, .advantage__content span,
	.home-content p, .main-content p,
	.service-items ul li,
	.reviews__slider-content p{
		font-size: 13px;
	}
	.how-works__content, .advantage__content{
		padding-left: 20px;
    	padding-bottom: 20px;
	}
	.reviews__slider-title{
		margin-left: 15px;
	}
	.reviews__slider-title span{
		font-size: 12px;
	}
	.next.slick-arrow {
	    right: -45px;
	}
	.prev.slick-arrow {
	    left: -45px;
	}
	.order-document h2:after{
		width: 245px;
		top: 18px;
   		right: 160px;
	}
	.entry-content-gallery{
		text-align: inherit;
	}
	.gallery-item img {
	    width: 115px;
	}
}



@media(max-width: 991px){
	.big-header{
		padding-bottom: 55px;
	}
	.nav>li>a {
	    margin: 0px 13px;
    	font-size: 11px;
	}
	.navbar-default .navbar-nav>li>a:after {
	    right: -8px;
	}
	.nav>li:not(:first-child):after {
	    left: -10px;
	}
	.logo {
	    width: 30%;
	}
	.logo img{
		width: 90%;
	}
	.site-branding__info img {
	    top: 0;
	    width: 30px;
	    left: -25px;
	}
	.email {
	    padding-left: 25px;
	}
	.branding__info-text a,
	 .branding__info-text p{
	    font-size: 10px;
	}
	.email .branding__info-text a {
	    font-size: 9px;
	}
	.grafik img{
		left: 0;
	}
	.header-main__options span.header-title{
		font-size: 45px;
		line-height: 48px;
	}
	.header-main__options:after{
		width: 130px;
		top: 27px;
    	right: 80px;
	}
	p.header-description{
		font-size: 30px;
	}
	.reviews__slider-header{
		text-align: center;
	}
	.reviews__slider-content{
		text-align: left;
	}
	.reviews__slider .slick-slide img {
	    margin-bottom: 15px;
	}
	.order-document h2:after {
	    width: 210px;
	    top: 18px;
	    right: 85px;
	}
	.gallery-item img {
	    width: 79px;
	}
	.single .product-options__item{
		display: block;
		width: 100%;
	}
	.single .product-options__item:nth-child(2)
	 .product-options__content p,
	  .single .product-options__item:nth-child(4)
	   .product-options__content p{
		width: 100%;
	}
	.single .product-options__content p {
	    font-size: 12px;
	}
	.single .product-options__item img{
		position: relative;
    	top: -15px;
	}
}



@media(max-width: 767px){
	.big-header{
		background-position: 60% 50%;
	    padding-top: 150px;
	}
	.big-header img.big-header__image,
	.how-we-works__item i,
	.desktop{
		display: none;
	}
	.header-main__options span.header-title {
	    font-size: 35px;
	    line-height: 38px;
	}
	.header-main__options:after {
	    width: 100px;
	    top: 17px;
	    right: 145px;
	}
	p.header-description {
	    font-size: 25px;
	}
	.site-navigation_search form.search-form label{
		width: 80%;
		margin:auto;
	}
	.widget{
		margin-bottom: 0;
	}
	.site-branding{
		display: block;
	}
	.logo{
		width: 100%;
		margin-bottom: 20px;
	}
	.logo img{
		width: inherit;
		margin:auto;
	}
	.grafik, .telefon, .email {
	    width: 40%;
	    position: relative;
	    margin: auto;
	    text-align: left;
	    margin-bottom: 10px;
	}
	.telefon, .email {
	    left: 0px;
	}
	.site-branding__info img,
	.grafik img{
		left: -30px;
	}
	.email{
		padding-left: 15px;
	}
	.sidebar,
	.send-offer__image{
		display: none;
	}
	.reviews__slider .slick-arrow{
		top: 100%;
	}
	.next.slick-arrow {
	    right: 100px;
	}
	.prev.slick-arrow {
	    left: 100px;
	}
	.branding__info-text a,
	.branding__info-text p,
	.email .branding__info-text a{
	    font-size: 14px;
	}
	.catalog-items > div{
		text-align: center;
		margin-bottom: 25px;
	}
	.home-container__options,
	section.how-works,
	section.services,
	section.order-document{
		padding: 40px 0px;
	}
	h1, h1.home-title, h2, .order-document h2 {
	    font-size: 30px;
	}
	.spravki-item,
	.we-helps__content{
		text-align: center;
	}
	.spavki-description,
	.we-helps__content{
		padding-bottom: 30px;
	}
	.how-works__item,
	.advantage__item,
	.service-items > div{
		width: 50%;
    	margin: auto;
        text-align: center;
        margin-bottom: 25px;
	}
	.how-works__item:not(:last-child):after{
		display: none;
	}
	section.we-helps, .reviews{
		margin: 40px 0px;
	}
	.service-items > div{
		text-align: inherit;
	}
	.advantage,
	.reviews{
		padding-bottom: 40px;
	}
	#call_order input, #doc_order input, #doc_order select.wpcf7-select{
		max-width: 100%;
	}
	#call_order input[type="submit"], #doc_order input[type="submit"]{
		display: block;
    	margin: auto;
    	max-width: 377px;
	}
	.gallery-item img {
	    width: 130px;
	}
	.entry-content-gallery {
	    text-align: center;
	    margin-bottom: 25px;
	}
	.single h1,
	.single .price-item,
	.button-item,
	.single .price-info{
		text-align: center;
	}
	.single .line{
		margin:auto;
	}
	.single .product-options__content p {
	    font-size: 15px;
	}

}

@media(max-width: 600px){
	.gallery-item img {
	    width: 110px;
	}
}


@media(max-width: 560px){
	
	.send-offer__form {
	    width: 100%;
	    float: none;
	}
	.send-offer__form form span.yout-tel {
	     margin: 0px; 
	}
	.header-options__right .document{
		text-align: center;
	}
	.site-navigation_search form.search-form label{
		width: 100%;
	}
	.order-document h2:after,
	.header-main__options:after{
		display: none;
	}
	.gallery-item img {
	    width: 85px;
	}
	.gallery-item:nth-child(2) img {
	    margin: inherit;
	}
	.single h1{
		font-size: 20px;
	}
	.price-content table td .button-item a{
		padding: 7px 20px 6px 20px;
		font-size: 12px;
	}
	.price-content table td,
	.price-content table td a{
		font-size: 12px;
	}

}


@media(max-width: 520px){
	.gallery-item{
		width: 25%;
	
	}
	.site-navigation_search form.search-form label{
		width: 90%;
	}
}



@media(max-width: 500px){
	.grafik, .telefon, .email{
		width: 50%;
	}
	.logo{
		margin-top: 40px;
	}
	.slider-spravki > div{
		padding: 25px 20px;
	}
	.single .entry-content{
		padding: 63px 20px 65px 20px;
    	max-width: 100%;
	}
}

@media(max-width: 400px){
	.grafik, .telefon, .email {
	    width: 70%;
	}
	#call_order input[type="submit"], #doc_order input[type="submit"]{
		max-width: 100%;
	}
	.how-works__item, .advantage__item, .service-items > div{
		width: 100%;
		padding: 0px 30px;
	}
	/*.header-options__left span, .header-options__left p{
		font-size: 25px;
	}
	.header-options__right p {
	    font-size: 16px;
	}*/
	.single h1 {
	    font-size: 18px;
	}
}	

@media(max-width: 375px){
	.btn-check a{
		font-size: 12px;
	}
	.header-main__options span.header-title {
	    font-size: 30px;
	    line-height: 32px;
	}
	h1, h1.home-title, h2, .order-document h2 {
	    font-size: 27px;
	}
}

.g-recaptcha > div {
    width: auto !important;
    margin: 0 0 20px 0 !important;
}

@media only screen and (min-width : 360px) {
    .g-recaptcha > div {
        margin: 0 !important;
        width: 304px !important;
    }

    .g-recaptcha-center > div {
        margin: 0 auto 20px auto !important;
    }

    .g-recaptcha-overflow > div {
        width: 100% !important;
        overflow: hidden;
    }
}