/*
 Theme Name: 	Minimable
 Theme URI: 	http://minimable.fedeweb.net/demo
 Description: 	A minimal and scrollable wordpress theme
 Version: 		3.0.3
 Author: 		Fedeweb
 Author URI: 	http://www.fedeweb.net
 Tags: 			minimal,black,light,scrollable
 */

/*
 ===========================
 CONTENTS:

 01 General
 02 Menu
 03 Home Template
 04 Staff Template
 05 Gallery Template
 06 Portfolio Template
 07 Contact Template
 08 Fullwidth Template
 09 Media queries
 ===========================
 */

/* ----------------------------------------------------------------------------------------------------------
 01 General ----------------------------------------------------------------------------------------
 ---------------------------------------------------------------------------------------------------------- */
#prepage {background:#fff;display:block;height:100%;overflow:hidden;position:absolute;right:0;top:0;bottom:0;left:0;width:100%;z-index:9998;}

body {
	background: #fff;
	//background-image: url('img/fon-4-1.jpg');
	//background-repeat: repeat;
	font-family: 'Open Sans', 'Verdana', 'Arial', sans-serif;
	color: #2d2d2d;
	font-size:18px;
	line-height:24px;
}

/* TYPOGRAPY */

@font-face {font-family: 'NovecentowideBookBold';src: url('fonts/2D04C8_0_0.eot');src: url('fonts/2D04C8_0_0.eot?#iefix') format('embedded-opentype'),url('fonts/2D04C8_0_0.woff2') format('woff2'),url('fonts/2D04C8_0_0.woff') format('woff'),url('fonts/2D04C8_0_0.ttf') format('truetype');}


@font-face {font-family: 'NovecentowideLightRegular';src: url('fonts/2D04C8_1_0.eot');src: url('fonts/2D04C8_1_0.eot?#iefix') format('embedded-opentype'),url('fonts/2D04C8_1_0.woff2') format('woff2'),url('fonts/2D04C8_1_0.woff') format('woff'),url('fonts/2D04C8_1_0.ttf') format('truetype');}
h1,h2,h3,h4,h5,h6 {
	font-weight:300;
}
h3 {
	font-size:30px;
	//color: #333;
	font-weight:700;
}
p {
	font-weight: 400;
}
#menu-top{
	z-index: 99999;
	position:relative;
}
.hide-menu {
	display:none;
}
li, a, img {
	outline: none !important;
}
.section-page {
	overflow: hidden;
	position:relative;
	background-size: cover;
	background-position:50% 0;
	background-repeat: no-repeat;
	z-index: 1;
}
.section-page .container {
	padding-top: 30px;
	//margin-bottom: 60px;
	position: relative;
	z-index: 2;
}
.page-template-default .section-page .container{
	padding-top:
}
.color-overlay {
	background-color: rgba(0,0,0,.7);
	background-repeat: repeat;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
  position: absolute;
  z-index: 1;
  display: block;
}
.top-bg {
	height: 450px;
	position: relative;
	background-size: cover;
}
.top-bg .container {
	padding: 0!important;
	height: 100%;
	position: relative;
	z-index: 2;
}
.top-bg .section-title {
	position: absolute;
	bottom: 0;
}
.top-bg .white-title {
	color: #fff!important;
}
.last-section {
	//margin-bottom:120px;
}
.section-title {	
	font-size: 40px;
	line-height: 40px;
	margin-bottom: 30px;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
}
.section-title span {	
	color: #ff0000!important;
}
.border {
	border-top: 1px solid #f0f0f0;
	padding-top: 20px;
}
a {
	color:#01A3B2;
}
a:hover {
	text-decoration:underline;
	color:#01A3B2;
}
footer {
	margin-bottom:0px;
	background:#000000;
	padding:15px 0;
	color:#fff;
	font-size:12px;
	font-family: 'NovecentowideLightRegular';
}
footer a {
	color:#fff;
	text-decoration:underline;
}
input, textarea {
	-webkit-appearance: none;
	border-radius: 0;
}
.activation-message {
	text-align:center;
	font-size:20px;
	line-height:22px;
	padding:50px;
}
#page-2 .activation-message,#page-3 .activation-message,#page-4 .activation-message,#page-5 .activation-message {
	display:none;
}

/* WordPress Gallery */
.full-width-container .gallery {
	margin-top: 20px!important;
}
.full-width.container .gallery p {
	display: none!important;
}
.gallery.gallery-columns-3 .gallery-item {
  width: 33.3%!important;
}
.gallery .gallery-item {
  padding: 0px;
  margin-top: 0!important;
}
.gallery .gallery-item .gallery-icon {
  width: 100%;
  overflow: hidden;
}
.gallery .gallery-item .wp-caption-text {
  display: none;
}
.gallery .gallery-item a {
  display: block;
  width: 100%;
}
.gallery .gallery-item a img {
  margin: 0px;
  border: 0!important;
  max-width: 90%;
  -webkit-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  -ms-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateX(0);
  border-radius: 50%;
}
.gallery .gallery-item a:hover img {
  opacity: .5;
}

