@charset "utf-8";
/* CSS Document */
/* ---------------------------------------------------------------
======================= Custom Reset ===========================
----------------------------------------------------------------- */
/* ---------- Place holder ----------- */
::-webkit-input-placeholder {font-style:inherit; color:#999; font-family: 'Roboto'; font-size: 1em;}
:-moz-placeholder {/* Firefox 14- */ font-style:italic; color:#999; font-family: 'Roboto'; font-size: 1em; }
::-moz-placeholder { /* Firefox 19+ */ font-style:italic; color:#999; font-family: 'Roboto'; font-size: 1em; }
:-ms-input-placeholder {font-style:italic; color:#999; font-family: 'Roboto'; font-size: 1em;
}
/* ----------------- Select Styles ------------------- */
::selection {background: #9d8bc4; color: #fff; /* WebKit/Blink Browsers */ }
::-moz-selection {background: #9d8bc4; color: #fff; /* Gecko Browsers */}
/* ----------- Links ------------ */
a, a:hover, a:focus {text-decoration: none;}
/* ----------- outline ----------- */
input:focus, select:focus, textarea:focus, a:focus {outline: inherit;}
/* ----------- Table ------------ */
table {margin: 10px auto 20px auto;max-width: 100%;}
/*table tr {}*/
table tr td, table tr th {border: 1px solid #e7e7e7;padding:10px;font-size:inherit;font-family:inherit;}
body {font-family: 'Roboto', Arial, Helvetica;font-size: 14px;color: #666;}
.container-fluid {max-width: 1170px;width: 100%;}
.container {max-width: 100%;}
.container-full-width {width: 1280px;max-width: 100%;margin: 0 auto;}
.page-wrapper .page-head:first-child .container {width: 1040px;}
img {max-width: 100%;height: auto;}
/* ----------------------------------------------------------------
======================= heading Styles =========================
----------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6 {margin-top: 0;padding-top: 0;}
h1 {font:2em/0.75em 'Montserrat', sans-serif; /*margin-bottom: 1.5em;*/}
h2 {font:1.75em/0.9em 'Montserrat', sans-serif; /*margin-bottom: 1.5em;*/}
h3 {font:1.5em/1em 'Montserrat', sans-serif; /*margin-bottom: 1.5em;*/}
h4 {font:500 1.25em/1.3em 'Montserrat', sans-serif; /*margin-bottom: 1.5em;*/}
h5 {font:500 1.1em/1.5em 'Roboto', sans-serif; /*margin-bottom: 1.5em;*/}
h6 {font:700 1em/1.5em 'Roboto', sans-serif; /*margin-bottom: 1.5em;*/}
.big-title {font-family: 'Roboto';font-size: 3.5em;font-style:normal;}
.section-heading {font:2em/0.9em 'Montserrat', sans-serif;text-align: center;margin-bottom: 46px;position: relative;}
.section-heading:after {position: absolute;bottom: -20px;left: 0;right: 0;margin: 0 auto;width: 100px;height: 1px;background: #e7e7e7;content: '';}
h1, h2, h3, h4, h5, h6,
.member-details h4,
.portfolio-nav li a,
.section-heading {color: #333;}
.portfolio-nav li a{font-weight: bold; font-size: 1.2em;}
/* ========= font size ====== */
.full-background .container-fluid .v-centered,
.portfolio-nav li {font-size: 14px;}
/* --- Page Heading Area ----- */
.page-head {padding: 50px 0; /*margin-bottom: 40px;*/}
.page-head h1,
.page-head .section-heading {margin: 0; color: #fff;}
.page-head .section-heading {text-align: left;}
.page-head .section-heading:after {display: none;}
a:focus {outline: none;}
hr {border-top-color: #e7e7e7;}
hr.small {max-width: 220px;}
p {font-size: 1em;line-height: 1.5em;color: inherit;margin-bottom:1.5em;-ms-word-break: break-all;word-break: break-all; /*Non standard for webkit */
word-break: break-word;-webkit-hyphens: auto;-moz-hyphens: auto;hyphens: auto;}
.small p {font-size: 0.875em;}
blockquote {font-size: 1em;margin-left: 12px;}
.right {float: right;}
.left {float: left;}
.align-right {display: table;margin-left: auto;}
.align-left {display: table;margin-right: auto;}
.va-top {display:inline-block;}
.va-middle {display: inline-block;vertical-align: middle;}
.va-bottom {display: inline-block;vertical-align: bottom;}
/* ----------------------------------------------------------------
======================= Background styles ======================
----------------------------------------------------------------- */
/* --------------- Background colors ------------- */
.bg-gray {background: #f5f5f5;}
.bg-default {color: #fff;}
.bg_dark_overlay {background: rgb(0,0,0);background: rgba(0, 0, 0, 0.80);color: #fff;} /* Transparent black - used for dark overlay */
.bg_black_overlay {background: rgb(0,0,0);background: rgba(0, 0, 0, 0.7 );color: #fff}
.bg-dark {background: #1c1c1c;color: #fff;}/* -- Background images -- */
.bg-tweets {background: url(../img/bg-tweets.jpg) no-repeat center top;background-size: cover;background-attachment: fixed;color: #fff;}
.bg-featured {background-attachment: fixed;color: #f1f1f1; background-color: #343434;}
.bg-featured h3 {color: inherit;}
.bg-featured h1 {color: #343434;}
.bg-first {background: url(../img/bg-dark.jpg) no-repeat center top;background-size: cover;background-attachment: fixed;color: #fff;}
.bg-second {background: url(../img/bg-second.jpg) no-repeat center top;background-size: cover;background-attachment: fixed;color: #fff;}
.bg-third {background: url(../img/bg-third.jpg) no-repeat center top;background-size: cover;background-attachment: fixed;color: #fff;}
.bg-testimonial .section-heading {color: #fff;}
.page-bg {background-size: cover;background-attachment: fixed;position: relative;}
/* ----------------------------------------------------------------
======================= Button styles ==========================
----------------------------------------------------------------- */
.btn, input[type="submit"].btn,
.comment-respond input[type="submit"], input[type="submit"] {border: 2px solid transparent;max-width: 100%;display: inline-block;color: #fff;font:1em/1.5em 'Montserrat', sans-serif;padding: 10px 22px; -webkit-border-radius: 6px;
-moz-border-radius: 6px;
-o-border-radius: 6px;
border-radius: 6px;
-webkit-transition: all 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750);
-moz-transition: all 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750);
-o-transition: all 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750);
transition: all 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750); /* linear */
-webkit-transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750);
-moz-transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750);
-o-transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750);
transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750); /* linear */
}
.btn-xsmall {line-height: 20px;padding: 4px 16px;font-size: 12px;font-weight: 400;}
.btn-small {line-height: 24px;padding: 6px 16px;}
.btn-medium {line-height: 28px;padding: 14px 26px;font:16px/22px 'Montserrat', sans-serif;}
.btn-large {padding: 10px 30px;width:260px;max-width: 100%;font:18px/40px 'Montserrat', sans-serif;}
/*input[type="submit"].btn:hover {background: #333; color: #fff;}*/
.btn-signup {width: 100%;border-radius: 0;font-size: 24px;min-height: 74px;padding:27px 20px;line-height: 20px;border: none;}
.btn-signup:hover {box-shadow: 0 0 6px rgba(0, 0, 0, 0.4)}
/* -- button top bottom margins */
.btn {margin: 10px 0;}
* .btn:last-child {margin-bottom: 0;}
.btn:first-child {margin-top: 0;}
/* ============================ Alert =============================== */
.alert {border: none;color: #666;background: #f5f5f5;}
.alert-success {background: #66CB8E;color: #fff;}
.alert-info {background: #60B5C0;color: #fff;}
.alert-warning {background: #E5A363;color: #fff;}
.alert-danger {background: #EC7070;color: #fff;}
.padding-tb {padding-top: 90px;padding-bottom: 90px; /*overflow: hidden;*/}
/* -- Top and bottom bottom padding for each section */
.padding-tb .v-centered .fullwidthbanner-container:first-child,
.padding-tb .v-centered .fullscreen-container:first-child,
.padding-tb .v-centered #gallery:first-child,
.padding-tb .v-centered .main_slider {margin-top: -90px;}
.padding-tb .v-centered .fullwidthbanner-container:last-child,
.padding-tb .v-centered .fullscreen-container:last-child,
.padding-tb .v-centered #gallery:last-child,
.padding-tb .v-centered .main_slider {margin-bottom: -90px;}
.padding-tb > .fullwidthbanner-container:first-child,
.padding-tb > .fullscreen-container:first-child,
.padding-tb > #gallery:first-child,
.padding-tb > .main_slider {margin-top: -90px;}
.padding-tb > .fullwidthbanner-container:last-child,
.padding-tb > .fullscreen-container:last-child,
.padding-tb > #gallery:last-child,
.padding-tb > .main_slider {margin-bottom: -90px;}
.padding-tb50 > .fullwidthbanner-container:first-child,
.padding-tb50 > .fullscreen-container:first-child,
.padding-tb50 > #gallery:first-child,
.padding-tb50 > .main_slider {margin-top: -50px;}
.padding-tb50 > .fullwidthbanner-container:last-child,
.padding-tb50 > .fullscreen-container:last-child,
.padding-tb50 > #gallery:last-child,
.padding-tb50 > .main_slider {margin-bottom: -50px;}
/*.full-width {}*/
.no-pading {padding-left:0 !important;padding-right: 0 !important;}
.padding-lr50 {padding-left: 50px;padding-right: 50px;}
.bg-default h2 {color: #fff;margin: 0;padding: 18px 0;}
/* ----------------------------------------------------------------
======================= Paddings ==============================
----------------------------------------------------------------- */
.padding-tb5 {padding-top:5px;padding-bottom:5px;}
.padding-tb10 {padding-top:10px;padding-bottom:10px;}
.padding-tb15 {padding-top:15px;padding-bottom:15px;}
.padding-tb20 {padding-top:20px;padding-bottom:20px;}
.padding-tb25 {padding-top:25px;padding-bottom:25px;}
.padding-tb30 {padding-top:30px;padding-bottom:30px;}
.padding-tb40 {padding-top:40px;padding-bottom:40px;}
.padding-tb50 {padding-top:50px;padding-bottom:50px;}
.padding-tb60 {padding-top:60px;padding-bottom:60px;}
.padding-tb70 {padding-top:70px;padding-bottom:70px;}
.padding-tb80 {padding-top:80px;padding-bottom:80px;}
.padding-tb90 {padding-top:90px;padding-bottom:90px;}
.padding-tb100 {padding-top:100px;padding-bottom:100px;}
.padding-tb110 {padding-top:110px;padding-bottom:110px;}
.padding-t10 {padding-top: 10px}
.padding-t20 {padding-top: 20px}
.padding-t30 {padding-top: 30px}
.padding-t40 {padding-top: 40px}
.padding-t50 {padding-top: 50px}
.padding-t60 {padding-top: 60px}
.padding-t70 {padding-top: 70px}
.padding-t80 {padding-top: 80px}
.padding-t90 {padding-top: 90px}
.padding-t100 {padding-top: 100px}
.padding-t110 {padding-top: 110px}
.padding-t120 {padding-top: 120px}
.padding-t130 {padding-top: 130px}
.padding-t140 {padding-top: 140px}
.padding-t150 {padding-top: 150px}
.padding-b10 {padding-bottom: 10px;}
.padding-b20 {padding-bottom: 20px;}
.padding-b30 {padding-bottom: 30px;}
.padding-b40 {padding-bottom: 40px;}
.padding-b50 {padding-bottom: 50px;}
.padding-b60 {padding-bottom: 60px;}
.padding-b70 {padding-bottom: 70px;}
.padding-b80 {padding-bottom: 80px;}
.padding-b90 {padding-bottom: 90px;}
.padding-b100 {padding-bottom: 100px;}
/*.page-wrapper {}*/
.header {z-index: 3000}
/* ---------------------------------------------------------------------
======================= Header (Full width) =========================
---------------------------------------------------------------------- */
.header {z-index: 10000;position: fixed;width: 100%;}
.header_top {font-size: 12px;line-height: 18px;padding: 6px 0;background:#4b4b4b;}
.header_top ul {display: block;margin: 0;padding: 0;}
.header_top ul li {display: inline-block;margin: 0 30px 0 0;padding: 0;}
.header_top ul li .fa {display: inline-block;height: 18px;width: 18px;margin-right:0;line-height: 18px;}
.header_top a {text-align: center;line-height: 18px;}
.header_top .header_social {text-align: right;}
.header_top .header_social li {margin: 0;vertical-align: top;margin: -6px 0;}
.header_top .header_social a {display: block;padding: 8px;}
.header_top .header_social a:hover {background:rgba(0, 0, 0, 0.3);}
.header_top .header_social .fa {line-height: 20px;font-size: 1em;text-align: center;vertical-align: top;}
.header.sticky,
.header.trans-header {box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);position: fixed;top: 0;left: 0;width: 100%;}
.header.non-sticky {box-shadow: none;border-bottom: 0;border: none;position: relative;}
.trans-header.non-sticky {position: absolute;width: 100;left: 0;top: 0;}
.navigation-wrap {background: #f5f5f5;}
.side-nav .navigation-wrap {height: 100%;}
/* ============ Transparent Header =============== */
.navbar-header a.logo-trans,
.navbar-header a.trans-header .logo {display: none;}
.header.trans-header {background: transparent;box-shadow: none;}
.header.trans-header li,
.header.trans-header li a {color: #fff;}
.trans-header.sticky li,
.trans-header.sticky li a,
.header.trans-header li ul li,
.header.trans-header li ul li a {color: #323232;}
.trans-header.sticky {background: #fff;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);}
.trans-header .navbar-nav .sub-menu {background: #f5f5f5;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3)}
.trans-header.sticky a.logo-trans,
.trans-header a.logo {display: none;}
.trans-header a.logo-trans,
.trans-header.sticky a.logo {display: inline-block;}
/*.transparent-header {position: fixed; top: 0; left: 0; width: 100%; background: rgba(255,255,255,0.3); border-bottom-color: rgba(255,255,255,0.15);}.transparent-header.sticky {background: rgba(255,255,255,0.95);}*//* -- navigation -- */
.navbar {display: table;width: 100%;}
.navbar-header,
.navigation {float: none;display: table-cell;vertical-align: middle;}
.navigation {text-align: right;vertical-align: middle;}
.navbar-header {line-height: 36px;min-height: 36px;}
.navbar-header a {margin: 10px 0;display: inline-block;}
.navbar {margin: 0;border: none;}
.navbar-nav {}
.navbar-nav.navbar-right:last-child {margin: 0;}
.navbar-nav li {font-size: 13px;color: #323232; font-weight: bold;}
.navbar-nav > li > a {line-height: 40px;color: #323232;background: inherit;position: relative;z-index:200;white-space: pre-wrap;}
.side-nav .navbar-nav > li > a {padding-top: 10px;padding-bottom: 10px;line-height: 30px;}
.nav > li > a:hover,
.nav > li > a:focus,
.nav > li:hover > a {background:transparent;}
.nav > li:hover {background:#eee;}
.navbar-nav > li > a .fa {font-size: 12px;margin:0 0 5px 5px;display: inline-block;vertical-align: middle;}
/*ul.nav li.dropdown:hover ul.dropdown-menu{display: block; }*/
.navbar-nav .sub-menu {z-index: 10000;border: none;box-shadow: none;padding: 0;left: auto;right: 0;border-radius: 0;font-size: inherit;background: #f5f5f5;min-width: 180px;margin-top: 0; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);}
.sub-menu li {display: block;position: relative;border-bottom: 1px solid rgba(255, 255, 255, 0.2);border-right: none;font-size: 13px;font-weight: 800;}
.sub-menu li:last-child {border: none;}
.sub-menu li a {display: block;padding: 10px 20px;outline-width: 0;color: #323232;}
.sub-menu li a:hover {text-decoration: none;}
.sub-menu ul.sub-menu {padding: 0;position: absolute;left: 100% !important;top: 0;width: 200px;display: none;}
.dropdown-menu>li>a {white-space: pre-wrap;}/*.sub-menu ul.sub-menu:before {content: ''; border: 6px solid transparent; border-right: 6px solid rgba(0,0,0,0.5); position: absolute; top: 12px; left: -12px; }*/
.header .header-social {display: none;}
.header .social {display: block;list-style: none;padding: 0;text-align: center;}
.header .social li {display: inline-block;margin: 0 5px;}
.header .social li a {color: #000;font-size: 16px;line-height: 20px;display: block;padding: 5px;}
.navbar-nav li.dropdown a {padding-right: 35px; font-weight: bold;}
.navbar-nav li span {position:absolute;top:0;bottom:0;right:5px;height:30px;width:30px;line-height:30px;text-align:center;text-align:center;margin:auto;cursor:pointer;z-index: 201;font-size: 0.65em;}
.navbar-nav li .sub-menu li span {height:40px;line-height:40px;}
/*.transparent-header.sticky .navbar li,
.transparent-header.sticky .navbar-nav {border-right-color: rgba(255,255,255,0.15);}*/
.side-nav .navbar,
.side-nav .navbar-header {display: block;}
/* ----------------------------------------------------------------
============= Header (Left menu & right menu) =================
----------------------------------------------------------------- */
@media(min-width: 1280px) {
.side-nav .header {float: left; position: fixed; left: 0; top: 0; height: 100%; width: 256px; background: #fff; box-shadow: 1px 0 8px -1px rgba(0, 0, 0, 0.3); visibility: visible !important; max-height: 100%; overflow: auto; overflow-x:hidden;}
.side-nav .header_top {display: none !important;}
.right-nav .header {left: auto;right: 0;}
.side-nav .navbar-header {padding: 40px 0;text-align: center;float: none;display: block;margin: 10px auto;}
.side-nav .navbar-header .navbar-header a {margin: 0;}
.side-nav .navbar-nav {float: none !important;border: none;margin: 0 -15px;}
.side-nav .navbar-nav li {display: block;float: none;border: none;}
.side-nav .navbar-nav li a {text-align: center; font-size: 16px; padding-right: 15px; }
.side-nav .navbar-nav li > .sub-menu {position: static; left: auto; width: 100%; float: none; box-shadow: none; padding: 0; border: none; background: rgba(238, 238, 238, 0.5); }
.side-nav .navbar-nav li > .sub-menu a {line-height: 20px;} /*.left-nav .navbar-nav li > .sub-menu,
.left-nav .navbar-nav li > .sub-menu ul.sub-menu {left: 100%;}*/
.side-nav .navbar-nav li > .sub-menu ul.sub-menu {position: static;width: auto;}
.side-nav .navbar-nav li > .sub-menu ul.sub-menu a:hover {text-decoration: none;}
.side-nav .navbar-nav li > .sub-menu li:last-child {border-bottom: none;}
.side-nav .navbar-nav li.dropdown > a {z-index: 0}
.side-nav .navbar-nav li span {position:absolute;top:0;bottom:auto;right:0;height:50px;width:50px;line-height:50px;background:#ddd;background:rgba(0, 0, 0, 0.1);text-align:center;z-index:10;}
/*.side-nav .sticky .navbar-header {padding: 10px 0;}
.side-nav .sticky .navbar-nav > li span {height: 40px;width: 40px;line-height: 40px;}*/
.side-nav .navbar-nav li .sub-menu li span .fa {
-webkit-transform:rotate(90deg);
-moz-transform:rotate(90deg);
-o-transform:rotate(90deg);
transform:rotate(90deg);
}
.page-wrapper {position: relative;}
.left-nav .page-wrapper {padding-left: 256px;}
.right-nav .page-wrapper {padding-right: 256px;}
.side-nav .header-social {display: block;}
.side-nav #header {overflow: hidden;z-index: 2000;}
.side-nav #header::-webkit-scrollbar {visibility:visible;}
.side-nav #header .container-fluid {position: static;}
.side-nav #header .navbar {position: absolute;top: 0;bottom: 0;left: 0;right: -17px;overflow: scroll;overflow-x:visible;width: auto;padding: 5% 12px;}
.side-nav #header .navbar::-webkit-scrollbar {visibility:hidden;}
/*.sticky .navbar-nav > li > a {padding: 0 15px;}*/
}
@media (max-width: 1023px) {
.trans-header a.logo-trans {display: none !important;}
.trans-header.sticky a.logo,
.trans-header a.logo {display: block !important;}
}
@media (min-width:992px) {
body.admin-bar .trans-header {top: 32px;z-index: 1000;}
.navigation {display: table-cell !important;}
.side-nav .navigation {display: block !important;}
/*.navbar-nav > li.dropdown > a {padding-right:35px;}
.side-nav .navbar-nav > li.dropdown > a {padding-right: 55px;}*/
/* ------- Transparent header hover color -------------- */
.header.trans-header li:hover > a,
.header.trans-header li a:hover,
.header.trans-header li:hover{color:#fff;}
}
@media (min-width:992px) and (max-width: 1279px) {
.side-nav .header {position: fixed;}
.side-nav .header.non-sticky {position: absolute;}
.side-nav .navbar {display: table;width: 100%;}
.side-nav .navbar-header,
.side-nav .navigation {display: table-cell !important;}
/*.side-nav .navbar-nav > li.dropdown > a {padding-right: 35px;}*/
}
@media (max-width:991px) {
.side-nav .header.trans-header li,
.side-nav .header.trans-header li a {color: #323232}
.header.trans-header {background: #fff;top: 0;}
.trans-header.sticky,
.header {position: fixed;width: 100%;}
.trans-header.non-sticky,
.header.non-sticky {width: 100%;position: relative;top: 0;}
body.admin-bar .trans-header.non-sticky {top: 0;}
.navbar-nav > li > a,
.header.trans-header li,
.header.trans-header li a {color: #323232;}
.navbar-nav > li.dropdown > a {z-index:0;}
/* Submenu click button */
.navbar-nav li span {position:absolute;top:0;bottom:auto;right:0;height:50px;width:50px;line-height:50px;background:#ddd;background:rgba(0, 0, 0, 0.1);text-align:center;z-index:10;}
.navbar-nav li .sub-menu li span .fa {
transform:rotate(90deg);
-o-transform:rotate(90deg);
-moz-transform:rotate(90deg);
-webkit-transform:rotate(90deg);
}
}
@media (min-width: 783px) {
body.admin-bar .trans-header,
body.admin-bar.left-nav .header,
body.admin-bar .header.sticky {top: 32px;z-index: 2000;}
}
@media (max-width: 782px) {
body.admin-bar .trans-header {top: 46px;}
}
@media(max-width: 767px) {
.navbar-nav li span {height: 40px;width: 40px;line-height: 40px;}
}
@media (max-width: 600px) {
.header {position: fixed;top: 0;left: 0;width: 100%;}
body.admin-bar .header {top: 46px;z-index: 1000;}
body.admin-bar #header.non-sticky, body.admin-bar #header.sticky {top: 0;}
.navbar-header {padding: 10px 0 0;}
}
/* ----------------------------------------------------------------
======================= Mobile nav ===========================
----------------------------------------------------------------- */
.mob-nav-active {float: left;position: fixed;left: 0;top: 0;width: 256px;background: #fff;box-shadow: 1px 0 8px -1px rgba(0, 0, 0, 0.3);visibility: visible !important;max-height: 100%;overflow: auto;}
.mob-nav-active.sticky {width: 256px;}
.mob-nav-active .navbar-header {text-align: center;float: none;display: block;margin: 20px auto;}
.mob-nav-active .navbar-nav {float: none !important;border: none;margin: 0 -15px;}
.mob-nav-active .navbar-nav li {display: block;float: none;border: none;border-bottom: dashed 1px #bcbcbc;}
.mob-nav-active .navbar-nav li a {padding: 5px 10px;text-align: center;font-size: 16px;}
.mob-nav-active .navbar-nav li a:hover {color: #fff;}
.mob-nav-active .navbar-nav li > .sub-menu {position: static;width: 100%;float: none;box-shadow: none;padding: 0;border: none;}
.mob-nav-active .navbar-nav li > .sub-menu li:last-child {border-bottom: none;}
.mob-nav {height: 36px;background:#f5f5f5;color: #404040;border-radius: 5px;font-size: 1em;line-height: 26px;display: block;cursor: pointer;padding: 0 12px;display: none;position: absolute;top: 0;bottom: 0;right: 20px;margin: auto;text-align: center;}
.mob-nav:hover {color: #fff;}
.mob-nav .fa,
.side-nav .side-nav-trigger .fa {display: inline-block;height: 36px;width: 22px;line-height: 36px;text-align: center;}
.side-nav-trigger {display: none;}
.side-nav .side-nav-trigger {height: 36px;background:#f5f5f5;color: #404040;border-radius: 5px;font-size: 1em;line-height: 26px;display: block;cursor: pointer;padding: 0 12px;display: none;position: absolute;top: 10px;left: 10px;margin: auto;text-align: center;z-index: 20001;}
/* ----------------------------------------------------------------
======================= Slider =================================
----------------------------------------------------------------- */
.main_slider {padding: 0;position: relative;}
.main_slider img {width: 100%;height: auto;}
.main_slider .flex-control-nav {bottom: 40px;z-index: 10;}
.slide-contents {position: absolute;top: 0;left: 0;width:100%;height: 100%;padding:30px;text-align: center;}
.slide-contents:before {width: 0;height: 100%;display: inline-block;vertical-align: middle;content: "";margin-left: -5px;}
.slide-contents .v-center {display: inline-block;vertical-align: middle;}
.main_slider .slides h1 {margin-bottom: 30px;font-size: 45px;color: #fff;}
.main_slider .slides h4 {font:24px/36px 'Montserrat', sans-serif;display: table;margin: 0 auto 10px;}
.main_slider .slides h3 {color: #fff;text-transform: capitalize;font:400 30px/0.9em 'Montserrat', sans-serif;max-height: 60px;}
.flex-direction-nav {z-index: 2000;}
.main_slider .flex-direction-nav .flex-prev,
.main_slider .flex-direction-nav .flex-next {left: 50px;/* background: url(../img/navs.png) no-repeat 0 0;*/height: 100px;width:40px;z-index: 10;opacity:1;font-size: 0;margin-top: -50px;}
.main_slider .flex-direction-nav .flex-next {right: 50px;/* background: url(../img/navs.png) no-repeat -40px 0;*/left:auto;right: 50px;}
.main_slider .flex-direction-nav .flex-prev:before,
.main_slider .flex-direction-nav .flex-next:before {content:"\f105";font-family: 'fontAwesome';height: 100%;width: 100%;position: absolute;color: #fff;left: 0;top: 0;text-align: center;line-height: 80px;font-size: 80px;text-shadow:none;}
.main_slider .flex-direction-nav .flex-prev:before {content:"\f104";}
/* ----------------------------------------------------------------
======================= Progress bars ============================
----------------------------------------------------------------- */
.progress {height: 34px;background: #d2d8db;box-shadow: none;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;}
.boxed .progress:last-child {margin-bottom: 0;}
.progress-bar {height: 34px;line-height: 34px;padding: 0;font-size: 1em;color: #fff;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;box-shadow: none;-moz-box-shadow: none;-webkit-box-shadow: none;opacity: 0;}
.team-member {text-align: center;}
.team-item {position: relative;text-align: center;color: #989898;display: inline-block;margin: 0 auto;}
.team-item img {vertical-align: top;margin: 0;padding: 0;border: none;display: block;width: 100%;}
.member-details {display: block;font:1em/1.5em 'Montserrat', sans-serif;color: #989898;padding: 20px;position: relative;}
.member-details h4 {font: 1em/1.5em 'Montserrat', sans-serif;position: relative;margin-bottom: 20px;margin-top: 0;}
.member-details h4:after {position: absolute;bottom: -10px;left: 0;right: 0;margin: 0 auto;width: 100px;height: 1px;background: #e7e7e7;content: '';}
.member-details ul {display: block;list-style: none;padding: 0;margin: 0;overflow: hidden;}
.member-details ul li {margin: 10px 5px 0 5px;font-size: 22px;display: inline-block;line-height: 40px;text-align: center;}
.member-details ul li a {display: block;color: #989898;height: 40px;width: 40px;border-radius: 50px;border: 2px solid #989898;position: relative;z-index: 100;}
.team-item span {position: relative;}
.team-item:hover,
.team-item:hover span {color: #fff;}
.team-item:hover ul li a {color:#fff;border-color: #fff;}
.team-item:hover .member-details h4 {color: #fff;}
.team-item:hover .member-details h4:after {background: #fff;}
.team-item {position: relative;overflow: hidden;}
.team-item:hover img {
-webkit-filter:grayscale(1);
-moz-filter:grayscale(1);
filter:grayscale(1);
filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 10+, Firefox on Android */
overflow: hidden;
}
.team-item .member-details:before {position: absolute; z-index: 0; top: 0; bottom: 0; left: 0; right: 0; color: #fff; content: ''; height: 0; width: 0; margin: auto; opacity: 0;}
.team-item:hover .member-details:before {height: 100%; width: 100%; opacity: 1;}
/* ----------------------------------------------------------------
======================= tweets =================================
----------------------------------------------------------------- */
.wn-slider {display: block; position: relative;}
.wn-slider .icon-white {display: table; height: 64px; width: 64px; border: 2px solid #fff; font-size: 30px; line-height: 60px; border-radius: 100px; margin: 0 auto 54px auto;}
.wn-slider ul {display: block; list-style: none;}
.wn-slider .flex-direction-nav .flex-prev,
.wn-slider .flex-direction-nav .flex-next {left: 50px; background: rgba(0, 0, 0, 0.5); height: 60px; width:60px; z-index: 200; opacity:1; font-size: 0; margin-top: -30px;}
.wn-slider .flex-direction-nav .flex-next {right: 50px; left:auto; right: 50px;}
.wn-slider .flex-direction-nav .flex-prev:before,
.wn-slider .flex-direction-nav .flex-next:before {content:"\f105"; font-family: 'fontAwesome'; height: 100%; width: 100%; position: absolute; color: #fff; left: 0; top: 0; text-align: center; text-shadow:none; line-height: 60px; font-size: 32px;}
.wn-slider .flex-direction-nav .flex-prev:before {content:"\f104";}
.wn-slider p {font-family: 'Roboto Condensed', sans-serif; font-style: italic; font-weight: 300; font-size: 1.5em;}/*.portfolio-nav {}*/
.portfolio-nav ul {display: table; margin: 20px auto 80px; border-bottom: 1px solid #f5f5f5; padding: 0; font: 1em/1.5em 'Montserrat', sans-serif; text-align: center;}
.portfolio-nav li {display: inline-block; margin: 0 10px; text-align: center;}
.portfolio-nav li a {display: block; padding: 5px 10px;}
.portfolio-nav li.active a,
.portfolio-nav li:hover a {color: #fff; text-decoration: none}
.portfolio-nav li:first-child {margin-left: 0;}
.portfolio-nav li:last-child {margin-right: 0}
.portfolio {display: block; font-size: 0; list-style: none; padding: 0; margin: 0 auto 30px; text-align: center;}
.portfolio ul {padding: 0; margin: 0;}
.portfolio li {display: inline-block; font-size: 16px; width: 33.333%; position: relative; margin: -1px; float: left; /*max-width: 294px;*/ z-index: 10;}
.portfolio li a {color: #fff; height: 34px; width: 34px; padding: 5px; line-height: 24px; text-align: center; font-size: 18px; display: inline-block; border-radius: 6px;}
.portfolio li a:hover {
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);
}
.portfolio li .thumb-wrap {position: relative; z-index: 200; display: block; height: 100%; width: 100%; border: 0;}
.portfolio li .thumb-wrap img {position: relative; top: 0; vertical-align: bottom; display: block;}
.portfolio-details {position: absolute; top:0%; left: 0; height: 100%; width: 100%; overflow: hidden; padding: 30px; color: #fff; opacity: 0;}
.portfolio-details:before {content: ''; height: 100%; width: 0; display: inline-block; vertical-align: middle; margin-right: -5px;}
.portfolio-details p {font-size: 12px; line-height: 18px; overflow: hidden; max-height: 7.8em; margin-bottom: 0;}
.portfolio-details p,
.portfolio-details h4 {color: #fff; position: relative; margin-top: 0;}
.portfolio-details h4:after {height: 3px; width: 110px; height: 1px; background: #e7e7e7; position: absolute; bottom: -6px; margin:0 auto; left: 0; right: 0; content: ''}
.portfolio-details .cat_name {display: block; padding-bottom: 20px;}
.portfolio-details a.btn {background: #fff; border: none;}
.portfolio-details a.btn:hover {background: #333; color: #fff;}
.portfolio li:hover {z-index: 200;}
.portfolio li:hover .thumb-wrap img {top: -50%; margin-top: 1px;}
.portfolio li:hover .portfolio-details {opacity: 1; top: 50%;}
.portfolio-item {margin: 5px; position: relative;}
/* ----------------------------------------------------------------
======================= Package pricing ========================
----------------------------------------------------------------- */
.price-box {background: #fff;}
.price-box-head {background: #333; color: #fff; padding: 20px; text-align: center;}
.price-box-head h4 {font-size: 22px; font-weight: 700; color: #fff;}
.package-price {position: relative; width: 210px; height: 46px; margin:0 auto -43px; color: #fff; font-size: 18px; line-height: 26px; text-align: center; font-weight: 700; padding: 10px;}
.price-box ul {margin: 40px 0 10px; padding-left: 0; text-align: center;}
.price-box ul li {font-size: 16px; color: #8b8a88; line-height: 20px; border-bottom: 1px solid #f5f5f5; padding: 15px 20px; list-style: none; background: none;}
.price-box ul li:last-child {border-bottom: none;}
.featured-price .price-box-head,
.featured-price .btn-signup {color: #fff;}
.featured-price .price-box-head p {color: #fff;}
.featured-price .package-price {background: #333;}/* --------------- Recent posts ------------------------------- */
.recent-post {display: block; background: rgba(0, 0, 0, 0.06); padding: 20px; max-width: 400px; margin: 0 auto 20px;}
.rp-thumb {margin:-20px -20px 15px; text-align: center; background: rgba(0, 0, 0, 0.1);}
.recent-post .post_details {margin-bottom: 5px;}
.recent-post h4 {margin-bottom: 10px; margin-top: 20px;}
.recent-post h4 a {color:#262626}
.recent-post p {margin-bottom: 1em;}/* --------------- Client Slider --------------- */
#client_slider {position: relative; padding: 0 50px;}
#client_slider .flex-direction-nav .flex-next {right: 0;}
#client_slider .flex-direction-nav .flex-prev {left: 0;}
.client-slider {display: block; font-size: 0;}
.client-slider li {position: relative; display: inline-block; margin:0; border-right: none;}
.client-slider li img {
filter:grayscale(1);
-moz-filter:grayscale(1);
-webkit-filter:grayscale(1);
filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 10+, Firefox on Android */
overflow: hidden;
}
.client-slider li img:hover {
filter:grayscale(0);
-moz-filter:grayscale(0);
-webkit-filter:grayscale(0);
filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 10+, Firefox on Android */
overflow: hidden;
}
.client-slider li:last-child {border-right: 1px solid #e3e3e3;}
/* --------------- Gallery --------------- */
.gallery {display: block;font-size: 0;}
.gallery ul {padding: 0;margin: 0;text-align: center; /*background:#404040;*/}
.gallery li {display: inline-block;width: 25%; /*margin: -1px;*/position: relative;font-size: 16px;overflow: hidden;}
.gallery li img {
-webkit-transform:scale(1);
-moz-transform:scale(1);
-ms-transform:scale(1);
-o-transform:scale(1);
transform:scale(1);
}
.gallery li:hover img {
-webkit-transform:scale(1.2);
-moz-transform:scale(1.2);
-ms-transform:scale(1.2);
-o-transform:scale(1.2);
transform:scale(1.2);
filter:blur(6px);
-webkit-filter:blur(6px);
}
.thumbnail-overlay {display: block;position: absolute;top: 0;left: 0;height: 100%;width: 100%;background: rgba(0, 0, 0, 0.6);padding: 20px;text-align: center;color: #fff;opacity: 0;}
.thumbnail-overlay .fa {display: table;margin: 0 auto;width: 60px;height: 60px;line-height: 60px;text-align: center;border-radius: 80px;color: #bbb;font-size: 20px;margin-bottom: 12px;
-webkit-transform:scale(0);
-moz-transform:scale(0);
-ms-transform:scale(0);
-o-transform:scale(0);
transform:scale(0);
}
.thumb {display: block; color: #fff; position: relative; top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.gallery li:hover .thumbnail-overlay {opacity: 1;}
.gallery li:hover .thumbnail-overlay .fa {
-webkit-transform:scale(1);
-moz-transform:scale(1);
-ms-transform:scale(1);
-o-transform:scale(1);
transform:scale(1);
}
/* ----------------------------------------------------------------
======================= Contact Styles =========================
----------------------------------------------------------------- */
.contact-info {display: block; list-style: none; padding: 0;}
.contact-info li {display: block; padding:10px 20px 10px 30px; position: relative; line-height: 30px;}
.contact-info li .fa {position: absolute; left: 0; top: 18px; height: 20px; width: 20px; font-size: 16px;}
/* ----------------------------------------------------------------
======================= Form elements ==========================
----------------------------------------------------------------- */
input[type="text"],
input[type="email"],
input[type="password"],
textarea,
select {min-height: 50px; line-height: 20px; padding: 15px 25px; border: 1px solid #ccc; margin-bottom: 32px; width: 100%; color: #666;}
/* ----------------------------------------------------------------
======================= Bread crumb ==========================
----------------------------------------------------------------- */
.breadcrumb {background: transparent;padding: 0;margin: 0;text-transform: lowercase;}
.breadcrumb>.active {color: inherit;}
.breadcrumb a{color: #fff;}
/* ----------------------------------------------------------------
======================= Contact form validation ================
----------------------------------------------------------------- */
.contactnameerror,
.contactemailerror,
.contactmessageerror {margin-top: -30px;margin-bottom: 20px;padding: 5px;color: #CB4119;position: relative;overflow: hidden;font-size: 0.8em;}
.contacterror input[type="text"],
.contacterror input[type="email"],
.contacterror input[type="password"],
.contacterror textarea,
.contacterror select {box-shadow: 0 0 3px #FFB09D;border-color: #FCAFAF;}
.contacterror .contactnameerror,
.contacterror .contactemailerror,
.contacterror .contactmessageerror {display: block;}
/* ----------------------------------------------------------------
======================= Google map =============================
----------------------------------------------------------------- */
.dark-ribbon {background: #1c1c1c;padding: 26px 12px;color: #9d9d9d;text-align: center;font:700 24px/46px 'Montserrat', sans-serif;text-align: center;display: block;}
.dark-ribbon .fa {display: inline-block;height: 36px;width: 36px;margin-left: 8px;}
.google-map {height: 99px;overflow: hidden;width: 100%;}
.google-map.map-visible {height: 599px;}
#map-canvas {height: 500px;width: 100%;}
.map-wrap iframe {vertical-align: top;}
.map-toggle:hover {cursor: pointer;text-decoration: none;}
/* ----------------------------------------------------------------
======================= Footer =================================
----------------------------------------------------------------- */
#footer {background: #111; color: #BABABA;}
#footer h4 {color: #efefef;}
#footer ul {list-style: none; padding: 0; margin: 0;}
#footer ul li {display: block; padding: 0 ; position: relative;}
#footer ul li:after {position: absolute; left: 0; top: 7px; height: 15px; width: 15px; content: "\f054"; font-family:'fontAwesome'; font-size: 10px; line-height: 15px; display: none;}
#footer ul li a {display: block; margin-bottom: 3px; color:#aeaeae; padding: 5px;}
#footer ul li.recentcomments {display: block; margin-bottom: 3px; color:#aeaeae; padding: 4px 5px 5px 15px;}
#footer ul li .posted_date {font-size: 0.8em; color: #777; margin: -10px 0 5px 5px; display: block;}
#footer .social {display: block; margin: 0 0 10px; padding: 0;}
#footer .social li {display: inline-block; position: static; padding: 0;}
#footer .social li:after {display: none;}
#footer .social li a {display: block; height: 36px; width: 36px; background: #000; color: #888; line-height: 40px; text-align: center; font-size: 16px; border-radius: 40px; padding: 0;}
#footer .social li a:hover {color: #fff; text-decoration: none;}
#footer .social li a .fa {vertical-align: top; line-height: 36px; display: block;}
.footer-bottom {background: #000; padding: 30px 0; overflow: hidden;}
#footer h3 {margin-bottom: 5px;}
#footer .footer-bottom p {color: #A1A1A1; font-size: 1em;}
.goto-top {height: 36px; width: 36px; background: #404040; color: #eee; font-weight: bold; text-align: center; line-height: 36px; display: inline-block; border-radius: 60px; font-size: 18px;}
.goto-top:hover {color: #eee;}
/* -----------------------------------------------------------------
===================== Icon Box ==========================
----------------------------------------------------------------- */
.icon-box {display: block; padding-left: 100px;}
.icon-x2 {padding-left: 100px;}
.icon-x3 {padding-left: 120px;}
.icon-x4 {padding-left: 140px;}
.icon-top {padding: 0;}
.icon {display: inline-block; height: 60px; width: 60px; line-height: 60px; font-size: 24px; color: #fff; border-radius: 60px; text-align: center; position: relative;}
.icon .fa {position: relative; z-index: 100;}
.icon:before {content: ''; height: 0; width: 0; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: #fff; margin: auto; border-radius: 60px;}
.icon:after {top: 0; left: 0; padding: 7px; content: ''; position: absolute; height: 100%; width: 100%; border-radius: 60px; opacity: 0;}
.icon:hover:before {height: 100%; width: 100%;}
.icon:hover:after {
opacity: 1;
-webkit-animation: icon 1s 1; /* Safari 4+ */
-moz-animation: icon 1s 1; /* Fx 5+ */
-o-animation: icon 1s 1; /* Opera 12+ */
animation: icon 1s 1; /* IE 10+, Fx 29+ */
}
.icon-box .icon {margin-left: -90px;float:left;}
.icon-x2 .icon {height: 80px;width: 80px;line-height: 80px;border-radius: 80px;margin-left: -100px;font-size: 34px;}
.icon-x3 .icon {height: 100px;width: 100px;line-height: 100px;border-radius: 100px;margin-left: -120px;font-size: 44px;}
.icon-x4 .icon {height: 120px;width: 120px;line-height: 120px;border-radius: 120px;margin-left: -140px;font-size: 54px;}
.icon-top .icon {text-align: center;margin: 0 0 20px;float: none;}
.icon-small {height: 40px;width: 40px;line-height: 40px;font-size: 22px;}
.icon-medium {height: 80px;width: 80px;line-height: 80px;font-size: 32px;}
.icon-large {height: 100px;width: 100px;line-height: 100px;font-size: 40px;}
/* ----------------------------------------------------------------
=================== live-counter =========================
----------------------------------------------------------------- */
.live-counter {display: block;text-align: center;}
.live-count {font-size: 60px;line-height: 72px;margin-bottom:20px;font-weight: 700;}
.live-counter p {margin-bottom: 0;}
.live-title {font-size: 22px;line-height: 32px;font-weight: 300;}
/* ----------------------------------------------------------------
======================= Blog =============================
----------------------------------------------------------------- */
.post-item {text-align: left;}
.post-item + .post-item {padding-top: 50px;}
.post-image {position: relative;display: inline-block;margin-bottom: 20px;max-width: 100%;}
.post_img_overlay {position: absolute;top: 0;left: 0;height: 100%;width: 100%;background: rgba(0, 0, 0, 0);color: #fff;font-size: 22px;}
.post_img_overlay .fa {position: absolute;top: 0;bottom: 0;right: 0;left: 0;margin: auto;height: 32px;width: 32px;
-webkit-transform:scale(0);
-moz-transform:scale(0);
-ms-transform:scale(0);
-o-transform:scale(0);
transform:scale(0);
}
.post-image:hover .post_img_overlay {background: rgba(0, 0, 0, 0.3);}
.post-image:hover .post_img_overlay .fa {
-webkit-transform:scale(1);
-moz-transform:scale(1);
-ms-transform:scale(1);
-o-transform:scale(1);
transform:scale(1);
}
/*.post-item h4 {text-transform: none; text-align: left; margin-bottom: 8px; font-size: 1.7em; font-weight: 700;} */
.post-item h4 {font:1.75em/0.9em 'Montserrat', sans-serif; margin-bottom:20px; position: relative;}
.post_details {display: block; margin-bottom: 20px; font-size: 12px;}
.post_details span {display: inline-block; padding-right: 15px;}
.post_details span .fa {display: inline-block; margin:2px 0 3px 0; vertical-align: top;}
.post-item ul.list {list-style: none; list-style-position: inside;}
.post-item ul.list li {padding-left: 22px; line-height: 1.2em; margin: 0 0 0.9em 0;}
.post-item ul.list li:before {content: "\f058"; font-family: 'fontAwesome'; float: left; margin:0 0 0 -22px;}
/* ----------------------------------------------------------------
==================== Pagination ==========================
----------------------------------------------------------------- */
.pagination,
.posts_nav,
.comment-navigation {display: block; margin: 50px 0; font-size: 0;}
.pagination ul {display: block; font-size: 0; list-style: none; text-align: center; padding: 0;}
.pagination ul li {display: inline-block; font-size: 12px; margin: 1px; padding: 0;}
.pagination ul li a {display: inline-block; line-height: 20px; padding:8px 16px; background: #f5f5f5; color: #666;}
.posts_nav a,
.continue_reading,
.reade_more,
.comment-navigation a {display: inline-block; line-height: 20px; padding:8px 16px; color: #fff; border: 2px solid #fff;}
.pagination ul li a:hover,
.pagination ul li.active a {color: #fff;}
.posts_nav a:hover,
.continue_reading:hover,
.reade_more:hover {background: #fff; text-decoration: none;}
.posts_nav span,
.comment-navigation > div {display: inline-block; width: 50%; font-size: 12px;}
.posts_nav a {display: inline-block;}
.posts_nav a .fa {font-size: 16px; display: inline-block; margin-right: 8px;}
.posts_nav span + span a .fa {margin: 0 0 0 8px;}
/* --------------- Comments navigation --------------- */
.comment-navigation {margin-bottom: 12px;}
.comment-navigation > div.left-comment-nav {text-align: right;}
.comment-navigation > div a {display: inline-block; font-weight: 700;}
/* ----------------------------------------------------------------
==================== Sidebar =============================
----------------------------------------------------------------- */
.sidebar {display: block; /*margin-top: 20px;*/ font-size: 1em;}
.sidebar .searchform {position: relative; overflow: hidden;}
.sidebar .searchform div {}
.sidebar .searchform label {display: none;}
.sidebar .searchform div:after {height: 50px; width: 50px; position: absolute; top: 0; right: 0; content: "\f002"; font-size: 18px; font-family: 'FontAwesome'; line-height: 50px; text-align: center; color: #696969; background: #fafafa; border: 1px solid #e7e7e7; border-left: none; z-index: 110;}
.sidebar .searchform input[type="text"] {padding: 10px 50px 10px 16px; margin-bottom: 0; border: none; position: relative; z-index: 100; border: 1px solid #e7e7e7; width: 100%;}
.sidebar .searchform input[type="text"]:focus {}
.sidebar .searchform input[type="submit"] {position: absolute; top: 0; right:0; height: 50px; width: 50px; background: transparent; border: none; z-index: 1000; cursor: pointer; text-indent: -200px; overflow: hidden; border-radius:0;}
.sidebar .searchform input[type="submit"]:hover + .sidebar .searchform div:after {color: #fff;}
.sidebar .searchform div:hover:after {color: #fff;}
.sidebar .searchform input[type="text"]:focus + input[type="submit"] {margin-right: 0;}
.sidebar ul {list-style: none; padding: 0; margin:0;}
.sidebar ul li {display: block; margin-bottom:0;}
.sidebar ul li a {display: block; line-height: 22px; padding: 5px 15px 5px 25px; color: #666; position: relative; margin-bottom: 2px;}
.sidebar ul li a:before {content: "\f0a9"; height: 22px; width: 15px; float: left; margin-left: -25px; font-family: 'fontAwesome'; font-size: 12px; line-height: 22px; text-align: center; color: #1fb5ac;}
.sidebar ul li a:hover {text-decoration: none;}
.sidebar h4 {margin: 0 0 12px; font-weight: 400;}
.sidebar-item {/*padding-bottom: 10px;*/}
.sidebar-item + .sidebar-item {margin-top: 30px; padding-bottom: 0; padding-top: 30px;}
.tagcloud {display: block; font-size: 0;}
.tagcloud a {display: inline-block; vertical-align: top; padding: 6px 18px; line-height: 20px; margin: 2px; background: #e7e7e7; color: #666; font-size: 12px !important;}
.tagcloud a:hover {color: #fff; text-decoration: none;}
.latest-post-blog {font-size: 14px; line-height: 18px;}
ul.latest-post-blog li {border: none; padding: 0 0 0 20px; margin-bottom: 20px; line-height: 18px;}
ul.latest-post-blog li:before {float: left; margin-left: -20px; content: "\f055"; font-family: 'fontAwesome'; color: #1fb5ac;}
ul.latest-post-blog li a {color: #666; display: block; padding: 0; background: none; line-height: 1.3em; border: none; display: block; margin-bottom: 3px;}
ul.latest-post-blog li a:before,
.sidebar ul li.recentcomments a:before {content: ""; display: none;}
ul.latest-post-blog li a:hover {text-decoration: none; background: none !important; padding: 0; color: #666;}
ul.latest-post-blog li .post-thumb {float: left; margin:0 10px 0 0;}
ul.latest-post-blog li .post-thumb img {vertical-align: top;}
.latest-post-blog span {font-size: 12px; color: #999;}
.latest-post-blog a:hover span {color: rgba(255, 255, 255, 0.6);}
.sidebar ul li.recentcomments {padding: 0 0 5px;}
.sidebar ul li.recentcomments a {display: inline-block !important; padding:0 5px !important; color: #fff;}
.sidebar ul li.recentcomments a:hover {background: #fff;}
/* -------------------- Sidebar calander ------------------------ */
#calendar_wrap caption {margin:0 0 10px; font-size: 18px;}
#calendar_wrap thead th {text-align: center; background:#FDFDFD; color: #666; text-align: center;}
#calendar_wrap tbody td {text-align: center;}
#calendar_wrap tbody td a {font-weight: bold;}
#calendar_wrap tfoot {border: 1px solid #e7e7e7;}
#calendar_wrap tfoot td {border: none; background: #FDFDFD;}
/* ----------------------------------------------------------------
================== Element's styles =======================
----------------------------------------------------------------- */
/* -------------------- Accordion --------------------------- */
.panel-default {border: none;}
.panel-collapse {border: 1px solid #ececec; border-top: none;}
.panel-heading {color: #fff; padding: 0;}
.panel-heading a {padding: 10px 15px; display: block; color: #fff; text-decoration: none; border-radius: 4px 4px 0 0;}
.panel-heading a:hover,
.panel-heading a:active,
.panel-heading a:focus,
.panel-heading a:visited {color: #fff; opacity: 1;}
.panel-heading a.collapsed {border-radius: 4px;}
.panel-heading a .pointer:before {height: 20px; width: 20px; font-family:'fontAwesome'; content: "\f0d8"; display: inline-block; text-align: center; line-height: 20px;}
.panel-heading a.collapsed .pointer:before {
-webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
-moz-transform: rotate(180deg); /* mozilla */
-ms-transform: rotate(180deg); /* IE 9 */
transform: rotate(180deg);
}
/* ------------------- blockquote ---------------------- */
.blockquote {padding: 0 50px;position: relative;border: none;margin: 0;}
.blockquote:before,
.blockquote:after {position: absolute;height: 34px;width: 34px;display: block;font-family: 'fontAwesome';content: "\f10d";font-size: 22px;top: 0;left: 0;line-height: 34px;text-align: center;}
.blockquote:after {left: auto;top:auto;bottom: 0;right: 0;content: "\f10e";}
/* -------------------- Tab ------------------------ */
.wn_tab {padding-bottom: 20px;}
ul.resp-tabs-list {margin: 0px -1px;padding: 0px;}
.resp-tabs-list li {font-weight: 600;display: inline-block;padding: 13px 20px;margin: 0;list-style: none;cursor: pointer;float: left;color: #fff;margin: 0 1px;border-radius: 2px 2px 0 0;border: none;font: 16px 'Montserrat', sans-serif;box-shadow: inset 0 -2px 3px rgba(0, 0, 0, 0.1);}
.resp-tabs-container {padding: 0px;clear: left;}
h2.resp-accordion {cursor: pointer;padding: 5px;display: none;}
.resp-tab-content {display: none;padding: 15px;}
.resp-tabs-list li.resp-tab-active {border: 1px solid #ececec;border-bottom: none;margin-bottom: -1px !important;padding: 12px 14px 14px 14px !important;background: #fff;color: #666;box-shadow: none;}
.resp-content-active,
.resp-accordion-active {display: block;}
.resp-tab-content {border: 1px solid #ececec;border-radius: 0 4px 4px 4px;}
h2.resp-accordion {font-weight: 600;display: none;padding: 13px 15px;margin: 0;list-style: none;cursor: pointer;color: #fff;margin: 0 0 5px;border-radius: 4px;border: none;font:700 16px 'Roboto', sans-serif;}
h2.resp-tab-active {border: 1px solid #ececec;border-bottom: none;margin-bottom: -1px !important;padding: 12px 14px 14px 14px !important;background: #fff;color: #666;border-radius: 4px 4px 0 0;}
h2.resp-accordion:after {display: none;content:none;}
h2.resp-tab-title:last-child {border-bottom: 12px solid #ececec !important;background: blue;}
/*Here is the breakpoint to set the accordion, when screen resolution changed*/
/* --------------------- Accordion beake point --------------------- */
@media only screen and (max-width: 768px) {
ul.resp-tabs-list {display: none;}
h2.resp-accordion {display: block;}
.resp-vtabs .resp-tab-content {border: 1px solid #ececec; border-radius: 0 0 4px 4px; }
.resp-vtabs .resp-tabs-container {border: none; float: none; width: 100%; min-height: initial; clear: none; }
.resp-accordion-closed {display:none !important; }
.resp-vtabs .resp-tab-content:last-child {border-bottom: 1px solid #ececec !important; }
}
/* ==================== jQuery nice scroll =================== */
.nicescroll-rails {width: 10px !important;background:#000;background: rgba(0, 0, 0, 0.3);border-left: 1px solid rgba(0, 0, 0, 0.35);z-index: 20000 !important;}
.nicescroll-rails > div {background: #fff;background: rgba(255, 255, 255, 0.5) !important;width: 10px !important;border: none !important;}/* -------------------- Bootstrap column layouts ------------------------ */
.bootstrap-column {background: #f5f5f5;border: 1px solid #ddd;border-radius: 4px;height: 50px;margin-bottom: 20px;padding:0 20px;line-height: 50px;color: #888;}/* -------------------- Bootstrap column layouts ------------------------ */
.content-box {padding: 20px;border:2px solid #e7e7e7;}
.content-box p:last-child {margin-bottom: 0;}
/* -----------------------------------------------------------------
================ Animation Easings =======================
----------------------------------------------------------------- */
.wp_comments {}
.wp_comments ul {display: block;list-style: none;padding: 0;}
.wp_comments ul li ul {margin-top: 30px;}
.wp_comments ul li {display: block;padding: 10px 0 10px 120px;position: relative;min-height: 120px;margin-bottom: 30px;}
.wp_comments ul li ul li {margin-bottom: 0;}
.wp_comments ul li .comment_avatar {display: block; position: absolute; top:10px; left: 0; height: 100px; width: 100px;}
.wp_comments ul li .comment_details {display: block; margin-bottom: 8px; line-height: 22px; font-size: 1em;}
.wp_comments ul li .commenter_name {display: inline-block; padding: 0 8px 0 0; font-weight: 500; font-size: 16px; color: #666;}
.wp_comments ul li .comment_details span {display: inline-block; padding: 0 5px; font-size: 12px; color: #999; line-height: inherit;}
.wp_comments ul li .comment_message p {font-size: 1em; line-height: 1.25em; margin-bottom: 1.25em;}
.comment-reply-link {display: inline-block; margin-left: auto; padding: 5px 12px 5px 25px; border-radius: 3px; position: relative;}
.comment-reply-link:before {float: left; margin-left: -20px; width: 20px; content: "\f112"; font-family: 'fontAwesome'}
.comment-reply-link:hover {color: #fff; text-decoration: none;}/* ============== Portfolio Single ================== */
.categories_list {}
.categories_list li {position: relative; line-height: 18px; padding: 6px 0 6px 26px;}
.categories_list li:before {content: "\f00c"; font-family: 'fontAwesome'; margin-left: -26px; float: left; display: inline-block;}/* ================ Custom List =================== */
.custom-list {margin: 0 0 1.5em 0; padding: 0;}
.custom-list li {display: block; position:relative; list-style:none; /* padding-left:30px; */ text-align: justify; line-height: 1.5em; padding: 5px 0 5px 22px;}
.custom-list li .fa {position:absolute; top:0px; left:0px; font-size:14px; line-height:35px;}
/* ==================================================================
------------- Vertical center on full height section ----------------
================================================================== */
.full-background {position: relative; background-size: cover; background-attachment: fixed;}
.full-background .container-fluid {position: absolute; top: 0; left: 0; right: 0; margin: auto; height: 100%; font-size: 0;}
.full-background .container-fluid:before {content: ''; display: inline-block; vertical-align: middle; height: 100%; width: 0; font-size: 14px;}
.full-background .container-fluid .v-centered {position: relative; display: inline-block; vertical-align: middle; width: 100%;}
/* ==============================================
Hidden Wordpress Elements
===========================================*/
#comments-title,
.comment-reply-title {display: none;}
.tooltip {white-space: nowrap;} /* Single line tooltip */
/*------------------------------------------------------
=================== WordPress Core ===================
----------------------------------------------------- */
.alignnone {margin: 5px 20px 20px 0;}
.aligncenter, div.aligncenter {display: block; margin: 5px auto 5px auto;}
.alignright {float:right; margin: 5px 0 20px 20px;}
.alignleft {float: left; margin: 5px 20px 20px 0;}
a img.alignright {float: right; margin: 5px 0 20px 20px;}
a img.alignnone {margin: 5px 20px 20px 0;}
a img.alignleft {float: left; margin: 5px 20px 20px 0;}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}
.wp-caption {background: #fff; border: 1px solid #f0f0f0; max-width: 96%; /* Image does not overflow the content area */ padding: 5px 3px 10px; text-align: center;}
.wp-caption.alignnone {margin: 5px 20px 20px 0;}
.wp-caption.alignleft {margin: 5px 20px 20px 0;}
.wp-caption.alignright {margin: 5px 0 20px 20px;}
.wp-caption img {border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto;}
.wp-caption p.wp-caption-text {font-size: 0.8em; line-height: 1em; margin: 0; padding: 0 4px 5px;}
.gallery-caption {color: #888; font-size: 1em; margin:-24px 0 24px 0;}
.bypostauthor {background:inherit;}
.commentlist .bypostauthor {background:inherit;}
/* ================== revolution slider ===================== */
/*.tp-bullets.simplebullets.round .bullet {background: rgba(0, 0, 0, 0.5) !important; height: 12px !important; width: 12px !important; border-radius: 30px !important; margin: 2px !important;}
.forcefullwidth_wrapper_tp_banner .fullscreen-container {left: 0 !important; right: 0 !important;}*/
/* ----------------------------------------------------------------
================ Animations =======================
----------------------------------------------------------------- */
.post_img_overlay,
.post_img_overlay .fa,
.sidebar ul li a,
.latest-post-blog a,
.tagcloud a,
.sidebar .searchform input[type="text"],
.comment_avatar img,
.client-slider li img,
.goto-top,
.navbar-nav > li > a,
.navbar-nav > li > span {
-webkit-transition: all 300ms cubic-bezier(0.000, 0.000, 0.125, 0.995);
-moz-transition: all 300ms cubic-bezier(0.000, 0.000, 0.125, 0.995);
-o-transition: all 300ms cubic-bezier(0.000, 0.000, 0.125, 0.995);
transition: all 300ms cubic-bezier(0.000, 0.000, 0.125, 0.995); /* custom */
-webkit-transition-timing-function: cubic-bezier(0.000, 0.000, 0.125, 0.995);
-moz-transition-timing-function: cubic-bezier(0.000, 0.000, 0.125, 0.995);
-o-transition-timing-function: cubic-bezier(0.000, 0.000, 0.125, 0.995);
transition-timing-function: cubic-bezier(0.000, 0.000, 0.125, 0.995); /* custom */
}
.google-map {
-webkit-transition: all 500ms cubic-bezier(0.000, 0.000, 0.125, 0.995);
-moz-transition: all 500ms cubic-bezier(0.000, 0.000, 0.125, 0.995);
-o-transition: all 500ms cubic-bezier(0.000, 0.000, 0.125, 0.995);
transition: all 500ms cubic-bezier(0.000, 0.000, 0.125, 0.995); /* custom */
-webkit-transition-timing-function: cubic-bezier(0.000, 0.000, 0.125, 0.995);
-moz-transition-timing-function: cubic-bezier(0.000, 0.000, 0.125, 0.995);
-o-transition-timing-function: cubic-bezier(0.000, 0.000, 0.125, 0.995);
transition-timing-function: cubic-bezier(0.000, 0.000, 0.125, 0.995); /* custom */
}
.header,
.side-nav .navbar-header,
.page-wrapper,
.mob-nav,
.team-item img,
.member-details ul li a,
.icon:before,
.sidebar .searchform div:after,
.sidebar .searchform input[type="submit"],
.panel-heading a .pointer:before,
.navbar-header {
-webkit-transition: all 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750);
-moz-transition: all 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750);
-o-transition: all 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750);
transition: all 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750); /* linear */
-webkit-transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750);
-moz-transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750);
-o-transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750);
transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750); /* linear */
}
.team-item .member-details:before,
.portfolio-nav li a,
.portfolio li a,
.portfolio li .thumb-wrap img,
.sidebar ul li a,
.sidebar ul li a:before, #footer .social li a,
.icon:after {
-webkit-transition: all 300ms cubic-bezier(0.250, 0.100, 0.250, 1.000);
-moz-transition: all 300ms cubic-bezier(0.250, 0.100, 0.250, 1.000);
-o-transition: all 300ms cubic-bezier(0.250, 0.100, 0.250, 1.000);
transition: all 300ms cubic-bezier(0.250, 0.100, 0.250, 1.000); /* ease (default) */
-webkit-transition-timing-function: cubic-bezier(0.250, 0.100, 0.250, 1.000);
-moz-transition-timing-function: cubic-bezier(0.250, 0.100, 0.250, 1.000);
-o-transition-timing-function: cubic-bezier(0.250, 0.100, 0.250, 1.000);
transition-timing-function: cubic-bezier(0.250, 0.100, 0.250, 1.000); /* ease (default) */
}
.icon {
-webkit-transition: all 200ms cubic-bezier(0.250, 0.100, 0.250, 1.000);
-moz-transition: all 200ms cubic-bezier(0.250, 0.100, 0.250, 1.000);
-o-transition: all 200ms cubic-bezier(0.250, 0.100, 0.250, 1.000);
transition: all 200ms cubic-bezier(0.250, 0.100, 0.250, 1.000); /* ease (default) */
-webkit-transition-timing-function: cubic-bezier(0.250, 0.100, 0.250, 1.000);
-moz-transition-timing-function: cubic-bezier(0.250, 0.100, 0.250, 1.000);
-o-transition-timing-function: cubic-bezier(0.250, 0.100, 0.250, 1.000);
transition-timing-function: cubic-bezier(0.250, 0.100, 0.250, 1.000); /* ease (default) */
}
.portfolio-details {
-webkit-transition: all 200ms cubic-bezier(0.735, 0.145, 0.250, 1.000);
-moz-transition: all 200ms cubic-bezier(0.735, 0.145, 0.250, 1.000);
-o-transition: all 200ms cubic-bezier(0.735, 0.145, 0.250, 1.000);
transition: all 200ms cubic-bezier(0.735, 0.145, 0.250, 1.000); /* custom */
-webkit-transition-timing-function: cubic-bezier(0.735, 0.145, 0.250, 1.000);
-moz-transition-timing-function: cubic-bezier(0.735, 0.145, 0.250, 1.000);
-o-transition-timing-function: cubic-bezier(0.735, 0.145, 0.250, 1.000);
transition-timing-function: cubic-bezier(0.735, 0.145, 0.250, 1.000); /* custom */
}
.gallery li img {
-webkit-transition: all 300ms cubic-bezier(0.000, 0.000, 0.125, 0.995);
-moz-transition: all 300ms cubic-bezier(0.000, 0.000, 0.125, 0.995);
-o-transition: all 300ms cubic-bezier(0.000, 0.000, 0.125, 0.995);
transition: all 300ms cubic-bezier(0.000, 0.000, 0.125, 0.995); /* custom */
-webkit-transition-timing-function: cubic-bezier(0.000, 0.000, 0.125, 0.995);
-moz-transition-timing-function: cubic-bezier(0.000, 0.000, 0.125, 0.995);
-o-transition-timing-function: cubic-bezier(0.000, 0.000, 0.125, 0.995);
transition-timing-function: cubic-bezier(0.000, 0.000, 0.125, 0.995); /* custom */
}
.thumbnail-overlay {
-webkit-transition: all 500ms cubic-bezier(0.000, 0.000, 0.125, 0.995);
-moz-transition: all 500ms cubic-bezier(0.000, 0.000, 0.125, 0.995);
-o-transition: all 500ms cubic-bezier(0.000, 0.000, 0.125, 0.995);
transition: all 500ms cubic-bezier(0.000, 0.000, 0.125, 0.995); /* custom */
-webkit-transition-timing-function: cubic-bezier(0.000, 0.000, 0.125, 0.995);
-moz-transition-timing-function: cubic-bezier(0.000, 0.000, 0.125, 0.995);
-o-transition-timing-function: cubic-bezier(0.000, 0.000, 0.125, 0.995);
transition-timing-function: cubic-bezier(0.000, 0.000, 0.125, 0.995); /* custom */
}
.thumbnail-overlay .fa {
-webkit-transition: all 200ms cubic-bezier(0.000, 0.000, 0.125, 0.995);
-moz-transition: all 200ms cubic-bezier(0.000, 0.000, 0.125, 0.995);
-o-transition: all 200ms cubic-bezier(0.000, 0.000, 0.125, 0.995);
transition: all 200ms cubic-bezier(0.000, 0.000, 0.125, 0.995); /* custom */
-webkit-transition-timing-function: cubic-bezier(0.000, 0.000, 0.125, 0.995);
-moz-transition-timing-function: cubic-bezier(0.000, 0.000, 0.125, 0.995);
-o-transition-timing-function: cubic-bezier(0.000, 0.000, 0.125, 0.995);
transition-timing-function: cubic-bezier(0.000, 0.000, 0.125, 0.995); /* custom */
}
@-webkit-keyframes icon {
0% {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
20% {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
60% {
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);
}
100% {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
}
@-moz-keyframes icon {
0% {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
20% {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
60% {
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);
}
100% {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
}
@-o-keyframes icon {
0% {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
20% {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
60% {
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);
}
100% {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
}
@keyframes icon {
0% {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
20% {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
60% {
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);
}
100% {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
}
/* ===================================================================================================================================
----------------------------------------------------- Responsive --------------------------------------------------------------
=================================================================================================================================== */
@media screen and (min-width: 1366px) {
.gallery li {width: 16.666%;} /* -- Gallery item width -- */
}
@media screen and (max-width: 1365px) {
.gallery li {width: 20%;} /* -- Gallery item width -- */
.bg-default .section-heading {line-height: normal;}
}
@media screen and (max-width: 1279px) {
.gallery li {width: 25%;} /* -- Gallery item width -- */
.service-item {padding: 30px 20px;}
.member-details ul li a {height: 30px;width: 30px;}
.member-details ul li {font-size: 15px;margin: 10px 3px 0 3px;line-height: 30px;}
.header-social {display: none;}
.side-nav .navbar-header {padding: 0;}
}
@media (max-width: 1023px) {
.portfolio li {width: auto;}
.navbar-nav {border-left: none;font-size: 0;}
.navbar-nav li:last-child {border-right: none;} /* --- 991px and below -- */
.sm-text-center {text-align: center;}
.navbar {text-align: center;float: none !important;display: block;margin:10px 0 0 !important;}
.gallery li {width: 33.333%;} /* -- Gallery item width -- */
.service-item {margin-bottom: 30px;} /*.portfolio-details p {display: none;}*/
.navbar-header,
.navigation {display: block;float: none;position: relative;text-align: center;}
.nav-right {margin: 0 !important;}
.navbar-nav {float: none !important;}
.navbar-nav > li {display: inline-block;float: none;}
.navbar-nav.navbar-right:last-child {margin: 0;}
.price-box {margin-bottom: 30px;}
.icon-box {margin-bottom: 12px;}
.icon {float: none;margin: 0 auto 12px;text-align: center;}
#contact-us {text-align: center;}
.contact-info li {display: inline-block;}
.text-left {text-align: center;}
.team-item {margin-bottom: 20px;}
.wn-slider .flex-direction-nav {bottom: -90px;height: 40px;top: auto;}
.wn-slider .flex-direction-nav .flex-prev,
.wn-slider .flex-direction-nav .flex-next {top: auto;bottom: 0;right:-15px;background: rgba(255, 255, 255, 0.05);border-radius: 0;}
.wn-slider .flex-direction-nav .flex-prev {left:-15px;right: auto;}
.portfolio li {width: 33.333%;}
}
@media (min-width: 992px) {
.sidebar {padding-left: 30px; }
}
@media (max-width: 991px) {
.sidebar {margin-top: 30px; }
.sidebar .searchform {padding-right: 50px; }
.sidebar .searchform input[type="text"]:focus {margin-left: 0; }
ul.nav li.dropdown:hover ul.dropdown-menu {position: static;float: none; }
.mob-nav {display: inline-block;float: none; }
.navigation {display: none;margin: 0 -15px;padding: 20px;background: rgba(0, 0, 0, 0.05); }
.navbar-nav > li {display: block;border-right: none; }
.navbar-nav > li a {line-height: 20px;text-align: left;padding-right: 55px; }
.navbar-nav > li a .caret {display: inline-block;float: right;line-height: 20px;margin-top: 8px; }
.navbar-nav > li .sub-menu {position: relative;float:none; }
.sub-menu ul.sub-menu {position: static; /*border-left: 8px solid rgba(0,0,0,0.3);*/width: auto; }
.header_top {text-align: center; }
.header_top ul.header_social {display: none; }
.header_top ul li {margin: 0 5px; }
.breadcrumb {text-align: left; }
.main_slider .slides h1 {margin-bottom: 15px; }
* .btn:last-child {margin-bottom: 10px; }
.content-box {margin-bottom: 20px; }
}
@media (max-width: 767px) {
.header.sticky {max-height: 100%; /*overflow: auto;*/}
.wp_comments ul li .comment_avatar {height: 60px;width: 60px;margin-bottom: 12px;}
.wp_comments ul li {padding-left: 80px;}
.portfolio li {width: 50%;}
.main_slider .slides h1 {font-size: 26px;}
.main_slider .slides h3 {font-size: 16px;}
.bg-default h2 {padding-top: 0;line-height: 1.2em;}
/*.page-bg {min-height: inherit !important;}
.full-background .container-fluid {position: relative;}
.full-background .container-fluid:before {display: none;}
.full-background .container-fluid .v-centered {display: block;}*/
}
@media screen and (max-width: 659px) {
.padding-tb {padding-top: 50px;padding-bottom: 50px;}
.padding-tb .v-centered .fullwidthbanner-container:first-child,
.padding-tb .v-centered .fullscreen-container:first-child,
.padding-tb .v-centered #gallery:first-child,
.padding-tb .v-centered .main_slider {margin-top: -50px;}
.padding-tb .v-centered .fullwidthbanner-container:last-child,
.padding-tb .v-centered .fullscreen-container:last-child,
.padding-tb .v-centered #gallery:last-child,
.padding-tb .v-centered .main_slider {margin-bottom: -50px;}
.gallery li {width: 50%;}
/* -- Gallery item width -- */
.padding-lr50 {padding: 0;}
.slide-contents {padding-top: 40px;}
.main_slider .slides h3 {font-size: 20px;}
.main_slider .slides h4 {font-size: 18px;}
.main_slider .flex-direction-nav .flex-next,
.main_slider .flex-direction-nav .flex-prev {top: auto;bottom: 0;right: 0;background: rgba(255, 255, 255, 0.5);height: 60px;width: 40px;}
.main_slider .flex-direction-nav .flex-prev {left: 0;right: auto;}
.main_slider .flex-direction-nav .flex-prev:before,
.main_slider .flex-direction-nav .flex-next:before {font-size: 40px;line-height: 60px;}
.wn-slider .flex-direction-nav {bottom: -50px;}
.wp_comments ul ul {margin-left: -70px;}
.wp_comments ul li .comment_avatar {position: relative;top: auto;}
.wp_comments ul li {padding-left: 0;margin: 0;}
.wp_comments ul ul {margin-left: 0;border-left: 5px solid #ddd;padding-left: 16px;}
.navigation-wrap {widows: 100%;}
}
@media (max-width: 600px) {
.navbar {margin-top: 0 !important;}
}
@media(max-width: 599px) {
.slide-contents:before {display: none;}
.navbar-header {text-align: left;}
.mob-nav {right: 0;}
.main_slider .slides h3 {line-height: 26px;}
.slide-contents {padding: 20px;}
.main_slider .flex-direction-nav .flex-next,
.main_slider .flex-direction-nav .flex-prev {height: 40px;width: 30px;}
.main_slider .flex-direction-nav .flex-prev:before,
.main_slider .flex-direction-nav .flex-next:before {font-size: 20px;line-height: 40px;}
.posts_nav span {/*display: block; text-align: center; width: auto;*/margin: 0 auto;}
.posts_nav a {margin: 2px;}
.portfolio li {width: 100%;right: 0;margin: 0 auto;max-width: 410px;}
.slide-contents {display: none;}
.dark-ribbon {line-height: 1.2em;}
}
@media screen and (max-width: 400px) {
.gallery li {width: 100%;}
.portfolio-nav li {margin: 0 4px;}
}
/* ======================= Woocommerce styles overrides ==================== */
.woocommerce span.onsale,
.woocommerce-page span.onsale {background: #9d8bc4 !important; padding: 5px 8px !important; font-weight: normal !important;border-radius: 70px !important;}
.woocommerce-ordering select {padding: 8px 12px 8px 8px !important;}
.woocommerce ul.products li.product a.added_to_cart {float: right;}
.woocommerce table.cart td.actions .coupon .input-text,
.woocommerce #content table.cart td.actions .coupon .input-text,
.woocommerce-page table.cart td.actions .coupon .input-text,
.woocommerce-page #content table.cart td.actions .coupon .input-text {min-height: inherit; padding: 4px 5px 3px;}
.woocommerce .cart-collaterals .cart_totals table,
.woocommerce-page .cart-collaterals .cart_totals table {border-collapse: collapse !important;}
.woocommerce .cart-collaterals .cart_totals table th,
.woocommerce-page .cart-collaterals .cart_totals table th,
.woocommerce .cart-collaterals .cart_totals table td,
.woocommerce-page .cart-collaterals .cart_totals table td {padding:6px 10px !important;}
.woocommerce .cart-collaterals .cart_totals table tr:first-child th,
.woocommerce .cart-collaterals .cart_totals table tr:first-child td,
.woocommerce-page .cart-collaterals .cart_totals table tr:first-child th,
.woocommerce-page .cart-collaterals .cart_totals table tr:first-child td {border-top: 1px solid #f7f6f7 !important;}
.woocommerce .woocommerce-message:before,
.woocommerce .woocommerce-error:before,
.woocommerce .woocommerce-info:before,
.woocommerce-page .woocommerce-message:before,
.woocommerce-page .woocommerce-error:before,
.woocommerce-page .woocommerce-info:before {line-height: 1.5em !important; padding-top: 0 !important;}
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {width: 22% !important; margin-right: 3% !important;}
.woocommerce-tabs .panel {box-shadow: none !important; border:none; margin-top: 12px;}
.product table {margin:0 !important; width:100%;}
.product table tr th,
.product table tr td {border-radius: 0; font-size: inherit; color: inherit; text-align: inherit; padding: 10px; border: none;}
.product table tr td.label {display: table-cell; width: 110px;}
.product table tr td select {min-height: inherit; margin: 0 12px 0 0; padding: 5px; width: auto !important;}
.product table tr td label,
.product table tr td a {display: inline-block; line-height: 33px;}
.product .single_variation_wrap .single_variation {float: left; width: 110px;}
label{font-weight: 400;}