/* Core Owl Carousel CSS File v1.3.3 */ /* clearfix */ .owl-carousel .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } /* display none until init */ .owl-carousel { display: none; position: relative; width: 100%; -ms-touch-action: pan-y; } .owl-carousel .owl-wrapper { display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-wrapper-outer { overflow: hidden; position: relative; width: 100%; } .owl-carousel .owl-wrapper-outer.autoHeight { -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; } .owl-carousel .owl-item { float: left; } .owl-controls .owl-page, .owl-controls .owl-buttons div { cursor: pointer; } .owl-controls { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; } /* mouse grab icon */ .grabbing { cursor: url(grabbing.png) 8 8, move; } /* fix */ .owl-carousel .owl-wrapper, .owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); } /* Owl Carousel CSS3 Transitions v1.3.2 */ .owl-origin { -webkit-perspective: 1200px; -webkit-perspective-origin-x: 50%; -webkit-perspective-origin-y: 50%; -moz-perspective: 1200px; -moz-perspective-origin-x: 50%; -moz-perspective-origin-y: 50%; perspective: 1200px; } /* fade */ .owl-fade-out { z-index: 10; -webkit-animation: fadeOut .7s both ease; -moz-animation: fadeOut .7s both ease; animation: fadeOut .7s both ease; } .owl-fade-in { -webkit-animation: fadeIn .7s both ease; -moz-animation: fadeIn .7s both ease; animation: fadeIn .7s both ease; } /* backSlide */ .owl-backSlide-out { -webkit-animation: backSlideOut 1s both ease; -moz-animation: backSlideOut 1s both ease; animation: backSlideOut 1s both ease; } .owl-backSlide-in { -webkit-animation: backSlideIn 1s both ease; -moz-animation: backSlideIn 1s both ease; animation: backSlideIn 1s both ease; } /* goDown */ .owl-goDown-out { -webkit-animation: scaleToFade .7s ease both; -moz-animation: scaleToFade .7s ease both; animation: scaleToFade .7s ease both; } .owl-goDown-in { -webkit-animation: goDown .6s ease both; -moz-animation: goDown .6s ease both; animation: goDown .6s ease both; } /* scaleUp */ .owl-fadeUp-in { -webkit-animation: scaleUpFrom .5s ease both; -moz-animation: scaleUpFrom .5s ease both; animation: scaleUpFrom .5s ease both; } .owl-fadeUp-out { -webkit-animation: scaleUpTo .5s ease both; -moz-animation: scaleUpTo .5s ease both; animation: scaleUpTo .5s ease both; } /* Keyframes */ /*empty*/ @-webkit-keyframes empty { 0% { opacity: 1; } } @-moz-keyframes empty { 0% { opacity: 1; } } @keyframes empty { 0% { opacity: 1; } } @-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @-moz-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @-moz-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @-webkit-keyframes backSlideOut { 25% { opacity: .5; -webkit-transform: translateZ(-500px); } 75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); } 100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); } } @-moz-keyframes backSlideOut { 25% { opacity: .5; -moz-transform: translateZ(-500px); } 75% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); } 100% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); } } @keyframes backSlideOut { 25% { opacity: .5; transform: translateZ(-500px); } 75% { opacity: .5; transform: translateZ(-500px) translateX(-200%); } 100% { opacity: .5; transform: translateZ(-500px) translateX(-200%); } } @-webkit-keyframes backSlideIn { 0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); } 75% { opacity: .5; -webkit-transform: translateZ(-500px); } 100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); } } @-moz-keyframes backSlideIn { 0%, 25% { opacity: .5; -moz-transform: translateZ(-500px) translateX(200%); } 75% { opacity: .5; -moz-transform: translateZ(-500px); } 100% { opacity: 1; -moz-transform: translateZ(0) translateX(0); } } @keyframes backSlideIn { 0%, 25% { opacity: .5; transform: translateZ(-500px) translateX(200%); } 75% { opacity: .5; transform: translateZ(-500px); } 100% { opacity: 1; transform: translateZ(0) translateX(0); } } @-webkit-keyframes scaleToFade { to { opacity: 0; -webkit-transform: scale(0.8); } } @-moz-keyframes scaleToFade { to { opacity: 0; -moz-transform: scale(0.8); } } @keyframes scaleToFade { to { opacity: 0; transform: scale(0.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); } } /* * Zetta Menu 1.2 * Copyright 2014, nKdev * 6 June 2014 */ /* ====================== DEFAULT THEME ====================== */ /* ====================== MAIN ====================== */ .zetta-menu { background-color: none; padding: 0; display: inline-block; position: relative; } .zetta-menu:before, .zetta-menu ul, .zetta-menu li, .zetta-menu div, .zetta-menu a, .zetta-menu label, .zetta-menu input, .zetta-menu textarea { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; outline: none; border: 0; list-style: none; } .zetta-menu a { cursor: pointer; } .zetta-menu h1, .zetta-menu h2, .zetta-menu h3, .zetta-menu h4, .zetta-menu h5, .zetta-menu h6 { font-weight: normal; text-align: center; margin: 0; padding: 15px 0; color: #b0bac2; border-bottom: 1px solid #b0bac2; } .zetta-menu.zm-full-width { display: block; } .zetta-menu.zm-fixed { position: fixed; top: 0; left: 0; right: 0; } .zetta-menu.zm-fixed.zm-position-left { top: 0; bottom: 0; left: 0; right: auto; } .zetta-menu.zm-fixed.zm-position-right { top: 0; bottom: 0; left: auto; right: 0; } .zetta-menu.zm-fixed.zm-position-bottom { top: auto; bottom: 0; left: 0; right: 0; } .zetta-menu, .zetta-menu a, .zetta-menu a:visited { color: #fff; } .zetta-menu a:hover { color: #fff; } .zetta-menu > li { display: block; vertical-align: top; float: left; height: 40px; } .zetta-menu > li.zm-right-item { margin-right: 0; float: right; } .zetta-menu > li.zm-right-item:hover { background-color: rgba(255, 255, 255, 0.2); border-radius: 3px; } .zetta-menu > li > a { font-weight: 100; padding: 0 20px; line-height: 40px; } .zetta-menu li { position: relative; cursor: default; } .zetta-menu li > a { text-decoration: none; display: block; } .zetta-menu li > ul, .zetta-menu li > div { z-index: 1; } .zetta-menu.zm-position-left > li, .zetta-menu.zm-position-right > li { position: relative !important; } .zetta-menu.zm-position-left > li > a .zm-caret, .zetta-menu.zm-position-right > li > a .zm-caret { float: right; } .zetta-menu .fa { font-size: 12pt; letter-spacing: 5px; line-height: inherit; } .zetta-menu .zm-caret { letter-spacing: 0; float: right; margin-left: 15px; } .zetta-menu > li > a .zm-caret { float: none; } .zetta-menu .zm-single-icon { letter-spacing: 0; } .zetta-menu:after { content: ''; display: block; clear: both; } /* ====================== LOGO ====================== */ .zetta-menu > li.zm-logo { margin-left: 0; margin-right: 15px; font-size: 0; } .zetta-menu > li.zm-logo a { padding: 0; line-height: 0; height: 100%; display: inline; } .zetta-menu > li.zm-logo img { max-width: 100%; max-height: 100%; } /* ====================== MENU DROP DOWN ====================== */ .zetta-menu ul, .zetta-menu div.zm-multi-column { position: absolute; display: none; } .zetta-menu ul > li { min-height: 40px; } .zetta-menu ul > li a { padding: 0 20px; line-height: 40px; } .zetta-menu > li > ul, .zetta-menu > li > ul ul, .zetta-menu .zm-multi-column, .zetta-menu .zm-multi-column > ul ul { background-color: #21252b; color: #b0bac2; } .zetta-menu > li > ul li > a, .zetta-menu > li > ul ul li > a, .zetta-menu .zm-multi-column li > a, .zetta-menu .zm-multi-column > ul ul li > a, .zetta-menu > li > ul li > a:visited, .zetta-menu > li > ul ul li > a:visited, .zetta-menu .zm-multi-column li > a:visited, .zetta-menu .zm-multi-column > ul ul li > a:visited { color: #b0bac2; } .zetta-menu > li > ul li:hover, .zetta-menu > li > ul ul li:hover, .zetta-menu .zm-multi-column li:hover, .zetta-menu .zm-multi-column > ul ul li:hover { background-color: #282c32; } .zetta-menu > li > ul li:hover > a, .zetta-menu > li > ul ul li:hover > a, .zetta-menu .zm-multi-column li:hover > a, .zetta-menu .zm-multi-column > ul ul li:hover > a, .zetta-menu > li > ul li:hover > a:visited, .zetta-menu > li > ul ul li:hover > a:visited, .zetta-menu .zm-multi-column li:hover > a:visited, .zetta-menu .zm-multi-column > ul ul li:hover > a:visited { color: #b0bac2; } .zetta-menu > li > ul, .zetta-menu > li > div.zm-multi-column { top: 100%; left: 0; } .zetta-menu > li > ul ul, .zetta-menu > li > div.zm-multi-column ul { top: 0; left: 100%; } .zetta-menu > li > ul ul.zm-drop-left, .zetta-menu > li > div.zm-multi-column ul.zm-drop-left { left: auto; right: 100%; } .zetta-menu.zm-position-bottom > li > ul, .zetta-menu.zm-position-bottom > li > div.zm-multi-column { top: auto; bottom: 100%; left: 0; } .zetta-menu.zm-position-bottom > li > ul ul, .zetta-menu.zm-position-bottom > li > div.zm-multi-column ul { top: auto; bottom: 0; left: 100%; } .zetta-menu.zm-position-bottom > li > ul ul.zm-drop-left, .zetta-menu.zm-position-bottom > li > div.zm-multi-column ul.zm-drop-left { left: -100%; } .zetta-menu.zm-position-left > li > ul, .zetta-menu.zm-position-left > li > div.zm-multi-column { top: 0; left: 100%; } .zetta-menu.zm-position-left > li > ul ul.zm-drop-left, .zetta-menu.zm-position-left > li > div.zm-multi-column ul.zm-drop-left { top: 0; left: 100%; } .zetta-menu.zm-position-right > li > ul, .zetta-menu.zm-position-right > li > div.zm-multi-column { top: 0; left: auto; right: 100%; } .zetta-menu.zm-position-right > li > ul ul.zm-drop-left, .zetta-menu.zm-position-right > li > div.zm-multi-column ul.zm-drop-left { top: 0; left: auto; right: 100%; } .zetta-menu.zm-position-right > li > ul ul, .zetta-menu.zm-position-right > li > div.zm-multi-column > ul ul { top: 0; left: auto; right: 100%; } .zetta-menu li:hover > ul, .zetta-menu li:hover > div.zm-multi-column, .zetta-menu li:hover > div.zm-multi-column > ul { display: block; } .zetta-menu li > div.zm-multi-column > ul, .zetta-menu.zm-position-bottom li > div.zm-multi-column > ul { left: 0; float: left; } .zetta-menu > li > div.zm-multi-column > ul { position: relative; display: inline-block; } .zetta-menu > li.zm-right-align > ul, .zetta-menu > li.zm-right-align > div.zm-multi-column { left: auto; right: 0; } .zetta-menu.zm-position-left > li.zm-right-align > ul, .zetta-menu.zm-position-left > li.zm-right-align > div.zm-multi-column { left: 100%; right: auto; } .zetta-menu.zm-position-left > li.zm-right-align > ul, .zetta-menu.zm-position-left > li.zm-right-align > div.zm-multi-column { right: 100%; } /* ====================== CONTENT DROP DOWN ====================== */ .zetta-menu > li.zm-content-full { position: static; } .zetta-menu > li.zm-content-full > div { width: 100%; } .zetta-menu > li.zm-content > div, .zetta-menu > li.zm-content-full > div { position: absolute; display: none; left: 0; padding: 5px; background-color: #21252b; color: #b0bac2; } .zetta-menu > li.zm-content > div ul, .zetta-menu > li.zm-content-full > div ul { display: block; position: relative; min-width: 0; border-right: 1px solid #303236; padding-right: 10px; } .zetta-menu > li.zm-content > div ul, .zetta-menu > li.zm-content-full > div:last-child ul.last { border-right: 1px solid transparent; } .zetta-menu > li.zm-content > div ul li a, .zetta-menu > li.zm-content-full > div ul li a, .zetta-menu > li.zm-content > div ul li a:visited, .zetta-menu > li.zm-content-full > div ul li a:visited { text-align: left; padding: 15px 0; line-height: 1; color: #b0bac2; padding-left: 30px; } .zetta-menu > li.zm-content > div ul li:hover, .zetta-menu > li.zm-content-full > div ul li:hover { background-color: transparent; } .zetta-menu > li.zm-content > div ul li:hover a, .zetta-menu > li.zm-content-full > div ul li:hover a, .zetta-menu > li.zm-content > div ul li:hover a:visited, .zetta-menu > li.zm-content-full > div ul li:hover a:visited { color: #b0bac2; text-decoration: none; background: #282c32; } .zetta-menu > li.zm-content > div img, .zetta-menu > li.zm-content-full > div img { width: 100%; margin: 15px 0; } .zetta-menu > li.zm-content > div .zm-video, .zetta-menu > li.zm-content-full > div .zm-video { position: relative; padding-bottom: 56.25%; height: 0; margin: 15px 0; overflow: hidden; } .zetta-menu > li.zm-content > div .zm-video > iframe, .zetta-menu > li.zm-content-full > div .zm-video > iframe { position: absolute; left: 0; top: 0; height: 100%; width: 100%; } .zetta-menu > li.zm-content > div input, .zetta-menu > li.zm-content-full > div input, .zetta-menu > li.zm-content > div textarea, .zetta-menu > li.zm-content-full > div textarea { width: 100%; margin-top: 10px; font: inherit; resize: none; padding: 15px; background-color: #eaeaea; color: #354a5f; } .zetta-menu > li.zm-content > div input.zm-button, .zetta-menu > li.zm-content-full > div input.zm-button { cursor: pointer; font-weight: normal; background-color: #3598dc; color: #313131; } .zetta-menu > li.zm-content:hover > div, .zetta-menu > li.zm-content-full:hover > div { display: block; } .zetta-menu > li.zm-content > div, .zetta-menu > li.zm-content-full > div { top: 100%; } .zetta-menu.zm-position-bottom > li.zm-content > div, .zetta-menu.zm-position-bottom > li.zm-content-full > div { top: auto; bottom: 100%; } .zetta-menu.zm-position-left > li.zm-content > div, .zetta-menu.zm-position-left > li.zm-content-full > div { top: 0; left: 100%; } .zetta-menu.zm-position-right > li.zm-content > div, .zetta-menu.zm-position-right > li.zm-content-full > div { top: 0; right: 100%; left: auto; } .zetta-menu > li.zm-content.zm-right-align > div, .zetta-menu > li.zm-content-full.zm-right-align > div { left: auto; right: 0; } .zetta-menu.zm-position-left > li.zm-content.zm-right-align > div, .zetta-menu.zm-position-left > li.zm-content-full.zm-right-align > div { left: 100%; right: auto; } /* ====================== GRID SYSTEM ====================== */ .zetta-menu .zm-row { display: block; } .zetta-menu .zm-row .zm-col { display: inline-block; margin-bottom: 5px; padding: 5px; vertical-align: top; float: left; } .zetta-menu .zm-row .zm-col > .zm-grid-wrapper { padding: 15px 20px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background-color: #eaeaea; color: #354a5f; } .zetta-menu .zm-row .zm-col.c-12 { width: 100%; } .zetta-menu .zm-row .zm-col.c-11 { width: 91.66666666666667%; } .zetta-menu .zm-row .zm-col.c-10 { width: 83.33333333333334%; } .zetta-menu .zm-row .zm-col.c-9 { width: 75%; } .zetta-menu .zm-row .zm-col.c-8 { width: 66.66666666666667%; } .zetta-menu .zm-row .zm-col.c-7 { width: 58.333333333333336%; } .zetta-menu .zm-row .zm-col.c-6 { width: 50%; } .zetta-menu .zm-row .zm-col.c-5 { width: 41.66666666666667%; } .zetta-menu .zm-row .zm-col.c-4 { width: 33.333333333333336%; } .zetta-menu .zm-row .zm-col.c-3 { width: 25%; } .zetta-menu .zm-row .zm-col.c-2 { width: 16.666666666666668%; } .zetta-menu .zm-row .zm-col.c-1 { width: 8.333333333333334%; } .zetta-menu .w-1000 { width: 1000px; } .zetta-menu .w-950 { width: 950px; } .zetta-menu .w-900 { width: 900px; } .zetta-menu .w-850 { width: 850px; } .zetta-menu .w-800 { width: 800px; } .zetta-menu .w-750 { width: 750px; } .zetta-menu .w-700 { width: 700px; } .zetta-menu .w-650 { width: 650px; } .zetta-menu .w-600 { width: 600px; } .zetta-menu .w-550 { width: 550px; } .zetta-menu .w-500 { width: 500px; } .zetta-menu .w-450 { width: 450px; } .zetta-menu .w-400 { width: 400px; } .zetta-menu .w-350 { width: 350px; } .zetta-menu .w-300 { width: 300px; } .zetta-menu .w-250 { width: 250px; } .zetta-menu .w-200 { width: 200px; } .zetta-menu .w-150 { width: 150px; } .zetta-menu .w-100 { width: 100px; } .zetta-menu .w-50 { width: 50px; } /* ====================== SEARCH PLACE ====================== */ /* .zetta-menu .zm-search { position: relative; margin-right: 25px; } .zetta-menu .zm-search form > .search-btn { padding: 0 9px; line-height: 32px; background: $mm-main-color; margin-left: -18px; border-radius: 100px; letter-spacing: 0; border: 1px solid $mm-main-color; color: #fff; } .zetta-menu .zm-search form > .search-btn:hover { background: #aaa; color: white!important; border: 1px solid #aaa; } .zetta-menu .zm-search form > .search-btn:hover{ color:#313131; text-decoration:none; } .zetta-menu .zm-search input { height: 34px; padding: 0 27.5px; font-size: inherit; width: 200px; color: #21252b; border: 1px solid $mm-main-color; background: #fff; border-radius: 100px 0 0 100px; } .zetta-menu .zm-search input:focus { border: 1px solid $mm-hl-color; } .zetta-menu.zm-position-right .zm-search, .zetta-menu.zm-position-left .zm-search { float: none; } .zetta-menu.zm-position-right .zm-search input, .zetta-menu.zm-position-left .zm-search input { width: 100%; } */ /* ====================== SEARCH PLACE ====================== */ .zetta-menu .zm-search { position: relative; overflow: hidden; } .zetta-menu .zm-search form > label { position: absolute; cursor: pointer; left: 0; top: 0; padding: 0 20px; line-height: 40px; } .zetta-menu .zm-search form button { display: none; } .zetta-menu .zm-search input { height: 40px; padding: 0 27.5px; font-size: inherit; width: 0; opacity: 0.01; color: #21252b; border: 0; background: #fafafa; } .zetta-menu > li.zm-category > a { font-weight: 300; } .zetta-menu .zm-category .hide { display: none; } .zetta-menu .zm-search input.focus { width: 300px; opacity: 1; border: 0; } .zetta-menu .zm-search input.focus + label { display: none; } .zetta-menu .zm-search input.focus ~ button { display: block; position: relative; float: right; margin-left: -45px; padding: 0 15px; line-height: 40px; border: 0; background: none; color: #fff; cursor: pointer; } .zetta-menu .zm-search input.focus, .zetta-menu .zm-search input:hover { background-color: #fafafa; } .zetta-menu .zm-search:hover { background-color: #fafafa; } .zetta-menu.zm-position-right .zm-search, .zetta-menu.zm-position-left .zm-search { float: none; } .zetta-menu.zm-position-right .zm-search input, .zetta-menu.zm-position-left .zm-search input { width: 100%; } /* ====================== LOGIN/LOGOUT ====================== */ .zetta-menu > li.zm-login { margin-right: 25px; } .zetta-menu .zm-login button { height: 40px; background: #666; color: white; border-radius: 100px 0 0 100px; border: 1px solid #666; padding: 0 25px 0 15px; } .zetta-menu .zm-login img { max-height: 39px; max-width: 39px; position: absolute; right: -25px; top: 0; border-radius: 100px; } /* ====================== SHOW EFFECTS ====================== */ /* fade */ .zetta-menu.zm-effect-fade > li > div, .zetta-menu.zm-effect-fade li > ul { display: block; visibility: hidden; opacity: 0; -webkit-transition: opacity .4s ease, visibility .4s linear 0s; -moz-transition: opacity .4s ease, visibility .4s linear 0s; -ms-transition: opacity .4s ease, visibility .4s linear 0s; -o-transition: opacity .4s ease, visibility .4s linear 0s; transition: opacity .4s ease, visibility .4s linear 0s; } .zetta-menu.zm-effect-fade > li:hover > div, .zetta-menu.zm-effect-fade li:hover > ul { visibility: visible; opacity: 1; -webkit-transition: opacity .4s ease; -moz-transition: opacity .4s ease; -ms-transition: opacity .4s ease; -o-transition: opacity .4s ease; transition: opacity .4s ease; } /* slide */ .zetta-menu.zm-effect-slide-top > li > div, .zetta-menu.zm-effect-slide-top li > ul { -webkit-transform: translateY(50px); -moz-transform: translateY(50px); -ms-transform: translateY(50px); -o-transform: translateY(50px); transform: translateY(50px); } .zetta-menu.zm-effect-slide-bottom > li > div, .zetta-menu.zm-effect-slide-bottom li > ul { -webkit-transform: translateY(-50px); -moz-transform: translateY(-50px); -ms-transform: translateY(-50px); -o-transform: translateY(-50px); transform: translateY(-50px); } .zetta-menu.zm-effect-slide-left > li > div, .zetta-menu.zm-effect-slide-left li > ul { -webkit-transform: translateX(50px); -moz-transform: translateX(50px); -ms-transform: translateX(50px); -o-transform: translateX(50px); transform: translateX(50px); } .zetta-menu.zm-effect-slide-right > li > div, .zetta-menu.zm-effect-slide-right li > ul { -webkit-transform: translateX(-50px); -moz-transform: translateX(-50px); -ms-transform: translateX(-50px); -o-transform: translateX(-50px); transform: translateX(-50px); } .zetta-menu.zm-effect-slide-top > li > div, .zetta-menu.zm-effect-slide-bottom > li > div, .zetta-menu.zm-effect-slide-left > li > div, .zetta-menu.zm-effect-slide-right > li > div, .zetta-menu.zm-effect-slide-top li > ul, .zetta-menu.zm-effect-slide-bottom li > ul, .zetta-menu.zm-effect-slide-left li > ul, .zetta-menu.zm-effect-slide-right li > ul { display: block !important; visibility: hidden; opacity: 0; -webkit-transition: opacity 0.4s ease, -webkit-transform 0.4s ease, visibility 0.4s linear 0s; -moz-transition: opacity 0.4s ease, -moz-transform 0.4s ease, visibility 0.4s linear 0s; -ms-transition: opacity 0.4s ease, -ms-transform 0.4s ease, visibility 0.4s linear 0s; -o-transition: opacity 0.4s ease, -o-transform 0.4s ease, visibility 0.4s linear 0s; transition: opacity .4s ease, transform .4s ease, visibility .4s linear 0s; } .zetta-menu.zm-effect-slide-top > li:hover > div, .zetta-menu.zm-effect-slide-bottom > li:hover > div, .zetta-menu.zm-effect-slide-left > li:hover > div, .zetta-menu.zm-effect-slide-right > li:hover > div, .zetta-menu.zm-effect-slide-top li:hover > ul, .zetta-menu.zm-effect-slide-bottom li:hover > ul, .zetta-menu.zm-effect-slide-left li:hover > ul, .zetta-menu.zm-effect-slide-right li:hover > ul { visibility: visible; opacity: 1; -webkit-transform: translate(0); -moz-transform: translate(0); -ms-transform: translate(0); -o-transform: translate(0); transform: translate(0); -webkit-transition: opacity 0.4s ease, -webkit-transform 0.8s ease; -moz-transition: opacity 0.4s ease, -moz-transform 0.8s ease; -ms-transition: opacity 0.4s ease, -ms-transform 0.8s ease; -o-transition: opacity 0.4s ease, -o-transform 0.8s ease; transition: opacity .4s ease, transform .8s ease; } .zetta-menu .zm-account a { padding: 0 8px; border-right: 1px solid; line-height: 16px; margin: 12px 0; font-weight: 300; } .zetta-menu .zm-account.last a { border-right: 0; } /* ====================== RESPONSIVE ====================== */ @media screen and (max-width: 990px) { /* ====================== MAIN ====================== */ .zetta-menu[class*='zm-response'] > li { position: relative; } .zetta-menu[class*='zm-response'] > li > ul, .zetta-menu[class*='zm-response'] > li > div.zm-multi-column > ul, .zetta-menu[class*='zm-response'] > li > ul ul, .zetta-menu[class*='zm-response'] > li > div.zm-multi-column > ul ul { left: 0; right: 0; width: auto !important; margin-right: 0; } .zetta-menu[class*='zm-response'] > li > ul ul, .zetta-menu[class*='zm-response'] > li > div.zm-multi-column > ul ul { top: 100%; margin-left: 50px !important; } .zetta-menu[class*='zm-response'].zm-position-bottom > li > ul ul, .zetta-menu[class*='zm-response'].zm-position-bottom > li > div.zm-multi-column > ul ul, .zetta-menu[class*='zm-response'].zm-position-bottom > li > ul ul.zm-drop-left, .zetta-menu[class*='zm-response'].zm-position-bottom > li > div.zm-multi-column > ul ul.zm-drop-left { left: 0; top: auto; bottom: 100%; } .zetta-menu[class*='zm-response'].zm-position-left > li > ul, .zetta-menu[class*='zm-response'].zm-position-left > li > div.zm-multi-column > ul, .zetta-menu[class*='zm-response'].zm-position-right > li > ul, .zetta-menu[class*='zm-response'].zm-position-right > li > div.zm-multi-column > ul { top: 100%; left: 0; right: 0; } .zetta-menu[class*='zm-response'].zm-position-left > li > ul ul, .zetta-menu[class*='zm-response'].zm-position-left > li > div.zm-multi-column > ul ul, .zetta-menu[class*='zm-response'].zm-position-right > li > ul ul, .zetta-menu[class*='zm-response'].zm-position-right > li > div.zm-multi-column > ul ul, .zetta-menu[class*='zm-response'].zm-position-left > li > ul ul.zm-drop-left, .zetta-menu[class*='zm-response'].zm-position-left > li > div.zm-multi-column > ul ul.zm-drop-left, .zetta-menu[class*='zm-response'].zm-position-right > li > ul ul.zm-drop-left, .zetta-menu[class*='zm-response'].zm-position-right > li > div.zm-multi-column > ul ul.zm-drop-left { left: 0; right: 0; top: 100%; } .zetta-menu[class*='zm-response'].zm-position-left > li.zm-content > div, .zetta-menu[class*='zm-response'].zm-position-left > li.zm-content-full > div, .zetta-menu[class*='zm-response'].zm-position-right > li.zm-content > div, .zetta-menu[class*='zm-response'].zm-position-right > li.zm-content-full > div { top: 100%; left: 0; right: 0; } .zetta-menu[class*='zm-response'] li > div { top: 100%; left: 0 !important; right: 0; width: auto !important; } .zetta-menu[class*='zm-response'] li > div.zm-multi-column > ul { width: 100% !important; } .zetta-menu[class*='zm-response'] .zm-row .zm-col { display: block; margin-right: 0; width: 100% !important; float: none; } .zetta-menu[class*='zm-response'] .w-50, .zetta-menu[class*='zm-response'] .w-100, .zetta-menu[class*='zm-response'] .w-150, .zetta-menu[class*='zm-response'] .w-200, .zetta-menu[class*='zm-response'] .w-250, .zetta-menu[class*='zm-response'] .w-300, .zetta-menu[class*='zm-response'] .w-350, .zetta-menu[class*='zm-response'] .w-400, .zetta-menu[class*='zm-response'] .w-450, .zetta-menu[class*='zm-response'] .w-500, .zetta-menu[class*='zm-response'] .w-550, .zetta-menu[class*='zm-response'] .w-600, .zetta-menu[class*='zm-response'] .w-650, .zetta-menu[class*='zm-response'] .w-700, .zetta-menu[class*='zm-response'] .w-750, .zetta-menu[class*='zm-response'] .w-800, .zetta-menu[class*='zm-response'] .w-850, .zetta-menu[class*='zm-response'] .w-900, .zetta-menu[class*='zm-response'] .w-950, .zetta-menu[class*='zm-response'] .w-1000 { width: 100%; } /* ====================== SIMPLE ====================== */ .zetta-menu.zm-response-simple > li { position: static; } .zetta-menu.zm-response-simple > li > a { font-size: 0; } .zetta-menu.zm-response-simple > li > a i { letter-spacing: 0; } .zetta-menu.zm-response-simple > li > a .zm-caret { display: none; } .zetta-menu.zm-response-simple > li.zm-logo { display: none; } .zetta-menu.zm-response-simple > li.zm-search { position: relative; } /* ====================== STACK ====================== */ .zetta-menu.zm-response-stack > li { display: block; float: none; } .zetta-menu.zm-response-stack > li.zm-content-full { position: relative; } .zetta-menu.zm-response-stack > li.zm-logo { text-align: center; } .zetta-menu.zm-response-stack > li.zm-logo img { position: relative; } .zetta-menu.zm-response-stack > li.zm-logo, .zetta-menu.zm-response-stack > li.zm-right-item { position: relative; width: 100%; } .zetta-menu.zm-response-stack > li > a .zm-caret { float: right; } .zetta-menu.zm-response-stack .zm-search { float: none; } .zetta-menu.zm-response-stack .zm-search input { width: 100%; } .zetta-menu.zm-response-stack .zm-login button { width: 93%; } /* ====================== SWITCH ====================== */ .zetta-menu.zm-response-switch > li { display: none; float: none; } .zetta-menu.zm-response-switch > li.zm-content-full { position: relative; } .zetta-menu.zm-response-switch > li.zm-logo { display: block; } .zetta-menu.zm-response-switch > li.zm-logo img { position: relative; z-index: 1; } .zetta-menu.zm-response-switch > li.zm-logo, .zetta-menu.zm-response-switch > li.zm-right-item { position: relative; width: 100%; } .zetta-menu.zm-response-switch:before { font-family: FontAwesome; content: '\f0c9'; float: right; cursor: pointer; line-height: 40px; height: 40px; padding: 0 20px; z-index: 1; } .zetta-menu.zm-response-switch:hover:before { display: none; } .zetta-menu.zm-response-switch:hover > li { display: block; } .zetta-menu.zm-response-switch > li > a .zm-caret { float: right; } .zetta-menu.zm-response-switch .zm-search { float: none; } .zetta-menu.zm-response-switch .zm-search input { width: 95%; } .zetta-menu.zm-response-switch .zm-login button { width: 93%; } .zetta-menu.zm-response-switch .zm-login img { right: 0; } .zetta-menu .zm-account a { border-right: 0; } } /* * Style settings of LayerSlider * * (c) 2011-2014 George Krupa, John Gera & Kreatura Media * * Plugin web: http://kreaturamedia.com/ * Licenses: http://codecanyon.net/licenses/ */ /* Global settings */ .ls-container { visibility: hidden; position: relative; } .ls-lt-container { position: absolute; } .ls-lt-container, .ls-lt-container * { text-align: left !important; direction: ltr !important; } .ls-container-fullscreen { margin: 0 auto !important; padding: 2% !important; background: black !important; border-radius: 0 !important; -moz-border-radius: 0 !important; -webkit-border-radius: 0 !important; border: none !important; } .ls-container-fullscreen .ls-thumbnail-wrapper, .ls-container-fullscreen .ls-fullscreen, .ls-container-fullscreen .ls-shadow { display: none !important; } .ls-overflow-hidden { overflow: hidden; } .ls-inner { position: relative; background-position: center center; z-index: 2; } .ls-loading-container { position: absolute !important; display: none; z-index: 3 !important; left: 50% !important; top: 50% !important; } .ls-loading-indicator { margin: 0 auto; } .ls-inner, .ls-slide { width: 100%; height: 100%; } .ls-slide, .ls-layer { position: absolute; display: none; background-position: center center; overflow: hidden; } .ls-active, .ls-animating { display: block !important; } .ls-slide > * { position: absolute; line-height: normal; margin: 0; left: 0; top: 0; } .ls-slide .ls-bg { left: 0px; top: 0px; transform: none !important; -o-transform: none !important; -ms-transform: none !important; -moz-transform: none !important; -webkit-transform: none !important; } .ls-yourlogo { position: absolute; z-index: 99; } /* Timers */ .ls-bar-timer { position: absolute; width: 0; height: 2px; background: white; border-bottom: 2px solid #555; opacity: .55; filter: alpha(opacity=55); z-index: 4; top: 0; } .ls-circle-timer { width: 16px; height: 16px; position: absolute; right: 10px; top: 10px; z-index: 4; opacity: .65; filter: alpha(opacity=65); display: none; } .ls-ct-half { background: white; } .ls-ct-center { background: #444; } .ls-ct-left, .ls-ct-right { width: 50%; height: 100%; overflow: hidden; } .ls-ct-left, .ls-ct-right { float: left; position: relative; } .ls-ct-rotate { width: 200%; height: 100%; position: absolute; top: 0; } .ls-ct-left .ls-ct-rotate, .ls-ct-right .ls-ct-hider, .ls-ct-right .ls-ct-half { left: 0; } .ls-ct-right .ls-ct-rotate, .ls-ct-left .ls-ct-hider, .ls-ct-left .ls-ct-half { right: 0; } .ls-ct-hider, .ls-ct-half { position: absolute; top: 0; } .ls-ct-hider { width: 50%; height: 100%; overflow: hidden; } .ls-ct-half { width: 200%; height: 100%; } .ls-ct-center { width: 50%; height: 50%; left: 25%; top: 25%; position: absolute; } .ls-ct-half, .ls-ct-center { border-radius: 100px; -moz-border-radius: 100px; -webkit-border-radius: 100px; } /* Navigation */ .ls-bottom-nav-wrapper { height: 0; } .ls-bottom-slidebuttons { text-align: left; } .ls-bottom-nav-wrapper, .ls-below-thumbnails { z-index: 2; height: 0; position: relative; text-align: center; margin: 0 auto; } .ls-below-thumbnails { display: none; z-index: 6; } .ls-bottom-nav-wrapper a, .ls-nav-prev, .ls-nav-next { outline: none; } * .ls-bottom-nav-wrapper *, * .ls-bottom-nav-wrapper span * { direction: ltr !important; } .ls-bottom-slidebuttons { position: relative; z-index: 1000; } .ls-bottom-slidebuttons, .ls-nav-start, .ls-nav-stop, .ls-nav-sides { position: relative; } .ls-nothumb { text-align: center !important; } .ls-link { position: absolute; width: 100% !important; height: 100% !important; left: 0 !important; top: 0 !important; background-image: url(blank.gif); } .ls-slide > a > * { background-image: url(blank.gif); } /* Embedded videos */ .ls-vpcontainer { width: 100%; height: 100%; position: absolute; left: 0; top: 0; } .ls-videopreview { width: 100%; height: 100%; position: absolute; left: 0; top: 0; cursor: pointer; } .ls-playvideo { position: absolute; left: 50%; top: 50%; cursor: pointer; } /* Thumbnails */ .ls-tn { display: none !important; } .ls-thumbnail-hover { display: none; position: absolute; left: 0; } .ls-thumbnail-hover-inner { width: 100%; height: 100%; position: absolute; left: 0; top: 0; display: none; } .ls-thumbnail-hover-bg { position: absolute; width: 100%; height: 100%; left: 0; top: 0; } .ls-thumbnail-hover-img { position: absolute; overflow: hidden; } .ls-thumbnail-hover img { max-width: none !important; position: absolute; display: inline-block; visibility: visible !important; left: 50%; top: 0; } .ls-thumbnail-hover span { left: 50%; top: 100%; width: 0; height: 0; display: block; position: absolute; border-left-color: transparent !important; border-right-color: transparent !important; border-bottom-color: transparent !important; } .ls-thumbnail-wrapper { position: relative; width: 100%; margin: 0 auto; z-index: 4; } .ls-thumbnail { position: relative; margin: 0 auto; } .ls-thumbnail-inner, .ls-thumbnail-slide-container { width: 100%; } .ls-thumbnail-slide-container { overflow: hidden !important; position: relative; } .ls-touchscroll { overflow-x: auto !important; } .ls-thumbnail-slide { text-align: center; white-space: nowrap; float: left; position: relative; } .ls-thumbnail-slide a { overflow: hidden; display: inline-block; width: 0; height: 0; position: relative; } .ls-thumbnail-slide img { max-width: none !important; max-height: 100% !important; height: 100%; visibility: visible !important; } .ls-shadow { display: none; position: absolute; z-index: 1; top: 100%; width: 100%; left: 0; overflow: hidden !important; visibility: hidden; } .ls-shadow img { width: 100% !important; height: auto !important; position: absolute !important; left: 0 !important; bottom: 0 !important; } .ls-bottom-nav-wrapper, .ls-thumbnail-wrapper, .ls-nav-prev, .ls-nav-next { visibility: hidden; } /* WP plugin fullwidth */ .ls-wp-fullwidth-container { width: 100%; position: relative; } .ls-wp-fullwidth-helper { position: absolute; } /* 2D & 3D Layer Transitions */ .ls-overflow-hidden { overflow: hidden; } .ls-lt-tile { position: relative; float: left; perspective: 1000px; -o-perspective: 1000px; -ms-perspective: 1000px; -moz-perspective: 1000px; -webkit-perspective: 1000px; } .ls-lt-tile img { visibility: visible; display: inline-block; } .ls-curtiles { overflow: hidden; } .ls-curtiles, .ls-nexttiles { position: absolute; width: 100%; height: 100%; left: 0; top: 0; } .ls-curtile, .ls-nexttile { overflow: hidden; position: absolute; width: 100% !important; height: 100% !important; backface-visibility: hidden; -o-backface-visibility: hidden; -ms-backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; } .ls-curtile { left: 0; top: 0; } .ls-curtile img, .ls-nexttile img { position: absolute; filter: inherit; } .ls-3d-container { position: relative; overflow: visible !important; } .ls-3d-box { position: absolute; top: 50%; left: 50%; transform-style: preserve-3d; -o-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -webkit-transform-style: preserve-3d; } .ls-3d-box div { overflow: hidden; background: #777; margin: 0; padding: 0; position: absolute; } /* Full screen */ .ls-fullscreen { position: absolute; z-index: 10; cursor: pointer; display: block; } /* Removing all default global styles of WordPress themes */ html * .ls-nav-prev, html * .ls-nav-next, html * .ls-container img, html * .ls-bottom-nav-wrapper a, html * .ls-container .ls-fullscreen, body * .ls-nav-prev, body * .ls-nav-next, body * .ls-container img, body * .ls-bottom-nav-wrapper a, body * .ls-container .ls-fullscreen, #ls-global * .ls-nav-prev, #ls-global * .ls-nav-next, #ls-global * .ls-container img, #ls-global * .ls-bottom-nav-wrapper a, #ls-global * .ls-container .ls-fullscreen, html * .ls-thumbnail a, body * .ls-thumbnail a, #ls-global * .ls-thumbnail a { transition: none; -o-transition: none; -ms-transition: none; -moz-transition: none; -webkit-transition: none; line-height: normal; outline: none; padding: 0; border: 0; } html * .ls-slide > a, body * .ls-slide > a, #ls-global * .ls-slide > a, html * .ls-slide > h1, body * .ls-slide > h1, #ls-global * .ls-slide > h1, html * .ls-slide > h2, body * .ls-slide > h2, #ls-global * .ls-slide > h2, html * .ls-slide > h3, body * .ls-slide > h3, #ls-global * .ls-slide > h3, html * .ls-slide > h4, body * .ls-slide > h4, #ls-global * .ls-slide > h4, html * .ls-slide > h5, body * .ls-slide > h5, #ls-global * .ls-slide > h5, html * .ls-slide > p, body * .ls-slide > p, #ls-global * .ls-slide > p, html * .ls-slide > div, body * .ls-slide > div, #ls-global * .ls-slide > div, html * .ls-slide > span, body * .ls-slide > span, #ls-global * .ls-slide > span, html * .ls-slide > *, body * .ls-slide > *, #ls-global * .ls-slide > * { transition: none; -o-transition: none; -ms-transition: none; -moz-transition: none; -webkit-transition: none; } html * .ls-slide > *, body * .ls-slide > *, #ls-global * .ls-slide > * { margin: 0; } html * .ls-container img, body * .ls-container img, #ls-global * .ls-container img { background: none !important; min-width: 0 !important; max-width: none !important; border-radius: 0; box-shadow: none; border: 0; padding: 0; } /*html * .ls-thumbnail a img, body * .ls-thumbnail a img, #ls-global * .ls-thumbnail a img { min-width: 100% !important; } */ html * .ls-wp-container .ls-slide > *, body * .ls-wp-container .ls-slide > *, #ls-global * .ls-wp-container .ls-slide > * { line-height: normal; outline: none; padding: 0; margin: 0; border: 0; } html * .ls-wp-container .ls-slide > a > *, body * .ls-wp-container .ls-slide > a > *, #ls-global * .ls-wp-container .ls-slide > a > * { margin: 0; } html * .ls-wp-container .ls-slide > a, body * .ls-wp-container .ls-slide > a, #ls-global * .ls-wp-container .ls-slide > a { text-decoration: none; } .ls-wp-fullwidth-container, .ls-wp-fullwidth-helper, .ls-container, .ls-container * { box-sizing: content-box !important; -moz-box-sizing: content-box !important; -webkit-box-sizing: content-box !important; } html * .ls-yourlogo, body * .ls-yourlogo, #ls-global * .ls-yourlogo { margin: 0; } html * .ls-tn, body * .ls-tn, #ls-global * .ls-tn { display: none; } .site { overflow: visible !important; } /* Style of LayerSlider Debug Console */ .ls-debug-console * { margin: 0 !important; padding: 0 !important; border: 0 !important; color: white !important; text-shadow: none !important; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", Helvetica, Arial, sans-serif !important; line-height: normal !important; -webkit-font-smoothing: antialiased !important; text-align: left !important; font-style: normal !important; } .ls-debug-console h1 { padding-top: 10px !important; font-size: 17px !important; font-weight: bold !important; } .ls-debug-console h1:first-child { padding-top: 0 !important; } .ls-debug-console ul { padding-top: 10px !important; list-style: none !important; } .ls-debug-console li { margin-left: 10px !important; font-size: 13px !important; position: relative !important; font-weight: normal !important; } html * .ls-debug-console li ul, body * .ls-debug-console li ul, #ls-global * .ls-debug-console li ul { display: none; width: 260px; left: -10px; } .ls-debug-console li ul { position: absolute !important; bottom: 100% !important; padding: 10px 10px 10px 0 !important; background: white !important; border-radius: 10px !important; box-shadow: 0 0 20px black !important; } html * .ls-debug-console li:hover ul, body * .ls-debug-console li:hover ul, #ls-global * .ls-debug-console li:hover ul { display: block; } .ls-debug-console li ul * { color: black !important; } .ls-debug-console a { text-decoration: none !important; border-bottom: 1px dotted white !important; } .ls-error { border-radius: 5px !important; -moz-border-radius: 5px !important; -wenkit-border-radius: 5px !important; background: white !important; height: auto !important; width: auto !important; color: white !important; padding: 20px 40px 30px 80px !important; position: relative !important; box-shadow: 0 2px 20px -5px black; } .ls-error p { line-height: normal !important; text-shadow: none !important; margin: 0 !important; padding: 0 !important; border: 0 !important; text-align: justify !important; font-family: Arial, sans-serif !important; } .ls-error .ls-error-title { line-height: 40px !important; color: red !important; font-weight: bold !important; font-size: 16px !important; } .ls-error .ls-error-text { color: #555 !important; font-weight: normal !important; font-size: 13px !important; } .ls-error .ls-exclam { width: 40px !important; height: 40px !important; position: absolute !important; left: 20px !important; top: 20px !important; border-radius: 50px !important; -moz-border-radius: 50px !important; -webkit-border-radius: 50px !important; font-size: 30px !important; font-weight: bold !important; color: white !important; line-height: 40px !important; background: red !important; text-align: center !important; } /* GPU Hardware Acceleration */ html * .ls-container .ls-shadow, html * .ls-container .ls-slide > *, html * .ls-container .ls-fullscreen, html * .ls-container .ls-3d-container, html * .ls-container .ls-lt-container, html * .ls-container .ls-lt-container *, html * .ls-container .ls-thumbnail-wrapper, html * .ls-container .ls-bottom-nav-wrapper, body * .ls-container .ls-shadow, body * .ls-container .ls-slide > *, body * .ls-container .ls-fullscreen, body * .ls-container .ls-3d-container, body * .ls-container .ls-lt-container, body * .ls-container .ls-lt-container *, body * .ls-container .ls-thumbnail-wrapper, body * .ls-container .ls-bottom-nav-wrapper, #ls-global * .ls-container .ls-shadow, #ls-global * .ls-container .ls-slide > *, #ls-global * .ls-container .ls-fullscreen, #ls-global * .ls-container .ls-3d-container, #ls-global * .ls-container .ls-lt-container, #ls-global * .ls-container .ls-lt-container *, #ls-global * .ls-container .ls-thumbnail-wrapper, #ls-global * .ls-container .ls-bottom-nav-wrapper, .ls-gpuhack { transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); } .ls-videohack { transform: none !important; -o-transform: none !important; -ms-transform: none !important; -moz-transform: none !important; -webkit-transform: none !important; transform-origin: none !important; -o-transform-origin: none !important; -ms-transform-origin: none !important; -moz-transform-origin: none !important; -webkit-transform-origin: none !important; } .ls-oldiepnghack { filter: none !important; } .ls-gpuhack { width: 100% !important; height: 100% !important; left: 0px !important; top: 0px !important; } html * .ls-container .ls-webkit-hack, body * .ls-container .ls-webkit-hack, #ls-global * .ls-container .ls-webkit-hack { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1; } /* GPU */ @media (transform-3d), (-o-transform-3d), (-ms-transform-3d), (-moz-transform-3d), (-webkit-transform-3d) { #ls-test3d { position: absolute; left: 9px; height: 3px; } } /* Mobile features */ .ls-forcehide { display: none !important; } .share-affix { position: fixed; top: 50px; left: 0px; } .share-icon { background-repeat: no-repeat; background-image: url("../img/social-icons.png"); height: 40px; width: 40px; display: inline-block; text-indent: -99999px; margin: 2px; opacity: .9; filter: Alpha(Opacity=90); } .share-icon:hover { opacity: 1; filter: Alpha(Opacity=100); } .share-icon-digg { background-position: -526px 0; } .share-icon-email { background-position: -614px 0; } .share-icon-flickr { background-position: -261px 0; } .share-icon-foursquare { background-position: 0 0; } .share-icon-rss { background-position: -305px 0; } .share-icon-facebook { background-position: -131px 0; } .share-icon-twitter { background-position: -174px 0; } .share-icon-tumblr { background-position: -87px 0; } .share-icon-linkedin { background-position: -438px 0; } .share-icon-vimeo { background-position: -393px 0; } .share-icon-instagram { background-position: -44px 0; } .share-icon-pinterest { background-position: -349px 0; } .share-icon-googleplus { background-position: -218px 0; } .share-icon-in1 { background-position: -482px 0; } .share-icon-stumbleupon { background-position: -570px 0; } /**a.behance, a.delicious, a.deviantart, a.digg, a.dribbble, a.facebook, a.flickr, a.forrst, a.foursquare, a.googleplus, a.in1, a.instagram, a.lastfm, a.linkedin, a.pinterest, a.rss, a.skype, a.tumblr, a.twitter, a.vimeo, a.youtube {*/ .share-square { -moz-transition: all 0.2s linear 0s; background: url("../img/social-icons.png") no-repeat scroll left top transparent; display: inline-block; height: 32px; line-height: 0; margin: 2px; width: 32px; } .share-square:first-child { border-radius: 3px 0 0 3px; } .share-square:last-child { border-radius: 0 3px 3px 0; } .share-square-behance { background-position: -544px -44px; } .share-square-behance:hover { background-position: -544px -77px; } .share-square-delicious { background-position: -512px -44px; } .share-square-delicious:hover { background-position: -512px -77px; } .share-square-deviantart { background-position: -480px -44px; } .share-square-deviantart:hover { background-position: -480px -77px; } .share-square-digg { background-position: -448px -44px; } .share-square-digg:hover { background-position: -448px -77px; } .share-square-dribbble { background-position: -416px -44px; } .share-square-dribbble:hover { background-position: -416px -77px; } .share-square-email { background-position: -674px -44px; } .share-square-email:hover { background-position: -674px -77px; } .share-square-facebook { background-position: -384px -44px; } .share-square-facebook:hover { background-position: -384px -77px; } .share-square-flickr { background-position: -352px -44px; } .share-square-flickr:hover { background-position: -352px -77px; } .share-square-forrst { background-position: -320px -44px; } .share-square-forrst:hover { background-position: -320px -77px; } .share-square-googleplus { background-position: -288px -44px; } .share-square-googleplus:hover { background-position: -288px -77px; } .share-square-in1 { background-position: -576px -44px; } .share-square-in1:hover { background-position: -576px -77px; } .share-square-instagram { background-position: -608px -44px; } .share-square-instagram:hover { background-position: -608px -77px; } .share-square-lastfm { background-position: -256px -44px; } .share-square-lastfm:hover { background-position: -256px -77px; } .share-square-linkedin { background-position: -224px -44px; } .share-square-linkedin:hover { background-position: -224px -77px; } .share-square-pinterest { background-position: -192px -44px; } .share-square-pinterest:hover { background-position: -192px -77px; } .share-square-rss { background-position: -160px -44px; } .share-square-rss:hover { background-position: -160px -77px; } .share-square-skype { background-position: -128px -44px; } .share-square-skype:hover { background-position: -128px -77px; } .share-square-stumbleupon { background-position: -640px -44px; } .share-square-stumbleupon:hover { background-position: -640px -77px; } .share-square-tumblr { background-position: -96px -44px; } .share-square-tumblr:hover { background-position: -96px -77px; } .share-square-twitter { background-position: -64px -44px; } .share-square-twitter:hover { background-position: -64px -77px; } .share-square-vimeo { background-position: -32px -44px; } .share-square-vimeo:hover { background-position: -32px -77px; } .share-square-youtube { background-position: 0 -44px; } .share-square-youtube:hover { background-position: 0 -77px; } /** FormValidation (http://formvalidation.io) The best jQuery plugin to validate form fields. Support Bootstrap, Foundation, Pure, SemanticUI, UIKit and custom frameworks @author http://twitter.com/nghuuphuoc @copyright (c) 2013 - 2015 Nguyen Huu Phuoc @license http://formvalidation.io/license/ */ .fv-has-feedback { position: relative; } .fv-control-feedback { position: absolute; top: 0; right: 0; z-index: 2; display: block; width: 34px; height: 34px; line-height: 34px; text-align: center; } .fv-has-feedback .fv-control-feedback { /*right: 15px;*/ } .fv-help-block { display: block; } /* ~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* ~~~ For Bootstrap form ~~~ */ /* ~~~~~~~~~~~~~~~~~~~~~~~~~~ */ .fv-form-bootstrap .help-block { margin-bottom: 0; } .fv-form-bootstrap .tooltip-inner { text-align: left; } /* Bootstrap stacked form without label */ .fv-form-bootstrap .fv-icon-no-label { top: 0; } .fv-form-bootstrap .fv-bootstrap-icon-input-group { z-index: 100; } /* Bootstrap inline form */ .form-inline.fv-form-bootstrap .form-group { vertical-align: top; } /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* ~~~ For Foundation form ~~~ */ /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ .fv-form-foundation .fv-control-feedback { top: 21px; /* The height of Foundation label */ right: 15px; /* The padding-right of .columns */ width: 37px; height: 37px; line-height: 37px; } .fv-form-foundation .collapse .fv-control-feedback { top: 0; right: 0; } /* Foundation horizontal form */ .fv-form-horizontal.fv-form-foundation .fv-control-feedback { top: 0; } /* Foundation stacked form without label */ .fv-form-foundation .fv-icon-no-label { top: 0; } .fv-form-foundation .error .fv-control-feedback { color: #f04124; } /** Foundation reset the bottom marin to 0 when the row has '.error' class I need to adjust it when using tooltip to show the error */ .fv-form-foundation .error.fv-has-tooltip input, .error.fv-has-tooltip textarea, .error.fv-has-tooltip select { margin-bottom: 1rem; } /* ~~~~~~~~~~~~~~~~~~~~~ */ /* ~~~ For Pure form ~~~ */ /* ~~~~~~~~~~~~~~~~~~~~~ */ .fv-form-pure .fv-control-feedback { top: 22px; /* Height of Pure label */ width: 36px; /* Height of Pure input */ height: 36px; line-height: 36px; } .pure-form-stacked.fv-form-pure .fv-control-feedback { top: 4px; } .pure-form-aligned .pure-control-group .fv-help-block { margin-top: 5px; margin-left: 180px; } .pure-form-aligned.fv-form-pure .fv-control-feedback, .fv-form-pure .fv-icon-no-label { /* Pure stacked form without label */ top: 0; } .fv-form-pure .fv-has-error label, .fv-form-pure .fv-has-error .fv-help-block, .fv-form-pure .fv-has-error .fv-control-feedback { color: #CA3C3C; /* Same as .button-error */ } .fv-form-pure .fv-has-success label, .fv-form-pure .fv-has-success .fv-control-feedback { /*color: #1CB841;*/ /* Same as .button-success */ } /* ~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* ~~~ For Semantic form ~~~ */ /* ~~~~~~~~~~~~~~~~~~~~~~~~~ */ .fv-form-semantic .fv-control-feedback.icon { right: 7px; } .fv-form-semantic .error .icon { color: #d95c5c; } /* Semantic horizontal form */ .fv-form-horizontal.fv-form-semantic .row { padding-bottom: 0; } /* ~~~~~~~~~~~~~~~~~~~~~~ */ /* ~~~ For UIKit form ~~~ */ /* ~~~~~~~~~~~~~~~~~~~~~~ */ .fv-form-uikit .fv-control-feedback { top: 25px; /* Height of UIKit label */ width: 30px; /* Height of UIKit input */ height: 30px; line-height: 30px; } .fv-form-uikit .uk-text-danger { display: block; } /* UIKit horizontal form */ .uk-form-horizontal.fv-form-uikit .fv-control-feedback { /*line-height: normal;*/ top: 0; } .fv-form-uikit .fv-has-error label, .fv-form-uikit .fv-has-error .uk-form-label, .fv-form-uikit .fv-has-error .fv-control-feedback { color: #D85030; /* Same as .uk-form-danger */ } .fv-form-uikit .fv-has-success label, .fv-form-uikit .fv-has-success .uk-form-label, .fv-form-uikit .fv-has-success .fv-control-feedback { /*color: #659F13;*/ /* Same as .uk-form-success */ } /* UIKit stacked form without label */ .fv-form-uikit .fv-icon-no-label { top: 0; } body, button, input, select, textarea { font-family: Roboto, "Open Sans", sans-serif; color: #808080; margin: 0; font-size: 16px; line-height: 25px; font-weight: 300; } body { background: #fff; background-position: top center; } .boxed-layout { padding: 0; margin-left: auto !important; margin-right: auto !important; } .clearfix { clear: both; } h1, h2, h3, h4, h5, h6 { font-family: "Roboto", "Open Sans", sans-serif; color: #fff; font-weight: 300; margin-top: 0; line-height: 100%; text-shadow: 2px 2px 3px black; } h1 { font-size: 36px; margin-bottom: 10px; } h2 { font-size: 26px; margin-bottom: 10px; } h3 { font-size: 16px; margin-bottom: 10px; } h4 { font-size: 16px; margin-bottom: 10px; } h5 { font-size: 14px; margin-bottom: 10px; font-weight: 400; } h6 { font-size: 13px; margin-bottom: 10px; font-weight: 400; } p { font-family: "Roboto", "Open Sans", sans-serif; font-size: 16px; line-height: 25px; font-weight: 300; color: #fff; text-shadow: 2px 2px 3px black; font-weight: 400; } a { text-decoration: none; color: #fff; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } a:hover { color: #fff; text-decoration: underline; } a:focus { outline: none; } button { -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } img { border-radius: 2px; } .content { padding: 10px 0; background: #fff; color: #313131; } .content-2 { padding: 100px 0; background: #414141; color: #ffffff; } .padd { padding: 20px; } .no-padd { padding-left: 0px; padding-right: 0px; } .piksell-color { color: #fff; } .small-text { font-size: 14px; } .weight-100 { font-weight: 100; } .weight-200 { font-weight: 200; } .weight-300 { font-weight: 300; } .weight-400 { font-weight: 400; } .weight-500 { font-weight: 500; } .weight-600 { font-weight: 600; } .weight-700 { font-weight: 700; } .weight-800 { font-weight: 800; } .weight-900 { font-weight: 900; } .color-white { color: white; } .pricing-wrap { padding: 30px 0; z-index: 999; } .pricing-highlight { margin-top: -10px; z-index: 1000; } .pricing-v1 { background: #f7f7f7; } .pricing-v1 .pricing-v1-header { background: #fff; padding: 30px 20px 10px 20px; color: #fff; } .pricing-v1 .pricing-v1-header h4 { color: #fff; font-size: 22px; } .pricing-v1 .pricing-v1-header h5 { color: #fff; letter-spacing: 1px; font-size: 48px; } .pricing-v1 .pricing-v1-header h5 i { font-size: 18px; } .pricing-v1 .pricing-v1-header h5 span { top: -23px; font-size: 16px; position: relative; padding-right: 2px; } .pricing-v1 ul.pricing-v1-content { padding: 0px 25px; margin: 15px 0; text-align: left; } .pricing-v1 ul.pricing-v1-content li { padding: 5px 0; } .pricing-v1-pink .pricing-v1-header { background: #dc2d78; } .pricing-v1-red .pricing-v1-header { background: #ef4a44; } .pricing-v1-purple .pricing-v1-header { background: #8d55a0; } .pricing-v1-orange .pricing-v1-header { background: #ee7933; } .pricing-v1-blue .pricing-v1-header { background: #279fba; } .pricing-v1-green .pricing-v1-header { background: #84bd38; } .pricing-v1-brown .pricing-v1-header { background: #8b4c38; } .pricing-v1-dark .pricing-v1-header { background: #2d323a; } .pricing-v1-grey .pricing-v1-header { background: #a5b3b4; } .pricing-v2 { background: #fff; border: 0px solid #f7f7f7; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04); box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); color: black; } .pricing-v2 .ribbon { background: #ee7933; color: white; width: 102%; margin-left: -1%; text-align: center; text-transform: uppercase; box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); position: relative; } .pricing-v2 .pricing-v2-header { background: #fff; padding: 30px 20px 10px 20px; color: #fff; } .pricing-v2 .pricing-v2-header h4 { color: #fff; font-size: 22px; } .pricing-v2 .pricing-v2-header h5 { color: #fff; letter-spacing: 1px; font-size: 48px; } .pricing-v2 .pricing-v2-header h5 i { font-size: 18px; color: #f1f1f1; } .pricing-v2 .pricing-v2-header h5 span { top: -23px; font-size: 16px; position: relative; padding-right: 2px; } .pricing-v2 .pricing-v2-header h6 { font-size: 0.7em; color: white; } .pricing-v2 ul.pricing-v2-content { margin: 5px 0 0 0; text-align: center; } .pricing-v2 ul.pricing-v2-content li { padding: 5px 25px 10px 25px; border-bottom: 1px solid #f7f7f7; } .pricing-v2 ul.pricing-v2-content li:last-child { border-bottom: 0; } .pricing-v2 ul.pricing-v2-content .fine-print { font-size: 0.7em; font-weight: 400; } .pricing-highlight .pricing-v2 { box-shadow: 0 0 15px rgba(0, 0, 0, 0.4); } .pricing-v2-footer { padding: 30px; background: #f7f7f7; } .pricing-v2-pink .pricing-v2-header { background: #dc2d78; } .pricing-v2-red .pricing-v2-header { background: #ef4a44; } .pricing-v2-purple .pricing-v2-header { background: #8d55a0; } .pricing-v2-orange .pricing-v2-header { background: #ee7933; } .pricing-v2-blue .pricing-v2-header { background: #279fba; } .pricing-v2-green .pricing-v2-header { background: #84bd38; } .pricing-v2-brown .pricing-v2-header { background: #8b4c38; } .pricing-v2-dark .pricing-v2-header { background: #2d323a; } .pricing-v2-grey .pricing-v2-header { background: #a5b3b4; } .no-include { text-decoration: line-through; } ul { padding: 0 0 0 20px; } ul li { margin-bottom: 5px; } ol { padding: 0 0 0 20px; } ol li { margin-bottom: 5px; } .no-bullets { list-style-type: none; padding: 0; } .no-bullets li { margin-bottom: 5px; } ul.inline-block { list-style-type: none; margin: 0; padding: 0; } ul.inline-block li { display: inline-block; *display: block; } ul.list1 { list-style: none; padding-left: 22px; overflow: hidden; } ul.list1 li { position: relative; padding: 4px 0 4px; } ul.list1 li:before { content: ''; display: block; position: absolute; border: 1px solid #fff; left: -19px; top: 13px; width: 9px; height: 9px; border-radius: 100%; } ul.list2 { list-style: none; padding-left: 22px; overflow: hidden; } ul.list2 li { position: relative; padding: 4px 0 4px; } ul.list2 li:before { content: ''; display: block; position: absolute; border: 1px solid #fff; left: -19px; top: 13px; width: 9px; height: 9px; } .check-list ul.list3 li { margin-left: 20px; text-align: left; } .check-list ul.list3 li .fa { margin-left: -24px; } ul.list3 { list-style: none; padding-left: 22px; padding: 0; } ul.list3 li { padding: 4px 0 4px; } ul.list3 li h6 { display: inline; } ul.list3 li p { margin: 0; } ul.list3 li i.fa { color: #fff; font-size: 14px; width: 20px; height: 20px; line-height: 20px; text-align: center; margin-right: 4px; } ul.list4 { list-style: none; padding-left: 22px; padding: 0; } ul.list4 li { padding: 4px 0 4px; } ul.list4 li i.fa { background: #fff; color: #fff; width: 17px; height: 17px; line-height: 20px; text-align: center; margin-right: 8px; font-size: 11px; border-radius: 100%; } ol.list5 { counter-reset: li; list-style: none outside none; padding: 0; overflow: hidden; } ol.list5 li { position: relative; padding: 4px 0 4px 34px; } ol.list5 li:after { content: counter(li,decimal-leading-zero) "."; counter-increment: li; position: absolute; left: 2px; top: 50%; margin-top: -12px; color: #21252b; width: 26px; height: 26px; text-align: center; line-height: 26px; } ol.list6 { overflow: hidden; } ol.list6 li { position: relative; padding: 4px 0 4px; } ul.list-solid li { border-bottom: 1px solid #e3e7e9; padding: 3px 0 10px 0; } ul.list-solid li:last-child { border-bottom: 0px; } ul.list-dotted li { border-bottom: 1px dotted #e3e7e9; padding: 3px 0 10px 0; } ul.list-dotted li:last-child { border-bottom: 0px; } ul.list-dashed li { border-bottom: 1px dashed #e3e7e9; padding: 3px 0 10px 0; } ul.list-dashed li:last-child { border-bottom: 0px; } .pi-btn-default { background: rgba(0, 0, 0, 0.4); color: #f4f6f6; border: 1px solid #fff; } .pi-btn-default:hover { background: #040404; color: #fff; border: 1px solid #fff; } .pi-btn-pink { background: #dc2d78; border: 1px solid #cc286e; color: #f4f6f6; box-shadow: inset 0 1px 0px rgba(255, 255, 255, 0.2); } .pi-btn-pink:hover { background: #cc286e; color: #fff; border: 1px solid #be1f63; } .pi-btn-red { background: #ef4a44; border: 1px solid #d63530; color: #f4f6f6; box-shadow: inset 0 1px 0px rgba(255, 255, 255, 0.2); } .pi-btn-red:hover { background: #d63530; color: #fff; border: 1px solid #c4201b; } .pi-btn-purple { background: #8d55a0; border: 1px solid #814894; color: #f4f6f6; box-shadow: inset 0 1px 0px rgba(255, 255, 255, 0.2); } .pi-btn-purple:hover { background: #814894; color: #fff; border: 1px solid #773b8b; } .pi-btn-orange { background: #ee7933; border: 1px solid #e26a23; color: #f4f6f6; box-shadow: inset 0 1px 0px rgba(255, 255, 255, 0.2); } .pi-btn-orange:hover { background: #e26a23; color: #fff; border: 1px solid #d86019; } .pi-btn-blue { background: #279fba; border: 1px solid #1d93ae; color: #f4f6f6; box-shadow: inset 0 1px 0px rgba(255, 255, 255, 0.2); } .pi-btn-blue:hover { background: #1d93ae; color: #fff; border: 1px solid #1688a2; } .pi-btn-green { background: #84bd38; border: 1px solid #7ab32e; color: #f4f6f6; box-shadow: inset 0 1px 0px rgba(255, 255, 255, 0.2); } .pi-btn-green:hover { background: #7ab32e; color: #fff; border: 1px solid #71aa26; } .pi-btn-brown { background: #8b4c38; border: 1px solid #824430; color: #f4f6f6; box-shadow: inset 0 1px 0px rgba(255, 255, 255, 0.2); } .pi-btn-brown:hover { background: #824430; color: #fff; border: 1px solid #7b3d29; } .pi-btn-dark { background: #2d323a; border: 1px solid #24282e; color: #f4f6f6; box-shadow: inset 0 1px 0px rgba(255, 255, 255, 0.2); } .pi-btn-dark:hover { background: #384147; color: #fff; border: 1px solid #32383f; } .pi-btn-grey { background: #a5b3b4; border: 0; box-shadow: inset 0 1px 0px rgba(255, 255, 255, 0.2); color: white; } .pi-btn-grey:hover { background: #889899; color: #fff; border: 0; } .pi-btn-light-grey { background: #f4f6f6; border: 1px solid #e3e9e9; color: #2d323a; box-shadow: inset 0 1px 0px rgba(255, 255, 255, 0.2); } .pi-btn-light-grey:hover { background: #a5b3b4; color: #fff; border: 1px solid #9eadae; } .btn-border { background: transparent; color: #21252b; } a.btn .fa { width: 25px; } button.btn .fa { width: 25px; } .no-rounded { border-radius: 0px; } .btn-lg { font-size: 16px; } .btn-xlg { padding: 14px 20px; font-size: 16px; line-height: 1.33; } .icon-x2 { font-size: 24px; } .icon-x3 { font-size: 32px; } .icon-x4 { font-size: 40px; } .icon-x5 { font-size: 48px; } .icon-x6 { font-size: 56px; } .social-icon { width: 25px; height: 25px; line-height: 25px; font-size: 14px; text-align: center; color: #fff; } .social-icon-x2 { width: 30px; height: 30px; line-height: 30px; font-size: 14px; text-align: center; color: #fff; margin-bottom: 3px; } .social-icon-x3 { width: 35px; height: 35px; line-height: 35px; font-size: 14px; text-align: center; color: #fff; margin-bottom: 3px; } .social-icon-x4 { width: 40px; height: 40px; line-height: 40px; font-size: 14px; text-align: center; color: #fff; margin-bottom: 3px; } .social-icon-x5 { width: 45px; height: 45px; line-height: 45px; font-size: 14px; text-align: center; color: #fff; margin-bottom: 3px; } .facebook-icon { background: #3b5998; } .facebook-icon-v2 { background: #f4f6f6; color: #21252b; } .facebook-icon-v2:hover { background: #3b5998; color: #fff; } .facebook-icon-v3 { background: transparent; color: #21252b; } .facebook-icon-v3:hover { background: #3b5998; color: #fff; } .twitter-icon { background: #55acee; } .twitter-icon-v2 { background: #f4f6f6; color: #21252b; } .twitter-icon-v2:hover { background: #55acee; color: #fff; } .twitter-icon-v3 { background: transparent; color: #21252b; } .twitter-icon-v3:hover { background: #55acee; color: #fff; } .dribbble-icon { background: #ea4c89; } .dribbble-icon-v2 { background: #f4f6f6; color: #21252b; } .dribbble-icon-v2:hover { background: #ea4c89; color: #fff; } .dribbble-icon-v3 { background: transparent; color: #21252b; } .dribbble-icon-v3:hover { background: #ea4c89; color: #fff; } .linkedin-icon { background: #1b85bd; } .linkedin-icon-v2 { background: #f4f6f6; color: #21252b; } .linkedin-icon-v2:hover { background: #1b85bd; color: #fff; } .linkedin-icon-v3 { background: transparent; color: #21252b; } .linkedin-icon-v3:hover { background: #1b85bd; color: #fff; } .youtube-icon { background: #cc181e; } .youtube-icon-v2 { background: #f4f6f6; color: #21252b; } .youtube-icon-v2:hover { background: #cc181e; color: #fff; } .youtube-icon-v3 { background: transparent; color: #21252b; } .youtube-icon-v3:hover { background: #cc181e; color: #fff; } .behance-icon { background: #2d9ad2; } .behance-icon-v2 { background: #f4f6f6; color: #21252b; } .behance-icon-v2:hover { background: #2d9ad2; color: #fff; } .behance-icon-v3 { background: transparent; color: #21252b; } .behance-icon-v3:hover { background: #2d9ad2; color: #fff; } .google-plus-icon { background: #d44032; } .google-plus-icon-v2 { background: #f4f6f6; color: #21252b; } .google-plus-icon-v2:hover { background: #d44032; color: #fff; } .google-plus-icon-v3 { background: transparent; color: #21252b; } .google-plus-icon-v3:hover { background: #d44032; color: #fff; } .flickr-icon { background: #ff0084; } .flickr-icon-v2 { background: #f4f6f6; color: #21252b; } .flickr-icon-v2:hover { background: #ff0084; color: #fff; } .flickr-icon-v3 { background: transparent; color: #21252b; } .flickr-icon-v3:hover { background: #ff0084; color: #fff; } .skype-icon { background: #01aef2; } .skype-icon-v2 { background: #f4f6f6; color: #21252b; } .skype-icon-v2:hover { background: #01aef2; color: #fff; } .skype-icon-v3 { background: transparent; color: #21252b; } .skype-icon-v3:hover { background: #01aef2; color: #fff; } .tumblr-icon { background: #34465e; } .tumblr-icon-v2 { background: #f4f6f6; color: #21252b; } .tumblr-icon-v2:hover { background: #34465e; color: #fff; } .tumblr-icon-v3 { background: transparent; color: #21252b; } .tumblr-icon-v3:hover { background: #34465e; color: #fff; } .vimeo-icon { background: #0491bc; } .vimeo-icon-v2 { background: #f4f6f6; color: #21252b; } .vimeo-icon-v2:hover { background: #0491bc; color: #fff; } .vimeo-icon-v3 { background: transparent; color: #21252b; } .vimeo-icon-v3:hover { background: #0491bc; color: #fff; } .instagram-icon { background: #f4b97a; } .instagram-icon-v2 { background: #f4f6f6; color: #21252b; } .instagram-icon-v2:hover { background: #f4b97a; color: #fff; } .instagram-icon-v3 { background: transparent; color: #21252b; } .instagram-icon-v3:hover { background: #f4b97a; color: #fff; } .pinterest-icon { background: #cb2027; } .pinterest-icon-v2 { background: #f4f6f6; color: #21252b; } .pinterest-icon-v2:hover { background: #cb2027; color: #fff; } .pinterest-icon-v3 { background: transparent; color: #21252b; } .pinterest-icon-v3:hover { background: #cb2027; color: #fff; } .soundcloud-icon { background: #fe531b; } .soundcloud-icon-v2 { background: #f4f6f6; color: #21252b; } .soundcloud-icon-v2:hover { background: #fe531b; color: #fff; } .soundcloud-icon-v3 { background: transparent; color: #21252b; } .soundcloud-icon-v3:hover { background: #fe531b; color: #fff; } .yahoo-icon { background: #572c73; } .yahoo-icon-v2 { background: #f4f6f6; color: #21252b; } .yahoo-icon-v2:hover { background: #572c73; color: #fff; } .yahoo-icon-v3 { background: transparent; color: #21252b; } .yahoo-icon-v3:hover { background: #572c73; color: #fff; } .dropbox-icon { background: #0089d1; } .dropbox-icon-v2 { background: #f4f6f6; color: #21252b; } .dropbox-icon-v2:hover { background: #0089d1; color: #fff; } .dropbox-icon-v3 { background: transparent; color: #21252b; } .dropbox-icon-v3:hover { background: #0089d1; color: #fff; } .joomla-icon { background: #0266bb; } .joomla-icon-v2 { background: #f4f6f6; color: #21252b; } .joomla-icon-v2:hover { background: #0266bb; color: #fff; } .joomla-icon-v3 { background: transparent; color: #21252b; } .joomla-icon-v3:hover { background: #0266bb; color: #fff; } .wordpress-icon { background: #464646; } .wordpress-icon-v2 { background: #f4f6f6; color: #21252b; } .wordpress-icon-v2:hover { background: #464646; color: #fff; } .wordpress-icon-v3 { background: transparent; color: #21252b; } .wordpress-icon-v3:hover { background: #464646; color: #fff; } .rounded { border-radius: 256px; } .rounded-r { border-radius: 4px; } .rounded-x2 { border-radius: 256px; } .rounded-x3 { border-radius: 12px; } .rounded-x4 { border-radius: 16px; } .circle { border-radius: 100%; } .social-icon-jump { display: inline-block; vertical-align: top; width: 25px; height: 25px; margin: 0 5px -3px 0; overflow: hidden; font-size: 14px; } .social-icon-jump:hover { text-decoration: none; } .social-icon-jump .fa { display: block; width: 100%; height: 100%; text-align: center; line-height: 25px; background: #f4f6f6; color: #21252b; } .social-icon-jump div { -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .social-icon-jump .fa:first-child { margin: -25px 0 0 0; } .social-icon-jump div:hover { margin: 25px 0 0 0; } .social-icon-jump-x2 { display: inline-block; vertical-align: top; width: 30px; height: 30px; margin: 0 5px -3px 0; overflow: hidden; font-size: 14px; } .social-icon-jump-x2:hover { text-decoration: none; } .social-icon-jump-x2 .fa { display: block; width: 100%; height: 100%; text-align: center; line-height: 30px; background: #f4f6f6; color: #21252b; } .social-icon-jump-x2 div { -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .social-icon-jump-x2 .fa:first-child { margin: -30px 0 0 0; } .social-icon-jump-x2 div:hover { margin: 30px 0 0 0; } .social-icon-jump-x3 { display: inline-block; vertical-align: top; width: 35px; height: 35px; margin: 0 5px -3px 0; overflow: hidden; font-size: 14px; } .social-icon-jump-x3:hover { text-decoration: none; } .social-icon-jump-x3 .fa { display: block; width: 100%; height: 100%; text-align: center; line-height: 35px; background: #f4f6f6; color: #21252b; } .social-icon-jump-x3 div { -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .social-icon-jump-x3 .fa:first-child { margin: -35px 0 0 0; } .social-icon-jump-x3 div:hover { margin: 35px 0 0 0; } .social-icon-jump-x4 { display: inline-block; vertical-align: top; width: 40px; height: 40px; margin: 0 5px -3px 0; overflow: hidden; font-size: 14px; } .social-icon-jump-x4:hover { text-decoration: none; } .social-icon-jump-x4 .fa { display: block; width: 100%; height: 100%; text-align: center; line-height: 40px; background: #f4f6f6; color: #21252b; } .social-icon-jump-x4 div { -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .social-icon-jump-x4 .fa:first-child { margin: -40px 0 0 0; } .social-icon-jump-x4 div:hover { margin: 40px 0 0 0; } .social-icon-jump-x5 { display: inline-block; vertical-align: top; width: 45px; height: 45px; margin: 0 5px -3px 0; overflow: hidden; font-size: 14px; } .social-icon-jump-x5:hover { text-decoration: none; } .social-icon-jump-x5 .fa { display: block; width: 100%; height: 100%; text-align: center; line-height: 45px; background: #f4f6f6; color: #21252b; } .social-icon-jump-x5 div { -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .social-icon-jump-x5 .fa:first-child { margin: -45px 0 0 0; } .social-icon-jump-x5 div:hover { margin: 45px 0 0 0; } .social-icon-jump-xN { display: inline-block; vertical-align: top; width: auto; height: 30px; margin: 0 5px -3px 0; overflow: hidden; font-size: 14px; background: #2b3139; color: #fff; padding: 0 8px; } .social-icon-jump-xN:hover { text-decoration: none; } .social-icon-jump-xN .fa { display: inline; width: 100%; height: 100%; text-align: center; line-height: 30px; margin-right: 8px; } .fa.facebook-icon-jump { background: #3b5998; color: #fff; } .fa.twitter-icon-jump { background: #55acee; color: #fff; } .fa.dribbble-icon-jump { background: #ea4c89; color: #fff; } .fa.linkedin-icon-jump { background: #1b85bd; color: #fff; } .fa.youtube-icon-jump { background: #cc181e; color: #fff; } .fa.behance-icon-jump { background: #2d9ad2; color: #fff; } .fa.google-plus-icon-jump { background: #d44032; color: #fff; } .fa.flickr-icon-jump { background: #ff0084; color: #fff; } .fa.skype-icon-jump { background: #01aef2; color: #fff; } .fa.tumblr-icon-jump { background: #34465e; color: #fff; } .fa.vimeo-square-icon-jump { background: #0491bc; color: #fff; } .fa.instagram-icon-jump { background: #f4b97a; color: #fff; } .fa.pinterest-icon-jump { background: #cb2027; color: #fff; } .fa.soundcloud-icon-jump { background: #fe531b; color: #fff; } .fa.yahoo-icon-jump { background: #572c73; color: #fff; } .fa.dropbox-icon-jump { background: #0089d1; color: #fff; } .fa.joomla-icon-jump { background: #0266bb; color: #fff; } .fa.wordpress-icon-jump { background: #464646; color: #fff; } .fa.social-icon-jump-dark { background: #fff; color: #fff; } .fa.podcast-icon-jump { background: #ad4cde; color: #fff; } .fa.rss-icon-jump { background: #f26522; color: #fff; } .section-grey { background: #fafafa; } .section-dark { background: #21252b; color: #fff; } .section-dark h1, .section-dark h2, .section-dark h3, .section-dark h4, .section-dark h5, .section-dark h6 { color: #fff; } .section-dark p { color: #858d91; } .image-100 { width: 100px; padding: 0 15px 0 15px; } .image-150 { width: 150px; padding: 0 15px 0 15px; } .image-250 { width: 250px; } .image-250 { width: 250px; } .image-300 { width: 300px; } .image-350 { width: 350px; } .image-400 { width: 400px; } .image-450 { width: 450px; } .image-500 { width: 500px; } .image-caption { background: #f8fafa; color: #737a81; text-align: left; font-size: 15px; padding: 5px 10px; } .margin-5 { margin: 5px; } .margin-10 { margin: 10px; } .margin-15 { margin: 15px; } .margin-20 { margin: 20px; } .margin-25 { margin: 25px; } .margin-30 { margin: 30px; } .margin-35 { margin: 35px; } .margin-40 { margin: 40px; } .margin-45 { margin: 45px; } .margin-top-5 { margin-top: 5px; } .margin-top-10 { margin-top: 10px; } .margin-top-15 { margin-top: 15px; } .margin-top-20 { margin-top: 20px; } .margin-top-25 { margin-top: 25px; } .margin-top-30 { margin-top: 30px; } .margin-top-35 { margin-top: 35px; } .margin-top-40 { margin-top: 40px; } .margin-top-45 { margin-top: 45px; } .margin-left-5 { margin-left: 5px; } .margin-left-10 { margin-left: 10px; } .margin-left-15 { margin-left: 15px; } .margin-left-20 { margin-left: 20px; } .margin-left-25 { margin-left: 25px; } .margin-left-30 { margin-left: 30px; } .margin-left-35 { margin-left: 35px; } .margin-left-40 { margin-left: 40px; } .margin-left-45 { margin-left: 45px; } .margin-bottom-5 { margin-bottom: 5px; } .margin-bottom-10 { margin-bottom: 10px; } .margin-bottom-15 { margin-bottom: 15px; } .margin-bottom-20 { margin-bottom: 20px; } .margin-bottom-25 { margin-bottom: 25px; } .margin-bottom-30 { margin-bottom: 30px; } .margin-bottom-35 { margin-bottom: 35px; } .margin-bottom-40 { margin-bottom: 40px; } .margin-bottom-45 { margin-bottom: 45px; } .margin-right-5 { margin-right: 5px; } .margin-right-10 { margin-right: 10px; } .margin-right-15 { margin-right: 15px; } .margin-right-20 { margin-right: 20px; } .margin-right-25 { margin-right: 25px; } .margin-right-30 { margin-right: 30px; } .margin-right-35 { margin-right: 35px; } .margin-right-40 { margin-right: 40px; } .margin-right-45 { margin-right: 45px; } .box-shadow { box-shadow: 0px 1px 2px #dcdede; } .single_box { -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; text-align: center; margin: 30px 0 43px; padding: 0px 0 20px; } .single_box img { border-radius: 100%; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .single_box [class^="fa"] { font-size: 40px; } .single_box.style1 { padding: 0 0 30px; margin: 0; } .single_box.style1 [class^="fa"] { font-size: 48px; line-height: 60px; display: inline-block; width: 60px; height: 60px; margin-top: -16px; margin-bottom: 7px; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .single_box.style1:hover [class^="fa"] { color: #21252b; } .single_box.style1 p.introtext { margin-bottom: 0; } .single_box.style2 { background-color: transparent; margin: 0 0 20px; padding: 30px 0 23px; } .single_box.style2 [class^="fa"]:before { font-size: 100px; background: transparent; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; display: block; } .single_box.style2:hover [class^="fa"]:before { color: #fff; } .single_box.style2 h2 { font-size: 50px; margin: 12px 0 0px; } .single_box.style2 h3 { display: inline-block; padding: 0; margin: 12px 0 8px 0; } .single_box.style3 { overflow: hidden; padding: 20px 20px 0; background-color: rgba(0, 0, 0, 0.1); -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .single_box.style3 p.introtext { color: #fff; } .single_box.style3 h3 { color: #fff; } .single_box.style3 [class^="fa"] { color: #fff; font-size: 60px; line-height: 100px; width: 100%; height: 100px; text-align: center; display: block; } .single_box.style6 { padding: 0 0 30px; margin: 0; } .single_box.style6 [class^="fa"] { font-size: 58px; color: #fff; display: inline-block; width: 120px; height: 120px; line-height: 120px; border-radius: 100%; } .single_box.style6 img { width: 68px; height: 68px; margin: 26px; border-radius: 0px; } .single_box.style6 p.introtext { margin-bottom: 0; } .single_box.style6-xl { padding: 0 0 30px; margin: 0; } .single_box.style6-xl [class^="fa"] { font-size: 80px; color: #fff; display: inline-block; width: 160px; height: 160px; line-height: 160px; border-radius: 100%; } .single_box.style6-xl img { width: 68px; height: 68px; margin: 26px; border-radius: 0px; } .single_box.style7 { padding: 0 0 30px; margin: 0; } .single_box.style7 [class^="fa"] { font-size: 42px; color: #fff; display: inline-block; width: 90px; height: 90px; line-height: 90px; border-radius: 100%; } .single_box.style7 p.introtext { margin-bottom: 0; } .single_box.style8 { padding: 0 0 30px; margin: 0; } .single_box.style8.no-padd { padding: 0; margin: 0; } .single_box.style8 [class^="fa"] { font-size: 28px; color: #fff; display: inline-block; width: 60px; height: 60px; line-height: 60px; border-radius: 100%; } .single_box.style8 p.introtext { margin-bottom: 0; } .single_box .box { display: inline-block; overflow: hidden; border-radius: 100%; } .single_box .box.default { background: #fff; } .single_box .box.pink { background: #d13b7b; } .single_box .box.red { background: #ef4a44; } .single_box .box.purple { background: #8d55a0; } .single_box .box.orange { background: #ee7933; } .single_box .box.blue { background: #279fba; } .single_box .box.grey { background: #95a5a6; } .single_box .box.dark { background: #21252b; } .single_box a { font-weight: 500; margin-top: 10px; display: inline-block; } .single_box a:hover { color: white; background: #eee; text-decoration: none; } .single_box h3 { font-size: 24px; margin: 10px 0 14px; text-transform: none; font-weight: 300; } .single_box h3 a { color: inherit; } .single_box h3 a:hover { color: #e16657; } .single_box p.introtext { margin: 10px 0 0; } .default { color: #fff; } .pink { color: #d13b7b; } .red { color: #ef4a44; } .purple { color: #8d55a0; } .orange { color: #ee7933; } .blue { color: #279fba; } .grey { color: #95a5a6; } .dark-color { color: #21252b; } .single_box_right { margin: 10px 10px 23px 60px; padding: 0px 20px 0; } .single_box_right ul li [class^="fa"] { position: relative; font-size: 15px; display: inline-block; color: #808080; } .single_box_right h3 { margin: 0 0 10px; font-size: 22px; } .single_box_right h3 a { color: #e16657; } .single_box_right h3 a:hover { color: #e16657; } .left_icons { position: relative; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .left_icons:hover [class^="fa"] { color: #21252b; } .left_icons [class^="fa"] { display: block; font-size: 40px; margin: -13px 0px 0; position: absolute; top: 0; left: 0; width: 70px; height: 70px; line-height: 70px; text-align: center; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .style2 .single_box_right { margin: 10px 10px 10px 110px; padding: 0px; } .left_icons.style2 [class^="fa"] { text-align: center; background-color: #fff; color: #e16657; font-size: 50px; width: 90px; line-height: 84px; height: 90px; padding: 0; top: 0; margin-top: 0; border: 4px solid transparent; color: #fff; } .left_icons.style2:hover [class^="fa"] { background-color: #21252b; } .single_box.box-light-blue { background: #fff; } .single_box.box-pink { background: #d13b7b; } .single_box.box-red { background: #ef4a44; } .single_box.box-purple { background: #8d55a0; } .single_box.box-orange { background: #ee7933; } .single_box.box-blue { background: #279fba; } .single_box.box-green { background: #27BA6A; } .single_box.box-grey { background: #95a5a6; } .single_box.box-dark { background: #21252b; } .section-parallax .left_icons:hover [class^="fa"] { color: #fff; } .facts.style1 { text-align: center; color: #21252b; } .facts.style1 [class^="fa"] { font-size: 60px; } .facts.style1 h3 { color: #21252b; margin: 10px 0; } .facts.style1 h5 { color: #21252b; } .facts.style1.white { color: #fff; } .facts.style1.white h3 { color: #fff; } .facts.style1.white h5 { color: #fff; } .facts.style2 { text-align: center; color: #fff; } .facts.style2 [class^="fa"] { font-size: 60px; } .facts.style2 h3 { color: #21252b; margin: 10px 0; } .facts.style2 h5 { color: #21252b; } .facts.style2.white h3 { color: #fff; } .facts.style2.white h5 { color: #fff; } .facts.style3 { text-align: center; color: #fff; } .facts.style3 [class^="fa"] { font-size: 60px; border: 1px solid #fff; width: 100px; height: 100px; line-height: 100px; } .facts.style3 h3 { color: #21252b; margin: 10px 0; } .facts.style3 h5 { color: #21252b; } .facts.style3.white h3 { color: #fff; } .facts.style3.white h5 { color: #fff; } .facts.style4 { text-align: center; color: #fff; } .facts.style4 [class^="fa"] { font-size: 60px; background: #fff; width: 100px; height: 100px; line-height: 100px; } .facts.style4 h3 { color: #21252b; margin: 10px 0; } .facts.style4 h5 { color: #21252b; } .facts.style4.white h3 { color: #fff; } .facts.style4.white h5 { color: #fff; } section { position: relative; } .parallax-content { position: relative; color: #fff; } .parallax-content h1, .parallax-content h2, .parallax-content h3, .parallax-content h4, .parallax-content h5, .parallax-content h6, .parallax-content p { color: #fff; } .section-parallax { background-repeat: repeat; background-attachment: fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .lead { font-weight: 300; } em { font-size: 1.4em; line-height: 1.2em; margin-bottom: 20px; display: inline-block; } .dropcap { font-size: 48px; line-height: 100%; font-weight: 500; float: left; margin: 0 15px 0px 0; } .dropcap-bg { font-size: 38px; font-weight: 500; float: left; margin: 8px 10px 7px 0; background: #fff; color: #fff; width: 60px; height: 60px; line-height: 60px; text-align: center; } .line { width: 50px; height: 1px; background: #fff; margin: 0px auto 70px auto; text-align: center; } .line-left { width: 50px; height: 1px; margin: 10px 0 25px 2px; background: #fff; } .line-center { width: 50px; height: 1px; margin: 10px auto 25px auto; background: #fff; } .heading { position: relative; overflow: hidden; padding: 5px 0; margin: 0; } .heading-v1 span { display: inline-block; position: relative; } .heading-v1 span:before, .heading-v1 span:after { content: ""; position: absolute; height: 7px; border-bottom: 1px dotted #e3e9e9; border-top: 1px dotted #e3e9e9; top: 40%; width: 1200px; } .heading-v1 span:before { right: 100%; margin-right: 15px; } .heading-v1 span:after { left: 100%; margin-left: 15px; } .heading-v2 span { display: inline-block; position: relative; } .heading-v2 span:before, .heading-v2 span:after { content: ""; position: absolute; height: 7px; border-bottom: 1px dashed #e3e9e9; border-top: 1px dashed #e3e9e9; top: 40%; width: 1200px; } .heading-v2 span:before { right: 100%; margin-right: 15px; } .heading-v2 span:after { left: 100%; margin-left: 15px; } .heading-v3 span { display: inline-block; position: relative; } .heading-v3 span:before, .heading-v3 span:after { content: ""; position: absolute; height: 12px; background: url(../img/header-bg.PNG) repeat; top: 35%; width: 1200px; opacity: 0.3; } .heading-v3 span:before { right: 100%; margin-right: 15px; } .heading-v3 span:after { left: 100%; margin-left: 15px; } .text-higlights { background: #fff; padding: 0 7px 2px 7px; color: #fff; } .text-higlights-pink { background: #dc2d78; } .text-higlights-red { background: #ef4a44; } .text-higlights-purple { background: #8d55a0; } .text-higlights-orange { background: #ee7933; } .text-higlights-blue { background: #279fba; } .text-higlights-dark { background: #2d323a; } .text-higlights-grey { background: #a5b3b4; } .text-higlights-light-grey { background: #f4f6f6; color: #2d323a; } .text-center img { margin: auto; } .icons { width: 25px; height: 25px; line-height: 25px; font-size: 13px; text-align: center; } .icons-default { background: #fff; color: #fff; } .icons-pink { background: #dc2d78; color: #fff; } .icons-red { background: #ef4a44; color: #fff; } .icons-purple { background: #8d55a0; color: #fff; } .icons-orange { background: #ee7933; color: #fff; } .icons-blue { background: #279fba; color: #fff; } .icons-dark { background: #2d323a; color: #fff; } .icons-grey { background: #a5b3b4; color: #fff; } .icons-light-grey { background: #f4f6f6; color: #2d323a; } a.dark-link { color: #2d323a; } a.dark-link:hover { color: #fff; } .letter-spacing { letter-spacing: 1px; } .letter-spacing-3 { letter-spacing: 3px; } hr.divider { border-top: 1px solid #a5b3b4; } hr.divider-big { margin: 40px 0; } hr.divider-bigger { margin: 60px 0; } hr.divider-dotted { border-top: 1px dotted #a5b3b4; } hr.divider-dashed { border-top: 1px dashed #a5b3b4; } hr.divider-double-dotted { height: 5px; border-top: 1px dotted #a5b3b4; border-bottom: 1px dotted #a5b3b4; } hr.divider-double-dashed { height: 5px; border-top: 1px dashed #a5b3b4; border-bottom: 1px dashed #a5b3b4; } hr.divider-piksell { height: 12px; background: url(../img/header-bg.PNG) repeat; border: 0px; } /*CLIENTS*/ .clients-style1 { overflow: hidden; margin-bottom: 20px; } .clients-style1 .client { cursor: pointer; display: inline-block; padding: 0 10px; float: left; width: 18%; background: #f6f9f9; border: 1px solid #e5eaea; margin: 1%; opacity: 0.8; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .clients-style1 .client:hover { opacity: 1; } .clients-style1 .client img { width: 100%; } .clients-style2 { overflow: hidden; margin-bottom: 20px; } .clients-style2 .client { cursor: pointer; display: inline-block; padding: 0 10px; float: left; width: 18%; background: #fff; border: 1px solid #e5eaea; margin: 1%; opacity: 0.8; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .clients-style2 .client:hover { opacity: 1; } .clients-style2 .client img { width: 100%; } .clients-style3 { overflow: hidden; margin-bottom: 20px; } .clients-style3 .client { cursor: pointer; display: inline-block; padding: 0 10px; float: left; width: 18%; margin: 1%; opacity: 0.8; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .clients-style3 .client:hover { opacity: 1; } .clients-style3 .client img { width: 100%; } @media (min-width: 768px) and (max-width: 992px) { .clients-style1 .client { width: 23%; } .clients-style2 .client { width: 23%; } .clients-style3 .client { width: 23%; } } @media (min-width: 480px) and (max-width: 768px) { .clients-style1 .client { width: 31.3%; } .clients-style2 .client { width: 31.3%; } .clients-style3 .client { width: 31.3%; } } @media (max-width: 480px) { .clients-style1 .client { width: 48%; } .clients-style2 .client { width: 48%; } .clients-style3 .client { width: 48%; } } .top-description-text { text-align: center; font-size: 30px; line-height: 40px; margin: 30px 0 70px 0; } .boxes { width: 100%; background: #fff; border: 1px solid #dde1e1; padding: 30px 30px 15px 30px; } .boxes p { margin-bottom: 20px; } .boxes-grey { background: #f8fafa; } .boxes-border-top { border-top: 3px solid #fff; } .boxes-border-left { border-left: 3px solid #fff; } .boxes.border-dotted { border: 1px dotted #dde1e1; } .boxes.border-dotted-2 { border: 2px dotted #dde1e1; } .boxes.border-dotted-3 { border: 3px dotted #dde1e1; } .boxes.border-dashed { border: 1px dashed #dde1e1; } .boxes.border-dashed-2 { border: 2px dashed #dde1e1; } .boxes.border-dashed-3 { border: 3px dashed #dde1e1; } .effect1 { -webkit-box-shadow: 0 6px 6px -6px #dde1e1; -moz-box-shadow: 0 6px 6px -6px #dde1e1; box-shadow: 0 6px 6px -6px #dde1e1; } .effect2 { position: relative; } .effect2:before, .effect2:after { z-index: -1; position: absolute; content: ""; bottom: 15px; left: 10px; width: 50%; top: 80%; max-width: 300px; background: #777; -webkit-box-shadow: 0 15px 10px #dde1e1; -moz-box-shadow: 0 15px 10px #dde1e1; box-shadow: 0 15px 10px #dde1e1; -webkit-transform: rotate(-3deg); -moz-transform: rotate(-3deg); -o-transform: rotate(-3deg); -ms-transform: rotate(-3deg); transform: rotate(-3deg); } .effect2:after { -webkit-transform: rotate(3deg); -moz-transform: rotate(3deg); -o-transform: rotate(3deg); -ms-transform: rotate(3deg); transform: rotate(3deg); right: 10px; left: auto; } .effect3 { position: relative; } .effect3:before { z-index: -1; position: absolute; content: ""; bottom: 15px; left: 10px; width: 50%; top: 80%; max-width: 300px; background: #777; -webkit-box-shadow: 0 15px 10px #dde1e1; -moz-box-shadow: 0 15px 10px #dde1e1; box-shadow: 0 15px 10px #dde1e1; -webkit-transform: rotate(-3deg); -moz-transform: rotate(-3deg); -o-transform: rotate(-3deg); -ms-transform: rotate(-3deg); transform: rotate(-3deg); } .effect4 { position: relative; } .effect4:after { z-index: -1; position: absolute; content: ""; bottom: 15px; right: 10px; left: auto; width: 50%; top: 80%; max-width: 300px; background: #777; -webkit-box-shadow: 0 15px 10px #dde1e1; -moz-box-shadow: 0 15px 10px #dde1e1; box-shadow: 0 15px 10px #dde1e1; -webkit-transform: rotate(3deg); -moz-transform: rotate(3deg); -o-transform: rotate(3deg); -ms-transform: rotate(3deg); transform: rotate(3deg); } .team-one-column { padding: 30px 0; border-bottom: 1px solid #f1f1f1; } .team-one-column:last-child { border-bottom: 0px; } .team-one-column .team-content i { margin-bottom: 7px; display: inline-block; font-size: 14px; } .team-one-column .team-content ul.social { margin: 10px 0; } .team-one-column .team-content .team-image { width: 200px; float: left; margin-right: 20px; } .team.style1 { padding: 0 20px; } .team.style1 img { width: 100%; } .team.style1 .half { z-index: 9999; } .team.style1 h6 { margin: 20px 0 0 0; } .team.style1 p { margin: 10px 0; } .team.style1 ul.social li { margin-right: 5px; } .team.style2 { text-align: center; } .team.style2 .team-header img { width: 100%; } .team.style2 .team-header ul.social { position: absolute; top: 50%; left: 0; display: none; width: 100%; z-index: 999; } .team.style2 .team-header ul.social li { margin-right: 5px; } .team.style2 .team-date { border: 1px solid #f4f6f6; padding: 3px 10px 10px 10px; } .team.style2 .team-date h6 { margin: 20px 0 0 0; } .team.style2 .team-date p { margin: 10px 0; } .team-header { position: relative; } .team-header .team-layer { background: #21252b; position: absolute; top: 0; left: 0; bottom: 0; right: 0; opacity: 0.6; display: none; z-index: 99; } .team ul.half { text-align: center; position: absolute; top: 50%; left: 0; width: 100%; display: none; } .team ul.half li { background: #fff; width: 60px; height: 60px; line-height: 60px; border-radius: 100%; text-align: center; font-size: 32px; } .errors { text-align: center; margin: 30px 0; padding: 30px 0; } .error404 { font-size: 200px; line-height: 200px; } .error500 { font-size: 200px; line-height: 200px; } @media (max-width: 480px) { .error404 { font-size: 120px; line-height: 120px; } .error500 { font-size: 120px; line-height: 120px; } } .owl-theme .owl-controls { margin-top: 10px; text-align: center; } .owl-theme .owl-controls .owl-buttons div { color: #fff; display: inline-block; zoom: 1; margin: 5px; padding: 15px 13px; border-radius: 4px; font-size: 14px; background: #21252b; filter: Alpha(Opacity=70); opacity: 0.7; } .owl-theme .owl-controls.clickable .owl-buttons div:hover { filter: Alpha(Opacity=100); /*IE7 fix*/ opacity: 1; text-decoration: none; } .owl-theme .owl-controls .owl-page { display: inline-block; zoom: 1; *display: inline; /*IE7 life-saver */ } .owl-theme .owl-controls .owl-page span { display: block; width: 13px; height: 13px; margin: 5px 5px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background: #21252b; filter: Alpha(Opacity=70); opacity: 0.7; } .owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span { filter: Alpha(Opacity=100); /*IE7 fix*/ opacity: 1; } .owl-theme .owl-controls .owl-page span.owl-numbers { height: auto; width: auto; color: #FFF; padding: 2px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } .owl-item.loading { min-height: 150px; background: url(AjaxLoader.gif) no-repeat center center; } .owl-controls .owl-pagination { padding-top: 30px; } .owl-item-6 .item { margin: 0 5px 0 5px; } .owl-item-6 .item img { max-width: 100%; } .owl-item-5 .item { margin: 0 5px 0 5px; } .owl-item-5 .item img { max-width: 100%; } .owl-item-4 .item { margin: 0 5px 0 5px; } .owl-item-4 .item img { max-width: 100%; } .owl-item-3 .item { margin: 0 5px 0 5px; } .owl-item-3 .item img { max-width: 100%; } .owl-item-2 .item { margin: 0 5px 0 5px; } .owl-item-2 .item img { max-width: 100%; } .owl-item-1 .item img { width: 100%; } .owl-item-1-text .item img { width: 100%; } .owl-item-1-text .item .description { color: #fff; position: absolute; bottom: 0; width: 100%; text-align: center; padding: 10px 30px 10px 30px; } .owl-item-1-text .item .description p { color: #fff; font-size: 16px; position: relative; line-height: 16px; padding-bottom: 0; margin-bottom: 0; } .owl-item-1-text .owl-controls .owl-buttons div.owl-prev { position: absolute; top: 50%; left: 10px; } .owl-item-1-text .owl-controls .owl-buttons div.owl-next { position: absolute; top: 50%; right: 10px; } .owl-item-1 .owl-controls .owl-pagination { position: absolute; bottom: 0px; text-align: center; width: 100%; padding: 10px 0; } .owl-item-1 .owl-controls .owl-buttons div.owl-prev { position: absolute; top: 50%; left: 10px; } .owl-item-1 .owl-controls .owl-buttons div.owl-next { position: absolute; top: 50%; right: 10px; } .owl-carousel.slider { height: auto; position: relative; background-color: #4d5055; width: 100%; } .owl-carousel.slider .item { color: #414141; text-align: center; width: 100%; background-size: cover; background-position: top center; } .owl-carousel.slider .item:before { content: ''; float: left; padding-bottom: 33.33333%; } .owl-carousel.slider .item:after { content: ''; display: table; clear: both; } .owl-carousel.slider .item .item-content { position: absolute; top: 30%; z-index: 9; width: 100%; } .owl-carousel.slider .item .item-content h2 { font-size: 36px; color: white; text-shadow: 3px 3px 5px black; } .owl-carousel.slider .item .item-content h3 { font-size: 28px; color: white; text-shadow: 0 4px 10px black; } .owl-carousel.slider .item .item-content p { color: #fff; font-size: 17px; width: 80%; margin: auto; text-shadow: 2px 2px 3px black; } .owl-carousel.slider .item .play-icon { position: absolute; top: 30%; font-size: 10em; color: rgba(255, 255, 255, 0.8); display: block; width: 100%; } @media (max-width: 767px) { .owl-carousel.slider .item .play-icon { font-size: 5em; } .owl-carousel.slider .item .item-content h2 { font-size: 18px; color: white; } .owl-carousel.slider .item .item-content p { font-size: 11px; line-height: normal; } .owl-carousel.slider .item .item-content button { display: none; } } .owl-carousel.slider .owl-controls .owl-buttons div { color: #414141; display: inline-block; zoom: 1; margin: 5px; padding: 15px 13px; border-radius: 4px; font-size: 14px; background: #fff; filter: Alpha(Opacity=30); opacity: 0.3; } .owl-carousel.slider .owl-controls .owl-buttons div.owl-prev { position: absolute; top: 50%; left: 10px; } .owl-carousel.slider .owl-controls .owl-buttons div.owl-next { position: absolute; top: 50%; right: 10px; } .owl-carousel.slider .owl-controls .owl-pagination { padding: 10px 0 5px 0; margin: 0; position: absolute; bottom: 15px; left: 0; width: 100%; } .owl-carousel.slider .owl-controls .owl-pagination .owl-page span { background: white; } .owl-item-quote { padding: 10px 50px; text-align: center; } .owl-carousel.owl-item-quote .owl-controls .owl-pagination .owl-page span { background: white; } .owl-carousel .layer { background: rgba(0, 0, 0, 0.3); } .owl-testimonial-default { padding: 0px; } .owl-testimonial-default .item { margin: 0 5px 0 5px; } .owl-testimonial-default .owl-controls .owl-pagination { padding-top: 10px; display: inline-block; position: absolute; bottom: 28px; right: 5px; } .owl-testimonial-default .owl-controls .owl-page span { display: block; width: 13px; height: 13px; margin: 5px 5px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background: #fff; filter: Alpha(Opacity=50); opacity: 0.5; } .owl-testimonial-default .owl-controls .owl-buttons div { color: #fff; display: inline-block; zoom: 1; margin: 5px; padding: 0; width: 27px; height: 27px; line-height: 28px; font-size: 12px; background: #538d24; filter: Alpha(Opacity=100); opacity: 1; } .owl-testimonial-default .owl-controls .owl-buttons div:hover { background: #538d24; filter: Alpha(Opacity=70); opacity: 0.7; } .owl-testimonial-default .owl-controls .owl-buttons div.owl-prev { position: absolute; bottom: 35px; right: 30px; } .owl-testimonial-default .owl-controls .owl-buttons div.owl-next { position: absolute; bottom: 35px; right: 0px; } .nav-rounded .owl-controls .owl-buttons div { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .nav-circle .owl-controls .owl-buttons div { -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; } .testimonial { border: 0; margin: 0; position: relative; font-family: Georgia, serif; color: #fff; background: #538d24; } .testimonial p { color: #fff; font-weight: 500; padding: 0; margin: 5px 25px; } .testimonial:before, .testimonial:after { content: "\201C"; position: absolute; font-size: 70px; line-height: 1; color: #fff; } .testimonial:before { top: 0; left: 10px; } .testimonial:after { content: "\201D"; right: 10px; bottom: -0.5em; } .arrow-down { width: 0; height: 0; border-left: 16px solid transparent; border-right: 16px solid transparent; border-top: 20px solid #538d24; margin: 0 0 0 25px; } .testimonial-info { margin: 10px 0 0 10px; font-weight: 500; } .testimonial-info img { width: 60px; padding: 3px; border: 1px solid #e3e7e9; } .testimonial-author { display: inline-block; margin-left: 10px; } .testimonial-author h6 { margin-bottom: 5px; } .testimonial-grey .testimonial { background: #eef2f2; } .testimonial-grey .testimonial p { color: #838383; } .testimonial-grey .testimonial:before, .testimonial-grey blockquote.testimonial:after { color: #838383; } .testimonial-grey .arrow-down { border-top: 20px solid #eef2f2; } .owl-testimonial-default.testimonial-grey .owl-controls .owl-buttons div { color: #838383; background: #eef2f2; } .owl-testimonial-default.testimonial-grey .owl-controls .owl-buttons div:hover { color: #eef2f2; background: #21252b; } .testimonial-dark .testimonial { background: #21252b; } .testimonial-dark .testimonial p { color: #fff; } .testimonial-dark .testimonial:before, .testimonial-dark blockquote.testimonial:after { color: #fff; } .testimonial-dark .arrow-down { border-top: 20px solid #21252b; } .owl-testimonial-default.testimonial-dark .owl-controls .owl-buttons div { color: #fff; background: #21252b; } .owl-testimonial-default.testimonial-dark .owl-controls .owl-buttons div:hover { color: #fff; background: #fff; } #toTop { z-index: 9999; display: none; text-decoration: none; position: fixed; bottom: 10px; right: 10px; overflow: hidden; width: 51px; height: 51px; border: none; text-indent: 100%; background: url(../img/ui.totop-default.png) no-repeat left top; } #toTopHover { background: url(../img/ui.totop-default.png) no-repeat left -51px; width: 51px; height: 51px; display: block; overflow: hidden; float: left; opacity: 0; -moz-opacity: 0; filter: alpha(opacity=0); } #toTop:active, #toTop:focus { outline: none; } .alert h4 { font-size: 18px; margin-left: 5px; } .alert h4 i.fa { margin-right: 10px; } .alert p { margin: 10px 5px 15px 5px; } .alert button { margin-left: 5px; } .alert-success { color: #168949; background-color: #daedd0; border-color: #c7e4b8; } .alert-success hr { border-top-color: #c9e2b3; } .alert-success .alert-link { color: #168949; } .alert-info { color: #32729e; background-color: #ecf6ff; border-color: #daecff; } .alert-info hr { border-top-color: #a6e1ec; } .alert-info .alert-link { color: #32729e; } .alert-warning { color: #96642e; background-color: #fff0c6; border-color: #f6e197; } .alert-warning hr { border-top-color: #f7e1b5; } .alert-warning .alert-link { color: #96642e; } .alert-danger { color: #c9220a; background-color: #fde9e6; border-color: #fedbd4; } .alert-danger hr { border-top-color: #e4b9c0; } .alert-danger .alert-link { color: #c9220a; } .thumbnail.style1 { background: #f7f7f7; border-radius: 0; border: 0px; } .thumbnail.style1:hover { background: #fff; } .thumbnail.style1:hover p { color: #fff; } .thumbnail.style1:hover a { color: #fff; } .thumbnail.style2 { background: #fff; border-radius: 0; border: 0px; } .thumbnail.style2 p { color: #fff; } .thumbnail.style2 a { color: #fff; } .panel-heading { border-radius: 0; } .panel-heading .panel-title { font-size: 18px; } .panel-body h4 { font-size: 22px; color: #808080; margin: 10px 0; } .panel-aqua { border-color: #fff; } .panel-aqua .panel-heading { background: #fff; color: #fff; border-color: #fff; } .panel { border-radius: 0; } .panel.panel-pink { border-color: #cc286e; } .panel.panel-pink .panel-heading { background: #dc2d78; color: #fff; border-color: #cc286e; } .panel.panel-red { border-color: #d63530; } .panel.panel-red .panel-heading { background: #ef4a44; color: #fff; border-color: #d63530; } .panel.panel-purple { border-color: #814894; } .panel.panel-purple .panel-heading { background: #8d55a0; color: #fff; border-color: #814894; } .panel.panel-orange { border-color: #e26a23; } .panel.panel-orange .panel-heading { background: #ee7933; color: #fff; border-color: #e26a23; } .panel.panel-blue { border-color: #1d93ae; } .panel.panel-blue .panel-heading { background: #279fba; color: #fff; border-color: #1d93ae; } .panel.panel-green { border-color: #7bb42f; } .panel.panel-green .panel-heading { background: #84bd38; color: #fff; border-color: #7bb42f; } .panel.panel-brown { border-color: #854531; } .panel.panel-brown .panel-heading { background: #8b4c38; color: #fff; border-color: #854531; } .panel.panel-dark { border-color: #24282e; } .panel.panel-dark .panel-heading { background: #2d323a; color: #fff; border-color: #24282e; } .panel.panel-grey { border-color: #9eadae; } .panel.panel-grey .panel-heading { background: #a5b3b4; color: #fff; border-color: #9eadae; } .panel-success { border-color: #c7e4b8; } .panel-success .panel-heading { background: #daedd0; color: #168949; border-color: #c7e4b8; } .panel-info { border-color: #daecff; } .panel-info .panel-heading { background: #ecf6ff; color: #32729e; border-color: #daecff; } .panel-warning { border-color: #f6e197; } .panel-warning .panel-heading { background: #fff0c6; color: #96642e; border-color: #f6e197; } .panel-danger { border-color: #fedbd4; } .panel-danger .panel-heading { background: #fde9e6; color: #d2220a; border-color: #fedbd4; } .table { color: #586266; } .table > thead > tr, .table > thead > th, .table > thead > td, .table > tbody > tr, .table > tbody > th, .table > tbody > td, .table > tfoot > tr, .table > tfoot > th, .table > tfoot > td { border-top: 1px solid #e5eaea; } .table > thead > tr > td.active, .table > thead > tr > th.active, .table > tbody > tr > td.active, .table > tbody > tr > th.active, .table > tfoot > tr > td.active, .table > tfoot > tr > th.active { background-color: #f8fafa; } .table > thead > tr > td.success, .table > thead > tr > th.success, .table > tbody > tr > td.success, .table > tbody > tr > th.success, .table > tfoot > tr > td.success, .table > tfoot > tr > th.success { background-color: #daedd0; } .table > thead > tr > td.warning, .table > thead > tr > th.warning, .table > tbody > tr > td.warning, .table > tbody > tr > th.warning, .table > tfoot > tr > td.warning, .table > tfoot > tr > th.warning { background-color: #fff0c6; } .table > thead > tr > td.danger, .table > thead > tr > th.danger, .table > tbody > tr > td.danger, .table > tbody > tr > th.danger, .table > tfoot > tr > td.danger, .table > tfoot > tr > th.danger { background-color: #fedbd4; } .table > thead > tr > td.info, .table > thead > tr > th.info, .table > tbody > tr > td.info, .table > tbody > tr > th.info, .table > tfoot > tr > td.info, .table > tfoot > tr > th.info { background-color: #daecff; } .table > thead > tr.active > td, .table > thead > tr.active > th, .table > tbody > tr.active > td, .table > tbody > tr.active > th, .table > tfoot > tr.active > td, .table > tfoot > tr.active > th { background-color: #f8fafa; } .table > thead > tr.success > td, .table > thead > tr.success > th, .table > tbody > tr.success > td, .table > tbody > tr.success > th, .table > tfoot > tr.success > td, .table > tfoot > tr.success > th { background-color: #daedd0; } .table > thead > tr.warning > td, .table > thead > tr.warning > th, .table > tbody > tr.warning > td, .table > tbody > tr.warning > th, .table > tfoot > tr.warning > td, .table > tfoot > tr.warning > th { background-color: #fff0c6; } .table > thead > tr.danger > td, .table > thead > tr.danger > th, .table > tbody > tr.danger > td, .table > tbody > tr.danger > th, .table > tfoot > tr.danger > td, .table > tfoot > tr.danger > th { background-color: #fedbd4; } .table > thead > tr.info > td, .table > thead > tr.info > th, .table > tbody > tr.info > td, .table > tbody > tr.info > th, .table > tfoot > tr.info > td, .table > tfoot > tr.info > th { background-color: #daecff; } .table > thead > tr > th { border-bottom: 2px solid #586266; } .table-bordered thead { background: #f8fafa; } .table-bordered th, .table-bordered td { border: 1px solid #e5eaea !important; } .table-hover > tbody > tr:hover > td, .table-hover > tbody > tr:hover > th { background-color: #f8fafa; } .table-striped > tbody > tr:nth-child(odd) > td, .table-striped > tbody > tr:nth-child(odd) > th { background-color: #f8fafa; } @-moz-document url-prefix() { fieldset { display: table-cell; } } .form-group { margin-bottom: 20px; } .input-group { margin-bottom: 20px; } .input-group-addon { background: #e7e9e9; border: 1px solid #e7e9e9; } .input-group-addon .fa { width: 20px; } input[type="checkbox"] { margin: 7px 10px 0 0; } label { font-size: 14px; font-weight: 300; } textarea, textarea.form-control, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], select, select.form-control, .uneditable-input { border: 1px solid #e7e9e9; outline: none; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; } textarea:focus, textarea.form-control:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, select:focus, select.form-control:focus, .uneditable-input:focus { border: 1px solid #d6d7d7; outline: 0 none; } .form-control-feedback { margin-top: 6px; } .has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline { color: #c9220a; } .has-success .form-control { border-color: #168949; } .has-warning .form-control { border-color: #96642e; } .has-error .form-control { border-color: #c9220a; } .has-success .form-control-feedback { color: #168949; } .has-warning .form-control-feedback { color: #96642e; } .has-error .form-control-feedback { color: #c9220a; } blockquote { border-color: #e3e9e9; border-width: 2px; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } blockquote h5 { font-weight: 100; } blockquote h6 { font-weight: 100; } blockquote p { font-style: italic; } blockquote cite { font-size: 14px; color: #a4a4a4; font-style: italic; } blockquote cite:before { content: '\2014 \00A0'; } blockquote.border-right { border-left: 0; border-right: 2px solid #fff; } blockquote.border-left { border-left: 2px solid #fff; } blockquote.border-left-hover { border-color: #e3e9e9; } blockquote.border-left-hover:hover { border-color: #fff; } blockquote.border-right-hover { border-left: 0; border-right: 2px solid #e3e9e9; } blockquote.border-right-hover:hover { border-color: #fff; } blockquote.no-border { border: 0; } blockquote.quote-bg-grey { border-color: #fff; background: #f4f6f6; } blockquote.quote-bg-dark { background: #2d323a; color: #fff; } blockquote.quote-bg-dark p { color: #f4f6f6; } blockquote.quote-bg-dark h5 { color: #f4f6f6; } blockquote.quote-bg-dark h6 { color: #f4f6f6; } blockquote.quote-bg-dark cite { color: #f4f6f6; } blockquote.quote-bg-color { background: #fff; } blockquote.quote-bg-color p { color: #f4f6f6; } blockquote.quote-bg-color h5 { color: #f4f6f6; } blockquote.quote-bg-color h6 { color: #f4f6f6; } blockquote.quote-bg-color cite { color: #f4f6f6; } .progress { -webkit-box-shadow: inset 0 0px 0px transparent; box-shadow: inset 0 0px 0px transparent; border-radius: 4px; background: #e7e9e9; } .progress.progress-style1 { border-radius: 0px; } .progress.progress-style1 .progress-bar { border-radius: 0px; } .progress.progress-style2 { height: 30px; line-height: 30px; } .progress.progress-style2 .progress-bar { height: 30px; line-height: 30px; } .progress.progress-style3 { height: 30px; line-height: 30px; border-radius: 0px; } .progress.progress-style3 .progress-bar { height: 30px; line-height: 30px; border-radius: 0px; } .progress-bar { background: red; font-size: 14px; color: #fff; -webkit-box-shadow: inset 0 0px 0 transparent; box-shadow: inset 0 0px 0 transparent; border-radius: 4px; } .skills-name { margin-left: 7px; } .skills-percentage { margin-right: 7px; } .breadcrumbs { position: relative; overflow: hidden; } .breadcrumbs h3 { color: #666; margin-top: 18.5px; font-size: 24px; font-weight: 100; padding-left: 15px; } .breadcrumbs h1, .breadcrumbs h2 { line-height: 66px; margin: 0; } .breadcrumbs.style1 { background: #fff; border: 0; } .breadcrumbs.style1 h3 { color: #fff; } .breadcrumbs.style1 ul.breadcrumb li a { color: #fff; } .breadcrumbs.style1 li + li:before { color: #fff; } .breadcrumbs.style1 ul.breadcrumb li a:hover { color: #21252b; text-decoration: none; } .breadcrumbs.section-parallax { border: 0px; } .breadcrumbs.section-parallax h3 { color: #fff; } .breadcrumbs.section-parallax ul.breadcrumb li a { color: #fff; } .breadcrumbs.section-parallax li + li:before { color: #fff; } .breadcrumbs.section-parallax ul.breadcrumb li.active { color: #fff; } .breadcrumbs.section-parallax ul.breadcrumb li a:hover { color: #fff; text-decoration: none; } .breadcrumb { top: 13px; background: none; position: relative; } .breadcrumb li.active, .breadcrumb li a:hover { color: #21252b; text-decoration: none; } ul.breadcrumb { padding-right: 15px; } @media (max-width: 480px) { .breadcrumbs h3 { width: 100%; text-align: center; } .breadcrumb { width: 100%; text-align: center; } } .panel-title { font-size: 20px; text-transform: none; font-weight: 400; padding: 0; position: relative; } .panel-title > a { font-size: 14px; text-transform: uppercase; display: block; padding: 14px 40px 14px 30px; background-color: #fff; color: #fff !important; } .panel-title > a:after { color: #fff; content: '-'; position: absolute; font-size: 22px; right: 27px; top: 12px; } .panel-title > a:hover { background-color: #21252b; text-decoration: none; } .panel-title > a.collapsed { background-color: #21252b; } .panel-title > a.collapsed:hover { background-color: #fff; } .panel-title > a.collapsed:after { content: '+'; right: 24px; top: 14px; font-size: 22px; } .panel { box-shadow: none; } .panel-heading { padding: 16px 0px 14px 16px; } .panel-heading[class*="rt-icon-"]:before { position: absolute; font-size: 20px; color: #e16657; left: 16px; } .panel-default { border-color: transparent; } .panel-default + .panel-default { border-top-color: rgba(255, 255, 255, 0.1); } .panel-default > .panel-heading { background-color: transparent; color: inherit; position: relative; border: none; border-radius: 0; padding: 0; } .panel-group .panel { border-radius: 0; background-color: transparent; } .panel-group .panel + .panel { margin-top: 9px; } .panel-group .panel-heading + .panel-collapse .panel-body { padding-top: 37px; padding-bottom: 22px; padding-left: 37px; border: 1px solid #ccc; border-top: none; } .nav.nav-tabs { border-bottom-color: transparent; font-size: 16px; margin-top: 00px; margin-bottom: -1px; } .nav.nav-tabs > li > a { background: #21252b; padding: 13px 20px; color: #fff; margin-right: 0; margin-top: 0px; border-radius: 0px !important; background-color: #21252b; border: none !important; } .nav.nav-tabs > li > a:hover, .nav.nav-tabs > li > a:focus { background-color: #fff; color: #fff; border: none; } .nav.nav-tabs > li.active > a { background-color: #fff; color: #fff; border: none; } .nav.nav-tabs > li.active > a:hover, .nav.nav-tabs > li.active > a:focus { background-color: #fff; color: #fff; border: none; } .nav.nav-tabs .nav.nav-tabs > li > a:focus, .nav.nav-tabs .nav.nav-tabs.nav-justified > .active > a { color: #fff; background-color: #fff; border: none; } .tab-content { overflow: hidden; -webkit-border-radius: 2px; border-radius: 2px; background: #fff; padding: 30px 30px; border: 1px solid #f1f1f1; } .pagination > li > a { border: 1px solid #e3e7e9; color: #21252b; } .pagination > li > a:hover { background: #e3e7e9; color: #21252b; } .pagination > li > span { border: 1px solid #e3e7e9; color: #21252b; } .pagination > li > span:hover { background: #e3e7e9; color: #21252b; } .pagination > .active > a:hover, .pagination > .active > a:focus { background-color: #fff; border-color: #fff; } .pagination > .active > span:hover, .pagination > .active > span:focus { background-color: #fff; border-color: #fff; } .pagination > li:first-child > a, .pagination > li:first-child > span { border-top-left-radius: 0px; border-bottom-left-radius: 0px; } .pagination > li:last-child > a, .pagination > li:last-child > span { border-top-right-radius: 0px; border-bottom-right-radius: 0px; } .pager li a { border-color: #e3e7e9; border-radius: 0px; } .pager li a:hover { background: #fff; color: #fff; border-color: transparent; } .tooltip .tooltip-inner { padding: 10px; background-color: #21252b; z-index: 9999; } .tooltip.top .tooltip-arrow { border-top-color: #21252b; } .tooltip.right .tooltip-arrow { border-right-color: #21252b; } .tooltip.bottom .tooltip-arrow { border-bottom-color: #21252b; } .tooltip.left .tooltip-arrow { border-left-color: #21252b; } @media (min-width: 1370px) { .container { width: 1370px; } } #top-header { padding: 6px 0 3px 0; } .top-header .logo { margin: 7px 0; } .top-header ul li { font-size: 14px; margin-right: 5px; color: #ffffff; } .top-header ul li i.fa-phone { margin-right: 5px; } .top-header ul li i.fa-envelope { margin-right: 5px; } .top-header ul li a { color: #ffffff; } .top-header ul li a:hover { color: #ffffff; } ul.top-navigation li.languages-nav { position: relative; z-index: 9999; } ul.top-navigation li.languages-nav a:hover { cursor: pointer; text-decoration: none; } ul.top-navigation li.languages-nav ul li a:hover { text-decoration: underline; } ul.top-navigation li.languages-nav:hover ul.languages { margin: 0 0 0 0; visibility: visible; opacity: 1; } ul.languages { background: #21252b; color: #fff; position: absolute; padding: 10px 0 3px 0; margin: 20px 0 0 0; visibility: hidden; opacity: 0; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } ul.languages li { display: block; width: 100%; padding: 3px 30px 3px 15px; margin: 0; } ul.languages li a.active { text-decoration: underline; } .dark { background: none; } .dark .top-header ul li { color: #b0bac2; } .dark .top-header ul li a { color: #b0bac2; } .dark .top-header ul li p { color: #999; } .light { background: #ffffff; border-top: 1px solid #f1f1f1; border-bottom: 1px solid #f1f1f1; } @media (min-width: 768px) and (max-width: 992px) { .copyrights ul li { font-size: 14px; margin: 0 7px 7px 0; color: #777777; } } @media (min-width: 480px) and (max-width: 768px) { ul.social li.s-icon { display: none; } } @media (max-width: 480px) { ul.social li.s-icon { display: none; } ul li.fa-hide { display: none; } } header { position: relative; padding: 150px 0; } header .no-slider { position: relative; color: #fff; } header .no-slider h1 { color: #fff; } header .no-slider p { color: #fff; margin: 30px 0; font-size: 18px; } .layer { background: rgba(0, 0, 0, 0.4); width: 100%; height: 100%; position: absolute; top: 0; left: 0; } #happy-clients p { margin: 30px 0; } #happy-clients span.logo { margin-right: 10px; } #contact p { margin-top: 20px; } #contact a.btn { margin: 20px 0; } /*header text*/ .header-text { padding: 40px 0 30px 0; text-align: left; color: #ffffff; } .header-text.style1 { background-color: #fff; } .header-text.style1 h5 { color: #fff; } .header-text.style1 p { color: #fff; } .header-text .btn-buy { text-align: right; } @media (min-width: 480px) and (max-width: 768px) { .header-text { text-align: center; } .header-text .btn-buy { text-align: center; } } @media (max-width: 480px) { .header-text { text-align: center; } .header-text .btn-buy { text-align: center; } } .navbar-default { margin: 0; padding: 10px 0 0px 0; background: #efefef; border: 0; border-radius: 0px; width: 100%; z-index: 999; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04); } .navbar-default.dark { background: #21252b; border-top: 1px solid #2e343a; } .portfolio { text-align: center; } .portfolio p { margin-bottom: 70px; } .portfolio .work { position: relative; z-index: 99; margin-bottom: 30px; overflow: hidden; } .portfolio .work .layer { display: none; background: #000; width: 100%; height: 100%; position: absolute; top: 0; left: 0; opacity: 0.3; z-index: 999; } .portfolio .work .over { background: #eee; width: 100%; height: 100%; position: absolute; top: 0; left: 0; opacity: 0.4; z-index: 998; } .portfolio .work .more { display: none; color: #fff; cursor: pointer; border: 1px solid #fff; border-radius: 100%; width: 50px; height: 50px; line-height: 50px; position: absolute; top: 50%; left: 50%; z-index: 9998; } .portfolio .work .more:hover { background: #fff; color: #ffffff; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; -ms-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; transition: all 0.4s ease-out; } .portfolio .work img { width: 100%; } .portfolio .work .title { position: absolute; top: 50%; left: 0; width: 100%; opacity: 0.9; z-index: 9999; } .portfolio .work .title a { text-decoration: none; display: inline-block; } .portfolio .work .title h6 { text-transform: uppercase; font-weight: 700; font-size: 15px; margin: 0; } .portfolio .work .title .tags { font-size: 14px; margin: -3px 0 0 0; color: #ffffff; } .portfolio a.btn { margin: 40px 0 0 0; } .portfolioFilter a { background: #fafafa; color: #666; text-decoration: none; margin: 0 0 6px 3px; padding: 10px 15px; display: inline-block; } .portfolioFilter a.current { background: #fff; color: #fff; } .portfolioContainer { overflow: hidden; } .item { position: relative; overflow: hidden; } .grid-3-space .item { width: 31.3%; margin: 1%; } .grid-3 .item { width: 33.33333%; } .portfolio-layer { display: none; background: #21252b; width: 100%; height: 100%; position: absolute; top: 0; right: 0; bottom: 0; right: 0; opacity: 0.8; z-index: 99; } .portfolioContainer img { width: 100%; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .transition { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .isotope-item { z-index: 2; } .isotope-hidden.isotope-item { pointer-events: none; z-index: 1; } .work-description { display: none; text-align: center; position: absolute; top: 50%; width: 100%; text-align: center; z-index: 999; padding: 0 20px; } .work-description .plus { background: #fff; display: inline-block; width: 50px; height: 50px; line-height: 50px; border-radius: 100%; color: #fff; margin-bottom: 15px; } .work-description h6 { margin-bottom: 10px; color: #fff; } .work-description p { color: #b0bac2; } @media (min-width: 480px) and (max-width: 768px) { .grid-3-space .item { width: 48%; } .grid-3 .item { width: 50%; } } @media (max-width: 480px) { .grid-3-space .item { width: 100%; } .grid-3 .item { width: 100%; } } .widget { overflow: hidden; margin-bottom: 25px; } .widget .input-group { padding: 0; margin: 0; } .widget ul.social li { margin: 0 7px 7px 0; } .widget.tags span.btn { margin: 0 3px 7px 0; } .blog-container img { width: 100%; } .blog-container .blog-post { position: relative; margin-bottom: 45px; } .blog-container .blog-post .blog-post-layer { background: #21252b; opacity: 0.3; width: 100%; height: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .blog-container .blog-post .blog-post-layer:hover { opacity: 0.5; } .blog-container .blog-post .post-date h5 { color: #fff; } .blog-container .blog-post .post-date ul li { margin-right: 25px; color: #fff; } .blog-container .blog-post .post-date { position: absolute; bottom: 50px; left: 50px; } .blog-container .blog-single-post h5 { margin: 25px 0 15px 0; } .blog-container .blog-single-post .post-date ul { border-top: 1px solid #e7e9e9; border-bottom: 1px solid #e7e9e9; padding: 3px 0 0 0; } .blog-container .blog-single-post .post-date ul li { margin-right: 25px; } .blog-container .blog-single-post p { color: #ffffff; } .media { margin: 0 0 30px 0; } .media .media { margin: 30px 0 0 0; } .media img.media-object { width: 65px; } .media .media-body span { font-size: 14px; color: #7b7b7b; } .video-container { position: relative; padding-bottom: 56%; padding-top: 0px; height: 0; overflow: hidden; } .video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .dl-horizontal { margin-bottom: 15px; overflow: hidden; } .dl-horizontal dt { width: 60px; float: left; } .dl-horizontal dt img { width: 60px; height: 60px; padding: 2px; margin-top: 2px; border: solid 1px #ddd; } .dl-horizontal dd { margin-left: 70px; } .dl-horizontal dd p { margin: 0; } .dl-horizontal:hover dt img, .dl-horizontal:hover dd a { border-color: #fff; } @media (min-width: 480px) and (max-width: 768px) { .blog-container .blog-post .post-date { bottom: 10px; left: 10px; } } @media (max-width: 480px) { .blog-container .blog-post img { height: 220px; } .blog-container .blog-post .post-date { bottom: 10px; left: 10px; } } .home-blog { overflow: hidden; } .home-blog .blog-header { position: relative; } .home-blog .blog-header img { width: 100%; } .home-blog .blog-header .title { position: absolute; bottom: 10px; left: 15px; } .home-blog .blog-header .title h6 a { color: #fff; } .home-blog .blog-header .title ul li { color: #fff; margin-right: 10px; } .home-blog .blog-header .blog-layer { background: #21252b; width: 100%; height: 100%; position: absolute; top: 0; left: 0; bottom: 0; right: 0; opacity: 0.5; } .home-blog .blog-content { margin-top: 20px; } .home-blog .category { background: #fff; color: #fff; margin: 0 20px 20px 0; width: 50px; height: 40px; line-height: 40px; text-align: center; } .home-blog .comments { background: #f1f1f1; color: #ffffff; width: 50px; height: 40px; line-height: 40px; text-align: center; } .home-blog p { margin-bottom: 15px; } @media (max-width: 480px) { .home-blog .blog-header img { height: 190px; } } header.home { text-align: center; padding: 210px 0; } header.home h2 { color: #fff; font-weight: 100; margin-bottom: 25px; line-height: 1.3em; } header.home p { color: #fff; font-weight: 300; margin-bottom: 45px; } header.home .btn { margin-right: 25px; } header.home .btn-border { color: #fff; } #map { display: block; width: 100%; height: 350px; margin: 0 auto; } #map.large { height: 500px; } .overlay { display: block; text-align: center; color: #fff; font-size: 1.8em; background: #21252b; border-radius: 0; box-shadow: 1px 1px 10px #333; padding: 20px; } .overlay_arrow { left: 50%; margin-left: -16px; width: 0; height: 0; position: absolute; } .overlay_arrow.above { bottom: -15px; border-left: 16px solid transparent; border-right: 16px solid transparent; border-top: 20px solid #21252b; } .overlay_arrow.below { top: -15px; border-left: 16px solid transparent; border-right: 16px solid transparent; border-bottom: 20px solid #21252b; } #about-header { position: relative; text-align: center; color: #fff; background-image: url(../img/slider/team-smiling.jpg); background-position: 50% -27px; } #about-header .text { z-index: 999; background: red; } #about-header h1 { color: #fff; margin-bottom: 20px; } #about-header p { color: #fff; line-height: 1.2em; font-size: 1.3em; } .texture { position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 99; } #about-me .social { margin: 5px 0 10px 0; } #about-me .social li { margin-right: 5px; } #coming-soon { text-align: center; color: #ffffff; } #coming-soon p { color: #ffffff; } #defaultCountdown { width: 100%; overflow: hidden; margin: 15px 0; padding: 20px; } .countdown-show4 .countdown-section { width: 24.5%; } .countdown-section { display: block; float: left; font-size: 28px; line-height: 28px; } .countdown-amount { font-size: 80px; line-height: 90px; } .countdown-period { display: block; } @media (max-width: 768px) { .countdown-show4 .countdown-section { width: 50%; margin-bottom: 20px; } } @media (max-width: 468px) { .countdown-amount { font-size: 60px; line-height: 70px; } .countdown-section { font-size: 20px; line-height: 20px; } } #login { padding: 100px 0; } .login-box { background: #fff; padding: 30px; border: 1px solid #e7e9e9; margin-bottom: 15px; font-size: 14px; } .login-box h2, .login-box a { color: black !important; } #register { padding: 100px 0; } .register-box { background: #fff; padding: 30px; border: 1px solid #e7e9e9; margin-bottom: 15px; font-size: 14px; overflow: hidden; } .register-box h2, .register-box a { color: black !important; } .get-in-touch { background-color: #fff; } .footer { color: #ddd; padding: 10px 0 0 0; background: #efefef; } .footer p { color: #b0bac2; font-size: 14px; } .footer address i { color: #b0bac2; font-size: 14px; } .footer h2 { color: #fff; } .footer h2 { color: #fff; } .footer .copyrights p { font-size: 14px; color: #e6e6e6; margin: 0; } .footer .gallery-item { display: inline-block; margin: 0 11px 14px 0; } .footer .gallery-item a img { width: 71px; border-radius: 4px; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .footer .gallery-item a img:hover { opacity: 0.8; } .footing { background: transparent; padding-bottom: 30px; padding-top: 20px; } address i.fa { width: 20px; } .copyrights { background-color: #313131; padding: 20px 0 10px 0; text-align: left; } .copyrights ul li { font-size: 14px; margin: 0 7px 0px 0; color: black; } .copyrights a { color: white; } ul.recent-post { list-style-type: none; padding: 0; margin: 0; } ul.recent-post li { padding: 5px; } ul.recent-post li a { color: #b0bac2; } ul.recent-post li a:hover { color: #fff; text-decoration: none; } ul.recent-post li .fa { margin-right: 10px; font-size: 13px; } .footing-tags a { margin: 0 3px 7px 0; } .footing-v2 { text-align: center; padding-bottom: 30px; } .footing-v2 .icon { font-size: 38px; color: #373d46; margin-bottom: 25px; } .footing-v2 h5 { margin-bottom: 25px; } .footing-v2 p { margin-bottom: 0px; } .footing-v2 .social li { margin-right: 5px; } @media (min-width: 768px) and (max-width: 992px) { .copyrights ul li { font-size: 14px; margin: 0 7px 7px 0; color: #777777; } } .row { margin-left: 0; margin-right: 0; } .mix { padding: 5px 0; } .mix .mix-thumbs .video-thumbnail { margin-top: 5px; margin-bottom: 5px; padding-left: 5px; padding-right: 5px; } .mix .mix-thumbs .video-thumbnail .over { display: block; position: relative; background-size: 103%; background-position: center; } .mix .mix-thumbs .video-thumbnail .over:before { content: ''; float: left; padding-bottom: 56.25%; } .mix .mix-thumbs .video-thumbnail .over:after { content: ''; display: table; clear: both; } .mix .mix-thumbs .video-thumbnail .over-poster { display: block; position: relative; background-size: cover; background-position: center; } .mix .mix-thumbs .video-thumbnail .over-poster:before { content: ''; float: left; padding-bottom: 150%; } .mix .mix-thumbs .video-thumbnail .over-poster:after { content: ''; display: table; clear: both; } .mix .mix-thumbs .video-thumbnail .folder-poster { display: block; position: relative; background-size: contain; background-position: center; background-repeat: no-repeat; max-height: 360px; } .mix .mix-thumbs .video-thumbnail .folder-poster:before { content: ''; float: left; padding-bottom: 150%; } .mix .mix-thumbs .video-thumbnail .folder-poster:after { content: ''; display: table; clear: both; } .mix .mix-thumbs .video-thumbnail .timestamp { position: absolute; bottom: 0; right: 0; background: rgba(0, 0, 0, 0.5); color: white; border-radius: 255px 0 3px 255px; font-size: 13px; text-align: center; padding: 2px 12px; } .mix .mix-thumbs .video-thumbnail.channel .c-img { position: absolute; overflow: hidden; width: 90%; height: 90%; text-align: center; top: 5%; left: 5%; background-size: cover; background-position: center; } .mix .mix-thumbs .video-thumbnail.channel h3 { background: rgba(0, 0, 0, 0.5); border-radius: 3px; margin-top: 2px; } .mix .mix-thumbs .video-thumbnail .text h3 { position: absolute; bottom: 0; background: transparent; /* For browsers that do not support gradients */ background: -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.8)); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(transparent, rgba(0, 0, 0, 0.8)); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(transparent, rgba(0, 0, 0, 0.8)); /* For Firefox 3.6 to 15 */ background: linear-gradient(transparent, rgba(0, 0, 0, 0.8)); /* Standard syntax */ color: white; width: 100%; text-align: left; padding: 12px 10px; font-weight: 400; text-shadow: 1px 1px 2px black; font-size: 14px; } @media (max-width: 480px) { .mix .mix-thumbs .video-thumbnail .text h3 { font-size: 12px; padding: 4px 6px; } } .mix .mix-thumbs .video-thumbnail h3 { color: #313131; padding: 5px 0; margin: 0; } .mix .mix-thumbs .video-thumbnail p { color: #313131; line-height: 18px; } .mix .mix-thumbs .video-thumbnail a { text-decoration: none; } .mix .mix-thumbs .video-thumbnail .play-icon { position: absolute; top: 30%; left: 0; height: 70%; width: 100%; text-align: center; color: rgba(255, 255, 255, 0.8); } .mix .mix-thumbs .video-thumbnail.feature .over:before { content: ''; float: left; padding-bottom: 40%; } .mix .mix-thumbs .video-thumbnail.feature .over:after { content: ''; display: table; clear: both; } @media (max-width: 991px) { .mix .mix-thumbs .video-thumbnail.third { clear: both; } } @media (min-width: 992px) { .mix .mix-thumbs .video-thumbnail.fifth { clear: both; } } .mix .mix-thumbs .col-md-3 .play-icon { font-size: 3em; } .mix .mix-thumbs .col-md-4 .play-icon { font-size: 4em; } .mix .mix-thumbs .col-md-12 .play-icon { font-size: 8em; } @media (max-width: 767px) { .mix .mix-thumbs .video-thumbnail.col-xs-6 .play-icon { font-size: 4em; } } @media (max-width: 480px) { .mix .mix-thumbs .video-thumbnail .play-icon { font-size: 4em; } .mix .mix-thumbs .video-thumbnail.col-xs-6 .play-icon { font-size: 2em; } .mix .mix-thumbs .video-thumbnail h3 { font-size: 14px; } .mix .mix-thumbs .col-xs-1, .mix .mix-thumbs .col-sm-1, .mix .mix-thumbs .col-md-1, .mix .mix-thumbs .col-lg-1, .mix .mix-thumbs .col-xs-2, .mix .mix-thumbs .col-sm-2, .mix .mix-thumbs .col-md-2, .mix .mix-thumbs .col-lg-2, .mix .mix-thumbs .col-xs-3, .mix .mix-thumbs .col-sm-3, .mix .mix-thumbs .col-md-3, .mix .mix-thumbs .col-lg-3, .mix .mix-thumbs .col-xs-4, .mix .mix-thumbs .col-sm-4, .mix .mix-thumbs .col-md-4, .mix .mix-thumbs .col-lg-4, .mix .mix-thumbs .col-xs-5, .mix .mix-thumbs .col-sm-5, .mix .mix-thumbs .col-md-5, .mix .mix-thumbs .col-lg-5, .mix .mix-thumbs .col-xs-6, .mix .mix-thumbs .col-sm-6, .mix .mix-thumbs .col-md-6, .mix .mix-thumbs .col-lg-6, .mix .mix-thumbs .col-xs-7, .mix .mix-thumbs .col-sm-7, .mix .mix-thumbs .col-md-7, .mix .mix-thumbs .col-lg-7, .mix .mix-thumbs .col-xs-8, .mix .mix-thumbs .col-sm-8, .mix .mix-thumbs .col-md-8, .mix .mix-thumbs .col-lg-8, .mix .mix-thumbs .col-xs-9, .mix .mix-thumbs .col-sm-9, .mix .mix-thumbs .col-md-9, .mix .mix-thumbs .col-lg-9, .mix .mix-thumbs .col-xs-10, .mix .mix-thumbs .col-sm-10, .mix .mix-thumbs .col-md-10, .mix .mix-thumbs .col-lg-10, .mix .mix-thumbs .col-xs-11, .mix .mix-thumbs .col-sm-11, .mix .mix-thumbs .col-md-11, .mix .mix-thumbs .col-lg-11, .mix .mix-thumbs .col-xs-12, .mix .mix-thumbs .col-sm-12, .mix .mix-thumbs .col-md-12, .mix .mix-thumbs .col-lg-12 { padding-left: 5px; padding-right: 5px; } } .mix .channel-row h1 { margin-top: 20px; } .mix .channel-row .channel-logo { width: 100%; position: relative; overflow: hidden; } .mix .channel-row .channel-logo:before { content: ''; float: left; padding-bottom: 100%; } .mix .channel-row .channel-logo:after { content: ''; display: table; clear: both; } .mix .channel-row .channel-logo .channel-image { position: absolute; background-size: cover; background-position: center; width: 92%; height: 92%; border-radius: 100%; margin: 4%; /* box-shadow: 0 0 3px rgba(0,0,0,0.2); */ } .mix .channel-row .channel-logo .channel-image:before { content: ''; float: left; padding-bottom: 100%; } .mix .channel-row .channel-logo .channel-image:after { content: ''; display: table; clear: both; } .mix .channel-row .ch-bg { position: absolute; width: 100%; height: 100%; } .mix .channel-row .cover-art { /* width: auto; max-width: 100%; border-radius: 1000px; */ flex-shrink: 0; min-width: 100%; min-height: 100%; max-height: 100%; width: auto; } @media (max-width: 991px) { .mix .channel-row .cover-art { /* max-height: 300px; */ } } @media (max-width: 992px) { .mix .channel-row { text-align: center; } } .mix .video-row { margin-bottom: 40px; } .mix .sub-row h1 { font-size: 28px; margin: 0; } @media (max-width: 767px) { .mix .sub-row h1 { font-size: 20px; } } @media (max-width: 480px) { .mix .sub-row h1 { font-size: 16px; } } .mix .sub-row .channel-name { margin: 0; line-height: 28px; display: inline-block; } .mix .sub-row .channel-info { text-align: right; } @media (max-width: 992px) { .mix .sub-row .col-sm-12, .mix .sub-row .channel-info { text-align: center; } .mix .sub-row .channel-info { margin-top: 10px; } } .mix .subscribe { display: inline-block; position: relative; margin-left: 25px; } .mix .subscribe .button { line-height: 29px; background: #666; color: white; border-radius: 0 100px 100px 0; border: 1px solid #666; padding: 4px 15px 4px 19px; } .mix .subscribe .button:hover { text-decoration: none; } .mix .subscribe .subscribe-img { height: 29px; max-width: 29px; position: absolute; left: -18px; top: 0; border-radius: 100px; display: flex; justify-content: center; align-items: center; overflow: hidden; } .mix .subscribe .subscribe-img img { flex-shrink: 0; min-width: 100%; min-height: 100%; max-height: 100%; width: auto; } .mix .sort-btn { background: rgba(255, 255, 255, 0.3); color: white; border-radius: 15px; padding: 2px 20px; font-size: 13px; text-decoration: none; border: 0; } .mix .sort-btn .fa { margin-left: 6px; } .mix .sort-btn span { padding: 0 15px; } .mix .open .sort-btn { border-radius: 15px 15px 0 0; } .mix .dropdown { margin: 0 5px; } .mix .dropdown-menu { left: auto; right: 0; margin: 0; background: #6e6e6e; border: 0; border-radius: 3px 0 3px 3px; } .mix .dropdown-menu li > a { color: white; } .mix .dropdown-menu li > a:hover, .mix .dropdown-menu li > a:focus { background: #fff; } .mix .list-type { color: #fff; line-height: 29px; margin: 0 6px; font-size: 14px; } .mix .list-type.active { color: white; } .mix .owl-carousel { padding-left: 5px; padding-right: 5px; clear: both; } .mix .owl-carousel .item { display: block; position: relative; background-size: cover; background-position: center; } .mix .owl-carousel .item:before { content: ''; float: left; padding-bottom: 56.25%; } .mix .owl-carousel .item:after { content: ''; display: table; clear: both; } .mix .owl-carousel .item .text h3 { position: absolute; bottom: 0; background: transparent; /* For browsers that do not support gradients */ background: -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.8)); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(transparent, rgba(0, 0, 0, 0.8)); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(transparent, rgba(0, 0, 0, 0.8)); /* For Firefox 3.6 to 15 */ background: linear-gradient(transparent, rgba(0, 0, 0, 0.8)); /* Standard syntax */ color: white; width: 100%; text-align: left; padding: 12px 10px; font-weight: 400; text-shadow: 1px 1px 2px black; font-size: 14px; margin-bottom: 0; } .mix .owl-carousel .item.poster:before { content: ''; float: left; padding-bottom: 150%; } .mix .owl-carousel .item.poster:after { content: ''; display: table; clear: both; } .mix.top-crumb { background-size: cover; background-position: center; padding: 0; } .mix.top-crumb .breadcrumbs { background: rgba(0, 0, 0, 0.7); } .mix.top-crumb .breadcrumbs h1 { color: white; } .mix.top-crumb .breadcrumbs ul li a { color: white; } .fr { float: right; } .sitemap .fa { color: #fff; font-size: 14px; width: 20px; height: 20px; line-height: 20px; text-align: center; margin-right: 4px; } .katapy-logo { margin: 0 5px; opacity: 0.7; } footer.content { padding: 20px 0; } footer .footer-links { margin: 0 5px; display: block; } footer .footer-img { max-width: 240px; max-height: 100px; margin-bottom: 3%; margin-right: 3%; } footer .fa img { margin-top: -3px; } .dark p { color: #777; } .center-img { overflow: hidden; } .center-img img { max-height: 100%; max-width: 100%; } /*.title-head { text-align: left; h2 { color: $primary-color; display: inline-block; margin: 0; line-height: 30px; padding-left: 5px; font-size: 20px; padding-right: 10px; background: white; @media (max-width: 480px) { font-size: 16px; } } .breadcrumb { top: 0; background: white; padding: 0 5px 0 10px; margin: 0; li { margin: 0; margin-top: 2px; } } } */ .social-btn { display: block; padding: 5px 0px; text-align: center; color: #fff; margin: 5px auto; border-radius: 255px; font-size: 14px; max-width: 300px; } .social-btn:hover { text-decoration: none; color: #fff; } .social-btn.facebook { background: #3b5998; } .social-btn.twitter { background: #55acee; } .social-btn.google-plus { background: #d44032; } .social-btn.linkedin { background: #1b85bd; } .social-btn.login { background: #888; } .more-cover { display: block; float: right; padding: 0 0 0 20px; background: white; } .more-btn { color: white; padding: 0 6px; font-size: 13px; text-decoration: underline; border: none; cursor: pointer; display: inline-block; vertical-align: top; margin-right: 20px; position: relative; margin-top: 3px; text-shadow: 2px 2px 3px black; top: 10px; line-height: 30px; float: right; } @media (max-width: 480px) { .more-btn { z-index: 1000; top: 10px; height: auto; line-height: normal; opacity: 0.8; color: white; float: right; width: 100%; background: transparent; text-decoration: underline; display: block; clear: both; text-shadow: none; text-align: center; margin: 0 0 20px 0; font-size: 1.2em; } } .more-btn .fa { margin-left: 6px; } @media (max-width: 767px) { .col-sm-12 { text-align: center; } } @media (max-width: 767px) { .mix-thumbs .col-sm-6 { text-align: center; } } .mix.alt { background: rgba(0, 0, 0, 0.7); } .mix.alt h1, .mix.alt h2, .mix.alt h3, .mix.alt a { color: white; text-shadow: 2px 2px 3px black; } .mix.alt .mix-thumbs .video-thumbnail h3 { color: white; } .mix.alt .title-head h1, .mix.alt .title-head h2 { color: white; } .mix.alt .title-head .more-btn { background: white; color: #fff; } .mix.alt p { color: #313131; } .mix.alt.comp { background: linear-gradient(135deg, black 0%, #7e7e7e 100%); } .mix.alt.comp .title-head .more-btn { color: #313131; } .mix.alt.tert { background: linear-gradient(135deg, #b3b3b3 0%, white 100%); } .mix.alt.tert .title-head .more-btn { color: #e6e6e6; } .mix.alt h3 { font-weight: 300; text-shadow: 2px 2px 3px black; line-height: 1.5em; margin-top: 0; margin-bottom: .25em; } .mix.alt li { color: white; } .mix.alt .links { margin: 5px; text-decoration: underline; } .form-control { background: transparent; border: none; border-radius: 0; } textarea, textarea.form-control, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], select, select.form-control, .uneditable-input { border: 1px solid #ccc; border-radius: 3px; /* border-bottom: 1px solid rgba(0, 0, 0, 0.2); */ } textarea:focus, textarea.form-control:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, select:focus, select.form-control:focus, .uneditable-input:focus { border: 1px solid #ccc; border-radius: 3px; /* border-bottom: 1px solid rgba(0, 0, 0, 0.2); */ } .input-group-addon { background: #ccc; border: 1px solid #ccc; border-right: 0; border-radius: 3px; color: #888; } .single_box .box.default { background: transparent; border-radius: 0; } .single_box.style8 { padding: 0; } .single_box.style8 [class^="fa"] { font-size: 60px; color: #ccc; display: inline-block; width: 60px; height: 60px; line-height: 60px; border-radius: 0; } .owl-item a { text-decoration: none; } .capitalize { text-transform: capitalize; } .vis-hid { height: 0 !important; overflow: hidden !important; margin: 0 !important; } @media (max-width: 480px) { footer .footer-img { width: 100%; max-height: none; } } .web-ad { width: 100%; } .container .with-img img { width: 100%; max-width: auto; } @media (max-width: 991px) { .container .under-img { width: 100%; } } .popover { background-color: rgba(0, 0, 0, 0.5); padding: 0; border: 1px solid rgba(0, 0, 0, 0.6); } .popover-title { color: #fff; font-weight: bold; padding: 8px 14px !important; border-bottom: 0; background: rgba(0, 0, 0, 0.9); } .popover-content { color: #fff; background: rgba(0, 0, 0, 0.8); } .popover-content hr { margin-top: 5px; margin-bottom: 5px; border: 0; border-top: 1px solid #eee; } @media (max-width: 991px) { .popover { display: none !important; } } .popover.bottom > .arrow:after { border-bottom-color: rgba(0, 0, 0, 0.6); top: 0; } .zetta-menu li.sub-nav a { font-weight: 300; } .zetta-menu li.sub-nav.zm-active { border-bottom: 2px solid #fff; } .content .effect1 { border: 1px solid #dde1e1; } .content .boxes-border-top { border-top: 3px solid #baa673; } .free-trial h2 { margin: 40px 0; } .free-trial .btn { margin-bottom: 20px; } .table > thead:first-child > tr:first-child > td.recommended { border-top: 1px solid #fff; padding: 0; padding-bottom: 15px; position: relative; } .table > thead:first-child > tr:first-child > td.recommended div { background: #fff; color: white; border-radius: 0 0 100% 100%; padding-bottom: 5px; } .img-full { width: 100%; } div[class*="owl-item-"] .owl-controls .owl-buttons div { color: #fff; display: inline-block; zoom: 1; padding: 15px 13px; border-radius: 4px; margin: 0; font-size: 14px; background: #000; filter: Alpha(Opacity=30); opacity: 0.3; } div[class*="owl-item-"] .owl-controls .owl-buttons div.owl-prev { position: absolute; top: 50%; left: 4px; height: 50px; margin-top: -25px; line-height: 50px; border-radius: 0 4px 4px 0; } div[class*="owl-item-"] .owl-controls .owl-buttons div.owl-next { position: absolute; top: 50%; right: 0; height: 50px; margin-top: -25px; line-height: 50px; border-radius: 4px 0 0 4px; } .f-right { float: right; } .f-left { float: right; } .brands img { width: 11%; margin-right: 1%; margin-bottom: 1%; max-width: 100px; } section.mix.banner { background-size: cover; background-position: center; background-attachment: scroll; width: 100%; text-align: center; } section.mix.banner.about:before { content: ''; float: left; padding-bottom: 25%; } section.mix.banner.about:after { content: ''; display: table; clear: both; } section.mix.banner.contact:before { content: ''; float: left; padding-bottom: 16.66667%; } section.mix.banner.contact:after { content: ''; display: table; clear: both; } section.mix.banner.contact img { margin-top: 4%; } section.mix.banner img { width: 90%; margin-top: 8%; } .ways-to-watch a { width: 25%; display: inline-block; } .ways-to-watch a img { width: 100%; } @media (max-width: 600px) { .zetta-menu.zm-response-switch > li.zm-logo, .zetta-menu.zm-response-switch > li.zm-right-item { width: 75%; } .widget-nav { display: none; } .sticky-wrapper { display: none; } .brands img { width: 23%; margin-right: 1%; margin-bottom: 1%; } } @media (min-width: 900px) { .zetta-menu > li.mobile-sub-nav { display: none; } } @media (max-width: 480px) { .folder-info img { max-width: 40%; } .mix.alt h1 { font-size: 24px; line-height: normal; } .mix.alt h3 { font-size: 16px; } ul.inline-block .media-control { display: block; } ul.inline-block .media-control a { display: block; } } .navbar-default { background: rgba(0, 0, 0, 0.8); } .widget-nav { margin-top: -1%; } .zetta-menu, .zetta-menu a, .zetta-menu a:visited { color: white; } .mix.alt { background: rgba(0, 0, 0, 0.4); } .content:nth-of-type(1) { background: rgba(0, 0, 0, 0.4); /* For browsers that do not support gradients */ background: -webkit-linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.8)); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.8)); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.8)); /* For Firefox 3.6 to 15 */ background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.8)); /* Standard syntax */ } .content { background: rgba(0, 0, 0, 0.8); } .footer { background: rgba(0, 0, 0, 0.8); /* For browsers that do not support gradients */ background: -webkit-linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.9)); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.9)); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.9)); /* For Firefox 3.6 to 15 */ background: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.9)); /* Standard syntax */ } .footer p { color: white; } .copyrights { background: rgba(0, 0, 0, 0.15); } .title-head h2 { color: white; } body { background-image: url(../img/wallpaper.jpg); background-attachment: fixed; } @media (min-width: 900px) { .folder-info.mix.alt { background: -moz-linear-gradient(15deg, rgba(0, 0, 0, 0.8) 40%, transparent 100%); background: -webkit-linear-gradient(15deg, rgba(0, 0, 0, 0.8) 40%, transparent 100%); background: linear-gradient(15deg, rgba(0, 0, 0, 0.8) 40%, transparent 100%); } } .progress { position: absolute; top: 97%; margin: 0; width: 100%; height: 5px; } .progress-bar-custom { background: #058e97; -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; } .show-credits { list-style-type: none; padding: 0; margin: 5px 0; opacity: 0.8; } .show-credits li { display: inline-block; } div.poster .owl-controls .owl-buttons div.owl-next { right: 7px; } @media (max-width: 480px) { div.poster .owl-controls .owl-buttons div.owl-next { right: 4px; } } div.landscape .owl-controls .owl-buttons div.owl-next { right: 4px; } .starrating { display: inline; } @media (max-width: 480px) { .starrating { display: inline-block; clear: both; } } body { background-image: url("../sliderimages/Splash_TILE_HD.jpg"); } .navbar-default { background: #ebebeb; } .zetta-menu, .zetta-menu a, .zetta-menu a:visited { color: #59516b; } .zetta-menu a:hover { color: #59516b; } .zetta-menu .zm-search input.focus ~ button { color: #59516b; } .zetta-menu li.sub-nav.zm-active { border-bottom: 2px solid #59516b; } div[class*="owl-item-"] .owl-controls .owl-buttons div { background: #fff; border-radius: 4px; color: #000; display: inline-block; font-size: 14px; opacity: 0.9; padding: 0px 15px; } .owl-carousel .owl-prev { top: 50%; } .owl-carousel .owl-next { top: 50%; } .mix .owl-carousel .item { margin-left: 4px; margin-right: 4px; } .item .premium { float: left; margin-top: 0px; width: 100%; text-align: center; background: rgba(16, 136, 201, 0.8); font-size: 0.9em; } .content.plain { background: white; } .content.plain .image-icon { color: #59516b; } .content.plain .introtext { color: #59516b; text-shadow: none; } .content.plain p { color: #59516b; text-shadow: none; } .content.plain h1, .content.plain h2, .content.plain h3, .content.plain h4 { color: #59516b; text-shadow: none; } .breadcrumbs h3 { font-size: 16px; opacity: 0.8; } .heading-v3 { margin-top: 15px; margin-bottom: 5px; font-size: 26px; display: inline-block; } @media (max-width: 480px) { .heading-v3 { display: block; text-align: center; } } .featured-slider { padding: 0px; } .mix .owl-carousel { padding: 0px; } .heading-v3 span::before, .heading-v3 span::after { background: none; } .container { width: 90%; } @media (max-width: 480px) { .container { width: 100%; } } /*.footer {background:rgba(0, 0, 0, 0) linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 1));padding-top: 0px;} .footer {background:rgba(0, 0, 0, 0.8) none repeat scroll 0 0;padding-top: 60px;}*/ .copyrights { background: none; padding-top: 60px; padding-bottom: 30px; } .vert-menu, .vert-menu ul, .vert-menu ul li, .vert-menu ul li a { border: 0; box-sizing: border-box; display: block; line-height: 1; list-style: none; margin: 0; padding: 0; position: relative; } .vert-menu { color: #fff; min-width: 160px; } .vert-menu ul ul { display: none; } .vert-menu > ul > li.active > ul { display: block; } .align-right { float: right; } .vert-menu > ul > li > a { background: rgba(50, 50, 50, 0.8); color: #fff; cursor: pointer; font-size: 16px; padding: 12px 22px; text-decoration: none; transition: color .2s ease 0s; z-index: 2; margin: 4px 0; } .vert-menu ul > li.has-sub > a::after, .vert-menu ul > li.has-sub > a::before { background: #fff; content: ""; display: block; position: absolute; transition: all .1s ease-out 0s; } .vert-menu > ul > li > a:hover { color: #d8f3f0; } .vert-menu ul > li.has-sub > a::after { height: 10px; right: 26px; top: 15px; width: 2px; z-index: 5; } .vert-menu ul > li.has-sub > a::before { height: 2px; right: 22px; top: 19px; width: 10px; } .vert-menu ul > li.has-sub.open > a::after, .vert-menu ul > li.has-sub.open > a::before { transform: rotate(45deg); } .vert-menu ul ul li a { background: rgba(16, 136, 202, 0.8); color: #ddd; cursor: pointer; font-size: 14px; padding: 12px 22px; text-decoration: none; transition: color .2s ease 0s; z-index: 2; margin: 4px 0; } .vert-menu ul ul ul li a { padding-left: 32px; } .vert-menu ul ul li a:hover { color: #fff; } .vert-menu ul ul > li.has-sub > a::after { background: #ddd; right: 26px; top: 16px; } .vert-menu ul ul > li.has-sub > a::before { background: #ddd; top: 20px; } .content .boxes-border-top { border-color: #59516b; } .table > thead:first-child > tr:first-child > td.recommended div { background-color: #59516b; } .table > thead:first-child > tr:first-child > td.recommended { border-top: 1px solid #59516b; } .footer-fix { background: rgba(0, 0, 0, 0.8); width: 100%; height: 100%; max-height: 540px; position: absolute; } .footer { background: transparent; padding: 0; } @media (max-width: 480px) { .footer { background: rgba(0, 0, 0, 0.8); } .footer .footer-fix { display: none; } } @media (max-width: 480px) { .why-subscribe-table tr td { font-size: 12px; } } .padding-top-60 { padding-top: 60px; } @media (max-width: 480px) { .padding-top-60 { padding-top: 0; } } .register-box, .login-box { background: #ebebeb; border: 0; padding: 60px; } .register-box h4, .login-box h4 { color: black; text-shadow: none; } .register-box hr, .login-box hr { border-top: 1px solid rgba(0, 0, 0, 0.5); } .register-box .input-group .form-control, .login-box .input-group .form-control { border: 1px solid rgba(100, 100, 100, 0.5); color: black; } .register-box .input-group-addon, .login-box .input-group-addon { background: rgba(100, 100, 100, 0.5); border: 1px solid rgba(100, 100, 100, 0.5); color: white; } .register-box .has-error .input-group-addon, .login-box .has-error .input-group-addon { color: white; background-color: #a94442; border-color: #a94442; } .register-box .has-error .form-control, .login-box .has-error .form-control { border-color: #c9220a; } .register-box .has-success .input-group-addon, .login-box .has-success .input-group-addon { color: white; background-color: #3c763d; border-color: #3c763d; } .register-box .has-success .form-control, .login-box .has-success .form-control { border-color: #168949; } .register-box p, .login-box p { text-shadow: none; } .register-box .forgot-password, .login-box .forgot-password { margin-bottom: 0; } .mix .login-box a, .mix .login-box p, .mix .login-box h1, .mix .login-box h2, .mix .login-box h3, .mix .login-box h4, .mix .login-box h5, .mix .login-box h6, .mix .register-box a, .mix .register-box p, .mix .register-box h1, .mix .register-box h2, .mix .register-box h3, .mix .register-box h4, .mix .register-box h5, .mix .register-box h6 { text-shadow: none; } .mix p.register-text { color: white; } .join-ad-container { background: -moz-radial-gradient(center, ellipse cover, black 0%, transparent 100%); background: -webkit-radial-gradient(center, ellipse cover, black 0%, transparent 100%); background: radial-gradient(ellipse at center, black 0%, transparent 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=1 ); } .btn-custom { padding: 10px 160px; } /*# sourceMappingURL=core.css.map */