| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| 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; |
| } |
| |
| |
| .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; |
| } |
| |
| |
| .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; |
| } |
| |
| |
| .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; |
| } |
| |
| @-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); |
| } |
| } |
| |
| |
| 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-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); |
| } |
| |
| |
| .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; |
| } |
| |
| |
| .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-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; |
| } |
| |
| |
| .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-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-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-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; |
| } |
| |
| |
| 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'; |
| } |
| |
| |
| |
| |
| |
| .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 { |
| 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%; |
| } |
| |
| |
| .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; |
| } |
| |
| |
| .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; |
| } |
| |
| |
| .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; |
| } |
| } |
| |
| |
| .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; |
| } |
| |
| |
| .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 { |
| 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; |
| } |
| |
| |
| .gmap { |
| height: 500px; |
| } |
| .gmap img { |
| max-width: none; |
| } |
| .gmap-small { |
| height: 300px; |
| } |
| |
| |
| .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-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; |
| } |
| |
| |
| .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'; |
| } |
| |
| |
| |
| |
| |
| .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; |
| } |
| |
| |
| @media (max-width: 767px) { |
| body { |
| padding: 0; |
| } |
| } |
| @media (max-width: 767px) { |
| .container { |
| padding: 0 30px; |
| } |
| } |
| |
| |
| @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; |
| } |
| } |
| |
|
|
