/* Salem Wolf Version: 2.0 */
/* =Common Styles -------------------------------------------------------------- */
body { background: #ffffff; color: #555555; font: normal 16px "Open Sans", Arial, Helvetica, sans-serif; font-weight: 300; line-height: 1.4em; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; -moz-osx-font-smoothing: grayscale; }section { overflow: hidden; }
::-moz-selection { background: #efefef; color: #222; }::selection { background: #efefef; color: #222;}
.info i{color: #cf1058;}
/* =Typography -------------------------------------------------------------- */h1, h2, h3, h4, h5, h6, p { margin: 0; }h1 { color: #272727; font-family: "Playfair Display", arial, sans-serif; font-weight: 400; text-transform: uppercase; letter-spacing: 0.2em; line-height: 1em; }h2 { color: #272727; font-family: "Playfair Display", arial, sans-serif; font-weight: 400; text-transform: none; line-height: 1.7em; }h3, h4, .title { color: #272727; font-family: "Montserrat", arial, sans-serif; font-weight: 400; text-transform: uppercase; letter-spacing: 0.2em; line-height: 1em; }h3 { font-size: 16px; }h4 { color: #777777; font-size: 12px; margin-bottom: .5em; }blockquote { font-family: 'Playfair Display', sans-serif; padding: 1em 0; margin-bottom: .666667em; font-size: 2.25em; line-height: 1.3333325em; text-align: center; quotes: none; color: #292f33 }p.small { padding-bottom: 0.5em; font-size: 90%; border-bottom: 1px solid #e1e8ed; }.large-accent { margin-top: 60px; display: block; font-size: 72px; font-family: "Playfair Display", arial, sans-serif; font-weight: 400; text-transform: none; line-height: 20px; }.wowbig { font-family: 'Playfair Display', sans-serif !important; font-size: 52px !important; /* !important because of VC */ font-weight: 700; font-style: italic; line-height: 60px; }.wowmed { font-family: 'Playfair Display', sans-serif !important; font-size: 42px; font-weight: 700; font-style: italic; line-height: 55px; }.wowsmall { font-family: 'Playfair Display', sans-serif !important; font-size: 24px; font-weight: 300; line-height: 28px; }small { font-family: 'Playfair Display', sans-serif !important; font-size: 80%; font-weight: 300; font-style: italic; }p { margin: 10px 0; }.dark h1, .dark h2, .dark h3, .dark h4, .dark a { color: #fff; }.dark p { color: #bebebe; }.dark { background: #000000; }.light { background: #ffffff; }.grey { background: #f6f6f6; }.fresh { background: #f5f8fa; }
/* =Content Styles -------------------------------------------------------------- */
/* Background */.background { background: url(../images/) no-repeat 50% 100%; bottom: -20px; background-size: cover; position: absolute; width: 110%; left: -5%; top: -5%; }img { height: auto; border-width: 0; vertical-align: middle; -ms-interpolation-mode: bicubic }.relative { position: relative; }.center-mobile { text-align: center; }.center { text-align: center; }.padded { padding-top: 30px; padding-bottom: 30px; }.padded-top { padding-top: 30px; }.padded-bottom { padding-bottom: 30px; }.block { margin-bottom: 20px; }.full { display: block; position: relative; width: 100%; background-position: center; background-size: cover; }.line { display: block; margin: 0 auto; width: 35px; height: 1px; margin-top: 10px; }.line.no-accent { margin-top: 15px; margin-bottom: 15px; background: #e0e0e0; }.separator { position: absolute; display: none; width: 1px; height: 100%; background: #e0e0e0; top: 0; left: 50%; }.vertigo:after { border-right: 1px solid #e0e0e0; bottom: 0; content: ""; display: block; margin: 1px; position: absolute; right: -11px; top: 0; }.icon { font-size: 64px; line-height: 64px; }.pink { color: #cf1058; }a { color: #777777; }a:hover { color: #cf1058; }.right { float: right; }.thumb .big-excerpt, .thumb.featured .info .big-title { font-family: 'Playfair Display', sans-serif}a img { border: 0; }img.round { border-radius: 100% }.display-inline-block { display: inline-block }.screen-reader-text, .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0 }.no-bottom { margin-bottom: 0 !important }.text-center { text-align: center; }.text-right { text-align: right; }.text-justify { text-align: justify; }.text-nowrap { white-space: nowrap; }.text-lowercase { text-transform: lowercase; }.text-uppercase { text-transform: uppercase; }.text-capitalize { text-transform: capitalize; }.pink-border { border: 1px solid #cf1058; }
/* =Head -------------------------------------------------------------- */
.title { display: block; position: absolute; width: 100%; top: 10%; }
/* =Main -------------------------------------------------------------- */
#hero { text-align: center; overflow: hidden; display: block; width: 100%; }.hero-content { display: block; margin: 0 auto; max-width: 90%; }
/* Call to Action */
#action { width: 60px; margin-left: -30px; height: 60px; background: url(../images/arrow@2x.png) no-repeat center bottom; background-size: 30px 30px; display: block; position: absolute; bottom: 50px; left: 50%; opacity: .5; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; /* Animation */ -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation: bounce 1.5s infinite; -moz-animation: bounce 1.5s infinite; -ms-animation: bounce 1.5s infinite; -o-animation: bounce 1.5s infinite; animation: bounce 1.5s infinite; }#hero.dark #action { background: url(../images/arrow@2x-dark.png) no-repeat center bottom; background-size: 30px 30px; }#action:hover { opacity: 1; }.checkmark { font-size: 4.0625rem; line-height: 1; color: #24b663 }
/* gallery, thumbs etc ------------------------------------------------------------- */

.responsive-wrapper, img { max-width: 100% }.thumb .photo { position: relative; overflow: hidden }
.thumb .photo a { display: block; overflow: hidden; text-decoration: none }
.thumb .photo img { display: block; width: 100% }
.thumb .info { display: none; visibility: hidden; position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 20px; color: #66757f; background-color: #fff; background-color: rgba(255, 255, 255, .85); opacity: 0 }
.thumb.dark-overlay .info { color: #ccd6dd; background-color: #000; background-color: rgba(0, 0, 0, .85) }
.thumb.featured .info { display: block; visibility: visible; opacity: 1 }
.thumb.featured .info .big-title { display: block; max-width: 80%; font-size: 2em; font-weight: 400; line-height: 1em; letter-spacing: -1px; color: #292f33 }
.thumb.dark-overlay .info .big-title { color: #fff }.thumb .info .excerpt { display: block; font-size: 1.5em }
.thumb.featured .info .excerpt { margin-top: 1em; margin-bottom: 1em }
.thumb .info .arrow-right { display: inline-block; width: 24px; height: 14px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAOCAYAAAA1+Nx+AAAABmJLR0QAAAAAAAD5Q7t/AAAARklEQVR42mNgoBBo6hsfAOLzQCzAQAsAteA/zSwBGQrEF0YtId8SJAFa4PO0tuACLYLoPMxwqsbDqOHEFBUXaJX2D+AzHABNpITiZujn4AAAAABJRU5ErkJggg==) no-repeat; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjE0cHgiIHZpZXdCb3g9IjAgMCAyNCAxNCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjQgMTQ7IiB4bWw6c3BhY2U9InByZXNlcnZlIj48cGF0aCBmaWxsPSIjMjkyZjMzIiBkPSJNMCw3YzAsMC42LDAuNCwxLDEsMWgxOS42bC00LjMsNC4zYy0wLjQsMC40LTAuNCwxLDAsMS40czEsMC40LDEuNCwwbDYtNmMwLjEtMC4xLDAuMi0wLjIsMC4yLTAuM0MyNCw3LjMsMjQsNy4xLDI0LDdjMCwwLDAsMCwwLDBsMCwwYzAtMC4xLDAtMC4zLTAuMS0wLjRjMC0wLjEtMC4xLTAuMi0wLjItMC4zbC02LTZjLTAuNC0wLjQtMS0wLjQtMS40LDBjLTAuNCwwLjQtMC40LDEsMCwxLjRMMjAuNiw2SDFDMC40LDYsMCw2LjQsMCw3TDAsN3oiLz48L3N2Zz4=), none }
.thumb .info .arrow-right.centered { position: absolute; top: 50%; left: 50%; margin-top: -7px; margin-left: -12px }
.thumb.dark-overlay .info .arrow-right { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAOCAYAAAA1+Nx+AAAABmJLR0QAAAAAAAD5Q7t/AAAARklEQVR42mNgoBD8////ABCfB2IBBloAqAX/aWYJyFAgvjBqCfmWIAnQApyntQUXaBFE52GGUzUeRg0npqi4QKu0fwCf4QAva35dgoicNwAAAABJRU5ErkJggg==) no-repeat; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjE0cHgiIHZpZXdCb3g9IjAgMCAyNCAxNCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjQgMTQ7IiB4bWw6c3BhY2U9InByZXNlcnZlIj48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMCw3YzAsMC42LDAuNCwxLDEsMWgxOS42bC00LjMsNC4zYy0wLjQsMC40LTAuNCwxLDAsMS40czEsMC40LDEuNCwwbDYtNmMwLjEtMC4xLDAuMi0wLjIsMC4yLTAuM0MyNCw3LjMsMjQsNy4xLDI0LDdjMCwwLDAsMCwwLDBsMCwwYzAtMC4xLDAtMC4zLTAuMS0wLjRjMC0wLjEtMC4xLTAuMi0wLjItMC4zbC02LTZjLTAuNC0wLjQtMS0wLjQtMS40LDBjLTAuNCwwLjQtMC40LDEsMCwxLjRMMjAuNiw2SDFDMC40LDYsMCw2LjQsMCw3TDAsN3oiLz48L3N2Zz4=), none }
.thumb .big-excerpt { position: absolute; left: 20px; bottom: 20px; font-size: 1.5em; line-height: 1.25em; color: #000 }
.thumb.dark-overlay .info .big-excerpt { color: #fff }
.container-boxes, .container-masonry { padding-top: 15px }
.container-masonry .box { margin: 15px 0 16px }
.container-boxes .box { display: block; width: 100% }
.container-boxes .box.post-item, .container-boxes .box.white-bg { margin-bottom: 30px; background-color: #fff }
.container-boxes .box.white-bg { padding: 30px 15px; background-position: center center; background-repeat: no-repeat; background-size: cover }
#hero .inner { padding: 3em 0 }#hero h1, #hero h2, #hero h3, #hero h4, #hero h5 { color: #fff }#hero p:last-child { margin-bottom: 0 }.single-title { margin: .25em 0 1em; text-align: center }#content .margin-1 { height: .5em }#content .margin-2 { height: 1em }#content .margin-3 { height: 1.5em }#content .margin-4 { height: 2em }#content .margin-5 { height: 2.5em }#content .margin-6 { height: 3em }@-ms-viewport { width: device-width }@viewport { width: device-width }@media screen and (-webkit-min-device-pixel-ratio:0) { ::-webkit-scrollbar { width: .75em; height: .75em } ::-webkit-scrollbar-track { background-color: #efefef } ::-webkit-scrollbar-thumb:vertical { height: 5em; background-color: #999 } }@media (min-width:480px) { .thumb.featured .info .big-title { max-width: 70%; font-size: 4em } .thumb.featured .info .excerpt { margin-top: 2em; margin-bottom: 2em; max-width: 70% } }

@media (min-width:768px) { 

body { font-size: 100% } 
#hero .inner { padding: 4em 0 } 
 .thumb .info { display: block; transition: opacity .3s ease-in-out, visibility .3s ease-in-out } 
 .thumb a:hover .info { visibility: visible; opacity: 1 } 
 .thumb .info .title { position: relative; display: block; padding-bottom: .75em; margin-bottom: .75em; letter-spacing: 3px; color: #000 } 
 .thumb.dark-overlay .info .title { color: #fff } 
 .thumb .info .title:after { content: ''; position: absolute; left: 0; bottom: 0; width: 30px; height: 2px; background-color: #cf1058 } 
 .thumb.featured .info .big-title { font-size: 2em; max-width: none } .thumb.featured .info .excerpt { display: none } 
 .thumb .info .arrow-right { position: absolute; left: 20px; bottom: 20px }
 #content .margin-1 { height: 1em } 
 #content .margin-2 { height: 2em } 
 #content .margin-3 { height: 3em } 
 #content .margin-4 { height: 4em } 
 #content .margin-5 { height: 5em } 
 #content .margin-6 { height: 6em } 
 .container-boxes { padding-top: 30px } 
 }
@media (min-width:992px) 
{ 
.container { width: 970px } 
#hero .inner { padding: 5em 0 } 
.container-masonry { padding-top: 25px } 
.container-boxes { padding-top: 40px } 
.container-boxes .box.white-bg { padding: 60px 30px }
.thumb.featured .info .big-title { font-size: 4em; max-width: none; line-height: 1em } 
.thumb.featured .info .excerpt { display: block; max-width: 80%; margin-top: 2em }
 }

@media (min-width:1200px) { 
.container { width: 1170px } 
.container-masonry { padding-top: 45px } 
.container-boxes { padding-top: 60px } 
.thumb .info { padding: 30px } 
.thumb .info .title { padding-bottom: 1.25em; margin-bottom: 2.25em } 
.thumb.featured .info .big-title { max-width: 80%; margin-top: .3em } 
.thumb.featured .info .excerpt { margin-top: 2.5em } 
.thumb .big-excerpt { left: 30px; bottom: 30px } 
.thumb .info .arrow-right { left: 30px; bottom: 40px } 
}
/* =Buttons & forms -------------------------------------------------------------- */.button { display: inline-block; margin-top: 80px; font-family: "Montserrat", arial, sans-serif; font-weight: 400; font-style: normal; text-transform: uppercase; text-decoration: none; font-size: 12px; line-height: 12px; letter-spacing: 0.2em; color: #272727; border: 1px solid rgba(39, 39, 39, .4); padding: 15px 35px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }.button:hover { background: #272727; color: #fff; border: 1px solid #272727; }

.button:focus, .button:hover, button:focus, button:hover, input[type=button]:focus,
input[type=button]:hover, input[type=reset]:focus, input[type=reset]:hover,
input[type=submit]:focus, input[type=submit]:hover {
    border-color: #292f33
}

.button.filled, .button:active, button:active, input[type=button]:active,
input[type=reset]:active, input[type=submit]:active {
    border-color: #292f33;
    background-color: #292f33;
    color: #fff
}

button.filled:hover {
    border-color: #292f33;
    background-color: #fff;
    color: #000
}

.button.grey, button.grey, input[type=button].grey, input[type=reset].grey,
input[type=submit].grey {
    border-color: #f5f8fa;
    background-color: #f5f8fa;
    color: #292f33
}

.button.grey.filled, .button.grey:focus, .button.grey:hover, button.grey:focus,
button.grey:hover, input[type=button].grey:focus, input[type=button].grey:hover,
input[type=reset].grey:focus, input[type=reset].grey:hover, input[type=submit].grey:focus,
input[type=submit].grey:hover {
    border-color: #292f33;
    background-color: #292f33;
    color: #fff
}

.button.color, button.color, input[type=button].color, input[type=reset].color,
input[type=submit].color {
    color: #ff2641
}

.button.color.filled, .button.color:focus, .button.color:hover,
button.color:focus, button.color:hover, input[type=button].color:focus,
input[type=button].color:hover, input[type=reset].color:focus,
input[type=reset].color:hover, input[type=submit].color:focus,
input[type=submit].color:hover {
    border-color: #fff;
    background-color: #fff
}

button {
    background-color: transparent
}

.button.square {
    padding: 1em
}

/* =Contact -------------------------------------------------------------- */fieldset { padding: 0; margin: 0; border: none; }fieldset input, fieldset textarea { border: none; outline: none; padding: 0px 0px 15px 0px; margin-bottom: 40px; width: 100%; background: transparent; border-bottom: 1px solid #e2e2e2; border-radius: 0px; font-family: 'Open Sans', sans-serif; font-size: 16px; color: #bfbfbf; line-height: 22px; -webkit-font-smoothing: antialiased; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }fieldset textarea { min-height: 100px; }fieldset input:focus, fieldset textarea:focus { color: #212121; border-bottom: 1px solid #212121; }fieldset label { display: block; text-align: left; color: #212121; font-family: 'Montserrat', sans-serif; font-size: 9px; text-transform: uppercase; letter-spacing: 0.2em; padding-bottom: 15px; }#submit { /* Reset */ outline: 0; padding: 0; margin: 0; border-radius: 0px; -webkit-appearance: none; -webkit-font-smoothing: antialiased; /* Style */ display: inline-block; color: #f2f2f2; font-family: 'Montserrat', sans-serif; font-size: 9px; text-transform: uppercase; line-height: 9px; letter-spacing: 0.2em; margin-left: 0px; padding: 15px 0px; width: 100%; margin-top: 8px; background: #272727; border: 2px solid #272727; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }#submit:hover { background: #000; border: 2px solid #000; }#success, #error { display: none; padding-top: 20px; }#success p { color: #4a3ded; font-style: italic; padding: 0; }#error p { color: #e72e62; font-style: italic; padding: 0; margin: 0; }label.error { color: #e72e62; font-size: 9px; text-transform: uppercase; margin-bottom: 20px; }
/* =Subscribe -------------------------------------------------------------- */form .text { text-align: center; display: inline-block; border: none; outline: none; margin: 0; padding: 0; width: 100%; padding: 15px 0px 15px 15px; background: transparent; border: 1px solid rgba(39, 39, 39, .2); border-radius: 0px; color: rgba(39, 39, 39, .6); font-family: 'Montserrat', sans-serif; font-size: 9px; text-transform: uppercase; line-height: 9px; letter-spacing: 0.2em; -webkit-font-smoothing: antialiased; -webkit-transition: all 0.4s linear; -moz-transition: all 0.4s linear; transition: all 0.4s linear; }form .text:focus { color: #272727; border: 1px solid #272727; }form .submit { /* Reset */ outline: 0; padding: 0; margin: 0; border-radius: 0px; -webkit-appearance: none; -webkit-font-smoothing: antialiased; /* Style */ display: inline-block; color: #f2f2f2; font-family: 'Montserrat', sans-serif; font-size: 9px; text-transform: uppercase; line-height: 9px; letter-spacing: 0.2em; margin-left: 0px; padding: 15px 0px; width: 100%; margin-top: 8px; background: #272727; border: 2px solid #272727; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }form .submit:hover { background: #000; border: 2px solid #000; }#subscribe-result { margin-top: 10px; }#subscribe-form { margin-top: 20px; }.notification-error { font-size: 12px; color: red; }.notification-success { font-size: 12px; color: #4a3ded; }
/* =Footer -------------------------------------------------------------- */
/* social list */.social-list { display: block; width: 100%; text-align: center; }.social-list li { position: relative; margin: 15px 0; display: inline-block; width: 100%; }.social-list a { font-size: 9px; color: #272727; font-family: "Montserrat", arial, sans-serif; font-weight: 400; text-transform: uppercase; letter-spacing: 0.2em; line-height: 1em; }.social-list a::after { position: absolute; top: 100%; margin-top: 10px; left: 0; width: 100%; height: 2px; background: #e0e0e0; content: ''; opacity: 0; -webkit-transition: opacity 0.3s, -webkit-transform 0.3s; -moz-transition: opacity 0.3s, -moz-transform 0.3s; transition: opacity 0.3s, transform 0.3s; -webkit-transform: translateY(10px); -moz-transform: translateY(10px); transform: translateY(10px); }.social-list a:hover::after, .social-list a:focus::after { opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); transform: translateY(0px); }.copyright { font-size: 9px; color: #777777; font-family: "Montserrat", arial, sans-serif; font-weight: 400; text-transform: uppercase; letter-spacing: 0.2em; line-height: 1.5em; }.clear { visibility: hidden; display: block; width: 0; height: 0; overflow: hidden }
/* Owl Carrousel ---------------------------------------------------------------- */.owl-carousel, .owl-carousel .owl-controls, .owl-carousel .owl-item { -webkit-tap-highlight-color: transparent }.owl-carousel { position: relative; z-index: 1; display: none; width: 100% }.owl-carousel.owl-slider { margin-bottom: 1.5em; background-color: #fafafa }.owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y }.owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0 }.owl-carousel .owl-stage-outer { position: relative; overflow: hidden; -webkit-transform: translate3d(0, 0, 0) }.owl-carousel .owl-controls { text-align: center }.owl-carousel .owl-controls .owl-dot, .owl-carousel .owl-controls .owl-nav .owl-next, .owl-carousel .owl-controls .owl-nav .owl-prev { cursor: pointer; cursor: hand; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none }.owl-carousel.owl-loaded { display: block }.owl-carousel.owl-loading { opacity: 0; display: block }.owl-carousel .owl-nav, .owl-carousel .owl-next i, .owl-carousel .owl-prev i, .owl-carousel .owl-refresh .owl-item, .owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn { display: none }.owl-carousel.owl-hidden { opacity: 0 }.owl-carousel .owl-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none }.owl-carousel .owl-item img { display: block; width: 100%; -webkit-transform-style: preserve-3d; transform-style: preserve-3d }.owl-carousel.owl-text-select-on .owl-item { -webkit-user-select: auto; -moz-user-select: auto; -ms-user-select: auto; user-select: auto }.owl-carousel .animated { -webkit-animation-duration: 1000ms; animation-duration: 1000ms; -webkit-animation-fill-mode: both; animation-fill-mode: both }.owl-carousel .owl-animated-in { z-index: 0 }.owl-carousel .owl-animated-out { z-index: 1 }.owl-carousel .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut }@-webkit-keyframes fadeOut { 0% { opacity: 1 } 100% { opacity: 0 } }@keyframes fadeOut { 0% { opacity: 1 } 100% { opacity: 0 } }.owl-height { -webkit-transition: height .3s ease-in-out; transition: height .3s ease-in-out }.owl-carousel .owl-grab { cursor: move; cursor: -webkit-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab }.owl-carousel.owl-rtl { direction: rtl }.owl-carousel.owl-rtl .owl-item { float: right }.no-js .owl-carousel { display: block }.owl-carousel .owl-item .owl-lazy { opacity: 0; -webkit-transition: opacity .3s ease; transition: opacity .3s ease }.owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000 }.owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: #666; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden }#hero, .image-background-section, .owl-carousel .owl-video-tn { background-position: center center }.owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-repeat: no-repeat; background-size: contain; -webkit-transition: opacity .3s ease; transition: opacity .3s ease }.owl-carousel .owl-video-frame { position: relative; z-index: 1 }.owl-carousel .owl-next, .owl-carousel .owl-prev { position: absolute; z-index: 5; top: 50%; width: 84px; height: 40px; margin-top: -20px; background-repeat: no-repeat; background-position: center center; color: #8899a6 }.owl-carousel .owl-next:hover, .owl-carousel .owl-prev:hover { color: #292f33 }.owl-carousel .owl-prev { left: 10px; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAAAUAQMAAAAHuKl8AAAABlBMVEX///8pLzPPkvdqAAAAAXRSTlMAQObYZgAAADdJREFUeNpjYIADBxijAUozwgSYYAwWGIMDxhCAMRRgjPr/EIBgKGAo5sAwEG4F3FK4MxAOgwIA9qQQ71CvnTsAAAAASUVORK5CYII=); background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjxzdmcgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjY0cHgiIGhlaWdodD0iMjBweCIgdmlld0JveD0iMCAwIDY0IDIwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA2NCAyMDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHBvbHlnb24gcG9pbnRzPSI5LjEsMCAxMC42LDEuNSAzLjQsOSA2NCw5IDY0LDExIDMuNCwxMSAxMC43LDE4LjUgOS4xLDIwIDAsMTAuNyAwLDkuMyAiIHN0eWxlPSJmaWxsOiMyOTJmMzMiLz4NCjwvc3ZnPg==), none }.owl-carousel .owl-next { right: 10px; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAAAUBAMAAADPWCYMAAAAFVBMVEVMaXEpLzMpLzMpLzMpLzMpLzMpLzN8dI88AAAABnRSTlMAETNdzO6VIQQyAAAAMUlEQVR42mNgwA2MGPAD5lQF/AoY3YIIGCEydIxIww9SCSugzJWEHDkEDCCYYCBJDgAIJSNRGd9EEwAAAABJRU5ErkJggg==); background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjxzdmcgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjY0cHgiIGhlaWdodD0iMjBweCIgdmlld0JveD0iMCAwIDY0IDIwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA2NCAyMDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHBvbHlnb24gcG9pbnRzPSI2NCw5LjMgNjQsMTAuNyA1NC45LDIwIDUzLjMsMTguNSA2MC42LDExIDAsMTEgMCw5IDYwLjYsOSA1My40LDEuNSA1NC45LDAiIHN0eWxlPSJmaWxsOiMyOTJmMzMiLz4NCjwvc3ZnPg==), none }.owl-carousel.owl-round-arrows .owl-next, .owl-carousel.owl-round-arrows .owl-prev { top: 50%; width: 60px; height: 60px; margin-top: -30px; background: #fff; border-radius: 100% }#hero, .image-background-section { background-repeat: no-repeat; background-size: cover }.owl-carousel.owl-round-arrows .owl-next i, .owl-carousel.owl-round-arrows .owl-prev i { display: block; font-size: 1.5em; line-height: 59px }.owl-carousel.owl-round-arrows .owl-prev { left: 0 }.owl-carousel.owl-round-arrows .owl-prev i { margin-right: 1px }.owl-carousel.owl-round-arrows .owl-next { right: 0 }.owl-carousel.owl-round-arrows .owl-next i { margin-left: 1px }.owl-carousel .owl-dots { position: absolute; z-index: 6; left: 0; width: 100%; bottom: 10px; pointer-events: none }#top .inner, .site-title { position: relative }.owl-carousel .owl-dots .owl-dot { display: inline-block; padding: 0 4px; pointer-events: auto }.owl-carousel .owl-dots .owl-dot span { display: inline-block; width: 15px; height: 4px; border-radius: 1px; background-color: #fff }.owl-carousel .owl-dots .owl-dot.active span { background-color: #292f33 }.owl-red-dots .owl-dots .owl-dot span { background-color: #ccd6dd }.owl-red-dots .owl-dots .owl-dot.active span { background-color: #cf1058 }@media (min-width:768px) { .owl-carousel .owl-nav { display: block } .owl-carousel .owl-dots { bottom: 20px } }@media (min-width:992px) { .owl-carousel .owl-dots { bottom: 30px } }@media (min-width:1060px) { .owl-carousel .owl-prev { left: -42px } .owl-carousel .owl-next { right: -42px } .owl-carousel.owl-round-arrows .owl-prev { left: -30px } .owl-carousel.owl-round-arrows .owl-next { right: -30px } .owl-carousel .owl-dots { bottom: 40px } }@media (min-width:1200px) { .owl-carousel .owl-prev { left: 10px } .owl-carousel .owl-next { right: 10px } .owl-carousel.owl-round-arrows .owl-prev { left: 0 } .owl-carousel.owl-round-arrows .owl-next { right: 0 } }@media (min-width:1260px) { .owl-carousel .owl-prev { left: -32px; transition: background-position .1s ease-in-out } .owl-carousel .owl-next, .owl-carousel .owl-prev { -webkit-transition: background-position .1s ease-in-out } .owl-carousel .owl-prev:hover { background-position: left center } .owl-carousel .owl-next { right: -32px; transition: background-position .1s ease-in-out } .owl-carousel .owl-next:hover { background-position: right center } .owl-carousel.owl-round-arrows .owl-prev { left: -30px } .owl-carousel.owl-round-arrows .owl-next { right: -30px } }
/* =Animations -------------------------------------------------------------- */@-webkit-keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } }@keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } }
/* =Print & Responsive -------------------------------------------------------------- */@media print { h2, h3, p { orphans: 3; widows: 3 } #content, #footer, html { background: 0 0 } #top .site-menu-toggle { display: none } h2, h3 { page-break-after: avoid } blockquote, pre { page-break-inside: avoid } abbr[title]:after { content: " (" attr(title) ")" } a, a:visited { text-decoration: underline } }
/* =Responsive Styles -------------------------------------------------------------- */
/* Landscape Phone */@media all and (min-width: 400px) { .line { margin-top: 10px; } #action { bottom: 20px; } }
/* Tablet Portrait */@media all and (min-width: 700px) { h1 { font-size: 72px; } h2 { font-size: 30px; } p { font-size: 18px; } .social-list li { width: auto; margin: 15px; } .social-list a { font-size: 12px; } form .text { text-align: left; width: 55%; } form .submit { margin-left: 10px; width: 20%; } .center-mobile { text-align: left; } .separator { display: block; } .list { padding-top: 30px; margin-bottom: 45px; } .line.no-accent { margin-top: 20px; } .line { margin-top: 10px; } #action { bottom: 60px; } }
/* Web */@media all and (min-width: 900px) { form { margin-top: 50px; } #subscribe-result { margin-top: 15px; } form .text { width: 45%; } form .submit { line-height: 9px; } }
/* Web HD */@media all and (min-width: 1200px) { h2 { font-size: 36px; } h3 { padding: 25px 0 10px; } h4 { padding-bottom: 15px; } p { margin: 20px 0; } .padded { padding-top: 40px; padding-bottom: 40px; } .padded-top { padding-top: 40px; } .padded-bottom { padding-bottom: 40px; } .block { margin-bottom: 30px; } .list { padding-top: 30px; margin-bottom: 65px; } .line.no-accent { margin-top: 30px; } }