﻿
::selection {
    background: #82c1cf;
    color: #fff;
    text-shadow: none
}

::-moz-selection {
    background: #82c1cf;
    color: #fff;
    text-shadow: none
}

::-webkit-selection {
    background: #82c1cf;
    color: #fff;
    text-shadow: none
}

:active, :focus {
    outline: none !important
}

body {
    line-height: 1.5;
    color: #555;
    font-family: 'Heebo',sans-serif
}

a {
    text-decoration: none !important;
    color: #82c1cf
}

    a:hover {
        color: #222
    }

    a img {
        border: none
    }

img {
    max-width: 100%
}

h1, h2, h3, h4, h5, h6 {
    color: #363636;
    font-weight: 600;
    line-height: 1.5;
    margin: 0 0 30px 0;
    font-family: 'Gentium Basic',serif !important
}

h1 {
    font-size: 36px
}

h2 {
    font-size: 30px
}

h4 {
    font-size: 18px
}

h4 {
    font-weight: 600
}

    h1 > span:not(.nocolor), h2 > span:not(.nocolor), h3 > span:not(.nocolor), h4 > span:not(.nocolor), h5 > span:not(.nocolor), h6 > span:not(.nocolor) {
        color: #82c1cf
    }

p, pre, ul, ol, dl, dd, blockquote, address, table, fieldset, form {
    margin-bottom: 30px
}


.uppercase {
    text-transform: uppercase !important
}

.tright {
    text-align: right !important
}

#wrapper {
    position: relative;
    float: none;
    width: 1220px;
    margin: 0 auto;
    background-color: #fff;
    box-shadow: 0 0 10px rgba(0,0,0,.1);
    -moz-box-shadow: 0 0 10px rgba(0,0,0,.1);
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,.1)
}

.topmargin {
    margin-top: 50px !important
}

.topmargin-lg {
    margin-top: 80px !important
}

.nomargin {
    margin: 0 !important
}


.col_half {
    width: 48%
}

.postcontent, .sidebar, .col_full, .col_half, .col_one_third, .col_two_third, .col_three_fourth, .col_one_fourth, .col_one_fifth, .col_two_fifth, .col_three_fifth, .col_four_fifth, .col_one_sixth, .col_five_sixth {
    display: block;
    position: relative;
    margin-right: 4%;
    margin-bottom: 50px;
    float: left
}

.col_last {
    margin-right: 0 !important;
    clear: right
}

#header {
    position: relative;
    background-color: transparent;
    border-bottom: 1px solid #f5f5f5
}

    #header .container {
        position: relative
    }

    #header.transparent-header {
        background: transparent;
        border-bottom: none;
        z-index: 199
    }

        #header.transparent-header + #slider, #header.transparent-header + #page-title.page-title-parallax, #header.transparent-header + #google-map, #slider + #header.transparent-header {
            top: -100px;
            margin-bottom: -100px
        }

    #header.full-header {
        border-bottom-color: #eee
    }

body.stretched #header.full-header .container {
    width: 100% !important;
    padding: 0 30px
}

#logo {
    position: relative;
    float: left;
    font-family: 'Raleway',sans-serif;
    font-size: 36px;
    line-height: 100%;
    margin-right: 40px
}

#header.full-header #logo {
    padding-right: 30px;
    margin-right: 30px;
    border-right: 1px solid #eee
}

#logo a {
    display: block;
    color: #000
}

#logo img {
    display: block;
    max-width: 100%
}

#logo a.standard-logo {
    display: block
}

#logo a.retina-logo {
    display: none
}

#primary-menu {
    float: right
}

#header.full-header #primary-menu > ul {
    float: left;
    padding-right: 15px;
    margin-right: 15px;
    border-right: 1px solid #eee
}

#primary-menu-trigger, #page-submenu-trigger {
    opacity: 0;
    pointer-events: none;
    cursor: pointer;
    font-size: 14px;
    position: absolute;
    top: 50%;
    margin-top: -25px;
    width: 70px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    -webkit-transition: opacity .3s ease;
    -o-transition: opacity .3s ease;
    transition: opacity .3s ease
}

#primary-menu ul {
    list-style: none;
    margin: 0
}

#primary-menu > ul {
    float: left
}

#primary-menu ul li {
    position: relative
}

#primary-menu ul > li {
    float: left;
    margin-left: 2px
}

