/*
Theme Name: Xtreme Multipurpose Bootstrap HTML5 Template
Theme URI:
Description: Xtreme Multipurpose Bootstrap HTML5 Template!
Author: CraftDzine
Author URI: http://demo.craftdzine.com/
License: Commercial
bootstrap, bootstrap HTML5 template, bootstrap responsive theme, business, clean, corporate, creative, css3, finance, html5, portfolio, responsive
Version: 1.0
*/
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@300;400;500;600;700;800&display=swap');
/**
1. CSS RESET
/*------------------------------------------------*/
/*-----------------[RESET]------------------------*/
/*------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,q:before, q:after { content: ''; content: none; }
/* remember to define focus styles! */
:focus { outline: 0; }
/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }
article, aside, footer, header, hgroup, nav, section { display: block; }
/*------------------------------------------------*/
/*--------------[General Style]------------------*/
/*------------------------------------------------*/
body {
line-height: 1.6em;
color: #787878;
font-size: 13px;
font-family: "Open Sans", Helvetica, Arial, sans-serif;
margin: 0 auto;
padding: 0 auto;
background: #fff;
}
.wrapper{
overflow: hidden;
position: relative;
width: 100%;
}
img {
height: auto;
max-width: 100%;
border: none;
outline: none;
transition: all 0.2s ease 0s;
-moz-transition: all 0.2s ease 0s;
-webkit-transition: all 0.2s ease 0s;
-o-transition: all 0.2s ease 0s;
}
a, a:active, a:link, img {
outline: none;
}
a:focus {
color: inherit;
text-decoration: none;
outline: none;
}
a {
cursor: pointer;
text-decoration: none;
color: #000;
transition: all 0.25s ease 0s;
-moz-transition: all 0.25s ease 0s;
-webkit-transition: all 0.25s ease 0s;
-o-transition: all 0.25s ease 0s;
}
a:hover {
color: #2a71b8;
text-decoration: none;
transition: all 0.25s ease 0s;
-moz-transition: all 0.25s ease 0s;
-webkit-transition: all 0.25s ease 0s;
-o-transition: all 0.25s ease 0s;
}
.video {
display: block;
}
.audio {
width: 100%;
}
br {
font-size: 0;
line-height: 0;
}
hr {
margin-bottom: 15px;
margin-top: 15px;
border-top: 1px solid #333;
border-bottom: none;
border-left: none;
border-right: none;
}
hr:last-child, .progress:last-child, .buttons p:last-child, .image-block-content:last-child {
margin: 0;
}
b, strong {
font-weight: 600;
}
small, small a {
font-size: 11px;
color: inherit;
}
p {
line-height: 1.6em;
margin: 0;
}
h1, h2, h3, h4, h5, h6 {
color: inherit;
text-transform: uppercase;
font-family: "Raleway", Helvetica, Arial, sans-serif;
margin-top: 0px;
margin-bottom: 0;
line-height: 1.6em;
}
h1 { font-size: 30px; letter-spacing: 1px;}
h2 { font-size: 24px; letter-spacing: 1px;}
h3 { font-size: 22px; letter-spacing: 1px;}
h4 { font-size: 18px; letter-spacing: 1px;}
h5 { font-size: 16px; letter-spacing: 1px;}
h6 { font-size: 14px; letter-spacing: 1px;}
.overflow-h {
overflow: hidden;
}
ul.list-inline {
margin-left: 0;
}
.home-main-contant-style{
padding: 80px 0;
overflow: hidden;
}
.home-main-contant-style2{
padding-top: 80px;
overflow: hidden;
}
.home-main-contant-style3{
padding-bottom: 80px;
overflow: hidden;
}
.home-main-contant-style4{
padding: 50px 0;
overflow: hidden;
}
.home-main-contant-style5{
padding-top: 50px;
overflow: hidden;
}
.home-main-contant-style6{
padding-bottom: 50px;
}
.home-main-contant-style7{
padding: 80px 0 180px 0;
overflow: hidden;
background: #3264f5;
background: -moz-linear-gradient(left, #3264f5 2%, #7202bb 82%);
background: -webkit-linear-gradient(left, #3264f5 2%,#7202bb 82%);
background: linear-gradient(to right, #3264f5 2%,#7202bb 82%);
}
.home-main-contant-style8{
padding: 100px 0;
overflow: hidden;
}
.home-main-contant-style9{
padding-top: 53px;
overflow: hidden;
}
.pall{
padding: 50px 117px 0 50px;
overflow: hidden;
}
.main-contain{padding: 80px 0;}
.mb30{margin-bottom: 30px;}
.mb40{margin-bottom: 40px;}
.mb50{margin-bottom: 50px;}
.mtb15{margin: 15px 0;}
.mtb10{margin: 15px 0;}
.mtb30{margin: 30px 0;}
.mtb{margin: 100px 0 30px 0;}
.mt30{margin-top: 30px;}
.mt10{margin-top: 10px;}
.mt15{margin-top: 15px;}
.mt50{margin-top: 50px;}
.mr30{margin-right: 30px;}
.mr5{margin-right: 5px;}
.ml5{margin-left: 5px;}
.mb15{margin-bottom: 15px;}
.mb20{margin-bottom: 20px;}
.mb10{margin-bottom: 10px;}
.mb5{margin-bottom: 5px;}
.pbt30{padding:30px 0;}
.pbt15{ padding: 15px 0;}
.pt15{padding-bottom: 15px;}
.pt100{ padding:30px 0;}
.all-blody-padd{padding: 30px;}
.mt-color{color: #72c02c;}
.bg-grey { background: #f7f7f7;}
.bg-white{background: #fff!important;}
.bg-sec{background-color: #787878;}
.bg-black{background-color: #000;}
.bg-nero{background-color: #282727;}
.bg-nero-sec{background-color: rgb(27, 30, 32);}
.bg-theme, .cd-accor-bg, .divider-line
{background-color: #72c02c!important;
border: none;
}
.bg-sec-style{background-color: #edebee;}
.pelorous-theme-color{background-color: #72c02c;}
.cd-border{border: 1px solid #eee;}
.border-right {border-right: 1px solid #eee;}
.border-bottom {border-bottom: 1px solid #eee;}
.border-top {border-top: 1px solid #eee;}
.no-padding{padding: 0;}
#accordion a:hover,
.breadcrumb a:hover,
.dashed-line{ border: 1px dotted #72c02c}
.animated-title {
font-size: 18px;
font-weight: 700;
padding: 10px 0;
}
.full-image img{
height: auto;
max-width: 100%;
vertical-align: top;
}
.alert:last-child {margin-bottom: 0;}
.border {
display: inline-block;
width: 70px;
height: 70px;
margin: 6px;
}
.inner-border {
border: 8px solid rgba(255,255,255,0.35);
height: calc(100% - 80px);
width: calc(100% - 110px);
left: 55px;
top: 40px;
position: absolute;
}
.border-radius-5 {border-radius: 5px;}
.border-radius-10 {border-radius: 10px;}
.box-shadow-primary {
-webkit-box-shadow: 0 2px 15px rgba(0,0,0,0.2);
box-shadow: 0 2px 15px rgba(0,0,0,0.2);
}
.box-shadow-sec {box-shadow: inset 0 1px 3px rgba(0,0,0,0.1);}
.rounder-border-block span {
display: inline-block;
width: 70px;
height: 70px;
margin: 6px;
background-color:#72c02c;
}
.jumbotron{ margin-bottom: 0;}
.headline{padding: 150px 0 80px;}
.card-link:hover,
.property-rating .checked,
.real-about-us-block-tag ul li i, .real-about-us-block-tag h4, .real-title span,
.login-inner h1 span,
.home-categorie-image-block :hover .home-categorie-title h5,
.home-categorie-image-block :hover .home-categorie-title span,
.shop-red, .blog-grid .blog-grid-info li a:hover,
.blog-grid h4 a:hover,
.page-heading .breadcrumb > a:hover,
.percentage,
.color-green,
.benefit-icon i,
.single-service .icon,
.parallaxBg .checked-list i,
.skill-main .skill-title h2 span,
.features-text .feature-shortinfo-icon .fa,
.thr-color,
.single-count i,
.watch-video .btn-video i,
.about-video-block-style .watch-video .btn-video i,
.icons-list a:hover,
.icons-list a:focus,
.team-contant-block i,
.price-style-2 i,
.pricing-table.theme-color .title,
.nav-tabs.style1 li a:hover,
.nav-tabs.style1 li a:active,
.nav-tabs.style1 li a:focus,
.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active,
.nav-tabs.style1 li.active a:hover,
.nav-tabs.style1 li.active a:active,
.nav-tabs.style1 li.active a:focus,
.nav-tabs.cd-checkout-style li a:hover,
.nav-tabs.cd-checkout-style li a:active,
.nav-tabs.cd-checkout-style li a:focus,
.nav-tabs.cd-checkout-style li.active a,
.nav-tabs.cd-checkout-style li.active a:hover,
.nav-tabs.cd-checkout-style li.active a:active,
.nav-tabs.cd-checkout-style li.active a:focus,
.dis-section-right:hover .cta-btn:hover,
.products-list-description .line-through,
.products-list-description.product_description .add-to-wishlist i,
.products-list-description.product_description .add-to-wishlist a:hover,
.products-list-description.product_description .add-to-wishlist .product-wishlist:hover i,
.products-list-description.product_description .add-to-wishlist .product-wishlist:hover i,
.shop-product .product-size label:hover,
.shop-product .product-size input:checked ~ label,
.product-ratings li .rating-selected,
.home-slider-banner .promo-info h1,
.big.product_description a:hover,
.con-features-title a:hover{
color: #72c02c;
}
.advanced_search .search_select .btn.submit_btn,
.product_quick_view > a:hover,
.product_compare > a:hover,
.post-title-style-bg,
.progress .progress-bar span,
#scrollUp:hover,
.heading-title.heading-arrow-bottom
.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover,
.pagination > li > a:focus,
.pagination > li > a:hover,
.pagination > li > span:focus,
.pagination > li > span:hover,
.video-home,
.media .media-body .btn-comment-reply,
.pricing-table.theme-color .price-value:before,
.pricing-table.theme-color .price-value:after,
.pricing-table.theme-color .price-value,
.product_wishlist > a,
.product_cart > a,
.option-box-item:hover .option-box-icon,
.why-choose .working-process .btn:hover,
.tags a:hover,
.image-block-content .feature-icon,
.single-service h2:hover:before,
.cd-heading-arrow-style2:hover .heading-title.heading-arrow-top,
.flat-service i,
.servicebox-2 i,
.process .process-in > li i,
.experience,
.experience-img .exper-text,
.subscribe .input-group .btn-u.btn-sub,
.post-right-col-block .nav-tabs.style1 li a::before,
.home-work-pro-tab .nav-tabs.style1 li a::before,
.product_badge > .badge-new,
.product_badge > .badge-sale,
.product_badge > .badge-featured,
.product_badge > .badge-offer,
.grid-list-icons i,
.btn-u.btn-banner.btn-apple,
.btn.main-button, .btn.sec-button,
.process .process-in > li i{
background-color: #72c02c;
}
.tags a:hover,
.image-block-content .feature-icon,
.why-choose .single-choose i,
.experience,
.experience-img .exper-text p,
.experience-img .exper-text h4,
.subscribe .input-group .btn-u.btn-sub,
.footer .subscribe .form-control,
.icon_lists .fa-hover a:hover,
.why-choose .working-process .btn:hover,
.why-choose .working-process h2,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover
.pagination > li > a:focus,
.pagination > li > a:hover,
.pagination > li > span:focus,
.pagination > li > span:hover,
.single-service:hover .icon i,
.benefit-style2 .benefit-icon i,
.single-service:hover .icon,
.parallax-block-text p ,
.why-choose .working-process p,
.flat-service i,
.service-mid,
.service-mid .services-content ul li:nth-child(2n),
.heading-title.heading-arrow-bottom,
.page-heading .breadcrumb > a,
.top-bar ul.top-social-icons li a,
.footer ul.top-social-icons li a,
.page-heading .title,
.page-heading .breadcrumb,
.btn-custom,
.btn-custom.border-btn:hover,
.btn-custom:hover,
.btn-custom.border-btn:hover,
.btn-custom.border-btn.btn-gray:hover,
.hover-effect span,
.heading-title.heading-arrow-top,
.service-mid .service-icon,
.servicebox-2 i,
.top-bar ul.top-bar-list li a:hover,
.main-title,
.home-media-block,
.video-home a:hover,
.video-home a:focus,
.testti-bg-style .cbp-l-grid-slider-testimonials-body,
.testti-bg-style .cbp-l-grid-slider-testimonials-footer,
.testti-bg-style2 .cbp-l-grid-slider-testimonials-body,
.testti-bg-style2 .cbp-l-grid-slider-testimonials-footer,
.media .media-body .btn-comment-reply,
.single-contact-option i, .single-social-icon i,
.cta-title.text-center > p,
.team-style1 .team-hover .team-social-v5 i,
.social-icons > a:hover, .social-icons > a:hover i,
.pricing-table.theme-color .amount,
.pricing-table.theme-color .month,
.home-grid-blog-title h5,
.home-grid-blog-user a,.home-grid-blog-user span,
.post-title-style-bg,
.blog-overlay .blog-icon .date,
.blog-overlay .blog-icon .link,
.blog-overlay.white-bg:hover a,
.blog-overlay.white-bg:hover span,
.blog-overlay.white-bg:hover .blog-icon .link,
.blog-overlay.white-bg:hover blockquote,
.blog-overlay.white-bg:hover cite,
.blog-overlay.dark-theme-bg:hover .blog-icon .date,
.blog-overlay .tag,
.product_wishlist > a:hover,
.product_wishlist > a > i,
.product_compare > a > i ,
.product_compare > a:hover,
.product_cart > a,
.product_cart > a > i,
.product_quick-view > a > i,
.product_quick_view > a,
.dis-section-right .price-section .old-price,
.product_badge > .badge-new,
.product_badge > .badge-sale,
.product_badge > .badge-featured,
.product_badge > .badge-offer,
.product_badge > .badge-new:before,
.product_badge > .badge-featured:before,
.product_badge > .badge-offer:before,
.product_badge > .badge-sale:before,
.h-product-price span,
.h-product-cart a,
.btn.btn-product,
.grid-list-icons i,
.cat-view-link:hover,
.cat-view-link,
.home-categorie-title h5,
.home-categorie-title span,
.option-box-item:hover .option-box-item i,
.advanced_search .search_select .btn.submit_btn,
.popular-por-info a,
.advanced_search h3,
.parallax-shop-style-1 .btn-medium.border-btn,
.btn-u.btn-banner:hover,
.btn-u.btn-banner:focus,
.btn-u,
.btn-u.btn-banner span,
.form-btn,
.property-price,
.property-rating,
.social-block ul li i,
.social-block ul li span,
.tags a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.navbar-dark .navbar-nav .nav-link{
color: #fff;
}
.watch-video .btn-video:hover,
.watch-video .btn-video:focus,
.watch-video .btn-video:active,
.about-video-block-style .watch-video .btn-video:hover,
.watch-video .btn-video:hover i,
.about-video-block-style .watch-video .btn-video:hover i{
color: #fff!important;
}
.top-bar ul.top-bar-list li a,
.top-bar ul.top-bar-list li span{
color: #ddd;
}
.pagination > .active > a{
color: inherit;
}
/*------------------------------------------------*/
/*--------------[TOP BAR]-----------*/
/*------------------------------------------------*/
.top-bar {
padding: 10px 0;
background: #000;
overflow: hidden;
}
.top-bar ul.top-bar-list li {
display: inline-block;
margin-right: 10px;
}
.top-bar ul.top-bar-list li span,
.top-bar ul.top-bar-list li a {
display: inline-block;
margin: 0;
line-height: 15px;
}
.top-bar ul.top-bar-list li:before {
content: '';
width: 0;
height: 15px;
border-left: 1px dotted #fff;
margin-right: 10px;
}
.top-bar ul.top-bar-list li:first-child:before {
display: none;
margin-right: 0;
}
.top-bar ul.top-bar-list li:last-child {
margin-right: 0;
}
.top-bar ul.top-social-icons li, .footer ul.top-social-icons li {
display: inline-block;
}
.top-bar ul.top-social-icons li a, .footer ul.top-social-icons li a {
display: inline-block;
font-size: 13px;
margin-left: 10px;
}
.footer ul.top-social-icons li a{
font-size: 20px;
margin-left: 15px;
}
.top-bar ul.top-social-icons li a:hover, .footer ul.top-social-icons li a:hover {
opacity: 0.8;
}
/*------------------------------------------------*/
/*--------------[Sticky Header]-----------*/
/*------------------------------------------------*/
.sticky-header:not(.header-submenu).is-sticky {
position: fixed;
top: 0;
left: 0;
width: 100%;
background: #fff;
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
z-index: 9999;
}
#scrollUp {
background-color:rgba(255, 255, 255, 0.7);
border-radius: 50%;
bottom: 5%;
color:inherit;
height: 40px;
width: 40px;
position: fixed;
right: 1%;
text-align: center;
-webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15);
box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15);
-webkit-transition: .3s ease-out;
-o-transition: .3s ease-out;
transition: .3s ease-out;
}
#scrollUp i {
display: block;
font-size: 24px;
line-height: 35px;
}
#scrollUp:hover {
color: #fff!important;
}
/*------------------------------------------------*/
/*--------------[PAGE HEADING BREADCRUMB]-----------*/
/*------------------------------------------------*/
.page-heading::after {
background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
bottom: 0;
content: "";
left: 0;
position: absolute;
right: 0;
top: 0;
z-index: -1;
}
.page-heading {
background: rgba(0, 0, 0, 0) url("../img/others/call-to-ac.jpg") no-repeat fixed center center / cover ;
padding: 80px 0;
position: relative;
z-index: 1;
}
.page-heading .title {
font-family: "Raleway";
font-size: 36px;
font-weight: bold;
line-height: 1;
text-transform: uppercase;
margin-bottom: 10px;
}
.page-heading-2 .title{
font-family: "Raleway";
font-size: 18px;
font-weight: bold;
line-height: 1;
text-transform: uppercase;
color: inherit;
margin-bottom: 10px;
}
.page-heading .breadcrumb{
font-size: inherit;
text-transform: none;
background: none;
border-radius: 0;
margin-bottom: 0;
display: inline;
}
.page-heading-2 .breadcrumb, .page-heading-3 .breadcrumb{
font-size: inherit;
text-transform: none;
color: inherit;
background: none;
border-radius: 0;
margin-bottom: 0;
padding:0;
}
.page-heading-3::after {
background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
bottom: 0;
content: "";
left: 0;
position: absolute;
right: 0;
top: 0;
z-index: -1;
}
.page-heading-3 {
background: rgba(0, 0, 0, 0) url("../img/others/parallax.jpg") no-repeat fixed center center / cover ;
padding: 80px 0;
position: relative;
z-index: 1;
}
.page-heading .breadcrumb > a:hover{
text-decoration: underline;
}
.delimeter {
padding: 0 5px;
}
/*------------------------------------------------*/
/*-------------[Buttons Style]----------------*/
/*------------------------------------------------*/
.btn {
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}
.btn-custom {
width: auto;
display: inline-block;
margin-right: 5px;
border:0;
border-radius: 5px;
}
.btn-custom:last-child {
margin-right: 0;
}
.btn-custom {
background-color: #72c02c ;
}
.btn-custom.border-btn:hover {
background-color: #72c02c ;
}
.btn-custom.border-btn:hover {
opacity: 1;
}
.btn-custom.border-btn {
background-color: transparent;
border: 1px solid #72c02c;
box-shadow: none;
-o-box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
color: #fff ;
}
.btn-custom.btn-large.border-btn.call-to-action-button {
background: #fff none repeat scroll 0 0;
border: medium none;
box-shadow: none;
}
.btn-custom:hover {
opacity: 0.8;
}
.btn-custom.border-btn:hover {
opacity: 1;
}
.btn-custom.border-btn.btn-gray:hover {
background-color: #444;
}
.btn-custom.btn-gray {
background-color: #444;
}
.btn-custom.border-btn.btn-gray {
background-color: transparent;
border: 1px solid #444;
color: #fff;
}
.cd-ext-large {
border-radius: 0;
display: inline-block;
margin-top: 20px;
text-align: center;
width: 100%;
}
.btn-large {
font-size: 14px;
padding: 20px 80px;
}
.btn-medium {
font-size: 14px;
padding: 15px 60px;
}
.btn-small {
padding: 10px 40px;
}
.btn-mini {
padding: 5px 20px;
}
.btn-large.border-btn {
padding: 20px 80px;
}
.btn-medium.border-btn {
padding: 15px 60px;
}
.btn-small.border-btn {
padding: 10px 40px;
}
.btn-mini.border-btn {
padding: 5px 20px;
}
.btn.main-button, .btn.sec-button{
border-color: #72c02c;
text-transform: uppercase;
-webkit-transition: all .4s ease;
-moz-transition: all .4s ease;
-o-transition: all .4s ease;
transition: all .4s ease;
color: #fff!important;
padding: 8px;
border-radius: 3px;
font-size: 14px;
}
.btn.sec-button{
background: #787878!important;
border-color: #787878!important;
}
.btn.main-button:hover, .btn.sec-button:hover{
color: #787878!important;
background-color: transparent!important;
border-color: #72c02c;
-webkit-transition: all .4s ease;
-moz-transition: all .4s ease;
-o-transition: all .4s ease;
transition: all .4s ease;
}
.btn.sec-button:hover{
border-color: #787878;
}
.btn.main-button i, .btn.sec-button i{
margin-right: 5px;
}
/*------------------------------------------------*/
/*--------------[Title Style 1]-----------*/
/*------------------------------------------------*/
.title-heading h2 {
font-size: 24px;
color: inherit;
margin-bottom: 15px;
}
.title-heading p {
margin: 0 auto;
max-width: 760px;
color: inherit;
font-size: 15px;
line-height: 27px;
padding-bottom: 15px;
}
.title-heading.text-left > p {
max-width: none;
}
.wedding-title h2{
font-family: 'Engagement', cursive;
font-weight: normal;
margin-bottom: 40px;
font-size: 48px;
text-align: center;
text-transform: capitalize;
}
.hover-effect {
display: inline-block;
position: relative;
}
.hover-effect span {
background: rgb(240, 57, 77) none repeat scroll 0 0;
display: block;
height: 0;
left: 50%;
opacity: 0;
overflow: hidden;
position: absolute;
top: 50%;
width: 0;
transition: all .2s ease;
-moz-transition: all .2s ease;
-webkit-transition: all .2s ease;
-o-transition: all .2s ease;
}
.hover-effect:hover span {
height: 100%;
left: 0;
opacity: 0.8;
top: 0;
width: 100%;
border-radius: 50%
}
.hover-effect span h5, .story-title h2 {
margin-top: 30%;
font-family: 'Engagement', cursive;
font-weight: normal;
font-size: 48px;
text-transform: capitalize;
}
.wedding-about-text.wedding-text-style-2{
color: #787878;
}
.wedding-about-text.wedding-text-style-2 h5{
font-family: 'Engagement', cursive;
font-weight: normal;
font-size: 30px;
text-transform: capitalize;
}
.wedding-about-text.wedding-text-style-2 p{
font-family: 'Engagement', cursive;
font-weight: normal;
font-size: 20px;
text-transform: capitalize;
letter-spacing: 1px;
}
/*------------------------------------------------*/
/*-----------------[Title Style 3]---------------*/
/*------------------------------------------------*/
.section-title.style3 {
font-size: 24px;
font-weight: lighter;
line-height: 28px;
margin-bottom: 30px;
padding: 0;
position: relative;
border: none;
}
.section-title.style3 span {
background: #fff;
display: inline-block;
padding: 0 15px;
position: relative;
width: auto;
z-index: 2;
}
.section-title.style4 span {
background: #f7f7f7!important;
}
.section-title.style3::after {
background: #eee;
content: "";
display: block;
height: 1px;
margin-left: 20%;
position: absolute;
top: 16px;
width: 60%;
z-index: 1;
}
.section-title.style3.bg-style span {
background: #f7f7f7;
padding: 0 15px;
}
.section-title-bg {
margin-bottom: 30px;
position: relative;
z-index: 22;
}
.title-bg {
color:#eee;
font-size: 120px;
line-height: 0;
position: absolute;
top: 36px;
left: 0;
width: 100%;
opacity: 0.6;
font-weight: 700;
z-index: -1;
text-transform: capitalize;
}
/*------------------------------------------------*/
/*--------------[ARROW STYLE]-----------*/
/*------------------------------------------------*/
.heading-title.heading-arrow-bottom::after {
border-left: 50px solid transparent;
border-right: 50px solid transparent;
border-top: 40px solid #72c02c;
bottom: -35px;
content: " ";
height: 0;
left: 50%;
margin-left: -50px;
position: absolute;
width: 0;
}
.heading-title.heading-arrow-top::after {
border-left: 30px solid transparent;
border-right: 30px solid transparent;
border-bottom: 25px solid #72c02c;
top: -40%;
content: " ";
height: 0;
left: 50%;
margin-left: -30px;
position: absolute;
width: 0;
}
.heading-title.heading-arrow-top.cd-heading-arrow {
position: relative;
z-index: 10;
padding: 10px 0;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
.cd-heading-arrow-style2 {
padding: 30px 0 0 0;
background-color: rgba(247, 247, 247, 0.7);
}
.cd-heading-arrow-style2 .arrow-style2-title {
padding-bottom: 30px;
font-family: raleway;
font-size: 20px;
font-weight: 600;
line-height: 24px;
}
.cd-heading-arrow-style2 .wel-theme-title {
font-family: raleway;
font-size: 15px;
font-weight: 600;
line-height: 20px;
}
.cd-heading-arrow.heading-title {
border-radius: 0;
}
.heading-title.heading-arrow-top{
background-color: #787878;
}
.cd-heading-arrow-style2:hover .heading-title.heading-arrow-top::after {
border-bottom: 25px solid #72c02c;
}
.heading-title.heading-arrow-top::after{
border-bottom: 25px solid #787878;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
.cd-heading-arrow {
border-radius: 3px;
position: relative;
z-index: 10;
padding: 50px 0;
}
.cd-heading-arrow.style-real-3 {
border-radius: 0;
position: relative;
z-index: 10;
padding: 15px 0;
}
.wel-theme-title {
font-family: raleway;
font-size: 30px;
font-weight: 600;
line-height: 36px;
}
.cd-welcome.img-fluid {
display: block;
margin: 0 auto;
}
/*------------------------------------------------*/
/*-------------[Services Style 2]----------------*/
/*------------------------------------------------*/
.services-style-1 {
border-radius: 5px;
}
.services-style-1 .services-style-1-header{
padding: 40px 30px;
text-align: center;
}
.service-mid, .service-mid .services-content ul li:nth-child(2n){
background: #72c02c!important;
}
.service-fir,.service-thr{
background: #f7f7f7!important;
color: inherit;
}
.services-style-1 .heading h4 {
padding: 20px 0 10px;
}
.services-style-1 .service-icon span{
font-size: 60px;
font-weight: 100;
}
.services-style-1 .services-content ul{
padding: 0;
list-style: none;
margin-bottom: 0;
}
.services-content ul li{
padding: 15px;
}
.services-content ul li i {
margin-right: 10px;
}
.services-content ul li:nth-child(2n) {
background-color: rgba(255, 255, 255, 0.1) !important;
box-shadow: 0 -1px 15px 0 rgba(0, 0, 0, 0.1);
}
.flat-service i {
font-size: 30px;
padding: 20px;
border-radius: 50%;
margin-bottom: 15px;
width: 70px;
height: 70px;
}
/*------------------------------------------------*/
/*-----------[Services Style 5]-------*/
/*------------------------------------------------*/
.servicebox-2 {
padding: 30px;
margin:0 auto;
text-align: center;
border: solid 1px #eee;
background-color:#fff;
}
.servicebox-2,
.servicebox-2 i,
.servicebox-2 p,
.servicebox-2 h3 {
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.servicebox-2 p {
margin: 0;
}
.servicebox-2 h3 {
font-size: 18px;
position: relative;
margin: 15px 0;
}
.servicebox-2 i {
font-size: 2em;
margin: 10px 0 22px;
display: inline-block;
width: 62px;
height: 62px;
line-height: 62px;
border-radius: 50%;
}
/*------------------------------------------------*/
/*-----------[Services Style 7]-------*/
/*------------------------------------------------*/
.bg-white.benefit-style3 .benefit.mid-block {
background: #6fb92c;
}
.bg-white.benefit-style3 .benefit {
border: none;
padding: 50px 30px;
}
.bg-white.benefit-style3 .benefit{
box-shadow: none;
}
.benefit {
padding: 30px;
border: 1px solid #eee;
}
.benefit:hover{
border-color: transparent !important;
-webkit-box-shadow: 0 20px 25px -12px rgba(0, 0, 0, 0.15);
box-shadow: 0 20px 25px -12px rgba(0, 0, 0, 0.15);
transition: all 0.25s ease 0s;
-moz-transition: all 0.25s ease 0s;
-webkit-transition: all 0.25s ease 0s;
-o-transition: all 0.25s ease 0s;
cursor: pointer;
}
.benefit-style3 .benefit {
margin: 0!important;
}
.benefit-num {
text-align: right;
font-size: 18px;
font-weight: 500;
}
.bg-white.benefit-style3 .benefit-icon{
margin: 0 auto;
}
.benefit-icon {
box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.06);
background: #fff;
width: 3.92857rem;
height: 3.92857rem;
border-radius: 50%;
}
.benefit-style2 .benefit-icon {
background: linear-gradient(to right, #3264f5 2%,#7202bb 82%);
}
.benefit-icon i {
top: 35%;
position: relative;
display: block;
font-size: 25px;
text-align: center;
}
.benefit-titel {
margin: 15px 0;
font-weight: bold;
text-transform: capitalize;
}
/*------------------------------------------------*/
/*-----------[Services Style 8]-------*/
/*------------------------------------------------*/
.single-service {
background: #fff;
position: relative;
text-align: center;
z-index: 15;
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
overflow: hidden;
}
.single-service:hover .icon{
background:#72c02c;
}
.single-service .service-head{
position:relative;
}
.single-service .icon {
width: 64px;
height: 64px;
background: #fff;
line-height: 64px;
border-radius: 100%;
border-color: #72c02c;
position: absolute;
bottom: -32px;
right: 10px;
font-size: 22px;
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
-webkit-transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
transition:all 0.3s ease;
}
.single-service .service-bottom {
text-align: left;
position: relative;
padding: 35px 25px;
}
.single-service h2 {
font-size: 16px;
border-bottom: aliceblue;
position: relative;
padding-bottom: 15px;
margin-bottom: 15px;
}
.single-service h2 a{
color: inherit;
}
.single-service h2::before {
content: "";
position: absolute;
left: 0;
bottom: -1px;
width: 50px;
height: 2px;
background: #ccc;
-webkit-transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
transition:all 0.3s ease;
}
.single-service h2:hover a{
color:#72c02c;
}
.single-service p {
line-height: 24px;
margin-bottom: 15px;
}
.single-service .more-btn {
padding: 0;
border: none;
background: transparent;
color: inherit;
padding: 0;
}
.single-service .more-btn:before{
display:none;
}
.single-service .more-btn:hover{
color:#72c02c;
}
/*------------------------------------------------*/
/*--------------[Process STYLE]-----------*/
/*------------------------------------------------*/
.process .process-in {
text-align: center;
}
.process .process-in .icon-first {
text-align: left;
}
.process .process-in .icon-last {
text-align: right;
}
.process .process-in > li i {
z-index: 1;
width: 60px;
height: 60px;
position: relative;
text-align: center;
margin-bottom: 15px;
display: inline-block;
border: solid 9px #fff;
}
.process .process-in > li i:after {
top: -9px;
left: -9px;
right: -9px;
bottom: -9px;
content: " ";
border-radius: 50%;
position: absolute;
border: 1px solid #bbb;
}
.process .process-in > li h3 {
font-size: 16px;
text-transform: uppercase;
}
.process .process-border {
position: relative;
}
.process .process-border:before {
top: 30px;
width: 96%;
left: 2%;
content: " ";
display: block;
position: absolute;
border-top: solid 2px #ddd;
}
@media (max-width: 768px) {
.process .process-border:before {
border: none;
}
}
/*------------------------------------------------*/
/*--------------[Testimonial STYLE]-----------*/
/*------------------------------------------------*/
.testti-bg-style::after {
background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
bottom: 0;
content: "";
left: 0;
position: absolute;
right: 0;
top: 0;
z-index: -1;
}
.testti-bg-style {
background: rgba(247, 247, 247, 0.7) url("../img/others/call-to-ac.jpg") no-repeat fixed center center / cover;
z-index: 1;
position: relative;
padding: 80px 0;
}
.testti-bg-style2::after {
background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
bottom: 0;
content: "";
left: 0;
position: absolute;
right: 0;
top: 0;
z-index: -1;
}
.testti-bg-style2 {
background: rgba(247, 247, 247, 0.7) url("../img/shop/banner/bg-banner2.jpg") no-repeat fixed center center / cover;
z-index: 1;
position: relative;
padding: 80px 0;
}
/*------------------------------------------------*/
/*--------------[PAGINATION STYLE]-----------*/
/*------------------------------------------------*/
.pagination {
border-radius: 0;
display: inline-block;
margin: 0;
padding-left: 0;
}
.pagination > li {
display: inline;
}
.pagination > li > a, .pagination > li > span {
color:inherit;
position: relative;
float: left;
padding: 6px 12px;
margin-left: -1px;
line-height: 1.42857143;
text-decoration: none;
border: 1px solid #ddd;
background-color: #fff;
}
.cd-pagination {
padding-top: 15px;
}
/*------------------------------------------------*/
/*-------------[Parallax]----------------*/
/*------------------------------------------------*/
.counter-parallax::after {
background: rgba(247, 247, 247, 0.7);
bottom: 0;
content: "";
left: 0;
position: absolute;
right: 0;
top: 0;
z-index: -1;
}
.counter-parallax {
background:rgba(247, 247, 247, 0.7) url("../img/others/parallax.jpg") no-repeat fixed center center / cover ;
z-index: 1;
position: relative;
}
.custom-parallax::after {
background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
bottom: 0;
content: "";
left: 0;
position: absolute;
right: 0;
top: 0;
z-index: -1;
}
.custom-parallax {
background:rgba(247, 247, 247, 0.7) url("../img/others/call-to-ac.jpg") no-repeat fixed center center / cover ;
z-index: 1;
position: relative;
}
.parallax-shop-style-arrow{
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 30px;
margin-top: -30px;
z-index: 4;
}
.parallax-arrow2::after, .parallax-arrow2:before{
content: '';
position: absolute;
bottom: -10%;
display: block;
height: 0;
width: 50.25%;
border: 30px solid transparent;
border-bottom-color: #f7f7f7!important;
border-top-width: 0;
}
.parallax-arrow1::after, .parallax-arrow1:before{
content: '';
position: absolute;
bottom: -10%;
display: block;
height: 0;
width: 50.25%;
border: 30px solid transparent;
border-bottom-color: #fff;
border-top-width: 0;
}
.parallax-shop-style-arrow:after {
border-right-width: 0;
border-left-width: 40px;
right: 0;
}
.parallax-shop-style-arrow:before{
border-bottom-color: #fff;
border-left-width: 0;
border-right-width: 40px;
left: 0;
}
.parallax-shop-style-2{
position: relative;
z-index: 10;
padding: 100px 0;
overflow: unset;
background:rgba(247, 247, 247, 0.7) url("../img/shop/banner/bg-banner4.jpg") no-repeat fixed center center / cover ;
}
.parallax-shop-style-1::after {
background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
bottom: 0;
content: "";
left: 0;
position: absolute;
right: 0;
top: 0;
z-index: -1;
}
.parallax-shop-style-1 {
background:rgba(247, 247, 247, 0.7) url("../img/shop/banner/bg-3.jpg") no-repeat fixed center center / cover ;
z-index: 1;
position: relative;
padding: 80px 0 180px 0;
}
.parallax-shop{
position: relative;
z-index: 10;
padding: 100px 0;
overflow: unset;
background:rgba(247, 247, 247, 0.7) url("../img/shop/banner/bg-banner3.jpg") no-repeat fixed center center / cover ;
}
.parallax-app{
background:rgba(247, 247, 247, 0.7) url("../img/others/call-to-ac.jpg") no-repeat fixed center center / cover ;
z-index: 1;
position: relative;
padding: 80px 0;
}
.parallax-app::after{
background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
bottom: 0;
content: "";
left: 0;
position: absolute;
right: 0;
top: 0;
z-index: -1;
}
.parallax-shop-style2{
position: relative;
z-index: 10;
padding: 100px 0;
overflow: unset;
}
.parallax-block::after {
background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
bottom: 0;
content: "";
left: 0;
position: absolute;
right: 0;
top: 0;
z-index: -1;
}
.parallax-block {
background:rgba(247, 247, 247, 0.7) url("../img/others/call-to-ac.jpg") no-repeat fixed center center / cover ;
z-index: 1;
position: relative;
padding: 120px 0;
}
.love-story-parallax-block::after {
background: rgb(240, 57, 77) none repeat scroll 0 0;
bottom: 0;
content: "";
left: 0;
position: absolute;
right: 0;
top: 0;
z-index: -1;
opacity: 0.8
}
.love-story-parallax-block {
background:rgba(247, 247, 247, 0.7) url("../img/others/call-to-ac.jpg") no-repeat fixed center center / cover ;
z-index: 1;
position: relative;
padding: 80px 0;
}
.parallax-block-style-2::after {
background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
bottom: 0;
content: "";
left: 0;
position: absolute;
right: 0;
top: 0;
z-index: -1;
}
.parallax-block-style-2 {
background:rgba(247, 247, 247, 0.7) url("../img/shop/real/bg-banner1.jpg") no-repeat fixed center center / cover ;
z-index: 1;
position: relative;
padding: 150px 0;
}
.parallax-block-text {
text-align: center;
}
.parallax-block-text p {
font-size: 28px;
text-transform: uppercase;
line-height: 40px;
}
.pre-btn-group {
text-align: center;
margin-top: 30px;
}
.parallaxBg .checked-list.first-child {
float: left;
margin-right: 100px;
}
.parallaxBg .checked-list li {
color: inherit;
margin-bottom: 5px;
}
.parallaxBg .checked-list i {
margin-right: 5px;
}
/*------------------------------------------------*/
/*--------------[WHY CHOOSE US]-----------*/
/*------------------------------------------------*/
.headline-left .headline-brd::after {
background: #72c02c none repeat scroll 0 0;
bottom: -5px;
content: " ";
height: 2px;
left: 1px;
position: absolute;
width: 30px;
z-index: 1;
}
.headline-left .headline-brd {
color: inherit;
margin-bottom: 25px;
padding-bottom: 10px;
position: relative;
font: 26px/36px "raleway", sans-serif;
text-transform: capitalize;
}
.lists-item li {
margin-bottom: 10px;
}
.lists-item i {
color: #72c02c ;
display: inline-block;
font-size: 13px;
margin-right: 7px;
}
.why-choose {
position: relative;
padding: 0;
}
.why-choose .working-process {
width: 100%;
height: 414px;
padding: 121px 40px;
}
.why-choose .working-process h2 {
margin-bottom: 20px;
font-size: 28px;
}
.why-choose .working-process .btn {
background: #fff;
color: inherit;
margin-top: 20px;
}
.why-choose .choose-main {
padding: 66px 40px;
}
.why-choose .single-choose {
margin-bottom: 30px;
}
.choose-icon-style2 .single-choose {
padding: 0;
}
.why-choose .single-choose:last-child{
margin:0;
}
.choose-icon-style2 .single-choose i {
float: right;
position: relative!important;
}
.why-choose .single-choose i {
text-align: center;
font-size: 22px;
margin: 0;
width: 52px;
height: 52px;
line-height: 52px;
border-radius: 100%;
background:#72c02c;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
transition: all 0.4s ease;
position: absolute;
left: 0;
}
.why-choose .single-choose i::after {
position: absolute;
right: -5px;
content: "";
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
border-left: 8px solid #72c02c;
top: 14px;
}
.choose-icon-style2 .single-choose i::after {
right: 49px !important;
border-right: 8px solid #72c02c!important;
border-left: 0;
}
.choose-icon-style2 .single-choose h4,
.choose-icon-style2 .single-choose p{
text-align: right;
}
.why-choose .single-choose h4{
font-size: 14px;
font-weight:500;
}
.why-choose .single-choose h4,
.why-choose-style-2 .single-choose p{
margin-left: 80px;
}
.choose-icon-style2 .single-choose h4,
.choose-icon-style2 .single-choose p{
margin:0 80px 0 0;
}
.why-choose .why-video {
background: url(../img/about/img3.jpg);
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
transition: all 0.4s ease;
width: 100%;
background-size: cover;
height: 414px;
background-position: center;
}
.why-choose-style-2 .single-choose h4,
.why-choose-style-2 .single-choose p,
.intro-content-inner .text-rotate{
color: inherit;
}
/*====================================
Experiences CSS
======================================*/
.experience {
position: absolute;
bottom: 0;
padding: 30px;
bottom: -70px;
left: 64px;
width: 60%;
}
.experience-img {
position: relative;
margin-bottom: 30px;
}
.experience-img .exper-text {
position: absolute;
display: inline-block;
width: 80%;
bottom: -20px;
left: 10%;
padding: 30px;
border-radius: 5px;
}
.experience-img .exper-text p {
font-size: 15px;
line-height: 22px;
}
.experience-img .exper-text h4 {
font-size: 20px;
margin-top: 15px;
}
.experience-img .exper-text h4 span {
display: block;
font-size: 15px;
font-weight: 400;
}
.experience-img .exper-text i {
position: absolute;
font-size: 80px;
z-index: 1;
color: #f2f2f2;
top: 22px;
left: 28px;
opacity: 0.2;
}
.skill-main .skill-title h2 {
font-size: 28px;
margin-bottom: 15px;
}
.skill-main .skill-title h2 span {
display: block;
font-size: 20px;
margin-bottom: 5px;
}
/*------------------------------------------------*/
/*--------------[Awesome features STYLE]-----------*/
/*------------------------------------------------*/
.features-text {
padding: 0 0 0 20px;
}
.home-tab-block .features-text {
padding: 0;
}
.features .features-text .g-heading-v10,
.features .features-text .g-heading-v10 p {
text-align: left;
max-width: 100%;
}
.features-text .feature-shortinfo-icon {
padding: 7px 0 15px;
}
.features-text .feature-shortinfo-text {
padding: 0 0 30px;
}
.features-text .feature-shortinfo-icon .fa {
border: 1px solid #72c02c;
border-radius: 50%;
padding: 22px;
}
.features-text .feature-shortinfo-text h2 {
font-size: 14px;
font-weight: bold;
text-transform: uppercase;
color: inherit;
}
.features-text .feature-shortinfo-text p {
font-size: 14px;
color: inherit;
}
/*------------------------------------------------*/
/*-------------[Counter]----------------*/
/*------------------------------------------------*/
.counter-block::after {
background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
bottom: 0;
content: "";
left: 0;
position: absolute;
right: 0;
top: 0;
z-index: -1;
}
.counter-block {
background: rgba(0, 0, 0, 0) url("../img/others/counter.jpg") no-repeat fixed center center / cover ;
padding: 80px 0;
position: relative;
z-index: 1;
}
.counter-block-2 {
padding: 80px 0;
position: relative;
z-index: 1;
}
.counter-item i {
color: inherit;
}
.secondary-color{
color: inherit;
line-height:30px;
padding: 5px 0;
}
.thr-color{
line-height:90px;
padding-bottom: 20px;
font-size: 90px;
}
.thr-style h4{
text-transform: capitalize;
}
.counter-item.text-center h6 {
font-weight: normal;
text-transform: capitalize;
}
.br1{
border-right: 1px solid #ccc;
}
.bb1{
border-bottom: 1px solid #ccc;
}
.single-count {
text-align: left;
position: relative;
background: rgba(255,255,255,.1) none repeat scroll 0 0;
padding: 15px 15px 15px 70px;
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
border-radius: 5px;
color:#fff;
}
.single-count:hover i{
background:#72c02c;
color:#fff!important;
border-color:transparent;
}
.single-count i {
border-radius: 50%;
font-size: 18px;
position: absolute;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
transition: all 0.3s ease;
left: 15px;
background: #fff;
border: 1px solid #eee;
display: inline-block;
width: 40px;
height: 40px;
line-height: 35px;
text-align: center;
}
.single-count i:after {
content:"";
position:absolute;
left:0px;
top:0px;
height:100%;
width:100%;
border:3px solid transparent;
border-radius:100%;
-webkit-transform:scale(0.80);
transform:scale(0.80);
-webkit-transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
transition:all 0.3s ease;
opacity:0
}
.single-count:hover i:after,
.single-count.active i:after{
-webkit-transform:scale(1.5);
transform:scale(1.2);
opacity:1;
}
.single-count b {
font-size: 25px;
font-weight: 700;
margin-bottom: 10px;
display: inline-block;
}
.single-count b span {
margin-right: 10px;
}
.single-count h4 {
font-size: 13px;
margin-bottom: 10px;
font-weight: 600;
}
/*------------------------------------------------*/
/*--------------[Home Watch Video STYLE]-----------*/
/*------------------------------------------------*/
.watch-video {
width: 100%;
display: block;
padding-top: 15%;
}
.watch-video.style2 {
padding-top: 0;
}
.watch-video span {
display: block;
margin-top: 15px;
text-transform: capitalize;
font-family: 'Raleway', sans-serif;
}
.watch-video .btn-video {
font-size: 40px;
height: 130px;
width: 130px;
margin: 0 auto;
display: table;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.06);
background: #fff none repeat scroll 0 0;
}
.watch-video .btn-video:hover,
.watch-video .btn-video:focus,
.watch-video .btn-video:active,
.about-video-block-style .watch-video .btn-video:hover{
text-decoration: none;
background: #72c02c none repeat scroll 0 0;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
.watch-video .btn-video i {
position: relative;
display: table-cell;
vertical-align: middle;
margin: 0;
padding: 0;
}
.video_area {
position: relative;
overflow: hidden;
width: 100%;
z-index: 1;
padding: 200px 0 50px 0;
background: #2d2ed4;
background: -webkit-linear-gradient(to right, #e24997, #2d2ed4);
background: linear-gradient(to right, #e24997, #2d2ed4);
}
.video_area .video-top-thumbnail img {
width: 100%;
position: absolute;
top: -2px;
left: 0;
z-index: 1;
}
.video_area_text {
position: relative;
z-index: 1;
}
.video_area_text h2 {
padding-bottom: 170px;
}
/*------------------------------------------------*/
/*-------------[Home About Style]----------------*/
/*------------------------------------------------*/
.home-about-text1{
padding: 60px 0;
}
.home-about-text1 .about-text {
color: inherit;
font-family: raleway;
font-size: 20px;
font-weight: 500;
margin-bottom: 15px;
text-transform: uppercase;
}
.about-text-block {
padding: 10%;
}
.image-block-content{
margin-bottom: 30px;
}
.image-block-content .feature-icon{
width: 60px;
height: 60px;
line-height: 60px;
border-radius: 100%;
display: inline-block;
text-align: center;
float: left;
}
.image-block-content .feature-content{
padding-left: 85px;
text-align: left;
}
.image-block-content .feature-content p {
letter-spacing: 1px;
}
.image-block-content .feature-content h4 {
font-size: 16px;
margin-bottom: 10px;
text-transform: capitalize;
font-weight: lighter;
}
.feature-icon {
font-size: 28px;
}
.why-us-image {
display: block;
}
.service-style-vri .about-block-con {
padding:0;
}
.service-style-vri .image-block-content .service-style-vri-icon{
float: right;
}
.service-style-vri .service-style-vri-content .feature-content{
padding:0 85px 0 0;
text-align: center;
}
.feature-con-cen.feature-content{
text-align: center;
}
.about-list-style {
list-style: none;
margin: 0;
margin-bottom: 0px;
padding: 0;
}
.about-list-style li:first-child {
padding-top: 10px;
}
.about-list-style li {
padding: 0 0 10px 0;
padding-top: 0px;
padding-top: 0px;
margin: 0 0 10px 0;
border-bottom: 1px solid #eee;
width: 60%;
}
.about-block-style-2 {
background: #691cff;
background: -webkit-gradient(linear, left top, right bottom, from(#2154cf), to(#6ec5ff));
background: linear-gradient(to bottom right, #2154cf, #6ec5ff);
position: relative;
overflow: hidden;
}
.about-block-style-2 .why-us-block {
position: absolute;
right: 50vw;
width: calc(50vw + 242px);
top: 50%;
transform: translateY(-50%);
}
.video-bg-img {
width: 300px;
max-width: 100%;
height: 160px;
position: relative;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.about-video-block-style .watch-video{
position: absolute !important;
top: 50% !important;
left: 50% !important;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-backface-visibility: hidden;
padding-top: 0;
}
.about-video-block-style .watch-video .btn-video {
font-size: 50px;
height: 100px;
width: 100px;
display: block;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.06);
background: #fff none repeat scroll 0 0;
}
.about-video-block-style .watch-video .btn-video i {
position: relative;
display: block;
vertical-align: middle;
top: 25%;
padding: 0;
left: 5%;
}
.align-self-center.about-video-text {
font-size: 18px;
text-transform: uppercase;
padding-left: 20px;
line-height: 25px;
}
.about-video-title-styel p {
font-size: 18px;
font-family: "Roboto Slab", sans-serif;
}
.about-text-style p,
.cd-heading-arrow.heading-title.heading-arrow-bottom p{
line-height: 27px;
font-weight: 600;
}
.about-small-img-style li {
display: inline-block;
}
.about-small-img-style li img {
width: 100px;
height: auto;
margin-right: 30px;
}
.about-small-img-style .last:last-child{
margin-right: 0;
}
/*------------------------------------------------*/
/*--------------[Subscribe STYLE]-----------*/
/*------------------------------------------------*/
.subscribe .input-group {
max-width: 570px;
margin: 0 auto;
}
.subscribe .input-group .form-control {
height: 45px;
border: none;
z-index: 0;
padding-left: 20px;
}
.subscribe .input-group .form-control:focus {
box-shadow: none;
}
.subscribe .input-group .btn-u.btn-sub {
text-transform: uppercase;
font-size: 11px;
border-radius: 0 5px 5px 0;
font-weight: bold;
padding: 15px 25px;
max-height: 45px;
border:none;
cursor: pointer;
}
.subscribe .input-group .btn-u.btn-sub:hover,
.subscribe .input-group .btn-u.btn-sub:focus {
background: #787878!important;
}
.subscribe img {
margin: 0 auto;
}
.footer .subscribe .form-control {
background: #333;
}
.newsletter .input-group .form-control{
border: 1px solid #eee;
}
.newsletter {
padding: 30px;
position: relative;
z-index: 9;
overflow: hidden;
background: #fff;
}
.newsletter .newsletter-icon {
position: absolute;
right: 0;
top: -10px;
}
.newsletter .newsletter-icon i {
font-size: 100px;
color: rgba(0, 0, 0, 0.05);
}
/*------------------------------------------------*/
/*-------------[ICON LIST]----------------*/
/*------------------------------------------------*/
.icon_lists .fa-hover a {
border-radius: 0;
color: inherit;
display: block;
height: 32px;
line-height: 32px;
padding-left: 10px;
}
.icon_lists .fa-hover a .fa {
display: inline-block;
font-size: 14px;
margin-right: 10px;
text-align: right;
width: 32px;
}
.icon_lists .fa-hover a:hover {
background-color: #72c02c ;
text-decoration: none;
}
.icon_lists .fa-hover a:hover .fa {
font-size: 24px;
vertical-align: -3px;;
}
.icon_lists .fa-hover a:hover .text-muted {
color: #BBE2D5;
}
/*------------------------------------------------*/
/*-------------[Widgets]----------------*/
/*------------------------------------------------*/
.bottom-line {
position: relative;
}
.bottom-line:before {
content: "";
display: block;
position: absolute;
bottom: 0;
width: 100%;
border-bottom: 1px solid #eee;
}
.bottom-line:after {
content: "";
display: block;
width: 15%;
border-bottom: 1px solid #72c02c;
margin: 20px auto 25px 0;
z-index: 1;
position: relative;
}
.icons-list {
list-style: none;
padding: 0;
margin: 0;
}
.sidebar .icons-list > li {
border-top: 1px solid #ddd;
}
.icons-list > li {
border-top: 1px solid #333;
padding: 10px 0;
}
.icons-list > li:first-child {
border: 0;
padding-top: 0;
}
.icons-list > li:last-child {
padding-bottom: 0;
}
.icons-list a {
color: inherit;
}
.icons-list a > .fa,
.icons-list a > .icons {
padding-left: 5px;
}
/*------------------------------------------------*/
/*--------------[TITLE STYLE 1]------------------*/
/*------------------------------------------------*/
.cv-theme-widget-title {
border-bottom: 1px solid #e6e6e6;
font-size: 1em!important;
margin-bottom: 30px!important;
text-transform: uppercase;
}
.cv-theme-widget-title span {
border-bottom: 1px solid transparent;
display: inline-block;
font-family: raleway;
font-size: 15px;
font-weight: normal;
line-height: 25px;
padding-bottom: 10px;
}
.main-border {
border-color: #72c02c!important;
}
.footer-block .cv-theme-widget-title{
border-bottom: 1px solid inherit!important;
}
.footer-block .main-border{
border-color: #fff!important;
}
/*------------------------------------------------*/
/*--------------[background STYLE]-----------*/
/*------------------------------------------------*/
.cd-background{
align-items: center;
background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0;
display: flex;
height: 100vh;
justify-content: center;
}
.cd-bg-1 {
background: rgba(0, 0, 0, 0) linear-gradient(to left, #02aab0, #00cdac) repeat scroll 0 0;
}
.cd-bg-2{
background: rgba(0, 0, 0, 0) linear-gradient(to left, #43cea2, #185a9d) repeat scroll 0 0;
}
.cd-bg-3 {
background: rgba(0, 0, 0, 0) linear-gradient(to left, #005c97, #363795) repeat scroll 0 0;
}
.cd-bg-4 {
background: rgba(0, 0, 0, 0) linear-gradient(to left, #1d4350, #a43931) repeat scroll 0 0;
}
.cd-bg-5 {
background: rgba(0, 0, 0, 0) linear-gradient(to left, #eecda3, #ef629f) repeat scroll 0 0;
}
.cd-bg-6 {
background: rgba(0, 0, 0, 0) linear-gradient(to left, #fc00ff, #00dbde) repeat scroll 0 0;
}
.cd-bg-7 {
background: rgba(0, 0, 0, 0) linear-gradient(to left, #1e130c, #9a8478) repeat scroll 0 0;
}
.cd-bg-8 {
background: rgba(0, 0, 0, 0) linear-gradient(to left, #ff512f, #dd2476) repeat scroll 0 0;
}
.main-title{
font-size: 4.236em;
margin-bottom: 30px;
margin-top: 10px;
text-transform: uppercase;
}
.sub-title {
color: rgba(255, 255, 255, 0.7);
font-size: 1em;
line-height: 30px;
margin-bottom: 20px;
margin-top: 5px;
text-transform: none;
}
/*------------------------------------------------*/
/*--------------[404 PAGE STYLE]-----------*/
/*------------------------------------------------*/
.error-template {text-align: center;}
.error-actions {margin-top:30px;}
.error-actions .btn { margin-right:10px; }
/*------------------------------------------------*/
/*--------------[VIDEO STYLE]-----------*/
/*------------------------------------------------*/
.media-block .video-block {
height: 0;
padding: 25%;
position: relative;
}
.video-block iframe {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
.video-home i {
margin-right: 10px;
vertical-align: middle;
font-size: 50px;
-webkit-transition: color 300ms ease-in-out;
transition: color 300ms ease-in-out;
}
.video-home h1 {
font-weight: 400;
font-size: 20px;
}
.video-home {
padding: 60px 0;
}
.video-home a:hover, .video-home a:focus {
text-decoration: none;
}
/*------------------------------------------------*/
/*--------------[CBP Portfolio]-----------*/
/*------------------------------------------------*/
.cbp-caption-overlayBottomReveal .cbp-caption:hover .cbp-caption-defaultWrap {
top: -48px!important;;
}
.cbp-caption-overlayBottomReveal .cbp-caption-activeWrap {
height: 48px!important;;
}
.cbp-l-grid-projects-title, .cbp-l-grid-projects-desc {
font-family: inherit;
font-weight: 400;
text-align: center;
}
.cbp-l-grid-projects-title.style2{
text-align: left;
margin: 15px 0 10px;
}
.cbp-1-title-bg{
background: #fff;
padding: 15px;
}
.cbp-l-grid-blog-title{
margin-top: 0!important;
}
.cbp-l-caption-buttonLeft, .cbp-l-caption-buttonRight {
background-color: #fff!important;
color: #fff!important;
}
.main-contain.dip-style .cbp-mode-slider .cbp-wrapper{
cursor: auto;
}
.cbp-l-grid-mosaic .cbp-caption-activeWrap{
background-color: rgba(0, 0, 0, 0.9)!important;
}
.cbp-l-slider-testimonials-wrap {
background: #f7f7f7 none repeat scroll 0 0!important;
border: medium none!important;
padding: 80px 0!important;
}
.cbp-l-slider-testimonials-wrap.style2 {
background: none!important;
border: medium none!important;
padding: 0!important;
}
.cbp-l-slider-testimonials-wrap.style2 .cbp-nav-pagination{
display: none;
overflow: hidden;
}
.cbp-l-filters-underline .cbp-filter-item.cbp-filter-item-active {
border-bottom-color: #787878!important;
color: #787878!important;
cursor: default;
}
.cbp-l-caption-alignCenter .cbp-l-caption-body{
padding: 0!important;
}
.standard-single-comments-list {
margin-bottom: 70px;
}
.media .media-object {
border-radius: 50%;
}
.media .media-body {
position: relative;
width: 100%;
}
.media .media-body .standard-comments-body {
border-bottom: 1px solid #F2F2F2;
margin: 0 0 30px 30px;
padding: 0 0 15px 0;
}
.media .media-body .media-heading {
font-size: 17px;
line-height: 27px;
color: #687074;
}
.media .media-body .media-heading a {
color: #687074;
}
.media .media-body span {
display: block;
color: inherit;
margin-bottom: 5px;
}
.media .media-body span a {
color: inherit;
}
.media .media-body .btn-comment-reply {
position: absolute;
top: 0;
right: 0;
}
.cbp-l-grid-mosaic .cbp-l-caption-title{
color: #fff!important;
}
.standard-comments-form div {
margin-bottom: 30px;
}
.cbp-l-filters-list .cbp-filter-item{
border-color: #72c02c!important;
}
.cbp-l-filters-list .cbp-filter-item.cbp-filter-item-active, .cbp-caption-activeWrap{
background-color: #72c02c!important;
}
.cbp-l-caption-desc{
color:#fff!important;
}
.home-recent-wrok-block .cbp-nav-next, .home-recent-wrok-block .cbp-nav-prev{
display: none;
}
.cd_cubep_left .cbp-l-filters-button .cbp-filter-item.cbp-filter-item-active, .cd_cubep_left .cbp-l-filters-button .cbp-filter-item {
background: none!important;
color: inherit;
border: none!important;
}
.cbp-l-filters-button .cbp-filter-item:hover {
color: #72c02c!important;
border-color: #eee!important;
}
.cbp-caption-zoom .cbp-caption:hover .cbp-caption-activeWrap {
opacity: 0.8!important;
}
.cbp-1-title-bg {
background-color: #fff;
padding: 15px;
text-align: center;
}
.cbp-l-caption-buttonRight, .cbp-l-caption-buttonLeft {
background: transparent!important;
height: 47px;
line-height: 46px;
color: #FFFFFF;
display: inline-block;
transition: background .35s, color .2s;
text-transform: uppercase!important;
font-size: 12px!important;
letter-spacing: 1px!important;
text-align: center;
margin: 0!important;
padding: 0!important;
width: 49%!important;
font: 400 12px/50px "Open Sans", sans-serif!important;
}
.cbp-slider-next, .cbp-slider-prev{
background: #000!important;
}
.cbp-singlePage.cbp-l-caption-buttonLeft{
border-right: 1px solid #fff !important;
}
#sideNav .cbp-l-filters-button .cbp-filter-item{
margin: 0!important;
padding: 0!important;
}
.cbp-l-slider-testimonials-wrap .cbp-nav-pagination,
.cbp-l-grid-clients .cbp-nav-pagination{
display: none!important;
}
.home-portfolio-inner{
margin-top: -150px;
}
.cbp-popup-wrap {
z-index: 9999999999!important;
}
.portfolio-home-style-1 .cd-header-block{padding-top: 30px;}
/*------------------------------------------------*/
/*--------------[TABLE STYLE]-----------*/
/*------------------------------------------------*/
table {
font-family: inherit;
border-collapse: collapse;
width: 100%;
}
td, th {
border: 1px solid #eee;
text-align: left;
padding: 15px;
}
tr:nth-child(even) {
background-color: #fff;
}
table, th, td {
border: 1px solid #eee;
border-collapse: collapse;
}
/*------------------------------------------------*/
/*--------------[PARALLAX VIDEO STYLE 1]-----------*/
/*------------------------------------------------*/
.single-contact-option i, .single-social-icon i {
border: 3px solid transparent;
border-radius: 50%;
font-size: 36px;
height: 95px;
line-height: 90px;
transition: all 0.3s ease 0s;
width: 95px;
}
.single-contact-option i {
background: #787878 none repeat scroll 0 0;
margin-bottom: 30px;
}
.single-contact-option:hover i, .single-social-icon a:hover i {
background: #72c02c none repeat scroll 0 0;
border: 3px solid #fff;
box-shadow: 0 0 0 4px #72c02c;
}
.single-contact-option h6 {
color: inherit;
font-weight: bold;
margin-bottom: 5px;
}
.single-contact-option p {
color: inherit;
line-height: 26px;
margin: 0;
}
/*------------------------------------------------*/
/*--------------[PARALLAX VIDEO STYLE 1]-----------*/
/*------------------------------------------------*/
.parallax_video_box .parallax_video_wrap {
display: block;
}
.parallax_video_wrap {
height: 750px;
left: 0;
overflow: hidden;
right: 0;
z-index: 1;
}
.parallax_video_wrap .parallax_video {
left: 0;
top: 0;
}
/*------------------------------------------------*/
/*--------------[Call To Action STYLE]-----------*/
/*------------------------------------------------*/
.call-to-action-block{
padding: 40px 0;
}
.call-to-action-block.cta-5::after {
background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
bottom: 0;
content: "";
left: 0;
position: absolute;
right: 0;
top: 0;
z-index: -1;
}
.call-to-action-block.cta-5 {
background: rgba(0, 0, 0, 0) url("../img/others/call-to-ac.jpg") no-repeat fixed center center / cover ;
position: relative;
z-index: 1;
padding: 80px 0;
}
.call-title-mr {
margin: 0 15px 0 0 !important;
}
.cta-btn {
border: 2px solid #fff;
display: inline-block;
text-align: center;
border-radius: 30px;
color:#fff;
padding: 10px 30px;
}
.call-to-action-block.cta-5 .cta-btn:hover {
color: inherit;
}
.cta-btn:hover {
border-color: transparent;
background-color: #fff;
}
.cta-title {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%
}
.cta-title h2 {
font-weight: 300;
color:#fff;
margin-bottom: 15px;
}
.call-to-action-block.cta-3 .cta-title a,
.call-to-action-block.cta-3 .cta-title h2 {
display: inline-block
}
.call-to-action-block.cta-4 .cta-title h2 {
margin-bottom: 30px
}
.cta-title.text-center > p {
margin-bottom: 15px;
}
.call-to-action-block.cta-4 .cta-btn,
.call-to-action-block.cta-5 .cta-btn {
color: #fff
}
.call-to-style-2 .cta-2 {
position: relative;
}
.call-to-style-2 .cta-2::before {
position: absolute;
content: "";
bottom: 0;
left: 0;
width: 100%;
height: 27%;
background: url(../img/about/cta-bg.png);
}
/*------------------------------------------------*/
/*-------------[Chart Bar]----------------*/
/*------------------------------------------------*/
.chart {
position: relative;
display: inline-block;
width: 170px;
height: 170px;
}
.chart canvas {
position: absolute;
top: 0;
left: 0;
}
.percent {
display: inline-block;
line-height: 170px;
font-size:30px;
font-weight:300;
z-index: 2;
color: inherit;
}
.percent:after {
content: '%';
margin-left: 0.1em;
font-size: 20px;
}
.team-skills .skills h6 {
margin-top:15px;
font-weight:500;
color: inherit;
}
.team-content {
background: #fff none repeat scroll 0 0;
padding: 15px;
}
.team-pro {
padding: 10px 0;
}
/*------------------------------------------------*/
/*--------------[Accordion STYLE]-----------*/
/*------------------------------------------------*/
.accordion-style .card .card-header.bg-primary {
cursor: pointer;
border-radius: 5px 5px 0 0;
background: #2AAFC0;
background: -webkit-gradient(linear, left top, right bottom, from(#2154cf), to(#6ec5ff));
background: linear-gradient(to bottom right, #2154cf, #6ec5ff);
}
.accordion-style .card {
margin-bottom: 10px;
border: none;
}
.accordion-style .card .card-header.bg-primary h6 {
text-transform: capitalize;
}
.accordion-style .card-body{
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
/*------------------------------------------------*/
/*-------------[PROGRESS BAR]----------------*/
/*------------------------------------------------*/
.progress-team{
background: #72c02c ;
padding: 3px 0;
}
.team-body.team-style1 .progress-team, .team-body.team-style1 .progress .progress-bar span, .counter-gradient {
background: #3264f5;
background: -moz-linear-gradient(left, #3264f5 2%, #7202bb 82%);
background: -webkit-linear-gradient(left, #3264f5 2%,#7202bb 82%);
background: linear-gradient(to right, #3264f5 2%,#7202bb 82%);
}
.team-body.team-style1 .progress .progress-bar span:after{
border-bottom-color: #3264f5 ;
}
.progress-bars p{
font-weight: 600;
text-transform: uppercase;
color: inherit;
text-align: left;
margin-bottom: 10px;
}
.progress-style .progress {
height: 6px;
margin-bottom: 15px;
}
.progress {
overflow: visible;
background-color: #687074;
}
.team-body.team-style1 .progress {
background-color:#eaeaea;
}
.progress .progress-bar {
position: relative;
border-radius: 4px;
width: 0%;
-webkit-transition: width 4.50s ease !important;
-moz-transition: width 4.50s ease !important;
-o-transition: width 4.50s ease !important;
transition: width 4.50s ease !important;
}
.progress .progress-bar span {
position: absolute;
bottom: -20px;
font-size: 10px;
line-height: 10px;
padding: 2px 3px 2px 4px;
right: -1.4em;
border-radius: 2px;
margin: 0;
}
.progress .progress-bar span:after {
bottom: 100%;
left: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: rgba(255, 255, 255, 0);
border-width: 5px;
margin-left: -5px;
height: 4px;
border-bottom-color: #72c02c ;
}
/*------------------------------------------------*/
/*--------------[Team STYLE]-----------*/
/*------------------------------------------------*/
.team-style1 {
text-align: center;
}
.team-title {
text-transform: capitalize;
margin: 10px 0;
}
.team-style1 .team-sub-title {
display: block;
color: inherit;
font-size: 13px;
position: relative;
}
.team-block .team-sub-title{
margin-bottom: 0;
}
.team-style1 .team-img {
position: relative;
}
.team-style1 .team-img:after {
top: 0;
left: 0;
width: 100%;
height: 100%;
content: " ";
position: absolute;
transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
}
.team-style1 .team-img:hover:after {
background: rgba(0,0,0,0.5);
transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
}
.team-style1 .team-hover {
left: 0;
top: 60%;
z-index: 1;
padding: 0;
width: 100%;
list-style: none;
margin-top: -16px;
text-align: center;
visibility: hidden;
position: absolute;
transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
}
.team-style1 .team-img:hover .team-hover {
top: 50%;
visibility: visible;
}
.team-style1 .team-hover .team-social-v5 i {
width: 33px;
height: 33px;
padding: 9px;
font-size: 14px;
text-align: center;
display: inline-block;
border: 1px solid #fff;
}
.team-hover .list-inline > li {
display: inline-block;
padding-right: 5px;
padding-left: 5px;
}
.team-style1 .team-hover .team-social-v5 i:hover {
color: #666;
background: #fff;
text-decoration: none;
transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
}
.team-body {
padding: 30px;
background-color: #fff;
}
.team-body2 {
padding: 30px;
background-color: #f7f7f7;
}
.rounded-x {
border-radius: 50% !important;
}
.team-contant-block i {
font-size: 50px;
margin-bottom: 20px;
}
.home-team-block{
background-image: url(../img/others/teamgroup.jpg);
background-size: cover;
background-position: bottom;
padding-bottom: 25%;
}
.team-content .social-icons {
float: none;
}
.social-icons {
border-radius: 100%;
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3);
display: inline-block;
float: right;
margin: 3px 0 5px 5px;
overflow: visible;
padding: 0;
}
.social-icons a {
background: #fff none repeat scroll 0 0;
border-radius: 100%;
color: #687074 !important;
display: block;
line-height: 25px;
text-align: center;
text-decoration: none;
transition: all 0.3s ease 0s;
width: 25px;
}
.social-icons > a:hover, .social-icons > a:hover i {
background: #72c02c none repeat scroll 0 0;
}
/*------------------------------------------------*/
/*--------------[Pricing STYLE]-----------*/
/*------------------------------------------------*/
.price-bg::after {
background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
bottom: 0;
content: "";
left: 0;
position: absolute;
right: 0;
top: 0;
z-index: -1;
}
.price-bg {
background: rgba(247, 247, 247, 0.7) url("../img/others/call-to-ac.jpg") no-repeat fixed center center / cover;
z-index: 1;
position: relative;
padding: 80px 0;
}
.price-inner-block{
margin-bottom: 40px;
}
.price-inner-block i{
font-size: 40px;
}
.price-inner-block h4 {
padding: 20px 0 5px 0;
font-family: inherit;
font-weight: 600;
}
.price-inner-block p {
font-size: 14px;
}
.pricing-table {
background-color: #fff;
text-align: center;
padding: 30px 0;
box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
}
.pricing-table .pricing-table-header {
background-color: #fff;
padding-bottom: 10px;
margin: 0 0 -10px;
position: relative;
z-index: 2;
}
.pricing-table .title{
font-size: 20px;
text-transform: uppercase;
}
.pricing-table .price-value{
color: inherit;
padding: 20px 0;
margin: 0 -10px;
position: relative;
z-index: 1;
}
.pricing-table .price-value:before,
.pricing-table .price-value:after{
content: '';
height: 15px;
border-radius: 10px;
position: absolute;
top: -5px;
left: 0;
right: 0;
z-index: -1;
}
.pricing-table .price-value:after{
top: auto;
bottom: -5px;
}
.pricing-table .amount {
font-size: 50px;
line-height: 54px;
display: block;
font-family: "raleway",sans-serif;
}
.pricing-table .month {
font-size: 20px;
font-weight: normal;
text-transform: capitalize;
}
.pricing-table .pricing-content{
background-color: #fff;
padding: 15px;
margin: -10px 0 20px 0;
position: relative;
z-index: 1;
}
.pricing-table .pricing-content li{
color: inherit;
padding: 10px;
border-bottom: 1px solid #eee;
}
.pricing-table .cta-btn.bg-theme {
text-transform: uppercase;
}
.pricing-table .cta-btn.bg-theme:hover {
box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.06);
}
/*------------------------------------------------*/
/*-----------------[BLOG STYLE ]----------------*/
/*------------------------------------------------*/
.post-center-col-block {
box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.08);
}
.post-meta-info-block {
padding: 20px;
}
.post-meta-title h6 {
font-weight: 700;
color: #000;
font-size: 13px;
}
.post-right-col-block .nav.nav-tabs.style1.tabs-left{
position: inherit;
top: 0;
border-bottom: 1px solid #787878;
}
.home-work-pro-tab .nav.nav-tabs.style1.tabs-left {
position: relative;
top: 0;
border-bottom: 1px solid #787878;
}
.home-work-pro-tab .nav-tabs {
text-align: center;
display: block;
}
.post-right-col-block .nav-item {
width: 50%;
}
.post-right-col-block .nav-link, .home-work-pro-tab .nav-link {
padding:0;
text-align: center;
}
.post-right-col-block .nav-tabs.style1 li a.active::before, .home-work-pro-tab .nav-tabs.style1 li a.active::before {
opacity: 1;
}
.post-right-col-block .nav-tabs.style1 li a::before, .home-work-pro-tab .nav-tabs.style1 li a::before{
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 2px;
content: '';
opacity: 0;
transition: all 0.9s ease;
-webkit-transition: all 0.9s ease;
-moz-transition: all 0.9s ease;
-ms-transition: all 0.9s ease;
}
.post-right-col-block .tab-content {
padding-top: 15px;
}
.post-right-col-block .nav-tabs.style1 li a{
padding-bottom: 15px;
}
.home-work-pro-tab .nav-tabs.style1 li a {
padding: 0 15px 15px 15px;
}
#additional > p {
padding: 20px 0;
}
.post-carousel-block{
background-color: #fff;
padding: 30px;
}
.home-grid-blog-info {
position: absolute;
z-index: 999;
bottom: 5%;
left: 5%;
right: 5%;
}
.home-grid-blog-title h5 {
text-transform: capitalize;
margin: 15px 0;
font-family: inherit;
display: inline-block;
}
.home-grid-blog-title h5:hover, .home-grid-blog-user a:hover{
color: inherit;
}
.home-grid-blog-user a,.home-grid-blog-user span {
margin-right: 10px;
}
.post-left-col-block,.post-center-col-bloc, .post-right-col-block {
padding: 20px;
background-color: #fff;
}
.post-title-style1 {
border-color: #72c02c;
text-align: left;
font-size: inherit;
line-height: 1;
margin-top: 0;
margin-bottom: 30px;
border-bottom: 2px solid #72c02c;
}
.post-title-style-bg{
line-height: 17px;
display: inline-block;
padding: 10px 15px 5px;
font-size: 14px;
}
.home-grid-blog-info.text-styel h5, .home-grid-blog-user {
font-size: 12px;
margin-bottom: 5px;
}
.home-post-style-img {
float: left;
margin-right: 20px;
}
.home-grid-post-style {
background-color: #fff;
padding: 10px;
overflow: hidden;
border-radius: 5px;
}
.blog-grid h4 {
font-size: 14px;
line-height: 1.4;
margin-bottom: 10px;
text-transform: capitalize;
font-family: inherit;
}
.blog-grid h4 a {
color: inherit;
}
.blog-grid .blog-grid-info {
list-style: outside none none;
padding-left: 0;
margin-bottom: 10px;
}
.blog-grid .blog-grid-info li:first-child::before {
content: " ";
margin-right: 0;
}
.blog-grid .blog-grid-info li::before {
content: "/";
font-size: 12px;
line-height: 1.4;
margin-right: 9px;
}
.blog-grid .blog-grid-info li {
color: inherit;
display: inline-block;
font-size: 12px;
padding: 0 2px;
}
.blog-grid .blog-grid-info li a {
color: inherit;
}
.blog-grid p {
margin-bottom: 10px;
}
.blog-grid a.r-more {
border-bottom: 1px solid #72c02c;
}
.blog-grid a.r-more {
color: #72c02c;
}
.blog-grid a.r-more {
display: inline-block;
font-size: 13px;
font-style: italic;
font-weight: 400;
}
.blog-grid-comm a {
color: #999;
}
.blog-grid-comm h3 {
font-size: 13px;
font-weight: 400;
margin: 0 0 5px;
}
.post-center-col-bloc.home-work-pro-tab .nav-tabs {
display: block;
position: absolute;
top: 0;
right: 0;
}
.post-center-col-bloc.home-work-pro-tab .nav-tabs.style1 li a {
padding: 0 5px 0 15px;
}
.post-center-col-bloc.home-work-pro-tab .nav-tabs.style1 {
border: none;
}
.post-center-col-bloc.home-work-pro-tab .nav-tabs.style1 li a::before{
background: none;
}
.post-center-col-bloc.post-tab-style2 {
padding: 0;
background: none;
}
.home-small-list-tab-style {
padding: 20px 0;
border-bottom: 1px solid #eee;
overflow: hidden;
}
.home-small-list-tab-style:first-child{
padding-top: 0;
}
.home-small-list-tab-style:last-child{
border-bottom: none;
padding-bottom: 0;
}
.home-small-list-tab-style img {
float: left;
margin-right: 15px;
width: 75px;
height: 75px;
}
.home-small-list-tab-title h6 {
font-size: 12px;
text-transform: capitalize;
color: inherit;
margin-bottom: 10px;
font-weight: 600;
}
.home-small-list-tab-user span, .home-small-list-tab-user a {
display: inline-block;
margin-right: 10px;
}
.home-small-list-tab-user p {
line-height: 1.8em;
}
.featured-post .home-small-list-tab-title h6:hover {
text-decoration: underline;
}
.home-small-list-tab h3 {
font-size: 18px;
}
.home-small-list-tab h6 {
padding: 10px 0 6px 0;
text-transform: capitalize;
}
.post-main-contant {
background-color: #fff;
padding: 30px;
}
.post-style-2{
background-color: #f7f7f7;
}
.home-small-list-tab-user i {
margin-right: 7px;
font-size: 11px;
}
.post-about-me-img h4 {
padding: 10px 0;
}
.post-social-list ul.top-social-icons {
margin: 0;
padding: 0;
text-align: right;
}
.post-social-list ul.top-social-icons li {
display: inline-block;
}
.post-social-list ul.top-social-icons li a {
display: inline-block;
text-decoration: none;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
font-size: 14px;
color: #787878;
width: 18px;
height: 18px;
line-height: 18px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
text-align: center;
background: transparent;
}
.post-social-list {
display: inline-block;
float: right;
}
.blog-overlay {
position: relative;
/*height: 100%; */
text-align: left;
z-index: 2;
transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
}
.blog-overlay:before {
position: absolute;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.3);
content: "";
left: 0;
right: 0;
z-index: 1;
}
.blog-overlay .blog-name {
padding-left: 30px;
position: absolute;
bottom: 20px;
left: 0;
right: 0;
width: 100%;
z-index: 2;
}
.small-banner-1 .text-white > a, .small-banner-2 .text-white > a {
font-size: 14px;
}
.blog-overlay .blog-name span {
transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
}
.blog-overlay.white-bg:before,
.blog-overlay.dark-theme-bg:before,
.blog-overlay.theme-bg:before {
display: none;
}
.blog-overlay .blog-image {
overflow: hidden;
position: relative;
}
.blog-overlay .blog-image img {
transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
width: 100%;
}
.blog-overlay .blog-icon {
position: absolute;
top: 0px;
width: 100%;
z-index: 2;
}
.blog-overlay .blog-icon .date {
background: #050801;
padding: 10px 15px;
text-align: center;
}
.blog-overlay .blog-icon .link {
font-size: 20px;
padding: 10px 15px;
text-align: center;
}
.blog-overlay blockquote {
border: 0;
font-size: 16px;
font-style: italic;
}
.blog-overlay blockquote.quote:before {
top: -40px;
}
.blog-overlay.white-bg blockquote,
.blog-overlay.white-bg cite {
transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
}
.blog-overlay:hover .blog-image img {
-webkit-transform: scale(1.20);
-moz-transform: scale(1.20);
-ms-transform: scale(1.20);
-o-transform: scale(1.20);
transform: scale(1.20);
}
.blog-overlay:hover:before {
z-index: 1;
}
.blog-overlay.white-bg .blog-icon .link {
color: inherit;
}
.blog-overlay.white-bg:hover {
background: #050801;
}
.blog-overlay.white-bg:hover span a {
color: #f44336;
}
.blog-overlay.white-bg a:hover {
color: #f44336;
}
.blog-overlay.dark-theme-bg:hover {
background: #fff;
}
.blog-overlay.dark-theme-bg:hover a,
.blog-overlay.dark-theme-bg:hover span {
color: inherit;
}
.blog-overlay.dark-theme-bg:hover span a {
color: #f44336;
}
.blog-overlay.dark-theme-bg a:hover {
color: #f44336;
}
.blog-fashion-banner .blog-overlay {
height: auto;
}
.blog-overlay .tag {
background: #f44336;
padding: 3px 10px;
}
/*------------------------------------------------*/
/*--------------[Tabs]-----------*/
/*-----------------------------------------------*/
.nav-tabs.style1 li {
float: none;
display: inline-block;
margin-bottom: -1px;
}
.nav-tabs.style1 li a {
color: #787878;
margin-right: 2px;
line-height: 1.42857143;
border: none;
-webkit-border-radius: 4px 4px 0 0;
-moz-border-radius: 4px 4px 0 0;
-ms-border-radius: 4px 4px 0 0;
border-radius: 4px 4px 0 0;
}
.nav-tabs.style1 li a:hover,
.nav-tabs.style1 li a:active,
.nav-tabs.style1 li a:focus {
background-color: transparent;
border-color: transparent;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
cursor: default;
background-color: transparent;
border: none;
position: relative;
}
.nav-tabs.style1 li.active a:hover,
.nav-tabs.style1 li.active a:active,
.nav-tabs.style1 li.active a:focus {
cursor: default;
background-color: transparent;
border: none;
}
.nav-tabs.cd-checkout-style.tabs-left {
border-right: 1px solid transparent;
}
.nav-tabs.cd-checkout-style.tabs-right {
border-left: 1px solid transparent;
}
.nav-tabs.cd-checkout-style li {
border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
.nav-tabs.cd-checkout-style li a {
color: #787878;
border: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
border-radius: 0;
}
.nav-tabs.cd-checkout-style li a:hover,
.nav-tabs.cd-checkout-style li a:active,
.nav-tabs.cd-checkout-style li a:focus {
background-color: transparent;
border-color: transparent;
}
.nav-tabs.cd-checkout-style li.active a {
cursor: pointer;
background-color: transparent;
border: none;
}
.nav-tabs.cd-checkout-style li.active a:hover,
.nav-tabs.cd-checkout-style li.active a:active,
.nav-tabs.cd-checkout-style li.active a:focus {
cursor: pointer;
background-color: transparent;
border: none;
}
.login-area {
position: relative;
}
.nav.nav-tabs.style1.tabs-left {
border: medium none;
bottom: 0;
position: absolute;
right: 0;
top: 0;
}
.nav-tabs{
border-bottom: 1px solid #eee;
}
.shop-product-tab .tab-content {
border-bottom: 1px solid #eee;
border-right: 1px solid #eee;
border-left: 1px solid #eee;
padding: 30px;
}
.tab-content.cd-checkout-style {
padding: 20px 20px;
border: 1px solid rgba(0, 0, 0, 0.08);
}
.tabs-left,
.tabs-right {
border-bottom: none;
padding-top: 2px;
}
.tabs-left > li,
.tabs-right > li {
float: none;
margin-bottom: 2px;
}
.tab-style5 .nav-tabs{
border-bottom: none;
float: right;
}
.new-call-text {
display: inline-block;
}
/*------------------------------------------------*/
/*-----------[BIG PRODUCT]-------*/
/*------------------------------------------------*/
.new_arrivals_area {
position: relative;
overflow: hidden;
}
.single_arrivals_slide {
border: 1px solid #eee;
overflow: hidden;
position: relative;
-webkit-transition-duration: 300ms;
transition-duration: 300ms;
z-index: 1;
}
.single_arrivals_slide .product_image {
position: relative;
width: 100%;
z-index: 1;
}
.single_arrivals_slide .product_description{
padding: 10px;
overflow: hidden;
text-align: center;
}
.products-list-description.product_description{
padding: 30px 30px 30px 15px;
overflow: hidden;
}
.products-list.products-list-description-brd.single_arrivals_slide {
margin-bottom: 30px;
}
.product_description h5 {
text-transform: capitalize;
font-size: 13px;
margin-bottom: 8px;
}
.product_description h5 a{
font-family: "Open Sans", Helvetica, Arial, sans-serif;
color: #999;
font-weight: 600;
line-height: 1.3em;
}
.product_description h5 a:hover{
color:#72c02c;
}
.single_arrivals_slide .hover_img{
position: absolute;
top: -30px;
-webkit-transition-duration: 500ms;
transition-duration: 500ms;
opacity: 0;
left: 0;
}
.single_arrivals_slide:hover .hover_img {
position: absolute;
top: 0;
opacity: 1;
}
.product_wishlist > a {
height: 30px;
position: absolute;
right: -32px;
text-align: center;
top: 15px;
width: 30px;
-webkit-transition-duration: 500ms;
transition-duration: 500ms;
z-index: 9;
}
.product_wishlist > a:hover {
background-color: #787878;
}
.product_wishlist > a > i,
.product_compare > a > i {
font-size: 18px;
line-height: 30px;
}
.product_compare > a {
background-color: #787878;
height: 30px;
position: absolute;
right: -32px;
text-align: center;
top: 55px;
width: 30px;
-webkit-transition-duration: 500ms;
transition-duration: 500ms;
z-index: 9;
-webkit-transition-delay: 100ms;
transition-delay: 100ms;
}
.product_cart > a {
position: absolute;
left: -100%;
text-align: center;
bottom: 20px;
-webkit-transition-duration: 500ms;
transition-duration: 500ms;
z-index: 9;
padding: 5px 10px;
}
.product_cart > a:hover {
background-color: #787878;
color: #fff!important;
}
.product_cart > a > i,
.product_quick-view > a > i {
font-size: 18px;
line-height: 30px;
}
.product_quick_view > a {
background-color: #787878;
position: absolute;
left: -100%;
text-align: center;
bottom: 60px;
-webkit-transition-duration: 500ms;
transition-duration: 500ms;
z-index: 9;
-webkit-transition-delay: 100ms;
transition-delay: 100ms;
padding: 5px 10px;
}
.product_quick_view > a:hover {
color: #fff!important;
}
.product_description .price-section .old-price, .dis-section-right .price-section .old-price {
text-decoration: line-through;
padding: 0 22px;
}
.product_description .product-ratings li .rating,
.product_description .product-ratings li .rating-selected{
font-size: 11px;
}
.percentage {
background-color: #fff;
padding: 0px 5px;
border-radius: 3px;
font-weight: 600;
}
.new-price {
font-size: 18px;
}
.product_badge, .property-image .product_badge {
left: 0;
position: absolute;
top: 15px;
z-index: 4;
}
.product_badge > .badge-new,
.product_badge > .badge-sale,
.product_badge > .badge-featured,
.product_badge > .badge-offer {
clear: both;
display: block;
float: left;
font-size: 10px;
height: 22px;
line-height: 22px;
margin: 0 0 5px;
padding: 0 1px 0 10px;
position: relative;
text-align: center;
z-index: 2;
}
.product_badge > .badge-new:before,
.product_badge > .badge-featured:before,
.product_badge > .badge-offer:before{
border-color: #72c02c transparent #72c02c #72c02c;
border-style: solid;
border-width: 11px 6px;
content: "";
height: 100%;
position: absolute;
right: -15px;
top: 0;
width: 15px;
z-index: 1;
}
.single_arrivals_slide:hover .product_wishlist > a,
.single_arrivals_slide:hover .product_compare > a {
right: 0;
}
.single_arrivals_slide:hover .product_quick_view > a,
.single_arrivals_slide:hover .product_cart > a{
left: 0;
}
.product_badge > .badge-sale {
background: #787878;
}
.product_badge > .badge-sale:before {
border-color: #787878 transparent #787878 #787878;
border-style: solid;
border-width: 11px 6px;
content: "";
height: 100%;
position: absolute;
right: -15px;
top: 0;
width: 15px;
z-index: 1;
}
.image-section-left {
float: left;
width: 50%;
}
.dis-section-right {
float: left;
width: 50%;
padding: 20px 10px;
}
.h-product-section-block .single_arrivals_slide {
border: none;
}
.h_product_description .h-product-title h4 a{
color:#fff;
text-transform: capitalize;
font-size: 16px;
}
.h_product_description .h-product-sub-title {
font-size: 13px;
margin: 10px 0 20px 0;
}
.h-product-price span {
text-decoration: line-through;
}
.h-product-cart a {
font-size: 18px;
text-transform: capitalize;
}
.h-product-price,.is-countdown {
margin-bottom: 20px;
}
.dis-section-right:hover .cta-btn:hover {
border-color: transparent;
background: #fff;
}
.dis-section-right .cta-btn{
font-size: 14px;
font-weight: bold;
text-transform: uppercase;
}
.dis-section-right .cta-btn i {
font-size: 16px;
font-weight: bold;
}
.big.product_description .product-sub-title p {
font-weight: 600;
line-height: 27px;
padding: 10px 0 15px;
}
.products-list-description.product_description {
text-align: left;
}
.products-list-description .line-through {
text-decoration: line-through;
}
.products-list-description.product_description .add-to-wishlist li {
padding-left: 20px;
margin-right: 10px;
border-left: 1px solid #222;
display: inline-block;
}
.products-list-description.product_description .add-to-wishlist li:first-child {
padding-left: 0;
border-left: none!important;
}
.products-list-description.product_description .add-to-wishlist i {
font-size: 16px;
margin-right: 7px;
}
.products-list-description.product_description .add-to-wishlist a:hover,
.products-list-description.product_description .add-to-wishlist .product-wishlist:hover i,
.products-list-description.product_description .add-to-wishlist .product-wishlist:hover i {
text-decoration: none;
}
.products-list-description.product_description .add-to-wishlist .product-wishlist:hover i,
.products-list-description.product_description .add-to-wishlist .product-wishlist:hover i {
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.products-list-description.product_description .add-to-wishlist {
padding: 0;
border: 0;
}
.btn.btn-product {
font-size: 14px;
padding: 10px 93px;
background: #72c02c none repeat scroll 0 0;
border: 0 none;
border-radius: 0;
cursor: pointer;
display: inline-block;
font-weight: 400;
position: relative;
text-decoration: none;
white-space: nowrap;
text-transform: uppercase;
}
/*------------------------------------------------*/
/*-----------[SMALL THUMB PRODUCT]-------*/
/*------------------------------------------------*/
.flexslider{
background: none!important;
border:none!important;
margin: 0 !important;
}
.flex-direction-nav a::before {
font-size: 16px !important;
background:#fff;
padding:7px 12px;
border-radius: 50%;
}
.flexslider:hover .flex-direction-nav .flex-prev {
left: 5px!important;
}
.flexslider:hover .flex-direction-nav .flex-next {
right: 5px!important;
}
.flex-direction-nav a{
top: 40%!important;
}
.small-pro-list {
border: 1px solid #eee;
overflow: hidden;
padding: 10px;
}
.small-pro-list img {
float: left;
margin-right: 15px;
max-width: 100px;
}
.small-pro-title a, .small-pro-cat {
text-transform: capitalize;
font-family: inherit;
font-weight: 500;
font-size: 13px;
font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.small-pro-cat {
margin: 7px 0;
}
.small-pro-cat a, .small-pro-price a{
color: #999;
}
.small-pro-price span {
font-size: 14px;
font-weight: bold;
}
.small-pro-cat a:hover{
text-decoration: underline;
}
.small-pro-price a {
float: right;
}
.small-pro-price .add-to-cart {
padding-right: 10px;
border-right: 1px solid #eee;
}
.add-to-wishlist{
padding-left: 10px;
border-left: 1px solid #eee;
}
/*------------------------------------------------*/
/*-----------[Signal Product Style ]-------*/
/*------------------------------------------------*/
.cd-lightbox-image i {
background: #fff none repeat scroll 0 0;
border: 1px solid #eeeeee;
border-radius: 100%;
bottom: 0;
font-size: 1.5em;
height: 60px;
left: 50%;
line-height: 60px;
margin-left: -30px;
position: absolute;
width: 60px;
text-align: center;
}
.shop-product .shop-product-heading {
margin-bottom: 10px;
overflow: hidden;
}
.shop-product h2 {
font-size: 24px;
text-transform: capitalize;
}
.shop-product .product-review-list, .shop-product .product-review-list a {
color: inherit;
}
.shop-product .product-review-list {
margin-left: 20px;
}
.shop-product .shop-product-prices li {
font-size: 24px;
display: inline-block;
margin-right: 15px;
}
.product-meta {
padding: 15px 0 30px 0;
display: flex;
color: inherit;
font-size: 14px;
border-top: 1px solid #eee;
}
.product-meta li {
margin-right: 20px;
}
.shop-product .line-through {
text-decoration: line-through;
}
.shop-product h3.shop-product-title {
color: inherit;
font-size: 14px;
margin-bottom: 10px;
text-transform: uppercase;
}
.shop-product .product-size input {
left: -9999px;
position: absolute;
}
.shop-product .product-size label, .shop-product .product-color label {
width: 30px;
height: 30px;
float: left;
text-align: center;
text-transform: uppercase;
border: 1px solid #787878;
margin-right: 10px;
padding: 4px;
border-radius: 50%;
}
.shop-product .product-size label:hover {
cursor: pointer;
border-color: #72c02c;
}
.shop-product .product-size input:checked ~ label {
border-color: #72c02c;
}
.shop-product .product-color input {
left: -9999px;
position: absolute;
}
.shop-product .product-color label.color-one {
background: #646969;
}
.shop-product .product-color label.color-two {
background: #e4e4e2;
}
.shop-product .product-color label.color-three {
background: #171a2e;
}
.shop-product .product-color label {
-ms-transition: color 0.3s;
-moz-transition: color 0.3s;
-webkit-transition: color 0.3s;
}
.shop-product .product-color label:hover {
cursor: pointer;
border: 2px solid #72c02c;
}
.shop-product .product-color input:checked ~ label {
border: 2px solid #72c02c;
}
.shop-product .product-quantity {
float: left;
margin-right: 15px;
}
.shop-product .quantity-button, .shopping-cart-block .quantity-button {
color: #222;
width: 55px;
height: 50px;
padding: 5px;
border: none;
outline: none;
cursor: pointer;
font-size: 20px;
background: #eee;
text-align: center;
font-weight: normal;
white-space: nowrap;
display: inline-block;
background-image: none;
}
.shop-product .quantity-field, .shopping-cart-block .quantity-field {
width: 55px;
height: 50px;
outline: none;
margin: 0 -4px;
font-size: 20px;
text-align: center;
border: 1px solid #eee;
}
#main_thumbs {
padding-top: 15px;
}
.product-ratings li {
padding: 0;
display: inline-block;
}
.product-ratings li .rating {
color: inherit;
font-size: 14px;
}
.product-ratings li .rating-selected {
font-size: 14px;
}
.btn.btn-product {
font-size: 16px;
padding: 12px 25px;
background: #72c02c none repeat scroll 0 0;
border: 0 none;
border-radius: 0;
cursor: pointer;
display: inline-block;
font-weight: 400;
position: relative;
text-decoration: none;
white-space: nowrap;
text-transform: uppercase;
}
dl dt {
margin-bottom: 5px;
color: #222; }
dl dd {
margin-bottom: 10px; }
.dl-horizontal dt, .dl-horizontal dd {
margin-bottom: 10px;
text-align: left; }
.dl-horizontal dt, .dl-horizontal dd:last-child{
margin-bottom: 0;
}
#description > p {
padding: 20px 0;
}
.comments {
margin: 20px 0; }
.comments .comment-image {
float: left;
border: 1px solid rgba(0, 0, 0, 0.02); }
.comments .comment-content {
margin-left: 105px;
padding: 15px;
border: 1px solid rgba(0, 0, 0, 0.08); }
.comment-title, .review, .comment-content > p{
margin-bottom: 5px;
}
#related-product.flexslider{
background: none!important;
margin: 0;
}
/*------------------------------------------------*/
/*--------------[CART STYLE]-----------*/
/*------------------------------------------------*/
.shopping-cart, .wishlist-table, .order-table {
margin-bottom: 20px;
}
.shopping-cart .table, .wishlist-table .table, .order-table .table {
margin-bottom: 0;
}
.shopping-cart .btn, .wishlist-table .btn, .order-table .btn {
margin: 0;
}
.shopping-cart>table>thead>tr>th, .shopping-cart>table>thead>tr>td, .shopping-cart>table>tbody>tr>th, .shopping-cart>table>tbody>tr>td, .wishlist-table>table>thead>tr>th, .wishlist-table>table>thead>tr>td, .wishlist-table>table>tbody>tr>th, .wishlist-table>table>tbody>tr>td, .order-table>table>thead>tr>th, .order-table>table>thead>tr>td, .order-table>table>tbody>tr>th, .order-table>table>tbody>tr>td {
vertical-align: middle !important;
}
.shopping-cart>table thead th, .wishlist-table>table thead th, .order-table>table thead th {
padding-top: 17px;
padding-bottom: 17px;
border-width: 1px;
}
.shopping-cart .remove-from-cart, .wishlist-table .remove-from-cart, .order-table .remove-from-cart {
display: inline-block;
color: #ff5252;
font-size: 18px;
line-height: 1;
text-decoration: none;
}
.shopping-cart .count-input, .wishlist-table .count-input, .order-table .count-input {
display: inline-block;
width: 100%;
width: 86px;
}
.shopping-cart .product-item, .wishlist-table .product-item, .order-table .product-item {
display: table;
width: 100%;
min-width: 150px;
margin-top: 5px;
margin-bottom: 3px;
}
.shopping-cart .product-item .product-thumb, .shopping-cart .product-item .product-info, .wishlist-table .product-item .product-thumb, .wishlist-table .product-item .product-info, .order-table .product-item .product-thumb, .order-table .product-item .product-info {
display: table-cell;
vertical-align: top;
}
.shopping-cart .product-item .product-thumb, .wishlist-table .product-item .product-thumb, .order-table .product-item .product-thumb {
width: 130px;
padding-right: 20px;
}
.shopping-cart .product-item .product-thumb>img, .wishlist-table .product-item .product-thumb>img, .order-table .product-item .product-thumb>img {
display: block;
width: 100%}
@media screen and (max-width: 860px) {
.shopping-cart .product-item .product-thumb, .wishlist-table .product-item .product-thumb, .order-table .product-item .product-thumb {
display: none;
}
}.shopping-cart .product-item .product-info span, .wishlist-table .product-item .product-info span, .order-table .product-item .product-info span {
display: block;
font-size: 13px;
}
.shopping-cart .product-item .product-info span>em, .wishlist-table .product-item .product-info span>em, .order-table .product-item .product-info span>em {
font-weight: 500;
font-style: normal;
}
.shopping-cart .product-item .product-title, .wishlist-table .product-item .product-title, .order-table .product-item .product-title {
margin-bottom: 6px;
padding-top: 5px;
font-size: 16px;
font-weight: 500;
}
.shopping-cart .product-item .product-title>a, .wishlist-table .product-item .product-title>a, .order-table .product-item .product-title>a {
transition: color .3s;
color: #374250;
line-height: 1.5;
text-decoration: none;
}
.shopping-cart .product-item .product-title>a:hover, .wishlist-table .product-item .product-title>a:hover, .order-table .product-item .product-title>a:hover {
color: #72c02c;
}
.shopping-cart .product-item .product-title small, .wishlist-table .product-item .product-title small, .order-table .product-item .product-title small {
display: inline;
margin-left: 6px;
font-weight: 500;
}
.wishlist-table .product-item .product-thumb {
display: table-cell !important;
}
@media screen and (max-width: 576px) {
.wishlist-table .product-item .product-thumb {
display: none !important;
}
}.shopping-cart-footer {
display: table;
width: 100%;
padding: 10px 0;
border-top: 1px solid #e1e7ec;
}
.shopping-cart-footer>.column {
display: table-cell;
padding: 5px 0;
vertical-align: middle;
}
.shopping-cart-footer>.column:last-child {
text-align: right;
}
.shopping-cart-footer>.column:last-child .btn {
margin-right: 0;
margin-left: 15px;
}
@media (max-width: 768px) {
.shopping-cart-footer>.column {
display: block;
width: 100%}
.shopping-cart-footer>.column:last-child {
text-align: center;
}
.shopping-cart-footer>.column .btn {
width: 100%;
margin: 12px 0 !important;
}
}.checkout-steps {
margin-bottom: 40px;
}
.checkout-steps::after {
display: block;
clear: both;
content: ''}
.checkout-steps>a {
display: block;
position: relative;
width: 25%;
height: 55px;
float: right;
transition: color .3s;
border-top: 1px solid #e1e7ec;
border-bottom: 1px solid #e1e7ec;
background-color: #fff;
color: #72c02c;
font-size: 14px;
font-weight: 500;
line-height: 53px;
text-decoration: none;
text-align: center;
}
.checkout-steps>a>.angle {
display: block;
position: absolute;
top: 0;
right: -13px;
width: 27px;
height: 53px;
background-color: #fff;
}
.checkout-steps>a>.angle::before, .checkout-steps>a>.angle::after {
position: absolute;
top: 0;
left: 0;
width: 0;
height: 0;
border: solid transparent;
content: '';
pointer-events: none;
}
.checkout-steps>a>.angle::after {
border-width: 26px;
border-color: transparent;
border-left-color: #fff;
}
.checkout-steps>a>.angle::before {
margin-top: -1px;
border-width: 27px;
border-color: transparent;
border-left-color: #d8e0e6;
}
.checkout-steps>a:hover {
color: #72c02c;
}
.checkout-steps>a.active {
background-color: #72c02c;
color: #fff;
cursor: default;
pointer-events: none;
}
.checkout-steps>a.active>.angle::after {
border-left-color: #72c02c;
}
.checkout-steps>a.active+a>.angle {
background-color: #72c02c;
}
.checkout-steps>a.completed>.step-indicator {
display: inline-block;
margin-top: -5px;
margin-right: 7px;
border-radius: 50%;
color: #43d9a3;
font-size: 18px;
line-height: 20px;
text-align: center;
vertical-align: middle;
}
.checkout-steps>a.completed:hover {
color: #72c02c;
}
.checkout-steps>a:first-child {
border-right: 1px solid #e1e7ec;
border-top-right-radius: 7px;
border-bottom-right-radius: 7px;
}
.checkout-steps>a:last-child {
border-left: 1px solid #e1e7ec;
border-top-left-radius: 7px;
border-bottom-left-radius: 7px;
}
@media (max-width: 576px) {
.checkout-steps>a {
width: 100%;
margin-bottom: 10px;
float: none;
border: 1px solid #e1e7ec;
border-radius: 7px;
}
.checkout-steps>a>.angle {
display: none;
}
}.checkout-footer {
display: table;
width: 100%;
margin-top: 28px;
padding-top: 5px;
padding-bottom: 5px;
border: 1px solid #e1e7ec;
border-radius: 7px;
table-layout: fixed;
}
.checkout-footer>.column {
display: table-cell;
padding: 10px 15px;
vertical-align: middle;
}
.checkout-footer>.column:last-child {
text-align: right;
}
.checkout-footer>.column:first-child {
text-align: left;
}
.checkout-footer .btn {
margin: 0;
}
/*------------------------------------------------*/
/*--------------[CAT STYLE]-----------*/
/*------------------------------------------------*/
.top-banner-wrapper .banner-dec h4 {
padding: 10px 0;
}
.top-banner-wrapper .banner-dec h6 {
padding-bottom: 5px;
}
.grid-list-icons i {
width: 30px;
height: 30px;
padding: 6px;
font-size: 18px;
}
.product-filter-content.advanced_search {
border-top: 2px solid #ddd;
border-bottom: 2px solid #ddd;
padding: 10px 0;
margin-bottom: 30px;
}
.search-count h6 {
text-transform: capitalize;
font-size: 13px;
font-family: inherit;
margin-left: 20px;
}
/*------------------------------------------------*/
/*--------------[Categorie PAGE STYLE]-----------*/
/*------------------------------------------------*/
.search-count h5 {
text-transform: capitalize;
}
.home-categorie-image-block {
position: relative;
}
.home-categorie-title {
bottom: 0;
text-align: center;
padding: 10px 15px;
background: rgba(30, 30, 30, 0.5);
position: absolute;
width: 100%;
right: 0;
left: 0;
}
.home-categorie-title h5, .home-categorie-title span {
text-transform:uppercase;
font-weight: bold;
}
.cat-big-img {
height: 215px;
}
/*------------------------------------------------*/
/*--------------[Banner Style]-----------*/
/*------------------------------------------------*/
.promo-section {
position: relative;
}
.home-slider-banner::after {
display: none;
}
.home-slider-banner .promo-info h1 {
font-size: 28px;
line-height: 40px;
font-weight: normal;
margin-bottom: 30px;
text-transform: uppercase;
font-family: "raleway",sans-serif;
}
.home-slider-banner .promo-info p {
color: inherit;
font-size: 15px;
font-weight: normal;
line-height: 1.625;
margin-bottom: 30px;
}
.btn-u.btn-banner {
border-radius: 10px;
font-size: 13px;
font-weight: bold;
line-height: 0;
max-width: 180px;
padding: 10px 20px 17px;
text-transform: uppercase;
}
.btn-u {
background: #72c02c none repeat scroll 0 0;
border: 0 none;
cursor: pointer;
display: inline-block;
font-size: 14px;
font-weight: 400;
padding: 6px 13px;
position: relative;
text-decoration: none;
white-space: nowrap;
}
.btn-u.btn-banner {
padding: 15px;
max-width: 180px;
font-size: 13px;
font-weight: bold;
text-transform: uppercase;
line-height: 0;
border-radius: 5px;
}
.btn-u.btn-banner .fa {
margin: 0 10px 0 0;
padding-top: 2px;
vertical-align: middle;
}
.btn-u.btn-banner span {
margin: 0 0 0 35px;
font-size: 10px;
font-weight: normal;
opacity: 0.8;
}
.btn-u.btn-banner.btn-apple {
margin-right: 30px;
}
.btn-u.btn-banner.btn-apple i,
.btn-u.btn-banner.btn-android i{
padding-right: 8px;
font-size: 15px;
}
.btn-u.btn-banner.btn-android {
background: #787878;
}
.home-counter-banner a img {
width: 700px;
margin-top: -130px;
z-index: 10;
position: relative;
}
.home-counter-banner img {
margin: 0 auto;
}
.banner-section a:hover img {
transform: scale(1.1) rotate(-1.1deg);
-webkit-transform: scale(1.1) rotate(-1.1deg);
-moz-transform: scale(1.1) rotate(-1.1deg);
-ms-transform: scale(1.1) rotate(-1.1deg);
-o-transform: scale(1.1) rotate(-1.1deg);
}
.banner-section a img {
transition: all 0.4s ease 0s;
-webkit-transition: all 0.4s ease 0s;
-moz-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
-ms-transition: all 0.4s ease 0s;
}
.banner-img-block img {
max-width: 100%;
}
.banner-info {
position: absolute;
color: #000;
top: 45%;
left: 10%;
}
.banner-info span,.banner-img-block h3 {
font-weight: bold;
letter-spacing: 1px;
text-transform: uppercase;
}
/*------------------------------------------------*/
/*--------------[LOGIN/REGISTRE STYLE]-----------*/
/*------------------------------------------------*/
.form-details {
max-width: 500px;
width: 100%;
margin: 0 auto;
}
.login-inner h1 {
color: inherit;
font-size: 35px;
font-weight: 300;
text-align: center;
margin-top: 0;
}
.login-form {
text-align: center;
}
.login-form input {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
border-color: -moz-use-text-color -moz-use-text-color #d4d9e3;
border-image: none;
border-style: none none solid;
border-width: medium medium 1px;
font-size: 13px;
width: 100%;
color: inherit;
padding: 15px 0;
font-size: inherit;
}
.login-form label {
margin-bottom: 30px;
width: 100%;
}
.form-btn {
background: #72c02c none repeat scroll 0 0;
border: medium none;
border-radius: 100px;
font-weight: 400;
max-width: 250px;
padding: 10px 0;
position: relative;
width: 100%;
box-shadow: 0 2px 8px #d2d2d2;
-moz-box-shadow: 0 2px 8px #d2d2d2;
-webkit-box-shadow: 0 2px 8px #d2d2d2;
cursor: pointer;
}
/*------------------------------------------------*/
/*--------------[Realestate Block]------------------*/
/*-----------------------------------------------*/
.real-about-us-block-img img,.featured-post img{
width: 100%;
}
.real-about-us-block-tag h4{
margin-bottom: 10px;
font-size: 14px;
}
.real-about-us-block-tag p {
padding-bottom: 15px;
line-height: 24px;
}
.real-about-us-block-tag ul{
margin-bottom: 15px;
}
.real-about-us-block-tag ul li {
display: inline-block;
width: 48%;
}
.real-about-us-block-tag ul li i {
padding-right: 15px;
}
.real-about-us-block-tag .founder-text {
padding-left: 30px;
position: relative;
border-left: 5px solid #72c02c;
padding-top: 10px;
}
.real-about-us-block-tag .founder-text h3 {
font-size: 18px;
}
.realestate {
padding: 15px 0;
}
.realestate .search-form .form-group {
margin-right: 22px;
}
.post-title, .home-tab-big-img {
position: relative;
}
.advanced_search h3 {
font-size: 14px;
margin-bottom: 30px
}
.advanced_search .search_select {
display: block;
width: 100%;
clear: both
}
.advanced_search .search_select .s_select {
width: 18%;
border: 1px solid #eee;
border-radius: 0;
margin: 0 10px;
background:#f9f9ff;
float: none;
display: inline-block;
}
.advanced_search .search_select .btn.submit_btn {
padding: 10px;
border: none;
border-radius: 0;
text-transform: uppercase;
vertical-align: baseline;
font-size: inherit;
font-weight: bold;
}
.product-filter-content.advanced_search .view-mode > li {
display: inline-block;
width: auto;
}
.product-filter-content.advanced_search .search_select .s_select{
width: auto;
}
.product-filter-content.advanced_search .view-mode .search_select {
float: right;
}
.product-filter-content.advanced_search .view-mode .search_select .s_select:last-child{
margin: 0;
}
.product-filter-content.advanced_search .view-mode .search_select .nice-select{
padding:0 60px;
height: 30px;
line-height: 30px;
}
.advanced_search .search_select .s_select:last-child {
margin-bottom: 0
}
.nice-select .option.selected {
font-weight: normal!important;
}
.advanced_search .search_select .s_select .current {
font-size: 13px;
color: inherit;
font-weight: 300
}
.advanced_search .search_select .s_select .list {
width: 100%;
border-radius: 0
}
.advanced_search .search_select .s_select .list option {
font-size: 13px;
font-family: roboto, sans-serif;
color: #aaa;
font-weight: 300
}
.property-image, .popular-por-style, .home-grid-blog-style1 {
overflow: hidden;
position: relative;
}
.property-block .property-image::before, .popular-por-style::before,.home-grid-blog-style1::before{
content: "";
top: 0;
position: absolute;
height: 100%;
width: 100%;
z-index: 99;
background: linear-gradient(to top,rgba(35,35,37,0.9) 0%,rgba(35,35,37,0.45) 35%,rgba(22,22,23,0) 60%,rgba(0,0,0,0) 100%);
opacity: 1;
}
.property-block .property-image img{
-webkit-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.property-block .property-image:hover img {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.property-info a {
overflow: hidden;
display: inline-block;
color: inherit;
}
.property-info h6 {
text-transform: capitalize;
font-family: inherit;
}
.property-info figure {
margin: 5px 0 20px 0;
font-size: 12px;
}
.property-price, .property-rating {
z-index: 99;
position: absolute;
}
.property-price{
right: 5%;
bottom: 15%;
font-size: 24px;
margin-bottom: 5px;
}
.property-rating{
right: 5%;
bottom: 5%;
}
.property-info {
background-color: #fff;
padding: 15px 15px 0 15px;
}
.additional-info li {
display: inline-block;
width: 24%;
font-size: 12px;
}
.property-footer {
border-top: 1px solid #eee;
padding: 15px;
background-color: #fff;
font-size: 12px;
}
.property-footer a {
color: inherit;
}
.property-footer span {
float: right;
display: inline-block;
}
.property-footer i, .additional-info li i {
margin-right: 5px;
}
.popular-por-info {
position: absolute;
bottom: 30%;
right: 0;
left: 0;
opacity: 0;
text-align: center;
z-index: 999;
-webkit-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.popular-por-style:hover .popular-por-info {
opacity: 1;
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
/*------------------------------------------------*/
/*--------------[Custom STYLE]-----------*/
/*------------------------------------------------*/
.option-box-item {
text-align: center;
width: 100%;
position: relative;
}
.option-box-dis-info {
border: 1px solid #eee;
padding: 20px 15px;
border-top: transparent;
}
.option-box-icon {
background-color: #f7f7f7;
padding: 30px;
}
.option-box-icon::after {
border-left: 20px solid transparent;
border-right: 20px solid transparent;
border-top: 20px solid #f7f7f7;
content: "";
height: 0;
left: 42%;
position: absolute;
width: 0;
top: 38%;
}
.option-box-item:hover .option-box-icon{
-webkit-transition: all .25s ease-out;
-moz-transition: all .25s ease-out;
-ms-transition: all .25s ease-out;
-o-transition: all .25s ease-out;
transition: all .25s ease-out;
}
.option-box-item:hover .option-box-icon i{
color: #fff!important;
}
.option-box-item:hover .option-box-icon::after{
border-top: 20px solid #72c02c;
-webkit-transition: all .25s ease-out;
-moz-transition: all .25s ease-out;
-ms-transition: all .25s ease-out;
-o-transition: all .25s ease-out;
transition: all .25s ease-out;
}
.option-box-item i {
font-size: 35px;
color: #72c02c;
}
.option-box-item h4 {
color: inherit;
font-size: 18px;
line-height: 30px;
margin-bottom: 5px;
}
/*------------------------------------------------*/
/*--------------[Client]------------------*/
/*-----------------------------------------------*/
.client-style-2 img:hover {
opacity: 1;
transform: scale(1.05);
}
.client-style-2 img {
opacity: 0.5;
transition: all 0.5s;
}
.client-style img {
border-radius: 50%;
-webkit-box-shadow: 0 3px 24px 0 rgba(213,213,213,.49);
-moz-box-shadow: 0 3px 24px 0 rgba(213,213,213,.49);
box-shadow: 0 3px 24px 0 rgba(213,213,213,.49);
width: 100%;
}
.client-style.client-2 {
padding-top: 150px;
}
/*------------------------------------------------*/
/*--------------[social]------------------*/
/*-----------------------------------------------*/
.social-block ul li {
display: inline-block;
padding: 10px;
width: 84px;
margin-bottom: 3px;
text-align: center;
background: rgba(255, 255, 255, 0.1);
}
.social-block ul li.facebook {
background: #5d82d1;
}
.social-block ul li.pinterest {
background: #e13138;
}
.social-block ul li.linkedin {
background: #238cc8;
}
.social-block ul li.youtube {
background: #ef4e41;
}
.social-block ul li.twitter {
background: #40bff5;
}
.social-block ul li.dribbble {
background: #f7659c;
}
.social-block ul li.google-plus {
background: #f14133;
}
.social-block ul li.rss {
background: #f0771e;
}
.social-block ul li i {
display: block;
width: 30px;
height: 30px;
line-height: 30px;
background: rgba(0, 0, 0, 0.2);
border-radius: 50%;
margin: 0 auto;
}
.social-block ul li span {
display: block;
text-align: center;
margin-top: 10px;
font-size: 11px;
}
/*------------------------------------------------*/
/*--------------[contact]------------------*/
/*-----------------------------------------------*/
.contact_us_contact_form {
margin: 0 auto;
display: block;
max-width: 750px;
text-align: center;
}
.contact_us_contact_form .form-control {
border-bottom: 1px solid #ddd !important;
border: none;
padding: 12px 0;
background: transparent;
letter-spacing: .7px;
font-weight: 300;
-webkit-border-radius: 0;
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none;
height: 44px;
color: inherit;
font-size: 13px;
-webkit-transition: border .9s ease;
-o-transition: border .9s ease;
transition: border .9s ease;
}
.contact_us_contact_form textarea {
min-height: 175px;
resize: none;
}
.error {
color: #ff0404;
font-size: 11px;
}
.type-wrap span {
font-size: 30px;
overflow: hidden;
line-height: 40px;
letter-spacing: 1px;
text-transform: capitalize;
}
.type-style-1 .type-wrap span {
font-size: 60px;
text-transform: uppercase;
line-height: 80px;
}
/*------------------------------------------------*/
/*--------------[Tags]------------------*/
/*-----------------------------------------------*/
.tags a {
background-color: #687074;
display: inline-block;
margin: 2px;
padding: 5px 10px;
color: #fff;
}
.tags a:hover {
text-decoration: none;
background-color: #72c02c;
}
/*------------------------------------------------*/
/*--------------[Responsive]------------------*/
/*-----------------------------------------------*/
@media (max-width: 530px) {
.about-small-img-style li img {
margin: 0 15px 15px 0;
}
}
@media (max-width: 767px) {
.login-details .nav-tabs > li {
text-align: center;
width: 50%;
}
.home-work-pro-tab .nav-tabs.style1 li a {
padding: 0 5px 15px 5px;
}
.client-style.client-2, .client-style.client-1{
padding: 0!important;
margin-bottom: 30px;
}
.big.product_description .product-title h2{
margin-top: 10px;
}
.login-inner .login-form input {
font-size: 15px;
max-width: 100%;
padding: 15px 45px;
}
.login-inner .form-details {
padding: 25px;
}
.login-inner .login-form label {
margin-bottom: 20px;
width: 100%;
}
.login-inner .form-btn {
margin: 0;
max-width: 180px;
}
.tab-content .tab-pane {
padding: 20px 0;
}
.banner-coll1 img,
.banner-coll2 .image img,
.banner-section a img
{
width: 100%;
}
.parallax-block-style-2 .map-box .advanced_search{
display: none;
}
.top-bar ul.top-bar-list, .top-bar ul.top-social-icons {
text-align: center!important;
}
.shopping-cart-open{
right: -100px!important;
}
.flat-service,
.team-body,
.single_arrivals_slide,
.big.product_description,
.banner-img-block,
.single-service,
.pricing-table,
.real-about-us-block-tag,
.widget .tags
{
margin-bottom: 30px;
}
.big.product_description.text-right{
text-align: left!important;
}
.why-us-block .about-video-block-style{
margin-top: 30px;
}
.wedding-about-text.wedding-text-style-2,
.story-title-style{
margin: 30px 0;
}
.tp-caption.Newspaper-Title-Centered, .Newspaper-Title-Centered,
.tp-caption.Newspaper-Button, .Newspaper-Button{
display: none!important;
}
.tp-caption.Woo-AddToCart:hover, .Woo-AddToCart:hover{
background: #787878!important;
}
.hover-effect span h5, .story-title h2 {
margin-top: 0;
}
.tp-caption.Woo-AddToCart, .Woo-AddToCart{
color:#fff;
}
.topbar ul.topbarnav,
.home-post-style-img{
float: none!important;
}
.topbar ul{
text-align: center;
}
.all-blody-padd.flat-service.text-center.border-right{
border-right: none!important;
}
.all-blody-padd.flat-service.text-center.border-right{
margin-bottom: 0;
}
}
@media (max-width: 991px) {
.home-about-text2,
.clients-block,
.col-style1,
.product-quantity,
.single-contact-option,
.single_feature,
.footer .widget,
.products.grid-product,
.service-box1
.pricing-table,
.last-con-block,
.service-fir,
.service-mid,
.single-count.counter-item,
.banner-btn-block,
.benefit,
.single_arrivals_slide,
.choose-main.why-choose.why-choose-style-2,
.popular-por-style
{
margin-bottom: 30px!important;
}
.why-us-block .about-video-block-style,
#home-featured-style,
.advanced_search .search_select .btn.submit_btn{
margin-top: 30px!important;
}
.why-us-image,
.single-service .service-head img,
.property-block .property-image img,
.popular-por-style img{
width: 100%!important;
}
.widget-card, a.widget-card {
display: block;
}
.widget-card .widget-card-content{
position: relative;
}
.search-count h6{
display: none;
}
.home-slider-banner .banner-img img {
margin: 0 auto;
}
.cbp-l-caption-alignCenter .cbp-l-caption-body{
padding: 10px 0!important;
}
}
@media (min-width: 992px) and (max-width: 1100px) {
.about-block-con {
padding: 0 0 0 43px;
}
.about-small-img-style li img {
margin-right: 10px;
}
}
@media (max-width: 1100px) {
.home-post-style-dis .blog-grid{
margin-top: 10px;
}
.home-post-style-img{
float: none!important;
}
.home-post-style-img{
width: 100%;
}
}
@media (max-width: 1023px) {
.nav-search-button, .nav-cart-button{
padding-right: 0!important;
}
.image-section-left, .dis-section-right{
float: none;
width: 100%;
}
}