.fullwidth,.width-full,body,html{
width:100%
}
.fullwidth-socials a,.strip-btn,.uppercase{
text-transform:uppercase
}
body,html{
max-width:100%;
height:auto;
padding:0;
margin:0;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale
}
body{
overflow-x:hidden!important;
overflow-y:scroll;
-webkit-tap-highlight-color:rgba(0,0,0,.3);
font-style:normal;
font-weight:400;
font-size:14px;
line-height:24px;
letter-spacing:0;
color:#333
}
.cover,section{
background-size:cover;
background-position:center center;
background-repeat:no-repeat
}
::selection{
color:#fff
}
body.no-selection ::selection{
color:inherit!important;
background:0 0!important
}
body,div,fieldset,form,h1,h2,h3,h4,h5,h6,html,p{
-webkit-text-size-adjust:none
}
img{
-moz-user-select:none;
-webkit-user-select:none;
-ms-user-select:none;
-webkit-user-drag:none;
max-width: 100%;
height: auto;
}
.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6,p{
color:inherit;
font-variant-ligatures:common-ligatures;
line-height:1.4;
padding:0;
margin:0
}
.h1,h1{
font-size:36px
}
.h2,h2{
font-size:32px
}
.h3,h3{
font-size:24px
}
.h4,h4{
font-size:18px
}
.h5,h5{
font-size:14px
}
.h6,h6{
font-size:12px
}
ol,ul{
list-style:none;
padding:0
}
a,a:focus,a:hover,button,button:focus,button:hover{
text-decoration:none;
color:inherit;
cursor:pointer
}
*{
border:0;
vertical-align:baseline;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box
}
*,:focus,:hover{
outline:0!important
}
.opensans{
}
.raleway{
font-family:Raleway,sans-serif
}
.dosis{
font-family:Dosis,sans-serif
}
.montserrat{
font-family:Montserrat,sans-serif
}
.lato{
font-family:Lato,sans-serif
}
.poppins{
font-family:Poppins,sans-serif
}
.merriweather{
font-family:Merriweather,serif
}
.lora{
font-family:Lora,serif
}
.titillium{
}
.anton{
font-family:Anton,sans-serif
}
.oswald{
font-family:Oswald,sans-serif
}
.fjalla{
font-family:'Fjalla One',sans-serif
}
.playfair{
}
.droid{
font-family:'Droid Serif',serif
}
.italic{
font-style:italic
}
.capitalize{
text-transform:capitalize!important
}
.transform-none{
text-transform:none!important
}
.t-left,.t-left.row,.t-left>.row{
text-align:left;
justify-content:left
}
.t-center,.t-center.row,.t-center>.row{
text-align:center;
justify-content:center
}
.t-right,.t-right.row,.t-right>.row{
text-align:right;
justify-content:right
}
.t-justify{
text-align:justify
}
.t-vertical{
writing-mode:vertical-rl
}
.t-shadow{
text-shadow:2px 2px 6px rgba(0,0,0,.1)
}
.light{
font-weight:300
}
.normal{
font-weight:400!important
}
.normal-title{
font-weight:400;
letter-spacing:-1.8px
}
.normal-subtitle{
font-weight:400;
letter-spacing:-.8px
}
@media only screen and (max-width:992px){
.normal-title{
letter-spacing:-.8px
}
.normal-subtitle{
letter-spacing:-.5px
}
}
.medium{
font-weight:500!important
}
.semibold-title{
font-weight:600;
letter-spacing:-1.6px
}
.semibold-subtitle{
font-weight:600;
letter-spacing:-.6px
}
@media only screen and (max-width:992px){
.semibold-title{
letter-spacing:-.8px
}
.semibold-subtitle{
letter-spacing:-.5px
}
}
.semibold{
font-weight:600!important
}
.bold{
font-weight:600
}
.bolder{
font-weight:800
}
.bold-title{
font-weight:700;
letter-spacing:-2.1px;
line-height:125%
}
.bold-subtitle{
font-weight:700;
letter-spacing:-.8px
}
@media only screen and (max-width:992px){
.bold-title{
letter-spacing:-.8px
}
.bold-subtitle{
letter-spacing:-.5px
}
}
.extrabold{
font-weight:900
}
.extrabold-title{
font-weight:900;
letter-spacing:-2.2px
}
.extrabold-subtitle{
font-weight:900;
letter-spacing:-1.2px
}
.badge,.badge.badge-lg,.fw-inherit{
font-weight:inherit
}
@media only screen and (max-width:992px){
.extrabold-title{
letter-spacing:-.8px
}
.extrabold-subtitle{
letter-spacing:-.5px
}
}
.no-ls{
letter-spacing:0!important
}
.lh-normal{
line-height:normal
}
.lh-xs{
line-height:90%
}
.lh-sm{
line-height:120%
}
.lh-md{
line-height:150%
}
.lh-lg{
line-height:200%
}
.lh-xl{
line-height:240%
}
@media only screen and (max-width:768px){
.lh-sm-mobile{
line-height:normal
}
}
.fstyle-normal{
font-style:normal
}
.underline,.underline-hover-all:hover *,.underline-hover-links a:hover,.underline-hover:hover{
text-decoration:underline!important
}
.overline,.overline-hover-all:hover *,.overline-hover-links a:hover,.overline-hover:hover{
text-decoration:line-through!important
}
.underline-dashed{
border-bottom:1px dashed;
word-spacing:-1px
}
.text-background{
-webkit-background-clip:text!important;
-webkit-text-fill-color:transparent;
background-size:cover;
background-position:center
}
.text-shadow{
text-shadow:0 1px 20px rgba(0,0,0,.1)
}
.paragraph{
font-size:14px;
line-height:32px;
margin-bottom:15px
}
@media only screen and (max-width:1400px){
.paragraph{
font-size:13px;
line-height:23px
}
}
.lh-inherit{
line-height:inherit
}
.fs-inherit{
font-size:inherit
}
.ff-inherit{
font-family:inherit
}
.color-inherit{
color:inherit
}
.badge,.label{
color:#fff;
white-space:nowrap
}
.font-40,.text-lg{
font-size:40px
}
.font-50,.text-lg1{
font-size:50px
}
.text-lg2{
font-size:60px
}
.text-lg3{
font-size:80px
}
.text-lg4{
font-size:90px
}
.text-lg5{
font-size:120px
}
.text-lg6{
font-size:150px
}
.font-10{
font-size:10px!important
}
.font-11{
font-size:11px!important
}
.font-12{
font-size:12px!important
}
.font-13{
font-size:13px!important
}
.font-14{
font-size:14px!important
}
.font-15{
font-size:15px!important
}
.font-16{
font-size:16px!important
}
.font-17{
font-size:17px!important
}
.font-18{
font-size:18px!important
}
.font-19{
font-size:19px!important
}
.font-20{
font-size:20px!important
}
.font-21{
font-size:21px!important
}
.font-22{
font-size:22px!important
}
.font-23{
font-size:23px!important
}
.font-24{
font-size:24px!important
}
.font-25{
font-size:25px!important
}
.font-30{
font-size:30px!important
}
.font-35{
font-size:35px!important
}
.font-45{
font-size:45px!important
}
.font-55{
font-size:55px!important
}
@media only screen and (max-width:768px){
.text-lg,.text-lg1,.text-lg2,.text-lg3,.text-lg4,.text-lg5,.text-lg6{
font-size:40px
}
.t-center-mobile,.t-center-mobile.row,.t-center-mobile>.row,.t-center-sm,.t-center-sm.row,.t-center-sm>.row{
text-align:center!important;
justify-content:center
}
}
@media only screen and (max-width:550px){
.text-lg,.text-lg1,.text-lg2,.text-lg3,.text-lg4,.text-lg5,.text-lg6{
font-size:30px
}
.h1,h1{
font-size:28px
}
.h2,h2{
font-size:24px
}
.h3,h3{
font-size:20px
}
}
@media only screen and (max-width:361px){
.text-lg,.text-lg1,.text-lg2,.text-lg3,.text-lg4,.text-lg5,.text-lg6{
font-size:26px
}
.h1,h1{
font-size:25px
}
.h2,h2{
font-size:21px
}
.h3,h3{
font-size:18px
}
}
@media only screen and (max-width:900px){
.font-10-mobile{
font-size:10px!important
}
.font-11-mobile{
font-size:11px!important
}
.font-12-mobile{
font-size:12px!important
}
.font-13-mobile{
font-size:13px!important
}
.font-14-mobile{
font-size:14px!important
}
.font-15-mobile{
font-size:15px!important
}
.font-16-mobile{
font-size:16px!important
}
.font-17-mobile{
font-size:17px!important
}
.font-18-mobile{
font-size:18px!important
}
.font-19-mobile{
font-size:19px!important
}
.font-20-mobile,.text-mobile{
font-size:20px!important
}
.font-21-mobile{
font-size:21px!important
}
.font-22-mobile{
font-size:22px!important
}
.font-23-mobile{
font-size:23px!important
}
.font-24-mobile{
font-size:24px!important
}
.font-25-mobile{
font-size:25px!important
}
.text-mobile-lg{
font-size:27px!important
}
.font-30-mobile{
font-size:30px!important
}
.font-35-mobile,.text-mobile-xl{
font-size:35px!important
}
.font-40-mobile{
font-size:40px!important
}
.font-45-mobile{
font-size:45px!important
}
.font-50-mobile{
font-size:50px!important
}
.font-55-mobile,.text-mobile-xxl{
font-size:55px!important
}
.text-mobile-extreme{
font-size:120px!important
}
}
@media only screen and (max-width:576px){
.t-center-xs,.t-center-xs.row,.t-center-xs>.row{
text-align:center!important;
justify-content:center
}
}
.badge{
display:inline-block;
min-width:15px;
padding:3px 10px;
font-size:11px;
margin:0 3px;
line-height:normal;
text-align:center;
vertical-align:middle;
background-color:#777;
border-radius:10px
}
.badge.badge-lg{
padding:5px 14px;
font-size:inherit
}
.disable-hover,.disable-hover *{
pointer-events:none!important
}
.label{
display:inline;
padding:.2em .6em .3em;
font-size:75%;
font-weight:700;
line-height:1;
text-align:center;
vertical-align:baseline;
border-radius:.25em
}
.no-pl,.no-px{
padding-left:0!important
}
.no-pr,.no-px{
padding-right:0!important
}
.white,.white-hover:hover{
color:#fff!important
}
.bg-white,.bg-white-focus:focus,.bg-white-hover:hover{
background-color:#fff!important
}
.dark,.dark-hover:hover{
color:#333!important
}
.black,.black-hover:hover{
color:#000!important
}
.bg-dark,.bg-dark-hover:hover{
background-color:#212121!important
}
.bg-dark1,.bg-dark1-hover:hover{
background-color:#191919!important
}
.bg-dark2,.bg-dark2-hover:hover{
background-color:#161616!important
}
.bg-dark3,.bg-dark3-hover:hover{
background-color:#111!important
}
.bg-night,.bg-night-hover:hover{
background-color:#1b1c1f!important
}
.bg-night1,.bg-night1-hover:hover{
background-color:#191a1c!important
}
.bg-night2,.bg-night2-hover:hover{
background-color:#151718!important
}
.bg-night3,.bg-night3-hover:hover{
background-color:#111213!important
}
.bg-black,.bg-black-hover:hover{
background-color:#000!important
}
.opacity-hover-container>:hover,.opacity-hover-links a:hover,.opacity-hover-links button:hover,.opacity-hover:hover{
opacity:.7!important
}
.opacity-hover-reverse{
opacity:.7
}
.opacity-hover-reverse:hover{
opacity:1!important
}
.border-white,.border-white-hover:hover{
border-color:#fff!important
}
.border-transparent,.border-transparent-hover:hover{
border-color:transparent!important
}
.dark-section{
background-color:#222;
color:#ccc
}
.transparent,.transparent-hover:hover{
background:0 0!important
}
.fullheight{
height:100%!important
}
.bodywidth{
margin:0 auto
}
.no-ml,.no-mx{
margin-left:0!important
}
.no-mr,.no-mx{
margin-right:0!important
}
.no-margin,.no-margin-im{
margin:0!important
}
.fullscreen{
width:100%;
min-height:100%;
left:0;
top:0
}
.bg-changeable{
-webkit-transition:background .3s;
-moz-transition:background .3s;
transition:background .3s
}
.bg-pattern,.bg-pattern>.bg-animator:after{
background-repeat:repeat!important;
background-size:auto auto!important
}
.pattern-black:after,.pattern-white:after,.pattern1:after,.pattern:after{
background-repeat:repeat;
background-size:auto
}
.pattern:after{
background-image:url(../images/pattern.png)
}
.pattern1:after{
background-image:url(../images/pattern1.jpg)
}
.pattern-black:after{
background-image:url(../images/pattern-black.png)
}
.pattern-white:after{
background-image:url(../images/pattern-white.png)
}
.halfwidth{
width:50%;
max-width:50%
}
.width-auto{
width:auto!important
}
.height-auto{
height:auto
}
@media only screen and (max-width:768px){
.height-auto-mobile{
height:auto!important
}
.mnh-auto-mobile{
min-height:auto!important
}
.relative-mobile,.relative-xs{
position:relative!important
}
}
.mxh-full{
max-height:100%
}
.relative{
position:relative!important
}
.absolute{
position:absolute
}
.absolute-im{
position:absolute!important
}
.fixed{
position:fixed
}
.fixed-im{
position:fixed!important
}
.v-center,.v-center-mb,.vertical-center{
top:50%;
position:relative
}
.all-block-links a,.block,.block-links>a{
display:block
}
.inline-block,.inline-block-links>a{
display:inline-block!important
}
.block-im{
display:block!important
}
.table{
display:table
}
.table-im{
display:table!important
}
@media only screen and (max-width:768px){
.block-mobile{
display:block!important
}
.inline-block-mobile{
display:inline-block!important
}
}
.none{
display:none!important
}
.nowrap{
white-space:nowrap
}
.ws-normal{
white-space:normal
}
.f-left{
float:left!important
}
.f-right{
float:right!important
}
.f-none{
float:none!important
}
.no-padding{
padding:0!important
}
.no-pt{
padding-top:0!important
}
.no-pb{
padding-bottom:0!important
}
.z-index-0{
z-index:0
}
.z-index-1{
z-index:1
}
.z-index-2{
z-index:2
}
.no-mt{
margin-top:0!important
}
.no-mb{
margin-bottom:0!important
}
.no-pm{
padding:0;
margin:0
}
.no-pm-im{
padding:0!important;
margin:0!important
}
.no-radius,.no-radius-hover:hover{
border-radius:0!important
}
.radius,.radius-hover:hover{
border-radius:5px!important
}
.radius-sm,.radius-sm-hover:hover{
border-radius:6px!important
}
.radius-md,.radius-md-hover:hover{
border-radius:12px!important
}
.radius-lg,.radius-lg-hover:hover{
border-radius:40px!important
}
.radius-xl,.radius-xl-hover:hover{
border-radius:60px!important
}
.radius-no-rb,.radius-no-right{
border-bottom-right-radius:0!important
}
.radius-no-right,.radius-no-rt{
border-top-right-radius:0!important
}
.radius-no-lb,.radius-no-left{
border-bottom-left-radius:0!important
}
.radius-no-left,.radius-no-lt{
border-top-left-radius:0!important
}
.border-none,.border-none-links a,.no-border{
border:none!important
}
.m-auto{
margin-left:auto;
margin-right:auto
}
.o-hidden{
overflow:hidden
}
.o-scroll{
overflow:scroll
}
.o-auto{
overflow:auto
}
.o-visible{
overflow:visible!important
}
.c-pointer{
cursor:pointer
}
.c-default{
cursor:default
}
.c-disabled{
cursor:not-allowed
}
.c-move{
cursor:move
}
.c-resize{
cursor:ew-resize
}
.c-vertical-resize{
cursor:ns-resize
}
.c-grab{
cursor:grab!important;
cursor:-moz-grab!important;
cursor:-webkit-grab!important
}
.c-grab:active{
cursor:grabbing;
cursor:-moz-grabbing;
cursor:-webkit-grabbing
}
.no-border-top{
border-top:none!important
}
.no-border-right{
border-right:none!important
}
.no-border-bottom{
border-bottom:none!important
}
.no-border-left{
border-left:none!important
}
.bb-1,.bl-1,.border-1,.border-2,.border-3,.border-4,.border-5,.br-1,.bt-1,[class*=bt-],[class*=bl-],[class*=br-],[class*=bb-]{
border-style:solid
}
.b-dotted,.border-dotted{
border-style:dotted!important
}
.b-dashed,.border-dashed{
border-style:dashed!important
}
.b-solid,.border-solid,.solid{
border-style:solid!important
}
.bs-none,.bs-none-focus:focus,.bs-none-hover:hover{
box-shadow:none!important
}
.bs-sm,.bs-sm-focus:focus,.bs-sm-hover:hover{
box-shadow:0 0 2px 0 rgba(0,0,0,.1)!important
}
.box-shadow,.bs-focus:focus,.bs-hover:hover{
box-shadow:2px 10px 25px 0 rgba(0,0,0,.2)!important
}
.bs-light,.bs-light-focus:focus,.bs-light-hover:hover{
box-shadow:2px 10px 25px 0 rgba(0,0,0,.06)!important
}
.bs-md,.bs-md-focus:focus,.bs-md-hover:hover{
box-shadow:2px 20px 45px 5px rgba(0,0,0,.1)!important
}
.bs-lg,.bs-lg-focus:focus,.bs-lg-hover:hover{
box-shadow:2px 20px 45px 5px rgba(0,0,0,.2)!important
}
.bs-xl,.bs-xl-focus:focus,.bs-xl-hover:hover{
box-shadow:2px 25px 65px 5px rgba(0,0,0,.2)!important
}
.bs-inset,.bs-inset-focus:focus,.bs-inset-hover:hover{
-webkit-box-shadow:0 18px 36px -13px rgba(0,0,0,.5)!important;
-moz-box-shadow:0 18px 36px -13px rgba(0,0,0,.5)!important;
box-shadow:0 21px 42px -14px rgba(0,0,0,.5)!important
}
.slow{
-webkit-transition:all .3s!important;
-moz-transition:all .3s!important;
transition:all .3s!important
}
.slow1{
-webkit-transition:all .2s!important;
-moz-transition:all .2s!important;
transition:all .2s!important
}
.slow-qdr{
-webkit-transition:all .8s cubic-bezier(.77,0,.2,1)!important;
-moz-transition:all .8s cubic-bezier(.77,0,.2,1)!important;
transition:all .8s cubic-bezier(.77,0,.2,1)!important
}
.move-up-half{
-webkit-transform:translateY(-50%);
-moz-transform:translateY(-50%);
-ms-transform:translateY(-50%);
transform:translateY(-50%)
}
.v-center,.v-center-mb{
will-change:transform;
-webkit-transform:translateY(-50%);
-moz-transform:translateY(-50%);
-ms-transform:translateY(-50%);
transform:translateY(-50%)
}
@media only screen and (max-width:768px){
.f-none-mobile,.f-none-sm{
float:none!important
}
.m-auto-mobile{
margin-left:auto!important;
margin-right:auto!important
}
.v-normal-mb,.v-normal-mobile{
top:0!important;
padding-top:15px!important;
padding-bottom:15px!important;
position:relative;
-webkit-transform:translateY(0)!important;
-moz-transform:translateY(0)!important;
-ms-transform:translateY(0)!important;
transform:translateY(0)!important
}
.v-center-mb{
padding-top:0!important;
padding-bottom:0!important
}
}
.v-top{
display:table-cell;
vertical-align:top!important
}
.v-bottom,.v-middle{
display:table-cell!important
}
.v-middle{
vertical-align:middle!important
}
.v-bottom{
vertical-align:bottom!important
}
.caret,.expander-btn i,.expander-btn span,.qdr-controls-2 .slick-dots li button{
vertical-align:middle
}
.vertical-col-lines{
position:fixed;
left:0;
top:0;
right:0;
bottom:0
}
.vertical-col-lines div{
height:100%;
padding:0;
border-right:1px solid rgba(118,118,118,.14)
}
.container,.container-lg,.container-md,.container-sm,.container-xl,.container-xs{
height:auto;
display:block;
width:100%;
margin:0 auto
}
.container-xl{
padding-left:15px;
padding-right:15px
}
.container-lg{
max-width:1620px;
padding-left:0;
padding-right:0
}
body.left-side-menu-active .container-lg,body.left-side-menu-active .container-md,body.right-side-menu-active .container-lg,body.right-side-menu-active .container-md{
padding-left:15px;
padding-right:15px
}
@media only screen and (max-width:1630px){
.container-lg{
padding-left:15px;
padding-right:15px
}
}
.container-md{
max-width:1440px;
padding-left:0;
padding-right:0
}
@media only screen and (max-width:1455px){
.container-md{
padding-left:15px;
padding-right:15px
}
}
.container{
max-width:1200px;
padding-left:0;
padding-right:0
}
@media only screen and (max-width:1441px){
.container{
padding-left:15px;
padding-right:15px
}
}
.container-sm{
max-width:900px;
padding-left:0;
padding-right:0
}
@media only screen and (max-width:915px){
.container-sm{
padding-left:15px;
padding-right:15px
}
}
.container-xs{
max-width:480px;
padding-left:0;
padding-right:0
}
@media only screen and (max-width:495px){
.container-xs{
padding-left:15px;
padding-right:15px
}
}
@media only screen and (max-width:1485px){
body.left-side-menu-active .container,body.right-side-menu-active .container{
padding-left:15px;
padding-right:15px
}
}
.width-calculated{
margin:0!important;
display:block!important;
float:left!important
}
.bg-left,.bg-left>.bg-animator:after{
background-position:left!important
}
.bg-right,.bg-right>.bg-animator:after{
background-position:right!important
}
.bg-top,.bg-top>.bg-animator:after{
background-position:top!important
}
.bg-bottom,.bg-bottom>.bg-animator:after{
background-position:bottom!important
}
.bg-center,.bg-center>.bg-animator:after{
background-position:center center!important
}
@media only screen and (max-width:1024px){
.bg-left-mobile{
background-position:left!important
}
.bg-right-mobile{
background-position:right!important
}
.bg-top-mobile{
background-position:top!important
}
.bg-bottom-mobile{
background-position:bottom!important
}
.bg-center-mobile{
background-position:center center!important
}
.bg-none-mobile{
background-image:none!important
}
}
.bg-norepeat,.bg-norepeat>.bg-animator:after{
background-repeat:no-repeat!important
}
.bg-repeatx,.bg-repeatx>.bg-animator:after{
background-repeat:repeat-x!important
}
.bg-repeaty,.bg-repeaty>.bg-animator:after{
background-repeat:repeat-y!important
}
.bg-repeat{
background-repeat:repeat!important
}
.bg-scroll{
background-attachment:scroll!important
}
.bg-normal,.bg-normal>.bg-animator:after{
background-size:auto!important
}
.bg-fixed,.bg-fixed>.bg-animator:after{
background-attachment:fixed!important
}
.bg-cover,.bg-cover>.bg-animator:after{
background-size:cover!important
}
.bg-size-fullheight{
background-size:auto 100%!important
}
.bg-default{
background-color:#4B515D!important
}
.bg-primary{
background-color:#4285F4!important
}
.bg-success{
background-color:#5cb85c!important
}
.bg-secondary{
background-color:#d790e7!important
}
.bg-danger{
background-color:#db2929!important
}
.bg-warning{
background-color:#f0ad4e!important
}
.bg-info{
background-color:#33b5e5!important
}
.bg-transparent{
background-color:transparent!important
}
.rotate-45{
-ms-transform:rotate(45deg);
-webkit-transform:rotate(45deg);
transform:rotate(45deg)
}
.rotate-45-reverse{
-ms-transform:rotate(-45deg);
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg)
}
.rotate-90{
-ms-transform:rotate(90deg);
-webkit-transform:rotate(90deg);
transform:rotate(90deg)
}
.rotate-90-reverse{
-ms-transform:rotate(-90deg);
-webkit-transform:rotate(-90deg);
transform:rotate(-90deg)
}
.cover{
background-size:cover!important
}
.overlay,.video-play-trigger{
background-size:cover;
background-position:center center
}
.circle,.circle-hover:hover{
border-radius:100%!important
}
.top-50-percent{
top:50%!important
}
.left-50-percent{
left:50%!important
}
.right-50-percent{
right:50%!important
}
.bottom-50-percent{
bottom:50%!important
}
@media only screen and (max-width:768px){
.calculate-height.height-auto-mobile>*,.calculate-height.height-auto-xs>*{
height:auto!important
}
.calculate-width.width-auto-mobile>*,.calculate-width.width-auto-xs>*{
width:auto!important
}
}
.dropcap:first-letter{
color:inherit;
float:left;
font-family:Georgia;
font-size:65px;
line-height:50px;
padding-top:5px;
padding-right:10px;
padding-left:2px
}
.dropcap.dropcap-bg:first-letter{
color:#fff;
background-color:#333;
font-size:45px;
line-height:33px;
padding:8px 8px 8px 6px;
margin-right:8px;
margin-top:4px
}
.dropcap.dropcap-bg.dropcap-radius:first-letter{
border-radius:8px
}
.dropcap.dropcap-bg.dropcap-border:first-letter{
border:1px solid #ccc
}
.dropcap.dropcap-sm:first-letter{
font-size:30px;
line-height:22px
}
.dropcap.dropcap-lg:first-letter{
font-size:60px;
line-height:47px
}
.dropcap.dropcap-xl:first-letter{
font-size:80px;
line-height:67px
}
@media only screen and (min-width:1025px){
[data-background]{
opacity:0;
-webkit-transition:opacity .3s;
-moz-transition:opacity .3s;
transition:opacity .3s
}
.slick-slider [data-background],[data-background].loaded{
opacity:1
}
}
.dropcap.dropcap-bg.white-bg:first-letter{
color:inherit;
background-color:#fff
}
.dropcap.dropcap-bg.light-bg:first-letter{
color:inherit;
background-color:#eee
}
.dropcap.dropcap-bg.danger-bg:first-letter{
color:#fff;
background-color:#C00
}
.dropcap.dropcap-bg.warning-bg:first-letter{
color:#fff;
background-color:#fb3
}
.dropcap.dropcap-bg.success-bg:first-letter{
color:#fff;
background-color:#00C851
}
.dropcap.dropcap-bg.info-bg:first-letter{
color:#fff;
background-color:#33b5e5
}
.dropcap.dropcap-bg.default-bg:first-letter{
color:#fff;
background-color:#2BBBAD
}
.dropcap.dropcap-bg.primary-bg:first-letter{
color:#fff;
background-color:#4285F4
}
.dropcap.dropcap-bg.secondary-bg:first-letter{
color:#fff;
background-color:#a6c
}
.video-trigger{
position:relative
}
.video-play-trigger{
width:100%;
height:100%;
left:0;
top:0;
position:absolute;
z-index:15
}
.video-play-trigger span{
display:block;
margin:0 auto;
top:50%;
text-align:center;
position:relative;
-webkit-transform:translateY(-50%);
-moz-transform:translateY(-50%);
-ms-transform:translateY(-50%);
transform:translateY(-50%)
}
iframe{
width:100%
}
.video-trigger iframe{
min-height:300px
}
.slick-slide .video-trigger img,.video-trigger.slick-slide img{
width:auto;
height:auto;
margin:0 auto
}
.thumbnail-img{
padding:4px;
display:inline-block;
position:relative;
width:auto;
max-width:100%;
background-color:transparent;
border:1px solid #ddd;
border-radius:5px
}
.thumbnail-img.circle{
border-radius:100%;
padding:4px
}
.thumbnail-img.thumbnail-xxs{
max-width:60px
}
.thumbnail-img.thumbnail-xs{
max-width:90px
}
.thumbnail-img.thumbnail-sm{
max-width:120px
}
.thumbnail-img.thumbnail-lg{
max-width:160px
}
.thumbnail-img.circle img{
border-radius:100%
}
.img-overlay,.static-overlay{
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
z-index:5;
background-color:rgba(0,0,0,.6);
opacity:0;
-webkit-transition:all .3s;
-moz-transition:all .3s;
transition:all .3s
}
.img-overlay:hover,.static-overlay{
opacity:1!important
}
.thumbnail-img .img-overlay{
left:4px;
top:4px;
bottom:4px;
right:4px;
width:auto;
height:auto
}
.block-img img,.overlay{
width:100%
}
.img-overlay .overlay-wrap,.static-overlay .overlay-wrap{
position:relative;
left:0;
top:0;
width:100%;
height:100%;
color:#fff;
text-align:center;
display:table
}
.img-overlay .overlay-wrap>*,.static-overlay .overlay-wrap>*{
display:table-cell;
vertical-align:middle
}
.overlay{
position:absolute!important;
height:100%;
display:block;
left:0;
top:0;
z-index:1
}
.static-overlay{
background-color:transparent
}
.block-img img[src*=loading],.block-img img[src*=loader]{
width:auto;
margin:20px auto;
display:block
}
.mini-mt,.mini-my{
margin-top:5px!important
}
.image-left{
float:left;
margin-right:15px;
margin-bottom:10px
}
.mini-mr,.mini-mx{
margin-right:5px!important
}
.image-right{
float:right;
margin-left:15px;
margin-bottom:10px
}
.mini-ml,.mini-mx{
margin-left:5px!important
}
.mini-mb,.mini-my{
margin-bottom:5px!important
}
.mxw-full{
max-width:100%!important
}
label{
font-weight:400
}
.text-rotator>.animated{
display:inline-block;
visibility:visible
}
.text-rotator.padding>.animated{
padding:10px 6px 14px
}
.text-rotator.mini-padding>.animated{
padding:0 4px
}
pre{
border:1px solid #ddd;
line-height:25px;
max-height:400px;
padding:12px 16px
}
.mini-pt,.mini-py{
padding-top:5px!important
}
.mini-pr,.mini-px{
padding-right:5px!important
}
.mini-pb,.mini-py{
padding-bottom:5px!important
}
.mini-pl,.mini-px{
padding-left:5px!important
}
.sticky-keeper{
position:relative
}
@media only screen and (max-width:1000px){
.sticky-keeper .sticky-container{
position:relative!important;
top:0!important;
width:auto!important;
max-width:none!important
}
}
.bg-soft{
position:relative
}
.bg-soft-colored2:before,.bg-soft-gradient1:before,.bg-soft-gradient2:before,.bg-soft-gradient3:before,.bg-soft-gradient4:before,.bg-soft-gradient:before{
opacity:.9
}
.bg-soft-colored1>*,.bg-soft-colored2>*,.bg-soft-colored3>*,.bg-soft-colored>*,.bg-soft>*,.pattern-black>*,.pattern-white>*,.pattern1>*,.pattern>*{
position:relative;
z-index:2
}
.bg-soft-colored1:before,.bg-soft-colored2:before,.bg-soft-colored3:before,.bg-soft-colored:before,.bg-soft-gradient1:before,.bg-soft-gradient2:before,.bg-soft-gradient:before,.bg-soft:before,.pattern-black:after,.pattern-white:after,.pattern1:after,.pattern:after{
position:absolute;
display:block;
left:0;
top:0;
right:0;
bottom:0;
content:'';
z-index:1
}
.bg-soft-white-hover:hover:before,.bg-soft-white9-hover:hover:before,.bg-soft-white9:before,.bg-soft-white:before{
background-color:rgba(255,255,255,.9)
}
.bg-soft-white1-hover:hover:before,.bg-soft-white1:before{
background-color:rgba(255,255,255,.1)
}
.bg-soft-white2-hover:hover:before,.bg-soft-white2:before{
background-color:rgba(255,255,255,.2)
}
.bg-soft-white3-hover:hover:before,.bg-soft-white3:before{
background-color:rgba(255,255,255,.3)
}
.bg-soft-white4-hover:hover:before,.bg-soft-white4:before{
background-color:rgba(255,255,255,.4)
}
.bg-soft-white5-hover:hover:before,.bg-soft-white5:before{
background-color:rgba(255,255,255,.5)
}
.bg-soft-white6-hover:hover:before,.bg-soft-white6:before{
background-color:rgba(255,255,255,.6)
}
.bg-soft-white7-hover:hover:before,.bg-soft-white7:before{
background-color:rgba(255,255,255,.7)
}
.bg-soft-white8-hover:hover:before,.bg-soft-white8:before{
background-color:rgba(255,255,255,.8)
}
.bg-soft-dark-hover:hover:before,.bg-soft-dark9-hover:hover:before,.bg-soft-dark9:before,.bg-soft-dark:before{
background-color:rgba(25,25,25,.9)
}
.bg-soft-dark1-hover:hover:before,.bg-soft-dark1:before{
background-color:rgba(25,25,25,.1)
}
.bg-soft-dark2-hover:hover:before,.bg-soft-dark2:before{
background-color:rgba(25,25,25,.2)
}
.bg-soft-dark3-hover:hover:before,.bg-soft-dark3:before{
background-color:rgba(25,25,25,.3)
}
.bg-soft-dark4-hover:hover:before,.bg-soft-dark4:before{
background-color:rgba(25,25,25,.4)
}
.bg-soft-dark5-hover:hover:before,.bg-soft-dark5:before{
background-color:rgba(25,25,25,.5)
}
.bg-soft-dark6-hover:hover:before,.bg-soft-dark6:before{
background-color:rgba(25,25,25,.6)
}
.bg-soft-dark7-hover:hover:before,.bg-soft-dark7:before{
background-color:rgba(25,25,25,.7)
}
.bg-soft-dark8-hover:hover:before,.bg-soft-dark8:before{
background-color:rgba(25,25,25,.8)
}
.bg-soft-black-hover:hover:before,.bg-soft-black:before{
background-color:rgba(0,0,0,.6)
}
.bg-soft-black1-hover:hover:before,.bg-soft-black1:before{
background-color:rgba(0,0,0,.9)
}
.bg-gray,.bg-gray-hover:hover{
background-color:#fcfcfc!important
}
.bg-gray1,.bg-gray1-hover:hover{
background-color:#f8f8f8!important
}
.bg-gray2,.bg-gray2-hover:hover{
background-color:#f1f1f1!important
}
.bg-gray3,.bg-gray3-hover:hover{
background-color:#e4e4e4!important
}
.bg-gray4,.bg-gray4-hover:hover{
background-color:#ccc!important
}
.bg-gray5,.bg-gray5-hover:hover{
background-color:#aaa!important
}
.bg-gray6,.bg-gray6-hover:hover{
background-color:#999!important
}
.bg-gray7,.bg-gray7-hover:hover{
background-color:#777!important
}
.bg-gray8,.bg-gray8-hover:hover{
background-color:#555!important
}
.bg-gray9,.bg-gray9-hover:hover{
background-color:#333!important
}
.title-strips,.title-strips:after{
height:1px;
background-color:#c4c4c4
}
.gray,.gray-hover:hover{
color:#fcfcfc!important
}
.gray1,.gray1-hover:hover{
color:#f8f8f8!important
}
.gray2,.gray2-hover:hover{
color:#f1f1f1!important
}
.gray3,.gray3-hover:hover{
color:#e4e4e4!important
}
.gray4,.gray4-hover:hover{
color:#ccc!important
}
.gray5,.gray5-hover:hover{
color:#aaa!important
}
.gray6,.gray6-hover:hover{
color:#999!important
}
.gray7,.gray7-hover:hover{
color:#777!important
}
.gray8,.gray8-hover:hover{
color:#474747!important
}
.gray9,.gray9-hover:hover{
color:#383838!important
}
.xxs-pt,.xxs-py{
padding-top:15px!important
}
.xxs-pr,.xxs-px{
padding-right:15px!important
}
.xxs-pb,.xxs-py{
padding-bottom:15px!important
}
.xxs-pl,.xxs-px{
padding-left:15px!important
}
.xs-pt,.xs-py{
padding-top:30px!important
}
.xs-pr,.xs-px{
padding-right:30px!important
}
.xs-pb,.xs-py{
padding-bottom:30px!important
}
.xs-pl,.xs-px{
padding-left:30px!important
}
.sm-pt,.sm-py{
padding-top:50px!important
}
.sm-pr,.sm-px{
padding-right:50px!important
}
.sm-pb,.sm-py{
padding-bottom:50px!important
}
.sm-pl,.sm-px{
padding-left:50px!important
}
.pt,.py{
padding-top:100px!important
}
.pr,.px{
padding-right:100px!important
}
.pb,.py{
padding-bottom:100px!important
}
.pl,.px{
padding-left:100px!important
}
.md-pt,.md-py{
padding-top:150px!important
}
.md-pr,.md-px{
padding-right:150px!important
}
.md-pb,.md-py{
padding-bottom:150px!important
}
.md-pl,.md-px{
padding-left:150px!important
}
.lg-pt,.lg-py{
padding-top:200px!important
}
.lg-pr,.lg-px{
padding-right:200px!important
}
.lg-pb,.lg-py{
padding-bottom:200px!important
}
.lg-pl,.lg-px{
padding-left:200px!important
}
.xl-pt,.xl-py{
padding-top:250px!important
}
.xl-pr,.xl-px{
padding-right:250px!important
}
.xl-pb,.xl-py{
padding-bottom:250px!important
}
.xl-pl,.xl-px{
padding-left:250px!important
}
.xxl-pt,.xxl-py{
padding-top:350px!important
}
.xxl-pr,.xxl-px{
padding-right:350px!important
}
.xxl-pb,.xxl-py{
padding-bottom:350px!important
}
.xxl-pl,.xxl-px{
padding-left:350px!important
}
.xxs-mt,.xxs-my{
margin-top:15px!important
}
.xxs-mr,.xxs-mx{
margin-right:15px!important
}
.xxs-mb,.xxs-my{
margin-bottom:15px!important
}
.xxs-ml,.xxs-mx{
margin-left:15px!important
}
.xs-mt,.xs-my{
margin-top:30px!important
}
.xs-mr,.xs-mx{
margin-right:30px!important
}
.xs-mb,.xs-my{
margin-bottom:30px!important
}
.xs-ml,.xs-mx{
margin-left:30px!important
}
.sm-mt,.sm-my{
margin-top:50px!important
}
.sm-mr,.sm-mx{
margin-right:50px!important
}
.sm-mb,.sm-my{
margin-bottom:50px!important
}
.sm-ml,.sm-mx{
margin-left:50px!important
}
.mt,.my{
margin-top:100px!important
}
.mr,.mx{
margin-right:100px!important
}
.mb,.my{
margin-bottom:100px!important
}
.ml,.mx{
margin-left:100px!important
}
.md-mt,.md-my{
margin-top:150px!important
}
.md-mr,.md-mx{
margin-right:150px!important
}
.md-mb,.md-my{
margin-bottom:150px!important
}
.md-ml,.md-mx{
margin-left:150px!important
}
.lg-mt,.lg-my{
margin-top:200px!important
}
.lg-mr,.lg-mx{
margin-right:200px!important
}
.lg-mb,.lg-my{
margin-bottom:200px!important
}
.lg-ml,.lg-mx{
margin-left:200px!important
}
.xl-mt,.xl-my{
margin-top:250px!important
}
.xl-mr,.xl-mx{
margin-right:250px!important
}
.xl-mb,.xl-my{
margin-bottom:250px!important
}
.xl-ml,.xl-mx{
margin-left:250px!important
}
.xxl-mt,.xxl-my{
margin-top:350px!important
}
.xxl-mr,.xxl-mx{
margin-right:350px!important
}
.xxl-mb,.xxl-my{
margin-bottom:350px!important
}
.xxl-ml,.xxl-mx{
margin-left:350px!important
}
@media only screen and (max-height:890px){
.md-py{
padding-top:130px!important;
padding-bottom:130px!important
}
.lg-py{
padding-top:160px!important;
padding-bottom:160px!important
}
.xl-py{
padding-top:190px!important;
padding-bottom:190px!important
}
.xxl-py{
padding-top:270px!important;
padding-bottom:270px!important
}
}
@media only screen and (max-height:700px){
.md-py{
padding-top:110px!important;
padding-bottom:110px!important
}
.lg-py{
padding-top:130px!important;
padding-bottom:130px!important
}
.xl-py{
padding-top:150px!important;
padding-bottom:150px!important
}
.xxl-py{
padding-top:230px!important;
padding-bottom:230px!important
}
}
@media only screen and (max-width:768px){
.no-padding-mobile,.no-pm-mobile{
padding:0!important
}
.no-pl-mobile,.no-px-mobile{
padding-left:0!important
}
.no-pr-mobile,.no-px-mobile{
padding-right:0!important
}
.no-pt-mobile,.no-py-mobile{
padding-top:0!important
}
.no-pb-mobile,.no-py-mobile{
padding-bottom:0!important
}
.no-margin-mobile,.no-pm-mobile{
margin:0!important
}
.no-mt-mobile,.no-my-mobile{
margin-top:0!important
}
.no-mb-mobile,.no-my-mobile{
margin-bottom:0!important
}
.mini-pl-mobile,.mini-px-mobile{
padding-left:5px!important
}
.mini-pr-mobile,.mini-px-mobile{
padding-right:5px!important
}
.mini-pt-mobile,.mini-py-mobile{
padding-top:5px!important
}
.mini-pb-mobile,.mini-py-mobile{
padding-bottom:5px!important
}
.xxs-pt-mobile,.xxs-py-mobile{
padding-top:15px!important
}
.xxs-pr-mobile,.xxs-px-mobile{
padding-right:15px!important
}
.xxs-pb-mobile,.xxs-py-mobile{
padding-bottom:15px!important
}
.xxs-pl-mobile,.xxs-px-mobile{
padding-left:15px!important
}
.xs-pt-mobile,.xs-py-mobile{
padding-top:30px!important
}
.xs-pr-mobile,.xs-px-mobile{
padding-right:30px!important
}
.xs-pb-mobile,.xs-py-mobile{
padding-bottom:30px!important
}
.xs-pl-mobile,.xs-px-mobile{
padding-left:30px!important
}
.sm-pt-mobile,.sm-py-mobile{
padding-top:50px!important
}
.sm-pr-mobile,.sm-px-mobile{
padding-right:50px!important
}
.sm-pb-mobile,.sm-py-mobile{
padding-bottom:50px!important
}
.sm-pl-mobile,.sm-px-mobile{
padding-left:50px!important
}
.pt-mobile,.py-mobile{
padding-top:100px!important
}
.pb-mobile,.py-mobile{
padding-bottom:100px!important
}
.pl-mobile,.px-mobile{
padding-left:100px!important
}
.md-pt-mobile,.md-py-mobile{
padding-top:150px!important
}
.pr-mobile{
padding-right:100px!important
}
.md-pr-mobile,.md-px-mobile{
padding-right:150px!important
}
.md-pb-mobile,.md-py-mobile{
padding-bottom:150px!important
}
.md-pl-mobile,.md-px-mobile{
padding-left:150px!important
}
.lg-pt-mobile,.lg-py-mobile{
padding-top:200px!important
}
.lg-pr-mobile,.lg-px-mobile{
padding-right:200px!important
}
.lg-pb-mobile,.lg-py-mobile{
padding-bottom:200px!important
}
.lg-pl-mobile,.lg-px-mobile{
padding-left:200px!important
}
.no-mx-mobile{
margin-left:0!important;
margin-right:0!important
}
.no-ml-mobile{
margin-left:auto!important
}
.mini-ml-mobile,.mini-mx-mobile{
margin-left:5px!important
}
.no-mr-mobile{
margin-right:auto!important
}
.mini-mr-mobile,.mini-mx-mobile{
margin-right:5px!important
}
.mini-mt-mobile,.mini-my-mobile{
margin-top:5px!important
}
.mini-mb-mobile,.mini-my-mobile{
margin-bottom:5px!important
}
.xxs-mt-mobile,.xxs-my-mobile{
margin-top:15px!important
}
.xxs-mr-mobile,.xxs-mx-mobile{
margin-right:15px!important
}
.xxs-mb-mobile,.xxs-my-mobile{
margin-bottom:15px!important
}
.xxs-ml-mobile,.xxs-mx-mobile{
margin-left:15px!important
}
.xs-mt-mobile,.xs-my-mobile{
margin-top:30px!important
}
.xs-mr-mobile,.xs-mx-mobile{
margin-right:30px!important
}
.xs-mb-mobile,.xs-my-mobile{
margin-bottom:30px!important
}
.xs-ml-mobile,.xs-mx-mobile{
margin-left:30px!important
}
.sm-mt-mobile,.sm-my-mobile{
margin-top:50px!important
}
.sm-mr-mobile,.sm-mx-mobile{
margin-right:50px!important
}
.sm-mb-mobile,.sm-my-mobile{
margin-bottom:50px!important
}
.sm-ml-mobile,.sm-mx-mobile{
margin-left:50px!important
}
.mt-mobile,.my-mobile{
margin-top:100px!important
}
.mr-mobile,.mx-mobile{
margin-right:100px!important
}
.mb-mobile,.my-mobile{
margin-bottom:100px!important
}
.ml-mobile,.mx-mobile{
margin-left:100px!important
}
}
.title-strips{
width:100px;
margin:10px auto 30px
}
.title-strips:after{
content:'';
width:70px;
position:relative;
top:8px;
left:15px;
display:block
}
.title-strips-over,.title-strips-over:before{
background-color:rgba(255,255,255,.4);
height:1px
}
.title-strips.strips-left{
margin-left:0
}
.title-strips.strips-left:after{
left:0
}
.title-strips-over{
width:230px;
padding:0!important;
position:relative;
margin:14px 0
}
.t-center .title-strips-over{
margin:14px auto
}
.t-left .title-strips-over,.t-right .title-strips-over{
display:inline-block
}
.title-strips-over:before{
width:115px;
content:'';
position:absolute;
left:0;
top:0
}
.t-center .title-strips-over:before{
left:50%;
margin-left:-57px
}
.t-right .title-strips-over:before{
right:0;
left:auto
}
.t-left .title-strips-over:before{
left:0;
right:auto;
margin-left:0
}
.title-strips-over.dark{
background-color:rgba(0,0,0,.2)
}
.title-strips-over.dark:before{
background-color:rgba(0,0,0,.3)
}
hr{
border:none;
height:1px;
margin:10px 0
}
hr.white{
background:-webkit-linear-gradient(left,rgba(0,0,0,0) 0,rgba(180,180,180,1) 48%,rgba(0,0,0,0) 100%);
background:linear-gradient(to right,rgba(0,0,0,0) 0,rgba(229,229,229,.3) 48%,rgba(0,0,0,0) 100%)
}
hr.black{
background:-webkit-linear-gradient(left,rgba(0,0,0,0) 0,rgba(20,20,20,.15) 48%,rgba(0,0,0,0) 100%);
background:linear-gradient(to right,rgba(0,0,0,0) 0,rgba(20,20,20,.15) 48%,rgba(0,0,0,0) 100%)
}
.border-1{
border-width:1px
}
.border-2{
border-width:2px
}
.border-3{
border-width:3px
}
.border-4{
border-width:4px
}
.border-5{
border-width:5px
}
.border-gray,.border-gray-hover:hover{
border-color:#f1f1f1!important
}
.border-gray1,.border-gray1-hover:hover{
border-color:#eaeaea!important
}
.border-gray2,.border-gray2-hover:hover{
border-color:#e1e1e1!important
}
.border-gray3,.border-gray3-hover:hover{
border-color:#dadada!important
}
.border-gray4,.border-gray4-hover:hover{
border-color:#c1c1c1!important
}
.border-gray5,.border-gray5-hover:hover{
border-color:#a1a1a1!important
}
.border-gray6,.border-gray6-hover:hover{
border-color:#919191!important
}
.border-gray7,.border-gray7-hover:hover{
border-color:#717171!important
}
.border-gray8,.border-gray8-hover:hover{
border-color:#515151!important
}
.border-gray9,.border-gray9-hover:hover{
border-color:#313131!important
}
.border-gray10,.border-gray10-hover:hover{
border-color:#181818!important
}
.border-dark,.border-dark-hover:hover{
border-color:#212121!important
}
.border-dark1,.border-dark1-hover:hover{
border-color:#191919!important
}
.border-dark2,.border-dark2-hover:hover{
border-color:#161616!important
}
.border-black,.border-black-hover:hover{
border-color:#111!important
}
.border-double,.border-double-hover{
position:relative;
border-style:solid
}
.border-double-hover:before{
-webkit-transition:all .25s ease-out;
-moz-transition:all .25s ease-out;
transition:all .25s ease-out
}
.border-double-hover:before,.border-double:before{
content:'';
left:0;
top:0;
opacity:0;
right:0;
bottom:0;
background-color:transparent;
border-width:1px;
border-style:inherit;
border-color:inherit;
border-radius:inherit;
position:absolute
}
.border-double-hover:hover:before,.border-double:before{
left:-5px;
top:-5px;
right:-5px;
bottom:-5px;
opacity:1
}
.arrow-bottom{
position:relative
}
.arrow-bottom:before{
content:'';
width:0;
height:0;
border-left:10px solid transparent;
border-right:10px solid transparent;
border-top:10px solid;
border-top-color:inherit;
position:absolute;
left:50%;
margin-left:-10px;
top:100%
}
.divider-1,.divider-2,.divider-3,.divider-4,.divider-5{
text-align:center;
position:relative;
overflow:hidden
}
.divider-1>span,.divider-2>span,.divider-3>span,.divider-4>span,.divider-5>span{
display:inline-block;
position:relative
}
.divider-1>span:after,.divider-1>span:before,.divider-2>span:after,.divider-2>span:before,.divider-3>span:after,.divider-3>span:before,.divider-4>span:after,.divider-4>span:before,.divider-5>span:after,.divider-5>span:before{
background-color:#ddd;
content:'';
display:block;
width:9999px;
left:100%;
margin-left:30px;
top:50%;
margin-top:-.5px;
height:1px;
position:absolute
}
.divider-1.divider-left>span:after,.divider-1.divider-right>span:before,.divider-2.divider-left>span:after,.divider-2.divider-right>span:before,.divider-3.divider-left>span:after,.divider-3.divider-right>span:before,.divider-4.divider-left>span:after,.divider-4.divider-right>span:before,.divider-5.divider-left>span:after,.divider-5.divider-right>span:before{
display:none
}
.divider-1>span:after,.divider-2>span:after,.divider-3>span:after,.divider-4>span:after,.divider-5>span:after{
left:auto;
right:100%;
margin-left:0;
margin-right:30px
}
.divider-1.divider-white>span:after,.divider-1.divider-white>span:before,.divider-2.divider-white>span:after,.divider-2.divider-white>span:before{
background-color:rgba(150,150,150,.4)!important
}
.divider-1.divider-left,.divider-2.divider-left,.divider-3.divider-left,.divider-4.divider-left,.divider-5.divider-left{
text-align:left
}
.divider-1.divider-right,.divider-2.divider-right,.divider-3.divider-right,.divider-4.divider-right,.divider-5.divider-right{
text-align:right
}
.divider-2>span:after,.divider-2>span:before{
background-color:transparent;
border-color:#ddd;
border-style:solid;
border-width:1px 0;
height:6px;
margin-top:-3px
}
.divider-3>span:after,.divider-3>span:before,.divider-4>span:after,.divider-4>span:before{
height:6px;
background-color:transparent;
background-image:url(../images/divider-3.png);
background-repeat:repeat-x;
margin-top:-4px
}
.divider-4>span:before{
background-image:url(../images/divider-4.png)
}
.divider-4>span:after{
background-image:url(../images/divider-4-left.png)
}
.divider-5>span:after,.divider-5>span:before{
background-color:transparent;
border-top:1px dashed #aaa
}
.divider-5.type2>span:after,.divider-5.type2>span:before{
border-top:2px dashed #aaa;
margin-top:-1px
}
.icon-divider{
position:absolute;
width:50px;
height:50px;
line-height:50px;
display:block;
left:50%;
top:0;
-webkit-transform:translate(-50%,-50%);
-moz-transform:translate(-50%,-50%);
-ms-transform:translate(-50%,-50%);
-o-transform:translate(-50%,-50%);
transform:translate(-50%,-50%)
}
.basic-mark{
position:absolute;
right:10px;
top:10px;
line-height:normal;
padding:3px 9px;
z-index:99
}
.basic-mark.icon-mark{
right:0;
top:-5px;
padding:0;
width:35px;
height:35px;
line-height:35px
}
.basic-mark.to-left{
left:10px;
right:auto
}
.basic-mark.icon-mark.to-left{
left:0;
right:auto
}
.basic-mark.icon-mark.to-bottom{
top:auto;
bottom:-5px
}
.basic-mark.to-left+.basic-mark.to-left,.basic-mark.to-right+.basic-mark.to-right{
top:40px
}
.expander-btn.collapsed span#hide,.expander-btn:not(.collapsed) span#show{
display:none
}
.expander-btn i{
margin-left:5px;
font-size:18px
}
.expander-btn:not(.collapsed) i{
-ms-transform:rotate(180deg);
-webkit-transform:rotate(180deg);
transform:rotate(180deg)
}
.bg-animated-reverse>*,.bg-animated-vertical>*,.bg-animated>*{
position:relative;
z-index:2
}
.bg-animator{
background-image:inherit;
display:block;
background-size:0 0!important;
overflow:hidden;
position:absolute;
width:100%;
height:100%;
left:0;
top:0;
z-index:0!important
}
.bg-animated,.bg-animated-reverse,.bg-animated-vertical{
background-size:0 0!important;
background-repeat:no-repeat;
position:relative
}
.bg-animated .bg-animator:after,.bg-animated-reverse .bg-animator:after,.bg-animated-vertical .bg-animator:after{
background-image:inherit;
background-attachment:scroll;
display:block;
background-repeat:repeat;
top:0;
content:''
}
@-webkit-keyframes BackgroundAnimation{
from{
-webkit-transform:translate3d(0,0,0);
transform:translate3d(0,0,0)
}
to{
-webkit-transform:translate3d(80%,0,0);
transform:translate3d(80%,0,0)
}
}
@-moz-keyframes BackgroundAnimation{
from{
-webkit-transform:translate3d(0,0,0);
transform:translate3d(0,0,0)
}
to{
-webkit-transform:translate3d(80%,0,0);
transform:translate3d(80%,0,0)
}
}
@-ms-keyframes BackgroundAnimation{
from{
-webkit-transform:translate3d(0,0,0);
transform:translate3d(0,0,0)
}
to{
-webkit-transform:translate3d(80%,0,0);
transform:translate3d(80%,0,0)
}
}
.bg-animated .bg-animator:after{
transform:translate3d(0,0,0);
background-size:auto 100%;
position:absolute;
right:0;
width:500%;
min-width:300vw;
height:100%;
-webkit-animation:BackgroundAnimation 300s linear infinite;
-moz-animation:BackgroundAnimation 300s linear infinite;
-ms-animation:BackgroundAnimation 300s linear infinite
}
@-webkit-keyframes BackgroundAnimationReverse{
from{
-webkit-transform:translate3d(0,0,0);
transform:translate3d(0,0,0)
}
to{
-webkit-transform:translate3d(-80%,0,0);
transform:translate3d(-80%,0,0)
}
}
@-moz-keyframes BackgroundAnimationReverse{
from{
-webkit-transform:translate3d(0,0,0);
transform:translate3d(0,0,0)
}
to{
-webkit-transform:translate3d(-80%,0,0);
transform:translate3d(-80%,0,0)
}
}
@-ms-keyframes BackgroundAnimationReverse{
from{
-webkit-transform:translate3d(0,0,0);
transform:translate3d(0,0,0)
}
to{
-webkit-transform:translate3d(-80%,0,0);
transform:translate3d(-80%,0,0)
}
}
.bg-animated-reverse .bg-animator:after{
transform:translate3d(0,0,0);
background-size:auto 100%;
position:absolute;
left:0;
width:500%;
min-width:300vw;
height:100%;
-webkit-animation:BackgroundAnimationReverse 300s linear infinite;
-moz-animation:BackgroundAnimationReverse 300s linear infinite;
-ms-animation:BackgroundAnimationReverse 300s linear infinite
}
@-webkit-keyframes BackgroundAnimationVertical{
from{
-webkit-transform:translate3d(0,0,0);
transform:translate3d(0,0,0)
}
to{
-webkit-transform:translate3d(0,-70%,0);
transform:translate3d(0,-70%,0)
}
}
@-moz-keyframes BackgroundAnimationVertical{
from{
-webkit-transform:translate3d(0,0,0);
transform:translate3d(0,0,0)
}
to{
-webkit-transform:translate3d(0,-70%,0);
transform:translate3d(0,-70%,0)
}
}
@-ms-keyframes BackgroundAnimationVertical{
from{
-webkit-transform:translate3d(0,0,0);
transform:translate3d(0,0,0)
}
to{
-webkit-transform:translate3d(0,-70%,0);
transform:translate3d(0,-70%,0)
}
}
.bg-animated-vertical .bg-animator:after{
transform:translate3d(0,0,0);
background-size:100% auto;
position:absolute;
left:0;
width:100%;
height:450%;
-webkit-animation:BackgroundAnimationVertical 240s linear infinite;
-moz-animation:BackgroundAnimationVertical 240s linear infinite;
-ms-animation:BackgroundAnimationVertical 240s linear infinite
}
@media only screen and (max-width:1025px){
.bg-animator{
display:none
}
.bg-animated,.bg-animated-reverse,.bg-animated-vertical{
background-size:cover!important
}
.bg-animated-reverse.bg-normal,.bg-animated-vertical.bg-normal,.bg-animated.bg-normal{
background-size:auto!important
}
}
@-webkit-keyframes itemAnimationHorizontal{
0%,100%{
transform:translate(-10%,0)
}
50%{
transform:translate(10%,0)
}
}
@-moz-keyframes itemAnimationHorizontal{
0%,100%{
transform:translate(-10%,0)
}
50%{
transform:translate(10%,0)
}
}
@-ms-keyframes itemAnimationHorizontal{
0%,100%{
transform:translate(-10%,0)
}
50%{
transform:translate(10%,0)
}
}
@keyframes itemAnimationHorizontal{
0%,100%{
transform:translate(-10%,0)
}
50%{
transform:translate(10%,0)
}
}
.animated-item-horizontal{
-webkit-animation:itemAnimationHorizontal 2.5s linear infinite;
-moz-animation:itemAnimationHorizontal 2.5s linear infinite;
-ms-animation:itemAnimationHorizontal 2.5s linear infinite;
animation:itemAnimationHorizontal 2.5s linear infinite
}
@-webkit-keyframes itemAnimationVertical{
0%,100%{
transform:translate(0,-10%)
}
50%{
transform:translate(0,10%)
}
}
@-moz-keyframes itemAnimationVertical{
0%,100%{
transform:translate(0,-10%)
}
50%{
transform:translate(0,10%)
}
}
@-ms-keyframes itemAnimationVertical{
0%,100%{
transform:translate(0,-10%)
}
50%{
transform:translate(0,10%)
}
}
@keyframes itemAnimationVertical{
0%,100%{
transform:translate(0,-10%)
}
50%{
transform:translate(0,10%)
}
}
.animated-item-vertical{
-webkit-animation:itemAnimationVertical 2.5s linear infinite;
-moz-animation:itemAnimationVertical 2.5s linear infinite;
-ms-animation:itemAnimationVertical 2.5s linear infinite;
animation:itemAnimationVertical 2.5s linear infinite
}
@-webkit-keyframes itemAnimationRotate{
0%,100%{
transform:rotate(-6deg)
}
50%{
transform:rotate(6deg)
}
}
@-moz-keyframes itemAnimationRotate{
0%,100%{
transform:rotate(-6deg)
}
50%{
transform:rotate(6deg)
}
}
@-ms-keyframes itemAnimationRotate{
0%,100%{
transform:rotate(-6deg)
}
50%{
transform:rotate(6deg)
}
}
@keyframes itemAnimationRotate{
0%,100%{
transform:rotate(-6deg)
}
50%{
transform:rotate(6deg)
}
}
.animated-item-rotate{
-webkit-animation:itemAnimationRotate 2.5s linear infinite;
-moz-animation:itemAnimationRotate 2.5s linear infinite;
-ms-animation:itemAnimationRotate 2.5s linear infinite;
animation:itemAnimationRotate 2.5s linear infinite
}
@-webkit-keyframes itemAnimationScale{
0%,100%{
transform:scale(1.2)
}
50%{
transform:scale(1)
}
}
@-moz-keyframes itemAnimationScale{
0%,100%{
transform:scale(1.2)
}
50%{
transform:scale(1)
}
}
@-ms-keyframes itemAnimationScale{
0%,100%{
transform:scale(1.2)
}
50%{
transform:scale(1)
}
}
@keyframes itemAnimationScale{
0%,100%{
transform:scale(1.2)
}
50%{
transform:scale(1)
}
}
.animated-item-scale{
-webkit-animation:itemAnimationScale 2.5s linear infinite;
-moz-animation:itemAnimationScale 2.5s linear infinite;
-ms-animation:itemAnimationScale 2.5s linear infinite;
animation:itemAnimationScale 2.5s linear infinite
}
.animated{
visibility:hidden;
-webkit-transform:translate3d(0,0,0);
transform:translate3d(0,0,0)
}
.animated.fast{
animation-duration:.3s
}
.visible{
visibility:visible!important
}
@media only screen and (max-width:1024px){
.animated{
visibility:visible
}
}
.animated-gradient{
z-index:-1;
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
-webkit-animation:animatedGradient 60s ease infinite;
-moz-animation:animatedGradient 60s ease infinite;
animation:animatedGradient 60s ease infinite
}
@-webkit-keyframes animatedGradient{
0%,100%{
background-position:0 50%
}
50%{
background-position:100% 50%
}
}
@-moz-keyframes animatedGradient{
0%,100%{
background-position:0 50%
}
50%{
background-position:100% 50%
}
}
@keyframes animatedGradient{
0%,100%{
background-position:0 50%
}
50%{
background-position:100% 50%
}
}
#error_message,#submit_message{
font-size:14px;
height:50px;
display:none;
line-height:50px;
color:#202020;
font-weight:500;
left:50%;
bottom:40px;
background-color:#fff;
position:fixed;
border-radius:10px;
box-shadow:15px 30px 80px 4px rgba(0,0,0,.18);
margin:0;
padding:0 30px 0 0;
border:none;
cursor:pointer;
width:auto;
z-index:1500;
-ms-transform:translateX(-50%) translateZ(0);
-webkit-transform:translateX(-50%) translateZ(0);
transform:translateX(-50%) translateZ(0);
-webkit-transition:bottom .3s,box-shadow .3s;
-moz-transition:bottom .3s,box-shadow .3s;
transition:bottom .3s,box-shadow .3s
}
#error_message i,#submit_message i{
display:block;
float:left;
position:relative;
left:-2px;
color:#fff;
line-height:50px;
width:50px;
height:50px;
text-align:center;
border-top-left-radius:10px;
border-bottom-left-radius:10px;
background:#c41f1f
}
#submit_message i{
background:#7fb924
}
#error_message span,#submit_message span{
padding-left:10px
}
#error_message:hover,#submit_message:hover{
bottom:37px;
box-shadow:3px 5px 10px 0 rgba(0,0,0,.1)
}
@media only screen and (min-width:1450px){
body.left-side-menu-active #error_message,body.left-side-menu-active #submit_message{
left:calc(50% + 150px)
}
}
@media only screen and (max-width:580px){
#error_message,#submit_message{
display:none
}
}
button[type=submit]{
position:relative;
overflow:hidden
}
button[type=submit] span.loader{
background-color:inherit;
border-radius:inherit
}
button[type=submit].loading span.loader:before{
width:20px;
height:20px;
margin:-10px auto 0 -10px;
content:'';
position:absolute;
top:50%;
left:50%;
border:1px solid #fff;
border-radius:50%;
z-index:2;
border-left-color:transparent;
border-right-color:transparent;
animation:cssload-spin 650ms infinite linear;
-o-animation:cssload-spin 650ms infinite linear;
-ms-animation:cssload-spin 650ms infinite linear;
-webkit-animation:cssload-spin 650ms infinite linear;
-moz-animation:cssload-spin 650ms infinite linear
}
button[type=submit].loading span.loader:after{
background-color:inherit;
border-radius:inherit;
width:100%;
height:100%;
position:absolute;
left:0;
top:0;
content:'';
z-index:1
}
button[type=submit].loading.dark-loading span.loader:before{
border:1px solid #000;
border-left-color:transparent;
border-right-color:transparent
}
@keyframes cssload-spin{
100%{
transform:rotate(360deg)
}
}
@-o-keyframes cssload-spin{
100%{
-o-transform:rotate(360deg);
transform:rotate(360deg)
}
}
@-ms-keyframes cssload-spin{
100%{
-ms-transform:rotate(360deg);
transform:rotate(360deg)
}
}
@-webkit-keyframes cssload-spin{
100%{
-webkit-transform:rotate(360deg);
transform:rotate(360deg)
}
}
@-moz-keyframes cssload-spin{
100%{
-moz-transform:rotate(360deg);
transform:rotate(360deg)
}
}
.lg-outer .lg-thumb{
margin:0 auto
}
.lg-outer .lg-thumb-item{
border:0 solid transparent;
border-radius:0
}
.lg-outer .lg-thumb-item img{
opacity:.8;
-webkit-transition:all .3s;
-moz-transition:all .3s;
transition:all .3s
}
.lg-outer .lg-thumb-item.active img{
opacity:1
}
.lg-outer .lg-item{
background:url(../images/loader2.gif) center center no-repeat
}
.bg-parallax,.parallax{
background-repeat:no-repeat
}
.lg-backdrop,.lg-outer{
z-index:1650
}
.lg-outer .lg-video{
-webkit-overflow-scrolling:touch;
overflow:auto
}
.lg-actions .lg-next,.lg-actions .lg-prev{
padding:25px 13px;
background-color:rgba(0,0,0,.3);
-webkit-transition:all .3s;
-moz-transition:all .3s;
transition:all .3s
}
.lg-actions .lg-next:hover,.lg-actions .lg-prev:hover{
background-color:rgba(0,0,0,.5);
color:#ddd
}
.lg-actions .lg-next:before{
content:"\f105";
font-family:FONTAWESOME
}
.lg-actions .lg-prev:after{
content:"\f104";
font-family:FONTAWESOME
}
#lg-counter,.lg-outer .lg-thumb-outer,.lg-outer .lg-toogle-thumb,.lg-toolbar .lg-icon{
color:#ccc
}
.lg-toolbar{
background-color:rgba(0,0,0,.6)
}
.lg-sub-html{
background-color:rgba(0,0,0,0)
}
.lg-backdrop{
background-color:rgba(20,20,20,.8)
}
body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object{
border:0 solid rgba(255,255,255,.1)
}
.lg-outer .lg-thumb-outer,.lg-outer .lg-toogle-thumb{
background-color:rgba(0,0,0,.2)
}
.lg-outer .lg-thumb-item.active,.lg-outer .lg-thumb-item:hover{
border-color:rgba(180,180,180,.5)
}
.parallax{
background-attachment:fixed!important;
background-size:cover!important
}
.bg-parallax,.bg-parallax-mobiled{
background-attachment:scroll!important
}
.bg-parallax{
width:100%;
min-height:115%;
height:80vh;
position:absolute;
left:0;
top:0;
background-size:cover;
transform:translateZ(0);
-webkit-transform:translateZ(0);
background-position:center center;
z-index:-1
}
.bg-parallax.horizontal-parallax{
min-height:auto;
height:100%
}
.parallax.disabled{
width:100%;
min-height:100%;
height:100%;
left:0;
top:0;
-webkit-transform:translateY(0)!important;
-moz-transform:translateY(0)!important;
-ms-transform:translateY(0)!important;
transform:translateY(0)!important
}
.bg-parallax img{
width:auto;
min-width:100%;
height:auto;
min-height:100%
}
.bg-parallax-mobiled{
width:100%;
height:100%;
min-height:100%;
background-size:cover!important
}
.bg-parallax-mobiled img{
width:100%;
min-height:auto;
height:auto;
min-width:auto
}
@media only screen and (max-width:500px){
.bg-parallax-mobiled img{
width:auto;
min-height:auto;
height:140%;
min-width:auto
}
}
@media all and (transform-3d),(-webkit-transform-3d){
.carousel-fade .carousel-inner>.item.active.left,.carousel-fade .carousel-inner>.item.active.right,.carousel-fade .carousel-inner>.item.next,.carousel-fade .carousel-inner>.item.prev{
opacity:0;
-webkit-transform:translate3d(0,0,0);
transform:translate3d(0,0,0)
}
.carousel-fade .carousel-inner>.item.active,.carousel-fade .carousel-inner>.item.next.left,.carousel-fade .carousel-inner>.item.prev.right{
opacity:1;
-webkit-transform:translate3d(0,0,0);
transform:translate3d(0,0,0)
}
}
.carousel-fade .carousel-inner .item{
opacity:0;
transition-property:opacity
}
.carousel-fade .carousel-inner .active{
opacity:1
}
.carousel-fade .carousel-inner .active.left,.carousel-fade .carousel-inner .active.right{
left:0;
opacity:0;
z-index:1
}
.carousel-fade .carousel-inner .next.left,.carousel-fade .carousel-inner .prev.right{
opacity:1
}
.carousel-fade .carousel-control{
z-index:2
}
.typed-cursor{
opacity:1;
font-weight:100;
-webkit-animation:blink .7s infinite;
-moz-animation:blink .7s infinite;
-ms-animation:blink .7s infinite;
-o-animation:blink .7s infinite;
animation:blink .7s infinite
}
@-keyframes blink{
0%, 100%{
opacity:1
}
50%{
opacity:0
}
}
@-webkit-keyframes blink{
0%,100%{
opacity:1
}
50%{
opacity:0
}
}
@-moz-keyframes blink{
0%,100%{
opacity:1
}
50%{
opacity:0
}
}
@-ms-keyframes blink{
0%,100%{
opacity:1
}
50%{
opacity:0
}
}
@-o-keyframes blink{
0%,100%{
opacity:1
}
50%{
opacity:0
}
}
.fullwidth-socials a{
background:#1b1b1b;
color:#d1d1d1;
font-size:14px;
min-width:100px;
display:block;
float:left;
text-align:center;
padding:32px 0;
position:relative;
overflow:hidden;
-webkit-transition:background .4s;
-moz-transition:background .4s;
transition:background .4s
}
.fullwidth-socials a span{
position:relative;
display:block;
width:100%;
height:100%;
backface-visibility:hidden;
-webkit-backface-visibility:hidden;
-moz-backface-visibility:hidden;
-webkit-transition:all .4s;
-moz-transition:all .4s;
transition:all .4s
}
.drop-effect,.drop-effect.drop-icon,.icon,.icon.fa-play:before,.social-icon{
display:inline-block
}
.fullwidth-socials a:before{
position:absolute;
bottom:100%;
width:100%;
height:100%;
line-height:75px;
left:0;
font-size:25px;
color:#fff;
-webkit-transition:all .4s;
-moz-transition:all .4s;
transition:all .4s
}
.fullwidth-socials a:hover:before{
bottom:0
}
.fullwidth-socials a:hover span{
-webkit-transform:translateY(400%);
-moz-transform:translateY(400%);
-ms-transform:translateY(400%);
transform:translateY(400%)
}
@media only screen and (max-width:500px){
.fullwidth-socials a{
width:100%!important
}
}
.social-icon{
width:30px;
height:30px;
line-height:30px;
cursor:pointer;
text-align:center;
background-color:#555;
font-size:14px
}
.social-icon:active,.social-icon:focus,.social-icon:hover{
color:#fff
}
.social-icon.border-icon{
background-color:transparent;
border-color:#fff;
border-width:1px;
border-style:solid
}
.social-icon.border-icon.border-gray6{
border-color:#999!important;
color:#666
}
.social-icon.border-icon.border-gray6:hover{
border-color:transparent!important;
color:#fff
}
.icon{
text-align:center
}
.icon-xxs{
width:25px;
height:25px;
line-height:25px;
font-size:10px
}
.icon-xs{
width:35px;
height:35px;
line-height:35px;
font-size:12px
}
.icon-sm{
width:46px;
height:46px;
line-height:46px;
font-size:13px
}
.icon-md{
width:55px;
height:55px;
line-height:55px;
font-size:15px
}
.icon-lg{
width:75px;
height:75px;
line-height:75px;
font-size:16px
}
.icon-xl{
width:85px;
height:85px;
line-height:85px;
font-size:17px
}
.icon-xxl{
width:100px;
height:100px;
line-height:100px;
font-size:19px
}
.icon-extreme{
width:120px;
height:120px;
line-height:120px;
font-size:19px
}
[class*=icon-] i{
line-height:inherit
}
[class*=icon-]{
text-align:center;
display:inline-block
}
@media only screen and (max-width:768px){
.icon-mobile-xs{
width:30px;
height:30px;
line-height:30px;
font-size:10px!important
}
.icon-mobile-md,.icon-mobile-sm{
width:55px;
height:55px;
line-height:55px;
font-size:12px!important
}
.icon-mobile-lg{
width:70px;
height:70px;
line-height:70px;
font-size:13px!important
}
.icon-mobile-xl{
width:90px;
height:90px;
line-height:90px;
font-size:14px!important
}
}
.icon.fa-play:before{
-ms-transform:translateX(5%);
-webkit-transform:translateX(5%);
transform:translateX(5%)
}
.icon-animated,.icon-animated-lg,.icon-animated1,.icon-animated1-lg{
position:relative
}
.icon-animated-lg:after,.icon-animated1-lg:after,.icon-animated1:after,.icon-animated:after{
z-index:-1;
opacity:0;
background:inherit;
border-radius:inherit;
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
content:'';
-webkit-animation-timing-function:linear;
-webkit-animation-delay:0s;
-webkit-animation-name:icon-animate1;
animation-name:icon-animate1;
-webkit-animation-duration:1s;
animation-duration:1.3s;
animation-delay:0s;
-webkit-animation-iteration-count:infinite;
animation-iteration-count:infinite;
-webkit-animation-play-state:running;
animation-play-state:running
}
.icon-animated1:after{
background-color:transparent!important;
border-width:2px;
border-style:solid;
border-color:inherit
}
@keyframes icon-animate1{
0%{
opacity:.5;
-ms-transform:scale(1);
-webkit-transform:scale(1);
transform:scale(1)
}
25%{
-ms-transform:scale(1.2);
-webkit-transform:scale(1.2);
transform:scale(1.2);
opacity:.3
}
60%{
-ms-transform:scale(1.35);
-webkit-transform:scale(1.35);
transform:scale(1.35);
opacity:0
}
}
.icon-animated-lg:after,.icon-animated1-lg:after{
-webkit-animation-name:icon-animate-lg;
animation-name:icon-animate-lg
}
@keyframes icon-animate-lg{
0%{
opacity:.5;
-ms-transform:scale(1);
-webkit-transform:scale(1);
transform:scale(1)
}
25%{
-ms-transform:scale(1.35);
-webkit-transform:scale(1.35);
transform:scale(1.35);
opacity:.45
}
60%{
-ms-transform:scale(1.5);
-webkit-transform:scale(1.5);
transform:scale(1.5);
opacity:0
}
}
.drop-effect{
max-width:100%
}
.drop-effect button.dropdown-toggle{
width:250px;
max-width:100%;
cursor:pointer;
padding:8px 18px;
text-align:left;
background:#fff;
position:relative;
border:1px solid #ddd;
color:#555;
line-height:25px
}
.drop-effect button.dropdown-toggle:hover{
box-shadow:2px 10px 25px 0 rgba(0,0,0,.2)
}
.drop-effect button.dropdown-toggle span{
position:absolute;
right:22px;
top:50%;
margin-top:-3px
}
.drop-effect.drop-icon button.dropdown-toggle{
width:50px;
height:50px;
line-height:50px;
letter-spacing:-.5px;
padding:0;
text-align:center;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis
}
.sm-btn,.xs-btn{
letter-spacing:0
}
.drop-effect .dropdown-menu{
overflow:hidden;
padding:0;
top:0;
left:-10%!important;
width:120%;
min-width:220px;
transform:translate3d(0,0,0)!important;
box-shadow:2px 10px 25px 0 rgba(0,0,0,.2);
border:none;
border-radius:10px;
display:block;
visibility:hidden;
opacity:0;
-webkit-transition:all .2s;
-moz-transition:all .2s;
transition:all .2s
}
.drop-effect.show .dropdown-menu{
visibility:visible;
opacity:1;
transform:translate3d(0,-20%,0)!important
}
.fixed-element,.qdr-alert{
-webkit-transform:translateZ(0)
}
.drop-effect .dropdown-menu>li>.link{
color:inherit;
padding:0 25px;
border-bottom:1px solid #eee;
cursor:pointer;
-webkit-transition:all .2s;
-moz-transition:all .2s;
transition:all .2s
}
.qdr-hover,.qdr-hover:after,.qdr-hover:before{
-webkit-transition:all .8s cubic-bezier(.77,0,.2,1)
}
.drop-effect.show .dropdown-menu>li>.link{
padding-top:7px;
padding-bottom:7px
}
.drop-effect .dropdown-menu>li.cbp-filter-item-active>.link,.drop-effect .dropdown-menu>li>.link:hover{
background-color:#f6f6f6
}
.drop-effect .dropdown-menu>li:last-child>.link{
border-bottom:none
}
@media only screen and (max-width:1250px){
.drop-effect .dropdown-menu{
left:auto!important;
right:0!important;
width:130px;
min-width:auto
}
}
.circular-effect-to-bottom{
border-bottom-left-radius:300%;
border-bottom-right-radius:300%;
height:100%;
width:140%;
left:-20%;
position:relative;
overflow:hidden
}
.cookie-alert,.qdr-alert{
position:fixed;
z-index:1500
}
@media only screen and (max-width:1000px){
.circular-effect-to-bottom{
width:200%;
left:-50%
}
}
@media only screen and (max-width:500px){
.circular-effect-to-bottom{
width:300%;
left:-100%
}
}
.qdr-callout{
margin:30px 0;
padding:15px 30px 15px 20px;
border-left:5px solid #eee
}
.qdr-callout p{
margin-bottom:0
}
.qdr-callout .highlight,.qdr-callout code{
background-color:#fff
}
.bs-callout{
padding:20px;
margin:20px 0;
border:1px solid #eee;
border-left-width:5px;
border-radius:3px
}
.bs-callout h4{
margin-top:0;
margin-bottom:5px
}
.bs-callout p:last-child{
margin-bottom:0
}
.bs-callout code{
border-radius:3px
}
.bs-callout+.bs-callout{
margin-top:-5px
}
.bs-callout-default{
border-left-color:#777
}
.bs-callout-default h4{
color:#777
}
.bs-callout-primary{
border-left-color:#428bca
}
.bs-callout-primary h4{
color:#428bca
}
.bs-callout-success{
border-left-color:#5cb85c
}
.bs-callout-success h4{
color:#5cb85c
}
.bs-callout-danger{
border-left-color:#d9534f
}
.bs-callout-danger h4{
color:#d9534f
}
.bs-callout-warning{
border-left-color:#f0ad4e
}
.bs-callout-warning h4{
color:#f0ad4e
}
.bs-callout-info{
border-left-color:#5bc0de
}
.bs-callout-info h4{
color:#5bc0de
}
blockquote{
padding:10px 20px;
margin:0 0 20px;
font-size:17.5px;
border-left:5px solid #eee
}
.qdr-col-2>*,.qdr-col-3>*,.qdr-col-4>*,.qdr-col-5>*,.qdr-col-6>*{
padding:15px;
float:left
}
.scrollbar-styled::-webkit-scrollbar-track{
-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);
background-color:rgba(10,10,10,.2)
}
.scrollbar-styled::-webkit-scrollbar{
width:9px;
background-color:#F5F5F5
}
.scrollbar-styled::-webkit-scrollbar-thumb{
border-radius:10px;
background-color:#777
}
.qdr-col-6>*{
width:16.666%
}
.qdr-col-5>*{
width:20%
}
.qdr-col-4>*{
width:25%
}
.qdr-col-3>*{
width:33.333%
}
.qdr-col-2>*{
width:50%
}
.qdr-col-1>*{
float:none;
width:100%
}
@media only screen and (max-width:1170px){
.qdr-col-1,.qdr-col-2,.qdr-col-3,.qdr-col-4,.qdr-col-5,.qdr-col-6{
padding-left:15px;
padding-right:15px
}
.container .qdr-col-1,.container .qdr-col-2,.container .qdr-col-3,.container .qdr-col-4,.container .qdr-col-5,.container .qdr-col-6{
padding-left:0;
padding-right:0
}
}
@media only screen and (max-width:768px){
.qdr-col-2>*,.qdr-col-3>*,.qdr-col-4>*,.qdr-col-5>*,.qdr-col-6>*{
width:50%!important;
margin-right:0!important;
padding-left:6px;
padding-right:6px
}
.qdr-col-3.boxes>*{
width:100%!important;
float:none!important;
text-align:center
}
#navigation.modern {
position:relative !important;
}
.is-sticky #navigation.modern {
position: fixed !important;
}
.is-sticky #navigation.modern .hamburger-menu{
top:70% !important;
}
}
@media only screen and (max-width:690px){
.qdr-col-2>*,.qdr-col-3>*,.qdr-col-4>*,.qdr-col-5>*,.qdr-col-6>*{
width:100%!important;
margin-left:auto!important;
margin-right:auto!important;
float:none!important;
text-align:center
}
}
@media only screen and (max-width:360px){
.qdr-col-2-xxs>*,.qdr-col-3-xxs>*{
float:left!important;
padding:10px!important
}
.qdr-col-2-xxs>*{
width:50%!important
}
.qdr-col-3-xxs>*{
width:33.333%!important
}
}
@media only screen and (max-width:480px){
.qdr-col-2-xs>*,.qdr-col-3-xs>*,.qdr-col-4-xs>*{
float:left!important;
padding:10px!important
}
.qdr-col-2-xs>*{
width:50%!important
}
.qdr-col-3-xs>*{
width:33.333%!important
}
.qdr-col-4-xs>*{
width:25%!important
}
}
@media only screen and (min-width:576px) and (max-width:767px){
.qdr-col-2-sm>*,.qdr-col-3-sm>*,.qdr-col-4-sm>*,.qdr-col-5-sm>*,.qdr-col-6-sm>*{
float:left!important;
padding:10px!important
}
.qdr-col-2-sm>*{
width:50%!important
}
.qdr-col-3-sm>*{
width:33.333%!important
}
.qdr-col-4-sm>*{
width:25%!important
}
.qdr-col-5-sm>*{
width:20%!important
}
.qdr-col-6-sm>*{
width:16.666%!important
}
}
.qdr-col-1>.not-col,.qdr-col-2>.not-col,.qdr-col-3>.not-col,.qdr-col-4>.not-col,.qdr-col-5>.not-col,.qdr-col-6>.not-col{
width:100%
}
.gap-50>*{
padding:50px!important
}
.gap-40>*{
padding:40px!important
}
.gap-30>*{
padding:30px!important
}
.gap-25>*{
padding:25px!important
}
.gap-24>*{
padding:24px!important
}
.gap-23>*{
padding:23px!important
}
.gap-22>*{
padding:22px!important
}
.gap-21>*{
padding:21px!important
}
.gap-20>*{
padding:20px!important
}
.gap-19>*{
padding:19px!important
}
.gap-18>*{
padding:18px!important
}
.gap-17>*{
padding:17px!important
}
.gap-16>*{
padding:16px!important
}
.gap-15>*{
padding:15px!important
}
.gap-13>*{
padding:13px!important
}
.gap-12>*{
padding:12px!important
}
.gap-11>*{
padding:11px!important
}
.gap-10>*{
padding:10px!important
}
.gap-9>*{
padding:9px!important
}
.gap-8>*{
padding:8px!important
}
.gap-7>*{
padding:7px!important
}
.gap-5>*,.gap-6>*{
padding:6px!important
}
.gap-4>*{
padding:5px!important
}
.gap-3>*{
padding:4px!important
}
.gap-2>*{
padding:3px!important
}
.gap-1>*{
padding:1px!important
}
.gap-0>*{
padding:0!important
}
@media only screen and (max-width:640px){
.gap-0-sm>*,.gap-0-xs>*{
padding:0!important
}
.gap-5-sm>*,.gap-5-xs>*{
padding:5px!important
}
.gap-10-sm>*,.gap-10-xs>*{
padding:10px!important
}
}
.visible-xs,.visible-xs-block,.visible-xs-inline,.visible-xs-inline-block{
display:none
}
@media only screen and (max-width:576px){
.visible-xs,.visible-xs-block{
display:block!important
}
.visible-xs-inline-block{
display:inline-block!important
}
.visible-xs-inline{
display:inline!important
}
}
.visible-sm,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block{
display:none
}
@media only screen and (min-width:576px) and (max-width:767px){
.visible-sm,.visible-sm-block{
display:block!important
}
.visible-sm-inline-block{
display:inline-block!important
}
.visible-sm-inline{
display:inline!important
}
}
.visible-md,.visible-md-block,.visible-md-inline,.visible-md-inline-block{
display:none
}
@media only screen and (min-width:768px) and (max-width:991px){
.visible-md,.visible-md-block{
display:block!important
}
.visible-md-inline-block{
display:inline-block!important
}
.visible-md-inline{
display:inline!important
}
}
.visible-lg,.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block{
display:none
}
@media only screen and (min-width:992px){
.visible-lg,.visible-lg-block{
display:block!important
}
.visible-lg-inline-block{
display:inline-block!important
}
.visible-lg-inline{
display:inline!important
}
}
.visible-xl,.visible-xl-block,.visible-xl-inline,.visible-xl-inline-block{
display:none
}
@media only screen and (min-width:1200px){
.visible-xl,.visible-xl-block{
display:block!important
}
.visible-xl-inline-block{
display:inline-block!important
}
.visible-xl-inline{
display:inline!important
}
}
.visible-xxl,.visible-xxl-block,.visible-xxl-inline,.visible-xxl-inline-block{
display:none
}
@media only screen and (min-width:1441px){
.visible-xl-block,.visible-xxl{
display:block!important
}
.visible-xxl-inline-block{
display:inline-block!important
}
.visible-xxl-inline{
display:inline!important
}
.hidden-xxl{
display:none!important
}
}
@media only screen and (max-width:368px){
.hidden-xxs{
display:none!important
}
}
@media only screen and (max-width:576px){
.hidden-xs{
display:none!important
}
}
@media only screen and (min-width:768px) and (max-width:991px){
.hidden-md{
display:none!important
}
}
@media only screen and (min-width:992px){
.hidden-lg{
display:none!important
}
}
@media only screen and (min-width:1200px){
.hidden-xl{
display:none!important
}
}
@media only screen and (max-width:768px){
.hidden-sm{
display:none!important
}
.top-mobile-0{
top:0!important
}
.top-mobile-10{
top:10px!important
}
.top-mobile-20{
top:20px!important
}
.top-mobile-30{
top:30px!important
}
.top-mobile-40{
top:40px!important
}
.top-mobile-50{
top:50px!important
}
.top-mobile-100{
top:100px!important
}
.left-mobile-0{
left:0!important
}
.left-mobile-10{
left:10px!important
}
.left-mobile-20{
left:20px!important
}
.left-mobile-30{
left:30px!important
}
.left-mobile-40{
left:40px!important
}
.left-mobile-50{
left:50px!important
}
.left-mobile-100{
left:100px!important
}
.right-mobile-0{
right:0!important
}
.right-mobile-10{
right:10px!important
}
.right-mobile-20{
right:20px!important
}
.right-mobile-30{
right:30px!important
}
.right-mobile-40{
right:40px!important
}
.right-mobile-50{
right:50px!important
}
.right-mobile-100{
right:100px!important
}
.bottom-mobile-0{
bottom:0!important
}
.bottom-mobile-10{
bottom:10px!important
}
.bottom-mobile-20{
bottom:20px!important
}
.bottom-mobile-30{
bottom:30px!important
}
.bottom-mobile-40{
bottom:40px!important
}
.bottom-mobile-50{
bottom:50px!important
}
.bottom-mobile-100{
bottom:100px!important
}
}
.qdr-alert{
display:none;
transform:translateZ(0);
margin:0;
opacity:.9;
padding:10px 15px
}
.qdr-alert:hover{
opacity:1
}
.qdr-alert.active{
display:block
}
.qdr-alert.left{
left:20px
}
.qdr-alert.top{
top:20px
}
.qdr-alert.right{
right:20px
}
.qdr-alert.bottom{
bottom:20px
}
.cookie-alert{
display:none;
width:80%;
margin:0 auto;
left:50%;
bottom:3%;
right:auto;
opacity:1;
padding:20px 40px 20px 20px!important;
background:#fff;
-ms-transform:translateX(-50%) translateZ(0);
-webkit-transform:translateX(-50%) translateZ(0);
transform:translateX(-50%) translateZ(0)
}
.strip-btn,.well{
margin-bottom:20px
}
.cookie-alert .close{
position:absolute;
right:20px;
font-size:20px
}
body.cookie-alert-active{
overflow-y:auto!important
}
.alert-dismissable .close,.alert-dismissible .close{
top:0;
line-height:inherit
}
.well{
min-height:20px;
padding:19px;
background-color:#f5f5f5;
border:1px solid #e3e3e3;
border-radius:4px;
-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.05);
box-shadow:inset 0 1px 1px rgba(0,0,0,.05)
}
.qdr-hover{
overflow:hidden;
z-index:1;
position:relative;
display:inline-block;
transition:all .8s cubic-bezier(.77,0,.2,1)
}
.qdr-hover:hover{
border-color:transparent
}
.qdr-hover:after,.qdr-hover:before{
content:'';
position:absolute;
width:100%;
height:100%;
left:0;
top:0;
z-index:-1;
transition:all .8s cubic-bezier(.77,0,.2,1)
}
.qdr-hover:after{
-ms-transform:translateX(-100%);
-webkit-transform:translateX(-100%);
transform:translateX(-100%)
}
.qdr-hover:before{
-ms-transform:translateX(-200%);
-webkit-transform:translateX(-200%);
transform:translateX(-200%)
}
.qdr-hover-container:hover .qdr-hover:before,.qdr-hover:hover:before{
-ms-transform:translateX(0);
-webkit-transform:translateX(0);
transform:translateX(0);
-webkit-transition:all .8s cubic-bezier(.77,0,.2,1);
transition:all .8s cubic-bezier(.77,0,.2,1)!important
}
.qdr-hover-container:hover .qdr-hover:after,.qdr-hover:hover:after{
-ms-transform:translateX(100%);
-webkit-transform:translateX(100%);
transform:translateX(100%);
-webkit-transition:all .8s cubic-bezier(.77,0,.2,1);
transition:all .8s cubic-bezier(.77,0,.2,1)!important
}
.qdr-hover-1,.qdr-hover-1-bottom,.qdr-hover-1-left,.qdr-hover-1-right{
position:relative;
overflow:hidden;
display:inline-block;
z-index:1
}
.qdr-hover-1-bottom:before,.qdr-hover-1-left:before,.qdr-hover-1-right:before,.qdr-hover-1:before{
content:'';
z-index:-1;
display:block;
position:absolute;
top:0;
left:0;
right:0;
height:0;
-webkit-transition:all .8s cubic-bezier(.77,0,.2,1);
transition:all .8s cubic-bezier(.77,0,.2,1)
}
.qdr-hover-1:hover:before,.qdr-hover-container:hover .qdr-hover-1:before{
height:100%
}
.qdr-hover-1-left:before{
left:0;
right:auto;
height:100%;
width:0
}
.qdr-hover-1-left:hover:before{
width:100%
}
.qdr-hover-1-right:before{
left:auto;
right:0;
height:100%;
width:0
}
.qdr-hover-1-right:hover:before{
width:100%
}
.qdr-hover-1-bottom:before{
bottom:0;
top:auto
}
.qdr-hover-1-bottom:hover:before{
height:100%
}
.qdr-hover-2,.qdr-hover-2-rotate,.qdr-hover-2-vertical{
position:relative;
z-index:1;
overflow:hidden;
display:inline-block;
-webkit-transition:all .4s;
-moz-transition:all .4s;
transition:all .4s
}
.qdr-hover-2-rotate:before,.qdr-hover-2-vertical:before,.qdr-hover-2:before{
position:absolute;
-webkit-transition:all .4s;
-moz-transition:all .4s;
content:'';
z-index:-1
}
.qdr-hover-2-vertical:before,.qdr-hover-2:before{
top:0;
left:50%;
width:0;
height:100%;
transition:all .4s
}
#navigation.modern,.qdr-hover-2-vertical:before{
-webkit-transition:all .25s;
-moz-transition:all .25s
}
.qdr-hover-2:hover::before{
width:100%;
left:0
}
.qdr-hover-2-vertical:before{
left:0;
height:0;
width:100%;
top:50%;
transition:all .25s
}
.qdr-hover-2-vertical:hover:before{
height:100%;
top:0
}
.qdr-hover-2-rotate:before{
width:100%;
height:0;
top:50%;
left:50%;
-webkit-transform:translateX(-50%) translateY(-50%) rotate(45deg);
-moz-transform:translateX(-50%) translateY(-50%) rotate(45deg);
-ms-transform:translateX(-50%) translateY(-50%) rotate(45deg);
transform:translateX(-50%) translateY(-50%) rotate(45deg);
transition:all .4s
}
.qdr-hover-2-rotate:hover::before{
height:500%
}
.qdr-hover-3{
display:inline-block;
font-family:inherit;
position:relative;
overflow:hidden;
-webkit-transition:all .4s;
-moz-transition:all .4s;
transition:all .4s
}
.qdr-hover-3 span.qdr-details{
position:relative;
display:block;
width:100%;
height:100%;
backface-visibility:hidden;
-webkit-backface-visibility:hidden;
-moz-backface-visibility:hidden;
-webkit-transition:transform .4s;
-moz-transition:transform .4s;
transition:transform .4s
}
.qdr-hover-3:before{
position:absolute;
display:inline-block;
font:inherit;
font-family:FONTAWESOME;
bottom:100%;
width:100%;
height:100%;
text-align:inherit;
line-height:inherit;
padding:inherit;
left:0;
color:inherit;
-webkit-transition:bottom .4s;
-moz-transition:bottom .4s;
transition:bottom .4s
}
.countdown span.datename,.countdown span.dot{
}
.strip-btn,.strip-btn:focus{
color:transparent
}
.qdr-hover-3:hover:before{
bottom:0
}
.qdr-hover-3:hover span.qdr-details{
-webkit-transform:translateY(400%);
-moz-transform:translateY(400%);
-ms-transform:translateY(400%);
transform:translateY(400%)
}
.qdr-hover-4,.qdr-hover-4-reverse{
-webkit-transition:all .2s;
-moz-transition:all .2s;
transition:all .2s;
display:inline-block
}
.qdr-hover-4:hover{
-webkit-transform:translateY(-4px);
-moz-transform:translateY(-4px);
-ms-transform:translateY(-4px);
transform:translateY(-4px)
}
.qdr-hover-4-reverse:hover{
-webkit-transform:translateY(3px);
-moz-transform:translateY(3px);
-ms-transform:translateY(3px);
transform:translateY(3px)
}
.qdr-hover-5{
position:relative
}
.qdr-hover-5:before{
width:0;
height:1px;
position:absolute;
bottom:1px;
left:0;
content:'';
background-color:#777;
-webkit-transition:all .4s;
-moz-transition:all .4s;
transition:all .4s
}
.qdr-hover-5:hover:before{
width:100%
}
@media only screen and (max-width:641px){
.qdr-hover-5:before{
display:none
}
.qdr-hover-5:hover{
text-decoration:underline
}
}
.qdr-hover-6{
position:relative;
overflow:hidden!important
}
a.qdr-hover-6{
display:inline-block
}
.qdr-hover-6:after{
width:150%;
height:150%;
left:-250%;
top:-25%;
content:'';
display:block;
position:absolute;
opacity:.4;
background:-moz-linear-gradient(left,rgba(0,0,0,0) 0,rgba(255,255,255,1) 50%,rgba(0,0,0,0) 100%);
background:-webkit-linear-gradient(left,rgba(0,0,0,0) 0,rgba(255,255,255,1) 50%,rgba(0,0,0,0) 100%);
background:linear-gradient(to right,rgba(0,0,0,0) 0,rgba(255,255,255,1) 50%,rgba(0,0,0,0) 100%)
}
.qdr-hover-6-container:hover .qdr-hover-6:after,.qdr-hover-6:hover:after{
left:100%;
top:0;
-webkit-transition:left .6s,top .6s;
-moz-transition:left .6s,top .6s;
transition:left .6s,top .6s
}
.qdr-hover:after{
background-color:#363636
}
.qdr-hover-1-bottom:before,.qdr-hover-1-left:before,.qdr-hover-1-right:before,.qdr-hover-1:before{
background-color:rgba(0,0,0,.1)
}
.qdr-hover-2-rotate:before,.qdr-hover-2-vertical:before,.qdr-hover-2:before{
background-color:#333
}
.moving-container .moving{
-webkit-transition:all .25s ease-out;
-moz-transition:all .25s ease-out;
transition:all .25s ease-out
}
.translatez-xs{
-webkit-transform:translateZ(20px);
transform:translateZ(20px)
}
.translatez-sm{
-webkit-transform:translateZ(40px);
transform:translateZ(40px)
}
.translatez-md{
-webkit-transform:translateZ(50px);
transform:translateZ(50px)
}
.translatez-lg{
-webkit-transform:translateZ(90px);
transform:translateZ(90px)
}
.click-effect{
overflow:hidden;
position:relative
}
.ink{
display:block;
position:absolute;
background:rgba(255,255,255,.1)!important;
border-radius:100%;
-webkit-transform:scale(0);
-moz-transform:scale(0);
-o-transform:scale(0);
transform:scale(0)
}
.click-effect.dark-effect .ink{
background:rgba(0,0,0,.1)!important
}
.clicked{
-webkit-animation:clickEffect .45s linear;
-moz-animation:clickEffect .65s linear;
-ms-animation:clickEffect .65s linear;
-o-animation:clickEffect .65s linear;
animation:clickEffect .65s linear
}
@-webkit-keyframes clickEffect{
100%{
opacity:0;
-webkit-transform:scale(2.5)
}
}
@-moz-keyframes clickEffect{
100%{
opacity:0;
-moz-transform:scale(2.5)
}
}
@-o-keyframes clickEffect{
100%{
opacity:0;
-o-transform:scale(2.5)
}
}
@keyframes clickEffect{
100%{
opacity:0;
transform:scale(2.5)
}
}
.scaled{
-ms-transform:scale(1.1);
-webkit-transform:scale(1.1);
transform:scale(1.1)
}
@media only screen and (max-width:860px){
.scaled{
-ms-transform:scale(1);
-webkit-transform:scale(1);
transform:scale(1)
}
}
.scale-hover{
-ms-transform:scale(1);
-webkit-transform:scale(1);
transform:scale(1);
-webkit-transition:all .3s;
-moz-transition:all .3s;
transition:all .3s
}
.scale-hover:hover{
-ms-transform:scale(1.05);
-webkit-transform:scale(1.05);
transform:scale(1.05)
}
.scale-hover img{
-ms-transform:scale(1);
-webkit-transform:scale(1);
transform:scale(1);
-webkit-transition:all .3s;
-moz-transition:all .3s;
transition:all .3s
}
.scale-hover:hover img{
-ms-transform:scale(1.08);
-webkit-transform:scale(1.08);
transform:scale(1.08)
}
.grayscale,.grayscale-hover:hover{
-webkit-filter:grayscale(1);
filter:grayscale(1)
}
button.disabled{
opacity:.5;
cursor:not-allowed
}
.btn:focus{
box-shadow:none
}
.xs-btn{
padding:6px 26px;
font-size:11px;
line-height:normal
}
.sm-btn{
padding:7px 29px;
font-size:12px;
line-height:normal
}
.lg-btn,.md-btn,.xl-btn{
font-size:13px;
line-height:normal
}
.md-btn{
padding:8px 35px;
letter-spacing:-.1px
}
.lg-btn{
padding:10px 42px;
letter-spacing:-.3px
}
.xl-btn{
padding:12px 50px;
letter-spacing:-.3px
}
.long-btn{
padding-left:60px;
padding-right:60px;
line-height:normal
}
.quadra-btn{
background-color:rgba(165,165,165,.2);
border-color:rgba(255,255,255,.2);
border-width:1px;
border-style:solid;
padding:10px 30px;
font-size:14px;
line-height:normal
}
.border-btn{
background:0 0;
border:1px solid #fff
}
@media only screen and (max-width:992px){
.quadra-btn{
padding:9px 20px;
font-size:13px
}
.xl-btn{
padding:8px 40px;
font-size:13px
}
.lg-btn,.md-btn,.sm-btn{
font-size:12px
}
.lg-btn{
padding:8px 33px
}
.md-btn{
padding:7px 29px
}
.sm-btn{
padding:5px 19px
}
}
@media only screen and (max-width:480px){
.quadra-btn{
padding:7px 16px;
font-size:12px
}
.xl-btn{
padding:9px 35px;
font-size:12px
}
.lg-btn,.md-btn,.sm-btn{
font-size:11px
}
.lg-btn{
padding:8px 27px
}
.md-btn{
padding:7px 20px
}
.sm-btn{
padding:5px 16px
}
}
.strip-btn-container{
margin-top:30px;
height:38px
}
.strip-btn{
display:inline-block;
min-width:50px;
height:1px;
background-color:#545454;
overflow:hidden;
padding:0 50px;
font-size:15px;
margin-top:20px;
line-height:0;
-webkit-transition:all .2s;
-moz-transition:all .2s;
transition:all .2s
}
.strip-btn-trigger:hover .strip-btn-container .strip-btn{
height:38px;
margin-top:0;
margin-bottom:0;
line-height:38px;
color:#fff
}
.strip-btn.light-button{
background-color:#a1a1a1
}
.cbp-item.cbp-item-off .strip-btn{
display:none
}
.soft-button{
padding:9px 25px;
background-color:rgba(255,255,255,.1);
color:#d4d4d4;
border-radius:0;
border:1px solid rgba(255,255,255,.2)
}
.text-slider-arrow{
display:inline-block;
text-align:center;
width:30px;
height:30px;
line-height:30px;
cursor:pointer;
-webkit-transition:all .4s;
-moz-transition:all .2s;
transition:all .4s
}
.text-slider-arrow:hover{
background-color:#333;
width:50px;
color:#fff
}
.text-slider-arrow.left:hover{
margin-left:-20px
}
.fixed-element{
width:auto;
position:fixed;
transform:translateZ(0);
left:35px;
bottom:30px;
z-index:50
}
.fixed-element.right{
left:auto;
right:35px
}
#back-to-top,.drop-msg{
width:45px;
opacity:.5;
height:45px;
line-height:45px;
z-index:100;
display:block;
position:fixed;
cursor:pointer;
right:20px;
bottom:55px;
border-radius:7px;
border-width:1px;
border-style:solid;
text-align:center;
color:#777;
background:#fff;
border-color:#ddd;
-webkit-transition:transform .8s cubic-bezier(.77,0,.2,1)!important;
-moz-transition:transform .8s cubic-bezier(.77,0,.2,1)!important;
transition:transform .8s cubic-bezier(.77,0,.2,1)!important;
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
body.right-mini-side-menu-active #back-to-top,body.right-mini-side-menu-active .drop-msg{
right:75px
}
#back-to-top.dark,.drop-msg.dark{
color:#fff!important;
background:#252525;
border-color:#343434
}
.drop-msg+#back-to-top{
bottom:70px
}
#back-to-top:hover,.drop-msg:hover{
opacity:1
}
#back-to-top:not(.modal-hiding).qfm-time,.drop-msg:not(.modal-hiding).qfm-time{
-webkit-transform:translateY(-60px);
-moz-transform:translateY(-60px);
-ms-transform:translateY(-60px);
transform:translateY(-60px)
}
@media only screen and (max-width:480px){
#back-to-top,.drop-msg{
width:45px;
height:45px;
line-height:45px;
right:10px;
bottom:50px
}
.drop-msg+#back-to-top{
bottom:65px
}
}
.quick-contact-form{
position:fixed;
display:none;
z-index:1051;
line-height:normal;
right:20px;
bottom:90px;
width:260px;
height:auto;
padding:42px 15px 50px;
overflow:hidden;
text-align:center;
background-color:#fff;
border-top:5px solid;
border-radius:10px;
box-shadow:6px 6px 20px rgba(0,0,0,.15);
-webkit-transition:transform .5s;
-moz-transition:transform .5s;
transition:transform .2s;
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
body.quick-contact-form-active:before{
content:'';
display:none;
width:100%;
height:100%;
background-color:#000;
position:fixed;
z-index:1004;
opacity:.7;
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
.quick-contact-form input,.quick-contact-form textarea{
display:block;
font-size:14px;
width:100%;
height:auto;
padding:8px 12px;
margin-bottom:12px;
border:1px solid #ddd;
-webkit-transition:box-shadow .5s;
-moz-transition:box-shadow .5s;
transition:box-shadow .5s
}
.quick-contact-form input:focus,.quick-contact-form textarea:focus{
box-shadow:2px 5px 15px rgba(0,0,0,.1)
}
.classic_form,.classic_form:not(.bs-focus):focus,.classic_form:not(.bs-inset-focus):focus,.classic_form:not(.bs-lg-focus):focus,.classic_form:not(.bs-light-focus):focus{
box-shadow:none
}
.quick-contact-form textarea{
min-height:80px;
resize:none
}
.quick-contact-form button{
display:block;
width:100%;
padding:10px 5px;
outline:0;
border:none
}
.quick-contact-form h5{
color:#777
}
.quick-contact-form p{
margin:10px 0 20px
}
.quick-contact-form a{
margin-top:20px;
-webkit-transition:color .5s;
-moz-transition:color .5s;
transition:color .5s
}
.quick-contact-form input.error_warning,.quick-contact-form textarea.error_warning{
border-color:#eb2e2e!important
}
.quick-contact-form.active{
-webkit-transform:translateY(-5px);
-moz-transform:translateY(-5px);
-ms-transform:translateY(-5px);
transform:translateY(-5px)
}
.quick-contact-form.dark{
background-color:#222
}
.quick-contact-form.dark input,.quick-contact-form.dark textarea{
background-color:#272727;
border:1px solid #313131;
color:#ccc
}
.quick-contact-form.dark h5{
color:#ccc
}
.quick-contact-form a,.quick-contact-form p{
color:#aaa
}
@media only screen and (max-width:900px){
body.quick-contact-form-active:before{
display:block
}
}
@media only screen and (max-width:480px){
.quick-contact-form{
padding:35px 15px;
width:80%;
left:10%
}
}
@media only screen and (max-height:480px){
.quick-contact-form{
bottom:3px;
padding:25px 15px
}
.quick-contact-form.active{
bottom:10px
}
.quick-contact-form p{
font-size:12px;
margin:3px 0 14px
}
.quick-contact-form input,.quick-contact-form textarea{
padding:6px 8px;
font-size:13px
}
.quick-contact-form textarea{
min-height:20px
}
.quick-contact-form button{
padding:5px;
font-size:13px
}
.quick-contact-form a{
margin-top:10px;
font-size:12px
}
}
@media only screen and (max-height:340px){
.quick-contact-form{
bottom:0;
padding:7px 14px
}
.quick-contact-form.active{
bottom:5px
}
.quick-contact-form p{
font-size:12px;
margin:3px 0 10px
}
}
@media only screen and (min-width:1450px){
body.right-side-menu-active #back-to-top,body.right-side-menu-active .drop-msg,body.right-side-menu-active .quick-contact-form{
right:320px
}
}
@media only screen and (min-width:1120px) and (max-width:1450px){
body.right-side-menu-active #back-to-top,body.right-side-menu-active .drop-msg,body.right-side-menu-active .quick-contact-form{
right:250px
}
}
.classic_form{
font-size:inherit;
background:0 0;
width:100%;
height:auto;
line-height:normal;
padding:10px 13px;
border:1px solid #ddd;
margin-bottom:0px;
outline:0!important;
-webkit-transition:all .3s;
-moz-transition:all .3s;
transition:all .3s
}
.classic_form.form-gray{
background-color:#eee
}
.dark-section .classic_form{
border-color:#555
}
.dark-section .classic_form:hover{
border-color:#666
}
.dark-section .classic_form:focus{
border-color:#999
}
.classic_form.big{
padding:15px
}
.classic_form:focus{
border-color:#ccc
}
.classic_form.error_warning{
border-color:red!important
}
.g-recaptcha{
display:inline-block;
width:auto!important;
border:1px solid transparent
}
.g-recaptcha.error_warning{
border-color:red!important
}
@media screen and (max-width:361px){
.g-recaptcha{
max-width:290px;
overflow:hidden;
border-right:1px solid #ccc
}
}
textarea.classic_form{
min-height:100px;
resize:none;
margin-bottom:7px
}
textarea.classic_form.big{
min-height:150px;
resize:none
}
textarea.classic_form.large{
min-height:200px;
resize:none
}
select.classic_form{
cursor:pointer;
background:url(../images/bottom_black.png) right 16px center no-repeat;
-webkit-appearance:none;
background-size:12px 6px
}
.classic_form::-webkit-input-placeholder{
color:#777
}
.classic_form:-moz-placeholder{
color:#777
}
.classic_form::-moz-placeholder{
color:#777
}
.classic_form:-ms-input-placeholder{
color:#777
}
.light-placeholder::-webkit-input-placeholder{
color:#fff!important
}
.light-placeholder:-moz-placeholder{
color:#fff!important
}
.light-placeholder::-moz-placeholder{
color:#fff!important
}
.light-placeholder:-ms-input-placeholder{
color:#fff!important
}
form .half>*{
width:46%;
width:calc(50% - 10px);
float:left
}
form .half>:nth-of-type(2n),form .half>button{
float:right
}
@media screen and (max-width:640px){
form .half>*{
float:none;
width:100%
}
form .half>:nth-of-type(2n),form .half>button{
float:none
}
.g-recaptcha{
margin-bottom:13px
}
}
.classic_checkbox{
width:110px;
font-size:14px;
height:30px;
margin:6px;
position:relative;
background:0 0;
display:inline-block
}
.classic_checkbox label{
width:28px;
height:28px;
cursor:pointer;
position:absolute;
left:0;
top:0;
background:#fff;
border-radius:5px;
border:1px solid #ccc;
line-height:28px;
text-indent:36px;
white-space:nowrap
}
.classic_checkbox input[type=checkbox]:checked+label,.classic_checkbox input[type=radio]:checked+label{
background:#4a90e2
}
.classic_checkbox label:after{
content:'L';
width:18px;
color:#fff;
text-align:center;
line-height:16px;
font-weight:900;
transform:rotateY(180deg) rotateZ(-45deg);
height:18px;
position:absolute;
text-indent:0;
top:4px;
left:3px;
opacity:0
}
.accordion-toggle-link:after,.load-with-waypoint:before,.qdr-controls .slick-dots li button:before,input.switch+label:after,ul.nav-list li a:before{
content:''
}
.classic_checkbox input[type=checkbox]:checked+label:after,.classic_checkbox input[type=radio]:checked+label:after{
opacity:1
}
.classic_checkbox input[type=checkbox]{
visibility:hidden
}
.classic_checkbox input[type=checkbox]:checked+label,.classic_checkbox:hover label{
border:1px solid #4a90e2
}
.classic_checkbox.radio label{
border-radius:100%;
text-indent:35px;
line-height:25px
}
.classic_checkbox input[type=radio]{
visibility:hidden;
display:none
}
.classic_checkbox input[type=radio]:checked+label,.classic_checkbox:hover label{
border:1px solid #4a90e2
}
.classic_checkbox.over{
width:60px;
text-align:center
}
.classic_checkbox.over label{
position:relative
}
input.switch[type=checkbox]{
height:0;
width:0;
visibility:hidden
}
input.switch+label{
cursor:pointer;
text-indent:-9999px;
width:55px;
height:26px;
max-width:55px;
background:0 0;
display:inline-block;
border-radius:100px;
position:relative;
border:1px solid #ccc;
-webkit-transition:all .3s;
-moz-transition:all .3s;
transition:all .3s
}
input.switch+label:hover{
border:1px solid #4a90e2
}
input.switch+label:after{
position:absolute;
top:3px;
left:5px;
width:18px;
height:18px;
border-radius:90px;
transition:.3s;
background:#4a90e2
}
input.switch:checked+label{
background:#4a90e2;
border:1px solid #4a90e2
}
input.switch:checked+label:after{
left:calc(100% - 5px);
transform:translateX(-100%);
background-color:#fff
}
label.switch:active:after{
width:130px
}
.checkbox_switch *{
position:relative;
line-height:25px;
vertical-align:top;
margin-right:15px
}
.checkbox_switch input{
margin:0
}
.inputfile{
width:.1px;
height:.1px;
opacity:0;
overflow:hidden;
position:absolute;
z-index:-1
}
.inputfile+label{
width:100%;
font-size:13px;
font-weight:inherit;
text-overflow:ellipsis;
white-space:nowrap;
cursor:pointer;
display:inline-block;
overflow:hidden;
padding:0;
color:#555;
border:1px solid #ddd;
background-color:#fff
}
.inputfile+label:hover,.inputfile.has-focus+label,.inputfile:focus+label{
border-color:#888
}
.inputfile+label span{
min-width:100px;
max-width:90%;
min-height:25px;
padding:10px 13px;
display:inline-block;
text-overflow:ellipsis;
white-space:nowrap;
overflow:hidden;
vertical-align:top
}
.inputfile+label strong{
height:100%;
color:#fff;
padding:10px 13px;
background-color:#555;
display:inline-block
}
.inputfile+label:hover strong,.inputfile.has-focus+label strong,.inputfile:focus+label strong{
background-color:#555
}
@media screen and (max-width:50em){
.inputfile+label strong{
display:block
}
}
.quantity input{
width:50px;
height:50px;
border-width:1px;
cursor:pointer;
border-style:solid;
display:block;
float:left;
text-align:center;
border-color:inherit;
background-color:inherit;
font-size:inherit
}
.quantity.quantity-sm input{
width:35px;
height:35px
}
.quantity.quantity-lg input{
width:65px;
height:50px
}
.quantity input.numbers{
border-left:none;
border-right:none;
width:80px
}
.quantity input.numbers::-webkit-inner-spin-button,.quantity input.numbers::-webkit-outer-spin-button{
-webkit-appearance:none
}
.datepicker{
cursor:pointer
}
.picker{
color:inherit;
line-height:1.1;
font-size:17px;
max-width:100%
}
.picker--opened .picker__holder{
border:1px solid #eee;
box-shadow:0 3px 28px rgba(0,0,0,.05)
}
.picker__box{
padding:1em
}
span.border-effect{
position:relative;
margin:5px 0 15px;
display:block;
border:1px solid transparent;
border-bottom-color:#e4e4e4
}
span.border-effect span{
position:absolute;
background-color:#e4e4e4;
display:block
}
span.border-effect .left-br,span.border-effect .right-br{
width:1px;
height:0;
bottom:0;
left:-1px;
-webkit-transition:height .3s ease-in-out .6s;
-moz-transition:height .3s ease-in-out .6s;
transition:height .3s ease-in-out .6s
}
span.border-effect .top-br{
width:0;
height:1px;
top:0;
left:0;
-webkit-transition:width .3s ease-in-out .39s;
-moz-transition:width .3s ease-in-out .39s;
transition:width .3s ease-in-out .39s
}
span.border-effect.active .left-br{
height:100%;
-webkit-transition:height .3s ease-in-out .2s;
-moz-transition:height .3s ease-in-out .2s;
transition:height .3s ease-in-out .2s
}
span.border-effect.active .top-br{
width:100%;
-webkit-transition:width .3s ease-in-out .43s;
-moz-transition:width .3s ease-in-out .43s;
transition:width .3s ease-in-out .43s
}
span.border-effect .right-br{
right:-1px;
top:0;
left:auto;
-webkit-transition:height .3s ease-in-out 0s;
-moz-transition:height .3s ease-in-out 0s;
transition:height .3s ease-in-out 0s
}
span.border-effect.active .right-br{
height:100%;
-webkit-transition:height .3s ease-in-out .65s;
-moz-transition:height .3s ease-in-out .65s;
transition:height .3s ease-in-out .65s
}
.news-slider div.slick-slide{
position:relative
}
.news-slider a{
position:absolute;
right:4px;
top:4px;
text-align:right;
display:block;
z-index:5;
width:auto;
color:#fff;
line-height:22px;
background-color:rgba(0,0,0,.2);
padding-left:10px
}
.news-slider a:hover{
background-color:rgba(0,0,0,.4)
}
.news-slider a span{
display:inline-block;
height:40px;
width:40px;
text-align:center;
line-height:40px;
margin-left:10px
}
.news-slider img{
width:auto;
height:auto;
min-width:100%
}
@media only screen and (max-width:480px){
.news-slider a{
font-size:10px
}
}
.slick-initialized .image-slider.slick-initialized img{
display:block;
min-width:100%;
max-height:100%
}
.qdr-controls,.qdr-controls-1,.qdr-controls-2,.qdr-controls-3,.qdr-controls-4{
position:relative;
letter-spacing:0!important
}
.qdr-controls .slick-arrow,.qdr-controls-2 .slick-arrow{
width:32px;
height:60px;
font-size:0;
border:none;
background-color:#151515;
background-position:center center;
background-repeat:no-repeat;
position:absolute;
z-index:1;
top:50%;
margin-top:-20px;
opacity:0;
-webkit-transition:opacity .4s ease-in-out 0s;
-moz-transition:opacity .4s ease-in-out 0s;
transition:opacity .4s ease-in-out 0s
}
.qdr-controls-2:hover .slick-arrow,.qdr-controls:hover .slick-arrow{
opacity:.6
}
.qdr-controls .slick-arrow:hover,.qdr-controls-2 .slick-arrow:hover{
opacity:1
}
.qdr-controls .slick-arrow.slick-prev{
left:10px;
background-image:url(../images/white-left.png)
}
.qdr-controls .slick-arrow.slick-next{
right:10px;
background-image:url(../images/white-right.png)
}
.qdr-controls-2 .slick-arrow.slick-prev{
left:0;
background-image:url(../images/white-left.png)
}
.qdr-controls-2 .slick-arrow.slick-next{
right:0;
background-image:url(../images/white-right.png)
}
.qdr-controls ul.slick-dots{
position:absolute;
width:100%;
bottom:10px;
margin:0
}
.qdr-controls .slick-dots li{
position:relative;
display:inline-block;
margin:0 4px;
font-size:0
}
.qdr-controls .slick-dots li button{
border:2px solid #ddd;
background:0 0;
outline:0;
border-radius:100%;
width:13px;
height:13px;
padding:0!important;
position:relative;
overflow:hidden;
opacity:0;
-webkit-transition:all .3s ease-in-out 0s;
-moz-transition:all .3s ease-in-out 0s;
transition:all .3s ease-in-out 0s
}
.qdr-controls:hover .slick-dots li button{
opacity:1
}
.qdr-controls .slick-dots li button:before{
position:absolute;
left:0;
bottom:0;
background:#fff;
outline:0;
border-radius:100%;
width:100%;
height:0;
-webkit-transition:all .3s ease-in-out 0s;
-moz-transition:all .3s ease-in-out 0s;
transition:all .3s ease-in-out 0s
}
.qdr-controls .slick-dots li button:hover:before,.qdr-controls .slick-dots li.slick-active button:before{
height:100%
}
.qdr-controls-1 .slick-arrow{
width:30px;
height:30px;
font-size:0;
left:5px;
bottom:5px;
border:none;
background-color:rgba(45,45,45,.9);
background-position:center center;
background-repeat:no-repeat;
position:absolute;
z-index:1;
opacity:0;
-webkit-transition:all .4s ease-in-out 0s;
-moz-transition:all .4s ease-in-out 0s;
transition:all .4s ease-in-out 0s
}
.qdr-controls-1 .slick-arrow:hover{
background-color:#fff
}
.qdr-controls-1:hover .slick-arrow{
opacity:1
}
.qdr-controls-1 .slick-arrow.slick-prev{
background-image:url(../images/white-left.png)
}
.qdr-controls-1 .slick-arrow.slick-next{
background-image:url(../images/white-right.png);
margin-left:35px
}
.qdr-controls-1 .slick-arrow.slick-prev:hover{
background-image:url(../images/black-left.png)
}
.qdr-controls-1 .slick-arrow.slick-next:hover{
background-image:url(../images/black-right.png)
}
.qdr-controls-1 .slick-dots{
position:absolute;
bottom:15px;
right:6px;
margin:0
}
.qdr-controls-1 .slick-dots li{
font-size:0;
float:left;
display:block
}
.qdr-controls-2 .slick-dots li,.qdr-controls-3 .slick-dots li,.strip-dots>.slick-dots li{
display:inline-block;
font-size:0
}
.qdr-controls-1 .slick-dots li button{
width:9px;
height:12px;
margin-right:5px;
border-radius:100%;
background:#fff;
outline:0;
border:none;
box-shadow:none
}
.qdr-controls-1 .slick-dots li.slick-active button{
background-color:#333
}
.qdr-controls-2 .slick-dots{
position:absolute;
width:100%;
bottom:0;
left:0;
right:0;
text-align:center
}
.qdr-controls-2 .slick-dots li button{
width:25px;
height:1px;
margin:0 3px;
border-radius:0;
padding:0;
top:0;
position:relative;
background:#fff;
outline:0;
border:none;
box-shadow:none
}
.qdr-controls-2 .slick-dots li.slick-active button{
height:8px!important
}
.qdr-controls-2 .slick-dots:hover li button{
height:2px
}
.qdr-controls-2 .slick-dots li button:hover{
height:8px
}
.qdr-controls-3 .slick-arrow{
width:30px;
height:30px;
font-size:0;
left:50%;
bottom:-60px;
border:none;
background-color:rgba(255,255,255,.9);
opacity:.5;
background-position:center center;
background-repeat:no-repeat;
position:absolute;
z-index:1;
-webkit-transition:all .4s ease-in-out 0s;
-moz-transition:all .4s ease-in-out 0s;
transition:all .4s ease-in-out 0s;
-webkit-transform:translateX(-35px);
-moz-transform:translateX(-35px);
-ms-transform:translateX(-35px);
transform:translateX(-35px)
}
.qdr-controls-3 .slick-arrow:hover{
background-color:#fff;
opacity:1
}
.qdr-controls-3 .slick-arrow.slick-prev{
background-image:url(../images/black-left.png)
}
.qdr-controls-3 .slick-arrow.slick-next{
background-image:url(../images/black-right.png);
margin-left:35px
}
.qdr-controls-3 .slick-dots{
position:absolute;
width:100%;
bottom:0;
left:0;
right:0;
text-align:center
}
.qdr-controls-3 .slick-dots li button{
width:9px;
height:12px;
margin:0 3px;
border-radius:100%;
background:#fff;
outline:0;
border:none;
box-shadow:none
}
.strip-dots>.slick-dots{
position:relative;
bottom:-20px;
height:10px;
text-align:center
}
.strip-dots:not(.image-slider)>.slick-dots{
bottom:auto;
top:45px
}
.strip-dots>.slick-dots li button{
width:30px;
height:3px;
margin-right:10px;
background:#fff;
border:none;
box-shadow:none
}
.strip-dots>.slick-dots li.slick-active button{
background-color:#888
}
.strip-dots.dark-dots>.slick-dots li button{
background-color:#ccc
}
.strip-dots.dark-dots>.slick-dots li.slick-active button{
background-color:#666
}
.circle-dots .slick-dots{
position:relative;
margin:0 auto;
top:45px;
display:block!important;
text-align:center
}
.circle-dots .slick-dots li{
font-size:0;
float:none;
display:inline-block
}
.circle-dots .slick-dots li button{
width:8px;
height:8px;
border:2px solid transparent;
top:0;
margin-right:6px;
border-radius:100%;
padding:0;
background:#fff;
position:relative;
-webkit-transition:all .5s;
-moz-transition:all .5s;
transition:all .3s
}
.circle-dots .slick-dots li.slick-active button{
background:0 0;
border:2px solid #fff;
width:12px;
height:12px;
top:-2px
}
.circle-dots.dark-dots>.slick-dots li button{
background-color:#9b9b9b
}
.circle-dots.dark-dots>.slick-dots li.slick-active button{
background:0 0;
border:2px solid #777
}
.corner-arrows button.slick-arrow{
position:absolute;
z-index:2;
bottom:4px;
width:30px;
height:30px;
border:none;
background:#fff;
opacity:1;
-webkit-transition:all .5s;
-moz-transition:all .5s;
transition:all .5s
}
.hotspots,.hotspots img{
position:relative
}
.corner-arrows button.slick-arrow,.corner-arrows button.slick-arrow:before{
color:#7a7a7a;
font-size:20px;
background-repeat:no-repeat;
background-position:center center
}
.corner-arrows button.slick-arrow.slick-next{
right:4px;
background-image:url(../images/black-right.png)
}
.corner-arrows button.slick-arrow.slick-next:before{
background-image:url(../images/white-right.png)
}
.corner-arrows button.slick-arrow.slick-prev{
right:38px;
background-image:url(../images/black-left.png)
}
.corner-arrows button.slick-arrow.slick-prev:before{
right:38px;
background-image:url(../images/white-left.png)
}
@media only screen and (max-width:481px){
.slick-slide img{
width:100%
}
}
.centermode .slick-slide img{
-webkit-transition:all .5s;
-moz-transition:all .5s;
transition:all .5s;
opacity:.8
}
.centermode .slick-center img{
-ms-transform:scale(1.2);
-webkit-transform:scale(1.2);
transform:scale(1.2);
opacity:1
}
.caret{
display:inline-block;
width:0;
height:0;
margin-left:2px;
border-top:4px dashed;
border-top:4px solid\9;
border-right:4px solid transparent;
border-left:4px solid transparent
}
.tooltip-item,[data-toggle=tooltip]{
cursor:help
}
.tooltip.in{
opacity:1!important
}
.tooltip-inner{
padding:8px;
color:#fff;
font-size:14px;
border-radius:5px;
min-width:150px;
width:auto;
max-width:450px;
background-color:#333;
opacity:1;
box-shadow:8px 4px 40px -10px rgba(0,0,0,.3)
}
.popover img,.tooltip-inner img{
max-width:100%
}
.tooltip-inner .tooltip-texts{
padding:10px 7px;
font-size:13px
}
.bs-tooltip-auto[x-placement^=top] .arrow::before,.bs-tooltip-top .arrow::before{
border-top-color:#333
}
.bs-tooltip-auto[x-placement^=right] .arrow::before,.bs-tooltip-right .arrow::before{
border-right-color:#333
}
.bs-tooltip-auto[x-placement^=bottom] .arrow::before,.bs-tooltip-bottom .arrow::before{
border-bottom-color:#333
}
.bs-tooltip-auto[x-placement^=left] .arrow::before,.bs-tooltip-left .arrow::before{
border-left-color:#333
}
[data-toggle=popover]{
cursor:pointer;
position:relative
}
.popover{
border:none;
outline:0;
padding:25px;
min-width:240px;
z-index:999;
font-size:14px;
color:#7a7a7a;
border-radius:14px;
box-shadow:2px 30px 65px 5px rgba(0,0,0,.2)
}
.popover .popover-header{
background-color:transparent;
padding:0 0 4px;
border:none!important;
font-size:14px
}
.popover-body{
padding:0;
color:inherit
}
.popover>.arrow{
display:none!important
}
@media only screen and (max-width:641px){
.popover{
padding:17px 15px 17px 22px;
font-size:12px
}
}
.hotspots img{
display:block;
width:100%;
height:auto;
z-index:1
}
.hotspots img[src*=loading]+.items .item,.hotspots img[src*=loader]+.items .item{
display:none
}
.hotspots img[src*=loading],.hotspots img[src*=loader]{
width:auto;
margin:40px auto;
display:block
}
.hotspots .items{
position:absolute;
width:100%;
height:100%;
left:0;
top:0;
z-index:2;
overflow:hidden
}
.hotspots .items .item{
position:absolute;
font-weight:700;
display:block
}
.hotspots .items .item.center{
left:50%;
-webkit-transform:translateX(-50%);
-moz-transform:translateX(-50%);
-ms-transform:translateX(-50%);
-o-transform:translateX(-50%);
transform:translateX(-50%)
}
[data-infocard]{
position:relative
}
.hiding .infocard{
visibility:hidden!important;
opacity:0!important
}
.infocard{
visibility:hidden;
opacity:0;
cursor:default;
width:420px;
z-index:10;
max-height:300px;
margin-top:20px;
height:auto;
position:absolute;
left:0;
top:100%;
-webkit-transition:all .3s;
-moz-transition:all .3s;
transition:all .3s
}
.infocard .row{
margin:0
}
.infocard.active{
visibility:visible;
opacity:1;
margin-top:10px
}
.infocard.to-top{
top:auto;
bottom:100%;
margin-top:auto;
margin-bottom:20px
}
.infocard.to-top.active{
margin-top:auto;
margin-bottom:10px
}
.infocard.to-right{
left:0!important
}
.infocard.to-left{
left:auto!important;
right:100%!important
}
@media only screen and (max-width:768px){
.infocard{
display:none!important
}
}
.countdown .countdowns{
display:inline-block;
margin:0;
text-align:center
}
.countdown .countdowns div{
display:inline-block;
padding:15px;
margin:0 20px 10px
}
.countdown .countdowns div:first-child{
margin-left:0
}
.countdown .countdowns div:last-child{
margin-right:0
}
.countdown span.time{
display:inline-block;
line-height:inherit
}
.countdown span.datename{
display:block;
font-size:12px;
letter-spacing:-.2px;
font-weight:600;
text-transform:capitalize
}
.countdown span.dot{
vertical-align:super;
font-weight:400
}
.countdown.type-1 .countdowns div{
background-color:#333;
color:#fff;
padding:7px 15px 12px;
border-radius:7px
}
@media only screen and (max-width:768px){
.countdown span.dot{
display:none
}
.countdown.type-1 .countdowns div{
padding:3px 6px 4px;
margin-right:3px;
margin-left:3px
}
}
.countdown.type-2 .countdowns div{
border:1px solid #eee;
padding:7px 15px 12px;
border-radius:7px
}
@media only screen and (max-width:768px){
.countdown.type-2 .countdowns div{
padding:3px 6px 4px;
margin-right:3px;
margin-left:3px
}
}
.countdown.type-3 .countdowns div{
background-color:#2e7cdc;
color:#fff;
padding:7px 15px 12px;
border-radius:7px
}
@media only screen and (max-width:768px){
.countdown.type-3 .countdowns div{
padding:3px 6px 4px;
margin-right:3px;
margin-left:3px
}
}
.countdown.type-4 span.dot{
display:none
}
.countdown.type-4 .countdowns div{
padding:3px;
margin-right:3px;
margin-left:3px
}
.countdown.type-4 span.datename{
display:inline-block;
margin-left:5px
}
#sidebar{
background-color:#272727;
z-index:1025;
width:350px;
padding:25px;
color:#f6f2f0;
position:fixed!important
}
#sidebar.styled{
padding:0
}
#sidebar.styled .sidebar-container{
padding:25px
}
#sidebar.top{
max-height:75%;
padding:0
}
#sidebar.bottom{
max-height:50%;
padding:0
}
#sidebar .title{
color:#fff
}
#sidebar .subtitle{
margin:40px 0 15px
}
#sidebar ul{
margin:0 0 40px
}
#sidebar ul li a{
display:block;
border-bottom:1px solid #333;
padding:10px 0
}
#sidebar ul li a:hover{
padding-left:9px;
background-color:rgba(0,0,0,.05)
}
#sidebar ul li:last-child a{
border-bottom:none
}
.pushable>.pusher.dimmed:after{
background:rgba(22,20,20,.6);
z-index:2000
}
.pushable>.pusher{
z-index:1010!important
}
.videobg,.videobg video{
width:100%;
position:absolute;
z-index:-1
}
body #sidebar.right+.pusher.dimmed{
-webkit-transform:translate3d(-100px,0,0)!important;
transform:translate3d(-100px,0,0)!important
}
body #sidebar.left+.pusher.dimmed{
-webkit-transform:translate3d(100px,0,0)!important;
transform:translate3d(100px,0,0)!important
}
.videobg{
height:100%;
left:0;
top:0;
overflow:hidden;
background-size:cover
}
.videobg video{
object-fit:cover;
height:auto;
top:50%;
left:50%;
min-height:100%;
transform:translateX(-50%) translateY(-50%) translateZ(0)
}
.fs-searchform,.fs-searchform .form-bg{
position:fixed;
left:0;
top:0;
height:100%;
width:100%
}
audio,canvas,progress,video{
display:inline-block;
vertical-align:baseline
}
.circular-effect-to-bottom .videobg{
border-bottom-left-radius:300%;
border-bottom-right-radius:300%
}
.fs-searchform{
z-index:2000;
visibility:hidden;
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
.fs-searchform .form-bg{
background-color:rgba(0,0,0,.7);
-webkit-transform:translateZ(0);
transform:translateZ(0);
z-index:0;
opacity:0;
-webkit-transition:all .3s;
-moz-transition:all .3s;
transition:all .3s;
-webkit-transition-delay:.2s;
transition-delay:.2s
}
.fs-searchform.active{
visibility:visible
}
.fs-searchform.active .form-bg{
opacity:1;
-webkit-transition-delay:0s;
transition-delay:0s
}
#fs-searchform{
position:relative;
z-index:1;
-webkit-transition:all .2s;
-moz-transition:all .2s;
transition:all .2s;
opacity:0
}
.fs-searchform.active #fs-searchform{
opacity:1
}
#fs-searchform input{
width:100%;
outline:0;
border:none;
background-color:#121212;
padding:10px 20px 12px;
position:relative;
font-size:16px;
color:#c9c9c9;
box-shadow:2px 20px 45px 5px rgba(0,0,0,.1);
-webkit-transition:all .5s;
-moz-transition:all .5s;
transition:all .5s
}
.fs-searchform.active #fs-searchform input{
padding-left:20px
}
#fs-searchform button{
position:absolute;
right:10px;
top:8px;
border:none;
background:0 0;
color:#aaa
}
#fs-searchform button i{
font-size:14px
}
#fs-searchform input::-webkit-input-placeholder{
color:#888;
opacity:0
}
#fs-searchform input:-moz-placeholder{
color:#888;
opacity:0
}
#fs-searchform input::-moz-placeholder{
color:#888;
opacity:0
}
#fs-searchform input:-ms-input-placeholder{
color:#888;
opacity:0
}
.fs-searchform.active #fs-searchform ::-webkit-input-placeholder{
opacity:1;
-webkit-transition:all .3s;
-moz-transition:all .3s;
transition:all .5s
}
.fs-searchform.active #fs-searchform :-moz-placeholder{
opacity:1;
-webkit-transition:all .3s;
-moz-transition:all .3s;
transition:all .5s
}
.fs-searchform.active #fs-searchform ::-moz-placeholder{
opacity:1;
-webkit-transition:all .3s;
-moz-transition:all .3s;
transition:all .5s
}
.fs-searchform.active #fs-searchform :-ms-input-placeholder{
opacity:1;
-webkit-transition:all .3s;
-moz-transition:all .3s;
transition:all .5s
}
.fs-searchform .recommended{
margin:0;
opacity:0;
background:#fff;
padding:20px 0;
box-shadow:2px 20px 45px 5px rgba(0,0,0,.2);
-webkit-transition:all .3s;
-moz-transition:all .3s;
transition:all .3s
}
#qfm_title i,.fs-searchform .recommended a{
-webkit-transition:background .3s;
-moz-transition:background .3s
}
.fs-searchform.active .recommended{
opacity:1
}
.fs-searchform .recommended .rcm-title{
color:#aaa;
cursor:default;
padding-left:25px
}
.fs-searchform .recommended .rcm-title::selection{
background:0 0;
color:inherit
}
.fs-searchform .recommended a{
display:block;
padding:7px 10px 7px 40px;
position:relative;
left:50px;
opacity:0;
transition:background .3s
}
.fs-searchform.active .recommended a{
left:0;
opacity:1
}
.fs-searchform .recommended a:hover{
background-color:#eee;
color:#2777da
}
.fs-searchform.active .recommended a:nth-of-type(1){
-webkit-transition:opacity .3s .8s,left .3s 0s;
-moz-transition:opacity .3s 0ms,left .3s 0ms;
transition:opacity .3s 0ms,left .3s 0ms
}
.fs-searchform.active .recommended a:nth-of-type(2){
-webkit-transition:opacity .3s .1s,left .3s .1s;
-moz-transition:opacity .3s .1s,left .3s .1s;
transition:opacity .3s .1s,left .3s .1s
}
.fs-searchform.active .recommended a:nth-of-type(3){
-webkit-transition:opacity .3s .2s,left .3s .2s;
-moz-transition:opacity .3s .2s,left .3s .2s;
transition:opacity .3s .2s,left .3s .2s
}
.fs-searchform.active .recommended a:nth-of-type(4){
-webkit-transition:opacity .3s .3s,left .3s .3s;
-moz-transition:opacity .3s .3s,left .3s .3s;
transition:opacity .3s .3s,left .3s .3s
}
.fs-searchform.active .recommended a:nth-of-type(5){
-webkit-transition:opacity .3s .4s,left .3s .4s;
-moz-transition:opacity .3s .4s,left .3s .4s;
transition:opacity .3s .4s,left .3s .4s
}
.fs-searchform.active .recommended a:nth-of-type(6){
-webkit-transition:opacity .3s .5s,left .3s .5s;
-moz-transition:opacity .3s .5s,left .3s .5s;
transition:opacity .3s .5s,left .3s .5s
}
.fs-searchform.active .recommended a:nth-of-type(7){
-webkit-transition:opacity .3s .6s,left .3s .6s;
-moz-transition:opacity .3s .6s,left .3s .6s;
transition:opacity .3s .6s,left .3s .6s
}
@media only screen and (max-width:1185px){
#fs-searchform button{
right:25px
}
}
@media only screen and (max-width:640px){
#fs-searchform input{
font-size:13px
}
.fs-searchform .recommended .rcm-title{
padding-left:15px;
padding-bottom:10px
}
.fs-searchform .recommended a{
padding:4px 15px;
font-size:13px
}
}
.basic-search{
position:relative
}
.basic-search input{
margin:0
}
.basic-search button{
position:absolute;
right:7px;
top:50%;
background:0 0;
-webkit-transform:translateY(-50%);
-moz-transform:translateY(-50%);
-ms-transform:translateY(-50%);
transform:translateY(-50%)
}
.mouse-icon{
border:2px solid #fff;
border-radius:16px;
height:40px;
width:24px;
margin:0 auto;
display:block;
z-index:10;
opacity:.7
}
.mouse-icon .wheel{
-webkit-animation-name:drop;
animation-name:drop;
-webkit-animation-duration:1s;
animation-duration:1s;
-webkit-animation-timing-function:linear;
animation-timing-function:linear;
-webkit-animation-delay:0s;
animation-delay:0s;
-webkit-animation-iteration-count:infinite;
animation-iteration-count:infinite;
-webkit-animation-play-state:running;
animation-play-state:running;
position:relative;
border-radius:10px;
background:#fff;
width:2px;
height:6px;
top:4px;
margin-left:auto;
margin-right:auto
}
@-webkit-keyframes drop{
0%{
top:5px;
opacity:0
}
30%{
top:10px;
opacity:1
}
100%{
top:25px;
opacity:0
}
}
@keyframes drop{
0%{
top:5px;
opacity:0
}
30%{
top:10px;
opacity:1
}
100%{
top:25px;
opacity:0
}
}
#scroll-strip{
width:1px;
height:400px;
left:100px;
top:50%;
margin-top:-200px;
position:fixed;
z-index:120;
background-color:rgba(170,170,170,.5);
overflow:hidden;
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
#scroll-strip.right{
right:60px;
left:auto
}
#scroll-strip #scroll-strip-mover{
width:100%;
position:absolute;
top:0;
background-color:rgba(0,0,0,.5)
}
.load-with-waypoint{
position:relative
}
.load-with-waypoint:before{
width:100%;
height:100%;
z-index:25;
background-color:inherit;
display:block;
position:absolute;
right:0;
top:0;
-webkit-transition:width 1s cubic-bezier(.77,0,.2,1)!important;
-moz-transition:width 1s cubic-bezier(.77,0,.2,1)!important;
transition:width 1s cubic-bezier(.77,0,.2,1)!important
}
.load-with-waypoint.waypoint-active:before{
width:0
}
.sidemenu .widget{
width:100%;
height:auto;
margin:0 auto 60px;
font-size:inherit
}
.sidemenu .widget:last-child{
margin-bottom:15px
}
.sidemenu .widget .widget-title{
margin:0 0 15px;
padding-bottom:6px
}
.sidemenu .widget .widget-post{
margin:0;
padding:10px;
border-bottom:1px solid rgba(100,100,100,.1);
display:block
}
.sidemenu .widget .widget-post .widget-image{
width:30%;
height:auto;
float:left
}
.sidemenu .widget .widget-post .widget-image img{
width:100%;
height:auto
}
.sidemenu .widget .widget-post .details{
width:70%;
height:auto;
float:left;
padding-left:15px
}
.sidemenu .widget .widget-post .details h4{
margin:0 0 6px;
padding:0;
font-size:16px
}
.sidemenu .widget .widget-post .details p.date{
margin:0;
font-size:13px;
color:#888
}
.item-list-type-1{
margin:40px auto;
max-width:90%
}
.item-list-type-1 .list-item{
color:#757575;
border-color:#ddd!important;
display:block;
width:100%;
height:auto;
padding:17px 20px;
border:1px solid;
border-top:0;
font-size:17px;
text-transform:uppercase;
-webkit-transition:all .2s;
-moz-transition:all .2s;
transition:all .2s
}
.item-list-type-1:not(.light-type) .list-item:hover{
background-color:#fafafa!important
}
.item-list-type-1.fullwidth,.item-list-type-1.mini{
max-width:100%
}
.item-list-type-1.mini .list-item{
padding:5px 9px
}
.item-list-type-1.custom-texts .list-item{
font-size:inherit;
text-transform:inherit
}
.item-list-type-1 .list-item:first-child{
border-top:1px solid #ddd
}
.item-list-type-1 .list-item:nth-of-type(2n){
background-color:rgba(20,20,20,.01)
}
.item-list-type-1 .list-item>div{
float:left;
width:30%
}
.item-list-type-1.items-2 .list-item>div{
float:left;
width:50%
}
.item-list-type-1:not(.items-2) .list-item>div:first-child{
width:20%;
text-align:left
}
.item-list-type-1:not(.items-2) .list-item>div:last-child{
width:20%;
text-align:right
}
.item-list-type-1 .list-item.title{
padding:30px 20px
}
.item-list-type-1 .list-item.title div{
text-align:center;
font-size:22px;
text-transform:uppercase
}
.item-list-type-1.light-type .list-item{
border-color:#333!important;
color:#ccc
}
.item-list-type-1.light-type .list-item:nth-of-type(2n){
background-color:rgba(0,0,0,.06)
}
@media only screen and (max-width:700px){
.item-list-type-1 .list-item div{
float:none;
text-align:center!important;
width:100%!important;
margin:5px auto
}
}
ul.nav-list li,ul.nav-list li a{
margin:0;
display:block
}
.nav{
display:block
}
ul.nav-list{
padding:0;
text-align:left
}
ul.nav-list li a{
background-color:transparent;
position:relative;
color:#5a5a5a;
font-weight:400;
padding:8px 3px 8px 18px;
border-bottom:1px solid #eee;
font-size:.965em
}
ul.nav-list.list-lg li a{
padding:11px 3px 11px 18px;
font-size:1em
}
ul.nav-list.list-sm li a{
padding:6px 3px 6px 18px;
font-size:.885em
}
ul.nav-list li a:hover{
background-color:#eee
}
ul.nav-list.underline-hover-container li a:hover{
background-color:transparent
}
ul.nav-list li a:before{
display:block;
border-top:4px solid transparent;
border-bottom:4px solid transparent;
border-left:4px solid #353535;
margin:-4px 0 0 -11px;
top:50%;
position:absolute;
width:0;
height:0
}
ul.nav-list.nav-list-icons li a:before{
display:none
}
ul.nav-list.nav-list-icons li a span{
left:-14px;
position:relative
}
ul.list-icons li{
padding-left:28px;
position:relative;
margin-bottom:12px
}
ul.list-icons.t-right li{
padding-right:28px;
padding-left:0
}
ul.list-icons li i{
position:absolute;
left:0;
top:5px
}
ul.list-icons.t-right li i{
left:auto;
right:0
}
ul.list-group>li a.active.list-group-item,ul.list-group>li button.active.list-group-item{
background-color:rgba(150,150,150,.1);
color:#444
}
.list-group-item>.badge{
float:right
}
.list{
padding-left:20px;
text-align:left
}
.list.list-xs li{
margin-bottom:0
}
.list.list-sm li{
margin-bottom:5px
}
.list.list-lg li{
margin-bottom:10px
}
.list.list-xl li{
margin-bottom:16px
}
.list.list-side{
padding-left:0
}
.list.list-side>li{
display:inline-block;
padding-right:10px;
margin-bottom:15px
}
.list.list-side li>.icon{
width:22px;
height:22px;
background:#e8e8e8;
line-height:22px;
top:-1px;
margin-right:7px;
position:relative;
font-size:10px;
border-radius:100%
}
.list-circle{
list-style-type:circle
}
.list-disc{
list-style-type:disc
}
.list-number{
list-style-type:decimal
}
.list-square{
list-style-type:square
}
.list-roman{
list-style-type:upper-roman
}
.list-alpha{
list-style-type:lower-alpha
}
ul.basic-list li{
padding:8px 0;
border-color:rgba(100,100,100,.1);
border-style:solid;
border-bottom-width:1px
}
ul.basic-list li i{
margin-right:10px
}
ul.basic-list.list-sm li{
padding:5px 0
}
ul.basic-list.list-lg li{
padding:15px 0
}
ul.basic-list.list-xl li{
padding:22px 0
}
ul.basic-list.border-white li{
border-color:rgba(255,255,255,.1)
}
ul.basic-list.no-border li{
border:none!important
}
ul.basic-list li:last-child{
border-bottom-width:0
}
ol.breadcrumb{
margin-top:0;
margin-bottom:0;
padding-bottom:0;
padding-top:0;
background:0 0;
display:block
}
ol.breadcrumb li{
font-size:13px;
display:inline-block
}
.accordion-toggle-link{
margin:0;
border:1px solid #ddd;
display:block;
width:100%;
height:auto;
padding:13px 15px;
font-size:14px;
cursor:pointer;
position:relative;
border-radius:6px;
-webkit-transition:all .2s;
-moz-transition:all .2s;
transition:all .2s
}
.accordion-toggle-link:hover{
box-shadow:0 20px 25px rgba(0,0,0,.05)
}
.accordion-toggle-link:after{
position:absolute;
right:20px;
top:50%;
margin-top:-3px;
border-left:6px solid transparent;
border-right:6px solid transparent;
border-top:6px solid #fff;
-webkit-transition:all .2s;
-moz-transition:all .2s;
transition:all .2s
}
.accordion-toggle-link.collapsed:after{
border-top-color:#333;
-webkit-transform:rotate(-90deg);
transform:rotate(-90deg)
}
.accordion-toggle-link.collapsed{
background-color:#fff;
color:#565656
}
.accordion-toggle-container{
padding:15px
}
.table.big-cols>tbody>tr>td,.table.big-cols>tbody>tr>th,.table.big-cols>tfoot>tr>td,.table.big-cols>tfoot>tr>th,.table.big-cols>thead>tr>td,.table.big-cols>thead>tr>th{
padding:14px
}
table tr:first-child,table tr:first-child td,table tr:first-child th{
border-top:none
}
table.table-noborder td,table.table-noborder th{
border:none!important
}
table.table-lg td,table.table-lg th{
padding:.5em!important;
}
table.table-md td,table.table-md th{
padding:6px!important
}
.process-steps li{
position:relative;
text-align:center
}
.process-steps li:after,.process-steps li:before{
content:'';
width:50%;
top:30px;
border-top:1px dashed #ddd;
position:absolute;
z-index:0
}
.process-steps li:before{
left:0
}
.process-steps li:first-child:before,.process-steps li:last-child:after{
display:none
}
.process-steps li a{
display:inline-block;
width:60px;
height:60px;
line-height:60px;
padding:0;
font-size:18px;
position:relative;
z-index:1
}
.process-steps li a.active{
background-color:#333;
color:#fff!important
}
.process-steps li p{
margin-top:15px
}
.creative-tabs{
width:auto;
display:inline-block;
text-align:center;
font-size:0;
line-height:0
}
.creative-tabs>div,.creative-tabs>li{
display:inline-block;
float:none
}
.creative-tabs a,.creative-tabs>div>div{
display:block;
border:none!important;
cursor:pointer!important
}
.creative-tabs div:not(.cbp-filter-item-active)>*,.creative-tabs>li>a:not(.active){
background:0 0!important;
color:inherit
}
.creative-tabs div.cbp-filter-item-active>*,.nav.nav-tabs.creative-tabs li a.active{
color:#fff;
box-shadow:2px 20px 45px 5px rgba(0,0,0,.2)
}
@media only screen and (max-width:481px){
.creative-tabs li,.creative-tabs>div{
width:auto;
margin:0 0 10px
}
.creative-tabs{
width:90%
}
.creative-tabs li:last-child,.creative-tabs>div:last-child{
margin-bottom:0
}
}
.modern-tabs-container{
display:block;
border-style:solid;
}
.modern-tabs{
display:inline-block;
margin:0;
border-bottom:none;
padding:0;
vertical-align:bottom;
position:relative;
z-index:2;
border-color:inherit;
overflow:hidden;
border-radius:0!important
}
.modern-tabs>div,.modern-tabs>li{
display:block;
float:left;
border-color:inherit
}
.modern-tabs>div a,.modern-tabs>li a{
display:block;
float:left;
overflow:hidden;
position:relative;
padding:12px 35px;
border-left-width:1px;
line-height:normal;
border-top-width:1px;
border-style:solid;
-webkit-transition:all .3s;
-moz-transition:all .3s;
transition:all .3s
}
.modern-tabs>div>a:not(.active),.modern-tabs>li>a:not(.active){
background:0 0!important;
color:inherit!important;
border-left:none;
border-top-right-radius:0;
border-top-left-radius:0;
border-color:inherit!important;
border: none;
}
.nav-tabs .nav-link {
border: none;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{
background-color: #717171 !important;
}
.modern-tabs a,.modern-tabs>div>div{
display:block;
font-size:inherit;
cursor:pointer!important
}
.modern-tabs:not(.vertical-tabs) a i{
display:block;
font-size:35px;
margin-bottom:7px
}
.modern-tabs a i.icon{
font-size:25px;
margin-bottom:0;
padding:10px 0
}
.modern-tabs-container+.tab-content{
}
@media only screen and (max-width:640px){
.modern-tabs>div a,.modern-tabs>li a{
padding:11px 25px
}
}
.modern-tabs-container.no-border .modern-tabs.radius,.modern-tabs-container.no-border .modern-tabs.radius>li:first-child a{
border-bottom-left-radius:10px!important
}
.modern-tabs-container.no-border .modern-tabs.radius,.modern-tabs-container.no-border .modern-tabs.radius>li:last-child a{
border-bottom-right-radius:10px!important
}
.modern-tabs.vertical-tabs>div,.modern-tabs.vertical-tabs>li{
display:block;
float:none;
width:100%
}
.modern-tabs.vertical-tabs>div a,.modern-tabs.vertical-tabs>li a{
padding:15px 20px;
width:100%;
border-right-width:1px;
border-bottom-width:0
}
.modern-tabs.vertical-tabs.tabs-sm>div a,.modern-tabs.vertical-tabs.tabs-sm>li a{
padding:18px 16px
}
.modern-tabs.vertical-tabs.tabs-xs>div a,.modern-tabs.vertical-tabs.tabs-xs>li a{
padding:14px 12px
}
@media only screen and (max-width:481px){
.modern-tabs.vertical-tabs.tabs-sm>div a,.modern-tabs.vertical-tabs.tabs-sm>li a{
padding:15px 11px
}
.modern-tabs.vertical-tabs.tabs-xs>div a,.modern-tabs.vertical-tabs.tabs-xs>li a{
padding:12px 7px
}
}
.modern-tabs.vertical-tabs>div:last-child a,.modern-tabs.vertical-tabs>li:last-child a{
border-bottom-width:1px
}
.modern-tabs.vertical-tabs.radius-lg{
border-radius:50px!important
}
.modern-tabs.vertical-tabs.radius-lg>div a,.modern-tabs.vertical-tabs.radius-lg>li a{
border-radius:0
}
.modern-tabs.vertical-tabs.radius-lg>div:first-child a,.modern-tabs.vertical-tabs.radius-lg>li:first-child a{
padding-top:25px;
margin-top:-1px;
border-top-left-radius:50px;
border-top-right-radius:50px
}
.modern-tabs.vertical-tabs.radius-lg>div:last-child a,.modern-tabs.vertical-tabs.radius-lg>li:last-child a{
padding-bottom:25px;
margin-bottom:-1px;
border-bottom-left-radius:50px;
border-bottom-right-radius:50px
}
.tab-content.slide-effect{
position:relative;
-webkit-transition:all .3s;
-moz-transition:all .3s;
transition:all .3s
}
.tab-content.slide-effect .tab-pane{
display:block
}
.spinner>div,.square1,.square1-inner{
display:inline-block
}
.tab-content.slide-effect .tab-pane .tab-container{
width:100%;
transition-delay:3s;
position:absolute;
opacity:0;
top:0;
overflow:hidden
}
.tab-content.slide-effect .tab-pane:not(.active) .tab-container{
max-height:100%;
pointer-events:none;
animation:tabPaneChangeEffectBack .6s ease;
-webkit-animation:tabPaneChangeEffectBack .6s ease;
backface-visibility:hidden
}
.tab-content.slide-effect .tab-pane.active .tab-container{
position:relative;
opacity:1;
animation:tabPaneChangeEffect .6s ease;
-webkit-animation:tabPaneChangeEffect .6s ease
}
@-webkit-keyframes tabPaneChangeEffect{
0%{
opacity:0;
left:25px
}
100%{
opacity:1;
left:0
}
}
@-moz-keyframes tabPaneChangeEffect{
0%{
opacity:0;
left:25px
}
100%{
opacity:1;
left:0
}
}
@-ms-keyframes tabPaneChangeEffect{
0%{
opacity:0;
left:25px
}
100%{
opacity:1;
left:0
}
}
@-o-keyframes tabPaneChangeEffect{
0%{
opacity:0;
left:25px
}
100%{
opacity:1;
left:0
}
}
@keyframes tabPaneChangeEffect{
0%{
opacity:0;
left:25px
}
100%{
opacity:1;
left:0
}
}
@-webkit-keyframes tabPaneChangeEffectBack{
0%{
opacity:1;
left:0
}
100%{
opacity:1;
left:-25px
}
}
@-moz-keyframes tabPaneChangeEffectBack{
0%{
opacity:1;
left:0
}
100%{
opacity:0;
left:-25px
}
}
@-ms-keyframes tabPaneChangeEffectBack{
0%{
opacity:1;
left:0
}
100%{
opacity:0;
left:-25px
}
}
@-o-keyframes tabPaneChangeEffectBack{
0%{
opacity:1;
left:0
}
100%{
opacity:0;
left:-25px
}
}
@keyframes tabPaneChangeEffectBack{
0%{
opacity:1;
left:0
}
100%{
opacity:0;
left:-25px
}
}
.loader-square{
width:30px;
height:30px;
background-color:#333;
margin:0 auto;
-webkit-animation:rotateplane 1.2s infinite ease-in-out;
animation:rotateplane 1.2s infinite ease-in-out
}
@-webkit-keyframes rotateplane{
0%{
-webkit-transform:perspective(120px)
}
50%{
-webkit-transform:perspective(120px) rotateY(180deg)
}
100%{
-webkit-transform:perspective(120px) rotateY(180deg) rotateX(180deg)
}
}
@keyframes rotateplane{
0%{
transform:perspective(120px) rotateX(0) rotateY(0);
-webkit-transform:perspective(120px) rotateX(0) rotateY(0)
}
50%{
transform:perspective(120px) rotateX(-180.1deg) rotateY(0);
-webkit-transform:perspective(120px) rotateX(-180.1deg) rotateY(0)
}
100%{
transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
-webkit-transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg)
}
}
.loader-signal,.loader__figure{
position:absolute;
top:50%;
left:50%;
-webkit-transform:translate(-50%,-50%);
-moz-transform:translate(-50%,-50%);
-ms-transform:translate(-50%,-50%);
-o-transform:translate(-50%,-50%);
transform:translate(-50%,-50%)
}
.loader-signal{
overflow:visible;
padding-top:1.5em;
width:2em
}
.loader-signal .loader__figure{
height:0;
width:0;
box-sizing:border-box;
border:0 solid #FE665C;
border-radius:50%;
-webkit-animation:loader-signal 1.15s infinite cubic-bezier(.215,.61,.355,1);
-moz-animation:loader-signal 1.15s infinite cubic-bezier(.215,.61,.355,1);
animation:loader-signal 1.15s infinite cubic-bezier(.215,.61,.355,1)
}
.loader-signal .loader__label{
float:left;
-webkit-transform:translateX(-50%);
-moz-transform:translateX(-50%);
-ms-transform:translateX(-50%);
-o-transform:translateX(-50%);
transform:translateX(-50%);
margin:0 0 0 50%;
font-size:.875em;
letter-spacing:.1em;
line-height:1.5em;
color:#8d3b3e;
white-space:nowrap;
-webkit-animation:loader-signal-label 1.15s infinite cubic-bezier(.215,.61,.355,1);
-moz-animation:loader-signal-label 1.15s infinite cubic-bezier(.215,.61,.355,1);
animation:loader-signal-label 1.15s infinite cubic-bezier(.215,.61,.355,1)
}
.loader-signal .loader__figure+.loader__label{
margin-top:10px
}
.loader-circle,.loader-line-mask{
position:absolute;
left:50%;
margin-left:-45px;
margin-top:-45px;
top:50%
}
@-webkit-keyframes loader-signal{
0%{
height:0;
width:0;
background-color:#FE665C
}
29%{
background-color:#FE665C
}
30%{
height:2em;
width:2em;
background-color:transparent;
border-width:1em;
opacity:1
}
100%{
height:2em;
width:2em;
border-width:0;
opacity:0;
background-color:transparent
}
}
@-moz-keyframes loader-signal{
0%{
height:0;
width:0;
background-color:#FE665C
}
29%{
background-color:#FE665C
}
30%{
height:2em;
width:2em;
background-color:transparent;
border-width:1em;
opacity:1
}
100%{
height:2em;
width:2em;
border-width:0;
opacity:0;
background-color:transparent
}
}
@keyframes loader-signal{
0%{
height:0;
width:0;
background-color:#FE665C
}
29%{
background-color:#FE665C
}
30%{
height:2em;
width:2em;
background-color:transparent;
border-width:1em;
opacity:1
}
100%{
height:2em;
width:2em;
border-width:0;
opacity:0;
background-color:transparent
}
}
@-webkit-keyframes loader-signal-label{
0%,100%{
opacity:.25
}
30%{
opacity:1
}
}
@-moz-keyframes loader-signal-label{
0%,100%{
opacity:.25
}
30%{
opacity:1
}
}
@keyframes loader-signal-label{
0%,100%{
opacity:.25
}
30%{
opacity:1
}
}
.loader-circle{
width:90px;
height:90px;
border-radius:50%;
box-shadow:inset 0 0 0 3px rgba(255,255,255,.2)
}
.loader-line-mask{
width:45px;
height:90px;
overflow:hidden;
-webkit-transform-origin:45px 45px;
-moz-transform-origin:45px 45px;
-ms-transform-origin:45px 45px;
-o-transform-origin:45px 45px;
transform-origin:45px 45px;
-webkit-mask-image:-webkit-linear-gradient(top,#000,rgba(0,0,0,0));
-webkit-animation:circleRotate 1.2s infinite linear;
-moz-animation:circleRotate 1.2s infinite linear;
-o-animation:circleRotate 1.2s infinite linear;
animation:circleRotate 1.2s infinite linear
}
.loader-line-mask .loader-line{
width:90px;
height:90px;
border-radius:50%;
box-shadow:inset 0 0 0 3px rgba(255,255,255,1)
}
.loader-circle.dark{
box-shadow:inset 0 0 0 3px rgba(0,0,0,.1)
}
.loader-circle.dark+.loader-line-mask .loader-line{
box-shadow:inset 0 0 0 3px rgba(60,60,60,1)
}
@-webkit-keyframes circleRotate{
0%{
-webkit-transform:rotate(0)
}
100%{
-webkit-transform:rotate(360deg)
}
}
@-moz-keyframes circleRotate{
0%{
-moz-transform:rotate(0)
}
100%{
-moz-transform:rotate(360deg)
}
}
@-o-keyframes circleRotate{
0%{
-o-transform:rotate(0)
}
100%{
-o-transform:rotate(360deg)
}
}
@keyframes circleRotate{
0%{
-webkit-transform:rotate(0);
-moz-transform:rotate(0);
-ms-transform:rotate(0);
transform:rotate(0)
}
100%{
-webkit-transform:rotate(360deg);
-moz-transform:rotate(360deg);
-ms-transform:rotate(360deg);
transform:rotate(360deg)
}
}
.spinner{
margin:0 auto;
width:70px;
position:relative;
text-align:center;
direction: ltr !important;
}
.spinner>div{
position:absolute;
-webkit-transform:translate(-50%,-50%);
transform:translate(-50%,-50%);
margin-left:30px;
background-color:#fff;
border-radius:100%;
-webkit-animation:sk-bouncedelay 2s infinite;
animation:sk-bouncedelay 2s infinite;
direction: ltr !important;
}
.spinner .spinner__item1{
-webkit-animation-delay:-.6s;
animation-delay:-.6s;
margin-left:-30px;
direction: ltr !important;
}
.spinner .spinner__item2{
-webkit-animation-delay:-.4s;
animation-delay:-.4s;
margin-left:-10px;
direction: ltr !important;
}
.spinner .spinner__item3{
-webkit-animation-delay:-.2s;
animation-delay:-.2s;
margin-left:10px;
direction: ltr !important;
}
@-webkit-keyframes sk-bouncedelay{
0%,100%,80%{
width:0;
height:0;
opacity:0
}
40%{
width:16px;
height:16px;
opacity:1
}
}
@keyframes sk-bouncedelay{
0%,100%,80%{
width:0;
height:0;
opacity:0
}
40%{
width:16px;
height:16px;
opacity:1
}
}
.square1{
width:30px;
height:30px;
position:relative;
border:4px solid #ccc;
top:50%;
-webkit-animation:square1 4s infinite ease;
animation:square1 4s infinite ease
}
.square1-inner{
vertical-align:top;
width:100%;
background-color:#ccc;
-webkit-animation:square1-inner 4s infinite ease-in;
animation:square1-inner 4s infinite ease-in
}
@-webkit-keyframes square1{
0%{
-webkit-transform:rotate(0);
transform:rotate(0)
}
25%,50%{
-webkit-transform:rotate(180deg);
transform:rotate(180deg)
}
100%,75%{
-webkit-transform:rotate(360deg);
transform:rotate(360deg)
}
}
@keyframes square1{
0%{
-webkit-transform:rotate(0);
transform:rotate(0)
}
25%,50%{
-webkit-transform:rotate(180deg);
transform:rotate(180deg)
}
100%,75%{
-webkit-transform:rotate(360deg);
transform:rotate(360deg)
}
}
#navigation.modern .columns .logo,.hamburger-menu{
-webkit-transform:translateY(-50%);
-moz-transform:translateY(-50%);
-ms-transform:translateY(-50%)
}
@-webkit-keyframes square1-inner{
0%,100%,25%{
height:0%
}
50%,75%{
height:100%
}
}
@keyframes square1-inner{
0%,100%,25%{
height:0%
}
50%,75%{
height:100%
}
}
.page-loader{
z-index:9750;
text-align:center;
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
-webkit-animation-duration:.2s;
-moz-animation-duration:.2s;
-ms-animation-duration:.2s;
-o-animation-duration:.2s;
animation-duration:.2s;
-webkit-animation-fill-mode:forwards;
-moz-animation-fill-mode:forwards;
-ms-animation-fill-mode:forwards;
-o-animation-fill-mode:forwards;
animation-fill-mode:forwards
}
#navigation.modern.static,#navigation.modern.static.pagetopped,#navigation.modern.sticky,.hamburger-menu{
position: absolute;
}
@-webkit-keyframes page-loader-fade-out{
0%{
opacity:1
}
100%{
opacity:0
}
}
@-moz-keyframes page-loader-fade-out{
0%{
opacity:1
}
100%{
opacity:0
}
}
@-ms-keyframes page-loader-fade-out{
0%{
opacity:1
}
100%{
opacity:0
}
}
@-o-keyframes page-loader-fade-out{
0%{
opacity:1
}
100%{
opacity:0
}
}
@keyframes page-loader-fade-out{
0%{
opacity:1
}
100%{
opacity:0
}
}
@-webkit-keyframes page-loader-fade-in{
0%{
opacity:0
}
100%{
opacity:1
}
}
@-moz-keyframes page-loader-fade-in{
0%{
opacity:0
}
100%{
opacity:1
}
}
@-ms-keyframes page-loader-fade-in{
0%{
opacity:0
}
100%{
opacity:1
}
}
@-o-keyframes page-loader-fade-in{
0%{
opacity:0
}
100%{
opacity:1
}
}
@keyframes page-loader-fade-in{
0%{
opacity:0
}
100%{
opacity:1
}
}
.page-loader--fading-out{
-webkit-animation-name:page-loader-fade-out;
-moz-animation-name:page-loader-fade-out;
-ms-animation-name:page-loader-fade-out;
-o-animation-name:page-loader-fade-out;
animation-name:page-loader-fade-out;
-webkit-animation-duration:.5s;
-moz-animation-duration:.5s;
-ms-animation-duration:.5s;
-o-animation-duration:.5s;
animation-duration:.5s
}
.page-loader--hidden{
display:none
}
.page-loader--fading-in{
-webkit-animation-name:page-loader-fade-in;
-moz-animation-name:page-loader-fade-in;
-ms-animation-name:page-loader-fade-in;
-o-animation-name:page-loader-fade-in;
animation-name:page-loader-fade-in
}
.hamburger-menu{
display:flex;
align-self:center;
flex-direction:column;
justify-content:space-between;
width:27px;
height:14px;
cursor:pointer;
top:50%;
transform:translateY(-50%)
}
.hamburger-menu div{
align-self:flex-end;
height:2px;
width:100%;
background:#3a3a3a;
-webkit-transition:all .2s;
-moz-transition:all .2s;
transition:all .2s
}
.hamburger-menu div:nth-of-type(2){
margin:3px 0
}
.hamburger-menu .meat{
width:100%;
transition:all .2s ease-in-out
}
.hamburger-menu .bottom-bun{
width:100%;
transition:all .4s ease-in-out
}
.hamburger-menu:hover div,.menu-trigger:hover .hamburger-menu div,.mobile-nb:hover .hamburger-menu div{
width:100%
}
.hamburger-menu:hover .top-bun,.menu-trigger:hover .hamburger-menu .top-bun,.mobile-nb:hover .hamburger-menu .top-bun{
animation:burger-hover .8s infinite ease-in-out alternate
}
.hamburger-menu:hover .meat,.menu-trigger:hover .hamburger-menu .meat,.mobile-nb:hover .hamburger-menu .meat{
animation:burger-hover .8s infinite ease-in-out alternate forwards 150ms
}
.hamburger-menu:hover .bottom-bun,.menu-trigger:hover .hamburger-menu .bottom-bun,.mobile-nb:hover .hamburger-menu .bottom-bun{
animation:burger-hover .8s infinite ease-in-out alternate forwards .3s
}
@keyframes burger-hover{
0%,100%{
width:100%
}
50%{
width:50%
}
}
#navigation.modern{
height: 70px;
line-height: 89px;
will-change:transform;
}
#navigation.modern .columns .logo a,#navigation.modern .columns .logo img{
max-height: 90px;
}
#navigation .logo img.retina-logo,body.retina-device.has-retina-logo #navigation .logo img{
display:none
}
#navigation .logo img,body.retina-device.has-retina-logo #navigation .logo img.retina-logo{
display:block;
margin:0 auto
}
#navigation.modern.scrolled .columns .logo a,#navigation.modern.scrolled .columns .logo img{
max-height: 85px;
margin-top: 14px;
}
#navigation.modern.transparent:not(.static){
position:absolute
}
#navigation.modern{
width: 100%;
top: 47px;
-webkit-transform:translateY(0);
-moz-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0);
position:fixed;
z-index:1001;
transition:all .25s;
}
.top-navigation{
z-index:1020;
position:relative
}
#navigation.modern.scrolled{
height: 50px;
line-height: 73px;
margin-top: 0px !important;
-webkit-transition-delay:.2s;
transition-delay:.2s;
border:none!important;
-webkit-transform: translateY(-13px);
-moz-transform: translateY(-13px);
-ms-transform: translateY(-13px);
-o-transform: translateY(-13px);
transform: translateY(-13px);
}
#navigation.modern.shrink.scrolled{
-webkit-transition-delay:0s;
transition-delay:0s
}
#navigation.modern .columns{
width:100%;
height:100%;
position:
relative;
left:0;
top: 10px;
/* max-width: 100%; */
/* padding: 0 50px; */
/* background: #fff url(../images/menu_bottom.png) repeat-x; */
/* background-position: bottom left; */
}
#navigation.modern:after{
position: absolute;
top:-1px;
width: 90%;
height: 2px;
background: url(../images/menu_top.png) repeat-x;
content:"";
left:0;
}
#navigation.modern.white-nav:before{
position: absolute;
background: #fff url(../images/menu_bottom.png) repeat-x;
background-position: bottom right;
height: 90px;
width: 90%;
left: 0;
top:0;
content:
"";
-webkit-box-shadow: 2px 2px 4px rgba(0,0,0,.5);
-moz-box-shadow: 2px 2px 4px rgba(0,0,0,.5);
box-shadow: 2px 2px 4px rgba(0,0,0,.5);
}
#navigation.modern .columns .logo{
width:auto;
height:auto;
/* float:left; */
top: 33px;
position: absolute;
/* transform:translateY(-50%); */
z-index: 10;
}
#navigation.modern .columns .logo a{
display:block
}
#navigation.modern .columns .logo img{
width:auto;
height:auto;
-webkit-transition:all .25s;
-moz-transition:all .25s;
transition:all .25s
}
#navigation.modern .columns .nav-menu{
float:right;
height:100%;
position:relative
}
#navigation.modern .columns ul{
width:auto;
height:100%;
position:relative
}
body.ar #navigation.modern .columns ul{
margin-right: 200px;
}
#navigation.modern .columns ul li{
float:left;
padding:0;
height:100%;
position:relative;
}
#navigation .nav-menu ul li a span{
padding: 10px;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
#navigation .nav-menu ul li:hover a span{
background-color: #00639d;
}
#navigation.modern .columns ul li a,#navigation.modern .columns ul li button{
padding:0 17px;
font-size:17px;
font-weight:600;
font-family:inherit;
display:block;
position:relative;
background:0 0;
height:100%;
line-height: 65px;
border:none;
z-index:5;
overflow:hidden;
outline:0;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
#navigation.modern.text-lg .columns ul li a{
font-size:13px
}
#navigation.modern .columns ul li a.item-noted{
line-height:normal;
top:50%;
height:auto;
padding-bottom:4px;
-webkit-transform:translateY(-50%);
-moz-transform:translateY(-50%);
-ms-transform:translateY(-50%);
transform:translateY(-50%)
}
#navigation.modern .columns ul li a span.item-note{
display:block;
font-size:10px;
text-transform:none;
font-weight:400;
line-height:9px
}
#navigation.modern .columns ul li a.search-form-trigger{
font-size:14px
}
#navigation.modern.pagetopped{
position:absolute;
-webkit-transition:top 0s;
-moz-transition:top 0s;
transition:top 0s;
visibility:visible
}
#navigation.modern.scrolled.pagetopped{
visibility:hidden;
position:fixed;
top:-250px!important;
-webkit-transition:all .5s;
-moz-transition:all .5s;
transition:all .5s
}
#navigation.modern.scrolled.pagetopped.show{
visibility:visible;
top:0!important
}
#navigation-sticky-wrapper{
z-index:1019
}
.dropdown-toggle::after{
display:none!important
}
#navigation.modern .columns ul .dropdown-menu .dropdown-toggle>a:after{
position:absolute;
right:20px;
top:50%;
content:"\f105";
font-size:10px;
font-family:FONTAWESOME;
color:inherit;
-webkit-transform:translateY(-50%);
-moz-transform:translateY(-50%);
-ms-transform:translateY(-50%);
transform:translateY(-50%);
-webkit-transition:all .2s;
-moz-transition:all .2s;
transition:all .2s
}
#navigation.modern .columns ul .dropdown-menu .dropdown-toggle>a:hover:after{
right:15px
}
#navigation.modern .columns ul.dropdown-menu{
position: absolute!important;
top: 100%;
height: auto;
border-radius: 0;
line-height: 15px;
border: none;
margin: 0px;
padding: 17px 0;
box-shadow: none;
z-index: 5;
}
#navigation.modern .columns .dropdown-menu.to-left{
right:0;
left:0
}
#navigation.modern .columns .dropdown-menu.to-right{
left:0;
width:100%;
}
#navigation.modern .columns ul.dropdown-menu .dropdown-menu.to-left{
right:100%;
left:auto
}
#navigation.modern .columns ul.dropdown-menu .dropdown-menu.to-right{
right:auto;
left:100%
}
#navigation.modern .columns ul.dropdown-menu .dropdown-menu{
top:-10px
}
#navigation.modern .columns ul.dropdown-menu li{
padding:0;
width:100%;
display:block;
float:none
}
#navigation.modern .columns ul.dropdown-menu li a,#navigation.modern.scrolled .columns ul.dropdown-menu li a,#navigation.modern.start-dark .columns ul.dropdown-menu li a{
font-size:15px;
font-weight:600;
line-height:30px;
letter-spacing:-.3px;
padding:4px 22px;
display:block;
width:100%;
height:auto;
text-transform:none;
min-width:120px
}
#navigation.modern.text-lg .columns ul.dropdown-menu li a{
font-size:13px
}
#navigation.modern .columns ul.dropdown-menu li a i{
display:inline-block;
margin-right:10px
}
#navigation.modern.scrolled .columns ul.dropdown-menu li hr{
margin:0;
padding:0
}
#navigation.modern .columns ul .mega-menu{
padding:0;
width:auto;
white-space:nowrap;
font-weight:inherit;
background-position:right top;
background-repeat:no-repeat;
background-size:cover
}
#navigation.modern .columns ul .mega-menu.to-left{
right:-60%;
left:auto!important
}
#navigation.modern .columns ul .mega-menu.to-right{
left:-200%;
right:auto
}
#navigation.modern .columns ul .mega-menu>li{
padding:15px 35px 15px 15px;
display:block;
float:none;
vertical-align:top;
height:auto
}
#navigation.modern .columns ul .mega-menu>li.mega-menu-img{
margin:0;
padding:0;
width:350px;
height:100%;
overflow:hidden
}
#navigation.modern .columns ul .mega-menu>li.mega-menu-img+li{
margin:0;
padding:40px
}
#navigation.modern .columns ul .mega-menu>li.mega-menu-img img{
width:auto;
height:100%
}
#navigation.modern .columns .mega-menu .column{
display:inline-block;
width:auto;
width:220px;
padding:22px;
position:relative;
vertical-align:top
}
#navigation.modern .columns .mega-menu .column:before{
display:block;
content:'';
width:1px;
height:86%;
bottom:7%;
right:0;
background-color:#f0f0f0;
position:absolute;
background:-webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(200,200,200,1) 48%,rgba(0,0,0,0) 100%);
background:linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(200,200,200,.3) 48%,rgba(0,0,0,0) 100%)
}
#navigation.modern .columns .mega-menu .column:last-child:before{
display:none
}
#navigation.modern .columns ul.dropdown-menu.mega-menu li a{
font-size:12px;
font-weight:600;
letter-spacing:-.3px;
text-transform:none;
padding:5px 10px;
width:100%;
min-width:1px
}
#navigation.modern.text-lg .columns ul.dropdown-menu.mega-menu li a{
font-size:13px
}
#navigation.modern .columns .mega-menu .column-title{
font-size:10px;
font-weight:900;
line-height:20px;
text-transform:uppercase;
display:block;
margin:0 15px 12px 10px;
padding:4px 0!important;
height:auto;
width:90%
}
@media only screen and (max-height:700px){
#navigation.modern .columns ul.dropdown-menu.mega-menu li a{
padding-top:1px;
padding-bottom:1px
}
#navigation.modern .columns .mega-menu .column{
padding:6px
}
}
body:not(.device-lg) #navigation.modern .columns ul.dropdown-menu.mega-menu .column{
max-width:190px
}
#navigation.modern .columns .nav-elements{
float:right;
right:0;
height:100%;
position:relative;
margin-left:12px;
padding-left:12px
}
#navigation.modern .columns .nav-menu ul li:last-child:after{
display:none
}
#navigation.modern .columns .external-btn{
line-height:normal;
height:auto;
padding:9px 30px;
margin:0 0 0 12px;
top:50%;
position:relative;
-webkit-transform:translateY(-50%);
-moz-transform:translateY(-50%);
-ms-transform:translateY(-50%);
transform:translateY(-50%);
-webkit-transition:all .3s;
-moz-transition:all .3s;
transition:all .3s
}
#navigation.modern .columns .external-btn:hover{
opacity:1!important
}
#navigation span.mark,#punch-navigation span.mark{
position:relative;
font-size:9px!important;
display:inline!important;
line-height:9px!important;
text-transform:uppercase;
font-weight:900!important;
margin-left:10px;
padding:2px 5px;
border-radius:3px;
z-index:99
}
#navigation .unvisible-logo,#navigation.modern.hover3.scrolled .columns .nav-menu>.nav>li>a:before{
display:none
}
#navigation.modern.dotted .columns .nav-menu ul.nav>li>a,#navigation.modern.slashed .columns .nav-menu ul.nav>li>a{
padding-left:15px;
padding-right:15px
}
#navigation span.mark:before,#punch-navigation span.mark:before{
content:'';
width:0;
height:0;
left:-7px;
position:absolute;
top:5px;
border-top:4px solid transparent!important;
border-bottom:4px solid transparent!important;
border-right-width:4px;
border-style:solid;
border-right-color:inherit;
border-left-color:transparent!important
}
#navigation.modern.dark-nav{
background:rgba(40,40,40,0)
}
#navigation.modern.static.dark-nav,#navigation.modern.sticky.dark-nav{
background:rgba(32,32,32,1)
}
#navigation.modern.dark-nav.border:not(.scrolled){
border:0!important;
border-bottom:1px solid rgba(0,0,0,.1)!important
}
#navigation.modern.dark-nav.hover:not(.scrolled):hover{
background-color:rgba(22,22,22,.2)
}
#navigation.modern.dark-nav .columns a,#navigation.modern.dark-nav .columns button{
color:#fff
}
#navigation.modern.dark-nav .columns .hamburger-menu div{
background-color:#fff
}
#navigation.modern.dark-nav.scrolled{
box-shadow:0 0 3px 2px rgba(0,0,0,.06);
background:rgba(32,32,32,1)
}
#navigation.modern.dark-nav .columns .nav-menu ul.dropdown-menu li a,#navigation.modern.dark-nav.start-dark .columns ul.dropdown-menu li a{
color:#ddd
}
#navigation.modern.dark-nav .columns .dropdown-menu{
background-color:#222;
box-shadow:0 0 3px 2px rgba(0,0,0,.06)
}
#navigation.modern.dark-nav .columns ul.dropdown-menu li a:hover{
color:#fff;
background-color:#2f2f2f
}
#navigation.modern.dark-nav .columns ul.dropdown-menu.mega-menu li a:hover{
color:#fff
}
#navigation.modern.dark-nav .columns .mega-menu .column-title{
color:#ddd;
border-bottom:1px solid rgba(255,255,255,.1)
}
#navigation.modern.dark-nav .columns ul.dropdown-menu.mega-menu li a{
color:#d5d5d5
}
#navigation.modern.dark-nav .columns .mega-menu .column:before{
background-color:#333;
background:-webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(40,40,40,1) 48%,rgba(0,0,0,0) 100%);
background:linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(40,40,40,.3) 48%,rgba(0,0,0,0) 100%)
}
#navigation.modern.dark-nav .columns ul.dropdown-menu li a i{
color:#a0a0a0
}
#navigation.modern.dark-nav .shopping-cart .subtotal div{
color:#ccc
}
#navigation.modern.white-nav{
background: transparent;
}
#navigation.modern.white-nav.border:not(.scrolled){
border:0!important;
border-bottom:1px solid rgba(255,255,255,.06)!important
}
#navigation.modern.white-nav.hover:not(.scrolled):hover{
background-color:rgba(22,22,22,.2)
}
#navigation.modern.white-nav .columns a{
color:#333
}
#navigation.modern.static.white-nav .columns button,#navigation.modern.sticky.white-nav .columns a,#navigation.modern.sticky.white-nav .columns button,#navigation.modern.white-nav .columns button #navigation.modern.static.white-nav .columns a,#navigation.modern.white-nav .flag-item+.dropdown-menu a,#navigation.modern.white-nav .shopping-cart a,#navigation.modern.white-nav.start-dark .columns a{
color:#444
}
#navigation.modern.white-nav .columns .hamburger-menu div{
background-color:#fff
}
#navigation.modern.static.white-nav .columns .hamburger-menu div,#navigation.modern.sticky.white-nav .columns .hamburger-menu div{
background-color:#333
}
#navigation.modern.white-nav.box-shadow,#navigation.modern.white-nav.scrolled,#navigation.modern.white-nav.sticky{
/* box-shadow:0 1px 4px 2px rgba(0,0,0,.06)!important; */
/* background: #fff url(../images/menu_bottom.png) repeat-x; */
/* background-position: bottom left; */
top: 3px !important;
}
#navigation.modern.white-nav.scrolled .columns .nav-elements a,#navigation.modern.white-nav.scrolled .columns .nav-menu>.nav>li>a,#navigation.modern.white-nav.scrolled .columns a,#navigation.modern.white-nav.scrolled .columns button{
color:#333
}
#navigation.modern.static.white-nav .columns a,#navigation.modern.sticky.white-nav .columns .nav-menu a,#navigation.modern.white-nav.start-dark .columns a,#navigation.modern.white-nav.start-dark .columns button{
color:#454545
}
#navigation.modern.white-nav.scrolled .columns .hamburger-menu div,#navigation.modern.white-nav.start-dark .columns .hamburger-menu div,#navigation.modern.white-nav.sticky .columns .hamburger-menu div{
background-color:#3a3a3a
}
#navigation.modern.white-nav .columns .dropdown-menu{
background-color:transparent;
/* box-shadow:0 15px 45px 2px rgba(0,0,0,.15) */
}
#navigation.modern.white-nav .columns .nav-menu ul.dropdown-menu li a,#navigation.modern.white-nav.start-dark .columns ul.dropdown-menu li a{
color: #1f1f1f;
font-size: 17px;
}
#navigation.modern.white-nav .columns ul.dropdown-menu.mega-menu li a{
color:#5a5a5a
}
#navigation.modern.white-nav .columns .mega-menu .column-title{
color:#666
}
#navigation.modern.white-nav .columns ul.dropdown-menu li a i{
color:inherit
}
#navigation.nav_up{
-webkit-transform:translateY(-110%);
-moz-transform:translateY(-110%);
-ms-transform:translateY(-110%);
transform:translateY(-110%)
}
#navigation.nav_up.pagetopped{
-webkit-transition:top 0s!important;
-moz-transition:top 0s!important;
transition:top 0s!important
}
#navigation.modern.hover1 .columns .nav-menu>.nav>li>a:before{
height:100%;
content:"";
background-color:#ddd;
left:0;
right:0;
top:0;
opacity:0;
position:absolute;
z-index:-1;
-webkit-transition:all .3s;
-moz-transition:all .3s;
transition:all .3s
}
#navigation.modern.hover1 .columns .nav-menu>.nav>li>a.active:before,#navigation.modern.hover1 .columns .nav-menu>.nav>li>a:hover:before{
opacity:.3
}
#navigation.modern.hover1.scrolled .columns .nav-menu>.nav>li>a:before{
height:3px;
top:100%;
margin-top:-3px;
left:0;
right:0
}
#navigation.modern.hover2 .columns .nav-menu>.nav>li>a:before{
height:36px;
content:"";
background-color:transparent;
border:1px solid #999;
left:5%;
right:5%;
top:50%;
margin-top:-18px;
opacity:0;
position:absolute;
z-index:-1;
-webkit-transition:all .2s;
-moz-transition:all .2s;
transition:all .2s
}
#navigation.modern.hover2 .columns .nav-menu>.nav>li>a.active:before,#navigation.modern.hover2 .columns .nav-menu>.nav>li>a:hover:before{
opacity:.3
}
#navigation.modern.hover2.scrolled .columns .nav-menu>.nav>li>a:before{
height:3px;
top:100%;
margin-top:-3px;
left:0;
right:0
}
#navigation.modern.hover3 .columns .nav-menu>.nav>li>a:before{
height:28px;
content:"";
background-color:rgba(35,35,35,.3);
left:5%;
right:5%;
top:50%;
margin-top:-14px;
opacity:0;
position:absolute;
z-index:-1;
-webkit-transition:opacity .3s;
-moz-transition:opacity .3s;
transition:opacity .3s
}
#navigation.modern.dark-nav .nav-menu>.nav>li>a.active:before,#navigation.modern.hover3 .columns .nav-menu>.nav>li>a:hover:before{
opacity:.6
}
#navigation .nav-menu ul li:hover>a,#navigation.modern.hover4 .columns button:hover, #navigation .nav-menu ul li.active>a{
color: #262261 !important;
}
#navigation .nav-menu ul li.active>a{
font-weight: 700;
}
#navigation .nav-menu ul li .dropdown-menu li a:hover, #navigation .nav-menu ul li .dropdown-menu li.active a {
color: #251f51 !important;
background-color: #fff;
}
#navigation.modern.hover4 .columns .logo a{
opacity:1!important
}
#navigation.modern.hover5 .columns .nav-menu>.nav>li>a:before{
height:3px;
content:"";
left:0;
right:0;
bottom:0;
opacity:0;
position:absolute;
-webkit-transition:all .2s;
-moz-transition:all .2s;
transition:all .2s
}
#navigation.modern.hover5 .columns .nav-menu>.nav>li>a.active:before,#navigation.modern.hover5 .columns .nav-menu>.nav>li>a:hover:before{
opacity:1
}
#navigation.modern.slashed .columns .nav-menu ul.nav>li:before{
content:"";
width:1px;
height:14px;
position:absolute;
top:50%;
display:block;
background-color:rgba(195,195,195,.8);
left:0;
margin-top:-7px;
-webkit-transform:rotate(42deg);
transform:rotate(42deg)
}
#navigation.modern.dotted .columns .nav-menu ul.nav>li:first-child:before,#navigation.modern.slashed .columns .nav-menu ul.nav>li:first-child:before{
display:none
}
#navigation.modern.dotted.scrolled .columns .nav-menu ul.nav>li:before,#navigation.modern.slashed.scrolled .columns .nav-menu ul.nav>li:before{
opacity:.4
}
#navigation.modern.slashed.white-nav .columns ul.nav>li:before{
background-color:rgba(145,145,145,.7)
}
#navigation.modern.slashed.white-nav.scrolled .columns .nav-menu ul.nav>li:before{
opacity:1
}
#navigation.modern.dotted .columns .nav-menu ul.nav>li:before{
content:"";
width:3px;
height:3px;
border-radius:100%;
position:absolute;
top:50%;
display:block;
background-color:rgba(222,222,222,.9);
left:0;
margin-top:-1.5px
}
#navigation.modern.dotted.white-nav.scrolled .columns .nav-menu ul.nav>li:before{
opacity:1;
background-color:#777
}
#navigation.modern.dotted.white-nav .columns .nav-menu ul.nav>li:before{
background-color:#ddd
}
#navigation.modern .cart-item:after{
display:none
}
#navigation.modern .cart-item .cart-detail{
border-radius:100%;
width:18px;
height:18px;
font-weight:bolder;
display:inline-block;
line-height:18px;
text-align:center;
color:#fff;
font-size:10px
}
#navigation.modern .shopping-cart{
padding:8px 20px;
margin-top:0;
width:400px;
border:none
}
#navigation.modern .shopping-cart>div{
margin:7px 0;
padding:7px 0;
border-bottom:1px solid rgba(170,170,170,.2)
}
#navigation.modern .shopping-cart>div:last-child{
border-bottom:none
}
#navigation.modern .shopping-cart *{
height:auto;
line-height:normal
}
#navigation.modern .shopping-cart a{
padding:0;
margin:0
}
#navigation.modern .shopping-cart .product>*{
height:55px;
line-height:55px
}
#navigation.modern .shopping-cart .product-img img,.mobile-nb{
height:100%
}
#navigation.modern .shopping-cart .product-img{
float:left;
width:20%
}
#navigation.modern .shopping-cart .product-img a{
padding:0
}
#navigation.modern .shopping-cart .product-name{
float:left;
width:65%
}
#navigation.modern .shopping-cart .product-name a{
padding-left:10px;
padding-top:10px;
line-height:normal
}
#navigation.modern .shopping-cart .product-name a span{
display:block;
font-size:13px
}
#navigation.modern .shopping-cart .product-remove{
float:left;
width:15%;
text-align:center
}
#navigation.modern .shopping-cart .subtotal div{
padding:6px 0 12px;
float:left;
width:50%
}
#navigation.modern .shopping-cart .subtotal div:last-child{
text-align:right
}
#navigation.modern .shopping-cart .buttons a{
display:inline-block;
padding:10px 24px;
float:left;
text-align:center;
width:45%;
width:calc(50% - 3px)
}
#navigation.modern .shopping-cart .buttons a:first-child{
margin-right:5px
}
#navigation.modern .flag-item:after{
display:none
}
#navigation.modern .columns .nav-elements .flag-item{
text-align:center
}
#navigation.modern .columns .nav-elements .flag-item+.dropdown-menu,#navigation.modern .columns .nav-elements .flag-item+.dropdown-menu a{
min-width:80px;
width:80px;
padding:5px 0;
text-align:center
}
#navigation.modern .flag-item img{
max-height:18px
}
#navigation.modern .flag-item span{
position:relative;
top:1.5px;
margin-right:3px;
display:inline-block
}
#mobile-navigation,.mobile-nb{
display:none
}
.mobile-nb{
padding:0 15px;
cursor:pointer;
position: absolute;
z-index: 5;
}
body.ar .mobile-nb {
float: left;
}
.mobile-nb:active{
background-color:rgba(0,0,0,.1)
}
#mobile-navigation-closer{
display:none;
z-index:1019;
position:fixed;
-webkit-transform:translateZ(0);
transform:translateZ(0);
top:0;
right:0;
height:100%;
width:100%;
background-color:rgba(0,0,0,.4);
cursor:pointer
}
@media only screen and (max-width:1120px){
#navigation.modern .columns .nav-elements,#navigation.modern .columns .nav-menu,#pagetop{
display:none
}
#mobile-navigation>*{
z-index:2!important
}
.mobile-nb{
display:block
}
#mobile-navigation .sidebar-button,#navigation .sidebar-button{
display:none!important
}
#navigation.modern .columns .logo {
height: auto;
float: left;
top: 4px;
position: relative;
transform: translateY(0%);
z-index: 10;
width: 100%;
z-index: 1;
text-align: center;
}
#navigation.modern .columns .logo a {
display: inline-block;
}
#navigation.modern .columns .logo a img{
max-height: 90px;
margin-top: -22px;
}
#mobile-navigation li,#navigation .unvisible-logo{
display:block
}
#mobile-navigation{
display:block;
left:-260px;
pointer-events:none;
width:260px;
height:100%;
max-width:80%;
position:fixed;
top:0;
background-color:#2C6CA4;
background-color: #fdcc18;
/* background: url(../images/menu_bottom.png) repeat-y; */
z-index:9999;
overflow-x:hidden;
overflow-y:auto;
-webkit-transform:translateX(0) translateZ(0);
-moz-transform:translateX(0) translateZ(0);
-ms-transform:translateX(0) translateZ(0);
transform:translateX(0) translateZ(0);
-webkit-transition:transform .3s;
-moz-transition:transform .3s;
transition:transform .3s;
background-size: 202%;
}
#mobile-navigation.active{
pointer-events:auto;
-webkit-transform:translateX(100%) translateZ(0);
-moz-transform:translateX(100%) translateZ(0);
-ms-transform:translateX(100%) translateZ(0);
transform:translateX(100%) translateZ(0)
}
#mobile-navigation .mobile-logo{
width:100%;
height:auto;
padding:20px;
text-align:left;
margin-top:20px
}
.top-navigation .top-nav-logo{
display:none
}
#mobile-navigation .mb-close,#mobile-navigation .nav-el .search-form-trigger{
position:absolute;
background-color:transparent;
left:0;
top:10px;
width:45px;
height:45px;
line-height:45px;
text-align:center;
font-size:15px;
color: #333;
cursor:pointer;
}
#mobile-navigation .mb-close:before{
content:"\f00d";
font-family:FONTAWESOME
}
#mobile-navigation .nav{
margin-top:27%;
color:#fff;
font-weight:500;
background-color:inherit
}
#mobile-navigation .nav li{
border-top:1px solid rgba(255,255,255,.03)
}
#mobile-navigation .nav li a{
font-size: 17px;
padding: 0 15px!important;
margin:0!important;
display:block;
line-height: 43px;
position:relative;
color: #333;
font-weight:700;
}
#mobile-navigation .nav .dropdown-menu li a{
font-size:13px
}
#mobile-navigation .nav li:first-child{
border-top:none
}
#mobile-navigation .column,#mobile-navigation .column li:last-child,#mobile-navigation .dropdown-menu>li{
border-bottom:none!important
}
#mobile-navigation .nav li a.item-noted{
padding:12px 16px!important;
line-height:19px
}
#mobile-navigation .nav li a.item-noted span.item-note{
color:#aaa;
display:block;
font-weight:400;
font-size:11px;
text-transform:none;
line-height:11px;
margin-top:0
}
#mobile-navigation .nav li a.item-noted i{
line-height:55px
}
#mobile-navigation .dropdown-menu{
top:0;
left:0!important;
opacity:1;
margin:0!important;
padding:0;
background-image:none!important;
position:relative;
float:none;
background-color:transparent;
border-radius:0;
box-shadow:none;
display:none;
border:none
}
#mobile-navigation .nav li .dropdown-menu a{
font-size:14px;
text-transform:none;
font-weight:600;
color: #333;
padding-left:25px!important;
display:block;
}
#mobile-navigation .nav li .dropdown-menu .dropdown-menu a{
padding-left:35px!important
}
#mobile-navigation a:active,#mobile-navigation a:focus,#mobile-navigation a:hover,#mobile-navigation li a.active,#mobile-navigation li a.touchme{
background-color: #056996;
color: #fff !important;
}
#mobile-navigation .nav-el{
margin-top:0;
background-color:inherit
}
#mobile-navigation .nav-el ul{
margin-top:0
}
#mobile-navigation .nav-el a span{
display:inline-block;
margin-left:6px;
font-size:14px;
position:relative;
top:2px
}
#mobile-navigation .nav-el a img{
max-height:20px
}
#mobile-navigation .nav-el a.cart-item span{
width:20px;
height:20px;
line-height:20px;
margin-left:2px;
text-align:center;
border-radius:100%
}
#mobile-navigation .nav-el a.cart-item i.fa{
width:15px;
height:100%;
position:relative;
display:inline-block;
font-size:17px;
color:#fff
}
#mobile-navigation .nav-el a.cart-item i:before{
content:"\f290"
}
#mobile-navigation .nav-el a.cart-item i:not(.fa){
display:none
}
#mobile-navigation .nav-el .search-form-trigger{
left:auto;
right:6px;
font-size:12px
}
#mobile-navigation .nav-el .search-form-trigger i:before{
content:"\f002"
}
#mobile-navigation .nav-el .nav li a.external-btn{
margin-top:10px!important;
width:90%;
left:5%
}
#mobile-navigation .pagetop{
color:#aaa;
margin-top:30px;
position:relative;
padding-left:10px;
bottom:10px;
z-index:1!important;
text-align:left;
width:100%;
font-weight:600
}
#mobile-navigation .pagetop .container{
padding:0!important
}
#mobile-navigation .pagetop .left a{
display:block;
font-size:13px
}
#mobile-navigation .pagetop a span{
display:inline-block;
margin-right:3px
}
#mobile-navigation .pagetop .right a,#mobile-navigation .pagetop .socials a{
padding:6px;
display:inline-block;
margin-top:5px;
line-height:normal
}
#mobile-navigation .pagetop .right a:hover{
color:#fff
}
#mobile-navigation .pagetop .copyright{
font-size:13px;
font-weight:400
}
#mobile-navigation .dropdown-menu .column-title{
display:none
}
#mobile-navigation .mega-menu>li{
border:none
}
#mobile-navigation li a i{
display:block;
position:absolute;
right:0;
top:0;
bottom:0;
width:60px;
text-align:center;
line-height:inherit;
color: #333 !important;
font-size:13px;
}
#mobile-navigation li a i:before{
content:"\f105";
font-family:FONTAWESOME;
display:inline-block;
line-height:inherit;
-webkit-transition:all .4s;
-moz-transition:all .4s;
transition:all .4s
}
#mobile-navigation li a.showing i:before{
color: #fff;
-ms-transform:rotate(90deg);
-webkit-transform:rotate(90deg);
transform:rotate(90deg);
}
#navigation.no-mobile-nav .mobile-nb,#navigation.no-mobile-nav+#mobile-navigation{
display:none!important
}
#mobile-navigation hr,#navigation.side-menu .search{
display:none
}
}
#pagetop{
height:42px;
max-height:42px;
line-height:42px;
font-weight:500;
font-size:12px;
z-index:1020;
position:relative;
top:0;
width:100%;
background:#fff;
border-bottom:1px solid #ededed;
color:#686868
}
#pagetop .left>p,#pagetop .right a{
line-height:inherit
}
#pagetop .left>a,#pagetop .left>p{
color:inherit;
margin-right:22px;
font-weight:inherit
}
@media only screen and (max-width:1120px){
#pagetop{
z-index:997
}
}
#pagetop .left{
float:left;
text-align:left
}
#pagetop .right{
float:right;
text-align:right
}
#pagetop .left>a{
display:inline-block;
-webkit-transition:all .2s;
-moz-transition:all .2s;
transition:all .2s
}
#pagetop .right a{
width:42px;
height:100%;
text-align:center;
float:left;
display:block;
margin:0;
color:#aaa;
border-right:1px solid #ededed;
-webkit-transition:all .2s;
-moz-transition:all .2s;
transition:all .2s
}
#pagetop .right a:first-child{
border-left:1px solid #ededed
}
#pagetop .right a:hover{
color:#fff
}
#pagetop img{
max-height:28px
}
#pagetop.transparent{
background:0 0;
border-bottom:1px solid rgba(255,255,255,.06);
color:#fff;
position:absolute
}
#pagetop.transparent .right a{
border-color:rgba(255,255,255,.1);
color:#ddd
}
#pagetop.transparent .right a:hover{
color:#fff
}
#pagetop.dark{
background:#171717;
border-bottom:1px solid rgba(255,255,255,.1);
color:#ddd!important
}
#pagetop.dark .right a{
border-color:rgba(255,255,255,.05);
color:#ddd
}
#pagetop.dark .right a:hover{
color:#fff
}
@media only screen and (min-width:640px){
#pagetop .container-xl{
padding:0 30px
}
}
@media only screen and (max-width:700px){
#pagetop{
height:auto;
max-height:none
}
#pagetop .right{
display:none
}
#pagetop .left{
text-align:center;
float:none;
margin:0 auto;
padding:0
}
#pagetop .left a{
display:block;
margin:0 auto 7px;
line-height:25px
}
#pagetop .left a:first-child{
padding-top:7px
}
}
#extranav{
height:40px;
font-size:13px;
position:relative;
will-change:transform;
top:0;
width:100%;
display:none;
padding:0 30px
}
#extranav>*{
-webkit-transition:all .15s;
-moz-transition:all .15s;
transition:all .15s;
padding:0
}
#extranav.hiding>*{
-webkit-transform:translateY(-35px);
-moz-transform:translateY(-35px);
-ms-transform:translateY(-35px);
transform:translateY(-35px)
}
#extranav *{
line-height:40px
}
#extranav ul li{
float:left;
display:block
}
#extranav ul li a{
display:block;
padding:0 20px;
font-size:inherit;
background:0 0;
-webkit-transition:all .3s;
-moz-transition:all .3s;
transition:all .3s
}
#extranav ul li a.active,#extranav ul li a:hover{
background:rgba(0,0,0,.1)
}
#side-dotted-navigation:after,#side-dotted-navigation:before{
background:0 0;
right:20px;
top:-50%;
content:'';
position:absolute
}
@media only screen and (max-width:820px){
#extranav{
display:none!important
}
#extranav>div{
max-width:120px;
float:left
}
#extranav>.nav-menu{
max-width:80%;
float:right
}
#extranav ul li a{
padding:0 10px
}
}
#dotted-navigation{
position:relative;
z-index:1001
}
#side-dotted-navigation{
color:#fff;
width:200px;
right:0;
margin:0;
border-radius:20px;
line-height:normal;
position:fixed;
height:auto;
top:50%;
z-index:1001;
display:block;
padding:7px 0;
-webkit-transform:translateY(-50%) translateZ(0);
-moz-transform:translateY(-50%) translateZ(0);
-ms-transform:translateY(-50%) translateZ(0);
transform:translateY(-50%) translateZ(0)
}
.block-navigation,.sticky-item{
-webkit-transform:translateZ(0)
}
#side-dotted-navigation:before{
width:100px;
height:350px
}
#side-dotted-navigation:after{
width:20px;
height:650px
}
#side-dotted-navigation li{
background-color:rgba(30,30,30,1);
box-shadow:0 0 25px 0 rgba(0,0,0,.15);
position:relative;
overflow:hidden;
display:block;
width:100%;
right:0;
float:right;
clear:right;
border:none
}
#side-dotted-navigation li a{
font-size:inherit;
color:inherit;
white-space:nowrap;
font-weight:inherit;
display:block;
opacity:1;
width:100%;
padding:11px 0 12px 30px
}
#side-dotted-navigation li a span{
position:relative;
z-index:1;
margin-top:1px
}
#side-dotted-navigation li a:after{
background-color:rgba(0,0,0,.1);
content:'';
width:0;
height:100%;
right:0;
position:absolute;
top:0;
z-index:0;
transition:width .3s
}
#side-dotted-navigation li:before{
background-color:#bbb;
width:4px;
height:4px;
display:block;
content:'';
border-radius:100%;
position:absolute;
left:17px;
top:50%;
margin-top:-2px;
z-index:1
}
#side-dotted-navigation li a:hover:after{
width:100%
}
#side-dotted-navigation li a:active,#side-dotted-navigation li a:focus,#side-dotted-navigation li a:hover{
background-color:transparent
}
#side-dotted-navigation li:first-child,#side-dotted-navigation li:first-child a{
border-top-left-radius:10px
}
#side-dotted-navigation li:last-child,#side-dotted-navigation li:last-child a{
border-bottom-left-radius:10px
}
#side-dotted-navigation.spy:after,#side-dotted-navigation.spy:before{
height:400px;
right:0
}
#side-dotted-navigation.spy{
background:rgba(0,0,0,.7);
width:40px;
right:20px
}
#side-dotted-navigation.spy li{
width:40px;
background:0 0;
box-shadow:none
}
#side-dotted-navigation.spy li:before{
left:50%;
margin-left:-2.5px
}
#side-dotted-navigation.spy li:has(>a.active):before{
background-color:#fff
}
#side-dotted-navigation li a.active{
background-color:rgba(0,0,0,.3)
}
#side-dotted-navigation{
-webkit-transition:background .28s 0s,width .28s .25s,right .28s .2s;
-moz-transition:background .28s 0s,width .28s .25s,right .28s .3s;
transition:background .28s 0s,width .28s .25s,right .28s .1s
}
#side-dotted-navigation li a{
-webkit-transition:background .28s,opacity .28s .6s,padding .28s .15s;
-moz-transition:background .28s,opacity .28s .6s,padding .28s .15s;
transition:background .28s,opacity .28s .6s,padding .28s .15s
}
#side-dotted-navigation li:before{
-webkit-transition:left .28s .4s,margin-left .28s .4s;
-moz-transition:left .28s .4s,margin-left .28s .4s;
transition:left .28s .4s,margin-left .28s .4s
}
#side-dotted-navigation.spy{
-webkit-transition:background .28s .76s,width .28s .2s,right .28s .2s;
-moz-transition:background .28s .76s,width .28s .2s,right .28s .2s;
transition:background .28s .76s,width .28s .2s,right .28s .2s
}
#side-dotted-navigation.spy li a{
opacity:0;
padding:2px 0 2px 20px;
-webkit-transition:opacity .28s,padding .28s .45s;
-moz-transition:opacity .28s,padding .28s .45s;
transition:opacity .28s,padding .28s .45s
}
#side-dotted-navigation li:nth-of-type(1){
transition:width .28s .2s,background .28s .2s,box-shadow .28s .2s
}
#side-dotted-navigation li:nth-of-type(2){
transition:width .28s .3s,background .28s .3s,box-shadow .28s .3s
}
#side-dotted-navigation li:nth-of-type(3){
transition:width .28s .4s,background .28s .4s,box-shadow .28s .4s
}
#side-dotted-navigation li:nth-of-type(4){
transition:width .28s .5s,background .28s .5s,box-shadow .28s .5s
}
#side-dotted-navigation li:nth-of-type(5){
transition:width .28s .6s,background .28s .6s,box-shadow .28s .6s
}
#side-dotted-navigation li:nth-of-type(6){
transition:width .28s .7s,background .28s .7s,box-shadow .28s .7s
}
#side-dotted-navigation li:nth-of-type(7){
transition:width .28s .8s,background .28s .8s,box-shadow .28s .8s
}
#side-dotted-navigation li:nth-of-type(8){
transition:width .28s .9s,background .28s .9s,box-shadow .28s .9s
}
#side-dotted-navigation li:nth-of-type(9){
transition:width .28s 1s,background .28s 1s,box-shadow .28s 1s
}
#side-dotted-navigation li:nth-of-type(10){
transition:width .28s 1.1s,background .28s 1s,box-shadow .28s 1.1s
}
#side-dotted-navigation li:nth-of-type(11){
transition:width .28s 1.2s,background .28s 1s,box-shadow .28s 1.2s
}
#side-dotted-navigation li:nth-of-type(12){
transition:width .28s 1.3s,background .28s 1s,box-shadow .28s 1.3s
}
#side-dotted-navigation li:nth-of-type(13){
transition:width .28s 1.4s,background .28s 1s,box-shadow .28s 1.4s
}
#side-dotted-navigation li:nth-of-type(14){
transition:width .28s 1.5s,background .28s 1s,box-shadow .28s 1.5s
}
#side-dotted-navigation li:nth-of-type(15){
transition:width .28s 1.6s,background .28s 1s,box-shadow .28s 1.6s
}
#side-dotted-navigation.spy li{
transition:width .28s .3s,background .28s 0s
}
@media only screen and (max-width:500px){
#side-dotted-navigation.spy li{
width:34px
}
#side-dotted-navigation.spy{
width:34px;
right:13px
}
#side-dotted-navigation.spy li a{
padding:0 0 0 20px
}
#side-dotted-navigation.spy:after,#side-dotted-navigation.spy:before{
height:200px
}
}
@media only screen and (max-height:480px){
#side-dotted-navigation{
top:38%
}
#side-dotted-navigation.spy li{
width:32px
}
#side-dotted-navigation.spy{
width:32px;
right:20px
}
#side-dotted-navigation li a{
padding:9px 0 9px 23px;
font-size:10px
}
#side-dotted-navigation.spy li a{
padding:0 0 0 18px
}
#side-dotted-navigation li:before{
left:12px
}
#side-dotted-navigation.spy:after,#side-dotted-navigation.spy:before{
height:100px
}
}
.block-navigation{
height:60px;
line-height:60px;
z-index:999;
top:0;
padding:0!important;
overflow:hidden;
position:relative;
-webkit-transition:all .25s;
-moz-transition:all .25s;
transition:all .25s;
transform:translateZ(0)
}
.block-navigation.top-moved{
-webkit-transform:translateY(-50%) translateZ(0);
-moz-transform:translateY(-50%) translateZ(0);
-ms-transform:translateY(-50%) translateZ(0);
transform:translateY(-50%) translateZ(0)
}
.block-navigation .nav li a{
padding:0;
text-align:center;
position:relative;
color:inherit;
display:block;
line-height:inherit;
background-color:transparent;
-webkit-transition:background .25s;
-moz-transition:background .25s;
transition:background .25s
}
.block-navigation .nav li a.active,.block-navigation .nav li a:active,.block-navigation .nav li a:hover{
background-color:rgba(0,0,0,.3)
}
.sticky-wrapper{
position:relative;
z-index:998;
height: auto !important;
}
.is-sticky .block-navigation{
height:50px;
line-height:50px
}
@media only screen and (max-width:640px){
.block-navigation{
padding-left:0;
padding-right:0;
border-radius:0!important
}
.block-navigation .nav li a{
font-size:9px
}
}
.sticky-item{
transform:translateZ(0)
}
#navigation.side-menu,.icon-navigation{
position:fixed;
-webkit-transform:translateZ(0)
}
.icon-navigation{
width:auto;
height:auto;
text-align:center;
will-change:transform;
line-height:normal;
padding:20px 0;
z-index:1050;
-webkit-transition:opacity .45s;
-moz-transition:opacity .45s;
transition:opacity .45s;
transform:translateZ(0)
}
.icon-navigation.passive{
opacity:0!important;
z-index:100
}
.icon-navigation ul{
margin:0;
padding:0
}
.icon-navigation ul a{
padding:10px 15px;
display:block;
background:0 0!important
}
.icon-navigation.icon-lg ul a{
padding:13px 17px;
font-size:17px
}
.icon-navigation.icon-sm ul a{
padding:8px 14px;
font-size:13px
}
.icon-navigation ul a:hover,.icon-navigation ul li a.active,.icon-navigation ul li a.active:hover{
background:rgba(0,0,0,.1)!important
}
.icon-navigation ul li.cbp-filter-item-active a{
background:rgba(0,0,0,.2)!important
}
.icon-navigation ul hr{
margin:6px 0
}
.icon-navigation .popover{
border:none;
outline:0;
padding:12px 22px;
min-width:1px;
border-radius:7px;
width:auto;
white-space:nowrap;
max-width:none;
background-color:#222
}
.icon-navigation .popover-header{
color:#fff;
background-color:#222;
padding:0;
border:none;
border-radius:7px
}
.icon-navigation .popover-body{
display:none
}
.icon-navigation .popover.right{
margin-left:14px
}
.icon-navigation .popover>.arrow{
display:block!important
}
.bs-popover-auto[x-placement^=left] .arrow::after,.bs-popover-left .arrow::after{
border-left-color:#222
}
.bs-popover-auto[x-placement^=right] .arrow::after,.bs-popover-right .arrow::after{
border-right-color:#222
}
.hide-by-scroll{
-webkit-transition:transform .45s;
-moz-transition:transform .45s;
transition:transform .45s
}
.hide-by-scroll.hiding{
-webkit-transform:translateY(-100%)!important;
-moz-transform:translateY(-100%)!important;
-ms-transform:translateY(-100%)!important;
transform:translateY(-100%)!important
}
#quadra_fixed_modal.hiding,.sticky-wrapper .hide-by-scroll.hiding{
-webkit-transform:translateY(0)!important;
-moz-transform:translateY(0)!important;
-ms-transform:translateY(0)!important
}
.sticky-wrapper .hide-by-scroll.hiding{
transform:translateY(0)!important
}
.sticky-wrapper.is-sticky .hide-by-scroll.hiding{
-webkit-transform: translateY(-200%)!important;
-moz-transform: translateY(-200%)!important;
-ms-transform: translateY(-200%)!important;
transform: translateY(-200%)!important;
}
.hide-on-home{
display:none
}
#navigation.side-menu{
height:100%;
width:300px;
top:0;
z-index:1001;
line-height:22px;
border-right:1px solid;
border-color:transparent;
background-size:cover;
transform:translateZ(0)
}
#navigation.side-menu.left{
left:0
}
#navigation.side-menu.right{
right:0;
border-left:1px solid;
border-color:transparent;
border-right:none
}
body.left-side-menu-active #wrapper{
padding-left:300px
}
body.right-side-menu-active #wrapper{
padding-right:300px
}
body.left-mini-side-menu-active #wrapper{
padding-left:60px
}
body.right-mini-side-menu-active #wrapper{
padding-right:60px
}
#navigation.side-menu .logo{
margin:15% auto 0;
padding:0 20px;
position:relative;
text-align:inherit
}
#navigation.side-menu .logo img{
max-width:100%;
max-height:60px
}
#navigation.side-menu .top-note{
padding:5px 20px;
margin-top:10%
}
#navigation.side-menu .nav{
font-size:14px;
margin:23% 0 0;
padding:0
}
#navigation.side-menu .top-note+.nav-menu .nav{
margin:25% 0 0
}
#navigation.side-menu .nav li{
display:block;
float:none;
width:100%;
margin:0;
padding:0;
position:relative
}
#navigation.side-menu .nav li a{
padding:15px 20px;
margin:0;
font-size:13px;
line-height:22px;
font-weight:700;
border-bottom:1px solid;
display:block;
border-color:transparent;
-webkit-transition:all .25s;
-moz-transition:all .25s;
transition:all .25s
}
#navigation.side-menu.links-sm .nav li a{
padding:11px 16px;
font-size:12px
}
#navigation.side-menu .nav li a:focus{
background:0 0
}
#navigation.side-menu .nav li:last-child>a{
border-bottom:none
}
#navigation.side-menu .nav li a span{
display:block;
font-size:10px;
line-height:13px;
letter-spacing:0;
font-weight:400
}
#navigation.side-menu .menu-bottom{
position:absolute;
bottom:0;
width:100%
}
#navigation.side-menu .menu-bottom .signature{
margin-bottom:15%
}
#navigation.side-menu .menu-bottom .signature img{
max-width:180px
}
#navigation.side-menu .socials{
width:100%;
height:auto;
padding:0 10px;
margin-bottom:50px
}
#navigation.side-menu .socials a{
font-size:17px;
width:35px;
height:35px;
line-height:35px;
text-align:center;
display:inline-block
}
#navigation.side-menu .socials a:hover{
color:#fff!important
}
#navigation.side-menu .search{
position:relative;
padding:10px 22px
}
#navigation.side-menu .search input{
background-color:rgba(20,20,20,.1);
width:100%;
position:relative;
padding:9px 14px;
line-height:normal;
color:#fff;
font-size:12px;
border-radius:50px;
border:1px solid rgba(15,15,15,.1);
-webkit-transition:all .5s;
-moz-transition:all .5s;
transition:all .5s
}
#navigation.side-menu .search input:focus{
background-color:rgba(20,20,20,.2);
border:1px solid rgba(15,15,15,.15)
}
#navigation.side-menu .search ::-webkit-input-placeholder{
color:rgba(200,200,200,.6)
}
#navigation.side-menu .search :-moz-placeholder{
color:rgba(200,200,200,.6)
}
#navigation.side-menu .search ::-moz-placeholder{
color:rgba(200,200,200,.6)
}
#navigation.side-menu .search :-ms-input-placeholder{
color:rgba(200,200,200,.6)
}
#navigation.side-menu .copyright{
width:100%;
padding:15px;
border-top:1px solid transparent;
font-size:11px;
font-weight:300
}
#navigation.side-menu .nav li.dropdown-toggle ul.dropdown-menu{
left:100%;
padding:0;
top:0;
box-shadow:none;
border-radius:0;
margin:0
}
#navigation.side-menu .nav li.dropdown-toggle ul.dropdown-menu a{
font-size:11px;
padding:10px 20px;
line-height:20px;
min-width:220px;
position:relative
}
#navigation.side-menu .nav li.dropdown-toggle>a:before{
display:block;
position:absolute;
content:'\f105';
width:25px;
height:25px;
text-align:center;
font-size:10px;
line-height:25px;
right:10px;
top:50%;
margin-top:-12.5px;
font-family:FONTAWESOME;
color:#8d8d8d
}
#navigation.side-menu.left .nav.t-right li.dropdown-toggle>a:before{
right:3px
}
#navigation.side-menu.left .nav.t-right li a{
padding-right:30px
}
#navigation.side-menu.right .nav li.dropdown-toggle ul.dropdown-menu{
right:100%;
left:auto
}
#navigation.side-menu.right .nav li.dropdown-toggle>a:before{
left:5px;
right:auto;
content:'\f104'
}
#navigation.side-menu.right .nav.t-left li.dropdown-toggle>a:before,#navigation.side-menu.right .t-left .nav li.dropdown-toggle>a:before{
left:0
}
#navigation.side-menu.right .nav.t-left li a,#navigation.side-menu.right .t-left .nav li a{
padding-left:25px
}
#navigation.side-menu.radius-drop .nav li.dropdown-toggle ul.dropdown-menu{
border-radius:6px
}
#navigation.side-menu.white{
background-color:#fff;
border-color:#e6e6e6
}
#navigation.side-menu.white .nav li a,#navigation.side-menu.white-drop .nav li a{
color:#4a4a4a;
border-color:#f1f1f1
}
#navigation.side-menu.white-drop .nav .dropdown-menu{
border:1px solid #e6e6e6!important
}
#navigation.side-menu.white .nav li a:hover,#navigation.side-menu.white .nav li>a.active{
background-color:rgba(230,230,230,.5)
}
#navigation.side-menu.white .socials a{
color:#8d8d8d
}
#navigation.side-menu.white .copyright{
color:#7c7c7c;
border-color:#eee
}
#navigation.side-menu.white .nav li.dropdown-toggle ul.dropdown-menu{
background-color:#fff;
border-color:#e6e6e6
}
#navigation.side-menu.white .search input{
background-color:rgba(240,240,240,1);
color:#444;
border:1px solid rgba(220,220,220,1)
}
#navigation.side-menu.white .search input:focus{
background-color:rgba(230,230,230,1);
border:1px solid rgba(200,200,200,1)
}
#navigation.side-menu.white .search ::-webkit-input-placeholder{
color:#666
}
#navigation.side-menu.white .search :-moz-placeholder{
color:#666
}
#navigation.side-menu.white .search ::-moz-placeholder{
color:#666
}
#navigation.side-menu.white .search :-ms-input-placeholder{
color:#666
}
#navigation.side-menu.dark{
background-color:#1a1a1a;
border:none
}
#navigation.side-menu.dark .nav li a{
color:#fff;
border-color:rgba(255,255,255,.05)
}
#navigation.side-menu.dark .nav li a span{
color:#ddd
}
#navigation.side-menu.dark .nav li a:hover,#navigation.side-menu.dark .nav li>a.active{
background-color:rgba(0,0,0,.1)
}
#navigation.side-menu.dark .socials a{
color:#eee
}
#navigation.side-menu.dark .copyright{
color:#ddd;
border-color:rgba(255,255,255,.07)
}
#navigation.side-menu.dark .nav li a:before{
color:#ddd
}
#navigation.side-menu.white-drop .nav li.dropdown-toggle ul.dropdown-menu{
background:#fff!important;
box-shadow:2px 20px 45px 5px rgba(0,0,0,.2)
}
#navigation.side-menu.white-drop .nav li.dropdown-toggle ul.dropdown-menu li a{
color:#333
}
#navigation.side-menu.white-drop .nav li.dropdown-toggle ul.dropdown-menu li a:before{
color:#666
}
#navigation.side-menu.dark .nav li.dropdown-toggle ul.dropdown-menu{
border:#1a1a1a;
background-color:#1f1f1f
}
#navigation.side-menu.dark .hamburger-menu div{
background-color:#ccc
}
#navigation.side-menu.type-2 .nav li.dropdown-toggle ul.dropdown-menu{
padding:15px 0
}
#navigation.side-menu.type-2 .nav li a:hover,#navigation.side-menu.type-2 .nav li>a.active{
background-color:transparent!important;
opacity:.7
}
#navigation.side-menu.type-2 .nav li a{
border:none;
padding:10px 25px;
font-weight:400
}
#navigation.side-menu.type-2 .nav li.dropdown-toggle>a:before{
font-size:12px
}
#navigation.side-menu.type-2 .nav li.dropdown-toggle ul.dropdown-menu a{
line-height:15px;
font-size:12px
}
body.left-mini-side-menu-active .fullscreen-container.rev_slider_wrapper,body.left-side-menu-active .forcefullwidth_wrapper_tp_banner>section,body.left-side-menu-active .fullscreen-container.rev_slider_wrapper,body.right-mini-side-menu-active .fullscreen-container.rev_slider_wrapper,body.right-side-menu-active .forcefullwidth_wrapper_tp_banner>section,body.right-side-menu-active .fullscreen-container.rev_slider_wrapper{
max-width:100%;
left:0!important
}
@media only screen and (max-width:1450px){
#navigation.side-menu{
width:230px
}
body.left-side-menu-active #wrapper{
padding-left:230px
}
body.right-side-menu-active #wrapper{
padding-right:220px
}
}
@media only screen and (max-width:1120px){
body.left-side-menu-active #wrapper{
padding-left:0
}
body.right-side-menu-active #wrapper{
padding-right:0
}
#navigation.side-menu .menu-bottom,#navigation.side-menu .nav-menu,#navigation.side-menu .top-note{
display:none
}
#navigation.side-menu .logo img{
max-height:45px
}
#navigation.side-menu{
width:100%;
height:70px;
position:fixed;
top:0;
left:0
}
#navigation.side-menu .logo{
margin:0!important;
text-align:left;
float:left;
width:50%;
height:100%;
display:table
}
#navigation.side-menu .logo a{
display:table-cell;
vertical-align:middle
}
#navigation.side-menu .mobile-nb{
float:right;
margin-right:20px
}
}
@media only screen and (max-height:860px){
#navigation.side-menu .logo{
margin-top:10%
}
#navigation.side-menu .nav,#navigation.side-menu .top-note+.nav-menu .nav{
margin-top:15%
}
#navigation.side-menu .nav li a{
padding:10px 16px;
font-size:12px
}
#navigation.side-menu.links-sm .nav li a{
padding:7px 16px;
font-size:11px
}
#navigation.side-menu.type-2 .nav li a{
padding:7px 25px
}
#navigation.side-menu .search input{
padding:9px 14px!important
}
#navigation.side-menu .socials{
margin-bottom:25px
}
}
@media only screen and (max-height:700px){
#navigation.side-menu .nav{
margin-top:10%
}
#navigation.side-menu .nav li a{
padding:8px 16px;
font-size:11px
}
#navigation.side-menu.links-sm .nav li a{
padding:6px 16px;
font-size:11px;
line-height:19px
}
#navigation.side-menu.type-2 .nav li a{
padding:5px 20px
}
#navigation.side-menu .top-note+.nav-menu .nav{
margin-top:7%
}
#navigation.side-menu .search input{
padding:8px 14px!important
}
#navigation.side-menu .socials{
margin-bottom:12px
}
}
.mini-side-menu{
width:60px;
height:100%;
position:fixed;
z-index:90;
left:0;
top:0;
background-color:#2c2c2c;
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
.mini-side-menu.right{
left:auto;
right:0
}
.mini-side-menu .logo{
width:100%;
height:auto;
margin:0;
padding:25px 15px;
text-align:center;
position:absolute
}
.mini-side-menu .logo img{
width:auto;
max-width:100%;
height:auto
}
.mini-side-menu .menu-block{
width:100%;
height:auto;
position:relative;
top:50%;
padding:10px;
-webkit-transform:translateY(-50%);
-moz-transform:translateY(-50%);
-ms-transform:translateY(-50%);
transform:translateY(-50%)
}
.mini-side-menu .menu-trigger{
position:relative;
height:40px;
width:100%;
margin-top:-20px;
cursor:pointer
}
.mini-side-menu .menu-trigger .hamburger-menu{
margin:0 auto
}
.mini-side-menu .menu-bottom{
width:100%;
cursor:pointer;
padding:0 10px;
bottom:0;
left:0;
position:absolute;
height:auto;
margin:0 0 25px;
text-align:center;
display:table
}
.mini-side-menu .menu-bottom img{
width:auto;
height:auto;
max-width:100%
}
.mini-side-menu .mobile-nb{
display:none
}
@media only screen and (max-width:641px){
.mini-side-menu .menu-block,.mini-side-menu .menu-bottom,.mini-side-menu .menu-trigger{
display:none
}
body.left-mini-side-menu-active #wrapper{
padding-left:0
}
body.right-mini-side-menu-active #wrapper{
padding-right:0
}
.mini-side-menu{
width:100%;
height:70px
}
.mini-side-menu .logo{
float:left;
width:50%;
position:relative;
text-align:left;
padding-left:15px;
top:50%;
-webkit-transform:translateY(-50%);
-moz-transform:translateY(-50%);
-ms-transform:translateY(-50%);
transform:translateY(-50%)
}
.mini-side-menu .menu-trigger{
padding:0 30px 0 0;
text-align:right
}
.mini-side-menu .mobile-nb{
display:block
}
}
.punch-navigation-items{
overflow:hidden;
width:100%;
height:0%;
top:0;
left:0;
position:fixed;
z-index:9999;
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
.punch-navigation-items .shadow{
position:absolute;
width:100%;
height:100%;
left:0;
top:0;
background:rgba(0,0,0,.3);
display:none
}
.punch-navigation-items>div.navblock{
background-color:#fff;
border-color:#fafafa!important;
background-size:cover!important;
background-position:center center;
border-right:1px;
border-style:solid;
height:100%;
top:-100%;
position:relative;
-webkit-transition:top .65s cubic-bezier(.55,0,.4,1);
-moz-transition:top .65s cubic-bezier(.55,0,.4,1);
transition:top .65s cubic-bezier(.55,0,.4,1)
}
.punch-navigation-items.activated{
height:100%
}
.punch-navigation-items.activated>div.navblock{
top:0
}
.punch-navigation-items.activated.closing>div.navblock{
top:-100%
}
.punch-navigation-items>div.navblock>div{
overflow-y:auto;
max-height:55%
}
@media only screen and (min-width:1024px){
.punch-navigation-items>div.navblock>div{
top:50%;
position:relative;
-webkit-transform:translateY(-50%);
-moz-transform:translateY(-50%);
-ms-transform:translateY(-50%);
transform:translateY(-50%)
}
}
.punch-navigation-items>div.navblock>div::-webkit-scrollbar-track{
border-radius:10px;
background-color:transparent
}
.punch-navigation-items>div.navblock>div::-webkit-scrollbar{
width:8px;
background-color:transparent
}
.punch-navigation-items>div.navblock>div::-webkit-scrollbar-thumb{
border-radius:10px;
background-color:transparent
}
.punch-navigation-items>div.navblock:hover>div::-webkit-scrollbar-thumb{
background-color:#ddd
}
.punch-navigation-items>div.navblock a{
padding:13px 6px;
width:80%;
display:block;
position:relative;
text-align:center;
border-top:1px solid #fafafa;
font-size:12px;
line-height:11px;
text-transform:inherit;
margin:3px auto;
font-weight:700;
-webkit-transition:all .3s;
-moz-transition:all .3s;
transition:all .3s
}
.punch-navigation-items>div.navblock a.nav-title{
font-size:25px;
text-transform:none;
font-weight:400;
letter-spacing:-1px;
cursor:default
}
.punch-navigation-items>div.navblock a.nav-subtitle{
font-size:14px;
font-weight:700;
text-transform:none;
letter-spacing:-1px;
cursor:default
}
.punch-navigation-items>div.navblock a.link-md{
font-size:14px;
line-height:14px;
text-transform:capitalize;
font-weight:900;
letter-spacing:-.6px;
margin:0 auto
}
.punch-navigation-items>div.navblock a.link-lg{
font-size:17px;
line-height:17px;
text-transform:capitalize;
font-weight:900;
letter-spacing:-1.2px;
margin:8px auto
}
.punch-navigation-items>div.navblock a:after,.punch-navigation-items>div.navblock a:before{
position:absolute;
width:100%;
height:0%;
content:'';
bottom:50%;
left:0;
background-color:#f3f3f3;
z-index:-1;
-webkit-transition:all .3s;
-moz-transition:all .3s;
transition:all .3s
}
.punch-navigation-items>div.navblock a:after{
bottom:auto;
top:50%
}
.punch-navigation-items>div.navblock a:hover:after,.punch-navigation-items>div.navblock a:hover:before{
height:50%
}
.punch-navigation-items>div.navblock a:hover{
border-color:transparent
}
.punch-navigation-items>div.navblock a.nav-subtitle:after,.punch-navigation-items>div.navblock a.nav-subtitle:before,.punch-navigation-items>div.navblock a.nav-title:after,.punch-navigation-items>div.navblock a.nav-title:before,.punch-navigation-items>div.navblock>*{
display:none
}
.punch-navigation-items>div.navblock span{
display:block;
width:100%;
margin:6px 0 5px;
border-bottom:1px solid rgba(140,140,140,01)
}
.punch-navigation-items>div.navblock a:first-child,.punch-navigation-items>div.navblock hr+a{
border-top:none!important
}
.punch-navigation-items>div.bottom-elements,.punch-navigation-items>div.top-elements{
position:absolute;
top:0;
left:50%;
padding:50px;
width:100%;
height:50px;
z-index:10;
display:none;
-webkit-transform:translateX(-50%);
-moz-transform:translateX(-50%);
-ms-transform:translateX(-50%);
transform:translateX(-50%)
}
.punch-navigation-items>div.bottom-elements{
top:auto;
bottom:5%
}
.punch-navigation-items>div.top-elements img{
max-height:45px
}
@media only screen and (max-width:1120px){
.punch-navigation-items{
display:none!important
}
.nav-menu>div.navblock>*,.punch-navigation-items>div.navblock>*{
display:block!important;
opacity:1!important
}
#mobile-navigation .bottom-elements,#mobile-navigation .top-elements{
display:none!important
}
#mobile-navigation .navblock{
margin-top:25%;
background-color:inherit
}
#mobile-navigation div.navblock:last-child{
margin-bottom:25%
}
#mobile-navigation .navblock a.link-lg,#mobile-navigation .navblock a.nav-title{
font-size:13px;
font-weight:700;
color:#fff
}
#mobile-navigation .navblock a.link-md,#mobile-navigation .navblock a.nav-subtitle{
color:#fff
}
#mobile-navigation .navblock a{
display:block!important;
position:relative;
color:#aaa;
width:100%;
padding:2px 20px;
text-transform:uppercase;
font-weight:700;
font-size:10px;
border-bottom:1px solid rgba(100,100,100,.1)
}
#mobile-navigation .navblock:first-child{
margin-top:80px
}
#mobile-navigation .navblock a.big-link{
color:#ccc;
font-weight:700
}
#mobile-navigation .nav-el .hamburger-menu{
display:none
}
}
.punch-navigation-items>div.navblock:nth-of-type(1){
-webkit-transition-delay:0s;
-moz-transition-delay:0s;
transition-delay:0s
}
.punch-navigation-items>div.navblock:nth-of-type(2){
-webkit-transition-delay:.15s;
-moz-transition-delay:.15s;
transition-delay:70ms
}
.punch-navigation-items>div.navblock:nth-of-type(3){
-webkit-transition-delay:.3s;
-moz-transition-delay:.3s;
transition-delay:.14s
}
.punch-navigation-items>div.navblock:nth-of-type(4){
-webkit-transition-delay:.45s;
-moz-transition-delay:.45s;
transition-delay:.21s
}
.punch-navigation-items>div.navblock:nth-of-type(5){
-webkit-transition-delay:.6s;
-moz-transition-delay:.6s;
transition-delay:.28s
}
.punch-navigation-items>div.navblock:nth-of-type(6){
-webkit-transition-delay:.75s;
-moz-transition-delay:.75s;
transition-delay:.35s
}
.punch-navigation-items>div.navblock:nth-of-type(7){
-webkit-transition-delay:.9s;
-moz-transition-delay:.9s;
transition-delay:.42s
}
.punch-navigation-items>div.navblock:nth-of-type(8){
-webkit-transition-delay:1.05s;
-moz-transition-delay:1.05s;
transition-delay:.49s
}
.punch-navigation-items>div.navblock:nth-of-type(9){
-webkit-transition-delay:1.2s;
-moz-transition-delay:1.2s;
transition-delay:.56s
}
.punch-navigation-items.dark-nav>div.navblock{
background-color:#1c1c1c;
border-color:#1f1f1f!important
}
.punch-navigation-items.no-border>div.navblock{
border-right:none!important
}
.punch-navigation-items.no-border>div.navblock a{
border-top:none!important
}
.punch-navigation-items.dark-nav>div.navblock a{
border-top-color:#222
}
.punch-navigation-items.dark-nav>div.navblock a:after,.punch-navigation-items.dark-nav>div.navblock a:before{
background-color:rgba(120,120,120,.15)
}
.content-history .content-body{
position:relative;
padding-bottom:40px
}
.content-history .content-body:before{
position:absolute;
z-index:0;
left:50%;
top:0;
width:0;
height:100%;
content:'';
border-left:1px dashed #ccc;
display:block
}
.content-history .content-body>*{
position:relative;
z-index:1
}
.content-history .content-img-container{
min-height:400px
}
.content-history .history-start{
width:160px;
height:60px;
line-height:60px;
text-align:center;
margin:0 auto 20px
}
.content-history .history-date,.content-history .history-end{
width:160px;
height:40px;
line-height:40px;
text-align:center;
margin:70px auto 45px
}
.content-history .history-end{
margin:100px auto -20px
}
.content-history .content-img{
position:absolute;
width:100%;
z-index:0;
height:100%;
left:0;
top:0;
background-size:cover;
background-position:center center
}
.content-history .content-details{
padding:50px 40px
}
@media only screen and (max-width:1024px){
.content-history .content-img-container{
height:400px!important;
position:relative
}
}
@media only screen and (max-width:480px){
.content-history .content-details{
height:auto!important;
padding:50px 10px
}
}
.boxes-type-1.boxes>div>a{
font-size:28px;
display:block;
width:100px;
height:100px;
background-color:#fdfdfd;
border:1px solid #e7e7e7;
margin:0 auto;
line-height:100px;
text-align:center
}
.boxes-type-1.boxes>div:hover a{
color:#fff;
border-color:transparent
}
.boxes-type-1.boxes h2{
font-size:18px;
text-transform:uppercase;
margin:25px 0 0;
padding:0
}
.boxes-type-1.boxes p{
font-size:15px;
margin:15px 0 0;
padding:0
}
.boxes-type-3 div.box{
margin:8px auto;
padding:0 8px
}
.boxes-type-3 a{
display:table;
width:100%;
height:auto;
min-height:180px;
background-size:cover;
position:relative;
padding:45px 20px;
border-radius:7px
}
.boxes-type-3 .texts{
display:table-cell;
vertical-align:middle;
z-index:1;
position:relative
}
.boxes-type-3 .texts img{
width:auto;
height:auto;
max-height:100%
}
.boxes-type-3 a:before{
width:100%;
height:100%;
left:0;
top:0;
opacity:0;
content:'';
position:absolute;
z-index:0;
background-color:#111;
-webkit-transition:all .2s;
-moz-transition:all .2s;
transition:all .2s
}
.boxes-type-4 .box,.nav-to-custom-slider .slick-slide{
-webkit-transition:opacity .3s;
-moz-transition:opacity .3s
}
.boxes-type-3 a:hover:before{
opacity:.2
}
.boxes-type-3 h2{
margin:0 0 10px;
padding:0
}
.boxes-type-3 p{
margin:0;
padding:0;
font-size:17px
}
.boxes-type-4 .box{
position:relative;
overflow:hidden;
transition:opacity .3s
}
.boxes-type-4 a{
display:block;
position:relative;
z-index:1;
padding:180px 25px 30px;
text-align:left
}
.boxes-type-4 a h3{
line-height:32px;
opacity:.9;
margin-top:15px;
position:relative;
display:inline-block
}
.boxes-type-4 a h3:before{
width:40px;
height:0;
border-top:2px solid #fff;
border-color:inherit;
content:'';
position:absolute;
left:0;
bottom:-5px;
-webkit-transition:width .3s;
-moz-transition:width .3s;
transition:width .3s
}
.boxes-type-4 .box:hover a h3:before{
width:100%
}
.background-color-for-box{
position:absolute;
z-index:0;
left:0;
top:0;
width:100%;
height:100%;
opacity:.9
}
.boxes-type-4 .box:hover{
opacity:.9
}
.boxes-with-image{
padding:0!important
}
.boxes-with-image .box{
display:block;
background-size:cover!important;
padding:50px 60px;
position:relative;
-webkit-transition:padding .2s;
-moz-transition:padding .2s;
transition:padding .2s
}
.boxes-with-image .box .texts,.boxes-with-image .texts .secret-button{
position:relative;
z-index:5;
-webkit-transition:all .5s cubic-bezier(.77,0,.2,1)!important;
-moz-transition:all .5s cubic-bezier(.77,0,.2,1)!important;
transition:all .5s cubic-bezier(.77,0,.2,1)!important
}
.boxes-with-image .box .texts{
-webkit-transform:translateY(20px);
-moz-transform:translateY(10px);
-ms-transform:translateY(20px);
transform:translateY(20px)
}
.boxes-with-image .box:hover .texts{
-webkit-transform:translateY(0);
-moz-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0)
}
.boxes-with-image .box h1{
background-size:cover;
padding:0;
margin:0 0 20px
}
.boxes-with-image .box p{
font-size:inherit;
margin:0;
color:inherit
}
.boxes-with-image .box .secret-button{
display:inline-block;
opacity:0;
margin-top:20px;
-webkit-transform:translateY(20px);
-moz-transform:translateY(20px);
-ms-transform:translateY(20px);
transform:translateY(20px)
}
.boxes-with-image .box:hover .secret-button{
opacity:1;
-webkit-transform:translateY(0);
-moz-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0)
}
@media only screen and (max-width:900px){
.boxes-with-image:not(.nav-to-custom-slider) .box{
padding:60px 20px
}
.boxes-with-image .box h1{
font-size:25px
}
}
@media only screen and (max-width:800px){
.boxes-with-image:not(.nav-to-custom-slider) .box{
padding:60px;
width:100%!important;
float:none
}
.boxes-with-image .box h1{
font-size:45px
}
}
@media only screen and (max-width:500px){
.boxes-with-image:not(.nav-to-custom-slider) .box{
padding:60px 30px
}
.boxes-with-image .box h1{
font-size:35px
}
}
.image-boxes .item{
margin:0 12px
}
@media only screen and (max-width:480px){
.image-boxes .item{
margin:0
}
}
.image-boxes .item h3{
color:#6c6c6c;
font-weight:inherit;
margin:35px 0 0;
text-transform:uppercase;
padding:0;
font-size:20px
}
.image-boxes .item p{
color:#898989;
font-size:14px;
margin-top:15px;
padding-top:0;
line-height:22px
}
.rotate-container{
height:auto;
-webkit-perspective:1000px;
-moz-perspective:1000px;
-o-perspective:1000px;
perspective:1000px
}
.back,.rotate-box .front{
width:100%;
height:100%
}
.rotate-box{
width:100%;
height:300px;
position:relative;
-webkit-transition:.6s;
-webkit-transform-style:preserve-3d;
-moz-transition:.6s;
-moz-transform-style:preserve-3d;
-o-transition:.8s;
-o-transform-style:preserve-3d;
transition:.8s;
transform-style:preserve-3d;
-webkit-perspective:1000px;
-moz-perspective:1000px;
-o-perspective:1000px;
perspective:1000px;
pointer-events:none
}
.rotate-box .back,.rotate-box .front{
-webkit-backface-visibility:hidden;
-moz-backface-visibility:hidden;
-o-backface-visibility:hidden;
backface-visibility:hidden;
position:absolute;
top:0;
left:0;
perspective:inherit;
-webkit-transform-style:preserve-3d;
transform-style:preserve-3d
}
.rotate-box .front{
z-index:2
}
.rotate-box .back{
-webkit-transform:rotateY(180deg);
-moz-transform:rotateY(180deg);
-o-transform:rotateY(180deg);
transform:rotateY(180deg)
}
.rotate-box .box-details{
-webkit-transform:translate3d(0,-50%,75px) scale(.85);
-moz-transform:translate3d(0,-50%,75px) scale(.85);
-o-transform:translate3d(0,-50%,75px) scale(.85);
transform:translate3d(0,-50%,75px) scale(.85);
display:block;
-webkit-transform-style:preserve-3d;
transform-style:preserve-3d;
perspective:inherit;
top:50%;
position:relative;
text-align:center;
width:100%
}
.rotate-container.hover .rotate-box,.rotate-container:hover .rotate-box{
-webkit-transform:rotateY(180deg);
-moz-transform:rotateY(180deg);
-o-transform:rotateY(180deg);
transform:rotateY(180deg)
}
.rotate-container.hover1.hover .rotate-box,.rotate-container.hover1:hover .rotate-box{
-webkit-transform:rotateY(-180deg);
-moz-transform:rotateY(-180deg);
-o-transform:rotateY(-180deg);
transform:rotateY(-180deg)
}
.rotate-container.hover2.hover .rotate-box,.rotate-container.hover2:hover .rotate-box{
-webkit-transform:rotateX(180deg);
-moz-transform:rotateX(180deg);
-o-transform:rotateX(180deg);
transform:rotateX(180deg)
}
.rotate-container.hover2 .back,.rotate-container.hover3 .back,.rotate-container.hover3.hover .rotate-box,.rotate-container.hover3:hover .rotate-box{
-webkit-transform:rotateX(-180deg);
-moz-transform:rotateX(-180deg);
-o-transform:rotateX(-180deg);
transform:rotateX(-180deg)
}
.strip-timeline .dates div:before,.testimonials .testimonials-icon:after{
-webkit-transform:rotate(45deg);
content:''
}
.interactive-packages{
border-color:#ddd!important;
border-top:1px solid;
border-bottom:1px solid
}
.interactive-packages .steps-container{
max-width:970px;
margin:0 auto;
position:relative
}
.interactive-packages .rise_title span.title_selector{
font-size:40px;
color:#333
}
.interactive-packages .step-titles .title{
margin-bottom:40px!important;
text-align:center;
margin-left:auto!important;
margin-right:auto!important;
font-size:15px;
text-transform:uppercase;
color:#545454;
-webkit-transition:all .4s;
-moz-transition:all .4s;
transition:all .4s
}
.interactive-packages .step-titles .title.active{
color:#111
}
.interactive-packages .step-titles .title span{
font-size:35px
}
.interactive-packages .bar{
width:100%;
height:15px;
background:#cfcfcf;
position:relative;
padding:0
}
.interactive-packages .progress{
right:0!important
}
.interactive-packages .bar .interactive_bar{
background:#333;
position:absolute;
left:0;
top:0;
height:100%;
overflow:visible;
padding:0;
margin:0;
-webkit-transition:all .4s;
-moz-transition:all .4s;
transition:all .4s
}
.interactive-packages .bar .steps{
width:100%;
height:100%;
position:absolute;
left:0;
top:0
}
.interactive-packages .bar .steps .step{
border-right:1px solid rgba(211,211,211,.5);
height:100%;
cursor:pointer;
position:relative
}
.interactive-packages .bar .steps .step:before{
width:100%;
height:90px;
content:'';
position:absolute;
bottom:0;
left:0
}
.interactive-packages .step span.step-link{
position:relative;
left:50%;
display:block;
width:100%;
height:100%;
cursor:pointer;
z-index:2
}
.interactive-packages .step span.step-start{
position:absolute;
left:0;
display:block;
width:50%;
height:100%;
top:0;
cursor:pointer;
z-index:1
}
.interactive-packages .selector{
position:absolute;
bottom:100%;
margin-right:-6px;
cursor:pointer;
width:0;
height:0;
border-left:12px solid transparent;
border-right:12px solid transparent;
border-bottom:12px solid #333
}
.interactive-packages .package-boxes,.interactive-packages .package-boxes .item{
margin-top:30px;
color:#7d7d7d
}
.interactive-packages .package-boxes .item .box-title{
font-size:20px;
color:#666
}
.interactive-packages .package-boxes .item .box-title span{
font-size:50px
}
.interactive-packages .package-boxes .item h2{
font-size:20px;
margin:5px 0 15px;
padding:0;
text-transform:uppercase
}
@media only screen and (max-width:550px){
#qdr-packages>h1{
padding-left:15px;
padding-right:15px
}
.interactive-packages .step-titles .title span{
font-size:20px;
display:block
}
.interactive-packages .step-titles .title{
font-size:11px
}
}
.testimonials{
padding:120px 0 170px;
position:relative;
z-index:1;
overflow:hidden
}
.testimonials .testimonials-icon{
position:relative;
z-index:1;
width:60px;
height:60px;
margin:0 auto 20px;
line-height:60px;
font-size:20px
}
.testimonials .testimonials-icon:after{
position:absolute;
left:0;
top:0;
width:60px;
height:60px;
background-color:rgba(0,0,0,.03);
-ms-transform:rotate(45deg);
transform:rotate(45deg)
}
.testimonials h2{
font-size:25px;
line-height:38px;
max-width:920px;
margin:20px auto 25px;
letter-spacing:0;
font-weight:inherit
}
.testimonials h2.title-strip:after{
width:30px;
height:1px;
background:#fff;
content:'';
position:absolute;
bottom:-30px;
display:inline-block;
left:50%;
margin-left:-15px;
opacity:.5
}
.testimonials p{
font-size:15px;
margin:0 auto
}
@media only screen and (max-width:640px){
.testimonials h2{
font-size:17px;
line-height:25px
}
}
.testimonials.big{
padding:230px 0
}
.testimonials.extra-big{
padding:310px 0
}
.testimonials.big h1{
margin:0 auto;
padding:0;
max-width:510px
}
.testimonials.big h3{
margin:15px auto 0;
max-width:650px
}
.testimonials.big .t-left h1,.testimonials.big .t-left h3,.testimonials.big .t-left h4{
margin-left:0
}
.testimonials.big .t-right h1,.testimonials.big .t-right h3,.testimonials.big .t-right h4{
margin-right:0;
margin-left:auto
}
.testimonials.big button{
font-size:18px;
margin-top:30px;
line-height:31px;
font-weight:300;
background:0 0;
border:none
}
.testimonials.big h4{
margin:15px auto 0;
max-width:800px;
line-height:25px;
font-size:16px;
font-weight:300
}
@media only screen and (max-width:1185px){
.testimonials.big{
padding-left:15px;
padding-right:15px
}
}
@media only screen and (max-width:640px){
.testimonials.big,.testimonials.extra-big{
padding:150px 0
}
}
.services-with-product .mockups{
position:relative;
left:0;
top:0;
width:100%;
height:auto;
margin:0 auto
}
.services-with-product .mockups img{
width:auto;
height:auto;
max-width:90%
}
.services-with-product .services-body{
width:100%;
top:0;
height:auto;
position:absolute
}
.services-with-product .services-body li{
position:absolute;
border-color:#c7c7c7;
border-style:dashed
}
.services-with-product .services-body li.br-left{
border-left-width:1px
}
.services-with-product .services-body li.br-top{
border-top-width:1px
}
.services-with-product .services-body li.br-right{
border-right-width:1px
}
.services-with-product .services-body li.br-bottom{
border-bottom-width:1px
}
.services-with-product .services-body li a{
width:30px;
height:30px;
background-color:#666;
display:block;
position:absolute;
background-position:center center;
background-repeat:no-repeat;
cursor:cell;
background-image:url(../images/plus-white.png)
}
.services-with-product .services-body li a:hover{
background-color:#393939
}
.services-with-product .services-body li span{
display:block;
width:10px;
height:10px;
position:absolute;
border-radius:100%;
background-color:#c7c7c7
}
@media only screen and (max-width:1024px){
.services-with-product .services-body{
display:none
}
}
.team-type-1{
margin-top:50px;
text-align:center
}
.team-type-1 .member{
padding:0 12px;
height:auto
}
@media only screen and (max-width:480px){
.container .team-type-1 .member{
padding:0
}
}
.team-type-1 .member .member-image{
width:100%;
overflow:hidden
}
.team-type-1 .member .member-image img{
width:100%
}
.team-type-1 .member .member-image .socials{
width:auto;
position:relative;
top:-30px;
z-index:2;
color:#fff;
text-align:left;
padding-left:5px
}
.team-type-1 .member .member-image .socials a{
width:25px;
height:25px;
display:inline-block;
margin-left:5px;
line-height:25px;
text-align:center;
font-size:14px
}
.team-type-1 .member .member-name{
color:#888;
margin:0 auto;
padding:0;
font-size:19px
}
.team-type-1 .member .member-position{
margin:8px auto 0;
padding:0;
font-size:13px
}
.team-type-1 .member .member-details{
margin:5px auto 0;
padding:0;
color:#999;
line-height:25px;
font-size:13px
}
.team-type-2{
text-align:center
}
.team-type-2 .custom-slider,.team-type-2.custom-slider{
margin-top:50px
}
.team-type-2 .member{
margin:0 15px;
height:auto;
position:relative
}
.team-type-2 .member img{
width:100%;
height:auto;
-webkit-transition:all .2s;
-moz-transition:all .2s;
transition:all .2s
}
.team-type-2 .member:hover img{
opacity:.35
}
.team-type-2 .member .member-body{
background-color:#000;
position:relative
}
.team-type-2 .member .team-progress{
position:absolute;
bottom:25px;
left:0;
width:100%;
opacity:0;
overflow:hidden
}
.team-type-2 .member .team-progress .prg-bg{
width:100%;
background-color:#e8e8e8;
padding:0;
margin:0
}
.team-type-2 .member .team-progress .progress-bar{
height:5px;
padding:0;
float:none;
margin-top:15px;
position:relative;
left:0;
min-width:40%;
box-shadow:none
}
.team-type-2 .member:hover .team-progress{
opacity:1;
-webkit-transition:all .5s;
-moz-transition:all .5s;
transition:all .5s;
-webkit-transition-delay:.3s;
transition-delay:.3s
}
.team-type-2 .member .team-progress h3{
font-size:16px;
color:#666;
margin-top:30px;
white-space:nowrap;
font-weight:400;
text-transform:uppercase;
padding:0
}
.team-type-2 .member .member-description h2{
font-size:22px;
margin:0;
padding:0;
text-transform:uppercase
}
.team-type-2 .member .member-description h4{
font-size:16px;
margin:17px auto 14px;
padding:0;
text-transform:uppercase
}
.team-type-2 .member .member-description p{
font-size:inherit;
line-height:22px;
margin:0;
padding:0
}
.team-type-2 .member .member-description{
color:#858585;
position:relative;
width:100%;
height:auto;
left:0;
padding:20px 25px;
opacity:1;
top:0;
-webkit-transition:all .4s;
-moz-transition:all .4s;
transition:all .4s
}
.team-type-2 .member:hover .member-description{
color:#fff
}
.team-type-2 .member .member-socials{
position:absolute;
bottom:0;
height:60px;
left:0;
width:100%;
text-align:center;
overflow:hidden
}
.team-type-2 .member .member-socials a{
display:block;
width:37px;
height:37px;
line-height:37px;
color:#949596;
margin:0 5px;
-webkit-transition:all .3s;
-moz-transition:all .3s;
transition:all .3s
}
.team-type-2 .member .member-socials div{
top:100%;
position:relative;
display:inline-block;
-webkit-transition:all .3s;
-moz-transition:all .3s;
transition:all .3s
}
.team-type-2 .member:hover .member-socials div{
top:0
}
.team-type-2 .member .member-socials a:hover{
color:#fff
}
.team-type-2 .member:hover .member-socials div:nth-of-type(1){
-webkit-transition-delay:.3s;
transition-delay:.3s
}
.team-type-2 .member:hover .member-socials div:nth-of-type(2){
-webkit-transition-delay:.4s;
transition-delay:.4s
}
.team-type-2 .member:hover .member-socials div:nth-of-type(3){
-webkit-transition-delay:.5s;
transition-delay:.5s
}
.team-type-2 .member:hover .member-socials div:nth-of-type(4){
-webkit-transition-delay:.6s;
transition-delay:.6s
}
.team-type-2 .member:hover .member-socials div:nth-of-type(5){
-webkit-transition-delay:.7s;
transition-delay:.7s
}
.team-type-2 .member:hover .member-socials div:nth-of-type(6){
-webkit-transition-delay:.8s;
transition-delay:.8s
}
.team-type-3 .member{
margin:0 15px;
height:auto
}
.team-type-3 .member img{
width:100%;
height:auto;
-webkit-transition:all .3s;
-moz-transition:all .3s;
transition:all .3s
}
.team-type-3 .member:hover img{
opacity:.35
}
.team-type-3 .member .member-body{
background-color:#000;
position:relative
}
.team-type-3 .member .team-progress{
position:absolute;
bottom:20px;
left:-15px;
width:100%;
opacity:1;
overflow:hidden
}
.team-type-3 .member .team-progress .progress-bar{
height:40px;
max-height:40px;
padding:10px 25px;
float:none;
font-size:15px;
margin-top:15px;
position:relative;
opacity:1;
left:0;
width:0;
min-width:40%;
box-shadow:none;
-webkit-transform:translateZ(0) scale(1,1);
-webkit-transition:all .5s;
-moz-transition:all .5s;
transition:all .5s
}
.team-type-3 .member:hover .team-progress .progress-bar{
opacity:0;
left:-50%
}
.team-type-3 .member .member-description{
position:absolute;
width:100%;
left:0;
padding:20px;
color:#f6f6f6;
opacity:0;
-webkit-transition:all .5s;
-moz-transition:all .5s;
transition:all .5s
}
.team-type-3 .member .member-description p.icon{
font-size:18px;
margin-top:-40px;
display:block
}
.team-type-3 .member .member-description h2{
font-size:25px;
padding:0;
margin:15px auto
}
.team-type-3 .member .member-description p{
font-size:15px;
line-height:22px
}
.team-type-3 .member:hover .member-description{
opacity:1
}
.team-type-3 .member .member-socials{
position:absolute;
bottom:0;
height:60px;
left:0;
width:100%;
text-align:center;
overflow:hidden
}
.team-type-3 .member .member-socials a{
display:block;
width:37px;
height:37px;
line-height:37px;
color:#949596;
margin:0 5px;
-webkit-transition:all .3s;
-moz-transition:all .3s;
transition:all .3s
}
.team-type-3 .member .member-socials div{
top:100%;
position:relative;
display:inline-block;
-webkit-transition:all .3s;
-moz-transition:all .3s;
transition:all .3s
}
.team-type-3 .member:hover .member-socials div{
top:0
}
.team-type-3 .member .member-socials a:hover{
color:#fff
}
.team-type-3 .member:hover .member-socials div:nth-of-type(1){
-webkit-transition-delay:.3s;
transition-delay:.3s
}
.team-type-3 .member:hover .member-socials div:nth-of-type(2){
-webkit-transition-delay:.4s;
transition-delay:.4s
}
.team-type-3 .member:hover .member-socials div:nth-of-type(3){
-webkit-transition-delay:.5s;
transition-delay:.5s
}
.team-type-3 .member:hover .member-socials div:nth-of-type(4){
-webkit-transition-delay:.6s;
transition-delay:.6s
}
.team-type-3 .member:hover .member-socials div:nth-of-type(5){
-webkit-transition-delay:.7s;
transition-delay:.7s
}
.team-type-3 .member>h2{
margin:20px 0 0;
font-size:20px;
color:#6c6c6c
}
.team-type-3 .member>p{
font-size:15px;
color:#949494
}
.strip-timeline .events{
width:100%;
height:auto;
padding:30px 0 90px;
position:relative;
margin:20px 0 40px;
overflow:hidden
}
.strip-timeline .events div{
font-weight:inherit;
color:#8f8f8f;
font-size:20px;
opacity:0;
position:absolute;
left:20px;
width:100%;
text-align:center;
margin:0;
-webkit-transition:all .2s;
-moz-transition:all .2s;
transition:all .2s
}
.strip-timeline .events div.active{
opacity:1;
left:0;
-webkit-transition-delay:.2s;
transition-delay:.2s
}
.strip-timeline .dates{
border-top:1px solid #cbcbcb;
position:relative;
text-align:center;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap
}
.strip-timeline .dates div{
text-transform:uppercase;
font-size:14px;
color:#7b7b7b;
cursor:cell;
word-spacing:0;
position:relative;
padding-top:40px;
letter-spacing:0;
-webkit-transition:all .2s;
-moz-transition:all .2s;
transition:all .2s
}
.strip-timeline .dates div:before{
width:20px;
height:20px;
background:#cbcbcb;
position:absolute;
margin:0 auto 0 -10px;
display:block;
top:-11px;
left:50%;
z-index:2;
-ms-transform:rotate(45deg);
transform:rotate(45deg);
-webkit-transition:all .2s;
-moz-transition:all .2s;
transition:all .2s
}
.strip-timeline .dates div:after{
content:'';
width:30px;
height:30px;
background:#fff;
border:1px solid #cbcbcb;
position:absolute;
margin:0 auto 0 -15px;
display:block;
top:-16px;
left:50%;
z-index:1;
-ms-transform:rotate(45deg);
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
-webkit-transition:all .2s;
-moz-transition:all .2s;
transition:all .2s
}
.strip-timeline .dates:after,.strip-timeline .dates:before{
content:'';
display:block;
position:absolute;
left:0;
width:13px;
height:13px;
background:#cbcbcb;
border-radius:100%;
top:-7px
}
.strip-timeline .dates:after{
left:auto;
right:0
}
.strip-timeline.light-type .events div{
color:#fafafa
}
.strip-timeline.light-type .dates{
border-color:#333
}
.strip-timeline.light-type .dates div{
color:#fafafa
}
.strip-timeline.light-type .dates div:before{
background:#666
}
.strip-timeline.light-type .dates div:after{
border-color:#666;
background-color:#222
}
.strip-timeline.light-type .dates:after,.strip-timeline.light-type .dates:before{
background:#666
}
.strip-timeline .dates div.active,.strip-timeline .dates div:hover{
color:#777
}
.strip-timeline .dates div.active:before,.strip-timeline .dates div:hover:before{
background-color:#777
}
.strip-timeline .dates div.active:after,.strip-timeline .dates div:hover:after{
border-color:#777
}
@media only screen and (max-width:750px){
.strip-timeline .events div{
padding:0 15px
}
.strip-timeline .dates{
border:none;
padding:0 5px
}
.strip-timeline .dates:after,.strip-timeline .dates:before{
display:none
}
.strip-timeline .dates div{
width:20%!important;
margin:20px 0!important;
word-spacing:0
}
.strip-timeline .dates div:before{
top:0
}
.strip-timeline .dates div:after{
top:-5px
}
}
@media only screen and (max-width:450px){
.strip-timeline .events div{
font-size:15px
}
.strip-timeline .dates div{
width:33%!important;
word-spacing:3px
}
}
.skills-type-1{
text-align:left;
padding-bottom:100px;
margin-top:20px
}
.skills-type-1 .item{
margin-top:30px
}
.skills-type-1 .item h3{
font-size:20px;
text-transform:uppercase;
padding:0;
margin:0 0 30px;
color:#b7b7b7
}
.skills-type-1 .item .progress{
border-radius:0;
height:10px;
background-color:#333
}
.skills-type-1 .item .progress-bar{
height:100%;
overflow:hidden
}
.skills-type-1.light-type .progress{
background-color:#ddd
}
.skills-type-1.progress-xl .item .progress{
height:35px
}
.skills-type-1.progress-xl .item .progress .progress-bar{
line-height:37px;
padding:0 20px;
width:0;
min-width:150px;
text-align:right
}
.skills-type-1.progress-lg .item .progress{
height:20px
}
.skills-type-1.progress-sm .item .progress{
height:5px
}
.progress{
box-shadow:none;
background-color:#eee
}
.skills-type-2{
text-align:left;
padding:0
}
.skills-type-2 .item{
margin-top:30px;
text-align:left
}
.skills-type-2 .item h3{
font-size:16px;
font-weight:inherit;
text-transform:uppercase;
padding:0;
margin:0 0 10px;
color:#b7b7b7
}
.skills-type-2.dark .item h3{
color:#555
}
.skills-type-2 .item .progress{
border-radius:0;
height:2px;
background-color:#555;
margin-bottom:10px
}
.skills-type-2.dark .item .progress{
border-radius:0;
height:2px;
background-color:#ccc;
margin-bottom:10px
}
.skills-type-2 .item .progress-bar{
height:100%
}
.qdr-col-2.skills-type-2 .item{
padding-left:0
}
.qdr-col-2.skills-type-2 .item:nth-of-type(2n){
padding-left:15px;
padding-right:0
}
@media only screen and (max-width:690px){
.skills-type-2 .item{
width:100%
}
.qdr-col-2.skills-type-2 .item:nth-of-type(2n){
padding-left:0
}
}
.gradient-progress-bar *{
position:relative;
z-index:9;
line-height:inherit
}
.gallery-type-1 .cbp-caption-activeWrap{
background-color:rgba(0,0,0,.45)
}
.gallery-type-1.slash .cbp-caption-activeWrap{
width:94%;
left:3%;
height:94%;
top:3%
}
.gallery-type-1.no-hover .cbp-caption-activeWrap{
background-color:rgba(0,0,0,.1)
}
.gallery-type-1:not(.no-hover) .cbp-caption-activeWrap a{
width:50px;
margin:0 3px;
opacity:0;
height:50px;
line-height:50px;
font-size:22px;
padding:0;
color:#fff;
border-radius:100%;
display:inline-block;
position:relative;
-ms-transform:scale(.1);
-webkit-transform:scale(.1);
transform:scale(.1);
-webkit-transition:all .5s;
-moz-transition:all .5s;
transition:all .5s
}
.gallery-type-1:not(.no-hover) .cbp-caption-activeWrap a:before{
position:absolute;
width:100%;
height:100%;
left:0;
top:0;
border-radius:100%;
content:'';
background-color:rgba(255,255,255,.1);
z-index:0;
opacity:0;
-webkit-transition:all .3s;
-moz-transition:all .3s;
transition:all .3s;
-ms-transform:scale(.7);
-webkit-transform:scale(.7);
transform:scale(.7)
}
.gallery-type-1:not(.no-hover) .cbp-caption-activeWrap a:hover:before{
-ms-transform:scale(1);
-webkit-transform:scale(1);
transform:scale(1);
opacity:1
}
.gallery-type-1:not(.no-hover) .cbp-caption-activeWrap a i{
position:relative;
z-index:2;
font-weight:900;
font-size:19px
}
.gallery-type-1:not(.no-hover) .cbp-item:hover .cbp-caption-activeWrap a{
opacity:1;
-ms-transform:scale(1);
-webkit-transform:scale(1);
transform:scale(1)
}
.gallery-type-1 .cbp-caption-activeWrap a:nth-of-type(1){
-webkit-transition-delay:.1s;
transition-delay:.1s
}
.gallery-type-1 .cbp-caption-activeWrap a:nth-of-type(2){
-webkit-transition-delay:.2s;
transition-delay:.2s
}
.gallery-type-1 .cbp-caption-activeWrap a:nth-of-type(3){
-webkit-transition-delay:.3s;
transition-delay:.3s
}
.gallery-type-1 .cbp-caption-activeWrap a:nth-of-type(4){
-webkit-transition-delay:.4s;
transition-delay:.4s
}
.gallery-type-1:not(.no-hover) .cbp-item:hover .cbp-caption-activeWrap{
opacity:1
}
.gallery-type-1:not(.no-hover) .cbp-item img{
-webkit-transition:all 1s;
-moz-transition:all 1s;
transition:all 1s
}
.gallery-type-1:not(.no-hover) .cbp-item:hover img{
-ms-transform:scale(1.06);
-webkit-transform:scale(1.06);
transform:scale(1.06)
}
.gallery-type-1.with-texts .cbp-item .cbp-item-wrapper{
padding-bottom:10px
}
.gallery-type-1.with-texts .cbp-item .cbp-item-wrapper:before{
content:'';
width:100%;
display:block;
left:0;
top:0;
bottom:0;
right:0;
background:0 0;
position:absolute;
border:1px solid #eee
}
.gallery-type-1.with-texts .cbp-item .title{
color:#666;
font-size:17px;
padding-left:10px
}
.gallery-type-1.with-texts .cbp-item .description{
font-size:13px;
padding-left:10px
}
.projects-white-buttons .cbp a{
font-size:11px;
font-weight:bolder;
text-transform:uppercase;
background-color:#fff;
margin-top:1px;
color:#333
}
.custom-texts .cbp-filter-item{
font-family:inherit;
font-weight:inherit;
text-transform:inherit;
font-size:inherit
}
.cbp:not(.cbp-l-grid-faq) .cbp-item-off{
display:none
}
@media only screen and (max-width:830px){
.gallery-type-1 .cbp-item-wrapper .cbp-caption>div{
overflow:hidden
}
.gallery-type-1 .cbp-caption-activeWrap{
position:relative;
opacity:1;
background-color:#252525;
visibility:visible
}
.gallery-type-1:not(.no-hover) .cbp-caption-activeWrap a{
opacity:1;
visibility:visible;
-ms-transform:scale(1);
-webkit-transform:scale(1);
transform:scale(1)
}
}
.styled-portfolio .cbp-item .cbp-caption-activeWrap{
background-color:rgba(24,24,24,.7)
}
.styled-portfolio.bordered-items .cbp-item .cbp-caption-activeWrap{
background-color:transparent
}
.styled-portfolio.bordered-items .cbp-item .cbp-caption-activeWrap:before{
content:'';
position:absolute;
left:0;
right:0;
bottom:0;
top:0;
z-index:-1;
background-color:rgba(32,32,32,1);
-webkit-transition:all .2s;
-moz-transition:all .2s;
transition:all .2s
}
.styled-portfolio.parallax .cbp-item .cbp-caption-defaultWrap img{
display:block;
position:relative;
-webkit-transform:translate(0,0) scale(1);
-webkit-transition:all 1s ease-out;
-moz-transition:all 1s ease-out;
transition:all 1s ease-out
}
.styled-portfolio .cbp-item .cbp-caption-activeWrap .cbp-l-caption-title{
font-weight:600;
letter-spacing:-.4px;
font-size:18px;
line-height:35px
}
.styled-portfolio .cbp-item .cbp-caption-activeWrap .cbp-l-caption-desc{
font-weight:600;
letter-spacing:0;
font-size:11px;
color:#bbb
}
.styled-portfolio .cbp-item .cbp-caption-activeWrap .cbp-l-caption-title img{
display:inline-block;
width:auto;
height:auto;
position:relative;
margin-bottom:11px;
-webkit-transition:all .4s;
-moz-transition:all .4s;
transition:all .4s
}
@media only screen and (min-width:630px){
.styled-portfolio.bordered-items .cbp-item .cbp-caption-activeWrap:before{
background-color:rgba(24,24,24,.7)
}
.styled-portfolio.bordered-items .cbp-item:hover .cbp-caption-activeWrap:before{
left:20px;
right:20px;
bottom:20px;
top:20px
}
.styled-portfolio .cbp-item .cbp-caption-activeWrap .cbp-l-caption-desc span,.styled-portfolio .cbp-item .cbp-caption-activeWrap .cbp-l-caption-title span{
opacity:0;
-webkit-transition:all .4s;
-moz-transition:all .4s;
transition:all .4s;
-webkit-transform:translateY(15px);
-moz-transform:translateY(15px);
-ms-transform:translateY(15px);
transform:translateY(15px);
position:relative;
display:inline-block
}
.styled-portfolio .cbp-item .cbp-caption-activeWrap .cbp-l-caption-title span{
-webkit-transition-delay:0ms;
transition-delay:0ms
}
.styled-portfolio .cbp-item:hover .cbp-caption-activeWrap .cbp-l-caption-desc+.cbp-l-caption-title span,.styled-portfolio .cbp-item:hover .cbp-caption-activeWrap .cbp-l-caption-title+.cbp-l-caption-desc span{
-webkit-transition-delay:.1s;
transition-delay:.1s
}
.styled-portfolio .cbp-item:hover .cbp-caption-activeWrap .cbp-l-caption-desc span,.styled-portfolio .cbp-item:hover .cbp-caption-activeWrap .cbp-l-caption-title span{
opacity:1;
-webkit-transform:translateY(0);
-moz-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0)
}
}
.parallax-portfolio .item{
display:block;
position:relative
}
.parallax-portfolio .item:after{
display:block;
position:absolute;
content:'';
background:rgba(20,20,20,.6);
z-index:-1;
left:0;
top:0;
width:100%;
height:100%;
opacity:0;
-webkit-transition:all .5s;
-moz-transition:all .5s;
transition:all .5s
}
.parallax-portfolio .item .item-overlay{
opacity:0;
position:relative;
z-index:1
}
.parallax-portfolio .item:hover .item-overlay,.parallax-portfolio .item:hover:after{
opacity:1
}
.parallax-portfolio .item .item-overlay .item-icon{
opacity:0;
margin:0;
padding:0;
position:relative;
-webkit-transition:all .3s linear 0s;
-moz-transition:all .3s linear 0s;
transition:all .3s linear .4s
}
.parallax-portfolio .item .item-overlay .item-title{
opacity:0;
margin:0;
padding:0;
position:relative;
left:15px;
-webkit-transition:all .3s linear 0s;
-moz-transition:all .3s linear 0s;
transition:all .3s linear 0s
}
.parallax-portfolio .item .item-overlay .item-desc{
opacity:0;
margin:0;
padding:0;
position:relative;
left:15px;
-webkit-transition:all .3s linear .2s;
-moz-transition:all .3s linear .2s;
transition:all .3s linear .2s
}
.parallax-portfolio .item:hover .item-overlay .item-desc,.parallax-portfolio .item:hover .item-overlay .item-icon,.parallax-portfolio .item:hover .item-overlay .item-title{
left:0;
opacity:1
}
.portfolio-column,.portfolio-column .slide{
height:100%;
overflow:hidden;
position:relative;
display:block
}
.portfolio-column .slide .slide-img{
position:absolute;
height:100%;
width:100%;
overflow:hidden
}
.portfolio-column .slide .slide-img img{
min-height:100%;
width:auto;
min-width:105.5%;
object-fit:cover;
position:relative;
-webkit-transform:translateX(-5%);
-moz-transform:translateX(-5%);
-ms-transform:translateX(-5%);
transform:translateX(-5%);
-webkit-transition:-webkit-transform .6s;
-moz-transition:-moz-transform .6s;
transition:transform .6s
}
.portfolio-column .slide:before{
position:absolute;
content:'';
left:15px;
top:15px;
right:15px;
bottom:15px;
background-color:rgba(15,15,15,1);
opacity:0;
z-index:2;
-webkit-transition:all .3s;
-moz-transition:all .3s;
transition:all .3s
}
.portfolio-column .slide:hover:before{
opacity:.4
}
.portfolio-column .slide:hover .slide-img img{
-webkit-transform:translateX(-2%);
-moz-transform:translateX(-2%);
-ms-transform:translateX(-2%);
transform:translateX(-2%)
}
.portfolio-column .slide .details{
position:absolute;
left:30px;
right:30px;
top:auto;
bottom:30px;
z-index:2;
padding:15px
}
.icon-arrow,.portfolio-column .slide .details>*{
position:relative;
-webkit-transition:all .3s;
-moz-transition:all .3s
}
.portfolio-column .slide .details>*{
opacity:0;
top:10px;
transition:all .3s;
-webkit-transition-delay:0ms;
transition-delay:0ms
}
.portfolio-column .slide:hover .details>*,.portfolio-column.style-3 .slide .details>*{
opacity:1;
top:0
}
.portfolio-column .slide:hover .details .title{
-webkit-transition-delay:.1s;
transition-delay:.1s
}
.portfolio-column .slide:hover .details>div{
-webkit-transition-delay:.15s;
transition-delay:.15s
}
.portfolio-column .slide:hover .details .description{
-webkit-transition-delay:.2s;
transition-delay:.2s
}
.portfolio-column .slide:hover .details .button{
-webkit-transition-delay:.3s;
transition-delay:.3s
}
.portfolio-column .slide .details .button:hover{
-webkit-transition-delay:0ms;
transition-delay:0ms
}
.portfolio-column.style-2 .slide{
-webkit-transition:width .5s;
-moz-transition:width .5s;
transition:width .25s
}
.portfolio-column.style-2 .slide:hover .slide-img img{
-webkit-transform:translateX(-3%);
-moz-transform:translateX(-3%);
-ms-transform:translateX(-3%);
transform:translateX(-3%)
}
@media only screen and (min-width:1170px){
.portfolio-column.style-2.qdr-col-5:hover .slide{
width:19.5%!important
}
.portfolio-column.style-2.qdr-col-5 .slide:hover{
width:22%!important
}
.portfolio-column.style-2.qdr-col-4:hover .slide{
width:24%!important
}
.portfolio-column.style-2.qdr-col-4 .slide:hover{
width:28%!important
}
.portfolio-column.style-2.qdr-col-3:hover .slide{
width:32%!important
}
.portfolio-column.style-2.qdr-col-3 .slide:hover{
width:36%!important
}
.portfolio-column.style-2.qdr-col-2:hover .slide{
width:47%!important
}
.portfolio-column.style-2.qdr-col-2 .slide:hover{
width:53%!important
}
}
@media only screen and (max-width:1025px){
.portfolio-column .slide .details>*{
opacity:1;
top:0
}
.portfolio-column .slide:before{
opacity:1;
background-color:rgba(15,15,15,.3)
}
}
.portfolio-column.centered-details .slide .details{
bottom:50%;
-webkit-transform:translateY(50%);
-moz-transform:translateY(50%);
-ms-transform:translateY(50%);
transform:translateY(50%)
}
.portfolio-column.style-3 .slide:before{
opacity:1;
left:0;
top:0;
bottom:0;
right:0;
background:-webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.5) 100%);
background:linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.5) 100%)
}
.works-without-images{
padding:0
}
.works-without-images .item-body{
padding:30px 20px;
display:block;
border:1px solid #eee;
opacity:.5
}
.works-without-images .item-body .title img{
max-width:140px
}
.works-without-images .item-body:hover{
opacity:1
}
.works-without-images .item-body .title{
padding:0;
margin:0 0 15px
}
.works-without-images .item-body .desc{
line-height:22px;
margin-bottom:20px
}
.icon-arrow{
width:15%;
margin:10px 0;
background-color:#aaa;
display:block;
height:1px;
transition:all .3s
}
.icon-arrow:after,.icon-arrow:before{
width:5px;
height:1px;
transform:rotate(90deg);
background-color:inherit;
content:'';
display:block;
position:absolute;
right:-2px;
top:2px;
-webkit-transition:all .3s;
-moz-transition:all .3s;
transition:all .3s;
-webkit-transition-delay:.3s;
transition-delay:.3s
}
.icon-arrow:after{
top:-2px;
transform:rotate(-90deg)
}
.icon-arrow-trigger:hover .icon-arrow:before{
transform:rotate(146deg);
right:-3px;
width:16px;
top:4px
}
.icon-arrow-trigger:hover .icon-arrow:after{
transform:rotate(-146deg);
right:-3px;
width:16px;
top:-4px
}
.icon-arrow-trigger:hover .icon-arrow{
width:50%
}
.cbp-popup-singlePage .cbp-popup-navigation-wrap{
background-color:#2a2a2a
}
.hero-slider,.hero-slider .slide{
position:relative;
overflow:hidden
}
.hero-slider .slide .slide-img,.hero-slider .slide .slide-img .scale-timer{
position:absolute;
width:100%;
height:100%!important;
max-width:100%!important;
background-attachment:scroll!important;
left:0;
top:0!important;
z-index:2;
background-position:center center;
background-size:cover
}
.hero-slider .slide .slide-img .scale-timer{
-ms-transform:scale(1);
-webkit-transform:scale(1);
transform:scale(1);
-webkit-transition:transform 1s;
-moz-transition:transform 1s;
transition:transform 1s;
-webkit-transition-delay:.3s;
transition-delay:.3s
}
.hero-slider .slide .slide-img .scale-timer.scaling{
-ms-transform:scale(1.25);
-webkit-transform:scale(1.25);
transform:scale(1.25);
-webkit-transition:transform 20s;
-moz-transition:transform 20s;
transition:transform 20s
}
.hero-slider .slide .details{
position:absolute;
width:100%;
height:100%;
left:0;
top:0;
z-index:5
}
.hero-slider .slick-list,.hero-slider .slick-track{
height:100%!important
}
.hero-slider .slick-slide .animated{
visibility:hidden!important;
animation-duration:.9s;
-webkit-transition:visibility .3s;
-moz-transition:visibility .3s;
transition:visibility .3s
}
.hero-slider .slick-slide.slick-current .animated.visibleme{
visibility:visible!important
}
.nav-to-custom-slider .slick-slide{
transition:opacity .3s;
opacity:.5
}
.nav-to-custom-slider .slick-center{
opacity:1
}
.background-slider{
z-index:-1;
position:absolute;
width:100%;
height:100%;
left:0;
top:0;
overflow:hidden
}
.background-slider .slick-list,.background-slider .slick-track{
position:absolute;
width:100%;
height:100%;
left:0;
top:0;
padding:0!important
}
.background-slider .slide{
position:relative;
width:100%;
height:100%;
background-size:cover;
background-position:center center
}
.clients-carousel{
padding:30px
}
.clients-carousel .cbp-caption-opacity .cbp-caption-defaultWrap{
padding:15px 10px
}
.clients-carousel .cbp-caption-opacity .cbp-caption-defaultWrap img{
width:auto;
height:auto;
max-width:90%;
max-height:80px;
margin:0 auto
}
.clients-carousel.dark-type .cbp-item:hover .cbp-caption{
border-color:#555
}
.client-list{
overflow:hidden
}
.client-list li,.client-list li a{
display:block;
text-align:center;
max-width:100%;
margin:0 auto;
padding:0;
height:auto;
position:relative
}
.client-list li:after,.client-list li:before{
position:absolute;
border-color:inherit;
border-style:inherit;
content:''
}
.client-list li{
border-style:inherit;
border-color:inherit
}
.client-list li a{
width:80%;
padding:10px 0;
opacity:.6;
-webkit-transition:opacity .3s;
-moz-transition:opacity .3s;
transition:opacity .3s
}
.client-list li a img{
vertical-align:middle;
width:100%;
max-width:80%;
margin:0 auto
}
.client-list li a:hover{
opacity:1
}
.client-list li:before{
top:0;
height:100%;
width:0;
left:-1px;
border-width:0 0 0 1px
}
.client-list li:after{
left:0;
width:100%;
height:1px;
bottom:-1px;
border-width:0 0 1px
}
.client-list.client-list-carousel li{
padding-bottom:1px
}
.client-list-carousel a{
border:1px solid transparent
}
.client-list-carousel a:hover{
border:1px solid #eee!important
}
.contact-type-1{
padding-top:100px;
padding-bottom:100px
}
.contact-type-1 *{
color:#555;
line-height:normal
}
.contact-type-1 .contact-title{
padding:0;
margin:0 0 60px
}
.contact-type-1 .address h3.title{
margin-bottom:50px
}
.contact-type-1 p{
font-size:inherit;
color:#565656;
direction:ltr;
line-height:25px;
margin:10px 0 0
}
.contact-type-1 p *{
margin-left:5px
}
.contact-type-1 .qdr-callout{
border-color:#46332a
}
.contact-type-1 .contact-button{
border:1px solid #cacaca;
background:#fff;
border-radius:0;
padding:13px 0;
font-size:inherit;
text-align:center;
width:100%;
text-transform:uppercase;
display:block
}
.contact-type-1 .contact-button:hover{
opacity:1!important;
border-color:transparent
}
.contact-type-1 .address{
padding-right:15px
}
.contact-type-1 .contact #contact_form{
margin-top:40px
}
.contact-type-1 input,.contact-type-1 textarea{
width:100%;
height:auto;
padding:18px 0;
background:0 0;
margin:0;
text-transform:uppercase;
font-size:inherit;
border:none;
color:#848484;
font-weight:inherit;
resize:none;
-webkit-transition:all .3s ease-in-out .6s;
-moz-transition:all .3s ease-in-out .6s;
transition:all .3s ease-in-out .6s
}
.contact-type-1 textarea{
height:100px
}
.contact-type-1 textarea.lg{
height:170px
}
.contact-type-1 input:focus,.contact-type-1 textarea:focus{
padding-left:10px;
-webkit-transition:all .3s ease-in-out 0s;
-moz-transition:all .3s ease-in-out 0s;
transition:all .3s ease-in-out 0s
}
.contact-type-1 .error_warning{
border-bottom-color:#bf1f1f!important
}
.contact-type-1 span.border-effect span{
background-color:#b5b5b5
}
.contact-type-1 span.border-effect{
border-bottom-color:#b5b5b5
}
.contact-type-1 ::-webkit-input-placeholder{
color:#777
}
.contact-type-1 :-moz-placeholder{
color:#777
}
.contact-type-1 ::-moz-placeholder{
color:#777
}
.contact-type-1 :-ms-input-placeholder{
color:#777
}
@media only screen and (max-width:1175px){
.contact-type-1 .container{
padding-left:15px;
padding-right:15px
}
}
@media only screen and (max-width:700px){
.contact-type-1 .container>div.contact{
margin-top:60px
}
}
.contact-type-1.light-type *,.contact-type-1.light-type .address p span{
color:#ddd
}
.contact-type-1.light-type .qdr-callout{
border-color:#46332a
}
.contact-type-1.light-type .contact-button{
border:1px solid #393736;
background:#2b2928
}
.contact-type-1.light-type .contact-button:hover{
opacity:1!important
}
.contact-type-1.light-type span.border-effect span{
background-color:#444
}
.contact-type-1.light-type span.border-effect{
border-bottom-color:#444
}
.contact-type-1.light-type ::-webkit-input-placeholder{
color:#aaa
}
.contact-type-1.light-type :-moz-placeholder{
color:#aaa
}
.contact-type-1.light-type ::-moz-placeholder{
color:#aaa;
}
.contact-type-1.light-type :-ms-input-placeholder{
color:#aaa
}
.classic_footer{
background:#f5f5f5;
color:#333;
line-height:170%;
font-size:14px;
-webkit-transform:translateZ(0);
transform:translateZ(0);
border-top:1px solid #ccc;
}
.classic_footer .footer-body{
padding:30px;
}
.classic_footer .footer-body .row{
width:100%
}
@media only screen and (max-width:1171px){
.classic_footer{
padding-left:15px;
padding-right:15px
}
.classic_footer .footer-bottom{
margin-left:-15px;
margin-right:-15px
}
}
.classic_footer #flickr_badge_wrapper .flickr_badge_image{
display:inline-block;
margin-right:10px;
margin-bottom:10px;
opacity:.7;
-webkit-transition:all .3s;
-moz-transition:all .3s;
transition:all .3s
}
.classic_footer #flickr_badge_wrapper .flickr_badge_image:hover{
opacity:1
}
.classic_footer #flickr_badge_wrapper .flickr_badge_image img{
width:76px;
height:76px
}
.classic_footer .social-icon{
width:40px;
height:40px;
line-height:40px;
font-size:12px
}
.classic_footer .footer-bottom{
background-color:rgba(0,0,0,.07);
padding:10px 0;
font-size:14px;
}
.classic_footer .footer-bottom img.logo{
max-height:35px
}
.classic_footer .footer-bottom .bottoms>div{
display:inline-block!important;
vertical-align:middle;
float:none!important;
max-height:40px
}
@media only screen and (max-width:1025px){
.classic_footer .footer-bottom .bottoms>div{
width:100%!important;
text-align:center;
margin-bottom:10px;
height:auto
}
.classic_footer .footer-bottom .bottoms>div:last-child{
margin-bottom:0
}
}
.classic_footer .from-gallery a{
display:inline-block;
width:80px;
overflow:hidden;
margin:0 5px 5px 0;
opacity:.7;
-webkit-transition:all .3s;
-moz-transition:all .3s;
transition:all .3s
}
.footer-clients a,.footer-newsletter input{
-webkit-transition:all .3s;
-moz-transition:all .3s
}
.classic_footer .from-gallery a:hover{
opacity:1
}
@media only screen and (max-width:900px){
.classic_footer>.container>div{
width:100%;
margin-top:25px
}
.classic_footer>.container>div:first-child{
margin-top:0
}
}
.basic_footer{
padding:90px 0;
text-align:center;
color:#939393;
letter-spacing:.3px
}
.basic_footer h3{
margin:20px auto;
padding:0
}
.basic_footer h5{
margin:0 auto
}
.footer-clients a{
height:70px;
position:relative;
text-align:center;
margin:0 10px 0 0;
border:1px solid transparent;
transition:all .3s
}
.footer-clients a:hover{
border:1px solid rgba(255,255,255,.1)
}
.footer-clients img{
max-height:60px;
width:auto;
position:absolute;
top:50%;
left:50%;
max-width:90%;
-webkit-transform:translate(-50%,-50%);
-moz-transform:translate(-50%,-50%);
-ms-transform:translate(-50%,-50%);
transform:translate(-50%,-50%)
}
.footer-newsletter input{
background:#1f1f21;
margin-bottom:15px;
color:#fff;
height:40px;
width:100%;
outline:0!important;
border:none;
box-shadow:none!important;
transition:all .3s
}
.footer-newsletter input.error_warning{
background-color:#671e1e;
color:#fff
}
.footer-newsletter button#submit{
height:40px;
width:100%;
border-radius:4px
}
.footer-newsletter input:not(.error_warning)::-webkit-input-placeholder{
color:#777
}
.footer-newsletter input:not(.error_warning):-moz-placeholder{
color:#777
}
.footer-newsletter input:not(.error_warning)::-moz-placeholder{
color:#777
}
.footer-newsletter input:not(.error_warning):-ms-input-placeholder{
color:#777
}
.footer-client-comments .slick-slide{
margin-bottom:20px
}
.footer-client-comments .avatar{
width:35px;
height:35px;
overflow:hidden;
float:left;
margin-right:10px
}
.footer-client-comments .avatar img{
max-width:100%
}
.footer-client-comments .texts{
float:left;
width:70%;
width:calc(100% - 60px)
}
.footer-client-comments .texts h6{
margin-top:2px
}
footer.footer-fixed{
position:fixed;
bottom:0;
left:0;
right:0;
z-index:0;
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
body.footer-fixed-page>section{
z-index:2;
position:relative
}
@media only screen and (max-width:1024px){
footer.footer-fixed{
position:relative
}
footer.footer-fixed+.footer-keeper{
display:none
}
}
ul.twitter-list li a{
display:block;
margin:10px 0
}
ul.twitter-list li a:hover{
text-decoration:underline
}
ul.twitter-list li a i{
margin-right:6px;
color:rgba(90,158,242,1)
}
ul.twitter-list li a span{
display:block;
margin-top:12px
}
footer ul.twitter-list li a span{
font-size:11px;
color:#444;
margin-top:5px;
font-weight:700;
text-transform:uppercase
}
.qdr-blog,.qdr-blog .cbp-item,.qdr-blog .cbp-wrapper-outer{
overflow:visible
}
.qdr-blog .cbp.cbp-updateItems{
overflow-x:visible
}
.qdr-blog .cbp .cbp-item-loading{
opacity:0!important
}
.qdr-blog .blog-utilities .blog-user{
display:inline-block;
padding:5px 10px;
border-radius:6px
}
.qdr-blog .blog-utilities .blog-user img{
display:inline-block;
width:100%;
max-width:40px;
vertical-align:middle
}
.qdr-blog .blog-utilities .blog-user p{
display:inline-block;
vertical-align:middle;
padding-left:5px
}
.qdr-blog.post-radius .cbp-item,.qdr-blog.post-radius .cbp-item .cbp-item-wrapper{
border-radius:6px
}
.qdr-blog.post-radius .cbp-item .cbp-item-wrapper{
overflow:hidden
}
.qdr-blog.post-shadow .cbp-item:hover{
z-index:10
}
.qdr-blog.post-shadow .cbp-item:before{
position:absolute;
border-radius:inherit;
display:block;
left:0;
top:0;
content:'';
width:100%;
height:100%;
box-shadow:0 10px 100px -20px transparent;
-webkit-transition:all .3s;
-moz-transition:all .3s;
transition:all .3s
}
.qdr-blog.post-shadow .cbp-item:hover:before{
box-shadow:0 70px 100px -20px rgba(0,0,0,.3)
}
.qdr-blog.post-shadow.post-shadow-sm .cbp-item:hover:before{
box-shadow:0 32px 100px -20px rgba(0,0,0,.15)
}
.tags .tag,.tags a{
display:inline-block;
padding:6px 13px;
background-color:#eee;
line-height:normal;
margin:3px 2px;
font-size:inherit;
font-weight:inherit;
border-radius:4px;
color:#888;
-webkit-transition:all .1s;
-moz-transition:all .1s;
transition:all .1s
}
.tags .tag:hover,.tags a:hover{
color:#555;
background-color:#fff;
box-shadow:2px 10px 25px 0 rgba(0,0,0,.06)
}
.tags.dark .tag,.tags.dark a{
background-color:#212121;
color:#fff
}
.tags.dark .tag:hover,.tags.dark a:hover{
background-color:#484848
}
.blog-landing .post{
border-width:1px;
border-style:solid;
padding:35px 15px;
position:relative
}
@media only screen and (min-width:1024px){
.blog-landing .post{
padding:35px
}
}
.post-pagination{
position:relative;
text-align:left
}
.post-pagination .all,.post-pagination .pagination{
height:80px;
float:left
}
.post-pagination .pagination{
width:47%;
overflow:hidden;
text-align:left;
position:relative;
padding:0 30px;
margin:0;
display:block;
line-height:85%
}
.post-pagination .pagination .texts{
left:40px;
position:relative
}
.post-pagination .pagination.next .texts{
left:auto;
right:40px;
text-align:right
}
.post-pagination .icon{
position:absolute;
opacity:.5;
left:40px;
font-size:18px;
visibility:visible
}
.post-pagination .pagination.next .icon{
left:auto;
right:40px
}
.post-pagination .icon,.post-pagination .post-image,.post-pagination .texts{
-webkit-transition:all .3s;
-moz-transition:all .3s;
transition:all .3s;
top:50%;
will-change:transform;
-webkit-transform:translateY(-50%);
-moz-transform:translateY(-50%);
-ms-transform:translateY(-50%);
transform:translateY(-50%)
}
.post-pagination .post-image{
position:absolute;
left:0;
width:45px;
height:45px;
visibility:hidden;
opacity:0
}
.post-pagination .pagination.next .post-image{
left:auto;
right:0
}
.post-pagination .post-image img{
display:block;
width:auto;
max-width:100%
}
.post-pagination .all{
width:6%;
line-height:80px;
font-size:14px;
position:relative;
text-align:center;
border-left-width:1px;
border-right-width:1px;
border-style:solid
}
.post-pagination .pagination.prev:hover .texts{
left:60px
}
.post-pagination .pagination.prev:hover .icon{
opacity:0;
visibility:hidden;
left:80px
}
.post-pagination .pagination.prev:hover .post-image{
opacity:1;
visibility:visible;
left:30px
}
.shop .item a.cbp-caption:before,.shop-parallax a.item:after{
height:100%;
left:0;
content:''
}
.post-pagination .pagination.next:hover .texts{
right:60px
}
.post-pagination .pagination.next:hover .icon{
opacity:0;
visibility:hidden;
right:80px
}
.post-pagination .pagination.next:hover .post-image{
opacity:1;
visibility:visible;
right:30px
}
@media only screen and (max-width:641px){
.post-pagination{
display:none
}
}
.pagination{
align-items:center;
justify-content:center
}
.pagination>li>a{
display:block;
border:1px solid #ddd
}
.pagination>li>a,.pagination>li>span{
font-size:12px;
text-transform:uppercase;
color:#888
}
.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover{
color:#fff;
background-color:#333
}
.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{
background-color:#dedede;
border-color:#dedede;
color:inherit
}
.pagination-lg>li>a,.pagination-lg>li>span{
padding:7px 22px
}
body.ie-browser .pagination{
display:block
}
body.ie-browser .pagination>li{
display:inline-block;
width:auto
}
.shop .cbp{
overflow:visible
}
.shop .item .product-image{
-webkit-transition:all .4s;
-moz-transition:all .4s;
transition:all .4s
}
.shop .item a.add-to-cart,.shop .item a.cbp-caption:before{
-webkit-transition:all .4s;
-moz-transition:all .4s;
width:100%
}
.shop .item:hover .product-image{
opacity:.7
}
.shop .item a.cbp-caption:before{
position:absolute;
top:0;
z-index:-1;
background-color:transparent;
border:1px solid #ddd;
transition:all .4s
}
.shop .item a.add-to-cart,.shop-parallax a.item{
position:relative;
display:block
}
.shop .item .details{
background:0 0;
margin-top:25px
}
.modal .modal-img,.modal .modal-promo{
background-size:cover;
background-position:center center
}
.shop .item .title{
font-size:18px;
font-weight:400;
letter-spacing:-1.2px
}
.shop .item .subtitle{
font-size:15px;
color:#999;
font-weight:400
}
.shop .item .price span{
font-weight:400;
letter-spacing:-.4px;
font-size:17px;
margin-left:10px
}
.shop .item .price span.old{
text-decoration:line-through;
color:#999
}
.shop .item a.add-to-cart{
bottom:-60px;
margin-top:18px;
padding:7px 0;
opacity:0;
background-color:#f2f2f2;
font-size:14px;
transition:all .4s
}
.shop .item a.add-to-cart:hover{
color:#fff;
background-color:#3a3a3a
}
.shop .item a.add-to-cart i{
margin-right:10px
}
.shop .item:hover a.add-to-cart{
bottom:0;
opacity:1
}
.shop.shop-styled .item:hover .product-image{
top:-5px;
-webkit-transform:translateY(-10px);
-moz-transform:translateY(-10px);
-ms-transform:translateY(-10px);
transform:translateY(-10px)
}
.shop.shop-styled .item .product-image{
padding-top:15px
}
.shop.shop-styled .item a.cbp-caption:before{
border:none;
background-color:#fafafa
}
.shop.shop-styled .item a.add-to-cart{
background-color:#333;
color:#fff
}
.shop.shop-styled .item a.add-to-cart:hover{
background-color:#111
}
.shop.shop-styled .item:hover a.cbp-caption:before{
background-color:#fafafa
}
.shop-parallax a.item:after{
display:block;
width:100%;
top:0;
background-color:rgba(0,0,0,.3);
position:absolute;
-webkit-transition:all .4s;
-moz-transition:all .4s;
transition:all .4s
}
.shop-parallax a.item:hover:after{
opacity:0
}
@media screen and (max-width:900px){
.shop-single .details{
margin-top:70px
}
}
.shop-single .details-icons{
padding:20px
}
.shop-single .details-icons .icon{
float:left;
width:35px;
height:40px;
padding-top:5px;
border-style:solid;
text-align:center;
font-size:28px;
color:inherit
}
.shop-single .details-icons .text{
float:left;
font-size:16px;
margin-left:6px
}
.shop-single .details-icons .text span{
font-size:12px;
line-height:12px
}
.table-shop-cart .product-thumbnail img{
max-height:80px
}
@media screen and (max-width:800px){
.shop-single .details-icons{
padding:15px 7px
}
.shop-single .details-icons .icon{
width:10px;
height:30px;
font-size:14px
}
.shop-single .details-icons .text{
font-size:12px;
margin-left:8px!important
}
.shop-single .details-icons .text span{
font-size:10px
}
.table-shop-cart .product-thumbnail img{
max-height:40px
}
}
@media screen and (max-width:480px){
.table-shop-cart .product-thumbnail img{
display:none
}
}
.modal .close,.modal .modal-header{
display:block
}
.table-shop-cart.table>tbody>tr>td{
vertical-align:middle
}
.modal{
overflow:hidden;
z-index:1400;
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
.middle-modal{
text-align:left;
width:auto
}
.modal .modal-dialog{
-webkit-transform:translate(0,0)!important;
transform:translate(0,0)!important
}
.modal .modal-content{
border:none
}
.modal .modal-details{
padding:70px 40px
}
.modal .modal-sm .modal-details{
padding:30px 20px
}
@media screen and (max-width:768px){
.modal{
overflow-y:auto
}
.middle-modal .modal-details{
padding:40px 30px 20px
}
}
@media screen and (min-width:768px){
.middle-modal>.modal-dialog{
left:50%;
top:50%;
position:fixed!important;
-webkit-transform:translateY(-50%) translateX(-50%)!important;
-moz-transform:translateY(-50%) translateX(-50%)!important;
-ms-transform:translateY(-50%) translateX(-50%)!important;
transform:translateY(-50%) translateX(-50%)!important
}
}
.middle-modal>.container,.middle-modal>.container-lg,.middle-modal>.container-md,.middle-modal>.container-sm{
padding-left:0!important;
padding-right:0!important
}
.modal-backdrop{
z-index:1300
}
.modal-backdrop.in{
opacity:.7
}
.modal .modal-img{
overflow:hidden;
position:absolute;
left:0;
height:101%;
top:-1px;
padding:0
}
.modal .modal-img.to-right{
left:auto;
right:0
}
.modal .modal-img img{
width:auto;
height:auto;
min-height:100%;
min-width:100%
}
.modal .slick-slider img{
max-width:100%
}
@media screen and (max-width:1185px){
.middle-modal>div{
width:95%;
max-width:none;
padding:0
}
}
@media screen and (max-width:1000px){
.modal .modal-img{
height:100%
}
.modal .modal-img img{
height:auto;
width:auto;
min-width:100%;
min-height:100%
}
}
@media screen and (max-width:768px){
.modal .modal-img{
position:relative;
height:auto;
min-height:300px
}
.modal .modal-img img{
height:auto;
width:auto;
min-width:100%;
min-height:100%
}
.middle-modal>div{
margin-top:15px;
margin-bottom:15px
}
}
.modal .modal-lg,.modal .modal-xl{
margin:40px auto
}
.modal .modal-promo{
padding:150px 40px;
max-width:1170px
}
@media only screen and (max-width:1024px){
.modal .slick-slider{
background:url(../images/loader.gif) center center no-repeat;
min-height:100px
}
.modal .slick-slider .slick-list{
opacity:0;
-webkit-transition:opacity .4s;
-moz-transition:opacity .4s;
transition:opacity .4s
}
.modal .slick-slider.modal-active .slick-list{
opacity:1
}
.modal .slick-slider.modal-active{
background:0 0
}
}
.modal .close{
opacity:1;
width:40px;
height:40px;
text-align:center;
border-radius:100%;
position:absolute;
background-color:#fff;
top:15px;
right:15px;
color:#aaa;
z-index:20;
line-height:40px;
font-weight:100;
font-size:17px
}
.modal .modal-xl{
width:100%;
max-width:1170px;
height:auto;
position:relative
}
.modal .modal-md{
margin:15px auto
}
.modal .modal-sm{
margin:40px auto;
position:relative
}
@media screen and (max-width:1185px){
.modal .modal-xl{
width:auto;
margin:40px 15px
}
}
@media screen and (max-width:915px){
.modal .modal-lg{
margin:40px 15px
}
}
@media screen and (max-width:768px){
.modal .modal-sm{
margin:40px 15px
}
}
#quadra_fixed_modal{
visibility:hidden;
position:fixed;
will-change:transform;
z-index:1037;
width:100%;
top:100%;
height:100%;
-webkit-transform:translateY(0) translateZ(0);
-moz-transform:translateY(0) translateZ(0);
-ms-transform:translateY(0) translateZ(0);
transform:translateY(0) translateZ(0);
overflow-x:hidden;
overflow-y:hidden
}
#quadra_fixed_modal.hiding{
visibility:hidden;
top:100%!important;
transform:translateY(0)!important
}
#quadra_fixed_modal.hiding.force-show{
visibility:visible;
top:0!important;
-webkit-transform:translateY(0)!important;
-moz-transform:translateY(0)!important;
-ms-transform:translateY(0)!important;
transform:translateY(0)!important
}
#quadra_fixed_modal.clickable{
visibility:visible;
-webkit-transform:translateY(-60px);
-moz-transform:translateY(-60px);
-ms-transform:translateY(-60px);
transform:translateY(-60px)
}
body.qdr-modal-open{
overflow:hidden;
height:100%
}
@media screen and (min-width:641px){
body.left-mini-side-menu-active #quadra_fixed_modal,body.right-mini-side-menu-active #quadra_fixed_modal{
width:calc(100% - 60px)
}
}
@media screen and (min-width:1450px){
body.left-side-menu-active #quadra_fixed_modal,body.right-side-menu-active #quadra_fixed_modal{
width:calc(100% - 300px)
}
}
@media (min-width:1120px) and (max-width:1450px){
body.left-side-menu-active #quadra_fixed_modal,body.right-side-menu-active #quadra_fixed_modal{
width:calc(100% - 230px)
}
}
#quadra_fixed_modal.active{
top:0;
visibility:visible;
-webkit-transform:translateY(0) translateZ(0);
-moz-transform:translateY(0) translateZ(0);
-ms-transform:translateY(0) translateZ(0);
transform:translateY(0) translateZ(0);
height:100%;
overflow-y:auto
}
.quadra_fixed_modal_top{
position:relative;
top:0;
height:60px;
line-height:64px;
cursor:pointer
}
#quadra_fixed_modal.active .quadra_fixed_modal_top{
height:100px;
line-height:100px
}
.quadra_fixed_modal_top div{
width:100%;
height:100%;
padding:0 12px;
line-height:inherit;
position:absolute;
display:none;
text-align:center;
font-size:21px;
text-transform:uppercase
}
.quadra_fixed_modal_top #qfm_button{
display:block
}
.quadra_fixed_modal_top #qfm_button i{
line-height:inherit
}
.quadra_fixed_modal_top #qfm_button:before{
content:'';
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
opacity:0;
background-color:rgba(0,0,0,.15);
-webkit-transition:opacity .3s;
-moz-transition:opacity .3s;
transition:opacity .3s
}
.quadra_fixed_modal_top #qfm_button:hover:before{
opacity:1
}
.qfm-body{
padding:50px 15px 70px
}
#qfm_title{
position:relative;
border-bottom:1px solid #ddd
}
#qfm_title i{
font-size:23px;
position:absolute;
width:100px;
height:100%;
right:0;
top:0;
line-height:inherit;
transition:background .3s
}
#qfm_title i:hover{
background-color:rgba(0,0,0,.03)
}
#qfm_button span.hide-modal{
position:absolute;
right:0;
top:0;
width:100px;
height:100%;
text-align:center
}
#qfm_button span.hide-modal:before{
content:'\e082';
font-family:simple-line-icons;
font-size:25px;
background-color:rgba(0,0,0,.05);
line-height:inherit;
opacity:.8;
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
-webkit-transition:background .3s;
-moz-transition:background .3s;
transition:background .3s
}
#qfm_button span.hide-modal:hover:before{
background-color:rgba(22,22,22,.2)
}
@media screen and (max-width:480px){
#qfm_title i,.quadra_fixed_modal_top div{
font-size:17px
}
#qfm_button span.hide-modal,#qfm_title i{
width:80px
}
}
.qfm-body div{
font-family:inherit!important
}
#quadra_fixed_modal.faq .quadra_fixed_modal_top{
border-top:1px solid #ddd
}
#quadra_fixed_modal.faq .qfm-body .cbp-caption-expand .cbp-caption-defaultWrap{
font-size:16px;
text-transform:uppercase;
padding:12px 0
}
#quadra_fixed_modal.faq .qfm-body .cbp-caption-expand .cbp-caption-defaultWrap i{
margin-right:10px
}
#quadra_fixed_modal.faq .qfm-body .cbp-caption-expand .cbp-l-caption-body{
font-size:16px;
font-weight:300;
color:#555
}
.mail-bg,.mail:hover{
background:#404040!important
}
.facebook-bg,.facebook:hover{
background:#4b6ea8!important
}
.twitter-bg,.twitter:hover{
background:#4fd5f8!important
}
.youtube-bg,.youtube:hover{
background:#da1818!important
}
.vimeo-bg,.vimeo:hover{
background:#96d3f0!important
}
.pinterest-bg,.pinterest:hover{
background:#d83633!important
}
.linkedin-bg,.linkedin:hover{
background:#0189c3!important
}
.flickr-bg,.flickr:hover{
background:#84979e!important
}
.dropbox-bg,.dropbox:hover{
background:#1e81c2!important
}
.instagram-bg,.instagram:hover{
background:#d82950!important
}
.tumblr-bg,.tumblr:hover{
background:#345365!important
}
.skype-bg,.skype:hover{
background:#00bbf0!important
}
.google-plus-bg,.google-plus:hover{
background:#da2200!important
}
.twitter-square-bg,.twitter-square:hover{
background:#4fd5f8!important
}
.rss-bg,.rss:hover{
background:#fb9c00!important
}
.apple-bg,.apple:hover{
background:#404040!important
}
.windows-bg,.windows:hover{
background:#0063f4!important
}
.dribbble-bg,.dribbble:hover{
background:#f2689c!important
}
.android-bg,.android:hover{
background:#80da23!important
}
.html5-bg,.html5:hover{
background:#ec6432!important
}
.css3-bg,.css3:hover{
background:#3a88d0!important
}
.pagelines-bg,.pagelines:hover{
background:#4f98df!important
}
.gittip-bg,.gittip:hover{
background:#7c6035!important
}
.mail-color:hover{
color:#404040!important
}
.facebook-color:hover{
color:#4b6ea8!important
}
.twitter-color:hover{
color:#4fd5f8!important
}
.youtube-color:hover{
color:#da1818!important
}
.vimeo-color:hover{
color:#96d3f0!important
}
.pinterest-color:hover{
color:#d83633!important
}
.linkedin-color:hover{
color:#0189c3!important
}
.flickr-color:hover{
color:#84979e!important
}
.dropbox-color:hover{
color:#1e81c2!important
}
.instagram-color:hover{
color:#d82950!important
}
.tumblr-color:hover{
color:#345365!important
}
.skype-color:hover{
color:#00bbf0!important
}
.google-plus-color:hover{
color:#da2200!important
}
.twitter-square-color:hover{
color:#4fd5f8!important
}
.rss-color:hover{
color:#fb9c00!important
}
.apple-color:hover{
color:#404040!important
}
.windows-color:hover{
color:#0063f4!important
}
.dribbble-color:hover{
color:#f2689c!important
}
.android-color:hover{
color:#80da23!important
}
.html5-color:hover{
color:#ec6432!important
}
.css3-color:hover{
color:#3a88d0!important
}
.pagelines-color:hover{
color:#4f98df!important
}
.gittip-color:hover{
color:#7c6035!important
}
.footer-bottom span {
color: #262260;
}
#footer h6.ftitle {
font-size: 19px;
font-weight: 600;
color: #262261;
}
a.bg-yellow {
background-color:#333 !important;
}
a.bg-yellow:focus, a.bg-yellow:hover, button.bg-yellow:focus, button.bg-yellow:hover {
background-color: #262260 !important;
}
#footer .icon-xs {
margin-right: 7px;
}
.ustMenu {
text-align: right;
width: 100% !important;
position: absolute !important;
line-height: 7;
}
.ustMenu li{
float:none !important;
display: inline-block !important;
position: initial !important;
}
#navigation.modern .columns .nav-menu {
float:none !important;
}
.dropdown-menu:after{
position: fixed;
z-index: 3;
left: 0px;
top: 76px;
height: 55px;
content: "";
background-color: #cd9c3d;
background: url(../images/menu_bottom.png) repeat;
display: block;
width: 90%;
}
.dropdown-menu li a{
z-index: 5;
}
.dropdown-menu li a:before{
font-family: "FontAwesome";
display: inline-block;
content: "\f105";
margin-right: 4px;
}
#footer .icon-xs {
color: #fff;
}
#footer .colored, .colored-hover:hover{
color: #0073ab !important;
}
.tp-caption {
font-size: 60px;
line-height: 60px !important;
}
.tp-caption.siyah {
color: #333;
}
.tp-caption.sari {
color: #ffdf00;
font-weight: 600;
font-size: 55px;
}
.sayfaUst {
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
}
.sayfaUst.bg1 {
background:#ddd;
}
.sayfaUst.bg2 {
background:#ddd;
}
.sayfaUst.bg3 {
background:#ddd;
}
.sayfaUst.bg4 {
background:#ddd;
}
.sayfaUst.bg5 {
background:#ddd;
}
.sayfaUst.bg6 {
background:#ddd;
}
.sayfaUst.bg7 {
background:#ddd;
}
.sayfaUst .baslik {
padding: 60px 0 90px;
}
.sayfaUst h2 {
font-size: 50px;
font-weight: 700;
color: rgb(243,241,241);
-webkit-text-stroke: 0.7px #212529;
-moz-text-stroke: 1px #212529;
-o-text-stroke: 1px #212529;
opacity: 0;
visibility: hidden;
}
.classic_footer {
-webkit-transition: all .2s ease;
-moz-transition: all .2s ease;
-ms-transition: all .2s ease;
-o-transition: all .2s ease;
transition: all .2s ease;
}
section.sayfa .sayfaic{
background-color: #fff;
margin-top: -40px;
padding: 15px;
border-radius: 5px 5px 0 0;
-webkit-border-radius: 5px 5px 0 0;
-moz-border-radius: 5px 5px 0 0;
-o-border-radius: 5px 5px 0 0;
-ms-border-radius: 5px 5px 0 0;
}
.menu {
margin: 0;
padding: 0;
display: block;
position: relative;
}
.menu li {
display: inline-block;
}
.menu li a {
display: block;
padding: 8px 16px;
font-size: 18px;
margin: 0px 7px;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
font-weight: 600;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
-ms-border-radius: 5px;
}
.menu li:first-child a {
margin-left: 0px;
}
.menu li:last-child a {
margin-right: 0px;
}
.menu:not(.markalar) li:hover a, .menu:not(.markalar) li.active a {
background: rgb(240, 239, 245); /* Old browsers */
background: -webkit-linear-gradient(to bottom, rgb(240, 239, 245) 0%,rgb(228, 223, 223) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(to bottom, rgb(240, 239, 245) 0%,rgb(228, 223, 223) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgb(240, 239, 245) 0%,rgb(228, 223, 223) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0eff5', endColorstr='#e4dfdf',GradientType=0 ); /* IE6-9 */
color: #27313d;
}
.menu.markalar {
margin-bottom: 35px;
}
.menu.markalar li {
display: block;
float: left;
width: 33.333%;
position: relative;
}
.menu.markalar li img{
height: 60px;
display: block;
margin: 0 auto;
}
.menu.markalar li.active:after{
display: block;
font-family: "FontAwesome";
content: "\f0d7";
position: absolute;
left: 50%;
bottom: -27px;
-webkit-transform: translate(-50%);
-moz-transform: translate(-50%);
-ms-transform: translate(-50%);
-o-transform: translate(-50%);
transform: translate(-50%);
font-size: 40px;
color: #FAE026;
}
.menu.markalar li.active:before{
content: "";
width: 100%;
height: 1px;
display: block;
position: absolute;
bottom: -10px;
background-color: #FAE026;
}
.sayfaDetay {
margin: 20px 0 90px;
/* font-family: "Nunito", sans-serif;*/
}
.sayfaDetay.iletisim {
margin: 20px 0;
}
.sayfaDetay.urunDetay {
margin: 20px 0 40px;
}
.sayfaDetay.urunler {
margin-top: 0px;
margin-bottom: 0px;
}
.sayfaDetay.urunler .tab-content{
width: 100%;
}
.sayfaDetay .sayfaResim {
margin-bottom: 10px;
}
.sayfaDetay p {
font-size: 16px;
line-height: 25px;
margin: 15px 0;
font-weight: 400;
color: #333;
}
.sayfaDetay b, .sayfaDetay strong {
color: #565656;
font-size: 1.1em;
}
.sayfaDetay h1, .sayfaDetay h2, .sayfaDetay h3, .sayfaDetay h4, .sayfaDetay h5, .sayfaDetay h5{
font-size: 22px;
font-weight: bold;
color: #2C6CA4;
}
.sayfaDetay .fright {
float: right;
margin-left: 10px;
margin-bottom: 10px;
}
.sayfaDetay .row {
text-align: justify;
}
.urunListe img{
display: block;
width: auto !important;
margin: 0 auto;
height: 200px;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.urunListe .resimBlok {
padding: 15px;
padding-top: 10px;
padding-bottom: 30px;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
background: rgb(243,241,241);
background: -moz-linear-gradient(to bottom, rgba(243, 241, 241, 0.2) 2%,rgba(243, 241, 241, 0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(to bottom, rgba(243, 241, 241, 0.2) 2%,rgba(243, 241, 241, 0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(243, 241, 241, 0.2) 2%,rgba(243, 241, 241, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f1f1', endColorstr='#f3f1f1',GradientType=0 ); /* IE6-9 */
}
.urunListe:hover img{
height: 210px;
}
.urunListe img{
position: relative;
z-index: 2;
}
/*
.urunListe:hover .resimBlok {
padding-top: 0px;
padding-bottom: 45px;
}
*/
.urunListe .resimBlok:after {
position: absolute;
display: block;
content: "";
left: 50%;
width: 167px;
height: 61px;
background: url("../images/golge.png") no-repeat;
-webkit-transform: translate(-50%);
-moz-transform: translate(-50%);
-ms-transform: translate(-50%);
-o-transform: translate(-50%);
transform: translate(-50%);
bottom: 50px;
z-index: 1;
opacity: .2;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.digerSlider .urunListe .resimBlok:after {
bottom: 76px;
}
.urunListe:hover .resimBlok:after {
opacity: .7;
}
.urunListe:hover .resimBlok {
padding-top: 0px;
background: -moz-linear-gradient(to bottom, rgba(243, 241, 241, 0.5) 7%,rgba(243, 241, 241, 0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(to bottom, rgba(243, 241, 241, 0.5) 7%,rgba(243, 241, 241, 0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(243, 241, 241, 0.5) 7%,rgba(243, 241, 241, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.urunListe {
margin-bottom: 30px;
}
.urunListe h6 {
margin: 0px;
color: #333;
font-size: 18px;
display: block;
font-weight: 600;
margin-top: 15px;
text-align: center;
position: relative;
z-index: 2;
}
.digerSlider .urunListe h6 {
font-size: 13px;
}
.urunListe h6 span {
padding: 5px 15px;
border-radius: 5px;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
border: 0.5px solid #cecece;
}
/*
.urunListe h6:before, .urunListe h6:after {
width: 100px;
height: 16px;
display: block;
content: "";
background: transparent;
position: absolute;
border-bottom: 2px solid #b3b3b3;
top: -3px;
z-index: -1;
}
.urunListe h6:before {
border-left: 2px solid #b3b3b3;
left: 0px;
border-radius: 0 0 0 3px;
-moz-border-radius: 0 0 0 3px;
-webkit-border-radius: 0 0 0 3px;
-o-border-radius: 0 0 0 3px;
-ms-border-radius: 0 0 0 3px;
}
.urunListe h6:after {
border-right: 2px solid #b3b3b3;
right: 0px;
border-radius: 0 0 3px 0;
-moz-border-radius: 0 0 3px 0;
-webkit-border-radius: 0 0 3px 0;
-o-border-radius: 0 0 3px 0;
-ms-border-radius: 0 0 3px 0;
}
*/
.urunDetayResim {
background: rgb(243,241,241);
background: -moz-linear-gradient(to bottom, rgba(243, 241, 241, 0.2) 2%,rgba(243, 241, 241, 0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(to bottom, rgba(243, 241, 241, 0.2) 2%,rgba(243, 241, 241, 0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(243, 241, 241, 0.2) 2%,rgba(243, 241, 241, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f1f1', endColorstr='#f3f1f1',GradientType=0 ); /* IE6-9 */
padding: 30px 0px;
position: relative;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-ms-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
}
.urunDetayResim img {
margin: 0 auto;
display: block;
width: auto !important;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-ms-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
z-index: 2;
position: relative;
height: 330px;
}
.urunDetayResim:after {
position: absolute;
display: block;
content: "";
left: 50%;
width: 167px;
height: 61px;
background: url("../images/golge.png") no-repeat;
-webkit-transform: translate(-50%);
-moz-transform: translate(-50%);
-ms-transform: translate(-50%);
-o-transform: translate(-50%);
transform: translate(-50%);
bottom: 20px;
z-index: 1;
opacity: .3;
-webkit-transition: all .4s ease;
-moz-transition: all .4s ease;
-ms-transition: all .4s ease;
-o-transition: all .4s ease;
transition: all .4s ease;
}
.urunDetayResim:hover {
background: -moz-linear-gradient(to bottom, rgba(243, 241, 241, 0.5) 7%,rgba(243, 241, 241, 0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(to bottom, rgba(243, 241, 241, 0.5) 7%,rgba(243, 241, 241, 0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(243, 241, 241, 0.5) 7%,rgba(243, 241, 241, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
padding: 10px 0px 30px;
}
.urunDetayResim:hover:after {
opacity: .8;
}
.urunDetayResim:hover img{
height: 350px;
}
.at-share-btn-elements{
text-align: center;
}
.sayfaDetay ul.menu {
margin-bottom: 30px;
}
ul.sayfabilgi {
margin: 0px;
padding: 0px;
}
ul.sayfabilgi li {
display: block;
float: left;
margin: 0 25px;
height: 40px;
line-height: 40px;
position: relative;
font-size: 16px;
}
body.ar ul.sayfabilgi li{
float: right !important;
}
ul.sayfabilgi li:first-child {
margin-left: 0px;
}
ul.sayfabilgi li:last-child {
margin-right: 0px;
}
ul.sayfabilgi li:last-child:after {
display: none;
}
ul.sayfabilgi li span {
padding: 4px 10px;
background-color: #eff0f5;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-o-border-radius: 5px;
-ms-border-radius: 5px;
color: #27313d;
}
ul.sayfabilgi li:after{
content: "";
width: 1px;
height: 40px;
background-color: #ccc;
display: block;
position: absolute;
right: -20px;
top: 0px;
}
.urunler h3.katBaslik, .urunDetay h3.katBaslik {
display: block;
padding: 7px 20px;
margin-bottom: 10px;
font-size: 20px;
margin-top: 40px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffe60a+0,f7ca27+100 */
background: rgb(240, 239, 245); /* Old browsers */
background: -webkit-linear-gradient(to bottom, rgb(240, 239, 245) 0%,rgb(228, 223, 223) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(to bottom, rgb(240, 239, 245) 0%,rgb(228, 223, 223) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgb(240, 239, 245) 0%,rgb(228, 223, 223) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0eff5', endColorstr='#e4dfdf',GradientType=0 ); /* IE6-9 */
color: #27313d;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
-ms-border-radius: 5px;
}
.urunler h3.katBaslik:first-child {
margin-top: 0px;
}
.digerUrunler {
margin-top: 30px;
}
.modern-tabs>li a {
font-size: 13px;
/*font-family: "Nunito", sans-serif;*/
padding: 9px 22px;
}
.tab-content>.tab-pane {
padding: 15px;
}
.urunDetaySayfa .table{
width: 100% !important;
height: auto;
}
.urunTable .table {
width: 62% !important;
}
.urunTable .table td:first-child{
width: 40% !important;
}
.urunTable .table td:last-child{
width: 60% !important;
}
.urunTable .table {
border: none !important;
}
.urunTable td {
border-top: none;
border-left: none;
border-right: none;
}
.kategoriTable .modern-tabs-container {
margin: 0px;
}
.kategoriTable .tab-pane {
padding: 0px;
}
.kategoriTable tr td strong{
float: right;
}
body.ar .kategoriTable tr td strong{
float: left;
}
body.ar .kategoriTable tr td {
text-align: right !important;
}
.form-control.hata {
border-color: #f00;
}
.form-control.ok {
border-color: #ced4da;
}
#formGonder {
font-size: 15px;
text-transform: uppercase;
font-weight: 600;
color: #333;
}
.form-group.required label:after {
content: "*";
display: block;
color:#c61717;
float: right;
margin-left: 5px;
}
.iletisimDetay {
margin-bottom: 30px;
}
.iletisimDetay a [class*=icon-], .iletisimDetay p [class*=icon-]{
font-size: 20px;
color: #0078b0;
margin-right: 10px;
}
.iletisimDetay [class*=fa-] {
margin-right: 10px;
}
.iletisimDetay p:last-child {
margin-bottom: 0px;
}
.sayfaDetay.iletisim .h3{
font-weight: 600;
}
.sayfaDetay.iletisim .classic_form {
margin-bottom: 15px;
}
body.ar {
direction: rtl !important;
text-align: right;
}
#home_slider, #home_slider * {
direction: ltr !important;
}
#home_slider .tp-kbimg , #home_slider .tp-kbimg-wrap, #home_slider .tp-bgimg, #home_slider .defaultimg, #home_slider .slotholder *, #home_slider li, #home_slider ul {
direction: unset !important;
}
body.ar #navigation.modern .columns .logo {
float: right !important;
}
body.ar #navigation.modern .columns .nav-elements {
float: left !important;
}
.dropdown-menu {
height: 50px !important;
padding: 3px 0 0 0px !important;
text-align: center;
}
.dropdown-menu li {
display: inline-block !important;
float:none !important;
width: auto !important;
}
.mkatBaslik {
display: none;
color: #333;
padding: 7px 20px;
margin-bottom: 10px;
font-size: 20px;
margin-top: 40px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffe60a+0,f7ca27+100 */
background: rgb(255,230,10); /* Old browsers */
background: -moz-linear-gradient(top, rgb(255,230,10) 0%, rgb(247,202,39) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgb(255,230,10) 0%,rgb(247,202,39) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgb(255,230,10) 0%,rgb(247,202,39) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe60a', endColorstr='#f7ca27',GradientType=0 ); /* IE6-9 */
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
-ms-border-radius: 5px;
margin-top: 0px;
margin-bottom: 0px;
}
@-webkit-keyframes inciAnimasyon1 { 0% { -webkit-transform: translate3d(-60%, -50%, 0); }
15% { -webkit-transform: translate3d(-45%, -50%, 0); }
100% { -webkit-transform: translate3d(-60%, -50%, 0); } }
@-moz-keyframes inciAnimasyon1 { 0% { -moz-transform: translate3d(-60%, -50%, 0); }
15% { -moz-transform: translate3d(-45%, -50%, 0); }
100% { -moz-transform: translate3d(-60%, -50%, 0); } }
@keyframes inciAnimasyon1 { 0% { -webkit-transform: translate3d(-60%, -50%, 0); -moz-transform: translate3d(-60%, -50%, 0); -ms-transform: translate3d(-60%, -50%, 0); -o-transform: translate3d(-60%, -50%, 0); transform: translate3d(-60%, -50%, 0); }
15% { -webkit-transform: translate3d(-45%, -50%, 0); -moz-transform: translate3d(-45%, -50%, 0); -ms-transform: translate3d(-45%, -50%, 0); -o-transform: translate3d(-45%, -50%, 0); transform: translate3d(-45%, -50%, 0); }
100% { -webkit-transform: translate3d(-60%, -50%, 0); -moz-transform: translate3d(-60%, -50%, 0); -ms-transform: translate3d(-60%, -50%, 0); -o-transform: translate3d(-60%, -50%, 0); transform: translate3d(-60%, -50%, 0); } }
@-webkit-keyframes inciAnimasyon2 { 0% { -webkit-transform: translate3d(-65%, -50%, 0); }
50% { -webkit-transform: translate3d(-50%, -50%, 0); }
100% { -webkit-transform: translate3d(-65%, -50%, 0); } }
@-moz-keyframes inciAnimasyon2 { 0% { -moz-transform: translate3d(-65%, -50%, 0); }
50% { -moz-transform: translate3d(-50%, -50%, 0); }
100% { -moz-transform: translate3d(-65%, -50%, 0); } }
@keyframes inciAnimasyon2 { 0% { -webkit-transform: translate3d(-65%, -50%, 0); -moz-transform: translate3d(-65%, -50%, 0); -ms-transform: translate3d(-65%, -50%, 0); -o-transform: translate3d(-65%, -50%, 0); transform: translate3d(-65%, -50%, 0); }
50% { -webkit-transform: translate3d(-50%, -50%, 0); -moz-transform: translate3d(-50%, -50%, 0); -ms-transform: translate3d(-50%, -50%, 0); -o-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); }
100% { -webkit-transform: translate3d(-65%, -50%, 0); -moz-transform: translate3d(-65%, -50%, 0); -ms-transform: translate3d(-65%, -50%, 0); -o-transform: translate3d(-65%, -50%, 0); transform: translate3d(-65%, -50%, 0); } }
.animsld1:before{
content: "";
width: 100%;
height: 115%;
background: url(../images/anim_res1.png) no-repeat;
background-size: 100% 100%;
position: absolute !important;
left: 53% !important;
top: 50% !important;
visibility: inherit !important;
z-index: 999999;
-webkit-animation: inciAnimasyon1 12s infinite;
-moz-animation: inciAnimasyon1 12s infinite;
animation: inciAnimasyon1 12s infinite;
background-image: transparent !important;
}
.animsld1:after{
content: " ";
width: 100%;
height: 115%;
background: url("../images/anim_res2.png") no-repeat;
background-size: 100% 100%;
position: absolute;
left: 31%;
top: 52%;
z-index: 100;
visibility: inherit !important;
z-index: 999999;
-webkit-animation: inciAnimasyon1 12s infinite;
-moz-animation: inciAnimasyon1 12s infinite;
animation: inciAnimasyon1 12s infinite;
}
.animsld2:before{
content: "";
width: 100%;
height: 115%;
background: url(../images/anim_res3.png) no-repeat;
background-size: 100% 100%;
position: absolute;
left: 60% !important;
top: 49% !important;
z-index: 100;
visibility: inherit !important;
z-index: 999999;
-webkit-animation: inciAnimasyon2 12s 1s infinite;
-moz-animation: inciAnimasyon2 12s 1s infinite;
animation: inciAnimasyon2 12s 1s infinite;
}
.inciAnim2 {
width: 1275px;
height: 115%;
background: url("../images/anim_res2.png") no-repeat;
background-size: 100% 100%;
position: absolute;
left: 53%;
top: 53%;
z-index: 100;
-webkit-animation: inciAnimasyon2 12s 1s infinite; -moz-animation: inciAnimasyon2 12s 1s infinite; animation: inciAnimasyon2 12s 1s infinite;
}
.inciAnim.first {
-webkit-animation: inciAnimasyon1 12s infinite; -moz-animation: inciAnimasyon1 12s infinite; animation: inciAnimasyon1 12s infinite;
}
.inciAnim2.last {
-webkit-animation: inciAnimasyon2 12s 1s infinite; -moz-animation: inciAnimasyon2 12s 1s infinite; animation: inciAnimasyon2 12s 1s infinite;
}
.unatRakamlar {
position: relative;
margin-top: -142px;
z-index: 101;
}
.unatRakamlar .container {
padding: 30px;
}
.unatRakamlar ul {
margin-bottom: 0px;
}
.unatRakamlar h4{
margin: 0px;
font-size: 25px;
color: #333;
letter-spacing: 0px;
font-weight: 700;
}
.unatRakamlar li {
position: relative;
float: left;
display: block;
width: 25%;
margin-top: -10px;
text-shadow:3px 3px 2px #fff;
}
.unatRakamlar h3 {
display: block;
font-size: 37px;
color: #333;
font-weight: 900;
}
.unatRakamlar h3 span{
font-size: 18px;
font-weight: 400;
}
.unatRakamlar p {
font-size: 23px;
font-weight: 600;
color: #333;
float: left;
}
body.ar .unatRakamlar p {
float: right;
}
.footer-social {
margin-top: 80px;
margin-bottom: 15px;
}
.footer-social a {
display: inline-block;
font-size: 36px;
margin: 0 10px;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.footer-social a:hover {
color: #262261;
}
@media only screen and (min-width:640px){
#navigation.modern .columns.container-xl{
padding:0 30px
}
}
@media (min-width: 1120px){
.ustMenu li.show1120 {
display: none !important;
}
}
@media (max-width:1120px){
.dropdown-menu:after{
display: none !important;
}
.ustMenu li {
display: block !important;
}
.ustMenu{
text-align: left !important;
}
.dropdown-menu li {
display: block !important;
}
.dropdown-menu {
height: auto !important;
padding:5px 0 0 0px !important;
text-align: left;
}
.lang {
display: none !important;
}
.nav-el {
display: none !important;
}
}
@media (max-width: 1024px){
.tp-caption {
text-shadow: 3px 3px 2px rgba(0, 0, 0, .6);
}
.inciAnim{
width: 100%;
height: 100%;
}
}
@media (max-width: 991px){
.unatRakamlar {
margin-top: 0px;
text-align: center;
}
.unatRakamlar li {
float: none;
display: inline-block;
width: auto;
margin: 0 25px;
text-shadow:none;
margin-bottom: 30px;
}
.unatRakamlar h3 {
color: #262261;
}
.unatRakamlar li.slogan-3, .unatRakamlar li.slogan-4{
margin-bottom: 0px;
}
}
@media (max-width: 768px){
.classic_footer .footer-body {
padding-bottom: 10px;
}
.footer-social {
margin-top: 0px !important;
margin-bottom: 5px;
}
.footer-list li {
font-size: 17px !important;
}
.classic_footer {
text-align: center;
}
.sayfaUst .baslik {
padding: 25px 0 60px;
}
.sayfaUst h2 {
font-size: 33px;
}
.menu li {
display: block;
width: 100%;
}
.menu li a {
margin-left: 0px;
margin-right: 0px;
background-color: #f3f3f3;
margin-bottom: 3px;
}
.sayfaDetay {
margin-bottom: 20px;
}
.modern-tabs>div, .modern-tabs>li, .modern-tabs>li a{
display: block;
width: 100%;
}
.urunTable .table {
width: 100% !important;
}
.sayfaDetay.urunDetay .tab-container {
padding-top: 20px;
}
.urunDetaySayfa h4.katBaslik {
margin-top: 20px;
}
.sayfabilgi {
display: none;
}
.mkatBaslik {
display: block;
}
.urunDetaySayfa .katBaslik{
display: none;
}
.iletisimDetay {
padding-left: 0;
padding-right: 0;
}
.iletisimDetay br {
display: none;
}
.iletisimDetay br:after{
content: "";
display: block;
position: relative;
}
}
@media (max-width: 600px){
.unatRakamlar {
text-align: left;
}
.unatRakamlar li {
width: 100%;
margin-right: 0px;
margin-left: 0px;
}
.unatRakamlar li.slogan-3{
margin-bottom: 30px;
}
}
@media (max-width: 576px){
.classic_footer {
padding: 0px;
}
#footer h6.ftitle {
background-color: #262261;
color: #fff;
padding: 10px 0;
}
.classic_footer .row {
margin-left: 0px;
margin-right: 0px;
}
.classic_footer .col-xs-12 {
padding-left: 0px;
padding-right: 0px;
}
.classic_footer .footer-body {
padding: 0px;
}
#footer [class*=col-xs-] img {
margin-top: 10px;
}
.urunDetaySayfa {
background-position: center bottom !important;
}
.footer-social {
margin-top: 25px;
margin-bottom: 25px;
}
}
@media (max-width: 500px){
.urunDetaySayfa {
background-size: contain !important;
}
.inciAnim {
height: 50%;
}
}
.urunler-slider .owl-item{
text-align: center;
}
.urunler-slider img{
display: inline-block!important;
width: auto!important;
}
.ana_urun {
text-align: center;
margin-bottom: 30px;
display: flex;
justify-content: space-between;
align-items: center;
}
.ana_urun a img:hover {
opacity: .8;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.tab-list ul{
padding-bottom: 6px;
border-bottom: 2px solid #fff;
padding-top: 20px;
text-align: left;
}
.tab-list li {
display: inline-block;
list-style: none;
position: relative;
}
.tab-list li a {
display: block;
padding: 8px 15px;
}
.tab-list li.active:after {
content: ' ';
position: absolute;
bottom:-8px;
left:50%;
margin-left:-10px;
background:url("../images/li_active.png") no-repeat;
width:20px;
height: 17px;
}
.tab-data {
display: block;
position: relative;
clear: both;
}
.tab-data .tab {
display: none;
}
.tab-data .tab.active {
display: block;
}
.haber {
margin-top: 40px;
margin-bottom: 40px;
}
.haber .haber-img {
margin-bottom: 30px;
box-shadow: 2px 2px 2px #ccc;
}
.haber .haber-img:hover {
opacity: .6;
padding: 2px;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.haber h3 {
color: #025590;
}
.haber h3:hover {
color: #cccccc8c;
}
.haber p span{
color: #888;
font-size: 15px;
margin-bottom: 20px;
margin-top: 10px;
}
.haber p {
font-size: 16px;
width: 320px;
color: #777;
margin-bottom: 0;
line-height: 28px;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}
.haber a {
font-size: 15px;
color: #333;
margin-top: 20px;
padding: 5px;
border-radius: 4px;
margin-right: 45px;
float: right;
}
.haber a:hover {
color: #cccccc8c;
}
.haber_ana {
background-color: #f2f2f2ba;
border-radius: 4px;
box-shadow: 3px 3px 3px #ccc;
margin-bottom: 30px;
margin-top: 20px;
}
.haber_ana:hover {
opacity: .6;
}
.anasayfaUrunler:after {
position: absolute;
z-index: 1;
width: 100%;
height: 100%;
content:"";
top: 0;
left: 0;
background-color: rgba(230, 230, 230, 0.76);
}
.parallax {
background-image: url("../images/bg-1-min.jpg");
min-height: 450px;
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.logo-list{
padding: 10px;
box-shadow: 2px 2px 2px #ccc;
}
.logo-list .logo-img {
text-align: center;
background-color: #d4d4d4;
}
.download-btn {
display: block;
background: rgb(240, 239, 245); /* Old browsers */
background: -webkit-linear-gradient(to bottom, rgb(240, 239, 245) 0%,rgb(228, 223, 223) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(to bottom, rgb(240, 239, 245) 0%,rgb(228, 223, 223) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgb(240, 239, 245) 0%,rgb(228, 223, 223) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0eff5', endColorstr='#e4dfdf',GradientType=0 ); /* IE6-9 */
color: #27313d;
padding:7px 0;
text-align: center;
font-size: 16px;
font-weight: 600;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.download-btn:hover {
background: #f2d401;
}
.logo-box {
border-top:none;
padding-top:15px;
}
.logo-box h3 {
margin-bottom: 10px;
text-align: center;
font-size: 25px;
}
.play_btn {
width: 60px;
height: 60px;
font-size: 24px;
text-align: center;
line-height: 60px;
top: 72%;
left: 50%;
margin-left: -40px;
background-color: #ed1c24;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
}
.play_btn i.fa {
position: relative;
z-index: 5;
}
.intro-banner-vdo-play-btn{
left: 20px;
top:45%;
}
.intro-banner-vdo-play-btn{
height: 10px;
width: 10px;
position:absolute;
top:50%;
left:50%;
text-align:center;
margin: -5px 0 0 -5px;
border-radius: 100%;
z-index:1;
}
.intro-banner-vdo-play-btn i{
line-height:56px;
font-size:30px
}
.intro-banner-vdo-play-btn .ripple{
position: absolute;
width: 100px;
height: 100px;
z-index: -1;
left: 50%;
top: 50%;
opacity: 0;
margin: -50px 0 0 -50px;
border-radius: 100%;
-webkit-animation: ripple 1.8s infinite;
animation: ripple 1.8s infinite;
background-color: #f44a60;
}
@-webkit-keyframes ripple{
0%{
opacity:1;
-webkit-transform:scale(0);
transform:scale(0)
}
100%{
opacity:0;
-webkit-transform:scale(1);
transform:scale(1)
}
}
@keyframes ripple{
0%{
opacity:1;
-webkit-transform:scale(0);
transform:scale(0)
}
100%{
opacity:0;
-webkit-transform:scale(1);
transform:scale(1)
}
}
.intro-banner-vdo-play-btn .ripple:nth-child(2){
animation-delay:.3s;
-webkit-animation-delay:.3s
}
.intro-banner-vdo-play-btn .ripple:nth-child(3){
animation-delay:.6s;
-webkit-animation-delay:.6s
}
.cbp-item{
background-color: #efefef;
border:1px solid #efefef;
}
.cbp-l-caption-alignCenter .cbp-l-caption-body i {
font-size: 36px;
color: #fff;
}
.side-menu li{
display: block;
width: 100%;
background: transparent;
}
.side-menu li a {
display: block;
padding: 8px 0px;
font-size: 18px;
margin: 0px;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
font-weight: 600;
border-bottom: 1px dotted #ccc;
}
.side-menu li a i {
margin-right: 3px;
color:#999;
font-size: 16px;
}
.side-menu li:hover a, .side-menu li.active a {
color: #026996 !important;
background-color: transparent !important;
background: transparent !important;
}
.hovered-image {
position: relative;
overflow: hidden;
}
.hovered-image:before {
position: absolute;
content: '';
left: 0px;
top: 0px;
width: 100%;
height: 100%;
display: block;
z-index: 8;
opacity: 0;
-webkit-transform: perspective(400px) rotateX(-90deg);
-ms-transform: perspective(400px) rotateX(-90deg);
transform: perspective(400px) rotateX(-90deg);
-webkit-transform-origin: top;
-ms-transform-origin: top;
transform-origin: top;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
background-color: rgba(37, 31, 81, .6);;
}
.hovered-image:hover:before {
opacity: 1;
-webkit-transform: perspective(400px) rotateX(0deg);
-ms-transform: perspective(400px) rotateX(0deg);
transform: perspective(400px) rotateX(0deg);
}
.hovered-image img {
width: 100%;
-webkit-transition: .7s ease;
-o-transition: .7s ease;
transition: .7s ease;
}
.hovered-image:hover img {
-webkit-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);
}
.hovered-image .overlay a {
background: rgba(255, 255, 255, 0.85) none repeat scroll 0 0;
border-radius: 50%;
color: #222;
font-size: 20px;
height: 60px;
margin: 0 5px;
line-height: 60px;
opacity: 0;
display: inline-block;
text-align: center;
-webkit-transform: translateX(0%) translateY(-30%) scale(0.5);
-ms-transform: translateX(0%) translateY(-30%) scale(0.5);
transform: translateX(0%) translateY(-30%) scale(0.5);
-webkit-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
width: 60px;
}
.hovered-image .overlay a:hover {
background: rgba(255, 255, 255, 1) none repeat scroll 0 0;
color: #ff4747;
}
.hovered-image:hover .overlay a {
opacity: 1;
-webkit-transform: translateX(0) translateY(0%) scale(1);
-ms-transform: translateX(0) translateY(0%) scale(1);
transform: translateX(0) translateY(0%) scale(1);
}
.hovered-image .overlay {
left: 0;
opacity: 0;
position: absolute;
right: 0;
text-align: center;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
z-index: 10;
color: #fff;
font-size: 35px;
}
.hovered-image .overlay i {
position: absolute;
left: 50%;
top:50%;
-webkit-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
-o-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
}
.hovered-image:hover .overlay {
opacity: 1;
}
body.ar #navigation.modern:after {
left: inherit;
}
body.ar #navigation.modern.white-nav:before {
background-position: bottom right;
right: 0;
top: 0;
left: inherit;
}
body.ar .lang {
left: 30px;
right: inherit;
}
body.ar .lang ul, body.ar .lang ul li {
width: 100%;
}
body.ar .lang ul li ul {
right: 0;
}
@media (max-width: 1705px){
.dropdown-menu:after,
#navigation.modern.white-nav:before,
#navigation.modern.white-nav:after {
width: 87%;
}
.lang {
width: 90px !important;
}
#navigation.modern .columns ul {
padding-right: 50px;
}
}
@media (max-width: 1500px){
#navigation.modern .columns ul {
padding-right: 140px;
}
}
@media (max-width: 1200px){
#navigation.modern .columns ul li a, #navigation.modern .columns ul li button{
padding:0 10px;
}
}
@media (max-width: 1120px){
.dropdown-menu:after,
#navigation.modern.white-nav:before,
#navigation.modern.white-nav:after {
width: 100%;
}
}
@media (max-width: 991px) {
.logo-list{
margin-bottom: 30px;
}
}
@media (max-width: 500px){
#navigation.modern .columns .logo a, #navigation.modern .columns .logo{
margin-top: 4px;
}
#navigation.modern .columns .logo a, #navigation.modern .columns .logo img {
max-height: 80px;
}
}
.haber_ana p{
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}
.kategori_ul {
height: 30px;
width: 260px;
border-bottom: 1px solid #000 !important;
padding-top: 0 !important;
border: 1px #000 solid;
}
.kategori_ul li {
padding: 0px 10px;
z-index: 2;
width: 100%;
}
.kategori_ul li:not(.init)
{
float: left;
width: 260px;
display: none;
background: #ddd;
}
.kategori_ul li a{
display: block;
padding: 1px 0px !important;
}
.kategori_ul li:not(.init):hover, ul li.selected:not(.init) { background: #09f; }
.kategori_ul li.init { cursor: pointer; }
a#submit { z-index: 1; }
.wrap-drop {
background: #e7ded5;
box-shadow: 3px 3px 3px rgb(0 0 0 / 20%);
cursor: pointer;
/* margin: 0 auto; */
max-width: 260px;
padding: 1rem;
position: relative;
width: 260px;
z-index: 3;
}
.wrap-drop::after {
border-color:#695d52 transparent;
border-style:solid;
border-width:10px 10px 0;
content:"";
height:0;
margin-top:-4px;
position:absolute;
right:1rem;
top:50%;
width:0;
}
.wrap-drop .drop {
background: #e7ded5;
box-shadow: 3px 3px 3px rgb(0 0 0 / 20%);
display: none;
left: 0;
list-style: none;
margin-top: 0;
opacity: 0;
padding-left: 0;
pointer-events: none;
position: absolute;
right: 0;
top: 100%;
z-index: 2;
width: 260px;
}
.wrap-drop .drop li a {
color:#695d52;
display:block;
padding:1rem;
text-decoration:none;
}
.wrap-drop span {
color:#928579;
}
.wrap-drop .drop li:hover a {
background-color:#695d52;
color:#e7ded5;
}
.wrap-drop.active::after {
border-width:0 10px 10px;
}
.wrap-drop.active .drop {
display:block;
opacity:1;
pointer-events:auto;
}
.tab-list .drop {
padding-bottom: 10px !important;
border-bottom: 2px solid #fff !important;
padding-top: 0px !important;
text-align: left !important;
}
.tab-list .drop li.active:after {
content: ' ';
position: absolute;
display: none;
bottom: -8px;
left: 50%;
margin-left: -10px;
background: url(../images/li_active.png) no-repeat;
width: 20px;
height: 17px;
}
.hakkimizda_blog{
margin-top: 60px;
margin-bottom: 30px;
}
.hakkimizda_blog .hakkimizda_baslik{
border-bottom: 2px dashed #26225f;
font-size:33px;
padding:10px 0;
margin-bottom: 20px;
color: #26225f;
}
.hakkimizda_blog .hakkimizda_p{
font-size: 18px;
margin-bottom: 20px;
}
.anasayfa_urunler{
margin-top: 80px;
}
@media only screen and (max-width:571px) {
.hakkimizda_blog{
margin-top: 15px;
margin-bottom: 30px;
}
.hakkimizda_blog .hakkimizda_baslik{
border-bottom: 2px dashed #26225f;
font-size: 23px;
padding: 10px 0;
margin-bottom: 20px;
color: #26225f;
}
.hakkimizda_blog .hakkimizda_p{
font-size: 15px;
margin-bottom: 10px;
}
.anasayfa_urunler{
margin-top: 40px;
}
.ana_urun {
text-align: center;
margin-bottom: 30px;
display: block;
justify-content: space-between;
align-items: center;
}
.wrap-drop span {
color: #928579;
line-height: 0px;
}
.haber_ana {
background-color: #f2f2f2ba;
border-radius: 4px;
box-shadow: 3px 3px 3px #ccc;
margin-bottom: 10px;
margin-top: 15px;
}
section.sayfa .sayfaic {
background-color: #fff;
margin-top: -40px;
padding: 5px;
border-radius: 5px 5px 0 0;
-webkit-border-radius: 5px 5px 0 0;
-moz-border-radius: 5px 5px 0 0;
-o-border-radius: 5px 5px 0 0;
-ms-border-radius: 5px 5px 0 0;
}
.haber a {
font-size: 15px;
color: #333;
margin-top: 20px;
padding: 5px;
border-radius: 4px;
margin-right: 0;
float: none;
}
.haber p {
font-size: 16px;
width: 100%;
color: #777;
margin-bottom: 0;
line-height: 28px;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}
.haber {
margin-top: 0px;
margin-bottom: 0px;
}
.haber_mobil_bosluk{
margin-top: 15px;
}
body.ar {
direction: rtl !important;
text-align: right;
position: relative;
display: contents;
}
#navigation.modern.scrolled .columns .logo a, #navigation.modern.scrolled .columns .logo img {
max-height: 83px;
margin-top: -5px;
}
}
.dropdown-menu.kategori_menu:after{
display: none!important;
}
.dropdown-menu.kategori_menu {
height: 300px !important;
padding: 3px 0 0 0px !important;
text-align: center;
background-color: #c1ad91;
}