/* template.css v1.0 */

/* ==========================================================================

   Main Template Core Stylesheet.
   Contains most important styles of the template.

   DO NOT MODIFY IT!! It will probably get updated and your work might get overwritten.

   ========================================================================== */

/* Basic Styles */
html, body {font-size: 100%; height:100%; }
ul, ol { padding: 0; margin: 0 0 10px 25px; }
ul ul, ul ol, ol ol, ol ul { margin-bottom: 0; }
li { line-height: 1.4; }
dl { margin-bottom: 20px; }
dt, dd { line-height: 1.4; }
dt { font-weight: bold; }
dd { margin-left: 10px; }
h1,h2,h3,h4,h5,h6,hgroup,
ul,ol,dd,
p,figure,
pre,table,fieldset,hr {
    margin-bottom:20px;
}
/* Pace Progress bar & Page Preloader */
.pace { -webkit-pointer-events: none; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; }
.pace-inactive { display: none; }
.pace .pace-progress { background: #ad0404; position: fixed; z-index: 2000; top: 0; left: 0; height: 2px;
-webkit-transition: width 1s; -moz-transition: width 1s; -o-transition: width 1s; transition: width 1s; }
.pace .pace-progress-inner { display: block; position: absolute; right: 0px; width: 100px; height: 100%; box-shadow: 0 0 10px #ad0404, 0 0 5px #ad0404; opacity: 1.0;
-webkit-transform: rotate(3deg) translate(0px, -4px); -moz-transform: rotate(3deg) translate(0px, -4px); -ms-transform: rotate(3deg) translate(0px, -4px); -o-transform: rotate(3deg) translate(0px, -4px); transform: rotate(3deg) translate(0px, -4px);}
.pace .pace-activity { display: block; position: fixed; z-index: 2000; top: 15px; right: 15px; width: 14px; height: 14px; border: solid 2px transparent; border-top-color: #ad0404; border-left-color: #ad0404; border-radius: 10px; display: none; -webkit-animation: pace-spinner 400ms linear infinite; -moz-animation: pace-spinner 400ms linear infinite; -ms-animation: pace-spinner 400ms linear infinite; -o-animation: pace-spinner 400ms linear infinite; animation: pace-spinner 400ms linear infinite; }
@media (max-width: 767px) {.pace .pace-activity {right: auto; left:120px;} }
@-webkit-keyframes pace-spinner {0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }}@-moz-keyframes pace-spinner {0% { -moz-transform: rotate(0deg); transform: rotate(0deg); }100% { -moz-transform: rotate(360deg); transform: rotate(360deg); }}@-o-keyframes pace-spinner {0% { -o-transform: rotate(0deg); transform: rotate(0deg); }100% { -o-transform: rotate(360deg); transform: rotate(360deg); }}@-ms-keyframes pace-spinner {0% { -ms-transform: rotate(0deg); transform: rotate(0deg); }100% { -ms-transform: rotate(360deg); transform: rotate(360deg); }}@keyframes pace-spinner {0% { transform: rotate(0deg); transform: rotate(0deg); }100% { transform: rotate(360deg); transform: rotate(360deg); }}
/* Loader */
.loader {position: fixed; left: 0; top: 0; bottom: 0; right: 0; background: rgba(255, 255, 255, 0.95); z-index: 1999; -webkit-transition:opacity .2s ease; transition:opacity .2s ease;}
.loader.hideit {opacity:0;}
.pace-done .loader {opacity:0; display:none;}
.loader svg {position: absolute;left: 50%;top: 50%;width: 50px;height: 50px;margin: -20px 0 0 -20px; -webkit-animation: pace-spinner 400ms linear infinite; -moz-animation: pace-spinner 400ms linear infinite; -ms-animation: pace-spinner 400ms linear infinite; -o-animation: pace-spinner 400ms linear infinite; animation: pace-spinner 400ms linear infinite;}
.loader svg path { fill: #ad0404; }

/* Begin Site Styles */
body {font-size: 13px; line-height: 1.6; font-family: 'Open Sans', sans-serif; background-color:#1A1C25;} /* background body color is the last bottom element's bottom bg color */

::selection {
	background: #ad0404; /* Safari */
	color: #FFFFFF;
}
::-moz-selection {
	background: #ad0404; /* Firefox */
	color: #FFFFFF;
}

.clearfix {*zoom: 1;}
.clearfix::before, .clearfix::after {display: table; line-height: 0; content: ""; }
.clearfix::after { clear: both; }

/* Boxed Layout */
body.boxed-layout #page-wrapper {margin:0 auto;}
body.boxed-layout.boxed-shadow #page-wrapper {box-shadow: 0 0 20px rgba(0, 0, 0, 0.1)}
@media (min-width: 1200px){	body.boxed-layout #page-wrapper {max-width: 1170px;} }
@media (min-width: 992px) and (max-width: 1199px){ body.boxed-layout #page-wrapper {max-width: 970px;} }
@media (min-width: 768px) and (max-width: 991px){ body.boxed-layout #page-wrapper {max-width: 750px;} }

#page-wrapper,
#page-wrapper #main {background-color:#fff;}

.custombg-gray #page-wrapper,
.custombg-gray #page-wrapper #main {background-color:#f2f3f4;}

a {color:#2a83ed;}
a:hover {color:#111;}
a:focus {text-decoration: none;}

.sourcesans { font-family: "Source Sans Pro", "Open Sans", sans-serif; }

h1, h2, h3, h4, h5, h6 { font-family: inherit; font-weight: normal; line-height: 1.6; color: inherit; text-rendering: optimizelegibility; color:#45474d; margin-top: 0;}
h1 { font-size: 38px; letter-spacing: -1px; line-height: 1.3;}
h2 { font-size: 32px; letter-spacing: -1px; line-height: 1.3;}
h3 { font-size: 24px; letter-spacing: -1px; line-height: 1.3;}
h4 { font-size: 18px; }
h5 { font-size: 14px; }
h6 { font-size: 12px; }
iframe, embed, object {max-width: 100%; }
label {font-weight: 600;}

.separator {background: #E8E8E8; height: 1px; width: 100%; margin: 0 auto 20px; display: block;}
.roundcorners {border-radius: 3px;}
.ov-hidden {overflow:hidden;}

/* Assure no X overflow is happening in fluid container */
.container-fluid.no-pad-cols .row {margin-left: 0; margin-right: 0;}
.container-fluid.no-pad-cols,
.container-fluid.no-pad-cols > .row > div[class*="col-sm-"] {padding-left: 0; padding-right: 0;}

/* Force Blocks to align on center */
.force_blocks_center {text-align: center;}
.force_blocks_center > *:not(.clearfix) {display:inline-block !important; float:none !important;}

/* Fluid Container with normal width support */
/* Does not work with nesting columns, so basically can be used only for first level of grid columns */
.col-normal { position: relative; min-height: 1px; margin-left: -15px; margin-right: -15px; -webkit-transition:padding .2s ease-out; transition:padding .2s ease-out;}
html:not(.js) .col-normal {margin:0;}

/* five columns */
.col-xs-five, .col-sm-five, .col-md-five, .col-lg-five {position: relative; min-height: 1px;padding-left: 15px;padding-right: 15px; float:left; width:20%;}

/* Justified blocks */
.justified-blocks {text-align: justify; -ms-text-justify: distribute-all-lines; text-justify: distribute-all-lines;}
.justified-blocks .jsf-block {display:inline-block; zoom: 1}
.justified-blocks .jsf-stretch { width: 100%; display: inline-block; font-size: 0; line-height: 0 }

.chromeframe {margin: 0.2em 0;background: #ccc;color: #000;padding: 0.2em 0;}

/* btn overrides */
.btn {border-radius: 2px;}
.btn:focus {outline:none !important;}
.btn.btn-vs { font-weight:700; font-size:14px; text-transform: uppercase; border:none; padding: 12px 20px;}
.btn.btn-vs > .vs-icon { margin-right: 10px; margin-left: 0; vertical-align: middle;}
.btn.btn-vs > span + .vs-icon {margin-right: 0; margin-left:10px;}
.btn.btn-vs > span + .vs-icon,
.btn.btn-vs > .vs-icon + span {vertical-align: middle;}
.btn.btn-rounded,
.btn.btn-rounded.btn-lined {border-radius: 60px;}
/* btn padding variations */
.btn.mid-padding {padding: 15px 30px; line-height:1;}
.btn.big-padding {padding: 20px 40px; line-height:1;}
.btn.long-padding {padding-left: 40px; padding-right:40px;}
/* btn color variations */
.btn.btn-custom { background-color: #ad0404; color:#fff; }
.btn.btn-custom:hover { background-image: url(../images/transparent_png/black10.png); color:#fff; }
.btn.btn-black { background-color: #23262d; color:#fff; }
.btn.btn-black:hover { background-color: #000; color:#fff; }
.btn.btn-darkblue { background-color: #393b43; color:#fff; }
.btn.btn-darkblue:hover { background-image: url(../images/transparent_png/black10.png); color:#fff; }
.btn.btn-darkgray { background-color: #414141; color:#fff; }
.btn.btn-darkgray:hover { background-image: url(../images/transparent_png/black10.png); color:#fff; }
.btn.btn-lightblue { background-color: #388BEE; color:#fff; }
.btn.btn-lightblue:hover { background-image: url(../images/transparent_png/black10.png); color:#fff; }
.btn.btn-lightgreen { background-color: #9ed347; color:#fff; }
.btn.btn-lightgreen:hover { background-image: url(../images/transparent_png/black10.png); color:#fff; }
.btn.btn-lightgray { background-color: #C1C1C1; color:#fff; }
.btn.btn-lightgray:hover { background-image: url(../images/transparent_png/black10.png); color:#45474d; }
.btn.btn-purple:hover { background-image: url(../images/transparent_png/black10.png); color:#45474d; }
.btn.btn-white { background-color: #fff; color:#ad0404; box-shadow: 0 1px 0 rgba(0,0,0,.07); }
.btn.btn-white:hover { color:#ad0404;  box-shadow: 0 2px 1px rgba(0,0,0,.07); }
.btn.btn-gray { background-color: #6e6e6e; color:#fff; }
.btn.btn-gray:hover { background-image: url(../images/transparent_png/black10.png); }
/* other colors */
.btn.btn-blue {background:#33d1ed; color:#fff;}
.btn.btn-blue2 {background:#50c0fb; color:#fff;}
.btn.btn-yummyblue {background:#0096ff; color:#fff;}
.btn.btn-yummyblue:hover {background-image: url(../images/transparent_png/black10.png); color:#fff;}
.btn.btn-red {background:#fe4641; color:#fff;}
.btn.btn-purple {background:#c06fcc; color:#fff;}
.btn.btn-pink {background:#f3749b; color:#fff;}
.btn.btn-yellow {background:#f2d429; color:#393b43;}
.btn.btn-orange {background:#ef8a53; color:#fff;}
.btn.btn-turquoise {background:#2bcdc1; color:#fff;}
.btn.btn-green {background:#1abc9c; color:#fff;}
.btn.btn-blue:hover,
.btn.btn-purple:hover,
.btn.btn-pink:hover,
.btn.btn-yellow:hover,
.btn.btn-orange:hover,
.btn.btn-turquoise:hover,
.btn.btn-green:hover { background-image: url(../images/transparent_png/black10.png); color:#fff; }
.btn.btn-yellow:hover {color:#393b43;}

/* lined btn style */
.btn.btn-lined {border:2px solid rgba(255,255,255,0.9); color:#fff; border-radius:3px; -webkit-transition: border 0.15s ease-out, color 0.15s ease-out, background 0.15s ease-out, opacity 0.15s ease-out; transition: border 0.15s ease-out, color 0.15s ease-out, background 0.15s ease-out, opacity 0.15s ease-out;}
.hs--light .site-header.sticked .btn.btn-lined:not(.btn-custom) {border-color:rgba(0,0,0,0.2); color:rgba(0,0,0,.4);}
body .btn.btn-lined { background-color:transparent;}
.btn.btn-lined:hover { opacity:.8;}
.btn.btn-lined.thin-border {border-width: 1px;}
.btn.btn-lined.dark {background: transparent; color:#111; border:2px solid rgba(0,0,0,0.9); }
.btn.btn-lined.full {background: #fff; color:#ad0404;}
.btn.btn-lined.inverted:hover {color:#000; background:#fff; border-color:transparent; opacity:1;}


/* Ghost Button custom color */
.btn.btn-lined.btn-custom {border-color:#ad0404; color:#ad0404;}
.btn.btn-lined.btn-custom.inverted:hover {color:#fff; background:#ad0404; border-color:transparent; opacity:1;}
/* Lined button with hover custom border */
.btn.btn-lined.btn-hoverline:hover {border-color:#ad0404; opacity: 1;}

/* 3d btn */
.btn.btn3d {box-shadow:inset 0 -3px 0 rgba(0, 0, 0, 0.07);}
/* fullwidth btn */
.btn.btn-fullwidth {width:100%;}
/* Arrow after text in btn */
.btn.after-arrow {position:relative; -webkit-transition: all .15s ease-out; transition: all .15s ease-out; }
.btn.after-arrow::after { font-family: 'icomoon'; content: "\e604"; position:absolute; top:50%; right: 25px; width: 12px; height: 12px; line-height: 12px; font-size: 21px;  margin-top: -7px; opacity:0; -webkit-transition: all .15s ease-out; transition: all .15s ease-out;}
.btn.after-arrow:hover {padding-right: 40px !important;padding-left: 20px !important; position:relative;}
.btn.after-arrow.big-padding:hover {padding-right: 50px !important; padding-left: 30px !important;}
.btn.after-arrow:hover::after {opacity:1; right: 20px;}

/* form control override */
.form-control:focus { border-color: #A5A5A5; box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(104, 104, 104, 0.6); }

/*fancy-list - style for unordered lists */
ul.fancy-list,
ul.fancy-list ul {padding:0; list-style:none; color:#888888}
ul.fancy-list ul { margin-top: 10px; }
ul.fancy-list li {border-top:1px solid #e6e6e6; line-height:1.4; padding: 12px 0;}
ul.fancy-list li:first-child {border-top:0; }
ul.fancy-list[data-columns="2"] li:nth-child(2) {border-top: 0;}
ul.fancy-list li::before {font-family: 'icomoon'; content:'\e007'; color:#ad0404; font-size: 12px;  margin-right: 15px;}
ul.fancy-list.pluses li::before { content: '+'; font-size: 16px; font-family: 'Open Sans', Arial, sans-serif; opacity: .8; font-weight: 700;}
ul.fancy-list li a { font-size:13px; color:#45474d; text-decoration:none; line-height:1.6; display:block;  position:relative;}
ul.fancy-list li a:hover { color:#ad0404; }
ul.fancy-list.right-icon li a::after {font-family: 'icomoon'; content:'\e007'; color:#ad0404; font-size: 11px; line-height:1;  margin-right: 0px; position:absolute; right:0; top:50%; margin-top:-5px;}
ul.fancy-list.right-icon li::before,
ul.fancy-list.right-icon.pluses li::before {display:none;}

/*dash-list - style for unordered lists */
ul.dash-list,
ul.dash-list ul {padding:0; list-style:none;}
ul.dash-list ul { margin-top: 10px; margin-bottom: 5px;}
ul.dash-list li {line-height: 1.6; padding: 4px 0;}
ul.dash-list li::before {content:''; display:inline-block; margin-right: 12px; width:8px; height:2px; background:#ad0404; vertical-align: middle;}

/* Dots list */
.dots-list,
.dots-list ul {padding:0; list-style: none; margin:0;}
.dots-list ul { margin-top: 3px; margin-bottom: 3px; margin-left: 5px;}
.dots-list li { padding-left:10px; color:#888888; line-height:1.7; }
.dots-list li::before { content: "•"; color: #ad0404; margin-left:-10px; padding-right:7px; font-size:18px; line-height:1; vertical-align:middle }


/* List columns */
ul[data-columns] {margin-left: -20px;}
ul[data-columns] {*zoom: 1;}
ul[data-columns]::before,
ul[data-columns]::after {display: table; line-height: 0; content: "";}
ul[data-columns]::after { clear: both; }
ul[data-columns] li { display: inline-block; float:left; margin-left: 20px; }
ul[data-columns="2"] li { width: -webkit-calc(50% - 20px); width: calc(50% - 20px); }
ul[data-columns="3"] li { width: -webkit-calc(33.3333% - 20px); width: calc(33.3333% - 20px); }
ul[data-columns="4"] li { width: -webkit-calc(25% - 20px); width: calc(25% - 20px); }
ul[data-columns="5"] li { width: -webkit-calc(20% - 20px); width: calc(20% - 20px); }
ul[data-columns="6"] li { width: -webkit-calc(16.6666% - 20px); width: calc(16.6666% - 20px); }
ul[data-columns="7"] li { width: -webkit-calc(14.2857% - 20px); width: calc(14.2857% - 20px); }
ul[data-columns="8"] li { width: -webkit-calc(12.5% - 20px); width: calc(12.5% - 20px); }
ul[data-columns="9"] li { width: -webkit-calc(11.1111% - 20px); width: calc(11.1111% - 20px); }
ul[data-columns="10"] li { width: -webkit-calc(10% - 20px); width: calc(10% - 20px); }

/* hovered-list - style for unordered lists */
ul.hovered-list,
ul.hovered-list ul {padding:0; list-style:none; color:#888888}
ul.hovered-list ul {margin-left:35px}
ul.hovered-list li {border-bottom:1px solid #ececec; line-height:1; position:relative;}
ul.hovered-list li::after {opacity:0; visibility:hidden;border-bottom:2px solid #ad0404; position:absolute; content:''; bottom:0; left:0; width:100%; height:0;}
ul.hovered-list li:hover::after {opacity:1; visibility:visible; }
ul.hovered-list li a { color:#888; text-decoration:none; font-size:14px; }
ul.hovered-list li a:hover { color:#4c4c4c; }
ul.hovered-list li .lgs {opacity:.4; float:right; vertical-align:middle;}
ul.hovered-list li:hover .lgs {opacity:1;}
ul.hovered-list li { line-height: 1.6; padding: 20px 0; display: inline-block; width: 100%;}
ul.hovered-list.small-height li {padding: 10px 0;}

/* filter-list */
.filter-list {padding:0; list-style: none; margin:0 -4px;}
.filter-list li {display:inline-block; margin:0 4px 10px; }
.filter-list li a {display:inline-block; font-size: 13px; font-weight: 600; color:#45474d; line-height: 22px; padding:0 9px; border:1px solid #eaeaeb; border-radius:2px; text-decoration:none;}
.filter-list li.active a,
.filter-list li a:hover {border-color:#ad0404; border-width:1px; box-shadow:0 0 0 1px #ad0404;}


/* ul checklist */
ul.checklist li a {border-bottom: 1px solid #ededed; padding:8px 0; }

/* popular list */
.popular-list li {border-top:1px solid #ededed; padding:10px 0;}
.popular-list li::before,
.popular-list li::after { content: ""; display: table; border-collapse: collapse; }
.popular-list li::after { clear: both; }
.popular-list li:first-child {border:0;}
.popular-list img {float:left; margin-right: 20px; max-width: 70px; border-radius: 3px;}
.popular-list a {display:block; font-size:14px; font-weight: 600; color:#45474d; margin-bottom: 10px}
.popular-list .price {font-size:14px; font-weight: 600; color:#45474d;}
.popular-list .reduced-price {font-size:12px; color:#999; margin-left:10px;}


.cutoff { position:relative;}
.cutoff::after { content: ''; height: 1px; width: 100%; padding: 0 20px; background: #F00; position: absolute; left: -8px; top: 45%; -webkit-transform: rotate(-25deg); -ms-transform: rotate(-25deg); transform: rotate(-25deg); }

/* ul.checks */
ul.checks { margin:0; padding:0; list-style: none; }
ul.checks {color:#888888;}
ul.checks li { line-height: 1.7; }
ul.checks li::before { font-family: 'icomoon'; content: "\e614"; color: #ad0404; border: 0; font-size: 10px; display: inline-block; margin-right: 15px; }


/*reset list formatting*/
.reset-list,
.reset-list ul {margin:0; padding:0; list-style: none; }

/* pageheader with colored line */
.page-header > i {font-style: normal; border-bottom:1px solid #ad0404; padding-bottom: 8px; border-radius: 0 0 0 3px;}

/* droplist - style for unordered list with dropdown functionality // js script also needed; see features-blogfolio.php */
.wrapper-droplist { text-align:left; position: relative; width: 200px; margin: 0 auto 30px; padding: 12px 15px; background: #ad0404; color: #fff; font-size:13px; border-radius: 3px; box-shadow: 0 1px 0 rgba(0,0,0,0.2); cursor: pointer; outline: none; z-index: 2; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.wrapper-droplist::after {content: ""; width: 0; height: 0; position: absolute; top: 50%; right: 15px; margin-top: -2px; border: 5px solid transparent; border-top-color: #fff;}
.wrapper-droplist .droplist {position: absolute; top: 100%; left: 0; right: 0; background: #ad0404; border-radius: 0 0 3px 3px; list-style: none; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; max-height: 0; overflow: hidden; margin-left: 0;}
.wrapper-droplist .droplist li {padding: 10px ; display: block; text-decoration: none; -webkit-transition: all 0.1s ease-out; transition: all 0.1s ease-out; font-size: 12px; background:rgba(0, 0, 0, 0.06);}
.wrapper-droplist .droplist li:last-child { border-radius: 0 0 3px 3px;}
.wrapper-droplist .droplist li:hover {background: #ad0404; }
.wrapper-droplist.active,
.wrapper-droplist:hover {background: #ad0404; }
.wrapper-droplist.active {border-radius: 3px 3px 0 0; background: #ad0404; box-shadow: none; border-bottom: none; color: white; }
.wrapper-droplist.active::after { border-top-color: rgba(255, 255, 255, 0.85); }
.wrapper-droplist.active .droplist { box-shadow: 0 5px 5px rgba(0, 0, 0, 0.3); max-height: 400px; }

/* Caroufredsel default styles */
.caroufredsel {margin: 0; position: relative; zoom: 1;}
.caroufredsel ul.slides {margin:0; padding:0; list-style: none;}
/*cfs-nav*/
 .cfs--navigation a {display: block; width: 40px; height: 40px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0; line-height: 40px; text-decoration: none; text-align: center;  cursor: pointer;  -webkit-transition: all .15s ease; transition: all .15s ease; color:#eee; color:rgba(255,255,255,0.15);}
 .cfs--prev { text-align: left; left: 10px;}
 .cfs--next { text-align: right; right: 10px;}
.bottom-nav .cfs--prev { text-align: center; left: auto; right: 30px; bottom: 0; top: auto; }
.bottom-nav .cfs--next { text-align: center; right: 0; bottom: 0; top: auto; margin: 0;}
 .cfs--navigation a::before {font-family: 'icomoon'; font-size:26px;}
 .cfs--prev::before {content: "\e178";}
 .cfs--next::before {content: "\e176";}
.stg-slim-arrows .cfs--prev::before,
.stg-slim-arrows ~ .cfs--navigation .cfs--prev::before {content: "\e006";}
.stg-slim-arrows .cfs--next::before,
.stg-slim-arrows ~ .cfs--navigation .cfs--next::before {content: "\e007";}
.stg-slimmer-arrows .cfs--prev::before,
.stg-slimmer-arrows ~ .cfs--navigation .cfs--prev::before {content: "\e605";}
.stg-slimmer-arrows .cfs--next::before,
.stg-slimmer-arrows ~ .cfs--navigation .cfs--next::before {content: "\e604";}
.stg-thin-arrows .cfs--prev::before,
.stg-thin-arrows ~ .cfs--navigation .cfs--prev::before {content: "\e636";}
.stg-thin-arrows .cfs--next::before,
.stg-thin-arrows ~ .cfs--navigation .cfs--next::before {content: "\e63e";}
.caroufredsel:hover .cfs--prev { opacity: 0.7; }
.caroufredsel:hover .cfs--next,
.caroufredsel:hover ~ .cfs--navigation .cfs--next { opacity: 0.7; }
.caroufredsel:hover .cfs--next:hover,
.caroufredsel:hover .cfs--prev:hover,
.caroufredsel:hover ~ .cfs--navigation .cfs--next:hover,
.caroufredsel:hover ~ .cfs--navigation .cfs--prev:hover { opacity: 1; }
/*cfs--pagination*/
.cfs--pagination {width: 100%; position: absolute; text-align: center; z-index: 2; left: 0; bottom: 0;}
.cfs--pagination > a {display:inline-block; width:9px; height:9px; margin: 2px 3px; background:#d9d9d9; box-shadow: none; border-radius: 50%; text-decoration: none; }
.cfs--pagination > a:hover { background: #333; background: rgba(0,0,0,0.5); }
.cfs--pagination > a.selected { background:#f4f4f4; box-shadow:0 0 0 3px #ad0404; width:8px; height:8px; margin: 3px 4px; }
/*cfs slides (only show first)*/
.caroufredsel ul.slides > li {display:block; float:left; position: relative; /*height: 100%;*/}
.caroufredsel > ul.slides > li:not(:first-child) {display:none;}
/* caroufredsel hoverstyle */
.stl-hoverstyle .cfs--navigation a {width:76px; height:70px; color:#fff; line-height: 70px; text-align: center; opacity: 0.7;margin: -35px 0 0;}
.stl-hoverstyle:hover .cfs--navigation a {width:76px; height:70px; color:#fff; line-height: 70px; text-align: center; opacity: 1;}
.stl-hoverstyle .cfs--navigation a:before {font-size:38px;}
.stl-hoverstyle .cfs--prev {left:0; border-radius: 0 3px 3px 0;}
.stl-hoverstyle .cfs--next {right:0; border-radius: 3px 0 0 3px;}
.stl-hoverstyle .cfs--navigation a:hover {background-color:#ad0404;}
/* Swipe cursors for webkit enviroment */
.stl-swiper .caroufredsel_wrapper {cursor: -webkit-grab !important;}
.stl-swiper .caroufredsel_wrapper:active {cursor: -webkit-grabbing !important;}

.caroufredsel ul.slides .abs-center-icon {display: block;}

/*** Website Content styles ************/

/* header height */
.site-header .main-header,
.site-logo,
.search-block,
.site-main-nav .mobilenav-icon,
.right-nav > li {height: 110px;}

/* logo image maximum height */
.site-logo .logoimg {max-height: 110px;}

/* Header and elements line-height for perfect vertical alignment */
.search-block > .times,
.site-main-nav .vs-menu:not(.sitemenu-fancy) > li > .menu-item,
.sitemenu-fancy > li,
.search-block .search > form,
.logo-colored.logo-offset .site-logo,
.site-main-nav .mobilenav-icon {line-height:110px;}

/* Header */
.top-header .social_icons {float:left;}
.vs-topmenu {float:right;}

/* social list  */
.social_icons ul,
ul.social_icons {list-style:none; margin:0; padding:0;}
.social_icons li {display:inline-block; margin-left: 10px; line-height: 40px;}
.social_icons li:first-child {margin-left: 0;}
.social_icons li a {color:#cdcdcd; text-decoration:none; line-height: 1; font-size: 16px;display: inline-block; vertical-align: middle;}
.social_icons li a:hover {color:#666;}
.social_icons a {text-decoration: none;}
.social_icons.socialstyles-extra li {margin:0; float: left;}
.social_icons.socialstyles-extra li a { font-size:14px; color: rgba(255, 255, 255, 0.5); padding: 15px; border: 1px solid rgba(255, 255, 255, 0.2); border-left-width:0;}
.social_icons.socialstyles-extra li a:hover { color: rgba(255, 255, 255, 0.7); }
.social_icons.socialstyles-extra li:first-child a {border-left-width:1px;}

/* top header menu */
.vs-topmenu {list-style:none; margin:0; padding:0; text-align:right; line-height: 40px;}
.vs-topmenu > li {display:inline-block; margin-left: 15px; padding-left: 15px; position:relative; text-align:start; float: left;}
.vs-topmenu > li::before {content:''; position:absolute; left:0; top:50%; margin-top:-6px; width: 1px; background: rgba(0, 0, 0, 0.15); height:12px; }
.vs-topmenu .topmenu-item {font-size:12px; text-decoration:none; color:rgba(0, 0, 0, 0.45); font-weight:400; line-height: 40px; display: block; }
.vs-topmenu .topmenu-item:hover,
.vs-topmenu > li:hover .topmenu-item {color:rgba(0, 0, 0, 0.75);}
/* Topheader on dark styles */
.th--dark .vs-topmenu .topmenu-item {color:rgba(255, 255, 255, 0.5); }
.th--dark .vs-topmenu .topmenu-item:not(.language-selector):hover {color:rgba(255, 255, 255, 0.8);}
.th--dark .vs-topmenu > li::before {background: rgba(255, 255, 255, 0.1);}


/* top header's menu topmenu-subpanels */
.topmenu-subpanel { position: absolute; left: -15px; width: auto; min-width: 310px; height: auto; margin-left: -22px; z-index: 999; margin-top: -80px; padding-top: 0; opacity:0; visibility:hidden;}
.vs-topmenu li:hover .topmenu-subpanel,
.vs-topmenu li a:hover + .topmenu-subpanel { opacity:1; visibility:visible; margin-top: -60px; }
.vs-topmenu > li:hover > a {position: relative; z-index: 9999;}
.vs-topmenu:hover > li > a:before {content:''; position:absolute; width:100%; height:100%; z-index:10000; left:0; top:0; display:block;}
.topmenu--panel { background: rgba(255, 255, 255, 0.96); border-radius: 2px; border: 1px solid #E2E2E2; padding: 55px 25px 25px; list-style: none; box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); position:relative; }
.topmenu--panel > li {text-align:left; line-height: 1;margin: 0;}
.topmenu--panel > li > a {display:block; color: #929292;line-height: 1;font-weight: 400;font-size: 11px;vertical-align: top;padding: 5px 0 4px;border-top: 1px solid rgba(0, 0, 0, 0.06);}
.topmenu--panel > li > a:hover { color: #1B1B1B;}
.topmenu--panel > li:first-child > a {border-top: 0;}

/* Language Selector */
.language-selector .vs-img {margin-right: 5px; display: inline-block; }
.language-selector .vs-img img { display: block; }
.language-selector ~ .topmenu-subpanel {min-width: 160px;}
.topmenu--panel.language-panel li a {padding:8px 0;text-decoration: none;}
.topmenu--panel.language-panel::before {right:75px; }
.topmenu--panel.language-panel .flag-img { float:right; margin:0; vertical-align: top; opacity:.7; }
.topmenu--panel.language-panel a:hover .flag-img { opacity:1;}

/* cleanups */
.site-header .vs-topmenu > li:first-child {margin-left: 0; padding-left: 0; }
.site-header .vs-topmenu > li:first-child::before {display:none}

/* main header which contains logo navigation and search */
.mh--dark .main-header {background:#262932;}
.mh--light .main-header {background:#FFF;}

/* Right Nav In MainHeader */
.main-header .right-nav {float:right; margin-left:20px; display: table;}
.main-header .right-nav:not(.rn--inside) {margin-right:40px; margin-left: 0; opacity:0; visibility: hidden; -webkit-transition:opacity .3s ease-out; transition:opacity .3s ease-out;}
.pace-done .right-nav:not(.rn--inside) {opacity:1; visibility: visible;}
.right-nav > li {display: table-cell; padding: 0 13px; vertical-align: middle;}
.right-nav > li:only-child {padding-right:0;}
.right-nav.rn--inside .searchbtn-holder {z-index: 9;}

.main-header .right-nav:not(.rn--inside) {position: absolute; right: 0; z-index: 1}

/* logo styles */
.logo-container {display:table; float: left;}
.logo-container.centered {float:none; margin:0 auto;}
.main-header > .logo-container {margin-left:70px;}
.site-logo {margin:0; padding:0; line-height:1; display: table-cell; vertical-align: middle;position: relative; overflow: hidden; }
.site-logo .logoimg {margin: auto; display: block; transition: opacity .3s; opacity: 1; transition-delay: .2s;}
.site-header.sticked .site-logo .logoimg { opacity:0; transition-delay: 0; transition-duration: 0; }
.site-logo .logosticky { position: absolute; top: 100%; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); opacity: 1; visibility: visible; transition: all .1s;}
.site-header.sticked .site-logo .logosticky { opacity:1; visibility:visible; top: 50%; transition-duration: 0.3s; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); transition-delay: .2s; }
.site-header.sticked .logo-offset.logo-colored .logosticky { right:10px; }

/* Logo Options */
.logo-colored .site-logo { background-color:#ad0404; padding: 0 20px; }
.logo-colored.logo-offset .site-logo { margin-left: -1000px; padding-left: 1040px; display: block; text-align: center; padding-right: 40px; }
.logo-colored.logo-offset .site-logo .logoimg {display:inline; }

/* Logo with InfoCard on Hover */
.logo-container {position:relative;}
.infocard,
.infocard a { color:rgba(255,255,255,.4);}
.infocard {position:absolute; top:100%; width: 510px; display:block; visibility:hidden; opacity:0; -webkit-transition: opacity 0.2s ease-out, margin-top 0.2s ease-out; transition: opacity 0.2s ease-out, margin-top 0.2s ease-out; z-index: 99; left: -3999px; margin-top:30px; }
.logo-container:hover .infocard { visibility:visible; opacity:1; margin-top: 0; left: 0; padding-top: 15px;}
.infocard .contact-details strong {color:rgba(255,255,255,.7);}
.infocard .contact-details a:hover {text-decoration: none;}
.infocard .lined-link {display:inline-block; border:1px solid rgba(255,255,255,.17); color:rgba(255,255,255,.7); padding:5px 9px; font-weight:600; border-radius:3px}
.infocard .lined-link:hover {border-color:rgba(255,255,255,.3); text-decoration: none;}
.infocard .ic-side {padding: 40px 25px;min-height: 240px;}
.infocard .ic-left {float:left; width: 44.5%; background: #15171e; border-radius: 3px 0 0 3px;}
.infocard .ic-right {float:left; width: 55.5%; background: #1a1c25; padding: 30px 35px; border-radius: 0 3px 3px 0;}
.infocard p:last-child {margin-bottom: 0;}
.infocard .ic-right > div:not(:only-child) {margin-bottom: 20px;}
.infocard .ic-right > div:last-child {margin-bottom: 0;}
.infocard .social_icons a,
.infocard .social_icons li {line-height:14px;}
.infocard .social_icons a,
.th--dark .site-header .social_icons a {color:rgba(255,255,255,.25);}
.infocard .social_icons a:hover,
.th--dark .site-header .social_icons a:hover {color:rgba(255,255,255,.4);}
.infocard .ic-intro {font-size: 13px; text-align: center; }
.infocard .ic-intro img {margin: 10px 0;}
@media (max-width: 767px) {
	.infocard {display:none;}
}


/* search block */
.search-block {width: 100%; display: none; }
.search-block .search { position: absolute; left: 0; top: 0; right: 0; z-index: 3; width: 100%; height: 100%;}
.search-block .search > form {width: 100%; margin-bottom: 0; padding-bottom: 0;  display: table;}
.search-block form > .vs-icon { font-size:22px; color:#dedede; display: inline-block; margin-right: 20px; display: table-cell;}
.vs-search-input { border: 0; height: 55px; line-height: 55px; background: none; width: 100%; font-size: 28px; outline: none; color: #fff;font-weight: 300; color:#ad0404; display: inline-block; display: table-cell;}
/* Search Btn */
a.search_btn {font-size: 14px; }
a.search_btn:hover { text-decoration:none; }
/* Search block - when visible */
.visible-search .main-header a.search_btn {font-size: 36px;}
.visible-search .main-header a.search_btn::before {font-family: sans-serif; content:"\00d7"; }
.visible-search .main-header .search-block {display:block; position: relative;z-index: 0;}
.visible-search .main-header .site-main-nav,
.visible-search .main-header .site-logo,
.visible-search .main-header .right-nav > li:not(.searchbtn-holder) {opacity:0; visibility:hidden;}
.visible-search .main-header .right-nav {position: relative;z-index: 1;}

/* Header Icons Colors - Light */
.headericon { color:rgba(129, 129, 129, 0.6); }
.headericon:hover { color:rgba(129, 129, 129, 0.85); }
.headericon.mobilenav-icon > span,
.headericon.mobilenav-icon > span:before,
.headericon.mobilenav-icon > span:after { background:rgba(129, 129, 129, 0.6); }
.headericon.mobilenav-icon:hover > span,
.headericon.mobilenav-icon:hover > span::before,
.headericon.mobilenav-icon:hover > span::after { background:rgba(129, 129, 129, 0.85); }

/* Header Icons Colors - dark */
.mh--dark .site-header:not(.sticked) .headericon,
.header-sticky.hs--dark .sticked .headericon { color:rgba(255, 255, 255, 0.5); }
.mh--dark .site-header:not(.sticked) .headericon:hover,
.header-sticky.hs--dark .sticked .headericon:hover { color:rgba(255, 255, 255, 0.9); }
.mh--dark .site-header:not(.sticked) .headericon.mobilenav-icon > span,
.mh--dark .site-header:not(.sticked) .headericon.mobilenav-icon > span:before,
.mh--dark .site-header:not(.sticked) .headericon.mobilenav-icon > span:after,
.header-sticky.hs--dark .sticked .headericon.mobilenav-icon > span,
.header-sticky.hs--dark .sticked .headericon.mobilenav-icon > span:before,
.header-sticky.hs--dark .sticked .headericon.mobilenav-icon > span:after { background:rgba(255, 255, 255, 0.5); }
.mh--dark .site-header:not(.sticked) .headericon.mobilenav-icon:hover > span,
.mh--dark .site-header:not(.sticked) .headericon.mobilenav-icon:hover > span::before,
.mh--dark .site-header:not(.sticked) .headericon.mobilenav-icon:hover > span::after,
.mh--dark .site-header:not(.sticked) .sidemenu-opened .mobilenav-icon > span::before,
.mh--dark .site-header:not(.sticked) .sidemenu-opened .mobilenav-icon > span::after,
.header-sticky.hs--dark .sticked .headericon.mobilenav-icon:hover > span,
.header-sticky.hs--dark .sticked .headericon.mobilenav-icon:hover > span::before,
.header-sticky.hs--dark .sticked .headericon.mobilenav-icon:hover > span::after,
.header-sticky.hs--dark .sticked .sidemenu-opened .mobilenav-icon > span::before,
.header-sticky.hs--dark .sticked .sidemenu-opened .mobilenav-icon > span::after { background:rgba(255, 255, 255, 0.9); }


/* site navigation */
.site-main-nav {float:right;}

/* Main Menu styles that only apply for larger devices */
@media only screen and (min-width: 992px){
	/* Vauss Menu */
	.vs-menu,
	.vs-menu ul {margin:0; padding:0; list-style:none;}
	.vs-menu::before,
	.vs-menu::after { content: " "; display: table; }
	.vs-menu::after { clear: both; }
	.vs-menu li { position: relative; }
	.vs-menu .menu-item { display: block; position: relative;}
	.vs-menu > li { float: left; }
	.vs-menu > li > .menu-item {display:block; text-decoration:none; font-weight:600; padding:0 18px; position:relative; -webkit-transition: border 0.15s ease-out, color 0.15s ease-out, background 0.15s ease-out, opacity 0.15s ease-out; transition: border 0.15s ease-out, color 0.15s ease-out, background 0.15s ease-out, opacity 0.15s ease-out;}
	.vs-menu > li > span.menu-item {cursor:default;}
	.touch .vs-menu > li > .menu-item {-webkit-user-select: none;-webkit-touch-callout: none; }
	.vs-menu .menu-item + ul { position: absolute; top: 100%; z-index: 99;}
	.vs-menu > ul,
	.vs-menu li > ul,
	.vs-menu .vs-mega {min-width:270px; border: 0; box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1);}
	.vs-menu .menu-item + ul,
	.vs-menu .menu-item + .vs-mega {opacity:0; visibility: hidden; left:-2999px; -webkit-backface-visibility: hidden;}
	.vs-menu li li .menu-item {display:block; text-decoration:none; font-weight:400; position:relative; border-top:1px solid #333; font-size: 13px; padding:10px 0; line-height: 16px; }
	.vs-menu li li:first-child .menu-item {border-top:0; }
	.vs-menu > li > .menu-item:not(:only-child) {position:relative; padding-right:30px;}
	.vs-menu > li > .menu-item:not(:only-child)::after {position: absolute; right: 10px; top: 50%; font-family: 'icomoon'; content: "\e602"; font-size: 14px; color: #616063; color: rgba(255, 255, 255, 0.13); margin-top: 1px; line-height: 0; height: 0; }
	.vs-menu > li:hover > .menu-item:not(:only-child)::after,
	.vs-menu > li.current > .menu-item:not(:only-child)::after {color: #616063; color: rgba(255, 255, 255, 0.2); }
	.vs-menu > li li .menu-item:not(:only-child)::after {position: absolute; right: 10px; top: 50%; font-family: 'icomoon'; content: "\e604"; font-size: 14px; color: #616063; color: rgba(255, 255, 255, 0.1); margin-top: 1px; line-height: 0; height: 0; }
	.vs-menu > li li:hover .menu-item:not(:only-child)::after,
	.vs-menu > li li.current > .menu-item:not(:only-child)::after {color: #616063; color: rgba(255, 255, 255, 0.2); }
	.vs-menu ul ul {top: 0; margin-top: -10px; margin-left: 0; padding: 20px 0;}
	.vs-menu .menu-divider {height: 1px; margin: 8px 30px; padding: 0; background: rgba(0, 0, 0, 0.1);}
	/*vs-mega*/
	.vs-menu .mega-menu {position:static;}
	.vs-menu .mega-menu:hover .menu-item:not(:only-child)::before {content:''; position:absolute; left:10px; top: 100%; border:4px solid transparent; border-bottom-color: rgba(255, 255, 255, 0.1); margin-top: 17px;}
	.vs-menu .vs-mega {position: absolute; top: 100%; z-index: 99; width: -webkit-calc( 100% - 30px ); width: calc( 100% - 30px ); margin-top: 0; right: auto; margin-left: 15px;margin-right: 15px; overflow:hidden; border-radius:0 0 3px 3px; padding:17px 25px 7px;}
	.vs-menu > li > ul ,
	.vs-menu .vs-mega { padding:35px 0; }
	.vs-menu li ul,
	.vs-menu .vs-mega {-webkit-transition: opacity 0.4s cubic-bezier(0.190, 1.000, 0.220, 1.000), visibility 0.4s cubic-bezier(0.190, 1.000, 0.220, 1.000); transition: opacity 0.4s cubic-bezier(0.190, 1.000, 0.220, 1.000), visibility 0.4s cubic-bezier(0.190, 1.000, 0.220, 1.000);}
	body .vs-menu .vs-mega::before,
	body .vs-menu .vs-mega ul::before {display:none;}
	body .vs-menu .vs-mega ul {display:block; width:auto; background:none; border:0; padding:0; margin:0; box-shadow: none; }
	.vs-menu .vs-mega [data-role="title"] {font-weight: 700; font-size: 13px; margin: 0 10px 30px 35px; }
	.vs-menu .vs-mega-section:hover [data-role="title"] {color:#ad0404;}
	.vs-menu .vs-mega .vs-mega-section {float:left; border-left: 1px solid rgba(255, 255, 255, 0.1); }
	.vs-menu .vs-mega .vs-mega-section:first-child {border-left: 0; }
	.vs-menu ul li .menu-item,
	.vs-menu .vs-mega ul li .menu-item { border-top:0; padding: 10px 20px 10px 35px; background: none; font-weight: 600;}
	.vs-menu ul li .menu-item:hover,
	.vs-menu ul li.current > .menu-item,
	.vs-menu ul li:hover > .menu-item,
	.vs-menu .vs-mega .menu-item:hover { color: #FFF; }
	.vs-menu .vs-mega[data-columns="2"] .vs-mega-section {width:50%;}
	.vs-menu .vs-mega[data-columns="3"] .vs-mega-section {width:33.3333%;}
	.vs-menu .vs-mega[data-columns="4"] .vs-mega-section {width:25%;}
	.vs-menu .vs-mega[data-columns="5"] .vs-mega-section {width:20%;}
	/* Menu with FadeInSlideDown Effect */
	.vs-menu.stg-fadeinslidedown li ul,
	.vs-menu.stg-fadeinslidedown .vs-mega { margin-top:50px; -webkit-transition: opacity 0.4s cubic-bezier(0.190, 1.000, 0.220, 1.000), visibility 0.4s cubic-bezier(0.190, 1.000, 0.220, 1.000), margin-top 0.4s cubic-bezier(0.190, 1.000, 0.220, 1.000); transition: opacity 0.4s cubic-bezier(0.190, 1.000, 0.220, 1.000), visibility 0.4s cubic-bezier(0.190, 1.000, 0.220, 1.000), margin-top 0.4s cubic-bezier(0.190, 1.000, 0.220, 1.000);}
	/* Menu with fadeinslideright Effect */
	.vs-menu.stg-fadeinslideright li ul,
	.vs-menu.stg-fadeinslideright .vs-mega { margin-left:50px; -webkit-transition: opacity 0.4s cubic-bezier(0.190, 1.000, 0.220, 1.000), visibility 0.4s cubic-bezier(0.190, 1.000, 0.220, 1.000), margin-left 0.4s cubic-bezier(0.190, 1.000, 0.220, 1.000); transition: opacity 0.4s cubic-bezier(0.190, 1.000, 0.220, 1.000), visibility 0.4s cubic-bezier(0.190, 1.000, 0.220, 1.000), margin-left 0.4s cubic-bezier(0.190, 1.000, 0.220, 1.000);}
	.vs-menu.stg-fadeinslidedown .vs-mega ul,
	.vs-menu.stg-fadeinslideright .vs-mega ul {margin-top:0; margin-right: 0;}
	.vs-menu.stg-fadeinslidedown li:hover > ul,
	.vs-menu.stg-fadeinslidedown li > .menu-item:hover + ul,
	.vs-menu.stg-fadeinslidedown li:hover > .vs-mega,
	.vs-menu.stg-fadeinslidedown li > .menu-item:hover + .vs-mega {margin-top:-2px;}
	.vs-menu.stg-fadeinslideright li:hover > ul,
	.vs-menu.stg-fadeinslideright li > .menu-item:hover + ul,
	.vs-menu.stg-fadeinslideright li:hover > .vs-mega,
	.vs-menu.stg-fadeinslideright li > .menu-item:hover + .vs-mega {margin-left:0;}
	/* Hover Display over submenus */
	.vs-menu li:hover > ul,
	.vs-menu li > .menu-item:hover + ul,
	.vs-menu li:hover > .vs-mega,
	.vs-menu li > .menu-item:hover + .vs-mega {opacity:1; visibility: visible; left:0; }
	.vs-menu ul li:hover > ul,
	.vs-menu ul li > .menu-item:hover + ul,
	.vs-menu ul li:hover > .vs-mega,
	.vs-menu ul li > .menu-item:hover + .vs-mega { left: 100%; top: 0; }

	/* Main header light + default menu */
	.mh--light .vs-menu > li > .menu-item,
	.mh--light .vs-menu > li.current > .menu-item { color:#939292; }
	.mh--light .vs-menu > li > .menu-item:hover,
	.mh--light .vs-menu > li.current > .menu-item,
	.mh--light .vs-menu > li:hover > .menu-item { color:#383838; }
	.mh--light .vs-menu > li > .menu-item:not(:only-child)::after{color: rgba(0, 0, 0, 0.15);}
	.mh--light .vs-menu > li:hover > .menu-item:not(:only-child)::after{color: rgba(0, 0, 0, 0.4); }

	/* Main header dark + default menu */
	.mh--dark .vs-menu > li > .menu-item,
	.mh--dark .vs-menu > li.current > .menu-item { color:#dedede; }
	.mh--dark .vs-menu > li > .menu-item:hover,
	.mh--dark .vs-menu > li.current > .menu-item,
	.mh--dark .vs-menu > li:hover > .menu-item { color:#FFF; }
	.mh--dark .vs-menu > li > .menu-item:not(:only-child)::after{color: rgba(255, 255, 255, 0.15);}
	.mh--dark .vs-menu > li:hover > .menu-item:not(:only-child)::after{color: rgba(255, 255, 255, 0.4); }

	/* Fancy Menu Style - border around links, fixed height, rounded corners */
	.sitemenu-fancy {margin:0; display:table;}
	.sitemenu-fancy > li {margin-left:8px; display:table-cell; vertical-align:middle; height: 100%;}
	.sitemenu-fancy > li:first-child {margin-left:0px;}
	.sitemenu-fancy > li > .menu-item {padding-top:0; padding-left:15px; padding-bottom:0; line-height: 40px; border:1px solid transparent; border-radius: 3px; color: rgba(255, 255, 255, 0.7); margin: 0; display:inline-block; }
	.sitemenu-fancy > li > .menu-item:only-child {padding-right:15px; }
	.sitemenu-fancy > li > .menu-item:hover,
	.sitemenu-fancy > li.current > .menu-item,
	.sitemenu-fancy > li:hover > .menu-item { background-color:transparent; color:#fff; }

	/* Fancy menu style with light mainheader (but not colored) */
	.mh--light .sitemenu-fancy:not(.sitemenu-extra-colored) > li > .menu-item:hover,
	.mh--light .sitemenu-fancy:not(.sitemenu-extra-colored) > li.current > .menu-item,
	.mh--light .sitemenu-fancy:not(.sitemenu-extra-colored) > li:hover > .menu-item { background-color:transparent; color:#ad0404; }
	.mh--light .sitemenu-fancy.sitemenu-extra-border:not(.sitemenu-extra-colored) > li > .menu-item:hover,
	.mh--light .sitemenu-fancy.sitemenu-extra-border:not(.sitemenu-extra-colored) > li.current > .menu-item,
	.mh--light .sitemenu-fancy.sitemenu-extra-border:not(.sitemenu-extra-colored) > li:hover > .menu-item {border: 1px solid rgba(0, 0, 0, 0.07); }
	/* Fancy menu on dark */
	.mh--dark .sitemenu-fancy:not(.sitemenu-extra-colored) > li > .menu-item:hover,
	.mh--dark .sitemenu-fancy:not(.sitemenu-extra-colored) > li.current > .menu-item,
	.mh--dark .sitemenu-fancy:not(.sitemenu-extra-colored) > li:hover > .menu-item { background-color:transparent; color:#ad0404; }
	.mh--dark .sitemenu-fancy.sitemenu-extra-border:not(.sitemenu-extra-colored) > li > .menu-item:hover,
	.mh--dark .sitemenu-fancy.sitemenu-extra-border:not(.sitemenu-extra-colored) > li.current > .menu-item,
	.mh--dark .sitemenu-fancy.sitemenu-extra-border:not(.sitemenu-extra-colored) > li:hover > .menu-item {border: 1px solid rgba(255, 255, 255, 0.1);}
	/*.sitemenu-fancy.sitemenu-extra-border:not(.sitemenu-extra-colored) > li > .menu-item  { margin:24px 0; }*/

	/* Submenus Light */
	.sitemenu-submenu-light ul li .menu-item,
	.sitemenu-submenu-light .vs-mega ul li .menu-item {color: #707070;}
	.sitemenu-submenu-light ul,
	.sitemenu-submenu-light .vs-mega {background:#e1e1e1; border-bottom:0; }
	.sitemenu-submenu-light .menu-item + ul,
	.sitemenu-submenu-light .vs-mega { box-shadow:0 1px 1px rgba(0,0,0,0.1);}
	.sitemenu-submenu-light ul li .menu-item:hover,
	.sitemenu-submenu-light ul li.current > .menu-item,
	.sitemenu-submenu-light ul li:hover > .menu-item,
	.sitemenu-submenu-light .vs-mega .menu-item:hover { color: #080808; }
	.sitemenu-submenu-light .vs-mega .vs-mega-section  { border-left: 1px solid rgba(0, 0, 0, 0.05); }
	.sitemenu-submenu-light > li li .menu-item:not(:only-child)::after,
	.sitemenu-submenu-light > li li.current > .menu-item:not(:only-child)::after {color: rgba(0, 0, 0, 0.2); }
	.sitemenu-submenu-light .vs-mega [data-role="title"] { color: #000; }
	.sitemenu-submenu-light li .menu-item[href="#"] {color:rgba(0,0,0,.3); pointer-events:none;}

	/* Submenus Dark */
	.sitemenu-submenu-dark ul li .menu-item,
	.sitemenu-submenu-dark .vs-mega ul li .menu-item {color: #8F8F8F;}
	.sitemenu-submenu-dark ul,
	.sitemenu-submenu-dark .vs-mega {background:#1a1c25; border-bottom:0; }
	.sitemenu-submenu-dark .menu-item + ul,
	.sitemenu-submenu-dark .vs-mega { box-shadow:0 1px 1px rgba(0,0,0,0.1); }
	.sitemenu-submenu-dark ul li .menu-item:hover,
	.sitemenu-submenu-dark ul li.current > .menu-item,
	.sitemenu-submenu-dark ul li:hover > .menu-item,
	.sitemenu-submenu-dark .vs-mega .menu-item:hover { color: #FFF; }
	.sitemenu-submenu-dark .vs-mega .vs-mega-section  { border-left: 1px solid rgba(255, 255, 255, 0.1); }
	.sitemenu-submenu-dark > li li .menu-item:not(:only-child)::after,
	.sitemenu-submenu-dark > li li.current > .menu-item:not(:only-child)::after {color: rgba(255, 255, 255, 0.2); }
	.sitemenu-submenu-dark .vs-mega [data-role="title"] { color: #FFF; }
	.sitemenu-submenu-dark .menu-divider {background: rgba(255, 255, 255, 0.1);}

	/* Colored Navigation */
	.sitemenu-extra-colored > li > .menu-item { border:0; }
	.sitemenu-extra-colored > li > .menu-item:hover,
	.sitemenu-extra-colored > li.current > .menu-item,
	.sitemenu-extra-colored > li:hover > .menu-item {color:#fff; background:#ad0404; border:0; }
	.mh--light .sitemenu-extra-colored > li > .menu-item:hover,
	.mh--light .sitemenu-extra-colored > li:hover > .menu-item,
	.mh--light .sitemenu-extra-colored > li.current > .menu-item {color: #fff;}

	/* Navigation Strong */
	.sitemenu-extra-strong > li > .menu-item,
	.site-header.sticked .vs-menu > li > .menu-item  {text-transform: uppercase; font-weight: 700;}
	/* Navigation - No arrows */
	.sitemenu-extra-no-arrows > li > .menu-item:not(:only-child),
	.site-header.sticked .vs-menu > li > .menu-item:not(:only-child)  {padding: 0 18px;}
	.sitemenu-extra-no-arrows > li > .menu-item:not(:only-child)::before,
	.sitemenu-extra-no-arrows > li > .menu-item:not(:only-child)::after,
	.site-header.sticked .vs-menu > li > .menu-item:not(:only-child)::before,
	.site-header.sticked .vs-menu > li > .menu-item:not(:only-child)::after  {display:none;}

	.vs-menu.sitemenu-extra-no-arrows:not(.sitemenu-fancy):not(.sitemenu-extra-colored) > li:first-child > .menu-item {padding-left: 0;}
	.vs-menu.sitemenu-extra-no-arrows:not(.sitemenu-fancy):not(.sitemenu-extra-colored) > li:last-child > .menu-item {padding-right: 0;}
}

.vs-menu ul .unpublished[href="#"] {color:rgba(255,255,255,.3) !important; pointer-events:none; display: block;}
.sitemenu-submenu-light ul .unpublished[href="#"] {color:rgba(0,0,0,.3) !important;}
.vs-menu .coming-soon,
.vs-menu .new-stuff {float: right; color: #FFF; background: #ad0404; padding: 0 4px; line-height: 1.6; border-radius: 2px; font-weight: 400;}
.vs-menu .new-stuff {font-size: 11px;}

/* Site Mobile Navigation */
.site-mobile-nav {width: 80%; position: fixed; top: 0; left: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); height: 100%; z-index: 999; background: #1A1C25; color: #FFF; transition: -webkit-transform 0.25s ease-out; transition: transform 0.25s ease-out; overflow: hidden; overflow-y: auto; padding: 30px 20px 0 30px;}
body.mm-opened {overflow-x:hidden;}
.mm-opened .site-mobile-nav {left: 0; -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0);}
.mm-opened #page-wrapper,
.mm-opened .fixedNscrolled > div {-webkit-transform:translate3d(80%, 0, 0);transform:translate3d(80%, 0, 0);}
.site-mobile-nav .menu-item,
.site-mobile-nav .s-panel--close {color:#fff; opacity:.5; display: inline-block; }
.site-mobile-nav .menu-item::before {content:'\2014'; padding-right: 5px; opacity: 0.35;}
.site-mobile-nav .current > .menu-item,
.site-mobile-nav .menu-item:hover,
.site-mobile-nav .s-panel--close:hover {opacity:1; text-decoration: none;}
.site-mobile-nav .vs-menu {list-style: none; margin:0; padding: 0; display: none;}
.site-mobile-nav .vs-menu ul {list-style: none; margin: 0 0 0 18px; padding: 0;}
.site-mobile-nav .vs-menu li,
.site-mobile-nav .vs-menu li .menu-item:not(:only-child) {margin-bottom: 10px;}
.site-mobile-nav [data-role="title"] {font-size:14px; color:#fff; margin-bottom: 20px; font-weight: 700; opacity: .3; margin-bottom: 5px; margin-left: 18px;}

/* Top-header - bottom border */
.th---extra-border .top-header .container { position:relative;}
.th---extra-border .top-header .container::before {position: absolute;width: 100%;margin: 0 15px;height: 0;border-bottom: 1px solid rgba(0,0,0,0.07); left: 0; bottom: 0;}
.th---extra-border.th--dark .top-header .container::before { border-bottom: 1px solid rgba(255,255,255,0.1); }
.th---extra-border.th--light .top-header .container::before { border-bottom: 1px solid rgba(0,0,0,0.1); }
.th---extra-border.th----extra-full .top-header { position:relative; }
.th---extra-border.th----extra-full .top-header .container { position:static; }
.th---extra-border.th----extra-full .top-header .container::before { margin:0 }
/*.th--light.mh--dark.th---extra-border .top-header .container::before,
.th--dark.mh--light.th---extra-border .top-header .container::before { border-bottom: 0; }*/

/* Top Header (default and light) */
.th--light .site-header .top-header {background: #FFF;}

/* Top Header - dark */
.th--dark .top-header {background: #262932;}
.th--dark .social_icons ul li .menu-item {color: rgba(255,255,255,.3);}
.th--dark .social_icons ul li .menu-item:hover {color: rgba(255,255,255,.8);}
.th--dark .vs-topmenu > li > div > .menu-item:hover,
.th--dark .vs-topmenu > li > div > .menu-item:hover > span,
.th--dark .vs-topmenu > li > .menu-item:hover {color: rgba(255,255,255,.8);}
/*.th--dark.mh--dark .site-header:not(.sticked) .main-header {background: #383b47;}*/
.th--dark.mh--dark ~ #page-header {background: #383b47;}

/*Default site header*/
.site-header {position:relative; z-index: 2;}

/* main header sticked - to use it, simply add the class "sticky-header" to body tag of each page */
.site-header + .header-helper {display: none;}
.header-sticky .site-header { position: fixed; width: 100%; top: 0; left: 0; -webkit-transition: margin-top .4s cubic-bezier(0.190, 1.000, 0.220, 1.000), opacity .4s cubic-bezier(0.190, 1.000, 0.220, 1.000), margin-left 0.25s ease-out; transition:margin-top .4s cubic-bezier(0.190, 1.000, 0.220, 1.000), opacity .4s cubic-bezier(0.190, 1.000, 0.220, 1.000), margin-left 0.25s ease-out; z-index:2;}
.csstransforms .header-sticky:not(.hs--always) .site-header {-webkit-transition: -webkit-transform .4s cubic-bezier(0.190, 1.000, 0.220, 1.000), opacity .4s cubic-bezier(0.190, 1.000, 0.220, 1.000), margin-left 0.25s ease-out; transition: transform .4s cubic-bezier(0.190, 1.000, 0.220, 1.000), opacity .4s cubic-bezier(0.190, 1.000, 1.22, 1.000), margin-left 0.25s ease-out;}
.header-sticky:not(.hs--always) .site-header.scrolling {margin-top:-60px; opacity:0; position: fixed; width:100%; }
.csstransforms .header-sticky:not(.hs--always) .site-header.scrolling {margin-top:auto; -webkit-transform: translateY(-60px); -ms-transform: translateY(-60px); transform: translateY(-60px);}
.header-sticky:not(.header-absolute) .site-header + .header-helper,
.header-sticky:not(.header-absolute) .site-header.scrolling + .header-helper {display: block;}
.header-sticky .site-header.sticked .top-header {display:none;}
.header-sticky .site-header.sticked {position: fixed; z-index: 500; width: 100%; top: 0; box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.22); margin-top:0; opacity:1;}
.csstransforms .header-sticky:not(.hs--always) .site-header.sticked { margin-top:auto; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); opacity: 1;}
.site-header.sticked .main-header,
.header-absolute .site-header.sticked .main-header {background:#fff;}
.site-header.sticked,
.site-header.sticked .main-header,
.site-header.sticked .site-logo,
.site-header.sticked .right-nav > li,
.site-header.sticked .vs-search-input,
.site-header.sticked .search-block,
.site-header.sticked .site-main-nav .mobilenav-icon {height: 60px;}
.site-header.sticked .site-main-nav .vs-menu > li > .menu-item,
.site-header.sticked .vs-search-input,
.site-header.sticked .search > form,
.site-header.sticked .sitemenu-fancy > li,
.site-header.sticked .site-main-nav .mobilenav-icon {line-height: 60px;}
.site-header.sticked .site-main-nav .vs-menu {margin:0;}
.site-header.sticked .vs-search-input{font-size: 22px;}
.site-header.sticked .site-main-nav .vs-menu > li > .menu-item {border-color: transparent; margin: 0; border-radius: 0; color: #939292;}
.site-header.sticked .site-main-nav .vs-menu > li > .menu-item:hover,
.site-header.sticked .site-main-nav .vs-menu > li.current > .menu-item,
.site-header.sticked .site-main-nav .vs-menu > li:hover > .menu-item {color:rgba(0,0,0,.8); }
.site-header.sticked .site-main-nav .vs-menu > li > .menu-item:not(:only-child)::after {color: rgba(0, 0, 0, 0.15);}
.site-header.sticked .search-block .search {top: 0;}
.site-header.sticked .right-nav li > .btn {padding-top:7px; padding-bottom: 7px;}
.header-sticky.hs--dark .sticked .main-header {background:#262932;}
.header-sticky.hs--dark .sticked .site-main-nav .vs-menu > li > .menu-item {color:rgba(255, 255, 255, 0.65); }
.header-sticky.hs--dark .sticked .site-main-nav .vs-menu > li > .menu-item:hover,
.header-sticky.hs--dark .sticked .site-main-nav .vs-menu > li.current > .menu-item,
.header-sticky.hs--dark .sticked .site-main-nav .vs-menu > li:hover > .menu-item {color:#fff; }
.header-sticky.hs--dark .sticked .site-main-nav .vs-menu > li > .menu-item:not(:only-child)::after {color: rgba(255, 255, 255, 0.15);}


/* Absolute Header */
.header-absolute .site-header {position:fixed; top:0; left:0; width:100%; z-index: 2; }
.header-absolute:not(.header-sticky) .site-header {-webkit-transition:margin-left 0.25s ease-out;transition:margin-left 0.25s ease-out;}
.header-absolute .site-header.visible-search .main-header {background:#fff; -webkit-transition:background .1s ease-out; transition:background .1s ease-out;}

/* Transparent header bars */
.th---transparent .site-header:not(.sticked) .top-header,
.mh---transparent .site-header:not(.sticked) .main-header {background-color:transparent;}

/* color scheme for transparent top-header (also dark-color)  */
.th---transparent .top-header ul > li > a,
.th---transparent .top-header ul > li > div > a {color:#cdcdcd;}
.th---transparent .top-header ul > li > a:hover,
.th---transparent .top-header ul > li > div > a:hover {color:#fff;}
.th---transparent .top-header.stg-dark-color ul > li > a,
.th---transparent .top-header.stg-dark-color ul > li > div > a {color:#323232;}
.th---transparent .top-header.stg-dark-color ul.menu > li {border-left-color:#353535;}
.th---transparent .top-header.stg-dark-color ul > li > a:hover,
.th---transparent .top-header.stg-dark-color ul > li > div > a:hover {color:#000;}
/* color scheme for transparent main-header (also dark-color)  */
.mh---transparent .site-header:not(.sticked):not(.visible-search) .headericon {color: rgba(255, 255, 255, 0.5);}
.mh---transparent .site-header:not(.sticked):not(.visible-search) .headericon:hover {color: rgba(255, 255, 255, 0.8);}
.mh---transparent .site-header:not(.sticked) .headericon.mobilenav-icon > span,
.mh---transparent .site-header:not(.sticked) .headericon.mobilenav-icon > span:before,
.mh---transparent .site-header:not(.sticked) .headericon.mobilenav-icon > span:after {background: rgba(255, 255, 255, 0.5);}
.mh---transparent.sidemenu-opened .site-header:not(.sticked) .mobilenav-icon > span::before,
.mh---transparent.sidemenu-opened .site-header:not(.sticked) .mobilenav-icon > span::after {background: rgba(255, 255, 255, 0.8);}
/* MainHeader Navigation Color on Transparent */
.mh---transparent.mh--dark .site-header:not(.sticked) .site-main-nav .vs-menu > li > .menu-item {color: rgba(255, 255, 255, 0.8); text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3); }
.mh---transparent.mh--light .site-header:not(.sticked) .site-main-nav .vs-menu > li > .menu-item {color: rgba(0, 0, 0, 0.5); text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5);}
.mh---transparent.mh--dark .site-header:not(.sticked) .site-main-nav .vs-menu > li.current > .menu-item,
.mh---transparent.mh--dark .site-header:not(.sticked) .site-main-nav .vs-menu > li:hover > .menu-item { color: #fff; }
.mh---transparent.mh--light .site-header:not(.sticked) .site-main-nav .vs-menu > li.current > .menu-item,
.mh---transparent.mh--light .site-header:not(.sticked) .site-main-nav .vs-menu > li:hover > .menu-item {color: #000; }
/* Page Slideshow */
#page-slideshow {position:relative; z-index: 0;}

/* REVOLUTION SLIDER */
.tp-banner-container,
.tp-banner-fullscreen-container {width:100%; position:relative; padding:0; background: #F5F5F5;}
.tp-banner{width:100%; position:relative; }
.tp-banner > ul {list-style: none; padding: 0; margin: 0; }
.tp-caption.fullscreenvideo iframe,
.tp-caption.fullscreenvideo iframe video {border:none; }

/* These styles are added exclusively for our demo's homepage video which has a different aspect ratio */
.custom-embed-vs-demo {position: absolute !important; padding-bottom: 56.25% !important; width: 100% !important; height: 0 !important; left: 0 !important; top: 50% !important; -webkit-transform: translateY(-50%) !important; -ms-transform: translateY(-50%) !important; transform: translateY(-50%) !important; }
.custom-embed-vs-demo > iframe {position: absolute; top: 0; left: 0; -webkit-transform:scale3d(1.05, 1.05, 1) !important; transform:scale3d(1.05, 1.05, 1) !important;}
@media (max-width: 1700px) {.custom-embed-vs-demo > iframe {-webkit-transform:scale3d(1.15, 1.15, 1) !important;transform:scale3d(1.15, 1.15, 1) !important;} }
@media (max-width: 1440px) {.custom-embed-vs-demo > iframe {-webkit-transform:scale3d(1.35, 1.35, 1) !important;transform:scale3d(1.35, 1.35, 1) !important;} }
/* end custom video embed */

/* RevS timer */
#page-slideshow .tp-bannertimer {height:2px; bottom:0px; background:rgba(255,255,255,0.4);}
/* RevS bullets */
#page-slideshow .tp-bullets.vs-style .bullet {display:inline-block; width: 8px; height: 8px; background: rgba(255,255,255,.3); margin:0 4px; border-radius: 50%; cursor:pointer; vertical-align: middle;}
#page-slideshow .tp-bullets.vs-style .bullet.selected { background: transparent; box-shadow:0 0 0 2px #fff; width: 6px; height: 6px; margin: 2px 6px; }
/* RevS Arrows */
#page-slideshow .tparrows.vs-preview { width:70px; height:70px; background:#fff; background:rgba(255,255,255,1); -webkit-transform-style: flat;	background: transparent; }
#page-slideshow .tparrows.vs-preview:after { position:absolute;  line-height: 70px;text-align: center; font-family: "revicons"; color:#aaa; font-size: 40px; top:0px; left:0px; z-index:100; width:70px; height:70px; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; transition: color 0.3s;background: rgba(0, 0, 0, 0);  opacity: .6;  color: #FFF;}
#page-slideshow .tparrows.vs-preview:hover:after { color: #FFF; background: #ad0404; opacity: 1;}
#page-slideshow .tp-rightarrow.vs-preview:after { content: '\e825'; }
#page-slideshow .tp-leftarrow.vs-preview:after { content: '\e824'; }
/* RevS hover previews */
#page-slideshow .tparrows.vs-preview .tp-arr-iwrapper {-webkit-transform: scale(0,1); transform: scale(0,1); -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-transition: -webkit-transform 0.2s; transition: transform 0.2s; z-index:0;position: absolute; background: #000; background: rgba(0,0,0,0.75); display: table; min-height: 70px; top: 0;}
#page-slideshow .tp-leftarrow.vs-preview .tp-arr-iwrapper { -webkit-transform: scale(0,1); transform: scale(0,1); -webkit-transform-origin: 0% 50%; transform-origin: 0% 50%; }
#page-slideshow .tparrows.vs-preview .tp-arr-imgholder { display:block; background-size:cover; background-position:center center; display:table-cell; min-width: 90px; height: 70px; position:relative; top:0px}
#page-slideshow .tp-rightarrow.vs-preview .tp-arr-iwrapper { right:0px; padding-right: 68px; min-height: 70px;}
#page-slideshow .tp-leftarrow.vs-preview .tp-arr-iwrapper {	left:0px; direction: rtl; padding-left:70px}
#page-slideshow .tparrows.vs-preview .tp-arr-titleholder { display:table-cell; padding:22px;font-size:16px; color:#fff; white-space: nowrap; position: relative; clear:right; vertical-align: middle;
/* delete display:none; if you want to have a visible title. */
display:none;
}
#page-slideshow .tparrows.vs-preview:hover .tp-arr-iwrapper	{-webkit-transform: scale(1,1); transform: scale(1,1); }
/* RevS Arrows Simple */
#page-slideshow .tparrows.vs-simple { width:78px; height:70px; background:#fff; background:rgba(255,255,255,.3); -webkit-transition: background 0.3s; -moz-transition: background 0.3s; transition: background 0.3s; }
#page-slideshow .tparrows.vs-simple:after { position:absolute; line-height: 70px; text-align: center; font-family: "revicons"; color:#000; font-size: 20px; top:0px; left:0px; z-index:100; width:78px; height:70px; background: transparent; }
#page-slideshow .tparrows.vs-simple:hover { background: #fff;}
#page-slideshow .tp-rightarrow.vs-simple { border-radius: 3px 0 0 3px; }
#page-slideshow .tp-leftarrow.vs-simple { border-radius: 0 3px 3px 0; }
#page-slideshow .tp-rightarrow.vs-simple:after { content: '\e825'; }
#page-slideshow .tp-leftarrow.vs-simple:after { content: '\e824'; }

#page-slideshow .vs-text { text-shadow:1px 1px rgba(0,0,0,0.2); }

/* Vauss Caption style for Revolution Slider */
.tp-price-circle {background: #ad0404; color:#fff; border-radius: 50%; width:110px; height: 110px; text-align: center; line-height: 110px;  font-weight: 300;}
.decimals {display: inline-block; position: relative; top: -10px;}
.tp-vslabel {background: #ad0404; color:#fff; padding:5px 12px;}
.tp-darkcolor {color:#393b43;}

/* To Next Button */
#page-slideshow .tonext,
#page-header .tonext {position: absolute; bottom: 40px; left: 50%; margin-left: -12px; color: #FFF; display: block; z-index: 101; text-decoration: none;}
/* Check if there's a to main button and if so, move pagination higher */
#page-slideshow .iosslider-container:not(:only-child) .iosslider-pagination {bottom:40px;}

.mouse-anim-icon {width:24px; height:40px; border-radius: 12px; background-color: rgba(255,255,255,.1); transition: background-color .2s ease-out; position:relative; display: block;}
.mouse-anim-icon:after {position:absolute; content:''; width:2px; height:9px; background-color:rgba(0,0,0,0.25); left:50%; margin-left:-1px;
-webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-name: animScroll; animation-name: animScroll; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; -webkit-animation-timing-function:ease-in-out; animation-timing-function:ease-in-out;}
.mouse-anim-icon:hover {background-color: rgba(255,255,255,.4); }
.mouse-anim-icon:hover:after {top:24px; }
@-webkit-keyframes animScroll {from {top:8px; } to {top:24px; } }
@keyframes animScroll {from {top:8px; } to {top:24px; } }

/* Parallax Effects in IosSlider */
.parallax-effects {position: absolute; z-index: 0; left: 0; top: 0; right: 0; bottom: 0; margin:0; padding: 0; list-style: none;}
.parallax-effects .layer {width:100%; height:100%;}
.parallax-effects .layer-element {position: absolute;}
#page-wrapper .parallax-effects .slide-image.fullscreen-layer {width: 110%; height:110%; left: -5%; top: -5%;}
.parallax-effects .weed-layer {left:-15%; bottom:-15%; background-repeat: repeat-x; width: 130%; height: 100%; background-position: center bottom;}
.parallax-effects .dust-layer { position: relative; width: 100%; height: 100%; overflow: hidden; }

.sfb-effect {opacity:0; -webkit-transform:translateY(100px); -ms-transform:translateY(100px); transform:translateY(100px);
	-webkit-transition: all 0.3s cubic-bezier(0.165, 0.840, 0.440, 1.000); transition: all 0.3s cubic-bezier(0.165, 0.840, 0.440, 1.000);}
.sfb-effect[data-delay="0.2"] {-webkit-transition-delay:0.2s;transition-delay:0.2s;}
.sfb-effect[data-delay="0.4"] {-webkit-transition-delay:0.4s;transition-delay:0.4s;}
.sfb-effect[data-delay="0.6"] {-webkit-transition-delay:0.6s;transition-delay:0.6s;}
.sfb-effect[data-delay="0.8"] {-webkit-transition-delay:0.8s;transition-delay:0.8s;}
.sfb-effect[data-delay="1"] {-webkit-transition-delay:1s;transition-delay:1s;}
.sfb-effect[data-delay="1.2"] {-webkit-transition-delay:1.2s;transition-delay:1.2s;}
.sfb-effect[data-delay="1.4"] {-webkit-transition-delay:1.4s;transition-delay:1.4s;}
.sfb-effect[data-delay="1.6"] {-webkit-transition-delay:1.6s;transition-delay:1.6s;}
.sfb-effect[data-delay="1.8"] {-webkit-transition-delay:1.8s;transition-delay:1.8s;}
.sfb-effect[data-delay="2"] {-webkit-transition-delay:2s;transition-delay:2s;}
.pace-done .sfb-effect {opacity:1; -webkit-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0);}

.pos-vertical-middle {position: relative; margin: auto; left: 0; top: 50%; right: 0; z-index: 1;}
.pos-vertical-middle > .container {top: 50%; position: absolute; left: 0; right: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

/* IosSlider */
.iosslider-navigation > a:hover > .vs-icon {background-color:#ad0404;}

/* Fixed and Scrolled Slideshow */
.fixedNscrolled {overflow:hidden; min-height: 640px;}
.fixedNscrolled > div:first-child {position:fixed; width: 100%; -webkit-transition: margin-left 0.25s ease-out; transition: margin-left 0.25s ease-out;}
.fixedNscrolled ~ #main,
.fixedNscrolled ~ .site-footer {position:relative;}

/* page headers */
#page-header { background-color: #313540; position: relative; overflow:hidden; z-index: 1;
	-webkit-transition: height 0.15s ease-out; transition: height 0.15s ease-out; }
#page-header .container {position:relative; min-height:0; }
#page-header [data-role="title"],
#page-header [data-role="subtitle"] {color:#fff; font-weight:400;}
#page-header [data-role="title"] { letter-spacing:-1px; }
#page-header [data-role="subtitle"] {line-height:1.5; }
/* page-header style2 */
#page-header.stl-style2 [data-role="title"] {font-weight: 500; }
#page-header.stl-style2 [data-role="subtitle"] {position:relative; text-shadow:none; opacity: .6; }
/* page-header style3 */
#page-header.stl-style3 [data-role="title"] {text-shadow:none; font-weight: 500; }
#page-header.stl-style3 [data-role="subtitle"] {text-shadow:none; opacity: .6; }
/*small center line*/
#page-header .stl-smallcenterline {position:relative;}
#page-header .stl-smallcenterline::after {position:absolute; content:''; height:2px; width:52px; bottom:-18px; left:50%; margin-left:-26px; background:#ad0404; opacity:1;}

/* Main Page Header subject -either an image, or a video, or a map */
#page-header .page-header-subject {position: absolute; left:0; top:0; bottom: 0; right:0; z-index: 0; background-repeat: no-repeat; background-position: center; background-size:cover;}
/*Header Overlay*/
#page-header .header-overlay {position:absolute; left:0; top:0; right:0; bottom:0; background:#313540; display:none; color:#fff; font-size:13px; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.7);}
#page-header.stg-has-overlay .header-overlay {display:block; opacity:.7; -webkit-transition: all 0.15s ease-out; transition: all 0.15s ease-out;}
#page-header.stg-has-overlay:hover .header-overlay {opacity:0; visibility:hidden;}
#page-header.stg-has-overlay .header-overlay [data-role="title"] {font-size: 48px; font-weight: 800; text-transform: uppercase;}

#page-header.stg-over-main {overflow: visible;}
#page-header.stg-over-main ~ #main {z-index: 0}

/* Bottom ribbon follower */
.js-bottom-follower-block {position: fixed; left:0; bottom: 0;  width: 100%;  z-index: 999; -webkit-transform:translateY(100%); -ms-transform:translateY(100%); transform:translateY(100%); -webkit-transition:-webkit-transform 0.2s ease-in; transition:transform 0.2s ease-in; -webkit-backface-visibility: hidden;}
.js-bottom-follower-block.visible {-webkit-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0);}

/*page-header breadcrumbs*/
.breadcrumbs { height:auto; min-height:0; position:absolute; width:100%; bottom:0; left:0; }
#page-slideshow .breadcrumbs {z-index: 20;}
.breadcrumbs .container { height:auto; min-height:0; position:relative; }
.breadcrumb {float:right; position:absolute; right:15px; bottom:20px; background:transparent; font-size:11px; margin:0;}
.breadcrumb li,
.breadcrumb > li + li::before {color: #fff;}
.breadcrumb > .active { color: #F3F3F3; }
.breadcrumb li a {color:#fff; color:rgba(255,255,255,0.7);}
.breadcrumb li a:hover {color:#fff;}
/* page-header - darken colors */
.breadcrumbs.stl-dark .breadcrumb li,
.breadcrumbs.stl-dark .breadcrumb > li + li::before {color: #000;}
.breadcrumbs.stl-dark .breadcrumb li a {color:#45474d; color:rgba(0,0,0,0.7);}
.breadcrumbs.stl-dark .breadcrumb li a:hover {color:#45474d;}
/* breadcrumbs helpers */
.wbg .breadcrumb {background:rgba(0,0,0,0.15); }
/* default height for empty page-header */
#page-header.type-empty {min-height:50px; background:none; height:0; padding-bottom: 0;}

#page-header .split-line {position:relative;}
#page-header .split-line::before,
#page-header .split-line::after { content: ''; width: -webkit-calc( (100% / 2) - 25px ); width: calc( (100% / 2) - 25px ); height: 1px; position: absolute; bottom: -20px; left: 0; background: #DBDBDB; }
#page-header .split-line::after {left:auto; right:0;}


/* Vauss Videos */
.video-wrapper {position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 0;}
.vs-video {position: absolute; z-index: 1;}
.vs-video video,
.vs-video iframe {display:block; max-width: none;}
.csstransforms .vs-video.valign video,
.csstransforms .vs-video.valign iframe {top: 50% !important; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%);}
.csstransforms .vs-video.halign video,
.csstransforms .vs-video.halign iframe { left: 50% !important; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); }
.csstransforms .vs-video.halign.valign video,
.csstransforms .vs-video.halign.valign iframe { top: 50% !important; left: 50% !important; -webkit-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%);}
/* Video Grid Overlay */
.video-grid-overlay::after {content:''; position:absolute; top:0; left:0; width:100%; height:100%; z-index: 1; background-image:url(../images/video-pattern-1.png); /*background-color: rgba(0, 0, 0, 0.3);*/ opacity:.7; pointer-events:none;}
.video-grid-overlay.ovrl2::after {background-image:url(../images/video-pattern-2.png);}
/* Video with subtle top gradient */
.video-subtle-gradient:before {content:''; position:absolute; top:0; left:0; width:100%; height:270px; z-index:2;
background: -moz-linear-gradient(top,  rgba(0,0,0,0.3) 0%, rgba(0,0,0,0) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.3)), color-stop(100%,rgba(0,0,0,0)));
background: -webkit-linear-gradient(top,  rgba(0,0,0,0.3) 0%,rgba(0,0,0,0) 100%);
background: -o-linear-gradient(top,  rgba(0,0,0,0.3) 0%,rgba(0,0,0,0) 100%);
background: -ms-linear-gradient(top,  rgba(0,0,0,0.3) 0%,rgba(0,0,0,0) 100%);
background: linear-gradient(to bottom,  rgba(0,0,0,0.3) 0%,rgba(0,0,0,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d000000', endColorstr='#00000000',GradientType=0 ); }

/* Video Controls */
.vs-video--controls {list-style: none; margin:0; padding:0; position:absolute; top: 30px; right: 50px; z-index: 3; width: 50px; opacity:.1; -webkit-transition:opacity .2s ease-in; transition:opacity .2s ease-in;}
.vs-video--controls[data-position="top-left"] {right:auto; left:50px;}
.vs-video--controls[data-position="top-center"] {right:auto; left:50%; margin-left:-25px;}
.vs-video--controls[data-position="bottom-right"] {top:auto; bottom: 0px;}
.vs-video--controls[data-position="bottom-left"] {top:auto; right:auto; left:50px; bottom: 0px;}
.vs-video--controls[data-position="bottom-center"] {top:auto; right:auto; left:50%; bottom: 0px; margin-left:-25px; }
.vs-video--controls[data-position="middle-right"] {top:50%; margin-top:-25px;}
.vs-video--controls[data-position="middle-left"] {left:50px; right:auto; top:50%; margin-top:-25px;}
.vs-video--controls[data-position="middle-center"] {left:50%; right:auto; top:50%; margin-top:-25px; margin-left:-25px;}
.video-container:hover .vs-video--controls,
#page-header:hover .vs-video--controls {opacity:1;}
.video-container .vs-video--controls a {width: 50px; height: 50px; display:block; cursor:pointer; color:#fff; text-align: center;  line-height: 50px; text-decoration: none; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; opacity: .5;}
.csstransforms .vs-video--controls .btn-audio {opacity:0; visibility: hidden; -webkit-transform:translateY(-30px); -ms-transform:translateY(-30px); transform:translateY(-30px); }
.csstransforms .vs-video--controls:hover .btn-audio {opacity:.7; visibility: visible; -webkit-transform:translateY(-10px); -ms-transform:translateY(-10px); transform:translateY(-10px); }
.csstransforms .vs-video--controls .btn-toggleplay {-webkit-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0); }
.csstransforms .vs-video--controls:hover .btn-toggleplay {-webkit-transform:translateY(-10px); -ms-transform:translateY(-10px); transform:translateY(-10px); }
.vs-video--controls a:hover {opacity:1;}

.vs-video--controls .btn-audio .vs-icon {width: 28px; height: 28px; line-height: 28px; }
.vs-video--controls .btn-audio .vs-icon::before {line-height: 29px; }
.vs-video--controls .btn-toggleplay .vs-icon::before { content: "\e606"; }
.vs-video--controls .btn-toggleplay .vs-icon.paused::before { content: "\e622"; }
.vs-video--controls .btn-audio .vs-icon::before { content: "\e61f"; }
.vs-video--controls .btn-audio .vs-icon.mute::before { content: "\e620"; }

/* Responsive google map iframe */
.gmap-wrapper  { position: relative; width:100%; padding-bottom: 56.25%; padding-top: 0; height: 0;}
.gmap-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.gmap-wrapper.higher-ratio {padding-bottom: 73%; }
.gmap-custom-size1 {padding-bottom: 80%;}
.gmap-custom-size2 {padding-bottom: 73%;}
.vs-address {position: absolute; right: 80px; top:100;}

/* main section */
#main { margin-top: 40px; position: relative; z-index: 1;}

/* Icon Boxes Widgets */
.icon-box {color:#888888; font-size: 13px;}
.icon-box .vs-icon {color:#ad0404;}
.icon-box:hover .vs-icon {color:#333;}
.icon-box [data-role="title"] {font-weight:600; color:#45474d;}
.icon-box.stg-alignleft .vs-icon,
.icon-box.stg-alignleft .vs-img {float:left; margin-right: 25px; }
.icon-box.stg-alignright .vs-icon,
.icon-box.stg-alignright .vs-img {float:right; margin-left: 25px; }
.explorer9 .icon-box.stg-alignleft .vs-img,
.explorer10 .icon-box.stg-alignleft .vs-img,
.explorer9 .icon-box.stg-alignright .vs-img,
.explorer10 .icon-box.stg-alignright .vs-img {max-width: 65px;}
.icon-box.stg-alignleft .vs-icon ~ .content,
.icon-box.stg-alignleft .vs-img ~ .content,
.icon-box.stg-alignright .vs-icon ~ .content,
.icon-box.stg-alignright .vs-img ~ .content {overflow:hidden;}
/* Iconbox - style 2 */
.icon-box.stg-style-2 .vs-icon {font-size: 70px; color: #fff; width: 70%; display: inline-block; background: #ad0404; border-radius: 5px; margin: 0 auto; line-height: 65px; margin-bottom: 25px;}
.icon-box.stg-style-2:hover .vs-icon {background:#333; color:#fff;}
.icon-box.stg-style-2 .vs-icon::before { display: block; font-size: 84px; margin: -10px 0; -webkit-transform: rotate(10deg); -ms-transform: rotate(10deg); transform: rotate(10deg); }
.colored-area .icon-box.stg-style-2 .vs-icon,
.colored-area .icon-box.stg-style-2:hover .vs-icon { color: #F4F4F4;}
/* Iconbox - style 3 */
.icon-box.stg-style-3 .vs-icon {display: inline-block; color: #ad0404; width:80px; height:80px;  text-align: center; vertical-align: middle; border-radius: 50%;  position:relative; background-color:#f4f4f4;}
.icon-box.stg-style-3 .vs-icon::before { display: inline-block; line-height: 80px; position:relative; z-index: 1; }
.icon-box.stg-style-3 .vs-icon::after { content:''; display: inline-block; line-height: 80px; width:80px; height:80px; border-radius: 50%; background:#ad0404; opacity:0; position:absolute; top:0; left:0; -webkit-transition: -webkit-transform 0.2s, opacity 0.2s; transition: transform 0.2s, opacity 0.2s; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0);}
.icon-box.stg-style-3:not(.hover-icon-only):hover .vs-icon::after,
.icon-box.stg-style-3:not(.hover-icon-only):focus .vs-icon::after { opacity: 1; -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }
/* Hover only on icon */
.icon-box.stg-style-3.hover-icon-only .vs-icon:hover::after,
.icon-box.stg-style-3.hover-icon-only .vs-icon:focus::after { opacity: 1; -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

/* Iconbox - style 3 */
.icon-box.stg-style-4 .vs-icon {display: inline-block; color: #a9a9ac; width:88px; height:88px;  text-align: center; vertical-align: middle; border-radius: 50%;  position:relative; background-color:#f4f4f4; border: 2px solid #cecdcd; margin-bottom: 30px}
.icon-box.stg-style-4 .vs-icon::before { display: inline-block; line-height: 84px; position:relative; z-index: 1; }
.icon-box.stg-style-4 .vs-icon::after { content:''; display: inline-block; line-height: 88px; width:88px; height:88px; border-radius: 50%; background:#ad0404; opacity:0; position:absolute; top:-2px; left:-2px; -webkit-transition: -webkit-transform 0.2s, opacity 0.2s; transition: transform 0.2s, opacity 0.2s; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0);}
.icon-box.stg-style-4:hover .vs-icon {color:#fff;}
.icon-box.stg-style-4:hover .vs-icon::after,
.icon-box.stg-style-4:focus .vs-icon::after { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }

/* Color presets for Style3 icons */
.icon-box.stg-style-3.cc-blue .vs-icon,
.icon-box.stg-style-3.cc-hv-blue:hover .vs-icon {color:#33d1ed;}
.icon-box.stg-style-3.cc-blue .vs-icon::after {background:#33d1ed;}
.icon-box.stg-style-3.cc-purple .vs-icon,
.icon-box.stg-style-3.cc-hv-purple:hover .vs-icon {color:#bd8ecc;}
.icon-box.stg-style-3.cc-purple .vs-icon::after {background:#bd8ecc;}
.icon-box.stg-style-3.cc-pink .vs-icon,s
.icon-box.stg-style-3.cc-hv-pink:hover .vs-icon {color:#f3749b;}
.icon-box.stg-style-3.cc-pink .vs-icon::after {background:#f3749b;}
.icon-box.stg-style-3.cc-yellow .vs-icon,
.icon-box.stg-style-3.cc-hv-yellow:hover .vs-icon {color:#F2D429;}
.icon-box.stg-style-3.cc-yellow .vs-icon::after {background:#f4e36e;}
.icon-box.stg-style-3.cc-orange .vs-icon,
.icon-box.stg-style-3.cc-hv-orange:hover .vs-icon {color:#f3749b;}
.icon-box.stg-style-3.cc-orange .vs-icon::after {background:#eea754;}
.icon-box.stg-style-3.cc-turquoise .vs-icon,
.icon-box.stg-style-3.cc-hv-turquoise:hover .vs-icon {color:#f3749b;}
.icon-box.stg-style-3.cc-turquoise .vs-icon::after {background:#2bcdc1;}
.icon-box.stg-style-3.cc-green .vs-icon,
.icon-box.stg-style-3.cc-hv-blue:hover .vs-icon {color:#f3749b;}
.icon-box.stg-style-3.cc-green .vs-icon::after {background:#1abc9c;}

/* Must be white upon hovering */
.icon-box.stg-style-3[class*="cc-"]:not(:[class*="hv-"]) .vs-icon { background:#fff;}
.icon-box.stg-style-3:hover .vs-icon { color:#fff;}

/* accordion list */
ul.acc-list {list-style:none; margin:0; padding:0; background:#fff; border:1px solid #efefef; border-radius:3px;}
ul.acc-list > li.panel {margin-bottom: 0; box-shadow: none; border-radius: 0; background:transparent; border-width:1px 0 0;}
ul.acc-list > li {border-top:1px solid #efefef;}
ul.acc-list > li:first-child {border:0;}
ul.acc-list [data-toggle="collapse"] {background:none; border:0; font-size:16px; color:#474747; line-height:1.4; height:55px; display: block; width: 100%; text-align: left; padding:0 17px 0 55px; position:relative; outline:none; }
ul.acc-list [data-toggle="collapse"]:hover {color:#d3d3d3;}
ul.acc-list [data-toggle="collapse"]::before {content:attr(data-number); width: 22px; height: 22px; border-radius:2px; font-weight:700; text-align:center; display:block; color:#fff; background:#ad0404; position:absolute; left: 17px; top: 17px; line-height: 22px;font-size: 12px;}
ul.acc-list [data-toggle="collapse"].collapsed::before {background:#d3d3d3;}
ul.acc-list > li > div {margin:0 17px 0 55px; color: #888; font-size: 13px; line-height: 1.6; }
ul.acc-list ul {margin-bottom: 20px;}
ul.acc-list .inner-acc {padding:15px 0 0;}
/* acc-list FAQ style */
ul.acc-list.faq {border-radius:5px;}
ul.acc-list.faq > li {border-top:1px solid #efefef; }
ul.acc-list.faq > li:first-child {border-top:0;}
ul.acc-list.faq > li:last-child {border-bottom:0;}
ul.acc-list.faq [data-toggle="collapse"] {background:#fff; height:70px; padding:0 20px 0 70px; }
ul.acc-list.faq [data-toggle="collapse"]:hover {color:#111;}
ul.acc-list.faq [data-toggle="collapse"].collapsed {background:#f5f5f5;}
ul.acc-list.faq [data-toggle="collapse"]::before {content: '-'; width: 26px; height: 26px; background: #ad0404; left: 23px; top: 22px;  font-weight: 400; line-height: 20px; font-size: 33px;}
ul.acc-list.faq [data-toggle="collapse"].collapsed::before {content:'+'; background:#d3d3d3; line-height: 1; font-size: 24px;}
ul.acc-list.faq [data-toggle="collapse"].collapsed:hover::before {background:#bababa;}
ul.acc-list.faq > li > div {margin:0 20px 0 70px; color:#595959; font-size:13px; }
/* acc-list clean style */
ul.acc-list.clean {border-radius:5px;box-shadow: 0 1px 0 #F3F3F3;}
ul.acc-list.clean > li {border-top: 1px solid #E9E9E9; border-bottom: 1px solid #FFF;}
ul.acc-list.clean > li:first-child {border-top:0;}
ul.acc-list.clean > li:last-child {border-bottom:0;}
ul.acc-list.clean [data-toggle="collapse"] {background: #f5f5f5; height:60px; padding:0 20px 0 35px; margin-bottom: 15px;}
ul.acc-list.clean [data-toggle="collapse"]:hover {color:#111;}
ul.acc-list.clean [data-toggle="collapse"].collapsed {background:#fff;margin-bottom: 0;}
ul.acc-list.clean [data-toggle="collapse"]::before {font-family:'icomoon'; content: "\e175"; color:#ad0404; width: 26px; height: 26px; background: none; left:auto; right: 23px; top: 22px;  font-weight: 400; line-height: 20px; font-size: 12px;}
ul.acc-list.clean [data-toggle="collapse"].collapsed::before {content: "\e177"; color:#d3d3d3; background:none; }
ul.acc-list.clean [data-toggle="collapse"].collapsed:hover::before {color:#bababa; background:none;}
ul.acc-list.clean > li > div {margin:0 20px 0 35px; color:#888; font-size:13px; }
/* acc-list minimal style */
ul.acc-list.minimal {border-radius: 0;box-shadow: none;border: 0; }
ul.acc-list.minimal > li {border-top: 1px solid #ededed;}
ul.acc-list.minimal > li:last-child {border-bottom: 1px solid #ededed;}
ul.acc-list.minimal [data-toggle="collapse"] { padding: 0; font-size: 13px; font-weight: 600;height: 40px;}
ul.acc-list.minimal [data-toggle="collapse"]:hover {color:#111;}
ul.acc-list.minimal [data-toggle="collapse"].collapsed {background:#fff;}
ul.acc-list.minimal [data-toggle="collapse"]::before {font-family:'icomoon'; color:#ad0404; width: 26px; height: 26px; left:auto;  font-weight: 400; line-height: 20px; content: "\e603"; background:none; font-size: 14px;top: 11px;right: 5px;}
ul.acc-list.minimal [data-toggle="collapse"].collapsed::before {content: "\e602"; color: #31343f; }
ul.acc-list.minimal [data-toggle="collapse"].collapsed:hover::before {color:#bababa; background:none;}
ul.acc-list.minimal > li > div {margin:0; color:#888; font-size:13px; }
.acc-list.filled-bg {background-color:#f4f4f4;}
.acc-list.filled-bg [data-toggle="collapse"]:hover {color:#ad0404;}
/* minimal-toggle btn (small arrows) */
button.minimal-toggle{ padding-right: 20px; position: relative;}
button.minimal-toggle::before {font-family:'icomoon'; color:#ad0404; width: 10px; height: 20px; left:auto;  font-weight: 400; line-height: 20px; content: "\e603"; background:none; font-size: 14px;top: 0; right: 0;position: absolute;}
button.minimal-toggle.collapsed::before {content: "\e602"; color: #31343f; }
button.minimal-toggle.collapsed:hover::before {color:#bababa; background:none;}
/* Accordion Not bulelts */
ul.acc-list.nobullets [data-toggle="collapse"] {padding-left:20px;}
ul.acc-list.nobullets [data-toggle="collapse"]::before {display: none;}
ul.acc-list.nobullets > li > div {margin-left:20px;}
/* Colored Area Settings */
.colored-area.lines-behind { position: relative; }
.colored-area.lines-behind::before { content:''; position: absolute; left:50%; top:0; height: 100%; width: 232px; border-width: 0 110px; border-style: solid; border-color: transparent rgba(255,255,255,0.05) transparent rgba(255,255,255,0.03); margin-left: -116px;  transform: skewX(-30deg);}

/* Colored Area Presets */
.colored-area[data-color="white"] { background-color:#fff;}
.colored-area[data-color="gray"] { background-color:#f6f6f6; color:#45474d;}
.colored-area[data-color="gray"] .btn-lined.inverted:hover {color:#f6f6f6;}
.colored-area[data-color="silver"] { background-color:#c1c3c4;}
.colored-area[data-color="silver"] .btn-lined.inverted:hover {color:#c1c3c4;}
.colored-area[data-color="darkgray"] {background-color:#1a1c25; color:#fff; }
.colored-area[data-color="darkgray"] .btn-lined.inverted:hover {color:#1a1c25;}
.colored-area[data-color="black"] {background-color:#0c0c0d; color:#fff; }
.colored-area[data-color="black"] .btn-lined.inverted:hover {color:#0c0c0d;}
.colored-area[data-color="purple"] {background-color:#a872bc; color:#fff; }
.colored-area[data-color="purple"] .btn-lined.inverted:hover {color:#a872bc;}
.colored-area[data-color="green"] {background-color:#1abc9c; }
.colored-area[data-color="green"] .btn-lined.inverted:hover {color:#1abc9c;}
.colored-area[data-color="blue"] {background-color:#5476a9; }
.colored-area[data-color="blue"] .btn-lined.inverted:hover {color:#5476a9;}
.colored-area[data-color="red"] {background-color:#f46e6e; }
.colored-area[data-color="red"] .btn-lined.inverted:hover {color:#f46e6e;}
.colored-area[data-color="yellow"] {background-color:#faeb69; }
.colored-area[data-color="yellow"] .btn-lined.inverted:hover {color:#faeb69;}
.colored-area[data-color="orange"] {background-color:#eea754; }
.colored-area[data-color="orange"] .btn-lined.inverted:hover {color:#eea754;}
.colored-area[data-color="turquoise"] {background-color:#2bcdc1; }
.colored-area[data-color="turquoise"] .btn-lined.inverted:hover {color:#2bcdc1;}
.colored-area[data-color="lightblue"] {background-color:#6cb0df; }
.colored-area[data-color="lightblue"] .btn-lined.inverted:hover {color:#6cb0df;}
.colored-area[data-color="lightred"] {background-color:#df6c8a; }
.colored-area[data-color="lightred"] .btn-lined.inverted:hover {color:#df6c8a;}
.colored-area[data-color="pink"] {background-color:#a872bc; }
.colored-area[data-color="pink"] .btn-lined.inverted:hover {color:#a872bc;}
.colored-area[data-color="custom"] {background-color:#ad0404; color:#fff; }
.colored-area[data-color="custom"] .btn-lined.inverted:hover {color:#ad0404;}
.colored-area.innershadow { box-shadow:0 2px 3px rgba(0,0,0,0.05) inset;}
/* with top arrow */
.colored-area.top-arrow {position:relative;}
.colored-area.top-arrow::before {content:''; position:absolute; top:-50px; left:50%; margin-left:-25px; border:25px solid transparent;}
.colored-area.top-arrow[data-color="gray"]::before { border-bottom-color:#f4f4f4; }
.colored-area.top-arrow[data-color="darkgray"]::before {border-bottom-color:#1a1c25; }
.colored-area.top-arrow[data-color="purple"]::before {border-bottom-color:#a872bc; }
.colored-area.top-arrow[data-color="green"]::before {border-bottom-color:#1abc9c; }
.colored-area.top-arrow[data-color="blue"]::before {border-bottom-color:#5476a9; }
.colored-area.top-arrow[data-color="red"]::before {border-bottom-color:#f46e6e; }
.colored-area.top-arrow[data-color="yellow"]::before {border-bottom-color:#f4e36e; }
.colored-area.top-arrow[data-color="orange"]::before {border-bottom-color:#eea754; }
.colored-area.top-arrow[data-color="turquoise"]::before {border-bottom-color:#2bcdc1; }
.colored-area.top-arrow[data-color="lightblue"]::before {border-bottom-color:#6cb0df; }
.colored-area.top-arrow[data-color="lightred"]::before {border-bottom-color:#df6c8a; }
.colored-area.top-arrow[data-color="pink"]::before {border-bottom-color:#a872bc; }
.colored-area.top-arrow[data-color="custom"]::before {border-bottom-color:#ad0404; }

/* Classes used for various usages */
.bottom-border {border-bottom:1px solid #e8e8e8;}
.top-border {border-top:1px solid #e8e8e8;}
.has-line {position:relative}
.has-line::after {content:''; width:50px; height:2px; background:#ad0404; position:absolute; left:50%; margin-left:-25px; bottom:-10px;}
.has-line.line-left::after {left:0; margin-left:0;}
.fancy-title {font-size:30px; font-weight:400; color:#303032; letter-spacing: -1px;}
.fancy-title strong {font-weight:600; }
.all-btn { float:right; color:#a3a3a3; font-size:12px; margin-top: 0; text-decoration:none;}
.right-arr { margin-right: 20px; position: relative;}
.right-arr::after {content: '→'; right: -20px; position: absolute; font-size: 14px; }
.wgt-title {color: #454545; font-size: 16px; line-height: 1.3; border-bottom: 2px solid #EDEDED; font-weight: 700; margin-bottom: 35px; letter-spacing: 0;padding-bottom: 10px;}
.wgt-title.thinner {border-bottom-width: 1px;}
.wgt-title > span {border-bottom:2px solid #ad0404; display: inline-block; margin-bottom: -12px; padding-bottom: 10px;}
.wgt-title > b {font-size: 14px; display: inline-block; line-height: 1.6; }
.colored-area .wgt-title {border-bottom-color:#fff;}
.bordered {border-top: 3px solid #FFF; border-bottom: 3px solid #FFF;}
.light {font-weight: 300; }
.lighten-text {color:#888;}
.vs-titles .vs-icon {font-size:70px; color:#ad0404; float:left; margin-right:20px;}
.vs-titles [data-role="title"] {margin:0 0 5px;}
.vs-titles [data-role="subtitle"] {color:#b5b5b5; font-size:15px; font-weight:400; margin:0; line-height: 1.7;}
.vs-titles.hasborder {border-bottom:1px solid #e8e8e8; padding-bottom:20px;}
.simple-title {font-size: 15px; font-weight: 700; color: #45474D; line-height:1.6; margin-bottom:20px; letter-spacing:0;}
.simple-title-bigger {font-size: 18px; font-weight: 600; color: #45474D; line-height:1.6; margin-bottom:20px; letter-spacing:0;}
.rightline-title {overflow:hidden;}
.rightline-title::after { content:''; border-top: 1px solid #e6e6e6; height: 1px;overflow: hidden;display: block; margin-top: 10px;}
.rightline-title span {float: left; margin-right: 10px;}
.borderline-title {padding-bottom: 5px;}
.borderline-title span {border-bottom:2px solid #ad0404;display: inline-block;padding-bottom: 5px;}
.title-group {margin-bottom: 60px;}
label.req::after {content:' *'; color:#ad0404;}
/* Grayscale Link */
.grayscale-link {position:relative; display: block;}
.grayscale-link::after {background:transparent; border-bottom:0;content:''; position:absolute; left:0; top:0; right:0; bottom:0; -webkit-backface-visibility:hidden; }
.grayscale-link:hover::after {background:rgba(255,255,255,0.1); border-bottom:8px solid #ad0404;}
.grayscale-link img {filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */ filter: gray; -webkit-filter: grayscale(100%); -webkit-backface-visibility:hidden; }
.grayscale-link:hover img {filter: none; -webkit-filter: none; }
/* Read more link */
.read-more-link {color: #a3a4a4; font-size: 12px; line-height: 1.6; border-bottom:1px solid #d1d1d1; padding-bottom: 3px; text-decoration:none;}
.read-more-link .vs-icon {font-size: 16px; vertical-align: middle; margin-left: 10px; line-height: 1;}
.read-more-link .vs-icon {vertical-align: middle; line-height: 16px;}
.read-more-link:hover {color: #888; text-decoration: none; border-bottom-color: #ad0404;}
/* Hover Image & Zoom */
.hover-img-zoom {position: relative; overflow: hidden;}
.hover-img-zoom::before {background: #ad0404; opacity: 0; content:''; position: absolute; left:0; top:0; width: 100%; height: 100%; z-index: 1; -webkit-backface-visibility:none;}
.hover-img-zoom::after {content:'\e63a'; font-family: 'icomoon'; position: absolute; left:0; top:50%; width: 100%; text-align:center; z-index: 2; color: #fff; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); opacity:0; -webkit-backface-visibility:none;}
.hover-img-zoom img {-webkit-backface-visibility:none; }
.hover-img-zoom:hover::before {opacity: 0.5; }
.hover-img-zoom:hover::after { opacity: 1; }
.hover-img-zoom:hover img { -webkit-transform:scale(1.05); -ms-transform:scale(1.05); transform:scale(1.05); }
/* Scale Out effect */
.scale-out {position: relative; overflow: hidden; display: block; border-radius: 3px 3px 0 0; -webkit-transform: translateZ(0); transform: translateZ(0);}
.scale-out img {-webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: scale(1.06); transform: scale(1.06);-webkit-backface-visibility: hidden; border-radius: 3px 3px 0 0; -webkit-backface-visibility:hidden;}
.scale-out:hover img {opacity: 0.8; -webkit-transform: scale(1); transform: scale(1);}
/* Scale In effect */
.scale-in {position: relative; overflow: hidden; display: block; border-radius: 3px 3px 0 0;}
.scale-in img {-webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: scale(1); transform: scale(1); border-radius: 3px 3px 0 0; -webkit-backface-visibility:hidden;}
.scale-in:hover img {opacity: 0.8; -webkit-transform: scale(1.06); transform: scale(1.06); }
/* Colorize thumbs/image links */
.colorize-thumb {position: relative; overflow: hidden;}
.colorize-thumb::before {background: #ad0404; opacity: 0.35; content:''; position: absolute; left:0; top:0; width: 100%; height: 100%; z-index: 1; -webkit-backface-visibility:none;}
.colorize-thumb:hover::before {opacity: 0; }
.colorize-thumb.red::before {background: #f00;}
.colorize-thumb.pink::before {background: #f41f8d;}
.colorize-thumb.blue::before {background: #33d1ed;}
.colorize-thumb.green::before {background: #63ad68;}
.colorize-thumb.greenlime::before {background: #92c72c;}
.colorize-thumb.purple::before {background: #b00fc3;}
.colorize-thumb.orange::before {background: #ff5a00;}
/*Subtle Hover*/
.subtle-hover { display: inline-block;}
.subtle-hover:hover {background: #354247;}
.subtle-hover > img {opacity: .6; -webkit-transition:opacity .15s ease-out; transition:opacity .15s ease-out; -webkit-backface-visibility:hidden; backface-visibility:hidden;}
.subtle-hover:hover > img {opacity: 1;}
/* Subtle Hover Reverse */
.subtle-hover-rev {display: inline-block;}
.subtle-hover-rev:hover {background: #354247;}
.subtle-hover-rev > img { opacity: 1; -webkit-transition:opacity .15s ease-out; transition:opacity .15s ease-out; -webkit-backface-visibility:hidden; backface-visibility:hidden;}
.subtle-hover-rev:hover > img {opacity: .6;}
/* Subtle stroke */
.subtle-stroke {border:1px solid rgba(0,0,0,0.03); background-clip: content-box !important;}

/* Parallax stuff */
.parallax-bg { width: 100%;  background-position: 50% 0; }
body:not(.ismobiledevice) .parallax-bg { background-attachment: fixed; }
body.ismobiledevice .parallax-bg { background-position: 50% 50% !important;}

/* laptop slider */
.laptop-slider {position: relative; margin-top: -10px; max-width: 601px;    padding-bottom: 0;  padding-top:57.23%; height: 0;}
.laptop-slider::after {background: url(../images/macbook.png) no-repeat center top; content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-size: 100%; background-position: 50% 0;}
.laptop-slider .screen { position: absolute; top: 0; left: 11.4%; right: 11.4%; bottom: 0; overflow: hidden; }
.laptop-slider .logo-overlay:after {content:''; position: absolute; top: 50%; left: 50%; background: url(../images/various-images/logo-hogash-white.svg) no-repeat center; display:block; z-index:1; width: 160px;height: 80px;opacity: 0.8; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0);}
.laptop-slider .cfs--pagination {bottom: -30px;}
.laptop-slider .cfs--pagination a {width:9px; height:9px; margin: 2px 3px; background:#d9d9d9;}
.laptop-slider .cfs--pagination a:hover { background: #333; background: rgba(0,0,0,0.5); }
.laptop-slider .cfs--pagination a.selected { background:#f4f4f4; box-shadow:0 0 0 3px #ad0404; width:8px; height:8px; margin: 3px 4px; }
.laptop-slider .cfs--navigation a {display: block; width: 40px; height: 40px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0; text-decoration: none; line-height: 40px; color:rgba(0, 0, 0, 0.15);}
.laptop-slider .cfs--prev { left: -50px; text-align: left; }
.laptop-slider .cfs--next { right: -50px; text-align: right; }
.laptop-slider:hover .cfs--prev { opacity: 0.7; left: 10px; }
.laptop-slider:hover .cfs--next { opacity: 0.7; right: 10px; }
.laptop-slider:hover .cfs--next:hover,
.laptop-slider:hover .cfs--prev:hover { opacity: 1; }

/* works carousel */
.works_carousel .slides > li { width:380px; }
.works_carousel .inner-slide {color: #FFF; color: rgba(255, 255, 255, 0.3); font-size: 15px; font-weight: 700; text-decoration:none; display:block; margin:0 12px;}
.works_carousel .inner-slide:hover {color:#fff; }
.works_carousel .inner-slide .imgprev {position:relative; display: block; margin: 0 0 20px; }
.no-touch .works_carousel .inner-slide .imgprev::after {background:transparent; border-bottom:0;content:''; position:absolute; left:0; top:0; right:0; bottom:0; }
.no-touch .works_carousel .inner-slide:hover .imgprev::after {background:rgba(255,255,255,0.1); border-bottom:8px solid #ad0404;}
.works_carousel .cfs--pagination {bottom:-50px;}
.works_carousel .cfs--pagination a { margin: 0 2px; width: 6px; height: 6px; box-shadow: none; background: #FFF; background: rgba(255, 255, 255, 0.5);}
.works_carousel .cfs--pagination a.selected { background: #AFAFAF; background: rgba(255, 255, 255, 0.96); cursor: default; box-shadow: none; width: 6px; height: 6px; margin: 0 2px;}
.works_carousel .cfs--navigation a  { opacity: 0; cursor: pointer; margin: -40px 0 0; -webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box; }
.works_carousel .cfs--navigation a::before {color: rgba(255, 255, 255, 0.2); font-size: 50px;}
.works_carousel .cfs--prev { left: -70px; padding-right: 40px;}
.works_carousel .cfs--next { right: -70px; padding-left: 40px; text-align: center; width: 40px; }
.works_carousel .caroufredsel:hover .cfs--prev { opacity: 1; left: -80px; }
.works_carousel .caroufredsel:hover .cfs--next { opacity: 1; right: -80px; }
.works_carousel .cfs--navigation a:hover::before{color:#ad0404;}
.works_carousel .cfs--prev::before {content: "\e605";}
.works_carousel .cfs--next::before {content: "\e604";}
.works_carousel .fancy-title {color:#fff; margin-bottom:0;}
.works_carousel .details [data-role="title"] {color:#fff; font-weight:700; font-size:15px;}
/* Hoverlay style */
.works_carousel.stl-hoverlay .caroufredsel_wrapper {margin:0;}
.works_carousel.stl-hoverlay .inner-slide {position:relative; margin:0; color: #FFF;}
.works_carousel.stl-hoverlay .inner-slide .imgprev {margin:0;}
.works_carousel.stl-hoverlay .inner-slide .imgprev img {width: 100%; display: block;}
.works_carousel.stl-hoverlay .inner-slide .imgprev::after {display:none;}
.works_carousel.stl-hoverlay .inner-slide .details {opacity:0; visibility:hidden; position:absolute; left:0; top:0; width:100%; height:100%; background:#ad0404; background:rgba(0, 0, 0, 0.5); text-align: center; }
.works_carousel.stl-hoverlay .inner-slide:hover .details {opacity:1; visibility:visible;}
.works_carousel.stl-hoverlay .dt-inner {position: absolute;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);width: 100%;}
.works_carousel.stl-hoverlay .inner-slide [data-role="title"] {font-size:18px; font-weight:600; color:#fff;}
/* simple style */
.works_carousel.stl-simple .caroufredsel_wrapper {margin:0;}
.works_carousel.stl-simple .inner-slide {position:relative; margin:0;}
.works_carousel.stl-simple .inner-slide .imgprev {margin:0; background:#242731;}
/*.works_carousel.stl-simple .inner-slide .imgprev img {width: 100%; display: block;}*/
.works_carousel.stl-simple .inner-slide:hover .imgprev img {opacity:.6;}
.works_carousel.stl-simple .inner-slide .imgprev::after {display:none;}
.works_carousel.stl-simple .inner-slide .details {display:block; padding:30px 0 0; border-left:1px solid #eeeeee; min-height: 105px;}
.works_carousel.stl-simple .inner-slide [data-role="title"] {font-size:16px; margin:0; font-weight: 600; }
.works_carousel.stl-simple .inner-slide [data-role="title"] a {color:#242731; text-decoration: none}
.works_carousel.stl-simple .inner-slide:hover [data-role="title"] a,
.works_carousel.stl-simple .inner-slide [data-role="title"] a:hover {color:#ad0404;}
.works_carousel.stl-simple .inner-slide [data-role="category"] {font-size:13px; margin-top: 0; margin-bottom: 0; color:#CECED0;}
.stg-textcenter.caroufredsel .inner-slide .details {text-align: center;}
/* Navigation style for full-width style */
.works_carousel.stl-fullwidth .cfs--navigation a { opacity: .2; cursor: pointer; position:absolute; top:0; margin:0; padding:0; width:35px; height:100%; background:url(../images/transparent_png/white40.png); background:rgba(255,255,255,0.4); }
.works_carousel.stl-fullwidth .cfs--navigation a:hover { background:url(../images/transparent_png/white70.png); background:rgba(255,255,255,0.7); width:50px;}
.works_carousel.stl-fullwidth .cfs--navigation a::before { color:#333; color:rgba(0,0,0,0.4); position:absolute; width:50px; height:50px; top:50%; left:50%; margin:-25px 0 0 -25px;}
.works_carousel.stl-fullwidth .cfs--navigation a:hover::before { color:#ad0404; }
.works_carousel.stl-fullwidth .cfs--prev,
.works_carousel.stl-fullwidth .cfs--prev:hover { left: 0; text-align: center;}
.works_carousel.stl-fullwidth .cfs--next,
.works_carousel.stl-fullwidth .cfs--next:hover { right: 0; text-align: center;}


/* be social widget */
.be_social_wgt ul {list-style:none; margin:0; padding:0; margin-left: -4px; font-size: 13px; }
.be_social_wgt ul li {line-height: 1; padding: 0; margin: 0 0 4px 4px; float: left;height: 0;position: relative;}
.be_social_wgt ul[data-perrow="2"] li {width: -webkit-calc( (100% - 20px) / 2); width: calc( (100% - 20px) / 2); padding-bottom: -webkit-calc( (100% - 20px) / 2); padding-bottom: calc( (100% - 20px) / 2);}
.be_social_wgt ul[data-perrow="3"] li {width: -webkit-calc( (100% - 20px) / 3); width: calc( (100% - 20px) / 3); padding-bottom: -webkit-calc( (100% - 20px) / 3); padding-bottom: calc( (100% - 20px) / 3);}
.be_social_wgt ul[data-perrow="4"] li {width: -webkit-calc( (100% - 20px) / 4); width: calc( (100% - 20px) / 4); padding-bottom: -webkit-calc( (100% - 20px) / 4); padding-bottom: calc( (100% - 20px) / 4);}
.be_social_wgt ul[data-perrow="5"] li {width: -webkit-calc( (100% - 20px) / 5); width: calc( (100% - 20px) / 5); padding-bottom: -webkit-calc( (100% - 20px) / 5); padding-bottom: calc( (100% - 20px) / 5);}
.be_social_wgt ul[data-perrow="6"] li {width: -webkit-calc( (100% - 20px) / 6); width: calc( (100% - 20px) / 6); padding-bottom: -webkit-calc( (100% - 20px) / 6); padding-bottom: calc( (100% - 20px) / 6);}
.be_social_wgt ul[data-perrow="7"] li {width: -webkit-calc( (100% - 20px) / 7); width: calc( (100% - 20px) / 7); padding-bottom: -webkit-calc( (100% - 20px) / 7); padding-bottom: calc( (100% - 20px) / 7);}
.be_social_wgt ul li a {display:block; width: 88px; height: 88px; background:#efefef; color:#c5c5c5; line-height: 88px;text-decoration: none; font-size: 30px;margin: 0;padding: 0;}
.be_social_wgt ul li a {width:100%; height:100%; position: absolute;left: 0;top: 0;right: 0;bottom: 0; margin: auto;}
.be_social_wgt ul[data-fontsize="xs"] li a {font-size:13px;}
.be_social_wgt ul[data-fontsize="sm"] li a {font-size:18px;}
.be_social_wgt ul[data-fontsize="md"] li a {font-size:26px;}
.be_social_wgt ul[data-fontsize="lg"] li a {font-size:36px;}
.be_social_wgt ul[data-fontsize="xl"] li a {font-size:42px;}
.be_social_wgt ul li a::before {-webkit-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); position: absolute; top: 50%; left: 50%;}
.be_social_wgt ul li a:hover {color:#fff;}
.be_social_wgt ul li a.icon-twitter:hover {background:#00BDEC;}
.be_social_wgt ul li a.icon-vimeo:hover {background:#01557A;}
.be_social_wgt ul li a.icon-facebook:hover {background:#3B5998;}
.be_social_wgt ul li a.icon-dribbble:hover {background:#EF5B92;}
.be_social_wgt ul li a.icon-pinterest:hover {background:#CB2027;}
.be_social_wgt ul li a.icon-instagram:hover {background:#517FA4;}
.be_social_wgt ul li a.icon-youtube:hover {background:#D20800;}
.be_social_wgt ul li a.icon-skype:hover {background:#18B7F1;}
.be_social_wgt ul li a.icon-google-plus:hover {background:#D94A39;}
.be_social_wgt ul li a.icon-behance:hover {background:#1769FF;}

/* SKILLS WIDGET */
.skills_wgt ul {list-style:none; margin:0; padding:0;}
.skills_wgt ul li {margin-top:15px;}
.skills_wgt ul li:first-child {margin-top:0;}
.skills_wgt .skill-title {font-size:13px; color:#888888; line-height:1; margin-bottom:13px;margin: 0 0 10px;}
.skills_wgt.stg-dark .skill-title {color:#45474d;}
.skills_wgt.stg-light .skill-title {color:#f5f5f5;}
.skills_wgt .skill-bar {display:block; border-radius:2px; background:#efefef; height:13px;}
.skills_wgt.whitebars .skill-bar {background:#fff;}
.skills_wgt .skill-bar > i { background:#999; border-radius:2px; width:0; height:13px; display:block; position:relative;
-webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out;}
.skills_wgt li:nth-child(1) .skill-bar > i {-webkit-transition-delay:0.3s; transition-delay:0.3s;}
.skills_wgt li:nth-child(2) .skill-bar > i {-webkit-transition-delay:0.4s; transition-delay:0.4s;}
.skills_wgt li:nth-child(3) .skill-bar > i {-webkit-transition-delay:0.5s; transition-delay:0.5s;}
.skills_wgt li:nth-child(4) .skill-bar > i {-webkit-transition-delay:0.6s; transition-delay:0.6s;}
.skills_wgt li:nth-child(5) .skill-bar > i {-webkit-transition-delay:0.7s; transition-delay:0.7s;}
.skills_wgt li:nth-child(6) .skill-bar > i {-webkit-transition-delay:0.8s; transition-delay:0.8s;}
.skills_wgt li:nth-child(7) .skill-bar > i {-webkit-transition-delay:0.9s; transition-delay:0.9s;}
.skills_wgt li:nth-child(8) .skill-bar > i {-webkit-transition-delay:1s; transition-delay:1.1s;}
.skills_wgt li:nth-child(9) .skill-bar > i {-webkit-transition-delay:1.1s; transition-delay:1.1s;}
.skills_wgt li:nth-child(10) .skill-bar > i {-webkit-transition-delay:1.2s; transition-delay:1.2s;}
.skills_wgt.stg-rounded .skill-bar,
.skills_wgt.stg-rounded .skill-bar > i { border-radius:9px; }
.skills_wgt.started .skill-bar[data-loaded="10"] > i {width:10%;}
.skills_wgt.started .skill-bar[data-loaded="10"] > i::before {content:"10%";}
.skills_wgt.started .skill-bar[data-loaded="20"] > i {width:20%;}
.skills_wgt.started .skill-bar[data-loaded="20"] > i::before {content:"20%";}
.skills_wgt.started .skill-bar[data-loaded="30"] > i {width:30%;}
.skills_wgt.started .skill-bar[data-loaded="30"] > i::before {content:"30%";}
.skills_wgt.started .skill-bar[data-loaded="40"] > i {width:40%;}
.skills_wgt.started .skill-bar[data-loaded="40"] > i::before {content:"40%";}
.skills_wgt.started .skill-bar[data-loaded="50"] > i {width:50%;}
.skills_wgt.started .skill-bar[data-loaded="50"] > i::before {content:"50%";}
.skills_wgt.started .skill-bar[data-loaded="60"] > i {width:60%;}
.skills_wgt.started .skill-bar[data-loaded="60"] > i::before {content:"60%";}
.skills_wgt.started .skill-bar[data-loaded="70"] > i {width:70%;}
.skills_wgt.started .skill-bar[data-loaded="70"] > i::before {content:"70%";}
.skills_wgt.started .skill-bar[data-loaded="80"] > i {width:80%;}
.skills_wgt.started .skill-bar[data-loaded="80"] > i::before {content:"80%";}
.skills_wgt.started .skill-bar[data-loaded="90"] > i {width:90%;}
.skills_wgt.started .skill-bar[data-loaded="90"] > i::before {content:"90%";}
.skills_wgt.started .skill-bar[data-loaded="100"] > i {width:100%;}
.skills_wgt.started .skill-bar[data-loaded="100"] > i::before {content:"100%";}
.skills_wgt .skill-bar[data-color="green"] > i {background:#63AD68;}
.skills_wgt .skill-bar[data-color="blue"] > i {background:#5476a9;}
.skills_wgt .skill-bar[data-color="red"] > i {background:#f46e6e;}
.skills_wgt .skill-bar[data-color="purple"] > i {background:#a872bc;}
.skills_wgt .skill-bar[data-color="yellow"] > i {background:#f4e36e;}
.skills_wgt .skill-bar[data-color="orange"] > i {background:#eea754;}
.skills_wgt .skill-bar[data-color="turquoise"] > i {background:#2bcdc1;}
.skills_wgt .skill-bar[data-color="lightblue"] > i {background:#6cb0df;}
.skills_wgt .skill-bar[data-color="lightred"] > i {background:#df6c8a;}
.skills_wgt .skill-bar[data-color="pink"] > i {background:#f46eb3;}
.skills_wgt.started .skill-bar i::before { background:#1a1c25; border-radius:3px; padding:0; height: 22px; line-height: 22px; width: 35px; display:block; text-align:center; color:#fff; font-weight:bold; font-size:11px; position:absolute; bottom: 100%; left: 100%; margin-left:-25px; }
.skills_wgt.started .skill-bar i::after {content:''; position:absolute; border:4px solid transparent; border-top-color:#1a1c25; bottom:100%; left:100%; margin-left:-12px;  }
.skills_wgt.started .skill-bar i::before,
.skills_wgt.started .skill-bar i::after {opacity:0; visibility:hidden; margin-bottom:30px;}
.skills_wgt.started .skill-bar:hover i::before,
.skills_wgt.started .skill-bar:hover i::after {opacity:1; visibility:visible; margin-bottom:15px;}
.skills_wgt.started .skill-bar:hover i::after { margin-bottom:7px; }


/* photogallery widget */
.photogallery-widget .photogallery-wrapper {overflow:hidden;position: relative;}
.photogallery-widget .caroufredsel {width: 74.35%; }
.photogallery-widget .caroufredsel .slides li {position:relative;}
.photogallery-widget .caroufredsel .slides li img {width:100%;}
.photogallery-widget .cfs--navigation { position: absolute; top:50%; margin-top:-20px; width: 100%;}
.photogallery-widget .cfs--navigation a { color:#fff; top:auto; margin-top:0;}
.photogallery-widget .cfs--navigation a::before { font-size:50px;}
.photogallery-widget .cfs--prev {left:20px;}
.photogallery-widget .cfs--next {right:20px;}
.photogallery-widget .caroufredsel:hover .cfs--prev {left:30px;}
.photogallery-widget .caroufredsel:hover .cfs--next {right:30px;}
.photogallery-widget .caroufredsel .pg-caption,
.photogallery-widget .caroufredsel .pg-caption a {color: #FFF; line-height: 1.8; font-size: 16px;}
.photogallery-widget .caroufredsel .pg-caption {position: absolute; bottom: 50px; left: 0; text-align: center; padding: 0; width: 100%; margin: 0; text-transform: uppercase;}
.photogallery-widget .caroufredsel .pg-caption a {text-transform: none; font-style: italic; }
.photogallery-widget .caroufredsel .pg-caption.blacklined { background: rgba(0, 0, 0, 0.5); color: #FFF; display: inline; border-radius: 2px; padding: 2px 7px;  }
.photogallery-widget .cfs-counter {position: absolute; bottom: 30px; left: 50px; z-index: 2; color: rgba(255, 255, 255, 0.3); font-weight: 700; font-style: italic; }
.photogallery-widget .cfs--pagination { height:100%; overflow:hidden; width: 25.65%; position: absolute; top: 0; right: 0; left: auto; bottom: auto;}
.photogallery-widget .pg-thumb { width: 50%; float:left; cursor: pointer; border-radius: 0; box-shadow: none; margin:0; -webkit-backface-visibility:hidden; position: relative; background-color: #1A1C25;}
.photogallery-widget .pg-thumb > a {display:block; width:100%; height:100%; position: relative; background-size: cover; background-position: center; background-repeat: no-repeat; opacity: .8; }
.photogallery-widget .pg-thumb:hover > a,
.photogallery-widget .pg-thumb.selected > a {opacity: 1;}
.photogallery-widget .pg-thumb:hover {z-index:2;}
.photogallery-widget .pg-thumb .pg-caption {font-size: 14px; font-weight: 600; color:#fff; background:#ad0404; padding: 20px 5px 0 20px; position: absolute;width: 100%;height: 100%;top: 0;text-align: left;margin: 0;opacity: 0;visibility: hidden;}
.photogallery-widget .pg-thumb:nth-child(even) .pg-caption {right:0;}
.photogallery-widget .pg-thumb:nth-child(odd) .pg-caption {left:0}
.photogallery-widget .pg-thumb:nth-child(even):hover .pg-caption {opacity:1; visibility:visible; right:100%;}
.photogallery-widget .pg-thumb:nth-child(odd):hover .pg-caption {opacity:1; visibility:visible;  left:100%;}
.photogallery-widget .pg-thumb .pg-caption::before {content:''; position:absolute; top:50%; margin-top:-6px; border:6px solid transparent; }
.photogallery-widget .pg-thumb:nth-child(even) .pg-caption::before {right:-12px; border-left-color:#ad0404;}
.photogallery-widget .pg-thumb:nth-child(odd) .pg-caption::before {left:-12px; border-right-color:#ad0404;}
.photogallery-widget .pg-thumb .pg-caption a {color: #fff; font-size: 12px; opacity: .8;}
.photogallery-widget .pg-thumb .pg-caption a:hover {opacity:1;}
.photogallery-widget .pg-thumb:nth-child(9):last-child {width: 100%;}
.photogallery-widget .pg-thumb:nth-child(9):last-child .pg-caption {left:0; right:auto;}

/* bottom-thumbs */
.photogallery-widget.bottom-thumbs .caroufredsel { width:100%; }
.photogallery-widget.bottom-thumbs .cfs--navigation { width:100%; }
.photogallery-widget.bottom-thumbs .cfs--pagination {width: 100%; width: -webkit-calc(100% + 2px); width: calc(100% + 2px); position: static; height: auto; margin-top: 2px; margin-left: -2px;}
.photogallery-widget.bottom-thumbs .pg-thumb {width:20%; width: -webkit-calc(20% - 2px); width:calc(20% - 2px); height:auto; margin-bottom: 2px; margin-left: 2px;}


/* services boxes widget */
.services_boxes_wgt {position: relative; z-index: 1;}
.services_boxes_wgt ul[class*="sbox-"] {float: left; width:100%; margin:0; padding:0; list-style:none;}
.services_boxes_wgt ul[class*="sbox-"] > li {float: left;}
.services_boxes_wgt .intro-col + ul[class*="sbox-"] {width:75%;}
.services_boxes_wgt .sbox-1 > li {width: 100%;}
.services_boxes_wgt .sbox-2 > li {width: 50%;}
.services_boxes_wgt .sbox-3 > li {width: 33.33%;}
.services_boxes_wgt .sbox-4 > li {width: 25%;}
.services_boxes_wgt .sbox-5 > li {width: 20%;}
.services_boxes_wgt .intro-col {float: left;  width: 25%; color:#888888; }
.services_boxes_wgt .inner-box {background:#f5f5f5; padding:35px 30px; margin:0 0 0 10px; box-shadow:0 1px 2px rgba(0,0,0,0.1); border-radius:3px; position: relative;}
.services_boxes_wgt li [data-role="title"] {font-size:15px; font-weight:600; color:#4d4d4d; vertical-align: top;line-height: 1.5;margin: 0;padding: 0;}
.services_boxes_wgt li [data-role="title"] .vs-icon {color:#c5c5c5; font-size: 40px; line-height: 1; float: left; margin-right: 20px;vertical-align: middle;display: block; -webkit-transition: color 0.3s ease-out; transition: color 0.3s ease-out;}
.services_boxes_wgt .hover-details { opacity: 0; visibility: hidden; position: absolute; top: 100%; width: 100%; background: #f5f5f5;  padding: 35px 30px;  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); border-radius: 3px; left: 0; margin-top: 0; z-index: 9;
	 -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }
.colored-area .services_boxes_wgt .hover-details,
.colored-area .services_boxes_wgt .inner-box {background:#fff;}
.services_boxes_wgt .hover-details::after {background:#e8e8e8; position:absolute; top:15px; left:0; content: ''; height:1px; margin-left:35px; margin-right:35px; width: -webkit-calc( 100% - 70px ); width:calc( 100% - 70px );}
.services_boxes_wgt li:hover .hover-details { opacity:1; visibility:visible; margin-top: -30px; }
.services_boxes_wgt li:hover [data-role="title"] .vs-icon { color:#ad0404; }


/* custom boxes widget */
.custombox.stl-custom-1 {font-size: 12px; color:#888;}
.custombox.stl-custom-1 h3,
.custombox.stl-custom-1 h4 {font-size: 36px; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); color: #FFF;}
.custombox.stl-custom-1 h4 {font-size: 32px;}
.custombox.stl-custom-1 .btn {margin-top:20px; font-weight:600; text-transform:none; font-size:13px;}
.custombox.stl-custom-1 .btn > .vs-icon {font-size: 18px; margin-right: 10px; vertical-align: middle;}


/* testimonial slides */
.testimonialbox {*zoom: 1;}
.testimonialbox::before, .testimonialbox::after {display: table; line-height: 0; content: ""; }
.testimonialbox::after { clear: both; }
.testimonialbox:not(.flippedY) .thead img { margin-bottom: 20px; width:auto; }
.testimonialbox.img-m .thead img {width:96px;}
.testimonialbox.img-s .thead img {width:68px;}
.testimonialbox .tcontent {font-size:13px; color:#888888; margin-bottom:20px; line-height:1.5; }
.testimonialbox .who {font-size:12px; color:#45474d; display:inline-block; }
.testimonialbox:not(.flippedY) .who { margin-bottom: 20px; }
.testimonialbox .who strong {font-size:14px; font-weight:600;}
.testimonialbox .who strong::after { content:','; }
.testimonialbox.strong-name .who strong {display:block;}
.testimonialbox.flippedY,
.testimonialbox.flippedY .thead,
.testimonialbox.flippedY .tcontent {-webkit-transform: scaleY(-1); -ms-transform: scaleY(-1); transform: scaleY(-1);}
.testimonialbox.horizontal-head-pos.flippedX,
.testimonialbox.horizontal-head-pos.flippedX .thead,
.testimonialbox.horizontal-head-pos.flippedX .tcontent {-webkit-transform: scaleX(-1); -ms-transform: scaleX(-1); transform: scaleX(-1);}
.testimonialbox .thead img.align-left { margin-right:30px; }
.testimonialbox .thead img.align-right { margin-left:30px; }
.testimonialbox .thead img.align-left.img-s,
.testimonialbox .thead img.align-left.img-m { margin-right:20px; }
.testimonialbox .thead img.align-right.img-s,
.testimonialbox .thead img.align-right.img-m { margin-left:20px; }

/* testimonial widget */
.testimonialbox.wgt-style {position:relative; margin-bottom:20px;}
.testimonialbox.wgt-style.flippedY { margin-top: -20px; }
.testimonialbox.wgt-style .thead {min-height:68px; margin-bottom:25px;}
.testimonialbox.wgt-style .thead .who {font-size:12px; color:#45474d; padding-top: 10px; display: block; overflow: hidden; line-height: 1.4;}
.testimonialbox.wgt-style .thead .who strong {font-size:14px; font-weight:600; display:block; line-height: 1.6;}
.testimonialbox.wgt-style .thead .who strong::after {content:',';}
.testimonialbox.wgt-style .tcontent {background:#f6f6f6; padding:15px 20px; font-size:13px; color:#888888; position:relative; border-radius:5px;}
.colored-area .testimonialbox.wgt-style .tcontent {background:#fff; color:#888888;}
.testimonialbox.wgt-style .tcontent p:last-child { margin-bottom: 0; }
.testimonialbox.wgt-style .tcontent::after {content:''; position:absolute; left:20px; border:10px solid transparent; border-bottom-color:#f6f6f6; top:-20px;}
.colored-area[data-color="gray"] .testimonialbox.wgt-style .tcontent::after {border-bottom-color:#F4F4F4;}
/* testimonial widget - bottom aligned */
.testimonialbox.wgt-style.flippedY .tcontent::after {border-top-color: #F6F6F6; border-bottom-color: rgba(0, 0, 0, 0); bottom: -20px; top: auto;}
.colored-area .testimonialbox.wgt-style.flippedY .tcontent::after {border-top-color:#fff; }
/* testimonial widget - left aligned */
.testimonialbox.wgt-style.horizontal-head-pos .thead {float:left; padding-right: 20px; position:relative; z-index: 1;}
.testimonialbox.wgt-style.horizontal-head-pos .thead::after {content:''; position:absolute; right:0; top: 20px; border:10px solid transparent; border-right-color:#f6f6f6; }
.colored-area .testimonialbox.wgt-style.horizontal-head-pos .thead::after {border-right-color:#fff; }
.testimonialbox.wgt-style.horizontal-head-pos .thead > img {float:none; margin-right: 20px; margin-bottom: 5px;}
.testimonialbox.wgt-style.horizontal-head-pos .tcontent {overflow: hidden;}
/* testimonial widget - right aligned */
.testimonialbox.wgt-style.horizontal-head-pos.flippedX .thead {float:left; padding-left: 20px; position:relative; text-align: right; z-index: 1;}
.testimonialbox.wgt-style.horizontal-head-pos.flippedX .thead::after {content:''; position:absolute; left:0; top: 20px; border:10px solid transparent; border-left-color:#f6f6f6; }
.colored-area .testimonialbox.wgt-style.horizontal-head-pos.flippedX .thead::after {border-left-color:#fff; }
.testimonialbox.wgt-style.horizontal-head-pos.flippedX .thead > img {float:none; margin-right: 0;display: inline-block; margin-bottom: 5px;}
.testimonialbox.wgt-style.horizontal-head-pos.flippedX .tcontent {overflow: hidden;}
/* testminial widget with outline */
.testimonialbox.wgt-style.outline .tcontent {background:transparent; border:1px solid #ddd;}
.testimonialbox.wgt-style.outline .tcontent::after { border-bottom-color:#fff; top:-20px; }
.testimonialbox.wgt-style.outline .tcontent::before { content:''; position:absolute; left:20px; border:10px solid transparent; border-bottom-color:#ddd; top:-21px; }
.testimonialbox.wgt-style.outline.flippedY .tcontent::after { border-top-color:#fff; bottom:-20px; top: auto; border-bottom-color: rgba(0, 0, 0, 0);}
.testimonialbox.wgt-style.outline.flippedY .tcontent::before { content:''; position:absolute; left:20px; border:10px solid transparent; border-top-color:#ddd; bottom:-21px; top: auto; }
.testimonialbox.wgt-style.outline.horizontal-head-pos .thead::after {right:-1px; border-right-color:#fff;  }
.testimonialbox.wgt-style.outline.horizontal-head-pos .thead::before {content:''; right:0; position:absolute; top: 20px; border:10px solid transparent; border-right-color:#ddd; }
.testimonialbox.wgt-style.outline.horizontal-head-pos.flippedX .thead::after {left:-1px; border-left-color:#fff; }
.testimonialbox.wgt-style.outline.horizontal-head-pos.flippedX .thead::before {content:''; position:absolute; left:0; top: 20px; border:10px solid transparent; border-left-color:#ddd; }

/* Testimonials as carousel style */
.carousel-style {position:relative;}
.carousel-style .cfs--navigation {position:absolute; bottom:-20px; right:0; width:40px; height:20px; }
.carousel-style.bottom-border .cfs--navigation {bottom:20px;}
.carousel-style .cfs--navigation a { width: 20px; height:18px; margin:0; opacity: 1; color: #cfcfcf; text-decoration: none; float: left; line-height: 18px; position: static; text-align: center;}
.carousel-style .cfs--navigation a:hover { opacity:1; color:#ad0404;}
.carousel-style .cfs--navigation a::before {font-family: 'icomoon'; font-size: 22px;}
.carousel-style .cfs--navigation a.cfs--prev::before {content: "\e605";}
.carousel-style .cfs--navigation a.cfs--next::before {content: "\e604";}
.carousel-style .cfs--pagination {position:absolute; bottom: -20px; left: 0; text-align: center;width: 100%;}
.carousel-style .cfs--pagination a { margin: 0 3px; width:6px; height:6px; display: inline-block; background:#cfcfcf; box-shadow: none; border-radius: 3px;}
.carousel-style .cfs--pagination a.selected { background:#aaa;}
.carousel-style[data-navpos="top-right"] .cfs--navigation {top:-20px; right:0; bottom:auto;}
.carousel-style[data-navpos="top-left"] .cfs--navigation {top:-20px; left:0; right:auto; bottom:auto;}
.carousel-style[data-navpos="bottom-left"] .cfs--navigation {left:0; right:auto;}
[data-role="title"] ~ .carousel-style[data-navpos="top-right"] .cfs--navigation {top:-40px;}

/* testminal_slider - fancy-style (full background, control navs) */
.testimonial_slider.fancy-style {padding: 25px; background:#F6F6F6; border-radius:4px; position:relative; }
.colored-area .testimonial_slider.fancy-style {padding: 25px; background:#fff; border-left:1px solid #EDEEEF; border-bottom:2px solid #EDEEEF; border-right:1px solid #EDEEEF; border-radius:4px; }
.testimonial_slider.fancy-style .testimonialbox .thead img {margin-right:auto; float:none; display:inline-block; margin:15px 0;}
.testimonial_slider.fancy-style .testimonialbox .who {font-size:12px; color:#45474d; display:block; margin-bottom: 25px }
.testimonial_slider.fancy-style .testimonialbox .who strong {font-size:14px; font-weight:600;}
.testimonial_slider.fancy-style .cfs--pagination {width: 100%; text-align: center;bottom: 15px;}
.testimonial_slider.fancy-style .cfs--pagination a {display:inline-block; margin:0 3px; background:#e5e5e5; width:6px; height:6px; border-radius: 3px; box-shadow:none;}
.testimonial_slider.fancy-style .cfs--pagination a:hover {background:#ccc;}
.testimonial_slider.fancy-style .cfs--pagination a.selected {background:#ad0404;}

/* quoter-style style */
.testimonial_slider.quoter-style {margin:0 180px; position: relative;}
.testimonial_slider.quoter-style::before,
.testimonial_slider.quoter-style::after {position:absolute; top:50px; font-size:120px; font-family: "Trebuchet MS"; color:#e9eaea; line-height:0;}
.testimonial_slider.quoter-style::before {left:-90px; content:'\201C';}
.testimonial_slider.quoter-style::after {right:-90px; content:'\201D';}
.testimonial_slider.quoter-style .testimonialbox {font-size: 16px; color:#595959; line-height:1.8; text-align: center; }
.testimonial_slider.quoter-style .thead img {margin: 0 auto 20px; width:auto;}

.testimonial_slider.quoter-style .testimonialbox .who {font-size:13px; font-weight:600;line-height: 1;}
.testimonial_slider.quoter-style .testimonialbox .who strong {display:block; font-size:18px; color:#ad0404; line-height: 1.6; margin-bottom:5px}
.testimonial_slider.quoter-style .thead {margin-bottom: 20px;}
.testimonial_slider.quoter-style .cfs--pagination {width: 100%; position: static; bottom: 5px; text-align: center; z-index: 2; margin-top: 10px; }
.testimonial_slider.quoter-style .cfs--pagination a {display:inline-block; margin:0 3px; background:#e5e5e5; width:6px; height:6px; border-radius: 3px; box-shadow:none;}
.testimonial_slider.quoter-style .cfs--pagination a:hover {background:#ccc;}
.testimonial_slider.quoter-style .cfs--pagination a.selected {background:#ad0404;box-shadow: none;}
.testimonial_slider.quoter-style .testimonialbox.biggertext .tcontent {font-size:16px;}
/*no quotes*/
.testimonial_slider.quoter-style.stg-no-quotes::before,
.testimonial_slider.quoter-style.stg-no-quotes::after {display:none;}
.testimonial_slider.quoter-style.stl-light .testimonialbox .who { color: #ACACAC; }
.testimonial_slider.quoter-style.stl-light .testimonialbox .tcontent { color: #E7E7E7;}

/* featured posts */
.featuredposts_wgt h3 {font-size:32px; line-height:1.1; margin:0; }
.featuredposts_wgt h5 {font-size:15px; line-height:1.4; color:#b5b5b5; margin-bottom:35px; }
.featuredposts_wgt .fpost { font-size:15px; display:block; border-bottom:1px solid #e8e8e8; color:#45474d; clear:both; position:relative; text-decoration:none; padding: 20px 30px 20px 0; }
.featuredposts_wgt .fpost .fdate { font-size: 15px; color: #C7C7C9; float: right; width: 30px; line-height: 1;text-align: center;  margin-top: 10px; position: absolute; top: 0; right: 0; }
.featuredposts_wgt .fpost .fdate strong { font-size:25px; display:block; }
.featuredposts_wgt .fpost :hover  {color:#000;}
.featuredposts_wgt .fpost::after  {content:''; position:absolute; height:0; width:100%; left:0; bottom:-1px; border-bottom:2px solid transparent; }
.featuredposts_wgt .fpost:hover::after  {border-color:#ff0000; }
.featuredposts_wgt .fpost:hover .fdate { color:#000; }

/* devices widget */
.devicesbox_wgt {border-bottom: 1px solid #E8E8E8;}
.devicesbox_wgt .texts {color:#888888}
.devicesbox_wgt .texts h3 {margin-bottom:40px; font-size:36px; font-weight:300; color:#303032; }
.devicesbox_wgt .btn {margin-top:20px; font-weight:600; text-transform:none; font-size:13px;}

/* process boxes */
.processbox_wgt { background:#fff; min-height:250px;box-shadow:0 2px 3px rgba(0,0,0,0.1); border-radius:4px; position: relative;}
.processbox_wgt > ul {float: left; width:100%; margin:0; padding:0; list-style:none;}
.processbox_wgt .intro-col + ul {width:75%;margin-left: 25%;}
.processbox_wgt .intro-col,
.processbox_wgt > ul > li {min-height:250px; padding:30px;}
.processbox_wgt > ul > li {float: left; text-align:center; color:#888888; font-size:12px; line-height:1.6; padding-top:0; padding-bottom:0; margin-top:30px; margin-bottom:30px;min-height: 1px;}
.processbox_wgt > ul > li {border-left:2px solid #f6f6f6; }
.processbox_wgt > ul > li:first-child {border-left:0; }
.processbox_wgt > ul > li .vs-icon {font-size:60px; color:#c5c5c5; display:block; margin: 0; line-height: 1;}
.processbox_wgt > ul > li:hover .vs-icon {color:#ad0404;}
.processbox_wgt > ul > li [data-role="subtitle"] {color:#45474d; font-size:16px; font-weight:700; line-height:1.2;}
.processbox_wgt > ul > li p:last-child {margin-bottom: 0;}
.processbox_wgt ul.pbox-1 > li {width: 100%;}
.processbox_wgt ul.pbox-2 > li {width: 50%;}
.processbox_wgt ul.pbox-3 > li {width: 33.33%;}
.processbox_wgt ul.pbox-4 > li {width: 25%;}
.processbox_wgt ul.pbox-5 > li {width: 20%;}
.processbox_wgt .intro-col {position: absolute; background:#ad0404;  width: 25%; color:#fff; border-radius: 4px 0 0 4px; height: 100%;}
.processbox_wgt .intro-col::after {content:''; position:absolute; right:-40px; top:50%; border:20px solid transparent; border-left-color:#ad0404; margin-top:-20px;}
.processbox_wgt .intro-col [data-role="title"] {color:#fff; font-size:32px; line-height:0.8; margin-bottom:30px; font-weight:300;}
.processbox_wgt .intro-col .read-more-link {font-size:13px; font-weight:600; color:#fff; padding:7px 13px; background:url(../images/transparent_png/black20.png); background:rgba(0,0,0,0.2); text-decoration:none;
display:inline-block; border-radius:3px;}
.processbox_wgt .intro-col .read-more-link:hover {background:url(../images/transparent_png/black40.png); background:rgba(0,0,0,0.4); }

/* funding percentage */
.fundedperc {background-image:url(../images/bgfunded.jpg); background-repeat:no-repeat; background-position:center center; background-size: cover;}
.fundedperc .chart { width: auto; height: auto; margin: 64px auto; min-height: 300px;}
.fundedperc .chart canvas {position: static;}
.fundedperc .percent {position: absolute; font-size:25px; font-weight:600; display:block; line-height: 1; text-align:center; width:100%; margin-top: 81px; letter-spacing: 11px; color: rgba(255, 255, 255, 0.7);}
.fundedperc .percent::after { content:''; display:none; }
.fundedperc .percent span { font-size:80px; font-weight:700; display:block; line-height: 1.2; letter-spacing: 0; color: #fff;}
.fundedperc .percent span::after { content: '%'; margin-left: 0.1em;  font-weight: 300;}


/* World Map Offices */
.world-map-offices {position: relative;}
.world-map-offices > img {opacity:.2;}
.world-map-offices .world-office {position: absolute; padding-bottom: 20px;min-width: 7px;  min-height: 7px; z-index: 1;}
.world-map-offices .world-office:hover {z-index:2;}
.world-map-offices .world-office::before {content:''; width:7px; height:7px; background:#f0d228; border-radius:50%; display:block; position:absolute; bottom: 0; left: 0; margin-top: 0; cursor: pointer;z-index: 1;}
.world-map-offices .world-office:hover::before,
.world-map-offices .world-office.selected::before {box-shadow:0 0 0 4px #ad0404; -webkit-transform:scale(1.5); -ms-transform:scale(1.5); transform:scale(1.5);}
.world-map-offices .office-details { color:#7b7b7b; font-size:12px; font-weight: 600; min-width: 310px;opacity: 0;visibility: hidden;position: relative;left: -3999px; -webkit-transition:opacity .3s ease-in, visibility .3s ease-in; transition:opacity .3s ease-in, visibility .3s ease-in;position: absolute;top: -140px; padding-bottom: 30px;}
.world-map-offices .world-office:hover .office-details,
.world-map-offices .world-office.selected .office-details {opacity:1; visibility:visible;left: -118px;}
.world-map-offices .office-details::before {content:''; position:absolute; left:120px; bottom: 18px; border-top: 12px solid #FFF; border-right: 12px solid rgba(0, 0, 0, 0);}
.world-map-offices .office-content {padding: 20px 25px 0; position: relative;  overflow: hidden;height: 130px;background: #fff;border-radius: 0 2px 2px 0;}
.world-map-offices .office-content h5 {color:#1a1c25; text-transform: uppercase; font-size:13px; font-weight: bold; margin-bottom: 15px;}
.world-map-offices .office-content p:last-child { margin-bottom: 0; }
.world-map-offices .office-details > a {float:left; }
.world-map-offices .office-details > a img {border-radius: 2px 0 0 2px;}
/* World Map Trigger Links */
.world-map-triggers {max-width: 380px; margin-bottom: 70px;}
.world-map-triggers .office-name {font-size:13px; font-weight: 700; color:#fff; text-decoration: none; line-height: 30px; padding: 0 15px; margin-bottom: 5px; display: inline-block; border:1px solid transparent; border-radius: 3px;}
.world-map-triggers .office-name.selected,
.world-map-triggers .office-name:hover {border-color:#f0d228;}


/* logos / clients list */
.logolist {margin:0 auto; padding:0; list-style:none; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center;}
.logolist li {text-align:center; vertical-align: middle; display: inline-block; zoom: 1;}
.logolist li img { opacity:.8;}
.logolist li:hover img { opacity:1;}
.no-flexbox .logolist { text-align: justify;-ms-text-justify: distribute-all-lines;text-justify: distribute-all-lines;}
.no-flexbox .logolist li {min-height:75px;}
.no-flexbox .logolist:after {content:''; width: 100%;display: inline-block;font-size: 0;line-height: 0;min-height: 0;}

/* footer */
.site-footer {background:#1a1c25; color:#c3c3c3; color:rgba(255,255,255,0.6); }
.site-footer .bottom-footer {background:rgba(0, 0, 0, 0.2);}
.site-footer a {color:#eee; color:rgba(195,195,195,0.6);}
.site-footer a:hover {color:#fff; color:rgba(255,255,255,0.6);}
.site-footer .block-wgt {margin-bottom:20px; }
.site-footer .block-wgt [data-role="title"] {color:#fefefe; color:rgba(255,255,255,0.6); font-size:14px; margin-bottom:25px; border:0;}
.site-footer .block-wgt [data-role="title"]::after {display: none;}
.site-footer .copyright {margin-bottom:0;}
.site-footer .social_icons { margin:0; }
.site-footer .social_icons li { line-height: 18px; }
.site-footer .social_icons li a { color: #828282; font-size: 16px;}
.site-footer .social_icons li a:hover {color: #C5C5C5;}
.site-footer ul.menu {margin:0; padding:0; list-style:none}
.site-footer ul.menu a:hover {text-decoration: none;}
.main-footer ul.menu li { border-top:1px solid #555; border-top:1px solid rgba(255,255,255,0.1);}
.main-footer ul.menu li:first-child {border-top:0;}
.main-footer ul.menu li a { line-height: 1.5; display:inline-block; padding:10px 0;}
.bottom-footer ul.menu li {line-height:1.6; display: inline-block; margin: 0 10px;}
.bottom-footer ul.menu li:first-child {border-top:0;}
/* Bordered footer */
.footer-borders {border-top:1px solid rgba(255,255,255,0.1);}
.footer-borders .bottom-footer {background:none;}
.footer-borders .bottom-footer > .container { position:relative;}
.footer-borders .bottom-footer > .container::before {position: absolute; width: 100%; margin: 0 15px; height: 0; border-top:1px solid rgba(255,255,255,0.1); top:0; left: 0;}
/* Footer Dark Preset */
.footer-dark { background:#151515; }
.footer-dark.full-black { background:#000; }
/* Footer Light Preset */
.footer-light.full-white { background:#fff; }
.footer-light { background:#f6f6f6; color: rgba(0, 0, 0, 0.6); }
.footer-light a {color:#111; color:rgba(0,0,0,0.6);}
.footer-light a:hover {color:#000; color:rgba(0,0,0,0.8);}
.footer-light .block-wgt [data-role="title"] {color: #1a1c25; color: rgba(0, 0, 0, 0.8);}
.footer-light .main-footer ul.menu li {border-top: 1px solid #ccc; border-top: 1px solid rgba(0, 0, 0, 0.1);}
.footer-light .bottom-footer {background: rgba(0, 0, 0, 0.04);}
.footer-light.footer-borders {border-top:1px solid rgba(0,0,0,0.1);}
.footer-light.footer-borders .bottom-footer {background:none;}
.footer-light.footer-borders .bottom-footer > .container::before {border-color:rgba(0,0,0,0.1);}

/* newsletter */
.site-footer .newsletter_wgt [data-role="title"] {margin-bottom:10px;}
.newsletter-form {position:relative; margin-bottom: 20px;}
.newsletter-form [type=submit] { cursor:pointer; border: 0; outline:none; }
.site-footer .newsletter-form [type=submit] {position:absolute; height: 35px; width: 18px; right: 10px; top:0; padding: 0; background: none; font-size: 18px;  color:rgba(255,255,255,0.5);  }
/* Newsletter in Sidebar */
.sidebar .newsletter-form {overflow:hidden; margin:0;}
.sidebar .newsletter-form .email {float:left; border-radius: 3px 0 0 3px; border:0; font-size: 12px; color:#93989c; width: 70%;}
.sidebar .newsletter-form [type=submit] {position:static; color:#fff; border-radius: 0 3px 3px 0; width: 30%; height:40px; display:block; overflow:hidden;  font-size: 12px;padding: 0 7px; font-weight: 600;}


.newsletter-form .vs-input.ui-state-error + span::after,
.newsletter-form .vs-input.ui-state-valid + span::after {right: -25px !important;}

/* inputs in footer */
.site-footer .vs-form .vs-input { background:rgba(237,237,237,0.1); height:35px; text-indent:10px; font-size:11px; padding:0; width:100%; outline:none; color:#c3c3c3;
 border: 0;border-radius:3px; box-shadow: none; }
.site-footer .vs-form .vs-input:focus {background:rgba(237,237,237,0.2);}
.site-footer .vs-form textarea.vs-input {height:80px; padding: 5px 0;}
.site-footer .vs-form .vs-submit {color:#fff; border-radius: 3px; background:rgba(0,0,0,0.3); font-size: 12px; font-weight: 600; border: 0;padding: 7px 15px;outline: 0; cursor:pointer;}
.site-footer .vs-form .vs-submit:hover {background:#ad0404;}

/* twitter feed */
.twitter-feed > ul {margin:0; padding:0; list-style:none; }
.twitter-feed > ul > li {margin-bottom:20px; margin-left:35px; position:relative; word-wrap:break-word; }
.twitter-feed > ul > li::before  {content:'\e05b'; font-family: 'icomoon'; position:absolute; left:-35px; font-size:18px; color:#ad0404}
.twitter-feed .timePosted {color:#999;}

/* FLICKR FEED */
.flickr-feed {margin:0 0 0 -10px; padding:0; list-style:none; position:relative;}
.flickr-feed.loading::after {content:'Loading..'; margin-left: 10px;}
.flickr-feed li {float:left; margin:0 0 10px 10px; }
.flickr-feed li a {display:block; width:65px; position:relative; overflow:hidden;}


/* Animated Charts */
.chart { position: relative; display: inline-block; width: 110px; height: 110px; margin-top: 50px; margin-bottom: 50px; text-align: center; }
.chart canvas { position: absolute; top: 0; left: 0; }
.percent { display: inline-block; line-height: 110px; z-index: 2; }
.percent::after { content: '%'; margin-left: 0.1em; font-size: .8em; }

/** Scroll to top button **/
#totop {height: 50px; opacity:0; filter:alpha(opacity=0); position:fixed; right:-50px;  width: 50px; z-index:9999; display:block; top:85%; background-color:#404040; font-size: 9px; font-weight: 900; color: #fff; text-align: center; line-height: 50px; padding: 0; border-radius:2px;text-decoration: none;}
#totop::after {font-family: 'icomoon'; font-size:14px; color:#fff; content: "\e175";font-weight: normal;}
#totop.on { right:10px; opacity:0.7; filter:alpha(opacity=70);}
#totop.off{right:-59px}
#totop:hover { opacity:1; filter:alpha(opacity=100)}

/* Transformation Origin presets */
*[data-scale="top-left"] { -webkit-transform-origin:left top; -ms-transform-origin:left top; transform-origin:left top; }
*[data-scale="top-center"] { -webkit-transform-origin:top center; -ms-transform-origin:top center; transform-origin:top center;}
*[data-scale="top-right"] { -webkit-transform-origin:top right; -ms-transform-origin:top right; transform-origin:top right;}
*[data-scale="bottom-left"] { -webkit-transform-origin:bottom left; -ms-transform-origin:bottom left; transform-origin:bottom left;}
*[data-scale="bottom-center"] { -webkit-transform-origin:bottom center; -ms-transform-origin:bottom center; transform-origin:bottom center;}
*[data-scale="bottom-right"] { -webkit-transform-origin:bottom right; -ms-transform-origin:bottom right; transform-origin:bottom right;}
*[data-scale="left-center"] { -webkit-transform-origin:left center; -ms-transform-origin:left center; transform-origin:left center;}
*[data-scale="right-center"] { -webkit-transform-origin:right center; -ms-transform-origin:right center; transform-origin:right center;}

/* blog posts */
.blog-posts { margin-left:-15px; margin-right:-15px; *zoom: 1;}
.blog-posts::before, .blog-posts::after {display: table; line-height: 0; content: ""; }
.blog-posts::after { clear: both; }
.blog-posts + hr { border-bottom:2px solid #ededed; }
.blog-posts .bpost { margin-bottom:60px; }
.blog-posts .bpost .post-head { border-bottom: 1px solid #e8e8e8; position:relative; }
.blog-posts .bpost .post-head > [data-role="title"] { font-size:26px; line-height:1.2; font-weight: 600; margin:20px 35px 15px 0;}
.blog-posts .bpost .post-head > [data-role="title"],
.blog-posts .bpost .post-head > [data-role="title"] a { color:#2b2d30; }
.blog-posts .bpost .post-head > [data-role="title"] a:hover { color:#ad0404; text-decoration: none; }
.blog-posts .bpost.col2 .post-head > [data-role="title"] { font-size:24px;}
.blog-posts .bpost.col3 .post-head > [data-role="title"] { font-size:20px;}
.blog-posts .bpost.col4 .post-head > [data-role="title"] { font-size:16px;}
.blog-posts .bpost.col5 .post-head > [data-role="title"] { font-size:14px;}
.blog-posts .bpost .post-head .date {font-size: 15px; color: #ad0404; float: right; width: 30px; line-height: 1; text-align: center;  margin-top: 0; position: absolute; bottom: 15px; right: 0;}
.blog-posts .bpost .post-head .date strong { font-size:25px; display:block; }
.blog-posts .bpost .post-details {font-size:12px; color:#a2a2a2; font-style:italic; line-height:1.6; margin:15px 0;}
.blog-posts .bpost .post-details a { color: #808080; }
.blog-posts .bpost .post-content {color:#777777; margin-bottom: 20px;}
.blog-posts .bpost .readmore-btn {font-weight: normal; text-transform: none; font-size: 13px;}

/* Blog Post Widget Style */
.bpost.bp-widget .post-head {margin-bottom: 20px;}
.bpost.bp-widget .post-head .post-image {margin-bottom: 15px;}
.bpost.bp-widget [data-role="category"] a {color:#c1c1c1; text-decoration: none;}

.bpost.bp-widget [data-role="title"] {margin: 10px 0 15px;}
.bpost.bp-widget [data-role="title"],
.bpost.bp-widget [data-role="title"] a { color:#45474d; }
.bpost.bp-widget [data-role="title"] a:hover { color:#ad0404; text-decoration: none; }
.bpost.bp-widget .post-content,
.bpost.bp-widget .post-details,
.bpost.bp-widget .post-details a {color:#888888;}
.bpost.bp-widget .post-details {margin-bottom: 20px; font-size: 13px; font-style: normal;}
.bpost.bp-widget .post-details a:hover {color:#ad0404; text-decoration: none;}

/* Blog Post Box Style */
.bpost.bp-box {background: #fff; box-shadow:0 1px 0 rgba(0,0,0,0.1); padding:25px; font-size: 13px; border-radius: 3px;}
.bpost.bp-box .separator {margin: 0 -25px 25px; width: auto;}
.bpost.bp-box .post-head {margin:-25px -25px 25px;}
.bpost.bp-box .post-image {border-radius: 3px 3px 0 0;}
.bpost.bp-box .post-content {font-size:14px; color:#888; margin-bottom: 25px;}
.bpost.bp-box [data-role="title"] {margin: 0 0 25px; letter-spacing: 0.5px;}
.bpost.bp-box [data-role="title"],
.bpost.bp-box [data-role="title"] a { color:#45474d;}
.bpost.bp-box [data-role="title"] a:hover { color:#ad0404; text-decoration: none; }
.bpost.bp-box .readmore-btn {color:#dbdbdb; }
.bpost.bp-box .comment-link {color:#888; text-decoration: none;}
.bpost.bp-box .comment-link:hover,
.bpost.bp-box .readmore-btn:hover {color:#ad0404;}


/* pagination */
.vs-pagination {list-style: none; padding:0; display: block; margin: 30px 0 20px; border-radius: 4px; text-align:center;}
.vs-pagination li {display: inline; }
.vs-pagination li a,
.vs-pagination li span {background-color: transparent; border: 0; margin-left: 0; font-size:13px; font-weight:400; color:#a2a2a2; border-radius:3px; display: inline-block;padding: 5px 10px;text-decoration: none;}
.vs-pagination li:not(.first-nav):not(.last-nav) a {background:#efefef;}
.vs-pagination li:not(.first-nav):not(.last-nav) a:hover,
.vs-pagination li.active:not(.first-nav):not(.last-nav) a {background:#ad0404; color:#fff;}
.vs-pagination .first-nav {float:left;}
.vs-pagination .last-nav {float:right;}
.vs-pagination .first-nav a,
.vs-pagination .last-nav a {font-weight: 600; padding-left:0; padding-right: 0;}
.vs-pagination .first-nav a:hover,
.vs-pagination .last-nav a:hover {color:#888;}
.vs-pagination .first-nav .vs-icon,
.vs-pagination .last-nav .vs-icon {font-size: 16px; vertical-align: middle;}
.vs-pagination li.disabled > a {pointer-events:none}

/* Block widget */
.block-wgt {margin-bottom:50px;}
.block-wgt.inline-block {background:#eae9e9; border-radius: 2px; padding:18px;}

/* sidebars  */
.sidebar ul.menu {margin:0; padding:0; list-style:none;}
.sidebar ul.posts {margin:0; padding:0; list-style:none;}
.sidebar ul.posts li {margin-top:15px; padding-top:15px; border-top: 1px solid #E6E6E6;}
.sidebar ul.posts li:first-child {margin-top:0; border-top:0;}
.sidebar ul.posts li a {display:block; text-decoration:none; color:#45474d; font-weight:600;}
.sidebar ul.posts li a:hover {color:#ad0404;}
.sidebar ul.posts li a img {float:left; margin-right:20px; border-radius:3px;}
.sidebar ul.posts li a > span {display:block; font-size:12px; color:#cccccd; margin-top:5px;}
.sidebar ul.tags {margin:0; padding:0; list-style:none;}
.sidebar ul.tags li {display:inline-block; margin: 0 3px 3px 0;line-height: 1;float: left;}
.sidebar ul.tags li a {font-size:11px; color:#fff; font-weight:600; line-height:28px; padding:0 5px; background:rgba(0, 0, 0, 0.2); display:block; text-decoration:none;border-radius:3px; }
.sidebar ul.tags li a:hover { background:#ad0404}
.sidebar ul.pill-tabs {background:#eae9e9; border:0;margin-bottom: 20px;}
.sidebar ul.pill-tabs li {border:0;}
.sidebar ul.pill-tabs li a {font-size:13px; font-weight: 600;padding: 15px 0;}
.sidebar ul.pill-tabs > li.active > a,
.sidebar ul.pill-tabs > li.active > a:hover,
.sidebar ul.pill-tabs > li.active > a:focus{background:#c3c3c6; color:#fff;border: 0; box-shadow: none; }

/* Affix Sidebar */
@media (min-width: 992px) {
	body:not(.safari) .sidebar.affix { position:fixed; top:30px; z-index:99; }
	body:not(.safari) .sidebar.affix-bottom { top:auto; position: absolute; }
	body.hs--always:not(.safari) .sidebar.affix {top: 90px;}
	body.safari .sidebar.affix { position: relative; }

}

/* vs-form */
.vs-input,
.vs-form input[type="text"], .vs-form input[type="search"], .vs-form input[type="password"], .vs-form input[type="email"], .vs-form input[type="tel"], .vs-form input[type="url"],
.vs-form textarea,
.vs-form select,
.vs-textarea,
.vs-selectlist { width: 100%; border: 1px solid #ddd; background-color: #f9fbfb; font-size: 13px; color: #9ea3a7; height: 40px; text-indent: 15px; outline: none; border-radius: 3px; background-clip: padding-box; box-shadow: inset 0 1px 0 #f1f3f3; line-height: initial; }
.vs-input:hover,
.vs-form input[type="text"]:hover, .vs-form input[type="search"]:hover, .vs-form input[type="password"]:hover, .vs-form input[type="email"]:hover, .vs-form input[type="tel"]:hover, .vs-form input[type="url"]:hover,
.vs-form textarea:hover,
.vs-textarea:hover,
.vs-select select:hover { border-color:#bbb;}
.vs-input:focus,
.vs-form input[type="text"]:focus, .vs-form input[type="search"]:focus, .vs-form input[type="password"]:focus, .vs-form input[type="email"]:focus, .vs-form input[type="tel"]:focus, .vs-form input[type="url"]:focus,
.vs-form textarea:focus,
.vs-textarea:focus,
.vs-select select:focus { border-color: #ad0404; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), inset 2px 2px 4px rgba(104, 104, 104, 0.1); background-color: #FFF; color: #23262D; }
.vs-form textarea,
.vs-textarea {height:220px; padding:15px; text-indent:0;}
.vs-textarea.smaller {height:170px;}
.vs-textarea.bigger {height:350px;}
.vs-form .vs-select { position:relative;}
.vs-form .vs-select select {-webkit-appearance: none; -moz-appearance: none; -o-appearance: none; -ms-appearance: none; appearance: none;  position:relative; display:block;}
.firefox .vs-form .vs-select select,
.firefox .vs-selectlist {text-indent: 3px}
.vs-form .vs-select::after,
.vs-form .vs-select::before {content:''; position:absolute; right:10px; top:50%; border: 4px solid rgba(0, 0, 0, 0); z-index: 1;}
.vs-form .vs-select::before {border-bottom-color: #CCC; margin-top: -9px;  }
.vs-form .vs-select::after {border-top-color: #CCC; margin-top: 1px;}
.vs-form .form-line {margin-bottom:20px; float:left; position:relative; padding-left: 10px; padding-right: 10px; *zoom: 1;}
.vs-form .form-line.fifth {width:20%;}
.vs-form .form-line.quarter {width:25%;}
.vs-form .form-line.third {width:33.3333%;}
.vs-form .form-line.forty {width:40%;}
.vs-form .form-line.half {width:50%;}
.vs-form .form-line.sixty {width:60%;}
.vs-form .form-line.twothirds {width:66.6666%;}
.vs-form .form-line.full {width:100%;}
.vs-form .form-line.last {margin-bottom: 10px;}
.vs-form .form-line::before, .vs-form .form-line::after {display: table; line-height: 0; content: ""; }
.vs-form .form-line::after { clear: both; }
.vs-form .form-line .uploadfile + input[type=text] { width: 75%; border-radius: 3px 0 0 3px; }
.vs-form .form-line .uploadfile { position: relative; overflow: hidden; margin: 0; }
.vs-form .form-line .uploadfile span {display:block; line-height:40px; text-align:center; font-size:12px; font-weight:700; color:#fff; background:#c2c4c9;}
.vs-form .form-line .uploadfile:hover span { background:#a3a3a4;}
.vs-form .form-line .uploadfile input[type=file] { position: absolute; top: 0; right: 0; margin: 0; padding: 0; font-size: 20px; cursor: pointer; opacity: 0; height: 100%;}
.vs-form .form-line .uploadfile:not(:only-child) {left: -1px; float:right; width: 25%;}
.vs-form .form-line .uploadfile:not(:only-child) span {border-radius:0 3px 3px 0; }
.vs-form .form-line.withlabel label {width:150px; float:left; vertical-align: middle; line-height: 40px; margin: 0; color: #45474d; font-weight: 600;}
.vs-form .form-line.withlabel label.req::after {content:'*'; color:#ad0404;}
.vs-form .form-line.withlabel label ~ input,
.vs-form .form-line.withlabel label ~ .vs-select,
.vs-form .form-line.withlabel label ~ textarea {width: -webkit-calc(100% - 150px); width: calc(100% - 150px);}
.vs-form .form-line.withlabel label ~ .vs-select {float: left;}
.vs-form .form-line.withlabel input + input { margin-top:20px;}
.vs-form .form-line.withlabel label ~ input + input {margin-left:150px;}
.form-row {margin-left: -10px;margin-right: -10px;}
.form-row::before, .form-row::after { content: " "; display: table; }
.form-row::after { clear: both; }
.vs-form .inp-wrap {position:relative;}

/*contact-form response*/
.cf_response { display: none;}

/* contact form errors */
.ui-state-error{border:1px solid #EB3034 !important; position:relative;}
.ui-state-valid{border:1px solid #0EAB55 !important; position:relative;}
.ui-state-error + span::after,
.ui-state-valid + span::after {font-family: 'icomoon'; font-size: 15px; position: absolute; right: 12px; top: 10px; display: block; z-index: 1;}
.ui-state-error + span::after { content: "\e01b"; color: #EB3034;}
.ui-state-valid + span::after { content: "\e013"; color: #0EAB55;}

/*contact-form in footer*/
.site-footer .ui-state-error + span::after,
.site-footer .ui-state-valid + span::after {right: 10px; top: 5px;}

/* address tag styles */
address,
address a {color:#888888; font-size:14px; line-height: 1.6; }

/* blog post */
.blog-post .post-details {margin:0; padding:0; list-style:none; margin-bottom:30px;}
.blog-post .post-details li {display:inline-block; color:#a2a2a2; /*font-style:italic;*/}
.blog-post .post-details li a {color:#ad0404;}
/*.blog-post .post-details li.author {font-weight:bold;}*/
.blog-post .post-head {margin-bottom:30px; padding-bottom:20px; border-bottom:1px solid #e8e8e8; overflow: auto;}
.blog-post .post-head .post-image {margin-bottom:20px;}
.blog-post .post-controls {float:right; text-align:right;margin-top: 15px;}
.blog-post .post-controls > span,
.blog-post .post-controls > a {display:inline-block;}
.blog-post .post-controls > span {color:#8d8e8e; font-style:italic; margin-right:20px;line-height: 40px;vertical-align: top;float: left;}
.blog-post .post-controls > a {width:45px; height:40px; background:#e2e2e2; text-decoration:none; text-align:center; vertical-align:middle; display: block; float: left;}
.blog-post .post-controls > a:hover { background:#ad0404;}
.blog-post .post-controls > a.prev {border-top-left-radius:3px;border-bottom-left-radius:3px;}
.blog-post .post-controls > a.next {border-top-right-radius:3px;border-bottom-right-radius:3px;}
.blog-post .post-controls > a::before {font-family: 'icomoon'; font-size:14px; color:#fff; padding-top:10px; display:inline-block;}
.blog-post .post-controls > a.prev::before {content: "\e006";}
.blog-post .post-controls > a.next::before {content: "\e007";}
.blog-post .post-sharing > div {display:inline-block; margin-left:10px;vertical-align: top;}
.blog-post .post-sharing > div:first-child {margin-left:0px;}
.blog-post .post-content {line-height:1.7; font-size: 14px;}
.blog-post .post-content.dropcaps p:first-child:first-letter { font-weight:700; font-size:30px; background:#ad0404; color:#fff; padding:7px; line-height:1; margin-right:10px; margin-bottom:0px; display:inline-block; float:left; }
.blog-post .post-content blockquote {font-size:14px; font-style:italic; color:#8d8e8e; padding-left:20px; margin-left:30px; border-left:13px solid #f4f4f4;}

.blog-post .post-tags h6 {color:#a2a2a2; font-style:italic; font-size:12px; text-transform:uppercase; display:inline-block; margin:0 15px 0 0; vertical-align:top;line-height: 28px;}
.blog-post .post-tags ul {display:inline-block; margin:0; padding:0; list-style:none;}
.blog-post .post-tags li {display:inline-block; margin: 00;line-height: 1;}
.blog-post .post-tags li a {font-size:11px; color:#fff; font-weight:600; line-height:28px; padding:0 5px; background:#cccccc; display:block; text-decoration:none;
-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; }
.blog-post .post-tags ul li a:hover { background:#ad0404}
.blog-post .post-navigation {margin:0 0 50px; padding:30px; list-style:none; background:#f5f5f5; border-top:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8; }
.blog-post .post-navigation li {width: 49.8%;float: left;}
.blog-post .post-navigation li.next-post {text-align:right;float: right;}
.blog-post .post-navigation li a {font-size:16px; color:#45474d; text-decoration:none;}
.blog-post .post-navigation li.prev-post a::before,
.blog-post .post-navigation li.next-post a::after{font-family: 'icomoon'; font-size:12px; color:#fff; padding-top: 6px; display:inline-block; width: 27px;height: 27px;background: #23262d;text-align: center;vertical-align: middle;border-radius: 3px;}
.blog-post .post-navigation li.prev-post a::before {content: "\e006"; margin-right:10px; padding-right:1px;}
.blog-post .post-navigation li.next-post a::after {content: "\e007"; margin-left:10px;}
.blog-post .post-navigation li.prev-post a:hover::before,
.blog-post .post-navigation li.next-post a:hover::after{ background:#ad0404;}
.blog-post .post-author {color:#45474d; margin-bottom:50px;}
.blog-post .post-author .author-avatar {width:100px; float:left; margin-right:20px;}
.blog-post .post-author .author-avatar img {border: 2px solid #FFF; box-shadow: 0 0 0 1px #bdbdbd;}
.blog-post .post-author .author-details {margin-left:120px;}
.blog-post .post-author .author-details h4 {margin-bottom: 15px; padding-bottom: 10px; line-height: 1;}
.blog-post .post-author .author-details p {margin-bottom:10px;}
.blog-post .post-author .author-details a {color:#c3c3c5;}
.blog-post .popular-articles {margin-bottom: 10px;}
.blog-post .popular-articles .wgt-title {margin-bottom: 30px;}
.blog-post .popular-articles .ppa-post { margin-bottom:20px;}
.blog-post .popular-articles .ppa-post h5 {margin:15px 0 0; font-size:15px; text-align:center;}
.blog-post .popular-articles .ppa-post h5 a {color:#2B2D30;}
.blog-post .popular-articles .ppa-post h5 a:hover {color:#ad0404; text-decoration: none;}
/* Post Action */
.post-actions {margin:0; padding: 0; list-style: none; float:right;}
.post-actions li {display: inline-block; margin-left:5px;}
.post-actions li a {color:#acacac; font-size: 11px; font-weight: normal; text-decoration: none; line-height: 1;}
.post-actions li a:hover {color:#888;}
.post-actions li a::before {margin-right: 4px; line-height: 1; font-size: 13px; vertical-align: middle;}
.post-actions li a.comments::before {font-size:16px;}
.post-actions li a:hover::before {color:#ad0404;}


/* blog-page blog-timeline */
.blog-page.blog-timeline .blog-posts {margin:0;}
.blog-page.blog-timeline .bpost {margin-left: 120px; position: relative; padding: 40px 0; background:#fff; border-radius: 0 0 4px 4px; box-shadow: 0 1px 1px rgba(0,0,0,.07); }
.blog-page.blog-timeline .bpost::after,
.blog-page.blog-timeline .bpost::before {content:''; position:absolute; width:1px; height:100%; left:-67px; background:#fff;top: 0;padding-bottom: 60px;  box-sizing: content-box;}
.blog-page.blog-timeline .bpost::before {left:-68px; background:#dddddd;}
.blog-page.blog-timeline .bpost .date {position:absolute; top:0; left:-120px; width:110px; background:#eae9e9; border-radius: 3px;  font-size: 13px; font-weight: 600; color:#0e111c; text-align: center; line-height: 36px;z-index: 1;height: 36px;}
.blog-page.blog-timeline .bpost .post-qshare {position:absolute; top: 50px; left: -75px; z-index:1 }
.blog-page.blog-timeline .bpost .post-qshare > a {display:block; color:#ddd; font-size:16px; background:#f5f5f5; padding:3px 0; text-decoration:none; }
.blog-page.blog-timeline .bpost .post-qshare > a:hover,
.blog-page.blog-timeline .bpost .post-qshare:hover > a {color:#46484f; }
.blog-page.blog-timeline .bpost .post-qshare > ul {opacity:0; visibility:hidden; list-style:none; margin:0; padding:10px 0; background:#46484f; border-radius:3px; width:50px; position:absolute; top:30px; left:-17px;}
.blog-page.blog-timeline .bpost .post-qshare:hover > ul {color:#46484f; opacity:1; visibility:visible; }
.blog-page.blog-timeline .bpost .post-qshare > ul::before {content:''; border:5px solid transparent; border-bottom-color:#46484f; position:absolute; top:-10px; left:50%; margin-left:-5px;}
.blog-page.blog-timeline .bpost .post-qshare > ul a {color:rgba(255,255,255,0.4); display:block; text-align:center; padding:6px 0;  font-size:16px; text-decoration:none;}
.blog-page.blog-timeline .bpost .post-qshare > ul a:hover {color:#fff;}
.blog-page.blog-timeline .bpost .post-head > [data-role="title"],
.blog-page.blog-timeline .bpost .post-details,
.blog-page.blog-timeline .bpost .post-content,
.blog-page.blog-timeline .bpost .readmore-btn { margin-left:40px; margin-right:40px; }
.blog-page.blog-timeline .bpost .post-head > [data-role="title"] { margin-top: 0; margin-bottom:5px; }
.blog-page.blog-timeline .bpost .post-head > [data-role="title"],
.blog-page.blog-timeline .bpost .post-head > [data-role="title"] a {color: #0E111C;}
.blog-page.blog-timeline .bpost .post-head > [data-role="title"] a:hover {color: #ad0404; text-decoration: none}
.blog-page.blog-timeline .bpost .post-head {border:0; position:static;}
.blog-page.blog-timeline .bpost .post-head .post-image {margin-bottom:30px;margin-top: -40px;}
.blog-page.blog-timeline .bpost .post-head .post-image.small {float:left; margin:5px 40px 10px 40px; max-width: 220px;}
.blog-page.blog-timeline .bpost .post-details {margin-top:0}
.blog-page.blog-timeline .post-actions {position: absolute;right: 40px;margin: 0;bottom: 40px;}
.blog-page.blog-timeline .post-actions li a {font-size: 14px;}
.blog-page.blog-timeline .bpost.post-quote {background: #48C5F4; color: #FFF; border-radius:4px; padding:  40px 0; }
.blog-page.blog-timeline .bpost.post-link {background: #ad0404; color: #FFF; border-radius:4px; padding:  40px 0; }
.blog-page.blog-timeline .bpost.post-soundcloud {background: #FF6347; color: #FFF; }
.blog-page.blog-timeline .bpost.post-quote .post-content,
.blog-page.blog-timeline .bpost.post-quote .post-content a,
.blog-page.blog-timeline .bpost.post-link .post-content,
.blog-page.blog-timeline .bpost.post-link .post-content a,
.blog-page.blog-timeline .bpost.post-soundcloud .post-content,
.blog-page.blog-timeline .bpost.post-soundcloud .post-content a,
.blog-page.blog-timeline .bpost.post-quote .post-actions li a,
.blog-page.blog-timeline .bpost.post-link .post-actions li a,
.blog-page.blog-timeline .bpost.post-soundcloud .post-actions li a,
.blog-page.blog-timeline .bpost.post-quote .post-head [data-role="title"],
.blog-page.blog-timeline .bpost.post-link .post-head [data-role="title"],
.blog-page.blog-timeline .bpost.post-soundcloud .post-head [data-role="title"],
.blog-page.blog-timeline .bpost.post-quote .post-head [data-role="title"] a,
.blog-page.blog-timeline .bpost.post-link .post-head [data-role="title"] a,
.blog-page.blog-timeline .bpost.post-soundcloud .post-head [data-role="title"] a,
.blog-page.blog-timeline .bpost.post-soundcloud .post-details { color: #FFF; }
/*quote post*/
.blog-page.blog-timeline .bpost.post-quote blockquote {font-size:26px; font-style: italic; line-height: 1.4; border:0; margin:0 0 15px; padding:0 0 0 55px; position:relative;}
.blog-page.blog-timeline .bpost.post-quote blockquote::before {content:'\201C'; font-family: "Trebuchet MS"; font-size: 120px; position: absolute; left: -25px; top:0; color:#3399bf; line-height: 1; display: block; }
.blog-page.blog-timeline .bpost.post-quote blockquote ~ small {font-size:14px; font-style: italic; line-height: 1.4; border:0; margin: 0 0 0 55px; position:relative;padding-left: 20px;}
.blog-page.blog-timeline .bpost.post-quote blockquote ~ small::before {content:''; position: absolute; left: -5px; top:0; background:#3399bf; width:15px; height:1px; top: 9px;}
/*link post*/
.blog-page.blog-timeline .bpost.post-link .post-content a { font-size: 13px; text-decoration: underline; }
.blog-page.blog-timeline .bpost.post-link .post-head [data-role="title"]::after {font-family: 'icomoon'; content: "\e60c"; position: absolute; top: 30px; right: 30px; color: rgba(0, 0, 0, 0.17);}
/*img post*/
.blog-page .bpost.post-img .post-head {position:relative;}
.blog-page .bpost.post-img [data-role="title"] {position:absolute; bottom:30px; left:0; margin: 0;}
.blog-page .bpost.post-img [data-role="title"] a {background: rgba(0, 0, 0, 0.65); font-size: 22px; padding: 6px 10px; line-height: 1.6; font-weight: 300; border-radius: 2px; font-style: italic;}
.blog-page.blog-timeline .bpost.post-img .post-head > [data-role="title"],
.blog-page.blog-timeline .bpost.post-img .post-head > [data-role="title"] a { color: #FFF; text-decoration: none; }
.blog-page.blog-timeline .bpost.post-img .post-details {margin-bottom: 0;}
/*image slider post*/
.blog-page .bpost .caroufredsel li {display:inline-block;}
.blog-page .bpost .cfs--pagination {bottom:auto;line-height:1;right:20px;width:auto;top:100%;height:6px;margin-top:28px;left: auto;}
.blog-page .bpost .cfs--pagination a {background: #d6d6d7; width:6px; height:6px; box-shadow: none; margin:0 2px;}
.blog-page .bpost .cfs--pagination a.selected {background: #ad0404;}

/* smallslider (used for popular articles) */
.smallslider .cfs--navigation a {width:30px; height:30px; color:#fff; background:transparent;border-radius: 0; margin-top: -15px; padding-top: 1px; line-height: 30px; text-align: center; border-radius: 0; opacity:0.7;}
.smallslider:hover .cfs--navigation a { background:rgba(0,0,0,0.3); }
.smallslider .cfs--navigation a::before {font-size:14px; margin-top:3px}
.smallslider .cfs--pagination {text-align: right; right:10px;}
.smallslider .cfs--pagination a {margin:0 2px; width:5px; height:5px; background:#fff; background:rgba(255,255,255,0.7); overflow:hidden; opacity: 1; }
.smallslider .cfs--pagination a.selected {background:#fff;}

/* tabs */
ul.nav-tabs {margin-left: 0;margin-bottom: 20px;}

ul.vs-tabs {border-bottom:2px solid #e8e8e8;}
ul.vs-tabs > li {margin-bottom: -2px;}
ul.vs-tabs > li > a {border: 0; border-radius:0; color:#b1b2b4; font-size:14px; margin-right:25px; padding:15px 0; line-height:1; font-weight:600;}
ul.vs-tabs > li > a:hover {color: #45474d; background:none; border:0;}
ul.vs-tabs > li.active > a,
ul.vs-tabs > li.active > a:hover,
ul.vs-tabs > li.active > a:focus {color: #45474d; background-color: transparent; border: 0; border-bottom: 2px solid #ad0404; }
.tab-content.vs-tabs {margin-top:40px;}

/* tabs - clean style */
ul.clean-tabs {border-bottom: 1px solid #e5e5e5; background: #F5F6F6; border-radius:4px 4px 0 0; border-right: 1px solid #e5e5e5; margin-bottom: 0;}
ul.clean-tabs > li {margin-bottom: -1px;}
ul.clean-tabs > li > a {border: 0; border-radius:0; color:#474747; font-size:14px; padding:18px 17px; line-height:1; margin:0; border-left: 0;}
ul.clean-tabs > li > a:hover {color: #000; background:none;}
ul.clean-tabs > li.active > a,
ul.clean-tabs > li.active > a:hover,
ul.clean-tabs > li.active > a:focus {color: #2a83ed; background-color: #fff; border: 0; border-bottom: 1px solid #FFFFFF; border-left: 1px solid #e5e5e5; border-top: 1px solid #e5e5e5;border-right: 1px solid #E5E5E5;margin-top: -1px;}
ul.clean-tabs > li:first-child > a {border-radius: 4px 0 0 0}
ul.clean-tabs > li:last-child > a,
ul.clean-tabs > li:last-child > a:hover {/* border-right: 0; */}
ul.clean-tabs ~ .tab-content {margin-top:0;background:#fff;padding:30px;color:#888;border-radius:0 0 4px 4px;border-bottom: 2px solid #e5e5e5;border-right: 1px solid #e5e5e5;border-left: 1px solid #e5e5e5;}
ul.clean-tabs ~ .tab-content ul:last-child,
ul.clean-tabs ~ .tab-content p:last-child {margin-bottom:0;}

.colored-area ul.clean-tabs {border-bottom:1px solid #e9e9e9; background:#fff; border-radius:4px 4px 0 0; border-right:1px solid #EDEEEF; margin-bottom: 0;}
.colored-area ul.clean-tabs > li > a {border: 0; color:#474747; border-left:1px solid #e9e9e9;}
.colored-area ul.clean-tabs > li > a:hover {color: #000; background:none;}
.colored-area ul.clean-tabs > li.active > a,
.colored-area ul.clean-tabs > li.active > a:hover,
.colored-area ul.clean-tabs > li.active > a:focus {color: #2a83ed; background-color: transparent; border: 0; border-bottom: 1px solid #FFFFFF; border-left: 1px solid #e9e9e9; margin-top: 0;}
.colored-area ul.clean-tabs > li:last-child > a,
.colored-area ul.clean-tabs > li:last-child > a:hover {border-right: 1px solid #E9E9E9;}

/* tabs - pill style */
ul.pill-tabs { display:table; border-radius: 0;margin: 0 0 40px; width:100%; border:1px solid #e6e7e8; border-radius: 5px; table-layout: fixed;}
ul.pill-tabs::after,
ul.pill-tabs::before {display:none;}
ul.pill-tabs li {display:table-cell; margin:0; float: none; border-left:1px solid #e6e7e8;}
ul.pill-tabs li:first-child { border-left: 0;}
ul.pill-tabs li a {font-size: 14px; color:#474747;display: block;text-align: center;border: 0;padding: 18px 0;line-height: 1;  margin: 0;border-radius: 0;}
ul.pill-tabs li:first-child a {border-radius: 5px 0 0 5px}
ul.pill-tabs li:last-child a {border-radius: 0 5px 5px 0;border: 0;}
ul.pill-tabs > li.active > a,
ul.pill-tabs > li.active > a:hover,
ul.pill-tabs > li.active > a:focus {color: #2a83ed; background-color: #f7f7f7; box-shadow:0 2px 2px #eee inset; border: 0;}
ul.pill-tabs ~ .tab-content {padding:0; border:0;}

/* Isotop Sortable Portfolio */
ul.project-filter {list-style:none; margin: 0 0 30px; padding:0; line-height: 1;}
ul.project-filter li {display:inline-block; font-size:13px; color:#9c9c9d; margin-right:25px; cursor:pointer; line-height: 1; font-weight: 600;}
/* project filter attached to page header */
ul.project-filter.toheader {position:absolute; bottom:0; left: 15px;}
ul.project-filter.toheader li {color:#fff; color:rgba(255,255,255,0.7);}
ul.project-filter.toheader.toright {left: auto; right: 15px;}
#page-header .project-filter-container {position:absolute; bottom:0; left:0; margin:0; width:100%;}
ul.project-filter li:last-child { margin-right:0; }
ul.project-filter li:hover,
ul.project-filter li.active {color:#ad0404;}
ul.project-filter li.textitem {color:#fff; cursor:default;}
/* Project list */
ul.project-list {list-style-type: none; -webkit-backface-visibility: hidden; margin:0 -15px;}
ul.project-list::after { width: 100%; display:inline-block; content:''; }
ul.project-list .project-item { font-size:13px; text-align: center; vertical-align: top; display: block; float: left; }
ul.project-list .inner-item { padding: 0 15px; margin-bottom: 2%; }
ul.project-list[data-columns="1"] .project-item { width: 100%; margin-bottom: 2%; }
ul.project-list[data-columns="2"] .project-item { width: 50%; width:-webkit-calc( 100% / 2 ); width: calc( 100% / 2 ); margin-bottom: 2%; }
ul.project-list[data-columns="3"] .project-item { width: 33.3333%; width:-webkit-calc(100% / 3); width:calc(100% / 3); margin-bottom: 1.9%; }
ul.project-list[data-columns="4"] .project-item { width: 25%; width:-webkit-calc( 100% / 4); width:calc( 100% / 4);  margin-bottom: 2%; }
ul.project-list[data-columns="5"] .project-item { width: 20%; width:-webkit-calc( 100% / 5 ); width: calc( 100% / 5 ); margin-bottom: 1.8%; }
ul.project-list[data-columns="6"] .project-item { width: 16.66666666666667%; width:-webkit-calc(100% / 6); width:calc(100% / 6); margin-bottom: 1.8%; }

@media (max-width: 419px) {
	ul.project-list .project-item {width:100% !important;}
}
@media (min-width: 420px) and (max-width: 767px) {
	ul.project-list[data-columns="2"] .project-item,
	ul.project-list[data-columns="3"] .project-item,
	ul.project-list[data-columns="4"] .project-item,
	ul.project-list[data-columns="5"] .project-item,
	ul.project-list[data-columns="6"] .project-item {width:50%;}
}
@media (min-width: 768px) and (max-width: 991px){
	ul.project-list[data-columns="3"] .project-item,
	ul.project-list[data-columns="4"] .project-item,
	ul.project-list[data-columns="5"] .project-item,
	ul.project-list[data-columns="6"] .project-item {width: 33.3333%; width:-webkit-calc(100% / 3); width:calc(100% / 3);}
}
@media (min-width: 992px) and (max-width: 1199px){
	ul.project-list[data-columns="4"] .project-item,
	ul.project-list[data-columns="5"] .project-item,
	ul.project-list[data-columns="6"] .project-item {width: 25%;}
}

ul.project-list li { margin-left: 0; }
ul.project-list li [data-role="title"] {font-size:15px; font-weight:600; color:#686b78; margin:0 0 10px; line-height:1; text-transform:uppercase;}
ul.project-list li .prj-info {margin-top:20px}
ul.project-list li .img-placeholder {position:relative;}
ul.project-list .overlay {opacity:0; visibility:hidden; position:absolute; left:0; top:0; bottom:0; right:0; background: rgba(0, 0, 0, 0.5); }
ul.project-list .overlay-inner {position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 100%;}
ul.project-list .overlay a {display:inline-block; font-size:13px; font-weight:600; color:#fff; padding:15px 30px; border:1px solid #fff; border-radius:2px; text-decoration:none; line-height:1; margin-left:5px;  margin-right:5px; position: relative; }
ul.project-list .overlay a:hover {border-color:transparent; background:#ad0404;}
ul.project-list .overlay a:nth-child(1) {top: -50px;}
ul.project-list .overlay a:nth-child(2) {top: 50px;}
ul.project-list li:hover .overlay {opacity:1; visibility:visible; }
ul.project-list li:hover .overlay a { top: 0; }
ul.project-list li .appreciate {display:inline-block; width:36px; height:36px; border-radius:18px; background:#dddddd; text-decoration:none;}
ul.project-list li .appreciate::before {font-family: 'icomoon'; content: "\e600"; font-size:18px; line-height: 39px; text-align:center; color:#fff; }
ul.project-list li .appreciate:hover {background:#ad0404;}
ul.project-list li .appreciate:hover::before {font-family:'Open Sans', Helvetica, Arial, sans-serif; content: attr(data-appreciations); font-size:14px; font-weight:700; line-height:36px;}
/* project list - style2 */
ul.project-list.style2 .inner-item {position:relative;overflow: hidden;}
ul.project-list.style2 .prj-info {margin:0; position:absolute; width:100%; top:100%; z-index: 1; opacity:0; visibility:hidden; background:rgba(255,255,255,0.95); padding:25px; text-align: left;}
ul.project-list.style2 .prj-info::before {content:''; position:absolute; left:30px; bottom:100%; border:6px solid transparent; border-bottom-color:rgba(255,255,255,0.95); }
ul.project-list.style2 .prj-info > div { float: left;  width:-webkit-calc( 100% - 40px); width:calc( 100% - 40px);}
ul.project-list.style2 [data-role="title"] { text-transform: none; color:#242731; font-size: 16px; }
ul.project-list.style2 [data-role="cat"] { color:#888; font-size:13px; font-weight: 600; margin: 0; }
ul.project-list.style2 li:hover .prj-info {-webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); opacity:1; visibility:visible;}
ul.project-list.style2 .appreciate {background:none; float:right; height:auto; color:#888;  text-align: center;line-height: 1;}
ul.project-list.style2 .appreciate::before,
ul.project-list.style2 .appreciate:hover::before {color:#ad0404; line-height: 1; font-size:18px}
ul.project-list.style2 .appreciate::after {content: attr(data-appreciations); font-size:13px; line-height: 1; text-align:center;display:block; vertical-align: bottom;margin-top: 5px;}
ul.project-list.style2 .appreciate:hover::before {font-family: 'icomoon'; content: "\e600"; color:#565656;}
ul.project-list.style2 .appreciate:hover {background:none;}
ul.project-list.style2 .overlay {background: rgba(54, 54, 54, 0.85); }
ul.project-list.style2 .overlay a {color:#fff; padding: 10px 15px; top:0; }
ul.project-list.style2 .overlay a:hover {background:#ad0404; border-color:transparent;}
ul.project-list.style2 .overlay a:nth-child(1) {top: -50px;}
ul.project-list.style2 .overlay a:nth-child(2) {top: -55px; -webkit-transition-delay:0.05s !important; transition-delay:0.05s !important;}
ul.project-list.style2 li:hover .overlay a { top: 0; }

/* Portfolio Full Width */
.fullwidthportfolio.portfolio-items { width:100%; padding:0; }
.fullwidthportfolio.portfolio-items > .row { margin-left: 0; margin-right: 0; }
.fullwidthportfolio.portfolio-items > .row > div { float:none; padding:0; }
.fullwidthportfolio ul.project-list {margin: 0; overflow: visible !important;}
.fullwidthportfolio ul.project-list .project-item { margin-bottom:0;}
.fullwidthportfolio ul.project-list .inner-item {padding: 0; margin-bottom:0;}
.fullwidthportfolio ul.project-list li { -webkit-transition-property: -webkit-transform, opacity, box-shadow; transition-property: transform, opacity, box-shadow}
.fullwidthportfolio ul.project-list li:hover { box-shadow: 0 0 30px rgba(0, 0, 0, 0.5); z-index: 3; }


/* Blogfolio styles */
.blogfolio-container { margin: 0 -14px 100px ;  }
.blogfolio-item {float: left; padding: 0 11px; margin-bottom: 2%;}
.blogfolio-container[data-columns="3"] .blogfolio-item,
.blogfolio-container[data-columns="5"] .blogfolio-item  {margin-bottom: 1.8%;}
.blogfolio-item .inner-item { border-radius: 5px; background-color: #fff; box-shadow: 0 1px 1px rgba(0,0,0,.1);  min-height: 90px;}
.blogfolio-item:hover .inner-item {box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); }
.blogfolio-container[data-columns="1"] .blogfolio-item,
.blogfolio-container[data-columns="1"] .grid-sizer { width: 100%;  }
.blogfolio-container[data-columns="2"] .blogfolio-item,
.blogfolio-container[data-columns="2"] .grid-sizer { width: 50%;  }
.blogfolio-container[data-columns="3"] .blogfolio-item,
.blogfolio-container[data-columns="3"] .grid-sizer { width: 33.33%; }
.blogfolio-container[data-columns="4"] .blogfolio-item,
.blogfolio-container[data-columns="4"] .grid-sizer { width: 25%;  }
.blogfolio-container[data-columns="5"] .blogfolio-item,
.blogfolio-container[data-columns="5"] .grid-sizer { width: 20%;  }
.blogfolio-container[data-columns="6"] .blogfolio-item,
.blogfolio-container[data-columns="6"] .grid-sizer { width: 16.65%;  }
.blogfolio-container[data-columns="7"] .blogfolio-item,
.blogfolio-container[data-columns="7"] .grid-sizer { width: 14.27%;  }
.blogfolio-container[data-columns="8"] .blogfolio-item,
.blogfolio-container[data-columns="8"] .grid-sizer { width: 12.5%;  }

@media (max-width: 419px) {
	.blogfolio-container .blogfolio-item,
	.blogfolio-container .grid-sizer {width:100% !important;}
}
@media (min-width: 420px) and (max-width: 767px) {
	.blogfolio-container[data-columns]:not([data-columns="1"]) .blogfolio-item,
	.blogfolio-container[data-columns]:not([data-columns="1"]) .grid-sizer  {width:50%;}
}
@media (min-width: 768px) and (max-width: 991px){
	.blogfolio-container[data-columns]:not([data-columns="1"]):not([data-columns="2"]) .blogfolio-item,
	.blogfolio-container[data-columns]:not([data-columns="1"]):not([data-columns="2"]) .grid-sizer  {width: 33.3333%; width:-webkit-calc(100% / 3); width:calc(100% / 3);}
}
@media (min-width: 992px) and (max-width: 1199px){
	.blogfolio-container[data-columns]:not([data-columns="1"]):not([data-columns="2"]):not([data-columns="3"]) .blogfolio-item,
	.blogfolio-container[data-columns]:not([data-columns="1"]):not([data-columns="2"]):not([data-columns="3"]) .grid-sizer   {width: 25%;}
}

.blogfolio-item .post-image a {display:block;}
.blogfolio-item .post-image a:hover {opacity:0.9;}
.blogfolio-item .post-image img {border-radius: 5px 5px 0 0;width: 100%;}
.blogfolio-item .post-details { padding:20px; color:#888; }
.blogfolio-item .post-title {font-size:15px; line-height:1.3; margin-bottom:13px; }
.blogfolio-item .post-title a {color:#45474d; }
.blogfolio-item .post-title a:hover {color:#ad0404; text-decoration: none; }
.blogfolio-item .post-content {margin-bottom: 35px; font-size: 12px;}
.blogfolio-item .data {font-size: 11px; color:#acacac;}

/*post-gallery*/
.blogfolio-item .cfs--pagination {bottom:auto;line-height:1;right:20px;width:auto;top:100%;height:6px;margin-top:28px; left:auto; }
.blogfolio-item .cfs--pagination a {background: #d6d6d7; width:6px; height:6px; display:inline-block; box-shadow: none !important; margin:0 2px;}
.blogfolio-item .cfs--pagination a.selected {background: #ad0404;}
/*post-quote*/
.blogfolio-item[data-type="post-quote"] .inner-item {background:#48c5f4; color:#fff; }
.blogfolio-item[data-type="post-quote"] .post-title {font-size:20px; font-weight: 600; font-style: italic; line-height:1.3; padding-left: 30px; position: relative; margin-bottom: 30px; }
.blogfolio-item[data-type="post-quote"] .post-title::before {content:'\201C'; font-family: "Trebuchet MS"; font-size: 40px; position: absolute; left: -5px; top:0; color:#3399bf; line-height: 1; display: block; }
.blogfolio-item[data-type="post-quote"] .inner-item a { color:#fff; }
.blogfolio-item[data-type="post-quote"] .inner-item a:hover { opacity:.9; }
.blogfolio-item[data-type="post-quote"] .post-actions a {color:#fff;}
.blogfolio-item[data-type="post-quote"] .post-actions a:hover::before {color:#fff;}
.blogfolio-item[data-type="post-quote"] .data {color:#fff;}
/*post-soundcloud*/
.blogfolio-item[data-type="post-soundcloud"] .inner-item {background:#F50; color:#fff; }
.blogfolio-item[data-type="post-soundcloud"] .post-title {color:#fff; font-weight: 600;}
.blogfolio-item[data-type="post-soundcloud"] .inner-item a { color:#fff; }
.blogfolio-item[data-type="post-soundcloud"] .inner-item a:hover { opacity:.9; }
.blogfolio-item[data-type="post-soundcloud"] .post-actions a {color:#fff;}
.blogfolio-item[data-type="post-soundcloud"] .post-actions a:hover::before {color:#fff;}
.blogfolio-item[data-type="post-soundcloud"] .data {color:#fff;}
/*post-link*/
.blogfolio-item[data-type="post-link"] .inner-item {background:#ad0404; color:#fff; }
.blogfolio-item[data-type="post-link"] .post-title {font-size:20px; font-weight: 600; line-height:1.2; margin-bottom: 15px; padding-right: 30px; position: relative; }
.blogfolio-item[data-type="post-link"] .post-title::after {font-family:'icomoon'; content: "\e60c"; position: absolute; top: 0; right: 0; color: rgba(0, 0, 0, 0.5);}
.blogfolio-item[data-type="post-link"] .inner-item a { color:#fff; }
.blogfolio-item[data-type="post-link"] .inner-item a:hover { opacity:.9; }
.blogfolio-item[data-type="post-link"] .post-content a {font-size: 13px; padding-bottom: 1px; border-bottom-width: 1px; border-bottom-style: solid; text-decoration: none}
.blogfolio-item[data-type="post-link"] .post-actions a {color:#fff;}
.blogfolio-item[data-type="post-link"] .post-actions a:hover::before {color:#fff;}
.blogfolio-item[data-type="post-link"] .data {color:#fff;}
/*post-videogallery*/
.blogfolio-item[data-type="post-videogallery"] .slides li {position: relative;}

/* Infinite Scroll loader */
#infscr-loading { text-align: center; z-index: 100; position: absolute; bottom: -50px; width: 260px; padding: 10px; background: none; color: #999; border-radius: 3px; left: 50%; margin-left: -130px; font-size: 14px;  font-weight: 700; text-transform: uppercase; letter-spacing: -1px; }
#infscr-loading img {display: inline-block; margin: 0 0 15px;}
#infscr-loading .finishmsg {color:#595959;}

/**** Isotope Filtering ****/
.isotope-item {z-index: 2;}
.isotope-hidden.isotope-item {pointer-events: none; z-index: 1; }
/**** Isotope CSS3 transitions ****/
.isotope,
.isotope .isotope-item { -webkit-transition-duration: 0.8s; transition-duration: 0.8s; }
.isotope { -webkit-transition-property: height, width; transition-property: height, width; }
.isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; transition-property: transform, opacity;
-webkit-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden;}
/**** disabling Isotope CSS3 transitions ****/
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {-webkit-transition-duration: 0s; transition-duration: 0s; }


/* Full preview portfolio page */
#page-slideshow .slide-image + .container,
.full-preview .container { position: relative; }
.full-preview .full-preview-img { margin:0 auto; width:100%; }
#page-slideshow .likebox,
.full-preview .likebox { position: absolute; top:50px; right:0;}
.likebox {list-style: none; margin:0 0 30px; padding:0; border: 1px solid #eee; border-radius: 3px; display: inline-block;}
.likebox li {float:left;}
.likebox li a { background:#fff; border-left: 1px solid #f0efef; width:40px; height:40px; line-height:42px; color:#C5C5C5; text-align: center; text-decoration: none; display:block; font-size: 16px }
.likebox.darker {border:0;}
.likebox.darker li a { background:#f4f3f3; border-left: 1px solid #E4E4E4; color: #A8A8A8;}
.likebox li a:hover { background: #fafafa;}
.likebox.darker li a:hover { background: #EBEBEB;}
.likebox.darker {border:0;}
.likebox li:first-child a { border-radius: 3px 0 0 3px; border-left: 0; }
.likebox li:last-child a { border-radius: 0 3px 3px 0; }
.likebox li .vs_like { font-size: 14px; font-weight: 700; width: 65px; }


/* 404 page */
.page404 {text-align:center;}
.page404 form {width:375px; margin:0 auto 35px; position:relative}
.page404 form input {width:100%; font-size:14px; color:#9ea3a7; background:#fafbfc; border:1px solid #e6ebec; border-radius:3px; outline: none; padding: 11px;}
.page404 form button {color:#c2c2c2; font-size: 21px; background:none; border:0; position:absolute; right: 6px; top:7px;outline: none;}
.page404 form button:hover {color:#999;}
.page404 .btn {font-size:13px; font-weight:500; text-transform:none;}


/* about us page */
.aboutus-page {text-align:center; padding:80px 0px 40px;}


/* features list */
.feature {margin-bottom:40px;}
.feature .vs-icon { font-size:40px; color:#ad0404; margin-bottom: 10px; display:inline-block; }
.feature .feature-title { font-size:18px; margin-bottom: 10px;}
.feature .feature-content {color:#888888;}
/* feature - style2 */
.feature.style2 .vs-icon { float: left; font-size: 35px; margin-right: 15px; }
.feature.style2 .feature-title { font-size: 16px; line-height: 1.4; color: #6A6B6B; }
.feature p:last-child {margin-bottom: 0;}

/* imagelist */
.imagelist {list-style: none; margin:0; padding:0; width:100%; display: table; table-layout: fixed;}
.imagelist > li { display: table-cell; text-align: center; position: relative; line-height: 1;}
.imagelist .overlay {opacity:0; visibility:hidden; position:absolute; left:0; top:0; bottom:0; right:0; background: rgba(0, 0, 0, 0.5); }
.imagelist .overlay .ov-wrapper {position: absolute; top: 50%; width: 100%; -webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}
.imagelist .overlay a {display:inline-block; font-size:13px; font-weight:600; color:#fff; padding:11px 20px; border:1px solid #fff; border-radius:2px; text-decoration:none; line-height:1; margin-left:5px;  margin-right:5px; position: relative;}
.imagelist .overlay a:hover {border-color:transparent;}
.imagelist .overlay a:nth-child(1) {top: -50px;}
.imagelist .overlay a:nth-child(2) {top: 50px;}
/*.imagelist > li .overlay a:hover {background:#393b43; border-color:transparent;}*/
.imagelist li:hover .overlay {opacity:1; visibility:visible; }
.imagelist li:hover .overlay a { top: 0; }
@media (max-width: 767px){ .imagelist > li:nth-child(2) ~ li  {display: none} }
@media (min-width: 768px) and (max-width: 991px){ .imagelist > li:nth-child(3) ~ li  {display: none} }
@media (min-width: 992px) and (max-width: 1199px) { .imagelist > li:nth-child(4) ~ li  {display: none} }


/*team-carousel*/
.team-carousel {margin-left: -15px;margin-right: -15px;}
.team-carousel .cfs--navigation {position:absolute; top:-31px; right:15px;}
.team-carousel .cfs--navigation a {float:left; margin-left:4px; position:static; width:22px; height:22px; border-radius:3px; color:#fff; opacity:1; margin:0; background:rgba(0,0,0,0.1); text-align:center;line-height: 22px;}
.team-carousel .cfs--navigation a.cfs--next {padding-left:2px;margin-left: 4px;text-align: center;}
.team-carousel .cfs--navigation a.cfs--prev {padding-right:2px;text-align: center;}
.team-carousel .cfs--navigation a::before {font-size:12px; line-height: 22px;}
.team-carousel:hover .cfs--navigation a,
.team-carousel .cfs--navigation a:hover { background:rgba(0,0,0,0.2);}

/* Team Member Block */
.team-member { margin:0 0 3px; padding: 0 0 15px; margin-bottom:40px; -webkit-backface-visibility:hidden;}
.team-carousel .team-member {margin:0 15px 3px; }
.team-member .mmb-title {margin-top:25px; margin-bottom:10px; font-size:18px; padding:0 15px; }
.team-member .mmb-position {color:#2a83ed; margin-bottom:20px; font-size:12px; padding:0 15px; }
.team-member .mmb-desc {color:#888; padding:0 15px; }
.team-member .separator {background: #E8E8E8; height: 1px; width: 100%; margin: 0 auto 20px; display: block;}
.team-member.text-center .separator {width: 80%;}
.team-member .mmb-social-list li {display:inline-block; margin:0 5px;}
.team-member .mmb-social-list a {color:#bababb; font-size:17px; text-decoration:none;}
.team-member:hover .mmb-social-list a,
.team-member .mmb-social-list a:hover {color:#828282;}
.team-member.tm-hover:hover {border-radius: 2px; background-color: #fff; box-shadow:0 1px 1px rgba(0, 0, 0, 0.1); }

/* Team member - style-2 */
.team-member.stl-style-2 {text-align: left; position: relative;}
.team-member.stl-style-2 .mmb-title { font-weight: 600; padding: 0; margin-bottom: 5px; }
.team-member.stl-style-2 .mmb-position { display:block; color:#b6b6b8; text-transform: uppercase; border-bottom: 1px solid #e8e8e8; padding: 0 0 20px;}
.team-member.stl-style-2 .mmb-desc {  padding: 0; }
.team-member.stl-style-2 .teamimage {display:block; background:#000; position: relative;}
.team-member.stl-style-2 .teamimage img {-webkit-backface-visibility:hidden; -webkit-transition:all .3s ease; transition:all .3s ease; }
.team-member.stl-style-2 .mmb-social-list { position: absolute; top: 150px; left: 15px; margin: 0; opacity:0; visibility:hidden; -webkit-transition:opacity .3s ease, visibility .3s ease; transition:opacity .3s ease, visibility .3s ease; }
.team-member.stl-style-2 .mmb-social-list li { margin: 0 0 0 5px; }
.team-member.stl-style-2 .mmb-social-list a { color: #FFF; font-size: 17px; text-decoration: none; width: 30px; height: 30px; line-height: 30px; text-align: center; vertical-align: middle; border: 1px solid rgba(255, 255, 255, 0.4);  }
.team-member.stl-style-2 .mmb-social-list a:before { padding:6px; }
.team-member.stl-style-2 .mmb-social-list a:hover { border: 1px solid transparent;}
.team-member.stl-style-2:hover .teamimage img {filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); filter: gray; -webkit-filter: grayscale(100%); opacity:.6; }
.team-member.stl-style-2:hover .mmb-social-list {opacity:1; visibility:visible;}
.team-member.stl-style-2:hover {border-radius: 0; background-color: transparent; box-shadow: none; }
/* Details Inside */
.team-member.stl-style-2 .details--inside {position: absolute; z-index: 0; top: 0; left: 0; bottom: 0; right: 0; padding: 20px 20px 0 20px; opacity:0; visibility:hidden; }
.team-member.stl-style-2 .details--inside .mmb-title {color: #FFF;}
.team-member.stl-style-2 .details--inside .mmb-position {color: #E3E3E3; border-bottom: 1px solid rgba(255, 255, 255, 0.33); }
.team-member.stl-style-2:hover .details--inside {opacity:1; visibility:visible;}

.colored-area .team-member.border-around > a {box-shadow: 0 0 0 5px #fff;}

/* team members - different markup */
.team-member .member-image {margin-bottom: 35px; -webkit-backface-visibility:hidden;}
.team-member:hover .member-image {filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); filter: gray; -webkit-filter: grayscale(100%); }
.team-member .member-name {font-size:21px; margin-bottom: 10px; line-height: 1.1; color:#45474d; }
.team-member .member-position {font-size: 13px; color:#888; text-transform: uppercase; line-height: 1;}
.team-member .member-desc {font-size: 13px; color:#888;}
.team-member .social_icons { display: inline-block; margin-left: 20px; vertical-align: middle; }
.team-member .social_icons ul {margin:0;line-height: 1;}
.team-member .social_icons ul li {line-height:1;}


/* call to action div */
.calltoaction {text-align: center;}
.calltoaction span.cta-title {font-size:26px; font-weight:300; color:#fff; vertical-align: middle;}

/* process list */
.process-list {position:relative;}
.process-list .processitems {padding:0; list-style:none; position:relative;}
.process-list .processitems li {text-align:center; position:relative; z-index:1; min-height: 1px; padding-left: 15px; padding-right: 15px; float:left; }
.process-list .processitems li .ico-wrapper {margin-bottom:30px;}
.process-list .processitems li .ico-wrapper > span {font-size:55px; color:#45474d; display:inline-block; width:120px; height:120px; text-align:center; position:relative; vertical-align:middle; background:#f2f3f4; border-radius:50%; line-height: 120px; }
.process-list .processitems li .ico-wrapper > span::after {opacity:0; visibility:hidden; content:''; position: absolute; width: 100%; top: 60px; height: 2px; background: #f2f3f4; left:100%; }
.process-list .processitems li.lined .ico-wrapper > span::after {opacity:1; visibility:visible;}
.process-list .processitems li.last .ico-wrapper > span::after {display:none;}
.process-list .processitems li h4 {font-size:20px;}
.process-list .processitems li p {color:#888;}
.process-list .processitems li:hover .ico-wrapper > span {color:#fff; background:#ad0404;}

/* simple-boxes */
.simple-boxes {margin-bottom: 40px}
.simple-boxes p,
.simple-boxes a {color:#888888;}
.simple-boxes p {padding:0 20px;}

/* vertical-tabs */
ul.vertical-tabs {float:left; width: 140px; list-style: none; margin:0; padding: 0; }
ul.vertical-tabs li {line-height: 1; }
ul.vertical-tabs li a {font-size: 14px; color:#45474d; line-height:1.3; display:block; padding:8px 0; margin-right:-1px; text-decoration: none;}
ul.vertical-tabs li a:hover,
ul.vertical-tabs li.active a {color:#2a83ed; }
ul.vertical-tabs li.active a {border-right: 4px solid #2a83ed; }
.tab-content.vertical-tabs {border-left: 1px solid #dddddd; padding-left: 25px; margin-left:140px; min-height:300px;  }

/* videothumb */
.videothumb {position: relative;}
.videothumb::before { width:57px; height: 57px; background: #ad0404; border-radius:50%; position: absolute; left: 50%; top: 50%; margin: -28px 0 0 -28px; content: ''; }
.videothumb::after { content: ''; position: absolute; left: 50%; top: 50%;  margin: -9px 0 0 -5px; border: 10px solid rgba(0, 0, 0, 0); border-left-color: #FFF; border-width: 10px 15px 10px 15px;}

/* simple header - controls */
.header-controls {list-style: none; float:right; margin: 15px 0 0; padding:0;}
.header-controls li {display:inline-block; margin-left: 10px;}
.header-controls li a { font-size: 35px; color:#0d111c; opacity: 0.4; display:inline-block; width: 25px; text-decoration: none; line-height: 1;}
.header-controls li a:hover {opacity:1;}
/* portfolio header - portfolio grid link */
/*.portfoliogridlink {float:left; margin-top: 15px; font-size: 60px; line-height: 1; color:#c7c7ca; text-decoration:none; font-family: "icomoon"; -webkit-font-smoothing: antialiased;}
.portfoliogridlink::before {content: "\e616";}*/
.portfoliogridlink {float: left;margin-top: 15px;line-height: 1;text-decoration: none;height: 38px;margin-bottom: 10px;}
.portfoliogridlink span {background-color:#c7c7ca; display: block; width:18px; height:18px; margin-bottom: 2px; float: left;}
.portfoliogridlink span:last-child {margin-left: 2px; }
.portfoliogridlink span::before {content:''; background-color:#c7c7ca; display: block; width:18px; height:18px;margin-top: 20px;}
.portfoliogridlink:hover span,
.portfoliogridlink:hover span::before {background-color:#B3B3B3; text-decoration:none; }

/* Photographer controls */
.photographer-controls {position: absolute;bottom: 0;left: 0;width: 100%;z-index: 1;background: #FFF;}

/* Portfolio Item Layout */
.portfolioitem-details {color:#888888;}
.portfolioitem-details h3.project-title {color:#474747;}
.portfolioitem-details .launchlink {float:right; margin-top: 15px;}
.portfolioitem-details h5.client {font-size:13px; margin-bottom:8px;color: #686a6f;}
.portfolioitem-details h5.client::before {content:attr(data-label); font-size: 11px; font-weight: 600; color: #D0D0D0; display:block; line-height:1; margin-bottom: 5px;}
.portfolioitem-details .project-sharing > div {display:inline-block; margin-left:10px; vertical-align: top;}
.portfolioitem-details .project-sharing > div:first-child {margin-left:0px;}

/* Comments */
.comments-container {padding:20px 0 40px;}
.comments-container .add-comment {color:#2a83ed; font-weight: 600; line-height: 16px; vertical-align: middle; text-decoration: none; float:right;margin-top: 12px;}
.comments-container .add-comment:hover {color:#474747; }
.comments-container .comments-title {font-size:28px; color:#45474d; margin-bottom:35px; }
.comments-container .comments-list {list-style:none; padding:0; margin:0 0 70px;}
.comments-container .comments-list li ul {list-style:none;margin-left:30px;}
/* Comment Block */
.comment--block {border-radius: 2px; background-color: #F7F7F7; box-shadow: 0 1px 1px rgba(0,0,0,.1); padding:30px; color:#888888; position:relative; margin-bottom:30px}
.comment--block.cmt--nested::before {content:''; position:absolute; width:15px; height:1px; background:#d9dadc; left:0; top:50%; margin-left:-30px; }
.comment--block.cmt--nested:hover::before {width:30px; }
.comment--block.cmt--nested::after {content:''; position:absolute; width:1px; height:100%; background:#d9dadc; left:0; top:0%; padding-bottom:30px; box-sizing:content-box; margin-left:-30px; }
.comments-list li:last-child .comment--block.cmt--nested::after {height:50%; background:#d9dadc; left:0; top:0%; padding-bottom:0; box-sizing:content-box; margin-left:-30px; }
.comment--block .reply-link {position:absolute; top:30px; right:30px; padding:0 15px; background-color:#d6d6d9; color:#fff; text-decoration:none; border-radius:2px; line-height:30px;}
.comment--block .reply-link:hover {background-color:#ad0404;}
.comment--block .avatar {max-width:70px; float:left; }
.comment--block .avatar ~ .comenter-name,
.comment--block .avatar ~ .cdetails,
.comment--block .avatar ~ .comment-content {margin-left:100px; }
.comment--block .comenter-name {font-size:14px; font-weight:600; color:#45474d; margin-bottom:5px}
.comment--block .comenter-name:hover {color:#ad0404;}
.comment--block .cdetails {font-size:11px; color:#888888; margin-bottom:25px; display:block; line-height:1;}
.comment--block .comment-content p:last-child {margin-bottom:0}
.colored-area .comment--block {background-color: #fff}

/* simpleslider styles */
.simpleslider img {border-radius: 2px;}
.simpleslider .cfs--navigation {position:absolute; right:0; bottom:0;width: 60px; height:30px;}
.simpleslider .cfs--navigation a {position:static; display:inline-block; width:30px; height:30px; opacity:1; float: left; color: #fff; margin:0; line-height:30px; text-align:center;  background: rgba(0,0,0,0.3);}
.simpleslider .cfs--navigation a:hover { background: rgba(0,0,0,0.5);}
.simpleslider .cfs--navigation a::before {font-size:14px; }
.simpleslider .cfs--navigation a.cfs--next { border-radius: 0 0 2px 0;}
.simpleslider .cfs--navigation a.cfs--prev { border-radius: 2px 0 0 0;}

/* fun-facts */
.fun-fact {text-align: center;}
.fun-fact .vs-icon {font-size:26px; margin-bottom: 9px;display: inline-block; }
.fun-fact .fun-number { font-size: 80px; font-weight: 300; color: #23262d; line-height: 80px; height: 80px; display: block; opacity: 0; -webkit-transition: opacity 0.3s ease-in; transition: opacity 0.3s ease-in; }
.fun-fact .fun-number.fadein {opacity:1;}
.fun-fact .fun-thing {font-size:15px; font-weight: 700; color:#45474d; line-height: 1.4; display:block; position:relative; margin-top: 35px;}
.fun-fact .fun-thing.topline::before {content:''; position:absolute; top: -15px; left:50%; width:80px; margin-left:-40px; height:1px; background:#dcddde;}

/* Pricing Tables */
.pricing-table {*zoom: 1;}
.pricing-table::before, .pricing-table::after {display: table; line-height: 0; content: ""; }
.pricing-table::after { clear: both; }
.pricing-table[data-columns="2"] .plan-column {width:50%;}
.pricing-table[data-columns="3"] .plan-column {width:33.3333%;}
.pricing-table[data-columns="4"] .plan-column {width:25%;}
.pricing-table[data-columns="5"] .plan-column {width:20%;}
.pricing-table .features-column { width:28%; }
.pricing-table[data-columns="1"] .features-column ~ .plan-column { width:72%; } /* with features-col */
.pricing-table[data-columns="2"] .features-column ~ .plan-column { width: -webkit-calc(72% / 2); width: calc(72% / 2); } /* with features-col */
.pricing-table[data-columns="3"] .features-column ~ .plan-column { width: -webkit-calc(72% / 3); width: calc(72% / 3); }/* with features-col */
.pricing-table[data-columns="4"] .features-column ~ .plan-column { width: -webkit-calc(72% / 4); width: calc(72% / 4); } /* with features-col */
.pricing-table[data-columns="5"] .features-column ~ .plan-column { width: -webkit-calc(72% / 5); width: calc(72% / 5); } /* with features-col */
.pricing-table .plan-column,
.pricing-table .features-column {float:left; }
.pricing-table ul {list-style: none; margin:0; padding:0; display: table; width: 100%;}

/* Hello World Style */
.pricing-table.vs-style {background-color:#f3f6f7; border-radius: 6px; border:1px solid #e3e3e3; box-shadow: 0 1px 1px rgba(0,0,0,0.07);}
.pricing-table.vs-style .inner-cell {display: table-cell; height: 70px; vertical-align: middle; border-top: 1px solid #E3E3E3; text-align: center;}
.pricing-table.vs-style .features-column .inner-cell {text-align: right; padding-right:60px;}
.pricing-table.vs-style .plan-column .plan-title .inner-cell {color:#45474d; font-size: 25px; }
.pricing-table.vs-style .plan-title .inner-cell {height:90px; line-height: 90px; border-top-width: 6px; border-top-style: solid; border-top-color: transparent; }
.pricing-table.vs-style .ptable-caption {font-size: 11px; display: block; font-weight: 400;}
.pricing-table.vs-style .features-column { background:#eff2f3; border-radius: 6px 0 0 6px; font-size: 14px; color:#888888; text-align: right;  }
.pricing-table.vs-style .features-column .plan-title {color:#45474d; font-size: 15px; }
.pricing-table.vs-style .features-column .subscription-type {color:#45474d;}
.pricing-table.vs-style .features-column .highlight {background:#64ce83; border-radius: 3px; color:#fff; font-size: 12px; font-weight: 700; line-height: 25px; padding: 0 10px;display: inline-block; vertical-align: middle; margin-right: 10px;}
.pricing-table.vs-style .plan-column {border-left: 1px solid #e3e3e3; font-size: 15px; font-weight: 600; color:#888888; }
.pricing-table.vs-style .plan-column ul {margin-top:-1px;}
.pricing-table.vs-style .plan-column ul li,
.pricing-table.vs-style .features-column ul li {display: table-row;}
.pricing-table.vs-style .plan-column ul li:last-child {height:auto;}
.pricing-table.vs-style .plan-column:first-child .plan-title {border-radius: 6px 0 0 0}
.pricing-table.vs-style .plan-column:last-child .plan-title {border-radius: 0 6px 0 0}
.pricing-table.vs-style .plan-column.gray .plan-title .inner-cell {border-top-color: #d1cfcf;}
.pricing-table.vs-style .plan-column .badge .inner-cell::before,
.pricing-table.vs-style .plan-column.gray .badge .inner-cell::before {border-right-color: #d1cfcf;}
.pricing-table.vs-style .plan-column.red .plan-title .inner-cell {border-top-color: #ff6b6b;}
.pricing-table.vs-style .plan-column.red .badge .inner-cell::before {border-right-color: #ff6b6b;}
.pricing-table.vs-style .plan-column.yellow .plan-title .inner-cell {border-top-color: #fcdf7f;}
.pricing-table.vs-style .plan-column.yellow .badge .inner-cell::before {border-right-color: #fcdf7f;}
.pricing-table.vs-style .plan-column.blue .plan-title .inner-cell {border-top-color: #4ecdc4;}
.pricing-table.vs-style .plan-column.blue .badge .inner-cell::before {border-right-color: #4ecdc4;}
.pricing-table.vs-style .plan-column.green .plan-title .inner-cell {border-top-color: #64CE83;}
.pricing-table.vs-style .plan-column.green .badge .inner-cell::before {border-right-color: #64CE83;}
.pricing-table.vs-style .plan-column .negativeico {display: inline-block; width: 16px; vertical-align: middle; color: #e74251; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.pricing-table.vs-style .plan-column .negativeico::before {content:'\e610'; font-family: 'icomoon'; font-size: 17px;}
.pricing-table.vs-style .plan-column .positiveico {display:inline-block; height:16px; width:16px; border-radius: 50%; background:#64ce83; vertical-align: middle;}
.pricing-table.vs-style .plan-column .subscription-price {font-size: 30px; color:#45474d; font-weight: 600;}
.pricing-table.vs-style .features-column .subscription-type,
.pricing-table.vs-style .plan-column .subscription-price {height: 90px; line-height: 40px;}
.pricing-table.vs-style .plan-column .badge .inner-cell {position:relative;}
.pricing-table.vs-style .plan-column .badge .inner-cell::before {content:''; position:absolute; top:0; right:0; border-style: solid; border-width: 0 45px 45px 0; border-color: transparent;}
.pricing-table.vs-style .plan-column .badge .inner-cell::after { color: #fff; font-size: 11px; font-weight: 800; position: absolute; top: 10px; right: 0px; line-height: 1; text-align: center; width: 30px; display: block; -webkit-transform: rotate3d(0, 0, 1, 45deg);  -ms-transform: rotate3d(0, 0, 1, 45deg);  transform: rotate3d(0, 0, 1, 45deg);}
.pricing-table.vs-style .plan-column .best .inner-cell::after {content:'BEST';}
.pricing-table.vs-style .plan-column .top .inner-cell::after {content:'TOP';}

/* pricing table - classic style */
.pricing-table.classic-style {background:#fff; border:1px solid #e6e7e8; border-radius: 4px; font-size: 13px; color:#999999; }
.pricing-table.classic-style .features-column { background:#eee; border-radius: 4px 0 0 4px; text-align: right;  }
.pricing-table.classic-style .features-column ul li {border-bottom: 1px solid #e6e7e8; padding:15px 40px 15px 0; height:44px; line-height: 1;}
.pricing-table.classic-style .plan-column {border-left: 1px solid #e6e7e8; }
.pricing-table.classic-style .plan-column:first-child {border-left: 0; }
.pricing-table.classic-style .plan-column ul {display: table;}
.pricing-table.classic-style .plan-column ul li {display:table-row;}
.pricing-table.classic-style .plan-column .inner-cell {border-bottom: 1px solid #e6e7e8; padding: 0; text-align: center; height: 50px; line-height: 1; display: table-cell; vertical-align: middle;}
.pricing-table.classic-style .plan-column ul li:last-child .inner-cell {height:100px;}
.pricing-table.classic-style .plan-column ul li:nth-child(odd):not(:first-child) {background:#fafbfb;}
.pricing-table.classic-style .plan-column .plan-title {color:#9ed347; font-size: 25px; height: auto; padding: 0; }
.pricing-table.classic-style  .plan-title .inner-cell {height: 75px}
.pricing-table.classic-style .plan-column .subscription-price { font-size:13px; color:#999999; height:auto; padding: 0; }
.pricing-table.classic-style .subscription-price .inner-cell {height:120px;}
.pricing-table.classic-style .plan-column .subscription-price .currency { font-size:18px; color:#434343; font-weight: 700; vertical-align: bottom; display:inline-block; line-height:1.5; margin-right:-2px }
.pricing-table.classic-style .plan-column .subscription-price .price { font-size:45px; color:#434343; font-weight: 700; line-height: 1; }
.pricing-table.classic-style .plan-column .subscription-price .price::after {content:"\a"; white-space: pre;}
.pricing-table.classic-style .plan-column.featured { border-radius: 4px; box-shadow: 0 0 10px 4px rgba(0, 0, 0, 0.06); position: relative; margin-top: -20px;background: #fff; margin:-20px 0; }
@media only screen and (min-width: 992px){
	.pricing-table.classic-style .plan-column.featured { margin:-20px; }
	.pricing-table.classic-style[data-columns="1"] .plan-column.featured { width: -webkit-calc(100% + 40px); width: calc(100% + 40px); }
	.pricing-table.classic-style[data-columns="2"] .plan-column.featured { width: -webkit-calc(50% + 40px); width: calc(50% + 40px); }
	.pricing-table.classic-style[data-columns="3"] .plan-column.featured { width: -webkit-calc(33.3333% + 40px); width: calc(33.3333% + 40px); }
	.pricing-table.classic-style[data-columns="4"] .plan-column.featured { width: -webkit-calc(25% + 40px); width: calc(25% + 40px); }
	.pricing-table.classic-style[data-columns="5"] .plan-column.featured {width: -webkit-calc(20% + 40px); width: calc(20% + 40px); }
}
.pricing-table.classic-style .plan-column.featured + .plan-column { border-left-color:transparent;}
.pricing-table.classic-style .plan-column.featured .plan-title {padding: 0; color:#45474d;}
.pricing-table.classic-style .plan-column.featured .plan-title .inner-cell {height:95px}
.pricing-table.classic-style .plan-column.featured .plan-title .inner-cell::after {content:'MOST POPULAR'; opacity:.4; font-size: 12px; font-weight: 600; line-height: 20px; display:block;}
.pricing-table.classic-style .plan-column.featured .subscription-price .inner-cell {background:#9ed347; color:#fff;}
.pricing-table.classic-style .plan-column.featured .subscription-price span {color:#fff;}
.pricing-table.classic-style .plan-column.featured ul li:last-child .inner-cell {height:120px;}

/* pricing table - hipstery style */
.pricing-table.hipstery-style {background:#fff; border:1px solid rgba(0,0,0,.1); border-radius: 4px; font-size: 13px; color:#999999; }
.pricing-table.hipstery-style .features-column { background:#eee; border-radius: 4px 0 0 4px; text-align: right;  }
.pricing-table.hipstery-style .features-column ul li {border-bottom: 1px solid #e6e7e8; padding:15px 40px 15px 0; height:44px; line-height: 1;}
.pricing-table.hipstery-style .plan-column {border-left: 0; }
.pricing-table.hipstery-style .plan-column:first-child {border-left: 0; }
.pricing-table.hipstery-style .plan-column li {display: table-row;}
.pricing-table.hipstery-style .plan-column .inner-cell {border-bottom: 1px solid rgba(0,0,0,.1); padding: 0; text-align: center; height: 50px; line-height: 1;border-left: 1px solid rgba(0, 0, 0, 0.1); vertical-align: middle; display: table-cell;}
.pricing-table.hipstery-style .plan-column ul li:last-child .inner-cell {height:100px;}
.pricing-table.hipstery-style .plan-column ul li:nth-child(odd):not(:first-child) {background:#fafbfb;}
.pricing-table.hipstery-style .plan-column .plan-title {color:#fff; font-size: 20px; font-weight:600; height: auto; padding: 0; border-bottom:0}
.pricing-table.hipstery-style .plan-title .inner-cell {height:55px;}
.pricing-table.hipstery-style .plan-column:first-child .plan-title {border-radius: 4px 0 0 0;}
.pricing-table.hipstery-style .plan-column:first-child li {border-left:0;}
.pricing-table.hipstery-style .plan-column:last-child .plan-title {border-radius: 0 4px 0 0;}
.pricing-table.hipstery-style .plan-column .subscription-price { font-size:13px; color:#fff; height:auto; padding:0; }
.pricing-table.hipstery-style .subscription-price .inner-cell {height:120px;}
.pricing-table.hipstery-style .plan-column .subscription-price .currency { font-size:18px; font-weight: 700; vertical-align: bottom; display:inline-block; line-height:1.5; margin-right:-2px }
.pricing-table.hipstery-style .plan-column .subscription-price .price { font-size:45px; font-weight: 700; line-height: 1; }
.pricing-table.hipstery-style .plan-column .subscription-price .price::after {content:"\a"; white-space: pre;}
.pricing-table.hipstery-style .plan-column.red .plan-title .inner-cell {background:#f26363;}
.pricing-table.hipstery-style .plan-column.red .subscription-price .inner-cell {background:#ff6b6b;}
.pricing-table.hipstery-style .plan-column.yellow .plan-title .inner-cell {background:#e8bf56;}
.pricing-table.hipstery-style .plan-column.yellow .subscription-price .inner-cell {background:#f3ca5f;}
.pricing-table.hipstery-style .plan-column.purple .plan-title .inner-cell {background:#775ba5;}
.pricing-table.hipstery-style .plan-column.purple .subscription-price .inner-cell {background:#8465b7;}
.pricing-table.hipstery-style .plan-column.green .plan-title .inner-cell {background:#9ed347;}
.pricing-table.hipstery-style .plan-column.green .subscription-price .inner-cell {background:#acdf58;}
.pricing-table.hipstery-style .plan-column.gray .plan-title .inner-cell {background:#B6B6B6;}
.pricing-table.hipstery-style .plan-column.gray .subscription-price .inner-cell {background:#d1cfcf;}
.pricing-table.hipstery-style .plan-column.featured { border-radius: 4px; box-shadow: 0 0 10px 4px rgba(0, 0, 0, 0.1); position: relative; background: #fff; margin:-20px 0; }
.pricing-table.hipstery-style .plan-column.featured li { border-left-color:transparent; color: #646568;}
.pricing-table.hipstery-style .plan-column.featured + .plan-column li { border-left-color:transparent;}
.pricing-table.hipstery-style .plan-column.featured .plan-title .inner-cell {border-radius: 4px 4px 0 0; position:relative; overflow:hidden; color:#fff;}
.pricing-table.hipstery-style .plan-column.featured .plan-title .inner-cell::after { content:'BEST'; width: 80px; height: 24px; line-height: 24px; background:#ad0404; color:#fff; font-size: 11px; font-weight: 700; box-shadow: 0 1px 1px rgba(0,0,0,0.2); display: block; position: absolute; top: 3px; right: -23px; -webkit-transform: rotate3d(0, 0, 1, 38deg); -ms-transform: rotate3d(0, 0, 1, 38deg); transform: rotate3d(0, 0, 1, 38deg);}
.pricing-table.hipstery-style .plan-column.featured .subscription-price .inner-cell {color:#fff;}
.pricing-table.hipstery-style .plan-column.featured ul li:last-child .inner-cell {height:140px;}

/* infobox */
.infobox {border-radius: 3px;  padding:35px; }

/* product-search */
.product-search form {position:relative;}
.product-search button {position:absolute; right:10px; top:10px; background:none; border:none; outline:none; color:#d5d5d5;}

/* toggle-menu */
.checklist,
.checklist ul,
.toggle-menu,
.toggle-menu ul {list-style:none; margin-left: 0;}
.checklist ul {margin-left:25px;}
.toggle-menu > li {line-height: 1;}
.toggle-menu a {color:#45474d;}
.toggle-menu a:hover,
.toggle-menu li.active > a,
.toggle-menu > li.opened > a,
.checklist li a:hover {color:#ad0404;}
.toggle-menu > li > a {font-size:13px; font-weight:600; line-height: 1.4; border-bottom: 1px solid #ededed; padding:12px 0; display:block; text-decoration: none; position:relative; }
.toggle-menu > li > a:not(:only-child)::after {position: absolute; right: 10px; top: 50%; font-family: 'icomoon'; content: "\e602"; font-size: 13px; color: rgba(0, 0, 0, 0.8); margin-top: 1px; line-height: 0; height: 0; }
.toggle-menu > li.opened > a::after,
.toggle-menu > li:hover > a:not(:only-child)::after {content: "\e603"; color: #ad0404; }
.toggle-menu li ul { height:auto; max-height: 0; overflow:hidden; -webkit-transition: all 0.3s ease-in; transition: all 0.3s ease-in; }
.toggle-menu li.opened > ul { border-bottom: 1px solid #ededed; padding:10px 0; height:auto; max-height: 800px; }
.toggle-menu li ul a,
.checklist li a { font-weight:600; color:#45474d; line-height: 1.4; padding:7px 0; display:block; text-decoration: none;}
.toggle-menu li.opened ul a {height:auto;}
.toggle-menu li ul a::before,
.checklist li a::before {content:''; display:inline-block; width:10px; height:10px; border:1px solid #cbcbcb; margin-right:11px;border-radius: 2px;vertical-align: middle;}
.toggle-menu li ul li.active a::before,
.checklist li.active a::before{ font-family: 'icomoon'; content: "\e614"; color:#ad0404; border:0; line-height: 1; }
.toggle-menu .counter,
.checklist .counter {color:#a0a2a9;}
.toggle-menu .new {color:#fff; font-size: 10px; font-weight: 700; background:#121317; padding: 2px 5px; line-height: 1;margin-left: 6px;border-radius: 2px;}


/* price-range */
.price-range-slider {height:7px; background:#f5f5f5; border-radius:4px;margin-bottom: 20px;}
.price-range-slider .ui-slider-range {background:#e5e5e7; border-radius:4px;}
.price-range-slider .ui-slider-handle {border: 1px solid #eee; border-radius: 9px; background-color: #fff; width:17px; height:17px; margin-top:-1px; box-shadow:0 1px 1px rgba(0,0,0,0.15); outline:none; cursor:pointer; }
.price-range-slider .ui-slider-handle:active {outline:none; }
.price-range .btn {float:right;color: #fff;}
.price-range .price-result {border:0; background:none; max-width: 120px; font-size: 13px; font-weight: 600; color:#45474d;outline: none;height: 32px;}
.price-range:hover .price-range-slider .ui-slider-range {background:#ad0404;}

/* shop title */
.inlined { display: table; width: 100%; }
.inlined > *,
.inlined::after,
.inlined::before { display: table-cell; }
.inlined > * { white-space: nowrap; width: 1%; padding: 0 15px; }
.inlined::after,
.inlined::before { content:''; border-bottom: 1px solid #ededed; position: relative; top: -.5em; }

/* Shop - Top Controls */
.shop-controls::before,
.shop-controls::after { content: ""; display: table; border-collapse: collapse; }
.shop-controls::after { clear: both; }
.shop-controls .separator {width: auto; margin: 17px 0 0; overflow: hidden;}
.shop-controls {position:relative; margin-bottom: 30px;}
.shop-controls .result-count {position: absolute; width: 100%; top: 0; line-height: 34px;}
.shop-controls .result-count span {background: #FFF; padding: 0 15px;}
/* Sorting controls */
.sorting-controls {float:right; margin-left:20px; position:relative; z-index: 1;}
.sorting-controls select {  border: 1px solid #e7e8e8; background-color: #fff; font-size: 13px;   color: #999; height: 34px; text-indent: 15px; outline: none; border-radius: 4px; background-clip: padding-box; box-shadow: 0 1px 0 #f1f3f3; -webkit-appearance: none; -moz-appearance: none; -o-appearance: none; -ms-appearance: none; appearance: none; float:left; background:url(../images/elements_sprite.png); background-repeat: no-repeat; background-position: -webkit-calc( 100% - 10px ) -50px; background-position: calc( 100% - 10px ) -50px;  }
.firefox .sorting-controls select {text-indent: 3px;}
.sorting-controls select:hover,
.sorting-controls select:focus { color: #383838; background-position: -webkit-calc( 100% - 10px ) 14px; background-position: calc( 100% - 10px ) 14px;  }
.sorting-controls .sorting-order { width:140px; }
.sorting-controls .sorting-limit { width:60px; }
.sorting-controls select:not(:last-child):not(:first-child) { border-radius:0; border-right: 0;}
.sorting-controls select:first-child:not(:only-child) { border-radius:4px 0 0 4px; border-right: 0;}
.sorting-controls select:last-child:not(:only-child) { border-radius:0 4px 4px 0; }
/* shop pagination */
.shop-pagination {float:left; position:relative; z-index: 1; margin-right:20px; border: 1px solid #e7e8e8; background-color: #fff; font-size: 13px; color: #999; height: 34px; outline: none; border-radius: 4px; background-clip: padding-box; box-shadow: 0 1px 0 #f1f3f3; position:relative;}
.shop-pagination > a,
.shop-pagination .current { float:left; border-left:1px solid #e7e8e8; height: 34px; line-height: 34px;}
.shop-pagination > a { width:38px; text-align: center; text-decoration: none; color: #D6D6D6; }
.shop-pagination > a:hover { color: #AFAFAF; }
.shop-pagination > a::before {font-family: 'icomoon'; font-size:26px; display:block; line-height: 32px;}
.shop-pagination .prev { border-left:0; }
.shop-pagination .next { float:right; }
.shop-pagination .prev::before {content: "\e605";}
.shop-pagination .next::before {content: "\e604";}
.shop-pagination .current { width:55px; }
.shop-pagination .current > span { display:block; text-align:center; line-height:32px }
.shop-pagination .current span span {color:#c4c1c1}
.shop-pagination .pagination-list {opacity:0; visibility:hidden; margin: 0;padding: 5px 0 ;list-style: none; width: 56px; position: absolute; top: -4px; left: 38px; background: #fff; border: 1px solid #e5e7e7; border-radius: 3px; background-clip: padding-box; background-color: #fff;}
.shop-pagination .current:hover .pagination-list {opacity:1; visibility:visible;}
.shop-pagination .pagination-list a {text-align:center; display:block; line-height:28px; font-weight:600; color:#45474d; text-decoration:none; }
.shop-pagination .pagination-list a:hover { color:#ad0404; }
.shop-pagination .pagination-list a.disabled { color:#c5c5c5; cursor:default; }
.shop-pagination .pagination-list li:last-child input {border:0; border-radius: 2px; background-clip: padding-box; background-color: #f6f6f6; box-shadow: inset 1px 1px 0 #e4e4e4; width: 34px; margin: 5px 10px;outline: none;font-size: 11px;text-align: center;color: #45474d;height: 20px;}
/* product-item */
.product-item {margin-bottom: 45px;}
.product-item .product-image {overflow:hidden; position:relative; margin-bottom: 20px}
.productitem-quickadd {position:absolute; bottom:0; left:0; opacity:0; visibility:hidden; -webkit-transition: opacity 0.25s ease-out; transition: opacity 0.25s ease-out;}
.product-image:hover .productitem-quickadd {opacity:1; visibility:visible;}
.productitem-quickadd a {display:block; line-height: 40px; color:#fff; font-size: 10px; font-weight: 600; background:#23262d; text-decoration: none;height: 40px;}
.productitem-quickadd a:hover {background:#121317;}
.productitem-quickadd .vs-icon {font-size: 13px; padding: 0 0 0 15px; vertical-align: middle;}
.productitem-quickadd .added .vs-icon {background:#388bee; padding: 12px 15px 10px;vertical-align: middle;}
.productitem-quickadd .added .vs-icon::before {content: "\e614";}
.productitem-quickadd .text {padding:0 15px 0 10px;}
.product-item .product-title {font-size: 15px; line-height: 1.5; color:#45474d; margin-bottom: 10px;}
.product-item .product-price {font-size:17px; line-height: 1; font-weight: 600;}
.product-item .product-price,
.product-item .product-title a { color:#121317;}
.product-item .product-title a:hover { color:#ad0404; text-decoration: none; }
.product-item .discount-price {font-size: 17px; margin-left: 5px; font-weight: 600;}
.product-item.discount .product-price {color:#acabab; font-size: 14px;}
.product-item.discount .product-price.cutoff:after {left:-5px;}
.product-item.discount .discount-price + .product-price {margin-left: 10px}
.product-item.discount .product-image::after {content:attr(data-discount); position: absolute; right: -30px; top: 13px; width: 120px; height: 30px; line-height: 30px; background: #ad0404; color: #FFF; font-size: 14px; text-align: center;font-weight: 600; -webkit-transform: rotate3d(0, 0, 1, 45deg); -ms-transform: rotate3d(0, 0, 1, 38deg); transform: rotate3d(0, 0, 1, 38deg);}

/* Product carousel */
.products-carousel {margin:0 -20px 0 0; position: relative;}
.products-carousel .slides {list-style: none; margin:0; padding:0; }
.products-carousel .slides li { width: 270px; padding: 0; margin: 0 20px 0 0; display: block; float: left; }
.products-carousel .cfs--navigation {position:absolute; top: -70px; right:20px; border: 1px solid #e7e8e8; background-color: #fff; font-size: 13px; color: #999; height: 34px; outline: none; border-radius: 4px; background-clip: padding-box; box-shadow: 0 1px 0 #f1f3f3;}
.products-carousel .cfs--navigation a { float:left; border-left:1px solid #e7e8e8; height: 34px; line-height: 32px; overflow: hidden; width:38px; text-align: center; text-decoration: none; color: #D6D6D6; cursor:pointer; position: static; opacity: 1; text-align: center !important; margin: 0;}
.products-carousel .cfs--navigation a:hover { color: #AFAFAF; }
.products-carousel .cfs--prev { border-left:0; }
.products-carousel .cfs--next { float:right; }

/* Shop Cart Panel */
.shop-cart > a {font-size: 14px; text-decoration: none;display: block;}
.shop-cart > a span ~ span {background:#ad0404; color:#fff; font-size: 11px; font-weight: 700; line-height: 18px; display:inline-block; padding: 0 6px; border-radius: 2px;vertical-align: middle;}
.shop-cart .cart-subpanel {opacity:0; visibility:hidden; left:-2999px; right:auto; position:relative; position: absolute; top:100%; z-index:999; margin-top:60px;}
.shop-cart-holder:hover .cart-subpanel {opacity:1; visibility:visible; margin-top:0; left:auto; right:0;}
.shop-cart .cart--panel { background:#1A1C25; padding-bottom: 20px; color:#fff; border-radius: 0 0 3px 0; width:275px;}
.products-incart {margin:0; padding:0; list-style:none;}
.products-incart li {border-bottom:1px solid rgba(237,237,237,0.1);}
.products-incart li a::before,
.products-incart li a::after { content: ""; display: table; border-collapse: collapse; }
.products-incart li a::after { clear: both; }
.products-incart li a {display:block; padding:15px 20px; text-decoration:none; color:#fff; }
.products-incart li a:hover {background:rgba(255,255,255,.05)}
.products-incart li a img {max-width:55px; float:left; margin-right:20px;}
.products-incart .ptitle {font-size:12px; font-weight:600; opacity:.6; line-height:1.4; margin:15px 0 10px; color: #E6E6E6;}
.products-incart .price-count { font-size:12px; font-weight:600; line-height:1.4; margin:0; }
.products-incart .price-count strong { font-weight:normal;}
.shop-cart .subtotal {line-height: 80px; text-align: center; display:block; font-size:15px; }
.shop-cart .subtotal strong {font-size:18px; font-weight: 600; }
.shop-cart .subtotal + p {text-align: center; margin-bottom: 0;}
.shop-cart .btn {padding: 12px 22px; line-height: 1;}

/* Mobile Nav Icon in header right */
.headericon.mobilenav-icon {position: relative;}
.headericon.mobilenav-icon:before {content:''; width:14px; height:14px; position:absolute; top:-6px; left:0;}
.sm-panel ~ #page-wrapper {position: relative; width: 100%; -webkit-transition: -webkit-transform 0.25s ease-out, margin-left 0.25s ease-out; transition: margin-left 0.25s ease-out; }
.sidemenu-opened #page-wrapper,
.sidemenu-opened.header-sticky .site-header,
.sidemenu-opened.header-absolute .site-header,
.sidemenu-opened .fixedNscrolled > div {margin-left: -325px;}
.sm-panel { position: fixed; width: 325px; right: -325px; height: 100%; z-index: 999; background: #1a1c25; color: #FFF; -webkit-transition: right 0.25s ease-out; transition: right 0.25s ease-out; overflow: hidden; overflow-y: auto;}
.sidemenu-opened .sm-panel {right:0;}
.sm-panel .sm-panel--inner {padding:50px 20px 0 50px;}
.sm-panel a {color:#eee; text-decoration: none;}
.sm-panel a:hover {color:#fff;}
.sm-panel .side-title {font-size:14px; color:#fff; margin-bottom: 20px; font-weight: 700;}
.sm-panel .social_icons a {color:rgba(255,255,255,.25);}
.sm-panel .social_icons a:hover {color:rgba(255,255,255,.5);}
.s-panel--close {font-size: 20px; position: absolute; top:32px; right: 32px; opacity: .6;}
.s-panel--close:hover {opacity: 1;}
.social_icons li {margin-left: 15px;}
.social_icons li:first-child {margin-left: 0;}

/* Side menu styles */
.side-menu li {margin-bottom: 25px;}
.side-menu a {opacity:.5; color:#FFF;}
.side-menu a:hover {opacity:1; text-decoration: none;}
.side-menu .vs-icon {font-size:18px; margin-right:11px; vertical-align: middle;}

/* Filter Header */
.filter_header {margin-top:120px;}
.filter_header .label,
.filter_header .filter-val {font-size:40px; color:#fff; line-height: 1.4; padding: 0;}
.filter_header .label {font-weight:300;}
.filter_header .label::before,
.filter_header .label::after {content:'\00a0'; }
.filter_header .filter-block,
.filter_header .filter-elements {display:inline-block;}
.filter_header .filter-elements {position:relative;}
.filter_header .filter-elements > ul {opacity:0; visibility:hidden; position:absolute; top:0; margin: 0 -10px; /*width:100%;*/ padding: 0 10px; list-style:none; background:rgba(255,255,255,.97); border:1px solid #bfc1c2; font-size:16px; font-weight:600; border-radius:4px; max-height: 50px; overflow-y:auto; z-index: 2;left: 0;
right: 0;  text-align: center;}
.filter_header .filter-elements > ul li {line-height:40px;; margin: 0 -10px; padding: 0 10px; border-top:1px solid rgba(0,0,0,0.1); cursor:pointer; display:block; }
.filter_header .filter-elements > ul li:first-child {border-top:0; }
.filter_header .filter-elements > ul li:hover {background:rgba(0,0,0,0.05)}
.filter_header .filter-elements ul.show {opacity:1; visibility:visible; max-height: 150px;}
.filter_header .filter-val {border-bottom: 1px dotted rgba(255, 255, 255, 0.4);display: block;line-height: 1.2; cursor:pointer;}
.filter_header .filter-val:hover {border-bottom: 1px dotted rgba(255, 0, 0, 0.4);}
.filter_header .filter-val span {outline:none;}

/* Product preview */
.product-preview {display: table; margin-bottom: 50px; width: 100%;}
.product-preview .thumblist {margin:0; padding:0; list-style: none; height: 100%; width: 15%; display: table-cell; vertical-align: top;}
.product-preview .thumblist li {margin-top: 10px;}
.product-preview .thumblist li:first-child {margin-top: 0;}
.product-preview .thumblist li a {display:block;}
.product-preview .large-preview {width: 85%; height: 100%; display: table-cell;  vertical-align: top;}
.product-preview .large-preview > img {margin-left:10px;}
.product-preview .large-preview .load { position:absolute; z-index: 1; display:block; left: 50%; top: 150px; margin: 0 0 0 -20px; width: 40px; height: 40px; background-color: rgba(0,0,0,0.5); opacity:0; visibility:hidden; -webkit-animation: rotateplane 1.2s infinite ease-in-out; animation: rotateplane 1.2s infinite ease-in-out; }
.product-preview .large-preview .load.loading {opacity:1; visibility:visible;}
@-webkit-keyframes rotateplane {
  0% { -webkit-transform: perspective(120px) }
  50% { -webkit-transform: perspective(120px) rotateY(180deg) }
  100% { -webkit-transform: perspective(120px) rotateY(180deg)  rotateX(180deg) }
}
@keyframes rotateplane {
  0% {
    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg)
  } 50% {
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg)
  } 100% {
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  }
}

.product-page .product-title {font-size:24px; color:#45474d; margin-bottom: 10px;}
.product-rating {margin-bottom:20px;line-height: 1;}
.product-rating span { font-size: 12px; line-height: 1; display:inline-block;}
.product-rating .star-on {color:#ad0404; }
.product-rating .star-off {color:#dddcdc; }
.product-rating .rating-count {color:#888888; margin-left:10px;font-size: 13px;}
.product-page .product-price {margin-bottom:10px; line-height: 1;}
.product-page .regular-price {color:#0e111c; font-size:29px; font-weight:600; }
.product-page .old-price {color:#ACABAB; font-size:24px; font-weight:400; margin-left:15px; position:relative; text-decoration:line-through;}
.product-page .product-sku {font-size:11px; color:#bdbdbf; text-align:right; border-bottom:1px solid #ededed; line-height:1; padding-bottom:12px; margin-bottom:25px;}
.cart-qty {float:left; border:1px solid #eaebeb; border-radius: 3px; box-shadow: 0 1px 1px #F3F3F3;}
.cart-qty button,
.cart-qty input {float:left; height: 35px; width:36px; border:0; margin:0; padding:0; background:none;outline: none;}
.cart-qty button { color:#d7d8da; font-size: 11px; font-weight: 600; }
.cart-qty button:hover { color:#ccc; }
.cart-qty button:active { color:#999; }
.cart-qty input {border-left:1px solid #eaebeb; border-right:1px solid #eaebeb; color:#45474d; font-size: 13px; font-weight: 600; text-align: center;width: 42px;}
/*.cart-qty input[type=number]::-webkit-inner-spin-button{display:none}*/
.product-page .addtocart,
.product-page .wishlist {font-weight:600; float:left;}
.product-page .addtocart {margin-left:25px;}
.product-page .wishlist {margin-left:8px;}
.product-page .product-share {border-bottom:1px solid #ededed;}
.product-share strong {color: #31343f; font-weight:600;font-size: 13px; line-height:40px;}
.product-share .social_icons {float:right; }
.product-share .social_icons ul {margin:12px 0 0;}
.product-details li button[type=button] span {line-height: 1; display: inline-block; margin-left: 15px; color: #C3C3C3; font-weight: normal;}
.review-list { margin-bottom: 20px; }
.review-list .author {font-weight: 600; color:#999; display:inline-block; margin-right: 5px; }
.review-list .author::before {content:'- ';}
.review-list .date {color:#bbb; display:inline-block; margin-right: 20px; }
.review-list .rating {display:inline-block;}
.review-list .text {display:block; margin-top: 5px;}

/* Product Cart */
table.products-cart {width: 100%; border-top:1px solid #ededed; border-bottom: 1px solid #ededed; margin-bottom: 30px; }
table.products-cart th {border-bottom: 1px solid #ededed; font-weight: 600; font-size: 13px; color:#45474d; padding:20px 0;}
table.products-cart tbody td {border-bottom: 1px solid #ededed; padding:20px 0;}
table.products-cart tbody .product-image {width:140px;}
table.products-cart tbody .product-image a {margin-right: 40px; display: inline-block;}
table.products-cart tbody .product-image img {width:100%;}
table.products-cart tbody .product-title a {font-weight: 600; font-size: 13px; color:#45474d}
table.products-cart tbody .product-title span {display:block; font-size: 11px; color:#bdbdbf;}
table.products-cart tbody .product-price {font-weight: 600; color:#121317;}
table.products-cart tbody .product-remove { border-radius: 3px; background-color: #f5f5f5; width:39px; height:36px; line-height: 36px; text-align: center; font-size: 18px; color:#121317; cursor:pointer; display: inline-block; float:right;}
table.products-cart tbody .product-remove:hover { background-color: #eee; color:#050505; }

.count-cart-items::after {content:attr(data-items-word);}
table.products-cart ~ .count-cart-items {font-weight: 600; font-size: 13px; color:#888; float:right; line-height: 40px;}

/* Alerts */
.alert {font-weight: 600; font-size: 13px; }
.alert span.alert-icon {display:inline-block; margin-right: 15px;}
.alert-success { background-color:#91c661; color:#fff; border: none;}
.alert-danger { background-color:#FF6B6B; color:#fff; border: none;}
.alert-info { background-color:#46DDD1; color:#fff; border: none;}
.alert-warning { background-color:#FCDF7F; color:#3F3F3F; border: none;}
.alert-dismissable .close {color:#fff; text-shadow:none;font-weight: normal;opacity: .6;font-size: 18px;top: 0; outline:none;}
.alert-dismissable .close:hover {opacity:1}

/* Cart Proceed Panel */
.cart-proceed {border:1px solid #e6e7e8; padding:20px; border-radius:5px;}
.cart-proceed .separator {margin-left: -20px; margin-right: -20px; width:auto;}
.cart-proceed .products-incart .ptitle {color:#121317;}
.cart-proceed .products-incart li a:hover {background: rgba(0, 0, 0, 0.02); }
.cart-subtotal {font-weight: 600; color:#45474d; margin-bottom: 20px; }
.cart-subtotal span { color:#888; float:right;}
.cart-total {font-weight: 800; color:#45474d; margin-bottom: 30px; }
.cart-total span { color:#121317; float:right; font-weight: 600; font-size: 20px;}
.cart-navigate .to_checkout {margin-top:10px; margin-bottom: 20px; font-weight: 600; }
.cart-navigate .continue {display:block; text-align: right;}
.cart-shipping > button {width:100%; background:none; border:0; outline: none; margin-bottom: 20px;text-align: left; padding: 0; font-weight: 600; color:#ad0404;}
.cart-shipping > button.collapsed { color:#45474d;}
.cart-shipping > button span {float:right; color:#888; padding-right: 20px;}
.cart-shipping > button .active {font-weight: 600; }
.cart-shipping > button .inactive,
.cart-shipping > button.collapsed .active {display:none;}
.cart-shipping > button.collapsed .inactive {display:block; font-weight: 400;}

/* Cart Proceed Panel - FINAL STEP PLACING ORDER */
.cart-proceed.placeorder .cart-subtotal {margin-bottom: 10px;}
.cart-proceed.placeorder .cart-shipping { margin-bottom: 20px;}
.cart-proceed.placeorder .cart-shipping span { color:#888; float:right;}
.cart-proceed.placeorder .products-incart li { border-top: 1px solid rgba(0, 0, 0, 0.1); border-bottom: 0; margin: 0 -20px; padding: 0 20px;}
.cart-proceed.placeorder .products-incart li:first-child { border-top: 0; border-bottom: 0; }
.cart-proceed.placeorder .products-incart li a { padding: 15px 20px; color: #888; margin: 0 -20px;}
.cart-proceed.placeorder .cart-products > strong {margin-bottom:10px; display:inline-block;}
.cart-proceed.placeorder .cart-payment > strong {margin-bottom:20px; display:inline-block;}
.cart-proceed.placeorder .cart-payment {margin-bottom: 20px;}
.cart-payment .payment-info {color:#87888c; font-size: 12px; line-height: 1.3; background:#f5f6f6; padding: 20px; border-radius: 3px;margin: 5px 0 15px; position:relative;}
.cart-payment .payment-info p:only-child {margin-bottom: 0;}
.cart-payment .payment-info::before {content:''; position:absolute; left:3px; top:-10px; border:5px solid transparent; border-bottom-color:#f5f6f6;}
.cart-payment .panel {margin:5px 0;}

/* clean-checkbox (customized checkbox inputs) */
.clean-checkbox label,
.clean-checkbox input[type=checkbox]:checked + label {font-size: 12px; color:#45474d; font-style: normal; font-weight: 600; vertical-align: middle; cursor:pointer; }
.clean-checkbox label::before {content:''; width:16px; height:16px; display:inline-block; border-radius: 2px; border:1px solid #cbcbcb; vertical-align:middle; margin-right:7px; margin-top: -3px;}
.clean-checkbox input[type=checkbox] { display: none; }
.clean-checkbox input[type=checkbox]:checked + label::before {border:1px solid #ad0404; background:#ad0404; font-family: 'icomoon'; content:'\e614'; color:#fff; text-align:center; line-height:16px;  }
.clean-checkbox label small {font-size: 11px; color:#D5D5D5; }

/* full-checkbox (customized checkbox inputs) */
.full-checkbox label {height:40px; line-height:40px; border:1px solid #ddd; background:#fafafa; width:100%; border-radius:2px; text-transform:uppercase; opacity:.5; font-size: 12px; color:#999; font-style: normal;  font-weight: 400; vertical-align: middle; cursor:pointer; }
.full-checkbox label:hover {opacity:.7;}
.full-checkbox input[type=checkbox]:checked + label {color:#777; border:1px solid #bbb; font-style: normal;  font-weight: 400; vertical-align: middle; cursor:pointer; opacity:1;}
.full-checkbox label::before { font-family: 'icomoon';content:'\e130'; width:40px; height:40px; display:inline-block; border-radius: 0; border-right:1px solid #cbcbcb; vertical-align:top; margin-right:15px; color:#bbb; margin-top: 0; vertical-align:top; text-align:center; line-height:38px; height:38px;}
.full-checkbox input[type=checkbox] { display: none; }
.full-checkbox input[type=checkbox]:checked + label::before {border:0; background:#ad0404; content:'\e614'; color:#fff; }

/* fancy-radio (customized radio inputs) */
.clean-radio + label {font-size: 12px; color:#45474d; font-style: normal;  font-weight: 600; vertical-align: middle; cursor:pointer; }
.clean-radio + label::before {content:''; width:16px; height:16px; display:inline-block; border-radius: 50%; border:1px solid #cbcbcb; vertical-align:middle; margin-right:7px; margin-top: -3px;}
input.clean-radio { display: none; }
input.clean-radio:checked + label::before {content:''; border: 5px solid #ad0404; background: #f5f5f5; }
.clean-radio + label small {font-size: 11px; color:#D5D5D5; }

/* returning toggle panel */
.returning-toggle { margin-bottom: 45px; border:1px solid #e6e7e8; padding:20px; border-radius:5px;}
.returning-toggle .clean-checkbox label {font-style: normal; font-weight: 600; color: #B8B8BA; margin: 0;}

/* rounded-bordered */
.rounded-bordered {border: 1px solid #E6E7E8; padding: 20px 25px; border-radius: 5px; float: none; margin: 20px 0 40px;}
.rounded-bordered .separator {background: #E6E7E8; padding: 0;margin: 10px 0;}

/* checklist has labels */
.islabeled label {width: 170px;float: left; }
.islabeled .custom-label,
.islabeled.hovered:hover .custom-label,
.clean-checkbox input[type=checkbox]:checked ~ .custom-label  {color:#b9b9b9; font-size: 12px; width: -webkit-calc(100% - 170px); width: calc(100% - 170px); display: inline-block; line-height: 1.5;}
.islabeled.hovered .custom-label {display:none;}

.lost-password {color:#999999; display:inline-block; margin-left: 10px;}

/* Shop Landing Page - custom styles */
.products-list {margin:0; padding:0; list-style: none;}
.products-list li {margin-top:20px;}
.products-list li:first-child {margin-top:0;}
.products-list li img {float:left; margin-right: 15px; border-radius: 2px; width:auto;}
.products-list li a {color:#45474d; text-decoration: none; font-weight: 600;}
.products-list li a:hover {color:#ad0404;  text-decoration: none;}
.products-list li .title {margin-bottom: 10px;}
.products-list li .price {color:#121317;}
.products-list li .price,
.products-list li .discounted-price {font-size:14px; font-weight: 600;}
.products-list li .product-rating {margin-bottom:10px;}
.products-list li .product-rating .star-on {color:#bbbbbc; }
.products-list li .product-rating .star-off {color:#dddcdc; }
.products-list li .price.discount {text-decoration: line-through; color:#bababb;}
.products-list li .price.discount ~ .discounted-price {margin-left:5px; color:#ad0404; display:inline-block;}


/* Nav block */
.nav-block {border:1px solid #e6e7e8; border-radius: 2px; padding:13px 20px;}
.nav-block a {color:#a9aaab; font-size:13px; text-decoration: none; font-weight: 600;line-height: 20px;/* vertical-align: middle; */}
.nav-block a span {margin-left: 0; margin-right: 15px; font-size: 20px;line-height: 1;  vertical-align: top;display: inline-block;}
.nav-block a:first-child span {margin-left: 15px; margin-right: 0; }
.nav-block a:first-child {float:right;}
.nav-block a:hover {color:#0e111c;}
.nav-block a:hover span {color:#ad0404;}

/* Twitter Slider */
.twitter-slider {margin: 150px 0 0; position: relative;}
.twitter-slider::before { content: '\e05b'; font-family: 'icomoon'; position: absolute; left: 50%; top: -85px; ; font-size: 46px; width:50px; display:inline-block; height:50px; color: #fff; line-height: 1; text-align: center; margin-left: -25px;}
.twitter-slider .tweets {list-style: none; margin:0; padding:0; }
.twitter-slider .tweets li { width: 100%; padding: 0 100px; margin: 0; display: block; float: left; text-align: center;word-wrap: break-word; color:#fff; font-size:32px;}
.twitter-slider .tweets li a {color:#ad0404; text-decoration:none;}
.twitter-slider .tweets li a:hover {color:#f5f5f5;}
.twitter-slider .tweets li .timePosted {text-transform: uppercase; font-size:12px;}
.twitter-slider .ts-controls {text-align: center;}
.twitter-slider .ts-controls span {display:inline-block; width:30px; height:30px; border-radius: 2px; background-color: #ad0404; text-align: center; line-height: 30px; color:#fff; font-size: 23px;cursor: pointer;margin: 0 2px;}

/* Offline Page */
.offline-page {background-color: #F6F6F6;}
.mtn-message > span {display:inline-block; color:#e3e4e4;}
.mtn-message .separator {width:145px; margin:0 auto;}

/* Cute Box */
.cute-box {border-radius: 3px; background-color: #fff; box-shadow: 0 1px 1px rgba(0,0,0,.1); position:relative; padding:60px 25px; }
.cute-box [data-role="title"] {font-size:16px; border-bottom:1px solid #ededed; font-weight:600; margin-bottom: 25px; padding-bottom: 15px; }
.cute-box .negative-ico {position:absolute; color: #dddddd; width:75px; height:65px;  top: 5px; right: 0px; text-align: center; line-height: 65px; font-size:30px; border-radius: 3px; }
.cute-box p:last-child {margin-bottom: 0;}

/* Countdown */
.ud_counter {text-align: center;}
.ud_counter ul {list-style: none; margin:0; padding:0;}
.ud_counter ul li {display:inline-block; color:#45474d; font-size: 68px; text-transform: uppercase; font-weight: 400; line-height: 1; margin:0 20px;}
.ud_counter ul li span {display:block; color:rgba(0,0,0,.2); font-size:16px; font-weight: 400; line-height: 1.3;}

/* Vauss Custom table */
.vs-table {background-color:#ad0404; color:#fff; border-radius: 3px; box-shadow: 0 5px 5px rgba(0, 0, 0, 0.05); border-bottom: 1px solid #FFF; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);}
.vs-table.table > thead > tr > th { border-bottom-color: rgba(0,0,0,0.1);padding-top: 20px; padding-bottom: 15px; }
.vs-table.table > thead > tr > th,
.vs-table.table > tbody > tr > th,
.vs-table.table > tfoot > tr > th,
.vs-table.table > thead > tr > td,
.vs-table.table > tbody > tr > td,
.vs-table.table > tfoot > tr > td {border-top-color: rgba(0,0,0,0.1);}
.vs-table.table > tbody > tr:hover > td,
.vs-table.table > tbody > tr:hover > th {background-color: rgba(0,0,0,0.04);}
.vs-table.table .highlight {background:rgba(0,0,0,0.06);}
.vs-table.table .highlight::after {content:'hello!';}

/* Simple Gallery */
body .gallery {list-style:none; margin:0 0 40px -20px; padding:0;}
body .gallery > li {display:inline-block; margin:0 0 20px 20px;}
body .gallery > li > a {display:inline-block;}

/* Animated devices */
.devices-animation {position:relative;}
.devices-animation .device-tablet { position:relative; z-index: 1; opacity:0; -webkit-transform: translateY(100px); -ms-transform: translateY(100px); transform: translateY(100px); -webkit-transition:all .4s ease-out .3s; transition:all .4s ease-out .3s;}
.devices-animation.started .device-tablet,
.touch .devices-animation .device-tablet {opacity:1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0);}
.devices-animation .device-smartphone {opacity:0; position:absolute; bottom:-40px; left:0; z-index: 0; -webkit-transform: translateX(100px); -ms-transform: translateX(100px); transform: translateX(100px); -webkit-transition:all .4s ease-out .6s; transition:all .4s ease-out .6s; -webkit-transform-origin:0 100%; -ms-transform-origin:0 100%; transform-origin:0 100%;}
.devices-animation.started .device-smartphone,
.touch .devices-animation .device-smartphone {opacity:1; -webkit-transform: translateX(0) rotate(-20deg); -ms-transform: translateX(0) rotate(-20deg); transform: translateX(0) rotate(-20deg);}

/* Tablet Animation */
.tablet-device {display: block; position: relative; margin: 0 -10.8%; opacity: 0; overflow: hidden; -webkit-transition:-webkit-transform .3s ease-out, opacity .3s ease-out; transition:transform .3s ease-out, opacity .3s ease-out;}
.tablet-device::before {content:''; position:absolute; width: 8px; height: 8px; background: #636363; border-radius: 8px; left:50%; top: 6%; margin-left: -4px; border: 2px solid #FFF;}
.tablet-device.has-glare::after {content:''; position:absolute; width: 424px; height: 463px; background-image: url(../images/glare-effect.png); left:50%; top: 0; margin-left:-30px; }
.tablet-device.black-tablet::before {background: #3F3F3F; border: 2px solid #686868;}
.tablet-device img {padding: 14.4% 12% 0;  border-radius: 20px 20px 0 0;  background: #F2F2F2; box-shadow: 0 4px 5px rgba(0, 0, 0, 0.22), inset 0 1px 1px rgba(255, 255, 255, 0.78); /*border: 1px solid #EBEBEB; border-bottom: 0;*/ }
.tablet-device.black-tablet img {background: #000000; box-shadow: 0 4px 5px rgba(0, 0, 0, 0.22), inset 0 1px 1px rgba(255, 255, 255, 0.78); /*border: 1px solid #525252;*/}
.tablet-device.tb-left {-webkit-transform: scale(.9) translateX(20px) translateY(200px); -ms-transform: scale(.9) translateX(20px) translateY(200px); transform: scale(.9) translateX(20px) translateY(200px); -webkit-transform-origin: 100% 100%; -ms-transform-origin: 100% 100%; transform-origin: 100% 100%; -webkit-transition-delay:.1s; transition-delay:.1s; }
.tablet-device.tb-right {-webkit-transform: scale(.9) translateX(-20px) translateY(200px); -ms-transform: scale(.9) translateX(-20px) translateY(200px);  transform: scale(.9) translateX(-20px) translateY(200px); -webkit-transform-origin: 0 100%; -ms-transform-origin: 0 100%; transform-origin: 0 100%; -webkit-transition-delay:.2s; transition-delay:.2s;}
.tablet-device.tb-center { margin: -8.9% -14.9% 0; z-index: 1; -webkit-transform: translateY(200px); -ms-transform: translateY(200px); transform: translateY(200px);}
.started .tablet-device.tb-left,
.touch .tablet-device.tb-left {-webkit-transform: scale(.9) translateX(20px) translateY(0); -ms-transform: scale(.9) translateX(20px) translateY(0); transform: scale(.9) translateX(20px) translateY(0); opacity: 1;}
.started .tablet-device.tb-right,
.touch .tablet-device.tb-right {-webkit-transform: scale(.9) translateX(-20px) translateY(0); -ms-transform: scale(.9) translateX(-20px) translateY(0);  transform: scale(.9) translateX(-20px) translateY(0); opacity: 1; }
.started .tablet-device.tb-center,
.touch .tablet-device.tb-center { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); opacity: 1;}

/* EventBox */
.eventbox {background:#f4f4f4; color:#45474d;}
.eventbox .vs-icon {color:#c8c9ca;}
.eventbox .eventdate {font-size:14px; padding:20px 0; position:relative; margin-bottom: 30px;}
.eventbox .eventdate::before,
.eventbox .eventdate::after {content:''; position:absolute; top:0; left:50%; width:52px; height:1px; background:#d1d1d3; margin-left:-26px; }
.eventbox .eventdate::after {top:auto; bottom:0;}
.eventbox .eventdate > .date { display:block; }
.eventbox .eventpic {margin-top:40px; position:relative;}
.eventbox .eventpic:before {content:''; position:absolute; top:0; left:50%; border: 12px solid rgba(0, 0, 0, 0); border-top-color:#f4f4f4; margin-left: -6px;z-index: 1;}
.eventbox .eventpic img {position:relative; z-index: 0;}
.eventbox .eventpic .btn {position:absolute; z-index: 1; bottom:40px; left: 20%; right: 20%; }

/* Social Box */
.socialbox {padding:70px 0; background:#efefef; color:#bfbfbf; margin:0 -15px; border-style:solid; border-color:#dbdbdb; /*border-width: 1px 0 1px 1px;*/ border-width: 1px 0 0 1px; text-align: center;}
.socialbox .vs-icon {font-size:44px;display: inline-block;}
.socialbox .fan-count {opacity:0; visibility:hidden; color:rgba(0, 0, 0, 0.25); font-size:12px; font-weight: 800;margin: 0;line-height: 1.3; height:0;-webkit-transform: translateY(-20px);-ms-transform: translateY(-20px);transform: translateY(-20px);}
.socialbox .fan-count > span {display:block; font-size:30px; font-weight: 400; color:#fff; }
.no-touch .socialbox:hover .vs-icon,
.touch .socialbox:active .vs-icon {color:#fff; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px);}
.no-touch .socialbox:hover .fan-count,
.touch .socialbox:active .fan-count {opacity:1; visibility:visible;}
.socialbox,
.socialbox .vs-icon,
.socialbox .fan-count {-webkit-transition:all .2s ease;transition:all .2s ease;}
.socialbox.sb-twitter:hover {background:#00BDEC;}
.socialbox.sb-vimeo:hover {background:#01557A;}
.socialbox.sb-google-plus:hover {background:#D94A39;}
.socialbox.sb-facebook:hover {background:#3B5998;}
.socialbox.sb-linkedin:hover {background:#1B92BD;}
.socialbox.sb-behance:hover {background:#026afa;}
.socialbox.sb-dribbble:hover {background:#EF5B92;}
.socialbox.sb-pinterest:hover {background:#CB2027;}
.socialbox.sb-instagram:hover {background:#517FA4;}
.socialbox.sb-youtube:hover {background:#D20800;}
.socialbox.sb-skype:hover {background:#18B7F1;}
.socialbox.sb-flickr:hover {background:#EA2698;}
.socialbox.sb-yelp:hover {background:#AF0606;}
.socialbox.sb-lastfm:hover {background:#D2013A;}

/* FreeWall Gallery */
.photo-wall {}
.photo-wall .isotope-item,
.photo-wall .grid-sizer { width:380px; width: -webkit-calc( 100% / 5 ); width: calc( 100% / 5 );}
.photo-wall .isotope-item {float:left; position:relative; padding-bottom:380px; padding-bottom: -webkit-calc( 100% / 5 ); padding-bottom: calc( 100% / 5 ); overflow: hidden;}
.photo-wall .isotope-item.width2 {width: 760px; width: -webkit-calc( ( 100% / 5) *2 ); width: calc( ( 100% / 5) *2 ); }
.photo-wall .isotope-item.height2 {padding-bottom: 760px; padding-bottom: -webkit-calc( ( 100% / 5) *2 ); padding-bottom: calc( ( 100% / 5) *2 );}
.photo-wall .pw-item { position: absolute; top:0; left:0; right:0; bottom: 0; background-repeat:no-repeat; background-position: center center; background-size: cover; }
.photo-wall .pw-item::after { content:''; position: absolute; top:0; left:0; right:0; bottom: 0; background-color:#ad0404; opacity:0; visibility: hidden;}
.photo-wall .isotope-item:hover .pw-item { -webkit-transform:scale(1.03); -ms-transform:scale(1.03); transform:scale(1.03); }
.photo-wall .isotope-item:hover .pw-item::after { opacity:.5; visibility: visible;}
.photo-wall .pw-details {position:absolute; bottom:-200px; left: 5%; color:#fff; width:100%; padding-left: 0;  opacity:0; visibility: hidden;padding-bottom: 40px;}
.photo-wall .isotope-item:hover .pw-details {bottom: 0; opacity:1; visibility: visible;}
.photo-wall .pw-details [data-role="title"] {font-size:18px; font-weight: 600; color:inherit;margin-bottom: 0;letter-spacing: 0;}
.photo-wall .pw-details [data-role="category"] {font-size:12px; font-weight: 600; opacity:.7; color:inherit;margin-bottom: 0;}

@media only screen and (max-width: 991px) {
	.photo-wall .isotope-item,
	.photo-wall .grid-sizer { width: -webkit-calc( 100% / 2 ); width: calc( 100% / 2 );}
	.photo-wall .isotope-item {padding-bottom: -webkit-calc( 100% / 2 ); padding-bottom: calc( 100% / 2 ); }
	.photo-wall .isotope-item.width2 { width: -webkit-calc( ( 100% / 2) *2 ); width: calc( ( 100% / 2) *2 ); }
	.photo-wall .isotope-item.height2 {padding-bottom: -webkit-calc( ( 100% / 2) *2 ); padding-bottom: calc( ( 100% / 2) *2 );}
}

/* Browser Framed Image */
.br-framed-img {display: inline-block; display: block; background: #E3E5E7; padding-top: 35px; border-radius: 3px 3px 0 0; position: relative; }
.br-framed-img::before {content: '...'; position: absolute; top: 0; left: 15px; color: #FFF; font-size: 48px; line-height: 6px; height: 35px; letter-spacing: -1px;}

/* Historic Elements */
.historic-container {padding:70px 0; border-top:1px solid transparent; border-bottom:1px solid transparent;}
.historic-container:hover {background-color:#f9f9f9; border-top-color:#e8e8e8; border-bottom-color:#e8e8e8;}
.historic--logo {width: 90px;height: 90px;}
.historic--logo img { max-width: 90px; height:auto;}
.historic--logo.isicon a {display: block; width: 100%; height: 100%; text-align: center;border-radius: 50%;text-decoration: none; color:#c2c2c2; background-color:#f2f2f2;}
.historic-container:hover .historic--logo.isicon a {background-color:transparent; margin-left:20px;}
.historic--logo.isicon a:hover {color:#fff;}
.historic--logo.isicon .vs-icon {font-size:42px;}
.historic--logo.isicon .vs-icon::before {vertical-align: middle; line-height: 90px;}
.historic--details > p:last-child {margin-bottom: 0}
.historic-container .gallery {margin-left:-30px;}
.historic-container .gallery li {margin: 0 0 10px 10px; float: left;}

/* Misc */
.or-circle {display:inline-block; width:11px; height:11px; border:2px solid rgba(255,255,255,.3); margin-left:15px; margin-right: 15px; border-radius: 50%;}
.or-circle.dark {border-color:#000;}
/* mask next or previous section */
.stg-maskprev,
.stg-masknext + section {position:relative; z-index: 1;}
/* custon vauss underlined */
u.vs_u {color: #ad0404; border-bottom: 1px solid #ad0404; text-decoration: none;}
/* Symbol line separator */
.symbol-line {font-size:20px; text-align: center; color:#e6e6e6; vertical-align: middle; clear:both; line-height: 20px;}
.symbol-line .vs-icon {font-size:18px;}
.symbol-line::before,
.symbol-line::after {content:''; display:inline-block; width: 48%; background: #eaeaea; height:2px; float: right; margin-top: 7px;}
.symbol-line::before {float: left; }
/* Quicklink */
.quicklink {margin-top:-20px; color:#ad0404; font-size: 12px;}
.quicklink:hover {text-decoration: none;}
/* Class For Logo Slider container in Shop Langind page */
.logo-center-border {border-right: 1px solid rgba(0,0,0,0.1); line-height: 100px; padding:0; text-align: center; height: 100px; padding: 0 25px;}
.logo-center-border .slides a {display: block; text-align: center; height:100px; line-height: 100px; vertical-align: middle;}
/* Tooltip restyle */
.tooltip-inner {padding: 9px 8px; border-radius: 2px; font-size: 12px;}
.tooltip.top .tooltip-arrow {border-width: 4px 4px 0; margin-left: -6px; bottom: 1px; }

/* Custom-color */
.custom-color,
.text-hover-custom:hover {color:#ad0404 !important;}

/*custom bg color*/
.custom-bg,
.custom-hover-bg:hover,
.bg-custom,
.bg-hover-custom:hover {background:#ad0404 !important; color:#fff;}

/* Bubble Box */
.bubble-box {max-width: 305px; position: fixed; left:50px; bottom: 50px; display:none;  z-index: 1000;  background: #1A1C25; color:#fff;}
.bubble-box.bb--anim-show,
.bubble-box.bb--anim-hide { display:block;}
.bubble-box .bb--inner {padding:25px;}
.bubble-box p:last-child {margin-bottom: 0;}
.bubble-box .bb--close {position: absolute; right:10px; top:10px; color: rgba(0, 0, 0, 0.6); font-size: 18px; line-height: 1; cursor: pointer;}
.bubble-box .bb--close:hover {color:#fff;}
/* Notification Style */
.notification-box { max-width: 305px; border-radius: 7px; box-shadow: 2px 4px 4px rgba(0,0,0,.15);}
.notification-box a { color: rgba(0, 0, 0, 0.75); }
.notification-box .bb--close {color: rgba(255, 255, 255, 0.6); font-size: 18px;}
/* Ad box */
.ads-box {background: rgba(255, 255, 255, 0.8); border: 1px solid rgba(0, 0, 0, 0.05); border-radius: 3px; text-align: center; color:#4F5152; max-width: 190px;box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.18); font-size: 13px; line-height: 1.5;}
.ads-box .pp-adimg {border-radius: 2px;}
.ads-box .bb--close {right: 6px; top: 5px;}
.ads-box .bb--close:hover {color:#000;}

/* Vauss Popup Box */
.vs-pp-box {width: 400px; margin: 0 auto; position: relative;}
.vs-pp-box .vs-pp-inner {border-radius: 5px; background-color: #fff; }
.vs-pp-box[data-ppbox-timeout] .dontshow {font-size: 12px; color: #232323; margin-top: 5px; display: inline-block;}

/* Newsletter box */
.vs-newsletter-box {width: 755px; height:540px; margin: 0 auto; /*position: fixed; margin: -270px 0 0 -380px; left: 50%; top:50%;*/}
.vs-newsletter-box .vs-pp-inner {position:relative;}
.nlbox--inner { padding: 80px 60px 40px; margin-left: 315px; }
.nlbox--hugediscount {border-top: 1px solid #E7E7E7; border-bottom: 1px solid #E7E7E7; margin: 20px 0; padding: 0; max-height: 200px;}
.nlbox--hugediscount > span {display: inline-block;}
.nlbox--preview {position:absolute; left:0; top:0; background-size: cover; background-repeat: no-repeat; background-position: center center; width: 315px; height: 100%;border-radius: 5px 0 0 5px;}
.nlbox-logo {position: absolute; left:0; right:0; bottom:30px; text-align: center; background-repeat: no-repeat; background-size:contain; background-position: center center; min-height: 60px; }
.vs-newsletter-box input[type="email"] { width: 59%; height: 38px;}
.vs-newsletter-box form .btn {width:40%;}

.logos-bar {position: absolute; bottom:100%; width: 50%;}


/* Vauss Login Box */
.vs-login-box {height: 350px;}
.vs-login-box .vs-pp-inner {box-shadow: 6px 15px 25px rgba(0,0,0,.25);  padding:40px; }
.vs-login-box .vs-checkbox-lb + label,
.vs-login-box .lb-link {font-size:14px; margin:0; color:rgba(0,0,0,0.4); vertical-align: middle; font-weight: 400;}
.lb--form .form-row {margin: 0 0 12px; position: relative;}
.lb--form .vs-input-lb {border: 1px solid #ebebeb; border-radius: 3px; background-color: #fff; height: 72px; box-shadow: 0 1px 0px rgba(0, 0, 0, 0.07); font-size:20px; color:#23262d; font-weight: 600; padding: 25px 0 0 15px; width: 100%;line-height: 1;}
.lb--form .lb-stickylabel {font-size:13px; font-weight: 600; text-transform: uppercase; color:rgba(0,0,0,0.2); position: absolute; left:15px; margin: 0;top:15px; line-height: 1; }
.lb--form .vs-input-lb:hover {border-color:#c9c9c9;}
.lb--form .vs-input-lb:focus {border-color:#bbb;outline: none; box-shadow: inset 4px 5px 7px #F7F7F7;}
.lb--form .vs-checkbox-lb {position: absolute; left:-3999px;}
.lb--form .vs-checkbox-lb + label {cursor: pointer; position: relative; padding-left:30px;}
.lb--form .vs-checkbox-lb + label::before {content:''; width: 20px; height: 20px; border: 1px solid rgba(0, 0, 0, 0.2); display: block;position: absolute;left: 0;border-radius: 3px;}
.lb--form .vs-checkbox-lb + label:hover::before {border-color:rgba(0, 0, 0, 0.3);}
.lb--form .vs-checkbox-lb:checked + label::before {border-color:rgba(0, 0, 0, 0.4);}
.lb--form .vs-checkbox-lb:checked + label::after { content: "\e614";font-family: 'icomoon'; speak: none; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; left: 4px; top: 4px; font-size: 12px; color: #ad0404;}
.lb-register a {font-size: 16px; font-weight: 700; color: #FFF; text-decoration: none; line-height: 16px; display: inline-block; text-align: center;}
.lb-register a:hover {color:#ad0404}
.lb-register .symbol-line {margin: 0 22px;}
.lb-register .symbol-line::before,
.lb-register .symbol-line::after {width: 26%; opacity: .5; margin-top: 9px;}
.lb-register + .mfp-close {outline: none; top: -40px; right: -55px; color: #FFF; font-size: 38px;opacity: .8;}
.lb-register + .mfp-close:hover {opacity: 1;}
.lb-register .vs-icon {display: block; margin-top: 5px; font-size: 24px; color: #FFF;}

/* Fancy Checkbox */
.fancy-checkbox {position: absolute; left:-3999px;}
.fancy-checkbox + label {cursor: pointer; position: relative; padding-left:30px;}
.fancy-checkbox + label::before {content:''; width: 20px; height: 20px; border: 1px solid rgba(0, 0, 0, 0.2); display: block;position: absolute;left: 0;border-radius: 3px;}
.fancy-checkbox + label::after { content: "\00d7"; font-family: 'icomoon'; speak: none; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1;
-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; left: 5px; top: 2px; font-size: 12px; color: #ad0404; }
.fancy-checkbox + label:hover::before {border-color:rgba(0, 0, 0, 0.3);}
.fancy-checkbox:checked + label::before {border-color:rgba(0, 0, 0, 0.4);}
.fancy-checkbox:checked + label::after { content: "\e614"; color: #ad0404; left: 4px; top: 4px;}
/* On dark */
.fancy-checkbox.darken + label {color:#bbb;}
.fancy-checkbox.darken + label:hover {color:#ccc;}
.fancy-checkbox.darken + label::before {border: 1px solid rgba(255, 255, 255, 0.4);}
.fancy-checkbox.darken + label:hover::before {border-color:rgba(255, 255, 255, 0.5);}
.fancy-checkbox.darken + label::after { color: #999; }
.fancy-checkbox.darken:checked + label {color:#eee}
.fancy-checkbox.darken:checked + label::before {border-color:rgba(255, 255, 255, 0.6);}
.fancy-checkbox.darken:checked + label::after { color: #ad0404; }
/* Fancy selectbox */
.fancy-select {border: 1px solid rgba(255, 255, 255, 0.4); color: #bbb; height: 31px; text-indent: 5px; outline: none; border-radius: 3px; background-clip: padding-box; box-shadow:0 1px 0 rgba(0, 0, 0, 0.34); -webkit-appearance: none; -moz-appearance: none; -o-appearance: none; -ms-appearance: none; appearance: none; background-repeat: no-repeat; background-color:transparent; background-position: -webkit-calc( 100% - 10px ) -50px; background-position: calc( 100% - 10px ) -50px; width: 100%; text-transform: uppercase; font-size: 11px; font-weight: normal; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAABECAYAAABNni8RAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OTZFQUM4ODU2ODQ0MTFFNDk0MDdEMTE0OUE0MjUwM0QiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OTZFQUM4ODY2ODQ0MTFFNDk0MDdEMTE0OUE0MjUwM0QiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo5NkVBQzg4MzY4NDQxMUU0OTQwN0QxMTQ5QTQyNTAzRCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo5NkVBQzg4NDY4NDQxMUU0OTQwN0QxMTQ5QTQyNTAzRCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PtLxv78AAABVSURBVHjaYuQTlEljwAEYgZIgGpuCWTBJdAWzkHUiK5gFN/b///8MOO0clRyVHJUclRyVHJUcApIf3z3GXX+CCGwK+IVkZzHCOMgKQBIYxqCbABBgAD9RxjI3lgNcAAAAAElFTkSuQmCC);}
.fancy-select.darken {border-color: rgba(0, 0, 0, 0.4); color: #888; box-shadow:0 1px 0 rgba(0, 0, 0, 0.34); background-position: -webkit-calc( 100% - 10px ) 14px;background-position: calc( 100% - 10px ) 14px;}

/* Fancy radio */
.fancy-radio {position: absolute; left:-3999px;}
.fancy-radio + label {cursor: pointer; position: relative; padding-left: 25px; vertical-align:middle;}
.fancy-radio + label::before {content:''; width: 16px; height: 16px; border: 1px solid rgba(0, 0, 0, 0.2); display: block; position: absolute; left: 0; border-radius: 50%; top: 1px;}
.fancy-radio + label::after { content: "\00d7"; font-family: 'icomoon'; speak: none; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; left: 4px; top: 2px; font-size: 10px; color: #ad0404; opacity: 0;}
.fancy-radio + label:hover::before {border-color:rgba(0, 0, 0, 0.3);}
.fancy-radio:checked + label::before {border-color:rgba(0, 0, 0, 0.4);}
.fancy-radio:checked + label::after { left: 5px; top: 6px; content: ''; width: 6px; height: 6px; background: #ad0404; border-radius: 50%; opacity: 1;}
/* darken */
.fancy-radio.darken + label {color:#bbb; text-transform: uppercase;font-size: 11px;font-weight: normal;}
.fancy-radio.darken + label:hover {color:#ccc;}
.fancy-radio.darken + label::before {border: 1px solid rgba(255, 255, 255, 0.3);}
.fancy-radio.darken + label:hover::before {border-color:rgba(255, 255, 255, 0.5);}
.fancy-radio.darken:checked + label {color:#eee}
.fancy-radio.darken:checked + label::before {border-color:rgba(255, 255, 255, 0.6);}

/* Social Sharing buttons */
.social-sharing li {display: inline-block; margin-left:10px; width: 90px; max-height: 20px; vertical-align: top;}
.social-sharing li.sc-gplus { width: 70px; }

/* Text group slider */
.text-group-slider {display:inline-block; list-style: none; margin: 0 ; padding:0;position: relative; -webkit-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0);}
.text-group-slider.trin { -webkit-transform:translateY(20px); -ms-transform:translateY(20px); transform:translateY(20px); -webkit-transition: -webkit-transform .2s ease-in; transition: transform .2s ease-in;}

/* Vauss Lander Styles */
.vauss-lander .video-grid-overlay::after {background-color: rgba(0, 0, 0, 0.3);}
.lander-title { letter-spacing: -10px; }
.lander-rotator .caroufredsel_wrapper,
.lander-rotator .caroufredsel { margin:0 auto !important; width:100% !important;}
.lander-rotator .text-item {font-weight: 200; font-style: italic;  text-align: center; line-height: 40px; height:40px;}

/*.lander-rotator .text-group-slider {padding-left: 5px; margin-left: -5px; }*/

.vauss-lander .main-header {background: #161922;}
.vauss-lander .main-header,
.vauss-lander .site-logo {height:130px;}

/* vcenter element */
.vcenter-container {width:100%; height: 100%; position: relative;}
.vcenter-container .container {top: 50%; position: absolute; left: 0; right: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);}
/*  Custom colors used in Lander page */
.icon-box .color-bluey {color:#37d0de;}
.icon-box .color-nicegreen {color:#a9df5d;}
.icon-box .color-purpleish {color:#ce52dd;}
.icon-box .color-hipstyorange {color:#f69464;}


/* ==========================================================================

   Responsive styles.

   ========================================================================== */


@media only screen and (min-width : 1921px){
	/* Force full width images on higher res like 1921+ wide */
	.force-img-fullwidth .slides li img {width:100%;}
}

@media only screen and (min-width : 1441px) and (max-width : 1890px){
	.site-responsive .logos-bar {padding-top: 20px !important; padding-bottom: 20px !important;}
}

@media only screen and (max-width : 1440px){

	.logos-bar {position: static; width: auto;}

	.gmap-custom-size2 {padding-bottom: 110%;}

	.main-header > .logo-container {position: absolute;}
}

@media only screen and (min-width : 1200px) and (max-width : 1440px){

}

/* LARGE ******************************
** Large devices, wide screens, ex: Desktops (bigger than 1200px) */
@media only screen and (min-width : 1200px){



}/* //LARGE ***************************
***************************************/


/*** BELOW LARGE ***************************
** Medium devices only, ex: small desktops, bigger tablets (smaller than 1199px) */
@media only screen and (max-width: 1199px){

	.world-map-offices {max-height: 550px; overflow: auto;}
	.world-map-offices .world-office {position: static;}
	.world-map-offices .world-office::before {display:none}
	.world-map-offices .office-details {opacity:1; visibility: visible; position: static; padding-bottom: 0;}

	.laptop-slider .cfs--navigation a,
	.works_carousel .cfs--navigation a {display: none !important;}

	.services_boxes_wgt li [data-role="title"] .vs-icon {margin-bottom: 20px;}
	.services_boxes_wgt li [data-role="title"] {font-size: 13px}
	.services_boxes_wgt .inner-box {min-height: 130px;}

	ul.project-list li .overlay a {padding: 10px 15px;}

	.team-member .mmb-title {margin-top: 0;}
	.team-member.stl-style-2 .mmb-social-list {top: 110px;}

	.devices-animation .device-smartphone {display: none}


}/* //BELOW LARGE *********************
***************************************/

/*** MEDIUM ***************************
** Medium devices only, ex: small desktops, bigger tablets (bigger than 992px and smaller than 1199px) */
@media only screen and (min-width: 992px) and (max-width: 1199px){

	.main-header .right-nav {margin-left: 0px;}
	.vs-menu > li > .menu-item,
	.sitemenu-extra-no-arrows > li > .menu-item:not(:only-child),
	.site-header.sticked .vs-menu > li > .menu-item:not(:only-child) {padding: 0 10px;}

	ul.clean-tabs > li > a {padding-left:8px; padding-right: 8px;}

	.photogallery-widget .pg-thumb .pg-caption,
	.photogallery-widget .pg-thumb .pg-caption a {font-size: 12px; font-weight: 400; padding:10px 5px 0 10px;}




}/* //MEDIUM **************************
***************************************/



/*** MEDIUM & LARGE *******************
** Medium and large devices, ex: tablets  (bigger than 992px) */
@media only screen and (min-width: 992px){

	.tab-content .tab-helper {display: none;}

	.vs-menu ul li li:hover > ul,
	.vs-menu ul li li > .menu-item:hover + ul {top: 125%;left: 10%;box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.44);border-top: 1px solid rgba(255, 255, 255, 0.1);border-left: 1px solid rgba(255, 255, 255, 0.1);}

	/* site navigation to center */
	.site-main-nav.stg-menu-center {float: none;}
	.visible-search .main-header .site-main-nav.stg-menu-center {float:left;}
	.site-main-nav.stg-menu-center .vs-menu {display: table; margin: 0 auto;}

	.pricing-table.vs-style .features-column ~ .plan-column .ptable-caption {display: none;}

}/* //MEDIUM & LARGE ******************
***************************************/

/*** XSMALL & SMALL *******************
** Small and extra small devices, ex: smartphones, tablets, smaller tablets, smartphones (smaller than 991px) */
@media only screen and (max-width: 991px) {

	/* Panels in TopMenu */
	.topmenu-subpanel {left: auto; right: -25px;}
	.language-selector .vs-img {margin-right: 0;}

	.lb-register + .mfp-close {right:0;}

	.site-main-nav .vs-menu {display: none;}
	.site-main-nav {display: table; margin-right: 20px;}
	.site-main-nav .mobilenav-icon {vertical-align: middle; display: table-cell;}
	.site-main-nav .mobilenav-icon:before {content: ''; width: 13px; height: 14px; position: absolute; top: 50%; left: 0; margin-top: -13px; border: 1px solid #CCC; padding: 5px; box-sizing: content-box; margin-left: -5px; border-radius: 2px;}

	.site-mobile-nav .vs-menu {display: block;}

	/* Tab Content with Toggle Button */
	.tab-content .tab-helper {background: none; border: none; color: #474747; border-bottom: 1px solid #E9E9E9; font-size: 15px; padding: 10px 0; line-height: 1.5; margin: 0 0 10px; display: block; width: 100%; text-align: start; outline:none;}
	.tab-content .tab-helper:not(.collapsed) + .tab-pane:not(.collapse),
	.tab-content .tab-helper:not(.collapsed) + .tab-pane.collapse.in {display: block; padding:10px 0;}
	.tab-content .tab-helper + .tab-pane.active.collapse {display: none;}
	.tab-content .tab-helper.collapsed::after {content:"\e602";}
	.tab-content .tab-helper::after {content:"\e603"; font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block;margin-right: 5px; margin-top:5px; vertical-align: middle; opacity: .4; float:right;}

	.photogallery-widget .pg-thumb .pg-caption {display: none}

	.photo-wall .isotope-item {width: -webkit-calc( 100% / 2 ); width: calc( 100% / 2 ); padding-bottom: -webkit-calc( 100% / 2 ); padding-bottom: calc( 100% / 2 );}
	.photo-wall .isotope-item.width2 {width: -webkit-calc( 100% / 2 ); width: calc( 100% / 2 ); }
	.photo-wall .isotope-item.height2 {padding-bottom: -webkit-calc( 100% / 2 ); padding-bottom: calc( 100% / 2 );}
	.photo-wall .isotope-item:nth-child(odd):last-child {width: 100%; padding-bottom: 100%;}

	.justified-blocks {text-align: center;-ms-text-justify: initial; text-justify: initial;}
	.justified-blocks .jsf-block {margin: 0 15px 50px;}

	.logolist {width: 100%;}
	.logolist a {display: block;margin-left: 10px;margin-right: 10px;}
	.logolist img {max-width: 100%; display: block;}

	.testimonial_slider.quoter-style {margin: 0 100px;}

	ul.pill-tabs li {display: block;}

	.sidebar ul.posts li a img {float: none; display: block; margin-bottom: 10px;}

	.sidebar .newsletter-form .email {float: none;width: 100%;border-radius: 3px;margin-bottom: 10px;}
	.sidebar .newsletter-form [type=submit] {border-radius: 3px}

	#page-header .project-filter-container ul.project-filter.toheader.toright {left: 0;}

	.affix {position: relative;}

	.pricing-table.vs-style .ptable-caption {display: block;}
	.pricing-table .features-column.hidesm {display: none}
	.pricing-table[data-columns="1"] .features-column ~ .plan-column { width:100%; } /* with features-col */
	.pricing-table[data-columns="2"] .features-column ~ .plan-column { width: -webkit-calc(100% / 2); width: calc(100% / 2); } /* with features-col */
	.pricing-table[data-columns="3"] .features-column ~ .plan-column { width: -webkit-calc(100% / 3); width: calc(100% / 3); }/* with features-col */
	.pricing-table[data-columns="4"] .features-column ~ .plan-column { width: -webkit-calc(100% / 4); width: calc(100% / 4); } /* with features-col */
	.pricing-table[data-columns="5"] .features-column ~ .plan-column { width: -webkit-calc(100% / 5); width: calc(100% / 5); } /* with features-col */

	.pricing-table.classic-style .plan-column.featured { margin: -20px 0; }

	.processbox_wgt .intro-col + ul {width:100%; margin-left: 0%;c lear: left; float: none;}
	.processbox_wgt .intro-col {width: 100%; position: relative; min-height: 0; border-radius: 4px 4px 0 0;}
	.processbox_wgt .intro-col::after { margin-top:-20px; border-left-color: transparent; border-top-color: #ad0404; right: auto; left: 50%; margin-left: -20px; top: auto; bottom: -40px;}


}/* //XSMALL & SMALL ******************
***************************************/

/*** SMALL ****************************
** Bigger devices in general, ex: tablets (bigger than 768px and smaller than 991px) */
@media only screen and (min-width: 768px) and (max-width: 991px){

	.services_boxes_wgt .intro-col + ul[class*="sbox-"] {width: auto; margin-left: 0;}
	.services_boxes_wgt .sbox-1 > li,
	.services_boxes_wgt .sbox-2 > li,
	.services_boxes_wgt .sbox-3 > li,
	.services_boxes_wgt .sbox-4 > li,
	.services_boxes_wgt .sbox-5 > li {width: 50%; margin-left: 0;}
	.services_boxes_wgt .intro-col {float: left;  width: 100%; color:#888888; margin-bottom: 40px}
	.services_boxes_wgt .inner-box {margin-bottom: 20px;margin-left: 0;margin-right: 10px;}

	.process-list .processitems li {width: -webkit-calc(33.3333% - 20px); width: calc(33.3333% - 20px);}
	.process-list .processitems li .ico-wrapper > span::after {display: none;}


} /* //SMALL **************************
***************************************/

/*** SMALL, MEDIUM & LARGE ************
**  devices bigger than smartphones and small tablets (bigger than 768px) */
@media only screen and (min-width: 768px) {



} /* //SMALL, MEDIUM & LARGE **********
***************************************/

/*** XSMALL ***************************
**  Small devices, ex: small tablets, smartphone (smaller than 767px) */
@media only screen and (max-width: 767px) {

	.btn.btn-vs {padding-left: 12px; padding-right: 12px;}

	/* social icons in head */
	.site-responsive .site-header .social_icons > ul {display:none;}
	.site-responsive .site-header .social_icons > a:hover + ul,
	.site-responsive .site-header .social_icons:hover > a + ul {display:block; position:absolute; z-index:9; background:#eee; width:100%; left:0; padding:10px; top:42px; margin:0; box-shadow: 0 2px 3px rgba(0, 0, 0, 0.25);}
	.site-responsive .site-header .social_icons li { vertical-align: middle; line-height: 30px;}
	.site-responsive .site-header .social_icons li a { color:#888; }
	.site-responsive .site-header .social_icons > a {display:block; width:40px; height:42px; line-height:42px; text-align:center; background:#eee; color:#333; text-decoration:none;}
	.th--dark.site-responsive .site-header .social_icons > a:hover + ul,
	.th--dark.site-responsive .site-header .social_icons:hover > a + ul { background: #121212; }
	.th--dark.site-responsive .site-header .social_icons li a { color:#888; }
	.th--dark.site-responsive .site-header .social_icons > a {background: #121212; color: #999;}

	.vs-pp-box {width:100%;}

	.lb-register .symbol-line::before,
	.lb-register .symbol-line::after {width: 16%;}

	.right-nav > li {padding: 0 9px;}

	.search-block {width:100%;}
	.vs-search-input {padding-left: 10px; font-size:22px;}
	.search-block form > .vs-icon {font-size: 18px;}
	.visible-search .main-header .site-main-nav,
	.visible-search .main-header .site-logo,
	.visible-search .main-header .right-nav > li:not(.searchbtn-holder) {display: none;}
	.main-header .right-nav {margin-left:0;}

	.sm-panel { width: 80%; right: -80%; }
	.sm-panel .sm-panel--inner {padding: 30px 20px 0 30px;}
	.sidemenu-opened #page-wrapper,
	.sidemenu-opened .fixedNscrolled > div {margin-left: -80%;}

	.shop-cart-holder:hover {position: static;}
	.shop-cart-holder:hover .cart-subpanel {left:0; max-height: 270px; overflow: scroll; overflow-x: hidden; box-shadow: 0 6px 5px rgba(0, 0, 0, 0.3);}
	.shop-cart .cart--panel {width: 100%;}
	.products-incart li a img {max-width: 35px;}
	.products-incart .ptitle {margin-top:0;}

	.photogallery-widget .caroufredsel { width:100%; }
	.photogallery-widget .cfs--navigation { width:100%; }
	.photogallery-widget .cfs--pagination {width: 100%; position: static; height: auto; }
	.photogallery-widget .pg-thumb,
	.photogallery-widget .pg-thumb:nth-child(9):last-child {width:20%; height:auto;}

	.bubble-box {max-width: 100%; width:100%; left:0; bottom: 0; display:none; z-index: 1000;}
	.notification-box { max-width: 100%; border-radius: 0; box-shadow: none;}
	.ads-box { max-width: 100%; border-radius: 0; box-shadow: none; text-align: start;}
	.ads-box .pp-adimg {float:left; margin-right: 20px; max-width: 80px;}

	#totop {height: 30px;right: -50px;width: 30px; z-index: 9999;top: 90%;line-height: 30px;}
	#totop::after {font-size:10px;}

	.bubble-box ~ #totop {z-index: 999;}

	.symbol-line::before, .symbol-line::after {width:45%;}

	.testimonial_slider.quoter-style {margin:0 15px;}
	.testimonial_slider.quoter-style::before,
	.testimonial_slider.quoter-style::after {display:none}

	.fun-fact .fun-number {font-size: 40px;line-height: 40px;height: 40px; opacity: 1;}
	.fun-fact .fun-number::before {content:attr(data-to);}
	.fun-fact .fun-thing {font-size: 11px;margin-top: 25px;}

	.justified-blocks .jsf-block {margin: 0 15px 25px;}

	/*.parallax-effects {display: none;}*/
	.dust-layer {display: none;}

	.fixedNscrolled > div:first-child {position: absolute;}

	.pw-details .vs-icon {display: none;}

	.quicklink {font-size: 10px;}

	.logolist { width: 100%; text-align: center;}
	.logolist li {display: inline-block;min-height: 0;margin: 15px 0;}

	.nlbox--preview {display: none;}
	.nlbox--inner { padding: 40px; margin-left:0; }

	.logo-center-border {border:none;}

	.products-carousel .cfs--navigation {right:0;}

	.services_boxes_wgt .intro-col + ul[class*="sbox-"] {width: auto; margin-left: 0;}
	.services_boxes_wgt .sbox-1 > li,
	.services_boxes_wgt .sbox-2 > li,
	.services_boxes_wgt .sbox-3 > li,
	.services_boxes_wgt .sbox-4 > li,
	.services_boxes_wgt .sbox-5 > li {width: 100%; margin-left: 0;}
	.services_boxes_wgt .intro-col {float: left;  width: 100%; color:#888888; margin-bottom: 40px}
	.services_boxes_wgt .inner-box {margin-bottom: 20px;margin-left: 0;margin-right: 0;}
	.services_boxes_wgt .hover-details {position: static;opacity: 1;visibility: visible;clear: both;box-shadow: none;padding: 0;}
	.services_boxes_wgt .hover-details::after {display: none;}

	.processbox_wgt ul.pbox-1 > li,
	.processbox_wgt ul.pbox-2 > li,
	.processbox_wgt ul.pbox-3 > li,
	.processbox_wgt ul.pbox-4 > li,
	.processbox_wgt ul.pbox-5 > li {width: 100%; float: none;}

	.blog-page.blog-timeline .bpost {margin-left:0;}
	.blog-page.blog-timeline .bpost::before {display: none;}
	.blog-page.blog-timeline .bpost .post-head > [data-role="title"],
	.blog-page.blog-timeline .bpost .post-details,
	.blog-page.blog-timeline .bpost .post-content,
	.blog-page.blog-timeline .bpost .readmore-btn,
	.blog-page.blog-timeline .bpost .post-qshare {margin-left: 20px;margin-right: 20px;}
	.blog-page.blog-timeline .bpost .date {position: static;float: none;background: none;margin-left: 20px;display: inline-block;text-align: left;height: auto;}
	.blog-page.blog-timeline .bpost .post-qshare {position: static;display: inline-block;margin-bottom: 10px;}
	.blog-page.blog-timeline .bpost .post-qshare > a {display: none;}
	.blog-page.blog-timeline .bpost .post-qshare > ul {opacity: 1;visibility: visible;width: auto;position: static;background: none;padding: 0;}
	.blog-page.blog-timeline .bpost .post-qshare > ul::before {display: none;}
	.blog-page.blog-timeline .bpost .post-qshare li {display: inline-block; margin-right:10px;}
	.blog-page.blog-timeline .bpost .post-qshare > ul a {display: inline-block;color: #999;}
	.blog-page.blog-timeline .bpost.post-quote .post-qshare > ul a,
	.blog-page.blog-timeline .bpost.post-link .post-qshare > ul a,
	.blog-page.blog-timeline .bpost.post-soundcloud .post-qshare > ul a,
	.blog-page.blog-timeline .bpost.post-quote .date,
	.blog-page.blog-timeline .bpost.post-link .date,
	.blog-page.blog-timeline .bpost.post-soundcloud .date {color:#fff;}
	.blog-page .bpost.post-img [data-role="title"] {position: static; margin-bottom: 15px}

	#page-header .project-filter-container ul.project-filter.toheader.toright {left: 15px; }

	.sorting-controls { float:none; margin-left:0; margin-bottom: 20px}
	.sorting-controls .sorting-order { width:70%; }
	.sorting-controls .sorting-limit { width:30%; }
	.shop-pagination { float:none; margin-right: 0; margin-bottom: 10px}
	.shop-pagination .current { width: 100%; float: none;}
	.shop-pagination .current > span {display: inline-block; margin-right:30px; margin-left:10px}
	.shop-pagination .pagination-list {opacity:1; visibility:visible;width: auto;position: static;display: inline-block;border: 0;background: none;padding: 0;}
	.shop-pagination .pagination-list li {display:inline-block; margin-right:10px;}
	.shop-pagination .pagination-list li:last-child {margin-right:0;}
	.shop-controls .result-count {position: static;}

	.filter_header { margin-top: 80px; }
	.filter_header .label, .filter_header .filter-val {font-size: 30px;}

	.table-responsive {}
	.table-responsive > .products-cart{margin-bottom: 0; min-width:800px;}
	.table-responsive > .products-cart > thead > tr > th,
	.table-responsive > .products-cart > tbody > tr > th,
	.table-responsive > .products-cart > tfoot > tr > th,
	.table-responsive > .products-cart > thead > tr > td,
	.table-responsive > .products-cart > tbody > tr > td,
	.table-responsive > .products-cart > tfoot > tr > td { white-space: nowrap; }

	.vs-form .form-line {float:none; width:auto !important;}

	.vs-form .form-line.withlabel label,
	.vs-form .form-line.withlabel label ~ input + input,
	.vs-form .form-line.withlabel label ~ input, .vs-form .form-line.withlabel label ~ .vs-select, .vs-form .form-line.withlabel label ~ textarea  {float:none; width:100%; margin-left:0;}

	ul.vertical-tabs {width: 100%; float: none;}
	.tab-content.vertical-tabs {margin-left: 0;padding-left: 0;border-left: 0;margin-top: 40px;}

	.logolist a {max-width: 70px;}

	.process-list .processitems li {width: 100%;float: none;margin: 0;}
	.process-list .processitems li .ico-wrapper > span::after {display: none;}

	.calltoaction span.cta-title {display: block;}

	.xs-stretch {width: 100%; text-align: center;}

	.historic-container {padding: 0;border: 0;}
	.historic-container .gallery {margin-left:-10px;}

	.testimonialbox.wgt-style.horizontal-head-pos.flippedX .thead,
	.testimonialbox.wgt-style.horizontal-head-pos .thead {float:none;}
	.testimonialbox.wgt-style.horizontal-head-pos .thead::after {display: none}

	.blog-post .post-navigation li,
	.blog-post .post-navigation li.next-post{float:none; width:100%; text-align:center;}
	.blog-post .post-navigation li.next-post{margin-top:15px}

	.pricing-table .plan-column { width:100% !important; }
	.pricing-table.hipstery-style .plan-column:not(.featured),
	.pricing-table.classic-style .plan-column:not(.featured) {border:solid #cdcdcd; border-width: 3px 0;}
	.pricing-table.hipstery-style .plan-column.featured,
	.pricing-table.classic-style .plan-column.featured {margin-bottom: 0}

} /* //XSMALL *************************
***************************************/

/*** IPHONE ***************************
** Small smartphones, ex: Iphone 5 and lower versions (smaller than 480px) */
@media only screen and (max-width : 480px) {

	.site-main-nav {float: none;display: block; margin: 0 -15px;background: #FFF;border-top: 1px solid #EEE; border-bottom: 1px solid #EEE; clear: both; text-align: center;box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);}
	.site-main-nav .mobilenav-icon {margin: 0; height: 30px !important; line-height: 30px !important; display: block;width: 100%;}
	.site-main-nav .mobilenav-icon:before {content:attr(data-menutitle); width: auto; height: auto; left: auto; top: 0; position: relative; margin: 0 10px 0 0; border: 0; padding: 0; font-size: 14px; font-weight: 700; color: #45474D; display: inline-block;}
	.site-main-nav .mobilenav-icon > span {display: inline-block; margin-top: -4px; line-height: 30px;}

	.site-main-nav {}
	.mh---transparent .site-header:not(.sticked) .site-main-nav {background: rgba(255, 255, 255, 0);border-top: 1px solid rgba(238, 238, 238, 0.3);border-bottom: 1px solid rgba(238, 238, 238, 0.3);}
	.mh---transparent .site-header:not(.sticked) .site-main-nav .mobilenav-icon:before {color: rgba(255, 255, 255, 0.5);}

	.s-panel--close {top: 10px;right: 20px;}

	.icon-box.stg-alignleft .vs-icon,
	.icon-box.stg-alignleft .vs-img,
	.icon-box.stg-alignright .vs-icon,
	.icon-box.stg-alignright .vs-img {float:none; margin: 0 auto 10px; display: block; text-align: center;}
	.icon-box.stg-alignleft [data-role="title"],
	.icon-box.stg-alignleft .vs-icon ~ .content,
	.icon-box.stg-alignright [data-role="title"],
	.icon-box.stg-alignright .vs-icon ~ .content {text-align:center;}

	.feature {text-align: center;}
	.feature.style2 .vs-icon {float:none;}

	.blog-page.blog-timeline .bpost .post-head .post-image.small {float:none; margin-left:20px;}

	ul.project-filter li {font-size:15px; margin-bottom: 15px}

	.filter_header { margin-top: 40px; }

	.twitter-slider {margin: 150px 0 0;}
	.twitter-slider::before {top: -90px;}
	.twitter-slider .tweets li { padding: 0;  font-size:18px;}

	.nav-block { text-align: center}
	.nav-block a {display: block;}
	.nav-block a:first-child {float: none;margin-bottom: 10px;}

	ul.vs-tabs > li {display: block;float: none;}
	ul.vs-tabs > li > a {margin-right: 0; border-bottom: 1px solid #DDD;}

	.comment--block .avatar ~ .comenter-name, .comment--block .avatar ~ .cdetails, .comment--block .avatar ~ .comment-content { margin-left: 0; }
	.comment--block .reply-link {position: static; float: right}
	.comment--block .avatar {float: none;display: inline-block;}

	.header-controls li:first-child {margin-left: 0;}
	.header-controls li a { font-size: 25px; width: 15px; }

	.portfoliogridlink span {width:10px; height:10px;}
	.portfoliogridlink span::before {width:10px; height:10px;margin-top: 12px;}

	#page-slideshow .likebox, .full-preview .likebox {margin-right: 10px;}

	.world-map-offices .office-details {min-width: 100%;}
	.world-map-offices .office-content {padding: 10px 10px 0;}

	.nlbox--inner {padding: 40px 15px;}

	.islabeled .custom-label,
	.islabeled.hovered:hover .custom-label,
	.clean-checkbox input[type=checkbox]:checked ~ .custom-label {width: 100%; margin:5px 0;}

} /* //IPHONE *************************
**************************************/

/*** IPHONE ***************************
** Small smartphones on portrait (smaller than 320px) */
@media only screen and (max-width : 320px) {

	.shop-pagination .current > span {margin-right: 20px;}
	.shop-pagination .pagination-list li {margin-right: 4px;}

} /* //IPHONE *************************
*********************************/