#particles-js {
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: url("");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  z-index: 1;
}

/* classes add after elements appears when you scroll the page */

.visible {
	opacity: 1!important;
}
.top-auto {
	top: auto!important;
}
.left-auto {
	left: auto!important;
}
.right-auto {
	right: auto!important;
}

/* ----------------------------------------------------------------------------------------------------------
 02 Menu ----------------------------------------------------------------------------------------
 ---------------------------------------------------------------------------------------------------------- */

.navbar .collapse {
	float: right;
	display: table;
	//margin-right: 400px;
}
.navbar .collapse #nav-menu {
	display: table-cell;
	vertical-align: middle;
	float: none;	
}
.navbar-inner {
	border:0;
}
.menu-header .navbar-inverse .navbar-inner {
	background-color: #fff !important;
	//background-image: url('img/fon-4-1.jpg');
	background-image: none;
	border:none;
	box-shadow: none;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	transition: all 0.4s ease;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	min-height: 70px;
}
.page-template-main-template-php #menu-top {
	opacity: 0;
	position: relative;
}
.page-template-main-template .navbar-inverse .nav-bar-visible {
	display: block;
}
.page-template-main-template .menu-header .navbar-inverse .navbar-inner {
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}
.navbar .nav > li > a {
	padding: 0px 0 0px 15px;
	font-family: 'Open Sans', 'Verdana', 'Arial', sans-serif;
	//text-transform:uppercase;
	font-weight:400;
	box-shadow:none!important;
	text-shadow:none!important;
	color:#666;
	font-size: 16px;
}
.navbar .nav > li:first-child > a {
	padding: 0;
}
/*.navbar .nav > li:last-child > a {
	color:#ff0000!important;
	font-weight: bold!important;
	-webkit-text-shadow: 1px 1px 1px #000!important;
	-moz-text-shadow: 1px 1px 1px #000!important;
	-ms-text-shadow: 1px 1px 1px #000!important;
	text-shadow: 1px 1px 1px #000!important;
}*/
.navbar .nav > li {
	position: relative;
}
.menu-header .navbar .nav > li > a:hover {
	background:transparent!important;
	box-shadow:none!important;
	color:#ff0000!important;
	-webkit-text-shadow: 1px 1px 2px #ff0000!important;
	-moz-text-shadow: 1px 1px 2px #ff0000!important;
	-ms-text-shadow: 1px 1px 2px #ff0000!important;
	text-shadow: 1px 1px 2px #ff0000!important;
}
.menu-header .navbar .nav > li > a {
	font-size: 16px;
	font-weight: bold;
	color: #000 !important;
	//text-shadow: 0 0 5px black !important;
}
.menu-header .navbar .nav > li.active > a, .menu-header .current-menu-item a {
	background:transparent!important;
	box-shadow:none!important;
	color:#ff0000!important;
}
.light-header .navbar-inverse .navbar-inner {
	background-color: #f9f9f9;
}
.light-header .navbar .nav > li > a:hover {
	color:#000000;
}
.light-header .navbar .nav > li.active > a, .light-header .current-menu-item a {
	color:#ff0000!important;	
}
#logo img {
	display:block;
	margin:auto;
}

#logo img.retina-logo {
	display: none;
}
#mini-logo {
	width:auto;
	float:left;
	display: table;
}
#mini-logo a {
	display:table-cell;
	vertical-align: middle;
}
#mini-logo img {
	height:14px;
	width:auto;
	display:block;
}
#mini-logo img.retina-logo {
	display: none;
}
.sub-menu {
	opacity: 0;
	visibility: hidden;
	z-index: -1;
	position: absolute;
	width: 170px;
	height: auto;
	padding: 10px;
	background:#ffffff;
	list-style: none;
	left: 50%;
	margin-left: -85px;
	-webkit-transition: all 0.8s ease;
	-moz-transition: all 0.8s ease;
	-o-transition: all 0.8s ease;
	-ms-transition: all 0.8s ease;
	transition: all 0.8s ease;
	border: 1px solid #ccc;
}
.sub-menu li {
	text-align: center;
	line-height: 30px;
}
.sub-menu li a {
	display: block;
	color:#999;
	font-family: 'Open Sans', 'Verdana', 'Arial', sans-serif;
	font-size:13px;
	text-transform: uppercase;
}
.navbar .nav > li:hover > .sub-menu {
	opacity: 1;
	visibility: visible;
	z-index: 9;
}
.sub-menu .current-menu-item a {
	color:#999!important;
}
#btn-menu-container {
	display: none;
}
.navbar .btn-navbar .icon-bar {
	box-shadow: none;
	width: 25px;
	height: 3px;
	border-radius: 0;
}

