@import url('https://fonts.googleapis.com/css?family=Lato|Playfair+Display&display=swap&subset=latin-ext');
body, html {overflow-x:hidden; min-height:100%; font-family: 'Lato', sans-serif;}

main {padding-top:1rem;}
.text-2{font-family: 'Playfair Display', serif;}
a, .btn, .inner {
    -webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}

.contact h4, h4#menu1, h4#menu2, h4#menu3 {
    font-size: 30px;
    line-height: 45px;
}
h4#menu1 strong, h4#menu2 strong, h4#menu3 strong {font-weight:300;}
h4#menu1, h4#menu2, h4#menu3 {
    border-bottom: 1px solid #ddd;
    margin-bottom:30px;
    padding-bottom:25px;
}


.container-big {
    padding:0 7rem;
}
.btn {text-transform:uppercase;}
.btn, .form-control {
    border-radius:10px;
    height:50px;
    line-height: 50px;
    padding: 0 1rem;
}
.btn-sm, .form-control-sm {
    line-height:30px;
    height:30px;
    border-radius:8px;
}
.form-btn{
    border-radius:0px;
}
textarea.form-control {line-height:20px; min-height:100px;}
.btn-outline-secondary {
    color: #233690;
    background-color: transparent;
    background-image: none;
    border-color: #233690;
}
.btn-outline-secondary:hover {
    color: #fff;
    background-color: #233690;
    background-image: none;
    border-color: #233690;
}

#firms .btn-outline-secondary {
    color: #fff;
    background-color: transparent;
    background-image: none;
    border-color: #fff;
}
#firms .btn-outline-secondary:hover {
    color: #666;
    background-color: #fff;
    background-image: none;
    border-color: #fff;
}
.btn-warning {border-color:transparent;}
.btn-warning:hover {
    color: #fff;
    background-color: #A34C52;
    border-color: #A34C52;
}

.opacity-08 {opacity:.85;}
.opacity-07 {opacity:.75;}
.opacity-06 {opacity:.65;}
.opacity-05 {opacity:.55;}


.row.row-eq-height > [class*='col-']:after {
  content: "";
  display: block;
  padding-bottom: 100%;
}
.row.row-eq-height > .h-0:after {padding:0;}
.row.row-eq-height > .firm .inner {left:0; right:0; width:auto !important;}
.row.row-eq-height > [class*='col-'] .inner {position:absolute; width:100%;}
.row.row-eq-height > [class*='col-']:hover > .inner,
.firm:hover   .inner {opacity:1 !important;}

header .logo img {max-height:50px;  }
header .navbar-expand-md .navbar-nav .nav-link, header .navbar-expand-md .navbar-nav  a {font-size:16px; font-weight:400; padding-left:15px; padding-right:15px; color:#fff; display:inline-block;}
header .navbar-nav span {padding:8px 0;}
header .navbar-expand-md .navbar-nav + .navbar-nav:before {content:''; display:inline-block; border-left:1px solid rgba(250,250,250,.2); margin:5px 15px;}
header .navbar-expand-md .navbar-nav:last-child a {padding:0 5px;}
header .navbar-expand-md .navbar-nav:last-child a:hover {text-decoration:none;}
header .navbar-expand-md .navbar-nav:last-child a img{padding:0; opacity:.6;}
header .navbar-expand-md .navbar-nav:last-child a.active img{opacity:1; }

header .navbar-expand-md .navbar-nav .nav-link:hover, header .navbar-expand-md .navbar-nav a:hover, header .navbar-expand-md .navbar-nav .nav-item.active a{color:#213487; text-decoration:none;}
header .navbar-dark .navbar-toggler {
    color: rgba(255, 255, 255, 1);
    border-color: rgba(255, 255, 255, 0.5);
    margin-left:auto;
}

#start,
#start .intro  {padding:0 !important;}


#intro .bg-img {position:relative; width:100%; height:75vh !important; background-repeat:no-repeat !important; background-size:cover !important; background-position:center !important;}
#intro .bg-img:before {
	z-index:1;
	background:#213487;
	position:absolute;
top:0;
left:0;
right:0;
bottom:0;
width:100%;
 content:'';
 display:block;
 opacity:.65;
}
#intro .big .bg-img {position:relative; width:100%; height:550px !important; }
#intro .big .bg-img:after {
    z-index:0;
    content:'';
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0.65+0,0+100;Neutral+Density */
background: -moz-linear-gradient(45deg,  rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
display:block;
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
width:100%;

}
#intro .bg-img .row {z-index:2;}
#intro .flexslider.big .flex-control-nav{ text-align:right !important; padding:0 3rem;}
.flex-control-paging li a {color:rgba(0,0,0,0);}

#intro h1 {    font-size: 80px;
    line-height: 74px;}
