body,h1,h2,h3,h4,h5,h6,html{
-moz-osx-font-smoothing:grayscale
}
.overlay-bg,a{
-webkit-transition:all .5s ease
}
a:active,a:focus,a:hover{
text-decoration:none
}
.testimonials-dtl p,blockquote{
font-style:italic
}
.home-slider,.news-img,.portfolio-img{
overflow:hidden
}
.appointment-form textarea:focus,.comment-form textarea:focus{
outline:-webkit-focus-ring-color auto 0
}
.btn-default:before,.btn-orange:before{
z-index:-1;
top:0;
bottom:0;
left:0;
right:0;
content:""
}
body,p{
font-family: 'Lato', sans-serif;
line-height:1.73;
color:#3A3A3A;
font-size:15px;
font-weight:400
}
body,html{
height:100%;
-webkit-font-smoothing:antialiased;
font-smoothing:antialiased
}
h1,h2,h3,h4,h5,h6{
font-family: 'Lato', sans-serif;
-webkit-font-smoothing:antialiased;
font-smoothing:antialiased;
font-weight:700;
color:#000;
margin:0;
text-transform:uppercase
}
h1{
font-size:41px
}
h2{
font-size:36px
}
h3{
font-size:32px
}
h4{
font-size:24px
}
h5{
font-size:18px
}
h6{
font-size:16px
}
a{
color:#0891FF;
-ms-transition:all .5s ease;
-o-transition:all .5s ease;
-moz-transition:all .5s ease;
transition:all .5s ease
}
.overlay-bg,.read-more{
-ms-transition:all .5s ease;
-o-transition:all .5s ease;
-moz-transition:all .5s ease
}
a:focus,a:hover{
color:#F93
}
blockquote{
font-size:15px;
font-weight:400;
line-height:1.64
}
ul{
list-style:none;
margin:0;
padding:0
}
.btn-default,.btn-orange{
padding:10px 15px;
vertical-align:middle;
box-shadow:0 0 1px transparent;
-moz-osx-font-smoothing:grayscale;
font-size:14px;
text-align:center;
display:inline-block
}
.clr-white{
color:#FFF
}
.clr-orange{
color:#F93
}
.clr-black{
color:#000
}
.clr-blue{
color:#0891FF
}
::-webkit-input-placeholder{
color:#3A3A3A!important
}
::-moz-placeholder{
color:#3A3A3A!important
}
::-ms-input-placeholder{
color:#3A3A3A!important
}
::-o-input-placeholder{
color:#3A3A3A!important
}
.overlay-bg{
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
background:rgba(0,0,0,.5);
transition:all .5s ease
}
.owl-next,.owl-prev,.read-more{
-webkit-transition:all .5s ease
}
.parallax{
width:100%;
background-position:50% 0;
background-repeat:no-repeat;
background-size:cover;
background-attachment:fixed;
position:relative
}
.btn-default{
color:#FFF;
border-radius:0;
border:none;
background:#0891FF;
-webkit-transform:translateZ(0);
transform:translateZ(0);
-webkit-backface-visibility:hidden;
backface-visibility:hidden;
position:relative;
-webkit-transition-property:color;
transition-property:color;
-webkit-transition-duration:.3s;
transition-duration:.3s
}
.btn-default:before,.btn-orange{
-webkit-transition-duration:.3s
}
.btn-default:before{
position:absolute;
background:#F93;
-webkit-transform:scaleX(0);
transform:scaleX(0);
-webkit-transform-origin:0 50%;
transform-origin:0 50%;
-webkit-transition-property:transform;
transition-property:transform;
transition-duration:.3s;
-webkit-transition-timing-function:ease-out;
transition-timing-function:ease-out
}
.btn-default:active,.btn-default:focus,.btn-default:hover{
color:#FFF;
background:#0891FF
}
.btn-default:active:before,.btn-default:focus:before,.btn-default:hover:before{
-webkit-transform:scaleX(1);
transform:scaleX(1)
}
.btn-orange{
color:#FFF;
border-radius:0;
border:none;
background:#0891ff;
-webkit-transform:translateZ(0);
transform:translateZ(0);
-webkit-backface-visibility:hidden;
backface-visibility:hidden;
position:relative;
-webkit-transition-property:color;
transition-property:color;
transition-duration:.3s
}
.btn-orange:before{
position:absolute;
background:#0891FF;
-webkit-transform:scaleX(0);
transform:scaleX(0);
-webkit-transform-origin:0 50%;
transform-origin:0 50%;
-webkit-transition-property:transform;
transition-property:transform;
-webkit-transition-duration:.3s;
transition-duration:.3s;
-webkit-transition-timing-function:ease-out;
transition-timing-function:ease-out
}
.btn-orange:active,.btn-orange:focus,.btn-orange:hover{
color:#FFF
}
.btn-orange:active:before,.btn-orange:focus:before,.btn-orange:hover:before{
-webkit-transform:scaleX(1);
transform:scaleX(1)
}
.read-more{
font-size:14px;
line-height:1.71;
color:#0891FF;
transition:all .5s ease
}
.read-more:hover{
color:#F93
}
.section{
margin:0 0 40px
}
.section-heading{
color:#000
}
.sub-heading{
font-size:15px;
font-weight:400;
line-height:1.2;
color:#000;
margin-top:8px
}
.form-control:focus{
border-color:rgba(8,145,255,1);
-webkit-box-shadow:none;
box-shadow:none
}
.owl-prev{
left:0
}
.owl-next{
right:0
}
.owl-next,.owl-prev{
color:#FFF;
font-size:50px;
position:absolute;
top:50%;
transform:translate(0,-50%);
width:54px;
height:84px;
background-color:rgba(0,0,0,.6);
text-align:center;
line-height:84px;
z-index:10;
cursor:pointer;
-ms-transition:all .5s ease;
-o-transition:all .5s ease;
-moz-transition:all .5s ease;
transition:all .5s ease
}
.owl-next:hover,.owl-prev:hover{
background-color:rgba(0,0,0,1);
color:#FFF
}
.owl-dots{
margin:0 auto;
left:0;
right:0;
text-align:center
}
.owl-dot{
width:10px;
height:10px;
border-radius:100%;
border:1px solid #000;
background:0 0;
margin-right:5px;
display:inline-block
}
.owl-dot.active{
border:1px solid #0891FF;
background:#0891FF
}
.mrgn-top-30{
margin-top:30px
}
@media (max-width:992px){
.mrgn-top-30{
margin-top:0
}
}
.breadcrumb{
position:absolute;
background-color:transparent;
padding:8px 0
}
.breadcrumb li a{
font-size:14px;
font-weight:400
}
.info-bar ul li,.top-menu ul li{
font-size:13px;
font-weight:300;
line-height:2.5;
display:inline-block
}
.breadcrumb li.active a{
color:#F93
}
.page-banner-main{
width:100%;
height:220px;
background-position:50% 0;
background-repeat:no-repeat;
background-size:cover;
position:relative
}
.page-banner-main .page-banner-block{
width:auto;
height:auto;
background-color:rgba(255,255,255,.8);
padding:22px 100px 57px 29px;
border-left:5px solid #0891FF;
position:absolute;
top:50%;
transform:translate(0,-50%)
}
.drop-shadow,.home-slider-bg,.navigation,.slider-dtl,.work-gallery-main-block{
position:relative
}
.page-banner-main .section{
margin:0 0 8px
}
.facebook:hover{
color:#3B5998
}
.twitter:hover{
color:#1DA1F2
}
.pinterest:hover{
color:#BD081C
}
.google-plus:hover{
color:#DD4B39
}
.tumblr:hover{
color:#35465C
}
.stumbleupon:hover{
color:#EB4924
}
.wordpress:hover{
color:#21759B
}
.instagram:hover{
color:#405DE6
}
.dribble:hover{
color:#EA4C89
}
.vimeo:hover{
color:#1AB7EA
}
.linkedin:hover{
color:#0077B5
}
.rss:hover{
color:#F26522
}
.top-bar{
height:40px;
background-color:#314f6d;
border-top:4px solid #e0ab13;
}
.social-icon,.social-icon ul li{
background-color:transparent;
text-align:center
}
.info-bar ul li{
color:#fff;
margin-right:15px
}
.info-bar ul li i{
color:#e0ab13;
margin-right:7px
}
.top-bar-right{
text-align:right
}
.top-menu{
display:inline-block
}
.top-menu ul li{
color:#424242;
margin-right:10px
}
.top-menu ul li a{
color:#424242
}
.top-menu ul li a:hover{
color:#F93
}
.social-icon{
float:right;
width:165px
}
.social-icon ul li{
display:inline-block;
border:2px solid #fff;
width:30px;
height:30px;
line-height:25px;
border-radius:100%;
margin:1.5px 0 3.5px;
-webkit-transition:all .3s ease;
-ms-transition:all .3s ease;
-o-transition:all .3s ease;
-moz-transition:all .3s ease;
transition:all .3s ease
}
.home-slider .owl-controls,.home-slider .owl-prev{
-webkit-transition:all .5s ease;
-ms-transition:all .5s ease;
-o-transition:all .5s ease;
-moz-transition:all .5s ease
}
.social-icon ul li a{
color:#fff;
}
.social-icon ul li:hover{
background-color:#3A3A3A
}
.social-icon ul li:hover a{
color:#FFF
}
.logo{
padding:5px 0 5px;
}
.info-box{
margin-top:29px;
border-right:1px solid #F4F4F4
}
.info-box-heading{
color:#000;
font-family:Poppins,sans-serif;
font-size:14px
}
.info-box-heading i{
color:#0891FF;
margin-right:8px
}
.info-box-details{
color:#3A3A3A;
font-weight:700;
font-size:14px
}
.info-box-btn{
margin-top:34px
}
.info-box-btn .btn-default:hover{
display:block
}
.navigation{
margin:auto;
z-index:1111;
background-color:#000
}
@media(max-width:767px){
.owl-nav{
visibility:hidden
}
.logo img{
width:40%;
margin:0 auto;
left:0;
right:0;
display:block
}
.navigation{
margin-top:0;
background-color:transparent
}
#cssmenu.small-screen #menu-button:before,#cssmenu.small-screen .submenu-button:after,#cssmenu.small-screen .submenu-button:before{
background:#000
}
#cssmenu>ul>li>a{
color:#000;
padding:16px 15px
}
#cssmenu.small-screen #menu-button{
color:#000;
font-size:14px
}
#cssmenu.small-screen #menu-button:after{
background:#000;
border-top:2px solid #000;
border-bottom:2px solid #000
}
#cssmenu.small-screen ul ul li a,#cssmenu.small-screen ul ul li a:hover{
color:#FFF
}
#cssmenu.small-screen .submenu-button.submenu-opened{
background:#0891FF
}
.info-box{
text-align:center;
margin-bottom:30px
}
}
@media (min-width:767px) and (max-width:992px){
.logo img{
display:block;
margin:0 auto
}
.navigation{
margin-top:0
}
#cssmenu>ul>li{
margin-top:15px
}
#cssmenu>ul>li>a{
padding:10px
}
}
.home-slider-bg{
width:100%;
height:500px;
background-position:50% 0;
background-repeat:no-repeat;
background-size:cover
}
.slider-heading{
color:#FFF;
font-size:60px
}
.slider-dtl{
text-align:center;
background-color:transparent;
margin-top:150px
}
.slider-dtl-left{
text-align:left
}
.slider-dtl-right{
text-align:right
}
.slider-dtl p{
width:60%;
margin:0 auto 20px;
color:#FFF
}
.slider-dtl-left p{
text-align:left;
margin:0 0 20px
}
.slider-dtl-right p{
text-align:right;
width:100%;
padding-left:40%;
margin:0 0 20px
}
.home-slider .owl-controls{
opacity:0;
transition:all .5s ease
}
.home-slider:hover .owl-controls{
opacity:1
}
.home-slider .owl-prev{
left:-30px;
transition:all .5s ease
}
.home-slider .owl-next{
right:-30px;
-webkit-transition:all .5s ease;
-ms-transition:all .5s ease;
-o-transition:all .5s ease;
-moz-transition:all .5s ease;
transition:all .5s ease
}
.home-slider.owl-carousel .owl-item .slider-dtl p,.home-slider.owl-carousel .owl-item .slider-heading{
-webkit-transition:all 1s ease;
-ms-transition:all 1s ease;
-o-transition:all 1s ease;
-moz-transition:all 1s ease
}
.home-slider:hover .owl-prev{
left:0
}
.home-slider:hover .owl-next{
right:0
}
.home-slider.owl-carousel .owl-item .slider-heading{
opacity:0;
margin-left:-500px;
transition:all 1s ease;
-webkit-transition-delay:1.3s;
-ms-transition-delay:1.3s;
-o-transition-delay:1.3s;
-moz-transition-delay:1.3s;
transition-delay:1.3s
}
.home-slider.owl-carousel .owl-item.active .slider-heading{
opacity:1;
margin-left:0
}
.home-slider.owl-carousel .owl-item .slider-dtl p{
opacity:0;
transition:all 1s ease;
-webkit-transition-delay:1.8s;
-webkit-transition-delay:1.3s;
-ms-transition-delay:1.8s;
-o-transition-delay:1.8s;
-moz-transition-delay:1.8s;
transition-delay:1.8s
}
.home-slider.owl-carousel .owl-item.active .slider-dtl p{
opacity:1
}
.home-slider.owl-carousel .owl-item .slider-btn{
opacity:0;
-webkit-transition:all 1s ease;
-ms-transition:all 1s ease;
-o-transition:all 1s ease;
-moz-transition:all 1s ease;
transition:all 1s ease;
-webkit-transition-delay:2s;
-ms-transition-delay:2s;
-o-transition-delay:2s;
-moz-transition-delay:2s;
transition-delay:2s
}
.service-block,.who-we-are-icon{
-o-transition:all .5s ease;
-moz-transition:all .5s ease
}
.home-slider.owl-carousel .owl-item.active .slider-btn{
opacity:1
}
@media(max-width:767px){
.slider-dtl{
width:80%;
height:auto
}
}
.who-we-are-main-block{
background-color:#F4F4F4;
padding:73px 0
}
.who-we-are-main-block .section-heading{
margin-bottom:5px
}
.who-we-are-points{
margin-top:33px
}
.who-we-are-block{
margin-bottom:25px
}
.who-we-are-icon{
width:65px;
height:60px;
font-size:45px;
line-height:18px;
color:#0891FF;
text-align:center;
background-color:transparent;
border:2px solid #DEDEDE;
margin-right:25px;
display:inline-block;
float:left;
-webkit-transition:all .5s ease;
-ms-transition:all .5s ease;
transition:all .5s ease
}
.who-we-are-icon .fa{padding-top:5px;}
.service-heading,.who-we-are-heading{
line-height:1.33;
text-transform:none
}
.drop-shadow,.service-block{
-webkit-transition:all .5s ease;
-ms-transition:all .5s ease
}
.who-we-are-block:hover .who-we-are-icon{
color:#FFF;
background-color:#0891FF;
border:2px solid #0891FF
}
.who-we-are-dtl{
display:table
}
.who-we-are-heading{
margin-bottom:4px
}
.services-main-block{
margin:73px 0 7px
}
.service-block{
margin-bottom:62px;
transition:all .5s ease
}
.curved:before,.drop-shadow{
-o-transition:all .5s ease;
-moz-transition:all .5s ease
}
.service-icon img{
display:block;
margin:0 auto;
left:0;
right:0
}
.drop-shadow{
float:left;
padding:12px;
background:#FFF;
-webkit-box-shadow:0 1px 4px rgba(0,0,0,.1),0 0 1px rgba(0,0,0,.1) inset;
-mox-box-shadow:0 1px 4px rgba(0,0,0,.1),0 0 1px rgba(0,0,0,.1) inset;
box-shadow:0 1px 4px rgba(0,0,0,.1),0 0 1px rgba(0,0,0,.1) inset;
transition:all .5s ease
}
.drop-shadow:after,.drop-shadow:before{
content:"";
position:absolute;
z-index:-2
}
.curved:before{
top:10px;
bottom:10px;
left:0;
right:50%;
-webkit-box-shadow:0 0 15px rgba(0,0,0,.6);
-mox-box-shadow:0 0 15px rgba(0,0,0,.6);
box-shadow:0 0 15px rgba(0,0,0,.6);
-moz-border-radius:10px/100px;
border-radius:10px/100px;
-webkit-transition:all .5s ease;
-ms-transition:all .5s ease;
transition:all .5s ease
}
.service-block:hover.drop-shadow,.team-block:hover.drop-shadow{
-webkit-box-shadow:0 1px 4px rgba(8,145,255,.1),0 0 1px rgba(8,145,255,.1) inset;
-mox-box-shadow:0 1px 4px rgba(8,145,255,.1),0 0 1px rgba(8,145,255,.1) inset
}
.service-heading,.work-gallery-block img{
-webkit-transition:all .5s ease;
-ms-transition:all .5s ease;
-o-transition:all .5s ease;
-moz-transition:all .5s ease
}
.curved.shadow:before{
top:50%;
bottom:0;
left:10px;
right:10px;
-moz-border-radius:100px/10px;
border-radius:100px/10px
}
.service-block:hover.drop-shadow{
box-shadow:0 1px 4px rgba(8,145,255.1),0 0 1px rgba(8,145,255,.1) inset
}
.service-block:hover.curved:before{
-webkit-box-shadow:0 0 15px rgba(8,145,255,1);
-mox-box-shadow:0 0 15px rgba(8,145,255,1);
box-shadow:0 0 15px rgba(8,145,255,1)
}
.service-heading{
margin:17px 0 10px;
transition:all .5s ease
}
.service-block:hover .service-heading{
color:#0891FF
}
.work-gallery-main-block .parallax{
padding:74px 0 80px
}
.work-gallery-main-block .overlay-bg{
background-color:rgba(0,0,0,.8);
mix-blend-mode:hue
}
.work-gallery-main-block .overlay-bg-2{
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
background-color:rgba(0,0,0,.8);
mix-blend-mode:multiply
}
.work-gallery-main-block .section-heading,.work-gallery-main-block .sub-heading{
color:#FFF;
position:relative
}
.work-gallery-block{
position:relative;
overflow:hidden
}
.work-gallery-block .overlay-bg{
text-align:center;
background-color:rgba(255,153,51,1);
-webkit-transform:scale(0);
-moz-transform:scale(0);
-ms-transform:scale(0);
-o-transform:scale(0);
transform:scale(0)
}
.work-gallery-block:hover .overlay-bg{
-webkit-transform:scale(.95);
-moz-transform:scale(.95);
-ms-transform:scale(.95);
-o-transform:scale(.95);
transform:scale(.95);
mix-blend-mode:multiply
}
.work-gallery-block img{
transition:all .5s ease
}
.work-gallery-block:hover img{
-webkit-transform:scale(1.3);
-moz-transform:scale(1.3);
-ms-transform:scale(1.3);
-o-transform:scale(1.3);
transform:scale(1.3)
}
.work-gallery-block .overlay-bg i{
color:#FFF;
font-size:25px;
line-height:50px;
border-radius:100%;
border:2px solid #FFF;
width:50px;
height:50px;
text-align:center;
position:absolute;
top:50%;
left:50%;
margin-right:-50%;
transform:translate(-50%,-50%);
-webkit-transition:all .5s ease;
-ms-transition:all .5s ease;
-o-transition:all .5s ease;
-moz-transition:all .5s ease;
transition:all .5s ease
}
.team-img,.team-img img{
position:relative
}
.work-gallery-block .overlay-bg i:hover{
background-color:#0891FF
}
.work-gallery-two-main-block{
padding:72px 0 80px
}
.work-gallery-two-main-block .section-heading,.work-gallery-two-main-block .sub-heading{
color:#000
}
.team-main-block{
margin:73px 0 50px
}
.team-block{
margin-bottom:30px
}
.team-img img{
display:block;
margin:0 auto;
left:0;
width:100%;
right:0
}
.team-img .overlay-bg{
text-align:center;
background-color:rgba(255,153,51,1);
-webkit-transform:scale(0);
-moz-transform:scale(0);
-ms-transform:scale(0);
-o-transform:scale(0);
transform:scale(0)
}
.team-block:hover .team-img .overlay-bg{
-webkit-transform:scale(.95);
-moz-transform:scale(.95);
-ms-transform:scale(.95);
-o-transform:scale(.95);
transform:scale(.95);
mix-blend-mode:multiply
}
.team-dtl{
position:absolute;
top:40%;
left:50%;
margin-right:-50%;
transform:translate(-50%,-50%);
opacity:0;
-webkit-transition:all 2s ease;
-ms-transition:all 2s ease;
-o-transition:all 2s ease;
-moz-transition:all 2s ease;
transition:all 2s ease
}
.team-block:hover .team-dtl{
top:50%;
opacity:1
}
.team-heading{
margin-top:16px;
color:#FFF
}
.team-post{
color:#FFF
}
.team-social{
margin-top:8px;
padding-top:12px;
border-top:1px solid #E7E7E7
}
.team-social ul li{
display:inline-block;
width:35px;
height:35px;
color:#FFF;
line-height:35px;
background-color:#FFF;
-webkit-transition:all .5s ease;
-ms-transition:all .5s ease;
-o-transition:all .5s ease;
-moz-transition:all .5s ease;
transition:all .5s ease
}
.team-social ul li a{
color:#0891FF
}
.team-social ul li:hover{
color:#FFF;
background-color:#0891FF
}
.team-social ul li:hover a{
color:#FFF
}
.team-block:hover.drop-shadow{
box-shadow:0 1px 4px rgba(8,145,255.1),0 0 1px rgba(8,145,255,.1) inset
}
.team-block:hover.curved:before{
-webkit-box-shadow:0 0 15px rgba(8,145,255,1);
-mox-box-shadow:0 0 15px rgba(8,145,255,1);
box-shadow:0 0 15px rgba(8,145,255,1)
}
.facts-main-block{
position:relative
}
.facts-main-block .parallax{
padding:101px 0 70px
}
.facts-main-block .overlay-bg{
background-color:rgba(0,0,0,.8);
mix-blend-mode:hue
}
.facts-main-block .overlay-bg-2{
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
background-color:rgba(0,0,0,.8);
mix-blend-mode:multiply
}
.news-img,.portfolio-img,.portfolio-masonry-block .portfolio-block,.testimonials-main-block{
position:relative
}
.facts-block{
margin:0 auto 30px
}
.facts-block .facts-icon{
margin:0 auto;
left:0;
right:0;
width:121px;
height:121px;
background-color:transparent;
border-radius:100%;
font-size:46px;
color:#FFF;
line-height:110px;
-webkit-transition:all 1.5s ease;
-ms-transition:all 1.5s ease;
-o-transition:all 1.5s ease;
-moz-transition:all 1.5s ease;
transition:all 1.5s ease;
box-shadow:0 3px 0 0 rgba(255,153,51,.25),0 -3px 0 0 rgba(8,145,255,.25),3px 0 0 0 rgba(255,153,51,.25),-3px 0 0 0 rgba(8,145,255,.25),3px -3px 0 0 rgba(8,145,255,.5),-3px 3px 0 0 rgba(8,145,255,.5),3px 3px 0 0 rgba(255,153,51,.75),-3px -3px 0 0 rgba(255,153,51,.75)
}
.facts-block:hover .facts-icon{
color:#FFF;
box-shadow:0 3px 0 0 rgba(8,145,255,.25),0 -3px 0 0 rgba(255,153,51,.25),3px 0 0 0 rgba(255,153,51,.25),-3px 0 0 0 rgba(255,153,51,.25),3px -3px 0 0 rgba(8,145,255,.5),-3px 3px 0 0 rgba(255,153,51,.5),3px 3px 0 0 rgba(255,153,51,.75),-3px -3px 0 0 rgba(8,145,255,.75)
}
.facts-number{
color:#FFF;
margin-top:22px
}
.facts-text{
color:#FFF;
line-height:1.63
}
.pricing-plan-main-block{
margin:73px 0 50px
}
.pricing-plan-tab .nav-tabs>li.active>a,.pricing-plan-tab .nav-tabs>li.active>a:focus,.pricing-plan-tab .nav-tabs>li.active>a:hover{
font-family:Poppins,sans-serif;
font-size:16px;
line-height:1.5;
color:#000;
background-color:transparent;
border:none;
text-align:center;
border-bottom-color:transparent;
-webkit-transition:all .5s ease;
-ms-transition:all .5s ease;
-o-transition:all .5s ease;
-moz-transition:all .5s ease;
transition:all .5s ease
}
.pricing-plan-tab .nav-tabs>li.active>a span,.pricing-plan-tab .nav-tabs>li.active>a:focus span,.pricing-plan-tab .nav-tabs>li.active>a:hover span,.pricing-plan-tab .nav-tabs>li>a:hover span{
font-size:88px;
background-color:#0891FF;
width:165px;
height:99px;
display:table;
text-align:center;
color:#FFF;
line-height:0;
padding-top:8px
}
.pricing-plan-tab .nav-tabs>li>a,.pricing-plan-tab .nav-tabs>li>a:focus,.pricing-plan-tab .nav-tabs>li>a:hover{
font-family:Poppins,sans-serif;
font-size:16px;
line-height:1.5;
padding:0;
margin:0;
color:#000;
text-align:center;
background-color:transparent;
border:none;
border-bottom-color:transparent
}
.pricing-plan-tab .nav-tabs>li>a span{
font-size:88px;
background-color:transparent;
border:1px solid #E7E7E7;
width:165px;
height:99px;
display:table;
text-align:center;
color:#0891FF;
line-height:0;
padding-top:8px;
-webkit-transition:all .5s ease;
-ms-transition:all .5s ease;
-o-transition:all .5s ease;
-moz-transition:all .5s ease;
transition:all .5s ease
}
.news-img img,.pricing-block{
-ms-transition:all .5s ease;
-o-transition:all .5s ease;
-moz-transition:all .5s ease
}
.pricing-plan-tab .nav-tabs>li,.pricing-plan-tab .nav-tabs>li.active{
margin-right:30px
}
.pricing-plan-tab .nav-tabs>li.active:last-child,.pricing-plan-tab .nav-tabs>li:last-child{
margin-right:0
}
.pricing-plan-tab .nav-tabs{
border-bottom:none
}
.pricing-block{
margin:34px 0 30px;
border:1px solid #E7E7E7;
border-bottom:3px solid #0891FF;
-webkit-transition:all .5s ease;
transition:all .5s ease
}
.news-heading,.news-img img{
-webkit-transition:all .5s ease
}
.pricing-block:hover{
box-shadow:0 10px 20px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23)
}
.pricing-heding{
padding:16px 0;
color:#0891FF
}
.pricing-price-block{
border-top:3px solid #045F96;
border-bottom:3px solid #045F96;
padding:24px 0 20px;
background-color:#0891FF
}
.pricing-price{
color:#FFF;
font-family:'Open Sans',sans-serif
}
.pricing-duration{
font-size:14px;
line-height:2.14;
color:#F93;
font-weight:700
}
.pricing-dtl ul li{
font-size:14px;
line-height:3;
color:#3A3A3A
}
.pricing-dtl ul li:nth-child(even){
background-color:#F4F4F4
}
.pricing-dtl .btn-default{
margin:20px 0
}
@media(max-width:992px){
.pricing-plan-tab{
margin-left:10%
}
.pricing-plan-tab .nav-tabs>li{
margin-bottom:30px
}
}
.pricing-plan-two-main-block .pricing-plan-tab .nav-tabs>li.active>a span,.pricing-plan-two-main-block .pricing-plan-tab .nav-tabs>li.active>a:focus span,.pricing-plan-two-main-block .pricing-plan-tab .nav-tabs>li.active>a:hover span,.pricing-plan-two-main-block .pricing-plan-tab .nav-tabs>li>a:hover span{
background-color:#F93;
color:#FFF
}
.pricing-plan-two-main-block .pricing-heding,.pricing-plan-two-main-block .pricing-plan-tab .nav-tabs>li>a span{
color: #fff;
background-color: #0891FF;
}
.pricing-plan-two-main-block .pricing-block{
border-bottom:3px solid #0891ff;
}
.pricing-plan-two-main-block .pricing-price-block{
border-top:3px solid #F89700;
border-bottom:3px solid #F89700;
background-color:#F93
}
.pricing-plan-two-main-block .pricing-duration{
color:#FFF
}
.pricing-plan-two-main-block .pricing-dtl .btn-orange{
margin:20px 0
}
.testimonials-main-block .overlay-bg{
background-color:rgba(255,255,255,.7)
}
.testimonials-main-block .parallax{
padding:59px 0 63px
}
.testimonials-main-block .section{
margin:0 0 30px;
position:relative
}
.testimonials-slider{
cursor:-webkit-grab
}
.testimonials-dtl{
width:70%;
margin:0 auto
}
.testimonials-client{
margin:35px auto 0;
left:0;
right:0;
text-align:center
}
.testimonials-client-img{
display:inline-block
}
.testimonials-client-img img{
border-radius:100%;
border:2px solid #0891FF
}
.testimonials-client-dtl .client-since{
font-size:13px;
line-height:1.69;
color:#3A3A3A;
text-align:center
}
.testimonials-slider .owl-dots{
margin:38px auto 0;
left:0;
right:0;
text-align:center
}
.appointment-main-block{
background-color:#000;
padding:34px 0 40px
}
.appointment-block .section-heading,.appointment-block .sub-heading{
color:#FFF
}
.appointment-img img{
width:100%
}
.form-heading-no{
background-color:#0891FF;
color:#FFF;
padding:6px 15px;
margin-right:20px
}
.form-heading-title{
background-color:#F4F4F4;
padding:11px 0;
margin:25px 0
}
.appointment-form .form-control{
background-color:transparent;
color:#FFF;
border:1px solid #2F2F2F;
border-radius:0;
width:100%;
height:40px
}
.datepicker table tr td.active.active{
background-color:#0891FF
}
.appointment-form .btn-dropdown{
width:100%;
height:40px;
border-radius:0;
background-color:transparent;
color:#FFF;
border:1px solid #2F2F2F
}
.appointment-main-block ::-webkit-input-placeholder{
color:#FFF!important
}
.appointment-main-block ::-moz-placeholder{
color:#FFF!important
}
.appointment-main-block ::-ms-input-placeholder{
color:#FFF!important
}
.appointment-main-block ::-o-input-placeholder{
color:#FFF!important
}
.appointment-form textarea{
font-size:14px;
padding-top:10px;
padding-left:15px;
color:#FFF;
width:100%;
border:1px solid #2F2F2F;
background-color:transparent;
margin:7px 0;
box-shadow:inset 0 1px 1px rgba(0,0,0,.075)
}
@media(max-width:767px){
.appointment-img{
margin-bottom:30px
}
.appointment-form .btn-dropdown{
text-align:left
}
.form-heading-no{
display:none
}
.form-heading-title{
padding-left:15px
}
}
.news-date,.news-heading-block,.news-tag li{
display:inline-block
}
.news-main-block{
margin:80px 0 43px
}
.news-block{
margin-bottom:30px
}
.news-img .overlay-bg{
text-align:center;
background-color:rgba(255,153,51,1);
-webkit-transform:scale(0);
-moz-transform:scale(0);
-ms-transform:scale(0);
-o-transform:scale(0);
transform:scale(0)
}
.news-block:hover .news-img .overlay-bg{
-webkit-transform:scale(.95,.9);
-moz-transform:scale(.95,.9);
-ms-transform:scale(.95,.9);
-o-transform:scale(.95,.9);
transform:scale(.95,.9);
mix-blend-mode:multiply
}
.news-img img{
width:100%;
transition:all .5s ease
}
.client-img,.news-heading{
-ms-transition:all .5s ease;
-o-transition:all .5s ease;
-moz-transition:all .5s ease
}
.news-block:hover .news-img img{
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-ms-transform:scale(1.1);
-o-transform:scale(1.1);
transform:scale(1.1)
}
.news-top{
margin:20px 0 7px
}
.news-date{
width:60px;
height:60px;
color:#FFF;
margin-right:20px;
background-color:#0891FF;
padding:12px 0 0;
float:left
}
.news-day{
font-size:22px;
line-height:1.09;
color:#FFF
}
.news-month{
font-family:Poppins,sans-serif;
font-size:11px;
text-transform:uppercase;
line-height:1.64;
color:#FFF
}
.news-heading{
text-transform:none;
line-height:1.25;
transition:all .5s ease
}
.news-heading:hover{
color:#0891FF
}
.news-tag li,.news-tag li a{
color:#8F8F8F
}
.news-tag li{
font-size:14px;
line-height:1.71
}
.news-tag li a:hover{
color:#0891FF
}
.clients-main-block{
background-color:#F4F4F4;
padding:30px 0
}
.client-slider{
cursor:-webkit-grab
}
.client-img{
display:block;
margin:0 auto;
-webkit-filter:grayscale(100%);
-moz-filter:grayscale(100%);
-ms-filter:grayscale(100%);
-o-filter:grayscale(100%);
filter:grayscale(100%);
-webkit-transition:all .5s ease;
transition:all .5s ease
}
.footer-about,.footer-services{
margin-top:23px
}
.client-img:hover{
-webkit-filter:grayscale(0);
-moz-filter:grayscale(0);
-ms-filter:grayscale(0);
-o-filter:grayscale(0);
filter:grayscale(0)
}
.map-location{
width:100%;
height:520px
}
.footer-main-block{
background-color:#060510;
}
.footer-block{
padding:70px 0 17px
}
.footer-widget{
margin-bottom:30px
}
.footer-about p{
color:#BDBDBD;
text-align:justify;
}
.footer-heading{
color:#FFF;
margin-bottom:25px
}
.footer-services ul li a{
font-size:14px;
line-height:2.14;
color:#BDBDBD
}
.footer-services ul li a:hover{
color:#F93
}
.footer-opening .opening-day,.footer-opening .opening-time{
font-size:14px;
line-height:2.14;
color:#BDBDBD
}
.footer-services ul li i{
margin-right:10px
}
.footer-opening .opening-time{
text-align:right
}
.footer-subscribe .footer-heading{
margin-top:27px
}
.footer-subscribe.form-group{
display:inline-block;
height:43px
}
.footer-subscribe .form-control{
height:40px;
background-color:transparent;
border-radius:0;
border:1px solid #2F2F2F;
font-size:13px;
color:#FFF;
line-height:1.69;
display:inline-block;
width:80%;
float:left
}
.subscribe-form ::-webkit-input-placeholder{
color:#FFF!important
}
.subscribe-form ::-moz-placeholder{
color:#FFF!important
}
.subscribe-form ::-ms-input-placeholder{
color:#FFF!important
}
.subscribe-form ::-o-input-placeholder{
color:#FFF!important
}
.footer-subscribe .btn-default{
background-color:#0891FF;
display:inline-block
}
.subscribe-form label{
color:#BDBDBD;
font-size:12px
}
.footer-subscribe .social-icon{
margin-top:25px;
float:left;
width:100%;
text-align:left;
background-color:transparent
}
.footer-subscribe .social-icon span{
color:#BDBDBD;
display:inline-block;
float:left;
margin-right:15px
}
.footer-subscribe .social-icon ul li{
background-color:transparent;
margin:0 2px
}
.footer-subscribe .social-icon ul li a{
color:#FFF
}
.footer-subscribe .social-icon ul li:hover{
background-color:#0891ff;
}
.footer-main-block hr{
border-top:1px solid #2F2F2F
}
.copyright-text p{
padding:14px 0 26px;
color:#BDBDBD
}
.portfolio-full-five-main .col-md-4,.portfolio-full-five-main .col-sm-6,.portfolio-full-four-main .col-md-4,.portfolio-full-four-main .col-sm-6,.portfolio-full-three-main .col-md-4,.portfolio-full-three-main .col-sm-6{
padding:0
}
@media (max-width:767px){
.footer-subscribe .social-icon{
margin-bottom:30px
}
}
@media (min-width:767px) and (max-width:992px){
.footer-subscribe .footer-heading{
margin-top:18px
}
}
.portfolio-col-three-main{
margin:73px 0 50px
}
.portfolio-img{
margin-bottom:30px
}
.portfolio-img img{
width:100%
}
.portfolio-full-three-main{
margin:73px 0 80px
}
.portfolio-full-three-main .portfolio-img{
margin-bottom:0
}
.portfolio-col-four-main{
margin:73px 0 50px
}
.portfolio-full-four-main{
margin:73px 0 80px
}
.portfolio-full-four-main .portfolio-img{
margin-bottom:0
}
.portfolio-col-five-main{
margin:73px 0 50px
}
.col-five{
width:20%;
height:auto
}
@media(max-width:767px){
.col-five{
width:100%
}
}
@media (min-width:767px) and (max-width:992px){
.col-five{
width:50%
}
}
.portfolio-full-five-main{
margin:73px 0 80px
}
.portfolio-full-five-main .portfolio-img{
margin-bottom:0
}
.error-page-main{
margin:67px 0 80px
}
.error-heading{
font-size:250px;
color:#03A3C7;
line-height:.87;
letter-spacing:35px
}
.error-heading span{
color:#F93
}
.error-dtl p{
margin-top:5px;
font-size:18px
}
.error-btn{
margin-top:25px
}
@media(max-width:767px){
.error-heading{
font-size:100px
}
}
.portfolio-masonry-main{
margin:72px 0 80px
}
.portfolio-masonry-block{
-webkit-column-count:4;
-moz-column-count:4;
column-count:4;
-webkit-column-gap:0;
-moz-column-gap:0;
column-gap:0;
-webkit-column-width:25%;
-moz-column-width:25%;
column-width:25%
}
.portfolio-masonry-block .portfolio-img{
margin-bottom:0;
overflow:visible
}
.portfolio-masonry-block .portfolio-block .overlay-bg{
text-align:center;
background-color:rgba(255,153,51,1);
-webkit-transform:scale(0);
-moz-transform:scale(0);
-ms-transform:scale(0);
-o-transform:scale(0);
transform:scale(0)
}
.portfolio-masonry-block .portfolio-block:hover .overlay-bg{
-webkit-transform:scale(.95);
-moz-transform:scale(.95);
-ms-transform:scale(.95);
-o-transform:scale(.95);
transform:scale(.95);
mix-blend-mode:multiply
}
.portfolio-masonry-block .portfolio-block .overlay-bg i{
color:#FFF;
font-size:25px;
line-height:50px;
border-radius:100%;
border:2px solid #FFF;
width:50px;
height:50px;
text-align:center;
position:absolute;
top:50%;
left:50%;
margin-right:-50%;
transform:translate(-50%,-50%);
-webkit-transition:all .5s ease;
-ms-transition:all .5s ease;
-o-transition:all .5s ease;
-moz-transition:all .5s ease;
transition:all .5s ease
}
.portfolio-masonry-block .portfolio-block .overlay-bg i:hover{
background-color:#0891FF
}
@media (max-width:767px){
.portfolio-masonry-main .portfolio-masonry-block{
-webkit-column-count:1;
-moz-column-count:1;
column-count:1;
-webkit-column-gap:0;
-moz-column-gap:0;
column-gap:0;
-webkit-column-width:100%;
-moz-column-width:100%;
column-width:100%
}
}
.faq-main-block{
margin:72px 0 60px
}
.faq-panel .panel-default .panel-heading{
background-color:#FFF;
border-color:#F4F4F4;
-webkit-transition:all .3s ease;
-ms-transition:all .3s ease;
-o-transition:all .3s ease;
-moz-transition:all .3s ease;
transition:all .3s ease
}
.careers-block,.careers-heading{
-webkit-transition:all .5s ease;
-ms-transition:all .5s ease;
-o-transition:all .5s ease;
-moz-transition:all .5s ease
}
.faq-panel .panel-default .panel-heading:hover{
background-color:#0891FF
}
.faq-panel .panel-default .panel-heading .faq-heading a{
text-transform:none;
color:#000
}
.faq-panel .panel-default .panel-heading .faq-heading a:hover,.faq-panel .panel-default .panel-heading:hover .faq-heading a{
color:#FFF
}
.panel-group .panel{
border-radius:0;
margin-bottom:20px
}
.panel-default>.panel-heading+.panel-collapse>.panel-body{
box-shadow:0 3px 9.3px .7px rgba(198,198,198,.35)
}
.careers-main-block{
margin:73px 0 50px
}
.careers-block{
margin-bottom:30px;
transition:all .5s ease
}
.careers-icon img{
display:block;
margin:0 auto;
left:0;
right:0
}
.counter-col,.counter-col-days{
display:inline-block
}
.careers-heading{
line-height:1.33;
text-transform:none;
margin:17px 0 10px;
transition:all .5s ease
}
.process-block .process-icon,.services-content li{
-webkit-transition:all .5s ease;
-ms-transition:all .5s ease;
-o-transition:all .5s ease;
-moz-transition:all .5s ease
}
.careers-block:hover .careers-heading{
color:#0891FF
}
.careers-block:hover.drop-shadow{
-webkit-box-shadow:0 1px 4px rgba(8,145,255,.1),0 0 1px rgba(8,145,255,.1) inset;
-mox-box-shadow:0 1px 4px rgba(8,145,255,.1),0 0 1px rgba(8,145,255,.1) inset;
box-shadow:0 1px 4px rgba(8,145,255.1),0 0 1px rgba(8,145,255,.1) inset
}
.careers-block:hover.curved:before{
-webkit-box-shadow:0 0 15px rgba(8,145,255,1);
-mox-box-shadow:0 0 15px rgba(8,145,255,1);
box-shadow:0 0 15px rgba(8,145,255,1)
}
.process-main-block{
margin-top:58px;
background-color: #f4f4f4;
padding-top: 62px;
}
.process-heading{
margin-top:20px
}
.process-block{
margin:0 auto 30px
}
.process-block .process-icon{
margin:0 auto;
left:0;
right:0;
width:77px;
height:74px;
background-color:transparent;
border:3px solid #0891FF;
border-radius:100%;
font-size:46px;
color:#0891FF;
line-height:66px;
transition:all .5s ease
}
.process-block:hover .process-icon{
background-color:#0891FF;
border:3px solid #0891FF;
color:#FFF
}
.comming-soon-nav .logo img{
margin:35px auto 28px;
left:0;
right:0
}
.comming-soon-heading{
font-size:80px;
font-weight:700;
line-height:1;
color:#0891FF
}
.comming-soon-block p{
margin:22px 0 0
}
.comming-block{
font-size:60px;
font-weight:700;
line-height:.56;
color:#000;
margin:40px 0 115px
}
.count-days,.count-hours,.count-minutes,.count-seconds{
position:relative
}
.count-days:before,.count-hours:before,.count-minutes:before,.count-seconds:before{
position:absolute;
top:60px;
font-size:14px;
line-height:2.86;
margin:15px auto 0;
color:#3A3A3A;
text-align:center;
left:0;
right:0
}
.count-days:before{
content:"Days"
}
.count-hours:before{
content:"Hours"
}
.count-minutes:before{
content:"Minutes"
}
.count-seconds:before{
content:"Seconds"
}
.comming-soon-main .subscribe-form .form-control{
width:316px;
border:1px solid #2F2F2F;
height:40px;
background-color:transparent;
border-radius:0;
font-size:13px;
color:#3A3A3A;
line-height:1.69;
display:inline-block
}
.progress,.progress-bar{
height:16px;
box-shadow:none
}
@media(max-width:767px){
.comming-soon-heading{
font-size:40px;
line-height:1
}
.comming-block{
font-size:20px;
line-height:1
}
.count-days:before,.count-hours:before,.count-minutes:before,.count-seconds:before{
display:none
}
.subscribe-form .form-control{
width:100%
}
}
.rating label,.skill-tag-left{
display:inline-block
}
.comming-soon-main .social-icon{
float:none;
margin:38px auto 0;
left:0;
right:0;
text-align:center;
background-color:transparent
}
.comming-soon-main .social-icon ul li:hover{
background-color:#3A3A3A
}
.comming-soon-main .social-icon ul li:hover a{
color:#FFF
}
.appointment-main-block.appointment-two-main-block{
background-color:#FFF;
padding:73px 0 80px
}
.appointment-two-main-block .appointment-form .btn-dropdown,.appointment-two-main-block .appointment-form .form-control,.appointment-two-main-block .appointment-form textarea{
color:#3A3A3A
}
.appointment-two-main-block ::-webkit-input-placeholder{
color:#3A3A3A!important
}
.appointment-two-main-block ::-moz-placeholder{
color:#3A3A3A!important
}
.appointment-two-main-block ::-ms-input-placeholder{
color:#3A3A3A!important
}
.appointment-two-main-block ::-o-placeholder{
color:#3A3A3A!important
}
.services-dtl-main-block{
margin:80px 0 37px
}
.services-heading{
margin:15px 0 8px
}
.services-content li{
margin:10px 0 0;
color:#3A3A3A;
transition:all .5s ease
}
.services-content i{
margin-right:10px;
color:#0891FF;
-webkit-transition:all .5s ease;
-ms-transition:all .5s ease;
-o-transition:all .5s ease;
-moz-transition:all .5s ease;
transition:all .5s ease
}
.services-content li:hover i{
color:#F93
}
.services-main-block.service-inner{
margin:0 0 15px
}
@media(max-width:992px){
.comming-block{
font-size:50px;
line-height:1
}
.services-content{
text-align:center
}
}
.team-profile-main-block{
margin:80px 0 78px
}
.profile-img img{
width:100%
}
.profile-post{
color:#3A3A3A;
margin:10px 0
}
.profile-dtl{
margin:50px 0 25px
}
.profile-skill{
margin:18px 0 6px
}
.skill-block{
margin-top:10px
}
.skill-tag-right{
float:right;
line-height:1.86;
letter-spacing:1.4px;
color:#000
}
.progress{
background-color:#F4F4F4;
border-radius:0
}
.progress-bar{
border-radius:0 20px 20px 0;
background-color:#0891FF
}
.scroll-bar{
-webkit-transition:all 1.5s ease;
-moz-transition:all 1.5s ease;
-ms-transition:all 1.5s ease;
-o-transition:all 1.5s ease;
transition:all 1.5s ease
}
.blog-comment .media-heading,.tag-widget .badge{
-webkit-transition:all .5s ease;
-ms-transition:all .5s ease;
-o-transition:all .5s ease;
-moz-transition:all .5s ease
}
.profile-name .social-icon{
margin-top:0;
margin-left:auto;
float:left;
width:100%;
text-align:left;
background-color:transparent
}
.pagination-block,.rating,.video-item{
text-align:center
}
.profile-name .social-icon ul li{
background-color:#3A3A3A;
margin:0 2px
}
.btn-video-play,.profile-name .social-icon ul li:hover{
background-color:#0891FF
}
.profile-name .social-icon ul li a{
color:#FFF
}
@media(max-width:767px){
.profile-name{
margin-top:30px
}
}
.blog-left-main-block{
margin:80px 0 75px
}
.blog-page .news-heading-block{
margin-top:8px
}
.blog-page .news-block:hover .news-img .overlay-bg{
-webkit-transform:scale(.98,.96);
-moz-transform:scale(.98,.96);
-ms-transform:scale(.98,.96);
-o-transform:scale(.98,.96);
transform:scale(.98,.96)
}
.blog-page .news-dtl{
margin:20px 0 15px
}
.blog-page .news-dtl .btn-default{
margin:8px 0 0
}
.video-device .bg_img{
background-size:cover;
width:100%
}
.video-device{
position:relative
}
.video-item .video-preview,.video-item .video-preview iframe{
width:100%;
height:100%
}
.video-preview{
position:absolute;
left:0;
top:0;
z-index:30;
width:100%
}
.btn-video-play{
position:absolute;
top:50%;
left:50%;
margin-right:-50%;
transform:translate(-50%,-50%);
z-index:30;
line-height:65px;
width:80px;
height:80px;
border:7px solid rgba(0,0,0,.25);
border-radius:100%;
padding-left:5px;
font-size:22.7px;
color:#FFF
}
.btn-video-play:hover{
color:#FFF;
background-color:#F93
}
@media(max-width:767px){
.btn-video-play{
z-index:30;
line-height:50px;
width:55px;
height:55px;
border:3px solid rgba(0,0,0,.25);
font-size:11px
}
}
.news-block:hover.drop-shadow{
-webkit-box-shadow:0 1px 4px rgba(8,145,255,.1),0 0 1px rgba(8,145,255,.1) inset;
-mox-box-shadow:0 1px 4px rgba(8,145,255,.1),0 0 1px rgba(8,145,255,.1) inset;
box-shadow:0 1px 4px rgba(8,145,255.1),0 0 1px rgba(8,145,255,.1) inset
}
.news-block:hover.curved:before{
-webkit-box-shadow:0 0 15px rgba(8,145,255,1);
-mox-box-shadow:0 0 15px rgba(8,145,255,1);
box-shadow:0 0 15px rgba(8,145,255,1)
}
.pagination-block{
font-size:15px;
color:#406576;
width:100%;
background:#FFF
}
.pagination{
border-radius:0;
margin:14px 0 0
}
.next,.prev{
margin-top:9px
}
.pagination li a{
border:none;
margin:0 2px;
font-size:15px;
color:#406576
}
.pagination li a:hover{
color:#FFF;
background-color:#F93
}
.pagination li.active a,.pagination li.active a:hover{
background-color:#0891FF
}
.archives-content ul{
margin:10px 0 20px
}
.archives-content li{
margin-bottom:15px
}
.archives-content li a{
color:#3A3A3A
}
.archives-content li a:hover{
color:#0891FF
}
.archives-content i{
margin-right:20px
}
.accor-widget .panel-group .panel{
margin-top:17px
}
.accor-widget .panel-default{
border:0
}
.accor-widget .panel-heading{
border:1px solid #F4F4F4
}
.tab-widget{
margin:30px 0 57px
}
.tab-widget .nav-tabs{
border:0;
margin:17px 0 0
}
.tab-widget .nav-tabs>li{
color:#FFF;
border-radius:0;
background-color:#F93
}
.tab-widget .nav-tabs>li a{
color:#FFF;
border-radius:0;
border:none
}
.tab-widget .nav-tabs>li.active>a,.tab-widget .nav-tabs>li.active>a:focus,.tab-widget .nav-tabs>li.active>a:hover{
color:#FFF;
border-radius:0;
background-color:#0891FF;
border:none;
border-bottom-color:transparent
}
.tab-widget .nav-tabs>li>a:hover{
color:#FFF;
background-color:#0891FF;
border-color:transparent
}
.tab-widget-dtl{
margin:20px 0 50px
}
.flickr-widget-block,.tag-widget,.tags{
margin-top:17px
}
.flickr-widget-block .portfolio-img,.tag-widget .badge{
margin-bottom:10px
}
.tab-widget-dtl .tab-thumb{
width:100px;
height:80px;
margin-right:15px;
float:left
}
.tab-widget-dtl a{
line-height:1.71;
color:#3A3A3A
}
.tab-widget-dtl a:hover{
color:#0891FF
}
.flickr-widget-block .overlay-bg i{
font-size:10px;
line-height:22px;
border:1px solid #FFF;
width:25px;
height:25px
}
.tag-widget .badge{
padding:10px 16px;
color:#3A3A3A;
border-radius:0;
background-color:#F4F4F4;
transition:all .5s ease
}
.tag-widget .badge:hover{
color:#FFF;
background-color:#0891FF
}
.tag-widget a{
margin-right:8px
}
@media(max-width:767px){
.tab-widget-dtl{
margin:20px 0 80px
}
}
.news-dtl blockquote{
font-size:15px;
font-style:italic;
line-height:2;
color:#3A3A3A;
margin:27px 0 23px;
border-left:4px solid #0891FF;
padding:0 30px
}
.blog-comment{
margin:25px 0 30px
}
.blog-comment .media{
margin:27px 0 0
}
.blog-comment .comments-reply{
margin:60px 0 0
}
.blog-comment .media-heading{
font-size:16px;
font-weight:700;
line-height:1.88;
color:#3A3A3A;
text-transform:none;
transition:all .5s ease
}
.blog-comment .media-heading span,.shop-block{
-webkit-transition:all .5s ease;
-ms-transition:all .5s ease;
-o-transition:all .5s ease;
-moz-transition:all .5s ease
}
.blog-comment .media-heading span{
color:#8F8F8F;
transition:all .5s ease
}
.blog-comment .media-heading:hover span{
color:#0891FF
}
.media-reply a{
font-size:14px;
font-weight:500;
color:#F93;
text-transform:uppercase
}
.media-reply a:hover{
color:#0891FF
}
.comment-note{
width:694px;
margin:20px 0
}
.comment-form .form-control,.comment-form textarea{
color:#3A3A3A;
width:100%;
background-color:transparent
}
.comment-form .form-control{
border:1px solid #2F2F2F;
border-radius:0;
height:40px
}
.comment-form textarea{
font-size:14px;
padding-top:10px;
padding-left:15px;
border:1px solid #2F2F2F;
box-shadow:inset 0 1px 1px rgba(0,0,0,.075)
}
.comment-form textarea.form-control{
height:95px
}
@media(max-width:992px){
.comment-note{
width:100%
}
}
.shop-page{
margin:80px 0 43px
}
.shop-block{
margin-bottom:30px;
transition:all .5s ease
}
.shop-img,.shop-img .btn-default{
-webkit-transition:all .5s ease;
-ms-transition:all .5s ease;
-o-transition:all .5s ease;
-moz-transition:all .5s ease
}
.shop-img{
margin-bottom:27px;
border:2px solid transparent;
padding:5px;
position:relative;
transition:all .5s ease
}
.shop-block:hover .shop-img{
border:2px solid #0891FF
}
.shop-img .overlay-bg{
background-color:rgba(255,153,51,1);
-webkit-transform:scale(0);
-moz-transform:scale(0);
-ms-transform:scale(0);
-o-transform:scale(0);
transform:scale(0)
}
.shop-block:hover .shop-img .overlay-bg{
-webkit-transform:scale(.95);
-moz-transform:scale(.95);
-ms-transform:scale(.95);
-o-transform:scale(.95);
transform:scale(.95);
mix-blend-mode:multiply
}
.shop-img img{
margin:0 auto;
left:0;
right:0
}
.shop-img .btn-default{
opacity:0;
position:absolute;
top:50%;
left:50%;
margin-right:-50%;
transform:translate(-50%,-50%);
transition:all .5s ease
}
.shop-block:hover .shop-img .btn-default{
opacity:1
}
.product-name{
-webkit-transition:all .5s ease;
-ms-transition:all .5s ease;
-o-transition:all .5s ease;
-moz-transition:all .5s ease;
transition:all .5s ease
}
.shop-block:hover .product-name{
color:#0891FF
}
.rating{
margin:10px 0 0;
unicode-bidi:bidi-override;
direction:rtl
}
.rating input{
position:absolute;
left:-999999px
}
.rating label{
font-size:0
}
.rating>label:before{
position:relative;
font:18px/1 FontAwesome;
display:block;
content:"\f006";
color:#F93;
background:#F93;
-webkit-background-clip:text;
-webkit-text-fill-color:transparent
}
.rating>label.selected:before,.rating>label.selected~label:before,.rating>label:hover:before,.rating>label:hover~label:before{
color:#F93;
content:"\f005";
background:#F93;
-webkit-background-clip:text;
-webkit-text-fill-color:transparent
}
.shop-price p{
color:#3A3A3A;
font-size:15px;
font-weight:700
}
.offer-price{
color:#8F8F8F;
margin-right:10px;
text-decoration:line-through
}
.price-slider-amount{
margin:10px 0 17px
}
.price-slider-amount span{
color:#3A3A3A;
margin-right:15px;
font-weight:700;
display:inline-block
}
.price-slider-amount>input{
border:0;
color:#8F8F8F;
display:inline-block;
font-size:15px;
font-weight:700;
outline:0
}
.slider-range{
margin-bottom:34px
}
.ui-slider.ui-slider-horizontal.ui-widget.ui-widget-content.ui-corner-all{
background:#8F8F8F;
border:0;
height:3px;
position:relative
}
.price-filter .ui-slider-handle.ui-state-default.ui-corner-all{
background:#0891FF;
border:none;
border-radius:50%;
height:16px;
top:-6px;
width:16px;
outline:0;
position:absolute
}
.ui-slider-range.ui-widget-header.ui-corner-all{
background:#0891FF;
height:3px;
position:absolute
}
.product-gallery-thumb{
width:80px;
position:relative;
margin:20px 0 0;
display:inline-block
}
.product-gallery-overlay{
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
background-color:rgba(255,153,51,1);
opacity:0;
text-align:center;
font-size:28px;
color:#FFF;
cursor:pointer;
-webkit-transition:.5s ease-out;
-moz-transition:.5s ease-out;
-ms-transition:.5s ease-out;
-o-transition:.5s ease-out;
-transition:.5s ease-out;
-webkit-transform:scale(0);
-moz-transform:scale(0);
-ms-transform:scale(0);
-o-transform:scale(0);
transform:scale(0)
}
.product-quantity span,.select-filter.number{
font-size:15px;
font-weight:500;
color:#3A3A3A
}
.product-gallery-overlay span{
position:absolute;
top:50%;
left:50%;
margin-right:-50%;
transform:translate(-50%,-50%)
}
.product-gallery-thumb:hover .product-gallery-overlay{
opacity:1;
-webkit-transform:scale(.9);
-moz-transform:scale(.9);
-ms-transform:scale(.9);
-o-transform:scale(.9);
transform:scale(.9);
mix-blend-mode:multiply
}
.single-product-dtl .rating{
text-align:left
}
.product-quantity{
border:1px solid #8F8F8F;
width:30%;
padding:16px 0 6px 26px;
margin-bottom:20px;
text-align:center
}
.product-quantity span{
float:left;
margin-right:15px;
line-height:1
}
.product-quantity form{
cursor:pointer;
display:inline-block
}
.product-quantity .select-filter{
line-height:0
}
.select-filter.number{
margin-top:-8px
}
.cart-plus-minus-box{
background:rgba(0,0,0,0);
border:0;
float:left;
font-size:20px;
outline:0;
text-align:center;
width:20px;
margin-right:5px
}
.inc.qtybutton{
float:left;
color:#8F8F8F
}
.dec.qtybutton{
float:none;
color:#8F8F8F
}
.product-dtl-tab{
margin:48px 0 57px
}
.product-dtl-tab .nav-tabs{
border:0;
margin-bottom:20px
}
.product-dtl-tab .nav-tabs>li{
color:#FFF;
text-transform:uppercase;
border-radius:0;
background-color:#F93
}
.product-dtl-tab .nav-tabs>li a{
color:#FFF;
border-radius:0;
border:none
}
.product-dtl-tab .nav-tabs>li.active>a,.product-dtl-tab .nav-tabs>li.active>a:focus,.product-dtl-tab .nav-tabs>li.active>a:hover{
color:#FFF;
border-radius:0;
background-color:#0891FF;
border:none;
border-bottom-color:transparent
}
.product-dtl-tab .nav-tabs>li>a:hover{
color:#FFF;
background-color:#0891FF;
border-color:transparent
}
@media(max-width:767px){
.product-gallery-thumb{
display:inline-block;
margin:30px 2px
}
.product-quantity{
width:50%
}
}
@media (min-width:767px) and (max-width:992px){
.portfolio-masonry-main .portfolio-masonry-block{
-webkit-column-count:2;
-moz-column-count:2;
column-count:2;
-webkit-column-gap:0;
-moz-column-gap:0;
column-gap:0;
-webkit-column-width:50%;
-moz-column-width:50%;
column-width:50%
}
.product-gallery-thumb{
width:100%
}
}
.cart-main-block{
margin:80px 0 0
}
.table{
border-collapse:collapse;
width:100%
}
.cart-table td,.cart-table th{
border:1px solid #F4F4F4;
color:#3A3A3A;
text-align:center;
padding:8px;
width:10%
}
.cart-table th{
background-color:#0891FF;
color:#FFF;
border:1px solid transparent;
text-align:center;
padding:8px;
width:10%
}
.cart-product a{
color:#3A3A3A
}
.cart-product a:hover{
color:#0891FF
}
.remove-btn a{
background-color:#F4F4F4;
padding:10px 15px;
border-radius:100%;
color:#3A3A3A
}
.remove-btn a:hover{
background-color:#0891FF;
color:#FFF
}
.edit-btn a{
background-color:#F4F4F4;
padding:10px 13px;
border-radius:100%;
color:#3A3A3A
}
.edit-btn a:hover{
background-color:#0891FF;
color:#FFF
}
.cart-btns{
margin:30px 0 27px
}
.cart-form-main-block{
margin:0 0 80px
}
.discount-form .form-control{
background-color:transparent;
color:#3A3A3A;
border:1px solid #2F2F2F;
border-radius:0;
width:100%;
height:40px;
margin-bottom:20px
}
.checkout-box .btn-default{
margin-top:20px
}
.checkout-amount{
text-align:right;
color:#3A3A3A
}
.checkout-amount li,.checkout-details li{
padding:0 15px
}
.total{
font-weight:700;
color:#0891FF;
background-color:#F4F4F4
}
.contact-form .form-control,.contact-form textarea,.gm-style-iw{
background-color:transparent
}
@media(max-width:767px){
.checkout-box{
margin-top:30px
}
}
.map-banner{
width:100%;
height:100vh
}
.gm-style img{
max-width:50%;
float:left;
margin-right:10px
}
.contact-page-main-block{
padding:73px 0 80px
}
.contact-form .form-control{
color:#3A3A3A;
border:1px solid #2F2F2F;
border-radius:0;
width:100%;
height:40px
}
.contact-form textarea{
font-size:14px;
padding-top:10px;
padding-left:15px;
color:#3A3A3A;
width:100%;
border:1px solid #2F2F2F;
margin:7px 0;
box-shadow:inset 0 1px 1px rgba(0,0,0,.075)
}
.contact-block ul li i,.contact-block-two i{
font-size:25px;
width:50px;
margin-bottom:10px;
color:#0891FF;
text-align:center
}
.contact-form textarea:focus{
outline:-webkit-focus-ring-color auto 0
}
.contact-form .btn-default{
float:right
}
.contact-block ul li i{
height:50px;
line-height:45px;
border:2px solid #DEDEDE;
margin-right:15px
}
.contact-map{
height:290px
}
.contact-form-block{
margin-top:23px
}
.contact-page-two-block{
padding:35px 0 80px
}
.contact-block-two i{
background-color:#F4F4F4;
height:50px;
line-height:50px
}
.preloader{
background:#F93;
bottom:0;
top:0;
left:0;
right:0;
position:fixed;
z-index:9999999
}
.status{
background-image:url(../images/logo-white.png)
}
.status,.status-message{
text-align:center;
text-transform:uppercase;
width:100%;
height:100%;
position:absolute;
top:0;
left:0;
right:0;
background-position:center;
background-repeat:no-repeat
}
.status-message{
padding-top:30%
}
.nav-bar{
background: linear-gradient(to right, rgba(255,0,0,0)11%, #fdf59a);
/* background: linear-gradient(to right, rgba(255,0,0,0)11%, rgb(255, 241, 18)); */
}
.logo-text h2{font-size:43px; margin-top: 32px; color: #314f6d;}
li ul.dropdown li .indicator{position: absolute; top: 11px; right: 10px; font-size: 13px; z-index: 35;}