@import url('https://fonts.googleapis.com/css?family=Rubik:300,400,500&subset=cyrillic');
@font-face {
  font-family: 'Capture it';
  src: url('fonts/capture-it.eot');
  src: url('fonts/capture-it.woff2') format('woff2'),
       url('fonts/capture-it.eot?#iefix') format('embedded-opentype'),
       url('fonts/capture-it.woff') format('woff'),
       url('fonts/capture-it.ttf') format('truetype'),
       url('fonts/capture-it.svg##capture_itregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* BASE CSS */

body {
	padding:0;
	margin:0;
    font-family: 'Rubik', 'Arial', sans-serif;
	font-size:16px;
	color:#131313;
	background:#F3F9F9;
}
b {font-weight:500;}

.flx,
.moduletable,
table {width:100%;max-width:1800px;margin:0 auto;}

div, a {
	box-sizing:border-box;
	padding:0;
	margin:0;
}

#sbox-window {box-sizing:content-box;}

ul.dropdown-menu, ul.actions {display:none;}

img {
  	display:inline-block;
  	padding:0;
	margin:0;
	border:0;
	max-width:100%;
}

#main ul li {margin:8px 0px;}

.allpage {
	width:100%;
	margin:0 auto;
	background:#131313;
}

.moduletable_full {width:100%;max-width:100%;}

.flx {
	display: flex;
	flex-wrap:wrap;
	justify-content: space-between;
	align-items:stretch;
	margin: 0 auto;
}
.flx > * {flex-basis:auto;display:inline-block;}
#main .flx {justify-content:space-around;}
.kontent {background:#fff;}
.kontent > .flx {flex-wrap:nowrap;max-width:1500px;}
.kontent > .flx > .flin1 {width:300px;}
.kontent > .flx > .flin2 {width:calc(100% - 300px);padding-left:10px;}
.kontent > .flx > .flin {width:100%;padding-left: 0;}
#main {
	color:#131313;
	padding:0;
	text-align:justify;
	width:100%;
}
a, #main a {
  color:#131313;
  text-decoration:none;
}
a:hover, #main a:hover {
  text-decoration:underline;
}

/* заголовки */
h1, h2, h3, h4 {
	padding: 20px 0;
	margin: 0 auto;
	color:#131313;
	text-align:center;
	font-weight:400;
	font-family: 'Capture it', 'Rubik', 'Arial', sans-serif;
}
h1 {
	text-transform: uppercase;
	font-size: 76px;
}
h2 {	
	font-size: 76px;
}
h3 {
	text-transform:uppercase;
	font-size:76px;
	text-align:center;
}
h4 {
    font-family: 'Rubik', 'Arial', sans-serif;
	font-size:26px;
	text-align:center;
	text-transform:uppercase;
}
#main h1, #main h2 {
}
#main h3 {
	font-size:48px;
}
#main h4 {
}
@media (max-width:1500px){h1, h2, h3 {font-size:48px;}}
@media (max-width:1250px){h1, h2, h3 {font-size:32px;padding:10px 0;} h4 {font-size:20px;padding:10px 0;}}
@media (max-width:600px){h1, h2, h3 {font-size:24px;padding:10px 0;} h4 {font-size:18px;padding:10px 0;}}
#main .usl h3 {
	color:#FFCF1A;
	font-size: 76px;
}
@media (max-width:1500px){#main .usl h3 {font-size:54px;}}
@media (max-width:1250px){#main .usl h3 {font-size:36px;}}
@media (max-width:600px){#main .usl h3 {font-size:24px;padding:10px 0;}}

.moduletable h3 {
}

/* пагинация */
#main .pagination ul {
	padding:0;
	margin:0;
	list-style-type:none;
	margin-bottom:10px;
	text-align:left;
}
#main .pagination li {
	display:inline-block;
	margin: 2px;
	padding: 0;
	font-size: 14px;	
}
#main .pagination li span {
	display:block;
	margin: 0;
	padding: 0 2px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-top: 1px solid #ccc;
	transition: 0.2s;
	font-size: 14px;	
}
#main .pagination li a {
	display:block;
	margin: 0;
	padding: 0 2px;
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
	border-left: 1px solid #ccc;
	border-top: 1px solid #ccc;
	transition: 0.2s;
	font-size: 14px;	
}
#main .pagination li a:hover {
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	border-left:1px solid #666;
	border-top:1px solid #666;
}
.tooltip {display:none!important;}
#main .pagination li a, #main .tags li a {text-decoration:none;}
#main .pagination li a:hover, #main .tags li a:hover {text-decoration:none;}


/* Две колонки */
.blog-featured .items-row, .blog .items-row {display:table-row;}
.blog .items-row .span6,
.blog-featured .items-row .column-1,
.blog-featured .items-row .column-2 {width:50%;display:table-cell;vertical-align:top;padding:0px 8px;}

/* widgetkit styles */
.uk-border-rounded {border-radius:20px!important;}
.uk-border-rounded img {border-radius:20px;}


body.contentpane {
  background:#fff;
}
body.contentpane #main {
  background:#fff;padding:0 4px;
}