#intro h2 {font-weight: 500; font-size: 30px; line-height: 29px;}
#intro p {font-size: 20px; line-height: 24px;}
#intro .intro-picture .title {padding:5rem; bottom:0; left:0; right:0; position:absolute; text-align:center; z-index:4;}
#intro .intro-picture .title h3 {font-family: 'Lato', sans-serif; color:#fff; text-transform:uppercase; font-size:50px;}
#intro .intro-picture .title h4 {font-family: 'Lato', sans-serif; color:#fff; font-size:18px; font-family: Oswald;}

#fixed-right {
    position:fixed;
    z-index:800;
    right:0;
    top:45vh;
    width:50px;
}
#fixed-right .btn {height:50px; width:50px; text-align:center; line-height:50px; font-size:26px; color:#fff; background-color:#213487; border-radius:0; font-weight:400; padding:0;}
#fixed-right .btn + .btn {background-color:#b57f25;}

.btn-success {background-color:#213487;}

.breadcrum-list, .breadcrum-list h2 {font-family: 'Lato', sans-serif; margin:0;}
.breadcrum-list a, .breadcrum-list a:hover {color:#233791; text-decoration:none;}
.search-form {padding:.5rem; border-radius:8px; border:solid 1px rgba(0,0,0,.2);}
.search-form .form-control, .search-form .btn {background:transparent; border:none;}
.search-form .btn {font-size:20px; opacity:.5; text-align:right;}
.search-form .btn:focus {outline:none !important; box-shadow:none;}

h3.text-2 {text-transform:uppercase; font-size:30px; line-height: 45px;}
h3.text-2.text-3 {text-transform:none;}
#why {}
#why h3 {font-size: 34px; line-height: 49px; padding-bottom:1.5rem;}
#why p, #why-more p, #VideoIntro p {
    font-size: 17px;
    line-height: 24px;
}
#why h4, #why-more h4, #VideoIntro h4 {font-size: 26px;
    line-height: 19px;
    padding-top: .5rem;
    padding-bottom: 1rem;}
#why p.lead {color:#233690 !important;}
#why-more p.lead, #VideoIntro p.lead {color:#ead675 !important;}


#why h4 + p.lead, #why-more h4 + p.lead {
    text-transform: uppercase;
    font-size: 20px;
    line-height: 32px;
    font-weight: 700;
    padding-top: 1rem;
}

#why h4 + p, #why-more h4 + p {
    font-size: 14px;
    line-height: 26px;
    font-weight: 400;
    padding-top: 1rem;
}
#VideoIntro {
  background:url(../img/VideoIntro.jpg) center   no-repeat !important;
  background-size:cover !important;
  position:relative !important;
}
#why-more {
    background:url(../img/why-more.jpg) center bottom  no-repeat;
    background-size:cover;
    padding-bottom:3rem;
    position:relative;
}
#why-more:before, #VideoIntro:before {
    content: '';
    background: #233690;
    display: block;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    z-index: 0;
    opacity: .65;
}

#why-more h3, #VideoIntro h3 {font-size: 36px; line-height: 49px;}

#firms .bg-color-8 {background: #233690;}
#firms .firm p  {min-height:51px;}
#firms .firm p + p {min-height:auto;}


