/*######  Design by VTEM http://www.vtem.net All Rights Reserved  ###########*/
@import url("../vtemtools/widgets/css/global.css");
/*/////// CURRENT THEME ////////////////////*/
html {
  scroll-behavior: smooth;
}
.prev_button, .next_button, .vtem-menu > li > *:not(ul), .vtem-menu > li > *:not(ul):before, .vtem-menu > li > *:not(ul):after, .thumbnail > img,
.box-services > div, .box-services .btn-primary, .about-image img{-webkit-transition: all .4s; -moz-transition: all .4s; -o-transition: all .4s; transition: all .4s;}
.btn-primary{font-weight: bold; padding:10px 20px; text-transform: uppercase;}
.btn-primary.btn-lg, .form-control.input-lg{padding:15px 30px; height: auto;}
.btn.btn-primary, .subCategoryContainer .subCategoryMore{display:inline-block; cursor:pointer; position:relative; z-index:1; outline:none !important; border:none; color:#fff !important;}
.btn.btn-primary:hover, .subCategoryContainer .subCategoryMore:hover{-webkit-animation: pulse 500ms; animation: pulse 500ms; background-color: #333 !important;}
.com_content .blog > .page-header{border-width: 5px;}
.com_users .page-header, .com_users .page-header h1,.tag-category h1,
.com_contact  .page-header, .com_contact .page-header h2, .com_contact .page-header h1{ margin-top: 0;}
.tag-category h1{border-bottom: 1px solid #eee;margin: 0px 0 20px;padding-bottom: 9px;}
.section-header{z-index:9; position:relative; width:100%;    margin-top: 50px;}
.slideshow .box_skitter{margin: 0;}
.slideshow .box_skitter > a:before{line-height: 45px;}
.slideshow .box_skitter .info_slide_dots{bottom:15px;}
.slideshow .box_skitter .prev_button,
.slideshow .box_skitter .next_button{height:50px; width:50px; background-color:#fff; color:#000; margin-top:-40px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; text-decoration: none !important; box-shadow: 0 0 0 10px rgba(255,255,255,.2);}
.slideshow .box_skitter .prev_button{left:-100px;}
.slideshow .box_skitter:hover .prev_button{left:15px;}
.slideshow .box_skitter .next_button{right:-100px;}
.slideshow .box_skitter:hover .next_button{right:15px;}
.slideshow .box_skitter .label_skitter{left:10%; left:5vw; bottom: 50%; width:auto !important; max-width:800px; background:none; padding:15px; -webkit-transform: translate(0, 50%);transform: translate(0, 50%);}
.best-social a > i, .best-social a, .best-social a:focus, .best-social a:hover{display: inline-block; color: inherit !important; padding: 0 5px;}
.best-social a:hover{opacity: .7;}
.best-testimonial .owl-pagination{float:none;margin-top:15px;padding-left:15px}
.best-testimonial .client-details > strong{display: block;}
.best-testimonial .small-text{color: inherit; opacity: .7; padding: 45px 0 0 45px;}
.best-testimonial .client-details > span{opacity: .7;}
.best-gallery{position:relative;z-index:1;}
.best-gallery .btn.active{color:#fff}
.best-carousel .owl-carousel{margin:0 -15px; width: auto;}
.best-carousel .carousel-item-inside > h4{font-size: 160%;}
.best-carousel .owl-controls{/*position:absolute; top:-80px; right:-5px; text-align: center;*/ position: relative; height: auto; padding:0 10px;}
.best-carousel .owl-controls > div{float: none; display:table;padding-top: 0px;}
.best-carousel .owl-buttons > div{width: 52px; height: 52px; line-height: 52px; background-color:rgba(150,150,150,.2); -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; border:none;}
.best-carousel .owl-buttons > div:hover, .best-carousel .owl-buttons > div:focus{opacity: .7;}
.best-carousel .thumbnail, .best-brand .thumbnail{padding:0; border:none; background-color:transparent; position: relative; display: block; overflow: hidden; margin: 0; -webkit-border-radius:0; border-radius:0;}
.best-brand .thumbnail{display: flex; align-items: center; min-height: 150px;}
.best-brand .owl-pagination{display: inline-block; float: none;}
.best-gmap, .best-gmap > div{padding:0;}
.best-newsletter .input-group {display: block;margin: 0 auto;position: relative;width: 100%;}
.best-newsletter .input-group > .form-control {height: auto;padding: 10px;width: 100%; height:44px; font-size: 100%; box-shadow: none; border: none}
.best-newsletter .input-group > .input-group-addon {position:absolute;right:-3px;z-index: 9;top:0;margin:0;border:0px;height:44px;font-weight:bold;text-align:center;padding:0px 20px;text-transform:uppercase;color:#fff; background:#000; width: auto; box-shadow: none; line-height: 44px; font-size: 14px;}
.best-newsletter button.btn.btn-primary, .best-newsletter button.btn.btn-primary:hover, .best-newsletter button.btn.btn-primary:focus,
.best-newsletter button, .best-newsletter button:hover, .best-newsletter button:focus{font-weight: bold; color: inherit; border: none !important; background: none !important;}
.copyright{border-top:1px solid rgba(153,153,153,.2);}
.widget-copyright{ color: #666;}
.widget-logo{overflow: visible;position: relative;}
.best-accordion .accordion-heading,
.best-accordion .accordion-body{background-color:rgba(255,255,255,.5);}
.best-accordion .accordion-group{background-color:transparent;}
.best-accordion .accordion-toggle{position:relative; font-weight:bold; text-decoration:none; padding:5px 10px; color:#333;}
.best-accordion .accordion-heading.active > a{color:#fff;}
.best-accordion .accordion-toggle:before{width:30px; height:30px; line-height:30px; display:inline-block; content:'+'; text-align:center; font-size:24px; font-weight:normal; vertical-align:middle;}
.best-accordion .accordion-toggle[aria-expanded="true"]:before{content:'-';}
.vtem-moduletable > .moduletable-content ul.menu li > a:before{position:absolute; left:0; top:5px; content: ""; display:block; font-family: FontAwesome;}
.vtem-moduletable > .moduletable-content ul.latestnews > li::before, .vtem-moduletable > .moduletable-content ul.category-module > li::before, .vtem-moduletable > .moduletable-content ul.mostread > li::before{top: 15px;}
.well.moduletable h3{font-size:180%;font-weight: 300;margin-bottom: 20px;margin-top: 0;position: relative;}
.high-title > div > h3, .high-title .widget-gridstack-caption > div > h4{margin-bottom:30px; display:inline-block; font-size:250%;}
.high-title > div > h3 > small{display: block; margin-bottom: 5px;}
.section-title > h1{position: relative; display: inline-block;}
.section-title{margin-bottom:20px;}
.section-title > h4{opacity: .7;}
.menu-overlay-button.menu-button-main{font-size:0; border-top:2px solid; border-bottom:2px solid; position:relative; height:26px; margin-top:5px;}
.menu-overlay-button.menu-button-main:hover{height:36px; margin-top:0;}
.menu-overlay-button.menu-button-main:before{position:absolute; left:0; top:50%; width:100%; height:2px; display:block; margin-top:-1px; content:''; background-color:#fff;}
.nav.nav-canvas > li > a, .nav.nav-canvas > li > span {background-color: rgba(50, 50, 50, 0.8); border-top: 1px solid rgba(153, 153, 153, 0.5);}
.vtem-menu-wrapper{padding:20px 0; margin: 0;}
.best-menu .oHorizontal > ul, .oVertical > ul{padding-top:0; text-align: right;}
.best-menu .oHorizontal ul ul{text-align: left;}
.best-menu .oHorizontal > ul > li{float: none; display: inline-block;}
.best-menu .oHorizontal > ul > li > a,
.best-menu .oHorizontal > ul > li > span{position: relative; z-index: 1; font-weight: bold; text-transform: uppercase; font-size: 14px;}
.best-menu .oHorizontal > ul > li > a:hover,
.best-menu .oHorizontal > ul > li > a:focus,
.best-menu .oHorizontal > ul > li.menu-hover > a,
.best-menu .oHorizontal > ul > li.menu-hover > span,
.best-menu .oHorizontal > ul > li.active > a,
.best-menu .oVertical > ul > li.active > span{background-color: transparent; box-shadow: 0 0 15px rgba(8, 51, 65, 0.35);}

.best-menu .oHorizontal > ul > li > a:after{position: absolute; left:0; bottom:0; display: block; width:100%; height:5px; border-width:3px 0 1px; border-style: solid; opacity:0; content: '';}
.block-links .text-white{color: inherit !important; display: inline-block; padding: 0 15px;}
.block-links .text-white > span{padding-right: 5px;}
.about-image .widget-image-content > a{position: relative; display: block; overflow: hidden;}
.about-image .widget-image-content > a:before,
.about-image .widget-image-content > a:after{position: absolute; left: 30px; top:30px; width:50%; height: 50%; display: block; border: 3px solid; content: '';}
.about-image .widget-image-content > a:after{right: 30px; bottom:30px; left: auto; top: auto; border-color:#fff;}
.about-image .widget-image-content > a:hover:before,
.about-image .widget-image-content > a:hover:after{display: none;}
.about-image .widget-image-content > a:hover > img{-webkit-transform: scale(1.1); transform: scale(1.1);}
.best-featured .icon{display: inline-block; width: 100px; height: 100px; line-height:115px; border: 1px solid #ddd; background-color:#fff; text-decoration:none; position: relative;}
.best-featured .icon:before{position: absolute; left:-5px; top: 5px; height: 100%; width: 100%; display: block; border: 1px solid #ddd; content: ''; z-index: -1;}
.best-featured .icon > i{position: relative; z-index: 2;}
.best-featured .headline{font-size:150%;}
.best-tabs .nav-tabs > li{border: 1px solid #ddd;}
.best-tabs .nav-tabs > li+li{margin-left: -1px;}
.best-tabs .nav-tabs, .best-tabs .nav-tabs a{border: none !important; background:none !important; display: inline-block; float: none; font-weight: bold; font-size: 2rem; color: inherit;}
.best-tabs .nav-tabs > li.active:after{position: absolute; left: 50%; bottom:-20px; margin-left:-10px; border-width: 10px; border-style: solid; border-color: #333 transparent transparent; content: '';}
.best-tabs .nav-tabs a{padding: 15px 30px;}
.best-tabs .nav-tabs > li.active > a, .best-tabs .nav-tabs > li.active > a:focus, .best-tabs .nav-tabs > li.active > a:hover{color: #fff;}
.best-tabs .tab-content{padding: 30px 0;}
.title-center .section-title, .title-center > div > h3{text-align: center;}
.high-title .section-title > h1, .high-title > div > h3{margin:0 0 30px; position: relative; font-size:250%;font-weight: bold; display: block;}
.best-social .fa{display: inline-block; font-size:1.8rem;}
.footer .vtem-block-inside > h3{color: inherit; margin-bottom:15px; padding-bottom:15px; font-weight: bold;}
.best-contact .btn-primary{background-color: #333 !important;}
.widget-gallery .vtem-gallery{width: auto;}
.search-top .search-query{padding:7px 15px; height: auto; vertical-align: middle; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;}
.footer .list-marked > li, .footer .list-marked > li > a{display: block; color: inherit; opacity: .85;}
.footer .list-marked > li+li{margin:20px 0;}
.no-homepage .section-header{border-bottom: 1px solid #ddd; box-shadow: 0 3px 3px rgba(0,0,0,.1);}
.best-testimonial .small-text > .fa{display: none}
.best-testimonial .small-text > .fa:first-child{display: block; font-size: 500%; position: absolute; z-index: -1;top: 0;left: 0; opacity: .3;} 
.vtem-copyright{background-color:#fff;}
.high-title.best-testimonial > div > h3::after, .high-title.our-gallery > div > h3::after{background-position: center 6px;}
.best-banner > * > * > a{display: block; opacity: .5;}
.best-banner > * > * > a > img{width: 100%; min-height: 300px; display: block;}
.best-banner .widget-image-caption{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%)}
.best-banner .widget-image-caption > .fa{font-size: 300%}
.our-services .list-group > li{border: none; margin: 0; padding: 15px; background: none; border-radius: 0;}
.our-services .list-group > li + li{border-top: 1px solid rgba(0,0,0,.1)}
.our-services .list-group > li:hover, .our-services .list-group > li.active, .our-services .tab-content{background: rgba(0,0,0,.05);}
.our-services .list-group > li > a, .our-services .list-group > li.activ > a{color: #000 !important; text-decoration: none;}
.our-services .tab-panel-img{position: absolute; left: 100%; top: 0; width: 770px; height: 100%;}
.best-testimonial > div > div{width: auto !important; margin: 0 -15px;}
.our-custom-services a{display: block; width: 100%; padding: 15px; background: #000; margin: 30px 0; text-decoration: none;}
.newletter-form{display: table; margin: 0 auto;}
.newletter-form > *{display: table-cell;padding: 0 15px; width: 50%; vertical-align: middle;}
.slideshow .box_skitter .label_skitter p{font-size: 1.2em; font-size: 1vw; line-height: 1.5; letter-spacing:normal; padding: 1.5em 0;}
.slideshow .box_skitter .label_skitter h1{font-size: 3em; font-size: 3vw; margin: 0;}
.slideshow .box_skitter .label_skitter .btn{padding: 1em 2em; font-size: 1em; font-size: 1vw;}
.slideshow .text-theme{font-weight: bold; font-size: 1.5em; text-transform: uppercase; padding-bottom: .3em;}
.footer-social{list-style: none; padding: 0; margin: 0;}
.footer-social > *, .footer-social a{display: inline-block;width: 30px; text-decoration: none;}

.overtop{margin-top: -80px;}
.about-us > *{margin: 0 2rem 0 5vw;}
.about-us [class*="-title"]{color: #fff;transform: translateY(-30%);}
.high-title [class*="-content"]{font-size: 18px; line-height: 1.7;}
.about-services > *{max-width: 900px; margin: 0 auto;}
.about-services ul{display: table; margin: 0 auto;}
.about-services ul > li{display: table-cell; padding: 15px;}
.why-choose-us > * > *{margin: 0 -15px;}
.why-choose-us [class*="caption-inside"]{padding: 60px;}
.why-choose-us [class*="caption"] > h4{font-size: 32px; margin-bottom:30px;}
.why-choose-us [class*="gridstack-item"] > *{background: #f5f5f5; display: block !important;}
.why-choose-us .set-bg > *{background: #000; color: #fff;}
.best-testimonial .carousel-item > .client-details{display: table; padding-top: 30px;}
.best-testimonial .carousel-item > .client-details > *{display: table-cell;vertical-align: middle; padding-right: 15px;}
.footer .list-marked > li{text-transform: uppercase; font-size: 90%;}
.footer [class*="block-inside"] > h3{margin-top: 0;}
.footer .form-inline > *{display: block; width: 100%; margin-bottom: 10px;}
.footer .form-inline input, .footer .form-inline button{padding: 15px 30px; display: block; height: auto; border:none;width: 100%;font-size: 100%;background: #eee; box-shadow: none;}
.best-carousel{padding-right: 0;}
.best-carousel .owl-pagination > div{margin: 0 .4em;width: 1em;height: 1em;}
.best-carousel .carousel-item > *{/*box-shadow: 0 0 15px rgba(0,0,0,.2);*/ margin-bottom: 15px;}
.best-carousel .carousel-item > * > *:not(a){padding: 15px;}
.best-showcase{position: relative;}
.best-showcase::before, .best-showcase::after{position: absolute; left:5%; bottom:5%; width: 128px; height: 128px; display: block; content: ''; z-index: -1; background: url(/images/user.png) no-repeat;}
.best-showcase::after{background-image: url(../images/showlist/rocket.png); left: auto; right: 5%; top: 5%;}
.best-testimonial{background: url(../images/showlist/like.png) 100% 100% no-repeat;}
.section-header-nav > *, .section-header > *{margin: 0 5vw;}
.accordion-heading.panel-heading.active a {color:#fff;}





#arrowAnim {
  width: 100%;
  height: 35vh;
  display: flex;
  justify-content: center;
  align-items: center;
}

.arrow {
  width: 50px;
  height: 50px;
  border: 10px solid;
  border-color: black transparent transparent black;
  transform: rotate(135deg);
}


.arrowSliding {
  position: absolute;
  -webkit-animation: slide 5s linear infinite; 
          animation: slide 5s linear infinite;
}

.delay1 {
  -webkit-animation-delay: 1s; 
    animation-delay: 1s;
}
.delay2 {
  -webkit-animation-delay: 2s; 
    animation-delay: 2s;
}
.delay3 {
  -webkit-animation-delay: 3s; 
    animation-delay: 3s;
}

@-webkit-keyframes slide {
    0% { opacity:0; transform: translateX(-15vw); }	
   20% { opacity:1; transform: translateX(-9vw); }	
   80% { opacity:1; transform: translateX(9vw); }	
  100% { opacity:0; transform: translateX(15vw); }	
}
@keyframes slide {
    0% { opacity:0; transform: translateX(-15vw); }	
   20% { opacity:1; transform: translateX(-9vw); }	
   80% { opacity:1; transform: translateX(9vw); }	
  100% { opacity:0; transform: translateX(15vw); }	
}
span.cifra {
  border-radius: 50%;
  -webkit-transition: -webkit-transform .8s ease-in-out;
          transition:         transform .8s ease-in-out;
}
span.cifra:hover {
  -webkit-transform: rotate(300deg);
          transform: rotate(300deg);
}
.hover-text-one {
	overflow: hidden;
	margin: 0;
	width: 100%;
	list-style: none;
	text-align: center;
}
.hover-text-one figure {
	position: relative;
	z-index: 1;
	display: inline-block;
	overflow: hidden;
	background: #527c82;
	text-align: center;
	cursor: pointer;
}
.hover-text-one figure img {
	position: relative;
	display: block;
	min-height: 100%;
	opacity: 0.8;
}
.hover-text-one figure figcaption {
	padding: 2em;
	color: #fff;
	text-transform: uppercase;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.hover-text-one figure figcaption::before,
.hover-text-one figure figcaption::after {
	pointer-events: none;
}
.hover-text-one figure figcaption{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.hover-text-one figure h3 {
	word-spacing: -0.15em;
	font-weight: 300;
}
.hover-text-one figure h3 span {
	font-weight: 800;
}
.hover-text-one figure h3,
.hover-text-one figure p {
	margin: 0;
}
.hover-text-one figure p {
	letter-spacing: 1px;
	font-size: 68.5%;
}
/* Эффект при наведении */
figure.effect-text-three {
  border-radius: 10px;
	background: #0042c3;
}
figure.effect-text-three img {
	width: -webkit-calc(100% + 20px);
	width: calc(100% + 20px);
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	transform: scale(1.1);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
figure.effect-text-three:hover img {
	opacity: 0;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}
figure.effect-text-three figcaption {
	text-align: left;
}
figure.effect-text-three h3 {
	position: relative;
	overflow: hidden;
	padding: 0.5em 0;
}
figure.effect-text-three h3::after {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 3px;
	background: #fff;
	content: '';
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(-100%,0,0);
	transform: translate3d(-100%,0,0);
}
figure.effect-text-three:hover h3::after {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}
figure.effect-text-three p {
	padding: 1em 0;
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(100%,0,0);
	transform: translate3d(100%,0,0);
}
figure.effect-text-three:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}
div#section187472445a51437 {
    background-image: url(/images/bg2.jpg);
    background-size: cover;
    background-attachment: fixed;
}
.flexible {
   display: flex;
        flex-direction: row;
        flex-wrap: wrap;
   align-items: center;
  justify-content: center;
}
.fitem {
  flex: 1 1 333.3px;
  padding: 20px;
  box-sizing: border-box;
}
#section187472445a51437 .section-title {
  color:#fff;
  text-align:center;
}
.uk-form-danger + .tm-error {
    display: block;
}
.tm-error {
    position: absolute;
    font-size: 12px;
    color: darkred;
    display: none;
}
input:invalid, input:invalid:focus {
    
    box-shadow: none;
}
.uk-animation-shake {
    animation-name: uk-shake;
}
[class*=uk-animation-] {
    animation-duration: .5s;
    animation-timing-function: ease-out;
    animation-fill-mode: both;
}
.qfcapt {display:none !important;}
.qf3.qf_checkbox {
    width: 25%;
    float: left;
}
.qf3.qf3txt.qftext {
    width: 50%;
    float: left;
    padding: 10px;
}
.qf3.qf3txt.qftext.box_name {
    width: 100%;
    padding: 10px;
  margin-bottom: 10px;
}
.qf3.qf3txt.qfemail {
    width: 100%;
    padding: 10px;
}
.qf3.qf3txt.qftel {
    width: 100%;
    padding: 10px;
}
.qf3.qftextarea {
    padding: 10px;
}
.qf3.qf3btn.qfsubmit {
    text-align: center;
    margin-bottom: 20px;
}
.thumbnail a>img, .thumbnail>img {

    border-radius: 30px;
}
div#section15a1cabce581874 {
    background-image: url(/images/bg2.jpg);
    background-size: cover;
    background-attachment: fixed;
}
div#section15a12bccf507509 {
    position: fixed;
    width: 100%;
    z-index: 999999999999999;
}
div#block1882fa93fc56010 {
    margin-top: 13px;
}
div#block1882fa8932e6633 {
    margin-top: 13px;
}
.qf_recaptcha {
    display: inline-block !important;
}
.qf3.qfcaptcha {
    text-align: center !important;
}
.qfajaxbody {
    color: #fff;
    text-align: center;
    font-size: 24px;
}
.qfclose {
    color: #fff;
    text-align: right;
    font-size: 24px;
    cursor: pointer;
}
.qfajaxtitle {
    display: none;
}