/* Copyright (C) YOOtheme GmbH, http://www.gnu.org/licenses/gpl.html GNU/GPL */

/* ========================================================================
   Use this file to add custom CSS easily
 ========================================================================== */
html,
body{min-height:100%;}
body{background:url("../images/bg.png") 0 0 repeat-x #b1d3e1;}
.content-holder{background:#FFF; padding-top:45px; position:relative; }
.bottom-holder,
.header-holder-wrap,
.top-holder{padding:0;}
.content-holder-wrap {
    background: url("../images/shadow.png") center bottom / 1200px 180px no-repeat;
    padding-bottom: 31px;
    margin-bottom: 40px;
}

h1.logo { display: inline-block;}

h1.logo a { display: block; background: url(../images/logo.png) no-repeat 0 0; width: 214px; height: 94px; text-indent: -6000px; background-size: contain;}
.tm-navbar{ float: left; }

.uk-container {
    max-width: 1200px;
}

.header-holder {
    background: white;
    padding: 1px 0 0;
}
@media (min-width: 800px) {
    body {
        padding-top: 222px;
    }
    .header-holder {
        border-bottom: 5px white solid;
        position: fixed;
        top: 0;
        width: 100vw;
        z-index: 10;
    }
    body.admin-bar .header-holder {
        top: 32px;
    }
}
@media (min-width: 1200px) {
    .header-holder {
        width: 1200px;
    }
}
.tm-headerbar {
    margin: 25px 20px;
}
.headerbar-widgets > .uk-panel {
    float: left;
    font-size: 18px;
    padding: 8px;
    margin-left: 50px;
}
.headerbar-widgets > .uk-panel a {
    color: rgb(0,104,143);
    text-decoration: underline;
}

.full-width{margin-left:-25px; margin-right:-25px; padding-left:35px; padding-right:35px;}

.uk-panel-box-primary{ background-color: #f8f8f8; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f8f8f8),color-stop(15px, #fff)); background-image: -webkit-linear-gradient(top, #f8f8f8,#fff 15px); background-image: -moz-linear-gradient(top, #f8f8f8,#fff 15px); background-image: -ms-linear-gradient(top, #f8f8f8,#fff 15px); background-image: -o-linear-gradient(top, #f8f8f8,#fff 15px); background-image: linear-gradient(top, #f8f8f8,#fff 15px);}

.uk-nav-side > li.uk-active > a,
.uk-nav-side > li > a:hover, .uk-nav-side > li > a:focus{text-decoration: underline;}
.tm-navbar {
    float: none;
    margin: 15px 0 0;
}
.uk-navbar-nav {
    background: #165f8a;
    display: flex;
    justify-content: center;
    float: none;
    width: 100%;
}
.uk-navbar-nav > li > a {
    color: white;
    font-size: 18px;
    height: auto;
    line-height: 52px;
    border-top: 3px transparent solid;
    text-transform: uppercase;
}
.uk-navbar-nav > li:hover > a,
.uk-navbar-nav > li > a:focus,
.uk-navbar-nav > li.uk-active > a,
.uk-navbar-nav > li.uk-open > a{ border-bottom: 3px solid #e9a233; color: white; }
.uk-navbar-nav .uk-dropdown li > a{border-bottom:1px solid #e5e5e5; color:#00688f; padding:7px 10px;}

@media (max-width: 767px) {
    .tm-headerbar {
        float: right;
    }
    .headerbar-widgets > .uk-panel {
        margin-left: 20px;
    }
    .uk-navbar:before {
        display: none;
    }
    .tm-headerbar {
        margin-left: 0;
    }
    .uk-navbar-content {
        padding-right: 0;
    }
}
@media (max-width: 639px) {
    .tm-headerbar {
        margin: 0 20px 0 0;
    }
    .headerbar-widgets > .uk-panel {
        margin-left: 10px;
        font-size: 14px;
    }
}

.top-holder {
    display: flex;
}
#tm-top-a, #tm-top-b {
    background: #fff;
    flex: 1 1 500px;
    margin: 0;
}
#tm-top-a {
    padding: 10px 0;
}
#tm-top-b {
    padding: 0;
}
#tm-top-a > .uk-width-1-1 {
    padding-right: 35px;
}
#tm-top-b > .uk-width-1-1 {
    padding-left: 0;
}

#tm-bottom-a{border-bottom:1px solid #fff; padding-bottom:35px; }
#tm-bottom-a .uk-nav-side li{ margin: 10px 20px 0 0; width: 100px; float: left; white-space: nowrap; line-height: 13px;}
#tm-bottom-a .uk-nav-side li a{padding:0;}
.tm-footer{text-align: right;}
.tm-totop-scroller{right:auto; left: 0;}
.wk-slideset .set > li{width:20%!important;}
.wk-slideshow-cmcc p{font-size:27px; color:#00688f; font-weight:100; font-family:"Museo Sans", sans-serif;}
.wk-slideset .wk-content p{color:#000; margin:0 10px;}
.wk-slideset .wk-content a{font-size:18px; font-weight:300; color:#3ebad0; margin-bottom:0px; display:inline-block;}
.wk-slideset .wk-content a i { background-color: #3ebad0; display: block; border: 5px solid #fff; border-radius: 58px; width: 106px; height: 106px; margin: 8px auto; box-shadow: 0 0 5px #ccc}

.slide > div a:hover i {
    background-color: #e9a233
}

.useful-links-slide i {
    background-image: url("../images/services-sprite-v3.jpg");
    background-position: 0 0;
    background-repeat: no-repeat
}

.useful-information-slide i {
    background-image: url("../images/services-sprite-v3.jpg");
    background-position: -120px 0;
    background-repeat: no-repeat
}

.about-us-slide i {
    background-image: url("../images/services-sprite-v3.jpg");
    background-position: -240px 0;
    background-repeat: no-repeat
}

.services-slide i {
    background-image: url("../images/services-sprite-v3.jpg");
    background-position: -360px 0;
    background-repeat: no-repeat
}

#tm-content table{width:100%!important; word-break: break-all;}
#tm-content table img{max-width:inherit;}

@media (min-width: 768px) and (max-width: 980px){

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


}
@media (max-width: 639px){
    iframe.google-maps{width:100%;}
    .tm-navbar{margin:0; float: none;}
    h1.logo{width: 100%; margin:0; height:55px;}
    h1.logo a{width: 100%; height: 100%; background-position: 0% 50%}
    .home .tm-headerbar{left:0; right:0;}
    .bottom-holder{padding:0 25px;}
    .content-holder:before, .content-holder:after{display:none;}
    .top-holder{display:none;}
    .home .tm-headerbar{position:relative;}
    #tm-content .uk-article,
    .wk-slideset .wk-content a,
    .wk-slideset-wcvh .sets .set{word-break: break-all;}
    .wk-slideset-wcvh .sets .set{width:100%!important;}
    .wk-slideset .wk-content a i{width:50px; height: 50px; border-radius: 50%; background-image:none;}
    .wk-slideset .wk-content p{margin:0;}
}

.wk-slideshow, .wk-slideset {
    position: relative;
    z-index: 0;
}
.wk-slideshow-cmcc .prev {
    left: 0;
}
.wk-slideshow-cmcc .next {
    right: 0;
}
.wk-slideset-wcvh .prev {
    left: -40px;
}
.wk-slideset-wcvh .next {
    right: -40px;
}
.service-summary {
    margin: 30px 0;
}
.service-summary > h2 {
    margin: 5px 0;
}