.bg-picture img {width:100%;}
.bg-picture {overflow:hidden;}
.bg-picture:before {
    z-index:1;
    content:'';
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#666666+1,666666+100&0.05+0,0.65+38,1+69 */
background: -moz-linear-gradient(top,  rgba(102,102,102,0.05) 0%, rgba(102,102,102,0.07) 1%, rgba(102,102,102,0.65) 38%, rgba(102,102,102,1) 69%, rgba(102,102,102,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(102,102,102,0.05) 0%,rgba(102,102,102,0.07) 1%,rgba(102,102,102,0.65) 38%,rgba(102,102,102,1) 69%,rgba(102,102,102,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(102,102,102,0.05) 0%,rgba(102,102,102,0.07) 1%,rgba(102,102,102,0.65) 38%,rgba(102,102,102,1) 69%,rgba(102,102,102,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0d666666', endColorstr='#666666',GradientType=0 ); /* IE6-9 */

position:absolute;
top:0;
left:0;
right:0;
bottom:0;
width:100%;
}
.firm h2 {line-height:60px; font-size:35px; font-weight:700; padding-top:1rem;}
.bg-picture + .inner {z-index:3;}
.bg-picture + .inner + .inner {z-index:4;}
.position-absolute.mx-auto {left:50%; margin-left:-21px !important;}
.line-bottom {
   width: 50px;
    height: 150px;
    position: absolute;
    left: 50%;
    margin-left: -21px;
    bottom: -100px;
    display:none !important;
    opacity:0 !important;
}



.products-list {}
.products-list .product a img {border:solid 1px rgba(0,0,0,.2);}
.products-list .product a:hover img {border:solid 1px rgba(0,0,0,0);}
.products-list .product h4 {font-family: 'Lato', sans-serif; font-size:16px; color:#000;}
.products-list .product p {color:#ccc; font-size:12px;}
.products-list .product p .text-warning {color:#b57f25 !important;}

#form{
    position:relative;
    background:url(../img/why-more.jpg) center bottom no-repeat;
    background-size:cover;
    padding-bottom:3rem;
}
#form:before {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+28,000000+84&0+1,0+1,1+73 */
background: -moz-linear-gradient(45deg,  rgba(0,0,0,0) 1%, rgba(0,0,0,0.38) 28%, rgba(0,0,0,1) 73%, rgba(0,0,0,1) 84%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg,  rgba(0,0,0,0) 1%,rgba(0,0,0,0.38) 28%,rgba(0,0,0,1) 73%,rgba(0,0,0,1) 84%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg,  rgba(0,0,0,0) 1%,rgba(0,0,0,0.38) 28%,rgba(0,0,0,1) 73%,rgba(0,0,0,1) 84%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

    content:'';
    position:absolute;
    z-index:0;
    top:0;
    left:0;
    right:0;
    bottom:0;
    opacity:.9;
}
#form label {color:#fff; opacity:.5;}
#form .form-control {
    background:transparent;
    color:#fff;
    border-color:rgba(250,250,250,.66);
}
footer .logo {}
footer .logo img {height:30px;margin-right:3rem;}

#sub.contact {margin:0 3rem !important;}
#sub.contact form {margin:0 -15px;}
#sub.contact form div {margin-bottom:1rem; width:33.3333%; padding:0 15px; float:left;}
#sub.contact form div + div + div + div {width:100%; clear:both; float:none;}
#sub.contact form div + div + div + div + div {text-align:right;}

/*PRELOADING------------ */
#overlayer {
  width:100%;
  height:100vh;
  position:fixed;
  z-index:1228;
  background:#233690;
  top:0;
  left:0;
  right:0;
  bottom:0;

}
.loader {
  display: inline-block;
  width: 30px;
  height: 30px;
  position: fixed;
  z-index:1229;
  border: 4px solid #Fff;
  top: 50%;
  left:50%;
  margin-left:-15px;
  animation: loader 2s infinite ease;
}

.loader-inner {
  vertical-align: top;
  display: inline-block;
  width: 100%;
  background-color: #fff;
  animation: loader-inner 2s infinite ease-in;
}

@keyframes loader {
  0% {
    transform: rotate(0deg);
  }

  25% {
    transform: rotate(180deg);
  }

  50% {
    transform: rotate(180deg);
  }

  75% {
    transform: rotate(360deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

@keyframes loader-inner {
  0% {
    height: 0%;
  }

  25% {
    height: 0%;
  }

  50% {
    height: 100%;
  }

  75% {
    height: 100%;
  }

  100% {
    height: 0%;
  }
}


#leftMenu {
    border-top:1px solid #ddd;
    padding-bottom:1rem;
    margin-top:1.5rem;
}
#leftMenu .nav-link {
    padding:1rem 0 !important;
    color:#b57f25;
    border-bottom:1px solid #ddd;
}

.progress {
    display: flex;
    height: 2rem;
    overflow: visible;
    font-size: 0.75rem;
    background-color: #eceeec;
    box-shadow: 1px 1px 0px #dedede, 2px 2px 0px #e0e0e0, 3px 3px 0px #e0e0e0, 4px 4px 0px #e0e0e0, 5px 5px 0px #e0e0e0, 6px 6px 0px #b7b7b7;
    margin-bottom:1rem;
}
.progress-bar {
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: #fff;
    text-align: right;
    white-space: nowrap;
    background-color: #2f3c48;
    transition: none;
    padding-right:10px;
}
 #bar1 .progress-bar,  #bar1 .progress-bar:before {background-color: #b57f25; position:relative; }
 #bar2 .progress-bar,  #bar2 .progress-bar:before {background-color:#233690; position:relative;}
 #bar3 .progress-bar,  #bar3 .progress-bar:before {background-color:#b3991c; position:relative;}
 .progersshome .progress-bar:before {
     display:block;

    position: absolute !important;
    height: 6px;
    /*width: calc(100% + 9px);
     content: '';
    */
    left: 3px;
    top: 19px;
    -moz-transform: skewX(45deg);
    -webkit-transform: skewX(45deg);
    -o-transform: skewX(45deg);
    -ms-transform: skewX(45deg);
    transform: skewX(45deg);
	opacity:.75;
 }
 .counter1, .counter2, .counter3 {font-size: 32px; display:inline-block;}
  .counter1 + small, .counter2 + small, .counter3  + small {display:inline-block; font-size:12px; padding-left:5px;}

  .progersshome .progress-bar-striped {
 background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.1) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0.1) 75%, transparent 75%, transparent);}

 .progersshome h3 {background-color: #CCCCCC; font-size:14px; font-family: 'Lato', sans-serif; height:2rem; line-height:2rem; padding:0 10px; position:relative; font-weight:900; margin-left:1rem;}
 .progersshome h3:before {
	 content:''; position:absolute;
	 left:-20px;
	 top:0;
	 display:block;
	 width: 0;
height: 0;
border-style: solid;
border-width: 16px 20px 16px 0;
border-color: transparent #ccc transparent transparent;

 }




/* safari fix */
.row {
            display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
            display: -ms-flexbox;  /* TWEENER - IE 10 */
            display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
            display: flex;         /* NEW, Spec - Firefox, Chrome, Opera */

}


@media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0){
    @media {
        /*
          Define here the CSS styles applied only to Safari browsers
          (any version and any device)

         */

         button .line-bottom {display:none !important;}
        .clearfix:before,
         .clearfix:after,
         .dl-horizontal dd:before,
         .dl-horizontal dd:after,
         .container:before,
         .container:after,
         .container-fluid:before,
         .container-fluid:after,
         .row:before,
         .row:after{
              display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
            display: -ms-flexbox;  /* TWEENER - IE 10 */
            display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
            display: flex;         /* NEW, Spec - Firefox, Chrome, Opera */
         }
         .row, .container {
             position: relative;
         }
         .row:before, .row:after {
            display: none !important;
         }

        .row { width: 100%; }
        .row [class*=col-]  {   }

        .firm div {min-height:450px;}
        .position-absolute.mx-auto {
                left: 50%;
                margin-left: -21px !important;
                position:absolute;
                bottom:0;
                width:42px;
            }
    }
}




@media (min-width: 1700px){
    .progress {height: 3rem;}
    .counter1, .counter2, .counter3 { font-size: 3rem;}
    .counter1 + small, .counter2 + small, .counter3 + small {font-size: 16px; }


    #why h4, #why-more h4   {
        font-size: 20px;
    line-height: 32px;
    padding-bottom: 20px;
    margin: 0;
    }
    #why h4 + p, #why-more h4 + p{
    padding-right: 3rem;
    font-size: 30px;
    line-height: 36px;
    }
    .logosy img {height:45px !important;}
    #sub.contact form {
        padding-left: 15%;
    }
    #sub.contact form .btn { width: 31.3333%; float:right;}

}

