html, body{
	width: 100%;
}
.navbar-brand {
    width: 180px;
    height: auto;
}
header {
	position: absolute;
	top: 0;
	z-index: 1;
	width: 100%;
}

header .navbar{
	width: 100%;
}

header .navbar a{
	color: #fff;
	font-family: Segoe;
	font-size: 16px;
	text-transform: uppercase;
}

.banner{
	/*background: url('/images/garant-home-cover.jpg');*/
    height: 600px;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.home-banner{
    height: 750px;
}
.banner-layer{
	position: absolute;
	height: 100%;
	width: 100%;
    background: linear-gradient(90deg, rgba(11,34,64,1) 0%, rgba(27,117,188,0.7) 100%);
    opacity: 0.9;
}

.banner p, .banner h1 {
	color: white;
}

.banner-content{
    max-width: 590px;
    width: 100%;
/*     margin-left: 278px; */
    margin-top: 264px;
}

.banner .card{
	border-radius: 8px;
    border: none;
    box-shadow: 0 0px 4px 2px #8080802b;
}

.banner .simple-button-plugin{
   background-color: #fff!important;
}


.about-us-img{
	/* background: url('/images/garant-home-about-us.jpg'); */
	background-repeat: no-repeat;
    background-size: cover!important;
    max-width: 865px;
    max-height: 500px;
    height: 100%;
    width: 100%;
    position: absolute;
}

.about-us-blue{
	background-color: #1b75bc;
	height: 100%;
	width: 100%;
	max-height: 500px;
	max-width: 962px;
	border-radius: 0 8px 8px 0;
	position: absolute;
	top: 95px;
}

.company .simple-button-plugin, section.course .simple-button-plugin{
	background-color: #1b75bc!important;
    color: #ffffff!important;
}


.service-block{	
	border-radius: 8px;
	border: 1px solid #dcecf9!important;
    padding-left: 20px;
    padding-right: 18px;
    padding-top: 40px;
    height: 300px;
    position: relative;
    overflow: hidden;
    text-align: center;

}
.service-block p{
	text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    transition: all 1s ease 0s;
}
.service-block h3{
	color: #1b75bc;

}
.service-block img{
    max-height: 84px;
    margin-bottom: 20px;
}
.service-content{
    position: absolute;
    right: 18px;
    left: 20px;
    top: 40px;
    transition: all 1s ease 0s;

}
.service-block:hover .service-content{
    top: -84px;
    transition: all 1s ease 0s;
}
.service-block:hover .service-content p{
    display: block;
    transition: all 1s ease 0s;
}


section.course{
    /* background: url('/images/garant-home-lesson.jpg'); */
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right;
}
section.course p{
	max-width: 480px;

}


/*.partners-logo{*/
/*	max-height: 65px;*/
/*	max-width: 210px;*/
/*    width: 100%;*/
/*}*/
.partners-logo{
    height: auto !important;
    max-height: inherit !important;
    width: 100% !important;
    max-width:200px !important;
}

.contact-us-cont, .course-comments{
	width: 100%;
	height: 100px;
}

.container.map-contact-us{
	position: absolute;
    top: -100px;
    left: 50%;
    transform: translateX(-50%);
	box-shadow: 0 0px 4px 2px #8080802b;
    border-radius: 8px;
    border: 1px solid #dcecf9;
    background-color: #fff;
}

footer{
	background-color: #0b2240;
}

footer input::placeholder, footer textarea::placeholder{
	color: #a5b9d2!important;
	font-family: Segoe_semibold;
	font-size: 15px;
}
footer textarea::placeholder, .course-comments::placeholder {
	padding-top: 20px;
	padding-left: 13px;
}
.copyright{
	border-top: 1px solid #35475f;
	height: 80px;	
}
.copyright p{
	font-family: Segoe;
	font-size: 13px;
	text-align: center;
	color: #889ab3;
	line-height: 80px;
	margin: 0;
}
.footer-logo{
	height: 96px;
    text-align: center;
    margin: auto;
    display: block;
    margin-bottom: 30px;
}
.footer-nav a{
	font-family: Segoe;
	font-size: 15px;
	color: #889ab3;
	text-transform: uppercase;
}
.footer-nav a:hover{
	color: #fff;
}
.footer-nav img{
	height: 22px;
}
.google-map{
	height: 100%;
	border-radius: 0 0 0 8px;
    overflow: hidden;
}
.google-map iframe{
	height: 100%;
	border-radius: 0 0 0 8px;
}
#calculator .custom-select {
	padding-top: 24px;
	padding-left: 20px;
	color: #0b2240;
	font-family: Segoe;
    font-size: 15px;
}
span.input-title{
	position: absolute;
    left: 36px;
    top: 10px;
    color: #a5b9d2;
    font-family: Segoe_semibold;
    font-size: 15px;
}
#calculator input{
	padding-top: 28px;
	padding-left: 22px;
}

