html,body{
height:100%;
font-size:14px;
line-height:1.5;
font-family:Lato;
color:#7a778a;
background:#fff;
position:relative
}
.color-yellow { color: #eebb29; }
h1,h2,h3{
font-family:Lato;
color:#333;
margin:0 0 25px 0;
line-height:1.5
}
h1{
font-weight:900;
font-size:56px
}
h2{
font-weight:700;
font-size:35px
}
h3{
font-weight:500;
font-size:22px
}
p,.title span{
color:#7a778a;
margin:0
}
a:focus {
outline:none !important;
outline-offset: -2px;
}
.title{
margin-bottom:60px
}
.title span{
margin:0 auto
}
.section-padding{
padding:30px 0
}
::selection{
color:#fff;
text-shadow:none;
background:#efbb29
}
::-moz-selection{
color:#fff;
text-shadow:none;
background:#efbb29
}
.button{
margin-top:40px
}
.btn-main,.form-submit{
color:#fff;
position:relative;
background:#efbb29;
width:182px;
height:40px;
border-radius:25px;
text-align:center;
line-height:40px;
display:inline-block;
-webkit-transition:all .3s ease-in-out;
-o-transition:all .3s ease-in-out;
transition:all .3s ease-in-out
}
button.btn-main
{
height:auto !important;
margin-top:20px;
}
.learn-more{
color:#efbb29;
background:#fff;
-webkit-box-shadow:0 10px 20px 0 rgba(114, 115, 117,0.22);
box-shadow:0 10px 20px 0 rgba(114, 115, 117,0.22)
}
.btn-main:hover,.form-submit:hover{
color:#fff;
background:#000;
text-decoration:none
}
.learn-more:hover{
background:#efbb29
}
.lb-data .lb-close{
background:url(../img/lightbox/close.png) top right no-repeat
}
.lb-cancel{
background:url(../img/lightbox/loading.gif) no-repeat
}
.lb-nav a.lb-prev{
background:url(../img/lightbox/prev.png) left 48% no-repeat
}
.lb-nav a.lb-next{
background:url(../img/lightbox/next.png) right 48% no-repeat
}
.navbar{
margin-bottom:0;
-webkit-transition:all .3s ease-in-out;
-o-transition:all .3s ease-in-out;
transition:all .3s ease-in-out
}
.navbar-default{
padding-top:40px;
background-color:transparent;
border-color:transparent
}
.top-nav{
padding:15px 0;
background-color:#fff;
-webkit-box-shadow:0 0 20px 0 rgba(197,199,224,0.5);
box-shadow:0 0 20px 0 rgba(197,199,224,0.5)
}
.top-nav .navbar-brand
{
width:50px;
height:100%;
}
.nav-open{
background-color:#121212
}
.navbar-brand{
padding:0;
height:100px;
margin:0 15px 0 0
}
.navbar>.container.navbar-brand,.navbar>.container-fluid.navbar-brand{
margin-left:0
}
.logo h3{
color:#efbb29;
margin:0;
padding-top:4px;
display:inline-block
}
.navbar-right{
margin-right:0
}
.navbar-nav>li{
margin-right:25px;
padding:9px 0 0
}
.navbar-nav>li:last-child{
padding:0;
margin-right:0
}
.navbar-default .navbar-nav>li>a{
padding:0;
color:#7a778a;
position:relative;
line-height:1.5;
-webkit-transition:all .3s ease-in-out;
-o-transition:all .3s ease-in-out;
transition:all .3s ease-in-out
}
.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover{
color:#efbb29;
font-weight:600;
text-decoration:none
}
.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover,.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:focus,.navbar-default .navbar-nav>.open>a:hover{
color:#efbb29;
background-color:transparent;
font-weight:600;
}
.navbar-default .navbar-nav>li>a.sign-up{
height:40px;
color:#fff;
line-height:40px;
text-align:center;
background-color:#000;
border-radius:25px;
padding: 0px 15px;
}
.navbar-default .navbar-nav>li>a.sign-up:hover{
background-color:#efbb29;
}
li a i{
margin-left:5px
}
.dropdown-menu{
top:120%;
padding:20px 30px;
margin:0;
background-color:#fff;
border:0;
border-radius:0;
min-width:160px;
-webkit-box-shadow:0 3px 8px rgba(0,0,0,0.08);
box-shadow:0 3px 8px rgba(0,0,0,0.08)
}
.dropdown-menu>li>a{
color:#7a778a;
line-height:1.5;
padding:0 0 15px 0;
display:inline-block;
-webkit-transition:all .3s ease-in-out;
-o-transition:all .3s ease-in-out;
transition:all .3s ease-in-out
}
.dropdown-menu>li:last-child>a{
padding:0
}
.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover{
color:#efbb29;
background-color:transparent
}
.navbar-toggle{
padding:0;
margin-top:0;
margin-bottom:0;
border:0 transparent;
border-radius:0
}
.navbar-default .navbar-toggle{
border-color:transparent
}
.navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover{
background-color:transparent
}
.menu-icon{
width:25px;
height:25px;
display:none;
cursor:pointer;
z-index:999;
-webkit-flex-direction:column;
-moz-flex-direction:column;
-ms-flex-direction:column;
-o-flex-direction:column;
flex-direction:column;
justify-content:space-between;
-webkit-transition:transform .3s ease-out;
-o-transition:transform .3s ease-out;
transition:transform .3s ease-out
}
.menu-icon.change{
-webkit-transform:rotate(-45deg);
-ms-transform:rotate(-45deg);
-o-transform:rotate(-45deg);
transform:rotate(-45deg)
}
.bar{
background-color:#7a778a;
border-radius:5px;
width:100%;
height:2px;
-webkit-transition:transform .3s ease-out;
-o-transition:transform .3s ease-out;
transition:transform .3s ease-out
}
.menu-icon:hover .bar{
background-color:#efbb29
}
.bar.half{
width:50%
}
.bar.start{
-webkit-transform-origin:right;
-moz-transform-origin:right;
-ms-transform-origin:right;
-o-transform-origin:right;
transform-origin:right;
-webkit-transition:transform .3s cubic-bezier(0.54,-0.81,0.57,0.57);
-o-transition:transform .3s cubic-bezier(0.54,-0.81,0.57,0.57);
transition:transform .3s cubic-bezier(0.54,-0.81,0.57,0.57)
}
.change .bar{
background-color:#efbb29
}
.change .bar.start{
-webkit-transform:rotate(-90deg) translateX(0);
-o-transform:rotate(-90deg) translateX(0);
transform:rotate(-90deg) translateX(0)
}
.bar.end{
align-self:flex-end;
-webkit-transform-origin:left;
-moz-transform-origin:left;
-ms-transform-origin:left;
-o-transform-origin:left;
transform-origin:left;
-webkit-transition:transform .3s cubic-bezier(0.54,-0.81,0.57,0.57);
-o-transition:transform .3s cubic-bezier(0.54,-0.81,0.57,0.57);
transition:transform .3s cubic-bezier(0.54,-0.81,0.57,0.57)
}
.change .bar.end{
-webkit-transform:rotate(-90deg) translateX(-1px);
-o-transform:rotate(-90deg) translateX(-1px);
transform:rotate(-90deg) translateX(-1px)
}
.navbar-collapse{
border-top:0 solid transparent;
-webkit-box-shadow:none;
box-shadow:none
}
header{
position:relative;
background:#f8f9fe;
padding-top:50px;
overflow:hidden
}
.wave-purple,.wave-white{
position:absolute;
width:50%
}
.wave-purple{
top:0;
right:0
}
.wave-white{
bottom:0;
left:0
}
.content{
z-index:2;
position:absolute;
top:65%;
left:0;
right:0;
-webkit-transform:translateY(-50%);
-ms-transform:translateY(-50%);
-o-transform:translateY(-50%);
transform:translateY(-50%)
}
.mockup{
position:relative;
right:0;
float:right;
z-index:0;
}
.item span{
font-size:50px;
color:#efbb29;
margin-bottom:30px
}
.item .fa{
font-size: 50px;
color: #efbb29;
margin-bottom: 30px;
-webkit-text-stroke: 1px #f3f3f3;
background: #f3f3f3;
width: 100px;
height: 100px;
text-align: center;
line-height: 80px;
border-radius: 100px;
border: 10px solid rgb(239, 187, 41,0.03);
}
.item .fa:hover
{
background:#f9f9f9;
}
.item01
{
text-align:center;
}
.item01 img{
width:150px;
margin-bottom:10px;
}
.item01:hover img{
-webkit-filter: grayscale(100%) drop-shadow(2px 10px 10px #FCFCFC); /* Safari 6.0 - 9.0 */
filter: grayscale(100%) drop-shadow(2px 10px 10px #FCFCFC);
}
.item01:hover .fa, .item01:hover h3
{
color:#FCFCFC
cursor:pointer;
text-shadow:2px 10px 10px #ccc;
}
.about-text p{
margin-bottom:20px;
text-align:justify;
line-height:24px;
}
.about-text h2 span
{
color:#efbb29;
}
.about-img-1{
width:100%;
height:376px;
border-radius:10px;
background:url('../img/1.jpg') no-repeat center center;
background-size:cover;
box-shadow:0 10px 20px 0 rgba(197,199,224,0.22)
}
.about-item-2 .about-text{
padding:42px 0 0 70px
}
.about-img-2{
width:100%;
height:376px;
border-radius:10px;
background:url('../img/2.jpg') no-repeat center center;
background-size:cover;
box-shadow:0 10px 20px 0 rgba(197,199,224,0.22)
}
.features .item{
margin-bottom:30px
}
.testimonials{
background:#f8f9fe
}
.testimonials .title{
text-align:left;
display:inline-block;
width:400px
}
.testimonials .title h2{
margin-bottom:0
}
.testimonials-item{
padding:40px;
background:#fff;
border-radius:10px;
-webkit-box-shadow:0 10px 20px 0 rgba(197,199,224,0.15);
box-shadow:0 10px 20px 0 rgba(197,199,224,0.15)
}
.testimonials-text{
margin-bottom:40px
}
.title-img{
float:left;
margin-right:15px
}
.owl-carousel .owl-item img{
width:auto;
display:inline-block
}
.title-tex{
float:left;
padding-top:8px
}
.title-tex h4{
color:#000;
}
.title-tex p{
margin-top:20px;
}
.owl-nav{
position:absolute;
text-align:right;
top:-75px;
right:-15px;
color:#7a778a;
-webkit-transition:all .3s ease-in-out;
-o-transition:all .3s ease-in-out;
transition:all .3s ease-in-out
}
.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{
display:block
}
.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{
outline:0
}
.fa-chevron-left,.fa-chevron-right{
-webkit-transition:all .3s ease-in-out;
-o-transition:all .3s ease-in-out;
transition:all .3s ease-in-out
}
.fa-chevron-left{
color:#7a778a;
margin-right:53px
}
.fa-chevron-left,.fa-chevron-right{
position:relative;
font-size:14px
}
.fa-chevron-left:after,.fa-chevron-right:after{
position:absolute;
content:'';
width:20px;
height:3px;
background:#7a778a;
top:36%;
-webkit-transition:all .3s ease-in-out;
-o-transition:all .3s ease-in-out;
transition:all .3s ease-in-out
}
.fa-chevron-left:after{
left:3px
}
.fa-chevron-right:after{
right:3px
}
.owl-prev:hover .fa-chevron-left,.owl-next:hover .fa-chevron-right{
color:#efbb29
}
.owl-prev:hover .fa-chevron-left:after,.owl-next:hover .fa-chevron-right:after{
background:#efbb29;
width:30px
}
.pricing{
padding-bottom:70px
}
.pricing-item{
padding:40px;
margin-bottom:30px;
-webkit-transition:all .3s ease-in-out;
-o-transition:all .3s ease-in-out;
transition:all .3s ease-in-out;
position:relative;
height:900px;
}
@media (max-width:1200px)
{
.pricing-item{
height: 800px;
}
}
@media (max-width:992px)
{
.pricing-item{
height:auto;
}
.pricing-item .button{
text-align:center;
position:relative !important;
bottom:10px !important;
}
}
.pricing-item:hover,.premium{
background:rgba(255,255,255,0.4);
border-radius:10px;
-webkit-box-shadow:0 0 20px 0 rgba(197,199,224,0.5);
box-shadow:0 0 20px 0 rgba(197,199,224,0.5)
}
.price{
margin:40px 0;
text-align:center
}
.price span,.price p{
color:#efbb29;
display:inline-block
}
.price p{
position:relative;
font-size:57px;
font-weight:900;
line-height:1;
margin:0 25px 0 0
}
.price p:before{
content:"\f155";
position:absolute;
top:0;
left:-25px;
font-size:14px;
font-family:'FontAwesome'
}
ul{
padding:0;
margin:0;
list-style:none
}
.options ul li{
margin-bottom:15px
}
.options ul li:last-child{
margin-bottom:0
}
.options ul li p span{
float: right;
color: #efbb29;
position: absolute;
right: 20px;
}
.options ul li p:not(.not){
opacity:.6;
text-decoration:line-through
}
.pricing-item .button{
text-align:center;
position: absolute;
bottom: 20px;
}
form{
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
justify-content:center
}
input[type="text"],input[type="email"],input[type="tel"],input[type="tel"],input[type="password"],.form-submit{
color:#333;
padding:15px;
height:40px;
width:100%;
outline:0;
background-color:#f8f9fe;
border:0;
border-radius:25px
}
select{
color:#9997a2 !important;
padding-left:50px;
height:40px !important;
width:100%;
outline:0;
background-color:#f8f9fe !important;
border:0 !important;
border-radius:25px !important;
box-shadow: inset 0 1px 1px rgba(0,0,0,.075) !important;
}
textarea{
color:#333 !important;
padding:15px !important;
width:100%;
outline:0;
margin-bottom: 0px;
background-color:#f8f9fe !important;
border:0 !important;
border-radius:25px !important;
}
.form-submit{
padding:0;
color:#fff;
margin-bottom:0;
background-color:#efbb29
}
.password{
position:relative
}
.password span{
position:absolute;
right:15px;
line-height:40px;
top:0
}
.scroll-top{
right:-20px;
opacity:.5;
bottom:140px;
display:none;
position:fixed;
cursor:pointer;
z-index:99999;
-webkit-transform:rotate(90deg);
-ms-transform:rotate(90deg);
-o-transform:rotate(90deg);
transform:rotate(90deg);
-webkit-transition:all .3s ease-in-out;
-o-transition:all .3s ease-in-out;
transition:all .3s ease-in-out
}
.scroll-top:hover{
opacity:1
}
.scroll-top span{
color:#000;
cursor:pointer;
line-height:1.5;
text-transform:uppercase;
-webkit-transition:all .3s ease-in-out;
-o-transition:all .3s ease-in-out;
transition:all .3s ease-in-out
}
.scroll-top span:hover{
color:#efbb29
}
.scroll-top .fa-chevron-left{
top:1px;
margin-right:37px
}
.fa-chevron-left:after{
position:absolute;
content:'';
height:3px;
top:36%;
-webkit-transition:all .3s ease-in-out;
-o-transition:all .3s ease-in-out;
transition:all .3s ease-in-out
}
.scroll-top span:hover .fa-chevron-left:after{
background:#efbb29;
width:30px
}
footer{
position:relative;
padding-top:50px;
background:#f8f9fe
}
.footer-wave-white{
position:absolute;
top:0;
right:0;
width:50%
}
.footer-img{
margin-bottom:25px
}
.footer-title{
margin-bottom:33px
}
ul li a{
color:#7a778a;
-webkit-transition:all .3s ease-in-out;
-o-transition:all .3s ease-in-out;
transition:all .3s ease-in-out
}
ul li a:hover{
color:#efbb29;
text-decoration:none;
-webkit-transition:all .3s ease-in-out;
-o-transition:all .3s ease-in-out;
transition:all .3s ease-in-out
}
.subscribe form{
display:block
}
.subscribe input[type="email"]{
background-color:#fff;
-webkit-box-shadow:0 0 4.5px .5px rgba(197,199,224,0.25);
box-shadow:0 0 4.5px .5px rgba(197,199,224,0.25)
}
.email{
position:relative
}
.subscribe button,.input-search button,.email button{
position:absolute;
right:9px;
line-height:40px;
top:0;
outline:0;
border:0;
background-color:transparent
}
.subscribe button:hover .fa-chevron-right,.input-search button:hover .fa-chevron-right,.email button:hover .fa-chevron-right{
color:#efbb29
}
.subscribe button:hover .fa-chevron-right:after,.input-search button:hover .fa-chevron-right:after,.email button:hover .fa-chevron-right:after{
background:#efbb29;
width:30px
}
.social{
margin-top:30px
}
.social ul li{
list-style:none;
display:inline-block;
margin-right:25px
}
.social ul li:last-child{
margin-right:0
}
.copy{
color:#fff;
margin-top:50px;
background:#efbb29;
padding:30px 0px;
}
.copy p{
color:#fff;
}
.copy a{
color:#fff;
}
.copy a:hover{
color:#000;
}
.header-blog{
min-height:200px;
padding:270px 0 130px;
background:#f8f9fe;
text-align:center
}
.header-blog .title,.header-blog .title h1{
margin:0
}
.breadcrumb{
padding:0;
margin:0;
list-style:none;
border-radius:0;
background:transparent
}
.breadcrumb a{
color:#7a778a;
text-decoration:none;
transition:all .5s ease-in-out;
-o-transition:all .5s ease-in-out;
-moz-transition:all .5s ease-in-out;
-webkit-transition:all .5s ease-in-out
}
.breadcrumb a:hover,.breadcrumb>.active{
color:#efbb29
}
.blog-items{
margin-bottom:60px
}
.blog-item-img-1{
height:450px;
width:100%;
background:url('../img/blog/1.jpg') no-repeat center center;
-webkit-background-size:cover;
background-size:cover
}
.blog-item-img-2{
height:450px;
width:100%;
background:url('../img/blog/2.jpg') no-repeat center center;
-webkit-background-size:cover;
background-size:cover
}
.blog-item-img-3{
height:450px;
width:100%;
background:url('../img/blog/3.jpg') no-repeat center center;
-webkit-background-size:cover;
background-size:cover
}
.blog-text{
padding:40px
}
.blog-text-top{
padding-top:25px
}
.blog-text-top p{
display:inline-block
}
.blog-text-top p:first-child{
margin-right:15px
}
.blog-nav{
text-align:center
}
.pagination{
margin:0;
border-radius:0
}
.pagination>li>a{
padding:0 15px 0 0;
margin-left:0;
line-height:1.5;
color:#7a778a;
background-color:transparent;
border:0;
-webkit-transition:all .3s ease-in-out;
-o-transition:all .3s ease-in-out;
transition:all .3s ease-in-out
}
.pagination li:last-child a{
padding:0 0 0 15px
}
.pagination li a .fa-chevron-left{
margin-right:13px
}
.pagination>li>a:focus,.pagination>li>a:hover{
z-index:2;
color:#efbb29;
background-color:transparent;
border-color:none
}
.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover{
z-index:3;
color:#efbb29;
cursor:default;
background-color:transparent;
border-color:transparent
}
.pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover{
color:#7a778a;
cursor:not-allowed;
background-color:transparent;
border-color:transparent
}
.page-link:hover .fa-chevron-left:after,.page-link:hover .fa-chevron-right:after{
background:#efbb29
}
.row-right{
padding-left:75px
}
.row-margin{
margin-bottom:60px
}
.search form,.blog-post-form form{
display:block
}
.input-search button{
right:23px
}
.catagories ul,.recent-posts ul,.tags ul,.meta ul{
padding:0;
margin:0;
list-style:none
}
.catagories ul li,.meta ul li{
margin-bottom:15px
}
.catagories ul li:last-child,.recent-posts ul li:last-child{
margin-bottom:0
}
.catagories ul li a,.catagories ul li span,.recent-posts ul li a,.tags ul li a,.meta ul li a{
color:#7a778a;
text-decoration:none;
-webkit-transition:all .3s ease-in-out;
-o-transition:all .3s ease-in-out;
transition:all .3s ease-in-out
}
.catagories ul li span{
float:right
}
.catagories ul li:hover a,.catagories ul li:hover span,.recent-posts ul li a:hover,.meta ul li a:hover{
color:#efbb29
}
.recent-posts ul li{
margin-bottom:30px
}
.recent-posts img{
width:105px;
height:70px;
float:left;
margin-right:15px
}
.recent-posts ul li a{
color:#7a778a;
display:block;
margin-bottom:15px
}
.recent-posts span{
color:#7a778a
}
.tags ul li{
display:inline-block
}
.tags ul li a{
display:block;
padding:7px 8px;
margin:0 15px 15px 0;
background:#f8f9fe
}
.tags ul li:last-child a{
margin:0
}
.tags ul li a:hover{
color:#fff;
background:#efbb29
}
.nav:hover{
cursor:pointer
}
.nav-blog-single a{
color:#7a778a;
display:block;
padding-top:11px;
-webkit-transition:all .3s ease-in-out;
-o-transition:all .3s ease-in-out;
transition:all .3s ease-in-out
}
.nav:hover a.back{
color:#efbb29;
text-decoration:none
}
.nav a.back .fa-chevron-left{
margin-right:37px
}
.nav:hover a.back .fa-chevron-left{
color:#efbb29
}
.nav:hover a.back .fa-chevron-left:after{
background:#efbb29;
width:30px
}
.blog-post .row{
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex
}
.blog-post .row-center{
margin:0 auto
}
.single-blog-text{
margin:0 auto
}
.middle{
margin-top:40px
}
blockquote{
padding:0 15px 0;
margin:40px 0 40px 40px;
font-size:14px;
border-left:2px solid #efbb29
}
.blog-post-img{
margin:40px 0
}
.blog-post-img-1{
height:250px;
width:100%;
background:url('../img/blog/1.jpg') no-repeat center center;
-webkit-background-size:cover;
background-size:cover;
text-align:center;
-webkit-transition:opacity .3s ease-in-out;
-o-transition:opacity .3s ease-in-out;
transition:opacity .3s ease-in-out
}
.blog-post-img-2{
height:250px;
width:100%;
background:url('../img/blog/2.jpg') no-repeat center center;
-webkit-background-size:cover;
background-size:cover;
text-align:center;
-webkit-transition:opacity .3s ease-in-out;
-o-transition:opacity .3s ease-in-out;
transition:opacity .3s ease-in-out
}
.blog-post-img-1:hover,.blog-post-img-2:hover{
opacity:.7
}
.blog-post-footer{
margin-top:40px;
padding-bottom:25px;
border-bottom:1px solid #efedf7
}
.blog-post-footer .tags,.share{
display:inline-block
}
.share{
float:right
}
.share a,.comment-footer-right a{
color:#7a778a;
-webkit-transition:color .3s ease-in-out;
-o-transition:color .3s ease-in-out;
transition:color .3s ease-in-out
}
.share a:hover,.comment-footer-right a:hover{
color:#efbb29
}
.comments{
margin-top:40px
}
.comment-img{
float:left;
margin-right:15px
}
.comment-img img{
width:70px
}
.comment-text{
display:table
}
.comment-footer{
margin-top:25px
}
.comment-footer-left{
display:inline-block
}
.comment-footer-left p{
display:inline-block
}
.comment-footer-left p:first-child{
margin-right:15px
}
.comment-footer-right{
float:right
}
.reply{
margin:40px 0 40px 40px
}
.blog-post-form{
margin-top:60px
}
.coming-soon{
text-align:center;
padding:246px 0 200px
}
.coming-soon .bg .wave-purple,.coming-soon .bg .wave-white{
width:40%
}
.count{
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
justify-content:center;
margin-bottom:60px
}
.countd{
width:100%;
padding:20px;
text-align:center;
border-radius:10px;
background-color:#fff;
-webkit-box-shadow:0 10px 20px 0 rgba(197,199,224,0.22);
box-shadow:0 10px 20px 0 rgba(197,199,224,0.22)
}
.countd span{
font-size:57px;
color:#efbb29
}
.countd p{
font-size:22px;
font-weight:900;
color:#7a778a
}
.count-title{
margin-bottom:40px
}
.count-title h1{
font-size:91px
}
.count-title p{
width:51%;
margin:0 auto
}
.coming-soon .email input[type="email"]{
background-color:#fff;
margin-bottom:0;
-webkit-box-shadow:0 10px 20px 0 rgba(197,199,224,0.22);
box-shadow:0 10px 20px 0 rgba(197,199,224,0.22)
}
@media(max-width:1199px){
.works{
padding-bottom:70px
}
.item{
margin-bottom:30px
}
}
@media(max-width:991px){
.mockup{
width:0
}
.content{
text-align:center;
width:100%;
left:50%;
top:60%;
right:auto;
-webkit-transform:translate(-50%,-50%);
-ms-transform:translate(-50%,-50%);
-o-transform:translate(-50%,-50%);
transform:translate(-50%,-50%)
}
.about-text,.about-item-2 .about-text{
margin-bottom:60px
}
.about-item-2 .about-text{
margin-bottom:0
}
.about-img-2{
margin-bottom:60px
}
footer{
padding-top:100px
}
.footer-wave-white{
width:0
}
.starten,footer .about,.work,.legal{
text-align:center;
margin-bottom:30px
}
.starten p,.subscribe input[type="email"]{
width:60%;
margin:0 auto
}
.subscribe input[type="email"]{
margin-bottom:30px
}
.subscribe{
text-align:center
}
.subscribe button{
position:relative;
right:33px
}
.row-right{
padding-left:0
}
.blog-post .row{
display:block
}
.blog-post .row-center{
margin:0
}
.blog-post-img-1{
margin-bottom:30px
}
.countd span{
font-size:35px
}
.countd p{
font-size:14px
}
}
@media(min-width:768px){
.navbar>.container .navbar-brand,.navbar>.container-fluid .navbar-brand{
margin-left:0
}
.navbar-right .dropdown-menu{
right:auto;
left:-30px
}
}
@media(max-width:768px){
.nav-blog-single .navbar-header{
float:left
}
.nav-blog-single .navbar-right{
float:right!important
}
}
@media(max-width:767px){
h1{
font-size:35px
}
h2{
font-size:22px
}
.navbar-nav{
margin:0
}
.navbar>.container .navbar-brand,.navbar>.container-fluid .navbar-brand{
margin-left:15px
}
.menu-icon{
display:flex
}
.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse,.navbar-fixed-top .navbar-collapse:before{
border:0;
margin:0;
padding:30px;
padding-top:80px;
width:100%;
top:0;
right:0;
position:fixed;
max-height:none;
height:100%!important;
background-color:#fff;
-webkit-transition:.5s;
transition:.5s;
-webkit-box-shadow:none;
box-shadow:none;
-webkit-transform:translateX(100%);
transform:translateX(100%)
}
navbar-fixed-bottom .navbar-collapse.in,.navbar-fixed-top .navbar-collapse.in{
-webkit-transform:translateX(0);
transform:translateX(0)
}
.navbar-nav>li{
margin-right:0;
margin-bottom:25px;
padding:0
}
.navbar-nav>li:nth-child(6),.navbar-nav>li:last-child{
margin-bottom:0
}
.navbar-nav>li>a{
font-size:20px;
font-weight:900
}
/*.navbar-default .navbar-nav>li>a.sign-up{
display:none
}*/
.navbar-nav .open .dropdown-menu>li>a{
line-height:1.5;
font-size:20px;
}
.navbar-default .navbar-nav>.active>a:before,.navbar-default .navbar-nav>.active>a:focus:before,.navbar-default .navbar-nav>.active>a:hover:before,.navbar-default .navbar-nav>.open>a:before,.navbar-default .navbar-nav>.open>a:focus:before,.navbar-default .navbar-nav>.open>a:hover:before,.navbar-default .navbar-nav>li>a:hover:before{
width:0
}
.dropdown-menu{
padding:10px 0 0
}
.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover{
color:#efbb29
}
.starten p,.subscribe input[type="email"]{
width:100%
}
.subscribe button{
position:absolute;
right:9px
}
.row-left{
margin-bottom:100px
}
.count{
display:block;
margin-bottom:30px
}
.countd{
margin-bottom:30px
}
.countd span{
margin-bottom:30px
}
.count-title h1{
font-size:57px
}
.count-title p{
width:90%
}
}
@media(max-width:480px){
h1{
font-size:22px
}
.navbar-default{
padding-top:20px
}
.content .btn-main{
display:block;
margin:0 auto 30px
}
.learn-more{
margin:0
}
.testimonials .title{
width:200px
}
.count-title h1{
font-size:33px
}
}
@-moz-document url-prefix(){
.fa-chevron-left::after,.fa-chevron-right::after{
top:45%
}
.blog-nav .fa-chevron-left::after,.blog-nav .fa-chevron-right::after{
top:42%
}
}
.header-text h1
{
font-size:45px;
line-height: 55px;
}
.item-media {
position: relative;
overflow: hidden;
background:#fff;
}
.item-media img {
width: auto;
opacity:0.2;
}
.media-links {
text-align: center;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: transparent !important;
}
.media-links div {
position: absolute;
top: 50%;
width: 100%;
margin-top: -25px;
z-index: 4;
}
.media-links:before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(255, 255, 255, 0.6);
filter: alpha(opacity=0);
opacity: 0;
transition: all 0.2s linear;
}
.media-links.color-overlay:before {
opacity: 1;
}
[class*="-item"]:hover .media-links.color-overlay:before {
opacity: 0;
}
[class*="-item"].content-absolute:hover .media-links:before,
.item-media:hover .media-links:before {
opacity: 1;
}
.media-links.no-overlay:before {
display: none;
}
.media-links.inverse:before {
opacity: 1;
}
[class*="-item"]:hover .media-links.inverse:before {
opacity: 0;
}
.media-title
{
position:absolute;
z-index:99;
top:50%;
}
.media-title span
{
font-size:65px;
color: #efbb29;
-webkit-text-stroke: 5px transparent;
}
@media (max-width:992px)
{
header
{
min-height:100%;
}
.features {
text-align:center;
}
.copy p
{
text-align:center;
}
}
.media
{
margin-bottom:40px;
}
.media-heading
{
font-size: 20px;
color:#000;
}
.media-body
{
font-size:16px;
}
.media-left .fa {
color: #ffffff;
width: 30px;
height: 30px;
line-height: 30px;
background: #efbb29;
text-align: center;
border-radius: 50px;
}
#contact
{
background:url(../img/map.png) center;
}
#banner
{
padding:80px 0px;
}
ul.tabs {
margin: 0;
padding: 0;
list-style: none;
height: 32px;
width: 100%;
}
ul.tabs li {
float: left;
margin: 0;
cursor: pointer;
padding: 0px 21px;
height: 35px;
line-height: 34px;
border-top: 1px solid #f2f2f2;
border-left: 1px solid #f2f2f2;
border-bottom: 1px solid #f2f2f2;
background-color: #666;
color: #ccc;
overflow: hidden;
position: relative;
}
.tabs .fa
{
color: #efbb29;
margin-right: 10px;
}
.tab_last { border-right: 1px solid #f2f2f2; }
ul.tabs li:hover {
background-color: #f2f2f2;
color: #000;
}
ul.tabs li.active {
background-color: #fff;
color: #333;
display: block;
}
.tab_container {
border: 1px solid #f2f2f2;
clear: both;
margin-top:20px;
float: left;
width: 100%;
background: #fff;
overflow: auto;
}
@media (max-width:480px)
{
.tab_container {
margin-top:0px;
}
}
.tab_content {
padding: 20px;
display: none;
}
.tab_drawer_heading { display: none; }
@media screen and (max-width: 480px) {
.tabs {
display: none;
}
.tab_drawer_heading {
background-color: #ccc;
color: #fff;
border-top: 1px solid #333;
margin: 0;
padding: 5px 20px;
display: block;
cursor: pointer;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.d_active {
background-color: #666;
color: #fff;
}
}
.qrcode
{
text-align:center;
background: #fff;
-webkit-box-shadow: 0 0 10px 0.5px rgba(197,199,224,0.5);
box-shadow: 0 0 10px 0.5px rgba(197,199,224,0.5);
padding:30px;
}
.qrcode .sample_qr
{
margin-bottom:30px;
}
.qrcode p
{
margin-top:30px;
}
img {
vertical-align: middle;
margin: auto;
}
.text-top
{
text-align:center;
}
.field .fa {
position: absolute;
top: 12px !important;
left: 35px;
color: #efbb29;
}
.field input {
margin-bottom:20px;
padding-left:50px;
}
.owl-carousel {
z-index: 0 !important;
}
.iifr
{
display:none;
}
@media (max-width:992px)
{
.qrcode
{
margin-top:20px;
}
}
.counter-box
{
background:#FFCC00;
padding:30px;
}
.counter-text
{
font-size:30px;
color:#000;
}
.counter
{
font-size:50px;
color:#000;
font-weight:400;
}
img.coupon-img {
height: 117px;
width: 117px;
object-fit: cover;
border-radius: 4px;
}
h6.coupon-title {
font-size: 18px;
font-family: system-ui;
font-weight: 600;
letter-spacing: 0.5px;
margin: 0px 0px 7px 0px;
}
p.coupon-content {
font-size: 16px;
font-family: system-ui;
line-height: 23px;
letter-spacing: 0.6px;
margin: 19px 0px 10px 0px;
}
.Category-txt {
font-size: 16px;
letter-spacing: 0.6px;
font-weight: 400;
font-family: cursive;
}
.offer_content_sec {
padding-left: 30px;
}
.panel-default {
border-color: unset;
}
.panel {
border: 1px solid #efbb2873;
}
.panel-default>.panel-heading {
background-color: #fff;
}
.coupon-code {
display: flex;
align-items: center;
justify-content: space-around;
}
.panel-default>.panel-heading+.panel-collapse>.panel-body {
border-top-color: #efbb29;
background-color: #efba28;
color: #fff;
}
.coupen-input {
display: flex;
align-items: center;
column-gap: 10px;
}
.expire_details {
margin-top: 11px;
font-size: 16px;
font-family: system-ui;
font-weight: 500;
}
button.copybtn {
background-color: white;
border: none;
color: #000;
padding: 7px 10px;
border-radius: 4px;
font-size: 13px;
}
.expire_details span {
padding-left: 8px;
}
.panel-deactive {
border: 1px solid #d5d5d5;
}
.panel-body-deactive {
background-color: #d6d6d67a !important;
}
.body-deactive {
border-top-color: #d5d5d5 !important;
background-color: #d6d6d6 !important;
color: #000042 !important;
}
.panel-default>.panel-heading {
background-color: #fff;
box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
/*.panel-heading:before {*/
/* content: " ";*/
/* position: absolute;*/
/* z-index: 1;*/
/* right: 29px;*/
/* bottom: 12px;*/
/* background-color: #efbb29;*/
/* border-radius: 50%;*/
/* width: 27px;*/
/* height: 27px;*/
/*}*/
/*.panel-heading:after {*/
/* content: ">";*/
/* color: white;*/
/* font-size: 19px;*/
/* font-family: monospace;*/
/* position: absolute;*/
/* z-index: 1;*/
/* right: 35px;*/
/* bottom: 10px;*/
/* border-radius: 50%;*/
/* transform: rotate(90deg);*/
/*}*/
/*.panel-body-deactive:before {*/
/* content: " ";*/
/* position: absolute;*/
/* z-index: 1;*/
/* right: 29px;*/
/* bottom: 12px;*/
/* background-color: #d5d5d5;*/
/* border-radius: 50%;*/
/* width: 27px;*/
/* height: 27px;*/
/*}*/
/*.panel-body-deactive:after {*/
/* content: ">";*/
/* color: #7a778a;*/
/* font-size: 19px;*/
/* font-family: monospace;*/
/* position: absolute;*/
/* z-index: 1;*/
/* right: 35px;*/
/* bottom: 10px;*/
/* border-radius: 50%;*/
/* transform: rotate(90deg);*/
/*}*/
/*.panel-heading.is-active:before {*/
/* content: " ";*/
/* position: absolute;*/
/* z-index: 1;*/
/* right: 29px;*/
/* bottom: 12px;*/
/* background-color: #transprent;*/
/* border-radius: 50%;*/
/* width: 27px;*/
/* height: 27px;*/
/*}*/
/*.panel-heading.is-active:after {*/
/* content: ">";*/
/* color: white;*/
/* font-size: 19px;*/
/* font-family: monospace;*/
/* position: absolute;*/
/* z-index: 1;*/
/* right: 35px;*/
/* bottom: 10px;*/
/* border-radius: 50%;*/
/* transform: rotate(269deg);*/
/*}*/
a:hover {
text-decoration: none;
}