/* qf2 styles */
.qf2form {
	display:block;
	margin:0px auto;
	max-width:600px;
}
.qf2label {display:none;}
.qfselect label {display:block;position: absolute;margin-top: -20px;}
.qf2 select {
    display: block;
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #131313;
    border-radius: 0;
    color: #333;
    padding: 6px 12px 6px 52px;
    font-size: 14px;
    margin-bottom: 10px;
    font-family: 'ttcr', 'Arial', sans-serif;
    font-family: arial, helvetica, sans-serif;
  	margin-top: 25px;
}
.qf2 input,
.qf2 textarea {
	display:block;
	width:100%;
	box-sizing:border-box;
	border:1px solid #000;
	border-radius:0;
	color: #333;
	padding: 6px 12px 6px 52px;
	font-size:14px;
	margin-bottom:10px;
	font-family: 'Rubik', 'Arial', sans-serif;
}

.qf2 textarea {height:50px;}

.qfcapt {display:none;}

.qfsubmit input {
	border:none;
	border-radius:0;
	background: linear-gradient(to top, #FFCF1A 50%, #131313 50%);
	background-position: center bottom;
	background-size: auto 100px;
	line-height:40px;
	text-transform:uppercase;
	color: #131313;
	font-size: 14px;
	font-weight: 500;
	width: 180px;
	display: block;
	padding:0;
text-decoration: none;
text-align: center;
margin: 0 auto;
color: #131313;
transition: 0.5s;

}
.qf2 {
	padding:0;
	border-radius:4px;
	background:linear-gradient(to right, #FFCF1A 38px, #131313 39px, #ffffff 39px);
}
.qfsubmit {background:transparent;}
.qfsubmit input:hover {
    background-position: center top;
    text-decoration: none;
    color: #fff;
}
.qwe1 {background:url('/images/form-icon-1.png') 11px center no-repeat;}
.qwe2 {background:url('/images/form-icon-2.png') 11px center no-repeat;}
.qwe3 {background:url('/images/form-icon-3.png') 11px center no-repeat;}
.qwe4 {background:url('/images/form-icon-4.png') 11px center no-repeat;}
.qwe5 {background:url('/images/form-icon-5.png') 11px 7px no-repeat;}
.qwe6 {background:url('/images/form-icon-6.png') 11px center no-repeat;}
.qwe7 {background:url('/images/form-icon-7.png') 11px center no-repeat;}

.qwe1, .qwe2, .qwe3, .qwe4, .qwe5, .qwe6, .qwe7 {background-size:16px;}


/* модуль комментариев jcomments 2 */

ul.jcomments-latest li {
    display: inline-block;
    width: calc(50% - 20px);
    float: left;
    margin: 10px!important;
    padding:20px;
    box-sizing: border-box;
    border-radius:5px;
    background:#fff!important;
    min-height: 240px;
}

ul.jcomments-latest .author {
    text-transform: uppercase;
	font-size: 20px!important;
	font-weight: 400;
	text-align: left;
	color: #02AADB!important;
	margin-left:30px!important;
}
ul.jcomments-latest .date {
	font-size:12px!important;
	margin-left:30px!important;
	text-align:left;
}
ul.jcomments-latest .rounded {
    border-radius: 0px!important;
    border: 0px!important;
    text-align: justify;
    font-size: 14px!important;
}



.datepicker-inline {position:absolute;top:-400px;}




.tabs dt {
	height:42px;
	line-height:42px;
	font-size:16px;
	color:#FFCF1A;
	border:none;
	background:none;
	font-weight:500;
	text-transform:uppercase;
	margin:0 10px;
}
.tabs dt:hover {
	background:none;
	color:#fff;
}
.tabs dt.selected {
	color:#fff;
	background:none;
}
.tabs dd {
	background:none;
	display:none;
	float:right;
	width:100%;
	position:relative;
	z-index:2;
	margin:42px 0 0 -100%;
}
.tabs dd.selected {
	display:block;
}
.tabs .tab-content {
	border:none;
	overflow:hidden;
	padding:10px;
}


#main h3.uk-panel-title {
	text-align:center;
	font-size:24px;
	line-height:25px;
	padding:5px 0;
}
#main .uk-grid {
    /*justify-content: space-around;*/
}
#main .uk-overlay,
#main .uk-overlay img {
	display:block;
	margin:0 auto;
}


#main .uk-panel-box > .uk-panel-teaser {
text-align: center;
}
.uk-grid .uk-overlay:hover {
}
.uk-grid .uk-overlay > * {
display:block;
}
.uk-grid .uk-overlay > a {
height:100%;
}
.uk-grid .uk-panel-box {
border: 0px solid #e5e5e5!important;
}
.uk-grid .uk-panel-teaser {
margin-bottom: 10px;
}
.uk-overlay-scale {transition-duration:1s!important;}
.uk-overlay-hover:hover .uk-overlay-scale {
transform:scale(1.05,1.05)!important;
}





#back_to_top a.cd-top {
	width: 60px;
	height: 60px;
	border-radius: 0;
	background: url('/modules/mod_jt_scrolltotop/assets/images/cd-top-arrow.svg') center center no-repeat!important;
	background-color:#FFCF1A!important;
	background-size: 60%!important;
	padding: 0;
	color: #ffffff;
	opacity: 0.75;
  	box-shadow: 1px 1px 2px #131313;
}
#back_to_top a.cd-top:hover {
	opacity: 1;
}