@import url(https://fonts.googleapis.com/css?family=Cabin);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800&subset=latin,latin-ext);

@media print {
    .noPrint, .adminBtn, .headerNavig {
        display: none !important;
    }
}

html, body, form {
    padding: 0;
    margin: 0;
    font-family:'Open Sans';
    color: #000;
    font-size: 14px;
    width: 100%;
    line-height:1.5;
}

body{background: #fff;}


div#Wrapper {
    /*width: 1200px;*/
    margin: 0px auto;
    padding: 0px 20px 0px 20px;
    min-height: 637px;
}

html{position:relative; min-height:100%;}
body{margin-bottom:270px;}
.footer-bg-below{position:absolute; bottom:0; width:100%; height:270px; min-height:270px; font-size:14px;}

/* common begin */

img {
    border: none;
}

.link {
    cursor: pointer;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.oh {
    overflow: hidden;
}

.db {
    display: block;
}

.dib {
    display: inline-block;
}

.dt {
    display: table;
}

.dtr {
    display: table-row;
}

.dtc {
    display: table-cell;
}

.vat {
    vertical-align: top;
}

.pr {
    position: relative;
}

.w100 {
    width: 100%;
}

.sp30 {
    height: 30px;
}

.center {
    margin: 0px auto;
}

a {
    color: #2D8CA8;
    text-decoration: none;
    -webkit-transition: color 0.2s ease-in-out;
    -moz-transition: color 0.2s ease-in-out;
    -o-transition: color 0.2s ease-in-out;
    -ms-transition: color 0.2s ease-in-out;
}

    a:hover {
        color: #2D8CA8;
       text-decoration: underline;
    }

h1, h2, h3 {
    padding: 0;
    color: #2d8aa9;
    font-weight: normal;
    text-align: left;
}

h1 {
    font-size: 34px;
    margin: 0px 0px 20px 0px;
    font-weight: normal;
}

h2 {
    font-size: 20px;
    margin: 0px 0px 5px 0px;
    font-weight: normal;
}

h3 {
    font-size: 16px;
    margin: 0px 0px 5px 0px;
    font-weight: 700;
}

h4 {
    display: inline-block;
    margin: 0;
    padding: 7px 25px 7px 25px;
    background-color: #e7e7e7;
    font-size: 30px;
    color: #d92626;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
}

h5 {
    display: inline;
    margin: 0;
    padding: 0;
    font-size: 30px;
    color: #828282;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
}

sup {
    font-size: 10px;
}

hr {
    border: 0;
    height: 2px;
    background: #b5e1ec;
    margin:0;
}

.dash {
    height: 1px;
    background-image: url(../images/dash.png);
    background-repeat: repeat-x;
    font-size: 0;
}

/* common end */

/* header begin */

.headerContainer {
    margin-bottom: 20px;
}

.headerNavigContainer {
    width: 100%;
    border-bottom: 3px solid #f1f1f1;
    margin-bottom: 20px;
}

.headerNavig {
    height: 26px;
    padding-top: 9px;
    width: 1200px;
    margin: 0px auto;
}
/*.headerNavig div {text-align:left;width:1200px; margin:0px auto;}*/
/*.headerNavig, .headerNavig a {font-family:'Open Sans', sans-serif;color:#008498;font-size:12px;font-weight:600;text-decoration:none;border-bottom:3px solid #f1f1f1;}
.headerNavig a {display:inline-block;padding:1px 18px 8px 18px;-webkit-transition: border 0.2s ease-in-out;-moz-transition: color 0.6s ease;-o-transition:color 0.6s ease;transition: border 0.2s ease-in-out;}
.headerNavig a:first-child{padding-left:0;}
.headerNavig a:last-child{padding-right:0;}
.headerNavig a:hover {border-bottom:3px solid #00aeff;}
.headerNavig div a:last-child {padding-right:0px;}*/



/* Breadcrumbs begin */

#MenuBreadcrumbs {
    clear: both;
    color: #373c3c;
    padding: 0 0 10px 0;
    text-decoration: none;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 14px;
}

    #MenuBreadcrumbs, #MenuBreadcrumbs a {
        font-size: 12px;
        font-weight: normal;
        text-decoration: none;
        color:#a3a3a3;
        text-transform:uppercase;
    }
        #MenuBreadcrumbs a {
            color: #a3a3a3;
            text-decoration:underline;
        }

            #MenuBreadcrumbs a:hover {
                text-decoration: none;
                color: #000;
            }

            #MenuBreadcrumbs a:first-child, #MenuBreadcrumbs img:nth-child(2) { /*display:none;*/
            }

        #MenuBreadcrumbs a, #MenuBreadcrumbs img {
            display: inline-block;
        }

        #MenuBreadcrumbs img {
            margin: 0 8px 3px 8px;
        }


/* Breadcrumbs end */

/* LeftMenu begin */

/*div.lMenu-l1-C {
    display: none;
}*/

.container_left {
    width: 246px;
    margin-right: 10px;
}

.container_right {
    width: 935px;
}

