@font-face {
    font-family: 'AmaticSC-Bold';
    src: url('/fonts/AmaticSC-Bold.woff2') format('woff2'),
         url('/fonts/AmaticSC-Bold.ttf') format('truetype') fallback;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica';
    src: url('/css/fonts/Helvetica.woff2') format('woff2'),
         url('/css/fonts/Helvetica.ttf') format('truetype') fallback;
    font-display: swap;
}

@font-face {
    font-family: 'Times New Roman';
    src: url('/css/fonts/Times-New-Roman.woff2') format('woff2'),
         url('/css/fonts/Times-New-Roman.ttf') format('truetype') fallback;
    font-display: swap;
}

@font-face {
    font-family: Courier;
    src: url(/css/fonts/Courier.ttf);
    font-display: swap
}

@font-face {
    font-family: 'Arial';
    src: url('/css/fonts/Arial.woff2') format('woff2'),
         url('/css/fonts/Arial.ttf') format('truetype') fallback;
    font-display: swap;
}

@font-face {
    font-family: Georgia;
    src: url(/css/fonts/Georgia.ttf);
    font-display: swap
}

@font-face {
    font-family: Tahoma;
    src: url(/css/fonts/Tahoma.ttf);
    font-display: swap
}

@font-face {
    font-family: Leafy;
    src: url(/fonts/leafy/Leafy.otf);
    font-display: swap
}

@font-face {
    font-family: 'Learning Curve';
    src: url(/css/fonts/LearningCurve.ttf);
    font-display: swap
}

@font-face {
    font-family: Calibri;
    src: url(/css/fonts/Calibri.ttf);
    font-display: swap
}

@font-face {
    font-family: 'AmaticSC-Regular';
    src: url('/fonts/AmaticSC-Regular.woff2') format('woff2'),
         url('/fonts/AmaticSC-Regular.ttf') format('truetype') fallback;
    font-display: swap;
}

@font-face {
    font-family: 'Avenir-Roman';
    src: url('/fonts/AvenirLTStd-Roman.woff2') format('woff2'),
         url('/fonts/AvenirLTStd-Roman.otf') format('truetype') fallback;
    font-display: swap;
}

@font-face {
    font-family: 'AvenirNext-Regular';
    src: url('/fonts/AvenirNext-Regular.woff2') format('woff2'),
         url('/fonts/AvenirNext-Regular.otf') format('truetype') fallback;
    font-display: swap;
}

@font-face {
    font-family: 'Avenir-Medium';
    src: url('/fonts/Avenir-Medium.woff2') format('woff2'),
         url('/fonts/Avenir-Medium.ttf') format('truetype') fallback;
    font-display: swap;
}

@font-face {
    font-family: SUNN;
    src: url(/fonts/SUNN.otf);
    font-display: swap
}
@font-face {
    font-family: SUNN_BOLD;
    src: url(/fonts/SUNN-Line-Free-Bold.otf);
    font-display: swap
}

@font-face {
    font-family: A_DAY_WITHOUT_SUN;
    src: url(/fonts/A_DAY_WITHOUT_SUN.ttf);
    font-display: swap
}

@font-face {
    font-family: Just_Another_Hand;
    src: url(/fonts/groupmontagetool/JustAnotherHand-Regular.ttf);
    font-display: swap
}
@font-face {
    font-family: 'Amiri';
    src: url(/fonts/kkk/Amiri/Amiri-Regular.ttf);
    font-display: swap
}
@font-face {
    font-family: 'BenchNine';
    src: url(/fonts/kkk/BenchNine/BenchNine-Regular.ttf);
    font-display: swap
}
@font-face {
    font-family: 'Cabin Condensed';
    src: url(/fonts/kkk/Cabin_Condensed/CabinCondensed-Regular.ttf);
    font-display: swap
}
@font-face {
    font-family: 'Caveat Brush';
    src: url(/fonts/kkk/Caveat_Brush/CaveatBrush-Regular.ttf);
    font-display: swap
}
@font-face {
    font-family: 'Caveat';
    src: url(/fonts/kkk/Caveat/static/Caveat-Regular.ttf);
    font-display: swap
}
@font-face {
    font-family: 'Indie Flower';
    src: url(/fonts/kkk/Indie_Flower/IndieFlower-Regular.ttf);
    font-display: swap
}
@font-face {
    font-family: 'Pangolin';
    src: url(/fonts/kkk/Pangolin/Pangolin-Regular.ttf);
    font-display: swap
}
@font-face {
    font-family: 'Ubuntu Condensed';
    src: url(/fonts/kkk/Ubuntu_Condensed/UbuntuCondensed-Regular.ttf);
    font-display: swap
}
@font-face {
    font-family: 'Patrick Hand';
    src: url(/fonts/kkk/Patrick_Hand/PatrickHand-Regular.ttf);
    font-display: swap
}
@font-face {
    font-family: 'Quicksand';
    src: url(/fonts/kkk/Quicksand/static/Quicksand-Regular.ttf);
    font-display: swap
}
.animation-delay-1 {
    -webkit-animation-delay: .1s !important;
    -moz-animation-delay: .1s !important;
    -ms-animation-delay: .1s !important;
    -o-animation-delay: .1s !important;
    animation-delay: .1s !important
}

.animation-delay-2 {
    -webkit-animation-delay: .2s !important;
    -moz-animation-delay: .2s !important;
    -ms-animation-delay: .2s !important;
    -o-animation-delay: .2s !important;
    animation-delay: .2s !important
}

.animation-delay-3 {
    -webkit-animation-delay: .3s !important;
    -moz-animation-delay: .3s !important;
    -ms-animation-delay: .3s !important;
    -o-animation-delay: .3s !important;
    animation-delay: .3s !important
}

.animation-delay-4 {
    -webkit-animation-delay: .4s !important;
    -moz-animation-delay: .4s !important;
    -ms-animation-delay: .4s !important;
    -o-animation-delay: .4s !important;
    animation-delay: .4s !important
}

.ui-widget-content {
    position: absolute;
    top: 34px;
    left: 0px;
    z-index: 1002
}

.animation-delay-5 {
    -webkit-animation-delay: .5s !important;
    -moz-animation-delay: .5s !important;
    -ms-animation-delay: .5s !important;
    -o-animation-delay: .5s !important;
    animation-delay: .5s !important
}

.animation-delay-6 {
    -webkit-animation-delay: .6s !important;
    -moz-animation-delay: .6s !important;
    -ms-animation-delay: .6s !important;
    -o-animation-delay: .6s !important;
    animation-delay: .6s !important
}

.animation-delay-7 {
    -webkit-animation-delay: .7s !important;
    -moz-animation-delay: .7s !important;
    -ms-animation-delay: .7s !important;
    -o-animation-delay: .7s !important;
    animation-delay: .7s !important
}

.animation-delay-8 {
    -webkit-animation-delay: .8s !important;
    -moz-animation-delay: .8s !important;
    -ms-animation-delay: .8s !important;
    -o-animation-delay: .8s !important;
    animation-delay: .8s !important
}

.animation-delay-9 {
    -webkit-animation-delay: .9s !important;
    -moz-animation-delay: .9s !important;
    -ms-animation-delay: .9s !important;
    -o-animation-delay: .9s !important;
    animation-delay: .9s !important
}

.animation-delay-10 {
    -webkit-animation-delay: 1s !important;
    -moz-animation-delay: 1s !important;
    -ms-animation-delay: 1s !important;
    -o-animation-delay: 1s !important;
    animation-delay: 1s !important
}

.animation-delay-11 {
    -webkit-animation-delay: 1.1s !important;
    -moz-animation-delay: 1.1s !important;
    -ms-animation-delay: 1.1s !important;
    -o-animation-delay: 1.1s !important;
    animation-delay: 1.1s !important
}

.animation-delay-12 {
    -webkit-animation-delay: 1.2s !important;
    -moz-animation-delay: 1.2s !important;
    -ms-animation-delay: 1.2s !important;
    -o-animation-delay: 1.2s !important;
    animation-delay: 1.2s !important
}

.animation-delay-13 {
    -webkit-animation-delay: 1.3s !important;
    -moz-animation-delay: 1.3s !important;
    -ms-animation-delay: 1.3s !important;
    -o-animation-delay: 1.3s !important;
    animation-delay: 1.3s !important
}

.animation-delay-14 {
    -webkit-animation-delay: 1.4s !important;
    -moz-animation-delay: 1.4s !important;
    -ms-animation-delay: 1.4s !important;
    -o-animation-delay: 1.4s !important;
    animation-delay: 1.4s !important
}

.animation-delay-15 {
    -webkit-animation-delay: 1.5s !important;
    -moz-animation-delay: 1.5s !important;
    -ms-animation-delay: 1.5s !important;
    -o-animation-delay: 1.5s !important;
    animation-delay: 1.5s !important
}

.animation-delay-16 {
    -webkit-animation-delay: 1.6s !important;
    -moz-animation-delay: 1.6s !important;
    -ms-animation-delay: 1.6s !important;
    -o-animation-delay: 1.6s !important;
    animation-delay: 1.6s !important
}

.animation-delay-17 {
    -webkit-animation-delay: 1.7s !important;
    -moz-animation-delay: 1.7s !important;
    -ms-animation-delay: 1.7s !important;
    -o-animation-delay: 1.7s !important;
    animation-delay: 1.7s !important
}

.animation-delay-18 {
    -webkit-animation-delay: 1.8s !important;
    -moz-animation-delay: 1.8s !important;
    -ms-animation-delay: 1.8s !important;
    -o-animation-delay: 1.8s !important;
    animation-delay: 1.8s !important
}

.animation-delay-19 {
    -webkit-animation-delay: 1.9s !important;
    -moz-animation-delay: 1.9s !important;
    -ms-animation-delay: 1.9s !important;
    -o-animation-delay: 1.9s !important;
    animation-delay: 1.9s !important
}

.animation-delay-20 {
    -webkit-animation-delay: 2s !important;
    -moz-animation-delay: 2s !important;
    -ms-animation-delay: 2s !important;
    -o-animation-delay: 2s !important;
    animation-delay: 2s !important
}

.animation-delay-21 {
    -webkit-animation-delay: 2.1s !important;
    -moz-animation-delay: 2.1s !important;
    -ms-animation-delay: 2.1s !important;
    -o-animation-delay: 2.1s !important;
    animation-delay: 2.1s !important
}

.animation-delay-22 {
    -webkit-animation-delay: 2.2s !important;
    -moz-animation-delay: 2.2s !important;
    -ms-animation-delay: 2.2s !important;
    -o-animation-delay: 2.2s !important;
    animation-delay: 2.2s !important
}

.animation-delay-23 {
    -webkit-animation-delay: 2.3s !important;
    -moz-animation-delay: 2.3s !important;
    -ms-animation-delay: 2.3s !important;
    -o-animation-delay: 2.3s !important;
    animation-delay: 2.3s !important
}

.animation-delay-24 {
    -webkit-animation-delay: 2.4s !important;
    -moz-animation-delay: 2.4s !important;
    -ms-animation-delay: 2.4s !important;
    -o-animation-delay: 2.4s !important;
    animation-delay: 2.4s !important
}

.animation-delay-25 {
    -webkit-animation-delay: 2.5s !important;
    -moz-animation-delay: 2.5s !important;
    -ms-animation-delay: 2.5s !important;
    -o-animation-delay: 2.5s !important;
    animation-delay: 2.5s !important
}

.animation-delay-26 {
    -webkit-animation-delay: 2.6s !important;
    -moz-animation-delay: 2.6s !important;
    -ms-animation-delay: 2.6s !important;
    -o-animation-delay: 2.6s !important;
    animation-delay: 2.6s !important
}

.animation-delay-27 {
    -webkit-animation-delay: 2.6s !important;
    -moz-animation-delay: 2.6s !important;
    -ms-animation-delay: 2.6s !important;
    -o-animation-delay: 2.6s !important;
    animation-delay: 2.6s !important
}

.animation-delay-28 {
    -webkit-animation-delay: 2.8s !important;
    -moz-animation-delay: 2.8s !important;
    -ms-animation-delay: 2.8s !important;
    -o-animation-delay: 2.8s !important;
    animation-delay: 2.8s !important
}

.animation-delay-29 {
    -webkit-animation-delay: 2.9s !important;
    -moz-animation-delay: 2.9s !important;
    -ms-animation-delay: 2.9s !important;
    -o-animation-delay: 2.9s !important;
    animation-delay: 2.9s !important
}

.animation-delay-30 {
    -webkit-animation-delay: 3s !important;
    -moz-animation-delay: 3s !important;
    -ms-animation-delay: 3s !important;
    -o-animation-delay: 3s !important;
    animation-delay: 3s !important
}