.blog-menu .navbar {
  position: relative !important;
}
/* ----------------------------------------------------------------------------------------------------------
 03 Home Template ----------------------------------------------------------------------------------------
 ---------------------------------------------------------------------------------------------------------- */

.full-home {
	width:100%;
	height:100%;
	display: table;
	padding:0!important;
	position:relative;
}

.full-home .container {
	padding:0 20px;
	display: table-cell;
	margin: auto;
	min-height: 100%;
	position: relative;
	text-align: center;
	vertical-align: middle;
	width: 100%;
}
.full-home .no-bubbles {
	height: 300px;
	margin-top: -150px;
}
#home-header {
	margin: auto;
	margin-bottom: 10px;
	max-width: 1170px;
	width: 100%;
	overflow: hidden;
}
#home-header .left-logo {
	//float: left;
	margin: 40px auto 0;
	background-color: #ff0000;
	color: #ffffff;
	font-size: 24px;
	font-weight: bold;
	//width: 500px;
	line-height: 40px;
}
#logo-title {
	font-size:60px;
	text-align:left;
	font-family: 'NovecentowideBookBold';
	font-weight:normal;
}
#mini-slogan {
	//font-family: 'NovecentowideLightRegular';
	font-weight:bold;
	text-align:center;
	font-size:24px;
	//padding-top:20px;
	//float: right;
	text-transform: uppercase;
	background-color: #fae013;
	color: #FF0000;
	width: 400px;
	margin: 20px auto 0;

}
#slogan {
	display: block;
	overflow: hidden;
}
.three-big {
	//height: 218px;
}
.two-big {
	//height: 130px;
}
.one-big {
	height: 100px;
}
.big-title {
	color: #FF0000;
	font-weight: bold;
	text-align: center;
	padding-top: 0px;
	display:none;
	-webkit-text-shadow: 2px 2px 2px rgba(0,0,0,1.00);
    -moz-text-shadow: 2px 2px 2px rgba(0,0,0,1.00);
    -ms-text-shadow: 2px 2px 2px rgba(0,0,0,1.00);
    text-shadow: 2px 2px 2px rgba(0,0,0,1.00);
}
#first-title {	
	font-size: 65px;
	line-height: 70px;
	margin-bottom: 10px;		
}
#second-title {
	font-size: 85px;
	line-height: 90px;
	color: #fae013!important;
}
#third-title {
	font-size: 85px;
	line-height: 90px;
	color: #fae013!important;
}
#bubbles {
	margin-top: 60px;
	position: relative;
	z-index: 10;
}
.big-title span {
	background:#000;
	padding:3px 10px;
}
#nav-home ul {
    list-style: none;
    font-size: 0;
    margin: 0;
}
nav#nav-home ul li {
	display:inline-block;
	position:relative;
	margin-right: 20px;
}
nav#nav-home ul li:last-child {
	margin-right: 0;
}
.circle-menu {
	width: 150px;
	height: 150px;
	background: #01a3b2!important;
	-moz-border-radius: 85px;
	-webkit-border-radius: 85px;
	border-radius: 85px;
	text-align:center;
	color:#fff;
	display:table-cell;
	vertical-align:middle;
	margin:auto;
	position:relative;
	font-size:18px;
	font-weight: bold;
	z-index: 0;
	font-family: 'NovecentowideLightRegular';
	text-transform: uppercase;
	padding: 10px;
}
.circle-black {
	background: #35d04f!important;
}
.label-link {
	position:relative;
	display:inline-block;
	color:#fff;
}
.spin-effect .label-link {
	-moz-transition: all 1s ease;
	-webkit-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}
.spin-effect .circle-menu:hover .label-link {
	-moz-transform:  rotate(360deg);
	-webkit-transform: rotate(360deg);
	-o-transform:  rotate(360deg);
	transform:  rotate(360deg);
	color:#fff;
}
span.arrow {
	display:block;
	background:url(img/arrow.png) no-repeat;
	width:18px;
	height:9px;
	margin-left:-9px;
	position:absolute;
	bottom:20px;
	left:50%;
	z-index: 3;
}
#nav-home .custom-link span.arrow {
	display:none;
}

.ie8 .page-1 .container {
	padding:50px 0;
	position:relative;
	height:auto;
	width:940px;
	top:auto;
	left:auto;
	margin-top:0;
	margin-left:auto;
}

/* ----------------------------------------------------------------------------------------------------------
 04 Staff Template ----------------------------------------------------------------------------------------
 ---------------------------------------------------------------------------------------------------------- */