/*.list-group{padding-left: 10px;}*/
.lMenu-item-container .dtc, .lMenu-l1-C {vertical-align:middle;padding:15px 5px 15px 0px; border-top: 1px solid #fff; }
.lMenu-item-container .sub-div{border:none; padding:6px 2px;}
.lMenu-item-container:first-child .dtc{border-top:none;}
.sub-div .lMenu-sub{font-size:12px;}
.lMenu-item-sel .dtc{padding-bottom:5px;}
.lMenu-l1-C{padding-left:40px}
.lMenu-l1-C a{color:#000;}
.lMenu-l1-C a:hover{text-decoration:none; color:#2b8daa;}
.lMenu-item-container .dtc span{color:#000;}
.lMenu-item-container:hover .dtc span{text-decoration:none !important;}
.lMenu-item-container.lMenu-item-sel .dtc span, .dtc a.lMenu-item-sel {text-decoration:none; color:#2D8CA8; display:block;}
a.lMenu-item-container:hover, a.lMenu-item-container:hover span{text-decoration:none;color:#2b8daa;}
.left-side-title{font-size: 20px;  padding-top: 15px;  padding-left: 3px;}
.menubg a:hover{text-decoration:none; color:#196e87;}
.menubg a:hover h2{ color:#196e87;}
.date-added{padding:8px 0; background:url(../images/rotatorbg.png) repeat center center;border:1px solid #2A5982; border-radius:5px; font-size:14px; width:100px; text-align:center;}
.news-ml-content{width:100%; margin-bottom:20px;}
.news-ml-content h3{text-align:left !important;}
.guestbook-list{font-size:14px;padding:10px; background:url(../images/rotatorbg.png) repeat center center;border:1px solid #2A5982; border-radius:5px; width:100%; }

.menubg{background-color:#b6e0ec; padding:0px 10px 6px; margin-right:20px; margin-bottom:20px;}

.menu-arrow{width:15px; height:29px; position:absolute; right:0px; z-index:-2; top:50%; margin-top:-14px; background-image:url(../images/arrow-menu.png); background-repeat:no-repeat; -webkit-transition:right 0.3s ease-in-out; -moz-transition:right 0.3s ease-in-out; -o-transition:right 0.3s ease-in-out; -ms-transition:right 0.3s ease-in-out;}
.lMenu-item-container.lMenu-item-sel .menu-arrow ,a.lMenu-item-container:hover .menu-arrow{right:-22px;}


.side-menu {
    border: 1px solid #c7c7c7;
    margin-bottom: 20px !important;
}

    .side-menu, .side-menu li {
        margin: 0;
        padding: 0;
        list-style: none;
        border-bottom: 1px solid #c7c7c7;
        position: relative;
    }

        .side-menu li > ul {
            display: none;
            position: absolute;
        }

        .side-menu li:hover > ul {
            box-shadow: 2px 2px 3px rgba(0,0,0,0.15);
            display: block;
            position: absolute;
            left: 244px;
            top: -1px;
            width: 379px;
            z-index: 1000;
            background-color: #fff;
            border: 1px solid #c7c7c7;
        }

            .side-menu li:hover > ul li a {
                background-image: none;
            }

        .side-menu li:last-child {
            border-bottom: none;
        }

        .side-menu li a {
            padding-right: 30px !important;
            color: #3c3c3a;
            text-transform: uppercase;
            font-family: 'Roboto Condensed', sans-serif;
            font-size: 14px;
            padding: 12px 30px 12px 10px !important;
            display: inline-block;
            width: 100%;
            box-sizing: border-box;
            background: url(../images/menu/left-menu-arrow.png) no-repeat right 15px center;
            -webkit-transition: all 0.2s ease-in-out;
            -moz-transition: all 0.2s ease-in-out;
            -o-transition: all 0.2s ease-in-out;
            transition: all 0.2s ease-in-out;
        }

            .side-menu li a:hover, .side-menu li a.selected {
                color: #00aeff;
                background-image: url(../images/menu/left-menu-arrow-over.png);
                background-position: right 10px center;
                background-color: #f4f7fa;
            }



.container_left_spacer {
    width: 10px;
    font-size: 0;
    overflow: hidden;
}



/* Left banner begin */

.left-banner {
    border: 1px solid #e9e9e9;
    background-image: linear-gradient(to bottom, #fff 400px, #f0f0f1);
}

    .left-banner ul {
        padding: 10px !important;
    }

        .left-banner ul li {
            margin-bottom: 25px;
        }

            .left-banner ul li a span {
                display: inline-block;
                color: #000;
                font-size: 16px;
            }

            .left-banner ul li a:hover span {
                color: #00aeff;
                -webkit-transition: all 0.2s ease-in-out;
            }

            .left-banner ul li:nth-child(odd) a span {
                width: 100%;
                text-align: right;
            }

            .left-banner ul li a img {
                display: block;
                margin: 0 auto;
                margin-bottom: 10px;
            }

/* Left banner end */

/* BottomMenu begin */

.menu-bottom-links {
}

    .menu-bottom-links .dtc {
        vertical-align: top;
    }

.menu-bottom-sep {
    width: 1px;
    padding: 0 34px;
}

    .menu-bottom-sep div {
        width: 1px;
        height: 55px;
        background-color: #5e6161;
        margin-top: 24px;
    }

.menu-bottom-links h2 {
    margin: 0;
    padding: 0;
    line-height: 9px;
}

    .menu-bottom-links h2 a {
        font-size: 14px;
        color: #fff;
        text-decoration: none;
        font-weight: 400;
    }

        .menu-bottom-links h2 a:hover {
            text-decoration: underline;
        }

.menu-bottom-l2 {
    padding-top: 10px;
}

a.menu-bottom-more {
    display: inline-block;
    margin-top: 10px;
    padding: 6px 15px 7px 15px;
    background-color: #008498;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
    color: #fff;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.7);
    font-size: 14px;
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    transition: all 0.6s ease;
}

    a.menu-bottom-more:hover {
        background-color: #ec1c24;
        color: #fff;
    }

/* BottomMenu end */

/* Banners begin */

/* Banners end */

/* Sitemap begin */

#Sitemap a {
    text-decoration: none;
    font-size: 14px;
    color:#2D8CA8;
}

    #Sitemap a:hover {
        text-decoration: none;
        color:#18C1F2;
    }

/* Sitemap end */



.btnAddToCart, .btn2 {
    cursor: pointer;
    line-height: initial;
    border: 2px solid #EC008C;
    display: inline-block;
    padding: 2px 10px 2px 10px;
    background-color: #EC008C;
    color: #fff;
    font-size: 14px;
    border-top-left-radius:5px;
    border-top-right-radius:5px;
}

    .btnAddToCart:hover, .btn2:hover {
        text-decoration:underline;
        color:#fff;
    }


/* Catalogue end */

/* Form begin */

input.field, input.field_selected, textarea.field, textarea.field_selected, .captcha_field, .captcha_field_selected {
    margin-left: 0px;
    margin-top: 0px;
    border: 1px solid #2A5982;
    border-color: #394b5b;
    color: #ffffff;
    background-color: transparent;
    background-image: url(../images/rotatorbg.png);
}

input.field, textarea.field {
    width: 400px;
    margin-left: 0px;
    margin-top: 0px;
    border: 1px solid #2A5982;
    border-color: #394b5b;
    color: #ffffff;
    background-color: transparent;
    background-image: url(../images/rotatorbg.png);
}

textarea.field {
    font-family: 'Open Sans', sans-serif;
    padding: 6px;
    width: 400px;
    max-width: 400px;
    min-width: 400px;
    height: 200px;
    max-height: 200px;
    min-height: 200px;
}

    input.field:focus, textarea.field:focus {
        /*border-color: #ec1c24;*/
    }

.form_ddl {
    border: 1px solid #008498;
}
/* Form end */

/* COOKIES BEGIN */
#cookie_notification {z-index:1;position: fixed;bottom: 10px;right: 10px;background-color: #fff;color: #333;font-size: 12px;padding: 10px;border:1px solid #eae9ef;box-shadow:0px 0px 8px 0px rgba(0,0,0,0.2);max-width:70vw;border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;}
#cookie_notification > div {max-width:270px;}
#cookie_notification .cookie_text {margin-bottom:15px;}
#cookie_notification button, #cookie_notification a {border:1px solid #000;display:block;width:100%;font-size: 12px;padding:8px 10px;text-align:center;cursor:pointer;}
#cookie_notification .cookie_btn_solid {background-color:#000;color:#fff;}
#cookie_notification .cookie_btn_outlined {background-color:#fff;color:#000;}
#cookie_notification button:hover, #cookie_notification a:hover {background-color:#000;color:#fff;text-decoration:none;}
#cookie_notification .cookie_buttons > * {margin-top:5px;}

#more-about-cookies h2 {
    margin-bottom: 10px;
}

#more-about-cookies table {
    border-collapse: collapse;
}

    #more-about-cookies table th {
        border: 2px solid white;
        background-color: #24B218;
        color: #fff;
        font-weight: bold;
        vertical-align: top;
        text-align: left;
        padding: 10px;
        font-size: 12px;
    }

    #more-about-cookies table td {
        border: 2px solid white;
        vertical-align: top;
        padding: 10px;
        font-size: 12px;
    }

    #more-about-cookies table tr:nth-child(even) {
        background-color: #F1F1F1;
    }

    #more-about-cookies table td strong {
        font-family: "Courier New", Courier, monospace;
        font-weight: normal;
        display: inline-block;
        margin-top: 2px;
    }

    #more-about-cookies table td .mono {
        font-family: "Courier New", Courier, monospace;
    }

#more-about-cookies .tip {
    background-color: #eeeeee;
    overflow: hidden;
    border: 2px solid #666666;
    padding: 20px;
    font-size: 12px;
}

    #more-about-cookies .tip label {
        font-size: 14px;
    }

#more-about-cookies .btnCookiesSaveSettings {
    border: 2px solid #24B218;
    background-color: #24B218;
    color: #fff;
    padding: 5px 10px;
    cursor: pointer;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

    #more-about-cookies .btnCookiesSaveSettings:hover {
        background-color: #1b9b10;
        color: #fff;
    }

