/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

/* ========================================================================
   Use this file to add custom CSS easily
 ========================================================================== */
 @import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800&subset=cyrillic');

body, h1,h2,h3,h4,h5,h6, p, a{
 	font-family: 'Open Sans', sans-serif;
 	font-weight: normal;
 }

s{text-decoration: none;}

.m-10{margin: 10px 0;}
.m-20{margin: 20px 0;}
.m-30{margin: 30px 0;}
.m-40{margin: 40px 0;}
.mt-10{margin-top: 10px;}
.mt-20{margin-top: 20px;}
.mt-30{margin-top: 30px;}
.mt-40{margin-top: 40px;}
.mb-10{margin-bottom: 10px;}
.mb-20{margin-bottom: 20px;}
.mb-30{margin-bottom: 30px;}
.mb-40{margin-bottom: 40px;}

.tm-toolbar, .tm-navbar{
	z-index: 99;
	position: relative;
}

.uk-nav-navbar ul li{
	line-height: 18px;
}

.uk-nav-navbar ul a{
	font-size: 0.8em;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.uk-nav-navbar ul a.new-link{
	color: #fe5d1f;
}

.uk-nav-navbar > li > a{
	padding: 5px 10px;
	background: #47494f;
}

.uk-nav-navbar > li > a:hover{
	background: #47494f;
}

.uk-nav.uk-nav-navbar .uk-nav-sub{
	padding-left: 10px;
	padding-right: 10px;
}

.tm-toolbar, .tm-toolbar a{
	color: #eee;
	text-decoration: none !important;
}

.tm-toolbar .toolbar_phone, .tm-toolbar .toolbar_phone a{
	font-size: 1.12em;
}

.tm-toolbar a:hover{
	text-decoration: underline;
}

.tm-toolbar .uk-panel .separator{
	margin: 0 7px;
	font-weight: bold;
}

.uk-dropdown{
	padding: 10px 10px;
}

.tm-totop-scroller{
	position: fixed;
	left: 30px;
	bottom: 0;
	top: initial;
	right: initial;
	height: 40px;
	width: 40px;
	text-align: center;
	background: #6ca7f3;
	transition: all 0.3s ease;
}

.tm-totop-scroller:hover{
	background: #4d8ee1;
}

.tm-totop-scroller:before{
	position: relative;
	top: 35%;
	transition: all 0.3s ease;
	color: #fff;
}

.coll_s{
	margin: 0 10px;
	//padding: 0 5px !important;
}

.coll_s:first-child{
	margin: auto;
	padding-left: 0 !important;
}

.coll_s:last-child{
	margin: auto;
}

.coll_s:nth-child(n+2){
	border-left: 1px solid rgba(221, 221, 221, 0.2);
}

.tm-logo-small{
	padding: 0;
}

/*.uk-dropdown, .uk-dropdown-blank{
	width: 100%;
	position: fixed;
	top: initial !important;
}*/

.uk-nav-offcanvas .uk-nav-sub .uk-parent .uk-active a{
	color: #6ca7f3;
}

.uk-nav-offcanvas .uk-nav-sub .uk-parent li{
	font-size: 13px;
	line-height: 20px;
}

/*===== MENU ACCORDION START =====*/

.accordion-menu .uk-nav-navbar > li > a{
	border-top: 1px solid #414247;
	box-shadow: inset 0 1px 0px 0px #525458;
}

.accordion-menu .uk-nav-navbar li.toggle > a{
	position: relative;
	padding-left: 25px;
}

.uk-nav-offcanvas .accordion-menu .uk-nav-sub li.toggle > a{
	position: relative;
	padding-left: 30px;
	font-weight: bold;
}

.uk-nav-offcanvas .uk-nav-sub li.uk-active > a{
	color: #6ca7f3;
}

.uk-nav-offcanvas .uk-nav-sub > li > a{
	font-weight: bold;
}

.accordion-menu .uk-nav-navbar li.toggle > a:before{
	content: '+';
	display: block;
	width: 0;
	height: 0;
	position: absolute;
	left: 10px;
	font-weight: bold;
}

.uk-nav-offcanvas .accordion-menu .uk-nav-sub li.toggle > a:before{
	content: '+';
	display: block;
	width: 0;
	height: 0;
	margin-left: -15px;
}

.accordion-menu .uk-nav-navbar li.toggle.opened > a:before{
	content: '\002013';
}

.uk-nav-offcanvas .accordion-menu .uk-nav-sub li.toggle.opened > a:before{
	content: '\002013';
}

.accordion-menu .uk-nav-navbar li.toggle > ul,
.uk-nav-offcanvas .accordion-menu .uk-nav-sub li.toggle > ul{
	display: none;
}

.accordion-menu .uk-nav-navbar li.toggle.uk-active > ul,
.uk-nav-offcanvas .accordion-menu .uk-nav-sub li.toggle.uk-active > ul{
	display: block;
}

.accordion-menu .uk-nav-navbar li:first-child > ul{
	display: block;
}

.uk-nav-offcanvas ul a{
	padding: 4px 0 4px 15px;
}

.uk-nav-parent-icon > .uk-parent > a:after {
	content: "+";
	width: 20px;
	margin: 0 0 0 -7px;
	/*float: left;*/
	font-family: inherit;
}

.uk-nav-parent-icon > .uk-parent.uk-open > a:after {
	content: '\002013';
}

.uk-nav-offcanvas > li > a{
	text-transform: uppercase;
	font-weight: bold;
}

.uk-offcanvas-bar {
	padding: 10px 10px 40px 10px;
}

/*===== MENU ACCORDION END =====*/

/** HEADER FORM
**************************************************************** **/

.main_form .form-group .fa{color: #4f5157;}

.main_form .form-control, .main_form .form-control:focus {
	background-color: #f0f3f2 !important;
	border: none !important;
	font-family: 'Open Sans', sans-serif;
}

.main_form .form-control:focus{
	background-color: #fff;
	box-shadow: 0 3px 0 0 #e64000;
}

.main_form .form-control:focus ~.fa{color: #e64000;}

.main_form h2{
	text-transform: uppercase;
	text-align: center;
	margin-bottom: 40px;
}

.main_form .submit-button{
/*	background-color: #e64000;
	color: #fff;
	margin-left: 2px;
	letter-spacing: normal;
	font-size: 1em;
	padding: 2px 8px;
	font-family: 'Open Sans', sans-serif;*/
	margin-bottom: 10px;
}

/*.main_form .submit-button:hover{background-color: #fc5a10;}*/

.main_form .upload-button{
/*	background-color: #4f5157;
	color: #fff;
	padding: 2px;
	letter-spacing: normal;
	font-size: 1em;
	font-family: 'Open Sans', sans-serif;*/
	margin-bottom: 10px;
}

.main_form label.error{color: red;}
.main_form textarea{margin-bottom: 10px;}

/** HEADER FORM END
**************************************************************** **/

.tm-navbar .tm-logo{
	margin-right: 10px;
}

.uk-navbar-nav > li > a{
	padding: 0 10px;
	font-size: 1em;
}

.uk-navbar-nav .icon{
	display: none;
}

.uk-navbar-nav .main-link{
	display: none;
}

.uk-offcanvas-bar .icon{
	margin-right: 3px;
	min-width: 20px;
	text-align: center;
}

#tm-block-footer h3{
	margin: 5px 0 20px;
	font-size: 20px;
	font-weight: 400;
}

#tm-block-footer hr{
	border: none;
}

#tm-block-footer a{
	color: #e64000;
	font-weight: 600;
}