@media (max-width: 1610px){
    #intro h1 {font-size: 56px;
    line-height: 54px;}
    #intro h2 {font-size: 18px; line-height: 24px;}
    #why-more h3, #why h3 {font-size: 26px; line-height: 36px;}
    #why-more p.lead,  #why-more p,  #why p, #intro p {font-size: 14px; line-height: 16px;}
	#why h4 + p.lead, #why-more h4 + p.lead {
    font-size: 18px;
    line-height: 26px;

}
	.firm .mx-auto {margin-top:-2rem;}
	.btn {font-size:11px;}
	.firm h2 {line-height:40px; font-size:26px;  }
}

@media (max-width: 1400px){
    #intro .intro-picture .title h3 {font-size: 36px;}
    #intro h1 {font-size: 60px; line-height: 70px;}
    #intro h2 {font-size: 16px; line-height: 22px;}
    #why-more h3, #why h3, h3.text-2 {font-size: 24px; line-height: 34px;}
    .inner.p-5 {padding: 2rem !important;}

    #why h4, #why-more h4 {
        font-size: 16px;
        line-height: 19px;
        padding-top: 0;
        padding-bottom: 0;
    }
    #why h4 + p.lead, #why-more h4 + p.lead {
        font-size: 16px;
        line-height: 20px;
    }
    #why-more p.lead, #why-more p, #why p, #intro p {
        font-size: 12px;
        line-height: 15px;
    }
    #firms .firm p {
        min-height: 30px;
        padding:0 0 10px 0;
        margin:0;
        font-size:11px;
    }
    #firms .firm p br {display:none;}
    #firms .row.pt-4.pb-5 {padding-bottom:2rem !important;}
    .firm h2 {
        line-height: 30px;
        font-size: 23px;
    }
}



