/* CSS Document */
/*
Created on : 19/02/2018.
Theme Name : Corpoz.
Description : Corpoz-multipurpose Business & Agency Template.
Version : 1.1.
Author : @TheMazine.
Designed By : @TheMazine.
Developed By : @TheMazine.
*/
/* ------------------------------------------ */
/* TABLE OF CONTENTS
/* ------------------------------------------ */
/* 01 - Loading Transition */
/* 02 - Global stlye */
/* 03 - Theme Header */
/* 04 - Theme menu Style One */
/* 05 - Banner Default Style */
/* 06 - About Short Feature */
/* 07 - Our Feature */
/* 08 - Skew Content Section */
/* 09 - Solution Section */
/* 10 - Our Work */
/* 11 - Testimonial Style One */
/* 12 - Theme Counter */
/* 13 - Contact US */
/* 14 - Footer */
/* 15 - Instructor Banner */
/* 16 - Footer */
/* 17 - Contact Management */
/* 18 - Digital Specialists */
/* 19 - Pricing Table */
/* 20 - Our News */
/* 21 - Testimonial Style two */
/* 22 - Inner Banner */
/* 23 - Service Details */
/* 24 - Our Gallery */
/* 25 - Gallery Details */
/* 26 - Our Blog */
/* 27 - Blog Details */
/* 28 - Shop Page */
/* 29 - FAQ */
/* 30 - Testimonial Showcase */
/**
* Importing necessary Styles.
**/
@import url('https://fonts.googleapis.com/css?family=Poppins:400,500,700|Source+Sans+Pro:300,400,600,700');
/*----bootstrap css ----- */
@import url('../vendor/bootstrap/bootstrap.css');
/*----bootstrap Select ----- */
@import url('../vendor/bootstrap-select/dist/css/bootstrap-select.css');
/*----camera-slider---*/
@import url('../vendor/Camera-master/css/camera.css');
/*------- Mega menu ------*/
@import url('../vendor/bootstrap-mega-menu/css/menu.css');
/*----font awesome -------*/
@import url('../fonts/font-awesome/css/font-awesome.min.css');
/*----owl-carousel css----*/
@import url('../vendor/owl-carousel/owl.carousel.css');
@import url('../vendor/owl-carousel/owl.theme.css');
/*-------- animated css ------*/
@import url('../vendor/WOW-master/css/libs/animate.css');
/*-------Hover Css --------*/
@import url('../vendor/hover.css');
/*--------- flat-icon ---------*/
@import url('../fonts/icon/font/flaticon.css');
/*----------- Fancybox css -------*/
@import url('../vendor/fancybox/dist/jquery.fancybox.min.css');
/*------------- Map -------------*/
@import url('../vendor/sanzzy-map/dist/snazzy-info-window.min.css');
/*------------ Range Slider ------------*/
@import url('../vendor/bootstrap-slider-master/dist/css/bootstrap-slider.min.css');
/*------------ Color Css ------------*/
@import url('default-color.css');
/***
====================================================================
Loading Transition
====================================================================
***/
#loader-wrapper {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 999999;
background: #fff;
overflow: hidden;
}
#loader {
background: url(../images/1.gif);
width: 62px;
height: 64px;
position: relative;
top: 50%;
margin: -32px auto 0 auto;
}
/*==================== Click Top ====================*/
.scroll-top {
width:30px;
height:30px;
border-radius: 3px;
position: fixed;
bottom: 5px;
right:15px;
z-index: 99;
text-align: center;
color: #fff;
font-size: 20px;
display: none;
background: #3e4ffa;
}
.scroll-top:after {
position: absolute;
z-index: -1;
content: '';
top: 100%;
left: 5%;
height: 10px;
width: 90%;
opacity: 1;
background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%);
}
/*______________________ Global stlye ___________________*/
@font-face {
font-family: 'font-awesome';
src: url('../fonts/font-awesome/fonts/fontawesome-webfont.ttf');
src: url('../fonts/font-awesome/fonts/fontawesome-webfont.eot'), /* IE9 Compat Modes */
url('../fonts/font-awesome/fonts/fontawesome-webfont.woff2') format('woff2'), /* Super Modern Browsers */
url('../fonts/font-awesome/fonts/fontawesome-webfont.woff') format('woff'), /* Pretty Modern Browsers */
url('../fonts/font-awesome/fonts/fontawesome-webfont.svg') format('svg'); /* Legacy iOS */
}
body {
font-family: 'Source Sans Pro', sans-serif;
font-weight: normal;
color:rgba(0,0,0,0.75);
font-size: 16px;
}
body .main-page-wrapper {overflow-x:hidden;}
h1,h2,h3,h4,h5,h6,p,ul { margin:0;padding: 0;}
h1,h2,h3,h4,h5,h6 {color: #101010; font-family: 'Poppins', sans-serif;}
h2 a,h3 a,h4 a,h5 a,h6 a {color: inherit;}
h1 {font-size: 50px; font-weight: 700;}
h2 {font-size: 34px; font-weight: 600; line-height: 45px;}
h3 {font-size: 26px; font-weight: 600;line-height: 42px;}
h4 {font-size: 22px; font-weight: 500;}
h5 {font-size: 20px; font-weight: 600;}
h6 {font-size: 18px; font-weight: 600;}
p {line-height: 32px;}
ul {list-style-type: none;}
a {text-decoration: none; display: inline-block;}
a:hover,a:focus,a:visited {text-decoration: none; outline: none;}
img {max-width: 100%; display: block;}
button {border:none;outline: none;-webkit-box-shadow: none;box-shadow: none;display: block; padding: 0;}
input,textarea {outline: none; -webkit-box-shadow: none; box-shadow: none;-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.float-left {float:left;}
.float-right {float:right;}
.m-top0 {margin-top: 0 !important;}
.m-bottom0 {margin-bottom: 0 !important;}
.p0 {padding: 0 !important;}
.m0 {margin: 0 !important;}
/*--------------------- Transition --------------------*/
.tran3s,h2 a,h3 a,h4 a,h5 a,h6 a,.bootstrap-select.btn-group .dropdown-menu li a,.bootstrap-select.btn-group .dropdown-menu li a span,.theme-button-fix,
#theme-main-banner .camera_pag .camera_pag_ul li,.theme-button-two,.about-short-feature .play-button,.skew-content-section .image-box .play-button,.solution-section .single-block,
.our-work .gallery-content-wrapper .single-block .overlay a,.our-work .gallery-content-wrapper .single-block .overlay,.testimonial-style-one .testimonial-slider-one .client-caption-box:before,
.help-banner .phone,.pricing-table .pricing-tab-switch .nav-tabs li a,.pricing-table .single-figure,.pricing-table .single-figure .package-name h3,.pricing-table .single-figure .package-name .price,
.pricing-table .single-figure .package-feature ul li,.pricing-table .single-figure .package-feature ul li:before,.pricing-table .single-figure .package-feature p,
.theme-footer .footer-top-content .footer-list-item ul li a,.contact-management-section.style-two .single-box .view-more,.owl-theme .owl-dots .owl-dot span,
.testimonial-style-two .video-playback .play-button,.pricing-table .pricing-tab-switch .all-price-details,.pricing-table .single-figure .get-package,
.digital-specialist .discover,.digital-specialist .discover i,.theme-inner-banner ul li a,.service-details .social-icon li a,.reply-comment form button,.mixitUp-menu li:before,
.gallery-wrapper .single-portfolio-item .image-box .overlay .text h6 a,.gallery-wrapper .single-portfolio-item .image-box .overlay .text,.gallery-wrapper .view-more,
.page-pagination li a,.single-blog-post .post-info li a,.blog-sidebar .blog-list ul li a,.blog-sidebar .sidebar-latest-post li a,.team-style-one .single-member .image .tag,
.team-style-one .single-member .text ul li a,.team-style-two .single-member .text ul li a,.team-style-two .single-member .text h5,.team-style-two .single-member .text p,
.team-style-two .single-member .text,.team-style-one .single-member .text h5,.team-style-one .single-member .text,.team-style-one .single-member .text h5,.team-style-one .single-member .text p {
-webkit-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.tran4s,#mega-menu-wrapper .nav>li>a:before,.our-news .single-news .image-box img,.gallery-wrapper .single-portfolio-item .image-box .overlay {
-webkit-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
}
/*---------------------- Theme Title ---------------------*/
.theme-title-one {position: relative;padding-top: 28px;}
.theme-title-one:before {
content: '';
width: 72px;
height: 4px;
position: absolute;
top:0;
left:0;
}
.theme-title-one.text-center:before {left:50%;margin-left: -36px;}
.theme-title-one .theme-button-one,
.theme-title-one .theme-button-two {position: absolute;right: 0;bottom: 20px;}
.theme-title-three .theme-button-one {position: absolute;right: 0;bottom: 50px;}
.theme-title-one p {margin: 55px 0 0 0;font-size: 18px;line-height: 36px;width: 76%;}
.shadow-text {
font-family: 'Poppins', sans-serif;
font-size: 332px;
font-weight: 600;
line-height: 0;
position: absolute;
color: #f3f3f3;
top:-27px;
left:0;
z-index: -1;
}
/*----- Title Two ------*/
.theme-title-two {position: relative;z-index: 10;}
.theme-title-two h2 {font-size: 42px;}
.theme-title-two p {font-size: 18px;line-height: 36px;padding-top: 25px;}
/*------ Title Three ------*/
.theme-title-three {position: relative;padding: 50px 0 0 0;}
.theme-title-three h2 {font-size: 42px;line-height: 55px;}
.theme-title-three span {
font-family: 'Poppins', sans-serif;
font-size: 81px;
color: #ebebeb;
position: absolute;
left:-5px;
z-index: -1;
font-weight: 500;
top:0;
}
.theme-title-three.bottom-text span {bottom: 0;top:auto;}
.theme-title-three.text-center span {
left:50%;
-webkit-transform:translateX(-50%);
transform:translateX(-50%);
}
.theme-title-three.bottom-text {padding: 0 0 25px 0;}
/*---------------------- Theme Button ---------------------*/
.main-page-wrapper .theme-button-one {
font-family: 'Poppins', sans-serif;
font-size: 18px;
line-height: 50px;
color: #fff;
padding: 0 45px;
}
.main-page-wrapper .theme-button-one .fa {margin-right: 5px;font-size: 11px;vertical-align: 2px;}
/*---- Button Two -----*/
.theme-button-two {
font-size: 18px;
font-weight: 600;
color: #1c1c1c;
border-bottom-width: 2px;
border-bottom-style: solid;
}
/*------------------------------ Theme Header ---------------------*/
.theme-menu-wrapper {position: relative;}
.theme-menu-wrapper.absolute-position {position: absolute;top:0;width: 100%;left:0;z-index: 99;}
.theme-menu-wrapper .top-header.dark-bg {background: #232323;}
.theme-menu-wrapper .top-header.grey-bg {background: #f3f3f3;}
.theme-menu-wrapper .top-header {padding: 10px 0;}
.theme-menu-wrapper .top-header .contact-widget {margin: 0 -25px;}
.theme-menu-wrapper .top-header .contact-widget li {float: left;padding: 0 25px;}
.theme-menu-wrapper .top-header .contact-widget li.help-text a {
font-family: 'Poppins', sans-serif;
color: rgba(255,255,255,0.8);
position: relative;
}
.theme-menu-wrapper .top-header .contact-widget li.help-text a:before {
content: '';
width: 100%;
height: 1px;
position: absolute;
bottom: 4px;
left: 0;
}
.theme-menu-wrapper .top-header .contact-widget li.call {
font-weight: 600;
color: rgba(255,255,255,0.8);
}
.theme-menu-wrapper .top-header .contact-widget li.call a {
font-family: 'Poppins', sans-serif;
color: rgba(255,255,255,0.7);
font-weight: normal;
}
.theme-menu-wrapper .top-header .header-right-content .social-icon {margin: 0 -10px;}
.theme-menu-wrapper .top-header .header-right-content .social-icon li {
font-weight: 600;
color:#fff;
padding: 0 10px;
float: left;
}
.theme-menu-wrapper .top-header .header-right-content .social-icon li a {color: #fff;}
.theme-menu-wrapper .top-header .header-right-content .space-left {margin-left: 40px;}
.theme-menu-wrapper .top-header .header-right-content .space-right {margin-right: 40px;}
.theme-menu-wrapper .top-header .header-right-content .quote-button {
font-family: 'Poppins', sans-serif;
color: rgba(255,255,255,0.8);
position: relative;
}
.theme-menu-wrapper .top-header .header-right-content .quote-button:before {
content: '';
width: 100%;
height: 1px;
position: absolute;
bottom: 4px;
left: 0;
}
.bootstrap-select.btn-group:not(.input-group-btn),
.bootstrap-select.btn-group[class*="col-"] {width: 100%;height: 100%;}
.bootstrap-select > .dropdown-toggle {
width: 100%;
height: 100%;
white-space: normal;
display: block;
border: none;
position: relative;
background: transparent !important;
outline: none !important;
padding: 0 12px 0 0;
height: 18px;
}
.bootstrap-select.btn-group .dropdown-toggle .filter-option {
font-size: 16px;
font-weight: 600;
line-height: 15px;
color:#fff;
text-transform: uppercase;
}
.bootstrap-select.btn-group .dropdown-toggle .caret {display: none;}
.bootstrap-select.btn-group .dropdown-toggle .bs-caret {
position: absolute;
top:0;
right: 0;
bottom: 0;
width: 10px;
text-align: right;
}
.bootstrap-select.btn-group .dropdown-toggle .bs-caret:before {
font-family: 'font-awesome';
content: '';
position: absolute;
top:0;
left: 0;
right: 0;
color: #fff;
font-size: 12px;
line-height: 17px;
}
.find-course .bootstrap-select > .dropdown-toggle:hover,
.find-course .bootstrap-select > .dropdown-toggle:focus {
background: transparent;
outline: none !important;
}
.bootstrap-select.btn-group .dropdown-menu {
left:auto;
right: 0;
border: none;
-webkit-box-shadow: none;
box-shadow: none;
border-radius: 3px;
margin-top: 1px;
-webkit-box-shadow: 0px 4px 10px -2px rgba(0,0,0,0.2);
box-shadow: 0px 4px 10px -2px rgba(0,0,0,0.2);
}
.bootstrap-select.btn-group .dropdown-menu li a span.text {
text-transform: uppercase;
font-size: 12px;
font-weight: 700;
letter-spacing: 1px;
color:#212121;
}
.bootstrap-select.btn-group .dropdown-menu li.selected a span.text,
.bootstrap-select.btn-group .dropdown-menu li:hover a span.text {color: #fff;}
.theme-menu-wrapper .top-header.grey-bg .contact-widget li.help-text a,
.theme-menu-wrapper .top-header.grey-bg .contact-widget li.call,
.theme-menu-wrapper .top-header.grey-bg .contact-widget li.call a,
.theme-menu-wrapper .top-header.grey-bg .header-right-content .social-icon li,
.theme-menu-wrapper .top-header.grey-bg .header-right-content .social-icon li a,
.top-header.grey-bg .bootstrap-select.btn-group .dropdown-toggle .filter-option,
.top-header.grey-bg .bootstrap-select.btn-group .dropdown-toggle .bs-caret:before {color: #1f1e1e;}
/*------------------------------ Theme menu Style One ----------------------*/
.theme-main-menu {position: relative;}
.theme-main-menu.overlay-position {
position: absolute;
width: 100%;
left:0;
right: 0;
top:100%;
z-index: 130;
background: transparent;
}
header .content-holder {position: relative;}
header .menu-wrapper.white-bg {background: #003366;padding: 35px 0 20px 0;position: relative;}
header .theme-main-menu.right-half-bg:before {
content: '';
width: 50%;
height: 100%;
background: #003366;
position: absolute;
right:0;
top:0;
z-index: -1;
}
header .menu-wrapper .logo {
position: absolute;
top:-35px;
left:50px;
z-index: 9;
}
header .menu-wrapper .header-right-widget {
position: absolute;
top:-7px;
right: 0;
z-index: 99;
}
header .menu-wrapper .header-right-widget .cart-button {
color:#101010;
position: relative;
font-size: 28px;
margin-right: 25px;
padding-right: 18px;
}
header .menu-wrapper .header-right-widget .cart-button .fa {
position: absolute;
font-size: 12px;
bottom: 6px;
right: 0;
}
header .menu-wrapper .header-right-widget .search-option {display: inline-block;position: relative;}
header .menu-wrapper .header-right-widget .search-option button.search {
font-size: 17px;
color: #929191;
background: transparent;
}
header .menu-wrapper .header-right-widget .search-option form.dropdown-menu {
position: absolute;
height:55px;
width:280px;
padding: 5px;
border-radius: 0;
right: 0;
left:auto;
top:100%;
margin-top: 40px;
-webkit-box-shadow: none;
box-shadow: none;
border:none;
float:none;
background: #fff;
-webkit-box-shadow: 0px 4px 10px -2px rgba(0,0,0,0.23);
box-shadow: 0px 4px 10px -2px rgba(0,0,0,0.23);
}
header .menu-wrapper .header-right-widget .search-option form input {
width:100%;
height:100%;
background: transparent;
border:1px solid #ececec;
padding: 0 49px 0 10px;
}
header .menu-wrapper .header-right-widget .search-option form button {
display: block;
font-size: 18px;
width:48px;
color: #fff;
border:1px solid #fff;
border-left:none;
line-height: 45px;
text-align: center;
position: absolute;
top:4px;
right:5px;
}
/* ------------------------------- Banner Default Style ------------------------- */
.camera_wrap {float:none;}
#theme-main-banner .camera_overlayer {
content: '';
position: absolute;
top:0;
left:0;
right: 0;
bottom: 0;
background: transparent;
}
#theme-main-banner .main-container {position: relative;}
#theme-main-banner .camera_caption {height: 100%;}
#theme-main-banner .container {
position: relative;
z-index: 1;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
#theme-main-banner .camera_caption>div {
background: transparent;
position: absolute;
width: 100%;
height: 100%;
top:0;
text-shadow: none;
left: 0;
padding: 0;
}
#theme-main-banner .camera_pag .camera_pag_ul {
position: absolute;
top:100px;
left:40px;
z-index: 9;
}
#theme-main-banner .camera_pag .camera_pag_ul li {
display: block;
margin: 14px 0;
width: 15px;
height: 15px;
border-radius: 50%;
background: #fff;
}
#theme-main-banner .camera_pag .camera_pag_ul li.cameracurrent {
width: 1px;
height: 35px;
border-radius: 0;
margin-left: 7px;
}
#theme-main-banner .camera_pag .camera_pag_ul li > span {display: none;}
#theme-main-banner .camera_caption a {vertical-align: middle;}
#theme-main-banner .camera_caption h1 {color: #fff;line-height: 68px;margin-bottom: 110px;}
/* ------------------------------- Banner One Style ------------------------- */
#theme-main-banner.banner-one .camera_overlayer {background-image: linear-gradient( -20deg, rgba(249,119,148,0.75) 0%, rgba(177,90,156,0.75) 80%, rgba(104,61,163,0.75) 100%);}
#theme-main-banner .camera_caption .theme-button-fix {
font-family: 'Poppins', sans-serif;
font-size: 18px;
color: #fff;
line-height: 46px;
border: 2px solid #fff;
padding: 0 45px;
margin-right: 8px;
}
#theme-main-banner .camera_caption .theme-button-fix .fa {margin-right: 5px;font-size: 11px;vertical-align: 2px;}
#theme-main-banner.banner-one .camera_caption .theme-button-fix:hover {background: #fff;color: #212121;}
.banner-section-one {position: relative;overflow: hidden;margin-bottom: 170px;}
.banner-section-one:before {
content: '';
position: absolute;
width: 110%;
height: 200px;
background: #fff;
z-index: 9;
left: 0;
bottom: -90px;
-webkit-transform: rotate(-6deg);
transform: rotate(-6deg);
}
.banner-form {
position: absolute;
width: 100%;
left: 0;
bottom: 0;
z-index: 10;
}
.banner-form .container {position: relative;}
.banner-form .container form {
position: absolute;
width: 400px;
overflow: hidden;
background: #fff;
z-index: 100;
right: 0;
bottom: 0;
padding: 55px 50px 0 50px;
}
.banner-form .container form:before {
content: '';
position: absolute;
width: 110%;
height: 160px;
left: -7px;
bottom: -17px;
z-index: -1;
-webkit-transform: rotate(-6deg);
transform: rotate(-6deg);
}
.banner-form .container form input {
width: 100%;
height: 50px;
border: 1px solid #ece9e9;
padding: 0 15px;
margin-bottom: 35px;
}
.banner-form .container form p {font-weight: 600;margin: 85px 0 30px 0;color: #fff;}
/* ------------------------------- Banner Two Style ------------------------- */
#theme-main-banner.banner-two .camera_overlayer {background: rgba(0,0,0,0.75);}
#theme-main-banner.banner-two .camera_caption .theme-button-fix {
line-height: 50px;
background: #fff;
color: #101010;
border: none;
}
#theme-main-banner.banner-two .camera_caption .theme-button-fix:hover {color: #fff;}
#theme-main-banner.banner-two .camera_pag .camera_pag_ul {top:240px;}
#theme-main-banner.banner-two .camera_caption h1 {margin-top: 180px;}
/* ------------------------------- Banner Three Style ------------------------- */
#theme-main-banner.banner-three .camera_caption p {
font-size: 18px;
color: #fff;
font-weight: 500;
font-family: 'Poppins', sans-serif;
letter-spacing: 1.2px;
margin-bottom: 40px;
}
#theme-main-banner.banner-three .camera_caption .theme-button-fix {
background: #fff;
color: #101010;
border: none;
line-height: 52px;
}
#theme-main-banner.banner-three .camera_caption .theme-button-fix i {margin-right: 15px;}
.banner-section-three {position: relative;overflow: hidden;}
.banner-section-three #theme-main-banner .camera_overlayer:before {
content: url(../images/home/shape.png);
width: 50%;
position: absolute;
top:0;
left:0;
z-index: 1;
}
.main-banner-bottom-text {
font-size: 26px;
line-height: 42px;
color: #000000;
text-align: center;
width: 65%;
margin: 40px auto 30px auto;
}
.main-banner-bottom-text.style-two {
background: #f9f8f8;
width: 100%;
padding: 55px 250px 15px 250px;
font-weight: 600;
border-left-style: solid;
border-left-width: 1px;
}
/* ------------------------------- Banner Four Style ------------------------- */
.banner-section-four #theme-main-banner .camera_overlayer:before {
content: '';
width: 67%;
height: 100%;
background: rgba(250,141,241,0.78);
position: absolute;
top:0;
left:-10%;
z-index: 1;
-webkit-transform:skewX(160deg);
transform:skewX(160deg);
}
#theme-main-banner.banner-four .camera_caption .theme-button-fix {background: #fff;color: #101010;}
/*------------------- About Short Feature --------------------*/
.about-short-feature p {font-size: 22px;line-height: 42px;}
.about-short-feature .theme-button-two {margin-top: 30px;}
.about-short-feature .play-button {
display: block;
width: 78px;
height: 78px;
border: 7px solid #f2eeee;
border-radius: 50%;
line-height: 64px;
text-align: center;
font-size: 18px;
margin-top: 60px;
}
.about-short-feature .play-button:hover {color: #fff;}
/*--------------------------- Our Feature ------------------------*/
.our-feature {background: #f1efef;padding: 115px 0 90px 0;margin: 120px 0 120px 0;}
.our-feature .theme-title {margin-bottom: 50px;}
.our-feature .single-feature-box {
background: #fff;
text-align: center;
padding: 30px 25px 60px 25px;
margin-bottom: 30px;
}
.our-feature .single-feature-box i {font-size: 55px;}
.our-feature .single-feature-box i.color-two {color: #f97794;}
.our-feature .single-feature-box i.color-three {color: #08d847;}
.our-feature .single-feature-box i.color-four {color: #3e50fa;}
.our-feature .single-feature-box i.color-five {color: #00dbaa;}
.our-feature .single-feature-box i.color-six {color: #fa8df1;}
.our-feature .single-feature-box h5 {margin: 15px 0 30px 0;}
.our-feature.transparent-bg {
background: transparent;
padding-top: 20px;
padding-right: 0;
padding-bottom: 0;
padding-left: 0;
}
.our-feature.style-two .single-feature-box {padding-bottom: 0;}
.our-feature.style-two .single-feature-box img {margin: 0 auto;}
.our-feature.style-two .single-feature-box h5 {margin: 35px 0 25px 0;}
.our-feature.style-two .single-feature-box p {font-size: 18px;line-height: 36px;}
.our-feature.service-style-two .single-feature-box {text-align: left;padding: 0 35px 40px 0;}
.our-feature.service-style-two {margin-bottom: 65px;}
.our-feature.service-style-three .box-layout {
max-width: 1630px;
margin: 0 auto;
padding: 0 30px;
}
.our-feature.service-style-three .single-feature-box {
border:1px solid #ededed;
padding: 50px 30px 50px 30px;
}
.our-feature.service-style-three .single-feature-box i {color: #f97794;}
.our-feature.service-style-three .single-feature-box h5 {text-transform: uppercase;font-weight: 500;}
.service-style-four .theme-title-one p {
margin-right: auto;
margin-left: auto;
}
.service-style-four .shadow-text {
top:38px;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.service-style-four .single-service-box h5 {font-weight: 500;}
.service-style-four .single-service-box .text {
text-align: center;
border:1px solid #ededed;
border-top: none;
padding: 35px 0 40px 0;
margin-bottom: 30px;
}
.service-style-four .single-service-box img {width: 100%;}
/*-------------------- Skew Content Section ------------------*/
.skew-content-section.space-fix {margin: 140px 0;}
.skew-content-section .text-box {position: relative;padding: 60px 100px 65px 40px;overflow: hidden;}
.skew-content-section .space-top {margin-top: 70px;}
.skew-content-section .text-box:before {
content: '';
position: absolute;
width: 50%;
height: 100%;
top:0;
right: -95px;
z-index: 1;
background: #fff;
-webkit-transform:skewX(160deg);
transform:skewX(160deg);
}
.skew-content-section .text-box p {line-height: 36px;color: #fff;}
.skew-content-section .text-box .view-more {
font-family: 'Poppins', sans-serif;
font-size: 18px;
color: #fff;
margin-top: 35px;
}
.skew-content-section .text-box .view-more i {margin-right: 20px;font-size: 11px;vertical-align: 2px;}
.skew-content-section .image-box {position: relative;overflow: hidden;background: #000;}
.skew-content-section .image-box img {opacity: 0.65;}
.skew-content-section .image-box .play-button {
display: block;
width: 78px;
height: 78px;
border-radius: 50%;
line-height: 78px;
text-align: center;
font-size: 18px;
background: #f2eeee;
position: absolute;
top:50%;
right:20%;
z-index: 1;
-webkit-transform:translate(0,-50%);
transform:translate(0,-50%);
}
.skew-content-section .image-box .play-button:hover {color: #fff;}
.skew-content-section .image-box:before {
content: '';
position: absolute;
width: 50%;
height: 100%;
top:0;
left: -180px;
z-index: 1;
background: #fff;
-webkit-transform:skewX(148deg);
transform:skewX(148deg);
}
.skew-content-section .radius-image {background: transparent;}
.skew-content-section .radius-image img {border-radius: 50%;opacity: 1;}
.skew-content-section .radius-image:before {display: none;}
/*------------------------- Solution Section ----------------------*/
.solution-section {margin: 140px 0 140px 0;}
.solution-section.bg-one {
background: url(../images/home/2.jpg) no-repeat center;
background-size: cover;
background-attachment: fixed;
}
.solution-section.bg-two {
background: url(../images/home/15.jpg) no-repeat center;
background-size: cover;
background-attachment: fixed;
}
.solution-section .opacity-two {background: rgba(250,141,241,0.86);}
.solution-section.grey-bg {background: #f7f7f7;}
.solution-section .opacity {position: relative;padding:130px 0 110px 0;}
.solution-section .theme-title-two.color-fix h2,
.solution-section .theme-title-two.color-fix p {color: #fff;}
.solution-section .theme-title-two {margin-bottom: 90px;}
.solution-section .theme-title-two:before {
content: '';
position: absolute;
width: 244px;
height: 244px;
border-radius: 50%;
border-width: 33px;
border-style: solid;
z-index: -1;
left:50%;
top:50%;
-webkit-transform:translate(-50%,-50%);
transform:translate(-50%,-50%);
}
.solution-section .single-block {text-align: center;padding: 60px 25px 45px 25px;margin-bottom: 30px;}
.solution-section .single-block.white-bg {background: #fff;}
.solution-section .single-block:hover {background: #fff;}
.solution-section .single-block .icon {margin: 0 auto;}
.solution-section .single-block h5 {text-transform: uppercase;margin: 32px 0 25px 0;font-weight: 500;}
.solution-section .single-block i {font-size: 60px;}
.solution-section .bubble {
position: absolute;
width: 210px;
height: 210px;
border-radius: 50%;
z-index: 1;
}
.solution-section .bubble.bubble-one {left:30px;top:160px;}
.solution-section .bubble.bubble-two {left:-70px;bottom:150px; }
.solution-section.grey-bg .theme-title-two:before,
.solution-section.bg-two .theme-title-two:before {display: none;}
.solution-section .box-layout {max-width: 1630px;margin: 0 auto;padding: 0 30px;}
/*------------------------- Service Short Details -------------------*/
.service-short-details .theme-title-one {margin-bottom: 35px;}
.service-short-details p {font-size: 18px;line-height: 36px;margin-bottom: 30px;}
/*------------------------ Our Work ----------------------*/
.our-work {margin: 140px 0;}
.our-work .theme-title {margin-bottom: 75px;}
.our-work .theme-title-three {margin-bottom: 30px;}
.our-work .no-gutters {margin: 0;}
.our-work .no-gutters [class*="col-"] {padding: 0;}
.our-work .gallery-content-wrapper .single-block {position: relative;overflow: hidden;}
.our-work .gallery-content-wrapper .single-block img {width: 100%;}
.our-work .gallery-content-wrapper .single-block .overlay {
position: absolute;
width: 100%;
height: 100%;
top:0;
right: 0;
opacity: 0;
}
.our-work .gallery-content-wrapper .single-block:hover .overlay {opacity: 1;}
.our-work .gallery-content-wrapper .single-block .overlay a {
display: block;
width: 70px;
height: 70px;
border-radius: 50%;
background: #fff;
line-height: 70px;
text-align: center;
font-size: 25px;
position: absolute;
margin: 0 auto;
position: relative;
top:50%;
margin-top: -35px;
}
.our-work .gallery-content-wrapper .single-block .overlay a:hover {color: #fff;}
.our-work .box-layout {padding: 0 80px;}
/*------------------------- Testimonial Style One ----------------------*/
.testimonial-style-one .testimonial-slider-one .client-caption-box {
background: #fff;
padding: 40px 35px 50px 35px;
text-align: center;
position: relative;
-webkit-box-shadow: 0px 0px 36px 0px rgba(213, 210, 210, 0.56);
box-shadow: 0px 0px 36px 0px rgba(213, 210, 210, 0.56);
margin: 20px 0;
}
.testimonial-style-one .testimonial-slider-one .client-caption-box:before {
content: '';
width: 100%;
height: 1px;
position: absolute;
bottom: 0;
left:0;
z-index: 1;
}
.testimonial-style-one .testimonial-slider-one .client-caption-box:hover:before {height: 3px;}
.testimonial-style-one .testimonial-slider-one .client-caption-box .image {
width: 90px;
height: 90px;
border-radius: 50%;
overflow: hidden;
border: 1px solid #e0dfdf;
margin: 0 auto;
}
.testimonial-style-one .testimonial-slider-one .client-caption-box p {font-size: 18px;line-height: 36px;margin: 22px 0 30px 0;}
.testimonial-style-one .testimonial-slider-one .client-caption-box h6 {margin-bottom: 10px;}
.testimonial-style-one .testimonial-slider-one .client-caption-box span {font-weight: 600;}
.testimonial-slider-one .item {padding: 0 15px;}
.testimonial-style-one .theme-title {margin-bottom: 50px;}
/*------------------------ Theme Counter -----------------------*/
.theme-counter {margin: 90px 0 110px 0;}
.theme-counter .theme-title {margin-bottom: 40px;}
.theme-counter .single-box {text-align: center;margin-top: 50px;}
.theme-counter .single-box .number {font-size: 45px;}
.theme-counter .single-box p {font-weight: 600;text-transform: uppercase;line-height: 30px;margin-top: 18px;}
/*---------------------- Contact US -------------------*/
.contact-us-section {margin-bottom: 70px;}
.contact-us-section .half-figure {width: 50%;position: relative;}
.contact-us-section .half-figure .map-canvas {height: 100%;width: 100%;}
.si-content {text-align: center;width: 200px;}
.si-has-border .si-content-wrapper {border: none;}
.si-shadow-wrapper-top {opacity: 0;}
.contact-us-section .our-map .title {
position: absolute;
width: 100%;
left: 0;
top:45px;
}
.contact-us-section .our-map .title h2,
.contact-us-section .contact-us .wrapper {max-width: 585px;}
.contact-us-section .our-map .title h2 {font-size: 42px;line-height: 65px;padding-right: 55px;}
.contact-us-section .our-map .title h2 span {display: inline-block;position: relative;}
.contact-us-section .our-map .title h2 span:before {
content: '';
width: 100%;
height: 3px;
position: absolute;
bottom: 15px;
left:0;
}
.contact-us-section .contact-us {background: url(../images/home/map-bg.png) no-repeat right center;}
.contact-us-section .contact-us .opacity {height: 100%;}
.contact-us-section .contact-us .wrapper {padding:40px 0 0 65px;}
.contact-us-section .contact-us form input[type="text"],
.contact-us-section .contact-us form input[type="email"],
.contact-us-section .contact-us form textarea {
width: 100%;
padding: 0;
border: none;
border-bottom:1px solid #d7d4d4;
font-size: 18px;
height: 50px;
margin-bottom: 30px;
background: transparent;
}
.contact-us-section .contact-us form input[type="submit"] {
width: 185px;
line-height: 45px;
color: #fff;
font-size: 18px;
font-weight: 600;
border: none;
}
.contact-us-section .contact-us form input[type="submit"]:hover {background: #212121;}
.contact-us-section .contact-us form textarea {margin-top: 60px;resize:none;}
.contact-us-section .contact-us form ::-webkit-input-placeholder {color: rgba(255,255,255,0.7);}
.contact-us-section .contact-us form :-moz-placeholder {color: rgba(255,255,255,0.7); }
.contact-us-section .contact-us form ::-moz-placeholder { color: rgba(255,255,255,0.7); }
.contact-us-section .contact-us form :-ms-input-placeholder { color: rgba(255,255,255,0.7); }
.contact-us-section .contact-us form input[type="text"],
.contact-us-section .contact-us form input[type="email"],
.contact-us-section .contact-us form textarea {color: rgba(255,255,255,0.7);}
.contact-us-section .contact-us form.form-one input[type="text"],
.contact-us-section .contact-us form.form-one input[type="email"],
.contact-us-section .contact-us form.form-one textarea {border-bottom-color: #fcb9c8;}
/*----- Form color blue -----*/
.contact-us-section .contact-us form.form-two input[type="text"],
.contact-us-section .contact-us form.form-two input[type="email"],
.contact-us-section .contact-us form.form-two textarea {border-bottom-color: #707dff;}
.contact-us-section .contact-us form.form-two input[type="submit"] {background: #fff;}
.contact-us-section .contact-us form.form-two input[type="submit"]:hover {color: #fff;background:#212121; }
/*----- Form color Grey -----*/
.contact-us-section .contact-us .opacity.grey-bg {background:#f7f7f7;}
.contact-us-section .contact-us .grey-bg form ::-webkit-input-placeholder {color: rgba(0,0,0,0.7);}
.contact-us-section .contact-us .grey-bg form :-moz-placeholder {color: rgba(0,0,0,0.7); }
.contact-us-section .contact-us .grey-bg form ::-moz-placeholder { color: rgba(0,0,0,0.7); }
.contact-us-section .contact-us .grey-bg form :-ms-input-placeholder { color: rgba(0,0,0,0.7); }
.contact-us-section .contact-us .grey-bg form input[type="text"],
.contact-us-section .contact-us .grey-bg form input[type="email"],
.contact-us-section .contact-us .grey-bg form textarea {color: rgba(0,0,0,0.7);}
.contact-us-section .contact-us .grey-bg form.form-two input[type="text"],
.contact-us-section .contact-us .grey-bg form.form-two input[type="email"],
.contact-us-section .contact-us .grey-bg form.form-two textarea {border-bottom-color: #d7d4d4;}
.contact-us-section .contact-us .white-bg.grey-bg {background: #fff;}
/*======================== Contact Address ==================*/
.contact-address {padding-bottom: 50px;}
.contact-address .address-box {text-align: center;padding: 30px 0 38px 0;margin-bottom: 30px;}
.contact-address .address-box.color-one {border:6px solid #003366;}
.contact-address .address-box.color-two {border:6px solid #003366;}
.contact-address .address-box.color-three {border:6px solid #003366;}
.contact-address .address-box i {font-size: 60px;color: #3e4ffa;display: block;margin-bottom: 15px;}
.contact-address .address-box p {
font-family: 'Poppins', sans-serif;
font-weight: 500;
font-size: 18px;
line-height: 40px;
color: #003366;
}
/*======================= Form Validation ===================*/
.alert-wrapper {
display: none;
position: fixed;
width: 100%;
height:100%;
background: rgba(0,0,0,0.6);
top: 0;
left: 0;
z-index: 9999999;
}
#success,#error {
position: relative;
width:500px;
height: 100px;
top: calc(50% - 50px);
left:calc(50% - 250px);
background: rgba(0,0,0,0.8);
text-align: center;
}
#success .wrapper,#error .wrapper {
display: table;
width:100%;
height: 100%;
}
#success .wrapper p,#error .wrapper p{
display: table-cell;
vertical-align: middle;
letter-spacing: 1px;
}
#success p {color: #26ace3;}
#error p {color: #C9182B;}
#error button,
#success button {
color:#fff;
width:40px;
height:40px;
line-height: 20px;
background: transparent;
border-radius: 50%;
position: absolute;
top: -20px;
right: -20px;
font-size: 20px;
}
.form-validation label.error {display: none !important;}
.form-validation input.error,.form-validation textarea.error {border:none;border-bottom:1px solid #f03838 !important;}
/*---------------------- Help Banner -------------------*/
.help-banner {background: #f7f7f7;padding: 40px 0 25px 0;margin-top: 50px; border-top:4px solid #003366;}
.help-banner p {
font-size: 18px;
border-left-width: 2px;
border-left-style: solid;
padding: 10px 0 10px 25px;
}
.help-banner .phone {
font-family: 'Poppins', sans-serif;
font-size: 31px;
font-weight: 600;
color: #101010;
display: block;
line-height: 22px;
margin-bottom: 40px;
}
/*----------------------- Footer ---------------------*/
.footer-bg-image {background: url(../images/home/footer.jpg) no-repeat center;background-size: cover;}
.theme-footer.footer-dark-bg {background:#003366;}
.theme-footer .main-wrapper {padding: 50px 0 50px 0;}
.theme-footer .footer-top-content .footer-logo .call a {
font-family: 'Poppins', sans-serif;
font-weight: 600;
font-size: 20px;
color: #fff;
margin: 85px 0 35px 0;
}
.theme-footer .footer-top-content .footer-logo p {
font-family: 'Poppins', sans-serif;
line-height: 33px;
color: #fff;
}
.theme-footer .footer-top-content .footer-list-item ul li a {
font-size: 18px;
color: #fff;
margin-bottom: 10px;
}
.theme-footer .footer-top-content .footer-newsletter h5 {
font-family: 'Source Sans Pro', sans-serif;
font-weight: 600;
font-size: 25px;
line-height: 35px;
color: #fff;
}
.theme-footer .footer-top-content .footer-newsletter form input {
width: 100%;
border: none;
height: 50px;
background: #fff;
border: none;
padding: 0 15px;
margin: 45px 0 20px 0;
}
.theme-footer .bottom-footer {background: #a35ed4;padding: 30px 0;position: relative;overflow: hidden;z-index: 9;}
.theme-footer .bottom-footer.bottom-footer-dark {background: #002951;}
.theme-footer .bottom-footer.bottom-footer-dark:before {background: #002951;}
.theme-footer .bottom-footer .copyright {font-size: 18px;color: #dedede;}
.theme-footer .bottom-footer .policy li {display: inline-block;}
.theme-footer .bottom-footer .policy li a {
color: #dedede;
font-size: 18px;
margin: 0 15px;
}
.theme-footer .bottom-footer .social-icon {text-align: right;}
.theme-footer .bottom-footer .social-icon li {display: inline-block;}
.theme-footer .bottom-footer .social-icon li a {
font-size: 25px;
color: #fff;
margin-left: 35px;
}
.theme-footer .bottom-footer:before {
content: '';
position: absolute;
width: 40%;
height: 100%;
top:0;
right: 0;
z-index: -1;
}
.theme-footer.text-color-dark .footer-top-content .footer-list-item ul li a {color: #fff;}
.theme-footer.footer-dark-bg .footer-top-content .footer-newsletter form input {background: #313131;color: #fff;}
.theme-footer.white-bg .footer-top-content .footer-newsletter form input {background: #f7f7f7;}
.theme-footer.white-bg .footer-top-content .footer-logo .call a,
.theme-footer.white-bg .footer-top-content .footer-logo p,
.theme-footer.white-bg .footer-top-content .footer-newsletter h5 {color: #101010;}
.theme-footer.grey-bg {background: #f8f7f7;}
.theme-footer.grey-bg .footer-top-content .footer-newsletter form input {border:1px solid rgba(0,0,0,0.05);}
/*--------------------- Partner Logo Section One ----------------------*/
.partent-logo-section-one {padding: 90px 0 120px 0;}
.partent-logo-section-one .item img {margin: 0 auto;}
/*----------------- Contact Management -----------------*/
.contact-management-section .single-box {
text-align: center;
padding: 35px 10px 80px 10px;
position: relative;
}
.contact-management-section .single-box i {font-size: 55px;color: #fff;}
.contact-management-section .single-box h5 {margin-top:50px;position: relative;z-index: 9; }
.contact-management-section .single-box h5:hover a {color: #fff;}
.contact-management-section .single-box .number {
font-family: 'Poppins', sans-serif;
font-weight: 600;
font-size: 80px;
position: absolute;
width: 100%;
left:0;
bottom: 30px;
}
.contact-management-section .single-box.color-one {background: #ff4266;}
.contact-management-section .single-box.color-two {background: #3e4ffa;}
.contact-management-section .single-box.color-three {background: #fe277d;}
.contact-management-section .single-box.color-one .number {color: #ef3e60;}
.contact-management-section .single-box.color-two .number {color: #3c4bea;}
.contact-management-section .single-box.color-three .number {color: #ed2977;}
.contact-management-section.style-two {margin-top: 120px;}
.contact-management-section.style-two .single-box {
-webkit-box-shadow: 0px 0px 21px 0px rgba(56, 56, 56, 0.16);
box-shadow: 0px 0px 21px 0px rgba(56, 56, 56, 0.16);
background: #fff;
padding-bottom: 40px;
}
.contact-management-section.style-two .single-box img {margin: 0 auto;}
.contact-management-section.style-two .single-box .number {color: #f8f8f8;bottom: 95px;}
.contact-management-section.style-two .single-box .view-more {
font-size: 18px;
color: #101010;
margin-top: 80px;
}
.contact-management-section.style-two .single-box .view-more i {font-size: 11px;vertical-align: 2px;margin-right: 10px;}
/*------------------------ Digital Specialists ----------------*/
.digital-specialist.space-fix {margin: 40px 0;}
.digital-specialist {position: relative;}
.digital-specialist p {
font-size: 18px;
line-height: 36px;
margin: 15px 0 15px 0;
}
.digital-specialist:before {
content: '';
width: 48%;
height: 100%;
position: absolute;
top:0;
right: 0;
}
.digital-specialist.half-image-one:before {background: url(../images/home/9.jpg) no-repeat center;}
.digital-specialist.half-image-two:before {background: url(../images/home/14.jpg) no-repeat center;right: auto;left:0;}
.digital-specialist .discover {font-weight: 600;font-size: 20px;color: #101010;margin-bottom: 35px;}
.digital-specialist .discover i {
width: 75px;
height: 75px;
line-height: 65px;
border-radius: 50%;
border-style: solid;
border-width: 5px;
text-align: center;
color: #b4b1b4;
margin-right: 18px;
}
.digital-specialist .discover:hover i {color: #fff;}
/*---------------------- Pricing Table -------------------*/
.pricing-table .main-bg-wrapper {background: #f7f7f7;padding: 85px 0 60px 0;margin: 60px 0 140px 0;}
.pricing-table .pricing-tab-switch h3 {font-size: 29px;line-height: 42px;font-weight: 500;margin-bottom: 45px;}
.pricing-table .pricing-tab-switch .nav-tabs li {float: none;display: inline-block;margin: 0 5px 0 0;}
.pricing-table .pricing-tab-switch.text-center {margin-bottom: 85px;}
.pricing-table .pricing-tab-switch .nav-tabs li a {
width: 165px;
line-height: 43px;
border-width: 1px;
border-style: solid;
border-radius: 22px;
font-size: 18px;
font-weight: 600;
text-align: center;
margin: 0;
background: transparent;
padding: 0;
}
.pricing-table .pricing-tab-switch .nav-tabs > li.active > a,
.pricing-table .pricing-tab-switch .nav-tabs > li.active > a:hover,
.pricing-table .pricing-tab-switch .nav-tabs > li.active > a:focus {color: #fff;}
.pricing-table .pricing-tab-switch .nav-tabs {border: none;}
.pricing-table .single-figure {
background: #fff;
overflow: hidden;
padding: 0 0 55px 0;
position: relative;
margin-bottom: 40px;
}
.pricing-table .single-figure .package-name {
text-align: center;
padding: 95px 0 0 0;
}
.pricing-table .single-figure .package-name h3 {text-transform: uppercase;font-size: 25px;}
.pricing-table .single-figure .package-name .price {
color: #101010;
font-family: 'Poppins', sans-serif;
font-size: 35px;
font-weight: 600;
}
.pricing-table .single-figure .package-feature {padding: 35px 20px 45px 70px;position: relative;z-index: 99;}
.pricing-table .single-figure .package-feature p {font-size: 18px;line-height: 35px;}
.pricing-table .single-figure .package-feature ul li {font-size: 18px;line-height: 35px; position: relative;padding-left: 25px;}
.pricing-table .single-figure .package-feature ul li:before {
content: 'ï‚©';
font-family: 'font-awesome';
position: absolute;
left:0;
top:1px;
font-size: 16px;
}
.pricing-table .single-figure .get-package {
width: 220px;
line-height: 43px;
text-align: center;
display: block;
margin: 0 auto;
font-size: 18px;
font-weight: 600;
border-radius: 22px;
border-width: 1px;
border-style: solid;
color: #fff;
}
.pricing-table .single-figure:hover .get-package {background: #fff;}
.pricing-table.style-one .single-figure:hover .package-name h3,.pricing-table.style-one .single-figure:hover .package-name .price,
.pricing-table.style-one .single-figure:hover .package-feature ul li,.pricing-table.style-one .single-figure:hover .package-feature ul li:before,
.pricing-table.style-one .single-figure:hover .package-feature p {color: #fff;}
.pricing-table .single-figure:before {
content: '';
width: 430px;
height: 185px;
background: #f7f7f7;
border-radius: 50%;
position: absolute;
top: -24%;
left: -30px;
}
.pricing-table.style-two .pricing-tab-switch h3 {margin-top: 70px;}
.pricing-table .pricing-tab-switch p {
font-size: 18px;
line-height: 36px;
margin: 78px 0 45px 0;
}
.pricing-table .pricing-tab-switch .all-price-details {
font-size: 18px;
font-weight: 600;
text-transform: uppercase;
color: #101010;
}
.pricing-table.style-two .single-figure .get-package:hover,
.pricing-table.style-three .single-figure .get-package:hover {color: #fff;}
.pricing-table.style-three {margin: 100px 0 0 0;}
.pricing-table.style-three .single-figure:before {display: none;}
.pricing-table.style-three .single-figure .package-name {padding: 35px 0 65px 0;}
.pricing-table.style-three .single-figure .package-name .price {color: #fff;}
.pricing-table.style-three .single-figure .package-name h3 {text-transform: capitalize;}
.pricing-table.style-three .single-figure .package-feature:before {
content: '';
width: 430px;
height: 185px;
background: #fff;
border-radius: 50%;
position: absolute;
top: -16%;
left: -30px;
z-index: -1;
}
/*------------------------ Our News ---------------------*/
.our-news {margin-bottom: 120px;}
.our-news .theme-title-three span {position: relative;-webkit-transform:none;transform:none;left:auto;}
.our-news .theme-title-three {padding: 0;}
.our-news .box-layout-wrapper {max-width: 1650px;margin: 0 auto;padding: 0 40px;}
.our-news .single-news {margin-bottom: 40px;}
.our-news .single-news .image-box {position: relative;overflow: hidden;}
.our-news .single-news .image-box img {width: 100%;}
.our-news .single-news:hover .image-box img {-webkit-transform:scale3D(1.1,1.1,1);transform:scale3D(1.1,1.1,1);}
.our-news .single-news .image-box .text {position: absolute;width: 100%;bottom: 0;left:0;}
.our-news .single-news .text {padding: 22px 30px;margin-top: 2px;}
.our-news .single-news .text a {
display: block;
text-align: center;
color: #fff;
font-weight: 500;
font-size: 18px;
line-height: 30px;
}
.our-news .single-news .text.color-one {background: rgba(161,169,7,0.87);}
.our-news .single-news .text.color-two {background: rgba(62,79,250,0.87);}
.our-news .single-news .text.color-three {background: rgba(18,215,25,0.87);}
.our-news .single-news .text.color-four {background: rgba(254,39,125,0.87);}
/*------------------ Testimonial Style two -------------------*/
.testimonial-style-two {margin: 120px 0 140px 0;}
.testimonial-style-two .main-slider-wrapper .section-half {width: 50%;float: left;position: relative;}
.testimonial-style-two .main-slider-wrapper .testimonial-text.dark-bg {background: #1f1a1a;}
.testimonial-style-two .main-slider-wrapper .testimonial-text.grey-bg {background: #f6f6f6;}
.testimonial-style-two .main-slider-wrapper .testimonial-text {padding: 100px 0 60px 0;}
.testimonial-style-two .main-slider-wrapper .testimonial-text .wrapper {max-width: 585px;padding-right: 65px;float: right;}
.testimonial-style-two .main-slider-wrapper .testimonial-text .wrapper .item p {font-size: 18px;line-height: 34px;margin-bottom: 70px;}
.testimonial-style-two .main-slider-wrapper .testimonial-text .wrapper .name h4,
.testimonial-style-two .main-slider-wrapper .testimonial-text .wrapper .item p,
.testimonial-style-two .main-slider-wrapper .testimonial-text .wrapper .name span {color: #fff;}
.testimonial-style-two .main-slider-wrapper .testimonial-text .wrapper .name h4 {margin-bottom: 10px;}
.testimonial-style-two .main-slider-wrapper .testimonial-text .wrapper .name {
padding: 18px 0 18px 30px;
margin-left: 25px;
border-left-width: 1px;
border-left-style: solid;
}
.testimonial-style-two .main-slider-wrapper .testimonial-text .wrapper .name img {margin-top: 12px;}
.testimonial-style-two .main-slider-wrapper .testimonial-text .wrapper .client-image {
width: 90px;
height: 90px;
border-radius: 50%;
margin: 30px 0 0 60px;
}
.testimonial-style-two .owl-theme .owl-dots .owl-dot span {
width: 20px;
height: 6px;
padding: 0;
border-radius: 0;
background: #312b2b;
margin: 0 5px;
}
.testimonial-style-two .owl-theme .owl-dots .owl-dot.active span {width: 38px;height: 2px;}
.owl-theme .owl-nav {margin: 0;}
.testimonial-style-two .owl-theme .owl-dots {position: absolute;right: 40%;bottom: 10px;}
.testimonial-style-two .video-playback {height: 544px;text-align: center;}
.testimonial-style-two .video-playback .opacity {background: rgba(12,12,12,0.55);height: 100%;}
.testimonial-style-two .video-playback.bg-one {
background: url(../images/home/13.jpg) no-repeat center center;
background-size: cover;
}
.testimonial-style-two .video-playback.bg-two {
background: url(../images/home/16.jpg) no-repeat center center;
background-size: cover;
}
.testimonial-style-two .video-playback .play-button {
display: block;
width: 90px;
height: 90px;
border: 8px solid #8f8d8d;
border-radius: 50%;
line-height: 74px;
text-align: center;
font-size: 30px;
color: #fff;
background:#c4c4c4;
margin: 0 auto;
position: relative;
top:50%;
-webkit-transform:translateY(-50%);
transform:translateY(-50%);
}
.testimonial-style-two .video-playback .play-button:hover {border-color: #fff;}
.testimonial-style-two .main-slider-wrapper .testimonial-text.grey-bg .wrapper .name h4,
.testimonial-style-two .main-slider-wrapper .testimonial-text.grey-bg .wrapper .item p,
.testimonial-style-two .main-slider-wrapper .testimonial-text.grey-bg .wrapper .name span {color: #2c2727;}
.testimonial-style-two .grey-bg .owl-theme .owl-dots .owl-dot span {background: #dfdede;}
/*------------------------ Inner Banner ----------------------*/
.theme-inner-banner {margin-bottom: 70px;}
.theme-inner-banner .opacity {background: rgba(0,51,102,0.7);padding: 200px 0 0 0;}
.theme-inner-banner .theme-title-one:before {width: 100px;height: 2px;}
.theme-inner-banner .theme-title-one h2 {font-size: 50px;color: #fff;}
.theme-inner-banner .theme-title-one {padding-top: 38px;}
.theme-inner-banner .theme-title-one p {
font-family: 'Poppins', sans-serif;
font-size: 20px;
line-height: 38px;
color: #fff;
margin: 30px 0 160px 0;
}
.theme-inner-banner ul {text-align: center;}
.theme-inner-banner ul li {
font-family: 'Poppins', sans-serif;
display: inline-block;
color: #fff;
margin: 0 2px;
}
.theme-inner-banner ul li a {color: #fff;}
.theme-inner-banner .wrapper {position: relative;padding-bottom: 45px;}
.theme-inner-banner .wrapper .theme-button-one {position: absolute;right: 0;bottom: 0;}
/*--------------- Service Details --------------- */
.service-details {margin-bottom: 70px;}
.service-details .social-icon {text-align: right;margin-top: 30px;}
.service-details .social-icon li {display: inline-block;text-align: center;}
.service-details .social-icon li a {
width: 42px;
height: 58px;
line-height: 58px;
border-radius: 21px;
color: #4f4f4f;
background: #ebebeb;
margin-left: 15px;
font-size: 18px;
}
.service-details .social-icon li a:hover {color: #fff;}
.service-details .details-text-wrapper p {
font-size: 18px;
line-height: 36px;
margin: 45px 0 50px 0;
}
.service-details .service-feature {padding-top: 35px;}
.service-details .service-feature .feature-box {
height: 112px;
line-height: 112px;
text-align: center;
color: #fff;
border-radius: 45px;
font-size: 55px;
margin-bottom: 20px;
}
.service-details .service-feature .feature-box.color-one {background: #fda5b6;}
.service-details .service-feature .feature-box.color-two {background: #00dbaa;}
.service-details .service-feature .feature-box.color-three {background: #3e50fa;}
.service-details .service-feature .feature-box.color-four {background: #fdb3f7;}
.service-details .service-feature h6 {line-height: 30px;text-align: center;color: #4f4f4f;font-weight: 500}
.service-details .service-feature .theme-button-one {border-radius: 30px;}
.service-details .service-feature ul li {
font-weight: 600;
font-size: 18px;
line-height: 30px;
color: #4f4f4f;
padding: 0 0 35px 45px;
position: relative;
}
.service-details .service-feature ul li:before {
content: '';
width: 16px;
height: 16px;
border-radius: 50%;
position: absolute;
top:7px;
left: 10px;
}
.service-details .service-feature ul li:nth-child(1):before {background: #fda5b6;}
.service-details .service-feature ul li:nth-child(2):before {background: #00dbaa;}
.service-details .service-feature ul li:nth-child(3):before {background: #3e50fa;}
.service-details .service-feature ul li:nth-child(4):before {background: #fdb3f7;}
.service-details .service-feature ul li:nth-child(5):before {background: #f97794;}
.service-details .virtual-sales h6 {
text-transform: uppercase;
color: #4f4f4f;
position: relative;
padding-bottom: 15px;
font-weight: 500;
margin-bottom: 55px;
}
.service-details .virtual-sales h6:before {
content: '';
width: 58px;
height: 2px;
position: absolute;
left:0;
bottom:0;
}
.service-details .virtual-sales {padding: 10px 0 10px 0;}
.service-details .virtual-sales ul li {
float: left;
width: 50%;
position: relative;
padding-left: 25px;
font-size: 18px;
color: #4f4f4f;
font-weight: 600;
margin-bottom: 25px;
}
.service-details .virtual-sales ul li:before {
content: '';
position: absolute;
width: 16px;
height: 16px;
border-radius: 50%;
top:6px;
left:0;
}
.theme-comment-box {padding-bottom: 40px;}
.theme-comment-box .single-comment .image-box {
width: 100px;
height: 100px;
border-radius: 50%;
overflow: hidden;
border:1px solid #e2e0e0;
float: left;
}
.theme-comment-box .single-comment .comment {
float: left;
width: calc(100% - 100px);
padding-left: 35px;
}
.theme-comment-box .single-comment .comment .commnet-text {
border: 1px solid #e8e6e6;
border-radius: 45px;
padding: 35px 100px 30px 60px;
position: relative;
}
.theme-comment-box .single-comment .comment .commnet-text h6 {
font-family: 'Source Sans Pro', sans-serif;
margin-bottom: 10px;
}
.theme-comment-box .single-comment .comment .commnet-text p {margin-top: 25px;}
.theme-comment-box .single-comment .comment .commnet-text img {
position: absolute;
top:35px;
right: 100px;
}
.theme-comment-box .single-comment {margin-bottom: 50px;}
.reply-comment form {padding-top: 60px;}
.reply-comment form input {
width: 100%;
border: 1px solid #e8e6e6;
border-radius: 30px;
padding: 0 30px;
margin-bottom: 50px;
height: 55px;
}
.reply-comment form textarea {
width: 100%;
border: 1px solid #e8e6e6;
border-radius: 30px;
padding: 30px;
margin-bottom: 55px;
height: 250px;
max-width: 100%;
max-height: 250px;
resize:none;
}
.reply-comment form button {
font-family: 'Poppins', sans-serif;
width: 240px;
line-height: 55px;
color: #fff;
font-weight: 500;
border-radius: 30px;
}
.reply-comment form button:hover {background: #252525;}
/*----------------- Our Gallery ----------------*/
.our-gallery {margin-bottom: 110px;}
.our-gallery .container {position: relative;}
.our-gallery .shadow-text {
font-family: 'Source Sans Pro', sans-serif;
font-weight: 700;
top:38px;
left:-100px;
}
.our-gallery .theme-title-one {margin-bottom: 100px;}
#mixitUp-item .mix {display: none;}
.mixitUp-menu {text-align: center;margin-bottom: 85px;}
.mixitUp-menu li {
font-family: 'Poppins', sans-serif;
display: inline-block;
font-size: 18px;
color: #333333;
margin: 5px 10px;
padding-bottom: 12px;
position: relative;
cursor: pointer;
}
.mixitUp-menu li:before {
content: '';
width: 0;
height: 2px;
position: absolute;
bottom: 0;
left: -12px;
}
.mixitUp-menu li.active:before {width: 100%;}
.gallery-wrapper .single-portfolio-item .image-box {position: relative;overflow: hidden;}
.gallery-wrapper .single-portfolio-item .image-box img {
width: 100%;
-webkit-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
-webkit-transform:scale3D(1.1,1.1,1);
transform:scale3D(1.1,1.1,1);
}
.gallery-wrapper .single-portfolio-item:hover .image-box img {
-webkit-transform:scale3D(1,1,1);
transform:scale3D(1,1,1);
}
.gallery-wrapper .single-portfolio-item .image-box .overlay {
position: absolute;
top:0;
left:0;
right: 0;
bottom: 0;
opacity: 0;
-webkit-transform:scale(0.5);
transform:scale(0.5);
}
.gallery-wrapper .single-portfolio-item:hover .image-box .overlay {
opacity: 1;
-webkit-transform:scale(1);
transform:scale(1);
}
.gallery-wrapper .single-portfolio-item .image-box .overlay.color-one {background: rgba(249,119,148,0.9);}
.gallery-wrapper .single-portfolio-item .image-box .overlay.color-two {background: rgba(62,80,250,0.8);}
.gallery-wrapper .single-portfolio-item .image-box .overlay.color-three {background: rgba(2,2,2,0.75);}
.gallery-wrapper .single-portfolio-item .image-box .overlay .zoom-view {
position: absolute;
top:25px;
right: 25px;
color: #fff;
font-size: 25px;
}
.gallery-wrapper .single-portfolio-item .image-box .overlay .text {
position: absolute;
width: 100%;
left:0;
bottom: 50px;
text-align: center;
}
.gallery-wrapper .single-portfolio-item .image-box .overlay .text h6 a,
.gallery-wrapper .single-portfolio-item .image-box .overlay .text span {color: #fff;}
.gallery-wrapper .single-portfolio-item .image-box .overlay .text h6 a {
font-weight: 500;
margin-bottom: 20px;
}
.gallery-wrapper .single-portfolio-item {margin-bottom: 30px;}
.gallery-wrapper .view-more {
display: block;
width: 207px;
line-height: 51px;
border: 2px solid #e7e7e7;
margin: 70px auto 0 auto;
font-family: 'Poppins', sans-serif;
font-size: 18px;
font-weight: 500;
text-align: center;
}
.gallery-wrapper .view-more:hover {color: #fff;}
.our-gallery .box-layout {
max-width: 1920px;
margin: 0 auto;
padding: 0 75px;
}
.our-gallery .full-width {
max-width: 1920px;
margin: 0 auto;
}
.our-gallery.gallery-v4 .theme-title-one p {margin-right: auto;margin-left: auto;}
.our-gallery.gallery-v4 .shadow-text {
left:50%;
-webkit-transform:translateX(-50%);
transform:translateX(-50%);
}
.gallery-v4 .gallery-wrapper .single-portfolio-item .image-box .overlay {
top:100px;
bottom: 100px;
max-width: 570px;
left:50%;
min-width: 500px;
-webkit-transform:translateX(-50%);
transform:translateX(-50%);
}
/*------------------- Gallery Details -----------------*/
.gallery-details .container {position: relative;}
.gallery-details .shadow-text {
font-family: 'Source Sans Pro', sans-serif;
font-weight: 700;
top:0;
}
.gallery-details .theme-title-one {margin-bottom: 65px;}
.gallery-details .main-content-wrapper {margin: 80px 0 120px 0;}
.gallery-details .main-content-wrapper .img-box {margin-bottom: 60px;}
.gallery-details .main-content-wrapper h6 {
font-family: 'Source Sans Pro', sans-serif;
font-size: 21px;
line-height: 36px;
padding-bottom: 70px;
}
.gallery-details .main-content-wrapper .project-information {padding-bottom: 110px;}
.gallery-details .main-content-wrapper .project-information h5 {
font-family: 'Source Sans Pro', sans-serif;
font-weight: 500;
position: relative;
font-size: 21px;
line-height: 36px;
padding-bottom: 8px;
}
.gallery-details .main-content-wrapper .project-information h5:before {
content: '';
width: 56px;
height: 3px;
position: absolute;
bottom: 0;
left:0;
}
.gallery-details .main-content-wrapper .project-information p {margin: 32px 0 30px 0;}
.gallery-details .main-content-wrapper .project-information ul{position: relative;}
.gallery-details .main-content-wrapper .project-information ul li {margin-bottom: 20px;}
.gallery-details .main-content-wrapper .project-information ul li:last-child {margin: 0;}
.gallery-details .main-content-wrapper .project-information ul li b {color: #101010;width: 30%;display: inline-block;}
.gallery-details .main-content-wrapper .project-information ul:before {
content: '';
position: absolute;
width: 1px;
height: 95%;
top:7px;
left:-20px;
}
.page-pagination {padding-top: 50px;}
.page-pagination li a {
display: block;
width: 207px;
line-height: 51px;
border: 2px solid #f1f1f1;
margin: 20px 0 0 0;
font-family: 'Poppins', sans-serif;
font-size: 18px;
font-weight: 500;
text-align: center;
}
.page-pagination li a:hover {color: #fff;}
/*-------------------- Our Blog -------------------*/
.blog-page {padding-bottom: 110px;}
.single-blog-post h2 {line-height: 50px;margin-bottom: 50px;}
.single-blog-post .img-box {overflow: hidden;}
.single-blog-post .img-box img {
width: 100%;
-webkit-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.single-blog-post:hover .img-box img {
-webkit-transform:scale3D(1.1,1.1,1);
transform:scale3D(1.1,1.1,1);
}
.single-blog-post .post-info li {display: inline-block;margin: 10px 10px 0 0;}
.single-blog-post .post-info li a {font-size: 18px;color: #101010;}
.single-blog-post .post-info {padding: 40px 0 40px 0;}
.single-blog-post p {font-size: 18px;line-height: 36px;}
.single-blog-post .read-more {margin-top: 20px;border-bottom-color: transparent;}
.our-blog .single-blog-post {padding-bottom: 60px;border-bottom: 1px solid rgba(0,0,0,0.05);margin-bottom: 50px;}
.our-blog .single-blog-post.no-border {border: none;margin-bottom: 0;padding-bottom: 15px;}
.blog-sidebar .sidebar-search {position: relative;}
.blog-sidebar .sidebar-search input {
width: 100%;
border: none;
border-bottom: 1px solid rgba(0,0,0,0.07);
padding:0 22px 15px 0;
}
.blog-sidebar .sidebar-search button {
position: absolute;
top:0;
bottom: 0;
right: 0;
background: transparent;
width: 20px;
}
.blog-sidebar h4 {
display: inline-block;
position: relative;
font-weight: 500;
margin: 60px 0 50px 0;
}
.blog-sidebar h4:before {
content: '';
width: 100%;
height: 5px;
background: #aafbe1;
position: absolute;
bottom: 0;
left:0;
z-index: -1;
}
.blog-sidebar .blog-list ul li a {
font-size: 18px;
color: #656565;
margin-bottom: 25px;
}
.blog-sidebar .blog-list ul li a:hover {padding-left: 12px;}
.blog-sidebar .blog-list ul li a i {margin-right: 20px;}
.blog-sidebar .sidebar-latest-post li a {
font-weight: 600;
font-size: 18px;
line-height: 30px;
color: #101010;
margin: 6px 0 35px 0;
}
.blog-sidebar .sidebar-email-update input {
width: 100%;
height: 50px;
border: 1px solid #e6e6e6;
padding: 0 15px 0 20px;
margin-bottom: 20px;
}
.blog-sidebar .sidebar-email-update button {
width: 124px;
height: 50px;
font-weight: 600;
color: #fff;
}
/*----------------------- Blog Details -----------------*/
.blog-details .single-blog-post .mark-text {
font-family: 'Poppins', sans-serif;
font-size: 18px;
line-height: 36px;
color: #2b2b2b;
position: relative;
margin: 50px 0 30px 0;
}
.blog-details .single-blog-post .mark-text:before {
content: '';
width: 100%;
height: 16px;
position: absolute;
background: #aafbe1;
top:6px;
left:0;
z-index: -1;
}
.blog-details .single-blog-post h6 {
font-family: 'Source Sans Pro', sans-serif;
font-size: 18px;
font-weight: normal;
line-height: 36px;
margin: 30px 0 30px 0;
}
.blog-details .tag-option {margin: 22px 0 150px 0;}
.blog-details .tag-option ul li {
display: inline-block;
font-size: 18px;
color: #151515;
line-height: 35px;
margin-top: 30px;
font-weight: 600;
}
.blog-details .tag-option ul li a {
font-weight: normal;
color: #b6b5b5;
margin-left: 15px;
vertical-align: middle;
}
.blog-details .tag-option ul.float-left li a {margin: 0;}
.blog-details .page-pagination {padding-top: 100px;}
/*----------------------- Shop Page ---------------------*/
.shop-page {padding-bottom: 140px;}
.shop-sidebar .search {height: 45px;position: relative;}
.shop-sidebar .search input {
width: 100%;
height: 100%;
background: #eeeeee;
border: none;
padding: 0 102px 0 10px;
font-style: italic;
font-size: 15px;
}
.shop-sidebar .search button {
position: absolute;
width: 100px;
height: 100%;
top:0;
right: 0;
color: #fff;
background: #3e50fa;
}
.shop-sidebar h4 {
position: relative;
font-size: 20px;
font-weight: 500;
padding-bottom: 15px;
margin-bottom: 30px;
}
.shop-sidebar h4:before {
content: '';
position: absolute;
bottom: 0;
left:0;
width: 85px;
height: 2px;
background: #3e50fa;
}
.shop-sidebar .sidebar-shop-categories {margin: 60px 0;}
.shop-sidebar .sidebar-shop-categories ul li a {
font-family: 'Poppins', sans-serif;
font-weight: 500;
color: #888787;
display: block;
margin-bottom: 15px;
}
.shop-sidebar .shop-popular-product ul li img {width: 100px;}
.shop-sidebar .shop-popular-product ul li .name {
width: calc(100% - 100px);
padding-left: 20px;
}
.shop-sidebar .shop-popular-product ul li .name h6 a {
font-weight: 500;
color: #242222;
display: block;
margin: 13px 0;
}
.shop-sidebar .shop-popular-product ul li .name strong {font-weight: 600;color: #3e50fa;display: block;font-size: 18px;}
.shop-sidebar .shop-popular-product ul li {margin-bottom: 30px;}
.shop-product .single-product .image {overflow: hidden;}
.shop-product .single-product .image img {
-webkit-transition:all 0.5s ease-in-out;
transition:all 0.5s ease-in-out;
width: 100%;
}
.shop-product .single-product:hover .image img {
-webkit-transform:scale3D(1.1,1.1,1);
transform:scale3D(1.1,1.1,1);
}
.shop-product .single-product .info {
border: 1px solid #f3f3f3;
border-top: none;
text-align: center;
padding: 32px 0 35px 0;
margin-bottom: 30px;
}
.shop-product .single-product .info h6 a {display: block;font-weight: 500;}
.shop-product .single-product .info strong {
font-family: 'Poppins', sans-serif;
font-weight: 600;
display: block;
color: #242222;
font-size: 18px;
margin: 12px 0 15px 0;
}
.shop-product .single-product .info>a {
width: 130px;
line-height: 40px;
font-size: 15px;
color: #fff;
font-weight: 600;
text-transform: uppercase;
background: #3e50fa;
}
.shop-pagination {text-align: center;margin-top: 20px;}
.shop-pagination li {display: inline-block;vertical-align: middle;}
.shop-pagination li a {
width: 45px;
height: 45px;
line-height: 45px;
border-radius: 50%;
font-size: 20px;
color: #fff;
margin: 0 4px;
background: #3e50fa;
}
.shop-pagination li:last-child a {font-size: 12px;margin-left: 12px;}
.shop-details .single-product-details img {width: 54%;}
.shop-details .single-product-details .product-order-details {
width: 46%;
padding-left: 30px;
}
.shop-details .single-product-details .product-order-details h3 {font-size: 30px;}
.shop-details .single-product-details .product-order-details .price li {
font-family: 'Poppins', sans-serif;
font-weight: 600;
display: inline-block;
vertical-align: middle;
padding: 10px 0;
}
.shop-details .single-product-details .product-order-details .price li:first-child {
font-weight: 500;
font-size: 32px;
color: #3e50fa;
}
.shop-details .single-product-details .product-order-details .price li:nth-child(2) {
font-weight: 500;
font-size: 24px;
color: rgba(36,34,34,0.7);
margin: 0 12px 0 30px;
}
.shop-details .single-product-details .product-order-details .price li:nth-child(3) {
font-size: 14px;
}
.shop-details .single-product-details .product-order-details .price {margin: 16px 0 3px 0;}
.shop-details .single-product-details .product-order-details .rating li {
display: inline-block;
margin-right: 3px;
color: #f86227;
}
.shop-details .single-product-details .product-order-details .rating {margin: 20px 0 30px 0;}
.shop-details .single-product-details .product-order-details .clearfix ul li {
display: inline-block;
vertical-align: middle;
}
.shop-details .single-product-details .product-order-details .clearfix ul li button {
width: 70px;
height: 40px;
color: #fff;
font-size: 18px;
}
.shop-details .single-product-details .product-order-details .clearfix ul li input {
height: 40px;
border: none;
padding: 0;
background: #eeeded;
text-align: center;
font-size: 18px;
margin: 0 2px;
font-weight: 600;
}
.shop-details .single-product-details .product-order-details .clearfix a {
width: 130px;
line-height: 40px;
text-align: center;
font-weight: 600;
background: #3e50fa;
text-transform: uppercase;
color: #fff;
}
.shop-details .single-product-details .product-order-details .clearfix {margin-top: 60px;}
.shop-details .review-tab {margin: 80px 0 100px 0;}
.shop-details .review-tab .nav-tabs > li {margin: 0;}
.shop-details .review-tab .nav-tabs > li > a {
line-height: 60px;
font-weight: 600;
font-size: 22px;
color: #242222;
border: none;
padding: 0 55px;
background: #eaede8;
border-radius: 0;
}
.shop-details .review-tab .nav-tabs {border: none; margin: 0 0 40px 0;}
.shop-details .review-tab .nav-tabs > li.active > a,
.shop-details .review-tab .nav-tabs > li.active > a:hover,
.shop-details .review-tab .nav-tabs > li.active > a:focus {color: #fff;background: #3e50fa;}
.shop-details .review-tab .tab-pane p {
font-size: 18px;
line-height: 35px;
}
.shop-details .review-tab .tab-pane h4 {margin-bottom: 40px;}
.shop-details .review-tab .tab-pane ul li {
line-height: 45px;
font-size: 18px;
}
.shop-details .related-product h4 {
position: relative;
font-size: 22px;
padding-bottom: 20px;
margin-bottom: 50px;
}
.shop-details .related-product h4:before {
content: '';
position: absolute;
bottom: 0;
left:0;
width: 85px;
height: 2px;
background: #3e50fa;
}
.shop-details .related-product .item {margin: 0 15px;}
/*===================== FAQ ======================*/
.faq-page {padding-bottom: 120px;}
.faq-page .faq-title h4 {font-size: 24px;font-weight: 500;}
.faq-page .faq-title p {
font-weight: 600;
line-height: 36px;
font-size: 18px;
margin: 35px 0 65px 0;
}
.faq .faq-panel .panel-group .panel-heading {
padding: 0;
border:none;
border-radius: 0;
background: #f3f3f3;
}
.faq .faq-panel .panel-group .panel-heading a {
font-size: 16px;
color:#171616;
font-weight: 500;
padding: 18px 45px 18px 30px;
position: relative;
display: block;
text-transform: uppercase;
}
.faq .faq-panel .panel-group .panel-heading a:before {
content: 'ï‚«';
font-family: 'font-awesome';
font-size: 18px;
color:#615b5b;
position: absolute;
right:18px;
top:0;
line-height: 52px;
}
.faq .faq-panel .panel-group .panel-heading.active-panel a:before {content: '';}
.faq .faq-panel .panel-group .panel-heading + .panel-collapse > .panel-body {
border:none;
padding: 40px 40px 20px 0;
}
.faq .faq-panel .panel-group .panel {
border:none;
-webkit-box-shadow: none;
box-shadow: none;
border-radius: 0;
margin-bottom: 17px;
}
.faq .wrapper {padding-left: 40px;}
/*--------------------- Testimonial Showcase ---------------------*/
.testimonial-showcase .shadow-text {
font-family: 'Source Sans Pro', sans-serif;
font-weight: 700;
top: 38px;
left: -100px;
}
.testimonial-showcase .theme-title-one {margin-bottom: 140px;}
.testimonial-section .title {font-weight: 500;margin-bottom: 60px;text-align: center;}
.testimonial-showcase .testimonial-section {margin-bottom: 140px;}
.testimonial-section .testimonial-style-two .main-slider-wrapper .testimonial-text .wrapper {
padding: 0;
float: none;
width: 46%;
margin: 0 auto;
max-width: 100%;
}
.testimonial-section .testimonial-style-two .main-slider-wrapper .testimonial-text .wrapper .item p {text-align: center;}
.testimonial-section .testimonial-style-two .main-slider-wrapper .testimonial-text .wrapper .client-info {margin-left: 100px;}
.testimonial-section .testimonial-style-two .main-slider-wrapper .testimonial-text .wrapper .client-image {margin-left: 168px;}
.testimonial-section .testimonial-style-two .owl-theme .owl-dots {right: 20%;}
.testimonial-slider-three .single-slide-wrapper {padding-top: 50px;text-align: center;}
.testimonial-slider-three .single-slide-wrapper .main-wrapper {
border: 1px solid #f1f0ef;
padding: 65px 30px 75px 30px;
position: relative;
}
.testimonial-slider-three .single-slide-wrapper .main-wrapper h5 {font-weight: 500;margin-bottom: 8px;}
.testimonial-slider-three .single-slide-wrapper .main-wrapper span {font-weight: 600;}
.testimonial-slider-three .single-slide-wrapper .main-wrapper p {font-size: 18px;margin-top: 40px;}
.testimonial-slider-three .single-slide-wrapper .main-wrapper .image {
position: absolute;
top:0;
left:50%;
z-index: 9;
-webkit-transform:translate(-50%,-50%);
transform:translate(-50%,-50%);
}
.testimonial-slider-three .item {margin: 0 15px;}
/*--------------------- Team Showcase ---------------------*/
.team-showcase .shadow-text {
font-family: 'Source Sans Pro', sans-serif;
font-weight: 700;
top: 38px;
left: -100px;
}
.team-showcase .theme-title-one {margin-bottom: 140px;}
.team-section .title {font-weight: 500;margin-bottom: 60px;}
.team-showcase .team-section {margin-bottom: 140px;}
.team-style-one .single-member .image {position: relative;overflow: hidden;}
.team-style-one .single-member .image img,
.team-style-two .single-member .image img {width: 100%;}
.team-style-one .single-member .image .round-image {border-radius: 50%;margin: 0 auto 20px auto;}
.team-style-one .single-member .image .tag {
font-family: 'Poppins', sans-serif;
position: absolute;
color: #fff;
font-size: 18px;
line-height: 44px;
padding: 0 26px;
bottom: 50px;
right: -51px;
-webkit-transform:rotate(-90deg);
transform:rotate(-90deg);
opacity: 0;
}
.team-style-one .single-member:hover .image .tag {opacity: 1;}
.team-style-one .single-member .text {
background: #f5f5f5;
padding: 28px 20px 30px 20px;
text-align: center;
border-bottom-width: 1px;
border-bottom-style: solid;
}
.team-style-one .single-member .text.bg-white {background: #fff;}
.team-style-one .single-member:hover .text.bg-white h5 {color: #fff;}
.team-style-one .single-member:hover .text.bg-white p {color: rgba(255,255,255,0.7);}
.team-style-one .single-member .text h5 {font-weight: 500;}
.team-style-one .single-member .text p {line-height: 26px;margin: 15px 0 15px 0;}
.team-style-one .single-member .text ul li {display: inline-block;}
.team-style-one .single-member .text ul li a {
width: 50px;
height: 50px;
line-height: 50px;
background: #d1cfcf;
color: #fff;
border-radius: 50%;
margin: 0 5px;
}
.team-style-one .single-member:hover .text.bg-white ul li a {background: #d95f7a;}
.team-style-one .single-member .text.bg-white ul li a:hover {background: #fff;}
.team-slider .item {margin:0 15px;}
.team-style-two .single-member .text {
padding: 28px 20px 30px 20px;
text-align: center;
border-left-width: 1px;
border-left-style: solid;
}
.team-style-two .single-member .text h5 {font-weight: 500;}
.team-style-two .single-member .text p {line-height: 26px;margin: 28px 0 15px 0;}
.team-style-two .single-member .text ul li {display: inline-block;}
.team-style-two .single-member .text ul li a {
width: 35px;
height: 35px;
line-height: 35px;
border:1px solid #f6f0f0;
color: #6f6f6f;
margin: 0 5px;
}
.team-style-two .single-member:hover .text h5,
.team-style-two .single-member:hover .text p,
.team-style-two .single-member:hover .text ul li a {color: #fff;}
.team-style-two .single-member:hover .text ul li a {border-color: #fff;}
/*--------------------- Pricing Showcase ---------------------*/
.pricing-showcase .shadow-text {
font-family: 'Source Sans Pro', sans-serif;
font-weight: 700;
top: 38px;
left: -100px;
}
.pricing-showcase .theme-title-one {margin-bottom: 140px;}
.pricing-section .title {font-weight: 500;margin-bottom: 60px;text-align: center;}
.pricing-showcase .pricing-section {margin-bottom: 140px;}