#tm-block-footer a.btn{
	color: #fff;
	font-weight: normal;
}

#tm-block-footer .fa{
	margin-right: 6px;
}

.tm-logo-small a{
	color: #f7f7f7;
	font-weight: bold;
}

/*.uk-article{margin: 0 -25px;}
.tm-article-box{padding: 15px 0 !important;}*/

.uk-article .container-fluid{
	padding: 0;
}

.tbl-portfolio{
	table-layout: fixed;
}

.tbl-portfolio td{
	padding: 5px;
}

.tbl-portfolio__imagecell{
	background: #fff !important;
	/*width: 70%;*/
}

.tbl-portfolio .spotlight{
	display: block;
	width: 100%;
}

.pd-0{padding: 0;}
.pd-2{padding: 2px;}

img.grayscale{
	filter: grayscale(50%);
	transition: all 0.3s ease;
}

img.grayscale:hover{
	filter: grayscale(0%);
}

/* Hide portfolio list on mobile BEGIN */
.uk-offcanvas-bar .portfolio + div .uk-nav-sub{
	display: none;
}

.uk-offcanvas-bar .portfolio:after{
	display: none;
}
/* Hide portfolio list on mobile END */

/* Mobile menu scroll fix */
.uk-offcanvas-bar .uk-nav{
	height: calc(100% + 1px);
}

.head-contacts{
	text-align: right;
}

.head-contacts a,
.head-contacts i{
	color: #fff;
}