.social-nav-link{
	padding: .5rem 11px;
}
/* #calculator ::placeholder{
	padding-left: 7px;
} */

.about-details h1 {
	color: #fff;
}
.about-details .line {
    background-color: #fff;
    height: 3px;
    width: 60px;
    border-radius: 2px;
    border: 1px solid white;
}
.about-details .title{
	color: #a5b9d2;
}

.principles ul li {
  color: #454e5a; 
  /* set color of list item text */

  list-style: none; 
  margin-bottom: 22px;
}

 .principles ul li::before {
  color: #1b75bc;  
  /* color of bullet or square */

  content: "\2022"; 
  /* Unicode of character to precede the list item */

  font-size: 1em; 
  /* em or %*/
 
  /* padding-right: 10px;  */
  /* use em*/

  position: relative;
  top: 0em; 
  /* use em or % */
 margin-right: -6px;
 right: 15px;
}

.linkedin-icon{
    background-color: #0274b3;
    height: 40px;
    width: 40px;
    padding: 10px;
    border-radius: 5px;
}
.staff-image img{
	object-fit: cover;
    width: 100%;
    max-height: 320px;
}
.staff-titlte{
	font-size: 18px;
	font-family: Segoe_semibold;
	color: #454e5a;
}
.staff-pos {
	color: #1b75bc;
	font-family: Segoe;
	font-size: 15px;
}
.down-icon {
    background: url(/xicons/down_white.svg) no-repeat;
    height: 15px;
    width: 30px;
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    bottom: 50px;

}

.pin{
    background: url(/xicons/pin.svg) no-repeat;
    height: 25px;
    width: 34px;
}
.cont-email{
    background: url(/xicons/email.svg) no-repeat;
    height: 25px;
    width: 34px;
}
.cont-phone{
    background: url(/xicons/phone.svg) no-repeat;
    height: 25px;
    width: 34px;
}
.course-adv p {
    max-width: 550px;
}
.languages {
    border: 1px solid #72a4ca;
    border-radius: 7px;
}
.languages a{
    font-size: 15px!important;
    text-transform: capitalize!important;
}
 .nav-link{
    padding-top: 5px!important;
    padding-bottom: 5px!important;
}
.lang-slider{
    right: 86px;
    content: '';
    border: 1px solid white;
    border-radius: 7px;
    position: absolute;
    height: 35px;
    transition: 0.3s;
    width: 45px;
    bottom: -2px;
}
.file-content {
    display:inline-block;
    max-width: 300px;
}
.file-content p:first-child{
    margin-bottom: 0;
}
.file-content p:last-child{
    color:#1b75bc;
    font-family: Segoe_semibold;
}
.file_download:hover{
    text-decoration: none;
}
.file_filter{
    border: 1px solid #dcecf9;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}
.file_filter .row div:not(:last-child) {
    border-right: 1px solid #dcecf9;
}
.file_filter .row select{
    border: none;
}
.file_filter .row select {
    border-left: none!important;
}
.file_filter .row div.active{
    background-color: #1b75bc;
    color: #fff;
}
.file_filter .row div.active:first-child{
    -webkit-border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px;
}
.file-icon {
    max-width: 63px;
    float: left;
}
.select2-container {
    width: 100%;
}
.nice-select {
    width: 100%!important;
    height: 100%!important;
    border: none!important;
}
.nice-select:focus {
    box-shadow: none!important;
    outline: none!important;
}
.nice-select .list{
    width: 100%!important;
    box-shadow: 0 0 0 1px #dcecf9!important;
}
.nice-select .current{
    display: table;
    margin-left: auto;
    margin-right: auto;
    padding-top: 10px;
}
.nice-select .list li{
    text-align: center!important;
}
.nice-select .list li.selected{
    color: #1b75bc!important;
}
.nice-select:after{
    display: none!important;
}
.nice-select .option:hover{
    color: #1b75bc;
}

.nice-select.form-control.custom-select.filter-year::before {
    content: '';
    width: 30px;
    display: block;
    height: 30px;
    position: absolute;
    right: 0;
    top: 19px;
    background: url(/xicons/down.svg) no-repeat right .75rem center/24px 12px;

}

.nice-select.form-control.custom-select.filter-year.open::before{
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    right: 18px;
}
.nice-select.form-control.custom-select.filter-year{
    background: none!important;
}
.result{
    color:#1b75bc;
    display: none;
}
.result-message{
    color: red;
    font-size: 13px;
    text-align: center;
    margin-bottom: 10px;
}
.nav-link.social-nav-link{
    display: inline-block;
}

#mySidepanel .nav-link.active{
    color:white!important;
}
#mySidepanel a{
    text-transform: capitalize;
}


