@charset "utf-8";
@import "../fonts/font-awesome.css";
@import "../fonts/nseva-icons.css";
@font-face { font-family: 'speedlineregular'; src: url('./Speedline-webfont.eot'); src: url('./Speedline-webfont_162a16fe.eot') format('embedded-opentype'), url('./Speedline-webfont.woff2') format('woff2'), url('./Speedline-webfont.woff') format('woff'), url('./Speedline-webfont.ttf') format('truetype'), url('./Speedline-webfont.svg') format('svg'); font-weight: normal; font-style: normal; }
* { margin: 0; padding: 0; text-decoration: none; outline: 0; border: 0; word-wrap: break-word; }
img { max-width: 100%; }
header { position: relative; z-index: 100; }
section { padding: 80px 0; }
.height5 { height: 5px; }
.height10 { height: 10px; }
.height20 { height: 20px; }
.height30 { height: 30px; }
.height40 { height: 40px; }
.height50 { height: 50px; }
.height60 { height: 60px; }
.height70 { height: 70px; }
.height80 { height: 80px; }
.height90 { height: 90px; }
.height100 { height: 100px; }
.margin-top-40 { margin-top: 40px; }
.margin-top-30 { margin-top: 30px; }
.margin-top-20 { margin-top: 20px; }
.margin-top-10 { margin-top: 10px; }
.margin-top-5 { margin-top: 5px; }
.margin-bottom-40 { margin-bottom: 40px; }
.margin-bottom-30 { margin-bottom: 30px; }
.margin-bottom-20 { margin-bottom: 20px; }
.margin-bottom-10 { margin-bottom: 10px; }
.margin-bottom-5 { margin-bottom: 5px; }
.padding-top-40 { padding-top: 40px; }
.padding-top-35 { padding-top: 35px; }
.padding-top-30 { padding-top: 30px; }
.padding-top-20 { padding-top: 20px; }
.padding-top-10 { padding-top: 10px; }
.padding-top-5 { padding-top: 5px; }
.padding-bottom-60 { padding-bottom: 60px; }
.padding-bottom-50 { padding-bottom: 50px; }
.padding-bottom-40 { padding-bottom: 40px; }
.padding-bottom-35 { padding-bottom: 35px; }
.padding-bottom-30 { padding-bottom: 30px; }
.padding-bottom-20 { padding-bottom: 20px; }
.padding-bottom-10 { padding-bottom: 10px; }
.padding-bottom-5 { padding-bottom: 5px; }
.padding-left-60 { padding-left: 60px; }
.padding-left-50 { padding-left: 50px; }
.padding-left-40 { padding-left: 40px; }
.padding-left-35 { padding-left: 35px; }
.padding-left-30 { padding-left: 30px; }
.padding-left-20 { padding-left: 20px; }
.padding-left-10 { padding-left: 10px; }
.padding-left-5 { padding-left: 5px; }
.padding-right-60 { padding-right: 60px; }
.padding-right-50 { padding-right: 50px; }
.padding-right-40 { padding-right: 40px; }
.padding-right-35 { padding-right: 35px; }
.padding-right-30 { padding-right: 30px; }
.padding-right-20 { padding-right: 20px; }
.padding-right-10 { padding-right: 10px; }
.padding-right-5 { padding-right: 5px; }
.double-border { display: block; height: 4px; border-top: 1px solid #dadada; border-bottom: 1px solid #dadada; }
.no-bg-img { background-image: none!important; }
.no-bg { background: none!important; }
.bg-light-blue { background: #f2f5f7; }
.bg-dark { background: #222222; }
.bg-grey { background: #f4f4f4; }
.bg1 { background: url(../images/bg/1.jpg) repeat; }
.bg2 { background: url(../images/bg/2.jpg) repeat; }
.bg3 { background: url(../images/bg/3.jpg) repeat; }
.bg4 { background: url(../images/bg/4.jpg) repeat; }
.bg5 { background: url(../images/bg/5.jpg) repeat; }
.bg6 { background: url(../images/bg/6.jpg) repeat; }
.bg7 { background: url(../images/bg/7.jpg) repeat; }
.bg8 { background: url(../images/bg/8.jpg) repeat; }
.bg9 { background: url(../images/bg/9.jpg) repeat; }
.bg10 { background: url(../images/bg/10.jpg) repeat; }
.bg11 { background: url(../images/bg/11.jpg) repeat; }
.bg12 { background: url(../images/bg/12.jpg) repeat; }
.no-margin { margin: 0!important; }
.no-margin-top { margin-top: 0!important; }
.no-margin-right { margin-right: 0!important; }
.no-margin-bottom { margin-bottom: 0!important; }
.no-margin-left { margin-left: 0!important; }
.no-padding { padding: 0!important; }
.no-padding-top { padding-top: 0!important; }
.no-padding-right { padding-right: 0!important; }
.no-padding-bottom { padding-bottom: 0!important; }
.no-padding-left { padding-left: 0!important; }
.inline { display: inline-block!important; }
.relative { position: relative !important; }
.absolute { position: absolute !important; }
.static { position: static !important; }
.hidden-content { display: none; }
.display-none { display: none; }
.shadow-large { background: url(../images/shadow-big.png) no-repeat scroll center top; height: 40px; }
.color-dark { color: #222222 !important; }
.bg-default { color: #2991d6 }
.error { border: 1px solid red!important; }
.animate-it { opacity: 0; }
.animate-it.animated { opacity: 1; }
.success-msg { background: #e9f7dd; border: 1px solid #abd0a8; color: #589051; display: none; margin: 0 auto 30px; max-width: 821px; padding: 11px 16px; text-align: center; }
.news-letter-form .success-msg { margin: 0; border: 0; text-align: left; font-size: 16px; }
.back-to-top { color: #fff; border-radius: 5px; bottom: 20px; display: block; font-size: 40px; height: 70px; position: fixed; right: -200px; visibility: hidden; text-align: center; width: 70px; z-index: 500; -webkit-transition: all 800ms ease; -moz-transition: all 800ms ease; -ms-transition: all 800ms ease; -o-transition: all 800ms ease; transition: all 800ms ease; }
.back-to-top:focus, .back-to-top:hover { color: #fff; -webkit-transition: all 800ms ease; -moz-transition: all 800ms ease; -ms-transition: all 800ms ease; -o-transition: all 800ms ease; transition: all 800ms ease; }
.back-to-top.to-top { right: 20px; visibility: visible; -webkit-transition: all 800ms ease; -moz-transition: all 800ms ease; -ms-transition: all 800ms ease; -o-transition: all 800ms ease; transition: all 800ms ease; }
li.clear { float: none!important; width: auto!important; height: auto!important; margin: 0!important; padding: 0!important; clear: both; }
.underline { text-decoration: underline; font-size: 16px; font-weight: 300; text-transform: uppercase; }
.underline:hover { text-decoration: none; }
/*.overlay-nseva { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }*/
.overlay-nseva.white { background: #fff; opacity: .8; }
.list li { color: #404040; font-size: 18px; font-weight: 300; padding: 11px 0 6px; }
.list li:last-child { border-bottom: 0!important; }
.list.dashed li { border-bottom: 1px dashed silver; }
.list.solid li { border-bottom: 1px solid #d8d8d8; }
.list-center { min-width: 280px; }
.feature-list li { font-weight: 300; padding: 9px 0 8px 40px; font-size: 19px; line-height: 26px; letter-spacing: 0.5px; }
.feature-list i { float: left; font-size: 20px; text-align: center; margin: 0 0px 0 -40px; color: #fff; width: 25px; height: 25px; border-radius: 100%; line-height: 23px; }
.feature-list.big li { font-size: 24px; }
.feature-list.big i { font-size: 32px; color: #393939; }
.list-icon i { float: left; margin: 5px 0 0 -28px; font-size: 19px; }
.list-icon li { float: left; padding: 5px 0 5px 028px; }
.font-alternate { font-family: 'speedlineregular'; }
#wrapper { overflow-x: hidden; background: #fff; }
.boxed-layout #wrapper { max-width: 1200px; margin: 30px auto; position: relative; }
.boxed-layout .cd-header { display: none; }
.smallHeader .boxed-layout #wrapper { margin: 0 auto; }
.boxed-layout .containerr { max-width: 1170px; margin: 0 auto; }
.boxed-layout.smallHeader .navbar-default { left: 0; top: 0; }
.display-none { display: none; }
.reading-box { background: #f4f4f4; padding: 36px 34px; border-left: 4px solid transparent; }
.reading-box h2 { font-size: 32px; margin-bottom: 5px; }
.reading-box p { margin: 0; }
.reading-box .btn { margin-top: 5px; }
a, a:hover { -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; }
.smooth { -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; }
.smooth:hover { -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; }
/******************************** TEXT ROTATOR ********************************/
.rotating { display: inline-block; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: rotateX(0) rotateY(0) rotateZ(0); -moz-transform: rotateX(0) rotateY(0) rotateZ(0); -ms-transform: rotateX(0) rotateY(0) rotateZ(0); -o-transform: rotateX(0) rotateY(0) rotateZ(0); transform: rotateX(0) rotateY(0) rotateZ(0); -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; -webkit-transform-origin-x: 50%; }
.rotating.flip { position: relative; }
.rotating .front, .rotating .back { left: 0; top: 0; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; }
.rotating .front { position: absolute; display: inline-block; -webkit-transform: translate3d(0, 0, 1px); -moz-transform: translate3d(0, 0, 1px); -ms-transform: translate3d(0, 0, 1px); -o-transform: translate3d(0, 0, 1px); transform: translate3d(0, 0, 1px); }
.rotating.flip .front { z-index: 1; }
.rotating .back { display: block; opacity: 0; }
.rotating.spin { -webkit-transform: rotate(360deg) scale(0); -moz-transform: rotate(360deg) scale(0); -ms-transform: rotate(360deg) scale(0); -o-transform: rotate(360deg) scale(0); transform: rotate(360deg) scale(0); }
.rotating.flip .back { z-index: 2; display: block; opacity: 1; -webkit-transform: rotateY(180deg) translate3d(0, 0, 0); -moz-transform: rotateY(180deg) translate3d(0, 0, 0); -ms-transform: rotateY(180deg) translate3d(0, 0, 0); -o-transform: rotateY(180deg) translate3d(0, 0, 0); transform: rotateY(180deg) translate3d(0, 0, 0); }
.rotating.flip.up .back { -webkit-transform: rotateX(180deg) translate3d(0, 0, 0); -moz-transform: rotateX(180deg) translate3d(0, 0, 0); -ms-transform: rotateX(180deg) translate3d(0, 0, 0); -o-transform: rotateX(180deg) translate3d(0, 0, 0); transform: rotateX(180deg) translate3d(0, 0, 0); }
.rotating.flip.cube .front { -webkit-transform: translate3d(0, 0, 100px) scale(0.9, 0.9); -moz-transform: translate3d(0, 0, 100px) scale(0.85, 0.85); -ms-transform: translate3d(0, 0, 100px) scale(0.85, 0.85); -o-transform: translate3d(0, 0, 100px) scale(0.85, 0.85); transform: translate3d(0, 0, 100px) scale(0.85, 0.85); }
.rotating.flip.cube .back { -webkit-transform: rotateY(180deg) translate3d(0, 0, 100px) scale(0.9, 0.9); -moz-transform: rotateY(180deg) translate3d(0, 0, 100px) scale(0.85, 0.85); -ms-transform: rotateY(180deg) translate3d(0, 0, 100px) scale(0.85, 0.85); -o-transform: rotateY(180deg) translate3d(0, 0, 100px) scale(0.85, 0.85); transform: rotateY(180deg) translate3d(0, 0, 100px) scale(0.85, 0.85); }
.rotating.flip.cube.up .back { -webkit-transform: rotateX(180deg) translate3d(0, 0, 100px) scale(0.9, 0.9); -moz-transform: rotateX(180deg) translate3d(0, 0, 100px) scale(0.85, 0.85); -ms-transform: rotateX(180deg) translate3d(0, 0, 100px) scale(0.85, 0.85); -o-transform: rotateX(180deg) translate3d(0, 0, 100px) scale(0.85, 0.85); transform: rotateX(180deg) translate3d(0, 0, 100px) scale(0.85, 0.85); }
.text-rotator span { font-weight: 600; }
/******************************** LOADER ********************************/
#preloader { background: #fff; display: block; height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 100000; }
.pulse { margin: -25px 0 0 -25px; border-radius: 100px; position: absolute; left: 50%; top: 50%; z-index: 10; background-color: #000; opacity: 1; width: 50px; height: 50px; -webkit-border-radius: 100px; -moz-border-radius: 100px; -o-border-radius: 100px; -ms-border-radius: 100px; border-radius: 100px; -webkit-animation: pulse 2s linear infinite; -moz-animation: pulse 2s linear infinite; border-image: initial; }
@-webkit-keyframes pulse { 0% {
-webkit-transform: scale(0);
opacity: 0;
}
8% {
-webkit-transform: scale(0);
opacity: 0;
}
15% {
-webkit-transform: scale(0.1);
opacity: 1;
}
30% {
-webkit-transform: scale(0.5);
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: scale(1);
}
}
@-moz-keyframes pulse { 0% {
-moz-transform: scale(0);
opacity: 0;
}
8% {
-moz-transform: scale(0);
opacity: 0;
}
15% {
-moz-transform: scale(0.1);
opacity: 1;
}
30% {
-moz-transform: scale(0.5);
opacity: 1;
}
100% {
opacity: 0;
-moz-transform: scale(1);
}
}
/******************************** CUSTOM NAV ********************************/
.cd-header { position: absolute; top: 0; right: 0; height: 50px; z-index: 1001; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
@media only screen and (min-width: 768px) {
.cd-header { background: transparent; box-shadow: none; }
}
@media only screen and (min-width: 1170px) {
.cd-header { -webkit-transition: background-color 0.3s; -moz-transition: background-color 0.3s; transition: background-color 0.3s; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; }
.cd-header.is-fixed { top: -4px; }
}
.cd-primary-nav-trigger { position: absolute; right: 10px; top: 11px; height: 80%; width: 46px; background-color: #fff; border-radius: 5px; }
.cd-primary-nav-trigger .cd-menu-text { color: white; text-transform: uppercase; font-weight: 700; display: none; }
.cd-primary-nav-trigger .cd-menu-icon { display: inline-block; position: absolute; left: 50%; top: 50%; bottom: auto; right: auto; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); width: 18px; height: 2px; background-color: #141414; -webkit-transition: background-color 0.3s; -moz-transition: background-color 0.3s; transition: background-color 0.3s; }
.cd-primary-nav-trigger .cd-menu-icon::before, .cd-primary-nav-trigger .cd-menu-icon:after { content: ''; width: 100%; height: 100%; position: absolute; background-color: #141414; right: 0; -webkit-transition: -webkit-transform .3s, top .3s, background-color 0s; -moz-transition: -moz-transform .3s, top .3s, background-color 0s; transition: transform .3s, top .3s, background-color 0s; }
.cd-primary-nav-trigger .cd-menu-icon::before { top: -5px; }
.cd-primary-nav-trigger .cd-menu-icon::after { top: 5px; }
.cd-primary-nav-trigger .cd-menu-icon.is-clicked { background-color: rgba(255, 255, 255, 0)!important; }
.cd-primary-nav-trigger .cd-menu-icon.is-clicked::before { top: 0; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); }
.cd-primary-nav-trigger .cd-menu-icon.is-clicked::after { top: 0; -webkit-transform: rotate(225deg); -moz-transform: rotate(225deg); -ms-transform: rotate(225deg); -o-transform: rotate(225deg); transform: rotate(225deg); }
@media only screen and (min-width: 768px) {
.cd-primary-nav-trigger { padding: 11px 0; border-radius: 5px; background-color: #fff; height: 40px; line-height: 30px; right: 20px; top: 38px; bottom: auto; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }
.cd-primary-nav-trigger .cd-menu-text { display: inline-block; }
.cd-primary-nav-trigger .cd-menu-icon { left: auto; right: 0.8em; -webkit-transform: translateX(0) translateY(-50%); -moz-transform: translateX(0) translateY(-50%); -ms-transform: translateX(0) translateY(-50%); -o-transform: translateX(0) translateY(-50%); transform: translateX(0) translateY(-50%); }
}
.cd-primary-nav { position: fixed; left: 0; top: 0; height: 100%; width: 100%; z-index: 1000; text-align: center; padding: 50px 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; overflow: auto; -webkit-overflow-scrolling: touch; -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; transition-property: transform; -webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s; transition-duration: 0.4s; }
.cd-primary-nav li { font-size: 22px; font-size: 1.375rem; font-weight: 300; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin: .2em 0; text-transform: capitalize; list-style: none; }
.cd-primary-nav a { display: inline-block; width: 100%; -webkit-transition: background 0.2s; -moz-transition: background 0.2s; transition: background 0.2s; font-family: 'Raleway', sans-serif; color: #fff; font-size: 40px; line-height: 72px; font-weight: 900; text-transform: uppercase; }
.cd-primary-nav a:hover { color: #111; background-color: #fff; }
.cd-primary-nav .social-icons { margin: 40px 0 60px; }
.cd-primary-nav .social-icons a { padding: 0px; width: auto; font-size: 36px; }
.cd-primary-nav .social-icons a:hover { background: none; }
.cd-primary-nav .social-icons span { width: 70px; background: none; height: 68px; font-size: 36px; border-radius: 5px; padding: 14px 14px; margin: 0 0 0 10px; }
.cd-primary-nav .social-icons span:hover { background: #fff; color: #111; }
.cd-primary-nav .cd-label { color: #fff; text-transform: uppercase; font-weight: 700; font-size: 14px; font-size: 0.875rem; margin: 2.4em 0 .8em; }
.cd-primary-nav .cd-social { display: inline-block; margin: 0 .4em; }
.cd-primary-nav .cd-social a { width: 44px; height: 44px; padding: 0; background-image: url("../img/cd-socials.svg"); background-repeat: no-repeat; overflow: hidden; text-indent: 100%; white-space: nowrap; }
.cd-primary-nav .cd-facebook a { background-position: 0 0; }
.cd-primary-nav .cd-instagram a { background-position: -44px 0; }
.cd-primary-nav .cd-dribbble a { background-position: -88px 0; }
.cd-primary-nav .cd-twitter a { background-position: -132px 0; }
.cd-primary-nav.is-visible { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }
@media only screen and (min-width: 768px) {
.cd-primary-nav { padding: 80px 0; }
}
@media only screen and (min-width: 1170px) {
.cd-primary-nav li { font-size: 30px; font-size: 1.875rem; }
.cd-primary-nav .cd-label { font-size: 16px; font-size: 1rem; }
}
/******************************** ROUNDED ICON ********************************/
.round-icon { border: 1px solid #ededed; box-shadow: 0 0 0 6px #f9f9f9 inset; -webkit-box-shadow: 0 0 0 6px #f9f9f9 inset; height: 130px; width: 130px; margin: 0 auto; }
.round-icon i { border: 1px solid #ededed; display: block; height: 120px; margin: 4px 4px 0 auto; width: 120px; font-size: 55px; line-height: 119px; }
.round-icon i.icon-designgraphictabletstreamlinetable-1 { font-size: 45px; }
.round-icon:hover i, .tri-sec:hover .round-icon i { border-color: #fff; color: #fff; }
.bg-grey .round-icon i { background: #fff; }
.round-icon-fill { border: 3px solid #222222; height: 130px; width: 130px; margin: 0 auto; }
.round-icon-fill i { display: block; height: 116px; margin: 4px 4px 0 auto; width: 116px; font-size: 50px; line-height: 119px; color: #fff; background: #222222 }
.round-icon-fill:hover i, .tri-sec:hover .round-icon-fill i { border-color: #fff; color: #fff; }
.tri-sec i.icon-icons96 { font-size: 85px; position: relative;/*top: 11px;line-height: 52px;*/ }
.round-icon .icon-icons96 { top: 0 !important; font-size: 60px !important; line-height: 115px !important; }
.simple-icon { font-size: 70px; }
/******************************** POINTER ICON ********************************/
.pointer-icon { border-radius: 3px; color: #fff; font-size: 35px; height: 62px; line-height: 65px; text-align: center; width: 67px; position: relative; }
.pointer-icon:after { top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(41, 145, 214, 0); border-width: 12px; margin-left: -4px; border-left: 0; }
.pointer-icon .shadow { background: #fff; position: absolute; left: -45px; top: -20px; width: 100%; height: 100%; opacity: .1; transform: rotate(137deg) scale(1.5) skew(29deg) translate(-1px); -webkit-transform: rotate(137deg) scale(1.5) skew(29deg) translate(-1px); -moz-transform: rotate(137deg) scale(1.5) skew(29deg) translate(-1px); -o-transform: rotate(137deg) scale(1.5) skew(29deg) translate(-1px); -ms-transform: rotate(137deg) scale(1.5) skew(29deg) translate(-1px); }
.pointer { width: 118px; height: 108px; margin: 0 auto; border: 1px solid #222222; border-radius: 3px; display: inline-block; font-size: 48px; line-height: 120px; position: relative; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; }
.pointer:after { top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(136, 183, 213, 0); border-top-color: #222222; border-width: 5px; margin-left: -5px; }
.pointer:after, .pointer:before { top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }
.pointer:after { border-top-color: #fff; border-width: 12px; margin-left: -12px; }
.pointer:before { border-top-color: #222; border-width: 13px; margin-left: -13px; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; }
.styled-select { display: block; position: relative; border: 1px solid #e0e0e0; }
.styled-select:after { padding: 0; pointer-events: none; position: absolute; right: 0; top: 0; }
.styled-select:before { background: url("../images/select-arrow.png") no-repeat 55% 19px #fff; content: ""; display: block; height: 47px; pointer-events: none; position: absolute; right: 0px; top: 0px; width: 47px; }
.styled-select-small { display: block; position: relative; width: 100%; max-width: 200px; border: 1px solid #e0e0e0; height: 38px; }
.styled-select-small select { height: 36px; }
.styled-select-small:after { padding: 0; pointer-events: none; position: absolute; right: 0; top: 0; }
.styled-select-small:before { background: url("../images/select-arrow-grey.png") no-repeat 60% 15px #fff; content: ""; display: block; height: 36px; pointer-events: none; position: absolute; right: 0px; top: 0px; width: 47px; }
.simple-round { width: 125px; height: 125px; display: inline-block; border: 3px solid #fff; border-radius: 100%; font-size: 45px; line-height: 120px; color: #fff; }
.simple-round.icon-icons96 { font-size: 60px; }
.simple-round.icon-icons20 { font-size: 60px; }
/******************************** PARALLAX ********************************/
.no-parallax { background-position: 0 0 !important; }
.parallax { background-size: cover !important; background-attachment: fixed !important; }
.parallax-background { background: url(../images/parallax2.jpg) no-repeat center top; }
.parallax-background h1 { font-size: 60px; font-weight: 600; }
.parallax-background .tri-sec { margin: 70px 0 0; }
.parallax-background .tri-sec p { padding: 0 10px; font-weight: 400; }
/******************************** HEADING ********************************/
.heading { margin: 0 auto; max-width: 860px; }
.heading h2 { margin-bottom: 7px; }
.heading p { font-size: 20px; }
.heading.big h2 { font-size: 20px; font-family: 'Raleway', sans-serif; font-weight: 600; }
.heading.big h2 span { display: block; font-size: 156px; color: #222222; font-family: 'Raleway', sans-serif; font-weight: 700; margin: -44px 0 40px 25px; }
.heading.big-heading h2 { font-size: 55px; padding-bottom: 15px; }
.heading.big-heading p { font-size: 28px; line-height: 37px; }
.double-heading h2 { font-size: 48px; font-weight: 800; text-transform: uppercase; }
.double-heading h2 small { font-size: 18px; display: block; padding-bottom: 33px; font-weight: 600; }
/******************************** NAVIGATION SEARCH ********************************/
.search-btn { float: right; border-left: 1px solid #a3a5af; padding: 0 0 0 19px; height: 27px; margin: 23px 0 0 0; font-size: 24px; }
.search-btn i { cursor: pointer; color: #333; line-height: 28px; }
.search-btn i:hover { color: #000; }
.smallHeader .search-btn i { color: #333 !important; }
.smallHeader .search-btn i:hover { color: #000; }
.search { background: #fff; height: 100%; left: 0; position: absolute; top: 0; width: 100%; display: none; }
.search input[type="text"] { border: 0 none; font-size: 30px; height: 100%; margin: 0 5%; padding: 16px 0 11px; width: 90%; }
.search a { font-size: 30px; position: absolute; right: 5%; top: 20px; text-decoration: none; color: #222 }
.smallHeader .search a { top: 16px; }
.nav-full .search-btn { border-left: 1px solid rgba(255, 255, 255, 0.34); }
.nav-full .search-btn i { font-size: 25px; }
.header-classic .search-btn i { font-size: 30px; }
.header-classic { position: absolute; left: 0; top: 0; width: 100%; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; }
.header-classic .search-btn { height: 47px; margin: 23px 27px 0 4px; padding: 9px 0 0 25px; border-left: 1px solid #d3d3d3; }
.nav-full .search input[type="text"] { padding: 18px 0 11px; }
.header-classic .navbar-default .search input[type="text"] { padding: 27px 0 11px; }
.smallHeader .header-classic .navbar-default .search input[type="text"] { padding: 20px 0 11px; }
.header-classic .navbar-default .search a { top: 30px; }
.smallHeader .header-classic .navbar-default .search a { top: 20px; }
.smallHeader .header-classic .navbar-brand { padding-top: 20px !important; }
.shopping-cart { float: right; margin: 23px 0 0; padding: 0 19px 0 0; }
.shopping-cart i { color: #333; cursor: pointer; line-height: 28px; font-size: 25px; }
.header-classic .shopping-cart i { font-size: 33px; line-height: 45px; }
.smallHeader .header-classic .shopping-cart { margin-top: 18px; }
/******************************** TOP BAR ********************************/
.top-bar { padding: 9px 0; }
.header-classic .top-bar { padding: 14px 0; }
.top-bar .top-contact-info, .top-bar .top-contact-info li { float: left }
.top-bar .top-contact-info li { padding: 9px 27px 0 0; font-weight: 300 }
.top-bar .top-contact-info li i { float: left; margin: 0 10px 0 0; font-size: 18px; }
.top-bar .top-contact-info li i.icon-call-1 { font-size: 20px; }
.top-bar .top-contact-info li i.icon-phone5 { font-size: 19px; }
.top-bar .top-contact-info li a { color: #fff }
.top-bar .social { float: right }
.smallHeader.top-bar-header .navbar-default.nav-boxed .navbar-nav > li { padding: 0 0 9px; }
.smallHeader.top-bar-header .navbar-default.nav-boxed .search input[type="text"] { padding-bottom: 9px; }
/******************************** TOP BAR DEFAULT ********************************/
.top-bar .top-contact-info li, .top-bar.bg-default .top-contact-info li a { color: #fff }
.top-bar .top-contact-info li a:hover { opacity: .7 }
/******************************** SOCIAL ********************************/
.social { }
.social li { display: inline-block; margin: 0 0 0 5px; list-style: none; }
.social li a { display: block; }
.social li a i { border: 2px solid #333; border-radius: 100%; display: block; font-size: 18px; font-weight: 300; height: 37px; line-height: 34px; text-align: center; width: 37px; color: #333; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; }
.social li a:hover i { opacity: 1; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; }
.social.big li a i { width: 46px; height: 46px; line-height: 45px; }
.social.big.fill li a i { line-height: 46px; }
.social.bordered li a i { border: 2px solid #fff; color: #fff; }
.social.bordered.dark li a i { border: 1px solid #2e2e2e; color: #2e2e2e; }
.social.bordered li a:hover i { color: #fff }
.social.box li a i { width: 62px; height: 60px; border-radius: 5px; line-height: 60px; font-size: 27px; border-width: 1px; }
.social.box li a:hover i { color: #fff; }
.social.box.small li a i { width: 52px; height: 50px; line-height: 50px; }
.social.fill li a i { background: #fff; line-height: 38px; box-shadow: 1px 4px 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: 1px 4px 3px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 1px 4px 3px rgba(0, 0, 0, 0.1); color: #222; border: 0 }
.social.fill li a:hover i { opacity: 1; color: #fff; }
.social.fill li a.facebook:hover i, .social li a.facebook:hover i { background: #456098; border-color: #456098 }
.social.fill li a.twitter:hover i, .social li a.twitter:hover i { background: #07a2dc; border-color: #07a2dc }
.social.fill li a.googleplus:hover i, .social li a.googleplus:hover i { background: #d24435; border-color: #d24435 }
.social.fill li a.linkedin:hover i, .social li a.linkedin:hover i { background: #05759b; border-color: #05759b }
.social.fill li a.pinterest:hover i, .social li a.pinterest:hover i { background: #c2171d; border-color: #c2171d }
.social.fill li a.instagram:hover i, .social li a.instagram:hover i { background: #565656; border-color: #565656 }
.social.center li { float: none; text-align: center; display: inline-block }
.social.big li a i { width: 46px; height: 46px; }
.social-text { text-align: center; border-top: 1px solid #d4d4d4; padding: 18px 0 0; margin: 18px 0 0 0 }
.social-text li { display: inline-block; font-size: 16px; }
.social-text li a { display: inline-block; margin: 0 3px; }
.social-text li a:hover { color: #333 }
.boxed-dark-fill li a i { background: #222; border-radius: 0; color: #fff; font-size: 20px; height: 46px; line-height: 45px; width: 51px; }
.social-with-number li { display: inline-block; padding: 0 6px 0 0; }
.social-with-number li a { display: block; padding: 6px 11px 5px; border: 1px solid #c6c6c6; min-width: 62px; border-radius: 5px; color: #383838; font-size: 14px; }
.social-with-number li a i { margin: 0 10px 0 0; }
.social-with-number li a.twitter:hover { background: #07a2dc; color: #fff; border-color: #07a2dc }
.social-with-number li a.facebook:hover { background: #456098; color: #fff; border-color: #456098 }
.social-with-number li a.google-plus:hover { background: #d24435; color: #fff; border-color: #d24435 }
.social-with-number li a.share:hover { background: #333; color: #fff; border-color: #333 }
.social-simple li a.dribble:hover { color: #ff69a2; }
.social-simple li a.twitter:hover { color: #35c7f7; }
.social-simple li a.behance:hover { color: #0d81f0; }
.boxed-social { border: 1px solid #e0e0e0; list-style: none; }
.boxed-social li { float: left; width: 33.3% }
.boxed-social li a { display: block; padding: 20px 34px; color: #222222; border-right: 1px solid #e0e0e0; }
.boxed-social li:last-child a { border: 0; }
.boxed-social li a i { border: 1px solid #222222; border-radius: 100%; color: #222222; float: left; height: 49px; line-height: 50px; text-align: center; width: 49px; margin-right: 13px; }
.boxed-social li a.facebook:hover { color: #456098; }
.boxed-social li a.facebook:hover i { background: #456098; border-color: #456098; color: #456098; color: #fff; }
.boxed-social li a.twitter:hover { color: #2991d6; }
.boxed-social li a.twitter:hover i { background: #2991d6; border-color: #2991d6; color: #2991d6; color: #fff; }
.boxed-social li a.pinterest:hover { color: #a92020; }
.boxed-social li a.pinterest:hover i { background: #a92020; border-color: #a92020; color: #a92020; color: #fff; }
/************************************ MAIN BANNER *************************************/
.main-banner { background: #000; position: relative; padding: 0; overflow: hidden; }
.main-banner .overlay-nseva { background: #000; opacity: 0.4; }
.blackboard-bg { background: url(../images/main-banner/creative/bg.jpg) repeat center top; }
.banner-bottom { padding: 25px 0 20px; background: #171717; margin-top: -2px; color: #fff; }
.banner-bottom h3 { color: #fff; font-size: 28px; }
.banner-bottom p { color: #8b8b8b; margin: 0; font-size: 18px; }
.main-banner.simple { background: #fff; border-bottom: 1px solid #c3c3c3 }
.main-banner.simple .text-left { text-align: left }
.carousel-indicators.tab-banner-nav { bottom: 0; left: 0; margin: 0; position: relative; width: 100%; display: table; }
.carousel-indicators.tab-banner-nav li { display: table-cell; width: 1%; height: auto; border-radius: 0; border: 0; text-indent: 0; text-align: left; position: relative; }
.carousel-indicators.tab-banner-nav li p { font-size: 15px; color: #595959; margin: 0; padding: 25px 20px 25px 20px; }
.carousel-indicators.tab-banner-nav li p span { display: block; font-size: 28px; color: #595959; font-family: 'Raleway', sans-serif; font-weight: 500; }
.carousel-indicators.tab-banner-nav li.active, .carousel-indicators.tab-banner-nav li:hover { background: #222222; }
.carousel-indicators.tab-banner-nav li.active p, .carousel-indicators.tab-banner-nav li.active p span, .carousel-indicators.tab-banner-nav li:hover p, .carousel-indicators.tab-banner-nav li:hover p span { color: #fff; }
.carousel-indicators.tab-banner-nav li.active:after, .carousel-indicators.tab-banner-nav li:hover:after { bottom: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(136, 183, 213, 0); border-bottom-color: #222; border-width: 16px; margin-left: -20px; }
.main-banner.simple .carousel-caption { left: 0; right: 0; bottom: 20%; }
.main-banner.simple .carousel-caption h1 { color: #fff; text-shadow: none; font-size: 75px; }
.main-banner.simple .carousel-caption p { font-size: 28px; text-shadow: none; padding-bottom: 20px; }
.main-banner.simple img { max-width: none; width: 100%; }
.video-full-width { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.video-full-width video { position: relative; left: 0; top: 0; width: 100%; }
.main-banner.agency-banner { background: #2991d6; overflow: visible; }
.main-banner.agency-banner .tp-bgimg.defaultimg { opacity: .2 !important }
.main-banner.agency-banner .font-alternate { color: #fff; }
.main-banner.agency-banner .mediumlarge_light_white { font-size: 28px; }
.tp-simpleresponsive .tp-caption.slider3-heading1 { font-size: 78px; font-family: 'Raleway', sans-serif; }
.tp-simpleresponsive .tp-caption.slider3-heading2 { font-size: 110px; font-family: 'Raleway', sans-serif; }
.rev-banner3 .font-alternate { font-size: 28px; color: #fff; }
.rev-banner3 .tparrows { background-color: #fff !important; }
.rev-banner3 .tparrows.tp-leftarrow { background: url("../images/left-arrow-dark.png") no-repeat center center; }
.rev-banner3 .tparrows.tp-rightarrow { background: url("../images/right-arrow-dark.png") no-repeat center center; }
/************************************ TRI SEC *************************************/
.tri-sec h3 { margin-top: 30px; }
.tri-sec h3, .tri-sec i, .tri-sec a { -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; }
.tri-sec:hover h3, .tri-sec:hover i, .tri-sec:hover a { -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; }
.tri-sec a.link { color: #222; }
.tri-sec:hover .pointer { -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; }
.tri-sec:hover .pointer:before { -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; }
.tri-sec .pointer { margin-bottom: 15px; }
.tri-sec ul { padding: 5px 0 0; }
.tri-sec ul li { font-size: 20px; margin: 10px 0; }
.tri-sec.single h3 { font-size: 32px; }
.boxed-tri-sec { padding: 35px 22px 22px 22px; border: 1px solid #e3e3e3; border-radius: 5px; position: relative; margin: 73px 0 0; }
.boxed-tri-sec .pointer-icon { position: absolute; right: 33px; top: -30px; }
.tri-sec-number { padding-left: 100px; position: relative; }
.tri-sec-number .number { font-weight: 900; font-size: 125px; position: absolute; left: 0; top: 0; line-height: 84px; }
.tri-sec-number h3 { font-weight: 600; }
.faded-tri-sec li { list-style: none; margin-bottom: 65px; }
.faded-tri-sec li:last-child { margin-bottom: 35px; }
.faded-tri-sec i { width: 84px; height: 84px; border-radius: 4px; float: left; background: #f9f9f9; text-align: center; color: #fff; font-size: 45px; line-height: 80px; }
.faded-tri-sec .faded-tri-sec-content { padding-left: 106px; }
.faded-tri-sec .faded-tri-sec-content h3 { font-weight: 600; }
.faded-tri-sec .faded-tri-sec-content p { line-height: 24px; }
.faded-tri-sec i.icon-icons96 { font-size: 55px; }
.highlighted-tri-sec { width: 33.3%; float: left; padding: 85px 45px; color: #fff; }
.highlighted-tri-sec h3 { font-size: 32px; font-weight: 600; color: #fff; padding-bottom: 10px; }
.highlighted-tri-sec p { padding-bottom: 15px; }
.highlighted-tri-sec .btn { border-width: 1px; }
/************************************ INCRIDBLE SEC *************************************/
.incredible-sec { background: url(../images/bg1.jpg) repeat center top; }
.incredible-sec h1 { margin-top: 0; }
.incredible-sec p { font-size: 20px; max-width: 1000px; margin: 0 auto; font-weight: 300; }
/*incridible awesome section*/
.nseva-awesome-features-sec { background: url(../images/parallax5.jpg) repeat center top; background-attachment: fixed; height: 750px; position: relative; color: #fff; padding: 90px 0; font-size: 18px; overflow: hidden; }
.nseva-awesome-features-sec .overlay-nseva { background: rgba(0, 0, 0, 0.65); position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.nseva-awesome-features-sec h2 { color: #fff; font-weight: 800; }
.awesome-features { width: 32.2%; padding-top: 115px; }
.awesome-features li { font-size: 16px; clear: both; margin: 63px 0; }
.awesome-features li span { font-size: 24px; font-weight: 600; display: block; }
.awesome-features li i { display: block; width: 73px; height: 73px; border: 3px solid #fff; text-align: center; font-size: 28px; color: #fff; line-height: 67px; position: relative; }
.awesome-features li i.pull-right { margin: -13px 0 20px 21px; }
.awesome-features li i.pull-left { margin: -13px 21px 20px 0; }
.tab-slider { background: url(../images/tab.png) no-repeat 0 0; display: inline-block; height: 425px; margin: 100px auto 0 33px; position: relative; width: 319px; }
.tab-slider .hand { background: url("../images/hand.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); bottom: 0; float: right; height: 219px; margin: 0; position: absolute; right: -63px; width: 201px; }
.tab-slider .carousel { width: 254px; height: 338px; margin: 37px 0 0 34px; }
/************************************ COUNTER *************************************/
.counter .quantity-counter { font-size: 86px; font-weight: 600; font-family: 'Raleway', sans-serif; }
.counter .counter-details { font-size: 24px; text-transform: uppercase; margin: 0; font-weight: 600; }
.counter .counter-details span { color: #333333; display: block; font-size: 18px; font-weight: 300; padding: 10px 0 0; font-family: "Source Sans Pro", sans-serif; }
.counter.boxed { background: #fff; border: 1px solid #dbdbdb; padding-bottom: 40px; margin-top: 20px; }
.counter.boxed .quantity-counter, .counter.boxed .counter-details { font-weight: 400; }
.counter.boxed .quantity-counter { font-size: 60px; }
.numbering-sec { background: url("../images/parallax3.jpg") no-repeat scroll center top rgba(0, 0, 0, 0); }
.numbering-sec .counter { margin: 30px 0; }
.numbering-sec .counter i { display: block; color: #fff; }
.numbering-sec .counter .quantity-counter { color: #fff; font-size: 58px; margin: 8px 0; display: block; }
.numbering-sec .counter .counter-details { color: #fff; font-family: 'Raleway', sans-serif; text-transform: none; }
.counter-iconic { margin: 0 !important; }
.counter-iconic .col-md-3 { padding: 60px 5px; overflow: hidden; width: 100%; }
.counter-iconic .col-md-3 .counter .quantity-counter { color: #fff; background: url(../images/counter-sprtr.jpg) no-repeat center bottom; display: block; font-size: 70px; margin-bottom: 30px; padding-bottom: 10px; }
.counter-iconic .col-md-3 .counter, .counter-iconic .counter .counter-details, .counter-iconic .counter .counter-details span { color: #fff; }
.counter-iconic .counter .counter-details span { text-transform: none; }
.counter-iconic i { color: #fff; font-size: 270px; left: -50px; opacity: 0.1; position: absolute; right: 0; top: -40px; }
.counter-iconic i.bottom { bottom: -20px; top: auto }
.counter-iconic i.right { right: -20px; left: auto }
.counter-iconic i.icon-briefcase2 { font-size: 180px; }
/************************************ WHO WE ARE SECTION *************************************/
.who-we-are-left-img, .who-we-are-content { width: 50%; float: left; }
.who-we-are-content { padding: 40px; }
.who-we-are-left-img { background: url(../images/who-we-are-slider2.jpg) no-repeat 0 0; height: 616px; background-size: cover; }
/************************************ CLIENTS SECTION *************************************/
.clents-section { background: url(../images/globe.png) no-repeat center top #f4f4f4; }
.what-client-say { border: 1px solid #d9d9d9; background: #fff; padding: 45px 45px 55px; border-radius: 5px; margin: 50px 0 0; position: relative; }
.what-client-say h2 { font-size: 32px; margin-bottom: 20px; }
.what-client-say p { font-size: 20px; }
.what-client-say .icon-quote-left { color: #dfdfdf; font-size: 25px; left: 20px; margin-top: -10px; position: absolute; top: 37%; }
.what-client-say .icon-quote-right { color: #dfdfdf; font-size: 25px; right: 20px; margin-top: -10px; position: absolute; top: 50%; }
.about-client span { font-size: 22px; }
.about-client p { font-size: 16px; color: #939494; line-height: 20px; }
.happy-clients { padding: 150px 0 0; }
.happy-clients h2 { margin: 0; }
.happy-clients h2 span { font-size: 32px; color: #222222; display: block; font-weight: 300; }
/************************************ PARTNERS *************************************/
.company-partners { border: 1px solid #e3e3e3; margin: 45px 0 0 !important; border-radius: 5px; overflow: hidden; }
.partners-content img { float: left; margin-right: 40px; max-width: 378px; }
.partners-content .social { margin-bottom: 15px; }
.partners-content p { font-size: 24px; line-height: 38px; padding: 30px 40px 10px 0; }
.partners-name { list-style: none; font-family: 'Raleway', sans-serif; }
.partners-name li { float: left; width: 33.3%; border-right: 1px solid #e3e3e3; border-top: 1px solid #e3e3e3; }
.partners-name li:last-child { width: 33.4%; border-right: 0; }
.partners-name li:last-child a { border-right: 0; }
.partners-name li a { display: block; padding: 33px 20px 28px; font-size: 24px; color: #222222; line-height: 23px; }
.partners-name li a span { display: block; color: #333; font-size: 18px; font-weight: 300; font-family: "Source Sans Pro", sans-serif; }
.partners-name li a:hover, .partners-name li a.active { }
.company-partners { }
.company-partner { position: relative; float: left; width: 100%; overflow: hidden; margin: 40px 0 0; }
.company-partner img { width: 100%; }
.company-partner:hover img { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); }
.company-partner .company-partner-description { position: absolute; left: 0; right: 0; bottom: -100%; background: #fff; padding: 19px 25px 7px; -webkit-transition: all 800ms ease; -moz-transition: all 800ms ease; -ms-transition: all 800ms ease; -o-transition: all 800ms ease; transition: all 800ms ease; }
.company-partner .company-partner-description h3 { font-size: 20px; font-weight: 700; color: #222222 }
.company-partner .company-partner-description h3 span { display: block; font-size: 16px; color: #333; padding: 4px 0 0; }
.company-partner .company-partner-description ul { float: right; list-style: none; }
.company-partner .company-partner-description ul li { float: left; margin: 0 0 0 10px; }
.company-partner .company-partner-description ul li a { font-size: 22px; color: #222222 }
.company-partner .company-partner-description ul li a i.icon-dribbble2 { font-size: 18px; }
.company-partner .company-partner-description ul li a i.icon-twitter-1 { font-size: 26px; }
.company-partner:hover .company-partner-description { bottom: 0; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; }
/************************************ LATEST BLOG POSTS *************************************/
.latest-blog-post { border-radius: 5px; overflow: hidden; background: #fff; margin: 50px 0 0; }
.latest-blog-post img { max-width: none; width: 100%; }
.latest-blog-post-content { padding: 22px; }
.latest-blog-meta { list-style: none; font-size: 16px; font-weight: 300; border-top: 1px dotted #a5a5a5; padding: 24px 0 0; margin: 20px 0 0; }
.latest-blog-meta li { float: right; }
.latest-blog-meta li:first-child { float: left; }
.latest-blog-meta li a { color: #888888; margin: 0 0 0 15px; display: block }
.latest-blog-meta li a:hover { color: #000; }
.latest-blog-meta li a i { float: left; font-size: 22px; margin: 2px 9px 0 0; }
.latest-blog-meta li a i.icon-heart { font-size: 16px; margin-top: 4px; }
.latest-blog-post.bordered { border: 1px solid #dfdfdf; border-radius: 4px; }
/************************************ BLOG *************************************/
.blog-post { padding: 0 0 80px 0; }
.blog .blog-post:last-child { padding-bottom: 0; }
.blog-post .blog-thumb img { margin-bottom: 40px; }
.blog-post-meta { color: #929191; font-size: 17px; }
.blog-post-meta a { color: #5c5c5c; }
.blog-post-meta a:hover { color: #5c5c5c; border-bottom: 1px solid #5c5c5c }
.blog-post h3, .blog-post h3 a { font-size: 32px; font-family: 'Raleway', sans-serif; font-weight: 600; }
.blog-post p { font-size: 20px; margin-bottom: 16px; }
.blog-post .owl-controls { top: 46%; }
.blog-left { float: left; width: 67%; }
.blog-right { float: right; width: 30%; }
.grid .blog-post { padding-bottom: 10px; }
.grid .blog-thumb img { max-width: none; width: 100%; }
.grid .blog-post p { font-size: 17px; line-height: 26px; }
.grid .blog-post h3, .grid .blog-post h3 a { font-size: 24px; }
.grid .blog-post a.read-more { font-size: 18px; font-family: 'Raleway', sans-serif; font-weight: 400; color: #494949; font-style: italic; border-bottom: 2px solid #b3b3b3; }
/************************************ BLOG POSTS CLASSIC *************************************/
.blog-post-classic-sec { border: 1px solid #bcbcbc; margin-top: 70px; }
.blog-post-classic { border-bottom: 1px solid #bcbcbc; }
.blog-post-classic-sec .blog-post-classic:last-child { border-bottom: 0; }
.blog-post-classic p { width: 25%; border-right: 1px solid #bcbcbc; margin: 0; }
.blog-post-classic a { width: 75%; font-weight: 400; color: #222222; }
.blog-post-classic a span { display: inline-block; padding: 5px 18px 7px; background: #404040; font-size: 16px; color: #fff; border-radius: 5px; position: relative; top: -2px; left: 10px; }
.blog-post-classic a:hover { }
.blog-post-classic a i { float: right; font-size: 24px; }
.blog-post-classic p, .blog-post-classic a { padding: 26px 4% 21px; float: left; font-size: 20px; }
/************************************ BLOG POSTS CENTERED *************************************/
.blog-post-centered { text-align: center; max-width: 800px; margin: 0 auto 170px; }
.blog-post-centered h2 { margin-bottom: 35px; }
.blog-post-centered ul { margin-top: 40px; }
.blog-post-centered ul li { list-style: none; display: inline-block; font-size: 20px; color: #727272; }
.blog-post-centered ul li img { border-radius: 100%; position: relative; top: -7px; }
.blog-post-centered ul li i, .blog-post-centered ul li img { font-size: 25px; float: left; margin: 0 10px 0 0; }
.blog-post-centered ul li { margin: 0 10px; }
.blog-post-centered ul li a:hover { color: #000; }
/************************************ BLOG MASONARY *************************************/
#container { position: relative; max-width: 1100px; margin: 0 auto 0; }
.store-gallery #container { width: 1140px; }
.blog-border { border: 1px solid #d6d6d6; padding: 17px; }
.grid { padding: 1px; min-height: 100px; float: left; border: 1px solid #d6d6d6; -webkit-transition: top 1s ease, left 1s ease; -moz-transition: top 1s ease, left 1s ease; -o-transition: top 1s ease, left 1s ease; -ms-transition: top 1s ease, left 1s ease; }
.grid strong { border-bottom: 1px solid #ccc; margin: 10px 0; display: block; padding: 0 0 5px; font-size: 17px; }
.grid .meta { text-align: right; color: #777; font-style: italic; }
.grid .imgholder img { max-width: none; background: #ccc; display: block; width: 100%; }
/************************************ RECENT NEWS *************************************/
.recent-news-carousel { padding: 50px 0 0; }
.recent-news { position: relative; }
.recent-news-caption { position: absolute; left: 30px; bottom: 30px; }
.recent-news-caption h3, .recent-news-caption h3 a { color: #fff; font-weight: 800; margin: 0; text-transform: uppercase; }
.recent-news-caption h3 small { display: block; color: #fff; padding-bottom: 15px; font-style: italic; text-transform: none; }
.recent-news-caption p { color: #fff; }
.recent-news-caption p a { display: inline-block; margin-left: 5px; font-style: italic; font-weight: 300; }
/************************************ SIDEBAR WIDGETS *************************************/
.sidebar-widget { margin-bottom: 60px; }
.sidebar-widget h3 { font-size: 20px; margin-bottom: 36px; font-weight: 600; }
.sidebar-widget .heading { background: #bcbcbc; padding: 17px 15px 15px; margin-bottom: 38px; }
.sidebar-widget .heading h3 { margin: 0; color: #fff; }
.list-arrow { }
.list-arrow li { margin-bottom: 15px; }
.list-arrow li a { font-size: 18px; color: #929191; font-weight: 400; }
.list-arrow li a:hover { color: #333333; }
.list-arrow li a i { float: left; font-size: 23px; margin-right: 16px; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; }
.list-arrow li a:hover i { margin-left: 5px; margin-right: 11px; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; }
.list-bullets li { display: inline-block; padding: 0 3% 8px; width: 45%; }
/************************************ SEARCH WIDGET *************************************/
.search-widget { background: #bcbcbc; padding: 20px; position: relative; }
.search-widget input[type="text"] { height: 54px; background: #fff; border: 1px solid #aeaeae; padding: 0 4%; width: 100%; font-size: 16px; font-style: italic; }
.search-icon { background: url(../images/search-icon.png) no-repeat center center #fff; width: 50px; height: 52px; border: 0; }
.search-widget .search-icon { position: absolute; right: 20px; top: 21px; }
.quote { font-size: 24px !important; color: #333333; background: url(../images/quotes-text.png) no-repeat 0 20px; padding: 20px 20px 20px 60px; }
.share-post { border: 1px solid #c7c7c7; padding: 26px; }
.share-post p { width: 22%; float: left; color: #222222; font-size: 24px; font-family: 'Raleway', sans-serif; font-weight: 600; margin: 10px 0 0; }
.share-post ul { float: right; width: 78%; }
.share-post ul li { float: left; list-style: none; font-size: 16px; width: 33%; text-align: center }
.share-post ul li a { display: block; border: 1px solid #b1b1b1; color: #929191; text-transform: uppercase; width: 90%; padding: 13px 14px 12px; float: right; }
.share-post ul li a.facebook:hover { background: #456098; color: #fff; border-color: #456098; }
.share-post ul li a.twitter:hover { background: #07a2dc; color: #fff; border-color: #07a2dc; }
.share-post ul li a.pinterest:hover { background: #a92020; color: #fff; border-color: #a92020; }
/************************************ BLOG COMMENTS *************************************/
.comments h2 { font-family: 'Raleway', sans-serif; font-weight: 600; font-size: 32px; }
.commentlist { list-style: none; padding: 15px 0 0; }
.commentlist li { line-height: 1.428571429 }
.comment { padding: 28px; margin-top: 20px; border: 1px solid #c7c7c7; }
.comment-wrapper { position: relative; }
.comment-avartar { float: left; }
.comment-content-wrapper { padding-left: 96px; }
.comment-reply { position: absolute; right: 0; top: 0; }
.comment-reply-link { background-color: #000000; color: #FFFFFF; cursor: pointer; display: inline-block; font-size: 14px; line-height: 1.42857; margin-bottom: 0; padding: 6px 15px 4px; text-align: center; vertical-align: middle; white-space: nowrap; }
.comment-reply-link i { padding-right: 10px; }
.comment-reply-link:hover, .comment-reply-link:focus { color: #fff; }
.comment-author { font-size: 20px; color: #222222; display: block; line-height: 22px; font-family: 'Raleway', sans-serif; font-weight: 600; }
.comment-date { color: #626262; font-size: 14px; }
.comment-message { font-size: 20px; padding-top: 12px; }
.children { list-style: none; }
.comment-respond { padding: 70px 0 0; }
.comment-respond h2 { margin-bottom: 35px; font-family: 'Raleway', sans-serif; font-weight: 600; font-size: 32px; }
.comment-respond input[type="text"], .comment-respond input[type="email"], .comment-respond input[type="password"], .comment-respond input[type="number"], .form-widget input[type="text"], .form-widget input[type="email"], .form-widget input[type="password"], .form-widget input[type="number"], .form-widget select { margin: 0 1.2% 16px 0; padding: 8px 10px; width: 31.9%; font-size: 16px; height: 47px; color: #767676; border: 1px solid #b1b1b1; }
.comment-respond textarea, .form-widget textarea { padding: 18px 2% 15px; margin-bottom: 14px; resize: none; width: 100%; font-size: 16px; color: #767676; height: 200px; }
.blog-left .comment-respond textarea { width: 100%; }
.col-md-12 .form-widget textarea, .comment-respond textarea { width: 99.3% }
/************************************ I AM HERE *************************************/
.i-am-here { background: url(../images/join-us-bg.jpg) repeat center top; background-size: inherit !important; padding: 0; -webkit-transform: translateZ(0x) }
/*.i-am-here .overlay-nseva { background: #000; opacity: .4; }*/
.i-am-here-content { padding: 100px 0 100px 0; }
.i-am-here-content p { font-size: 50px; color: #fff; line-height: 60px; margin-bottom: 20px; text-shadow: 1px 1px 2px #2991d6; }
.i-am-here-content p span { color: #fff; }
/************************************ CREATIVE SECTION *************************************/
.creative-sec { background: url(../images/creative-sec-bg.png) no-repeat center 120px; min-height: 510px; color: #646464; }
.creative-sec h1 { margin-bottom: 3px; }
.creative-sec .lead { margin-bottom: 15px; }
.creative-sec .btn { margin: 0 6px; padding: 10px 20px 4px; }
.creative-sec-thumb { position: absolute; }
.creative-sec-thumb.one { left: 0; top: 190px }
.creative-sec-thumb.two { left: 260px; top: 150px; }
.creative-sec-thumb.three { left: 599px; top: 210px; }
.creative-sec-thumb.four { right: 0; top: 110px; }
.creative-sec-thumb figure { min-width: 200px; text-align: center; }
.creative-sec-thumb figcaption { font-size: 26px; padding: 20px 0 0; }
/************************************ SERVICE CREATIVE SEC *************************************/
.creative-services-sec-bg { background: url(../images/services-creative-lines.png) no-repeat 0 78px; background-size: contain }
.creative-services-3-sec-bg { background: url(../images/services-3.png) no-repeat 0 78px; background-size: contain }
.creative-services-5-sec-bg { background: url(../images/services-5.png) no-repeat 0 78px; background-size: contain }
.creative-services-sec { padding-bottom: 175px; }
.number-icon { color: #fff; font-family: 'Raleway', sans-serif; font-weight: 600; line-height: 57px; font-size: 30px; height: 100px; text-align: center; width: 58px; }
.creative-services-sec-content { float: left; width: 61%; padding-left: 50px; }
.creative-services-sec-content h2 { font-size: 32px; }
.creative-services-sec-icon .globe-icon { margin-top: -70px; }
.creative-services-sec-icon { float: right; }
.creative-services-sec-icon.pull { float: right; }
/*.creative-services-sec-icon.umbrella { margin: -30px 0 80px 0; }*/
.creative-services-sec.number-icon-right .number-icon { float: right }
.creative-services-sec.number-icon-right .creative-services-sec-content { float: right; padding-right: 50px; }
.creative-services-sec.number-icon-right .creative-services-sec-icon { float: left }
/************************************ TEAM MEMBER *************************************/
.team-member { margin-top: 60px; }
.team-member-thumb { position: relative; }
.team-member-thumb .overlay-nseva { background: #fff; opacity: 0; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; }
.team-member-thumb img { border-radius: 3px; max-width: none; width: 100%; }
.team-member-thumb .social { position: absolute; left: 0; top: 50%; margin-top: -15px; width: 100%; text-align: center; }
.team-member-thumb .social li { float: none; display: inline-block; transform: scale(0); -webkit-transform: scale(0); -moz-transform: scale(0); -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; }
.team-member-thumb:hover .overlay-nseva { opacity: .8; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; }
.team-member-thumb:hover .social li { transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; }
.team-member-content { padding: 26px 0 0; }
.team-member-content h3 { font-weight: 600; font-size: 22px; }
.team-member-content h3 span { display: block; font-size: 18px; font-weight: 300; padding: 5px 0 0; }
.team-member.two { margin: 0 }
.team-member.two .team-member-thumb img { border-radius: 0; }
.team-member.two .team-member-content h3 span { color: #333; }
/************************************ WE ARE AWARD WINING SECTION *************************************/
.we-are-award-wining { background: url(../images/we-are-award-wining-bg.jpg) no-repeat center top; position: relative; padding: 130px 0; background-size: cover; }
.we-are-award-wining .overlay-nseva { background: #000; opacity: .6; }
.we-are-award-wining p { color: #fff; font-family: 'Raleway', sans-serif; font-weight: 300; font-size: 65px; line-height: 77px; max-width: 520px; }
.we-are-award-wining .play-video-btn { color: #fff; display: inline-block; }
.we-are-award-wining .play-video-btn img { display: block; margin: 0 auto 10px auto; }
/************************************ TABSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSS *************************************/
.our-process-tabs { margin: 50px 0 0 0 !important; }
.our-process-tabs .resp-tab-item { margin: 0 4px; width: 24%; }
.our-process-tabs .resp-tab-item a { background: #fff; border: 3px solid #222222; color: #222222 !important; font-size: 20px; padding: 15px 24px 13px; font-weight: 300; display: block; text-align: left; }
.our-process-tabs .resp-tab-item a i { float: left; margin: -3px 12px 0 0; font-size: 30px; }
.our-process-tabs .resp-tab-item a:hover, .our-process-tabs .resp-tab-active a, .resp-tab-active { background: none !important; }
.our-process-tabs .resp-tabs-container { padding: 70px 0 0; }
.our-process-tabs .resp-tabs-container .process { padding: 0 0 0 322px; }
.our-process-tabs .resp-tabs-container .process h2 { margin-bottom: 23px; }
/************************************ CLIENT FEEDBACK SECTION *************************************/
.clients-feedback { color: #fff; position: relative; padding: 0; }
.clients-feedback .heading { position: absolute; left: 0; top: 80px; width: 100%; z-index: 1; max-width: none; }
.clients-feedback h2 { color: #fff; }
.clients-left { float: left; width: 45%; padding: 180px 0 80px; }
.clients-right { float: left; width: 55%; background: rgba(0, 0, 0, 0.05); position: absolute; right: 0; height: 100%; }
.clients-map { background: url(../images/clients-map.png) no-repeat; position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.clients-feedback .testimonials {
margin-top:; padding: 55px 70px 0; }
.clients-feedback .container .testimonials { padding: 55px 30px 0; }
.clients-feedback.dark { background: #222222; }
.clients-feedback.dark .clients-map { background: url(../images/clients-map2.png) no-repeat; }
.client-logos { margin: 300px 0 0; padding: 0 }
/************************************ TESTIMONIALS *************************************/
.testimonial { position: relative; padding: 33px 25px 33px 90px; border-radius: 5px; background: url(../images/quotes.png) no-repeat 20px 40px #fff; font-size: 20px; line-height: 30px; color: #222222; margin-bottom: 42px }
.testimonial p { margin: 0; }
.testimonial:after { top: 100%; left: 0; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(136, 183, 213, 0); border-top-color: #fff; border-width: 27px; margin-left: 33px; }
.client-detail { margin-left: 18px; }
.client-detail img { float: left; border-radius: 3px; padding: 3px; background: #fff; -webkit-box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.55); -moz-box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.55); box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.55); margin-right: 17px; }
.client-detail span { position: relative; top: 6px; }
.client-detail strong { display: block; font-size: 20px; font-weight: 600; }
.testimonials2 { background: url(../images/clients-bg.jpg) no-repeat center top; color: #fff; padding: 160px 0 }
.testimonials2 .owl-carousel { max-width: 960px; margin: 0 auto; }
.testimonials2 p { font-size: 24px; }
.testimonials2 .about-client { padding: 15px 0 0; }
.testimonials2 .about-client span { font-family: 'Raleway', sans-serif; font-weight: 600; color: #fff; }
.testimonials2 .about-client p { color: #fff; font-size: 16px; }
.testimonials2 .owl-controls .owl-pagination .owl-page span { border: 1px solid #fff !important; }
.testimonials2 .owl-controls .owl-pagination .owl-page.active span, .testimonials2 .owl-controls .owl-pagination .owl-page:hover span { background: #fff !important; }
/************************************ SUBPAGE *************************************/
.sub-page { padding: 80px 0; }
.subpage-banner { color: #fff }
.subpage-banner.me { background: url(../images/me.jpg) no-repeat center top; }
.site-title { color: #fff; font-size: 35px; font-family: 'Raleway', sans-serif; font-weight: 700; margin-top: 30px; text-transform: uppercase; text-shadow: 1px 1px 2px #2991d6; }
.subpage-banner p { font-size: 27px; margin: 20px 0; font-family: 'Raleway', sans-serif; text-shadow: 1px 1px 2px #2991d6; }
.subpage-bg { background: url(../images/header-bg.jpg) no-repeat center top; padding: 90px 0 40px 0; }
.work-bg { background: url(../images/about.jpg) no-repeat center top; }
.shop-banner { background: url(../images/shop/banner.jpg) no-repeat center top; }
.subpage-breadcrumb-banner { padding: 36px 0; border-bottom: 1px solid #dadada; }
.subpage-breadcrumb-banner h1 { font-size: 20px; color: #222222; text-transform: uppercase; float: left; margin: 0; margin: 2px 0 0; }
.subpage-breadcrumb-banner .breadcrumbs { float: right }
.breadcrumbs li { display: inline-block; font-size: 14px; }
.breadcrumbs li a { color: #6b6b6b; }
.breadcrumbs li span { margin: 0 3px; font-size: 12px; }
/************************************ PEOPLE EXCITED *************************************/
.people-excited { max-width: 960px; margin: 0 auto; padding: 25px 0 0; }
.people-excited p { color: #222222; font-size: 24px; }
.people-excited .about-client { padding: 20px 0 0; }
.people-excited .about-client .thumbnail { border-radius: 100%; display: block; margin: 0 auto 10px; }
.people-excited .about-client span { font-family: 'Raleway', sans-serif; font-weight: 600; color: #222222; }
.people-excited .about-client p { font-size: 16px; }
.people-excited .owl-controls .owl-pagination .owl-page span { background: #dadada !important; border-color: #dadada !important; }
/************************************ STUDIO SECTION *************************************/
.studio-section { padding: 0; }
.studio-slider, .studio-slider-content { width: 50%; float: left; text-align: center }
.join-us-block .fadeInLeft { padding: 30px; text-align: left; }
/*.join-us-block .fadeInRight { width: 60%; float: right; text-align: center }*/
.studio-slider-content-inner { color: #fff; max-width: 86%; margin: 16% auto 0; }
.studio-slider-content-inner h2 { font-family: 'Raleway', sans-serif; font-weight: 600; color: #fff; padding-bottom: 10px }
.studio-slider-content-inner p { font-size: 26px; line-height: 35px; font-family: 'Raleway', sans-serif; }
.service { margin: 50px 0 0; }
.service img { margin: 0 0 32px 0; }
.img-slider img { max-width: none; width: 100%; }
/************************************ CREATIVE PROCESS SECTION *************************************/
.creative-process { background: url(../images/creative-process-bg.jpg) no-repeat 0 0; padding: 100px 0 130px; }
.creative-process h1 { font-size: 58px; font-family: 'Raleway', sans-serif; font-weight: 600; color: #fff; }
.creative-process .simple-round { margin: 50px 20px 0; }
/************************************ RECENT WORK CAROUSELLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLL *************************************/
.recent-work { margin: 5px 0 0; }
.recent-work .zoom-thumbnail figcaption h3 { padding-top: 20%; }
.portfolio-item-thumb img { max-width: none; width: 100%; }
.portfolio-item-content { background: #f9f9f9; padding: 20px 20px 15px }
.portfolio-item-content h2 { font-size: 32px; margin: 0; }
.portfolio-item-content p { margin: 0; }
/************************************ PORTFOLIO *************************************/
.portfolio li { width: 25%; float: left; list-style: none; }
.portfolio-item { position: relative; overflow: hidden; }
.portfolio-item img { max-width: none; width: 101%; display: block; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; }
.portfolio-item:hover img { transform: translateY(-20px); opacity: .7; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; }
.portfolio-item a.project-detail, .portfolio-item a.project-zoom { background: #333; border-radius: 100%; color: #fff; display: inline-block; font-size: 23px; height: 58px; margin: 4px; text-align: center; text-decoration: none; transform: scale(0); -webkit-transform: scale(0); -moz-transform: scale(0); -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; width: 58px; line-height: 61px; position: absolute; top: 50%; margin: -60px 0 0 0; left: 50%; }
.portfolio-item a.project-detail { margin-left: -64px; }
.portfolio-item a.project-detail { margin-right: -64px; }
.portfolio-item:hover a { transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); }
.portfolio-item-info { padding: 20px 20px; position: absolute; left: 0; bottom: -100%; right: 0; background: #fff; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; }
.portfolio-item-info h3 { margin: 0; }
.portfolio-item-info h3 small { display: block; margin: 7px 0 0; }
.portfolio-item:hover .portfolio-item-info { bottom: 0; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; }
/************************************ MASONARY *************************************/
.portfolio-masonary-column { width: 33.3%; float: left; }
.portfolio-masonary-item { position: relative; overflow: hidden; }
.portfolio-masonary-item img { width: 100%; max-width: none; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; }
.portfolio-masonary-item:hover img { transform: scale(1.12); -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; }
.portfolio-masonary-item .portfolio-masonary-content { position: absolute; left: 0; top: 0; right: 0; bottom: 0; padding: 40px; background: rgba(255, 255, 255, 0.61); font-weight: 400; font-size: 32px; opacity: 0; color: #575757; }
.portfolio-masonary-item .portfolio-masonary-content small { display: block; font-size: 16px; color: #606060; font-weight: normal; }
.portfolio-masonary-item:hover .portfolio-masonary-content { opacity: 1; }
.portfolio-bottom { background: #f5f5f5; border-bottom: 2px solid #e9e9e9; padding: 40px 0 35px; }
.portfolio-bottom p { margin: 0; font-size: 24px; }
.portfolio-bottom p a { border-bottom: 1px solid #222; color: #222; }
.our-work-sec.portfolio-bg { background: #f9f9f9; }
.our-work-sec.portfolio-bg .poftfolio-item-info { background: #fff; }
#Container-portfolio .mix { display: none; }
.portfolio-filter-nav { background: #fff; padding: 20px 0; border-bottom: 1px solid #e4e7e8; border-top: 1px solid #e4e7e8; text-align: center; }
.portfolio-filter-nav .filter { display: inline-block; margin: 0 5px; cursor: pointer; padding: 10px 20px 7px; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; }
.portfolio-filter-nav .filter:hover, .portfolio-filter-nav .filter.active { color: #fff; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; }
.poftfolio-item-thumb { position: relative; }
.poftfolio-item-thumb img { width: 100%; max-width: none; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; background: #ffffff; padding: 5px; box-shadow: 0px 0px 10px 0px #a9a9a9; -moz-box-shadow: 0px 0px 10px 0px #a9a9a9; -webkit-box-shadow: 0px 0px 10px 0px #a9a9a9; -o-box-shadow: 0px 0px 10px 0px #a9a9a9; }
.poftfolio-item-thumb:hover img { opacity: .6; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; }
.poftfolio-item-thumb a.hover-button-left, .poftfolio-item-thumb a.hover-button-right { position: absolute; left: 50%; top: 50%; margin-top: -29px; width: 58px; height: 58px; border-radius: 100%; font-size: 23px; color: #fff; background: #333; line-height: 63px; text-align: center; transform: scale(0); -webkit-transform: scale(0); }
.poftfolio-item-thumb:hover a.hover-button-left, .poftfolio-item-thumb:hover a.hover-button-right { transform: scale(1); -webkit-transform: scale(1); }
.poftfolio-item-thumb a.hover-button-left { margin-left: -70px; }
.poftfolio-item-thumb a.hover-button-right { margin-right: -70px; }
.poftfolio-item-info { padding: 20px 0 16px; }
.poftfolio-item-info h3 { font-size: 28px; color: #222; }
.poftfolio-item-info h3 small { color: #5b5b5b; display: block; font-size: 18px; padding: 6px 0 0; }
.poftfolio-item-info.text-center { padding-left: 20px; padding-right: 20px; }
.poftfolio-item-thumb .hover-button-plus { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: 0; color: #333; font-size: 40px; transform: scale(0); -webkit-transform: scale(0); background: url(../images/plus-icon.png) no-repeat center center; }
.poftfolio-item-thumb .hover-button-plus i { left: 50%; margin: -22px; position: absolute; top: 50%; }
.poftfolio-item-thumb:hover .hover-button-plus { transform: scale(1); -webkit-transform: scale(1); }
.portfolio-wide-layout { padding: 0 40px; }
.portfolio-column { margin: 0 -15px; padding: 50px 0 0; }
.portfolio-column li { padding: 15px; float: left; }
.portfolio-two-column li { width: 50%; }
.portfolio-two-column li img { max-width: none; width: 100%; }
.portfolio-three-column li { width: 33.3%; }
.portfolio-four-column li { width: 25%; }
.portfolio-five-column li { width: 20%; }
.portfolio-four-column .poftfolio-item-info h3 { font-size: 24px; }
.portfolio-five-column .poftfolio-item-info h3 { font-size: 20px; }
.portfolio-five-column .poftfolio-item-info h3 small { font-size: 16px; }
.portfolio-column.no-space { margin: 0; }
.portfolio-column.no-space li { padding: 0; }
.portfolio-masonary-two .left, .portfolio-masonary-two .right, .portfolio-masonary-two .left .portfolio-masonary-two-item { width: 50%; float: left }
.white-box { position: relative; }
.white-box-content h3 { position: absolute; left: 10%; right: 10%; top: 50%; transform: translateY(-50%); font-size: 40px; font-weight: 600; color: #222; }
.white-box-content h3 small { display: block; font-size: 22px; color: #afafaf; }
.slider-counter { position: absolute!important; left: 0; right: 0; top: 44%; bottom: 0; transform: translateY(-50%); text-align: center; }
.slide-counter i { font-size: 100px; border-bottom: 2px solid #383838; padding-bottom: 30px; color: #222; }
.slide-counter p { font-size: 70px; padding-top: 50px; font-weight: 700; line-height: 58px; font-family: 'Raleway', sans-serif; color: #222; }
.slide-counter p span { display: block; font-size: 24px; text-transform: uppercase; font-weight: 600; color: #222; }
.slide-counter p span small { display: block; font-size: 16px; color: #afafaf; text-transform: uppercase; font-weight: 300; line-height: 5px; font-family: "Source Sans Pro", sans-serif; }
/************************************ AWESOMW PRODUCTS *************************************/
.awesome-products li { width: 33.3%; float: left; list-style: none; }
.align-middle h3 { transform: translateY(-50%); position: absolute; left: 0; top: 50%; right: 0; text-align: center; }
/************************************ ZOOM THUMBNAIL *************************************/
.zoom-thumbnail { position: relative; overflow: hidden; background: #fff; }
.zoom-thumbnail img { transform: scale(1.12); -webkit-transform: scale(1.12); -moz-transform: scale(1.12); width: 100%; }
.zoom-thumbnail:hover img { transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); opacity: .3; }
.zoom-thumbnail figcaption { position: absolute; left: 0; right: 0; top: 0; bottom: 0; opacity: 0; transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); }
.zoom-thumbnail:hover figcaption { opacity: 1; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); }
.zoom-thumbnail figcaption h3 { padding: 10% 50px 20px; line-height: 31px; text-align: center; }
.zoom-thumbnail figcaption h3 small { display: block; padding-bottom: 10px; }
.zoom-thumbnail.dark { background: #000; text-transform: uppercase; }
.zoom-thumbnail.dark figcaption h3, .zoom-thumbnail.dark figcaption h3 small { color: #fff; font-weight: 600; }
.zoom-thumbnail.dark figcaption h3 small { text-transform: none; font-weight: 300; }
/************************************ LATEST WORK CAROUSEL SECTION *************************************/
.latest-work { background: url(../images/origammi.jpg) no-repeat center top; border-top: 1px solid #ececec; border-bottom: 1px solid #ececec; }
/************************************ PORTFFOLIO DETAIL *************************************/
.project-detail-sidebar p { font-size: 16px; margin-bottom: 0; }
.project-detail-pagination li { display: inline-block; width: 10%; }
.project-detail-pagination li.align-center { width: 80%; text-align: center; }
.project-detail-pagination li.pull-left { text-align: left; }
.project-detail-pagination li.pull-right { text-align: right; }
.project-detail-pagination li a { color: #6a6a6a; font-size: 37px; }
.text-arrow-pagination li { width: 50%; list-style: none; }
.text-arrow-pagination li.pull-left { text-align: left; }
.text-arrow-pagination li.pull-right { text-align: right; }
.text-arrow-pagination li.pull-left i { float: left; font-size: 27px; margin: 0 10px 0 0; }
.text-arrow-pagination li.pull-right i { float: right; font-size: 27px; margin: 0 0 0 10px; }
.text-arrow-pagination li a { color: #727272; font-size: 22px; }
.text-arrow-pagination li a:hover { color: #2991d6; }
.small-text { font-size: 14px; color: #999999; letter-spacing: 2px; }
.small-text a { color: #999; border-bottom: 1px solid #999 }
.simplicity { background: url(../images/parallax4.jpg) no-repeat center top; padding: 200px 0 190px; position: relative }
.simplicity p { color: #1e1e1e; }
.quoted-text { font-size: 42px; font-weight: 600; }
.quoted-text i { margin: 0 15px; position: relative; top: 3px; color: #848582; font-size: 35px; }
.simplicity .overlay-nseva { background: #fff; opacity: .6 }
/************************************ CLIENTS FEEDBACK SECTION *************************************/
.clients-feedback-comments { padding: 75px 85px; border: 5px solid #e3e3e3; background: #efefef; }
.clients-feedback-comments i { color: #8f8f8f; font-size: 16px; margin: 0 1px; }
.clients-feedback-comments h3 {
font:; color: #222222; font-size: 28px; margin: 25px 0; font-family: 'Raleway', sans-serif; font-weight: 600; }
.clients-feedback-comments p { font-size: 22px; }
.client-name { font-size: 16px; color: #838383; display: inline-block; margin: 20px 0 0; }
.clients-feedback-comments.dark { background: #222222; border-color: #222222 }
.clients-feedback-comments.dark i, .clients-feedback-comments.dark p, .clients-feedback-comments.dark h3, .clients-feedback-comments.dark.client-name { color: #fff }
/************************************ PHOTOGRAPHY DESIGN SECTION *************************************/
.photography-design { max-width: 80%; margin: 0 auto; }
.photography-design .date { display: block; color: #999999; margin: 20px 0 0 }
.photography-design h3 { margin-bottom: 20px; }
/************************************ SHARE PROJECT SECTION *************************************/
.share-project { border-top: 1px solid #d3d3d3; border-bottom: 1px solid #d3d3d3; padding: 26px 0; }
.share-project p { margin: 0; float: left; font-size: 24px; color: #222222; font-weight: 600; }
.share-project .social-with-number { float: right; }
/************************************ CONCEPT RESULT SECTION *************************************/
.concept-thumbnail, .concept-content, .result-thumbnail, .result-content { width: 50%; float: left }
.concept-content-inner { padding: 60px 0 0 40px; }
.result-content-inner { padding: 60px 40px 0 0; }
.concept-content-inner h3, .result-content-inner h3 { font-size: 28px; margin-bottom: 15px; }
.concept-content-inner p, .result-content-inner p { font-size: 22px; color: #5a5a5a; line-height: 32px; margin-bottom: 15px; }
.concept-content-inner .name, .result-content-inner .name { font-size: 16px; color: #838383; font-style: italic; }
.result-content-inner .name a { border-bottom: 1px solid #999; color: #999; }
/************************************ FOLIO SECTION *************************************/
.folio { background: #f1f1f1; }
.folio .folio-img { float: left; width: 60% }
.folio .folio-img.right-img { float: right; }
.folio .folio-caption { float: left; width: 40%; text-align: center; padding: 6% 5% 0; }
.folio .folio-caption i { font-size: 100px; margin-bottom: 5%; display: inline-block; }
.folio .folio-caption p { padding-bottom: 10px; }
/************************************ ERROR 404 *************************************/
.error-404 { margin: 60px 0; }
.error-number { font-size: 250px; font-family: 'Raleway', sans-serif; font-weight: 600; color: #222222; line-height: 0; margin-bottom: 20px; }
.error-number img { margin-top: 20px; }
.error-404 p { font-size: 32px; color: #222222; font-family: 'Raleway', sans-serif; font-weight: 300; }
.error-goto-btn { font-family: 'Raleway', sans-serif; font-weight: 600; color: #222222; display: inline-block; background: url(../images/home-page-bg.png) no-repeat; font-size: 24px; padding: 15px 17px 16px 12px }
/************************************ BLANK PAGE *************************************/
.blank-page { border-top: 1px solid #d3d3d3; border-bottom: 1px solid #d3d3d3; padding: 100px 0; margin: 10% 0 0; }
.blank-page p { font-size: 20px; line-height: 32px; margin: 30px auto; max-width: 1060px; }
/************************************ FAQ *************************************/
.toggle .toggle-heading { font-family: 'Raleway', sans-serif; font-weight: 600; line-height: 38px; margin-bottom: 0; padding: 13px 0; }
.toggle p { font-size: 20px; line-height: 30px; margin-bottom: 0; }
.toggle hr { margin: 46px 0; }
.toggle { border: 1px solid #d6d6d6; border-radius: 1px; box-shadow: 0 0 5px rgba(255, 255, 255, 0.30); padding: 0 20px; margin-bottom: 9px; }
.toggle .toggle-content { display: none; padding: 20px 0 30px; }
.toggle .toggle-heading { background: url(../images/faq-arrow.png) no-repeat right 50%; cursor: pointer; }
.toggle.active .toggle-heading { background: url(../images/faq-arrow-active.png) no-repeat right 50%; }
.toggle.active .toggle-content { display: block; }
/************************************ FAQ TOGGLE *************************************/
.toggle.toggle-bg { padding: 0; box-shadow: none; }
.toggle.toggle-bg h3 { padding: 13px 20px; background-position: 95% 50% !important; }
.toggle.toggle-bg .toggle-content { padding-left: 20px; padding-right: 20px; }
.toggle.toggle-bg.active h3 { color: #fff; background: url(../images/faq-arrow-active-white-up.png) no-repeat; }
/************************************ PRICING TABLES *************************************/
.pricing-table { border: 1px solid #e1e1e1; background: #f6f6f6; padding: 0 !important; margin: 0 -1px; }
.pricing-table-heading { background: #fff; padding: 18px 15px 19px; border-bottom: 1px solid #c4c4c4; }
.table-price { font-size: 111px; color: #222; padding: 43px 0 0; position: relative; display: inline-block; line-height: 50px; border-bottom: 1px solid #c4c4c4; }
.table-price span { font-family: "SourceSansProLight"; font-size: 13px; text-transform: uppercase; display: block; color: #222; font-family: 'Raleway', sans-serif; font-weight: 600; }
.table-price span.currency { font-size: 48px; left: -30px; position: absolute; top: 27px; font-weight: 300 }
.pricing-table-footer { padding: 20px 20px 25px; border-top: 1px solid #e1e1e1 }
.pricing-table .list { padding: 10px 0; }
.pricing-table .list li { font-size: 16px; }
.pricing-table.highlight { position: relative; top: -32px; background: #fff; z-index: 1 }
.pricing-table.highlight .pricing-table-heading { padding: 21px 15px 22px }
.pricing-table.highlight .list li { line-height: 38px; }
/************************************ WORKSPACE *************************************/
.work-space { position: relative; min-height: 600px; }
.work-space div { position: absolute; }
.work-space div img:nth-child(2) { position: absolute; }
.work-space .lamp { left: -215px; top: 55px; }
.work-space .ipad-landscape { left: -87px; top: 356px; z-index: 2; }
.work-space .ipad-landscape img:nth-child(2) { left: 20px; top: 17px; }
.work-space .ipad-portrait { left: 110px; top: 300px; z-index: 1; }
.work-space .ipad-portrait img:nth-child(2) { left: 18px; top: 17px; }
.work-space .iphone { left: 300px; top: 402px; }
.work-space .iphone img:nth-child(2) { left: 6px; top: 20px; }
.work-space .mac-desktop { left: 50%; top: 0; margin-left: -306.5px; }
.work-space .mac-desktop img:nth-child(2) { left: 25px; top: 23px; }
.work-space .mac-laptop { right: -190px; top: 236px; }
.work-space .mac-laptop img:nth-child(2) { right: 45px; top: 16px; }
.work-space .cup { display: none; }
 @media(min-width: 1601px) {
.work-space .mac-laptop { right: -275px; }
.work-space .cup { right: 172px; top: 461px; display: block; }
.work-space .lamp { left: -256px }
}
/************************************ COMPANY ENVOIRNMENT PAGE *************************************/
.company-environment { }
.company-environment h2 { margin-bottom: 20px; }
.company-environment p { font-size: 32px; font-family: 'Raleway', sans-serif; font-weight: 300; }
/************************************ COMPANY HISTORY PAGE *************************************/
.history.rslides img { border-radius: 5px; padding: 0; border: 0; max-width: none; float: none; margin: 0; width: 100% }
.history .owl-prev { -webkit-border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; -moz-border-radius-topright: 4px; -moz-border-radius-bottomright: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; opacity: .7; }
.history .owl-next { -webkit-border-top-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-bottomleft: 4px; border-top-left-radius: 4px; border-bottom-left-radius: 4px; opacity: .7; }
.history-date { font-family: 'Raleway', sans-serif; font-weight: 600; font-size: 223px; line-height: 130px; margin-bottom: 60px; }
#history-slider-pager { background: url("../images/pager-border.jpg") repeat-x 0 69px; clear: both; display: table; margin: 70px 0 0; width: 100%; position: relative; }
#history-slider-pager li { width: 13.6%; text-align: center; }
#history-slider-pager li a { color: #222; font-size: 32px; font-weight: 600; width: auto; height: auto; background: none; }
#history-slider-pager li i { font-size: 50px; }
#history-slider-pager li i { background: #fff; }
#history-slider-pager li:nth-child(2n+2) { margin-top: 44.8px; }
/************************************ CAREERS PAGE *************************************/
.careers { padding: 45px 0 0; }
.careers .resp-tab-content, .my-profile-tabs .resp-tab-content { padding: 60px 0; }
.careers .resp-tab-content h2, .my-profile-tabs .resp-tab-content h2 { font-size: 32px; margin-bottom: 20px; }
.careers .resp-tab-content h3, .my-profile-tabs .resp-tab-content h3 { font-size: 28px; }
/************************************ APPLY FORM WIDGET *************************************/
.apply-form-widget { max-width: 790px; margin: 60px auto 0; }
.apply-form-widget input[type="text"], .apply-form-widget input[type="email"], .apply-form-widget input[type="number"], .apply-form-widget input[type="password"], .apply-form-widget textarea, .apply-form-widget .styled-select { border: 2px solid #b1b1b1; margin-bottom: 20px; }
.apply-form-widget .btn { width: 100%; }
/************************************ CONTACT US *************************************/
.map-with-address-widget iframe { border: 0; height: 383px; width: 100%; background: #ccc; }
.map-banner { width: 100%; height: 270px; position: relative; padding: 0; }
.map-banner img { max-width: none; }
.map-full { position: absolute; left: 0; top: 0; bottom: 0; right: 0; }
/************************************ CONTACT INFO WIDGET *************************************/
.contact-info-widget p { font-size: 20px; }
.contact-info-widget p strong { font-weight: 600; }
.contact-info-widget p a { font-weight: 300; color: #333333; }
/************************************ CONTACT INFO WIDGET BOXED *************************************/
.contact-info-widget-boxed { border: 1px solid #b1b1b1; }
.contact-info-widget-boxed li { list-style: none; border-right: 1px solid #b1b1b1; width: 25%; float: left; height: 150px; }
.contact-info-widget-boxed li p { padding: 25px; margin: 0; font-size: 20px; line-height: 24px; }
.contact-info-widget-boxed li a { font-weight: 300; color: #333333 }
.contact-info-widget-boxed li:last-child { border-right: 0; }
.contact-info-widget-boxed li i { display: block; font-size: 50px; margin-bottom: 15px; }
/************************************ MY PROFILE *************************************/
.my-information { background: #fafafa; margin-bottom: 49px; padding: 28px 23px; border: 1px solid #E7E7E7; }
.my-information h3 { font-size: 18px; font-weight: bold; margin-bottom: 20px; }
.my-information p { line-height: inherit; }
.my-information p span { color: #777777; display: inline-block; font-weight: normal; width: 22%; }
.my-information p a, .my-information p span { font-weight: 300; }
.profile-tabs .resp-tabs-list li a, .profile-tabs .resp-tab-content { border-color: #ccc !important; }
.date { display: inline-block; }
.date span { display: inline-block; font-size: 18px; margin: 0 5px; }
/*.date input[type="text"] { padding: 0; text-align: center; width: 60px !important; }*/
.date { width: 31.9%; display: inline-block !important; margin-right: 13px; }
.date input { width: 85% !important; margin: 0 !important; }
.date span { margin: 0; width: 50px; height: 47px; margin-top: -6px; margin-left: -4px }
.date span .glyphicon { margin-top: 5px }
.orders-search { padding: 14px; }
.orders-search input[type="text"] { float: right; margin: 0 4px 0 0; width: 140px; }
.orders-search input[type="submit"] { float: right; }
.orders-search input.order-search-field[type="text"] { width: 280px; }
.orders-table-heading { border-bottom: 1px solid #e0e0e0; border-top: 1px solid #e0e0e0; font-size: 14px; margin: 0 1px; padding: 18px 20px; text-align: center; list-style: none; }
.orders-table-list { background: #fafafa; border-bottom: 1px solid #fff; font-size: 14px; margin: 0 1px; padding: 30px 20px 25px; text-align: center; word-wrap: break-word; list-style: none; }
.orders-table-list .btn { margin: -12px 0; font-size: 13px; padding-top: 7px; }
.orders-table-list:nth-child(2n+2) { background: #fcfcfc; }
.shipping-address { background: #fafafa; border: 1px solid #e0e0e0; margin-bottom: 20px; padding: 23px 20px; }
.shipping-address p { color: #5b5b5b; font-size: 18px; line-height: 23px; }
.shipping-address-btns { float: right; width: 100%; }
.shipping-address-btns a.shipping-address-delete { background: url("../images/shipping-address-icons.png") no-repeat scroll right 0; float: right; height: 13px; width: 12px; }
.shipping-address-btns a.shipping-address-edit { background: url("../images/shipping-address-icons.png") no-repeat scroll 0 0; float: right; height: 13px; margin-right: 4px; width: 10px; }
#shipping-form .btn, #change-password .btn { padding-top: 6px; }
.wishlist .wishlist-heading, .my-orders-heading, .cart-heading { border-bottom: 1px solid #e5e5e5; padding: 0 24px; list-style: none; }
.wishlist .wishlist-heading li, .wishlist .wishlist-product li, .my-orders-heading li, .my-orders-product li, .cart-heading li, .cart-product li { color: #3a3a3a; float: left; font-size: 14px; font-weight: bold; padding: 20px 0; }
.wishlist .wishlist-product li, .my-orders-product li, .cart-product li { color: #000; font-weight: normal; padding: 0; }
.wishlist .wishlist-product li p, .my-orders-product li p, .cart-product li p { line-height: inherit; }
.wishlist-product li span { display: block; }
.wishlist-product, .my-orders-product, .cart-product { padding: 15px 22px; list-style: none; }
.wishlist .wishlist-heading li.wishlist-product, .wishlist .wishlist-product li.wishlist-product-thumb { width: 46%; }
.wishlist .wishlist-heading li.wishlist-moq, .wishlist .wishlist-product li.wishlist-moq { text-align: center; width: 12.5%; }
.wishlist .wishlist-heading li.wishlist-price, .wishlist .wishlist-product li.wishlist-price { text-align: center; width: 20.5%; }
.wishlist .wishlist-heading li.wishlist-order, .wishlist .wishlist-product li.wishlist-order { text-align: center; width: 15.5%; }
.wishlist .wishlist-product li.wishlist-order a { font-size: 13px; padding-top: 8px; }
.wishlist .wishlist-heading li.wishlist-close, .wishlist .wishlist-product li.wishlist-close { width: 5%; }
.wishlist .wishlist-product .wishlist-moq, .my-orders-product li.my-orders-q, .cart-price p, .cart-qty p, .cart-total p { line-height: inherit; padding-top: 35px; }
.wishlist-price p { font-size: 14px; padding-top: 25px; }
.wishlist-order .btn { margin-top: 30px; padding-left: 20px; padding-right: 20px; }
.wishlist-close .close, .my-orders-close .close, .cart-product .cart-close { float: right; margin: 40px auto 0; }
.list-product img { border: 1px solid #dee0e6; float: left; margin-right: 25px; }
.list-product span { display: block; font-size: 15px; font-weight: bold; padding: 34px 0 0; }
/************************************ ELEMENTS *************************************/
.normal-tabs.tabs-left-nav .resp-tabs-list li { float: left; }
.normal-tabs .resp-tabs-list li a { font-size: 20px; padding: 14px 30px 8px; color: #222; border: 1px solid #c4c4c4; border-left: 0; }
.normal-tabs .resp-tabs-list li:first-child a { border-left: 1px solid #c4c4c4; }
.normal-tabs .resp-tabs-list li.resp-tab-active a, .normal-tabs .resp-tabs-list li a:hover { border-top: 4px solid transparent; background: #fff; color: #222 !important; border-bottom: 0; padding-top: 11px; padding-bottom: 10px }
.normal-tabs .resp-tabs-container { border: 1px solid #c4c4c4; padding: 33px; margin: 7px 0 0; }
.normal-tabs.tabs-right-nav .resp-tabs-list li { float: right; }
.normal-tabs.tabs-right-nav .resp-tabs-list li:first-child a { border-left: 0; }
.normal-tabs.tabs-right-nav .resp-tabs-list li:last-child a { border-left: 1px solid #c4c4c4; }
/************************************ SHOP *************************************/
.shop { margin: 0 -10px; padding: 0 10px; width: 102.3%; }
.shop h2 { font-size: 32px; }
.shop li { display: inline-block; margin: 0 0 27px; padding: 0 10px; width: 33%; }
.shop.full-width li { width: 24.7%; }
.product { border: 1px solid #dadada; display: inline-table; width: 100%; }
.product-thumb { position: relative; margin: -1px; }
.product-thumb img { width: 100%; }
.product-thumb label { border-radius: 100%; color: #fff; display: block; height: 59px; left: 16px; line-height: 61px; position: absolute; text-align: center; top: 16px; width: 59px; }
.product-description { padding: 25px 20px 17px; }
.product-description h3 { font-size: 20px; }
.product-description h3 a:hover { color: #222; }
.price { font-size: 20px; }
.price.big { font-size: 32px; font-weight: 600; }
.price.dark { color: #222222; }
.price u { color: #797979; font-size: 16px; text-decoration: line-through; }
.product-description .double-border { margin-bottom: 17px; }
.product-description .product-cart-btn, .product-description .product-detail-btn { color: #222222; font-weight: 400; font-size: 16px; line-height: 33px; }
.product-cart-btn i { font-size: 26px; float: left; margin-right: 3px; }
.product-detail-btn i { font-size: 19px; float: left; margin: 5px 9px 0 0; }
.showing-result { margin: 0 0 40px 0; }
.showing-result p { float: left; font-size: 20px; margin: 8px 0 0; }
.showing-result .styled-select-small { float: right; }
.top-products { border-bottom: 1px solid #dadada; padding-bottom: 27px; margin-bottom: 28px; }
.top-products img { float: left; }
.top-products .top-products-detail { padding-left: 98px; }
.top-products .top-products-detail h4, .top-products .top-products-detail p { margin: 0; }
.top-products .top-products-detail p { font-weight: 600; }
.ratings i { display: inline-block; font-size: 16px; }
.ratings.big i { font-size: 20px; }
.item-counter { border: 1px solid #e0e0e0; float: left; height: 42px; margin-right: 17px; width: 135px; border-radius: 1px; }
.item-counter span { cursor: pointer; font-size: 18px; height: 40px; line-height: 40px; text-align: center; width: 42px; }
.item-counter input.items-total { background: #ffffff; border: 0 none; cursor: default; display: inline-block; height: 40px; line-height: 40px; margin: 0; padding: 0 0 0 0; text-align: center; width: 49px; }
.item-counter span.pull-left { border-right: 1px solid #e0e0e0; }
.item-counter span.pull-right { border-left: 1px solid #e0e0e0; }
.product-detail-description h2 { margin-bottom: 25px; font-family: 'Raleway', sans-serif; font-weight: 600; }
.product-detail-description .ratings { margin-bottom: 20px; }
.product-detail-description p { margin-bottom: 20px; }
.product-detail-description .btn-medium { padding-bottom: 7px; padding-top: 8px; }
.product-detail-slider img { border: 0 !important; padding: 0 !important; }
.product-detail-slider .rslides_tabs { position: absolute; left: 0; right: 0; bottom: 20px; text-align: center; z-index: 50; }
.product-detail-slider .rslides_tabs li { display: inline-block; float: none; margin: 0 1.5px; }
.product-detail-slider .rslides_tabs li.rslides_here a { background: #2991d6 }
.product-detail-slider .rslides_tabs li a { display: inline-block; width: 15px; height: 15px; background: #b0b0b0; border-radius: 100%; }
.resp-tab-content .comment-avartar { margin-right: 20px; }
.resp-tab-content .comment-text { padding-left: 80px; }
.resp-tab-content .meta { margin: 0; }
.resp-tab-content .ratings { float: right; }
.resp-tab-content .ratings li { float: left; margin: 0 3px; }
.resp-tab-content .comment { padding: 0; margin: 0; border: 0; }
.resp-tab-content h3 { font-family: 'Raleway', sans-serif; font-weight: 600; }
.additional-detail li { border-bottom: 1px dotted #ccc; font-size: 18px !important; padding: 9px 0 3px; }
.additional-detail li:last-child { border-bottom: 0; }
.additional-detail li label { width: 28%; }
.add-review-form { max-width: 500px; margin: 0 auto; position: relative; }
.review_form_thumb { padding: 50px 0 20px; }
.add-review-form .comment-respond input[type="text"], .add-review-form .comment-respond input[type="email"], .add-review-form .comment-respond input[type="password"], .add-review-form .comment-respond input[type="number"], .add-review-form .form-widget input[type="text"], .add-review-form .form-widget input[type="email"], .add-review-form .form-widget input[type="password"], .add-review-form .form-widget input[type="number"] { width: 100%; float: none; margin-right: 0; }
.review-form-close { background: #000; color: #fff; cursor: pointer; font-size: 24px; padding: 8px 18px 8px; position: absolute; right: -100px; top: 30px; display: block; }
.review-form-close:hover { background: #2991d6; color: #fff; }
.your-rating { padding: 0 0 10px; }
.rating { display: inline; list-style: none; padding: 0; }
.rating li:before { font-size: 20px; color: #f1f1f1; }
.rating { unicode-bidi: bidi-override; direction: rtl; margin: 6px 0 0; }
.rating > li { display: inline-block; position: relative; width: 22px; }
.rating > li:hover:before, .rating > li:hover ~ li:before { color: #ffb200; cursor: pointer; }
/*************************** CHECKOUT **********************************/
.checkout-btn { border-left: 1px solid rgba(255, 255, 255, 0.34); display: block; height: 75px; float: right; margin-left: 15px; position: relative; z-index: 55; width: 85px; text-align: center; font-size: 43px; color: #fff !important; line-height: 78px; }
.checkout-btn:hover i { color: #fff; opacity: .7 }
.nav-dark .checkout-btn { color: #222; }
.checkout { position: absolute; opacity: 0; right: -455px; top: 76px; background: #fff; width: 455px; -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.2, 1, 0.3, 1); transition: transform 0.6s cubic-bezier(0.2, 1, 0.3, 1); }
.checkout.opened { opacity: 1; right: 0; transition: transform 0.6s cubic-bezier(0.2, 1, 0.3, 1); }
.checkout-header { -webkit-transition-delay: 0.015s; transition-delay: 0.015s; background: #2991d6; color: #fff; height: 54px; padding: 10px 20px; font-size: 30px; }
.checkout-close { float: right; color: #fff; font-size: 25px; line-height: 42px; }
.checkout-close:hover { color: #fff; opacity: .7 }
.checkout-heading { -webkit-transition-delay: 0.03s; transition-delay: 0.03s; background: #eeeeee; border-bottom: 1px solid #d6d6d6; padding: 16px 20px 10px; text-transform: uppercase; font-family: 'Raleway', sans-serif; font-weight: 600; font-size: 16px; }
.checkout-heading span:nth-child(2n+2) { float: right; }
.checkout-body { padding: 20px; -webkit-transition-delay: 0.045s; transition-delay: 0.045s; }
.checkout-body ul { list-style: none; }
.checkout-product { padding-bottom: 10px; }
.checkout-product li { float: left; width: 80%; }
.checkout-product li p { padding: 22px 0 0; }
.checkout-product li p span { padding: 0; font-weight: normal; color: #8b8b8b; font-weight: 400; }
.checkout-product li span { padding: 25px 0 0; display: inline-block; }
.checkout-product li:nth-child(2n+2) { float: right; width: 20%; text-align: right; font-weight: 600; }
.checkout-product img { float: left; margin: 0 15px 0 0; }
.checkout-total { border-top: 1px solid #d0d0d2; border-bottom: 1px solid #d0d0d2; padding: 14px 0 10px; margin: 10px 0 0; }
.checkout-total li { float: left; width: 50%; font-family: 'Raleway', sans-serif; font-weight: 600; font-size: 22px; }
.checkout-total li:last-child { text-align: right; color: #2991d6; }
.checkout-buttons .btn { margin: 30px 0 0; padding-left: 10.5%; padding-right: 11%; }
.checkout .checkout-body .checkout-product, .checkout-total, .checkout-buttons { -webkit-transform: translate3d(800px, 0, 0); transform: translate3d(800px, 0, 0); }
.checkout.opened .checkout-body .checkout-product { -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.checkout.opened .checkout-body .checkout-product:nth-child(2n+2) { -webkit-transition: all 700ms ease; -moz-transition: all 700ms ease; -ms-transition: all 700ms ease; -o-transition: all 700ms ease; transition: all 700ms ease; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.checkout.opened .checkout-total { -webkit-transition: all 900ms ease; -moz-transition: all 900ms ease; -ms-transition: all 900ms ease; -o-transition: all 900ms ease; transition: all 900ms ease; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.checkout.opened .checkout-buttons { -webkit-transition: all 1000ms ease; -moz-transition: all 1000ms ease; -ms-transition: all 1000ms ease; -o-transition: all 1000ms ease; transition: all 1000ms ease; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.classic-header-right .checkout { z-index: 100; overflow: hidden; width: 370px; top: 90px; right: -100%; transform: scale(0); }
.classic-header-right .checkout.opened { right: 0; transform: scale(1); }
.classic-header-right .checkout .checkout-buttons .btn { padding: 9px 8% 8px 6%; }
.smallHeader .classic-header-right .checkout { display: none !important; }
/************************************ PROGRESS BAR *************************************/
.ui-progressbar { height: 2em; text-align: left; overflow: hidden; }
.ui-progressbar .ui-progressbar-value { margin: -1px; height: 100%; }
.ui-progressbar .ui-progressbar-overlay { background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw=="); height: 100%; filter: alpha(opacity=25); opacity: 0.25; }
.ui-progressbar-indeterminate .ui-progressbar-value { background-image: none; }
.ui-resizable { position: relative; }
.ui-resizable-handle { position: absolute; font-size: 0.1px; display: block; -ms-touch-action: none; touch-action: none; }
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; }
.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; }
.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; }
.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; }
.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; }
.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; }
.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; }
.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; }
.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px; }
.ui-slider { position: relative; text-align: left; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 23px; height: 23px; border-radius: 100%; cursor: default; -ms-touch-action: none; touch-action: none; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; }
.ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range { filter: inherit; }
.ui-slider-horizontal { height: .6em; }
.ui-slider-horizontal .ui-slider-handle { top: -6px; margin-left: -.6em; cursor: pointer; }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }
.ui-widget { font-family: Verdana, Arial, sans-serif; font-size: 1.1em; }
.ui-widget .ui-widget { font-size: 1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana, Arial, sans-serif; font-size: 1em; }
.ui-widget-content { border: 0; background: #ececec; -moz-box-shadow: inset 0 3px 1px 0 #cbcbcb; -webkit-box-shadow: inset 0 3px 1px 0 #cbcbcb; box-shadow: inset 0 3px 1px 0 #cbcbcb; color: #222222; border-radius: 10px; }
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 0; background: url(../images/slider-pointer.png) no-repeat; font-weight: normal; color: #555555; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555; text-decoration: none; }
.price-range { margin: 27px 0 0; }
.price-range input[type="text"], .price-range p { max-width: 138px; height: 29px; font-size: 15px; color: #5e5e5e; float: right; border: 1px solid #e0e0e0; border-radius: 1px; text-align: center; }
.price-range p { float: left; padding: 0 30px; margin: 0; }
/************************************ JLOCATOR [store locator] *************************************/
#jlocator { width: 100%; float: left; }
#jlocator .map { width: 60%; height: 650px; float: right; background-color: #a5bfdd }
#jlocator .no-results p { text-align: center; padding: 20px 0 }
#jlocator .hidden { display: none }
#jlocator .controls { background: #fff; padding-bottom: 5px; width: 96%; margin-bottom: 10px; padding: 0 2% 10px; float: left; border-bottom: 1px solid #e3e3e3; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box }
#jlocator .autocomplete { display: block; float: left; font-size: 15px; text-indent: 5px; width: 150px; height: 27px; border: 1px solid #ddd; margin: 5px 5px 5px 0 }
#jlocator > .panel { width: 40%; float: left }
@media only screen and (max-width : 600px) {
#jlocator { font-size: 13px; line-height: 18px; }
#jlocator .map { width: 100%; height: 300px }
#jlocator .controls { padding-top: 10px; padding-bottom: 10px; }
#jlocator .controls .box { width: auto }
#jlocator > .panel { width: 100%; height: auto }
}
#jlocator .stores { float: left; height: 530px; overflow: auto; width: 96%; }
#jlocator .store { cursor: pointer; }
#jlocator .store p { padding: 3px 7px; margin: 0; border-bottom: 1px dashed #ccc; }
#jlocator .store p span { font-weight: normal; font-size: 17px; font-weight: 300; }
#jlocator .store:hover p span, #jlocator .active p span, #jlocator .store:hover p { color: #fff; }
#jlocator .active { background-color: #2991d6; color: #fff; }
#jlocator .title { font-family: 'verdana'; font-size: 13px; line-height: 13px; color: #000 }
#jlocator .tags { color: #7f4f24 }
@media only screen and (max-width : 600px) {
#jlocator .stores { height: 240px }
.reset-box { float: none !important; }
#jlocator .stores { width: 100% !important; }
}
#jlocator .info-window .store p { border: 0; font-size: 11px }
#jlocator .info-window .store:hover, #jlocator .info-window .active { background-color: #fff }
#jlocator .country { padding-right: 20px }
#jlocator .directions label { color: #1e87aa; background: url("../img/icons/directions.png") no-repeat 0% 50%; padding-left: 10px; cursor: help }
#jlocator .directions input { border: 1px solid #aaa; height: 1.16em; width: 200px; margin-left: 10px }
#jlocator .info-window .directions { display: none }
#jlocator .search-within-radius .drop-down { margin-right: 5px }
#jlocator .search-within-radius .autocomplete { width: 130px; margin-right: 5px }
#jlocator .search-within-radius .distance { margin-top: 6px }
.jplist-hidden { display: none }
.reset-box { margin: 4px 5px 5px 0; float: left }
.jplist-select { border: 1px solid #ddd; height: 23px }
.jplist-btn { display: inline-block; padding: 3px 10px; margin-bottom: 0; color: #333; font-size: 15px; text-shadow: 0 1px 1px rgba(255,255,255,0.75); cursor: pointer; line-height: 20px; text-align: center; vertical-align: middle; border: 1px solid transparent; border-radius: 2px; background-color: #f5f5f5 }
.drop-down { float: left; width: 130px; height: 27px; border: 1px solid #ddd; margin: 5px 5px 5px 0; }
.drop-down .panel { float: left; width: 125px; font-size: 15px; height: 25px; line-height: 22px; overflow: hidden; background: url("../images/select-arrow.png") no-repeat scroll 95% 8px #fff; cursor: pointer; margin: 0; padding: 0 0 0 5px }
.drop-down ul { position: relative; top: 0; left: -1px; z-index: 1000; width: 130px; display: none; overflow: hidden; background-color: #fff; border: 1px solid #ccc; list-style: none; border-radius: 0 0 3px 3px; margin: 0; padding: 0; }
.drop-down ul li { cursor: pointer; width: 130px; float: left; background-color: #fff; padding: 0 0 0 5px; font-size: 15px; }
.drop-down ul li:hover { background-color: #ececec }
.filter input { display: block; float: left; text-indent: 5px; width: 150px; height: 20px; border: 1px solid #ddd; margin: 5px 20px 5px 0 }
.search-title { margin: 5px 10px 0 0 }
.filter-buttons { float: left; clear: left; margin: 10px 20px 0 0; }
.filter-buttons input { vertical-align: bottom; background: #fff; border: 1px solid #0c5f1f; border-radius: 3px; color: #0c5f1f }
.filter-button.selected { border: 1px solid #ca3f1a; color: #ca3f1a }
.paging span { background: #f9f9f9; color: #000; cursor: pointer; font-family: arial; font-size: 13px; margin: 0 10px 0 0; padding: 4px 7px 3px; }
.paging .current, .paging span:hover { font-weight: 700; color: #fff; }
.pagingprev, .pagingmid, .pagingnext { float: left }
.paging, .paging-results { float: left; margin: 5px 20px 5px 0; font-size: 15px; }
.radio-filters { float: left; margin: 5px 15px 0 0; }
.radio-filters input { vertical-align: baseline }
.radio-filters label { margin-right: 10px }
.radio { float: left }
.cb-group-filter { float: left; margin: 5px 5px 0 0; padding-left: 0; }
.cb-group-filter .cb { float: left; margin-right: 10px; font-size: 15px; }
.cb-group-filter .cb input { vertical-align: text-top; margin: 1px 4px 0 0; }
.jplist-sticky { position: fixed; width: 100%; left: 0; top: 0; z-index: 1000; background: #f1f1f1; padding-bottom: 5px }
.range-slider { float: left; margin-top: 5px; }
.range-slider .value { float: left; margin: 0 15px; font-size: 12px }
.range-slider .ui-slider { float: left; width: 130px }
.ui-slider { margin-top: 5px }
#jlocator img { max-width: none; }
/************************************ FOOTER *************************************/
.footer { background: #1a1a1a; color: #fff; }
.footer hr.dotted { margin: 38px 0 35px; border-color: #acacac }
.footer h3 { color: #fff; font-size: 28px }
.footer-logo { -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); }
.footer-inner { background: #222222; padding: 50px 30px 60px; }
.footer-inner .social li { margin-bottom: 5px; }
.footer-about a { font-size: 16px; color: #dbdbdb; color: #fff }
.footer-widget { padding: 30px 0 0; }
.footer-widget h3 { margin-bottom: 45px; }
/************************************ TWEETS *************************************/
.tweets i { font-size: 100px; float: left; margin-right: 18px; }
.tweets p { padding: 10px 0 0; }
.tweets p a { color: #fff; font-weight: 600; }
.tweet-time { font-size: 15px; color: #bcbcbc; display: block; font-weight: 300; }
.tweets.small i { font-size: 40px; margin-right: 10px; }
.tweets.small .rslides { display: list-item; }
.tweets.small p { padding-top: 0; }
.tweets .rslides { display: inline-block; }
/************************************ FOOTER POST *************************************/
.footer-post { background: #1c1c1c; padding: 14.1px 13px; margin: 0 0 10px 0; background: linear-gradient(to left, #1c1c1c 50%, #151515 50%); background-size: 200% 100%; background-position: right bottom; }
.footer-post img { float: left; border: 3px solid #fff; float: left; margin-right: 15px; width: 95px; }
.footer-post h4, .footer-post h4 a { color: #cecece; font-size: 20px; font-weight: 400; font-family: "Source Sans Pro", sans-serif; margin: 3px 0 0 0; }
.footer-post p { color: #ececec; font-size: 16px; line-height: 25px; }
.footer-post:hover { background-position: left bottom; }
/************************************ TAG CLOUDS *************************************/
.tags-cloud { list-style: none; margin: 0; }
.tags-cloud li { float: left; margin: 0 5px 5px 0; }
.tags-cloud li a { display: block; padding: 8px 20px; font-size: 16px; color: #cecece; border: 1px solid #7b7b7b; }
.tags-cloud li a:hover { color: #fff !important; }
.tags-cloud.light li a { border-color: #bcbcbc; padding: 8px 30px 8px; color: #929191; }
.tags-cloud.light li a:hover { color: #fff; border-color: #2991d6; }
/************************************ ADDRESS LIST *************************************/
.address-list { list-style: none; background: url(../images/footer-map-dark.png) no-repeat center bottom; }
.address-list li { clear: both; font-size: 15px; line-height: 33px; padding: 0 0 20px 50px; }
.address-list li a { color: #cecece }
.address-list li i { float: left; font-size: 30px; margin: 0 17px 0 -50px; }
.address-list li i.icon-envelope { font-size: 24px; }
.address-list li i.icon-icons180 { font-size: 35px; }
/************************************ FOOTER BOTTOM *************************************/
.footer-bottom { padding: 15px 0 7px; }
.footer-bottom img { float: left; margin-right: 20px; }
.footer-bottom p a { font-weight: 400; color: #fff; }
.footer-bottom p a:hover { text-decoration: underline; }
.footer-nav ul { list-style: none; float: right }
.footer-nav ul li { float: left; border-left: 1px solid #a8a8a8; padding: 0 9px; line-height: 15px; margin: 6px 0; }
.footer-nav ul li:first-child { border: 0 }
.footer-nav ul li a { font-size: 13px; color: #fff; }
.footer-nav ul li a:hover { color: #fff; }
/************************************ NEWSLETTER *************************************/
.news-letter-widget { padding: 27px 0 0; }
.news-letter-widget h3 { margin: 0; }
.news-letter-widget p { font-size: 16px; }
.news-letter-form { border: 1px solid #404040; position: relative; }
.news-letter-form input[type="text"] { background: none; border: 0; height: 51px; width: 90%; padding: 0 5% }
.news-letter-form input[type="submit"] { width: 54px; height: 51px; background: #3e3e3e; font-size: 18px; color: #cecece; border: 0; position: absolute; right: 0; top: 0; }
.news-letter-form input[type="submit"]:hover { background: #2e2e2e; }
.copyright { font-size: 13px; }
/************************************ FOOTER BOXED LIGHT *************************************/
.footer.footer-boxed-light { background: #fff; color: #333; }
.footer.footer-boxed-light .footer-inner { background: #f9f9f9; }
.footer.footer-boxed-light .footer-inner h3 { color: #333; }
.footer.footer-boxed-light .footer-post { background: linear-gradient(to left, #efefef 50%, #e3e3e3 50%); background-size: 200% 100%; background-position: right bottom; }
.footer.footer-boxed-light .footer-post:hover { background-position: left bottom; }
.footer.footer-boxed-light .address-list { background: url(../images/footer-map-light.png) no-repeat center bottom; }
.footer.footer-boxed-light .footer-post h4, .footer.footer-boxed-light .footer-post h4 a { color: #333; }
.footer.footer-boxed-light .tags-cloud li a { color: #222222; }
.footer.footer-boxed-light .address-list li a { color: #222; }
.footer.footer-boxed-light .tweets p a { color: #222; }
.footer.footer-boxed-light .footer-about a { color: #222; }
.footer.footer-boxed-light .footer-post p { color: #8c8c8c; }
.footer.footer-boxed-light .news-letter-form input[type="text"] { background: #e8e8e8 }
.footer.footer-boxed-light .news-letter-form { border: 0; }
.footer.footer-boxed-light .footer-nav ul li a { color: #505050; }
/************************************ FOOTER WIDE LIGHT *************************************/
.footer.footer-wide-light { background: #fff; color: #222222; }
.footer.footer-wide-light .footer-inner { background: #fff; padding-left: 0; padding-right: 0; }
.footer.footer-wide-light h3 { color: #222; }
.footer.footer-wide-light .footer-about a { color: #222 }
.footer.footer-wide-light .address-list li a { color: #222; }
.footer.footer-wide-light .footer-post { background: linear-gradient(to left, #efefef 50%, #e3e3e3 50%); background-size: 200% 100%; background-position: right bottom; }
.footer.footer-wide-light .footer-post:hover { background-position: left bottom; }
.footer.footer-wide-light .footer-post h4, .footer.footer-wide-light .footer-post h4 a { color: #222; }
.footer.footer-wide-light .footer-post p { color: #8c8c8c; }
.footer.footer-wide-light .tags-cloud li a { color: #222222; }
.footer.footer-wide-light .tags-cloud li a:hover { color: #fff; }
.footer.footer-wide-light .news-letter-form input[type="text"] { background: #e8e8e8 }
.footer.footer-wide-light .news-letter-form { border: 0; }
.footer.footer-wide-light .footer-bottom { background: #f4f4f4; border-top: 1px solid #d3d3d3 }
.footer.footer-wide-light .footer-nav ul li a { color: #505050; }
.footer.footer-wide-light .footer-nav ul li a:hover { color: #000; }
.footer.footer-wide-light .footer-nav ul li { border-left: 1px solid #505050; }
.footer.footer-wide-light .footer-nav ul li:first-child { border: 0; }
.footer.footer-wide-light .address-list { background: url(../images/footer-map-light.png) no-repeat center bottom; }
.footer.footer-wide-light .footer-post h4, .footer.footer-wide-light .footer-post h4 a { color: #333; }
.footer.footer-wide-dark .footer-inner { background: none; padding-left: 0; padding-right: 0; }
.footer.footer-wide-dark .footer-bottom { background: #222222 }
/************************************ FOOTER2 *************************************/
.footer2 { padding: 75px 0 50px; }
.footer2 h3 { margin-bottom: 25px; }
.footer2 p { font-size: 18px; line-height: 26px; }
.footer2 .news-letter-form { margin-top: 10px; }
.footer-nav-widget li { display: inline-block; width: 49%; margin-bottom: 9px; }
.footer-nav-widget li a { font-size: 18px; color: #e1e1e1; -webkit-transition: all 800ms ease; -moz-transition: all 800ms ease; -ms-transition: all 800ms ease; -o-transition: all 800ms ease; transition: all 800ms ease; }
.footer-nav-widget li a i { float: left; margin: 3px 13px 0 0; -webkit-transition: all 800ms ease; -moz-transition: all 800ms ease; -ms-transition: all 800ms ease; -o-transition: all 800ms ease; transition: all 800ms ease; }
.footer-nav-widget li a:hover { -webkit-transition: all 800ms ease; -moz-transition: all 800ms ease; -ms-transition: all 800ms ease; -o-transition: all 800ms ease; transition: all 800ms ease; }
.footer-nav-widget li a:hover i { margin-left: 9px; margin-right: 4px; -webkit-transition: all 800ms ease; -moz-transition: all 800ms ease; -ms-transition: all 800ms ease; -o-transition: all 800ms ease; transition: all 800ms ease; }
.footer-locations-widget { border-top: 1px solid #4e4e4e; margin-top: 60px; }
.footer-locations-widget .each { border-right: 1px solid #4e4e4e; width: 33.3%; float: left; padding: 50px 0 0; min-height: 240px; }
.footer-locations-widget .each:last-child { border-right: 0; }
.footer-locations-widget .each i { font-size: 56px; }
.footer-locations-widget .each p { max-width: 270px; margin: 10px auto 0; font-size: 20px; }
.footer2 { background: #1a1a1a; color: #cecece; }
.footer2 h3 { color: #cecece; }
.footer2.light { background: #f9f9f9; color: #333; }
.footer2.light h3 { color: #333; }
.footer2.light .footer-nav-widget li a { color: #333; }
.footer2.light .tweets p a { color: #333; }
.footer2.light .tweet-time { color: #333; }
.footer2.light .news-letter-form { border: 0; }
.footer2.light .news-letter-form input[type="text"] { color: #000; background: #e8e8e8; }
.footer2.light .footer-locations-widget, .footer2.light .footer-locations-widget .each { border-color: #ccc; }
.footer2.light .social.bordered.dark li a i { border-color: #ccc; }
.footer2.light .social.bordered.dark li a:hover i { border-color: #575757; }
/************************************ FOOTER SMALL *************************************/
.footer.small { padding: 80px 0 60px; }
.footer.small .footer-nav ul { float: none; padding: 25px 0 20px; }
.footer.small .footer-nav ul li { float: none; display: inline-block; border: 0; padding: 0; color: #fff; }
.footer.small .footer-nav ul li a { display: inline-block; margin: 0 7px; color: #fff; }
.footer.small .footer-nav ul li a:hover { color: #898989 }
.footer.small .copyright { color: #898989 }
.footer.small .social.bordered li a i { border-width: 1px; }
/*----------------------------------------------------------------------------------------

                                     EXTERNAL PLUGINS 

---------------------------------------------------------------------------------------*/


/************************************ ROYAL SLIDER *************************************/
.royalSlider { width: 100%; height: auto; position: relative; direction: ltr; }
.royalSlider > * { float: left; }
.rsWebkit3d .rsSlide { -webkit-transform: translateZ(0); }
.rsWebkit3d .rsSlide, .rsWebkit3d .rsContainer, .rsWebkit3d .rsThumbs, .rsWebkit3d .rsPreloader, .rsWebkit3d img, .rsWebkit3d .rsOverflow, .rsWebkit3d .rsBtnCenterer, .rsWebkit3d .rsAbsoluteEl, .rsWebkit3d .rsABlock, .rsWebkit3d .rsLink { -webkit-backface-visibility: hidden; }
.rsFade.rsWebkit3d .rsSlide, .rsFade.rsWebkit3d img, .rsFade.rsWebkit3d .rsContainer { -webkit-transform: none; }
.rsOverflow { width: 100%; height: 100%; position: relative; overflow: hidden; float: left; -webkit-tap-highlight-color: rgba(0,0,0,0); }
.rsVisibleNearbyWrap { width: 100%; height: 100%; position: relative; overflow: hidden; left: 0; top: 0; -webkit-tap-highlight-color: rgba(0,0,0,0); }
.rsVisibleNearbyWrap .rsOverflow { position: absolute; left: 0; top: 0; }
.rsContainer { position: relative; width: 100%; height: 100%; -webkit-tap-highlight-color: rgba(0,0,0,0); }
.rsArrow, .rsThumbsArrow { cursor: pointer; }
.rsThumb { float: left; position: relative; }
.rsArrow { width: 54px; height: 54px; border: 1px solid #fff; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomleft: 5px; border-top-right-radius: 5px; border-bottom-left-radius: 5px; position: absolute; top: 50%; margin-top: -26px; }
.rsArrow.rsArrowLeft { left: 30px; background: url(../images/left-arrow.png) no-repeat center center; }
.rsArrow.rsArrowRight { right: 30px; background: url(../images/right-arrow.png) no-repeat center center; }
.rsArrow, .rsNav, .rsThumbsArrow { opacity: 1; -webkit-transition: opacity 0.3s linear; -moz-transition: opacity 0.3s linear; -o-transition: opacity 0.3s linear; transition: opacity 0.3s linear; }
.rsHidden { opacity: 0; visibility: hidden; -webkit-transition: visibility 0s linear 0.3s, opacity 0.3s linear; -moz-transition: visibility 0s linear 0.3s, opacity 0.3s linear; -o-transition: visibility 0s linear 0.3s, opacity 0.3s linear; transition: visibility 0s linear 0.3s, opacity 0.3s linear; }
.rsGCaption { width: 100%; float: left; text-align: center; }
/* Fullscreen options, very important ^^ */
.royalSlider.rsFullscreen { position: fixed !important; height: auto !important; width: auto !important; margin: 0 !important; padding: 0 !important; z-index: 2147483647 !important; top: 0 !important; left: 0 !important; bottom: 0 !important; right: 0 !important; }
.royalSlider .rsSlide.rsFakePreloader { opacity: 1 !important; -webkit-transition: 0s; -moz-transition: 0s; -o-transition: 0s; transition: 0s; display: none; }
.rsSlide { position: absolute; left: 0; top: 0; display: block; overflow: hidden; height: 100%; width: 100%; }
.royalSlider.rsAutoHeight, .rsAutoHeight .rsSlide { height: auto; }
.rsContent { width: 100%; height: 100%; position: relative; background: #000; }
.rsPreloader { position: absolute; z-index: 0; }
.rsNav { -moz-user-select: -moz-none; -webkit-user-select: none; user-select: none; }
.rsNavItem { -webkit-tap-highlight-color: rgba(0,0,0,0.25); }
.rsThumbs { cursor: pointer; position: relative; overflow: hidden; float: left; z-index: 22; }
.rsTabs { float: left; background: none !important; }
.rsTabs, .rsThumbs { -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: rgba(0,0,0,0); }
.rsVideoContainer { width: auto; height: auto; line-height: 0; position: relative; }
.rsVideoFrameHolder { position: absolute; left: 0; top: 0; background: #141414; opacity: 0; -webkit-transition: .3s; }
.rsVideoFrameHolder.rsVideoActive { opacity: 1; }
.rsVideoContainer iframe, .rsVideoContainer video, .rsVideoContainer embed, .rsVideoContainer .rsVideoObj { position: absolute; z-index: 50; left: 0; top: 0; width: 100%; height: 100%; }
/* ios controls over video bug, shifting video */
.rsVideoContainer.rsIOSVideo iframe, .rsVideoContainer.rsIOSVideo video, .rsVideoContainer.rsIOSVideo embed { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-right: 44px; }
.rsABlock { left: 0; top: 0; position: absolute; z-index: 15; }
img.rsImg { max-width: none; opacity: .6; }
img.rsImg.full-visible { opacity: 1; }
.grab-cursor { cursor: url(../images/grab.png) 8 8, move; cursor: -webkit-grab; }
.grabbing-cursor { cursor: url(../images/grab.png) 8 8, move; cursor: -webkit-grabbing; }
.rsNoDrag { cursor: auto; }
.rsLink { left: 0; top: 0; position: absolute; width: 100%; height: 100%; display: block; z-index: 20; background: url(blank.png); }
.bContainer { position: absolute; top: 38%; left: 0; width: 100%; }
.blockHeadline { font-size: 60px; color: #fff; width: 100%; text-transform: uppercase; font-family: 'Lato', sans-serif; font-weight: 800; }
.blockText { font-size: 28px; color: #fff; width: 100%; padding-top: 93px; }
.blockBtn { padding-top: 165px; width: 100%; }
.blockBtn .btn { margin: 0 5px; }
.rsBullets { position: absolute; left: 0; right: 0; bottom: 41px; text-align: center; }
.rsBullets .rsBullet { width: 8px; height: 8px; border: 1px solid #fff; display: inline-block; border-radius: 100%; margin: 0 1.5px; cursor: pointer; }
.rsBullets .rsBullet:hover, .rsBullets .rsBullet.rsNavSelected { background: #fff; }
.slide-dark .blockHeadline, .slide-dark .blockText { color: #222222; }
.slide-dark .rsBullets .rsBullet { border-color: #303030 }
.slide-dark .rsBullets .rsBullet.rsNavSelected { background: #303030 }
.rs-dark-slide .rsArrow.rsArrowLeft { background: url(../images/left-arrow-dark.png) no-repeat center center; border-color: #222; }
.rs-dark-slide .rsArrow.rsArrowRight { background: url(../images/right-arrow-dark.png) no-repeat center center; border-color: #222; }
.rs-dark-slide .rsArrow.rsArrowLeft:hover { background: url(../images/left-arrow.png) no-repeat 20px center; }
.rs-dark-slide .rsArrow.rsArrowRight:hover { background: url(../images/right-arrow.png) no-repeat 65px center; }
.rs-dark-slide .rsArrow.rsArrowLeft:hover, .rs-dark-slide .rsArrow.rsArrowRight:hover { background-color: #222; color: #fff; }
.rs-dark-slide .rsBullets .rsBullet { border-color: #000; }
.rs-dark-slide .rsBullets .rsBullet:hover { border-color: #000; background: #000; }
.rs-dark-slide .rsBullets .rsBullet.rsNavSelected { background: #000; }
.rsBtnCenterer { left: 50%; position: absolute; top: 50%; }
.rsDefault .rsPlayBtn { cursor: pointer; height: 64px; margin-left: -32px; margin-top: -32px; width: 64px; }
.rsPlayBtnIcon { background: url("rs-default.png") no-repeat scroll 0 -32px rgba(0, 0, 0, 0.75); border-radius: 4px; display: block; height: 64px; transition: all 0.3s ease 0s; width: 64px; }
.rsArrow.rsArrowLeft .rsSlideCount { position: absolute; left: -1px; top: -1px; color: #222; width: 100px; text-align: right; padding: 15px 14px 13px; border-bottom-left-radius: 5px; border-top-right-radius: 5px; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; }
.rsArrow.rsArrowRight .rsSlideCount2 { position: absolute; right: -1px; top: -1px; color: #222; width: 100px; text-align: left; padding: 15px 14px 13px; border-bottom-left-radius: 5px; border-top-right-radius: 5px; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; }
.rsArrow.rsArrowLeft:hover .rsSlideCount, .rsArrow.rsArrowRight:hover .rsSlideCount2 { transform: scale(1, 1); }
.rsArrow.rsArrowLeft:hover .rsSlideCount, .rsArrow.rsArrowRight:hover .rsSlideCount2 { transform: scale(1, 1); }
.rs-dark-slide .rsArrow.rsArrowLeft .rsSlideCount, .rs-dark-slide .rsArrow.rsArrowRight .rsSlideCount2 { color: #fff; }
.rsArrow.rsArrowLeft, .rsArrow.rsArrowRight { overflow: hidden; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; }
.rsArrow.rsArrowLeft:hover, .rsArrow.rsArrowRight:hover { background: #fff; width: 100px; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; }
.rsArrow.rsArrowLeft:hover { background: url("../images/left-arrow-dark.png") no-repeat 20px center #fff; }
.rsArrow.rsArrowRight:hover { background: url("../images/right-arrow-dark.png") no-repeat 65px center #fff; }
/*.banner-video { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }*/
.banner-video video { opacity: .8; }
/************************************ RESPONSIVE SLIDES *************************************/
.rslides { position: relative; list-style: none; overflow: hidden; padding: 0; margin: 0; }
.rslides li { -webkit-backface-visibility: hidden; position: absolute; display: none; width: 100%; left: 0; top: 0; }
.rslides li:first-child { position: relative; display: block; float: left; }
.rslides img { display: block; height: auto; float: left; width: 100%; max-width: 533px; border: 0; padding: 5px; border: 1px solid #dadada; border-radius: 2px; margin-bottom: 7px; }
.rslides_tabs li { float: left; list-style: none; }
.rslides_tabs img { padding: 5px; border: 1px solid #dadada; border-radius: 2px; margin: 0 7px 7px 0; }
.logos { padding-top: 38px; }
.logos ul.rslides img { padding: 0; border: 0; width: auto; float: none; margin: 0 auto; filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */ filter: gray; /* IE6-9 */ -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */ }
.logos ul.rslides img:hover { filter: none; -webkit-filter: none; }
.company-environment-slider { padding: 50px 0 0; }
.company-environment-slider img { max-width: none; padding: 0; border: 0; border-radius: 0; }
.company-environment-slider .rslides_tabs { margin: 55px 0 0; }
.company-environment-slider .rslides_tabs li { display: inline-block; float: none; margin: 0 10px; }
.company-environment-slider .rslides_tabs li a { display: block; width: 10px; height: 10px; background: #dedede; border-radius: 100%; }
.company-environment-slider .rslides_tabs li.rslides_here a { background: #444444 }
.rslides_tabs.img-slider-pager { position: relative; bottom: 0; }
.rslides_tabs.img-slider-pager li { float: left; margin: 0; }
.rslides_tabs.img-slider-pager li a, .rslides_tabs.img-slider-pager li.rslides_here a { width: auto; height: auto; background: none; }
.nseva-digital-agency img, .nseva-digital-agency img { background: #fff; }
.bg-image-slider { position: relative; }
.bg-image-slider img { border: 0; padding: 0; max-width: none; width: 100%; }
.bg-image-slider .rslides_nav { position: absolute; left: 28px; top: 50%; width: 72px; height: 72px; background: url(../images/left-arrow-dark.png) no-repeat center center #fff; border-radius: 100%; z-index: 110; font-size: 0; margin-top: -36px; }
.bg-image-slider .rslides_nav.next { left: auto; right: 28px; background: url(../images/right-arrow-dark.png) no-repeat center center #fff; }
.bg-image-slider-text { position: absolute; left: 0; right: 0; text-align: center; top: 50%; z-index: 100; font-size: 48px; transform: translateY(-50%); }
.bg-image-slider-text p { max-width: 930px; margin: 0 auto; font-family: "Raleway", sans-serif; font-weight: 800; color: #fff; line-height: 60px; }
.bg-image-slider-text small { display: block; font-size: 18px; font-weight: 600; text-transform: uppercase; }
/************************************ OWL CAROUSEL *************************************/
.owl-carousel .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.owl-carousel { display: none; position: relative; width: 100%; -ms-touch-action: pan-y; }
.owl-carousel .owl-wrapper { display: none; position: relative; }
.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-buttons div, .owl-controls .owl-page { cursor: pointer; position: absolute; }
.owl-buttons .owl-prev { width: 75px; height: 57px; display: block; left: -120px; }
.owl-buttons .owl-next { width: 75px; height: 57px; display: block; right: -120px; }
.owl-buttons .owl-next:hover, .owl-buttons .owl-prev:hover { background-position: center bottom; }
.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: transparent; left: 0; position: absolute; top: 50%; width: 100%; }
.grabbing { cursor: url(../images/grabbing.png) 8 8, move; }
.owl-carousel .owl-item, .owl-carousel .owl-wrapper { -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-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; }
.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; }
.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; }
.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; }
.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; }
@-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);
}
100%, 75% {
opacity: .5;
-webkit-transform: translateZ(-500px) translateX(-200%);
}
}
@-moz-keyframes backSlideOut { 25% {
opacity: .5;
-moz-transform: translateZ(-500px);
}
100%, 75% {
opacity: .5;
-moz-transform: translateZ(-500px) translateX(-200%);
}
}
@keyframes backSlideOut { 25% {
opacity: .5;
transform: translateZ(-500px);
}
100%, 75% {
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);
}
}
.text-slider .owl-controls { top: auto; bottom: -25px; }
.text-slider .owl-controls .owl-pagination .owl-page { position: relative; display: inline-block; margin: 0 2.5px; }
.text-slider .owl-controls .owl-pagination .owl-page span { display: block; width: 9px; height: 9px; border: 1px solid #828282; border-radius: 100%; }
.text-slider .owl-controls .owl-pagination .owl-page.active span, .text-slider .owl-controls .owl-pagination .owl-page span:hover { border: 1px solid transparent; }
.bullets .owl-controls { top: auto; bottom: 25px; }
.bullets .owl-controls .owl-pagination { text-align: center }
.bullets .owl-controls .owl-pagination .owl-page { position: relative; display: inline-block; margin: 0 2.5px; }
.bullets .owl-controls .owl-pagination .owl-page span { display: block; width: 14px; height: 14px; border: 1px solid #fff; background: #fff; border-radius: 100%; }
.bullets .owl-controls .owl-pagination .owl-page.active span { border: 1px solid #2991d6; background: #2991d6 }
.testimonials .owl-controls { top: auto; bottom: 0; right: 0; left: auto; text-align: right; }
.testimonials .owl-controls .owl-pagination .owl-page { position: relative; display: inline-block; margin: 0 2.5px; }
.testimonials .owl-controls .owl-pagination .owl-page span { display: block; width: 18px; height: 18px; border: 1px solid #fff; border-radius: 100%; }
.testimonials .owl-controls .owl-pagination .owl-page:hover span, .testimonials .owl-controls .owl-pagination .owl-page.active span { border: 1px solid #fff; background: #fff }
.arrows-fancy .owl-buttons { position: absolute; left: 22px; right: 22px; top: 50%; margin-top: -33.5px; }
.arrows-fancy .owl-buttons .owl-prev { background: url(../images/fancy-arrows.png) no-repeat 0 -68px; width: 67px; height: 67px; display: block; left: 0 }
.arrows-fancy .owl-buttons .owl-next { background: url(../images/fancy-arrows.png) no-repeat 0 0; width: 67px; height: 67px; display: block; right: 0 }
.arrows-fancy .owl-buttons .owl-next:hover { background-position: 0 0; }
.arrows-fancy .owl-buttons .owl-prev:hover, .arrows-fancy .owl-buttons .owl-next:hover { opacity: .8; }
.arrows-fancy-transparent .owl-buttons { position: absolute; left: 22px; right: 22px; top: 50%; margin-top: -33.5px; }
.arrows-fancy-transparent .owl-buttons .owl-prev { background: url(../images/fancy-arrows.png) no-repeat 0 -68px; width: 67px; height: 67px; display: block; left: 0 }
.arrows-fancy-transparent .owl-buttons .owl-next { background: url(../images/fancy-arrows.png) no-repeat 0 0; width: 67px; height: 67px; display: block; right: 0 }
.arrows-fancy-transparent .owl-buttons .owl-next:hover { background-position: 0 0; }
.arrows-fancy-transparent .owl-buttons .owl-prev:hover, .arrows-fancy-transparent .owl-buttons .owl-next:hover { opacity: .8; }
.arrows-fancy-dark-transparent .owl-buttons { position: absolute; left: 22px; right: 22px; top: 50%; margin-top: -33.5px; }
.arrows-fancy-dark-transparent .owl-buttons .owl-prev { background: url(../images/fancy-arrows-dark.png) no-repeat 0 -68px; width: 67px; height: 67px; display: block; left: 0 }
.arrows-fancy-dark-transparent .owl-buttons .owl-next { background: url(../images/fancy-arrows-dark.png) no-repeat right 0; width: 67px; height: 67px; display: block; right: 0 }
.arrows-fancy-dark-transparent .owl-buttons .owl-next:hover { background-position: right bottom; }
.arrows-fancy-dark-transparent .owl-buttons .owl-prev:hover { background-position: 0 0; }
.arrows .owl-buttons .owl-prev { background: url(../images/fancy-arrows.png) no-repeat 0 -68px #fff; width: 67px; height: 67px; display: block; left: 0; margin-top: -33.5px; }
.arrows .owl-buttons .owl-next { background: url(../images/fancy-arrows.png) no-repeat 0 0 #fff; width: 67px; height: 67px; display: block; right: 0; margin-top: -33.5px; }
.arrows .owl-buttons .owl-next:hover { background-position: 0 0; }
.arrows .owl-buttons .owl-prev:hover, .owl-buttons .owl-next:hover { opacity: .8; }
.arrows.small-arrows .owl-buttons .owl-prev, .arrows.small-arrows .owl-buttons .owl-next { width: 50px; height: 50px; margin-top: -25px; }
.arrows.small-arrows .owl-buttons .owl-prev { background-position: -10px -76px; }
.arrows.small-arrows .owl-buttons .owl-next { background-position: -10px -8px; }
.arrows.small-arrows .owl-buttons .owl-prev:hover, .arrows.small-arrows .owl-buttons .owl-next:hover { opacity: .8; }
.arrows-simple-dark .owl-buttons { position: absolute; left: 0; right: 0; top: 50%; margin-top: -34.5px; }
.arrows-simple-dark .owl-buttons .owl-prev { background: url(../images/arrows-simple-dark.png) no-repeat 0 0; width: 47px; height: 69px; display: block; left: 0 }
.arrows-simple-dark .owl-buttons .owl-prev:hover { background-position: 0 0; }
.arrows-simple-dark .owl-buttons .owl-next { background: url(../images/arrows-simple-dark.png) no-repeat 0 -69px; width: 47px; height: 69px; display: block; right: 0 }
.arrows-simple-dark .owl-buttons .owl-next:hover { background-position: 0 -69px; }
.arrows-simple-dark .owl-buttons .owl-prev:hover, .arrows-simple-dark .owl-buttons .owl-next:hover { opacity: .8; }
.arrows-simple-dark.small-arrows .owl-buttons .owl-prev, .arrows-simple-dark.small-arrows .owl-buttons .owl-next { width: 35px; height: 57px; }
.arrows-simple-dark.small-arrows .owl-buttons .owl-prev { background-position: -7px -4px; }
.arrows-simple-dark.small-arrows .owl-buttons .owl-next { background-position: -5px -73px }
.bullets-grey .owl-controls { position: absolute; left: 0; bottom: 20px; right: 0; top: auto; text-align: center; }
.bullets-grey .owl-pagination .owl-page { background: #aaaaaa; border-radius: 100%; display: inline-block; height: 14px; margin: 0 4px; position: relative; width: 14px; }
.bullets-grey .owl-pagination .owl-page.active { background: #484848; }
.recent-work .owl-buttons { margin-top: -77.5px; }
.recent-work .zoom-thumbnail { cursor: grab; cursor: -webkit-grab; }
.recent-work .zoom-thumbnail:focus { cursor: grabbing; cursor: -webkit-grabbing; }
.recent-work .zoom-thumbnail figcaption h3 { cursor: pointer; }
/*************************** EASY RESPONSIVE TABS **********************************/
ul.resp-tabs-list, p { margin: 0px; padding: 0px; }
.resp-tabs-list li { font-weight: 600; font-size: 13px; display: inline-block; padding: 0; margin: 0; list-style: none; cursor: pointer; }
.resp-tab-item a:hover, .resp-tab-active a, .resp-tab-item a:hover span { color: #fff; }
.resp-tab-active a, .resp-tab-active a span { color: #fff !important; }
.resp-tabs-container { padding: 0px; background-color: #fff; clear: left; }
h2.resp-accordion { cursor: pointer; padding: 5px; display: none; }
.resp-tab-content { display: none; padding: 0; }
.resp-tab-active { border-bottom: none; margin-bottom: -1px !important; padding: 0 !important; color: #fff; background: #2991d6; border-color: #2991d6 }
.resp-tab-active { border-bottom: none; color: #fff; background: #2991d6; border-color: #2991d6 }
.resp-tab-active a { color: #fff; }
.resp-content-active, .resp-accordion-active { display: block; }
h2.resp-accordion { font-size: 20px; border-bottom: 1px solid #e3e3e3; border-top: 0px solid #e3e3e3; margin: 0px; padding: 15px; }
h2.resp-tab-active { border-bottom: 0px solid #e3e3e3 !important; margin-bottom: 0px !important; padding: 15px !important; }
h2.resp-tab-title:last-child { border-bottom: 12px solid #c1c1c1 !important; background: blue; }
/*-----------Vertical tabs-----------*/
.resp-vtabs { padding: 120px 0 75px !important; }
.resp-vtabs ul.resp-tabs-list { float: left; width: 30%; border: 1px solid #d2d2d2; border-right: 0; }
.resp-vtabs .resp-tabs-list li { display: block; padding: 19px 29px 19px !important; margin: 0; cursor: pointer; float: none; font-family: 'Raleway', sans-serif; border-bottom: 1px solid #d2d2d2; }
.resp-vtabs .resp-tabs-container { padding: 0px; background-color: #fff; border: 1px solid #d2d2d2; float: left; width: 68%; min-height: 250px; clear: none; }
.resp-vtabs .resp-tab-content { border: none; padding: 42px 38px; }
.resp-vtabs .resp-tab-content h3 { font-size: 32px; }
.resp-vtabs li.resp-tab-active { background-color: #fff; position: relative; z-index: 1; margin-right: -1px !important; padding: 20px 29px !important; }
.resp-arrow { width: 0; height: 0; float: right; margin-top: 3px; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 12px solid #c1c1c1; }
h2.resp-tab-active span.resp-arrow { border: none; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 12px solid #fff; }
/*-----------Accordion styles-----------*/
h2.resp-tab-active { background: #2991d6 !important; }
.resp-easy-accordion h2.resp-accordion { display: block; }
.resp-easy-accordion .resp-tab-content { border: 1px solid #c1c1c1; }
.resp-easy-accordion .resp-tab-content:last-child { border-bottom: 1px solid #c1c1c1 !important; }
.resp-jfit { width: 100%; margin: 0px; }
.resp-tab-content-active { display: block; }
h2.resp-accordion:last-child { border: 0; }
/*Here your can change the breakpoint to set the accordion, when screen resolution changed*/
@media only screen and (max-width: 768px) {
ul.resp-tabs-list { display: none; }
h2.resp-accordion { display: block; }
.resp-vtabs .resp-tab-content { border: 1px solid #C1C1C1; }
.resp-vtabs .resp-tabs-container { border: none; float: none; width: 100%; min-height: initial; clear: none; }
.resp-accordion-closed { display: none !important; }
.resp-vtabs .resp-tab-content:last-child { border-bottom: 1px solid #c1c1c1 !important; }
.verticalTab.normal-tabs-vertical .resp-tabs-container { width: 100% !important; }
}
.resp-vtabs li { font-size: 20px; font-weight: normal }
.simple-tabs .resp-tabs-list li a { padding: 16px 45px 15px; font-size: 20px; font-family: 'Raleway', sans-serif; background: #222222; color: #fff }
.bordered-tabs .resp-tabs-list li { line-height: 25px; }
.bordered-tabs .resp-tabs-list li a { background: #fff; border: 1px solid #e7e7e7; color: #575757; font-size: 18px; font-weight: 600; }
.bordered-tabs .resp-tabs-list li a:hover, .bordered-tabs li.resp-tab-active a { color: #fff; }
.bordered-tabs .resp-tab-content { border: 1px solid #e7e7e7; margin: 12px 0 0; }
.verticalTab.normal-tabs-vertical .resp-tabs-list { width: 14%; border: 0; }
.verticalTab.normal-tabs-vertical .resp-tabs-container { width: 86%; }
.resp-vtabs.normal-tabs-vertical .resp-tabs-list li { padding: 11px 40px !important; margin-bottom: 4px!important; border: 1px solid #d2d2d2; border-right: 0; float: right }
.resp-vtabs.normal-tabs-vertical .resp-tabs-list li.resp-tab-active, .resp-vtabs.normal-tabs .resp-tabs-list li:hover { padding: 11px 40px !important; margin-bottom: 4px !important; border-left: 4px solid transparent !important; }
.resp-vtabs.normal-tabs-vertical .resp-tabs-container { margin: 0; }
.normal-tabs-bordered-btns { padding: 50px 0 0 }
.normal-tabs-bordered-btns .resp-tabs-list { padding-bottom: 10px; }
.normal-tabs-bordered-btns .resp-tabs-list .resp-tab-item a { border: 1px solid #c4c4c4; font-size: 20px; color: #222; padding: 12px 20px 10px; }
.normal-tabs-bordered-btns .resp-tabs-list .resp-tab-item.resp-tab-active a, .normal-tabs-bordered-btns .resp-tabs-list .resp-tab-item a:hover { color: #fff; }
/************************************ VALIDATE ENGINE *************************************/
.formError { z-index: 22; }
.formError .formErrorContent { z-index: 991; }
.formError .formErrorArrow { z-index: 996; }
.ui-dialog .formError { z-index: 5000; }
.ui-dialog .formError .formErrorContent { z-index: 5001; }
.ui-dialog .formError .formErrorArrow { z-index: 5006; }
.inputContainer { position: relative; float: left; }
.formError { position: absolute; top: 300px; left: 300px; display: block; cursor: pointer; text-align: left; }
.formError.inline { position: relative; top: 0; left: 0; display: inline-block; }
.ajaxSubmit { padding: 20px; background: #55ea55; border: 1px solid #999; display: none; }
.formError .formErrorContent { width: 100%; background: #E4090A; position: relative; color: #fff; min-width: 136px; font-size: 11px; border: 2px solid #ddd; box-shadow: 0 0 6px #000; -moz-box-shadow: 0 0 6px #000; -webkit-box-shadow: 0 0 6px #000; -o-box-shadow: 0 0 6px #000; padding: 4px 10px 4px 10px; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; -o-border-radius: 6px; }
.formError.inline .formErrorContent { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; -o-box-shadow: none; border: none; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -o-border-radius: 0; }
.greenPopup .formErrorContent { background: #33be40; }
.blackPopup .formErrorContent { background: #393939; color: #FFF; }
.formError .formErrorArrow { width: 15px; margin: -2px 0 0 13px; position: relative; }
body[dir='rtl'] .formError .formErrorArrow, body.rtl .formError .formErrorArrow { margin: -2px 13px 0 0; }
.formError .formErrorArrowBottom { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; -o-box-shadow: none; margin: 0px 0 0 12px; top: 2px; }
.formError .formErrorArrow div { border-left: 2px solid #ddd; border-right: 2px solid #ddd; box-shadow: 0 2px 3px #444; -moz-box-shadow: 0 2px 3px #444; -webkit-box-shadow: 0 2px 3px #444; -o-box-shadow: 0 2px 3px #444; font-size: 0px; height: 1px; background: #E4090A; margin: 0 auto; line-height: 0; font-size: 0; display: block; }
.formError .formErrorArrowBottom div { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; -o-box-shadow: none; }
.greenPopup .formErrorArrow div { background: #33be40; }
.blackPopup .formErrorArrow div { background: #393939; color: #FFF; }
.formError .formErrorArrow .line10 { width: 13px; border: none; }
.formError .formErrorArrow .line9 { width: 11px; border: none; }
.formError .formErrorArrow .line8 { width: 11px; }
.formError .formErrorArrow .line7 { width: 9px; }
.formError .formErrorArrow .line6 { width: 7px; }
.formError .formErrorArrow .line5 { width: 5px; }
.formError .formErrorArrow .line4 { width: 3px; }
.formError .formErrorArrow .line3 { width: 1px; border-left: 2px solid #ddd; border-right: 2px solid #ddd; border-bottom: 0 solid #ddd; }
.formError .formErrorArrow .line2 { width: 3px; border: none; background: #ddd; }
.formError .formErrorArrow .line1 { width: 1px; border: none; background: #ddd; }
.con_us input[type="submit"] { background: none repeat scroll 0 0 #E6320E; border: 0 none; color: #FFFFFF; font-size: 12px; height: 33px; text-transform: uppercase; width: 100%; }
.con_us input[type="text"] { margin-bottom: 25px; }
.con_us textarea { margin-bottom: 25px; }
/************************************ FANCYBOX *************************************/
.fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; }
.fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020; }
.fancybox-skin { position: relative; background: #fff; padding: 0!important; text-shadow: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.fancybox-opened { border: 15px solid #f9f9f9; border-radius: 4px; z-index: 8030; -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); }
.fancybox-outer, .fancybox-inner { position: relative; }
.fancybox-inner { overflow: hidden; }
.fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; }
.fancybox-error { color: #444; font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif; margin: 0; padding: 15px; white-space: nowrap; }
.fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; }
.fancybox-image { max-width: 100%; max-height: 100%; }
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url('../images/close.png'); background-repeat: no-repeat; background-position: center center; }
#fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8060; }
#fancybox-loading div { width: 44px; height: 44px; background: url('../images/fancybox_loading.gif') center center no-repeat #000; }
.fancybox-close { cursor: pointer; height: 45px; position: absolute; right: 0px; top: 0px; width: 45px; z-index: 8040; }
.fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent url('../images/blank.png'); /* helps IE */ -webkit-tap-highlight-color: rgba(0,0,0,0); z-index: 8040; }
.fancybox-prev { left: 0; }
.fancybox-next { right: 0; }
.fancybox-nav span { position: absolute; top: 50%; width: 45px; height: 45px; margin-top: -22.5px; cursor: pointer; z-index: 8040; }
.fancybox-prev span { left: 10px; background-position: 0 -36px; }
.fancybox-next span { right: 10px; background-position: 0 -72px; }
.fancybox-nav:hover span { visibility: visible; }
.fancybox-tmp { position: absolute; top: -99999px; left: -99999px; visibility: hidden; max-width: 99999px; max-height: 99999px; overflow: visible !important; }
/* Overlay helper */
.fancybox-lock { overflow: hidden !important; width: auto; }
.fancybox-lock body { overflow: hidden !important; }
.fancybox-lock-test { overflow-y: hidden !important; }
.fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: rgba(255, 255, 255, 0.84); }
.fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; }
.fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; }
/* Title helper */
.fancybox-title { visibility: hidden; font: normal 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif; position: relative; text-shadow: none; z-index: 8050; }
.fancybox-opened .fancybox-title { visibility: visible; }
.fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center; }
.fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; /* Fallback for web browsers that doesn't support RGBa */ background: rgba(0, 0, 0, 0.8); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: bold; line-height: 24px; white-space: nowrap; }
.fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; }
.fancybox-title-inside-wrap { padding-top: 10px; }
.fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, .8); }
/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url('../images/fancybox_sprite@2x.png'); background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/ }
#fancybox-loading div { background-image: url('../images/fancybox_loading@2x.gif'); background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/ }
}
.fancybox-prev span { left: 0px; background: url(../images/fancybox-arrows.jpg) no-repeat; background-position: 0 bottom; opacity: .9; }
.fancybox-next span { right: 0; background: url(../images/fancybox-arrows.jpg) no-repeat; opacity: .9; }
/************************************ REVOLUTION SLIDER SETTINGS *************************************/
.tp-static-layers { position: absolute; z-index: 505; top: 0; left: 0 }
.tp-caption.tp-hidden-caption, .tp-hide-revslider { 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 { background-position: initial initial; background-repeat: initial initial }
.tp-caption.whitedivider3px { color: #000; text-shadow: none; background-color: #fff; background-color: rgba(255,255,255,1); text-decoration: none; font-size: 0; line-height: 0; min-width: 468px; min-height: 3px; border-width: 0; border-color: #000; border-style: none }
.tp-caption.boldwide_small_white { font-size: 25px; line-height: 25px; font-weight: 800; font-family: "Open Sans", sans-serif; color: #fff; text-decoration: none; background-color: transparent; text-shadow: none; text-transform: uppercase; letter-spacing: 5px; border-width: 0; border-color: #000; border-style: none }
.tp-caption.whitedivider3px_vertical { color: #000; text-shadow: none; background-color: #fff; background-color: rgba(255,255,255,1); text-decoration: none; font-size: 0; line-height: 0; min-width: 3px; min-height: 130px; border-width: 0; border-color: #000; border-style: none }
.tp-caption.finewide_small_white { color: #fff; 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: 0; border-color: #000; 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: #fff; text-decoration: none; background-color: transparent; text-shadow: none; text-transform: uppercase; letter-spacing: 5px; max-width: 470px; white-space: normal!important; border-width: 0; border-color: #000; border-style: none }
.tp-caption.lightgrey_divider { background-color: #ebebeb }
.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: transparent; text-decoration: none; text-transform: uppercase; letter-spacing: 8px; border-width: 0; 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: transparent; text-decoration: none; text-transform: uppercase; letter-spacing: 5px; border-width: 0; border-color: #000; border-style: none }
.tp-caption.huge_red { position: absolute; color: #df4b6b; font-weight: 400; font-size: 150px; line-height: 130px; font-family: Oswald, sans-serif; margin: 0; border-width: 0; border-style: none; white-space: nowrap; background-color: #2d3136; padding: 0 }
.tp-caption.middle_yellow { position: absolute; color: #fbd572; font-weight: 600; font-size: 50px; line-height: 50px; font-family: 'Open Sans', sans-serif; margin: 0; border-width: 0; border-style: none; white-space: nowrap }
.tp-caption.huge_thin_yellow { position: absolute; color: #fbd572; font-weight: 300; font-size: 90px; line-height: 90px; font-family: 'Open Sans', sans-serif; margin: 0; letter-spacing: 20px; border-width: 0; border-style: none; white-space: nowrap }
.tp-caption.big_dark { position: absolute; color: #333; font-weight: 700; font-size: 70px; line-height: 70px; margin: 0; border-width: 0; border-style: none; white-space: nowrap }
.tp-caption.medium_dark { position: absolute; color: #333; font-weight: 300; font-size: 40px; line-height: 40px; margin: 0; letter-spacing: 5px; border-width: 0; border-style: none; white-space: nowrap }
.tp-caption.medium_grey { position: absolute; color: #fff; text-shadow: 0 2px 5px rgba(0,0,0,.5); font-weight: 700; font-size: 20px; line-height: 20px; font-family: Arial; padding: 2px 4px; margin: 0; border-width: 0; border-style: none; background-color: #888; white-space: nowrap }
.tp-caption.small_text { position: absolute; color: #fff; text-shadow: 0 2px 5px rgba(0,0,0,.5); font-weight: 700; font-size: 14px; line-height: 20px; font-family: Arial; margin: 0; border-width: 0; border-style: none; white-space: nowrap }
.tp-caption.medium_text { position: absolute; color: #fff; text-shadow: 0 2px 5px rgba(0,0,0,.5); font-weight: 700; font-size: 20px; line-height: 20px; font-family: Arial; margin: 0; border-width: 0; border-style: none; white-space: nowrap }
.tp-caption.large_bold_white_25 { font-size: 55px; line-height: 65px; font-weight: 700; color: #fff; text-decoration: none; background-color: transparent; text-align: center; text-shadow: #000 0 5px 10px; border-width: 0; border-color: #fff; border-style: none }
.tp-caption.medium_text_shadow { font-size: 25px; line-height: 25px; font-weight: 600; color: #fff; text-decoration: none; background-color: transparent; text-align: center; text-shadow: #000 0 5px 10px; border-width: 0; border-color: #fff; border-style: none }
.tp-caption.large_text { position: absolute; color: #fff; text-shadow: 0 2px 5px rgba(0,0,0,.5); font-weight: 700; font-size: 40px; line-height: 40px; font-family: Arial; margin: 0; border-width: 0; border-style: none; white-space: nowrap }
.tp-caption.medium_bold_grey { font-size: 30px; line-height: 30px; font-weight: 800; color: #666; text-decoration: none; background-color: transparent; text-shadow: none; margin: 0; padding: 1px 4px 0; border-width: 0; border-color: #ffd658; border-style: none }
.tp-caption.very_large_text { position: absolute; color: #fff; text-shadow: 0 2px 5px rgba(0,0,0,.5); font-weight: 700; font-size: 60px; line-height: 60px; font-family: Arial; margin: 0; border-width: 0; 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: 0; border-width: 0; border-style: none; white-space: nowrap; padding: 1px 4px 0; 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: 0; border-width: 0; border-style: none; white-space: nowrap; padding: 1px 4px 0; 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: 0; border-width: 0; 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: 0; border-width: 0; 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: 0; border-width: 0; 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: 0; border-width: 0; 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: 1px 10px 3px; margin: 0; border-width: 0; 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: 0; border-width: 0; border-style: none; white-space: nowrap }
.tp-caption a { color: #ff7302; text-shadow: none; -webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; -o-transition: all .2s ease-out; -ms-transition: all .2s ease-out }
.tp-caption a:hover { color: #ffa902 }
.tp-caption.thinheadline_dark { position: absolute; color: rgba(0,0,0,.85); text-shadow: none; font-weight: 300; font-size: 30px; line-height: 30px; background-color: transparent }
.tp-caption.thintext_dark { position: absolute; color: rgba(0,0,0,.85); text-shadow: none; font-weight: 300; font-size: 16px; line-height: 26px; 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; color: #fff; text-decoration: none; background-color: #000; background-color: rgba(0,0,0,.498039); padding: 50px 25px; text-align: center; border-radius: 500px; border-width: 0; border-color: #000; border-style: none }
.tp-caption.largeblackbg { font-size: 50px; line-height: 70px; font-weight: 300; color: #fff; text-decoration: none; background-color: #000; padding: 0 20px 5px; text-shadow: none; border-width: 0; border-color: #fff; border-style: none }
.tp-caption.largepinkbg { position: absolute; color: #fff; text-shadow: none; font-weight: 300; font-size: 50px; line-height: 70px; background-color: #db4360; padding: 0 20px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0 }
.tp-caption.largewhitebg { position: absolute; color: #000; text-shadow: none; font-weight: 300; font-size: 50px; line-height: 70px; background-color: #fff; padding: 0 20px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0 }
.tp-caption.largegreenbg { position: absolute; color: #fff; text-shadow: none; font-weight: 300; font-size: 50px; line-height: 70px; background-color: #67ae73; padding: 0 20px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0 }
.tp-caption.excerpt { font-size: 36px; line-height: 36px; font-weight: 700; font-family: Arial; color: #fff; text-decoration: none; background-color: rgba(0,0,0,1); text-shadow: none; margin: 0; letter-spacing: -1.5px; padding: 1px 4px 0; width: 150px; white-space: normal!important; height: auto; border-width: 0; border-color: #fff; border-style: none }
.tp-caption.large_bold_grey { font-size: 60px; line-height: 60px; font-weight: 800; color: #666; text-decoration: none; background-color: transparent; text-shadow: none; margin: 0; padding: 1px 4px 0; border-width: 0; border-color: #ffd658; border-style: none }
.tp-caption.medium_thin_grey { font-size: 34px; line-height: 30px; font-weight: 300; color: #666; text-decoration: none; background-color: transparent; padding: 1px 4px 0; text-shadow: none; margin: 0; border-width: 0; border-color: #ffd658; border-style: none }
.tp-caption.small_thin_grey { font-size: 18px; line-height: 26px; font-weight: 300; color: #757575; text-decoration: none; background-color: transparent; padding: 1px 4px 0; text-shadow: none; margin: 0; border-width: 0; border-color: #ffd658; border-style: none }
.tp-caption.lightgrey_divider { background-color: rgba(235,235,235,1); text-decoration: none; background-color: rgba(235,235,235,1); width: 370px; height: 3px; background-position: initial initial; background-repeat: initial initial; border-width: 0; border-color: #222; border-style: none }
.tp-caption.large_bold_darkblue { font-size: 58px; line-height: 60px; font-weight: 800; color: #34495e; text-decoration: none; background-color: transparent; border-width: 0; border-color: #ffd658; border-style: none }
.tp-caption.medium_bg_darkblue { font-size: 20px; line-height: 20px; font-weight: 800; color: #fff; text-decoration: none; background-color: #34495e; padding: 10px; border-width: 0; border-color: #ffd658; border-style: none }
.tp-caption.medium_bold_red { font-size: 24px; line-height: 30px; font-weight: 800; color: #e33a0c; text-decoration: none; background-color: transparent; padding: 0; border-width: 0; border-color: #ffd658; border-style: none }
.tp-caption.medium_light_red { font-size: 21px; line-height: 26px; font-weight: 300; color: #e33a0c; text-decoration: none; background-color: transparent; padding: 0; border-width: 0; border-color: #ffd658; border-style: none }
.tp-caption.medium_bg_red { font-size: 20px; line-height: 20px; font-weight: 800; color: #fff; text-decoration: none; background-color: #e33a0c; padding: 10px; border-width: 0; border-color: #ffd658; border-style: none }
.tp-caption.medium_bold_orange { font-size: 24px; line-height: 30px; font-weight: 800; color: #f39c12; text-decoration: none; background-color: transparent; border-width: 0; border-color: #ffd658; border-style: none }
.tp-caption.medium_bg_orange { font-size: 20px; line-height: 20px; font-weight: 800; color: #fff; text-decoration: none; background-color: #f39c12; padding: 10px; border-width: 0; border-color: #ffd658; border-style: none }
.tp-caption.grassfloor { text-decoration: none; background-color: rgba(160,179,151,1); width: 4000px; height: 150px; border-width: 0; border-color: #222; border-style: none }
.tp-caption.large_bold_white { font-family: Lato, sans-serif }
.tp-caption.medium_light_white { font-size: 38px; line-height: 36px; color: #fff; text-decoration: none; background-color: transparent; padding: 0; border-width: 0; border-color: #ffd658; border-style: none; font-family: Lato, sans-serif; font-weight: 800 }
.tp-caption.mediumlarge_light_white { font-size: 40px; line-height: 40px; font-weight: 300; color: #fff; font-family: Raleway, sans-serif; text-decoration: none; background-color: transparent; padding: 0; border-width: 0; border-color: #ffd658; border-style: none }
.tp-caption.mediumlarge_light_white_center { font-size: 34px; line-height: 40px; font-weight: 300; color: #fff; text-decoration: none; background-color: transparent; padding: 0; text-align: center; border-width: 0; border-color: #ffd658; border-style: none }
.tp-caption.medium_bg_asbestos { font-size: 20px; line-height: 20px; font-weight: 800; color: #fff; text-decoration: none; background-color: #7f8c8d; padding: 10px; border-width: 0; border-color: #ffd658; border-style: none }
.tp-caption.medium_light_black { font-size: 30px; line-height: 36px; font-weight: 300; color: #000; text-decoration: none; background-color: transparent; padding: 0; border-width: 0; border-color: #ffd658; border-style: none }
.tp-caption.large_bold_white { font-size: 80px; line-height: 60px; font-weight: 800; color: #fff; text-decoration: none; background-color: transparent; border-width: 0; border-color: #ffd658; border-style: none }
.tp-caption.xlarge_bold_white { font-size: 122px; line-height: 60px; font-weight: 800; color: #fff; font-family: Lato, sans-serif; text-decoration: none; background-color: transparent; border-width: 0; border-color: #ffd658; border-style: none }
.tp-caption.mediumlarge_light_darkblue { font-size: 34px; line-height: 40px; font-weight: 300; color: #34495e; text-decoration: none; background-color: transparent; padding: 0; border-width: 0; border-color: #ffd658; border-style: none }
.tp-caption.small_light_white { font-size: 17px; line-height: 28px; font-weight: 300; color: #fff; text-decoration: none; background-color: transparent; padding: 0; border-width: 0; border-color: #ffd658; border-style: none }
.tp-caption.roundedimage { border-width: 0; border-color: #222; border-style: none }
.tp-caption.large_bg_black { font-size: 40px; line-height: 40px; font-weight: 800; color: #fff; text-decoration: none; background-color: #000; padding: 10px 20px 15px; border-width: 0; border-color: #ffd658; border-style: none }
.tp-caption.mediumwhitebg { font-size: 30px; line-height: 30px; font-weight: 300; color: #000; text-decoration: none; background-color: #fff; padding: 5px 15px 10px; text-shadow: none; border-width: 0; border-color: #000; border-style: none }
.tp-caption.medium_bg_orange_new1 { font-size: 20px; line-height: 20px; font-weight: 800; color: #fff; text-decoration: none; background-color: #f39c12; padding: 10px; border-width: 0; border-color: #ffd658; border-style: none }
.tp-caption.boxshadow { -moz-box-shadow: 0 0 20px rgba(0,0,0,.5); -webkit-box-shadow: 0 0 20px rgba(0,0,0,.5); box-shadow: 0 0 20px rgba(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 .frontcorner { width: 0; height: 0; border-left: 40px solid transparent; border-right: 0 solid transparent; border-top: 40px solid #00A8FF; position: absolute; left: -40px; top: 0 }
.tp-caption .backcorner { width: 0; height: 0; border-left: 0 solid transparent; border-right: 40px solid transparent; border-bottom: 40px solid #00A8FF; position: absolute; right: 0; top: 0 }
.tp-caption .frontcornertop { width: 0; height: 0; border-left: 40px solid transparent; border-right: 0 solid transparent; border-bottom: 40px solid #00A8FF; position: absolute; left: -40px; top: 0 }
.tp-caption .backcornertop { width: 0; height: 0; border-left: 0 solid transparent; border-right: 40px solid transparent; border-top: 40px solid #00A8FF; position: absolute; right: 0; top: 0 }
img.tp-slider-alternative-image { width: 100%; height: auto }
.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: 0 1px 1px rgba(0,0,0,.6)!important; font-size: 15px; line-height: 45px!important; background: url(../images/gradient/g30.png) top repeat-x; font-family: arial, sans-serif; font-weight: 700; letter-spacing: -1px }
.tp-simpleresponsive .button.big { color: #fff; text-shadow: 0 1px 1px rgba(0,0,0,.6); font-weight: 700; padding: 9px 20px; font-size: 19px; line-height: 57px!important; background: url(../images/gradient/g40.png) top repeat-x }
.tp-simpleresponsive .button.big:hover, .tp-simpleresponsive .button:hover, .tp-simpleresponsive .purchase:hover { background-position: bottom, 15px 11px }
@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: 400 }
.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; line-height: 20px!important; font-size: 10px!important }
.tp-simpleresponsive a.button { -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none }
}
.tp-simpleresponsive .button.green, .tp-simpleresponsive .button:hover.green, .tp-simpleresponsive .purchase.green, .tp-simpleresponsive .purchase:hover.green { background-color: #21a117; -webkit-box-shadow: 0 3px 0 0 #104d0b; -moz-box-shadow: 0 3px 0 0 #104d0b; box-shadow: 0 3px 0 0 #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: 0 3px 0 0 #0f3e68; -moz-box-shadow: 0 3px 0 0 #0f3e68; box-shadow: 0 3px 0 0 #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: 0 3px 0 0 #7c1212; -moz-box-shadow: 0 3px 0 0 #7c1212; box-shadow: 0 3px 0 0 #7c1212 }
.tp-simpleresponsive .button.orange, .tp-simpleresponsive .button:hover.orange, .tp-simpleresponsive .purchase.orange, .tp-simpleresponsive .purchase:hover.orange { background-color: #f70; -webkit-box-shadow: 0 3px 0 0 #a34c00; -moz-box-shadow: 0 3px 0 0 #a34c00; box-shadow: 0 3px 0 0 #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: 0 3px 0 0 #222; -moz-box-shadow: 0 3px 0 0 #222; box-shadow: 0 3px 0 0 #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: 0 3px 0 0 #555; -moz-box-shadow: 0 3px 0 0 #555; box-shadow: 0 3px 0 0 #555 }
.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 }
.tp-simpleresponsive .caption, .tp-simpleresponsive .tp-caption { position: absolute; visibility: hidden; -webkit-font-smoothing: antialiased!important }
.tp-simpleresponsive img { max-width: none }
.noFilterClass { filter: none!important }
.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 }
.caption.fullscreenvideo { left: 0; top: 0; position: absolute; width: 100%; height: 100% }
.caption.fullscreenvideo iframe, .caption.fullscreenvideo video { width: 100%!important; height: 100%!important; display: none }
.tp-caption.fullscreenvideo { left: 0; top: 0; 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: 0; left: 0 }
.html5vid.videoisplaying .tp-poster { display: none }
.tp-video-play-button { background: #000; background: rgba(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: 15px; height: 20px; border-left: 5px solid #fff; border-right: 5px solid #fff; position: relative; margin: 10px 20px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; 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 }
.tp-dottedoverlay { background-repeat: repeat; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 4 }
.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) }
.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 .2s ease-out; -moz-transition: opacity .2s ease-out; -o-transition: opacity .2s ease-out; -ms-transition: opacity .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: 0 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: 0 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) top left; width: 20px; height: 20px; margin-right: 0; float: left; margin-top: 0; 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) bottom left; width: 23px; height: 23px; margin-right: 0; float: left; margin-top: 0 }
.tp-bullets.simplebullets.round-old .bullet.last { margin-right: 0 }
.tp-bullets.simplebullets.square .bullet { cursor: pointer; position: relative; background: url(../assets/bullets2.png) bottom left; width: 19px; height: 19px; margin-right: 0; float: left; margin-top: 0 }
.tp-bullets.simplebullets.square .bullet.last { margin-right: 0 }
.tp-bullets.simplebullets.square-old .bullet { cursor: pointer; position: relative; background: url(../assets/bullets2.png) bottom left; width: 19px; height: 19px; margin-right: 0; float: left; margin-top: 0 }
.tp-bullets.simplebullets.square-old .bullet.last { margin-right: 0 }
.tp-bullets.simplebullets.navbar .bullet { cursor: pointer; position: relative; background: url(../assets/bullet_boxed.png) top left; width: 18px; height: 19px; margin-right: 5px; float: left; margin-top: 0 }
.tp-bullets.simplebullets.navbar .bullet.first { margin-left: 0!important }
.tp-bullets.simplebullets.navbar .bullet.last { margin-right: 0!important }
.tp-bullets.simplebullets.navbar-old .bullet { cursor: pointer; position: relative; background: url(../assets/navigdots.png) 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: 0!important }
.tp-bullets.simplebullets.navbar-old .bullet.last { margin-right: 0!important }
.tp-bullets.simplebullets .bullet.selected, .tp-bullets.simplebullets .bullet:hover { background-position: top left }
.tp-bullets.simplebullets.navbar .bullet.selected, .tp-bullets.simplebullets.navbar .bullet:hover, .tp-bullets.simplebullets.round .bullet.selected, .tp-bullets.simplebullets.round .bullet:hover { background-position: bottom left }
.banner-bg h2 { font-size: 65px; color: #fff }
.light-blue-bg .dark-heading { font-size: 40px; color: #222 }
.light-blue-bg .blue-heading { font-size: 66px; color: #2991d6; font-family: Raleway, sans-serif }
.light-blue-bg .btn { padding: 14px 25px 8px; color: #fff!important }
.tp-banner-container img { max-width: none!important }
.btn.btn-default { padding: 15px 45px 14px }
.btn.btn-default a { color: #fff!important }
.tp-caption.medium_light_white.slide3-heading { font-size: 48px; font-family: Raleway, sans-serif; font-weight: 300 }
.tp-caption.medium_light_white.slide3-heading span { font-family: Raleway, sans-serif; font-weight: 600 }
.tp-caption.small_light_white.slide3-text { font-size: 22px }
.tp-caption.medium_light_white.slide1-heading { font-size: 65px; font-family: Raleway, sans-serif; font-weight: 300 }
.tp-caption.medium_light_white.slide1-heading span { font-family: Raleway, sans-serif; font-weight: 600 }
.tp-caption.small_light_white.slide1-text { font-size: 24px }
.tp-banner li { position: absolute }
.slotholder { position: absolute; left: 0; top: 0 }
.tparrows { border: 1px solid #fff; width: 66px; height: 66px; position: relative; z-index: 50; border-radius: 100%; cursor: pointer; opacity: 0 }
.tparrows.tp-leftarrow { background: url(../images/left-arrow.png) center center no-repeat }
.tparrows.tp-rightarrow { background: url(../images/right-arrow.png) center center no-repeat }
.tparrows.tp-leftarrow:hover { background: url(../images/left-arrow-dark.png) center center no-repeat }
.tparrows.tp-rightarrow:hover { background: url(../images/right-arrow-dark.png) center center no-repeat }
.tparrows:hover { background-color: #fff!important }
.tp-banner-container:hover .tparrows { opacity: 1 }
.blackboard-bg .tparrows { width: 60px; height: 58px; border: 0; border-radius: 0; opacity: .7!important }
.blackboard-bg .tparrows:hover { opacity: 1!important }
.blackboard-bg .tparrows.tp-leftarrow { background: url(../images/main-banner/creative/left-arrow.png) center center no-repeat!important; left: 0!important }
.blackboard-bg .tparrows.tp-rightarrow { background: url(../images/main-banner/creative/right-arrow.png) center center no-repeat!important; right: 0!important }
.small2_light_white { font-size: 28px; color: #fff; }
.rev-banner4 { overflow: visible !important; }
.rev-banner4 .tparrows { display: none !important; }
.rev-banner4 .tp-bullets { left: auto !important; right: 10px; top: 40% !important; }
.rev-banner4 .tp-bullets .bullet { width: 41px !important; height: 41px !important; border: 1px solid #fff; border-radius: 100%; font-size: 24px; margin-bottom: 3px; line-height: 39px; color: #fff; text-align: center; float: none !important; margin: 4px 0 !important; list-style: decimal !important; }
.rev-banner4 .tp-bullets .bullet:hover, .rev-banner4 .tp-bullets .bullet.selected { background: #fff !important; color: #222; }
.rev-banner4 .tp-bullets .bullet:nth-child(1):after { content: "1"; }
.rev-banner4 .tp-bullets .bullet:nth-child(2):after { content: "2"; }
.rev-banner4 .tp-bullets .bullet:nth-child(3):after { content: "3"; }
.rev-banner4 .tp-bullets .bullet:nth-child(4):after { content: "4"; }
/************************************ ANIMATIONS *************************************/
.animated { -webkit-animation-duration: 1.5s; -moz-animation-duration: 1.5s; -o-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both }
.animated.hinge { -webkit-animation-duration: 2s; -moz-animation-duration: 2s; -o-animation-duration: 2s; animation-duration: 2s }
@-webkit-keyframes flash { 0%, 100%, 50% {
opacity:1
}
25%, 75% {
opacity:0
}
}
@-moz-keyframes flash { 0%, 100%, 50% {
opacity:1
}
25%, 75% {
opacity:0
}
}
@-o-keyframes flash { 0%, 100%, 50% {
opacity:1
}
25%, 75% {
opacity:0
}
}
@keyframes flash { 0%, 100%, 50% {
opacity:1
}
25%, 75% {
opacity:0
}
}
.animated.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)
}
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)
}
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)
}
10%, 30%, 50%, 70%, 90% {
-o-transform:translateX(-10px)
}
20%, 40%, 60%, 80% {
-o-transform:translateX(10px)
}
}
@keyframes shake { 0%, 100% {
transform:translateX(0)
}
10%, 30%, 50%, 70%, 90% {
transform:translateX(-10px)
}
20%, 40%, 60%, 80% {
transform:translateX(10px)
}
}
.animated.shake { -webkit-animation-name: shake; -moz-animation-name: shake; -o-animation-name: shake; animation-name: shake }
@-webkit-keyframes bounce { 0%, 100%, 20%, 50%, 80% {
-webkit-transform:translateY(0)
}
40% {
-webkit-transform:translateY(-30px)
}
60% {
-webkit-transform:translateY(-15px)
}
}
@-moz-keyframes bounce { 0%, 100%, 20%, 50%, 80% {
-moz-transform:translateY(0)
}
40% {
-moz-transform:translateY(-30px)
}
60% {
-moz-transform:translateY(-15px)
}
}
@-o-keyframes bounce { 0%, 100%, 20%, 50%, 80% {
-o-transform:translateY(0)
}
40% {
-o-transform:translateY(-30px)
}
60% {
-o-transform:translateY(-15px)
}
}
@keyframes bounce { 0%, 100%, 20%, 50%, 80% {
transform:translateY(0)
}
40% {
transform:translateY(-30px)
}
60% {
transform:translateY(-15px)
}
}
.animated.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(.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)
}
}
@-moz-keyframes tada { 0% {
-moz-transform:scale(1)
}
10%, 20% {
-moz-transform:scale(.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)
}
}
@-o-keyframes tada { 0% {
-o-transform:scale(1)
}
10%, 20% {
-o-transform:scale(.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)
}
}
@keyframes tada { 0% {
transform:scale(1)
}
10%, 20% {
transform:scale(.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)
}
}
.animated.tada { -webkit-animation-name: tada; -moz-animation-name: tada; -o-animation-name: tada; animation-name: tada }
@-webkit-keyframes swing { 100%, 20%, 40%, 60%, 80% {
-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)
}
}
@-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)
}
}
@-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)
}
}
@keyframes swing { 20% {
transform:rotate(15deg)
}
40% {
transform:rotate(-10deg)
}
60% {
transform:rotate(5deg)
}
80% {
transform:rotate(-5deg)
}
100% {
transform:rotate(0deg)
}
}
.animated.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 }
@-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)
}
}
@-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)
}
}
@-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)
}
}
@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)
}
}
.animated.wobble { -webkit-animation-name: wobble; -moz-animation-name: wobble; -o-animation-name: wobble; animation-name: wobble }
@-webkit-keyframes flip { 0% {
-webkit-transform:perspective(400px) translateZ(0) rotateY(0) scale(1);
-webkit-animation-timing-function:ease-out
}
40% {
-webkit-transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
-webkit-animation-timing-function:ease-out
}
50% {
-webkit-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-webkit-animation-timing-function:ease-in
}
80% {
-webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
-webkit-animation-timing-function:ease-in
}
100% {
-webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);
-webkit-animation-timing-function:ease-in
}
}
@-moz-keyframes flip { 0% {
-moz-transform:perspective(400px) translateZ(0) rotateY(0) scale(1);
-moz-animation-timing-function:ease-out
}
40% {
-moz-transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
-moz-animation-timing-function:ease-out
}
50% {
-moz-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-moz-animation-timing-function:ease-in
}
80% {
-moz-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
-moz-animation-timing-function:ease-in
}
100% {
-moz-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);
-moz-animation-timing-function:ease-in
}
}
@-o-keyframes flip { 0% {
-o-transform:perspective(400px) translateZ(0) rotateY(0) scale(1);
-o-animation-timing-function:ease-out
}
40% {
-o-transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
-o-animation-timing-function:ease-out
}
50% {
-o-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-o-animation-timing-function:ease-in
}
80% {
-o-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
-o-animation-timing-function:ease-in
}
100% {
-o-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);
-o-animation-timing-function:ease-in
}
}
@keyframes flip { 0% {
transform:perspective(400px) translateZ(0) rotateY(0) scale(1);
animation-timing-function:ease-out
}
40% {
transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
animation-timing-function:ease-out
}
50% {
transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
animation-timing-function:ease-in
}
80% {
transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
animation-timing-function:ease-in
}
100% {
transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);
animation-timing-function:ease-in
}
}
.animated.flip { -webkit-backface-visibility: visible!important; -webkit-animation-name: flip; -moz-backface-visibility: visible!important; -moz-animation-name: flip; -o-backface-visibility: visible!important; -o-animation-name: flip; backface-visibility: visible!important; animation-name: flip }
@-webkit-keyframes flipInX { 0% {
-webkit-transform:perspective(400px) rotateX(90deg);
opacity:0
}
40% {
-webkit-transform:perspective(400px) rotateX(-10deg)
}
70% {
-webkit-transform:perspective(400px) rotateX(10deg)
}
100% {
-webkit-transform:perspective(400px) rotateX(0deg);
opacity:1
}
}
@-moz-keyframes flipInX { 0% {
-moz-transform:perspective(400px) rotateX(90deg);
opacity:0
}
40% {
-moz-transform:perspective(400px) rotateX(-10deg)
}
70% {
-moz-transform:perspective(400px) rotateX(10deg)
}
100% {
-moz-transform:perspective(400px) rotateX(0deg);
opacity:1
}
}
@-o-keyframes flipInX { 0% {
-o-transform:perspective(400px) rotateX(90deg);
opacity:0
}
40% {
-o-transform:perspective(400px) rotateX(-10deg)
}
70% {
-o-transform:perspective(400px) rotateX(10deg)
}
100% {
-o-transform:perspective(400px) rotateX(0deg);
opacity:1
}
}
@keyframes flipInX { 0% {
transform:perspective(400px) rotateX(90deg);
opacity:0
}
40% {
transform:perspective(400px) rotateX(-10deg)
}
70% {
transform:perspective(400px) rotateX(10deg)
}
100% {
transform:perspective(400px) rotateX(0deg);
opacity:1
}
}
.animated.flipInX { -webkit-backface-visibility: visible!important; -webkit-animation-name: flipInX; -moz-backface-visibility: visible!important; -moz-animation-name: flipInX; -o-backface-visibility: visible!important; -o-animation-name: flipInX; backface-visibility: visible!important; animation-name: flipInX }
@-webkit-keyframes flipOutX { 0% {
-webkit-transform:perspective(400px) rotateX(0deg);
opacity:1
}
100% {
-webkit-transform:perspective(400px) rotateX(90deg);
opacity:0
}
}
@-moz-keyframes flipOutX { 0% {
-moz-transform:perspective(400px) rotateX(0deg);
opacity:1
}
100% {
-moz-transform:perspective(400px) rotateX(90deg);
opacity:0
}
}
@-o-keyframes flipOutX { 0% {
-o-transform:perspective(400px) rotateX(0deg);
opacity:1
}
100% {
-o-transform:perspective(400px) rotateX(90deg);
opacity:0
}
}
@keyframes flipOutX { 0% {
transform:perspective(400px) rotateX(0deg);
opacity:1
}
100% {
transform:perspective(400px) rotateX(90deg);
opacity:0
}
}
.animated.flipOutX { -webkit-animation-name: flipOutX; -webkit-backface-visibility: visible!important; -moz-animation-name: flipOutX; -moz-backface-visibility: visible!important; -o-animation-name: flipOutX; -o-backface-visibility: visible!important; animation-name: flipOutX; backface-visibility: visible!important }
@-webkit-keyframes flipInY { 0% {
-webkit-transform:perspective(400px) rotateY(90deg);
opacity:0
}
40% {
-webkit-transform:perspective(400px) rotateY(-10deg)
}
70% {
-webkit-transform:perspective(400px) rotateY(10deg)
}
100% {
-webkit-transform:perspective(400px) rotateY(0deg);
opacity:1
}
}
@-moz-keyframes flipInY { 0% {
-moz-transform:perspective(400px) rotateY(90deg);
opacity:0
}
40% {
-moz-transform:perspective(400px) rotateY(-10deg)
}
70% {
-moz-transform:perspective(400px) rotateY(10deg)
}
100% {
-moz-transform:perspective(400px) rotateY(0deg);
opacity:1
}
}
@-o-keyframes flipInY { 0% {
-o-transform:perspective(400px) rotateY(90deg);
opacity:0
}
40% {
-o-transform:perspective(400px) rotateY(-10deg)
}
70% {
-o-transform:perspective(400px) rotateY(10deg)
}
100% {
-o-transform:perspective(400px) rotateY(0deg);
opacity:1
}
}
@keyframes flipInY { 0% {
transform:perspective(400px) rotateY(90deg);
opacity:0
}
40% {
transform:perspective(400px) rotateY(-10deg)
}
70% {
transform:perspective(400px) rotateY(10deg)
}
100% {
transform:perspective(400px) rotateY(0deg);
opacity:1
}
}
.animated.flipInY { -webkit-backface-visibility: visible!important; -webkit-animation-name: flipInY; -moz-backface-visibility: visible!important; -moz-animation-name: flipInY; -o-backface-visibility: visible!important; -o-animation-name: flipInY; backface-visibility: visible!important; animation-name: flipInY }
@-webkit-keyframes flipOutY { 0% {
-webkit-transform:perspective(400px) rotateY(0deg);
opacity:1
}
100% {
-webkit-transform:perspective(400px) rotateY(90deg);
opacity:0
}
}
@-moz-keyframes flipOutY { 0% {
-moz-transform:perspective(400px) rotateY(0deg);
opacity:1
}
100% {
-moz-transform:perspective(400px) rotateY(90deg);
opacity:0
}
}
@-o-keyframes flipOutY { 0% {
-o-transform:perspective(400px) rotateY(0deg);
opacity:1
}
100% {
-o-transform:perspective(400px) rotateY(90deg);
opacity:0
}
}
@keyframes flipOutY { 0% {
transform:perspective(400px) rotateY(0deg);
opacity:1
}
100% {
transform:perspective(400px) rotateY(90deg);
opacity:0
}
}
.animated.flipOutY { -webkit-backface-visibility: visible!important; -webkit-animation-name: flipOutY; -moz-backface-visibility: visible!important; -moz-animation-name: flipOutY; -o-backface-visibility: visible!important; -o-animation-name: flipOutY; backface-visibility: visible!important; animation-name: flipOutY }
@-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
}
}
.animated.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)
}
}
.animated.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)
}
}
.animated.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)
}
}
.animated.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)
}
}
.animated.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)
}
}
.animated.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)
}
}
.animated.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)
}
}
.animated.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)
}
}
.animated.fadeInRightBig { -webkit-animation-name: fadeInRightBig; -moz-animation-name: fadeInRightBig; -o-animation-name: fadeInRightBig; animation-name: fadeInRightBig }
@-webkit-keyframes fadeOut { 0% {
opacity:1
}
100% {
opacity:0
}
}
@-moz-keyframes fadeOut { 0% {
opacity:1
}
100% {
opacity:0
}
}
@-o-keyframes fadeOut { 0% {
opacity:1
}
100% {
opacity:0
}
}
@keyframes fadeOut { 0% {
opacity:1
}
100% {
opacity:0
}
}
.animated.fadeOut { -webkit-animation-name: fadeOut; -moz-animation-name: fadeOut; -o-animation-name: fadeOut; animation-name: fadeOut }
@-webkit-keyframes fadeOutUp { 0% {
opacity:1;
-webkit-transform:translateY(0)
}
100% {
opacity:0;
-webkit-transform:translateY(-20px)
}
}
@-moz-keyframes fadeOutUp { 0% {
opacity:1;
-moz-transform:translateY(0)
}
100% {
opacity:0;
-moz-transform:translateY(-20px)
}
}
@-o-keyframes fadeOutUp { 0% {
opacity:1;
-o-transform:translateY(0)
}
100% {
opacity:0;
-o-transform:translateY(-20px)
}
}
@keyframes fadeOutUp { 0% {
opacity:1;
transform:translateY(0)
}
100% {
opacity:0;
transform:translateY(-20px)
}
}
.animated.fadeOutUp { -webkit-animation-name: fadeOutUp; -moz-animation-name: fadeOutUp; -o-animation-name: fadeOutUp; animation-name: fadeOutUp }
@-webkit-keyframes fadeOutDown { 0% {
opacity:1;
-webkit-transform:translateY(0)
}
100% {
opacity:0;
-webkit-transform:translateY(20px)
}
}
@-moz-keyframes fadeOutDown { 0% {
opacity:1;
-moz-transform:translateY(0)
}
100% {
opacity:0;
-moz-transform:translateY(20px)
}
}
@-o-keyframes fadeOutDown { 0% {
opacity:1;
-o-transform:translateY(0)
}
100% {
opacity:0;
-o-transform:translateY(20px)
}
}
@keyframes fadeOutDown { 0% {
opacity:1;
transform:translateY(0)
}
100% {
opacity:0;
transform:translateY(20px)
}
}
.animated.fadeOutDown { -webkit-animation-name: fadeOutDown; -moz-animation-name: fadeOutDown; -o-animation-name: fadeOutDown; animation-name: fadeOutDown }
@-webkit-keyframes fadeOutLeft { 0% {
opacity:1;
-webkit-transform:translateX(0)
}
100% {
opacity:0;
-webkit-transform:translateX(-20px)
}
}
@-moz-keyframes fadeOutLeft { 0% {
opacity:1;
-moz-transform:translateX(0)
}
100% {
opacity:0;
-moz-transform:translateX(-20px)
}
}
@-o-keyframes fadeOutLeft { 0% {
opacity:1;
-o-transform:translateX(0)
}
100% {
opacity:0;
-o-transform:translateX(-20px)
}
}
@keyframes fadeOutLeft { 0% {
opacity:1;
transform:translateX(0)
}
100% {
opacity:0;
transform:translateX(-20px)
}
}
.animated.fadeOutLeft { -webkit-animation-name: fadeOutLeft; -moz-animation-name: fadeOutLeft; -o-animation-name: fadeOutLeft; animation-name: fadeOutLeft }
@-webkit-keyframes fadeOutRight { 0% {
opacity:1;
-webkit-transform:translateX(0)
}
100% {
opacity:0;
-webkit-transform:translateX(20px)
}
}
@-moz-keyframes fadeOutRight { 0% {
opacity:1;
-moz-transform:translateX(0)
}
100% {
opacity:0;
-moz-transform:translateX(20px)
}
}
@-o-keyframes fadeOutRight { 0% {
opacity:1;
-o-transform:translateX(0)
}
100% {
opacity:0;
-o-transform:translateX(20px)
}
}
@keyframes fadeOutRight { 0% {
opacity:1;
transform:translateX(0)
}
100% {
opacity:0;
transform:translateX(20px)
}
}
.animated.fadeOutRight { -webkit-animation-name: fadeOutRight; -moz-animation-name: fadeOutRight; -o-animation-name: fadeOutRight; animation-name: fadeOutRight }
@-webkit-keyframes fadeOutUpBig { 0% {
opacity:1;
-webkit-transform:translateY(0)
}
100% {
opacity:0;
-webkit-transform:translateY(-2000px)
}
}
@-moz-keyframes fadeOutUpBig { 0% {
opacity:1;
-moz-transform:translateY(0)
}
100% {
opacity:0;
-moz-transform:translateY(-2000px)
}
}
@-o-keyframes fadeOutUpBig { 0% {
opacity:1;
-o-transform:translateY(0)
}
100% {
opacity:0;
-o-transform:translateY(-2000px)
}
}
@keyframes fadeOutUpBig { 0% {
opacity:1;
transform:translateY(0)
}
100% {
opacity:0;
transform:translateY(-2000px)
}
}
.animated.fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; -moz-animation-name: fadeOutUpBig; -o-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig }
@-webkit-keyframes fadeOutDownBig { 0% {
opacity:1;
-webkit-transform:translateY(0)
}
100% {
opacity:0;
-webkit-transform:translateY(2000px)
}
}
@-moz-keyframes fadeOutDownBig { 0% {
opacity:1;
-moz-transform:translateY(0)
}
100% {
opacity:0;
-moz-transform:translateY(2000px)
}
}
@-o-keyframes fadeOutDownBig { 0% {
opacity:1;
-o-transform:translateY(0)
}
100% {
opacity:0;
-o-transform:translateY(2000px)
}
}
@keyframes fadeOutDownBig { 0% {
opacity:1;
transform:translateY(0)
}
100% {
opacity:0;
transform:translateY(2000px)
}
}
.animated.fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; -moz-animation-name: fadeOutDownBig; -o-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig }
@-webkit-keyframes fadeOutLeftBig { 0% {
opacity:1;
-webkit-transform:translateX(0)
}
100% {
opacity:0;
-webkit-transform:translateX(-2000px)
}
}
@-moz-keyframes fadeOutLeftBig { 0% {
opacity:1;
-moz-transform:translateX(0)
}
100% {
opacity:0;
-moz-transform:translateX(-2000px)
}
}
@-o-keyframes fadeOutLeftBig { 0% {
opacity:1;
-o-transform:translateX(0)
}
100% {
opacity:0;
-o-transform:translateX(-2000px)
}
}
@keyframes fadeOutLeftBig { 0% {
opacity:1;
transform:translateX(0)
}
100% {
opacity:0;
transform:translateX(-2000px)
}
}
.animated.fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; -moz-animation-name: fadeOutLeftBig; -o-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig }
@-webkit-keyframes fadeOutRightBig { 0% {
opacity:1;
-webkit-transform:translateX(0)
}
100% {
opacity:0;
-webkit-transform:translateX(2000px)
}
}
@-moz-keyframes fadeOutRightBig { 0% {
opacity:1;
-moz-transform:translateX(0)
}
100% {
opacity:0;
-moz-transform:translateX(2000px)
}
}
@-o-keyframes fadeOutRightBig { 0% {
opacity:1;
-o-transform:translateX(0)
}
100% {
opacity:0;
-o-transform:translateX(2000px)
}
}
@keyframes fadeOutRightBig { 0% {
opacity:1;
transform:translateX(0)
}
100% {
opacity:0;
transform:translateX(2000px)
}
}
.animated.fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; -moz-animation-name: fadeOutRightBig; -o-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig }
@-webkit-keyframes bounceIn { 0% {
opacity:0;
-webkit-transform:scale(.3)
}
50% {
opacity:1;
-webkit-transform:scale(1.05)
}
70% {
-webkit-transform:scale(.9)
}
100% {
-webkit-transform:scale(1)
}
}
@-moz-keyframes bounceIn { 0% {
opacity:0;
-moz-transform:scale(.3)
}
50% {
opacity:1;
-moz-transform:scale(1.05)
}
70% {
-moz-transform:scale(.9)
}
100% {
-moz-transform:scale(1)
}
}
@-o-keyframes bounceIn { 0% {
opacity:0;
-o-transform:scale(.3)
}
50% {
opacity:1;
-o-transform:scale(1.05)
}
70% {
-o-transform:scale(.9)
}
100% {
-o-transform:scale(1)
}
}
@keyframes bounceIn { 0% {
opacity:0;
transform:scale(.3)
}
50% {
opacity:1;
transform:scale(1.05)
}
70% {
transform:scale(.9)
}
100% {
transform:scale(1)
}
}
@-webkit-keyframes slideInUp { 0% {
-webkit-transform:translate3d(0, 100%, 0);
transform:translate3d(0, 100%, 0);
visibility:visible
}
100% {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
}
@keyframes slideInUp { 0% {
-webkit-transform:translate3d(0, 100%, 0);
transform:translate3d(0, 100%, 0);
visibility:visible
}
100% {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
}
.slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp }
@-webkit-keyframes slideInDown { 0% {
opacity:0;
-webkit-transform:translateY(-2000px)
}
100% {
-webkit-transform:translateY(0)
}
}
@-moz-keyframes slideInDown { 0% {
opacity:0;
-moz-transform:translateY(-2000px)
}
100% {
-moz-transform:translateY(0)
}
}
@-o-keyframes slideInDown { 0% {
opacity:0;
-o-transform:translateY(-2000px)
}
100% {
-o-transform:translateY(0)
}
}
@keyframes slideInDown { 0% {
opacity:0;
transform:translateY(-2000px)
}
100% {
transform:translateY(0)
}
}
.slideInDown { -webkit-animation-name: slideInDown; -moz-animation-name: slideInDown; -o-animation-name: slideInDown; animation-name: slideInDown }
@-webkit-keyframes slideInLeft { 0% {
opacity:0;
-webkit-transform:translateX(-2000px)
}
100% {
-webkit-transform:translateX(0)
}
}
@-moz-keyframes slideInLeft { 0% {
opacity:0;
-moz-transform:translateX(-2000px)
}
100% {
-moz-transform:translateX(0)
}
}
@-o-keyframes slideInLeft { 0% {
opacity:0;
-o-transform:translateX(-2000px)
}
100% {
-o-transform:translateX(0)
}
}
@keyframes slideInLeft { 0% {
opacity:0;
transform:translateX(-2000px)
}
100% {
transform:translateX(0)
}
}
.slideInLeft { -webkit-animation-name: slideInLeft; -moz-animation-name: slideInLeft; -o-animation-name: slideInLeft; animation-name: slideInLeft }
@-webkit-keyframes slideInRight { 0% {
opacity:0;
-webkit-transform:translateX(2000px)
}
100% {
-webkit-transform:translateX(0)
}
}
@-moz-keyframes slideInRight { 0% {
opacity:0;
-moz-transform:translateX(2000px)
}
100% {
-moz-transform:translateX(0)
}
}
@-o-keyframes slideInRight { 0% {
opacity:0;
-o-transform:translateX(2000px)
}
100% {
-o-transform:translateX(0)
}
}
@keyframes slideInRight { 0% {
opacity:0;
transform:translateX(2000px)
}
100% {
transform:translateX(0)
}
}
.slideInRight { -webkit-animation-name: slideInRight; -moz-animation-name: slideInRight; -o-animation-name: slideInRight; animation-name: slideInRight }
@-webkit-keyframes slideOutLeft { 0% {
-webkit-transform:translateX(0)
}
100% {
opacity:0;
-webkit-transform:translateX(-2000px)
}
}
@-moz-keyframes slideOutLeft { 0% {
-moz-transform:translateX(0)
}
100% {
opacity:0;
-moz-transform:translateX(-2000px)
}
}
@-o-keyframes slideOutLeft { 0% {
-o-transform:translateX(0)
}
100% {
opacity:0;
-o-transform:translateX(-2000px)
}
}
@keyframes slideOutLeft { 0% {
transform:translateX(0)
}
100% {
opacity:0;
transform:translateX(-2000px)
}
}
.slideOutLeft { -webkit-animation-name: slideOutLeft; -moz-animation-name: slideOutLeft; -o-animation-name: slideOutLeft; animation-name: slideOutLeft }
@-webkit-keyframes slideOutRight { 0% {
-webkit-transform:translateX(0)
}
100% {
opacity:0;
-webkit-transform:translateX(2000px)
}
}
@-moz-keyframes slideOutRight { 0% {
-moz-transform:translateX(0)
}
100% {
opacity:0;
-moz-transform:translateX(2000px)
}
}
@-o-keyframes slideOutRight { 0% {
-o-transform:translateX(0)
}
100% {
opacity:0;
-o-transform:translateX(2000px)
}
}
@keyframes slideOutRight { 0% {
transform:translateX(0)
}
100% {
opacity:0;
transform:translateX(2000px)
}
}
.slideOutRight { -webkit-animation-name: slideOutRight; -moz-animation-name: slideOutRight; -o-animation-name: slideOutRight; animation-name: slideOutRight }
@-webkit-keyframes slideOutUp { 0% {
-webkit-transform:translateY(0)
}
100% {
opacity:0;
-webkit-transform:translateY(-2000px)
}
}
@-moz-keyframes slideOutUp { 0% {
-moz-transform:translateY(0)
}
100% {
opacity:0;
-moz-transform:translateY(-2000px)
}
}
@-o-keyframes slideOutUp { 0% {
-o-transform:translateY(0)
}
100% {
opacity:0;
-o-transform:translateY(-2000px)
}
}
@keyframes slideOutUp { 0% {
transform:translateY(0)
}
100% {
opacity:0;
transform:translateY(-2000px)
}
}
.slideOutUp { -webkit-animation-name: slideOutUp; -moz-animation-name: slideOutUp; -o-animation-name: slideOutUp; animation-name: slideOutUp }
.animated.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)
}
}
@-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)
}
}
@-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)
}
}
@keyframes bounceInUp { 0% {
opacity:0;
transform:translateY(2000px)
}
60% {
opacity:1;
transform:translateY(-30px)
}
80% {
transform:translateY(10px)
}
100% {
transform:translateY(0)
}
}
.animated.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)
}
}
@-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)
}
}
@-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)
}
}
@keyframes bounceInDown { 0% {
opacity:0;
transform:translateY(-2000px)
}
60% {
opacity:1;
transform:translateY(30px)
}
80% {
transform:translateY(-10px)
}
100% {
transform:translateY(0)
}
}
.animated.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)
}
}
@-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)
}
}
@-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)
}
}
@keyframes bounceInLeft { 0% {
opacity:0;
transform:translateX(-2000px)
}
60% {
opacity:1;
transform:translateX(30px)
}
80% {
transform:translateX(-10px)
}
100% {
transform:translateX(0)
}
}
.animated.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)
}
}
@-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)
}
}
@-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)
}
}
@keyframes bounceInRight { 0% {
opacity:0;
transform:translateX(2000px)
}
60% {
opacity:1;
transform:translateX(-30px)
}
80% {
transform:translateX(10px)
}
100% {
transform:translateX(0)
}
}
.animated.bounceInRight { -webkit-animation-name: bounceInRight; -moz-animation-name: bounceInRight; -o-animation-name: bounceInRight; animation-name: bounceInRight }
@-webkit-keyframes bounceOut { 0% {
-webkit-transform:scale(1)
}
25% {
-webkit-transform:scale(.95)
}
50% {
opacity:1;
-webkit-transform:scale(1.1)
}
100% {
opacity:0;
-webkit-transform:scale(.3)
}
}
@-moz-keyframes bounceOut { 0% {
-moz-transform:scale(1)
}
25% {
-moz-transform:scale(.95)
}
50% {
opacity:1;
-moz-transform:scale(1.1)
}
100% {
opacity:0;
-moz-transform:scale(.3)
}
}
@-o-keyframes bounceOut { 0% {
-o-transform:scale(1)
}
25% {
-o-transform:scale(.95)
}
50% {
opacity:1;
-o-transform:scale(1.1)
}
100% {
opacity:0;
-o-transform:scale(.3)
}
}
@keyframes bounceOut { 0% {
transform:scale(1)
}
25% {
transform:scale(.95)
}
50% {
opacity:1;
transform:scale(1.1)
}
100% {
opacity:0;
transform:scale(.3)
}
}
.animated.bounceOut { -webkit-animation-name: bounceOut; -moz-animation-name: bounceOut; -o-animation-name: bounceOut; animation-name: bounceOut }
@-webkit-keyframes bounceOutUp { 0% {
-webkit-transform:translateY(0)
}
20% {
opacity:1;
-webkit-transform:translateY(20px)
}
100% {
opacity:0;
-webkit-transform:translateY(-2000px)
}
}
@-moz-keyframes bounceOutUp { 0% {
-moz-transform:translateY(0)
}
20% {
opacity:1;
-moz-transform:translateY(20px)
}
100% {
opacity:0;
-moz-transform:translateY(-2000px)
}
}
@-o-keyframes bounceOutUp { 0% {
-o-transform:translateY(0)
}
20% {
opacity:1;
-o-transform:translateY(20px)
}
100% {
opacity:0;
-o-transform:translateY(-2000px)
}
}
@keyframes bounceOutUp { 0% {
transform:translateY(0)
}
20% {
opacity:1;
transform:translateY(20px)
}
100% {
opacity:0;
transform:translateY(-2000px)
}
}
.animated.bounceOutUp { -webkit-animation-name: bounceOutUp; -moz-animation-name: bounceOutUp; -o-animation-name: bounceOutUp; animation-name: bounceOutUp }
@-webkit-keyframes bounceOutDown { 0% {
-webkit-transform:translateY(0)
}
20% {
opacity:1;
-webkit-transform:translateY(-20px)
}
100% {
opacity:0;
-webkit-transform:translateY(2000px)
}
}
@-moz-keyframes bounceOutDown { 0% {
-moz-transform:translateY(0)
}
20% {
opacity:1;
-moz-transform:translateY(-20px)
}
100% {
opacity:0;
-moz-transform:translateY(2000px)
}
}
@-o-keyframes bounceOutDown { 0% {
-o-transform:translateY(0)
}
20% {
opacity:1;
-o-transform:translateY(-20px)
}
100% {
opacity:0;
-o-transform:translateY(2000px)
}
}
@keyframes bounceOutDown { 0% {
transform:translateY(0)
}
20% {
opacity:1;
transform:translateY(-20px)
}
100% {
opacity:0;
transform:translateY(2000px)
}
}
.animated.bounceOutDown { -webkit-animation-name: bounceOutDown; -moz-animation-name: bounceOutDown; -o-animation-name: bounceOutDown; animation-name: bounceOutDown }
@-webkit-keyframes bounceOutLeft { 0% {
-webkit-transform:translateX(0)
}
20% {
opacity:1;
-webkit-transform:translateX(20px)
}
100% {
opacity:0;
-webkit-transform:translateX(-2000px)
}
}
@-moz-keyframes bounceOutLeft { 0% {
-moz-transform:translateX(0)
}
20% {
opacity:1;
-moz-transform:translateX(20px)
}
100% {
opacity:0;
-moz-transform:translateX(-2000px)
}
}
@-o-keyframes bounceOutLeft { 0% {
-o-transform:translateX(0)
}
20% {
opacity:1;
-o-transform:translateX(20px)
}
100% {
opacity:0;
-o-transform:translateX(-2000px)
}
}
@keyframes bounceOutLeft { 0% {
transform:translateX(0)
}
20% {
opacity:1;
transform:translateX(20px)
}
100% {
opacity:0;
transform:translateX(-2000px)
}
}
.animated.bounceOutLeft { -webkit-animation-name: bounceOutLeft; -moz-animation-name: bounceOutLeft; -o-animation-name: bounceOutLeft; animation-name: bounceOutLeft }
@-webkit-keyframes bounceOutRight { 0% {
-webkit-transform:translateX(0)
}
20% {
opacity:1;
-webkit-transform:translateX(-20px)
}
100% {
opacity:0;
-webkit-transform:translateX(2000px)
}
}
@-moz-keyframes bounceOutRight { 0% {
-moz-transform:translateX(0)
}
20% {
opacity:1;
-moz-transform:translateX(-20px)
}
100% {
opacity:0;
-moz-transform:translateX(2000px)
}
}
@-o-keyframes bounceOutRight { 0% {
-o-transform:translateX(0)
}
20% {
opacity:1;
-o-transform:translateX(-20px)
}
100% {
opacity:0;
-o-transform:translateX(2000px)
}
}
@keyframes bounceOutRight { 0% {
transform:translateX(0)
}
20% {
opacity:1;
transform:translateX(-20px)
}
100% {
opacity:0;
transform:translateX(2000px)
}
}
.animated.bounceOutRight { -webkit-animation-name: bounceOutRight; -moz-animation-name: bounceOutRight; -o-animation-name: bounceOutRight; animation-name: bounceOutRight }
@-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
}
}
.animated.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
}
}
.animated.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
}
}
.animated.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
}
}
.animated.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
}
}
.animated.rotateInDownRight { -webkit-animation-name: rotateInDownRight; -moz-animation-name: rotateInDownRight; -o-animation-name: rotateInDownRight; animation-name: rotateInDownRight }
@-webkit-keyframes rotateOut { 0% {
-webkit-transform-origin:center center;
-webkit-transform:rotate(0);
opacity:1
}
100% {
-webkit-transform-origin:center center;
-webkit-transform:rotate(200deg);
opacity:0
}
}
@-moz-keyframes rotateOut { 0% {
-moz-transform-origin:center center;
-moz-transform:rotate(0);
opacity:1
}
100% {
-moz-transform-origin:center center;
-moz-transform:rotate(200deg);
opacity:0
}
}
@-o-keyframes rotateOut { 0% {
-o-transform-origin:center center;
-o-transform:rotate(0);
opacity:1
}
100% {
-o-transform-origin:center center;
-o-transform:rotate(200deg);
opacity:0
}
}
@keyframes rotateOut { 0% {
transform-origin:center center;
transform:rotate(0);
opacity:1
}
100% {
transform-origin:center center;
transform:rotate(200deg);
opacity:0
}
}
.animated.rotateOut { -webkit-animation-name: rotateOut; -moz-animation-name: rotateOut; -o-animation-name: rotateOut; animation-name: rotateOut }
@-webkit-keyframes rotateOutUpLeft { 0% {
-webkit-transform-origin:left bottom;
-webkit-transform:rotate(0);
opacity:1
}
100% {
-webkit-transform-origin:left bottom;
-webkit-transform:rotate(-90deg);
opacity:0
}
}
@-moz-keyframes rotateOutUpLeft { 0% {
-moz-transform-origin:left bottom;
-moz-transform:rotate(0);
opacity:1
}
100% {
-moz-transform-origin:left bottom;
-moz-transform:rotate(-90deg);
opacity:0
}
}
@-o-keyframes rotateOutUpLeft { 0% {
-o-transform-origin:left bottom;
-o-transform:rotate(0);
opacity:1
}
100% {
-o-transform-origin:left bottom;
-o-transform:rotate(-90deg);
opacity:0
}
}
@keyframes rotateOutUpLeft { 0% {
transform-origin:left bottom;
transform:rotate(0);
opacity:1
}
100% {
transform-origin:left bottom;
transform:rotate(-90deg);
opacity:0
}
}
.animated.rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; -moz-animation-name: rotateOutUpLeft; -o-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft }
@-webkit-keyframes rotateOutDownLeft { 0% {
-webkit-transform-origin:left bottom;
-webkit-transform:rotate(0);
opacity:1
}
100% {
-webkit-transform-origin:left bottom;
-webkit-transform:rotate(90deg);
opacity:0
}
}
@-moz-keyframes rotateOutDownLeft { 0% {
-moz-transform-origin:left bottom;
-moz-transform:rotate(0);
opacity:1
}
100% {
-moz-transform-origin:left bottom;
-moz-transform:rotate(90deg);
opacity:0
}
}
@-o-keyframes rotateOutDownLeft { 0% {
-o-transform-origin:left bottom;
-o-transform:rotate(0);
opacity:1
}
100% {
-o-transform-origin:left bottom;
-o-transform:rotate(90deg);
opacity:0
}
}
@keyframes rotateOutDownLeft { 0% {
transform-origin:left bottom;
transform:rotate(0);
opacity:1
}
100% {
transform-origin:left bottom;
transform:rotate(90deg);
opacity:0
}
}
.animated.rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; -moz-animation-name: rotateOutDownLeft; -o-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft }
@-webkit-keyframes rotateOutUpRight { 0% {
-webkit-transform-origin:right bottom;
-webkit-transform:rotate(0);
opacity:1
}
100% {
-webkit-transform-origin:right bottom;
-webkit-transform:rotate(90deg);
opacity:0
}
}
@-moz-keyframes rotateOutUpRight { 0% {
-moz-transform-origin:right bottom;
-moz-transform:rotate(0);
opacity:1
}
100% {
-moz-transform-origin:right bottom;
-moz-transform:rotate(90deg);
opacity:0
}
}
@-o-keyframes rotateOutUpRight { 0% {
-o-transform-origin:right bottom;
-o-transform:rotate(0);
opacity:1
}
100% {
-o-transform-origin:right bottom;
-o-transform:rotate(90deg);
opacity:0
}
}
@keyframes rotateOutUpRight { 0% {
transform-origin:right bottom;
transform:rotate(0);
opacity:1
}
100% {
transform-origin:right bottom;
transform:rotate(90deg);
opacity:0
}
}
.animated.rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; -moz-animation-name: rotateOutUpRight; -o-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight }
@-webkit-keyframes rotateOutDownRight { 0% {
-webkit-transform-origin:right bottom;
-webkit-transform:rotate(0);
opacity:1
}
100% {
-webkit-transform-origin:right bottom;
-webkit-transform:rotate(-90deg);
opacity:0
}
}
@-moz-keyframes rotateOutDownRight { 0% {
-moz-transform-origin:right bottom;
-moz-transform:rotate(0);
opacity:1
}
100% {
-moz-transform-origin:right bottom;
-moz-transform:rotate(-90deg);
opacity:0
}
}
@-o-keyframes rotateOutDownRight { 0% {
-o-transform-origin:right bottom;
-o-transform:rotate(0);
opacity:1
}
100% {
-o-transform-origin:right bottom;
-o-transform:rotate(-90deg);
opacity:0
}
}
@keyframes rotateOutDownRight { 0% {
transform-origin:right bottom;
transform:rotate(0);
opacity:1
}
100% {
transform-origin:right bottom;
transform:rotate(-90deg);
opacity:0
}
}
.animated.rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; -moz-animation-name: rotateOutDownRight; -o-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight }
@-webkit-keyframes hinge { 0% {
-webkit-transform:rotate(0);
-webkit-transform-origin:top left;
-webkit-animation-timing-function:ease-in-out
}
20%, 60% {
-webkit-transform:rotate(80deg);
-webkit-transform-origin:top left;
-webkit-animation-timing-function:ease-in-out
}
40% {
-webkit-transform:rotate(60deg);
-webkit-transform-origin:top left;
-webkit-animation-timing-function:ease-in-out
}
80% {
-webkit-transform:rotate(60deg) translateY(0);
opacity:1;
-webkit-transform-origin:top left;
-webkit-animation-timing-function:ease-in-out
}
100% {
-webkit-transform:translateY(700px);
opacity:0
}
}
@-moz-keyframes hinge { 0% {
-moz-transform:rotate(0);
-moz-transform-origin:top left;
-moz-animation-timing-function:ease-in-out
}
20%, 60% {
-moz-transform:rotate(80deg);
-moz-transform-origin:top left;
-moz-animation-timing-function:ease-in-out
}
40% {
-moz-transform:rotate(60deg);
-moz-transform-origin:top left;
-moz-animation-timing-function:ease-in-out
}
80% {
-moz-transform:rotate(60deg) translateY(0);
opacity:1;
-moz-transform-origin:top left;
-moz-animation-timing-function:ease-in-out
}
100% {
-moz-transform:translateY(700px);
opacity:0
}
}
@-o-keyframes hinge { 0% {
-o-transform:rotate(0);
-o-transform-origin:top left;
-o-animation-timing-function:ease-in-out
}
20%, 60% {
-o-transform:rotate(80deg);
-o-transform-origin:top left;
-o-animation-timing-function:ease-in-out
}
40% {
-o-transform:rotate(60deg);
-o-transform-origin:top left;
-o-animation-timing-function:ease-in-out
}
80% {
-o-transform:rotate(60deg) translateY(0);
opacity:1;
-o-transform-origin:top left;
-o-animation-timing-function:ease-in-out
}
100% {
-o-transform:translateY(700px);
opacity:0
}
}
@keyframes hinge { 0% {
transform:rotate(0);
transform-origin:top left;
animation-timing-function:ease-in-out
}
20%, 60% {
transform:rotate(80deg);
transform-origin:top left;
animation-timing-function:ease-in-out
}
40% {
transform:rotate(60deg);
transform-origin:top left;
animation-timing-function:ease-in-out
}
80% {
transform:rotate(60deg) translateY(0);
opacity:1;
transform-origin:top left;
animation-timing-function:ease-in-out
}
100% {
transform:translateY(700px);
opacity:0
}
}
.animated.hinge { -webkit-animation-name: hinge; -moz-animation-name: hinge; -o-animation-name: hinge; animation-name: hinge }
@-webkit-keyframes rollIn { 0% {
opacity:0;
-webkit-transform:translateX(-100%) rotate(-120deg)
}
100% {
opacity:1;
-webkit-transform:translateX(0) rotate(0deg)
}
}
@-moz-keyframes rollIn { 0% {
opacity:0;
-moz-transform:translateX(-100%) rotate(-120deg)
}
100% {
opacity:1;
-moz-transform:translateX(0) rotate(0deg)
}
}
@-o-keyframes rollIn { 0% {
opacity:0;
-o-transform:translateX(-100%) rotate(-120deg)
}
100% {
opacity:1;
-o-transform:translateX(0) rotate(0deg)
}
}
@keyframes rollIn { 0% {
opacity:0;
transform:translateX(-100%) rotate(-120deg)
}
100% {
opacity:1;
transform:translateX(0) rotate(0deg)
}
}
.animated.rollIn { -webkit-animation-name: rollIn; -moz-animation-name: rollIn; -o-animation-name: rollIn; animation-name: rollIn }
@-webkit-keyframes rollOut { 0% {
opacity:1;
-webkit-transform:translateX(0) rotate(0deg)
}
100% {
opacity:0;
-webkit-transform:translateX(100%) rotate(120deg)
}
}
@-moz-keyframes rollOut { 0% {
opacity:1;
-moz-transform:translateX(0) rotate(0deg)
}
100% {
opacity:0;
-moz-transform:translateX(100%) rotate(120deg)
}
}
@-o-keyframes rollOut { 0% {
opacity:1;
-o-transform:translateX(0) rotate(0deg)
}
100% {
opacity:0;
-o-transform:translateX(100%) rotate(120deg)
}
}
@keyframes rollOut { 0% {
opacity:1;
transform:translateX(0) rotate(0deg)
}
100% {
opacity:0;
transform:translateX(100%) rotate(120deg)
}
}
.animated.rollOut { -webkit-animation-name: rollOut; -moz-animation-name: rollOut; -o-animation-name: rollOut; animation-name: rollOut }
@-webkit-keyframes lightSpeedIn { 0% {
-webkit-transform:translateX(100%) skewX(-30deg);
opacity:0
}
60% {
-webkit-transform:translateX(-20%) skewX(30deg);
opacity:1
}
80% {
-webkit-transform:translateX(0) skewX(-15deg);
opacity:1
}
100% {
-webkit-transform:translateX(0) skewX(0deg);
opacity:1
}
}
@-moz-keyframes lightSpeedIn { 0% {
-moz-transform:translateX(100%) skewX(-30deg);
opacity:0
}
60% {
-moz-transform:translateX(-20%) skewX(30deg);
opacity:1
}
80% {
-moz-transform:translateX(0) skewX(-15deg);
opacity:1
}
100% {
-moz-transform:translateX(0) skewX(0deg);
opacity:1
}
}
@-o-keyframes lightSpeedIn { 0% {
-o-transform:translateX(100%) skewX(-30deg);
opacity:0
}
60% {
-o-transform:translateX(-20%) skewX(30deg);
opacity:1
}
80% {
-o-transform:translateX(0) skewX(-15deg);
opacity:1
}
100% {
-o-transform:translateX(0) skewX(0deg);
opacity:1
}
}
@keyframes lightSpeedIn { 0% {
transform:translateX(100%) skewX(-30deg);
opacity:0
}
60% {
transform:translateX(-20%) skewX(30deg);
opacity:1
}
80% {
transform:translateX(0) skewX(-15deg);
opacity:1
}
100% {
transform:translateX(0) skewX(0deg);
opacity:1
}
}
.animated.lightSpeedIn { -webkit-animation-name: lightSpeedIn; -moz-animation-name: lightSpeedIn; -o-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-animation-duration: .5s; -moz-animation-duration: .5s; -o-animation-duration: .5s; animation-duration: .5s }
@-webkit-keyframes lightSpeedOut { 0% {
-webkit-transform:translateX(0) skewX(0deg);
opacity:1
}
100% {
-webkit-transform:translateX(100%) skewX(-30deg);
opacity:0
}
}
@-moz-keyframes lightSpeedOut { 0% {
-moz-transform:translateX(0) skewX(0deg);
opacity:1
}
100% {
-moz-transform:translateX(100%) skewX(-30deg);
opacity:0
}
}
@-o-keyframes lightSpeedOut { 0% {
-o-transform:translateX(0) skewX(0deg);
opacity:1
}
100% {
-o-transform:translateX(100%) skewX(-30deg);
opacity:0
}
}
@keyframes lightSpeedOut { 0% {
transform:translateX(0) skewX(0deg);
opacity:1
}
100% {
transform:translateX(100%) skewX(-30deg);
opacity:0
}
}
.animated.lightSpeedOut { -webkit-animation-name: lightSpeedOut; -moz-animation-name: lightSpeedOut; -o-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; -moz-animation-timing-function: ease-in; -o-animation-timing-function: ease-in; animation-timing-function: ease-in; -webkit-animation-duration: .25s; -moz-animation-duration: .25s; -o-animation-duration: .25s; animation-duration: .25s }
.mtb30 { margin-top: 30px; margin-bottom: 30px; }
.home2 .banner-video video { width: 100%; }
.home2 .banner-video object { width: 100% !important; height: auto; }
.youtube-video .banner-video { position: relative; width: 100%; height: 0; padding-bottom: 56.25%; }
.youtube-video .banner-video object { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.index3 .banner-video { position: relative; width: 100%; height: 0; padding-bottom: 56.25%; }
.index3 .banner-video object { position: absolute; top: 0; left: 0; width: 100% !important; height: 100%; }
.index3 .navbar-bottom { bottom: 0 !important; position: relative !important; }
.index3 .banner-video { position: relative; width: 100%; height: 0; padding-bottom: 56.25%; }
.index3 .banner-video object { position: absolute; top: 0; left: 0; width: 100% !important; height: 100%; }
.index3 .navbar-bottom { bottom: 0 !important; position: relative !important; }
/*.index4 .banner-video { position: relative; width: 100%; height: 0; padding-bottom: 50%; }
.index4 .banner-video video { position: absolute; top: 0; left: 0; width: 100% !important; height: 100%; }*/
.index4 .navbar-bottom { bottom: 0 !important; position: relative !important; }
 video::-webkit-media-controls-panel {
display: flex !important;
opacity: 1 !important;
}
.index5 header { position: fixed !important; bottom: auto; top: 0; }
.index5 .banner-video { position: relative; width: 100%; height: 0; padding-bottom: 56.25%; top: 90px; margin-bottom: 90px; }
.index5 .banner-video object { position: absolute; top: 0; left: 0; width: 100% !important; height: 100%; }
.slide-text-1 { font-size: 35px; color: #fff; text-transform: uppercase; padding-top: 93px; left: 30px; top: 0; position: absolute; z-index: 15; display: inline-block; }
.index6 .main-banner object { width: 500px !important; height: 280px !important; }
.index6 .bContainer { top: 30%; }
.videos-page .gallery a img { width: 100% !important; }
.videos-page .our-work-sec.portfolio-bg .poftfolio-item-info { padding: 5px; }
.videos-page .our-work-sec.portfolio-bg .poftfolio-item-info h3 small { font-size: 14px; line-height: 18px; }
.videos-page .pp_social { display: none; }
.index-page video { }
.news-page .portfolio-column li { padding: 8px; }
.news-page .portfolio-column li .poftfolio-item { border: 1px solid #dadada; }
.news-page .portfolio-column .poftfolio-item-thumb img { height: 150px; }
footer .footer-inner iframe, footer .footer-inner span, footer .footer-inner .fb_iframe_widget { width: auto !important; height: 300px !important; position: static !important; }
.creative-services-sec img { margin-top: -60px; }
.join-us-block .studio-section { background: #ffffff; border: 1px solid #e3e3e3; }
.join-us-block .studio-slider-content { padding: 30px; }
.join-us-block .studio-slider p a { font-weight: normal; }
.donate-btn { background: #106EAA; font-weight: bold; padding: 10px 15px !important; border-radius: 0 !important; border: none !important; font-size: 16px !important; letter-spacing: 1px; color: #fff !important; display: inline-block; margin-top: 9px;     margin-left: 5px;    line-height: 20px;}
.join-us-img-bg { background: url(../images/about-slide3.jpg) no-repeat center top; background-size: cover !important; background-attachment: fixed !important; width: 98%; margin: 10px auto; }
.join-us-img-bg .content { background: rgba(0,0,0,0.7); padding: 50px 20px; color: #fff; text-align: center; }
.join-us-img-bg .content h2 { color: #fff; font-size: 50px; font-style: italic; font-family: serif; letter-spacing: 2px; }
.join-us-img-bg .content h3 { color: #fff; font-size: 30px; padding: 5px 0; }
.join-us-img-bg hr { margin-top: 20px; margin-bottom: 20px; margin: 25px 0; height: 1px; background: black; background: -webkit-gradient(linear, 0 0, 100% 0, from(transparent), to(transparent), color-stop(50%, white)); border: none; }
.join-us-img-bg .content a { color: #fff; border-color: #fff; }
 @media (max-width: 992px) {
.donate-btn { display: block; text-align: center; margin: 10px; }
}
.join-btn a { color: #ff6600 !important; font-weight: bold; font-size: 18px !important; background: #fff; letter-spacing: 0.5px; }
.notification-box { padding: 15px; position: fixed; top: 0; z-index: 1000; width: 100%; height: 100%; background: rgba(255,255,255,.9) }
.error-box, .success-box { background-color: #FFF; width: 50%; border: 1px solid #868686; }
.notification-box h4 { float: left; margin: 0 }
.notification-box .close { font-size: 12px; float: right }
.notification-box p { margin-bottom: 0; font-size: 15px; float: none }
.error-box { padding: 5px 15px; margin: auto }
.error-box .close { color: #333; font-weight: 700; font-size: 20px }
.error-box h4 { color: #730003; font-weight: 400; font-size: 16px; text-shadow: none }
.error-box p { color: #5E5E5E; border-top: 1px solid #e9b9bb; padding-top: 5px; margin-top: 25px }
.success-box { padding: 5px 15px; margin: auto }
.success-box .close { color: #333; font-weight: 700; font-size: 20px }
.success-box h4 { color: #186F00; font-weight: 400; font-size: 16px; text-shadow: none }
.success-box p { color: #5E5E5E; border-top: 1px solid #d9e9b9; padding-top: 5px; margin-top: 25px }
.home-page .modal-dialog { margin-top: 5px; }
.home-page .modal-header { border: none; }
.home-page .modal-backdrop.in { opacity: 1; }
.home-page .modal-header { text-align: center; padding-bottom: 0; max-width: 800px; margin: auto; padding: 5px 0 0 0; }
.home-page .modal-body { text-align: center; padding-top: 0; }
.home-page .modal-body img { width: 700px; }
.home-page .modal-header button { float: left; }
.home-page .modal-header a { float: right; }
.home-page .modal-header button, .home-page .modal-header a { display: inline-block; width: auto; height: auto; padding: 10px; background-color: #5cb85c; border-color: #4cae4c; padding: 10px 15px !important; border-radius: 0 !important; border: none !important; font-size: 15px !important; letter-spacing: 0.5px; color: #fff !important; margin-top: 0; }
.register-event .studio-slider-content-inner { max-width: 100%; margin: 10px; }
.register-event .studio-slider-content { float: none; width: 100%; }
 @media (max-width: 767px) {
.banner-video object { width: 100% !important; height: 300px !important; }
}
@media (max-width: 480px) {
.banner-video object { width: 100% !important; height: 250px !important; }
}
.banner-marquee {background: #106eaa;}
.banner-marquee a {color: #fff;}

.nav > li > a {    padding-right: 15px !important;padding-left: 15px !important;}

@media (min-width: 993px) {
    .smallHeader .navbar-default {background: rgba(175, 175, 175, 0.8) !important;}
    .navbar-default {background: rgba(255,255,255,0.8) !important;}
}
.logo-text {display: inline-block;margin-left: -15px; font-size: 12px; font-weight: bold;margin-bottom: 0;}
.right-logo { float: right; top: 0; position: absolute; right: 20px; width: 170px;}
.donate-page-text p {font-size: 16px;line-height: 30px;}