/* ------------------------------ -----MAIN TEMPLATE STYLES----- ------------------------------ ----------> CONTENTS <-------- ->CORE STYLES -Typography -Buttons -Spacings -Rotating Earth -Forms -Hover Images -Thumbnails -Icon Effects -Schedule -Testimonials -Device Mockups -Pricing Tables -Misc ->PLUGINS STYLES -Countdown -Bootstrap Carousel -Flexnav -Magnific Lightbox -Media Element -Gridrotator -CaruFredSel -Superslides -Google maps -Twitter -Mixitup -Layer Slider ->CUSTOMIZATION -Demo (just for presentation of certain elements) free to delete -Global Responsive customization -Boxed Body ------------------------------ */ /***************************************************************************/ /*****************************CORE STYLES***********************************/ /***************************************************************************/ /*TYPOGRAPHY*/ img { width: 100%; max-width: none; } h1, h2, h3, h4, h5, h6 { font-family: 'Roboto', arial, helvetica, sans-serif; margin-top: 0; font-weight: 300; color: #474747; line-height: 1.3em; } h1 { font-size: 48.268090000000015px; } h2 { font-size: 37.12930000000001px; } h3 { font-size: 28.561000000000003px; } h4 { font-size: 21.970000000000002px; } h5 { font-size: 16.900000000000002px; } .center, .text-center { text-align: center; } .white { color: #fff; } .hero-title { text-transform: uppercase; line-height: 1em; font-size: 40px; } .super-hero-title { font-size: 60px; } .big-text { font-size: 16px; line-height: 1.6em; } .large-text { font-size: 55px; } .color-text { color: #00a0b0; } .text-mega { font-size: 300px; line-height: 1em; } body { color: #595959; font-family: 'Open Sans', Tahoma, Arial, helvetica, sans-serif; font-size: 13px; } a { text-decoration: none; color: #00a0b0; } a:hover { color: #00808d; text-decoration: none; } p.small, small { line-height: 1.5em; font-size: 12px; color: #7a7a7a; } .highlight, .highlight-white, .highlight-black { color: #fff; display: inline-block; padding: 5px 7px; } .highlight.center, .highlight-white.center, .highlight-black.center { display: table !important; margin: 0 auto !important; } .highlight { background: #00a0b0; } .highlight-white { background: #fff; color: #595959; } .highlight-black { background: #333; color: #fff; } .label { text-shadow: none; -webkit-border-radius: 2px; border-radius: 2px; } .logo { width: auto; } blockquote { position: relative; margin: 0; padding: 0 0 0 40px; border: none; } blockquote:before { content: '"'; position: absolute; left: 0; top: -3px; font-size: 60px; line-height: 1em; color: rgba(0,0,0,0.3); } blockquote .autor { font-style: normal; font-size: 13px; font-weight: 600; line-height: 1em; margin-top: 5px; } blockquote, blockquote p { font-size: 14px; color: #505050; font-style: italic; line-height: 1.7em; margin-bottom: 10px; } .dropcap:first-letter { float: left; background: #ccc; font-size: 25px; line-height: 37px; height: 37px; width: 37px; margin-right: 10px; font-family: 'Roboto', arial, helvetica, sans-serif; font-weight: bold; display: block; text-align: center; position: relative; top: 3px; } .dropcap-color:first-letter { color: #fff; background: #00a0b0; } .dropcap-dark:first-letter { color: #fff; background: #333; } /*******************************************/ /*BUTTONS*/ .btn { border: none; -webkit-border-radius: 3px; border-radius: 3px; text-shadow: none; font-family: 'Roboto', arial, helvetica, sans-serif; font-weight: normal; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; font-weight: normal; background: #d9d9d9; color: #595959 !important; -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.6); box-shadow: 0 1px 1px rgba(0,0,0,0.6); } .btn:hover { background: #bfbfbf; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; } .btn-mega { font-size: 20px; padding: 15px 30px; } .btn-primary { background: #00a0b0; color: #fff !important; } .btn-primary:hover { background: #00808d; } .btn-primary-inverse { background: #ff5f4f; color: #fff !important; } .btn-primary-inverse:hover { background: #ff220c; } .btn-white { background: #fff; color: #00a0b0; } .btn-white:hover { color: #00a0b0; background: #e6e6e6; } .btn-info { background: #2f96b4; color: #fff !important; } .btn-info:hover { background: #267890; } .btn-success { background: #51a351; color: #fff !important; } .btn-success:hover { background: #418241; } .btn-warning { background: #f89406; color: #fff !important; } .btn-warning:hover { background: #c67605; } .btn-danger { background: #bd362f; color: #fff !important; } .btn-danger:hover { background: #972b26; } .btn-inverse { background: #222; color: #fff !important; } .btn-inverse:hover { background: #1b1b1b; } /*******************************************/ /*SPACINGS*/ .gap { display: block; position: relative; margin: 30px 0 30px 0; clear: both; } .gap:after { clear: both; content: ''; display: table; } .gap-small { margin: 15px 0 15px 0; } .gap-mini { margin: 10px 0 10px 0; } .gap-big { margin: 60px 0 60px 0; } .gap-large { margin: 90px 0 90px 0; } .gap-top { margin-bottom: 0 !important; } .gap-bottom { margin-top: 0 !important; } .gap-border { border: 0; border-top: 1px solid #ededed; border-bottom: 1px solid #fff; } /*******************************************/ /*ROTATING EARTH*/ .top-bg-area { position: relative; overflow: hidden; background: #000; height: 700px; z-index: 4; } .earth-top { z-index: 4; position: absolute !important; display: block; width: 100%; bottom: 0; } .earth-top .earth-rotate { margin: 0 auto; position: relative; display: table; -webkit-border-radius: 50%; border-radius: 50%; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; -webkit-box-shadow: 0 0 60px rgba(0,160,176,0.3) , 0 0 10px rgba(0,160,176,0.5), 0 0 1px rgba(0,160,176,0.4), 0 0 80px rgba(0,160,176,0.2), 0 0 1px rgba(255,255,255,0.2); box-shadow: 0 0 60px rgba(0,160,176,0.3) , 0 0 10px rgba(0,160,176,0.5), 0 0 1px rgba(0,160,176,0.4), 0 0 80px rgba(0,160,176,0.2), 0 0 1px rgba(255,255,255,0.2); } .earth-top .earth-rotate.flare:before, .earth-top .earth-rotate.flare:after { opacity: 0.4; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; filter: alpha(opacity=40); position: absolute; content: ''; width: 50%; height: 27%; background: url("../img/earth-flare/default.png"); top: -13.5%; left: 25%; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; background-position: center center; background-repeat: no-repeat; } .earth-top .earth-rotate.flare:after { z-index: 1; opacity: 0.7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); } .earth-top .earth-rotate >img { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; -webkit-animation: rotating 80s infinite linear; -moz-animation: rotating 80s infinite linear; -o-animation: rotating 80s infinite linear; -ms-animation: rotating 80s infinite linear; animation: rotating 80s infinite linear; max-width: 1000px; } .rotate-bg { position: absolute; top: 50%; left: 0; margin: 0 auto; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -o-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); } .rotate-bg > img { width: 100%; height: 100%; max-width: none; -webkit-animation: rotating 200s infinite linear; -moz-animation: rotating 200s infinite linear; -o-animation: rotating 200s infinite linear; -ms-animation: rotating 200s infinite linear; animation: rotating 200s infinite linear; } /*Turn off earth box-shadow for Mozilla !VERY SLOW IN FF!*/ @-moz-document url-prefix() { .earth-top .earth-rotate { box-shadow: none; } } @-moz-keyframes rotating { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes rotating { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } } @-o-keyframes rotating { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } } @-ms-keyframes rotating { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes rotating { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } } /*******************************************/ /*FORMS*/ textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input { border: 1px solid #d9d9d9; -webkit-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; outline: none; } textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus { outline: none; -webkit-box-shadow: none; box-shadow: none; border-color: #00bed1; } footer.main textarea, footer.main input[type="text"], footer.main input[type="password"], footer.main input[type="datetime"], footer.main input[type="datetime-local"], footer.main input[type="date"], footer.main input[type="month"], footer.main input[type="time"], footer.main input[type="week"], footer.main input[type="number"], footer.main input[type="email"], footer.main input[type="url"], footer.main input[type="search"], footer.main input[type="tel"], footer.main input[type="color"], footer.main .uneditable-input { border-color: #1a1a1a; background: #262626; color: #fff; } footer.main textarea:focus, footer.main input[type="text"]:focus, footer.main input[type="password"]:focus, footer.main input[type="datetime"]:focus, footer.main input[type="datetime-local"]:focus, footer.main input[type="date"]:focus, footer.main input[type="month"]:focus, footer.main input[type="time"]:focus, footer.main input[type="week"]:focus, footer.main input[type="number"]:focus, footer.main input[type="email"]:focus, footer.main input[type="url"]:focus, footer.main input[type="search"]:focus, footer.main input[type="tel"]:focus, footer.main input[type="color"]:focus, footer.main .uneditable-input:focus { border-color: #00a0b0; } .domain-search { margin: 0; } .domain-search input[type="text"] { margin: 0; height: 42px; padding: 10px 15px; font-size: 16px; font-weight: bold; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-width: 2px; } .domain-search input[type="text"]:focus { border-color: #ff5f4f; } .comming-soon { margin: 0; } .comming-soon input[type="text"] { margin: 0; padding: 20px 30px; text-align: center; height: 50px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: rgba(255,255,255,0.8); font-size: 17px; font-weight: bold; } .form-alert { display: none; margin-bottom: 10px; } /*******************************************/ /*HOVER IMAGE*/ .hover-img { z-index: 1; display: block; position: relative; background: #002023; overflow: hidden; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; -ms-transition: 0.3s; transition: 0.3s; } .hover-img >img { -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; } .hover-img .hover-icon-group { width: 100%; margin: 0 auto; text-align: center; } .hover-img .hover-icon, .hover-img .hover-icon-group, .hover-img [class^="hover-icon-"], .hover-img [class*=" hover-icon-"] { display: block; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; -ms-transition: 0.3s; transition: 0.3s; position: absolute; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } .hover-img [class^="hover-icon-"], .hover-img [class*=" hover-icon-"] { -webkit-transform: translate(0, 100%); -moz-transform: translate(0, 100%); -o-transform: translate(0, 100%); -ms-transform: translate(0, 100%); transform: translate(0, 100%); } .hover-img .hover-inner-wrap, .hover-img >.hover-inner { position: absolute; width: 100%; height: 100%; padding: 15px; top: 0; left: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -webkit-transform: translate(0, 100%); -moz-transform: translate(0, 100%); -o-transform: translate(0, 100%); -ms-transform: translate(0, 100%); transform: translate(0, 100%); -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; -ms-transition: 0.3s; transition: 0.3s; } .hover-img .hover-inner { width: 100%; height: 100%; padding: 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: #00a0b0; color: #fff !important; } .hover-img .hover-inner h1, .hover-img .hover-inner h2, .hover-img .hover-inner h3, .hover-img .hover-inner h4, .hover-img .hover-inner h5 { color: #fff; } .hover-img .hover-title, .hover-img [class^="hover-title-"], .hover-img [class*=" hover-title-"] { z-index: 2; position: absolute; bottom: 0; left: 0; margin: 0; background: #00a0b0; color: #fff; width: 100%; padding: 0 7px; line-height: 28px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: 28px; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -webkit-transform: translate(0, 100%); -moz-transform: translate(0, 100%); -o-transform: translate(0, 100%); -ms-transform: translate(0, 100%); transform: translate(0, 100%); -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; -ms-transition: 0.3s; transition: 0.3s; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; } .hover-img .hover-title-top, .hover-img .hover-title-top-left, .hover-img .hover-icon-top-left, .hover-img .hover-icon-group-top-left { bottom: auto; top: 0; } .hover-img .hover-title-top-right, .hover-img .hover-icon-top-right, .hover-img .hover-icon-group-top-right { bottom: auto; top: 0; left: auto; right: 0; } .hover-img .hover-title-bottom-right, .hover-img .hover-icon-bottom-right, .hover-img .hover-icon-group-bottom-right { left: auto; right: 0; } .hover-img .hover-title-center, .hover-img .hover-title-top-right, .hover-img .hover-title-top-left, .hover-img .hover-title-bottom-right, .hover-img .hover-title-bottom-left, .hover-img .hover-title-center-top, .hover-img .hover-title-center-bottom { display: table; width: auto; } .hover-img .hover-title-top-right, .hover-img .hover-title-top-left, .hover-img .hover-title-bottom-right, .hover-img .hover-title-bottom-left, .hover-img .hover-icon-top-right, .hover-img .hover-icon-top-left, .hover-img .hover-icon-bottom-right, .hover-img .hover-icon-bottom-left, .hover-img .hover-icon-group-top-right, .hover-img .hover-icon-group-top-left, .hover-img .hover-icon-group-bottom-right, .hover-img .hover-icon-group-bottom-left { margin: 15px; } .hover-img .hover-title-center, .hover-img .hover-icon { top: 50%; left: 50%; -webkit-transform: translate3d(-50%, 50%, 0); -moz-transform: translate3d(-50%, 50%, 0); -o-transform: translate3d(-50%, 50%, 0); -ms-transform: translate3d(-50%, 50%, 0); transform: translate3d(-50%, 50%, 0); } .hover-img .hover-icon-group { top: 50%; -webkit-transform: translate3d(0, 50%, 0); -moz-transform: translate3d(0, 50%, 0); -o-transform: translate3d(0, 50%, 0); -ms-transform: translate3d(0, 50%, 0); transform: translate3d(0, 50%, 0); } .hover-img .hover-title-center-top, .hover-img .hover-title-center-bottom, .hover-img .hover-icon-center-top, .hover-img .hover-icon-center-bottom, .hover-img .hover-icon-group-center-top, .hover-img .hover-icon-group-center-bottom { margin: 15px 0; left: 50%; -webkit-transform: translate(-50%, 100%); -moz-transform: translate(-50%, 100%); -o-transform: translate(-50%, 100%); -ms-transform: translate(-50%, 100%); transform: translate(-50%, 100%); } .hover-img .hover-title-center-top, .hover-img .hover-icon-center-top, .hover-img .hover-icon-group-center-top { bottom: auto; top: 0; } .hover-img .hover-icon-bottom-left, .hover-img .hover-icon-bottom-right, .hover-img .hover-icon-center-bottom, .hover-img .hover-icon-group-bottom-left, .hover-img .hover-icon-group-bottom-right, .hover-img .hover-icon-group-center-bottom { bottom: 0; } .hover-img .hover-hold { opacity: 1; -ms-filter: none; filter: none; -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -o-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } .hover-img .hover-hold.hover-title-center, .hover-img .hover-hold.hover-icon { -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .hover-img .hover-hold.hover-title-center-top, .hover-img .hover-hold.hover-title-center-bottom, .hover-img .hover-hold.hover-icon-center-top, .hover-img .hover-hold.hover-icon-center-bottom, .hover-img .hover-hold.hover-icon-group-center-top, .hover-img .hover-hold.hover-icon-group-center-bottom { -webkit-transform: translate(-50%, 0%); -moz-transform: translate(-50%, 0%); -o-transform: translate(-50%, 0%); -ms-transform: translate(-50%, 0%); transform: translate(-50%, 0%); } .hover-img .hover-hold.hover-icon-group { -webkit-transform: translate3d(0, -50%, 0); -moz-transform: translate3d(0, -50%, 0); -o-transform: translate3d(0, -50%, 0); -ms-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); } .hover-img:hover .hover-title, .hover-img:hover [class^="hover-title-"], .hover-img:hover [class*=" hover-title-"], .hover-img:hover [class^="hover-icon-"], .hover-img:hover [class*=" hover-icon-"], .hover-img:hover .hover-icon, .hover-img:hover .hover-inner-wrap, .hover-img:hover > .hover-inner, .hover-img:hover .hover-icon-group { opacity: 1; -ms-filter: none; filter: none; -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -o-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } .hover-img:hover .hover-title-center, .hover-img:hover .hover-icon { -webkit-transform: translate3d(-50%, -50%, 0); -moz-transform: translate3d(-50%, -50%, 0); -o-transform: translate3d(-50%, -50%, 0); -ms-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); } .hover-img:hover .hover-icon-group { -webkit-transform: translate3d(0, -50%, 0); -moz-transform: translate3d(0, -50%, 0); -o-transform: translate3d(0, -50%, 0); -ms-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); } .hover-img:hover .hover-title-center-top, .hover-img:hover .hover-title-center-bottom, .hover-img:hover .hover-icon-center-bottom, .hover-img:hover .hover-icon-center-top, .hover-img:hover .hover-icon-group-center-top, .hover-img:hover .hover-icon-group-center-bottom { -webkit-transform: translate(-50%, 0%); -moz-transform: translate(-50%, 0%); -o-transform: translate(-50%, 0%); -ms-transform: translate(-50%, 0%); transform: translate(-50%, 0%); } .hover-img:hover >img { -webkit-transform: scale(1.5); -moz-transform: scale(1.5); -o-transform: scale(1.5); -ms-transform: scale(1.5); transform: scale(1.5); opacity: 0.8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); } /*******************************************/ /*THUMBNAILS*/ .thumb:after { content: ''; line-height: 0; display: table; clear: both; } .box-icon-left + .thumb-caption, .box-icon-right + .thumb-caption, .thumb-header-right + .thumb-caption, .thumb-header-left + .thumb-caption { display: table; } .thumb-header { margin-bottom: 15px; } .thumb-header-left { float: left; margin-right: 15px; } .thumb-header-right { float: right; margin-left: 15px; } .thumb-title { margin: 0; line-height: 1em; } .thumb-desc { margin-bottom: 0; margin-top: 6px; font-size: 12px; color: #6a6a6a; line-height: 1.4em; } .thumb-caption .btn { margin-top: 7.5px; } .thumb-caption .thumb-social { margin-top: 7.5px; } .thumb-caption .thumb-meta { margin-top: 6px; font-style: italic; margin-bottom: 0; } .thumb-caption .thumb-meta [class^="icon-"] { margin-right: 5px; } .white .thumb-desc { color: #e6e6e6; } .white .thumb-title { color: #fff; } .thumb-progress { margin-top: 6px; margin-bottom: 0; } /*******************************************/ /*ICONS EFFECTS*/ .box-icon, [class^="box-icon-"], [class*=" box-icon-"] { z-index: 2; position: relative; width: 30px; height: 30px; line-height: 30px; text-align: center; display: block; background: #00a0b0; color: #fff; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; -ms-transition: 0.3s; transition: 0.3s; } .box-icon:hover, [class^="box-icon-"]:hover, [class*=" box-icon-"]:hover { background: #00808d; color: #fff; } .box-icon-big { width: 60px; height: 60px; line-height: 60px; font-size: 26px; } .box-icon-large { width: 90px; height: 90px; line-height: 90px; font-size: 39px; } .box-icon-huge { width: 120px; height: 120px; line-height: 120px; font-size: 52px; } .box-icon-black { background: #333; } .box-icon-black:hover { background: #000; } .box-icon-gray { background: #808080; } .box-icon-gray:hover { background: #4d4d4d; } .box-icon-white { background: #fff; color: #00a0b0; } .box-icon-white:hover { color: #00a0b0; background: #e6e6e6; } .box-icon-info { background: #2f96b4; } .box-icon-info:hover { background: #267890; } .box-icon-success { background: #51a351; } .box-icon-success:hover { background: #418241; } .box-icon-warning { background: #f89406; } .box-icon-warning:hover { background: #c67605; } .box-icon-danger { background: #bd362f; } .box-icon-danger:hover { background: #972b26; } .box-icon-inverse { background: #ff5f4f; } .box-icon-inverse:hover { background: #ff220c; } .box-icon-to-normal:hover { background: #00a0b0; } .box-icon-to-black:hover { background: #333; } .box-icon-to-gray:hover { background: #808080; } .box-icon-to-white:hover { background: #fff; color: #00a0b0; } .box-icon-to-info:hover { background: #2f96b4; } .box-icon-to-success:hover { background: #51a351; } .box-icon-to-warning:hover { background: #f89406; } .box-icon-to-danger:hover { background: #bd362f; } .box-icon-to-inverse:hover { background: #ff5f4f; } .box-icon-border, [class^="box-icon-border"], [class*=" box-icon-border"] { background: none; border: 2px solid #00a0b0; color: #00a0b0; } .box-icon-border:hover, [class^="box-icon-border"]:hover, [class*=" box-icon-border"]:hover { background: #00a0b0; color: #fff !important; } .box-icon-border.box-icon-black, [class^="box-icon-border"].box-icon-black, [class*=" box-icon-border"].box-icon-black, .box-icon-border.box-icon-to-black:hover, [class^="box-icon-border"].box-icon-to-black:hover, [class*=" box-icon-border"].box-icon-to-black:hover { border-color: #333; color: #333; } .box-icon-border.box-icon-black:hover, [class^="box-icon-border"].box-icon-black:hover, [class*=" box-icon-border"].box-icon-black:hover, .box-icon-border.box-icon-to-black:hover:hover, [class^="box-icon-border"].box-icon-to-black:hover:hover, [class*=" box-icon-border"].box-icon-to-black:hover:hover { background: #333; } .box-icon-border.box-icon-gray, [class^="box-icon-border"].box-icon-gray, [class*=" box-icon-border"].box-icon-gray, .box-icon-border.box-icon-to-gray:hover, [class^="box-icon-border"].box-icon-to-gray:hover, [class*=" box-icon-border"].box-icon-to-gray:hover { border-color: #808080; color: #808080; } .box-icon-border.box-icon-gray:hover, [class^="box-icon-border"].box-icon-gray:hover, [class*=" box-icon-border"].box-icon-gray:hover, .box-icon-border.box-icon-to-gray:hover:hover, [class^="box-icon-border"].box-icon-to-gray:hover:hover, [class*=" box-icon-border"].box-icon-to-gray:hover:hover { background: #808080; } .box-icon-border.box-icon-white, [class^="box-icon-border"].box-icon-white, [class*=" box-icon-border"].box-icon-white, .box-icon-border.box-icon-to-white:hover, [class^="box-icon-border"].box-icon-to-white:hover, [class*=" box-icon-border"].box-icon-to-white:hover { border-color: #fff; color: #fff; } .box-icon-border.box-icon-white:hover, [class^="box-icon-border"].box-icon-white:hover, [class*=" box-icon-border"].box-icon-white:hover, .box-icon-border.box-icon-to-white:hover:hover, [class^="box-icon-border"].box-icon-to-white:hover:hover, [class*=" box-icon-border"].box-icon-to-white:hover:hover { color: #00a0b0; background: #fff; } .box-icon-border.box-icon-info, [class^="box-icon-border"].box-icon-info, [class*=" box-icon-border"].box-icon-info, .box-icon-border.box-icon-to-info:hover, [class^="box-icon-border"].box-icon-to-info:hover, [class*=" box-icon-border"].box-icon-to-info:hover { border-color: #2f96b4; color: #2f96b4; } .box-icon-border.box-icon-info:hover, [class^="box-icon-border"].box-icon-info:hover, [class*=" box-icon-border"].box-icon-info:hover, .box-icon-border.box-icon-to-info:hover:hover, [class^="box-icon-border"].box-icon-to-info:hover:hover, [class*=" box-icon-border"].box-icon-to-info:hover:hover { background: #2f96b4; } .box-icon-border.box-icon-success, [class^="box-icon-border"].box-icon-success, [class*=" box-icon-border"].box-icon-success, .box-icon-border.box-icon-to-success:hover, [class^="box-icon-border"].box-icon-to-success:hover, [class*=" box-icon-border"].box-icon-to-success:hover { border-color: #51a351; color: #51a351; } .box-icon-border.box-icon-success:hover, [class^="box-icon-border"].box-icon-success:hover, [class*=" box-icon-border"].box-icon-success:hover, .box-icon-border.box-icon-to-success:hover:hover, [class^="box-icon-border"].box-icon-to-success:hover:hover, [class*=" box-icon-border"].box-icon-to-success:hover:hover { background: #51a351; } .box-icon-border.box-icon-warning, [class^="box-icon-border"].box-icon-warning, [class*=" box-icon-border"].box-icon-warning, .box-icon-border.box-icon-to-warning:hover, [class^="box-icon-border"].box-icon-to-warning:hover, [class*=" box-icon-border"].box-icon-to-warning:hover { border-color: #f89406; color: #f89406; } .box-icon-border.box-icon-warning:hover, [class^="box-icon-border"].box-icon-warning:hover, [class*=" box-icon-border"].box-icon-warning:hover, .box-icon-border.box-icon-to-warning:hover:hover, [class^="box-icon-border"].box-icon-to-warning:hover:hover, [class*=" box-icon-border"].box-icon-to-warning:hover:hover { background: #f89406; } .box-icon-border.box-icon-danger, [class^="box-icon-border"].box-icon-danger, [class*=" box-icon-border"].box-icon-danger, .box-icon-border.box-icon-to-danger:hover, [class^="box-icon-border"].box-icon-to-danger:hover, [class*=" box-icon-border"].box-icon-to-danger:hover { border-color: #bd362f; color: #bd362f; } .box-icon-border.box-icon-danger:hover, [class^="box-icon-border"].box-icon-danger:hover, [class*=" box-icon-border"].box-icon-danger:hover, .box-icon-border.box-icon-to-danger:hover:hover, [class^="box-icon-border"].box-icon-to-danger:hover:hover, [class*=" box-icon-border"].box-icon-to-danger:hover:hover { background: #bd362f; } .box-icon-border.box-icon-inverse, [class^="box-icon-border"].box-icon-inverse, [class*=" box-icon-border"].box-icon-inverse, .box-icon-border.box-icon-to-inverse:hover, [class^="box-icon-border"].box-icon-to-inverse:hover, [class*=" box-icon-border"].box-icon-to-inverse:hover { border-color: #ff5f4f; color: #ff5f4f; } .box-icon-border.box-icon-inverse:hover, [class^="box-icon-border"].box-icon-inverse:hover, [class*=" box-icon-border"].box-icon-inverse:hover, .box-icon-border.box-icon-to-inverse:hover:hover, [class^="box-icon-border"].box-icon-to-inverse:hover:hover, [class*=" box-icon-border"].box-icon-to-inverse:hover:hover { background: #ff5f4f; } .box-icon-border.box-icon-to-normal:hover, [class^="box-icon-border"].box-icon-to-normal:hover, [class*=" box-icon-border"].box-icon-to-normal:hover { border-color: #00a0b0; background: #00a0b0; } .box-icon-border-dashed { border-style: dashed; } .box-icon-left { float: left; margin-right: 15px; } .box-icon-right { float: right; margin-left: 15px; } .box-icon-center { margin: 0 auto; } .animate-icon, [class^="animate-icon"], [class*=" animate-icon"] { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; } .animate-icon:before, [class^="animate-icon"]:before, [class*=" animate-icon"]:before { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; } .animate-icon:hover:before, [class^="animate-icon"]:hover:before, [class*=" animate-icon"]:hover:before { -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -o-animation-duration: 1s; -ms-animation-duration: 1s; animation-duration: 1s; } .animate-icon:after, [class^="animate-icon"]:after, [class*=" animate-icon"]:after { z-index: -1; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; position: absolute; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; -ms-transition: 0.3s; transition: 0.3s; width: 100%; height: 100%; content: ''; left: 0; top: 0; } .animate-icon:hover:after, [class^="animate-icon"]:hover:after, [class*=" animate-icon"]:hover:after { opacity: 1; -ms-filter: none; filter: none; } .animate-icon-flash:hover:before { -webkit-animation-name: flash; -moz-animation-name: flash; -o-animation-name: flash; -ms-animation-name: flash; animation-name: flash; } .animate-icon-shake:hover:before { -webkit-animation-name: shake; -moz-animation-name: shake; -o-animation-name: shake; -ms-animation-name: shake; animation-name: shake; } .animate-icon-bounce:hover:before { -webkit-animation-name: bounce; -moz-animation-name: bounce; -o-animation-name: bounce; -ms-animation-name: bounce; animation-name: bounce; } .animate-icon-tada:hover:before { -webkit-animation-name: tada; -moz-animation-name: tada; -o-animation-name: tada; -ms-animation-name: tada; animation-name: tada; } .animate-icon-swing:hover:before { -webkit-animation-name: swing; -moz-animation-name: swing; -o-animation-name: swing; -ms-animation-name: swing; animation-name: swing; } .animate-icon-wobble:hover:before { -webkit-animation-name: wobble; -moz-animation-name: wobble; -o-animation-name: wobble; -ms-animation-name: wobble; animation-name: wobble; } .animate-icon-pulse:hover:before { -webkit-animation-name: pulse; -moz-animation-name: pulse; -o-animation-name: pulse; -ms-animation-name: pulse; animation-name: pulse; } .animate-icon-left-to-right, .animate-icon-right-to-left, .animate-icon-bottom-to-top, .animate-icon-top-to-bottom { overflow: hidden; } .animate-icon-left-to-right:hover:before { -webkit-animation: left-to-right 0.3s forwards; -moz-animation: left-to-right 0.3s forwards; -o-animation: left-to-right 0.3s forwards; -ms-animation: left-to-right 0.3s forwards; animation: left-to-right 0.3s forwards; } .animate-icon-right-to-left:hover:before { -webkit-animation: right-to-left 0.3s forwards; -moz-animation: right-to-left 0.3s forwards; -o-animation: right-to-left 0.3s forwards; -ms-animation: right-to-left 0.3s forwards; animation: right-to-left 0.3s forwards; } .animate-icon-bottom-to-top:hover:before { -webkit-animation: bottom-to-top 0.3s forwards; -moz-animation: bottom-to-top 0.3s forwards; -o-animation: bottom-to-top 0.3s forwards; -ms-animation: bottom-to-top 0.3s forwards; animation: bottom-to-top 0.3s forwards; } .animate-icon-top-to-bottom:hover:before { -webkit-animation: top-to-bottom 0.3s forwards; -moz-animation: top-to-bottom 0.3s forwards; -o-animation: top-to-bottom 0.3s forwards; -ms-animation: top-to-bottom 0.3s forwards; animation: top-to-bottom 0.3s forwards; } .animate-icon-border-rise:after, .animate-icon-border-rise-alt:after { -webkit-box-shadow: 0 0 0 2px #00a0b0; box-shadow: 0 0 0 2px #00a0b0; } .animate-icon-border-rise.box-icon-black:after, .animate-icon-border-rise-alt.box-icon-black:after, .animate-icon-border-rise.box-icon-to-black:hover:after, .animate-icon-border-rise-alt.box-icon-to-black:hover:after { -webkit-box-shadow: 0 0 0 2px #333; box-shadow: 0 0 0 2px #333; } .animate-icon-border-rise.box-icon-gray:after, .animate-icon-border-rise-alt.box-icon-gray:after, .animate-icon-border-rise.box-icon-to-gray:hover:after, .animate-icon-border-rise-alt.box-icon-to-gray:hover:after { -webkit-box-shadow: 0 0 0 2px #808080; box-shadow: 0 0 0 2px #808080; } .animate-icon-border-rise.box-icon-info:after, .animate-icon-border-rise-alt.box-icon-info:after, .animate-icon-border-rise.box-icon-to-info:hover:after, .animate-icon-border-rise-alt.box-icon-to-info:hover:after { -webkit-box-shadow: 0 0 0 2px #2f96b4; box-shadow: 0 0 0 2px #2f96b4; } .animate-icon-border-rise.box-icon-success:after, .animate-icon-border-rise-alt.box-icon-success:after, .animate-icon-border-rise.box-icon-to-success:hover:after, .animate-icon-border-rise-alt.box-icon-to-success:hover:after { -webkit-box-shadow: 0 0 0 2px #51a351; box-shadow: 0 0 0 2px #51a351; } .animate-icon-border-rise.box-icon-warning:after, .animate-icon-border-rise-alt.box-icon-warning:after, .animate-icon-border-rise.box-icon-to-warning:hover:after, .animate-icon-border-rise-alt.box-icon-to-warning:hover:after { -webkit-box-shadow: 0 0 0 2px #f89406; box-shadow: 0 0 0 2px #f89406; } .animate-icon-border-rise.box-icon-danger:after, .animate-icon-border-rise-alt.box-icon-danger:after, .animate-icon-border-rise.box-icon-to-danger:hover:after, .animate-icon-border-rise-alt.box-icon-to-danger:hover:after { -webkit-box-shadow: 0 0 0 2px #bd362f; box-shadow: 0 0 0 2px #bd362f; } .animate-icon-border-rise.box-icon-inverse:after, .animate-icon-border-rise-alt.box-icon-inverse:after, .animate-icon-border-rise.box-icon-to-inverse:hover:after, .animate-icon-border-rise-alt.box-icon-to-inverse:hover:after { -webkit-box-shadow: 0 0 0 2px #ff5f4f; box-shadow: 0 0 0 2px #ff5f4f; } .animate-icon-border-rise.box-icon-to-normal:after:hover, .animate-icon-border-rise-alt.box-icon-to-normal:after:hover { -webkit-box-shadow: 0 0 0 2px #00a0b0; box-shadow: 0 0 0 2px #00a0b0; } .animate-icon-border-rise.round:after, .animate-icon-border-rise-alt.round:after { -webkit-border-radius: 50%; border-radius: 50%; } .animate-icon-border-rise:after { -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -o-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); } .animate-icon-border-rise:hover:after { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } .animate-icon-border-rise-alt:after { -webkit-transform: scale(1.6); -moz-transform: scale(1.6); -o-transform: scale(1.6); -ms-transform: scale(1.6); transform: scale(1.6); } .animate-icon-border-rise-alt:hover:after { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } .animate-icon-border-fadeout { color: #fff; background: none; border: 2px solid #00a0b0; } .animate-icon-border-fadeout:after { opacity: 1; -ms-filter: none; filter: none; background: #00a0b0; } .animate-icon-border-fadeout:hover { color: #00a0b0; background: none; } .animate-icon-border-fadeout:hover:after { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -webkit-transform: scale(1.5); -moz-transform: scale(1.5); -o-transform: scale(1.5); -ms-transform: scale(1.5); transform: scale(1.5); } .animate-icon-border-fadeout.box-icon-black, .animate-icon-border-fadeout.box-icon-to-black:hover { border-color: #333; } .animate-icon-border-fadeout.box-icon-black:after, .animate-icon-border-fadeout.box-icon-to-black:hover:after { background: #333; } .animate-icon-border-fadeout.box-icon-black:hover, .animate-icon-border-fadeout.box-icon-to-black:hover:hover { color: #333; } .animate-icon-border-fadeout.box-icon-gray, .animate-icon-border-fadeout.box-icon-to-gray:hover { border-color: #808080; } .animate-icon-border-fadeout.box-icon-gray:after, .animate-icon-border-fadeout.box-icon-to-gray:hover:after { background: #808080; } .animate-icon-border-fadeout.box-icon-gray:hover, .animate-icon-border-fadeout.box-icon-to-gray:hover:hover { color: #808080; } .animate-icon-border-fadeout.box-icon-info, .animate-icon-border-fadeout.box-icon-to-info:hover { border-color: #2f96b4; } .animate-icon-border-fadeout.box-icon-info:after, .animate-icon-border-fadeout.box-icon-to-info:hover:after { background: #2f96b4; } .animate-icon-border-fadeout.box-icon-info:hover, .animate-icon-border-fadeout.box-icon-to-info:hover:hover { color: #2f96b4; } .animate-icon-border-fadeout.box-icon-success, .animate-icon-border-fadeout.box-icon-to-success:hover { border-color: #51a351; } .animate-icon-border-fadeout.box-icon-success:after, .animate-icon-border-fadeout.box-icon-to-success:hover:after { background: #51a351; } .animate-icon-border-fadeout.box-icon-success:hover, .animate-icon-border-fadeout.box-icon-to-success:hover:hover { color: #51a351; } .animate-icon-border-fadeout.box-icon-warning, .animate-icon-border-fadeout.box-icon-to-warning:hover { border-color: #f89406; } .animate-icon-border-fadeout.box-icon-warning:after, .animate-icon-border-fadeout.box-icon-to-warning:hover:after { background: #f89406; } .animate-icon-border-fadeout.box-icon-warning:hover, .animate-icon-border-fadeout.box-icon-to-warning:hover:hover { color: #f89406; } .animate-icon-border-fadeout.box-icon-danger, .animate-icon-border-fadeout.box-icon-to-danger:hover { border-color: #bd362f; } .animate-icon-border-fadeout.box-icon-danger:after, .animate-icon-border-fadeout.box-icon-to-danger:hover:after { background: #bd362f; } .animate-icon-border-fadeout.box-icon-danger:hover, .animate-icon-border-fadeout.box-icon-to-danger:hover:hover { color: #bd362f; } .animate-icon-border-fadeout.box-icon-inverse, .animate-icon-border-fadeout.box-icon-to-inverse:hover { border-color: #ff5f4f; } .animate-icon-border-fadeout.box-icon-inverse:after, .animate-icon-border-fadeout.box-icon-to-inverse:hover:after { background: #ff5f4f; } .animate-icon-border-fadeout.box-icon-inverse:hover, .animate-icon-border-fadeout.box-icon-to-inverse:hover:hover { color: #ff5f4f; } .animate-icon-border-fadeout.box-icon-to-normal { border-color: #00a0b0; } .animate-icon-border-fadeout.box-icon-to-normal:after { background: #00a0b0; } .animate-icon-border-fadeout.box-icon-to-normal:hover { color: #00a0b0; } .animate-icon-border-fadeout.round:after { -webkit-border-radius: 50%; border-radius: 50%; } .animate-icon-border-fadein { color: #00a0b0; background: none; border: 2px solid #00a0b0; } .animate-icon-border-fadein:after { -webkit-transform: scale(1.5); -moz-transform: scale(1.5); -o-transform: scale(1.5); -ms-transform: scale(1.5); transform: scale(1.5); } .animate-icon-border-fadein:hover { color: #fff !important; } .animate-icon-border-fadein:hover:after { background: #00a0b0; -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .animate-icon-border-fadein.box-icon-black, .animate-icon-border-fadein.box-icon-to-black:hover { color: #333; border-color: #333; } .animate-icon-border-fadein.box-icon-black:hover:after, .animate-icon-border-fadein.box-icon-to-black:hover:hover:after { background: #333; } .animate-icon-border-fadein.box-icon-gray, .animate-icon-border-fadein.box-icon-to-gray:hover { color: #808080; border-color: #808080; } .animate-icon-border-fadein.box-icon-gray:hover:after, .animate-icon-border-fadein.box-icon-to-gray:hover:hover:after { background: #808080; } .animate-icon-border-fadein.box-icon-info, .animate-icon-border-fadein.box-icon-to-info:hover { color: #2f96b4; border-color: #2f96b4; } .animate-icon-border-fadein.box-icon-info:hover:after, .animate-icon-border-fadein.box-icon-to-info:hover:hover:after { background: #2f96b4; } .animate-icon-border-fadein.box-icon-success, .animate-icon-border-fadein.box-icon-to-success:hover { color: #51a351; border-color: #51a351; } .animate-icon-border-fadein.box-icon-success:hover:after, .animate-icon-border-fadein.box-icon-to-success:hover:hover:after { background: #51a351; } .animate-icon-border-fadein.box-icon-warning, .animate-icon-border-fadein.box-icon-to-warning:hover { color: #f89406; border-color: #f89406; } .animate-icon-border-fadein.box-icon-warning:hover:after, .animate-icon-border-fadein.box-icon-to-warning:hover:hover:after { background: #f89406; } .animate-icon-border-fadein.box-icon-danger, .animate-icon-border-fadein.box-icon-to-danger:hover { color: #bd362f; border-color: #bd362f; } .animate-icon-border-fadein.box-icon-danger:hover:after, .animate-icon-border-fadein.box-icon-to-danger:hover:hover:after { background: #bd362f; } .animate-icon-border-fadein.box-icon-inverse, .animate-icon-border-fadein.box-icon-to-inverse:hover { color: #ff5f4f; border-color: #ff5f4f; } .animate-icon-border-fadein.box-icon-inverse:hover:after, .animate-icon-border-fadein.box-icon-to-inverse:hover:hover:after { background: #ff5f4f; } .animate-icon-border-fadein.box-icon-to-normal:hover { color: #00a0b0; border-color: #00a0b0; } .animate-icon-border-fadein.box-icon-to-normal:hover:hover:after { background: #00a0b0; } .animate-icon-border-fadein.round:after { -webkit-border-radius: 50%; border-radius: 50%; } @-moz-keyframes flash { 0%, 50%, 100% { opacity: 1; -ms-filter: none; filter: none; } 25%, 75% { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } } @-webkit-keyframes flash { 0%, 50%, 100% { opacity: 1; -ms-filter: none; filter: none; } 25%, 75% { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } } @-o-keyframes flash { 0%, 50%, 100% { opacity: 1; -ms-filter: none; filter: none; } 25%, 75% { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } } @-ms-keyframes flash { 0%, 50%, 100% { opacity: 1; -ms-filter: none; filter: none; } 25%, 75% { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } } @keyframes flash { 0%, 50%, 100% { opacity: 1; -ms-filter: none; filter: none; } 25%, 75% { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } } @-moz-keyframes shake { 0%, 100% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -o-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translateX(-10%); -moz-transform: translateX(-10%); -o-transform: translateX(-10%); -ms-transform: translateX(-10%); transform: translateX(-10%); } 20%, 40%, 60%, 80% { -webkit-transform: translateX(10%); -moz-transform: translateX(10%); -o-transform: translateX(10%); -ms-transform: translateX(10%); transform: translateX(10%); } } @-webkit-keyframes shake { 0%, 100% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -o-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translateX(-10%); -moz-transform: translateX(-10%); -o-transform: translateX(-10%); -ms-transform: translateX(-10%); transform: translateX(-10%); } 20%, 40%, 60%, 80% { -webkit-transform: translateX(10%); -moz-transform: translateX(10%); -o-transform: translateX(10%); -ms-transform: translateX(10%); transform: translateX(10%); } } @-o-keyframes shake { 0%, 100% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -o-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translateX(-10%); -moz-transform: translateX(-10%); -o-transform: translateX(-10%); -ms-transform: translateX(-10%); transform: translateX(-10%); } 20%, 40%, 60%, 80% { -webkit-transform: translateX(10%); -moz-transform: translateX(10%); -o-transform: translateX(10%); -ms-transform: translateX(10%); transform: translateX(10%); } } @-ms-keyframes shake { 0%, 100% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -o-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translateX(-10%); -moz-transform: translateX(-10%); -o-transform: translateX(-10%); -ms-transform: translateX(-10%); transform: translateX(-10%); } 20%, 40%, 60%, 80% { -webkit-transform: translateX(10%); -moz-transform: translateX(10%); -o-transform: translateX(10%); -ms-transform: translateX(10%); transform: translateX(10%); } } @keyframes shake { 0%, 100% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -o-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translateX(-10%); -moz-transform: translateX(-10%); -o-transform: translateX(-10%); -ms-transform: translateX(-10%); transform: translateX(-10%); } 20%, 40%, 60%, 80% { -webkit-transform: translateX(10%); -moz-transform: translateX(10%); -o-transform: translateX(10%); -ms-transform: translateX(10%); transform: translateX(10%); } } @-moz-keyframes bounce { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 40% { -webkit-transform: translateY(-30%); -moz-transform: translateY(-30%); -o-transform: translateY(-30%); -ms-transform: translateY(-30%); transform: translateY(-30%); } 60% { -webkit-transform: translateY(-15%); -moz-transform: translateY(-15%); -o-transform: translateY(-15%); -ms-transform: translateY(-15%); transform: translateY(-15%); } } @-webkit-keyframes bounce { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 40% { -webkit-transform: translateY(-30%); -moz-transform: translateY(-30%); -o-transform: translateY(-30%); -ms-transform: translateY(-30%); transform: translateY(-30%); } 60% { -webkit-transform: translateY(-15%); -moz-transform: translateY(-15%); -o-transform: translateY(-15%); -ms-transform: translateY(-15%); transform: translateY(-15%); } } @-o-keyframes bounce { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 40% { -webkit-transform: translateY(-30%); -moz-transform: translateY(-30%); -o-transform: translateY(-30%); -ms-transform: translateY(-30%); transform: translateY(-30%); } 60% { -webkit-transform: translateY(-15%); -moz-transform: translateY(-15%); -o-transform: translateY(-15%); -ms-transform: translateY(-15%); transform: translateY(-15%); } } @-ms-keyframes bounce { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 40% { -webkit-transform: translateY(-30%); -moz-transform: translateY(-30%); -o-transform: translateY(-30%); -ms-transform: translateY(-30%); transform: translateY(-30%); } 60% { -webkit-transform: translateY(-15%); -moz-transform: translateY(-15%); -o-transform: translateY(-15%); -ms-transform: translateY(-15%); transform: translateY(-15%); } } @keyframes bounce { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 40% { -webkit-transform: translateY(-30%); -moz-transform: translateY(-30%); -o-transform: translateY(-30%); -ms-transform: translateY(-30%); transform: translateY(-30%); } 60% { -webkit-transform: translateY(-15%); -moz-transform: translateY(-15%); -o-transform: translateY(-15%); -ms-transform: translateY(-15%); transform: translateY(-15%); } } @-moz-keyframes tada { 0% { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } 10%, 20% { -webkit-transform: scale(0.9) rotate(-3deg); -moz-transform: scale(0.9) rotate(-3deg); -o-transform: scale(0.9) rotate(-3deg); -ms-transform: scale(0.9) rotate(-3deg); transform: scale(0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale(1.1) rotate(3deg); -moz-transform: scale(1.1) rotate(3deg); -o-transform: scale(1.1) rotate(3deg); -ms-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg); } 40%, 60%, 80% { -webkit-transform: scale(1.1) rotate(-3deg); -moz-transform: scale(1.1) rotate(-3deg); -o-transform: scale(1.1) rotate(-3deg); -ms-transform: scale(1.1) rotate(-3deg); transform: scale(1.1) rotate(-3deg); } 100% { -webkit-transform: scale(1) rotate(0); -moz-transform: scale(1) rotate(0); -o-transform: scale(1) rotate(0); -ms-transform: scale(1) rotate(0); transform: scale(1) rotate(0); } } @-webkit-keyframes tada { 0% { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } 10%, 20% { -webkit-transform: scale(0.9) rotate(-3deg); -moz-transform: scale(0.9) rotate(-3deg); -o-transform: scale(0.9) rotate(-3deg); -ms-transform: scale(0.9) rotate(-3deg); transform: scale(0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale(1.1) rotate(3deg); -moz-transform: scale(1.1) rotate(3deg); -o-transform: scale(1.1) rotate(3deg); -ms-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg); } 40%, 60%, 80% { -webkit-transform: scale(1.1) rotate(-3deg); -moz-transform: scale(1.1) rotate(-3deg); -o-transform: scale(1.1) rotate(-3deg); -ms-transform: scale(1.1) rotate(-3deg); transform: scale(1.1) rotate(-3deg); } 100% { -webkit-transform: scale(1) rotate(0); -moz-transform: scale(1) rotate(0); -o-transform: scale(1) rotate(0); -ms-transform: scale(1) rotate(0); transform: scale(1) rotate(0); } } @-o-keyframes tada { 0% { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } 10%, 20% { -webkit-transform: scale(0.9) rotate(-3deg); -moz-transform: scale(0.9) rotate(-3deg); -o-transform: scale(0.9) rotate(-3deg); -ms-transform: scale(0.9) rotate(-3deg); transform: scale(0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale(1.1) rotate(3deg); -moz-transform: scale(1.1) rotate(3deg); -o-transform: scale(1.1) rotate(3deg); -ms-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg); } 40%, 60%, 80% { -webkit-transform: scale(1.1) rotate(-3deg); -moz-transform: scale(1.1) rotate(-3deg); -o-transform: scale(1.1) rotate(-3deg); -ms-transform: scale(1.1) rotate(-3deg); transform: scale(1.1) rotate(-3deg); } 100% { -webkit-transform: scale(1) rotate(0); -moz-transform: scale(1) rotate(0); -o-transform: scale(1) rotate(0); -ms-transform: scale(1) rotate(0); transform: scale(1) rotate(0); } } @-ms-keyframes tada { 0% { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } 10%, 20% { -webkit-transform: scale(0.9) rotate(-3deg); -moz-transform: scale(0.9) rotate(-3deg); -o-transform: scale(0.9) rotate(-3deg); -ms-transform: scale(0.9) rotate(-3deg); transform: scale(0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale(1.1) rotate(3deg); -moz-transform: scale(1.1) rotate(3deg); -o-transform: scale(1.1) rotate(3deg); -ms-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg); } 40%, 60%, 80% { -webkit-transform: scale(1.1) rotate(-3deg); -moz-transform: scale(1.1) rotate(-3deg); -o-transform: scale(1.1) rotate(-3deg); -ms-transform: scale(1.1) rotate(-3deg); transform: scale(1.1) rotate(-3deg); } 100% { -webkit-transform: scale(1) rotate(0); -moz-transform: scale(1) rotate(0); -o-transform: scale(1) rotate(0); -ms-transform: scale(1) rotate(0); transform: scale(1) rotate(0); } } @keyframes tada { 0% { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } 10%, 20% { -webkit-transform: scale(0.9) rotate(-3deg); -moz-transform: scale(0.9) rotate(-3deg); -o-transform: scale(0.9) rotate(-3deg); -ms-transform: scale(0.9) rotate(-3deg); transform: scale(0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale(1.1) rotate(3deg); -moz-transform: scale(1.1) rotate(3deg); -o-transform: scale(1.1) rotate(3deg); -ms-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg); } 40%, 60%, 80% { -webkit-transform: scale(1.1) rotate(-3deg); -moz-transform: scale(1.1) rotate(-3deg); -o-transform: scale(1.1) rotate(-3deg); -ms-transform: scale(1.1) rotate(-3deg); transform: scale(1.1) rotate(-3deg); } 100% { -webkit-transform: scale(1) rotate(0); -moz-transform: scale(1) rotate(0); -o-transform: scale(1) rotate(0); -ms-transform: scale(1) rotate(0); transform: scale(1) rotate(0); } } @-moz-keyframes swing { 20%, 40%, 60%, 80%, 100% { -webkit-transform-origin: top center; -moz-transform-origin: top center; -o-transform-origin: top center; -ms-transform-origin: top center; transform-origin: top center; } 20% { -webkit-transform: rotate(15deg); -moz-transform: rotate(15deg); -o-transform: rotate(15deg); -ms-transform: rotate(15deg); transform: rotate(15deg); } 40% { -webkit-transform: rotate(-10deg); -moz-transform: rotate(-10deg); -o-transform: rotate(-10deg); -ms-transform: rotate(-10deg); transform: rotate(-10deg); } 60% { -webkit-transform: rotate(5deg); -moz-transform: rotate(5deg); -o-transform: rotate(5deg); -ms-transform: rotate(5deg); transform: rotate(5deg); } 80% { -webkit-transform: rotate(-5deg); -moz-transform: rotate(-5deg); -o-transform: rotate(-5deg); -ms-transform: rotate(-5deg); transform: rotate(-5deg); } 100% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } } @-webkit-keyframes swing { 20%, 40%, 60%, 80%, 100% { -webkit-transform-origin: top center; -moz-transform-origin: top center; -o-transform-origin: top center; -ms-transform-origin: top center; transform-origin: top center; } 20% { -webkit-transform: rotate(15deg); -moz-transform: rotate(15deg); -o-transform: rotate(15deg); -ms-transform: rotate(15deg); transform: rotate(15deg); } 40% { -webkit-transform: rotate(-10deg); -moz-transform: rotate(-10deg); -o-transform: rotate(-10deg); -ms-transform: rotate(-10deg); transform: rotate(-10deg); } 60% { -webkit-transform: rotate(5deg); -moz-transform: rotate(5deg); -o-transform: rotate(5deg); -ms-transform: rotate(5deg); transform: rotate(5deg); } 80% { -webkit-transform: rotate(-5deg); -moz-transform: rotate(-5deg); -o-transform: rotate(-5deg); -ms-transform: rotate(-5deg); transform: rotate(-5deg); } 100% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } } @-o-keyframes swing { 20%, 40%, 60%, 80%, 100% { -webkit-transform-origin: top center; -moz-transform-origin: top center; -o-transform-origin: top center; -ms-transform-origin: top center; transform-origin: top center; } 20% { -webkit-transform: rotate(15deg); -moz-transform: rotate(15deg); -o-transform: rotate(15deg); -ms-transform: rotate(15deg); transform: rotate(15deg); } 40% { -webkit-transform: rotate(-10deg); -moz-transform: rotate(-10deg); -o-transform: rotate(-10deg); -ms-transform: rotate(-10deg); transform: rotate(-10deg); } 60% { -webkit-transform: rotate(5deg); -moz-transform: rotate(5deg); -o-transform: rotate(5deg); -ms-transform: rotate(5deg); transform: rotate(5deg); } 80% { -webkit-transform: rotate(-5deg); -moz-transform: rotate(-5deg); -o-transform: rotate(-5deg); -ms-transform: rotate(-5deg); transform: rotate(-5deg); } 100% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } } @-ms-keyframes swing { 20%, 40%, 60%, 80%, 100% { -webkit-transform-origin: top center; -moz-transform-origin: top center; -o-transform-origin: top center; -ms-transform-origin: top center; transform-origin: top center; } 20% { -webkit-transform: rotate(15deg); -moz-transform: rotate(15deg); -o-transform: rotate(15deg); -ms-transform: rotate(15deg); transform: rotate(15deg); } 40% { -webkit-transform: rotate(-10deg); -moz-transform: rotate(-10deg); -o-transform: rotate(-10deg); -ms-transform: rotate(-10deg); transform: rotate(-10deg); } 60% { -webkit-transform: rotate(5deg); -moz-transform: rotate(5deg); -o-transform: rotate(5deg); -ms-transform: rotate(5deg); transform: rotate(5deg); } 80% { -webkit-transform: rotate(-5deg); -moz-transform: rotate(-5deg); -o-transform: rotate(-5deg); -ms-transform: rotate(-5deg); transform: rotate(-5deg); } 100% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } } @keyframes swing { 20%, 40%, 60%, 80%, 100% { -webkit-transform-origin: top center; -moz-transform-origin: top center; -o-transform-origin: top center; -ms-transform-origin: top center; transform-origin: top center; } 20% { -webkit-transform: rotate(15deg); -moz-transform: rotate(15deg); -o-transform: rotate(15deg); -ms-transform: rotate(15deg); transform: rotate(15deg); } 40% { -webkit-transform: rotate(-10deg); -moz-transform: rotate(-10deg); -o-transform: rotate(-10deg); -ms-transform: rotate(-10deg); transform: rotate(-10deg); } 60% { -webkit-transform: rotate(5deg); -moz-transform: rotate(5deg); -o-transform: rotate(5deg); -ms-transform: rotate(5deg); transform: rotate(5deg); } 80% { -webkit-transform: rotate(-5deg); -moz-transform: rotate(-5deg); -o-transform: rotate(-5deg); -ms-transform: rotate(-5deg); transform: rotate(-5deg); } 100% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } } @-moz-keyframes wobble { 0% { -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -o-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); } 15% { -webkit-transform: translateX(-25%) rotate(-5deg); -moz-transform: translateX(-25%) rotate(-5deg); -o-transform: translateX(-25%) rotate(-5deg); -ms-transform: translateX(-25%) rotate(-5deg); transform: translateX(-25%) rotate(-5deg); } 30% { -webkit-transform: translateX(20%) rotate(3deg); -moz-transform: translateX(20%) rotate(3deg); -o-transform: translateX(20%) rotate(3deg); -ms-transform: translateX(20%) rotate(3deg); transform: translateX(20%) rotate(3deg); } 45% { -webkit-transform: translateX(-15%) rotate(-3deg); -moz-transform: translateX(-15%) rotate(-3deg); -o-transform: translateX(-15%) rotate(-3deg); -ms-transform: translateX(-15%) rotate(-3deg); transform: translateX(-15%) rotate(-3deg); } 60% { -webkit-transform: translateX(10%) rotate(2deg); -moz-transform: translateX(10%) rotate(2deg); -o-transform: translateX(10%) rotate(2deg); -ms-transform: translateX(10%) rotate(2deg); transform: translateX(10%) rotate(2deg); } 75% { -webkit-transform: translateX(-5%) rotate(-1deg); -moz-transform: translateX(-5%) rotate(-1deg); -o-transform: translateX(-5%) rotate(-1deg); -ms-transform: translateX(-5%) rotate(-1deg); transform: translateX(-5%) rotate(-1deg); } 100% { -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -o-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); } } @-webkit-keyframes wobble { 0% { -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -o-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); } 15% { -webkit-transform: translateX(-25%) rotate(-5deg); -moz-transform: translateX(-25%) rotate(-5deg); -o-transform: translateX(-25%) rotate(-5deg); -ms-transform: translateX(-25%) rotate(-5deg); transform: translateX(-25%) rotate(-5deg); } 30% { -webkit-transform: translateX(20%) rotate(3deg); -moz-transform: translateX(20%) rotate(3deg); -o-transform: translateX(20%) rotate(3deg); -ms-transform: translateX(20%) rotate(3deg); transform: translateX(20%) rotate(3deg); } 45% { -webkit-transform: translateX(-15%) rotate(-3deg); -moz-transform: translateX(-15%) rotate(-3deg); -o-transform: translateX(-15%) rotate(-3deg); -ms-transform: translateX(-15%) rotate(-3deg); transform: translateX(-15%) rotate(-3deg); } 60% { -webkit-transform: translateX(10%) rotate(2deg); -moz-transform: translateX(10%) rotate(2deg); -o-transform: translateX(10%) rotate(2deg); -ms-transform: translateX(10%) rotate(2deg); transform: translateX(10%) rotate(2deg); } 75% { -webkit-transform: translateX(-5%) rotate(-1deg); -moz-transform: translateX(-5%) rotate(-1deg); -o-transform: translateX(-5%) rotate(-1deg); -ms-transform: translateX(-5%) rotate(-1deg); transform: translateX(-5%) rotate(-1deg); } 100% { -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -o-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); } } @-o-keyframes wobble { 0% { -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -o-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); } 15% { -webkit-transform: translateX(-25%) rotate(-5deg); -moz-transform: translateX(-25%) rotate(-5deg); -o-transform: translateX(-25%) rotate(-5deg); -ms-transform: translateX(-25%) rotate(-5deg); transform: translateX(-25%) rotate(-5deg); } 30% { -webkit-transform: translateX(20%) rotate(3deg); -moz-transform: translateX(20%) rotate(3deg); -o-transform: translateX(20%) rotate(3deg); -ms-transform: translateX(20%) rotate(3deg); transform: translateX(20%) rotate(3deg); } 45% { -webkit-transform: translateX(-15%) rotate(-3deg); -moz-transform: translateX(-15%) rotate(-3deg); -o-transform: translateX(-15%) rotate(-3deg); -ms-transform: translateX(-15%) rotate(-3deg); transform: translateX(-15%) rotate(-3deg); } 60% { -webkit-transform: translateX(10%) rotate(2deg); -moz-transform: translateX(10%) rotate(2deg); -o-transform: translateX(10%) rotate(2deg); -ms-transform: translateX(10%) rotate(2deg); transform: translateX(10%) rotate(2deg); } 75% { -webkit-transform: translateX(-5%) rotate(-1deg); -moz-transform: translateX(-5%) rotate(-1deg); -o-transform: translateX(-5%) rotate(-1deg); -ms-transform: translateX(-5%) rotate(-1deg); transform: translateX(-5%) rotate(-1deg); } 100% { -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -o-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); } } @-ms-keyframes wobble { 0% { -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -o-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); } 15% { -webkit-transform: translateX(-25%) rotate(-5deg); -moz-transform: translateX(-25%) rotate(-5deg); -o-transform: translateX(-25%) rotate(-5deg); -ms-transform: translateX(-25%) rotate(-5deg); transform: translateX(-25%) rotate(-5deg); } 30% { -webkit-transform: translateX(20%) rotate(3deg); -moz-transform: translateX(20%) rotate(3deg); -o-transform: translateX(20%) rotate(3deg); -ms-transform: translateX(20%) rotate(3deg); transform: translateX(20%) rotate(3deg); } 45% { -webkit-transform: translateX(-15%) rotate(-3deg); -moz-transform: translateX(-15%) rotate(-3deg); -o-transform: translateX(-15%) rotate(-3deg); -ms-transform: translateX(-15%) rotate(-3deg); transform: translateX(-15%) rotate(-3deg); } 60% { -webkit-transform: translateX(10%) rotate(2deg); -moz-transform: translateX(10%) rotate(2deg); -o-transform: translateX(10%) rotate(2deg); -ms-transform: translateX(10%) rotate(2deg); transform: translateX(10%) rotate(2deg); } 75% { -webkit-transform: translateX(-5%) rotate(-1deg); -moz-transform: translateX(-5%) rotate(-1deg); -o-transform: translateX(-5%) rotate(-1deg); -ms-transform: translateX(-5%) rotate(-1deg); transform: translateX(-5%) rotate(-1deg); } 100% { -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -o-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); } } @keyframes wobble { 0% { -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -o-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); } 15% { -webkit-transform: translateX(-25%) rotate(-5deg); -moz-transform: translateX(-25%) rotate(-5deg); -o-transform: translateX(-25%) rotate(-5deg); -ms-transform: translateX(-25%) rotate(-5deg); transform: translateX(-25%) rotate(-5deg); } 30% { -webkit-transform: translateX(20%) rotate(3deg); -moz-transform: translateX(20%) rotate(3deg); -o-transform: translateX(20%) rotate(3deg); -ms-transform: translateX(20%) rotate(3deg); transform: translateX(20%) rotate(3deg); } 45% { -webkit-transform: translateX(-15%) rotate(-3deg); -moz-transform: translateX(-15%) rotate(-3deg); -o-transform: translateX(-15%) rotate(-3deg); -ms-transform: translateX(-15%) rotate(-3deg); transform: translateX(-15%) rotate(-3deg); } 60% { -webkit-transform: translateX(10%) rotate(2deg); -moz-transform: translateX(10%) rotate(2deg); -o-transform: translateX(10%) rotate(2deg); -ms-transform: translateX(10%) rotate(2deg); transform: translateX(10%) rotate(2deg); } 75% { -webkit-transform: translateX(-5%) rotate(-1deg); -moz-transform: translateX(-5%) rotate(-1deg); -o-transform: translateX(-5%) rotate(-1deg); -ms-transform: translateX(-5%) rotate(-1deg); transform: translateX(-5%) rotate(-1deg); } 100% { -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -o-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); } } @-moz-keyframes pulse { 0% { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(1.3); -moz-transform: scale(1.3); -o-transform: scale(1.3); -ms-transform: scale(1.3); transform: scale(1.3); } 100% { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } } @-webkit-keyframes pulse { 0% { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(1.3); -moz-transform: scale(1.3); -o-transform: scale(1.3); -ms-transform: scale(1.3); transform: scale(1.3); } 100% { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } } @-o-keyframes pulse { 0% { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(1.3); -moz-transform: scale(1.3); -o-transform: scale(1.3); -ms-transform: scale(1.3); transform: scale(1.3); } 100% { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } } @-ms-keyframes pulse { 0% { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(1.3); -moz-transform: scale(1.3); -o-transform: scale(1.3); -ms-transform: scale(1.3); transform: scale(1.3); } 100% { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } } @keyframes pulse { 0% { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(1.3); -moz-transform: scale(1.3); -o-transform: scale(1.3); -ms-transform: scale(1.3); transform: scale(1.3); } 100% { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } } @-moz-keyframes left-to-right { 49% { -webkit-transform: translate(100%); -moz-transform: translate(100%); -o-transform: translate(100%); -ms-transform: translate(100%); transform: translate(100%); } 50% { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -webkit-transform: translate(-100%); -moz-transform: translate(-100%); -o-transform: translate(-100%); -ms-transform: translate(-100%); transform: translate(-100%); } 51% { opacity: 1; -ms-filter: none; filter: none; } } @-webkit-keyframes left-to-right { 49% { -webkit-transform: translate(100%); -moz-transform: translate(100%); -o-transform: translate(100%); -ms-transform: translate(100%); transform: translate(100%); } 50% { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -webkit-transform: translate(-100%); -moz-transform: translate(-100%); -o-transform: translate(-100%); -ms-transform: translate(-100%); transform: translate(-100%); } 51% { opacity: 1; -ms-filter: none; filter: none; } } @-o-keyframes left-to-right { 49% { -webkit-transform: translate(100%); -moz-transform: translate(100%); -o-transform: translate(100%); -ms-transform: translate(100%); transform: translate(100%); } 50% { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -webkit-transform: translate(-100%); -moz-transform: translate(-100%); -o-transform: translate(-100%); -ms-transform: translate(-100%); transform: translate(-100%); } 51% { opacity: 1; -ms-filter: none; filter: none; } } @-ms-keyframes left-to-right { 49% { -webkit-transform: translate(100%); -moz-transform: translate(100%); -o-transform: translate(100%); -ms-transform: translate(100%); transform: translate(100%); } 50% { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -webkit-transform: translate(-100%); -moz-transform: translate(-100%); -o-transform: translate(-100%); -ms-transform: translate(-100%); transform: translate(-100%); } 51% { opacity: 1; -ms-filter: none; filter: none; } } @keyframes left-to-right { 49% { -webkit-transform: translate(100%); -moz-transform: translate(100%); -o-transform: translate(100%); -ms-transform: translate(100%); transform: translate(100%); } 50% { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -webkit-transform: translate(-100%); -moz-transform: translate(-100%); -o-transform: translate(-100%); -ms-transform: translate(-100%); transform: translate(-100%); } 51% { opacity: 1; -ms-filter: none; filter: none; } } @-moz-keyframes right-to-left { 49% { -webkit-transform: translate(-100%); -moz-transform: translate(-100%); -o-transform: translate(-100%); -ms-transform: translate(-100%); transform: translate(-100%); } 50% { -webkit-transform: translate(100%); -moz-transform: translate(100%); -o-transform: translate(100%); -ms-transform: translate(100%); transform: translate(100%); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } 51% { opacity: 1; -ms-filter: none; filter: none; } } @-webkit-keyframes right-to-left { 49% { -webkit-transform: translate(-100%); -moz-transform: translate(-100%); -o-transform: translate(-100%); -ms-transform: translate(-100%); transform: translate(-100%); } 50% { -webkit-transform: translate(100%); -moz-transform: translate(100%); -o-transform: translate(100%); -ms-transform: translate(100%); transform: translate(100%); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } 51% { opacity: 1; -ms-filter: none; filter: none; } } @-o-keyframes right-to-left { 49% { -webkit-transform: translate(-100%); -moz-transform: translate(-100%); -o-transform: translate(-100%); -ms-transform: translate(-100%); transform: translate(-100%); } 50% { -webkit-transform: translate(100%); -moz-transform: translate(100%); -o-transform: translate(100%); -ms-transform: translate(100%); transform: translate(100%); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } 51% { opacity: 1; -ms-filter: none; filter: none; } } @-ms-keyframes right-to-left { 49% { -webkit-transform: translate(-100%); -moz-transform: translate(-100%); -o-transform: translate(-100%); -ms-transform: translate(-100%); transform: translate(-100%); } 50% { -webkit-transform: translate(100%); -moz-transform: translate(100%); -o-transform: translate(100%); -ms-transform: translate(100%); transform: translate(100%); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } 51% { opacity: 1; -ms-filter: none; filter: none; } } @keyframes right-to-left { 49% { -webkit-transform: translate(-100%); -moz-transform: translate(-100%); -o-transform: translate(-100%); -ms-transform: translate(-100%); transform: translate(-100%); } 50% { -webkit-transform: translate(100%); -moz-transform: translate(100%); -o-transform: translate(100%); -ms-transform: translate(100%); transform: translate(100%); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } 51% { opacity: 1; -ms-filter: none; filter: none; } } @-moz-keyframes bottom-to-top { 49% { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -o-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); } 50% { -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -o-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } 51% { opacity: 1; -ms-filter: none; filter: none; } } @-webkit-keyframes bottom-to-top { 49% { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -o-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); } 50% { -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -o-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } 51% { opacity: 1; -ms-filter: none; filter: none; } } @-o-keyframes bottom-to-top { 49% { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -o-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); } 50% { -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -o-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } 51% { opacity: 1; -ms-filter: none; filter: none; } } @-ms-keyframes bottom-to-top { 49% { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -o-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); } 50% { -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -o-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } 51% { opacity: 1; -ms-filter: none; filter: none; } } @keyframes bottom-to-top { 49% { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -o-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); } 50% { -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -o-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } 51% { opacity: 1; -ms-filter: none; filter: none; } } @-moz-keyframes top-to-bottom { 49% { -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -o-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); } 50% { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -o-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } 51% { opacity: 1; -ms-filter: none; filter: none; } } @-webkit-keyframes top-to-bottom { 49% { -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -o-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); } 50% { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -o-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } 51% { opacity: 1; -ms-filter: none; filter: none; } } @-o-keyframes top-to-bottom { 49% { -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -o-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); } 50% { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -o-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } 51% { opacity: 1; -ms-filter: none; filter: none; } } @-ms-keyframes top-to-bottom { 49% { -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -o-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); } 50% { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -o-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } 51% { opacity: 1; -ms-filter: none; filter: none; } } @keyframes top-to-bottom { 49% { -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -o-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); } 50% { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -o-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } 51% { opacity: 1; -ms-filter: none; filter: none; } } /*******************************************/ /*SCHEDULE*/ .schedule-list li { position: relative; padding-bottom: 30px; } .schedule-list li:before { content: ''; position: absolute; background: #e6e6e6; top: 0; left: 42px; height: 100%; width: 2px; } .schedule-list li:after { content: ''; display: table; } .schedule-list li:last-child { padding-bottom: 15px; } .schedule-list li:first-child { padding-top: 30px; } .schedule-list li:first-child:after, .schedule-list li:last-child:after { content: ''; position: absolute; background: #e6e6e6; width: 4px; height: 4px; -webkit-border-radius: 50%; border-radius: 50%; left: 41px; } .schedule-list li:first-child:after { top: 0; } .schedule-list li:last-child:after { bottom: 0; } .schedule-time { float: left; margin-right: 30px; width: 32px; margin-top: -3px; position: relative; padding-right: 10px; } .schedule-time >span { display: block; text-align: right; line-height: 1em; margin-bottom: 2px; } .schedule-time >span:first-child { font-weight: bold; } .schedule-time:before { z-index: 2; content: ''; position: absolute; top: 0; right: -5px; width: 8px; height: 8px; -webkit-border-radius: 50%; border-radius: 50%; background: #00a0b0; } .schedule-info { background: #f2f2f2; padding: 15px; position: relative; display: table; } .schedule-info:before { content: ''; display: block; height: 3px; } .schedule-info:after { z-index: 1; content: ''; position: absolute; top: 0; left: -27px; width: 0px; height: 0px; border-style: solid; border-width: 0 27px 27px 0; border-color: transparent #f2f2f2 transparent transparent; } .schedule-speaker-thumb { float: left; margin-right: 15px; } .schedule-inner { display: table; } .schedule-inner > p { margin-bottom: 0; } .schedule-speaker-name, .schedule-title { line-height: 1em; } .schedule-title { margin-bottom: 5px; font-weight: bold; font-size: 13.900000000000002px; } /*******************************************/ /*TESTIMONIALS*/ .testimonial .testimonial-inner, [class^="testimonial-"] .testimonial-inner, [class*=" testimonial-"] .testimonial-inner { background: #fff; padding: 20px; border: 1px solid #d9d9d9; position: relative; margin-bottom: 22px; } .testimonial .testimonial-inner:before, [class^="testimonial-"] .testimonial-inner:before, [class*=" testimonial-"] .testimonial-inner:before, .testimonial .testimonial-inner:after, [class^="testimonial-"] .testimonial-inner:after, [class*=" testimonial-"] .testimonial-inner:after { display: block; position: absolute; content: ''; width: 0; height: 0; border-style: solid; top: 100%; } .testimonial .testimonial-inner:after, [class^="testimonial-"] .testimonial-inner:after, [class*=" testimonial-"] .testimonial-inner:after { border-color: #fff transparent transparent transparent; border-width: 18px 18px 0 0; left: 20px; } .testimonial .testimonial-inner:before, [class^="testimonial-"] .testimonial-inner:before, [class*=" testimonial-"] .testimonial-inner:before { border-color: #d9d9d9 transparent transparent transparent; border-width: 20px 20px 0 0; left: 19px; } .testimonial .testimonial-author, [class^="testimonial-"] .testimonial-author, [class*=" testimonial-"] .testimonial-author { overflow: hidden; } .testimonial .testimonial-author img, [class^="testimonial-"] .testimonial-author img, [class*=" testimonial-"] .testimonial-author img { width: auto; max-width: 100%; float: left; margin-right: 10px; } .testimonial .testimonial-author-name, [class^="testimonial-"] .testimonial-author-name, [class*=" testimonial-"] .testimonial-author-name { font-weight: bold; margin-bottom: 0; font-size: 12px; } .testimonial-left .testimonial-inner { display: table; margin-bottom: 0; } .testimonial-left .testimonial-inner:after { border-color: transparent #fff transparent transparent; border-width: 0 18px 18px 0; left: -16px; top: 0px; } .testimonial-left .testimonial-inner:before { border-color: transparent #d9d9d9 transparent transparent; border-width: 0 20px 20px 0; left: -19px; top: -1px; } .testimonial-left .testimonial-author { float: left; margin-right: 22px; } .testimonial-left .testimonial-author img { float: none; margin: 0; } .testimonial-right .testimonial-inner { display: table; margin-bottom: 0; } .testimonial-right .testimonial-inner:after { border-color: #fff transparent transparent transparent; border-width: 18px 18px 0 0; right: -16px; top: 0px; left: auto; } .testimonial-right .testimonial-inner:before { border-color: #d9d9d9 transparent transparent transparent; border-width: 20px 20px 0 0; right: -19px; top: -1px; left: auto; } .testimonial-right .testimonial-author { float: right; margin-left: 22px; } .testimonial-right .testimonial-author img { float: none; margin: 0; } .testimonial-right .testimonial-author-name { text-align: right; } .testimonial-top .testimonial-inner { margin-bottom: 0; margin-top: 22px; } .testimonial-top .testimonial-inner:after { border-color: transparent transparent #fff transparent; border-width: 0 9px 18px 9px; top: -16px; left: 50%; margin-left: -9px; } .testimonial-top .testimonial-inner:before { border-color: transparent transparent #d9d9d9 transparent; border-width: 0 10px 20px 10px; top: -19px; left: 50%; margin-left: -10px; } .testimonial-top .testimonial-author { text-align: center; } .testimonial-top .testimonial-author img { float: none; margin: 0; } .testimonial-bottom .testimonial-inner:after { border-color: #fff transparent transparent transparent; border-width: 18px 9px 0 9px; left: 50%; margin-left: -9px; } .testimonial-bottom .testimonial-inner:before { border-color: #d9d9d9 transparent transparent transparent; border-width: 20px 10px 0 10px; left: 50%; margin-left: -10px; } .testimonial-bottom .testimonial-author { text-align: center; } .testimonial-bottom .testimonial-author img { float: none; margin: 0; } .testimonial-bottom-right .testimonial-inner:after, .testimonial-bottom-right .testimonial-inner:before { left: auto; } .testimonial-bottom-right .testimonial-inner:after { border-width: 0 18px 18px 0; border-color: transparent #fff transparent transparent; right: 20px; } .testimonial-bottom-right .testimonial-inner:before { right: 19px; border-width: 0 20px 20px 0; border-color: transparent #d9d9d9 transparent transparent; } .testimonial-bottom-right .testimonial-author img { float: right; margin-left: 10px; margin-right: 0; } .testimonial-bottom-right .testimonial-author-name { text-align: right; } .testimonial-top-left .testimonial-inner { margin-bottom: 0; margin-top: 22px; } .testimonial-top-left .testimonial-inner:after, .testimonial-top-left .testimonial-inner:before { bottom: auto; } .testimonial-top-left .testimonial-inner:after { top: -18px; border-width: 18px 0 0 18px; border-color: transparent transparent transparent #fff; } .testimonial-top-left .testimonial-inner:before { top: -20px; border-width: 20px 0 0 20px; border-color: transparent transparent transparent #d9d9d9; } .testimonial-top-right .testimonial-inner { margin-bottom: 0; margin-top: 22px; } .testimonial-top-right .testimonial-inner:after, .testimonial-top-right .testimonial-inner:before { bottom: auto; left: auto; } .testimonial-top-right .testimonial-inner:after { top: -18px; right: 20px; border-width: 0 0 18px 18px; border-color: transparent transparent #fff transparent; } .testimonial-top-right .testimonial-inner:before { top: -20px; right: 19px; border-width: 0 0 20px 20px; border-color: transparent transparent #d9d9d9 transparent; } .testimonial-top-right .testimonial-author img { float: right; margin-right: 0; margin-left: 10px; } .testimonial-top-right .testimonial-author-name { text-align: right; } .testimonial-color .testimonial-inner { border: 1px solid #00a0b0; background: #00a0b0; } .testimonial-color .testimonial-inner blockquote, .testimonial-color .testimonial-inner blockquote p { color: #fff; } .testimonial-color .testimonial-inner:after { border-color: #00a0b0 transparent transparent transparent; } .testimonial-color .testimonial-inner:before { border-color: #00a0b0 transparent transparent transparent; } .testimonial-color.testimonial-left .testimonial-inner:after, .testimonial-color.testimonial-left .testimonial-inner:before { border-color: transparent #00a0b0 transparent transparent; } .testimonial-color.testimonial-right .testimonial-inner:after, .testimonial-color.testimonial-right .testimonial-inner:before { border-color: #00a0b0 transparent transparent transparent; } .testimonial-color.testimonial-top .testimonial-inner:after, .testimonial-color.testimonial-top .testimonial-inner:before { border-color: transparent transparent #00a0b0 transparent; } .testimonial-color.testimonial-bottom .testimonial-inner:after, .testimonial-color.testimonial-bottom .testimonial-inner:before { border-color: #00a0b0 transparent transparent transparent; } .testimonial-color.testimonial-bottom-right .testimonial-inner:after, .testimonial-color.testimonial-bottom-right .testimonial-inner:before { border-color: transparent #00a0b0 transparent transparent; } .testimonial-color.testimonial-top-left .testimonial-inner:after, .testimonial-color.testimonial-top-left .testimonial-inner:before { border-color: transparent transparent transparent #00a0b0; } .testimonial-color.testimonial-top-right .testimonial-inner:after, .testimonial-color.testimonial-top-right .testimonial-inner:before { border-color: transparent transparent #00a0b0 transparent; } /*******************************************/ /*DEVICE MOCKUPS*/ .device-mockup { position: relative; width: 100%; padding-bottom: 61.775701%; } .device-mockup > .device { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; background-repeat: no-repeat; -webkit-background-size: contain; -moz-background-size: contain; background-size: contain; background-image: url("../img/device-mockups/macbook.png"); } .device-mockup > .device > .screen { background-color: #000; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -o-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); position: absolute; top: 11.0438729%; bottom: 14.6747352%; left: 13.364486%; right: 13.364486%; overflow: hidden; } .device-mockup > .device > .screen .fluid-width-video-wrapper { height: 100%; padding: 0 !important; } .device-mockup > .device > .screen > .bg-img { background-attachment: scroll; } .device-mockup > .device > .button { position: absolute; top: 0; left: 0; display: none; overflow: hidden; -webkit-border-radius: 100%; border-radius: 100%; cursor: pointer; } .device-mockup[data-device="imac"] { padding-bottom: 81.230769%; } .device-mockup[data-device="imac"] > .device { background-image: url("../img/device-mockups/imac.png"); } .device-mockup[data-device="imac"] > .device > .screen { top: 8.20707071%; bottom: 31.6919192%; left: 6.61538462%; right: 6.61538462%; } .device-mockup[data-device="macbook"] { padding-bottom: 61.775701%; } .device-mockup[data-device="macbook"] > .device { background-image: url("../img/device-mockups/macbook.png"); } .device-mockup[data-device="macbook"] > .device > .screen { top: 11.0438729%; bottom: 14.6747352%; left: 13.364486%; right: 13.364486%; } .device-mockup[data-device="iphone5"], .device-mockup[data-device="iphone5"][data-orientation="portrait"] { padding-bottom: 200.477897%; } .device-mockup[data-device="iphone5"][data-orientation="landscape"] { padding-bottom: 49.9701136%; } .device-mockup[data-device="iphone5"] > .device, .device-mockup[data-device="iphone5"][data-color="black"] > .device, .device-mockup[data-device="iphone5"][data-orientation="portrait"][data-color="black"] > .device { background-image: url("../img/device-mockups/iphone5_port_black.png"); } .device-mockup[data-device="iphone5"][data-orientation="landscape"] > .device, .device-mockup[data-device="iphone5"][data-orientation="landscape"][data-color="black"] > .device { background-image: url("../img/device-mockups/iphone5_land_black.png"); } .device-mockup[data-device="iphone5"][data-color="white"] > .device, .device-mockup[data-device="iphone5"][data-orientation="portrait"][data-color="white"] > .device { background-image: url("../img/device-mockups/iphone5_port_white.png"); } .device-mockup[data-device="iphone5"][data-orientation="landscape"][data-color="white"] > .device { background-image: url("../img/device-mockups/iphone5_land_white.png"); } .device-mockup[data-device="iphone5"] > .device > .screen, .device-mockup[data-device="iphone5"][data-orientation="portrait"] > .device > .screen { top: 16.28%; bottom: 16.28%; left: 11.77%; right: 11.77%; } .device-mockup[data-device="iphone5"][data-orientation="landscape"] > .device > .screen { top: 11.722488%; bottom: 11.722488%; left: 16.0191273%; right: 16.0191273%; } .device-mockup[data-device="iphone5"] > .device > .button, .device-mockup[data-device="iphone5"] [data-orientation="portrait"] > .device > .button { display: block; top: 86.3%; bottom: 5.5%; left: 42%; right: 42%; } .device-mockup[data-device="iphone5"][data-orientation="landscape"] > .device > .button { display: block; top: 42%; bottom: 42%; left: 86.4%; right: 5.1%; } .device-mockup[data-device="ipad"], .device-mockup[data-device="ipad"][data-orientation="portrait"] { padding-bottom: 128.406276%; } .device-mockup[data-device="ipad"][data-orientation="landscape"] { padding-bottom: 79.9086758%; } .device-mockup[data-device="ipad"] > .device, .device-mockup[data-device="ipad"][data-color="black"] > .device, .device-mockup[data-device="ipad"][data-orientation="portrait"][data-color="black"] > .device { background-image: url("../img/device-mockups/ipad_port_black.png"); } .device-mockup[data-device="ipad"][data-color="white"] > .device, .device-mockup[data-device="ipad"][data-orientation="portrait"][data-color="white"] > .device { background-image: url("../img/device-mockups/ipad_port_white.png"); } .device-mockup[data-device="ipad"][data-orientation='landscape'] > .device, .device-mockup[data-device="ipad"][data-orientation="landscape"][data-color="black"] > .device { background-image: url("../img/device-mockups/ipad_land_black.png"); } .device-mockup[data-device="ipad"][data-orientation="landscape"][data-color="white"] > .device { background-image: url("../img/device-mockups/ipad_land_white.png"); } .device-mockup[data-device="ipad"] > .device > .screen, .device-mockup[data-device="ipad"][data-orientation="portrait"] > .device > .screen { top: 12.025723%; bottom: 12.154341%; left: 13.45995%; right: 13.45995%; } .device-mockup[data-device="ipad"][data-orientation="landscape"] > .device > .screen { top: 13.87755102%; bottom: 13.87755102%; left: 11.5459883%; right: 11.5459883%; } .device-mockup[data-device="ipad"] > .device > .button { display: block; top: 90.2%; bottom: 5.5%; left: 47.3%; right: 47.3%; } .device-mockup[data-device="ipad"][data-orientation="landscape"] > .device > .button { display: block; top: 47.3%; bottom: 47.3%; left: 90.8%; right: 4.9%; } .device-mockup[data-device="s3"], .device-mockup[data-device="s3"][data-orientation="portrait"] { padding-bottom: 178.787879%; } .device-mockup[data-device="s3"][data-orientation="landscape"] { padding-bottom: 55.9322034%; } .device-mockup[data-device="s3"] > .device, .device-mockup[data-device="s3"][data-color="black"] > .device, .device-mockup[data-device="s3"][data-orientation="portrait"][data-color="black"] > .device { background-image: url("../img/device-mockups/s3_port_black.png"); } .device-mockup[data-device="s3"][data-orientation="landscape"] > .device, .device-mockup[data-device="s3"][data-orientation="landscape"][data-color="black"] > .device { background-image: url("../img/device-mockups/s3_land_black.png"); } .device-mockup[data-device="s3"][data-color="white"] > .device, .device-mockup[data-device="s3"][data-orientation="portrait"][data-color="white"] > .device { background-image: url("../img/device-mockups/s3_port_white.png"); } .device-mockup[data-device="s3"][data-orientation="landscape"][data-color="white"] > .device { background-image: url("../img/device-mockups/s3_land_white.png"); } .device-mockup[data-device="s3"] > .device > .screen, .device-mockup[data-device="s3"][data-orientation="portrait"] > .device > .screen { top: 12.3728814%; bottom: 15.5367232%; left: 13.8383838%; right: 13.8383838%; } .device-mockup[data-device="s3"][data-orientation="landscape"] > .device > .screen { top: 13.8383838%; bottom: 13.8383838%; left: 12.3728814%; right: 15.5367232%; } .device-mockup[data-device="lumia920"], .device-mockup[data-device="lumia920"][data-orientation="portrait"] { padding-bottom: 172.796353%; } .device-mockup[data-device="lumia920"][data-orientation="landscape"] { padding-bottom: 56.3330381%; } .device-mockup[data-device="lumia920"] > .device, .device-mockup[data-device="lumia920"][data-orientation="portrait"] > .device { background-image: url("../img/device-mockups/lumia920_port.png"); } .device-mockup[data-device="lumia920"][data-orientation="landscape"] > .device { background-image: url("../img/device-mockups/lumia920_land.png"); } .device-mockup[data-device="lumia920"] > .device > .screen, .device-mockup[data-device="lumia920"][data-orientation="portrait"] > .device > .screen { top: 10.6420405%; bottom: 18.9973615%; left: 13.5258359%; right: 13.5258359%; } .device-mockup[data-device="lumia920"][data-orientation="landscape"] > .device > .screen { top: 12.2641509%; bottom: 12.2641509%; left: 10.5403012%; right: 18.6005314%; } .device-mockup[data-device="nexus7"], .device-mockup[data-device="nexus7"][data-orientation="portrait"] { padding-bottom: 156.521739%; } .device-mockup[data-device="nexus7"][data-orientation="landscape"] { padding-bottom: 63.6678201%; } .device-mockup[data-device="nexus7"] > .device, .device-mockup[data-device="nexus7"][data-orientation="portrait"] > .device { background-image: url("../img/device-mockups/nexus7_port.png"); } .device-mockup[data-device="nexus7"][data-orientation="landscape"] > .device { background-image: url("../img/device-mockups/nexus7_land.png"); } .device-mockup[data-device="nexus7"] > .device > .screen, .device-mockup[data-device="nexus7"][data-orientation="portrait"] > .device > .screen { top: 13.1365741%; bottom: 12.7893519%; left: 13.7681159%; right: 13.7681159%; } .device-mockup[data-device="nexus7"][data-orientation="landscape"] > .device > .screen { top: 13.7681159%; bottom: 13.7681159%; left: 13.0911188%; right: 13.0911188%; } .device-mockup[data-device="surface"], .device-mockup[data-device="surface"][data-orientation="landscape"] { padding-bottom: 64.7584973%; } .device-mockup[data-device="surface"] > .device, .device-mockup[data-device="surface"][data-orientation="landscape"] > .device { background-image: url("../img/device-mockups/surface.png"); } .device-mockup[data-device="surface"] > .device > .screen, .device-mockup[data-device="surface"][data-orientation="landscape"] > .device > .screen { top: 14.5488029%; bottom: 14.9171271%; left: 9.36195587%; right: 9.36195587%; } /*******************************************/ /*PRICING TABLES*/ .pricing-table { text-align: center; } .pricing-table .pricing-inner { border: 1px solid #d9d9d9; padding-bottom: 20px; background: #fff; } .pricing-table .pricing-specs { list-style: none; margin: 10px 0 20px 0; } .pricing-table .pricing-specs li { padding: 8px 0; border-bottom: 1px solid #d9d9d9; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; -ms-transition: 0.3s; transition: 0.3s; position: relative; overflow: hidden; } .pricing-table .pricing-specs li:first-child { border-top: 1px solid #d9d9d9; } .pricing-table .pricing-specs li:hover { background: rgba(89,89,89,0.07); } .pricing-table .pricing-specs li:hover >[class^="icon-"] { color: #595959; opacity: 1; -ms-filter: none; filter: none; left: 15px; } .pricing-table .pricing-specs li >[class^="icon-"] { position: absolute; -webkit-transition: 0.25s; -moz-transition: 0.25s; -o-transition: 0.25s; -ms-transition: 0.25s; transition: 0.25s; top: 10px; left: -10px; margin-right: 2px; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } .pricing-table .title { padding: 10px 0; margin: 0; } .pricing-table .pricing-table-price { margin: 10px 0 0 0; padding: 10px 0; display: block; font-size: 15px; } .pricing-table .pricing-table-price b { font-size: 25px; font-weight: 600; } .pricing-table .pricing-icon { font-size: 50px; display: block; margin-bottom: 15px; } .pricing-table-featured .pricing-icon { color: #00a0b0; } .pricing-table-featured .title { background: #00a0b0; color: #fff; } .pricing-table-featured .pricing-specs li:hover { background: rgba(0,160,176,0.07); } .pricing-table-featured .pricing-specs li:hover >[class^="icon-"] { color: #00a0b0; } /*******************************************/ /*COMMENTS*/ .comments-list ul { margin: 0; list-style: none; } .comments-list ul li ul { margin-left: 60px; } .comments-list .comment { margin-bottom: 25px; } .comments-list .comment .comment-author { float: left; margin-right: 10px; } .comments-list .comment .comment-inner { display: table; } .comments-list .comment .comment-content { margin: 3px 0; } .comments-list .comment .comment-author-name { font-weight: bold; font-size: 12px; margin: 0; } .comments-list .comment .comment-time { font-size: 11px; margin-right: 10px; color: #7a7a7a; } .comments-list .comment .comment-like { float: right; opacity: 0.3; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter: alpha(opacity=30); -webkit-transition: 0.2s; -moz-transition: 0.2s; -o-transition: 0.2s; -ms-transition: 0.2s; transition: 0.2s; font-size: 11px; font-weight: bold; } .comments-list .comment .comment-like [class^="icon-"] { font-weight: normal; } .comments-list .comment .comment-reply { [class^="icon-"]: 12px; } .comments-list .comment:hover .comment-like { opacity: 1; -ms-filter: none; filter: none; } /*******************************************/ /*MISC*/ html.full { width: 100%; height: 100%; } html.full body, html.full .container-global { width: 100%; height: 100%; } .top-area { position: relative; overflow: hidden; background: #1a1a1a; z-index: 5; } .top-area >img { width: 100%; } .top-area .vertical-center { z-index: 5; width: auto; margin: 0 auto; } .top-area .vertical-center .inner { background: rgba(0,0,0,0.5); padding: 30px; } .top-area .vertical-center img { max-width: 100%; width: auto; } .top-area .vertical-center .hero-title { font-size: 26px; } .top-area .vertical-center.white p, .top-area .vertical-center.white h1, .top-area .vertical-center.white h2, .top-area .vertical-center.white h3, .top-area .vertical-center.white h4, .top-area .vertical-center.white h5 { color: #fff; } .top-area .countdown { margin: 20px auto; } .top-area .push-bottom { z-index: 6; } .top-area .pricing-table .pricing-inner { border: none; } .inner { padding: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .center-block { margin-right: auto !important; margin-left: auto !important; } .top-title-area { padding: 30px 0; } .top-title-area-big { padding: 60px 0; } .on-top { position: absolute !important; width: 100%; top: 0; left: 0; } .on-bottom { position: absolute !important; width: 100%; bottom: 0; left: 0; } .title-page { color: #fff; margin: 0; line-height: 1em; font-size: 40px; position: relative; z-index: 10; } .title-page.highlight { padding: 15px 10px; } header.main { padding: 30px 0; border-bottom: 2px solid #00a0b0; -webkit-transition: 0.2s; -moz-transition: 0.2s; -o-transition: 0.2s; -ms-transition: 0.2s; transition: 0.2s; } header.main.shrink { padding: 2px 0; } header.main.fixed { position: fixed; top: 0; left: 0; right: 0; z-index: 100; background: rgba(255,255,255,0.95); } header.main-top { height: 30px; line-height: 30px; color: #fff; background: #333; } header.main-top a { color: #fff; } header.main-top .list-inline > li { display: block; float: left; } .one-page-nav { margin: 0; } .main-top-info > span { margin-right: 15px; } .main-top-info > span [class^="icon-"] { margin-right: 5px; } .main-top-search { margin: 0; } .main-top-search input[type="text"] { background: #262626; border: none; height: 30px; line-height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0; color: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 15px; } .main-top-search input[type="submit"] { height: 30px; line-height: 30px; padding-top: 0; padding-bottom: 0; } .main-top-search .list-inline > li { margin: 0; } footer.main { background: #333; padding: 30px 0; color: #fff; border-top: 3px solid #00a0b0; } footer.main .nav-footer, footer.main .logo { margin-bottom: 10px; } footer.main p { color: #e6e6e6; font-size: 12px; line-height: 1.4em; } footer.main h1, footer.main h2, footer.main h3, footer.main h4, footer.main h5 { color: #fff; } footer.main .help-block { color: #ccc; } .copyright { background: #1a1a1a; color: #bfbfbf; height: 30px; line-height: 30px; } .copyright > p { line-height: 30px; font-size: 11px; margin: 0; } .full { width: 100% !important; height: 100% !important; } .show-onload { display: none; } .logo img { max-width: 90px; width: auto; } .round { -webkit-border-radius: 50%; border-radius: 50%; } .round img { -webkit-border-radius: 50%; border-radius: 50%; } .vertical-center { left: 0; right: 0; position: absolute !important; top: 50%; } .push-bottom { left: 0; right: 0; position: absolute; bottom: 0; z-index: 2; } .row-wrap >[class^="span"] { margin-bottom: 30px; } .tooltip { -webkit-transform: tralateZ(0); -moz-transform: tralateZ(0); -o-transform: tralateZ(0); -ms-transform: tralateZ(0); transform: tralateZ(0); } .tooltip-inner { -webkit-border-radius: 0; border-radius: 0; } .progress { -webkit-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; height: 15px; background: #d9d9d9; } .progress .bar { -webkit-border-radius: 0; border-radius: 0; background: #00a0b0; text-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .list { margin: 0; list-style: none; } .list-inline > li { display: inline-block; word-spacing: -1; margin-right: 10px; } .list-inline > li:last-child { margin-right: 0; } .list-block > li, .list-block-big > li { margin-bottom: 15px; } .list-block > li:last-child, .list-block-big > li:last-child { margin-bottom: 0; } .list-block-big > li { margin-bottom: 30px; } .list-posts .thumb-title { font-size: 13.900000000000002px; } .list-posts .thumb-desc { font-size: 11px; } .list-border > li { margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid #d9d9d9; } .list-border > li:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none; } .dis-table { display: table; } .box-gray { background: #f7f7f7; overflow: hidden; } .box-cosmos { position: relative; min-height: 150px; background: url("../img/cosmos.jpg") no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; padding: 30px 0; } .box-cosmos .vertical-center { margin: 0 auto; text-align: center; color: #fff; } .box-cosmos .vertical-center > h2 { color: #fff; margin-bottom: 15px; } .box-cosmos .vertical-center > .btn { margin: 0 7px; } .shadow-box { -webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.5) , 0 0 15px rgba(0,0,0,0.2) , 0 0 20px rgba(0,160,176,0.2); box-shadow: 0 3px 3px rgba(0,0,0,0.5) , 0 0 15px rgba(0,0,0,0.2) , 0 0 20px rgba(0,160,176,0.2); } .thumb-icon-inner { display: table; } .thumb-icon-inner > p { font-size: 12px; color: #6a6a6a; line-height: 1.4em; } .thumb-icon-title { margin-bottom: 5px; line-height: 1em; } .stacked, [class^="stacked-"], [class*=" stacked-"] { list-style: none; margin: 0; overflow: hidden; } .stacked li, [class^="stacked-"] li, [class*=" stacked-"] li { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; display: block; width: 10%; } .stacked-8 li { width: 12.4%; } .stacked-6 li { width: 16.666666%; } .stacked-5 li { width: 20%; } .stacked-4 li { width: 25%; } .stacked-3 li { width: 33.33333%; } .staked-2 li { width: 50%; } .nav-pills > li > a { -webkit-border-radius: 0; border-radius: 0; } .nav-pills > li.active > a { cursor: default; background: #00a0b0; } .nav-pills > li.active > a:hover { background: #00a0b0; } .bg-mask, .bg-mask-darken, .bg-mask-lighten, .bg-mask-color, .bg-mask-white, .bg-mask-front { position: relative; } .bg-mask > .bg-mask-layer, .bg-mask-darken > .bg-mask-layer, .bg-mask-lighten > .bg-mask-layer, .bg-mask-color > .bg-mask-layer, .bg-mask-white > .bg-mask-layer, .bg-mask-front > .bg-mask-layer { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 5; opacity: 0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); background: #000; } .bg-mask > .mask-front, .bg-mask-darken > .mask-front, .bg-mask-lighten > .mask-front, .bg-mask-color > .mask-front, .bg-mask-white > .mask-front, .bg-mask-front > .mask-front { position: relative; z-index: 6; } .bg-mask-lighten > .bg-mask-layer { opacity: 0.3; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter: alpha(opacity=30); } .bg-mask-darken > .bg-mask-layer { opacity: 0.8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); } .bg-mask-color > .bg-mask-layer { background: #00a0b0; } .bg-mask-white > .bg-mask-layer { background: #fff; } .bg-mask-front > .bg-mask-layer { z-index: 7; } .bg-mask-front > .mask-front { z-index: 8; } .bg-img { -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; background-attachment: fixed; background-position: center center; background-repeat: no-repeat; background-image: url("../img/bg/cosmos.jpg"); } [data-bg-img] { background-image: none; } div.bg-img .pricing-table .pricing-inner { border: none; } .bg-pattern { background-repeat: repeat; background-image: url("../img/patterns/triangular.png"); } [data-bg-pattern] { background-image: none; } .shadow-inner { position: relative; overflow: hidden; } .shadow-inner:after, .shadow-inner:before { content: ''; position: absolute; bottom: -30px; height: 30px; left: 0; width: 100%; z-index: 6; -webkit-border-radius: 70%; border-radius: 70%; -webkit-box-shadow: 0 0 20px 3px rgba(0,0,0,0.8); box-shadow: 0 0 20px 3px rgba(0,0,0,0.8); } .shadow-inner:before { bottom: auto; top: -30px; } .bg-color { background: #00a0b0; } .bg-black { background: #000; } .bg-white { background: #fff; } .bg-gray { background: #f7f7f7; } .bg-fade { background: rgba(0,0,0,0.5); } .bg-fade.bg-color { background: rgba(0,160,176,0.5); } .bg-fade.bg-white { background: rgba(255,255,255,0.5); } .bg-fade-strong { background: rgba(0,0,0,0.8); } .bg-fade-strong.bg-color { background: rgba(0,160,176,0.8); } .bg-fade-strong.bg-white { background: rgba(255,255,255,0.8); } .bg-fade-weak { background: rgba(0,0,0,0.2); } .bg-fade-weak.bg-color { background: rgba(0,160,176,0.2); } .bg-fade-weak.bg-white { background: rgba(255,255,255,0.2); } .nav-map { list-style: none; margin: 0; } .nav-map a.disable { color: #8b8b8b; cursor: default; } .nav-map > li > a { margin-bottom: 7px; display: block; } .nav-map ul { list-style: none; margin: 0; } .nav-map li ul li { margin-left: 15px; border-left: 1px solid #d9d9d9; } .nav-map li ul li a { display: block; padding: 7px 0 7px 15px; position: relative; line-height: 1em; } .nav-map li ul li a:before { height: 70%; content: ''; position: absolute; top: -19%; left: -1px; width: 10px; border: 1px solid #d9d9d9; border-top: 0 none transparent; border-right: 0 none transparent; } .nav-map li ul ul { padding-left: 10px; } .nav-map li ul > li:last-child { border-left: 1px solid transparent; } .tabbable >.nav { margin-bottom: 0; } .tabbable >.nav li a { -webkit-border-radius: 0; border-radius: 0; border: none; } .tabbable >.nav li a:hover { background: none; } .tabbable >.nav li.active a { background: #00a0b0; color: #fff; border: none; } .tabbable .tab-content { padding: 20px; border: 1px solid #d9d9d9; border-top: none; } .accordion-group { -webkit-border-radius: 0; border-radius: 0; border-color: #d9d9d9; } .accordion-toggle { position: relative; } .accordion-toggle:before { font-family: 'FontAwesome'; content: '\f0d7'; display: block; position: absolute; right: 15px; top: 0; font-size: 16px; height: 36px; line-height: 36px; } .accordion-toggle.active { background: #00a0b0; color: #fff; } .accordion-toggle.active:before { content: '\f0d8'; } .breadcrumb { margin: 0; position: relative; z-index: 10; top: 5px; background: rgba(255,255,255,0.8); -webkit-border-radius: 0; border-radius: 0; } .breadcrumb > li { text-shadow: none; } .breadcrumb > li > .divider { color: #808080; } .sidebar-left { padding-right: 30px; border-right: 1px solid #f2f2f2; } .sidebar-right { padding-left: 30px; border-left: 1px solid #f2f2f2; } .section-holder { position: relative; width: 0; height: 0; } .section-holder > div { left: 0; bottom: 100px; position: absolute; } .pagination { margin: 30px 0 0 0; padding: 30px 0 0 0; border-top: 1px solid #d9d9d9; } .pagination ul { -webkit-box-shadow: none; box-shadow: none; } .pagination ul li a { -webkit-border-radius: 0 !important; border-radius: 0 !important; margin-right: 5px; border: 1px solid #e6e6e6; } .pagination ul li.active a { background: #00a0b0; border-color: #00a0b0; color: #fff; } .pagination ul li.prev a:before, .pagination ul li.next a:before { font-size: 11px; font-family: 'FontAwesome'; line-height: 1em; } .pagination ul li.prev a:before { content: '\f053'; } .pagination ul li.next a:before { content: '\f054'; } /*******************************************/ /***************************************************************************/ /*****************************PLUGIN STYLES*********************************/ /***************************************************************************/ /*COUNTDOWN*/ .countdown { width: 400px; overflow: hidden; height: 58px; margin: 20px 0; display: table; } .countdown > div { display: table-cell; } .countdown > div > span { display: block; text-align: center; font-family: sans-serif; } .countdown-center { margin-left: auto; margin-right: auto; } span.count { font-size: 48px; line-height: 48px; } .countdown.countdown-inline { width: 100%; margin: 10px 0 0 0; height: auto; } .countdown.countdown-inline > div { display: inline; } .countdown.countdown-inline > div:first-child span.count { font-size: 25px; font-weight: bold; margin-right: 5px; color: #00a0b0; } .countdown.countdown-inline > div:first-child span.title { font-size: 20px; font-weight: bold; display: inline; margin-right: 10px; color: #00a0b0; } .countdown.countdown-inline > div:first-child span.count:after, .countdown.countdown-inline > div:last-child span.count:after { content: ''; margin: 0; } .countdown.countdown-inline > div > span { display: inline; line-height: 1em; } .countdown.countdown-inline > div span.count { font-size: 20px; } .countdown.countdown-inline > div span.count:after { content: ':'; margin: 0 2px; } .countdown.countdown-inline > div span.title { display: none; } .countdown-caption { left: 0; right: 0; position: absolute; padding: 30px; text-align: center; width: 500px; margin: 0 auto; bottom: auto; top: 50%; -webkit-transform: translate3d(0, -50%, 0); -moz-transform: translate3d(0, -50%, 0); -o-transform: translate3d(0, -50%, 0); -ms-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); background: rgba(0,0,0,0.5); } .countdown-caption h3 { color: #fff; margin-bottom: 0; } .countdown-caption .countdown { margin: 20px auto; padding: 10px 0; border-top: 1px solid rgba(255,255,255,0.3); border-bottom: 1px solid rgba(255,255,255,0.3); } .countdown-caption .countdown span.count { color: #fff; } .countdown-caption .countdown .title { color: rgba(255,255,255,0.7); } /*******************************************/ /*FLEXNAV*/ .flexnav { margin: 0; *zoom: 1; position: relative; -webkit-transition: 0; -moz-transition: 0; -o-transition: 0; -ms-transition: 0; transition: 0; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -o-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; z-index: 100; } .flexnav ul { list-style: none; margin-left: 0; } .flexnav:after { content: ''; display: table; clear: both; } .flexnav.one-page { position: fixed; top: 50px; right: 5%; max-width: 200px; } .flexnav li { position: relative; } .flexnav li.active > a { background: #00a0b0; color: #fff; border-color: #00a0b0 !important; } .flexnav li.active > a:hover { background: #00a0b0; color: #fff; } .flexnav li a { margin: 0; position: relative; display: block; padding: 10px 15px; background: #fff; } .flexnav li > a { line-height: 1em; text-decoration: none; } .flexnav li > a:hover { background-color: #eee; } .flexnav-center { display: table; margin: 0 auto; } .touch-button { position: absolute; z-index: 999; top: 0; right: 0; width: 44px; height: 44px; line-height: 44px; text-align: center; font-family: 'FontAwesome'; font-size: 15px; background: #00a0b0; color: #fff; } .touch-button:before { content: '\f078'; -webkit-font-smoothing: antialiased; } .touch-button:hover { cursor: pointer; } .touch-button.active { background: #008896; } .touch-button.active:before { content: '\f077'; } .flexnav-menu-button { margin-bottom: 10px; position: relative; display: block; padding: 20px 30px; cursor: pointer; background: #00a0b0; color: #fff; font-size: 20px; } .flexnav-menu-button.one-page { position: fixed; top: 0; right: 5%; padding-right: 45px; } .flexnav-menu-button .touch-button { background: none; width: 60px; height: 60px; line-height: 60px; font-size: 20px; } .flexnav-menu-button .touch-button:before { content: '\f0c9'; } @media all and (min-width: 800px) { .flexnav { overflow: visible; } .flexnav > li > ul { padding-top: 32px; } .flexnav > li > ul a { line-height: 1.4em; } .flexnav a { -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; -ms-transition: 0.3s; transition: 0.3s; } .flexnav > li > a { background: none; } .flexnav > li > a:hover { color: #fff; background: #00909e; } .flexnav li { overflow: visible; } .flexnav li .touch-button { display: none; } .flexnav li ul { z-index: 1; width: 150px; position: absolute; display: none; } .flexnav li ul li > a { border-top: 1px solid #1a1a1a; background: #262626; color: #fff; } .flexnav li ul li > a:hover { background: #1a1a1a; } .flexnav li ul li > ul { left: -1px; margin-left: 100%; top: 0; } .flexnav li > ul { top: auto; left: 0; } .flexnav li > ul li { width: 100%; } header.main.shrink .flexnav > li > ul { padding-top: 6px; } .flexnav-menu-button { display: none; } } @media all and (max-width: 800px) { .flexnav { overflow: hidden; width: 100%; margin: 0 auto; max-height: 0; } .flexnav.show { max-height: 2000px; -webkit-transition: 1s; -moz-transition: 1s; -o-transition: 1s; -ms-transition: 1s; transition: 1s; z-index: 1500; } .flexnav li { display: block; width: 100%; overflow: hidden; position: relative; } .flexnav li a { border-bottom: 1px solid #e6e6e6; padding: 15px 22.5px; color: #595959 !important; } .flexnav li.active > a { color: #fff !important; } .flexnav li .touch-button { display: block; } .flexnav li ul { margin-bottom: 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-left: 5%; width: 100%; } .flexnav li ul li { overflow: hidden; } .flexnav li ul li.show { overflow: visible; } } .oldie body.one-page { padding-top: 70px; } .oldie .flexnav { overflow: visible; } .oldie .flexnav.one-page { top: 0; right: auto; max-width: 1080px; } .oldie .flexnav li { position: relative; list-style: none; float: left; display: block; background-color: #a6a6a2; width: 20%; min-height: 50px; overflow: visible; } .oldie .flexnav li:hover > ul { display: block; width: 100%; overflow: visible; } .oldie .flexnav li:hover > ul li { width: 100%; float: none; } .oldie .flexnav li a { border-left: 1px solid #acaca1; border-bottom: none; overflow: visible; } .oldie .flexnav li > ul { position: absolute; top: auto; left: 0; display: none; z-index: 1; overflow: visible; } .oldie .flexnav li ul li ul { top: 0; } .oldie .flexnav li ul li a { border-bottom: none; } .oldie .flexnav li ul.open { display: block; width: 100%; overflow: visible; } .oldie .flexnav li ul.open li { width: 100%; } .oldie .flexnav li ul.open ul.open { margin-left: 100%; top: 0; display: block; width: 100%; overflow: visible; } .oldie .flexnav li:hover ul { margin-left: 100%; top: 0; } .oldie .flexnav-menu-button { display: none; } .oldie.ie7 .flexnav li { width: 19.9%; } /*******************************************/ /*BOOTSTRAP CAROUSEL*/ .carousel { margin-bottom: 0; } .carousel img { max-width: none; width: 100%; } .carousel .carousel-control { z-index: 3; -webkit-border-radius: 0; border-radius: 0; border: none; background: #00a0b0; width: 30px; height: 30px; line-height: 30px; top: 50%; margin-top: -15px; display: block; text-align: center; font-size: 13px; color: #fff; } .carousel .carousel-control:hover { color: #fff; } .carousel .carousel-control:before { font-family: 'FontAwesome'; } .carousel .carousel-control.right:before { content: '\f054'; } .carousel .carousel-control.left:before { content: '\f053'; } .carousel .carousel-caption { color: #fff; } .carousel.carousel-controls-right .carousel-control.right, .carousel.carousel-controls-right .carousel-control.left { bottom: 0; top: auto; right: 0; left: auto; } .carousel.carousel-controls-right .carousel-control.left { right: 30px; } /*******************************************/ /*MAGNIFIC POPUP*/ .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .mfp-align-top .mfp-container:before { display: none; } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; } .mfp-ajax-cur { cursor: progress; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: zoom-out; } .mfp-zoom { cursor: zoom-in; } .mfp-auto-coursor .mfp-content { cursor: auto; } .mfp-counter { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .mfp-loading.mfp-figure { display: none; } .mfp-hide { display: none !important; } .mfp-preloader { color: #ccc; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; } .mfp-preloader a { color: #ccc; } .mfp-preloader a:hover { color: #fff; } .mfp-s-ready .mfp-preloader { display: none; } .mfp-s-error .mfp-content { display: none; } button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; display: block; padding: 0; z-index: 1046; } button::-moz-focus-inner { padding: 0; margin: 0; } .mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)"; filter: alpha(opacity=65); padding: 0 0 18px 10px; color: #fff; font-style: normal; font-size: 28px; } .mfp-close:hover, .mfp-close:focus { opacity: 1; -ms-filter: none; filter: none; } .mfp-close:active { top: 1px; } .mfp-close-btn-in .mfp-close { color: #333; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: #fff; right: -6px; text-align: right; padding-right: 6px; width: 100%; } .mfp-counter { position: absolute; top: 0; right: 0; color: #ccc; font-size: 12px; line-height: 18px; } .mfp-arrow { position: absolute; opacity: 0.65; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)"; filter: alpha(opacity=65); margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: rgba(0,0,0,0); } .mfp-arrow:active { margin-top: -54px; } .mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; -ms-filter: none; filter: none; } .mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: solid transparent; } .mfp-arrow:after, .mfp-arrow .mfp-a { border-top-width: 13px; border-bottom-width: 13px; top: 8px; } .mfp-arrow:before, .mfp-arrow .mfp-a { border-top-width: 21px; border-bottom-width: 21px; } .mfp-arrow-left { left: 0; } .mfp-arrow-left:after, .mfp-arrow-left .mfp-a { border-right: 17px solid #fff; margin-left: 31px; } .mfp-arrow-left:before, .mfp-arrow-left .mfp-b { margin-left: 25px; } .mfp-arrow-right { right: 0; } .mfp-arrow-right:after, .mfp-arrow-right .mfp-a { border-left: 17px solid #fff; margin-left: 39px; } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; -webkit-box-shadow: 0 0 8px rgba(0,0,0,0.4); box-shadow: 0 0 8px rgba(0,0,0,0.4); background: #000; } .mfp-iframe-holder .mfp-close { top: -40px; } img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; } .mfp-figure { line-height: 0; } .mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; -webkit-box-shadow: 0 0 8px rgba(0,0,0,0.4); box-shadow: 0 0 8px rgba(0,0,0,0.4); background: #444; } .mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; } .mfp-title { text-align: left; line-height: 18px; color: #f3f3f3; word-break: break-word; padding-right: 36px; } .mfp-figure small { color: #bdbdbd; display: block; font-size: 12px; line-height: 14px; } .mfp-image-holder .mfp-content { max-width: 100%; } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; } .mfp-fade.mfp-bg { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; -o-transition: all 0.15s ease-out; -ms-transition: all 0.15s ease-out; transition: all 0.15s ease-out; } .mfp-fade.mfp-bg.mfp-ready { opacity: 0.8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); } .mfp-fade.mfp-bg.mfp-removing { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } .mfp-fade.mfp-wrap .mfp-content { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; -o-transition: all 0.15s ease-out; -ms-transition: all 0.15s ease-out; transition: all 0.15s ease-out; } .mfp-fade.mfp-wrap.mfp-ready .mfp-content { opacity: 1; -ms-filter: none; filter: none; } .mfp-fade.mfp-wrap.mfp-removing .mfp-content { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } .mfp-zoom-in .mfp-with-anim { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -o-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); } .mfp-zoom-in.mfp-bg { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .mfp-zoom-in.mfp-ready .mfp-with-anim { opacity: 1; -ms-filter: none; filter: none; -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .mfp-zoom-in.mfp-ready.mfp-bg { opacity: 0.8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); } .mfp-zoom-in.mfp-removing .mfp-with-anim { -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -o-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } .mfp-zoom-in.mfp-removing.mfp-bg { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } .mfp-newspaper .mfp-with-anim { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-transform: scale(0) rotate(500deg); -moz-transform: scale(0) rotate(500deg); -o-transform: scale(0) rotate(500deg); -ms-transform: scale(0) rotate(500deg); transform: scale(0) rotate(500deg); } .mfp-newspaper.mfp-bg { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s; } .mfp-newspaper.mfp-ready .mfp-with-anim { opacity: 1; -ms-filter: none; filter: none; -webkit-transform: scale(1) rotate(0deg); -moz-transform: scale(1) rotate(0deg); -o-transform: scale(1) rotate(0deg); -ms-transform: scale(1) rotate(0deg); transform: scale(1) rotate(0deg); } .mfp-newspaper.mfp-ready.mfp-bg { opacity: 0.8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); } .mfp-newspaper.mfp-removing .mfp-with-anim { -webkit-transform: scale(0) rotate(500deg); -moz-transform: scale(0) rotate(500deg); -o-transform: scale(0) rotate(500deg); -ms-transform: scale(0) rotate(500deg); transform: scale(0) rotate(500deg); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } .mfp-newspaper.mfp-removing.mfp-bg { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } .mfp-move-horizontal .mfp-with-anim { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; -ms-transition: 0.3s; transition: 0.3s; -webkit-transform: translateX(-50px); -moz-transform: translateX(-50px); -o-transform: translateX(-50px); -ms-transform: translateX(-50px); transform: translateX(-50px); } .mfp-move-horizontal.mfp-bg { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; -ms-transition: 0.3s; transition: 0.3s; } .mfp-move-horizontal.mfp-ready .mfp-with-anim { opacity: 1; -ms-filter: none; filter: none; -webkit-transform: translateX(0); -moz-transform: translateX(0); -o-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } .mfp-move-horizontal.mfp-ready.mfp-bg { opacity: 0.8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); } .mfp-move-horizontal.mfp-removing .mfp-with-anim { -webkit-transform: translateX(50px); -moz-transform: translateX(50px); -o-transform: translateX(50px); -ms-transform: translateX(50px); transform: translateX(50px); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } .mfp-move-horizontal.mfp-removing.mfp-bg { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } .mfp-move-from-top .mfp-content { vertical-align: top; } .mfp-move-from-top .mfp-with-anim { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -webkit-transition: 0.2s; -moz-transition: 0.2s; -o-transition: 0.2s; -ms-transition: 0.2s; transition: 0.2s; -webkit-transform: translateY(-100px); -moz-transform: translateY(-100px); -o-transform: translateY(-100px); -ms-transform: translateY(-100px); transform: translateY(-100px); } .mfp-move-from-top.mfp-bg { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -webkit-transition: 0.2s; -moz-transition: 0.2s; -o-transition: 0.2s; -ms-transition: 0.2s; transition: 0.2s; } .mfp-move-from-top.mfp-ready .mfp-with-anim { opacity: 1; -ms-filter: none; filter: none; -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .mfp-move-from-top.mfp-ready.mfp-bg { opacity: 0.8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); } .mfp-move-from-top.mfp-removing .mfp-with-anim { -webkit-transform: translateY(-50px); -moz-transform: translateY(-50px); -o-transform: translateY(-50px); -ms-transform: translateY(-50px); transform: translateY(-50px); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } .mfp-move-from-top.mfp-removing.mfp-bg { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } .mfp-3d-unfold .mfp-content { -webkit-perspective: 2000px; -moz-perspective: 2000px; -ms-perspective: 2000px; perspective: 2000px; } .mfp-3d-unfold .mfp-with-anim { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; -ms-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -o-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: rotateY(-60deg); -moz-transform: rotateY(-60deg); -o-transform: rotateY(-60deg); -ms-transform: rotateY(-60deg); transform: rotateY(-60deg); } .mfp-3d-unfold.mfp-bg { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s; } .mfp-3d-unfold.mfp-ready .mfp-with-anim { opacity: 1; -ms-filter: none; filter: none; -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -o-transform: rotateY(0deg); -ms-transform: rotateY(0deg); transform: rotateY(0deg); } .mfp-3d-unfold.mfp-ready.mfp-bg { opacity: 0.8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); } .mfp-3d-unfold.mfp-removing .mfp-with-anim { -webkit-transform: rotateY(60deg); -moz-transform: rotateY(60deg); -o-transform: rotateY(60deg); -ms-transform: rotateY(60deg); transform: rotateY(60deg); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } .mfp-3d-unfold.mfp-bg { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } .mfp-zoom-out .mfp-with-anim { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; -ms-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; -webkit-transform: scale(1.3); -moz-transform: scale(1.3); -o-transform: scale(1.3); -ms-transform: scale(1.3); transform: scale(1.3); } .mfp-zoom-out.mfp-bg { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -webkit-transition: 0.3s ease-out; -moz-transition: 0.3s ease-out; -o-transition: 0.3s ease-out; -ms-transition: 0.3s ease-out; transition: 0.3s ease-out; } .mfp-zoom-out.mfp-ready .mfp-with-anim { opacity: 1; -ms-filter: none; filter: none; -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .mfp-zoom-out.mfp-ready.mfp-bg { opacity: 0.8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); } .mfp-zoom-out.mfp-removing .mfp-with-anim { -webkit-transform: scale(1.3); -moz-transform: scale(1.3); -o-transform: scale(1.3); -ms-transform: scale(1.3); transform: scale(1.3); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } .mfp-zoom-out.mfp-removing.mfp-bg { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } .mfp-dialog { background: #fff; padding: 20px 30px; text-align: left; max-width: 400px; margin: 40px auto; position: relative; } /*******************************************/ /*MEDIAELEMENT*/ .mejs-container { position: relative; background: #000; text-align: left; vertical-align: top; text-indent: 0; } .me-plugin { position: absolute; } .mejs-embed, .mejs-embed body { width: 100%; height: 100%; margin: 0; padding: 0; background: #000; overflow: hidden; } .mejs-fullscreen { overflow: hidden !important; } .mejs-container-fullscreen { position: fixed; left: 0; top: 0; right: 0; bottom: 0; overflow: hidden; z-index: 1000; } .mejs-container-fullscreen .mejs-mediaelement, .mejs-container-fullscreen video { width: 100%; height: 100%; } .mejs-clear { clear: both; } .mejs-background { position: absolute; top: 0; left: 0; } .mejs-mediaelement { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .mejs-poster { position: absolute; top: 0; left: 0; -webkit-background-size: contain; -moz-background-size: contain; background-size: contain; background-position: 50% 50%; background-repeat: no-repeat; } :root .mejs-poster img { display: none; } .mejs-poster img { border: 0; padding: 0; border: 0; } .mejs-overlay { position: absolute; top: 0; left: 0; } .mejs-overlay-play { cursor: pointer; } .mejs-overlay-button { position: absolute; top: 50%; left: 50%; width: 100px; height: 100px; margin: -50px 0 0 -50px; background: url("../img/bigplay.svg") no-repeat; } .no-svg .mejs-overlay-button { background-image: url("../img/bigplay.png"); } .mejs-overlay:hover .mejs-overlay-button { background-position: 0 -100px; } .mejs-overlay-loading { position: absolute; top: 50%; left: 50%; width: 80px; height: 80px; margin: -40px 0 0 -40px; background: #333; } .mejs-overlay-loading span { display: block; width: 80px; height: 80px; background: transparent url("../img/loading.gif") 50% 50% no-repeat; } .mejs-container .mejs-controls { position: absolute; list-style-type: none; margin: 0; padding: 0; bottom: 0; left: 0; background: #000; height: 30px; width: 100%; } .mejs-container .mejs-controls div { list-style-type: none; background-image: none; display: block; float: left; margin: 0; padding: 0; width: 26px; height: 26px; font-size: 11px; line-height: 11px; font-family: Helvetica, Arial; border: 0; } .mejs-controls .mejs-button button { cursor: pointer; display: block; font-size: 0; line-height: 0; text-decoration: none; margin: 7px 5px; padding: 0; position: absolute; height: 16px; width: 16px; border: 0; background: transparent url("../img/controls.svg") no-repeat; } .mejs-controls .mejs-button button:focus { outline: 1px solid #ff0; } .no-svg .mejs-controls .mejs-button button { background-image: url("../img/controls.png"); } .mejs-container .mejs-controls .mejs-time { color: #fff; display: block; height: 17px; width: auto; padding: 8px 3px 0 3px; overflow: hidden; text-align: center; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .mejs-container .mejs-controls .mejs-time span { color: #fff; font-size: 11px; line-height: 12px; display: block; float: left; margin: 1px 2px 0 0; width: auto; } .mejs-controls .mejs-play button { background-position: 0 0; } .mejs-controls .mejs-pause button { background-position: 0 -16px; } .mejs-controls .mejs-stop button { background-position: -112px 0; } .mejs-controls div.mejs-time-rail { width: 200px; padding-top: 5px; } .mejs-controls .mejs-time-rail span { display: block; position: absolute; width: 180px; height: 10px; cursor: pointer; } .mejs-controls .mejs-time-rail .mejs-time-total { margin: 5px; background: #333; } .mejs-controls .mejs-time-rail .mejs-time-buffering { width: 100%; -webkit-background-size: 15px 15px; -moz-background-size: 15px 15px; background-size: 15px 15px; -webkit-animation: buffering-stripes 2s linear infinite; -moz-animation: buffering-stripes 2s linear infinite; -o-animation: buffering-stripes 2s linear infinite; -ms-animation: buffering-stripes 2s linear infinite; animation: buffering-stripes 2s linear infinite; } .mejs-controls .mejs-time-rail .mejs-time-loaded { background: #00a0b0; width: 0; } .mejs-controls .mejs-time-rail .mejs-time-current { background: #fff; width: 0; } .mejs-controls .mejs-time-rail .mejs-time-handle { display: none; position: absolute; margin: 0; width: 10px; background: #fff; cursor: pointer; border: 2px solid #333; top: -2px; text-align: center; } .mejs-controls .mejs-time-rail .mejs-time-float { position: absolute; display: none; background: #eee; width: 36px; height: 17px; border: 1px solid #333; top: -26px; margin-left: -18px; text-align: center; color: #111; } .mejs-controls .mejs-time-rail .mejs-time-float-current { margin: 2px; width: 30px; display: block; text-align: center; left: 0; } .mejs-controls .mejs-time-rail .mejs-time-float-corner { position: absolute; display: block; width: 0; height: 0; line-height: 0; border: 5px solid #eee; border-color: #eee transparent transparent transparent; top: 15px; left: 13px; } .mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float { width: 48px; } .mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float-current { width: 44px; } .mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float-corner { left: 18px; } .mejs-controls .mejs-fullscreen-button button { background-position: -32px 0; } .mejs-controls .mejs-unfullscreen { background-position: -32px -16px; } .mejs-controls .mejs-mute button { background-position: -16px -16px; } .mejs-controls .mejs-unmute button { background-position: -16px 0; } .mejs-controls .mejs-volume-button { position: relative; } .mejs-controls .mejs-volume-button .mejs-volume-slider { display: none; height: 115px; width: 25px; background: rgba(50,50,50,0.7); top: -115px; left: 0; z-index: 1; position: absolute; margin: 0; } .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-total { position: absolute; left: 11px; top: 8px; width: 2px; height: 100px; background: #ddd; margin: 0; } .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-current { position: absolute; left: 11px; top: 8px; width: 2px; height: 100px; background: #ddd; margin: 0; } .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-handle { position: absolute; left: 4px; top: -3px; width: 16px; height: 6px; background: #ddd; cursor: N-resize; margin: 0; } .mejs-controls div.mejs-horizontal-volume-slider { height: 26px; width: 60px; position: relative; } .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total { position: absolute; left: 0; top: 11px; width: 50px; height: 8px; margin: 0; padding: 0; font-size: 1px; background: #333; } .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current { position: absolute; left: 0; top: 11px; width: 50px; height: 8px; margin: 0; padding: 0; font-size: 1px; background: #fff; } .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle { display: none; } .mejs-controls .mejs-captions-button { position: relative; } .mejs-controls .mejs-captions-button button { background-position: -48px 0; } .mejs-controls .mejs-captions-button .mejs-captions-selector { visibility: hidden; position: absolute; bottom: 26px; right: -10px; width: 130px; height: 100px; background: rgba(50,50,50,0.7); border: 1px solid transparent; padding: 10px; overflow: hidden; } .mejs-controls .mejs-captions-button .mejs-captions-selector ul { margin: 0; padding: 0; display: block; list-style-type: none !important; overflow: hidden; } .mejs-controls .mejs-captions-button .mejs-captions-selector ul li { margin: 0 0 6px 0; padding: 0; list-style-type: none !important; display: block; color: #fff; overflow: hidden; } .mejs-controls .mejs-captions-button .mejs-captions-selector ul li input { clear: both; float: left; margin: 3px 3px 0 5px; } .mejs-controls .mejs-captions-button .mejs-captions-selector ul li label { width: 100px; float: left; padding: 4px 0 0 0; line-height: 15px; font-family: helvetica, arial; font-size: 10px; } .mejs-controls .mejs-captions-button .mejs-captions-translations { font-size: 10px; margin: 0 0 5px 0; } .mejs-chapters { position: absolute; top: 0; left: 0; -xborder-right: 1px solid #fff; width: 10000px; z-index: 1; } .mejs-chapters .mejs-chapter { position: absolute; float: left; background: #222; overflow: hidden; border: 0; } .mejs-chapters .mejs-chapter .mejs-chapter-block { font-size: 11px; color: #fff; padding: 5px; display: block; border-right: 1px solid #333; border-bottom: 1px solid #333; cursor: pointer; } .mejs-chapters .mejs-chapter .mejs-chapter-block:hover { background: #666; } .mejs-chapters .mejs-chapter .mejs-chapter-block-last { border-right: none; } .mejs-chapters .mejs-chapter .mejs-chapter-block .ch-title { font-size: 12px; font-weight: bold; display: block; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; margin: 0 0 3px 0; line-height: 12px; } .mejs-chapters .mejs-chapter .mejs-chapter-block .ch-timespan { font-size: 12px; line-height: 12px; margin: 3px 0 4px 0; display: block; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .mejs-captions-layer { position: absolute; bottom: 0; left: 0; text-align: center; line-height: 22px; font-size: 12px; color: #fff; } .mejs-captions-layer a { color: #fff; text-decoration: none; } .mejs-captions-layer[lang=ar] { font-size: 20px; font-weight: normal; } .mejs-captions-position { position: absolute; width: 100%; bottom: 15px; left: 0; } .mejs-captions-position-hover { bottom: 45px; } .mejs-captions-text { padding: 3px 5px; background: rgba(20,20,20,0.8); } .me-cannotplay a { color: #fff; font-weight: bold; } .me-cannotplay span { padding: 15px; display: block; } .mejs-controls .mejs-loop-off button { background-position: -81px; } .mejs-controls .mejs-loop-on button { background-position: -64px 0; } .mejs-controls .mejs-backlight-off button { background-position: -80px -16px; } .mejs-controls .mejs-backlight-on button { background-position: -80px 0; } .mejs-controls .mejs-picturecontrols-button { background-position: -96px 0; } .mejs-contextmenu { position: absolute; width: 150px; padding: 10px; top: 0; left: 0; background: #fff; border: 1px solid #999; z-index: 1001; } .mejs-contextmenu .mejs-contextmenu-separator { height: 1px; font-size: 0; margin: 5px 6px; background: #333; } .mejs-contextmenu .mejs-contextmenu-item { font-family: helvetica, arial; font-size: 12px; padding: 4px 6px; cursor: pointer; color: #333; } .mejs-contextmenu .mejs-contextmenu-item:hover { background: #2c7c91; color: #fff; } .mejs-controls .mejs-sourcechooser-button { position: relative; } .mejs-controls .mejs-sourcechooser-button button { background-position: -128px 0; } .mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector { visibility: hidden; position: absolute; bottom: 26px; right: -10px; width: 130px; height: 100px; background: rgba(50,50,50,0.7); border: 1px solid transparent; padding: 10px; overflow: hidden; } .mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul { margin: 0; padding: 0; display: block; list-style-type: none !important; overflow: hidden; } .mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li { margin: 0 0 6px 0; padding: 0; list-style-type: none !important; display: block; color: #fff; overflow: hidden; } .mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li input { clear: both; float: left; margin: 3px 3px 0 5px; } .mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li label { width: 100px; padding: 4px 0 0 0; line-height: 15px; font-family: helvetica, arial; font-size: 10px; } .mejs-postroll-layer { position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; background: rgba(50,50,50,0.7); z-index: 1000; overflow: hidden; } .mejs-postroll-layer-content { width: 100%; height: 100%; } .mejs-postroll-close { position: absolute; right: 0; top: 0; background: rgba(50,50,50,0.7); color: #fff; padding: 4px; cursor: pointer; } @-moz-keyframes buffering-stripes { 0% { background-position: 0 0; } 100% { background-position: 30px 0; } } @-webkit-keyframes buffering-stripes { 0% { background-position: 0 0; } 100% { background-position: 30px 0; } } @-o-keyframes buffering-stripes { 0% { background-position: 0 0; } 100% { background-position: 30px 0; } } @-ms-keyframes buffering-stripes { 0% { background-position: 0 0; } 100% { background-position: 30px 0; } } @keyframes buffering-stripes { 0% { background-position: 0 0; } 100% { background-position: 30px 0; } } /*******************************************/ /*GRIDROTATOR*/ .ri-grid { position: relative; height: auto; width: 100%; } .ri-grid ul { list-style: none; display: block; width: 100%; margin: 0; padding: 0; zoom: 1; } .ri-grid ul:before, .ri-grid ul:after { content: ''; display: table; } .ri-grid ul:after { clear: both; } .ri-grid ul li { -webkit-perspective: 400px; -moz-perspective: 400px; -ms-perspective: 400px; perspective: 400px; margin: 0; padding: 0; float: left; position: relative; display: block; overflow: hidden; -webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s; -o-transition: opacity 0.5s; -ms-transition: opacity 0.5s; transition: opacity 0.5s; } .ri-grid ul li:hover { opacity: 0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); } .ri-grid ul li a { display: block; outline: none; position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -o-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-background-size: 100% 100%; -moz-background-size: 100% 100%; background-size: 100% 100%; background-position: center center; background-repeat: no-repeat; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } /*******************************************/ /*CAROUFREDSEL*/ .fredsel-prev.box-icon, .fredsel-next.box-icon { display: inline-block; } .fredsel-side-nav-wrap { position: relative; } .fredsel-wrapper { overflow: hidden; } .fredsel-side-nav-wrap .fredsel-prev, .fredsel-side-nav-wrap .fredsel-next { display: block; position: absolute; top: 50%; margin-top: -15px; } .fredsel-side-nav-wrap .fredsel-prev { left: -60px; } .fredsel-side-nav-wrap .fredsel-next { right: -60px; } .fredsel-inline { position: relative; width: auto; margin-left: 0; overflow: hidden; } .fredsel-inline > div > ul { list-style: none; margin: 0; padding: 0; } .fredsel-inline > div > ul > li { float: left; display: block; margin: 30px 15px; } .fredsel-inline > div > ul > li img { max-width: 100%; } .fredsel-inline .fredsel-prev, .fredsel-inline .fredsel-next { position: absolute; height: 30%; top: 50%; -webkit-transform: translate3d(0, -50%, 0); -moz-transform: translate3d(0, -50%, 0); -o-transform: translate3d(0, -50%, 0); -ms-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); width: 60px; opacity: 0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); } .fredsel-inline .fredsel-prev:hover, .fredsel-inline .fredsel-next:hover { opacity: 1; -ms-filter: none; filter: none; } .fredsel-inline .fredsel-prev:before, .fredsel-inline .fredsel-next:before { position: absolute; top: 50%; margin-top: -15px; } .fredsel-inline .fredsel-prev { left: 0; } .fredsel-inline .fredsel-next { right: 0; } .fredsel-pagination { overflow: hidden; margin-top: 15px; } .fredsel-pagination > a { -webkit-border-radius: 50%; border-radius: 50%; text-indent: -9999px; display: inline-block; width: 10px; height: 10px; border: 2px solid #00a0b0; margin: 0 5px; } .fredsel-pagination > a.selected { background: #00a0b0; } .fredsel-pagination.white > a { border: 2px solid #fff; } .fredsel-pagination.white > a.selected { background: #fff; } /*******************************************/ /*SUPERSLIDES*/ .superslides { position: relative; z-index: 3; } .superslides .superslides-container { display: none; } .superslides .superslides-scrollable { *zoom: 1; position: relative; top: 0; left: 0; overflow-y: auto; webkit-overflow-scrolling: touch; height: 100%; } .superslides .superslides-scrollable:after { content: ''; display: table; clear: both; } .superslides-navigation { margin: 0 auto; position: absolute; z-index: 3; top: 46%; width: 100%; } .superslides-navigation a { position: absolute; display: block; } .superslides-navigation a.prev { left: 0; } .superslides-navigation a.next { right: 0; } pagination { position: absolute; z-index: 3; text-align: center; width: 100%; } pagination a { border: 2px solid #222; -webkit-border-radius: 50%; border-radius: 50%; width: 10px; height: 10px; display: -moz-inline-stack; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; display: inline; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR4nGP6zwAAAgcBApocMXEAAAAASUVORK5CYII="); margin: 2px; overflow: hidden; text-indent: -100%; } pagination a.current { background: #222; } .superslides-caption { position: relative; width: 50%; text-align: center; top: 25%; left: 25%; } .superslides-caption h1, .superslides-caption h2, .superslides-caption h3, .superslides-caption h4, .superslides-caption h5, .superslides-caption p { color: #fff; } .superslides-caption p { font-size: 18px; line-height: 1.6em; } /*******************************************/ /*GOOGLE MAP*/ .gmap { height: 500px; } .gmap img { max-width: none; } .gmap-small { height: 300px; } /*******************************************/ /*TWITTER*/ .tweet-list { list-style: none; margin: 0; } .twitter .tweet-list li { margin-bottom: 15px; position: relative; padding-left: 25px; } .twitter .tweet-list li:before { content: '\f099'; font-family: 'FontAwesome'; position: absolute; top: 0; left: 0; } .twitter-ticker .tweet-list { height: 4.7em; overflow-y: hidden; } .twitter-ticker .tweet-list li { height: 4.7em; line-height: 16px; } /*******************************************/ /*MIXITUP*/ .mixitup-grid:ul { list-style: none; margin: 0; padding: 0; } .mixitup-grid .mix { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); display: none; } .mixitup-grid > li { margin-right: 20px; } .mixitup-grid.row > div { margin-bottom: 30px; } .mix-filter a { cursor: pointer; } /*******************************************/ /*LAYER SLIDER*/ .ls-container { visibility: hidden; position: relative; } .ls-lt-container { position: absolute; } .ls-lt-container, .ls-lt-container * { text-align: left !important; direction: ltr !important; } .ls-container-fullscreen { margin: 0 auto !important; padding: 2% !important; background: #000 !important; -webkit-border-radius: 0 !important; border-radius: 0 !important; border: none !important; } .ls-container-fullscreen .ls-thumbnail-wrapper, .ls-container-fullscreen .ls-fullscreen, .ls-container-fullscreen .ls-shadow { display: none !important; } .ls-overflow-hidden { overflow: hidden; } .ls-inner { position: relative; background-position: center center; z-index: 2; } .ls-loading-container { position: absolute !important; display: none; z-index: 3 !important; left: 50% !important; top: 50% !important; } .ls-loading-indicator { margin: 0 auto; } .ls-inner, .ls-layer { width: 100%; height: 100%; } .ls-layer { position: absolute; display: none; background-position: center center; overflow: hidden; } .ls-active, .ls-animating { display: block !important; } .ls-layer > * { position: absolute; line-height: normal; margin: 0px; left: 0px; top: 0px; } .ls-layer .ls-bg { left: 50%; top: 50%; } .ls-yourlogo { position: absolute; z-index: 99; } .ls-bar-timer { position: absolute; width: 0px; height: 2px; background: #fff; border-bottom: 2px solid #555; opacity: 0.55; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=55)"; filter: alpha(opacity=55); z-index: 4; top: 0px; } .ls-circle-timer { width: 24px; height: 24px; position: absolute; right: 10px; top: 10px; z-index: 4; opacity: 0.65; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)"; filter: alpha(opacity=65); display: none; } .ls-ct-half { background: #fff; } .ls-ct-center { background: #444; } .ls-ct-left, .ls-ct-right { width: 50%; height: 100%; overflow: hidden; } .ls-ct-left, .ls-ct-right { float: left; position: relative; } .ls-ct-rotate { width: 200%; height: 100%; position: absolute; top: 0px; } .ls-ct-left .ls-ct-rotate, .ls-ct-right .ls-ct-hider, .ls-ct-right .ls-ct-half { left: 0px; } .ls-ct-right .ls-ct-rotate, .ls-ct-left .ls-ct-hider, .ls-ct-left .ls-ct-half { right: 0px; } .ls-ct-hider, .ls-ct-half { position: absolute; top: 0px; } .ls-ct-hider { width: 50%; height: 100%; overflow: hidden; } .ls-ct-half { width: 200%; height: 100%; } .ls-ct-center { width: 40%; height: 40%; left: 30%; top: 30%; position: absolute; } .ls-ct-half, .ls-ct-center { -webkit-border-radius: 100px; border-radius: 100px; } .ls-bottom-nav-wrapper { height: 0px; } .ls-bottom-slidebuttons { text-align: left; } .ls-bottom-nav-wrapper, .ls-below-thumbnails { z-index: 2; height: 0px; position: relative; text-align: center; margin: 0 auto; } .ls-below-thumbnails { display: none; z-index: 6; } .ls-bottom-nav-wrapper a, .ls-nav-prev, .ls-nav-next { outline: none; } * .ls-bottom-nav-wrapper *, * .ls-bottom-nav-wrapper span * { direction: ltr !important; } .ls-bottom-slidebuttons { position: relative; z-index: 1000; } .ls-bottom-slidebuttons, .ls-nav-start, .ls-nav-stop, .ls-nav-sides { position: relative; } .ls-nothumb { text-align: center !important; } .ls-link { position: absolute; width: 100% !important; height: 100% !important; left: 0px !important; top: 0px !important; background-image: url("blank.gif"); } .ls-layer > a > * { background-image: url("blank.gif"); } .ls-vpcontainer { width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; } .ls-videopreview { width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; cursor: pointer; } .ls-playvideo { position: absolute; left: 50%; top: 50%; cursor: pointer; } .ls-tn { display: none !important; } .ls-thumbnail-hover { display: none; position: absolute; left: 0px; } .ls-thumbnail-hover-inner { width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; display: none; } .ls-thumbnail-hover-bg { position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; } .ls-thumbnail-hover-img { position: absolute; overflow: hidden; } .ls-thumbnail-hover img { max-width: none !important; position: absolute; display: inline-block; visibility: visible !important; left: 50%; top: 0px; } .ls-thumbnail-hover span { left: 50%; top: 100%; width: 0px; height: 0px; display: block; position: absolute; border-left-color: transparent !important; border-right-color: transparent !important; border-bottom-color: transparent !important; } .ls-thumbnail-wrapper { position: relative; width: 100%; margin: 0 auto; z-index: 4; } .ls-thumbnail { position: relative; margin: 0 auto; } .ls-thumbnail-inner, .ls-thumbnail-slide-container { width: 100%; } .ls-thumbnail-slide-container { overflow: hidden !important; position: relative; } .ls-touchscroll { overflow-x: auto !important; } .ls-thumbnail-slide { text-align: center; white-space: nowrap; float: left; position: relative; } .ls-thumbnail-slide a { overflow: hidden; display: inline-block; width: 0px; height: 0px; position: relative; } .ls-thumbnail-slide img { max-width: none !important; max-height: 100% !important; height: 100%; visibility: visible !important; } .ls-shadow { display: none; position: absolute; z-index: 1; top: 100%; width: 100%; left: 0px; overflow: hidden !important; visibility: hidden; } .ls-shadow img { width: 100% !important; height: auto !important; position: absolute !important; left: 0px !important; bottom: 0px !important; } .ls-bottom-nav-wrapper, .ls-thumbnail-wrapper, .ls-nav-prev, .ls-nav-next { visibility: hidden; } .ls-wp-fullwidth-container { width: 100%; position: relative; } .ls-wp-fullwidth-helper { position: absolute; } .ls-overflow-hidden { overflow: hidden; } .ls-lt-tile { position: relative; float: left; -webkit-perspective: 500px; -moz-perspective: 500px; -ms-perspective: 500px; perspective: 500px; } .ls-lt-tile img { visibility: visible; display: inline-block; } .ls-curtiles { overflow: hidden; } .ls-curtiles, .ls-nexttiles { position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; } .ls-curtile, .ls-nexttiles { overflow: hidden; position: absolute; width: 100% !important; height: 100% !important; } .ls-curtile { left: 0; top: 0; } .ls-curtile img, .ls-nexttiles img { position: absolute; filter: inherit; } .ls-3d-container { position: relative; -webkit-perspective: 1000px; -moz-perspective: 1000px; -ms-perspective: 1000px; perspective: 1000px; overflow: visible !important; } .ls-3d-box { position: absolute; top: 50%; left: 50%; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -o-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; } .ls-3d-box div { overflow: hidden; background: #777; margin: 0; padding: 0; position: absolute; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -o-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; } .ls-fullscreen { position: absolute; z-index: 10; cursor: pointer; display: block; } html * .ls-nav-prev, html * .ls-nav-next, html * .ls-container img, html * .ls-bottom-nav-wrapper a, html * .ls-container .ls-fullscreen, body * .ls-nav-prev, body * .ls-nav-next, body * .ls-container img, body * .ls-bottom-nav-wrapper a, body * .ls-container .ls-fullscreen, #ls-ls-global * .ls-nav-prev, #ls-ls-global * .ls-nav-next, #ls-ls-global * .ls-container img, #ls-ls-global * .ls-bottom-nav-wrapper a, #ls-ls-global * .ls-container .ls-fullscreen { -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; transition: none; line-height: normal; outline: none; padding: 0; border: 0; } html * .ls-thumbnail a, body * .ls-thumbnail a, #ls-ls-global * .ls-thumbnail a { -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; transition: none; line-height: normal; outline: none; padding: 0; margin: 0; } html * .ls-container img, body * .ls-container img, #ls-ls-global * .ls-container img { background: none !important; min-width: 0 !important; max-width: none !important; -webkit-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; border: 0px; padding: 0; } html * .ls-wp-container .ls-layer > *, body * .ls-wp-container .ls-layer > *, #ls-ls-global .ls-wp-container .ls-layer > * { line-height: normal; outline: none; padding: 0; margin: 0; border: 0; } .ls-wp-fullwidth-container, .ls-wp-fullwidth-helper, .ls-container, .ls-container * { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } html * .ls-yourlogo, body * .ls-yourlogo, #ls-ls-global .ls-yourlogo { margin: 0; } html * .ls-tn, body * .ls-tn, #ls-ls-global * .ls-tn { display: none; } .site { overflow: visible !important; } .ls-debug-console * { margin: 0 !important; padding: 0 !important; border: 0 !important; color: #fff !important; text-shadow: none; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", Helvetica, Arial, sans-serif !important; line-height: normal !important; -webkit-font-smoothing: antialiased !important; text-align: left !important; font-style: normal !important; } .ls-debug-console h1 { padding-top: 10px !important; font-size: 17px !important; font-weight: bold !important; } .ls-debug-console h1:first-child { padding-top: 0 !important; } .ls-debug-console ul { padding-top: 10px !important; list-style: none !important; } .ls-debug-console li { margin-left: 10px !important; font-size: 13px !important; position: relative !important; font-weight: normal !important; } html * .ls-debug-console li ul, body * .ls-debug-console li ul, #ls-ls-global * .ls-debug-console li ul { display: none; width: 260px; left: -10px; } .ls-debug-console li ul { position: absolute !important; bottom: 100% !important; padding-top: 10px 10px 10px 0 !important; background: #fff !important; -webkit-border-radius: 10px !important; border-radius: 10px !important; -webkit-box-shadow: 0 0 20px #000 !important; box-shadow: 0 0 20px #000 !important; } html * .ls-debug-console li:hover ul, body * .ls-debug-console li:hover ul, #ls-ls-global * .ls-debug-console li:hover ul { display: block; } .ls-debug-console li ul * { color: #000 !important; } .ls-debug-console a { text-decoration: none !important; border-bottom: 1px dotted #fff !important; } .ls-error { -webkit-border-radius: 5px !important; border-radius: 5px !important; background: #fff !important; width: auto !important; height: auto !important; color: #fff !important; padding: 20px 40px 30px 80px !important; position: relative !important; -webkit-box-shadow: 0 2px 20px -5px #000; box-shadow: 0 2px 20px -5px #000; } .ls-error p { line-height: normal !important; text-shadow: none !important; margin: 0 !important; padding-top: 0 !important; border: 0 !important; text-align: justify !important; font-family: Arial, sans-serif !important; } .ls-error .ls-error-title { line-height: 40px !important; color: #f00 !important; font-weight: bold !important; font-size: 16px !important; } .ls-error .ls-error-text { color: #555 !important; font-weight: normal !important; font-size: 13px !important; } .ls-error .ls-exclam { width: 40px !important; height: 40px !important; position: absolute !important; left: 20px !important; top: 20px !important; -webkit-border-radius: 50px !important; border-radius: 50px !important; font-size: 30px !important; font-weight: bold !important; color: #fff !important; background: #f00 !important; text-align: center !important; } html * .ls-container .ls-shadow, body * .ls-container .ls-shadow, #ls-ls-global * .ls-container .ls-shadow, html * .ls-container .ls-layer > *, body * .ls-container .ls-layer > *, #ls-ls-global * .ls-container .ls-layer > *, html * .ls-container .ls-fullscreen, body * .ls-container .ls-fullscreen, #ls-ls-global * .ls-container .ls-fullscreen, html * .ls-container .ls-webkit-hack, body * .ls-container .ls-webkit-hack, #ls-ls-global * .ls-container .ls-webkit-hack, html * .ls-container .ls-3d-container, body * .ls-container .ls-3d-container, #ls-ls-global * .ls-container .ls-3d-container, html * .ls-container .ls-lt-container, body * .ls-container .ls-lt-container, #ls-ls-global * .ls-container .ls-lt-container, html * .ls-container .ls-lt-container *, body * .ls-container .ls-lt-container *, #ls-ls-global * .ls-container .ls-lt-container *, html * .ls-container .ls-thumbnail-wrapper, body * .ls-container .ls-thumbnail-wrapper, #ls-ls-global * .ls-container .ls-thumbnail-wrapper, html * .ls-container .ls-bottom-nav-wrapper, body * .ls-container .ls-bottom-nav-wrapper, #ls-ls-global * .ls-container .ls-bottom-nav-wrapper { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translateZ(0px); -moz-transform: translateZ(0px); -o-transform: translateZ(0px); -ms-transform: translateZ(0px); transform: translateZ(0px); } html * .ls-container .ls-video-layer, body * .ls-container .ls-video-layer, #ls-ls-global * .ls-container .ls-video-layer, html * .ls-container .ls-layer iframe, body * .ls-container .ls-layer iframe, #ls-ls-global * .ls-container .ls-layer iframe { -webkit-backface-visibility: visible !important; -moz-backface-visibility: visible !important; -ms-backface-visibility: visible !important; backface-visibility: visible !important; } html * .ls-container .ls-webkit-hack, body * .ls-container .ls-webkit-hack, #ls-ls-global * .ls-container .ls-webkit-hack { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1; } @media (transform-3d), (-o-transform-3d), (-ms-transform-3d), (-moz-transform-3d), (-webkit-transform-3d) { #ls-test3d { position: absolute; left: 9px; height: 3px; } } .ls-nav-next, .ls-nav-prev { z-index: 2; width: 50px; height: 50px; line-height: 50px !important; background: #fff; -webkit-border-radius: 50%; border-radius: 50%; color: #00a0b0; text-align: center; opacity: 0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); -webkit-transition: 0.3s !important; -moz-transition: 0.3s !important; -o-transition: 0.3s !important; -ms-transition: 0.3s !important; transition: 0.3s !important; position: absolute; top: 50%; margin-top: -25px; font-size: 20px; } .ls-nav-next:hover, .ls-nav-prev:hover { opacity: 1; -ms-filter: none; filter: none; color: #00a0b0; } .ls-nav-next:before, .ls-nav-prev:before { font-family: 'FontAwesome'; } .ls-nav-prev { left: 30px; } .ls-nav-prev:before { content: '\f053'; } .ls-nav-next { right: 30px; } .ls-nav-next:before { content: '\f054'; } /*******************************************/ /***************************************************************************/ /*****************************CUSTOMIZATION ********************************/ /***************************************************************************/ /*DEMO*/ .demo-buttons .btn { margin-right: 7px; margin-bottom: 7px; } .demo-grid .row-fluid { margin-bottom: 20px; } .demo-grid [class*="span"] { height: 20px; background: #ccc; } .demo-icons .span3 > span { font-size: 15px; margin-bottom: 10px; display: block; } /*******************************************/ /*RESPONSIVE*/ @media (max-width: 767px) { body { padding: 0; } } @media (max-width: 767px) { .container { padding: 0 30px; } } /*******************************************/ /*BOXED BODY*/ @media (min-width: 1200px) { body.width1200 .row { margin-left: -30px; *zoom: 1; } body.width1200 .row:before, body.width1200 .row:after { display: table; line-height: 0; content: ''; } body.width1200 .row:after { clear: both; } body.width1200 [class*="span"] { float: left; min-height: 1px; margin-left: 30px; } body.width1200 .container, body.width1200 .navbar-static-top .container, body.width1200 .navbar-fixed-top .container, body.width1200 .navbar-fixed-bottom .container { width: 1170px; } body.width1200 .span12 { width: 1170px; } body.width1200 .span11 { width: 1070px; } body.width1200 .span10 { width: 970px; } body.width1200 .span9 { width: 870px; } body.width1200 .span8 { width: 770px; } body.width1200 .span7 { width: 670px; } body.width1200 .span6 { width: 570px; } body.width1200 .span5 { width: 470px; } body.width1200 .span4 { width: 370px; } body.width1200 .span3 { width: 270px; } body.width1200 .span2 { width: 170px; } body.width1200 .span1 { width: 70px; } body.width1200 .offset12 { margin-left: 1230px; } body.width1200 .offset11 { margin-left: 1130px; } body.width1200 .offset10 { margin-left: 1090px; } body.width1200 .offset9 { margin-left: 930px; } body.width1200 .offset8 { margin-left: 830px; } body.width1200 .offset7 { margin-left: 730px; } body.width1200 .offset6 { margin-left: 630px; } body.width1200 .offset5 { margin-left: 530px; } body.width1200 .offset4 { margin-left: 430px; } body.width1200 .offset3 { margin-left: 330px; } body.width1200 .offset2 { margin-left: 230px; } body.width1200 .offset1 { margin-left: 130px; } body.width1200 .row-fluid { width: 100%; *zoom: 1; } body.width1200 .row-fluid:before, body.width1200 .row-fluid:after { display: table; line-height: 0; content: ''; } body.width1200 .row-fluid:after { clear: both; } body.width1200 .row-fluid [class*="span"] { display: block; float: left; width: 100%; min-height: 30px; margin-left: 2.564102564102564%; *margin-left: 2.5109110747408616%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } body.width1200 .row-fluid [class*="span"]:first-child { margin-left: 0; } body.width1200 .row-fluid .controls-row [class*="span"] + [class*="span"] { margin-left: 2.564102564102564%; } body.width1200 .row-fluid .span12 { width: 100%; *width: 99.94680851063829%; } body.width1200 .row-fluid .span11 { width: 91.45299145299145%; *width: 91.39979996362975%; } body.width1200 .row-fluid .span10 { width: 82.90598290598291%; *width: 82.8527914166212%; } body.width1200 .row-fluid .span9 { width: 74.35897435897436%; *width: 74.30578286961266%; } body.width1200 .row-fluid .span8 { width: 65.81196581196582%; *width: 65.75877432260411%; } body.width1200 .row-fluid .span7 { width: 57.26495726495726%; *width: 57.21176577559556%; } body.width1200 .row-fluid .span6 { width: 48.717948717948715%; *width: 48.664757228587014%; } body.width1200 .row-fluid .span5 { width: 40.17094017094017%; *width: 40.11774868157847%; } body.width1200 .row-fluid .span4 { width: 31.623931623931625%; *width: 31.570740134569924%; } body.width1200 .row-fluid .span3 { width: 23.076923076923077%; *width: 23.023731587561375%; } body.width1200 .row-fluid .span2 { width: 14.52991452991453%; *width: 14.476723040552828%; } body.width1200 .row-fluid .span1 { width: 5.982905982905983%; *width: 5.929714493544281%; } body.width1200 .row-fluid .offset12 { margin-left: 105.12820512820512%; *margin-left: 105.02182214948171%; } body.width1200 .row-fluid .offset12:first-child { margin-left: 102.56410256410257%; *margin-left: 102.45771958537915%; } body.width1200 .row-fluid .offset11 { margin-left: 96.58119658119658%; *margin-left: 96.47481360247316%; } body.width1200 .row-fluid .offset11:first-child { margin-left: 94.01709401709402%; *margin-left: 93.91071103837061%; } body.width1200 .row-fluid .offset10 { margin-left: 88.03418803418803%; *margin-left: 87.92780505546462%; } body.width1200 .row-fluid .offset10:first-child { margin-left: 85.47008547008548%; *margin-left: 85.36370249136206%; } body.width1200 .row-fluid .offset9 { margin-left: 79.48717948717949%; *margin-left: 79.38079650845607%; } body.width1200 .row-fluid .offset9:first-child { margin-left: 76.92307692307693%; *margin-left: 76.81669394435352%; } body.width1200 .row-fluid .offset8 { margin-left: 70.94017094017094%; *margin-left: 70.83378796144753%; } body.width1200 .row-fluid .offset8:first-child { margin-left: 68.37606837606839%; *margin-left: 68.26968539734497%; } body.width1200 .row-fluid .offset7 { margin-left: 62.393162393162385%; *margin-left: 62.28677941443899%; } body.width1200 .row-fluid .offset7:first-child { margin-left: 59.82905982905982%; *margin-left: 59.72267685033642%; } body.width1200 .row-fluid .offset6 { margin-left: 53.84615384615384%; *margin-left: 53.739770867430444%; } body.width1200 .row-fluid .offset6:first-child { margin-left: 51.28205128205128%; *margin-left: 51.175668303327875%; } body.width1200 .row-fluid .offset5 { margin-left: 45.299145299145295%; *margin-left: 45.1927623204219%; } body.width1200 .row-fluid .offset5:first-child { margin-left: 42.73504273504273%; *margin-left: 42.62865975631933%; } body.width1200 .row-fluid .offset4 { margin-left: 36.75213675213675%; *margin-left: 36.645753773413354%; } body.width1200 .row-fluid .offset4:first-child { margin-left: 34.18803418803419%; *margin-left: 34.081651209310785%; } body.width1200 .row-fluid .offset3 { margin-left: 28.205128205128204%; *margin-left: 28.0987452264048%; } body.width1200 .row-fluid .offset3:first-child { margin-left: 25.641025641025642%; *margin-left: 25.53464266230224%; } body.width1200 .row-fluid .offset2 { margin-left: 19.65811965811966%; *margin-left: 19.551736679396257%; } body.width1200 .row-fluid .offset2:first-child { margin-left: 17.094017094017094%; *margin-left: 16.98763411529369%; } body.width1200 .row-fluid .offset1 { margin-left: 11.11111111111111%; *margin-left: 11.004728132387708%; } body.width1200 .row-fluid .offset1:first-child { margin-left: 8.547008547008547%; *margin-left: 8.440625568285142%; } body.width1200 input, body.width1200 textarea, body.width1200 .uneditable-input { margin-left: 0; } body.width1200 input[class*="span"], body.width1200 textarea[class*="span"], body.width1200 .uneditable-input[class*="span"] { margin-left: 0; } body.width1200 .controls-row [class*="span"] + [class=*"span"] { margin-left: 30px; } body.width1200 input.span12, body.width1200 textarea.span12, body.width1200 .uneditable-input.span12 { width: 1156px; } body.width1200 input.span11, body.width1200 textarea.span11, body.width1200 .uneditable-input.span11 { width: 1056px; } body.width1200 input.span10, body.width1200 textarea.span10, body.width1200 .uneditable-input.span10 { width: 956px; } body.width1200 input.span9, body.width1200 textarea.span9, body.width1200 .uneditable-input.span9 { width: 856px; } body.width1200 input.span8, body.width1200 textarea.span8, body.width1200 .uneditable-input.span8 { width: 756px; } body.width1200 input.span7, body.width1200 textarea.span7, body.width1200 .uneditable-input.span7 { width: 656px; } body.width1200 input.span6, body.width1200 textarea.span6, body.width1200 .uneditable-input.span6 { width: 556px; } body.width1200 input.span5, body.width1200 textarea.span5, body.width1200 .uneditable-input.span5 { width: 456px; } body.width1200 input.span4, body.width1200 textarea.span4, body.width1200 .uneditable-input.span4 { width: 356px; } body.width1200 input.span3, body.width1200 textarea.span3, body.width1200 .uneditable-input.span3 { width: 256px; } body.width1200 input.span2, body.width1200 textarea.span2, body.width1200 .uneditable-input.span2 { width: 156px; } body.width1200 input.span1, body.width1200 textarea.span1, body.width1200 .uneditable-input.span1 { width: 56px; } body.width1200 .thumbnails { margin-left: -30px; } body.width1200 .thumbnails > li { margin-left: 30px; } body.width1200 .row-fluid .thumbnails { margin-left: 0; } } .container-global { background: #fff; } body.boxed { background-color: #262626; } body.boxed .container-global { -webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.5); box-shadow: 0 2px 4px rgba(0,0,0,0.5); background: #fff; margin: 30px auto; width: 1000px; } body.boxed.width1200 .container-global { width: 1230px; } @media (max-width: 1230px) { body.boxed.width1200 .container-global { width: 100%; margin: 0; } } body.boxed .fredsel-side-nav-wrap .fredsel-prev { left: 0; } body.boxed .fredsel-side-nav-wrap .fredsel-next { right: 0; } @media (max-width: 1300px) { body .fredsel-side-nav-wrap .fredsel-prev { left: -30px; } body .fredsel-side-nav-wrap .fredsel-next { right: -30px; } } /*******************************************/