.f-grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .f-flow {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-flow: space-between;
              flex-flow: space-between;
  }

  .f-dir-col {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
  }


  .f-col {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  .w90 {-webkit-box-flex: 0.9;-ms-flex: 0.9;flex: 0.9;}
  .w60 {-webkit-box-flex: 0.6;-ms-flex: 0.6;flex: 0.6;}
  .w20 {-webkit-box-flex: 0.2;-ms-flex: 0.2;flex: 0.2;}
  .w10 {-webkit-box-flex: 0.1;-ms-flex: 0.1;flex: 0.1;}

.wb {word-break: break-all;}



/***************************************************
CORPORATE
***************************************************/
@media (min-width: 1200px){
    .container {
        max-width: 1200px;
    }
}



body {font-family: 'Open Sans', sans-serif;}
h1, h2, h3, h4, h5, h6  {font-family: 'Open Sans', sans-serif; font-weight: 600;}
body,p,a,span,del,ins,b,i,td,li,ol,button  {  font-size: 16px; font-weight: 400;  }

h2.leino-eri {
    font-size: 32px;
    margin-bottom: 20px;
}


.pointer {cursor: pointer;}

/*wrap iframe to this to make youtube video responsive*/
.video-container {
    position: relative;
    padding-bottom: 50%;
    padding-top: 30px; height: 0; overflow: hidden;
    }

    .video-container iframe,
    .video-container object,
    .video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


@media (max-width: 992px){
    .kill-at-small {display: none!important;}
}


body {color: #333333;}
.img-responsive {max-width: 100%; height: auto;}




p {margin-bottom: 10px;}


a {color: #006da3; text-decoration-color: #006da3; } /*#108fce*/

a:hover {color: #006da3; text-decoration-color: #006da3; text-decoration: underline; }

.btn , a { font-weight: 600;}



.wpcf7-submit {border-color: #0D79AF!important;}

.wpcf7-submit:hover,
.btn-primary:hover {
    color: #fff; 
    border-color: #0D79AF;
    background-color: #0D79AF; 
}



.responsive-img img {max-width: 100%; height: auto;}
.air-b { margin-bottom: 80px; }
.air-t { margin-top: 80px; }

label.pointer { cursor: pointer; margin-bottom: 0px;}

/*TITLES*/
h2 { font-size: 42px; font-weight: 700;   margin-bottom: 40px;}

.heading::before {
    display: inline-block;
    content: "";
    border-top: .3rem solid #108fce;
    width: 20px;
    transform: translateY(-2px);
    margin-right: 5px;
    vertical-align: middle;
}
h2.heading::before {
    border-top: 5px solid #108fce;
    width: 40px;
    margin-right: 20px;
}

.service-heading {
    margin-bottom: 20px;
    margin-right: 20px;
    font-size: 32px;
    font-weight: bold;
    color: #204164;
}
.service-heading::before {
    width: 40px;
    margin-right: 20px;
}

.title-blue {color: #204164;}   /*title big dark-blue*/

/*BUTTONS*/
.read-more{
    padding-right: 20px;

    background-image: url('assets/svg/arrow-icon.svg');
    background-repeat: no-repeat;
    background-position: right;
    background-size: 8px;

    background-position-x: 100%;
    background-position-y: 4px;
    outline: none;
    text-decoration: none;
}

.btn-arrow {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    box-shadow: 10px 10px 8px 0 rgba(0, 0, 0, 0.05);
    background-color: #108fce;
    color: white;

    padding: 12px 34px 12px 24px;

    background-image: url('assets/svg/arrow-icon-white.svg');

    background-repeat: no-repeat;
    background-position: right;
    background-size: 8px;

    background-position-x: 91%;
    background-position-y: 52%;
}
.btn-arrow:hover {
    background-color: #185a84;
    color: white;
}

#front-message .btn:active,
.btn-arrow:active {
    background-image: url('assets/svg/arrow-icon-white.svg');

} 


/*sidebar linnks blue and active
108fce
1491cf
PRICELIST - #f7f9fa
feature  666666
feature  active 1691cf
*/




/*** BG-s ***/
.bg-blue {background-color: #4e6e86}
.bg-gray{background-color: #eef2f4;}

.bg-teal-dark {background-color: #557589;}
.bg-teal-darkest {background-color: #4e6e86;}


/*** CLEAN UL ***/
ul.list-clean {padding-left: 0px; list-style: none;}
ul.list-clean  li a {text-decoration: none; color: #333333; }
ul.list-clean  li a:hover {text-decoration: underline;  color: #333333;}


/*DEFAULT KILL*/
input, select, textarea {
    -webkit-box-shadow: none!important;
    -moz-box-shadow:    none!important;
    box-shadow:         none!important;
}

input,
input:hover,
input:focus,
textarea,
textarea:hover,
textarea:focus,
textarea,
button,
button:hover,
button:focus {outline: none!important;}



::-webkit-input-placeholder {color: #c3c3c3; font-weight: 300; }
::-moz-placeholder          {color: #c3c3c3; font-weight: 300; }
:-ms-input-placeholder      {color: #c3c3c3; font-weight: 300; }
:-moz-placeholder           {color: #c3c3c3; font-weight: 300; }


.img-col img {max-width: 100%; height: auto;}

/*************
* PULUG-IN-STUFF
**************/

#plug-in-form {}
#plug-in-form  #payload {height: 1px; visibility: hidden;}

.plug-in-row label {
    margin-bottom: 4px;
}
.plug-in-row input,
.plug-in-row textarea {
    width: 100%;
    padding: 8px;
    border-radius: 2px;
    border: solid 1px #d0d8dc;
    background-color: rgba(248, 251, 252, 0.45);

    caret-color: #008ac4; 
}
.plug-in-row input:active,
.plug-in-row input:focus, 
.plug-in-row textarea:active,
.plug-in-row textarea:focus {border: solid 1px rgba(16, 143, 206, 0.7); }

.plug-in-row button { cursor: pointer; }




.plug-in-submit {

    margin-top: -20px;


    width: 100%;
    border-radius: 3px;
    box-shadow: 3px 3px 6px 0 rgba(0, 0, 0, 0.2);
    background-color: #008ac4;
    cursor: pointer;
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    color: #ffffff;
 
    border: none;
}

.plug-in-submit:hover, 
.plug-in-submit:active,  
.plug-in-submit:focus { background-color: #0D79AF!important; }


.wpcf7-form-control {  /*wpcf7-text*/
    padding: 8px;
    border-radius: 2px;

    border: solid 1px #d0d8dc;
    background-color: rgba(248, 251, 252, 0.45);
    caret-color: #008ac4;  
}

.wpcf7-form-control:focus,
#shortcode-form-wrap textarea:focus,
.wpcf7-form-control:active,
#shortcode-form-wrap textarea:active {
    border: solid 1px rgba(16, 143, 206, 0.7);
}

body.page-template-page-ask label,
body.page-template-page-ask wpcf7-form-control-wrap {display: block!important;}
body.page-template-page-ask .wpcf7-form-control {width: 100%;}


body.page-template-page-ask .wpcf7-submit,
body.page-template-page-ask .wpcf7-textarea { width: 100%!important; }

body.page-template-page-ask .wpcf7-textarea {padding-bottom: 19px}
body.page-template-page-ask .wpcf7-submit {margin-top: 15px;}


/*VUE FILLS CF7 form*/
#shortcode-form-wrap label,
#shortcode-form-wrap .wpcf7-form-control {width: 100%;}


#shortcode-form-wrap label {
    font-size: 16px;
    line-height: 1;
    color: #333333;
}


.wpcf7-submit{
    border-radius: 3px;
    box-shadow: 3px 3px 6px 0 rgba(0, 0, 0, 0.2);
    background-color: #008ac4;
    cursor: pointer;

    font-size: 18px;
    font-weight: 600;
    text-align: center;
    color: #ffffff;

}
.wpcf7-submit:hover {    cursor: pointer;  }

 /*background-image: url('assets/svg/nool-white.svg');*/
/*

.wpcf7-form input[type="submit"]  {
    padding-right: 50px;
    text-decoration: none;

    background-repeat: no-repeat;
    background-position: right;
    background-size: 10px;
    background-position-x: 87%;
    outline: none;
}

.wpcf7-form input[type="submit"] {
    background-position-x: 80%;
}

.wpcf7-form input[type="submit"]:hover {    cursor: pointer;}

*/

/***************************************************
SIDEBAR
***************************************************/

  /*
@media screen and (min-width: 768px) {
    #sidebar-wrap {position: fixed; z-index: +3333; }
}
 */

.service-menu-sidebar  {padding-left: 0px; list-style: none;}
.service-menu-sidebar  {
    list-style-image: url('assets/svg/arrow-icon.svg');
    padding-left: 28px;
}
.service-menu-sidebar  li a {
    text-decoration: none;
    color: #444444;
    font-size: 21px;
    line-height: 1.9;
    font-weight: 300;

}
.service-menu-sidebar  li a:hover {text-decoration: underline;  color: #006da3;}
.service-menu-sidebar  li.current_page_item  a { color:#006da3; font-weight: 600;}

.service-menu-sidebar  ul.children {list-style-image: url('assets/svg/arrow-icon-smaller.svg');}

.service-menu-sidebar  ul.children {padding-left: 10px;}
.service-menu-sidebar  ul.children a {
    font-size: 18px;
    line-height: 1.6;

}



.sidebar-footer {
    margin-top: 45px;
    background-color: #f9fbfb;
    padding: 25px;
    border: 3px solid #d8e1e6;
}

.sidebar-footer * {
    overflow-wrap: break-word;
}

#footer-social {margin-bottom: 20px;}
#footer-social a,
.company-social a {margin-right: 15px; text-decoration: none;}


.services-col h3 { margin-bottom: 15px;}

.services-col img {max-width: 100%; height: auto;      margin-bottom: 15px;}


@media screen and (max-width: 767px) {


    #footer-map-col {margin-top: 30px; }

}


/***************************************************
LISAVARUSTUSE LEHT
***************************************************/

.service-cat-sub-title {margin-top: 60px; margin-bottom: 15px; }



/***************************************************
TABS and TABLES
***************************************************/

.table-wrapper h3 {    padding-left: 11px;}

.table th {
    font-weight: 400;
    background-color: transparent;
    text-transform: uppercase;
}
.table-striped tbody tr:nth-of-type(odd) {
    background-color: transparent;
}
.table-striped tbody tr:nth-of-type(even) {
    background-color: #F7F9FA;
}

.table td, .table th {
    padding: .75rem;
    vertical-align: top;
    border-top: 1px solid #EFF3F5;
}

.table tbody > tr td { border-top: 1px solid transparent;  }
.table tbody  tr td:last-child {text-align: right;}

.table tbody  tr td.w-small {   /* width: 110px; */ word-break: keep-all; }

.table tbody  tr td.no-lr-pad { padding-left: 0px; padding-right: 0px; }

.nav-tabs {margin-bottom: 40px;}
.nav-tabs .nav-link  {
    border-radius: 0px;
    color: #66889D;
    font-size: 14px;
    font-weight: 600;
    padding: 20px 30px;
    text-transform: uppercase;
}

.nav-tabs .nav-link.active  {
    color: #006da3;
    border-top: solid 2px #006da3;
    font-size: 14px;
    font-weight: 600;
}

.nav-tabs .nav-link:hover {
    border-bottom-color: transparent;
}

@media (max-width: 642px){
    .nav-tabs .nav-link {  padding: 10px 20px; }
}


/***************************************************
SMALL HEADER
***************************************************/
.header-bg-small {

    margin-bottom: 70px;

    /*
    background-image: url('assets/images/mini-header.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-position: center top; 
    background-size: cover; */
    
    height: 260px;
}


/***************************************************
BIG HEADER
***************************************************/
/*
.header-bg {
    background-image: url('assets/images/intro-header.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-position: center top;

    background-size: cover;
    height: 860px;
}

*/


/***************************************************
HEADER   .small-header-afterspace {margin-bottom: 60px;}
***************************************************/




#quick-contacts { padding-top: 25px; padding-bottom: 40px;}
@media (min-width: 992px){
    #quick-contacts { padding-top: 25px; padding-bottom: 110px;}
}



.quick-spans *,
#quick-contacts a,
#quick-contacts a:hover  {color: white;}

#quick-contacts .quick-spans .ib:last-child{ padding-right: 0px; }


#quick-contacts a {text-decoration: none;}
#quick-contacts a:hover { text-decoration: underline;}
.quick-spans {padding-right: 0px; }
.quick-spans img {padding-right: 6px;}
.quick-option {padding-right: 20px;}
.quick-spans .ib  a {font-size: 16px; font-weight: 500; color: white;}
.quick-spans .ib {vertical-align: -webkit-baseline-middle; vertical-align: -moz-baseline-middle;}
.quick-spans {text-align: right; }

@media (max-width: 767px){
    .quick-spans {
        text-align: left;
        padding-left: 0px;
    }
    .quick-option {
        display: block;
    }
}

button.navbar-toggler {border-color: transparent; border: none;}


nav.navbar  {
    width: 100%;
    padding-top: 20px;
    padding-bottom: 22px;
    padding-right: 0px;

}


#header-wrap .navbar-light .navbar-nav .nav-link {
    border-top: 5px solid transparent;
    /*padding: 25px 20px 20px 20px;*/
    font-size: 17px;
    font-weight: 500;
    color: #444444;
    text-transform: uppercase;


}
#header-wrap .navbar-light .navbar-nav .nav-link.dropdown-toggle {
    padding-left: 0px; padding-right: 0px;
    outline: none!important;
    
}

#bs4navbar ul li.dropdown-menu a {
    padding-left: 25px;
    padding-right: 25px;
    color: #333333;
    font-weight: 500;
}



#bs4navbar ul li.dropdown .dropdown-item.active { background-color: white; }  /* #108fce; */
#bs4navbar ul li.dropdown .dropdown-item,
#bs4navbar ul li.dropdown .dropdown-item.active:hover {color:#333;  background-color: white;  }

#bs4navbar ul li.dropdown .dropdown-item.active,
#bs4navbar ul li.dropdown .dropdown-item.active:hover,
#bs4navbar ul li.dropdown .dropdown-item:hover  {
    color: #006da3;
    text-decoration-color: #006da3;
    text-decoration: underline;
}

.dropdown-menu.show  a {  line-height: 2.0; }

@media (max-width: 992px){
    .dropdown-menu.show {    margin-bottom: 5px;}
    .dropdown-menu.show  a {  line-height: 2.2; }
}

@media (min-width: 992px){



    #bs4navbar ul  .menu-item    {
        margin-left: 20px;
        margin-right: 20px;
    }

    #bs4navbar ul .menu-item a {
        text-decoration: none;
    }

    #bs4navbar ul .menu-item.active a,
    #bs4navbar ul .menu-item:hover a {
        text-decoration: none;
        color: #473323;
    }
  #bs4navbar ul li.dropdown,
  #bs4navbar ul li.dropdown:hover,
  #bs4navbar ul li.dropdown a {border-color: transparent!important;  } 


    
    



    #bs4navbar ul .menu-item a {
        border-bottom: 3px solid transparent;
    }
    #bs4navbar ul .menu-item.active a ,
    #bs4navbar ul > .menu-item > a:hover   {
        border-bottom: 3px solid #108fce;
    }

    .navbar-expand-lg .navbar-nav .dropdown-menu {
        margin-top: -3px;
        padding: 10px 20px;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
        border-top: 3px solid #008cd0;

    }



}
@media (max-width: 991px){

    #bs4navbar ul li.dropdown a { padding-left: 0px;  }

    .dropdown-menu { border-color: transparent;}



    .dropdown-menu.show {
        margin-top: -6px;
        padding-top: 0px;
        padding-bottom: 0px;
    }

    #bs4navbar ul  .menu-item    {
        margin-left: 0px;
        margin-right: 0px;
    }


}
#bs4navbar ul .menu-item.active,
#bs4navbar ul .menu-item.active a.active  {background: transparent; background-color: transparent;}





#header-wrap .dropdown-item {
    display: block;
    width: 100%;
    padding: 0px;
}




/***************************************************
PRE-FOOTER
***************************************************/


.facebook,
.youtube { opacity: 0.9;}

.facebook:hover,
.youtube:hover { opacity: 1;}

#pre-footer {
    margin: 0px;
    margin-top: 150px;
    padding-top: 50px;
    padding-bottom: 50px;

    background-color: #355371;
    background-image: url('assets/images/pre-footer-bg.png');
    background-size: cover;
    background-position: center center;
 
}

#pre-footer h2 {
    font-size: 32px;
    font-weight: 600;
    color: #ffffff;
    margin-bottom: 30px;
}


.pre-footer-text {
    padding-left: 30px;
    border-left: solid 4px #e1a53d;
    font-size: 34px;
    font-weight: 600;
    line-height: 1.47;
    letter-spacing: -0.7px;
    color: #ffffff;

}

#pre-footer .btn {margin-top: 40px; margin-left: 15px; margin-right: 15px;}

.pre-feature {
    transition-timing-function: ease-out;
    transition: transform .3s;
    -webkit-transition: transform .3s;
    -moz-transition: transform .3s;

    border-top: solid 3px transparent;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1);
    background-color: #ffffff;

    padding: 23px 0px 13px 30px;

    font-size: 26px;
    font-weight: 600;
    text-align: left;
    color: #666666;
    margin-bottom: 20px;

    min-height: 90px;
}
.pre-feature:hover {

    background-color: #E6EBEE;
}

@media screen and (max-width: 1300px) and  (min-width: 992px) {
    .pre-feature { font-size: 18px; padding: 43px 15px 33px 15px; }
}

.pre-feature .icon {padding-right: 15px;}

.pre-feature-link  {color: #666666;}
.pre-feature-link:hover { text-decoration: none; color: #006da3;}


.pre-feature .text {
  font-size: 20px;
  font-weight: 600;
  color: #666666;
}


.pre-feature:hover .text { color: #006da3;}



/***************************************************
FOOTER
***************************************************/

#footer {padding-top:70px;    }

#footer p,
#footer li {  font-size: 15px; color: #333333; line-height: 1.6;}

#footer a {  font-size: 14px; color: #006da3;} /*#108fce;*/

#footer .heading {margin-bottom: 20px;}

#footer .heading::before {
    display: inline-block;
    content: "";
    border-top: .2rem solid #108fce;
    width: 20px;
    transform: translateY(-1px);
    margin-right: 15px;
    vertical-align: middle;
}


#footer ul.list-clean  a,
#footer ul.list-clean  a:hover,
a.footer-link {color: #006da3;}

.text-list {
    line-height: 1.6;
    letter-spacing: normal;
    color: #666666;
}


#footer ul.list-clean a {
    font-size: 15px;
    line-height: 2.47;
    color: #006da3;
    font-weight: 400;
    text-decoration: none;
    -webkit-transition: padding 0.2s; /* Safari */
    transition: padding 0.2s;
}

#footer ul.list-clean a:hover {
    background-image: url('assets/svg/arrow-icon.svg');
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 14px 14px;
    transform: translateY(-2px);
    padding-left: 14px;
    vertical-align: middle;
    text-decoration: none;
}

#footer ul.list-clean .mail-link:hover  {background: none; padding-left: 0px;     padding-left: 0px; }
 


#footer  ul#menu-footer-menu  {padding-left: 2px;  /*  list-style-image: url('icons/arrow-right-mini-muddy.svg'); */  }
#footer .credits-row { margin-top: 40px; margin-bottom: 0px;  padding-top: 15px;  border-top: 1px solid #beccd5; }
#footer  .company {
    font-size: 15px;
    color: #666666;
}
#footer .author,
#footer  .author a {
    margin-top: 5px;
    font-size: 10px;
    color: #9b9b9b;
    text-align: right;
}

/*
ul.list-clean a {

    background-image: url("/assets/icons/svg/arrow-icon.svg");
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 20px 20px;
    transform: translateY(-2px);
    padding-left: 25px;
    vertical-align: middle;
}

*/


/*#footer ul li.footer-list-icons a {margin-right: 15px;}*/


 

/***************************************************/
/*PRICELIST*/
/***************************************************/

.fduration { text-align: right; padding-left: 10px; }
.fprice { text-align: right;  padding-left: 10px;}

.ftablishrow {padding-top: 12px; padding-bottom: 12px;}
.ftablishrow:nth-of-type(even) {
    background-color: #F7F9FA;
}



@media (max-width: 600px){
    .new-table-style .ftablishrow div {font-size: 14px;}
}