/*######  Design by VTEM http://www.vtem.net All Rights Reserved  ###########*/
@import url("../vtemtools/widgets/css/global.css");
/*/////// CURRENT THEME ////////////////////*/


.intro {
max-height: 100vh;
overflow: hidden;
position: relative;

}

.video {
position: relative;
padding-bottom: 56.25%;
z-index: 1;
}

.video_media {
 width: 100%;
 height: auto;
 position: absolute;
 top: 0;
 left: 0;
 
}

.intro_content {
display: flex;
flex-direction: column;
justify-content: center;
position: absolute;
top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 z-index: 3;
 
}

.container11 {
max-width: 1200px;
margin: 0 auto; 
}

.intro_title {
font-size: 45px;
color: #000;
margin: 0;
text-align: center;
}

.intro:after {
content: '';
width: 100%;
height: 100%;
display: block;
position: absolute;
top: 0;
 left: 0;
 z-index: 2;
 background-color: rgba(0, 0, 0, .3); 
}



.best-test23 {
    background: /*linear-gradient(to right, rgba(32, 35, 38, 0.66) 14.67%, rgba(61, 73, 86, 0.15) 82.48%),*/ url(http://budgroup.com.ua/images/new/001-2023.jpg);
    background-blend-mode: multiply, normal;
    height: 600px;
    width: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    text-align: center;
    vertical-align: middle;
    position: relative;
    /* background-attachment: fixed; */
    overflow: hidden;
    padding-right: 0px !important;
    padding-left: 0px !important;
}


.first {
    margin: 0px 3px 3px 20px;
    float: left;
    position: relative;
    overflow: hidden;
    padding: 2px;
  width: 95% !important;
}


.cifer {   
  
  font-family: Arsenal;
    font-weight: 500;
    line-height: 1.1;
  font-size: 55px;
  margin: 2px;
  text-align:left;
  color: #ffd800;
 
}


.first-left-avon {
    margin: 0px 10px 10px 20px;
    float: left;
    height:550px;
    background: #fff;
    -webkit-box-shadow: 0px 6px 47px 0px rgb(33 42 90 / 15%);
    -moz-box-shadow: 0px 6px 47px 0px rgba(33, 42, 90, 0.15);
    box-shadow: 0px 6px 47px 0px rgb(33 42 90 / 15%);
    position: relative;
    overflow: hidden;
    padding: 10px;
}



 .top1 {   
  
  font-family: Arsenal;
    font-weight: 500;
    line-height: 1.1;
  font-size: 55px;
  margin: 20px;
  text-align:center;
 
}


.lang a {   
   color:#ffffff !important;
  display: block !important;
  position:fixed;
  top:20px;
  right:25px;
  z-index:9999;
  width: 50px !important;
}




.callback {
    background: #f2f2f2 url(http://budgroup.com.ua/images/new/callback.jpg) center center no-repeat;
    background-size: cover;
    position: relative;
    height: 600px !important;
    min-width: 500px !important;
  padding: 0 40%;
    
}


.zzz {
   font-family: Arsenal;
    font-weight: 500;
    line-height: 1.1;
  font-size: 55px;
  margin: 20px;
  text-align:center;
}
.zzz1 { margin: 20px;
   }
table#supertable {
}