#staff {
	overflow: hidden;
}
.col-title {
	font-family: 'NovecentowideLightRegular';
	font-size: 20px;
	font-weight: normal;
	line-height: 20px;
	font-style:normal;
}
.tab-content {
	overflow: hidden;
}
.nav-tabs {
	border: 0;
}
.nav-tabs li a {
	border: 0;
	font-weight: normal;
	background: #01A3B2;
	color: #ffffff;
	border-radius: 0;
	font-family: 'NovecentowideLightRegular';
	margin-bottom:3px;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
}
.nav-tabs > li > a:hover {
	background: #000000;
	color: #ffffff;
	border: 0;
	border-radius: 0;
}
.nav-tabs > .active > a, .nav-tabs > .active > a:hover {
	background: #000;
	color: #ffffff;
	border: 0;
	border-radius: 0;
}

/* ----------------------------------------------------------------------------------------------------------
 05 Gallery Template ----------------------------------------------------------------------------------------
 ---------------------------------------------------------------------------------------------------------- */

.magnifier {
	opacity: 1;
	position: relative;
	height: auto;
	display: block;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	-moz-transition: none;
	text-align:center;
}
.magnifier:hover {
	opacity: 0.7;
}
.magnifier:after {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	opacity: 0;
	left: 0;
	top: 0;
	background: url('img/magnifier.png') center center no-repeat;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	-moz-transition: none;
}
.magnifier:hover:after {
	opacity: 1;
}
.gallery-content {
	margin-bottom:30px;
}

/* ----------------------------------------------------------------------------------------------------------
 06 Portfolio Template ----------------------------------------------------------------------------------------
 ---------------------------------------------------------------------------------------------------------- */

#portfolio a.link-portfolio {
	background: #01A3B2;
	color: #ffffff!important;
	text-decoration: none;
	font-weight: normal;
	padding: 8px 12px;
	margin-top: 20px;
	display: block;
	width: 94px;
	font-family: 'NovecentowideLightRegular';
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
}
#portfolio a.link-portfolio:hover {
	background: #000000;
}
.item {
	margin-bottom: 30px;
}

/* ----------------------------------------------------------------------------------------------------------
 07 Contact Template ----------------------------------------------------------------------------------------
 ---------------------------------------------------------------------------------------------------------- */

.email-link {
	font-family: 'Open Sans', 'Verdana', 'Arial', sans-serif;
	color:#ffffff;
	text-decoration:underline;
}
#find-us h3, #contact-info h3 {
	margin-bottom:30px;
}
#find-us ul li {
	line-height:30px;
	font-size:18px;
	font-weight:600;
	text-shadow: 0 0 5px black;
}
#find-us ul.contact-info li span {
    text-align: center;
    width: 20px;
}
#contact ul li {
	margin-bottom: 10px;
}
ul.social {
	margin-top:20px;
}
ul.social li {
	margin-right:10px;
	float:left;
}
ul.social li a span {
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
ul.social li a span:hover {
	color:#000000!important;
}
/*input[type="text"],input[type="email"], textarea {
	border: none;
	background: transparent;
	border-bottom: 1px solid #999;
	box-shadow: none;
	margin-bottom: 20px;
	border-radius: 0;
	font-weight:400;
}
textarea:focus, input[type="text"]:focus,input[type="email"]:focus {
	border-bottom: 1px solid #f0f0f0;
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	border-radius: 0;
}
input[type="submit"] {
	border: 0;
	background: #01a3b2;
	padding: 10px 20px;
	text-transform:uppercase;
	font-weight:300;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	color:#fff;
}
input[type="submit"]:hover {
	background:#000000;
}
span.wpcf7-not-valid-tip {
	background: none !important;
	border: 0 !important;
	color: red;
	font-size: 10pt;
	padding: 2px;
	position: absolute;
	left: 20%;
	top: -78% !important;
	width: 280px;
	z-index: 100;
}*/
#contact-info, #find-us {
	position:relative;
}
#contact-info a {
	text-decoration:underline;
}
#contact-info .wpcf7, #contact-info h3 {
	margin-left: 150px;
}
#more-information {
	margin-top: 30px;
	margin-bottom: 30px;
}
#more-information h3 {
	margin:auto;
	font-size: 24.5px;
}
#more-information ul li, #more-information ol li {
	font-size:13px;
	line-height: 20px;
}

/* ----------------------------------------------------------------------------------------------------------
 08 Fullwidth Template ----------------------------------------------------------------------------------------
 ---------------------------------------------------------------------------------------------------------- */