@media (max-width: 1200px){
    #intro h1 {font-size: 76px; line-height: 84px;}
    #intro h2 {font-size: 16px; line-height: 22px;}
    #why-more h3, #why h3 {font-size: 24px; line-height: 34px;}
    #why-more p.lead,  #why-more p,  #why p, #intro p {font-size: 16px; line-height: 22px;}
}

@media (min-width: 768px) and (max-width: 1100px) and (orientation: landscape) {
   header .navbar-expand-md .navbar-nav .nav-link, header .navbar-expand-md .navbar-nav a {font-size:11px; padding-left: 5px; padding-right: 5px;}
   header .navbar-expand-md .navbar-nav + .navbar-nav:before {margin:5px;}
   #intro h1 {font-size: 36px;     line-height: 44px;}
   #why-more p.lead,  #why-more p,  #why p, #intro p {font-size: 11px; line-height: 15px;}
    #firms .col-md-6, #form  .col-md-6 {
       -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;

   }
   #firms .col-md-6 .col-md-6, #form  .col-md-6 .col-md-6{
       -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;

   }
   #form .px-5 {margin-bottom:3rem;}
   #form .row.pt-5.pb-5.pr-5 { padding:0 3rem !important;}
   #form .col-lg-2.col-md-4.col-sm-6 {margin-left:auto !important;
   -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
   }
}
@media (min-width: 768px) and (max-width: 1100px) and (orientation: portrait) {
   header .navbar-expand-md .navbar-nav .nav-link, header .navbar-expand-md .navbar-nav a {font-size:11px; padding-left: 5px; padding-right: 5px;}
   header .navbar-expand-md .navbar-nav + .navbar-nav:before {margin:5px;}
   #intro .intro-picture {margin: 0 !important;}
   #intro p {font-size: 14px; line-height: 16px;}
   #intro .bg-img {height:50vh !important;}
   #intro .col-lg-6 .p-5.h-100 {height:auto !important;}
   #intro h2 {
    font-size: 24px;
    line-height: 22px;
}
   #intro .fixed-bottom{position:relative !important; padding:0 0 5rem 0 !important;}
   #firms, #form {padding:0 3rem !important;}
   #form .row.pt-5.pb-5.pr-5 {padding-right:0 !important;}
   #firms .inner.p-5.text-sm-right.text-light {text-align:center !important;}
   #firms .col-md-7.col-sm-10.ml-auto {margin:0 auto !important;}
   #firms .h-100 {height:auto !important; min-height:auto !important;}
   #firms .row.row-eq-height > .firm .h-100{height: 100% !important;}
   #firms .row.row-eq-height > .firm .h-100.p-5 {padding:2rem 4rem !important;}
   #firms .row.row-eq-height > .firm .col-8.mx-auto {
       -webkit-box-flex: 0;
        -ms-flex: 0 0 60%;
        flex: 0 0 60%;
        max-width: 60%;
   }
   #firms .row.row-eq-height > .firm .h-100 .row.pt-5.pb-5 {padding:2rem 0 !important;}
   #firms .row.row-eq-height > .firm  h2 {line-height: 30px;  font-size: 20px;}

   #firms .col-md-6, #form  .col-md-6 {
       -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;

   }
   #firms .col-md-6 .col-md-6, #form  .col-md-6 .col-md-6{
       -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;

   }
   #form .px-5 {margin-bottom:3rem;}
   .line-bottom { height: 100px;  bottom: -50px;}
   #form .col-lg-2.col-md-4.col-sm-6 {margin-left:auto !important;
   -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
   }
}