.head-contacts a:hover,
.head-contacts i:hover{
	color: #fff;
	text-decoration: none;
}

.head-contacts h5{
	margin: 0;
}

.offcanvas-close{
	color: #808080;
	position: absolute;
	font-size: 0.7em;
	font-weight: 700;
	cursor: pointer;
	right: 0;
	top: 6px;
	padding: 15px;
	z-index: 2;
}

.offcanvas-close:hover{
	text-decoration: underline;
}

.offcanvas-close .fa{
	margin-left: 5px;
	font-size: 1.3em;
	position: relative;
	top: 1px;
}

/* Popup form BEGIN */

.mfp-no-margins .mfp-figure:after {
  top: 0;
  bottom: 0;
}

.mfp-no-margins .mfp-container {
  padding: 0;
}

.mfp-with-zoom .mfp-container,.mfp-with-zoom.mfp-bg {
  opacity: 0;
  -webkit-backface-visibility: hidden;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.mfp-with-zoom.mfp-ready .mfp-container {
  opacity: 1;
}

.mfp-with-zoom.mfp-ready.mfp-bg {
  opacity: 0.8;
}

.mfp-with-zoom.mfp-removing .mfp-container,.mfp-with-zoom.mfp-removing.mfp-bg {
  opacity: 0;
}

#popup_form {
  background: white;
  padding: 20px 10px;
  text-align: left;
  max-width: 600px;
  margin: 20px auto;
}

#popup_form h3 {
  padding: 0 15px;
  margin-bottom: 15px;
  color: #e64000;
}

.my-mfp-slide-bottom .zoom-anim-dialog {
  opacity: 0;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  -webkit-transform: translateY(-20px) perspective(600px) rotateX(10deg);
  -ms-transform: translateY(-20px) perspective(600px) rotateX(10deg);
  transform: translateY(-20px) perspective(600px) rotateX(10deg);
}

.my-mfp-slide-bottom.mfp-ready .zoom-anim-dialog {
  opacity: 1;
  -webkit-transform: translateY(0) perspective(600px) rotateX(0);
  -ms-transform: translateY(0) perspective(600px) rotateX(0);
  transform: translateY(0) perspective(600px) rotateX(0);
}

.my-mfp-slide-bottom.mfp-removing .zoom-anim-dialog {
  opacity: 0;
  -webkit-transform: translateY(-10px) perspective(600px) rotateX(10deg);
  -ms-transform: translateY(-10px) perspective(600px) rotateX(10deg);
  transform: translateY(-10px) perspective(600px) rotateX(10deg);
}

.my-mfp-slide-bottom.mfp-bg {
  opacity: 0;
  -webkit-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out;
}

.my-mfp-slide-bottom.mfp-ready.mfp-bg {
  opacity: 0.8;
}

.my-mfp-slide-bottom.mfp-removing.mfp-bg {
  opacity: 0;
}
/* -- MAGNIFIC POPUP -- */

#popup_form form .form-group .fa {
  height: 100%;
  display: block;
  top: 0;
  left: 10px;
  line-height: 38px;
  color: #7f7f7f;
}

#popup_form form .form-group .form-control {
  padding: 10px 0 10px 30px;
  border: 1px solid #7f7f7f;
  /*margin: 0;*/
}

#popup_form form .form-group .form-control:active,#popup_form form .form-group .form-control:focus {
  -webkit-box-shadow: 0 2px 0 0 #06af3f;
  box-shadow: 0 2px 0 0 #06af3f;
  border-bottom: 1px solid #06af3f;
}

#popup_form form .form-group .form-control:active ~ .fa,#popup_form form .form-group .form-control:focus ~ .fa {
  color: #06af3f;
}

#popup_form form .form-group .form-control.error {
  -webkit-box-shadow: 0 2px 0 0 red;
  box-shadow: 0 2px 0 0 red;
  border-bottom: 1px solid red;
}

#popup_form form .form-group .form-control.error ~ .fa {
  color: red;
}

#popup_form form .form-group .form-control.error:active,#popup_form form .form-group .form-control.error:focus {
  -webkit-box-shadow: 0 2px 0 0 red;
  box-shadow: 0 2px 0 0 red;
}

#popup_form form .form-group .form-control.error:active ~ .fa,#popup_form form .form-group .form-control.error:focus ~ .fa {
  color: red;
}

#popup_form form .form-group label.error {
  color: red;
  font-size: 12px;
  line-height: 1.2;
  font-weight: 400;
  cursor: pointer;
  margin-top: 0;
  margin-bottom: 10px;
}