img.alignleft {
	float:left;
	margin: 0 20px 20px 0;
}
img.alignright {
	float:right;
	margin: 0 0 20px 20px;
}
img.aligncenter {
	display:block;
	margin:20px auto;
}
img.alignnone {
	display:block;
	margin-bottom:20px;
}
.section-page > .container .row iframe {
	border:0;
	max-width:100%;
}
/* button shortcode */
.sc-btn {
	display:block;
	padding:8px 12px;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	color:#fff!important;
	text-align:center;
	width:100%;
	margin:20px 0;
	clear: both;
}
.sc-btn.pull-center {
	margin-left:auto;
	margin-right: auto;
}
.sc-btn:hover {
	text-decoration:none;
}

/* Icon Shortcode */
.fa-border {
	padding: 0.40em 0.45em 0.35em!important;
}
.icon-container {
	display: inline-block;
	vertical-align: middle;
}
.title-icon {
	display: inline-block;
	vertical-align: middle;
	margin-left: 10px;
	font-size: 18px;
}
.pull-center {
	display:block!important;
	text-align:center;
}
/* video shortcode */
.video-wrapper {
	margin:0 auto;
	max-width: 770px;
	margin-bottom: 30px;
	border: 0;
}
.video-container {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.video-container .vid {
	position: absolute;
	top: 0;
	left: 0;
	max-width: 100%;
	max-height: 100%;
	border: 0;
}
/* ----------------------------------------------------------------------------------------------------------
 09 Media Queries ----------------------------------------------------------------------------------------
 ---------------------------------------------------------------------------------------------------------- */

@media (min-height:780px) {
	.last-section {
		min-height:750px;
	}
}

@media (max-width: 1199px) {
	nav#nav-home ul li {
		width: 135px;
	}
	.circle-menu {
		height:115px;
	}
	#mini-slogan {
		padding-top:4px;
		font-size:16px;
	}
	.header-tel {
		font-size: 15px !important;
	}
	.contact-form-header {
		height: 29px !important;
		width: 150px !important;
		background-size: contain;
	}
	.header-adres {
		font-size: 13px !important;
	}
	.menu-header .navbar .nav > li > a {
		font-size: 13px !important;
	}
	.full-width-fon7 {
		min-height: 400px !important;
	}
}

@media (max-width: 979px) and (min-width: 767px) {
	.feature-title {
		font-size: 29px;
	}
	.navbar .nav {
		float: left;
	}
	.home-col h2 {
		font-size: 30px;
		line-height: 30px;
	}
	.big-title {
		font-size:40px;
		line-height: 40px;
	}
	.circle-menu {
		font-size:12px;
	}
	.full-width-fon7 {
		min-height: 300px !important;
	}
	#contact-info .wpcf7, #contact-info h3 {
    	margin-left: 50px;
    }
}

@media (max-width: 979px) {
	.navbar,.navbar {
		line-height: 60px!important;
	}
	.navbar .collapse #nav-menu, #mini-logo a {
		height: 60px!important;
	}
	#mini-logo img {
		height: auto!important;
		max-height: 30px;
	}
	.home-section {
		height: auto!important;
	}
	.menu-header .navbar .collapse {
		display: inline;
		float: left;
		margin-right: 0;
		width: 100%;
		//background-color: #000!important;
	}
	.light-header .navbar .collapse {
		//background-color: #f9f9f9!important;
	}
	#btn-menu-container {
		display: table;
		float: right;
	}
	#btn-menu-container .btn-navbar {
		float: none;
		display: table-cell;
		vertical-align: middle;
		margin-top: -4px;
		box-shadow: none;
		background: black;
		border:none;
	}
	.menu-header #btn-menu-container .btn-navbar span {
		background-color: #999999;
	}
	.light-header #btn-menu-container .btn-navbar span {
		background-color: #000;
	}

	.menu-header #btn-menu-container .btn-navbar .icon-bar {
		background-color: #999999;
	}
	.light-header #btn-menu-container .btn-navbar .icon-bar {
		background-color: white;
	}
	.navbar-fixed-top, .navbar-fixed-bottom {
		position: fixed;
		-webkit-transform: translateZ(0);
	}
	.navbar-fixed-top, .navbar-fixed-bottom {
		position: fixed;
	}
	.navbar-fixed-top .navbar-inner, .navbar-fixed-bottom .navbar-inner {
		padding: 0;
	}
	.nav-collapse ul {
		margin-top:10px;
		padding-top:20px;
	}
	.nav-collapse ul li {
		padding-bottom:20px;
	}
	.menu-header .nav-collapse ul > li > a {
		padding: 0px 10px 0px!important;
		line-height: 14px!important;
		height: auto!important;
		color:#999!important;
	}
	.nav-collapse ul > li:hover > .sub-menu {
		top:auto!important;
		left:auto!important;
	}
	.sub-menu {
		visibility: visible;
		z-index: 9;
		opacity: 1;
		background: transparent;
		margin-left: 20px;
		border: 0;
		top:auto!important;
		left: auto;
		position: relative;
		padding: 0;
		margin-top:0!important;
		padding-top: 10px!important;
	}
	.sub-menu li {
		text-align: left;
		line-height: 10px;
		padding-bottom: 0px!important;
	}

	.nav-collapse ul > li > .sub-menu > li > a {
		display: block;
		color:#999!important;
		font-family: 'Open Sans', 'Verdana', 'Arial', sans-serif;
		font-size:12px;
		text-transform: uppercase;
	}
	.sub-menu li a:hover {
		text-decoration: none;
	}
	nav#nav-home ul li {
		width: 104px;
	}
	.circle-menu {
		height:84px;
	}
	#home-header {
		margin-top:-26px;
	}
	#mini-logo {
		padding-left:10px;
	}
	#mini-slogan {
		padding-top:8px;
		font-size:14px;
		line-height: 14px;
	}
	.circle-menu:hover .label-link {
		/* Firefox */
		-moz-transform: scale(1) rotate(0deg) translate(0px);
		/* WebKit */
		-webkit-transform: scale(1) rotate(0deg) translate(0px);
		/* Opera */
		-o-transform: scale(1) rotate(0deg) translate(0px);
		/* Standard */
		transform: scale(1) rotate(0deg) translate(0px);
		color:#fff;
	}
	.section-page .container {
		padding: 80px 20px 80px 20px!important;
	}
	.home-section {

	}
	.top-bg .container {
		padding: 0 20px!important;
	}
	.header-zapis, .header-tel, .header-adres {
		display: none;
	}
	.full-width-fon7 {
		min-height: 300px !important;
	}
}