/* TABLET */

@media screen and (min-width: 768px) and (max-width: 992px) {
    /*body {*/
    /*    background-color: blue;*/
    /*}*/
    .tablet-nav >li{
        display:none;
    }

    .sidepanel .languages {
        display: none!important;
    }
    .burger-ul {
        margin-left: 25px;
    }
    .lang-slider{
        right: 85px;
    }
    .about{
        padding-right: 30px;
        padding-left: 30px;
    }
    .about-details {
        padding-top: 80px;
        padding-bottom: 87px;
        padding-left: 30px;
    }
    .t-pb-60{
        padding-bottom: 60px;
    }
    .t-staff, .principles{
        padding-left: 30px;
        padding-right: 30px;
    }
    .principles {
        padding-bottom: 80px;
    }
    .principles .content h2{
        padding-left: 24px;
    }
    .principles .col {
        flex: 0 0 100%;
        max-width: 100%;                /*Col -> col-12*/
    }
    .t-partners, .contact {
        padding: 80px 30px 134px;
    }
    .course {
        /*padding-top: 74px;*/
        /*padding-bottom: 32px;*/
    }
    section.course{
        background-color: #f3f3fa!important;
        background-image: none!important;
    }
    .t-mt-0{
        margin-top: 0;
    }
    .t-pb-30{
        padding-bottom: 30px;
    }
    .t-mb-68 {
        margin-bottom: 68px;
    }
    .mobile-row, .desktop-row {
        display: none;
    }
    .card{
        max-width: none;
        margin-top: 0;

    }
    .t-px-0{
        padding-left: 0!important;
        padding-right: 0!important;
    }
    .t-pl-0{
        padding-left: 0;
    }
    .t-pt-620{
        padding-top: 620px;
    }
    .t-mt-170{
        margin-top: 170px!important;
    }
    .about-us-blue{
        border-radius: 0 8px 8px 8px;
    }
    .t-mxw-none{
        max-width: none;
    }
    .t-pb-50{
        padding-bottom: 50px;
    }
    .t-pt-60{
        padding-top: 60px;
    }
    .t-mt-60{
        margin-top: 60px;
    }
    .t-mb-30{
        margin-bottom: 30px;
    }
    .footer-logo{
        margin-top: 285px;
    }
    .map-container{
        height: 400px;
    }
    .container.map-contact-us{
        top: -185px;
    }
    .swiper-container.index{
        padding-bottom: 40px;
    }


}







/* MOBILE */

