/* Minification failed. Returning unminified contents. (238,856): run-time error CSS1030: Expected identifier, found '}' (2273,10838): run-time error CSS1031: Expected selector, found '/' (2273,10838): run-time error CSS1025: Expected comma or open brace, found '/' (4368,1): run-time error CSS1019: Unexpected token, found '@import' (4368,9): run-time error CSS1019: Unexpected token, found '"reset.css"' (4369,1): run-time error CSS1019: Unexpected token, found '@import' (4369,9): run-time error CSS1019: Unexpected token, found '"fontello.css"' (8210,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (8211,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (8215,1): run-time error CSS1019: Unexpected token, found '@keyframes' (8216,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' */ /* * Core Owl Carousel CSS File * v1.3.2 */ /* clearfix */ .owl-carousel .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } /* display none until init */ .owl-carousel{ display: none; position: relative; width: 100%; -ms-touch-action: pan-y; } .owl-carousel .owl-wrapper{ display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-wrapper-outer{ overflow: hidden; position: relative; width: 100%; } .owl-carousel .owl-wrapper-outer.autoHeight{ -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; } .owl-carousel .owl-item{ float: left; } .owl-controls .owl-page, .owl-controls .owl-buttons div{ cursor: pointer; } .owl-controls { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } /* mouse grab icon */ .grabbing { cursor:url(grabbing.png) 8 8, move; } /* fix */ .owl-carousel .owl-wrapper, .owl-carousel .owl-item{ -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); } /* * Owl Carousel CSS3 Transitions * v1.3.2 */ .owl-origin { -webkit-perspective: 1200px; -webkit-perspective-origin-x : 50%; -webkit-perspective-origin-y : 50%; -moz-perspective : 1200px; -moz-perspective-origin-x : 50%; -moz-perspective-origin-y : 50%; perspective : 1200px; } /* fade */ .owl-fade-out { z-index: 10; -webkit-animation: fadeOut .7s both ease; -moz-animation: fadeOut .7s both ease; animation: fadeOut .7s both ease; } .owl-fade-in { -webkit-animation: fadeIn .7s both ease; -moz-animation: fadeIn .7s both ease; animation: fadeIn .7s both ease; } /* backSlide */ .owl-backSlide-out { -webkit-animation: backSlideOut 1s both ease; -moz-animation: backSlideOut 1s both ease; animation: backSlideOut 1s both ease; } .owl-backSlide-in { -webkit-animation: backSlideIn 1s both ease; -moz-animation: backSlideIn 1s both ease; animation: backSlideIn 1s both ease; } /* goDown */ .owl-goDown-out { -webkit-animation: scaleToFade .7s ease both; -moz-animation: scaleToFade .7s ease both; animation: scaleToFade .7s ease both; } .owl-goDown-in { -webkit-animation: goDown .6s ease both; -moz-animation: goDown .6s ease both; animation: goDown .6s ease both; } /* scaleUp */ .owl-fadeUp-in { -webkit-animation: scaleUpFrom .5s ease both; -moz-animation: scaleUpFrom .5s ease both; animation: scaleUpFrom .5s ease both; } .owl-fadeUp-out { -webkit-animation: scaleUpTo .5s ease both; -moz-animation: scaleUpTo .5s ease both; animation: scaleUpTo .5s ease both; } /* Keyframes */ /*empty*/ @-webkit-keyframes empty { 0% {opacity: 1} } @-moz-keyframes empty { 0% {opacity: 1} } @keyframes empty { 0% {opacity: 1} } @-webkit-keyframes fadeIn { 0% { opacity:0; } 100% { opacity:1; } } @-moz-keyframes fadeIn { 0% { opacity:0; } 100% { opacity:1; } } @keyframes fadeIn { 0% { opacity:0; } 100% { opacity:1; } } @-webkit-keyframes fadeOut { 0% { opacity:1; } 100% { opacity:0; } } @-moz-keyframes fadeOut { 0% { opacity:1; } 100% { opacity:0; } } @keyframes fadeOut { 0% { opacity:1; } 100% { opacity:0; } } @-webkit-keyframes backSlideOut { 25% { opacity: .5; -webkit-transform: translateZ(-500px); } 75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); } 100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); } } @-moz-keyframes backSlideOut { 25% { opacity: .5; -moz-transform: translateZ(-500px); } 75% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); } 100% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); } } @keyframes backSlideOut { 25% { opacity: .5; transform: translateZ(-500px); } 75% { opacity: .5; transform: translateZ(-500px) translateX(-200%); } 100% { opacity: .5; transform: translateZ(-500px) translateX(-200%); } } @-webkit-keyframes backSlideIn { 0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); } 75% { opacity: .5; -webkit-transform: translateZ(-500px); } 100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); } } @-moz-keyframes backSlideIn { 0%, 25% { opacity: .5; -moz-transform: translateZ(-500px) translateX(200%); } 75% { opacity: .5; -moz-transform: translateZ(-500px); } 100% { opacity: 1; -moz-transform: translateZ(0) translateX(0); } } @keyframes backSlideIn { 0%, 25% { opacity: .5; transform: translateZ(-500px) translateX(200%); } 75% { opacity: .5; transform: translateZ(-500px); } 100% { opacity: 1; transform: translateZ(0) translateX(0); } } @-webkit-keyframes scaleToFade { to { opacity: 0; -webkit-transform: scale(.8); } } @-moz-keyframes scaleToFade { to { opacity: 0; -moz-transform: scale(.8); } } @keyframes scaleToFade { to { opacity: 0; transform: scale(.8); } } @-webkit-keyframes goDown { from { -webkit-transform: translateY(-100%); } } @-moz-keyframes goDown { from { -moz-transform: translateY(-100%); } } @keyframes goDown { from { transform: translateY(-100%); } } @-webkit-keyframes scaleUpFrom { from { opacity: 0; -webkit-transform: scale(1.5); } } @-moz-keyframes scaleUpFrom { from { opacity: 0; -moz-transform: scale(1.5); } } @keyframes scaleUpFrom { from { opacity: 0; transform: scale(1.5); } } @-webkit-keyframes scaleUpTo { to { opacity: 0; -webkit-transform: scale(1.5); } } @-moz-keyframes scaleUpTo { to { opacity: 0; -moz-transform: scale(1.5); } } @keyframes scaleUpTo { to { opacity: 0; transform: scale(1.5); } } .jackbox-modal{font:12px Arial,Helvetica,sans-serif;color:#666;line-height:18px;background:rgba(0,0,0,0.75);-webkit-box-sizing:content-box;-moz-box-sizing:content-box;-o-box-sizing:content-box;-ms-box-sizing:content-box;box-sizing:content-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}.jackbox-modal *{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;-o-box-sizing:content-box;-ms-box-sizing:content-box;box-sizing:content-box}.jackbox-container img{max-width:none}.jackbox-modal h2,.jackbox-modal h3{font:24px "Mako",sans-serif;font-weight:normal;color:#444}.jackbox-title-text{font:14px "Mako",sans-serif;color:#222}.jackbox-thumb-tip{background:url(../img/graphics/ie_bg.png);background:rgba(0,0,0,0.75)}.jackbox-thumb-tip-text{font:12px "Mako",sans-serif;text-transform:uppercase;color:#FFF}.jackbox-description-text{background-color:#FFF;text-align:left}.jackbox-html>div{background-color:#f5f5f5;border:1px solid #e5e5e5;text-align:left}.jackbox-holder{background-color:#FFF;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}.jackbox-container{background:#000;background:-moz-radial-gradient(center,ellipse cover,rgba(68,68,68,1) 0,rgba(0,0,0,1) 100%);background:-webkit-gradient(radial,center center,0px,center center,100%,color-stop(0%,rgba(68,68,68,1)),color-stop(100%,rgba(0,0,0,1)));background:-webkit-radial-gradient(center,ellipse cover,rgba(68,68,68,1) 0,rgba(0,0,0,1) 100%);background:-o-radial-gradient(center,ellipse cover,rgba(68,68,68,1) 0,rgba(0,0,0,1) 100%);background:-ms-radial-gradient(center,ellipse cover,rgba(68,68,68,1) 0,rgba(0,0,0,1) 100%);background:radial-gradient(ellipse at center,rgba(68,68,68,1) 0,rgba(0,0,0,1) 100%)}.jackbox-panel:hover{background-color:#333}.jackbox-panel-left{background-image:url(../img/graphics/panel_left.png)}.jackbox-panel-right{background-image:url(../img/graphics/panel_right.png)}.jackbox-panel-left:hover{-webkit-box-shadow:5px 0 10px rgba(0,0,0,0.2);-moz-box-shadow:5px 0 10px rgba(0,0,0,0.2);box-shadow:5px 0 10px rgba(0,0,0,0.2);border-right:1px solid #4d4d4d;background-image:url(../img/graphics/panel_left_over.png)}.jackbox-panel-right:hover{-webkit-box-shadow:-5px 0 10px rgba(0,0,0,0.2);-moz-box-shadow:-5px 0 10px rgba(0,0,0,0.2);box-shadow:-5px 0 10px rgba(0,0,0,0.2);border-left:1px solid #4d4d4d;background-image:url(../img/graphics/panel_right_over.png)}.jackbox-button{width:20px;height:20px;background-size:20px 20px;background-repeat:no-repeat}.jackbox-arrow-left{background-image:url(../img/graphics/left_arrow.png)}.jackbox-arrow-right{background-image:url(../img/graphics/right_arrow.png)}.jackbox-info{background-image:url(../img/graphics/info.png)}.jackbox-show-thumbs{background-image:url(../img/graphics/thumbs_show.png)}.jackbox-hide-thumbs{background-image:url(../img/graphics/thumbs_hide.png)}.jackbox-close{background-image:url(../img/graphics/exit.png)}.jackbox-fs{background-image:url(../img/graphics/fullscreen.png)}.jackbox-ns{background-image:url(../img/graphics/normalscreen.png)}.jb-info-inactive,.jackbox-button:hover{opacity:.6}.jackbox-thumb-panel{background:url(../img/graphics/ie_bg.png);background:rgba(0,0,0,0.75)}.jackbox-thumb-left{width:20px;height:20px;margin:-9px 0 0 -30px;background-size:20px 20px;background-repeat:no-repeat;background-image:url(../img/graphics/thumb_left.png)}.jackbox-thumb-right{width:20px;height:20px;margin:-9px 0 0 12px;background-size:20px 20px;background-repeat:no-repeat;background-image:url(../img/graphics/thumb_right.png)}.jackbox-thumb-left:hover,.jackbox-thumb-right:hover{opacity:.70}.jackbox-pre-outside{padding:5px;background:url(../img/graphics/ie_preloader.gif);background:-moz-linear-gradient(top,#FFF 0,#FFF 25%,#444 90%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#FFF),color-stop(25%,#FFF),color-stop(90%,#444));background:-webkit-linear-gradient(top,#FFF 0,#FFF 25%,#444 90%);background:-o-linear-gradient(top,#FFF 0,#FFF 25%,#444 90%);background:-ms-linear-gradient(top,#FFF 0,#FFF 25%,#444 90%);background:linear-gradient(to bottom,#FFF 0,#FFF 25%,#444 90%)}.jackbox-pre-inside{background-color:#444}.jackbox{position:relative;display:inline-block}.jackbox-modal{position:fixed;left:0;top:0;width:100%;height:100%;display:none;z-index:9999;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}.jackbox-modal h2{margin:0 0 12px -2px}.jackbox-modal h3{margin:0 0 8px -2px}.jackbox-modal ul{margin:0;padding:0}.jackbox-modal li{margin:0 0 10px 0;padding:0}.jackbox-modal li:last-child{margin-bottom:-10px}.jackbox-html>div{padding:16px 20px 16px 20px;box-sizing:border-box}.jackbox-html>div p{margin:5px 0 0 0;color:#808080}.jackbox-title-text{position:absolute;left:6px;top:7px;width:100%;overflow:hidden;text-align:center;white-space:nowrap;z-index:0}.jackbox-info-text{display:inline-block;overflow-y:auto;z-index:999;width:100%;position:absolute;top:0;left:0}.jackbox-description-text{padding:14px 17px 19px 17px}.jackbox-html,.jackbox-wrapper,.jackbox-content,.jackbox-description,.jackbox-hidden-items{display:none}.jackbox-youtube{visibility:hidden;margin:0 auto}.jackbox-html{overflow-y:auto}.jackbox-modal img{image-rendering:optimizeQuality}.jackbox-holder{position:absolute;left:50%;top:50%;width:100%;height:100%;overflow:hidden;opacity:0;padding:33px 6px 34px 6px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}.jackbox-container{width:100%;height:100%;position:relative;overflow:hidden;z-index:0;text-align:center}.jackbox-content{margin:0 auto}.jackbox-overflow{overflow:hidden!important}.jackbox-thumb-holder{position:absolute;width:100%;bottom:0;left:0}.jackbox-thumb-panel{position:absolute;left:50%;overflow:hidden;white-space:nowrap;padding:2px 2px 0 2px}.jackbox-thumb-strip{position:relative}.jackbox-thumb{overflow:hidden;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}.jackbox-thumb img{cursor:pointer;-ms-filter:"alpha(opacity=0)";filter:alpha(opacity=0);opacity:0;-webkit-transition:opacity .4s cubic-bezier(0.230,1.000,0.320,1.000);-moz-transition:opacity .4s cubic-bezier(0.230,1.000,0.320,1.000);-o-transition:opacity .4s cubic-bezier(0.230,1.000,0.320,1.000);-ms-transition:opacity .4s cubic-bezier(0.230,1.000,0.320,1.000);transition:opacity .4s cubic-bezier(0.230,1.000,0.320,1.000)}.jb-thumb-fadein img{-ms-filter:"alpha(opacity=50)";filter:alpha(opacity=50);opacity:.5}.jb-thumb-active img{-ms-filter:"alpha(opacity=100)";filter:alpha(opacity=100);opacity:1}.jb-thumb-hover img:hover{-ms-filter:"alpha(opacity=100)";filter:alpha(opacity=100);opacity:1}.jb-thumb-active img{cursor:auto}.jackbox-thumb-left,.jackbox-thumb-right{cursor:pointer;position:absolute;display:none}.jackbox-top{position:absolute;top:7px;left:5px}.jackbox-top:after{content:"";position:absolute;top:26px;left:1px;width:100%;height:1px;background-color:#FFF;display:block;z-index:999}.jackbox-bottom{position:relative;white-space:nowrap;z-index:99}.jackbox-social{position:absolute}.jackbox-top-icons{position:absolute;right:-1px}.jackbox-bottom-icons{position:absolute;right:0;top:7px}.jackbox-controls{position:absolute;left:0;top:7px;z-index:1}.jackbox-button{cursor:pointer;display:inline-block}.jackbox-arrow-right{margin-left:6px}.jackbox-button-margin{margin-left:6px}:-webkit-full-screen .jackbox-fs{display:none!important}:-moz-full-screen .jackbox-fs{display:none!important}:-webkit-full-screen .jackbox-ns{display:inline-block!important}:-moz-full-screen .jackbox-ns{display:inline-block!important}.jackbox-panel{display:block;cursor:pointer;visibility:hidden;background-position:center center;background-repeat:no-repeat;background-size:38px 38px;width:58px;height:100%;position:absolute;top:0;-ms-filter:"alpha(opacity=0)";filter:alpha(opacity=0);opacity:0;-webkit-transition:all .6s cubic-bezier(0.230,1.000,0.320,1.000);-moz-transition:all .6s cubic-bezier(0.230,1.000,0.320,1.000);-o-transition:all .6s cubic-bezier(0.230,1.000,0.320,1.000);-ms-transition:all .6s cubic-bezier(0.230,1.000,0.320,1.000);transition:all .6s cubic-bezier(0.230,1.000,0.320,1.000)}.jackbox-panel-left{left:0}.jackbox-panel-right{right:0}.jackbox-preloader{position:fixed;left:50%;top:50%;visibility:hidden;width:20px;height:20px;margin:-15px 0 0 -15px;z-index:9999}.jackbox-spin-preloader{visibility:visible;-webkit-animation:rotator 1s linear infinite;-moz-animation:rotator 1s linear infinite;-ms-animation:rotator 1s linear infinite;-o-animation:rotator 1s linear infinite;animation:rotator 1s linear infinite}.jackbox-pre-outside{width:20px;height:20px;display:inline-block;position:relative;top:-25%;left:-25%;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%}.jackbox-pre-inside{display:none;width:20px;height:20px;display:inline-block;position:absolute;top:5px;left:5px;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;-webkit-transition:background-color .6s cubic-bezier(0.230,1.000,0.320,1.000);-moz-transition:background-color .6s cubic-bezier(0.230,1.000,0.320,1.000);-o-transition:background-color .6s cubic-bezier(0.230,1.000,0.320,1.000);-ms-transition:background-color .6s cubic-bezier(0.230,1.000,0.320,1.000);transition:background-color .6s cubic-bezier(0.230,1.000,0.320,1.000)}.jackbox-thumb-tip{display:block;position:fixed;overflow:hidden;opacity:0;z-index:9999;visibility:hidden;pointer-events:none;padding:5px 10px 5px 10px;-webkit-transition:all .6s cubic-bezier(0.230,1.000,0.320,1.000);-moz-transition:all .6s cubic-bezier(0.230,1.000,0.320,1.000);-o-transition:all .6s cubic-bezier(0.230,1.000,0.320,1.000);-ms-transition:all .6s cubic-bezier(0.230,1.000,0.320,1.000);transition:all .6s cubic-bezier(0.230,1.000,0.320,1.000)}.jackbox-thumb-tip-text{white-space:nowrap;display:inline-block;text-transform:uppercase;-webkit-transition:width .6s cubic-bezier(0.230,1.000,0.320,1.000);-moz-transition:width .6s cubic-bezier(0.230,1.000,0.320,1.000);-o-transition:width .6s cubic-bezier(0.230,1.000,0.320,1.000);-ms-transition:width .6s cubic-bezier(0.230,1.000,0.320,1.000);transition:width .6s cubic-bezier(0.230,1.000,0.320,1.000)}@-webkit-keyframes rotator{from{-webkit-transform:rotate(0deg)}50%{-webkit-transform:rotate(180deg)}to{-webkit-transform:rotate(360deg)}}@-moz-keyframes rotator{from{-moz-transform:rotate(0deg)}50%{-moz-transform:rotate(180deg)}to{-moz-transform:rotate(360deg)}}@-o-keyframes rotator{from{-o-transform:rotate(0deg)}50%{-o-transform:rotate(180deg)}to{-o-transform:rotate(360deg)}}@-ms-keyframes rotator{from{-ms-transform:rotate(0deg)}50%{-ms-transform:rotate(180deg)}to{-ms-transform:rotate(360deg)}}@keyframes rotator{from{transform:rotate(0deg)}50%{transform:rotate(180deg)}to{transform:rotate(360deg)}}@media screen and (max-width:600px){.jackbox-panel,.jackbox-thumb-holder{display:none!important}.jackbox-show-thumbs,.jackbox-hide-thumbs{width:0;margin-left:0;overflow:hidden}}@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2/1),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx){.jackbox-arrow-left{background-image:url(../img/graphics/retina/left_arrow@2x.png)}.jackbox-arrow-right{background-image:url(../img/graphics/retina/right_arrow@2x.png)}.jackbox-info{background-image:url(../img/graphics/retina/info@2x.png)}.jackbox-show-thumbs{background-image:url(../img/graphics/retina/thumbs_show@2x.png)}.jackbox-hide-thumbs{background-image:url(../img/graphics/retina/thumbs_hide@2x.png)}.jackbox-close{background-image:url(../img/graphics/retina/exit@2x.png)}.jackbox-fs{background-image:url(../img/graphics/retina/fullscreen@2x.png)}.jackbox-ns{background-image:url(../img/graphics/retina/normalscreen@2x.png)}.jackbox-thumb-left{background-image:url(../img/graphics/retina/thumb_left@2x.png)}.jackbox-thumb-right{background-image:url(../img/graphics/retina/thumb_right@2x.png)}.jackbox-panel-left{background-image:url(../img/graphics/retina/panel_left@2x.png)}.jackbox-panel-right{background-image:url(../img/graphics/retina/panel_right@2x.png)}.jackbox-panel-left:hover{background-image:url(../img/graphics/retina/panel_left_over@2x.png)}.jackbox-panel-right:hover{background-image:url(../img/graphics/retina/panel_right_over@2x.png)}} .jackbox-hover{width:100%;height:100%;display:block;position:absolute;background-position:center 75%;background-repeat:no-repeat;background-size:45px 45px;opacity:0;-ms-filter:"alpha(opacity=0)";filter:alpha(opacity=0);-webkit-box-sizing:content-box;-moz-box-sizing:content-box;-o-box-sizing:content-box;-ms-box-sizing:content-box;box-sizing:content-box;-webkit-transition:all .6s cubic-bezier(0.230,1.000,0.320,1.000);-moz-transition:all .6s cubic-bezier(0.230,1.000,0.320,1.000);-o-transition:all .6s cubic-bezier(0.230,1.000,0.320,1.000);-ms-transition:all .6s cubic-bezier(0.230,1.000,0.320,1.000);transition:all .6s cubic-bezier(0.230,1.000,0.320,1.000)}.jackbox-hover *{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;-o-box-sizing:content-box;-ms-box-sizing:content-box;box-sizing:content-box}.jackbox-hover:visited{text-decoration:none!}.jackbox-hover-black{background-color:#000;background-color:rgba(0,0,0,0.65)}.jackbox-hover-white{background-color:#FFF;background-color:rgba(255,255,255,0.9)}.jackbox-hover-magnify{background-image:url(../img/graphics/hover_magnify.png)}.jackbox-hover-play{background-image:url(../img/graphics/hover_play.png)}.jackbox-hover-document{background-image:url(../img/graphics/hover_document.png)}.jackbox-hover-blur{background-color:#000;background-color:rgba(255,255,255,0.25)}.jackbox-canvas-blur{position:absolute;top:0;left:0;opacity:0;-ms-filter:"alpha(opacity=0)";filter:alpha(opacity=0);-webkit-transition:all .6s cubic-bezier(0.230,1.000,0.320,1.000);-moz-transition:all .6s cubic-bezier(0.230,1.000,0.320,1.000);-o-transition:all .6s cubic-bezier(0.230,1.000,0.320,1.000);-ms-transition:all .6s cubic-bezier(0.230,1.000,0.320,1.000);transition:all .6s cubic-bezier(0.230,1.000,0.320,1.000)}.jackbox:hover>.jackbox-hover{opacity:1;-ms-filter:"alpha(opacity=100)";filter:alpha(opacity=100);background-position:center center}.jackbox:hover>.jackbox-canvas-blur{opacity:1;-ms-filter:"alpha(opacity=100)";filter:alpha(opacity=100)}.jackbox>.jackbox-hover-black,.jackbox>.jackbox-hover-blur,.jackbox:visited>.jackbox-hover-black,.jackbox:visited>.jackbox-hover-blur{color:#EEE}.jackbox>.jackbox-hover-white,.jackbox:visited>.jackbox-hover-white{color:#333}.jackbox{font:14px "Mako",sans-serif;text-decoration:none;line-height:0}.jackbox-hover p{margin:0;text-align:left;padding:10px 10px 0 10px;line-height:normal}.jackbox-tooltip{position:absolute;display:inline-block;pointer-events:none;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;border:1px solid #FFF;border-bottom:0;background:#f5f5f5;background:-moz-linear-gradient(top,#f5f5f5 0,#e5e5e5 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#f5f5f5),color-stop(100%,#e5e5e5));background:-webkit-linear-gradient(top,#f5f5f5 0,#e5e5e5 100%);background:-o-linear-gradient(top,#f5f5f5 0,#e5e5e5 100%);background:-ms-linear-gradient(top,#f5f5f5 0,#e5e5e5 100%);background:linear-gradient(to bottom,#f5f5f5 0,#e5e5e5 100%);-moz-box-shadow:0 0 5px rgba(0,0,0,0.15);-webkit-box-shadow:0 0 5px rgba(0,0,0,0.15);box-shadow:0 0 5px rgba(0,0,0,0.15);-ms-filter:"alpha(opacity=0)";filter:alpha(opacity=0);opacity:0;-webkit-transition:all .6s cubic-bezier(0.230,1.000,0.320,1.000);-moz-transition:all .6s cubic-bezier(0.230,1.000,0.320,1.000);-o-transition:all .6s cubic-bezier(0.230,1.000,0.320,1.000);-ms-transition:all .6s cubic-bezier(0.230,1.000,0.320,1.000);transition:all .6s cubic-bezier(0.230,1.000,0.320,1.000)}.jackbox-tooltip p{font:14px "Mako",sans-serif;line-height:normal;white-space:nowrap;padding:6px 10px 7px 10px;margin:0;color:#444;text-shadow:1px 1px 0 #FFF}.jackbox-tooltip p:after{width:0;height:0;content:"";border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid #e5e5e5;position:absolute;bottom:-10px;left:65%}@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2/1),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx){.jackbox-hover-magnify{background-image:url(../img/graphics/retina/hover_magnify@2x.png)}.jackbox-hover-play{background-image:url(../img/graphics/retina/hover_play@2x.png)}.jackbox-hover-document{background-image:url(../img/graphics/retina/hover_document@2x.png)}} /*----------------------------------------------------------------------------- - Revolution Slider 4.1 Captions - Screen Stylesheet version: 1.4.5 date: 27/11/13 author: themepunch email: info@themepunch.com website: http://www.themepunch.com -----------------------------------------------------------------------------*/ /************************* - CAPTIONS - **************************/ .tp-hide-revslider,.tp-caption.tp-hidden-caption { visibility:hidden !important; display:none !important;} .tp-caption { z-index:1; white-space:nowrap} .tp-caption-demo .tp-caption { position:relative !important; display:inline-block; margin-bottom:10px; margin-right:20px !important;} .tp-caption.whitedivider3px { color: #000000; text-shadow: none; background-color: rgb(255, 255, 255); background-color: rgba(255, 255, 255, 1); text-decoration: none; min-width: 408px; min-height: 3px; background-position: initial initial; background-repeat: initial initial; border-width: 0px; border-color: #000000; border-style: none; } .tp-caption.finewide_large_white { color:#ffffff; text-shadow:none; font-size:60px; line-height:60px; font-weight:300; font-family:"Open Sans", sans-serif; background-color:transparent; text-decoration:none; text-transform:uppercase; letter-spacing:8px; border-width:0px; border-color:rgb(0, 0, 0); border-style:none; } .tp-caption.whitedivider3px { color:#000000; text-shadow:none; background-color:rgb(255, 255, 255); background-color:rgba(255, 255, 255, 1); text-decoration:none; font-size:0px; line-height:0; min-width:468px; min-height:3px; border-width:0px; border-color:rgb(0, 0, 0); border-style:none; } .tp-caption.finewide_medium_white { color:#ffffff; text-shadow:none; font-size:37px; line-height:37px; font-weight:300; font-family:"Open Sans", sans-serif; background-color:transparent; text-decoration:none; text-transform:uppercase; letter-spacing:5px; border-width:0px; border-color:rgb(0, 0, 0); border-style:none; } .tp-caption.boldwide_small_white { font-size:25px; line-height:25px; font-weight:800; font-family:"Open Sans", sans-serif; color:rgb(255, 255, 255); text-decoration:none; background-color:transparent; text-shadow:none; text-transform:uppercase; letter-spacing:5px; border-width:0px; border-color:rgb(0, 0, 0); border-style:none; } .tp-caption.whitedivider3px_vertical { color:#000000; text-shadow:none; background-color:rgb(255, 255, 255); background-color:rgba(255, 255, 255, 1); text-decoration:none; font-size:0px; line-height:0; min-width:3px; min-height:130px; border-width:0px; border-color:rgb(0, 0, 0); border-style:none; } .tp-caption.finewide_small_white { color:#ffffff; text-shadow:none; font-size:25px; line-height:25px; font-weight:300; font-family:"Open Sans", sans-serif; background-color:transparent; text-decoration:none; text-transform:uppercase; letter-spacing:5px; border-width:0px; border-color:rgb(0, 0, 0); border-style:none; } .tp-caption.finewide_verysmall_white_mw { font-size:13px; line-height:25px; font-weight:400; font-family:"Open Sans", sans-serif; color:#ffffff; text-decoration:none; background-color:transparent; text-shadow:none; text-transform:uppercase; letter-spacing:5px; max-width:470px; white-space:normal !important; border-width:0px; border-color:rgb(0, 0, 0); border-style:none; } .tp-caption.lightgrey_divider { text-decoration:none; background-color:rgb(235, 235, 235); background-color:rgba(235, 235, 235, 1); width:370px; height:3px; background-position:initial initial; background-repeat:initial initial; border-width:0px; border-color:rgb(34, 34, 34); border-style:none; } .tp-caption.finewide_large_white { color: #FFF; text-shadow: none; font-size: 60px; line-height: 60px; font-weight: 300; font-family: "Open Sans", sans-serif; background-color: rgba(0, 0, 0, 0); text-decoration: none; text-transform: uppercase; letter-spacing: 8px; border-width: 0px; border-color: #000; border-style: none; } .tp-caption.finewide_medium_white { color: #FFF; text-shadow: none; font-size: 34px; line-height: 34px; font-weight: 300; font-family: "Open Sans", sans-serif; background-color: rgba(0, 0, 0, 0); text-decoration: none; text-transform: uppercase; letter-spacing: 5px; border-width: 0px; border-color: #000; border-style: none; } .tp-caption.huge_red { position:absolute; color:rgb(223,75,107); font-weight:400; font-size:150px; line-height:130px; font-family: 'Oswald', sans-serif; margin:0px; border-width:0px; border-style:none; white-space:nowrap; background-color:rgb(45,49,54); padding:0px; } .tp-caption.middle_yellow { position:absolute; color:rgb(251,213,114); font-weight:600; font-size:50px; line-height:50px; font-family: 'Open Sans', sans-serif; margin:0px; border-width:0px; border-style:none; white-space:nowrap; } .tp-caption.huge_thin_yellow { position:absolute; color:rgb(251,213,114); font-weight:300; font-size:90px; line-height:90px; font-family: 'Open Sans', sans-serif; margin:0px; letter-spacing: 20px; border-width:0px; border-style:none; white-space:nowrap; } .tp-caption.big_dark { position:absolute; color:#333; font-weight:700; font-size:70px; line-height:70px; font-family:"Open Sans"; margin:0px; border-width:0px; border-style:none; white-space:nowrap; } .tp-caption.medium_dark { position:absolute; color:#333; font-weight:300; font-size:40px; line-height:40px; font-family:"Open Sans"; margin:0px; letter-spacing: 5px; border-width:0px; border-style:none; white-space:nowrap; } .tp-caption.medium_grey { position:absolute; color:#fff; text-shadow:0px 2px 5px rgba(0, 0, 0, 0.5); font-weight:700; font-size:20px; line-height:20px; font-family:Arial; padding:2px 4px; margin:0px; border-width:0px; border-style:none; background-color:#888; white-space:nowrap; } .tp-caption.small_text { position:absolute; color:#fff; text-shadow:0px 2px 5px rgba(0, 0, 0, 0.5); font-weight:700; font-size:14px; line-height:20px; font-family:Arial; margin:0px; border-width:0px; border-style:none; white-space:nowrap; } .tp-caption.medium_text { position:absolute; color:#fff; text-shadow:0px 2px 5px rgba(0, 0, 0, 0.5); font-weight:700; font-size:20px; line-height:20px; font-family:Arial; margin:0px; border-width:0px; border-style:none; white-space:nowrap; } .tp-caption.large_bold_white_25 { font-size:55px; line-height:65px; font-weight:700; font-family:"Open Sans"; color:#fff; text-decoration:none; background-color:transparent; text-align:center; text-shadow:#000 0px 5px 10px; border-width:0px; border-color:rgb(255, 255, 255); border-style:none; } .tp-caption.medium_text_shadow { font-size:25px; line-height:25px; font-weight:600; font-family:"Open Sans"; color:#fff; text-decoration:none; background-color:transparent; text-align:center; text-shadow:#000 0px 5px 10px; border-width:0px; border-color:rgb(255, 255, 255); border-style:none; } .tp-caption.large_text { position:absolute; color:#fff; text-shadow:0px 2px 5px rgba(0, 0, 0, 0.5); font-weight:700; font-size:40px; line-height:40px; font-family:Arial; margin:0px; border-width:0px; border-style:none; white-space:nowrap; } .tp-caption.medium_bold_grey { font-size:30px; line-height:30px; font-weight:800; font-family:"Open Sans"; color:rgb(102, 102, 102); text-decoration:none; background-color:transparent; text-shadow:none; margin:0px; padding:1px 4px 0px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.very_large_text { position:absolute; color:#fff; text-shadow:0px 2px 5px rgba(0, 0, 0, 0.5); font-weight:700; font-size:60px; line-height:60px; font-family:Arial; margin:0px; border-width:0px; border-style:none; white-space:nowrap; letter-spacing:-2px; } .tp-caption.very_big_white { position:absolute; color:#fff; text-shadow:none; font-weight:800; font-size:60px; line-height:60px; font-family:Arial; margin:0px; border-width:0px; border-style:none; white-space:nowrap; padding:0px 4px; padding-top:1px; background-color:#000; } .tp-caption.very_big_black { position:absolute; color:#000; text-shadow:none; font-weight:700; font-size:60px; line-height:60px; font-family:Arial; margin:0px; border-width:0px; border-style:none; white-space:nowrap; padding:0px 4px; padding-top:1px; background-color:#fff; } .tp-caption.modern_medium_fat { position:absolute; color:#000; text-shadow:none; font-weight:800; font-size:24px; line-height:20px; font-family:"Open Sans", sans-serif; margin:0px; border-width:0px; border-style:none; white-space:nowrap; } .tp-caption.modern_medium_fat_white { position:absolute; color:#fff; text-shadow:none; font-weight:800; font-size:24px; line-height:20px; font-family:"Open Sans", sans-serif; margin:0px; border-width:0px; border-style:none; white-space:nowrap; } .tp-caption.modern_medium_light { position:absolute; color:#000; text-shadow:none; font-weight:300; font-size:24px; line-height:20px; font-family:"Open Sans", sans-serif; margin:0px; border-width:0px; border-style:none; white-space:nowrap; } .tp-caption.modern_big_bluebg { position:absolute; color:#fff; text-shadow:none; font-weight:800; font-size:30px; line-height:36px; font-family:"Open Sans", sans-serif; padding:3px 10px; margin:0px; border-width:0px; border-style:none; background-color:#4e5b6c; letter-spacing:0; } .tp-caption.modern_big_redbg { position:absolute; color:#fff; text-shadow:none; font-weight:300; font-size:30px; line-height:36px; font-family:"Open Sans", sans-serif; padding:3px 10px; padding-top:1px; margin:0px; border-width:0px; border-style:none; background-color:#de543e; letter-spacing:0; } .tp-caption.modern_small_text_dark { position:absolute; color:#555; text-shadow:none; font-size:14px; line-height:22px; font-family:Arial; margin:0px; border-width:0px; border-style:none; white-space:nowrap; } .tp-caption.boxshadow { -moz-box-shadow:0px 0px 20px rgba(0, 0, 0, 0.5); -webkit-box-shadow:0px 0px 20px rgba(0, 0, 0, 0.5); box-shadow:0px 0px 20px rgba(0, 0, 0, 0.5); } .tp-caption.black { color:#000; text-shadow:none; } .tp-caption.noshadow { text-shadow:none; } .tp-caption a { /*color:#ff7302;*/ text-shadow:none; -webkit-transition:all 0.2s ease-out; -moz-transition:all 0.2s ease-out; -o-transition:all 0.2s ease-out; -ms-transition:all 0.2s ease-out; } .tp-caption a:hover { color:#ffa902; } .tp-caption.thinheadline_dark { position:absolute; color:rgba(0,0,0,0.85); text-shadow:none; font-weight:300; font-size:30px; line-height:30px; font-family:"Open Sans"; background-color:transparent; } .tp-caption.thintext_dark { position:absolute; color:rgba(0,0,0,0.85); text-shadow:none; font-weight:300; font-size:16px; line-height:26px; font-family:"Open Sans"; background-color:transparent; } .tp-caption.medium_bg_red a { color: #fff; text-decoration: none; } .tp-caption.medium_bg_red a:hover { color: #fff; text-decoration: underline; } .tp-caption.smoothcircle { font-size:30px; line-height:75px; font-weight:800; font-family:"Open Sans"; color:rgb(255, 255, 255); text-decoration:none; background-color:rgb(0, 0, 0); background-color:rgba(0, 0, 0, 0.498039); padding:50px 25px; text-align:center; border-radius:500px 500px 500px 500px; border-width:0px; border-color:rgb(0, 0, 0); border-style:none; } .tp-caption.largeblackbg { font-size:50px; line-height:70px; font-weight:300; font-family:"Open Sans"; color:rgb(255, 255, 255); text-decoration:none; background-color:rgb(0, 0, 0); padding:0px 20px 5px; text-shadow:none; border-width:0px; border-color:rgb(255, 255, 255); border-style:none; } .tp-caption.largepinkbg { position:absolute; color:#fff; text-shadow:none; font-weight:300; font-size:50px; line-height:70px; font-family:"Open Sans"; background-color:#db4360; padding:0px 20px; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px; } .tp-caption.largewhitebg { position:absolute; color:#000; text-shadow:none; font-weight:300; font-size:50px; line-height:70px; font-family:"Open Sans"; background-color:#fff; padding:0px 20px; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px; } .tp-caption.largegreenbg { position:absolute; color:#fff; text-shadow:none; font-weight:300; font-size:50px; line-height:70px; font-family:"Open Sans"; background-color:#67ae73; padding:0px 20px; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px; } .tp-caption.excerpt { font-size:36px; line-height:36px; font-weight:700; font-family:Arial; color:#ffffff; text-decoration:none; background-color:rgba(0, 0, 0, 1); text-shadow:none; margin:0px; letter-spacing:-1.5px; padding:1px 4px 0px 4px; width:150px; white-space:normal !important; height:auto; border-width:0px; border-color:rgb(255, 255, 255); border-style:none; } .tp-caption.large_bold_grey { font-size:60px; line-height:60px; font-weight:800; font-family:"Open Sans"; color:rgb(102, 102, 102); text-decoration:none; background-color:transparent; text-shadow:none; margin:0px; padding:1px 4px 0px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.medium_thin_grey { font-size:34px; line-height:30px; font-weight:300; font-family:"Open Sans"; color:rgb(102, 102, 102); text-decoration:none; background-color:transparent; padding:1px 4px 0px; text-shadow:none; margin:0px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.small_thin_grey { font-size:18px; line-height:26px; font-weight:300; font-family:"Open Sans"; color:rgb(117, 117, 117); text-decoration:none; background-color:transparent; padding:1px 4px 0px; text-shadow:none; margin:0px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.lightgrey_divider { text-decoration:none; background-color:rgba(235, 235, 235, 1); width:370px; height:3px; background-position:initial initial; background-repeat:initial initial; border-width:0px; border-color:rgb(34, 34, 34); border-style:none; } .tp-caption.large_bold_darkblue { font-size:58px; line-height:60px; font-weight:800; font-family:"Open Sans"; color:rgb(52, 73, 94); text-decoration:none; background-color:transparent; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.medium_bg_darkblue { font-size:20px; line-height:20px; font-weight:800; font-family:"Open Sans"; color:rgb(255, 255, 255); text-decoration:none; background-color:rgb(52, 73, 94); padding:10px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.medium_bold_red { font-size:24px; line-height:30px; font-weight:800; font-family:"Open Sans"; color:rgb(227, 58, 12); text-decoration:none; background-color:transparent; padding:0px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.medium_light_red { font-size:21px; line-height:26px; font-weight:300; font-family:"Open Sans"; color:rgb(227, 58, 12); text-decoration:none; background-color:transparent; padding:0px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.medium_bg_red { font-size:20px; line-height:20px; font-weight:800; font-family:"Open Sans"; color:rgb(255, 255, 255); text-decoration:none; background-color:rgb(227, 58, 12); padding:10px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.medium_bold_orange { font-size:24px; line-height:30px; font-weight:800; font-family:"Open Sans"; color:rgb(243, 156, 18); text-decoration:none; background-color:transparent; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.medium_bg_orange { font-size:20px; line-height:20px; font-weight:800; font-family:"Open Sans"; color:rgb(255, 255, 255); text-decoration:none; background-color:rgb(243, 156, 18); padding:10px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.grassfloor { text-decoration:none; background-color:rgba(160, 179, 151, 1); width:4000px; height:150px; border-width:0px; border-color:rgb(34, 34, 34); border-style:none; } .tp-caption.large_bold_white { font-size:58px; line-height:60px; font-weight:800; font-family:"Open Sans"; color:rgb(255, 255, 255); text-decoration:none; background-color:transparent; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.medium_light_white { font-size:30px; line-height:36px; font-weight:300; font-family:"Open Sans"; color:rgb(255, 255, 255); text-decoration:none; background-color:transparent; padding:0px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.mediumlarge_light_white { font-size:34px; line-height:40px; font-weight:300; font-family:"Open Sans"; color:rgb(255, 255, 255); text-decoration:none; background-color:transparent; padding:0px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.mediumlarge_light_white_center { font-size:34px; line-height:40px; font-weight:300; font-family:"Open Sans"; color:#ffffff; text-decoration:none; background-color:transparent; padding:0px 0px 0px 0px; text-align:center; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.medium_bg_asbestos { font-size:20px; line-height:20px; font-weight:800; font-family:"Open Sans"; color:rgb(255, 255, 255); text-decoration:none; background-color:rgb(127, 140, 141); padding:10px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.medium_light_black { font-size:30px; line-height:36px; font-weight:300; font-family:"Open Sans"; color:rgb(0, 0, 0); text-decoration:none; background-color:transparent; padding:0px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.large_bold_black { font-size:58px; line-height:60px; font-weight:800; font-family:"Open Sans"; color:rgb(0, 0, 0); text-decoration:none; background-color:transparent; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.mediumlarge_light_darkblue { font-size:34px; line-height:40px; font-weight:300; font-family:"Open Sans"; color:rgb(52, 73, 94); text-decoration:none; background-color:transparent; padding:0px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.small_light_white { font-size:17px; line-height:28px; font-weight:300; font-family:"Open Sans"; color:rgb(255, 255, 255); text-decoration:none; background-color:transparent; padding:0px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.roundedimage { border-width:0px; border-color:rgb(34, 34, 34); border-style:none; } .tp-caption.large_bg_black { font-size:40px; line-height:40px; font-weight:800; font-family:"Open Sans"; color:rgb(255, 255, 255); text-decoration:none; background-color:rgb(0, 0, 0); padding:10px 20px 15px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.mediumwhitebg { font-size:30px; line-height:30px; font-weight:300; font-family:"Open Sans"; color:rgb(0, 0, 0); text-decoration:none; background-color:rgb(255, 255, 255); padding:5px 15px 10px; text-shadow:none; border-width:0px; border-color:rgb(0, 0, 0); border-style:none; } .tp-caption.medium_bg_orange_new1 { font-size:20px; line-height:20px; font-weight:800; font-family:"Open Sans"; color:rgb(255, 255, 255); text-decoration:none; background-color:rgb(243, 156, 18); padding:10px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.boxshadow{ -moz-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5); box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5); } .tp-caption.black{ color: #000; text-shadow: none; font-weight: 300; font-size: 19px; line-height: 19px; font-family: 'Open Sans', sans; } .tp-caption.noshadow { text-shadow: none; } .tp_inner_padding { box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; max-height:none !important; } /*.tp-caption { transform:none !important}*/ /********************************* - SPECIAL TP CAPTIONS - **********************************/ .tp-caption .frontcorner { width: 0; height: 0; border-left: 40px solid transparent; border-right: 0px solid transparent; border-top: 40px solid #00A8FF; position: absolute;left:-40px;top:0px; } .tp-caption .backcorner { width: 0; height: 0; border-left: 0px solid transparent; border-right: 40px solid transparent; border-bottom: 40px solid #00A8FF; position: absolute;right:0px;top:0px; } .tp-caption .frontcornertop { width: 0; height: 0; border-left: 40px solid transparent; border-right: 0px solid transparent; border-bottom: 40px solid #00A8FF; position: absolute;left:-40px;top:0px; } .tp-caption .backcornertop { width: 0; height: 0; border-left: 0px solid transparent; border-right: 40px solid transparent; border-top: 40px solid #00A8FF; position: absolute;right:0px;top:0px; } /****************************** - BUTTONS - *******************************/ .tp-simpleresponsive .button { padding:6px 13px 5px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; height:30px; cursor:pointer; color:#fff !important; text-shadow:0px 1px 1px rgba(0, 0, 0, 0.6) !important; font-size:15px; line-height:45px !important; background:url(../images/gradient/g30.png) repeat-x top; font-family: arial, sans-serif; font-weight: bold; letter-spacing: -1px; } .tp-simpleresponsive .button.big { color:#fff; text-shadow:0px 1px 1px rgba(0, 0, 0, 0.6); font-weight:bold; padding:9px 20px; font-size:19px; line-height:57px !important; background:url(../images/gradient/g40.png) repeat-x top;} .tp-simpleresponsive .purchase:hover, .tp-simpleresponsive .button:hover, .tp-simpleresponsive .button.big:hover { background-position:bottom, 15px 11px;} @media only screen and (min-width: 768px) and (max-width: 959px) { } @media only screen and (min-width: 480px) and (max-width: 767px) { .tp-simpleresponsive .button { padding:4px 8px 3px; line-height:25px !important; font-size:11px !important;font-weight:normal; } .tp-simpleresponsive a.button { -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; } } @media only screen and (min-width: 0px) and (max-width: 479px) { .tp-simpleresponsive .button { padding:2px 5px 2px; line-height:20px !important; font-size:10px !important;} .tp-simpleresponsive a.button { -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; } } /* BUTTON COLORS */ .tp-simpleresponsive .button.green, .tp-simpleresponsive .button:hover.green, .tp-simpleresponsive .purchase.green, .tp-simpleresponsive .purchase:hover.green { background-color:#21a117; -webkit-box-shadow: 0px 3px 0px 0px #104d0b; -moz-box-shadow: 0px 3px 0px 0px #104d0b; box-shadow: 0px 3px 0px 0px #104d0b; } .tp-simpleresponsive .button.blue, .tp-simpleresponsive .button:hover.blue, .tp-simpleresponsive .purchase.blue, .tp-simpleresponsive .purchase:hover.blue { background-color:#1d78cb; -webkit-box-shadow: 0px 3px 0px 0px #0f3e68; -moz-box-shadow: 0px 3px 0px 0px #0f3e68; box-shadow: 0px 3px 0px 0px #0f3e68;} .tp-simpleresponsive .button.red, .tp-simpleresponsive .button:hover.red, .tp-simpleresponsive .purchase.red, .tp-simpleresponsive .purchase:hover.red { background-color:#cb1d1d; -webkit-box-shadow: 0px 3px 0px 0px #7c1212; -moz-box-shadow: 0px 3px 0px 0px #7c1212; box-shadow: 0px 3px 0px 0px #7c1212;} .tp-simpleresponsive .button.orange, .tp-simpleresponsive .button:hover.orange, .tp-simpleresponsive .purchase.orange, .tp-simpleresponsive .purchase:hover.orange { background-color:#ff7700; -webkit-box-shadow: 0px 3px 0px 0px #a34c00; -moz-box-shadow: 0px 3px 0px 0px #a34c00; box-shadow: 0px 3px 0px 0px #a34c00;} .tp-simpleresponsive .button.darkgrey, .tp-simpleresponsive .button.grey, .tp-simpleresponsive .button:hover.darkgrey, .tp-simpleresponsive .button:hover.grey, .tp-simpleresponsive .purchase.darkgrey, .tp-simpleresponsive .purchase:hover.darkgrey { background-color:#555; -webkit-box-shadow: 0px 3px 0px 0px #222; -moz-box-shadow: 0px 3px 0px 0px #222; box-shadow: 0px 3px 0px 0px #222;} .tp-simpleresponsive .button.lightgrey, .tp-simpleresponsive .button:hover.lightgrey, .tp-simpleresponsive .purchase.lightgrey, .tp-simpleresponsive .purchase:hover.lightgrey { background-color:#888; -webkit-box-shadow: 0px 3px 0px 0px #555; -moz-box-shadow: 0px 3px 0px 0px #555; box-shadow: 0px 3px 0px 0px #555;} /**************************************************************** - SET THE ANIMATION EVEN MORE SMOOTHER ON ANDROID - ******************************************************************/ /*.tp-simpleresponsive { -webkit-perspective: 1500px; -moz-perspective: 1500px; -o-perspective: 1500px; -ms-perspective: 1500px; perspective: 1500px; }*/ /********************************************** - FULLSCREEN AND FULLWIDHT CONTAINERS - **********************************************/ .fullscreen-container { width:100%; position:relative; padding:0; } .fullwidthbanner-container{ width:100%; position:relative; padding:0; overflow:hidden; } .fullwidthbanner-container .fullwidthbanner{ width:100%; position:relative; } /************************************************ - SOME CAPTION MODIFICATION AT START - *************************************************/ .tp-simpleresponsive .caption, .tp-simpleresponsive .tp-caption { /*-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; */ position:absolute;visibility: hidden; -webkit-font-smoothing: antialiased !important; } .tp-simpleresponsive img { max-width:none;} /****************************** - IE8 HACKS - *******************************/ .noFilterClass { filter:none !important; } /****************************** - SHADOWS - ******************************/ .tp-bannershadow { position:absolute; margin-left:auto; margin-right:auto; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -o-user-select: none; } .tp-bannershadow.tp-shadow1 { background:url(../assets/shadow1.png) no-repeat; background-size:100% 100%; width:890px; height:60px; bottom:-60px;} .tp-bannershadow.tp-shadow2 { background:url(../assets/shadow2.png) no-repeat; background-size:100% 100%; width:890px; height:60px;bottom:-60px;} .tp-bannershadow.tp-shadow3 { background:url(../assets/shadow3.png) no-repeat; background-size:100% 100%; width:890px; height:60px;bottom:-60px;} /******************************** - FULLSCREEN VIDEO - *********************************/ .caption.fullscreenvideo { left:0px; top:0px; position:absolute;width:100%;height:100%;} .caption.fullscreenvideo iframe, .caption.fullscreenvideo video { width:100% !important; height:100% !important; display: none} .tp-caption.fullscreenvideo { left:0px; top:0px; position:absolute;width:100%;height:100%;} .tp-caption.fullscreenvideo iframe, .tp-caption.fullscreenvideo iframe video { width:100% !important; height:100% !important; display: none;} .fullcoveredvideo video, .fullscreenvideo video { background: #000;} .fullcoveredvideo .tp-poster { background-position: center center;background-size: cover;width:100%;height:100%;top:0px;left:0px;} .html5vid.videoisplaying .tp-poster { display: none} .tp-video-play-button { background:#000; background:rgba(0,0,0,0.3); padding:5px; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px; position: absolute; top: 50%; left: 50%; font-size: 40px; color: #FFF; z-index: 3; margin-top: -27px; margin-left: -28px; text-align: center; cursor: pointer; } .html5vid .tp-revstop { width:6px;height:20px; border-left:5px solid #fff; border-right:5px solid #fff; position: relative;margin:10px 20px;} .html5vid .tp-revstop { display:none;} .html5vid.videoisplaying .revicon-right-dir { display:none} .html5vid.videoisplaying .tp-revstop { display:block} .html5vid.videoisplaying .tp-video-play-button { display:none} .html5vid:hover .tp-video-play-button { display:block} .fullcoveredvideo .tp-video-play-button { display:none !important} /******************************** - FULLSCREEN VIDEO ENDS - *********************************/ /******************************** - DOTTED OVERLAYS - *********************************/ .tp-dottedoverlay { background-repeat:repeat;width:100%;height:100%;position:absolute;top:0px;left:0px;z-index:1;} .tp-dottedoverlay.twoxtwo { background:url(../assets/gridtile.png)} .tp-dottedoverlay.twoxtwowhite { background:url(../assets/gridtile_white.png)} .tp-dottedoverlay.threexthree { background:url(../assets/gridtile_3x3.png)} .tp-dottedoverlay.threexthreewhite { background:url(../assets/gridtile_3x3_white.png)} /******************************** - DOTTED OVERLAYS ENDS - *********************************/ /************************ - NAVIGATION - *************************/ /** BULLETS **/ .tpclear { clear:both;} .tp-bullets { z-index:1000; position:absolute; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; -webkit-transition: opacity 0.2s ease-out; -moz-transition: opacity 0.2s ease-out; -o-transition: opacity 0.2s ease-out; -ms-transition: opacity 0.2s ease-out;-webkit-transform: translateZ(5px); } .tp-bullets.hidebullets { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; } .tp-bullets.simplebullets.navbar { border:1px solid #666; border-bottom:1px solid #444; background:url(../assets/boxed_bgtile.png); height:40px; padding:0px 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px ;} .tp-bullets.simplebullets.navbar-old { background:url(../assets/navigdots_bgtile.png); height:35px; padding:0px 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px ;} .tp-bullets.simplebullets.round .bullet { cursor:pointer; position:relative; background:url(../assets/bullet.png) no-Repeat top left; width:20px; height:20px; margin-right:0px; float:left; margin-top:0px; margin-left:3px;} .tp-bullets.simplebullets.round .bullet.last { margin-right:3px;} .tp-bullets.simplebullets.round-old .bullet { cursor:pointer; position:relative; background:url(../assets/bullets.png) no-Repeat bottom left; width:23px; height:23px; margin-right:0px; float:left; margin-top:0px;} .tp-bullets.simplebullets.round-old .bullet.last { margin-right:0px;} /** SQUARE BULLETS **/ .tp-bullets.simplebullets.square .bullet { cursor:pointer; position:relative; background:url(../assets/bullets2.png) no-Repeat bottom left; width:19px; height:19px; margin-right:0px; float:left; margin-top:0px;} .tp-bullets.simplebullets.square .bullet.last { margin-right:0px;} /** SQUARE BULLETS **/ .tp-bullets.simplebullets.square-old .bullet { cursor:pointer; position:relative; background:url(../assets/bullets2.png) no-Repeat bottom left; width:19px; height:19px; margin-right:0px; float:left; margin-top:0px;} .tp-bullets.simplebullets.square-old .bullet.last { margin-right:0px;} /** navbar NAVIGATION VERSION **/ .tp-bullets.simplebullets.navbar .bullet { cursor:pointer; position:relative; background:url(../assets/bullet_boxed.png) no-Repeat top left; width:18px; height:19px; margin-right:5px; float:left; margin-top:0px;} .tp-bullets.simplebullets.navbar .bullet.first { margin-left:0px !important;} .tp-bullets.simplebullets.navbar .bullet.last { margin-right:0px !important;} /** navbar NAVIGATION VERSION **/ .tp-bullets.simplebullets.navbar-old .bullet { cursor:pointer; position:relative; background:url(../assets/navigdots.png) no-Repeat bottom left; width:15px; height:15px; margin-left:5px !important; margin-right:5px !important;float:left; margin-top:10px;} .tp-bullets.simplebullets.navbar-old .bullet.first { margin-left:0px !important;} .tp-bullets.simplebullets.navbar-old .bullet.last { margin-right:0px !important;} .tp-bullets.simplebullets .bullet:hover, .tp-bullets.simplebullets .bullet.selected { background-position:top left; } .tp-bullets.simplebullets.round .bullet:hover, .tp-bullets.simplebullets.round .bullet.selected, .tp-bullets.simplebullets.navbar .bullet:hover, .tp-bullets.simplebullets.navbar .bullet.selected { background-position:bottom left; } /************************************* - TP ARROWS - **************************************/ .tparrows { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; -webkit-transition: opacity 0.2s ease-out; -moz-transition: opacity 0.2s ease-out; -o-transition: opacity 0.2s ease-out; -ms-transition: opacity 0.2s ease-out; -webkit-transform: translateZ(5000px); -webkit-transform-style: flat; -webkit-backface-visibility: hidden; z-index:600; position: relative; } .tparrows.hidearrows { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; } .tp-leftarrow { z-index:100;cursor:pointer; position:relative; background:url(../assets/large_left.png) no-Repeat top left; width:40px; height:40px; } .tp-rightarrow { z-index:100;cursor:pointer; position:relative; background:url(../assets/large_right.png) no-Repeat top left; width:40px; height:40px; } .tp-leftarrow.round { z-index:100;cursor:pointer; position:relative; background:url(../assets/small_left.png) no-Repeat top left; width:19px; height:14px; margin-right:0px; float:left; margin-top:0px; } .tp-rightarrow.round { z-index:100;cursor:pointer; position:relative; background:url(../assets/small_right.png) no-Repeat top left; width:19px; height:14px; margin-right:0px; float:left; margin-top:0px;} .tp-leftarrow.round-old { z-index:100;cursor:pointer; position:relative; background:url(../assets/arrow_left.png) no-Repeat top left; width:26px; height:26px; margin-right:0px; float:left; margin-top:0px; } .tp-rightarrow.round-old { z-index:100;cursor:pointer; position:relative; background:url(../assets/arrow_right.png) no-Repeat top left; width:26px; height:26px; margin-right:0px; float:left; margin-top:0px;} .tp-leftarrow.navbar { z-index:100;cursor:pointer; position:relative; background:url(../assets/small_left_boxed.png) no-Repeat top left; width:20px; height:15px; float:left; margin-right:6px; margin-top:12px;} .tp-rightarrow.navbar { z-index:100;cursor:pointer; position:relative; background:url(../assets/small_right_boxed.png) no-Repeat top left; width:20px; height:15px; float:left; margin-left:6px; margin-top:12px;} .tp-leftarrow.navbar-old { z-index:100;cursor:pointer; position:relative; background:url(../assets/arrowleft.png) no-Repeat top left; width:9px; height:16px; float:left; margin-right:6px; margin-top:10px;} .tp-rightarrow.navbar-old { z-index:100;cursor:pointer; position:relative; background:url(../assets/arrowright.png) no-Repeat top left; width:9px; height:16px; float:left; margin-left:6px; margin-top:10px;} .tp-leftarrow.navbar-old.thumbswitharrow { margin-right:10px; } .tp-rightarrow.navbar-old.thumbswitharrow { margin-left:0px; } .tp-leftarrow.square { z-index:100;cursor:pointer; position:relative; background:url(../assets/arrow_left2.png) no-Repeat top left; width:12px; height:17px; float:left; margin-right:0px; margin-top:0px;} .tp-rightarrow.square { z-index:100;cursor:pointer; position:relative; background:url(../assets/arrow_right2.png) no-Repeat top left; width:12px; height:17px; float:left; margin-left:0px; margin-top:0px;} .tp-leftarrow.square-old { z-index:100;cursor:pointer; position:relative; background:url(../assets/arrow_left2.png) no-Repeat top left; width:12px; height:17px; float:left; margin-right:0px; margin-top:0px;} .tp-rightarrow.square-old { z-index:100;cursor:pointer; position:relative; background:url(../assets/arrow_right2.png) no-Repeat top left; width:12px; height:17px; float:left; margin-left:0px; margin-top:0px;} .tp-leftarrow.default { z-index:100;cursor:pointer; position:relative; background:url(../assets/large_left.png) no-Repeat 0 0; width:40px; height:40px; } .tp-rightarrow.default { z-index:100;cursor:pointer; position:relative; background:url(../assets/large_right.png) no-Repeat 0 0; width:40px; height:40px; } .tp-leftarrow:hover, .tp-rightarrow:hover { background-position:bottom left; } /**************************************************************************************************** - TP THUMBS - ***************************************************************************************************** - tp-thumbs & tp-mask Width is the width of the basic Thumb Container (500px basic settings) - .bullet width & height is the dimension of a simple Thumbnail (basic 100px x 50px) *****************************************************************************************************/ .tp-bullets.tp-thumbs { z-index:1000; position:absolute; padding:3px;background-color:#fff; width:500px;height:50px; /* THE DIMENSIONS OF THE THUMB CONTAINER */ margin-top:-50px; } .fullwidthbanner-container .tp-thumbs { padding:3px;} .tp-bullets.tp-thumbs .tp-mask { width:500px; height:50px; /* THE DIMENSIONS OF THE THUMB CONTAINER */ overflow:hidden; position:relative;} .tp-bullets.tp-thumbs .tp-mask .tp-thumbcontainer { width:5000px; position:absolute;} .tp-bullets.tp-thumbs .bullet { width:100px; height:50px; /* THE DIMENSION OF A SINGLE THUMB */ cursor:pointer; overflow:hidden;background:none;margin:0;float:left; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /*filter: alpha(opacity=50); */ -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; } .tp-bullets.tp-thumbs .bullet:hover, .tp-bullets.tp-thumbs .bullet.selected { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } .tp-thumbs img { width:100%; } /************************************ - TP BANNER TIMER - *************************************/ .tp-bannertimer { width:100%; height:10px; background:url(../assets/timer.png);position:absolute; z-index:200;top:0px;} .tp-bannertimer.tp-bottom { bottom:0px;height:5px; top:auto;} /*************************************** - RESPONSIVE SETTINGS - ****************************************/ @media only screen and (min-width: 0px) and (max-width: 479px) { .responsive .tp-bullets { display:none} .responsive .tparrows { display:none;} } /********************************************* - BASIC SETTINGS FOR THE BANNER - ***********************************************/ .tp-simpleresponsive img { -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -o-user-select: none; } .tp-simpleresponsive a{ text-decoration:none;} .tp-simpleresponsive ul { list-style:none; padding:0; margin:0; } .tp-simpleresponsive >ul >li{ list-stye:none; position:absolute; visibility:hidden; } /* CAPTION SLIDELINK **/ .caption.slidelink a div, .tp-caption.slidelink a div { width:3000px; height:1500px; background:url(../assets/coloredbg.png) repeat;} /****************************** - LOADER FORMS - ********************************/ .tp-loader { top:50%; left:50%; z-index:10000; position:absolute; } .tp-loader.spinner0 { width: 40px; height: 40px; background:url(../assets/loader.gif) no-repeat center center; background-color: #fff; box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); margin-top:-20px; margin-left:-20px; -webkit-animation: tp-rotateplane 1.2s infinite ease-in-out; animation: tp-rotateplane 1.2s infinite ease-in-out; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .tp-loader.spinner1 { width: 40px; height: 40px; background-color: #fff; box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); margin-top:-20px; margin-left:-20px; -webkit-animation: tp-rotateplane 1.2s infinite ease-in-out; animation: tp-rotateplane 1.2s infinite ease-in-out; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .tp-loader.spinner5 { background:url(../assets/loader.gif) no-repeat 10px 10px; background-color:#fff; margin:-22px -22px; width:44px;height:44px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } @-webkit-keyframes tp-rotateplane { 0% { -webkit-transform: perspective(120px) } 50% { -webkit-transform: perspective(120px) rotateY(180deg) } 100% { -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg) } } @keyframes tp-rotateplane { 0% { transform: perspective(120px) rotateX(0deg) rotateY(0deg); -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg) } 50% { transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg) } 100% { transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); } } .tp-loader.spinner2 { width: 40px; height: 40px; margin-top:-20px;margin-left:-20px; background-color: #ff0000; box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); border-radius: 100%; -webkit-animation: tp-scaleout 1.0s infinite ease-in-out; animation: tp-scaleout 1.0s infinite ease-in-out; } @-webkit-keyframes tp-scaleout { 0% { -webkit-transform: scale(0.0) } 100% { -webkit-transform: scale(1.0); opacity: 0; } } @keyframes tp-scaleout { 0% { transform: scale(0.0); -webkit-transform: scale(0.0); } 100% { transform: scale(1.0); -webkit-transform: scale(1.0); opacity: 0; } } .tp-loader.spinner3 { margin: -9px 0px 0px -35px; width: 70px; text-align: center; } .tp-loader.spinner3 .bounce1, .tp-loader.spinner3 .bounce2, .tp-loader.spinner3 .bounce3 { width: 18px; height: 18px; background-color: #fff; box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); border-radius: 100%; display: inline-block; -webkit-animation: tp-bouncedelay 1.4s infinite ease-in-out; animation: tp-bouncedelay 1.4s infinite ease-in-out; /* Prevent first frame from flickering when animation starts */ -webkit-animation-fill-mode: both; animation-fill-mode: both; } .tp-loader.spinner3 .bounce1 { -webkit-animation-delay: -0.32s; animation-delay: -0.32s; } .tp-loader.spinner3 .bounce2 { -webkit-animation-delay: -0.16s; animation-delay: -0.16s; } @-webkit-keyframes tp-bouncedelay { 0%, 80%, 100% { -webkit-transform: scale(0.0) } 40% { -webkit-transform: scale(1.0) } } @keyframes tp-bouncedelay { 0%, 80%, 100% { transform: scale(0.0); -webkit-transform: scale(0.0); } 40% { transform: scale(1.0); -webkit-transform: scale(1.0); } } .tp-loader.spinner4 { margin: -20px 0px 0px -20px; width: 40px; height: 40px; text-align: center; -webkit-animation: tp-rotate 2.0s infinite linear; animation: tp-rotate 2.0s infinite linear; } .tp-loader.spinner4 .dot1, .tp-loader.spinner4 .dot2 { width: 60%; height: 60%; display: inline-block; position: absolute; top: 0; background-color: #fff; border-radius: 100%; -webkit-animation: tp-bounce 2.0s infinite ease-in-out; animation: tp-bounce 2.0s infinite ease-in-out; box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); } .tp-loader.spinner4 .dot2 { top: auto; bottom: 0px; -webkit-animation-delay: -1.0s; animation-delay: -1.0s; } @-webkit-keyframes tp-rotate { 100% { -webkit-transform: rotate(360deg) }} @keyframes tp-rotate { 100% { transform: rotate(360deg); -webkit-transform: rotate(360deg) }} @-webkit-keyframes tp-bounce { 0%, 100% { -webkit-transform: scale(0.0) } 50% { -webkit-transform: scale(1.0) } } @keyframes tp-bounce { 0%, 100% { transform: scale(0.0); -webkit-transform: scale(0.0); } 50% { transform: scale(1.0); -webkit-transform: scale(1.0); } } .tp-transparentimg { content:"url(../assets/transparent.png)"} .tp-3d { -webkit-transform-style: preserve-3d; -webkit-transform-origin: 50% 50%; } .tp-caption img { background: transparent; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF); zoom: 1; } @font-face { font-family: 'revicons'; src: url('../font/revicons.eot?5510888'); src: url('../font/revicons.eot?5510888#iefix') format('embedded-opentype'), url('../font/revicons.woff?5510888') format('woff'), url('../font/revicons.ttf?5510888') format('truetype'), url('../font/revicons.svg?5510888#revicons') format('svg'); font-weight: normal; font-style: normal; } /* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */ /* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */ /* @media screen and (-webkit-min-device-pixel-ratio:0) { @font-face { font-family: 'revicons'; src: url('../font/revicons.svg?5510888#revicons') format('svg'); } } */ [class^="revicon-"]:before, [class*=" revicon-"]:before { font-family: "revicons"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; /* opacity: .8; */ /* For safety - reset parent styles, that can break glyph codes*/ font-variant: normal; text-transform: none; /* fix buttons height, for twitter bootstrap */ line-height: 1em; /* Animation center compensation - margins should be symmetric */ /* remove if not needed */ margin-left: .2em; /* you can be more comfortable with increased icons size */ /* font-size: 120%; */ /* Uncomment for 3D effect */ /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ } .revicon-search-1:before { content: '\e802'; } /* '' */ .revicon-pencil-1:before { content: '\e831'; } /* '' */ .revicon-picture-1:before { content: '\e803'; } /* '' */ .revicon-cancel:before { content: '\e80a'; } /* '' */ .revicon-info-circled:before { content: '\e80f'; } /* '' */ .revicon-trash:before { content: '\e801'; } /* '' */ .revicon-left-dir:before { content: '\e817'; } /* '' */ .revicon-right-dir:before { content: '\e818'; } /* '' */ .revicon-down-open:before { content: '\e83b'; } /* '' */ .revicon-left-open:before { content: '\e819'; } /* '' */ .revicon-right-open:before { content: '\e81a'; } /* '' */ .revicon-angle-left:before { content: '\e820'; } /* '' */ .revicon-angle-right:before { content: '\e81d'; } /* '' */ .revicon-left-big:before { content: '\e81f'; } /* '' */ .revicon-right-big:before { content: '\e81e'; } /* '' */ .revicon-magic:before { content: '\e807'; } /* '' */ .revicon-picture:before { content: '\e800'; } /* '' */ .revicon-export:before { content: '\e80b'; } /* '' */ .revicon-cog:before { content: '\e832'; } /* '' */ .revicon-login:before { content: '\e833'; } /* '' */ .revicon-logout:before { content: '\e834'; } /* '' */ .revicon-video:before { content: '\e805'; } /* '' */ .revicon-arrow-combo:before { content: '\e827'; } /* '' */ .revicon-left-open-1:before { content: '\e82a'; } /* '' */ .revicon-right-open-1:before { content: '\e82b'; } /* '' */ .revicon-left-open-mini:before { content: '\e822'; } /* '' */ .revicon-right-open-mini:before { content: '\e823'; } /* '' */ .revicon-left-open-big:before { content: '\e824'; } /* '' */ .revicon-right-open-big:before { content: '\e825'; } /* '' */ .revicon-left:before { content: '\e836'; } /* '' */ .revicon-right:before { content: '\e826'; } /* '' */ .revicon-ccw:before { content: '\e808'; } /* '' */ .revicon-arrows-ccw:before { content: '\e806'; } /* '' */ .revicon-palette:before { content: '\e829'; } /* '' */ .revicon-list-add:before { content: '\e80c'; } /* '' */ .revicon-doc:before { content: '\e809'; } /* '' */ .revicon-left-open-outline:before { content: '\e82e'; } /* '' */ .revicon-left-open-2:before { content: '\e82c'; } /* '' */ .revicon-right-open-outline:before { content: '\e82f'; } /* '' */ .revicon-right-open-2:before { content: '\e82d'; } /* '' */ .revicon-equalizer:before { content: '\e83a'; } /* '' */ .revicon-layers-alt:before { content: '\e804'; } /* '' */ .revicon-popup:before { content: '\e828'; } /* '' */ .colorpicker { width: 356px; height: 176px; overflow: hidden; position: absolute; background: url(colorpicker/colorpicker_background.png); font-family: Arial, Helvetica, sans-serif; display: none; z-index:194; } .colorpicker_color { width: 150px; height: 150px; left: 14px; top: 13px; position: absolute; background: #f00; overflow: hidden; cursor: crosshair; } .colorpicker_color div { position: absolute; top: 0; left: 0; width: 150px; height: 150px; background: url(colorpicker/colorpicker_overlay.png); } .colorpicker_color div div { position: absolute; top: 0; left: 0; width: 11px; height: 11px; overflow: hidden; background: url(colorpicker/colorpicker_select.gif); margin: -5px 0 0 -5px; } .colorpicker_hue { position: absolute; top: 13px; left: 171px; width: 35px; height: 150px; cursor: n-resize; } .colorpicker_hue div { position: absolute; width: 35px; height: 9px; overflow: hidden; background: url(colorpicker/colorpicker_indic.gif) left top; margin: -4px 0 0 0; left: 0px; } .colorpicker_new_color { position: absolute; width: 60px; height: 30px; left: 213px; top: 13px; background: #f00; } .colorpicker_current_color { position: absolute; width: 60px; height: 30px; left: 283px; top: 13px; background: #f00; } .colorpicker input { background-color: transparent !important; border: 1px solid transparent !important; position: absolute !important; font-size: 10px !important; font-family: Arial, Helvetica, sans-serif !important; color: #898989 !important; top: 3px !important; right: 11px !important; text-align: right !important; margin: 0 !important; padding: 0 !important; height: 16px !important; line-height: 1; } .colorpicker_hex { position: absolute; width: 72px; height: 22px; background: url(colorpicker/colorpicker_hex.png) top; left: 212px; top: 142px; } .colorpicker_hex input { right: 6px !important; } .colorpicker_field { height: 22px !important; width: 62px !important; background-position: top !important; position: absolute !important; } .colorpicker_field span { position: absolute; width: 12px; height: 22px; overflow: hidden; top: 0; right: 0; cursor: n-resize; } .colorpicker_rgb_r { background-image: url(colorpicker/colorpicker_rgb_r.png); top: 52px; left: 212px; } .colorpicker_rgb_g { background-image: url(colorpicker/colorpicker_rgb_g.png); top: 82px; left: 212px; } .colorpicker_rgb_b { background-image: url(colorpicker/colorpicker_rgb_b.png); top: 112px; left: 212px; } .colorpicker_hsb_h { background-image: url(colorpicker/colorpicker_hsb_h.png); top: 52px; left: 282px; } .colorpicker_hsb_s { background-image: url(colorpicker/colorpicker_hsb_s.png); top: 82px; left: 282px; } .colorpicker_hsb_b { background-image: url(colorpicker/colorpicker_hsb_b.png); top: 112px; left: 282px; } .colorpicker_submit { position: absolute; width: 22px; height: 22px; background: url(colorpicker/colorpicker_submit.png) top; left: 322px; top: 142px; overflow: hidden; } .colorpicker_focus { background-position: center; } .colorpicker_hex.colorpicker_focus { background-position: bottom; } .colorpicker_submit.colorpicker_focus { background-position: bottom; } .colorpicker_slider { background-position: bottom; } /*! * Bootstrap v3.1.1 (http://getbootstrap.com) * Copyright 2011-2014 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */ /*/*! normalize.css v3.0.0 | MIT License | git.io/normalize */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:0.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace, monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{font-size:62.5%;-webkit-tap-highlight-color:rgba(0,0,0,0)}input,button,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}figure{margin:0}img{vertical-align:middle}.img-responsive{display:block;max-width:100%;height:auto}.img-rounded{border-radius:6px}.img-thumbnail{padding:4px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;display:inline-block;max-width:100%;height:auto}.img-circle{border-radius:50%}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.container{margin-right:auto;margin-left:auto;}.row:after{content:"";display:block;width:100%;height:0;clear:both;}@media (min-width:768px){.container{width:750px}}@media (min-width:992px){.container{width:970px}}@media (min-width:1200px){.container{width:1170px}}.container-fluid{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}.row{margin-left:-15px;margin-right:-15px}.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12{position:relative;min-height:1px;padding-left:15px;padding-right:15px}.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12{float:left}.col-xs-12{width:100%}.col-xs-11{width:91.66666667%}.col-xs-10{width:83.33333333%}.col-xs-9{width:75%}.col-xs-8{width:66.66666667%}.col-xs-7{width:58.33333333%}.col-xs-6{width:50%}.col-xs-5{width:41.66666667%}.col-xs-4{width:33.33333333%}.col-xs-3{width:25%}.col-xs-2{width:16.66666667%}.col-xs-1{width:8.33333333%}.col-xs-pull-12{right:100%}.col-xs-pull-11{right:91.66666667%}.col-xs-pull-10{right:83.33333333%}.col-xs-pull-9{right:75%}.col-xs-pull-8{right:66.66666667%}.col-xs-pull-7{right:58.33333333%}.col-xs-pull-6{right:50%}.col-xs-pull-5{right:41.66666667%}.col-xs-pull-4{right:33.33333333%}.col-xs-pull-3{right:25%}.col-xs-pull-2{right:16.66666667%}.col-xs-pull-1{right:8.33333333%}.col-xs-pull-0{right:0}.col-xs-push-12{left:100%}.col-xs-push-11{left:91.66666667%}.col-xs-push-10{left:83.33333333%}.col-xs-push-9{left:75%}.col-xs-push-8{left:66.66666667%}.col-xs-push-7{left:58.33333333%}.col-xs-push-6{left:50%}.col-xs-push-5{left:41.66666667%}.col-xs-push-4{left:33.33333333%}.col-xs-push-3{left:25%}.col-xs-push-2{left:16.66666667%}.col-xs-push-1{left:8.33333333%}.col-xs-push-0{left:0}.col-xs-offset-12{margin-left:100%}.col-xs-offset-11{margin-left:91.66666667%}.col-xs-offset-10{margin-left:83.33333333%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-8{margin-left:66.66666667%}.col-xs-offset-7{margin-left:58.33333333%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-5{margin-left:41.66666667%}.col-xs-offset-4{margin-left:33.33333333%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-2{margin-left:16.66666667%}.col-xs-offset-1{margin-left:8.33333333%}.col-xs-offset-0{margin-left:0}@media (min-width:768px){.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12{float:left}.col-sm-12{width:100%}.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%}.col-sm-pull-12{right:100%}.col-sm-pull-11{right:91.66666667%}.col-sm-pull-10{right:83.33333333%}.col-sm-pull-9{right:75%}.col-sm-pull-8{right:66.66666667%}.col-sm-pull-7{right:58.33333333%}.col-sm-pull-6{right:50%}.col-sm-pull-5{right:41.66666667%}.col-sm-pull-4{right:33.33333333%}.col-sm-pull-3{right:25%}.col-sm-pull-2{right:16.66666667%}.col-sm-pull-1{right:8.33333333%}.col-sm-pull-0{right:0}.col-sm-push-12{left:100%}.col-sm-push-11{left:91.66666667%}.col-sm-push-10{left:83.33333333%}.col-sm-push-9{left:75%}.col-sm-push-8{left:66.66666667%}.col-sm-push-7{left:58.33333333%}.col-sm-push-6{left:50%}.col-sm-push-5{left:41.66666667%}.col-sm-push-4{left:33.33333333%}.col-sm-push-3{left:25%}.col-sm-push-2{left:16.66666667%}.col-sm-push-1{left:8.33333333%}.col-sm-push-0{left:0}.col-sm-offset-12{margin-left:100%}.col-sm-offset-11{margin-left:91.66666667%}.col-sm-offset-10{margin-left:83.33333333%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-8{margin-left:66.66666667%}.col-sm-offset-7{margin-left:58.33333333%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-5{margin-left:41.66666667%}.col-sm-offset-4{margin-left:33.33333333%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-2{margin-left:16.66666667%}.col-sm-offset-1{margin-left:8.33333333%}.col-sm-offset-0{margin-left:0}}@media (min-width:992px){.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12{float:left}.col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:25%}.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%}.col-md-pull-12{right:100%}.col-md-pull-11{right:91.66666667%}.col-md-pull-10{right:83.33333333%}.col-md-pull-9{right:75%}.col-md-pull-8{right:66.66666667%}.col-md-pull-7{right:58.33333333%}.col-md-pull-6{right:50%}.col-md-pull-5{right:41.66666667%}.col-md-pull-4{right:33.33333333%}.col-md-pull-3{right:25%}.col-md-pull-2{right:16.66666667%}.col-md-pull-1{right:8.33333333%}.col-md-pull-0{right:0}.col-md-push-12{left:100%}.col-md-push-11{left:91.66666667%}.col-md-push-10{left:83.33333333%}.col-md-push-9{left:75%}.col-md-push-8{left:66.66666667%}.col-md-push-7{left:58.33333333%}.col-md-push-6{left:50%}.col-md-push-5{left:41.66666667%}.col-md-push-4{left:33.33333333%}.col-md-push-3{left:25%}.col-md-push-2{left:16.66666667%}.col-md-push-1{left:8.33333333%}.col-md-push-0{left:0}.col-md-offset-12{margin-left:100%}.col-md-offset-11{margin-left:91.66666667%}.col-md-offset-10{margin-left:83.33333333%}.col-md-offset-9{margin-left:75%}.col-md-offset-8{margin-left:66.66666667%}.col-md-offset-7{margin-left:58.33333333%}.col-md-offset-6{margin-left:50%}.col-md-offset-5{margin-left:41.66666667%}.col-md-offset-4{margin-left:33.33333333%}.col-md-offset-3{margin-left:25%}.col-md-offset-2{margin-left:16.66666667%}.col-md-offset-1{margin-left:8.33333333%}.col-md-offset-0{margin-left:0}}@media (min-width:1200px){.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12{float:left}.col-lg-12{width:100%}.col-lg-11{width:91.66666667%}.col-lg-10{width:83.33333333%}.col-lg-9{width:75%}.col-lg-8{width:66.66666667%}.col-lg-7{width:58.33333333%}.col-lg-6{width:50%}.col-lg-5{width:41.66666667%}.col-lg-4{width:33.33333333%}.col-lg-3{width:25%}.col-lg-2{width:16.66666667%}.col-lg-1{width:8.33333333%}.col-lg-pull-12{right:100%}.col-lg-pull-11{right:91.66666667%}.col-lg-pull-10{right:83.33333333%}.col-lg-pull-9{right:75%}.col-lg-pull-8{right:66.66666667%}.col-lg-pull-7{right:58.33333333%}.col-lg-pull-6{right:50%}.col-lg-pull-5{right:41.66666667%}.col-lg-pull-4{right:33.33333333%}.col-lg-pull-3{right:25%}.col-lg-pull-2{right:16.66666667%}.col-lg-pull-1{right:8.33333333%}.col-lg-pull-0{right:0}.col-lg-push-12{left:100%}.col-lg-push-11{left:91.66666667%}.col-lg-push-10{left:83.33333333%}.col-lg-push-9{left:75%}.col-lg-push-8{left:66.66666667%}.col-lg-push-7{left:58.33333333%}.col-lg-push-6{left:50%}.col-lg-push-5{left:41.66666667%}.col-lg-push-4{left:33.33333333%}.col-lg-push-3{left:25%}.col-lg-push-2{left:16.66666667%}.col-lg-push-1{left:8.33333333%}.col-lg-push-0{left:0}.col-lg-offset-12{margin-left:100%}.col-lg-offset-11{margin-left:91.66666667%}.col-lg-offset-10{margin-left:83.33333333%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-8{margin-left:66.66666667%}.col-lg-offset-7{margin-left:58.33333333%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-5{margin-left:41.66666667%}.col-lg-offset-4{margin-left:33.33333333%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-2{margin-left:16.66666667%}.col-lg-offset-1{margin-left:8.33333333%}.col-lg-offset-0{margin-left:0}}*/ /* Animate.css - http: //daneden.me/animate Licensed under the MIT license Copyright (c) 2013 Daniel Eden Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. */ .appear-animation { opacity: 0; } .appear-animation-visible { opacity: 1; } .animated, .appear-animation { -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -ms-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; } @-moz-keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } @-o-keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { -webkit-animation-name: flash; -moz-animation-name: flash; -o-animation-name: flash; animation-name: flash; } @-webkit-keyframes shake { 0%, 100% { -webkit-transform: translateX(0); opacity: 1; } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translateX(-10px); } 20%, 40%, 60%, 80% { -webkit-transform: translateX(10px); } } @-moz-keyframes shake { 0%, 100% { -moz-transform: translateX(0); opacity: 1; } 10%, 30%, 50%, 70%, 90% { -moz-transform: translateX(-10px); } 20%, 40%, 60%, 80% { -moz-transform: translateX(10px); } } @-o-keyframes shake { 0%, 100% { -o-transform: translateX(0); opacity: 1; } 10%, 30%, 50%, 70%, 90% { -o-transform: translateX(-10px); } 20%, 40%, 60%, 80% { -o-transform: translateX(10px); } } @keyframes shake { 0%, 100% { transform: translateX(0); opacity: 1; } 10%, 30%, 50%, 70%, 90% { transform: translateX(-10px); } 20%, 40%, 60%, 80% { transform: translateX(10px); } } .shake { -webkit-animation-name: shake; -moz-animation-name: shake; -o-animation-name: shake; animation-name: shake; } @-webkit-keyframes bounce { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); opacity: 1; } 40% { -webkit-transform: translateY(-30px); } 60% { -webkit-transform: translateY(-15px); } } @-moz-keyframes bounce { 0%, 20%, 50%, 80%, 100% { -moz-transform: translateY(0); opacity: 1; } 40% { -moz-transform: translateY(-30px); } 60% { -moz-transform: translateY(-15px); } } @-o-keyframes bounce { 0%, 20%, 50%, 80%, 100% { -o-transform: translateY(0); opacity: 1; } 40% { -o-transform: translateY(-30px); } 60% { -o-transform: translateY(-15px); } } @keyframes bounce { 0%, 20%, 50%, 80%, 100% { transform: translateY(0); opacity: 1; } 40% { transform: translateY(-30px); } 60% { transform: translateY(-15px); } } .bounce { -webkit-animation-name: bounce; -moz-animation-name: bounce; -o-animation-name: bounce; animation-name: bounce; } @-webkit-keyframes tada { 0% { -webkit-transform: scale(1); } 10%, 20% { -webkit-transform: scale(0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale(1.1) rotate(3deg); } 40%, 60%, 80% { -webkit-transform: scale(1.1) rotate(-3deg); } 100% { -webkit-transform: scale(1) rotate(0); opacity: 1; } } @-moz-keyframes tada { 0% { -moz-transform: scale(1); } 10%, 20% { -moz-transform: scale(0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { -moz-transform: scale(1.1) rotate(3deg); } 40%, 60%, 80% { -moz-transform: scale(1.1) rotate(-3deg); } 100% { -moz-transform: scale(1) rotate(0); opacity: 1; } } @-o-keyframes tada { 0% { -o-transform: scale(1); } 10%, 20% { -o-transform: scale(0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { -o-transform: scale(1.1) rotate(3deg); } 40%, 60%, 80% { -o-transform: scale(1.1) rotate(-3deg); } 100% { -o-transform: scale(1) rotate(0); opacity: 1; } } @keyframes tada { 0% { transform: scale(1); } 10%, 20% { transform: scale(0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { transform: scale(1.1) rotate(3deg); } 40%, 60%, 80% { transform: scale(1.1) rotate(-3deg); } 100% { transform: scale(1) rotate(0); opacity: 1; } } .tada { -webkit-animation-name: tada; -moz-animation-name: tada; -o-animation-name: tada; animation-name: tada; } @-webkit-keyframes swing { 20%, 40%, 60%, 80%, 100% { -webkit-transform-origin: top center; } 20% { -webkit-transform: rotate(15deg); } 40% { -webkit-transform: rotate(-10deg); } 60% { -webkit-transform: rotate(5deg); } 80% { -webkit-transform: rotate(-5deg); } 100% { -webkit-transform: rotate(0deg); opacity: 1; } } @-moz-keyframes swing { 20% { -moz-transform: rotate(15deg); } 40% { -moz-transform: rotate(-10deg); } 60% { -moz-transform: rotate(5deg); } 80% { -moz-transform: rotate(-5deg); } 100% { -moz-transform: rotate(0deg); opacity: 1; } } @-o-keyframes swing { 20% { -o-transform: rotate(15deg); } 40% { -o-transform: rotate(-10deg); } 60% { -o-transform: rotate(5deg); } 80% { -o-transform: rotate(-5deg); } 100% { -o-transform: rotate(0deg); opacity: 1; } } @keyframes swing { 20% { transform: rotate(15deg); } 40% { transform: rotate(-10deg); } 60% { transform: rotate(5deg); } 80% { transform: rotate(-5deg); } 100% { transform: rotate(0deg); opacity: 1; } } .swing { -webkit-transform-origin: top center; -moz-transform-origin: top center; -o-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; -moz-animation-name: swing; -o-animation-name: swing; animation-name: swing; } /* originally authored by Nick Pettit - https: //github.com/nickpettit/glide */ @-webkit-keyframes wobble { 0% { -webkit-transform: translateX(0%); } 15% { -webkit-transform: translateX(-25%) rotate(-5deg); } 30% { -webkit-transform: translateX(20%) rotate(3deg); } 45% { -webkit-transform: translateX(-15%) rotate(-3deg); } 60% { -webkit-transform: translateX(10%) rotate(2deg); } 75% { -webkit-transform: translateX(-5%) rotate(-1deg); } 100% { -webkit-transform: translateX(0%); opacity: 1; } } @-moz-keyframes wobble { 0% { -moz-transform: translateX(0%); } 15% { -moz-transform: translateX(-25%) rotate(-5deg); } 30% { -moz-transform: translateX(20%) rotate(3deg); } 45% { -moz-transform: translateX(-15%) rotate(-3deg); } 60% { -moz-transform: translateX(10%) rotate(2deg); } 75% { -moz-transform: translateX(-5%) rotate(-1deg); } 100% { -moz-transform: translateX(0%); opacity: 1; } } @-o-keyframes wobble { 0% { -o-transform: translateX(0%); } 15% { -o-transform: translateX(-25%) rotate(-5deg); } 30% { -o-transform: translateX(20%) rotate(3deg); } 45% { -o-transform: translateX(-15%) rotate(-3deg); } 60% { -o-transform: translateX(10%) rotate(2deg); } 75% { -o-transform: translateX(-5%) rotate(-1deg); } 100% { -o-transform: translateX(0%); opacity: 1; } } @keyframes wobble { 0% { transform: translateX(0%); } 15% { transform: translateX(-25%) rotate(-5deg); } 30% { transform: translateX(20%) rotate(3deg); } 45% { transform: translateX(-15%) rotate(-3deg); } 60% { transform: translateX(10%) rotate(2deg); } 75% { transform: translateX(-5%) rotate(-1deg); } 100% { transform: translateX(0%); opacity: 1; } } .wobble { -webkit-animation-name: wobble; -moz-animation-name: wobble; -o-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes wiggle { 0% { -webkit-transform: skewX(9deg); } 10% { -webkit-transform: skewX(-8deg); } 20% { -webkit-transform: skewX(7deg); } 30% { -webkit-transform: skewX(-6deg); } 40% { -webkit-transform: skewX(5deg); } 50% { -webkit-transform: skewX(-4deg); } 60% { -webkit-transform: skewX(3deg); } 70% { -webkit-transform: skewX(-2deg); } 80% { -webkit-transform: skewX(1deg); } 90% { -webkit-transform: skewX(0deg); } 100% { -webkit-transform: skewX(0deg); opacity: 1; } } @-moz-keyframes wiggle { 0% { -moz-transform: skewX(9deg); } 10% { -moz-transform: skewX(-8deg); } 20% { -moz-transform: skewX(7deg); } 30% { -moz-transform: skewX(-6deg); } 40% { -moz-transform: skewX(5deg); } 50% { -moz-transform: skewX(-4deg); } 60% { -moz-transform: skewX(3deg); } 70% { -moz-transform: skewX(-2deg); } 80% { -moz-transform: skewX(1deg); } 90% { -moz-transform: skewX(0deg); } 100% { -moz-transform: skewX(0deg); opacity: 1; } } @-o-keyframes wiggle { 0% { -o-transform: skewX(9deg); } 10% { -o-transform: skewX(-8deg); } 20% { -o-transform: skewX(7deg); } 30% { -o-transform: skewX(-6deg); } 40% { -o-transform: skewX(5deg); } 50% { -o-transform: skewX(-4deg); } 60% { -o-transform: skewX(3deg); } 70% { -o-transform: skewX(-2deg); } 80% { -o-transform: skewX(1deg); } 90% { -o-transform: skewX(0deg); } 100% { -o-transform: skewX(0deg); opacity: 1; } } @keyframes wiggle { 0% { transform: skewX(9deg); } 10% { transform: skewX(-8deg); } 20% { transform: skewX(7deg); } 30% { transform: skewX(-6deg); } 40% { transform: skewX(5deg); } 50% { transform: skewX(-4deg); } 60% { transform: skewX(3deg); } 70% { transform: skewX(-2deg); } 80% { transform: skewX(1deg); } 90% { transform: skewX(0deg); } 100% { transform: skewX(0deg); opacity: 1; } } .wiggle { -webkit-animation-name: wiggle; -moz-animation-name: wiggle; -o-animation-name: wiggle; animation-name: wiggle; -webkit-animation-timing-function: ease-in; -moz-animation-timing-function: ease-in; -o-animation-timing-function: ease-in; animation-timing-function: ease-in; } /* originally authored by Nick Pettit - https: //github.com/nickpettit/glide */ @-webkit-keyframes pulse { 0% { -webkit-transform: scale(1); } 50% { -webkit-transform: scale(1.1); } 100% { -webkit-transform: scale(1); opacity: 1; } } @-moz-keyframes pulse { 0% { -moz-transform: scale(1); } 50% { -moz-transform: scale(1.1); } 100% { -moz-transform: scale(1); opacity: 1; } } @-o-keyframes pulse { 0% { -o-transform: scale(1); } 50% { -o-transform: scale(1.1); } 100% { -o-transform: scale(1); opacity: 1; } } @keyframes pulse { 0% { transform: scale(1); } 50% { transform: scale(1.1); } 100% { transform: scale(1); opacity: 1; } } .pulse { -webkit-animation-name: pulse; -moz-animation-name: pulse; -o-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @-moz-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @-o-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; -moz-animation-name: fadeIn; -o-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @-moz-keyframes fadeInUp { 0% { opacity: 0; -moz-transform: translateY(20px); } 100% { opacity: 1; -moz-transform: translateY(0); } } @-o-keyframes fadeInUp { 0% { opacity: 0; -o-transform: translateY(20px); } 100% { opacity: 1; -o-transform: translateY(0); } } @keyframes fadeInUp { 0% { opacity: 0; transform: translateY(20px); } 100% { opacity: 1; transform: translateY(0); } } .fadeInUp { -webkit-animation-name: fadeInUp; -moz-animation-name: fadeInUp; -o-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @-moz-keyframes fadeInDown { 0% { opacity: 0; -moz-transform: translateY(-20px); } 100% { opacity: 1; -moz-transform: translateY(0); } } @-o-keyframes fadeInDown { 0% { opacity: 0; -o-transform: translateY(-20px); } 100% { opacity: 1; -o-transform: translateY(0); } } @keyframes fadeInDown { 0% { opacity: 0; transform: translateY(-20px); } 100% { opacity: 1; transform: translateY(0); } } .fadeInDown { -webkit-animation-name: fadeInDown; -moz-animation-name: fadeInDown; -o-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-20px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @-moz-keyframes fadeInLeft { 0% { opacity: 0; -moz-transform: translateX(-20px); } 100% { opacity: 1; -moz-transform: translateX(0); } } @-o-keyframes fadeInLeft { 0% { opacity: 0; -o-transform: translateX(-20px); } 100% { opacity: 1; -o-transform: translateX(0); } } @keyframes fadeInLeft { 0% { opacity: 0; transform: translateX(-20px); } 100% { opacity: 1; transform: translateX(0); } } .fadeInLeft { -webkit-animation-name: fadeInLeft; -moz-animation-name: fadeInLeft; -o-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @-moz-keyframes fadeInRight { 0% { opacity: 0; -moz-transform: translateX(20px); } 100% { opacity: 1; -moz-transform: translateX(0); } } @-o-keyframes fadeInRight { 0% { opacity: 0; -o-transform: translateX(20px); } 100% { opacity: 1; -o-transform: translateX(0); } } @keyframes fadeInRight { 0% { opacity: 0; transform: translateX(20px); } 100% { opacity: 1; transform: translateX(0); } } .fadeInRight { -webkit-animation-name: fadeInRight; -moz-animation-name: fadeInRight; -o-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translateY(2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @-moz-keyframes fadeInUpBig { 0% { opacity: 0; -moz-transform: translateY(2000px); } 100% { opacity: 1; -moz-transform: translateY(0); } } @-o-keyframes fadeInUpBig { 0% { opacity: 0; -o-transform: translateY(2000px); } 100% { opacity: 1; -o-transform: translateY(0); } } @keyframes fadeInUpBig { 0% { opacity: 0; transform: translateY(2000px); } 100% { opacity: 1; transform: translateY(0); } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; -moz-animation-name: fadeInUpBig; -o-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translateY(-2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @-moz-keyframes fadeInDownBig { 0% { opacity: 0; -moz-transform: translateY(-2000px); } 100% { opacity: 1; -moz-transform: translateY(0); } } @-o-keyframes fadeInDownBig { 0% { opacity: 0; -o-transform: translateY(-2000px); } 100% { opacity: 1; -o-transform: translateY(0); } } @keyframes fadeInDownBig { 0% { opacity: 0; transform: translateY(-2000px); } 100% { opacity: 1; transform: translateY(0); } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; -moz-animation-name: fadeInDownBig; -o-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translateX(-2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @-moz-keyframes fadeInLeftBig { 0% { opacity: 0; -moz-transform: translateX(-2000px); } 100% { opacity: 1; -moz-transform: translateX(0); } } @-o-keyframes fadeInLeftBig { 0% { opacity: 0; -o-transform: translateX(-2000px); } 100% { opacity: 1; -o-transform: translateX(0); } } @keyframes fadeInLeftBig { 0% { opacity: 0; transform: translateX(-2000px); } 100% { opacity: 1; transform: translateX(0); } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; -moz-animation-name: fadeInLeftBig; -o-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translateX(2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @-moz-keyframes fadeInRightBig { 0% { opacity: 0; -moz-transform: translateX(2000px); } 100% { opacity: 1; -moz-transform: translateX(0); } } @-o-keyframes fadeInRightBig { 0% { opacity: 0; -o-transform: translateX(2000px); } 100% { opacity: 1; -o-transform: translateX(0); } } @keyframes fadeInRightBig { 0% { opacity: 0; transform: translateX(2000px); } 100% { opacity: 1; transform: translateX(0); } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; -moz-animation-name: fadeInRightBig; -o-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(0.3); } 50% { opacity: 1; -webkit-transform: scale(1.05); } 70% { -webkit-transform: scale(0.9); } 100% { -webkit-transform: scale(1); opacity: 1; } } @-moz-keyframes bounceIn { 0% { opacity: 0; -moz-transform: scale(0.3); } 50% { opacity: 1; -moz-transform: scale(1.05); } 70% { -moz-transform: scale(0.9); } 100% { -moz-transform: scale(1); opacity: 1; } } @-o-keyframes bounceIn { 0% { opacity: 0; -o-transform: scale(0.3); } 50% { opacity: 1; -o-transform: scale(1.05); } 70% { -o-transform: scale(0.9); } 100% { -o-transform: scale(1); opacity: 1; } } @keyframes bounceIn { 0% { opacity: 0; transform: scale(0.3); } 50% { opacity: 1; transform: scale(1.05); } 70% { transform: scale(0.9); } 100% { transform: scale(1); opacity: 1; } } .bounceIn { -webkit-animation-name: bounceIn; -moz-animation-name: bounceIn; -o-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInUp { 0% { opacity: 0; -webkit-transform: translateY(2000px); } 60% { opacity: 1; -webkit-transform: translateY(-30px); } 80% { -webkit-transform: translateY(10px); } 100% { -webkit-transform: translateY(0); opacity: 1; } } @-moz-keyframes bounceInUp { 0% { opacity: 0; -moz-transform: translateY(2000px); } 60% { opacity: 1; -moz-transform: translateY(-30px); } 80% { -moz-transform: translateY(10px); } 100% { -moz-transform: translateY(0); opacity: 1; } } @-o-keyframes bounceInUp { 0% { opacity: 0; -o-transform: translateY(2000px); } 60% { opacity: 1; -o-transform: translateY(-30px); } 80% { -o-transform: translateY(10px); } 100% { -o-transform: translateY(0); opacity: 1; } } @keyframes bounceInUp { 0% { opacity: 0; transform: translateY(2000px); } 60% { opacity: 1; transform: translateY(-30px); } 80% { transform: translateY(10px); } 100% { transform: translateY(0); opacity: 1; } } .bounceInUp { -webkit-animation-name: bounceInUp; -moz-animation-name: bounceInUp; -o-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); } 60% { opacity: 1; -webkit-transform: translateY(30px); } 80% { -webkit-transform: translateY(-10px); } 100% { -webkit-transform: translateY(0); opacity: 1; } } @-moz-keyframes bounceInDown { 0% { opacity: 0; -moz-transform: translateY(-2000px); } 60% { opacity: 1; -moz-transform: translateY(30px); } 80% { -moz-transform: translateY(-10px); } 100% { -moz-transform: translateY(0); opacity: 1; } } @-o-keyframes bounceInDown { 0% { opacity: 0; -o-transform: translateY(-2000px); } 60% { opacity: 1; -o-transform: translateY(30px); } 80% { -o-transform: translateY(-10px); } 100% { -o-transform: translateY(0); opacity: 1; } } @keyframes bounceInDown { 0% { opacity: 0; transform: translateY(-2000px); } 60% { opacity: 1; transform: translateY(30px); } 80% { transform: translateY(-10px); } 100% { transform: translateY(0); opacity: 1; } } .bounceInDown { -webkit-animation-name: bounceInDown; -moz-animation-name: bounceInDown; -o-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); } 60% { opacity: 1; -webkit-transform: translateX(30px); } 80% { -webkit-transform: translateX(-10px); } 100% { -webkit-transform: translateX(0); opacity: 1; } } @-moz-keyframes bounceInLeft { 0% { opacity: 0; -moz-transform: translateX(-2000px); } 60% { opacity: 1; -moz-transform: translateX(30px); } 80% { -moz-transform: translateX(-10px); } 100% { -moz-transform: translateX(0); opacity: 1; } } @-o-keyframes bounceInLeft { 0% { opacity: 0; -o-transform: translateX(-2000px); } 60% { opacity: 1; -o-transform: translateX(30px); } 80% { -o-transform: translateX(-10px); } 100% { -o-transform: translateX(0); opacity: 1; } } @keyframes bounceInLeft { 0% { opacity: 0; transform: translateX(-2000px); } 60% { opacity: 1; transform: translateX(30px); } 80% { transform: translateX(-10px); } 100% { transform: translateX(0); opacity: 1; } } .bounceInLeft { -webkit-animation-name: bounceInLeft; -moz-animation-name: bounceInLeft; -o-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); } 60% { opacity: 1; -webkit-transform: translateX(-30px); } 80% { -webkit-transform: translateX(10px); } 100% { -webkit-transform: translateX(0); opacity: 1; } } @-moz-keyframes bounceInRight { 0% { opacity: 0; -moz-transform: translateX(2000px); } 60% { opacity: 1; -moz-transform: translateX(-30px); } 80% { -moz-transform: translateX(10px); } 100% { -moz-transform: translateX(0); opacity: 1; } } @-o-keyframes bounceInRight { 0% { opacity: 0; -o-transform: translateX(2000px); } 60% { opacity: 1; -o-transform: translateX(-30px); } 80% { -o-transform: translateX(10px); } 100% { -o-transform: translateX(0); opacity: 1; } } @keyframes bounceInRight { 0% { opacity: 0; transform: translateX(2000px); } 60% { opacity: 1; transform: translateX(-30px); } 80% { transform: translateX(10px); } 100% { transform: translateX(0); opacity: 1; } } .bounceInRight { -webkit-animation-name: bounceInRight; -moz-animation-name: bounceInRight; -o-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes rotateIn { 0% { -webkit-transform-origin: center center; -webkit-transform: rotate(-200deg); opacity: 0; } 100% { -webkit-transform-origin: center center; -webkit-transform: rotate(0); opacity: 1; } } @-moz-keyframes rotateIn { 0% { -moz-transform-origin: center center; -moz-transform: rotate(-200deg); opacity: 0; } 100% { -moz-transform-origin: center center; -moz-transform: rotate(0); opacity: 1; } } @-o-keyframes rotateIn { 0% { -o-transform-origin: center center; -o-transform: rotate(-200deg); opacity: 0; } 100% { -o-transform-origin: center center; -o-transform: rotate(0); opacity: 1; } } @keyframes rotateIn { 0% { transform-origin: center center; transform: rotate(-200deg); opacity: 0; } 100% { transform-origin: center center; transform: rotate(0); opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; -moz-animation-name: rotateIn; -o-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(0); opacity: 1; } } @-moz-keyframes rotateInUpLeft { 0% { -moz-transform-origin: left bottom; -moz-transform: rotate(90deg); opacity: 0; } 100% { -moz-transform-origin: left bottom; -moz-transform: rotate(0); opacity: 1; } } @-o-keyframes rotateInUpLeft { 0% { -o-transform-origin: left bottom; -o-transform: rotate(90deg); opacity: 0; } 100% { -o-transform-origin: left bottom; -o-transform: rotate(0); opacity: 1; } } @keyframes rotateInUpLeft { 0% { transform-origin: left bottom; transform: rotate(90deg); opacity: 0; } 100% { transform-origin: left bottom; transform: rotate(0); opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; -moz-animation-name: rotateInUpLeft; -o-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(0); opacity: 1; } } @-moz-keyframes rotateInDownLeft { 0% { -moz-transform-origin: left bottom; -moz-transform: rotate(-90deg); opacity: 0; } 100% { -moz-transform-origin: left bottom; -moz-transform: rotate(0); opacity: 1; } } @-o-keyframes rotateInDownLeft { 0% { -o-transform-origin: left bottom; -o-transform: rotate(-90deg); opacity: 0; } 100% { -o-transform-origin: left bottom; -o-transform: rotate(0); opacity: 1; } } @keyframes rotateInDownLeft { 0% { transform-origin: left bottom; transform: rotate(-90deg); opacity: 0; } 100% { transform-origin: left bottom; transform: rotate(0); opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; -moz-animation-name: rotateInDownLeft; -o-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(0); opacity: 1; } } @-moz-keyframes rotateInUpRight { 0% { -moz-transform-origin: right bottom; -moz-transform: rotate(-90deg); opacity: 0; } 100% { -moz-transform-origin: right bottom; -moz-transform: rotate(0); opacity: 1; } } @-o-keyframes rotateInUpRight { 0% { -o-transform-origin: right bottom; -o-transform: rotate(-90deg); opacity: 0; } 100% { -o-transform-origin: right bottom; -o-transform: rotate(0); opacity: 1; } } @keyframes rotateInUpRight { 0% { transform-origin: right bottom; transform: rotate(-90deg); opacity: 0; } 100% { transform-origin: right bottom; transform: rotate(0); opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; -moz-animation-name: rotateInUpRight; -o-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(0); opacity: 1; } } @-moz-keyframes rotateInDownRight { 0% { -moz-transform-origin: right bottom; -moz-transform: rotate(90deg); opacity: 0; } 100% { -moz-transform-origin: right bottom; -moz-transform: rotate(0); opacity: 1; } } @-o-keyframes rotateInDownRight { 0% { -o-transform-origin: right bottom; -o-transform: rotate(90deg); opacity: 0; } 100% { -o-transform-origin: right bottom; -o-transform: rotate(0); opacity: 1; } } @keyframes rotateInDownRight { 0% { transform-origin: right bottom; transform: rotate(90deg); opacity: 0; } 100% { transform-origin: right bottom; transform: rotate(0); opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; -moz-animation-name: rotateInDownRight; -o-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } /* ---------------------------------- 1. Reset default browser styles 2. Basic classes and elements 3. Colors 4. Typography 5. Header 6. Sliders 7. Tabs,Accordions,toggles 8. Carousels 9. Twitter Feed 10. Lists and navigations 11. Buttons 12. Tables 13. Icons 14. Main content elements 15. Forms 16. Footer 17. Animations 18. Responsive changes 19. Retina ready -------------------------------------*/ /* ----------------------------------- 1. Reset default browser styles ------------------------------------- */ @import "reset.css"; @import "fontello.css"; /* ----------------------------------- 2. Basic classes and elements ------------------------------------- */ ::-webkit-selection{ background:#41bedd; color:#fff; } ::-moz-selection{ background:#41bedd; color:#fff; } ::selection{ background:#41bedd; color:#fff; } ::-webkit-scrollbar{ width:10px; background:#f7f9f9; } ::-webkit-scrollbar-thumb{ background:-webkit-gradient(linear,left top,right bottom,from(#70269f),to(#35eef6)); background:linear-gradient(top,#70269f,#35eef6); } ::-webkit-input-placeholder{ -webkit-transition:text-indent .5s ease,color .5s ease; color:#899096; } input::-moz-placeholder{ color:#899096; } ::ms-input-placeholder{ color:#899096; } [placeholder]:focus::-webkit-input-placeholder{ text-indent:10em; color:transparent; } .circle, .flickr_list li:hover, #dribbble_feed li:hover, .owl-pagination > .owl-page, input[type="radio"] + label:after, input[type="radio"] + label:before{ -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; } .f_none{ float:none; } .f_left{ float:left; } .f_right{ float:right; } .d_block{ display:block; } .d_table{ display:table; } .d_table > [class*="col-"]:last-child{ padding-right:0px; } .d_table > [class*="col-"]:first-child{ padding-left:0px; } .d_table_cell{ display:table-cell; } .d_inline_b, .clients.brands .owl-pagination{ display:inline-block; } .d_inline_m{ display:inline-block; vertical-align: middle; } .d_none, .sticky_menu #side_menu, .sticky_menu #open_side_menu{ display:none; } .v_align_m{ vertical-align: middle; } .v_align_b{ vertical-align: bottom; } .v_align_t{ vertical-align: top; } .relative, .tooltip_container{ position:relative; z-index:1; } .half_column{ width:50%; } .im_half_container .half_column:last-child{ margin-left:-5px; } .ie9 .im_half_container .half_column:last-child{ margin-left:-4px; } .counter{ counter-reset: counter; } .counter_inc{ counter-increment: counter; } .ls_medium{ letter-spacing: -1px; } .w_auto{ width:auto; } .w_full, .wide_layout, [class*="_isotope_container"] .shop_isotope_item.list_view{ width:100%; } .translucent{ opacity:.5; } .wrapper{ overflow:hidden; } .ellipsis{ text-overflow:ellipsis; } .w_break{ word-break:break-all; } .t_align_c, .clients.brands .owl-controls{ text-align:center; } .t_align_r{ text-align:right; } .t_align_l,.fp_item:hover,.fp_item:hover .fp_price{ text-align:left; } .lh_inherit{ line-height: inherit; } .lh_small{ line-height:1.18em; } .lh_medium{ line-height:1.125em; } .lh_large{ line-height:1.375em; } .fs_ex_small,#countdown.type_2 dd{ font-size:0.75em; } .fs_small{ font-size:0.812em; } .fs_medium, .accordion_item .icon-plus{ font-size:0.875em; } .fw_ex_light{ font-weight:100; } .fw_light{ font-weight:300; } .fw_normal{ font-weight:400; } .fw_ex_bold{ font-weight:900; } .m_right_2{ margin-right:2px; } .m_right_5{ margin-right:5px; } .m_right_8{ margin-right:8px; } .m_right_10{ margin-right:10px; } .m_right_15{ margin-right:15px; } .m_right_20{ margin-right:20px; } .m_right_30{ margin-right:30px; } .m_right_40{ margin-right:40px; } .m_right_60{ margin-right:60px; } .m_left_5{ margin-left:5px; } .m_left_8{ margin-left:8px; } .m_left_10{ margin-left:10px; } .m_left_15{ margin-left:15px; } .m_bottom_0{ margin-bottom:0px !important; } .m_bottom_3{ margin-bottom:3px; } .m_bottom_5{ margin-bottom:5px; } .m_bottom_8{ margin-bottom:8px; } .m_bottom_10{ margin-bottom:10px; } .m_bottom_12{ margin-bottom:12px; } .m_bottom_15{ margin-bottom:15px; } .m_bottom_20{ margin-bottom:20px; } .m_bottom_23{ margin-bottom:23px; } .m_bottom_25{ margin-bottom:25px; } .m_bottom_30{ margin-bottom:30px; } .m_bottom_35{ margin-bottom:35px; } .m_bottom_40{ margin-bottom:40px; } .m_bottom_45{ margin-bottom:45px; } .m_bottom_50{ margin-bottom:50px; } .m_bottom_55{ margin-bottom:55px; } .m_bottom_70{ margin-bottom:70px; } .m_top_0{ margin-top:0px !important; } .m_top_5{ margin-top:5px; } .m_top_8{ margin-top:8px; } .m_top_10{ margin-top:10px; } .m_top_15{ margin-top:15px; } .m_top_20{ margin-top:20px; } .m_top_35{ margin-top:35px; } .p_bottom_0{ padding-bottom:0 !important; } .p_top_0{ padding-top:0 !important; } .tt_uppercase{ text-transform: uppercase; } .db_centered{ margin-left:auto; margin-right:auto; } .container3d{ -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:perspective(600); -moz-transform:perspective(600); -o-transform:perspective(600); -ms-transform:perspective(600); transform:perspective(600); perspective:600px; } .tr_all, .popup_wrap:before, .popup_wrap:after, .owl-pagination > div{ -webkit-transition:all .5s ease; -moz-transition:all .5s ease; -o-transition:all .5s ease; transition:all .5s ease; -webkit-animation-duration:.5s; -moz-animation-duration:.5s; -o-animation-duration:.5s; animation-duration:.5s; } .tr_all_long{ -webkit-transition:all 1.1s ease; -moz-transition:all 1.1s ease; -o-transition:all 1.1s ease; transition:all 1.1s ease; -webkit-animation-duration:1.1s; -moz-animation-duration:1.1s; -o-animation-duration:1.1s; animation-duration:1.1s; } .tr_all_medium{ -webkit-transition:all .8s ease; -moz-transition:all .8s ease; -o-transition:all .8s ease; transition:all .8s ease; -webkit-animation-duration:.8s; -moz-animation-duration:.8s; -o-animation-duration:.8s; animation-duration:.8s; } .border_none{ border:none !important; } .mw_none{ min-width:0 !important; } .trf_none, .ie9 [class*="animate_f"]:not(.with_ie){ -webkit-transform:none !important; -moz-transform:none !important; -o-transform:none !important; -ms-transform:none !important; transform:none !important; } .shadow_1{ -webkit-box-shadow:0 1px 1px rgba(0,0,0,.15); -moz-box-shadow:0 1px 1px rgba(0,0,0,.15); -o-box-shadow:0 1px 1px rgba(0,0,0,.15); -ms-box-shadow:0 1px 1px rgba(0,0,0,.15); box-shadow:0 1px 1px rgba(0,0,0,.15); } .r_corners, input[type="checkbox"] + label:before, .ui-slider,.zoomWindow{ -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; } .r_corners_2{ -webkit-border-radius:7px; -moz-border-radius:7px; border-radius:7px; } .rc_first_hr{ -webkit-border-radius:4px 0 0 4px; -moz-border-radius:4px 0 0 4px; border-radius:4px 0 0 4px; } .rc_last_hr{ -webkit-border-radius:0 4px 4px 0; -moz-border-radius:0 4px 4px 0; border-radius:0 4px 4px 0; } .vc_child:after{ content:""; height:100%; display:inline-block; vertical-align: middle; } .boxed_layout{ width:1250px; margin:0 auto; } /* ----------------------------------- 3. Colors ------------------------------------- */ /* scheme color*/ a,a:not([class*="_hover"]):hover, .main_menu .current > a, .md_no-touch .main_menu li:hover > a, .md_touch .main_menu .touch_open_sub > a, .main_menu > .current_click > a, .sub_menu .current_click > a, blockquote.type_2:before, .thumbnails_container > ul > .active article > p, .thumbnails_container > ul > li:hover article > p, blockquote.type_2 > p:last-of-type:after, .main_menu li:hover > a i[class|="icon"], a:not([class*="_hover"]):hover [class*="icon_wrap"][class*="color_"], a:not([class*="_hover"]):hover [class|="icon"][class*="color_"], .categories_list li:hover > a,.categories_list li:hover > a > *, .color_scheme,.color_scheme_hover:hover,.color_scheme_hover:hover [class*="color_"], .dropdown_2_container.login:hover > [class*="icon_wrap_"] > [class|="icon"]{ color:#41bedd; } mark, #open_switcher, .bg_color_blue, .tabs_nav .active a, .owl-pagination > .active, .bg_color_blue_hover:hover, .p_table.bg_color_blue_hover.active, [class*="icon_wrap_"].animation_fill.color_scheme:before{ background:#41bedd; } .translucent_bg_color_scheme, .translucent_bg_color_scheme.image_fixed:before{ background-color:rgba(65,190,221,.7); } .tabs_nav .active a, .accordion_item.active, .owl-pagination > .active, .p_table.bg_color_blue_hover:hover, .p_table.bg_color_blue_hover.active, .dropdown .sub_menu, .color_scheme_hover:not(.color_light):hover,.color_scheme_hover:hover [class*="color_"], .dropdown_2_container.login:hover > [class*="icon_wrap_"]{ border-color:#41bedd; } .dropdown_2_container.login .dropdown_2:before{ border-bottom-color:#41bedd; } .dropdown_2_container.login .dropdown_2{ border-top-color:#41bedd; } .tabs_nav .active + li a{ border-left-color:#41bedd; } .main_menu > li > a:after{ background:#3fb8d6; } /* other colors */ .color_default{ color:#606366; } .color_black, .color_black_hover:hover{ color:#000; } .color_grey_light, .accordion_item:not(.active) dt [class*="icon_wrap"]{ color:#bdc3c7; } .color_grey_light_2{ color:#d1d5d8; } .color_grey_light_3{ color:#ecf0f1; } .color_grey_light_4{ color:#cbd0d4; } .color_grey_light_5{ color:#bfc4c8; } .color_grey, .tweet_time a{ color:#899096; } mark, .color_light, .social_icons a:hover, .tabs_nav .active a, .checkout_video:hover *, .paginations .active a, .color_light_hover:hover, .paginations li a:hover, .step:hover .step_counter, .link_container:hover [class*="icon_wrap_"], .p_table:hover > *:not([class*="button_type"]), .p_table.active > *:not([class*="button_type"]), .steps_nav li .animation_fill.type_2, [class*="button_type_"].transparent:not(.color_light):hover, [class*="button_type_"]:not(.transparent), .animation_fill[class*="color_"]:hover, .item_services h6:hover .animation_fill{ color:#fff; } .color_light, .p_table:hover .pt_icon, .p_table.active .pt_icon, .p_table:hover [class*="button_type"], .p_table.active [class*="button_type"], .link_container:hover [class*="icon_wrap_"]{ border-color:#fff; } .color_light_2{ color:#f7f9f9; } .color_dark, .tweet_text a:hover, .color_dark_hover:hover, .select_list li:hover, [class*="button_type_"].color_dark, .breadcrumbs li a.color_default:hover{ color:#34383d; } .breadcrumbs li a.color_default:hover{ border-color:#34383d; } [class*="button_type_"].color_dark, .accordion_item:not(.active) dt [class*="icon_wrap"]{ border-color:#bdc3c7; } .translucent_bg_color_dark, .translucent_bg_color_dark.image_fixed:before{ background:rgba(0,0,0,.7); } .color_grey_light[class*="icon_wrap"]{ border-color:#d2d6d9; } .checkout_video:hover .video_button i[class|="icon"], .color_purple, .step:hover h3, blockquote.type_3:before, blockquote.type_3 > p:last-of-type:after, .color_purple_hover:hover, .category_link:hover .category_title, .color_purple [class*="icon_wrap_"], [class*="button_type_"]:not(.transparent).color_purple:hover{ color:#4e4ca0; } .border_color_purple, .paginations .active a, .paginations .active:last-child a, .paginations li a:hover, .paginations li:last-child a:hover, .step:hover .step_counter, [class*="icon_wrap_"].color_purple, .color_purple [class*="icon_wrap_"], [class*="button_type"].color_purple, .bg_color_purple_hover:hover, .p_table.bg_color_purple_hover:hover, .p_table.bg_color_purple_hover.active, [class*="icon_wrap_"].color_purple_hover:hover, [class*="button_type"].color_purple_hover:not(.color_light):hover{ border-color:#4e4ca0; } .paginations .active + li a, .paginations li:hover + li a{ border-left-color:#4e4ca0; } .bg_color_purple, .paginations .active a, .paginations li a:hover, .step:hover .step_counter, .title_counter_type:before, .bg_color_purple_hover:hover, .animation_fill.color_purple:before, .p_table.bg_color_purple_hover.active, [class*="button_type_"].transparent.color_purple:hover, [class*="button_type_"].color_purple:not(.transparent){ background:#4e4ca0; } .translucent_bg_purple, .translucent_bg_purple.image_fixed:before{ background-color:rgba(78,76,160,.7); } .color_pink, .color_pink_hover:hover, .color_pink_hover:hover [class*="color_"], [class*="button_type_"].color_pink:not(.transparent):hover, .dropdown_2_container.shoppingcart:hover > [class*="icon_wrap_"] > [class|="icon"]{ color:#a255c4; } .border_color_pink, [class*="icon_wrap_"].color_pink, .color_pink_hover:hover [class*="icon_wrap_"], [class*="button_type_"].color_pink, .p_table.bg_color_pink_hover:hover, .p_table.bg_color_pink_hover.active, [class*="button_type_"].color_pink_hover:not(.color_light):hover, [class*="icon_wrap_"].color_pink_hover:hover, .dropdown_2_container.shoppingcart:hover > [class*="icon_wrap_"]{ border-color:#a255c4; } .dropdown_2_container.shoppingcart .dropdown_2:before{ border-bottom-color:#a255c4; } .dropdown_2_container.shoppingcart .dropdown_2{ border-top-color:#a255c4; } .bg_color_pink, .ui-slider-range, .bg_color_pink_hover:hover, .p_table.bg_color_pink_hover.active, .animation_fill.color_pink:before, [class*="button_type_"].transparent.color_pink:hover, [class*="button_type_"].color_pink:not(.transparent){ background:#a255c4; } .color_green, .color_green_hover:hover, [class*="button_type_"].color_green_hover:hover, [class*="button_type_"].color_green:not(.transparent):hover{ color:#2ecc71; } .select_button_left, input:not([type="submit"]).success, [class*="button_type_"].color_green_hover:hover, [class*="button_type_"].color_green{ border-color:#2ecc71; } .bg_color_green, [class*="button_type_"].color_green.transparent:hover, [class*="button_type_"].color_green:not(.transparent){ background:#2ecc71; } .translucent_bg_green, .translucent_bg_green.image_fixed:before{ background-color:rgba(39,174,96,.7); } .bg_color_dark_green{ background:#00a847; } .color_blue, .color_blue_hover:hover, [class*="button_type_"].color_blue:not(.transparent):hover{ color:#55c0db; } .main_menu > li > a, #menu_button.color_blue, [class*="icon_wrap_"].color_blue, [class*="button_type_"].color_blue, [class*="icon_wrap_"].color_blue_hover:hover, [class*="button_type_"].color_blue_hover:hover{ border-color:#55c0db; } [class*="button_type_"].transparent.color_blue:hover, [class*="button_type_"].color_blue:not(.transparent), .animation_fill.color_blue:before{ background:#55c0db; } .color_red, .required:after, .required_l:before, .color_red_hover:hover, .color_red_hover:hover [class*="color_"], [class*="button_type_"].color_red:not(.transparent):hover{ color:#e74c3c; } .bg_color_red, [class*="button_type_"].transparent.color_red:hover, [class*="button_type_"].color_red:not(.transparent){ background:#e74c3c; } input:not([type="submit"]).error, [class*="button_type_"].color_red, .blog_side_button[class*="border_"]:hover{ border-color:#e74c3c; } .translucent_bg_red, .translucent_bg_red.image_fixed:before{ background-color:rgba(231,76,60,.9); } .color_yellow, [class*="button_type_"].color_yellow:not(.transparent):hover{ color:#f1c40f; } .color_light_green{ color:#27ae60; } [class*="button_type_"].color_yellow, .p_table.bg_color_yellow_hover:hover, .p_table.bg_color_yellow_hover.active{ border-color:#f1c40f; } .bg_color_yellow, .bg_color_yellow_hover:hover, .p_table.bg_color_yellow_hover.active, [class*="button_type_"].color_yellow:not(.transparent), [class*="button_type_"].color_yellow.transparent:hover{ background:#f1c40f; } .color_dark_blue{ color:#3498db; } .bg_color_dark_blue{ background:#3498db; } .bg_color_dark{ background:#161618; } input:not([type="submit"]).info{ border-color:#3498db; } .translucent_bg_orange, .translucent_bg_orange.image_fixed:before{ background-color:rgba(219,175,0,.7); } .color_orange{ color:#e67e22; } input:not([type="submit"]).warning{ border-color:#e67e22; } .bg_light, [class*="button_type_"].transparent.color_light:hover, .p_table:hover [class*="button_type"], .p_table.active [class*="button_type"]{ background:#fff; } .bg_light_2, .md_no-touch .sub_menu li:hover > a, .sub_menu .current > a, .sub_menu .touch_open_sub > a, table:not(.table_type_9) tr:hover, .categories_list ul a:hover, .sub_menu .current_click > a{ background:#f7f9f9; } .bg_light_3,.category_link:hover .category_title, .thumbnails_container > ul > .active, .thumbnails_container > ul > li:hover{ background:#ecf0f1; } .bg_light_4{ background:#e3e7e9; } .facebook:hover,.facebook_static_color{ background:#39599f; border-color:#39599f; } .twitter:hover,.twitter_static_color{ background:#40bff5; border-color:#40bff5; } .googleplus:hover,.googleplus_static_color{ background:#eb5b4c; border-color:#eb5b4c; } .pinterest:hover,.pinterest_static_color{ background:#b8242a; border-color:#b8242a; } .dribbble:hover,.dribbble_static_color{ background:#e65992; border-color:#e65992; } .flickr:hover,.flickr_static_color{ background:#ff1981; border-color:#ff1981; } .youtube:hover,.youtube_static_color{ background:#cd322c; border-color:#cd322c; } .vimeo:hover,.vimeo_static_color{ background:#44bbff; border-color:#44bbff; } .instagram:hover,.instagram_static_color{ background:#a47a5e; border-color:#a47a5e; } .linkedin:hover{ background:#328dd3; border-color:#328dd3; } .facebook_color:hover *{ color:#39599f !important; } .twitter_color:hover *{ color:#40bff5 !important; } .googleplus_color:hover *{ color:#eb5b4c !important; } .pinterest_color:hover *{ color:#b8242a !important; } .label.color_scheme{ background:#e6f7fb; } .label.color_pink{ background:#f6eef9; } .rss{ background: #e67e22; border-color:#e67e22; } /* ----------------------------------- 4. Typography ------------------------------------- */ html{ overflow-x:hidden; } body{ font:400 16px/1.5em "Lato","sans-serif"; color:#606366; background: #2c2b44; overflow-x:hidden; background-attachment: fixed; } .tr_delay, a:not([class*="tr_all"]){ -webkit-transition:color 1.1s ease,background-color 1.1s ease,border-color 1.1s ease; -moz-transition:color 1.1s ease,background-color 1.1s ease,border-color 1.1s ease; -o-transition:color 1.1s ease,background-color 1.1s ease,border-color 1.1s ease; transition:color 1.1s ease,background-color 1.1s ease,border-color 1.1s ease; } .tr_delay:hover, a:not(.tr_all):hover{ -webkit-transition:color .1s ease,background-color .1s ease,border-color .1s ease; -moz-transition:color .1s ease,background-color .1s ease,border-color .1s ease; -o-transition:color .1s ease,background-color .1s ease,border-color .1s ease; transition:color .1s ease,background-color .1s ease,border-color .1s ease; } .tr_inherit{ -webkit-transition:inherit; -moz-transition:inherit; -o-transition:inherit; transition:inherit; } h1,.pt_price,#countdown dt{ font-size:3.75em; } h2, .first_letter_1 > .fl, .item_statistic dt{ font-size:3em; } h3,.day_of_the_month, #countdown.type_2 dt{ font-size:2.25em; } h4{ font-size:1.375em; } h5{ font-size:1.25em; } h6,.fs_large{ font-size:1.125em; } h1,h2,h3,h4,h5,h6,.pt_price, .item_statistic dt,#countdown dt,.article_stats, .lh_ex_small,.clients.brands .owl-controls { line-height:1em; } .fs_middle, .p_table:hover .pt_title:not(.pt_time), .p_table.active .pt_title:not(.pt_time){ font-size:1.875em; } .mega_menu_container p{ padding-left:20px; } blockquote{ padding:24px 25px 22px 50px; word-break:break-all; line-height: 1.42em; } blockquote.type_2{ background:#ecf0f1; } blockquote.type_2:after{ content:""; width:0; height:0; border-left:11px solid transparent; border-top:8px solid #ecf0f1; border-right:11px solid transparent; position:absolute; left:24px; bottom:-8px; } blockquote:before, blockquote > p:last-of-type:after{ font-size:50px; font-weight:bold; opacity:.5; } blockquote:before{ content:open-quote; position:absolute; left:19px; top:33px; } blockquote > p:last-of-type:after{ content:close-quote; display: inline-block; line-height: 0; height:0; vertical-align: -27px; margin-left:12px; } .first_letter_1 > .fl{ margin:12px 10px 0 0; } .first_letter_2 > .fl{ font-size:1.5em; border-width:1px; border-style:solid; width:40px; height:40px; padding-top:7px; margin:6px 10px 0 0; } .title_counter_type{ padding:12px 20px 14px 70px; font-size:1.5em; position:relative; } .title_counter_type:before{ content:counter(counter); font-style:italic; color:#fff; position:absolute; left:0; padding:12px 0; height:100%; width:50px; text-align:center; top:0; } .static_head_title_1{ font-size:3.25em; } .bn_title{ padding:3px 21px 3px; width:11.09%; } .title_size_1{ font-size:2.625em; } /* ----------------------------------- 5. Header ------------------------------------- */ [role="banner"]{ padding-top:3px; width:inherit; z-index:150; } [role="banner"] .container > a:only-child{ margin:35px 0; } /* sticky */ .sticky_menu [role="banner"]{ border-bottom-color:transparent; border-bottom-style:solid; } .gradient_line{ display:block; width:100%; position:absolute; top:0; } .header_top_part{ padding:6px 0 8px; } [role="banner"] [class*="_part"]{ width:inherit; } .header_bottom_part.fixed,.sticky_part.fixed{ position:fixed; top:0; -webkit-backface-visibility:hidden; } .header_bottom_part.type_2{ padding:30px 0; } .header_bottom_part.type_3{ padding:22px 0; } .sticky_part:after,.header_bottom_part:not([class*="type_"]):after,.header_bottom_part.type_3.sticky:after{ content:""; display:block; position:absolute; height:3px; width:100%; bottom:-3px; left:0; background:url("../images/shadow.png") repeat-x; } .sticky_part.shadow_light:not(.fixed):after{ opacity:.5; } .main_menu > li > a{ display:block; padding:36px 19px 37px; } .main_menu.type_2 > li > a{ padding-top:15px; padding-bottom:16px; } .main_menu.type_2 > li:first-child > a{ padding-left:0; } .main_menu.type_2 > li > a:after{ display:none; } .main_menu > li > a:after{ content:""; display:block; height:2px; width:100%; position:absolute; opacity:0; left:0; bottom:-2px; -webkit-transition:opacity 1.1s ease; -moz-transition:opacity 1.1s ease; -o-transition:opacity 1.1s ease; transition:opacity 1.1s ease; } .md_no-touch .main_menu > li:hover > a:after, .md_no-touch .main_menu > .current > a:after, .md_touch .main_menu > .current > a:after, .md_touch .main_menu > .touch_open_sub > a:after{ opacity:1; -webkit-transition:opacity .1s ease; -moz-transition:opacity .1s ease; -o-transition:opacity .1s ease; transition:opacity .1s ease; } .main_menu > li > ul{ top:100%; margin-top:2px; } .main_menu.type_2 > li > ul{ margin-top:0; } .mega_menu_container, .mega_menu_container .container3d .sub_menu{ position:absolute; top:100%; padding:21px 20px; -webkit-transform:translateY(55px); -moz-transform:translateY(55px); -o-transform:translateY(55px); -ms-transform:translateY(55px); transform:translateY(55px); opacity:0; visibility: hidden; } .mega_menu_container .container3d .sub_menu{ padding:0; top:-1px; } .sub_menu.relative,.container_zoom_image{ z-index:0; } .sub_menu:not(.relative){ border-left:1px solid #f7f7f7; border-right:1px solid #f7f7f7; border-bottom:1px solid #f7f7f7; min-width:127px; position:absolute; -webkit-box-shadow:0 1px 1px rgba(0,0,0,.05); -moz-box-shadow:0 1px 1px rgba(0,0,0,.05); -o-box-shadow:0 1px 1px rgba(0,0,0,.05); -ms-box-shadow:0 1px 1px rgba(0,0,0,.05); box-shadow:0 1px 1px rgba(0,0,0,.05); -webkit-transform:rotate3d(1,0,0,-90deg); -moz-transform:rotate3d(1,0,0,-90deg); -o-transform:rotate3d(1,0,0,-90deg); -ms-transform:rotate3d(1,0,0,-90deg); transform:rotate3d(1,0,0,-90deg); -webkit-transform-origin:0 0 0; -moz-transform-origin:0 0 0; -o-transform-origin:0 0 0; -ms-transform-origin:0 0 0; transform-origin:0 0 0; visibility: hidden; } .sub_menu a{ padding:9px 18px; white-space:nowrap; } .sub_menu .container3d > a{ padding-right:36px; } .sub_menu .sub_menu{ left:100%; top:0; margin-left:1px; -webkit-transform:rotate3d(0,1,0,90deg); -moz-transform:rotate3d(0,1,0,90deg); -o-transform:rotate3d(0,1,0,90deg); -ms-transform:rotate3d(0,1,0,90deg); transform:rotate3d(0,1,0,90deg); } .md_no-touch .main_menu li:hover > .sub_menu, .md_no-touch .dropdown:hover .sub_menu, .md_touch .dropdown.active .sub_menu, .md_touch .main_menu .touch_open_sub > .sub_menu{ -webkit-transform:rotate3d(0,0,0,0deg); -moz-transform:rotate3d(0,0,0,0deg); -o-transform:rotate3d(0,0,0,0deg); -ms-transform:rotate3d(0,0,0,0deg); transform:rotate3d(0,0,0,0deg); visibility: visible; } .ie9 .sub_menu:not(.relative){ visibility: hidden; } doesnotexist:-o-prefocus, .sub_menu:not(.relative) { visibility: hidden; } doesnotexist:-o-prefocus, .main_menu li:hover > .sub_menu,.dropdown:hover .sub_menu{ visibility:visible; } .ie9 .main_menu li:hover > .sub_menu, .ie9 .dropdown:hover .sub_menu{ visibility:visible; } .main_menu *,.tooltip,.tooltip_type_2,.item_services h6, .steps_nav li [class*="icon_wrap"],.animation_fill{ -webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; -o-backface-visibility:hidden; backface-visibility:hidden; } .dropdown a img{ margin-top:6px; } .dropdown > a{ padding:6px 10px; display:block; z-index:1; } .dropdown .sub_menu a{ padding:5.5px 10px; } .dropdown{ z-index:15; margin-left:-3px; } .dropdown:last-child > a{ padding-right:0; } .dropdown .sub_menu{ min-width:100px; width:100%; border-top-width:2px; border-top-style:solid; } /* ----------------------------------- 6. Sliders ------------------------------------- */ .r_slider{ width:100%; position:relative; } [class*="ios_nav_"],.ls-nav-prev,.ls-nav-next{ position:absolute; } [class*="ios_nav_"], .flexslider .flex-direction-nav a, .simple_slideshow .flex-direction-nav a, .tp-rightarrow.default,.tp-leftarrow.default,[class*="ls-nav-"]{ width:50px; height:50px; cursor:pointer; background:url("../images/prevnext.png") no-repeat 0 1px; opacity:.5; top:50% !important; margin-top:-25px !important; } .tp-rightarrow,.simple_slideshow .flex-next,.ios_nav_next, .flexslider .flex-next{ background-position:1px -47px !important; } .ls-nav-prev{ background-position:0 2px !important; } .ls-nav-next{ background-position:3px -46px !important; } .tp-leftarrow:hover, .tp-rightarrow:hover, [class*="ios_nav_"]:hover, .jackbox[data-group]:hover, .popup_wrap [class*="icon_wrap"]:hover, .simple_slideshow .flex-direction-nav a:hover, .flexslider .flex-direction-nav a:hover, .ls-nav-prev:hover,.ls-nav-next:hover{ background-color:rgba(255,255,255,.2); opacity:1; } .caption iframe{ -webkit-box-shadow:0 0 18px 0 rgba(0,0,0,.25); -moz-box-shadow:0 0 18px 0 rgba(0,0,0,.25); -o-box-shadow:0 0 18px 0 rgba(0,0,0,.25); -ms-box-shadow:0 0 18px 0 rgba(0,0,0,.25); box-shadow:0 0 18px 0 rgba(0,0,0,.25); } .simple_slideshow .flex-next{ right:20px; } .simple_slideshow .flex-prev{ left:20px; } [class*="col-"]:not(.snormal_size) .simple_slideshow .flex-direction-nav a, .blog_isotope_item .simple_slideshow .flex-direction-nav a{ width:36px; height:36px; margin-top:-18px !important; background-size:100% 200%; } [class*="col-"] .simple_slideshow .flex-prev, .blog_isotope_item .simple_slideshow .flex-prev{ background-position:0 2px; } [class*="col-"] .simple_slideshow .flex-next, .blog_isotope_item .simple_slideshow .flex-next{ background-position:2px 90% !important; } .slider_title_1{ font-size:9.375em; line-height:.75em; } .slider_title_2{ font-size:4.5em; } .slider_title_3{ font-size:5em; } .iosslider { position: relative; padding-bottom:26.5%; overflow: hidden; width: 100%; height: 0; } .iosslider .slider { width: 100%; height: 100%; } .iosslider .slider .slide { float: left; width: 100%; } .iosslider .slider .slide img{ max-width:none; width:100%; height:auto; } .iosslider .slider .slide [class^="item"]{ position:absolute; left:50%; } .iosslider .slider .slide .item{ margin-left:115px; top:17.95%; } .iosslider .slider .slide .item_2{ left:0; top:14.73%; width:100%; } .iosslider .slider .slide .item_3{ margin-left:-588px; top:14.73%; } .flex_container{ width:74.35%; -webkit-border-radius:4px 0 0 4px; -moz-border-radius:4px 0 0 4px; border-radius:4px 0 0 4px; } .thumbnails_container{ width:25.64%; -webkit-border-radius:0 4px 4px 0; -moz-border-radius:0 4px 4px 0; border-radius:0 4px 4px 0; } .flexslider .slides > li > iframe{ width:100%; } .flexslider .flex-direction-nav a{ top:auto !important; bottom: 20px; margin-top:0 !important; } .flexslider .flex-next{ right:20px !important; } .flexslider .flex-prev{ right:80px !important; left:auto !important; } #layerslider_video [class^="ls-nav-"]{ top:50% !important; margin-top:-25px !important; background-image:url("../images/prevnext.png"); } /* ----------------------------------- 7. Tabs,Accordions,Toggles ------------------------------------- */ .tabs_nav li:first-child a{ -webkit-border-radius:4px 0 0 4px; -moz-border-radius:4px 0 0 4px; border-radius:4px 0 0 4px; } .tabs_nav li:last-child a{ -webkit-border-radius:0 4px 4px 0; -moz-border-radius:0 4px 4px 0; border-radius:0 4px 4px 0; } .tabs_nav a{ padding:9px 20px 10px; } .tabs_nav.type_2 a{ padding:5px 28px; } .tabs_nav.type_3 a{ padding-left:14px; padding-right:14px; } .tabs_nav a, .border_grey, .accordion_item, .ui-slider{ border:1px solid #bdc3c7; } .tabs_nav li:not(:last-child) a{ border-right:none; } .accordion_item dt{ padding:9px 50px 10px 19px; cursor:pointer; } .accordion_item dd{ padding:7px 20px 23px; } .accordion_item dt [class*="icon_wrap"]{ position:absolute; right:19px; top:50%; margin-top:-11px; font-size:16px; } /* ----------------------------------- 8. Carousels ------------------------------------- */ .brands_carousel .owl-item{ padding:0 15px; } [class*="fp_nav_"]{ position:absolute; top:38.5%; } .ios_nav_prev, .lp_nav_prev, .c_nav_prev.nav_type_3, .fp_nav_prev,.pc_nav_prev,.rp_nav_prev, .extended.simple_slideshow .flex-prev{ left:30px; } .ios_nav_next, .lp_nav_next, .c_nav_next.nav_type_3, .fp_nav_next,.pc_nav_next,.rp_nav_next, .extended.simple_slideshow .flex-next{ right:30px; } .owl-pagination > div{ width:12px; height:12px; border:1px solid rgba(255,255,255,.5); float:left; } .owl-pagination > div:not(:last-child){ margin-right:8px; } .bg_light_2 .owl-pagination > div:not(.active), .clients.brands:not(.with_video) .owl-pagination > div:not(.active){ border-color:#bfc4c8; } [class*="pc_nav_"],[class*="rp_nav"],[class*="fproducts_nav_"]:not(.fn_type_2),[class*="ln_nav_"], [class*="fp_nav_"].nav_type_2,[class*="lp_nav_"]{ position:absolute; top:50%; margin-top:-18px; } [class*="c_nav_"].nav_type_2{ position:absolute; top:38px; } [class*="c_nav_"].nav_type_3{ position:absolute; top:50%; margin-top:20px; } .twc_prev,.twc_next{ position:absolute; top:50%; margin-top:-12px; } .twc_prev{ left:0; } .twc_next{ right:0; } .related_projects .owl-item, .wfilter_carousel .owl-item{ padding-bottom:75px; } [class*="rp_nav"]{ margin-top:-47px; } [class*="fproducts_nav_"]:not(.fn_type_2){ margin-top:-90px; } [class*="ln_nav_"]{ top:78px; } .fproducts_nav_prev,.ln_nav_prev{ left:-50px; } .fproducts_nav_next,.ln_nav_next{ right:-50px; } .c_nav_prev.nav_type_2{ left:-54px; } .c_nav_next.nav_type_2{ right:-54px; } .boxed_layout .fproducts_nav_prev,.boxed_layout .ln_nav_prev{ left:-35px; } .boxed_layout .fproducts_nav_next,.boxed_layout .ln_nav_next{ right:-35px; } .boxed_layout .c_nav_next.nav_type_2{ right:-32px; } .boxed_layout .c_nav_prev.nav_type_2{ left:-32px; } .featured_products .owl-item{ padding-bottom:1px; } .thumbnails_carousel{ width:80px; } [class*="fp_nav_"].nav_type_2{ margin-top:15px; } #breaking_news{ width:87.03%; margin-top:3px; } .photo_carousel img{ min-width:100%; } /* ----------------------------------- 9. Twitter Feed ------------------------------------- */ .single{ padding:0 34px; } .tweet_list li{ padding-left:35px; } .single .tweet_list li { padding-left:0; } .tweet_list li > [class*="icon_wrap_"]{ position:absolute; left:0; top:4px; } /* ----------------------------------- 10. Lists and Navigations ------------------------------------- */ .hr_list > li{ float:left; } .m_left_0,.hr_list > li:first-child{ margin-left:0; } .hr_list > li:last-child{ margin-right:0; } .hr_list:after,.clearfix:after, .clients.brands .owl-pagination:after{ content:""; display:block; clear:both; width:100%; } .vr_list li:not(:first-child), .select_list li:not(:first-child){ border-top:1px solid #ecf0f1; } .vr_list:not(.sub_menu) li{ padding:9px 5px 9px 35px; } .social_icons{ padding-top:2px; } .breadcrumbs{ margin-top:4px; } .breadcrumbs li a, .project_description h4 a, .project_description .category a{ border-bottom:1px solid transparent; } .breadcrumbs li a:hover, .project_description h4 a:hover, .project_description .category a:hover{ color:#fff; border-color:#fff; } .dotted_list li:not(:last-child):after{ content:"."; font-size:25px; position:absolute; display:block; width:3px; height:3px; line-height: 0; right:-10px; top:50%; margin-top:-8px; } .dotted_list.type_2 li:not(:last-child):after{ right:-17px; } .vr_list_type_2 li, .vr_list_type_4 li a{ padding-left:28px; } .vr_list_type_2 li [class*="icon_wrap"], .vr_list_type_4 li a [class*="icon_wrap"]{ margin:4px 0 0 -28px; } .vr_list_type_2 li > [class|="icon"]{ margin-left:-28px; } .vr_list_type_3 li:before{ content: counter(counter) "."; display:inline-block; margin-right:3px; } .vr_list_type_5 li{ padding-left:37px; } .vr_list_type_5 li .icon_wrap_size_1{ margin-left:-37px; margin-top:2px; } .vr_list_type_5 li [class*="button_type_"]{ margin-left:-37px; } .paginations li a{ width:39px; height:35px; line-height: 32px; display:block; border-top:1px solid #bdc3c7; border-bottom:1px solid #bdc3c7; border-left:1px solid #bdc3c7; } .paginations li:last-child a{ border-right:1px solid #bdc3c7; } .steps_nav li .container3d{ width:140px; height:140px; } .steps_nav li [class*="icon_wrap"]{ position:absolute; } .step_counter:before, .steps_nav li .step_num:before{ content:counter(counter); font-style:italic; font-weight:300; display:inline-block; } .steps_nav li .step_num:before{ font-size:1.36em; margin-top:-10px; } .steps_nav .active .step_num, .steps_nav li [class*="icon_wrap"]:not(.step_num){ -webkit-transform:rotate3d(1,0,0,180deg); -moz-transform:rotate3d(1,0,0,180deg); -o-transform:rotate3d(1,0,0,180deg); -ms-transform:rotate3d(1,0,0,180deg); transform:rotate3d(1,0,0,180deg); } .steps_nav .active [class*="icon_wrap"]:not(.step_num){ -webkit-transform:rotate3d(1,0,0,0deg); -moz-transform:rotate3d(1,0,0,0deg); -o-transform:rotate3d(1,0,0,0deg); -ms-transform:rotate3d(1,0,0,0deg); transform:rotate3d(1,0,0,0deg); } .steps_nav li:not(:last-child):after{ content:""; display:block; width:22px; height:40px; position:absolute; right:-42px; top:50%; margin-top:-20px; background:url("../images/icon-right.png") no-repeat; } .sitemap_list ul{ padding-left:30px; } .flickr_list{ margin:0 -7.5px; } .flickr_list li,#dribbble_feed li{ margin:0 7.5px 15px; } .flickr_list img{ width:80px; height:80px; } .stripe_list li:not(:last-child){ position:relative; margin-right:19px; } .stripe_list li:not(:last-child)::after{ content:""; display:block; width:1px; height:11px; background:#c7cccf; position:absolute; top:50%; margin-top:-4px; right:-10px; } .contact_info_list{ padding-top:6px; } .added_items_list{ padding:20px 0 0 2px; } .added_items_list li{ padding-right:35px; } .added_items_list li > [class|="icon"]{ cursor:pointer; position:absolute; right:0px; top:-5px; display:block; width:16px; height:16px; } .added_items_list.type_2{ margin-top:-17px; } .added_items_list.type_2 li{ padding:17px 10px 17px 0; } .added_items_list.type_2 li > [class|="icon"]{ top:15px; } .fp_item .rating_list{ margin-top:-5px; } .rating_list li:not(:last-child){ margin-right:2px; } .rating_list li{ width:15px; height:15px; cursor:pointer; } .rating_list li > [class|="icon"]{ position:absolute; left:0; } .categories_list li:not(:first-child) > a, .categories_list ul{ border-top:1px solid #ecf0f1; } .categories_list{ margin-top:-6px; } .categories_list li a{ padding:5px 0 7px; } .categories_list ul a{ padding:4px 0 6px 28px; } .categories_list ul ul a{ padding-left:43px; } .helper-list{ height:0; overflow: hidden; } .news_list > li:first-child{ padding-top:0; } .news_list > li{ padding:20px 0 20px 20px; } .thumbnails_container{ padding:10px 0; } .thumbnails_container > ul > li{ padding:20px 15px 20px 20px; cursor: pointer; } /* ----------------------------------- 11. Buttons ------------------------------------- */ .search_buttons{ width:40px; height:40px; } .search_buttons > button{ position:absolute; top:0; left:0; } .search_buttons > .active{ z-index:1; } [class*="button_type"]{ border-width:1px; border-style:solid; padding-left:29px; padding-right:29px; backface-visibility:hidden; } .button_type_1{ padding-top:2px; padding-bottom:2px; } .button_type_2{ padding-top:4px; padding-bottom:5px; } .button_type_3{ padding-top:10px; padding-bottom:9px; } .button_type_4{ padding-top:19px; padding-bottom:20px; } .button_type_5{ min-height:40px; padding:7px 18px 7px; } .button_type_6{ padding:2px 10px; height:40px; min-width:40px; } .button_type_7{ padding:2px 10px; height:45px; } [class*="button_type"]:not(.transparent):hover, [class*="select_button_"]:hover,.checkout_video:hover .video_button{ background:transparent; } .popup_buttons{ position:absolute; top:50%; left:50%; z-index:3; opacity:0; -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%); } #back_to_top{ position:fixed; top:59.6%; z-index:5; } #open_side_menu{ position:fixed; top:30px; right:-40px; cursor:pointer; z-index:25; opacity:0; } .side_main_menu > li > ul, .side_main_menu > li > ul ul{ padding-left:10px; } #menu_button{ width:50px; height:40px; border-width:1px; border-style:solid; font-size:30px; } [class*="page_button"],.mini_side_offset{ padding-left:18px; padding-right:18px; } .tags_list [class*="button_type"]{ padding-left:10px; padding-right:10px; } .blog_side_button{ height:70px; width:70px; } .blog_side_button [class|="icon"]{ font-size:30px; } .calendar_nav{ padding:8px 0 7px; } .calendar_nav [data-calendar-nav]{ position: absolute; top:50%; margin-top:-9px; } [data-calendar-nav="prev"]{ left:10px; } [data-calendar-nav="next"]{ right:10px; } #back_to_top [class|="icon"]{ margin-top:-3px; } .color_button{ border:1px solid #bec3c7; width:30px; height:30px; padding:3px; background-clip:content-box; } .color_button:hover{ border-color:#363a3f; } .quantity > button{ width:29px; height:33px; } .open_product{ position:relative; margin:-50px 10px 0 0; z-index:110; width:40px; height:40px; border-color:#575a5f; line-height: 40px; opacity:.5; } .open_product i[class|="icon"]{ color:#575a5e; font-size:1.9em; display: inline-block; margin:-3px 0 0 -2px; } .open_product:hover{ opacity:.7; background:rgba(52,56,61,.2) !important; } [class*="select_button_"]{ padding:10px 15px 9px; min-width:214px; border-style:solid; -webkit-transition:background-color .5s ease,color .5s ease,border-color .5s ease !important; -moz-transition:background-color .5s ease,color .5s ease,border-color .5s ease !important; transition:background-color .5s ease,color .5s ease,border-color .5s ease !important; } .select_button_left{ -webkit-border-radius:4px 0 0 4px; -moz-border-radius:4px 0 0 4px; border-radius:4px 0 0 4px; border-width:1px 0px 1px 1px; /*margin-right:15px;*/ } .select_button_right{ -webkit-border-radius:0 4px 4px 0; -moz-border-radius:0 4px 4px 0; border-radius:0 4px 4px 0; border-width:1px 1px 1px 0px; border-color:#fff; /*margin-left:15px;*/ } [class*="select_button_"]:before, [class*="select_button_"]:after{ content:""; position:absolute; top:-1px; display:block; width:14px; height:45px; -webkit-transition:opacity .5s; -moz-transition:opacity .5s; -o-transition:opacity .5s; transition:opacity .5s; } .select_button_left:after,.select_button_left:before{ background:url("../images/select_button_left.png") no-repeat; right:-14px; } .select_button_right:after,.select_button_right:before{ background:url("../images/select_button_right.png") no-repeat; left:-14px; } [class*="select_button_"]:before{ background-position:0 -45px; } .or{ padding:10px 8px 9px; font-size:0.625em; } .video_button{ width:60px; height:60px; border-width:2px; border-style:solid; line-height:56px; } .video_button:after{ border-color:#4e4ca0 !important; } .video_button:before{ background:#fff !important; } .video_button i[class|="icon"]{ font-size:2.2em; margin:0px 0 0 5px; } /* ----------------------------------- 12. Tables ------------------------------------- */ table td, table th{ padding:9px 18px 10px; border:1px solid #bdc3c7; } table td{ padding-top:9px; padding-bottom:9px; } table tr:first-child td, table tr:first-child th{ border-top:none; } table tr:last-child td{ border-bottom:none; } table tr td:first-child, table tr th:first-child{ border-left:none; } table tr td:last-child, table tr th:last-child{ border-right:none; } .three_columns th{ width:33.3333%; } .p_table{ padding:35px 19px 39px; -webkit-transition:background-color .5s ease,border-color .5s ease; -moz-transition:background-color .5s ease,border-color .5s ease; -o-transition:background-color .5s ease,border-color .5s ease; transition:background-color .5s ease,border-color .5s ease; } .p_table:hover, .p_table.active{ margin:-10px -10px 0; padding:36px 29px 50px; } .border_light{ border:1px solid #fff; } .pt_icon{ width:100px; height:100px; font-size:39px; border:1px solid transparent; } .pt_title{ font-size:1.375em; padding-bottom:2px; } .pt_icon,.pt_title,.pt_price,.price_icon{ -webkit-transition:color .5s ease; -moz-transition:color .5s ease; -o-transition:color .5s ease; transition:color .5s ease; } .pt_time{ padding-bottom:3px; } .price_icon{ font-size:1.8em; margin-top:13px; } .p_table:hover .pt_icon, .p_table.active .pt_icon{ font-size:50px; } .calendar{ border-collapse: separate; } .calendar th, .calendar td{ width:14.28%; border:none; vertical-align: middle; } .calendar .bg_light_2 th{ border-top:1px solid #bdc3c7; border-bottom:1px solid #bdc3c7; } .calendar th{ padding:3px 0 2px; } .calendar td{ padding:6.5px 0; } .calendar td.active span{ width:30px; padding:2px 0; } .table_type_2 td:not([colspan]),.table_type_4 td{ padding:19px; } .table_type_8 td:not([colspan]){ padding:17px 19px 0; height:120px; } .table_type_5 tr:first-child td:not(:first-child){ padding:19px 19px 6px; } .table_type_2 tr:first-child th:nth-child(2){ width:330px; } .table_type_2 tr:first-child th:nth-child(3), .table_type_2 tr:first-child th:nth-child(4), .table_type_2 tr:first-child th:nth-child(7), .table_type_8 tr:first-child th:nth-child(4), .table_type_8 tr:first-child th:nth-child(7){ width:100px; } .table_type_2 tr:first-child th:first-child, .table_type_2 tr:first-child th:nth-child(5), .table_type_4 tr:first-child th:nth-child(3), .table_type_8 tr:first-child th:nth-child(3){ width:140px; } .table_type_2 tr:first-child th:nth-child(6), .fe_width_3{ width:90px; } .table_type_2 tr:first-child th:nth-child(8){ width:120px; } .table_type_3 td:first-child, .table_type_4 tr:first-child th:first-child, .table_type_5 td:first-child, .table_type_8 tr:first-child th:nth-child(2){ width:200px; } .table_type_4 tr:first-child th:nth-child(2){ width:300px; } .table_type_5 td:not(:first-child){ width:325px; } .table_type_6 td:first-child, .table_type_6 td:nth-child(2), .table_type_7 td:first-child{ width:150px; } .table_type_6 td:nth-child(3){ width:400px; } .table_type_8 tr:first-child th:first-child, .table_type_8 tr:first-child th:nth-child(6){ width:80px; } .table_type_8 tr:first-child th:nth-child(5){ width:65px; } .table_type_9 td{ padding:0; border:none; } .table_type_9 td:first-child{ width:110px; } /* ----------------------------------- 13. Icons ------------------------------------- */ i[class|="icon"]{ line-height: inherit; } [class*="icon_wrap"] i[class|="icon"]{ display:block; width:inherit; height:inherit; margin:-1px 0 0 -1px; backface-visibility:hidden; } [class*="icon_wrap"]{ border-width:1px; border-style:solid; text-align:center; } [class*="icon_wrap"].type_2{ border-width:2px; } [class*="icon_wrap"].d_inline_m{ margin-top:-2px; } .icon_wrap_size_1 [class*="icon-mail-alt"]{ font-size:10px; } .icon_wrap_size_1 [class*="icon-location"]{ font-size:16px; } .icon_wrap_size_0{ width:18px; height:18px; line-height: 18px; font-size:12px; } .icon_wrap_size_1{ width:22px; height:22px; line-height: 22px; font-size:12px; } .icon_wrap_size_2{ width:40px; height:40px; line-height: 40px; font-size:23.3px; } .icon_wrap_size_3{ width:50px; height:50px; line-height: 50px; font-size:23px; } .icon_wrap_size_4{ width:36px; height:36px; line-height: 36px; font-size:20px; } .icon_wrap_size_5{ width:24px; height:24px; line-height: 24px; font-size:13px; } .icon_wrap_size_6{ width:100px; height:100px; line-height: 100px; font-size:40px; } .icon_wrap_size_7{ width:140px; height:140px; line-height: 140px; font-size:53px; } .main_menu > li [class|="icon"]{ font-size:13px; margin-left:4px; } .main_menu > li { z-index:10; } .main_menu.type_2 > li > .sub_menu:before, .main_menu.type_2 > li > .sub_menu > li:first-child > .sub_menu:before, .main_menu > li > .mega_menu_container:before{ content:""; display: block; width:100%; height:3px; position: absolute; top:0; z-index:2; left:0; background:url("../images/shadow.png") repeat-x; } .sub_menu li a i[class|="icon"]{ color:#939597; position:absolute; right:17px; top:50%; -webkit-transform:translateY(-43%); -moz-transform:translateY(-43%); -o-transform:translateY(-43%); -ms-transform:translateY(-43%); transform:translateY(-43%); } .vr_list:not(.sub_menu) li [class|="icon"]{ position:absolute; top:9px; left:17px; font-size:9px; } .item_services h6 [class*="icon_wrap_"]{ position:absolute; left:-70px; top:-6px; } .animation_fill:after,.animation_fill:before{ content:""; position:absolute; width:inherit; height:inherit; z-index:-1; top:-1px; left:-1px; -webkit-border-radius:inherit; -moz-border-radius:inherit; border-radius:inherit; -webkit-transform:scale(.25); -moz-transform:scale(.25); -o-transform:scale(.25); -ms-transform:scale(.25); transform:scale(.25); opacity:0; -webkit-transition:-webkit-transform .8s ease,opacity .8s ease; -moz-transition:transform .8s ease,opacity .8s ease; -o-transition:transform .8s ease,opacity .8s ease; transition:transform .8s ease,opacity .8s ease; } .animation_fill:after{ border-width:inherit; border-style: solid; border-color: #fff; -webkit-transform:scale(.25); -moz-transform:scale(.25); -o-transform:scale(.25); -ms-transform:scale(.25); transform:scale(.25); -webkit-transition-delay:.1s; -moz-transition-delay:.1s; -o-transition-delay:.1s; transition-delay:.1s; } .animation_fill.type_2:after,.animation_fill.type_2:before{ top:-2px; left:-2px; } .animation_fill:hover:after, .steps_nav li .animation_fill:after, .item_services h6:hover .animation_fill:after{ -webkit-transform:scale(.85); -moz-transform:scale(.85); -o-transform:scale(.85); -ms-transform:scale(.85); transform:scale(.85); opacity:1; } .checkout_video:hover .animation_fill.type_2:after, .steps_nav li .animation_fill.type_2:after, .animation_fill.type_2:hover:after{ -webkit-transform:scale(.92) !important; -moz-transform:scale(.92) !important; -o-transform:scale(.92) !important; -ms-transform:scale(.92) !important; transform:scale(.92) !important; } .animation_fill:hover:before, .checkout_video:hover .animation_fill.type_2:before, .steps_nav li .animation_fill.type_2:before, .item_services h6:hover .animation_fill:before{ -webkit-transform:scale(1) !important; -moz-transform:scale(1) !important; -o-transform:scale(1) !important; -ms-transform:scale(1) !important; transform:scale(1) !important; opacity:1 !important; } .checkout_video:hover .animation_fill.type_2:after, .checkout_video:hover .animation_fill.type_2:before{ opacity:1 !important; } .popular{ position:absolute; top:-6px; right:-6px; z-index:2; } .paginations i[class|="icon"],.product_current_price{ font-size:1.5em; } .like_project .icon-heart-empty-1{ font-size:22px; } .login_icon{ position:absolute; top:50%; right:20px; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -o-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); } .login_form .login_icon{ right:15px; } .icon-heart.fs_large{ font-size:1.27em; } .paginations i.icon-layout, .paginations i.icon-menu{ font-size:24px; } [class*="button_type_"].mini_side_offset .icon-check.fs_large{ font-size:25px; margin-top:-2px; } [class*="fproducts_nav"].fn_type_2 i[class|="icon"], [class*="web_design_"] i[class|="icon"]{ font-size:20px; margin-top:-2px; } .thumbnails_carousel i[class|="icon"]{ font-size:19px; } .thumbnails_carousel .flex-direction-nav li:first-child i[class|="icon"]{ display: inline-block; margin-top:-2px; } /* ----------------------------------- 14. Main Content Elements ------------------------------------- */ hr{ height:1px; background:#ecf0f1; } .bg_gradient, .divider_type_2,.gradient_line,#qLbar{ background:#70269f; background:-webkit-gradient(linear,left top,right top,from(#70269f),to(#35eef6)); background:-webkit-linear-gradient(left,#70269f,#35eef6); background:-moz-linear-gradient(left,#70269f,#35eef6); background:-o-linear-gradient(left,#70269f,#35eef6); background:-ms-linear-gradient(left,#70269f,#35eef6); background:linear-gradient(left,#70269f,#35eef6); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#70269f', endColorstr='#35eef6',GradientType=1 ); } .divider_type_2,.gradient_line{ height:3px; } .divider_type_3{ background:#d9dee0; } .divider_type_4{ background:rgba(236,240,241,.07); } .divider_type_5,.p_table:hover hr,.p_table.active hr{ background:rgba(255,255,255,.5); } .show, .translucent:hover, #thumbnails .active, .search_buttons > .active, .popup_wrap:hover .popup_buttons, [class*="select_button"]:hover:before, .popup_wrap:hover .project_description, .rating_list .active > [class|="icon"]:last-child, .accordion_item.active dt [class*="icon_wrap"]:first-child, .wfilter_carousel .owl-item:hover .popup_wrap .popup_buttons, .related_projects .owl-item:hover .popup_wrap .popup_buttons{ opacity:1; } .hide, .search_buttons > button, [class*="select_button"]:before, [class*="select_button"]:hover:after, .fp_item:hover .fp_images > img:first-child, .rating_list li > [class|="icon"]:last-child, .rating_list .active > [class|="icon"]:first-child, .accordion_item dt [class*="icon_wrap"]:first-child, .accordion_item.active dt [class*="icon_wrap"]:nth-child(2){ opacity:0; } .section_offset{ padding:63px 0 67px; } .section_offset_2{ padding:70px 0 60px; } .section_offset_3{ padding:30px 0 23px; } .page_title,.coming_soon{ padding:100px 0 104px; } .coming_soon.type_2{ padding:55px 0; min-height:none; min-height:0px; } .page_title_2{ padding:30px 0; } .page_title.type_3{ padding:130px 0; max-height:none; } .iframe_video_wrap{ width: 100%; height: 0; position: relative; padding-bottom: 56%; } .iframe_video_wrap.type_2{ padding-bottom:61%; } .video_wrap{ position:absolute; width:100%; height:0; padding-bottom:57%; left:0; top:0; z-index:-1; } .video_wrap > video, .iframe_video_wrap > iframe, .slider_video_wrap > iframe{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; } .video_wrap > video{ top:-10%; } .item_services{ padding-left:70px; } .image_bg_1{background:rgba(236,240,241,.4) url("../images/image_bg_1.png") 0 -150px;} .image_bg_2{background:url("../images/image_bg_2.jpg") no-repeat;} .image_bg_3{background:url("../images/image_bg_3.jpg") no-repeat;} .image_bg_4{background:url("../images/image_bg_5.jpg") no-repeat;} .image_bg_5{background:url("../images/image_bg_8.jpg") no-repeat;} .image_bg_6{background:url("../images/home_img_13.jpg") no-repeat;} .image_bg_7{background:url("../images/image_bg_13.jpg") no-repeat;} .image_bg_8{background:url("../images/home_img_19.jpg") no-repeat;} .image_bg_9{background:url("../images/image_bg_4.jpg") no-repeat;} .image_bg_10{background:url("../images/image_bg_6.jpg") no-repeat;} .image_bg_11{background:url("../images/image_bg_7.jpg") no-repeat;} .image_bg_12{background:url("../images/image_bg_9.jpg") no-repeat;} .image_bg_13{background:url("../images/image_bg_10.jpg") no-repeat;} .image_bg_14{background:url("../images/image_bg_11.jpg") no-repeat;} .image_bg_15{background:url("../images/image_bg_12.jpg") no-repeat;} .image_bg_16{background:url("../images/home_img_18.jpg") no-repeat;} [class*="image_bg_"]{ background-attachment:fixed; background-size:cover; } [class*="translucent_bg"].image_fixed{ background-color:transparent; } [class*="translucent_bg"][class*="image_bg_"].image_fixed{ background-attachment: scroll; } [class*="translucent_bg"].image_fixed.type_2:before{ z-index:0; } .darkness{ background-size:auto auto; padding:153px 0; } .darkness.type_2{ padding:135px 0; } .darkness:after{ background:rgba(0,0,0,.5); } .darkness.type_3:after{ background:rgba(0,0,0,.4); } .darkness.type_4{ padding:96px 0; background-size:cover; } [class*="translucent_bg"].image_fixed:before,.darkness:after{ content:""; position:absolute; left:0; top:0; width:100%; height:100%; z-index:-1; } [class*="translucent_bg"].image_fixed > img.page_404{ position:absolute; top:0; left:0; z-index:-2; left:50%; -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -o-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); } .popup_wrap:before, .popup_wrap:after{ content:""; display:block; position:absolute; width:50%; height:100%; left:0; top:0; background:rgba(0,0,0,.3); -webkit-transform:translateX(-100%); -moz-transform:translateX(-100%); -o-transform:translateX(-100%); -ms-transform:translateX(-100%); transform:translateX(-100%); z-index:1; } .popup_wrap:after{ -webkit-transform:translateX(100%); -moz-transform:translateX(100%); -o-transform:translateX(100%); -ms-transform:translateX(100%); transform:translateX(100%); left:auto; right:0; } [class*="tooltip"]:not(.tooltip_container){ position:absolute; white-space: nowrap; opacity:0; visibility: hidden; } .tooltip{ background:#e6f7fb; margin-bottom:10px; padding:4px 9px; } .tooltip,.tooltip_type_2.top{ bottom:100%; left:50%; -webkit-transform:translate(-50%,-15px); -moz-transform:translate(-50%,-15px); -o-transform:translate(-50%,-15px); -ms-transform:translate(-50%,-15px); transform:translate(-50%,-15px); } .tooltip:after{ content:""; width:0; height:0; border-left:6px solid transparent; border-top:5px solid #606366; border-right:6px solid transparent; position:absolute; bottom:-5px; left:50%; margin-left:-6px; } .tooltip_type_2{ background:rgba(52,56,61,.8); padding:2px 10px; } .tooltip_type_2:after{ content:""; position:absolute; } .tooltip_type_2.bottom{ top:100%; left:50%; -webkit-transform:translate(-50%,15px); -moz-transform:translate(-50%,15px); -o-transform:translate(-50%,15px); -ms-transform:translate(-50%,15px); transform:translate(-50%,15px); } .tooltip_type_2.left{ top:50%; right:100%; margin-right:9px; -webkit-transform:translate(-15px,-50%); -moz-transform:translate(-15px,-50%); -o-transform:translate(-15px,-50%); -ms-transform:translate(-15px,-50%); transform:translate(-15px,-50%); } .tooltip_type_2.right{ top:50%; left:100%; margin-left:9px; -webkit-transform:translate(15px,-50%); -moz-transform:translate(15px,-50%); -o-transform:translate(15px,-50%); -ms-transform:translate(15px,-50%); transform:translate(15px,-50%); } .tooltip_type_2.top:after{ top:100%; border-left:7px solid transparent; border-top:5px solid rgba(52,56,61,.8); border-right:7px solid transparent; left:50%; margin-left:-7px; } .tooltip_type_2.bottom:after{ bottom:100%; border-left:7px solid transparent; border-bottom:5px solid rgba(52,56,61,.8); border-right:7px solid transparent; left:50%; margin-left:-7px; } .tooltip_type_2.left:after{ top:50%; border-top:7px solid transparent; border-left:5px solid rgba(52,56,61,.8); border-bottom:7px solid transparent; left:100%; margin-top:-7px; } .tooltip_type_2.right:after{ top:50%; border-top:7px solid transparent; border-right:5px solid rgba(52,56,61,.8); border-bottom:7px solid transparent; right:100%; margin-top:-7px; } .tooltip_container:hover .tooltip, .tooltip_container:hover .tooltip_type_2.top, .tooltip_container:hover .tooltip_type_2.bottom{ -webkit-transform:translate(-50%,0px); -moz-transform:translate(-50%,0px); -o-transform:translate(-50%,0px); -ms-transform:translate(-50%,0px); transform:translate(-50%,0px); opacity:1 !important; visibility: visible; } .tooltip_container:hover .tooltip_type_2.left, .tooltip_container:hover .tooltip_type_2.right{ -webkit-transform:translate(0px,-50%); -moz-transform:translate(0px,-50%); -o-transform:translate(0px,-50%); -ms-transform:translate(0px,-50%); transform:translate(0px,-50%); opacity:1; visibility: visible; } #side_menu{ position:fixed; top:0; right:-280px; z-index:26; width:280px; background:#34383d; padding:33px 30px; height:100%; overflow-y:auto; } #side_menu > hr{ margin-right:-30px; margin-left:-30px; } .alert_box{ padding:13px 55px 13px 20px; } .alert_box i[class|="icon"]{ width:16px; height:16px; position:absolute; top:50%; right:20px; margin-top:-8px; cursor:pointer; line-height: 16px; font-size:17px; } .alert_box.warning{ background:#fae5d3; color:#d35400; } .alert_box.warning i[class|="icon"]{ color:#fae5d3; background:#d35400; } .alert_box.error{ background:#f2d7d5; color:#c0392b; } .alert_box.error i[class|="icon"]{ color:#f2d7d5; background:#c0392b; } .alert_box.success{ background:#d5f5e3; color:#27ae60; } .alert_box.success i[class|="icon"]{ color:#d5f5e3; background:#27ae60; } .alert_box.info{ background:#d6eaf8; color:#2980b9; } .alert_box.info i[class|="icon"]{ color:#d6eaf8; background:#2980b9; } .progress_indicator{ position:relative; height:9px; } .progress_indicator > div{ position:absolute; top:2px; left:2px; right:2px; bottom:2px; width:0; } .item_statistic{ height:140px; } .item_statistic [class|="icon"]{ position:absolute; z-index:0; opacity:.15; font-size:137px; line-height: 140px; top:0; left:0; width:100%; } .item_statistic .icon-coffee{ font-size:145px; margin-top:-10px; } .step_counter{ border-width:2px; border-style:solid; width:95px; -webkit-border-radius:4px 0 0 4px; -moz-border-radius:4px 0 0 4px; border-radius:4px 0 0 4px; } .step_img_container .d_table_cell:not(.step_counter){ padding:0 0 0 5px; } .step_img_container.right .d_table_cell:not(.step_counter){ padding:0 5px 0 0; } .step_img_container.right .step_counter{ -webkit-border-radius:0 4px 4px 0; -moz-border-radius:0 4px 4px 0; border-radius:0 4px 4px 0; } .step_counter:before{ font-size:4.5em; margin-top:16px; } .step_description{ padding-top:12px; } .coming_soon{ background:url("../images/coming_soon_img_1.jpg") no-repeat; background-size:cover; min-height:514px; } #countdown dl{ padding:30px 20px 23px; } #countdown dl hr{ margin-top:12px; } [class*="_isotope_container"]{ margin-left:-15px; margin-right:-15px; overflow: hidden; -webkit-transition:height .7s ease; -moz-transition:height .7s ease; -o-transition:height .7s ease; transition:height .7s ease; } [class*="_isotope_container"].without_text .portfolio_item, [class*="_isotope_container"] .blog_isotope_item, [class*="_isotope_container"] .shop_isotope_item{ margin-top:15px; margin-bottom:15px; } [class*="_isotope_container"] .blog_isotope_item, [class*="_isotope_container"] .shop_isotope_item{ border-left:15px solid transparent; border-right:15px solid transparent; } .portfolio_item{ margin:25px 0; border-left:15px solid transparent; border-right:15px solid transparent; } [class*="_isotope_container"].two_columns .portfolio_item, [class*="_isotope_container"].two_columns .blog_isotope_item{ width:50%; } [class*="_isotope_container"].three_columns .portfolio_item, [class*="_isotope_container"].three_columns .blog_isotope_item, [class*="_isotope_container"].three_columns .shop_isotope_item:not(.list_view){ width:33.333333%; } [class*="_isotope_container"].four_columns .portfolio_item, [class*="_isotope_container"].four_columns .blog_isotope_item{ width:25%; } .project_description{ position:absolute; top:0; left:0; width:100%; height:100%; z-index:2; opacity:0; padding-left:50px; padding-right:50px; } .project_description.type_2{ padding-left:10px; padding-right:10px; } .project_description_up{ padding:16px 0 8px; position:absolute; top:100%; left:0; width:100%; z-index:5; } .portfolio_item.type_2 .popup_wrap:hover img{ -webkit-transform:translateY(-75px); -moz-transform:translateY(-75px); -o-transform:translateY(-75px); -ms-transform:translateY(-75px); transform:translateY(-75px); } .portfolio_item.type_2 .popup_wrap:hover .project_description{ -webkit-transform:translateY(-37px); -moz-transform:translateY(-37px); -o-transform:translateY(-37px); -ms-transform:translateY(-37px); transform:translateY(-37px); } .portfolio_item.type_2 .popup_wrap:hover .project_description_up{ -webkit-transform:translateY(-100%); -moz-transform:translateY(-100%); -o-transform:translateY(-100%); -ms-transform:translateY(-100%); transform:translateY(-100%); } .project_description_up [class*="col-"].d_table_cell{ padding:0 20px; } .p_carousel_description{ position:absolute; bottom:0; left:0; width:100%; padding:15px 20px 13px; z-index:-1; max-height:75px; min-height: 75px; } .related_projects .owl-item:hover .p_carousel_description, .wfilter_carousel .owl-item:hover .p_carousel_description{ -webkit-transform:translateY(100%); -moz-transform:translateY(100%); -o-transform:translateY(100%); -ms-transform:translateY(100%); transform:translateY(100%); } .like_project{ margin-top:-8px; } .blog_date{ padding:14px 0 7px; } .blog_date > span:first-child{ margin-bottom:1px; } [class*="border_color_"]{ border-width:1px; border-style:solid; } .link_container{ padding:17px 19px 19px; } .link_container.type_2{ padding-left:17px; padding-right:17px; } .link_container [class*="icon_wrap_"],[class*="latest_projects_"],.tags_icon, [class*="specials_"],td .reviews{ margin-top:2px; } .blog_side_container{ width:70px; margin-left:-100px; } figcaption.blog_post .blog_side_container{ margin-top:-9px; } .blog_post{ padding-left:100px; } .advertising_area{ padding:0px 10px 10px; } .advertising_area.type_2{ padding:0 8px 8px; } .advertising_area.type_3{ padding:0 70px 10px; } .advertising_area.type_4{ padding:0; } .advertising_area.type_3 > div:not(.advertising_row), .advertising_area.type_4 > div:not(.advertising_row){ height:90px; } .advertising_area.type_4{ width:728px; } .advertising_area > div:not(.advertising_row){ height:250px; } .advertising_area > span{ font-size:0.625em; } .advertising_area .half_column > div{ font-size:0.75em; line-height: 1.2em; height:125px; } .advertising_area .half_column{ padding:0 2px; } .advertising_row{ margin:0 -2px; } .advertising_row > .clearfix:first-child{ margin-bottom:4px; } .blog_isotope_container{ margin-top:-15px; } .blog_isotope_item > article{ padding:19px 19px 27px; } .comment{ padding:13px 20px; } .comment:before{ content:""; width:0; height:0; position:absolute; left:30px; top:-8px; border-left:10px solid transparent; border-bottom:8px solid #ecf0f1; border-right:10px solid transparent; } .comment_level_2{ padding-left:30px; } .addthis_floating_style{ position:relative !important; margin-top:15px; left:0 !important; top:0 !important; } .category_select{ width:215px; z-index:14; } .dropdown_2{ position:absolute; top:100%; margin-top:15px; width:380px; right:0; border-top-width:3px; border-top-style:solid; -webkit-transform-origin:100% 0; -moz-transform-origin:100% 0; -o-transform-origin:100% 0; -ms-transform-origin:100% 0; transform-origin:100% 0; -webkit-transform:translateY(20px); -moz-transform:translateY(20px); -o-transform:translateY(20px); -ms-transform:translateY(20px); transform:translateY(20px); opacity:0; visibility: hidden; } .dropdown_2:before{ content:""; position:absolute; top:-8px; right:15px; border-left:6px solid transparent; border-bottom-width:5px; border-bottom-style:solid; border-right:6px solid transparent; } .dropdown_2:after{ content:""; display:block; height:15px; width:100%; position:absolute; top:-18px; right:0; } .dropdown_2_container{ z-index:12; } .dropdown_2_container .dropdown_2{ padding:27px 15px 0; } .dropdown_2_container.shoppingcart .dropdown_2 .sc_header,.total_price{ margin-left:-15px; margin-right:-15px; padding:4px 15px 3px; border-bottom:1px solid #ecf0f1; } .dropdown_2 .sc_footer{ padding:16px 15px; margin:0 -15px; border-top:1px solid #ecf0f1; } .item_description{ max-width:150px; } .total_price{ border-top:1px solid #ecf0f1; padding:8px 50px 8px 15px; } .total_price .price{ min-width:60px; margin-bottom:1px; } .fp_images > img:last-child{ position:absolute; top:0; left:0; z-index:-1; } .labels_container{ position:absolute; left:10px; top:10px; z-index:2; } .label{ width:50px; height:50px; } .client_item::after{ content:""; display:block; position:absolute; left:0; top:0; width:100%; height:100%; background:#fff; z-index:-1; } .category_title{ padding:15px 5px 14px; } .quantity{ border:1px solid #e1e4e6; } .privacy{ padding:17px 19px 15px; } .banners_container{ padding:10px 10px 8px; } .product_view{ width:54%; } .product_info{ width:42.52%; } .zoomWindowContainer > div{ z-index:100 !important; } .slider_video_wrap{ padding-right:30px; } .mini_coming_soon{ padding-top:30px; } #countdown.type_2 dt{ font-weight:600; margin-bottom:0; } #countdown.type_2 dl{ text-align: center; padding:7px 15px 2px; } #countdown.type_2 hr{ margin:8px 0 2px; } #countdown.type_2 [class*="col-"]{ padding:0 5px; } #countdown.type_2 .row{ margin-left:-5px; margin-right:-5px; } .wfilter_carousel:after{ content:""; display:none; width:32px; height:32px; background:url("../images/loader2.gif") no-repeat; position:absolute; top:50%; left:50%; margin:-59px 0 0 -16px; } .wfilter_carousel.changed:after{ display:block; } .screens,.mobile{ height:450px; } .screens > [class^="layer_"],.mobile > [class^="layer_"]{ position:absolute; bottom:0; } .screens > .layer_1{ left:50%; margin-left:-344px; z-index:2; } .screens > .layer_2{ left:0; z-index:1; } .screens > .layer_3{ right:0; } .mobile > .layer_2{ right:-10px; } .tablet > .layer_1{ max-width:none; margin-top:-63px; } .stat{ width:100px; } .breaking_news{ padding:5px 0; } .news_main_item{ width:54.02%; } .news_list{ width:44.82%; } .fs_caption{ background:rgba(255,255,255,.7); padding:45px 20px 17px; position:absolute; bottom:20px; left:20px; width:430px; } .fs_caption > header{ position:absolute; top:0; left:0; padding:5px 20px 7px; -webkit-border-bottom-right-radius:4px; -moz-border-bottom-right-radius:4px; border-bottom-right-radius:4px; } .create_account_form_wrap{ background:rgba(255,255,255,.6); padding:28px 20px 30px; width:390px; } .clients_item:before{ content:""; display:block; position:absolute; -webkit-border-radius:5px 5px 5px 5px; -moz-border-radius:5px 5px 5px 5px; border-radius:5px 5px 5px 5px; top:0px; left:0px; right:0px; bottom:0px; background:#fff; z-index:-1; } .form_description{ padding-left:65px; } /* ----------------------------------- 15. Forms ------------------------------------- */ [role="banner"] [role="search"]:not(.type_3){ position:absolute; width:100%; height:100%; left:-47px; top:0; z-index:11; -webkit-transform:translateX(-100px); -moz-transform:translateX(-100px); -o-transform:translateX(-100px); -ms-transform:translateX(-100px); transform:translateX(-100px); opacity:0; visibility: hidden; } textarea, .select_title, input:not([type="submit"]){ border:1px solid #e1e4e6; height:40px; padding:5px 15px; font-style:italic; } textarea{ resize:none; outline:none; height:250px; } .height_2{ height:150px; } .height_3{ height:160px; } .height_4{ height:210px; } .height_5{ height:120px; } form li label{ width:17%; } form li input, form li textarea,form .inline_select{ width:82%; } label[for^="input_"]:not([for="input_1"]){ width:144px; } input[type="radio"] + label, input[type="checkbox"] + label{ width:auto !important; position:relative; padding-left:36px; cursor:pointer; } input[type="radio"] + label:after, input[type="radio"] + label:before, input[type="checkbox"] + label:before{ content:""; display:block; position:absolute; background:#fff; top:0; left:0; width:26px; height:26px; border:1px solid #e2e5e7; } input[type="radio"] + label:after{ display:none; border:none; background:#606366; width:10px; height:10px; left:8px; top:8px; } input[type="checkbox"] + label:after{ content:'\e914'; font-family: "fontello"; position:absolute; left:8px; top:2px; display:none; } input[type="radio"]:checked + label:after, input[type="checkbox"]:checked + label:after{ display:block; } [role="banner"] [role="search"]:not(.type_3) input[type="text"]{ width:520px; } .custom_select{ position:relative; } .select_title{ padding:6px 35px 5px 13px; cursor:pointer; } .custom_select.type_2 .select_title{ font-style:normal; height:35px; padding-top:4px; padding-bottom:4px; } .products_filter{ width:180px; } .show_per_page_select{ min-width:70px; } .select_title:after, .side_main_menu .has_sub_menu > a:after{ content:'\e9f9'; font-family: "fontello"; display:block; font-style:normal; position: absolute; top:0; height:40px; line-height:40px; color:#606366; font-size:20px; right:14px; } .select_title.active:after, .side_main_menu .has_sub_menu.active > a:after{ content:'\e9f8'; } .custom_select.type_2 .select_title:after{ font-size:17px; height:34px; line-height: 34px; } .select_list{ width:100%; position:absolute; top:100%; -webkit-transform:translateY(15px); -moz-transform:translateY(15px); -o-transform:translateY(15px); -ms-transform:translateY(15px); transform:translateY(15px); opacity:0; visibility: hidden; z-index:2; } .select_list li{ cursor: pointer; padding:6px 13px 5px; } .select_list li:hover{ background:#f7f7f7; } [role="search"].type_2 input[type="text"]{ padding-right:45px; } [role="search"].type_2 button{ position:absolute; top:0; width:46px; height:100%; right:0; font-size:23px; } form .row{ margin-left:-5px; margin-right:-5px; } form [class*="col-"]{ padding-left:5px; padding-right:5px; } #capcha{ width:100px; } #contactform [class*="button_type"]{ min-width:120px; } form.login_form [class*="button_type"]{ min-width:72px; padding-left:10px; padding-right:10px; } .notify_me input[type="email"]{ width:77.19%; } .notify_me button{ width:21.05%; } .side_main_menu .has_sub_menu > a:after{ height:100%; line-height: inherit; right:0; font-size:13px; opacity:.8; color:inherit; } [role="search"].type_3{ width:350px; } input[class*="_limit"]{ border:none; padding:0; font-style:normal; } .login_icon + input:not([type="submit"]){ padding-right:40px; } .ui-slider{ height:9px; cursor:pointer; position:relative; padding:0 2px; } .ui-slider-handle{ display:block; width:13px; height:20px; position:absolute; margin-left:-6px; top:-7px; background:url("../images/slider_range_icon.png") no-repeat; } .ui-slider-range{ position:absolute; top:2px; bottom:2px; } .quantity input[type="text"]{ border-top:none; border-bottom:none; border-left:1px solid #e1e4e6; border-right:1px solid #e1e4e6; padding-left:2px; padding-right:2px; text-align:center; font-style:normal; height:33px; width:40px; } .quantity.type_2 input[type="text"]{ width:60px; } .coupon{ width:325px; margin:2px 3px; } .coupon + button{ margin-top:-10px; } .required:after,.required_l:before{ content:"*"; } .required:after{ display:inline-block; margin-left:3px; } .fe_width_1{ width:170px; } .fe_width_2,.table_type_3{ width:370px; } .subscribe_form{ background:#dbf2fa; padding:10px; } .subscribe_form input[type="email"]{ width:76%; } .subscribe_form button{ width:22.88%; } [role="search"]:not(.type_3).type_4{ width:calc(100% - 50px); left:0; } [role="search"]:not(.type_3).type_4 input[type="text"]{ width:100%; height:100%; border:none; padding-left:0; } /* chrome special fixes*/ @media only screen and (-webkit-min-device-pixel-ratio:0){ .side_main_menu .has_sub_menu > a:after{ top:1px; } .categories_list li a{ padding:6px 0; } .categories_list ul a{ padding:4px 0 5px 28px; } .open_product i[class|="icon"]{ margin:-4px 0 0 -2px; } [class*="select_button_"]:before, [class*="select_button_"]:after{ -webkit-transition:opacity .56s; -moz-transition:opacity .56s; -o-transition:opacity .56s; transition:opacity .56s; } .flex_container .slides > li > img{ -webkit-border-radius:4px 0 0 4px; } .icon_wrap_size_1 > .icon-lifebuoy{ font-size:.95em; } .owl-carousel:not(.wfilter_carousel) .owl-item{ padding:0 1px; } .photo_carousel .owl-item{ padding-left:0 !important; padding-right: 0 !important; } } /* firefox special fixes*/ @-moz-document url-prefix() { /* Temporary fix for the 3d animations in Firefox */ .container3d { filter: blur(0.00001px); } .breadcrumbs i[class|="icon"]{ margin-top:2px; } .stripe_list li:not(:last-child)::after{ margin-top:-4px; } .button_type_2{ padding-top:3px; padding-bottom:6px; } .button_type_3{ padding-top:10px; padding-bottom:10px; } .button_type_5{ padding-top:6px; padding-bottom:7px; } .button_type_6{ padding-top:1px; padding-bottom:3px; } .category_title{ padding:14px 5px 15px; } .custom_select.type_2 .select_title{ padding-top:3px; } .paginations i[class|="icon"]{ margin-top:-.5px; display:inline-block; } table td{ padding-top:8px; padding-bottom:10px; } .thumbnails_carousel .flex-direction-nav li:first-child i[class|="icon"]{ margin-top:-3px; } .thumbnails_carousel .flex-direction-nav li:last-child i[class|="icon"]{ margin-top:-2px; } .project_description_up{ padding:15px 0 9px; } .tabs_nav.type_2 a{ padding-top:4px; padding-bottom:5px; } #breaking_news{ margin-top:2px; } .button_type_1{ padding-top:1px; padding-bottom:3px; } .icon_wrap_size_2{ line-height: 39px; } [class*="icon_wrap"] .icon-play{ margin-left:0px !important; } [class*="icon_wrap"] .icon-plus,[class*="icon_wrap"] .icon-minus{ margin-top:-2px !important; } [class*="icon_wrap"] [class^="icon-angle-"]{ margin-top:-2px !important; } .icon_wrap_size_0 .icon-link{ font-size:.95em; margin-top:-2px; } .step .d_table_cell img{ width:100%; } .video_button i[class|="icon"]{ margin-top:1px; } } /* ----------------------------------- 16. Footer ------------------------------------- */ [role="contentinfo"]{ padding:44px 0 0; } .footer_bottom_part{ padding:24px 0; border-top:1px solid #cbd0d4; } /* ----------------------------------- 17. Animations ------------------------------------- */ [class*="animate_f"],#back_to_top{ opacity:0; visibility: hidden; } .animate_ftr{ -webkit-transform:translateX(-60px); -moz-transform:translateX(-60px); -o-transform:translateX(-60px); -ms-transform:translateX(-60px); transform:translateX(-60px); } .animate_ftl,#back_to_top{ -webkit-transform:translateX(60px); -moz-transform:translateX(60px); -o-transform:translateX(60px); -ms-transform:translateX(60px); transform:translateX(60px); } .animate_ftt{ -webkit-transform:translateY(60px); -moz-transform:translateY(60px); -o-transform:translateY(60px); -ms-transform:translateY(60px); transform:translateY(60px); } .animate_ftb{ -webkit-transform:translateY(-60px); -moz-transform:translateY(-60px); -o-transform:translateY(-60px); -ms-transform:translateY(-60px); transform:translateY(-60px); } .animate_fctr{ -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -o-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); } .animate_fctl{ -webkit-transform:translateX(50%); -moz-transform:translateX(50%); -o-transform:translateX(50%); -ms-transform:translateX(50%); transform:translateX(50%); } .wfilter_carousel .owl-item:hover .popup_wrap:before, .wfilter_carousel .owl-item:hover .popup_wrap:after, .related_projects .owl-item:hover .popup_wrap:before, .related_projects .owl-item:hover .popup_wrap:after, .popup_wrap:hover:before, .popup_wrap:hover:after, .horizontal_animate_finished[class*="animate_"], [role="banner"] [role="search"]:not(.type_3).horizontal_animate_finished, #back_to_top.horizontal_animate_finished, .dropdown_2_container:hover .dropdown_2, .fp_item:hover [class*="animate_fc"],.no_children_animate [class*="animate_f"]{ -webkit-transform:translateX(0px); -moz-transform:translateX(0px); -o-transform:translateX(0px); -ms-transform:translateX(0px); transform:translateX(0px); opacity:1; visibility: visible; } .vertical_animate_finished, .md_no-touch .main_menu li:hover > .mega_menu_container, .md_touch .main_menu .touch_open_sub > .mega_menu_container, .md_no-touch .mega_menu_container .container3d:hover .sub_menu, .md_touch .mega_menu_container .container3d.touch_open_sub .sub_menu, .no_children_animate [class*="animate_f"]{ -webkit-transform:translateY(0px); -moz-transform:translateY(0px); -o-transform:translateY(0px); -ms-transform:translateY(0px); transform:translateY(0px); opacity:1; visibility: visible; } .animate_fsj_finished{ -webkit-animation-name:sizejump; -moz-animation-name:sizejump; -o-animation-name:sizejump; animation-name:sizejump; -webkit-animation-timing-function:ease; -moz-animation-timing-function:ease; -o-animation-timing-function:ease; animation-timing-function:ease; opacity:1; visibility: visible; } @-webkit-keyframes sizejump{ 0% {-webkit-transform:scale(.8);} 50% {-webkit-transform:scale(1.05);} 100% {-webkit-transform:scale(1);} } @keyframes sizejump{ 0% {-moz-transform:scale(.8);-o-transform:scale(.8);transform:scale(.8);} 50% {-moz-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05);} 100% {-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1);} } .ie9 [class*="animate_f"]:not(.with_ie),.fade_finished,.fp_item .animate_fctl{ opacity:1; visibility: visible; } #close_side_menu{ opacity:.2; } /* ----------------------------------- 18. Responsive changes ------------------------------------- */ /* slider layers fix*/ @media only screen and (max-width:1600px){ .slider_title_1{ font-size:6em; } .slider_title_2{ font-size:3.5em; } .iosslider .slider .slide .item_3,.iosslider .slider .slide .item_2{ top:8%; } } @media only screen and (max-width:1200px),only screen and (max-width:1200px) and (orientation: landscape){ /* scheme color */ .tabs_nav.type_3 .active a{ border-right-color:#41bedd !important; } .tabs_nav.type_3 .active + li a{ border-top-color:#41bedd; } .boxed_layout{ width:1000px; } .main_menu > li:last-child > ul{ left:auto; right:0; } [class*="animate_f"]{ -webkit-transform:none; -moz-transform:none; -o-transform:none; -ms-transform:none; transform:none; opacity:1; visibility: visible; } iframe[src^="http://www.facebook.com/plugins"]{ width:100% !important; height:auto !important; } #scroll_sidebar{ position:relative !important; top:auto !important; right:auto !important; } .step_description{ padding-top:0; } .tabs_nav.type_3 li:first-child a{ -webkit-border-radius:4px 4px 0 0; -moz-border-radius:4px 4px 0 0; border-radius:4px 4px 0 0; } .tabs_nav.type_3 li:last-child a{ -webkit-border-radius:0 0 4px 4px; -moz-border-radius:0 0 4px 4px; border-radius:0 0 4px 4px; } .tabs_nav.type_3 li:not(:last-child) a{ border-right:1px solid #bdc3c7; border-bottom:none; } .tabs_nav.type_3 .active + li a{ border-left-color:#bdc3c7; } .iosslider .slider .slide h1,.slider_title_1,.slider_title_2,.slider_title_3{ font-size:2.5em; } [role="banner"].type_2 .header_top_part{ padding-bottom:6px !important; } .category_link{ width:136px; } .table_type_2 tr:first-child th:nth-child(2){ width:285px; } .table_type_2 tr:first-child th:nth-child(5){ width:190px; } .table_type_2 td:not([colspan]),.table_type_2 th, .table_type_8 td:not([colspan]),.table_type_8 th{ padding-left:15px; padding-right:15px; } .table_type_8 td:not([colspan]){ padding-bottom:10px; } .table_type_4 tr:first-child th:nth-child(2){ width:180px; } .title_size_1{ line-height: 1em; } .mini_coming_soon{ padding-top:0; } .darkness{ padding:120px 0; } .darkness.type_2{ padding:100px 0; } .bn_title{ width:13.3%; } #breaking_news{ width:83.03%; } .thumbnails_container > ul > li{ width:25%; } .iosslider .slider .slide .item_3,.iosslider .slider .slide .item_2{ top:6%; } .iosslider .slider .slide .item{ top:8%; } .iosslider .slider .slide .item_3{ margin-left:-480px; } .flex_container{ -webkit-border-radius:5px 5px 0 0; -moz-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0; } .thumbnails_container{ -webkit-border-radius:0 0 4px 4px; -moz-border-radius:0 0 4px 4px; border-radius:0 0 4px 4px; } .main_menu > li > a{ padding-left:16px; padding-right:16px; } .page_title.type_3{ padding:75px 0; } .md_wrapper{ overflow: hidden; } .f_md_left{ float:left; } .w_md_full,.flex_container,.thumbnails_container{ width:100%; } .f_md_none,.hr_list > .f_md_none{ float:none; } .d_md_block{ display:block; } .d_md_none, .zoomContainer, .steps_nav li:not(:last-child):after{ display:none; } .d_md_inline_b{ display:inline-block; } .t_md_align_c,.fp_item:hover,.fp_item:hover .fp_price{ text-align:center; } .t_md_align_l,.list_view .fp_item:hover,.list_view .fp_item:hover .fp_price{ text-align:left; } .m_md_right_0{ margin-right:0px; } .m_md_right_10{ margin-right:10px; } .m_md_right_15{ margin-right:15px; } .m_md_right_20{ margin-right:20px; } .m_md_bottom_5{ margin-bottom:5px; } .m_md_bottom_10{ margin-bottom:10px; } .m_md_bottom_15{ margin-bottom:15px; } .m_md_bottom_30{ margin-bottom:30px; } } @media only screen and (max-width:992px),only screen and (max-width:992px) and (orientation: portrait){ .boxed_layout{ width:780px; } .container,.project_description{ padding-left:10px; padding-right:10px; } .main_menu > li > a{ padding:25px 3.5px; } .main_menu > li [class|="icon"]{ margin-left:0; } .main_menu > li:last-child > ul{ left: auto; right:0; } .item_services{ padding-left:60px; } .item_services h6 [class*="icon_wrap_"]{ left:-60px; } [class*="button_type"]:not(.button_type_6){ padding-left:27px; padding-right:27px; } [role="banner"] [role="search"]:not(.type_3){ width:93%; left:0; } .tabs_nav a{ padding-left:16px; padding-right:16px; } .steps_nav li .step_num:before{ margin-top:-4px; } .steps_nav li .icon_wrap_size_7, .steps_nav li .container3d{ width:105px; height:105px; line-height: 105px; } .flickr_list img{ width:72px; height:auto; } .calendar td.active span{ width: 26px; padding: 1px 0; } .blog_isotope_container[class*="_columns"].type_2 .blog_isotope_item > article { padding: 14px 14px 27px; } .blog_isotope_container[class*="_columns"].type_2{ margin-top:-2px; margin-left:-2px; margin-right:-2px; } .blog_isotope_container[class*="_columns"].type_2 .blog_isotope_item{ border-left-width:2px; border-right-width:2px; margin:2px 0; } .portfolio_isotope_container.home .portfolio_item{ width:50%; } .category_select,.type_3[role="search"]{ width:200px; } .category_link{ width:100px; } .screens{ height:350px; } .screens > .layer_1{ width:70%; margin-left:-35%; } .screens > .layer_2, .screens > .layer_3{ width:50%; } .tablet > .layer_1{ max-width:100%; margin-top:0; } .table_type_2 td:not([colspan]),.table_type_2 th{ padding-left:5px; padding-right:5px; } .table_type_2 .quantity input[type="text"]{ width:30px; } .table_type_4 td:not([colspan]),.table_type_4 th,.table_type_5 td,.table_type_5 th{ padding-left:15px; padding-right:15px; } .table_type_4 td:not(:last-child),.table_type_4 th:not(:last-child){ width:22%; } .table_type_4 img{ width:100px; } .table_type_8 td:not([colspan]),.table_type_8 th,.table_type_8 td[colspan]{ padding-left:6px; padding-right:6px; } .coupon{ width: 280px; } .slider_video_wrap{ padding-right:0; } .product_view{ width:470px; } .iosslider .slider .slide .item, .iosslider .slider .slide .item_3{ min-width:400px; margin-left:0px; } .iosslider .slider .slide .item_3{ top:3%; margin-left:-364px; } .p_sm_top_0{ padding-top: 0px !important; } .w_sm_full,.advertising_area.type_4,form .inline_select{ width:100%; } .w_sm_auto{ width:auto; } .f_sm_none{ float:none; } .f_sm_left{ float:left; } .f_sm_right{ float:right; } .t_sm_align_l{ text-align: left; } .t_sm_align_c{ text-align: center; } .d_sm_block{ display:block; } .d_sm_none{ display:none; } .d_sm_inline_b{ display:inline-block; } .m_sm_right_0{ margin-right:0px; } .m_sm_right_5{ margin-right:5px; } .m_sm_right_15{ margin-right:15px; } .m_sm_left_15{ margin-left:15px; } .m_sm_top_25{ margin-top:25px; } .m_sm_bottom_0{ margin-bottom:0px; } .m_sm_bottom_5{ margin-bottom:5px; } .m_sm_bottom_10{ margin-bottom:10px; } .m_sm_bottom_20{ margin-bottom:20px; } .m_sm_bottom_30{ margin-bottom:30px; } .m_sm_bottom_60{ margin-bottom:60px; } } @media only screen and (max-width:767px){ /* scheme color */ .tabs_nav .active a{ border-right-color:#41bedd !important; } .tabs_nav .active + li a{ border-top-color:#41bedd; } h1:not(.ls-l){ font-size:1.75em; } .page_title,.page_title.type_3{ padding:20px 0; } .boxed_layout{ width:auto; margin-left:10px; margin-right: 10px; } [class*="image_bg_"]{ background-attachment:scroll; background-position:0 0; } [role="banner"]{ padding-bottom:1px; } [role="banner"] [role="search"]{ position:relative !important; top:auto !important; } [role="banner"]{ border-bottom:none !important; } .header_bottom_part{ padding-bottom:20px; } .type_2[role="banner"] .header_top_part{ padding-bottom:1px !important; } .header_bottom_part.type_2{ padding:0; } .main_menu > li > a, .main_menu.type_2 > li > a{ padding:8px 40px 9px 20px; border-top-width:1px; border-right-width:1px; border-left-width:1px; border-bottom-width:2px; border-style:solid; } .main_menu > li > a > i{ position: absolute; height:100%; right:15px; } .main_menu.type_2 > li:first-child > a{ padding-left:20px; } [class*="translucent_bg"].image_fixed > img{ left:-70%; } .r_xs_corners{ -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; } .mega_menu_container{ width:100% !important; left:0 !important; padding:0; } .mega_menu_container, .sub_menu:not(.relative), .mega_menu_container .container3d .sub_menu{ position:relative; top:auto; margin-top: 5px; border:1px solid #F7F7F7; } .main_menu.type_2 > li > ul{ margin-top:5px; } .dropdown .sub_menu{ position:absolute; top:100%; border-top:2px solid #41bedd; margin-top:0px; } .sub_menu .sub_menu, [role="banner"] [role="search"]:not(.type_3){ left:0; margin-left:0; } .sub_menu .sub_menu, .mega_menu_container .container3d .sub_menu{ margin-top:0; border:none; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px; } .sub_menu ul li a{ padding-left:30px; } .sub_menu ul ul li a{ padding-left:40px; } .section_offset,.section_offset_2{ padding:35px 0 40px; } [role="contentinfo"]{ padding-top:35px; } .r_xs_corners_none{ -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px; } .tabs_nav li:first-child a{ -webkit-border-radius:4px 4px 0 0; -moz-border-radius:4px 4px 0 0; border-radius:4px 4px 0 0; } .tabs_nav li:last-child a{ -webkit-border-radius:0 0 4px 4px; -moz-border-radius:0 0 4px 4px; border-radius:0 0 4px 4px; } .tabs_nav li:not(:last-child) a{ border-right:1px solid #bdc3c7; border-bottom:none; } .tabs_nav .active + li a{ border-left-color:#bdc3c7; } .clients_item{ max-width:170px; } .d_table > [class*="col-"]:last-child{ padding-right:15px; } .d_table > [class*="col-"]:first-child{ padding-left:15px; } .p_table:hover,.p_table.active{ margin:0; padding:35px 19px 39px; } .page_title{ max-height:268px; } [class*="_isotope_container"] .portfolio_item, [class*="_isotope_container"] .blog_isotope_item, .blog_isotope_container[class*="_columns"].type_2 .blog_isotope_item{ border-left:none; border-right:none; margin-top:15px; margin-bottom:15px; } .project_description,.p_carousel_description,.blog_post{ padding-left:0; padding-right:0; } .p_xs_hr_0{ padding-left:0 !important; padding-right:0 !important; } .blog_side_container{ margin-left:0; } .advertising_area.type_3{ padding-left:30px; padding-right:30px; } .blog_isotope_container[class*="_columns"].type_2 .blog_isotope_item > article { padding: 19px 19px 27px; } .dropdown_2{ width:280px; right:auto; left:50%; margin-left:-140px; } .item_description{ max-width:145px; } .dropdown_2:before{ right:50%; margin-right:-6px; } .featured_products .owl-wrapper{ padding-bottom:2px; } .clients.brands .owl-controls{ margin-top:20px; } [class*="addthis_button_"],.addthis_counter{ display:block !important; } .thumbnails_carousel .flex-direction-nav{ margin-top:15px !important; } [role="search"]:not(.type_3).type_4 input[type="text"]{ border:1px solid #e1e4e6; padding-left:20px; height:40px; } .header_bottom_part.type_3{ padding-bottom:14px; } [class*="select_button"]{ -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; border-width:1px; } .darkness{ padding:80px 0; } .darkness.type_3{ padding:20px 0; } .screens{ height:0; padding-bottom:48%; } .tablet{ padding-bottom:30px; } .mobile{ height:0; padding-bottom:67%; } .news_list > li { padding-left:0; } .video_wrap > video{ width:auto; height:auto; } .coming_soon{ background-size:100% 100%; } .table_type_8 td:not([colspan]){ height:auto; } .form_description{ padding-left:0; padding-right:0; } .db_xs_centered, [class*="_isotope_container"], .blog_isotope_container[class*="_columns"].type_2, [role="banner"] [role="search"]:not(.type_3){ margin-left:auto; margin-right: auto; } .bs_xs_none, .sub_menu.bs_xs_none{ -webkit-box-shadow:none; -moz-box-shadow:none; -o-box-shadow:none; box-shadow:none; } .tr_xs_none{ -webkit-transition:none !important; -moz-transition:none !important; -o-transition:none !important; transition:none !important; } .trf_xs_none{ -webkit-transform:none !important; -moz-transform:none !important; -o-transform:none !important; -ms-transform:none !important; transform:none !important; opacity:1 !important; visibility: visible !important; } .w_xs_auto,.notify_me button,.bn_title{ width:auto; } .w_xs_full, #breaking_news, .thumbnails_container > ul > li, .notify_me input[type="email"], [role="banner"] [role="search"], .addthis_floating_style.addthis_counter_style, [role="banner"] [role="search"]:not(.type_3) input[type="text"], [class*="_isotope_container"][class*="_columns"] .portfolio_item, [class*="_isotope_container"][class*="_columns"] .blog_isotope_item, [class*="_isotope_container"][class*="_columns"] .shop_isotope_item:not(.list_view), .addthis_floating_style.addthis_counter_style .addthis_internal_container{ width:100%; } .f_xs_none, .hr_list > .f_xs_none{ float:none; } .d_xs_none, .main_menu > li > a:after, [class*="select_button"]:after, [class*="select_button"]:before, [role="banner"] [role="search"]:after, [class*="ios_nav_"], .tp-leftarrow,.tp-rightarrow, .main_menu.type_2 > li > .sub_menu:before, .main_menu > li > .mega_menu_container:before, .main_menu.type_2 > li > .sub_menu > li:first-child > .sub_menu:before{ display:none; } .w_xs_half_column{ width:50%; } .f_xs_left,[class*="addthis_button_"],.addthis_counter{ float:left; } .f_xs_right{ float: right; } .d_xs_block{ display:block; } .d_xs_inline_b{ display:inline-block; } .d_xs_inline_m{ display:inline-block; vertical-align: middle; } .t_xs_align_c{ text-align:center; } .t_xs_align_l{ text-align:left; } .m_xs_left_0{ margin-left:0px; } .m_xs_left_5{ margin-right:5px; } .m_xs_right_0{ margin-right:0; } .m_xs_right_5{ margin-right:5px; } .m_xs_right_8{ margin-right:8px; } .m_xs_right_15{ margin-right:15px; } .m_xs_right_20{ margin-right:20px; } .m_xs_top_0{ margin-top:0px; } .m_xs_top_10{ margin-top:10px; } .m_xs_top_15{ margin-top:15px; } .m_xs_top_20{ margin-top:20px; } .m_xs_bottom_0{ margin-bottom:0; } .m_xs_bottom_5{ margin-bottom:5px; } .m_xs_bottom_8{ margin-bottom:8px; } .m_xs_bottom_10{ margin-bottom:10px; } .m_xs_bottom_15{ margin-bottom:15px; } .m_xs_bottom_20{ margin-bottom:20px; } .m_xs_bottom_30{ margin-bottom:30px; } .responsive_table thead tr,.responsive_table td.d_xs_none{ display:none !important; } .responsive_table.rt_type_2 tbody tr{ counter-reset: counter; } .responsive_table tbody td[colspan]{ display: block; text-align: center; border-left:none; border-right: none; border-top:none; width:100%; } .responsive_table tbody td:not([colspan]){ display:block; padding-left:52% !important; position:relative; border-left:none; border-right: none; border-top:none; width:100%; } .responsive_table tbody tr:nth-child(2n+1){ background:#f7f9f9; } .responsive_table tbody td:not([colspan]):before{ content: attr(data-title); position:absolute; left:15px; top:50%; width:40%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -o-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); } .responsive_table.rt_type_2 tbody tr td{ counter-increment: counter; } .responsive_table.rt_type_2 tbody td:not([colspan]):before{ content:counter(counter)". "attr(data-title); } .responsive_table tbody td:not([colspan]):after{ content:""; display:block; height:100%; border-left:1px solid #bdc3c7; position:absolute; left:49%; top:0; } .responsive_table tr:last-child td:not(:last-child){ border-bottom:1px solid #bdc3c7; } .coupon{ width: 80%; } } @media only screen and (max-width:696px){ .steps_nav li .icon_wrap_size_7, .steps_nav li .container3d{ width:60px; height:60px; line-height: 60px; font-size:30px; } } @media only screen and (max-width:500px){ .product_view{ width:100%; } } @media only screen and (max-width:390px){ .table_type_5 .quantity input[type="text"]{ width:30px; } .w_mxs_full{ width:100%; } .d_mxs_none{ display:none; } .d_mxs_block{ display:block; } .d_mxs_inline_b{ display:inline-block; } .d_mxs_table_cell{ display:table-cell; } .m_mxs_left_0{ margin-left:0; } .m_mxs_bottom_5{ margin-bottom:5px; } .m_mxs_bottom_10{ margin-bottom:10px; } .f_mxs_none{ float:none; } } /* ----------------------------------- 19. Retina ready ------------------------------------- */ @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144 dpi){ .simple_slideshow .flex-direction-nav a, .ls-nav-prev,.ls-nav-next{ background-image:url("../images/prevnext@2x.png"); background-size:50px 100px; } .steps_nav li:after{ background-image:url("../images/icon-right@2x.png"); background-size:22px 40px; } .select_button_left:after,.select_button_left:before{ background-image:url("../images/select_button_left@2x.png"); background-size:14px 90px; } } .beyaz { color: white !important } .flt-left { float: left } .flt-right { float: right } .alert{padding:15px;margin-bottom:20px;border:1px solid transparent;border-radius:4px}.alert h4{margin-top:0;color:inherit}.alert .alert-link{font-weight:700}.alert>p,.alert>ul{margin-bottom:0}.alert>p+p{margin-top:5px}.alert-dismissable,.alert-dismissible{padding-right:35px}.alert-dismissable .close,.alert-dismissible .close{position:relative;top:-2px;right:-21px;color:inherit}.alert-success{color:#3c763d;background-color:#dff0d8;border-color:#d6e9c6}.alert-success hr{border-top-color:#c9e2b3}.alert-success .alert-link{color:#2b542c}.alert-info{color:#31708f;background-color:#d9edf7;border-color:#bce8f1}.alert-info hr{border-top-color:#a6e1ec}.alert-info .alert-link{color:#245269}.alert-warning{color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc}.alert-warning hr{border-top-color:#f7e1b5}.alert-warning .alert-link{color:#66512c}.alert-danger{color:#a94442;background-color:#f2dede;border-color:#ebccd1}.alert-danger hr{border-top-color:#e4b9c0}.alert-danger .alert-link{color:#843534} .close{float:right;font-size:21px;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;filter:alpha(opacity=20);opacity:.2}.close:focus,.close:hover{color:#000;text-decoration:none;cursor:pointer;filter:alpha(opacity=50);opacity:.5}