/*-----------------------------------------------------------------------------------*/
/* RESET
/*-----------------------------------------------------------------------------------*/
*,
*:before,
*:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
:focus {
outline: 0 !important
}
.fit-vids-style {
display: none
}
figure {
margin: 0;
padding: 0;
}
figure img {
height: auto;
width: 100%;
max-width: 100%;
}
iframe {
border: none
}
::selection {
background: #fefac7; /* Safari */
color: #2f2f2f;
}
::-moz-selection {
background: #fefac7; /* Firefox */
color: #2f2f2f;
}
@-webkit-keyframes rotation {
from {
-webkit-transform: rotate(0deg)
}
to {
-webkit-transform: rotate(359deg)
}
}
@-moz-keyframes rotation {
from {
-moz-transform: rotate(0deg)
}
to {
-moz-transform: rotate(359deg)
}
}
@-o-keyframes rotation {
from {
-o-transform: rotate(0deg)
}
to {
-o-transform: rotate(359deg)
}
}
@keyframes rotation {
from {
transform: rotate(0deg)
}
to {
transform: rotate(359deg)
}
}
/*-----------------------------------------------------------------------------------*/
/* GENERAL
/*-----------------------------------------------------------------------------------*/
body {
color: #666;
background: #fcfcfc;
font-family: 'Open Sans', sans-serif !important;
-webkit-font-smoothing: antialiased;
font-size: 16px;
line-height: 1.5;
margin: 0;
padding: 0;
}
html, body {
height: 100%;
direction: ltr;
}
body #wrapper {
overflow:hidden;
min-height:100%;
}
section{
position: relative; overflow: hidden;
}
.inner {
padding-top: 90px;
/*padding-bottom: 90px;*/
}
body,
li,
address {
line-height: 24px
}
input,
button,
select,
textarea {
font-family: 'Open Sans', sans-serif !important;
font-size: 15px;
font-weight: normal;
}
p {
font-family: 'Open Sans', sans-serif !important;
margin: 0 0 20px
}
a {
font-family: 'Open Sans', sans-serif !important;
color: #0071bd;
transition: all 200ms ease-in;
}
a:hover,
a:focus {
color: #141618;
text-decoration: none;
}
.nocolor {
color: #606060
}
.nocolor:hover {
color: #4aa2d1
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family:'Open Sans', sans-serif !important;
margin-top: 0;
color: #404040;
margin-bottom: 10px;
font-weight: 700;
}
h2 {
font-size: 22px;
line-height: 28px;
}
h3 {
font-size: 18px
}
h4 {
font-size: 16px
}
h5 {
font-size: 14px;
line-height: 18px;
}
.no-bg {
background: none !important;
}
ul {
padding: 0 0 0 18px
}
ol {
padding: 0 0 0 20px
}
ul,
ol {
margin-bottom: 15px
}
ul.circled {
padding: 0;
list-style: none;
}
ul.circled li:before {
content: '●';
margin-right: 10px;
font-weight: normal;
vertical-align: top;
display: inline-block;
color: #4aa2d1;
font-size: 11px;
}
hr {
border: 0;
padding: 0;
margin: 0;
border-bottom: 2px solid #e1e1e1;
/*padding-top: 90px;
margin-bottom: 90px;*/
}
.container{padding:0px 25px;}
/*strong {
color: #00b34a;
}*/
.padding-0 {
padding: 0 !important;
}
.padding-3 { padding:3px !important; }
.padding-6 { padding:6px !important; }
.padding-8 { padding:8px !important; }
.padding-10 { padding:10px !important; }
.padding-15 { padding:15px !important; }
.padding-20 { padding:20px !important; }
.padding-25 { padding:25px !important; }
.padding-30 { padding:30px !important; }
.padding-40 { padding:40px !important; }
.padding-50 { padding:50px !important; }
.padding-60 { padding:60px !important; }
.padding-70 { padding:70px !important; }
.padding-80 { padding:80px !important; }
.padding-90 { padding:90px !important; }
.padding-100 { padding:100px !important; }
.padding-top-0 { padding-top:0 !important; }
.padding-top-10 { padding-top:10px !important; }
.padding-top-15 { padding-top:15px !important; }
.padding-top-20 { padding-top:20px !important; }
.padding-top-30 { padding-top:30px !important; }
.padding-top-40 { padding-top:40px !important; }
.padding-top-50 { padding-top:50px !important; }
.padding-top-60 { padding-top:60px !important; }
.padding-top-80 { padding-top:80px !important; }
.padding-top-100 { padding-top:100px !important; }
.padding-top-130 { padding-top:130px !important; }
.padding-top-150 { padding-top:150px !important; }
.padding-top-180 { padding-top:180px !important; }
.padding-top-200 { padding-top:200px !important; }
.padding-bottom-0 { padding-bottom:0 !important; }
.padding-bottom-10 { padding-bottom:10px !important; }
.padding-bottom-15 { padding-bottom:15px !important; }
.padding-bottom-20 { padding-bottom:20px !important; }
.padding-bottom-30 { padding-bottom:30px !important; }
.padding-bottom-40 { padding-bottom:40px !important; }
.padding-bottom-50 { padding-bottom:50px !important; }
.padding-bottom-60 { padding-bottom:60px !important; }
.padding-bottom-80 { padding-bottom:80px !important; }
.padding-bottom-100 { padding-bottom:100px !important; }
.padding-bottom-130 { padding-bottom:130px !important; }
.padding-bottom-150 { padding-bottom:150px !important; }
.padding-bottom-180 { padding-bottom:180px !important; }
.padding-bottom-200 { padding-bottom:200px !important; }
.margin-top-0 { margin-top:0 !important; }
.margin-top-1 { margin-top:1px !important; }
.margin-top-2 { margin-top:2px !important; }
.margin-top-3 { margin-top:3px !important; }
.margin-top-6 { margin-top:6px !important; }
.margin-top-8 { margin-top:8px !important; }
.margin-top-10 { margin-top:10px !important; }
.margin-top-15 { margin-top:15px !important; }
.margin-top-20 { margin-top:20px !important; }
.margin-top-25 { margin-top:25px !important; }
.margin-top-30 { margin-top:30px !important; }
.margin-top-40 { margin-top:40px !important; }
.margin-top-50 { margin-top:50px !important; }
.margin-top-60 { margin-top:60px !important; }
.margin-top-80 { margin-top:80px !important; }
.margin-top-100 { margin-top:100px !important; }
.margin-top-130 { margin-top:130px !important; }
.margin-top-150 { margin-top:150px !important; }
.margin-top-180 { margin-top:180px !important; }
.margin-top-200 { margin-top:200px !important; }
.margin-bottom-0 { margin-bottom:0 !important; }
.margin-bottom-1 { margin-bottom:1px !important; }
.margin-bottom-2 { margin-bottom:2px !important; }
.margin-bottom-3 { margin-bottom:3px !important; }
.margin-bottom-6 { margin-bottom:6px !important; }
.margin-bottom-8 { margin-bottom:8px !important; }
.margin-bottom-10 { margin-bottom:10px !important; }
.margin-bottom-20 { margin-bottom:20px !important; }
.margin-bottom-15 { margin-bottom:15px !important; }
.margin-bottom-30 { margin-bottom:30px !important; }
.margin-bottom-40 { margin-bottom:40px !important; }
.margin-bottom-50 { margin-bottom:50px !important; }
.margin-bottom-60 { margin-bottom:60px !important; }
.margin-bottom-80 { margin-bottom:80px !important; }
.margin-bottom-100 { margin-bottom:100px !important; }
.margin-bottom-130 { margin-bottom:130px !important; }
.margin-bottom-150 { margin-bottom:150px !important; }
.margin-bottom-180 { margin-bottom:180px !important; }
.margin-bottom-200 { margin-bottom:200px !important; }
.margin-left-0 { margin-left:0 !important; }
.margin-left-3 { margin-left:3px !important; }
.margin-left-6 { margin-left:6px !important; }
.margin-left-8 { margin-left:8px !important; }
.margin-left-10 { margin-left:10px !important; }
.margin-left-15 { margin-left:15px !important; }
.margin-left-20 { margin-left:20px !important; }
.margin-left-30 { margin-left:30px !important; }
.margin-left-40 { margin-left:40px !important; }
.margin-left-50 { margin-left:50px !important; }
.margin-left-60 { margin-left:60px !important; }
.margin-left-80 { margin-left:80px !important; }
.margin-left-100 { margin-left:100px !important; }
.margin-left-130 { margin-left:130px !important; }
.margin-left-150 { margin-left:150px !important; }
.margin-left-180 { margin-left:180px !important; }
.margin-left-200 { margin-left:200px !important; }
.margin-left-250 { margin-left:250px !important; }
.margin-left-300 { margin-left:300px !important; }
.margin-right-0 { margin-right:0 !important; }
.margin-right-3 { margin-right:3px !important; }
.margin-right-6 { margin-right:6px !important; }
.margin-right-8 { margin-right:8px !important; }
.margin-right-10 { margin-right:10px !important; }
.margin-right-15 { margin-right:15px !important; }
.margin-right-20 { margin-right:20px !important; }
.margin-right-30 { margin-right:30px !important; }
.margin-right-40 { margin-right:40px !important; }
.margin-right-50 { margin-right:50px !important; }
.margin-right-60 { margin-right:60px !important; }
.margin-right-80 { margin-right:80px !important; }
.margin-right-100 { margin-right:100px !important; }
.margin-right-130 { margin-right:130px !important; }
.margin-right-150 { margin-right:150px !important; }
.margin-right-180 { margin-right:180px !important; }
.margin-right-200 { margin-right:200px !important; }
.margin-right-250 { margin-right:250px !important; }
.margin-right-300 { margin-right:300px !important; }
.line-height-0 { line-height:0 !important; }
.line-height-10 { line-height:10px !important; }
.line-height-20 { line-height:20px !important; }
.line-height-30 { line-height:30px !important; }
.line-height-40 { line-height:40px !important; }
.line-height-50 { line-height:50px !important; }
.line-height-60 { line-height:60px !important; }
.line-height-70 { line-height:70px !important; }
.line-height-80 { line-height:80px !important; }
.line-height-90 { line-height:90px !important; }
.line-height-100 { line-height:100px !important; }
.nopadding { padding:0 !important; }
.nopadding-left { padding-left:0 !important; }
.nopadding-right { padding-right:0 !important; }
.nopadding-top { padding-top:0 !important; }
.nopadding-bottom { padding-bottom:0 !important; }
.nomargin { margin:0 !important; }
.nomargin-left { margin-left:0 !important; }
.nomargin-right { margin-right:0 !important; }
.nomargin-top { margin-top:0 !important; }
.nomargin-bottom { margin-bottom:0 !important; }
.noborder { border:0 !important; }
.noborder-left { border-left:0 !important; }
.noborder-right { border-right:0 !important; }
.noborder-top { border-top:0 !important; }
.noborder-bottom { border-bottom:0 !important; }
.nobg { background:transparent; }
.lowercase { text-transform:lowercase; }
.uppercase { text-transform:uppercase; }
.noradius { -webkit-border-radius:0 !important; -moz-border-radius:0 !important; border-radius:0 !important; }
.font-style-italic { font-style:italic; }
.font-style-normal { font-style:normal; }
.pointer { cursor:pointer; }
.block { display:block !important; }
.block-inline { display:inline-block !important; }
.inline-block { display:inline-block !important; }
.bold { font-weight:bold !important; }
.fullwidth { width:100% !important; max-width:100% !important; }
.halfwidth { width:50% !important; }
.justify { text-align:justify; }
.relative { position:relative; }
.absolute { position:absolute !important; top:0; left:0; right:0; bottom:0; }
.text-left { text-align:left !important; }
.text-right { text-align:right !important; }
.noshadow { box-shadow:none !important; text-shadow:none !important; }
.nofloat { float:none !important; }
.display-table { display:table; width:100%; height:100%; position:relative; z-index:99; }
.display-table-cell { display:table-cell; width:100%; height:100%; }
.vertical-align-middle { vertical-align:middle; }
.txt-no-decoration { text-decoration:none !important; }
.softhide { display:none; }
img.pull-left { margin:0 20px 10px 0; }
img.pull-right { margin:0 0 10px 20px; }
ul>li>i { margin-right:10px; }
.text-underline { text-decoration: underline !important; }
.no-text-underline,
.no-text-decoration { text-decoration:none; }
.line-through { text-decoration: line-through; }
.btn>i { padding-right:6px; }
video.fullvideo { width:100%; height:100%; }
.nortl { direction: ltr; }
.rtl { direction: rtl; }
.ltr { direction: ltr; }
.z-index-0 { z-index:0 !important; }
.z-index-1 { z-index:1 !important; }
.pull-left { float: left; }
.pull-right { float: right; }
/* rounded */
.rounded {
-webkit-border-radius: 50% !important;
-moz-border-radius: 50% !important;
border-radius: 50% !important;
}
/** Colors
colors.css v2.0.0
http://clrs.cc
SKINS
- Backgrounds
- Colors
- Border colors
- SVG fills
- SVG Strokes
*************************************************** **/
/* Backgrounds */
.bg-navy {
background-color: #001F3F !important; }
.bg-blue {
background-color: #0074D9 !important; }
.bg-aqua {
background-color: #7FDBFF !important; }
.bg-teal {
background-color: #39CCCC !important; }
.bg-olive {
background-color: #3D9970 !important; }
.bg-green {
background-color: #2ECC40 !important; }
.bg-lime {
background-color: #01FF70 !important; }
.bg-yellow {
background-color: #FFDC00 !important; }
.bg-orange {
background-color: #FF851B !important; }
.bg-red {
background-color: #FF4136 !important; }
.bg-fuchsia {
background-color: #F012BE !important; }
.bg-purple {
background-color: #B10DC9 !important; }
.bg-maroon {
background-color: #85144B !important; }
.bg-white {
background-color: #fff !important; }
.bg-gray {
background-color: #aaa !important; }
.bg-silver {
background-color: #ddd !important; }
.bg-black {
background-color: #111 !important; }
/* Text Color */
.text-navy {
color: #001F3F !important; }
.text-blue {
color: #0074D9 !important; }
.text-aqua {
color: #7FDBFF !important; }
.text-teal {
color: #39CCCC !important; }
.text-olive {
color: #3D9970 !important; }
.text-green {
color: #2ECC40 !important; }
.text-lime {
color: #01FF70 !important; }
.text-yellow {
color: #FFDC00 !important; }
.text-orange {
color: #FF851B !important; }
.text-red {
color: #FF4136 !important; }
.text-fuchsia {
color: #F012BE !important; }
.text-purple {
color: #B10DC9 !important; }
.text-maroon {
color: #85144B !important; }
.text-white {
color: #fff !important; }
.text-silver {
color: #ddd !important; }
.text-gray {
color: #aaa !important; }
.text-black {
color: #111 !important; }
/* Border colors
Use with another border utility that sets border-width and style
i.e .border { border-width: 1px; border-style: solid !important; }
*/
.border-navy {
border-color: #001F3F !important; }
.border-blue {
border-color: #0074D9 !important; }
.border-aqua {
border-color: #7FDBFF !important; }
.border-teal {
border-color: #39CCCC !important; }
.border-olive {
border-color: #3D9970 !important; }
.border-green {
border-color: #2ECC40 !important; }
.border-lime {
border-color: #01FF70 !important; }
.border-yellow {
border-color: #FFDC00 !important; }
.border-orange {
border-color: #FF851B !important; }
.border-red {
border-color: #FF4136 !important; }
.border-fuchsia {
border-color: #F012BE !important; }
.border-purple {
border-color: #B10DC9 !important; }
.border-maroon {
border-color: #85144B !important; }
.border-white {
border-color: #fff !important; }
.border-gray {
border-color: #aaa !important; }
.border-silver {
border-color: #ddd !important; }
.border-black {
border-color: #111 !important; }
/** 04. Commons
Quick Positioning and Styling
**************************************************************** **/
/* font size */
.fs-10 {
font-size: 10px !important;
}
.fs-11 {
font-size: 11px !important;
}
.fs-12 {
font-size: 12px !important;
}
.fs-13 {
font-size: 13px !important;
}
.fs-14 {
font-size: 14px !important;
}
.fs-15 {
font-size: 15px !important;
}
.fs-16 {
font-size: 16px !important;
}
.fs-17 {
font-size: 17px !important;
}
.fs-18 {
font-size: 18px !important;
}
.fs-19 {
font-size: 19px !important;
}
.fs-20 {
font-size: 20px !important;
}
.fs-21 {
font-size: 21px !important;
}
.fs-22 {
font-size: 22px !important;
}
.fs-23 {
font-size: 23px !important;
}
.fs-24 {
font-size: 24px !important;
}
.fs-25 {
font-size: 25px !important;
}
.fs-30 {
font-size: 30px !important;
}
.fs-35 {
font-size: 35px !important;
}
.fs-40 {
font-size: 40px !important;
}
.fs-45 {
font-size: 45px !important;
}
.fs-50 {
font-size: 50px !important;
}
.fs-55 {
font-size: 55px !important;
}
.fs-60 {
font-size: 60px !important;
}
.fs-65 {
font-size: 65px !important;
}
.fs-70 {
font-size: 70px !important;
}
.fs-75 {
font-size: 75px !important;
}
.fs-80 {
font-size: 80px !important;
}
.fs-90 {
font-size: 90px !important;
}
.fs-100 {
font-size: 100px !important;
}
.fs-120 {
font-size: 120px !important;
}
.fs-130 {
font-size: 130px !important;
}
.fs-140 {
font-size: 140px !important;
}
.fs-150 {
font-size: 150px !important;
}
.fs-200 {
font-size: 200px !important;
}
/* font weight */
.fw-100 {
font-weight: 100 !important;
}
.fw-200 {
font-weight: 200 !important;
}
.fw-300 {
font-weight: 300 !important;
}
.fw-400 {
font-weight: 400 !important;
}
.fw-500 {
font-weight: 500 !important;
}
.fw-600 {
font-weight: 600 !important;
}
.fw-700 {
font-weight: 700 !important;
}
.fw-800 {
font-weight: 800 !important;
}
/*-----------------------------------------------------------------------------------*/
/* BUTTON
/*-----------------------------------------------------------------------------------*/
.btn {
/*color: #FFF !important;
background: #4aa2d1;*/
/*border: 0;*/
margin-bottom: 10px;
margin-right: 4px;
font-size: 13pt;
line-height:1;
padding: 11px 30px 10px 30px;
font-weight: 600;
text-shadow: none;
/*text-transform: uppercase;*/
vertical-align: unset;
transition: all 200ms ease-in;
box-shadow: none;
border-radius: 5px;
display: inline-block;
}
.btn.btn-square {
padding: 8px 11px 7px !important
}
.post-navigation .btn.btn-square {
padding: 11px 13px 10px !important;
margin: 0;
}
.btn-load-more + .btn-load-more {
display: none
}
.btn-icon i {
margin-right: 5px;
}
.fixed-width {
width: 170px
}
.text-center .btn {
margin: 0 4px
}
.btn-border {
background: none !important;
border: 2px solid #ececec;
}
.btn-border.dark {
border: 2px solid #606060;
}
.btn.btn-aqua {
background: #28b8d8
}
.btn.btn-blue {
/*background: #4aa2d1*/
background: #118aef
}
.btn.btn-green {
background: #1abb9c
}
.btn.btn-lime {
background: #b3c64b
}
.btn.btn-red {
background: #e8554e
}
.btn.btn-orange {
background: #ee7757
}
.btn.btn-yellow {
background: #f5c41a
}
.btn.btn-purple {
background: #9b59b6
}
.btn.btn-pink {
background: #d487be
}
.btn.btn-navy {
background: #34495e
}
.btn.btn-gray {
background: #95a5a6
}
.btn.btn-brown {
background: #937c6b
}
.btn.btn-mint {
background: #61bcb6
}
.btn.btn-rose {
background: #f56a7d
}
.btn:hover,
.btn:focus,
.btn:active,
.btn.active,
.pagination ul > li > a:hover,
.pagination ul > li > a:focus,
.pagination ul > .active > a,
.pagination ul > .active > span {
/*background: #358dbc;*/
transition: all 200ms ease-in;
box-shadow: none;
}
.btn-border:hover,
.btn-border:focus,
.btn-border:active,
.btn-border.active {
background: #ececec !important;
color: #434343 !important;
}
.btn-border.dark:hover,
.btn-border.dark:focus,
.btn-border.dark:active,
.btn-border.dark.active {
background: #606060 !important;
color: #FFF !important;
}
.btn-aqua:hover,
.btn-aqua:focus,
.btn-aqua:active,
.btn-aqua.active {
background: #00a1c4 !important
}
.btn-blue:hover,
.btn-blue:focus,
.btn-blue:active,
.btn-blue.active {
background: #358dbc !important
}
.btn-green:hover,
.btn-green:focus,
.btn-green:active,
.btn-green.active {
background: #17a78b !important
}
.btn-lime:hover,
.btn-lime:focus,
.btn-lime:active,
.btn-lime.active {
background: #9cae39 !important
}
.btn-red:hover,
.btn-red:focus,
.btn-red:active,
.btn-red.active {
background: #cf4c45 !important
}
.btn-orange:hover,
.btn-orange:focus,
.btn-orange:active,
.btn-orange.active {
background: #d96c4f !important
}
.btn-yellow:hover,
.btn-yellow:focus,
.btn-yellow:active,
.btn-yellow.active {
background: #f0ba00 !important
}
.btn-purple:hover,
.btn-purple:focus,
.btn-purple:active,
.btn-purple.active {
background: #8a4fa2 !important
}
.btn-pink:hover,
.btn-pink:focus,
.btn-pink:active,
.btn-pink.active {
background: #bd78a9 !important
}
.btn-navy:hover,
.btn-navy:focus,
.btn-navy:active,
.btn-navy.active {
background: #2c3e50 !important
}
.btn-gray:hover,
.btn-gray:focus,
.btn-gray:active,
.btn-gray.active {
background: #859394 !important
}
.btn-brown:hover,
.btn-brown:focus,
.btn-brown:active,
.btn-brown.active {
background: #7c6655 !important
}
.btn-mint:hover,
.btn-mint:focus,
.btn-mint:active,
.btn-mint.active {
background: #4daaa4 !important
}
.btn-rose:hover,
.btn-rose:focus,
.btn-rose:active,
.btn-rose.active {
background: #e3586b !important
}
.btn,
.btn-group .btn {
line-height: 1;
}
.btn.float-right,
.btn-group.float-right {
margin: 5px 0 5px 5px;
}
/* button shadow */
.shadow-1,
.btn-shadow-1 {
-webkit-box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.065);
box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.065);
}
/* fix - mouse :active - shadow is not visible */
.shadow-1:focus,
.btn-shadow-1:focus,
.shadow-1:active,
.btn-shadow-1:active {
-webkit-box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.065) !important;
box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.065) !important;
}
/* btn fancy */
.btn-fancy {
-webkit-border-bottom-right-radius: 15px!important;
-webkit-border-top-left-radius: 15px!important;
-moz-border-radius-bottom-right: 15px!important;
-moz-border-radius-top-left: 15px!important;
border-bottom-right-radius: 15px!important;
border-top-left-radius: 15px!important;
}
.btn-fancy-left {
-webkit-border-top-left-radius: 15px!important;
-moz-border-radius-top-left: 15px!important;
border-top-left-radius: 15px!important;
}
.btn-fancy-right {
-webkit-border-bottom-right-radius: 15px!important;
-moz-border-radius-bottom-right: 15px!important;
border-bottom-right-radius: 15px!important;
}
/* btn flat */
.btn-flat {
background-color: #ddd;
color: #333;
border: 0;
}
.btn-flat:hover {
opacity: 0.7;
}
/* btn dark */
.btn-dark {
color: #fff !important;
background-color: #000;
}
.btn-dark:hover {
opacity: 0.8;
}
.btn-group .btn {
margin-right:0;
margin-left:0;
}
#header .btn,
#footer .btn,
.dropdown .btn,
.input-group .btn {
margin:0;
}
/* translucid */
.btn-translucid {
color:#fff;
border:rgba(0,0,0,0.07) 1px solid;
background-color:rgba(0,0,0,0.07);
-webkit-transition: all .400s;
-moz-transition: all .400s;
-o-transition: all .400s;
transition: all .400s;
}
.btn-translucid:hover {
color:#fff;
background-color:rgba(0,0,0,0.2);
}
/* 3D Buttons */
.btn-3d {
border-bottom: 3px solid rgba(0,0,0,.15);
}
.btn-3d:hover {
opacity: 0.9;
filter: alpha(opacity=90);
}
.btn-3d.btn-link {
border-bottom:0;
}
.btn-lg {
white-space: inherit;
}
.btn-lg:not(.fullwidth) {
padding-left: 45px !important;
padding-right: 45px !important;
}
.btn-lg.btn-round {
-webkit-border-radius: 15px !important;
-moz-border-radius: 15px !important;
border-radius: 15px !important;
}
/* Extra Large Buttons */
.btn-xlg {
white-space: inherit;
}
.btn-xlg:not(.fullwidth) {
padding-left: 100px !important;
padding-right: 100px !important;
}
.btn-xlg.btn-round {
-webkit-border-radius: 15px !important;
-moz-border-radius: 15px !important;
border-radius: 15px !important;
}
/* Button reveal */
.btn.btn-reveal {
padding-left:28px;
padding-right:28px;
overflow: hidden;
position:relative;
}
.btn.btn-reveal i {
display: block;
position: absolute;
left: -32px;
width: 32px;
top: 0;
bottom:0;
margin: 0;
padding:0;
font-size:17px;
line-height:35px;
text-align: center;
background-color: rgba(0,0,0,0.1);
}
.btn.btn-reveal span {
display: inline-block;
position: relative;
left: 0;
}
body:not(.device-touch) .btn.btn-reveal i,
body:not(.device-touch) .btn.btn-reveal span {
-webkit-transition: left 0.3s ease, right 0.3s ease;
-o-transition: left 0.3s ease, right 0.3s ease;
transition: left 0.3s ease, right 0.3s ease;
}
/* extra small */
.btn.btn-reveal.btn-sm {
padding: 2px 17px;
}
.btn.btn-reveal.btn-sm i {
left: -22px;
width: 22px;
height: 22px;
line-height: 20px;
font-size:12px;
}
/* small */
.btn.btn-reveal.btn-sm {
padding-left: 22px;
padding-right: 22px;
}
.btn.btn-reveal.btn-sm i {
left: -26px;
width: 26px;
height: 29px;
line-height: 28px;
font-size:13px;
}
/* large */
.btn.btn-reveal.btn-lg {
padding-left:32px;
padding-right:32px;
}
.btn.btn-reveal.btn-lg i {
left: -38px;
width: 38px;
height: 53px;
line-height: 46px;
}
/* extra large */
.btn.btn-reveal.btn-xlg {
padding-left:40px;
padding-right:40px;
}
.btn.btn-reveal.btn-xlg i {
left: -44px;
width: 44px;
height: 72px;
line-height: 72px;
font-size:20px;
}
.btn.btn-reveal:hover i {
left: 0;
}
.btn.btn-reveal:hover span {
left: 16px;
}
/* button round */
.btn-round {
-webkit-border-radius: 35px !important;
-moz-border-radius: 35px !important;
border-radius: 35px !important;
}
/* Button Bordered */
.btn.btn-bordered {
border-color:#0071bd;
border-width:1.2px;
}
.btn.btn-bordered:hover {
color:#fff;
background-color:#0071bd;
}
.btn.btn-bordered.btn-primary:hover {
color:#fff;
background-color:#0069d9;
}
/* button colors */
.btn-red { background-color: #C02942; color: #FFF !important; }
.btn-teal { background-color: #118aef; color: #fff !important; }
.btn-yellow { background-color: #ECD078; color: #333 !important; }
.btn-green { background-color: #59BA41; color: #FFF !important; }
.btn-brown { background-color: #774F38; color: #FFF !important; }
.btn-aqua { background-color: #40C0CB; color: #FFF !important; }
.btn-lime { background-color: #AEE239; color: #FFF !important; }
.btn-purple { background-color: #5D4157; color: #FFF !important; }
.btn-leaf { background-color: #A8CABA; color: #333 !important; }
.btn-pink { background-color: #F89FA1; color: #FFF !important; }
.btn-dirtygreen { background-color: #1693A5; color: #FFF !important; }
.btn-blue { background-color: #1265A8; color: #FFF !important; }
.btn-amber { background-color: #EB9C4D; color: #FFF !important; }
.btn-black { background-color: #111; color: #FFF !important; }
.btn-white { background-color: #F9F9F9; color: #333 !important; }
.fullwidth.btn-red:hover,
.fullwidth.btn-teal:hover,
.fullwidth.btn-yellow:hover,
.fullwidth.btn-green:hover,
.fullwidth.btn-brown:hover,
.fullwidth.btn-aqua:hover,
.fullwidth.btn-lime:hover,
.fullwidth.btn-purple:hover,
.fullwidth.btn-leaf:hover,
.fullwidth.btn-pink:hover,
.fullwidth.btn-dirtygreen:hover,
.fullwidth.btn-blue:hover,
.fullwidth.btn-amber:hover,
.fullwidth.btn-black:hover,
.fullwidth.btn-white:hover {
color:#fff !important;
background-color:#434343;
}
section.dark .btn-default {
color:#fff;
background-color:transparent;
border-color:rgba(255,255,255,0.5);
}
.btn-clean {
color:#555;
}
/* BOOTSTRAP REWRITE */
.btn,
.form-control:not(textarea) {
height:40px;
}
.btn-sm,
.btn-sm,
.btn-lg,
.btn-xlg {
height:auto !important;
}
/*-----------------------------------------------------------------------------------*/
/* HEADER
/*-----------------------------------------------------------------------------------*/
/** HEADER #6
*************************************************** **/
#header {
display: block;
font-weight: 300;
position: relative;
min-height:60px;
z-index:15;
border-bottom: rgba(0, 0, 0, 0.05) 0px solid;
}
#header hr {
background: none;
border-top: 1px solid rgba(0,0,0,.1);
}
@media only screen and (max-width: 1200px) {
#header>.container {
padding: 0;
}
}
#header .full-container{
max-width:90%;
padding-left:5%;
padding-right:5%;
margin:auto;
}
@media only screen and (max-width: 768px) {
#header .full-container {
max-width: 100%;
padding-left: unset;
padding-right: 2%;
margin: auto;
}
}
/** HEADER : LOGO
*************************************************** **/
#header .header-logo {
cursor: pointer;
display: inline-block;
height: auto;
max-height: 65px !important;
line-height: 56px;
width: auto;
}
#header .nav-toggle + .header-logo {
margin-left: 15px;
}
/* two logo : white|dark */
#header .header-logo>img:last-child {
display: none; /* dark logo */
}
#header .header-logo>img:first-child {
display: inherit; /* white logo */
}
@media only screen and (max-width: 768px) {
#header .header-logo>img {
/*max-width:128px;*/
}
}
/** HEADER : MOBILE NAV TOGGLE
*************************************************** **/
@media only screen and (min-width: 768px) {
#header button.nav-toggle {
display: inline-block;
/*width: 60px;
height: 60px;*/
padding: 0;
margin: 0;
border: 0;
/* outline: none;
background: transparent;
border-right: rgba(0,0,0,0.07) 1px solid;
border-left: rgba(0,0,0,0.07) 1px solid;*/
/*float: left;*/
position: relative;
z-index: 10;
-webkit-border-radius: 0 !important;
border-radius: 0 !important;
width: 120px;
height: 40px;
background: #118aef;
color: #fff;
cursor: pointer;
vertical-align: middle;
text-indent:20px;
/*line-height: 38px;*/
font-size: 14px;
font-weight: 500;
margin-left: 30px;
/*content:"Courses";*/
}
/*#header button.nav-toggle:after {
content: attr(data-text);
position: absolute;
display: block;
width: 100%;
bottom:0;
font-size:10px;
font-weight: 300;
color: #999;
}*/
#header button.nav-toggle:before {
content: "";
width: 20px;
height: 20px;
display: inline-block;
background: url(/assets/images/home-sprite-d.svg) -500px -161px no-repeat;
background-size: 639px 348px;
position: absolute;
left: 20px;
top: 10px;
}
#header button.nav-toggle:hover {
background: #4fa7f0;
}
}
@media only screen and (max-width: 768px) {
#header button.nav-toggle {
background: url(../images/burger-dark.svg) center no-repeat !important;
cursor: pointer;
display: inline-block;
width: 60px;
height: 60px;
padding: 0;
margin: 0;
border: 0;
outline: none;
background: transparent;
border-right: rgba(0,0,0,0.07) 1px solid;
border-left: rgba(0,0,0,0.07) 1px solid;
float: left;
position: relative;
z-index: 10;
-webkit-border-radius: 0 !important;
border-radius: 0 !important;
}
#header button.nav-toggle:after {
content: attr(data-text);
position: absolute;
display: block;
width: 100%;
bottom: 0;
font-size: 10px;
font-weight: 300;
color: #999;
}
}
/** HEADER : STICKY
*************************************************** **/
#header.header-fixed {
position: fixed;
top:0;
left:0;
right: 0;
width: 100%;
}
#header.header-fixed+.layout-top-ads {
margin-top: 60px;
}
#header.header-fixed+#wrapper {
margin-top: 120px;
}
#header.header-fixed+.page-header {
margin-bottom: 60px;
}
/** HEADER : SHADOW
*************************************************** **/
#header.header-shadow-1 {
-webkit-box-shadow: 0px 0px 60px 0px rgba(0, 0, 0, 0.07);
-moz-box-shadow: 0px 0px 60px 0px rgba(0, 0, 0, 0.07);
box-shadow: 0px 0px 60px 0px rgba(0, 0, 0, 0.07);
}
/** HEADER : - LIGHT -
*************************************************** **/
#header.header-light {
color: #121212;
background-color: #ffffff;
}
#header.header-light a {
color: #121212;
}
#header.header-light .dropdown-menu a:not(.active):not(.btn):hover {
background-color: rgba(0,0,0,0.05);
}
/* mobile nav toggle */
/*#header.header-light .nav-toggle {
background: url('../images/_smarty/misc/burger-dark.svg') center no-repeat;
}*/
/** GLOBAL SEARCH
Multiple use - on different locations
*************************************************** **/
#header form.search-global {
width: 100%;
max-width: calc(100% - 600px);
float: right;
margin-top:10px;
margin-bottom: 0;
position: relative;
}
form.search-global input,
form.search-global button {
padding: 10px 15px !important;
margin-bottom: 0 !important;
font-size: 15px;
}
form.search-global button:hover {
background-color:transparent !important;
}
form.search-global input {
width: 100%;
padding-right: 50px !important;
z-index: 1 !important;
border-radius: 0px !important;
line-height: 18px !important;
height: 40px !important;
}
form.search-global button {
position: absolute;
top:0;
right:0;
z-index: 2;
border: 0;
background: transparent;
height: 40px !important;
line-height: 1;
}
form.search-global button>i {
margin: 0;
padding: 0;
}
form.search-global button:not(.btn-primary) {
color: #999 !important;
}
form.search-global:hover button:not(.btn-primary) {
color: #313131;
}
form.search-global span {
position: absolute;
top: 17%;
right:2%;
/*margin-left: 17px;
margin-top: 17px;*/
z-index: 1;
color: #4f5b66;
}
/** HEADER BUTTONS
*************************************************** **/
#header ul.header-buttons {
float: right;
margin: 9px 0 0 75px;
/*padding: 0 0 0 10px;*/
}
#header ul.header-buttons>li {
/*margin:0;
padding: 5px;*/
position: relative;
}
#header ul.header-buttons>li.active,
#header ul.header-buttons>li.show {
background-color: rgba(0,0,0,0.03);
}
#header ul.header-buttons>li>a {
/*height: 60px;*/
padding:6px 15px !important;
text-align: center;
text-decoration: none;
display: block;
position: relative;
/*border:1px solid #ddd;*/
/*font-size: 14px;*/
}
#header ul.header-buttons > li > a > i {
/*display: block;*/
/*margin: 0 0 6px 0;*/
margin: 0;
padding: 0;
font-size: 18px;
}
#header ul.header-buttons > li > a:hover {
background-color: #eee;
}
#header ul.header-buttons > li > a.login:hover {
background-color: #f8736f;
}
/* dropdown arrow indicator */
#header ul.header-buttons>li.header-button-arrow:before {
content: "\f107";
font: normal normal normal 14px/1 'FontAwesome';
font-size: 16px;
position: absolute;
right: 10px;
top: 6px;
color: #d1d1d1;
}
#header ul.header-buttons>li.header-button-arrow.show:before {
content: "\f106";
}
/* badge indicator */
#header ul.header-buttons>li>a>span.badge {
position: absolute;
top: 1px;
right: 1px;
padding: 2px 4px 3px 4px;
-moz-border-radius: 0;
border-radius: 0;
}
#header ul.header-buttons>li>a>span.badge.badge-default {
background-color: #ccc !important;
}
#header.header-dark ul.header-buttons>li>a>span.badge.badge-default {
background-color: #666 !important;
}
/* hide dropdown arrow */
#header ul.header-buttons>li>a.dropdown-toggle::after {
display: none;
}
#header ul.header-buttons > li > a.login {
background-color: #fafafa;
color: #333;
font-weight: bold;
}
#header ul.header-buttons > li > a.signup {
background-color: #eb3e38;
color: #fff;
font-weight: bold;
}
/* bordered layout */
#header ul.header-buttons.header-buttons-bordered {
border-right: rgba(0,0,0,0.07) 1px solid;
}
#header ul.header-buttons.header-buttons-bordered>li>a {
border-left: rgba(0,0,0,0.07) 1px solid;
}
#header.header-dark ul.header-buttons.header-buttons-bordered {
border-color: rgba(255,255,255,0.2);
}
#header.header-dark ul.header-buttons.header-buttons-bordered>li>a {
border-color: rgba(255,255,255,0.2);
}
/* my acount dropdown */
#header ul.header-buttons>li>.dropdown-menu>span {
display: block;
padding: 7px 10px;
font-weight: bold;
font-size:15px;
background-color: rgba(0,0,0,0.03);
margin-bottom: 1px;
width: 100%;
max-width: 220px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
#header ul.header-buttons>li>.dropdown-menu>span>i {
margin-right:5px;
font-size: 14px;
color: #ccc;
}
#header ul.header-buttons>li>.dropdown-menu .btn {
color: #fff;
line-height: 18px;
}
/* resets */
#header ul.header-buttons>li>.dropdown-menu {
margin: 0;
padding: 0;
border: 0;
max-width: 300px;
min-width: 220px;
-webkit-border-top-left-radius: 0;
-moz-border-top-left-radius: 0;
border-top-left-radius: 0;
-webkit-border-top-right-radius: 0;
-moz-border-top-right-radius: 0;
border-top-right-radius: 0;
-webkit-box-shadow:0px 5px 15px 0px rgba(0,0,0,0.15);
-moz-box-shadow:0px 5px 15px 0px rgba(0,0,0,0.15);
box-shadow:0px 5px 15px 0px rgba(0,0,0,0.15);
}
#header ul.header-buttons>li>.dropdown-menu>a {
padding: 5px 15px 5px 28px;
font-size: 15px;
position: relative;
display: block;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
#header ul.header-buttons>li>.dropdown-menu>a.active {
color: #fff;
text-decoration: none;
background-color: #0275d8;
}
#header ul.header-buttons>li>.dropdown-menu>a.dropdown-item:before {
content: "\f105";
font: normal normal normal 14px/1 'FontAwesome';
font-size: 16px;
position: absolute;
left: 12px;
top: 6px;
color: #d1d1d1;
}
#header ul.header-buttons>li>.dropdown-menu>a.dropdown-item.dropdown-custom-icon {
padding-left: 12px;
}
#header ul.header-buttons>li>.dropdown-menu>a.dropdown-item.dropdown-custom-icon>i {
margin-right:3px;
font-size: 14px;
color: #d1d1d1;
}
#header ul.header-buttons>li>.dropdown-menu>a.dropdown-item.dropdown-custom-icon:before {
display: none;
}
#header ul.header-buttons>li>.dropdown-menu>a.dropdown-item.dropdown-myaccount-logout {
display: block;
padding: 7px 10px;
background-color: rgba(0,0,0,0.03);
margin-top:1px;
}
#header.header-dark ul.header-buttons>li>.dropdown-menu>a {
color: #111;
}
/** MAIN NAVIGATION
*************************************************** **/
nav.main-nav {
z-index:9999;
font-weight: 300;
}
nav.main-nav>div>ul>li {
position: inherit;
}
nav.main-nav>div dl,
nav.main-nav>div dl dd,
nav.main-nav>div dl dt {
margin-bottom: 0;
}
nav.main-nav>div>ul>li>a {
text-decoration: none;
display: block;
position: relative;
padding: 7px 30px 7px 15px;
font-size: 15px;
font-weight:300;
color: #111;
border-bottom: transparent 1px solid;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
/* bordered style */
nav.main-nav.main-nav-bordered>div>ul>li>a {
border-bottom: rgba(0,0,0,0.04) 1px solid;
}
nav.main-nav>div>ul>li:last-child>a {
border-bottom:0;
}
/* hover background */
nav.main-nav>div>ul>li.main-nav-item:hover,
nav.main-nav>div>ul>li.main-nav-item.active {
background-color: #fbfbfb;
}
/* main icon */
nav.main-nav>div>ul>li>span>i,
nav.main-nav>div>ul>li>span>a>i,
nav.main-nav>div>ul>li>a>i {
margin-right: 6px;
color: #ccc;
width: 20px;
}
/* menu title - view all products */
nav.main-nav>div>ul>li>span>a {
display: block;
position: relative;
color: #111;
font-weight:400;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
nav.main-nav>div>ul>li>span>a {
padding: 15px 15px;
font-size: 15px;
}
nav.main-nav>div>ul>li:hover>span>a:after {
content: attr(data-text);
font-size: 11px;
text-decoration: none;
position: absolute;
right: 8px;
top: 18px;
}
nav.main-nav>div>ul>li:hover>span>i,
nav.main-nav>div>ul>li:hover>span>a>i {
color: #d9534f;
}
nav.main-nav>div>ul>li>span>a {
text-decoration: none;
color: #111;
display: block;
}
/* badges */
nav.main-nav>div>ul>li>a>.badge {
margin-right:0;
margin-top:2px;
font-weight: 300;
font-size:11px;
position: absolute;
right:30px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
/* expand icon */
nav.main-nav>div>ul>li>a:before {
content: "\f105";
display: inline-block;
font: normal normal normal 14px/1 'FontAwesome';
font-size: inherit;
position: absolute;
right:15px;
top:9px;
color: #ccc;
}
#header nav.main-nav {
display: none;
}
#header nav.main-nav.min-nav-active {
display: block;
}
/* SUBMENU */
nav.main-nav>div>ul .main-nav-submenu {
position: absolute;
background-color: #fbfbfb;
left:100%;
right:0;
top:0;
width: 100%;
z-index:100;
padding: 0;
border:0;
margin:0;
float: none;
overflow: hidden;
display: none;
-webkit-animation: fadeIn .3s;
animation: fadeIn .3s;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-webkit-border-top-right-radius: 6px;
-moz-border-top-right-radius: 6px;
border-top-right-radius: 6px;
-webkit-border-bottom-right-radius: 6px;
-moz-border-bottom-right-radius: 6px;
border-bottom-right-radius: 6px;
}
nav.main-nav>div>ul .main-nav-submenu div.row,
nav.main-nav>div>ul .main-nav-submenu div.row>div[class*="col-"] {
padding: 0;
margin: 0;
}
nav.main-nav>div>ul .main-nav-submenu>h3,
nav.main-nav>div>ul .main-nav-submenu>h4,
nav.main-nav>div>ul .main-nav-submenu>h5,
nav.main-nav>div>ul .main-nav-submenu>h6 {
margin:15px 15px 0 15px;
font-size: 15px;
font-weight: 400;
}
nav.main-nav>div>ul .main-nav-submenu>h3>i,
nav.main-nav>div>ul .main-nav-submenu>h4>i,
nav.main-nav>div>ul .main-nav-submenu>h5>i,
nav.main-nav>div>ul .main-nav-submenu>h6>i {
margin-right: 8px;
}
nav.main-nav>div>ul .main-nav-submenu>ul,
nav.main-nav>div>ul .main-nav-submenu div.row>div>ul {
padding: 15px;
}
nav.main-nav>div>ul .main-nav-submenu>ul li>a,
nav.main-nav>div>ul .main-nav-submenu div.row>div>ul>li>a {
color: #333;
font-size:15px;
display: block;
font-weight: 300;
}
nav.main-nav>div>ul .main-nav-submenu>ul li>a:hover,
nav.main-nav>div>ul .main-nav-submenu div.row>div>ul>li>a:hover {
text-decoration: underline;
}
nav.main-nav>div>ul a>strong,
nav.main-nav>div>ul a>b {
font-weight: 600;
}
nav.main-nav>div>ul .main-nav-submenu div.row>div>ul>li:first-child>a {
font-weight:600;
margin: 0 0 6px 0;
}
nav.main-nav>div>ul .main-nav-submenu>ul li>a>.badge,
nav.main-nav>div>ul .main-nav-submenu div.row>div>ul>li>a>.badge {
padding:2px 4px 3px 4px;
font-size:10px;
text-transform: uppercase;
margin-top:3px;
}
nav.main-nav>div>ul .main-nav-submenu>ul li>hr {
margin: 8px 0;
}
nav.main-nav>div>ul .main-nav-submenu .btn,
nav.main-nav>div>ul .main-nav-submenu .alert {
border:0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
@media only screen and (min-width: 767px) {
nav.main-nav>div>ul>li:hover>.main-nav-submenu {
display: block !important;
}
#header nav.main-nav>div>ul>li>.main-nav-submenu {
border-radius: 0 !important
}
#header nav.main-nav>.main-nav-mobile-scroll>ul {
width: 218px;
}
}
@media only screen and (max-width: 767px) {
nav.main-nav>div>ul .main-nav-submenu {
width: 100% !important;
position: relative;
left:0;
}
nav.main-nav>.main-nav-mobile-scroll {
overflow-y: scroll;
-webkit-overflow-scrolling: touch; /* iOS smooth scroll */
height: 100%;
}
}
/* Main Nav Brands */
nav.main-nav div.main-nav-brand-list,
nav.main-nav div.main-nav-brand-list>a {
margin:0;
padding: 0;
}
nav.main-nav div.main-nav-brand-list {
margin-top: 5px !important;
margin-right: 5px !important;
}
nav.main-nav div.main-nav-brand-list>a {
display: block;
cursor: pointer;
text-align: center;
padding-left: 3px;
padding-right: 3px;
padding-bottom: 5px;
}
nav.main-nav div.main-nav-brand-list>a>img {
background-color: #fff;
border: #eaeaea 1px solid;
padding: 0 3px;
}
nav.main-nav div.main-nav-brand-list>a:hover>img {
border-color:#ddd;
}
/** MOBILE SECTION */
/* LOGO | CLOSE */
nav.main-nav>.main-nav-mobile-header {
border-bottom: rgba(0,0,0,0.07) 1px solid;
}
nav.main-nav>.main-nav-mobile-header>img {
max-width:128px;
height: auto !important;
float: left;
margin-top: 1px;
/*height: 60px !important;*/
margin-left:15px;
padding-top:15px;
}
nav.main-nav>.main-nav-mobile-header .nav-toggle-close {
cursor: pointer;
display: inline-block;
width: 60px;
height: 60px;
padding: 0;
margin: 0;
border: 0;
outline: none;
background: transparent;
border-right: rgba(0,0,0,0.07) 1px solid;
border-left: rgba(0,0,0,0.07) 1px solid;
float: left;
z-index: 1;
background: url('../images/close-dark.svg') center no-repeat;
-webkit-border-radius: 0 !important;
border-radius: 0 !important;
}
/* SEARCH */
nav.main-nav>div>ul>li.main-nav-search {
padding: 15px;
margin-top: 10px;
}
.img-header {
height: 100px;
width: 100%;
margin-bottom:10px;
}
.submenu-anchor {
color: #4aa2d1 !important;
}
#header ul.header-buttons {
padding-right: 0px !important;
}
ul.header-buttons > li > a {
margin-top: 2px !important;
padding: 8px 8px !important;
}
/*-----------------------------------------------------------------------------------*/
/* Social Icons
/*-----------------------------------------------------------------------------------*/
.social-icons {
margin: 0;
padding: 0;
width: auto;
}
.social-icons li {
display: inline-block;
margin: -1px 1px 0 0;
padding: 0;
border-radius: 100%;
overflow: visible;
-webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3);
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3);
}
.social-icons li a {
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
background: #FFF;
border-radius: 100%;
display: block;
height: 30px;
line-height: 30px;
width: 30px;
text-align: center;
color: #333 !important;
text-decoration: none;
}
.social-icons li:hover a {
background: #171717;
color: #FFF !important;
}
.social-icons li:hover.social-icons-twitter a {
background: #1aa9e1;
}
.social-icons li:hover.social-icons-facebook a {
background: #3b5a9a;
}
.social-icons li:hover.social-icons-linkedin a {
background: #0073b2;
}
.social-icons li:hover.social-icons-rss a {
background: #ff8201;
}
.social-icons li:hover.social-icons-googleplus a {
background: #dd4b39;
}
.social-icons li:hover.social-icons-pinterest a {
background: #cc2127;
}
.social-icons li:hover.social-icons-youtube a {
background: #c3191e;
}
.social-icons li:hover.social-icons-instagram a {
background: #7c4a3a;
}
.social-icons li:hover.social-icons-skype a {
background: #00b0f6;
}
.social-icons li:hover.social-icons-email a {
background: #dd4b39;
}
.social-icons li:hover.social-icons-vk a {
background: #6383a8;
}
.social-icons li:hover.social-icons-xing a {
background: #1a7576;
}
.social-icons li:hover.social-icons-tumblr a {
background: #304e6c;
}
.social-icons li:hover.social-icons-reddit a {
background: #ff4107;
}
.social-icons.social-icons-dark li a {
background: #181818;
}
.social-icons.social-icons-dark li a i {
color: #FFF;
}
.social-icons.social-icons-transparent li {
-webkit-box-shadow: none;
box-shadow: none;
}
.social-icons.social-icons-transparent li a {
background: transparent;
}
.social-icons.social-icons-icon-light li a i {
color: #FFF;
}
/*-----------------------------------------------------------------------------------*/
/* FOOTER
/*-----------------------------------------------------------------------------------*/
footer{
background:#00325c;
color: #ECECEC;
font-size:13px;
padding: 40px 0 0 0;
}
footer h3{
font-family: inherit;
margin-top: 0;
margin-bottom: 10px;
font-weight: 700;
font-size:18px;
color: #ECECEC;
}
footer p{
font-family: inherit;
margin-top: 0;
font-size:14px;
}
footer a{
font-family: inherit;
margin-top: 0;
font-size:14px;
color: #ECECEC;
/*padding: 20px 10px;*/
}
footer a:hover {
color: #4aa2d1 !important;
}
footer ul.circled li:before {
content: '●';
font-weight: normal;
vertical-align: top;
display: inline-block;
font-size: 11px;
color: #ECECEC;
margin-right:0px !important;
}
footer .social-icons a{
padding:0px !important;
}
.footer-copyright{
color: #999;
background: #21262a;
padding: 15px 0;
vertical-align:middle;
}
.footer-copyright .logo img{
max-height:30px;
}
.footer-copyright .copy-text{
margin:auto;
}
.footer-copyright nav ul {
list-style: none;
margin: 0px;
padding: 0px;
}
.footer-copyright nav ul li {
display: inline;
margin: 0 0px;
}
.footer-copyright nav ul li a {
display: inline;
color: #999;
text-decoration: none;
padding: 20px 10px;
}
.footer-copyright nav ul li a:hover {
color: #fff;
}
/*-----------------------------------------------------------------------------------*/
/* TESTIMONIALS
/*-----------------------------------------------------------------------------------*/
#testimonials{background:#fff !important;}
.testimonials.parallax{
background: url(/assets/images/parallax-bg.jpg) fixed no-repeat center center;
background-size: cover;
position: relative;
}
.testimonials .container {
padding-top: 120px;
padding-bottom: 120px;
}
.testimonials .quote {
padding: 0 0 0 150px;
position: relative;
}
.testimonials .quote.right {
padding: 0 150px 0 0;
position: relative;
}
.testimonials .quote .icon {
position: absolute;
top: 0;
left: 0;
}
.testimonials .quote.right .icon {
right: 0;
left: auto;
}
.quote .author {
margin: 10px 0 0 0
}
.testimonials3 .quote .author {
margin-top: 30px
}
.quote .author h5 {
margin-bottom: 0;
text-transform: uppercase;
}
.testimonials3 .quote .author h5 {
margin-top: 20px
}
.testimonials .quote img {
width: 85px;
height: auto;
border-radius: 100%;
}
/*.testimonials .quote .box:before {
content: "";
display: block;
position: absolute;
top: 20px;
left: 140px;
width: 0;
height: 0;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
border-right: 10px solid #FFF;
}*/
.testimonials .quote.right .box:before {
left: auto;
right: 140px;
border-right: 0;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
border-left: 10px solid #FFF;
}
.testimonials2 {
padding: 0 0 100px 0
}
.testimonials2 .quote {
position: relative;
border: 2px solid #e1e1e1;
padding: 20px 20px 60px 20px;
text-align: center;
transition: all 200ms ease-in;
}
.testimonials2 .quote:hover {
border: 2px solid #4aa2d1
}
.testimonials2 .quote .icon {
position: absolute;
bottom: 60px;
left: 50%;
margin-left: -40px;
}
.testimonials2 .quote .icon img,
.testimonials3 .quote .icon img {
width: 80px;
height: auto;
border-radius: 100%;
}
.testimonials2 .author {
position: absolute;
bottom: -100px;
left: 0;
width: 100%;
text-align: center;
}
blockquote p:before {
font-family: 'fontello';
content: '\275e';
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-o-transform: rotate(180deg);
font-size: 25px;
float: left;
margin-right: 10px;
display: inline-block;
color: #bfbfbf;
}
blockquote small {
text-transform: uppercase
}
.text-boxes blockquote {
margin-bottom: 15px
}
.testimonials2 blockquote p:before {
float: none;
display: block;
}
.testimonials3 .author img {
margin: 0 auto
}
.testimonials3 blockquote p {
font-size: 20px;
line-height: 30px;
}
.testimonials3 blockquote p:before {
float: none;
display: block;
margin-bottom: 30px;
font-size: 40px;
}
.owl-prev, .owl-next {
background-image: none !important;
border: 0;
color: #ccc;
font-size: 34px;
line-height: 70px;
height: 70px !important;
width: 70px !important;
text-align: center;
background-color: rgba(0,0,0,0.2);
-webkit-border-radius: 50% !important;
-moz-border-radius: 50% !important;
border-radius: 50% !important;
-webkit-transition: all .400s;
-moz-transition: all .400s;
-o-transition: all .400s;
transition: all .400s;
-webkit-box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.18);
-moz-box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.18);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.18);
}
/* Box Image */
.box-image {
border:rgba(0,0,0,0.1) 1px solid;
margin:30px 0;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
section.dark .box-image {
border:rgba(255,255,255,0.1) 1px solid;
}
.box-image .box-image-title {
text-decoration:none !important;
}
.box-image img {
margin-bottom:20px;
}
.box-image .box-image-title h2 {
margin:0 15px 15px 15px;
font-size:18px;
line-height:20px;
}
.box-image p,
.box-image .btn,
.box-image button {
margin-bottom:15px;
}
.box-image p {
margin-top:0;
margin-left:15px;
margin-right:15px;
}
.image-hover {
position: relative;
display: table;
}
.img-hover:hover img {
opacity: 0.6;
filter: alpha(opacity=80);
}
/* Bottom Border */
.nav-tabs.nav-bottom-border {
border:0 !important;
}
.nav-tabs.nav-bottom-border>li>a.active {
margin-bottom:0 !important;
font-weight:400;
}
.nav-tabs.nav-bottom-border>li>a {
border:0 !important;
border-bottom:transparent 2px solid !important;
font-weight:300;
}
.nav-tabs.nav-bottom-border>li>a.active,
.nav-tabs.nav-bottom-border>li>a.active:hover {
border-bottom:#888 2px solid !important;
-webkit-border-radius: 0 !important;
-moz-border-radius: 0 !important;
border-radius: 0 !important;
}
.nav-tabs.nav-bottom-border>li>a:hover {
background-color:transparent !important;
border-color:transparent !important;
}
section.dark ul.side-nav a {
color:#ccc;
}
section.dark .nav-bottom-border li>a {
background-color:transparent !important;
}
.serchsidebar
{
padding:0px;
}
.serchsidebar li.active {
background-color: #e9ecef !important;
}
.serchsidebar li {
list-style: none;
background-color: #fff;
border: 1px solid #dee5ed;
width: 100%;
font-size: 15px;
line-height: 10px;
padding: 14px 20px;
border-radius: 3px;
margin-bottom: 10px;
outline: none;
}
.vh-align{
display: flex !important;
flex-direction: row !important;
align-content: center !important;
justify-content: center !important;
align-self: center !important;
align-items: center !important;
height: 100% !important;
}
.rating > span{
color: #262b2f;
font-size: 1.4em;
}
.rating > span.active {
color: #a93b3b;
font-size: 1.4em;
}
/*Home page*/
.main-title {
font-weight: 300;
font-size: 40px;
margin-bottom: 30px;
text-transform: none;
font-family:'Open Sans', sans-serif !important;
}
.main-title.text-center:after {
content: "\____";
display: block;
color: #fd0100;
margin-top: 0px;
font-weight: bolder;
line-height:0;
}
.course-band
{
background-color:#eee;
}
.course-container{
max-width:98% !important;
}
/** 08. Nav Pills
**************************************************************** **/
section .nav-pills>li>a:hover,
section .nav-pills>li>a:focus,
section .nav-pills>li.active>a,
section .nav-pills>li.active>a:hover,
section .nav-pills>li.active>a:focus {
background-color:rgba(0,0,0,0.1) !important;
}
section .nav-pills>li>a {
padding:16px 45px;
margin-bottom:6px;
letter-spacing:1px;
}
@media only screen and (max-width: 550px) {
section .nav-pills {
background-color:rgba(0,0,0,0.02);
}
section .nav-pills,
section .nav-pills>li,
section .nav-pills>li>a {
display:block !important;
float:none;
}
}
/** 41. Toggles & Accordions
*************************************************** **/
div.toggle {
margin: 10px 0 0;
position: relative;
clear: both;
}
div.toggle > label {
color: #333;
background:rgba(0,0,0,0.1);
cursor: pointer;
font-size: 16px;
font-weight:normal;
padding: 10px 20px;
position: relative;
display: block;
border-bottom: rgba(0,0,0,0.03) 1px solid;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-webkit-transition: all .10s ease-out;
-moz-transition: all .10s ease-out;
-o-transition: all .10s ease-out;
transition: all .10s ease-out;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
section.dark div.toggle > label {
color: #fff;
background:rgba(0,0,0,0.5);
}
div.toggle div.toggle-content {
border: rgba(0,0,0,0.03) 1px solid;
display: none;
background:rgba(0,0,0,0.03);
margin-top: -5px;
padding: 15px 20px;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
div.toggle div.toggle-content p:last-child {
margin-bottom:0;
}
section.dark div.toggle div.toggle-content {
background:rgba(255,255,255,0.05);
}
div.toggle > label:before {
content: '';
border: 6px solid transparent;
border-top-color: inherit;
position: absolute;
top: 50%; right: 14px;
margin-top: -3px;
}
div.toggle > label:hover {
background: rgba(0,0,0,0.15);
}
div.toggle > label + p {
color: #888;
height: 25px;
display: block;
overflow: hidden;
padding-left: 10px;
}
div.toggle.active > label:before {
border: 6px solid transparent;
border-bottom-color:rgba(0,0,0,0.5);
right: 14px; margin-top: -10px;
}
.toggle .toggle-content {
border:0 !important;
}
/* transparent body */
.toggle.toggle-transparent .toggle-content,
.toggle.toggle-transparent-body .toggle-content {
background:transparent;
}
.toggle.toggle-transparent-body label {
background: rgba(0,0,0,0.03);
}
.toggle.toggle-transparent-body label:hover {
background: rgba(0,0,0,0.04);
}
/* transparent full */
.toggle.toggle-transparent label:hover,
.toggle.toggle-transparent label {
background-color:transparent;
border:0;
}
.toggle.toggle-transparent div.toggle.active label {
font-weight:bold;
}
/* bordered simple */
.toggle.toggle-bordered-simple label:hover,
.toggle.toggle-bordered-simple label {
border:#ccc 1px solid;
}
/* bordered full */
.toggle.toggle-bordered-full label:hover,
.toggle.toggle-bordered-full label {
border:#ccc 1px solid;
border-bottom:0;
margin:0;
}
.toggle.toggle-bordered-full div.toggle:last-child>label {
border-bottom:#ccc 1px solid;
}
.toggle.toggle-bordered-full div.toggle.active>label {
font-weight:bold;
}
.toggle.toggle-bordered-full .toggle-content {
border:#ccc 1px solid !important;
border-top:0 !important;
border-bottom:0 !important;
}
.toggle.toggle-bordered-full div.toggle {
margin:0;
}
/* noicon */
.toggle.toggle-noicon div.toggle > label:before {
display:none;
}
/** 47. Star Rating
**************************************************************** **/
.rating {
position:relative;
min-height:17px;
width:auto;
color:#999;
display:inline-block;
font-family: FontAwesome;
}
section.dark .rating {
color:#666;
}
.rating-0:after {
content:"\f006\20\f006\20\f006\20\f006\20\f006";
}
.rating-1:after {
content:"\f005\20\f006\20\f006\20\f006\20\f006";
}
.rating-2:after {
content:"\f005\20\f005\20\f006\20\f006\20\f006";
}
.rating-3:after {
content:"\f005\20\f005\20\f005\20\f006\20\f006";
}
.rating-4:after {
content:"\f005\20\f005\20\f005\20\f005\20\f006";
}
.rating-5:after {
content:"\f005\20\f005\20\f005\20\f005\20\f005";
}
/**
Ribbon
**/
.ribbon {
width: 115px;
height: 118px;
overflow: hidden;
position: absolute;
right: -2px;
top: -2px;
z-index: 1;
}
.ribbon .ribbon-inner {
width: 160px;
left: -8px;
top: 28px;
}
.ribbon-inner {
font-family: "Open Sans",Helvetica,Arial,sans-serif;
-webkit-box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.15);
-o-box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.15);
box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.15);
-webkit-transform: translate3d(0, 0, 0);
-webkit-backface-visibility: hidden;
-webkit-perspective: 1000;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
background: #1abc9c;
letter-spacing: 4px;
text-align: center;
position: relative;
font-weight: 700;
font-size: 14px;
padding: 7px 0;
width: 100px;
color: #fff;
z-index: 1;
left: 3px;
top: 6px;
}
/*#slider{margin-top:65px;}*/
/** Portfolio
**************************************************************** **/
/* do not move from here - we rewrite this below */
.item-box-desc h2,
.item-box-desc h3,
.item-box-desc h4,
.item-box-desc h5 {
font-size:18px;
line-height:21px;
margin:0;
padding:0;
}
.item-box .owl-carousel {
margin-top:0px !important;
}
#portfolio {
overflow:hidden;
}
#portfolio ul
{
margin-top:13px;
}
#portfolio h2,
#portfolio h3 {
font-size:18px;
line-height:20px;
margin:0;
color:#111;
}
#portfolio .portfolio-item h2,
#portfolio .portfolio-item h3 {
text-overflow:ellipsis;
white-space: nowrap;
}
#portfolio div.col-md-3 h2,
#portfolio div.col-md-3 h3 {
font-size:18px;
line-height:18px;
}
#portfolio div.col-md-5th h2,
#portfolio div.col-md-5th h3 {
font-size:15px;
line-height:15px;
overflow:hidden;
text-overflow:ellipsis;
white-space: nowrap;
}
#portfolio div.col-md-2 h2,
#portfolio div.col-md-2 h3 {
font-size:13px;
line-height:13px;
}
#portfolio div.col-md-2 .item-box-desc,
#portfolio div.col-md-2 .item-box-desc {
padding:20px 6px 0 15px !important;
}
section.dark #portfolio h2,
section.dark #portfolio h3 {
color:#fff;
}
#portfolio.portfolio-title-over div.col-md-2 .item-box .item-hover .inner {
margin-top:-20px !important;
}
#portfolio div.col-md-2 ul.categories>li>a,
#portfolio div.col-md-5th ul.categories>li>a {
font-size:11px;
line-height:11px;
}
/* dark section */
section.dark#portfolio h2,
section.dark #portfolio h2,
section.dark#portfolio h3,
section.dark #portfolio h3 {
color:#fff !important;
}
.mix.row {
display: -webkit-box !important;
}
#portfolio .mix-grid>.row.mix {
border-bottom:rgba(0,0,0,0.1) 1px solid;
margin-bottom:60px;
padding-bottom:60px;
}
#portfolio .mix-grid>.row.mix:last-child {
border-bottom:0;
}
#portfolio .mix-grid>.row>div:last-child {
margin-bottom:0 !important;
}
#portfolio .item-box-desc h2,
#portfolio .item-box-desc h3 {
font-size:18px;
line-height:20px;
}
#portfolio .item-box-overlay-title {
display:block;
position:absolute;
left:0; right:0;
bottom:0;
padding:8px;
color:#fff;
background-color:rgba(0,0,0,0.6);
color:#fff;
z-index:100;
}
#portfolio .item-box-overlay-title h2,
#portfolio .item-box-overlay-title h3,
#portfolio .item-box-overlay-title h4,
#portfolio .item-box-overlay-title a {
color:#fff;
}
#portfolio .item-box-overlay-title a:hover {
color:#fff !important;
}
#portfolio .controlls-over .owl-pagination {
bottom:auto;
top:10px;
right:10px;
left:auto;
width:auto;
}
@media only screen and (max-width: 992px) {
#portfolio div.col-md-5>h2,
#portfolio div.col-md-5>h3 {
margin-top:30px;
}
}
@media only screen and (max-width: 480px) {
#portfolio.portfolio-title-over .item-box .item-hover .inner {
margin-top:-40px !important;
}
}
/** Gutter
****************** **/
#portfolio.portfolio-gutter .item-box {
margin-bottom:30px;
}
#portfolio.portfolio-nogutter .row>div,
#portfolio.portfolio-nogutter .item-box {
padding: 0 !important;
margin: 0 !important;
}
#portfolio.portfolio-gutter .item-box .item-box-desc {
margin-bottom:0 !important;
padding-bottom:0 !important;
}
/** Isotope Portfolio
****************** **/
#portfolio.portfolio-isotope {
display:block;
margin:auto;
width:100%;
}
#portfolio.portfolio-isotope .item-box-desc {
margin-bottom:0;
}
#portfolio.portfolio-isotope-3 .portfolio-item.has-title .inner,
#portfolio.portfolio-isotope-4 .portfolio-item.has-title .inner,
#portfolio.portfolio-isotope-5 .portfolio-item.has-title .inner {
margin-top:-36px !important;
}
#portfolio.portfolio-isotope-6 .portfolio-item.has-title .inner {
margin-top:-26px !important;
}
/* 2 columns */
#portfolio.portfolio-isotope-2 .portfolio-item {
margin: 0 20px 20px 0;
float:left;
}
#portfolio.portfolio-isotope-2 .item-box-desc {
padding:20px;
}
/* 3 columns */
#portfolio.portfolio-isotope-3 .portfolio-item {
margin: 0 15px 15px 0;
}
#portfolio.portfolio-isotope-3 .item-box-desc {
padding:20px;
}
/* 4 columns */
#portfolio.portfolio-isotope-4 .portfolio-item {
margin: 0 12px 12px 0;
}
#portfolio.portfolio-isotope-4 .portfolio-item h3,
#portfolio.portfolio-isotope-4 .portfolio-item h4 {
font-size:17px;
line-height:17px;
}
#portfolio.portfolio-isotope-4 .item-box-desc {
padding:20px 10px 20px 10px;
}
/* 5 columns */
#portfolio.portfolio-isotope-5 .portfolio-item {
margin: 0 10px 10px 0;
}
#portfolio.portfolio-isotope-5 .portfolio-item h3,
#portfolio.portfolio-isotope-5 .portfolio-item h4 {
font-size:16px;
line-height:16px;
}
#portfolio.portfolio-isotope-5 .item-box-desc {
padding:20px 10px 20px 10px;
}
/* 6 columns */
#portfolio.portfolio-isotope-6 .portfolio-item {
margin: 0 6px 6px 0;
}
#portfolio.portfolio-isotope-6 .portfolio-item h3,
#portfolio.portfolio-isotope-6 .portfolio-item h4 {
font-size:15px;
line-height:15px;
}
#portfolio.portfolio-isotope-6 .item-box-desc {
padding:20px 10px 20px 10px;
}
#portfolio.portfolio-isotope.portfolio-nogutter .portfolio-item {
margin:0;
}
/** Ajax Portfolio
****************** **/
#portfolio_ajax_container {
position:relative;
}
#portfolio_ajax_container .overlay>span {
position: absolute;
top: 50%; left: 50%;
width: 68px; height: 68px;
line-height: 76px;
text-align: center;
margin: -34px 0 0 -34px;
background-color: rgba(0,0,0,0.8);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
#portfolio_ajax_container .overlay>span>i {
color: #fff;
font-size: 30px;
}
div.portfolio-ajax-page {
margin-bottom:80px;
padding:10px 0;
}
div.portfolio-ajax-page header {
position:relative;
}
div.portfolio-ajax-page header>ul {
margin:0;
position:absolute;
right:0;
top:50%;
margin-top:-10px;
}
div.portfolio-ajax-page header>ul a {
font-size:18px;
}
div.portfolio-ajax-page header>ul a.portfolio-ajax-close {
margin-left:20px;
}
div.portfolio-ajax-page header a {
color:#888;
text-decoration:none;
}
div.portfolio-ajax-page header a:hover {
color:#000;
}
div.portfolio-ajax-page header h2,
div.portfolio-ajax-page header h3 {
margin:0;
}
section.dark .portfolio-ajax-page header a:hover {
color:#fff;
}
@media only screen and (max-width: 768px) {
div.portfolio-ajax-page header {
text-align:center;
}
div.portfolio-ajax-page header>ul {
position:relative;
margin-top:30px;
}
div.portfolio-ajax-page header h2,
div.portfolio-ajax-page header h3 {
font-size:24px;
line-height:24px;
}
}
/** Portfolio Single
****************** **/
ul.portfolio-detail-list span {
display: inline-block;
font-weight: bold;
width: 150px;
}
ul.portfolio-detail-list span>i {
position: relative;
top: 1px;
width: 14px;
text-align: center;
margin-right: 7px;
}
/** Item Box
**************************************************************** **/
.item-box {
overflow:hidden;
margin:0;
position:relative;
box-shadow:rgba(0,0,0,0.1) 0 0 5px;
-webkit-border-radius:0;
-moz-border-radius:0;
border-radius:0;
}
.mix-grid .item-box,
#portfolio .item-box {
box-shadow:none;
}
.item-box.fullwidth {
max-width:100%;
}
section.alternate .item-box {
background-color:rgba(0,0,0,0.05);
}
.item-box figure {
width:100%;
display:block;
margin-bottom:0;
overflow:hidden;
position:relative;
text-align:center;
}
.item-box.fixed-box figure img {
width:100%;
height:auto;
}
.item-box-desc {
padding:30px 20px 20px 20px;
overflow:hidden;
margin-bottom:10px;
text-align:left !important;
}
.item-box-desc p {
margin-top:20px;
display:block;
overflow:hidden;
text-overflow:ellipsis;
/*white-space: nowrap;*/
}
.item-box.fixed-box .item-box-desc p {
height:98px;
}
.item-box-desc h2,
.item-box-desc h3,
.item-box-desc h4,
.item-box-desc h5 {
padding:0; margin:0;
}
.item-box .item-box-desc small {
display:block;
}
.item-box.fixed-box .item-box-desc {
height:256px;
}
.item-box.fixed-box figure {
max-height:263px;
}
.item-box .socials {
border-top:#eee 1px solid;
text-align:center;
display:block;
}
/* hover */
.item-box .item-hover {
opacity: 0;
filter: alpha(opacity=0);
position:absolute;
left:0; right:0; top:0; bottom:0;
text-align:center;
color:#fff;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.item-box .item-hover,
.item-box .item-hover button,
.item-box .item-hover a {
color:#fff;
}
.item-box .item-hover .inner {
position:absolute;
display:block;
left:0; right:0; top:50%;
margin-top:-10px;
margin-bottom:0;
width:100%;
z-index:100;
line-height:23px;
}
.item-box:hover .item-hover {
opacity: 1;
filter: alpha(opacity=100);
}
.item-box .item-hover .inner .ico-rounded>span {
color:#666;
background-color:#fff;
width:50px;
height:50px;
line-height:50px !important;
margin:-20px 5px 0 5px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
-webkit-border-bottom-right-radius: 20px;
-webkit-border-top-left-radius: 20px;
-moz-border-radius-bottom-right: 20px;
-moz-border-radius-top-left: 20px;
border-bottom-right-radius: 20px;
border-top-left-radius: 20px;
}
.nav-pills>li.active>a,
.nav-pills>li.active>a:hover,
.nav-pills>li.active>a:focus {
color:#333;
background-color:rgba(0,0,0,0.07);
}
/** Mixitup
**************************************************************** **/
.mix-grid .mix {
opacity: 0;
display: none;
}
.mix.nogutter,
.mix.nogutter>.item-box {
padding:0 !important;
margin:0 !important;
line-height:0;
}
/* CART */
.cartContent {
padding: 0;
}
.cartContent .item {
position: relative;
}
.cartContent .item {
margin-top: -1px;
border: rgba(0,0,0,0.05) 1px solid;
}
.cartContent .sky-form.boxed {
border: rgba(0,0,0,0.1) 1px solid;
}
.cartContent .item.head {
border-bottom: 0;
}
.cartContent .item.head > span {
min-height: 1px;
}
.cartContent .product_name {
float: left;
width: 35%;
padding: 10px;
text-decoration: none;
min-height: 60px;
}
.cartContent .product_name:hover > span {
text-decoration: underline;
}
.cartContent .product_name > small {
display: block;
font-size: 12px;
line-height: 12px;
color: rgba(0,0,0,0.5);
font-family: 'Open Sans',Arial,Helvetica,sans-serif;
}
.cartContent .qty {
float: right;
width: 160px;
font-size: 15px;
padding: 10px;
text-align: center;
}
.cartContent .qty input {
padding: 3px;
margin: 0;
border: #ccc 1px solid;
width: 50px;
margin-right: 3px;
text-align: center;
}
.cartContent .total_price {
float: right;
width: 150px;
font-size: 15px;
padding: 10px;
line-height: 30px;
text-align: center;
font-weight: bold;
}
.cartContent .remove_item {
float: right;
padding: 5px;
width: 30px;
margin-right: 8px;
}
.cartContent a.remove_item {
text-align: center;
padding-top: 0;
margin-top: 10px;
height: 30px;
line-height: 26px;
font-size: 18px;
text-decoration: none;
color: rgba(0,0,0,0.2);
}
.cartContent a.remove_item:hover {
color: #d9534f;
}
.cartContent .btn_update {
margin-top: 20px;
}
@media only screen and (max-width: 992px) {
.cartContent .item.head {
display: none;
}
.cartContent .product_name {
font-size: 11px;
line-height: 15px;
}
.cartContent .item .qty {
float: left;
text-align: left;
}
.cartContent .product_name {
width: 50%;
}
}
/** [Shortcode] Page Header
*************************************************** **/
section.page-header.page-header-xs {
padding: 15px 0 15px 0;
}
section.page-header {
position: relative;
padding: 50px 0 50px 0;
border-top: 0;
margin-top: 0;
margin-bottom: 0 !important;
background-color: #f7fcff;
border-bottom: 0;
-webkit-transition: all 0s;
-moz-transition: all 0s;
-o-transition: all 0s;
transition: all 0s;
}
.page-header {
padding-bottom: 9px;
margin: 40px 0 20px;
border-bottom: 1px solid #eee;
}
section.page-header .breadcrumb a:hover {
color: #3072e0 !important;
text-decoration: none;
}
section.page-header h1 {
margin: 0;
padding: 0;
font-size: 26px;
font-weight: 400;
}
/*section.page-header * {
z-index: 10;
}*/
section.page-header .breadcrumb {
position: absolute;
font-size: 12px;
top: 50%;
left: 0;
margin-top: -20px;
background: transparent;
margin-bottom: 0;
z-index: 0;
}
section.page-header .breadcrumb > li + li:before {
content: "•";
}
section.page-header .breadcrumb a {
color: #333;
}
section.page-header.parallax .breadcrumb li.active,
section.page-header.parallax .breadcrumb a {
color: #fff;
}
section.page-header .breadcrumb {
right: 0;
left: auto;
}
section.page-header .breadcrumb.breadcrumb-inverse {
left: 0;
right: auto;
}
section.page-header .breadcrumb.breadcrumb-center {
left: auto;
right: auto;
position: relative;
margin-top: 20px;
}
section.dark.page-header .breadcrumb a {
color: #ccc;
}
.breadcrumb > li + li:before {
padding: 0 7px 0 5px;
}
ul.nav > li > a {
display: block;
}
ul.list-group > li {
list-style: none;
}
.breadcrumb > li {
display: inline-block;
}
div.alert > .container {
margin-top: 35px;
margin-bottom: 35px;
}
div.alert h3 {
font-weight: 400;
font-size: 24px;
letter-spacing: normal;
margin: 0;
}
div.alert p {
font-size:20px;
}
.font-lato {
font-weight: 300;
font-family: 'Lato',Arial,Helvetica,sans-serif !important;
}
div.alternate, section.alternate {
background-color: rgba(0,0,0,0.02) !important;
padding: 100px 0;
}
/** 43. Testimonials
**************************************************************** **/
ul.testimonial-dotted {
overflow: hidden;
}
ul.testimonial-dotted > li {
padding-top: 30px;
padding-bottom: 30px;
}
ul.testimonial-dotted > li figure {
text-align: center;
display: block;
}
ul.testimonial-dotted > li img {
display: inline-block;
}
ul.testimonial-dotted > li:after {
content: '';
position: absolute;
width: 100%;
height: 0;
top: auto;
left: 0;
bottom: -1px;
border-bottom: 1px dashed rgba(0,0,0,0.3);
}
ul.testimonial-dotted > li:before {
content: '';
position: absolute;
height: 100%;
top: 0;
left: -1px;
border-left: 1px dashed rgba(0,0,0,0.3);
}
section.dark ul.testimonial-dotted > li:after {
border-bottom: 1px dashed rgba(255,255,255,0.3);
}
section.dark ul.testimonial-dotted > li:before {
border-left: 1px dashed rgba(255,255,255,0.3);
}
div.testimonial p {
margin-top: 0;
}
div.testimonial > figure > img {
width: 65px;
height: 65px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.testimonial cite {
font-weight: bold;
text-shadow: none;
}
.testimonial cite span {
display: block;
color: #888;
font-size: 12px;
font-weight: 300;
}
section.parallax .testimonial cite span {
color: #ddd;
}
.testimonial-content {
position: relative;
padding-left: 75px;
}
section {
display: block;
position: relative;
padding: 25px 0;
/*border-bottom: rgba(0,0,0,0.1) 1px solid;*/
background-color: #fff;
background-attachment: fixed;
background-position: center center;
background-repeat: no-repeat;
-webkit-background-size: cover !important;
-moz-background-size: cover !important;
-o-background-size: cover !important;
-webkit-box-sizing: border-box !important;
-moz-box-sizing: border-box !important;
background-size: cover !important;
box-sizing: border-box !important;
}
.lead {
font-size: 1.25rem;
font-weight: 300;
}
h1:before, h2:before, h3:before, h4:before, h5:before, h6:before {
content: attr(data-bgtext);
color: rgba(148,149,150,0.07);
font-size: 100px;
font-weight: bold;
letter-spacing: 0;
font-family: Arial,Helvetica,sans-serif;
line-height: 0.3;
display: block;
text-align: center;
position: absolute;
left: 0;
right: 0;
margin: auto;
z-index: -1;
top: 6px;
}
section hr {
/*border: 0;*/
height: 1px;
/*background-image: -webkit-linear-gradient(left, transparent, rgba(0, 0, 0, 0.2), transparent);
background-image: -moz-linear-gradient(left, transparent, rgba(0, 0, 0, 0.2), transparent);
background-image: -ms-linear-gradient(left, transparent, rgba(0, 0, 0, 0.2), transparent);
background-image: -o-linear-gradient(left, transparent, rgba(0, 0, 0, 0.2), transparent);
background-image: linear-gradient(left, transparent, rgba(0, 0, 0, 0.2), transparent);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6d6d6', endColorstr='#d6d6d6',GradientType=0 );*/
}
.price-clean hr
{
margin:1rem;
}
.shop-item-list > .col-lg-12 > .shop-item > .thumbnail, .shop-item-list > .col-md-12 > .shop-item > .thumbnail {
float: left;
width: 200px;
}
div.shop-item > .thumbnail {
background-color: transparent !important;
border-color: #ddd !important;
margin-bottom: 6px;
position: relative;
}
.shop-item-list > .col-lg-12 > .shop-item > .shop-item-summary, .shop-item-list > .col-md-12 > .shop-item > .shop-item-summary {
text-align: left !important;
position: absolute;
left: 230px;
}
div.shop-item-summary {
padding: 15px 8px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.thumbnail {
display: block;
/*padding: 4px;*/
margin-bottom: 20px;
line-height: 1.42857143;
background-color: #fff;
/*border: 1px solid #ddd;*/
border-radius: 5px;
-webkit-transition: border .2s ease-in-out;
-o-transition: border .2s ease-in-out;
transition: border .2s ease-in-out;
}
.thumbnail img {
border-radius: 5px;
}
div.auto-complete-absolute-container {
top: 65px;
left: 45.4%;
visibility: visible !important;
}
/** FLIP BOXES
**************** */
.box-flip {
margin: 0 auto;
position: relative;
-webkit-perspective: 600px;
-moz-perspective: 600px;
perspective:600;
width: 100%;
}
.box-flip .front,
.box-flip .back {
text-align: center;
}
.box-flip .front {
width: 100%;
position: absolute;
top: 0;
z-index: 1;
text-align: center;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-webkit-transform: rotateX(0deg) rotateY(0deg);
-moz-transform: rotateX(0deg) rotateY(0deg);
transform: rotateX(0deg) rotateY(0deg);
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-o-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
}
.box-flip .back {
width: 100%;
position: absolute;
top: 0;
z-index: 2;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-webkit-transform: rotateY(-180deg);
-moz-transform: rotateY(-180deg);
-ms-transform: rotateY(-180deg);
transform: rotateY(-180deg);
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-o-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
}
.box-flip.flip .front {
width: 100%;
z-index: 1;
-webkit-transform: rotateY(-180deg);
-moz-transform: rotateY(-180deg);
-ms-transform: rotateY(-180deg);
-o-transform: rotateY(-180deg);
transform: rotateY(-180deg);
}
.box-flip.flip .back {
width: 100%;
z-index: 2;
-webkit-transform: rotateY(0deg);
-moz-transform: rotateY(0deg);
-ms-transform: rotateY(0deg);
-o-transform: rotateY(0deg);
transform: rotateY(0deg);
}
.box-flip .box1 {
width: 100%;
/*background-color:rgba(0,0,0,0.05);*/
min-height: 50px;
margin: 0 auto;
padding: 20px;
border:1px solid #ddd;
/*border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;*/
}
section.dark .box-flip .box1 {
background-color:rgba(255,255,255,0.05);
}
.box-flip .box2 {
width: 100%;
background-color: #333;
min-height: 50px;
margin: 0 auto;
padding: 20px;
/*border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;*/
}
.box-flip hr {
border-color:rgba(0,0,0,0.1);
}
.box-flip .box-icon-title>i {
color:#111;
background-color:rgba(0,0,0,0.07);
}
.box-flip .box-icon-title>p {
margin-bottom:0px;margin-top:10px;font-weight:bold;
}
section.dark .box-flip .box-icon-title>i {
color:#fff;
}
.box-flip.box-color h1,
.box-flip.box-color h2,
.box-flip.box-color h3,
.box-flip.box-color h4,
.box-flip.box-color h5,
.box-flip.box-color h6,
.box-flip.box-color p,
.box-flip.box-color .box-icon-title>i {
color:#fff;
}
.box-flip .btn-lg.btn-translucid {
font-size:14px;
}
.box-flip .box-default,
.box-flip .box-default p,
.box-flip .box-default h1,
.box-flip .box-default h2,
.box-flip .box-default h3,
.box-flip .box-default h4,
.box-flip .box-default h5 {
color:#000 !important;
}
/** Box Colors */
.box-light {
padding:15px;
background-color:rgba(0,0,0,0.05);
}
.box-dark {
color:#fff;
padding:15px;
background-color:#333;
}
.box-dark h1,
.box-dark h2,
.box-dark h3,
.box-dark h4,
.box-dark h5,
.box-dark h6 {
color:#fff;
}
.box-inner {
padding:15px;
display:block;
}
.box-inner h1,
.box-inner h2,
.box-inner h3,
.box-inner h4,
.box-inner h5,
.box-inner h6 {
font-size:14px;
line-height:17px;
padding-bottom:12px;
border-bottom:rgba(0,0,0,0.1) 1px solid;
margin-bottom:15px;
}
.box-light .box-inner {
background-color:#fff;
}
.box-dark .box-inner {
background-color:#111;
}
.box-footer {
margin:1px 0;
padding:8px 15px;
}
.box-light .box-footer {
background-color:#fff;
}
.box-dark .box-footer {
background-color:#111;
}
section.dark .box-light {
background-color:rgba(255,255,255,0.05);
}
section.dark .box-dark {
background-color:rgba(0,0,0,0.8);
}
section.dark .box-light .box-inner {
background-color:#111;
}
section.dark .box-dark .box-inner {
background-color:#111;
}
section.dark .box-light .box-footer {
background-color:#111;
}
section.dark .box-dark .box-footer {
background-color:#111;
}
section.dark .box-inner h1,
section.dark .box-inner h2,
section.dark .box-inner h3,
section.dark .box-inner h4,
section.dark .box-inner h5,
section.dark .box-inner h6 {
border-bottom-color:rgba(255,255,255,0.1);
}
section.dark .box-inner h1>a:hover,
section.dark .box-inner h2>a:hover,
section.dark .box-inner h3>a:hover,
section.dark .box-inner h4>a:hover,
section.dark .box-inner h5>a:hover,
section.dark .box-inner h6>a:hover {
text-decoration:underline !important;
}
/* successive colored boxes */
.box-gradient {
color:#fff;
margin:0;
text-align:center;
}
.box-gradient>div {
margin:0;
padding:50px 8px 30px 8px;
-webkit-transition: all .400s;
-moz-transition: all .400s;
-o-transition: all .400s;
transition: all .400s;
}
.box-gradient>div>p {
font-size:15px;
margin:0;
height:50px;
overflow:hidden;
}
.box-gradient h1,
.box-gradient h2,
.box-gradient h3,
.box-gradient h4,
.box-gradient h5,
.box-gradient h6 {
color:#fff;
margin-top:10px;
margin-bottom:20px;
font-size:50px;
line-height:50px;
font-weight:300;
}
.box-gradient a {
display: block;
color: #fff;
}
.box-gradient a:hover {
color: #ddd;
}
/* white */
.box-white>div:nth-child(1) {
background-color:#fff;
}
.box-white>div:nth-child(2) {
background-color:#fff;
}
.box-white>div:nth-child(3) {
background-color:#fff;
}
.box-white>div:nth-child(4) {
background-color:#fff;
}
/* pink */
.box-pink>div:nth-child(1) {
background-color:#e2476b;
}
.box-pink>div:nth-child(2) {
background-color:#e9738f;
}
.box-pink>div:nth-child(3) {
background-color:#f09fb2;
}
.box-pink>div:nth-child(4) {
background-color:#f7cbd5;
}
/* blue */
.box-blue>div:nth-child(1) {
background-color:#004080;
}
.box-blue>div:nth-child(2) {
background-color:#006fdd;
}
.box-blue>div:nth-child(3) {
background-color:#2b95ff;
}
.box-blue>div:nth-child(4) {
background-color:#6cb6ff;
}
/* orange */
.box-orange>div:nth-child(1) {
background-color:#ea5726;
}
.box-orange>div:nth-child(2) {
background-color:#ee754d;
}
.box-orange>div:nth-child(3) {
background-color:#f19272;
}
.box-orange>div:nth-child(4) {
background-color:#f5b39c;
}
/* yellow */
.box-yellow>div:nth-child(1) {
background-color:#e3a42d;
}
.box-yellow>div:nth-child(2) {
background-color:#eaba60;
}
.box-yellow>div:nth-child(3) {
background-color:#eec882;
}
.box-yellow>div:nth-child(4) {
background-color:#f2d7a4;
}
/* purple */
.box-purple>div:nth-child(1) {
background-color:#864699;
}
.box-purple>div:nth-child(2) {
background-color:#9a50af;
}
.box-purple>div:nth-child(3) {
background-color:#a96cbb;
}
.box-purple>div:nth-child(4) {
background-color:#bb89c9;
}
/* red */
.box-red>div:nth-child(1) {
background-color:#b92c28;
}
.box-red>div:nth-child(2) {
background-color:#d33834;
}
.box-red>div:nth-child(3) {
background-color:#d9524f;
}
.box-red>div:nth-child(4) {
background-color:#e17673;
}
/* brown */
.box-brown>div:nth-child(1) {
background-color:#633232;
}
.box-brown>div:nth-child(2) {
background-color:#7b3e3e;
}
.box-brown>div:nth-child(3) {
background-color:#9d4f4f;
}
.box-brown>div:nth-child(4) {
background-color:#b36868;
}
/* green */
.box-green>div:nth-child(1) {
background-color:#0c5849;
}
.box-green>div:nth-child(2) {
background-color:#117964;
}
.box-green>div:nth-child(3) {
background-color:#16a387;
}
.box-green>div:nth-child(4) {
background-color:#1ccaa7;
}
/* black */
.box-black>div:nth-child(1) {
background-color:#000000;
}
.box-black>div:nth-child(2) {
background-color:#1d1d1d;
}
.box-black>div:nth-child(3) {
background-color:#2e2e2e;
}
.box-black>div:nth-child(4) {
background-color:#454545;
}
/* gray */
.box-gray>div:nth-child(1) {
background-color:#333333;
}
.box-gray>div:nth-child(2) {
background-color:#4a4a4a;
}
.box-gray>div:nth-child(3) {
background-color:#5f5f5f;
}
.box-gray>div:nth-child(4) {
background-color:#797979;
}
/* teal */
.box-teal>div:nth-child(1) {
background-color:#426062;
}
.box-teal>div:nth-child(2) {
background-color:#4f7275;
}
.box-teal>div:nth-child(3) {
background-color:#618c8f;
}
.box-teal>div:nth-child(4) {
background-color:#8aadb0;
}
@media all and (max-width: 768px) {
.box-gradient>div {
margin:0 !important;
}
}
@media all and (max-width: 482px) {
.box-gradient h1,
.box-gradient h2,
.box-gradient h3,
.box-gradient h4,
.box-gradient h5,
.box-gradient h6 {
font-size:36px;
line-height:36px;
}
}
#pricing{background:#0074bd;}
#pricing .price-clean{background:#fff;}
#pricing header h2,#pricing header p{color:#fff !important;}
#team{background:url('/assets/images/bg.jpg') no-repeat center;}
#team header h2,#team header p{color:#fff !important;}
.body-bg{margin-top:18%;background:url('/assets/images/counter-bg.png') center repeat !important;background-size:cover;}
/*@media only screen and (max-width: 768px) {
.body-bg {
margin-top: 0px;
}
}*/
#subjects {
background:transparent;border:none;
}
#subjects .container{background:#fff;-webkit-box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.065);box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.065);padding:20px 35px !important;}
/*#whyus{margin-top:350px;margin-bottom:10px;border:none;}
#whyus .container{max-width:1140px;}*/
#whyus{margin-bottom:10px;border:none;background:transparent;}
#whyus .container{background:#fff;-webkit-box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.065);box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.065);}
/*#whyus h1,#whyus h2,#whyus h3,#whyus h4,#whyus span{font-family: 'Permanent Marker', cursive !important;}*/
/** HOME - MODAL ON LOAD
**************************************************************** **/
#shopLoadModal {
max-width:740px;
margin:auto !important;
height:400px;
margin-right:30px;
}
#shopLoadModal .modal-content {
height:320px;
background-color:#fff;
background-repeat:no-repeat;
background-position: left top;
}
#shopLoadModal .modal-dialog {
left:10px;
right:10px;
width:auto !important;
max-width:700px;
margin-right: 30px;
}
#shopLoadModal .block-content {
float:left;
max-width: 312px;
text-align: center;
}
#shopLoadModal .modal-header .close {
margin-top:-5px;
font-size:24px;
}
/** ASIDE
**************************************************************** **/
.tag.shop-color {
width:23px !important;
height:23px !important;
border:#666 1px solid;
}
.tag.shop-color:hover {
border-color:#000;
}
section.dark .tag.shop-color:hover {
border-color:#fff;
}
@media only screen and (max-width: 760px) {
.tag.shop-color {
width:30px;
height:30px;
}
}
/** SHOP ITEM LIST
**************************************************************** **/
ul.shop-item-list>li {
margin-right:0 !important;
}
/*
Fix for owl-carousel or flexslider
on responsive
*/
@media only screen and (max-width: 769px) {
ul.shop-item-list>li {
width:49%;
}
}
@media only screen and (max-width: 480px) {
ul.shop-item-list>li {
width:100%;
}
}
/*
6 COLUMNS - RECALIBRATE FOR LONG TITLES
*/
ul.shop-item-list>li.col-lg-2:nth-child(6n+1),
ul.shop-item-list>li.col-md-2:nth-child(6n+1) {
clear:both;
}
/*
5 COLUMNS - RECALIBRATE FOR LONG TITLES
*/
ul.shop-item-list>li.col-lg-5th:nth-child(5n+1),
ul.shop-item-list>li.col-md-5th:nth-child(5n+1) {
clear:both;
}
/*
4 COLUMNS - RECALIBRATE FOR LONG TITLES
*/
ul.shop-item-list>li.col-lg-3:nth-child(4n+1),
ul.shop-item-list>li.col-md-3:nth-child(4n+1) {
clear:both;
}
/*
3 COLUMNS - RECALIBRATE FOR LONG TITLES
*/
ul.shop-item-list>li.col-lg-4:nth-child(3n+1),
ul.shop-item-list>li.col-md-4:nth-child(3n+1) {
clear:both;
}
/*
2 COLUMNS - RECALIBRATE FOR LONG TITLES
*/
ul.shop-item-list>li.col-lg-6:nth-child(2n+1),
ul.shop-item-list>li.col-md-6:nth-child(2n+1) {
clear:both;
}
.course-item {
border: #dee5ed 1px solid;
-webkit-border-radius: 4px;
border-radius: 4px;
-webkit-transition: all .300s;
-moz-transition: all .300s;
-o-transition: all .300s;
transition: all .300s;
-webkit-box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.18);
-moz-box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.18);
box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.18);
}
.course-item:hover {
-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.18);
-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.18);
box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.18);
}
div.shop-item {
margin-bottom:5px;
}
div.shop-item .shop-item-buttons a.btn-default {
border:0;
background-color:rgba(0,0,0,0.1);
}
div.shop-item .shop-item-buttons a.btn-default:hover {
border:0;
background-color:rgba(0,0,0,0.18);
}
div.shop-item>.thumbnail {
background-color:transparent !important;
border-color:#ddd !important;
margin-bottom:6px;
margin-top:6px;
position:relative;
}
section.dark div.shop-item>.thumbnail {
border-color:#444 !important;
}
div.shop-item>.thumbnail>a.shop-item-image>img {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
/* double image transition effect */
div.shop-item>.thumbnail>a.shop-item-image {
display:block;
position:relative;
}
div.shop-item>.thumbnail>a.shop-item-image>img:last-child {
position:absolute;
left:0; top:0;
z-index:10;
opacity:0;
filter: alpha(opacity=0);
-webkit-transition: all .500s;
-moz-transition: all .500s;
-o-transition: all .500s;
transition: all .500s;
}
div.shop-item>.thumbnail:hover>a.shop-item-image>img:last-child {
opacity:1;
filter: alpha(opacity=100);
}
div.shop-item>.thumbnail>a.shop-item-image>img:first-child {
position:relative;
opacity:1;
filter: alpha(opacity=100);
}
/* buttons over image */
div.shop-item>.thumbnail>.shop-option-over {
position:absolute;
top:8px;
right:2px;
z-index:20;
width:50px;
opacity:0;
filter: alpha(opacity=0);
-webkit-transition: all .300s;
-moz-transition: all .300s;
-o-transition: all .300s;
transition: all .300s;
}
div.shop-item>.thumbnail>.shop-option-over>a {
width:44px;
text-align:center;
margin:0 0 3px 0;
-webkit-border-bottom-right-radius: 15px;
-webkit-border-top-left-radius: 15px;
-moz-border-radius-bottomright: 15px;
-moz-border-radius-topleft: 15px;
border-bottom-right-radius: 15px;
border-top-left-radius: 15px;
}
div.shop-item:hover>.thumbnail>.shop-option-over {
opacity:1;
filter: alpha(opacity=100);
}
/* info over image */
div.shop-item>.thumbnail>.shop-item-info {
position:absolute;
top:8px;
left:8px;
z-index:20;
width:70px;
}
div.shop-item>.thumbnail>.shop-item-info>.badge {
min-width:50px;
text-align:center;
font-size:13px;
margin-bottom:3px;
display:inline-block;
}
.search-course-card--card__metadata--3_7dq {
bottom: 10px;
max-width: 340px;
display: block !important;
display: -webkit-box !important;
-webkit-line-clamp: 2;
-moz-line-clamp: 2;
-ms-line-clamp: 2;
-o-line-clamp: 2;
line-clamp: 2;
-webkit-box-orient: vertical;
-moz-box-orient: vertical;
-ms-box-orient: vertical;
-o-box-orient: vertical;
box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
white-space: normal;
}
.search-course-card--card__metadata--3_7dq ul {
list-style:none;
margin:0px;
padding:0px;
}
.search-course-card--card__metadata--3_7dq ul li {
display:inline;
}
.search-course-card--card--right-col--1Gigf {
color: #505763;
width: 156px;
vertical-align: top;
text-align: right;
position: absolute;
right: 25px;
bottom: 15px;
display: flex;
flex-direction: column;
}
.search-course-card--card__subtitle--CBRzq {
font-size: 13px;
color: #505763;
margin: 5px 0 0;
padding: 0;
margin-right: 180px;
}
/* summary */
div .shop-item-summary {
padding: 15px 8px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
div.shop-item-summary h2 {
font-size:15px;
color:#666;
margin:0 0 4px 0;
}
div.shop-item-rating-line {
display:block;
position:relative;
}
div.shop-item-rating-line:before {
left: 0 !important;
right: 50%;
margin-right: 50px;
content: '';
position: absolute;
top: 10px;
padding:1px;
height: 0;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
}
div.shop-item-rating-line:after {
right: 0 !important;
left: 50%;
margin-left: 50px;
content: '';
position: absolute;
top: 10px;
padding:1px;
height: 0;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
}
/* list item price */
div.shop-item-price {
font-size:20px;
margin-top:6px;
font-weight:bold;
}
div.shop-item-price>span {
color:#999;
font-size:15px;
display:inline-block;
padding:0 10px;
font-weight:400;
}
/* list item buttons */
div.shop-item-buttons {
margin-top:6px;
}
div.shop-item-buttons a.btn-default:hover {
color:#333;
}
section.dark div.shop-item-buttons a.btn-default:hover {
color:#fff;
}
/* out of stock */
span.out-of-stock {
display:block;
margin-top:15px;
}
span.out-of-stock:before {
content:'–x– ';
}
span.out-of-stock:after {
content:' –x–';
}
span.out-of-stock.clean:before,
span.out-of-stock.clean:after {
content:'';
}
/* list item countdown */
div.shop-item>.thumbnail>.shop-item-counter {
position:relative;
position:absolute;
bottom:4px;
left:4px; right:4px;
z-index:20;
background-color:rgba(33,33,33,0.5);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-border-top-left-radius: 0;
-moz-border-radius-topleft: 0;
border-top-left-radius: 0;
}
div.shop-item>.thumbnail>.shop-item-counter:before {
position:absolute;
left:0;
top:-20px;
padding:0 6px;
height:20px;
color:#fff;
font: normal normal normal 14px/1 FontAwesome;
content:"\f017 \20 limited offer";
text-align:center;
line-height:20px;
background-color:rgba(33,33,33,0.5);
-webkit-border-top-right-radius: 3px;
-moz-border-radius-topright: 3px;
border-top-right-radius: 3px;
-webkit-border-top-left-radius: 3px;
-moz-border-radius-topleft: 3px;
border-top-left-radius: 3px;
}
div.shop-item>.thumbnail>.shop-item-counter>.countdown .countdown-section {
display: inline-block;
font-size: 11px;
color:#fff;
line-height: 1;
text-align: center;
width: 20%; margin:0 3px !important;
padding:8px !important;
text-align:center !important;
margin:0; padding:0;
text-transform: capitalize;
overflow:hidden;
-webkit-transition: all .500s;
-moz-transition: all .500s;
-o-transition: all .500s;
transition: all .500s;
}
div.shop-item>.thumbnail>.shop-item-counter>.countdown .countdown-amount {
color:#fff;
display: block;
font-size: 13px;
font-weight:bold;
margin:0; padding:0;
}
div.shop-item>.thumbnail>.shop-item-counter>.countdown .countdown-period {
font-size:10px !important;
text-transform:lowercase !important;
margin-top: 5px;
display:block !important;
margin-bottom:-18px !important;
-webkit-transition: all .500s;
-moz-transition: all .500s;
-o-transition: all .500s;
transition: all .500s;
}
div.shop-item:hover>.thumbnail>.shop-item-counter>.countdown .countdown-period {
margin-bottom:0 !important;
}
.thumbnail>.shop-limited-offer {
position:absolute !important;
left:5px; top:5px;
z-index:20;
color:#fff;
font-size:18px;
text-align:center;
}
.thumbnail>.shop-limited-offer>i {
margin-left:8px;
margin-top:6px;
}
.thumbnail>.shop-limited-offer:before {
content: "";
display: block;
width: 40px;
height: 40px;
position: absolute;
border: 26px solid transparent;
border-left-color: #333;
border-top-color: #333;
left: 0; top: 0;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
/* list item options */
.shop-list-options label {
margin:0 6px
}
.shop-list-options select,
.shop-list-options input {
height:35px;
padding:6px;
border-width:1px;
cursor:pointer;
}
.shop-list-options .btn {
height:35px;
line-height:22px;
color:#ccc;
border:#E5E7E9 1px solid;
display:inline-block;
margin-top:-4px;
margin-right:0;
}
.shop-list-options .btn.active {
color:#fff;
background-color:#333;
}
.shop-list-options a {
height:35px;
width:35px;
text-align:center;
line-height:35px;
color:#ccc;
display:inline-block;
/*margin-top:-4px;
margin-right:0;*/
}
.shop-list-options a.active {
color:#0071bd;
/*background-color:#0071bd;*/
}
@media only screen and (max-width: 768px) {
.shop-list-options {
text-align:center;
}
.shop-list-options ul,
.shop-list-options select,
.shop-list-options a {
margin-bottom:3px;
float:none !important;
}
.shop-list-options .options-left {
display:block;
margin-top:20px;
}
}
/* 1 Column */
.shop-item-list>.col-lg-12>.shop-item {
/*position:relative;*/
}
.shop-item-list>.col-lg-12 {
margin-bottom:30px;
width:100%;
}
.shop-item-list>.col-lg-12>.shop-item h2 {
font-size:20px;
}
.shop-item-list>.col-lg-12>.shop-item>.thumbnail,
.shop-item-list>.col-md-12>.shop-item>.thumbnail {
float:left;
width:200px;
}
.shop-item-list>.col-lg-12>.shop-item>.shop-item-summary,
.shop-item-list>.col-md-12>.shop-item>.shop-item-summary {
text-align:left !important;
position:absolute;
left:230px;
}
.shop-item-list>.col-lg-12>.shop-item>.shop-item-buttons,
.shop-item-list>.col-md-12>.shop-item>.shop-item-buttons {
text-align:left;
}
.shop-item-list>.col-lg-12>.shop-item>.shop-item-summary>.shop-item-price>span,
.shop-item-list>.col-md-12>.shop-item>.shop-item-summary>.shop-item-price>span {
padding-left:0;
}
.shop-item-list > .col-lg-12 > .shop-item p {
display: -webkit-box !important;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
text-overflow: ellipsis;
overflow: hidden;
margin: 0 0 10.5px;
}
@media only screen and (max-width: 480px) {
.shop-item-list>.col-lg-12>.shop-item {
min-height:100px;
}
.shop-item-list>.col-lg-12>.shop-item>.thumbnail,
.shop-item-list>.col-md-12>.shop-item>.thumbnail {
float:none;
width:100%;
}
.shop-item-list>.col-lg-12>.shop-item>.shop-item-summary,
.shop-item-list>.col-md-12>.shop-item>.shop-item-summary {
position:relative;
left:0;
}
.shop-item-list>.col-lg-12>.shop-item>.shop-item-buttons,
.shop-item-list>.col-md-12>.shop-item>.shop-item-buttons,
.shop-item-list>.col-lg-12>.shop-item>.shop-item-summary,
.shop-item-list>.col-md-12>.shop-item>.shop-item-summary {
float:none;
text-align:center !important;
}
.shop-item-list>.col-lg-12>.shop-item>.shop-item-summary>.shop-item-price>span,
.shop-item-list>.col-md-12>.shop-item>.shop-item-summary>.shop-item-price>span {
padding:0 10px;
}
}
/* SHOP COMPARE TABLE */
.shop-compare-title {
background-color:rgba(0,0,0,0.05);
}
section.dark .shop-compare-title {
background-color:rgba(255,255,255,0.1);
}
.shop-compare>tbody>tr>td:first-child {
font-weight:bold;
}
.shop-compare a.shop-compare-item>img {
margin-bottom:10px;
}
/* CART */
.cartContent {
padding:0;
}
.cartContent .item {
position:relative;
}
.cartContent .item {
margin-top:-1px;
border:rgba(0,0,0,0.05) 1px solid;
}
.cartContent .sky-form.boxed {
border: rgba(0,0,0,0.1) 1px solid;
}
.cartContent .item.head {
border-bottom:0;
}
.cartContent .item.head>span {
min-height: 1px;
}
.cartContent .product_name {
float:left;
width:35%;
padding:10px;
text-decoration:none;
min-height:60px;
}
.cartContent .product_name:hover>span {
text-decoration:underline;
}
.cartContent .product_name >small {
display:block;
font-size:12px;
line-height:12px;
color:rgba(0,0,0,0.5);
font-family:'Open Sans',Arial,Helvetica,sans-serif;
}
.cartContent .qty {
float:right;
width:160px;
font-size:15px;
padding:10px;
text-align:center;
}
.cartContent .qty input {
padding:3px; margin:0;
border:#ccc 1px solid;
width:50px; margin-right:3px;
text-align:center;
}
.cartContent .total_price {
float:right;
width:150px;
font-size:15px;
padding:10px;
line-height:30px;
text-align:center;
font-weight:bold;
}
.cartContent .remove_item {
float:right;
padding:5px;
width:30px; margin-right:8px;
}
.cartContent a.remove_item {
background:rgba(0,0,0,0.05);
text-align: center;
padding-top:0;
margin-top:10px;
height:30px;
line-height:26px;
font-size:18px;
text-decoration:none;
color:rgba(0,0,0,0.2);
}
.cartContent a.remove_item:hover {
color: #d9534f;
}
.cartContent .btn_update {
margin-top:20px;
}
@media only screen and (max-width: 992px) {
.cartContent .item.head {
display:none;
}
.cartContent .product_name {
font-size:11px;
line-height:15px;
}
.cartContent .item .qty {
float:left;
text-align:left;
}
.cartContent .product_name {
width:50%;
}
}
/* dark */
section.dark .cartContent .item {
background: rgba(255,255,255,0.04);
}
section.dark .cartContent .item {
border:rgba(255,255,255,0.05) 1px solid;
}
section.dark .cartContent .sky-form.boxed {
border: rgba(255,255,255,0.1) 1px solid;
}
section.dark .cartContent .qty input {
color:#000;
}
section.dark .cartContent .product_name >small {
color:rgba(255,255,255,0.5);
}
section.dark .cartContent a.remove_item {
color:#eee;
background: rgba(255,255,255,0.1);
}
/**
SHOP PRODUCT
**/
.product-opt-color,
.product-opt-size,
.product-opt-qty {
margin-right:10px;
}
/* QTY DROP DOWN */
ul#product-qty-dd {
padding:1px 0 0 1px;
min-width:115px;
margin-top:-1px;
}
ul#product-qty-dd li {
float:left;
width:49.1%;
margin-right:1px;
margin-bottom:1px;
background-color:rgba(0,0,0,0.05);
text-align:center;
cursor:pointer;
}
button.product-qty-dd .caret {
float:right;
margin-top:8px;
}
button.product-qty-dd {
width:100px;
text-align:left;
}
/* SIZE DROP DOWN */
ul#product-size-dd {
margin-top:-1px;
min-width:159px;
padding:1px 0 0 1px;
}
ul#product-size-dd li {
float:left;
width:51px;
margin-right:1px;
margin-bottom:1px;
background-color:rgba(0,0,0,0.05);
text-align:center;
cursor:pointer;
}
ul#product-size-dd li>a {
padding:3px 0;
}
button.product-size-dd {
width:100px;
text-align:left;
}
button.product-size-dd .caret {
float:right;
margin-top:8px;
}
/* COLOR DROP DOWN */
ul#product-color-dd {
margin-top:-1px;
min-width:50px;
padding:1px 0 0 1px;
}
ul#product-color-dd li {
float:left;
width:25px !important;
margin-right:1px;
margin-bottom:1px;
background-color:rgba(0,0,0,0.05);
text-align:center;
cursor:pointer;
}
ul#product-color-dd li>a {
padding:3px 0;
}
ul#product-color-dd .tag.shop-color {
width:24px !important;
height:24px !important;
}
button.product-color-dd {
width:55px;
text-align:left;
position:relative;
}
button.product-color-dd:after {
margin-left:15px;
}
button.product-color-dd .caret {
float:right;
margin-top:8px;
}
button.product-color-dd>.tag {
height: 17px;
width: 20px;
margin: 0;
position: absolute;
top: 7px;
left: 7px;
}
.product-opt-color>ul>li {
padding:0 1px !important;
}
.product-add-cart {
font-size: 13px;
}
@media only screen and (max-width: 480px) {
ul#product-size-dd,
ul#product-qty-dd {
margin-top:-21px;
}
.product-size-dd,
.product-qty-dd,
.product-add-cart {
min-width:90px;
width:100% !important;
display:block !important;
float:none !important;
margin-bottom:20px !important;
}
}
.product-star-vote label {
margin:0 15px 30px 0 !important;
font-weight:300;
}
.width-10
{
width:10%;
}
/*-----------------------------------------------------------------------------------*/
/* Course currucilam
/*-----------------------------------------------------------------------------------*/
.curriculum-wrapper{position:relative}.curriculum-wrapper .content-summary{color:#686f7a;flex-direction:row-reverse;display:flex;text-align:right;white-space:nowrap;width:40%}@media (min-width:992px){.curriculum-wrapper .content-summary{width:30%}}.curriculum-wrapper .curriculum-header-length{text-align:right;width:30%}.curriculum-wrapper .curriculum-header-container{display:flex;flex-direction:row;margin-bottom:10px}.curriculum-wrapper .curriculum-header-length{color:#505763;margin-left:5px}.curriculum-wrapper .curriculum-header-title{font-size:22px;font-weight:600;margin:0 0 10px}.curriculum-wrapper .header-left{display:flex;width:45%}.curriculum-wrapper .header-right{display:flex;align-items:center;justify-content:flex-end;margin-left:auto;padding-right:30px;width:50%}.curriculum-wrapper .js-toggle-all .collapsed-text{display:inline-block}.curriculum-wrapper .js-toggle-all .expanded-text,.curriculum-wrapper .js-toggle-all.js-toggle-all--expanded .collapsed-text{display:none}.curriculum-wrapper .js-toggle-all.js-toggle-all--expanded .expanded-text,.curriculum-wrapper .js-toggle-all .num-lectures{display:inline-block}.curriculum-wrapper .lecture-container{display:flex;padding:12px 30px 12px 43px;background-color:#fff;border:1px solid #e8e9eb;border-top:none;color:#686f7a;letter-spacing:.3px;line-height:1.33}.curriculum-wrapper .lecture-container.lecture-container--preview .content-summary,.curriculum-wrapper .lecture-container.lecture-container--preview .preview-text,.curriculum-wrapper .lecture-container.lecture-container--preview .title,.curriculum-wrapper .lecture-container.lecture-container--preview .udi{color:#007791}.curriculum-wrapper .lecture-container .description{font-size:13px}.curriculum-wrapper .lecture-container .description.show+.title .down-arrow{transform:rotate(180deg)}.curriculum-wrapper .lecture-container .description p{margin-bottom:0}.curriculum-wrapper .lecture-container .details{display:flex;justify-content:flex-end;flex-wrap:wrap;margin-left:auto;width:50%;font-size:14px}.curriculum-wrapper .lecture-container .down-arrow{cursor:pointer;display:inline-block;margin-left:10px}.curriculum-wrapper .lecture-container .left-content{display:flex;align-items:flex-start;width:65%}.curriculum-wrapper .lecture-container .udi{opacity:.3}.curriculum-wrapper .lecture-container .title{color:#505763;font-size:14px;margin-top:-2px}.curriculum-wrapper .lecture-container .top{flex-direction:column-reverse;display:flex;margin-left:15px;width:100%}.curriculum-wrapper .lecture-title{flex-direction:row;align-items:center;display:flex;color:#505763;flex:1 1 auto;font-size:18px;font-weight:600}.curriculum-wrapper .lecture-title-text{font-size:15px;padding-left:8px;padding-right:10px}.curriculum-wrapper .lecture-title-text--h3{font-weight:inherit;margin:0}.curriculum-wrapper .lecture-title-toggle{color:#007791;display:block;height:auto!important}.curriculum-wrapper .lecture-title-toggle.show .lecture-title-toggle-plus{display:none}.curriculum-wrapper .lecture-title-toggle.show .lecture-title-toggle-minus{display:inline}.curriculum-wrapper .lecture-title-toggle .lecture-title-toggle-minus{display:none}.curriculum-wrapper .lecture-title-toggle-wrapper{display:inline-block;width:12px}.curriculum-wrapper .num-sections{display:block;margin-right:20px;white-space:nowrap}.curriculum-wrapper .num-sections.collapse.show{display:none}.curriculum-wrapper .section-container{display:flex;align-items:center;background:#f9f9f9;border:1px solid #e8e9eb;cursor:pointer;height:auto;margin-top:3px;padding:10px 30px 10px 22px}.curriculum-wrapper .section-container.section-container--more-sections{justify-content:center;background-color:#e8e9eb;border:1px solid #dedfe0}.curriculum-wrapper .section-header-left{display:flex;flex-direction:column;flex-basis:65%}.curriculum-wrapper .section-header-length{text-align:right;width:30%;}.curriculum-wrapper .section-header-right{display:flex;justify-content:flex-end;color:#505763;flex-basis:35%}.curriculum-wrapper .section-header-right .collapsing{-moz-transition:none;-o-transition:none;-webkit-transition:none;transition:none}.curriculum-wrapper .sections-toggle{margin-right:16px}.audience{margin-top:20px}
/*-----------------------------------------------------------------------------------*/
/* Login
/*-----------------------------------------------------------------------------------*/
input.form-control, select.form-control, textarea.form-control {
height: auto !important;
color: #121212;
background-color: #fff;
border-color: #dee5ed;
width: 100%;
border-width: 1px;
font-size: 15px;
line-height: 18px;
padding: 8px 10px;
border-radius: 3px;
margin-bottom: 5px;
outline: none;
-webkit-appearance: none;
-webkit-transition: all .300s;
-moz-transition: all .300s;
-o-transition: all .300s;
transition: all .300s;
}
.box-border-shadow {
border: 1px solid rgba(0,0,0,.125);
display: block;
-webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,0.15);
-moz-box-shadow: 0 0 5px 0 rgba(0,0,0,0.15);
box-shadow: 0 0 5px 0 rgba(0,0,0,0.15);
}
input.form-control,
select.form-control,
textarea.form-control {
border-color: #dee5ed;
}
.p-20{
padding:20px;
}
.ct-topbar {
text-align: right;
background: #eee;
}
.ct-topbar__list {
margin-bottom: 0px;
}
.ct-language__dropdown {
padding-top: 8px;
max-height: 0;
overflow: hidden;
position: absolute;
top: 110%;
left: -27px;
-webkit-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
width: 100px;
text-align: center;
padding-top: 0;
z-index: 200;
}
.ct-language__dropdown li {
background: #222;
padding: 5px;
}
.ct-language__dropdown li a {
display: block;
}
.ct-language__dropdown li:first-child {
padding-top: 10px;
border-radius: 3px 3px 0 0;
}
.ct-language__dropdown li:last-child {
padding-bottom: 10px;
border-radius: 0 0 3px 3px;
}
.ct-language__dropdown li:hover {
background: #444;
}
.ct-language__dropdown:before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
margin: auto;
width: 8px;
height: 0;
border: 0 solid transparent;
border-right-width: 8px;
border-left-width: 8px;
border-bottom: 8px solid #222;
}
.ct-language {
position: relative;
background: #fff;
color: #232323;
border: 1px solid #aaa;
padding: 6px;
}
.menu {
position: relative;
}
.menu:hover .settings_menu {
display: block;
}
.ct-language .fa {
font-size: 1.2em !important;
}
.settings_menu {
background-color: transparent;
position: absolute;
top: 40px;
left: -123px;
width: 170px;
z-index: 10;
padding-top: 16px;
display:none;
}
.dropdown-menu2 {
position: relative;
top: 0px;
background-color: #fff;
border: 1px solid rgba(0,0,0,.15);
min-width: 170px;
}
.dropdown-menu2 li {
padding: 2px 15px;
}
.dropdown-menu2 li:hover {
background-color: #eee;
}
.alert-success:empty{
display:none;
}
.alert-danger:empty{
display:none;
}
.switch-field {
overflow: hidden;
}
.switch-title {
margin-bottom: 6px;
}
.switch-field input {
position: absolute !important;
clip: rect(0, 0, 0, 0);
height: 1px;
width: 1px;
border: 0;
overflow: hidden;
}
.switch-field label {
float: left;
}
.switch-field label {
display: inline-block;
width: 60px;
background-color: #e4e4e4;
color: rgba(0, 0, 0, 0.6);
font-size: 14px;
font-weight: normal;
text-align: center;
text-shadow: none;
padding: 6px 14px;
border: 1px solid rgba(0, 0, 0, 0.2);
-webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
-webkit-transition: all 0.1s ease-in-out;
-moz-transition: all 0.1s ease-in-out;
-ms-transition: all 0.1s ease-in-out;
-o-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
}
.switch-field label:hover {
cursor: pointer;
}
.switch-field input:checked + label {
background-color: #118aef;
color: #fff;
-webkit-box-shadow: none;
box-shadow: none;
}
.switch-field label:first-of-type {
border-radius: 4px 0 0 4px;
}
.switch-field label:last-of-type {
border-radius: 0 4px 4px 0;
}
.list-note-data {
margin-top: 30px;
}
.tab-panel-space {
padding: 0 30px;
}
.tabPart-div {
background: #fff;
border: 1px solid #F0F0F0;
box-shadow: 1px #F0F0F0;
display: flex;
margin: auto;
width: 99.99%;
padding-bottom: 30px;
}
.note__position {
color: #ec5252;
font-weight: 700;
padding-right: .5em;
font-size: 15px;
}
.fx {
flex: 1;
min-width: 1px;
}
.fx-jsb, .fxjsb {
display: flex;
justify-content: space-between;
}
ul.collection-list {
box-shadow: 0 0 transparent;
}
ul.collection-list {
margin: 0;
padding: 0;
list-style-type: none;
outline: 0;
cursor: pointer;
}
.pull-left {
float: left !important;
}
.noteTagName {
color: #565763;
font-weight: 600;
font-size: 14px;
margin: 0 0 8px;
cursor: pointer;
word-wrap: break-word;
text-transform: capitalize;
}
.editNote {
background: #A2A2A2;
padding: 2px 9px;
font-weight: 600;
color: #fff;
font-size: 14px;
display: inline-block;
cursor: pointer;
border-radius: 25px !important;
}
.removeNote {
background: url('../../assets/images/Delete-Icon.png') no-repeat;
background-size: 22px 22px;
width: 22px;
height: 22px;
display: inline-block;
cursor: pointer;
}
.notesText {
color: #999;
font-weight: 400;
font-size: 14px;
word-wrap: break-word;
line-height: 28px;
}
.divider-list-item {
height: 0;
border: 0;
border-top: 1px solid rgba(200,200,200,.2);
margin: 0;
padding: 0;
}
.play-image-position {
position: relative;
}
.play-icon {
position: absolute;
z-index: 1;
content: url('/assets/images/icon-play.ac3f32ecb72a0c3f674fa5a3f3062a56.svg');
opacity: 0.7;
max-width: 30%;
left: 0;
right: 0;
bottom: 0;
top: 0;
margin: auto;
}
.play-icon:hover {
opacity:1;
cursor:pointer;
}
/**Course listing page */
#slider {
background-position: center;
position:absolute;top:65px;left:0;z-index:0;
}
/** CUSTOM : PAGE HEADER
acting as a cover
*************************** **/
@media only screen and (max-width: 1024px) {
section.page-header {
background-position: center !important;
background-attachment: inherit;
-webkit-background-size: 100% 100% !important;
-moz-background-size: 100% 100% !important;
-o-background-size: 100% 100% !important;
background-size: 100% 100% !important;
-webkit-box-sizing: inherit !important;
-moz-box-sizing: inherit !important;
box-sizing: inherit !important;
}
}
/** CUSTOM : TYPOGRAPHY
*************************** **/
h1, h2, h3, h4, h5, h6 {
font-weight: 400;
}
/** CUSTOM : ESTATE BOX SEARCH
*************************** **/
.restate-box-search {
background-color: #fff;
border-radius: 8px;
padding: 30px 15px;
display: block;
position: relative;
text-align: left;
-webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.3);
box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.3);
}
.restate-box-search h1,
.restate-box-search h2,
.restate-box-search h3,
.restate-box-search h4,
.restate-box-search h5,
.restate-box-search h6,
.restate-box-search p,
.restate-box-search a:hover {
color: #000 !important;
text-shadow: none !important;
text-align: left !important;
}
.restate-box-search .restate-box-title {
font-size: 18px !important;
line-height: 18px !important;
}
.restate-box-search .restate-box-ribbon > .restate-box-title {
padding: 0 !important;
margin: 0 !important;
}
/* ribbon (title) */
.restate-box-search .restate-box-ribbon {
position: absolute !important;
top: -49px;
background-color: #fff;
display: inline-block;
padding: 15px 23px;
left: 0;
position: relative;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
-webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.3);
box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.3);
}
.restate-box-search .restate-box-ribbon:after { /* little tunning to cover the shadow */
content: ' ';
position: absolute;
height: 10px;
left: 0;
right: 0;
bottom: -5px;
background-color: #fff;
}
@media only screen and (max-width: 768px) {
.restate-box-search {
border-radius: 0;
display: block;
margin-right: 0;
}
.restate-box-search .restate-box-ribbon {
display: none;
}
}
/*.restate-box-search .select2,
.restate-box-search input,
.restate-box-search form,
.restate-box-search textarea {
margin: 0 !important;
}*/
.restate-box-search form .row > div {
margin-bottom: 0;
}
/** CUSTOM : PROPERTY ITEM
*************************** **/
.property-item {
/*border: #dee5ed 1px solid;*/
/*padding: 15px;
display: table;*/
clear: both;
width: 100%;
margin: 0px 0px 30px 0px !important;
background-color: #fff !important;
position: relative;
-webkit-border-radius: 8px;
border-radius: 8px;
-webkit-transition: all .300s;
-moz-transition: all .300s;
-o-transition: all .300s;
transition: all .300s;
-webkit-box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.18);
-moz-box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.18);
box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.18);
}
.property-item:hover {
-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.18);
-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.18);
box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.18);
}
section.dark .property-item,
section.dark-2 .property-item {
border-color: #555;
background-color: rgba(0,0,0,0.1) !important;
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.4);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.4);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.4);
}
section.dark .property-item:hover,
section.dark-2 .property-item:hover {
-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.4);
-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.4);
box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.4);
}
.property-item hr {
display: none;
}
.property-item .property-image {
max-width: 320px;
margin-right: 30px;
float: left;
position: relative;
-webkit-transition: none;
-moz-transition: none;
-o-transition: none;
transition: none;
-webkit-border-radius: 8px;
border-radius: 8px;
}
.property-item .property-image img {
-webkit-border-radius: 8px;
border-radius: 8px;
}
body.rtl .property-item .property-image {
margin-right: 0;
margin-left: 30px;
float: right;
}
.property-item .property-item-btn {
margin-top: 20px;
text-align:right;
}
.property-item .property-item-btn > a {
font-size: 14px;
display: inline-block;
}
.property-item .property-item-btn a + a {
margin-left: 20px;
}
body.rtl .property-item .property-item-btn a + a {
margin-left: 0;
margin-right: 20px;
}
.property-item .property-item-desc {
font-size: 15px;
}
.property-item .property-item-price {
margin: 0;
}
.property-item .property-item-price small {
padding-top: 6px;
max-width: 65%;
text-align: right;
}
.property-item ul.property-item-features {
font-size: 12px;
}
.property-item ul.property-item-features li {
line-height: 10px;
display: inline-block;
}
.property-item .poperty-item-location {
font-size: 13px;
display: block;
}
/* featured */
.property-featured-blue {
background-color: #eaf7ff !important;
}
.property-featured-yellow {
background-color: #fffee6 !important;
}
.property-featured-green {
background-color: #edfff9 !important;
}
/* ribbon */
.property-ribbon {
position: absolute;
top: 0;
left: 0;
text-align: center;
font-size: 12px;
z-index: 1;
-webkit-box-shadow: 3px 3px 3px rgba(0,0,0,0.18);
-moz-box-shadow: 3px 3px 3px rgba(0,0,0,0.18);
box-shadow: 3px 3px 3px rgba(0,0,0,0.18);
}
.property-ribbon > span {
padding: 15px 10px;
display: inline-block;
float: left;
}
body.rtl .property-ribbon {
-webkit-box-shadow: -3px 3px 3px rgba(0,0,0,0.18);
-moz-box-shadow: -3px 3px 3px rgba(0,0,0,0.18);
box-shadow: -3px 3px 3px rgba(0,0,0,0.18);
}
.property-ribbon.noshadow {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
#slider .property-ribbon {
z-index: 9999;
}
@media only screen and (max-width: 768px) {
.layerslider-fulll-xs {
padding: 0;
}
.layerslider-fulll-xs .container {
width: 100% !important;
margin: 0;
padding: 0;
}
}
.course-image{overflow:hidden;width:100%;height:100%;min-height:220px;
background-repeat:no-repeat;background-position:center center;background-size:cover; -webkit-border-radius: 8px;
border-radius: 8px;}
/* BOXED */
.property-item-box {
max-width: 800px;
/*background-color: rgba(0,0,0,0.01);*/
border: #dee5ed 1px solid;
background-color: #fff !important;
-webkit-border-radius: 8px;
border-radius: 8px;
-webkit-transition: all .300s;
-moz-transition: all .300s;
-o-transition: all .300s;
transition: all .300s;
-webkit-box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.18);
-moz-box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.18);
box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.18);
}
.property-item-box .property-image {
display: block;
width: 100%;
max-width: 100%;
margin: 0 0 30px 0;
text-align: center;
float: none !important;
}
.property-item-box hr {
display: block;
}
.property-item-box .property-item-btn {
text-align: center;
}
.property-item-box .property-item-desc {
display: none;
}
.property-item-box .property-item-price {
margin: 0 0 16px 0;
}
.property-item-box ul.property-item-features {
display: table;
margin-top: 25px;
width: 100%;
clear: both;
text-align: center;
}
.property-item-box .poperty-item-location {
text-align: center;
text-transform: uppercase;
}
/* CLEAN, NOBORDER */
.property-item.noborder {
padding: 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.property-item.noborder .property-item-price,
.property-item.noborder .property-item-desc,
.property-item.noborder .property-item-btn,
.property-item.noborder .property-item-location {
padding-left: 15px;
padding-right: 15px;
}
.property-item.noborder .property-item-btn {
margin-bottom: 25px;
}
/* no shadow only */
.property-item.noshadow:hover,
.property-item.noshadow {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
/* LIST MODE */
.property-list-opt {
display: block;
padding: 15px 0;
margin: 0 0 30px 0;
text-align: left;
}
body.rtl .property-list-opt {
text-align: right;
}
.property-list-opt > .property-list-btn > a {
border: rgba(0,0,0,0.1) 1px solid;
display: inline-block;
text-align: center;
width: 35px;
height: 35px;
line-height: 35px;
color: #999;
-webkit-border-radius: 4px;
border-radius: 4px;
}
.property-list-opt > .property-list-btn {
float: right;
}
body.rtl .property-list-opt > .property-list-btn {
float: left;
}
.property-list-opt > .property-list-btn > a:hover,
.property-list-opt > .property-list-btn > a.active {
color: #000;
background-color: rgba(0,0,0,0.03);
}
section.dark .property-list-opt > .property-list-btn > a,
section.dark-2 .property-list-opt > .property-list-btn > a {
border: rgba(255,255,255,0.2) 1px solid;
background-color: rgba(255,255,255,0.0);
}
section.dark .property-list-opt > .property-list-btn > a:hover,
section.dark-2 .property-list-opt > .property-list-btn > a:hover,
section.dark .property-list-opt > .property-list-btn > a.active,
section.dark-2 .property-list-opt > .property-list-btn > a.active {
color: #fff;
background-color: rgba(255,255,255,0.1);
}
.property-list-opt select.form-control {
height: 35px !important;
line-height: 35px !important;
padding-top: 0 !important;
padding: 0 40px 0 10px !important;
margin: 0 !important;
width: auto;
display: inline-block;
cursor: pointer;
background-color: transparent;
-webkit-border-radius: 4px;
border-radius: 4px;
}
/* STAR RATING */
.property-item .property-image .rating {
background-color: rgba(0,0,0,0.3);
display: inline-block;
width: auto;
padding: 1px 6px;
position: absolute;
bottom: 0;
z-index: 1;
}
/* COUNTDOWN */
.property-item .property-item-counter {
position: absolute;
padding-top: 30px;
left: calc(50% - 80px);
top: calc(50% - 30px);
color: #fff;
background-color: rgba(0,0,0,0.6);
display: inline-block;
overflow: hidden;
border: rgba(255,255,255,0.5) 5px solid;
-webkit-border-radius: 4px;
border-radius: 4px;
z-index: 1;
}
.property-item .property-item-counter:after {
color: #fff;
content: attr(data-text);
position: absolute;
top: 0;
left: 0;
right: 0;
padding: 3px 6px;
font-size: 11px;
display: block;
text-align: left;
background-color: rgba(0,0,0,0.3);
}
.property-item .countdown-row {
display: inline-block;
}
.property-item .countdown-section {
display: inline-block;
font-size: 11px;
line-height: 1;
text-align: center;
min-width: 40px;
border: 0;
color: #fff;
text-transform: capitalize;
}
.property-item .countdown-amount {
display: block;
font-size: 15px;
color: #fff;
margin-bottom: 5px;
}
/* CALIBRATE GRID ON UNEQUAL IMAGES */
/*
6 COLUMNS - RECALIBRATE
*/
div.property-item-list > div {
/*margin-bottom: 30px;*/
width: 100%;
}
div.property-item-list > div.col-xs-12 {
}
div.property-item-list > div.col-lg-2:nth-child(6n+1),
div.property-item-list > div.col-md-2:nth-child(6n+1) {
clear: both;
}
/*
5 COLUMNS - RECALIBRATE
*/
div.property-item-list > div.col-lg-5th:nth-child(5n+1),
div.property-item-list > div.col-md-5th:nth-child(5n+1) {
clear: both;
}
/*
4 COLUMNS - RECALIBRATE
*/
div.property-item-list > div.col-lg-3:nth-child(4n+1),
div.property-item-list > div.col-md-3:nth-child(4n+1) {
clear: both;
}
/*
3 COLUMNS - RECALIBRATE
*/
div.property-item-list > div.col-lg-4:nth-child(3n+1),
div.property-item-list > div.col-md-4:nth-child(3n+1) {
clear: both;
}
/*
2 COLUMNS - RECALIBRATE
*/
div.property-item-list > div.col-lg-6:nth-child(2n+1),
div.property-item-list > div.col-md-6:nth-child(2n+1) {
clear: both;
}
/* save button */
section.page-header .breadcrumb.restate-item-save {
margin-top: -23px !important;
}
section.page-header .breadcrumb.restate-item-save .btn {
background-color: rgba(0,0,0,0.026);
padding: 3px 10px !important;
}
@media only screen and (max-width: 768px) {
.restate-item {
width: 30%;
margin-right: 0;
}
.restate-item.restate-item-price {
width: 40%
}
.restate-item-buttons {
text-align: center;
margin-top: 80px;
display: block;
margin-bottom: 0;
}
/* save button */
section.page-header .breadcrumb.restate-item-save {
margin-top: 20px !important;
}
}
.twolineparagraph {
display: -webkit-box !important;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
text-overflow: ellipsis;
overflow: hidden;
margin: 0 0 10.5px;
max-height:47px;
}
.fourlineparagraph {
display: -webkit-box !important;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
text-overflow: ellipsis;
overflow: hidden;
margin: 0 0 10.5px;
}
.fourlinediv {
height: 100px;
overflow: hidden;
text-overflow: ellipsis;
width: 100%;
}
.pricecolor {
color: #999;
}
/* FORM ELEMENTS */
.radio + .radio,
.checkbox + .checkbox {
margin-top: 1px;
}
/**/
/* radios and checkboxes */
/**/
.radio,
.checkbox {
display: inline-block;
margin: 0 15px 3px 0;
padding-left: 36px;
font-size: 16px;
line-height: 34px;
color: #404040;
cursor: pointer;
overflow: hidden;
position: relative;
}
section.dark .radio,
section.dark .checkbox {
color: #eee;
}
.radio input,
.checkbox input {
position: absolute;
margin-top: -60px !important;
}
.radio i,
.checkbox i {
position: absolute;
top: 5px;
left: 0;
display: block;
width: 24px;
height: 24px;
outline: none;
border-width: 2px;
border-style: solid;
border-color: rgba(0,0,0,0.3);
background: rgba(255,255,255,0.3);
}
section.dark .radio i,
section.dark .checkbox i {
border-color: rgba(255,255,255,0.3);
background: transparent;
}
.radio i {
-webkit-border-radius: 50% !important;
-moz-border-radius: 50% !important;
border-radius: 50% !important;
}
.radio input + i:after,
.checkbox input + i:after {
position: absolute;
opacity: 0;
transition: opacity 0.1s;
-o-transition: opacity 0.1s;
-ms-transition: opacity 0.1s;
-moz-transition: opacity 0.1s;
-webkit-transition: opacity 0.1s;
}
.radio input + i:after {
content: '';
top: 7px;
left: 7px;
width: 6px;
height: 6px;
border-radius: 50%;
}
.checkbox input + i:after {
content: '\f00c';
top: 2px;
left: 3px;
width: 15px;
height: 15px;
font: normal 14px/16px FontAwesome;
text-align: center;
}
.radio input:checked + i:after,
.checkbox input:checked + i:after {
opacity: 1;
}
.inline-group {
margin: 0 -30px -4px 0;
}
.inline-group:after {
content: '';
display: table;
clear: both;
}
.inline-group .radio,
.inline-group .checkbox {
float: left;
margin-right: 30px;
}
.inline-group .radio:last-child,
.inline-group .checkbox:last-child {
margin-bottom: 4px;
}
/**/
/* hover state */
/**/
.input:hover input,
.select:hover select,
.textarea:hover textarea,
.radio:hover i,
.checkbox:hover i,
.toggle:hover i {
border-color: rgba(0,0,0,0.6);
}
section.dark .input:hover input,
section.dark .select:hover select,
section.dark .textarea:hover textarea,
section.dark .radio:hover i,
section.dark .checkbox:hover i,
section.dark .toggle:hover i {
border-color: rgba(255,255,255,0.3);
}
.button:hover {
opacity: 1;
}
/**/
/* focus state */
/**/
.input input:focus,
.select select:focus,
.textarea textarea:focus,
.radio input:focus + i,
.checkbox input:focus + i,
.toggle input:focus + i {
border-color: rgba(0,0,0,0.6);
}
section.dark .input input:focus,
section.dark .select select:focus,
section.dark .textarea textarea:focus,
section.dark .radio input:focus + i,
section.dark .checkbox input:focus + i,
section.dark .toggle input:focus + i {
border-color: rgba(255,255,255,0.7);
}
/**/
/* checked state */
/**/
.radio input + i:after {
background-color: rgba(0,0,0,8);
}
section.dark .radio input + i:after {
background-color: rgba(255,255,255,8);
}
.checkbox input + i:after {
color: rgba(0,0,0,8);
}
section.dark .checkbox input + i:after {
color: rgba(255,255,255,8);
}
.radio input:checked + i,
.checkbox input:checked + i,
.toggle input:checked + i {
border-color: rgba(0,0,0,8);
}
section.dark .radio input:checked + i,
section.dark .checkbox input:checked + i,
section.dark .toggle input:checked + i {
border-color: rgba(255,255,255,8);
}
section.dark select > option,
section.dark select > optgroup {
background-color: #333;
}
.course-rating {
color: #f3ab0e;
}
#descriptioncontainer {
-webkit-transition: height 2s; /* Safari */
transition: height 2s;
}
.enter-site-button {
box-shadow: 0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);
overflow: hidden;
position: relative;
}
@-webkit-keyframes ripple {
0% {
box-shadow: 0 0 0 0 rgba(255,255,255,.3),0 0 0 1em rgba(255,255,255,.3),0 0 0 3em rgba(255,255,255,.3),0 0 0 5em rgba(255,255,120,.3)
}
100% {
box-shadow: 0 0 0 1em rgba(255,255,255,.3),0 0 0 3em rgba(255,255,255,.3),0 0 0 5em rgba(255,255,255,.3),0 0 0 8em transparent
}
}
@keyframes ripple {
0% {
box-shadow: 0 0 0 0 rgba(255,255,255,.3),0 0 0 1em rgba(255,255,255,.3),0 0 0 3em rgba(255,255,255,.3),0 0 0 5em rgba(255,255,120,.3)
}
100% {
box-shadow: 0 0 0 1em rgba(255,255,255,.3),0 0 0 3em rgba(255,255,255,.3),0 0 0 5em rgba(255,255,255,.3),0 0 0 8em transparent
}
}
#loadingpurchasenow {
position: absolute;
right: 50%;
bottom: 50%;
border-radius: 50%;
border: 1px solid transparent;
-webkit-animation: ripple .7s linear infinite;
animation: ripple .7s linear infinite;
opacity: .6;
}
.btn--primary {
border: 0;
border-radius: 2px;
background-color: #2874f0;
line-height: 40px;
padding: 0 30px;
color: #fff;
margin: 5px 0;
}
.btn--primary:hover {
background-color: #fdb700;
}
/************SOCIAL LOGIN BUTTON *******/
.btn-facebook {
color: #fff !important;
background-color: #3b5998;
border-color: rgba(0,0,0,0.2)
}
.btn-facebook:hover, .btn-facebook:focus, .btn-facebook:active, .btn-facebook.active {
color: #fff !important;
background-color: #2d4373;
border-color: rgba(0,0,0,0.2)
}
.btn > i {
padding-right: 0px !important;
}
.btn-social {
position: relative;
padding-left: 54px;
text-align: left;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
line-height: 22px;
margin: 0;
}
.btn {
height: 40px;
}
.mt-10 {
margin-top: 10px !important;
}
.btn-social > :first-child {
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 42px;
line-height: 40px;
font-size: 1.6em;
text-align: center;
border-right: 1px solid rgba(0,0,0,0.2);
}
.btn-google {
color: #fff !important;
background-color: #dd4b39;
border-color: rgba(0,0,0,0.2)
}
.btn-google:hover, .btn-google:focus, .btn-google:active, .btn-google.active {
color: #fff !important;
background-color: #c23321;
border-color: rgba(0,0,0,0.2)
}
/** 36. Price Table
**************************************************************** **/
div.price-table {
background: rgba(148,149,150,0.05);
margin: 30px 0;
text-align: center;
padding-bottom: 30px;
border-left: #fff 1px solid;
}
div.row.pricetable-container {
padding: 0 15px;
}
div.price-table h3 {
font-size: 25px;
line-height: 25px;
padding: 30px 0;
border-bottom: rgba(0,0,0,0.1) 2px solid;
text-transform: uppercase;
font-weight: 300;
}
div.price-table p {
color: #666;
font-size: 36px;
line-height: 36px;
padding: 30px 0;
font-weight: 400;
width: 150px;
height: 150px;
padding-top: 53px;
display: inline-block;
background-color: rgba(0,0,0,0.05);
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
margin-top: 0;
}
div.price-table p span {
display: block;
font-size: 10px;
line-height: 16px;
font-weight: 300;
text-transform: uppercase;
}
div.price-table ul {
margin: 0;
padding: 0;
}
div.price-table ul li {
list-style: none;
font-size: 12px;
border-bottom: rgba(0,0,0,0.1) 1px solid;
padding: 8px;
text-transform: none;
}
div.price-table.popular,
div.price-table.popular ul li,
div.price-table.popular p,
div.price-table.popular p span,
div.price-table.popular h3 {
color: #000;
font-weight: 600;
}
div.price-table.popular {
background: #eee;
-webkit-box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.065);
box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.065);
}
div.price-table .btn {
border: 0;
margin-top: 30px;
-webkit-box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.065);
box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.065);
}
div.price-table .btn-primary {
background-color: #333;
border: 0;
}
section.dark div.price-table {
border-left-color: #212121;
background-color: #444;
}
section.dark div.price-table.popular {
background-color: #666;
}
section.dark div.price-table h3 {
border-bottom-color: rgba(255,255,255,0.1);
}
section.dark div.price-table .btn {
color: #fff;
}
/* mega price table */
div.mega-price-table {
margin-top: 60px;
}
div.mega-price-table .btn .caret.float-right {
margin-top: 8px;
}
div.mega-price-table .pricing-title,
div.mega-price-table .pricing-head {
color: #fff;
text-align: center;
background-color:#118aef;
height: 80px;
}
div.mega-price-table .pricing-title {
background-color: transparent !important;
padding: 15px 0 0 0;
margin: 0;
height: 80px;
}
div.mega-price-table .pricing-title h3 {
font-size: 35px;
line-height: 35px;
margin-bottom: 10px;
}
div.mega-price-table .pricing-head h3 {
margin-bottom: 3px;
display: block;
color: #fff;
font-size: 30px;
padding-top: 12px;
height: 36px;
font-weight: 300;
}
div.mega-price-table h4 {
display: block;
text-align: center;
font-size: 40px;
padding: 20px 0;
margin: 0;
font-weight: 400;
color: #666;
background-color: none;
font-weight: 300;
height:60px;
}
div.mega-price-table h5 {
display: block;
text-align: center;
font-size: 30px;
padding: 20px 0;
margin: 0;
font-weight: 400;
color: #666;
background-color: none;
font-weight: 300;
height:60px;
}
div.mega-price-table .pricing:hover h4 {
color: #333;
text-align: center;
}
div.mega-price-table .pricing h4 sup,
div.mega-price-table .pricing h4 sub {
font-size: 34px;
}
div.mega-price-table .pricing-head small {
font-size: 12px;
line-height: 40px;
display: block;
color: rgba(255,255,255,0.7);
font-weight: 300;
font-family: 'Open Sans', Arial, Hevletica, sans-serif;
}
div.mega-price-table .pricing-desc li,
div.mega-price-table ul.pricing-table li {
padding: 10px;
font-style: normal;
min-height: 41px;
text-align: center;
}
div.mega-price-table ul li.alternate {
background-color: rgba(0,0,0,0.03);
}
div.mega-price-table {
padding-left: 15px;
padding-right: 15px;
}
div.mega-price-table div {
padding: 0;
}
div.mega-price-table .pricing {
margin-top: 1px;
margin-left: 1px;
background: rgba(0,0,0,0.03);
}
section.dark div.mega-price-table ul li.alternate,
section.dark div.mega-price-table .pricing {
background: rgba(255,255,255, 0.05);
}
div.mega-price-table .pricing-desc div,
div.mega-price-table .pricing-desc li {
text-align: left !important;
}
div.mega-price-table .btn,
div.mega-price-table .list-unstyled,
div.mega-price-table .btn-group,
div.mega-price-table .btn-toolbar {
margin: 0;
font-size: 14px;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
div.mega-price-table .pricing.popular h4 small {
color: #fff;
}
div.mega-price-table .pricing.popular {
background-color: #4aa9f7;
}
div.mega-price-table .pricing.popular,
div.mega-price-table .pricing.popular h3,
div.mega-price-table .pricing.popular h4,
div.mega-price-table .pricing.popular li,
div.mega-price-table .pricing.popular div,
div.mega-price-table .pricing.popular .pricing-table i.fa {
color: #fff !important;
}
div.mega-price-table .dropdown-menu {
width: 100%;
}
/* clean price */
.price-clean {
padding: 30px 10px;
text-align: center;
position: relative;
border: 1px solid #eaeaea;
font-family: Arial, Helvetica, sans-serif;
-webkit-box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.065);
box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.065);
}
.price-clean h4 {
font-size: 30px;
line-height: 60px;
font-weight: 300;
margin: 0;
color: #547698;
}
.price-clean h4 sup {
position: relative;
font-size: 20px;
line-height: 25px;
vertical-align: top;
top: 3px;
}
.price-clean h4 em {
font-size: 14px;
font-style: normal;
}
.price-clean h5 {
text-transform: uppercase;
font-weight: 300;
margin: 0;
font-size: 15px;
color: #BACDD6;
letter-spacing: 2px;
}
.price-clean p {
line-height: 1.5em;
color: #526066;
margin-bottom: 0;
}
.price-clean .btn {
-webkit-box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.065);
box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.065);
}
@media only screen and (max-width: 992px) {
.price-clean {
margin-bottom: 30px;
}
.col-md-5th .price-clean h4 {
font-size: 40px;
line-height: 40px;
}
.col-md-5th .price-clean h4 em {
font-size: 11px;
}
div.mega-price-table h4 {
font-size: 30px !important;
}
div.mega-price-table h5 {
font-size: 20px !important;
}
div.mega-price-table .pricing-head h3 {
font-size: 20px !important;
}
}
@media only screen and (max-width: 768px) {
.price-clean h4 {
font-size: 60px;
line-height: 60px;
}
.price-clean h4 em {
font-size: 14px;
}
div.mega-price-table h4 {
font-size: 40px !important;
}
div.mega-price-table h5 {
font-size: 30px !important;
}
div.mega-price-table .pricing-head h3 {
font-size: 30px !important;
}
}
.login-point-list ul {padding-left : 15px;}
.login-point-list li{line-height:26px !important;}
.login-point-list li:before { content:"\2714\0020";margin-left:-15px; }
.menuwidth {
width: 78%
}
@media only screen and (max-width: 768px) {
.menuwidth {
width: 100%
}
}
.read-more-button
{
bottom:35px;
}
@media (min-width:320px) { /* smartphones, portrait iPhone, portrait 480x320 phones (Android) */
.read-more-button {
bottom: 35px;
}
}
@media (min-width:480px) { /* smartphones, Android phones, landscape iPhone */
.read-more-button {
bottom: 35px;
}
}
@media (min-width:568px) { /* smartphones, Android phones, landscape iPhone */
.read-more-button {
bottom: 153px;
}
}
@media (min-width:600px) { /* portrait tablets, portrait iPad, e-readers (Nook/Kindle), landscape 800x480 phones (Android) */
.read-more-button {
bottom: 153px;
}
}
@media (min-width:801px) { /* tablet, landscape iPad, lo-res laptops ands desktops */
.read-more-button {
bottom: 35px;
}
}
@media (min-width:1025px) { /* big landscape tablets, laptops, and desktops */
.read-more-button {
bottom: 35px;
}
}
@media (min-width:1281px) { /* hi-res laptops and desktops */
.read-more-button {
bottom: 35px;
}
}
@media (min-width: 320px) and (max-width: 568px) {
.buynowbtn {
font-size: 13px !important;
padding-bottom: 13px !important;
}
}
/* cookie alert */
#cookie-alert {
position: fixed;
left:0;
right:0;
top:-150px;
bottom:auto;
width: 100%;
min-height:60px;
padding: 10px;
margin: 0;
border-radius:0;
-moz-border-radius:0;
border: 0;
z-index:3;
}
#cookie-alert.alert-position-bottom {
top:auto;
bottom:-150px;
}
#cookie-alert.alert-position-top {
top:0;
bottom:auto;
}
#cookie-alert p {
margin:0;
padding: 6px 0 0 0;
}
#cookie-alert .fa {
margin: 0 8px;
font-size:16px;
}
#cookie-alert>.container {
padding: 0;
margin-top: 0;
margin-bottom: 0;
}
#cookie-alert .cookie-close-btn {
font-size: 30px;
}
#cookie-alert.d-block+#header{
margin-top:60px !important;
}
#cookie-alert.d-block+#header+div #slider{
top:100px !important;
}
.bgicon {
display: block;
position: absolute;
bottom: -95px;
right: 5px;
font-size: 265px;
color: rgba(0,0,0,0.1);
}
.ohidden
{
overflow:hidden !important;
}
/*.g-recaptcha,.g-recaptcha div,.g-recaptcha div iframe{max-width:100% !important;}
.g-recaptcha div iframe .rc-anchor-logo-portrait{margin-left:-20px !important;}*/
.auto-complete-container{position:absolute;width:100%;z-index:9999;}
footer form .input-group-addon {
color: #999;
background-color: rgba(0,0,0,.4);
border-color: rgba(0,0,0,.25);
border-radius: 2px;
border-right: 0;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
line-height: 32px !important;
width:41px;
font-size: 14px;
font-weight: 400;
text-align: center;
border: 1px solid #ccc;
}
.serchsidebar .filter-opt{display:block;}
.mfp-signup-button{
position:absolute;z-index:99999;top:10px;right:0;
}
#loader {
position: fixed;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
z-index: 99999;
background: url(/assets/images/loader.gif) 50% 50% no-repeat;
background-color: rgb(255,255,255,1);
}
.fixed-table{table-layout: fixed; width: 100%;}
.mt-head-user .mt-head-user-info .mt-user-name{width:160px;}
.pagination {
display: inline-block;
padding-left: 0;
margin: 20px 0;
border-radius: 4px;
}
.pagination > li {
display: inline;
}
.pagination > li > a,
.pagination > li > span {
position: relative;
float: left;
padding: 6px 12px;
line-height: 1.42857143;
text-decoration: none;
color: #337ab7;
background-color: #ffffff;
border: 1px solid #dddddd;
margin-left: -1px;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
margin-left: 0;
border-bottom-left-radius: 4px;
border-top-left-radius: 4px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
border-bottom-right-radius: 4px;
border-top-right-radius: 4px;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
z-index: 2;
color: #23527c;
background-color: #eeeeee;
border-color: #dddddd;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
z-index: 3;
color: #ffffff;
background-color: #337ab7;
border-color: #337ab7;
cursor: default;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
color: #777777;
background-color: #ffffff;
border-color: #dddddd;
cursor: not-allowed;
}
.pagination-lg > li > a,
.pagination-lg > li > span {
padding: 10px 16px;
font-size: 18px;
line-height: 1.3333333;
}
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
border-bottom-left-radius: 6px;
border-top-left-radius: 6px;
}
.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
border-bottom-right-radius: 6px;
border-top-right-radius: 6px;
}
.pagination-sm > li > a,
.pagination-sm > li > span {
padding: 5px 10px;
font-size: 12px;
line-height: 1.5;
}
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
border-bottom-left-radius: 3px;
border-top-left-radius: 3px;
}
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
border-bottom-right-radius: 3px;
border-top-right-radius: 3px;
}
.main-price-table th{
color: #fff;
text-align: center;
background-color: #118aef;
height: 40px;
}
.main-price-table h3 {
margin-bottom: 3px;
display: block;
color: #fff;
font-size: 1em;
line-height:1;
font-weight: 500;
}
.main-price-table h4 {
margin: 3px;
display: block;
font-size: 0.8em;
line-height:1;
font-weight: 500;
}
.main-price-table h5 {
margin: 3px;
display: block;
color: #000;
font-size: 0.8em;
line-height:1;
font-weight: 300;
}
.main-price-table td {
height:30px;
text-align: center;
font-size: 1em;
font-weight: 500;
}
.main-price-table tr.blank,.main-price-table tr.blank td {
height:20px !important;
background-color: rgba(0,0,0,0.02);
}
.main-price-table tr.sub{
background-color: #4aa9f7;
color: #fff !important;
}
.main-price-table tr.sub h4{
color: #fff !important;
}
.main-price-table tr.alternate {
background-color: rgba(0,0,0,0.03);
}
/** Top Nav
**************************************************************** **/
#header,
#topNav,
#topMain {
display: block;
}
#header {
position: relative;
left:0; top:0; right:0;
z-index:1000;
font-size:14px;
background-color:#fff;
border-bottom: rgba(0,0,0,0.05) 0px solid;
-webkit-box-shadow: 0 0 2px rgba(0,0,0,.1) !important;
-moz-box-shadow: 0 0 2px rgba(0,0,0,.1) !important;
box-shadow: 0 0 2px rgba(0,0,0,.1) !important;
-webkit-transition: all .800s;
-moz-transition: all .800s;
-o-transition: all .800s;
transition: all .800s;
}
#header a.logo>img {
height:80px;
-webkit-transition: all .300s;
-moz-transition: all .300s;
-o-transition: all .300s;
transition: all .300s;
}
#header a.logo.logo-responsive>img {
height:100%; /* used on center - example: page-coming-soon-1.html */
}
/* force uppercase links */
/*#topBar ul li a,
#mainMenu ul li a,
#topMain ul li a {
text-transform:uppercase;
}*/
/* centered navigation */
#header .navbar-collapse.navbar-centered {
position: absolute;
left: 0;
right: 0;
text-align: center;
z-index: -1
}
#header .navbar-collapse.navbar-centered>.nav-main {
display: inline-block;
}
/* header reveal on scroll up */
body.header-scroll-reveal #header {
position: fixed;
}
body.header-scroll-reveal #header + div,
body.header-scroll-reveal #header + section {
padding-top:90px !important;
}
body.header-scroll-reveal #header.header-md + div,
body.header-scroll-reveal #header.header-md + section {
padding-top:70px !important;
}
body.header-scroll-reveal #header.header-sm + div,
body.header-scroll-reveal #header.header-sm + section {
padding-top:60px !important;
}
body.header-scroll-reveal #header.nav-up {
top: -150px;
}
body.header-scroll-reveal #header.nav-down {
top:0;
}
/* BS 4 fix */
#header.navbar-toggleable-md .navbar-collapse {
display: inherit;
width: auto;
}
@media only screen and (min-width: 769px) {
body.menu-vertical #mainMenu.sidebar-vertical .navbar-collapse {
display: block !important;
}
}
body.menu-vertical #mainMenu.sidebar-vertical * {
flex: none;
}
body.menu-vertical #mainMenu.sidebar-vertical .sidebar-nav .navbar li a:after {
border:0;
}
body.menu-vertical #mainMenu.sidebar-vertical .navbar-collapse ul.nav.navbar-nav,
body.menu-vertical #mainMenu.sidebar-vertical .navbar-default .navbar-nav>li>a {
display: block;
width: 100%;
}
body.menu-vertical #mainMenu.sidebar-vertical .sidebar-nav .navbar .navbar-collapse li {
width: 100%;
}
body.menu-vertical #mainMenu.sidebar-vertical .navbar-collapse>ul.nav.navbar-nav li>a {
padding-left: 15px;
padding-right: 15px;
}
/* two logo images : light & dark */
#header a.logo>img:last-child {
display:none;
}
#header a.logo>img:first-child {
display:inline-block;
}
#header.fixed a.logo>img:first-child {
display:none;
}
#header.fixed a.logo>img:last-child {
display:inline-block;
}
/* shadows */
#header.shadow-after-1:before {
content:' ';
position:absolute;
left:0; right:0;
width:100%; height:60px;
bottom:-60px;
background-image:url('../images/_smarty/misc/shadow1.png');
background-size: 100% 100%;
}
#header.shadow-before-1:before {
content:' ';
position:absolute;
left:0; right:0; top:0;
width:100%; height:60px;
background-image:url('../images/_smarty/misc/shadow1.png');
background-size: 100% 100%;
}
#header.shadow-after-2:before {
content:' ';
position:absolute;
left:0; right:0;
width:100%; height:60px;
bottom:-60px;
background-image:url('../images/_smarty/misc/shadow2.png');
background-size: 100% 100%;
}
#header.shadow-before-2:before {
content:' ';
position:absolute;
left:0; right:0; top:0;
width:100%; height:60px;
background-image:url('../images/_smarty/misc/shadow2.png');
background-size: 100% 100%;
}
#header.shadow-after-3:before {
content:' ';
position:absolute;
left:0; right:0;
width:100%; height:60px;
bottom:-60px;
background-image:url('../images/_smarty/misc/shadow3.png');
background-size: 100% 100%;
}
#header.shadow-before-3:before {
content:' ';
position:absolute;
left:0; right:0; top:0;
width:100%; height:60px;
background-image:url('../images/_smarty/misc/shadow3.png');
background-size: 100% 100%;
}
/** Search - Default
********************** **/
#header li.search {
display:inline-block;
}
#header li.search .search-box {
display:none;
right: 0;
left:auto;
/*top: 100%;*/
padding: 15px;
background-color: #fff;
position: absolute;
box-shadow: 5px 5px rgba(91, 91, 91, 0.2);
width: 274px;
margin-top: 36px;
z-index: 22;
}
#header.header-md li.search .search-box {
margin-top:25px;
}
#header.header-sm li.search .search-box {
margin-top:19px;
}
#header.fixed li.search .search-box {
margin-top:18px;
}
#header.fixed.header-sm li.search .search-box {
margin-top:18px;
}
#header.fixed.header-md li.search .search-box {
margin-top:15px;
}
#header li.search i.fa {
color: #333;
cursor: pointer;
position: relative;
}
form.mobile-search {
display:none;
}
/** Search - Fullscreen
********************** **/
#header li.search.fullscreen>.search-box {
text-align:center;
position:fixed;
padding:30px;
background-color:rgba(255,255,255,0.95) !important;
left:0; top:0 !important; right:0; bottom:0;
width:100%;
height:100%;
margin:0 !important;
z-index:2000;
}
#header li.search.fullscreen>.search-box>form {
width: 100%;
max-width:800px;
display:inline-block;
margin:auto;
margin-top:20%;
}
#header li.search.fullscreen>.search-box>form input {
border: 0;
background-color: rgba(0,0,0,0.1);
padding-top: 15px;
padding-bottom: 15px;
height: 65px !important;
font-size:24px;
font-weight:300;
color:#121212;
border-right:rgba(0,0,0,0.2) 1px solid;
}
#header li.search.fullscreen>.search-box>form button {
border: 0;
font-size: 22px;
width: 65px !important;
height: 65px !important;
background-color: rgba(0,0,0,0.1);
color: #888;
}
#header li.search.fullscreen>.search-box>form button>i {
color: #999;
font-size: 22px;
}
#header li.search.fullscreen>.search-box>form button:hover>i {
color: #121212;
}
#header li.search.fullscreen #closeSearch {
background-color: rgba(0,0,0,0.05);
text-decoration: none;
text-align: center;
width: 60px;
height: 60px;
line-height: 60px;
position: absolute;
top: -3px;
left: 50%;
margin-left: -30px;
color: #888;
font-size: 40px;
z-index: 1000;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
#header li.search.fullscreen #closeSearch:hover {
color:#111;
}
/* Dark */
#header li.search.fullscreen.dark>.search-box {
background-color:rgba(0,0,0,0.95) !important;
}
#header li.search.fullscreen.dark>.search-box>form input {
color:#ddd;
background-color: rgba(255,255,255,0.1);
border-right-color:rgba(255,255,255,0.2);
}
#header li.search.fullscreen.dark>.search-box>form button {
background-color: rgba(255,255,255,0.1);
}
#header li.search.fullscreen.dark>.search-box>form button>i {
color: #999;
}
#header li.search.fullscreen.dark>.search-box>form button:hover>i {
color: #fff;
}
#header li.search.fullscreen.dark #closeSearch {
background-color: rgba(255,255,255,0.2);
color: #888;
}
#header li.search.fullscreen.dark #closeSearch:hover {
color:#fff;
}
@media only screen and (max-width: 480px) {
#header li.search.fullscreen>.search-box>form {
margin-top:30%;
}
}
@media only screen and (max-height: 400px) {
#header li.search.fullscreen>.search-box>form {
margin-top:60px;
}
}
/** Search - Header
********************** **/
#header .search-box.over-header {
text-align:center;
position:absolute;
padding:0;
background-color:#fff !important;
left:0; top:0 !important; right:0; bottom:0;
width:100%;
height:100%;
margin:0 !important;
z-index:2000;
border:0;
display:none;
}
#header .search-box.over-header>form {
display:block;
z-index:0;
}
#header .search-box.over-header>form>input {
font-size:32px;
font-weight:bold;
background-color:transparent;
height:inherit;
position:absolute;
top:50%; left:0;
width:100%;
margin-top:-30px;
padding-left:40px;
padding-right:60px;
border:0;
box-shadow:none;
}
#header .search-box.over-header>form>input::-webkit-input-placeholder { /* WebKit browsers */
color: #666;
text-transform:uppercase;
}
#header .search-box.over-header>form>input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: #666;
text-transform:uppercase;
}
#header .search-box.over-header>form>input::-moz-placeholder { /* Mozilla Firefox 19+ */
color: #666;
text-transform:uppercase;
}
#header .search-box.over-header>form>input:-ms-input-placeholder { /* Internet Explorer 10+ */
color: #666;
text-transform:uppercase;
}
#header .search-box.over-header #closeSearch {
position:absolute;
right:0;
color:#333;
background:transparent;
top:50%; right:30px;
font-size:20px;
margin-top:-10px;
z-index:1;
}
/* dark */
#header.dark .search-box.over-header {
background-color:#333 !important;
}
#header.dark .search-box.over-header>form>input {
color:#fff;
}
#header.dark .search-box.over-header>form>input::-webkit-input-placeholder { /* WebKit browsers */
color: #ddd;
text-transform:uppercase;
}
#header.dark .search-box.over-header>form>input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: #ddd;
text-transform:uppercase;
}
#header.dark .search-box.over-header>form>input::-moz-placeholder { /* Mozilla Firefox 19+ */
color: #ddd;
text-transform:uppercase;
}
#header.dark .search-box.over-header>form>input:-ms-input-placeholder { /* Internet Explorer 10+ */
color: #ddd;
text-transform:uppercase;
}
#header.dark .search-box.over-header #closeSearch {
color:#fff;
}
#header.translucent #topMain,
#header.dark.transparent #topMain {
background-color:transparent;
}
@media only screen and (max-height: 760px) {
#header .search-box.over-header>form>input {
font-size:20px;
margin-top:-20px;
font-weight:300;
}
}
/** Quick Shop Cart
********************** **/
#header li.quick-cart .quick-cart-box {
display:none;
right: 0;
left:auto;
top: 100%;
padding:10px 0;
background-color: #fff;
position: absolute;
width: 274px;
margin-top: 36px;
z-index: 22;
-webkit-box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.065);
box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.065);
}
#header.fixed li.quick-cart .quick-cart-box {
margin-top:18px;
}
#header.fixed.header-sm li.quick-cart .quick-cart-box {
/*margin-top:18px;*/
}
#header.fixed.header-md li.quick-cart .quick-cart-box {
/*margin-top:15px;*/
}
#header li.quick-cart .quick-cart-wrapper {
max-height:400px;
overflow-y:auto;
}
#header li.quick-cart .quick-cart-box h4 {
font-size:17px;
margin:0;
padding:0 10px 10px 10px;
border-bottom:rgba(0,0,0,0.1) 1px solid;
}
#header li.quick-cart .quick-cart-box a {
display:block;
padding:15px 10px;
border-bottom:rgba(0,0,0,0.04) 1px solid;
}
#header li.quick-cart .quick-cart-box a:hover {
background-color:rgba(0,0,0,0.03);
}
#header li.quick-cart .quick-cart-box a>img {
float:left;
margin-right:10px;
}
#header li.quick-cart .quick-cart-box a h6 {
margin:0;
padding:4px 0 0 0;
text-overflow:ellipsis;
white-space: nowrap;
overflow:hidden;
}
#header li.quick-cart .quick-cart-box a.btn {
background-color:#151515;
border:0; margin:0;
padding-top:6px;
padding-bottom:4px;
}
#header li.quick-cart .quick-cart-footer {
padding:10px 10px 0 10px;
}
#header li.quick-cart .quick-cart-footer>span {
display:inline-block;
padding-top:3px;
background-color:rgba(0,0,0,0.05);
padding: 4px 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
@media only screen and (min-width: 992px) { /* min-width */
#header li.quick-cart .quick-cart-box {
top:21px;
}
#header.header-sm li.quick-cart .quick-cart-box {
margin-top:19px;
}
#header.header-md li.quick-cart .quick-cart-box {
margin-top:26px;
}
#header li.quick-cart .quick-cart-wrapper {
max-height:300px;
overflow-y:auto;
}
}
@media only screen and (max-width: 992px) { /* max-width */
#header li.quick-cart .quick-cart-box {
margin-top:18px;
}
#header.dark li.search .search-box {
margin-top:38px !important;
}
}
@media only screen and (max-width: 769px) {
#header li.quick-cart .quick-cart-box {
position:fixed;
width:100%;
left:0; right:0;
top:60px;
margin-top:0;
border:rgba(0,0,0,0.08) 1px solid !important;
}
#header.dark li.quick-cart .quick-cart-box {
border:rgba(255,255,255,0.08) 1px solid;
}
#header li.quick-cart .quick-cart-wrapper {
max-height:200px;
overflow-y:auto;
}
/**
Quick Cart & top Search Fix (if #topBar exists).
.has-topBar - added by Javascript
**/
#header ul.has-topBar>li.quick-cart .quick-cart-box,
#header ul.has-topBar>li.search .search-box {
top:98px !important;
}
}
/** Menu Vertical
********************** **/
body.menu-vertical.menu-vertical #wrapper .container {
width:100%;
}
body.menu-vertical.menu-vertical #wrapper {
margin-left:263px;
}
body.menu-vertical.menu-vertical.menu-inverse #wrapper {
margin-right:263px;
margin-left:0;
}
body.menu-vertical #mainMenu.sidebar-vertical {
position:fixed;
left:0; top:0; bottom:0;
width:263px;
background-color:#fff;
z-index:100;
}
body.menu-vertical.menu-inverse #mainMenu.sidebar-vertical {
left:auto;
right:0;
}
body.menu-vertical #mainMenu .navbar-collapse {
border-color:transparent;
}
body.menu-vertical #mainMenu .navbar-default {
background-color:transparent !important;
border:0;
}
body.menu-vertical #mainMenu .logo {
display:block;
margin:30px 0 30px 0;
padding:30px 0;
}
/* Aside Vertical */
body.menu-vertical #mainMenu.sidebar-vertical .navbar-default .navbar-nav>li>a {
border-bottom:#eee 1px solid;
text-align:left;
font-size:12px;
text-transform:uppercase;
}
body.menu-vertical #mainMenu.sidebar-vertical .navbar-default .navbar-nav>li>a.dropdown-toggle {
background-image: url('../images/_smarty/submenu_light.png');
background-position:center right;
background-repeat:no-repeat;
}
body.menu-vertical #mainMenu.sidebar-vertical .navbar-default .navbar-nav>li>a>i {
margin-right:13px;
color:#666;
float:left;
width:20px;
text-align:center;
line-height:22px;
}
body.menu-vertical #mainMenu.sidebar-vertical .dropdown-menu {
top:-1px;
left:auto;
right:-230px;
padding:0;
width:230px;
overflow:hidden;
}
body.menu-vertical #mainMenu.sidebar-vertical .dropdown-menu>li>a {
border-bottom:#eee 1px solid;
font-size:12px;
text-transform:uppercase;
}
body.menu-vertical #mainMenu.sidebar-vertical li.dropdown.open>a {
background-color:transparent !important;
color:#111;
}
body.menu-vertical #mainMenu.sidebar-vertical .sidebar-nav .navbar {
width:100%;
padding: 0;
}
body.menu-vertical #mainMenu.sidebar-vertical .dropdown-menu>.active>a,
body.menu-vertical #mainMenu.sidebar-vertical .dropdown-menu>.active>a:focus,
body.menu-vertical #mainMenu.sidebar-vertical .dropdown-menu>.active>a:hover,
body.menu-vertical #mainMenu.sidebar-vertical .navbar-default .navbar-nav>.active>a,
body.menu-vertical #mainMenu.sidebar-vertical .sidebar-nav .navbar li:hover>a {
background-color:rgba(0,0,0,0.01);
}
body.menu-vertical #mainMenu.sidebar-vertical .social-icons {
padding:30px 15px;
}
body.menu-vertical #mainMenu .social-icon {
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}
/* Inline Search */
body.menu-vertical #mainMenu.sidebar-vertical.sidebar-dark .inline-search form input.serch-input {
background-color:rgba(255,255,255,0.2);
border-color:rgba(255,255,255,0.1);
}
body.menu-vertical #mainMenu.sidebar-vertical.sidebar-dark .inline-search form button {
border-left-color:rgba(255,255,255,0.1);
}
/* Column Menu / Mega Menu */
body.menu-vertical #mainMenu.sidebar-vertical ul.nav ul.dropdown-menu.column-menu {
min-width: 600px;
width: auto !important;
left: 262px;
right:auto;
background-position:top right;
background-repeat:no-repeat;
}
body.menu-vertical.menu-inverse #mainMenu.sidebar-vertical ul.nav ul.dropdown-menu.column-menu {
min-width: 600px;
width: auto !important;
left: auto !important;
right: 262px !important;
}
body.menu-vertical #mainMenu.sidebar-vertical ul.nav ul.dropdown-menu.column-menu ul li {
list-style:none;
}
body.menu-vertical #mainMenu.sidebar-vertical ul.nav ul.dropdown-menu.column-menu ul {
background-color:transparent;
}
body.menu-vertical #mainMenu.sidebar-vertical ul.nav ul.dropdown-menu.column-menu .row>div {
padding:10px 0;
min-width:100px;
}
body.menu-vertical #mainMenu.sidebar-vertical ul.nav ul.dropdown-menu.column-menu li.divider {
border:0;
background:none;
margin-bottom:20px;
}
body.menu-vertical #mainMenu.sidebar-vertical ul.nav ul.dropdown-menu.column-menu a {
font-size:11px;
}
body.menu-vertical #mainMenu.sidebar-vertical ul.nav ul.dropdown-menu.column-menu,
body.menu-vertical #mainMenu.sidebar-vertical ul.nav ul.dropdown-menu.column-menu ul,
body.menu-vertical #mainMenu.sidebar-vertical ul.nav ul.dropdown-menu.column-menu a,
body.menu-vertical #mainMenu.sidebar-vertical ul.nav ul.dropdown-menu.column-menu li {
border:0 !important;
}
body.menu-vertical #mainMenu.sidebar-vertical ul.nav ul.dropdown-menu.column-menu a h3,
body.menu-vertical #mainMenu.sidebar-vertical ul.nav ul.dropdown-menu.column-menu a h4,
body.menu-vertical #mainMenu.sidebar-vertical ul.nav ul.dropdown-menu.column-menu a h5,
body.menu-vertical #mainMenu.sidebar-vertical ul.nav ul.dropdown-menu.column-menu a h6 {
font-size:15px;
line-height:15px;
margin:0 0 8px 0;
}
body.menu-vertical #mainMenu.sidebar-vertical.sidebar-dark ul.nav ul.dropdown-menu.column-menu a h3,
body.menu-vertical #mainMenu.sidebar-vertical.sidebar-dark ul.nav ul.dropdown-menu.column-menu a h4,
body.menu-vertical #mainMenu.sidebar-vertical.sidebar-dark ul.nav ul.dropdown-menu.column-menu a h5,
body.menu-vertical #mainMenu.sidebar-vertical.sidebar-dark ul.nav ul.dropdown-menu.column-menu a h6 {
color:#fff;
}
body.menu-vertical #mainMenu.sidebar-vertical ul.nav ul.dropdown-menu.column-menu a:hover h3,
body.menu-vertical #mainMenu.sidebar-vertical ul.nav ul.dropdown-menu.column-menu li.active a h3,
body.menu-vertical #mainMenu.sidebar-vertical ul.nav ul.dropdown-menu.column-menu a:hover h4,
body.menu-vertical #mainMenu.sidebar-vertical ul.nav ul.dropdown-menu.column-menu li.active a h4,
body.menu-vertical #mainMenu.sidebar-vertical ul.nav ul.dropdown-menu.column-menu a:hover h5,
body.menu-vertical #mainMenu.sidebar-vertical ul.nav ul.dropdown-menu.column-menu li.active a h5,
body.menu-vertical #mainMenu.sidebar-vertical ul.nav ul.dropdown-menu.column-menu a:hover h6,
body.menu-vertical #mainMenu.sidebar-vertical ul.nav ul.dropdown-menu.column-menu li.active a h6 {
text-decoration:underline;
}
@media only screen and (max-width: 768px) {
body.menu-vertical #mainMenu.sidebar-vertical ul.nav ul.dropdown-menu.column-menu {
background-image:none !important;
}
}
/* Top Options */
body.menu-vertical #mainMenu.sidebar-vertical ul.top-links {
margin:10px;
border:0 !important;
}
body.menu-vertical #mainMenu.sidebar-vertical ul.top-links .dropdown-menu {
top: auto;
left: auto;
right: auto;
width:auto;
min-width:10px;
border:0 !important;
background-color:#fff !important;
}
body.menu-vertical #mainMenu.sidebar-vertical ul.top-links .dropdown-menu li,
body.menu-vertical #mainMenu.sidebar-vertical ul.top-links .dropdown-menu li a {
border:0 !important;
color:#333 !important;
}
body.menu-vertical #mainMenu.sidebar-vertical ul.top-links .dropdown-menu li.divider {
margin:0;
background-color:rgba(255,255,255,0.1);
}
body.menu-vertical #mainMenu.sidebar-vertical ul.top-links .dropdown-menu>li>a {
padding: 3px 6px;
font-size: 12px;
}
body.menu-vertical #mainMenu.sidebar-vertical ul.top-links a.dropdown-toggle {
background-color:rgba(0,0,0,0.1) !important;
padding:3px 6px !important;
margin-bottom:3px;
font-size:12px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
body.menu-vertical #mainMenu.sidebar-vertical.sidebar-dark ul.top-links a.dropdown-toggle {
background-color:rgba(0,0,0,0.5) !important;
}
body.menu-vertical #mainMenu.sidebar-vertical ul.top-links a.dropdown-toggle>i {
padding:0 6px 0 0;
}
body.menu-vertical #mainMenu.sidebar-vertical ul.top-links>li {
margin:0;
padding:0;
}
/* DARK */
body.menu-vertical #mainMenu.sidebar-vertical.sidebar-dark .sidebar-nav .navbar ul,
body.menu-vertical #mainMenu.sidebar-vertical.sidebar-dark {
background-color:#333;
color:#ccc;
}
body.menu-vertical #mainMenu.sidebar-vertical.sidebar-dark .sidebar-nav .navbar ul {
border-top-color:rgba(255,255,255,0.1);
}
body.menu-vertical #mainMenu.sidebar-vertical.sidebar-dark .dropdown-menu>li>a,
body.menu-vertical #mainMenu.sidebar-vertical.sidebar-dark .navbar-default .navbar-nav>li>a {
border-bottom-color:rgba(255,255,255,0.1);
}
body.menu-vertical #mainMenu.sidebar-vertical.sidebar-dark .navbar-default .navbar-nav>li>a.dropdown-toggle {
background-image: url('../images/_smarty/submenu_dark.png');
}
body.menu-vertical #mainMenu.sidebar-vertical.sidebar-dark .sidebar-nav .navbar li a {
color:#ccc;
}
body.menu-vertical #mainMenu.sidebar-vertical.sidebar-dark .navbar-default .navbar-nav>li>a>i {
color:#ccc;
}
body.menu-vertical #mainMenu.sidebar-dark {
border-color:rgba(255,255,255,0.08);
}
/* OPEN ON CLICK */
body.menu-vertical.menu-vertical-hide #wrapper {
margin-left:0 !important;
margin-right:0 !important;
}
body.menu-vertical.menu-vertical-hide #mainMenu.sidebar-vertical {
right:auto;
left:-263px;
}
body.menu-vertical.menu-vertical-hide.menu-inverse #mainMenu.sidebar-vertical {
left:auto;
right:-263px;
}
.fancy_big_btn,
body.menu-vertical.menu-vertical-hide #mainMenu.sidebar-vertical #sidebar_vertical_btn {
position:absolute;
right:-80px;
top:15px;
display:inline-block;
background:rgba(255,255,255,0.2);
padding:6px;
z-index:100;
-webkit-transition: background 600ms;
-moz-transition: background 600ms;
-o-transition: background 600ms;
transition: background 600ms;
}
.fancy_big_btn,
body.menu-vertical.menu-vertical-hide.menu-inverse #mainMenu.sidebar-vertical #sidebar_vertical_btn {
right:auto;
left:-80px;
}
.fancy_big_btn:hover,
.fancy_big_btn:active,
body.menu-vertical.menu-vertical-hide #mainMenu.sidebar-vertical #sidebar_vertical_btn:hover,
body.menu-vertical.menu-vertical-hide #mainMenu.sidebar-vertical #sidebar_vertical_btn:active {
background:#fff;
}
.fancy_big_btn i,
body.menu-vertical.menu-vertical-hide #mainMenu.sidebar-vertical #sidebar_vertical_btn i {
display:block;
width:54px; height:54px;
background-image:url('data:image/gif;base64,R0lGODlhNwA3AJEAAAAAAP///////wAAACH5BAEAAAIALAAAAAA3ADcAAAJUlI+py+0Po5y02ouz3rz7D4biSJbmiabqyrZhAMfyTNc1Zue6je/+7goKh8Si8dj6KXmXpVPWezqR1Kr1is2apM8o9+f9ArXksvmMTqvX7Lb7DS8AADs=');
background-repeat:no-repeat;
background-position:center;
background-color:#000;
-webkit-transition: background 300ms;
-moz-transition: background 300ms;
-o-transition: background 300ms;
transition: background 300ms;
}
.fancy_big_btn:hover i,
body.menu-vertical.menu-vertical-hide #mainMenu.sidebar-vertical #sidebar_vertical_btn:hover i {
background-color:#f6f6f6;
background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADcAAAA3CAYAAACo29JGAAAARklEQVRoge3WsQ0AIAwDsML/P8MLdECoxZ4zJFsiAAAAqGgksutai7yj3vN2i5dajwPgex5KVa3HAfA9D6Wq1uMAAACoaQMxSAMQNhNmmQAAAABJRU5ErkJggg==');
}
/*
for anywhere use
*/
.fancy_big_btn {
right:auto;
left:0;
top:20px;
}
.fancy_big_btn.inverse {
left:auto;
right:0;
}
/* custom icon */
.fancy_big_btn i.fa,
.fancy_big_btn i.et,
.fancy_big_btn i.glyphicon,
.fancy_big_btn i.icon,
.fancy_big_btn i.ico {
background-image:none;
color:#fff;
font-size:30px;
line-height:50px;
margin:0;
padding:0;
-webkit-transition: all 300ms;
-moz-transition: all 300ms;
-o-transition: all 300ms;
transition: all 300ms;
}
.fancy_big_btn:hover i.fa,
.fancy_big_btn:hover i.et,
.fancy_big_btn:hover i.glyphicon,
.fancy_big_btn:hover i.icon,
.fancy_big_btn:hover i.ico {
color:#000;
}
/* Responsive */
@media (min-width: 768px) {
body.menu-vertical #mainMenu.sidebar-vertical .sidebar-nav .navbar .navbar-collapse {
padding: 0;
max-height: none;
}
body.menu-vertical #mainMenu.sidebar-vertical .sidebar-nav .navbar ul {
float: none;
border-top:#eee 1px solid;
}
body.menu-vertical #mainMenu.sidebar-vertical .sidebar-nav .navbar ul:not {
display: block;
}
body.menu-vertical #mainMenu.sidebar-vertical .sidebar-nav .navbar .navbar-collapse li {
float: none;
display: block;
}
body.menu-vertical #mainMenu.sidebar-vertical .sidebar-nav .navbar li a {
color:#000;
-webkit-transition: all .10s;
-moz-transition: all .10s;
-o-transition: all .10s;
transition: all .10s;
}
body.menu-vertical #mainMenu.sidebar-vertical li.dropdown:hover>ul.dropdown-menu {
display:block;
}
body.menu-vertical.menu-inverse #mainMenu.sidebar-vertical li.dropdown:hover>ul.dropdown-menu {
left:-230px;
right:auto;
}
/* uncomment if you would like the menu to be fixed */
/* .navbar {
position: fixed;
width: 170px;
z-index: 2;
} */
}
@media (min-width: 992px) {
body.menu-vertical #mainMenu.sidebar-vertical .navbar {
width: 212px;
}
}
@media only screen and (max-width: 1216px) {
body.menu-vertical .container {
width: 100%;
}
}
@media (min-width: 1200px) {
body.menu-vertical #mainMenu.sidebar-vertical .navbar {
width: 262px;
}
}
@media (min-width: 768px) {
body.menu-vertical #mainMenu .navbar-default {
border:0;
}
body.menu-vertical #mainMenu {
border-right:#d6d6d6 1px solid;
-webkit-box-shadow: 10px 0px 30px -2px rgba(0, 0, 0, 0.14);
-moz-box-shadow: 10px 0px 30px -2px rgba(0, 0, 0, 0.14);
box-shadow: 10px 0px 30px -2px rgba(0, 0, 0, 0.14);
}
}
@media (max-width: 768px) {
body.menu-vertical #mainMenu {
position:relative;
width:100%;
}
body.menu-vertical #mainMenu .navbar-nav {
margin-bottom:0;
margin-top:0;
}
body.menu-vertical #mainMenu .navbar-header {
background-color: rgba(255,255,255,0.06);
}
body.menu-vertical #mainMenu.sidebar-vertical.sidebar-dark .navbar-default .navbar-toggle .icon-bar {
background-color: #fff;
}
body.menu-vertical #middle {
padding:15px !important;
}
body.menu-vertical #mainMenu .logo {
padding:0;
margin:15px 0;
}
body.menu-vertical #wrapper {
margin-left:0 !important;
margin-right:0 !important;
}
body.menu-vertical #mainMenu.sidebar-vertical {
position:relative;
width:100%;
}
body.menu-vertical .navbar {
margin-bottom:0;
}
body.menu-vertical #mainMenu.sidebar-vertical .dropdown-menu {
width:100%;
}
body.menu-vertical.menu-vertical-hide #mainMenu.sidebar-vertical {
left:0 !important; right:0;
}
body.menu-vertical.menu-vertical-hide #mainMenu.sidebar-vertical #sidebar_vertical_btn {
display:none;
}
body.menu-vertical.menu-vertical-hide #mainMenu.sidebar-vertical {
width:100% !important;
}
}
body.menu-vertical #mainMenu.sidebar-vertical .sidebar-nav .navbar li a {
padding-top: 8px;
padding-bottom: 8px;
}
.sidebar-vertical .sidebar-nav .navbar-header {
float: none;
}
/** Mobile Button
********************** **/
#topNav button.btn-mobile {
display:none;
}
#topNav button.btn-mobile {
color:#333;
display: none;
padding:6px 5px;
float:right;
margin-top:10px;
margin-right:0;
background:none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
font-size:26px;
}
#topNav button.btn-mobile i {
padding:0; margin:0;
font-size:21px;
}
@media only screen and (max-width: 992px) {
#topNav button.btn-mobile {
display:inline-block;
}
}
#header li.search .search-box,
#header li.quick-cart .quick-cart-box {
border:rgba(0,0,0,0.07) 1px solid;
border-top:0;
}
/* Dark & Color Header */
#header.dark {
background-color:#333;
}
#header.dark #topMain.nav-pills>li>a {
color:#ccc;
}
#header.dark #topMain.nav-pills>li.active>a,
#header.dark #topMain.nav-pills>li>a:hover {
color:#fff;
}
/* DARK CART & SEARCH */
#header.dark li.search .search-box,
#header.dark li.quick-cart .quick-cart-box {
background-color:#333;
}
#header.translucent li.search .search-box,
#header.translucent li.quick-cart .quick-cart-box {
background-color:rgba(33,33,33,0.80);
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
#header.translucent li.search .search-box:hover,
#header.translucent li.quick-cart .quick-cart-box:hover {
background-color:rgba(33,33,33,0.88);
}
#header.translucent ul.nav-second-main li i,
#header.translucent li.search i.fa,
#header.dark li.quick-cart .quick-cart-box a,
#header.dark li.quick-cart .quick-cart-box a h6,
#header.dark li.quick-cart .quick-cart-footer,
#header.dark li.quick-cart .quick-cart-box h4 {
color:#fff !important;
}
#header.dark li.quick-cart .quick-cart-box h4,
#header.dark li.quick-cart .quick-cart-box a {
border-bottom: rgba(255,255,255,0.08) 1px solid;
}
#header.dark li.quick-cart .quick-cart-box a:hover {
background-color:rgba(255,255,255,0.06);
}
#header.dark li.search .search-box input {
color: #999;
background-color: rgba(0,0,0,.2);
border-color: rgba(0,0,0,.25);
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
#header.dark li.search .search-box input:focus,
#header.dark li.search .search-box textarea:focus {
background-color: rgba(0,0,0,.3);
}
/* Transparent Header */
#header.transparent {
position:absolute;
background-color:transparent;
border-bottom:rgba(255,255,255,0.3) 1px solid;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
#header.transparent.color,
#header.transparent.dark {
border:0;
}
#header.transparent #topMain.nav-pills>li>a {
color:#fff;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
#header.transparent #topMain.nav-pills>li.active>a,
#header.transparent #topMain.nav-pills>li>a:hover {
background-color:rgba(0,0,0,0.03);
}
#header.transparent + section.page-header.page-header-lg,
#header.transparent + section.page-header {
/*margin-top:-100px;*/
padding:180px 0;
}
#header.transparent + section.page-header.page-header-xlg {
padding:280px 0;
padding-top:350px;
}
#header.transparent + section.page-header.page-header-lg {
padding-top:250px;
}
#header.transparent a.social-icon {
background-color:rgba(0,0,0,0.2);
}
#header.transparent a.social-icon>i {
color:#eaeaea;
}
/* on scroll */
#header.fixed.transparent{
background-color:#fff;
}
#header.fixed.dark,
#header.fixed.dark.transparent {
background-color:#333;
border:0;
}
#header.fixed.transparent ul.nav-second-main li a,
#header.fixed.transparent ul.nav-second-main li a>i,
#header.fixed.transparent #topMain.nav-pills>li>a {
color:#151515;
}
#header.fixed.dark.transparent ul.nav-second-main li a,
#header.fixed.dark.transparent ul.nav-second-main li a>i,
#header.fixed.dark.transparent #topMain.nav-pills>li>a {
color:#fff;
}
@media only screen and (max-width: 992px) {
#header.transparent.fixed #topNav button.btn-mobile {
color:#333 !important;
}
#header.transparent.dark.fixed #topNav button.btn-mobile {
color:#fff !important;
}
#header.transparent #topMain.nav-pills>li>a {
color:#fff;
}
#header.transparent.dark #topMain.nav-pills>li>a {
color:#fff;
}
}
@media only screen and (max-width: 768px) {
#header.transparent + section.page-header {
margin-top:0;
}
/* force dark submenu */
#header.transparent #topMain {
background-color:#333 !important;
}
#header.transparent #topMain li.active>a {
color:#fff !important;
}
}
/* Transparent Header */
#header.translucent {
position:absolute;
background-color:rgba(0,0,0,0.2);
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
#header.translucent #topMain.nav-pills>li>a {
color:#fff;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
#header.translucent #topMain.nav-pills>li.active>a,
#header.translucent #topMain.nav-pills>li>a:hover {
color:#fff;
background-color:rgba(0,0,0,0.1);
}
#header.translucent + section.page-header {
margin-top:-100px;
padding:180px 0;
}
#header.translucent + section.page-header.page-header-xlg {
padding:280px 0;
padding-top:420px;
}
#header.translucent + section.page-header.page-header-lg {
padding-top:350px;
}
/* on scroll */
#header.fixed.translucent{
background-color:#fff;
}
#header.fixed.dark,
#header.fixed.dark.translucent {
background-color:#333;
border:0;
}
#header.fixed.translucent ul.nav-second-main li a,
#header.fixed.translucent ul.nav-second-main li a>i,
#header.fixed.translucent #topMain.nav-pills>li>a {
color:#151515;
}
#header.fixed.dark.translucent ul.nav-second-main li a,
#header.fixed.dark.translucent ul.nav-second-main li a>i,
#header.fixed.dark.translucent #topMain.nav-pills>li>a {
color:#fff;
}
@media only screen and (max-width: 768px) {
#header.transparent + section.page-header {
margin-top:0;
}
}
/* BOTTOM HEADER */
#header.bottom {
position:absolute;
top:auto; bottom:0;
border-bottom:rgba(0,0,0,0.05) 1px solid;
}
#header.bottom.fixed {
top:0; bottom:auto;
}
#header.bottom.sticky {
position:absolute;
}
#header.bottom.fixed.sticky {
position:fixed;
}
#header.bottom.dropup #topMain>li>ul.dropdown-menu ul.dropdown-menu {
bottom: auto;
box-shadow:none;
}
#header.bottom.dropup ul.dropdown-menu {
bottom:94px;
top: auto;
}
#header.header-md.bottom.dropup ul.dropdown-menu {
bottom:68px;
top: auto;
}
#header.header-sm.bottom.dropup ul.dropdown-menu {
bottom:58px;
top: auto;
}
#header.bottom.dropup li.mega-menu ul.dropdown-menu {
bottom:-2px;
}
#header.header-md.bottom.dropup li.mega-menu ul.dropdown-menu {
bottom:-2px;
}
#header.header-sm.bottom.dropup li.mega-menu ul.dropdown-menu {
bottom:-2px;
}
#header.bottom.dropup.slim ul.dropdown-menu {
bottom:53px;
}
#header.bottom.dropup .nav-second-main .quick-cart-box,
#header.bottom.dropup .nav-second-main .search-box {
top:auto; bottom:100%;
margin-bottom:39px;
box-shadow: 5px -5px rgba(91, 91, 91, 0.2);
border-bottom:0
}
#header.bottom.header-md.dropup .nav-second-main .quick-cart-box,
#header.bottom.header-md.dropup .nav-second-main .search-box {
margin-bottom:23px;
}
#header.bottom.header-sm.dropup .nav-second-main .quick-cart-box,
#header.bottom.header-sm.dropup .nav-second-main .search-box {
margin-bottom:20px;
}
#header.bottom.dropup ul.dropdown-menu:before {
top:auto;
bottom: -10px !important;
border-bottom:0 !important;
border-top: rgba(255,255,255,1) 10px solid;
}
#header.bottom.dropup.dark ul.dropdown-menu:before {
border-top: rgba(33,33,33,0.95) 10px solid !important;
}
#header.bottom + #slider {
margin-bottom:94px;
}
#header.header-md.bottom + #slider {
margin-bottom:70px;
}
#header.header-sm.bottom + #slider {
margin-bottom:60px;
}
#header.header-sm.bottom.transparent + #slider,
#header.header-sm.bottom.translucent + #slider {
margin-bottom:0;
}
#header.bottom + #slider > .swiper-container .swiper-pagination {
top:0 !important;
bottom:auto;
}
@media only screen and (max-width: 992px) {
#header.bottom {
top:0; bottom:auto;
}
#header.bottom.sticky {
position:relative !important;
}
#header.bottom.transparent ul.nav-second-main li a,
#header.bottom.transparent ul.nav-second-main li a>i,
#header.bottom.transparent #topNav button.btn-mobile {
color:#212121;
}
#header.bottom + #slider > .swiper-container .swiper-pagination {
top:auto !important;
bottom:10px;
}
#header.bottom.dropup .nav-second-main .quick-cart-box,
#header.bottom.dropup .nav-second-main .search-box {
bottom:auto;
}
}
/* STATIC HEADER */
#header.bottom.static + #slider {
margin-bottom:0;
}
#header.bottom.static {
border-top:rgba(0,0,0,0.15) 1px solid;
}
#header.bottom.static.dark {
border-top:rgba(255,255,255,0.15) 1px solid;
}
#header.bottom.static .nav-second-main .quick-cart-box,
#header.bottom.static .nav-second-main .search-box,
#header.bottom.static .nav-second-main .quick-cart-box,
#header.bottom.static .nav-second-main .search-box {
border:rgba(0,0,0,0.15) 1px solid;
border-bottom:0;
}
#header.bottom.static.dark .nav-second-main .quick-cart-box,
#header.bottom.static.dark .nav-second-main .search-box,
#header.bottom.static.dark .nav-second-main .quick-cart-box,
#header.bottom.static.dark .nav-second-main .search-box {
border:rgba(255,255,255,0.15) 1px solid;
border-bottom:0;
}
@media only screen and (max-width: 992px) {
#header.static {
/*position:relative !important;*/
}
}
#header.static:not(.transparent) + section.page-header {
margin-top:60px;
}
/* fullwidth container */
#topNav .full-container {
display:block;
margin:0 15px;
}
/* remove bootstrap issue */
#topNav ul.dropdown-menu>li,
#topNav ul.dropdown-menu>li a {
background-color:transparent;
}
#topNav .nav-pills>li+li {
margin-left:0;
}
/* search */
#header li.search .search-box form {
margin:0;
}
/* Medium Height : 70 */
#header.header-md #topNav a.logo {
height:70px;
line-height:50px;
}
#header.header-md #topNav a.logo>img {
height:70px;
}
#header.header-md #topNav #topMain>li>a {
height:70px;
line-height:70px;
}
@media only screen and (max-width: 992px) {
#header.header-md #topMain.nav-pills>li>a {
color:#212121;
}
#header.header-md #topMain.nav-pills>li.active>a,
#header.header-md #topMain.nav-pills>li>a:hover {
color:#212121;
background-color:rgba(0,0,0,0.02);
}
}
/* Small Height : 60px */
#header.header-sm #topNav a.logo {
height:60px;
line-height:50px;
}
#header.header-sm #topNav a.logo>img {
height:60px;
}
#header.header-sm #topNav #topMain>li>a {
height:60px;
line-height:60px;
}
@media only screen and (max-width: 992px) {
#header.header-sm #topMain.nav-pills>li>a {
color:#212121;
}
#header.header-sm #topMain.nav-pills>li.active>a,
#header.header-sm #topMain.nav-pills>li>a:hover {
color:#212121;
background-color:rgba(0,0,0,0.02);
}
}
/* Sticky 60px */
/*#header.fixed {
position:fixed;
border-bottom:rgba(0,0,0,0.08) 1px solid;
}*/
#header.fixed #topNav a.logo {
height:60px;
line-height:50px;
}
#header.fixed #topNav a.logo>img {
height:60px;
}
#header.fixed #topNav #topMain>li>a {
height:60px;
line-height:60px;
}
/* Static */
#header.static {
position:fixed;
}
#header.static:not(.transparent) {
border-bottom:rgba(0,0,0,0.08) 1px solid;
}
@media only screen and (max-width: 992px) {
#header.header-sm #topMain.nav-pills>li>a,
#header.header-md #topMain.nav-pills>li>a {
color:#212121;
}
#header.header-sm #topMain.nav-pills>li.active>a,
#header.header-sm #topMain.nav-pills>li>a:hover,
#header.header-md #topMain.nav-pills>li.active>a,
#header.header-md #topMain.nav-pills>li>a:hover {
color:#212121;
background-color:rgba(0,0,0,0.02);
}
#header.transparent.header-sm #topMain.nav-pills>li>a,
#header.transparent.header-md #topMain.nav-pills>li>a,
#header.transparent.header-sm #topMain.nav-pills>li.active>a,
#header.transparent.header-sm #topMain.nav-pills>li>a:hover,
#header.transparent.header-md #topMain.nav-pills>li.active>a,
#header.transparent.header-md #topMain.nav-pills>li>a:hover {
color:#fff;
}
#header.transparent #topMain,
#header .submenu-dark #topMain {
background-color:#333;
}
#header.dark #topMain.nav-pills>li.active>a,
#header.dark #topMain.nav-pills>li:hover>a,
#header.dark #topMain.nav-pills>li>a {
color:#333;
}
#header.dark .submenu-dark #topMain.nav-pills>li.active>a,
#header.dark .submenu-dark #topMain.nav-pills>li:hover>a,
#header.dark .submenu-dark #topMain.nav-pills>li>a {
color:#fff;
}
#header.dark #topMain.nav-pills>li.active>a {
background-color:rgba(0,0,0,0.1);
}
}
/*
Top Bar
*/
#topBar {
display:block;
background-color:#fff;
border-bottom:rgba(0,0,0,0.05) 1px solid;
}
#topBar>.border-bottom {
border-bottom:rgba(0,0,0,0.05) 1px solid;
}
#topBar>.border-top {
border-top:rgba(0,0,0,0.05) 1px solid;
}
#topBar,
#topBar>.container {
min-height: 39px;
}
#topBar.dark {
color:#ccc;
background-color:#363839;
border-bottom-color:rgba(255,255,255,0.1);
}
#topBar.dark .dropdown-menu a,
#topBar.dark ul.top-links>li>a {
color:#fff;
}
#topBar.dark .dropdown-menu a:hover {
color:#fff !important;
background-color:#333;
}
#topBar.dark ul.top-links>li {
border-right: rgba(255,255,255,0.1) 1px solid;
}
body.boxed #topBar.dark ul.top-links>li {
border-right:0;
}
#topBar.dark .dropdown-menu {
background-color:#363839;
}
#topBar.dark .dropdown-menu .divider {
background-color:#444;
}
#topBar.dark>.border-bottom {
border-bottom-color:rgba(255,255,255,0.1);
}
#topBar.dark>.border-top {
border-top-color:rgba(255,255,255,0.1);
}
/* Logo */
#topBar .logo {
display:inline-block;
}
#topBar .logo img {
-webkit-transition: width .4s ease, height .4s ease;
-o-transition: width .4s ease, height .4s ease;
transition: width .4s ease, height .4s ease;
}
#topBar .logo.has-banner {
height:100px;
line-height:100px;
}
/* banner */
#topBar .banner {
margin:5px 0;
display:inline-block;
padding-left:5px;
border-left:rgba(0,0,0,0.05) 1px solid;
}
#topBar.dark .banner {
border-left-color:rgba(255,255,255,0.05) 1px solid;
}
/* social Icon */
#topBar .social-icon {
margin:3px 0 0 0;
}
/* Links */
#topBar ul.top-links {
float:left;
margin:0;
}
#topBar ul.top-links>li {
padding:0;
display:inline-block;
margin-left:-3px;
position:relative;
border-right:rgba(0,0,0,0.1) 1px solid;
}
#topBar ul.top-links>li:hover >.dropdown-menu,
#mainMenu ul.top-links>li:hover >.dropdown-menu {
display:block !important;
}
#topBar ul.top-links>li .dropdown-menu {
z-index:3000;
}
#topBar ul.top-links>li>a {
padding:10px;
font-size:12px;
color:#151515;
display:block;
text-decoration:none;
}
#topBar ul.top-links>li>a:hover {
background-color:rgba(0,0,0,0.01);
}
#topBar ul.top-links>li>a>i {
margin-right:5px;
filter: alpha(opacity=30);
opacity:0.3;
}
@media only screen and (max-width: 768px) {
#topBar {
text-align:center;
}
#topBar ul.top-links {
display:inline-block;
float:none;
margin:0 auto;
}
#topBar ul.top-links>li:last-child>a {
border-right:0;
}
}
#topBar ul.top-links li.text-welcome {
padding:0 15px;
font-size:12px;
}
/* Drop Downs & Lang */
#topBar ul.dropdown-menu {
min-width:50px;
margin:0; padding:0;
margin-left:-1px;
}
#topBar ul.dropdown-menu>li>a {
padding:8px 6px;
font-size:12px;
}
#topBar ul.dropdown-langs>li>a {
padding:3px 6px;
font-size:12px;
}
#topBar ul.top-links>li>a>img.flag-lang {
float:left;
margin-top:3px;
margin-right:6px;
}
#topBar ul.dropdown-menu>li>a>i {
margin-right:6px;
}
#topBar ul.dropdown-langs>li:hover>a {
color:#000 !important;
background-color:#eee;
}
#topBar ul.dropdown-menu>li.divider {
margin:0; padding:0;
border-bottom:0;
height:1px;
}
/*
Nav Second Main
- search, etc
*/
#header ul.nav-second-main {
border-left:rgba(0,0,0,0.1) 1px solid;
padding-left:15px;
margin-top: 39px;
-webkit-transition: all .300s;
-moz-transition: all .300s;
-o-transition: all .300s;
transition: all .300s;
}
#header.fixed ul.nav-second-main {
margin-top:20px;
}
#header.header-sm ul.nav-second-main {
margin-top:20px;
}
#header.header-md ul.nav-second-main {
margin-top:23px;
}
#header.fixed.header-sm ul.nav-second-main.nav-social,
#header.fixed.header-md ul.nav-second-main.nav-social {
margin-top:18px;
}
#header ul.nav-second-main.nav-social a {
margin-left:10px !important;
}
#header ul.nav-second-main.nav-social>li:first-child a {
margin-left:10px !important;
}
#header.fixed ul.nav-second-main.nav-social a>i:hover {
color: #fff !important;
}
#header ul.nav-second-main li {
padding-top:33px;
padding:0 5px 0px 5px;
}
#header ul.nav-second-main li>a {
background-color:transparent;
color:#666;
padding:0 3px;
display:block;
}
#header ul.nav-second-main li i {
font-size:18px;
width: 20px;
height: 20px;
margin:0;
padding:0;
opacity:0.6;
filter: alpha(opacity=60);
-webkit-transition: all .300s;
-moz-transition: all .300s;
-o-transition: all .300s;
transition: all .300s;
}
#header ul.nav-second-main li:hover i {
opacity:1;
filter: alpha(opacity=100);
}
#header ul.nav-second-main li .badge {
padding:3px 4px;
}
/* dark & color menu */
#header.transparent ul.nav-second-main li a,
#header.transparent ul.nav-second-main li a>i,
#header.color ul.nav-second-main li a,
#header.color ul.nav-second-main li a>i,
#header.dark ul.nav-second-main li a,
#header.dark ul.nav-second-main li a>i {
color:#fff;
opacity:1;
filter: alpha(opacity=100);
}
@media only screen and (max-width: 992px) {
#header ul.nav-second-main {
margin:15px 15px 0 0;
border:0;
}
#header ul.nav-second-main li {
padding:0;
padding-top:6px;
}
#header ul.nav-second-main {
-webkit-transition: all 0s;
-moz-transition: all 0s;
-o-transition: all 0s;
transition: all 0s;
}
#header.fixed ul.nav-second-main li {
padding-top:0;
}
#header.header-md ul.nav-second-main li>a,
#header.header-sm ul.nav-second-main li>a {
margin-top:-6px;
}
/* header social */
#header.header-md ul.nav-second-main {
margin-top:20px;
}
#header.fixed.header-sm ul.nav-second-main.nav-social,
#header.fixed.header-md ul.nav-second-main.nav-social {
margin-top:26px;
}
/* header translucent fix */
#header.header-md.translucent ul.nav-second-main {
margin-top:23px;
}
#header.header-md.translucent.fixed ul.nav-second-main {
margin-top:29px;
}
}
/** ************************************************************* **/
/* submenu */
#topNav ul.dropdown-menu {
text-align:left;
margin-top: 0px;
box-shadow:none;
border:#eee 1px solid;
border-top:#eee 1px solid;
list-style:none;
background:#fff;
background-color:#fff;
-webkit-box-shadow:rgba(0,0,0,0.2) 0 6px 12px !important;
box-shadow:rgba(0,0,0,0.2) 0 6px 12px !important;
min-width:200px;
padding:10px 0px;
border-color: #fff;
-webkit-transition: top .4s ease;
-o-transition: top .4s ease;
transition: top .4s ease;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
#topNav ul.dropdown-menu ul.dropdown-menu {
margin-top: -1px !important; /* -1px required for border-top menu */
}
#topNav ul.dropdown-menu li {
position:relative;
/*border-bottom: rgba(0,0,0,0.06) 1px solid;*/
}
/*
#topNav .submenu-dark ul.dropdown-menu li {
border-bottom-color: rgba(0,0,0,0.2);
}
*/
#topNav ul.dropdown-menu li:last-child {
border-bottom:0;
}
#topNav ul.dropdown-menu li a {
margin:0;
padding:7px 15px;
font-weight:400;
line-height:23px;
color:#666;
font-size:12px;
display:block;
text-decoration:none;
}
#topNav ul.dropdown-menu>li a i {
margin-right:6px;
font-size:12px;
}
#topNav ul.dropdown-menu a.dropdown-toggle {
background-position: right center;
background-repeat: no-repeat;
}
#topNav ul.dropdown-menu li.active>a,
#topNav ul.dropdown-menu li.active:hover>a,
#topNav ul.dropdown-menu li.active:focus>a,
#topNav ul.dropdown-menu li:hover>a,
#topNav ul.dropdown-menu li:focus>a,
#topNav ul.dropdown-menu li:focus>a {
color:#000;
background-color:rgba(0,0,0,0.05);
}
#topNav ul.dropdown-menu li.divider {
margin:-1px 0 0 0;
padding:0; border:0;
background-color:rgba(0,0,0,0.1);
}
#topNav .nav li:hover>ul.dropdown-menu {
/*padding:0;*/
display:block;
z-index:100;
}
#topNav ul.dropdown-menu li .badge {
margin-top:4px;
}
/* sub-submenu */
#topNav ul.dropdown-menu>li:hover > ul.dropdown-menu {
display:block;
position:absolute;
left:100%; top:0;
padding:0; margin:0;
border-left:0 !important;
border-right:0 !important;
border-bottom:0 !important;
}
/** ************************************************************* **/
/* onepage active link */
#topMain.nav-onepage>li.active>a {
font-weight:bold;
}
/** Responsive Top Nav
********************* **/
@media only screen and (max-width: 992px) {
.navbar-collapse {
height:100%;
}
form.mobile-search {
display:block;
}
#topNav div.nav-main-collapse {
padding:0; margin:0;
}
#topNav button.btn-mobile {
display:block;
float:right;
margin-right:0;
-webkit-transition: none;
-moz-transition: none;
-o-transition: none;
transition: none;
}
#header.dark #topNav button.btn-mobile,
#header.transparent #topNav button.btn-mobile,
#header.theme-color #topNav button.btn-mobile {
color:#fff;
}
#topNav nav.nav-main {
background-color:#fff;
}
#topNav div.nav-main-collapse,
#topNav div.nav-main-collapse.in {
width: 100%;
margin:-1px 0 0 0;
}
#topNav div.nav-main-collapse {
float: none;
overflow-x:hidden;
max-height:350px;
}
/* ======================== MOBILE MENU V2 ===================== */
html.noscroll,
html.noscroll body {
overflow: hidden !important;
}
#header.fixed #topNav div.nav-main-collapse,
#topNav div.nav-main-collapse {
max-height:100% !important;
height:100%;
width: 100%;
position: fixed !important;
left:0 !important; right:0; bottom:0; top:0;
z-index:9999 !important;
overflow-y: scroll !important;
padding-top:58px !important;
margin:0 !important;
}
#topNav div.nav-main-collapse {
-webkit-overflow-scrolling: touch; /* iOS smooth scroll */
-webkit-animation: fadeIn .3s !important;
animation: fadeIn .3s !important;
}
#header.fixed #topNav button.btn-mobile-active,
#topNav button.btn-mobile-active {
position: fixed !important;
z-index:999999 !important;
background-color: #232323 !important;
height: 60px !important;
top:0 !important;
width: 100%;
left:0; right:0;
margin: 0 !important;
opacity: 0.9;
}
#topNav button.btn-mobile-active>i {
float:right;
margin-right:10px;
margin-left:10px;
color: #fff !important;
font-size:30px;
}
#topNav button.btn-mobile-active>i:before {
content: "\f00d" !important;
}
#menu-overlay {
position: fixed;
top:0; bottom:0;
left:0; right:0;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0.4);
z-index:10 !important;
}
/* dropdown background color */
#topMain,
#topNav ul.dropdown-menu {
color: #fff;
background-color: #333;
display: block;
}
#topNav ul.dropdown-menu {
border: 0;
}
#topMain>li>a {
color: #fff !important;
}
#topNav ul.dropdown-menu li>a {
color: #fbfbfb !important;
}
#topMain>li>a,
#topNav ul.dropdown-menu li>a {
font-size:15px !important;
}
/* ====================== END MOBILE MENU V2 ==================== */
#topNav div.nav-main-collapse.collapse:not(.show) {
display: none;
}
#topNav div.nav-main-collapse.in {
display: block !important;
}
#topNav div.nav-main-collapse {
position: relative;
}
#topMain>li>a>span {
display:none !important;
}
#topMain li {
display:block !important;
float:none;
text-align:left;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
#topMain li a {
text-align:left;
border:0;
height:auto;
line-height:15px;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
#topMain>li:hover,
#topMain>li:hover>a {
border-top:0 !important;
}
#topMain>li>a {
height:auto;
line-height:auto;
}
/* submenu */
#topMain ul.dropdown-menu {
position: static;
clear: both;
float: none;
display: none !important;
border-left:0 !important;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
#topNav nav.nav-main li.resp-active > ul.dropdown-menu {
display: block !important;
margin-left:30px;
margin-right:30px;
padding:20px 0;
border-right:0;
}
#topNav nav.nav-main li.resp-active > ul.dropdown-menu li {
border-left:0;
}
#topNav ul.nav>li:hover>a:before,
#topNav ul.nav>li.active>a:before {
background-color:transparent;
}
#topNav ul.dropdown-menu>li:hover > ul.dropdown-menu {
position:static;
}
#topNav div.submenu-dark ul.dropdown-menu {
border-top:0;
}
/** sub menu */
#topNav nav.nav-main li.resp-active > ul.dropdown-menu {
margin:0; padding:0;
}
#topNav nav.nav-main li > ul.dropdown-menu li a {
padding-left:40px;
width: 100%;
display: block;
}
#topNav .dropdown-menu.float-right,
#topNav .dropdown-menu.float-left {
float:none !important;
}
}
@media only screen and (max-width: 500px) {
#topNav div.nav-main-collapse {
max-height:290px;
overflow-y:auto;
}
}
/* Mega Menu */
#topNav #topMain>li.mega-menu {
position: inherit;
color:#fff;
}
#topNav #topMain>li.mega-menu>ul {
max-width:100%;
width: 100%;
top: inherit;
}
#topNav #topMain>li.mega-menu div.row {
display:table;
margin:0;
padding:0;
width:100%;
}
#topNav #topMain>li.mega-menu div.row div {
display:table-cell;
border-left: rgba(0,0,0,0.1) 1px solid;
margin-left: -1px;
display: table-cell;
vertical-align: top;
float: none;
margin:0;
padding:10px 0 10px 0;
}
#topNav #topMain>li.mega-menu div.row>div:first-child {
border-left:0 !important;
}
#topNav #topMain>li.mega-menu div.row div>ul>li>span {
color:#111;
font-weight:bold;
display:block;
padding:6px 15px 10px 15px;
}
@media only screen and (max-width: 992px) {
#topNav #topMain>li.mega-menu div.row div>ul>li>span {
color:#fff;
}
}
#topNav #topMain>li.mega-menu div.row div:first-child {
border-left:0;
}
#topNav #topMain>li.mega-menu div.row div>ul>li+li>span {
margin-top:25px;
}
/* LIGHT SUBMENU */
#topNav ul.dropdown-menu a.dropdown-toggle {
background-image: url('../images/_smarty/submenu_light.png');
}
/* DARK SUBMENU */
#topNav div.submenu-dark ul.dropdown-menu {
background:#333;
background-color:#333;
}
#topNav div.submenu-dark ul.dropdown-menu a.dropdown-toggle {
background-image: url('../images/_smarty/submenu_dark.png');
}
#topNav div.submenu-dark ul.dropdown-menu li.active>a,
#topNav div.submenu-dark ul.dropdown-menu li.active:hover>a,
#topNav div.submenu-dark ul.dropdown-menu li.active:focus>a,
#topNav div.submenu-dark ul.dropdown-menu li:hover>a,
#topNav div.submenu-dark ul.dropdown-menu li:focus>a,
#topNav div.submenu-dark ul.dropdown-menu li:focus>a {
color:#fff;
background-color:rgba(0,0,0,0.15);
}
#topNav div.submenu-dark ul.dropdown-menu li.divider {
background-color:rgba(255,255,255,0.1);
}
#topNav div.submenu-dark ul.dropdown-menu>li a {
color:#ccc;
}
#topNav div.submenu-dark #topMain>li.mega-menu div.row div>ul>li>span {
color:#fff;
}
#topNav div.submenu-dark #topMain>li.mega-menu div.row>div {
border-left: rgba(0,0,0,0.2) 1px solid;
}
@media only screen and (max-width: 992px) {
#topNav div.submenu-dark li>a {
color: #fff !important;
}
#header.translucent #topMain,
#header.dark.transparent #topMain {
background-color: #333 !important;
}
}
/** BS 4 fix
************************************ **/
.btn-group>.btn {
padding: 10px !important;
}
.btn-default {
color: #0071bd;
background-color: #fff;
border-color: #ccc;
border-width: 1px;
padding: 6px 24px;
line-height: 26px;
}
.btn-group>.btn-default {
line-height: 18px;
}
.btn-group-sm>.btn, .btn-sm {
padding: 2px 10px;
font-size: 12px !important;
line-height: 1.5 !important;
}
.btn-group-lg>.btn, .btn-lg {
padding-left: 16px;
padding-right: 16px;
padding-top: 10px !important;
padding-bottom: 10px!important;
font-size: 18px !important;
line-height: 1.3333333 !important;
}
/*.btn {
font-size: 15px;
line-height: 1.6;
}*/
.btn-primary,.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle {
color: #fff;
background-color: #0071bd;
}
.btn-toolbar .btn,
.btn-toolbar .btn-group,
.btn-toolbar .input-group {
/* used by summernote */
float: left;
}
.btn-group>.btn:first-child {
padding-right: 5px;
}
#topMain>li>a {
display: block;
position: relative;
padding-left: 20px;
padding-right: 20px;
}
#topMain>li>a>.badge {
margin-top: 8px;
}
#topMain .dropdown-toggle::after {
border: 0;
}
#header .badge,
#slider .badge,
#slider .page-header {
border-radius: 2px;
}
.breadcrumb>li+li:before {
padding: 0 7px 0 5px;
}
ul.nav>li>a {
display: block;
}
ul.list-group>li {
list-style: none;
}
.breadcrumb>li {
display: inline-block;
}
ul.nav.nav-pills>li {
display: inline-block;
}
ul.list-group li>a,
ul.list-group ul:not(.collapse) {
display: block;
width: 100%;
}
ul.list-group ul {
width: 100%;
}
ul.list-group li>a:after {
border: 0;
}
ul.dropdown-menu a {
display: block;
width: 100%;
}
ul.row.list-inline>li,
ul.list-unstyled.list-inline>li {
margin-right: 0;
}
.list-inline>li {
display: inline-block;
padding-right: 5px;
padding-left: 5px;
}
.badge {
padding:.3em .6em .4em;
}
pre {
font-size:13px;
}
ul.list-unstyled .dropdown-toggle::after {
border:0;
}
.card-default>.card-heading {
color: #333;
background-color: #f8f9fa;
border-color: #ddd;
}
.card-default>.card-footer {
background-color: #f8f9fa;
border-top:0;
}
.card-heading {
padding: 15px 15px;
}
.card-heading>h1,
.card-heading>h2,
.card-heading>h3,
.card-heading>h4,
.card-heading>h5,
.card-heading>h6 {
margin:0;
}
h1.card-title,
h2.card-title,
h3.card-title,
h4.card-title,
h5.card-title,
h6.card-title {
font-size:18px;
font-weight:300 !important;
}
.card-title a {
display: block;
width: 100%;
}
.media-body,
.media-left,
.media-right {
display: table-cell;
vertical-align: top;
}
.media {
margin-top: 15px;
}
.dropdown-menu>li>a {
font-weight: 400;
color: #333;
}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {
color: #fff;
text-decoration: none;
background-color: #337ab7;
outline: 0;
}
.dropdown-menu .divider {
height: 1px;
margin: 9px 0;
overflow: hidden;
background-color: #e5e5e5;
padding: 0;
}
ul.pagination {
display: inline-block;
margin: 20px 0;
}
ul.pagination>li {
float: left;
}
@media (min-width: 1200px) {
.container {
width: 1087px;
max-width: 100%;
}
}
/* BS4 MISSING */
/* input group addon */
.input-group-addon {
padding: 6px 12px;
font-size: 14px;
font-weight: 400;
line-height: 1.4;
color: #555;
text-align: center;
background-color: #eee;
border: 1px solid #ccc;
border-radius: 4px;
}
.input-group>.input-group-addon {
border-radius: 2px;
border-right: 0;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
line-height: 1.8;
}
#topMain>li>a {
height:96px;
line-height:96px;
}
#topMain.nav-pills>li>a {
color:#1F262D;
font-weight:600;
background-color:transparent;
}
#topMain.nav-pills>li:hover>a,
#topMain.nav-pills>li:focus>a {
color:#1F262D;
background-color:rgba(0,0,0,0.03);
}
#topMain.nav-pills>li.active>a {
color:#687482;
}
#topMain.nav-pills>li>a.dropdown-toggle {
padding-right:30px;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
#topMain.nav-pills>li>a.dropdown-toggle:after {
display: block;
content: "\f107";
position: absolute;
top: 50%;
right: 17px;
margin: -5px 0 0;
font-family: FontAwesome;
font-size: 12px;
opacity: .3;
line-height: 1em;
border:0;
-webkit-transition: -webkit-transform .2s ease-in;
-moz-transition: -moz-transform .2s ease-in;
-ms-transition: -ms-transform .2s ease-in;
-o-transition: -o-transform .2s ease-in;
transition: transform .2s ease-in;
}
#header.bottom.dropup #topMain.nav-pills>li>a.dropdown-toggle:after {
content: "\f106";
}
#topNav .navbar-collapse {
float:right;
}
#topNav a.logo {
height:96px;
line-height:96px;
overflow:hidden;
display:inline-block;
}
@media only screen and (max-width: 1215px) {
#topMain.nav-pills>li>a {
font-size:13px;
}
}
@media only screen and (max-width: 992px) {
/* Force 60px */
#header {
height:60px !important;
}
#header #topNav a.logo {
height:60px !important;
line-height:50px !important;
}
/*#header #topNav a.logo>img {
max-height:60px !important;
}*/
#header #topNav #topMain>li>a {
height:40px !important;
line-height:40px !important;
padding-top:0;
}
#cookie-alert.d-block+#header {
margin-top: 84px !important;
/*position:relative !important;
display:block !important;*/
}
#cookie-alert{min-height:84px !important;}
#topMain>li {
border-bottom:rgba(0,0,0,0.1) 1px solid;
}
#topMain>li:last-child {
border-bottom:0;
}
#header li.search .search-box {
margin:0 !important;
position:fixed;
left:0; right:0;
top:60px !important;
width:100%;
background-color:#fff;
border-top:rgba(0,0,0,0.1) 1px solid;
}
}
h3.section-heading{
font-size:30px;font-weight:600;
}
.price-table-wrapper {
text-align: center;
margin-top: 20px;
}
.price-table-wrapper .featured-table {
box-shadow: 0px 0px 19px -3px rgba(0, 0, 0, 0.36);
}
.price-table-wrapper .pricing-table {
display: inline-grid;
border: 1px solid #C8C8C8;
border-radius: 10px;
background: white;
margin: 8px;
width: 150px;
transition: all 0.3s ease-in-out;
}
.price-table-wrapper .pricing-table__header {
padding: 10px 15px;
font-size: 16px;
color: #fff;
background: #0071bd;
border-radius: 10px 10px 0px 0px;
margin: 0px;
}
.price-table-wrapper .pricing-table.featured-table .pricing-table__header {
background: #00325c;
}
.price-table-wrapper .pricing-table__list {
padding: 10px 20px;
list-style: none;
}
.price-table-wrapper .pricing-table.featured-table .pricing-table__list {
color: #000;
font-size: 16px;
font-weight: 600;
}
.price-table-wrapper .pricing-table.featured-table .pricing-table__list li {
padding:20px;
}
.price-table-wrapper .pricing-table__list li {
font-weight:700;
height: 65px;
vertical-align: middle;
border-bottom: 1px solid #e5e5e5;
}
.price-table-wrapper .pricing-table__list li h2 {
font-size: 24px;
font-weight:600;
line-height:0.7;
}
.price-table-wrapper .pricing-table__list li span {
text-decoration: line-through;
font-size: 14px;
font-weight:600; line-height:1;
}
.price-table-wrapper .pricing-table__list li span.hint {
text-decoration: none !important;
font-size: 10px !important;
display:block;
font-weight:600; line-height:1;
margin-bottom:5px;
}
.price-table-wrapper .pricing-table__list li h2 {
margin: 0px
}
.price-table-wrapper .pricing-table__list li:last-child {
border: none;
}
.price-table-wrapper .pricing-table:hover {
box-shadow: 0px 0px 19px -3px rgba(0, 0, 0, 0.36);
}
.price-table-wrapper .pricing-table:hover .pricing-table__button {
padding-left: 0;
padding-right: 35px;
}
.price-table-wrapper .pricing-table:hover .pricing-table__button:before {
top: -80%;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
width: 100%;
}
.card-default{border-radius:5px;}
.checkbox-custom {
position: relative;
width: 16px;
height: 16px;
margin: 0;
display: inline-block;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
outline: 0;
width: 20px;
height: 20px;
}
.checkbox-custom:after {
content: '';
position: absolute;
display: block;
z-index: 1;
width: 20px;
height: 20px;
border: 1px solid #dedede;
border-radius: 2px;
}
.checkbox-custom[type=checkbox]:before {
background: #353f5a url(/assets/images/dR1TM0y.png);
background-size: 12px 10px;
background-repeat: no-repeat;
background-position: 3px 4px;
position: absolute;
left: 2px;
z-index: 2;
opacity: 0;
width: 100%;
height: 100%;
color: #ff0000;
}
.checkbox-custom[type=checkbox]:checked:before {
content: '';
position: absolute;
top: 0px;
opacity: 1;
left: 0px;
border: 1px solid #ffffff;
border-radius: 2px;
}
select.form-control:not([size]):not([multiple]) {
-webkit-appearance:none;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAGCAMAAADNLv/0AAAANlBMVEUAAAD///+ZmZmfoqiaoKydo6ueo6ucpKqdo6qdoqqeoqqdo6qdoqqdo6qco6mdo6qcoqmdo6rJSltEAAAAEHRSTlMAAQVSU5Wmrbe+1NXf5f7+fUgvXAAAAC5JREFUeNodxkkCABAMBMEhiDX4/2fJ9KULLYHlhW5C3YIwvikgThOK3kcddPU9JQ4BFWtk/ScAAAAASUVORK5CYII=) no-repeat;
background-color: #fff;
color:#a3a9b0;
background-position: center right 15px;
}
.login-modal-image{background-image:url('/assets/images/background.jpg');border-radius:8px;-webkit-border-radius:8px;background-repeat:no-repeat;background-position:center center;background-size:cover;}
#loginModal .nav-tabs {
margin: 0px -15px;
}
#loginModal .nav-tabs .nav-item {
margin-bottom: -1px;
width: 50%;
text-align: center;
}
#loginModal .nav-tabs .nav-link {
color:#fff;font-weight:600;font-size:12pt;background-color:#06558a;border:none;padding:10px 30px;border-radius:0px;
}
#loginModal .nav-tabs .nav-link.active {
color:#0071bd !important;background-color:#fff !important;
}
#loginModal .mfp-close{top: -40px; right: -6px;padding-right: 6px; text-align: right;}
@media (min-width: 576px){
.modal-dialog {
margin: 3.75rem auto !important;
}
}
.bootstrap-tagsinput{background-color:#fff;border:1px solid #ccc;box-shadow:inset 0 1px 1px rgba(0,0,0,.075);display:inline-block;padding:4px 6px;color:#555;vertical-align:middle;border-radius:4px;width:100%;line-height:22px;cursor:text}.bootstrap-tagsinput input{border:none;box-shadow:none;outline:0;background-color:transparent;padding:0 6px;margin:0;width:auto;max-width:inherit}.bootstrap-tagsinput.form-control input::-moz-placeholder{color:#777;opacity:1}.bootstrap-tagsinput.form-control input:-ms-input-placeholder{color:#777}.bootstrap-tagsinput.form-control input::-webkit-input-placeholder{color:#777}.bootstrap-tagsinput input:focus{border:none;box-shadow:none}.bootstrap-tagsinput .tag{margin-right:2px;color:#fff}.bootstrap-tagsinput .tag [data-role=remove]{margin-left:8px;cursor:pointer}.bootstrap-tagsinput .tag [data-role=remove]:after{content:"x";padding:0 2px}.bootstrap-tagsinput .tag [data-role=remove]:hover{box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05)}.bootstrap-tagsinput .tag [data-role=remove]:hover:active{box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}
.inner-page-heading{font-size:20px;font-weight:700;text-align:center;}
.inner-page-subheading{font-size:18px;text-align:center;line-height:1.3;}
.pricing-table__header.pricing-table__header-mobile{display:none;}
.join-us-section{background-color:#f7fcff;}
.join-us-section h3{font-size:22pt;font-weight:600;line-height:1.3;}
.join-us-section p{font-size:12pt;}
.join-us-section a{padding-left:100px; padding-right:100px; }
.teacher-modal-body{padding:40px;}
#loginModal .form-container,#signinPage .form-container{padding:40px 40px;margin:40px auto;}
#loginModal .form-container h2,#signinPage .form-container h2{font-size:16pt !important;font-weight:700;}
.sidenav {
height: 100%;
width: 0;
position: fixed;
z-index: 9999;
top: 0;
right: 0;
background-color: #fff;
overflow-x: hidden;
transition: 0.5s;
padding-top: 50px;
}
.sidenav a {
padding: 8px 8px 8px 32px;
text-decoration: none;
font-size: 25px;
color: #333;
display: block;
transition: 0.3s;
}
.side-nav a {
padding: 4px 25px 4px 25px;
text-decoration: none;
font-size: 14px;
color: #333;
display: block;
transition: 0.3s;
}
.side-nav button {
margin: 4px 25px 4px 25px;
max-width:200px !important;
}
.sidenav a:hover {
color: #aaa;
}
.sidenav .closebtn {
position: absolute;
top: 0;
right: 25px;
font-size: 36px;
margin-left: 50px;
}
.author.card{border:none;}
@media screen and (max-height: 450px) {
.sidenav {padding-top: 15px;}
.sidenav a {font-size: 12px;}
}
.dropdown-menu .container {
max-width: 100% !important;
}
@media only screen and (max-width: 768px) {
.modal-content{max-width: 90% !important;margin:auto;}
.modal-content .row{margin:auto -5px !important;}
#loginModal .form-container,#signinPage .form-container{padding:10px !important;margin:20px auto !important;}
#loginModal .form-container h2,#signinPage .form-container h2{font-size:11pt !important;font-weight:700 !important;}
.inner-page-heading{font-size:14px;}
.inner-page-subheading{font-size:13px !important;}
.price-cart-type div {padding:5px;}
.price-grid-column{padding:0px;}
.price-table-wrapper .pricing-table{margin:0px !important;width:70px !important;}
.price-table-wrapper .pricing-table__header{padding:8px 2px !important;font-size:12px !important;font-weight:700; }
.price-table-wrapper .pricing-table__list li{padding:8px !important;}
.price-table-wrapper .pricing-table__list {
padding: 6px !important;
}
.price-table-wrapper .pricing-table.featured-table .pricing-table__list {
font-size: 14px !important;
}
.price-table-wrapper .pricing-table__list li h2{font-size:18px !important;}
.price-table-wrapper .pricing-table__list li span{font-size:12px !important;}
.pricing-table__header{display:none !important;}
.pricing-table__header.pricing-table__header-mobile{display:block !important;}
.join-us-section h3{font-size:20pt !important;}
.join-us-section p{font-size:14pt !important;}
.join-us-section a{width:100% !important;padding-left:0px !important; padding-right:0px !important; }
.shop-list-options a{display:none;}
.course-list-style{display:none;}
.course-box-style.ng-hide{display:block !important;}
.curriculum-wrapper .section-header-length{width:unset !important;}
section.page-header.page-header-xs{padding:5px 0px !important;}
section.page-header.page-header-xs .row{margin-top:0px !important;}
.teacher-modal-body{padding:15px;}
}
.header-login-button{display:none;float:right;padding:10px 0px;}
@media screen and (max-width: 992px) {
.header-login-button {display:block !important;}
.header-login-button a{padding:6px 15px !important;}
}