/*
* Theme Name: Eram
* Theme URI: https://themeforest.net/user/owwwlab/portfolio/
* Author: owwwlab
* Author URI: https://owwwlab.com/
* Description: A Gentle, versatile, highly customizable theme for your precious photographs to help you stand out in the crowd. You can find us on: Envato or Twitter
* Version: 2.2.0
* License: GNU General Public License v2 or later
* License URI: http://www.gnu.org/licenses/gpl-2.0.html
* Tags: custom-background, custom-colors, custom-header, custom-menu, editor-style, sticky-post, threaded-comments, translation-ready
* Text Domain: eram
*
*/
body {
color: #777;
font-size: 16px;
font-smoothing: antialiased;
-moz-font-smoothing: antialiased;
-webkit-font-smoothing: antialiased
}
a {
color: #555
}
a,
a:focus,
a:hover {
text-decoration: none
}
a:focus,
a:hover {
color: #444;
outline: none
}
iframe {
border: none
}
#gmap,
.gmap,
.inner-wrapper {
height: 100%
}
#gmap,
.gmap {
width: 100%
}
#gmap #map-marker,
.gmap #map-marker {
color: #444
}
#gmap #map-marker:after,
.gmap #map-marker:after {
content: "\f041";
font-family: FontAwesome;
font-size: 50px
}
.aligncenter {
text-align: center
}
.alignleft {
padding: 0 20px 20px 0;
float: left
}
.alignright {
padding: 0 0 20px 20px;
float: right
}
img.responsive-image {
max-width: 100%;
height: auto
}
.em-single-post .post-body .the-content p.wp-caption-text {
padding: 10px;
font-size: 14px
}
.wp-caption {
max-width: 100%;
margin-bottom: 30px
}
.wp-caption img {
max-width: 100%;
height: auto
}
.wp-caption p.wp-caption-text {
padding: 10px;
font-size: 14px
}
.copy-tip {
position: absolute;
z-index: 10000000;
top: 0;
left: 0;
padding: 5px 12px;
background-color: rgba(0, 0, 0, .7);
color: #fff;
font-size: 12px;
line-height: 22px
}
.copy-tip .sign {
font-size: 18px
}
.page-contents img {
max-width: 100%;
height: auto
}
.page-contents .gallery-wrapper img {
max-width: none
}
input:-webkit-autofill {
-webkit-box-shadow: 0 0 0 1000px #fff inset!important
}
@import "https://fonts.googleapis.com/css?family=Inconsolata:400,700|Kanit:100,200,400,400i,700,900,900i&subset=latin-ext,thai,vietnamese";
.clearfix:after {
clear: both;
content: "";
display: table
}
.hide-text {
text-indent: 101%;
white-space: nowrap
}
.hide-text,
.visually-hidden {
overflow: hidden;
padding: 0
}
.visually-hidden {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
position: absolute;
width: 1px
}
.vcenter-wrapper {
display: table;
width: 100%;
height: 100%
}
.vcenter-wrapper .vcenter {
display: table-cell;
vertical-align: middle
}
.cover-bg {
background-repeat: no-repeat;
background-size: cover
}
.er-clips:after,
.er-clips:before {
content: "";
position: absolute;
top: 30px;
right: -15px;
width: 31px;
height: 1px;
background-color: #777
}
.er-clips:before {
-ms-transform: rotate(90deg);
transform: rotate(90deg);
top: 0;
right: 15px
}
.er-clips.reverse:after {
top: auto;
right: auto;
left: -15px;
bottom: 30px
}
.er-clips.reverse:before {
top: auto;
right: auto;
left: 15px;
bottom: 0
}
.hvh-30 {
height: 30vh!important
}
.hvh-40 {
height: 40vh!important
}
.hvh-50 {
height: 50vh!important
}
.hvh-60 {
height: 60vh!important
}
.hvh-70 {
height: 70vh!important
}
.hvh-80 {
height: 80vh!important
}
.hvh-85 {
height: 85vh!important
}
.hvh-90 {
height: 90vh!important
}
.hvh-95 {
height: 95vh!important
}
.hvh-100 {
height: 100vh!important
}
.full-screen {
height: 100vh
}
.full-screen._em_fixed {
height: 100vh!important
}
.h-50 {
height: 50px!important
}
.h-75 {
height: 75px!important
}
.h-100 {
height: 100px!important
}
.h-150 {
height: 150px!important
}
.h-200 {
height: 200px!important
}
.h-250 {
height: 250px!important
}
.h-300 {
height: 300px!important
}
.h-350 {
height: 350px!important
}
.h-400 {
height: 400px!important
}
.h-450 {
height: 450px!important
}
.h-500 {
height: 500px!important
}
.h-550 {
height: 550px!important
}
.h-600 {
height: 600px!important
}
.h-650 {
height: 650px!important
}
.h-700 {
height: 700px!important
}
.h-800 {
height: 800px!important
}
.h-900 {
height: 900px!important
}
.page .full-width {
overflow: hidden
}
[class*=ov-] {
position: relative;
z-index: 1
}
[class*=ov-]>.parallax-bg-elem,
[class*=ov-]>img {
z-index: -2!important;
position: relative
}
[class*=ov-]:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1
}
[class*=ov-dark-]:before {
background: #222
}
[class*=ov-light-]:before {
background: #fff
}
[class*=ov-blue-]:before {
background: #25233d
}
[class*=ov-grad1-]:before {
background: #000;
background: linear-gradient(270deg, #000, #53346d)
}
[class*=ov-grad2-]:before {
background: #de6262;
background: linear-gradient(270deg, #de6262, #ffb88c)
}
[class*=ov-grad3-]:before {
background: #b3ffab;
background: linear-gradient(270deg, #b3ffab, #12fff7)
}
[class*=ov-grad4-]:before {
background: #f46b45;
background: linear-gradient(270deg, #f46b45, #eea849)
}
[class*=ov-grad5-]:before {
background: #bb3adb;
background: linear-gradient(270deg, #bb3adb, #ff54ab)
}
[class*=ov-grad6-]:before {
background: #16222a;
background: linear-gradient(270deg, #16222a, #3a6073)
}
[class*=ov-grad7-]:before {
background: #ff8f52;
background: linear-gradient(270deg, #ff8f52, #fda642)
}
[class*=ov-grad8-]:before {
background: #ff6dc9;
background: linear-gradient(270deg, #ff6dc9, #fa62ff)
}
[class*=ov-grad9-]:before {
background: #ffd194;
background: linear-gradient(270deg, #ffd194, #70e1f5)
}
[class*=ov-grad10-]:before {
background: #ffbd5b;
background: linear-gradient(270deg, #ffbd5b, #ff9aab)
}
.ov-blue-alpha-5:before,
.ov-dark-alpha-5:before,
.ov-grad1-alpha-5:before,
.ov-grad2-alpha-5:before,
.ov-grad3-alpha-5:before,
.ov-grad4-alpha-5:before,
.ov-grad5-alpha-5:before,
.ov-grad6-alpha-5:before,
.ov-grad7-alpha-5:before,
.ov-grad8-alpha-5:before,
.ov-grad9-alpha-5:before,
.ov-grad10-alpha-5:before,
.ov-grad11-alpha-5:before,
.ov-light-alpha-5:before {
opacity: .05
}
.ov-blue-alpha-10:before,
.ov-dark-alpha-10:before,
.ov-grad1-alpha-10:before,
.ov-grad2-alpha-10:before,
.ov-grad3-alpha-10:before,
.ov-grad4-alpha-10:before,
.ov-grad5-alpha-10:before,
.ov-grad6-alpha-10:before,
.ov-grad7-alpha-10:before,
.ov-grad8-alpha-10:before,
.ov-grad9-alpha-10:before,
.ov-grad10-alpha-10:before,
.ov-grad11-alpha-10:before,
.ov-light-alpha-10:before {
opacity: .1
}
.ov-blue-alpha-20:before,
.ov-dark-alpha-20:before,
.ov-grad1-alpha-20:before,
.ov-grad2-alpha-20:before,
.ov-grad3-alpha-20:before,
.ov-grad4-alpha-20:before,
.ov-grad5-alpha-20:before,
.ov-grad6-alpha-20:before,
.ov-grad7-alpha-20:before,
.ov-grad8-alpha-20:before,
.ov-grad9-alpha-20:before,
.ov-grad10-alpha-20:before,
.ov-grad11-alpha-20:before,
.ov-light-alpha-20:before {
opacity: .2
}
.ov-blue-alpha-30:before,
.ov-dark-alpha-30:before,
.ov-grad1-alpha-30:before,
.ov-grad2-alpha-30:before,
.ov-grad3-alpha-30:before,
.ov-grad4-alpha-30:before,
.ov-grad5-alpha-30:before,
.ov-grad6-alpha-30:before,
.ov-grad7-alpha-30:before,
.ov-grad8-alpha-30:before,
.ov-grad9-alpha-30:before,
.ov-grad10-alpha-30:before,
.ov-grad11-alpha-30:before,
.ov-light-alpha-30:before {
opacity: .3
}
.ov-blue-alpha-40:before,
.ov-dark-alpha-40:before,
.ov-grad1-alpha-40:before,
.ov-grad2-alpha-40:before,
.ov-grad3-alpha-40:before,
.ov-grad4-alpha-40:before,
.ov-grad5-alpha-40:before,
.ov-grad6-alpha-40:before,
.ov-grad7-alpha-40:before,
.ov-grad8-alpha-40:before,
.ov-grad9-alpha-40:before,
.ov-grad10-alpha-40:before,
.ov-grad11-alpha-40:before,
.ov-light-alpha-40:before {
opacity: .4
}
.ov-blue-alpha-50:before,
.ov-dark-alpha-50:before,
.ov-grad1-alpha-50:before,
.ov-grad2-alpha-50:before,
.ov-grad3-alpha-50:before,
.ov-grad4-alpha-50:before,
.ov-grad5-alpha-50:before,
.ov-grad6-alpha-50:before,
.ov-grad7-alpha-50:before,
.ov-grad8-alpha-50:before,
.ov-grad9-alpha-50:before,
.ov-grad10-alpha-50:before,
.ov-grad11-alpha-50:before,
.ov-light-alpha-50:before {
opacity: .5
}
.ov-blue-alpha-60:before,
.ov-dark-alpha-60:before,
.ov-grad1-alpha-60:before,
.ov-grad2-alpha-60:before,
.ov-grad3-alpha-60:before,
.ov-grad4-alpha-60:before,
.ov-grad5-alpha-60:before,
.ov-grad6-alpha-60:before,
.ov-grad7-alpha-60:before,
.ov-grad8-alpha-60:before,
.ov-grad9-alpha-60:before,
.ov-grad10-alpha-60:before,
.ov-grad11-alpha-60:before,
.ov-light-alpha-60:before {
opacity: .6
}
.ov-blue-alpha-70:before,
.ov-dark-alpha-70:before,
.ov-grad1-alpha-70:before,
.ov-grad2-alpha-70:before,
.ov-grad3-alpha-70:before,
.ov-grad4-alpha-70:before,
.ov-grad5-alpha-70:before,
.ov-grad6-alpha-70:before,
.ov-grad7-alpha-70:before,
.ov-grad8-alpha-70:before,
.ov-grad9-alpha-70:before,
.ov-grad10-alpha-70:before,
.ov-grad11-alpha-70:before,
.ov-light-alpha-70:before {
opacity: .7
}
.ov-blue-alpha-80:before,
.ov-dark-alpha-80:before,
.ov-grad1-alpha-80:before,
.ov-grad2-alpha-80:before,
.ov-grad3-alpha-80:before,
.ov-grad4-alpha-80:before,
.ov-grad5-alpha-80:before,
.ov-grad6-alpha-80:before,
.ov-grad7-alpha-80:before,
.ov-grad8-alpha-80:before,
.ov-grad9-alpha-80:before,
.ov-grad10-alpha-80:before,
.ov-grad11-alpha-80:before,
.ov-light-alpha-80:before {
opacity: .8
}
.ov-blue-alpha-85:before,
.ov-dark-alpha-85:before,
.ov-grad1-alpha-85:before,
.ov-grad2-alpha-85:before,
.ov-grad3-alpha-85:before,
.ov-grad4-alpha-85:before,
.ov-grad5-alpha-85:before,
.ov-grad6-alpha-85:before,
.ov-grad7-alpha-85:before,
.ov-grad8-alpha-85:before,
.ov-grad9-alpha-85:before,
.ov-grad10-alpha-85:before,
.ov-grad11-alpha-85:before,
.ov-light-alpha-85:before {
opacity: .85
}
.ov-blue-alpha-90:before,
.ov-dark-alpha-90:before,
.ov-grad1-alpha-90:before,
.ov-grad2-alpha-90:before,
.ov-grad3-alpha-90:before,
.ov-grad4-alpha-90:before,
.ov-grad5-alpha-90:before,
.ov-grad6-alpha-90:before,
.ov-grad7-alpha-90:before,
.ov-grad8-alpha-90:before,
.ov-grad9-alpha-90:before,
.ov-grad10-alpha-90:before,
.ov-grad11-alpha-90:before,
.ov-light-alpha-90:before {
opacity: .9
}
.ov-blue-alpha-95:before,
.ov-dark-alpha-95:before,
.ov-grad1-alpha-95:before,
.ov-grad2-alpha-95:before,
.ov-grad3-alpha-95:before,
.ov-grad4-alpha-95:before,
.ov-grad5-alpha-95:before,
.ov-grad6-alpha-95:before,
.ov-grad7-alpha-95:before,
.ov-grad8-alpha-95:before,
.ov-grad9-alpha-95:before,
.ov-grad10-alpha-95:before,
.ov-grad11-alpha-95:before,
.ov-light-alpha-95:before {
opacity: .95
}
.ov-blue-alpha-100:before,
.ov-dark-alpha-100:before,
.ov-grad1-alpha-100:before,
.ov-grad2-alpha-100:before,
.ov-grad3-alpha-100:before,
.ov-grad4-alpha-100:before,
.ov-grad5-alpha-100:before,
.ov-grad6-alpha-100:before,
.ov-grad7-alpha-100:before,
.ov-grad8-alpha-100:before,
.ov-grad9-alpha-100:before,
.ov-grad10-alpha-100:before,
.ov-grad11-alpha-100:before,
.ov-light-alpha-100:before {
opacity: 1
}
.m-top-0 {
margin-top: 0!important
}
.m-top-1 {
margin-top: 1px!important
}
.m-top-2 {
margin-top: 2px!important
}
.m-top-3 {
margin-top: 3px!important
}
.m-top-4 {
margin-top: 4px!important
}
.m-top-5 {
margin-top: 5px!important
}
.m-top-10 {
margin-top: 10px!important
}
.m-top-15 {
margin-top: 15px!important
}
.m-top-20 {
margin-top: 20px!important
}
.m-top-25 {
margin-top: 25px!important
}
.m-top-30 {
margin-top: 30px!important
}
.m-top-35 {
margin-top: 35px!important
}
.m-top-40 {
margin-top: 40px!important
}
.m-top-45 {
margin-top: 45px!important
}
.m-top-50 {
margin-top: 50px!important
}
.m-top-60 {
margin-top: 60px!important
}
.m-top-70 {
margin-top: 70px!important
}
.m-top-80 {
margin-top: 80px!important
}
.m-top-90 {
margin-top: 90px!important
}
.m-top-100 {
margin-top: 100px!important
}
.m-top-120 {
margin-top: 120px!important
}
.m-top-150 {
margin-top: 150px!important
}
.m-top-200 {
margin-top: 200px!important
}
@media (max-width:768px) {
.m-top-xs-0 {
margin-top: 0!important
}
}
@media (max-width:992px) {
.m-top-sm-0 {
margin-top: 0!important
}
}
@media (max-width:768px) {
.m-top-xs-1 {
margin-top: 1px!important
}
}
@media (max-width:992px) {
.m-top-sm-1 {
margin-top: 1px!important
}
}
@media (max-width:768px) {
.m-top-xs-2 {
margin-top: 2px!important
}
}
@media (max-width:992px) {
.m-top-sm-2 {
margin-top: 2px!important
}
}
@media (max-width:768px) {
.m-top-xs-3 {
margin-top: 3px!important
}
}
@media (max-width:992px) {
.m-top-sm-3 {
margin-top: 3px!important
}
}
@media (max-width:768px) {
.m-top-xs-4 {
margin-top: 4px!important
}
}
@media (max-width:992px) {
.m-top-sm-4 {
margin-top: 4px!important
}
}
@media (max-width:768px) {
.m-top-xs-5 {
margin-top: 5px!important
}
}
@media (max-width:992px) {
.m-top-sm-5 {
margin-top: 5px!important
}
}
@media (max-width:768px) {
.m-top-xs-10 {
margin-top: 10px!important
}
}
@media (max-width:992px) {
.m-top-sm-10 {
margin-top: 10px!important
}
}
@media (max-width:768px) {
.m-top-xs-15 {
margin-top: 15px!important
}
}
@media (max-width:992px) {
.m-top-sm-15 {
margin-top: 15px!important
}
}
@media (max-width:768px) {
.m-top-xs-20 {
margin-top: 20px!important
}
}
@media (max-width:992px) {
.m-top-sm-20 {
margin-top: 20px!important
}
}
@media (max-width:768px) {
.m-top-xs-25 {
margin-top: 25px!important
}
}
@media (max-width:992px) {
.m-top-sm-25 {
margin-top: 25px!important
}
}
@media (max-width:768px) {
.m-top-xs-30 {
margin-top: 30px!important
}
}
@media (max-width:992px) {
.m-top-sm-30 {
margin-top: 30px!important
}
}
@media (max-width:768px) {
.m-top-xs-35 {
margin-top: 35px!important
}
}
@media (max-width:992px) {
.m-top-sm-35 {
margin-top: 35px!important
}
}
@media (max-width:768px) {
.m-top-xs-40 {
margin-top: 40px!important
}
}
@media (max-width:992px) {
.m-top-sm-40 {
margin-top: 40px!important
}
}
@media (max-width:768px) {
.m-top-xs-45 {
margin-top: 45px!important
}
}
@media (max-width:992px) {
.m-top-sm-45 {
margin-top: 45px!important
}
}
@media (max-width:768px) {
.m-top-xs-50 {
margin-top: 50px!important
}
}
@media (max-width:992px) {
.m-top-sm-50 {
margin-top: 50px!important
}
}
@media (max-width:768px) {
.m-top-xs-60 {
margin-top: 60px!important
}
}
@media (max-width:992px) {
.m-top-sm-60 {
margin-top: 60px!important
}
}
@media (max-width:768px) {
.m-top-xs-70 {
margin-top: 70px!important
}
}
@media (max-width:992px) {
.m-top-sm-70 {
margin-top: 70px!important
}
}
@media (max-width:768px) {
.m-top-xs-80 {
margin-top: 80px!important
}
}
@media (max-width:992px) {
.m-top-sm-80 {
margin-top: 80px!important
}
}
@media (max-width:768px) {
.m-top-xs-90 {
margin-top: 90px!important
}
}
@media (max-width:992px) {
.m-top-sm-90 {
margin-top: 90px!important
}
}
@media (max-width:768px) {
.m-top-xs-100 {
margin-top: 100px!important
}
}
@media (max-width:992px) {
.m-top-sm-100 {
margin-top: 100px!important
}
}
@media (max-width:768px) {
.m-top-xs-120 {
margin-top: 120px!important
}
}
@media (max-width:992px) {
.m-top-sm-120 {
margin-top: 120px!important
}
}
@media (max-width:768px) {
.m-top-xs-150 {
margin-top: 150px!important
}
}
@media (max-width:992px) {
.m-top-sm-150 {
margin-top: 150px!important
}
}
@media (max-width:768px) {
.m-top-xs-200 {
margin-top: 200px!important
}
}
@media (max-width:992px) {
.m-top-sm-200 {
margin-top: 200px!important
}
}
.m-bottom-0 {
margin-bottom: 0!important
}
.m-bottom-1 {
margin-bottom: 1px!important
}
.m-bottom-2 {
margin-bottom: 2px!important
}
.m-bottom-3 {
margin-bottom: 3px!important
}
.m-bottom-4 {
margin-bottom: 4px!important
}
.m-bottom-5 {
margin-bottom: 5px!important
}
.m-bottom-10 {
margin-bottom: 10px!important
}
.m-bottom-15 {
margin-bottom: 15px!important
}
.m-bottom-20 {
margin-bottom: 20px!important
}
.m-bottom-25 {
margin-bottom: 25px!important
}
.m-bottom-30 {
margin-bottom: 30px!important
}
.m-bottom-35 {
margin-bottom: 35px!important
}
.m-bottom-40 {
margin-bottom: 40px!important
}
.m-bottom-45 {
margin-bottom: 45px!important
}
.m-bottom-50 {
margin-bottom: 50px!important
}
.m-bottom-60 {
margin-bottom: 60px!important
}
.m-bottom-70 {
margin-bottom: 70px!important
}
.m-bottom-80 {
margin-bottom: 80px!important
}
.m-bottom-90 {
margin-bottom: 90px!important
}
.m-bottom-100 {
margin-bottom: 100px!important
}
.m-bottom-120 {
margin-bottom: 120px!important
}
.m-bottom-150 {
margin-bottom: 150px!important
}
.m-bottom-200 {
margin-bottom: 200px!important
}
@media (max-width:768px) {
.m-bottom-xs-0 {
margin-bottom: 0!important
}
}
@media (max-width:992px) {
.m-bottom-sm-0 {
margin-bottom: 0!important
}
}
@media (max-width:768px) {
.m-bottom-xs-1 {
margin-bottom: 1px!important
}
}
@media (max-width:992px) {
.m-bottom-sm-1 {
margin-bottom: 1px!important
}
}
@media (max-width:768px) {
.m-bottom-xs-2 {
margin-bottom: 2px!important
}
}
@media (max-width:992px) {
.m-bottom-sm-2 {
margin-bottom: 2px!important
}
}
@media (max-width:768px) {
.m-bottom-xs-3 {
margin-bottom: 3px!important
}
}
@media (max-width:992px) {
.m-bottom-sm-3 {
margin-bottom: 3px!important
}
}
@media (max-width:768px) {
.m-bottom-xs-4 {
margin-bottom: 4px!important
}
}
@media (max-width:992px) {
.m-bottom-sm-4 {
margin-bottom: 4px!important
}
}
@media (max-width:768px) {
.m-bottom-xs-5 {
margin-bottom: 5px!important
}
}
@media (max-width:992px) {
.m-bottom-sm-5 {
margin-bottom: 5px!important
}
}
@media (max-width:768px) {
.m-bottom-xs-10 {
margin-bottom: 10px!important
}
}
@media (max-width:992px) {
.m-bottom-sm-10 {
margin-bottom: 10px!important
}
}
@media (max-width:768px) {
.m-bottom-xs-15 {
margin-bottom: 15px!important
}
}
@media (max-width:992px) {
.m-bottom-sm-15 {
margin-bottom: 15px!important
}
}
@media (max-width:768px) {
.m-bottom-xs-20 {
margin-bottom: 20px!important
}
}
@media (max-width:992px) {
.m-bottom-sm-20 {
margin-bottom: 20px!important
}
}
@media (max-width:768px) {
.m-bottom-xs-25 {
margin-bottom: 25px!important
}
}
@media (max-width:992px) {
.m-bottom-sm-25 {
margin-bottom: 25px!important
}
}
@media (max-width:768px) {
.m-bottom-xs-30 {
margin-bottom: 30px!important
}
}
@media (max-width:992px) {
.m-bottom-sm-30 {
margin-bottom: 30px!important
}
}
@media (max-width:768px) {
.m-bottom-xs-35 {
margin-bottom: 35px!important
}
}
@media (max-width:992px) {
.m-bottom-sm-35 {
margin-bottom: 35px!important
}
}
@media (max-width:768px) {
.m-bottom-xs-40 {
margin-bottom: 40px!important
}
}
@media (max-width:992px) {
.m-bottom-sm-40 {
margin-bottom: 40px!important
}
}
@media (max-width:768px) {
.m-bottom-xs-45 {
margin-bottom: 45px!important
}
}
@media (max-width:992px) {
.m-bottom-sm-45 {
margin-bottom: 45px!important
}
}
@media (max-width:768px) {
.m-bottom-xs-50 {
margin-bottom: 50px!important
}
}
@media (max-width:992px) {
.m-bottom-sm-50 {
margin-bottom: 50px!important
}
}
@media (max-width:768px) {
.m-bottom-xs-60 {
margin-bottom: 60px!important
}
}
@media (max-width:992px) {
.m-bottom-sm-60 {
margin-bottom: 60px!important
}
}
@media (max-width:768px) {
.m-bottom-xs-70 {
margin-bottom: 70px!important
}
}
@media (max-width:992px) {
.m-bottom-sm-70 {
margin-bottom: 70px!important
}
}
@media (max-width:768px) {
.m-bottom-xs-80 {
margin-bottom: 80px!important
}
}
@media (max-width:992px) {
.m-bottom-sm-80 {
margin-bottom: 80px!important
}
}
@media (max-width:768px) {
.m-bottom-xs-90 {
margin-bottom: 90px!important
}
}
@media (max-width:992px) {
.m-bottom-sm-90 {
margin-bottom: 90px!important
}
}
@media (max-width:768px) {
.m-bottom-xs-100 {
margin-bottom: 100px!important
}
}
@media (max-width:992px) {
.m-bottom-sm-100 {
margin-bottom: 100px!important
}
}
@media (max-width:768px) {
.m-bottom-xs-120 {
margin-bottom: 120px!important
}
}
@media (max-width:992px) {
.m-bottom-sm-120 {
margin-bottom: 120px!important
}
}
@media (max-width:768px) {
.m-bottom-xs-150 {
margin-bottom: 150px!important
}
}
@media (max-width:992px) {
.m-bottom-sm-150 {
margin-bottom: 150px!important
}
}
@media (max-width:768px) {
.m-bottom-xs-200 {
margin-bottom: 200px!important
}
}
@media (max-width:992px) {
.m-bottom-sm-200 {
margin-bottom: 200px!important
}
}
.p-top-0 {
padding-top: 0!important
}
.p-top-1 {
padding-top: 1px!important
}
.p-top-2 {
padding-top: 2px!important
}
.p-top-3 {
padding-top: 3px!important
}
.p-top-4 {
padding-top: 4px!important
}
.p-top-5 {
padding-top: 5px!important
}
.p-top-10 {
padding-top: 10px!important
}
.p-top-15 {
padding-top: 15px!important
}
.p-top-20 {
padding-top: 20px!important
}
.p-top-25 {
padding-top: 25px!important
}
.p-top-30 {
padding-top: 30px!important
}
.p-top-35 {
padding-top: 35px!important
}
.p-top-40 {
padding-top: 40px!important
}
.p-top-45 {
padding-top: 45px!important
}
.p-top-50 {
padding-top: 50px!important
}
.p-top-80 {
padding-top: 80px!important
}
.p-top-100 {
padding-top: 100px!important
}
.p-top-120 {
padding-top: 120px!important
}
.p-top-150 {
padding-top: 150px!important
}
.p-top-200 {
padding-top: 200px!important
}
@media (max-width:768px) {
.p-top-xs-0 {
padding-top: 0!important
}
}
@media (max-width:992px) {
.p-top-sm-0 {
padding-top: 0!important
}
}
@media (max-width:768px) {
.p-top-xs-1 {
padding-top: 1px!important
}
}
@media (max-width:992px) {
.p-top-sm-1 {
padding-top: 1px!important
}
}
@media (max-width:768px) {
.p-top-xs-2 {
padding-top: 2px!important
}
}
@media (max-width:992px) {
.p-top-sm-2 {
padding-top: 2px!important
}
}
@media (max-width:768px) {
.p-top-xs-3 {
padding-top: 3px!important
}
}
@media (max-width:992px) {
.p-top-sm-3 {
padding-top: 3px!important
}
}
@media (max-width:768px) {
.p-top-xs-4 {
padding-top: 4px!important
}
}
@media (max-width:992px) {
.p-top-sm-4 {
padding-top: 4px!important
}
}
@media (max-width:768px) {
.p-top-xs-5 {
padding-top: 5px!important
}
}
@media (max-width:992px) {
.p-top-sm-5 {
padding-top: 5px!important
}
}
@media (max-width:768px) {
.p-top-xs-10 {
padding-top: 10px!important
}
}
@media (max-width:992px) {
.p-top-sm-10 {
padding-top: 10px!important
}
}
@media (max-width:768px) {
.p-top-xs-15 {
padding-top: 15px!important
}
}
@media (max-width:992px) {
.p-top-sm-15 {
padding-top: 15px!important
}
}
@media (max-width:768px) {
.p-top-xs-20 {
padding-top: 20px!important
}
}
@media (max-width:992px) {
.p-top-sm-20 {
padding-top: 20px!important
}
}
@media (max-width:768px) {
.p-top-xs-25 {
padding-top: 25px!important
}
}
@media (max-width:992px) {
.p-top-sm-25 {
padding-top: 25px!important
}
}
@media (max-width:768px) {
.p-top-xs-30 {
padding-top: 30px!important
}
}
@media (max-width:992px) {
.p-top-sm-30 {
padding-top: 30px!important
}
}
@media (max-width:768px) {
.p-top-xs-35 {
padding-top: 35px!important
}
}
@media (max-width:992px) {
.p-top-sm-35 {
padding-top: 35px!important
}
}
@media (max-width:768px) {
.p-top-xs-40 {
padding-top: 40px!important
}
}
@media (max-width:992px) {
.p-top-sm-40 {
padding-top: 40px!important
}
}
@media (max-width:768px) {
.p-top-xs-45 {
padding-top: 45px!important
}
}
@media (max-width:992px) {
.p-top-sm-45 {
padding-top: 45px!important
}
}
@media (max-width:768px) {
.p-top-xs-50 {
padding-top: 50px!important
}
}
@media (max-width:992px) {
.p-top-sm-50 {
padding-top: 50px!important
}
}
@media (max-width:768px) {
.p-top-xs-80 {
padding-top: 80px!important
}
}
@media (max-width:992px) {
.p-top-sm-80 {
padding-top: 80px!important
}
}
@media (max-width:768px) {
.p-top-xs-100 {
padding-top: 100px!important
}
}
@media (max-width:992px) {
.p-top-sm-100 {
padding-top: 100px!important
}
}
@media (max-width:768px) {
.p-top-xs-120 {
padding-top: 120px!important
}
}
@media (max-width:992px) {
.p-top-sm-120 {
padding-top: 120px!important
}
}
@media (max-width:768px) {
.p-top-xs-150 {
padding-top: 150px!important
}
}
@media (max-width:992px) {
.p-top-sm-150 {
padding-top: 150px!important
}
}
@media (max-width:768px) {
.p-top-xs-200 {
padding-top: 200px!important
}
}
@media (max-width:992px) {
.p-top-sm-200 {
padding-top: 200px!important
}
}
.p-bottom-0 {
padding-bottom: 0!important
}
.p-bottom-1 {
padding-bottom: 1px!important
}
.p-bottom-2 {
padding-bottom: 2px!important
}
.p-bottom-3 {
padding-bottom: 3px!important
}
.p-bottom-4 {
padding-bottom: 4px!important
}
.p-bottom-5 {
padding-bottom: 5px!important
}
.p-bottom-10 {
padding-bottom: 10px!important
}
.p-bottom-15 {
padding-bottom: 15px!important
}
.p-bottom-20 {
padding-bottom: 20px!important
}
.p-bottom-25 {
padding-bottom: 25px!important
}
.p-bottom-30 {
padding-bottom: 30px!important
}
.p-bottom-35 {
padding-bottom: 35px!important
}
.p-bottom-40 {
padding-bottom: 40px!important
}
.p-bottom-45 {
padding-bottom: 45px!important
}
.p-bottom-50 {
padding-bottom: 50px!important
}
.p-bottom-80 {
padding-bottom: 80px!important
}
.p-bottom-100 {
padding-bottom: 100px!important
}
.p-bottom-120 {
padding-bottom: 120px!important
}
.p-bottom-150 {
padding-bottom: 150px!important
}
.p-bottom-200 {
padding-bottom: 200px!important
}
@media (max-width:768px) {
.p-bottom-xs-0 {
padding-bottom: 0!important
}
}
@media (max-width:992px) {
.p-bottom-sm-0 {
padding-bottom: 0!important
}
}
@media (max-width:768px) {
.p-bottom-xs-1 {
padding-bottom: 1px!important
}
}
@media (max-width:992px) {
.p-bottom-sm-1 {
padding-bottom: 1px!important
}
}
@media (max-width:768px) {
.p-bottom-xs-2 {
padding-bottom: 2px!important
}
}
@media (max-width:992px) {
.p-bottom-sm-2 {
padding-bottom: 2px!important
}
}
@media (max-width:768px) {
.p-bottom-xs-3 {
padding-bottom: 3px!important
}
}
@media (max-width:992px) {
.p-bottom-sm-3 {
padding-bottom: 3px!important
}
}
@media (max-width:768px) {
.p-bottom-xs-4 {
padding-bottom: 4px!important
}
}
@media (max-width:992px) {
.p-bottom-sm-4 {
padding-bottom: 4px!important
}
}
@media (max-width:768px) {
.p-bottom-xs-5 {
padding-bottom: 5px!important
}
}
@media (max-width:992px) {
.p-bottom-sm-5 {
padding-bottom: 5px!important
}
}
@media (max-width:768px) {
.p-bottom-xs-10 {
padding-bottom: 10px!important
}
}
@media (max-width:992px) {
.p-bottom-sm-10 {
padding-bottom: 10px!important
}
}
@media (max-width:768px) {
.p-bottom-xs-15 {
padding-bottom: 15px!important
}
}
@media (max-width:992px) {
.p-bottom-sm-15 {
padding-bottom: 15px!important
}
}
@media (max-width:768px) {
.p-bottom-xs-20 {
padding-bottom: 20px!important
}
}
@media (max-width:992px) {
.p-bottom-sm-20 {
padding-bottom: 20px!important
}
}
@media (max-width:768px) {
.p-bottom-xs-25 {
padding-bottom: 25px!important
}
}
@media (max-width:992px) {
.p-bottom-sm-25 {
padding-bottom: 25px!important
}
}
@media (max-width:768px) {
.p-bottom-xs-30 {
padding-bottom: 30px!important
}
}
@media (max-width:992px) {
.p-bottom-sm-30 {
padding-bottom: 30px!important
}
}
@media (max-width:768px) {
.p-bottom-xs-35 {
padding-bottom: 35px!important
}
}
@media (max-width:992px) {
.p-bottom-sm-35 {
padding-bottom: 35px!important
}
}
@media (max-width:768px) {
.p-bottom-xs-40 {
padding-bottom: 40px!important
}
}
@media (max-width:992px) {
.p-bottom-sm-40 {
padding-bottom: 40px!important
}
}
@media (max-width:768px) {
.p-bottom-xs-45 {
padding-bottom: 45px!important
}
}
@media (max-width:992px) {
.p-bottom-sm-45 {
padding-bottom: 45px!important
}
}
@media (max-width:768px) {
.p-bottom-xs-50 {
padding-bottom: 50px!important
}
}
@media (max-width:992px) {
.p-bottom-sm-50 {
padding-bottom: 50px!important
}
}
@media (max-width:768px) {
.p-bottom-xs-80 {
padding-bottom: 80px!important
}
}
@media (max-width:992px) {
.p-bottom-sm-80 {
padding-bottom: 80px!important
}
}
@media (max-width:768px) {
.p-bottom-xs-100 {
padding-bottom: 100px!important
}
}
@media (max-width:992px) {
.p-bottom-sm-100 {
padding-bottom: 100px!important
}
}
@media (max-width:768px) {
.p-bottom-xs-120 {
padding-bottom: 120px!important
}
}
@media (max-width:992px) {
.p-bottom-sm-120 {
padding-bottom: 120px!important
}
}
@media (max-width:768px) {
.p-bottom-xs-150 {
padding-bottom: 150px!important
}
}
@media (max-width:992px) {
.p-bottom-sm-150 {
padding-bottom: 150px!important
}
}
@media (max-width:768px) {
.p-bottom-xs-200 {
padding-bottom: 200px!important
}
}
@media (max-width:992px) {
.p-bottom-sm-200 {
padding-bottom: 200px!important
}
}
.pad-0 {
padding: 0!important
}
.pad-1 {
padding: 1px!important
}
.pad-2 {
padding: 2px!important
}
.pad-3 {
padding: 3px!important
}
.pad-4 {
padding: 4px!important
}
.pad-5 {
padding: 5px!important
}
.pad-10 {
padding: 10px!important
}
.pad-15 {
padding: 15px!important
}
.pad-20 {
padding: 20px!important
}
.pad-25 {
padding: 25px!important
}
.pad-30 {
padding: 30px!important
}
.pad-35 {
padding: 35px!important
}
.pad-40 {
padding: 40px!important
}
.pad-45 {
padding: 45px!important
}
.pad-50 {
padding: 50px!important
}
.pad-60 {
padding: 60px!important
}
.pad-70 {
padding: 70px!important
}
.pad-80 {
padding: 80px!important
}
.pad-90 {
padding: 90px!important
}
.pad-100 {
padding: 100px!important
}
.pad-120 {
padding: 120px!important
}
.pad-150 {
padding: 150px!important
}
.pad-200 {
padding: 200px!important
}
@media (max-width:768px) {
.pad-xs-0 {
padding: 0!important
}
}
@media (max-width:992px) {
.pad-sm-0 {
padding: 0!important
}
}
@media (max-width:768px) {
.pad-xs-1 {
padding: 1px!important
}
}
@media (max-width:992px) {
.pad-sm-1 {
padding: 1px!important
}
}
@media (max-width:768px) {
.pad-xs-2 {
padding: 2px!important
}
}
@media (max-width:992px) {
.pad-sm-2 {
padding: 2px!important
}
}
@media (max-width:768px) {
.pad-xs-3 {
padding: 3px!important
}
}
@media (max-width:992px) {
.pad-sm-3 {
padding: 3px!important
}
}
@media (max-width:768px) {
.pad-xs-4 {
padding: 4px!important
}
}
@media (max-width:992px) {
.pad-sm-4 {
padding: 4px!important
}
}
@media (max-width:768px) {
.pad-xs-5 {
padding: 5px!important
}
}
@media (max-width:992px) {
.pad-sm-5 {
padding: 5px!important
}
}
@media (max-width:768px) {
.pad-xs-10 {
padding: 10px!important
}
}
@media (max-width:992px) {
.pad-sm-10 {
padding: 10px!important
}
}
@media (max-width:768px) {
.pad-xs-15 {
padding: 15px!important
}
}
@media (max-width:992px) {
.pad-sm-15 {
padding: 15px!important
}
}
@media (max-width:768px) {
.pad-xs-20 {
padding: 20px!important
}
}
@media (max-width:992px) {
.pad-sm-20 {
padding: 20px!important
}
}
@media (max-width:768px) {
.pad-xs-25 {
padding: 25px!important
}
}
@media (max-width:992px) {
.pad-sm-25 {
padding: 25px!important
}
}
@media (max-width:768px) {
.pad-xs-30 {
padding: 30px!important
}
}
@media (max-width:992px) {
.pad-sm-30 {
padding: 30px!important
}
}
@media (max-width:768px) {
.pad-xs-35 {
padding: 35px!important
}
}
@media (max-width:992px) {
.pad-sm-35 {
padding: 35px!important
}
}
@media (max-width:768px) {
.pad-xs-40 {
padding: 40px!important
}
}
@media (max-width:992px) {
.pad-sm-40 {
padding: 40px!important
}
}
@media (max-width:768px) {
.pad-xs-45 {
padding: 45px!important
}
}
@media (max-width:992px) {
.pad-sm-45 {
padding: 45px!important
}
}
@media (max-width:768px) {
.pad-xs-50 {
padding: 50px!important
}
}
@media (max-width:992px) {
.pad-sm-50 {
padding: 50px!important
}
}
@media (max-width:768px) {
.pad-xs-60 {
padding: 60px!important
}
}
@media (max-width:992px) {
.pad-sm-60 {
padding: 60px!important
}
}
@media (max-width:768px) {
.pad-xs-70 {
padding: 70px!important
}
}
@media (max-width:992px) {
.pad-sm-70 {
padding: 70px!important
}
}
@media (max-width:768px) {
.pad-xs-80 {
padding: 80px!important
}
}
@media (max-width:992px) {
.pad-sm-80 {
padding: 80px!important
}
}
@media (max-width:768px) {
.pad-xs-90 {
padding: 90px!important
}
}
@media (max-width:992px) {
.pad-sm-90 {
padding: 90px!important
}
}
@media (max-width:768px) {
.pad-xs-100 {
padding: 100px!important
}
}
@media (max-width:992px) {
.pad-sm-100 {
padding: 100px!important
}
}
@media (max-width:768px) {
.pad-xs-120 {
padding: 120px!important
}
}
@media (max-width:992px) {
.pad-sm-120 {
padding: 120px!important
}
}
@media (max-width:768px) {
.pad-xs-150 {
padding: 150px!important
}
}
@media (max-width:992px) {
.pad-sm-150 {
padding: 150px!important
}
}
@media (max-width:768px) {
.pad-xs-200 {
padding: 200px!important
}
}
@media (max-width:992px) {
.pad-sm-200 {
padding: 200px!important
}
}
.p-left-0 {
padding-left: 0!important
}
.p-left-1 {
padding-left: 1px!important
}
.p-left-2 {
padding-left: 2px!important
}
.p-left-3 {
padding-left: 3px!important
}
.p-left-4 {
padding-left: 4px!important
}
.p-left-5 {
padding-left: 5px!important
}
.p-left-10 {
padding-left: 10px!important
}
.p-left-15 {
padding-left: 15px!important
}
.p-left-20 {
padding-left: 20px!important
}
.p-left-25 {
padding-left: 25px!important
}
.p-left-30 {
padding-left: 30px!important
}
.p-left-35 {
padding-left: 35px!important
}
.p-left-40 {
padding-left: 40px!important
}
.p-left-45 {
padding-left: 45px!important
}
.p-left-50 {
padding-left: 50px!important
}
.p-left-80 {
padding-left: 80px!important
}
.p-left-100 {
padding-left: 100px!important
}
.p-left-120 {
padding-left: 120px!important
}
.p-left-150 {
padding-left: 150px!important
}
.p-left-200 {
padding-left: 200px!important
}
@media (max-width:768px) {
.p-left-xs-0 {
padding-left: 0!important
}
}
@media (max-width:992px) {
.p-left-sm-0 {
padding-left: 0!important
}
}
@media (max-width:768px) {
.p-left-xs-1 {
padding-left: 1px!important
}
}
@media (max-width:992px) {
.p-left-sm-1 {
padding-left: 1px!important
}
}
@media (max-width:768px) {
.p-left-xs-2 {
padding-left: 2px!important
}
}
@media (max-width:992px) {
.p-left-sm-2 {
padding-left: 2px!important
}
}
@media (max-width:768px) {
.p-left-xs-3 {
padding-left: 3px!important
}
}
@media (max-width:992px) {
.p-left-sm-3 {
padding-left: 3px!important
}
}
@media (max-width:768px) {
.p-left-xs-4 {
padding-left: 4px!important
}
}
@media (max-width:992px) {
.p-left-sm-4 {
padding-left: 4px!important
}
}
@media (max-width:768px) {
.p-left-xs-5 {
padding-left: 5px!important
}
}
@media (max-width:992px) {
.p-left-sm-5 {
padding-left: 5px!important
}
}
@media (max-width:768px) {
.p-left-xs-10 {
padding-left: 10px!important
}
}
@media (max-width:992px) {
.p-left-sm-10 {
padding-left: 10px!important
}
}
@media (max-width:768px) {
.p-left-xs-15 {
padding-left: 15px!important
}
}
@media (max-width:992px) {
.p-left-sm-15 {
padding-left: 15px!important
}
}
@media (max-width:768px) {
.p-left-xs-20 {
padding-left: 20px!important
}
}
@media (max-width:992px) {
.p-left-sm-20 {
padding-left: 20px!important
}
}
@media (max-width:768px) {
.p-left-xs-25 {
padding-left: 25px!important
}
}
@media (max-width:992px) {
.p-left-sm-25 {
padding-left: 25px!important
}
}
@media (max-width:768px) {
.p-left-xs-30 {
padding-left: 30px!important
}
}
@media (max-width:992px) {
.p-left-sm-30 {
padding-left: 30px!important
}
}
@media (max-width:768px) {
.p-left-xs-35 {
padding-left: 35px!important
}
}
@media (max-width:992px) {
.p-left-sm-35 {
padding-left: 35px!important
}
}
@media (max-width:768px) {
.p-left-xs-40 {
padding-left: 40px!important
}
}
@media (max-width:992px) {
.p-left-sm-40 {
padding-left: 40px!important
}
}
@media (max-width:768px) {
.p-left-xs-45 {
padding-left: 45px!important
}
}
@media (max-width:992px) {
.p-left-sm-45 {
padding-left: 45px!important
}
}
@media (max-width:768px) {
.p-left-xs-50 {
padding-left: 50px!important
}
}
@media (max-width:992px) {
.p-left-sm-50 {
padding-left: 50px!important
}
}
@media (max-width:768px) {
.p-left-xs-80 {
padding-left: 80px!important
}
}
@media (max-width:992px) {
.p-left-sm-80 {
padding-left: 80px!important
}
}
@media (max-width:768px) {
.p-left-xs-100 {
padding-left: 100px!important
}
}
@media (max-width:992px) {
.p-left-sm-100 {
padding-left: 100px!important
}
}
@media (max-width:768px) {
.p-left-xs-120 {
padding-left: 120px!important
}
}
@media (max-width:992px) {
.p-left-sm-120 {
padding-left: 120px!important
}
}
@media (max-width:768px) {
.p-left-xs-150 {
padding-left: 150px!important
}
}
@media (max-width:992px) {
.p-left-sm-150 {
padding-left: 150px!important
}
}
@media (max-width:768px) {
.p-left-xs-200 {
padding-left: 200px!important
}
}
@media (max-width:992px) {
.p-left-sm-200 {
padding-left: 200px!important
}
}
.p-right-0 {
padding-right: 0!important
}
.p-right-1 {
padding-right: 1px!important
}
.p-right-2 {
padding-right: 2px!important
}
.p-right-3 {
padding-right: 3px!important
}
.p-right-4 {
padding-right: 4px!important
}
.p-right-5 {
padding-right: 5px!important
}
.p-right-10 {
padding-right: 10px!important
}
.p-right-15 {
padding-right: 15px!important
}
.p-right-20 {
padding-right: 20px!important
}
.p-right-25 {
padding-right: 25px!important
}
.p-right-30 {
padding-right: 30px!important
}
.p-right-35 {
padding-right: 35px!important
}
.p-right-40 {
padding-right: 40px!important
}
.p-right-45 {
padding-right: 45px!important
}
.p-right-50 {
padding-right: 50px!important
}
.p-right-80 {
padding-right: 80px!important
}
.p-right-100 {
padding-right: 100px!important
}
.p-right-120 {
padding-right: 120px!important
}
.p-right-150 {
padding-right: 150px!important
}
.p-right-200 {
padding-right: 200px!important
}
@media (max-width:768px) {
.p-right-xs-0 {
padding-right: 0!important
}
}
@media (max-width:992px) {
.p-right-sm-0 {
padding-right: 0!important
}
}
@media (max-width:768px) {
.p-right-xs-1 {
padding-right: 1px!important
}
}
@media (max-width:992px) {
.p-right-sm-1 {
padding-right: 1px!important
}
}
@media (max-width:768px) {
.p-right-xs-2 {
padding-right: 2px!important
}
}
@media (max-width:992px) {
.p-right-sm-2 {
padding-right: 2px!important
}
}
@media (max-width:768px) {
.p-right-xs-3 {
padding-right: 3px!important
}
}
@media (max-width:992px) {
.p-right-sm-3 {
padding-right: 3px!important
}
}
@media (max-width:768px) {
.p-right-xs-4 {
padding-right: 4px!important
}
}
@media (max-width:992px) {
.p-right-sm-4 {
padding-right: 4px!important
}
}
@media (max-width:768px) {
.p-right-xs-5 {
padding-right: 5px!important
}
}
@media (max-width:992px) {
.p-right-sm-5 {
padding-right: 5px!important
}
}
@media (max-width:768px) {
.p-right-xs-10 {
padding-right: 10px!important
}
}
@media (max-width:992px) {
.p-right-sm-10 {
padding-right: 10px!important
}
}
@media (max-width:768px) {
.p-right-xs-15 {
padding-right: 15px!important
}
}
@media (max-width:992px) {
.p-right-sm-15 {
padding-right: 15px!important
}
}
@media (max-width:768px) {
.p-right-xs-20 {
padding-right: 20px!important
}
}
@media (max-width:992px) {
.p-right-sm-20 {
padding-right: 20px!important
}
}
@media (max-width:768px) {
.p-right-xs-25 {
padding-right: 25px!important
}
}
@media (max-width:992px) {
.p-right-sm-25 {
padding-right: 25px!important
}
}
@media (max-width:768px) {
.p-right-xs-30 {
padding-right: 30px!important
}
}
@media (max-width:992px) {
.p-right-sm-30 {
padding-right: 30px!important
}
}
@media (max-width:768px) {
.p-right-xs-35 {
padding-right: 35px!important
}
}
@media (max-width:992px) {
.p-right-sm-35 {
padding-right: 35px!important
}
}
@media (max-width:768px) {
.p-right-xs-40 {
padding-right: 40px!important
}
}
@media (max-width:992px) {
.p-right-sm-40 {
padding-right: 40px!important
}
}
@media (max-width:768px) {
.p-right-xs-45 {
padding-right: 45px!important
}
}
@media (max-width:992px) {
.p-right-sm-45 {
padding-right: 45px!important
}
}
@media (max-width:768px) {
.p-right-xs-50 {
padding-right: 50px!important
}
}
@media (max-width:992px) {
.p-right-sm-50 {
padding-right: 50px!important
}
}
@media (max-width:768px) {
.p-right-xs-80 {
padding-right: 80px!important
}
}
@media (max-width:992px) {
.p-right-sm-80 {
padding-right: 80px!important
}
}
@media (max-width:768px) {
.p-right-xs-100 {
padding-right: 100px!important
}
}
@media (max-width:992px) {
.p-right-sm-100 {
padding-right: 100px!important
}
}
@media (max-width:768px) {
.p-right-xs-120 {
padding-right: 120px!important
}
}
@media (max-width:992px) {
.p-right-sm-120 {
padding-right: 120px!important
}
}
@media (max-width:768px) {
.p-right-xs-150 {
padding-right: 150px!important
}
}
@media (max-width:992px) {
.p-right-sm-150 {
padding-right: 150px!important
}
}
@media (max-width:768px) {
.p-right-xs-200 {
padding-right: 200px!important
}
}
@media (max-width:992px) {
.p-right-sm-200 {
padding-right: 200px!important
}
}
.sp-blank-0,
.sp-hatched-0,
.sp-line-0,
.sp-shadow-line-0,
.sp-trans-0 {
height: 0
}
.sp-shadow-line-0 {
margin-bottom: 0
}
.sp-blank-1,
.sp-hatched-1,
.sp-line-1,
.sp-shadow-line-1,
.sp-trans-1 {
height: 1px
}
.sp-shadow-line-1 {
margin-bottom: 1px
}
.sp-blank-5,
.sp-hatched-5,
.sp-line-5,
.sp-shadow-line-5,
.sp-trans-5 {
height: 5px
}
.sp-shadow-line-5 {
margin-bottom: 5px
}
.sp-blank-10,
.sp-hatched-10,
.sp-line-10,
.sp-shadow-line-10,
.sp-trans-10 {
height: 10px
}
.sp-shadow-line-10 {
margin-bottom: 10px
}
.sp-blank-15,
.sp-hatched-15,
.sp-line-15,
.sp-shadow-line-15,
.sp-trans-15 {
height: 15px
}
.sp-shadow-line-15 {
margin-bottom: 15px
}
.sp-blank-20,
.sp-hatched-20,
.sp-line-20,
.sp-shadow-line-20,
.sp-trans-20 {
height: 20px
}
.sp-shadow-line-20 {
margin-bottom: 20px
}
.sp-blank-25,
.sp-hatched-25,
.sp-line-25,
.sp-shadow-line-25,
.sp-trans-25 {
height: 25px
}
.sp-shadow-line-25 {
margin-bottom: 25px
}
.sp-blank-30,
.sp-hatched-30,
.sp-line-30,
.sp-shadow-line-30,
.sp-trans-30 {
height: 30px
}
.sp-shadow-line-30 {
margin-bottom: 30px
}
.sp-blank-35,
.sp-hatched-35,
.sp-line-35,
.sp-shadow-line-35,
.sp-trans-35 {
height: 35px
}
.sp-shadow-line-35 {
margin-bottom: 35px
}
.sp-blank-40,
.sp-hatched-40,
.sp-line-40,
.sp-shadow-line-40,
.sp-trans-40 {
height: 40px
}
.sp-shadow-line-40 {
margin-bottom: 40px
}
.sp-blank-45,
.sp-hatched-45,
.sp-line-45,
.sp-shadow-line-45,
.sp-trans-45 {
height: 45px
}
.sp-shadow-line-45 {
margin-bottom: 45px
}
.sp-blank-50,
.sp-hatched-50,
.sp-line-50,
.sp-shadow-line-50,
.sp-trans-50 {
height: 50px
}
.sp-shadow-line-50 {
margin-bottom: 50px
}
.sp-blank-60,
.sp-hatched-60,
.sp-line-60,
.sp-shadow-line-60,
.sp-trans-60 {
height: 60px
}
.sp-shadow-line-60 {
margin-bottom: 60px
}
.sp-blank-70,
.sp-hatched-70,
.sp-line-70,
.sp-shadow-line-70,
.sp-trans-70 {
height: 70px
}
.sp-shadow-line-70 {
margin-bottom: 70px
}
.sp-blank-75,
.sp-hatched-75,
.sp-line-75,
.sp-shadow-line-75,
.sp-trans-75 {
height: 75px
}
.sp-shadow-line-75 {
margin-bottom: 75px
}
.sp-blank-80,
.sp-hatched-80,
.sp-line-80,
.sp-shadow-line-80,
.sp-trans-80 {
height: 80px
}
.sp-shadow-line-80 {
margin-bottom: 80px
}
.sp-blank-90,
.sp-hatched-90,
.sp-line-90,
.sp-shadow-line-90,
.sp-trans-90 {
height: 90px
}
.sp-shadow-line-90 {
margin-bottom: 90px
}
.sp-blank-100,
.sp-hatched-100,
.sp-line-100,
.sp-shadow-line-100,
.sp-trans-100 {
height: 100px
}
.sp-shadow-line-100 {
margin-bottom: 100px
}
.sp-blank-120,
.sp-hatched-120,
.sp-line-120,
.sp-shadow-line-120,
.sp-trans-120 {
height: 120px
}
.sp-shadow-line-120 {
margin-bottom: 120px
}
.sp-blank-150,
.sp-hatched-150,
.sp-line-150,
.sp-shadow-line-150,
.sp-trans-150 {
height: 150px
}
.sp-shadow-line-150 {
margin-bottom: 150px
}
.sp-blank-180,
.sp-hatched-180,
.sp-line-180,
.sp-shadow-line-180,
.sp-trans-180 {
height: 180px
}
.sp-shadow-line-180 {
margin-bottom: 180px
}
.sp-blank-200,
.sp-hatched-200,
.sp-line-200,
.sp-shadow-line-200,
.sp-trans-200 {
height: 200px
}
.sp-shadow-line-200 {
margin-bottom: 200px
}
@media (max-width:768px) {
.sp-blank-xs-0,
.sp-hatched-xs-0,
.sp-line-xs-0,
.sp-shadow-line-xs-0,
.sp-trans-xs-0 {
height: 0
}
}
@media (max-width:992px) {
.sp-blank-sm-0,
.sp-hatched-sm-0,
.sp-line-sm-0,
.sp-shadow-line-sm-0,
.sp-trans-sm-0 {
height: 0
}
}
@media (max-width:768px) {
.sp-blank-xs-1,
.sp-hatched-xs-1,
.sp-line-xs-1,
.sp-shadow-line-xs-1,
.sp-trans-xs-1 {
height: 1px
}
}
@media (max-width:992px) {
.sp-blank-sm-1,
.sp-hatched-sm-1,
.sp-line-sm-1,
.sp-shadow-line-sm-1,
.sp-trans-sm-1 {
height: 1px
}
}
@media (max-width:768px) {
.sp-blank-xs-5,
.sp-hatched-xs-5,
.sp-line-xs-5,
.sp-shadow-line-xs-5,
.sp-trans-xs-5 {
height: 5px
}
}
@media (max-width:992px) {
.sp-blank-sm-5,
.sp-hatched-sm-5,
.sp-line-sm-5,
.sp-shadow-line-sm-5,
.sp-trans-sm-5 {
height: 5px
}
}
@media (max-width:768px) {
.sp-blank-xs-10,
.sp-hatched-xs-10,
.sp-line-xs-10,
.sp-shadow-line-xs-10,
.sp-trans-xs-10 {
height: 10px
}
}
@media (max-width:992px) {
.sp-blank-sm-10,
.sp-hatched-sm-10,
.sp-line-sm-10,
.sp-shadow-line-sm-10,
.sp-trans-sm-10 {
height: 10px
}
}
@media (max-width:768px) {
.sp-blank-xs-15,
.sp-hatched-xs-15,
.sp-line-xs-15,
.sp-shadow-line-xs-15,
.sp-trans-xs-15 {
height: 15px
}
}
@media (max-width:992px) {
.sp-blank-sm-15,
.sp-hatched-sm-15,
.sp-line-sm-15,
.sp-shadow-line-sm-15,
.sp-trans-sm-15 {
height: 15px
}
}
@media (max-width:768px) {
.sp-blank-xs-20,
.sp-hatched-xs-20,
.sp-line-xs-20,
.sp-shadow-line-xs-20,
.sp-trans-xs-20 {
height: 20px
}
}
@media (max-width:992px) {
.sp-blank-sm-20,
.sp-hatched-sm-20,
.sp-line-sm-20,
.sp-shadow-line-sm-20,
.sp-trans-sm-20 {
height: 20px
}
}
@media (max-width:768px) {
.sp-blank-xs-25,
.sp-hatched-xs-25,
.sp-line-xs-25,
.sp-shadow-line-xs-25,
.sp-trans-xs-25 {
height: 25px
}
}
@media (max-width:992px) {
.sp-blank-sm-25,
.sp-hatched-sm-25,
.sp-line-sm-25,
.sp-shadow-line-sm-25,
.sp-trans-sm-25 {
height: 25px
}
}
@media (max-width:768px) {
.sp-blank-xs-30,
.sp-hatched-xs-30,
.sp-line-xs-30,
.sp-shadow-line-xs-30,
.sp-trans-xs-30 {
height: 30px
}
}
@media (max-width:992px) {
.sp-blank-sm-30,
.sp-hatched-sm-30,
.sp-line-sm-30,
.sp-shadow-line-sm-30,
.sp-trans-sm-30 {
height: 30px
}
}
@media (max-width:768px) {
.sp-blank-xs-35,
.sp-hatched-xs-35,
.sp-line-xs-35,
.sp-shadow-line-xs-35,
.sp-trans-xs-35 {
height: 35px
}
}
@media (max-width:992px) {
.sp-blank-sm-35,
.sp-hatched-sm-35,
.sp-line-sm-35,
.sp-shadow-line-sm-35,
.sp-trans-sm-35 {
height: 35px
}
}
@media (max-width:768px) {
.sp-blank-xs-40,
.sp-hatched-xs-40,
.sp-line-xs-40,
.sp-shadow-line-xs-40,
.sp-trans-xs-40 {
height: 40px
}
}
@media (max-width:992px) {
.sp-blank-sm-40,
.sp-hatched-sm-40,
.sp-line-sm-40,
.sp-shadow-line-sm-40,
.sp-trans-sm-40 {
height: 40px
}
}
@media (max-width:768px) {
.sp-blank-xs-45,
.sp-hatched-xs-45,
.sp-line-xs-45,
.sp-shadow-line-xs-45,
.sp-trans-xs-45 {
height: 45px
}
}
@media (max-width:992px) {
.sp-blank-sm-45,
.sp-hatched-sm-45,
.sp-line-sm-45,
.sp-shadow-line-sm-45,
.sp-trans-sm-45 {
height: 45px
}
}
@media (max-width:768px) {
.sp-blank-xs-50,
.sp-hatched-xs-50,
.sp-line-xs-50,
.sp-shadow-line-xs-50,
.sp-trans-xs-50 {
height: 50px
}
}
@media (max-width:992px) {
.sp-blank-sm-50,
.sp-hatched-sm-50,
.sp-line-sm-50,
.sp-shadow-line-sm-50,
.sp-trans-sm-50 {
height: 50px
}
}
@media (max-width:768px) {
.sp-blank-xs-60,
.sp-hatched-xs-60,
.sp-line-xs-60,
.sp-shadow-line-xs-60,
.sp-trans-xs-60 {
height: 60px
}
}
@media (max-width:992px) {
.sp-blank-sm-60,
.sp-hatched-sm-60,
.sp-line-sm-60,
.sp-shadow-line-sm-60,
.sp-trans-sm-60 {
height: 60px
}
}
@media (max-width:768px) {
.sp-blank-xs-70,
.sp-hatched-xs-70,
.sp-line-xs-70,
.sp-shadow-line-xs-70,
.sp-trans-xs-70 {
height: 70px
}
}
@media (max-width:992px) {
.sp-blank-sm-70,
.sp-hatched-sm-70,
.sp-line-sm-70,
.sp-shadow-line-sm-70,
.sp-trans-sm-70 {
height: 70px
}
}
@media (max-width:768px) {
.sp-blank-xs-75,
.sp-hatched-xs-75,
.sp-line-xs-75,
.sp-shadow-line-xs-75,
.sp-trans-xs-75 {
height: 75px
}
}
@media (max-width:992px) {
.sp-blank-sm-75,
.sp-hatched-sm-75,
.sp-line-sm-75,
.sp-shadow-line-sm-75,
.sp-trans-sm-75 {
height: 75px
}
}
@media (max-width:768px) {
.sp-blank-xs-80,
.sp-hatched-xs-80,
.sp-line-xs-80,
.sp-shadow-line-xs-80,
.sp-trans-xs-80 {
height: 80px
}
}
@media (max-width:992px) {
.sp-blank-sm-80,
.sp-hatched-sm-80,
.sp-line-sm-80,
.sp-shadow-line-sm-80,
.sp-trans-sm-80 {
height: 80px
}
}
@media (max-width:768px) {
.sp-blank-xs-90,
.sp-hatched-xs-90,
.sp-line-xs-90,
.sp-shadow-line-xs-90,
.sp-trans-xs-90 {
height: 90px
}
}
@media (max-width:992px) {
.sp-blank-sm-90,
.sp-hatched-sm-90,
.sp-line-sm-90,
.sp-shadow-line-sm-90,
.sp-trans-sm-90 {
height: 90px
}
}
@media (max-width:768px) {
.sp-blank-xs-100,
.sp-hatched-xs-100,
.sp-line-xs-100,
.sp-shadow-line-xs-100,
.sp-trans-xs-100 {
height: 100px
}
}
@media (max-width:992px) {
.sp-blank-sm-100,
.sp-hatched-sm-100,
.sp-line-sm-100,
.sp-shadow-line-sm-100,
.sp-trans-sm-100 {
height: 100px
}
}
@media (max-width:768px) {
.sp-blank-xs-120,
.sp-hatched-xs-120,
.sp-line-xs-120,
.sp-shadow-line-xs-120,
.sp-trans-xs-120 {
height: 120px
}
}
@media (max-width:992px) {
.sp-blank-sm-120,
.sp-hatched-sm-120,
.sp-line-sm-120,
.sp-shadow-line-sm-120,
.sp-trans-sm-120 {
height: 120px
}
}
@media (max-width:768px) {
.sp-blank-xs-150,
.sp-hatched-xs-150,
.sp-line-xs-150,
.sp-shadow-line-xs-150,
.sp-trans-xs-150 {
height: 150px
}
}
@media (max-width:992px) {
.sp-blank-sm-150,
.sp-hatched-sm-150,
.sp-line-sm-150,
.sp-shadow-line-sm-150,
.sp-trans-sm-150 {
height: 150px
}
}
@media (max-width:768px) {
.sp-blank-xs-180,
.sp-hatched-xs-180,
.sp-line-xs-180,
.sp-shadow-line-xs-180,
.sp-trans-xs-180 {
height: 180px
}
}
@media (max-width:992px) {
.sp-blank-sm-180,
.sp-hatched-sm-180,
.sp-line-sm-180,
.sp-shadow-line-sm-180,
.sp-trans-sm-180 {
height: 180px
}
}
@media (max-width:768px) {
.sp-blank-xs-200,
.sp-hatched-xs-200,
.sp-line-xs-200,
.sp-shadow-line-xs-200,
.sp-trans-xs-200 {
height: 200px
}
}
@media (max-width:992px) {
.sp-blank-sm-200,
.sp-hatched-sm-200,
.sp-line-sm-200,
.sp-shadow-line-sm-200,
.sp-trans-sm-200 {
height: 200px
}
}
[class^=sp-line-] {
position: relative
}
.dark-wrapper [class^=sp-line-]:after {
background-color: #4b4b4b
}
[class^=sp-line-]:after {
content: "";
width: 100%;
height: 1px;
background-color: #ddd;
display: block;
top: 50%;
position: relative
}
[class^=sp-blank-],
[class^=sp-line-] {
clear: both;
display: block
}
.ol-overlay-50 {
opacity: .5
}
.ol-overlay-80 {
opacity: .8
}
.ol-overlay-40 {
opacity: .4
}
.ol-overlay-20 {
opacity: .2
}
[class^=ol-overlay-] {
position: absolute;
content: "";
width: 100%;
height: 100%;
top: 0;
left: 0;
background-color: #fff
}
.dark[class^=ol-overlay-] {
background-color: #000
}
.tb-vcenter-wrapper {
position: relative;
display: table;
width: 100%;
height: 100%
}
.tb-vcenter-wrapper .vcenter {
display: table-cell;
vertical-align: middle;
float: none
}
.vcenter-wrapper {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1
}
.vcenter-wrapper .container {
position: relative;
height: 100%
}
.vcenter-wrapper .vcenter {
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
transform: translate3d(-50%, -50%, .1px);
display: inline-block;
position: absolute;
top: 50%;
right: auto;
left: 50%;
z-index: 2;
-webkit-filter: blur(0)
}
.vcenter-wrapper .vleft {
left: 0;
right: auto;
padding-left: inherit
}
.vcenter-wrapper .vleft,
.vcenter-wrapper .vright {
-ms-transform: translateY(-50%);
transform: translateY(-50%);
transform: translate3d(0, -50%, .1px)
}
.vcenter-wrapper .vright {
left: auto;
right: 0;
padding-right: inherit
}
.vertical-center-transform {
position: absolute;
transform: translate3d(0, -50%, .1px);
top: 50%;
-webkit-filter: blur(0)
}
.full-height {
height: 100%!important
}
.full-height-fixed {
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0
}
.full-width {
width: 100%!important
}
.screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute!important;
height: 1px;
width: 1px;
overflow: hidden
}
.video-wrapper {
padding-bottom: 56.25%;
padding-top: 35px;
height: 0;
overflow: hidden
}
.video-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.avatar-wrapper {
display: inline-block;
text-decoration: none!important;
color: #eee
}
.avatar-wrapper img.avatar {
width: 50px;
height: 50px;
border-radius: 50%
}
.avatar-wrapper img.avatar.avatar-lg {
width: 100px;
height: 100px
}
.avatar-wrapper .author {
font-family: Kanit, sans-serif;
font-size: 16px;
margin-left: 10px
}
.avatar-wrapper.layout-center {
text-align: center
}
.avatar-wrapper.layout-center .author {
display: block;
margin-left: 0;
margin-top: 5px
}
.post-password-required .avatar-wrapper img.avatar {
margin: 0 auto
}
.em-full-loader {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #eee;
z-index: 1000
}
.em-full-loader .spinner {
position: absolute;
top: 50%;
left: 50%;
margin-top: -20px;
margin-left: -20px
}
.twentytwenty-container img {
width: 100%;
height: auto
}
.splited-text h3 {
font-size: 18px;
margin-bottom: 10px
}
.splited-text p {
margin-bottom: 0
}
.em-sticky-wrapper .sticky-elem.is-sticky {
position: fixed;
left: 0;
right: 0;
background-color: #fff;
top: 0;
z-index: 900;
height: auto;
border-bottom: 1px solid #eee;
animation-name: a;
animation-duration: .3s
}
@keyframes a {
0% {
top: -100%
}
to {
top: 0
}
}
@media (min-width:992px) {
.slim-container .container {
width: 800px
}
.er-side-layout .slim-container .container {
width: 635px
}
}
@media (min-width:1200px) {
.slim-container .container {
width: 900px
}
.er-side-layout .slim-container .container {
width: 735px
}
}
.eram-full-row,
.vc_video-bg-container {
position: absolute!important;
width: 100%;
height: 100%
}
._em_fixed {
position: fixed!important;
top: 0;
left: 0;
width: 100%;
z-index: 10
}
.gallery-caption {
font-size: smaller
}
.em-fit-image {
position: relative;
overflow: hidden
}
.em-fit-image>img {
position: absolute;
top: 50%;
left: 50%;
transform: translate3d(-50%, -50%, 0);
visibility: hidden;
opacity: 0;
transition: opacity .3s ease-out
}
.em-fit-image[data-mode=wide] img {
max-width: 100%;
height: auto;
visibility: visible;
opacity: 1
}
.em-fit-image[data-mode=tall] img {
max-height: 100%;
width: auto;
visibility: visible;
opacity: 1
}
mark {
color: inherit;
background: transparent
}
.font-mono,
body {
font-family: Inconsolata, monospace
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: 700;
margin: 0;
color: #444
}
.h1,
h1 {
margin-bottom: 35px
}
.h2,
h2 {
margin-bottom: 25px
}
.h3,
h3 {
margin-bottom: 20px
}
.h4,
.h5,
.h6,
h4,
h5,
h6 {
margin-bottom: 15px
}
.page-contents .h1,
.page-contents h1,
.post-contents .h1,
.post-contents h1 {
margin-top: 45px
}
.page-contents .h2,
.page-contents h2,
.post-contents .h2,
.post-contents h2 {
margin-top: 35px
}
.page-contents .h3,
.page-contents h3,
.post-contents .h3,
.post-contents h3 {
margin-top: 30px
}
.page-contents .h4,
.page-contents .h5,
.page-contents .h6,
.page-contents h4,
.page-contents h5,
.page-contents h6,
.post-contents .h4,
.post-contents .h5,
.post-contents .h6,
.post-contents h4,
.post-contents h5,
.post-contents h6 {
margin-top: 25px
}
.page-contents p,
.post-contents p {
margin: 0 0 20px
}
.callout-texts .h1,
.callout-texts .h2,
.callout-texts .h3,
.callout-texts .h4,
.callout-texts .h5,
.callout-texts .h6,
.callout-texts h1,
.callout-texts h2,
.callout-texts h3,
.callout-texts h4,
.callout-texts h5,
.callout-texts h6,
.h1:first-child,
.h2:first-child,
.h3:first-child,
.h4:first-child,
.h5:first-child,
.h6:first-child,
.icon-box .h1,
.icon-box .h2,
.icon-box .h3,
.icon-box .h4,
.icon-box .h5,
.icon-box .h6,
.icon-box h1,
.icon-box h2,
.icon-box h3,
.icon-box h4,
.icon-box h5,
.icon-box h6,
.vc_tta-panel-body .h1,
.vc_tta-panel-body .h2,
.vc_tta-panel-body .h3,
.vc_tta-panel-body .h4,
.vc_tta-panel-body .h5,
.vc_tta-panel-body .h6,
.vc_tta-panel-body h1,
.vc_tta-panel-body h2,
.vc_tta-panel-body h3,
.vc_tta-panel-body h4,
.vc_tta-panel-body h5,
.vc_tta-panel-body h6,
h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child,
h6:first-child {
margin-top: 0
}
.font-sans,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: Kanit, sans-serif
}
blockquote {
font-weight: 400;
color: #444;
font-size: 16px;
line-height: 22px;
border: none;
margin: 40px 5%;
position: relative;
padding: 0 35px
}
blockquote:before {
speak: none;
font-style: normal;
font-weight: 400;
font-variant: normal;
content: "\201C";
position: absolute;
width: 48px;
height: 48px;
line-height: 48px;
font-size: 42px;
top: 0;
left: 0;
color: #777
}
.wpb_wrapper blockquote:first-of-type {
margin-top: 0
}
.ol-animate {
visibility: hidden
}
.animated {
animation-duration: 1s;
animation-fill-mode: both
}
.animated.infinite {
animation-iteration-count: infinite
}
.animated.hinge {
animation-duration: 2s
}
.fadeInvertical {
animation-name: b
}
.fadeInhorizontal {
animation-name: c
}
.fadeIn {
animation-name: d
}
@keyframes b {
0% {
opacity: 0;
transform: translate3d(0, 20%, 0)
}
to {
opacity: 1;
transform: none
}
}
@keyframes c {
0% {
opacity: 0;
transform: translate3d(20%, 0, 0)
}
to {
opacity: 1;
transform: none
}
}
@keyframes d {
0% {
opacity: 0
}
to {
opacity: 1
}
}
#main-wrapper {
position: relative
}
#main-area .page {
overflow: hidden
}
@media (min-width:768px) {
.er-side-layout .container {
width: 585px
}
}
@media (min-width:992px) {
.er-side-layout .container {
width: 805px
}
}
@media (min-width:1200px) {
.er-side-layout .container {
width: 1005px
}
}
.er-bordered-layout .er-bottom-bar,
.er-bordered-layout .er-left-bar,
.er-bordered-layout .er-right-bar,
.er-bordered-layout .er-top-bar,
.er-full-layout .er-bottom-bar,
.er-full-layout .er-left-bar,
.er-full-layout .er-right-bar,
.er-full-layout .er-top-bar {
position: fixed;
z-index: 1000;
background-color: #f1f1f1
}
.er-bordered-layout .er-bottom-bar,
.er-full-layout .er-bottom-bar {
bottom: 0;
left: 0;
width: 100%
}
.er-bordered-layout .er-left-bar,
.er-full-layout .er-left-bar {
left: 0;
top: 0;
height: 100%
}
.er-bordered-layout .er-right-bar,
.er-full-layout .er-right-bar {
right: 0;
top: 0;
height: 100%
}
.er-bordered-layout .er-top-bar,
.er-full-layout .er-top-bar {
top: 0;
left: 0;
width: 100%;
z-index: 1001
}
.er-bordered-layout.admin-bar .er-top-bar,
.er-full-layout.admin-bar .er-top-bar {
top: 32px
}
.er-bordered-layout .layout-top-height {
height: 60px;
line-height: 60px
}
.er-bordered-layout .layout-bottom-height {
height: 40px;
line-height: 40px
}
.er-bordered-layout .layout-horizontal-width {
width: 40px
}
.er-bordered-layout .layout-top-padding {
padding-top: 60px
}
.er-bordered-layout .layout-bottom-padding {
padding-bottom: 40px
}
.er-bordered-layout .layout-left-padding {
padding-left: 40px
}
.er-bordered-layout .layout-right-padding {
padding-right: 40px
}
.er-bordered-layout .layout-horizontal-padding {
padding-left: 40px;
padding-right: 40px
}
.er-bordered-layout .layout-vertical-padding {
padding-top: 60px;
padding-bottom: 40px
}
.er-bordered-layout .layout-padding {
padding: 60px 40px 40px
}
.er-bordered-layout .layout-margin {
margin: 40px
}
.er-bordered-layout .full-screen {
height: calc(100vh - 100px)
}
.er-bordered-layout .vc_row.vc_row-o-full-height {
min-height: calc(100vh - 100px)!important
}
.er-bordered-layout .vc_row[data-vc-full-width] {
padding-left: 40px;
padding-right: 40px
}
.er-side-layout .layout-padding {
padding-left: 165px
}
.er-side-layout .layout-margin {
margin-left: 165px
}
.er-side-layout .full-screen {
height: 100vh
}
.er-side-layout .vc_row[data-vc-full-width] {
padding-left: 165px
}
.er-top-layout .layout-padding,
.er-top-layout .layout-vertical-padding {
padding-top: 150px
}
.er-top-layout .full-screen {
height: calc(100vh - 150px)
}
.er-top-layout .vc_row.vc_row-o-full-height {
min-height: calc(100vh - 150px)!important
}
.er-classic-layout .layout-padding,
.er-classic-layout .layout-vertical-padding {
padding-top: 80px
}
.er-classic-layout .layout-margin {
margin-top: 80px
}
.er-classic-layout .layout-margin#side-area {
margin-top: 82px
}
.er-classic-layout .full-screen {
height: calc(100vh - 80px)
}
.er-classic-layout:not(.em-transparent-header) .vc_row.vc_row-o-full-height {
min-height: calc(100vh - 80px)!important
}
.er-contact-page #page-main {
margin-right: 550px
}
.er-contact-page #page-side {
position: fixed;
height: 100%;
width: 550px;
top: 0;
right: 0
}
.er-sideimage-page #page-main {
width: 50%;
float: right
}
.er-sideimage-page #page-side {
position: fixed;
height: 100%;
width: 50%;
top: 0;
left: 0;
right: 0
}
.er-side-layout .er-sideimage-page #page-side {
margin-left: calc(50% + 165px / 2);
margin-right: auto
}
.er-side-layout .er-sideimage-page #page-main {
float: left
}
.er-sideimage-page:after {
content: "";
display: table;
clear: both
}
.er-contact-page .page-head .title-wrapper,
.er-sideimage-page .page-head .title-wrapper {
padding: 0 50px 15px
}
.er-contact-page .page-contents,
.er-sideimage-page .page-contents {
padding: 50px
}
.er-contact-page .page-footer,
.er-sideimage-page .page-footer {
margin-top: 50px;
padding: 30px 0
}
body.er-top-layout .er-contact-page .page-head .title-wrapper,
body.er-top-layout .er-sideimage-page .page-head .title-wrapper {
padding: 0 70px 15px
}
body.er-top-layout .er-contact-page .page-contents,
body.er-top-layout .er-sideimage-page .page-contents {
padding: 70px
}
.vc_row.vc_row-no-padding,
.vc_row.vc_row-no-padding>.row-container,
.vc_row:not(.row-container):not(.vc_inner) {
margin-left: 0;
margin-right: 0
}
#side-header {
position: fixed;
z-index: 100;
top: 0;
left: 0;
width: 165px;
height: 100%;
z-index: 1000;
background-size: cover;
background-repeat: no-repeat;
background-position: 50%
}
#side-header .em-scroll-wrapper {
position: relative;
height: 100%;
overflow: hidden
}
#side-header .side-inner {
position: relative;
min-height: 100%;
padding-top: 40px;
background-color: #f9f9f9;
overflow: hidden;
overflow-y: auto;
max-height: 100vh;
-webkit-overflow-scrolling: touch;
}
#side-header .side-content {
display: none;
min-height: 100%
}
#side-header .side-content>.tb-vcenter-wrapper>.vcenter {
padding: 140px 0
}
#side-header .side-content .centred-section {
margin-top: -110px
}
#side-header .logo-wrapper {
position: relative;
margin: 0 0 110px 30px;
max-width: 105px
}
#side-header .logo-wrapper img {
max-width: 100%;
height: auto;
max-height: 200px
}
#side-header .logo-wrapper a {
display: block;
text-align: center
}
#side-header .navigation-trigger {
position: fixed;
top: 50%;
left: 0;
z-index: 100;
-ms-transform: translateY(-50%);
transform: translateY(-50%)
}
#side-header,
#side-header .navigation-trigger {
transition: all .5s cubic-bezier(1, -.15, .28, .76)
}
#side-header .side-footer {
position: absolute;
left: 0;
bottom: 30px;
width: 100%;
padding: 0 30px
}
#side-header #fixed-bottom-area {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
padding: 15px 30px
}
#side-header .stagger-animation {
visibility: hidden;
opacity: 0
}
#side-header .nicescroll-rails {
left: auto!important;
right: 0
}
#side-header #slide-menu {
padding-right: 50px
}
@media (min-width:993px) {
#side-header.content-align-center .logo-wrapper {
text-align: center;
margin: 0 auto;
margin-bottom: 110px
}
#side-header.content-align-center #slide-menu {
text-align: center;
padding-right: 0;
padding-left: 0
}
#side-header.content-align-center .side-footer {
text-align: center
}
#side-header.content-align-right .logo-wrapper {
margin-left: auto;
margin-right: 30px
}
#side-header.content-align-right #slide-menu {
text-align: right;
padding-right: 0
}
#side-header.content-align-right .side-footer {
text-align: right
}
}
#top-header {
height: 150px;
background-color: #fff;
border: none;
box-shadow: 0 2px 10px -7px rgba(0, 0, 0, .5);
position: fixed;
padding: 0 50px;
width: 100%;
top: 0;
left: 0;
z-index: 1000;
transition: background-color .25s ease
}
#top-header .inner {
padding: 30px 0;
height: 100%
}
#top-header .inner>* {
display: inline-block;
vertical-align: middle
}
#top-header .logo-wrapper {
height: 100%;
max-width: 250px
}
#top-header .logo-wrapper a {
display: block;
height: 100%
}
#top-header .logo-wrapper a img {
max-height: 100%;
max-width: 100%;
width: auto
}
#top-header .menu-wrapper {
width: 60%;
height: 100%;
padding: 0;
position: relative;
overflow: hidden;
margin-left: 60px
}
#top-header .menu-wrapper ul {
list-style: none;
padding: 0;
margin: 0;
height: 100%
}
#top-header .menu-wrapper ul .column {
float: none!important;
display: inline-block;
vertical-align: middle;
line-height: normal;
max-width: 170px
}
#top-header .menu-wrapper li {
line-height: normal
}
#top-header .menu-wrapper li a {
font-size: 12px;
color: #444;
text-decoration: none;
display: block;
margin-right: 20px;
position: relative;
padding: 3px 0;
width: 100%
}
#top-header .menu-wrapper li a>span {
position: relative;
padding-right: 30px;
display: inline-block;
max-width: 100%;
white-space: nowrap;
overflow: hidden!important;
text-overflow: ellipsis
}
#top-header .menu-wrapper li a>span:after {
content: "";
width: 0;
height: 1px;
position: absolute;
top: 50%;
right: 10px;
background-color: #444;
transition: all .25s cubic-bezier(.67, .67, .14, 1.01)
}
#top-header .menu-wrapper li a:focus,
#top-header .menu-wrapper li a:hover {
font-weight: 700
}
#top-header .menu-wrapper li a:focus>span:after,
#top-header .menu-wrapper li a:hover>span:after {
width: 100%;
right: auto;
left: -10px;
transition: all .35s cubic-bezier(.67, .67, .14, 1.01)
}
#top-header .menu-wrapper li.current-menu-item>a {
font-weight: 700
}
#top-header .menu-wrapper li.current-menu-item>a>span:after {
width: 100%;
right: auto;
left: -10px
}
#top-header #list-menu,
#top-header .logo-wrapper {
line-height: 90px
}
#top-header .side-wrapper {
text-align: right;
float: right;
height: 100%
}
#top-header .side-wrapper .social-icons {
display: inline-block;
margin: 0
}
#top-header .side-wrapper .navigation-trigger {
display: none;
position: relative;
top: 4px
}
#top-header .side-wrapper .navigation-trigger .hamburger-wrapper {
width: auto
}
#top-header .side-wrapper .navigation-trigger .hamburger {
-ms-transform: none;
transform: none
}
#top-header #shop-cart-icon {
float: none
}
#classic-header {
position: fixed;
top: 0;
left: 0;
padding: 0 50px;
width: 100%;
box-shadow: 0 2px 10px -7px rgba(0, 0, 0, .5);
background-color: #fff;
z-index: 1000
}
#classic-header .inner {
line-height: 80px;
text-align: right
}
#classic-header .logo-wrapper {
float: left;
max-width: 250px
}
#classic-header .logo-wrapper a {
display: block
}
#classic-header .logo-wrapper a img {
max-height: 50px;
width: auto
}
#classic-header .header-icons,
#classic-header .menu-wrapper {
display: inline-block;
vertical-align: middle;
line-height: inherit;
margin: 0 -2px
}
#classic-header.trans {
position: absolute;
top: 0;
left: 0;
width: 100%;
background-color: transparent;
border: none
}
#classic-header.is-contained {
padding-right: 0;
padding-left: 0
}
#side-area {
height: 100%;
width: 0;
position: fixed;
top: 0;
right: 0;
z-index: 900;
background-color: #fff;
transition: all .25s cubic-bezier(.54, .07, .65, .4);
transition-delay: .3s;
background-size: cover;
background-position: 50%
}
#side-area .scroll-wrapper {
position: relative;
height: 100%;
overflow: hidden
}
#side-area .side-content {
overflow: hidden;
height: 100%;
display: none;
padding: 50px 0
}
#side-area .side-content .side-menu-wrapper {
margin-top: 0;
padding: 0 40px;
width: 300px
}
#side-area .side-content .side-menu-wrapper ul.menu {
padding: 0;
margin: 0
}
#mobile-header {
display: none;
background-color: #fff;
padding: 0 30px;
position: fixed;
top: 0;
left: 0;
height: 60px;
width: 100%;
z-index: 890;
line-height: 60px
}
#mobile-header .logo-wrapper img {
max-height: 40px;
width: auto
}
body.er-side-layout .slide-menu-wrapper {
margin-top: -110px;
padding: 0 30px
}
body.er-side-layout .slide-menu-wrapper a span:before {
left: -10px
}
body.er-side-layout #main-wrapper:before {
right: auto;
left: 0
}
body.er-side-layout #navigation-trigger {
position: fixed;
top: 20px;
right: 30px;
line-height: normal;
z-index: 1020;
display: none
}
body.er-side-layout #navigation-trigger .hamburger-wrapper .hamburger {
-ms-transform: none;
transform: none
}
body.er-bordered-layout .er-bottom-bar .em-bottom-left,
body.er-classic-layout .er-bottom-bar .em-bottom-left {
float: left
}
body.er-bordered-layout .er-bottom-bar .em-bottom-right,
body.er-classic-layout .er-bottom-bar .em-bottom-right {
float: right
}
body.er-bordered-layout .logo-wrapper,
body.er-classic-layout .logo-wrapper {
float: left;
height: 100%
}
body.er-bordered-layout .logo-wrapper a,
body.er-classic-layout .logo-wrapper a {
display: block;
height: 100%;
position: relative
}
body.er-bordered-layout .logo-wrapper a img,
body.er-classic-layout .logo-wrapper a img {
max-height: 100%;
width: auto
}
body.er-bordered-layout .navigation-trigger,
body.er-classic-layout .navigation-trigger {
float: right
}
body.er-bordered-layout .navigation-trigger .hamburger-wrapper,
body.er-classic-layout .navigation-trigger .hamburger-wrapper {
width: auto
}
body.er-bordered-layout .navigation-trigger .hamburger-wrapper .hamburger,
body.er-classic-layout .navigation-trigger .hamburger-wrapper .hamburger {
display: block;
-ms-transform: none;
transform: none;
font-size: medium
}
body.er-bordered-layout .navigation-trigger .hamburger-wrapper .hamburger-box,
body.er-classic-layout .navigation-trigger .hamburger-wrapper .hamburger-box {
top: 2px
}
body.er-bordered-layout .aside-menu-wrapper,
body.er-classic-layout .aside-menu-wrapper {
float: right
}
body.er-bordered-layout .logo-wrapper a img {
max-height: 40px
}
body.er-bordered-layout .navigation-trigger .hamburger-inner,
body.er-bordered-layout .navigation-trigger .hamburger-inner:after,
body.er-bordered-layout .navigation-trigger .hamburger-inner:before {
transition: all .2s cubic-bezier(.645, .045, .355, 1)
}
body.er-bordered-layout .navigation-trigger .hamburger--3dy.is-active .hamburger-inner {
right: 0
}
body.er-bordered-layout .navigation-trigger .hamburger--3dy.is-active .hamburger-inner,
body.er-bordered-layout .navigation-trigger .hamburger--3dy.is-active .hamburger-inner:after,
body.er-bordered-layout .navigation-trigger .hamburger--3dy.is-active .hamburger-inner:before {
transition: all .2s cubic-bezier(.645, .045, .355, 1);
width: 22px
}
body.er-classic-layout #main-wrapper:before,
body.er-classic-layout #side-area {
z-index: 1010
}
body.er-classic-layout #main-wrapper>.navigation-trigger {
position: fixed;
top: 20px;
right: -30px;
z-index: 1020;
visibility: hidden;
transition: opacity .4s ease;
transition-delay: .4s;
opacity: 0
}
body.er-classic-layout #main-wrapper>.navigation-trigger .hamburger-inner,
body.er-classic-layout #main-wrapper>.navigation-trigger .hamburger-inner:after,
body.er-classic-layout #main-wrapper>.navigation-trigger .hamburger-inner:before {
width: 22px
}
body.er-classic-layout #main-wrapper>.navigation-trigger .hamburger-wrapper {
padding: 0
}
body.er-classic-layout.show-menu #main-wrapper>.navigation-trigger {
visibility: visible;
opacity: 1;
right: 20px
}
body.er-classic-layout.em-transparent-header #classic-header {
background-color: transparent;
border: none;
box-shadow: none
}
body.er-classic-layout.em-transparent-header #classic-header:before {
content: "";
position: absolute;
bottom: 100%;
left: 0;
width: 100%;
height: 100%;
border-bottom: 1px solid #f0f0f0;
background-color: #fff;
transition: bottom .3s ease
}
body.er-classic-layout.em-transparent-header #classic-header.em-sticky-background:before {
bottom: 0
}
body.er-classic-layout.em-transparent-header #main-area.layout-padding {
padding-top: 0
}
body.er-classic-layout.em-transparent-header .full-screen {
height: 100vh
}
body.show-menu #main-wrapper:before {
visibility: visible;
opacity: 1;
width: 100%
}
#main-wrapper:before {
content: "";
position: fixed;
top: 0;
right: 0;
height: 100%;
width: 0;
visibility: hidden;
opacity: 0;
background-color: rgba(66, 66, 66, .9);
transition: opacity .25s ease-out;
z-index: 899
}
body.show-menu #side-header {
width: 320px
}
body.show-menu #side-header .navigation-trigger {
left: 235px
}
body.show-menu #side-header,
body.show-menu #side-header .navigation-trigger {
transition: all .5s cubic-bezier(.18, .55, .74, .92);
transition-delay: 0s
}
body.show-menu #side-header .site-menu {
left: 0;
transition: all .25s cubic-bezier(.15, .7, .26, .95)
}
body.show-menu #side-header .hamburger-wrapper {
width: auto
}
body.show-menu #side-header .hamburger-wrapper .ham-label {
opacity: 0;
width: 0;
height: 0;
overflow: hidden
}
body.show-menu #side-header .hamburger-wrapper {
padding-left: 30px!important
}
body.show-menu #side-header:before {
right: -100vw
}
body.show-menu #side-header:after {
content: "";
position: absolute;
width: 1px;
height: 60%;
right: 70px;
top: 20%;
background: linear-gradient(180deg, transparent 0, rgba(0, 0, 0, .1) 50%, transparent)
}
body.show-menu #side-area {
width: 350px;
transition-delay: 0s;
transition: all .25s cubic-bezier(.15, .7, .26, .95)
}
@media (min-width:993px) {
body.always-show-side #side-header {
width: 320px
}
body.always-show-side #side-header .navigation-trigger {
display: none
}
body.always-show-side #side-header .side-content {
display: block
}
body.always-show-side #side-header .slide-menu-wrapper li,
body.always-show-side #side-header .stagger-animation {
visibility: visible;
opacity: 1
}
body.always-show-side.er-side-layout .layout-padding {
padding-left: 320px
}
body.always-show-side.narrow-open-sidebar #side-header {
width: 250px
}
body.always-show-side.narrow-open-sidebar.er-side-layout .layout-padding {
padding-left: 250px
}
body.always-show-side.wide-open-sidebar #side-header {
width: 400px
}
body.always-show-side.wide-open-sidebar.er-side-layout .layout-padding {
padding-left: 400px
}
body.er-side-layout .navigation-trigger .hamburger-wrapper {
background-color: transparent
}
}
body.header-fixed #header-classic {
position: fixed;
top: 0;
left: 0;
width: 100%
}
iframe body.show-menu .slide-menu-wrapper li {
opacity: 1;
visibility: visible
}
.text-logo {
font-size: 16px;
text-transform: uppercase;
margin: 0;
line-height: inherit
}
.logo-wrapper img {
image-rendering: -moz-crisp-edges;
image-rendering: -o-crisp-edges;
image-rendering: -webkit-optimize-contrast;
image-rendering: crisp-edges;
-ms-interpolation-mode: nearest-neighbor
}
#shop-cart-icon {
float: right;
padding: 0 10px;
position: relative;
top: 2px;
margin-left: 15px;
font-size: 18px
}
#shop-cart-icon .counter {
position: absolute;
top: 50%;
right: 0;
width: 17px;
height: 17px;
background-color: rgba(255, 63, 116, .8);
color: #fff;
border-radius: 50%;
line-height: 17px;
font-size: 10px;
text-align: center;
margin-top: -15px
}
#top-header #shop-cart-icon {
top: 6px
}
.em-footer-section {
background-color: #f5f5f5
}
.em-footer-section .footer-bottom {
text-align: center
}
.em-footer-section .footer-bottom .footer-bottom-wrapper {
padding-top: 30px;
padding-bottom: 30px;
position: relative
}
.em-footer-section .footer-bottom .footer-bottom-wrapper:after {
content: "";
position: absolute;
left: 0;
right: 0;
top: 0;
height: 1px;
background-color: #ddd;
display: block
}
.em-footer-section .footer-bottom .bottom-first,
.em-footer-section .footer-bottom .bottom-second {
max-width: 600px;
margin-left: auto;
margin-right: auto
}
.em-footer-section .footer-bottom .bottom-second {
margin-top: 10px
}
.em-footer-section .footer-bottom .er-cprtext,
.em-footer-section .footer-bottom .social-icons {
margin-bottom: 0
}
.em-footer-section .footer-bottom.layout-side {
text-align: left
}
.em-footer-section .footer-bottom.layout-side .footer-bottom-wrapper {
display: table
}
.em-footer-section .footer-bottom.layout-side .bottom-first,
.em-footer-section .footer-bottom.layout-side .bottom-second {
max-width: none;
display: table-cell;
vertical-align: middle
}
.em-footer-section .footer-bottom.layout-side .bottom-second {
text-align: right;
margin-top: 0
}
.em-footer-section .footer-main {
padding-top: 70px;
padding-bottom: 30px;
border-top: 1px solid #e2e2e2
}
.em-footer-section .widget {
margin-bottom: 0
}
.em-footer-section .widget .widget-title {
border-bottom: none;
margin-bottom: 20px
}
.em-footer-section .widget .widget-title:after {
content: none
}
.em-footer-section.full .footer-bottom .footer-bottom-wrapper,
.em-footer-section.full .footer-main {
padding-right: 40px;
padding-left: 40px
}
.em-footer-section.full .footer-bottom .footer-bottom-wrapper {
width: 100%
}
.em-footer-section.contained .footer-bottom .footer-bottom-wrapper:after {
right: 15px;
left: 15px
}
.em-footer-section.no-bottom-bar .footer-main {
padding-bottom: 70px
}
body.page .em-footer-section.no-widgets .footer-bottom {
margin-top: 70px
}
.page.layout-header-side .em-footer-section .footer-bottom,
.page.layout-header-side .em-footer-section .footer-main {
padding-right: 70px;
padding-left: 70px
}
.page.layout-header-side .em-footer-section.contained .container {
padding-right: 0;
padding-left: 0;
width: 100%
}
.em-footer-section.no-widgets,
.em-footer-section.no-widgets .footer-bottom.layout-centered {
background-color: transparent
}
.em-footer-section.no-widgets .footer-bottom.layout-centered .footer-bottom-wrapper {
position: relative;
padding-top: 50px;
padding-bottom: 50px
}
.page-footer {
border-top: 1px solid #ddd;
margin-top: 70px;
padding: 50px 0;
text-align: center
}
.er-cprtext {
color: #999;
font-size: 12px
}
.page-links {
border-top: 1px solid #f4f4f4;
padding-top: 10px;
margin-bottom: 15px;
margin-top: 30px
}
.er-boxed {
position: relative;
max-width: 400px;
margin-left: auto;
margin-right: auto;
background-color: #fff;
padding: 50px 40px
}
.btn,
.btn:active,
.btn:focus,
.btn:hover,
button,
button:active,
button:focus,
button:hover {
outline: 0!important
}
.btn-danger,
.btn-default,
.btn-info,
.btn-primary,
.btn-success,
.btn-warning {
display: inline-block;
padding: 6px 12px;
margin-bottom: 0;
font-size: 14px;
font-weight: 700;
line-height: 1.42857143;
text-align: center;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border: 1px solid transparent;
border-radius: 4px;
text-decoration: none!important
}
.dark-wrapper .btn-danger,
.dark-wrapper .btn-default,
.dark-wrapper .btn-info,
.dark-wrapper .btn-primary,
.dark-wrapper .btn-success,
.dark-wrapper .btn-warning {
color: #fff
}
.btn {
display: inline-block;
border-radius: 0;
font-family: Kanit, sans-serif;
transition: all .25s ease;
text-transform: uppercase!important;
letter-spacing: 1px!important;
width: auto;
text-shadow: none;
padding: 7px 25px;
font-size: 12px;
font-weight: medium;
font-weight: 400;
background-color: #fff;
border: 1px solid #dedede;
color: #444
}
.btn i {
position: relative
}
.btn:focus,
.btn:hover {
background-color: #eee;
color: #333
}
.btn.btn-large {
padding: 13px 30px;
font-size: 14px
}
.btn.btn-medium {
padding: 10px 30px;
font-size: 12px
}
.btn.btn-small {
padding: 5px 20px;
font-size: 12px
}
.btn.btn-extra-small {
padding: 4px 10px;
font-size: 10px
}
.btn.btn-extra-small .icon {
padding-right: 5px
}
.btn.btn-round {
border-radius: 4px
}
.btn.btn-circle {
border-radius: 60px
}
.btn.btn-thick-border {
border-width: 3px
}
.btn.btn-wide.btn-large {
padding: 10px 50px
}
.btn.btn-wide.btn-medium {
padding: 7px 40px
}
.btn.btn-wide.btn-small {
padding: 5px 30px
}
.btn.btn-wide.btn-extra-small {
padding: 4px 20px
}
.btn.btn-block {
display: block
}
.btn.btn-skin-red {
background-color: #f36;
border-color: #e63360;
color: #fff
}
.btn.btn-skin-red:focus,
.btn.btn-skin-red:hover {
background-color: #e63360;
color: #fff
}
.btn.btn-skin-blue {
background-color: #76bcff;
border-color: #75afe6;
color: #fff
}
.btn.btn-skin-blue:focus,
.btn.btn-skin-blue:hover {
background-color: #75afe6;
color: #fff
}
.btn.btn-skin-green {
background-color: #1abc9c;
border-color: #1aa388;
color: #fff
}
.btn.btn-skin-green:focus,
.btn.btn-skin-green:hover {
background-color: #1aa388;
color: #fff
}
.btn.btn-skin-purple {
background-color: #b24a7d;
border-color: #994a70;
color: #fff
}
.btn.btn-skin-purple:focus,
.btn.btn-skin-purple:hover {
background-color: #994a70;
color: #fff
}
.btn.btn-skin-yellow {
background-color: #f1c40f;
border-color: #d9b00f;
color: #fff
}
.btn.btn-skin-yellow:focus,
.btn.btn-skin-yellow:hover {
background-color: #d9b00f;
color: #fff
}
.btn.btn-skin-dark {
background-color: #555;
border-color: #464646;
color: #fff
}
.dark-wrapper .btn.btn-skin-dark {
border-color: #636363
}
.btn.btn-skin-dark:focus,
.btn.btn-skin-dark:hover {
background-color: #464646;
color: #fff
}
.btn.btn-trans {
background-color: transparent
}
.btn.btn-trans.btn-skin-red {
color: #e63360
}
.btn.btn-trans.btn-skin-blue {
color: #75afe6
}
.btn.btn-trans.btn-skin-green {
color: #1aa388
}
.btn.btn-trans.btn-skin-purple {
color: #994a70
}
.btn.btn-trans.btn-skin-yellow {
color: #d9b00f
}
.btn.btn-trans.btn-skin-dark {
color: #464646
}
.btn.btn-trans.btn-skin-white {
color: #fff;
border-color: #fff
}
.btn.btn-trans.btn-skin-white:focus,
.btn.btn-trans.btn-skin-white:hover {
color: #555;
background-color: #fff
}
.btn.btn-trans.btn-skin-blue:focus,
.btn.btn-trans.btn-skin-blue:hover,
.btn.btn-trans.btn-skin-dark:focus,
.btn.btn-trans.btn-skin-dark:hover,
.btn.btn-trans.btn-skin-green:focus,
.btn.btn-trans.btn-skin-green:hover,
.btn.btn-trans.btn-skin-purple:focus,
.btn.btn-trans.btn-skin-purple:hover,
.btn.btn-trans.btn-skin-red:focus,
.btn.btn-trans.btn-skin-red:hover,
.btn.btn-trans.btn-skin-yellow:focus,
.btn.btn-trans.btn-skin-yellow:hover {
color: #fff
}
.btn>span {
position: relative;
padding-left: 25px
}
.btn i {
position: absolute;
top: 50%;
left: -4px;
-ms-transform: translateY(-50%);
transform: translateY(-50%)
}
.btn-icon-right>span {
padding-right: 25px
}
.btn-icon-right i {
left: auto;
right: -4px
}
.btn-large>span {
padding-left: 25px
}
.btn-large.btn-icon-right>span {
padding-right: 25px;
padding-left: 0
}
.btn-medium>span {
padding-left: 17px
}
.btn-medium.btn-icon-right>span {
padding-right: 17px;
padding-left: 0
}
.btn-small>span {
padding-left: 16px
}
.btn-small.btn-icon-right>span {
padding-right: 16px;
padding-left: 0
}
.btn-extra-small>span {
padding-left: 14px
}
.btn-extra-small.btn-icon-right>span {
padding-right: 14px;
padding-left: 0
}
.btn-anim-i i,
.btn-anim-i span {
display: inline-block;
transition: transform .3s ease, opacity .3s ease
}
.btn-anim-i.btn-large:focus span,
.btn-anim-i.btn-large:hover span {
-ms-transform: translateX(-12px);
transform: translateX(-12px)
}
.btn-anim-i.btn-medium:focus span,
.btn-anim-i.btn-medium:hover span {
-ms-transform: translateX(-9px);
transform: translateX(-9px)
}
.btn-anim-i.btn-small:focus span,
.btn-anim-i.btn-small:hover span {
-ms-transform: translateX(-8px);
transform: translateX(-8px)
}
.btn-anim-i.btn-extra-small:focus span,
.btn-anim-i.btn-extra-small:hover span {
-ms-transform: translateX(-7px);
transform: translateX(-7px)
}
.btn-anim-i:focus i,
.btn-anim-i:hover i {
opacity: 0
}
.btn-anim-i.btn-icon-right.btn-large:focus span,
.btn-anim-i.btn-icon-right.btn-large:hover span {
-ms-transform: translateX(12px);
transform: translateX(12px)
}
.btn-anim-i.btn-icon-right.btn-medium:focus span,
.btn-anim-i.btn-icon-right.btn-medium:hover span {
-ms-transform: translateX(9px);
transform: translateX(9px)
}
.btn-anim-i.btn-icon-right.btn-small:focus span,
.btn-anim-i.btn-icon-right.btn-small:hover span {
-ms-transform: translateX(8px);
transform: translateX(8px)
}
.btn-anim-i.btn-icon-right.btn-extra-small:focus span,
.btn-anim-i.btn-icon-right.btn-extra-small:hover span {
-ms-transform: translateX(7px);
transform: translateX(7px)
}
label {
font-size: 14px;
color: #777;
font-weight: 400;
margin-bottom: 0
}
.form-control,
input,
textarea {
position: relative;
border-radius: 0;
outline: none!important;
box-shadow: none!important;
border: 1px solid #dedede;
background-color: #f9f9f9;
line-height: 32px;
height: 34px;
padding: 0 10px;
width: 100%;
transition: border-bottom .25s ease
}
.form-control:focus,
input:focus,
textarea:focus {
border-color: transparent;
border-bottom-color: #444;
border-bottom-width: 1px;
box-shadow: none
}
textarea {
line-height: 20px
}
input[type=file],
textarea {
height: auto
}
.er-inline-form>* {
display: inline-block
}
.er-inline-form input {
width: 100%
}
.er-inline-form input.btn {
padding-top: 0;
padding-bottom: 0;
line-height: 32px
}
.er-inline-form.row {
margin-left: 0;
margin-right: 0
}
.er-inline-form.row>[class*=col-] {
padding-right: 0;
padding-left: 0;
display: table-cell;
vertical-align: bottom;
float: none
}
table thead th {
border-bottom: 1px solid #555;
color: #222
}
table tbody tr:first-child td {
border-top: none
}
table td,
table th {
padding: 12px;
vertical-align: top;
border-top: 1px solid #dedede
}
.search-form {
overflow: hidden
}
input[type=checkbox],
input[type=radio] {
width: auto;
height: auto
}
.social-icons {
font-size: 0;
padding: 0
}
.social-icons li {
display: inline-block;
vertical-align: middle;
margin: 0
}
.social-icons li:first-child {
margin-left: 0
}
.social-icons li:last-child {
margin-right: 0
}
.social-icons a {
text-decoration: none;
display: block;
text-align: center;
font-size: 14px;
padding: 6px;
line-height: 25px;
transition: all .25s ease;
color: #999
}
.social-icons a:focus,
.social-icons a:hover {
color: #444
}
.dark-wrapper .social-icons a:focus,
.dark-wrapper .social-icons a:hover {
color: $chaos_white
}
.dark-wrapper .social-icons[class*=shape-]:not([class*=skin-]) a:focus,
.dark-wrapper .social-icons[class*=shape-]:not([class*=skin-]) a:hover {
color: $chaos_dark;
border-color: none;
background-color: $chaos_white
}
.social-icons.size-small a {
font-size: 10px;
width: 22px;
height: 22px;
line-height: 22px
}
.social-icons.shape-circle a {
border: 1px solid #b5b5b5;
box-sizing: content-box;
border-radius: 50%
}
.social-icons.shape-circle a:focus,
.social-icons.shape-circle a:hover {
border: 1px solid $chaos_dark
}
.social-icons.shape-square a {
border: 1px solid #b5b5b5;
box-sizing: content-box
}
.social-icons.shape-square a:focus,
.social-icons.shape-square a:hover {
border: 1px solid $chaos_dark
}
.social-icons[class*=shape-] li {
margin: 0 2px
}
.social-icons[class*=shape-] a:focus,
.social-icons[class*=shape-] a:hover {
color: $chaos_white;
border-color: none;
background-color: $chaos_dark
}
.social-icons[class*=shape-].size-small li {
margin: 0 2px
}
.social-icons[class*=shape-].size-large li {
margin: 0 3px
}
.social-icons.hover-white[class*=shape-] li a:focus,
.social-icons.hover-white[class*=shape-] li a:hover {
background-color: $chaos_white;
color: $chaos_textinlight;
border-color: $chaos_white
}
.social-icons.thick-border li a {
border-width: 3px;
box-sizing: content-box
}
.social-icons.thick-border li a:focus,
.social-icons.thick-border li a:hover {
border-width: 3px
}
.social-icons.with-bracket:after,
.social-icons.with-bracket:before {
font-size: 14px;
display: inline-block;
vertical-align: middle
}
.social-icons.with-bracket:before {
content: "[";
padding-right: 5px
}
.social-icons.with-bracket:after {
content: "]";
padding-left: 5px
}
.em-social-share {
list-style: none;
padding: 0;
margin: 0
}
.em-social-share li {
display: inline-block
}
.em-social-share li a {
padding: 5px;
color: #999;
font-size: 12px
}
.em-social-share li a:focus,
.em-social-share li a:hover {
color: #444
}
.em-social-share li:last-child a {
padding-right: 0
}
#social-sharing-trigger {
position: fixed;
width: 40px;
height: 40px;
z-index: 2000;
top: 20px;
right: 20px;
color: hsla(0, 0%, 100%, .8);
border: 4px solid hsla(0, 0%, 100%, 0);
background-color: rgba(220, 151, 31, .8);
border-radius: 50px;
line-height: 33px;
text-align: center;
font-size: 14px;
transition: all .25s ease
}
#social-sharing-trigger:focus,
#social-sharing-trigger:hover {
color: #fff;
border: 4px solid #fff;
background-color: #dc971f
}
#social-sharing {
position: fixed;
bottom: 20px;
right: 10px;
z-index: 100
}
#social-sharing .share-icons {
display: inline-block;
margin: 0;
padding: 0;
list-style: none;
margin-right: 35px
}
#social-sharing .share-icons li {
list-style: none;
position: absolute;
top: 0;
right: 0
}
#social-sharing .share-icons li a {
display: block;
width: 29px;
height: 29px;
line-height: 30px;
margin-right: 1px;
border-radius: 50%;
text-align: center;
background-color: #efefef;
color: #444;
font-size: 12px;
transition: all .25s ease
}
#social-sharing .share-icons li a:focus,
#social-sharing .share-icons li a:hover {
background-color: #444;
color: #efefef
}
#social-sharing .share-close {
display: none
}
#social-sharing .share-trigger {
position: absolute;
top: -1px;
right: 0;
width: 31px;
height: 31px;
background-color: #555;
border-radius: 50%;
line-height: 30px;
text-align: center;
color: #fff;
cursor: pointer;
transition: all .3s ease
}
#social-sharing .share-trigger:hover,
#social-sharing .share-triggerfocus {
background-color: #444
}
#social-sharing .share-trigger:after {
content: "\e923";
font-family: ol-icon-set;
position: relative;
font-size: 11px;
top: 1px;
left: -1px
}
#social-sharing .share-trigger.close-trigger:after {
content: "\e92c";
left: 0
}
.gallery-comments {
margin-bottom: 80px
}
#comments {
padding-top: 80px
}
#comments .comments-title {
font-size: 20px;
margin-bottom: 30px;
border-bottom: 2px solid #eee;
padding-bottom: 15px;
position: relative
}
#comments .comments-title:after {
content: "";
position: absolute;
bottom: -2px;
left: 0;
width: 60px;
height: 2px;
background-color: #444
}
#comments .comment-body {
margin-bottom: 40px
}
#comments .comment-body .reply {
margin-top: -25px;
float: right;
font-size: 14px
}
#comments .comment-body .reply a {
color: #aaa
}
#comments .comment-body .reply:after {
content: "]";
padding-left: 5px;
color: #aaa
}
#comments .comment-body .reply:before {
content: "[";
padding-right: 5px;
color: #aaa
}
#comments .comment-list {
list-style: none;
padding: 0;
margin: 0
}
#comments .comment-list .children {
list-style: none
}
#comments .comment-list:after {
content: "";
display: table;
clear: both
}
#comments .comment-author img.avatar {
width: 40px;
height: 40px;
border-radius: 50%;
margin-right: 5px;
position: relative;
display: inline-block
}
#comments .comment-author .says {
display: none
}
#comments .comment-meta>* {
display: inline-block
}
#comments .comment-meta time {
color: #999;
font-size: 14px
}
#comments .comment-meta .edit-link {
padding: 0 10px;
font-size: 14px
}
#comments .comment-metadata a {
text-decoration: none!important
}
#comments .comment-metadata a:focus time,
#comments .comment-metadata a:hover time {
color: #444
}
#comments .comment-metadata:before {
content: "-";
color: #999
}
#comments .comment-content {
margin-top: 15px;
padding-bottom: 10px;
border-bottom: 1px solid #e6e6e6;
font-size: 14px
}
.comment-navigation {
margin: 40px 0
}
.comment-navigation .nav-links {
text-align: center
}
.comment-navigation .nav-next,
.comment-navigation .nav-previous,
.comment-navigation .nav-separator {
display: inline-block;
text-transform: uppercase
}
.comment-navigation .nav-separator {
width: 10px;
height: 10px;
border-radius: 50%;
border: 3px solid #e0e0e0;
margin: 0 5px
}
.comment-navigation:after {
content: "";
display: table;
clear: both
}
.comment-respond {
margin-bottom: 30px
}
.comment-respond .comment-form-comment {
float: left;
width: 58%
}
.comment-respond .comment-form-author,
.comment-respond .comment-form-email,
.comment-respond .comment-form-url {
float: left;
width: 40%;
margin-left: 2%
}
.comment-respond .comment-form-url:after {
content: "";
display: table;
clear: both
}
.comment-respond .form-submit {
width: 58%
}
.comment-respond textarea#comment {
height: 163px
}
.comment-respond .comment-notes {
margin-bottom: 20px
}
.comment-respond #cancel-comment-reply-link a {
color: #aaa
}
.comment-respond #cancel-comment-reply-link:after {
content: "]";
padding-left: 5px;
color: #aaa
}
.comment-respond #cancel-comment-reply-link:before {
content: "[";
padding-right: 5px;
color: #aaa
}
.bypostauthor {
position: relative
}
.bypostauthor:after {
content: "\f007";
font-family: fontawesome;
width: 25px;
height: 25px;
font-size: 10px;
background-color: hsla(0, 0%, 58%, .21);
border-radius: 50%;
position: absolute;
top: 5px;
right: 0;
color: #b1b1b1;
line-height: 25px;
text-align: center
}
.comment-with-image {
padding: 20px 0 30px
}
.comment-with-image>p {
display: none
}
.comment-with-image .img-wrap {
float: left;
width: 100px;
position: relative
}
.comment-with-image .img-wrap span {
color: #222;
position: absolute;
bottom: 0;
left: 0;
z-index: 10;
background: hsla(0, 0%, 100%, .7);
padding: 2px 5px
}
.comment-with-image .image-side {
margin-left: 120px
}
.comment-with-image:after {
content: "";
display: table;
clear: both
}
.prci {
width: 100px;
height: auto
}
.extra-notice {
display: block;
margin: 10px 0;
background-color: rgba(0, 0, 0, .02);
border: 1px solid rgba(0, 0, 0, .11);
padding: 20px
}
.extra-notice img {
float: left;
width: 100px;
height: auto
}
.extra-notice p {
margin-left: 120px;
margin-bottom: 0
}
.extra-notice:after {
content: "";
display: table;
clear: both
}
.lazy-base {
overflow: hidden
}
.lazy-base img {
-webkit-filter: blur(0);
filter: blur(0);
transition: all .3s ease
}
.lazy-base:before {
content: "";
position: absolute;
z-index: 3;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
background-color: #eee;
transition: all .3s ease
}
.loading-lazy,
.loading-lazy img {
position: relative
}
.loading-lazy img {
z-index: 2;
-webkit-filter: blur(2px);
filter: blur(2px)
}
.loading-lazy:after {
content: "";
z-index: 4;
position: absolute;
top: 50%;
margin-top: -20px;
left: 50%;
margin-left: -20px;
width: 40px;
height: 40px;
background-color: #fff;
border-radius: 100%;
animation: e 1s infinite ease-in-out
}
.loading-lazy:before {
opacity: .8
}
@keyframes e {
0% {
transform: scale(0)
}
to {
transform: scale(1);
opacity: 0
}
}
.em-infinite-loader {
position: fixed;
bottom: 5px;
right: 50px;
display: none;
margin-left: 0;
text-align: center;
z-index: 1000
}
.spinner {
width: 40px;
height: 40px;
position: relative;
margin: 0 auto
}
.double-bounce1,
.double-bounce2 {
width: 100%;
height: 100%;
border-radius: 50%;
background-color: rgba(0, 0, 0, .4);
opacity: .9;
position: absolute;
top: 0;
left: 0;
animation: f 2s infinite ease-in-out
}
.double-bounce2 {
animation-delay: -1s
}
.em-loader {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #1c1c1c;
z-index: 1000;
overflow: hidden
}
.em-loader .spinner {
position: absolute;
top: 50%;
left: 50%;
margin-top: -20px;
margin-left: -20px
}
.em-loader .spinner .double-bounce1,
.em-loader .spinner .double-bounce2 {
background-color: hsla(0, 0%, 100%, .4)
}
@keyframes f {
0%,
to {
transform: scale(0);
-webkit-transform: scale(0)
}
50% {
transform: scale(1);
-webkit-transform: scale(1)
}
}
.em-hover {
position: relative;
height: 100%;
cursor: pointer;
display: block;
overflow: hidden
}
.em-hover * {
transition: all .25s cubic-bezier(.39, .58, .57, 1)
}
.em-hover .icons,
.em-hover .ol-overlay,
.em-hover .subtitle,
.em-hover .title {
position: absolute;
opacity: 0;
visibility: hidden;
z-index: 10
}
.em-hover .title {
margin: 0;
font-size: 23px;
color: #fff
}
.em-hover .title a {
color: #fff
}
.em-hover .subtitle {
text-transform: uppercase;
margin-top: 20px;
font-size: 10px;
color: #bbb
}
.em-hover .subtitle a {
color: #bbb
}
.em-hover:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
transition: all .3s ease;
z-index: 1
}
.em-hover:focus:before,
.em-hover:hover:before {
background-color: rgba(0, 0, 0, .7);
opacity: .8
}
.em-hover.hover-1 .img-wrapper,
.em-hover.hover-1>img {
-ms-transform-origin: center;
transform-origin: center
}
.em-hover.hover-1 .em-video-icon {
position: absolute;
z-index: 10;
bottom: 20px;
left: 20px;
font-size: 20px;
line-height: 17px;
color: #fff
}
.em-hover.hover-1 .hover-icon {
position: absolute;
top: 50%;
left: 50%;
width: 40px;
height: 40px;
background-color: #fff;
z-index: 10;
opacity: 0;
border-radius: 50%;
border: 1px solid #f5f5f5;
transform: translate3d(-50%, -50%, 0) scale(0);
transition: all .4s ease-out;
visibility: hidden
}
.em-hover.hover-1 .hover-icon:after,
.em-hover.hover-1 .hover-icon:before {
content: "";
position: absolute;
top: 50%;
left: 50%;
transform: translate3d(-50%, -50%, 0);
width: 7px;
height: 1px;
background-color: #000
}
.em-hover.hover-1 .hover-icon:after {
width: 1px;
height: 7px
}
.em-hover.hover-1 .hover-icon.touch-hover,
.em-hover.hover-1 .hover-icon:focus,
.em-hover.hover-1 .hover-icon:hover {
transform: translate3d(-50%, -50%, 0) scale(.9)!important;
background-color: #222;
border-color: #222
}
.em-hover.hover-1 .hover-icon.touch-hover:after,
.em-hover.hover-1 .hover-icon.touch-hover:before,
.em-hover.hover-1 .hover-icon:focus:after,
.em-hover.hover-1 .hover-icon:focus:before,
.em-hover.hover-1 .hover-icon:hover:after,
.em-hover.hover-1 .hover-icon:hover:before {
background-color: #fff
}
.em-hover.hover-1:focus .img-wrapper,
.em-hover.hover-1:focus>img,
.em-hover.hover-1:hover .img-wrapper,
.em-hover.hover-1:hover>img {
-ms-transform: scale(1.05);
transform: scale(1.05)
}
.em-hover.hover-1:focus .hover-icon,
.em-hover.hover-1:hover .hover-icon {
transform: translate3d(-50%, -50%, 0) scale(1);
opacity: 1;
visibility: visible
}
.em-hover.hover-1:focus:before,
.em-hover.hover-1:hover:before {
background-color: rgba(0, 0, 0, .5)
}
.em-hover.pf-hover-1 .img-wrapper,
.em-hover.pf-hover-1>img {
-ms-transform-origin: bottom center;
transform-origin: bottom center
}
.em-hover.pf-hover-1 .description {
position: absolute;
top: 50%;
left: 0;
width: 100%;
-ms-transform: translateY(-50%);
transform: translateY(-50%);
padding: 0 20px;
z-index: 1
}
.em-hover.pf-hover-1 .subtitle,
.em-hover.pf-hover-1 .title {
position: relative;
text-align: center;
margin: 0;
font-size: 20px;
-ms-transform: translateY(25px);
transform: translateY(25px)
}
.em-hover.pf-hover-1 .title {
opacity: 0;
visibility: hidden;
transition-delay: 50ms;
text-transform: uppercase;
margin-top: -10px
}
.em-hover.pf-hover-1 .subtitle {
transition-delay: .1s;
text-transform: uppercase;
margin-top: 10px;
font-size: 10px
}
.em-hover.pf-hover-1 .subtitle a {
color: #bbb
}
.em-hover.pf-hover-1.touch-hover .img-wrapper,
.em-hover.pf-hover-1.touch-hover>img,
.em-hover.pf-hover-1:focus .img-wrapper,
.em-hover.pf-hover-1:focus>img,
.em-hover.pf-hover-1:hover .img-wrapper,
.em-hover.pf-hover-1:hover>img {
-ms-transform: scale(1.03);
transform: scale(1.03)
}
.em-hover.pf-hover-1.touch-hover .subtitle,
.em-hover.pf-hover-1.touch-hover .title,
.em-hover.pf-hover-1:focus .subtitle,
.em-hover.pf-hover-1:focus .title,
.em-hover.pf-hover-1:hover .subtitle,
.em-hover.pf-hover-1:hover .title {
visibility: visible;
opacity: 1;
-ms-transform: translateY(0);
transform: translateY(0)
}
.em-hover.pf-hover-2 .img-wrapper,
.em-hover.pf-hover-2>img {
-ms-transform-origin: left center;
transform-origin: left center
}
.em-hover.pf-hover-2 .hover-wrapper {
position: absolute;
bottom: 50px;
left: 0;
width: 100%;
padding: 0 40px;
z-index: 20
}
.em-hover.pf-hover-2 .hover-wrapper:before {
content: "";
position: absolute;
top: 50%;
left: 0;
width: 0;
height: 1px;
background-color: #fff;
transition: all .25s cubic-bezier(.39, .58, .57, 1);
-ms-transform: translateY(-50%);
transform: translateY(-50%)
}
.em-hover.pf-hover-2 .subtitle,
.em-hover.pf-hover-2 .title {
position: relative;
margin: 0;
-ms-transform: translateX(0);
transform: translateX(0)
}
.em-hover.pf-hover-2 .title {
font-size: 18px;
opacity: 1;
visibility: visible;
transition-delay: 50ms;
position: relative;
text-transform: uppercase
}
.em-hover.pf-hover-2 .subtitle {
transition-delay: 50ms;
margin-bottom: 2px;
font-size: 12px;
font-family: Inconsolata, monospace;
text-transform: uppercase
}
.em-hover.pf-hover-2.touch-hover .img-wrapper,
.em-hover.pf-hover-2.touch-hover>img,
.em-hover.pf-hover-2:focus .img-wrapper,
.em-hover.pf-hover-2:focus>img,
.em-hover.pf-hover-2:hover .img-wrapper,
.em-hover.pf-hover-2:hover>img {
-ms-transform: scale(1.03);
transform: scale(1.03)
}
.em-hover.pf-hover-2.touch-hover .hover-wrapper:before,
.em-hover.pf-hover-2:focus .hover-wrapper:before,
.em-hover.pf-hover-2:hover .hover-wrapper:before {
width: 40px
}
.em-hover.pf-hover-2.touch-hover .subtitle,
.em-hover.pf-hover-2.touch-hover .title,
.em-hover.pf-hover-2:focus .subtitle,
.em-hover.pf-hover-2:focus .title,
.em-hover.pf-hover-2:hover .subtitle,
.em-hover.pf-hover-2:hover .title {
visibility: visible;
opacity: 1;
-ms-transform: translateX(20px);
transform: translateX(20px)
}
.ol-caption {
background: #fff;
padding: 20px 0
}
.ol-caption .title {
font-size: 16px;
margin-bottom: 8px
}
.ol-caption .subtitle {
font-size: 12px;
font-weight: 700;
text-transform: uppercase;
color: #bbb;
font-family: $font_primary
}
.justified-gallery .entry-visible.em-hover img {
transition: transform .25s cubic-bezier(.39, .58, .57, 1)
}
.em-gallery-kenburn {
position: relative;
height: 100%;
z-index: 1;
overflow: hidden
}
.em-gallery-kenburn.with-dots:after {
content: "";
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
background: url(assets/img/overlay-pattern.png) repeat;
opacity: .5;
z-index: 2
}
.owl-caption,
.owl-slide img {
position: absolute
}
.owl-caption {
top: 0;
left: 0;
bottom: 0;
right: 0;
z-index: 300;
opacity: 0
}
.owl-caption,
.owl-caption a {
color: #fff
}
.owl-caption .title,
.owl-caption i {
font-size: 40px;
text-shadow: 1px 1px 2px #000;
line-height: 30px;
margin-bottom: 0;
color: #fff
}
.owl-caption .title span {
font-size: 16px;
display: block
}
.owl-caption .title span:last-child {
font-size: 40px;
text-transform: uppercase
}
.owl-caption .sub-title {
font-size: 23px;
position: relative;
top: 5px;
font-weight: 400;
text-shadow: 1px 1px 2px #000;
display: block
}
.owl-caption i {
font-size: 38px;
position: relative;
top: -4px;
left: 10px;
transition: all .25s ease
}
.owl-caption a:focus i,
.owl-caption a:hover i {
color: #dc971f
}
.tj-ms-gallery {
overflow: hidden
}
.tj-ms-gallery .ms-thumb-frame {
height: 100%;
overflow: hidden;
box-sizing: border-box;
margin-right: 2px;
opacity: .5
}
.tj-ms-gallery .ms-thumb-frame img {
width: 85px;
margin-top: -13px
}
.tj-ms-gallery .ms-thumb-frame.ms-thumb-frame-selected {
opacity: 1
}
.tj-ms-gallery .ms-thumbs-cont {
height: 100%
}
.tj-ms-gallery .tj-thumb-wrapper {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 60px
}
.tj-ms-gallery .ms-thumb-list {
max-width: 80%;
margin-left: auto;
margin-right: auto;
height: 100%;
overflow: hidden;
width: auto;
position: relative;
border: 2px solid transparent;
background-color: hsla(0, 0%, 100%, .1)
}
.tj-ms-gallery .ms-thumb-list:focus .ms-thumb-frame,
.tj-ms-gallery .ms-thumb-list:hover .ms-thumb-frame {
opacity: .5
}
.tj-ms-gallery .ms-thumb-list:focus .ms-thumb-frame.ms-thumb-frame-selected,
.tj-ms-gallery .ms-thumb-list:hover .ms-thumb-frame.ms-thumb-frame-selected {
opacity: 1
}
.tj-ms-gallery .ms-thumb {
visibility: hidden
}
.tj-ms-gallery .tj-controlls {
position: absolute;
top: 10px;
right: 15px;
display: inline-block;
direction: rtl;
z-index: 5
}
.tj-ms-gallery .tj-controlls>* {
display: inline-block;
vertical-align: middle
}
.tj-ms-gallery .tj-ms-counter {
font-size: 16px;
text-shadow: 1px 1px 2px rgba(0, 0, 0, .5)
}
.tj-ms-gallery .tj-playbtn {
width: 30px;
height: 30px;
line-height: 30px;
text-align: center;
cursor: pointer
}
.tj-ms-gallery .tj-playbtn:after {
content: "\e9e8";
font-family: ol-icon-set;
font-size: 16px
}
.tj-ms-gallery .tj-playbtn.btn-pause:after {
content: "\e9e7"
}
.tj-ms-gallery .ms-timerbar {
bottom: auto;
top: 0;
width: 110%
}
.tj-ms-gallery .ms-timerbar .ms-time-bar {
background-color: #eee
}
.tj-ms-gallery .ms-nav-next,
.tj-ms-gallery .ms-nav-prev {
width: 30px;
height: 30px;
line-height: 30px;
text-align: center;
cursor: pointer;
z-index: 10
}
.tj-ms-gallery .ms-nav-next:after,
.tj-ms-gallery .ms-nav-prev:after {
font-size: 18px;
font-family: ol-icon-set
}
.tj-ms-gallery .ms-nav-next:after,
.tj-ms-gallery .ms-nav-prev:after,
.tj-ms-gallery .tj-ms-counter,
.tj-ms-gallery .tj-playbtn:after {
color: #fff;
text-shadow: 1px 1px 2px rgba(0, 0, 0, .5)
}
.tj-ms-gallery .ms-nav-prev:after {
content: "\e9cc"
}
.tj-ms-gallery .ms-nav-next:after {
content: "\e9cd"
}
.tj-ms-gallery .ms-view {
background-color: #fff
}
.tj-ms-gallery .ms-slide-bgcont {
box-sizing: border-box
}
.tj-ms-gallery.master-slider .ms-thumb {
visibility: visible
}
.tj-ms-gallery[data-fillmode=fit] .ms-nav-next:after,
.tj-ms-gallery[data-fillmode=fit] .ms-nav-prev:after,
.tj-ms-gallery[data-fillmode=fit] .tj-ms-counter,
.tj-ms-gallery[data-fillmode=fit] .tj-playbtn:after {
color: #444;
text-shadow: none!important
}
.em-bg-aware.background--light {
color: #000
}
.em-bg-aware.background--dark {
color: #fff
}
.gallery-carousel .owl-controls {
position: absolute;
bottom: 10px;
right: 10px
}
.owl-theme .owl-controls .owl-buttons div {
background-color: hsla(0, 0%, 100%, .7);
opacity: 1;
color: #474747;
border-radius: 0;
width: 30px;
height: 30px;
font-size: 24px;
line-height: 30px;
text-align: center;
float: left;
box-shadow: 1px 1px 1px rgba(0, 0, 0, .5);
transition: all .3s ease
}
.owl-theme .owl-controls .owl-buttons div:focus,
.owl-theme .owl-controls .owl-buttons div:hover {
background-color: #fff
}
.boxed-post .post-header .owl-theme img {
border-top-left-radius: 5px;
border-top-right-radius: 5px
}
.owl-theme .owl-item img {
width: 100%
}
nav.navigation.pagination {
margin-top: 80px;
border-top: 1px solid #dedede;
padding-top: 30px;
display: block
}
nav.navigation.pagination .nav-links {
text-align: center
}
nav.navigation.pagination a,
nav.navigation.pagination span {
padding: 0 10px;
font-size: 16px
}
nav.navigation.pagination .current:before {
content: "[";
padding-right: 3px
}
nav.navigation.pagination .current:after {
content: "]";
padding-left: 3px
}
nav.navigation.next-prev .next,
nav.navigation.next-prev .prev {
border-bottom: 1px solid #eee;
font-family: Kanit, sans-serif;
font-weight: 700;
text-transform: uppercase;
position: relative;
width: 50%;
transition: all .5s ease
}
nav.navigation.next-prev .next a,
nav.navigation.next-prev .prev a {
padding: 60px 80px;
display: block
}
nav.navigation.next-prev .next:before,
nav.navigation.next-prev .prev:before {
content: "";
position: absolute;
width: 65px;
height: 1px;
top: 50%;
background-color: #eee;
transition: all .5s ease
}
nav.navigation.next-prev .next:focus,
nav.navigation.next-prev .next:hover,
nav.navigation.next-prev .prev:focus,
nav.navigation.next-prev .prev:hover {
border-bottom: 1px solid #333;
background-color: #333
}
nav.navigation.next-prev .next:focus a,
nav.navigation.next-prev .next:hover a,
nav.navigation.next-prev .prev:focus a,
nav.navigation.next-prev .prev:hover a {
color: #fff
}
nav.navigation.next-prev .next:focus:before,
nav.navigation.next-prev .next:hover:before,
nav.navigation.next-prev .prev:focus:before,
nav.navigation.next-prev .prev:hover:before {
background-color: #888
}
nav.navigation.next-prev .prev {
float: left
}
nav.navigation.next-prev .prev:before {
left: 0
}
nav.navigation.next-prev .next {
text-align: right;
float: right
}
nav.navigation.next-prev .next:before {
right: 0
}
nav.navigation.next-prev.no-sibling .next,
nav.navigation.next-prev.no-sibling .prev {
width: 100%
}
nav.navigation.next-prev:after {
content: "";
display: table;
clear: both
}
.em-single-post nav.navigation,
.single-eramfolio nav.navigation {
border-top: 1px solid #eee;
border-bottom: 1px solid #eee;
margin-bottom: 0
}
.em-single-post nav.navigation .next,
.em-single-post nav.navigation .prev,
.single-eramfolio nav.navigation .next,
.single-eramfolio nav.navigation .prev {
border-bottom: none!important
}
.em-single-post nav.navigation .next>*,
.em-single-post nav.navigation .prev>*,
.single-eramfolio nav.navigation .next>*,
.single-eramfolio nav.navigation .prev>* {
position: relative;
z-index: 5
}
.em-single-post nav.navigation .next a,
.em-single-post nav.navigation .prev a,
.single-eramfolio nav.navigation .next a,
.single-eramfolio nav.navigation .prev a {
color: #444;
background-color: hsla(0, 0%, 100%, .6);
transition: all .25s;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis
}
.em-single-post nav.navigation .next a>span,
.em-single-post nav.navigation .prev a>span,
.single-eramfolio nav.navigation .next a>span,
.single-eramfolio nav.navigation .prev a>span {
display: block;
font-size: 10px;
color: #777
}
.em-single-post nav.navigation .next:after,
.em-single-post nav.navigation .prev:after,
.single-eramfolio nav.navigation .next:after,
.single-eramfolio nav.navigation .prev:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: hsla(0, 0%, 100%, .6);
z-index: 1
}
.em-single-post nav.navigation .next:before,
.em-single-post nav.navigation .prev:before,
.single-eramfolio nav.navigation .next:before,
.single-eramfolio nav.navigation .prev:before {
background-color: #000;
transition: all .25s;
z-index: 10
}
.em-single-post nav.navigation .next:focus a,
.em-single-post nav.navigation .next:hover a,
.em-single-post nav.navigation .prev:focus a,
.em-single-post nav.navigation .prev:hover a,
.single-eramfolio nav.navigation .next:focus a,
.single-eramfolio nav.navigation .next:hover a,
.single-eramfolio nav.navigation .prev:focus a,
.single-eramfolio nav.navigation .prev:hover a {
background-color: hsla(0, 0%, 100%, .3);
color: #555;
text-decoration: none
}
.em-single-post nav.navigation .next.has-bg,
.em-single-post nav.navigation .prev.has-bg,
.single-eramfolio nav.navigation .next.has-bg,
.single-eramfolio nav.navigation .prev.has-bg {
background-size: cover;
background-repeat: no-repeat;
background-position: 50%
}
#classic-menu {
padding: 0;
margin: 0;
list-style: none
}
#classic-menu li {
position: relative
}
#classic-menu li a {
text-decoration: none;
display: block;
padding: 11px 18px;
text-transform: uppercase;
color: #b1b1b1;
font-size: 12px
}
#classic-menu li a>i {
margin-right: 7px;
display: inline-block;
font-size: 11px
}
#classic-menu li a:focus,
#classic-menu li a:hover {
color: #f5f5f5;
background-color: hsla(0, 0%, 100%, .05)
}
#classic-menu li:focus>ul.sub-menu,
#classic-menu li:hover>ul.sub-menu {
visibility: visible;
opacity: 1
}
#classic-menu li.menu-item-has-children>a {
position: relative;
padding-right: 13px
}
#classic-menu li.menu-item-has-children>a:after {
content: "\e9cb";
font-family: ol-icon-set!important;
speak: none;
font-weight: 400;
font-variant: normal;
text-transform: none;
line-height: inherit;
font-size: 8px;
position: absolute;
right: 11px;
top: 50%;
-ms-transform: translateY(-50%);
transform: translateY(-50%)
}
#classic-menu>li {
display: inline-block;
position: relative;
margin-left: 15px
}
#classic-menu>li>a {
display: block;
font-size: 14px;
text-transform: capitalize;
letter-spacing: 0;
padding: 0;
color: #2b2b2b
}
#classic-menu>li>a:focus,
#classic-menu>li>a:hover {
background-color: transparent;
color: #111
}
#classic-menu>li>ul.sub-menu {
top: 100%;
left: 0;
margin-top: -1px
}
#classic-menu>li.menu-item-has-children>a:after {
content: "\e9ca";
right: 0;
margin-top: 1px;
line-height: normal
}
#classic-menu>li>ul.sub-menu>li ul.sub-menu {
border-left: 1px solid #2d2d2d
}
#classic-menu>li.to-left li ul.sub-menu {
right: 100%;
left: auto
}
#classic-menu>li.reverse>ul.sub-menu,
#classic-menu>li:last-child>ul.sub-menu {
right: 0;
left: auto
}
#classic-menu>li.reverse li ul.sub-menu,
#classic-menu>li:last-child li ul.sub-menu {
right: 100%;
left: auto
}
#classic-menu ul.sub-menu {
padding: 0;
list-style: none;
opacity: 0;
visibility: hidden;
position: absolute;
text-align: left;
transition: all .25s ease;
background-color: #1e1e1e;
width: 210px;
top: 0;
left: 100%;
line-height: 1.5;
z-index: 100
}
#classic-menu li.mega-menu {
position: static
}
#classic-menu li.mega-menu .megamenu-wrapper {
width: 100%;
padding: 35px 0 25px
}
#classic-menu li.mega-menu .megamenu-wrapper ul.nav-ul {
padding: 0;
list-style: none
}
#classic-menu li.mega-menu .megamenu-wrapper ul.nav-ul a {
padding: 7px 15px
}
#classic-menu li.mega-menu .megamenu-wrapper .nav-title {
color: #b1b1b1;
font-size: 16px;
padding-left: 15px
}
#classic-menu li.mega-menu .megamenu-wrapper:after {
content: "";
clear: both;
display: table
}
#header:not(.is-sticky):not(.mobile-menu) .nav-row #classic-menu>li:first-child>a {
padding-left: 0
}
#header:not(.is-sticky):not(.mobile-menu) .nav-row #classic-menu>li:last-child>ul.sub-menu {
right: auto;
left: 0
}
#header:not(.is-sticky):not(.mobile-menu) .nav-row #classic-menu>li:last-child li ul.sub-menu {
right: 100%;
left: auto
}
#classic-menu .current-menu-ancestor>a,
#classic-menu .current-menu-item>a,
#classic-menu .current-menu-parent>a {
color: #000
}
#classic-menu .sub-menu .current-menu-item>a,
#classic-menu .sub-menu .current-menu-parent>a {
color: #f5f5f5;
background-color: hsla(0, 0%, 100%, .05)
}
#classic-menu li.highlight>a {
position: relative;
background-color: hsla(0, 0%, 100%, .05);
overflow: hidden
}
#classic-menu li.highlight>a:after {
content: "";
position: absolute;
top: -11px;
left: -10px;
width: 20px;
height: 20px;
background-color: rgba(255, 255, 93, .5);
-ms-transform: rotate(45deg);
transform: rotate(45deg)
}
.hamburger-wrapper {
font-family: Kanit, sans-serif;
padding-left: 30px
}
.hamburger-wrapper a {
color: inherit;
display: block;
text-decoration: none
}
.hamburger-wrapper a:focus,
.hamburger-wrapper a:hover {
color: inherit;
outline: none
}
.hamburger-wrapper .ham-label,
.hamburger-wrapper .hamburger {
display: inline-block;
vertical-align: middle;
font-size: 0
}
.hamburger-wrapper .hamburger {
-ms-transform: rotate(90deg);
transform: rotate(90deg);
padding: 0
}
.hamburger-wrapper .ham-label {
text-transform: uppercase;
line-height: 50px;
font-size: 14px;
margin-left: 5px;
transition: all 1s cubic-bezier(.15, .7, .26, .95);
transition-delay: .2s
}
.slide-menu-wrapper {
padding-left: 50px;
padding-right: 20px;
overflow: hidden
}
.slide-menu-wrapper .menu-clone {
padding: 0;
display: none
}
.slide-menu-wrapper li {
list-style: none;
opacity: 0;
display: block;
visibility: hidden
}
.slide-menu-wrapper #slide-menu {
list-style: none;
padding-left: 0;
margin-bottom: 0;
position: relative
}
.slide-menu-wrapper ul.has-open-submenu li a {
opacity: .2
}
.slide-menu-wrapper ul.has-open-submenu li.active a,
.slide-menu-wrapper ul.has-open-submenu li.active li a {
opacity: 1
}
.slide-menu-wrapper a {
display: block;
color: #888;
text-decoration: none;
line-height: 1.1;
font-size: 16px;
text-transform: uppercase;
letter-spacing: 1px;
font-family: Kanit, sans-serif;
font-weight: 400
}
.slide-menu-wrapper a span {
position: relative;
display: inline-block
}
.slide-menu-wrapper a span:before {
content: "";
position: absolute;
top: 50%;
left: -20px;
height: 1px;
background-color: #afafaf;
z-index: -1;
opacity: 1;
transition: all .25s ease-out;
width: 0;
-ms-transform: translateX(-30px);
transform: translateX(-30px)
}
.slide-menu-wrapper a:focus,
.slide-menu-wrapper a:hover {
transition: all .25s cubic-bezier(.15, .7, .26, .95);
outline: none;
color: #444
}
.slide-menu-wrapper a:focus span:before,
.slide-menu-wrapper a:hover span:before {
background-color: #afafaf;
width: 30px
}
.slide-menu-wrapper li.active>a,
.slide-menu-wrapper li.current-menu-ancestor>a,
.slide-menu-wrapper li.current-menu-item>a,
.slide-menu-wrapper li.current-menu-parent>a {
color: #444
}
.slide-menu-wrapper li.active>a span:before,
.slide-menu-wrapper li.current-menu-ancestor>a span:before,
.slide-menu-wrapper li.current-menu-item>a span:before,
.slide-menu-wrapper li.current-menu-parent>a span:before {
width: 30px
}
.slide-menu-wrapper li.menu-item-has-children>a {
position: relative
}
.slide-menu-wrapper li.menu-item-has-children>a span {
padding-right: 20px;
position: relative
}
.slide-menu-wrapper li.menu-item-has-children>a span:after {
display: inline-block;
content: "\e9cd";
font-family: ol-icon-set;
font-size: 12px;
position: absolute;
top: 50%;
margin-top: -5px;
right: 2px
}
.slide-menu-wrapper li.menu-item-has-children.active>a span:after {
content: "\e92c";
font-size: 10px
}
.slide-menu-wrapper .sub-menu {
display: none;
padding: 0;
margin: 25px 0 30px 15px
}
.slide-menu-wrapper .sub-menu li {
opacity: 0;
margin-bottom: 15px
}
.slide-menu-wrapper .sub-menu li a {
text-transform: capitalize;
line-height: 1;
font-size: 13px;
margin-bottom: 8px
}
.slide-menu-wrapper .sub-menu li a span:before {
display: none
}
.slide-menu-wrapper .sub-menu li.menu-item-has-children>a span:after {
font-size: 12px
}
.slide-menu-wrapper .sub-menu li.menu-item-has-children.active>a span:after {
font-size: 10px;
margin-top: -3px
}
.slide-menu-wrapper ul.menu>li {
margin-bottom: 30px
}
.slide-menu-wrapper ul.menu>li>.sub-menu {
margin-left: 0
}
.slide-menu-wrapper .spacer-menu {
visibility: hidden!important
}
.parallax-layer {
position: relative;
overflow: hidden;
z-index: 1
}
.parallax-layer .ol-inner-wrapper {
position: relative;
height: 100%;
z-index: 10
}
.parallax-layer .parallax-bg-elem {
z-index: -2
}
.parallax-bg-elem {
position: absolute!important;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-size: cover;
background-repeat: no-repeat;
background-position: 50%
}
.parallax-mode-header-content {
overflow: visible!important
}
.parallax-layer:before,
.parallax-layer>* {
transform: translateZ(.1px)
}
.owl-videobg {
position: relative;
display: block;
z-index: 1;
height: 100%
}
.owl-video-wrapper {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 0;
overflow: hidden
}
.videobg-fallback {
cursor: default
}
.eram_video img {
width: 100%;
height: auto
}
.eram_video a {
position: relative;
display: block
}
.eram_video .video-icon {
position: absolute;
top: 50%;
left: 50%;
transform: translate3d(-50%, -50%, 0);
width: 60px;
height: 60px;
border-radius: 50%;
border: 7px solid #fff;
line-height: 50px;
z-index: 10;
text-align: center;
font-size: 20px;
color: #fff;
padding-left: 4px;
text-shadow: 1px 1px 1px rgba(0, 0, 0, .3);
box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, .3);
transition: all .2s ease
}
.eram_video:hover .video-icon {
text-shadow: 1px 1px 10px rgba(0, 0, 0, .3);
box-shadow: 1px 1px 10px 0 rgba(0, 0, 0, .3)
}
.ol-rail-carousel {
background-color: #bbb;
position: relative;
height: 100%
}
.ol-rail-carousel .rail-wrapper,
.ol-rail-carousel .swiper-container {
height: 100%
}
.ol-rail-carousel .swiper-wrapper {
transition-timing-function: cubic-bezier(.99, .32, .28, .9)
}
.ol-rail-carousel .ol-slide {
z-index: 10
}
.ol-rail-carousel .ol-slide .slide-details {
position: absolute;
top: 50%;
left: 15%;
z-index: 100;
color: #fff;
width: 400px;
overflow: hidden
}
.ol-rail-carousel .ol-slide .slide-details .title {
width: 400px;
font-size: 45px;
color: #fff;
margin: 0;
text-shadow: 0 2px 7px rgba(76, 76, 76, .43);
-webkit-font-smoothing: antialiased
}
.ol-rail-carousel .ol-slide .shadow {
position: absolute;
top: 50%;
left: 23%;
width: 56%;
height: 56%;
z-index: 0;
box-shadow: 0 0 20px 15px rgba(0, 0, 0, .2);
background-color: rgba(0, 0, 0, .2)
}
.ol-rail-carousel .ol-slide .slide-container {
position: relative;
margin-left: 20%;
height: 100%;
width: 56%;
margin-left: 23%
}
.ol-rail-carousel .ol-slide .slide-container>a {
text-decoration: none
}
.ol-rail-carousel .ol-slide .slide-container .slide-media {
position: absolute;
top: 50%;
left: 0;
width: 100%;
transform: translate3d(0, -50%, 0);
height: 56%;
overflow: hidden
}
.ol-rail-carousel .ol-slide .slide-container .slide-media img {
width: 100%;
max-width: none
}
.ol-rail-carousel .ol-slide .slide-container .slide-media .shine {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: linear-gradient(-45deg, hsla(0, 0%, 100%, .1), hsla(0, 0%, 100%, 0) 80%);
z-index: 100
}
.ol-rail-carousel .ol-slide .slide-container .description,
.ol-rail-carousel .ol-slide .slide-container .link {
position: absolute;
top: 78%;
font-size: 14px
}
.ol-rail-carousel .ol-slide .slide-container .description {
left: 0;
max-width: 70%;
color: #444;
-ms-transform: translateY(30px);
transform: translateY(30px)
}
.ol-rail-carousel .ol-slide .slide-container .link {
text-decoration: none;
right: 0;
text-transform: uppercase;
font-size: 12px;
color: #444;
text-align: center;
transform: translate3d(-20px, -20px, 0);
cursor: pointer
}
.ol-rail-carousel .ol-slide .slide-container .link:before {
content: "";
height: 40px;
width: 1px;
background-color: #444;
display: block;
margin: 0 auto;
margin-bottom: 10px;
transition: all .3s ease
}
.ol-rail-carousel .ol-slide .slide-container .link:focus:before,
.ol-rail-carousel .ol-slide .slide-container .link:hover:before {
height: 30px
}
.ol-rail-carousel .nav-rail {
position: absolute;
top: 50%;
right: 10%;
height: 70%;
-ms-transform: translateY(-50%);
transform: translateY(-50%);
padding: 0;
box-sizing: content-box;
z-index: 100
}
.ol-rail-carousel .nav-rail .rail-line {
position: absolute;
top: 20px;
bottom: 20px;
left: 50%;
width: 0;
border-right: 1px dotted rgba(0, 0, 0, .3)
}
.ol-rail-carousel .nav-rail .rail-line:after,
.ol-rail-carousel .nav-rail .rail-line:before {
content: "";
position: absolute;
left: 50%;
width: 2px;
height: 2px;
background-color: #444;
transition: all .3s ease;
visibility: hidden;
opacity: 0
}
.ol-rail-carousel .nav-rail .rail-line:before {
top: -14px
}
.ol-rail-carousel .nav-rail .rail-line:after {
bottom: -14px
}
.ol-rail-carousel .nav-rail .counter-wrapper {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
height: 100px;
overflow: hidden;
position: relative;
z-index: 10;
transition: transform .25 ease;
background-color: #bbb
}
.ol-rail-carousel .nav-rail .counter-wrapper:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: hsla(0, 0%, 100%, .7)
}
.ol-rail-carousel .nav-rail .counter {
width: 36px;
position: relative;
cursor: -webkit-grab;
cursor: grab;
top: 50%;
-ms-transform: translateY(-50%);
transform: translateY(-50%)
}
.ol-rail-carousel .nav-rail .counter span {
color: #444;
font-size: 16px;
display: block;
position: absolute;
line-height: 14px;
transition: all .3s ease
}
.ol-rail-carousel .nav-rail .counter span.total {
bottom: 1px;
left: 25px
}
.ol-rail-carousel .nav-rail .counter span.current {
top: 1px;
right: 25px
}
.ol-rail-carousel .nav-rail .counter span.separator {
position: relative;
height: 24px;
width: 1px;
background-color: #444;
-ms-transform: rotate(25deg);
transform: rotate(25deg);
margin: 0 auto
}
.ol-rail-carousel .nav-rail .counter:after,
.ol-rail-carousel .nav-rail .counter:before {
position: absolute;
left: 0;
width: 100%;
text-align: center;
font-family: ol-icon-set;
font-size: 8px;
color: #444;
padding-left: 1px;
opacity: 0;
visibility: hidden;
transition: all .3s ease
}
.ol-rail-carousel .nav-rail .counter:before {
content: "\e9d1";
top: -20px
}
.ol-rail-carousel .nav-rail .counter:after {
content: "\e9ca";
bottom: -20px
}
.ol-rail-carousel .nav-rail:after,
.ol-rail-carousel .nav-rail:before {
position: absolute;
left: 0;
width: 100%;
text-align: center;
font-family: ol-icon-set;
font-size: 10px;
color: #444;
padding-left: 1px;
transition: all .3s ease
}
.ol-rail-carousel .nav-rail:before {
content: "\e9d1";
top: 0
}
.ol-rail-carousel .nav-rail:after {
content: "\e9ca";
bottom: 0
}
.ol-rail-carousel .nav-rail.grab .rail-line:after,
.ol-rail-carousel .nav-rail.grab .rail-line:before,
.ol-rail-carousel .nav-rail:hover .rail-line:after,
.ol-rail-carousel .nav-rail:hover .rail-line:before {
visibility: visible;
opacity: 1
}
.ol-rail-carousel .nav-rail.grab .counter span.separator,
.ol-rail-carousel .nav-rail:hover .counter span.separator {
height: 38px;
-ms-transform: rotate(15deg);
transform: rotate(15deg)
}
.ol-rail-carousel .nav-rail.grab .counter span.total,
.ol-rail-carousel .nav-rail:hover .counter span.total {
bottom: 0;
left: 22px
}
.ol-rail-carousel .nav-rail.grab .counter span.current,
.ol-rail-carousel .nav-rail:hover .counter span.current {
top: 0;
right: 22px
}
.ol-rail-carousel .nav-rail.grab .counter:after,
.ol-rail-carousel .nav-rail.grab .counter:before,
.ol-rail-carousel .nav-rail:hover .counter:after,
.ol-rail-carousel .nav-rail:hover .counter:before {
visibility: visible;
opacity: 1
}
.ol-rail-carousel .nav-rail.grab .counter:before,
.ol-rail-carousel .nav-rail:hover .counter:before {
top: -20px
}
.ol-rail-carousel .nav-rail.grab .counter:after,
.ol-rail-carousel .nav-rail:hover .counter:after {
bottom: -20px
}
.ol-rail-carousel .nav-rail.grab:after,
.ol-rail-carousel .nav-rail.grab:before,
.ol-rail-carousel .nav-rail:hover:after,
.ol-rail-carousel .nav-rail:hover:before {
visibility: hidden;
opacity: 0
}
.ol-rail-carousel .nav-rail.grab .counter:after,
.ol-rail-carousel .nav-rail.grab .counter:before,
.ol-rail-carousel .nav-rail.grab .counter span {
color: #afafaf
}
.ol-rail-carousel .nav-rail.grab .counter .separator {
background-color: #afafaf
}
.ol-rail-carousel .swiper-container[class*=ov-]:before {
z-index: 1
}
.ol-rail-carousel .swiper-container[class*=ov-grad] .nav-rail .counter-wrapper,
.ol-rail-carousel .swiper-container[class*=ov-grad] .nav-rail .counter-wrapper:before {
background-color: transparent!important
}
.ol-rail-carousel .dynamic-bg-image {
overflow: hidden
}
.ol-rail-carousel .dynamic-bg-image,
.ol-rail-carousel .dynamic-bg-image .in,
.ol-rail-carousel .dynamic-bg-image .out,
.ol-rail-carousel .dynamic-bg-image:after {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.ol-rail-carousel .dynamic-bg-image .in,
.ol-rail-carousel .dynamic-bg-image .out {
background-size: cover;
background-repeat: no-repeat;
background-position: 50%;
transition: opacity 2s ease
}
.ol-rail-carousel .dynamic-bg-image .out {
opacity: 0
}
.ol-rail-carousel .dynamic-bg-image .in {
opacity: 1
}
.ol-rail-carousel .dynamic-bg-image:after {
content: "";
background-color: hsla(0, 0%, 100%, .5)
}
.ol-rail-carousel .em-loader {
background-color: #fff
}
.ol-rail-carousel .em-loader .spinner .double-bounce1,
.ol-rail-carousel .em-loader .spinner .double-bounce2 {
background-color: rgba(0, 0, 0, .6)
}
.ol-rail-carousel:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: hsla(0, 0%, 100%, .7)
}
.ol-rail-carousel.with-dynamic-bg.dark-theme .nav-rail .counter-wrapper,
.ol-rail-carousel.with-dynamic-bg.dark-theme .nav-rail .counter-wrapper:before,
.ol-rail-carousel.with-dynamic-bg.light-theme .nav-rail .counter-wrapper,
.ol-rail-carousel.with-dynamic-bg.light-theme .nav-rail .counter-wrapper:before {
background-color: transparent!important
}
body.rail-grab {
cursor: -webkit-grabbing;
cursor: grabbing;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
body.rail-grab .ol-rail-carousel .ol-slide .slide-container .description,
body.rail-grab .ol-rail-carousel .ol-slide .slide-container .link {
visibility: hidden;
opacity: 0;
transition: all .2s ease
}
body.rail-grab .ol-rail-carousel .ol-slide .slide-container .description {
-ms-transform: translateY(15px);
transform: translateY(15px)
}
body.rail-grab .ol-rail-carousel .ol-slide .slide-container .link:before {
height: 20px
}
.ol-rail-carousel.dark-theme,
.ol-rail-carousel.dark-theme .nav-rail .counter-wrapper {
background-color: #6e6e6e
}
.ol-rail-carousel.dark-theme .nav-rail .counter-wrapper:before {
background-color: rgba(0, 0, 0, .6)
}
.ol-rail-carousel.dark-theme .nav-rail .counter span {
color: #fff
}
.ol-rail-carousel.dark-theme .nav-rail .counter span.separator {
background-color: #fff
}
.ol-rail-carousel.dark-theme .nav-rail .counter:after,
.ol-rail-carousel.dark-theme .nav-rail .counter:before {
color: #fff
}
.ol-rail-carousel.dark-theme .nav-rail .rail-line {
border-right-color: hsla(0, 0%, 100%, .3)
}
.ol-rail-carousel.dark-theme .nav-rail .rail-line:after,
.ol-rail-carousel.dark-theme .nav-rail .rail-line:before {
background-color: #fff
}
.ol-rail-carousel.dark-theme .nav-rail:after,
.ol-rail-carousel.dark-theme .nav-rail:before {
color: #fff
}
.ol-rail-carousel.dark-theme .nav-rail.grab .counter:after,
.ol-rail-carousel.dark-theme .nav-rail.grab .counter:before,
.ol-rail-carousel.dark-theme .nav-rail.grab .counter span {
color: #777
}
.ol-rail-carousel.dark-theme .nav-rail.grab .counter .separator {
background-color: #777
}
.ol-rail-carousel.dark-theme .ol-slide .slide-details .title {
color: #f5f5f5;
text-shadow: 0 2px 7px rgba(0, 0, 0, .3)
}
.ol-rail-carousel.dark-theme .ol-slide .slide-container .slide-media {
box-shadow: 0 10px 30px 0 rgba(0, 0, 0, .28)
}
.ol-rail-carousel.dark-theme .ol-slide .slide-container .description {
color: #aaa
}
.ol-rail-carousel.dark-theme .ol-slide .slide-container .link,
.ol-rail-carousel.dark-theme .ol-slide .slide-container .link:before {
color: #aaa
}
.ol-rail-carousel.dark-theme .dynamic-bg-image:after {
content: "";
background-color: rgba(0, 0, 0, .5)
}
.ol-rail-carousel.dark-theme .em-loader {
background-color: #222
}
.ol-rail-carousel.dark-theme .em-loader .spinner .double-bounce1,
.ol-rail-carousel.dark-theme .em-loader .spinner .double-bounce2 {
background-color: hsla(0, 0%, 100%, .4)
}
.ol-rail-carousel.dark-theme:before {
background-color: rgba(0, 0, 0, .6)
}
.swiper-slide.ol-slide {
transform: translateZ(0);
-moz-transform: perspective(1000px);
transform-style: preserve-3d;
perspective: 1000px
}
.swiper-slide.ol-slide .slide-container {
transform: translateZ(5px)!important
}
.swiper-slide.ol-slide .slide-details {
transform: translateZ(50px)!important
}
.swiper-slide.ol-slide .shadow {
transform: translate3d(0, -50%, -75px)!important
}
@media (min-width:1900px) {
.ol-rail-carousel .ol-slide .slide-details .title {
font-size: 55px;
line-height: 65px
}
}
.ol-double-carousel {
position: relative;
width: 100%;
height: 100%;
overflow: hidden
}
.ol-double-carousel .right-side {
position: absolute;
top: 0;
left: 50%;
width: 50%;
height: 100%;
margin-left: -1px
}
.ol-double-carousel .right-side-wrapper {
height: 100%;
position: relative
}
.ol-double-carousel .left-side,
.ol-double-carousel .right-side-wrapper .item img {
height: 100%;
position: absolute;
top: 0;
left: 0
}
.ol-double-carousel .left-side {
width: 50%;
overflow: hidden
}
.ol-double-carousel .left-side .left-side-wrapper {
height: 100%;
position: relative;
z-index: 1
}
.ol-double-carousel .item {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
overflow: hidden;
background-color: #232323
}
.ol-double-carousel .item img {
max-width: none
}
.ol-double-carousel .vcarousel-next,
.ol-double-carousel .vcarousel-prev {
position: absolute;
left: 0;
width: 100%;
text-align: center;
z-index: 3;
height: 30px;
line-height: 30px;
overflow: visible
}
.ol-double-carousel .vcarousel-next a,
.ol-double-carousel .vcarousel-prev a {
color: #dc971f;
font-size: 70px
}
.ol-double-carousel .vcarousel-next i,
.ol-double-carousel .vcarousel-prev i {
height: 30px;
line-height: 30px
}
.ol-double-carousel .vcarousel-next {
bottom: 5%
}
.ol-double-carousel .vcarousel-prev {
top: 5%
}
.ol-double-carousel .vcarousel-counter {
position: absolute;
bottom: 5%;
z-index: 3;
left: 50%;
width: 64px;
text-align: center;
margin-bottom: 25px;
margin-left: -17px;
font-size: 30px;
color: #dc971f
}
.ol-double-carousel .vcarousel-counter .counter-divider,
.ol-double-carousel .vcarousel-counter .counter-total {
position: relative;
top: -8px;
font-size: 15px
}
.ol-double-carousel .vcarousel-counter .counter-divider {
display: inline-block;
-ms-transform: rotate(20deg);
transform: rotate(20deg)
}
.ol-double-carousel .vc-bullets {
list-style: none;
margin: 0;
padding: 0;
position: fixed;
right: 11px;
top: 50%;
z-index: 1005;
width: 30px
}
.ol-double-carousel .vc-bullets li {
width: 20px;
height: 0;
padding: 6px 0;
cursor: pointer;
transition: all .15s ease-out;
position: relative;
float: right
}
.ol-double-carousel .vc-bullets li:after {
content: "";
position: absolute;
top: 50%;
right: 0;
height: 1px;
width: 100%;
-ms-transform: translateY(-50%);
transform: translateY(-50%);
background-color: #888;
transition: all .15s ease-out
}
.ol-double-carousel .vc-bullets li.active,
.ol-double-carousel .vc-bullets li:focus,
.ol-double-carousel .vc-bullets li:hover {
width: 30px
}
.ol-double-carousel.em-gallery {
overflow: hidden
}
.ol-double-carousel.em-gallery .left-side {
background-color: transparent
}
.ol-double-carousel.em-gallery,
.ol-double-carousel.em-gallery .left-side-wrapper,
.ol-double-carousel.em-gallery .right-side-wrapper {
height: 100%
}
.ol-double-carousel.em-gallery img {
transition: none
}
.ol-double-carousel.em-gallery .gallery-item {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
overflow: hidden
}
.ol-double-carousel.em-gallery .gallery-item .img-wrapper {
position: relative;
height: 100%
}
.ol-double-carousel.em-gallery .gallery-item img {
height: 100%;
position: absolute;
top: 0;
left: 0
}
.ol-double-carousel.em-gallery .caption {
text-align: right;
color: #fff;
position: absolute;
bottom: 80px;
right: 40px;
z-index: 100;
max-width: 50%;
text-shadow: 0 1px 1px rgba(0, 0, 0, .2)
}
.ol-double-carousel.em-gallery .caption .splited-text h3 {
color: #fff;
text-transform: uppercase
}
.ol-double-carousel.em-gallery .right-side .caption {
right: auto;
left: 40px;
text-align: left
}
.ol-double-carousel-wrapper {
position: relative;
height: 100%
}
.ol-double-carousel.type-project-carousel {
position: relative
}
.ol-double-carousel.type-project-carousel .left-side,
.ol-double-carousel.type-project-carousel .right-side {
width: 50%
}
.ol-double-carousel.type-project-carousel .right-side {
z-index: 10
}
.ol-double-carousel.type-project-carousel .right-side-wrapper {
background-color: #e9e9e9
}
.ol-double-carousel.type-project-carousel .right-side-wrapper .item {
background-color: #e9e9e9;
overflow: visible
}
.ol-double-carousel.type-project-carousel .right-side-wrapper .item .title {
position: relative;
padding: 100px 20px 90px;
overflow: hidden;
font-size: 26px;
text-transform: uppercase;
letter-spacing: 1px;
margin-bottom: 0;
left: 0
}
.ol-double-carousel.type-project-carousel .right-side-wrapper .item .title span {
position: relative;
display: inline-block;
z-index: 10;
transform: translate3d(0, -20px, 0);
opacity: 0;
transition: all .6s ease;
transition-delay: 0s
}
.ol-double-carousel.type-project-carousel .right-side-wrapper .item .info {
max-width: 80%;
margin-left: auto;
margin-right: auto;
margin-bottom: 50px;
opacity: 0;
transition: all .6s ease;
transform: translate3d(0, -20px, 0);
transition-delay: 0s;
position: relative
}
.ol-double-carousel.type-project-carousel .right-side-wrapper .item .info:after {
content: "";
position: absolute;
left: 50%;
top: -40px;
width: 1px;
height: 0;
background-color: #aaa;
transition: inherit;
transition-delay: inherit
}
.ol-double-carousel.type-project-carousel .right-side-wrapper .item .btn {
opacity: 0;
transition: all .6s ease;
transform: translate3d(0, -10px, 0);
transition-delay: 0s
}
.ol-double-carousel.type-project-carousel .right-side-wrapper .item .item-number {
position: absolute;
top: 0;
left: 0;
width: 100%;
text-align: center;
font-family: Kanit, sans-serif;
font-size: 180px;
color: #e9e9e9;
font-weight: 700;
z-index: 1;
display: inline-block;
opacity: 0;
transform: translate3d(0, -40px, 0);
transition: all .6s ease;
transition-delay: 0s
}
.ol-double-carousel.type-project-carousel .right-side-wrapper .item.active .title .item-number,
.ol-double-carousel.type-project-carousel .right-side-wrapper .item.active .title span {
transform: translateZ(0);
opacity: 1;
transition-delay: .6s
}
.ol-double-carousel.type-project-carousel .right-side-wrapper .item.active .btn,
.ol-double-carousel.type-project-carousel .right-side-wrapper .item.active .info {
opacity: 1;
transform: translateZ(0);
transition-delay: .7s
}
.ol-double-carousel.type-project-carousel .right-side-wrapper .item.active .btn {
transition-delay: .8s
}
.ol-double-carousel.type-project-carousel .right-side-wrapper .item.active .info:after {
height: 25px;
transition-delay: .7s
}
.ol-double-carousel.type-project-carousel .right-side-wrapper .item-wrapper {
position: absolute;
background-color: #fff;
top: 50px;
bottom: 50px;
left: -50px;
right: 50px;
text-align: center;
padding: 60px;
background-size: cover;
background-repeat: no-repeat;
background-position: 50%;
overflow: hidden
}
.ol-double-carousel.type-project-carousel .right-side-wrapper .item-wrapper .item-border {
position: absolute;
top: 40px;
bottom: 40px;
left: 40px;
right: 40px;
border: 1px solid #ddd
}
.ol-double-carousel.type-project-carousel.no-number .item-number {
display: none
}
.ol-double-carousel.em-gallery .vcarousel-next,
.ol-double-carousel.em-gallery .vcarousel-prev,
.ol-double-carousel.type-project-carousel .vcarousel-next,
.ol-double-carousel.type-project-carousel .vcarousel-prev {
position: absolute;
bottom: 70px;
top: auto;
left: 50%;
width: 40px;
height: 40px;
line-height: 40px;
border-radius: 50%;
background-color: #e9e9e9;
box-shadow: 0 0 2px rgba(0, 0, 0, .3);
z-index: 20;
overflow: visible;
text-align: center;
font-size: 14px;
color: #444;
-ms-transform: translateX(-70px);
transform: translateX(-70px);
transition: all .3s ease
}
.ol-double-carousel.em-gallery .vcarousel-next a,
.ol-double-carousel.em-gallery .vcarousel-prev a,
.ol-double-carousel.type-project-carousel .vcarousel-next a,
.ol-double-carousel.type-project-carousel .vcarousel-prev a {
text-decoration: none;
color: #444;
font-size: 16px;
padding: 14px;
transition: inherit
}
.ol-double-carousel.em-gallery .vcarousel-next.touch-hover,
.ol-double-carousel.em-gallery .vcarousel-next:focus,
.ol-double-carousel.em-gallery .vcarousel-next:hover,
.ol-double-carousel.em-gallery .vcarousel-prev.touch-hover,
.ol-double-carousel.em-gallery .vcarousel-prev:focus,
.ol-double-carousel.em-gallery .vcarousel-prev:hover,
.ol-double-carousel.type-project-carousel .vcarousel-next.touch-hover,
.ol-double-carousel.type-project-carousel .vcarousel-next:focus,
.ol-double-carousel.type-project-carousel .vcarousel-next:hover,
.ol-double-carousel.type-project-carousel .vcarousel-prev.touch-hover,
.ol-double-carousel.type-project-carousel .vcarousel-prev:focus,
.ol-double-carousel.type-project-carousel .vcarousel-prev:hover {
background-color: #444
}
.ol-double-carousel.em-gallery .vcarousel-next.touch-hover a,
.ol-double-carousel.em-gallery .vcarousel-next:focus a,
.ol-double-carousel.em-gallery .vcarousel-next:hover a,
.ol-double-carousel.em-gallery .vcarousel-prev.touch-hover a,
.ol-double-carousel.em-gallery .vcarousel-prev:focus a,
.ol-double-carousel.em-gallery .vcarousel-prev:hover a,
.ol-double-carousel.type-project-carousel .vcarousel-next.touch-hover a,
.ol-double-carousel.type-project-carousel .vcarousel-next:focus a,
.ol-double-carousel.type-project-carousel .vcarousel-next:hover a,
.ol-double-carousel.type-project-carousel .vcarousel-prev.touch-hover a,
.ol-double-carousel.type-project-carousel .vcarousel-prev:focus a,
.ol-double-carousel.type-project-carousel .vcarousel-prev:hover a {
color: #fff
}
.ol-double-carousel.em-gallery .vcarousel-prev,
.ol-double-carousel.type-project-carousel .vcarousel-prev {
bottom: 125px
}
.ol-double-carousel.em-gallery .vcarousel-next,
.ol-double-carousel.em-gallery .vcarousel-prev {
-ms-transform: translateX(-50%);
transform: translateX(-50%);
margin-left: -15px
}
body.show-menu .ol-double-carousel .vc-bullets {
visibility: hidden
}
.ol-double-carousel.type-project-carousel.no-number .right-side-wrapper .item .item-number {
display: none
}
.vc-card {
transition: all .25s ease-in-out
}
.vc-card img {
width: 100%;
height: auto
}
.vc-card>a {
display: block
}
.vc-card>a:focus img,
.vc-card>a:hover img {
opacity: .9
}
.vc-card .vc-card-wrapper {
font-size: 13px
}
.vc-card .vc-card-wrapper .title {
margin-bottom: 0;
color: #444;
font-size: 18px
}
.vc-card .vc-card-wrapper .description {
padding-top: 25px
}
.vc-card .vc-card-wrapper .subtitle {
padding-top: 10px;
line-height: 20px
}
.vc-card .links {
display: none;
text-align: center;
border-top: 1px solid #dedede;
padding: 4px;
transition: all .3s ease-in-out
}
.vc-card .links a {
font-size: 11px;
text-decoration: none;
display: inline-block;
line-height: 39px
}
.vc-card .links a i {
font-size: 13px;
font-style: normal;
padding-right: 5px;
padding-left: 5px
}
.vc-card .links a i,
.vc-card .links a span {
vertical-align: middle;
display: inline-block
}
.vc-card.boxed {
display: block;
margin-top: 40px;
margin-right: 20px;
border: 1px solid #eee
}
.vc-card.boxed .img-wrapper {
padding-bottom: 100%;
background-size: cover;
background-position: 50%;
transform: translate3d(20px, -40px, 0);
position: relative
}
.vc-card.boxed .img-wrapper:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: linear-gradient(-180deg, hsla(0, 0%, 100%, .05), hsla(0, 0%, 100%, .18) 66%, hsla(0, 0%, 100%, .4))
}
.vc-card.boxed .vc-card-wrapper {
margin-top: -40px;
text-align: right;
padding: 15px 25px 15px 20px
}
.vc-card.boxed .vc-card-wrapper .title {
font-size: 14px
}
.vc-card.boxed .vc-card-wrapper .subtitle {
position: relative;
padding-top: 2px
}
.vc-card.title-center .title {
text-align: center
}
.vc-card.hoverable-links .links a {
width: 50%;
border-left: 1px solid #dedede
}
.vc-card.hoverable-links .links a i {
padding-left: 1px
}
.vc-card.hoverable-links .links a:hover {
background-color: $chaos_theme_color;
color: $chaos_light;
font-weight: 700
}
.vc-card.hoverable-links .links a:first-child {
border-left: none
}
.featured-person {
padding: 0 30px;
text-align: center
}
.featured-person>a:first-child {
width: 100px;
height: 100px;
display: block;
margin: 0 auto;
position: relative;
margin-bottom: 30px
}
.featured-person>a:first-child img {
width: 100%;
height: 100%;
border-radius: 50%;
position: absolute;
top: 0;
left: 0;
z-index: 3
}
.featured-person>a:first-child:before {
content: "";
z-index: 2;
position: relative;
background-color: $chaos_light;
display: block;
width: 130px;
height: 130px;
line-height: 100px;
border-radius: 50%;
top: -15px;
left: -15px;
border: 1px solid #dedede
}
.featured-person .h1,
.featured-person .h2,
.featured-person .h3,
.featured-person .h4,
.featured-person .h5,
.featured-person .h6,
.featured-person h1,
.featured-person h2,
.featured-person h3,
.featured-person h4,
.featured-person h5,
.featured-person h6 {
margin-bottom: 5px
}
.dark-wrapper .featured-person>a:first-child:before {
background-color: #3a3a3a;
border-color: #4b4b4b
}
.featured-person.horizontal {
text-align: left
}
.featured-person.horizontal>a:first-child {
float: left;
width: 120px;
height: 120px;
margin-bottom: 0
}
.featured-person.horizontal>a:first-child:before {
width: 154px;
height: 154px;
line-height: 120px;
border: 4px solid $chaos_lightgray_darker;
top: -17px;
left: -17px
}
.featured-person.horizontal .content-wrapper {
font-size: 13px;
margin-left: 155px
}
.featured-person.horizontal .content-wrapper h3 {
font-size: 24px
}
.featured-person.horizontal .content-wrapper .subtitle {
color: $chaos_textinlight;
padding-bottom: 10px
}
.featured-person.horizontal .content-wrapper .subtitle:first-of-type {
color: $chaos_headerinlight;
font-weight: 700;
padding-top: 20px;
padding-bottom: 20px
}
.people-carousel {
position: relative;
box-shadow: 0 0 6px -3px #000;
background-color: #eee
}
.people-carousel .avatar {
width: 100px;
height: 100px;
margin: 0 auto;
margin-bottom: 20px
}
.people-carousel .avatar img {
border: 5px solid #fff
}
.people-carousel .title {
font-size: 16px;
margin-bottom: 10px
}
.people-carousel .sub-title {
font-family: $font_primary;
font-size: 13px;
font-weight: 400;
margin-bottom: 30px
}
.people-carousel .description {
font-size: 13px;
line-height: 20px;
color: $chaos_headerinlight
}
.people-carousel .item {
text-align: center;
padding: 80px
}
.people-carousel .item>.btn {
margin-top: 40px
}
.people-carousel .owl-nav {
position: absolute;
top: -13px;
/* !!! */
left: 0;
width: 100%;
margin: 0;
margin-top: 115px
}
.people-carousel .owl-nav .owl-prev {
margin-right: 115px;
margin-left: 0
}
.people-carousel .owl-nav .owl-next {
margin: 0
}
.ol-people-short .avatar {
display: inline-block;
max-width: 30%
}
.ol-people-short .contents {
display: inline-block;
vertical-align: middle;
max-width: 70%;
margin-left: 10px
}
.ol-people-short .contents .title {
margin-bottom: 5px
}
.ol-people-short .contents p.meta {
line-height: 1.3;
font-size: 12px;
word-break: break-all
}
.avatar {
display: block
}
.avatar img {
width: 100%;
height: 100%;
border-radius: 50%
}
.avatar.avatar-lg {
width: 100px;
height: 100px
}
.avatar.avatar-md {
width: 80px;
height: 80px
}
.avatar.avatar-sm {
width: 60px;
height: 60px
}
.avatar.avatar-xs {
width: 30px;
height: 30px
}
.avatar.center {
margin: 0 auto
}
.name-avatar .avatar,
.name-avatar .name {
display: inline-block
}
.name-avatar .avatar {
margin-right: 15px
}
.testimonial-item {
padding: 5px 15px
}
.testimonial-item .avatar {
float: left
}
.testimonial-item .texts {
font-size: 13px;
line-height: 22px;
margin-left: 80px
}
.testimonial-item .texts p {
font-size: 13px;
line-height: 22px;
margin-bottom: 20px
}
.testimonial-item .their-name {
font-size: 15px;
margin-bottom: 2px
}
.single-shot .testimonial-item {
padding: 5px 20%;
text-align: center
}
.single-shot .testimonial-item .their-quote {
position: relative;
display: block
}
.single-shot .testimonial-item .their-quote:after,
.single-shot .testimonial-item .their-quote:before {
position: absolute;
top: 0;
color: #ccc;
left: -40px;
content: "\201C";
font-size: 60px;
font-family: $font_primary
}
.single-shot .testimonial-item .their-quote:after {
content: "\201D";
left: auto;
right: -40px
}
.single-shot .testimonial-item .their-info {
margin-top: 30px
}
.single-shot .testimonial-item .their-info .avatar {
float: none;
margin: 0 auto;
margin-bottom: 30px
}
.dark-wrapper .single-shot .testimonial-item .their-quote:after,
.dark-wrapper .single-shot .testimonial-item .their-quote:before {
color: $chaos_light
}
.ol-price-table {
margin-top: 30px;
margin-left: 20px;
max-width: 500px
}
.ol-price-table .img-box {
border: 1px solid #eee;
float: left;
width: 40%
}
.ol-price-table .img-box .extra-links {
margin-top: -30px;
padding: 10px 20px;
text-align: right
}
.ol-price-table .img-wrapper {
padding-bottom: 100%;
background-size: cover;
background-repeat: no-repeat;
background-position: 50%;
position: relative;
top: -30px;
left: -20px
}
.ol-price-table .plan-contents {
margin-left: 40%;
padding-left: 30px;
padding-top: 20px
}
.ol-price-table .plan-contents .title {
font-size: 18px;
margin-bottom: 5px;
position: relative
}
.ol-price-table .plan-contents .title:before {
content: "";
position: absolute;
left: -30px;
top: 50%;
width: 20px;
height: 1px;
background-color: #eee
}
.ol-price-table .plan-contents .subtitle {
font-size: 12px;
margin-bottom: 0
}
.ol-price-table .plan-list {
padding-left: 0;
list-style: none;
margin-top: 25px
}
.ol-price-table .plan-list li {
position: relative;
font-size: 14px;
margin-bottom: 2px
}
.ol-price-table .plan-list li:before {
content: "-";
padding-right: 2px
}
.ol-price-table .plan-link {
margin-bottom: 0;
font-size: 10px;
text-transform: uppercase
}
.ol-price-table:after {
content: "";
clear: both;
display: table
}
.icon-box.ib-v1,
.icon-box.ib-v1 p {
font-size: 14px
}
.icon-box.ib-v1>i {
font-size: 30px;
float: none;
margin-bottom: 20px;
display: inline-block;
color: #ccc
}
.icon-box.ib-v1 .title {
font-size: 18px;
margin-bottom: 15px
}
.icon-box.ib-v1 .title,
.icon-box.ib-v1 p {
margin-left: 0
}
.icon-box.ib-v1 .btn {
margin-top: 15px
}
.call-out {
position: relative;
padding: 80px 0
}
.call-out .title {
font-size: 22px;
letter-spacing: 1.5px;
margin-bottom: 10px;
text-transform: uppercase;
letter-spacing: 1px;
color: #444
}
.call-out .sub-title {
font-family: Inconsolata, monospace;
font-size: 14px;
font-weight: 400;
font-style: italic;
margin-bottom: 0;
color: #444
}
.call-out .callout-icon {
float: left;
font-size: 40px;
position: relative;
top: -3px
}
.call-out .callout-texts {
margin-left: 70px;
max-width: 60%
}
.call-out.no-icon .callout-texts {
margin-left: 0
}
.call-out.dark-theme .title {
color: #fff
}
.call-out.dark-theme .sub-title {
color: #eee
}
.call-out.dark-theme .callout-icon i {
color: #fff
}
.vc_tta.vc_tta-style-theme-eram .vc_tta-panel .vc_tta-panel-heading .vc_tta-panel-title {
letter-spacing: 1.5px;
text-transform: uppercase;
font-size: 14px
}
.vc_tta.vc_tta-style-theme-eram .vc_tta-panel .vc_tta-panel-heading .vc_tta-panel-title>a {
background-color: #eee;
padding-top: 16px;
padding-bottom: 16px;
transition: all .2s ease
}
.vc_tta.vc_tta-style-theme-eram .vc_tta-panel .vc_tta-panel-heading .vc_tta-panel-title>a:focus,
.vc_tta.vc_tta-style-theme-eram .vc_tta-panel .vc_tta-panel-heading .vc_tta-panel-title>a:hover {
background-color: #ddd
}
.vc_tta.vc_tta-style-theme-eram .vc_tta-panel .vc_tta-panel-body {
font-size: 14px
}
.vc_tta.vc_tta-style-theme-eram .vc_tta-panel.vc_active .vc_tta-panel-heading .vc_tta-panel-title>a {
background-color: #444;
color: #fff
}
.vc_tta.vc_tta-style-theme-eram.vc_tta-tabs .vc_tta-panel-body {
background-color: #fff
}
.vc_tta.vc_tta-style-theme-eram.vc_tta-tabs .vc_tta-panels {
border: 1px solid #dcdcdc;
border-radius: 0!important
}
.vc_tta.vc_tta-style-theme-eram.vc_tta-tabs .vc_tta-tabs-list {
overflow: initial
}
.vc_tta.vc_tta-style-theme-eram.vc_tta-tabs .vc_tta-tabs-list .vc_tta-tab {
position: relative;
left: -1px
}
.vc_tta.vc_tta-style-theme-eram.vc_tta-tabs .vc_tta-tabs-list .vc_tta-tab>a {
border-radius: 0;
padding: 6px 14px
}
.vc_tta.vc_tta-style-theme-eram.vc_tta-tabs .vc_tta-tabs-list .vc_tta-tab>a:focus,
.vc_tta.vc_tta-style-theme-eram.vc_tta-tabs .vc_tta-tabs-list .vc_tta-tab>a:hover {
background-color: #eee
}
.vc_tta.vc_tta-style-theme-eram.vc_tta-tabs .vc_tta-tabs-list .vc_tta-tab:first-child {
left: 0
}
.vc_tta.vc_tta-style-theme-eram.vc_tta-tabs .vc_tta-tabs-list .vc_tta-tab.vc_active {
border-left: 1px solid #dedede;
border-right: 1px solid #dedede;
background-color: #fff;
top: 1px;
z-index: 10
}
.vc_tta.vc_tta-style-theme-eram.vc_tta-tabs .vc_tta-tabs-list .vc_tta-tab.vc_active>a:focus,
.vc_tta.vc_tta-style-theme-eram.vc_tta-tabs .vc_tta-tabs-list .vc_tta-tab.vc_active>a:hover {
background-color: #fff
}
.vc_tta.vc_tta-style-theme-eram.vc_tta-tabs .vc_tta-tabs-list .vc_tta-tab.vc_active:after {
position: absolute;
content: "";
top: -1px;
left: -1px;
right: -1px;
height: 3px;
background-color: #444
}
.vc_tta.vc_tta-style-theme-eram.vc_tta-tabs.vc_tta-tabs-position-top .vc_tta-tabs-container,
.vc_tta.vc_tta-style-theme-eram.vc_tta-tabs.vc_tta-tabs-position-top .vc_tta-tabs-list {
overflow: initial
}
.em-free-layer {
position: absolute;
top: 50%;
left: 50%;
z-index: 880;
text-align: center;
text-shadow: 0 1px 1px rgba(0, 0, 0, .2);
transform: translate3d(-50%, -50%, 0)
}
.em-free-layer._em-fixed {
position: fixed
}
.eram_free_caption {
max-width: 500px;
text-align: center;
color: #fff
}
.eram_free_caption .title {
font-size: 30px;
margin-bottom: 30px;
margin-top: 0;
color: #fff
}
.eram_free_caption .free-logo {
max-width: 120px;
height: auto;
margin-bottom: 20px
}
.eram_free_caption .desc {
margin-bottom: 30px
}
.eram_free_caption.style-boxed {
min-width: 400px;
margin: 0 auto;
margin-left: auto;
margin-right: auto;
background-color: rgba(39, 39, 39, .8);
color: #b9b9b9;
padding: 50px;
position: relative;
text-align: center;
text-shadow: none
}
.eram_free_caption.style-boxed .title {
color: #fff;
font-size: 26px
}
.eram_free_caption.style-boxed:before {
content: "";
position: absolute;
top: 20px;
left: 20px;
right: 20px;
bottom: 20px;
background: transparent;
border: 1px dotted #666
}
.eram_free_caption.theme-dark,
.eram_free_caption.theme-dark .title {
color: #444
}
.eram_free_caption.theme-dark.style-boxed {
background-color: hsla(0, 0%, 100%, .8);
color: #444
}
.eram_free_caption.theme-dark.style-boxed .title {
color: #444
}
.eram_free_caption.theme-dark.style-boxed:before {
border-color: #bbb
}
.eram_free_caption.style-demo-4 .title {
font-size: 50px;
margin-bottom: 0
}
.eram_free_caption.style-demo-4 .free-logo {
max-width: 70px;
margin-bottom: 30px
}
.eram_free_caption.style-demo-4 .desc {
margin-bottom: 50px;
font-size: 20px
}
.eram_free_caption.style-demo-4 a.btn {
border-radius: 30px
}
.ol-mask-wrapper {
position: relative;
display: block
}
.ol-mask-wrapper .mask-wrapper {
position: absolute;
width: 100%;
height: 100%;
z-index: 10;
overflow: hidden;
visibility: hidden;
animation-duration: 1s;
animation-fill-mode: both
}
.ol-mask-wrapper .mask-wrapper img {
position: absolute;
transition: transform 1s ease-out
}
.ol-mask-wrapper .mask-wrapper:before {
z-index: 2
}
.ol-mask-wrapper .mask-clone {
visibility: hidden
}
.ol-mask-wrapper img {
width: 100%;
height: auto
}
.ol-mask-wrapper .mask-elem {
position: absolute
}
.ol-mask-wrapper.mask-top .mask-wrapper {
top: 0;
left: 0;
animation-name: h
}
.ol-mask-wrapper.mask-top .mask-wrapper img {
top: 0;
left: 0;
-ms-transform: translateY(-7%);
transform: translateY(-7%)
}
.ol-mask-wrapper.mask-top .mask-wrapper.animated img {
-ms-transform: translateY(0);
transform: translateY(0)
}
.ol-mask-wrapper.mask-top .mask-elem {
top: 0;
left: 0
}
.ol-mask-wrapper.mask-bottom .mask-wrapper {
bottom: 0;
left: 0;
animation-name: h
}
.ol-mask-wrapper.mask-bottom .mask-wrapper img {
bottom: 0;
left: 0;
-ms-transform: translateY(7%);
transform: translateY(7%)
}
.ol-mask-wrapper.mask-bottom .mask-wrapper.animated img {
-ms-transform: translateY(0);
transform: translateY(0)
}
.ol-mask-wrapper.mask-bottom .mask-elem {
bottom: 0;
left: 0
}
.ol-mask-wrapper.mask-left .mask-wrapper {
top: 0;
left: 0;
animation-name: g
}
.ol-mask-wrapper.mask-left .mask-wrapper img {
top: 0;
left: 0;
-ms-transform: translateX(-7%);
transform: translateX(-7%)
}
.ol-mask-wrapper.mask-left .mask-wrapper.animated img {
-ms-transform: translateX(0);
transform: translateX(0)
}
.ol-mask-wrapper.mask-left .mask-elem {
top: 0;
left: 0
}
.ol-mask-wrapper.mask-right .mask-wrapper {
top: 0;
right: 0;
animation-name: g
}
.ol-mask-wrapper.mask-right .mask-wrapper img {
top: 0;
right: 0;
-ms-transform: translateX(7%);
transform: translateX(7%)
}
.ol-mask-wrapper.mask-right .mask-wrapper.animated img {
-ms-transform: translateX(0);
transform: translateX(0)
}
.ol-mask-wrapper.mask-right .mask-elem {
top: 0;
right: 0
}
@keyframes g {
0% {
width: 0
}
to {
width: 100%
}
}
@keyframes h {
0% {
height: 0
}
to {
height: 100%
}
}
.mfp-wrap {
margin-left: 0;
z-index: 800
}
.mfp-bg {
z-index: 795
}
#ol-lightbox-sidebar {
position: fixed;
top: 0;
right: 0;
width: 350px;
height: 100%;
background-color: #191919;
border-left: 1px solid transparent;
overflow-y: auto
}
#ol-lightbox-sidebar .em-loader {
background-color: #191919;
z-index: 10;
visibility: hidden;
height: 0
}
#ol-lightbox-sidebar .em-loader .spinner .double-bounce1,
#ol-lightbox-sidebar .em-loader .spinner .double-bounce2 {
background-color: rgba(0, 0, 0, .4)
}
#ol-lightbox-sidebar .content-wrapper {
font-size: 14px;
padding: 20px;
padding-top: 90px
}
#ol-lightbox-sidebar .content-wrapper .title {
font-size: 18px;
margin-bottom: 25px
}
#ol-lightbox-sidebar .content-wrapper .em-exif {
margin-top: 30px
}
#ol-lightbox-sidebar .content-wrapper #social-sharing {
right: 0;
margin: 20px 20px 0;
bottom: 18px
}
#ol-lightbox-sidebar .em-exif ul li {
width: 100%;
margin-bottom: 12px
}
#ol-lightbox-sidebar .em-exif ul li:before {
margin-right: 15px
}
#ol-lightbox-sidebar .em-exif ul li.camera {
margin-bottom: 20px
}
#ol-lightbox-sidebar .em-exif ul li.camera:before {
font-size: 32px;
margin-right: 12px
}
#ol-lightbox-sidebar .em-purchase {
margin-top: 30px
}
#ol-lightbox-sidebar .em-purchase .purchase-link i {
margin-top: -2px
}
#ol-lightbox-sidebar.show-loader .em-loader {
visibility: visible;
height: 100%
}
.ol-advanced-lightbox .lg-outer {
width: 100%;
padding-right: 350px
}
.ol-advanced-lightbox .lg-img-wrap {
padding: 60px
}
.ol-advanced-lightbox .lg-toolbar {
position: fixed;
top: 0;
left: auto;
right: 0;
padding: 0 10px;
width: 350px;
background-color: #151515;
box-shadow: 0 2px 3px -2px rgba(0, 0, 0, .3);
opacity: 1!important;
-ms-transform: none!important;
transform: none!important
}
.ol-advanced-lightbox .lg-toolbar .lg-icon {
padding: 0;
height: auto;
line-height: 60px;
width: 32px;
font-size: 20px
}
.ol-advanced-lightbox .lg-toolbar #lg-counter {
padding: 0 0 0 10px;
line-height: 60px;
font-size: 14px;
font-weight: 700;
color: #ccc
}
.ol-advanced-lightbox .lg-toolbar:focus,
.ol-advanced-lightbox .lg-toolbar:hover {
background-color: #151515
}
body.lg-on {
overflow: hidden
}
.lg-backdrop {
background-color: #101010
}
.lg-outer .lg-thumb-item {
border-radius: 0;
border: none;
margin-right: 10px!important;
margin-bottom: 10px;
transition: all .2s ease;
opacity: .7
}
.lg-outer .lg-thumb-item.active,
.lg-outer .lg-thumb-item:focus,
.lg-outer .lg-thumb-item:hover {
box-shadow: 0 0 2px 0 rgba(0, 0, 0, .5);
opacity: 1
}
.lg-outer .lg-thumb {
margin-bottom: -10px;
margin-left: 10px
}
.lg-outer .lg-toogle-thumb {
right: auto;
left: 20px
}
.lg-outer.eram-theme-dark {
background-color: transparent
}
.lg-actions .lg-next:before {
content: "\e9cd"
}
.lg-actions .lg-prev:after {
content: "\e9cc"
}
.lg-actions .lg-next,
.lg-actions .lg-prev {
font-family: ol-icon-set
}
.lg-toolbar {
transition: background-color .3s ease;
background-color: transparent
}
.lg-toolbar .lg-icon {
color: #a5a5a5
}
.lg-toolbar:focus,
.lg-toolbar:hover {
background-color: rgba(0, 0, 0, .8)
}
.lg-sub-html {
background-color: transparent;
color: inherit;
padding: 12px 0;
position: absolute;
text-align: left;
font-size: 14px;
bottom: 0
}
.lg-sub-html .lightbox-caption {
padding-left: 20px;
padding-right: 20px
}
.lg-sub-html .lightbox-caption>* {
display: inline-block;
margin-bottom: 0
}
.lg-sub-html .lightbox-caption.has-thumb-icon {
padding-left: 90px
}
.lg-sub-html .lightbox-caption.has-purchase-link {
padding-right: 120px
}
.lg-sub-html h3 {
margin-right: 20px;
font-size: 14px
}
.lg-sub-html .em-purchase {
position: absolute;
bottom: 10px;
right: 20px
}
.lg-outer .lg-img-wrap {
padding: 50px
}
.eram-lightbox-light .lg-backdrop {
background-color: #eee
}
.eram-lightbox-light .lg-toolbar {
transition: background-color .2s ease
}
.eram-lightbox-light .lg-toolbar .lg-icon {
color: #888
}
.eram-lightbox-light .lg-toolbar .lg-icon:focus,
.eram-lightbox-light .lg-toolbar .lg-icon:hover {
color: #222
}
.eram-lightbox-light .lg-toolbar:focus,
.eram-lightbox-light .lg-toolbar:hover {
background-color: #f5f5f5
}
.eram-lightbox-light .lg-outer .lg-toogle-thumb {
background-color: hsla(0, 0%, 100%, .6);
color: #666
}
.eram-lightbox-light .lg-outer .lg-toogle-thumb:focus,
.eram-lightbox-light .lg-outer .lg-toogle-thumb:hover {
color: #444
}
.eram-lightbox-light .lg-outer .lg-thumb-outer {
background-color: #f5f5f5
}
.eram-lightbox-light .lg-actions .lg-next,
.eram-lightbox-light .lg-actions .lg-prev {
background-color: hsla(0, 0%, 100%, .6);
color: #555
}
.eram-lightbox-light .lg-actions .lg-next:focus,
.eram-lightbox-light .lg-actions .lg-next:hover,
.eram-lightbox-light .lg-actions .lg-prev:focus,
.eram-lightbox-light .lg-actions .lg-prev:hover {
color: #000
}
.eram-lightbox-light .lg-progress-bar {
background-color: #dadada
}
.eram-lightbox-light .lg-progress-bar .lg-progress {
background-color: #fff
}
.eram-lightbox-light #ol-lightbox-sidebar {
background-color: #fff;
border-color: #eee;
color: #777
}
.eram-lightbox-light #ol-lightbox-sidebar .em-loader {
background-color: #fff
}
.eram-lightbox-light #ol-lightbox-sidebar .em-loader .spinner .double-bounce1,
.eram-lightbox-light #ol-lightbox-sidebar .em-loader .spinner .double-bounce2 {
background-color: rgba(0, 0, 0, .4)
}
.eram-lightbox-light #ol-lightbox-sidebar a:not(.btn) {
color: #555
}
.eram-lightbox-light #ol-lightbox-sidebar .h1,
.eram-lightbox-light #ol-lightbox-sidebar .h2,
.eram-lightbox-light #ol-lightbox-sidebar .h3,
.eram-lightbox-light #ol-lightbox-sidebar .h4,
.eram-lightbox-light #ol-lightbox-sidebar .h5,
.eram-lightbox-light #ol-lightbox-sidebar .h6,
.eram-lightbox-light #ol-lightbox-sidebar a:not(.btn):focus,
.eram-lightbox-light #ol-lightbox-sidebar a:not(.btn):hover,
.eram-lightbox-light #ol-lightbox-sidebar h1,
.eram-lightbox-light #ol-lightbox-sidebar h2,
.eram-lightbox-light #ol-lightbox-sidebar h3,
.eram-lightbox-light #ol-lightbox-sidebar h4,
.eram-lightbox-light #ol-lightbox-sidebar h5,
.eram-lightbox-light #ol-lightbox-sidebar h6 {
color: #444
}
.eram-lightbox-light #ol-lightbox-sidebar .form-control,
.eram-lightbox-light #ol-lightbox-sidebar input,
.eram-lightbox-light #ol-lightbox-sidebar textarea {
border: 1px solid #e5e5e5;
background-color: #f9f9f9
}
.eram-lightbox-light #ol-lightbox-sidebar hr {
border-color: #eee
}
.eram-lightbox-light #ol-lightbox-sidebar code {
background-color: #f9f2f4
}
.eram-lightbox-light #ol-lightbox-sidebar .em-exif ul li.camera,
.eram-lightbox-light #ol-lightbox-sidebar .em-exif ul li.location {
border-color: #eee
}
.eram-lightbox-light.ol-advanced-lightbox .lg-toolbar {
background-color: #f5f5f5;
box-shadow: 0 2px 3px -2px rgba(0, 0, 0, .3)
}
.eram-lightbox-light.ol-advanced-lightbox .lg-toolbar:focus,
.eram-lightbox-light.ol-advanced-lightbox .lg-toolbar:hover {
background-color: #f5f5f5
}
.eram-lightbox-light.ol-advanced-lightbox #lg-counter {
color: #444
}
.eram-lightbox-light.ol-advanced-lightbox ::-moz-selection {
background-color: initial;
color: initial
}
.eram-lightbox-light.ol-advanced-lightbox ::selection {
background-color: initial;
color: initial
}
.lg-outer .lg-item {
background: url(assets/img/loading-light.gif) no-repeat scroll 50% transparent
}
.em-exif ul {
list-style: none;
padding: 0
}
.em-exif ul li {
width: 50%;
margin-bottom: 20px
}
.em-exif ul li,
.em-exif ul li:before {
display: inline-block;
vertical-align: middle
}
.em-exif ul li:before {
margin-right: 10px
}
.em-exif ul li.camera {
display: block;
width: 100%;
font-size: 16px;
font-weight: 700;
border-bottom: 1px solid #eee;
margin-bottom: 20px;
padding-bottom: 16px
}
.em-exif ul li.camera:before {
font-size: 42px;
margin-right: 20px
}
.em-exif ul li.location {
padding-top: 20px;
border-top: 1px solid #eee;
display: block;
width: 100%
}
.em-exif ul li.location img {
max-width: 100%;
height: auto
}
.em-exif ul li.location>a,
.em-exif ul li.location>img {
display: block;
margin-top: 10px
}
.woocommerce-ordering {
min-width: 300px
}
.ol-dropdown {
position: relative;
z-index: 100;
font-size: 14px;
line-height: 20px;
max-width: 450px
}
.ol-dropdown .ol-select-list {
position: absolute;
list-style: none;
display: none;
top: 100%;
left: 0;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
min-width: 200px;
padding: 0;
background-color: #fff;
width: 100%;
padding: 0 20px;
margin-bottom: 0;
border: 1px solid #dadada;
border-top: none
}
.ol-dropdown .ol-select-list li {
padding: 10px 0;
cursor: pointer;
transition: all .25s ease
}
.ol-dropdown .ol-select-list li:focus,
.ol-dropdown .ol-select-list li:hover {
color: #000
}
.ol-dropdown .select-holder {
padding: 10px 20px;
border: 1px solid #dadada;
font-weight: 700;
display: block;
cursor: pointer
}
.ol-dropdown:after {
content: "";
position: absolute;
top: 50%;
right: 20px;
margin-top: -2px;
font-size: 12px;
transition: all .2s ease;
width: 0;
height: 0;
border-style: solid;
border-width: 6px 4px 0;
border-color: #313131 transparent transparent;
transition: all .25s ease
}
.ol-dropdown.is-active {
z-index: 110
}
.ol-dropdown.is-active:after {
-ms-transform: rotate(180deg);
transform: rotate(180deg)
}
.simple-page-head {
position: relative;
margin-top: 70px;
margin-bottom: 70px
}
.simple-page-head .title-wrapper .page-title {
position: relative;
font-size: 28px;
text-transform: uppercase;
letter-spacing: 2px;
margin: 0;
width: 100%
}
.simple-page-head .title-wrapper .page-title:after {
content: "";
width: 50px;
height: 5px;
background-color: #444;
position: absolute;
left: 0;
bottom: -18px;
z-index: 2
}
.simple-page-head .title-wrapper .page-title:before {
content: "";
position: absolute;
left: 0;
width: 100%;
bottom: -16px;
border-bottom: 1px solid #ddd;
z-index: 1
}
.page-head {
position: relative;
padding-top: 100px;
padding-bottom: 100px;
background-repeat: no-repeat;
background-size: cover;
background-position: 50%
}
.page-head .title-wrapper {
position: relative;
height: 100%;
padding: 0 25%;
text-align: center
}
.page-head .title {
margin-bottom: 0;
margin: 0;
padding: 0 60px
}
.page-head .description {
margin-top: 30px
}
.page-head>.container {
position: relative;
height: 100%
}
.page-head .gmap {
position: absolute;
top: 0;
left: 0;
z-index: -2
}
.page-head .owl-video-wrapper {
z-index: -2
}
.page-head.has-cover {
padding-top: 50px;
padding-bottom: 50px;
margin-bottom: 70px;
overflow: hidden
}
.page-head.has-cover .title {
color: #fff
}
.page-head.has-cover .description {
color: #eee
}
.page-head.layout-side .description,
.page-head.layout-side .title {
text-align: left
}
.page.layout-header-top .page-head.with-fullwidth-content {
margin-bottom: 0
}
.page.layout-header-side .page-main {
margin-left: 500px
}
.page.layout-header-side .page-side {
position: fixed;
top: 0;
height: 100%;
width: 500px;
padding-right: 0;
margin-left: 0
}
.page.layout-header-side .page-side .inner {
position: relative;
height: 100%;
width: 100%;
display: table
}
.page.layout-header-side .side-contents {
position: relative;
z-index: 10;
display: table-cell;
vertical-align: middle;
padding: 50px;
color: #fff;
word-break: break-word
}
.page.layout-header-side .side-contents .title {
color: inherit;
margin-top: 2px;
margin-bottom: 0;
letter-spacing: 2px;
text-transform: uppercase;
font-size: 30px
}
.page.layout-header-side .side-contents .description {
margin-top: 25px
}
.page.layout-header-side .bg-wrapper {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-size: cover;
background-position: 50%;
background-repeat: no-repeat
}
.page.layout-header-side .bg-wrapper:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, .4)
}
.page.layout-header-side .bg-wrapper.no-cover:after {
background: #333
}
.page.layout-header-side .bg-wrapper._has-map:after {
content: none
}
.page.layout-header-side .page-contents {
padding: 70px
}
.page.layout-header-side .page-contents .page-title {
position: relative;
margin-bottom: 70px;
font-size: 28px;
letter-spacing: 2px;
text-transform: uppercase
}
.page.layout-header-side .page-contents .page-title:before {
content: "";
position: absolute;
left: 0;
width: 100%;
bottom: -16px;
border-bottom: 1px solid #ddd;
z-index: 1
}
.page.layout-header-side .page-contents .page-title:after {
content: "";
width: 50px;
height: 5px;
background-color: #444;
position: absolute;
left: 0;
bottom: -18px;
z-index: 2
}
.page.layout-header-side .page-contents .container {
width: auto;
padding: 0
}
.page.layout-header-side .post-comments {
padding: 0 70px 70px
}
.page.layout-header-side .post-comments .container {
width: auto
}
.page.layout-header-side .page-side.no-cover .side-contents {
color: inherit
}
.page.layout-header-side .page-side.no-cover .side-contents .title {
color: #444
}
.page.layout-header-side .page-side.no-cover .side-contents .cats a {
color: inherit
}
@media (min-width:1600px) {
.page.layout-header-side .page-side {
width: 700px
}
.page.layout-header-side .page-main {
margin-left: 700px
}
}
.er-breadcrumbs {
list-style: none;
margin-bottom: 15px;
padding: 0
}
.er-breadcrumbs li {
display: inline-block;
position: relative
}
.er-breadcrumbs li,
.er-breadcrumbs li a {
color: #999;
font-size: 13px
}
.er-breadcrumbs li:after {
content: "/";
padding: 0 10px
}
.er-breadcrumbs li:last-child:after {
content: ""
}
.er-full-bg-page {
background-image: url(assets/img/page-bg.jpg);
background-repeat: no-repeat;
background-size: cover
}
.er-content .title {
font-size: 20px;
margin-top: 0;
margin-bottom: 25px
}
.er-contact-page #page-side .bg-wrapper,
.er-sideimage-page #page-side .bg-wrapper {
background-image: url(assets/img/page-bg.jpg);
background-size: cover;
background-repeat: no-repeat;
background-position: 50%;
height: 100%
}
.er-clients-page .page-head {
background-color: #fff;
height: auto;
padding: 60px 80px;
border-bottom: 1px solid #eee;
padding: 90px 20%
}
.er-clients-page .page-head .title-wrapper {
position: static;
padding: 0
}
.er-clients-page .page-head .description,
.er-clients-page .page-head .title {
max-width: 60%
}
.er-clients-page .page-head.has-cover .title {
color: #fff
}
.er-clients-page .page-head.has-cover .description {
color: #eee
}
.eram-search-results {
margin-top: 100px
}
.eram-search-results,
.eram-search-results .result-box {
margin-bottom: 50px
}
.gallery-wrapper {
background-color: #fff
}
.gallery-wrapper .gallery-top>.inner-wrapper {
overflow: hidden;
padding: 0 70px
}
.gallery-wrapper .img-wrapper {
height: 100%;
position: relative
}
.gallery-wrapper .page-head.has-cover {
margin-bottom: 0
}
.gallery-wrapper.direction-horizontal {
position: relative
}
.gallery-wrapper.direction-horizontal .gallery-main {
height: 100%
}
.gallery-page-title-side .gallery-side {
width: 450px;
position: fixed;
height: 100vh;
top: 0;
padding-right: 0;
overflow: hidden
}
.gallery-page-title-side .gallery-side>div {
width: 450px
}
.gallery-page-title-side .gallery-side .vcenter {
padding: 0 50px
}
.gallery-page-title-side .gallery-main {
margin-left: 450px;
height: 100%;
background-color: #fff
}
.gallery-page-title-side .title {
font-size: 30px;
margin-bottom: 30px
}
.gallery-page-title-side.em-horizontal {
height: 100%;
overflow: auto
}
.gallery-page-title-side.em-horizontal .main-gallery {
height: 100%
}
.gallery-page-title-top .gallery-top .description,
.gallery-page-title-top .gallery-top .title {
display: inline-block;
vertical-align: middle
}
.gallery-page-title-top .gallery-top .title {
max-width: 44%;
margin-bottom: 0;
margin-right: 6%;
font-size: 30px
}
.gallery-page-title-top .gallery-top .description {
max-width: 50%;
margin-left: -8px
}
.gallery-page-title-top.direction-horizontal .padding-wrapper {
position: relative;
height: 100%;
padding-top: 200px
}
.gallery-page-title-top.direction-horizontal .gallery-top {
position: absolute;
height: 200px;
top: 0;
left: 0;
width: 100%
}
body.er-side-layout .gallery-page-title-top.em-horizontal .gallery-top,
body.er-side-layout .gallery-page-title-top.em-kenburn .gallery-top,
body.er-side-layout .gallery-page-title-top.em-slider .gallery-top {
width: calc(100vw - 165px)
}
body.er-bordered-layout .gallery-page-title-top .em-gallery-simple_horizontal .gallery-item {
padding-bottom: 30px
}
body.er-bordered-layout .gallery-page-title-top.em-horizontal,
body.er-bordered-layout .gallery-page-title-top.em-kenburn,
body.er-bordered-layout .gallery-page-title-top.em-slider {
padding: 160px 50px 0
}
body.er-bordered-layout .gallery-page-title-top.em-horizontal .gallery-top,
body.er-bordered-layout .gallery-page-title-top.em-kenburn .gallery-top,
body.er-bordered-layout .gallery-page-title-top.em-slider .gallery-top {
height: 150px
}
body.er-bordered-layout .gallery-page-title-top.em-horizontal .gallery-top .inner-wrapper,
body.er-bordered-layout .gallery-page-title-top.em-kenburn .gallery-top .inner-wrapper,
body.er-bordered-layout .gallery-page-title-top.em-slider .gallery-top .inner-wrapper {
padding: 0 50px
}
body.er-bordered-layout .gallery-page-title-top.em-kenburn,
body.er-bordered-layout .gallery-page-title-top.em-slider {
padding-bottom: 50px
}
body.er-top-layout .gallery-page-title-top.em-justified .gallery-top,
body.er-top-layout .gallery-page-title-top.em-vertical .gallery-top {
text-align: center
}
body.er-top-layout .gallery-page-title-top.em-justified .gallery-top .description,
body.er-top-layout .gallery-page-title-top.em-justified .gallery-top .title,
body.er-top-layout .gallery-page-title-top.em-vertical .gallery-top .description,
body.er-top-layout .gallery-page-title-top.em-vertical .gallery-top .title {
display: block;
max-width: 100%;
width: 600px;
margin: 0 auto
}
body.er-top-layout .gallery-page-title-top.em-justified .gallery-top .description,
body.er-top-layout .gallery-page-title-top.em-vertical .gallery-top .description {
margin-top: 20px
}
body.er-top-layout .gallery-page-title-top.em-horizontal {
padding-top: 130px
}
body.er-top-layout .gallery-page-title-top.em-horizontal .gallery-top {
height: 120px
}
body.er-top-layout .gallery-page-title-side .gallery-side .vcenter {
padding: 0 70px
}
.type-simple.direction-vertical .gallery-item img {
width: 100%;
height: auto
}
.type-simple.direction-horizontal .gallery-item {
height: 100%
}
.type-simple.direction-horizontal .gallery-item .img-wrapper {
overflow: hidden;
height: 100%
}
.type-simple.direction-horizontal .gallery-item .img-wrapper img {
height: 100%;
width: auto
}
.type-grid .gallery-item .gl-wrapper {
overflow: hidden
}
.type-grid .gallery-item .img-wrapper {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.type-grid .gallery-item .img-wrapper img {
position: absolute
}
.type-grid.direction-vertical .gl-wrapper,
.type-grid.direction-vertical .ratio-square .gl-wrapper {
padding-bottom: 100%
}
.type-grid.direction-vertical .ratio-landscape .gl-wrapper {
padding-bottom: 70%
}
.type-grid.direction-vertical .ratio-portrait .gl-wrapper {
padding-bottom: 133.3333%
}
.type-grid.direction-vertical .gallery-item,
.type-masonry.direction-vertical .gallery-item {
width: 33.333333%
}
.type-grid.direction-vertical .gallery-item img,
.type-masonry.direction-vertical .gallery-item img {
width: 100%;
height: auto
}
.type-grid.direction-horizontal .gallery-item,
.type-masonry.direction-horizontal .gallery-item {
height: 50%
}
.type-grid.direction-horizontal .gallery-item .img-wrapper,
.type-masonry.direction-horizontal .gallery-item .img-wrapper {
position: relative;
height: 100%
}
.type-grid.direction-horizontal .gallery-item img,
.type-masonry.direction-horizontal .gallery-item img {
height: 100%;
width: auto
}
.type-grid.cols-2 .gallery-item,
.type-masonry.cols-2 .gallery-item {
width: 50%
}
.type-grid.cols-3 .gallery-item,
.type-masonry.cols-3 .gallery-item {
width: 33.333333%
}
.type-grid.cols-4 .gallery-item,
.type-masonry.cols-4 .gallery-item {
width: 25%
}
.type-grid.rows-2 .gallery-item,
.type-masonry.rows-2 .gallery-item {
height: 50%
}
.type-grid.rows-3 .gallery-item,
.type-masonry.rows-3 .gallery-item {
height: 33.333333%
}
.type-grid.rows-4 .gallery-item,
.type-masonry.rows-4 .gallery-item {
height: 25%
}
.type-kenburn,
.type-slider {
height: 100%
}
.type-kenburn .gallery-main,
.type-slider .gallery-main {
padding: 0;
height: 100%
}
.type-dcarousel,
.type-dcarousel .em-gallery,
.type-dcarousel .gallery-main {
height: 100%
}
.type-simple.direction-vertical .fill-mode .gallery-item .img-wrapper img {
position: absolute
}
.gallery-main {
padding-top: 15px;
padding-left: 15px
}
.gallery-main>* {
height: 100%
}
.gallery-main .gallery-item {
padding: 0 15px 15px 0
}
body.er-full-layout .gallery-wrapper {
padding: 0 40px
}
body.er-full-layout .gallery-main {
padding-top: 0;
margin-left: -30px;
margin-right: -30px
}
.type-justified .gallery-main {
padding: 0
}
.type-justified .gallery-main .gallery-item {
position: absolute;
padding: 0;
overflow: hidden
}
.type-justified .em-infinite-loader {
position: fixed;
background: none;
display: none;
opacity: 1
}
.type-justified .em-hover.pf-hover-1 .description,
.type-justified .em-hover:before {
z-index: 4
}
.type-justified .em-hover.hover-1:focus:before,
.type-justified .em-hover.hover-1:hover:before {
background-color: #000
}
.gl-wrapper {
position: relative;
display: block;
height: 100%
}
.img-wrapper {
overflow: hidden
}
.em-has-cover {
position: relative
}
.em-has-cover>.inner-wrapper,
.em-has-cover>.vcenter {
background-repeat: no-repeat;
background-size: cover;
background-position: 50%;
padding: 20px 70px!important;
position: relative
}
.em-has-cover>.inner-wrapper>*,
.em-has-cover>.vcenter>* {
position: relative;
z-index: 2
}
.em-has-cover>.inner-wrapper .title,
.em-has-cover>.vcenter .title {
color: #fff
}
.em-has-cover>.inner-wrapper .description,
.em-has-cover>.vcenter .description {
color: #eee
}
.em-has-cover>.inner-wrapper:before,
.em-has-cover>.vcenter:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, .5)
}
.gallery-page-title-top.direction-vertical .em-has-cover {
height: 60vh
}
.gallery-page-title-top.direction-vertical .em-has-cover .description,
.gallery-page-title-top.direction-vertical .em-has-cover .title {
text-align: center;
display: block;
margin: 0 auto
}
.gallery-page-title-top.direction-vertical .em-has-cover .description {
margin-top: 20px
}
.mode-proofing {
min-height: 30vh;
margin-bottom: 80px
}
.em-proof-bar {
text-align: center
}
.em-proof-bar .inner {
padding: 40px 0 20px
}
.em-proof-bar .filter,
.em-proof-bar .info {
display: inline-block;
vertical-align: middle
}
.em-proof-bar .filter {
margin-left: 20px
}
.em-proof-bar .filter span.filter-lable {
line-height: 35px;
vertical-align: middle;
display: inline-block;
text-transform: uppercase;
margin-right: 10px
}
.em-proof-bar .filter .grid-filters {
list-style: none;
margin: 0;
padding: 0;
line-height: 35px;
vertical-align: middle;
display: inline-block
}
.em-proof-bar .filter .grid-filters li {
display: inline-block;
margin-right: 10px
}
.em-proof-bar .filter .grid-filters li a {
color: #777;
text-decoration: none
}
.em-proof-bar .filter .grid-filters li a.active {
color: #000;
text-decoration: underline
}
.em-proof-bar .statistics h3 {
text-align: center;
font-size: 20px;
text-transform: uppercase;
letter-spacing: 1px;
margin-bottom: 30px;
margin-top: 10px
}
.em-proof-bar .statistics .accepted-count {
font-size: 24px;
color: #92b596
}
.em-proof-bar .em-infinite-loader {
position: absolute;
top: 6px;
right: 6px;
bottom: auto;
margin-left: 0;
vertical-align: middle
}
.em-proof-bar .em-infinite-loader .spinner {
width: 20px;
height: 20px
}
.em-proof-bar .proofing-submission {
display: inline-block;
position: relative
}
.em-proof-bar .proofing-submission input[type=submit]:focus,
.em-proof-bar .proofing-submission input[type=submit]:hover {
background-color: #fff;
color: #000
}
.em-proof-bar.is-sticky {
text-align: left;
padding-bottom: 0;
box-shadow: 0 -2px 13px 0 rgba(0, 0, 0, .3)
}
.em-proof-bar.is-sticky .filter {
display: none
}
.em-proof-bar.is-sticky .inner {
padding: 25px 40px
}
.em-proof-bar.is-sticky .inner:after {
content: "";
display: table;
clear: both
}
.em-proof-bar.is-sticky .info,
.em-proof-bar.is-sticky .statistics {
display: inline-block;
vertical-align: middle
}
.em-proof-bar.is-sticky .info {
float: right
}
.em-proof-bar.is-sticky .statistics {
margin-right: 50px
}
.em-proof-bar.is-sticky .statistics h3 {
font-size: 16px;
margin: 0;
line-height: 32px
}
.em-proof-bar.is-sticky .statistics .accepted-count {
font-size: 18px
}
.page-head.proof-header.layout-center {
margin-bottom: 0
}
.proof-header .proof-date {
position: absolute;
bottom: 20px;
left: 35px;
padding: 0;
color: #eee
}
.proof-header .proof-download {
position: absolute;
bottom: 15px;
right: 35px;
color: #eee
}
.proof-header .proof-clients {
margin-bottom: 20px
}
.proof-header .proof-clients a.avatar-wrapper:focus,
.proof-header .proof-clients a.avatar-wrapper:hover {
color: #fff
}
.em-gallery.is-portfolio {
min-height: 30vh
}
.gallery-item .em-extra-info {
background-color: #fff;
border: 1px solid #eee;
border-top: none;
padding: 10px 15px
}
.gallery-item .em-proofing-controls {
display: inline-block;
position: relative;
padding-left: 22px;
font-size: 16px;
cursor: pointer;
transition: all .25s ease
}
.gallery-item .em-proofing-controls span {
color: #777;
transition: all .25s ease
}
.gallery-item .em-proofing-controls .selected {
display: none
}
.gallery-item .em-proofing-controls:before {
content: "\f10c";
position: absolute;
top: 0;
left: 0;
font-family: FontAwesome;
line-height: inherit
}
.gallery-item .em-proofing-controls:focus,
.gallery-item .em-proofing-controls:focus span,
.gallery-item .em-proofing-controls:hover,
.gallery-item .em-proofing-controls:hover span {
color: #444
}
.gallery-item .download-img,
.gallery-item .respond-by-image {
float: right;
font-size: 16px;
text-decoration: none!important;
transition: all .25s ease;
margin-left: 15px
}
.gallery-item .download-img:focus,
.gallery-item .download-img:hover,
.gallery-item .respond-by-image:focus,
.gallery-item .respond-by-image:hover {
color: #000
}
.gallery-item .respond-by-image i {
position: relative;
top: 2px
}
.gallery-item .image-id {
float: right;
font-size: 16px
}
.gallery-item.em-accepted .em-proofing-controls span {
color: #fff
}
.gallery-item.em-accepted .em-proofing-controls .selected {
display: inline
}
.gallery-item.em-accepted .em-proofing-controls .default {
display: none
}
.gallery-item.em-accepted .em-proofing-controls:before {
content: "\f058";
color: #fff
}
.gallery-item.em-accepted a {
color: #fff
}
.gallery-item.em-accepted .em-extra-info {
color: #fff;
background-color: #92b596;
border-color: #92b596
}
#feedback {
display: block;
position: fixed;
top: 40px;
right: 30px;
z-index: 1000;
padding: 10px 55px;
color: #fff;
border-radius: 50px
}
#feedback.success {
background: #77ad77
}
#feedback.error {
background: #ca4366
}
.vc_row-has-fill .gallery-wrapper {
background-color: transparent
}
.gallery-wrapper.direction-horizontal .gallery-item,
.type-grid.direction-vertical .gallery-item,
.type-masonry.direction-vertical .gallery-item {
visibility: hidden
}
.gallery-wrapper.direction-horizontal.isotope-loaded .gallery-item,
.type-grid.direction-vertical.isotope-loaded .gallery-item,
.type-masonry.direction-vertical.isotope-loaded .gallery-item {
visibility: visible
}
.em-blog-wrapper .blog-contents:after {
content: "";
display: table;
clear: both
}
.em-blog-wrapper .read-more {
display: inline-block;
position: relative;
text-transform: uppercase;
margin-top: 15px;
text-align: left;
font-size: 14px
}
.em-blog-wrapper .read-more span {
position: relative;
z-index: 1
}
.em-blog-wrapper .read-more span:after {
content: "]";
padding-left: 3px
}
.em-blog-wrapper .read-more span:before {
content: "[";
padding-right: 3px
}
.em-blog-wrapper.layout-classic .em-blog-posts a {
text-decoration: none;
color: #444
}
.em-blog-wrapper.layout-classic .em-blog-posts a:focus,
.em-blog-wrapper.layout-classic .em-blog-posts a:hover {
color: #555
}
.em-blog-wrapper.layout-classic .em-blog-posts .layout-classic {
margin-bottom: 100px
}
.em-blog-wrapper.layout-classic.no-sidebar .container {
padding-right: 6%;
padding-left: 6%
}
.em-blog-wrapper.layout-classic.with-sidebar .em-blog-posts {
width: 70%;
float: left;
padding-right: 20px
}
.em-blog-wrapper.layout-classic.with-sidebar .em-sidebar {
width: 30%;
float: left;
padding-left: 20px
}
.em-blog-wrapper.layout-masonry .page-head.blog-header,
.em-blog-wrapper.layout-minimal .page-head.blog-header {
margin-bottom: 0
}
.em-blog-wrapper.layout-masonry.with-sidebar .blog-contents,
.em-blog-wrapper.layout-minimal.with-sidebar .blog-contents {
position: relative
}
.em-blog-wrapper.layout-masonry.with-sidebar .blog-contents:before,
.em-blog-wrapper.layout-minimal.with-sidebar .blog-contents:before {
content: "";
position: absolute;
top: 0;
right: 30%;
height: 100%;
width: 1px;
background-color: #eee
}
.em-blog-wrapper.layout-masonry.with-sidebar .em-blog-posts,
.em-blog-wrapper.layout-minimal.with-sidebar .em-blog-posts {
width: 70%;
float: left
}
.em-blog-wrapper.layout-masonry.with-sidebar .em-sidebar,
.em-blog-wrapper.layout-minimal.with-sidebar .em-sidebar {
width: 30%;
float: left;
padding: 50px
}
.em-blog-wrapper.layout-masonry {
background-color: #e2e2e2
}
.em-blog-wrapper.layout-masonry .blog-contents {
margin-left: 40px
}
.em-blog-wrapper.layout-masonry .blog-contents .em-blog-posts {
padding-top: 40px
}
.em-blog-wrapper.layout-masonry .blog-contents .post-contents {
padding: 13%
}
.em-blog-wrapper.layout-masonry .em-blog-posts:after {
content: "";
display: table;
clear: both
}
.em-blog-wrapper.layout-masonry.with-sidebar .em-blog-post {
width: 50%
}
.em-blog-wrapper.layout-masonry.with-sidebar .blog-contents:before {
background-color: #ddd
}
.em-blog-wrapper.layout-masonry.no-sidebar .em-blog-posts .post-contents {
padding: 13%
}
.em-blog-wrapper.layout-minimal .blog-header {
padding: 80px
}
.em-blog-wrapper.layout-minimal .blog-header .title-wrapper {
text-align: left;
position: relative;
padding: 0
}
.em-blog-wrapper.layout-minimal .blog-header .title-wrapper .title {
padding: 0;
max-width: 55%
}
.em-blog-wrapper.layout-minimal .blog-header .title-wrapper .description {
max-width: 65%
}
.em-blog-wrapper.layout-minimal.no-sidebar .blog-header {
padding: 90px 20%
}
.em-blog-wrapper.layout-minimal.no-sidebar .blog-header .title-wrapper .title {
max-width: 60%
}
.em-blog-wrapper.layout-minimal.no-sidebar .blog-header .title-wrapper .description {
max-width: 80%
}
.em-blog-wrapper.layout-minimal.no-sidebar .em-blog-posts .post-contents {
padding: 90px 20%
}
.em-blog-wrapper.layout-minimal.no-sidebar .em-blog-posts .post-contents .title:before {
display: none
}
.author-bio {
padding: 30px 0 0;
margin: 50px 0 0;
border-top: 1px solid #eee
}
.author-bio .author-bio-content {
padding-top: 10px;
margin-left: 100px;
min-height: 80px
}
.author-bio .author-bio-content h4 a {
color: #444
}
.author-bio .author-bio-content h4 a:focus,
.author-bio .author-bio-content h4 a:hover {
color: #555
}
.author-bio .author-bio-content .author-contact {
margin-top: 15px
}
.author-bio .author-bio-content .author-contact a {
padding-left: 5px
}
.author-bio .author-bio-content .author-contact a:after {
content: ","
}
.author-bio .author-bio-content .author-contact a:last-child:after {
content: ""
}
.author-bio a.avatar-wrapper {
display: block;
width: 80px;
height: 80px;
float: left
}
.author-bio a.avatar-wrapper img {
width: 100%;
height: auto;
border-radius: 50%
}
.post-tags {
margin-top: 30px
}
.em-blog-post .the-content img {
max-width: 100%;
height: auto
}
.em-blog-post.layout-classic .post {
margin-top: 90px
}
.em-blog-post.layout-classic .post:first-child {
margin-top: 0
}
.em-blog-post.layout-classic .post-contents .meta-data {
margin-left: 100px;
padding: 30px 0 10px 35px
}
.em-blog-post.layout-classic .post-contents.no-date .meta-data {
margin-left: 0;
padding-left: 0
}
.em-blog-post.layout-classic .title {
font-size: 32px;
margin-bottom: 3px;
text-transform: uppercase
}
.em-blog-post.layout-classic .title a {
color: #444
}
.em-blog-post.layout-classic .title a:focus,
.em-blog-post.layout-classic .title a:hover {
color: #555
}
.em-blog-post.layout-classic ul.meta {
list-style: none;
font-size: 13px;
padding: 0;
margin: 0;
font-family: Kanit, sans-serif
}
.em-blog-post.layout-classic ul.meta li {
display: inline-block;
text-transform: uppercase;
color: #777
}
.em-blog-post.layout-classic ul.meta li a {
color: #777
}
.em-blog-post.layout-classic ul.meta li:after {
content: "|";
padding: 0 5px
}
.em-blog-post.layout-classic ul.meta li:last-child:after {
content: "";
padding: 0
}
.em-blog-post.layout-classic .post-excerpt {
margin-top: 25px;
line-height: 22px
}
.em-blog-post.layout-classic .post-excerpt * {
margin-bottom: 0
}
.em-blog-post.layout-classic .post-date {
float: left;
width: 100px;
border-right: 1px solid #dedede;
text-align: center;
padding: 30px 0 20px;
color: #444
}
.em-blog-post.layout-classic .post-date span {
font-size: 13px;
font-weight: 700;
text-transform: uppercase;
line-height: 20px;
display: block;
font-family: Kanit, sans-serif
}
.em-blog-post.layout-classic .post-date span:first-child {
font-size: 35px;
font-weight: 700;
line-height: 35px
}
.em-blog-post.layout-minimal {
border-bottom: 1px solid #eee;
position: relative;
overflow: hidden
}
.em-blog-post.layout-minimal .post-bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-size: cover;
background-position: 50%;
opacity: 0;
transition: opacity .5s, transform 10s linear
}
.em-blog-post.layout-minimal .post-bg:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: hsla(0, 0%, 100%, .7);
z-index: 1
}
.em-blog-post.layout-minimal ul.categories {
padding: 0;
margin-bottom: 5px;
list-style: none
}
.em-blog-post.layout-minimal ul.categories li {
display: inline-block
}
.em-blog-post.layout-minimal ul.categories li a {
color: #777;
font-size: 14px
}
.em-blog-post.layout-minimal ul.categories li a:focus,
.em-blog-post.layout-minimal ul.categories li a:hover {
color: #444
}
.em-blog-post.layout-minimal .post-contents {
position: relative;
z-index: 5;
padding: 90px 80px
}
.em-blog-post.layout-minimal .post-contents .title {
position: relative;
margin-bottom: 5px;
text-transform: uppercase;
letter-spacing: 1.3px
}
.em-blog-post.layout-minimal .post-contents .title:before {
content: "";
position: absolute;
left: -80px;
width: 65px;
height: 1px;
top: 50%;
background-color: #eee;
transition: all .5s ease
}
.em-blog-post.layout-minimal ul.meta-data {
list-style: none;
padding: 0
}
.em-blog-post.layout-minimal ul.meta-data li {
display: inline-block
}
.em-blog-post.layout-minimal ul.meta-data li,
.em-blog-post.layout-minimal ul.meta-data li a {
color: #5d5d5d;
font-size: 13px
}
.em-blog-post.layout-minimal ul.meta-data li:after {
content: "|"
}
.em-blog-post.layout-minimal ul.meta-data li:last-child:after {
content: none
}
.em-blog-post.layout-minimal .format-aside {
text-align: left;
font-size: 16px;
font-weight: 700;
color: #444
}
.em-blog-post.layout-minimal a {
text-decoration: none;
color: #444
}
.em-blog-post.layout-minimal:focus .post-bg,
.em-blog-post.layout-minimal:hover .post-bg {
opacity: 1;
-ms-transform: scale(1.2);
transform: scale(1.2)
}
.em-blog-post.layout-minimal:focus .post-contents .title:before,
.em-blog-post.layout-minimal:hover .post-contents .title:before {
background-color: #888
}
.em-blog-post.layout-masonry {
padding-right: 40px;
padding-bottom: 40px;
float: left;
width: 33.333333%
}
.em-blog-post.layout-masonry .post-header a {
display: block
}
.em-blog-post.layout-masonry .post-header a img {
width: 100%;
height: auto
}
.em-blog-post.layout-masonry .post-header.has-bg blockquote {
font-size: 16px
}
.em-blog-post.layout-masonry .post-header.has-bg.format-aside,
.em-blog-post.layout-masonry .post-header.has-bg.format-audio,
.em-blog-post.layout-masonry .post-header.has-bg.format-link,
.em-blog-post.layout-masonry .post-header.has-bg.format-quote,
.em-blog-post.layout-masonry .post-header.has-bg.format-status {
padding: 50px;
font-size: 14px;
color: #777
}
.em-blog-post.layout-masonry .post-contents {
background: hsla(0, 0%, 100%, .8);
padding: 40px 30px 30px;
position: relative
}
.em-blog-post.layout-masonry .post-contents .title {
font-size: 20px;
text-transform: uppercase;
margin-bottom: 5px
}
.em-blog-post.layout-masonry .post-contents .title a {
color: #444
}
.em-blog-post.layout-masonry .post-contents .title a:focus,
.em-blog-post.layout-masonry .post-contents .title a:hover {
color: #555
}
.em-blog-post.layout-masonry .post-contents .meta {
margin-bottom: 0;
padding: 0;
list-style: none;
line-height: 14px
}
.em-blog-post.layout-masonry .post-contents .meta li {
font-size: 13px;
display: inline-block
}
.em-blog-post.layout-masonry .post-contents .meta li,
.em-blog-post.layout-masonry .post-contents .meta li a {
color: #888
}
.em-blog-post.layout-masonry .post-contents .meta li:after {
content: "|"
}
.em-blog-post.layout-masonry .post-contents .meta li:last-child:after {
content: ""
}
.em-blog-post.layout-masonry .post-contents .post-excerpt {
margin-top: 20px
}
.em-blog-post.layout-masonry .post-contents .post-excerpt p {
margin-bottom: 0
}
.em-blog-post.layout-masonry .post-contents .read-more {
margin-top: 30px
}
.em-single-post .the-content p {
font-size: 16px;
line-height: 26px;
margin-bottom: 30px
}
.em-single-post .the-content p:last-child {
margin-bottom: 0
}
.em-single-post .the-content img {
max-width: 100%;
height: auto
}
.em-single-post .post-body {
padding-bottom: 70px
}
.em-single-post .post-body .post-format-wrapper {
margin-bottom: 40px
}
.em-single-post .post-comments {
background: #f5f5f5;
padding-bottom: 50px
}
.em-single-post.layout-classic {
padding-top: 100px
}
.em-single-post.layout-classic .em-sidebar {
width: 30%;
float: left;
padding-left: 20px
}
.em-single-post.layout-classic .post-comments {
background: none
}
.em-single-post.layout-classic .the-content {
margin-top: 30px
}
.em-single-post.layout-classic .navigation.next-prev {
margin-top: 70px
}
.em-single-post.layout-classic.with-sidebar .post-wrapper {
width: 70%;
float: left;
padding-right: 20px
}
.em-single-post.layout-modern .page-head {
background-color: #f5f5f5
}
.em-single-post.layout-modern .page-head .title-wrapper {
position: relative;
text-align: center;
text-transform: uppercase;
letter-spacing: 2px
}
.em-single-post.layout-modern .page-head .title-wrapper .head {
letter-spacing: 2px;
margin-bottom: 5px;
font-size: 13px
}
.em-single-post.layout-modern .page-head .title-wrapper .head a {
color: #ddd
}
.em-single-post.layout-modern .page-head .title-wrapper .head a:focus,
.em-single-post.layout-modern .page-head .title-wrapper .head a:hover {
color: #fff
}
.em-single-post.layout-modern .page-head .title-wrapper .title {
color: #fff;
margin-bottom: 0
}
.em-single-post.layout-modern .page-head.no-cover .title-wrapper .title {
color: #444
}
.em-single-post.layout-modern .page-head.no-cover .title-wrapper .head a {
color: #777
}
.em-single-post.layout-modern .post-metas {
position: absolute;
top: -45px;
left: 0;
width: 100%;
text-align: center;
z-index: 1;
margin-bottom: 20px
}
.em-single-post.layout-modern .post-metas img.avatar {
width: 60px;
height: 60px;
border-radius: 50%
}
.em-single-post.layout-modern .post-metas .avatar-wrapper {
display: inline-block;
margin-bottom: 7px
}
.em-single-post.layout-modern .post-metas ul.meta {
list-style: none;
padding: 0;
line-height: 16px
}
.em-single-post.layout-modern .post-metas ul.meta li {
margin-top: 5px
}
.em-single-post.layout-modern .post-contents {
position: relative;
padding-top: 130px
}
.em-single-post.layout-modern.no-author .post-contents {
padding-top: 50px
}
.em-single-post.layout-modern.no-author .post-metas {
color: #ccc
}
.em-single-post.layout-header-side .page-side .side-contents a {
text-decoration: none;
color: #fff
}
.em-single-post.layout-header-side .page-side .side-contents a:focus,
.em-single-post.layout-header-side .page-side .side-contents a:hover {
color: #ccc
}
.em-single-post.layout-header-side .page-side .side-contents a.avatar-wrapper {
display: block;
margin-top: 25px
}
.em-single-post.layout-header-side .page-side .side-contents a.avatar-wrapper img {
display: inline-block;
width: 40px;
height: 40px;
border-radius: 50%
}
.em-single-post.layout-header-side .page-side .side-contents a.avatar-wrapper span.author {
display: inline-block;
text-transform: capitalize;
font-size: 14px;
color: #fff
}
.em-single-post.layout-header-side .page-side .side-contents .cats,
.em-single-post.layout-header-side .page-side .side-contents .cats a,
.em-single-post.layout-header-side .page-side .side-contents .date,
.em-single-post.layout-header-side .page-side .side-contents .date a {
color: #ccc
}
.post-header a {
display: block
}
.post-header img {
width: 100%;
height: auto
}
.em-blog-wrapper .post-header.has-bg,
.em-single-post .post-header.has-bg {
background-position: 50%;
background-size: cover;
position: relative
}
.em-blog-wrapper .post-header.has-bg *,
.em-single-post .post-header.has-bg * {
position: inherit;
z-index: 1
}
.em-blog-wrapper .post-header.has-bg:before,
.em-single-post .post-header.has-bg:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: hsla(0, 0%, 100%, .7);
z-index: 0
}
.em-blog-wrapper .format-aside,
.em-blog-wrapper .format-audio,
.em-blog-wrapper .format-link,
.em-blog-wrapper .format-quote,
.em-blog-wrapper .format-status,
.em-single-post .format-aside,
.em-single-post .format-audio,
.em-single-post .format-link,
.em-single-post .format-quote,
.em-single-post .format-status {
text-align: center;
padding: 7% 20%;
background-color: #f7f7f7;
font-size: 16px;
font-weight: 700;
color: #777
}
.em-blog-wrapper .format-embed,
.em-single-post .format-embed {
background: hsla(0, 0%, 100%, .8);
position: relative;
padding-bottom: 56.25%;
padding-top: 35px;
height: 0;
overflow: hidden
}
.em-blog-wrapper .format-embed iframe,
.em-single-post .format-embed iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.em-blog-wrapper .format-embed .audio,
.em-single-post .format-embed .audio {
padding-bottom: 30%
}
.em-blog-wrapper .format-audio audio,
.em-single-post .format-audio audio {
width: 100%
}
.em-blog-wrapper blockquote,
.em-single-post blockquote {
border: none;
position: relative
}
.em-blog-wrapper blockquote>footer,
.em-blog-wrapper blockquote>p,
.em-single-post blockquote>footer,
.em-single-post blockquote>p {
padding: 5px 20px
}
.widget {
max-width: 100%;
overflow: auto
}
.widget .widget-title {
font-size: 14px;
text-transform: uppercase;
margin-bottom: 30px;
position: relative;
border-bottom: 1px solid #ddd;
padding-bottom: 5px
}
.widget .widget-title:after {
position: absolute;
content: "";
bottom: -1px;
left: 0;
height: 1px;
width: 45px;
background-color: #333
}
.widget input,
.widget select,
.widget textarea {
max-width: 100%
}
.tagcloud a {
margin-right: -3px;
font-size: 13px!important;
background-color: #f5f5f5
}
.tagcloud a:focus,
.tagcloud a:hover {
background-color: #dedede
}
.widget ul {
padding: 0;
list-style: none
}
.widget ul li {
color: #9e9e9e;
font-size: 13px
}
.widget ul li a {
font-size: 13px;
line-height: 26px;
text-decoration: none;
color: #555
}
.widget img {
max-width: 100%;
height: auto
}
.widget ul.children,
.widget ul.sub-menu {
padding-left: 15px
}
.widget_calendar table {
width: 100%
}
.widget_rss .rssSummary {
margin-bottom: 5px
}
.widget_rss li {
margin-bottom: 15px
}
.er-bordered-layout .em-single-post.layout-side .single-side .side-contents {
padding: 130px 50px
}
.widget_search .search-field,
.widget_search .search-submit {
font-size: 14px
}
.search-form {
position: relative
}
.search-form>input,
.search-form>label {
display: inline-block
}
.search-form>label {
width: 100%
}
.search-form .search-field {
padding-right: 70px
}
.search-form>input {
width: auto;
position: absolute;
right: 0;
top: 50%;
-ms-transform: translateY(-50%);
transform: translateY(-50%)
}
.widget,
.widget>h4 {
margin-bottom: 30px
}
.widget>h4 {
font-size: 14px;
text-transform: uppercase;
position: relative;
border-bottom: 1px solid $#dedede;
padding-bottom: 5px
}
.widget>h4:after {
position: absolute;
content: "";
bottom: -1px;
left: 0;
height: 1px;
width: 45px;
background-color: #333
}
.dark-wrapper .widget>h4 {
border-color: #4b4b4b
}
.dark-wrapper .widget>h4:after {
background-color: #f5f5f5
}
.widgets-wrapper .widget {
margin-bottom: 75px
}
.tagcloud a {
padding: 6px 10px;
margin-right: 5px;
margin-bottom: 5px;
font-size: 13px;
display: inline-block;
text-decoration: none;
background-color: #dedede;
color: #aaa
}
.tagcloud a:focus,
.tagcloud a:hover {
background-color: #aaa;
color: #fff
}
.status-wrap {
overflow: hidden
}
.post.sticky {
position: relative
}
.post.sticky:before {
font: normal normal normal 14px/1 FontAwesome;
content: "\f08d";
position: absolute;
top: 10px;
left: 10px;
font-size: 20px;
z-index: 10
}
.client-header .avatar-wrapper {
display: block
}
.client-header .avatar {
margin: 0 auto;
width: 100%;
margin-bottom: 30px
}
.client-header .title {
font-size: 26px;
margin-top: 0;
text-transform: capitalize
}
.client-header .description {
margin-top: 30px
}
.client-header.has-cover {
margin-bottom: 80px
}
.client-header.has-cover .title {
color: #fff
}
.client-header.has-cover .description {
color: #eee
}
.single-eram_client .page-contents {
padding-bottom: 80px
}
.single-eram_client .post-password-required .er-boxed .avatar-wrapper {
width: 100%
}
.single-eram_client .post-password-required .er-boxed .title {
text-align: center;
font-size: 20px;
margin-top: 20px
}
.single-eram_client .post-password-required .er-content .title {
display: none
}
.single-eram_client .post-password-required .er-content .description {
text-align: center
}
.post-type-archive-eram_client {
background-color: #e8e8e8
}
.post-type-archive-eram_client .page-head.has-cover {
margin-bottom: 80px
}
.post-type-archive-eram_client .page-contents {
padding-bottom: 80px
}
.em-client-box {
width: 33.33333%;
float: left;
padding-right: 30px;
padding-bottom: 30px;
text-align: center
}
.em-client-box .inner {
position: relative;
background-color: hsla(0, 0%, 95%, .8);
padding: 40px
}
.em-client-box .client-cover {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 130px;
background-repeat: no-repeat;
background-position: 50%;
background-size: cover;
z-index: 0
}
.em-client-box .client-cover:after {
content: "";
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
background-color: rgba(0, 0, 0, .4)
}
.em-client-box .client-photo {
position: relative;
z-index: 1;
padding-top: 30px
}
.em-client-box .client-photo a {
display: block
}
.em-client-box .client-photo img {
width: 80px;
height: 80px;
border-radius: 50%
}
.em-client-box .client-name h3 {
font-size: 18px;
text-transform: capitalize;
margin-top: 20px;
margin-bottom: 0
}
.em-client-box .client-name h3 a {
color: #444
}
.em-client-box .client-name h3 a:focus,
.em-client-box .client-name h3 a:hover {
color: #555
}
.em-client-box .client-meta {
margin-top: 10px;
color: #bbb
}
.em-client-box .client-about {
margin-top: 30px;
font-size: 12px
}
.widget .em-client-box {
width: 100%;
padding-right: 0;
float: none
}
.widget .em-client-box .inner {
background-color: hsla(0, 0%, 95%, .8);
padding: 35px
}
.single-eramfolio .page-head .cats {
margin-bottom: 10px
}
.single-eramfolio .page-head .cats a {
text-decoration: none;
font-size: 16px;
text-transform: uppercase;
letter-spacing: 1px;
font-weight: 400
}
.single-eramfolio .page-head .title {
font-size: 42px
}
.single-eramfolio .page-head.has-cover {
margin-bottom: 80px
}
.single-eramfolio .page-head.has-cover .cats a {
color: #eee
}
.single-eramfolio .page-head.has-cover .cats a:hover {
color: #ccc
}
.single-eramfolio .page-head.layout-center .cats {
text-align: center
}
.single-eramfolio .page-contents {
margin-bottom: 100px
}
.single-eramfolio .page-contents .the-meta {
padding-top: 20px;
border-top: 1px solid #dedede;
margin-top: 100px
}
.single-eramfolio ul.portfolio-meta {
list-style: none;
padding: 0;
margin: 0
}
.single-eramfolio ul.portfolio-meta .lable {
display: inline-block;
font-weight: 700;
text-transform: capitalize
}
.single-eramfolio ul.portfolio-meta .lable:after {
content: ":"
}
.single-eramfolio ul.portfolio-meta .value {
display: inline-block
}
.single-eramfolio .em-single-post .post-body {
padding-bottom: 0
}
.single-eramfolio.layout-header-side .page-contents {
margin-bottom: 0
}
.single-eramfolio.layout-header-side .page-side .side-contents .title {
margin-top: 0;
margin-bottom: 0
}
.single-eramfolio.layout-header-side .page-side .side-contents .cats {
font-size: 16px;
margin-bottom: 10px
}
.single-eramfolio.layout-header-side .page-side .side-contents .cats a {
text-decoration: none;
color: #fff
}
.single-eramfolio.layout-header-side .page-side .side-contents .cats a:hover {
color: #ccc
}
.page-head #portfolio-filters {
position: absolute;
left: 0;
bottom: 30px;
width: 100%;
z-index: 10;
text-align: center
}
.page-head #portfolio-filters ul {
list-style: none;
padding: 0;
margin: 0
}
.page-head #portfolio-filters ul li {
display: inline-block;
position: relative;
padding: 0 12px;
overflow: hidden;
margin-right: 10px
}
.page-head #portfolio-filters ul li a {
text-decoration: none
}
.page-head #portfolio-filters ul li:after,
.page-head #portfolio-filters ul li:before {
position: absolute;
top: 50%;
transform: translate3d(0, -50%, 0);
transition: all .2s ease
}
.page-head #portfolio-filters ul li:after {
right: 0;
content: "]";
transform: translate3d(10px, -50%, 0)
}
.page-head #portfolio-filters ul li:before {
left: 0;
content: "[";
transform: translate3d(-10px, -50%, 0)
}
.page-head #portfolio-filters ul li.active:after,
.page-head #portfolio-filters ul li.active:before {
transform: translate3d(0, -50%, 0)
}
.page-head #portfolio-filters ul li:last-child {
margin-right: 0
}
.page-head.has-cover #portfolio-filters li,
.page-head.has-cover #portfolio-filters li a {
color: #eee
}
.page-head.has-cover #portfolio-filters li.active,
.page-head.has-cover #portfolio-filters li.active a,
.page-head.has-cover #portfolio-filters li a:focus,
.page-head.has-cover #portfolio-filters li a:hover {
color: #fff
}
.portfolio-minimal .page-side {
width: 450px;
position: fixed;
height: 100%;
top: 0;
overflow: hidden
}
.portfolio-minimal .page-side .vcenter {
padding: 0 50px
}
.portfolio-minimal .page-side .title {
font-size: 30px;
margin-bottom: 30px
}
.portfolio-minimal .page-main {
margin-left: 450px;
height: 100%;
background-color: #fff
}
.portfolio-minimal.no-sidebar .page-side {
width: 0
}
.portfolio-minimal.no-sidebar .page-main {
margin-left: 0
}
#attachment-viewer {
height: 75vh;
padding: 60px 40px;
background-color: #1d1d1d;
position: relative
}
#attachment-viewer .attachment-wrapper {
height: 100%
}
#attachment-viewer .attachment-wrapper img {
box-shadow: 0 0 5px 0 rgba(0, 0, 0, .4)
}
#attachment-viewer.full-view {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 2000;
padding: 0
}
#attachment-details {
padding: 80px 0
}
.viewer-ineractions {
position: absolute;
top: 25px;
right: 25px;
z-index: 50
}
.viewer-ineractions>* {
display: inline-block;
vertical-align: middle
}
.viewer-ineractions #social-sharing {
position: relative;
margin: 0;
display: inline-block;
bottom: auto;
right: auto;
line-height: 30px
}
.viewer-ineractions .em-go-fullscreen {
top: -1px
}
.viewer-ineractions .purchase-link {
position: relative;
top: -1px;
padding: 6px 20px
}
.em-go-fullscreen {
position: relative;
width: 31px;
height: 31px;
background-color: #555;
border-radius: 50%;
text-align: center;
line-height: 33px;
color: #fff;
cursor: pointer;
font-family: fontAwesome;
font-size: 12px;
opacity: .7;
transition: all .3s ease
}
.em-go-fullscreen:before {
content: "\f065"
}
.em-go-fullscreen:focus,
.em-go-fullscreen:hover {
background-color: #444
}
.fullscreen-wrapper.full-view .em-go-fullscreen:before {
content: "\f066"
}
#attachment-comments {
background-color: #f5f5f5
}
.er-product-scene {
position: relative
}
.er-product-scene>div:not(.er-product-left):not(.er-product-right) {
position: static!important
}
.er-product-scene .er-product-left {
position: relative;
width: 66%;
float: left;
background-color: #ededed
}
.er-product-scene .er-product-left .onsale {
z-index: 800;
top: 30px;
left: auto;
right: 30px;
margin: 0;
display: none
}
.er-product-scene .er-product-left .swiper-button-next,
.er-product-scene .er-product-left .swiper-button-prev {
width: 35px;
height: 35px;
line-height: 35px;
text-align: center;
font-size: 14px;
background-color: #fff;
color: #444;
border-radius: 50%;
background-image: none;
top: auto;
bottom: 20px;
right: 30px;
transition: all .3s ease
}
.er-product-scene .er-product-left .swiper-button-next:after,
.er-product-scene .er-product-left .swiper-button-prev:after {
content: "\e9cd";
font-family: ol-icon-set
}
.er-product-scene .er-product-left .swiper-button-next:focus,
.er-product-scene .er-product-left .swiper-button-next:hover,
.er-product-scene .er-product-left .swiper-button-prev:focus,
.er-product-scene .er-product-left .swiper-button-prev:hover {
color: #000;
box-shadow: 0 0 1px 0 rgba(0, 0, 0, .3)
}
.er-product-scene .er-product-left .swiper-button-prev {
left: auto;
right: 80px
}
.er-product-scene .er-product-left .swiper-button-prev:after {
content: "\e9cc"
}
.er-product-scene .er-product-right {
position: relative;
width: 34%;
margin-left: 66%;
height: auto;
min-height: 100%;
padding-bottom: 30px
}
.er-product-scene .er-product-right .summary {
width: 100%!important
}
.er-product-scene .er-product-right .tb-vcenter-wrapper {
padding: 50px
}
.er-product-scene .product-gallery-main {
margin-left: 110px
}
.er-product-scene .product-gallery-main .swiper-slide {
opacity: 0!important
}
.er-product-scene .product-gallery-main .swiper-slide.swiper-slide-active {
opacity: 1!important
}
.er-product-scene .thumb-wrapper {
width: 110px;
position: absolute;
top: 0;
left: 0;
height: 100%;
padding: 100px 20px
}
.er-product-scene .product-gallery-thumbs {
height: 100%;
position: relative;
overflow: hidden
}
.er-product-scene .product-gallery-thumbs .swiper-slide {
height: auto;
opacity: .2
}
.er-product-scene .product-gallery-thumbs .swiper-slide.swiper-slide-active {
opacity: 1
}
.er-product-scene .image-wrapper,
.er-product-scene .swiper-container,
.er-product-scene .swiper-slide,
.er-product-scene .swiper-wrapper {
height: 100%
}
.er-product-scene:after {
content: "";
display: table;
clear: both
}
.single-product .woocommerce-error,
.single-product .woocommerce-info,
.single-product .woocommerce-message {
position: fixed;
bottom: 50px;
left: 50%;
padding: 15px 30px 15px 50px!important;
-ms-transform: translateX(-50%);
transform: translateX(-50%);
min-width: 600px;
max-width: 90%;
z-index: 200;
box-shadow: 0 0 30px 0 rgba(0, 0, 0, .3);
background-color: #fff;
border-top: none;
margin: 0!important;
line-height: 30px;
border-radius: 40px;
animation: i;
animation-delay: 5s;
animation-duration: 1s;
animation-iteration-count: 1;
visibility: visible;
animation-fill-mode: forwards
}
.single-product .woocommerce-error a.button,
.single-product .woocommerce-info a.button,
.single-product .woocommerce-message a.button {
background-color: #444;
color: #eee;
border-radius: 0;
font-size: 12px;
margin-left: 15px
}
.single-product .woocommerce-error a.button:focus,
.single-product .woocommerce-error a.button:hover,
.single-product .woocommerce-info a.button:focus,
.single-product .woocommerce-info a.button:hover,
.single-product .woocommerce-message a.button:focus,
.single-product .woocommerce-message a.button:hover {
color: #fff;
background-color: #444
}
.main-shop-container {
padding-bottom: 40px
}
.woocommerce-page .page-contents {
padding-bottom: 80px
}
@keyframes i {
0% {
bottom: 30px;
opacity: 1;
visibility: visible
}
to {
bottom: -200px;
opacity: 0;
visibility: hidden
}
}
.justified-gallery>.spinner {
display: none
}
.flexslider .flex-direction-nav a.flex-next,
.flexslider .flex-direction-nav a.flex-prev {
font-size: 0;
line-height: 60px
}
.flexslider .flex-direction-nav a.flex-next:before,
.flexslider .flex-direction-nav a.flex-prev:before {
font-family: ol-icon-set;
font-size: 20px;
color: #fff;
text-shadow: 0 0 2px #000
}
.flexslider .flex-direction-nav a.flex-next {
right: 10px!important
}
.flexslider .flex-direction-nav a.flex-next:before {
content: "\e9cb"
}
.flexslider .flex-direction-nav a.flex-prev {
left: 10px!important
}
.flexslider .flex-direction-nav a.flex-prev:before {
content: "\e9c6"
}
-->
/*** Urie added ***/
/* contact form */
div.wpcf7-validation-errors {
border: 1px solid #ccc;
padding: 10px 15px;
}
.gw_lable {
width: 100%;
line-height: 200%;
}
.gw_msg textarea {
padding: 10px;
}
.gw_lineTitle h4 {
margin-top: 0px;
}
/* link */
.gw_btn span {
color: #afafaf;
opacity: 1;
transition: all .25s ease-out;
}
.gw_btn a:hover {
color: #fff;
text-align: right;
}