@media (max-width: 767px) {
	body {
		padding:0;
	}
	#logo {
		max-width:280px;
		margin:auto;
		float: none!important;
	}
	.full-home .container {
		width:auto;
		position:relative;
		padding:0;
		top:auto;
		left:auto;
		margin:0;
	}
	footer {
		padding-left:20px;
		padding-right:20px;
	}
	.top-bg {
		height: 200px;
	}
	.big-title {
		font-size: 30px;
		line-height: 40px;
		margin-bottom: 10px;
	}
	.three-big,.two-big,.one-big   {
		height: auto;
	}
	.section-title {
		font-size: 30px;
		line-height: 30px;
		margin-bottom: 20px;
	}
	.navbar .nav {
		float: left;
	}
	#slogan {
		margin: 30px 0;
	}
	#contact-info {
		clear: both;
		margin-top: 20px;
	}
	#logo img {
		display:block;
		margin:auto;
	}
	#mini-slogan {
		text-align:center;
		float:none;
		line-height:20px;
	}
	.navbar-fixed-top, .navbar-fixed-bottom, .navbar-static-top {
		margin: 0;
	}
	#home-header {
		margin-bottom:30px;
	}
	nav#nav-home ul li,nav#nav-home ul li {
		width:170px;
		margin:20px auto 0!important;
		display: block;
	}
	.circle-menu {
		height:150px;
	}
	.header-zapis, .header-tel, .header-adres {
		display: none;
	}
	#first-title {	
		font-size: 32px;
		line-height: 32px;
		margin-bottom: 10px;		
	}
	#second-title {
		font-size: 32px;
		line-height: 32px;
		//color: #35d04f!important;
	}
	#third-title {
		font-size: 50px;
		line-height: 50px;
		color: #fae013!important;
	}
	.full-width-fon7 {
		min-height: 0 !important;
	}
	#more-information {
		display: none;
	}
	#contact-info .wpcf7, #contact-info h3 {
    	margin-left: 0;
    }	
}
@media only screen
	and (min-device-width : 768px)
	and (max-device-width : 1024px)
	and (orientation : landscape) {
	.circle-menu:hover .label-link {
		/* Firefox */
		-moz-transform: scale(1) rotate(0deg) translate(0px);
		/* WebKit */
		-webkit-transform: scale(1) rotate(0deg) translate(0px);
		/* Opera */
		-o-transform: scale(1) rotate(0deg) translate(0px);
		/* Standard */
		transform: scale(1) rotate(0deg) translate(0px);
		color:#fff;
	}
}

@media only screen and (min--moz-device-pixel-ratio: 2),

only screen and (-o-min-device-pixel-ratio: 2/1),

only screen and (-webkit-min-device-pixel-ratio: 2),

only screen and (min-device-pixel-ratio: 2) {
	#mini-logo img.no-retina-logo {
	  display: none;
	}
	#mini-logo img.retina-logo {
	  display: block;
	}
	#logo img.no-retina-logo {
	  display: none;
	}
	#logo img.retina-logo {
	  display: block;
	}
}