@font-face {
    font-family: SocialGlyphs;
    src: url(../fonts/socialglyphs-webfont.eot);
    src: url(../fonts/socialglyphs-webfont.eot?#iefix) format('embedded-opentype'), url(../fonts/socialglyphs-webfont.woff) format('woff'), url(../fonts/socialglyphs-webfont.ttf) format('truetype'), url(../fonts/socialglyphs-webfont.svg#SocialGlyphsRegular) format('svg');
    font-weight: 400;
    font-style: normal
}

a.social {
    display: inline-block;
    margin: 0 20px 20px 0;
    color: #fff
}

a.social:link {
    opacity: 1
}

a.social:hover {
    -webkit-box-shadow: inset 0 0 0 250px rgba(255, 255, 255, .1);
    -moz-box-shadow: inset 0 0 0 250px rgba(255, 255, 255, .1);
    box-shadow: inset 0 0 0 250px rgba(255, 255, 255, .1);
    text-decoration: none;
    color: #fff
}

a.social:active {
    opacity: .8
}

.social-facebook {
    display: block;
    text-decoration: none;
    font-family: SocialGlyphs;
    text-align: center;
    font-size: 35px;
    line-height: 1.2em;
    text-indent: 10px;
    font-weight: regular;
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .2);
    width: 44px;
    height: 44px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #4f78b4;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
    background-image: -webkit-linear-gradient(bottom, #4974b0, #6e90c0);
    background-image: -moz-linear-gradient(bottom, #4974b0, #6e90c0);
    background-image: -o-linear-gradient(bottom, #4974b0, #6e90c0);
    background-image: linear-gradient(to top, #4974b0, #6e90c0)
}

.social-facebook:after {
    content: "A"
}

.social-twitter {
    display: block;
    text-decoration: none;
    font-family: SocialGlyphs;
    text-align: center;
    font-size: 33px;
    line-height: 1.3em;
    text-indent: 2px;
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .2);
    width: 44px;
    height: 44px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #4e9edc;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
    background-image: -webkit-linear-gradient(bottom, #4e9edc, #5daae6);
    background-image: -moz-linear-gradient(bottom, #4e9edc, #5daae6);
    background-image: -o-linear-gradient(bottom, #4e9edc, #5daae6);
    background-image: linear-gradient(to top, #4e9edc, #5daae6)
}

.social-twitter:after {
    content: "B"
}

.social-google {
    display: block;
    text-decoration: none;
    font-family: SocialGlyphs;
    text-align: center;
    font-size: 34px;
    line-height: 1.2em;
    text-indent: 2px;
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .2);
    width: 44px;
    height: 44px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #da4935;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
    background-image: -webkit-linear-gradient(bottom, #da4935, #e15946);
    background-image: -moz-linear-gradient(bottom, #da4935, #e15946);
    background-image: -o-linear-gradient(bottom, #da4935, #e15946);
    background-image: linear-gradient(to top, #da4935, #e15946)
}

.social-google:after {
    content: "C"
}

.social-myspace {
    display: block;
    text-decoration: none;
    font-family: SocialGlyphs;
    text-align: center;
    font-size: 32px;
    line-height: 1.4em;
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .2);
    width: 44px;
    height: 44px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #474747;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
    background-image: -webkit-linear-gradient(bottom, #424242, #4e4e4e);
    background-image: -moz-linear-gradient(bottom, #424242, #4e4e4e);
    background-image: -o-linear-gradient(bottom, #424242, #4e4e4e);
    background-image: linear-gradient(to top, #424242, #4e4e4e)
}

.social-myspace:after {
    content: "D"
}

.social-instagram {
    display: block;
    text-decoration: none;
    font-family: SocialGlyphs;
    text-align: center;
    font-size: 35px;
    line-height: 1.2em;
    text-indent: 2px;
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .2);
    width: 44px;
    height: 44px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #49709b;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
    background-image: -webkit-linear-gradient(bottom, #49709b, #6387af);
    background-image: -moz-linear-gradient(bottom, #49709b, #6387af);
    background-image: -o-linear-gradient(bottom, #49709b, #6387af);
    background-image: linear-gradient(to top, #49709b, #6387af)
}

.social-instagram:after {
    content: "E"
}

.social-linkedin {
    display: block;
    text-decoration: none;
    font-family: SocialGlyphs;
    text-align: center;
    font-size: 30px;
    line-height: 1.4em;
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .2);
    width: 44px;
    height: 44px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #005a87;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
    background-image: -webkit-linear-gradient(bottom, #005a87, #066696);
    background-image: -moz-linear-gradient(bottom, #005a87, #066696);
    background-image: -o-linear-gradient(bottom, #005a87, #066696);
    background-image: linear-gradient(to top, #005a87, #066696)
}

.social-linkedin:after {
    content: "F"
}

.social-vimeo {
    display: block;
    text-decoration: none;
    font-family: SocialGlyphs;
    text-align: center;
    font-size: 32px;
    text-indent: 0;
    line-height: 1.3em;
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .2);
    width: 44px;
    height: 44px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #61a0ad;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
    background-image: -webkit-linear-gradient(bottom, #61a0ad, #68aebd);
    background-image: -moz-linear-gradient(bottom, #61a0ad, #68aebd);
    background-image: -o-linear-gradient(bottom, #61a0ad, #68aebd);
    background-image: linear-gradient(to top, #61a0ad, #68aebd)
}

.social-vimeo:after {
    content: "G"
}

.social-youtube {
    display: block;
    text-decoration: none;
    font-family: SocialGlyphs;
    text-align: center;
    font-size: 32px;
    line-height: 1.3em;
    text-indent: 2px;
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .2);
    width: 44px;
    height: 44px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #c9322b;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
    background-image: -webkit-linear-gradient(bottom, #c9322b, #dc3f38);
    background-image: -moz-linear-gradient(bottom, #c9322b, #dc3f38);
    background-image: -o-linear-gradient(bottom, #c9322b, #dc3f38);
    background-image: linear-gradient(to top, #c9322b, #dc3f38)
}

.social-youtube:after {
    content: "H"
}

.social-dribbble {
    display: block;
    text-decoration: none;
    font-family: SocialGlyphs;
    text-align: center;
    font-size: 35px;
    line-height: 1.2em;
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .2);
    width: 44px;
    height: 44px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #eb4d8a;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
    background-image: -webkit-linear-gradient(bottom, #eb4d8a, #f84e90);
    background-image: -moz-linear-gradient(bottom, #eb4d8a, #f84e90);
    background-image: -o-linear-gradient(bottom, #eb4d8a, #f84e90);
    background-image: linear-gradient(to top, #eb4d8a, #f84e90)
}

.social-dribbble:after {
    content: "I"
}

.social-forrst {
    display: block;
    text-decoration: none;
    font-family: SocialGlyphs;
    text-align: center;
    font-size: 32px;
    line-height: 1.4em;
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .2);
    width: 44px;
    height: 44px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #267434;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
    background-image: -webkit-linear-gradient(bottom, #267434, #328a42);
    background-image: -moz-linear-gradient(bottom, #267434, #328a42);
    background-image: -o-linear-gradient(bottom, #267434, #328a42);
    background-image: linear-gradient(to top, #267434, #328a42)
}

.social-forrst:after {
    content: "J"
}

.social-stumbleupon {
    display: block;
    text-decoration: none;
    font-family: SocialGlyphs;
    text-align: center;
    font-size: 35px;
    line-height: 1.1em;
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .2);
    width: 44px;
    height: 44px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #ea4b24;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
    background-image: -webkit-linear-gradient(bottom, #ea4b24, #f7623d);
    background-image: -moz-linear-gradient(bottom, #ea4b24, #f7623d);
    background-image: -o-linear-gradient(bottom, #ea4b24, #f7623d);
    background-image: linear-gradient(to top, #ea4b24, #f7623d)
}

.social-stumbleupon:after {
    content: "K"
}

.social-pinterest {
    display: block;
    text-decoration: none;
    font-family: SocialGlyphs;
    text-align: center;
    font-size: 36px;
    line-height: 1.2em;
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .2);
    width: 44px;
    height: 44px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #b8242a;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
    background-image: -webkit-linear-gradient(bottom, #b8242a, #c5383e);
    background-image: -moz-linear-gradient(bottom, #b8242a, #c5383e);
    background-image: -o-linear-gradient(bottom, #b8242a, #c5383e);
    background-image: linear-gradient(to top, #b8242a, #c5383e)
}

.social-pinterest:after {
    content: "L"
}

.social-blogger {
    display: block;
    text-decoration: none;
    font-family: SocialGlyphs;
    text-align: center;
    font-size: 35px;
    line-height: 1.2em;
    text-indent: 5px;
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .2);
    width: 44px;
    height: 44px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #fc9847;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
    background-image: -webkit-linear-gradient(bottom, #fc9847, #ffa55c);
    background-image: -moz-linear-gradient(bottom, #fc9847, #ffa55c);
    background-image: -o-linear-gradient(bottom, #fc9847, #ffa55c);
    background-image: linear-gradient(to top, #fc9847, #ffa55c)
}

.social-blogger:after {
    content: "M"
}

.social-yahoo {
    display: block;
    text-decoration: none;
    font-family: SocialGlyphs;
    text-align: center;
    font-size: 33px;
    line-height: 1.2em;
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .2);
    width: 44px;
    height: 44px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #5f0d8e;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
    background-image: -webkit-linear-gradient(bottom, #72179d, #9227b6);
    background-image: -moz-linear-gradient(bottom, #72179d, #9227b6);
    background-image: -o-linear-gradient(bottom, #72179d, #9227b6);
    background-image: linear-gradient(to top, #72179d, #9227b6)
}

.social-yahoo:after {
    content: "N"
}

.social-evernote {
    display: block;
    text-decoration: none;
    font-family: SocialGlyphs;
    text-align: center;
    font-size: 38px;
    line-height: 1.1em;
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .2);
    width: 44px;
    height: 44px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #7ac143;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
    background-image: -webkit-linear-gradient(bottom, #7ac143, #8fc565);
    background-image: -moz-linear-gradient(bottom, #7ac143, #8fc565);
    background-image: -o-linear-gradient(bottom, #7ac143, #8fc565);
    background-image: linear-gradient(to top, #7ac143, #8fc565)
}

.social-evernote:after {
    content: "O"
}

.social-wordpress {
    display: block;
    text-decoration: none;
    font-family: SocialGlyphs;
    text-align: center;
    font-size: 38px;
    line-height: 1.1em;
    text-indent: 2px;
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .2);
    width: 44px;
    height: 44px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #2485b3;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
    background-image: -webkit-linear-gradient(bottom, #2485b3, #4597be);
    background-image: -moz-linear-gradient(bottom, #2485b3, #4597be);
    background-image: -o-linear-gradient(bottom, #2485b3, #4597be);
    background-image: linear-gradient(to top, #2485b3, #4597be)
}

.social-wordpress:after {
    content: "P"
}

.social-foursquare {
    display: block;
    text-decoration: none;
    font-family: SocialGlyphs;
    text-align: center;
    font-size: 34px;
    line-height: 1.4em;
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .2);
    width: 44px;
    height: 44px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #0bbadf;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
    background-image: -webkit-linear-gradient(bottom, #0bbadf, #4cc1da);
    background-image: -moz-linear-gradient(bottom, #0bbadf, #4cc1da);
    background-image: -o-linear-gradient(bottom, #0bbadf, #4cc1da);
    background-image: linear-gradient(to top, #0bbadf, #4cc1da)
}

.social-foursquare:after {
    content: "Q"
}

.social-lastfm {
    display: block;
    text-decoration: none;
    font-family: SocialGlyphs;
    text-align: center;
    font-size: 32px;
    line-height: 1.3em;
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .2);
    width: 44px;
    height: 44px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #de1600;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
    background-image: -webkit-linear-gradient(bottom, #de1600, #de402e);
    background-image: -moz-linear-gradient(bottom, #de1600, #de402e);
    background-image: -o-linear-gradient(bottom, #de1600, #de402e);
    background-image: linear-gradient(to top, #de1600, #de402e)
}

.social-lastfm:after {
    content: "R"
}

.social-behance {
    display: block;
    text-decoration: none;
    font-family: SocialGlyphs;
    text-align: center;
    font-size: 36px;
    line-height: .9em;
    text-indent: 2px;
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .2);
    width: 44px;
    height: 44px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #1e6fed;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
    background-image: -webkit-linear-gradient(bottom, #1e6fed, #2f7df6);
    background-image: -moz-linear-gradient(bottom, #1e6fed, #2f7df6);
    background-image: -o-linear-gradient(bottom, #1e6fed, #2f7df6);
    background-image: linear-gradient(to top, #1e6fed, #2f7df6)
}

.social-behance:after {
    content: "S"
}

.social-tumblr {
    display: block;
    text-decoration: none;
    font-family: SocialGlyphs;
    text-align: center;
    font-size: 32px;
    line-height: 1.3em;
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .2);
    width: 44px;
    height: 44px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #466484;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
    background-image: -webkit-linear-gradient(bottom, #466484, #4f759e);
    background-image: -moz-linear-gradient(bottom, #466484, #4f759e);
    background-image: -o-linear-gradient(bottom, #466484, #4f759e);
    background-image: linear-gradient(to top, #466484, #4f759e)
}

.social-tumblr:after {
    content: "T"
}

.social-feed {
    display: block;
    text-decoration: none;
    font-family: SocialGlyphs;
    text-align: center;
    font-size: 34px;
    line-height: 1.2em;
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .2);
    width: 44px;
    height: 44px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #ef922f;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
    background-image: -webkit-linear-gradient(bottom, #ef922f, #f8a64f);
    background-image: -moz-linear-gradient(bottom, #ef922f, #f8a64f);
    background-image: -o-linear-gradient(bottom, #ef922f, #f8a64f);
    background-image: linear-gradient(to top, #ef922f, #f8a64f)
}

.social-feed:after {
    content: "U"
}

.social-skype {
    display: block;
    text-decoration: none;
    font-family: SocialGlyphs;
    text-align: center;
    font-size: 36px;
    text-indent: 1px;
    line-height: 1.1em;
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .2);
    width: 44px;
    height: 44px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #00aff0;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
    background-image: -webkit-linear-gradient(bottom, #00aff0, #1bc1ff);
    background-image: -moz-linear-gradient(bottom, #00aff0, #1bc1ff);
    background-image: -o-linear-gradient(bottom, #00aff0, #1bc1ff);
    background-image: linear-gradient(to top, #00aff0, #1bc1ff)
}

.social-skype:after {
    content: "V"
}

.social-email {
    display: block;
    text-decoration: none;
    font-family: SocialGlyphs;
    text-align: center;
    font-size: 35px;
    line-height: 1em;
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .2);
    width: 44px;
    height: 44px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #1d90dd;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
    background-image: -webkit-linear-gradient(bottom, #1d90dd, #2da2f0);
    background-image: -moz-linear-gradient(bottom, #1d90dd, #2da2f0);
    background-image: -o-linear-gradient(bottom, #1d90dd, #2da2f0);
    background-image: linear-gradient(to top, #1d90dd, #2da2f0)
}

.social-email:after {
    content: "W"
}

.social-sharethis {
    display: block;
    text-decoration: none;
    font-family: SocialGlyphs;
    text-align: center;
    font-size: 33px;
    line-height: 1.3em;
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .2);
    width: 44px;
    height: 44px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #008850;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
    background-image: -webkit-linear-gradient(bottom, #008850, #119e64);
    background-image: -moz-linear-gradient(bottom, #008850, #119e64);
    background-image: -o-linear-gradient(bottom, #008850, #119e64);
    background-image: linear-gradient(to top, #008850, #119e64)
}

.social-sharethis:after {
    content: "X"
}

.text-blue {
    color: #00a2cb
}

#privacyModal .modal-dialog{
        width: 98%!important;
}

html {
    -webkit-font-smoothing: antialiased
}

body {
    background-color: #fff;
    color: #666;
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    line-height: 1.75em
}

.boxed {
    background-color: #fff
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 300;
    line-height: 120%;
    color: #e6007e;
    margin: 20px 0 17px 0
}

h1 {
    font-size: 2.3em
}

h2 {
    font-size: 2em
}

h3 {
    font-size: 1.7em;
    color: #cf2e7c
}

h4 {
    font-size: 1.4em
}

h5 {
    font-size: 1.2em;
    font-weight: 400
}

h6 {
    font-size: 1em;
    font-weight: 400
}

a {
    color: #00a2cb
}

.strong {
    font-weight: 400
}

a:active,
a:focus,
a:hover {
    color: #000;
    text-decoration: none
}

a.button {
    text-decoration: none
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px #fff inset
}

:focus {
    outline: 0 !important
}

::-moz-focus-inner {
    border: 0 !important
}

iframe {
    border: 0
}

p.small {
    font-size: .9em
}

.margin-small {
    margin-top: 5px;
    margin-bottom: 5px
}

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

dt {
    color: #00a2cb
}

dd,
dt {
    margin: 2px 0
}

.small-font {
    font-size: .9em
}

.primary-color {
    color: #00a2cb
}

.alignleft {
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
    margin-top: 5px
}

.alignright {
    float: right;
    margin-left: 10px;
    margin-bottom: 10px;
    margin-top: 5px
}

.aligncenter {
    display: block;
    margin: 0 auto
}

.imageborder {
    padding: 5px;
    border: solid 1px #ddd
}

img+p {
    margin-top: 20px
}

img.alignleft+p,
img.alignright+p {
    margin-top: 0
}

.p-lg {
    font-size: 1.1em;
    line-height: 180%
}

.margin-bottom {
    margin-bottom: 25px
}

.margin-bottom-10 {
    margin-bottom: 10px
}

.margin-top {
    margin-top: 40px
}

.margin-top-10 {
    margin-top: 10px
}

.margin-top-20 {
    margin-top: 20px
}

.margin-top-80 {
    margin-top: 80px
}

.padding-right-10 {
    padding-right: 10px
}

.padding-right-20 {
    padding-right: 20px
}

.padding-right-0 {
    padding-right: 0
}

.lb-last-search {
    font-weight: 500;
    font-size: 13px
}

.width-10 {
    width: 10px
}

hr {
    display: block;
    border-top: 1px solid #ddd;
    margin: 25px 0
}

hr.color {
    border-color: #00a2cb !important
}

hr.dotted {
    border-style: dotted !important
}

hr.dashed {
    border-style: dashed !important
}

hr.double {
    height: 5px;
    border-bottom-width: 1px;
    border-bottom-color: #ddd;
    border-bottom-style: solid
}

.list-line {
    list-style-type: none;
    padding: 0
}

.list-line li {
    border-bottom: solid 1px #eee
}

.list-line li:first-child {
    border-top: solid 1px #eee
}

.list-line li a {
    color: #333;
    text-decoration: none;
    padding: 7px;
    display: block;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease
}

.list-line li a:hover {
    background-color: #f5f5f5;
    color: #00a2cb
}

.col-gray {
    background-color: #f6f6f6;
    overflow: hidden
}

.col-gray .content-box {
    margin: 0;
    overflow: visible;
    padding: 15px 0;
    position: relative;
    text-align: center
}

.col-gray .content-box:after {
    background-color: #cfcfcf;
    content: "";
    height: 31px;
    position: absolute;
    right: -15px;
    top: 12px;
    width: 1px
}

.col-gray .col-md-3:last-child .content-box:after {
    display: none
}

.col-gray .content-box>.fa {
    color: #df3883;
    font-size: 1.15em;
    margin: 0 8px 0 -4%
}

#Container .mix {
    display: none
}

.text-icon {
    margin-bottom: 30px;
    overflow: hidden
}

.text-icon .icon-ar {
    float: left;
    margin-top: 5px
}

.text-icon-content {
    padding-left: 70px;
    font-size: .9em
}

.text-icon-content p {
    margin-top: 5px
}

.slogan {
    font-family: "Open Sans", sans-serif;
    font-size: 2em;
    line-height: 150%;
    margin-bottom: 50px;
    font-weight: 300
}

.slogan>span {
    color: #00a2cb
}

.section-lines {
    border-top: solid 1px #ddd;
    border-bottom: solid 1px #ddd;
    margin-bottom: 40px;
    background-color: #f9f9f9
}

.section-title {
    border-bottom: solid 1px #eee;
    padding-bottom: 18px;
    margin-top: 30px;
    margin-bottom: 25px
}

.css-section {
    margin-bottom: 50px
}

.wrap-primary-color {
    background-color: #00a2cb;
    padding: 40px 0;
    color: #fff
}

.wrap-primary-color h1,
.wrap-primary-color h2,
.wrap-primary-color h3,
.wrap-primary-color h4,
.wrap-primary-color h5,
.wrap-primary-color h6 {
    color: #fff
}

.dropcaps::first-letter {
    float: left;
    color: #00a2cb;
    font-size: 3em;
    font-weight: 400;
    padding: 10px 10px 10px 5px;
    margin-top: 2px
}

.dropcaps-bg::first-letter {
    background-color: #00a2cb;
    color: #fff;
    padding-bottom: 12px;
    margin-right: 10px;
    border-radius: 2px;
    margin-top: 2px;
    padding: 10px 5px;
    font-size: 2.8em;
    margin-top: 4px
}

.dropcaps-circle::first-letter {
    border: solid 1px #00a2cb;
    border-radius: 30px;
    padding: 10px 8px;
    font-size: 2.3em;
    margin-right: 10px;
    margin-top: 2px
}

.dropcaps-circle-bg::first-letter {
    background-color: #00a2cb;
    color: #fff;
    border-radius: 30px;
    padding: 10px 8px;
    font-size: 2.3em;
    margin-right: 10px;
    margin-top: 2px
}

.border-box {
    background-color: #f9f9f9;
    border: solid 3px #eee;
    border-left-color: #00a2cb;
    padding: 20px;
    margin-bottom: 20px
}

.blockquote-color {
    border-color: #00a2cb
}

.blockquote-color-bg {
    border-color: #00a2cb;
    border-bottom: solid 1px #00a2cb;
    background-color: #f9f9f9
}

.blockquote-big {
    font-size: 1.8em;
    line-height: 140%;
    font-style: oblique;
    border: none
}

.blockquote-big footer {
    font-style: normal;
    font-size: .7em
}

.blockquote-color-bg-primary {
    font-size: 1em;
    background-color: #00a2cb;
    color: #fff;
    padding: 20px;
    text-align: center;
    position: relative;
    border: none
}

.blockquote-color-bg-dark:after,
.blockquote-color-bg-primary:after {
    font-family: FontAwesome;
    content: "\f10e";
    position: absolute;
    left: 10px;
    bottom: 10px;
    color: #fff;
    font-size: 2.6em
}

.blockquote-color-bg-dark {
    font-size: 1em;
    background-color: #444;
    color: #fff;
    padding: 20px;
    text-align: center;
    position: relative;
    border: none
}

.blockquote-color-bg-light {
    font-size: 1em;
    background-color: #ddd;
    color: #333;
    padding: 20px;
    text-align: center;
    position: relative;
    border: none;
    text-shadow: 1px 1px 0 #fff
}

.blockquote-color-bg-light:after {
    font-family: FontAwesome;
    content: "\f10e";
    position: absolute;
    left: 10px;
    bottom: 10px;
    color: #333;
    font-size: 2.6em
}

.blockquote-color-bg-dark footer,
.blockquote-color-bg-primary footer {
    color: #eee;
    font-size: .9em
}

.blockquote-color-bg-light footer {
    color: #666;
    font-size: .9em
}

.em-primary {
    color: #00a2cb
}

.em-success {
    color: #02c66c
}

.em-info {
    color: #54c8eb
}

.em-warning {
    color: #f0ad4e
}

.em-danger {
    color: #d9534f
}

.em-help,
.em-royal {
    color: #ac60d0
}

.em-primary-inverse {
    background-color: #00a2cb;
    color: #fff;
    padding: 0 5px;
    border-radius: 2px
}

.em-success-inverse {
    background-color: #02c66c;
    color: #fff;
    padding: 0 5px;
    border-radius: 2px
}

.em-info-inverse {
    background-color: #54c8eb;
    color: #fff;
    padding: 0 5px;
    border-radius: 2px
}

.em-warning-inverse {
    background-color: #f0ad4e;
    color: #fff;
    padding: 0 5px;
    border-radius: 2px
}

.em-danger-inverse {
    background-color: #d9534f;
    color: #fff;
    padding: 0 5px;
    border-radius: 2px
}

.em-royal-inverse {
    background-color: #ac60d0;
    color: #fff;
    padding: 0 5px;
    border-radius: 2px
}

.main-header {
    background-color: #00a2cb;
    color: #fff;
    padding: 20px 0;
    margin-bottom: 40px;
    position: relative
}

.main-header.main-header-inverse {
    background-color: #f5f5f5;
    color: #000;
    border-bottom: solid 1px #ddd
}

.main-header.main-header-inverse .breadcrumb,
.main-header.main-header-inverse .breadcrumb a,
.main-header.main-header-inverse .page-title {
    color: #000
}

.main-header.main-header-inverse .breadcrumb li {
    color: #00a2cb
}

.main-header.main-header-inverse .breadcrumb a:hover {
    border-bottom: solid 1px #000
}

.main-header.main-header-inverse .breadcrumb>li+li:before {
    color: #666
}

.main-header .page-title {
    color: #fff;
    margin: 0;
    padding: 0;
    line-height: 100%;
    font-size: 2em;
    display: inline-block;
    padding-top: 5px
}

.sidebar-nav {
    background-color: #f9f9f9;
    border: solid 1px #eee;
    margin: 0;
    padding: 0;
    font-size: .9em;
    margin-bottom: 40px
}

.sidebar-nav li {
    padding: 0;
    list-style: none
}

.sidebar-nav li a>i {
    margin: 2px 5px 0 0;
    font-size: 1.1em;
    color: #999
}

.sidebar-nav li a {
    display: block;
    padding: 5px 15px;
    color: #333;
    text-decoration: none;
    border-left: solid 3px #333;
    background-color: #f3f3f3
}

.sidebar-nav>li>a:after {
    font-family: FontAwesome;
    content: "\f107";
    font-size: 1.2em;
    float: right
}

.sidebar-nav>li>a.collapsed:after {
    content: "\f105"
}

.sidebar-nav li a.collapsed {
    background-color: transparent;
    border-left: solid 3px #00a2cb
}

.sidebar-nav li a:active,
.sidebar-nav li a:focus,
.sidebar-nav li a:hover {
    border-color: #333;
    background-color: #f3f3f3
}

.menu-submenu li a {
    border-color: #ddd;
    padding-left: 35px;
    background-color: transparent
}

.menu-submenu li.active a {
    border-color: #333;
    background-color: #f3f3f3
}

.menu-submenu li:last-child a {
    border-bottom: solid 1px #eee
}

.sidebar-nav li.active>a {
    border-left-color: #333;
    background-color: #f3f3f3
}

.btn-ar {
    border-radius: 2px;
    font-size: 14px
}

.btn-ar>.fa {
    margin-right: 5px
}

.btn-ar.btn-transparent {
    background-color: transparent;
    color: #fff;
    border-color: #fff
}

.btn-ar.btn-transparent:active,
.btn-ar.btn-transparent:focus,
.btn-ar.btn-transparent:hover {
    background-color: rgba(255, 255, 255, .2)
}

.btn-ar.btn-primary {
    color: #fff;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(.05, #00a2cb), color-stop(1, #0087c1));
    background: -moz-linear-gradient(top, #00a2cb 5%, #0087c1 100%);
    background: -webkit-linear-gradient(top, #00a2cb 5%, #0087c1 100%);
    background: -o-linear-gradient(top, #00a2cb 5%, #0087c1 100%);
    background: -ms-linear-gradient(top, #00a2cb 5%, #0087c1 100%);
    background: linear-gradient(to bottom, #00a2cb 5%, #0087c1 100%);
    background-color: #00a2cb;
    border: 1px solid #0087c1
}

.btn-ar.btn-primary:active {
    background-color: #0087c1;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(.05, #0087c1), color-stop(1, #00a2cb));
    background: -moz-linear-gradient(top, #0087c1 5%, #00a2cb 100%);
    background: -webkit-linear-gradient(top, #0087c1 5%, #00a2cb 100%);
    background: -o-linear-gradient(top, #0087c1 5%, #00a2cb 100%);
    background: -ms-linear-gradient(top, #0087c1 5%, #00a2cb 100%);
    background: linear-gradient(to bottom, #0087c1 5%, #00a2cb 100%)
}

.btn-ar.btn-default {
    color: #333;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(.05, #f1f1f1), color-stop(1, #e4e4e4));
    background: -moz-linear-gradient(top, #f1f1f1 5%, #e4e4e4 100%);
    background: -webkit-linear-gradient(top, #f1f1f1 5%, #e4e4e4 100%);
    background: -o-linear-gradient(top, #f1f1f1 5%, #e4e4e4 100%);
    background: -ms-linear-gradient(top, #f1f1f1 5%, #e4e4e4 100%);
    background: linear-gradient(to bottom, #f1f1f1 5%, #e4e4e4 100%);
    background-color: #f1f1f1;
    border: 1px solid #d0d0d0
}

.btn-ar.btn-default:active {
    background-color: #e4e4e4;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(.05, #e4e4e4), color-stop(1, #f1f1f1));
    background: -moz-linear-gradient(top, #e4e4e4 5%, #f1f1f1 100%);
    background: -webkit-linear-gradient(top, #e4e4e4 5%, #f1f1f1 100%);
    background: -o-linear-gradient(top, #e4e4e4 5%, #f1f1f1 100%);
    background: -ms-linear-gradient(top, #e4e4e4 5%, #f1f1f1 100%);
    background: linear-gradient(to bottom, #e4e4e4 5%, #f1f1f1 100%)
}

.btn-ar.btn-success {
    color: #fff;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(.05, #02c66c), color-stop(1, #02ad5e));
    background: -moz-linear-gradient(top, #02c66c 5%, #02ad5e 100%);
    background: -webkit-linear-gradient(top, #02c66c 5%, #02ad5e 100%);
    background: -o-linear-gradient(top, #02c66c 5%, #02ad5e 100%);
    background: -ms-linear-gradient(top, #02c66c 5%, #02ad5e 100%);
    background: linear-gradient(to bottom, #02c66c 5%, #02ad5e 100%);
    background-color: #02c66c;
    border: 1px solid #02ad5e
}

.btn-ar.btn-success:active {
    background-color: #02ad5e;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(.05, #02ad5e), color-stop(1, #02c66c));
    background: -moz-linear-gradient(top, #02ad5e 5%, #02c66c 100%);
    background: -webkit-linear-gradient(top, #02ad5e 5%, #02c66c 100%);
    background: -o-linear-gradient(top, #02ad5e 5%, #02c66c 100%);
    background: -ms-linear-gradient(top, #02ad5e 5%, #02c66c 100%);
    background: linear-gradient(to bottom, #02ad5e 5%, #02c66c 100%)
}

.btn-ar.btn-info {
    color: #fff;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(.05, #54c8eb), color-stop(1, #2fbce7));
    background: -moz-linear-gradient(top, #54c8eb 5%, #2fbce7 100%);
    background: -webkit-linear-gradient(top, #54c8eb 5%, #2fbce7 100%);
    background: -o-linear-gradient(top, #54c8eb 5%, #2fbce7 100%);
    background: -ms-linear-gradient(top, #54c8eb 5%, #2fbce7 100%);
    background: linear-gradient(to bottom, #54c8eb 5%, #2fbce7 100%);
    background-color: #54c8eb;
    border: 1px solid #34bee7
}

.btn-ar.btn-info:active {
    background-color: #3dc1e8;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(.05, #3dc1e8), color-stop(1, #54c8eb));
    background: -moz-linear-gradient(top, #3dc1e8 5%, #54c8eb 100%);
    background: -webkit-linear-gradient(top, #3dc1e8 5%, #54c8eb 100%);
    background: -o-linear-gradient(top, #3dc1e8 5%, #54c8eb 100%);
    background: -ms-linear-gradient(top, #3dc1e8 5%, #54c8eb 100%);
    background: linear-gradient(to bottom, #3dc1e8 5%, #54c8eb 100%)
}

.btn-ar.btn-warning {
    color: #fff;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(.05, #f0ad4e), color-stop(1, #ed9c28));
    background: -moz-linear-gradient(top, #f0ad4e 5%, #ed9c28 100%);
    background: -webkit-linear-gradient(top, #f0ad4e 5%, #ed9c28 100%);
    background: -o-linear-gradient(top, #f0ad4e 5%, #ed9c28 100%);
    background: -ms-linear-gradient(top, #f0ad4e 5%, #ed9c28 100%);
    background: linear-gradient(to bottom, #f0ad4e 5%, #ed9c28 100%);
    background-color: #f0ad4e;
    border: 1px solid #eea236
}

.btn-ar.btn-warning:active {
    background-color: #eea236;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(.05, #eea236), color-stop(1, #f0ad4e));
    background: -moz-linear-gradient(top, #eea236 5%, #f0ad4e 100%);
    background: -webkit-linear-gradient(top, #eea236 5%, #f0ad4e 100%);
    background: -o-linear-gradient(top, #eea236 5%, #f0ad4e 100%);
    background: -ms-linear-gradient(top, #eea236 5%, #f0ad4e 100%);
    background: linear-gradient(to bottom, #eea236 5%, #f0ad4e 100%)
}

.btn-ar.btn-danger {
    color: #fff;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(.05, #d9534f), color-stop(1, #d2322d));
    background: -moz-linear-gradient(top, #d9534f 5%, #d2322d 100%);
    background: -webkit-linear-gradient(top, #d9534f 5%, #d2322d 100%);
    background: -o-linear-gradient(top, #d9534f 5%, #d2322d 100%);
    background: -ms-linear-gradient(top, #d9534f 5%, #d2322d 100%);
    background: linear-gradient(to bottom, #d9534f 5%, #d2322d 100%);
    background-color: #d9534f;
    border: 1px solid #d43f3a
}

.btn-ar.btn-danger:active {
    background-color: #d43f3a;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(.05, #d43f3a), color-stop(1, #d9534f));
    background: -moz-linear-gradient(top, #d43f3a 5%, #d9534f 100%);
    background: -webkit-linear-gradient(top, #d43f3a 5%, #d9534f 100%);
    background: -o-linear-gradient(top, #d43f3a 5%, #d9534f 100%);
    background: -ms-linear-gradient(top, #d43f3a 5%, #d9534f 100%);
    background: linear-gradient(to bottom, #d43f3a 5%, #d9534f 100%)
}

.btn-ar.btn-royal {
    color: #fff;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(.05, #ac60d0), color-stop(1, #9c41c7));
    background: -moz-linear-gradient(top, #ac60d0 5%, #9c41c7 100%);
    background: -webkit-linear-gradient(top, #ac60d0 5%, #9c41c7 100%);
    background: -o-linear-gradient(top, #ac60d0 5%, #9c41c7 100%);
    background: -ms-linear-gradient(top, #ac60d0 5%, #9c41c7 100%);
    background: linear-gradient(to bottom, #ac60d0 5%, #9c41c7 100%);
    background-color: #ac60d0;
    border: 1px solid #9e44c8
}

.btn-ar.btn-royal:active {
    background-color: #a24cca;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(.05, #a24cca), color-stop(1, #ac60d0));
    background: -moz-linear-gradient(top, #a24cca 5%, #ac60d0 100%);
    background: -webkit-linear-gradient(top, #a24cca 5%, #ac60d0 100%);
    background: -o-linear-gradient(top, #a24cca 5%, #ac60d0 100%);
    background: -ms-linear-gradient(top, #a24cca 5%, #ac60d0 100%);
    background: linear-gradient(to bottom, #a24cca 5%, #ac60d0 100%)
}

.btn-social {
    color: #aaa;
    border: solid 1px #aaa;
    padding: 8px 0;
    width: 150px;
    text-align: center;
    margin: 0 5px 5px 0;
    display: inline-block;
    text-decoration: none;
    line-height: 1;
    -webkit-transition: background .25s ease;
    -moz-transition: background .25s ease;
    -ms-transition: background .25s ease;
    -o-transition: background .25s ease;
    transition: background .25s ease
}

.btn-social:hover {
    text-decoration: none;
    background-color: #aaa;
    color: #fff
}

.btn-social:active {
    box-shadow: inset 1px 2px 1px rgba(0, 0, 0, .2)
}

.btn-social-white {
    color: #fff;
    border-color: #fff;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease
}

.btn-social-white:hover {
    color: #00a2cb;
    border-color: #00a2cb;
    background-color: rgba(0, 0, 0, .1)
}

.btn-social .fa {
    margin: 0 10px 0 0;
    font-size: 18px
}

.btn-social.solid:hover {
    text-shadow: 0 -1px 2px rgba(0, 0, 0, .3)
}

.btn-social.sm {
    width: 32px;
    height: 32px
}

.btn-social.lg {
    width: 220px;
    padding: 12px 0
}

.btn-social.xl-lg {
    width: 400px;
    padding: 18px 0
}

.btn-social.round {
    border-radius: 5px
}

.btn-social.sm .fa {
    margin: 0
}

.btn-social.rss {
    color: #ef922f;
    border-color: #ef922f
}

.btn-social.rss.solid,
.btn-social.rss:hover {
    color: #fff;
    background-color: #ef922f
}

.btn-social.facebook {
    color: #3b5998;
    border-color: #3b5998
}

.btn-social.facebook.solid,
.btn-social.facebook:hover {
    color: #fff;
    background-color: #3b5998
}

.btn-social.twitter {
    color: #00aced;
    border-color: #00aced
}

.btn-social.twitter.solid,
.btn-social.twitter:hover {
    color: #fff;
    background-color: #00aced
}

.btn-social.google-plus {
    color: #dd4b39;
    border-color: #dd4b39
}

.btn-social.google-plus.solid,
.btn-social.google-plus:hover {
    color: #fff;
    background-color: #dd4b39
}

.btn-social.youtube {
    color: #b00;
    border-color: #b00
}

.btn-social.youtube.solid,
.btn-social.youtube:hover {
    color: #fff;
    background-color: #b00
}

.btn-social.linkedin {
    color: #007bb6;
    border-color: #007bb6
}

.btn-social.linkedin.solid,
.btn-social.linkedin:hover {
    color: #fff;
    background-color: #007bb6
}

.btn-social.instagram {
    color: #517fa4;
    border-color: #517fa4
}

.btn-social.instagram.solid,
.btn-social.instagram:hover {
    color: #fff;
    background-color: #517fa4
}

.btn-social.pinterest {
    color: #cb2027;
    border-color: #cb2027
}

.btn-social.pinterest.solid,
.btn-social.pinterest:hover {
    color: #fff;
    background-color: #cb2027
}

.btn-social.wordpress {
    color: #4597be;
    border-color: #4597be
}

.btn-social.wordpress.solid,
.btn-social.wordpress:hover {
    color: #fff;
    background-color: #4597be
}

.btn-social.git {
    color: #666;
    border-color: #666
}

.btn-social.git.solid,
.btn-social.git:hover {
    color: #fff;
    background-color: #666
}

.btn-social.flickr {
    color: #ff0084;
    border-color: #ff0084
}

.btn-social.flickr.solid,
.btn-social.flickr:hover {
    color: #fff;
    background-color: #ff0084
}

#shopcart-div {
    width: 160px;
    height: auto;
    -webkit-transition: bottom 2s;
    transition: bottom 2s;
    position: fixed;
    top: 20px;
    margin-left: 15px;
    z-index: 100;
    display: none;
    margin-left: 80%
}

#shopcart-div-show {
    width: 160px;
    height: auto;
    background: #b5e1ea;
    -webkit-transition: bottom 2s;
    transition: bottom 2s
}

.btn-social.stack-overflow {
    color: #bbb;
    border-color: #bbb
}

.btn-social.stack-overflow.solid,
.btn-social.stack-overflow:hover {
    color: #fff;
    background-color: #bbb
}

.btn-social.vine {
    color: #00b48a;
    border-color: #00b48a
}

.btn-social.vine.solid,
.btn-social.vine:hover {
    color: #fff;
    background-color: #00b48a
}

.btn-social.dribbble {
    color: #f26798;
    border-color: #f26798
}

.btn-social.dribbble.solid,
.btn-social.dribbble:hover {
    color: #fff;
    background-color: #f26798
}

.btn-social.foursquare {
    color: #0072b1;
    border-color: #0072b1
}

.btn-social.foursquare.solid,
.btn-social.foursquare:hover {
    color: #fff;
    background-color: #0072b1
}

.btn-social.tumblr {
    color: #32506d;
    border-color: #32506d
}

.btn-social.tumblr.solid,
.btn-social.tumblr:hover {
    color: #fff;
    background-color: #32506d
}

.social-icon-ar {
    display: inline-block;
    width: 44px;
    height: 44px;
    color: #fff;
    text-align: center;
    font-size: 28px;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .2);
    border-radius: 2px;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
    margin: 0 20px 20px 0
}

.social-icon-ar .fa {
    padding-top: 10px
}

.social-icon-ar:hover {
    color: #fff;
    text-shadow: 0 -1px 2px rgba(0, 0, 0, .3);
    box-shadow: 1px 1px 0 rgba(0, 0, 0, .2)
}

.social-icon-ar.round {
    border-radius: 5px
}

.social-icon-ar.circle {
    border-radius: 40px
}

.social-icon-ar.sm {
    width: 25px;
    height: 25px;
    margin: 0 10px 10px 0;
    font-size: 15px
}

.social-icon-ar.sm .fa {
    padding-top: 6px
}

.social-icon-ar.tumblr {
    background-color: #32506d;
    background-image: -webkit-linear-gradient(bottom, #32506d, #426a90);
    background-image: -moz-linear-gradient(bottom, #32506d, #426a90);
    background-image: -o-linear-gradient(bottom, #32506d, #426a90);
    background-image: linear-gradient(to top, #32506d, #426a90)
}

.social-icon-ar.rss {
    background-color: #ef922f;
    background-image: -webkit-linear-gradient(bottom, #ef922f, #f3ab5e);
    background-image: -moz-linear-gradient(bottom, #ef922f, #f3ab5e);
    background-image: -o-linear-gradient(bottom, #ef922f, #f3ab5e);
    background-image: linear-gradient(to top, #ef922f, #f3ab5e)
}

.social-icon-ar.twitter {
    background-color: #00aced;
    background-image: -webkit-linear-gradient(bottom, #00aced, #21c2ff);
    background-image: -moz-linear-gradient(bottom, #00aced, #21c2ff);
    background-image: -o-linear-gradient(bottom, #00aced, #21c2ff);
    background-image: linear-gradient(to top, #00aced, #21c2ff)
}

.social-icon-ar.facebook {
    background-color: #3b5998;
    background-image: -webkit-linear-gradient(bottom, #3b5998, #4c70ba);
    background-image: -moz-linear-gradient(bottom, #3b5998, #4c70ba);
    background-image: -o-linear-gradient(bottom, #3b5998, #4c70ba);
    background-image: linear-gradient(to top, #3b5998, #4c70ba)
}

.social-icon-ar.linkedin {
    background-color: #007bb6;
    background-image: -webkit-linear-gradient(bottom, #007bb6, #009de9);
    background-image: -moz-linear-gradient(bottom, #007bb6, #009de9);
    background-image: -o-linear-gradient(bottom, #007bb6, #009de9);
    background-image: linear-gradient(to top, #007bb6, #009de9)
}

.social-icon-ar.pinterest {
    background-color: #cb2027;
    background-image: -webkit-linear-gradient(bottom, #cb2027, #e03e44);
    background-image: -moz-linear-gradient(bottom, #cb2027, #e03e44);
    background-image: -o-linear-gradient(bottom, #cb2027, #e03e44);
    background-image: linear-gradient(to top, #cb2027, #e03e44)
}

.social-icon-ar.instagram {
    background-color: #517fa4;
    background-image: -webkit-linear-gradient(bottom, #517fa4, #7098b8);
    background-image: -moz-linear-gradient(bottom, #517fa4, #7098b8);
    background-image: -o-linear-gradient(bottom, #517fa4, #7098b8);
    background-image: linear-gradient(to top, #517fa4, #7098b8)
}

.social-icon-ar.google-plus {
    background-color: #dd4b39;
    background-image: -webkit-linear-gradient(bottom, #dd4b39, #e47365);
    background-image: -moz-linear-gradient(bottom, #dd4b39, #e47365);
    background-image: -o-linear-gradient(bottom, #dd4b39, #e47365);
    background-image: linear-gradient(to top, #dd4b39, #e47365)
}

.social-icon-ar.youtube {
    background-color: #b00;
    background-image: -webkit-linear-gradient(bottom, #b00, #e00);
    background-image: -moz-linear-gradient(bottom, #b00, #e00);
    background-image: -o-linear-gradient(bottom, #b00, #e00);
    background-image: linear-gradient(to top, #b00, #e00)
}

.social-icon-ar.git {
    background-color: #666;
    background-image: -webkit-linear-gradient(bottom, #666, grey);
    background-image: -moz-linear-gradient(bottom, #666, grey);
    background-image: -o-linear-gradient(bottom, #666, grey);
    background-image: linear-gradient(to top, #666, grey)
}

.social-icon-ar.wordpress {
    background-color: #4597be;
    background-image: -webkit-linear-gradient(bottom, #4597be, #6baccb);
    background-image: -moz-linear-gradient(bottom, #4597be, #6baccb);
    background-image: -o-linear-gradient(bottom, #4597be, #6baccb);
    background-image: linear-gradient(to top, #4597be, #6baccb)
}

.social-icon-ar.flickr {
    background-color: #ff0084;
    background-image: -webkit-linear-gradient(bottom, #ff0084, #ff339d);
    background-image: -moz-linear-gradient(bottom, #ff0084, #ff339d);
    background-image: -o-linear-gradient(bottom, #ff0084, #ff339d);
    background-image: linear-gradient(to top, #ff0084, #ff339d)
}

.social-icon-ar.stack-overflow {
    background-color: #bbb;
    background-image: -webkit-linear-gradient(bottom, #bbb, #d4d4d4);
    background-image: -moz-linear-gradient(bottom, #bbb, #d4d4d4);
    background-image: -o-linear-gradient(bottom, #bbb, #d4d4d4);
    background-image: linear-gradient(to top, #bbb, #d4d4d4)
}

.social-icon-ar.vine {
    background-color: #00b48a;
    background-image: -webkit-linear-gradient(bottom, #00b48a, #00e7b1);
    background-image: -moz-linear-gradient(bottom, #00b48a, #00e7b1);
    background-image: -o-linear-gradient(bottom, #00b48a, #00e7b1);
    background-image: linear-gradient(to top, #00b48a, #00e7b1)
}

.social-icon-ar.dribbble {
    background-color: #f26798;
    background-image: -webkit-linear-gradient(bottom, #f26798, #f696b8);
    background-image: -moz-linear-gradient(bottom, #f26798, #f696b8);
    background-image: -o-linear-gradient(bottom, #f26798, #f696b8);
    background-image: linear-gradient(to top, #f26798, #f696b8)
}

.social-icon-ar.foursquare {
    background-color: #0072b1;
    background-image: -webkit-linear-gradient(bottom, #0072b1, #0093e4);
    background-image: -moz-linear-gradient(bottom, #0072b1, #0093e4);
    background-image: -o-linear-gradient(bottom, #0072b1, #0093e4);
    background-image: linear-gradient(to top, #0072b1, #0093e4)
}

.icon-ar {
    width: 40px;
    height: 40px;
    font-size: 18px;
    background-color: #00a2cb;
    color: #fff;
    border-radius: 2px;
    display: inline-block;
    margin: 0 5px 5px 0;
    text-align: center;
    line-height: 2.2
}

.icon-ar.icon-ar-square {
    border-radius: 0
}

.icon-ar.icon-ar-round {
    border-radius: 5px
}

.icon-ar.icon-ar-circle {
    border-radius: 100px
}

.icon-ar.icon-ar-inverse {
    background-color: transparent;
    color: #00a2cb;
    border: solid 1px #00a2cb
}

.icon-ar.icon-ar-xs {
    width: 26px;
    height: 26px;
    font-size: 14px;
    line-height: 1.8
}

.icon-ar.icon-ar-sm {
    width: 32px;
    height: 32px;
    font-size: 16px;
    line-height: 2
}

.icon-ar.icon-ar-lg {
    width: 50px;
    height: 50px;
    font-size: 22px;
    line-height: 2.2
}

#sale_items .icon-ar.icon-ar-lg {
    width: 70px;
    height: 70px;
    background-color: #90ee90
}

#sale_items .icon-ar.icon-ar-lg i {
    margin-top: 10px
}

.icon-ar.icon-ar-xl-lg {
    width: 80px;
    height: 80px;
    font-size: 36px;
    line-height: 2.2
}

.icon-ar.icon-ar-xxl-lg {
    width: 120px;
    height: 120px;
    font-size: 48px;
    line-height: 2.6
}

.icon-ar.icon-ar-white {
    background-color: #fff;
    color: #00a2cb
}

.icon-ar.icon-ar-white.icon-ar-inverse {
    background-color: transparent;
    color: #fff;
    border: solid 1px #fff
}

.icon-ar.icon-ar-danger {
    background-color: #d9534f
}

.icon-ar.icon-ar-warning {
    background-color: #f0ad4e
}

.icon-ar.icon-ar-success {
    background-color: #02c66c
}

.icon-ar.icon-ar-info {
    background-color: #54c8eb
}

.icon-ar.icon-ar-help {
    background-color: #ac60d0
}

.icon-ar.icon-ar-black {
    background-color: #333
}

.icon-ar.icon-ar-inverse.icon-ar-white {
    background-color: transparent;
    color: #fff;
    border-color: #fff
}

.icon-ar.icon-ar-inverse.icon-ar-danger {
    background-color: transparent;
    color: #d9534f;
    border-color: #d9534f
}

.icon-ar.icon-ar-inverse.icon-ar-warning {
    background-color: transparent;
    color: #f0ad4e;
    border-color: #f0ad4e
}

.icon-ar.icon-ar-inverse.icon-ar-success {
    background-color: transparent;
    color: #02c66c;
    border-color: #02c66c
}

.icon-ar.icon-ar-inverse.icon-ar-info {
    background-color: transparent;
    color: #54c8eb;
    border-color: #54c8eb
}

.icon-ar.icon-ar-inverse.icon-ar-help {
    background-color: transparent;
    color: #ac60d0;
    border-color: #ac60d0
}

.icon-ar.icon-ar-inverse.icon-ar-black {
    background-color: transparent;
    color: #333;
    border-color: #333
}

.table-striped-primary>tbody>tr:nth-child(odd)>td,
.table-striped-primary>tbody>tr:nth-child(odd)>th {
    background-color: #00a2cb;
    color: #fff
}

.content-box {
    display: block;
    overflow: hidden;
    padding: 20px;
    margin-bottom: 5px
}

.content-box.box-default {
    border: solid 3px #f6f6f6;
    letter-spacing: .026em;
    margin: 0
}

.content-box.box-danger .content-box-title,
.content-box.box-info .content-box-title,
.content-box.box-primary .content-box-title,
.content-box.box-royal .content-box-title,
.content-box.box-success .content-box-title,
.content-box.box-warning .content-box-title {
    color: #fff
}

.content-box.box-primary {
    background-color: #00a2cb;
    color: #fff;
    border: solid 1px #005174
}

.content-box.box-success {
    background-color: #02c66c;
    color: #fff;
    border: solid 1px #016135
}

.content-box.box-info {
    background-color: #54c8eb;
    color: #fff;
    border: solid 1px #179bc2
}

.content-box.box-warning {
    background-color: #f0ad4e;
    color: #fff;
    border: solid 1px #c77c11
}

.content-box.box-danger {
    background-color: #d9534f;
    color: #fff;
    border: solid 1px #a02622
}

.content-box.box-royal {
    background-color: #ac60d0;
    color: #fff;
    border: solid 1px #792e9c
}

.content-box.box-primary:hover {
    background-color: #0087c1
}

.content-box.box-success:hover {
    background-color: #02ad5e
}

.content-box.box-info:hover {
    background-color: #3dc1e8
}

.content-box.box-warning:hover {
    background-color: #eea236
}

.content-box.box-danger:hover {
    background-color: #d43f3a
}

.content-box.box-royal:hover {
    background-color: #a24cca
}

.content-box-title {
    font-weight: 700;
    margin: 2px 0 4px
}

.content-box-title>.icon-ar {
    margin: -1px 0 -6px 10px;
    vertical-align: top
}

h5.content-box-title {
    font-weight: 400;
    margin: 5px 0 0
}

.content-box-line {
    background-color: #00a2cb;
    color: #fff;
    font-size: 1.4em;
    margin: 20px -20px;
    padding: 15px;
    font-weight: 700;
    text-align: center
}

.content-box-item {
    margin: 18px 0 0
}

.content-box-item>strong {
    line-height: 1.2em;
    display: inline-block
}

.content-box-item>p {
    line-height: 1.2em
}

.content-box-item>p>.label {
    font-size: 1em;
    font-weight: 400
}

.content-box-link {
    font-weight: 700;
    text-decoration: underline
}

.content-box-link>.fa {
    font-size: 1.3em;
    padding-right: 8px
}

.progress {
    border-radius: 2px
}

.progress {
    border-radius: 0
}

.progress-sm {
    height: 10px
}

.progress-xs {
    height: 5px
}

.progress-lg {
    height: 30px
}

.progress-lg .progress-bar {
    line-height: 30px
}

.progress-bar {
    background-color: #00a2cb
}

.progress-bar-success {
    background-color: #02c66c
}

.progress-bar-info {
    background-color: #54c8eb
}

.progress-bar-warning {
    background-color: #f0ad4e
}

.progress-bar-danger {
    background-color: #d9534f
}

.progress-bar-royal {
    background-color: #ac60d0
}

.popover {
    border-radius: 0;
    max-width: 100%
}

.popover-content {
    width: 400px
}

.panel-border {
    background-color: #f5f5f5;
    box-shadow: inset 0 0 2px rgba(0, 0, 0, .1);
    border: 0;
    padding: 10px
}

.panel-border .panel-body {
    background-color: #fff;
    box-shadow: 0 0 2px rgba(0, 0, 0, .1)
}

.modal-content {
    border-radius: 0
}

.modal-body.no-padding {
    padding: 0
}

.moda-title {
    font-weight: 400
}

.modal-open #sb-site {
    position: static !important;
    width: auto !important;
    height: auto !important;
    -webkit-transform: none !important;
    -moz-transform: none !important;
    -ms-transform: none !important;
    -o-transform: none !important;
    transform: none !important
}

.modal-open {
    position: static !important;
    overflow: hidden !important;
    width: auto !important;
    height: auto !important
}

.nav-tabs.nav-tabs-transparent li a {
    font-size: 1.3em;
    color: #7e8488;
    margin-right: 0;
    padding-left: 15px;
    padding-right: 15px;
    border-right: solid 1px #ddd;
    font-family: "Open Sans", sans-serif;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease
}

.nav-tabs.nav-tabs-transparent li a:hover {
    background-color: #e5e5e5
}

.nav-tabs.nav-tabs-transparent li.active a,
.nav-tabs.nav-tabs-transparent li.active a:focus,
.nav-tabs.nav-tabs-transparent li.active a:hover {
    background-image: -webkit-linear-gradient(bottom, #0087c1, #00a2cb);
    background-image: -moz-linear-gradient(bottom, #0087c1, #00a2cb);
    background-image: -o-linear-gradient(bottom, #0087c1, #00a2cb);
    background-image: linear-gradient(to top, #0087c1, #00a2cb);
    color: #fff;
    border-bottom: solid 1px #ddd
}

.nav-tabs.nav-tabs-ar {
    border-top: solid 3px #e5e5e5;
    border-right: solid 1px #e5e5e5;
    font-family: "Open Sans", sans-serif;
    background-color: #fafafa
}

.nav-tabs.nav-tabs-ar li a {
    margin-top: -3px;
    margin-right: 0;
    margin-left: 0;
    border-radius: 0;
    color: #555;
    transition: padding .2s, border-top .2s;
    -moz-transition: padding .2s, border-top .2s;
    -webkit-transition: padding .2s, border-top .2s;
    padding-right: 5px;
    padding-left: 5px;
    background-color: #fafafa;
    margin-left: -1px;
    border: 0;
    border-bottom: solid 1px #e5e5e5;
    border-top: solid 3px #e5e5e5
}

.nav-tabs.nav-tabs-ar li:first-child a {
    border-left: solid 1px #e5e5e5
}

.nav-tabs.nav-tabs-ar li:first-child a {
    margin-left: 0
}

.nav-tabs.nav-tabs-ar li a:hover,
.nav-tabs.nav-tabs-ar li.active a,
.nav-tabs.nav-tabs-ar li.active a:focus,
.nav-tabs.nav-tabs-ar li.active a:hover {
    border-top: solid 3px #00a2cb;
    background-color: #f9f9f9;
    border-left: solid 1px #e5e5e5;
    border-right: solid 1px #e5e5e5;
    color: #00a2cb;
    padding-right: 5px;
    padding-left: 5px;
    font-weight: 500
}

.nav-tabs.nav-tabs-ar li.active a {
    position: relative;
    z-index: 2
}

.nav-tabs.nav-tabs-ar li.active a,
.nav-tabs.nav-tabs-ar li.active a:focus,
.nav-tabs.nav-tabs-ar li.active a:hover {
    border-bottom: solid 1px #f9f9f9
}

.nav-tabs.nav-tabs-ar li a:hover {
    position: relative;
    z-index: 1;
    border-bottom-color: #e5e5e5;
    border-top-color: #000;
    color: #000
}

@media (min-width:370px) {
    .nav-tabs.nav-tabs-ar li a {
        padding-right: 10px;
        padding-left: 10px
    }
    .nav-tabs.nav-tabs-ar li a:hover,
    .nav-tabs.nav-tabs-ar li.active a,
    .nav-tabs.nav-tabs-ar li.active a:focus,
    .nav-tabs.nav-tabs-ar li.active a:hover {
        padding-right: 25px;
        padding-left: 25px
    }
}

.nav-tabs.nav-tabs-ar+.tab-content {
    padding: 15px;
    border-left: solid 1px #e5e5e5;
    border-right: solid 1px #e5e5e5;
    border-bottom: solid 1px #e5e5e5;
    overflow: hidden;
    background-color: #f9f9f9
}

.nav-tabs.nav-tabs-ar.nav-tabs-ar-white,
.nav-tabs.nav-tabs-ar.nav-tabs-ar-white li a,
.nav-tabs.nav-tabs-ar.nav-tabs-ar-white li a:hover,
.nav-tabs.nav-tabs-ar.nav-tabs-ar-white li.active a,
.nav-tabs.nav-tabs-ar.nav-tabs-ar-white li.active a:focus,
.nav-tabs.nav-tabs-ar.nav-tabs-ar-white li.active a:hover,
.nav-tabs.nav-tabs-ar.nav-tabs-ar-white+.tab-content {
    background-color: #fff
}

.nav-tabs.nav-tabs-ar li a i {
    font-size: 1.2em
}

.nav-tabs+.tab-content {
    padding: 15px;
    border-left: solid 1px #e5e5e5;
    border-right: solid 1px #e5e5e5;
    border-bottom: solid 1px #e5e5e5;
    overflow: hidden
}

.nav-tabs li a {
    border-radius: 2px
}

.nav-tabs.nav-tabs-round li a {
    border-radius: 5px 5px 0 0
}

.nav-tabs li a:hover {
    background-color: #f5f5f5
}

.label {
    text-shadow: none;
    font-family: "Open Sans", sans-serif
}

.label-primary {
    background-color: #00a2cb
}

.label-success {
    background-color: #02c66c
}

.label-warning {
    background-color: #f0ad4e
}

.label-danger {
    background-color: #d9534f
}

.label-info {
    background-color: #54c8eb
}

.label-royal {
    background-color: #ac60d0
}

.badge-square {
    border-radius: 0
}

.badge-round {
    border-radius: 2px
}

.badge-primary {
    background-color: #00a2cb;
    color: #fff
}

.alert {
    border-radius: 2px
}

.alert h1,
.alert h2,
.alert h3,
.alert h4,
.alert h5,
.alert h6 {
    color: inherit;
    margin: 0 0 5px 0;
    font-weight: 400
}

.alert i {
    font-size: 1.2em;
    margin-right: 5px
}

.alert>.close {
    text-shadow: 0 1px 0 #fff;
    opacity: .3
}

.alert-primary>.close {
    color: #fff;
    text-shadow: none;
    opacity: .8
}

.alert-info {
    background-color: #ddf4fb;
    border: solid 1px #54c8eb
}

.alert-success {
    background-color: #ddffef;
    border: solid 1px #02c66c
}

.alert-warning {
    background-color: #fceedb;
    border: solid 1px #f0ad4e
}

.alert-danger {
    background-color: #f4cecd;
    border: solid 1px #d9534f
}

.alert-royal {
    background-color: #ead6f3;
    border: solid 1px #ac60d0;
    color: #792e9c
}

.alert-primary {
    background-color: #00abf3;
    border: solid 1px #00a2cb;
    color: #daf4ff
}

.alert.alert-border {
    border-left-width: 5px !important;
    border-right-width: 5px !important
}

.alert.alert-primary.alert-border {
    border-color: #005174
}

.well {
    border-radius: 2px;
    background-color: #f3f3f3;
    border-color: #e0e0e0
}

.nav-pills>.active>a>.badge {
    color: #fff;
    background-color: #00a2cb
}

.list-group-sm a,
.list-group-sm li {
    padding-top: 5px;
    padding-bottom: 5px
}

.list-group-item-success {
    background-color: #d3ffea;
    color: #017a43
}

.list-group-item-warning {
    background-color: #fceedb;
    color: #df8a13
}

.list-group-item-danger {
    background-color: #f8dede;
    color: #b52b27
}

.list-group-item-info {
    background-color: #d4f1fa;
    color: #00a2cb
}

.list-group-item-royal {
    background-color: #f2e6f8;
    color: #8834b0
}

.list-group-item:first-child {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.list-group-item:last-child {
    margin-bottom: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.list-group-striped li:nth-child(odd) {
    background-color: #eee
}

a.list-group-item:focus,
a.list-group-item:hover {
    text-decoration: none;
    background-color: #f5f5f5
}

a.list-group-item.active,
a.list-group-item.active:focus,
a.list-group-item.active:hover {
    z-index: 2;
    color: #fff;
    background-color: #00a2cb;
    border-color: #00a2cb
}

.page-header {
    color: #000;
    border-bottom: solid 1px #00a2cb;
    margin-bottom: 30px
}

.right-line {
    position: relative;
    z-index: 1;
    overflow: hidden;
    color: #000;
    margin: 30px 0
}

.right-line:after {
    position: absolute;
    top: 55%;
    overflow: hidden;
    width: 100%;
    height: 1px;
    content: '\a0';
    background-color: #ddd;
    border-left: solid 20px #fff
}

.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 0
}

.pagination>li {
    display: inline
}

.pagination>li>a,
.pagination>li>span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #00a2cb;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd
}

.pagination>li:first-child>a,
.pagination>li:first-child>span {
    margin-left: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.pagination>li:last-child>a,
.pagination>li:last-child>span {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.pagination>li>a:focus,
.pagination>li>a:hover,
.pagination>li>span:focus,
.pagination>li>span:hover {
    color: #000;
    background-color: #00a2cb;
    border-color: #00a2cb;
    color: #fff
}

.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
    z-index: 2;
    color: #fff;
    cursor: default;
    background-color: #00a2cb;
    border-color: #00a2cb
}

.pagination.pagination-border>li>a,
.pagination.pagination-border>li>span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #000;
    text-decoration: none;
    background-color: transparent;
    border: none;
    border-bottom: 3px solid #eee
}

.pagination.pagination-border>.active>a,
.pagination.pagination-border>.active>a:focus,
.pagination.pagination-border>.active>a:hover,
.pagination.pagination-border>.active>span,
.pagination.pagination-border>.active>span:focus,
.pagination.pagination-border>.active>span:hover,
.pagination.pagination-border>li>a:focus,
.pagination.pagination-border>li>a:hover,
.pagination.pagination-border>li>span:focus,
.pagination.pagination-border>li>span:hover {
    border-color: #00a2cb;
    background-color: transparent;
    color: #00a2cb
}

.pager li>a,
.pager li>span {
    border-radius: 2px;
    color: #00a2cb
}

.pager li>a:hover,
.pager li>span:hover {
    color: #fff;
    background-color: #00a2cb
}

.pager.pager-border li>a,
.pager.pager-border li>span {
    border-radius: 2px;
    color: #00a2cb;
    border: none;
    border-bottom: 3px solid #eee;
    padding-left: 0;
    padding-right: 0;
    margin: 0 15px
}

.pager.pager-border li>a:hover,
.pager.pager-border li>span:hover {
    color: #fff;
    background-color: transparent;
    border-color: #00a2cb;
    color: #000
}

input {
    border-radius: 0 !important;
    box-shadow: none
}

.form-control {
    display: block;
    border-radius: 0;
    width: 100%;
    height: 36px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}

.form-control:focus {
    border-color: #00a2cb;
    box-shadow: none
}

select.form-control,
textarea.form-control {
    border-radius: 0
}

textarea.form-control:focus {
    border-color: #00a2cb
}

.input-group-addon {
    border-radius: 0;
    background-color: #00a2cb;
    border-color: #008bc6;
    color: #fff
}

.has-success .checkbox,
.has-success .checkbox-inline,
.has-success .control-label,
.has-success .radio,
.has-success .radio-inline,
.has-success .royal-block {
    color: #019450
}

.has-success .form-control {
    border-color: #02c66c;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
}

.has-success .form-control:focus {
    border-color: #019450;
    -webkit-box-shadow: none;
    box-shadow: none
}

.has-success .input-group-addon {
    color: #02c66c;
    background-color: #dff0d8;
    border-color: #02c66c
}

.has-success .form-control-feedback {
    color: #02c66c
}

.has-warning .checkbox,
.has-warning .checkbox-inline,
.has-warning .control-label,
.has-warning .radio,
.has-warning .radio-inline,
.has-warning .royal-block {
    color: #ec971f
}

.has-warning .form-control {
    border-color: #f0ad4e;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
}

.has-warning .form-control:focus {
    border-color: #c77c11;
    -webkit-box-shadow: none;
    box-shadow: none
}

.has-warning .input-group-addon {
    color: #f0ad4e;
    background-color: #dff0d8;
    border-color: #f0ad4e
}

.has-warning .form-control-feedback {
    color: #f0ad4e
}

.has-error .checkbox,
.has-error .checkbox-inline,
.has-error .control-label,
.has-error .radio,
.has-error .radio-inline,
.has-error .royal-block {
    color: #c9302c
}

.has-error .form-control {
    border-color: #d9534f;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
}

.has-error .form-control:focus {
    border-color: #a02622;
    -webkit-box-shadow: none;
    box-shadow: none
}

.has-error .input-group-addon {
    color: #d9534f;
    background-color: #dff0d8;
    border-color: #d9534f
}

.has-error .form-control-feedback {
    color: #d9534f
}

.form-group .glyphicon {
    margin-top: 5px
}

.jumbotron {
    padding: 20px 30px;
    margin-bottom: 30px;
    color: inherit;
    background-color: #f5f5f5;
    border-radius: 0;
    border-left: solid 1px #ddd;
    border-right: solid 1px #ddd;
    border-top: solid 5px #00a2cb;
    border-bottom: solid 5px #00a2cb;
    overflow: hidden
}

.container .jumbotron {
    border-radius: 0
}

.img-loader {
    width: 100px!important;
}

.jumbotron p {
    font-size: 1.2em;
    font-weight: 400
}

.lead {
    font-weight: 400;
    font-family: "Open Sans", sans-serif
}

.lead-lg {
    font-size: 1.8em;
    font-weight: 300
}

.lead-lg strong {
    font-weight: 400
}

.lead-sm {
    font-size: 1.2em
}

.panel,
.panel .panel-footer {
    border-radius: 0
}

.panel-default {
    border-color: #e5e5e5
}

.panel-default .panel-heading {
    border-color: #e5e5e5
}

.panel-primary {
    border-color: #00a2cb
}

.panel-primary .panel-footer,
.panel-primary .panel-heading {
    background-color: #00a2cb;
    color: #fff
}

.panel-heading {
    border-radius: 0;
    font-family: "Open Sans", sans-serif
}

.panel-heading a {
    font-weight: 500 !important
}

.panel-heading i {
    margin-right: 5px;
    font-size: 1.1em
}

.panel-body i {
    margin-right: 5px
}

.panel-title {
    padding: 7px
}

.panel-group .panel {
    border-radius: 0
}

.panel-heading-link,
.panel-plus-link {
    background-color: transparent;
    padding: 0;
    margin: 0;
    border: 0;
    position: relative;
    font-family: "Open Sans", sans-serif
}

.panel-plus-link a {
    background-color: inherit;
    padding-top: 10px !important;
    padding-bottom: 10px !important
}

.panel-plus-link a:active,
.panel-plus-link a:focus,
.panel-plus-link a:hover {
    background-color: transparent !important
}

.panel-group .panel>.panel-heading.panel-plus-link a.collapsed:before {
    font-family: FontAwesome;
    content: "\f067";
    font-size: 1.4em;
    margin-right: 10px;
    vertical-align: middle;
    font-weight: 400;
    font-style: normal;
    text-decoration: inherit
}

.panel-group .panel>.panel-heading.panel-plus-link a:before {
    font-family: FontAwesome;
    content: "\f068";
    font-size: 1.4em;
    margin-right: 10px;
    vertical-align: middle;
    font-weight: 400;
    font-style: normal;
    text-decoration: inherit
}

.panel-danger-dark .panel-heading a,
.panel-danger-dark .panel-plus-link a,
.panel-info-dark .panel-heading a,
.panel-info-dark .panel-plus-link a,
.panel-primary .panel-heading a,
.panel-primary .panel-plus-link a,
.panel-primary-dark .panel-heading a,
.panel-primary-dark .panel-plus-link a,
.panel-royal-dark .panel-heading a,
.panel-royal-dark .panel-plus-link a,
.panel-success-dark .panel-heading a,
.panel-success-dark .panel-plus-link a,
.panel-warning-dark .panel-heading a,
.panel-warning-dark .panel-plus-link a {
    color: #fff
}

.panel-danger-dark .panel-heading a:hover,
.panel-danger-dark .panel-plus-link a:hover,
.panel-info-dark .panel-heading a:hover,
.panel-info-dark .panel-plus-link a:hover,
.panel-primary .panel-heading a:hover,
.panel-primary .panel-plus-link a:hover,
.panel-primary-dark .panel-heading a:hover,
.panel-primary-dark .panel-plus-link a:hover,
.panel-royal-dark .panel-heading a:hover,
.panel-royal-dark .panel-plus-link a:hover,
.panel-success-dark .panel-heading a:hover,
.panel-success-dark .panel-plus-link a:hover,
.panel-warning-dark .panel-heading a:hover,
.panel-warning-dark .panel-plus-link a:hover {
    background-color: none
}

.panel-danger-dark .panel-footer a,
.panel-danger-dark .panel-header a,
.panel-info-dark .panel-footer a,
.panel-info-dark .panel-header a,
.panel-primary .panel-footer a,
.panel-primary .panel-header a,
.panel-primary-dark .panel-footer a,
.panel-primary-dark .panel-header a,
.panel-royal-dark .panel-footer a,
.panel-royal-dark .panel-header a,
.panel-success-dark .panel-footer a,
.panel-success-dark .panel-header a,
.panel-warning-dark .panel-footer a,
.panel-warning-dark .panel-header a {
    color: #fff
}

.panel-default .panel-heading-link a,
.panel-default .panel-plus-link a {
    color: #333
}

.panel .panel-footer i {
    margin: 0 5px
}

.panel .panel-heading-link a:after {
    font-family: FontAwesome;
    content: "\f107";
    font-size: 1.2em;
    float: right;
    background-color: #00a2cb;
    color: #fff;
    padding: 5px 0;
    margin-top: -5px;
    margin-right: -15px;
    width: 33px;
    text-align: center
}

.panel .panel-heading-link#editor a:after {
    background-color: #d3d3d3
}

.panel-danger-dark .panel-heading-link a:after,
.panel-info-dark .panel-heading-link a:after,
.panel-primary .panel-heading-link a:after,
.panel-primary-dark .panel-heading-link a:after,
.panel-royal-dark .panel-heading-link a:after,
.panel-success-dark .panel-heading-link a:after,
.panel-warning-dark .panel-heading-link a:after {
    background-color: #333
}

.panel .panel-heading-link a.collapsed:after {
    content: "\f104"
}

.panel-success .panel-heading-link a:after {
    background-color: #02c66c
}

.panel-info .panel-heading-link a:after {
    background-color: #54c8eb
}

.panel-warning .panel-heading-link a:after {
    background-color: #f0ad4e
}

.panel-danger .panel-heading-link a:after {
    background-color: #d9534f
}

.panel-royal .panel-heading-link a:after {
    background-color: #ac60d0
}

.panel-success .panel-heading-link a,
.panel-success .panel-plus-link a {
    color: #017a43
}

.panel-info .panel-heading-link a,
.panel-info .panel-plus-link a {
    color: #00a2cb
}

.panel-warning .panel-heading-link a,
.panel-warning .panel-plus-link a {
    color: #df8a13
}

.panel-danger .panel-heading-link a,
.panel-danger .panel-plus-link a {
    color: #b52b27
}

.panel-royal .panel-heading-link a,
.panel-royal .panel-plus-link a {
    color: #8834b0
}

.panel-heading-link>a,
.panel-heading.panel-plus-link>a {
    display: block;
    padding: 5px 15px
}

.panel-heading-link>a>i {
    margin-right: 10px
}

.panel .panel-heading a {
    font-size: 1em;
    font-weight: 400;
    text-decoration: none
}

.panel .panel-danger .panel-heading a:hover,
.panel .panel-danger-dark .panel-heading a:hover,
.panel .panel-info .panel-heading a:hover,
.panel .panel-info-dark .panel-heading a:hover,
.panel .panel-primary .panel-heading a:hover,
.panel .panel-primary-dark .panel-heading a:hover,
.panel .panel-royal .panel-heading a:hover,
.panel .panel-royal-dark .panel-heading a:hover,
.panel .panel-success .panel-heading a:hover,
.panel .panel-success-dark .panel-heading a:hover,
.panel .panel-warning .panel-heading a:hover,
.panel .panel-warning-dark .panel-heading a:hover {
    background-color: transparent !important
}

.panel-body-no-padding {
    padding: 0 !important
}

.panel-default .panel-footer,
.panel-default .panel-heading {
    background-color: #f3f3f3;
    color: #333
}

.panel-royal .panel-footer,
.panel-royal .panel-heading {
    background-color: #dfc2ed;
    color: #5a2275;
    border: solid 1px #d5afe7
}

.panel-royal .panel-body {
    border: solid 1px #dfc2ed
}

.panel-primary-dark .panel-footer,
.panel-primary-dark .panel-heading {
    background-color: #0075a7;
    color: #fff
}

.panel-success-dark .panel-footer,
.panel-success-dark .panel-heading {
    background-color: #5ca43f;
    color: #fff
}

.panel-info-dark .panel-footer,
.panel-info-dark .panel-heading {
    background-color: #288ec3;
    color: #fff
}

.panel-warning-dark .panel-footer,
.panel-warning-dark .panel-heading {
    background-color: #e4c016;
    color: #fff
}

.panel-danger-dark .panel-footer,
.panel-danger-dark .panel-heading {
    background-color: #a94242;
    color: #fff
}

.panel-royal-dark .panel-footer,
.panel-royal-dark .panel-heading {
    background-color: #792e9c;
    color: #fff
}

.panel-primary-dark .panel-body {
    border: solid 1px #0075a7
}

.panel-success-dark .panel-body {
    border: solid 1px #5ca43f
}

.panel-info-dark .panel-body {
    border: solid 1px #288ec3
}

.panel-warning-dark .panel-body {
    border: solid 1px #e4c016
}

.panel-danger-dark .panel-body {
    border: solid 1px #a94242
}

.panel-royal-dark .panel-body {
    border: solid 1px #792e9c
}

.dropdown-submenu {
    position: relative;
    width: 100%;
}

.dropdown.dropdown-inverse a {
    color: #fff
}

.dropdown.dropdown-inverse a:hover {
    color: #fff;
    background-image: -webkit-linear-gradient(bottom, #0087c1, #00a2cb);
    background-image: -moz-linear-gradient(bottom, #0087c1, #00a2cb);
    background-image: -o-linear-gradient(bottom, #0087c1, #00a2cb);
    background-image: linear-gradient(to top, #0087c1, #00a2cb)
}

.dropdown.dropdown-inverse ul {
    background-color: #333;
    color: #fff;
    border-color: #222;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .4), inset 0 0 0 rgba(255, 255, 255, .5);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .4), inset 0 0 0 rgba(255, 255, 255, .75);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .4), inset 0 0 0 rgba(255, 255, 255, .75)
}

.dropdown.dropdown-inverse .divider {
    background-color: #555
}

.dropdown.dropdown-inverse .dropdown-header {
    border-color: #555;
    box-shadow: none;
    color: #ccc
}

.dropdown-submenu>.dropdown-menu {
    top: -1px;
    left: 100%;
    margin-top: -5px;
    margin-left: 0
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block
}

@media (max-width:767px) {
    .dropdown-submenu>.dropdown-menu {
        display: block;
        margin-left: 15px
    }
    .dropdown>a {
        border-bottom: solid 1px #ddd;
        margin: 0
    }
    .dropdown.open>a,
    .dropdown.open>a:active,
    .dropdown.open>a:focus {
        border-bottom: solid 1px #ddd
    }
    .dropdown a {
        padding: 0 6px
    }
    .dropdown-submenu {
        padding: 0;
        margin-top: -5px
    }
    .dropdown-submenu a {
        padding: 5px 0;
        margin: 0
    }
    .dropdown-submenu>a:after {
        content: " "
    }
}

.dropdown-submenu.pull-left {
    float: none
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px
}

.dropdown-header {
    text-align: center;
    border-bottom: solid 1px #e5e5e5;
    border-top: solid 1px #e5e5e5;
    padding: 6px 0;
    margin: 9px 0
}

.main-header .container {
    position: relative
}

@media (max-width:500px) {
    .main-header .breadcrumb {
        display: none !important
    }
}

.main-header .breadcrumb {
    margin: 0;
    display: inline-block;
    background: 0 0;
    color: #fff;
    font-size: 1.1em;
    position: absolute;
    top: 0;
    right: 10px
}

.main-header .breadcrumb li {
    color: #eee
}

.main-header .breadcrumb li.current_item {
    color: #eee
}

.main-header .breadcrumb a {
    color: #fff
}

.main-header .breadcrumb a:hover {
    text-decoration: none;
    border-bottom: solid 1px #fff
}

.breadcrumb>li+li:before {
    padding: 0 6px 0 5px;
    content: "\00bb"
}

.main-header .breadcrumb>li+li:before {
    color: #fff
}

.nav-pills>li>a {
    border-radius: 0;
    color: #333
}

.nav-pills.nav-stacked>li.active>a,
.nav-pills.nav-stacked>li.active>a:focus,
.nav-pills.nav-stacked>li.active>a:hover {
    border-left: solid 3px #000;
    background-color: #eee;
    color: #333
}

.nav-pills.nav-stacked>li>a {
    border-left: solid 3px #00a2cb
}

.nav-pills.nav-stacked>li>a:hover {
    border-left: solid 3px #000
}

.nav-stacked>li+li {
    margin: 0
}

.nav-stacked {
    background-color: #f9f9f9;
    border: solid 1px #eee
}

.thumbnail {
    border-radius: 0;
    position: relative;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease
}

a.thumbnail.active,
a.thumbnail:focus,
a.thumbnail:hover {
    border-color: #00a2cb
}

.thumbnail.thumbnail-round {
    border-radius: 5px
}

.thumbnail.thumbnail-round>img {
    border-radius: 5px
}

.img-caption-ar {
    position: relative;
    padding: 5px;
    border: solid 1px #ddd;
    margin-bottom: 20px;
    color: #fff;
    width: 100%
}

.img-caption-ar img {
    width: 100%
}

.caption-ar {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0);
    opacity: 0;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease
}

.caption-ar .caption-content {
    width: 80%;
    height: 150px;
    left: 10%;
    top: 40%;
    margin-top: -20px;
    position: absolute;
    text-align: center;
    visibility: hidden;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%)
}

.caption-ar:hover .caption-content {
    visibility: visible;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
}

.caption-ar:hover {
    background-color: rgba(0, 0, 0, .5);
    opacity: 1
}

.caption-ar .caption-content a {
    background-color: rgba(128, 128, 128, .5);
    padding: 10px 10px 8px 10px;
    color: #fff;
    border: solid 1px #999;
    text-decoration: none;
    margin-bottom: 10px !important;
    display: inline-block;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease
}

.caption-ar .caption-content a:hover {
    background-color: rgba(200, 200, 200, .5)
}

.caption-ar .caption-content a i {
    margin-right: 10px
}

.caption-ar .caption-content .caption-title {
    padding: 0;
    color: #fff;
    margin: 0 auto;
    text-align: center;
    font-size: 1.5em
}

.caption-ar .caption-content .caption-title+p {
    margin-top: 5px
}

.navbar-default {
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .4), inset 0 0 2px rgba(255, 255, 255, .5);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .4), inset 0 0 2px rgba(255, 255, 255, .75);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .4), inset 0 0 2px rgba(255, 255, 255, .75);
    background-image: -webkit-linear-gradient(bottom, #ececec, #f4f4f4);
    background-image: -moz-linear-gradient(bottom, #ececec, #f4f4f4);
    background-image: -o-linear-gradient(bottom, #ececec, #f4f4f4);
    background-image: linear-gradient(to top, #ececec, #f4f4f4);
    margin-bottom: 0;
    border-bottom: 0
}

@media (min-width:360px) and (max-width:768px) {
    .navbar-default .navbar-brand {
        margin-left: 10px
    }
}

@media (max-width:400px) {
    .navbar-default .navbar-brand {
        background: 0 0;
        padding-left: 0
    }
}

.navbar-default .navbar-brand span {
    color: #00a2cb
}

.dropdown-menu li a {
    position: relative
}

.dropdown-menu li a .label {
    position: absolute;
    right: 10px;
    top: 8px
}

.dropdown-menu li a:hover .label {
    background-color: #fff;
    color: #00a2cb
}

@media (min-width:767px) {
    .navbar-collapse {
        padding: 0
    }
    .navbar-default .navbar-nav>li>a {
        padding: 21px 9px;
        margin-top: -1px;
        margin-bottom: -1px;
        color: #000;
        font-size: 15px;
        font-weight: 400;
        letter-spacing: -1px;
   
    }
    .navbar-default .navbar-nav>li>a {
        padding-left: 30px;
    }
    .navbar-default .navbar-nav>li>ul.dropdown-menu-left {
        padding-left: 35px;
    }
    .navbar-default .navbar-nav>li>a:focus,
    .dropdown-menu li>a:focus {
        background-color: #00a2cb;
        color: #fff;
        /* border-top: 1px solid #555; */
    }
    .navbar-default .navbar-nav>li.dropdown.wide>a {
        font-size: 16px;
        padding: 21px 8px
    }
    .navbar-default .navbar-nav>li>a>.glyphicon {
        line-height: 0
    }
    .navbar-default .navbar-nav>.active>a,
    .navbar-default .navbar-nav>.active>a:hover,
    .navbar-default .navbar-nav>li>a:active,
    .navbar-default .navbar-nav>li>a:focus,
    .navbar-default .navbar-nav>li>a:hover {
        background-color: #00a2cb;
        background-image: -webkit-linear-gradient(bottom, #0087c1, #00a2cb);
        background-image: -moz-linear-gradient(bottom, #0087c1, #00a2cb);
        background-image: -o-linear-gradient(bottom, #0087c1, #00a2cb);
        background-image: linear-gradient(to top, #0087c1, #00a2cb);
        color: #fff
    }
    .navbar-default .navbar-nav>.open>a,
    .navbar-default .navbar-nav>.open>a:focus,
    .navbar-default .navbar-nav>.open>a:hover {
        background-color: transparent;
        background-image: none
    }
    .dropdown-menu {
        padding: 0;
        min-width: 200px;
        border-radius: 0;
        z-index: 9999 !important;
        margin-top: 0 !important;
        -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .4), inset 0 0 2px rgba(255, 255, 255, .5);
        -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .4), inset 0 0 2px rgba(255, 255, 255, .75);
        box-shadow: 0 1px 1px rgba(0, 0, 0, .4), inset 0 0 2px rgba(255, 255, 255, .75);
        background-color: #f5f5f5
    }
    .dropdown-menu li a {
        font-size: 13px;
        font-weight: 400;
        padding: 6px 15px
    }
    .dropdown-menu .active>a,
    .dropdown-menu li>a:active,
    .dropdown-menu li>a:focus,
    .dropdown-menu li>a:hover {
        background-color: #00a2cb;
        color: #fff
    }
}

@media (min-width:768px) and (max-width:991px) {
    .navbar-default .navbar-nav>li>a {
        font-size: 14px;
        padding-left: 8px;
        padding-right: 8px
    }
    .navbar-default .navbar-nav>li.dropdown>a {
        padding-right: 7px
    }
    .navbar-default .navbar-nav>li.dropdown.wide>a {
        font-size: 10px
    }
    .dropdown>a:after {
        right: 10px
    }
    .navbar-default .navbar-brand {
        font-size: 1.9em;
        word-spacing: -5px;
        -webkit-text-stroke: .007em;
        background-image: none;
        padding-left: 5px
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .navbar-default .navbar-nav>li>a {
        font-size: 16px
    }
}

.navbar-header .navbar-toggle {
    margin: 0;
    padding: 18px;
    background-color: #555;
    background-image: -webkit-linear-gradient(bottom, #4d4d4d, #666);
    background-image: -moz-linear-gradient(bottom, #4d4d4d, #666);
    background-image: -o-linear-gradient(bottom, #4d4d4d, #666);
    background-image: linear-gradient(to top, #4d4d4d, #666);
    border: none;
    border-radius: 0;
    color: #fff;
    position: absolute;
    left: 0;
    height: 62px
}

.navbar-header .navbar-toggle:focus,
.navbar-header .navbar-toggle:hover {
    background-color: #0087c1
}

.navbar-header .navbar-toggle i {
    margin: 0;
    padding: 0;
    line-height: 100%;
    font-size: 1.5em
}

.sb-icon-navbar i {
    background-color: #555;
    background-image: -webkit-linear-gradient(bottom, #4d4d4d, #666);
    background-image: -moz-linear-gradient(bottom, #4d4d4d, #666);
    background-image: -o-linear-gradient(bottom, #4d4d4d, #666);
    background-image: linear-gradient(to top, #4d4d4d, #666);
    color: #fff;
    padding: 11px;
    margin-left: 15px;
    vertical-align: middle;
    font-size: 1.5em;
    padding: 15px 14px 14px 14px;
    height: 50px
}

@media (min-width:768px) and (max-width:842px) {
    .navbar-right {
        float: left !important
    }
}

@media (max-width:991px) {
    .sb-icon-navbar i {
        position: absolute;
        right: 0;
        top: 0;
        margin: 0
    }
}

@media (max-width:767px) {
    .navbar-default .navbar-brand {
        font-size: 1.7em;
        word-spacing: -4px;
        margin-left: 60px
    }
}

.carousel-section-e {
    margin-bottom: 40px;
    overflow: hidden
}

.carousel-e {
    background-color: #00a2cb
}

.carousel-e {
    background-color: #00a2cb;
    background-color: rgba(0, 153, 218, .9)
}

.carousel-e .carousel-caption {
    position: static;
    text-align: left
}

.carousel-e .carousel-img-wrap {
    display: table-row
}

.carousel-e .carousel-img {
    height: 400px;
    display: table-cell;
    vertical-align: middle;
    overflow: hidden;
    display: static
}

.carousel-e .carousel-img img {
    width: 100%
}

.carousel-e .carousel-indicators {
    bottom: 0 !important
}

.carousel-e .carousel-indicators li {
    margin: 0 2px
}

.carousel-section {
    background-image: url(../img/slide_back.jpg);
    margin-bottom: 40px;
    overflow: hidden
}

.carousel-razon {
    background-color: #00a2cb;
    background-color: rgba(0, 135, 193, .9)
}

.carousel-razon-dark {
    background-color: #444;
    background-color: rgba(0, 0, 0, .6)
}

.carousel-razon .carousel-caption {
    position: static;
    text-align: left
}

.carousel-razon .carousel-img-wrap {
    display: table-row
}

.carousel-razon .carousel-img {
    height: 400px;
    display: table-cell;
    vertical-align: middle;
    overflow: hidden;
    display: static
}

.carousel-razon .carousel-img img {
    width: 100%
}

.carousel-razon .carousel-indicators {
    bottom: 0 !important
}

.carousel-razon .carousel-indicators li {
    margin: 0 2px
}

.carousel-text span {
    color: #cdff76
}

.carousel-title {
    margin: 20px 0 10px 0;
    padding: 0;
    font-size: 2.2em;
    color: #fff;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, .5);
    line-height: 1.4em
}

.crousel-subtitle {
    font-size: 1.8em;
    color: #cdff76;
    margin-bottom: 20px;
    font-weight: 300;
    font-family: "Open Sans", sans-serif
}

.carousel-list {
    margin: 20px 0
}

.carousel-list li {
    color: #fff;
    font-size: 1.4em;
    margin-bottom: 10px;
    overflow: hidden
}

.carousel-list li i {
    font-size: 1.6em;
    margin-right: 20px;
    color: #fff
}

.carousel-control {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 15%;
    font-size: 20px;
    color: #fff;
    text-align: center;
    opacity: .8
}

.carousel-control.left {
    background-image: none;
    filter: none
}

.carousel-control.right {
    right: 0;
    left: auto;
    background-image: none;
    filter: none
}

.carousel-control:focus,
.carousel-control:hover {
    color: #fff;
    text-decoration: none;
    outline: 0;
    opacity: 1
}

.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-next,
.carousel-control .icon-prev {
    position: absolute;
    top: 50%;
    z-index: 5;
    display: inline-block
}

.carousel-control .glyphicon-chevron-left,
.carousel-control .icon-prev {
    left: 50%
}

.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-next {
    right: 50%
}

.carousel-control .icon-next,
.carousel-control .icon-prev {
    width: 20px;
    height: 20px;
    margin-top: -10px;
    margin-left: -10px;
    font-family: serif
}

.carousel-control .icon-prev:before {
    content: '\2039'
}

.carousel-control .icon-next:before {
    content: '\203a'
}

@media (max-width:767px) {
    .carousel-indicators {
        top: 10px !important;
        bottom: auto !important
    }
    .carousel-title {
        margin: 10px 0 5px 0;
        padding: 0;
        font-size: 2em;
        line-height: 1.3em
    }
    .crousel-subtitle {
        font-size: 1.4em
    }
    .carousel-text p {
        margin-bottom: 10px
    }
    .carousel-list {
        margin: 5px 0 0 0
    }
    .carousel-list li {
        font-size: 1.2em;
        line-height: 1em;
        margin-bottom: 4px
    }
    .carousel-list li span {
        padding: 5px
    }
    .carousel-list li i {
        width: 42px;
        padding: 5px
    }
    .carousel-control {
        left: auto;
        bottom: auto;
        top: 20px
    }
    .carousel-control.left {
        right: 50px
    }
    .carousel-control.right {
        right: 0
    }
}

#footer-widgets {
    color: #eee;
    margin-top: 110px;
    box-shadow: 0 0 1px rgba(0, 0, 0, .3)
}

.img-koch-bear {
    margin-top: -40px
}

#footer-widgets .content-box-item {
    margin-top: 60px
}

#footer-widgets .content-box-link {
    color: #70e2ff;
    font-weight: 400
}

#footer-widgets .content-box-link:hover {
    color: #f6f6f6;
    text-decoration: underline
}

.fb-like-box {
    background: #f6f6f6;
    margin-top: 25px
}

.footer-widget-title {
    font-family: 'Open Sans', sans-serif;
    font-size: 1.6em;
    color: #0eb7ff
}

#footer-widgets a {
    color: #eee;
    text-decoration: none;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease
}

#footer-widgets a:hover {
    color: #0eb7ff
}

#footer {
    background-color: #fff;
    padding: 17px 0;
    text-align: left
}

#footer a {
    color: #00a2cb;
    text-decoration: none
}

#footer a:hover {
    color: #00a2cb;
    text-decoration: underline
}

.img-partner>* {
    display: inline-block;
    margin-right: 10px
}

#footer p {
    margin: 2px 0 0;
    padding: 0;
    line-height: 1.4em;
    text-align: right
}

.footer-widget .media {
    margin-bottom: 10px
}

.footer-widget .media .media-heading {
    font-size: 1.1em;
    line-height: 1.3em
}

.footer-widget small {
    color: #ccc;
    font-style: oblique
}

.footer-widget .thumbnail {
    border-color: #666;
    background-color: rgba(0, 0, 0, .2)
}

.one_col {
    overflow: hidden
}

.one_col>li {
    float: left;
    width: 100%;
    padding-bottom: 2px;
    padding-top: 1px
}

.two_cols {
    overflow: hidden
}

.two_cols>li {
    float: left;
    width: 50%;
    padding-bottom: 2px;
    padding-top: 1px
}

.three_cols {
    overflow: hidden
}

.three_cols>li {
    float: left;
    width: 33.333%;
    padding-bottom: 2px;
    padding-top: 1px
}

.input-group>input[type=text] {
    position: relative;
    z-index: 3
}

input.input-lg[type=text] {
    height: 40px !important
}

.sb-slidebar {
    color: #fff
}

.sb-slidebar input[type=text] {
    border-radius: 0;
    height: 50px;
    background-color: #333;
    border: 0;
    border-bottom: solid 1px #2f2f2f;
    box-shadow: none;
    color: #fff
}

.sb-slidebar .input-group .btn {
    height: 50px;
    background-color: #00a2cb;
    color: #fff;
    border-color: #2f2f2f;
    border-radius: 0
}

.sb-slidebar .input-group .btn i {
    font-size: 1.4em
}

.slidebar-header {
    color: #00a2cb;
    font-size: 1.6em;
    border-bottom: solid 1px #2f2f2f;
    padding: 15px 20px;
    margin: 10px 0 20px 0
}

.padding-10 {
    padding: 10px 0
}

.padding-20 {
    padding: 20px 0
}

.padding-40 {
    padding: 40px 0
}

.padding-right {
    padding-right: 10px
}

.padding-left {
    padding-left: 10px
}

.no-padding {
    padding: 0 !important
}

.no-padding-top {
    padding-top: 0 !important
}

.margin-10 {
    margin: 10px 0 !important
}

.margin-top-10 {
    margin: 10px 0 0
}

.margin-bottom-10 {
    margin: 0 0 10px
}

.margin-20 {
    margin: 20px 0 !important
}

.margin-top-20 {
    margin: 20px 0 0
}

.margin-bottom-20 {
    margin: 0 0 20px
}

.margin-right {
    margin-right: 10px
}

.margin-left {
    margin-left: 10px
}

.margin-left-5 {
    margin-left: 5px
}

.margin-left-10 {
    margin-left: 10px
}

.margin-left-20 {
    margin-left: 20px
}

.margin-left-30 {
    margin-left: 30px
}

.no-margin {
    margin: 0 !important
}

.no-margin-bottom {
    margin-bottom: 0 !important
}

.no-margin-top {
    margin-top: 0 !important
}

.no-margin-left {
    margin-left: 0 !important
}

.no-margin-right {
    margin-right: 0 !important
}

.lateral-padding {
    padding-left: 20px;
    padding-right: 20px
}

.slidebar-menu {
    margin: 0;
    padding: 0
}

.slidebar-menu li {
    list-style-type: none;
    list-style-position: outside;
    margin: 0;
    padding: 0
}

.slidebar-menu li a {
    display: block;
    color: #ddd;
    padding: 10px 20px;
    border-bottom: solid 1px #2f2f2f;
    text-decoration: none
}

.slidebar-menu li a:hover {
    background-color: #000;
    color: #fff
}

.slidebar-social-icons {
    padding: 0 20px
}

#theme-options {
    display: table;
    position: fixed;
    top: 150px;
    left: -260px;
    z-index: 1000;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease
}

#theme-options:hover {
    left: 0
}

#icon-options {
    display: table-cell
}

#icon-options i {
    padding: 10px;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .4), inset 0 0 2px rgba(255, 255, 255, .75);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .4), inset 0 0 2px rgba(255, 255, 255, .75);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .4), inset 0 0 2px rgba(255, 255, 255, .75);
    background-image: -webkit-linear-gradient(bottom, #ececec, #f4f4f4);
    background-image: -moz-linear-gradient(bottom, #ececec, #f4f4f4);
    background-image: -o-linear-gradient(bottom, #ececec, #f4f4f4);
    background-image: linear-gradient(to top, #ececec, #f4f4f4)
}

#body-options {
    display: table-cell;
    width: 260px;
    background-color: #eee;
    padding: 15px 20px;
    position: relative;
    z-index: 100;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .4), inset 0 0 2px rgba(255, 255, 255, .75);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .4), inset 0 0 2px rgba(255, 255, 255, .75);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .4), inset 0 0 2px rgba(255, 255, 255, .75);
    background-image: -webkit-linear-gradient(bottom, #ececec, #f4f4f4);
    background-image: -moz-linear-gradient(bottom, #ececec, #f4f4f4);
    background-image: -o-linear-gradient(bottom, #ececec, #f4f4f4);
    background-image: linear-gradient(to top, #ececec, #f4f4f4)
}

#body-options h2 {
    font-size: 1.3em;
    margin-bottom: 10px
}

#body-options .color-box {
    display: inline-block;
    text-indent: -999999px !important;
    width: 30px;
    height: 30px;
    background-color: #fff;
    border: solid 1px #000;
    margin: 2px
}

#body-options .color-blue {
    background-color: #00a2cb
}

#body-options .color-blue2 {
    background-color: #4d7db3
}

#body-options .color-blue3 {
    background-color: #6695e2
}

#body-options .color-blue4 {
    background-color: #2366f0
}

#body-options .color-blue5 {
    background-color: #38d3ff
}

#body-options .color-green {
    background-color: #21ba91
}

#body-options .color-green2 {
    background-color: #21ba49
}

#body-options .color-green3 {
    background-color: #13e018
}

#body-options .color-green4 {
    background-color: #5ebe1e
}

#body-options .color-green5 {
    background-color: #0a9200
}

#body-options .color-red {
    background-color: #e73c3c
}

#body-options .color-red2 {
    background-color: #ae0000
}

#body-options .color-red3 {
    background-color: #ed0742
}

#body-options .color-fuchsia {
    background-color: #ff4c94
}

#body-options .color-pink {
    background-color: #ff41e6
}

#body-options .color-yellow {
    background-color: #f6dc00
}

#body-options .color-yellow2 {
    background-color: #c5b319
}

#body-options .color-orange {
    background-color: #ffb644
}

#body-options .color-orange2 {
    background-color: #e97900
}

#body-options .color-orange3 {
    background-color: #c37744
}

#body-options .color-violet {
    background-color: #9f2cc0
}

#body-options .color-violet2 {
    background-color: #9000ec
}

#body-options .color-violet3 {
    background-color: #c64dff
}

#body-options .color-gray {
    background-color: grey
}

#body-options .color-aqua {
    background-color: #29d7d5
}

.syntaxhighlighter {
    background-color: #fff !important
}

.syntaxhighlighter .line.alt1 {
    background-color: #fff !important
}

.syntaxhighlighter .line.alt2 {
    background-color: #fff !important
}

.syntaxhighlighter .line.highlighted.alt1,
.syntaxhighlighter .line.highlighted.alt2 {
    background-color: #e0e0e0 !important
}

.syntaxhighlighter .line.highlighted.number {
    color: #000 !important
}

.syntaxhighlighter table caption {
    color: #000 !important
}

.syntaxhighlighter .gutter {
    color: #afafaf !important
}

.syntaxhighlighter .gutter .line {
    border-right: 3px solid #00a2cb !important
}

.syntaxhighlighter .gutter .line.highlighted {
    background-color: #00a2cb !important;
    color: #fff !important
}

.syntaxhighlighter.printing .line .content {
    border: none !important
}

.syntaxhighlighter.collapsed {
    overflow: visible !important
}

.syntaxhighlighter.collapsed .toolbar {
    color: #00f !important;
    background: #fff !important;
    border: 1px solid #00a2cb !important
}

.syntaxhighlighter.collapsed .toolbar a {
    color: #00f !important
}

.syntaxhighlighter.collapsed .toolbar a:hover {
    color: red !important
}

.syntaxhighlighter .toolbar {
    color: #fff !important;
    background: #00a2cb !important;
    border: none !important
}

.syntaxhighlighter .toolbar a {
    color: #fff !important
}

.syntaxhighlighter .toolbar a:hover {
    color: #000 !important
}

.syntaxhighlighter .plain,
.syntaxhighlighter .plain a {
    color: #000 !important
}

.syntaxhighlighter .comments,
.syntaxhighlighter .comments a {
    color: #008200 !important
}

.syntaxhighlighter .string,
.syntaxhighlighter .string a {
    color: #00f !important
}

.syntaxhighlighter .keyword {
    color: #069 !important
}

.syntaxhighlighter .preprocessor {
    color: gray !important
}

.syntaxhighlighter .variable {
    color: #a70 !important
}

.syntaxhighlighter .value {
    color: #090 !important
}

.syntaxhighlighter .functions {
    color: #ff1493 !important
}

.syntaxhighlighter .constants {
    color: #06c !important
}

.syntaxhighlighter .script {
    font-weight: 700 !important;
    color: #069 !important;
    background-color: none !important
}

.syntaxhighlighter .color1,
.syntaxhighlighter .color1 a {
    color: gray !important
}

.syntaxhighlighter .color2,
.syntaxhighlighter .color2 a {
    color: #ff1493 !important
}

.syntaxhighlighter .color3,
.syntaxhighlighter .color3 a {
    color: red !important
}

.syntaxhighlighter .keyword {
    font-weight: 700 !important
}

.bs-glyphicons-list {
    padding-left: 0;
    list-style: none
}

.bs-glyphicons-list li {
    float: left;
    width: 25%;
    height: 115px;
    padding: 10px;
    font-size: 10px;
    line-height: 1.4;
    text-align: center;
    border: 1px solid #fff;
    background-color: #f9f9f9
}

.bs-glyphicons-list .glyphicon {
    margin-top: 5px;
    margin-bottom: 10px;
    font-size: 24px
}

.bs-glyphicons-list .glyphicon-class {
    display: block;
    text-align: center;
    word-wrap: break-word
}

.bs-glyphicons-list li:hover {
    color: #fff;
    background-color: #00a2cb
}

@media (min-width:768px) {
    .bs-glyphicons-list {
        margin-left: 0;
        margin-right: 0
    }
    .bs-glyphicons-list li {
        width: 12.5%;
        font-size: 12px
    }
}

.fontawesome-icon-list .fa-hover a {
    font-size: 1.1em;
    line-height: 2em;
    color: #333;
    display: block;
    text-decoration: none;
    padding: 3px 10px;
    border-radius: 2px
}

.fontawesome-icon-list .fa-hover a:hover {
    color: #fff;
    background-color: #00a2cb
}

.fontawesome-icon-list .fa-hover a i {
    font-size: 1.4em;
    margin-right: 10px;
    line-height: 1.8em;
    vertical-align: baseline
}

@media (min-width:768px) {
    .drop-demo ul {
        position: static;
        z-index: 0;
        margin: 0;
        padding: 0
    }
    .drop-demo .dropdown-menu .dropdown-submenu ul {
        position: absolute
    }
}

@media (max-width:767px) {
    .drop-demo ul {
        position: static;
        z-index: 0;
        margin: 0;
        padding: 0
    }
    .drop-demo .dropdown-menu .dropdown-submenu ul {
        position: static;
        box-shadow: none;
        border: 0;
        margin: 0;
        padding-left: 15px
    }
}

.carousel-images .carousel-indicators {
    bottom: auto;
    top: 10px
}

.carousel-images .carousel-control {
    position: absolute;
    top: 50%;
    bottom: auto;
    height: 50px;
    left: 20px;
    width: 50px;
    font-size: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
    opacity: .5;
    z-index: 90
}

.carousel-images .carousel-control.left {
    background-image: none;
    background-repeat: no-repeat;
    filter: none
}

.carousel-images .carousel-control.right {
    right: 0;
    left: auto;
    background-image: none;
    background-repeat: no-repeat;
    filter: none
}

.carousel-images .carousel-control:focus,
.carousel-images .carousel-control:hover {
    color: #fff;
    text-decoration: none;
    outline: 0;
    opacity: .9
}

.carousel-images .carousel-caption {
    background-color: rgba(0, 0, 0, .5);
    width: 100%;
    left: auto;
    right: auto;
    bottom: 0;
    padding: 20px
}

.carousel-images .carousel-caption.carousel-caption-dark {
    background-color: rgba(0, 0, 0, .7)
}

.carousel-images .carousel-caption h1,
.carousel-images .carousel-caption h2,
.carousel-images .carousel-caption h3,
.carousel-images .carousel-caption h4,
.carousel-images .carousel-caption h5,
.carousel-images .carousel-caption h6 {
    color: #fff;
    margin: 0 0 10px 0
}

.carousel-images .carousel-caption h1 a,
.carousel-images .carousel-caption h2 a,
.carousel-images .carousel-caption h3 a,
.carousel-images .carousel-caption h4 a,
.carousel-images .carousel-caption h5 a,
.carousel-images .carousel-caption h6 a {
    color: #fff;
    text-decoration: none
}

.bx-wrapper .bx-loading {
    background-image: url(img/bx_loader.gif)
}

.bx-wrapper .bx-caption {
    padding: 5px;
    background-color: rgba(0, 0, 0, .7)
}

.bx-wrapper .bx-caption span {
    font-family: "Open Sans", sans-serif;
    font-size: 1em;
    margin: 0;
    line-height: 1em;
    padding-bottom: 15px
}

.bx-wrapper .bx-prev {
    left: 0;
    background: url(../images/controls.png) no-repeat 0 -32px
}

.bx-wrapper .bx-next {
    right: 10px;
    background: url(../images/controls.png) no-repeat -43px -32px
}

.bx-wrapper .bx-viewport {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 0
}

.bxslider-controls {
    position: relative
}

.bxslider-controls .bx-next {
    font-size: 1.4em;
    font-weight: 500;
    display: inline-block;
    background-color: rgba(0, 0, 0, .5);
    padding: 6px 0;
    color: #fff;
    width: 32px;
    height: 35px;
    text-align: center;
    text-decoration: none;
    position: absolute;
    right: 0;
    top: -60px
}

.bxslider-controls .bx-prev {
    font-size: 1.4em;
    font-weight: 500;
    display: inline-block;
    background-color: rgba(0, 0, 0, .5);
    padding: 6px 0;
    color: #fff;
    width: 32px;
    height: 35px;
    text-align: center;
    text-decoration: none;
    position: absolute;
    right: 37px;
    top: -60px
}

.bxslider-controls .bx-next:hover,
.bxslider-controls .bx-prev:hover {
    background-color: #00a2cb
}

.calification {
    color: #ffde00;
    font-size: 1.3em;
    margin-bottom: 10px
}

.calification i {
    margin: 0;
    padding: 0;
    line-height: 100%
}

.home-devices {
    padding-top: 20px
}

@media (min-width:1200px) {
    .home-devices {
        padding-top: 80px
    }
}

.icon-devices {
    margin: 30px 0 20px 0;
    font-size: 3em;
    text-align: center;
    padding: 0
}

.icon-devices li {
    list-style-type: none;
    list-style-position: outside;
    display: inline-block
}

.icon-devices li a {
    color: #777;
    margin-right: 10px
}

.icon-devices li a:hover {
    color: #666
}

.icon-devices li.active a {
    color: #00a2cb
}

.portfolio-menu {
    background-color: #f9f9f9;
    margin-bottom: 40px
}

.portfolio-menu h3 {
    font-size: 1.2em;
    color: #fff;
    background-color: #00a2cb;
    padding: 10px 10px;
    border-left: solid 3px #00a2cb;
    margin: 0;
    font-weight: 400
}

.portfolio-menu h3 i,
.portfolio-menu h4 i {
    font-size: .85em;
    margin-right: 5px
}

.portfolio-menu h4 {
    font-size: 1.2em;
    color: #333;
    background-color: #f1f1f1;
    padding: 10px 10px;
    border-left: solid 3px #00a2cb;
    margin: 0;
    font-weight: 400
}

.portfolio-cats,
.portfolio-cols,
.portfolio-desc {
    margin: 0;
    padding: 0;
    list-style-type: none;
    list-style-position: outside;
    box-sizing: border-box
}

.portfolio-cats li span {
    padding: 7px 10px;
    border-left: solid 3px #ddd;
    display: block;
    margin: 0;
    text-decoration: none;
    color: #333;
    cursor: pointer
}

.portfolio-cats li span.active,
.portfolio-cats li span.active:hover,
.portfolio-cats li span:hover {
    color: #000;
    border-color: #00a2cb
}

.portfolio-cats li span.active {
    font-weight: 600
}

.portfolio-cols li {
    float: left;
    width: 25%;
    margin: 0;
    padding: 0;
    text-align: center
}

.portfolio-cols li a {
    display: block;
    text-decoration: none;
    color: #333;
    font-size: 1.3em;
    margin: 0;
    padding: 0;
    border-right: solid 1px #ddd;
    padding: 7px 0
}

.portfolio-cols li:first-child a,
.portfolio-desc li:first-child a {
    border-left: solid 3px #ddd
}

.portfolio-cols li:last-child a,
.portfolio-desc li:last-child a {
    border-right: none
}

.portfolio-cols li a.active,
.portfolio-cols li a.active:focus,
.portfolio-cols li a.active:hover,
.portfolio-desc li a.active,
.portfolio-desc li a.active:focus,
.portfolio-desc li a.active:hover {
    background-color: #00a2cb;
    color: #fff;
    font-weight: 400
}

.portfolio-desc li {
    float: left;
    width: 50%;
    margin: 0;
    padding: 0;
    text-align: center
}

.portfolio-desc li a {
    display: block;
    text-decoration: none;
    color: #333;
    font-size: 1.1em;
    margin: 0;
    padding: 0;
    border-right: solid 1px #ddd;
    padding: 5px 0
}

.portfolio-item-caption {
    text-align: center;
    margin-bottom: 20px
}

.portfolio-item-caption h1,
.portfolio-item-caption h2,
.portfolio-item-caption h3,
.portfolio-item-caption h4,
.portfolio-item-caption h5,
.portfolio-item-caption h6 {
    margin-bottom: 5px;
    margin-top: 0
}

.portfolio-topbar {
    background-color: #f9f9f9;
    margin-bottom: 30px;
    border-top: solid 1px #eee;
    border-left: solid 1px #eee
}

.portfolio-topbar h1,
.portfolio-topbar h2,
.portfolio-topbar h3,
.portfolio-topbar h4,
.portfolio-topbar h5,
.portfolio-topbar h6 {
    display: block;
    text-align: center;
    font-size: 1.3em;
    margin: 0;
    padding: 8px 0;
    line-height: 1;
    border-right: solid 1px #eee
}

.portfolio-topbar-cats li,
.portfolio-topbar-cols li,
.portfolio-topbar-desc li {
    float: left;
    list-style-type: none;
    list-style-position: outside
}

.portfolio-topbar-cats,
.portfolio-topbar-cols,
.portfolio-topbar-desc {
    margin: 0 auto;
    padding: 0;
    overflow: hidden;
    float: left
}

.portfolio-topbar-cats li span {
    display: inline-block;
    padding: 5px 12px;
    cursor: pointer;
    border-bottom: solid 3px #eee
}

.portfolio-topbar-cats li span.active,
.portfolio-topbar-cats li span.active:hover {
    border-bottom: solid 3px #00a2cb
}

.topbar-border {
    display: block;
    width: 100%;
    padding: 5px 12px;
    border-bottom: solid 3px #eee;
    border-right: solid 1px #eee
}

@media (min-width:992px) and (max-width:1199px) {
    .portfolio-topbar-cats li span {
        padding: 5px 9px
    }
}

.portfolio-topbar-cols {
    display: block;
    width: 100%
}

.portfolio-topbar-cols li {
    width: 25%;
    float: left;
    text-align: center
}

.portfolio-topbar-cols li a {
    display: block;
    padding: 5px 12px;
    cursor: pointer;
    border-bottom: solid 3px #eee;
    text-decoration: none;
    color: #333
}

.portfolio-topbar-cols li a.active,
.portfolio-topbar-cols li a.active:hover,
.portfolio-topbar-desc li a.active,
.portfolio-topbar-desc li a.active:hover {
    border-bottom-color: #00a2cb
}

.portfolio-topbar-cats li span:hover,
.portfolio-topbar-cols li a:hover,
.portfolio-topbar-desc li a:hover {
    border-bottom-color: #999
}

.portfolio-topbar-cols li:last-child,
.portfolio-topbar-desc li:last-child {
    border-right: solid 1px #eee
}

.portfolio-topbar .col-md-8 {
    padding-right: 0
}

.portfolio-topbar .col-md-2.port-fix {
    padding-right: 0;
    padding-left: 0
}

.portfolio-topbar .col-md-2 {
    padding-left: 0
}

.portfolio-topbar-desc li {
    float: left;
    width: 50%;
    text-align: center
}

.portfolio-topbar-desc {
    display: block;
    width: 100%
}

.portfolio-topbar-desc li a {
    display: block;
    padding: 5px 12px;
    cursor: pointer;
    border-bottom: solid 3px #eee;
    text-decoration: none;
    color: #333
}

@media (min-width:992px) and (max-width:1199px) {
    .portfolio-item-panel .panel-body {
        font-size: .9em;
        line-height: 160%
    }
    .portfolio-item-panel h4 {
        margin-top: 0
    }
}

.ec-box {
    margin-bottom: 20px;
    border: solid 1px #eee;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, .2);
    position: relative;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease
}

.ec-box:hover {
    -webkit-transform: translateY(-5px);
    -moz-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    -o-transform: translateY(-5px);
    transform: translateY(-5px);
    z-index: 10
}

.ec-box img {
    display: block;
    margin: 0 auto
}

.ec-box-footer {
    background-color: #f5f5f5;
    padding: 5px;
    overflow: hidden;
    margin-top: 10px
}

.ec-box-footer .label {
    font-size: 1em;
    padding-top: 8px;
    padding-bottom: 8px;
    display: inline-block;
    margin-bottom: 0
}

.ec-box-footer .ec-price {
    display: block;
    font-size: 1.2em;
    color: #02c66c;
    text-align: center;
    margin-top: 5px
}

.ec-box-header {
    background-color: #f5f5f5;
    padding: 5px;
    font-weight: 600;
    text-align: center
}

.ec-filters-menu ul {
    padding: 0;
    list-style-type: none
}

.ec-filters-menu ul li a {
    display: block;
    color: #333;
    border-left: solid 3px #ddd;
    padding-left: 15px;
    text-decoration: none
}

.ec-filters-menu ul li a:hover {
    border-color: #000;
    color: #000
}

.ec-filters-menu ul li a.active {
    border-color: #00a2cb;
    color: #00a2cb
}

.price-box {
    font-size: 2.4em;
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle;
    border: solid 1px #cdff76;
    padding: 9px;
    border-radius: 2px
}

#bx-pager a {
    display: inline-block;
    border: solid 2px #ddd;
    padding: 3px
}

@media (max-width:991px) {
    #bx-pager {
        margin-bottom: 40px
    }
}

.bx-caption {
    display: none
}

.bx-viewport {
    min-height: 490.906px
}

#bx-pager {
    position: relative;
    padding: 0;
    margin: 0;
    list-style-type: none;
    background-color: #036;
    color: #fff;
    width: 100%;
    font: normal 90% arial, helvetica, sans-serif;
    text-align: center
}

#bx-pager ul {
    list-style: none;
    margin: 0;
    padding: 0;
    float: left;
    width: 100%
}

#bx-pager li {
    display: inline-block;
    margin: 0;
    padding: 0;
    margin-left: 10px;
    margin-bottom: 10px
}

#bx-pager li a {
    text-decoration: none;
    padding: 0;
    margin: 0;
    color: #fff;
    line-height: 60px;
    display: block;
    opacity: .5
}

#bx-pager li a:hover {
    background-color: #fff;
    opacity: 1
}

#bx-pager li a.active,
#bx-pager li a:hover {
    background-color: #fff;
    opacity: 1;
    border: 2px solid #df3883
}

.e-price {
    font-size: 1.4em;
    padding: 15px;
    background-color: #00a2cb;
    color: #fff;
    margin-bottom: 20px;
    text-align: center
}

.e-price span {
    font-size: 2em
}

.post {
    margin-bottom: 30px;
    overflow: hidden
}

.post .panel.panel-default .panel-heading a {
    color: #000;
    font-size: 1.2em;
    margin: 0
}

.post .panel.panel-primary .panel-heading a {
    color: #fff;
    font-size: 1.2em;
    margin: 0
}

.post-title {
    font-size: 1.6em;
    margin: 0 0 20px 0;
    padding-bottom: 10px;
    border-bottom: solid 1px #eee
}

.post .post-title a {
    color: #00a2cb;
    text-decoration: none
}

.img-post {
    padding: 5px;
    border: solid 1px #ccc;
    background-color: #eee;
    margin: 0 auto 20px auto
}

.post p {
    line-height: 190%
}

.post-content {
    font-size: .9em
}

.post-info {
    margin-top: 20px;
    padding: 5px 0;
    border-top: solid 1px #ddd;
    border-bottom: solid 1px #ddd;
    overflow: hidden;
    vertical-align: baseline;
    position: relative
}

.post-info span {
    color: #00a2cb
}

.post-info .btn {
    position: absolute;
    right: 0;
    top: 3px
}

.post-info-b i {
    margin: 0 5px
}

.pi-content {
    margin-top: 5px;
    display: inline-block
}

.sub-comments {
    padding-left: 50px;
    border-left: dotted 1px #ddd
}

.block {
    margin-bottom: 40px
}

.block .nav>li>a>i {
    font-size: 1.3em
}

.block ul {
    padding: 0
}

.block ul.simple li {
    list-style-type: none;
    margin: 3px 0
}

.block ul.simple li a {
    border-left: solid 2px #00a2cb;
    padding-left: 20px
}

.block ul.simple li a:hover {
    border-color: #000
}

.block ul.simple li ul {
    padding-left: 20px
}

.post-sidebar {
    padding: 0
}

.post-sidebar li {
    list-style-type: none;
    overflow: hidden;
    margin-bottom: 20px
}

.post-sidebar img {
    float: left;
    padding: 5px;
    border: solid 1px #ccd;
    background-color: #ddd;
    margin-right: 10px
}

.post-sidebar h4 {
    margin: 0;
    padding: 0;
    line-height: 140%;
    font-size: 1.1em;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400
}

.post-sidebar .date {
    margin-top: 10px;
    color: #666;
    display: block
}

.tags-cloud a {
    border: solid 1px #ddd;
    padding: 3px 5px;
    margin: 2px;
    display: inline-block;
    font-size: .9em;
    color: #00a2cb;
    text-decoration: none
}

.tags-cloud a:hover {
    background-color: #00a2cb;
    color: #fff
}

.comments-sidebar {
    padding: 0;
    margin: 0
}

.comments-sidebar li {
    list-style-type: none;
    margin: 10px 0;
    overflow: hidden
}

.comments-sidebar li:nth-child(2n) img {
    border-radius: 50px;
    float: left;
    margin-right: 10px
}

.comments-sidebar li:nth-child(2n+1) img {
    border-radius: 50px;
    float: right;
    margin-left: 10px
}

.comments-sidebar li h4 {
    font-size: 1em;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    line-height: 140%
}
.timeline-event .panel-heading {
    cursor: grab;
}
.timeline-event.over .panel {
    border: 3px dotted #666;
}

@media (min-width:768px) {
    .timeline-left {
        border-right: solid 5px #ddd
    }
    .timeline-right {
        padding-top: 100px
    }
    .timeline-event-left {
        width: 97%;
        position: relative
    }
    .timeline-event-left:before {
        content: "";
        width: 20px;
        height: 20px;
        background-color: #00a2cb;
        border-radius: 50px;
        border: solid 4px #ddd;
        position: absolute;
        right: -37px;
        top: 13px;
        margin-left: -12px;
        z-index: 10
    }
    .timeline-event-right:before {
        content: "";
        width: 20px;
        height: 20px;
        background-color: #00a2cb;
        border-radius: 50px;
        border: solid 4px #ddd;
        position: absolute;
        left: -25px;
        top: 13px;
        margin-left: -12px;
        z-index: 10
    }
    .timeline-event-right {
        width: 97%;
        margin-left: 3%;
        position: relative
    }
    .timeline-event:after {
        content: "";
        width: 0;
        height: 0;
        border-style: solid;
        position: absolute;
        top: 9px
    }
    .timeline-event-left:after {
        border-width: 14px 0 14px 20px;
        border-color: transparent transparent transparent #00a2cb;
        right: -18px
    }
    .timeline-event-right:after {
        border-width: 14px 20px 14px 0;
        border-color: transparent #00a2cb transparent transparent;
        left: -18px
    }
}

@media (min-width:992px) {
    .timeline-event-left:before {
        right: -41px;
        margin-left: -12px
    }
    .timeline-event-right:before {
        left: -29px;
        margin-left: -12px
    }
}

@media (min-width:1200px) {
    .timeline-event-left:before {
        right: -44px;
        margin-left: -12px
    }
    .timeline-event-right:before {
        left: -32px;
        margin-left: -12px
    }
}

.timeline-title {
    text-align: center;
    display: block;
    margin: 0 auto 40px auto
}

.timeline-title span {
    background-color: #00a2cb;
    padding: 8px;
    color: #fff;
    border-radius: 3px
}

@media (min-width:768px) {
    .timeline-2 {
        border-left: solid 5px #eee;
        list-style-type: none;
        margin: 0;
        padding: 0;
        padding-left: 20px;
        margin-left: 110px
    }
    .timeline-2 li {
        position: relative
    }
    .timeline-2-point {
        top: 20px;
        left: -10px;
        width: 10px;
        height: 10px;
        position: absolute;
        background: #00a2cb;
        margin: 0 0 0 -17px;
        box-shadow: 0 0 0 4px #eee;
        -webkit-font-smoothing: antialiased;
        border-radius: 30px;
        z-index: 20
    }
    .timeline-2 li:hover .timeline-2-point {
        background-color: #444
    }
    .timeline-2 li .timeline-time {
        position: relative;
        top: 0;
        left: -150px;
        z-index: 20;
        text-align: right;
        display: block;
        width: 100px
    }
    .timeline-2 li .timeline-time span {
        display: block;
        font-size: 1.6em
    }
    .timeline-2 li .alert,
    .timeline-2 li .panel,
    .timeline-2 li blockquote {
        margin-top: -45px;
        position: relative;
        top: 0
    }
}

@media (max-width:767px) {
    .timeline-2 {
        list-style-type: none;
        margin: 0;
        padding: 0
    }
    .timeline-2-point {
        display: none
    }
    .timeline-2 li {
        margin-bottom: 40px
    }
    .timeline-2 li .timeline-time {
        font-size: 1.6em;
        padding-bottom: 20px;
        display: block
    }
}

.pricign-box {
    border: solid 1px #444;
    -webkit-box-shadow: 3px 3px 8px 0 #ccc;
    -moz-box-shadow: 3px 3px 8px 0 #ccc;
    box-shadow: 3px 3px 8px 0 #ccc;
    margin-bottom: 20px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.pricign-box:hover {
    -webkit-box-shadow: 0 0 8px 2px rgba(0, 0, 0, .39);
    box-shadow: 0 0 8px 2px rgba(0, 0, 0, .39)
}

.pricing-box-header {
    color: #fff;
    background-color: #444;
    padding: 10px
}

.pricing-box-header>h2 {
    margin: 0 0 10px 0;
    padding: 0;
    line-height: 100%;
    font-size: 2em;
    text-align: center;
    color: #fff
}

.pricing-box-header>p {
    font-size: .9em;
    font-weight: 300;
    text-align: center;
    margin: 0
}

.pricing-box-price {
    padding: 10px;
    margin-bottom: 7px;
    background-color: #ededed;
    border-bottom: solid 1px #ddd
}

.pricing-box-price h3 {
    margin: 0;
    padding: 0;
    line-height: 100%;
    font-size: 2em;
    text-align: center
}

.pricing-box-price h3>sub {
    font-size: .6em
}

.pricing-box-content>ul {
    padding: 0
}

.pricing-box-content>ul>li {
    list-style-type: none;
    padding: 7px 0;
    border-bottom: dotted 1px #ddd;
    vertical-align: top
}

.pricing-box-content>ul>li>i {
    margin: 0 14px;
    font-size: 1.4em;
    list-style-position: inside
}

.pricing-box-footer {
    margin: 10px auto;
    text-align: center
}

.pricign-box-pro {
    border-color: #00a2cb
}

.pricign-box-pro>.pricing-box-header {
    color: #fff;
    background-color: #00a2cb
}

.pricing-table {
    border-top: solid 1px #ddd;
    border-left: solid 1px #ddd;
    margin-bottom: 40px
}

.pricing-table-head {
    border-bottom: solid 1px #ddd
}

.pricing-table-head .price {
    text-align: center
}

.pricing-table-content {
    list-style-type: none;
    padding: 0;
    font-size: .9em;
    margin: 0
}

.pricing-table-content li {
    padding: 5px 10px;
    border-bottom: solid 1px #ddd;
    margin: 0
}

.border-fix-pricing {
    border-right: solid 1px #ddd
}

.pricing-table-description {
    margin-top: 70px
}

.pricing-desc-title {
    font-size: 24px;
    text-align: center;
    background-color: #00a2cb;
    color: #fff;
    margin: 0;
    padding: 21px 5px 20px 5px;
    height: 69px
}

.pricing-table-head h2 {
    font-size: 1.3em;
    text-align: center;
    background-color: #00a2cb;
    color: #fff;
    margin: 0;
    padding: 10px 5px;
    font-weight: 400;
    height: 70px
}

.pricing-table-head h2 span {
    font-size: 12px;
    display: block;
    padding-top: 5px
}

.pricing-table-head .price {
    font-size: 1em
}

.pricing-table-head .price {
    font-size: 24px;
    font-weight: 400;
    height: 32px
}

.pricing-table-head .price i {
    font-style: normal;
    font-size: 32px
}

.pricing-table-content {
    text-align: center
}

.pricing-table-description .pricing-table-content {
    text-align: left
}

.pricing-table-content li:nth-child(2n+1) {
    background-color: #f9f9f9
}

.pricing-table-description i {
    margin-right: 10px;
    color: #00a2cb;
    font-size: 1.1em
}

.pricing-table-footer .btn {
    border-radius: 0
}

.pricing-table-content .fa-check {
    color: #02c66c
}

.pricing-table-content .fa-times {
    color: #d9534f
}

@media (min-width:992px) {
    .pricing-col {
        margin: 0;
        padding: 0
    }
}

@media (max-width:991px) {
    .pricing-table-content span {
        display: block
    }
    .pricing-table {
        border-right: solid 1px #ddd
    }
}

.circles-text {
    font-size: 2em !important
}

.circles-text-small {
    font-size: .6em !important
}

#header-full {
    background-image: url(../img/back.jpg);
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    color: #fff
}

.wrap-primary {
    background-color: #00a2cb;
    background-color: rgba(0, 64, 90, .7);
    padding: 40px 0
}

#header-full .secondary-color {
    text-shadow: 0 1px 2px rgba(0, 0, 0, .75);
    color: #cdff76;
    font-weight: 300
}

#header-full .lead {
    text-shadow: 0 1px 2px rgba(0, 0, 0, .75);
    font-weight: 300;
    font-size: 1.6em;
    max-width: 700px;
    margin: 0 auto
}

.header-full-icons {
    margin-top: 80px
}

.header-full-icons {
    margin-top: 80px;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .75)
}

.header-full-icons .icon-ar {
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease
}

.header-full-icons .icon-ar:hover {
    background-color: rgba(255, 255, 255, .2)
}

#header-full h1,
#header-full h2,
#header-full h3,
#header-full h4,
#header-full h6 {
    color: #fff;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .75);
    font-family: "Open Sans", sans-serif
}

.head-title {
    font-size: 5em;
    font-weight: 300;
    text-align: center;
    color: #fff !important
}

@media (min-height:900px) {
    .wrap-primary {
        padding: 20px 0
    }
    .header-full-icons {
        margin-top: 40px
    }
}

@media (min-height:990px) {
    .wrap-primary {
        padding: 80px 0 40px 0
    }
}

@media (max-height:900px) {
    .wrap-primary {
        padding: 0
    }
    .header-full-icons {
        margin-top: 40px
    }
    .head-title {
        font-size: 3em
    }
    .head-subtitle {
        font-size: 2em
    }
    .header-full-icons .icon-ar.icon-ar-xl-lg {
        width: 60px;
        height: 60px;
        font-size: 32px;
        line-height: 1.8
    }
}

@media (max-height:768px) {
    .head-full-logo {
        display: none
    }
}

@media (max-width:991px) {
    .wrap-primary {
        padding: 20px 0
    }
    .header-full-icons {
        margin-top: 40px
    }
    .head-title {
        font-size: 3em;
        font-weight: 300;
        text-align: center;
        color: #fff !important
    }
    .head-subtitle {
        font-size: 2em
    }
}

.wrap-dark-color {
    background-color: #333;
    color: #666
}

.wrap-dark-color p.lead {
    margin: 20px 0;
    font-size: 1.3em
}

.feature-icon:first-child {
    border-left: solid 1px #444
}

.feature-container {
    display: table
}

a.feature-icon {
    display: table-cell;
    padding: 20px;
    min-width: 130px;
    border-right: solid 1px #444;
    text-decoration: none;
    color: #666;
    cursor: pointer;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease
}

a.feature-icon:hover {
    color: #fff;
    background-color: #00a2cb
}

.feature-icon i {
    display: block;
    font-size: 2.6em;
    margin-bottom: 10px;
    text-align: center
}

.feature-icon h4 {
    font-size: 1.2em;
    margin: 0;
    color: #666;
    text-align: center
}

.feature-icon:hover h4 {
    color: #fff
}

@media (min-width:1200px) {
    a.feature-icon:hover {
        min-width: 200px
    }
}

@media (max-width:991px) {
    .feature-container {
        display: block;
        text-align: center;
        border: 0;
        margin: 0;
        padding: 0
    }
    .feature-icon:first-child {
        border-left: 0
    }
    a.feature-icon {
        float: left;
        width: 25%;
        border: 0
    }
}

@media (max-width:519px) {
    .feature-container h4 {
        font-size: 1em
    }
    .feature-icon:first-child {
        border-left: 0
    }
    a.feature-icon {
        float: left;
        border: 0;
        min-width: 0;
        width: 50%
    }
}

.error-404 {
    max-width: 500px
}

.error-404 h1 {
    font-size: 6em;
    text-transform: uppercase;
    font-family: "Open Sans", sans-serif
}

.error-404 h2 {
    font-size: 3em;
    text-transform: uppercase
}

@media (min-height:1019px) {
    .error-404 {
        margin: 48px auto 49px auto
    }
}

.paper-back {
    background-image: url(../img/back.png);
    background-repeat: repeat;
    position: fixed;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

.title-logo {
    background-image: url(../img/colors/blue/logo50.png);
    background-repeat: no-repeat;
    background-position: center top;
    font-size: 2.3em;
    font-weight: 300;
    font-family: "Open Sans", sans-serif;
    color: #000;
    padding-top: 70px;
    margin-bottom: 20px;
    text-align: center
}

.title-logo span {
    color: #00a2cb
}

.transparent-div {
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .2), inset 0 0 2px #fff;
    -moz-box-shadow: 0 0 4px rgba(0, 0, 0, .2), inset 0 0 2px #fff;
    box-shadow: 0 0 4px rgba(0, 0, 0, .2), inset 0 0 2px #fff;
    border: solid 1px #c3c3c3;
    background-color: rgba(255, 255, 255, .4);
    padding: 20px;
    color: #7e8488
}

.transparent-div h1,
.transparent-div h2,
.transparent-div h3 {
    color: #7e8488
}

.transparent-div h1 {
    font-size: 3.5em
}

.transparent-div p {
    font-size: 1.2em;
    font-family: "Open Sans", sans-serif;
    font-weight: 300;
    margin-bottom: 25px
}

.transparent-div .btn-ar.btn-primary {
    border: solid 1px #00638e;
    background-image: -webkit-linear-gradient(top, #00a2cb, #0080b6);
    background-image: -moz-linear-gradient(top, #00a2cb, #0080b6);
    background-image: -o-linear-gradient(top, #00a2cb, #0080b6);
    background-image: linear-gradient(to bottom, #00a2cb, #0080b6);
    font-size: 14px;
    padding-left: 30px;
    padding-right: 30px;
    border-radius: 0
}

.absolute-center {
    height: 700px
}

@media (min-width:500px) {
    .absolute-center {
        width: 500px;
        height: 500px;
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        margin: auto
    }
}

.home-news-box {
    margin-bottom: 30px
}

@media (max-width:991px) {
    .home-news-box {
        margin-top: 40px
    }
    .home-news-box h5 {
        font-size: 1em
    }
}

.profile-header {
    min-height: 350px;
    background-image: url(../img/back_profile.jpg);
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    color: #fff;
    margin-bottom: 40px
}

.dark-div {
    background-color: rgba(0, 0, 0, .5)
}

.profile-header .dark-div {
    min-height: 350px;
    padding: 50px 0
}

.profile-header h1 {
    text-shadow: 0 1px 2px rgba(0, 0, 0, .75);
    font-size: 3em;
    text-align: center;
    color: #fff
}

.profile-header h2 {
    text-shadow: 0 1px 2px rgba(0, 0, 0, .75);
    font-size: 1.7em;
    text-align: center;
    color: #cdff76
}

.profile-header-btn .btn {
    margin: 10px;
    padding: 12px 20px
}

.home-profile-img img {
    border: solid 10px rgba(255, 255, 255, .5);
    box-shadow: 0 0 5px rgba(0, 0, 0, .5);
    margin-top: 10px
}

.profile-header-social {
    text-align: center;
    margin: 20px 0 0 0
}

.services-header {
    min-height: 350px;
    background-image: url(../img/back_services.jpg);
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    color: #fff;
    margin-bottom: 40px
}

.primary-dark-div {
    background-color: rgba(0, 89, 126, .5)
}

.services-header .primary-dark-div {
    min-height: 350px;
    padding: 50px 0
}

.service-header-text {
    max-width: 450px;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .75)
}

.service-header-text h1 {
    color: #cdff76
}

.service-header-text .btn-ar.btn-primary {
    -webkit-box-shadow: 0 0 3px rgba(255, 255, 255, .75), inset 0 0 2px rgba(255, 255, 255, .75);
    -moz-box-shadow: 0 0 3px rgba(255, 255, 255, .75), inset 0 0 2px rgba(255, 255, 255, .75);
    box-shadow: 0 0 3px rgba(255, 255, 255, .75), inset 0 0 2px rgba(255, 255, 255, .75);
    border: solid 1px #00577c;
    background-image: -webkit-linear-gradient(bottom, #0084bb, #00a2cb);
    background-image: -moz-linear-gradient(bottom, #0084bb, #00a2cb);
    background-image: -o-linear-gradient(bottom, #0084bb, #00a2cb);
    background-image: linear-gradient(to top, #0084bb, #00a2cb);
    padding: 13px 45px;
    font-size: 1.1em;
    text-shadow: none;
    margin: 20px 0
}

.service-header-text .btn-ar.btn-primary:active {
    background-image: -webkit-linear-gradient(top, #0084bb, #00a2cb);
    background-image: -moz-linear-gradient(top, #0084bb, #00a2cb);
    background-image: -o-linear-gradient(top, #0084bb, #00a2cb);
    background-image: linear-gradient(to bottom, #0084bb, #00a2cb);
    -webkit-box-shadow: 0 0 3px rgba(255, 255, 255, .75), inset 0 0 2px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 0 3px rgba(255, 255, 255, .75), inset 0 0 2px rgba(0, 0, 0, .2);
    box-shadow: 0 0 3px rgba(255, 255, 255, .75), inset 0 0 2px rgba(0, 0, 0, .2)
}

.services-header-list {
    list-style-type: none;
    padding: 0;
    margin: 0
}

.services-header-list li a {
    display: block;
    color: #fff;
    text-decoration: none;
    font-size: 1.7em;
    font-family: "Open Sans", sans-serif;
    font-weight: 300;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .75);
    background-color: rgba(255, 255, 255, .2);
    -webkit-box-shadow: 0 0 5px #000, inset 0 0 2px rgba(255, 255, 255, .65);
    -moz-box-shadow: 0 0 5px #000, inset 0 0 2px rgba(255, 255, 255, .65);
    box-shadow: 0 0 5px #000, inset 0 0 2px rgba(255, 255, 255, .65);
    border: solid 1px rgba(255, 255, 255, .4);
    padding: 15px;
    margin: 20px 0;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease
}

.services-header-list li a i {
    margin-right: 10px;
    font-size: 1.1em
}

.services-header-list li a:hover {
    text-shadow: 0 1px 2px rgba(0, 0, 0, .75);
    background-color: rgba(255, 255, 255, .3);
    -webkit-box-shadow: 0 0 5px #000, inset 0 0 2px rgba(255, 255, 255, .95);
    -moz-box-shadow: 0 0 5px #000, inset 0 0 2px rgba(255, 255, 255, .95);
    box-shadow: 0 0 5px #000, inset 0 0 2px rgba(255, 255, 255, .95)
}

@media (min-width:992px) and (max-width:1199px) {
    .services-header-list li a {
        font-size: 1.4em
    }
}

@media (max-width:600px) {
    .services-header-list li a {
        font-size: 1.4em
    }
}

.logig-form {
    max-width: 500px
}

.login-form-full {
    padding-top: 50px;
    max-width: 500px;
    margin: 0 auto
}

.paper-back-full {
    background-image: url(../img/back.png);
    background-repeat: repeat;
    padding-bottom: 30px
}

@media (min-height:800px) {
    .login-form-full {
        padding-top: 10%
    }
}

.profile-avatar-container {
    position: relative
}

.profile-avatar {
    position: absolute;
    top: -100px;
    left: 100px;
    border: solid 10px rgba(255, 255, 255, .5);
    box-shadow: 0 0 5px rgba(0, 0, 0, .5)
}

.nav-profile {
    background-color: #f9f9f9;
    border-bottom: solid 1px #eee;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .3);
    margin-bottom: 60px
}

.nav-profile ul {
    padding: 0;
    margin: 0;
    overflow: hidden;
    min-height: 50px;
    list-style-type: none
}

.profile-counters li {
    float: left;
    text-align: center
}

.profile-counters li a {
    font-family: "Open Sans";
    display: block;
    color: #333;
    font-size: 22px;
    padding: 6px 40px 4px 0;
    text-decoration: none
}

.profile-counters li a:hover {
    color: #00a2cb
}

.profile-counters li a span {
    display: block;
    font-size: 13px
}

.profile-header-text {
    text-shadow: 0 1px 2px rgba(0, 0, 0, .75);
    margin-top: 130px
}

.profile-header-text h1 {
    color: #cdff76
}

.profile-header-text h2 {
    color: #fff
}

@media (max-width:767px) {
    .profile-avatar {
        position: static;
        margin: 0 auto;
        display: block
    }
    .nav-profile {
        margin-bottom: 40px
    }
    .profile-header-text {
        text-align: center;
        margin-top: 0
    }
}

.coming-back {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: url(../img/coming_back.jpg);
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    color: #fff
}

.coming-content {
    background-color: rgba(0, 10, 17, .76);
    margin-top: 20px;
    padding: 30px 0
}

.coming-content h1 {
    font-family: "Open Sans", sans-serif
}

.coming-counter h1 {
    color: #fff;
    font-size: 3em;
    text-align: right;
    margin: 0 0 40px 0
}

#getting-started {
    color: #fff
}

#getting-started span {
    display: block
}

.coming-date {
    list-style-type: none;
    padding: 0;
    float: right
}

.coming-date li {
    float: left;
    display: block;
    text-align: center;
    font-size: 36px;
    font-weight: 300;
    font-family: "Open Sans", sans-serif;
    margin: 0 15px
}

.coming-date li span {
    display: block;
    font-size: 18px;
    margin-top: 15px
}

.coming-date li.colon {
    margin: 0
}

.coming-date li:last-child {
    margin-right: 0
}

.coming-desc h1 {
    font-size: 40px;
    color: #fff;
    display: block;
    margin: 0 0 20px 0;
    padding-left: 70px;
    background-image: url(../img/logo50_white.png);
    background-repeat: no-repeat;
    background-position: left center
}

.coming-desc p {
    font-size: 1.2em;
    line-height: 170%
}

.coming-social {
    float: right;
    margin-top: 150px
}

@media (max-width:991px) {
    .coming-social {
        float: left;
        margin-top: 20px
    }
}

@media (min-height:600px) {
    .coming-content {
        margin-top: 50px
    }
}

@media (min-height:800px) {
    .coming-content {
        margin-top: 300px
    }
}

.coming-date.coming-date-black {
    display: block;
    width: 100%;
    overflow: hidden;
    float: none;
    text-align: center;
    margin: 20px auto
}

.coming-date.coming-date-black li {
    color: #7e8488;
    float: none;
    display: inline-block;
    vertical-align: top
}

.service-list li {
    counter-increment: myIndex;
    position: relative;
    margin-bottom: 20px;
    padding: 10px 0 10px 80px
}

.service-list li:before {
    content: counter(myIndex);
    font-family: Roboto, sans-serif;
    font-size: 2em;
    padding: 10px 15px;
    border: solid 1px #00a2cb;
    color: #00a2cb;
    border-radius: 500px;
    position: absolute;
    top: 10px;
    left: 0
}

#back-top a {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 999999999;
    color: #eee;
    background-color: rgba(0, 0, 0, .3);
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
    padding: 10px;
    border-radius: 5px;
    text-align: center
}

#back-top a:hover {
    background-color: rgba(0, 0, 0, .7)
}

#back-top a i {
    font-size: 2em
}

@media (max-width:767px) {
    #back-top a {
        position: fixed;
        bottom: 10px;
        right: 10px
    }
    #back-top a i {
        font-size: 1.6em
    }
}

.header-full {
    background-color: #fff;
    border-top: 25px solid #e6007e
}

.header-full-title {
    float: left;
    text-align: left;
    padding-bottom: 10px;
    margin-left: 25px
}

.header-full-title img {
    float: left;
    margin-top: 18px
}

.header-full-title#development img {
    border: 1px solid red
}

.header-full-title h1 {
    color: #000;
    font-family: "Open Sans", sans-serif;
    font-size: 2em;
    font-weight: 700;
    border-left: 1px solid #00a2cb;
    height: 75px;
    margin: 17px 0 17px 189px;
    padding-left: 29px;
    padding-top: 21px
}

.header-full-title a {
    color: #000;
    display: inline-block;
    text-decoration: none
}

.header-full-title h1 span {
    color: #00a2cb
}

.header-full-title p {
    margin-bottom: 15px;
    font-size: 1.2em;
    text-align: center
}

.top-nav {
    float: right;
    position: relative
}

.relative {
    position: relative
}

.new-nav {
    position: absolute;
    right: 0;
    top: 20px
}

.new-nav a,
.new-nav i {
    color: #e6007e
}

.new-nav i {
    width: 20px;
    height: 20px
}

.top-nav .dropdown {
    display: inline-block;
    margin-left: 20px;
    z-index: 10;
    vertical-align: top
}

.top-nav .dropdown a {
    margin: 0;
    padding: 0;
    display: inline-block;
    padding: 7px 10px;
    color: #000;
    text-decoration: none;
    background-color: #f1f1f1;
    -webkit-box-shadow: inset 0 0 1px #fff;
    -moz-box-shadow: inset 0 0 1px #fff;
    box-shadow: inset 0 0 1px #fff;
    border: solid 1px #e3e6e8;
    border-top: 0
}

.top-nav .dropdown a:hover {
    background-color: #fff
}

.top-nav .dropdown>a:after {
    content: none
}

.top-nav .dropdown a i {
    font-size: 1.2em;
    color: #00a2cb;
    padding-right: 8px
}

.dropdown-login-box,
.dropdown-search-box {
    overflow: hidden;
    padding: 10px;
    min-width: 300px;
    box-shadow: none
}

.dropdown-login-box,
.dropdown-search-box .form-group {
    margin: 0
}

.dropdown-login-box h4 {
    margin: 5px 0 10px 0
}

.dropdown-login-box .btn {
    margin-top: 10px
}

.top-nav-social {
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: inline-block;
    margin-left: 20px;
    background-color: #f1f1f1;
    -webkit-box-shadow: inset 0 0 1px #fff;
    -moz-box-shadow: inset 0 0 1px #fff;
    box-shadow: inset 0 0 1px #fff;
    border: solid 1px #e3e6e8;
    border-top: 0;
    overflow: hidden
}

.top-nav-social li {
    float: left;
    margin: 0
}

.top-nav-social a {
    font-size: 1.5em;
    margin: 0;
    color: #444;
    display: inline-block;
    padding: 7px 10px;
    min-width: 40px;
    text-align: center;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease
}

.top-nav-social a.twitter:hover {
    background-color: #00aced;
    color: #fff
}

.top-nav-social a.facebook:hover {
    background-color: #3b5998;
    color: #fff
}

.top-nav-social a.instagram:hover {
    background-color: #517fa4;
    color: #fff
}

.top-nav-social a.rss:hover {
    background-color: #ef922f;
    color: #fff
}

.top-nav-social a.linkedin:hover {
    background-color: #007bb6;
    color: #fff
}

.top-nav-social a.git:hover {
    background-color: #666;
    color: #fff
}

.top-nav-social a.google-plus:hover {
    background-color: #dd4b39;
    color: #fff
}

.top-nav-social a.youtube:hover {
    background-color: #b00;
    color: #fff
}

.top-nav-social a.pinterest:hover {
    background-color: #cb2027;
    color: #fff
}

.top-nav-social a.wordpress:hover {
    background-color: #4597be;
    color: #fff
}

.top-nav-social a.flickr:hover {
    background-color: #ff0084;
    color: #fff
}

.top-nav-social a.vine:hover {
    background-color: #00b48a;
    color: #fff
}

.top-nav-social a.dribbble:hover {
    background-color: #f26798;
    color: #fff
}

.top-nav-social a.foursquare:hover {
    background-color: #0072b1;
    color: #fff
}

.top-nav-social a.tumblr:hover {
    background-color: #32506d;
    color: #fff
}

@media (max-width:767px) {
    .navbar-header-full.navbar-inverse {
        border-top: none
    }
}

.navbar-header-full.navbar-dark {
    border-top: solid 1px #444
}

.navbar-default.navbar-inverse+.main-header {
    background-color: #fff;
    border-bottom: solid 1px #ddd;
    color: #333
}

.navbar-default.navbar-inverse+.main-header .page-title,
.navbar-default.navbar-inverse+.main-header a {
    color: #333;
    border-color: #333
}

.navbar-default.navbar-inverse+.main-header .breadcrumb>li+li:before {
    color: #888
}

.navbar-default.navbar-inverse+.main-header li.active,
.navbar-default.navbar-inverse+.main-header li.current_item {
    color: #000;
    border-color: #000
}

.header-full-dark {
    background-image: none;
    background-color: #444;
    color: #fff
}

.header-full-dark .header-full-title a {
    margin-bottom: 5px;
    margin-top: 15px;
    font-family: Muli;
    word-spacing: -7px;
    color: #fff;
    font-size: 32px
}

.navbar-header-full .sb-icon-navbar i {
    height: 51px;
    margin-top: -1px
}

.navbar-inverse .sb-icon-navbar i {
    background-color: #444;
    background-image: none
}

.header-full-dark .top-nav-social {
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: inline-block;
    margin-left: 20px;
    background-color: #333;
    -webkit-box-shadow: inset 0 0 1px #323232;
    -moz-box-shadow: inset 0 0 1px #323232;
    box-shadow: inset 0 0 1px #323232;
    border: solid 1px #555;
    border-top: 0;
    overflow: hidden
}

.header-full-dark .top-nav-social li {
    float: left;
    margin: 0
}

.header-full-dark .top-nav-social a {
    color: #999;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease
}

.header-full-dark .top-nav .dropdown a {
    color: #999;
    background-color: #333;
    -webkit-box-shadow: inset 0 0 1px #323232;
    -moz-box-shadow: inset 0 0 1px #323232;
    box-shadow: inset 0 0 1px #323232;
    border: solid 1px #555;
    border-top: 0
}

.header-full-dark .top-nav .dropdown a i {
    color: #999
}

.header-full-dark .top-nav .dropdown-menu {
    color: #999;
    background-color: #333
}

.header-full-dark .top-nav .dropdown-menu input {
    color: #999;
    background-color: #444;
    border-color: #555;
    box-shadow: none
}

.header-full-dark .top-nav .dropdown-menu input:focus {
    border-color: #00a2cb
}

.header-full-dark~.navbar-dark {
    border-top: solid 1px #555
}

.navbar-dark {
    background-color: #444;
    background-image: none;
    color: #fff;
    box-shadow: none
}

.navbar-dark a {
    background-image: none
}

.navbar-default.navbar-dark .navbar-nav>.active>a,
.navbar-default.navbar-dark .navbar-nav>.active>a:hover,
.navbar-default.navbar-dark .navbar-nav>li>a:hover {
    background-image: none;
    color: #fff
}

.navbar-default.navbar-dark .navbar-nav>.active>a,
.navbar-default.navbar-dark .navbar-nav>.active>a:focus,
.navbar-default.navbar-dark .navbar-nav>.active>a:hover,
.navbar-default.navbar-dark .navbar-nav>li>a,
.navbar-default.navbar-dark .navbar-nav>li>a:focus,
.navbar-default.navbar-dark .navbar-nav>li>a:hover {
    color: #fff
}

.navbar-default.navbar-dark .navbar-nav>.open>a,
.navbar-default.navbar-dark .navbar-nav>.open>a:focus,
.navbar-default.navbar-dark .navbar-nav>.open>a:hover {
    background-color: #00a2cb;
    background-image: none;
    color: #fff
}

.navbar-default.navbar-dark .navbar-brand {
    color: #eee
}

.navbar-default.navbar-dark+.main-header {
    background-color: #f1f1f1;
    border-bottom: solid 1px #ddd;
    color: #333
}

.navbar-default.navbar-dark+.main-header .page-title,
.navbar-default.navbar-dark+.main-header a {
    color: #333;
    border-color: #333
}

.navbar-default.navbar-dark+.main-header .breadcrumb>li+li:before {
    color: #888
}

.navbar-default.navbar-dark+.main-header li.active,
.navbar-default.navbar-dark+.main-header li.current_item {
    color: #000;
    border-color: #000
}

.navbar-dark .dropdown .dropdown-menu {
    background-color: #444;
    color: #fff;
    border-color: #555;
    box-shadow: none
}

.navbar-dark .dropdown .dropdown-menu a {
    color: #fff;
    background-image: none
}

.navbar-dark .dropdown .dropdown-menu a:focus,
.navbar-dark .dropdown .dropdown-menu a:hover {
    color: #fff
}

.navbar-dark .dropdown .divider {
    background-color: #555
}

.navbar-dark .dropdown .dropdown-header {
    color: #fff;
    border-color: #555
}

.navbar-dark .sb-icon-navbar i {
    background-color: #00a2cb;
    background-image: none
}

.navbar-dark .navbar-header .navbar-toggle {
    background-color: #00a2cb;
    background-image: none
}

.navbar-header .navbar-toggle:focus,
.navbar-header .navbar-toggle:hover {
    background-color: #0087c1
}

@media (max-width:767px) {
    .navbar-default .navbar-nav {
        margin-top: 0;
        margin-bottom: 0
    }
    .navbar-dark .navbar-collapse {
        border-color: #555
    }
    .navbar-dark .dropdown>a {
        border-bottom: solid 1px #555;
        margin: 0
    }
    .dropdown-menu a {
        padding-top: 7px !important;
        padding-bottom: 7px !important
    }
    .navbar-dark .dropdown-menu a {
        color: #fff !important
    }
    .navbar-dark .dropdown-menu .active>a,
    .navbar-dark .dropdown-submenu.active>a {
        background-color: #00a2cb !important
    }
    .navbar-dark .dropdown a:focus,
    .navbar-dark .dropdown a:hover,
    .navbar-dark .dropdown.active a:focus,
    .navbar-dark .dropdown.active a:hover,
    .navbar-dark .dropdown.active>a {
        background-color: #00a2cb !important
    }
    .navbar-dark .dropdown.open>a,
    .navbar-dark .dropdown.open>a:active,
    .navbar-dark .dropdown.open>a:focus {
        border-bottom: none;
        background-color: #00a2cb
    }
    .navbar-dark .dropdown-submenu .dropdown-menu li>a {
        color: #fff !important
    }
    .navbar-dark .dropdown-submenu .dropdown-menu li>a:hover {
        background-color: #00a2cb !important
    }
    .dropdown-submenu {
        margin-left: 0
    }
}

.navbar-inverse {
    background-image: none;
    color: #fff;
    box-shadow: none;
    background-color: #fff
}

@media (max-width:767px) {
    .navbar-inverse {
        background-color: #f1f1f1
    }
}

.navbar-inverse .navbar-brand {
    background-image: url(../../images/school/colors/blue/logo_white.png);
    background-repeat: no-repeat;
    background-position: left center;
    height: 62px;
    padding-top: 20px;
    padding-left: 125px;
    padding-right: 0
}

.navbar-inverse .navbar-brand {
    color: #fff
}

.navbar-inverse .navbar-brand span {
    color: #000
}

.navbar-inverse a {
    background-image: none
}

.navbar-default.navbar-inverse .navbar-nav>.active>a,
.navbar-default.navbar-inverse .navbar-nav>.active>a:hover,
.navbar-default.navbar-inverse .navbar-nav>li>a:hover {
    background-image: none;
    color: #000
}

.navbar-default.navbar-inverse .navbar-nav>.active>a,
.navbar-default.navbar-inverse .navbar-nav>.active>a:focus,
.navbar-default.navbar-inverse .navbar-nav>.active>a:hover,
.navbar-default.navbar-inverse .navbar-nav>li>a,
.navbar-default.navbar-inverse .navbar-nav>li>a:focus,
.navbar-default.navbar-inverse .navbar-nav>li>a:hover {
    color: #000;
    text-transform: uppercase
}

.navbar-default.navbar-inverse .navbar-nav>.active>a,
.navbar-default.navbar-inverse .navbar-nav>.active>a:focus .navbar-default.navbar-inverse .navbar-nav>.open>a,
.navbar-default.navbar-inverse .navbar-nav>.active>a:hover,
.navbar-default.navbar-inverse .navbar-nav>.open>a:focus,
.navbar-default.navbar-inverse .navbar-nav>.open>a:hover,
.navbar-default.navbar-inverse .navbar-nav>li>a:focus,
.navbar-default.navbar-inverse .navbar-nav>li>a:hover {
    background-color: transparent;
    background-image: none;
    color: #000;
    text-decoration: underline;
    text-decoration-color: #9f9f9f
}

.navbar-default.navbar-inverse+.main-header {
    background-color: #f1f1f1;
    border-bottom: solid 1px #ddd;
    color: #333
}

.navbar-default.navbar-inverse+.main-header .page-title,
.navbar-default.navbar-inverse+.main-header a {
    color: #333;
    border-color: #333
}

.navbar-default.navbar-inverse+.main-header .breadcrumb>li+li:before {
    color: #888
}

.navbar-default.navbar-inverse+.main-header li.active,
.navbar-default.navbar-inverse+.main-header li.current_item {
    color: #000;
    border-color: #000
}

.navbar-inverse .dropdown .dropdown-menu a {
    float: none;
    color: #333;
    padding: 10px 16px !important;
    text-decoration: none;
    display: block;
    text-align: left;
    text-transform: initial;
    font-weight: 400
}

.navbar-inverse .dropdown .dropdown-menu a:hover {
    background-image: url(/images/general/bg-submenu.png);
    background-color: transparent;
    background-position: center;
    background-size: 100% 100%;
    color: #fff;
    text-decoration: none
}

.navbar-inverse .dropdown .divider {
    background-color: #555
}

.navbar-inverse .dropdown .dropdown-header {
    color: #fff;
    border-color: #555
}

.navbar-inverse .sb-icon-navbar i {
    background-color: #333;
    background-image: none
}

.navbar-inverse .navbar-header .navbar-toggle {
    background-color: #333;
    background-image: none
}

.navbar-header .navbar-toggle:focus,
.navbar-header .navbar-toggle:hover {
    background-color: inverseen(#333, 5%)
}

.header-full-dark+.navbar-inverse {
    border-color: #00a2cb
}

@media (max-width:767px) {
    .navbar-inverse .navbar-collapse {
        border-color: #555;
        background-color: #f1f1f1
    }
    .navbar-inverse .dropdown>a {
        border-bottom: solid 1px #555;
        margin: 0
    }
    .dropdown-menu a {
        padding-top: 7px !important;
        padding-bottom: 7px !important
    }
    .navbar-inverse .dropdown-menu a {
        color: #000 !important
    }
    .navbar-inverse .dropdown-menu .active>a,
    .navbar-inverse .dropdown-submenu.active>a {
        background-color: #333 !important
    }
    .navbar-inverse .dropdown a:focus,
    .navbar-inverse .dropdown a:hover,
    .navbar-inverse .dropdown.active a:focus,
    .navbar-inverse .dropdown.active a:hover,
    .navbar-inverse .dropdown.active>a {
        background-color: #f1f1f1 !important
    }
    .navbar-inverse .dropdown.open>a,
    .navbar-inverse .dropdown.open>a:active,
    .navbar-inverse .dropdown.open>a:focus {
        border-bottom: none;
        background-color: #c1baba
    }
    .navbar-inverse .dropdown-submenu .dropdown-menu li>a {
        color: #fff !important
    }
    .navbar-inverse .dropdown-submenu .dropdown-menu li>a:hover {
        background-color: #333 !important
    }
}

input[type=date] {
    padding: 0;
    -webkit-padding-start: 1px;
    height: 30px;
    border: solid 1px #ccc
}

input[type=date]:focus {
    border-color: #00a2cb
}

.bootstrap-switch {
    border-radius: 0;
    border: 1px solid;
    border-color: #ccc
}

.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary,
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary {
    color: #fff;
    background: #00a2cb
}

.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-info,
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-info {
    color: #fff;
    background: #54c8eb
}

.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-success,
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-success {
    color: #fff;
    background: #02c66c
}

.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-warning,
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-warning {
    background: #f0ad4e;
    color: #fff
}

.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-royal,
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-royal {
    color: #fff;
    background: #ac60d0
}

.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-danger,
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-danger {
    color: #fff;
    background: #d9534f
}

.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-default {
    color: #333;
    background-color: #ddd
}

.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default {
    color: #eee;
    background: #00638e
}

.bootstrap-switch .bootstrap-switch-label {
    text-align: center;
    margin-top: -1px;
    margin-bottom: -1px;
    z-index: 100;
    color: #333;
    background: #fff
}

.bootstrap-switch .bootstrap-switch-handle-on {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.bootstrap-switch .bootstrap-switch-handle-off {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.bootstrap-switch input[type=checkbox],
.bootstrap-switch input[type=radio] {
    position: absolute !important;
    top: 0;
    left: 0;
    opacity: 0;
    z-index: -1
}

.bootstrap-switch input[type=checkbox].form-control,
.bootstrap-switch input[type=radio].form-control {
    height: auto
}

.bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-handle-off,
.bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-handle-on,
.bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-label {
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5
}

.bootstrap-switch.bootstrap-switch-small .bootstrap-switch-handle-off,
.bootstrap-switch.bootstrap-switch-small .bootstrap-switch-handle-on,
.bootstrap-switch.bootstrap-switch-small .bootstrap-switch-label {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5
}

.bootstrap-switch.bootstrap-switch-large .bootstrap-switch-handle-off,
.bootstrap-switch.bootstrap-switch-large .bootstrap-switch-handle-on,
.bootstrap-switch.bootstrap-switch-large .bootstrap-switch-label {
    padding: 6px 16px;
    font-size: 18px;
    line-height: 1.33
}

.bootstrap-switch.bootstrap-switch-disabled,
.bootstrap-switch.bootstrap-switch-indeterminate,
.bootstrap-switch.bootstrap-switch-readonly {
    cursor: default !important
}

.bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch- .bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-label,
.bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-handle-off,
.bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-handle-on,
.bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-handle-off,
.bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-handle-on,
.bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-label,
.bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-handle-off,
.bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-handle-on {
    opacity: .5;
    cursor: default !important
}

.bootstrap-switch.bootstrap-switch-animate .bootstrap-switch-container {
    -webkit-transition: margin-left .5s;
    transition: margin-left .5s
}

.bootstrap-switch.bootstrap-switch-inverse .bootstrap-switch-handle-on {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.bootstrap-switch.bootstrap-switch-inverse .bootstrap-switch-handle-off {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.bootstrap-switch.bootstrap-switch-focused {
    border-color: #00a2cb;
    box-shadow: none;
    outline: 0
}

.bootstrap-switch.bootstrap-switch-inverse.bootstrap-switch-off .bootstrap-switch-label,
.bootstrap-switch.bootstrap-switch-on .bootstrap-switch-label {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.bootstrap-switch.bootstrap-switch-inverse.bootstrap-switch-on .bootstrap-switch-label,
.bootstrap-switch.bootstrap-switch-off .bootstrap-switch-label {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.checkbox label {
    padding-left: 0 !important
}

.checkbox {
    margin-left: 20px
}

.megamenu {
    padding: 15px 0 0 0 !important;
    background-color: #f2f2f2;
    border: solid 1px #f0f0f0;
    color: #333;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .45);
    -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .45);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .45)
}

.dropdown-megamenu {
    border: 0;
    margin: 0;
    padding: 0;
    background-color: transparent !important
}

.megamenu-section {
    margin-bottom: 15px
}

.megamenu .megamenu-title {
    margin-top: 0;
    margin-bottom: 5px
}

.megamenu ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    list-style-position: outside
}

.megamenu li {
    margin: 0;
    padding: 0
}

.megamenu li a {
    margin: 0;
    padding: 0;
    color: #333 !important;
    font-family: "Open Sans", sans-serif;
    font-weight: 400;
    font-size: 12.5px;
    -webkit-transition: all .15s ease;
    -moz-transition: all .15s ease;
    -ms-transition: all .15s ease;
    -o-transition: all .15s ease;
    transition: all .15s ease
}

.megamenu li a:focus,
.megamenu li a:hover {
    color: #00a2cb !important;
    background-color: transparent;
    text-decoration: none
}

.wrap-primary-plan {
    background-image: url(../img/plan.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom center;
    color: #fff
}

#primary-plan {
    font-family: Muli;
    text-align: center;
    color: #fff;
    padding: 10px 20px;
    margin: 20px auto;
    display: block
}

#primary-plan h1 {
    font-family: Muli;
    font-weight: 300;
    font-size: 2.6em;
    color: #fff
}

.wrap-pointers {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAYAAABytg0kAAAAE0lEQVQIW2NkYGD4D8SMjEACDAAOKQEDKKNmJgAAAABJRU5ErkJggg==) repeat
}

.content-box-trans {
    background-color: rgba(0, 0, 0, .5) !important;
    border: 0 !important
}

#subscribe-plan {
    max-width: 484px;
    margin: 40px auto 80px auto
}

#subscribe-plan input {
    background-color: rgba(0, 0, 0, .5);
    border: solid 1px rgba(255, 255, 255, .7);
    -webkit-box-shadow: inset 0 1px 2px 1px rgba(0, 0, 0, .44);
    -moz-box-shadow: inset 0 1px 2px 1px rgba(0, 0, 0, .44);
    box-shadow: inset 0 1px 2px 1px rgba(0, 0, 0, .44);
    color: #fff;
    height: 42px;
    border-radius: 0;
    font-size: 16px;
    border-right: 0
}

#subscribe-plan input:focus {
    -webkit-box-shadow: 0 0 3px 0 #fff;
    -moz-box-shadow: 0 0 3px 0 #fff;
    box-shadow: 0 0 3px 0 #fff
}

#subscribe-plan .btn {
    background: rgba(255, 255, 255, 0);
    height: 42px;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0, #000 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0, rgba(0, 0, 0, 0)), color-stop(100%, #000));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0, #000 100%);
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0, #000 100%);
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0, #000 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, #000 100%);
    border: solid 1px rgba(255, 255, 255, .7);
    font-size: 16px;
    color: #ddd;
    border-radius: 0;
    padding: 0 25px;
    z-index: 2
}

#subscribe-plan .btn:focus,
#subscribe-plan .btn:hover {
    text-shadow: 0 0 1px #fff
}

#subscribe-plan .btn:active {
    background: -moz-linear-gradient(bottom, rgba(0, 0, 0, .5) 0, #000 100%);
    background: -webkit-gradient(left bottom, left top, color-stop(0, rgba(0, 0, 0, .5)), color-stop(100%, #000));
    background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .5) 0, #000 100%);
    background: -o-linear-gradient(bottom, rgba(0, 0, 0, .5) 0, #000 100%);
    background: -ms-linear-gradient(bottom, rgba(0, 0, 0, .5) 0, #000 100%);
    background: linear-gradient(to top, rgba(0, 0, 0, .5) 0, #000 100%)
}

#subscribe-plan .lead-lg {
    text-align: center;
    font-size: 2em;
    margin-bottom: 10px
}

.tabs-left,
.tabs-right {
    border-bottom: none;
    padding-top: 2px
}

.tabs-left {
    border-right: 1px solid #ddd
}

.tabs-right {
    border-left: 1px solid #ddd
}

.tabs-left>li,
.tabs-right>li {
    float: none;
    margin-bottom: 2px
}

.tabs-left>li {
    margin-right: -1px
}

.tabs-right>li {
    margin-left: -1px
}

.tabs-left>li.active>a,
.tabs-left>li.active>a:focus,
.tabs-left>li.active>a:hover {
    border-bottom-color: #ddd;
    border-right-color: transparent
}

.tabs-right>li.active>a,
.tabs-right>li.active>a:focus,
.tabs-right>li.active>a:hover {
    border-bottom: 1px solid #ddd;
    border-left-color: transparent
}

.tabs-left>li>a {
    border-radius: 4px 0 0 4px;
    margin-right: 0;
    display: block
}

.tabs-right>li>a {
    border-radius: 0 4px 4px 0;
    margin-right: 0
}

.sideways {
    margin-top: 50px;
    border: none;
    position: relative
}

.sideways>li {
    height: 20px;
    width: 120px;
    margin-bottom: 100px
}

.sideways>li>a {
    border-bottom: 1px solid #ddd;
    border-right-color: transparent;
    text-align: center;
    border-radius: 4px 4px 0 0
}

.sideways>li.active>a,
.sideways>li.active>a:focus,
.sideways>li.active>a:hover {
    border-bottom-color: transparent;
    border-right-color: #ddd;
    border-left-color: #ddd
}

.sideways.tabs-left {
    left: -50px
}

.sideways.tabs-right {
    right: -50px
}

.sideways.tabs-right>li {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg)
}

.sideways.tabs-left>li {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.tabs-left-ar>li {
    margin-bottom: 0
}

.tabs-left-ar>li.active>a,
.tabs-left-ar>li>a {
    border-radius: 0;
    background-color: #f9f9f9;
    border-left: solid 3px #ccc
}

.vertical-tabs-left,
.vertical-tabs-right {
    display: table;
    background-color: #fafafa;
    border-top: solid 1px #ddd;
    border-bottom: solid 1px #ddd
}

.vertical-tabs-left {
    border-right: solid 1px #ddd
}

.vertical-tabs-right {
    border-left: solid 1px #ddd
}

.vertical-tab-list {
    display: table-cell;
    min-width: 150px;
    vertical-align: top
}

.vertical-tabs-right .vertical-tab-list {
    border-right: solid 3px #ddd;
    border-left: solid 1px #ddd
}

.vertical-tabs-left .vertical-tab-list {
    border-left: solid 3px #ddd;
    border-right: solid 1px #ddd
}

.vertical-tabs-right .vertical-tab-list ul.nav>li>a {
    border-right: solid 3px #ddd;
    margin-right: -3px;
    color: #444;
    padding-top: 6px;
    padding-bottom: 6px;
    font-size: 13px
}

.vertical-tabs-left .vertical-tab-list ul.nav>li>a {
    border-left: solid 3px #ddd;
    margin-left: -3px;
    color: #444;
    padding-top: 6px;
    padding-bottom: 6px;
    font-size: 13px
}

.vertical-tabs-right .vertical-tab-list ul.nav>li>a:focus,
.vertical-tabs-right .vertical-tab-list ul.nav>li>a:hover {
    border-right: solid 3px #999;
    background-color: #f1f1f1
}

.vertical-tabs-right .vertical-tab-list ul.nav>li.active>a,
.vertical-tabs-right .vertical-tab-list ul.nav>li.active>a:focus,
.vertical-tabs-right .vertical-tab-list ul.nav>li.active>a:hover {
    border-right: solid 3px #00a2cb;
    background-color: #f1f1f1
}

.vertical-tabs-left .vertical-tab-list ul.nav>li>a:focus,
.vertical-tabs-left .vertical-tab-list ul.nav>li>a:hover {
    border-left: solid 3px #999;
    background-color: #f1f1f1
}

.vertical-tabs-left .vertical-tab-list ul.nav>li.active>a,
.vertical-tabs-left .vertical-tab-list ul.nav>li.active>a:focus,
.vertical-tabs-left .vertical-tab-list ul.nav>li.active>a:hover {
    border-left: solid 3px #00a2cb;
    background-color: #f1f1f1
}

.vertical-tabs-left .tab-content,
.vertical-tabs-right .tab-content {
    display: table-cell;
    padding: 20px
}

img.blackwhite {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    filter: gray;
    -webkit-filter: grayscale(100%)
}

.row .box {
    padding: 5px
}

.row .klas .loggedin {
    border: 3px solid #d3d3d3;
    margin-bottom: 10px
}

.row .klas .notloggedin {
    border: 3px solid red;
    margin-bottom: 10px
}

.row .thumbnails {
    margin: 10px 0;
    padding: 15px;
    border: 1px solid #d3d3d3
}

.row .thumbnails .thumbnail {
    margin-right: 10px
}

.form-group .radiobutton label {
    width: 100px;
    position: relative;
    float: left
}

.form-group .radiobutton input {
    width: 20px;
    position: relative;
    float: left
}

.form-group.form-field-csrf {
    display: none;
    padding: 0;
    margin: 0
}

.form-group .errors {
    list-style-type: none;
    margin-left: 13px;
    padding-left: 0
}

.form-group .errors li {
    color: #c9302c;
    font-weight: 700
}

.breadcrumb {
    text-align: center
}

iframe #body {
    background-color: #fff
}

.modal {
    width: auto
}

.modal.error-modal .modal-header {
    background-color: #d9534f
}

.modal.warning-modal .modal-header {
    background-color: #f0ad4e
}

.modal.error-modal .modal-header .modal-title,
.modal.warning-modal .modal-header .modal-title {
    color: #fff
}

.modal-open .modal {
    /* z-index: 99999999 */
}

.modal-body {
    text-align: center
}

.modal-body .image_modal {
    padding: 5px;
    border: 1px solid #d3d3d3;
    margin-left: 28%
}

.savenotsave-modal .modal-header {
    padding: 10px
}

.image-modal .modal-body {
    background-color: #f3f3f3
}

.modal-header .close {
    margin: 0;
    height: 26px;
    font-size: 40px;
    line-height: inherit
}

.modal-dialog .thumbnail .image {
    padding: 5px;
    border: 3px solid #df3883
}

.form-group .short-pass span {
    color: #dc143c
}

.form-group .bad-pass span {
    color: #dc143c
}

.form-group .good-pass span {
    color: #ff8c00
}

.form-group .strong-pass span {
    color: green
}

nav.navbar .home {
    display: inline-block;
    vertical-align: top;
    margin-top: 8px
}

img.language {
    display: inline;
    padding: 0 5px;
    text-align: right;
    float: right
}

.panel#login-panel {
    background-color: #f6f6f6;
    border: 0
}

.panel#login-panel .panel-heading {
    background-color: #f6f6f6;
    border: 0;
    color: #00a2cb;
    font-size: 20px;
    font-weight: 700;
    padding-top: 15px;
    padding-bottom: 0
}

.panel.school-login#login-panel .panel-body button {
    color: #fff;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(.05, #00a2cb), color-stop(1, #0087c1));
    background: -moz-linear-gradient(top, #00a2cb 5%, #0087c1 100%);
    background: -webkit-linear-gradient(top, #00a2cb 5%, #0087c1 100%);
    background: -o-linear-gradient(top, #00a2cb 5%, #0087c1 100%);
    background: -ms-linear-gradient(top, #00a2cb 5%, #0087c1 100%);
    background: linear-gradient(to bottom, #00a2cb 5%, #0087c1 100%);
    background-color: #00a2cb;
    border: 1px solid #0087c1
}

.panel#login-panel .panel-body button {
    width: 100%
}

.photobox {
    padding: 0 10px;
    margin-bottom: 25px
}

@media (max-width:359px) {
    .single-thumbnail {
        width: 5.3em;
        margin-bottom: 2px
    }
}

@media (min-width:360px) and (max-width:768px) {
    .single-thumbnail {
        width: 9.8em;
        margin-bottom: 2px
    }
}

@media (min-width:769px) and (max-width:991px) {
    .single-thumbnail {
        width: 5.8em;
        margin-bottom: 2px
    }
}

@media (min-width:992px) {
    .single-thumbnail {
        width: 7.3em;
        margin-bottom: 2px
    }
}

@media (max-width:359px) {
    .square-thumbnail {
        width: 5.3em
    }
}

@media (min-width:992px) {
    .square-thumbnail {
        width: 9.7em
    }
    .single-thumbnail {
        width: 7.3em;
        margin-bottom: 2px
    }
    .d-lg-block {
        display: block !important
    }
}

.broerzus-info .broerzus-info-text {
    font-size: 30px;
    text-align: center;
    color: #00a2cb;
    padding-bottom: 15px
}

.broerzus-info-small {
    font-size: 15px;
    text-align: left;
    color: #00a2cb;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding-bottom: 15px;
    border: 1px solid #d3d3d3
}

.photos #button_remove {
    position: absolute;
    bottom: -9px;
    left: 50px
}

.sign-image {
    margin-top: 50px;
    margin-right: 0;
    float: right
}

.arrow-image {
    margin-bottom: 10px;
    margin-top: 8px
}

.select-text {
    font-size: 18px
}

.panel .row-panel {
    float: left
}

@media (min-width:992px) {
    .panel .single-panel-left {
        padding-left: 0;
        padding-right: 10px
    }
    .panel .single-panel-middle {
        padding-left: 5px;
        padding-right: 5px
    }
    .panel .single-panel-right {
        padding-right: 0;
        padding-left: 10px
    }
}

@media (max-width:399px) {
    .panel .single-panel-left {
        padding: 0
    }
    .panel .single-panel-middle {
        padding: 0
    }
    .panel .single-panel-right {
        padding: 0
    }
}

.panel p.including-free-group-photo {
    color: #df3883;
    margin-left: 20px;
    margin-top: -10px
}

.panel.product-panel {
    position: relative;
    margin-top: 10px;
    border: 0
}

.panel.product-panel .pack-message {
    color: #019ee1;
    font-size: 12px;
    margin-bottom: 15px
}

.panel.panel-default.panel-product {
    background-color: #eff9fb;
    border: 0
}

.panel.panel-default.panel-product.popular {
    background-color: #c1f9c5
}

#sale_items .panel.panel-default.panel-product {
    background-color: #02c66c
}

.panel.panel-default.panel-product .panel-product-container {
    background-color: #eff9fb;
    float: left;
    width: 100%;
    margin-bottom: 10px
}

.sales_item .panel.panel-default.panel-product .panel-product-container {
    background-color: #02c66c
}

.panel.panel-default.panel-product.popular .panel-product-container {
    background-color: #c1f9c5
}

.sales_item .panel.panel-default.panel-product.popular .panel-product-container {
    background-color: #02c66c
}

.panel.panel-default.panel-product .panel-product-inner-container {
    padding: 8px
}

.panel.panel-default.panel-product .panel-product-photos {
    width: 100%;
    background-color: #fff;
    float: left;
    padding: 5px
}

.panel.panel-default.panel-product .panel-product-photos .pack-label .pack-label-text {
    display: inline-block;
    vertical-align: middle;
    line-height: normal
}

.panel.panel-default.panel-product .panel-product-header {
    float: left;
    width: 100%;
    color: #019ee1;
    background-color: #fff;
    font-size: 18px;
    padding: 5px 10px 10px
}

.panel.panel-default.panel-product .panel .panel {
    border: 1px solid #acacac
}

.panel.panel-default.panel-product .panel-heading {
    background-color: #bb1c12
}

.panel.panel-default.panel-product .panel-heading .panel-title {
    color: #fff;
    font-size: 20px;
    font-weight: 700
}

.panel.panel-default.panel-product .thumbnail-label .loader {
    position: absolute;
    top: 10px;
    left: 50%;
    width: 48px;
    margin-left: -24px
}

.panel.panel-default.panel-product .thumbnail-label {
    text-align: center;
    font-stretch: condensed;
    font-size: 12px
}

.panel-group.panel-group-product .combi-pack-choice {
    padding: 3px 10px;
    margin-bottom: 15px;
    font-size: 14px;
    font-weight: 700
}

.panel.panel-default.panel-product .including-text {
    margin-left: 5px;
    font-size: 14px;
    font-weight: 700;
    color: #2ecc71
}

.panel.panel-default.panel-product .including-star {
    position: absolute;
    top: -35px;
    right: -10px;
    font-size: 14px;
    color: #2ecc71;
    background-image: url(/css/bootstrap/img/including-map.png);
    background-repeat: no-repeat;
    width: 100px;
    height: 100px
}

.panel.panel-default.panel-product .including-star .including-star-text {
    margin-top: 26px;
    color: #fff;
    text-align: center;
    line-height: 120%;
    width: 90%;
    padding-left: 10%;
}

.panel.panel-default.panel-product .sheet-number {
    position: absolute;
    color: #00a2cb;
    background-color: #fff;
    font-weight: 700;
    bottom: 45px;
    right: 8px;
    padding: 0 2px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: solid 1px #d3d3d3
}

.panel.panel-default .free-groupphoto-text,
.panel.panel-primary .free-groupphoto-text {
    font-weight: 700;
    color: #39ca74;
    margin-left: 5px;
    margin-top: 25px
}

.panel.panel-default .amount-panel {
    background-color: #fff
}

.panel.panel-default .order-panel#order-panel-product {
    margin-bottom: 10px
}

.panel.panel-default .order-panel .order-pack-container {
    text-align: right
}

.panel.panel-default.panel-popup .order-panel .order-pack-container {
    margin-bottom: 10px
}

.panel.panel-default.panel-popup .editor-link {
    font-size: 17px;
    margin-bottom: 10px
}

.panel.panel-default .order-panel .order-price {
    color: #00a2cb;
    font-size: 19px;
    margin-bottom: 5px
}

#sale_items .panel.panel-default .order-panel .order-price {
    font-weight: 700;
    color: #fff;
    white-space: nowrap;
}

.panel.panel-default.panel-popup .order-panel .order-price {
    margin-top: 10px
}

.products .panel.panel-default .amount-panel input.order-quantity {
    text-align: center;
    width: 42px;
    padding: 6px;
    color: #00a2cb
}
.products .panel.panel-default .amount-panel input.order-quantity-checkbox {
    text-align: center;
    width: 15px;
    padding: 6px;
    color: #00a2cb;
    margin-right: 10px;
    cursor: pointer;
}
.products .panel.panel-default .amount-panel .color-quantity-checkbox {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.products .panel.panel-default .amount-panel select.order-quantity {
    text-align: center;
    width: 200px;
    color: #00a2cb
}

.panel-product.popular .information-popular {
    font-size: 15px;
    color: #39ca74
}

.actie {
    border: 1px solid #2ecc71;
    color: #2ecc71;
    padding: 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    text-align: center;
    margin-bottom: 5px
}

.broerzus {
    border: 1px solid #ddd;
    padding: 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    text-align: left
}
.loader-container .loading{
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 200px;
    background: url(/images/general/imageloader.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}
.loader-container {
    height: 100%;
    position: fixed;
    width: 100%;
    display: flex;
    align-items: center;
    z-index: 1001;
}
.ntn-loading {
    content: "";
    top: 0;
    left: 0;
    background: url(/images/general/imageloader.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}
.shopping-cart-container #shopcart-div-show {
    border: 1px solid #ddd;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    text-align: left
}

#shopcart-div-show-scroll {
    border: 1px solid #ddd;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    text-align: left;
    background: #b5e1ea
}

#shopcart-content {
    padding: 0 10px 10px
}

.mg-top-10 {
    margin-top: 10px
}

.mg-left-10 {
    margin-left: 10px
}

.mg-top-0 {
    margin-top: 0
}

.mg-left-0 {
    margin-left: 0
}

.mg-right-0 {
    margin-right: 0
}

.mg-bottom-10 {
    margin-bottom: 10px
}

.txt-fz-15 {
    font-size: 15px !important
}

.broerzus .broerzus-header {
    color: #00a2cb;
    font-size: 18px;
    margin-bottom: 10px
}

.broerzus .broerzus-body {
    color: #666;
    font-size: 16px;
    margin-bottom: 10px
}

.nav#right {
    margin-top: 10px
}

.nav#right .dropdown {
    background-color: #00a1cb;
    margin-bottom: 10px;
    width: 100%
}

.nav#right .dropdown#offers {
    background-color: #df3883;
    margin-bottom: 10px;
    width: 100%
}

.nav#right .dropdown a {
    color: #fff;
    border: 1px solid #00a1cb
}

.nav#right .dropdown a:focus {
    color: #00a1cb;
    border: 1px solid #00a1cb;
    background-color: #fff
}

.nav#right .dropdown#offers a,
.nav#right .dropdown#valentine_products a {
    color: #fff;
    border: 1px solid #df3883
}

.nav#right .dropdown a:hover {
    background-color: #fff;
    border: 1px solid #00a1cb;
    color: #00a1cb
}

.nav#right .dropdown#fun_product_selection a:hover {
    background-color: white;
    border: 1px solid black;
    color: #5c0120;
}

.nav#right .dropdown#offers a:hover {
    background-color: #fff;
    border: 1px solid #df3883;
    color: #df3883
}

.nav#right .dropdown#valentine_products a {
    background-color: #fff;
    border: 1px solid #df3883;
    color: #df3883;
    text-decoration: none
}

.nav#right .dropdown#valentine_products .dropdown-submenu a {
    border: 1px solid #91d4e5;
    color: #fff;
    background-color: #91d4e5
}

.nav#right .dropdown#fun_product_selection a:focus {
    background-color: white;
    border: 1px solid black;
    color: #5c0120;
}

.nav#right .dropdown#offers a:focus {
    color: #df3883
}

.nav#right .dropdown-menu {
    left: 100%;
    top: 0
}

.nav#right .dropdown-menu .dropdown-submenu a {
    background-color: #91d4e5;
    color: #fff;
    border-color: #91d4e5
}

.nav#right .dropdown-menu .dropdown-submenu a:hover {
    background-color: #00a2cb
}

.special-offer {
    background-repeat: no-repeat;
    background-color: #df3883;
    border: 1px solid #ddd;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-size: 100% auto;
    margin-bottom: 10px;
    height: 148px
}

.special-offer .special-offer-header {
    color: #fff;
    padding: 31px 0 15px;
    font-size: 24px;
    text-align: center
}

.special-offer .special-offer-body {
    font-size: 18px;
    text-align: center
}

.special-offer .special-offer-body #special-offer-link {
    color: #fff
}

.action-user-selection {
    border: 5px solid #fff;
    padding: 5px
}

.photo-background-selectors {
    margin-bottom: 20px
}

.popup {
    cursor: pointer
}

.photo-selector {
    background-color: #eff9fb;
    border: 1px solid #fff;
    padding: 5px
}

.photo-selector-images {
    margin-right: auto;
    margin-left: auto
}

.photo-selector-image {
    float: left;
    height: 150px;
    padding: 5px;
    border: 3px solid #eff9fb
}

.background-selector {
    background-color: #b5e1ea;
    border: 1px solid #fff;
    padding: 5px
}

.background-selector-images {
    margin-right: auto;
    margin-left: auto
}

.background-selector-image img {
    float: left;
    padding: 5px;
    border: 3px solid #b5e1ea
}

.selector-arrow {
    margin: -5px 5px 5px 0
}

.example-frame {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    background-color: #b5e1ea;
    margin-bottom: 10px
}

.example-frame-image {
    width: 100%;
    font-size: 18px;
    padding: 5px 10px 10px
}

.example-frame-image img {
    border: 1px solid #000
}

.example-frame-image .loader {
    border: 0;
    position: absolute;
    top: 10px;
    left: 50%;
    width: 120px;
    margin-left: -60px
}

.products .panel-product-photos .panel-product-photo {
    width: 40%
}

.products .panel-product-photos .panel-product-photo:first-child {
    width: 30%
}

.products .panel-product-photos .panel-product-photo:last-child {
    width: 30%
}

.products .panel-product-photos a.color,
.products .panel-product-photos a.sepia {
    margin-top: 25%
}

.photo-selector .popover-content {
    padding: 0
}

.photo-selector-popup {
    width: 100%;
    height: 100%
}

.product-loader {
    display: none;
    position: absolute;
    top: 50px;
    left: 50%;
    margin-left: -128px
}

.cart-item-table {
    min-height: 200px
}

.cart-item-table #discount-panel button {
    padding: 7px 10px 8px
}

.cart-item-loader img {
    text-align: center;
    margin: 0 auto;
    display: flex;
    margin-top: 75px
}

.panel.panel-default .cart-quantity {
    text-align: center;
    width: 45px;
    margin-right: 5px;
    padding-right: 1px!important;
    padding-left: 1px!important;
}

.panel.panel-default .cart-quantity#no-edit {
    background-color: #f4f4f4;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.panel.panel-default .cart-remove {
    text-align: center;
    padding: 7px 12px
}

.panel.panel-default .addcounter,
.panel.panel-default .editcounter {
    text-align: center;
    padding: 7px 12px
}

.panel.panel-default .deletecounter {
    text-align: center;
    padding: 7px 14px
}

.panel.panel-default .cart-price {
    margin-left: 15px;
    margin-top: 3px;
    text-align: right
}

.panel.panel-default .cart-price-value {
    display: inline
}

.prices {
    text-align: right;
    font-weight: 700
}

.photos .frame-selection {
    padding: 10px
}

.photos.row {
    padding: 10px
}

.green-text {
    font-weight: 700;
    color: #39ca74
}

.adddigitalgroupfotos-full-container,
.adddigitalgroupfotos-small-container {
    color: #cf2e7c
}

.discount-code-label {
    float: left;
    font-size: 18px
}

.discount-code {
    font-size: 18px
}

.speed-delivery-text {
    color: #cf2e7c;
    font-weight: 700;
    display: inline
}

#sale_items .amount-panel input.order-quantity {
    text-align: center;
    width: 42px;
    padding: 6px;
    color: #00a2cb
}

.sales_item .panel-default {
    margin-bottom: 10px
}

.panel.panel-primary .delivery-information {
    display: none
}

.shipping_address {
    margin-left: -18px !important
}

.opmerking-toevoegen {
    display: none
}

#opmerkingToevoegen-element {
    float: right;
    padding-right: 15px;
    cursor: pointer
}

fieldset legend {
    height: 100%;
    border: 0
}

.form-horizontal-stap4 .form-group-stap4 {
    margin-right: 0 !important;
    margin-left: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important
}

fieldset#fieldset-delivery {
    padding: 20px 10px 10px
}

.radio-mg-r-10 label {
    margin-right: 10px
}

fieldset#fieldset-general {
    margin-top: 10px
}

#fieldset-contact #btn-email {
    padding: 7px 8px 8px
}

#login_account h5 {
    text-align: right;
    padding-top: 5px
}

.payment-container .panel.panel-primary#no-border {
    border: 0;
    -webkit-box-shadow: none
}

.payment-container #CreditCard-label,
.payment-container #MisterCash-label,
.payment-container #PayLater-label,
.payment-container #Paypal-label,
.payment-container #Sofort-label,
.payment-container #acceptgiro-label,
.payment-container #iDeal-label,
.payment-container #Applepay-label,
.payment-container #Banktransfer-label,
.payment-container #invoice-label {
    display: none
}

.payment-container #CreditCard-element,
.payment-container #MisterCash-element,
.payment-container #PayLater-element,
.payment-container #Paypal-element,
.payment-container #Sofort-element,
.payment-container #acceptgiro-element,
.payment-container #iDeal-element,
.payment-container #Applepay-element,
.payment-container #Banktransfer-element,
.payment-container #invoice-element {
    margin-bottom: 10px
}

.payment-container #fieldset-CreditCard,
.payment-container #fieldset-MisterCash,
.payment-container #fieldset-PayLater,
.payment-container #fieldset-Paypal,
.payment-container #fieldset-Sofort,
.payment-container #fieldset-acceptgiro,
.payment-container #fieldset-iDeal,
.payment-container #fieldset-Applepay,
.payment-container #fieldset-Banktransfer,
.payment-container #fieldset-invoice {
    margin: 10px;
    position: relative;
    border: 2px solid #e6e6e6;
    box-shadow: rgba(0, 0, 0, .16) 0 3px 10px, rgba(0, 0, 0, .23) 0 3px 10px;
    height: 220px
}

.payment-container fieldset#fieldset-invoice {
    padding: 0
}

.payment-container legend {
    margin: 0
}

.payment-container dl {
    display: none
}

.payment-container fieldset input {
    display: none
}

.payment-container #ideal-information {
    background-color: #1aaf5d;
    padding: 5px;
    color: #fff;
    font-size: 16px;
    display: inline;
    margin-bottom: 5px;
    float: none
}

.payment-container .panel.panel-primary #shipping-price {
    font-size: 21px;
    font-weight: 700
}

.payment-container #flag {
    width: 60px;
    height: 60px;
    padding-top: 5px;
    padding-left: 2px;
    text-align: center;
    position: relative;
    background: #fff;
    color: #fff;
    font-size: 8px
}

.payment-container #flag:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 0;
    border-bottom: 13px solid #fff;
    border-left: 30px solid transparent;
    border-right: 30px solid transparent
}

.payment-container #flag.flag-after:after {
    border-bottom: 13px solid #ecfff0
}

.payment-container #flag.flag-after {
    background: #090
}

.payment-container .card-payment {
    padding: 0
}

.payment-container .card-payment fieldset legend {
    height: 0 !important
}

.payment-container .card-payment-bottom {
    background-color: #00ace6;
    margin-bottom: 0;
    position: absolute;
    bottom: 0;
    left: 0;
    height: 30px;
    font-size: 13px;
    text-align: center;
    color: #fff;
    margin-left: -2px;
    margin-bottom: -2px;
    width: 102% !important
}

.payment-container .card-payment-cricle {
    height: 100px;
    width: 100px;
    border-radius: 50%;
    margin-top: 60px;
    border: 1px solid #e6e6e6;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    justify-content: center;
    align-items: center
}

.payment-container .card-payment-image {
    width: 80%
}

.payment-container .card-payment-image-50 {
    width: 50%
}

.footable-visible#hide-toggle {
    opacity: 0
}

hr.offer-hr {
    margin: 0;
    border: 1px solid #00a0d1
}

form#form-inquiry .radiogroup {
    padding: 5px 0 5px 0
}

form#form-inquiry .checkboxgroup {
    padding: 0 0 50px 0
}

form#form-inquiry .question-element.non-selectable {
    background: rgb(230 13 126);
    background: linear-gradient(180deg, rgba(0, 200, 255, 1) 0%, rgba(0, 100, 255, 0.916) 99%);
}

form#form-inquiry .question-element.non-selectable input {
    cursor: default !important
}

form#form-inquiry .question-element#group {
    width: 980px;
    text-align: left;
    padding: 0 0 10px 10px;
    text-align: center
}

form#form-inquiry .question-element#radio {
    position: relative;
    width: 190px;
    height: 190px;
    display: flex;
    align-items: center;
    margin: 10px 20px 10px 0;
    padding: 20px;
    color: #fff;
    text-align: center;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
    cursor: pointer;
    transition: box-shadow 0.3s ease, transform 0.3s ease;
}

form#form-inquiry .question-element#radio.green-background{
    background: rgb(2,173,94);
    background: linear-gradient(180deg, rgba(0, 200, 255, 1) 0%, rgba(0, 100, 255, 0.916) 99%);
}
form#form-inquiry .question-element#radio.pink-background{
    background: rgb(230 13 126);
    background: linear-gradient(0deg, rgb(230 13 126) 0%, rgb(230 13 126) 99%);
}

form#form-inquiry .question-element#radio:hover, form#form-inquiry .question-element#checkbox:hover {
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    transform: scale(1.05);
}



form#form-inquiry .question-element.image#radio {
    padding: 0;
    border: 3px solid #fff
}

form#form-inquiry .question-element#checkbox {
    position: relative;
    width: 190px;
    height: 190px;
    display: flex;
    align-items: center;
    line-height: 13px;
    padding-top: 0px;
    margin: 10px;
    color: #fff;
    text-align: center;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
    transition: box-shadow 0.3s ease, transform 0.3s ease;
}
form#form-inquiry .question-element#checkbox.green-background{
    background: rgb(2,173,94);
    background: linear-gradient(0deg, rgba(2,173,94,1) 0%, rgba(0,171,143,0.9164040616246498) 99%);
}
form#form-inquiry .question-element#checkbox.pink-background{
    background: rgb(230 13 126);
    background: linear-gradient(0deg, rgb(230 13 126) 0%, rgb(230 13 126) 99%);
}

form#form-inquiry .question-element#radio label {
    text-align: center;
    font-size: 13px
}

form#form-inquiry .question-element#checkbox label {
    text-align: center;
    font-size: 13px
}

form#form-inquiry .question-element input {
    width: 300px;
    height: 30px;
    border: 1px solid #00a2cb;
    color: #00a2cb;
    padding: 0 0 0 5px;
    text-align: left;
    font-size: 18px
}

form#form-inquiry .question-element input[type=radio] {
    margin: 0;
    padding: 0;
    cursor: pointer
}

form#form-inquiry .question-element input[type=checkbox] {
    margin: 0;
    padding: 0;
    cursor: pointer
}

form#form-inquiry .footertext {
    text-align: center;
    font-size: 20px;
    color: #00a2cb;
    padding: 0 50px;
    margin-top: 20px
}

.passStrengthify {
    display: none
}

.freecanvas {
    left: 20px
}

.upload {
    left: 15px
}

@media (min-width:800px) {
    #fieldset-schoolinformation {
        background-image: url(img/beer.png);
        background-position: right center;
        background-repeat: no-repeat
    }
}

.download-html,
.download-jpg,
.download-pdf,
.download-photo,
.download-png {
    text-align: left
}

.download-photo {
    float: right
}

.download-html,
.download-jpg,
.download-pdf,
.download-png {
    float: left
}

a.download-photo {
    color: #fff;
    text-decoration: none;
    font-size: 12px
}

.font-example {
    font-size: 20px;
    border: 1px solid #cf2e7c;
    padding: 20px;
    margin-bottom: 10px;
    text-align: left
}

.font-settings {
    border: 1px solid #d3d3d3;
    padding: 10px
}

.font-settings td {
    padding-right: 20px
}

.panel-body#kerst form .partner {
    left: 20px;
    font-size: 17px;
    margin-bottom: 25px
}

@media (min-width:800px) {
    .panel-body#kerst form {
        background-image: url(img/kochie_kerst.png);
        background-position: right center;
        background-repeat: no-repeat
    }
}

.progress#progress-discount {
    overflow: visible
}

.progress#progress-discount .progress-bar {
    position: relative
}

.progress#progress-discount .progress-bar-label {
    position: absolute;
    right: -10px;
    top: 20px;
    color: #000
}

.form-group .sp-container.sp-flat {
    margin: 15px
}

#fotokochxxl .panel-body form .checkbox.rememberme {
    margin-top: -15px;
    margin-bottom: 20px
}

#fotokochxxl .panel-body form label.rememberme {
    margin-left: 10px
}

.align-left {
    text-align: left
}

.align-center {
    text-align: center
}

.align-right {
    text-align: right
}

.img-center {
    margin: 0 auto
}

.center {
    margin: 0 auto;
    text-align: center
}

.icon-blue {
    color: #00a2cb
}

.img-responsive {
    display: block;
    max-width: 100%;
    width: 100%;
    height: auto
}

.photo-selector-popup {
    float: left
}

.popup-image {
    max-height: 100%;
    max-width: 100%
}

.navbar-xs {
    background-image: none;
    color: #fff;
    box-shadow: none
}

.navbar-cart {
    background-color: #f6f6f6;
    background-image: none;
    height: 62px;
    border: 1px solid #f1f1f1;
    padding: 2px 6px 6px 6px
}

.navbar-koppenkaart li a {
    padding: 10px
}

.navbar-koppenkaart .dropdown a:hover {
    color: #fff;
    background-color: #00a2cb
}

.m-shop-cart-badge {
    margin-left: 5px
}

.tooltip.in {
    opacity: 1 !important
}

@media (min-width:1200px) {
    .top-icon {
        display: inline;
        float: right !important
    }
}

.modalcontainer {
    max-width: 500px;
    margin: auto
}

.modalrotatecontainter {
    position: absolute;
    right: 10px;
    top: 10px
}

.width-100 {
    width: 100px
}

.form-horizontal-stap4 .pd-15-0 {
    padding-left: 15px !important;
    padding-right: 15px !important
}

.fz-12 {
    font-size: 12px
}

.btn-block {
    margin-bottom: 30px
}

.download-overeenkomst {
    font-weight: 700;
    text-decoration: underline
}

:root {
    --color-web: #e92d92;
    --color-title: #2FD6FF;
    --color-white: #fff;
    --color-btn: #35ba30;
    --color-green: #379fe3
}

.action .btn-login {
    display: block;
    background: var(--color-btn);
    border-radius: 0;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 2px;
    font-family: AmaticSC-Regular;
    font-size: 26px
}

.footer-top {
    background: #e6007e;
    padding: 20px 0;
    color: #fff;
    margin-top: 12px
}

.footer-top .wrapper-service {
    padding: 0
}

.footer-top .wrapper-logo {
    width: 150px;
    height: 150px;
    border: 5px solid #e6007e;
    background: #fff;
    border-radius: 50%;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 10px;
    margin-top: -50px
}

.footer-top .wrapper-logo img {
    width: 100%;
    height: 100%
}

.footer-top .wrapper-logo span {
    margin-top: -10px;
    color: #000
}

.footer-top .title {
    margin-top: 0;
    margin-bottom: 20px
}

.footer-top .nav-footer {
    list-style: none;
    padding-left: 0;
    margin-bottom: 20px
}

.footer-top .nav-footer li {
    margin-bottom: 0
}

.footer-top .nav-footer li a {
    color: #fff
}

.footer-top .btn-login {
    -webkit-box-shadow: 0 0 5px 2px rgba(0, 0, 0, .5);
    box-shadow: 0 0 5px 2px rgba(0, 0, 0, .5)
}

.footer-top .btn-login .icon-right {
    font-size: 30px;
    margin-left: 5px
}

.footer-top .block-relative {
    position: relative
}

.footer-top .dvd-absolute {
    position: absolute;
    right: 0;
    top: -50px
}

.footer-top .wrapper-right a {
    display: block
}

.flex-footer-top {
    display: flex;
    justify-content: center
}

.footer-top i {
    width: 20px;
    height: 20px
}

.footer-top .block-action {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-top: 2px solid #fff;
    padding-top: 20px
}

.footer-top .block-action .block-left {
    width: 60%
}

.footer-top .block-action .block-left .action {
    margin-bottom: 15px
}

.footer-top .block-action .block-left .action .btn-login {
    font-size: 22px;
    background: #e6007e
}

.footer-top .block-action .block-right {
    margin-left: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.footer-top .block-action .block-right .text-bottom {
    margin-bottom: 0
}

.footer-top .block-action .block-right i {
    margin-right: 10px;
    font-size: 20px
}

.footer-top .input-login {
    padding: 10px
}

.footer-top .social {
    list-style: none;
    padding-left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.footer-top .social li {
    margin-right: 10px
}

.footer-top .social li a:hover {
    text-decoration: none
}

.footer-top .social li a img {
    width: 40px
}

.footer-top .social li i {
    font-size: 20px
}

.volg {
    font-family: AmaticSC-Regular;
    font-size: 20px;
    letter-spacing: 2px;
    font-weight: 700
}

.footer-top .text-bottom {
    margin: 0
}

.footer-bottom {
    padding: 20px 0 30px;
    text-align: center
}

.footer-bottom p {
    margin-bottom: 5px
}

.footer-bottom .wrapper-pay {
    margin-top: 5px
}

.footer-bottom .wrapper-pay img {
    margin: 10px 5px 0;
    height: 30px
}

.footer-bottom .link {
    color: #eb469c;
    font-weight: 700
}

.activeMenu {
    text-decoration: underline;
    text-decoration-color: #9f9f9f
}

.title-web {
    text-align: center
}

.title-web span {
    padding: 10px 50px;
    font-size: 26px;
    color: #fff;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-family: AmaticSC-Regular;
    font-weight: 700;
    background-image: url(/images/general/button_background.png);
    background-size: 100% 100%;
    background-position: center;
    display: inline-block;
    margin: 0 auto;
    min-width: 240px;
    height: 50px
}

@media (max-width: 480px) {
    .title-web span {
        font-size: 18px;
        padding: 10px 15px;
        min-width: 120px;
    }
    .contact-form .block .timer {
        font-size: 13px !important;
    }
    .contact-form .block p {
        font-size: 15px !important;
    }
    .contact-form .block h5 {
        font-size: 15px !important;
    }
}

.title-web.title-blue span {
    background-image: url(/images/general/button_background_blue.png)
}

.btn-green {
    background: 0 0 !important;
    border: none !important;
    background-image: url(/images/general/bg-button-green.png) !important;
    background-size: 100% 100% !important;
    background-position: center !important;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-family: AmaticSC-Bold;
    font-size: 26px
}

.btn-red {
    background: 0 0 !important;
    border: none !important;
    background-image: url(/images/general/button_background.png) !important;
    background-size: 100% 100% !important;
    background-position: center !important;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-family: AmaticSC-Bold;
    font-size: 26px
}

.button-green-icon-left {
    position: absolute;
    left: 30px;
    top: 0
}

.button-green-icon-right {
    position: absolute;
    right: 25px;
    top: 0
}

.cart-icon {
    position: absolute;
    right: 20px;
    top: 0
}

.cart-icon #cart-link {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    text-align: right
}

.cart-icon #cart-link .badge {
    background-color: #e6007e;
    padding: 4px 7px;
    border-radius: 50%
}

.cart-icon img {
    width: 50px
}

@media only screen and (min-width:768px) {
    .container>.navbar-collapse {
        background-image: url(/images/general/menu_border.png);
        background-size: 100% 100%;
        background-position: center
    }
}

label.required::after {
    content: "*"
}

#recaptcha_div iframe {
    position: relative
}

#easyPaginate {
    width: 300px
}

#easyPaginate img {
    display: block;
    margin-bottom: 10px
}

.easyPaginateNav a {
    padding: 5px;
    color: #000
}

.easyPaginateNav a.current {
    font-weight: 700;
    text-decoration: underline
}

.easyPaginateNav {
    clear: both;
    position: absolute;
    bottom: 0;
    color: #000;
    padding: 0 20px;
}

.easyPaginateList {
    padding-bottom: 25px
}

.pointer {
    cursor: pointer
}

.helper {
    z-index: 200;
    position: absolute;
    font-size: 40px;
    color: red
}

.helper:active,
.helper:focus,
.helper:hover,
.helper:visited {
    color: #b7c675
}

.helper-left {
    top: 45%;
    left: -40px;
    animation: helper-left 1s linear infinite
}

.helper-right {
    top: 45%;
    right: -40px;
    animation: helper-right 1s linear infinite
}

@keyframes helper-right {
    0%,
    100% {
        right: -50px
    }
    50% {
        right: -40px
    }
}

@keyframes helper-left {
    0%,
    100% {
        left: -50px
    }
    50% {
        left: -40px
    }
}

.upper-canvas {
    border: 1px solid
}

.canvas-container {
    max-width: 500px;
    margin: auto;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center
}

#uploader .plupload_header {
    display: none
}

#uploader .plupload_wrapper {
    min-width: unset
}

#uploader .plupload_filelist {
    min-height: 50px
}

#uploader .plupload_buttons_wrapper {
    position: absolute;
    bottom: -65px
}

#uploader .plbuttons {
    position: absolute;
    bottom: -75px;
    left: 0;
    right: 0
}

#uploader .plupload_content {
    top: 51px
}

#uploader .plupload_button.plupload_add {
    text-align: center;
    background: #00cf63;
    background-image: -webkit-linear-gradient(top, #00cf63, #17bc65);
    background-image: -moz-linear-gradient(top, #00cf63, #17bc65);
    background-image: -ms-linear-gradient(top, #00cf63, #17bc65);
    background-image: -o-linear-gradient(top, #00cf63, #17bc65);
    background-image: linear-gradient(to bottom, #00cf63, #17bc65);
    -webkit-border-radius: 5;
    -moz-border-radius: 5;
    border-radius: 5px;
    font-family: Arial;
    color: #fff;
    font-size: 16px;
    padding: 10px;
    text-decoration: none;
    border: 0;
    margin-right: 5px
}

#uploader .plupload_button.plupload_start {
    background: #00cf63;
    background-image: -webkit-linear-gradient(top, #00cf63, #17bc65);
    background-image: -moz-linear-gradient(top, #00cf63, #17bc65);
    background-image: -ms-linear-gradient(top, #00cf63, #17bc65);
    background-image: -o-linear-gradient(top, #00cf63, #17bc65);
    background-image: linear-gradient(to bottom, #00cf63, #17bc65);
    -webkit-border-radius: 5;
    -moz-border-radius: 5;
    border-radius: 5px;
    font-family: Arial;
    color: #fff;
    font-size: 16px;
    padding: 10px;
    text-decoration: none;
    border: 0
}

#uploader .plupload_button.plupload_start:hover {
    text-decoration: none
}

#uploader .plupload_button.plupload_stop {
    background: #cf0000;
    background-image: -webkit-linear-gradient(top, #cf0000, #8f0a0a);
    background-image: -moz-linear-gradient(top, #cf0000, #8f0a0a);
    background-image: -ms-linear-gradient(top, #cf0000, #8f0a0a);
    background-image: -o-linear-gradient(top, #cf0000, #8f0a0a);
    background-image: linear-gradient(to bottom, #cf0000, #8f0a0a);
    -webkit-border-radius: 5;
    -moz-border-radius: 5;
    border-radius: 5px;
    font-family: Arial;
    color: #fff;
    font-size: 16px;
    padding: 10px;
    text-decoration: none;
    border: 0
}

#uploader .plupload_buttons,
.plupload_upload_status {
    display: flex
}

#uploader .plupload_button.plupload_stop:hover {
    text-decoration: none
}

.panel-default#photo-overview .panel-body#photo-thumbnails {
    height: 300px;
    overflow-y: auto;
    margin: 0 0 20px 0;
    background-color: #f5f2f0
}

.panel-default .upload-button,
.panel-default#photo-overview .close-button,
.panel-default#photo-overview .editor-button,
.panel-default#photo-overview .order-button {
    background: #00cf63;
    background-image: -webkit-linear-gradient(top, #00cf63, #17bc65);
    background-image: -moz-linear-gradient(top, #00cf63, #17bc65);
    background-image: -ms-linear-gradient(top, #00cf63, #17bc65);
    background-image: -o-linear-gradient(top, #00cf63, #17bc65);
    background-image: linear-gradient(to bottom, #00cf63, #17bc65);
    -webkit-border-radius: 5;
    -moz-border-radius: 5;
    border-radius: 5px;
    font-family: Arial;
    color: #fff;
    font-size: 16px;
    padding: 4px 0 4px 10px;
    font-weight: 700;
    text-decoration: none;
    border: 0;
    margin-right: 5px
}

.panel-default#photo-overview .editor-button {
    margin-right: 5px
}

.panel-default#photo-overview .editor-button.disabled,
.panel-default#photo-overview .order-button.disabled {
    opacity: .35;
    pointer-events: none
}

.panel-default#photo-overview .delete-image {
    padding: 5px;
    background-color: #fff;
    cursor: pointer
}

.panel-default#photo-overview .delete-image:hover {
    color: #00a2cb
}

.user-images .delete-image {
    cursor: pointer
}

.photo-menu-items {
    max-height: 500px;
    overflow-x: hidden;
    overflow-x: auto;
    padding: 20px 10px
}

#layout-effects {
    display: flex;
    justify-content: space-evenly;
    align-items: center
}

#layout-effects {
    display: flex;
    justify-content: space-evenly;
    align-items: center
}

#layout-effects .texts {
    display: flex
}

#layout-effects .texts .texts-left textarea {
    margin-bottom: 5px
}

#layout-effects .texts .texts-right {
    margin-left: 20px
}

#layout-effects .texts .texts-right .sp-replacer {
    margin-bottom: 10px
}

.editor-main .canvas-zoom-container {
    height: 100%;
    padding: 20px 0;
    margin: 20px 10px
}

.editor .canvas-zoom-container,
.editor .canvas-zoom-container .canvas-container {
    display: flex;
    justify-content: center;
    align-items: center
}

.editor .canvas-zoom-container .canvas-container .lower-canvas,
.editor .canvas-zoom-container .canvas-container .upper-canvas {
    z-index: 2
}

.editor .btn-upload {
    cursor: pointer;
    color: #fbf4f4;
    width: 100%;
    text-align: center;
    display: block;
    padding: 6px 12px;
    background-color: #e6007e;
    font-size: 14px
}

.editor ::-webkit-scrollbar {
    width: 8px
}

.editor ::-webkit-scrollbar-thumb {
    background: 0 0;
    border-radius: 10px;
    border: 1px solid #a9a9a9
}

.editor ::-webkit-scrollbar-track {
    border-radius: 10px
}

.flexible {
    display: flex;
    justify-content: center;
    align-items: center
}

.flexible.evenly {
    justify-content: space-evenly
}

.contourmap .contourmap-header {
    margin: 20px 0;
    position: relative
}

.contourmap .contourmap-header .contourmap-title-edit {
    font-size: 1.4em;
    color: #cf2e7c;
    width: 100%;
    text-align: right;
    border: none;
    border-bottom: 1px solid #02abd2
}

.contourmap .contourmap-header #titleHelper {
    margin-bottom: 10px;
    display: block
}

.contourmap .contourmap-header .title-edit-group {
    text-align: right;
    display: none
}

.contourmap .contourmap-image-blackwhite,
.contourmap .contourmap-image-color {
    margin-bottom: 20px;
    position: relative
}

.contourmap .student-list {
    margin: 10px 0
}

.contourmap-right h4 {
    border-bottom: 2px solid #e3408e
}

.contourmap .student-list .student-no {
    width: 25px;
    height: 20px;
    display: inline-block
}

.contourmap .student-list .student-absent p {
    margin: 0;
    border-bottom: 1px solid #d9534f
}

.contourmap ul {
    padding: 0
}

.contourmap ul li {
    list-style-type: none
}

.contourmap .contourmap-action {
    display: table;
    margin-bottom: 20px
}

.contourmap .btn-contourmap-action {
    width: 50%;
    height: 50%;
    white-space: normal;
    color: #fff;
    border-radius: 0;
    padding: 10px 12px;
    height: 90px;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 700;
    font-family: sans-serif;
    position: relative
}

.contourmap .btn-contourmap-action span {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%
}

.contourmap .btn-contourmap-action.btn-download-pdf {
    background-color: #02abd2
}

.contourmap .btn-contourmap-action.btn-download-pdf.full {
    width: 100%
}

.contourmap-action.full {
    display: flex;
    justify-content: center;
    align-items: center
}

.contourmap .btn-contourmap-action.btn-logo {
    background: #e3408e
}

.contourmap .btn-contourmap-action.btn-change-nr {
    background: #f1eb70
}

.contourmap .btn-contourmap-action.btn-confirmation {
    background: #000
}

.contourmap .accordion-absent-form,
.contourmap .form-students .accordion-form {
    display: none
}

.contourmap .absent-form {
    margin: 10px 0 40px
}

.contourmap .text-danger {
    color: red;
    font-style: italic
}

.contourmap .btn-student-cancel {
    display: none;
    background-color: #fff;
    border-color: #ccc;
    color: #333
}

.btn-confirmation-cancel,
.btn-nop-and-delivery-cancel {
    border-color: #ccc
}

#modal-nrop {
    z-index: 1050
}

#modal-nrop input::-webkit-inner-spin-button,
#modal-nrop input::-webkit-outer-spin-button,
.contourmap input::-webkit-inner-spin-button,
.contourmap input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.contourmap input[type=number] {
    -moz-appearance: textfield
}

#modal-nrop input[type=number] {
    -moz-appearance: textfield
}

.contourmap .contourmap-header-logo img {
    max-height: 135px;
    object-fit: contain
}

#modal-nrop .modal-body {
    text-align: left
}

.datepicker-dropdown {
    background-color: #fff
}

.datepicker table tr td.disabled,
.datepicker table tr td.disabled:hover {
    cursor: not-allowed !important
}

.active-day {
    color: #f1eb70 !important
}

.img-magnifier-container {
    position: relative
}

.img-magnifier-glass {
    position: absolute;
    border: 3px solid #000;
    cursor: none;
    z-index: 300;
    width: 200px;
    height: 200px
}

.btn-import-excel {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 12px 18px;
    border: 1px solid #ccc;
    border-radius: 0
}

.contourmap-right .break-form {
    margin: 10px;
    text-align: center;
    font-weight: 700
}

.contourmap .switchToEditTitle {
    position: relative;
    float: right
}

.contourmap .relative {
    position: relative
}

.contourmap .completed:after {
    content: "";
    background-image: url(/images/general/checked.png);
    background-position: bottom right;
    background-size: 25px;
    width: 100%;
    height: 100%;
    position: absolute;
    background-repeat: no-repeat;
    top: -2px;
    left: -2px
}

.contourmap .students-present {
    overflow-y: auto;
    max-height: 600px
}

.contourmap .student-absent {
    margin-top: 30px;
    overflow-y: auto;
    max-height: 200px
}

.contourmap .step-completed {
    position: absolute;
    left: -70px;
    top: -24px
}

.contourmap .step-completed.right {
    right: -20px;
    left: auto
}

.datepicker .day,
.datepicker .day.new {
    color: green
}

.datepicker .day.disabled {
    color: red
}

.contourmap .sub-title {
    text-align: center;
    border: 2px solid #e6007e;
    padding: 10px 5px;
    text-transform: uppercase;
    letter-spacing: 1px;
    cursor: pointer
}

.contourmap .form-students {
    display: none
}

.contourmap ul li {
    padding-right: 12px
}

.contourmap .delete-student {
    position: absolute;
    right: 0;
    top: 0;
    color: red;
    font-size: 14px;
    cursor: pointer
}

#modal-import-excel .btn-import-cancel,
#modal-title .btn-title-cancel,
#modal-welcome button,
.btn-cancel-contourmap,
.contourmap .btn-default {
    border: 1px solid #d8d8d8 !important;
    background-color: #fff !important;
    color: #333 !important
}

#modal-import-excel #excelFile {
    width: 300px
}

@media only screen and (max-width:767px) {
    .contourmap .completed::after,
    .contourmap .step-completed {
        display: none
    }
    .button-green-icon-left,
    .button-green-icon-right {
        position: relative;
        left: auto;
        right: auto
    }
}

.language-button {
    border: 1px solid #000;
    display: inline-flex;
    margin: 10px 5px 0
}

.mgb-20 {
    margin-bottom: 20px
}

.display-block {
    display: block
}

.wrapper-album .content h1 {
    font-family: Avenir-Roman;
    font-weight: 700;
    color: #02abd2;
    text-align: center;
    margin-bottom: 40px;
    font-size: 36px;
    letter-spacing: 2px;
    text-transform: uppercase
}

.inhaalmomenten-image {
    border: 1px solid #ccc;
    padding: 5px;
    border-radius: 5px
}

.inhaalmomenten-text {
    font-family: Avenir-Roman;
    margin-top: 10px
}

.inhaalmomenten-title {
    color: #009fe3
}

.inhaalmomenten-title.text-danger {
    color: red
}

.inhaalmomenten-top-filter {
    margin-bottom: 20px
}

.inhaalmomenten-item {
    border: 2px solid #ccc;
    padding: 10px;
    margin-left: -10px;
    margin-right: -10px;
    margin-bottom: 10px
}

.inhaalmomenten-container {
    float: left;
    width: 100%
}

.display-none {
    display: none
}

.select-combi-background,
.select-combi-frame {
    display: block
}

.select-combi-frame {
    display: none
}

.feedback-container {
    background-color: #e0e0e0;
    padding: 30px 0;
    font-size: 13px;
    font-family: Avenir-Medium;
    color: #22233f
}

.feedback-container input.form-control,
.feedback-container select.form-control {
    height: 34px;
    font-family: sans-serif
}

.feedback-container .text-left-im {
    text-align: left !important
}

.feedback-container .answer-container {
    display: block;
    position: relative;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    height: 25px
}

.feedback-container .answer-container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    z-index: 1;
    width: 25px;
    height: 20px;
    left: 0
}

.feedback-container .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    border: 2px solid #22233f;
    border-radius: 50%;
    transition: ease-in-out all .2s
}

.feedback-container .answer-container input:checked~.checkmark {
    background-color: #e0e0e0;
    border: 2px solid #009fe3
}

.feedback-container .checkmark:after {
    content: "";
    position: absolute;
    display: none
}

.feedback-container .answer-container input:checked~.checkmark:after {
    display: block
}

.feedback-container .answer-container .checkmark:after {
    width: 90%;
    height: 90%;
    left: 5%;
    top: 5%;
    border-radius: 50%;
    background-color: #2d2d2d
}

.feedback-container .awnser-options {
    background-color: transparent;
    background-image: url(/images/enquete/enquete_title_background.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    padding: 0 40px;
    display: inline-block;
    margin-bottom: 0;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    border-radius: 4px;
    cursor: default;
    width: 190px
}

.feedback-container .awnser-options.no-background {
    background-image: none
}

.feedback-container textarea {
    background-color: #f9f3f3;
    resize: none
}

.feedback-container .fb-question-container {
    margin-top: 50px
}

.feedback-container .fb-event-area {
    margin-top: 30px
}

.feedback-container .fb-event-area .fb-buttons {
    padding-top: 30px;
    border-top: 1px solid #707070
}

.feedback-container .fb-buttons .fb-btn {
    display: inline-block;
    padding: 10px 30px;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-transform: uppercase;
    margin-left: 40px
}

.feedback-container .fb-buttons .fb-btn-cancel {
    background-color: #878787;
    color: #000
}

.feedback-container .fb-buttons .fb-btn-primary {
    background-color: #0078d7;
    color: #fff
}

.feedback-container .fb-questions span {
    cursor: pointer
}

.feedback-container .fb-notification-panel {
    min-height: 400px;
    display: flex;
    justify-content: center;
    align-items: center
}

.feedback-container .fb-notification-panel a {
    color: #2d2d2d
}

.feedback-container .fb-notification-panel h1 {
    margin-bottom: 5px
}

.feedback-container .options-flexible {
    display: flex;
    justify-content: space-around;
    padding-bottom: 10px;
    padding-top: 10px
}

.feedback-container .opacity-zero {
    opacity: 0
}

.feedback-container .fb-questions .opacity-zero span,
.feedback-container .opacity-zero .answer-container input,
.feedback-container .opacity-zero .checkmark {
    cursor: default !important
}

.panel.panel-default .action-quantity {
    display: inline-flex;
    position: relative;
}
.panel.panel-default .action-remove-item {
    display: table-cell;
}
.pricetier-tooltip-info {
    background-color: #00c76c;
    border: 3px solid #90ee90;
    color: #fff;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-family: Avenir-Medium;
    font-weight: 700;
    cursor: pointer;
    text-transform: lowercase;
    font-size: 16px;
    margin-left: 10px;
    position: absolute;
    top: -13px;
    right: -13px;
}
.plupload_wrapper .ui-widget-content {
    top: 0!important;
}
#confirmationModal .modal-header .close{
    margin-top: -20px;
}

@media only screen and (min-width:768px) {
    .feedback-container .fl-r {
        float: right
    }
    .feedback-container .text-right-fb {
        text-align: right
    }
    .feedback-container {
        padding: 30px 20px
    }
}

.bg-white {
    background-color: #fff !important;
    padding: 0 15px
}

.float-left {
    float: left
}

.text-pink {
    color: #eb469c
}

.image-loader {
    position: fixed;
    width: 100%;
    z-index: 1001;
    bottom: 10%;
    left: 0;
    display: none
}

.nt_image_preview .image-loader {
    position: absolute;
    width: 300px;
    z-index: 1001;
    bottom: 0%;
}

.mh800 {
    min-height: 800px
}

.preview-img {
    padding-top: 10px
}

.preview-img img {
    width: 100%
}

.selected-optional-editor {
    padding-top: 20px
}

.editCanvasBtn {
    border: 1px solid #00a2cb;
    border-radius: 50%;
    background-color: #fff;
    text-align: center
}

.removeCanvasBtn {
    border: 1px solid #00a2cb;
    border-radius: 50%;
    background-color: #fff;
    text-align: center;
    color: red;
    font-size: 13px
}

.removeCanvasBtn:hover {
    color: red
}

.preview-description-montage {
    background: #ffffe0;
    padding: 2rem
}

#collapse-option {
    margin-top: 20px
}

.btn-collapse-option {
    font-weight: 700;
    text-decoration: none
}

.btn-collapse-option i {
    background: #337ab7;
    color: #fff;
    border-radius: 50%;
    padding-left: 3px;
    padding-right: 3px;
    padding-top: 2px;
    padding-bottom: 2px;
    margin-left: 4px
}

.btn-collapse-option:hover {
    text-decoration: none;
    cursor: pointer
}

.border-bottom-history {
    background-color: #f1f1f1;
    padding: 10px;
    color: #337ab7;
    margin-bottom: 10px
}

.banner-top {
    background-image: url(../../images/webshop/banner-background.png)
}

.banner-top .content .banner-right .image-left {
    width: 85%
}

.banner-top .content .banner-right {
    text-align: left
}

.banner-top .content .banner-left {
    text-align: right
}

.banner-top .content .banner-left .image-left {
    width: 85%
}

.banner-top .content .form-center {
    padding: 0;
    position: relative
}

.banner-top .content .form-center .chalk {
    position: absolute;
    top: 30%;
    z-index: 5;
    right: -80px;
    width: 100px
}

.banner-top .content {
    padding: 30px 0
}

.webp .banner-top .content .form-center .form-wrapper {
    border-image: url(../../images/webshop/slide_frame.png.webp) round 27
}

.no-webp .banner-top .content .form-center .form-wrapper {
    border-image: url(../../images/webshop/slide_frame.png) round 27
}

.banner-top .content .form-center .form-wrapper {
    border: 30px solid
}

.banner-top .content .form-center .content-form {
    padding: 20px;
    text-align: center;
    background: #3395d1;
    color: #fff
}

.banner-top .content .form-center .content-form .title {
    text-transform: uppercase;
    font-family: AmaticSC-Regular;
    font-weight: 700;
    letter-spacing: 2px;
    font-size: 35px;
    margin-top: 0;
    color: #fff
}

.banner-top .content .form-center .content-form .description {
    margin: 15px 0 0;
    font-weight: 700
}

.banner-top .content .form-center .content-form p {
    font-size: 16px
}

.banner-top .content .form-center .content-form .text-bottom {
    margin-bottom: 0
}

.banner-top .content .form-center .content-form .text-bottom-last {
    margin-bottom: 20px
}

.banner-top .content .form-center .content-form .link {
    display: block;
    margin-top: 20px
}

.banner-top .content .form-center .content-form .link a {
    color: #fff;
    font-size: 16px;
    text-decoration: underline
}

.input-login {
    width: 100%;
    border: 1px solid #fff;
    padding: 6px 10px;
    color: #333
}

.input-login-bg {
    background-position: center;
    background-size: 100% 100%;
    background-color: transparent;
    padding: 10px;
    border: none
}

.webp .input-login-bg {
    background-image: url(../../images/webshop/input_background.png.webp)
}

.no-webp .input-login-bg {
    background-image: url(../../images/webshop/input_background.png)
}

.banner-top .content .form-center .content-form .action .btn-login {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding: 10px;
    -webkit-box-shadow: 0 0 6px 4px rgba(0, 0, 0, .35);
    box-shadow: 0 0 6px 4px rgba(0, 0, 0, .35)
}

.action .btn-login {
    width: 100%;
    outline: 0 !important
}

.action .btn-login {
    display: block;
    background: #35ba30;
    border-radius: 0;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 2px;
    font-family: AmaticSC-Regular;
    font-size: 26px
}

.d-none {
    display: none
}

.tooltip-inner {
    min-width: 250px;
    max-width: 400px;
    padding: 10px
}

.fl-r-cl-b {
    float: right;
    clear: both
}

.title-step {
    font-family: AvenirNext-Regular;
    color: #777;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 16px
}

.webshop-banner-container .webshop-vihicle-container {
    background-image: url(/images/webshop/scholen_vehicle_background.png);
    background-color: transparent;
    background-size: 70%;
    background-repeat: repeat;
    padding: 3rem
}

.webshop-banner-note-container {
    background-image: url(/images/webshop/bg-note-paper.png);
    background-color: transparent;
    background-size: 100%;
    background-repeat: repeat;
    box-shadow: 0 0 9px 0 rgba(0, 0, 0, .75)
}

.webshop-banner-note-container .content-name-album {
    display: flex;
    align-items: center;
    height: 100%
}

.webshop-banner-note-container .content-name-album .text-banner-album {
    height: 175px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 26px;
    padding: 30px 0;
    background-image: url(/images/webshop/bg-banner-blue-long.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: relative;
    width: 100%
}

.webshop-banner-note-container .content-name-album .text-banner-album .button-edit-banner-album {
    width: 40px;
    position: absolute;
    right: 20%
}

.webshop-banner-container .webshop-vihicle-container .webshop-content-container {
    border: 5px solid transparent;
    border-image: url(/images/webshop/banner-border.png) 10 round;
    padding-top: 60px
}

.content-color-album {
    padding: 30px 0;
    float: right;
    width: 80%
}

.content-color-album .title-color {
    color: #666;
    font-weight: 500
}

.content-color-album .content-select-color {
    width: 100%;
    text-align: center;
    border: 10px solid;
    border-image: url(/images/webshop/producten/border-selector.png) round 20;
    display: flex;
    align-items: center
}

.content-color-album .content-select-color .color-selected img {
    width: 35px
}

.content-color-album .content-select-color .select-color-album {
    border: 0;
    background-color: #fff;
    font-size: 20px;
    background: url(/images/webshop/icon/blue-arrow.png) no-repeat right;
    -webkit-appearance: none;
    background-position: right;
    background-position-y: 2px;
    background-size: contain
}

.content-color-album .list-btn-action {
    padding-top: 10px
}

.webshop-banner-container .webshop-vihicle-container .webshop-content-container .content {
    margin: 0 auto;
    text-align: center;
    padding: 30px 0;
    width: 50%
}

.webshop-banner-container .webshop-vihicle-container .webshop-content-container .content .title-album {
    padding-top: 30px
}

.webshop-banner-container .webshop-vihicle-container .webshop-content-container .content .title-album .text span {
    font-size: 20px;
    position: relative;
    color: #fff;
    cursor: pointer;
    font-weight: 700
}

.webshop-banner-container .webshop-vihicle-container .webshop-content-container .content .title-album .text .fire-flower {
    position: absolute;
    top: -40px;
    left: -47px;
    width: 100px
}

.webshop-banner-container .webshop-vihicle-container .webshop-content-container .content .title-album .text .fire-flower-bottom {
    position: absolute;
    top: -3px;
    left: -40px;
    width: 47px
}

.webshop-banner-container .webshop-vihicle-container .webshop-content-container .content .content-banner-album .text-banner-album {
    height: 230px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    font-size: 26px;
    padding: 30px;
    background-image: url(/images/webshop/banner-background-blue.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: relative
}

.webshop-banner-container .webshop-vihicle-container .webshop-content-container .content .content-banner-album .text-banner-album .button-edit-banner-album {
    width: 50px;
    position: absolute;
    right: 25%
}

.webshop-banner-container .webshop-vihicle-container .webshop-content-container .content .content-banner-album .banner-background-blue {
    width: 88%
}

.webshop-banner-container .webshop-vihicle-container .webshop-content-container .content .content-banner-album .chalk {
    width: 24%;
    position: absolute;
    transform: rotate(-94deg);
    top: 30%;
    right: -6px;
    z-index: 10
}

.webshop-list-action {
    padding: 30px 0
}

.webshop-list-action .list-action {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0;
    padding: 0;
    color: #fff
}

.btn-edit-album {
    margin-bottom: 0;
    padding-left: 0;
    text-align: left
}

.btn-edit-album .button-action-album {
    width: 40px;
    margin-right: 5px
}

.btn-edit-album li {
    list-style-type: none;
    font-size: 20px;
    font-weight: 500;
    padding-bottom: 10px
}

.webshop-list-action .list-action .button-action-album {
    width: 40px;
    margin-right: 5px
}

.webshop-list-action .list-action a {
    color: #fff
}

.webshop-list-action .list-action li {
    list-style-type: none;
    font-size: 20px;
    font-weight: 500
}

.menu-namen {
    margin-bottom: 30px
}

.btn-album {
    width: 100%;
    font-size: 20px;
    text-transform: uppercase
}

.btn-album-blue {
    background-image: url(/images/webshop/btn-blue.png);
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.btn-album-red {
    background-image: url(/images/webshop/btn-red.png);
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.btn-album-violet {
    background-image: url(/images/webshop/btn-violet.png);
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.btn-album-green {
    background-image: url(/images/webshop/button-login-background.png);
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.btn-album p {
    padding: 20px;
    color: #fff;
    position: relative;
    cursor: pointer;
    font-weight: 500
}

.btn-album .button-album-icon-right {
    color: #fff;
    position: absolute;
    top: 10%;
    right: 25px;
    cursor: pointer
}

.button-album-icon-right img {
    width: 50px
}

.producten-pencil-album img {
    width: 70%
}

.producten-pencil-album {
    text-align: center
}

.producten-pencil-content {
    padding-bottom: 30px
}

.tab-content-book-album {
    padding-top: 50px
}

.tab-content-list-album {
    padding-top: 50px
}

.list-image-in-album {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.list-image-in-album .list-aciton-image {
    width: 26.75%;
    margin: 2.5rem 1rem
}

.list-image-in-album .list-aciton-image h3 {
    font-weight: 500;
    font-size: 25px
}

.list-image-in-album .box-album {
    width: 12.5%;
    background: #fff;
    margin: 2.5rem 1rem;
    box-shadow: 0 0 9px 0 rgba(0, 0, 0, .75);
    position: relative
}

.list-image-in-album .box-album .button-absolute {
    position: absolute;
    width: 40px;
    bottom: -20px;
    right: 35%
}

.list-image-in-album .add-new-album {
    background-color: transparent;
    box-shadow: none;
    display: flex;
    border: 5px dashed #35b931;
    justify-content: center;
    text-align: center;
    align-items: center
}

.list-image-in-album .add-new-album .button-action-album {
    width: 50px;
    height: 50px
}

.product-view-album-section {
    position: relative;
    float: left;
    width: 100%;
    margin: 40px 0
}

.text-gray {
    color: #666
}

.media .bullet-text {
    color: white;
    position: absolute;
    top: 1px;
    left: 10px;
}

.grootte-container input {
    border: 0;
    background-color: #fff;
    font-size: 20px;
    width: 100%;
    padding: 0
}

.list-action-detail-album {
    margin-top: 30px
}

.product-view-album {
    background-color: #3a3a3a;
    padding: 15px
}

.product-view-album .product-view-container {
    background-image: url(/images/webshop/producten/product-view-bg.png);
    background-position: center;
    min-height: 600px
}

.product-view-album .product-view-container .product-view-image {
    padding: 50px 0
}

.tab-content-book-album .content-book-album .block-book-album {
    position: relative
}

.tab-content-book-album .content-book-album .block-book-album .book {
    width: 100%
}

.tab-content-book-album .content-book-album .block-book-album .book-album-background {
    width: 90%;
    position: absolute;
    left: 5%;
    top: 10%
}

.tab-content-book-album .content-book-album .block-book-album .wrapp-content-album {
    width: 100%;
    position: relative;
    top: 0;
    left: 0;
    z-index: 100;
    display: flex
}

.tab-content-book-album .content-book-album .block-book-album .wrapp-book {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.text-blue {
    color: #03a1e4
}

.tab-content-book-album .content-book-album .block-book-album .wrapp-content-album .wrapp-content-album-left,
.wrapp-content-album-right {
    width: 50%;
    position: relative
}

.pb-60 {
    padding-bottom: 60px
}

.tab-content-book-album .content-book-album .block-book-album .wrapp-content-album .absolute-book-content {
    padding-top: 40px;
    padding-bottom: 40px;
    position: absolute;
    top: 0;
    width: 100%
}

.tab-content-book-album .content-book-album .block-book-album .wrapp-content-album .absolute-book-content-left {
    padding-left: 40px
}

.tab-content-book-album .content-book-album .block-book-album .wrapp-content-album .absolute-book-content-right {
    padding-right: 40px
}

.tab-content-book-album .content-book-album .block-book-album .wrapp-content-album .wrapp-content-album-left .page-left-album {
    width: 100%;
    float: right
}

.tab-content-book-album .content-book-album .block-book-album .wrapp-content-album .wrapp-content-album-right .page-right-album {
    width: 100%
}

.tab-content-book-album .content-book-album .block-book-album .wrapp-content-album .content-right-album {
    position: absolute;
    top: 0;
    width: 100%;
    padding-top: 40px;
    padding-bottom: 40px;
    padding-right: 20px
}

.tab-content-book-album .content-book-album .block-book-album .wrapp-content-album .content-left-album {
    position: absolute;
    top: 0;
    width: 100%;
    padding-top: 40px;
    padding-bottom: 40px;
    padding-left: 20px
}

.tab-content-book-album .content-book-album .block-book-album .wrapp-content-album .title-year {
    background-image: url(/images/webshop/title-background.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 200px;
    padding: 30px;
    margin: 0 auto;
    color: #fff;
    font-size: 30px
}

.tab-content-book-album .content-book-album .block-book-album .wrapp-content-album .boxes-album {
    display: flex;
    flex-wrap: wrap;
    padding: 0 40px;
    padding-bottom: 10px;
    overflow-y: hidden;
    height: 610px
}

.tab-content-book-album .content-book-album .block-book-album .wrapp-content-album .boxes-album .active {
    border: 3px solid #03a1e4
}

.tab-content-book-album .content-book-album .block-book-album .wrapp-content-album .arrow-down {
    z-index: 1001;
    cursor: pointer
}

.pr-0 {
    padding-left: 0
}

.tab-content-book-album .content-book-album .block-book-album .wrapp-content-album .arrow-up {
    transform: rotate(180deg);
    z-index: 1001;
    cursor: pointer
}

.tab-content-book-album .content-book-album .block-book-album .wrapp-content-album .button-arrow-up {
    min-height: 40px
}

.tab-content-book-album .content-book-album .block-book-album .wrapp-content-album .box-album {
    background-color: #fff;
    width: 100%;
    margin-top: 1.5rem;
    box-shadow: 0 0 9px 0 rgba(0, 0, 0, .75);
    display: flex;
    align-items: center;
    cursor: pointer
}

.tab-content-book-album .content-book-album .block-book-album .wrapp-content-album .add-new-album {
    background-color: transparent;
    box-shadow: none;
    display: flex;
    border: 5px dashed #35b931;
    justify-content: center;
    text-align: center;
    align-items: center
}

.tab-content-book-album .content-book-album .block-book-album .wrapp-content-album .box-album .image-album {
    width: 100%
}

.tab-content-book-album .content-book-album .block-book-album .wrapp-content-album .add-new-album .button-action-album {
    width: 50px;
    height: 50px
}

.wrapp-content-album-right .image-album {
    box-shadow: 0 0 10px 2px rgba(0, 0, 0, .75);
    width: 60%
}

.wrapp-content-album-right .image-album-description {
    padding: 20px 30px 20px 20px;
    font-weight: 400;
    font-size: 18px;
    color: #000
}

#button-menu-dropdown {
    width: 60px
}

.arrow-blue {
    width: 60px;
    position: absolute
}

.arrow-blue-right {
    transform: rotate(-180deg);
    right: -5%;
    top: 45%
}

.arrow-blue-left {
    left: -5%;
    top: 45%
}

.list-year-album {
    justify-content: space-between;
    align-items: center;
    margin: 0;
    padding: 0
}

.list-year-album li {
    list-style-type: none;
    display: inline-block;
    text-transform: uppercase;
    font-size: 25px;
    padding: 15px 25px;
    margin: 0 10px;
    color: #fff;
    cursor: pointer
}

.list-year-album .normal {
    background-image: url(/images/webshop/year-dark.png);
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.list-year-album .add-new {
    background-image: url(/images/webshop/year-green.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding: 4px 28px
}

.list-year-album .add-new img {
    width: 50px
}

.list-year-album .active {
    background-image: url(/images/webshop/year-blue.png);
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.text-title-album {
    position: relative;
    padding-bottom: 30px
}

.text-title-album .button-edit-album {
    position: absolute;
    top: -5px;
    width: 40px;
    right: 20%
}

.list-action-foto {
    font-size: 20px;
    font-weight: 400;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 30px
}

.list-action-foto .button-action-foto .button-action-album {
    width: 40px;
    margin-right: 5px
}

.list-action-foto .button-action-foto {
    margin-bottom: 5px
}

.list-style-none {
    list-style-type: none
}

.content-book-album {
    margin-top: 40px
}

.modal h2 {
    padding: 0 10px
}

.display-flex {
    display: flex
}

.justify-content-between {
    justify-content: space-between
}

.align-items-center {
    align-items: : center
}

.webp .contact-form {
    background-image: url(../../images/webshop/paper_contact.png.webp)
}

.contact-form {
    background-position: center;
    background-size: 75% 70%;
    margin: 20px;
    -webkit-box-shadow: rgba(0, 0, 0, .19) 0 10px 44px, rgba(0, 0, 0, .23) 0 5px 20px;
    box-shadow: rgba(0, 0, 0, .19) 0 10px 44px, rgba(0, 0, 0, .23) 0 5px 20px;
    padding: 20px;
    text-align: left
}

.contact-form h3 {
    font-family: AmaticSC-Bold;
    color: #e6007e;
    font-size: 26px;
    letter-spacing: 1px;
    margin-top: 0;
    font-weight: 500
}

.contact-form .action .btn-login {
    background: #e6007e
}

.contact-form .block h5 {
    font-size: 18px;
    text-transform: uppercase;
    margin-bottom: 0;
    margin-top: 10px;
    color: #333
}

.contact-form .block p {
    margin-bottom: 0;
    font-size: 18px;
    font-weight: 500;
    color: #333
}

.contact-form .block {
    margin-bottom: 20px
}

.contact-form .block h5.open {
    margin-bottom: 10px;
    font-family: AmaticSC-Bold;
    color: #e6007e;
    margin-top: 20px;
    font-size: 25px;
    letter-spacing: 2px
}

.contact-form .block .timer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: 16px;
    font-weight: 500;
    color: #333
}

.contact-form .social {
    list-style: none;
    padding-left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.contact-form .social li a img {
    width: 50px
}

.order-pack-container a {
    display: inline-block;
}
.order-pack-container a span {
    display: flex;
    justify-content: center;
    align-items: center;
}

#items-menu {
    list-style: none;
    margin: 0;
    margin-top: 4px;
    margin-bottom: 4px;
    font-size: 17px;
    color: #333;
}
#div-menu {
    display: none;
    border: 1px solid #b2b2b2;
    width: 120px;
    background: #f9f9f9;
    box-shadow: 3px 3px 2px #e9e9e9;
    border-radius: 4px;
}
#items-menu :hover {
    color: #fff;
    background: #00afe6;
    border-radius: 2px;
}
.full-width {
    width: 100%;
}
.canvas-zoom-container .optional-container {
    width: 75%;
    margin: 30px auto 0;
}
.canvas-zoom-container .colorselector-container {
    width: 60px;
}
.canvas-container {
    max-width: none;
}
.canvas-container .upper-canvas {
    border: none;
}
.canvas-container.mok:before {
    content: "";
    position: absolute;
    width: 130px;
    height: 100%;
    left: -130px;
    top: 0;
    background-image: url(/images/fun/mok_left.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    cursor: move;
}
.canvas-container.mok:after {
    content: "";
    position: absolute;
    width: 130px;
    height: 100%;
    right: -130px;
    top: 0;
    background-image: url(/images/fun/mok_right.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    cursor: move;
}
.canvas-container.mok_hart:before {
    content: "";
    position: absolute;
    width: 130px;
    height: 100%;
    left: -130px;
    top: 0;
    background-image: url(/images/fun/mok_hart_left.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
.canvas-container.mok_hart:after {
    content: "";
    position: absolute;
    width: 130px;
    height: 100%;
    right: -130px;
    top: 0;
    background-image: url(/images/fun/mok_hart_right.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
.canvas-container.espressomok:before {
    content: "";
    position: absolute;
    width: 120px;
    height: 100%;
    left: -120px;
    top: 0;
    background-image: url(/images/fun/espressomok_left.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
.canvas-container.espressomok:after {
    content: "";
    position: absolute;
    width: 120px;
    height: 100%;
    right: -120px;
    top: 0;
    background-image: url(/images/fun/espressomok_right.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
.canvas-menu-panel {
    background-color: #fff;
    border-radius: 3px;
    width: 76px;
    justify-content: space-around;
    display: flex;
    flex-wrap: wrap;
}
.canvas-menu-panel > a {
    padding: 5px;
    margin: 2px;
    display: inline-block;
    font-size: 20px;
    width: 34px;
    height: 34px;
    text-align: center;
}
.product-details-box .input-group-addon {
    border: none;
    background-color: transparent;
    color: #000;
}
.dp-none {
    display: none !important;
}
.dp-block {
    display: block !important;
}
.canvas-menu-panel-control {
    width: 350px;
    background-color: #fff;
    border: 1px solid #eee;
    padding: 5px;
    min-height: 275px;
    box-shadow: 0 0 15px -5px #030303;
    border-radius: 3px;
}
.canvas-menu-panel-control h5 {
    margin: 10px 0;
}
.canvas-menu-panel-control .panel-control-left {
    display: inline-block;
    width: 50%;
    padding-right: 10px;
}
.canvas-menu-panel-control .panel-control-right {
    display: inline-block;
    width: 50%;
    padding-left: 10px;
    vertical-align: top;
}
.canvas-menu-panel-control .colorselector-container {
    margin-top: 10px;
}
.canvas-menu-panel-control .mg-10-0 {
    margin: 10px 0;
}
.canvas-menu-panel-control a {
    color: #000;
    border: 1px solid;
    padding: 5px 7px;
}
.slidecontainer {
    display: flex;
}
.zoomslider {
    margin: 0 1rem;
}

#image-modal .fixed-width {
    width: 80%;
}
.backgrounds-selection {
    width: 20%;
    position: absolute;
    right: 0;
    top: 50px;
    padding: 0 5px;
    height: 680px;
}
.backgrounds-selection .backgrounds-selection-content {
    overflow: hidden;
    width: 100%;
    height: 100%;
}
.backgrounds-selection .background-selection-up {
    position: absolute;
    right: 37%;
    top: -25px;
    width: 50px;
    height: 50px;
    background-image: url(/images/general/icon_up.png);
    z-index: 2;
    background-size: 100%;
    cursor: pointer;
}
.backgrounds-selection .background-selection-down {
    position: absolute;
    right: 37%;
    bottom: -25px;
    width: 50px;
    height: 50px;
    background-image: url(/images/general/icon_down.png);
    z-index: 2;
    background-size: 100%;
    cursor: pointer;
}
.backgrounds-selection .background-item {
    width: 100%;
    height: 105px;
    background-size: auto calc(100% - 5px);
    cursor: pointer;
    background-repeat: repeat-x;
    padding-bottom: 5px;
    position: relative;
}
.backgrounds-selection .background-item:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: calc(100% - 5px);
    background-color: #fff;
}
.backgrounds-selection .background-item.active:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    height: calc(100% - 5px);
    border: 2px solid #9bbaf6;
}
.modal-1000-pixel {
    width: 1000px;
}
.message-discount {
    text-align: center;
    background: #00a4ca;
    color: white;
    font-size: 28px;
    font-family: AmaticSC-Bold;
    padding: 5px 0;
    font-weight: 300;
    line-height: 120%;
}

.sp-container {
    z-index:99999999!important;
}
#generalContactModal .close {
    position: absolute;
    right: 5px;
    top: 5px;
    font-size: 28px;
}
.pd-10 {
    padding: 10px;
}
.result-sql {
    border: 1px solid;
    background: floralwhite;
}
.koppenkaart-right-side .all-names {
    border: 1px solid #00aae5;
    border-radius: 5%;
    padding: 10px 0;
}
.koppenkaart-right-side .all-names .name-item {
  cursor: pointer;
  padding: 0px 5px;
  width: 100%;
  display: flex;
}
.koppenkaart-right-side .all-names .name-item:hover{
  background-color: #00aae5;
  color: white;
}

.koppenkart-image-preview img {
    border: 1px solid #000;
    margin-top: 10px;
}
.form-declaration .form-group label {
    padding-left: 0;
    padding-right: 0;
    display: inline-block;
    line-height: 2.3;
    clear: both;
    font-size: inherit;
}
.form-declaration .form-group label.required:after{
    content: "*";
    color: #009fe3 !important;
    margin-left: 4px;
}
.form-declaration #submit, #declaratie_submit{
    background: #35ba30;
    border-radius: 0;
    border: 0px;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 2px;
    font-family: "AmaticSC-Regular";
    font-size: 26px !important;
    padding: 6px 24px;
    -webkit-box-shadow: 0px 0px 6px 4px rgba(0,0,0,0.15);
}
.canvas-editor .canvas-container {
    background-color: white;
}

@media (max-width: 767px){
    .display-mobile-none {
        display: none!important;
    }
}

#form-album-login .input-login-bg {
    border: 1px solid #ccc!important;
}
#form-album-login .btn-login {
    width: 100%;
    background: linear-gradient(to bottom, #02c66c 5%, #02ad5e 100%);
    background-color: #02c66c;
    border: 1px solid #02ad5e;
    color: white;
    font-size: 14px!important;
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    text-transform: none;
    border-radius: 0;

}
.thumbnail-product-option{
    border-radius: 5px;
}
.list-gallery .gallery-image-item {
    position: relative;
    margin: 0 15px;
    cursor: pointer;
    box-shadow: 0 0 10px 0 #bbb;
}
.build-suggest-product{
    position: relative;
    width: 100%;
}
.list-suggest-product{
    float: left;
    list-style: none;
    margin-top: -3px;
    padding: 0;
    position: absolute;
    z-index: 1001;
    width: 100%;
}

.list-suggest-product li {
    padding: 10px;
    background: #f9f9f9;
    border-bottom: #bbb9b9 1px solid;
    cursor: pointer;
}

.error-funproduct-text {
    color: #ff1022;
    font-size: 16px;
}
.collapse-controller {
    font-weight: 700;
    cursor: pointer;
}
.title-text-fun-product{
    font-size: 1em;
    font-weight: bold;
    color: #009fe3;
    margin: 0;
}
.order-funproduct-text-date{
    height: 36px!important;
}
.products .product {
    padding-bottom: 30px;
}

.products .product .item-wrapper {
    padding-bottom: 110%;
    box-shadow: 0 0 10px 0 #bbb;
    position: relative;
}
.products .product .item-wrapper .item-container {
    padding: 15px;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.product .item-container .image-item-container {
    position: relative;
    width: 100%;
    display: flex;
    overflow: hidden;
    padding: 5% 0;
}
.products .product .item-container .product-description {
    margin-top: 10px;
}

.products .product .item-container img {
    width: 100%;
    object-fit: contain;
    max-height: 200px;
}

.products .product .item-container .product-description .product-name {
    color: #039fe3;
    font-family: AmaticSC-Bold;
    font-size: 28px;
    margin: 0;
    white-space: inherit;
}

.products .product .item-container .product-description .product-price {
    font-size: 16px;
    font-family: AvenirNext-Regular;
    color: #252525;
    font-weight: 700;
    margin: 0;
}

.tag-newlayout .test-newlayout {
    position: absolute;
    color: white;
    top: 46px;
    left: 70px;
    font-size: 2em;
}
.tag-newlayout .test-newlayout-gift{
    position: absolute;
    color: white;
    top: 61px;
    left: 33px;
    font-size: 1.5em;
    letter-spacing: -1px;
}

.image-preview-form {
    position: relative;
}

.image-preview-form .button-delete-image {
    position: absolute;
    right: 0;
    font-weight: bold;
    color: #b70202fc;
    cursor: pointer;
}

.image-preview-form .button-delete-image:hover {
    text-decoration: underline;
}

.maintenance-link {
    cursor: pointer;
    color: gray;
    position: relative;
    display: inline-block;
}
.maintenance-link .tooltiptext {
    visibility: hidden;
    width: 200px;
    background-color: #000000bf;
    color: #fff;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;

    /* Position the tooltip text - see examples below! */
    position: absolute;
    z-index: 1;
}
.maintenance-link .tooltiptext::after {
     content: " ";
     position: absolute;
     top: 50%;
     right: 100%; /* To the left of the tooltip */
     margin-top: -5px;
     border-width: 5px;
     border-style: solid;
     border-color: transparent #000000bf transparent transparent;
}
.maintenance-link:hover .tooltiptext {
  visibility: visible;
}
.maintenance-link .tooltiptext {
    top: -5px;
    left: 105%;
}
.maintenance-link:hover {
    color: gray;
}
#bx-pager {
    display: none;
}
.shopping-cart-container-absolute {
    display: none;
    position: absolute;
    bottom: 0px;
    right: 15px;
}
.menu-dropdown-active {
    background-color: #E6007E!important;
    border: 1px solid #E6007E;
}
.menu-dropdown-active a{
    border: 1px solid #E6007E!important;
}
.menu-dropdown-active a:focus{
    border: 1px solid black!important;
    color: #5c0120!important;
}

.koppenkaart-menu-description {
    position: relative;
}
.koppenkaart-menu-tooltip-info {
    background-color: #00c76c;
    border: 3px solid #90ee90;
    color: #fff;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-family: Avenir-Medium;
    font-weight: 700;
    cursor: pointer;
    text-transform: lowercase;
    font-size: 16px;
    margin-left: 10px;
    position: absolute;
    top: -26px;
    right: -13px;
}
.koppenkaart-content-tooltip {
    min-width: 250px;
    padding: 10px;
    width: 350px;
    min-width: 250px;
    color: #fff!important;
    text-align: center;
    background: #000!important;
    border-radius: 4px;
    font-size: 12px!important;
    border: none!important;
}

.montage-coupontooltip {
    display: none;
    background: #C8C8C8;
    position: absolute;
    z-index: 10000;
    bottom: 0;
    left: 100%;
    min-width: 80px;
    max-width: 200px;
    padding: 1px;
    color: #fff!important;
    text-align: center;
    background: #00000096!important;
    border-radius: 4px;
    font-size: 12px!important;
    border: none!important;
    min-height: 18px!important;
    word-break: break-all;
}

.not-online-block {
    padding-bottom: 10px;
}
.not-online-block .text-link {
    color: #00a2cb;
}
.not-online-block .text-link:hover {
    color: #e6007e;
}
.collage-background-item {
    padding: 5px;
    border: 2px solid transparent;
    cursor: pointer;
}
.collage-background-item.active {
    padding: 5px;
    border: 2px solid #cf2e7c;
}
.group-background-block {
    position: relative;
    margin-bottom: 20px;
}
.group-background-block .group-background-photo {
    margin-bottom: 0;
}
.group-background-block .btn-select-group-background {
    width: 100%;
    color: white;
    font-size: 20px;
}
.groupphoto-background-wrapper {
    min-height: 604px;
}
.groupphoto-background-wrapper .groupphoto-background-container {
    display: flex;
    flex-wrap: wrap;
}
.groupphoto-background-wrapper .groupphoto-background-container .item {
    display: inline-block;
    border: 2px solid #ccc;
    margin: 5px;
    padding: 5px;
    cursor: pointer;
}
.groupphoto-background-wrapper .groupphoto-background-container .item.active {
    border-color: #ea2c94;
}

.groupphoto-background-wrapper .groupphoto-background-container .item img {
    width: 100%;
}

.ntn-selection .options-container {
    overflow: hidden;
    position: relative;
}

.ntn-selection .fotokoch-lightbox-image-carousel-before {
    width: 11px;
    height: 40px;
    background-image: url(/js/fotokoch-lightbox/asset/arrow-left-simple.png);
    top: 27%;
    left: -14px;
    position: absolute;
    z-index: 1;
    background-size: contain;
    background-repeat: no-repeat;
    cursor: pointer;
    display: block;
}

.ntn-selection .fotokoch-lightbox-image-carousel-after {
    width: 11px;
    height: 40px;
    background-image: url(/js/fotokoch-lightbox/asset/arrow-right-simple.png);
    top: 27%;
    right: -14px;
    position: absolute;
    z-index: 1;
    background-size: contain;
    background-repeat: no-repeat;
    cursor: pointer;
    display: block;
}
.ntn-selection .options {
    display: inline-flex;
}

.select-groupphoto-background .owl-dots {
    display: none;
}

.select-groupphoto-background .owl-dots, .select-groupphoto-background .owl-nav{
    display: none;
}

.select-groupphoto-background .bg-option-groupphoto-background {
    margin: 0 10px;
    cursor: pointer;
    position: relative;
    border: 0px solid transparent;
    display: inline-block;
    box-shadow: 0 0 10px 0 #bbb;
    width: 84px!important;
    height: 53px;
    padding: 3px;
}

.select-groupphoto-background .owl-item .active {
    border: 3px solid #00a2cb;
}

.group-background-block .group-background-photo.loading:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(/images/general/imageloader.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    z-index: 10;
    background-color: rgba(255, 255, 255, 0.75);
}

.switch-tab-action {
    margin-top: 20px;
}
.golden-premium-message {
    background: rgb(214 169 75)!important;
    background: linear-gradient(0deg, rgb(214 169 75) 0%, rgba(212,177,84,1) 65%, rgba(243,214,109,1) 100%)!important;
    color: #000!important;
    border-color: #d0ac27!important;
    margin-bottom: 30px;
    padding: 10px;
    border-radius: 4px;
    font-weight: 600;
    border: 1px solid;
}

.btn-golden-premium {
    background: rgb(214 169 75)!important;
    background: linear-gradient(0deg, rgb(214 169 75) 0%, rgba(212,177,84,1) 65%, rgba(243,214,109,1) 100%)!important;
    color: #000!important;
    border-color: #faeec1!important;
}

.golden-title {
    color: rgb(214 169 75)!important;
    background: -webkit-linear-gradient(rgba(243,214,109,1), rgb(214 169 75));
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    font-weight: bold;
}
.school-premium-panel {
    justify-content: center;
    display: flex;
}
.school-premium-panel .school-premium-content {
    border-image: linear-gradient(rgba(243,214,109,1), rgb(214 169 75)) 20;
    border-width: 4px;
    border-style: solid;
    padding: 20px;
    color: #000;
}
.school-premium-panel .school-premium-content .school-premium-submit {
    font-size: 20px;
    font-weight: 500;
    width: 170px;
}

.btn-action-customtext {
    cursor: pointer;
}
.notice-blocks {
    border: 1px solid #dd45f9;
    padding-top: 10px;
    padding-bottom: 10px;
    background: #f5eeff;
}
.notice-blocks .btn-action-notice {
    background: transparent;
    color: #dd45f9;
    border-color: #dd45f9;
    padding: 3px 8px;
    width: 30px;
}
.notice-blocks .btn-action-notice:active {
    background: transparent;
    color: #dd45f9;
    border-color: #dd45f9;
    padding: 3px 8px;
    width: 30px;
}
.notice-action-display {
    display: flex;
    justify-content: end;
}
@media (max-width: 480px) {
    .tag-newlayout .test-newlayout {
        top: 20px;
        font-size: 19px;
    }
    .tag-newlayout .test-newlayout-gift {
        top: 43px;
        font-size: 13px;
    }
    .modal .title-modal {
        margin: 10px 0 8px 0;
    }
}

@media (max-width: 375px) {
    .tag-newlayout .test-newlayout {
        top: 17px;
        font-size: 16px;
    }
    .tag-newlayout .test-newlayout-gift {
        top: 35px;
        font-size: 12px;
    }
}
@media (max-width: 320px) {
    .tag-newlayout .test-newlayout {
        top: 12px;
        font-size: 13px;
        left: 20px;
    }
    .tag-newlayout .test-newlayout-gift {
        top: 27px;
        font-size: 11px;
        left: 20px;
    }
}

.nnt-display {
    display:  flex;
    justify-content: end;
}

.nnt-select-date {
    height: 35px !important;
    padding: 5px !important;
    border-radius: 5px !important;
}
.action-queries-general {
    flex-wrap: wrap;
    display: flex;
    justify-content: end;
}
iframe#launcher, iframe#webWidget {
    top: auto;
    left: auto;
}
.school_delivery_selector {
    margin-bottom: 10px;
    font-size: 20px;
}
.school_delivery_label {
    cursor: pointer;
}
.btn-update_font_customtext, .btn-update_font_customfuntext {
    cursor: pointer;
    margin-left: 5px;
    color: #337ab7;
}

.btn-update_font_customtext:hover, .btn-update_font_customfuntext:hover {
    color: #000000;
}

.arrow-collapse {
    cursor: pointer;
    position: relative;
}
.arrow-collapse img {
    width: 10px;
    position: absolute;
    transform-origin: 0 50%;
    transition: transform .25s;
    left: 5px;
    top: 1px;
}
.arrow-collapse[aria-expanded="true"] img{
    transform: rotate(90deg);
    transition: transform .25s;
    left: 9px;
    top: -1px;
}
.verify-thumbnail-warning-message {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
    border-radius: 3px;
    margin: 7px 0;
}

.dynatable-head a, .dynatable-head a:hover, .dynatable-head a:active, .dynatable-head a:visited, .dynatable-head a:focus {
    color: #333;
}

.radio-img {
    display: inline-block;
    text-align: center;
}

.radio-img img {
    width: 100%; /* Adjust image size */
    border: 2px solid transparent;
    cursor: pointer;
}

.text-open-pdf {
    color: #e6007e;
}