#more-about-cookies em {
    font-size: 14px;
}

/* COOKIES END */

/* do not change beyond this point */

.adminBtn {
    display: inline-block;
    padding: 5px 15px 5px 10px;
    margin-bottom: 5px;
    font-family: Arial;
    color: Black !important;
    font-size: 12px;
    text-decoration: none;
    border: 1px solid #E6E6E6;
    background-color: #f1f1f1;
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #FFFFFF),color-stop(1, #E6E6E6));
    background-image: -o-linear-gradient(bottom, #FFFFFF 0%, #E6E6E6 100%);
    background-image: -moz-linear-gradient(bottom, #FFFFFF 0%, #E6E6E6 100%);
    background-image: -webkit-linear-gradient(bottom, #FFFFFF 0%, #E6E6E6 100%);
    background-image: -ms-linear-gradient(bottom, #FFFFFF 0%, #E6E6E6 100%);
    background-image: linear-gradient(to bottom, #FFFFFF 0%, #E6E6E6 100%);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) inset, 0 0 2px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) inset, 0 0 2px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) inset, 0 0 2px rgba(0, 0, 0, 0.1);
}

    .adminBtn span {
        display: inline-block;
        background-repeat: no-repeat;
        background-position: left center;
        padding-left: 23px;
        padding-top: 2px;
    }

    .adminBtn:hover, .adminBtn:active {
        background-image: none;
        text-decoration: none;
        color: black;
        -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) inset, 0 0 3px rgba(0, 0, 0, 0.3);
        -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) inset, 0 0 3px rgba(0, 0, 0, 0.3);
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) inset, 0 0 3px rgba(0, 0, 0, 0.3);
    }

    .adminBtn:active {
        background-color: White;
    }

.btn-album-switch {
    background-image: url(../images/admin/album-switch.png);
}

.btn-album-edit {
    background-image: url(../images/admin/album-edit.png);
}

.btn-attachment {
    background-image: url(../images/admin/attachment.png);
}

.btn-banners {
    background-image: url(../images/admin/banners.png);
}

.btn-banners-edit {
    background-image: url(../images/admin/banners-edit.png);
}

.btn-document {
    background-image: url(../images/admin/document.png);
}

.btn-footer {
    background-image: url(../images/admin/footer.png);
}

.btn-header {
    background-image: url(../images/admin/header.png);
}

.btn-form-edit {
    background-image: url(../images/admin/form-edit.png);
}

.btn-form-results {
    background-image: url(../images/admin/form-results.png);
}

.btn-form-switch {
    background-image: url(../images/admin/form-switch.png);
}

.btn-images {
    background-image: url(../images/admin/images.png);
}

.btn-logout {
    background-image: url(../images/admin/logout.png);
}

.btn-map {
    background-image: url(../images/admin/map.png);
}

.btn-menu {
    background-image: url(../images/admin/menu.png);
}

.btn-modules {
    background-image: url(../images/admin/modules.png);
}

.btn-news-edit {
    background-image: url(../images/admin/news-edit.png);
}

.btn-news-add {
    background-image: url(../images/admin/news-add.png);
}

.btn-page-edit {
    background-image: url(../images/admin/page-edit.png);
}

.btn-bottom-menu {
    background-image: url(../images/admin/bottom-menu.png);
}

.btn-hotel {
    background-image: url(../images/admin/hotel.png);
}

.btn-hotel-add {
    background-image: url(../images/admin/hotel-add.png);
}

.btn-cat-edit {
    background-image: url(../images/admin/cat-edit.png);
}

.btn-cat-add {
    background-image: url(../images/admin/cat-add.png);
}

.btn-cat-list {
    background-image: url(../images/admin/cat-list.png);
}

/* Custom page CSS
-------------------------------------------------- */

#wrap > .container {
  /*padding: 10px 0px 20px;*/
  margin-top:10px; margin-bottom:20px;
}
.container .credit {
  margin: 20px 0;
}

#footer {
  background-color:#414141;
}