@media(min-width: 768px){
  .col-1-5{
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
  }
}

.col-1-5 {

}


@media (max-width: 767px){
    header .logo img {max-height: 50px;     padding: 7px 0;}
    header .navbar-toggler    {margin-left: 15px;}
    header .navbar-toggler + .navbar-collapse {padding-top:15px;}
    header .navbar-expand-md .navbar-nav .nav-link, header .navbar-expand-md .navbar-nav a, header .navbar-expand-md .navbar-nav:last-child a {padding: 0.5rem 1rem;}
    header .navbar-nav:last-child {padding-bottom:15px;}
    #intro h1 {    font-size: 46px;
    line-height: 54px;}
    .progersshome .col-8, .progersshome .col-4 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    #firms .inner.p-5.text-sm-right.text-light {padding-left: 0 !important; padding-right:0 !important;}
    .logosy img {padding:1rem !important; height:65px !important;}
    #sliderVideo {margin:0 -3rem;}
    #intro .intro-picture .title h3 {font-size: 30px;}
    .progress {  margin-bottom: .2rem; margin-top:1.3rem;}
    #intro h2 {font-size: 20px; line-height: 20px;}
    #intro .bg-img {height:50vh !important;}
    #intro .intro-picture{padding-bottom:0 !important; margin-bottom:0 !important;}
    #intro .col-lg-6.col-sm-12.col-12.pt-5 {padding-top:0 !important;}
    #intro .fixed-bottom.position-absolute.p-5 {padding-bottom:0 !important;}
    #why,  #why-more {padding:3rem 0 0 0 !important; margin:0 !important;}
    #why-more {padding-top:0 !important;}
    #why-more h3, #why h3 {font-size: 18px; line-height: 24px;}
    #why-more p.lead,  #why-more p,  #why p, #intro p {font-size: 14px; line-height: 19px;}
     .firm h2 {line-height:30px; font-size:20px;  }
	 .line-bottom, .position-absolute.mx-auto {display:none;}
    header .navbar-expand-md .navbar-nav + .navbar-nav:before { border:none; border-top:1px solid rgba(0,0,0,.1); margin:15px 0px;}
    footer .logo img {height:50px;margin-right:0rem;}
    footer .pl-5 {padding-left: 0 !important;}

}
@media (max-width: 767px) and (orientation: landscape) {
     #intro .fixed-bottom.position-absolute {position:relative !important; padding:2rem 0 !important;}

}
@media (max-width: 574px){
    main {padding-top:0; margin-top:-1rem;}
    .opacity-08, .opacity-07, .opacity-06, .opacity-05 {opacity:1;}
    .row.row-eq-height > [class*='col-']:after { display:none;}
    .row.row-eq-height > [class*='col-'] .inner + .inner {position:relative;}
    #intro {min-height:100vh !important; height:auto !important;}
    #intro .p-5.h-100 {height:auto !important; min-height:50vh !important;}
    #intro .fixed-bottom.position-absolute {position:relative !important; padding:2rem 0 !important;}
    #intro .col-sm-6.col-12.pt-5 {padding-top:0 !important;}
    #why-more { background:#666;}

    #why-more p.lead,  #why-more p,  #why p {font-size: 14px; line-height: 19px;}
    #firms .row.pt-4.pb-5 {
        padding-bottom: 3rem !important;
        padding-top:3rem !important;
    }
    #firms {padding:1.5rem !important;}
    #firms .firm p {
        min-height: 50px;
        font-size: 14px; line-height: 18px;
    }
    .firm h2 {
        line-height: 50px;
        font-size: 30px;
    }
    #firms .firm .inner.opacity-05 {opacity:.5;}
    #firms .row.pt-5.pb-5 {padding:1.2rem 0 !important;}
    #firms .row.row-eq-height > [class*='col-'].firm:after  {display:block}
    #firms .firm .inner + .inner {position:absolute; }

    #form {padding:3rem 1.5rem !important;}
    #form .row.pt-5.pb-5.pr-5 {padding-right:0 !important;}
    #form label {font-size:.7rem;}
}