/*.contact-form-header a {
	float: right;
	margin-top: -60px;
	color:#ff0000!important;
	font-size: 22px;
	font-weight: bold!important;
	text-decoration: none;
	cursor: pointer;
	-webkit-text-shadow: 1px 1px 1px #000!important;
	-moz-text-shadow: 1px 1px 1px #000!important;
	-ms-text-shadow: 1px 1px 1px #000!important;
	text-shadow: 1px 1px 1px #000!important;
}*/
.contact-form-header { 
	margin-top: 20px; 
	float: right;
	background-image: url('img/callback-button1.png');
	height: 38px;
	width: 200px;	
}

.contact-form-header:hover {	
	background-image: url('img/callback-button2.png');
}

/*******Стили для кнопки телефона********/
#uptocall-mini {position:fixed;bottom:40px;right:40px;cursor:pointer;z-index:999;}

#uptocall-mini .uptocall-mini-phone {-moz-border-radius:50% !important;-webkit-border-radius:50% !important;border-radius:50% !important;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;background-color:rgba(26,255,179, .5);
width:70px;height:70px;-webkit-animation: uptocallmini 1.5s 0s ease-out infinite;-moz-animation: uptocallmini 1.5s 0s ease-out infinite;animation: uptocallmini 1.5s 0s ease-out infinite;}

#uptocall-mini .uptocall-mini-phone:before {content: '';position: absolute;width: 100%;height: 100%;top:0;left:0;background-image:url('img/phone.png');background-repeat:no-repeat;background-position:center center;
-webkit-animation: uptocallphone 1.5s linear infinite;-moz-animation: uptocallphone 1.5s linear infinite;animation: uptocallphone 1.5s linear infinite;}

@-webkit-keyframes uptocallphone {
0% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
25% {-ms-transform:rotate(30deg);-webkit-transform:rotate(30deg);transform:rotate(30deg);}
50% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
75% {-ms-transform:rotate(-30deg);-webkit-transform:rotate(-30deg);transform:rotate(-30deg);}
100% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
}
@-moz-keyframes uptocallphone {
0% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
25% {-ms-transform:rotate(30deg);-webkit-transform:rotate(30deg);transform:rotate(30deg);}
50% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
75% {-ms-transform:rotate(-30deg);-webkit-transform:rotate(-30deg);transform:rotate(-30deg);}
100% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
}
@keyframes uptocallphone {
0% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
25% {-ms-transform:rotate(30deg);-webkit-transform:rotate(30deg);transform:rotate(30deg);}
50% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
75% {-ms-transform:rotate(-30deg);-webkit-transform:rotate(-30deg);transform:rotate(-30deg);}
100% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
}
@-webkit-keyframes uptocallmini {
0% {box-shadow: 0 0 8px 6px rgba(23,167,167, 0), 0 0 0px 0px rgba(0,0,0,0), 0 0 0px 0px rgba(23,167,167, 0);}
10% {box-shadow: 0 0 8px 6px #1affb3, 0 0 12px 10px rgba(0,0,0,0), 0 0 12px 14px #1affb3;}
100% {box-shadow: 0 0 8px 6px rgba(23,167,167, 0), 0 0 0px 40px rgba(0,0,0,0), 0 0 0px 40px rgba(23,167,167, 0);}
}
@-moz-keyframes uptocallmini {
0% {box-shadow: 0 0 8px 6px rgba(23,167,167, 0), 0 0 0px 0px rgba(0,0,0,0), 0 0 0px 0px rgba(23,167,167, 0);}
10% {box-shadow: 0 0 8px 6px #1affb3, 0 0 12px 10px rgba(0,0,0,0), 0 0 12px 14px #1affb3;}
100% {box-shadow: 0 0 8px 6px rgba(23,167,167, 0), 0 0 0px 40px rgba(0,0,0,0), 0 0 0px 40px rgba(23,167,167, 0);}
}
@keyframes uptocallmini {
0% {box-shadow: 0 0 8px 6px rgba(23,167,167, 0), 0 0 0px 0px rgba(0,0,0,0), 0 0 0px 0px rgba(23,167,167, 0);}
10% {box-shadow: 0 0 8px 6px #1affb3, 0 0 12px 10px rgba(0,0,0,0), 0 0 12px 14px #1affb3;}
100% {box-shadow: 0 0 8px 6px rgba(23,167,167, 0), 0 0 0px 40px rgba(0,0,0,0), 0 0 0px 40px rgba(23,167,167, 0);}
}

/*******Стили для Contact form 7 вариант1********/
#fancybox-wrap{
//background:#15567E!important;
background: url('img/fon-green.jpg') top center !important;
-moz-box-shadow: 0 0 6px #000;
-webkit-box-shadow: 0 0 6px #000;
box-shadow:0 0 6px #000;
padding: 0 !important;   
}

#fancybox-outer{
background:none!important;
}

#fancybox-outer>div, #fancybox-content, #contact_form_pop_up{
background:none!important;
border:none!important;
}

