/*html, body{background:#fff; font-family:'Open Sans',sans-serif; line-height:1.8; font-size:14px;}*/
html, body{
    background:#fff; 
    font-family:'Segoe UI';
    line-height:1.8; font-size:14px;}
a:focus{outline:none; outline-offset:0;}
h1{margin-top: 15px;margin-bottom: 30px;}
h1, h2, h3, h4, h5{
    font-family:'montserrat';
}

@media (max-width:767px) {
   .mail-head, .callback-head{
       display:none;
   }
}

@media (max-width:767px) {
    .bread{
        display:none;
    }
}

@media (max-width:767px) {
   .cont-head{
       margin:0px !important;
       line-height:0.5;
   }
}
@media (max-width:767px) {
   .cont-head p{
    margin:0px !important;
    line-height:1;
   }
}

@media (max-width:767px) {
   .navbar{
       background: #fff0 !important;
       min-height:0px !important;
       height: 0px !important;
       top: -10px;
   }
}

.logo{float:left;width: 100%;}
.logo img{max-width:200px; margin:10px 0; display:block; }
.dropdown-menu{border-radius:0px; border:0; background-color: 000;}
.dropdown-menu > li > a{padding-top:5px; padding-bottom:5px;}

.navbar.nav{margin-left:0;}
.navbar.nav ul{padding-left:0;}
.navbar-nav{margin:0;}
.navbar-toggle{background: #fff;
    border: 2px solid #eee;
    border-radius: 0;
    position: relative;
    z-index: 99;
    top: -93px;
    padding: 22px 10px;
    margin-right: 0px !important; 
}
.navbar .navbar-toggle .icon-bar{background-color:#333;display: block;width: 50px;height: 4px;border-radius: 1px;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {border-color: #fff0;}
.nav li a{text-transform:uppercase; color:#333 !important; font-weight:500; font-size:110%;}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover{color: #555;background-color: #e7e7e7;border-bottom: 5px solid #e7e7e7;}
.nav li li a{text-transform:none; font-weight:normal; font-size:100%;}
.navbar {border:none; height:55px; background:#fff; margin-bottom:0;}
#navbar{padding:0;height: 53px!important;}
ul.nav>li>a:hover{border-bottom: 5px solid #fcdd06;background-color: #eee !important;}
.nav>li>a:focus {background-color: #eee !important;border-bottom: #eee solid 5px;}
.affix{top:0px; width:1170px; z-index:1000; background-color:#eee;}
.affix + .affspacer{display:block; height:50px;}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {
    color: #000;
    text-decoration: none;
    background-color: #fcdd06;
    outline: 0;
}
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
    background-color: #eee;
    border-color: #fcdd06;
        border-bottom: #eee solid 5px;}

.box-shadow{-webkit-box-shadow:0 6px 12px rgba(0,0,0,.175); box-shadow:0 6px 12px rgba(0,0,0,.175);}
.request_course{
    max-width: 1170px;
    padding: 25px 50px;
    border: 1px solid #b1b1b1;
    overflow: hidden;
    }
    .request_course p{
    font-size:20px;
    }
    .placeholder{
    padding: 15px 0;
    border: 0px;
    }
    #contact_name{
    border: 0px;
    border-bottom: 1px solid #C2C2C2;
    width: 100%;
    font-family: Segoe UI;
    font-size: 16px;
    font-weight: 100;
    }
    #contact_tel{
    border: 0px;
    border-bottom: 1px solid #C2C2C2;
    width: 100%;
    font-family: Segoe UI;
    font-size: 16px;
    font-weight: 100;
    }
    #contact_message{
   border: 0px;
    border-bottom: 1px solid #C2C2C2;
    width: 100%;
    font-family: Segoe UI;
    font-size: 16px;
    font-weight: 100;
    }
    input:focus {outline:none;}
         
    .submit{width: 100%;
    padding: 30px 0;
    float: left;
    margin: auto;
    border:0px;
    }
    #button{
    font-family: Segoe UI;
    font-size: 18px;
    font-weight: 100;
    width: inherit;
    height: 50px;
    background-color: #fff;
    border: 1px solid;
    }    


.container {max-width:1170px; margin:0 12px;}
.top .col-sm-12{padding-left:0; padding-right:0;}

.bricks {
	width:200px;
	height: 200px;
	margin: 10px;
	float: left;
	text-align: center;
}
.tel{

    width: 50%;
    float: left;
    text-align: right;
    margin: 25px 0;
    font-size: 1.6em;
    padding-right: 15px;
}


.mail{

    width: 50%;
    float: left;
    text-align: right;
    margin: 25px 0;
    font-size: 1.6em;
    padding-right: 15px;
}
.logo-head{
	width: 50%;
	float:left;
	padding-left: 10px;
}
.cont-head{margin: 30px 0 0 0;text-align: right;line-height: 1.3;float:left;}
.phone-head a{color:#000;text-decoration:none;}
.phone-head{font-weight: 700; font-size: 22px;}
.mail-head{font-weight: 500; font-size: 14px;}
.mail-head a{color:#000;text-decoration:none;}
.callback-head{font-weight: 500; font-size: 12px; margin:0; color:#000000}
.callback-head a{color:#ffbf05;}

    .tiles a{
    color: #000;
    text-decoration: none;
    font-weight: 600;
    }
    .btn{
    width: 100%;
    -ms-touch-action: manipulation;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #eee;
    border-radius: 0px;
    min-height:38px;
    }
    .btn.focus, .btn:focus, .btn:hover {
    color: #333;
    text-decoration: none;
    background-color: #eee;
    border-bottom: 5px solid #ffbe2e;
    }
    .btn.active, .btn:active {
    background-image: none;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    }


.facts{padding: 35px 0px; max-width:200px; display: flex;flex-direction: column;align-items: baseline;}
.f-numb{font-variant: oldstyle-nums;font-size: 2em;margin: 0px;color: #c4c4c4}
.f-text{font-size: 12px;color: #4a4a4a;font-variant-caps: all-petite-caps;}
.gal-item {float: left;padding: 3px;border: 0.5px solid #eee !important; margin: 4px;opacity: 0.8;}

#ajaxSearch_input,
#username,
#password{width:100%!important;}
	#forgotpsswd{clear:both;}
	input.button[type="submit"]{display:block;}
	label.checkbox{display:inline-block; margin-left:10px;}
	label, legend{font-weight:400;}
	#ajaxSearch_form { position:relative; }
	#searchClose { display:none !important; }
    #indicator { position:absolute; top:9px; right:12px; z-index:10; opacity:.75; }

	h2{font-size:22px;}
	.bread{padding:1em 0 0 0;}
	.mem{color:#aaa; text-align:center; padding:1em 0 2em;}

	section.main .container{background-color:#fff; padding-bottom:20px;}
	footer.footer .container{background-color:#000; color:#fff; line-height:40px;}

	section.main ul{list-style:none; margin:0 0 1em 0; padding:0;}
	section.main ul li{padding-left:0;}
	/* section.main ul li:before{content:'\2022'; position:absolute; line-height:1.85em; margin-left:-1em;}

	.footer{text-align:center;}
	.footer .text-right{text-align:center;}

	/* JOT */
	.jot-comment{padding:5px 10px;}
	.jot-row-author{background-color:#dddddd;}
	.jot-row-alt{background-color:#f9f9f9;}
	.jot-row{background-color:#eeeeee;}
	.jot-row-up{border:1px solid #333!important;}
	.jot-row-up.panel-primary > .panel-heading{background-color:#333!important; border-color:#333!important;}
	.jot-extra{font-size:75%;}
	.jot-poster{font-size:inherit!important;}

	.ditto_summaryPost img{max-width:100%; height:auto; margin:10px 0 5px; display:block;}
	.ditto_summaryPost{padding-top:10px; padding-bottom:15px; border-bottom:1px solid #eee;}

	/* Larger than mobile */
	@media (min-width:320px) {
    
	}

	/* Larger than phablet */
	@media (min-width:480px) {
	}

	/* Larger than tablet */
	@media (min-width:768px) {
		.container{margin:0 auto;}
		.logo{padding-left:15px;}
		.logo img{ max-width:300px; margin:31px 0; display:block;}
		.navbar{background:transparent;}
		.navbar.affix{background:#eee;}
		.navbar-collapse.collapse.in{border-bottom:0;}
		.footer{text-align:left;}
		.footer .text-right{text-align:right;}
		.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {padding-left:35px; padding-right:35px;}
		
	}
	
.bx-wrapper {
    moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    background: none;
}	
#gal-gaff-slideshow > span > a > img{
    width:100%;
}


	/* Larger than mobile */
	@media (min-width:320px) {

	}

	/* Larger than phablet */
	@media (min-width:480px) {

	}

@media (max-width: 767px) {
  div.galleriffic {
    display:none;
  }
  .mob{
    display:none;
}
  .navbar-nav {
    margin: 0px -1em !important;
background-color: #fff; padding: 0px 15px; box-shadow: 0px 10px 10px rgb(0 0 0 / 25%);}  
.navbar-toggler:focus {
    text-decoration: none;
    outline: 0;
    box-shadow: 0px 0px 3px 0rem;}
.navbar-toggler {
    width:100%;
    background-color: #fff;
}
  .navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: #fff0;
    position: relative;
    top: -74px;
    border: 1px solid #f2f2f2;
    width: 104.7%;
    margin-left: -13px;
  }
  ul.nav>li>a:hover {
    border-bottom: none;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
    div.galleriffic div.slideshow-container {
    position: relative;
    clear: both;
    min-height: 255px;
    height: 280px !important;
  }
}
@media (min-width: 991px) and (max-width: 1199px) {
  div.galleriffic div.slideshow-container {
    position: relative;
    clear: both;
    min-height: 255px;
    height: 360px !important;
  }
}
@media (min-width: 1200px) {
div.galleriffic div.slideshow-container {
    position: relative;
    clear: both;
    min-height: 255px;
    height: 440px;
}
}




.nospam{
    display:none;
}
.nav>li{
    z-index:1;
    background-color: #ffff;
}

/*footer*/

footer2 {
    font-family: Segoe UI; 
    font-variant-caps: all-petite-caps; 
    font-size: 1.2em; 
    line-height: 2.3em; 
    border: 0.5px solid #f2f2f2; 
    padding-top: 40px;
    display:flex;
}


   
footer {
    font-family: Segoe UI; 
    font-size: 1em; 
    line-height: 1.3em; 
    border: 0.5px solid #f2f2f2; 
    padding: 30px 0 40px 0;
    display:flex;
    margin-bottom: 10px;
    width:100%;
}

footer > div > ul{list-style:none;}

@media (max-width:425px) {
   footer{
       flex-direction:column;
   }
}

/*header*/

header {
    border: 0.5px solid #f2f2f2;
    margin: 20px 0;
}

.container{
    /*min-height: calc(100vh - 140px);*/
    display: flex;
    flex-direction: column;
    
}

/*VC*/
.vc{
    margin-bottom:20px;
}

.vc>p{
    line-height:1.5;
}


.tiles_title{
    height: 40px;
}

.rhs{
    font-size: 50%;
    line-height: 1;
}


.courses-list{
    display: flex;
        flex-wrap: wrap;
}

.group-courses{
                 border-radius: 15px;
    box-shadow: 0px 5px 10px #dadada8a;
    padding: 3em 2em;
    min-width: 420px;
    margin: 0 1.5em 1.5em 0;
              }
              
.heading__icon {
    display:flex;
    flex-direction:row;
}
              
.group-courses__heading{
    padding: 0 0 4em 0px;
}              

.group-courses__heading__h{
        font-weight: 700;
    font-size: 26px;
}

.group-courses__heading__lable{
    font-family: 'Montserrat';
    margin: 0;
}


    #navbarNavDropdown > ul{ 
        margin: 10px;
        font-family: 'Montserrat';
        font-weight: 500;
    }
    
    #navbarNavDropdown > ul > li{
        
    }
    
    #navbarNavDropdown > ul > li > a{
        border-bottom: 3px solid transparent;
    }
    
    .dropdown-menu{
        background-color: #fff;
    }

    #navbarNavDropdown > ul > li > a:hover{
        border-bottom: 3px solid #fcdd06;
        background-color: #eee !important;
    }

    #navbarNavDropdown > ul{
        margin: 10px;
    }    
    
    #navbarNavDropdown > ul > a{
        padding: 1rem 1rem;
    }
    .nav-link{
        padding: 1rem 1rem;
    }
    
    .container {
        padding:0;
    }
    
    .svgbg{
       
    background-position-x: 90px;
    background-position-y: 140px;
    background-repeat: no-repeat;
    }
    
    .ico_dopog{
         background-image: url(assets/images/icons/dopog.svg);
    }
    
    .ico_man{
         background-image: url(assets/images/icons/man.svg);
    }
    
        .ico_pharma{
         background-image: url(assets/images/icons/pharmacy.svg);
    }
    
        .ico_ship{
         background-image: url(assets/images/icons/ship.svg);
    }
    .ico_tractor{
         background-image: url(assets/images/icons/tractor-01.svg);
    }
    
    .lable_tile{
        margin:0;
    }
    .main__group-courses{
            padding: 3em 2em;
    }
    body > section > div > section > div > div > div > div > div > div > ul > li{
        padding-left:0 !important;
    }
    
    .group-courses__heading__h4{
        font-size:18px;
    }
    
    .main__group-courses__heading{
        padding: 0 0 0 15px;
    }
    
    .main__subtitle{
        font-size: 24px;
        font-weight: 500;
        font-family: 'Montserrat';
    }
    
    a {
        text-decoration:none;
        color:#396ab1;
    }

    .nav-link:hover{
        text-decoration:none;
    }
    
    a:hover {
            text-decoration:underline;
        }
    
    .h1_courses{
        margin: 20px 0 10px;
    }
    
    .breadcrumb {
        padding: 8px 15px;
        margin-bottom: 20px;
        background-color: #eee;
    }
    
    .breadcrumb li {
        margin-left:0.5em;
    }
    
    
    .main_block{
        display: flex;
    }
    
    .main_block__info{
        background-color: #ffeb3b;
        padding-top: 20px;
        padding-bottom: 40px;
    }
    
    .main_block__info__2col {
        display:flex;
    }
    
    .main_info__block__col {
        padding-left:0
    }
    
    .main_block__vcs {
        background-color: #1b1b1b;
        color: #d8d8d8;
        padding-bottom: 50px;
        max-height: 650px;
    }
    
    .main_block__vcs__head {
        margin: 40px 0 30px 0;
    }
    body > section > div > section > div > div > div.col-sm-12.main_block > div.col-sm-4.main_block__vcs > div > a {
        color:#e8e8e8;
    }
    
    
    .main__slider{
        padding: 1em 0 0 0;
    }
    
    
    @media (max-width:425px) {
        .container{
            margin:0;
        }
        body > section > div > div{
            --bs-gutter-x: 0rem !important;
        }
   .main__slider{
       display:none;
   }
   .main_block{
       flex-direction:column;
   }
   .main_block__info{
           padding: 3em 2em;
   }
   .main_block__vcs{
           padding: 3em 2em;
           display: none;
   }
   .main_block__info__2col{
       flex-direction:column;
   }
   .course__1st_view__head{
        font-size: 3rem !important;
        line-height: 3rem !important;
   }
   .course__1st_view__price{
        font-size: 1.2rem !important;
        padding: 0 35px;
   }
}

.course__1st_view{
    padding-left:0px;
    height: 500px;
}
.course__1st_view__head{
    margin: 20px 0 10px;
    font-size: 7rem;
    line-height: 6rem;
    font-weight: 800;
    color: #fff;
    padding: 40px 35px 0px;
}
.course__1st_view__price{
    font-family: 'Montserrat';
    font-size: 2rem;
    font-weight: 700;
    color: #fff;
}

.course__1st_view__button{
    
}

.course__1st_view__button__scrollto{
    margin: 20px 35px;
    padding: 10px 50px;
    background-color: transparent;
    font-size: 1rem;
    font-weight: 100;
    font-family: 'Montserrat';
    border: 0.5px solid #757575;
}

.course__1st_view__button__scrollto:focus{
    outline:none;
}

.course__1st_view__adv{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0px 10px;
    padding: 100px 35px 0px !important;
    margin: auto;
    align-self: center; 
}
.course__1st_view__adv__top{
    margin: auto;
}
.course__1st_view__adv__pic__img{
    width:inherit;
}

.course__1st_view__adv__bottom{
    font-size: 1rem;
    font-weight: 100;
    font-family: 'Montserrat';
    line-height: 1.2;
    color: #fff;
    margin: 15px 0;
    padding: 0;
    text-align: center;
}


.course__main_block{
    display:flex;
}
.course__main_block__info{
    
}
.course__main_block__info__head{
        margin-top: 40px;
    font-size: 2rem;
}
.course__main_block__info__fact{
    width: 30%;
padding: 0 20px 30px;
}

.course__main_block__info__price{
    background: #efefef;
    padding: 40px 30px 30px 50px;
}
.course__main_block__req{
    padding-top: 60px;
}

.course__main_block__req__list{
    padding:0;
    list-style: none;
    color: #396ab1;
    text-decoration: dotted underline;
}

.head3 {
    font-size: 1.65rem;
}