#popup_form form .btns_wrap {
  position: relative;
  margin-top: 10px;
}

/*#popup_form form .btns_wrap .upload-button {
  border: 1px solid #7f7f7f;
  color: #7f7f7f;
  margin-right: 10px;
  right: 0;
}*/

form .btns_wrap .upload-button:hover, form .btns_wrap .upload-button:active, form .btns_wrap .upload-button:focus {
  background: rgba(0, 0, 0, 0.1);
}

#popup_form form .btns_wrap .fa {
  padding: 0;
  margin-right: 10px;
  min-width: 15px;
}

#popup_form form .btns_wrap .fa.fa-action {
  display: none;
}

#popup_form form .fa.spinner {
  margin-right: 7px;
}

#popup_form form .k_upload_progress .fa-upload-ok {
  color: #06af3f;
  margin-left: 2px;
}

#popup_form form .k_upload_progress .fa-upload-no {
  color: red;
  font-size: 15px;
  margin-left: 2px;
}

#popup_form #upload-file-tbl-wrap {
  display: none;
}

#popup_form .subtitle {
  color: #3a3a3a;
  text-align: left;
  font-size: 1.35em;
}

#popup_form .submited {
  display: none;
  margin: 20px 0;
}

#popup_form .submited h4 {
  margin: 30px 0 0 0;
}

#upload_popup .drop {
	display: none;
}

#upload_popup .upload_list {
  list-style: none;
  margin: 0;
  padding: 0;
}

#upload_popup .upload_list li {
  text-align: right;
  white-space: nowrap;
  margin-bottom: 5px;
}

#upload_popup .upload_list li input {
  display: none;
}

#upload_popup .upload_list li .file_name {
  color: #000;
  margin: 0 7px;
  white-space: normal;
  word-wrap: break-word;
}

#upload_popup .upload_list li i {
  font-weight: normal;
  font-style: normal;
  color: #7f7f7f;
  margin-left: 5px;
}

#upload_popup .upload_list li canvas {
  width: 16px;
}

#upload_popup .upload_list li .file_action {
  width: 15px;
  height: 12px;
  background: url("/images/popup-form/icons.png") no-repeat;
  cursor: pointer;
  display: inline-block;
  position: relative;
}

#upload_popup .upload_list li .file_action:hover {
  height: 14px;
  top: 2px;
  background-position: 0 -12px;
}

#upload_popup .upload_list li.working .file_action,#upload_popup .upload_list li.error .file_action {
  height: 14px;
  top: 2px;
  position: relative;
  background-position: 0 -12px;
}

#upload_popup .upload_list li.error .file_name {
  color: red !important;
  text-decoration: line-through;
}

#upload_popup .upload_list li.error .file_name i {
  text-decoration: inherit;
}

/* Popup form END */

/* Buy form BEGIN */
.buy_form{
	background: white;
	padding: 20px 10px;
	text-align: left;
	max-width: 450px;
	margin: 20px auto;
}

.buy_form h3 {
  padding: 0 15px;
  margin-bottom: 15px;
  color: #e64000;
}

.buy_form form .form-group .fa {
  height: 100%;
  display: block;
  top: 0;
  left: 10px;
  line-height: 38px;
  color: #7f7f7f;
}

.buy_form form .form-group .form-control {
  padding: 10px 0 10px 30px;
  border: 1px solid #7f7f7f;
  /*margin: 0;*/
}

.buy_form form .form-group .form-control:active, .buy_form form .form-group .form-control:focus {
  -webkit-box-shadow: 0 2px 0 0 #06af3f;
  box-shadow: 0 2px 0 0 #06af3f;
  border-bottom: 1px solid #06af3f;
}

.buy_form form .form-group .form-control:active ~ .fa, .buy_form form .form-group .form-control:focus ~ .fa {
  color: #06af3f;
}

.buy_form form .form-group .form-control.error {
  -webkit-box-shadow: 0 2px 0 0 red;
  box-shadow: 0 2px 0 0 red;
  border-bottom: 1px solid red;
}

.buy_form form .form-group .form-control.error ~ .fa {
  color: red;
}

.buy_form form .form-group .form-control.error:active, .buy_form form .form-group .form-control.error:focus {
  -webkit-box-shadow: 0 2px 0 0 red;
  box-shadow: 0 2px 0 0 red;
}

.buy_form form .form-group .form-control.error:active ~ .fa, .buy_form form .form-group .form-control.error:focus ~ .fa {
  color: red;
}