#primary-menu > ul > li:first-child {
    margin-left: 0
}

#primary-menu ul li > a {
    display: block;
    line-height: 22px;
    padding: 39px 10px;
    color: #fff;
    font-weight: 600;
    font-size: 15px;
    letter-spacing: .5px;
    text-transform: uppercase;
    -webkit-transition: margin .4s ease,padding .4s ease;
    -o-transition: margin .4s ease,padding .4s ease;
    transition: margin .4s ease,padding .4s ease
}

    #primary-menu ul li > a span {
        display: none
    }

    #primary-menu ul li > a i {
        position: relative;
        top: -1px;
        font-size: 14px;
        width: 16px;
        text-align: center;
        margin-right: 6px;
        vertical-align: top
    }


#primary-menu ul li:hover > a, #primary-menu ul li.current > a {
    color: #82c1cf
}

#primary-menu ul ul:not(.mega-menu-column), #primary-menu ul li .mega-menu-content {
    display: none;
    position: absolute;
    width: 220px;
    background-color: #fff;
    box-shadow: 0 13px 42px 11px rgba(0,0,0,.05);
    border: 1px solid #eee;
    border-top: 2px solid #82c1cf;
    height: auto;
    z-index: 199;
    top: 100%;
    left: 0;
    margin: 0 ;
    padding: 10px 0px;
}

#primary-menu ul ul li {
    float: none;
    margin: 0
}

    #primary-menu ul ul li:first-child {
        border-top: 0
    }

    #primary-menu ul ul li > a {
        font-size: 17px !important;
        font-weight: 600;
        color: #666;
        padding-top: 10px;
        padding-bottom: 10px;
        border: 0;
        letter-spacing: 0;
        font-family: 'Lato',sans-serif;
        -webkit-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out
    }

#header, #header-wrap, #logo img {
    height: 60px;
    -webkit-transition: height .4s ease,opacity .3s ease;
    -o-transition: height .4s ease,opacity .3s ease;
    transition: height .4s ease,opacity .3s ease
}

#primary-menu > ul > li > ul, #primary-menu > ul > li > .mega-menu-content, #primary-menu > ul > li.mega-menu > .mega-menu-content {
    -webkit-transition: top .4s ease;
    -o-transition: top .4s ease;
    transition: top .4s ease
}

body:not(.top-search-open) #header-wrap #logo, body:not(.top-search-open) #primary-menu > ul, body:not(.top-search-open) #primary-menu > .container > ul, body:not(.top-search-open) #top-cart, body:not(.top-search-open) #side-panel-trigger, body:not(.top-search-open) #top-account {
    opacity: 1;
    -webkit-transition: height .4s ease,margin .4s ease,opacity .2s .2s ease;
    -o-transition: height .4s ease,margin .4s ease,opacity .2s .2s ease;
    transition: height .4s ease,margin .4s ease,opacity .2s .2s ease
}

#header-wrap {
    position: relative;
    z-index: 199;
    -webkit-backface-visibility: hidden
}

#slider {
    position: relative;
    width: 100%;
    overflow: hidden
}

.slider-parallax {
    position: relative
}

    .slider-parallax, .slider-parallax .swiper-container {
        visibility: visible;
        -webkit-backface-visibility: hidden
    }

        .slider-parallax .slider-parallax-inner {
            position: fixed;
            width: 100%;
            height: 100%
        }

.device-touch .slider-parallax .slider-parallax-inner {
    position: relative
}

body:not(.side-header) .slider-parallax .slider-parallax-inner {
    left: 0
}

.slider-parallax .slider-parallax-inner, .slider-parallax .slider-caption, .slider-parallax .ei-title {
    will-change: transform;
    -webkit-transform: translate3d(0,0,0);
    -webkit-transition: transform 0s linear;
    -webkit-backface-visibility: hidden
}

#slider .container {
    position: relative;
    height: 100%
}

#slider .owl-carousel {
    margin: 0
}

#slider-arrow-left, #slider-arrow-right, .camera_prev, .camera_next, #slider .owl-prev, #slider .owl-next, .flex-prev, .flex-next, .nivo-prevNav, .nivo-nextNav, .slider-arrow-top-sm, .slider-arrow-bottom-sm {
    position: absolute;
    cursor: pointer;
    z-index: 10;
    top: 50%;
    left: 0;
    margin-top: -26px;
    background-color: rgba(0,0,0,.3);
    width: 52px;
    height: 52px;
    border: 0;
    border-radius: 0 3px 3px 0;
    -webkit-transition: background-color .3s ease-in-out;
    -o-transition: background-color .3s ease-in-out;
    transition: background-color .3s ease-in-out
}