.best5 {  background-repeat: no-repeat !important; background-image: url(http://budgroup.com.ua/images/banners/004.jpg) !important; 
    background: center top;}

.best3 {  
  
color: #fff !important;
background-color: #19c385; !important}


.high-titlel
{  
  
color: #fff !important;
}


.best2 {  background-repeat: no-repeat !important; background-image: url(http://budgroup.com.ua/2.png) !important;
    background-size: 100% auto !important;}
.best1 {  background-repeat: no-repeat !important; background-image: url(http://budgroup.com.ua/images/banners/001.jpg) !important;
    background-size: 100% auto !important;}
.best { background-repeat: no-repeat !important; padding: 80px 80px; background-image: url(http://budgroup.com.ua/images/banners/002.jpg) !important;
    background-size: 100% auto !important;}



.rec1 {
    width: 98%;
    height: 200px;
    border: 1px solid #cecdcd;
    box-sizing: border-box;
    border-radius: 8px;
    padding: 20px 20px;
    line-height: 150%;
    color: #000000;
    margin: 15px 0 0 0;
  font-size: 16px;
}

.rec12 {
      font-size: 22px;
 
  padding: 5px;
}

.rec15 {
      font-size: 22px;
  background-color: #ffd800;
  padding: 5px;
}
.rec14 {
      font-size: 18px;
  background-color: #77dddc;
  padding: 5px;
  width: 100%;
}



.ribbon {
	padding: 10px 25px;
	width: 100%;
  margin: 60px 0 30px 0;
	text-align: center;
	color: #000;
	
	background-color: #ffd800;
   
        
	position: relative;
	float: left;
	clear: left;
	
	font-family: Arsenal, cursive;
	font-size: 32px;			
	line-height: 40px;
	
	}

.wtsp {
    display: block!important;
}


.ots {
    
     padding: 0px 20px;
    z-index: 2;
}

.onas {
    
    height: 392px !important;
    padding: 20px;
    
}

.rec {
    width: 270px;
    height: 220px;
    border: 1px solid #001e5a;
    box-sizing: border-box;
    border-radius: 4px;
    padding: 40px 20px;
    line-height: 150%;
    color: #000000;
    margin-bottom: 30px;
  font-size: 16px;
}






.btm1 {
    display: inline-block;
    cursor: pointer;
    position: relative;
    z-index: 1;
    outline: none !important;
    border: none;
    color: #000 !important;
    border-radius: 5px;
    background-color: #fff ;
    padding: 10px 18px !important;
    font-size: 20px;
  
    
}


.btm-1 {
  
    height: 700px;
    width: 100%;
    margin: 100px auto 0;
    max-width: 967px;
    text-align: center;
    margin: 200px auto 0;
  
}



.btm-2 {
    width: 100%;
    color: #fff;
    font-size: 50px !important;
    padding-left: 0px;
    padding-bottom: 40px;
    font-family: 'Arsenal', serif;
    font-weight: 600 !important;
    line-height: 73px;
  text-align: center;
  
}

.btm-3 {
    width: 100%;
    color: #fff;
    font-size: 50px !important;
    padding-left: 0px;
    padding-bottom: 40px;
    font-family: 'Arsenal', serif;
    font-weight: 600 !important;
    line-height: 73px;
  text-align: center;
  text-shadow: #ccc 1px 1px 0, #ccc 1px 1px 0, 
                 #cccc 2px 2px 0, #ccc 2px 2px 0, 
                 #ccc 3px 3px 0;
  
}

.block-advantages {
    width: 100%;
    margin: 100px auto 0;
}



.best-test3 {
  
    background: /*linear-gradient(to right, rgba(32, 35, 38, 0.66) 14.67%, rgba(61, 73, 86, 0.15) 82.48%),*/ url(http://budgroup.com.ua/images/123/006-2020.jpg);
    background-blend-mode: multiply, normal;
    height: 600px;
    width: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    text-align: center;
    vertical-align: middle;
    position: relative;
  /*  background-attachment: fixed;*/
    overflow: hidden;
  padding-right: 0px !important;
    padding-left: 0px !important;
}


.best-test1 {
  
    background: /*linear-gradient(to right, rgba(32, 35, 38, 0.66) 14.67%, rgba(61, 73, 86, 0.15) 82.48%),*/ url(http://budgroup.com.ua/images/new/001-2020.jpg);
    background-blend-mode: multiply, normal;
    height: 600px;
    width: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    text-align: center;
    vertical-align: middle;
    position: relative;
  /*  background-attachment: fixed;*/
    overflow: hidden;
  padding-right: 0px !important;
    padding-left: 0px !important;
}

.best-test2 {
  
    background: /*linear-gradient(to right, rgba(32, 35, 38, 0.66) 14.67%, rgba(61, 73, 86, 0.15) 82.48%),*/ url(http://budgroup.com.ua/images/new/002-2020.jpg);
    background-blend-mode: multiply, normal;
    height: 600px;
    width: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    text-align: center;
    vertical-align: middle;
    position: relative;
  /*  background-attachment: fixed; */
    overflow: hidden;
  padding-right: 0px !important;
    padding-left: 0px !important;
}



.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{padding:15px 30px;}
.btn.btn-primary, .subCategoryContainer .subCategoryMore{display:inline-block; cursor:pointer; position:relative; z-index:1; outline:none !important; border:none; color:#fff !important; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px;}
.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{  width: 100%;
    max-width: 100% !important;
    top: 0;
    left: 0;
    right: 0;
    z-index: 889;
    margin: 0 auto;
    position: fixed !important;}
.slideshow .box_skitter{margin: 0; }
.slideshow .box_skitter > a:before{line-height: 80px;}
.slideshow .box_skitter .info_slide_dots{bottom:15px;}
.slideshow .box_skitter .prev_button,
.slideshow .box_skitter .next_button{height:80px; background-color:#333; color:#fff; margin-top:-40px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; text-decoration: none !important;}
.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{bottom: auto; top:50%; left:30%;  background-color:transaprent; transform: translate(0, -50%);}
.slideshow .image_number_select{border:2px solid; -webkit-box-shadow: 0 0 0 2px #fff inset; box-shadow: 0 0 0 2px #fff inset; -webkit-transform: scale(1.5); transform: scale(1.5);}
.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 .fa-quote-right{display: none;}
.best-testimonial .fa-quote-left{font-size:200%; display: block;}
.best-testimonial .small-text{color: inherit;}
.best-testimonial .client-details > span{opacity: .7;}
.best-gallery{position:relative;z-index:1;}
.best-gallery .btn.active{color:#fff}
.best-carousel .vtem_main_carousel{margin:0 -15px; width: auto;}
.best-carousel .carousel-item-inside > h4{font-size: 160%;}
.best-carousel .owl-controls{position:absolute; top:-90px; right:15px;}
.best-carousel .thumbnail, .best-brand .thumbnail{padding:0; border:none; background-color:transparent; position: relative; display: block; overflow: hidden; -webkit-border-radius:0; -moz-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;}
.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; width: auto; box-shadow: none; line-height: 44px; font-size: 14px;}
.no-csstransforms3d .footer .custom-html-content .input-group .input-group-addon{height: 40px;}
.footer .custom-html-content .input-group .input-group-addon:hover{ background-color: #666;}
.footer .custom-html-content .input-group .input-group-addon:after{ display:none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;}
.footer.vtem-section h3 {font-size:150% !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:350%;}
.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 20px; margin: 0;}
.best-menu .oHorizontal > ul, .oVertical > ul{padding-top:0; text-align: center;}
.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-size: 120%; font-weight: normal;}
.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{color: #e9e9e9 !important; background-color: transparent;}

.best-menu .oHorizontal > ul > li > a:after{position: absolute; left:50%; bottom:0; display: block; width: 0; height: 6px; border-width:3px 0 1px; border-style: solid; content: '';}
.best-menu .oHorizontal > ul > li > a:hover:after, .best-menu .oHorizontal > ul > li > a:focus:after,
.best-menu .oHorizontal > ul > li.menu-hover > a:after, .best-menu .oHorizontal > ul > li.active > a:after{width: 100%; left: 0;}
.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: 3px solid; color:#fff; text-decoration: none; -webkit-border-radius:50%; border-radius:50%;}


.best-featured .headline{font-size:150%; }
.team-tab .nav-tabs, .team-tab .nav-tabs a{border: none !important; background:none !important; display: inline-block; float: none;}
.team-tab .nav-tabs > li{width: 25%; margin: 5px 0;}
.team-tab .nav-tabs > li > a{padding: 5px; opacity: 1; display: block;}
.team-tab .nav-tabs > li > a > img{max-width: 100%; height: auto;}
.team-tab .nav-tabs > li.active > a > img{opacity: .5; border: 3px double #333 !important; -webkit-border-radius:4px; border-radius:4px;}
.footer-social{display: block;}
.footer-social a{display: inline-block; width: 50px; height:50px; line-height: 50px; text-align: center; background-color: #444; color:#999; margin-right:10px; -webkit-border-radius:50%; border-radius:50%;}
.footer .vtem-block-inside > h3{text-transform: uppercase; color: inherit;}
.best-contact .btn-primary{background-color: #333 !important;}
.best-testimonial .img-circle, .best-testimonial .owl-page.active{background: rgba(73,155,234,1); background: linear-gradient(to right, rgba(73,155,234,1) 0%, rgba(32,227,100,1) 100%); padding: 3px; position: relative;}
.best-testimonial .owl-page.active:before{position: absolute; left: 1px; right:1px; top:1px; bottom:1px; display: block; border: 2px solid #fff; content:''; -webkit-border-radius:50%; border-radius:50%;}
.title-vertical .section-title{position: relative; height: 5px;}
.title-vertical .section-title > h1{text-transform: uppercase; color:#ddd; font-weight:300; border-bottom:3px double; -webkit-transform: rotate(-90deg) translate(-100%, -150%); -webkit-transform-origin: 0; transform: rotate(-90deg) translate(-100%, -150%); transform-origin: 0;}
body{counter-reset: section;}
.title-vertical .section-title > h1::before {counter-increment: section; content: "0"counter(section) ". "; font-size:22px; font-weight:bold; color: #999;}
.high-title > div > h3 > small{color: #333;}