/* Global Styling */ /* color1: #C0D1DA; color2: #C0D1DA; */ .btn-icon, .relative { position: relative } .animate, .animate *, .big-icon { -webkit-transition: all .27s cubic-bezier(0, 0, .58, 1); -moz-transition: all .27s cubic-bezier(0, 0, .58, 1); -o-transition: all .27s cubic-bezier(0, 0, .58, 1) } .btn-mod, .container-fluid, a.btn-mod { -webkit-box-sizing: border-box; -moz-box-sizing: border-box } .fm-button, .loader, .sp-button { text-indent: -12345px } body, html { -webkit-font-smoothing: antialiased } a, a:hover { text-decoration: underline } .blog-item-q p, .testimonial, blockquote, blockquote p { font-style: normal } .btn-mod, .font-alt, .uppercase, .wide-heading, a.btn-mod, blockquote footer { text-transform: uppercase } .align-center { text-align: center!important } .align-left { text-align: left!important } .align-right { text-align: right!important } .left { float: left!important } .right { float: right!important } .hidden { display: none } .inline-block { display: inline-block } .white { color: #fff!important } .black { color: #111!important } .brown { color: #C0D1DA!important } .color { color: #e41919!important } a, body { color: #111 } .glass { opacity: .5 } ; .image-fullwidth img { width: 100% } .stick-fixed { position: fixed!important; top: 0; left: 0 } .body-masked, .page-loader { width: 100%; position: fixed; top: 0; left: 0; z-index: 100000 } .round { -webkit-border-radius: 2px!important; -moz-border-radius: 2px!important; border-radius: 2px!important } ::-moz-selection { color: #fff; background: #000 } ::-webkit-selection { color: #fff; background: #000 } ::selection { color: #fff; background: #000 } .animate, .animate * { -ms-transition: all .27s cubic-bezier(0, 0, .58, 1); transition: all .27s cubic-bezier(0, 0, .58, 1) } .no-animate, .no-animate * { -webkit-transition: 0 none!important; -moz-transition: 0 none!important; -ms-transition: 0 none!important; -o-transition: 0 none!important; transition: 0 none!important } .shadow { -webkit-box-shadow: 0 3px 50px rgba(0, 0, 0, .15); -moz-box-shadow: 0 3px 50px rgba(0, 0, 0, .15); box-shadow: 0 3px 50px rgba(0, 0, 0, .15) } .white-shadow { -webkit-box-shadow: 0 0 200px rgba(255, 255, 255, .2); -moz-box-shadow: 0 0 200px rgba(255, 255, 255, .2); box-shadow: 0 0 200px rgba(255, 255, 255, .2) } .clearlist, .clearlist li { list-style: none; padding: 0; margin: 0; background: 0 0 } .full-wrapper { padding: 0 2% } .container-fluid { max-width: 1170px; margin: 0 auto; padding: 0 20px; box-sizing: border-box } html { overflow-y: scroll; -ms-overflow-style: scrollbar } .btn-icon, .btn-icon.btn-small, .home-section, .mn-sub-multi, .page { overflow: hidden } body, html { height: 100% } .body-masked { display: none; height: 100%; background: url(../images/loader.gif) center center no-repeat #fff } .mask-delay { -webkit-animation-delay: .75s; -moz-animation-delay: .75s; animation-delay: .75s } .mask-speed { -webkit-animation-duration: .25s!important; -moz-animation-duration: .25s!important; animation-duration: .25s!important } iframe { border: none } a, b, div, li, ul { -webkit-tap-highlight-color: transparent; -moz-outline-: none } a:active, a:focus { -moz-outline: none; outline: 0 } embed, img:not([draggable]), object, video { max-width: 100%; height: auto } .page-loader { display: block; height: 100%; background: #fefefe } .loader { width: 50px; height: 50px; position: absolute; top: 50%; left: 50%; margin: -25px 0 0 -25px; font-size: 10px; border-top: 1px solid rgba(0, 0, 0, .08); border-right: 1px solid rgba(0, 0, 0, .08); border-bottom: 1px solid rgba(0, 0, 0, .08); border-left: 1px solid rgba(0, 0, 0, .5); -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-animation: spinner .7s infinite linear; -moz-animation: spinner .7s infinite linear; -ms-animation: spinner .7s infinite linear; -o-animation: spinner .7s infinite linear; animation: spinner .7s infinite linear; z-index: 100001 } @-webkit-keyframes spinner { 0% { -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0) } 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg) } } @-moz-keyframes spinner { 0% { -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0) } 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg) } } @-o-keyframes spinner { 0% { -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0) } 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg) } } @keyframes spinner { 0% { -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0) } 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg) } } body { font-size: 14px; font-family: "Open Sans", arial, sans-serif; line-height: 1.6 } .font-alt, .logo, a.logo:hover { font-family: Dosis, arial, sans-serif } a:hover { color: #888 } h1, h2, h3, h4, h5, h6 { margin-bottom: 1.3em; line-height: 1.4; font-weight: 400 } h1 { font-size: 32px } h2 { font-size: 28px } h6 { font-weight: 700 } p { margin: 0 0 2em } ol, ul { margin: 0 0 1.5em } blockquote { margin: 3em 0; padding: 0; border: none; background: 0 0; line-height: 1.7; color: #777 } blockquote p { margin-bottom: 1em; font-size: 24px; font-weight: 300; line-height: 1.6 } .normal, .serif { font-weight: 400 } blockquote footer { font-size: 11px; font-weight: 400; letter-spacing: 2px } dl dt { margin-bottom: 5px } dl dd { margin-bottom: 15px } pre { background-color: #f9f9f9; border-color: #ddd } hr { background-color: rgba(255, 255, 255, .08) } hr.white { border-color: rgba(255, 255, 255, .35); background: rgba(255, 255, 255, .35) } hr.black { border-color: rgba(0, 0, 0, .85); background: rgba(0, 0, 0, .85) } .uppercase { letter-spacing: 1px } .font-alt { letter-spacing: .2em } .serif { font-family: "Times New Roman", Times, serif; font-style: italic } .strong { font-weight: 700!important } .lead { margin: 1em 0 2em; font-size: 140%; line-height: 1.6 } .text { font-size: 16px; font-weight: 300; color: #5f5f5f; line-height: 1.8 } .text h1, .text h2, .text h3, .text h4, .text h5, .text h6 { color: #111 } .dropcap { float: left; font-size: 3em; line-height: 1; padding: 2px 8px 2px 0 } .big-icon { display: block; width: 90px; height: 90px; margin: 0 auto 20px; border: 3px solid #fff; text-align: center; line-height: 88px; font-size: 32px; color: rgba(255, 255, 255, .97); -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -ms-transition: all .27s cubic-bezier(0, 0, .58, 1); transition: all .27s cubic-bezier(0, 0, .58, 1) } .form .form-group, .wide-heading { margin-bottom: 10px } .big-icon .fa-play { position: relative; left: 4px } .big-icon.big-icon-rs { border: none; width: auto; height: auto; font-size: 96px } .big-icon-link { display: inline-block; text-decoration: none } .big-icon-link:hover { border-color: transparent!important } .big-icon-link:hover .big-icon { border-color: #fff; color: #fff; -webkit-transition: 0 none!important; -moz-transition: 0 none!important; -ms-transition: 0 none!important; -o-transition: 0 none!important; transition: 0 none!important } .big-icon-link:active .big-icon { -webkit-transform: scale(.99); -moz-transform: scale(.99); -o-transform: scale(.99); -ms-transform: scale(.99); transform: scale(.99) } .wide-heading { display: block; font-size: 48px; font-weight: 400; letter-spacing: .4em; text-align: center; opacity: .9; -webkit-transition: all .27s cubic-bezier(0, 0, .58, 1); -moz-transition: all .27s cubic-bezier(0, 0, .58, 1); -o-transition: all .27s cubic-bezier(0, 0, .58, 1); -ms-transition: all .27s cubic-bezier(0, 0, .58, 1); transition: all .27s cubic-bezier(0, 0, .58, 1) } .btn-icon>span, .btn-mod, a.btn-mod { -moz-transition: all .2s cubic-bezier(0, 0, .58, 1); -o-transition: all .2s cubic-bezier(0, 0, .58, 1); -ms-transition: all .2s cubic-bezier(0, 0, .58, 1) } .big-icon-link:hover, .big-icon-link:hover .wide-heading { color: #fff; text-decoration: none } .sub-heading { font-size: 16px; font-style: italic; text-align: center; line-height: 1.3; color: rgba(255, 255, 255, .75) } .big-icon.black { color: #000; border-color: rgba(0, 0, 0, .75) } .big-icon-link:hover .big-icon.black { color: #000; border-color: #000 } .wide-heading.black { color: rgba(0, 0, 0, .87) } .big-icon-link.black:hover, .big-icon-link:hover .wide-heading.black { color: #000; text-decoration: none } .sub-heading.black { color: rgba(0, 0, 0, .75) } .btn-mod, a.btn-mod { box-sizing: border-box; padding: 4px 13px; color: #fff; background: rgba(34, 34, 34, .9); border: 2px solid transparent; font-size: 11px; font-weight: 400; text-decoration: none; letter-spacing: 2px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-transition: all .2s cubic-bezier(0, 0, .58, 1); transition: all .2s cubic-bezier(0, 0, .58, 1) } .btn-mod:focus, .btn-mod:hover, a.btn-mod:focus, a.btn-mod:hover { font-weight: 400; color: rgba(255, 255, 255, .85); background: rgba(0, 0, 0, .7); text-decoration: none; outline: 0; border-color: transparent; -webkit-box-shadow: none; box-shadow: none } .btn-mod:active { cursor: pointer!important; outline: 0!important } .btn-mod.btn-small { height: auto; padding: 6px 17px; font-size: 11px; letter-spacing: 1px } .btn-mod.btn-medium { height: auto; padding: 8px 37px; font-size: 12px } .btn-mod.btn-large { height: auto; padding: 12px 45px; font-size: 13px } .btn-mod.btn-glass { color: rgba(255, 255, 255, .75); background: rgba(0, 0, 0, .4) } .btn-mod.btn-glass:focus, .btn-mod.btn-glass:hover { color: rgba(255, 255, 255, 1); background: rgba(0, 0, 0, 1) } .btn-mod.btn-border { color: #151515; border: 2px solid #151515; background: 0 0 } .btn-mod.btn-border:focus, .btn-mod.btn-border:hover { color: #fff; border-color: transparent; background: #000 } .btn-mod.btn-border-c { color: #e41919; border: 2px solid #e41919; background: 0 0 } .btn-mod.btn-border-c:focus, .btn-mod.btn-border-c:hover { color: #fff; border-color: transparent; background: #e41919 } .btn-mod.btn-border-w { color: #fff; border: 2px solid rgba(255, 255, 255, .75); background: 0 0 } .btn-mod.btn-border-w:focus, .btn-mod.btn-border-w:hover { color: #111; border-color: transparent; background: #fff } .btn-mod.btn-w { color: #111; background: rgba(255, 255, 255, .8) } .btn-mod.btn-w:focus, .btn-mod.btn-w:hover { color: #111; background: #fff } .btn-mod.btn-w-color { color: #e41919; background: #fff } .btn-mod.btn-w-color:focus, .btn-mod.btn-w-color:hover { color: #151515; background: #fff } .btn-mod.btn-gray { color: #777; background: #e5e5e5 } .btn-mod.btn-gray:focus, .btn-mod.btn-gray:hover { color: #444; background: #d5d5d5 } .btn-mod.btn-color { color: #fff; background: #e41919 } .btn-mod.btn-color:focus, .btn-mod.btn-color:hover { color: #fff; background: #e41919; opacity: .85 } .btn-mod.btn-circle { -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px } .btn-mod.btn-round { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px } .btn-icon { border: none } .btn-icon>span { width: 100%; height: 50px; line-height: 50px; margin-top: -25px; position: absolute; top: 50%; left: 0; color: #777; font-size: 48px; opacity: .2; -webkit-transition: all .2s cubic-bezier(0, 0, .58, 1); transition: all .2s cubic-bezier(0, 0, .58, 1) } .home-content, .home-section { width: 100%; position: relative } .btn-icon:hover>span { opacity: 0; -webkit-transform: scale(2); -moz-transform: scale(2); -o-transform: scale(2); -ms-transform: scale(2); transform: scale(2) } .btn-icon>span.white { color: #fff } .btn-icon>span.black { color: #000 } .btn-full { width: 100% } .btn-brown { background: #C0D1DA!important; color: #fff!important } .btn-brown:hover { background: #C0D1DA!important; color: #fff!important } .form input[type=date], .form input[type=color], .form input[type=text], .form input[type=email], .form input[type=number], .form input[type=url], .form input[type=search], .form input[type=tel], .form input[type=password], .form select { display: inline-block; height: 27px; vertical-align: middle; font-size: 11px; font-weight: 400; text-transform: uppercase; letter-spacing: 1px; color: #777; border: 1px solid rgba(0, 0, 0, .1); padding-left: 7px; padding-right: 7px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all .2s cubic-bezier(0, 0, .58, 1); -moz-transition: all .2s cubic-bezier(0, 0, .58, 1); -o-transition: all .2s cubic-bezier(0, 0, .58, 1); -ms-transition: all .2s cubic-bezier(0, 0, .58, 1); transition: all .2s cubic-bezier(0, 0, .58, 1) } .form select { font-size: 12px } .form select[multiple] { height: auto } .form input[type=date]:hover, .form input[type=color]:hover, .form input[type=text]:hover, .form input[type=email]:hover, .form input[type=number]:hover, .form input[type=url]:hover, .form input[type=search]:hover, .form input[type=tel]:hover, .form input[type=password]:hover, .form select:hover { border-color: rgba(0, 0, 0, .2) } .form input[type=date]:focus, .form input[type=color]:focus, .form input[type=text]:focus, .form input[type=email]:focus, .form input[type=number]:focus, .form input[type=url]:focus, .form input[type=search]:focus, .form input[type=tel]:focus, .form input[type=password]:focus, .form select:focus { color: #111; border-color: rgba(0, 0, 0, .7); -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .3); -moz-box-shadow: 0 0 3px rgba(0, 0, 0, .3); box-shadow: 0 0 3px rgba(0, 0, 0, .3); outline: 0 } .form textarea, .main-nav.dark { -webkit-box-shadow: none; -moz-box-shadow: none } .form input[type=date].input-lg, .form input[type=color].input-lg, .form input[type=text].input-lg, .form input[type=email].input-lg, .form input[type=number].input-lg, .form input[type=url].input-lg, .form input[type=search].input-lg, .form input[type=tel].input-lg, .form input[type=password].input-lg, .form select.input-lg { height: 46px; padding-left: 15px; padding-right: 15px; font-size: 13px } .form input[type=date].input-md, .form input[type=color].input-md, .form input[type=text].input-md, .form input[type=email].input-md, .form input[type=number].input-md, .form input[type=url].input-md, .form input[type=search].input-md, .form input[type=tel].input-md, .form input[type=password].input-md, .form select.input-md { height: 37px; padding-left: 13px; padding-right: 13px; font-size: 12px } .form input[type=date].input-sm, .form input[type=color].input-sm, .form input[type=text].input-sm, .form input[type=email].input-sm, .form input[type=number].input-sm, .form input[type=url].input-sm, .form input[type=search].input-sm, .form input[type=tel].input-sm, .form input[type=password].input-sm, .form select.input-sm { height: 31px; padding-left: 10px; padding-right: 10px } .form textarea { font-size: 12px; font-weight: 400; text-transform: uppercase!important; letter-spacing: 1px; color: #777; border-color: rgba(0, 0, 0, .1); outline: 0; box-shadow: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0 } .hs-line-1, .hs-line-2 { font-weight: 400; text-transform: uppercase } .ci-icon:before, .scroll-down:before { -webkit-border-radius: 2px; -moz-border-radius: 2px } .form textarea:hover { border-color: rgba(0, 0, 0, .2) } .form textarea:focus { color: #111; border-color: rgba(0, 0, 0, .7); -webkit-box-shadow: 0 0 3px rgba(21, 21, 21, .3); -moz-box-shadow: 0 0 3px rgba(21, 21, 21, .3); box-shadow: 0 0 3px rgba(21, 21, 21, .3) } .form div.error, .form div.success { margin-top: 20px; padding: 13px 20px; color: #fff; text-align: center } .form input.error { border-color: #e41919 } .form div.error { background: rgba(228, 25, 25, .75) } .form div.success { background: rgba(50, 178, 95, .75) } .form-tip { font-size: 11px; color: #aaa } .form-tip .fa { font-size: 12px } .home-section { display: block; background-repeat: no-repeat; background-attachment: fixed; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover } .home-content { display: table; height: 100%; text-align: center } .schedule-a-tour-section { padding: 100px 0!important; margin-top: 100px } .home-text { display: table-cell; height: 100%; vertical-align: middle } @-webkit-keyframes scroll-down-anim { 0%, 100% { bottom: 2px } 50% { bottom: 7px } } @-moz-keyframes scroll-down-anim { 0%, 100% { bottom: 2px } 50% { bottom: 7px } } @-o-keyframes scroll-down-anim { 0%, 100% { bottom: 2px } 50% { bottom: 7px } } @keyframes scroll-down-anim { 0%, 100% { bottom: 2px } 50% { bottom: 7px } } .scroll-down { width: 40px; height: 40px; margin-left: -20px; position: absolute; bottom: 20px; left: 50%; text-align: center; text-decoration: none; -webkit-transition: all .5s cubic-bezier(.25, .46, .45, .94); -moz-transition: all .5s cubic-bezier(.25, .46, .45, .94); -o-transition: all .5s cubic-bezier(.25, .46, .45, .94); transition: all .5s cubic-bezier(.25, .46, .45, .94) } .scroll-down:before { display: block; content: ""; width: 20px; height: 20px; margin: 0 0 0 -10px; position: absolute; bottom: 0; left: 50%; background: #fff; border-radius: 2px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: all .5s cubic-bezier(.25, .46, .45, .94); -moz-transition: all .5s cubic-bezier(.25, .46, .45, .94); -o-transition: all .5s cubic-bezier(.25, .46, .45, .94); transition: all .5s cubic-bezier(.25, .46, .45, .94); z-index: 1 } .scroll-down:hover:before { opacity: .6 } .scroll-down-icon { display: block; width: 10px; height: 10px; margin-left: -5px; position: absolute; left: 50%; bottom: 4px; color: #111; font-size: 15px; -webkit-animation: scroll-down-anim 1s infinite; -moz-animation: scroll-down-anim 1s infinite; -o-animation: scroll-down-anim 1s infinite; animation: scroll-down-anim 1s infinite; z-index: 2 } .bg-video-overlay, .bg-video-wrapper { position: absolute; height: 100%; top: 0; width: 100% } .hs-wrap, .hs-wrap-1 { margin: 0 auto; -moz-box-sizing: border-box } .bg-video-wrapper { left: 0; z-index: 0 } .bg-video-overlay { left: 0 } .bg-video-wrapper video { max-width: inherit; height: inherit; z-index: 0 } .hs-wrap { max-width: 570px; padding: 47px 30px 53px; position: relative; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid rgba(255, 255, 255, .5) } .hs-wrap-1, .top-links li a { text-align: center; -webkit-box-sizing: border-box } .hs-wrap-1 { max-width: 350px; position: relative; box-sizing: border-box } .hs-line-1, .hs-line-2, .hs-line-3 { margin-top: 0; position: relative } .inner-nav ul li a, .top-links li a { -moz-box-sizing: border-box; text-decoration: none } .hs-line-1 { font-size: 30px; letter-spacing: 51px; color: #fff; opacity: .9 } .hs-line-2 { font-size: 72px; letter-spacing: .085em; line-height: 1.3; color: rgba(255, 255, 255, .85) } .hs-line-5, .hs-line-6, .hs-line-7, .hs-line-8, .hs-line-9 { line-height: 1.2 } .hs-line-3 { font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: 2px; color: rgba(255, 255, 255, .7) } .hs-line-4, .hs-line-5 { font-weight: 400; text-transform: uppercase; margin-top: 0; position: relative } .hs-line-10, .hs-line-4 { color: rgba(255, 255, 255, .85) } .hs-line-4 { font-size: 14px; letter-spacing: 3px } .hs-line-5 { font-size: 62px; letter-spacing: .32em; opacity: .85 } .hs-line-6 { margin-top: 0; position: relative; font-size: 19px; font-weight: 300; opacity: .35 } .hs-line-6.no-transp { opacity: 1 } .hs-line-7 { margin-top: 0; position: relative; font-size: 64px; font-weight: 800; text-transform: uppercase; letter-spacing: 2px } .hs-line-8 { margin-top: 0; position: relative; font-size: 16px; font-weight: 400; letter-spacing: .3em; opacity: .75 } .hs-line-10, .hs-line-9 { margin-top: 0; position: relative; text-transform: uppercase; letter-spacing: 2px } .hs-line-8.no-transp { opacity: 1 } .hs-line-9 { font-size: 96px; font-weight: 800 } .hs-line-10 { display: inline-block; padding: 15px 24px; background: rgba(0, 0, 0, .75); font-size: 12px; font-weight: 400 } .hs-line-10>span { margin: 0 10px } .hs-line-11, .hs-line-12, .hs-line-13, .hs-line-14, .hs-line-15 { margin-top: 0; position: relative; font-weight: 400; text-transform: uppercase } .hs-line-10.highlight { background: #e41919; opacity: .65 } .hs-line-10.transparent { background: 0 0; color: #aaa; padding: 0 } .hs-line-11 { font-size: 30px; letter-spacing: .5em; line-height: 1.8; opacity: .9 } .hs-line-12 { font-size: 80px; line-height: 1.2; letter-spacing: .4em } .hs-line-13 { font-size: 96px; line-height: 1; letter-spacing: .3em } .hs-line-14 { font-size: 48px; line-height: 1.4; letter-spacing: .7em } .hs-line-15 { font-size: 36px; letter-spacing: .2em; line-height: 1.3 } .no-transp { opacity: 1!important } .fullwidth-galley-content { position: absolute; top: 0; left: 0; width: 100%; z-index: 25 } .top-bar { min-height: 40px; background: #fbfbfb; border-bottom: 1px solid rgba(0, 0, 0, .05); font-size: 11px; letter-spacing: 1px } .top-links { list-style: none; margin: 0; padding: 0; text-transform: uppercase } .top-links li { float: left; border-left: 1px solid rgba(0, 0, 0, .05) } .top-links li:last-child { border-right: 1px solid rgba(0, 0, 0, .05) } .top-links li .fa { font-size: 14px; position: relative; top: 1px } .top-links li .tooltip { text-transform: none; letter-spacing: normal; z-index: 2003 } .top-links li a { display: block; min-width: 40px; height: 40px; line-height: 40px; padding: 0 10px; color: #999; box-sizing: border-box; -webkit-transition: all .1s cubic-bezier(0, 0, .58, 1); -moz-transition: all .1s cubic-bezier(0, 0, .58, 1); -o-transition: all .1s cubic-bezier(0, 0, .58, 1); -ms-transition: all .1s cubic-bezier(0, 0, .58, 1); transition: all .1s cubic-bezier(0, 0, .58, 1) } .top-links li a:hover { color: #555; background-color: rgba(0, 0, 0, .02) } .top-bar.dark { background-color: #333; border-bottom: none } .top-bar.dark .top-links li, .top-bar.dark .top-links li:last-child { border-color: rgba(255, 255, 255, .07) } .top-bar.dark .top-links li a { color: #aaa } .top-bar.dark .top-links li a:hover { color: #ccc; background-color: rgba(255, 255, 255, .05) } .nav-logo-wrap { float: left; margin-right: 20px } .nav-logo-wrap .logo { display: table-cell; vertical-align: middle; max-width: 118px; height: 75px; -webkit-transition: all .27s cubic-bezier(0, 0, .58, 1); -moz-transition: all .27s cubic-bezier(0, 0, .58, 1); -o-transition: all .27s cubic-bezier(0, 0, .58, 1); -ms-transition: all .27s cubic-bezier(0, 0, .58, 1); transition: all .27s cubic-bezier(0, 0, .58, 1) } .nav-logo-wrap .logo img { max-height: 100% } .nav-logo-wrap .logo:after, .nav-logo-wrap .logo:before { display: none } .logo, a.logo:hover { font-size: 18px; font-weight: 400!important; text-transform: uppercase; letter-spacing: .2em; text-decoration: none; color: rgba(0, 0, 0, .9) } .main-nav { width: 100%; position: relative; top: 0; left: 0; text-align: left; background: rgba(255, 255, 255, .97); -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, .05); -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, .05); box-shadow: 0 1px 0 rgba(0, 0, 0, .05); z-index: 1030; -webkit-transition: height .27s cubic-bezier(0, 0, .58, 1); -moz-transition: height .27s cubic-bezier(0, 0, .58, 1); -o-transition: height .27s cubic-bezier(0, 0, .58, 1); -ms-transition: height .27s cubic-bezier(0, 0, .58, 1); transition: height .27s cubic-bezier(0, 0, .58, 1) } .inner-nav ul li a, .mobile-nav { -webkit-transition: all .27s cubic-bezier(0, 0, .58, 1); -moz-transition: all .27s cubic-bezier(0, 0, .58, 1); -o-transition: all .27s cubic-bezier(0, 0, .58, 1); -ms-transition: all .27s cubic-bezier(0, 0, .58, 1) } .small-height { height: 75px!important } .small-height .inner-nav ul li a { height: 75px!important; line-height: 75px!important } .inner-nav { display: inline-block; position: relative; float: right } .inner-nav ul { float: right; margin: auto; font-size: 11px; font-weight: 400; letter-spacing: 1px; text-transform: uppercase; text-align: center; line-height: 1.3 } .inner-nav ul li { float: left; margin-left: 30px; position: relative } .inner-nav ul li a { color: #777; letter-spacing: 2px; display: inline-block; -webkit-box-sizing: border-box; box-sizing: border-box; transition: all .27s cubic-bezier(0, 0, .58, 1) } .inner-nav ul li a.active, .inner-nav ul li a:hover { color: #000; text-decoration: none } .mn-sub { display: none; width: 200px; position: absolute; top: 100%; left: 0; padding: 0; background: rgba(30, 30, 30, .97) } .mn-sub li { display: block; width: 100%; margin: 0!important } .inner-nav ul li .mn-sub li a { display: block; width: 100%; height: auto!important; line-height: 1.3!important; position: relative; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 11px 15px; font-size: 13px; text-align: left; text-transform: none; border-left: none; border-right: none; letter-spacing: 0; color: #b0b0b0!important; cursor: pointer } .fm-wrapper, .mobile-on .desktop-nav ul li a { -moz-box-sizing: border-box; -webkit-box-sizing: border-box } .mobile-on .mn-has-multi>li:last-child>a { border-bottom: 1px solid rgba(255, 255, 255, .065)!important } .inner-nav ul li .mn-sub li a:hover, .mn-sub li a.active, .mn-sub li a:hover { background: rgba(255, 255, 255, .09); color: #f5f5f5!important } .mn-sub li ul { left: 100%; right: auto; top: 0; border-left: 1px solid rgba(255, 255, 255, .07) } .inner-nav li .mn-sub.to-left, .inner-nav>ul>li:last-child .mn-sub { left: auto; right: 0 } .inner-nav li .mn-sub li ul.to-left, .inner-nav li:last-child .mn-sub li ul { left: auto; right: 100%; top: 0; border-left: none; border-right: 1px solid rgba(255, 255, 255, .07) } .mobile-on .inner-nav li:last-child .mn-sub li ul { left: auto; right: auto; top: 0 } .mn-wrap { padding: 8px } .mn-has-multi { width: auto!important; padding: 15px; text-align: left; white-space: nowrap } .mn-sub-multi { width: 190px!important; white-space: normal; float: none!important; display: inline-block!important; vertical-align: top } .fm-wrapper-sub-sub, .mobile-nav, .mobile-nav .fa, .ssh-cell { vertical-align: middle } .mn-sub-multi>ul { width: auto; margin: 0; padding: 0; float: none } .mn-group-title { font-weight: 700; text-transform: uppercase; color: #fff!important } .mn-group-title:hover { background: 0 0!important } .mobile-on .mn-sub-multi>ul { left: auto; right: auto; border: none } .mobile-on .mn-sub-multi { display: block; width: 100%!important } .mobile-on .mn-sub-multi>ul>li:last-child>a, .mobile-on .mn-sub>li:last-child>a { border: none!important } .mobile-on .mn-sub-multi:last-child>ul { border-bottom: none!important } .mobile-on .desktop-nav { display: none; width: 100%; position: absolute; top: 100%; left: 0; padding: 0 15px; z-index: 100 } .mobile-on .full-wrapper .desktop-nav { padding: 0 } .mobile-on .desktop-nav ul { width: 100%; float: none; background: rgba(18, 18, 18, .97); position: relative; overflow-x: hidden } .mobile-on .desktop-nav>ul { overflow-y: auto } .mobile-on .desktop-nav ul li { display: block; float: none!important; overflow: hidden } .mobile-on .desktop-nav ul li ul { padding: 0; border-bottom: 1px solid rgba(255, 255, 255, .1) } .mobile-on .desktop-nav ul li a { display: block; width: 100%; height: 38px!important; line-height: 38px!important; position: relative; box-sizing: border-box; padding: 0 10px; text-align: left; border-left: none; border-right: none; border-bottom: 1px solid rgba(255, 255, 255, .065); color: #999; letter-spacing: 1px; cursor: pointer } .mobile-on .desktop-nav ul li a.active, .mobile-on .desktop-nav ul li a:hover { background: rgba(255, 255, 255, .03); color: #ddd } .mobile-on .mn-has-sub>.fa { display: block; width: 18px; height: 18px; font-size: 14px; line-height: 16px; position: absolute; top: 50%; right: 10px; margin-top: -8px; text-align: center; border: 1px solid rgba(255, 255, 255, .1); -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50% } .mobile-on .js-opened>.mn-has-sub>.fa { border-color: rgba(255, 255, 255, .4); line-height: 14px } .mobile-on .inner-nav li { margin: 0!important } .mobile-on .mn-sub { display: none; opacity: 0; left: 0!important; right: 0; top: 0; bottom: 0; border-left: none!important; border-right: none!important; border-top: none; z-index: 10 } .mobile-on .mn-sub li { padding-left: 10px } .inner-nav li.js-opened .mn-sub { opacity: 1 } .mobile-nav { display: none; float: right; font-size: 11px; font-weight: 400; text-transform: uppercase; border-left: 1px solid rgba(0, 0, 0, .05); border-right: 1px solid rgba(0, 0, 0, .05); cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; transition: all .27s cubic-bezier(0, 0, .58, 1); -webkit-transition-property: background, color; -moz-transition-property: background, color; -o-transition-property: background, color; transition-property: background, color } .main-nav.js-transparent, .mn-soc-link { -webkit-transition: all .27s cubic-bezier(0, 0, .58, 1); -moz-transition: all .27s cubic-bezier(0, 0, .58, 1); -o-transition: all .27s cubic-bezier(0, 0, .58, 1); -ms-transition: all .27s cubic-bezier(0, 0, .58, 1) } .mobile-nav.active, .mobile-nav:hover { background: #fff; color: #777 } .mobile-nav:active { -webkit-box-shadow: 0 0 35px rgba(0, 0, 0, .05) inset; -moz-box-shadow: 0 0 35px rgba(0, 0, 0, .05) inset; box-shadow: 0 0 35px rgba(0, 0, 0, .05) inset } .no-js .mobile-nav { width: 55px; height: 55px } .mobile-on .mobile-nav { display: table } .mobile-nav .fa { height: 100%; display: table-cell; text-align: center; font-size: 21px } .mobile-on .mn-has-multi { width: auto; padding: 0; text-align: left; white-space: normal } .mobile-on .mn-sub { width: 100%; float: none; position: relative; overflow-x: hidden } .main-nav.dark { background-color: rgba(10, 10, 10, .95); box-shadow: none } .main-nav.dark .inner-nav ul>li>a { color: rgba(255, 255, 255, .7) } .main-nav.dark .inner-nav ul>li>a.active, .main-nav.dark .inner-nav ul>li>a:hover { color: #fff } .main-nav.dark .mobile-nav { background-color: transparent; border-color: transparent; color: rgba(255, 255, 255, .9) } .main-nav.dark .mobile-nav.active, .main-nav.dark .mobile-nav:hover { color: #fff } .main-nav.mobile-on.dark .inner-nav { border-top: 1px solid rgba(100, 100, 100, .4) } .main-nav.dark .logo, .main-nav.dark a.logo:hover { font-size: 18px; font-weight: 800; text-transform: uppercase; text-decoration: none; color: rgba(255, 255, 255, .9) } .main-nav.dark .mn-sub { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none } .main-nav.dark .mn-soc-link { border: 1px solid rgba(255, 255, 255, .2) } .main-nav.dark .mn-soc-link:hover { border: 1px solid rgba(255, 255, 255, .3) } .main-nav.transparent { background: 0 0!important } .main-nav.js-transparent { transition: all .27s cubic-bezier(0, 0, .58, 1) } .mn-centered { text-align: center } .mn-centered .inner-nav { float: none } .mn-centered .inner-nav>ul { float: none; display: inline-block; margin-left: auto; margin-right: auto } .mn-centered .inner-nav>ul>li:first-child { margin-left: 0 } .mn-align-left .inner-nav>ul, .mn-centered .mobile-nav { margin-left: auto; margin-right: auto; float: none } .mn-align-left .inner-nav { float: none; width: 100% } .mn-align-left .inner-nav>ul>li:first-child { margin-left: 0 } .mn-align-left .mobile-nav { float: none; margin-left: auto; margin-right: auto } .mn-soc-link { width: 34px; height: 34px; line-height: 33px; text-align: center; font-size: 12px; display: inline-block; border: 1px solid rgba(0, 0, 0, .1); -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; transition: all .27s cubic-bezier(0, 0, .58, 1) } .fm-button, .fm-logo-wrap { height: 54px; z-index: 1030 } .mn-soc-link:hover { border: 1px solid rgba(0, 0, 0, .25) } .main-nav .tooltip { font-size: 12x; text-transform: none; letter-spacing: 0 } .fm-logo-wrap { position: absolute; top: 30px; left: 30px } .fm-logo-wrap .logo { display: block; max-width: 200px; position: relative; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all .27s cubic-bezier(0, 0, .58, 1); -moz-transition: all .27s cubic-bezier(0, 0, .58, 1); -o-transition: all .27s cubic-bezier(0, 0, .58, 1); -ms-transition: all .27s cubic-bezier(0, 0, .58, 1); transition: all .27s cubic-bezier(0, 0, .58, 1) } .fm-button { display: block; position: fixed; top: 30px; right: 30px; width: 54px; background: #111; opacity: .85; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-transition: opacity .27s cubic-bezier(0, 0, .58, 1); -moz-transition: opacity .27s cubic-bezier(0, 0, .58, 1); -o-transition: opacity .27s cubic-bezier(0, 0, .58, 1); -ms-transition: opacity .27s cubic-bezier(0, 0, .58, 1); transition: opacity .27s cubic-bezier(0, 0, .58, 1) } .fm-button:hover { opacity: 1 } .fm-button span { display: block; width: 22px; height: 2px; background: #fff; position: absolute; top: 50%; left: 50%; margin: -1px 0 0 -11px; -webkit-transition: all 70ms cubic-bezier(0, 0, .58, 1); -moz-transition: all 70ms cubic-bezier(0, 0, .58, 1); -o-transition: all 70ms cubic-bezier(0, 0, .58, 1); -ms-transition: all 70ms cubic-bezier(0, 0, .58, 1); transition: all 70ms cubic-bezier(0, 0, .58, 1) } .fm-button span:after, .fm-button span:before { content: ""; display: block; width: 100%; height: 2px; background: #fff; position: absolute; top: -6px; left: 0; -webkit-transition: top 70ms cubic-bezier(0, 0, .58, 1), bottom 70ms cubic-bezier(0, 0, .58, 1), -webkit-transform .2s cubic-bezier(0, 0, .58, 1) 70ms; -moz-transition: top 70ms cubic-bezier(0, 0, .58, 1), bottom 70ms cubic-bezier(0, 0, .58, 1), -moz-transform .2s cubic-bezier(0, 0, .58, 1) 70ms; -o-transition: top 70ms cubic-bezier(0, 0, .58, 1), bottom 70ms cubic-bezier(0, 0, .58, 1), -o-transform .2s cubic-bezier(0, 0, .58, 1) 70ms; -ms-transition: top 70ms cubic-bezier(0, 0, .58, 1), bottom 70ms cubic-bezier(0, 0, .58, 1), -ms-transform .2s cubic-bezier(0, 0, .58, 1) 70ms; transition: top 70ms cubic-bezier(0, 0, .58, 1), bottom 70ms cubic-bezier(0, 0, .58, 1), transform .2s cubic-bezier(0, 0, .58, 1) 70ms } .fm-button span:after { top: auto; bottom: -6px } .fm-button.active { background: #222; z-index: 2001 } .fm-button.active span { background: 0 0 } .fm-button.active span:before { top: 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg) } .fm-button.active span:after { bottom: 0; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg) } .fm-wrapper { display: none; width: 100%; height: 100%; position: fixed; top: 0; left: 0; padding: 50px 30px; overflow-x: hidden; overflow-y: auto; background: rgba(10, 10, 10, .97); z-index: 2000; box-sizing: border-box } .fm-wrapper-sub { display: table; width: 100%; height: 100%; opacity: 0; -webkit-transform: translateY(30px); -moz-transform: translateY(30px); -o-transform: translateY(30px); -ms-transform: translateY(30px); transform: translateY(30px); -webkit-transition: all .1s cubic-bezier(0, 0, .58, 1); -moz-transition: all .1s cubic-bezier(0, 0, .58, 1); -o-transition: all .1s cubic-bezier(0, 0, .58, 1); -ms-transition: all .1s cubic-bezier(0, 0, .58, 1); transition: all .1s cubic-bezier(0, 0, .58, 1) } .fm-menu-links a, .fm-social-links>a { -webkit-transition: all .27s cubic-bezier(0, 0, .58, 1); -moz-transition: all .27s cubic-bezier(0, 0, .58, 1); -o-transition: all .27s cubic-bezier(0, 0, .58, 1); -ms-transition: all .27s cubic-bezier(0, 0, .58, 1); text-decoration: none } .fm-wrapper-sub.js-active { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) } .fm-wrapper-sub-sub { display: table-cell; text-align: center } .fm-menu-links, .fm-menu-links ul { margin: 0; padding: 10px 0; line-height: 1.3; text-align: center } .fm-menu-links ul.fm-sub { padding: 0 } .fm-menu-links a { display: block; position: relative; margin: 0; padding: 15px 20px; color: #999; font-size: 17px; letter-spacing: 2px; font-weight: 400; text-transform: uppercase; cursor: pointer; -webkit-tap-highlight-color: rgba(255, 255, 255, .1); transition: all .27s cubic-bezier(0, 0, .58, 1); z-index: 11 } .fm-menu-links li.js-opened:before, .fm-sub { display: none } .fm-menu-links a:active, .fm-menu-links li.js-opened>a, .no-touch .fm-menu-links a:hover { color: #d5d5d5; text-decoration: none } .fm-menu-links li { margin: 0; padding: 0; position: relative; overflow: hidden } .fm-menu-links li a.active, .fm-menu-links li.active>a, .fm-menu-links li>a:active { color: #f5f5f5 } .fm-menu-links li.js-opened>a:active, .js-opened>.fm-has-sub>.fa, .no-touch .fm-menu-links li.js-opened>a:hover { color: #fff } .fm-has-sub .fa { font-size: 14px } .fm-sub { opacity: 0; position: relative } .fm-sub>li>a { font-size: 13px; font-weight: 400; padding: 5px 20px } .fm-menu-links li.js-opened .fm-sub { opacity: 1 } .fm-search { width: 320px } .fm-search input.search-field { background: 0 0; color: #555; text-align: center; border: none; border-bottom: 1px solid rgba(255, 255, 255, .2) } .fm-search input.search-field:hover { border: none; border-bottom: 1px solid rgba(255, 255, 255, .4) } .fm-search input.search-field:focus { color: #999; border-color: rgba(255, 255, 255, .7) } .fm-search .search-button:hover { color: #fff } .fm-social-links { padding: 10px; font-size: 14px; text-align: center } .fm-social-links>a { display: inline-block; margin: 0 2px; width: 34px; height: 34px; line-height: 34px; border: 1px solid rgba(255, 255, 255, .15); text-align: center; color: #555; -webkir-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; transition: all .27s cubic-bezier(0, 0, .58, 1) } .page-section, .small-section, .split-section { display: block; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; overflow: hidden } .page-title {position: relative; top: -75px; padding: 140px 0px!important;} .fm-social-links>a:hover { border-color: rgba(255, 255, 255, .3); color: #999 } .bg-color, .bg-color-alfa, .bg-color-alfa-30, .bg-color-alfa-50, .bg-color-alfa-70, .bg-color-alfa-90, .bg-color-lighter, .bg-dark, .bg-dark-alfa, .bg-dark-alfa-30, .bg-dark-alfa-50, .bg-dark-alfa-70, .bg-dark-alfa-90, .bg-dark-lighter, .small-title.white { color: #fff } .page-section, .small-section { width: 100%; position: relative; background-attachment: fixed; background-repeat: no-repeat; background-position: center center; background-size: cover; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 40px 0 } .bg-dark-alfa .YTPOverlay:before, .bg-dark-alfa-30 .YTPOverlay:before, .bg-dark-alfa-30:before, .bg-dark-alfa-50 .YTPOverlay:before, .bg-dark-alfa-50:before, .bg-dark-alfa-70 .YTPOverlay:before, .bg-dark-alfa-70:before, .bg-dark-alfa:before, .bg-light-alfa-30 .YTPOverlay:before, .bg-light-alfa-30:before, .bg-light-alfa-50 .YTPOverlay:before, .bg-light-alfa-50:before, .bg-light-alfa-70 .YTPOverlay:before, .bg-light-alfa-70:before, .bg-light-alfa-90 .YTPOverlay:before, .bg-light-alfa-90:before, .bg-light-alfa:before, .bg-pattern-over .YTPOverlay:after, .bg-pattern-over:before { content: " "; width: 100%; height: 100%; position: absolute; top: 0; left: 0 } .benefit-item, .work-item { -webkit-box-sizing: border-box; -moz-box-sizing: border-box } .small-section { padding: 70px 0 } .small-title { padding: 0; margin: 0 0 30px; text-transform: uppercase; font-size: 18px; font-weight: 300; letter-spacing: .3em } .section-icon { margin-bottom: 7px; text-align: center; font-size: 32px } .small-title .serif { text-transform: none; font-weight: 400 } .section-heading, .section-title { margin-bottom: 15px; font-weight: 400; text-transform: uppercase; text-align: center } .bg-scroll { background-attachment: scroll!important } .bg-pattern { background-repeat: repeat; background-size: auto } .bg-pattern-over .YTPOverlay:after, .bg-pattern-over:before { background-repeat: repeat; background-size: auto; background-image: url(../images/pattern-bg-2.png) } .bg-gray { background-color: #f4f4f4 } .bg-gray-lighter { background-color: #f8f8f8 } .bg-color a, .bg-color-alfa a, .bg-color-alfa-30 a, .bg-color-alfa-50 a, .bg-color-alfa-70 a, .bg-color-alfa-90 a, .bg-colorlighter a, .bg-dark a, .bg-dark-alfa a, .bg-dark-alfa-30 a, .bg-dark-alfa-50 a, .bg-dark-alfa-70 a, .bg-dark-alfa-90 a, .bg-dark-lighter a { color: rgba(255, 255, 255, .8); padding-bottom: 3px; -webkit-transition: all .27s cubic-bezier(0, 0, .58, 1); -moz-transition: all .27s cubic-bezier(0, 0, .58, 1); -o-transition: all .27s cubic-bezier(0, 0, .58, 1); -ms-transition: all .27s cubic-bezier(0, 0, .58, 1); transition: all .27s cubic-bezier(0, 0, .58, 1) } .bg-color a:hover, .bg-color-alfa a:hover, .bg-color-alfa-30 a:hover, .bg-color-alfa-50 a:hover, .bg-color-alfa-70 a:hover, .bg-color-alfa-90 a:hover, .bg-color-lighter a:hover, .bg-dark a:hover, .bg-dark-alfa a:hover, .bg-dark-alfa-30 a:hover, .bg-dark-alfa-50 a:hover, .bg-dark-alfa-70 a:hover, .bg-dark-alfa-90 a:hover, .bg-dark-lighter a:hover { color: rgba(255, 255, 255, 1); text-decoration: none } .bg-color .section-text, .bg-color .text, .bg-color-alfa .section-text, .bg-color-alfa .text, .bg-color-alfa-30 .section-text, .bg-color-alfa-30 .text, .bg-color-alfa-50 .section-text, .bg-color-alfa-50 .text, .bg-color-alfa-70 .section-text, .bg-color-alfa-70 .text, .bg-color-alfa-90 .section-text, .bg-color-alfa-90 .text, .bg-color-lighter .section-text, .bg-color-lighter .text { color: rgba(255, 255, 255, .75) } .bg-color .white, .bg-color-alfa .white, .bg-color-alfa-30 .white, .bg-color-alfa-50 .white, .bg-color-alfa-70 .white, .bg-color-alfa-90 .white, .bg-color-lighter .whitet { color: #fff } .bg-dark { background-color: #111 } .bg-dark-lighter { background-color: #252525 } .bg-dark-alfa .YTPOverlay:before, .bg-dark-alfa:before { background: rgba(17, 17, 17, .97) } .bg-dark-alfa-30 .YTPOverlay:before, .bg-dark-alfa-30:before { background: rgba(34, 34, 34, .3) } .bg-dark-alfa-50 .YTPOverlay:before, .bg-dark-alfa-50:before { background: rgba(34, 34, 34, .5) } .bg-dark-alfa-70 .YTPOverlay:before, .bg-dark-alfa-70:before { background: rgba(17, 17, 17, .7) } .bg-dark-alfa-90 .YTPOverlay:before, .bg-dark-alfa-90:before { content: " "; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(3, 3, 3, .9) } .bg-light-alfa:before { background: rgba(252, 252, 252, .97) } .bg-light-alfa-30 .YTPOverlay:before, .bg-light-alfa-30:before { background: rgba(252, 252, 252, .3) } .bg-light-alfa-50 .YTPOverlay:before, .bg-light-alfa-50:before { background: rgba(252, 252, 252, .5) } .bg-light-alfa-70 .YTPOverlay:before, .bg-light-alfa-70:before { background: rgba(252, 252, 252, .7) } .bg-light-alfa-90 .YTPOverlay:before, .bg-light-alfa-90:before { background: rgba(252, 252, 252, .9) } .bg-color-alfa .YTPOverlay:before, .bg-color-alfa-30 .YTPOverlay:before, .bg-color-alfa-30:before, .bg-color-alfa-50 .YTPOverlay:before, .bg-color-alfa-50:before, .bg-color-alfa-70 .YTPOverlay:before, .bg-color-alfa-70:before, .bg-color-alfa-90 .YTPOverlay:before, .bg-color-alfa-90:before, .bg-color-alfa:before { width: 100%; background: #e41919; position: absolute; left: 0; top: 0; height: 100%; content: " " } .bg-color { background-color: #e41919 } .bg-color-alfa .YTPOverlay:before, .bg-color-alfa:before { opacity: .97 } .bg-color-alfa-30 .YTPOverlay:before, .bg-color-alfa-30:before { opacity: .3 } .bg-color-alfa-50 .YTPOverlay:before, .bg-color-alfa-50:before { opacity: .5 } .bg-color-alfa-70 .YTPOverlay:before, .bg-color-alfa-70:before { opacity: .7 } .bg-color-alfa-90 .YTPOverlay:before, .bg-color-alfa-90:before { opacity: .9 } .bg-orange { background-color: #f47631!important } .bg-yellow { background-color: #ffce02!important } .bg-cyan { background-color: #27c5c3!important } .bg-green { background-color: #58bf44!important } .bg-blue { background-color: #43a5de!important } .bg-purple { background-color: #375acc!important } .bg-red { background-color: #e13939!important } .section-title { font-size: 18px; letter-spacing: .5em; line-height: 1.4 } h2.section-title {color: #C0D1DA!important;} .section-more { margin-top: 7px; color: #999; font-size: 11px; font-weight: 400; letter-spacing: .4em; text-decoration: none; -webkit-transition: all .27s cubic-bezier(0, 0, .58, 1); -moz-transition: all .27s cubic-bezier(0, 0, .58, 1); -o-transition: all .27s cubic-bezier(0, 0, .58, 1); -ms-transition: all .27s cubic-bezier(0, 0, .58, 1); transition: all .27s cubic-bezier(0, 0, .58, 1) } .mod-breadcrumbs, .team-item-image:after { -ms-transition: all .27s cubic-bezier(0, 0, .58, 1) } .section-more:hover { text-decoration: none; color: #000 } .section-more .fa { font-size: 12px } .section-heading { font-size: 24px; letter-spacing: .5em; line-height: 1.3 } .alt-features-title, .mod-breadcrumbs, .team-item-name, .team-item-role, .works-filter { text-transform: uppercase; letter-spacing: .4em } .section-text, .widget-text { line-height: 1.7 } .section-line { width: 55px; height: 1px; margin: 30px auto; background: #111 } .section-text { font-size: 15px; font-weight: 300; color: #777 } .section-text blockquote { margin-top: -5px } .section-bot-image { margin: 140px 0 -140px; text-align: center; -webkit-backface-visibility: hidden; -webkit-transform: translateZ(0) } .mod-breadcrumbs { margin-top: -5px; font-size: 11px; font-weight: 400; text-decoration: none; -webkit-transition: all .27s cubic-bezier(0, 0, .58, 1); -moz-transition: all .27s cubic-bezier(0, 0, .58, 1); -o-transition: all .27s cubic-bezier(0, 0, .58, 1); transition: all .27s cubic-bezier(0, 0, .58, 1) } .mod-breadcrumbs span { opacity: .65 } .mod-breadcrumbs a, .mod-breadcrumbs a:hover { text-decoration: none } .mod-breadcrumbs .fa { font-size: 12px } .mod-breadcrumbs-mini { text-align: left } .alt-service-icon, .alt-services-image, .home-bot-image { text-align: center } .home-bot-image { width: 100%; position: absolute; bottom: 0; left: 0 } .fixed-height-large, .fixed-height-medium, .fixed-height-small { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .fixed-height-large { min-height: 800px } .fixed-height-medium { min-height: 700px } .fixed-height-small { min-height: 600px } .split-section { width: 100%; position: relative; background-attachment: fixed; background-repeat: no-repeat; background-position: center center; background-size: cover } .split-section-headings, .ssh-cell { -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover } .split-section-headings { width: 50%; position: relative; overflow: hidden; text-align: center; background-size: cover } .ssh-table { width: 100%; min-height: 500px; display: table } .ssh-cell { display: table-cell; padding-left: 10px; padding-right: 10px; background-size: cover } .split-section-content { width: 50%; position: relative; overflow: hidden; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover } .split-section-wrapper { padding: 0 80px } .alt-service-grid { margin-top: -60px } .alt-services-image>img { display: block; width: 100% } .alt-service-item { margin: 60px 0 0; position: relative; padding-left: 55px; padding-top: 3px; font-size: 13px; font-weight: 300; color: #999; -webkit-transform: perspective(500px) rotateX(0) rotateY(0) rotateZ(0); -moz-transform: perspective(500px) rotateX(0) rotateY(0) rotateZ(0); -o-transform: perspective(500px) rotateX(0) rotateY(0) rotateZ(0); -ms-transform: perspective(500px) rotateX(0) rotateY(0) rotateZ(0); transform: perspective(500px) rotateX(0) rotateY(0) rotateZ(0); -webkit-transition: all .3s cubic-bezier(0, 0, .58, 1); -moz-transition: all .3s cubic-bezier(0, 0, .58, 1); -o-transition: all .3s cubic-bezier(0, 0, .58, 1); -ms-transition: all .3s cubic-bezier(0, 0, .58, 1); transition: all .3s cubic-bezier(0, 0, .58, 1) } .alt-service-icon { width: 40px; height: 40px; position: absolute; top: 0; left: 0; line-height: 40px; font-size: 28px; color: #111; -webkit-transition: all .17s cubic-bezier(0, 0, .58, 1); -moz-transition: all .17s cubic-bezier(0, 0, .58, 1); -o-transition: all .17s cubic-bezier(0, 0, .58, 1); -ms-transition: all .17s cubic-bezier(0, 0, .58, 1); transition: all .17s cubic-bezier(0, 0, .58, 1) } .alt-services-title { margin: 0 0 10px; padding: 0; font-size: 15px; font-weight: 400; color: #111 } .team-item-image { position: relative; overflow: hidden } .team-item-detail, .team-item-image:after { position: absolute; left: 0; -webkit-transition: all .27s cubic-bezier(0, 0, .58, 1); width: 100% } .team-item-image img { width: 100% } .team-item-image:after { content: " "; display: block; height: 100%; top: 0; background: 0 0; z-index: 1; -moz-transition: all .27s cubic-bezier(0, 0, .58, 1); -o-transition: all .27s cubic-bezier(0, 0, .58, 1); transition: all .27s cubic-bezier(0, 0, .58, 1) } .team-item-descr, .team-item-detail { color: #777; -moz-transition: all .27s cubic-bezier(0, 0, .58, 1); -o-transition: all .27s cubic-bezier(0, 0, .58, 1); -ms-transition: all .27s cubic-bezier(0, 0, .58, 1); text-align: center } .team-item-detail { opacity: 0; top: 50%; padding: 20px 23px 55px; font-size: 14px; font-weight: 300; z-index: 2; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; transition: all .27s cubic-bezier(0, 0, .58, 1) } .no-mobile .team-item:hover .team-item-detail, .team-item.js-active .team-item-detail { opacity: 1 } .no-mobile .team-item:hover .team-item-image:after, .team-item.js-active .team-item-image:after { background: rgba(255, 255, 255, .93) } .team-item-descr, .team-social-links a { -webkit-transition: all .27s cubic-bezier(0, 0, .58, 1) } .team-item-descr { transition: all .27s cubic-bezier(0, 0, .58, 1) } .benefit-number, .team-social-links a { -moz-transition: all .27s cubic-bezier(0, 0, .58, 1); -o-transition: all .27s cubic-bezier(0, 0, .58, 1) } .team-item-name { margin-top: 23px; font-size: 15px } .team-item-role { margin-top: 4px; font-size: 12px; color: #aaa } .team-social-links { font-size: 14px; cursor: pointer } .team-social-links a { display: inline-block; padding: 3px 7px; color: rgba(0, 0, 0, .4); -ms-transition: all .27s cubic-bezier(0, 0, .58, 1); transition: all .27s cubic-bezier(0, 0, .58, 1) } .no-mobile .team-item:hover .team-item-descr { color: #111 } .no-mobile .team-social-links a:hover { color: rgba(0, 0, 0, .75) } .team-item.js-active .team-item-descr { color: #111 } .team-item.js-active .team-social-links a:hover { color: rgba(0, 0, 0, .75) } .features-item { padding: 15px; text-align: center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover } .features-icon { font-size: 48px; line-height: 1.3; color: rgba(255, 255, 255, .9) } .features-title { margin-bottom: 3px; font-size: 18px; font-weight: 400; text-transform: uppercase; color: rgba(255, 255, 255, .9) } .features-descr { font-size: 15px; font-weight: 300; color: rgba(255, 255, 255, .75) } .features-icon.black, .features-title.black { color: rgba(0, 0, 0, .9) } .features-descr.black { color: rgba(0, 0, 0, .75) } .alt-features-grid { margin-top: -70px } .alt-features-item { margin-top: 70px } .alt-features-icon { padding-top: 10px; font-size: 48px; line-height: 1.3; color: #111 } .alt-features-icon img { width: 100% } .alt-features-title { margin-bottom: 21px; font-size: 14px; font-weight: 400 } .alt-features-descr { color: #777; font-size: 14px; font-weight: 300; line-height: 1.86 } .benefits-grid { margin: 0 0 -40px -20px; text-align: center; vertical-align: top } .benefit-item { display: inline-block; width: 264px; margin: 0 0 40px 20px; padding: 15px; position: relative; overflow: hidden; box-sizing: border-box; vertical-align: top; cursor: default } .benefit-item:after, .benefit-number { width: 100%; -ms-transition: all .27s cubic-bezier(0, 0, .58, 1) } .floorplan-item-inner, .work-navigation .fa, .work-navigation a, table.shopping-cart-table tr td, table.shopping-cart-table tr th { vertical-align: middle } .benefit-number { position: absolute; top: 0; left: -50px; font-size: 120px; font-weight: 700; text-align: center; line-height: 1; color: rgba(0, 0, 0, .025); -webkit-transition: all .27s cubic-bezier(0, 0, .58, 1); transition: all .27s cubic-bezier(0, 0, .58, 1) } .benefit-icon { position: relative; margin-bottom: 6px; font-size: 32px } .benefit-title { position: relative; margin: 0 0 17px; padding: 0; font-size: 14px; text-transform: uppercase } .benefits-descr { position: relative; font-size: 13px; font-weight: 300; color: #777 } .benefit-item:after { content: " "; display: block; height: 100%; position: absolute; bottom: 0; left: 0; background: rgba(0, 0, 0, .015); opacity: 0; -webkit-transition: all .37s cubic-bezier(0, 0, .58, 1); -moz-transition: all .27s cubic-bezier(0, 0, .58, 1); -o-transition: all .27s cubic-bezier(0, 0, .58, 1); transition: all .27s cubic-bezier(0, 0, .58, 1); -webkit-transform: scale(.5); -moz-transform: scale(.5); -o-transform: scale(.5); -ms-transform: scale(.5); transform: scale(.5) } .blog-item-data a, .works-filter a { -moz-transition: all .27s cubic-bezier(0, 0, .58, 1); -o-transition: all .27s cubic-bezier(0, 0, .58, 1); -ms-transition: all .27s cubic-bezier(0, 0, .58, 1) } .benefit-item:hover:after { opacity: 1; -webkit-transform: none; -moz-transform: none; -o-transform: none; -ms-transform: none; transform: none } .benefit-item:hover .benefit-number { color: rgba(0, 0, 0, .035); -webkit-transform: scale(.75); -moz-transform: scale(.75); -o-transform: scale(.75); -ms-transform: scale(.75); transform: scale(.75) } .count-wrapper { padding: 40px 20px; border: 1px solid rgba(0, 0, 0, .09) } .works-filter, .works-grid { padding: 0; list-style: none } .count-number { font-size: 48px; font-weight: 300; line-height: 1.3; text-align: center } .count-descr { color: #999; font-size: 11px; text-align: center } .count-descr .fa { font-size: 14px } .count-title { margin-top: -1px; font-size: 13px } .count-separator { height: 30px; clear: both; float: none; overflow: hidden } .works-filter { margin: 0 0 45px; font-size: 13px; text-align: center; color: #555; cursor: default } .works-filter a { display: inline-block; margin: 0 27px; color: #999; text-decoration: none; -webkit-transition: all .37s cubic-bezier(0, 0, .58, 1); transition: all .27s cubic-bezier(0, 0, .58, 1); cursor: pointer } .works-filter a:hover { color: #111; text-decoration: none } .works-filter a.active { color: #111; cursor: default } .works-filter a.active:hover { color: #111 } .works-grid { margin: 0 } .work-item { width: 25%; float: left; margin: 0; box-sizing: border-box } .work-intro, .work-item>a { -moz-box-sizing: border-box } .work-grid-2 .work-item { width: 50% } .work-grid-3 .work-item { width: 33.333% } .container .work-grid-3 .work-item { width: 33.2% } .work-grid-5 .work-item { width: 20% } .works-grid.work-grid-gut { margin: 0 0 0 -10px } .works-grid.work-grid-gut .work-item { padding: 0 0 10px 10px } .work-item>a { display: block; padding: 0 0 84px; position: relative; box-sizing: border-box; text-decoration: none } .work-item a, .work-item a:hover { color: #111; border: none } .work-img { position: relative; overflow: hidden } .work-img img { width: 100%; display: block; overflow: hidden } .work-intro { width: 100%; height: 84px; padding: 20px 20px 0; -webkit-sizing: border-box; box-sizing: border-box; position: absolute; bottom: 0; left: 0; text-align: center; overflow: hidden; -webkit-transition: all .27s cubic-bezier(.3, .1, .58, 1); -moz-transition: all .27s cubic-bezier(.3, .1, .58, 1); -o-transition: all .27s cubic-bezier(.3, .1, .58, 1); -ms-transition: all .27s cubic-bezier(.3, .1, .58, 1); transition: all .27s cubic-bezier(.3, .1, .58, 1) } .work-title { margin: 0 0 8px; padding: 0; font-size: 13px; font-weight: 400; text-transform: uppercase; letter-spacing: .2em; line-height: 1.2 } .work-descr, .work-navigation { font-size: 11px; text-transform: uppercase } .work-descr { text-align: center; color: #aaa; line-height: 1.2 } .works-grid.hide-titles .work-item>a { overflow: hidden; padding: 0 } .works-grid.hide-titles .work-item .work-intro { opacity: 0; bottom: -94px } .works-grid.hide-titles .work-item:hover .work-intro { opacity: 1 } .work-item:hover .work-intro { color: #fff; -webkit-transform: translateY(-99px); -moz-transform: translateY(-99px); transform: translateY(-99px); z-index: 3 } .work-item:hover .work-title { color: #ccc } .work-item:hover .work-descr { color: #999 } .work-item .work-img:after { content: " "; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(250, 250, 250, 0); -webkit-transition: all .27s cubic-bezier(.3, .1, .58, 1); -moz-transition: all .27s cubic-bezier(.3, .1, .58, 1); -o-transition: all .27s cubic-bezier(.3, .1, .58, 1); -ms-transition: all .27s cubic-bezier(.3, .1, .58, 1); transition: all .27s cubic-bezier(.3, .1, .58, 1) } .work-item:hover .work-img:after { background: rgba(179,112,89, .85); } .works-grid.hover-color .work-item:hover .work-descr, .works-grid.hover-color .work-item:hover .work-intro, .works-grid.hover-color .work-item:hover .work-title { color: #fff } .works-grid.hover-color .work-item:hover .work-img:after { background: #e41919; opacity: .73 } .works-grid.hover-white .work-item:hover .work-descr, .works-grid.hover-white .work-item:hover .work-intro, .works-grid.hover-white .work-item:hover .work-title { color: #fff } .works-grid.hover-white .work-item:hover .work-img:after { background: #C0D1DA; opacity: .5; } .work-full, .work-loader { width: 100%; height: 100%; background: #fff } .work-item .work-img>img { -webkit-transition: all .3s cubic-bezier(.3, .1, .58, 1); -moz-transition: all .3s cubic-bezier(.3, .1, .58, 1); -o-transition: all .3s cubic-bezier(.3, .1, .58, 1); -ms-transition: all .3s cubic-bezier(.3, .1, .58, 1); transition: all .3s cubic-bezier(.3, .1, .58, 1) } .work-item:hover .work-img>img { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05) } .work-full { display: none; z-index: 10000 } .work-full-load { padding-top: 60px } .work-loader { position: fixed; left: 0; top: 0; z-index: 10001 } .work-loader:after { display: block; content: " "; width: 16px; height: 16px; position: absolute; left: 50%; top: 50%; margin: -8px 0 0 -8px; background: url(../images/loader.gif) no-repeat } .work-navigation { width: 100%; background: #fff; letter-spacing: 2px; z-index: 99 } .work-back-link, .work-full-detail, .work-full-title { letter-spacing: 1px; text-transform: uppercase } .work-navigation .fa { font-size: 12px } .work-navigation .fa-times { font-size: 16px; margin-top: -2px } .work-navigation a { display: block; float: left; width: 33.33333%; overflow: hidden; text-decoration: none; white-space: nowrap; cursor: default } .work-navigation a, .work-navigation a:visited { color: #555 } .work-navigation a:hover { color: #111 } .work-navigation a span { display: inline-block; height: 60px; line-height: 59px; padding: 0 4%; background: #fff; cursor: pointer; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -o-transition: all .3s ease-out; -ms-transition: all .3s ease-out; transition: all .3s ease-out } .logo-item, .post-prev-title a { -moz-transition: all .27s cubic-bezier(.3, .1, .58, 1); -o-transition: all .27s cubic-bezier(.3, .1, .58, 1); -ms-transition: all .27s cubic-bezier(.3, .1, .58, 1) } .work-navigation span:hover { background: #f7f7f7 } .work-back-link { margin: 20px 0 0; display: block; background: #fff; font-size: 11px; color: #151515 } .work-prev { text-align: left } .work-all { text-align: center } .work-next { text-align: right } .work-container { padding: 50px 0 } .work-full-title { margin: 0 0 10px; padding: 0; font-size: 24px; font-weight: 700; text-align: center } .work-full-media { margin-top: 30px } .work-full-media img { max-width: 100%; height: auto } .work-full-text { text-align: left; font-size: 13px; color: #777 } .work-full-text h6 { margin-top: 5px } .work-detail { font-weight: 400 } .work-detail p:last-child { margin-bottom: 0 } .work-full-detail { font-size: 11px; color: #777 } .work-full-detail p { padding: 4px 0; margin: 0; border-top: 1px solid rgba(0, 0, 0, .05) } .work-full-detail p:last-child { border-bottom: 1px solid rgba(0, 0, 0, .05) } .work-full-detail p strong { width: 100px; display: inline-block } .work-full-action { margin-top: 30px; padding-top: 30px; border-top: 1px solid #eaeaea; text-align: center } .banner-section { overflow: visible; border-bottom: 1px solid transparent } .comment-item, .media-body, .owl-carousel, .floorplan-wrap, .search-button, .widget-posts-descr { overflow: hidden } .banner-heading { margin-top: 0; margin-bottom: 20px; font-size: 18px; font-weight: 300; letter-spacing: .3em; text-transform: uppercase; color: rgba(255, 255, 255, .9) } .banner-decription { margin-bottom: 35px; font-size: 15px; font-weight: 300; color: rgba(255, 255, 255, .7) } .testimonial, .testimonial p { font-size: 18px } .banner-image { margin: -40px 0 0; text-align: right } .ci-icon, .footer, .footer-social-links a, .logo-item, .map-toggle, .owl-next, .owl-pagination, .owl-prev, .pagination a, .floorplan-item, .floorplan-wrap, .testimonial, .tpl-alt-tabs, .tpl-minimal-tabs, a.link-to-top { text-align: center } .testimonial { margin: 0; padding: 0; background: 0 0; border: none; font-family: "Open Sans", arial, sans-serif; font-weight: 300; letter-spacing: 0; opacity: .85 } .ci-icon:before, .google-map { background: #111 } .logo { position: absolute; top: 10px; left: 10px } .logo-item { height: 80px; opacity: .75; -webkit-transition: all .27s cubic-bezier(.3, .1, .58, 1); transition: all .27s cubic-bezier(.3, .1, .58, 1) } .logo-item:hover { opacity: 1 } .logo-item img { position: relative; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) } .ci-icon:before, .mt-icon:before { /* -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg) */ } .post-prev-img { margin-bottom: 23px; position: relative } .post-prev-img a { -webkit-transition: all .2s cubic-bezier(.3, .1, .58, 1); -moz-transition: all .2s cubic-bezier(.3, .1, .58, 1); -o-transition: all .2s cubic-bezier(.3, .1, .58, 1); -ms-transition: all .2s cubic-bezier(.3, .1, .58, 1); transition: all .2s cubic-bezier(.3, .1, .58, 1) } .post-prev-info, .post-prev-info a, .post-prev-title a { -webkit-transition: all .27s cubic-bezier(.3, .1, .58, 1); text-decoration: none } .post-prev-img a:hover { opacity: .85 } .post-prev-img img { width: 100% } .post-prev-title { margin-bottom: 6px; font-size: 15px; text-transform: uppercase; letter-spacing: .2em } .post-prev-title a { color: #777; transition: all .27s cubic-bezier(.3, .1, .58, 1) } .contact-item, .post-prev-info, .post-prev-info a { -moz-transition: all .27s cubic-bezier(.3, .1, .58, 1); -o-transition: all .27s cubic-bezier(.3, .1, .58, 1); -ms-transition: all .27s cubic-bezier(.3, .1, .58, 1) } .post-prev-title a:hover { color: #111 } .post-prev-info, .post-prev-info a { margin-bottom: 15px; font-size: 11px; color: #aaa; transition: all .27s cubic-bezier(.3, .1, .58, 1) } .contact-item, .map-section { -webkit-transition: all .27s cubic-bezier(.3, .1, .58, 1) } .post-prev-info a:hover { color: #111 } .post-prev-text { margin-bottom: 22px; color: #777; font-size: 15px; font-weight: 300; line-height: 1.75 } .ci-title, .newsletter-label { font-weight: 400; letter-spacing: .3em; text-transform: uppercase } .newsletter-label { margin-bottom: 15px; font-size: 16px } .form input.newsletter-field { max-width: 293px } .form input.newsletter-field::-webkit-input-placeholder { color: #777 } .form input.newsletter-field:focus::-webkit-input-placeholder { color: #111 } .form input.newsletter-field:-moz-placeholder { color: #777 } .form input.newsletter-field:focus:-moz-placeholder { color: #111 } .form input.newsletter-field::-moz-placeholder { color: #777 } .form input.newsletter-field:focus::-moz-placeholder { color: #111 } .form input.newsletter-field:-ms-input-placeholder { color: #777 } .form input.newsletter-field:focus:-ms-input-placeholder { color: #111 } .contact-item { position: relative; padding-left: 44px; color: #444; transition: all .27s cubic-bezier(.3, .1, .58, 1) } .map-section, .mt-icon { -moz-transition: all .27s cubic-bezier(.3, .1, .58, 1); -o-transition: all .27s cubic-bezier(.3, .1, .58, 1); -ms-transition: all .27s cubic-bezier(.3, .1, .58, 1) } .contact-item a { color: #444; text-decoration: none } .contact-item a:hover { color: #000; text-decoration: none } .ci-icon { width: 23px; height: 23px; position: absolute; top: 10px; left: 3px; color: #fff; line-height: 23px } .ci-title, .gm-style-iw div { color: #777 } .ci-icon:before { content: " "; width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; border-radius: 2px; /* -ms-transform: rotate(45deg); transform: rotate(45deg) */ } .cf-left-col, .cf-right-col { width: 49.4%; float: left } #map-canvas, .ci-icon i, .ci-icon span, .google-map { position: relative } /** Google Block **/ .gm-style img{max-width:none} .ci-title { margin-bottom: 1px; font-size: 12px } .ci-text { font-size: 15px; font-weight: 300 } .cf-left-col { margin-right: 1.2% } .contact-form .form-group { margin-bottom: 10px } #map-canvas { height: 410px; background-color: #111!important; z-index: 1 } .map-section { width: 100%; height: 100%; position: absolute; bottom: 0; left: 0; padding: 0!important; background: rgba(17, 17, 17, .93); z-index: 2; cursor: pointer; transition: all .27s cubic-bezier(.3, .1, .58, 1) } .map-section:hover { background: rgba(17, 17, 17, .9) } .map-toggle { width: 200px; height: 100px; position: absolute; top: 50%; left: 50%; margin: -50px 0 0 -100px; color: #fff } .mt-icon { width: 27px; height: 27px; line-height: 27px; margin: 6px auto 25px; position: relative; color: #111; -webkit-transition: all .27s cubic-bezier(.3, .1, .58, 1); transition: all .27s cubic-bezier(.3, .1, .58, 1) } .footer-social-links a:before, .mt-icon:before { width: 100%; left: 0; /* -ms-transform: rotate(45deg); */ content: "" } .footer a, .footer-social-links a { -webkit-transition: all .27s cubic-bezier(.3, .1, .58, 1); -moz-transition: all .27s cubic-bezier(.3, .1, .58, 1); -o-transition: all .27s cubic-bezier(.3, .1, .58, 1); -ms-transition: all .27s cubic-bezier(.3, .1, .58, 1) } .mt-icon:before { display: block; height: 100%; position: absolute; top: 0; background: #fff; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; transform: rotate(45deg) } .mt-icon i, .mt-icon span { position: relative } .mt-text { margin-left: 12px; font-size: 16px; text-transform: uppercase; letter-spacing: .3em; color: rgba(255, 255, 255, .75) } .mt-close { display: none } .map-section.js-active { height: 50px; background: rgba(17, 17, 17, .75) } .map-section.js-active:hover { background: rgba(17, 17, 17, .85) } .map-section.js-active .mt-icon { opacity: 0 } .map-section.js-active .mt-text { position: relative; top: -20px } .footer { font-size: 12px; padding: 100px 0px 140px 0px; } .footer ul {list-style-type: none; margin: 0px; padding: 0px; margin-top: 0px;} .footer ul.inline-list {margin-bottom: 10px;} .footer ul.inline-list li {display: inline-block; margin-left: 10px;} .footer a { color: #888; text-decoration: none; transition: all .27s cubic-bezier(.3, .1, .58, 1) } .footer a:hover { color: #111; text-decoration: underline } .footer-copyright {margin-top: 40px;} .footer-made { font-size: 11px; color: #999 } .footer-social-links { font-size: 20px } .footer-social-links a { width: 50px; height: 50px; line-height: 50px!important; position: relative; margin: 0 6px; display: inline-block; color: #111; transition: all .27s cubic-bezier(.3, .1, .58, 1) } .blog-slide-title a, .footer-social-links a:before { -webkit-transition: all .27s cubic-bezier(.3, .1, .58, 1) } .footer-social-links a i, .footer-social-links a span { position: relative; top: 0; left: 0; line-height:50px; } .footer-social-links a:before { display: inline-block; height: 100%; position: absolute; top: 0; border: 1px solid #111; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; /*-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); */ -moz-transition: all .27s cubic-bezier(.3, .1, .58, 1); -o-transition: all .27s cubic-bezier(.3, .1, .58, 1); -ms-transition: all .27s cubic-bezier(.3, .1, .58, 1); transition: all .27s cubic-bezier(.3, .1, .58, 1) } .eq-house-img {margin-bottom: 20px;} .blog-item-q p:after, .blog-item-q p:before { content: '"' } .owl-next:before, .owl-prev:before, .sp-close-button:hover { -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg) } .blog-item-data a, .blog-item-more { -webkit-transition: all .27s cubic-bezier(0, 0, .58, 1) } .footer-social-links a:hover { color: #fff } .footer-social-links a:hover:before { background: #111 } a.link-to-top { position: absolute; bottom: 20px; right: 20px; width: 40px; height: 40px; line-height: 40px; color: rgba(0, 0, 0, .2); font-size: 48px } .blog-item { margin-bottom: 80px; position: relative } .blog-item-date { width: 100px; padding: 10px; position: absolute; top: 0; left: -130px; font-size: 12px; font-weight: 300; letter-spacing: 1px; line-height: 1.2; text-transform: uppercase; text-align: center; color: #999; border-right: 1px solid #eee } .blog-item-q p, .search-wrap { position: relative } .date-num { display: block; margin-bottom: 3px; font-size: 18px; font-weight: 400; color: #555 } .comment-author, .pagination a, .tags a { display: inline-block } .blog-media { margin-bottom: 30px } .blog-media .video, .blog-media iframe, .blog-media img { width: 100% } .blog-item-title { margin: 0 0 .5em; padding: 0; font-size: 24px; font-weight: 400; text-transform: uppercase } .blog-item-data, .blog-post-data { font-size: 11px; letter-spacing: 1px; text-transform: uppercase } .blog-item-title a { color: #111; text-decoration: none } .blog-item-title a:hover { color: #777; text-decoration: none } .blog-item-data { margin-bottom: 30px; color: #aaa } .separator { margin: 0 5px } .blog-item-data a { color: #aaa; text-decoration: none; transition: all .27s cubic-bezier(0, 0, .58, 1) } .blog-item-more, .blog-item-q p a { -moz-transition: all .27s cubic-bezier(0, 0, .58, 1); -o-transition: all .27s cubic-bezier(0, 0, .58, 1); -ms-transition: all .27s cubic-bezier(0, 0, .58, 1) } .blog-item-data a:hover { color: #000; text-decoration: none } .blog-post-data { margin-top: 10px; color: #aaa } .blog-item-body { font-size: 16px; font-weight: 300; color: #5f5f5f; line-height: 1.8 } .blog-item-body h1, .blog-item-body h2, .blog-item-body h3, .blog-item-body h4, .blog-item-body h5, .blog-item-body h6 { margin: 1.3em 0 .5em } .blog-item-more { border: 1px solid #eaeaea; padding: 5px 10px; font-size: 12px; font-weight: 400; text-transform: uppercase; color: #777; letter-spacing: 1px; transition: all .27s cubic-bezier(0, 0, .58, 1) } .blog-item-more:hover { text-decoration: none; border-color: #111 } a.blog-item-more { color: #777; text-decoration: none } a.blog-item-more:hover { color: #111 } .blog-item-q { background: 0 0; border: none; padding: 0; margin: 1em 0 } .blog-item-q p { background: #f8f8f8; padding: 17px 20px; font-size: 18px; font-weight: 300; letter-spacing: 0 } .blog-item-q p a { color: #555; text-decoration: none; -webkit-transition: all .27s cubic-bezier(0, 0, .58, 1); transition: all .27s cubic-bezier(0, 0, .58, 1) } .blog-item-q p:after, .blog-item-q p:before, .pagination a { -moz-transition: all .27s cubic-bezier(0, 0, .58, 1); -o-transition: all .27s cubic-bezier(0, 0, .58, 1); -ms-transition: all .27s cubic-bezier(0, 0, .58, 1) } .blog-item-q p a:hover, .blog-item-q:hover a { text-decoration: none; color: #777 } .blog-item-q p:after, .blog-item-q p:before { -webkit-transition: all .27s cubic-bezier(0, 0, .58, 1); transition: all .27s cubic-bezier(0, 0, .58, 1) } .blog-item-q p:before { position: absolute; top: 10px; left: 10px } .blog-item-q p:hover:after, .blog-item-q p:hover:before { color: #777 } .blog-page-title { margin-bottom: 30px; padding-bottom: 10px; border-bottom: 1px solid #eee } .pagination { font-size: 13px; font-family: "Open Sans", arial, sans-serif } .comment-item-data, .floorplan-num sup { font-family: "Open Sans", Arial, Helvetica, sans-serif } .pagination a { min-width: 30px; -moz-box-sizing: border-box; box-sizing: border-box; padding: 7px 14px; border: 1px solid #eaeaea; color: #999; font-size: 13px; font-weight: 400; text-transform: uppercase; text-decoration: none; -webkit-transition: all .27s cubic-bezier(0, 0, .58, 1); transition: all .27s cubic-bezier(0, 0, .58, 1) } .pagination .fa { margin-top: 1px; font-size: 16px } .pagination a:hover { text-decoration: none; border-color: #bbb; color: #444 } .pagination a.active, .pagination a.active:hover { border-color: #bbb; color: #444; cursor: default } .pagination a.no-active, .pagination a.no-active:hover { border-color: #efefef; color: #bbb; cursor: default } .comment-item { padding-top: 30px!important; border-top: 1px dotted #e9e9e9; font-size: 14px } .comment-item:first-child { padding-top: 0; border-top: none } .comment-avatar { width: 50px; margin-right: 10px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50% } .comment-item-data { margin: 0 0 5px; text-transform: uppercase; font-size: 12px; color: #777 } .comment-item-data a { color: #777; text-decoration: none; -webkit-transition: all .27s cubic-bezier(0, 0, .58, 1); -moz-transition: all .27s cubic-bezier(0, 0, .58, 1); -o-transition: all .27s cubic-bezier(0, 0, .58, 1); -ms-transition: all .27s cubic-bezier(0, 0, .58, 1); transition: all .27s cubic-bezier(0, 0, .58, 1) } .widget-comments li a, .widget-menu li a { -webkit-transition: all .17s cubic-bezier(0, 0, .58, 1); -moz-transition: all .17s cubic-bezier(0, 0, .58, 1); -o-transition: all .17s cubic-bezier(0, 0, .58, 1); -ms-transition: all .17s cubic-bezier(0, 0, .58, 1); text-decoration: none } .comment-item-data a:hover { color: #000; text-decoration: none } .comment-author { margin-right: 20px; font-size: 11px; font-weight: 700 } .tags a, .widget-title { font-weight: 400; text-transform: uppercase } .comment-author a { color: #999 } .sidebar { margin-top: 10px } .widget { margin-bottom: 60px } .widget .img-left { margin: 0 10px 10px 0 } .widget .img-right { margin: 0 0 10px 10px } .widget-title { margin-bottom: 20px; padding-bottom: 5px; font-size: 14px; color: #777; border-bottom: 1px solid #ccc } .widget-body { font-size: 13px; color: #777 } .search-field { width: 100%!important; height: 40px!important; -moz-box-sizing: border-box; box-sizing: border-box } .alert, .floorplan-wrap { -webkit-box-sizing: border-box; -moz-box-sizing: border-box } .search-button { width: 42px; height: 40px; line-height: 38px; margin-top: -20px; position: absolute; top: 50%; right: 1px; background: 0 0; border: none; outline: 0; color: #999; font-size: 14px } .search-button:hover { color: #111 } .search-button:hover+.search-field { border-color: #ccc } .widget-menu { font-size: 13px } .widget-menu li { padding: 5px 0 } .widget-menu li a { color: #555; padding-bottom: 2px; border-bottom: 1px solid transparent; transition: all .17s cubic-bezier(0, 0, .58, 1) } .widget-menu li a.active, .widget-menu li a:hover { color: #999 } .widget-menu li small { font-size: 11px; color: #aaa } .tags a { margin: 0 2px 5px 0; padding: 5px 7px; border: 1px solid #e9e9e9; color: #777; font-size: 11px; text-decoration: none; letter-spacing: 1px; -webkit-transition: all .27s cubic-bezier(0, 0, .58, 1); -moz-transition: all .27s cubic-bezier(0, 0, .58, 1); -o-transition: all .27s cubic-bezier(0, 0, .58, 1); -ms-transition: all .27s cubic-bezier(0, 0, .58, 1); transition: all .27s cubic-bezier(0, 0, .58, 1) } .tags a:hover { text-decoration: none; border-color: #333; color: #111 } .widget-comments li, .widget-posts li { padding: 12px 0; border-bottom: 1px dotted #eaeaea } .widget-comments { color: #aaa } .widget-comments li a { color: #555; transition: all .17s cubic-bezier(0, 0, .58, 1) } .widget-comments li a:hover { color: #999 } .widget-posts { color: #aaa } .widget-posts li { font-size: 12px } .widget-posts li a { font-size: 13px; display: block; color: #555; text-decoration: none; -webkit-transition: all .17s cubic-bezier(0, 0, .58, 1); -moz-transition: all .17s cubic-bezier(0, 0, .58, 1); -o-transition: all .17s cubic-bezier(0, 0, .58, 1); -ms-transition: all .17s cubic-bezier(0, 0, .58, 1); transition: all .17s cubic-bezier(0, 0, .58, 1) } .owl-next, .owl-prev, .floorplan-item-inner { -webkit-transition: all .27s cubic-bezier(0, 0, .58, 1); -moz-transition: all .27s cubic-bezier(0, 0, .58, 1); -o-transition: all .27s cubic-bezier(0, 0, .58, 1); -ms-transition: all .27s cubic-bezier(0, 0, .58, 1) } .widget-posts li a:hover { color: #999 } .widget-posts-img { float: left; margin: 0 7px 0 0 } .shopping-cart-table a { text-decoration: none } .floorplan-item { margin: 0 0 30px; position: relative } .floorplan-item-inner { border: 1px solid #eaeaea; transition: all .27s cubic-bezier(0, 0, .58, 1) } .main .floorplan-item-inner, .floorplan-item-inner:hover { border-color: #aaa } .pr-button, .pr-list li:first-child { border-top: 1px solid #f1f1f1 } .floorplan-wrap { position: relative; box-sizing: border-box; padding: 30px 20px } .floorplan-thumb { margin-bottom: 40px; } .floorplan-title { position: relative; margin-bottom: 40px; font-size: 15px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; z-index: 1 } .pr-list { margin: 0 -20px 30px; padding: 0; color: #777; font-size: 12px; font-weight: 400; text-transform: uppercase; letter-spacing: 2px } .pr-list li { padding: 12px 20px; list-style: none; border-bottom: 1px solid #f1f1f1 } .floorplan-num { font-size: 40px; font-weight: 300; line-height: 1 } .floorplan-num sup { font-size: 18px; font-weight: 400; position: relative; top: -20px; left: -3px; margin-left: -7px } .pr-button { margin: 30px -20px 0; padding-top: 30px } .pr-per { color: #999; font-size: 12px } .margin-block { margin-bottom: 30px } .owl-buttons { position: static } .owl-next, .owl-prev { opacity: 0; display: block; position: absolute; top: 50%; margin-top: -50px; width: 105px; height: 105px; line-height: 105px; font-size: 16px; color: #111; z-index: 6; transition: all .27s cubic-bezier(0, 0, .58, 1) } .tpl-minimal-tabs, .tpl-tabs { font-size: 12px; letter-spacing: 1px; font-weight: 400; text-transform: uppercase } .owl-prev { left: -50px } .owl-next { right: -50px } .owl-next:before, .owl-prev:before { content: ""; display: block; width: 66%; height: 66%; position: absolute; top: 17px; left: 0; background: #fff; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: 1px 1px 0 rgba(0, 0, 0, .1); -moz-box-shadow: 1px 1px 0 rgba(0, 0, 0, .1); box-shadow: 1px 1px 0 rgba(0, 0, 0, .1); -moz-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: all .27s cubic-bezier(0, 0, .58, 1); -moz-transition: all .27s cubic-bezier(0, 0, .58, 1); -o-transition: all .27s cubic-bezier(0, 0, .58, 1); -ms-transition: all .27s cubic-bezier(0, 0, .58, 1); transition: all .27s cubic-bezier(0, 0, .58, 1) } .owl-next:before { left: auto; right: 0 } .owl-next .fa, .owl-prev .fa { position: relative } .owl-next:hover, .owl-prev:hover { -webkit-transition: 0 none!important; -moz-transition: 0 none!important; -ms-transition: 0 none!important; -o-transition: 0 none!important; transition: 0 none!important } .accordion>dt>a, .owl-page span { -moz-transition: all .27s cubic-bezier(0, 0, .58, 1); -o-transition: all .27s cubic-bezier(0, 0, .58, 1); -ms-transition: all .27s cubic-bezier(0, 0, .58, 1) } .owl-next:hover:before, .owl-prev:hover:before { opacity: .87 } .owl-next:active:before, .owl-prev:active:before { opacity: .6 } .owl-carousel:hover .owl-prev { opacity: 1; left: -35px } .owl-carousel:hover .owl-next { opacity: 1; right: -35px } .owl-pagination { display: block; width: 100%; position: absolute; bottom: 30px; left: 0 } .owl-page { display: inline-block; padding: 6px 4px; position: relative } .owl-page span { width: 6px; height: 6px; display: block; background: rgba(255, 255, 255, .7); position: relative; z-index: 1000!important; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 1px 1px 0 rgba(0, 0, 0, .1); -moz-box-shadow: 1px 1px 0 rgba(0, 0, 0, .1); box-shadow: 1px 1px 0 rgba(0, 0, 0, .1); -webkit-transition: all .27s cubic-bezier(0, 0, .58, 1); transition: all .27s cubic-bezier(0, 0, .58, 1) } .owl-page:hover span { background: rgba(255, 255, 255, 1) } .owl-page.active span { background: 0 0; bordeR: 1px solid rgba(255, 255, 255, .8); -webkit-transform: scale(1.3333333); -moz-transform: scale(1.3333333); -o-transform: scale(1.3333333); -ms-transform: scale(1.3333333); transform: scale(1.3333333) } .item-carousel .owl-prev { left: -125px } .item-carousel .owl-next { right: -125px } section:hover .item-carousel.owl-carousel .owl-prev { opacity: 1; left: -80px } section:hover .item-carousel.owl-carousel .owl-next { opacity: 1; right: -80px } .item-carousel { margin-bottom: -50px; padding-bottom: 50px } .item-carousel .owl-pagination { bottom: 0 } .content-slider .owl-pagination, .work-full-slider .owl-pagination { bottom: 15px } .single-carousel, .small-item-carousel { margin-bottom: 35px } .single-carousel .owl-pagination, .small-item-carousel .owl-pagination { position: relative; left: 0; top: 35px; margin: 0 } .single-carousel.black .owl-page span, .small-item-carousel.black .owl-page span { background: rgba(0, 0, 0, .15); -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none } .single-carousel.black .owl-page.active span, .single-carousel.black .owl-page:hover span, .small-item-carousel.black .owl-page.active span, .small-item-carousel.black .owl-page:hover span { background: rgba(0, 0, 0, .4) } .single-carousel.black .owl-next, .single-carousel.black .owl-prev, .small-item-carousel.black .owl-next, .small-item-carousel.black .owl-prev { color: rgba(0, 0, 0, .2); text-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none } .single-carousel.black .owl-next:hover, .single-carousel.black .owl-prev:hover, .small-item-carousel.black .owl-next:hover, .small-item-carousel.black .owl-prev:hover { color: rgba(0, 0, 0, .35) } .single-carousel .owl-prev, .small-item-carousel .owl-prev { left: -125px } .single-carousel .owl-next, .small-item-carousel .owl-next { right: -125px } section:hover .single-carousel .owl-prev, section:hover .small-item-carousel .owl-prev { opacity: 1; left: -80px } section:hover .single-carousel .owl-next, section:hover .small-item-carousel .owl-next { opacity: 1; right: -80px } .black-arrows .owl-next, .black-arrows .owl-prev { color: #fff } .black-arrows .owl-next:before, .black-arrows .owl-prev:before { background: rgba(0, 0, 0, 1) } .tpl-tabs { border-color: #e5e5e5 } .tpl-tabs>li>a { text-decoration: none; color: #777; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0 } .tpl-tabs>li>a:hover { background-color: #f5f5f5 } .tpl-tabs li.active a { color: #000 } .tpl-tabs-cont { padding: 30px 0; color: #777; line-height: 1.8 } .tpl-minimal-tabs { display: inline-block; border: none } .tpl-minimal-tabs>li { padding: 0 30px; background: 0 0!important } .tpl-minimal-tabs>li>a { padding: 6px 20px 5px; text-decoration: none; color: #000; background: 0 0; border: 1px solid transparent; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px } .tpl-minimal-tabs>li>a:hover { background: 0 0; border-color: #e9e9e9; color: #777 } .tpl-minimal-tabs li.active a, .tpl-minimal-tabs li.active a:hover { border: 1px solid #222!important; background: 0 0!important; color: #000; cursor: default } .tpl-alt-tabs { font-size: 14px; font-weight: 400; text-transform: uppercase; letter-spacing: .4em; border: none } .tpl-alt-tabs>li { width: 215px; display: inline-block; vertical-align: top; float: none; padding: 0; background: 0 0!important } .et-examples, .play-video-link .fa { vertical-align: middle } .tpl-alt-tabs>li>a { text-decoration: none; color: #a3a3a3; background: 0 0!important; border: none!important; -webkit-transition: all .5s cubic-bezier(.25, .46, .45, .94); -moz-transition: all .5s cubic-bezier(.25, .46, .45, .94); -o-transition: all .5s cubic-bezier(.25, .46, .45, .94); transition: all .5s cubic-bezier(.25, .46, .45, .94) } .accordion>dt>a, .accordion>dt>a:after { -webkit-transition: all .27s cubic-bezier(0, 0, .58, 1) } .tpl-alt-tabs>li>a:hover { background: 0 0; color: #111 } .tpl-alt-tabs li.active a, .tpl-alt-tabs li.active a:hover { cursor: default; color: #111 } .alt-tabs-icon { display: block; margin-bottom: 12px; font-size: 48px; letter-spacing: 0 } .alert { margin: 0 auto 10px; padding: 14px 20px; box-sizing: border-box; border: 1px solid #ddd; font-size: 11px; letter-spacing: 1px; text-transform: uppercase; color: #777; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0 } .accordion>dt>a:after, .toggle>dt>a:after { width: 15px; height: 15px; margin-top: -8px; top: 50%; right: 10px; font-family: FontAwesome; speak: none; font-style: normal; font-variant: normal; text-align: center; -webkit-font-smoothing: antialiased } .accordion>dt, .toggle>dt { letter-spacing: .2em; margin-bottom: 10px; font-weight: 400 } .success { border-color: #a9e2c2; color: #36a367 } .info { border-color: #9ecdfc; color: #297ad3 } .notice { border-color: #f9ce75; color: #e9a00a } .error { border-color: #fbb; color: #e33131 } .accordion>dt { font-size: 12px; text-transform: uppercase } .accordion>dt>a { display: block; position: relative; color: #777; text-decoration: none; padding: 14px 20px; border: 1px solid #e5e5e5; transition: all .27s cubic-bezier(0, 0, .58, 1) } .accordion>dt>a:after, .toggle>dt>a { -moz-transition: all .27s cubic-bezier(0, 0, .58, 1); -o-transition: all .27s cubic-bezier(0, 0, .58, 1); -ms-transition: all .27s cubic-bezier(0, 0, .58, 1) } .accordion>dt>a:hover { text-decoration: none; border-color: #ddd; background-color: #fcfcfc; color: #444 } .accordion>dt>a.active { color: #000; border-color: #ddd; background-color: #fcfcfc; cursor: default } .accordion>dt>a:after { content: "\f107"; position: absolute; font-weight: 400; text-transform: none; font-size: 15px; line-height: 15px; color: #999; transition: all .27s cubic-bezier(0, 0, .58, 1) } .accordion>dt>a.active:after, .accordion>dt>a.active:hover:after { content: "\f106"; color: #111 } .accordion>dt>a:hover:after { color: #444 } .accordion>dd { margin-bottom: 10px; padding: 10px 20px 20px; font-size: 14px; line-height: 1.8; color: #777 } .toggle>dt { font-size: 13px; text-transform: uppercase } .toggle>dt>a { display: block; position: relative; color: #777; text-decoration: none; padding: 14px 20px; border: 1px solid #e5e5e5; -webkit-transition: all .27s cubic-bezier(0, 0, .58, 1); transition: all .27s cubic-bezier(0, 0, .58, 1) } .toggle>dt>a.active, .toggle>dt>a:hover { border-color: #ddd; background-color: #fcfcfc } .tpl-progress, .tpl-progress-alt { -webkit-border-radius: 0; -moz-border-radius: 0 } .toggle>dt>a:hover { text-decoration: none; color: #444 } .toggle>dt>a.active { color: #000 } .toggle>dt>a:after { content: "\f107"; position: absolute; font-weight: 400; text-transform: none; font-size: 15px; line-height: 15px; color: #999; -webkit-transition: all .27s cubic-bezier(0, 0, .58, 1); -moz-transition: all .27s cubic-bezier(0, 0, .58, 1); -o-transition: all .27s cubic-bezier(0, 0, .58, 1); -ms-transition: all .27s cubic-bezier(0, 0, .58, 1); transition: all .27s cubic-bezier(0, 0, .58, 1) } .toggle>dt>a.active:after, .toggle>dt>a.active:hover:after { content: "\f106"; color: #111 } .toggle>dt>a:hover:after { color: #444 } .toggle>dd { margin-bottom: 10px; padding: 10px 20px 20px; font-size: 14px; line-height: 1.8; color: #777 } .tpl-progress .progress-bar, .tpl-progress-alt .progress-bar { overflow: visible; font-size: 11px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box } .tpl-progress { margin-top: 10px; margin-bottom: 50px; font-weight: 400; text-transform: uppercase; letter-spacing: 1px; overflow: visible; height: 2px; background: #f0f0f0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none } .tpl-progress .progress-bar { padding-top: 2px; position: relative; background-color: #222; color: #000; text-align: left; box-sizing: border-box } .tpl-progress .progress-bar>span { display: inline-block; min-width: 24px; height: 24px; padding: 0 3px; position: absolute; top: 0; right: -5px; text-align: center; line-height: 23px; letter-spacing: 0; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px } .progress-color .progress-bar { background-color: #e41919; color: #e41919 } .progress-color .progress-bar>span { background-color: #e41919; color: #fff } .tpl-progress-alt { background: #f2f2f2; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none } .tpl-progress-alt .progress-bar { padding-left: 5px; padding-right: 5px; position: relative; background-color: #222; text-transform: uppercase; letter-spacing: 2px; color: #fff; text-align: left; box-sizing: border-box } .blog-slide-info, .side-panel { -webkit-box-sizing: border-box } .highlight pre { border-color: #eaeaea; background: #fcfcfc; color: #555; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0 } .fa-examples { color: #555; margin-left: 1px } .fa-examples>div { padding: 0; border: 1px solid #e5e5e5; margin: -1px 0 0 -1px; font-size: 13px } .fa-examples>div:hover { background: #f0f0f0; color: #000 } .fa-examples>div>i { display: inline-block; margin-right: 5px; min-width: 40px; min-height: 40px; border-right: 1px solid #f1f1f1; line-height: 40px; text-align: center; font-size: 14px } .fa-examples>div>.muted { margin-left: 5px; color: #999; font-size: 12px } .fa-sm { width: 20px; font-size: 14px } .et-examples { color: #555; margin-left: 1px } .et-examples .box1 { display: block; width: 33%; float: left; padding: 0; border: 1px solid #e5e5e5; margin: -1px 0 0 -1px; font-size: 13px } @media only screen and (max-width:1024px) { .et-examples .box1 { width: 50% } } @media only screen and (max-width:480px) { .et-examples .box1 { width: 100% } } .et-examples .box1:hover { background: #f8f8f8; color: #111 } .et-examples .box1>span { display: inline-block; margin-right: 5px; min-width: 70px; min-height: 70px; border-right: 1px solid #f1f1f1; line-height: 70px; text-align: center; font-size: 32px } .intro-image { width: 100% } .intro-label { position: absolute; top: 7px; right: 10px; font-size: 17px; text-transform: uppercase; letter-spacing: .1em } .intro-label-round, .label-for-button { position: absolute; top: -5px; right: -5px } .intro-label-round, .label-new { letter-spacing: 1px; background: #f32929; text-transform: uppercase; font-weight: 700 } .label-new { color: #fff; padding: 2px 3px; font-size: 9px } .intro-label-round { width: 50px; height: 50px; color: rgba(255, 255, 255, .85); font-size: 11px; text-align: center; line-height: 50px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50% } .magazine-logo-text { margin-top: 0; position: relative; font-size: 25px; font-weight: 400; text-transform: uppercase; letter-spacing: .2em; line-height: 1.8 } .blog-posts-carousel-item { padding-bottom: 20px } .blog-posts-carousel-item .post-prev-info, .blog-posts-carousel-item .post-prev-title { padding: 0 10px } .blog-post-prev-small { color: #aaa; font-size: 12px; padding: 12px 0; border-top: 1px dotted #eaeaea } .blog-post-prev-small a { font-size: 13px; display: block; color: #555; text-decoration: none; -webkit-transition: all .17s cubic-bezier(0, 0, .58, 1); -moz-transition: all .17s cubic-bezier(0, 0, .58, 1); -o-transition: all .17s cubic-bezier(0, 0, .58, 1); -ms-transition: all .17s cubic-bezier(0, 0, .58, 1); transition: all .17s cubic-bezier(0, 0, .58, 1) } .blog-post-prev-small a:hover { color: #999 } .blog-posts-carousel-alt li img { -webkit-transition: all .27s cubic-bezier(0, 0, .58, 1); -moz-transition: all .27s cubic-bezier(0, 0, .58, 1); -o-transition: all .27s cubic-bezier(0, 0, .58, 1); -ms-transition: all .27s cubic-bezier(0, 0, .58, 1); transition: all .27s cubic-bezier(0, 0, .58, 1) } .blog-posts-carousel-alt li:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); -webkit-transition: all 5s cubic-bezier(0, 0, .58, 1); -moz-transition: all 5s cubic-bezier(0, 0, .58, 1); -o-transition: all 5s cubic-bezier(0, 0, .58, 1); -ms-transition: all 5s cubic-bezier(0, 0, .58, 1); transition: all 5s cubic-bezier(0, 0, .58, 1) } .blog-slide-info { width: 100%; padding: 30px; position: absolute; bottom: 0; left: 0; text-transform: uppercase; text-align: center; font-size: 11px; letter-spacing: 1px; color: rgba(255, 255, 255, .75); -moz-box-sizing: border-box; box-sizing: border-box; background: rgba(0, 0, 0, .65) } .blog-slide-title { margin-bottom: 6px; font-size: 16px; text-transform: uppercase; letter-spacing: .2em } .blog-slide-data, .db-title { letter-spacing: 1px; text-transform: uppercase } .blog-slide-title a { display: block; color: rgba(255, 255, 255, .85); text-decoration: none; -moz-transition: all .27s cubic-bezier(.3, .1, .58, 1); -o-transition: all .27s cubic-bezier(.3, .1, .58, 1); -ms-transition: all .27s cubic-bezier(.3, .1, .58, 1); transition: all .27s cubic-bezier(.3, .1, .58, 1) } .blog-slide-data a, .play-video-link:focus, .play-video-link:hover { -webkit-transition: all .27s cubic-bezier(0, 0, .58, 1); -moz-transition: all .27s cubic-bezier(0, 0, .58, 1); -o-transition: all .27s cubic-bezier(0, 0, .58, 1); -ms-transition: all .27s cubic-bezier(0, 0, .58, 1); text-decoration: none } .blog-slide-title a:hover { color: rgba(255, 255, 255, 1) } .blog-slide-data { font-size: 11px } .blog-slide-data a { color: rgba(255, 255, 255, .65); transition: all .27s cubic-bezier(0, 0, .58, 1) } .blog-slide-data a:hover { color: rgba(255, 255, 255, 1); text-decoration: none } .play-video-link { text-decoration: none; text-transform: uppercase; font-size: 14px; color: #111 } .play-video-link:focus, .play-video-link:hover { color: #777; transition: all .27s cubic-bezier(0, 0, .58, 1) } .download-button { display: inline-block; position: relative; padding: 13px 20px 13px 55px; border: 2px solid #111; text-align: left; text-decoration: none; -webkit-transition: all .27s cubic-bezier(0, 0, .58, 1); -moz-transition: all .27s cubic-bezier(0, 0, .58, 1); -o-transition: all .27s cubic-bezier(0, 0, .58, 1); -ms-transition: all .27s cubic-bezier(0, 0, .58, 1); transition: all .27s cubic-bezier(0, 0, .58, 1) } .download-button:focus, .download-button:hover { text-decoration: none; color: #111; opacity: .6 } .db-icon { width: 40px; height: 40px; position: absolute; top: 10px; left: 10px; font-size: 28px; line-height: 40px; text-align: center } .db-title { display: block; font-size: 12px; font-weight: 700 } .db-descr { display: block; font-size: 11px; color: #777; font-weight: 400 } .fullwidth-slideshow { cursor: grab; cursor: -webkit-grab; cursor: -moz-grab } .fullwidth-slideshow-pager-wrap { cursor: default; width: 100%; position: absolute; bottom: 0; left: 0; padding: 60px 0 20px; z-index: 25; background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, .65))); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, .65)); background: -moz-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, .65)); background: -o-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, .65)); background: -ms-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, .65)); background: linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, .65)); background-color: rgba(0, 0, 0, 0) } .side-panel, .sp-overlay { position: fixed; top: 0; left: 0; height: 100% } .sp-button, .sp-overlay { display: none; z-index: 1030 } .fullwidth-slideshow-pager-wrap .owl-item { opacity: .7; -webkit-transition: all 70ms cubic-bezier(0, 0, .58, 1); -moz-transition: all 70ms cubic-bezier(0, 0, .58, 1); -o-transition: all 70ms cubic-bezier(0, 0, .58, 1); -ms-transition: all 70ms cubic-bezier(0, 0, .58, 1); transition: all 70ms cubic-bezier(0, 0, .58, 1) } .fullwidth-slideshow-pager-wrap .owl-item.synced, .fullwidth-slideshow-pager-wrap .owl-item:hover { opacity: 1 } .fsp-item { margin: 0 2px; cursor: pointer } .fsp-item:active { -webkit-transform: scale(.98); -moz-transform: scale(.98); -o-transform: scale(.98); -ms-transform: scale(.98); transform: scale(.98) } .fsp-item img { width: 100%; -webkit-border-radius: 2px; -moz-border-radius: 2px; -border-radius: 2px; -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, .75); -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, .75); box-shadow: 0 1px 5px rgba(0, 0, 0, .75) } .side-panel-is-left { margin-left: 270px } .sp-overlay { width: 100%; background: rgba(10, 10, 10, .85); cursor: crosshair } .side-panel { width: 270px; padding-bottom: 60px; overflow-y: auto; color: rgba(255, 255, 255, .65); background: #151515; text-align: center; z-index: 1031; -moz-box-sizing: border-box; box-sizing: border-box } .sp-close-button { display: none; position: absolute; top: 20px; right: 20px; width: 36px; height: 36px; border: 1px solid rgba(255, 255, 255, .5); opacity: .5; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transition: all .17s cubic-bezier(0, 0, .58, 1); -moz-transition: all .17s cubic-bezier(0, 0, .58, 1); -o-transition: all .17s cubic-bezier(0, 0, .58, 1); -ms-transition: all .17s cubic-bezier(0, 0, .58, 1); transition: all .17s cubic-bezier(0, 0, .58, 1) } .sp-close-button:after, .sp-close-button:before { position: absolute; top: 50%; left: 50%; background: #fff; content: "" } .sp-close-button:hover { opacity: .75; -moz-transform: rotate(45deg); transform: rotate(45deg) } .sp-close-button:before { width: 14px; height: 2px; margin: -1px 0 0 -7px } .sp-close-button:after { width: 2px; height: 14px; margin: -7px 0 0 -1px } .sp-button { position: fixed; top: 20px; left: 20px; width: 54px; height: 54px; background: #111; opacity: .85; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-transition: opacity .27s cubic-bezier(0, 0, .58, 1); -moz-transition: opacity .27s cubic-bezier(0, 0, .58, 1); -o-transition: opacity .27s cubic-bezier(0, 0, .58, 1); -ms-transition: opacity .27s cubic-bezier(0, 0, .58, 1); transition: opacity .27s cubic-bezier(0, 0, .58, 1) } .sp-button:hover { opacity: 1 } .sp-button span { display: block; width: 22px; height: 2px; background: #fff; position: absolute; top: 50%; left: 50%; margin: -1px 0 0 -11px; -webkit-transition: all 70ms cubic-bezier(0, 0, .58, 1); -moz-transition: all 70ms cubic-bezier(0, 0, .58, 1); -o-transition: all 70ms cubic-bezier(0, 0, .58, 1); -ms-transition: all 70ms cubic-bezier(0, 0, .58, 1); transition: all 70ms cubic-bezier(0, 0, .58, 1) } .sp-button span:after, .sp-button span:before { content: ""; display: block; width: 100%; height: 2px; background: #fff; position: absolute; top: -6px; left: 0; -webkit-transition: top 70ms cubic-bezier(0, 0, .58, 1), bottom 70ms cubic-bezier(0, 0, .58, 1), -webkit-transform .2s cubic-bezier(0, 0, .58, 1) 70ms; -moz-transition: top 70ms cubic-bezier(0, 0, .58, 1), bottom 70ms cubic-bezier(0, 0, .58, 1), -moz-transform .2s cubic-bezier(0, 0, .58, 1) 70ms; -o-transition: top 70ms cubic-bezier(0, 0, .58, 1), bottom 70ms cubic-bezier(0, 0, .58, 1), -o-transform .2s cubic-bezier(0, 0, .58, 1) 70ms; -ms-transition: top 70ms cubic-bezier(0, 0, .58, 1), bottom 70ms cubic-bezier(0, 0, .58, 1), -ms-transform .2s cubic-bezier(0, 0, .58, 1) 70ms; transition: top 70ms cubic-bezier(0, 0, .58, 1), bottom 70ms cubic-bezier(0, 0, .58, 1), transform .2s cubic-bezier(0, 0, .58, 1) 70ms } .sp-logo-wrap .logo, .sp-menu-links a { display: block; -webkit-transition: all .27s cubic-bezier(0, 0, .58, 1); -moz-transition: all .27s cubic-bezier(0, 0, .58, 1); -o-transition: all .27s cubic-bezier(0, 0, .58, 1); -ms-transition: all .27s cubic-bezier(0, 0, .58, 1) } .sp-button span:after { top: auto; bottom: -6px } .sp-logo-wrap .logo { padding: 30px; text-align: center; transition: all .27s cubic-bezier(0, 0, .58, 1) } .sp-logo-wrap .logo img { max-width: 100% } .sp-menu-links, .sp-menu-links ul { margin: 0; padding: 10px 0; line-height: 1.3; text-align: center } .sp-menu-links ul.sp-sub { padding: 0 } .sp-menu-links a { position: relative; margin: 0; padding: 15px 20px; color: #999; font-size: 14px; letter-spacing: 2px; font-weight: 400; text-transform: uppercase; text-decoration: none; cursor: pointer; -webkit-tap-highlight-color: rgba(255, 255, 255, .1); transition: all .27s cubic-bezier(0, 0, .58, 1); z-index: 11 } .sp-menu-links li.js-opened:before, .sp-sub { display: none } .no-touch .sp-menu-links a:hover, .sp-menu-links a:active, .sp-menu-links li.js-opened>a { color: #d5d5d5; text-decoration: none } .no-touch .sp-menu-links a:hover { background-color: rgba(255, 255, 255, .05) } .sp-menu-links li { margin: 0; padding: 0; position: relative; overflow: hidden } .sp-menu-links li a.active, .sp-menu-links li>a:active { color: #f5f5f5 } .js-opened>.sp-has-sub>.fa, .no-touch .sp-menu-links li.js-opened>a:hover, .sp-menu-links li.js-opened>a:active { color: #fff } .sp-has-sub .fa { font-size: 14px } .sp-sub { opacity: 0; position: relative } .countdown, .sp-social-links>a { display: inline-block } .sp-sub>li>a { font-size: 13px; font-weight: 400; padding: 5px 20px } .sp-menu-links li.js-opened .sp-sub { opacity: 1 } .sp-search { width: 100% } .sp-search input.search-field { background: 0 0; color: #555; text-align: center; border: none; border-bottom: 1px solid rgba(255, 255, 255, .2) } .sp-search input.search-field:hover { border: none; border-bottom: 1px solid rgba(255, 255, 255, .4) } .sp-search input.search-field:focus { color: #999; border-color: rgba(255, 255, 255, .7) } .sp-search .search-button:hover { color: #fff } .sp-social-links { position: fixed; bottom: 0; left: 0; width: inherit; padding: 10px 10px 30px; font-size: 14px; text-align: center; background: 0 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; z-index: 1032 } .sp-social-links>a { margin: 0 2px; width: 34px; height: 34px; line-height: 34px; border: 1px solid rgba(255, 255, 255, .15); text-align: center; text-decoration: none; color: #555; -webkir-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-transition: all .27s cubic-bezier(0, 0, .58, 1); -moz-transition: all .27s cubic-bezier(0, 0, .58, 1); -o-transition: all .27s cubic-bezier(0, 0, .58, 1); -ms-transition: all .27s cubic-bezier(0, 0, .58, 1); transition: all .27s cubic-bezier(0, 0, .58, 1) } .sp-social-links>a:hover { border-color: rgba(255, 255, 255, .3); color: #999 } .side-panel.white { color: rgba(0, 0, 0, .65)!important; background: #fafafa; border-right: 1px solid rgba(0, 0, 0, .07) } .side-panel.white .sp-close-button { border: 1px solid rgba(0, 0, 0, .5) } .side-panel.white .sp-close-button:after, .side-panel.white .sp-close-button:before { background: #000 } .side-panel.white .sp-menu-links a { color: #777; -webkit-tap-highlight-color: rgba(0, 0, 0, .05) } .side-panel.white .sp-menu-links li { border-top: 1px solid rgba(0, 0, 0, .04) } .side-panel.white .sp-menu-links li:last-child { border-bottom: 1px solid rgba(0, 0, 0, .04) } .no-touch .side-panel.white .sp-menu-links a:hover, .side-panel.white .sp-menu-links a:active, .side-panel.white .sp-menu-links li.js-opened>a { color: #111; text-decoration: none } .no-touch .side-panel.white .sp-menu-links a:hover { background-color: rgba(0, 0, 0, .03) } .no-touch .side-panel.white .sp-menu-links li.js-opened>a:hover, .side-panel.white .sp-menu-links li a.active, .side-panel.white .sp-menu-links li.js-opened>a:active, .side-panel.white .sp-menu-links li>a:active { color: #111 } .side-panel.white .js-opened>.sp-has-sub>.fa { color: #333 } .side-panel.white .sp-sub>li { border: none!important } .side-panel.white .sp-social-links>a { border: 1px solid rgba(0, 0, 0, .15); color: rgba(0, 0, 0, .4) } .side-panel.white .sp-social-links>a:hover { border-color: rgba(0, 0, 0, .3); color: rgba(0, 0, 0, .75) } .tilt-wrap { width: 100%; position: relative } .tilt { overflow: visible; position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0 auto } .tilt__back, .tilt__front { width: 100%; height: 100%; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; -webkit-backface-visibility: hidden; backface-visibility: hidden } .tilt__back { position: relative } .tilt__front { position: absolute; top: 0; left: 0 } .countdown>li { float: left; margin: 0 30px } .countdown-number { position: relative; display: block; width: 94px; height: 94px; color: #111; font-size: 36px; text-align: center; line-height: 84px } .countdown-number>span { position: relative; z-index: 2 } .countdown-number:before, .countdown-number>b { display: block; width: 100%; position: absolute; left: 0 } .countdown-number>b { bottom: 20px; font-size: 10px; font-weight: 400; text-transform: uppercase; letter-spacing: 1px; line-height: 1; color: #999; z-index: 2 } .countdown-number:before { content: ""; height: 100%; top: 0; background: rgba(255, 255, 255, .95); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); z-index: 1 } .countdown.dark .countdown-number { color: #fff } .countdown.dark .countdown-number>b { color: #aaa } .countdown.dark .countdown-number:before { background: rgba(0, 0, 0, .8) } .multi-columns-row .col-xs-1:nth-child(12n+13), .multi-columns-row .col-xs-2:nth-child(6n+7), .multi-columns-row .col-xs-3:nth-child(4n+5), .multi-columns-row .col-xs-4:nth-child(3n+4), .multi-columns-row .col-xs-6:nth-child(2n+3) { clear: left } @media (min-width:768px) { .multi-columns-row .col-xs-1:nth-child(12n+13), .multi-columns-row .col-xs-2:nth-child(6n+7), .multi-columns-row .col-xs-3:nth-child(4n+5), .multi-columns-row .col-xs-4:nth-child(3n+4), .multi-columns-row .col-xs-6:nth-child(2n+3) { clear: none } .multi-columns-row .col-sm-1:nth-child(12n+13), .multi-columns-row .col-sm-2:nth-child(6n+7), .multi-columns-row .col-sm-3:nth-child(4n+5), .multi-columns-row .col-sm-4:nth-child(3n+4), .multi-columns-row .col-sm-6:nth-child(2n+3) { clear: left } } @media (min-width:992px) { .multi-columns-row .col-sm-1:nth-child(12n+13), .multi-columns-row .col-sm-2:nth-child(6n+7), .multi-columns-row .col-sm-3:nth-child(4n+5), .multi-columns-row .col-sm-4:nth-child(3n+4), .multi-columns-row .col-sm-6:nth-child(2n+3) { clear: none } .multi-columns-row .col-md-1:nth-child(12n+13), .multi-columns-row .col-md-2:nth-child(6n+7), .multi-columns-row .col-md-3:nth-child(4n+5), .multi-columns-row .col-md-4:nth-child(3n+4), .multi-columns-row .col-md-6:nth-child(2n+3) { clear: left } } @media (min-width:1200px) { .multi-columns-row .col-md-1:nth-child(12n+13), .multi-columns-row .col-md-2:nth-child(6n+7), .multi-columns-row .col-md-3:nth-child(4n+5), .multi-columns-row .col-md-4:nth-child(3n+4), .multi-columns-row .col-md-6:nth-child(2n+3) { clear: none } .multi-columns-row .col-lg-1:nth-child(12n+13), .multi-columns-row .col-lg-2:nth-child(6n+7), .multi-columns-row .col-lg-3:nth-child(4n+5), .multi-columns-row .col-lg-4:nth-child(3n+4), .multi-columns-row .col-lg-6:nth-child(2n+3) { clear: left } } /* Global Responsive Styling */ @media only screen and (max-width:1366px) { .inner-nav ul li { margin-left: 25px } } @media only screen and (max-width:1200px) { .hs-wrap { max-width: 540px } .hs-line-1 { letter-spacing: 40px } .hs-line-2 { font-size: 68px } .hs-line-12 { font-size: 70px; letter-spacing: .3em } .hs-line-13 { font-size: 78px; letter-spacing: .195em } .alt-service-grid { margin-top: -40px } .alt-service-item { margin-top: 40px; padding-left: 48px } .alt-services-title { font-size: 14px; margin-bottom: 5px } .alt-services-image { margin-top: 10px } .work-grid-5 .work-item { width: 25% } .mod-breadcrumbs-mini { text-align: right } } @media only screen and (max-width:1199px) { .tpl-alt-tabs { font-size: 13px; letter-spacing: .2em } .tpl-alt-tabs>li { width: 170px } .split-section-wrapper { padding: 0 50px } } @media only screen and (max-width:1024px) { .hs-wrap { max-width: 480px; padding-top: 37px; padding-bottom: 43px } .hs-line-1 { letter-spacing: 30px } .hs-line-2 { font-size: 60px } .hs-line-9 { font-size: 71px } .hs-line-10 { padding: 10px 14px; letter-spacing: 1px } .hs-line-10>span { margin: 0 1px } .benefit-item { width: 300px; padding: 15px 32px } .page-section { padding: 120px 0 } .home-section, .page-section, .small-section { background-attachment: scroll } .owl-pagination { bottom: 25px } .section-bot-image { margin: 120px 0 -120px } .lp-item { width: 50% } .lp-item:nth-child(4n+5) { clear: none } .lp-item:nth-child(2n+3) { clear: left } .lp-author, .lp-title { font-size: 13px } } @media only screen and (max-width:992px) { .hs-line-1 { letter-spacing: 23px } .hs-line-13 { letter-spacing: .17em } .mod-breadcrumbs:not(.align-center):not(.mod-breadcrumbs-mini) { text-align: left!important } .tpl-alt-tabs>li { width: 200px } .split-section-content, .split-section-content.left, .split-section-content.right, .split-section-headings, .split-section-headings.left, .split-section-headings.right { float: none!important; width: auto } .split-section-headings .section-title { font-size: 35px; letter-spacing: 5px } .banner-text { text-align: center } .banner-image { margin: 40px 0 } .team-item-name { font-size: 13px } .features-icon { font-size: 64px } .features-title { font-size: 20px } .features-descr { font-size: 14px } .container .work-grid-3 .work-item, .work-grid-3 .work-item, .work-grid-5 .work-item, .work-item { width: 50% } .blog-item-date { border: none } .countdown>li { margin: 0 20px } .countdown-number { width: 74px; height: 74px; font-size: 24px; line-height: 64px } .countdown-number>b { bottom: 18px } } @media only screen and (max-width:768px) { .hs-wrap { max-width: 400px } .hs-line-2, .hs-line-7 { font-size: 50px } .page-section { padding: 80px 0 } .page-title {padding: 100px 0px 80px 0px!important;} .small-section { padding: 50px 0 } .small-title { font-size: 18px } .owl-pagination { bottom: 17px } .section-bot-image { margin: 70px 0 -70px } .tpl-minimal-tabs>li { padding: 0 5px } .benefit-item { width: 264px } .count-descr { margin-bottom: 30px } .alt-service-grid { margin-top: -30px } .alt-service-item { margin-top: 30px } .works-filter a { padding-left: 10px; padding-right: 10px; margin: 4px } .blog-item { margin-bottom: 50px } .blog-item-date { top: 0; left: -100px } .blog-item-title { font-size: 20px } .blog-item-title .small { font-size: 15px } .blog-item-body { font-size: 14px } .blog-media { margin-bottom: 15px } .blog-item-body .small { font-size: 13px } #map-canvas { height: 300px } .fm-logo-wrap { top: 17px; left: 17px } .fm-button { top: 17px; right: 17px } } @media only screen and (max-width:767px) { .benefit-item:hover:after, .hs-image { display: none } .hs-wrap { max-width: 320px; padding-top: 27px; padding-bottom: 33px } .hs-line-1 { font-size: 24px } .hs-line-2 { font-size: 36px } .hs-line-3 { font-size: 13px } .hs-wrap-1 { max-width: 240px } .hs-line-5 { font-size: 44px; letter-spacing: .28em } .hs-line-6 { font-size: 16px } .hs-line-7 { font-size: 32px } .hs-line-9 { font-size: 48px } .hs-line-10 { padding: 5px 8px; font-size: 11px; letter-spacing: 1px } .hs-line-10>span { margin: 0 } .hs-line-11 { font-size: 24px } .hs-line-12 { font-size: 44px } .hs-line-13 { font-size: 60px; letter-spacing: .1em } .hs-line-14 { font-size: 24px; letter-spacing: .3em } .hs-line-15, .wide-heading { font-size: 32px } .team-item { max-width: 370px; margin-left: auto; margin-right: auto } .alt-features-grid { margin-top: -30px } .alt-features-item { margin-top: 30px } .benefit-item { width: 230px; padding: 0 } .wide-heading { letter-spacing: 2px } .works-filter a { padding-left: 10px; padding-right: 10px; margin: 4px; width: 46%; font-size: 11px } .blog-item-date { width: auto; position: relative; top: auto; left: auto; padding: 0; text-align: left } .banner-content, .banner-image, .top-links { text-align: center } .date-num { display: inline!important; margin: 0 5px 10px 0 } .sidebar { margin-top: 50px } blockquote p { font-size: 20px } blockquote footer { margin-top: 0; font-size: 12px } .cf-left-col, .cf-right-col { width: auto; margin-right: 0; float: none } .section-more, .section-more.left, .section-more.right { float: none!important; display: block } .big-icon { width: 60px; height: 60px; line-height: 56px; font-size: 24px; margin-bottom: 0 } .blog-slide-info { padding: 10px } .blog-slide-title { font-size: 12px } .blog-slide-data { display: none } .top-bar { min-height: 0 } .top-links { float: none!important; padding: 5px 0 } .top-links li, .top-links li:last-child { float: none; border: none; display: inline-block } .top-links li a { display: inline-block; min-width: 0; height: auto; line-height: 1; padding: 0 5px } .top-bar.dark .top-links li a:hover, .top-links li a:hover { background: 0 0 } .side-panel { padding-bottom: 20px } .sp-logo-wrap { max-width: 100px; margin: 0 auto } .sp-logo-wrap .logo { padding: 20px 0 0 } .sp-menu-links a { padding-top: 10px; padding-bottom: 10px } .sp-social-links { width: auto; position: static; padding-bottom: 10px } .countdown>li { margin: 0 10px 20px } .countdown-number { width: 44px; height: 44px; font-size: 20px; line-height: 44px } .countdown-number>b { bottom: -20px; font-size: 9px; color: rgba(255, 255, 255, .85) } .text-mobile { font-size: 110%; line-height: 1.2 } } @media only screen and (max-width:480px) { .owl-next, .owl-prev, .scroll-down span { display: none } .btn-mod.btn-large { padding: 8px 15px; font-size: 13px } .form input[type=text].input-lg, .form input[type=email].input-lg, .form input[type=number].input-lg, .form input[type=url].input-lg, .form input[type=search].input-lg, .form input[type=tel].input-lg, .form input[type=password].input-lg, .form input[type=date].input-lg, .form input[type=color].input-lg, .form select.input-lg { height: 38px } .hs-line-1 { font-size: 20px; letter-spacing: 18px } .hs-line-2 { font-size: 28px } .hs-line-6 { font-size: 15px } .hs-line-7 { font-size: 28px } .hs-line-8 { font-size: 12px } .hs-line-9 { font-size: 42px } .hs-line-11 { font-size: 20px; letter-spacing: .2em } .hs-line-12 { font-size: 32px } .hs-line-13 { font-size: 30px; letter-spacing: .1em } .hs-line-15 { font-size: 24px } .scroll-down { bottom: 10px; height: 34px; line-height: 34px } .section-text, .text { line-height: 1.7 } .scroll-down-icon { width: 22px; margin-left: -11px } .nav-bar-compact { top: 0; left: 0 } .page-section { padding: 30px 0 } .page-title {padding: 100px 0px 80px 0px!important;} .small-section { padding: 30px 0 } .owl-pagination { bottom: 10px } .owl-page { padding-left: 8px; padding-right: 8px } .section-bot-image { margin: 50px 0 -50px } .blog-container, .work-full-text { margin-top: 30px } .blog-container, .margin-bot { margin-bottom: 30px } .section-title, .split-section-headings .section-title, .wide-heading { font-size: 24px; letter-spacing: 2px } .section-heading, .section-text, .sub-heading { font-size: 15px } .tpl-minimal-tabs>li { padding: 0 } .tpl-minimal-tabs>li>a { padding: 6px 10px 5px } .tpl-alt-tabs { font-size: 12px; letter-spacing: .1em } .alt-tabs-icon, .count-number { font-size: 32px } .tpl-alt-tabs>li { width: 120px } .work-container { padding: 30px 0 } .count-title { font-size: 12px } .works-filter a { width: 100%; margin-left: 0; margin-right: 0 } .container .work-grid-3 .work-item, .work-grid-2 .work-item, .work-grid-3 .work-item, .work-grid-5 .work-item, .work-item { width: 100% } .work-full-title { font-size: 20px } .blog-item-q p, .blog-item-title { font-size: 16px } .comment-avatar { width: 30px; margin-top: 7px } .comment-item { font-size: 13px } .separ-space { display: block; height: 10px } .bot-menu-item { font-size: 16px } #map-canvas { height: 300px } .fixed-height-small { min-height: 300px } .fixed-height-medium { min-height: 350px } .fixed-height-large { min-height: 400px } .tpl-tabs>li { display: block; float: none; width: 100% } .tpl-tabs>li.active a { background: #f5f5f5!important } .fm-menu-links a { font-size: 14px } } @media only screen and (max-width:319px) { .nav-social-links { display: none } } @media only screen and (max-height:767px) { .sp-social-links { padding-bottom: 10px; position: static; width: auto } } .mobile .home-section, .mobile .page-section, .mobile .small-section { background-attachment: scroll } .mt-0 { margin-top: 0!important } .mt-10 { margin-top: 10px } .mt-20 { margin-top: 20px } .mt-30 { margin-top: 30px } .mt-40 { margin-top: 40px } .mt-50 { margin-top: 50px } .mt-60 { margin-top: 60px } .mt-70 { margin-top: 70px } .mt-80 { margin-top: 80px } .mt-90 { margin-top: 90px } .mt-100 { margin-top: 100px } .mt-110 { margin-top: 110px } .mt-120 { margin-top: 120px } .mt-130 { margin-top: 130px } .mt-140 { margin-top: 140px } .mb-0 { margin-bottom: 0!important } .mb-10 { margin-bottom: 10px } .mb-20 { margin-bottom: 20px } .mb-30 { margin-bottom: 30px } .mb-40 { margin-bottom: 40px } .mb-50 { margin-bottom: 50px } .mb-60 { margin-bottom: 60px } .mb-70 { margin-bottom: 70px } .mb-80 { margin-bottom: 80px } .mb-90 { margin-bottom: 90px } .mb-100 { margin-bottom: 100px } .mb-110 { margin-bottom: 110px } .mb-120 { margin-bottom: 120px } .mb-130 { margin-bottom: 130px } .mb-140 { margin-bottom: 140px } .pt-0 { padding-top: 0!important } .pt-10 { padding-top: 10px } .pt-20 { padding-top: 20px } .pt-30 { padding-top: 30px } .pt-40 { padding-top: 40px } .pt-50 { padding-top: 50px } .pt-60 { padding-top: 60px } .pt-70 { padding-top: 70px } .pt-80 { padding-top: 80px } .pt-90 { padding-top: 90px } .pt-100 { padding-top: 100px } .pt-110 { padding-top: 110px } .pt-120 { padding-top: 120px } .pt-130 { padding-top: 130px } .pt-140 { padding-top: 140px } .pb-0 { padding-bottom: 0!important } .pb-10 { padding-bottom: 10px } .pb-20 { padding-bottom: 20px } .pb-30 { padding-bottom: 30px } .pb-40 { padding-bottom: 40px } .pb-50 { padding-bottom: 50px } .pb-60 { padding-bottom: 60px } .pb-70 { padding-bottom: 70px } .pb-80 { padding-bottom: 80px } .pb-90 { padding-bottom: 90px } .pb-100 { padding-bottom: 100px } .pb-110 { padding-bottom: 110px } .pb-120 { padding-bottom: 120px } .pb-130 { padding-bottom: 130px } .pb-140 { padding-bottom: 140px } @media only screen and (max-width:1200px) { .mt-lg-0 { margin-top: 0!important } .mt-lg-10 { margin-top: 10px } .mt-lg-20 { margin-top: 20px } .mt-lg-30 { margin-top: 30px } .mt-lg-40 { margin-top: 40px } .mt-lg-50 { margin-top: 50px } .mt-lg-60 { margin-top: 60px } .mt-lg-70 { margin-top: 70px } .mt-lg-80 { margin-top: 80px } .mt-lg-90 { margin-top: 90px } .mt-lg-100 { margin-top: 100px } .mt-lg-110 { margin-top: 110px } .mt-lg-120 { margin-top: 120px } .mt-lg-130 { margin-top: 130px } .mt-lg-140 { margin-top: 140px } .mb-lg-0 { margin-bottom: 0!important } .mb-lg-10 { margin-bottom: 10px } .mb-lg-20 { margin-bottom: 20px } .mb-lg-30 { margin-bottom: 30px } .mb-lg-40 { margin-bottom: 40px } .mb-lg-50 { margin-bottom: 50px } .mb-lg-60 { margin-bottom: 60px } .mb-lg-70 { margin-bottom: 70px } .mb-lg-80 { margin-bottom: 80px } .mb-lg-90 { margin-bottom: 90px } .mb-lg-100 { margin-bottom: 100px } .mb-lg-110 { margin-bottom: 110px } .mb-lg-120 { margin-bottom: 120px } .mb-lg-130 { margin-bottom: 130px } .mb-lg-140 { margin-bottom: 140px } .pt-lg-0 { padding-top: 0!important } .pt-lg-10 { padding-top: 10px } .pt-lg-20 { padding-top: 20px } .pt-lg-30 { padding-top: 30px } .pt-lg-40 { padding-top: 40px } .pt-lg-50 { padding-top: 50px } .pt-lg-60 { padding-top: 60px } .pt-lg-70 { padding-top: 70px } .pt-lg-80 { padding-top: 80px } .pt-lg-90 { padding-top: 90px } .pt-lg-100 { padding-top: 100px } .pt-lg-110 { padding-top: 110px } .pt-lg-120 { padding-top: 120px } .pt-lg-130 { padding-top: 130px } .pt-lg-140 { padding-top: 140px } .pb-lg-0 { padding-bottom: 0!important } .pb-lg-10 { padding-bottom: 10px } .pb-lg-20 { padding-bottom: 20px } .pb-lg-30 { padding-bottom: 30px } .pb-lg-40 { padding-bottom: 40px } .pb-lg-50 { padding-bottom: 50px } .pb-lg-60 { padding-bottom: 60px } .pb-lg-70 { padding-bottom: 70px } .pb-lg-80 { padding-bottom: 80px } .pb-lg-90 { padding-bottom: 90px } .pb-lg-100 { padding-bottom: 100px } .pb-lg-110 { padding-bottom: 110px } .pb-lg-120 { padding-bottom: 120px } .pb-lg-130 { padding-bottom: 130px } .pb-lg-140 { padding-bottom: 140px } } @media only screen and (max-width:1024px) { .mt-md-0 { margin-top: 0!important } .mt-md-10 { margin-top: 10px } .mt-md-20 { margin-top: 20px } .mt-md-30 { margin-top: 30px } .mt-md-40 { margin-top: 40px } .mt-md-50 { margin-top: 50px } .mt-md-60 { margin-top: 60px } .mt-md-70 { margin-top: 70px } .mt-md-80 { margin-top: 80px } .mt-md-90 { margin-top: 90px } .mt-md-100 { margin-top: 100px } .mt-md-110 { margin-top: 110px } .mt-md-120 { margin-top: 120px } .mt-md-130 { margin-top: 130px } .mt-md-140 { margin-top: 140px } .mb-md-0 { margin-bottom: 0!important } .mb-md-10 { margin-bottom: 10px } .mb-md-20 { margin-bottom: 20px } .mb-md-30 { margin-bottom: 30px } .mb-md-40 { margin-bottom: 40px } .mb-md-50 { margin-bottom: 50px } .mb-md-60 { margin-bottom: 60px } .mb-md-70 { margin-bottom: 70px } .mb-md-80 { margin-bottom: 80px } .mb-md-90 { margin-bottom: 90px } .mb-md-100 { margin-bottom: 100px } .mb-md-110 { margin-bottom: 110px } .mb-md-120 { margin-bottom: 120px } .mb-md-130 { margin-bottom: 130px } .mb-md-140 { margin-bottom: 140px } .pt-md-0 { padding-top: 0!important } .pt-md-10 { padding-top: 10px } .pt-md-20 { padding-top: 20px } .pt-md-30 { padding-top: 30px } .pt-md-40 { padding-top: 40px } .pt-md-50 { padding-top: 50px } .pt-md-60 { padding-top: 60px } .pt-md-70 { padding-top: 70px } .pt-md-80 { padding-top: 80px } .pt-md-90 { padding-top: 90px } .pt-md-100 { padding-top: 100px } .pt-md-110 { padding-top: 110px } .pt-md-120 { padding-top: 120px } .pt-md-130 { padding-top: 130px } .pt-md-140 { padding-top: 140px } .pb-md-0 { padding-bottom: 0!important } .pb-md-10 { padding-bottom: 10px } .pb-md-20 { padding-bottom: 20px } .pb-md-30 { padding-bottom: 30px } .pb-md-40 { padding-bottom: 40px } .pb-md-50 { padding-bottom: 50px } .pb-md-60 { padding-bottom: 60px } .pb-md-70 { padding-bottom: 70px } .pb-md-80 { padding-bottom: 80px } .pb-md-90 { padding-bottom: 90px } .pb-md-100 { padding-bottom: 100px } .pb-md-110 { padding-bottom: 110px } .pb-md-120 { padding-bottom: 120px } .pb-md-130 { padding-bottom: 130px } .pb-md-140 { padding-bottom: 140px } } @media only screen and (max-width:768px) { .mt-sm-0 { margin-top: 0!important } .mt-sm-10 { margin-top: 10px } .mt-sm-20 { margin-top: 20px } .mt-sm-30 { margin-top: 30px } .mt-sm-40 { margin-top: 40px } .mt-sm-50 { margin-top: 50px } .mt-sm-60 { margin-top: 60px } .mt-sm-70 { margin-top: 70px } .mt-sm-80 { margin-top: 80px } .mt-sm-90 { margin-top: 90px } .mt-sm-100 { margin-top: 100px } .mt-sm-110 { margin-top: 110px } .mt-sm-120 { margin-top: 120px } .mt-sm-130 { margin-top: 130px } .mt-sm-140 { margin-top: 140px } .mb-sm-0 { margin-bottom: 0!important } .mb-sm-10 { margin-bottom: 10px } .mb-sm-20 { margin-bottom: 20px } .mb-sm-30 { margin-bottom: 30px } .mb-sm-40 { margin-bottom: 40px } .mb-sm-50 { margin-bottom: 50px } .mb-sm-60 { margin-bottom: 60px } .mb-sm-70 { margin-bottom: 70px } .mb-sm-80 { margin-bottom: 80px } .mb-sm-90 { margin-bottom: 90px } .mb-sm-100 { margin-bottom: 100px } .mb-sm-110 { margin-bottom: 110px } .mb-sm-120 { margin-bottom: 120px } .mb-sm-130 { margin-bottom: 130px } .mb-sm-140 { margin-bottom: 140px } .pt-sm-0 { padding-top: 0!important } .pt-sm-10 { padding-top: 10px } .pt-sm-20 { padding-top: 20px } .pt-sm-30 { padding-top: 30px } .pt-sm-40 { padding-top: 40px } .pt-sm-50 { padding-top: 50px } .pt-sm-60 { padding-top: 60px } .pt-sm-70 { padding-top: 70px } .pt-sm-80 { padding-top: 80px } .pt-sm-90 { padding-top: 90px } .pt-sm-100 { padding-top: 100px } .pt-sm-110 { padding-top: 110px } .pt-sm-120 { padding-top: 120px } .pt-sm-130 { padding-top: 130px } .pt-sm-140 { padding-top: 140px } .pb-sm-0 { padding-bottom: 0!important } .pb-sm-10 { padding-bottom: 10px } .pb-sm-20 { padding-bottom: 20px } .pb-sm-30 { padding-bottom: 30px } .pb-sm-40 { padding-bottom: 40px } .pb-sm-50 { padding-bottom: 50px } .pb-sm-60 { padding-bottom: 60px } .pb-sm-70 { padding-bottom: 70px } .pb-sm-80 { padding-bottom: 80px } .pb-sm-90 { padding-bottom: 90px } .pb-sm-100 { padding-bottom: 100px } .pb-sm-110 { padding-bottom: 110px } .pb-sm-120 { padding-bottom: 120px } .pb-sm-130 { padding-bottom: 130px } .pb-sm-140 { padding-bottom: 140px } } @media only screen and (max-width:767px) { .mt-xs-0 { margin-top: 0!important } .mt-xs-10 { margin-top: 10px } .mt-xs-20 { margin-top: 20px } .mt-xs-30 { margin-top: 30px } .mt-xs-40 { margin-top: 40px } .mt-xs-50 { margin-top: 50px } .mt-xs-60 { margin-top: 60px } .mt-xs-70 { margin-top: 70px } .mt-xs-80 { margin-top: 80px } .mt-xs-90 { margin-top: 90px } .mt-xs-100 { margin-top: 100px } .mt-xs-110 { margin-top: 110px } .mt-xs-120 { margin-top: 120px } .mt-xs-130 { margin-top: 130px } .mt-xs-140 { margin-top: 140px } .mb-xs-0 { margin-bottom: 0!important } .mb-xs-10 { margin-bottom: 10px } .mb-xs-20 { margin-bottom: 20px } .mb-xs-30 { margin-bottom: 30px } .mb-xs-40 { margin-bottom: 40px } .mb-xs-50 { margin-bottom: 50px } .mb-xs-60 { margin-bottom: 60px } .mb-xs-70 { margin-bottom: 70px } .mb-xs-80 { margin-bottom: 80px } .mb-xs-90 { margin-bottom: 90px } .mb-xs-100 { margin-bottom: 100px } .mb-xs-110 { margin-bottom: 110px } .mb-xs-120 { margin-bottom: 120px } .mb-xs-130 { margin-bottom: 130px } .mb-xs-140 { margin-bottom: 140px } .pt-xs-0 { padding-top: 0!important } .pt-xs-10 { padding-top: 10px } .pt-xs-20 { padding-top: 20px } .pt-xs-30 { padding-top: 30px } .pt-xs-40 { padding-top: 40px } .pt-xs-50 { padding-top: 50px } .pt-xs-60 { padding-top: 60px } .pt-xs-70 { padding-top: 70px } .pt-xs-80 { padding-top: 80px } .pt-xs-90 { padding-top: 90px } .pt-xs-100 { padding-top: 100px } .pt-xs-110 { padding-top: 110px } .pt-xs-120 { padding-top: 120px } .pt-xs-130 { padding-top: 130px } .pt-xs-140 { padding-top: 140px } .pb-xs-0 { padding-bottom: 0!important } .pb-xs-10 { padding-bottom: 10px } .pb-xs-20 { padding-bottom: 20px } .pb-xs-30 { padding-bottom: 30px } .pb-xs-40 { padding-bottom: 40px } .pb-xs-50 { padding-bottom: 50px } .pb-xs-60 { padding-bottom: 60px } .pb-xs-70 { padding-bottom: 70px } .pb-xs-80 { padding-bottom: 80px } .pb-xs-90 { padding-bottom: 90px } .pb-xs-100 { padding-bottom: 100px } .pb-xs-110 { padding-bottom: 110px } .pb-xs-120 { padding-bottom: 120px } .pb-xs-130 { padding-bottom: 130px } .pb-xs-140 { padding-bottom: 140px } } @media only screen and (max-width:480px) { .mt-xxs-0 { margin-top: 0!important } .mt-xxs-10 { margin-top: 10px } .mt-xxs-20 { margin-top: 20px } .mt-xxs-30 { margin-top: 30px } .mt-xxs-40 { margin-top: 40px } .mt-xxs-50 { margin-top: 50px } .mt-xxs-60 { margin-top: 60px } .mt-xxs-70 { margin-top: 70px } .mt-xxs-80 { margin-top: 80px } .mt-xxs-90 { margin-top: 90px } .mt-xxs-100 { margin-top: 100px } .mt-xxs-110 { margin-top: 110px } .mt-xxs-120 { margin-top: 120px } .mt-xxs-130 { margin-top: 130px } .mt-xxs-140 { margin-top: 140px } .mb-xxs-0 { margin-bottom: 0!important } .mb-xxs-10 { margin-bottom: 10px } .mb-xxs-20 { margin-bottom: 20px } .mb-xxs-30 { margin-bottom: 30px } .mb-xxs-40 { margin-bottom: 40px } .mb-xxs-50 { margin-bottom: 50px } .mb-xxs-60 { margin-bottom: 60px } .mb-xxs-70 { margin-bottom: 70px } .mb-xxs-80 { margin-bottom: 80px } .mb-xxs-90 { margin-bottom: 90px } .mb-xxs-100 { margin-bottom: 100px } .mb-xxs-110 { margin-bottom: 110px } .mb-xxs-120 { margin-bottom: 120px } .mb-xxs-130 { margin-bottom: 130px } .mb-xxs-140 { margin-bottom: 140px } .pt-xxs-0 { padding-top: 0!important } .pt-xxs-10 { padding-top: 10px } .pt-xxs-20 { padding-top: 20px } .pt-xxs-30 { padding-top: 30px } .pt-xxs-40 { padding-top: 40px } .pt-xxs-50 { padding-top: 50px } .pt-xxs-60 { padding-top: 60px } .pt-xxs-70 { padding-top: 70px } .pt-xxs-80 { padding-top: 80px } .pt-xxs-90 { padding-top: 90px } .pt-xxs-100 { padding-top: 100px } .pt-xxs-110 { padding-top: 110px } .pt-xxs-120 { padding-top: 120px } .pt-xxs-130 { padding-top: 130px } .pt-xxs-140 { padding-top: 140px } .pb-xxs-0 { padding-bottom: 0!important } .pb-xxs-10 { padding-bottom: 10px } .pb-xxs-20 { padding-bottom: 20px } .pb-xxs-30 { padding-bottom: 30px } .pb-xxs-40 { padding-bottom: 40px } .pb-xxs-50 { padding-bottom: 50px } .pb-xxs-60 { padding-bottom: 60px } .pb-xxs-70 { padding-bottom: 70px } .pb-xxs-80 { padding-bottom: 80px } .pb-xxs-90 { padding-bottom: 90px } .pb-xxs-100 { padding-bottom: 100px } .pb-xxs-110 { padding-bottom: 110px } .pb-xxs-120 { padding-bottom: 120px } .pb-xxs-130 { padding-bottom: 130px } .pb-xxs-140 { padding-bottom: 140px } }dd .nav-logo-wrap img {z-index: 999;} .top-nav {color: #a1a1a1; background: #292929; font-size: 12px; padding: 10px 0px;} ul.top-nav-left {list-style-type: none; margin: 0px; padding: 0px;} ul.top-nav-left li {display: inline-block; margin-right: 10px;} ul.top-nav-left li a.gray {background: none; border: 1px solid #a1a1a1; color: #a1a1a1!important;} ul.top-nav-left li a {background: none; border: 1px solid #a1a1a1; border-top: none; color: #a1a1a1; text-decoration: none; padding: 6px 12px;} ul.top-nav-left li a:hover {background: #C0D1DA!important; color: #fff!important; border: 1px solid #C0D1DA; } ul.top-nav-left li a i {margin: 0px 5px;} ul.top-nav-right {list-style-type: none; margin: 0px; padding: 0px;} ul.top-nav-right li {display: inline-block; margin-left: 10px; position: relative; top: -4px;} ul.top-nav-right li a {background: none; border: 1px solid #a1a1a1; border-top: none; color: #a1a1a1; text-decoration: none; padding: 6px 12px;} ul.top-nav-right li a.brown {background: #C0D1DA; border: 1px solid #C0D1DA; color: #fff!important;} ul.top-nav-right li a:hover {background: #C0D1DA!important; color: #fff!important; border: 1px solid #C0D1DA; } ul.top-nav-right li a i {margin: 0px 5px;} #community .banner-decription ul {list-style-type: none; margin: 30px 0px; padding: 0px; } #community .banner-decription ul li {display: inline-block; margin-left: 10px;} /* Units */ .unit-thumb{ padding: 10px 20px; } .unit-special{ margin-top: 25px; text-align: right; } .unit-description ul {list-style-type: none; margin: 0px; padding: 0px; position: relative; top: 8px; } .unit-description ul li {display: inline-block; margin-right: 30px;} .unit-table-header { background: #e8e8e8; padding: 20px; font-size: 16px; font-weight: bold; text-align: center;} .unit-table-row {padding: 40px 20px 30px 20px; border-top: 1px solid #e8e8e8; transition: background-color 0.5s ease; text-align: center;} .unit-table-row:hover {cursor: pointer; background: #f8f8f8;} .unit-table-container span {} .unit-btn {font-size: 14px; padding: 5px 40px; margin-top: 0px;} .unit-btn-outline-green {font-size: 14px; padding: 5px 12px; margin-top: 5px;} .unit-table-text {margin-top: 25px;} .unit-table-btn {float: right; width: 200px; text-align: right; margin-bottom: 10px;} #banner-special{position:relative; background: #C0D1DA; display:none; padding: 10px; width: 100%; color: #fff; border-bottom: 1px solid #a55e4; z-index: 99999;} #banner-special .text{font-size: 18px; color: #fff;} .btn-outline-white {background: none; border: 2px solid #fff; border-radius: 4px; font-size: 21px; color: #fff; text-align:center; padding: 10px 50px; transition: background-color 0.5s ease; margin-left: 20px; margin-right: 20px;} .btn-outline-white:hover {background: #fff; color: #C0D1DA; text-decoration: none;} #banner-special-close{position:relative; background: #C0D1DA; font-size: 18px; color: #fff; top: 37px; text-decoration: none; padding: 5px 7px 5px; border-radius: 0px 0px 5px 5px;} #banner-special-close:hover{cursor: pointer; background: #ce8368;} /* Exit pop Banner */ .exitpop-content {position: fixed; height: 600px; width: 908px; margin: -200px 0px 0px -454px; top: 30%; left: 50%; text-align: left; padding: 0px; border: none; z-index: 2147483647;} .exitpopup-overlay { background: rgba(0, 0, 0, 0.6); height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 2147483647; display: none; } .exitpop-content img { display: block; margin: 0 auto; position: relative; text-align: center; max-width: 100%; height: auto; } .exitpop-inner { display: block; margin: 0 auto; position: relative; text-align: center; background:url('epop-bg.jpg') top center; background-size:cover;} .exitpop-inner .epop-title {font-family: Dosis, arial, sans-serif; letter-spacing: .5em; background:#C0D1DA; color:#fff; padding:15px; font-size:40px;} .exitpop-inner .epop-message {color:#000;} .exitpop-inner .epop-message h1 {font-family: Dosis, arial, sans-serif; font-size:70px; font-weight: 600; margin:40px 0px 0px 0px; padding:0px; letter-spacing: .5em; line-height: 1.8; text-transform:uppercase;} .exitpop-inner .epop-message p {font-family: Dosis, arial, sans-serif; font-size:24px; padding: 0px 40px;} .exitpop-inner .epop-button {padding:30px;} .exitpop-inner .epop-button .btn { padding:15px 30px; font-size:20px;} #epop-close {text-align: center; position: absolute; font-size: 30px; top: 20px; left: 20px; color: #fff; text-decoration: none; background: none; border-radius: 0px; padding: 0px;} @media screen and (max-width: 800px){ .exitpopup-overlay{width: 100%; margin: 0; left: 0;} .exitpop-content{width: 100%; margin: 0; left: 0; position: inherit;} .exitpop-content{top: 0;} } @media screen and (max-width: 767px){ .exitpop-inner .epop-title{font-size: 30px; letter-spacing: 0;} .exitpop-inner .epop-message h1{font-size: 24px; margin-bottom: 0!important;} .exitpop-inner .epop-message p{font-size: 16px; padding: 0;} } .contact-padding{padding:80px 0;} input[readonly].form-control { background-color: #fff; } input[readonly] { background-color: #fff; } /** Media Queries **/ /* Large Devices, Wide Screens */ @media only screen and (max-width : 1200px) { } /* Custom Breakpoint */ @media only screen and (max-width : 1041px) { .logo {position: relative; top:0px; left: 0px;} .top-nav {color: #a1a1a1; background: #292929; font-size: 12px; padding: 20px 0px;} ul.top-nav-left li {display: inline-block; margin-left: 10px; position: relative; top: 0px;} ul.top-nav-right li {display: inline-block; margin-left: 10px; position: relative; top: 0px;} ul.top-nav-right li a.brown {background: none; border: 1px solid #a1a1a1; color: #a1a1a1!important;} ul.top-nav-right li a:hover {background: #C0D1DA!important; color: #fff!important; border: 1px solid #C0D1DA; } } /* Medium Devices, Desktops */ @media only screen and (max-width : 992px) { } /* Small Devices, Tablets */ @media only screen and (max-width : 768px) { .unit-table-btn {width: 100%; float: none; display: block; text-align: center; margin-top: 20px;} .unit-table-row span {display: inline-block!important;margin-right: 5px;margin-bottom: 10px;} input[readonly].form-control { background-color: #fff; } } /* Extra Small Devices, Phones */ @media only screen and (max-width : 480px) { .unit-table-btn {width: 100%; float: none; display: block; text-align: center;  margin-top: 20px;} .unit-table-row span {display: inline-block!important;margin-right: 5px;margin-bottom: 10px;} .contact-padding{padding:30px 0;} } /* Custom, iPhone Retina */ @media only screen and (max-width : 320px) { } .background-primary { background-color: #C0D1DA !important; }