#footer a {
  color:#efefef;
}

header h1,header h2,header h3 a,header a,header a:hover {
  color:#101010;
  font-weight:800;
  text-decoration:none;
}

header h3 {
  font-family: 'Kreon', serif;
  background: #ffcc33;
  padding:10px;
  border-radius:3px;
  font-size:34px;
  padding:12px 10px 6px 10px;
}

header .dropdown-menu {
  top:74px;
  background: #ffcc33;
  border-width:0;
}

#nav {
  width: 100%;
  position:static;
  top:-32px;
  margin-top: -57px;
}

#nav.affix {
   position: fixed;
   top: 46px;
   z-index:10;
   -webkit-transition: all .6s ease-in-out;
}

#footer > .container {
  
}

.scroll-top {
   position:fixed;
   bottom:0;
   right:6%;
   z-index:100;
   background: #ffcc33;
   font-size:24px;
   border-top-left-radius:3px;
   border-top-right-radius:3px;
}
.scroll-top a:link,.scroll-top a:visited {
  color:#222;
} 
 
#carousel img, #carousel div {display: block; float: left;  /*max-width:1190px;*/}

.cont-header .pager {text-align: center;margin: 0 auto; position:absolute;right:20px; bottom:32px; z-index:100;}
.cont-header .pager a {background: transparent url(../images/carousel_polaroid.png) no-repeat;	text-decoration: none;	text-indent: -999px;	display: inline-block;	overflow: hidden;	width: 16px;	height: 16px;	margin: 0 5px 0 0;}
.cont-header .pager a.selected {background: transparent url(../images/carousel_shine.png) no-repeat;text-decoration: underline;}