.buy_form form .form-group label.error {
  color: red;
  font-size: 12px;
  line-height: 1.2;
  font-weight: 400;
  cursor: pointer;
  margin-top: 0;
  margin-bottom: 10px;
}
/* Buy form END */

[role="block"]{cursor:default;}

.table-responsive{overflow: auto;}
.btn{white-space: nowrap;}

/* ACCORDION BEGIN */
.panel-group .panel {
    border-radius: 0;
    box-shadow: none;
    border-color: #EEEEEE;
}

.panel-default > .panel-heading {
    background-color: #f8f9fb;
}

.panel-title {
	margin: 0;
}

.panel-title > a {
    display: block;
    padding: 15px;
    text-decoration: none;
    color: #222;
    font-weight: 600;
}

.panel-title > a .fa{
	margin-right: 5px;
	font-size: 0.9em;
}

.panel-collapse{
	margin: 5px;
}

.panel-default > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #EEEEEE;
}

.panel .more-less{
  display: inline-block;
  width: 13px;
  height: 13px;
  margin-right: 5px;
  position: relative;
}

.panel .line_h{
  display: block;
  position: absolute;
  background: #000;
  width: 13px;
  height: 3px;
  margin: auto;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  transition: all 0.3s ease;
}

.panel .line_v{
  display: block;
  position: absolute;
  background: #000;
  height: 13px;
  width: 3px;
  margin: auto;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  transition: all 0.3s ease;
}

.panel .minus .line_v{
  transform: rotate(90deg);
}

.panel .minus .line_h{
  transform: rotate(180deg);
}
/* ACCORDION END*/

/* TABS BEGIN */
.nav-tabs>li>a {
	margin-right: 5px;
	line-height: 1.42857143;
	background: #ddd;
	border: 1px solid #ddd;
	border-radius: 3px 3px 0 0;
	padding: 10px;
	transition: all 0.2s ease;
}

.nav-tabs>li>a:hover {
    border-color: #eee #eee #ddd;
}

.nav>li>a:focus, .nav>li>a:hover {
    text-decoration: none;
    background-color: #eee;
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
	border: 1px solid #ddd;
	border-bottom-color: white;
	cursor: default;
}

.nav-tabs>li {
    float: left;
    margin-bottom: -1px;
}

.nav-tabs {
	border-bottom: 1px solid #ddd;
	margin-bottom: 0;
}

.tab-content {
    overflow: auto;
    border: 1px solid #ddd;
    border-top: none;
    border-radius: 3px;
    padding: 10px;
}
/* TABS END */

.central_overlay_wrap{
  position: relative;
  display: block;
  height: 100%;
  width: 100%;
}

.central_overlay_wrap:hover .central_overlay{
  opacity: 1;
}

.central_overlay{
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0;
  padding: 15px 10px;
  text-align: center;
  background: rgba(79,81,87,0.95);
  color: #fff;
  font-weight: 600;
  line-height: 1.3;
  font-size: 0.9em;
  transition: all 0.2s ease;
  border-radius: 2px;
}

.central_overlay .fa{
  margin-right: 7px;
}

.central_overlay .fa-2x{
  display: block;
  margin-bottom: 7px;
  font-size: 1.8em;
  margin-right: 0;
}

#personal_data_text{
  background: white;
  padding: 20px;
  text-align: left;
  max-width: 1000px;
  margin: 20px auto;
}

.uk-navbar-toggle{
  position: relative;
  padding-bottom: 15px;
}

.uk-navbar-toggle span{
  position: absolute;
  left: 0;
  right: 0;
  font-size: 0.74em;
  text-align: center;
  margin-top: 50px;
  text-transform: uppercase;
}

@media (max-width: 1606px) {
	.uk-navbar-nav > li > a{
		height: 50px;
		line-height: 50px;
	}
}

/*==========  Mobile First Method  ==========*/

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {
	.uk-offcanvas-bar{
		width: 50%;
		min-width: 290px;
	}
}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {

}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
	#popup_form form .central_col {
	   padding: 0;
	}
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {

}

/*==========  Non-Mobile First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {

}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {

}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
	.uk-article-title{
		/*font-size: 25px;*/
		/*line-height: 1.2;*/
		word-break: break-word;
	}

	.tbl-portfolio{
		table-layout: initial;
	}

	.tbl-portfolio td{
		font-size: 0.9em;
	}

	.tbl-portfolio__imagecell{
		display: none;
	}

	form .btn{
		width: 100%;
		margin-left: 0;
		margin-bottom: 10px;
		padding: 10px;
	}
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {

}