#slider .owl-prev, #slider .owl-next {
    -webkit-transition: background-color .3s ease-in-out;
    -o-transition: background-color .3s ease-in-out;
    transition: background-color .3s ease-in-out
}

#slider-arrow-right, .camera_next, #slider .owl-next, .flex-next, .nivo-nextNav {
    left: auto;
    right: 0;
    border-radius: 3px 0 0 3px
}

    #slider-arrow-left i, #slider-arrow-right i, .camera_prev i, .camera_next i, #slider .owl-prev i, #slider .owl-next i, .flex-prev i, .flex-next i, .nivo-prevNav i, .nivo-nextNav i, .slider-arrow-top-sm i, .slider-arrow-bottom-sm i {
        line-height: 50px;
        width: 34px;
        height: 52px;
        color: #ddd;
        color: rgba(255,255,255,.8);
        text-shadow: 1px 1px 1px rgba(0,0,0,.1);
        font-size: 34px;
        text-align: center;
        margin-left: 7px
    }

#slider .owl-prev i {
    margin-left: 0
}

#slider .owl-next i {
    margin-right: 4px
}

#slider .owl-nav {
    opacity: 0;
    -webkit-transition: opacity .3s ease-in-out;
    -o-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out
}

    #slider .owl-nav div, #slider:hover .owl-nav {
        opacity: 1
    }

#slider .owl-dots {
    position: absolute;
    width: 100%;
    z-index: 20;
    margin: 0;
    top: auto;
    bottom: 15px
}

.button {
    display: inline-block;
    position: relative;
    cursor: pointer;
    outline: none;
    white-space: nowrap;
    margin: 5px;
    padding: 0 22px;
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    background-color: #82c1cf;
    color: #000;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    border: none
}

body:not(.device-touch) .button {
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.button.button-3d {
    border-radius: 3px;
    border-bottom: 3px solid rgba(0,0,0,.15);
    -webkit-transition: none;
    -o-transition: none;
    transition: none
}


.owl-carousel {
    display: none;
    -webkit-tap-highlight-color: transparent;
    position: relative;
    z-index: 1;
    width: 100%
}

    .owl-carousel .owl-stage {
        position: relative;
        -ms-touch-action: pan-Y
    }

        .owl-carousel .owl-stage:after {
            content: ".";
            display: block;
            clear: both;
            visibility: hidden;
            line-height: 0;
            height: 0
        }

    .owl-carousel .owl-stage-outer {
        position: relative;
        overflow: hidden;
        -webkit-transform: translate3d(0,0,0)
    }

    .owl-carousel.owl-loaded {
        display: block
    }

    .owl-carousel .owl-item {
        position: relative;
        min-height: 1px;
        float: left;
        -webkit-tap-highlight-color: transparent;
        -webkit-touch-callout: none
    }

        .owl-carousel .owl-item img {
            display: block;
            width: 100%;
            -webkit-transform-style: preserve-3d
        }

#slider .owl-carousel .owl-item img {
    -webkit-transform-style: preserve-3d
}

.owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled {
    display: none
}

.owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-dot {
    cursor: pointer;
    cursor: hand;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel.owl-loaded {
    display: block
}

.owl-carousel.owl-refresh .owl-item {
    display: none
}

.owl-carousel.owl-drag .owl-item {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel.owl-grab {
    cursor: move;
    cursor: -webkit-grab;
    cursor: -o-grab;
    cursor: -ms-grab;
    cursor: grab
}

.owl-carousel .owl-item img {
    transform-style: preserve-3d
}

.owl-carousel .owl-dots, .owl-carousel .owl-nav {
    text-align: center;
    -webkit-tap-highlight-color: transparent;
    line-height: 1
}

    .owl-carousel .owl-nav [class*=owl-] {
        position: absolute;
        top: 50%;
        margin-top: -18px;
        left: -36px;
        zoom: 1;
        width: 36px;
        height: 36px;
        line-height: 32px;
        border: 1px solid rgba(0,0,0,.2);
        color: #666;
        background-color: #fff;
        font-size: 18px;
        border-radius: 50%;
        opacity: 0;
        -webkit-transition: all .3s ease;
        -o-transition: all .3s ease;
        transition: all .3s ease
    }

    .owl-carousel .owl-nav .owl-next {
        left: auto;
        right: -36px
    }

.owl-carousel:hover .owl-nav [class*=owl-] {
    opacity: 1;
    left: -18px
}

.owl-carousel:hover .owl-nav .owl-next {
    left: auto;
    right: -18px
}

.sm-form-control {
    display: block;
    width: 100%;
    height: 38px;
    padding: 8px 14px;
    font-size: 15px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 2px solid #ddd;
    border-radius: 0 !important;
    -webkit-transition: border-color ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s;
    transition: border-color ease-in-out .15s
}

    .sm-form-control::-webkit-input-placeholder {
        color: #999
    }

.sm-form-control {
    height: auto
}

#gotoTop {
    display: none;
    z-index: 299;
    position: fixed;
    width: 40px;
    height: 40px;
    background-color: #333;
    background-color: rgba(0,0,0,.3);
    font-size: 20px;
    line-height: 36px;
    text-align: center;
    color: #fff;
    top: auto;
    left: auto;
    right: 30px;
    bottom: 50px;
    cursor: pointer;
    border-radius: 2px
}

body:not(.device-touch) #gotoTop {
    transition: background-color .2s linear;
    -webkit-transition: background-color .2s linear;
    -o-transition: background-color .2s linear
}

.stretched #gotoTop {
    bottom: 30px
}

#footer {
    position: relative;
    background-color: #eee;
    border-top: 5px solid rgba(0,0,0,.2)
}

#copyrights {
    padding: 40px 0;
    background-color: #ddd;
    font-size: 14px;
    line-height: 1.8
}

    #copyrights .col_half {
        margin-bottom: 0 !important
    }

.stretched #wrapper {
    width: 100%;
    margin: 0;
    box-shadow: none
}

@media(min-width: 1200px) {
    .container {
        width: 1300px
    }
}

.tp-tabs, .tp-thumbs {
    display: block !important
}

.phonenumber {
    color: #82c1cf !important;
    font-family: Raleway !important;
    font-weight: 600 !important;
    font-size: 20px !important;
    margin-top: -4px
}

.buttononpages {
    letter-spacing: 2px !important;
    padding: 15px !important;
    border: 1px solid #fff !important
}

    .buttononpages:hover {
        background: #82c1cf !important
    }

.buttononpages2 {
    letter-spacing: 1px !important;
    padding: 10px !important;
    border: 1px solid #fff !important
}

    .buttononpages2:hover {
        background: #82c1cf !important
    }

*, *:before, *:after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.mouse_scroll {
    display: block;
    margin: 0 auto;
    width: 24px;
    height: 100px;
    margin-top: 125px;
    bottom: 1%;
    position: absolute;
    left: 50%
}

.m_scroll_arrows {
    display: block;
    width: 5px;
    height: 5px;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    margin: 0 0 3px 4px;
    width: 16px;
    height: 16px
}

.unu {
    margin-top: 1px
}

.unu, .doi, .trei {
    -webkit-animation: mouse-scroll 1s infinite;
    -moz-animation: mouse-scroll 1s infinite
}

.unu {
    -webkit-animation-delay: .1s;
    -moz-animation-delay: .1s;
    -webkit-animation-direction: alternate
}

.doi {
    -webkit-animation-delay: .2s;
    -moz-animation-delay: .2s;
    -webkit-animation-direction: alternate;
    margin-top: -6px
}

.trei {
    -webkit-animation-delay: .3s;
    -moz-animation-delay: .3s;
    -webkit-animation-direction: alternate;
    margin-top: -6px
}

.mouse {
    height: 42px;
    width: 24px;
    border-radius: 14px;
    transform: none;
    border: 2px solid #fff;
    top: 170px
}

.wheel {
    height: 5px;
    width: 2px;
    display: block;
    margin: 5px auto;
    background: #fff;
    position: relative;
    height: 4px;
    width: 4px;
    border: 2px solid #fff;
    -webkit-border-radius: 8px;
    border-radius: 8px
}

.wheel {
    -webkit-animation: mouse-wheel 1.6s linear infinite;
    -moz-animation: mouse-wheel 1.6s linear infinite
}

.text-white {
    color: #fff !important
}