/*----dropdown on hover----*/
/*@media (min-width: 979px) {
  ul.nav li.dropdown:hover > ul.dropdown-menu {
    display: block;
  }
}*/

/*-------end custom page-----------*/


header .cont-header{/*padding-left:0; padding-right:0;*/ height:100%; border-left:22px solid #fff;  border-right:22px solid #fff;}
header .cont-header .row{height:100%;}
header .banner-content{position:absolute; bottom:0; width:100%;}
header .banner-text{max-width:550px;}
header .banner-text h2{color:#fff; font-size:44px; font-weight:normal;}
.clickBanner{cursor:pointer;}
header .banner-bg{
    margin-left:-15px;
    padding:45px 40px 55px 25px;
    background: rgba(89,195,224,1);
    background: -moz-linear-gradient(left, rgba(89,195,224,1) 0%, rgba(89,195,224,0) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(89,195,224,1)), color-stop(100%, rgba(89,195,224,0)));
    background: -webkit-linear-gradient(left, rgba(89,195,224,1) 0%, rgba(89,195,224,0) 100%);
    background: -o-linear-gradient(left, rgba(89,195,224,1) 0%, rgba(89,195,224,0) 100%);
    background: -ms-linear-gradient(left, rgba(89,195,224,1) 0%, rgba(89,195,224,0) 100%);
    background: linear-gradient(to right, rgba(89,195,224,1) 0%, rgba(89,195,224,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#59c3e0', endColorstr='#59c3e0', GradientType=1 );
}

header .social-icons{list-style:none; text-align:right; margin-top:10px;}
header .social-icons li{ list-style:none; margin:5px 0}
header.masthead-sub .social-icons li{display:inline-block;}
header .social-icons li a{width:46px; height:46px; background:rgba(0,0,0,0.5); border-radius:50%; list-style:none; display:inline-block;background-image:url(../images/social-icons-sprite.png); background-repeat:no-repeat; -webkit-transition: background-color 0.2s ease-in-out;-moz-transition: background-color 0.2s ease-in-out;-o-transition: background-color 0.2s ease-in-out; -ms-transition: background-color 0.2s ease-in-out;}
header .social-icons li a:hover{background-color:rgba(144, 187, 40, 0.8)}
header .social-icons li a.home{background-position:11px 10px;}
header .social-icons li a.mail{background-position:12px -46px;}
header .social-icons li a.location{background-position:11px -102px;}
header .social-icons li a.phone{background-position:12px -158px;}
header .social-icons li a.fb{background-position:12px -213px;}

@media (max-width: 767px){
    header .cont-header {border-left: none; border-right: none;}
    #prev, #next {display: none !important;}
    header .banner-text h2{font-size:26px;}
}

#prev, #next {
	display: block;
	height: 60px;
	width: 50px;
	top: 50%;
	position: absolute;
    background-repeat:no-repeat;
    background-position: center;
    margin-top:-30px;
}

#prev {
	left: -72px;
    border-top-left-radius:3px;
    border-bottom-left-radius:3px;
    background-image:url(../images/arrow-left.png);
}
#next {
	right: -72px;
    border-top-right-radius:3px;
    border-bottom-right-radius:3px;
    background-image:url(../images/arrow-right.png);
}

.row  .row {
    margin: 0px -15px;
}
.caruFredSelItem{width:727px;}
@media(min-width:768px){header .banner-bg{padding:45px 40px 55px 40px;} .cont-header .pager{bottom:50px;}}
@media(min-width:992px){.caruFredSelItem{width:945px;}}
@media(min-width:1200px){.caruFredSelItem{width:1180px;}}






/*-----CONTENT-----------*/

