html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video{margin:0; padding:0; border:0; outline:0; vertical-align:baseline; background:transparent; list-style: none;}
body {line-height: 1;}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {display:block;}
nav ul{list-style:none;}
blockquote, q{quotes:none;}
blockquote:before, blockquote:after,
q:before, q:after{content:''; content:none;}
a{margin:0; padding:0; vertical-align:baseline; background:transparent; text-decoration: none;}
ins{text-decoration:none;}
mark{font-style:italic; font-weight:bold;}
del{text-decoration: line-through;}
abbr[title], dfn[title]{border-bottom:1px dotted; cursor:help;}
table{border-collapse:collapse; border-spacing:0;}
hr{display:block; height:1px; border:0; border-top:1px solid #cccccc; margin:1em 0; padding:0;}
input, select{vertical-align:middle;}   .clearfix:before, .clearfix:after{content: " "; display: table;}
.clearfix:after{clear: both;}
.clearfix {*zoom: 1;}
.row:before, .row:after{content: " "; display: table;}
.row:after{clear: both;}
.row{*zoom: 1;}
.button-group:before, .button-group:after{content: " "; display: table;}
.button-group:after{clear: both;}
.button-group{*zoom: 1;}
.form-row:before, .form-row:after{content: " "; display: table;}
.form-row:after{clear: both;}
.form-row{*zoom: 1;}
.title:before, .title:after{content: " "; display: table;}
.title:after{clear: both;}
.title{*zoom: 1;}
.story:before, .story:after{content: " "; display: table;}
.story:after{clear: both;}
.story{*zoom: 1;}    *{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
html{
font-size: 62.5%;
overflow-x: hidden;
-webkit-text-size-adjust: none;
-webkit-font-smoothing: antialiased;
-moz-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
-webkit-overflow-scrolling: touch;
}
body{
overflow-x: hidden;
font-size: 1.5rem;
line-height: 1.5;
background-color: #454545;
color: rgba(0, 0, 0, 0.55);
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
overflow: hidden;
}
h1,
h2,
h3,
h4,
h5,
h6{
color: rgba(0, 0, 0, 0.85);
font-weight: 400;
}
code,
tt,
kbd{
display: inline;
padding: 4px 6px;
background-color: #eee;
color: #8f8f8f;
font-size: 85%;
font-weight: 700;
font-family: "Courier New", Courier, monospace;
}
pre{
padding: 20px 20px 0;
margin-bottom: 20px;
background-color: #f5f5f5;
border: 1px solid #ddd;
color: #323232;
font-size: 85%;
font-weight: 700;
font-family: "Courier New", Courier, monospace;
text-transform: initial;
overflow-y: scroll;
}
strong{
font-weight: 700;
}
s,
strike,
del{
text-decoration: line-through;
}
u,
ins{
text-decoration: underline;
}
abbr[title],
acronym[title]{
text-decoration: underline dotted;
}
small{
color: rgba(0, 0, 0, 0.5);
font-size: 1.2rem;
}
a{
color: rgba(0, 0, 0, 0.75);
}
a:hover{
color: rgba(0, 0, 0, 1);
}
img{
max-width: 100%;
height: auto;
}
sub, sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup{
top: -0.5em;
}
iframe,
embed,
object{
max-width: 100%;
}
.desktop-collapse{
display: none;
}
.cursor-clickable{
cursor: pointer;
}
.cursor-resizable{
cursor: ew-resize;
}
.cursor-grabable{
cursor: -webkit-grab;
cursor: -moz-grab;
}
.hide{
display: none;
}
.animate{
transition: all 0.2s ease-in-out;
}
.post-date{
display: block;
font-size: 1.2rem;
}
.excerpt{
word-wrap: break-word;
}     .grid{
display:-webkit-flex;
display: flex;
flex-flow: row;
flex-wrap: wrap;
position: relative;
}
.container .grid{
margin-left: -10px;
margin-right: -10px;
}  [class*='column']{
margin-left: 10px;
margin-right: 10px;
margin-bottom: 20px;
position: relative;
max-width: calc(100% - 20px);
}
.column-flush{
margin: 0;
position: relative;
max-width: 100%;
}  .row .column{
float: left;
}
.layers-masonry-column .grid{
-webkit-flex-direction: column;
flex-direction: column;
}
.span-12{
min-width: calc(((100% / 12) * 12) - 20px);
width: calc(100% - 20px);
}
.column-flush.span-12{
min-width: calc((100% / 12) * 12);
width: 100%;
}
.middled,
.row .column.middled{
float: none;
margin-left: auto;
margin-right: auto;
}
.no-gutter{
margin-right: 0 !important;
}  .container.list-masonry{
max-width: 1040px;
padding: 0 10px;
position: relative;
}
.container.list-masonry .grid.loaded > *:not(.masonry-loading){
opacity: 0;
}
.container.list-masonry .grid.loaded > *:not(.masonry-loading){
opacity: 1;
}
.container.list-masonry .masonry-loading{
width: 48px;
height: 48px;
margin: -25px 0 0 -25px;
position: absolute;
left: 50%;
top: 50px;
background: rgba(0, 0, 0, 0.7) url(../../../themes/layerswp/assets/css/images/spinner.gif) no-repeat center center;
border-radius: 100%;
overflow: hidden;
opacity: 0;
}
.list-masonry .grid{
margin-left: 10px;
margin-right: -10px;
}
.list-masonry .column{
margin-left: 0;
margin-right: 0;
}
.container-full-width.list-masonry .grid{
margin-left: 0px;
margin-right: 0px;
}    #wrapper-site,
.wrapper-site{
width: 100%;
position: relative;
left: 0;
top: 0;
transition: left 0.3s ease-in-out 0s,  opacity 0.2s ease-in-out 0.1s, top 0.3s ease-in-out 0s, width 0.3s ease-in-out 0s;
z-index: 2;
opacity: 1;
}
.wrapper-content{
position: relative;
}  .container{
max-width: 1040px;
margin: auto;
padding: 0 20px;
}
.wrapper-site.container{
max-width: 1140px;
}  .content{
padding: 20px;
}
.content-main{
padding: 6% 20px;
}
.content-small{
padding: 10px;
}
.content-large{
padding: 3%;
}
.content-extra-large{
padding: 4%;
}
.content-massive{
padding: 6%;
}  .content-vertical{
padding-top: 2%;
padding-bottom: 2%;
}
.content-vertical-large{
padding-top: 3%;
padding-bottom: 3%;
}
.content-vertical-extra-large{
padding-top: 4%;
padding-bottom: 4%;
}
.content-vertical-massive{
padding-top: 6%;
padding-bottom: 4%;
}
.inset-top{
padding-top: 2%;
}
.inset-top-small{
padding-top: 1%;
}
.inset-top-medium{
padding-top: 3%;
}
.inset-top-large{
padding-top: 6%;
}
.inset-bottom{
padding-bottom: 2%;
}
.inset-bottom-small{
padding-bottom: 1%;
}
.inset-bottom-medium{
padding-bottom: 3%;
}
.inset-bottom-large{
padding-bottom: 6%;
}  .no-inset{
padding: 0;
}
.no-inset-top{
padding-top: 0;
}
.no-inset-bottom{
padding-bottom: 0;
}  .pull-left{
float: left;
}
.column .pull-right,
.column.pull-right{
order: 2;
}
.pull-right{
float: right;
}
.clearit{
clear: both;
}
.image-left{}
.image-right{}
.image-top{}    .push-top{
margin-top: 2%;
}
.push-top-small{
margin-top: 1%;
}
.push-top-medium{
margin-top: 3%;
}
.push-top-large{
margin-top: 6%;
}
.push-bottom{
margin-bottom: 2%;
}
.push-bottom-small{
margin-bottom: 1%;
}
.push-bottom-medium{
margin-bottom: 3%;
}
.push-bottom-large{
margin-bottom: 6%;
}  .push-left{
margin-left: 2%;
}
.push-left-small{
margin-left: 1%;
}
.push-left-medium{
margin-left: 3%;
}
.push-left-large{
margin-left: 6%;
}
.push-right{
margin-right: 2%;
}
.push-right-small{
margin-right: 1%;
}
.push-right-medium{
margin-right: 3%;
}
.push-right-large{
margin-right: 6%;
}  .no-push{
margin: 0;
}
.no-push-bottom{
margin-bottom: 0;
}
.no-push-right{
margin-right: 0;
}  .define{
border: 1px solid rgba(0, 0, 0, 0.1);
}
.define-top{
border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.define-bottom{
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}  .header-site{
background-color: #f3f3f3;
background-position: center;
background-repeat: no-repeat;
position: relative;
z-index: 5;
}
.header-site .container,
.header-site > .header-block{
display: -webkit-flex;
-webkit-flex-wrap: nowrap;
-webkit-align-items: center;
-webkit-justify-content: space-between;
display: flex;
flex-wrap: nowrap;
align-items: center;
justify-content: space-between;
position: relative;
}
.header-site .container{
padding: 10px;
}  .nav-horizontal ul{
display: none;
}  .responsive-nav{
padding: 0;
margin: 0 0 0 20px;
cursor: pointer;
}
.responsive-nav .l-menu{
display: block;
font-size: 24px;
line-height: 40px;
color: #454545;
}  .header-site nav{
display: -webkit-flex;
-webkit-flex-direction: row;
-webkit-align-items: center;
display: flex;
flex-direction: row;
align-items: center;
margin: 0;
line-height: 30px;
}
.header-left .logo{
overflow: hidden;
}
.header-left .sitename{
margin: 0 10px 0 0;
}  .header-right .container,
.header-right > .header-block{
-webkit-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.header-right .logo{
overflow: hidden;
}
.header-right .sitename{
margin: 0 10px 0 0;
}  .header-sticky{
width: 100%;
z-index: 100;
margin-top: 0;
transition: background .1s ease-in-out, margin-top .15s ease-in-out, opacity .15s ease-in-out;
}
.header-sticky.is_stuck{
opacity: 0;
}
.header-sticky.is_stuck.is_stuck_show{
opacity: 1;
}
.header-site.header-sticky{
background-color: rgba(243, 243, 243, 0.5);
}
.header-overlay{
position: absolute;
width: 100%;
z-index: 100;
}
.header-overlay-no-push .header-overlay:not(.is_stuck){
background: transparent;
}  .header-secondary{
display: none;
padding: 10px 0;
background: #333;
}
.header-secondary nav{
margin: 0;
font-size: 1.2rem;
}
.header-secondary .sub-menu{
display: none;
}  .footer-site{
clear: both;
padding-top: 20px;
padding-bottom: 20px;
background-color: #f3f3f3;
}
.footer-site .row{
padding-top: 40px;
padding-bottom: 40px;
}
.footer-site .section-nav-title{
margin-bottom: 15px;
color: #323232;
}
.link-list li{margin: 0 0 6px;}  .copyright{
color: rgba(0, 0, 0, 0.45);
font-size: 1.2rem;
}
.grid.copyright{
padding-top: 0;
padding-bottom: 0;
}
.copyright .column{
margin-bottom: 0;
}
.copyright .nav-horizontal li{
margin: 0 0 0 20px;
}
.copyright .nav-horizontal a{
padding: 0;
font-size: 1.2rem;
font-weight: 700;
}
.copyright .nav-horizontal a:hover{
background: none;
}
.grid + .copyright{
padding-top: 20px;
border-top: 2px solid rgba(0, 0, 0, 0.15);
}
.invert .copyright .nav-horizontal a{
color: rgba(255, 255, 255, 0.75);
}
.invert .copyright .nav-horizontal a:hover{
color: rgba(255, 255, 255, 1);
}  .created-using-layers{
display: none;
}    .title-container{
background-color: #f3f3f3;
}
.title-container .excerpt{
max-width: 745px;
margin-top: 1.5%;
}
.title-container .heading{
color: #323232;
font-size: 4.5rem;
line-height: 5rem;
}
.title-container .excerpt{
color: #8f8f8f;
font-size: 2.5rem;
}
.title-container .excerpt + .button-group{
margin-top: 3%;
}
.title-container .excerpt + .btn-collection{
margin-top: 3%;
}
.title .text-center .excerpt{
margin-left: auto;
margin-right: auto;
}
.title-container .title{
padding: 3% 20px;
max-width: 1040px;
margin: auto;
}  .title.small{
padding: 1%;
}
.title.large{
padding: 3%;
}
.title.extra-large{
padding: 4%;
}
.title.massive{
padding: 6%;
}  .section-title{
margin-bottom: 30px;
}
.section-title .excerpt{
max-width: 745px;
}
.section-title .heading + .excerpt{
margin-top: 10px;
}
.section-title .button{
margin-top: 15px;
}  .section-title.large .excerpt{
max-width: 830px;
}
.section-title.small{
margin-bottom: 15px;
}
.section-title.tiny{
margin-bottom: 15px;
}
.section-title.tiny .excerpt{
margin-top: 0 !important;
}  .section-title.large .heading{
font-size: 4rem;
line-height: 1.25;
}
.section-title.large .excerpt{
font-size: 2.5rem;
}
.section-title.large .excerpt p:not(:first-child){
margin-top: 1.5rem;
}
.section-title.large .excerpt ul,
.section-title.large .excerpt ol {
margin: 0 0 0 5rem;
}
.section-title.large .excerpt ul:not(:first-child),
.section-title.large .excerpt ol:not(:first-child){
margin-top: 1.5rem;
}  .section-title.small .heading{
font-size: 2.5rem;
}
.section-title.small .excerpt{
font-size: 1.5rem;
}
.section-title.small .excerpt p:not(:first-child){
margin-top: .5rem;
}
.section-title.small .excerpt ul,
.section-title.small .excerpt ol {
margin: 0 0 0 3rem;
}
.section-title.small .excerpt ul:not(:first-child),
.section-title.small .excerpt ol:not(:first-child){
margin-top: .5rem;
}  .section-title .heading{
color: rgba(0, 0, 0, 0.85);
font-size: 3rem;
}
.section-title .heading a{
color: rgba(0, 0, 0, 0.85);
}
.section-title .heading a:hover{
color: rgba(0, 0, 0, 1);
}
.section-title .excerpt{
color: rgba(0, 0, 0, 0.55);
font-size: 2rem;
}
.section-title .excerpt p:not(:first-child){
margin-top: 1rem;
}
.section-title .excerpt ul,
.section-title .excerpt ol {
margin: 0 0 0 4rem;
}
.section-title .excerpt ul:not(:first-child),
.section-title .excerpt ol:not(:first-child){
margin-top: 1rem;
}  .section-title.tiny .heading{
font-size: 1.5rem;
font-weight: 700;
}
.section-title.tiny .excerpt{
font-size: 1.3rem;
}
.section-title.tiny .excerpt p:not(:first-child){
margin-top: .5rem;
}
.section-title.tiny .excerpt ul,
.section-title.tiny .excerpt ol {
margin: 0 0 0 3rem;
}
.section-title.tiny .excerpt ul:not(:first-child),
.section-title.tiny .excerpt ol:not(:first-child){
margin-top: 1.5rem;
}
.section-title + .container{
margin-top: 60px;
}
.section-title.text-right .excerpt{
float: right;
}  .section-title.text-center .excerpt{
margin-left: auto;
margin-right: auto;
}  .section-nav-title{
margin: 0 0 10px 0;
color: #8f8f8f;
font-size: 1.2rem;
font-weight: 700;
text-transform: uppercase;
}  .sidebar{
overflow: hidden;
}    .close-canvas{
padding: 4px 8px 3px;
background: rgba(0, 0, 0, 0.2);
z-index: 100;
position: absolute;
top: 0;
right: 0;
border-radius: 0 0 0 3px;
font-size: 1.1rem;
text-transform: uppercase;
text-align: right;
cursor: pointer;
z-index: 2;
}
.close-canvas i{
margin-right: 4px;
font-size: 1rem;
}
.close-canvas:hover{
color: #fff;
}
.admin-bar div[class*=' off-canvas-'] .close-canvas{
top: 32px;
}
div[class*=' off-canvas-']{
padding-top: 30px;
position: fixed;
top: 0;
z-index: 1;
opacity: 0;
-webkit-transform: scale(0.95);
transform: scale(0.95);
transition: all 0.3s ease-in-out 0s;
font-size: 1.4rem;
}
.admin-bar div[class*=' off-canvas-']{
padding-top: 66px;
}
.off-canvas-right{
width: 240px;
height: 100%;
right: 0;
}
.off-canvas-left{
width: 240px;
height: 100%;
}
.off-canvas-top{
width: 100%;
height: 200px;
}
.open[class*=' off-canvas-']{
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
overflow-y: scroll;
}  .off-canvas-right.open ~ .wrapper-site{
left: -240px;
opacity: 0.85;
}
.off-canvas-left.open ~ .wrapper-site{
left: 240px;
opacity: 0.85;
}
.off-canvas-top.open ~ .wrapper-site{
top: 200px;
opacity: 0.85;
}  div[class*=' off-canvas-'] .sub-menu li{
width: auto;
}
div[class*=' off-canvas-'] li{
padding: 5px 0;
}
div[class*=' off-canvas-'] li a{
color: rgba(255, 255, 255, 0.8);
}
div[class*=' off-canvas-'] .section-nav-title{
color: #888;
}
div[class*=' off-canvas-'] .widget.widget_nav_menu{
padding: 20px;
}
div[class*=' off-canvas-'] .widget.widget_nav_menu li{
display: block;
margin: 0;
text-align: left;
}
div[class*=' off-canvas-'] .searchform label{
display: none;
}
div[class*=' off-canvas-'] .searchform input[type="text"]{
background: none repeat scroll 0% 0% rgb(51, 51, 51);
border: 2px solid rgb(85, 85, 85);
}
div[class*=' off-canvas-'] .searchform input[type="submit"]{
display: block;
width: 100%;
height: 32px;
background: #555;
color: #ccc;
font-size: 1.2rem;
}  div[class*=' off-canvas-'] .nav-mobile{
margin-top: 0;
padding-top: 0;
position: relative;
z-index: 1;
}
.admin-bar div[class*=' off-canvas-'] .nav-mobile{
padding-top: 20px;
}
div[class*=' off-canvas-'] .nav-vertical li{
padding: 0;
}
div[class*=' off-canvas-'] .nav-vertical .sub-menu{
display: block;
width: auto;
visibility: visible;
opacity: 1;
position: static;
border: none;
box-shadow: none;
font-size: 1.2rem;
}
div[class*=' off-canvas-'] .nav-vertical .sub-menu li{
border: none;
}     textarea,
input,
select,
button{
width: 100%;
background-color: #fff;
border: 2px solid #eee;
color: #8f8f8f;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 1.5rem;
}
textarea:focus,
input:focus,
select:focus{
border-color: #ccc;
-webkit-appearance: none;
outline: 0;
}
input[type="email"],
input[type="text"],
input[type="url"],
input[type="search"],
input[type="password"],
input[type="number"],
input[type="tel"],
input[type="date"]{
max-width: 500px;
padding: 0 8px;
height: 36px;
-webkit-appearance: none;
-moz-appearance: none;
font-size: 1.5rem;
}
input[type="image"]{
width: auto;
}
textarea{
padding: 10px 8px;
max-width: 660px;
-webkit-appearance: none;
-moz-appearance: none;
}
select{
max-width: 500px;
padding: 0 6px;
height: 36px;
}  input[type=button],
input[type=submit],
button{
display: inline-block;
width: auto;
padding: 5px 10px;
vertical-align: middle;
background-color: #454545;
border: none;
text-align: center;
color: #fff;
font-size: 1.5rem;
font-weight: 700;
font-style: normal;
cursor: pointer;
-webkit-appearance: none;
-moz-appearance: none;
transition: all 0.2s ease-in-out;
}
input[type=button]:hover,
input[type=submit]:hover,
button:hover{
cursor: pointer;
background-color: #ccc;
color: #999;
}
input[type=button]:disabled,
input[type=submit]:disabled{
background-color: #ccc;
color: #999;
}
input[type=submit] + span{
float: left;
margin: 2px 0 0 10px;
font-size: 1.1rem;
font-style: italic;
}  input[type=checkbox]{
border: none;
-webkit-appearance: checkbox;
-moz-appearance: checkbox;
}
input[type=radio]{
border: none;
-webkit-appearance: radio;
-moz-appearance: radio;
}  input[type=upload],
input[type=file]{
max-width: 500px;
padding: 4px;
background-color: #eee;
border: none;
font-size: 1.5rem;
}  label{
clear: both;
display: block;
margin-bottom: 4px;
font-size: 1.5rem;
font-weight: 700;
}
fieldset{
margin-bottom: 10px;
}
legend{
margin: 0 0 10px;
font-size: 1.9rem;
}  form small{
display: block;
margin-top: 5px;
}
form label + small{
max-width: 500px;
margin: 0 0 5px;
}  .form-row{
margin-bottom: 15px;
vertical-align: top;
}
.form-row:last-child{
margin-bottom: 0;
}  form.large label{
font-size: 1.5rem;
}
form.large input[type=email],
form.large input[type=text],
form.large input[type=password]{
height: 47px;
font-size: 2.0rem;
}
form.large .input-append .add-on,
form.large .input-prepend .add-on{
line-height: 43px;
}
form.large .input-append input[type=submit],
form.large .input-append input[type=button],
form.large .input-append button{
height: 47px;
}  form.small .form-row{margin-bottom: 5px;}
form.small input[type=email],
form.small input[type=text],
form.small input[type=password]{
height: 32px;
font-size: 1.3rem;
}
form.small .input-append .add-on,
form.small .input-prepend .add-on{
line-height: 28px;
}
form.small .input-append input[type=submit],
form.small .input-append input[type=button],
form.small .input-append button{
height: 32px;
}  input[type=checkbox]{
width: auto;
height: 14px;
width: 14px;
padding: 0;
margin: 0 5px 0 5px;
vertical-align: middle;
font-size: 1.2rem;
font-weight: 400;
}
.checkbox{
clear: both;
margin: 0;
overflow: hidden;
}
.checkbox input[type=submit],
.checkbox button{
display: inline-block;
margin: 0;
}
.checkbox label{
display: inline-block;
margin-left: 10px;
vertical-align: middle;
}
.checkbox .btn-large + label{
padding-top: 10px;
font-size: 1.3rem;
}  .checkbox-list .checkbox{margin-bottom: 5px;}
.checkbox-list .checkbox label{
margin-left: 0;
font-size: 1.3rem;
}  input[type=radio]{
width: auto;
height: 14px;
width: 14px;
padding: 0;
margin: 0 5px 0 5px;
vertical-align: bottom;
}
.radio-button-group{
display: block;
overflow: hidden;
}
.radio-button-group label{
overflow: hidden;
clear: none;
float: none;
padding: 8px 0;
margin-bottom: 0;
font-size: 1.2rem;
font-weight: 400;
}  .input-prepend,
.input-append{
overflow: hidden;
display: block;
line-height: 32px;
white-space: nowrap;
font-size: 0;
}
.input-prepend .add-on{
display: inline-block;
padding: 0 12px;
background-color: #eee;
border: 2px solid #eee;
border-right-width: 0px;
font-size: 1.5rem;
}
.input-prepend input{
display: inline-block;
vertical-align: top;
}
.input-append .add-on{
display: inline-block;
padding: 0 12px;
background-color: #eee;
border: 2px solid #eee;
border-left-width: 0px;
font-size: 1.5rem;
}
.input-append input[type=text],
.input-append input[type=password],
.input-append input[type=email]{
display: inline-block;
vertical-align: top;
border-right: none;
}
.input-append input[type=submit],
.input-append input[type=button],
.input-append button{
display: inline-block;
height: 36px;
margin: 0;
vertical-align: top;
border-left: none;
}
.input-prepend.input-append input{
border-right-width: 0;
border-right-width: 0;
}
.input-prepend.input-append .add-on:first-child{
border-left-width: 2px;
border-right-width: 0;
}     .button{
display: inline-block;
padding: 5px 15px;
background-color: #454545;
border-width: 0;
border-color: #454545;
border-style: solid;
color: #fff;
text-align: center;
vertical-align: middle;
cursor: pointer;
transition: all 0.2s ease-in-out;
font-weight: 700;
}
.button:hover{
background-color: #323232;
color: #fff;
}  .button.btn-small{
padding: 2px 10px;
font-size: 1.2rem;
}
.button.btn-medium{
padding: 5px 15px;
font-size: 1.5rem;
}
.button.btn-large{
padding: 10px 25px;
font-size: 1.8rem;
}
.button.btn-massive{
padding: 15px 30px;
font-size: 2.0rem;
}
.button.btn-full{
display: block;
width: 100%;
}    input.button{
height: 36px;
padding-top: 0;
padding-bottom: 0;
}  .btn-primary{
background-color: #fc0;
color: #5E2500;
}
.btn-primary:hover{
background-color: #f93;
color: #5E2500;
}  .btn-secondary{
background-color: #A3C567;
color: #37451D;
}
.btn-secondary:hover{
background-color: #93B25E;
color: #37451D;
}  .btn-subtle{
background-color: #eee;
color: #454545;
}
.btn-subtle:hover{
background-color: #eee;
color: #323232;
}  .btn-link{
background: none;
text-decoration: underline;
color: #454545;
}
.btn-link:hover{
background: none;
color: #323232;
}  .button.btn-invert{
background-color: #fff;
color: #454545;
}
.button.btn-invert:hover{
background-color: #454545;
color: #fff;
}  .button-group{
display: inline-block;
margin-bottom: 10px;
vertical-align: middle;
overflow: hidden;
}
.button-group + .button-group{
margin-right: 10px;
}
.pull-right .button-group + .button-group{
margin-left: 10px;
margin-right: 0;
}
.button-group .button{
float: left;
margin: 0;
}  .button-collection{
margin-bottom: 20px;
vertical-align: middle;
overflow: hidden;
}     .badge{
padding: 1px 8px;
background-color: #000;
color: #fff;
}
.button .badge{
margin: 0 2px 0 -10px;
}    .badge.badge-primary{
background-color: #5E2500;
color: #fff;
}  .badge.badge-secondary{
background-color: #37451D;
color: #fff;
}  .badge.badge-subtle{
background-color: #8f8f8f;
color: #fff;
}  .badge.badge-blank{
background-color: #ddd;
color: #323232;
}  .label{
padding: 1px 6px;
background-color: #454545;
color: #fff;
white-space: nowrap;
font-size: 1.2rem;
font-weight: 700;
font-style: normal;
}    .label.label-primary{
background-color: #5E2500;
color: #fff;
}  .label.label-secondary{
background-color: #A3C567;
color: #fff;
}  .label.label-subtle{
background-color: #c0c0c0;
color: #fff;
}  .label.label-error{
background-color: #E2574C;
color: #fff;
}  .label.label-blank{
background-color: #ddd;
color: #323232;
}  .label.label-nofrill{
background: none;
color: #999;
}  .label.label-nofrill{
display: block;
padding: 0;
}  .label-group{
overflow: hidden;
font-size: 0;
}
.label-group .label{
margin: 0;
}   table{
width: 100%;
margin-bottom: 20px;
vertical-align: top;
overflow: hidden;
border: 2px solid rgba(0, 0, 0, 0.08);
}
table th{
padding: 10px;
text-align: left;
vertical-align: middle;
border-bottom: 2px solid rgba(0, 0, 0, 0.08);
color: #454545;
font-size: 1.2rem;
font-weight: 700;
text-transform: uppercase;
}
table td{
padding: 10px;
vertical-align: top;
border-bottom: 2px solid rgba(0, 0, 0, 0.08);
}
table tr:last-child td{
border-bottom: none;
}
table .button-group{
margin-bottom: 0;
}
.section-table-title td{
padding-top: 2px;
padding-bottom: 0;
background-color: #f3f3f3;
color: #8f8f8f;
font-size: 1.1rem;
font-weight: 700;
text-transform: uppercase;
}
table.table-comfortable td{
padding: 14px 10px;
}     #wrapper-site,
.wrapper-site{
background-color: #fff;
}  .well{
background-color: rgba(0, 0, 0, 0.05);
}
.well-block{
background-color: #fff;
border: 3px solid rgba(0, 0, 0, 0.08);
}  .panel{
overflow: hidden;
margin-bottom: 20px;
}
.panel ul{
margin: 0;
padding: 0;
border: 2px solid rgba(0, 0, 0, 0.05);
}
.panel li{
padding: 10px;
background-color: #fff;
border-top: 2px solid rgba(0, 0, 0, 0.05);
}
.panel li:first-child{
border-top: none;
}
.panel .panel-title{
padding: 8px 10px;
background-color: #454545;
color: #fff;
}
.panel .panel-title + ul{
border-top: none;
}
.panel li .heading{
margin-bottom: 5px;
color: #999;
}     .header-site .column{
margin-bottom: 0;
}  .logo{
padding: 0;
}
.sitename{
font-size: 1.8rem;
font-weight: 700;
}
.site-logo-link + .site-description .sitename{
font-size: 1.6rem;
}
.tagline{
font-size: 1.2rem;
font-weight: 700;
}
.site-logo-link,
.logo .custom-logo-link,
.mark{
display: inline-block;
vertical-align: middle;
margin: auto;
font-size: 0;
}
.site-logo-link img,
.custom-logo-link img,
.mark img{
display: inline-block;
max-height: 40px;
margin: auto;
width: auto;
}
.site-description{
display: inline-block;
vertical-align: middle;
}
.site-logo-link + .site-description, .custom-logo-link + .site-description{
margin-left: 10px;
}
.mark + .sitename{
margin-top: 10px;
}
.column .logo{
float: none;
}   .nav{
vertical-align: middle;
display: inline-block;
}
.nav li{
position: relative;
}
.nav-small a,
.nav-small span{
font-size: 1.2rem;
}
.nav a{
color: #323232;
transition: color 0.2s ease-in-out, background 0.2s ease-in-out, border-color 0.2s ease-in-out;
}
.nav a:hover{
color: #8f8f8f;
}
.nav.large{
font-size: 2.0rem;
}
.nav.medium{
font-size: 1.5rem;
}  .nav-horizontal > ul{
float: left;
}
.nav-horizontal li{
float: left;
margin: 0 10px;
}
.nav-horizontal li a{
display: block;
color: #323232;
text-align: center;
font-weight: 700;
}
.nav-horizontal li a:hover{
color: #8f8f8f;
}
.nav-horizontal .special{
padding: 2px 0;
font-size: 1.2rem;
}  .header-site .nav-horizontal > ul > li{
margin: 0 2px;
}
.header-site .nav-horizontal > ul > li > a{
padding: 0 10px;
}  .nav-centered{
text-align: center;
width: 100%;
}
.nav-centered li{
float: none;
display: inline-block;
margin: 0;
}  .nav-vertical{clear: both;}
.nav-vertical a{
display: block;
padding: 5px 0;
font-weight: 700;
}
.nav-vertical a:hover{
background-color: #eee;
color: #323232;
}  .nav-inline li{
display: inline;
margin: 0 15px;
font-size: 1.2rem;
}
.nav-inline a{
color: rgba(255, 255, 255, 0.65);
}
.nav-inline a:hover{
color: #fff;
}  .nav-tabs{
padding: 20px 20px 0;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.nav-tabs ul{
overflow: hidden;
max-width: 1000px;
margin: auto;
}
.nav-tabs li{
float: left;
margin-right: 10px;
}
.nav-tabs a{
display: block;
padding: 6px 15px;
border: 1px solid transparent;
border-bottom: none;
font-weight: 700;
}
.nav-tabs a:hover{
background: rgba(0, 0, 0, 0.1);
}
.nav-tabs .active a{
border-color: rgba(0, 0, 0, 0.1);
}
.nav-small a,
.nav-small span{
padding: 3px 8px;
}  .nav-pills {}
.nav-pills li {
display: inline-block;
}
.nav-pills a{
border: 2px solid #ddd;
color: #8f8f8f;
font-weight: 700;
padding: 2px 10px;
border-radius: 3px;
display: block;
}
.nav-pills a:hover{
background-color: #8f8f8f;
border-color: #454545;
color: #fff;
}
.nav-pills .active a{
background-color: #8f8f8f;
border-color: #454545;
color: #fff;
}
.nav-pills span{
color: #323232;
font-weight: 700;
}  .sub-menu,
.nav .children{
background-color: #fff;
visibility: hidden;
opacity: 0;
position: absolute;
top: 50px;
left: 0;
border: 2px solid #ddd;
z-index: 5;
transition: all 0.4s ease-in-out;
line-height: normal;
}
.sub-menu li,
.nav .children li{
clear: both;
display: block;
width: 180px;
margin: 0;
border: none;
border-bottom: 1px solid #ddd;
}
.sub-menu li:last-child,
.nav .children li:last-child{
border-bottom: none;
}
.sub-menu li a,
.nav .children li a{
display: block;
padding: 8px 10px;
background: none;
color: #454545;
text-transform: none;
text-align: left;
}
.sub-menu li a:hover,
.nav .children li a:hover{
background-color: #333;
color: #fff;
}
.nav li:hover > .sub-menu,
.nav li:hover .children{
visibility: visible;
opacity: 1;
top: 40px;
transition: all 0.2s ease-in-out;
}
.nav > ul > li .sub-menu .sub-menu,
.nav li:hover > .sub-menu .sub-menu,
.nav > ul > li .children .children,
.nav li:hover > .children .children{
left: 185px;
top: -3px;
}
.nav > ul > li:last-child .sub-menu,
.nav > ul > li:last-child .children{
right: 0;
left: auto;
}
.nav li:last-child .sub-menu .sub-menu,
.nav li:last-child .children .children{
right: 185px;
left: auto;
}
.nav-vertical .sub-menu,
.nav-vertical .children{
left: 180px;
right: auto;
top: -3px;
box-shadow: 3px 3px 0px rgba(0, 0, 0, 0.05);
}
.nav-vertical li:hover > .sub-menu,
.nav-vertical li:hover > .children{
top: -3px;
left: 140px;
}
.nav-vertical li:hover > .sub-menu .sub-menu,
.nav-vertical li:hover > .chilren .children{
left: 155px;
right: auto;
top: -3px;
}
#footer .sub-menu{
display: none;
}  .header-site .menu-item-has-children > a:after{
margin-left: 8px;
content: "\e605";
font-family: 'layers-icons';
font-weight: normal;
font-style: normal;
text-decoration: inherit;
opacity: 0.4;
font-weight: normal;
font-size: 0.8rem;
vertical-align: middle;
}
.header-site .sub-menu .menu-item-has-children > a:after{
float: right;
padding: 5px 0 0;
content: "\e600";
}
.header-site .menu-item-has-children > a:hover:after{
opacity: 0.8;
}  .header-site .nav ul li > .sub-menu > li{
opacity: 0;
transform: translate3d(0, 5px, 0);
transition: 0.25s opacity ease-in-out 0.05s,
0.25s transform ease-in-out 0.05s;
}
.header-site .nav ul li:hover > .sub-menu > li{
opacity: 1;
transform: translate3d(0, 0, 0);
}
.header-site .nav ul li:hover > .sub-menu > li:nth-child(2){transition-delay: 0.07s;}
.header-site .nav ul li:hover > .sub-menu > li:nth-child(3){transition-delay: 0.09s;}
.header-site .nav ul li:hover > .sub-menu > li:nth-child(4){transition-delay: 0.11s;}
.header-site .nav ul li:hover > .sub-menu > li:nth-child(5){transition-delay: 0.13s;}
.header-site .nav ul li:hover > .sub-menu > li:nth-child(6){transition-delay: 0.15s;}
.header-site .nav ul li:hover > .sub-menu > li:nth-child(7){transition-delay: 0.17s;}  .nav-absolute{
position: absolute;
width: 100%;
padding: 5px 10px;
color: #999;
font-size: 1.2rem;
}
.nav-absolute li{
display: inline;
}
.nav-absolute a{
color: #ccc;
}
.nav-absolute a:hover{
color: #fff;
}  .sticky-nav{
width: 100%;
padding: 8px 0;
position: fixed;
top: -50px;
overflow: hidden;
z-index: 11;
opacity: 0;
visibility: hidden;
transition: all 0.2s ease-in-out;
background-color: rgba(255, 255, 255, 0.95);
box-shadow: 0px 3px 0px rgba(0, 0, 0, 0.1);
}
.sticky-nav.sticky-nav-on{
opacity: 1;
visibility: visible;
top: 0;
}
.sticky-nav h4{
padding: 2px 0;
font-size: 2.0rem;
}
.sticky-nav h4 small{
margin-left: 10px;
text-transform: uppercase;
}  .bread-crumbs{
display: inline-block;
margin: 0 0 15px;
overflow: hidden;
color: rgba(0, 0, 0, 0.55);
font-size: 1.2rem;
}
.bread-crumbs li{
float: left;
margin-right: 10px;
}
.bread-crumbs a{
color: rgba(0, 0, 0, 0.75);
}
.bread-crumbs a:hover{
color: rgba(0, 0, 0, 0.85);
text-decoration: underline;
}
.title-small .bread-crumbs{
margin: -30px 0 25px;
}  .pagination{
clear: both;
display: inline-block;
overflow: hidden;
margin: 0 20px 20px 0;
}
.pagination li{
float: left;
border-right: 1px solid #eee;
overflow: hidden;
font-size: 1.3rem;
font-weight: 700;
}
.pagination li:last-child{
border-right: none;
}
.pagination a,
.pagination span{
display: inline-block;
min-width: 38px;
padding: 4px 10px;
background-color: #f5f5f5;
color: #454545;
text-align: center;
}
.pagination a:hover{
background-color: #454545;
color: #fff;
}
.pagination .current{
border-color: #323232;
}
.pagination .current{
background-color: #454545;
color: #fff;
}
.pagination li.next{
margin-right: 10px;
border: none;
}     #back-to-top{
display: none;
position: fixed;
bottom: 30px;
right: 30px;
z-index: 10;
}
#back-to-top a{
display: block;
width: 32px;
height: 32px;
background: url(../../../themes/layerswp/assets/css/images/arrow-up-small.png) no-repeat;
background-size: 32px 32px;
text-indent: -999px;
overflow: hidden;
}  .media{
overflow: hidden;
display: block;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.media-image{
text-align: center;
margin-right: auto;
margin-left: auto;
}
.media-image img{
display: block;
margin: auto;
}
.media-image video{
width: 100%;
height: auto;
object-fit: fill;
}
.media-image.small img{
max-width: 64px;
}
.image-rounded img,
.media-image.image-rounded img{
border-radius: 100%;
}
.media .media-body{
display: block;
overflow: hidden;
}
.column:not(.span-12) .media .excerpt{
max-width: 745px;
}
.media .text-center .excerpt{
margin-left: auto;
margin-right: auto;
}  .media.image-top .media-body{
float: none;
}
.has-image .media-body{
margin-top: 15px;
}  .media.small .heading + .excerpt{
margin-top: 5px;
}
.has-image .small .media-body{
margin-top: 10px;
}
.media.small p:not(:first-child),
.media.small .button{
margin-top: 1.3rem;
}
.media.small .heading{
font-size: 1.5rem;
font-weight: 700;
}
.media.small .excerpt{
font-size: 1.3rem;
}
.media.small .excerpt ul,
.media.small .excerpt ol {
margin: 0 0 0 3rem;
}
.media.small .excerpt ul:not(:first-child),
.media.small .excerpt ol:not(:first-child){
margin-top: 1.3rem;
}  .media.medium .heading + .excerpt{
margin-top: 10px;
}
.media .heading{
font-size: 2.0rem;
}
.media .heading + .excerpt{
font-size: 1.5rem;
}
.media.medium p:not(:first-child),
.media.medium .button{
margin-top: 1.5rem;
}
.media.medium .excerpt ul,
.media.medium .excerpt ol {
margin: 0 0 0 3rem;
}
.media.medium .excerpt ul:not(:first-child),
.media.medium .excerpt ol:not(:first-child){
margin-top: 1.5rem;
}  .media.large .heading + .excerpt{
margin-top: 10px;
}
.media.large .text-center .excerpt{
margin-left: auto;
margin-right: auto;
}
.media.large p:not(:first-child),
.media.large .button{
margin-top: 2rem;
}
.media.large .heading{
font-size: 2.8rem;
}
.media.large .excerpt{
font-size: 2rem;
}
.media.large .excerpt ul,
.media.large .excerpt ol {
margin: 0 0 0 4rem;
}
.media.large .excerpt ul:not(:first-child),
.media.large .excerpt ol:not(:first-child){
margin-top: 2rem;
}  .thumbnail{
display: block;
position: relative;
overflow: hidden;
}
.thumbnail.hide{
display: none;
}
.thumbnail-title{
padding: 0 20px 20px;
}
.thumbnail-title.small{
padding: 0 10px 10px;
}
.thumbnail-media{
display: block;
overflow: hidden;
position: relative;
z-index: 1;
}
.thumbnail-media.image-rounded{
border-radius: 100%;
}
.thumbnail-media img{
display: block;
margin: auto;
-webkit-transform: scale(1);
transform: scale(1);
transition: 0.2s all ease-in-out, 4s transform ease-in-out;
}
.thumbnail-media:hover img{
-webkit-transform: scale(1.08);
transform: scale(1.08);
}
.thumbnail-body{
padding: 20px;
overflow: hidden;
position: relative;
z-index: 2;
background-color: #f5f5f5;
}
.thumbnail-body .heading{
margin: 0;
color: #000;
font-size: 2rem;
font-weight: 400;
}
.thumbnail-body .heading.small{
font-size: 1.2rem;
}
.thumbnail-body .excerpt{
color: rgba(0, 0, 0, 0.55);
}
.thumbnail-body p{
margin: 10px 0 0;
}
.thumbnail-body p + .feature-list{
margin: 20px 0 0;
}
.thumbnail-body .button{
margin-top: 20px;
}
.thumbnail-body.body-small{
padding: 0 10px 10px;
}
.thumbnail .button-group{
margin: 20px 0 0;
}
.thumbnail .btn-collection{
margin: 20px 0 0;
}  .thumbnail-body .article-title + .excerpt{
margin-top: 10px;
}
.thumbnail-body .article-title + .meta-info{
margin-top: 10px;
}   .copy{
font-size: 1.5rem;
}
.copy.small{
font-size: 1.3rem;
}
.copy p{
margin-bottom: 16px;
}
.copy a{
border-bottom: 1px solid #ddd;
}
.copy a:hover{
border-color: #999;
}
.copy ul{
list-style: disc;
margin: 0 0 26px;
}
.copy ul li{
list-style: disc;
margin: 0 0 6px 30px;
}
.copy ol{
list-style: decimal;
margin: 0 0 26px;
}
.copy ol li{
list-style: decimal;
margin: 0 0 6px 20px;
}
.copy ul ul,
.copy ul ol,
.copy ol ol,
.copy ol ul{
margin-bottom: 0;
}
.copy dl{
margin: 0 0 26px;
}
.copy dd{
margin-left: 36px;
}
.copy img{
display: block;
max-width: 98%;
height: auto;
}
.copy h1{
margin-bottom: 26px;
font-size: 3.2rem;
font-weight: 700;
}
.copy h2{
margin-bottom: 26px;
font-size: 2.2rem;
font-weight: 700;
}
.copy h3{
margin-bottom: 26px;
font-size: 1.8rem;
font-weight: 700;
}
.copy h4{
margin-bottom: 26px;
font-size: 1.5rem;
font-weight: 700;
}
.copy h5{
margin-bottom: 26px;
font-size: 1.3rem;
font-weight: 700;
}
.copy h6{
margin-bottom: 26px;
font-size: 1.3rem;
}
.copy blockquote{
padding-left: 26px;
margin-bottom: 20px;
font-size: 2.0rem;
font-weight: 700;
}
.copy a.button{
border-bottom: none;
}   .excerpt li{
list-style-type: inherit;
}
.excerpt li ul,
.excerpt li ol {
margin:0 1.5rem;
}
.excerpt ul,
.excerpt ol {
margin: 0 0 0 3rem;
}
.text-center ul, .text-right ul,
.text-center ol, .text-right ol{
margin-left: 0 !important;
margin-right: 0 !important;
}
.text-center ul li, .text-right ul li,
.text-center ol li, .text-right ol li {
list-style-position: inside;
}
.excerpt ul:not(:first-child),
.excerpt ol:not(:first-child){
margin-top: 1.5rem;
}
.excerpt ul {
list-style-type:disc;
}
.excerpt ol {
list-style-type:decimal;
}
.excerpt ol ol {
list-style: upper-alpha;
}
.excerpt ol ol ol {
list-style: lower-roman;
}
.excerpt ol ol ol ol {
list-style: lower-alpha;
}   .no-fill{
background: none !important;
}   .text-left{
text-align: left;
}
.text-right{
text-align: right;
}
.text-center{
text-align: center;
}
.text-justify{
text-align: justify;
}   .invert{
border: none;
color: rgba(255, 255, 255, 0.85);
}
.invert h1,
.invert h2,
.invert h3,
.invert h4,
.invert h5,
.invert h6{
color: rgba(255, 255, 255, 0.95);
}
.invert code{
background: rgba(255, 255, 255, 0.2);
color: #fff;
padding: 2px 4px;
}
.invert label,
.invert legend{
color: #fff;
}
.invert small{
color: rgba(255, 255, 255, 0.7);
}
.invert a{
color: #fff;
}
.invert a:hover{
color: #fff;
}
.invert .copy a:not(.button),
.invert .story a:not(.button) {
color: rgba(255, 255, 255, 0.7);
border-bottom-color: rgba(255, 255, 255, 0.7);
}
.invert blockquote{
background: rgba(255, 255, 255, 0.15);
color: rgba(255, 255, 255, 0.55);
}
.invert input,
.invert textarea,
.invert select{
border-color: transparent;
}
.invert .input-prepend .add-on,
.invert .input-append .add-on{
border-color: transparent;
background: #323232;
color: #fff;
}  .invert .section-title .heading,
.invert.section-title .heading{
color: #fff;
}
.invert .section-title .excerpt,
.invert.section-title .excerpt{
color: rgba(255, 255, 255, 0.8);
}
.invert .section-title .heading a,
.invert.section-title .heading a{
color: #fff;
}  .invert .sitename{
color: #fff;
}
.invert .tagline{
color: rgba(255, 255, 255, 0.9);
}  .invert .heading{
color: #fff;
}
.invert .sub-header,
.invert .excerpt{
color: rgba(255, 255, 255, 0.9);
}  .invert .nav > li > a{
color: rgba(255, 255, 255, 0.8);
}
.invert .nav > li > a:hover{
color: rgba(255, 255, 255, 1);
}
.invert .nav-tabs a{
color: #fff;
}  .header-site.invert .nav-horizontal > ul > li > a{
color: rgba(255, 255, 255, 1);
}
.header-site.invert .nav-horizontal > ul > li > a:hover{
color: rgba(255, 255, 255, 0.7);
}
.header-site.invert .responsive-nav .l-menu{
color: rgba(255, 255, 255, 1);
}  .invert .bread-crumbs{
color: rgba(255, 255, 255, 0.55);
}
.invert .bread-crumbs a,
.invert .bread-crumbs a:hover{
color: rgba(255, 255, 255, 0.75);
}  .invert-block{
background: #323232;
overflow: hidden;
color: #ccc;
}
.thumbnail .invert-block{
margin: 20px -20px -20px;
}  .invert .nav-vertical li a:hover{
background: none;
color: #fff;
}
.invert .sub-menu,
.invert .sub-menu li a{
background: none;
}
.header-site.invert .sub-menu,
.header-site.invert .sub-menu li a{
background: #fff;
color: #000;
}
.header-site.invert .sub-menu li a:hover{
background-color: #323232;
color: #fff;
}
.invert .responsive-nav .l-menu{
color: #fff;
}    .invert-block .btn-link{
color: #ccc;
}
.invert-block .btn-link:hover{
color: #fff;
}  .invert .btn-primary{
color: #5E2500;
}
.invert .btn-primary:hover{
color: #5E2500;
}  .invert-block .btn-subtle{
background-color: #454545;
color: #fff;
}
.invert-block .btn-subtle:hover{
background-color: #009EEC;
color: #fff;
}  .invert .comment {
color: rgba(255, 255, 255, 0.75);
}  .invert .copyright {
color: rgba(255,255,255,0.55);
}
.footer-site.invert .section-nav-title{
color: rgba(255,255,255,0.55);
}.advanced-layout{
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-orient: horizontal;
-webkit-flex-direction: row;
flex-direction: row;
}
.advanced-layout-left .header-site{
order: 1;
width: 20%;
}
.advanced-layout-left .wrapper-content{
order: 2;
width: 80%;
}
.advanced-layout-right .header-site{
order: 2;
width: 20%;
}
.advanced-layout-right .wrapper-content{
order: 1;
}   .swiper-container.container{
padding: 0px;
}
.swiper-container.loading{
opacity: 0;
transition: .2s ease-in-out;
}
.swiper-container.loaded {
transition: .2s ease-in-out;
}  .swiper-slide img{
display: block;
margin: auto;
}
.swiper-slide .overlay{
display: flex;
display: -webkit-flex;
width: 100%;
height: 100%;
position: relative;
}
.auto-height .swiper-slide .overlay{
padding-top: 60px;
padding-bottom: 60px;
}
.swiper-slide .container{
display: -webkit-flex;
-webkit-flex-direction: column;
-webkit-justify-content: center;
-webkit-align-items: center;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
padding: 0;
}
.swiper-slide .copy-container,
.swiper-slide .image-container{
width: 100%;
position: relative;
}
.swiper-slide .section-title{
margin-bottom: 0;
}
.slide:not(.single-slide) .swiper-slide{
cursor: -webkit-grab;
cursor: -moz-grab;
}  .swiper-container.full-screen{
height: 100vh ;
}
.layers-header-overlay .wrapper-content .widget:first-child.swiper-container .container{
padding-top: 4%;
}  .swiper-slide.image-top .container{
flex-direction: column-reverse;
-webkit-flex-direction: column-reverse;
}
.swiper-slide .copy-container + .image-container{
margin-top: 30px;
}
.swiper-slide.image-top .copy-container + .image-container{
margin-top: 0;
margin-bottom: 30px;
}
.swiper-slide.image-bottom .overlay{
flex-direction: column;
-webkit-flex-direction: column;
}    .swiper-container .pages{
position: absolute;
bottom: 0;
opacity: 0;
z-index: 2000;
width: 100%;
text-align: center;
}
.swiper-container:hover .pages{
bottom: 16px;
opacity: 1;
}
.swiper-container .swiper-pagination-switch{
display: inline-block;
width: 8px;
height: 8px;
margin: 8px;
background: #fff;
border: 2px solid transparent;
border-radius: 100px;
overflow: hidden;
text-indent: -999px;
cursor: pointer;
-webkit-transform: scale(1);
transform: scale(1);
transition: all 0.2s ease-in-out;
}
.swiper-container .swiper-pagination-switch:hover{
-webkit-transform: scale(1.5);
transform: scale(1.5);
background: transparent;
border: 2px solid #fff;
}
.swiper-container .swiper-pagination-switch.swiper-visible-switch.swiper-active-switch{
-webkit-transform: scale(1.5);
transform: scale(1.5);
background: transparent;
border: 2px solid #fff;
}  .swiper-container .arrows{
position: absolute;
top: 50%;
width: 100%;
z-index: 2000;
margin-top: -25px;
}
.swiper-container .arrows a{
position: absolute;
opacity: 0;
display: block;
overflow: hidden;
color: #fff;
font-size: 32px;
line-height: 50px;
}
.swiper-container .arrows .l-left-arrow{
left: 0;
}
.swiper-container .arrows .l-right-arrow{
right: 0;
}
.swiper-container:hover .arrows .l-left-arrow{
left: 10px;
opacity: 1;
}
.swiper-container:hover .arrows .l-right-arrow{
right: 10px;
opacity: 1;
}   .feature-list .media-body .excerpt ol,
.feature-list .media-body .excerpt ul{
list-style: none;
margin: 0;
padding: 0;
}
.feature-list .excerpt del,
.feature-list .excerpt s{
text-decoration: none;
}
.feature-list .excerpt del:before,
.feature-list .excerpt s:before{
margin-right: 8px;
content: "\e900";
font-family: 'layers-icons';
font-size: 1.4rem;
}
.feature-list .excerpt em{
font-style: normal;
}
.feature-list .excerpt em:before{
margin-right: 8px;
content: "\e901";
font-family: 'layers-icons';
font-size: 1.4rem;
}   .darken{
position: relative;
}
.overlay.darken{
background: rgba(0, 0, 0, 0.2);
}
:not(.overlay).darken .container:before{
content: " ";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.2);
}   .avatar{
display: block;
position: relative;
}
.avatar .avatar-image{
display: block;
float: left;
margin-right: 10px;
max-width: 54px;
border-radius: 100%;
position: relative;
z-index: 1;
}
.avatar .avatar-image img{
display: block;
margin: auto;
border-radius: 100%;
}
.avatar .avatar-body{
overflow: hidden;
padding: 5px 0;
}
.avatar .avatar-body .avatar-name{
display: block;
font-weight: 700;
}
.avatar.middled{
margin-left: auto;
margin-right: auto;
text-align: center;
}
.avatar.middled .avatar-image{
float: none;
margin: auto;
}   .story{
font-size: 1.6rem;
word-wrap: break-word;
}
.story p{
margin-bottom: 20px;
}
.story address{
margin-bottom: 26px;
}
.story a:not(.button){
text-decoration: underline;
}
.story ul{
list-style: disc;
margin: 0 0 26px 35px;
}
.story ul li{
list-style: disc;
margin: 0 0 6px;
}
.story ol{
list-style: decimal;
margin: 0 0 26px 35px;
}
.story ol li{
list-style: decimal;
margin: 0 0 6px;
}
.story ul ul,
.story ul ol,
.story ol ol,
.story ol ul{
margin-bottom: 0;
}
.story .feature-list{
list-style: none;
margin-left: 15px;
}
.story dl{
margin: 0 0 26px;
}
.story dd{
margin-left: 36px;
}
.story img{
max-width: 100%;
height: auto;
}
.story img.align-center{
display: block;
}
.story h1{
margin-bottom: 26px;
font-size: 3.2rem;
font-weight: 700;
}
.story h2{
margin-bottom: 26px;
font-size: 2.2rem;
font-weight: 700;
}
.story h3{
margin-bottom: 26px;
font-size: 2.0rem;
font-weight: 700;
}
.story h4{
margin-bottom: 26px;
font-size: 1.8rem;
font-weight: 700;
}
.story h5{
margin-bottom: 26px;
font-size: 1.4rem;
font-weight: 700;
}
.story h6{
margin-bottom: 26px;
font-size: 1.4rem;
}
.story table{
font-size: 1.4rem;
}
.story blockquote{
padding: 20px;
margin-bottom: 26px;
background: rgba(0, 0, 0, 0.05);
color: rgba(0, 0, 0, 0.55);
}
.story blockquote p:last-child{
margin-bottom: 0;
}  .wp-caption{
max-width: 100%;
padding: 10px;
background: #f0f0f0;
}
.wp-caption-text{
padding: 10px 5px 5px;
margin: 0;
color: #777;
font-size: 1.4rem;
}
.wp-caption p.wp-caption-text{
padding: 10px 5px 5px;
margin: 0;
}
.wp-caption.alignright,
.story img.alignright{
float: right;
max-width: 320px;
margin: -10px 0 10px 20px;
}
.wp-caption.alignleft{
float: left;
max-width: 320px;
margin: 0 20px 10px 0;
}
.wp-caption.alignnone{
margin: 5px 20px 20px 0;
}
.gallery-caption{
font-size: 1.2rem;
}
.bypostauthor{
color: #777;
}
.alignleft{
float: left;
}
.alignright{
float: right;
}
.aligncenter{
clear: both;
margin-left: auto;
margin-right: auto;
text-align: center;
}
.wp-caption.aligncenter{
margin-bottom: 20px;
}     .meta-info{
clear: both;
color: rgba(0, 0, 0, 0.65);
font-size: 1.2rem;
}
.meta-info + .heading{
margin-top: 15px;
}
.meta-info p{
margin: 0;
}
.meta{
overflow: hidden;
color: #8f8f8f;
font-size: 1.2rem;
text-transform: uppercase;
}
.meta-list{
overflow: hidden;
}
.meta-list li{
padding: 5px 0;
color: #777;
}
div + .meta-list{
margin-top: 10px;
}
.meta-item{
display: block;
margin-top: 2px;
}
.meta-item:first-child{
margin-top: 0;
}
.meta-item i{
display: inline-block;
width: 16px;
}
.meta-info + .heading,
.excerpt + .meta-info{
margin-top: 15px;
}
.meta-info p{
margin: 0;
}  .single .meta-item{
display: inline-block;
margin-right: 15px;
}
.single .meta-info-vertical .meta-item{
display: block;
margin-right: 0;
}   .comment{
clear: both;
}
.comment .comment{
margin-top: 20px;
}
.comment .comment:last-child{
margin-bottom: 0;
}   .comment-notes{
margin-bottom: 20px;
color: #999;
font-size: 1.2rem;
}
.comment-respond{
clear: both;
margin-top: 6%;
}
.comment-list .comment-respond{
margin-top: 0;
padding: 20px;
background: rgba(0, 0, 0, 0.05);
}
.comment-list .comment .comment-respond{
margin-top: 20px;
}
.comment-reply-title{
color: #323232;
font-size: 2.5rem;
}
.logged-in-as{
margin-bottom: 20px;
font-size: 1.2rem;
}
.logged-in-as a{
color: rgba(0, 0, 0, 0.55);
}
.logged-in-as a:hover{
text-decoration: underline;
}
p[class*='comment-form'] .required{
color: #900;
}
p[class*='comment-form']{
margin-bottom: 15px;
}
.form-allowed-tags{
max-width: 660px;
margin-bottom: 15px;
font-size: 1.2rem;
}
.form-allowed-tags code{
padding: 0;
background: none;
}
.form-submit input[type=submit]{
display: inline-block;
padding: 4px 14px;
vertical-align: middle;
background: #454545;
border: none;
color: #fff;
text-align: center;
font-weight: 700;
cursor: pointer;
transition: all 0.2s ease-in-out;
}
.form-submit input[type=submit]:hover{
background: #323232;
color: #fff;
}   .sidebar .widget li:not(:last-child){
padding: 0 0 6px;
margin: 0 0 6px;
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.sidebar .widget li ul{
margin: 6px 0 0 10px;
}
.footer-site .widget li{
margin-bottom: 8px;
}
.footer-site .widget li:last-child{
border-bottom: none;
}  .widget.widget_nav_menu{
max-width: none;
margin: 0;
}
.wrapper-site .menu-main-menu-container{
max-width: 1040px;
padding: 20px 0;
margin: auto;
overflow: hidden;
text-align: center;
}
.menu-main-menu-container li{
display: inline;
margin: 0 10px;
}
.menu-main-menu-container li a{
display: inline-block;
color: #323232;
text-align: center;
font-weight: 700;
}
.menu-main-menu-container li a:hover{
color: #8F8F8F;
}  .sidebar .widget.widget_nav_menu{
margin-bottom: 20px;
}
.sidebar .menu-main-menu-container{
padding: 0;
}
.sidebar .menu-main-menu-container li{
display: block;
font-weight: normal;
}
.sidebar .menu-main-menu-container li a{
display: block;
text-align: left;
} .sidebar .widget.widget_nav_menu .sub-menu {
background-color: transparent;
visibility: visible;
opacity: 1;
position: relative;
top: auto;
left: auto;
border: none;
}
.sidebar .widget.widget_nav_menu .sub-menu li a {
padding: 0;
}
.sidebar .widget.widget_nav_menu .sub-menu li a:hover {
background-color: transparent;
color: rgba(0, 0, 0, 1);
}  .screen-reader-text{
display: none;
}
.search-form{
overflow: hidden;
}
.search-form label{
margin-bottom: 0;
}
aside .search-submit{
display: block;
width: 100%;
}
aside .search-field{
margin-bottom: 5px;
}  .footer-site .search-form label{
width: 70%;
float: left;
}
.footer-site .search-form .search-field{
border-radius: 4px 0 0 4px;
}
.footer-site .search-submit{
width: 30%;
float: left;
height: 36px;
border-radius: 0 4px 4px 0;
}  #wp-calendar{
font-size: 1.2rem;
}
#wp-calendar caption{
text-align: left;
text-transform: uppercase;
font-size: 1rem;
font-weight: 700;
}
#wp-calendar th,
#wp-calendar td{
padding: 5px;
}   .layers-contact-widget img.google-map-img{
width: 100%;
}
.row.has-map{
padding-top: 0;
}
.full-width .layers-map{
margin: 0 -10px;
}
.layers-map img{
width: auto;
max-width: none;
display: block;
}   .tooltip{
cursor: help;
position: relative;
}
.tooltip:after{
width: 220px;
padding: 15px;
border-radius: 4px;
position: absolute;
left: -15px;
bottom: 40px;
z-index: 98;
background: rgba(0, 0, 0, 0.85);
content: attr(title);
visibility: hidden;
opacity: 0;
transition: all 0.2s ease-in-out;
}
.tooltip:before{
border: solid;
content: "";
position: absolute;
left: 15px;
bottom: 34px;
z-index: 99;
border: solid;
border-color: rgba(0, 0, 0, 0.85) transparent;
visibility: hidden;
opacity: 0;
transition: all 0.2s ease-in-out;
}
.tooltip:hover:after{
opacity: 1;
visibility: visible;
bottom: 35px;
}
.tooltip:hover:before{
opacity: 1;
visibility: visible;
bottom: 29px;
}     .wpcf7-form p{
margin-bottom: 15px;
vertical-align: top;
font-weight: bold;
}
.wpcf7-form br{
display: none;
}
.wpcf7-form-control-wrap{
display: block;
margin-top: 4px;
font-weight: normal;
}   .invert .meta-info{
color: rgba(255, 255, 255, 0.65);
}
.invert .meta-info a{
color: rgba(255, 255, 255, 0.85);
}
.invert .meta-info a:hover{
color: rgba(255, 255, 255, 1);
}  .success{
display: inline-block;
padding: 5px 10px;
background: #fff;
border: 1px solid #A3C567;
font-weight: bold;
color: #A3C567;
border-left:  4px solid #A3C567;
}  .status-notice{
display: block;
margin-bottom: 10px;
border: 1px solid;
color: #fff;
font-weight: bold;
overflow: hidden;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
line-height: 32px;
}
a.status-notice:hover{
color: #fff;
text-decoration: none;
}
a.status-notice:hover span{
text-decoration: underline;
}
.status-notice [class^="icon-"],
.status-notice [class*=" icon-"]{
float: left;
width: 32px;
border-right: 1px solid rgba(0, 0, 0, 0.2);
text-align: center;
font-size: 14px;
line-height: 32px;
}
.status-notice-heading{
margin: 0;
padding: 0;
font-size: 12px;
font-weight: bold;
line-height: 12px;
}
.status-notice-heading span{
float: left;
padding: 10px 0 10px 8px;
overflow: hidden;
}  .status-good{
background: #A3C567;
border-color: #93B25E;
}
.status-neutral{
background: #2EA2CC;
border-color: #0074A2;
}
.status-bad{
background: #E1574C;
border-color: #B0453D;
}   @media only screen and (max-width: 480px){
.swiper-container .arrows{
display: none;
}
}
@media only screen and (min-width: 769px) {
.sidebar .search-field{
width: 65%;
float: left;
}
.sidebar .search-submit{
float: left;
width: 35%;
height: 36px;
}
}@media only screen and (max-width: 480px){    .span-2{
width: calc(((100% / 12) * 6) - 20px);
}
.column-flush.span-2{
width: calc(((100% / 12) * 6));
}  .row .column.span-1:nth-child(6n+7),
.row .column.span-2:nth-child(2n+3){
clear: left;
}  .span-3,
.span-4,
.span-5,
.span-6,
.span-7,
.span-8,
.span-9,
.span-10,
.span-11{
width: calc(((100% / 12) * 12) - 20px);
}
.column-flush.span-3,
.column-flush.span-4,
.column-flush.span-5,
.column-flush.span-6,
.column-flush.span-7,
.column-flush.span-8,
.column-flush.span-9,
.column-flush.span-10,
.column-flush.span-11{
width: calc(((100% / 12) * 12));
}  .list-masonry .grid{
margin-left: 10px;
margin-right: -10px;
}    .header-right .responsive-nav{
margin-left: 0;
}  .nav-tabs{
padding: 5px;
}
.nav-tabs li{
width: 50%;
padding: 5px;
margin: 0;
}  .nav-vertical{
display: block;
}
.nav-vertical .sub-menu{
width: auto;
position: static;
visibility: visible;
opacity: 1;
left: auto;
right: auto;
top: auto;
box-shadow: none;
border: none;
font-size: 1.2rem;
}
.nav-vertical .sub-menu .sub-menu{
margin-left: 10px;
}
.nav-vertical .sub-menu li{
border: none;
width: auto;
}  .swiper-slide .section-title.large .heading{
font-size: 3rem;
}
.swiper-slide .section-title.large .excerpt{
font-size: 2rem;
}    .single .meta-item{
display: block;
}    .media.image-right .media-image,
.media.image-left .media-image{
float: none;
max-width: none;
margin: 0 0 20px;
}    .copyright .column{
margin-bottom: 10px;
}
.copyright .column:last-child{
margin-bottom: 0;
}
.copyright .logo{
display: none;
}
.copyright .t-right{
text-align: left;
}
.copyright .pull-right{
float: none;
}
.copyright .nav-horizontal{
margin-top: 10px;
}
.copyright .nav-horizontal li{
margin: 0 10px 0 0;
}
}   @media only screen and (min-width: 481px){  .span-4{
width: calc(((100% / 12) * 4) - 20px);
}
.column-flush.span-4{
width: calc((100% / 12) * 4);
}  .span-5,
.span-6,
.span-7{
width: calc(((100% / 12) * 6) - 20px);
}
.column-flush.span-5,
.column-flush.span-6,
.column-flush.span-7{
width: calc((100% / 12) * 6);
}  .header-secondary{
display: block;
}
.body-header-sidebar .header-secondary .container{
max-width: none;
padding: 0 10px;
}    .image-left .media-image{
float: left;
max-width: 49%;
margin-right: 20px;
}
.image-right .media-image{
float: right;
max-width: 49%;
margin-right: 0;
margin-left: 20px;
}
.image-left .media-body,
.image-right .media-body{
margin-top: 0;
}  .span-3 .image-left .media-image,
.span-4 .image-left .media-image{
max-width: 33%;
}
.span-3 .image-right .media-image,
.span-4 .image-right .media-image{
max-width: 33%;
}
}   @media only screen and (min-width: 481px) and (max-width: 640px){    .image-left .media-image,
.image-right .media-image{
float: none;
max-width: none;
margin-left: 0;
margin-right: 0;
}
.span-3 .image-left .media-image,
.span-4 .image-left .media-image,
.span-3 .image-right .media-image,
.span-4 .image-right .media-image{
max-width: none;
}
.image-left .media-body,
.image-right .media-body{
margin-top: 10px;
}
}   @media only screen and (min-width: 481px) and (max-width: 768px){  .span-2{
width: calc(((100% / 12) * 4) - 20px);
}
.column-flush.span-2{
width: calc((100% / 12) * 4);
}  .span-3{
width: calc(((100% / 12) * 6) - 20px);
}
.column-flush.span-3{
width: calc((100% / 12) * 6);
}   .span-3 + .span-6{
width: calc(((100% / 12) * 12) - 20px);
}   .span-8{
width: calc(((100% / 12) * 12) - 20px); }
.column.sidebar{
display: flex;
flex-flow: row wrap;
min-width: calc((100% / 12) * 12);
margin-left: 0px;
margin-right: 0px; }
.column.sidebar .widget{
flex: 0 0 calc(((100% / 12) * 6) - 20px);
margin: 0 10px 20px; }  .span-9{
width: calc(((100% / 12) * 12) - 20px);
}
}   @media only screen and (min-width: 601px) and (max-width: 782px){  .row .column.span-2:nth-child(3n+4),
.row .column.span-3:nth-child(2n+3){
clear: left;
}  .admin-bar .header-sticky.is_stuck.is_stuck_show{
margin-top: 46px;
}  .header-secondary .container{
padding-left: 10px;
padding-right: 10px;
}
}   @media only screen and (max-width: 768px){  .container.list-masonry{
padding: 0 10px;
}  .header-inline .container{
-webkit-justify-content: space-between;
justify-content: space-between;
}
.header-inline .inline-site-logo{
display: -webkit-flex;
-webkit-flex: 1;
display: flex;
flex: 1;
}
.header-inline .inline-right-nav{
display: -webkit-flex;
-webkit-flex-direction: row-reverse;
display: flex;
flex-direction: row-reverse;
}
.header-inline .inline-left-nav,
.header-site.header-inline nav{
display: none;
}
.pull-left,
.pull-right{
float: none;
}  .created-using-layers{
display: block;
margin: 20px 0 -20px;
padding: 5px 10px;
background: rgba(0, 157, 243, 1);
color: #fff;
font-size: 0.9rem;
letter-spacing: 2px;
text-align: center;
text-transform: uppercase;
}
.created-using-layers:hover{
color: #fff;
background: #3D454C;
}  .form-row{
margin-bottom: 15px;
}  .admin-bar section[class*=' off-canvas-'] .close-canvas{
top: 46px;
}  .admin-bar div[class*=" off-canvas-"]{
padding-top: 47px;
}
}   @media only screen and (min-width: 601px) and (max-width: 860px){  .span-10{
width: calc(((100% / 12) * 12) - 20px);
}  .span-5 + .span-5 + .span-2{}
.span-7 + .span-5{}
.span-10 + .span-2{}  .span-5 + .span-5 + .span-2{
width: 100%;
}
}   @media only screen and (min-width: 769px) {    .span-1{width: calc((100% / 12) - 20px);}
.span-2{width: calc(((100% / 12) * 2) - 20px);}
.span-3{width: calc(((100% / 12) * 3) - 20px);}
.span-5{width: calc(((100% / 12) * 5) - 20px);}
.span-7{width: calc(((100% / 12) * 7) - 20px);}
.span-8{width: calc(((100% / 12) * 8) - 20px);}
.span-9{width: calc(((100% / 12) * 9) - 20px);}
.span-10{width: calc(((100% / 12) * 10) - 20px);}
.span-11{width: calc(((100% / 12) * 11) - 20px);}  .column-flush.span-1{width: calc(100% / 12);}
.column-flush.span-2{width: calc((100% / 12) * 2);}
.column-flush.span-3{width: calc((100% / 12) * 3);}
.column-flush.span-5{width: calc((100% / 12) * 5);}
.column-flush.span-7{width: calc((100% / 12) * 7);}
.column-flush.span-8{width: calc((100% / 12) * 8);}
.column-flush.span-9{width: calc((100% / 12) * 9);}
.column-flush.span-10{width: calc((100% / 12) * 10);}
.column-flush.span-11{width: calc((100% / 12) * 11);}  .offset-1{margin-right: 8.5%;}
.offset-2{margin-right: 17%;}
.offset-3{margin-right: 25.5%;}
.offset-4{margin-right: 34%;}
.offset-5{margin-right: 42.5%;}
.offset-6{margin-right: 51%;}
.offset-7{margin-right: 59.5%;}
.offset-8{margin-right: 68%;}
.offset-9{margin-right: 76.5%;}
.offset-10{margin-right: 85%;}
.offset-11{margin-right: 93.5%;}
.offset-left-1{margin-left: 8.5%;}
.offset-left-2{margin-left: 17%;}
.offset-left-3{margin-left: 25.5%;}
.offset-left-4{margin-left: 34%;}
.offset-left-5{margin-left: 42.5%;}
.offset-left-6{margin-left: 51%;}
.offset-left-7{margin-left: 59.5%;}
.offset-left-8{margin-left: 68%;}
.offset-left-9{margin-left: 76.5%;}
.offset-left-10{margin-left: 85%;}
.offset-left-11{margin-left: 93.5%;}
.pull-left-1{margin-left: -8.5%;}
.pull-left-2{margin-left: -17%;}
.pull-left-3{margin-left: -25.5%;}
.pull-left-4{margin-left: -34%;}
.pull-left-5{margin-left: -42.5%;}
.pull-left-6{margin-left: -51%;}
.pull-left-7{margin-left: -59.5%;}
.pull-left-8{margin-left: -68%;}
.pull-left-9{margin-left: -76.5%;}
.pull-left-10{margin-left: -85%;}
.pull-left-11{margin-left: -93.5%;}
.pull-right-1{margin-right: -8.5%;}
.pull-right-2{margin-right: -17%;}
.pull-right-3{margin-right: -25.5%;}
.pull-right-4{margin-right: -34%;}
.pull-right-5{margin-right: -42.5%;}
.pull-right-6{margin-right: -51%;}
.pull-right-7{margin-right: -59.5%;}
.pull-right-8{margin-right: -68%;}
.pull-right-9{margin-right: -76.5%;}
.pull-right-10{margin-right: -85%;}
.pull-right-11{margin-right: -93.5%;}  .row .span-2:nth-child(6n+7),
.row .span-3:nth-child(4n+5),
.row .span-4:nth-child(3n+4),
.row .span-6:nth-child(2n+3){
clear: left;
}  .header-site .container{
padding: 20px;
}  .nav-horizontal ul{
display: inline-block;
}
.responsive-nav{
display: none;
}  .header-center{
text-align: center;
}
.header-center .container,
.header-center > .header-block{
flex-direction: column;
-webkit-flex-direction: column;
}
.header-center .site-description{
display: block;
margin: 0;
}
.header-center .site-logo-link + .site-description{
margin: 10px 0 0;
}
.header-center .site-logo-link + .tagline{
margin-top: 10px;
}
.header-center nav{
margin-top: 20px;
text-align: center;
line-height: 20px;
}  .header-inline .container,
.header-inline > .clearfix{
-webkit-justify-content: center;
justify-content: center;
}
.header-inline .inline-site-logo{
display: -webkit-flex;
-webkit-justify-content: center;
display: flex;
justify-content: center;
width: 20%;
margin: 0 20px;
z-index: 1;
}
.header-inline .logo{
text-align: center;
}
.header-inline .site-description{
display: block;
margin: 0;
}
.header-inline .site-logo-link + .site-description{
margin-top: 10px;
}
.header-inline .inline-left-nav{
display: -webkit-flex;
-webkit-justify-content: flex-end;
display: flex;
justify-content: flex-end;
width: 40%;
position: relative;
z-index: 2;
}
.header-inline .inline-right-nav{
display: -webkit-flex;
-webkit-justify-content: flex-start;
-webkit-align-items: center;
display: flex;
justify-content: flex-start;
align-items: center;
width: 40%;
position: relative;
z-index: 2;
}
.header-inline .inline-right-nav nav{
display: block;
}  .nav-clear .container,
.nav-clear > .header-block{
-webkit-flex-direction: column;
-webkit-align-items: flex-start;
flex-direction: column;
align-items: flex-start;
}
.nav-clear .site-logo-link + .sitename{
margin-top: 10px;
}
.nav-clear .site-logo-link + .tagline{
margin-top: 10px;
}
.nav-clear nav{
width: 100%;
margin: 20px 0 0;
line-height: 20px;
}  .header-side-wrapper{
display: flex;
flex: 1;
flex-direction: row;
}
.header-side-wrapper .header-site{
order: 1;
width: 280px;
}
.header-side-wrapper .wrapper-content{
order: 2;
width: calc(100% - 280px);
min-height: 100vh;
}
.header-side-wrapper .header-site .container,
.header-side-wrapper .header-site > .header-block{
-webkit-flex-direction: column;
-webkit-align-items: flex-start;
flex-direction: column;
align-items: flex-start;
}
.header-side-wrapper .header-site nav{
width: 100%;
margin: 20px 0 0;
flex-direction: column;
align-items: flex-start;
}
.header-side-wrapper .header-site .nav-horizontal > ul{
float: none;
display: block;
width: 100%;
}
.header-side-wrapper .header-site .nav-horizontal li{
float: none;
margin: 0;
}
.header-side-wrapper .header-site .nav-horizontal > ul > li > a{
padding: 0;
text-align: left;
}  .header-side-wrapper .header-site .menu-item-has-children > a::after {
content: "\e600";
}
.header-side-wrapper .header-site .nav li > .sub-menu,
.header-side-wrapper .header-site .nav li .children{
top: 0;
left: 200px;
right: auto;
}
.header-side-wrapper .header-site .nav li:hover > .sub-menu,
.header-side-wrapper .header-site .nav li:hover .children{
top: 0;
left: 200px;
}  .header-side-wrapper .header-site .header-cart{
margin-left: 0px;
width: 280px;
position: fixed;
bottom: 0px;
left: 0px;
border-radius: 0px;
}    .header-sticky.is_stuck.header-center .logo{
display: none;
}
.header-sticky.is_stuck.header-center nav{
margin-top: 0;
}  .header-sticky.is_stuck.nav-clear .logo{
display: none;
}
.header-sticky.is_stuck.nav-clear nav{
margin-top: 0;
}  .header-sticky.is_stuck.header-inline .site-description{
display: none;
}  .admin-bar .header-sticky.is_stuck.is_stuck_show{
margin-top: 30px;
}    .with-overlay{
overflow: hidden;
}
.with-overlay .thumbnail-body{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
margin: 0;
visibility: hidden;
opacity: 0;
transition: 0.2s all ease-in-out;
text-align: center;
}
.with-overlay .image-rounded + .thumbnail-body{
border-radius: 100%;
}
.with-overlay .overlay{
display: block;
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.with-overlay .thumbnail-body{
background: rgba(0, 0, 0, 0.65) !important;
}
.with-overlay .heading{
opacity: 0;
color: #fff;
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
transition: 0.2s all ease-in-out 0.1s;
}
.with-overlay .heading a{
color: #fff;
}
.with-overlay .button{
margin-top: 15px;
position: relative;
opacity: 0;
background: none;
border: 2px solid #fff;
position: relative;
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
transition: transform 0.2s ease-in-out 0.2s, opacity 0.2s ease-in-out 0.25s;
}
.with-overlay .excerpt{display: none;}
.with-overlay .meta-info{display: none;}  .with-overlay:hover .thumbnail-media img{
-webkit-transform: scale(1.08);
transform: scale(1.08);
}
.with-overlay:hover .thumbnail-body{
visibility: visible;
opacity: 1;
}
.with-overlay:hover .heading{
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
.with-overlay:hover .button{
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}  .has-image .image-left.small .media-body,
.has-image .image-right.small .media-body{
margin-top: 0;
}    section[class*=' off-canvas-'] .nav-mobile{
display: none;
}    .swiper-slide .container{
padding-left: 20px;
padding-right: 20px;
}
.swiper-slide.text-center .excerpt{
margin-left: auto;
margin-right: auto;
}
.swiper-slide.image-left .container{
-webkit-flex-direction: row-reverse;
-webkit-justify-content: flex-start;
flex-direction: row-reverse;
justify-content: flex-start;
}
.swiper-slide.image-left .image-container{
width: 50%;
padding-right: 20px;
}
.swiper-slide.image-left .copy-container{
width: 50%;
padding-left: 20px;
}
.swiper-slide.image-right .container{
-webkit-flex-direction: row;
-webkit-justify-content: flex-start;
flex-direction: row;
justify-content: flex-start;
}
.swiper-slide.image-right .image-container{
width: 50%;
padding-left: 20px;
}
.swiper-slide.image-right .copy-container{
width: 50%;
padding-right: 20px;
}
.swiper-slide.text-right .excerpt{
float: right;
}
.swiper-slide.image-right .copy-container + .image-container,
.swiper-slide.image-left .copy-container + .image-container{
margin-top: 0;
}
}
@media only screen and (min-width: 1100px){  .created-using-layers{
display: block;
position: fixed;
bottom: 20px;
right: 20px;
width: 15px;
height: 14px;
z-index: 99;
background: url(../../../themes/layerswp/assets/css/images/created-using-layers.png) top no-repeat;
background-size: 15px 28px;
transition: all 0.15s ease-in-out;
}
.created-using-layers span{
display: none;
}
.created-using-layers:after{
padding: 4px 4px;
position: absolute;
bottom: -1px;
right: 25px;
z-index: 1;
content: attr(tooltip);
background: rgba(0, 157, 243, 0.85);
color: rgba(255, 255, 255, 0.8);
border-radius: 100px;
opacity: 0;
visibility: hidden;
transition: all 0.1s ease-in-out 0.1s;
font-size: 0.8rem;
line-height: 0.9rem;
text-transform: uppercase;
letter-spacing: 2px;
white-space: nowrap;
}
.created-using-layers:hover{
background-position: bottom;
}
.created-using-layers:hover:after{
opacity: 1;
visibility: visible;
right: 20px;
}
}
@media only screen and (max-width: 480px), screen and (max-device-width: 480px), screen and (max-width: 600px) {  #back-to-top{
display: none;
}
}@font-face {
font-family: 'layers-icons';
src:    url(../../../themes/layerswp/assets/css/icon-fonts/layers-iconsa98a.eot?32qo76);
src:    url(../../../themes/layerswp/assets/css/icon-fonts/layers-iconsa98a.eot?32qo76#iefix) format('embedded-opentype'),
url(../../../themes/layerswp/assets/css/icon-fonts/layers-iconsa98a.woff2?32qo76) format('woff2'),
url(../../../themes/layerswp/assets/css/icon-fonts/layers-iconsa98a.ttf?32qo76) format('truetype'),
url(../../../themes/layerswp/assets/css/icon-fonts/layers-iconsa98a.woff?32qo76) format('woff'),
url(../../../themes/layerswp/assets/css/icon-fonts/layers-iconsa98a.svg?32qo76#layers-icons) format('svg');
font-weight: normal;
font-style: normal;
}
[class^="l-"], [class*=" l-"] { font-family: 'layers-icons' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.l-cross:before {
content: "\e900";
}
.l-tick:before {
content: "\e901";
}
.l-pencil:before {
content: "\f040";
}
.l-file-o:before {
content: "\f016";
}
.l-file-text-o:before {
content: "\f0f6";
}
.l-calendar-o:before {
content: "\f133";
}
.l-search:before {
content: "\f002";
}
.l-shopping-cart:before {
content: "\f07a";
}
.l-user:before {
content: "\f008";
}
.l-clock-o:before {
content: "\f018";
}
.l-tags:before {
content: "\f02d";
}
.l-comment-o:before {
content: "\f0e6";
}
.l-folder-open-o:before {
content: "\f116";
}
.l-menu:before {
content: "\e601";
}
.l-top-arrow:before {
content: "\e604";
}
.l-bottom-arrow:before {
content: "\e605";
}
.l-right-arrow:before {
content: "\e600";
}
.l-left-arrow:before {
content: "\e602";
}
.l-close:before {
content: "\e603";
}html {
margin-left: 0 !important;
margin-top: 0 !important;
margin-bottom: 0 !important;
margin-right: 0 !important;
max-width: calc(100%) !important;
}
.container {
max-width: 1240px;
}
.container.list-masonry {
max-width: 1200px;
}
.content-vertical-massive,
.content-main {
padding-bottom: 90px;
padding-top: 90px;
}
.float-right {
float: right;
}
.float-left {
float: left;
}
a {
text-decoration: none !important;
color: #6b6b6b;
-webkit-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
a:hover {
color: #f68f1f;
}
a:focus,
select:focus,
input:focus,
button:focus,
a:active,
select:active,
input:active,
button:active {
outline: none;
}
body {
color: #424242;
font-family: sans-serif;
font-size: 14px;
line-height: 1.42857;
}
p {
font-size: 15px;
line-height: 23px;
margin: 0 0 15px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
color: #474747;
font-weight: 700;
}
dt {
font-weight: bold;
}
address {
font-style: normal;
}
pre {
overflow: auto;
}
.alignleft {
margin-right: 15px;
}
input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"] {
border: 1px solid #ddd;
box-shadow: none;
color: #999;
height: 40px;
outline: medium none;
padding: 0 15px;
-webkit-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
width: 100%;
}
input[type="email"],
input[type="text"],
input[type="url"],
input[type="search"],
input[type="password"],
input[type="number"],
input[type="tel"],
input[type="date"] {
max-width: 100%;
}
input[type="email"]:focus,
input[type="text"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="password"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="date"]:focus,
textarea:focus {
border-color: #f68f1f;
outline: none;
}
textarea {
-webkit-transition: 0.3s;
transition: 0.3s;
}
table {
margin: 20px 0;
width: 100%;
border: 1px solid #ddd;
border-collapse: separate;
border-left: 0;
border-radius: 0px
}
table th,
table td {
padding: 8px;
border-top: 1px solid #ddd;
border-left: 1px solid #ddd;
border-bottom: 0;
vertical-align: top;
text-align: left;
line-height: 18px
}
table thead:first-child tr:first-child th,
table tbody:first-child tr:first-child th,
table tbody:first-child tr:first-child td {
border-top: 0
}
table thead:first-child tr:first-child th:first-child,
table tbody:first-child tr:first-child td:first-child {
border-radius: 4px 0 0 0
}
table thead:first-child tr:first-child th:last-child,
table tbody:first-child tr:first-child td:last-child {
border-radius: 0 4px 0 0
}
table thead:last-child tr:last-child th:first-child,
table tbody:last-child tr:last-child td:first-child {
border-radius: 0 0 0 4px
}
table thead:last-child tr:last-child th:last-child,
table tbody:last-child tr:last-child td:last-child {
border-radius: 0 0 4px 0
}
blockquote {
border-left: 6px solid #2d3e50;
color: rgba(0, 0, 0, 0.55);
margin-bottom: 26px;
padding: 20px;
}
.push-top-large {
margin-top: 0;
}
.copy blockquote {
color: #fff;
font-size: 14px;
font-weight: 300;
line-height: 23px;
}
.copy ul li {
margin: 0 0 6px 18px;
}
textarea,
input {
color: #333333;
}
.section-title {
position: relative;
margin-bottom: 75px;
text-align: center;
}
.title-divider::before {
background: #fff none repeat scroll 0 0;
border-radius: 100%;
color: #f68f1f;
content: "";
font-family: fontawesome;
font-size: 20px;
height: 30px;
left: 50%;
line-height: 20px;
margin: auto auto -19px;
position: absolute;
top: 100%;
width: 30px;
z-index: 9;
transform: translateX(-50%);
}
.title-divider:after {
background: #dbd9da none repeat scroll 0 0;
content: "";
height: 2px;
left: 50%;
margin: auto;
position: absolute;
transform: translateX(-50%);
top: 100%;
width: 120px;
}
.section-title.title-divider:before,
.section-title.title-divider:after {
bottom: -20px;
top: inherit;
}
.section-title .heading {
color: #474747;
font-size: 30px;
font-weight: 700;
line-height: 22px;
text-transform: capitalize;
margin: 0 0 15px;
}
.section-title .excerpt {
margin: 0 0 15px;
}
.text-center {
text-align: center;
width: 100%;
}
.layers-control-title-marker {
background: #0289c0 none repeat scroll 0 0;
border-radius: 25px;
color: #fff;
font-size: 12px;
line-height: 100%;
padding: 1px 7px 2px;
text-transform: capitalize;
vertical-align: middle;
}
#menu-top-menu li {
margin-right: 15px;
}
#menu-top-menu li a i {
margin-right: 5px;
}
.single-blog-page {} .single-blog-post {
line-height: 0;
}
.page .single-title-heading {
font-weight: 700;
font-size: 30px;
margin-bottom: 20px;
}
.single .single-title-heading {
margin-bottom: 0;
margin-top: 30px;
}
pre {
overflow-x: scroll;
}
.not-found-area {
text-align: center;
}
.not-found-title {} .not-found-title h1 {
color: #f68f1f;
font-size: 200px;
font-weight: bold;
line-height: 140px;
}
.not-found-title h1 span.error-text {
font-size: 75px;
font-weight: 100;
display: block;
text-transform: uppercase;
color: #333333;
}
.not-found-subtitle {} .not-found-subtitle p {} .not-found-area .sidebar-widget {
margin: auto;
max-width: 500px;
}
.copy a.comment-reply-link {
color: #333;
}
.tags-and-links.fix {
border-bottom: 1px solid #dcd9d9;
border-top: 1px solid #dcd9d9;
margin: 30px 0 20px;
overflow: hidden;
padding: 15px 0;
}
.related-tag {
overflow: hidden;
}
.related-tag span.mr-10 {
float: left;
}
.tags-and-links ul {
float: left;
margin-left: 10px;
}
.tags-and-links ul li {
display: inline-block;
line-height: 1;
margin-right: 5px;
}
.tags-and-links ul li a {
display: inline-block;
line-height: 18px;
}
.social-links {
overflow: hidden;
text-align: right;
}
.social-links a {
display: inline-block;
margin: 0 5px;
}
.tags-and-links ul li a:hover {}
.not-found-form {} .not-found-form h2 {}
.product-pages {
padding-top: 75px;
padding-bottom: 90px;
}
.single-product-page {
padding-top: 75px;
padding-bottom: 90px;
}
.grid.comments-nested.push-top {
border-top: 0px solid #ddd;
}
.push-top-large .children {
margin-left: 20px;
}
.comment.even.content.well,
.comment-list .even.content.well {
background-color: transparent;
display: block;
padding-right: 20px;
width: 100%;
margin-top: 0;
padding-top: 0;
}
.comment.odd.content.well,
.comment-list .odd.content.well {
display: block;
width: 100%;
background-color: transparent;
padding-right: 20px;
margin-top: 0;
padding-top: 0;
}
.comment-respond {
width: 100%;
}
.push-top-large {
margin-top: 0;
}
.form-submit input[type="submit"] {
padding: 10px 14px;
}
small.replay-edit a {} .avatar .avatar-body {
padding: 0;
} .recent-post-item {
margin-bottom: 30px;
overflow: hidden;
}
.recent-post-image {
display: inline-block;
float: left;
margin-right: 15px;
overflow: hidden;
width: 80px;
}
.recent-post-image > a {
display: block;
}
.recent-post-image > a img {
display: block;
width: 100%;
}
.recent-post-text {
overflow: hidden;
}
.recent-post-text > h4 {
font-size: 14px;
font-weight: 500;
line-height: 1;
margin-bottom: 2px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.recent-post-text > h4 a{color:#616161;}
.recent-post-text a {
color: #969696;
}
.recent-post-text > span {
color: #969696;
font-family: lato;
font-size: 13px;
}
.recent-post-text a:hover{color: #f68f1f;}   .nav-horizontal li:hover > a {
color: #f00;
}
.sub-menu,
.nav .children {
background-color: #fff;
border: 1px solid #ddd;
left: 0;
line-height: normal;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
position: absolute;
top: 50px;
-webkit-transition: all 0.4s ease-in-out 0s;
transition: all 0.4s ease-in-out 0s;
visibility: hidden;
z-index: 5;
}
.sub-menu li a,
.nav .children li a {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
color: #000;
}
.sub-menu li a:hover,
.nav .children li a:hover {
color: #f00;
}
.nav li:hover > .sub-menu,
.nav li:hover > .children {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
top: 100%;
-webkit-transition: all 0.2s ease-in-out 0s;
transition: all 0.2s ease-in-out 0s;
visibility: visible;
}
.nav-horizontal ul.menu li ul.children li ul.children {
left: 100%;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
top: 0;
border-radius: 0;
padding: 0 12px;
border: 1px solid #dddddd;
}
.nav-horizontal ul.menu li ul.children li:hover ul.children {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
body.blog .header-site {
border-bottom: 1px solid #ddd;
}
.site-description {
padding-bottom: 18px;
}
.sitename {
line-height: 1;
}
.tagline {
line-height: 1;
}
.header-site .container {
padding: 20px 20px 0;
}
.header-site .nav-horizontal > ul > li {
margin: 0 2px;
padding-bottom: 20px;
} .menu-hitarea {
cursor: pointer;
position: absolute;
right: 20px;
text-align: center;
top: 5px;
width: 20px;
}
#menu-main-menu li ul {
display: none;
} .alignleft {
margin-right: 15px;
}
.wp-caption {
background: transparent;
}
.avatar .avatar-body .avatar-name {
display: block;
font-size: 20px;
font-weight: 500;
}
.post-password-form {} .post-password-form input[type="submit"] {
margin: 0;
padding: 7px 20px;
}
.conmment-title_quick .heading.comment-title {
font-size: 43.2px;
font-size: 2.7rem;
font-weight: 700;
margin: 20px 0 13px 0;
}
.copy blockquote {
font-size: 24px;
font-size: 1.5rem;
}
.header-site,
.header-site.header-sticky {
background-color: #ffffff;
box-shadow: 0 1px 0 0 #f1f1f1;
}
.header-block.main_header {
padding: 0 15px;
}
.header-secondary.invert .nav > li > a {
color: #474747;
font-size: 15px;
font-weight: 400;
}
.header-secondary.invert .pull-left .nav > li > a i{margin-right: 5px;}
.header-secondary.invert .pull-right .nav > li:hover > a {
color: #f68f1f
}
.header-secondary {
background: #fff none repeat scroll 0 0;
border-bottom: 1px solid #efefef;
padding: 16px 0;
}
.pagination li {
border-right: 0 none;
}
.header-site .nav.nav-horizontal > ul > li {
margin: 0 21px;
padding-bottom: 0;
}
.header-site .nav.nav-horizontal > ul > li > a {
color: #323232;
display: block;
font-size: 14px;
font-weight: 600;
line-height: 80px;
padding: 0;
position: relative;
text-transform: uppercase;
}
.site-description p.tagline,
.site-description h3.sitename.sitetitle a {
color: #323232;
}
.header-site .nav.nav-horizontal > ul > li:hover > a, 
.header-site .nav.nav-horizontal > ul > li.current-menu-item > a,
.header-site .nav.nav-horizontal > ul > li.current_page_ancestor > a {
color: #f68f1f;
}
.header-site .nav.nav-horizontal > ul > li.menu-item-has-children > a:before {
content: "";
float: right;
font-family: fontawesome;
font-size: 16px;
margin-left: 5px;
}
.header-site .nav.nav-horizontal > ul > li > ul {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background: #ffffff none repeat scroll 0 0;
-o-border-image: none;
border-image: none;
box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15);
left: 0;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
position: absolute;
text-align: left;
top: 100%;
-webkit-transform: scaleY(0);
transform: scaleY(0);
-webkit-transform-origin: center top 0;
transform-origin: center top 0;
-webkit-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
visibility: hidden;
width: 218px;
z-index: 999;
padding: 0 15px;
}
.sub-menu li,
.nav .children li {
width: 100%;
}
.header-site .nav.nav-horizontal > ul > li:hover > ul {
-webkit-transform: scaleY(1);
transform: scaleY(1);
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
visibility: visible;
}
.nav ul.menu li ul.sub-menu li {
border: 0 none;
display: block;
width: 100%;
}
.nav ul.menu li ul.sub-menu li:not(:last-child){border-bottom: 1px dotted #ddd;}
.header-site .nav.nav-horizontal > ul > li > ul li a {
font-size: 13px;
font-weight: 600;
line-height: 32px;
padding-bottom: 3px;
padding-left: 0;
padding-top: 3px;
text-transform: capitalize;
transition: all 0.3s ease 0s;
}
.header-site .nav.nav-horizontal > ul > li > ul li a::before {
content: "\f105";
font-family: fontawesome;
padding-right: 5px;
}
.header-site .nav.nav-horizontal > ul > li > ul li:hover > a {
background: transparent;
color: #f68f1f;
}
.header-site .nav.nav-horizontal > ul > li > ul li{transition: all 0.3s ease;}
.header-site .nav.nav-horizontal > ul > li > ul li:hover {
padding-left: 5px;
}
.header-site .nav.nav-horizontal > ul > li >a:hover:after,
.header-site .nav.nav-horizontal > ul > li.active >a:after {
-webkit-transform: scaleX(1);
transform: scaleX(1);
visibility: visible;
}
.header-site .container {
padding: 0 20px;
} .header-site .nav.nav-horizontal > ul > li > a:after {
background: #f68f1f none repeat scroll 0 0;
content: "";
display: none;
height: 4px;
left: 0;
position: absolute;
top: 96%;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transition: all 0.4s ease-in-out 0s;
transition: all 0.4s ease-in-out 0s;
visibility: hidden;
width: 100%;
}
.header-site .nav.nav-horizontal > ul > li > ul > li.menu-item-has-children > a:after {
content: "";
float: right;
font-family: layers-icons;
font-size: 11px;
margin-top: -20px;
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
padding: 5px 0 0;
position: absolute;
right: 8px;
top: 52%;
}
.header-site .nav.nav-horizontal .menu ul li ul {
background: #fff none repeat scroll 0 0;
border: 0 none;
border-radius: 6px;
box-shadow: 0 1px 6px rgba(0, 0, 0, 0.15);
left: auto;
padding: 12px 0;
position: absolute;
right: -216px;
width: 215px;
}
.header-site .sub-menu .menu-item-has-children > a:after {
font-size: 11px;
margin-top: -20px;
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
padding: 5px 0 0;
position: absolute;
right: 8px;
top: 52%;
}
.header-site .nav.nav-horizontal .menu li.last-elements ul li ul {
left: -216px;
right: auto;
}
.header-site .nav.nav-horizontal > ul > li.last-elements > ul li a {
text-align: right;
}
.header-site .nav.nav-horizontal > ul > li.last-elements > ul > li.menu-item-has-children > a:after {
left: 8px;
right: auto;
top: 62%;
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.header-site li.last-elements .sub-menu .menu-item-has-children > a:after {
left: 8px;
right: auto;
top: 62%;
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}   .hs-item-wrapper{text-align: center;}
.hs-item .hs-content p {
margin: 0 auto;
}
.hero-slider .slick-dots {
margin: 0 auto;
position: absolute;
z-index: 999;
text-align: center;
bottom: 74px;
left: 0;
right: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
.hero-slider .slick-dots {
width: 940px;
bottom: 50px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.hero-slider .slick-dots {
width: 720px;
bottom: 30px;
}
}
.hero-slider .slick-dots li {
display: inline-block;
line-height: 0;
margin: 0 5px;
}
.hero-slider .slick-dots li:first-child {} .hero-slider .slick-dots li:first-child:before {} .hero-slider .slick-dots li.slick-active {} .hero-slider .slick-dots li:before {} .hero-slider .slick-dots li button {
background: #ffffff none repeat scroll 0 0;
display: block;
height: 5px;
margin: 0;
padding: 0;
text-indent: -999999px;
width: 23px;
}
.hero-slider .slick-dots li button:before {} .hero-slider .slick-dots li.slick-active button,
.hero-slider .slick-dots li button:hover {
background: #f68f1f;
}
.hero__slider {
padding-bottom: 0;
padding-top: 0;
}
.hs-item {
background-color: #2d3e50;
background-position: center top;
background-size: cover;
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
margin: 0;
min-height: 665px;
align-items:center;
}
.hs-item .hs-item-wrapper {
position: relative;
z-index: 3;
}
.hs-item .hs-image {
position: relative;
margin-left: -70px;
margin-top: 90px;
}
.hs-item .hs-content * {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.hs-item .hs-content h2 {
font-size: 60px;
color: #fff;
font-weight: 700;
margin-bottom: 15px;
text-transform: uppercase;
line-height: 1;
}
.hs-item .hs-content h2 span {
color: #f68f1f;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {} @media only screen and (min-width: 992px) and (max-width: 1200px) {} @media only screen and (min-width: 768px) and (max-width: 991px) {} @media only screen and (max-width: 767px) {} @media only screen and (max-width: 479px) {} .hs-item .hs-content h3 {
font-size: 36px;
color: #fff;
margin-bottom: 15px;
font-weight: 600;
text-transform: capitalize;
}
.hs-item .hs-content p {
color: #ffffff;
font-size: 18px;
font-weight: 400;
line-height: 30px;
margin-bottom: 10px;
max-width: 850px;
}
.hs-item .hs-content a {
background-color: transparent;
border-radius: 0;
color: #fff;
display: inline-block;
font-size: 13px;
font-weight: bold;
letter-spacing: 0.5px;
overflow: hidden;
padding: 10px 35px;
position: relative;
vertical-align: top;
z-index: 1;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {} @media only screen and (min-width: 768px) and (max-width: 991px) {} @media only screen and (max-width: 767px) {} @media only screen and (max-width: 479px) {} .hs-item .hs-content a:hover {} .hs-item .hs-content a i {
line-height: 18px;
margin-left: 0;
position: relative;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.hs-item .hs-content a i {
font-size: 19px;
top: 3px;
}
.hs-item .hs-content h3 {
font-size: 55px!important;
}
.hs-item .hs-content p {
font-size: 12px;
margin-bottom: 10px;
line-height: 20px;
}   
}
@media only screen and (max-width: 767px) {
.hs-item .hs-content a i {
font-size: 15px;
}
}
@media only screen and (max-width: 479px) {
.hs-item .hs-content a i {
font-size: 12px;
margin-left: 3px;
}
.hs-item .hs-content h3 {
font-size: 24px !important;
margin-bottom: 5px;
}
}
.hs-item.slick-current .hs-image img {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
-webkit-animation-delay: 0.5s;
animation-delay: 0.5s;
}
.hs-item.slick-current .hs-content h3 {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
-webkit-animation-delay: 1.3s;
}
.hs-item.slick-current .hs-content h2 {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
-webkit-animation-delay: 1.6s;
animation-delay: 1.6s;
margin-bottom: 15px;
}
.hs-item.slick-current .hs-content p {
-webkit-animation-name: slideInRight;
animation-name: slideInRight;
-webkit-animation-delay: 0.1s;
animation-delay: 0.1s;
margin-bottom: 10px;
}
.hs-item.slick-current .hs-content a {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
-webkit-animation-delay: 1.3s;
animation-delay: 1.3s;
} .slider_text_left {
-ms-flex-flow: row-reverse wrap;
flex-flow: row-reverse wrap;
}
.slider_text_left .hs-content {
padding-left: 0;
padding-right: 70px;
}
.hero-slider .slick-list {
margin: 0;
}
.add_your_class.thumbnail-body {
padding: 0px;
background: transparent !important;
}
.slick-arrow {
color: #fff;
cursor: pointer;
font-size: 30px;
height: 100px;
line-height: 100px;
margin-top: -50px;
padding-left: 0;
padding-top: 0;
position: absolute;
text-align: center;
top: 50%;
-webkit-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
width: 42px;
z-index: 99;
}
i.slick-arrow:before {
background: rgba(0, 0, 0, 0.2) none repeat scroll 0 0;
display: block;
height: 100%;
}
.slick-arrow:hover {
background: #f68f1f;
}
.slick-arrow.slider_nev_left {
left: -50px;
}
.slick-arrow.slider_nev_right {
right: -50px;
}
.hero-slider:hover .slick-arrow.slider_nev_left {
left: 0px;
}
.hero-slider:hover .slick-arrow.slider_nev_right {
right: 0px;
}
.single-slider{position: relative;}
.hs-item.slick-slide:before,.single-slider:before {
background: #000 none repeat scroll 0 0;
content: "";
height: 100%;
left: 0;
opacity: 0.5;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
position: absolute;
top: 0;
width: 100%;
}
.button-primary.button.effect-sweep {
border: 1px solid #fff;
border-radius: 6px;
padding: 6px 33px;
}
.letToRight-overlay:after {
background: rgba(0, 0, 0, 0) -webkit-linear-gradient(right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 60%) repeat scroll 0 0;
background: rgba(0, 0, 0, 0) linear-gradient(to left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 60%) repeat scroll 0 0;
content: "";
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}   .features-area {} .single__feature .info-box-style-1 span {
background-color: #fff;
border: 1px solid #343434;
border-radius: 50%;
color: #343434;
font-size: 18px;
height: 40px;
line-height: 39px;
position: relative;
text-align: center;
-webkit-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
width: 40px;
z-index: 99;
}
.single__feature .info-box-top {
display: inline-block;
float: left;
margin-right: 14px;
}
.single__feature .service-title.heading {
display: inline-block;
margin-bottom: 20px;
margin-top: 8px;
}
.feature-box-single {
border: 1px solid #f1f1f1;
transition: all 0.3s ease 0s;
padding: 50px 20px;
}
.feature-box-single:hover {
background: #f68f1f;
border: 1px solid #f68f1f;
color: #fff;
}
.feature-box-single .buzpro-icon-box {
color: #f68f1f;
font-size: 36px;
margin-bottom: 11px;
-webkit-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.feature-box-single .heading {
font-size: 18px;
text-transform: capitalize;
transition: all 0.3s ease 0s;
}
.hover-active .feature-box-single .heading{font-size: 24px;font-weight: 600;}
.feature-box-single .excerpt {
-webkit-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.feature-box-single:hover .buzpro-icon-box,
.feature-box-single:hover .heading,
.feature-box-single:hover .excerpt,
.hover-active .feature-box-single .buzpro-icon-box,
.hover-active .feature-box-single .heading,
.hover-active .feature-box-single .excerpt {
color: #fff;
}
.hover-active .feature-box-single {
background: #f68f1f none repeat scroll 0 0;
border: 1px solid #f68f1f;
color: #fff;
}   .video__areas {
float: left;
width: 50%;
}
.widget.video_area_widget.content-vertical-massive {
padding: 0;
}
a.video-popup i{
color: #fff;
font-size: 60px;
height: 70px;
left: 0;
line-height: 70px;
margin: 0 auto;
position: absolute;
right: 0;
text-align: center;
top: 44%;
transition: all 0.3s ease 0s;
width: 70px;
}
a.video-popup:hover i{color:#f68f1f;}
.video__area {
background: #ddd none repeat scroll 0 0;
margin: 0;
padding: 273px 0;
position: relative;
}
.miata-video-widget {
padding: 0;
}
.video_content_area {
align-items: center;
display: flex;
float: right;
height: 103%;
padding: 0 50px;
width: 50%;
}
.video__areas {
float: left;
width: 50%;
}
button.mfp-close:hover {
background: transparent;
}
.video__area::before {
background: #000 none repeat scroll 0 0;
content: "";
height: 100%;
left: 0;
opacity: 0.6;
position: absolute;
top: 0;
width: 100%;
z-index: 0;
}
.video_content_area.media.large h5.heading {
color: #474747;
font-size: 36px;
font-weight: 600;
margin: 0 0 20px;
}
.video_content_area.media.large p {
margin-top: 0!important;
}
.video_area_widget .content{padding: 0;}
.video_content_area  a {
border: 1px solid #f68f1f;
color: #f68f1f;
display: inline-block;
font-size: 16px;
font-weight: 700;
margin-top: 36px;
padding: 7px 35px;
transition: all 0.4s ease 0s;
background-color: transparent;
}
.video_content_area  a:hover{background:#f68f1f;color:#fff;}   .filter_menu {
margin-bottom: 60px;
text-align: center;
line-height: 100%;
}
.filter_menu_left {
text-align: left;
}
.filter_menu_right {
text-align: right;
}
.filter_menu li {
border: 0 solid #ccc;
border-radius: 0;
color: #333333;
cursor: pointer;
display: inline-block;
font-size: 14px;
font-weight: 500;
padding: 0 20px;
text-transform: uppercase;
-webkit-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
}
.filter_menu li:hover {
color: #f68f1f;
}
.cols {
margin-bottom: 20px;
}
.column-flush.cols {
margin-bottom: 0px;
}
.ht-portfolio {
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
position: relative;
}
@media only screen and (min-width: 721px) and (max-width: 768px) {
.portfolio-hover[class*="span-"] {
width: calc(100% / 12 * 6 - 20px);
}
}
.portfolio-effect > a {
display: block;
}
.portfolio-effect img {
width: 100%;
display: block;
}
.ht-portfolio-thumb {
position: relative;
}
.ht-portfolio-thumb:before {
background: #f68f1f none repeat scroll 0 0;
bottom: 0;
content: "";
left: 0;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
position: absolute;
right: 0;
top: 0;
-webkit-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
}
.portfolio-hover-effect {
text-align: center;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-webkit-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
}
.ht-portfolio:hover .portfolio-hover-effect {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.ht-portfolio:hover .ht-portfolio-thumb:before {
opacity: .5;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
-webkit-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
}
.ht-portfolio-content {
bottom: 20px;
left: 0;
margin: auto;
position: absolute;
right: 0;
transition: all 0.3s ease-in-out 0s;
z-index: 3;
}
.portfolio-hover:hover .ht-portfolio-content {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
bottom: 70px;
}
.ht-portfolio-content > h2,
.ht-portfolio-content2 > h2 {
color: #333333;
font-size: 14px;
font-weight: 600;
font-family: "Montserrat", sans-serif;
letter-spacing: 0;
margin: 0px 0px 3px 0px;
text-transform: none;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-webkit-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
}
.ht-portfolio-content2 > h2 {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-webkit-transform: translateY(0px);
transform: translateY(0px);
}
.ht-portfolio-content2 .category-name {
bottom: 0;
display: inline-block;
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.ht-portfolio-content > h2 a,
.ht-portfolio-content2 > h2 a {
color: #333333;
font-size: 14px;
font-family: "Montserrat", sans-serif;
letter-spacing: 0;
-webkit-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
}
.portfolio-hover:hover .ht-portfolio-content > h2,
.portfolio-hover:hover .ht-portfolio-content2 > h2 {
-webkit-transform: translateY(0px);
transform: translateY(0px);
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.portfolio-icon {
border: 0px solid #ffffff;
color: #ffffff;
display: inline-block;
height: 50px;
line-height: 48px;
width: 50px;
-webkit-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
position: relative;
font-size: 30px;
}
.portfolio-icon:before {
background: #ffffff;
content: "";
display: block;
height: 100%;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
position: absolute;
width: 100%;
}
.portfolio-icon i {
position: relative;
-webkit-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
}
.portfolio-hover:hover .ht-portfolio-content .portfolio-icon {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-webkit-transform: scale(1);
transform: scale(1);
}
.category-name {
display: block;
color: #424242;
font-size: 14px;
line-height: 21px;
margin: 0 0 0px;
text-transform: capitalize;
}
.category-name:before {
bottom: 0;
content: "";
position: absolute;
right: 0;
}
.category-name:last-child:before {
content: "";
}
.portfolio-hover:hover .category-name {
bottom: 0;
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.ht-portfolio.thumbnail-body {
padding: 0;
}
.ht-portfolio-content2 {
padding: 25px 15px;
background: #ffffff;
-webkit-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
}
.ht-portfolio:hover .ht-portfolio-content2 {
border-bottom-color: #f68f1f;
}
.pagination {
margin: 0 0 0px;
vertical-align: top;
}
.pagination a {
-webkit-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
}
.pagination-content.pagination2 {
margin-top: 40px;
}
.ht-portfolio-3 .ht-portfolio-content-deltails h2 {
margin: 0 0 5px;
}
.ht-portfolio-3 .ht-portfolio-content-deltails {
padding: 40px 0 30px;
position: absolute;
top: inherit;
bottom: -50px;
background: #f68f1f ;
transition: all 0.3s ease-in-out;
}
.ht-portfolio-3:hover .ht-portfolio-content-deltails{bottom: 0!important;}
.ht-portfolio-3 .ht-portfolio-content-deltails h2 a,
.ht-portfolio-content-deltails span {
color: #fff;
}
.ht-portfolio-3 .category-name {
bottom: 0px;
}
.ht-portfolio-3 .ht-portfolio-content-deltails:before {
bottom: 0;
content: "";
height: 100%;
left: 0;
position: absolute;
width: 100%;
z-index: -1;
}   .ht_team {
padding: 0 0 20px;
}
.ht_thumb {
position: relative;
line-height: 0;
}
.ht_thumb:before {
background-color: #f68f1f;
content: "";
left: 0px;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
position: absolute;
top: 0px;
right: 0px;
bottom: 0px;
-webkit-transition: all 0.4s ease-in-out 0s;
transition: all 0.4s ease-in-out 0s;
box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.3);
z-index: 5;
}
.ht_team:hover .ht_thumb:before {
opacity: 0.8;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
.team-style-1 .ht_team {
padding-bottom: 0;
}
.ht_thumb > img {
width: 100%;
z-index: -1;
}
.ht_hover_content {
left: 0;
margin: auto;
position: absolute;
right: 0;
text-align: center;
bottom: 10px;
z-index: 8;
}
.ht_team_social {
margin-bottom: 10px;
margin-top: 15px;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-webkit-transition: all 0.4s ease-in-out 0s;
transition: all 0.4s ease-in-out 0s;
}
.ht_team_social a {
color: #f68f1f;
display: inline-block;
height: 30px;
line-height: 30px;
text-align: center;
width: 30px;
border-radius: 100%;
}
.ht_team_social a:hover {
color: #fff;
}
.ht_team_social a + a {
margin-left: 5px;
}
.ht_team_name {
line-height: 21px;
padding: 20px 0;
text-align: center;
-webkit-transform: translateY(-50px);
transform: translateY(-50px);
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-webkit-transition: all 0.4s ease-in-out 0s;
transition: all 0.4s ease-in-out 0s;
}
.ht_team_name h3 {
margin: 0 0 6px;
color: #ffffff;
}
.ht_team:hover .ht_team_name,
.ht_team:hover .ht_team_social {
-webkit-transform: translateY(0px);
transform: translateY(0px);
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.ht_team.thumbnail-body.t2 {
padding-bottom: 0;
}
.ht_team.thumbnail-body {
overflow: unset;
}
.column-flush .ht_team.thumbnail-body {
margin-bottom: 0px;
}
.team-style-4 [class*="span-"] {
width: 100%;
}
.team-style-2 .ht_team_name,
.team-style-4 .ht_team_name {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-webkit-transform: translateY(0);
transform: translateY(0);
}
.team-style-2 .ht_team,
.team-style-4 .ht_team {
padding: 0 0 0px;
}
.team-style-2 .ht_team_name,
.team-style-4 .ht_team_name {
padding: 0px 10px 0;
}
.team-style-2 .ht_team_name h3,
.team-style-4 .ht_team_name h3 {
margin: 0px 0 6px;
color: #535353;
font-size: 18px;
text-transform: uppercase;
font-weight: 500;
}
.team-style-2 .degi,
.team-style-4 .degi {
margin-bottom: 0px;
display: block;
color: #424242;
display: inline-block;
text-transform: capitalize;
}
.team-style-2 .ht_team_name,
.team-style-4 .ht_team_name {
padding:20px 0 0;
border-top: 0;
-o-border-image: none;
border-image: none;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.ht_team:hover .ht_team_name {
border-bottom-color: #f68f1f;
}
.team-area .thumbnail-body p {
color: #ffffff;
margin: 10px 0 0;
padding: 0 20px;
}
.team-style-3 .ht_team:hover .ht_thumb:before {
-webkit-transform: skewX(25deg);
transform: skewX(25deg);
}   .fun-factor-area {
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
padding: 110px 0 110px;
position: relative;
z-index: 1;
}
.fun-factor-area:after {
background: #000000;
content: "";
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: -1;
opacity: 0.8;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
.fun-factor-icon {
color: #474747;
font-size: 60px;
}
.single-fun-factor > h2 {
line-height: 100%;
position: relative;
font-weight: 400;
font-size: 30px;
color: #474747;
font-family: lato;
margin: 15px 0;
}
.fun-text p {
color: #474747;
font-size: 20px;
font-weight: 600;
font-family: raleway;
text-transform: uppercase;
}
.small .fun-text p {
font-size: 20px;
}
.medium .fun-text p {
font-size: 20px;
}
.large .fun-text p {
font-size: 30px;
}
.small .single-fun-factor h2 {
font-size: 20px;
}
.medium .single-fun-factor h2 {
font-size: 30px;
}
.large .single-fun-factor h2 {
font-size: 50px;
}
.small .fun-factor-icon {
font-size: 30px;
}
.medium .fun-factor-icon {
font-size: 35px;
}
.large .fun-factor-icon {
font-size: 80px;
}
.call_us_btn:before {
content: "";
background: none;
}
.call_us_btn a.button-primary {
float: right;
margin-top: -8px;
}
.call_us_btn .media-body .heading {
max-width: 700px;
}
.call_us_btn .media-body .excerpt {
max-width: 700px;
float: left;
margin-bottom: 0;
}
.call_us_btn .transparent.effect-sweep:after {
background: #ffffff;
z-index: -1;
}
.call_us_btn a.button-primary:hover {
color: #f68f1f;
border-color: #ffffff;
}
.call_us_btn a.button-primary:focus {
color: #ffffff;
border-color: #ffffff;
}   .buzpro-testimonial-wrapper:before,
.buzpro-bgoverlay:before {
background: #000000 none repeat scroll 0 0;
content: "";
display: block;
height: 100%;
left: 0;
opacity: 0.5;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
position: absolute;
top: 0;
width: 100%;
}
.buzpro-bgoverlay,
.buzpro-testimonial-wrapper {
position: relative;
}
.reating-icon i {
color: #666;
font-size: 17px;
margin-right: 3px;
}
.team-details > h3 {
color: #666666;
font-size: 18px;
margin-bottom: 10px;
font-weight: 600;
}
.team-social p {
margin-bottom: 10px;
}
.team-details {
background-color: #f3f3f3;
padding: 35px 45px 33px;
}
.team-image-wrap {
padding-bottom: 45px;
}
.single-team.text-center {
position: relative;
}
.team-image {
border-radius: 100%;
display: inline-block;
left: 50%;
position: absolute;
text-align: center;
top: -51px;
transform: translateX(-50%);
}
.team-image img {
border-radius: 100%;
margin: auto;
width: 100px;
}
.slider-2 .slick-dots li button {
border: medium none rgba(0, 0, 0, 0);
background:transparent;
border:1px solid #f68f1f;
width: 15px;
height: 15px;
font-size: 0;
padding: 0;
border-radius: 100%;
margin:0 5px;
}
.slider-2 .slick-dots li:not(.slick-active) button {
opacity: 0.5;
}
.slider-2 .slick-dots li{display: inline-block;}
.slider-2 .slick-dots li.slick-active button {
background-color: #f68f1f;
border: 1px solid #f68f1f;
}
.slider-2 .slick-dots {
margin-top: 60px;
text-align: center;
}
.slider-2 .slick-list {
padding-top: 60px !important;
}
.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
cursor: pointer;
}   .single-pricing-table-head span {
display: inline-block;
}
.single-pricing-table {
overflow: hidden;
padding: 6px;
position: relative;
text-align: center;
transition: all 0.4s ease 0s;
}
.single-pricing-table-head {
border-color: #dcd9d9;
border-style: solid;
border-width: 1px 1px 1px;
padding-top: 10px;
-webkit-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
border-bottom: none;
}
.single-pricing-table-head h4::before {
border-bottom: 6px solid #383838;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
bottom: -4px;
content: "";
height: 0;
position: absolute;
right: -3px;
transform: rotate(45deg);
width: 0;
}
.single-pricing-table-head h4::after {
border-bottom: 6px solid transparent;
border-right: 7px solid #383838;
border-top: 6px solid transparent;
bottom: -6px;
content: "";
height: 0;
left: 0;
position: absolute;
transform: rotate(45deg);
width: 0;
}
.single-pricing-table-head h4 {
background-color: #383838;
color: #fff!important;
font-size: 16px;
font-weight: 600;
height: 49px;
left: -6px;
line-height: 45px;
position: relative;
text-align: center;
top:102px;
transform: rotate(-45deg);
transform-origin: left bottom 0;
transition: all 0.3s ease 0s;
width: 237px;
opacity: 0;
}
.single-pricing-table:hover .single-pricing-table-head h4,.active.single-pricing-table .single-pricing-table-head h4{opacity: 1;}
.icone-sign {
margin-right: 5px;
position: relative;
top: -26px;
font-size: 20px;
font-weight: bold;
color: #666;
}
.single-pricing-table-head > h4,
.single-pricing-table-head > h5 {
-webkit-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.single-pricing-table-head > h5 {
color: #333333;
display: block;
font-size: 18px;
font-weight: 400;
margin-bottom: 0px;
font-family: lato;
}
.single-pricing-table-head h5 span b {
color: #666;
font-size: 55px;
}
span.monthly {
display: block;
font-size: 14px;
font-weight: 400;
}
.single-pricing-table-body {
border-bottom: 1px solid #dcd9d9;
border-left: 1px solid #dcd9d9;
border-right: 1px solid #dcd9d9;
padding: 35px 0;
-webkit-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
font-family: raleway;
}
.single-pricing-table-body ul {
margin-bottom: 35px;
}
.single-pricing-table-body li {
font-size: 16px;
font-weight: 400;
padding: 10px;
text-transform: uppercase;
}
.single-pricing-table-body .order,.active.single-pricing-table-body .order {
background-color: #262626;
color: #fff!important;
display: inline-block;
font-size: 14px;
line-height: 40px;
padding: 0 25px;
text-align: center;
text-transform: uppercase;
min-width: 140px;
}
.single-pricing-table-body .order:hover,.active .single-pricing-table-body .order:hover {
background: #666666;
}
.single-pricing-table:hover .single-pricing-table-head {
border-color: transparent;
}
.active .single-pricing-table-head {
background: #f68f1f none repeat scroll 0 0;
border-color: transparent;
}
.single-pricing-table:hover .single-pricing-table-head,
.active.single-pricing-table .single-pricing-table-head,
.single-pricing-table:hover .single-pricing-table-body,
.active.single-pricing-table .single-pricing-table-body {
background: #f68f1f;color:#fff;
}
.active .single-pricing-table-body {
border-color: transparent;
}
.active .single-pricing-table-head h4,
.active .single-pricing-table-head h5 {
color: #ffffff;
}
.active .single-pricing-table-body .order {
background: #262626 none repeat scroll 0 0;
color: #ffffff;
}
.single-pricing-table:hover .single-pricing-table-head {
background: #f68f1f none repeat scroll 0 0;
}
.single-pricing-table:hover .single-pricing-table-head h4,
.single-pricing-table:hover .single-pricing-table-head h5 {
color: #ffffff;
}
.single-pricing-table:hover .single-pricing-table-body {
border-color: transparent;
}
.single-pricing-table:hover .single-pricing-table-body li,.single-pricing-table:hover .single-pricing-table-head h5 span b,.single-pricing-table:hover .single-pricing-table-head > h5 .icone-sign,.active.single-pricing-table .single-pricing-table-body li,.active.single-pricing-table .single-pricing-table-head h5 span b,.active.single-pricing-table .single-pricing-table-head > h5 .icone-sign {color: #fff!important;}   .blog .pdall-100 {
padding: 30px 0 80px;
} .ht-blog {
margin-bottom: 20px;
-webkit-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
}
.ht-content-text .ht-blog-button a {
background: transparent none repeat scroll 0 0;
border-radius: 0;
color: #616161;
font-family: lato;
line-height: 22px;
margin-bottom: 0;
}
.pagination {
margin: 20px 0 0;
} .ht-blog-thumb {
position: relative;
}
.ht-blog-thumb:before {
background: #000 none repeat scroll 0 0;
content: "";
left: 0;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
position: absolute;
top: 0;
right: 0;
bottom: 0;
-webkit-transition: .5s;
transition: .5s;
pointer-events: none;
}
.ht-blog:hover .ht-blog-thumb:before {
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.ht-blog-thumb a {} .ht-blog-thumb img {
width: 100%;
display: block;
}
.ht-blog-button a.button{padding: 0}
.ht-blog-button a:hover{color:#f68f1f;} .ht-blog-thumb span.post_dates {
background: #0aaac0 none repeat scroll 0 0;
color: #fff;
font-size: 18.6px;
height: 70px;
left: 0;
top: 0;
line-height: 70px;
margin: auto;
position: absolute;
text-align: center;
width: 70px;
-webkit-transition: .5s;
transition: .5s;
}
.ht-blog-thumb span.post_dates:hover {
background: #f00;
color: #fff;
}
.ht-blog-thumb span.post_dateslb {
top: auto;
bottom: 0;
}
.ht-blog-thumb span.post_datesr {
left: auto;
right: 0;
}
.ht-blog-thumb span.post_datesrb {
left: auto;
top: auto;
right: 0;
bottom: 0;
}
.ht-blog-thumb span.post_datescenter {
left: 0;
top: 0;
right: 0;
bottom: 0;
margin: auto;
} .ht-single-content {
background: transparent none repeat scroll 0 0;
padding: 20px 0 0;
}
.ht-post-meta {
padding: 10px 0 0;
} .ht-post-meta {} .ht-blog-date {} .ht-blog-date span {
font-size: 14px;
margin-right: 15px;
position: relative;
color: #888;
}
.ht-blog-date span + span::before {
background: #888888 none repeat scroll 0 0;
content: "";
height: 13px;
left: -9px;
position: absolute;
top: 2px;
transform: rotate(23deg);
width: 1px;
z-index: 3;
}
.ht-blog-date a {
color: #888;
}
.ht-blog-date i {
margin-right: 2px;
color: #888;
} .home-blog {
padding-top: 65px;
}
.ht-single-content h2 {
color: #1b1b1b;
font-size: 18px;
font-weight: 600;
overflow: hidden;
text-overflow: ellipsis;
transition: all 0.5s ease 0s;
white-space: nowrap;
}
.ht-content-text h2 {
color: #1b1b1b;
}
.ht-content-text h2 a:hover {
color: #0aaaa0;
} .ht-content-text p {
color: #333333;
} .btn_middle {
text-align: center;
}
.btn_right {
text-align: right;
}
a.ht-read-more {
color: #888888;
display: inline-block;
font-size: 16px;
margin-top: 10px;
padding: 5px 0;
}
.ht-read-more:hover {
color: #0aaac0;
border-color: #0aaac0;
} .blog-carousel [class*="span-"] {
width: 100%;
}
.carousel-style-one.owl-theme .owl-controls .owl-buttons div,
.blog-style-three .blog-carousel.carousel-style-one.owl-theme .owl-controls .owl-buttons div {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
border: 0px solid #eaeaea;
border-radius: 50%;
color: #0aaaa0;
display: inline-block;
font-size: 20px;
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
padding: 0;
height: 48px;
left: -50px;
line-height: 48px;
margin: -24px 0 0 0;
width: 48px;
text-align: center;
position: absolute;
top: 50%;
-webkit-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s
}
.carousel-style-one.owl-theme .owl-controls .owl-buttons div.owl-next,
.blog-style-three .blog-carousel.carousel-style-one.owl-theme .owl-controls .owl-buttons div.owl-next {
left: auto;
right: -50px;
}
.carousel-style-one.owl-theme .owl-controls .owl-buttons div:hover,
.blog-carousel.carousel-style-one.owl-theme .owl-controls .owl-buttons div:hover {
border-color: #1BB4B9;
color: #fff;
background: #1BB4B9;
} .single-area-post {
border: 1px solid #efefef;
overflow: hidden;
padding: 9px 15px 15px;
-webkit-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.single-area-post:hover {
box-shadow: 0 8px 16px 1px #ccc;
}
.padding90 {
padding: 75px 0 90px;
} .single-title {
color: #333;
font-size: 25px;
margin-bottom: 30px;
font-weight: 500;
}
.single-title {
border-bottom: 0px solid #f0f0f0;
margin-bottom: 30px;
}
.single-title > h3 {
border-bottom: 1px solid #f5b120;
bottom: -1px;
display: inline-block;
font-size: 20px;
line-height: 17px;
padding-bottom: 13px;
position: relative;
} .story h1 {
font-size: 48px;
font-size: 3rem;
}
.story.hbtitle h3 {} .story h5 {
font-size: 25.6px;
font-size: 1.6rem;
}
.story h6 {
font-weight: 700;
}
.story h6,
.story h5,
.story h4,
.story h3,
.story h2,
.story h1 {
margin-bottom: 10px;
}
.story h2 {
font-size: 2.5rem;
}
.story p {
color: #333333;
font-size: 15px;
line-height: 28px;
}
.story.hbtitle blockquote p {
font-style: italic;
}
label {
font-size: 14px;
font-weight: 600;
}
.alignleft {
float: left;
margin-right: 10px;
}
.contactus {
background-size: 100% auto;
padding: 225px 0 160px;
}
.icon-content.homes-5 .media .heading {
font-size: 25.6px;
font-size: 1.6rem;
}
.blogimage100 img {} .form-submit input[type="submit"] {
padding: 10px 14px !important;
}
.single-blog-page .single-article .single-title {
border: 0 solid #ddd;
margin-bottom: 0;
padding-bottom: 10px;
}
.blog-info .comment a {
border-right: 1px solid #efefef;
color: #888;
padding: 0 7.5px;
}
.blog-info .comment a:first-child {
padding-left: 0;
}
.blog-info .comment a i {
margin-right: 4px;
}
.blog-info {
margin-bottom: 15px;
} .search-form .form-control {
float: left;
height: 45px;
max-width: 100%;
padding-right: 60px !important;
}
.search-form .search-form-btn {
background: #f68f1f none repeat scroll 0 0;
border-radius: 0;
color: #fff;
font-size: 14px;
font-weight: 400;
height: 45px;
margin-bottom: 0;
position: absolute;
right: 0;
width: 60px;
}
.input-group.search-form {
position: relative;
}
.search-form .search-form-btn:hover {
background: #337ab7;
}
.sidebar .widget .section-nav-title {
border-bottom: 1px solid #f68f1f;
color: #474747;
display: block;
font-size: 16px;
font-weight: 700;
margin-bottom: 25px;
overflow: hidden;
padding-bottom: 15px;
position: relative;
text-transform: uppercase;
}
div[class*=" off-canvas-"] .section-nav-title {
color: #ffffff;
}
.sidebar .widget ul li a:before {
content: "";
font-family: "icofont";
margin-right: 5px;
}
.sidebar .widget ul li a {
color: #333333;
display: inline-block;
font-size: 14px;
font-weight: 400;
margin-right: 4px;
text-transform: capitalize;
}
.sidebar .widget li:not(:last-child) {
margin: 0;
padding: 10px 0;
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.sidebar .widget li {} .sidebar .widget ul li {
display: block;
padding-bottom: 10px;
padding-top: 10px;
text-align: left;
}
.sidebar .widget ul li .url:hover {
color: #333333;
}
.sidebar .widget ul li a:hover {
color: #f68f1f;
}
.sidebar .widget .menu-main-menu-container ul li {
margin: 0;
}
.sidebar .well {
background-color: transparent;
}
table {
margin: 20px 0;
width: 100%;
border: 1px solid #ddd;
border-collapse: separate;
border-left: 0;
border-radius: 0px
}
table th,
table td {
padding: 8px;
border-top: 1px solid #ddd;
border-left: 1px solid #ddd;
vertical-align: top;
text-align: left;
line-height: 18px;
text-align: center;
}
table thead:first-child tr:first-child th,
table tbody:first-child tr:first-child th,
table tbody:first-child tr:first-child td {
border-top: 0
}
table thead:first-child tr:first-child th:first-child,
table tbody:first-child tr:first-child td:first-child {
border-radius: 0px 0 0 0
}
table thead:first-child tr:first-child th:last-child,
table tbody:first-child tr:first-child td:last-child {
border-radius: 0 0px 0 0
}
table thead:last-child tr:last-child th:first-child,
table tbody:last-child tr:last-child td:first-child {
border-radius: 0 0 0 0px
}
table thead:last-child tr:last-child th:last-child,
table tbody:last-child tr:last-child td:last-child {
border-radius: 0 0 0px 0
}
#wp-calendar caption {
font-size: 14px;
font-weight: normal;
margin-bottom: 10px;
text-align: left;
text-transform: uppercase;
}
#wp-calendar {
font-size: 13px;
}
#wp-calendar {
border: 0px solid #e5e5e5;
margin-bottom: 20px;
overflow: auto;
vertical-align: top;
width: 100%;
margin: 0;
color: #333333;
display: block
}
table#wp-calendar td {
border: 1px solid #e5e5e5;
color: #444444;
padding: 5px;
text-align: center;
vertical-align: top;
font-size: 14px;
}
#wp-calendar th,
#wp-calendar td {
padding: 5px;
}
table#wp-calendar th {
border: 1px solid #e5e5e5;
color: #333333;
font-size: 13px;
font-weight: 700;
padding: 8px 20px;
text-align: center;
text-transform: uppercase;
vertical-align: middle;
}
table#wp-calendar td#today {
background-color: #f68f1f;
color: #fff;
}
table#wp-calendar td a:hover {
color: #f68f1f;
}
aside.widget select option {
padding: 9px;
}
.content-main .sidebar > aside.widget:last-child {
margin-bottom: 0;
padding-bottom: 0;
}
.sidebar aside:first-child {
padding-top: 0;
}
.pull-right.sidebar aside.content {
padding-right: 0;
}
.pull-left.sidebar aside.content {
padding-left: 0;
} .tagcloud a {
display: inline-block;
}
.widget_tag_cloud .tagcloud a {
border: 1px solid #dcd9d9;
border-radius: 0;
color: #343434;
display: inline-block;
font-size: 14px !important;
line-height: 1;
margin: 0 6px 10px 0;
padding: 8px 15px;
text-align: center;
text-transform: capitalize;
}
.tagcloud a:hover {
border-color: #f68f1f;
background: #f68f1f;
color: #fff
}
.rsswidget {
color: #fff;
}
.textwidget img {
margin-top: 10px;
}
.widget .comment-author-link {
display: block;
padding-bottom: 15px;
}
ul li.recentcomments a:before {
display: none;
}
.comment-form textarea {
max-width: 100%;
}
#comments input {
max-width: 100%;
}
.header-secondary nav.pull-left ul.nav li:last-child {
margin-right: 0;
}
.header-secondary nav.pull-left ul.nav li:first-child {
margin-left: 0;
}
#comments input:focus,
#comments textarea:focus {
border-color: #66afe9;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
outline: 0 none;
}
input[type="button"],
input[type="submit"],
button {
font-size: 14px;
}
.not-found-title {
font-size: 50px;
font-weight: bold;
}
.post-wrapper {
margin-bottom: 40px;
}
.format-standard.sticky .post-wrapper,
.format-standard.tag-sticky-2 .post-wrapper {
border: 1px solid #f68f1f;
padding: 10px;
}
.blog-carousel .post-wrapper {
margin-bottom: 0px;
}
.semi-title,
.semi-title a {
color: #333333;
font-size: 18px;
font-weight: 400;
line-height: 24px;
-webkit-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
text-transform: capitalize;
}
.semi-title:hover,
.semi-title a:hover {
color: #f68f1f;
}
.post-info span i {
margin-right: 3px;
font-size: 14px;
}
.post-info {
padding-top: 16px;
position: relative;
}
.page-area header.single-post-title > .single-title-heading {
margin-top: 0;
} .blog-heffect {
line-height: 11px;
overflow: hidden;
position: relative;
}
.blog-heffect:before,
.blog-heffect:after {
content: "";
position: absolute;
left: 0;
top: 0;
width: 200%;
height: 200%;
-webkit-transition: 0.6s;
transition: 0.6s;
background: rgba(18, 147, 212, .50);
}
.blog-heffect:after {
-webkit-transform: skew(45deg) translateX(-100%);
transform: skew(45deg) translateX(-100%);
}
.blog-heffect:before {
-webkit-transform: skew(45deg) translateX(100%);
transform: skew(45deg) translateX(100%);
z-index: 9;
}
.blog-heffect:hover:before,
.blog-heffect:hover:after {
-webkit-transform: skew(45deg) translateX(0px);
transform: skew(45deg) translateX(0px);
}
.blog-heffect > a {
color: #fff;
font-size: 25px;
height: 40px;
left: 50%;
line-height: 46px;
margin-left: -20px;
margin-top: -12px;
position: absolute;
text-align: center;
top: 50%;
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
width: 40px;
z-index: 9;
}
.blog-heffect:hover a {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-webkit-transform: scale(1);
transform: scale(1);
}
.blog-heffect a {
display: block;
line-height: 0;
}
.blog-heffectn > iframe {
min-height: 228px;
}
.blog-heffectn {
line-height: 10px;
margin-bottom: 0px;
}
.blog-heffect .overlay-effect a img {
-webkit-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
}
.blog-heffect:hover .overlay-effect a img {
-webkit-transform: scale(1.2);
transform: scale(1.2);
-webkit-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
}
.pagination a,
.pagination span {
background: transparent none repeat scroll 0 0;
border: 1px solid #f1f1f1;
color: #454545;
display: inline-block;
float: left;
font-family: "Montserrat", sans-serif;
font-size: 14px;
font-weight: 300;
min-width: 38px;
padding: 8px 15px;
text-align: center;
-webkit-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.pagination .current,
.pagination a:hover {
background-color: #f68f1f;
border-color: #f68f1f;
color: #fff;
}
.blog-pagination {
text-align: center;
}
.pagination {
margin: 0;
}
.post-info:after {
content: "";
display: block;
clear: both;
}
.post-info span {
position: relative;
font-family: "Montserrat", sans-serif;
-webkit-transition: 0.3s;
transition: 0.3s;
color: #424242;
font-size: 12px;
font-weight: 400;
text-transform: capitalize;
}
.post-categories > li {
display: inline-block;
}
.post-like {
float: left;
margin-right: 10px;
}
.post-like i {
float: left;
margin-right: 5px;
margin-top: 0px;
}
.post-categories {
display: inline-block;
}
.post-info-left span:not(:last-child) {
margin-right: 10px;
}
.post-date {
background: #f68f1f none repeat scroll 0 0;
color: #fefefe;
font-size: 14px;
font-weight: 400;
height: 70px;
left: 0;
padding: 15px 0;
position: absolute;
text-align: center;
top: 0;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 70px;
z-index: 99;
}
.post-date span {
display: block;
font-size: 30px;
font-weight: 500;
line-height: 25px;
color: #ffffff;
}
.post-author:hover,
.post-like:hover,
.post-comment:hover {
color: #f68f1f;
}
.post-info-left,
.post-info-right,
.post-date {
display: inline-block;
}
.post-info-left {
width: 100%;
}
.post-info-left span:first-child {
margin-right: 10px;
}
.post-info-right {
float: right;
text-align: right;
}
.post-content {
margin-top: 20px;
}
.post-content .semi-title,
.post-content .semi-title a {
text-transform: capitalize;
}
.post-content .semi-title {
margin-bottom: 5px;
}
.post-content p {
margin-bottom: 0;
}
.buzpro-home-blog .pagination-button,
.pagination-area {
text-align: center;
}
.blog-carousel [class*="span-"] {
width: 100%;
}
.blog-carousel.owl-theme .owl-controls .owl-dots,
.testimonial-carousel .owl-dots {
line-height: 0;
margin-top: 45px;
text-align: center;
}
.blog-carousel.owl-theme .owl-controls .owl-dot,
.testimonial-carousel .owl-controls .owl-dot {
display: inline-block;
margin: 4px 5px;
}
.blog-carousel.owl-theme .owl-controls .owl-dots .owl-dot span,
.testimonial-carousel .owl-dot span {
background: #fff none repeat scroll 0 0;
border: 1px solid #f68f1f;
border-radius: 100%;
display: block;
height: 12px;
margin: 0;
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
width: 12px;
}
.blog-carousel.owl-theme .owl-controls .owl-dots .owl-dot.active span,
.testimonial-carousel .owl-dot.active span {
background: #f68f1f;
}   .brand-carousel .column.span-12 {
margin-left: 0;
margin-right: 0;
max-width: 100%;
width: 100%;
}
.brand-carousel .owl-item {
border-style: solid;
border-color: #dcd9d9;
border-width: 1px;
border-right-width: 0px;
}
.brand-carousel .owl-item:last-child {
border-right-width: 1px;
}
.ht-brand {
overflow: hidden;
padding: 0px;
position: relative;
min-height: 70px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.ht-brand:before,
.ht-brand:after {
content: "";
height: 1px;
position: absolute;
width: 100%;
}
.buzpro-brand [class*="column"] {
margin-bottom: 0;
}
.ht-brand:before {
right: 100%;
top: 0;
-webkit-animation-name: bor-top-out;
animation-name: bor-top-out;
-webkit-animation-duration: .5s;
animation-duration: .5s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
}
.ht-brand:hover:before {
-webkit-animation-name: bor-top;
animation-name: bor-top;
-webkit-animation-duration: .5s;
animation-duration: .5s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
}
.ht-brand:after {
left: 100%;
bottom: 0;
-webkit-animation-name: bor-bottom-out;
animation-name: bor-bottom-out;
-webkit-animation-duration: .5s;
animation-duration: .5s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
}
.ht-brand:hover:after {
-webkit-animation-name: bor-bottom;
animation-name: bor-bottom;
-webkit-animation-duration: .5s;
animation-duration: .5s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
}
.single-brand {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 0 auto;
}
.single-brand:before,
.single-brand:after {
content: "";
height: 100%;
position: absolute;
width: 1px;
}
.single-brand:before {
right: 0;
bottom: 100%;
-webkit-animation-name: bor-right-out;
animation-name: bor-right-out;
-webkit-animation-duration: .5s;
animation-duration: .5s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
}
.ht-brand:hover .single-brand:before {
-webkit-animation-name: bor-right;
animation-name: bor-right;
-webkit-animation-duration: .5s;
animation-duration: .5s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
}
.single-brand:after {
left: 0;
top: 100%;
-webkit-animation-name: bor-left-out;
animation-name: bor-left-out;
-webkit-animation-duration: .5s;
animation-duration: .5s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
}
.ht-brand:hover .single-brand:after {
-webkit-animation-name: bor-left;
animation-name: bor-left;
-webkit-animation-duration: .5s;
animation-duration: .5s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
}
@-webkit-keyframes bor-top {
0% {
right: 100%;
}
25% {
right: 0px;
}
100% {
right: 0px;
}
}
@keyframes bor-top {
0% {
right: 100%;
}
25% {
right: 0px;
}
100% {
right: 0px;
}
}
@-webkit-keyframes bor-right {
0% {
bottom: 100%;
}
25% {
bottom: 100%;
}
50% {
bottom: 0px;
}
100% {
bottom: 0px;
}
}
@keyframes bor-right {
0% {
bottom: 100%;
}
25% {
bottom: 100%;
}
50% {
bottom: 0px;
}
100% {
bottom: 0px;
}
}
@-webkit-keyframes bor-bottom {
0% {
left: 100%;
}
50% {
left: 100%;
}
75% {
left: 0px;
}
100% {
left: 0px;
}
}
@keyframes bor-bottom {
0% {
left: 100%;
}
50% {
left: 100%;
}
75% {
left: 0px;
}
100% {
left: 0px;
}
}
@-webkit-keyframes bor-left {
0% {
top: 100%;
}
75% {
top: 100%;
}
100% {
top: 0px;
}
}
@keyframes bor-left {
0% {
top: 100%;
}
75% {
top: 100%;
}
100% {
top: 0px;
}
}
@-webkit-keyframes bor-top-out {
0% {
right: 0px;
}
75% {
right: 0px;
}
100% {
right: 100%;
}
}
@keyframes bor-top-out {
0% {
right: 0px;
}
75% {
right: 0px;
}
100% {
right: 100%;
}
}
@-webkit-keyframes bor-right-out {
0% {
bottom: 0px;
}
50% {
bottom: 0px;
}
75% {
bottom: 100%;
}
100% {
bottom: 100%;
}
}
@keyframes bor-right-out {
0% {
bottom: 0px;
}
50% {
bottom: 0px;
}
75% {
bottom: 100%;
}
100% {
bottom: 100%;
}
}
@-webkit-keyframes bor-bottom-out {
0% {
left: 0;
}
25% {
left: 0;
}
50% {
left: 100%;
}
100% {
left: 100%;
}
}
@keyframes bor-bottom-out {
0% {
left: 0;
}
25% {
left: 0;
}
50% {
left: 100%;
}
100% {
left: 100%;
}
}
@-webkit-keyframes bor-left-out {
0% {
top: 0px;
}
25% {
top: 100%;
}
10% {
top: 100%;
}
}
@keyframes bor-left-out {
0% {
top: 0px;
}
25% {
top: 100%;
}
10% {
top: 100%;
}
}   .mc4wp-form-fields input::-moz-placeholder{color:#222;font-size: 14px;}
.copyright-footer-bg {
border-top: 1px solid #5b5b5b;
}
.footer-address > ul > li {
font-size: 14px;
margin-bottom: 15px !important;
width: 100%;
}
.footer-address > ul > li i{margin-right: 5px;}
.mc4wp-form-fields p {position: relative;}
.mc4wp-form-fields p label{font-size: 16px;font-weight: 700;margin: 15px 0;}
.mc4wp-form-fields input {
background: #fff none repeat scroll 0 0;
border: 1px solid #d8d8d8;
border-radius: 0;
color: #999999;
font-family: lato;
font-size: 12px;
height: 40px;
padding: 5px 15px;
position: relative;
width: 95%;
}
.mc4wp-form-fields button {
background: transparent none repeat scroll 0 0;
border: medium none;
border-radius: 0;
bottom: 0;
color: #f68f1f;
font-size: 20px;
height: 40px;
line-height: 20px;
margin: 0;
position: absolute;
right: 15px;
text-align: center;
text-transform: uppercase;
transition: all 0.4s ease 0s;
width: 50px;
}
.mc4wp-form-fields button:hover{background: #f68f1f!important;color:#fff!important;}
.footer-section > img {
margin-bottom: 20px;
}
.social-icons a {
border-radius: 100px;
color: #fff;
display: inline-block;
font-size: 16px;
height: 30px;
line-height: 30px;
text-align: center;
transition: all 0.3s ease 0s;
width: 30px;
}
.social-icons a:hover {
background: #fff none repeat scroll 0 0;
color: #f68f1f;
}
.footer-site {
padding-bottom: 0;
padding-top: 0;
}
.footer-site h5.section-nav-title {
background: transparent none repeat scroll 0 0;
font-size: 18px;
font-weight: 700;
line-height: 24px;
margin-bottom: 35px;
padding: 0;
}
.footer-site .footer-top-grid ul.menu li a {
display: block;
font-size: 14px;
font-weight: 400;
padding-bottom: 4px;
text-transform: capitalize;
-webkit-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.footer-site .footer-top-grid ul.menu li a:before {
content: "\eb27";
font-family: icofont;
margin-right: 5px;
}
.footer-site .footer-top-grid ul.menu li a:hover {
margin-left: 5px;
}
.footer-add-info {
margin-bottom: 25px;
padding-left: 30px;
}
.footer-add-icon {
display: inline-block;
float: left;
font-size: 23px;
line-height: 3px;
margin-right: 0;
margin-top: 4px;
}
.footer-logo > img {
margin-bottom: 25px;
margin-top: 4px;
}
.footer-site .widget ul.instagram-pics {
margin: 0 -5px;
}
.footer-site .widget ul.instagram-pics li {
float: left;
margin-bottom: 0;
padding: 6px 6px;
width: 33.33%;
}
.footer-site .widget ul.instagram-pics li a:before {
color: #fff;
content: "\f0c1";
font-family: "fontawesome";
font-size: 24px;
left: 50%;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
position: absolute;
top: 50%;
-webkit-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
transform: translateX(-50%) translateY(-50%) rotate(-45deg);
-webkit-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
z-index: 3;
}
.footer-site .widget ul.instagram-pics li a:after {
background-color: #f68f1f;
bottom: 0;
content: "";
left: 0;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
position: absolute;
right: 0;
top: 0;
-webkit-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
z-index: 1;
}
.footer-site .widget ul.instagram-pics li a {
display: block;
position: relative;
line-height: 0;
}
.footer-site .widget ul.instagram-pics li:hover a:before {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.footer-site .widget ul.instagram-pics li:hover a:after {
opacity: 0.5;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}
.copyright-footer-bg .container.content.clearfix {
padding: 0;
}
.copyright .site-text {
margin: 0;
}
.footer-icon li {
display: inline-block;
}
.footer-icon li a {
color: #fefefe;
display: block;
font-size: 14px;
font-weight: bold;
padding: 0 8px;
}
.menu-footer-menu-container ul li a {
width: 100% !important;
}
.menu-footer-menu-container {
margin-bottom: 10px;
}
.footer-icon ul li a {
height: 16px;
line-height: 14px;
width: 24px;
}
.buzpro-mailchimp input[type="email"] {
background: transparent none repeat scroll 0 0;
border-radius: 5px;
color: #fff;
}
.buzpro-mailchimp span {
font-size: 14px;
font-weight: 400;
} .button-primary {
background: #f68f1f none repeat scroll 0 0;
border: medium none;
border-radius: 2px;
color: #fff;
display: inline-block;
font-size: 14px;
line-height: 40px;
padding: 0 25px;
text-align: center;
text-transform: uppercase;
z-index: 2;
}
.button-primary.effect-sweep:hover {
color: #fff;
background: #f68f1f;
}
.transparent.effect-sweep {
background-color: transparent;
border: 1px solid #fff;
color: #fff;
}
.transparent.effect-sweep:hover {
background: #f68f1f none repeat scroll 0 0;
}
.transparent.effect-sweep:hover,
.transparent.effect-sweep:focus,
.transparent.effect-sweep:active {
color: #ffffff;
border-color: #f68f1f;
}
.transparent.effect-sweep:hover:after {
background: #f68f1f none repeat scroll 0 0;
}
.comment-area {
margin-top: 40px;
}
.comment-form input[type="button"],
.comment-form input[type="submit"],
.comment-form button,
.comment-form .button,
.comment-form .form-submit input[type="submit"] {
margin-bottom: 0px;
}
.comment-form .form-submit input[type="submit"] {
font-weight: 600;
padding: 8px 22px 9px;
text-transform: uppercase;
}
label {
clear: both;
color: #333333;
display: block;
font-size: 14px;
font-weight: 400;
margin-bottom: 4px;
}
.comment-form-url > input {
border: 1px solid #ddd;
height: 40px;
padding: 0 20px;
}
.comment-form-url >textarea {
border: 1px solid #ddd;
padding: 0 20px;
}
textarea {
border: 1px solid #eee;
padding: 10px 20px;
}
.comment-reply-title {
color: #333;
font-size: 18px;
font-weight: 600;
margin-bottom: 5px;
text-transform: uppercase;
}
p[class*="comment-form"] {
margin-bottom: 24px;
}
.comment-list li .grid {
margin: 20px 0 0;
}
.avatar .avatar-image img {
border-radius: 0;
}
.avatar .avatar-image {
margin-right: 15px;
}
.avatar .avatar-body .avatar-name {
color: #333333;
display: block;
font-family: "Montserrat", sans-serif;
font-size: 14px;
font-weight: bold;
line-height: 100%;
margin-bottom: 3px;
text-transform: capitalize;
}
.comment-area .push-bottom {
margin-bottom: 0;
}
.avatar-body .copy.small {
margin-top: 10px;
}
small {
color: #777;
font-size: 19.2px;
font-size: 1.2rem;
}
.copy a {
border-bottom: 0 none;
}
.copy.small {
color: #424242;
font-size: 20.8px;
font-size: 1.3rem;
}
h5.avatar-name a {
color: #333;
}
.comment-respond {
margin-top: 40px;
}
.conmment-title_quick .heading.comment-title {
color: #333;
font-size: 18px;
font-weight: 400;
margin-bottom: 20px;
}
.single-title-heading {
color: #5e5e5e;
font-family: lato;
font-size: 25px;
font-weight: 700;
margin-bottom: 3px;
margin-top: 15px;
}
.single-article .story p {
margin-bottom: 20px;
margin-top: 28px;
}
.story .blog-single-content blockquote p {
margin-top: 0;
}
.story blockquote,
.copy blockquote {
background: #f1f1f1 none repeat scroll 0 0;
border-left: 3px solid #f68f1f;
color: rgba(0, 0, 0, 0.55);
margin-bottom: 26px;
padding: 20px;
}   .breadcrumb-area {
background-color: #f7f7f7;
background-size: cover;
padding: 110px 0;
position: relative;
}
.breadcrumb-title {
margin-bottom: 3px;
}
.bread-crumbs li span.current {
color: #f68f1f;
}
.breadcrumb-title h1 {
color: #f68f1f;
font-size: 30px;
font-weight: 400;
text-transform: uppercase;
}
.bread-crumbs {
margin: 0;
}
.breadcrumb-list {
line-height: 100%;
}
.bread-crumbs li {
display: inline-block;
margin-right: 3px;
float: none;
}
.bread-crumbs li,
.bread-crumbs li a {
color: #ffffff;
font-size: 24px;
font-family: "Montserrat", sans-serif;
font-weight: 700;
}
.bread-crumbs li a:hover,
.bread-crumbs li .current > a {
text-decoration: none;
}
.breadcrumb-padding.pages-p {
text-align: left;
}
.bread-crumbs a,
.breadcrumb-list a {
color: #ffffff;
}
.bread-crumbs a:hover {
color: #f68f1f;
-webkit-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.breadcrumb-list a:hover {
color: #f68f1f;
}
.not-found-title {
font-size: 23px;
margin-bottom: 7px;
}
.breadcrumb-list li {
display: inline-block;
font-size: 16px;
margin: 0 5px;
}
.breadcrumb-list li:first-child {
margin-left: 0;
}
.breadcrumb-list > ul {
color: #ffffff;
}
.breadcrumb-list li:last-child {
color: #f68f1f;
margin-right: 0;
}   .portfolio-cat-list li {
display: block;
}
.portfolio-cat-list li a {
display: block;
font-size: 14px;
font-weight: 400;
padding-bottom: 10px;
text-transform: capitalize;
color: #333333;
}
.portfolio-cat-list li a:hover,
.portfolio-cat-list li.current a {
color: #f68f1f;
}
.portfolio-cat-list li a:before {
content: "\eb27";
font-family: "icofont";
margin-right: 5px;
}
.portfolio-single-content {
margin-top: 30px;
margin-bottom: 50px;
}
.portfolio-single-content h4,
.portfolio-meta h4,
.retated-portfolio-title,
.related-portfolio-content h4,
.portfolio-widget h4 {
margin-bottom: 10px;
text-transform: uppercase;
color: #333333;
font-size: 18px;
font-weight: 400;
line-height: 24px;
}
.portfolio-meta {
border-top: 1px solid #d5d0d0;
margin-top: 25px;
padding-top: 25px;
}
.portfolio-meta h4 {
margin-bottom: 20px;
}
.portfolio-info-table table,
.portfolio-info-table table thead:first-child tr:first-child th:first-child,
.portfolio-info-table table tbody:first-child tr:first-child td:first-child,
.portfolio-info-table table thead:last-child tr:last-child th:first-child,
.portfolio-info-table table tbody:last-child tr:last-child td:first-child {
border-radius: 0px;
}
.retated-portfolio-title {
margin-bottom: 30px;
}
.portfolio-img {
position: relative;
}
.portfolio-img img {
width: 100%;
}
.img-overlay {
line-height: 0;
position: relative;
}
.img-overlay:before {
background: #000 none repeat scroll 0 0;
bottom: 0px;
content: "";
display: block;
left: 0px;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
visibility: hidden;
position: absolute;
right: 0px;
top: 0px;
z-index: 10;
-webkit-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
}
.portfolio-img a {
bottom: 0;
color: #fff;
font-size: 30px;
height: 50px;
left: 0;
line-height: 50px;
margin: auto;
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
position: absolute;
right: 0;
text-align: center;
top: 0;
-webkit-transition: all 0.4s ease-in-out 0s;
transition: all 0.4s ease-in-out 0s;
width: 50px;
z-index: 110;
-webkit-transform: scale(0);
transform: scale(0);
}
.portfolio-item:hover .img-overlay:before {
opacity: 0.5;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
visibility: visible;
}
.portfolio-item:hover .portfolio-img a {
-webkit-transform: scale(1);
transform: scale(1);
}
.related-portfolio-content {
padding-top: 30px;
}
.related-portfolio-content h4 {
margin-bottom: 10px;
text-transform: capitalize;
}
.portfolio-widget h4 {
margin-bottom: 20px;
}
.single-portfolio-page.content-vertical-massive {
padding-bottom: 95px;
padding-top: 110px;
}   .contact-home .excerpt > p {
font-size: 26px;
font-weight: 600;
margin-bottom: 20px;
}
.contact-home a {
background: #fff none repeat scroll 0 0;
color: #f68f1f;
display: inline-block;
font-size: 16px;
font-weight: 700;
padding: 12px 42px;
transition: all 0.3s ease 0s;
}
.contact-info i {
background: #fff none repeat scroll 0 0;
border: 1px solid #f68f1f;
color: #333333;
display: block;
font-size: 30px;
height: 70px;
line-height: 70px;
margin: auto;
-webkit-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
width: 70px;
margin-bottom: 15px;
}
.contact-info i:hover {
background-color: #f68f1f;
color: #fff;
}
.contact-info .media-body .excerpt p {
margin-bottom: 0;
}
.buzpro-contact .content {
padding-left: 0;
padding-top: 0;
}
.buzpro-contact .copy p {
margin-bottom: 0;
}
.buzpro-contact textarea {
height: 137px;
}
.buzpro-contact input.wpcf7-form-control {
height: 34px;
}
.buzpro-contact .wpcf7-form p {
margin-bottom: 20px;
}
.wpcf7-form p:last-child {
margin-bottom: 0;
font-size: 100px;
}
.buzpro-contact input[type=submit] {
background: #f68f1f none repeat scroll 0 0;
border: medium none;
border-radius: 2px;
color: #fff;
display: inline-block;
font-family: "Montserrat", sans-serif;
font-size: 14px;
line-height: 40px;
height: 40px;
padding: 0 25px;
text-align: center;
text-transform: uppercase;
margin-bottom: 0;
font-weight: normal;
}
.buzpro-contact input[type=submit]:hover {
background: #ffffff;
color: #f68f1f;
box-shadow: 0 3px 2px rgba(0, 0, 0, 0.2);
}
div.wpcf7 .ajax-loader {
margin: 6px 0 0 5px;
position: absolute;
width: 32px;
height: 32px;
background-image: url(../../../themes/buzpro/assets/preset-images/preload-circle-dark.html);
-webkit-animation: cf7Loader 2s steps(18) infinite;
animation: cf7Loader 2s steps(18) infinite;
}
@-webkit-keyframes cf7Loader {
from {
background-position: 0px;
}
to {
background-position: -576px;
}
}
@keyframes cf7Loader {
from {
background-position: 0px;
}
to {
background-position: -576px;
}
}
.company-location {
background: #fff none repeat scroll 0 0;
box-shadow: 0 0 3px 0 #ddd;
padding: 100px 90px;
position: absolute;
right: -273px;
text-align: center;
top: 50%;
transform: translateY(-50%);
z-index: 2;
}
.follow-us-icon > h3 {
color: #4d4d4d;
margin: 0 0 15px;
text-align: center;
font-size: 24px;
}
.follow-us-icon ul li {
display: inline-block;
}
.follow-us-icon ul li a i {
border-radius: 50%;
display: block;
font-size: 16px;
height: 30px;
margin: 0 8px 0 auto;
position: relative;
text-align: center;
width: 30px;
line-height: 30px;
color:#fff;
background: #ccc;
transition: all 0.3s ease-in-out;
}
.follow-us-icon ul li a i.fa-facebook{background: #3b5998}
.follow-us-icon ul li a i.fa-google-plus{background: #bd3518}
.follow-us-icon ul li a i.fa-twitter{background: #33ccff}
.follow-us-icon ul li a i.fa-rss{background: #f56505}
.follow-us-icon ul li a i.fa-linkedin{background: #007bb7}
.follow-us-icon ul li a:hover i{transform: rotate(360deg);}
.single-address {
overflow: hidden;
}
.single-address-icon {
float: left;
margin-right: 20px;
}
.single-address-info {
float: left;
overflow: hidden;
}
.single-address-icon i {
border: 1px solid #f68f1f;
border-radius: 100px;
color: #f68f1f;
float: left;
font-size: 24px;
height: 40px;
line-height: 40px;
margin-top: 5px;
text-align: center;
transition: all 0.3s ease 0s;
width: 40px;
}
.single-address-info p{margin-bottom: 5px; }
.single-address{margin: 10px 0;}
.buzpro-contact-area .leave-comment.comments {
background: #000 url(../../../themes/buzpro/assets/img/contact.png) no-repeat scroll center center / cover ;
padding: 100px 230px 100px 70px;
position: relative;
}
.buzpro-contact-area .comment-form p input, .buzpro-contact-area .comment-form p textarea {
background-color: transparent;
border-color: #fff;
color: #fff;
font-family: lato;
font-size: 14px;
padding: 15px 20px;
height: 45px;
}
.buzpro-contact-area .comment-form p textarea{min-height: 130px;}
.buzpro-contact-area .comment-form p input:focus,.buzpro-contact-area .comment-form p textarea:focus{border-color: #fff;}
.buzpro-contact-area .leave-comment.comments::before {
background: #f68f1f none repeat scroll 0 0;
content: "";
height: 100%;
left: 0;
opacity: 0.82;
position: absolute;
top: 0;
width: 100%;
z-index: 0;
}
.buzpro-contact-area .comment-form {
position: relative;
z-index: 1;
}
.buzpro-contact-area .comment-form .wpcf7-submit {
background: #fff none repeat scroll 0 0;
color: #f68f1f;
width: 100%;
height: 45px;
}
.buzpro-contact-area .comment-form .wpcf7-submit:hover{background: #f68f1f;color:#fff;}
.buzpro-contact-area .comment-form p input::-moz-placeholder,
.buzpro-contact-area .comment-form p textarea::-moz-placeholder {
color: #fff;
opacity: 1;
}
.buzpro-contact-area .comment-form p input::-webkit-input-placeholder,.buzpro-contact-area .comment-form p textarea::-webkit-input-placeholder{
color:#fff;
opacity: 1;
}
.contact-form-title > h4::before {
bottom: -12px;
content: "";
font-family: fontawesome;
font-size: 20px;
left: 75px;
position: absolute;
}
.contact-form-title > h4::after {
background: #fff none repeat scroll 0 0;
bottom: 0;
content: "";
height: 2px;
left: 0;
position: absolute;
width: 65px;
}
.contact-form-title{margin-bottom: 70px;}
.contact-form-title > h4 {
color: #fff;
display: block;
padding-bottom: 25px;
position: relative;
width: 500px;
font-size: 36px;
}   .about-page-content .heading span{
font-size: 16px;
font-weight: 700;
display: block;
}
.about-section .button {
background: #f68f1f none repeat scroll 0 0;
border: medium none;
border-radius: 6px;
color: #fff;
display: inline-block;
font-size: 14px;
line-height: 40px;
padding: 0 25px;
text-align: center;
text-transform: uppercase;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
position: relative;
-webkit-transform: translateZ(0px);
transform: translateZ(0px);
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: color;
transition-property: color;
font-weight: normal;
margin-bottom: 4px;
}
.about-section .button:after {
background: #fff none repeat scroll 0 0;
border-radius: 6px;
bottom: 0;
content: "";
left: 0;
position: absolute;
right: 0;
top: 0;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: 0 50% 0;
transform-origin: 0 50% 0;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
z-index: -1;
}
.about-section .button:hover,
.about-section .button:focus {
color: #f68f1f;
box-shadow: 0 3px 2px rgba(0, 0, 0, 0.2);
background-color: #f68f1f;
}
.about-section .button:hover:after,
.about-section .button:focus:after,
.about-section .button:active:after {
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
.about-section .media-body .heading,
.video-section .media-body .heading {
color: #333333;
font-size: 30px;
font-weight: 700;
line-height: 22px;
text-transform: uppercase;
line-height: 32px;
position: relative;
padding-bottom: 15px;
margin-bottom: 25px;
}
.about-section .media-body .heading a {
color: #333333;
}
.about-section .media-body .heading:after {
background: #dbd9da none repeat scroll 0 0;
content: "";
height: 2px;
left: 0;
margin: auto;
position: absolute;
top: 100%;
width: 82px;
}
.about-section .media-body .heading:before {
background: #f68f1f none repeat scroll 0 0;
content: "";
height: 2px;
left: 0;
margin: auto;
position: absolute;
top: 100%;
width: 30px;
z-index: 9;
}
.video-section .excerpt p {
margin-bottom: 0;
}
.video-section {
position: relative;
background-size: cover;
}
.video-section:before {
content: "";
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
}
.video-section .media-body .heading {
padding-bottom: 0;
}
.video-section .media-body .heading,
.video-section .media-body .excerpt,
.video-section .media-body .excerpt p {
color: #ffffff;
}
.video-section .first.column {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.circle-skill {
position: relative;
background-size: cover;
}
.circle-skill:before {
background: rgba(0, 0, 0, 0.9) none repeat scroll 0 0;
content: "";
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
.circle-skill {} .text_content {} .text_content p {
color: #ffffff;
}
.circle-skill .excerpt,
.circle-skill .excerpt p {
color: #ffffff;
}
.progress-h4 {
margin: 10px 0;
color: #ffffff;
font-family: "Montserrat", sans-serif;
font-size: 14px;
text-transform: uppercase;
font-weight: 700;
} .skill{overflow:hidden;}
.skill {
margin-bottom: 0;
padding-bottom: 20px;
padding-top: 20px;
}
.service-text{margin-top:30px;}
.skill .progress .lead {
color: #666;
font-size: 14px;
font-weight: 400;
left: 0;
position: absolute;
text-transform: capitalize;
top: -24px;
z-index: 99;
width: 100%;
}
.skill .progress {
background-color: #eee;
border-radius: 0;
box-shadow: none;
height: 10px;
overflow: visible;
position: relative;
}
.skill .progress-bar span {
background: #ed9914 none repeat scroll 0 0;
float: right;
font-size: 12px;
font-weight: bold;
margin-right: 0;
margin-top: 0px;
position: relative;
transform: translateX(0%);
}
.progress-bar > span::after {
background: #fff none repeat scroll 0 0;
border: 3px solid #f68f1f;
border-radius: 100%;
content: " ";
height: 20px;
pointer-events: none;
position: absolute;
right: -15px;
top: -8px;
width: 20px;
}
.lead span{position: absolute;right: 0;}
.campaigns-bottom-meta .skill .progress:nth-child(1) .progress-bar {
background: #00aff0;
box-shadow: none;
} @-webkit-keyframes progress-bar-stripes {
from {  background-position: 40px 0;}
to {    background-position: 0 0;}
}
@-o-keyframes progress-bar-stripes {    
from {  background-position: 40px 0;}
to {    background-position: 0 0;}
}
@keyframes progress-bar-stripes {
from {background-position: 40px 0;}
to {background-position: 0 0;}
}
.progress {
overflow: visible;
height: 20px;
margin-bottom: 0px;
background-color: #f5f5f5;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}
.progress-bar {
float: left;
width: 0%;
height: 100%;
font-size: 12px;
line-height: 20px;
color: #ffffff;
text-align: center;
background-color: #337ab7;
-webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
-webkit-transition: width 0.6s ease;
-o-transition: width 0.6s ease;
transition: width 0.6s ease;
} .single-article .story blockquote p {
margin: 0;
}
.post-password-form input[type="password"] {
display: block;
margin: 10px 0;
width: 35%;
}
.header-site .nav.nav-horizontal > ul > li {
margin: 0 16px;
padding-bottom: 0;
}
.site-description {
padding-bottom: 0;
}
.site-description p.tagline,
.site-description h3.sitename.sitetitle a {
margin-top: 6px;
}
#scrollUp {
background: #333333 none repeat scroll 0 0;
bottom: 30px;
color: #ffffff;
height: 40px;
right: 30px;
text-align: center;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
width: 40px;
}
#scrollUp i {
font-size: 16px;
line-height: 40px;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
#scrollUp:hover {
background: #f68f1f none repeat scroll 0 0;
}
.woocommerce-cart-form [type="submit"] {
margin-bottom: 0;
}  @media only screen and (min-width: 992px) and (max-width: 1200px) {
.hs-item .hs-content {
padding-left: 40px;
}
.hs-item .hs-content h2 {
font-size: 50px;
}
.testi-thumbnail.column.span-12 {
max-width: 97%;
}
.portfolio-area [class*="column"] {
width: calc(100% / 12 * 4 - 20px)
}
.medium .fun-text p {
font-size: 25px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1169px) {
.blog .home-blog [class*="span-"] {
width: calc(100% / 12 * 6 - 20px);
}
.widget .section-nav-title {
font-size: 14px;
}
} @media (min-width: 768px) and (max-width: 991px) {
.buzpro-contact-area .leave-comment.comments {
padding: 100px;
}
.company-location {
position: relative;
right: 0;
top: 0;
transform: translateY(0px);
}
.counter-widget .grid .content:nth-child(-n+2){padding-bottom: 0!important}
.team-area .grid .column:nth-child(-n+2) {
margin-bottom: 30px;
}
.video__area {
padding: 319px 0;
}
.video_content_area.media.large h5.heading {
font-size: 26px;
}
.hover-active.buzpro-feature-widget .grid .column:last-child{display: none;}
.buzpro-feature-widget .grid .column{ width: calc(100% / 12 * 6 - 20px); }
.hs-item .hs-content {
text-align: center;
}
.hs-item {
min-height: 450px;
}
.hs-item .hs-content p {
margin: auto;
max-width: 460px;
}
.hs-item .hs-content p {
font-size: 14px;
}
.hs-item .hs-content h2 {
font-size: 40px;
}
.brand-carousel .owl-item:nth-child(3) {
border-right-width: 1px !important;
}
#layers-widget-buzpro_call_to_action-3 {
background-size: cover;
}
.footer-site .grid .column:not(:last-child) {
margin-bottom: 30px;
}
.footer-site .grid.copyright .column {
margin-bottom: 0px;
}
.footer-site h5.section-nav-title {
margin-bottom: 20px;
}
.testi-thumbnail.column.span-12 {
max-width: 97%;
}
.portfolio-area [class*="column"] {
width: calc(100% / 12 * 4 - 20px)
}
.copyright .grid .column {
margin-bottom: 0px !important;
}
.footer-site [class*="span-"] {
width: calc(100% / 12 * 6 - 20px);
}
.column.pull-right.sidebar {
margin-top: 0px;
}
.column.pull-left.sidebar {
margin-bottom: 0px;
}
.column.pull-right.sidebar aside:last-child {
margin-bottom: 0;
}
.section-title.small .heading.comment-title {
font-size: 20px;
padding-top: 25px;
}
.push-top-large .children {
margin-left: 25px;
}
.call_us_btn .media-body .excerpt {
max-width: 100%;
}
.call_us_btn a.button-primary {
float: none !important;
margin-top: 0 !important;
}
.medium .fun-text p {
font-size: 22px;
}
.breadcrumb-area {
padding-bottom: 80px !important;
padding-top: 80px !important;
}
.blog .home-blog [class*="span-"] {
width: calc(100% / 12 * 6 - 20px);
;
}
.widget .section-nav-title {
font-size: 13px;
}
.retated-portfolio-title {
margin-top: 50px;
}
.single-portfolio-page .single-portfolio-content [class*="column"] {
width: calc(100% / 12 * 6 - 20px);
;
}
}
@media (max-width: 768px) {
.header-secondary .pull-left {
float: left;
}
.header-secondary .pull-right {
float: right;
}
.widget .section-nav-title {
font-size: 18px;
}
.related-tag.pull-left {
float: left;
}
.social-links {
float: right;
padding-top: 0;
}
.retated-portfolio-title {
margin-top: 50px;
}
.single-portfolio-page .single-portfolio-content [class*="column"] {
width: calc(100% / 12 * 12 - 20px);
;
}
} @media (max-width: 767px) {
.skill-area .grid .column:nth-child(2n-2){padding-left: 0!important}
.skill-area .grid .column:nth-child(2n-1){padding-right: 0!important}
.video_content_area.media.large h5.heading {
font-size: 24px;
}
.about-page-content .grid .column:first-child{width: 100%;}
.about-page-content .grid .column:last-child{display: none;}
.buzpro-contact-area .leave-comment.comments {
padding: 50px;
}
.company-location {
position: relative;
right: 0;
top: 0;
transform: translateY(0px);
}
.video__areas{width: 100%;}
.video_content_area {
height: auto;
padding: 70px 50px;
width: 100%;
}    
.contact-home .excerpt > p {
line-height: 36px;
}
html.js {
margin-top: 0px!important;
}
html .logged-in {
margin-top: 0px!important;
}
.header-secondary nav.pull-left ul.nav li {
margin-left: 0;
width: 100%;
margin-bottom: 8px;
}
.hidden-xs {
display: none !important
} .off-canvas-right.open {
padding-top: 20px;
}
.close-canvas {
margin-top: 0px;
}
.logged-in .wrapper-site {
margin-top: 45px;
}
.logged-in .off-canvas-right.open {
padding-top: 50px;
}
.logged-in .off-canvas-right.open .close-canvas {
margin-right: 10px;
margin-top: 10px;
}
.header-site,
.header-site.header-sticky {
padding: 10px 0;
}
.slick-arrow.slider_nev_left {
left: 0px;
}
.slick-arrow.slider_nev_right {
right: 0px;
}
.hs-item .hs-content p {
font-size: 14px;
line-height: 22px;
}
.hs-item .hs-content {
text-align: center;
}
.hs-item .hs-content h2 {
font-size: 24px;
}
.section-title .heading {
font-size: 25px;
line-height: 32px;
}
#layers-widget-buzpro_call_to_action-3 {
background-size: cover;
}
.buzpro_call_to_action_area:before {
background: rgba(0, 0, 0, 0) -webkit-linear-gradient(right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 0%) repeat scroll 0 0;
background: rgba(0, 0, 0, 0) linear-gradient(to left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 0%) repeat scroll 0 0;
}
.call_us_btn:before {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
content: "";
}
.filter_menu li {
line-height: 22px;
padding: 0 9px;
}
.testi-thumbnail.column.span-12 {
max-width: 96%;
}
.speech-text {
padding: 15px;
}
.buzpro-pricing-area .grid .column:not(:last-child) {
margin-bottom: 25px;
}
.post-info-left > span.post-author {
top: -2px;
}
.post-like {
margin-right: 10px;
}
.brand-carousel .owl-item {
border-right-width: 1px;
}
.footer-site h5.section-nav-title {
margin-bottom: 20px;
}
.footer-site .grid .column:not(:last-child) {
margin-bottom: 30px;
}
.footer-site .copyright-footer-bg .grid > .column:nth-child(2) {
margin-bottom: 0;
}
.footer-site [class*="span-"] {
width: calc(100% / 12 * 12 - 20px);
}
.copytest p,
.center-logo,
.social-foo-flex-center {
text-align: center;
}
.hs-item .hs-content h2 {
line-height: 1.2;
}
.buzpro_call_to_action_area .span-6.first {
margin-bottom: 50px;
}
.call_us_btn a.button-primary {
float: none;
margin-top: 0px;
}
.medium .fun-text p {
font-size: 25px;
}
.fun-text p {
margin: 10px 0 30px;
}
.buzpro_call_to_action_area [class*="span-"] {
width: calc(100% / 12 * 12 - 20px);
}
.breadcrumb-list {
text-align: center;
}
.breadcrumb-area {
padding-bottom: 70px !important;
padding-top: 70px !important;
}
.contact-info .grid [class*="column"]:not(:last-child) {
margin-bottom: 25px;
}
.buzpro-contact {
padding-top: 80px;
}
.buzpro-contact .container [class*="column"] {
margin-bottom: 50px;
}
.about-section .grid [class*="column"]:not(:last-child),
.video-section .grid [class*="column"]:not(:last-child),
.circle-skill .grid [class*="column"]:not(:last-child) {
margin-bottom: 50px;
}
.team-area .grid [class*="column"]:not(:last-child) {
margin-bottom: 30px;
}
.breadcrumb-title h1 {
text-align: center;
}
.not-found-title h1 {
font-size: 154px;
line-height: 125px;
}
.content-main .pull-right.sidebar {
margin-top: 50px;
}
.content-main .pull-left.sidebar {
margin-bottom: 50px;
}
.blog .home-blog [class*="span-"] {
width: calc(100% / 12 * 12 - 20px);
;
}
.page-template .pull-right.sidebar {
margin-top: 50px;
}
.social-links {
float: left;
padding-top: 15px;
}
.replay-edit.pull-right {
position: absolute;
right: 0;
}
.retated-portfolio-title {
margin-top: 50px;
}
.single-portfolio-page .grid.related_portfolio [class*="span-"]:not(:last-child) {
margin-bottom: 30px;
}
.header-secondary {
text-align: center;
display: block;
}
#menu-top-menu li {
float: none;
margin-bottom: 5px;
}
.header-secondary .pull-left {
float: none;
margin-bottom: 10px;
}
.header-secondary .pull-right {
float: none;
}
.hs-item {
min-height: 450px;
}
} @media only screen and (min-width: 480px) and (max-width: 767px) {
.blog-carousel [class*="span-"] {
width: 100%;
}
.counter-widget .grid .content:nth-child(-n+2){padding-bottom: 0!important;}
.counter-widget .grid .content{margin: 0;}
.team-area .grid .column:nth-child(-n+2) {
margin-bottom: 30px;
}   
.portfolio-area .grid .column{width: calc(100% / 12 * 6 - 20px);}
.hover-active.buzpro-feature-widget .grid .column:last-child{display: none;}
.buzpro-feature-widget .grid .column{ width: calc(100% / 12 * 6 - 20px); }
.hs-item .hs-content h3 {
font-size: 36px!important;
line-height:35px!important;
} 
} @media only screen and (min-width: 481px) and (max-width: 640px) {
.about-page-content .grid .column:first-child{width: 100%;}
.about-page-content .grid .column:last-child{display: none;}
.counter-widget .grid .content:nth-child(-n+2){padding-bottom: 0!important;}
.counter-widget .grid .content{margin: 0;}
.team-area .grid .column:nth-child(-n+2) {
margin-bottom: 30px;
}   
.portfolio-area .grid .column{width: calc(100% / 12 * 6 - 20px);}
.hover-active.buzpro-feature-widget .grid .column:last-child{display: none;}
.buzpro-feature-widget .grid .column{ width: calc(100% / 12 * 6 - 20px); }
.hs-item .hs-content h3 {
font-size: 36px!important;
line-height:35px!important;
}
.buzpro-pricing-area [class*="column"],
.portfolio-area [class*="column"],
.service-area [class*="column"] {
width: calc(100% / 12 * 12 - 20px)
}
.features-area [class*="column"] {
width: calc(100% / 12 * 6 - 20px)
}
.service-title.heading {
font-size: 16px;
}
.info-box-top {
margin-bottom: 8px;
}
.brand-carousel .owl-item {
border-right-width: 0px;
}
.buzpro-contact .container [class*="column"] {
width: calc(100% / 12 * 12 - 20px);
}
.about-section .grid [class*="column"],
.video-section .grid [class*="column"] {
width: calc(100% / 12 * 12 - 20px);
}
.circle-skill .grid [class*="column"]:last-child,
.circle-skill .grid [class*="column"]:nth-child(3),
.team-area .grid [class*="column"]:last-child,
.team-area .grid [class*="column"]:nth-child(3) {
margin-bottom: 0px;
}
.ht_team.thumbnail-body {
margin-bottom: 0px;
}
.column.sidebar .widget {
-webkit-box-flex: 0;
-ms-flex: 0 0 calc(100% / 12 * 12 - 20px);
flex: 0 0 calc(100% / 12 * 12 - 20px);
}
.related-tag.pull-left {
float: left;
}
.social-links {
float: right;
padding-top: 0;
}
.single-portfolio-page .single-portfolio-content [class*="column"],
.single-portfolio-page .grid.related_portfolio [class*="column"] {
width: calc(100% / 12 * 12 - 20px);
;
}
.header-secondary {
text-align: center;
}
.header-secondary .pull-left {
float: none;
margin-bottom: 10px;
}
.header-secondary .pull-right {
float: none;
}
}
@media (width: 640px) {
.header-secondary .pull-left {
float: left;
margin-bottom: 0px;
}
.header-secondary .pull-right {
float: right;
}
#menu-top-menu li {
float: left;
margin-bottom: 0;
}
} @media only screen and (min-width: 641px) and (max-width: 720px) {
.buzpro-pricing-area [class*="column"],
.portfolio-area [class*="column"] {
width: calc(100% / 12 * 12 - 20px);
}
.features-area [class*="column"] {
width: calc(100% / 12 * 6 - 20px);
}
.info-box-top {
margin-bottom: 8px;
}
.brand-carousel .owl-item {
border-right-width: 0px;
}
.buzpro-contact .container [class*="column"] {
margin-bottom: 0px;
}
.about-section .grid [class*="column"],
.video-section .grid [class*="column"] {
width: calc(100% / 12 * 12 - 20px);
}
.circle-skill .grid [class*="column"]:last-child,
.circle-skill .grid [class*="column"]:nth-child(3),
.team-area .grid [class*="column"]:last-child,
.team-area .grid [class*="column"]:nth-child(3) {
margin-bottom: 0px;
}
.ht_team.thumbnail-body {
margin-bottom: 0px;
}
.column.sidebar .widget {
-webkit-box-flex: 0;
-ms-flex: 0 0 calc(100% / 12 * 12 - 20px);
flex: 0 0 calc(100% / 12 * 12 - 20px);
}
.column .widget.widget_calendar {
overflow: auto;
}
.related-tag.pull-left {
float: left;
}
.social-links {
float: right;
padding-top: 0;
}
.single-portfolio-page .single-portfolio-content [class*="column"],
.single-portfolio-page .grid.related_portfolio [class*="column"] {
width: calc(100% / 12 * 12 - 20px);
;
}
.header-secondary .pull-left {
float: left;
margin-bottom: 0px;
}
.header-secondary .pull-right {
float: right;
}
#menu-top-menu li {
float: left;
margin-bottom: 0;
}
} @media only screen and (min-width: 769px) and (max-width: 840px) {
.buzpro-contact-area .leave-comment.comments {
padding: 60px;
}
.company-location {
position: absolute;
right: -291px;
top: 50%;
transform: translateY(-50%);
padding: 100px 54px;
}
.header-site .nav.nav-horizontal > ul > li {
margin: 0 12px;
}
.header-site,
.header-site.header-sticky {
padding: 0;
}
.footer-site [class*="span-"] {
width: calc(100% / 12 * 6 - 20px)
}
.medium .fun-text p {
font-size: 20px;
}
.related-tag.pull-left {
float: left;
}
.social-links {
float: right;
padding-top: 0;
}
} @media only screen and (min-width: 721px) and (max-width: 767px) {
.buzpro-pricing-area [class*="column"] {
width: calc(100% / 12 * 4 - 20px)
}
.features-area [class*="column"],
.portfolio-area [class*="column"],
.footer-site [class*="span-"] {
width: calc(100% / 12 * 6 - 20px)
}
.hs-item .hs-content h2 {
font-size: 35px;
}
.header-secondary .pull-left {
float: left;
}
.header-secondary .pull-right {
float: right;
}
.brand-carousel .owl-item {
border-right-width: 1px;
}
.footer-site [class*="span-"] {
width: calc(100% / 12 * 12 - 20px);
}
.buzpro-instagram-widget .item {
width: 19%;
}
.copyright .column:nth-child(1),
.copyright .column:nth-child(2) {
width: calc(100% / 12 * 6 - 20px);
}
.copyright .column:nth-child() {
width: calc(100% / 12 * 12 - 20px);
}
.copyright .grid .column {
margin-bottom: 0 !important;
}
.buzpro-contact .container [class*="column"] {
margin-bottom: 0px;
}
.circle-skill .grid [class*="column"]:last-child,
.circle-skill .grid [class*="column"]:nth-child(3),
.team-area .grid [class*="column"]:last-child,
.team-area .grid [class*="column"]:nth-child(3) {
margin-bottom: 0px;
}
.ht_team.thumbnail-body {
margin-bottom: 0px;
}
.about-section .grid [class*="column"],
.video-section .grid [class*="column"] {
width: calc(100% / 12 * 12 - 20px);
}
.blog .home-blog [class*="span-"] {
width: calc(100% / 12 * 6 - 20px);
;
}
.related-tag.pull-left {
float: left;
}
.social-links {
float: right;
padding-top: 0;
}
.single-portfolio-page .single-portfolio-content [class*="column"],
.single-portfolio-page .grid.related_portfolio [class*="column"] {
width: calc(100% / 12 * 12 - 20px);
;
}
.header-secondary {
text-align: center;
}
.header-secondary .pull-left {
float: left;
margin-bottom: 0px;
}
.header-secondary .pull-right {
float: right;
}
#menu-top-menu li {
float: left;
margin-bottom: 0;
}
}
.header-site.invert .responsive-nav .l-menu {
color: #f68f1f;
} .single-slider {
background-position: center center;
background-size: cover;
height: 606px;
}
.slider-title {
color: #ffffff;
position: absolute;
text-align: center;
top: 50%;
transform: translateY(-50%);
width: 100%;
}
.slider-active.owl-theme .owl-controls .owl-buttons div {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
border: 1px solid #18bdf6;
border-radius: 0;
color: #18bdf6;
display: inline-block;
font-size: 22px;
height: 40px;
left: 0;
line-height: 36px;
margin: 0;
padding: 0;
position: absolute;
top: 50%;
transform: translateY(-50%);
transition: all 0.3s ease 0s;
width: 40px;
}
.slider-active.owl-theme .owl-controls .owl-buttons div {
opacity:0
}
.slider-active.owl-theme .owl-controls .owl-buttons .owl-next {
left: auto;
right: 0;
}
.slider-active:hover.owl-theme .owl-controls.clickable .owl-buttons div {
opacity:1
}
.owl-theme .owl-controls.clickable .owl-buttons div:hover {
background: #18bdf6 none repeat scroll 0 0;
color: #ffffff;
opacity:1
}
h3.middle-text, h3.middle-text span {
color: #fff;
font-size: 50px;
font-weight: bold;
text-transform: uppercase;
}
.cd-headline.clip .cd-words-wrapper::after {
height: 80%;
top: 5px;
background-color: #18bdf6;
}
.cd-words-wrapper b {
color: #18bdf6;
}
.slider-title h2 {
color: #fff;
}
.single-blog-item:last-child .ht-blog {
margin-bottom: 0;
}
.contact-us a {
border: 1px solid #fff;
border-radius: 2px;
color: #fff;
display: inline-block;
font-size: 14px;
margin-top: 29px;
padding: 10px 20px;
text-transform: uppercase;
}
.contact-us a:hover{
background: #f68f1f;
color: #fff;
border-color: #f68f1f;
}
.slider-title span.title-bottom {
display: block;
margin: auto;
max-width: 582px;
} .sk .sticky , .sk .tag-sticky-2{
border: 1px solid #1991d2;
padding: 10px;
}
.hs-content.fix {
margin: 200px auto;
}