#contact_form_pop_up{
padding: 20px 10px 0px 10px!important;
}

.wpcf7 {
color:#fff!important;
//background:#15567E!important;
width:300px; /*ширину задаём такую, как нам нужно в случае с всплывающей формой можно вообще не задавать*/
padding:0px!important;/*нулевой отступ для всплывающей формы, а если форма на странице, то нужно задать 20px*/
overflow:hidden;
text-align: center;
}

.wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 input[type="tel"], .wpcf7 textarea{
border:1px solid red;
padding:4px!important;
border-radius:5px;
border:1px solid #f1f1f1;
}

.wpcf7 input[type="text"]:focus, .wpcf7 input[type="email"]:focus, .wpcf7 input[type="tel"]:focus, .wpcf7 textarea:focus{
border:1px solid #fff;
-moz-box-shadow: 0 0 6px #fff;
-webkit-box-shadow: 0 0 6px #fff;
box-shadow:0 0 6px #fff;   
}

.wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 input[type="tel"], .wpcf7 textarea{
width:290px!important;
}

.wpcf7-submit{
background: #ff0000!important;
border: none;
color:#fff!important;
text-transform:uppercase;
float:right;
margin-top:20px;
font-size: 20px;
font-weight: bold;
padding: 15px;
text-align: center;
}

.wpcf7-submit:hover{
-moz-box-shadow: 0 0 6px #ff0000;
-webkit-box-shadow: 0 0 6px #ff0000;
box-shadow:0 0 6px #ff0000;  
//background-image: linear-gradient( #8b8b8b, #f1f1f1), #8b8b8b!important;
}

.form-title {
-webkit-text-shadow: 2px 2px 2px rgba(0,0,0,1.00);
-moz-text-shadow: 2px 2px 2px rgba(0,0,0,1.00);
-ms-text-shadow: 2px 2px 2px rgba(0,0,0,1.00);
text-shadow: 2px 2px 2px rgba(0,0,0,1.00);
text-align: center;
font-size: 22px;
font-weight: bold;
color: #fff;
}

/*******Стили шаблонов страниц********/
.full-width-fon {
	background: url('img/fon-2.png') top center;
}
.full-width-fon1 {
	background: url('img/fon-1.jpg') top center;
}
.full-width-fon2 {
	background: url('img/fon-6.png') top center;
}
.full-width-fon3 {
	background-image: url('img/fon.jpg');
    background-repeat: repeat;
    background-position: center center;
}
.full-width-fon4 {
	background-image: url('img/fon-4.jpg');
	background-repeat: repeat;
	background-position: center center;
}
.full-width-fon5 {
	background-image: url('img/fon-3.jpg');
	background-repeat: repeat;
	background-position: center center;	
}
.full-width-fon6 {
	background-color: #696969;
    color: #ffffff;
}
/*.full-width-fon7 {
	background-image: url('img/map.png');
	background-repeat: repeat;
	min-height: 575px;	
}*/
.contact-fon {
	background-image: url('img/fon-green.jpg');
	background-repeat: repeat;
	color: #ffffff;
}
.staff-fon {
	background-color: #dcdcdc;	
}
.home-fon {
	background-image: url('img/header.jpg');
	background-size: contain;
	margin-top: 75px;
	max-height: 480px;
	//background-color: #ABDCF4;
}

.full-width-container ol li {
line-height: 34px !important;
font-size: 20px;
font-weight: bold;
/*transform: translateX(1em);
background: url('img/check.png') no-repeat left center;
list-style-type: none;
list-style-position: outside;*/
}
/*.full-width-container ul li strong {
margin-left: 35px;
font-weight: bold;
display: block;
}
.full-width-container ol li {
line-height: 40px !important;
font-size: 28px;
margin-left: 35px;
color: #ff0000;
}*/
.fon-yellow {
    font-weight: bold;
    text-align: center;
    font-size: 24px;    
    background-color: #fae013;
    color: #FF0000;
    line-height: 40px;
    margin: 20px 0;
}
.header-tel {
	float: right;
	font-size: 20px;
	font-weight: bold;
	line-height: 26px;
	width: 12%;
	margin-top: 10px;
	//color: white;
	//text-shadow: 0 0 5px black;
}
.header-zapis {
	float: right;
	width: 18%;
}
.header-adres {
	line-height: 26px;
	font-size: 16px;
	font-weight: bold;
	//color: white;
	//text-shadow: 0 0 5px black;
}