.content .services{overflow:hidden; margin-top:-40px;}
.content .services>div:first-child{padding-left:40px;}
.content .services>div:last-child{padding-right:40px;}
.content .box{border:1px solid #b5e0ec; display:block; margin-bottom:20px; background-color:#fff; -webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out;}
.content .box:hover{text-decoration:none; border-color:#2D8CA8;}
.content .box:hover .text{background-color:#2D8CA8; color:#B5E0EC; color:#fff;}
.content .box .icon{background-image:url(../images/services.png); background-repeat:no-repeat; margin:25px auto; background-size:400%; width:90px; height:72px; display:block;}
.content .box .cabel{}
.content .box .outter{display:table; width:100%;}
.content .box .components{background-position:33.33333333333333% 0;}
.content .box .maintenance{background-position:67.66666666666667% 0}
.content .box .ingeneering{background-position:100% 0;}
.content .box .text{-webkit-transition: color 0.3s ease-in-out, background-color 0.2s ease-in-out; 
                    -moz-transition: color 0.3s ease-in-out, background-color 0.2s ease-in-out; 
                    -o-transition: color 0.3s ease-in-out, background-color 0.2s ease-in-out;
                    display:table-cell; vertical-align:middle; background-color:#b5e0ec; text-align:center; text-transform:uppercase; color:#156178; font-weight:600; padding:0px 10px; height:52px; width:100%;}

.blue{background-color:#b5e0ec; padding:30px 0;}
.image-box{text-align:center; display:block; background-color:#fff; height:130px; line-height:130px;}
.image-box img{display:inline-block;}

.arrow-list, .dash-list{margin:0; padding:0;}
.arrow-list li{padding-bottom:10px; list-style:none; padding-left:40px; background-image:url(../images/arrow-blue.png); background-repeat:no-repeat; background-position:left top 5px;}
.dash-list li{padding-bottom:10px; list-style:none; padding-left:40px; background-image:url(../images/dash2.png); background-repeat:no-repeat; background-position:left top 10px; color:#2d8ca8; font-size:16px;}

.blue-container{padding:20px; border:2px solid #b5e1ec;}

.send-inquiry{display:inline-block; margin:20px 0; background-color:#56bfdc; padding:10px 20px; font-weight:normal; text-transform:uppercase; color:#fff; font-size:24px; -webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; -ms-transition:all 0.2s ease-in-out;}
.send-inquiry:hover{text-decoration:none; color:#fff; background-color:#2D8CAA;}

.contact-data{border-bottom:2px solid #31b31f; border-right:2px solid #31b31f; display:inline-block; margin-top:20px; margin-bottom:20px;}
.contact-data ul{margin:0; padding:0;}
.contact-data li{display:inline-block; font-size:18px; list-style:none; padding:10px 0 10px 30px; margin-right:30px; color:#31b31f; font-weight:bold; background-repeat:no-repeat; background-position:left center;}
.contact-data li a{color:#31b31f;}
.contact-data li.phone{background-image:url(../images/phone-green.png);}
.contact-data li.fax{background-image:url(../images/fax-green.png);}
.contact-data li.mail{background-image:url(../images/mail-green.png);}

@media (max-width: 767px){
    .content .services{padding:0 !important;}
    .content .services>div:first-child{padding-left:15px !important;}
    .content .services>div:last-child{padding-right:15px !important;}
}

@media (max-width: 991px){
    .image-box{margin-bottom:20px;}
    .menubg{margin-right:0;}
    .menu-arrow{display:none !important;}
    .sub-a{display:none;}
}

.borderless tbody tr td, .borderless tbody tr th, .borderless thead tr th {
    border: none;
}

/*-----CONTENT end-----------*/


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


.footer-bg-below{background: #363636; padding-bottom:30px;}
.container-footer{background: #363636;}

.bottom-menu{list-style:none; /*list-style-image:url(../images/li-icon.png)*/ margin:0; padding:0;}
.bottom-menu li{ margin:4px 0; padding-left:25px; background-image:url(../images/li-icon.png); background-repeat:no-repeat; background-position:left top 10px;}
.bottom-menu li a{color:#fff;}
.bottom-menu li a:hover{text-decoration:none; color:#31B220;}
footer{font-weight:300; padding-top:20px; color:#fff;}
footer .contacts h2, footer h3{font-size:14px; font-weight:700; color:#fff;}
footer .contacts ul{list-style:none; margin:0; padding:0}
/*.footer-bg-below .container, .footer-bg-below .container>footer>.row>div{padding-left:0; padding-right:0;}*/
footer .contacts-right ul{list-style:none; padding:0;}
footer .contacts-right table tr td:first-child{padding-left:0; padding-right:0;}
footer .contacts-right table tr td{padding-top:4px; padding-bottom:4px;}
footer .contacts-right {font-size:14px; font-weight:normal;}
footer .contacts-right .circle{background-image:url(../images/contact-icons.png); background-repeat:no-repeat; width: 25px; height: 25px; display:inline-block;}
footer .contacts-right .phone{background-position:0 4px;}
footer .contacts-right .mail{background-position:0 -64px;}
footer .contacts-right .fax{background-position:0 -30px;}
footer .contacts-right .location{background-position:0 -98px;}
footer .contacts-right a{color:#fff;}

footer .img-cont{width:50%; min-width:200px; float:left;}
footer .con-cont{width:50%; min-width:200px; float:left; padding-left:15px;}
footer .con-cont img{margin-bottom:10px;}

.footer-signature{font-size:14px; display:inline-block; border-top:1px solid #666666; padding-top:15px; width:100%; margin-top:15px;}
.footer-signature a{color:#fff; text-decoration:none;}
.footer-signature a:hover{text-decoration:underline;}

.tags{border:1px solid #31b220; padding:20px; max-width: 300px; width: 100%;}
.tags a{color:#31b220;}

/*-----------FOOTER END------------*/


/*-------BOOTSTRAP OVERRIDE----------------*/

.container-fluid{padding-left:0; padding-right:0;}

/*------NAVBAR-------------*/

.navbar-default{background-color:#fff; border:none;}
.navbar-collapse.collapse.in, .navbar-collapse.collapsing{position:absolute;width: 100%; background-color:#fff; top:0; z-index:20; box-shadow:2px 2px 2px rgba(0,0,0,0.3);}

.navbar-default .navbar-nav > li > a{font-size:16px; font-weight:600; color:#4a4a4a; text-transform:uppercase; -webkit-transition:color 0.2s ease-in-out, background 0.4s ease-in-out; -moz-transition:color 0.2s ease-in-out, background 0.4s ease-in-out; -o-transition:color 0.2s ease-in-out, background 0.4s ease-in-out; -ms-transition:color 0.2s ease-in-out, background 0.4s ease-in-out;}
.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover{background-color:#d6f0d2; color:#24b218;}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.active>a {background-color:#d6f0d2; color:#24b218;}
.navbar-nav>li>a.active{background-color:#d6f0d2; color:#24b218;}

.top-nav{background-color:#363636; display:block; color:#fff;position: relative;}
.top-nav ul{margin:0 15px 0 15px; padding:0;}
.top-nav ul li{display:inline-block; list-style:none;}
.top-nav ul li a{text-align:center; color:#fff;}
.top-nav ul li a:hover{text-decoration:none;}
.top-nav ul li a.home, .top-nav ul li a.mail, .top-nav ul li a.sitemap, .top-nav ul li span.phone {-webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; background-image:url(../images/top-nav-icons.png); background-repeat:no-repeat; width:32px; height:32px; border-radius:50%; background-color:#252525; display:inline-block; line-height:32px;}
.top-nav ul li a.home:hover, .top-nav ul li a.mail:hover, .top-nav ul li a.sitemap:hover{background-color:#176d86;}
.top-nav ul li span.phone{background-position:8px 7px; margin-right:5px;}
.top-nav ul li a.home{background-position:-26px 7px;}
.top-nav ul li a.mail{background-position:-65px 7px;}
.top-nav ul li a.sitemap{background-position:-105px 7px;}
.top-nav ul li a.slo, .top-nav ul li a.de, .top-nav ul li a.eng{width:50px; height:50px; display:inline-block; line-height:50px; -webkit-transition:all 0.2s ease-in-out; -ms-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out;}
.top-nav ul li a.slo{background-color:#31b220;}
.top-nav ul li a.slo:hover{background-color:#299d1a;}
.top-nav ul li a.de{background-color:#6fc9e3;}
.top-nav ul li a.de:hover{background-color:#52abc5;}
.top-nav ul li a.eng{background-color:#2d8ca8;}
.top-nav ul li a.eng:hover{background-color:#20768f;}

.navbar-header {position: relative; z-index: 10;}
.navbar-brand{height:auto;}
@media(max-width:767px){
        .langs{margin-top:8px !important; margin-right:8px !important;}
        #carousel>div{height:345px !important;}
}

@media(max-width:1199px){
        .navbar-brand{position: absolute; width: 100%; left: 0; top: 0; text-align: center; margin: auto;}
        .navbar-brand>img{display:inline-block; width:240px;}
        .navbar{min-height:60px;}
}

@media (min-width: 1199px){
    .navbar-right{position:absolute; bottom:10px; right:0;}
    .navbar-nav>li{border-right:1px solid #b2b2b2; padding-left:5px; padding-right:5px;}
    .navbar-nav>li:first-child{padding-left:0;}
    .navbar-nav>li:last-child{border-right:none; padding-right:0;}
    .navbar-nav>li>a {padding-top: 10px; padding-bottom: 10px;}
}

.dropdown-menu{border:none; border-radius:0;box-shadow: 4px 4px 2px rgba(0,0,0,0.06);}
.navbar-right .dropdown-menu{right:auto;background-color:#d6f0d2;}
.navbar-right .dropdown-menu>li>a{color:#24b218;}

.lang-switcher-small {display:inline-block; float:right;}
.lang-switcher-small .dropdown-menu{width:50px; left:auto;z-index: 2000; min-width:50px; margin:0;}
.lang-switcher-small .dropdown-toggle{border:none; width:50px; height:50px; border-radius:0; background-color:#31b220; color:#fff;}
.lang-switcher-small .dropdown-toggle .flag-slo{background-image:url(../images/slo-flag.png); background-repeat:no-repeat; background-position: left center; padding-left:35px !important;}
.lang-switcher-small ul.dropdown-menu li{text-align:center !important;}
.lang-switcher-small ul.dropdown-menu li a{font-size:12px; font-weight:normal;  width:50px; height:50px; line-height:50px; display:inline-block; text-align:center; padding:0;}
.lang-switcher-small ul.dropdown-menu li a.flag-de{background-color:#6FC9E3; color:#fff;}
.lang-switcher-small ul.dropdown-menu li a.flag-eng{background-color:#2d8ca8; color:#fff;}
.btn .caret {margin-left: 2px;}

.btn-default.active, .btn-default:active, .open>.dropdown-toggle.btn-default{border:none; width:50px; height:50px; border-radius:0; background-color:#31b220 !important; color:#fff !important;}
.navbar-toggle{border-radius:0; padding:0 0 0 10px; margin:0; width:50px; height:50px; }
.navbar-toggle .icon-bar{background-color:#fff; width:28px;}

#carousel>div{height:445px;}

@media (min-width: 768px) and (max-width: 1199px) {
    .navbar-collapse.collapse {
        display: none !important;
    }
    .navbar-collapse.collapse.in, .navbar-collapse.collapsing {
        display: block !important;
        overflow: hidden !important;
        left: 0;
    }
    .navbar-header .collapse, .navbar-toggle {
        display:block !important;
    }
    .navbar-header {
        float:none;
    }
    .navbar-nav>li{float:none;}

    .navbar-nav{float:none !important;}
}

@media(min-width:1200px){.navbar{margin-top:15px; margin-bottom:15px;}.navbar-right{margin-right:0;}}

@media (max-width: 1100px){
.navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    box-shadow: none;
}
}

/*--------NAVBAR END------------*/





/*------JOŽE-------*/
.nomrg{margin-left:0; margin-right:0;}

.contentAdmin{
    padding: 15px 85px 15px 15px;
    font-family: Trebuchet MS, Tahoma, Arial;
    font-size: 20px;
    font-weight: bold;
    text-decoration: none;
    background-image: url(../images/rotatorbg.png);
    background-repeat: repeat;
    border:1px solid #2A5982;
    border-radius:5px;
    float:left;
}

.contentAdmin a{color:#fff;}
.contentAdmin a:hover{text-decoration:underline ;}

.bottom-social{
    background: url(../images/rotatorbg.png) repeat center center;
    border: 1px solid #2A5982;
    border-radius: 5px;
    font-size: 18px; float:left; margin-top:10px; position:absolute; bottom:0;}

.top-social {
    background: url(../images/rotatorbg.png) repeat center center;
    border: 1px solid #2A5982;
    border-radius: 5px;
    font-size: 18px;
    float: left;
    margin-top: 10px;
    position: absolute;
    top: -40px;
    right: 15px;
}

.shaker-container{height:35px;}
.shaker-min{cursor:pointer;}
.shaker-open{background-color:#E60089; padding:20px; border-radius:5px; display:none; position:absolute; z-index:1000; font-size:16px; font-weight:bold;}
.shaker-div{width:200px; height:20px; margin-right:40px; position:absolute; z-index:1000;}
.shaker-free{display:none;}
.bxslider22 li{left:0;}


/*.row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
}*/

/*--------NEWS-------------*/

.okvir{max-width:206px; display:inline-block; overflow:hidden; }
.okvir .okvir-txt{color:#fff; text-align:left; font-size:12px; padding:10px; background-color:#023D70; height:80px; border-bottom-left-radius:5px; border-bottom-right-radius:5px;}
.center-okvir{text-align:center;}

.transparent-okvir{background-color:rgba(255,255,255,0.3); padding:25px 15px; border-radius:10px; color:#fff; margin:20px 0;}

.news h3 a {color: #fff;}
.news h3{ margin-bottom:20px; font-size:22px;}
.news .transparent-okvir a{color:#fff;}
.news .transparent-okvir h2{font-size:22px; margin-bottom:15px;}
.news .transparent-okvir span{line-height:22px;}

.small-news{list-style:none; padding:0 0 0 15px;}
.small-news li {background:url(../images/bullet.png) no-repeat left top 8px; padding-left:15px;} 
.small-news li a{color:#fff; font-size:13px;}
.small-news li a span{display:inline-block;}
.small-news li a:hover{text-decoration:underline;}
.small-news li a:hover span{text-decoration:none;}

/*----------NEWS END*/


/*----RESPONSIVE VIDEO--------*/
.flex-video {
  position: relative;
  padding-top: 25px;
  padding-bottom: 67.5%;
  height: 0;
  margin-bottom: 16px;
  overflow: hidden;
}

.flex-video.widescreen { padding-bottom: 57.25%; }
.flex-video.vimeo { padding-top: 0; }

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

@media only screen and (max-device-width: 800px), only screen and (device-width: 1024px) and (device-height: 600px), only screen and (width: 1280px) and (orientation: landscape), only screen and (device-width: 800px), only screen and (max-width: 767px) {
  .flex-video { padding-top: 0; }
}

/*----RESPONSIVE VIDEO END--------*/

@media (min-width: 1220px){
    .container {width: 1200px;}
}