@media screen and (max-width: 767px) {
  h1{
      font-size: 30px;
  }
  .m-hide{
  	display: none;
  }
  .banner{
  	/*background-size: 100vh!important;*/
  	height: auto!important;
    padding-bottom:85px;
  }
  .card{
  	max-width: 100%!important;
  	margin-top: 0!important;
  }
  .banner-content p:first-of-type{
  	display: none;
  }
  .m-p-0{
  	padding: 0!important;
  }
  .m-pt-0 {
  	padding-top: 0;
  }
  .m-pb-16{
      padding-bottom: 16px;
  }
  .m-pb-16{
    padding-bottom: 16px;
  }
  .m-pb-18{
      padding-bottom: 18px;
  }
  .m-px-0{
  	padding-right: 0!important;
  	padding-left: 0!important;
  }
  .m-radius-0{
  	border-radius: 0!important;
  }
  .m-mt-100{
  	margin-top: 100px;
  }
  .m-pt-38{
      padding-top: 38px;
  }
  .m-pt-54{
  	padding-top: 54px;
  }
  .m-pt-60{
  	padding-top: 60px!important;
  }
  .m-pt-70{
      padding-top: 70px;
  }
  .m-mb-14{
  	margin-bottom: 14px;
  }
  .m-mb-30{
  	margin-bottom: 30px;
  }
  .m-mb-48{
      margin-bottom: 48px;
  }
  .m-pb-54{
  	padding-bottom: 54px;
  }
  .m-pb-30{
      padding-bottom: 30px;
  }
  .m-pb-36{
      padding-bottom: 36px;
  }
  .m-pb-45{
  	padding-bottom: 45px;
  }
  .m-pb-90{
    padding-bottom: 90px;
  }
  .m-mt-16{
      margin-top: 16px;
  }
  .m-mt-54{
  	margin-top: 54px;
  }
  .m-mt-188{
  	margin-top: 188px;
  }
  .m-mt-132 {
    margin-top: 132px;
  }
  section.course{
  	background-color: #f3f3fa!important;
  	background-image: none!important;
  }
  .swiper-slide{
  	text-align: center!important;
  }
  .google-map {
  	height: 400px;
  	border-radius: 0;
  }
  footer hr.bg-light-blue{
  	margin-bottom: 20px;
  }
  .container.map-contact-us{
	position: static;
    left: 0;
    transform: translate(0);
  }
  .company{
  	padding-top: 60px!important
  }
  .container.map-contact-us {
  	border-radius: 0;
  	margin-bottom: 60px;
  }
  .footer-nav {
  	display: block;
  	text-align: center;
  }
  .about, .principles{
      padding-right: 15px;
      padding-left: 15px;
  }
  .about-details {
      padding-top: 70px;
      padding-bottom: 68px;
  }
  .about .btgrid .col  {
      flex: 0 0 100%!important;
      flex-grow: 0 !important;
      flex-shrink: 0 !important;
      flex-basis: 100% !important;
      max-width: 100%!important;
      color: red!important;
  }
  .languages {
      margin-left: 38px;
      width: 131px;
      margin-top: 9px;

  }
  .lang-slider{
      background-color: rgb(73, 145, 201);
      z-index: -1;
  }
  .col {
      flex: 0 0 100%;
      max-width: 100%;                /*Col -> col-12*/
  }
    .principles .content h2{
        padding-left: 24px;
    }
    .contact {
        padding-top: 56px;
        padding-bottom: 56px;
    }
    p.address{
        max-width: 250px;
    }
    .burger-ul {
        margin-left: auto;
    }
    .course{
        padding-top: 58px;
        padding-bottom: 16px;
    }
    .container {
        max-width: 710px;
    }
    .home-banner .banner-content{
        margin-top: 175px;
    }
    .home-banner .banner-content h1{
        margin-bottom: 0!important;
        font-size: 30px;
    }
    .home-banner.banner{
        height: 407px!important;
    }
    .card{
        /*z-index: 1;*/
    }
    .company{
        padding-top:655px!important;
    }
    .about-us-blue {
        top:47px!important;
    }
    .tablet-row, .desktop-row {
        display: none;
    }
    .nice-select.form-control.custom-select.filter-year{
        border-top: 1px solid #dcecf9!important;
    }
    .swiper-container.team .swiper-slide {
        height: 300px!important;
    }
}