| Server IP : 144.76.124.212 / Your IP : 216.73.216.138 Web Server : LiteSpeed System : Linux l4cp.vnetindia.com 4.18.0-553.40.1.lve.el8.x86_64 #1 SMP Wed Feb 12 18:54:57 UTC 2025 x86_64 User : rakcha ( 1356) PHP Version : 7.4.33 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : OFF | Pkexec : OFF Directory : /home5/rakcha/www/cssb/ |
Upload File : |
/***************************************************************************************************************
|||||||||||||||||||||||||| MASTER STYLESHEET FOR CONSULTIVE |||||||||||||||||||||||||||||||||||||||
****************************************************************************************************************
|||||||||||||||||||||||||| TABLE OF CONTENT |||||||||||||||||||||||||||||||||||||||
****************************************************************************************************************
****************************************************************************************************************
01. Imported styles
02. Flaticon reset styles
03. Header styles
04. Mainmenu styles
05. Rev_slider_wrapper styles
66. Call to action area Style
07. Categories area style
08. Fact counter area style
09. Latest Blog area style
10. Latest blog area style
11. Testimonial area style
12. Brand area style
13. Single service style
14. Pricing table area style
15. About page style
16. Account page style
17. 404 page style style
18. Blog page style
19. Blog single style
20. Team page style
21. Shop page style style
22. Shop with sidebar Style
23. Shop single Style
24. Cart page style style
25. Contact page style
****************************************************************************************************************
|||||||||||||||||||||||||||| End TABLE OF CONTENT ||||||||||||||||||||||||||||||||||||
****************************************************************************************************************/
/* Imported styles */
@import url('https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700');
@import url('https://fonts.googleapis.com/css?family=Hind:300,400,500,600,700');
@import url(imp.css);
@import url(bootstrap.min.css);
@import url(font-awesome.min.css);
@import url(hover.css);
@import url(jquery.bxslider.css);
@import url(owl.carousel.css);
@import url(owl.theme.default.min.css);
@import url(animate.css);
@import url(jquery.bootstrap-touchspin.css);
@import url('jquery.fancybox.css');
@import url('prettyPhoto.css');
/*** Flaticon css ***/
@import url(../fonts/flaticon/flaticon.css);
/*** Price filter***/
@import url(../assets/price-filter/nouislider.css);
@import url(../assets/price-filter/nouislider.pips.css);
/*** single shop slide ***/
@import url(flexslider.css);
/*** Time picker css ***/
@import url(../assets/timepicker/timePicker.css);
/*** Jquery ui css ***/
@import url(../assets/jquery-ui-1.11.4/jquery-ui.css);
/*** Revolution slider ***/
@import url(../assets/revolution/css/settings.css);
@import url(../assets/revolution/css/layers.css);
@import url(../assets/revolution/css/navigation.css);
/*** Bootstrap select picker css ***/
@import url(../assets/bootstrap-sl-1.12.1/bootstrap-select.css);
/*** Language Switcher ***/
@import url(../assets/language-switcher/polyglot-language-switcher.css);
/*==============================================
Base Css
===============================================*/
html,
body { height: 100% }
body {
font-family: 'Hind', sans-serif;
font-size: 16px;
color: #848484;
line-height: 26px;
font-weight: 300;
}
button:focus{
outline: none;
}
h1, h2, h3, h4, h5, h6 {
font-family: 'Poppins', sans-serif;
margin: 0;
}
h3 {
color: #222222;
font-size: 20px;
font-weight: 400;
}
.loginuser {
line-height: normal;
border: 1px solid rgba(247, 247, 247, 0.20);
padding: 0;
text-align: center;
}
.float_left {
float: left;
}
.float_right {
float: right;
}
h4 {
}
a,
a:hover,
a:active,
a:focus {
transition: all 0.5s ease 0s;
text-decoration: none;
outline: none;
color: #fff;
}
img {
max-width: 100%;
height: auto;
}
i {
font-style: normal;
}
ul,
li {
list-style: none;
margin: 0;
padding: 0;
}
.sec-padding{
padding: 70px 0;
}
button{
border: none;
background: transparent;
}
.thm-btn {
font-size: 14px;
font-weight: 600;
text-transform: uppercase;
display: inline-block;
border-radius: 50px;
transition: all 0.3s ease-in-out;
padding: 11px 35px 9px;
font-family: 'Poppins', sans-serif;
}
.bgclr-1{
border: 2px solid #45c4e9;
background-color: #45c4e9;
color: #ffffff;
}
.thm-btn:hover{
background-color: #fff;
color: #45c4e9;
border-color: #45c4e9;
}
.sec-title {
margin-top: -3px;
padding-bottom: 41px;
position: relative;
}
.sec-title.pdb-50{
padding-bottom: 50px;
}
.sec-title.pdb-30{
padding-bottom: 30px;
}
.sec-title h1 {
color: #222222;
font-size: 32px;
font-weight: 400;
line-height: 36px;
text-transform: none;
margin: 0 0 16px;
}
.sec-title h2 {
color: #ffffff;
font-size: 24px;
font-weight: 400;
line-height: 36px;
text-transform: none;
margin: 0 0 16px;
}
.sec-title .border-center {
width: 200px;
height: 1px;
background: #f4f4f4;
display: block;
margin: 0 auto;
position: relative;
}
.sec-title .border-center:before{
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
width: 70px;
height: 1px;
background: #45c4e9;
content: "";
margin: 0 auto;
}
.sec-title p {
color: #848484;
font-size: 18px;
font-weight: 300;
margin: 25px 0 0;
line-height: 26px;
padding: 0 190px;
}
.sec-title .border {
width: 100%;
height: 1px;
background: #f4f4f4;
display: block;
position: relative;
}
.sec-title .border:before{
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
width: 70px;
height: 1px;
background: #45c4e9;
content: "";
}
.boxed_wrapper {
background: #fff none repeat scroll 0 0;
position: relative;
margin: 0 auto;
width: 100%;
min-width: 320px;
min-height: 400px;
overflow: hidden;
}
/*________________Preloader_______________ */
.preloader{
position:fixed;
left:0px;
top:0px;
width:100%;
height:100%;
z-index:999999999999;
background-color:rgba(255,255,255,1);
background-position:center center;
background-repeat:no-repeat;
background-image:url(../images/icon/preloader.gif);
}
/* Update Mainmenu area Style */
@-webkit-keyframes menu_sticky {
0% {margin-top:-150px;}
50% {margin-top: -130px;}
100% {margin-top: 0;}
}
@keyframes menu_sticky {
0% {margin-top:-150px;}
50% {margin-top: -130px;}
100% {margin-top: 0;}
}
.mainmenu-area.stricky-fixed {
position: fixed;
top: 0;
left: 0;
margin: 0;
width: 100%;
z-index: 10000;
background: #F7F7F7;
z-index: 99999;
-webkit-animation-name: menu_sticky;
animation-name: menu_sticky;
-webkit-animation-duration: 0.60s;
animation-duration: 0.60s;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
/* Scroll To Top styles */
.scroll-to-top {
background: transparent;
border: 1px solid #45c4e9;
bottom: 25px;
color: #45c4e9;
cursor: pointer;
display: none;
font-size: 30px;
font-weight: normal;
height: 45px;
line-height: 48px;
position: fixed;
right: 15px;
text-align: center;
transition: all 500ms ease 0s;
width: 45px;
z-index: 99999;
-webkit-box-shadow: 0px 8px 23px -6px rgba(27,27,27,1);
-moz-box-shadow: 0px 8px 23px -6px rgba(27,27,27,1);
box-shadow: 0px 8px 23px -6px rgba(27,27,27,1);
}
.scroll-to-top:hover {
background: #45c4e9;
color: #fff;
}
/*Form validation styles */
input:focus,
textarea:focus,
select:focus {
border-color: #43c3ea;
outline: none;
}
/* Post pagination styles */
.post-pagination li {
display: inline-block;
margin: 0 3px;
}
.post-pagination li a {
background: #fff none repeat scroll 0 0;
border: 2px solid #f4f4f4;
color: #252525;
display: block;
font-size: 18px;
font-weight: 600;
height: 55px;
padding: 14px 0;
transition: all 500ms ease 0s;
width: 55px;
font-family: 'Poppins', sans-serif;
border-radius: 50%;
}
.post-pagination li.active a, .post-pagination li:hover a {
background: #45c4e9;
color: #fff;
border: 2px solid #45c4e9;
}
/* Overlay styles */
.overlay-style-one{
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
padding:0px;
color:#ffffff;
opacity:0;
background: rgba(72, 196, 233, 0.9);
-webkit-transform: perspective(400px) rotateX(-90deg);
-moz-transform: perspective(400px) rotateX(-90deg);
-ms-transform: perspective(400px) rotateX(-90deg);
-o-transform: perspective(400px) rotateX(-90deg);
transform: perspective(400px) rotateX(-90deg);
-webkit-transform-origin: top;
-moz-transform-origin: top;
-ms-transform-origin: top;
-o-transform-origin: top;
transform-origin: top;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.overlay-style-one .box{
display: table;
height: 100%;
width: 100%;
}
.overlay-style-one .box .content{
display: table-cell;
text-align: center;
vertical-align: middle;
}
.review-box {}
.review-box ul {
margin-left: -1px;
margin-right: -1px;
}
.review-box ul li {
display: inline-block;
margin: 0 1px;
}
.review-box ul li i {
color: #45c4e9;
font-size: 12px;
}
/***
=============================================
Top bar area style
=============================================
***/
.top-bar-area {
position: relative;
line-height: 50px;
z-index: 999;
background: #707070;
padding: 9px 0 8px;
}
.top-contact-info {
overflow: hidden;
}
.top-contact-info li {
display: inline-block;
float: left;
margin-right: 30px;
color: #ffffff;
line-height: 32px;
}
.top-contact-info li:last-child{
margin: 0;
}
.top-contact-info li span:before {
color: #45c4e9;
font-size: 18px;
line-height: 18px;
display: inline-block;
padding-right: 8px;
}
.top-bar-area .top-right {
float: right;
}
.top-bar-area .top-right h5 {
display: inline-block;
float: left;
font-size: 16px;
font-weight: 300;
color: #ffffff;
font-family: 'Hind', sans-serif;
text-transform: capitalize;
margin: 8px 0;
}
.top-bar-area .top-right .social-links {
overflow: hidden;
float: left;
padding-left: 20px;
padding-right: 30px;
margin: 8px 0;
}
.top-bar-area .top-right .social-links li {
display: inline-block;
float: left;
margin-right: 20px;
line-height: 16px;
}
.top-bar-area .top-right .social-links li:last-child {
margin: 0px;
}
.top-bar-area .top-right .social-links li a i {
color: #fff;
font-size: 14px;
transition: all 500ms ease;
}
.top-bar-area .top-right .social-links li a:hover i{
color: #45c4e9;
}
/*==============================================
Mainmenu Area Css
===============================================*/
.mainmenu-area {
position: relative;
z-index: 99;
background: #f7f7f7;
}
.mainmenu-area .mainmenu-bg{
background: #f7f7f7;
}
.mainmenu-area .logo {
display: inline-block;
padding-right: 40px;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 30px;
}
.mainmenu-area .logo a {
display: inline-block;
max-width: 60px;
}
.main-menu {
float: left;
position: relative;
}
.main-menu .navbar-collapse {
padding: 0px
}
.main-menu .navigation {
float: left;
margin: 0;
position: relative;
}
.main-menu .navigation li {
display: inline-block;
float: left;
}
.main-menu .navigation li a {
color: #222222;
display: block;
font-size: 14px;
font-weight: 600;
line-height: 20px;
opacity: 1;
padding: 29px 18px 9px;
position: relative;
text-transform: uppercase;
transition: all 500ms ease 0s;
font-family: 'Poppins', sans-serif;
}
.main-menu .navigation > li:hover > a,
.main-menu .navigation > li.current > a {
color: #45c4e9;
}
.main-menu .navigation > li.dropdown > a {}
.main-menu .navigation > li.dropdown > a:after {}
.main-menu .navigation > li > a:before{
position: absolute;
bottom: 0px;
left: 0;
width: 0%;
height: 3px;
background: #48c7ec;
content: "";
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.main-menu .navigation > li:hover a:before,
.main-menu .navigation > li.current a:before{
width: 100%;
}
.main-menu .navigation > li > ul {
position: absolute;
left: 0px;
top: 130%;
width: 250px;
padding: 0px;
z-index: 100;
visibility: hidden;
opacity: 0;
z-index: 99;
transition: all 500ms ease;
border-top: 10px solid transparent;
border-bottom: 3px solid #45c4e9;
}
.main-menu .navigation > li:hover > ul {
top: 100%;
opacity: 1;
visibility: visible;
}
.main-menu .navigation > li > ul > li {
clear: both;
width: 100%;
position: relative;
border-bottom: 1px solid #f4f4f4;
}
.main-menu .navigation > li > ul > li:last-child{
border-bottom: 0px solid #f4f4f4;
}
.main-menu .navigation > li > ul > li > a {
width: 100%;
background: #ffffff;
padding: 13px 15px 11px 48px;
color: #222222;
font-size: 14px;
font-weight: 400;
text-transform: capitalize;
display: block;
float: left;
clear: both;
position: relative;
outline: 0;
transition: padding .2s linear;
transition: all 500ms ease;
font-family: 'Poppins', sans-serif;
}
.main-menu .navigation > li > ul > li > a:before {
position: absolute;
left: 30px;
top: 13px;
font-size: 10px;
color: #d6d6d6;
content: "\f192";
font-family: FontAwesome;
-webkit-transition: .5s ease;
transition: .5s ease;
}
.main-menu .navigation > li > ul > li:hover > a {
color: #45c4e9;
background: #f7f7f7;
}
.main-menu .navigation > li > ul > li:hover > a:before{
color: #45c4e9;
}
.main-menu .navigation > li > ul > li.dropdown > a:after{}
.main-menu .navigation > li > ul > li.dropdown:hover > a:after{}
.main-menu .navigation > li > ul > li > ul{}
.main-menu .navigation > li > ul li:hover ul {}
.main-menu .navigation > li > ul > li ul li {}
.main-menu .navigation > li > ul > li ul li:first-child{}
.main-menu .navigation > li > ul > li ul li a{ }
.main-menu .navigation > li > ul > li > ul > li:hover > a{}
.main-menu .navbar-collapse > ul li.dropdown .dropdown-btn {
position: absolute;
right: 10px;
top: 6px;
width: 34px;
height: 30px;
border: 1px solid #ffffff;
background: url(../images/icon/submenu-icon.png) center center no-repeat;
background-size: 20px;
cursor: pointer;
z-index: 5;
display: none;
border-radius: 3px;
-webkit-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
-moz-border-radius: 3px;
}
.outer-search-box {
float: left;
height: 40px;
width: 40px;
margin: 25px 0;
margin-right: 10px;
border-left: 1px solid #efeded;
}
.outer-search-box .seach-toggle {
background: transparent;
color: #222222;
cursor: pointer;
display: block;
font-size: 15px;
line-height: 20px;
margin: 0;
padding: 10px 0px;
position: relative;
text-align: center;
transition: all 500ms ease;
}
.outer-search-box .seach-toggle:hover,
.outer-search-box .seach-toggle.active{
background:#48c7ec;
color: #fff;
}
.search-box {
background: #45c4e9;
border-top: 1px dashed #3BB1D3;
opacity: 0;
padding: 20px;
position: absolute;
right: 15px;
top: 150%;
transition: all 500ms ease 0s;
visibility: hidden;
}
.search-box.now-visible{
top:100%;
opacity:1;
visibility:visible;
}
.search-box .form-group{
position:relative;
padding:0px;
margin:0px;
width:100%;
min-width:250px;
}
.search-box .form-group input[type="search"] {
background: #ffffff none repeat scroll 0 0;
border: 1px solid #222222;
color: #000;
display: block;
font-size: 13px;
line-height: 24px;
position: relative;
transition: all 500ms ease 0s;
width: 100%;
height: 40px;
padding-left: 15px;
padding-right: 50px;
}
.search-box .form-group input[type="search"]:focus{
border-color:#0ba3d0;
}
.search-box .form-group button,
.search-box .form-group input[type="submit"] {
background: #222;
color: #fff;
cursor: pointer;
display: block;
font-size: 13px;
height: 40px;
line-height: 40px;
position: absolute;
right: 0;
top: 0;
width: 40px;
transition: all 500ms ease 0s;
}
.search-box .form-group button:hover,
.search-box .form-group input:focus + button{
color:#fff;
background: #0ba3d0;
}
.mainmenu-right-box {}
.mainmenu-area .quote-button {
float: right;
}
.mainmenu-area .quote-button a {
background: #45c4e9;
display: inline-block;
text-align: center;
color: #ffffff;
font-size: 14px;
font-weight: 600;
text-transform: uppercase;
line-height: 90px;
transition: all 500ms ease;
font-family: 'Poppins', sans-serif;
display: block;
padding: 0 20px;
}
.mainmenu-area .quote-button a:hover{
background: #1b1b1b;
}
/***
=============================================
Rev Slider Wrapper style
=============================================
***/
.rev_slider_wrapper {
/*margin-top: -140px;*/
}
.rev_slider_wrapper .slide-content-box h1 {
color: #ffffff;
font-size: 55px;
font-weight: 700;
line-height: 70px;
text-transform: none;
margin: 0 0 12px;
font-family: 'Poppins', sans-serif;
}
.rev_slider_wrapper .slide-content-box p{
font-size: 20px;
color: #f3f3f3;
font-weight: 500;
line-height: 26px;
margin: 0px 0 33px;
font-family: 'Hind', sans-serif;
}
.rev_slider_wrapper .slide-content-box .button a{
border: 2px solid #ffffff;
padding: 12px 28px 11px;
background: transparent;
color: #ffffff;
font-size: 14px;
font-weight: 600;
text-transform: uppercase;
font-family: 'Poppins', sans-serif;
margin-right: 16px;
}
.rev_slider_wrapper .slide-content-box .button a:hover{
background: #45c4e9;
border-color: #45c4e9;
}
.rev_slider_wrapper .slide-content-box .button a.btn-style-two{
background: #45c4e9;
border-color: #45c4e9;
}
.rev_slider_wrapper .slide-content-box .button a.btn-style-two:hover{
background: transparent;
}
.rev_slider_wrapper .slide-content-box.middle-slide h1{
text-align: center;
}
.rev_slider_wrapper .slide-content-box.middle-slide p{
text-align: center;
}
.rev_slider_wrapper .slide-content-box.middle-slide .button a{
}
.tparrows {
background: rgba(0, 0, 0, 0.03);
cursor: pointer;
display: block;
height: 50px;
position: absolute;
width: 50px;
z-index: 1000;
transition: all 500ms ease;
border-radius: 0;
border: 2px solid #ffffff;
}
.tparrows:before{
font-size:18px;
font-weight: 700;
color:#fff;
display:block;
line-height: 48px;
text-align: center;
transition: all 500ms ease;
}
.tparrows:hover{
background:#45c4e9;
border-color: #45c4e9;
}
.tparrows:hover:before{
color: #fff;
}
.rev_slider_wrapper .slotholder:before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
/*background: rgba(27, 48, 83, 0.80);*/
z-index: 9;
}
/***
=============================================
Welcome Area style
=============================================
***/
.welcome-area {
/* padding-top: 80px;*/
padding-bottom: 0px;
position: relative;
background: #ffffff;
overflow: hidden;
}
.single-service-item {
position: relative;
margin-bottom: 40px;
}
.single-service-item .img-holder{
display: block;
overflow: hidden;
position: relative;
}
.single-service-item .img-holder img{
-webkit-transition: all 0.7s ease;
transition: all 0.7s ease;
width: 100%;
}
.single-service-item:hover .img-holder img{
transform: scale(1.1);
}
.single-service-item .img-holder .overlay-style-one .box .content a i {
border: 2px solid #222222;
display: inline-block;
width: 40px;
height: 40px;
font-size: 15px;
color: #222222;
line-height: 38px;
transition: all 500ms ease;
}
.single-service-item:hover .img-holder .overlay-style-one{
opacity: 1;
-webkit-transform: perspective(400px) rotateX(0deg);
-moz-transform: perspective(400px) rotateX(0deg);
-ms-transform: perspective(400px) rotateX(0deg);
-o-transform: perspective(400px) rotateX(0deg);
transform: perspective(400px) rotateX(0deg);
}
.single-service-item .img-holder .overlay-style-one .box .content a:hover i{
background: #222222;
color: #fff;
border-color: #222222;
}
.single-service-item .text-holder {
margin-left: 20px;
margin-right: 20px;
border: 1px solid #f4f4f4;
position: relative;
top: -40px;
background: #fff;
display: block;
padding: 25px 15px 11px;
}
.single-service-item .text-holder:before {
width: 100%;
height: 3px;
position: absolute;
content: "";
background: #45c4e9;
left: 0;
top: -1px;
}
.single-service-item .text-holder:after {
width: 100%;
height: 3px;
position: absolute;
content: "";
background: #222222;
left: 0;
top: -1px;
transform: scaleX(0);
transition: .5s ease;
}
.single-service-item:hover .text-holder:after {
transform: scaleY(1);
transition: .5s ease;
}
.single-service-item .text-holder .title{
color: #222222;
font-size: 20px;
font-weight: 400;
line-height: 24px;
text-transform: capitalize;
margin: 0 0 12px;
transition: all 500ms ease;
}
.single-service-item .text-holder .title:hover{
color: #45c4e9;
}
.single-service-item .text-holder p{}
/***
=============================================
Service Area style
=============================================
***/
.service-area {
padding-top: 70px;
padding-bottom: 70px;
background: #f7f7f7;
overflow: hidden;
}
.service-area .sec-title .border{
background: #e9e9e9;
}
.service-area .servicecarousel .single-item {
border: 1px solid #e9e9e9;
padding: 4px;
}
.service-area .servicecarousel .single-item .icon-holder {
background: #ffffff;
display: block;
padding: 35px 0 32px;
position: relative;
z-index: 1;
}
.service-area .servicecarousel .single-item .icon-holder:before{
position: absolute;
top:0;
left: 0;
width: 100%;
height: 10%;
background: #45c4e9;
content: "";
z-index: -1;
opacity: 0;
transition: all 500ms ease;
}
.service-area .servicecarousel .single-item:hover .icon-holder:before{
height: 100%;
opacity: 1;
}
.service-area .servicecarousel .single-item .icon-holder span:before {
color: #222222;
font-size: 50px;
line-height: 50px;
transition: all 500ms ease;
}
.service-area .servicecarousel .single-item:hover .icon-holder span:before {
color: #fff;
transition-delay: 0.5s;
}
.service-area .servicecarousel .single-item .icon-holder h3 {
line-height: 26px;
margin: 15px 0 0;
transition: all 500ms ease;
}
.service-area .servicecarousel .single-item:hover .icon-holder h3{
color: #fff;
transition-delay: 0.5s;
}
.service-area .servicecarousel .single-item .text-holder {
margin: 24px 0 25px;
padding: 0 5px;
}
.service-area .servicecarousel .single-item .text-holder p {
margin: 0 0 16px;
}
.service-area .servicecarousel .single-item .text-holder a {
padding: 6px 25px 4px;
background: #f7f7f7;
border-color: #e9e9e9;
color: #222222;
}
.service-area .servicecarousel .single-item:hover .text-holder a{
background: #45c4e9;
border-color: #45c4e9;
color: #fff;
}
.service-area .owl-theme .owl-nav {
margin: 0;
padding: 0;
position: absolute;
bottom: 100%;
right: 0;
margin: 0;
margin-bottom: 60px;
}
.service-area .owl-theme .owl-nav [class*=owl-] {
margin: 0;
padding: 0;
background-color: transparent;
color: #202f35;
height: 40px;
width: 18px;
line-height: 36px;
text-align: center;
margin-left: 1px;
display: inline-block;
transition: color .3s ease;
}
.service-area .owl-theme .owl-nav [class*=owl-] i {
font-size: 20px;
font-weight: 700;
}
.service-area .owl-theme .owl-nav [class*=owl-]:hover {
color: #45c4e9;
transition: .5s ease;
}
/***
=============================================
about Area style
=============================================
***/
.about-area {
position: relative;
overflow: hidden;
}
.about-area .img-holder{}
.about-area .img-holder img{
width: 100%;
}
.about-area .text-holder{
}
.about-area .text-holder .top-text{
padding-bottom: 18px;
}
.about-area .text-holder .top-text h3 {
line-height: 32px;
margin: -6px 0 13px;
}
.about-area .text-holder .bottom-text {
margin: 0 0 20px;
}
.about-area .text-holder .bottom-text span {
color: #45c4e9;
font-size: 20px;
font-weight: 400;
}
.about-area .text-holder .bottom-text p{
margin-top: 16px;
}
.about-area .text-holder .bottom a.readmore {
float: left;
}
.about-area .text-holder .bottom .signature {
display: inline-block;
float: left;
padding-left: 30px;
}
.about-area .promotion-box {
overflow: hidden;
padding-top: 50px;
}
.about-area .promotion-box .singel-box {
border: 1px solid #f4f4f4;
display: block;
padding: 25px 20px 15px;
transition: all 500ms ease;
}
.about-area .promotion-box .singel-box:hover{
border-color: #45c4e9;
}
.about-area .promotion-box .singel-box .top {
padding-left: 60px;
position: relative;
padding-bottom: 17px;
}
.about-area .promotion-box .singel-box .top .icon-holder {
position: absolute;
top: 0;
left: 0;
}
.about-area .promotion-box .singel-box .top .icon-holder span:before {
font-size: 35px;
color: #45c4e9;
line-height: 35px;
}
.about-area .promotion-box .singel-box .top .title-holder {}
.about-area .promotion-box .singel-box .top .title-holder h3 {
line-height: 35px;
}
/***
=============================================
Testimonial Area style
=============================================
***/
.testimonial-area {
background: #45c4e9;
padding: 62px 0 57px;
}
.testimonial-area .single-item {
position: relative;
overflow: hidden;
text-align: center;
max-width: 750px;
margin: 0 auto;
}
.testimonial-area .single-item .text-box {
overflow: hidden;
margin: 0;
}
.testimonial-area .single-item .text-box p{
color: #f7f7f7;
font-size: 30px;
font-weight: 300;
margin: 0 0 14px;
line-height: 40px;
}
.testimonial-area .single-item .text-box .border{
background: rgba(255, 255, 255, 0.15);
width: 70px;
height: 1px;
display: inline-block;
}
.testimonial-area .single-item .client-info {
overflow: hidden;
position: relative;
padding-top: 31px;
}
.testimonial-area .single-item .client-info h3{
color: #ffffff;
margin: 0 0 3px;
}
.testimonial-area .single-item .client-info span{
color: #ffffff;
font-size: 16px;
font-weight: 300;
}
.testimonial-area .owl-dots {
position: relative;
margin-top: 36px;
}
.testimonial-area .owl-dots .owl-dot{
background-image:none;
width: 13px;
height: 13px;
margin: 5px 7px;
border: 2px solid #fff;
padding:0px;
background: transparent;
border-radius:50%;
-webkit-border-radius:50%;
-ms-border-radius:50%;
-o-border-radius:50%;
-moz-border-radius:50%;
transition: all 500ms ease;
display: inline-block;
}
.testimonial-area .owl-dots .owl-dot span{
display:none;
}
.testimonial-area .owl-dots .owl-dot.active{
background:#ffffff;
border-radius: 15px;
}
.testimonial-area .owl-dots .owl-dot:hover{
background: #fff;
}
/***
=======================================================
consultation area style
=======================================================
***/
.consultations-area {
position: relative;
background: #222222;
}
.consultations-area .contact-info .sec-title {
padding-bottom: 24px;
}
.consultations-area .contact-info .sec-title h2 {
margin: 0 0 15px;
}
.consultations-area .contact-info .sec-title .border{
background: #1f1f1f;
}
.consultations-area .contact-info {
padding: 33px 30px 14px;
background: #2b2b2b;
display: block;
}
.consultations-area .contact-info .text{}
.consultations-area .contact-info .text p{
margin: 0;
}
.consultations-area .contact-info ul {
margin: 15px 0 0;
}
.consultations-area .contact-info li{
position:relative;
padding-left: 35px;
margin-bottom: 17px;
line-height:24px;
color: #f4f4f4;
}
.consultations-area .contact-info li span {
position:absolute;
left:0px;
top:0px;
line-height:24px;
font-size: 16px;
color: #45c4e9;
}
.consultations-area .request-form{ }
.consultations-area .request-form .sec-title h1{
color: #ffffff;
}
.consultations-area .request-form .sec-title .border{
background: #2a2a2a;
}
.consultations-area .request-form input[type="text"],
.consultations-area .request-form input[type="email"],
.consultations-area .request-form select{
width: 100%;
border: 2px solid #2f2f2f;
background: #222222;
height: 50px;
margin-bottom: 30px;
display: block;
padding: 0 15px;
font-size: 16px;
font-weight: 300;
font-family: 'Hind', sans-serif;
transition: all 500ms ease;
}
.consultations-area .request-form input:focus{
border-color: #45c4e9;
}
.consultations-area .request-form button {
display: inline-block;
float: left;
}
.consultations-area .request-form .text {
display: inline-block;
float: left;
padding-left: 30px;
margin: 12px 0;
}
.consultations-area .request-form .text p {
margin: 0;
color: #ffffff;
}
.consultations-area .request-form .text p i{
display: inline-block;
padding-right: 10px;
color: #45c4e9;
}
/***
=============================================
Latest blog area style
=============================================
***/
.latest-blog-area {
position: relative;
overflow: hidden;
}
.single-blog-item{
position: relative;
overflow: hidden;
display: block;
}
.single-blog-item .img-holder{
display: block;
overflow: hidden;
position: relative;
}
.single-blog-item .img-holder img {
transform: scale(1.1, 1.1);
transition: all 0.5s ease 0s;
width: 100%;
}
.single-blog-item .img-holder .overlay-style-one .box .content a i {
border: 2px solid #222222;
display: inline-block;
width: 40px;
height: 40px;
font-size: 15px;
color: #222222;
line-height: 38px;
transition: all 500ms ease;
}
.single-blog-item:hover .img-holder .overlay-style-one{
opacity: 1;
-webkit-transform: perspective(400px) rotateX(0deg);
-moz-transform: perspective(400px) rotateX(0deg);
-ms-transform: perspective(400px) rotateX(0deg);
-o-transform: perspective(400px) rotateX(0deg);
transform: perspective(400px) rotateX(0deg);
}
.single-blog-item:hover .img-holder img {
transform: scale(1, 1);
}
.single-blog-item .img-holder .overlay-style-one .box .content a:hover i{
background: #222222;
color: #fff;
border-color: #222222;
}
.single-blog-item .img-holder .post-date {
position: absolute;
right: 10px;
top: 10px;
background: #45c4e9;
width: 55px;
height: 55px;
display: block;
padding: 8px 10px;
transform: translate3d(0px, 0px, 0px);
transition: all 500ms ease;
transition-delay: 0.5s;
}
.single-blog-item:hover .img-holder .post-date{
transform: translate3d(0px, -65px, 0px);
transition: all 500ms ease;
transition-delay: 0.5s;
}
.single-blog-item .img-holder .post-date h5{
color: #ffffff;
font-size: 14px;
font-weight: 400;
line-height: 20px;
text-align: center;
}
.single-blog-item .text-holder {
border-left: 1px solid #f4f4f4;
border-right: 1px solid #f4f4f4;
border-bottom: 1px solid #f4f4f4;
padding-left: 20px;
padding-right: 20px;
padding-bottom: 10px;
transition: all 500ms ease;
}
.single-blog-item .text-holder .meta-info {
overflow: hidden;
padding-top: 30px;
}
.single-blog-item .text-holder .meta-info li {
display: inline-block;
float: left;
line-height: 16px;
border-right: 1px solid #ababab;
padding-right: 10px;
margin-right: 10px;
}
.single-blog-item .text-holder .meta-info li:last-child{
margin-right: 0;
padding-right: 0;
border-right: none;
}
.single-blog-item .text-holder .meta-info li a{
color: #ababab;
font-size: 16px;
font-weight: 300;
font-family: 'Hind', sans-serif;
}
.single-blog-item .text-holder .meta-info li a:hover{
color: #45c4e9;
}
.single-blog-item .text-holder .blog-title {
color: #222222;
font-size: 18px;
font-weight: 400;
line-height: 26px;
padding: 10px 0 5px;
display: block;
transition: all 500ms ease;
}
.single-blog-item .text-holder .blog-title:hover{
color: #45c4e9;
}
.single-blog-item .text-holder .text {
}
.single-blog-item .text-holder .text p {
margin: 0;
}
.single-blog-item .text-holder .bottom {
overflow: hidden;
border-top: 1px solid #f7f7f7;
margin-top: 21px;
padding-top: 14px;
}
.single-blog-item .text-holder .bottom .left a{
color: #222222;
font-size: 16px;
font-weight: 400;
text-transform: capitalize;
font-family: 'Poppins', sans-serif;
transition: all 500ms ease;
padding-left: 5px;
}
.single-blog-item .text-holder .bottom .left a:hover{
color: #45c4e9;
}
.single-blog-item .text-holder .bottom .right h5 {
color: #222222;
font-size: 16px;
font-weight: 400;
line-height: 26px;
padding-right: 5px;
}
.single-blog-item .text-holder .bottom .right h5 span:before {
color: #999999;
font-size: 16px;
line-height: 16px;
display: inline-block;
padding-right: 5px;
position: relative;
top: 2px;
}
.latest-blog-area .single-blog-item:hover{}
/***
=============================================
project faq Area style
=============================================
***/
.project-faq-area {
background: #f7f7f7 none repeat scroll 0 0;
padding-bottom: 60px;
}
.project-faq-area .sec-title .border{
background: #e9e9e9;
}
.project-faq-area .sec-title p {
padding: 0;
font-size: 16px;
margin: 44px 0 0px;
}
.project-faq-area .latest-project {
margin-left: -10px;
margin-right: -10px;
}
.project-faq-area .latest-project .single-project-item {
display: inline-block;
margin: 0 10px 20px;
float: left;
}
.single-project-item {
position: relative;
overflow: hidden;
display: block;
}
.single-project-item .img-holder{
display: block;
overflow: hidden;
position: relative;
}
.single-project-item .img-holder img {
transform: scale(1.1, 1.1);
transition: all 0.5s ease 0s;
width: 100%;
}
.single-project-item:hover .img-holder img{
transform: scale(1, 1);
}
.single-project-item:hover .img-holder .overlay-style-one{
opacity: 1;
-webkit-transform: perspective(400px) rotateX(0deg);
-moz-transform: perspective(400px) rotateX(0deg);
-ms-transform: perspective(400px) rotateX(0deg);
-o-transform: perspective(400px) rotateX(0deg);
transform: perspective(400px) rotateX(0deg);
}
.single-project-item .img-holder .overlay-style-one .box .content a i {
border: 2px solid #222222;
display: inline-block;
width: 40px;
height: 40px;
font-size: 15px;
color: #222222;
line-height: 38px;
transition: all 500ms ease;
}
.single-project-item .img-holder .overlay-style-one .box .content a:hover i{
background: #222222;
color: #fff;
border-color: #222222;
}
.project-faq-area .faq-content .sec-title {
padding-bottom: 19px;
}
.accordion-box {
border: 1px solid #e6e6e6;
display: block;
padding: 20px 20px 0px;
}
.accordion-box .accordion {
margin-bottom: 20px;
position: relative;
}
.accordion-box .accordion.last{
margin-bottom: 0;
}
.accordion-box .accordion .accord-btn {
border-bottom: 1px solid #ededed;
cursor: pointer;
padding: 0px 0px 20px 50px;
position: relative;
transition: all 500ms ease;
}
.accordion-box .accordion .accord-btn.last {
border-bottom: none;
}
.accordion-box .accordion .accord-btn h4 {
color: #222222;
font-size: 16px;
font-weight: 400;
line-height: 26px;
transition: all 500ms ease;
}
.accordion-box .accordion .accord-btn::after {
color: #cfcfcf;
content: "\f10c";
font-family: "Flaticon";
font-size: 12px;
font-weight: 400;
line-height: 28px;
margin-top: -25px;
position: absolute;
left: 0px;
top: 50%;
transition: all 500ms ease 0s;
width: 30px;
height: 30px;
border-radius: 50%;
border: 2px solid #e4e4e4;
text-align: center;
}
.accordion-box .accordion .accord-btn.active{
border-bottom: 1px solid transparent;
transition: all 500ms ease;
}
.accordion-box .accordion .accord-btn.active h4 {
color: #45c4e9;
}
.accordion-box .accordion .accord-btn.active:after{
content: "\f10b";
border: 2px solid #45c4e9;
color: #45c4e9;
background: transparent;
}
.accordion-box .accordion .accord-content {
display: none;
padding: 0px 0px 10px 50px;
position: relative;
border-bottom: 1px solid #ededed;
}
.accordion-box .accordion .accord-content.collapsed {
display: block;
margin-top: -10px;
}
.accordion-box .accordion .accord-content p {
margin: 0;
}
/***
=============================================
Brand Area style
=============================================
***/
.brand-area {
background: #ffffff;
padding-bottom: 70px;
}
.brand-area .container {
padding-top: 70px;
}
.brand-area .sec-title{
padding-bottom: 10px;
}
.brand-area .tooltip-inner {
background: #45c4e9;
}
.brand-area .tooltip.top .tooltip-arrow {
border-top-color: #45c4e9;
}
.brand-area .brand .owl-stage-outer{
position: relative;
overflow: hidden;
transform: translate3d(0px, 0px, 0px);
padding-top: 40px;
}
.brand-area .brand .single-item {
border: 1px solid #f4f4f4;
height: 115px;
width: 100%;
-webkit-transition: all 300ms ease-in 0s;
transition: all 300ms ease-in 0s;
text-align: center;
line-height: 110px;
}
.brand-area .brand .single-item a{ }
.brand-area .brand .single-item:hover{
border: 1px solid #e0dcdc;
}
.brand-area .brand .single-item:hover img{
opacity: .9;
}
.brand-area .owl-controls {
position: absolute;
right: 0;
top: -60px;
}
.brand-area .owl-theme .owl-nav [class*="owl-"] {
background: #ffffff none repeat scroll 0 0;
border-radius: 0;
color: #ababab;
font-size: 20px;
font-weight: 700;
height: 40px;
line-height: 36px;
margin: 0 0 0 0px;
padding: 0;
width: 40px;
border: 2px solid #f7f7f7;
transition: all 700ms ease 0s;
}
.brand-area .owl-theme .owl-nav .owl-next {
margin-left: 10px;
}
.brand-area .owl-theme .owl-nav [class*="owl-"]:hover{
border-color: #45c4e9;
color: #45c4e9;
}
/***
=============================================
Footer area style
=============================================
***/
.footer-area {
background: #222222;
padding-top: 70px;
padding-bottom: 63px;
position: relative;
}
.single-footer-widget{
position: relative;
}
.single-footer-widget .title {
padding-bottom: 40px;
margin-top: -2px;
}
.single-footer-widget .title h3 {
color: #ffffff;
font-size: 22px;
font-weight: 400;
text-transform: capitalize;
margin: 0 0 14px;
}
.single-footer-widget .title .border{
background: #45c4e9;
width: 70px;
height: 1px;
display: block;
}
.single-footer-widget .footer-logo{
overflow: hidden;
padding-bottom: 25px;
}
.single-footer-widget .footer-logo a{
display: inline-block;
}
.single-footer-widget .widget-content{
overflow: hidden;
}
.single-footer-widget .widget-content p{
color: #848484;
font-size: 16px;
margin: 0;
}
.single-footer-widget .widget-content p.top {
margin-bottom: 15px;
}
.single-footer-widget.margin-lft{
margin-left: 60px;
}
.single-footer-widget .usefull-links {
overflow: hidden;
margin-top: -6px;
}
.single-footer-widget .usefull-links li{
margin-bottom: 10px;
}
.single-footer-widget .usefull-links li:last-child{
margin-bottom: 0px;
}
.single-footer-widget .usefull-links li:last-child{
margin-bottom: 0;
}
.single-footer-widget .usefull-links li a{
color: #848484;
font-size: 16px;
font-weight: 400;
transition: all 500ms ease;
}
.single-footer-widget .usefull-links li a i{
display: inline-block;
padding-right: 9px;
}
.single-footer-widget .usefull-links li a:hover{
color: #45c4e9;
}
.single-footer-widget .latest-post{}
.single-footer-widget .latest-post .single-post {
padding-left: 70px;
position: relative;
margin-bottom: 30px;
border-bottom: 1px solid #2e2e2e;
min-height: 70px;
padding-bottom: 22px;
}
.single-footer-widget .latest-post .single-post:last-child{
margin-bottom: 0;
border-bottom: none;
}
.single-footer-widget .latest-post .single-post .img-holder {
width: 70px;
height: 70px;
position: absolute;
top: 0;
left: 0;
overflow: hidden;
}
.single-footer-widget .latest-post .single-post .img-holder img {
transition: all 0.5s ease 0s;
width: 100%;
}
.single-footer-widget .latest-post .single-post .img-holder .overlay-style-one .box .content a i {
font-size: 15px;
transition: all 500ms ease 0s;
color: #fff;
}
.single-footer-widget .latest-post .single-post:hover .img-holder .overlay-style-one{
opacity: 1;
-webkit-transform: perspective(400px) rotateX(0deg);
-moz-transform: perspective(400px) rotateX(0deg);
-ms-transform: perspective(400px) rotateX(0deg);
-o-transform: perspective(400px) rotateX(0deg);
transform: perspective(400px) rotateX(0deg);
}
.single-footer-widget .latest-post .single-post:hover .img-holder img {}
.single-footer-widget .latest-post .single-post .img-holder .overlay-style-one .box .content a:hover i {
color: #222;
}
.single-footer-widget .latest-post .single-post .text-holder {
padding-left: 20px;
position: relative;
top: -5px;
}
.single-footer-widget .latest-post .single-post .text-holder a.post-title{
color: #848484;
font-size: 15px;
font-weight: 400;
font-family: 'Poppins', sans-serif;
transition: all 500ms ease;
}
.single-footer-widget .latest-post .single-post .text-holder a.post-title:hover{
color: #48c7ec;
}
.single-footer-widget .latest-post .single-post .text-holder .post-info {
overflow: hidden;
margin: 0px 0 0;
}
.single-footer-widget .latest-post .single-post .text-holder .post-info span {
color: #45c4e9;
font-size: 15px;
}
.single-footer-widget .latest-more-news a{
color: #45c4e9;
font-size: 14px;
font-weight: 600;
text-transform: uppercase;
font-family: 'Poppins', sans-serif;
transition: all 500ms ease;
}
.single-footer-widget .latest-more-news a:hover{
color: #0596c0;
}
.single-footer-widget .latest-more-news {
overflow: hidden;
margin: 3px 0 0;
}
.single-footer-widget .latest-more-news a i{
display: inline-block;
padding-left: 6px;
transition: all 500ms ease;
}
.single-footer-widget .latest-more-news a:hover i{
padding-left: 8px;
}
.single-footer-widget .newsletter-box {
margin-top: -6px;
margin-bottom: 40px;
}
.single-footer-widget .newsletter-box p{ }
.single-footer-widget .newsletter-box .newsletter-form {
position: relative;
overflow: hidden;
display: block;
}
.single-footer-widget .newsletter-box form.newsletter-form {
position: relative;
margin-top: 15px;
}
.single-footer-widget .newsletter-box form.newsletter-form input[type="text"] {
background: #ffffff;
border: 1px solid #ffffff;
color: #222;
display: block;
font-size: 14px;
font-weight: 500;
height: 45px;
letter-spacing: 1px;
padding-left: 50px;
padding-right: 55px;
position: relative;
-webkit-transition: all 500ms ease 0s;
transition: all 500ms ease 0s;
width: 100%;
}
.single-footer-widget .newsletter-box form.newsletter-form button {
background: #45c4e9 none repeat scroll 0 0;
color: #fff;
display: block;
height: 45px;
padding: 9px 0;
position: absolute;
right: 0;
text-align: center;
top: 0;
-webkit-transition: all 500ms ease 0s;
transition: all 500ms ease 0s;
width: 45px;
}
.single-footer-widget .newsletter-box form.newsletter-form button i {
font-size: 14px
}
.single-footer-widget .newsletter-box form.newsletter-form input[type="text"]:focus {
border: 1px solid #424141;
background: #fff;
color: #000;
}
.single-footer-widget .newsletter-box form.newsletter-form input[type="text"]:focus + button,
.single-footer-widget .newsletter-box form.newsletter-form button:hover {
background: #424141 none repeat scroll 0 0;
color: #fff;
}
.single-footer-widget .newsletter-box form.newsletter-form .envelope {
position: absolute;
top: 13px;
left: 0;
width: 40px;
height: 20px;
display: block;
text-align: center;
border-right: 1px solid #ddd;
}
.single-footer-widget .newsletter-box form.newsletter-form .envelope i {
color: #45c4e9;
font-size: 14px;
display: block;
line-height: 18px;
}
.single-footer-widget .footer-social-links {
overflow: hidden;
margin-top: -10px;
}
.single-footer-widget .footer-social-links li{
display: inline-block;
float: left;
margin-right: 10px;
}
.single-footer-widget .footer-social-links li:last-child{
margin-right: 0;
}
.single-footer-widget .footer-social-links li a i{
height: 40px;
width: 40px;
border: 2px solid #323232;
display: block;
border-radius: 50%;
color: #999999;
font-size: 14px;
text-align: center;
line-height: 38px;
transition: all 500ms ease;
}
.single-footer-widget .footer-social-links li a:hover i{
background: #48c7ec;
color: #fff;
border-color: #48c7ec;
}
/***
=============================================
Footer Bottom area style
=============================================
***/
.footer-bottom-area {
background: #1b1b1b;
padding: 22px 0 22px;
}
.copyright-text p {
margin: 0;
color: #999999;
font-size: 14px;
font-weight: 400;
font-family: 'Poppins', sans-serif;
line-height: 26px;
}
.copyright-text p a{
font-weight: 500;
color: #45c4e9;
transition: all 500ms ease;
}
.copyright-text p a:hover{
color: #999999;
}
.footer-menu {
float: right;
overflow: hidden;
}
.footer-menu li {
display: inline-block;
float: left;
margin: 0 0 0 30px;
line-height: 26px;
}
.footer-menu li a {
font-size: 15px;
transition: all 500ms ease;
color: #999999;
font-weight: 400;
}
.footer-menu li a:hover {
color: #48c7ec;
}
/***
=============================================
Breadcrumb area style
=============================================
***/
.breadcrumb-area {
background-position: center top;
background-repeat: no-repeat;
background-size: cover;
padding-top: 135px;
position: relative;
z-index: 1;
margin-top: -140px;
}
.breadcrumb-area::before {
background: rgba(27, 48, 83, 0.90) none repeat scroll 0 0;
background-position: center top;
content: "";
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: -1;
}
.breadcrumb-area .breadcrumbs {
padding-top: 128px;
padding-bottom: 115px;
}
.breadcrumb-area .breadcrumbs h1 {
color: #ffffff;
font-size: 48px;
font-weight: 700;
line-height: 50px;
text-transform: capitalize;
text-align: center;
}
/***
=============================================
Breadcrumb bottom area style
=============================================
***/
.breadcrumb-bottom-area {
position: relative;
overflow: hidden;
padding: 18px 0 14px;
border-bottom: 1px solid #f4f4f4;
border-top: 1px solid #f4f4f4;
}
.breadcrumb-bottom-area .left ul{}
.breadcrumb-bottom-area .left ul li{
display: inline-block;
margin-right: 6px;
line-height: 20px;
font-size: 18px;
font-weight: 400;
}
.breadcrumb-bottom-area .left ul li:last-child{
margin-right: 0;
}
.breadcrumb-bottom-area .left ul li a{
color: #222222;
text-transform: capitalize;
font-family: 'Hind', sans-serif;
transition: all 500ms ease;
}
.breadcrumb-bottom-area .left ul li.active{
color: #45c4e9;
}
.breadcrumb-bottom-area .left ul li i{
font-size: 16px;
}
.breadcrumb-bottom-area .left ul li a:hover{
color: #45c4e9;
}
.breadcrumb-bottom-area .right span{
color: #45c4e9;
font-size: 18px;
font-weight: 400;
font-family: 'Hind', sans-serif;
text-transform: capitalize;
}
.breadcrumb-bottom-area .right span i {
font-size: 16px;
display: inline-block;
padding-right: 6px;
}
/***
=============================================
about area style
=============================================
***/
.about-area .bottom-content .single-item {
margin-top: 50px;
text-align: center;
}
.about-area .bottom-content .single-item .img-holder{
overflow: hidden;
display: block;
}
.about-area .bottom-content .single-item .img-holder img{
width: 100%;
transition: all 500ms ease;
}
.about-area .bottom-content .single-item:hover .img-holder img {
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
}
.about-area .bottom-content .single-item .text-holder {
border: 1px solid #f4f4f4;
border-top: none;
display: block;
padding: 28px 15px 11px;
transition: all 500ms ease;
margin-top: 0;
}
.about-area .bottom-content .single-item .text-holder h3 {
color: #222222;
font-size: 20px;
text-transform: capitalize;
margin: 0 0 13px;
}
.about-area .bottom-content .single-item.hvr-float-shadow:before {
background: none;
}
.about-area .bottom-content .single-item:hover .text-holder{
border-color: #45c4e9;
}
/***
=============================================
Smart approach area style
=============================================
***/
.smart-approach-area {
padding-top: 80px;
padding-bottom: 30px;
background: #f7f7f7;
}
.smart-approach-area .single-item {
margin-bottom: 50px;
position: relative;
overflow: hidden;
display: block;
background: #ffffff;
border: 1px solid #f4f4f4;
}
.smart-approach-area .single-item .inner-content{
padding-left: 30px;
padding-bottom: 20px;
padding-top: 40px;
transition: all 500ms ease;
}
.smart-approach-area .single-item .inner-content .iocn-holder {
margin-bottom: 29px;
}
.smart-approach-area .single-item .inner-content .iocn-holder span:before {
color: #45c4e9;
font-size: 55px;
line-height: 55px;
}
.smart-approach-area .single-item .inner-content .border{
height: 1px;
width: 60px;
display: block;
background: #f4f4f4;
}
.smart-approach-area .single-item .inner-content .title-holder {
padding-top: 29px;
}
.smart-approach-area .single-item .inner-content .title-holder h3{
color: #222222;
font-size: 20px;
margin: 0 0 5px;
}
.smart-approach-area .single-item .inner-content .title-holder p{
color: #45c4e9;
font-size: 16px;
}
.smart-approach-area .single-item .overlay-content{
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
opacity: 0;
-webkit-transform: scale(0);
transform: scale(0);
border: 1px solid #45c4e9;
background-color: rgba(255, 255, 255,0.90);
-webkit-transition: all 0.7s ease;
transition: all 0.7s ease;
}
.smart-approach-area .single-item .overlay-content .box{
display: table;
height: 100%;
width: 100%;
}
.smart-approach-area .single-item .overlay-content .box .content{
display: table-cell;
text-align: left;
vertical-align: middle;
padding-left: 20px;
padding-right: 20px;
}
.smart-approach-area .single-item .overlay-content .box .content h3 {
margin: 0px;
}
.smart-approach-area .single-item .overlay-content .box .content b{
color: #45c4e9;
font-size: 16px;
font-weight: 400;
text-transform: capitalize;
}
.smart-approach-area .single-item .overlay-content .box .content .border {
height: 1px;
width: 60px;
display: block;
background: #f4f4f4;
margin-top: 15px;
margin-bottom: 15px;
}
.smart-approach-area .single-item:hover .overlay-content{
opacity:1;
transform:scale(1,1);
}
.smart-approach-area .single-item:hover .inner-content{
opacity: 0;
}
/***
=============================================
opportunities area style
=============================================
***/
.opportunities-area {
background: #45c4e9;
padding: 85px 0 90px;
}
.opportunities-area .inner-content{
max-width: 990px;
margin: 0 auto;
text-align: center;
}
.opportunities-area .inner-content h1{
color: #ffffff;
font-size: 40px;
font-weight: 400;
margin: 0 0 23px;
}
.opportunities-area .inner-content p{
color: #ffffff;
font-size: 18px;
line-height: 28px;
margin: 0 0 30px;
}
.opportunities-area .inner-content a {
color: #ffffff;
font-size: 15px;
font-weight: 500;
text-transform: uppercase;
border: 2px solid #fff;
border-radius: 25px;
display: inline-block;
font-family: 'Poppins', sans-serif;
padding: 12px 30px 9px;
transition: all 500ms ease;
}
.opportunities-area .inner-content a:hover{
background: #fff;
color: #252525;
}
/***
=============================================
History area style
=============================================
***/
.history-area{
padding-bottom: 62px;
}
.history-area .single-item {
border: 1px solid #ededed;
padding-top: 30px;
transition: all 500ms ease;
}
.history-area .single-item:hover{
border: 1px solid #45c4e9;
}
.history-area .single-item .img-holder {
width: 175px;
height: 175px;
margin: 0 auto;
border: 2px solid transparent;
transition: all 500ms ease;
border-radius: 50%;
}
.history-area .single-item .img-holder img {
border-radius: 50%;
}
.history-area .single-item:hover .img-holder{
border: 2px solid #45c4e9;
}
.history-area .single-item .text-holder {
overflow: hidden;
padding: 28px 15px 20px;
}
.history-area .single-item .text-holder h3{
margin: 0 0 4px;
}
.history-area .single-item .text-holder span{
color: #45c4e9;
font-weight: 400;
font-size: 16px;
}
.history-area .single-item .text-holder p {
margin: 10px 0 0;
}
.history-area .owl-dots {
position: relative;
margin-top: 46px;
}
.history-area .owl-dots .owl-dot{
background-image:none;
width:12px;
height:12px;
margin:0px 5px;
padding:0px;
border:2px solid #ededed;
background: #ededed;
border-radius:50%;
-webkit-border-radius:50%;
-ms-border-radius:50%;
-o-border-radius:50%;
-moz-border-radius:50%;
transition: all 500ms ease;
}
.history-area .owl-dots .owl-dot span{
display:none;
}
.history-area .owl-dots .owl-dot.active,
.history-area .owl-dots .owl-dot:hover{
border: 2px solid #45c4e9;
background: #45c4e9;
}
/***
=============================================
History area style
=============================================
***/
.achivements-area {
background: #f9f9f9;
padding-bottom: 72px;
}
.achivements-area .single-item {
border: 2px solid #ddd9d9;
transition: all 500ms ease;
}
.achivements-area .single-item:hover{
border: 2px solid #45c4e9;
}
.achivements-area .owl-theme .owl-nav {
margin: 0;
padding: 0;
position: absolute;
bottom: 100%;
right: 0;
margin: 0;
margin-bottom: 60px;
}
.achivements-area .owl-theme .owl-nav [class*=owl-] {
margin: 0;
padding: 0;
background-color: transparent;
color: #202f35;
height: 40px;
width: 18px;
line-height: 36px;
text-align: center;
margin-left: 1px;
display: inline-block;
transition: color .3s ease;
}
.achivements-area .owl-theme .owl-nav [class*=owl-] span {
font-size: 20px;
font-weight: 700;
}
.achivements-area .owl-theme .owl-nav [class*=owl-]:hover {
color: #45c4e9;
transition: .5s ease;
}
/***
=============================================
Footer Top Area style
=============================================
***/
.footer-top-area {
padding-bottom: 35px;
padding-top: 35px;
background: #45c4e9;
}
.footer-top-area .title{}
.footer-top-area .title h3 {
color: #ffffff;
font-size: 22px;
font-weight: 400;
text-transform: none;
margin: 13px 0;
}
.footer-top-area .button {
position: relative;
}
.footer-top-area .button a {
border: 2px solid #f4f4f4;
padding: 10px 40px 10px;
}
/***
=============================================
Faq content area style
=============================================
***/
.faq-content-area{
}
.faq-content-area .title h3 {
overflow: hidden;
color: #222222;
font-size: 24px;
text-transform: capitalize;
margin: 0 0 24px;
}
.faq-content-area .question-form {
background: #f9f9f9 none repeat scroll 0 0;
padding: 30px 30px 30px 30px;
}
.faq-content-area .question-form form input[type="text"],
.faq-content-area .question-form form input[type="email"],
.faq-content-area .question-form form textarea{
background: #ffffff none repeat scroll 0 0;
border: medium none;
display: block;
height: 50px;
margin-bottom: 30px;
padding: 0 20px;
width: 100%;
transition: all 500ms ease;
border: 1px solid transparent;
}
.faq-content-area .question-form form input[type="text"]:focus{
border: 1px solid #dad7d7;
}
.faq-content-area .question-form form input[type="email"]:focus{
border: 1px solid #dad7d7;
}
.faq-content-area .question-form form textarea:focus{
border: 1px solid #dad7d7;
}
.faq-content-area .question-form form textarea{
height: 155px;
padding: 15px 20px;
}
.faq-content-area .question-form form button {
margin: 1px 0 0;
padding: 12px 35px 12px;
}
/***
=============================================
Team Area style
=============================================
***/
.team-area {
padding-bottom: 45px;
}
.team-area .single-team-member {
margin-bottom: 35px;
display: block;
}
.team-area .single-team-member.hvr-underline-reveal:before {
background: #45c4e9;
height: 3px;
}
.team-area .single-team-member .img-holder {
position: relative;
display: block;
overflow: hidden;
}
.team-area .single-team-member .img-holder img{
transform: scale(1.1, 1.1);
transition: all 0.5s ease 0s;
width: 100%;
}
.team-area .single-team-member:hover .img-holder img{
transform: scale(1, 1);
}
.team-area .single-team-member:hover .img-holder .overlay-style-one {
transform: translateY(0%);
opacity: 1;
}
.team-area .single-team-member .img-holder .overlay-style-one .box .content ul{
}
.team-area .single-team-member .img-holder .overlay-style-one .box .content ul li{
display: inline-block;
margin: 0 3px;
}
.team-area .single-team-member .img-holder .overlay-style-one .box .content ul li a i{
background: #ffffff;
height: 40px;
width: 40px;
display: block;
border-radius: 50%;
color: #172b42;
font-size: 13px;
line-height: 42px;
transition: all 500ms ease;
}
.team-area .single-team-member .img-holder .overlay-style-one .box .content ul li a:hover i{
background: #252525;
color: #fff;
}
.team-area .single-team-member .text-holder {
padding-top: 23px;
padding-bottom: 15px;
}
.team-area .single-team-member .text-holder h3{
color: #252525;
font-size: 18px;
font-weight: 400;
text-transform: none;
margin: 0 0 5px;
}
.team-area .single-team-member .text-holder span{
color: #45c4e9;
font-size: 16px;
font-weight: 400;
}
.team-area .single-team-member .text-holder .text{
padding-top: 10px;
}
.team-area .single-team-member .text-holder .contact-info {
border-top: 1px solid #f4f4f4;
padding-top: 15px;
}
.team-area .single-team-member .text-holder .contact-info li{
margin-bottom: 7px;
}
.team-area .single-team-member .text-holder .contact-info li:last-child{
margin-bottom: 0;
}
.team-area .single-team-member .text-holder .contact-info li b {
font-weight: 400;
text-decoration: underline;
}
/***
=============================================
Testimonial Section style
=============================================
***/
.testimonial-section{
padding-bottom: 40px;
}
.testimonial-section .single-testimonial-item {
border: 1px solid #f4f4f4;
display: block;
padding: 30px 15px 24px;
text-align: center;
margin-bottom: 40px;
transition: all 500ms ease;
}
.testimonial-section .single-testimonial-item:hover{
border-color: #45c4e9;
}
.testimonial-section .single-testimonial-item .img-holder {
height: 85px;
width: 85px;
margin: 0 auto;
border-radius: 50%;
border: 2px solid #fff;
margin-bottom: 15px;
transition: all 500ms ease;
}
.testimonial-section .single-testimonial-item:hover .img-holder{
border-color: #45c4e9;
}
.testimonial-section .single-testimonial-item .text-holder {
border-bottom: 1px solid #f4f4f4;
display: block;
padding: 0 0 22px;
margin: 0 0 28px;
}
.testimonial-section .single-testimonial-item .text-holder p{
margin: 0;
}
.testimonial-section .single-testimonial-item .client-info{
}
.testimonial-section .single-testimonial-item .client-info h3 {
color: #222222;
font-size: 18px;
margin: 0 0 3px;
}
.testimonial-section .single-testimonial-item .client-info p{
color: #45c4e9;
font-size: 16px;
margin: 0;
}
/***
=============================================
Blog Default Area style
=============================================
***/
#blog-area{}
.blog-default-area{
padding-top: 80px;
padding-bottom: 80px;
}
.blog-default-area .blog-post {}
.blog-default-area .blog-post .single-blog-item{
margin-bottom: 50px;
}
.blog-default-area .blog-post .post-pagination {
border-top: 1px solid #f4f4f4;
padding-top: 50px;
}
.blog-default-area .sidebar-wrapper {
border-left: 1px solid #f4f4f4;
padding-left: 30px;
margin-top: -80px;
padding-top: 80px;
margin-bottom: -80px;
padding-bottom: 80px;
}
.sidebar-wrapper {
position: relative;
display: block;
overflow: hidden;
}
.sidebar-wrapper .single-sidebar {
overflow: hidden;
margin-bottom: 50px;
position: relative;
}
.sidebar-wrapper .single-sidebar .sec-title {
overflow: hidden;
padding-bottom: 25px;
margin-top: 0;
}
.sidebar-wrapper .single-sidebar .sec-title h3 {
color: #222222;
font-size: 22px;
font-weight: 400;
text-transform: capitalize;
}
.sidebar-wrapper .single-sidebar form.search-form {
position: relative
}
.sidebar-wrapper .single-sidebar .search-form input[type="text"] {
background: #fff;
border: 1px solid #f4f4f4;
color: #ababab;
display: block;
font-size: 14px;
font-weight: 500;
height: 50px;
letter-spacing: 1px;
padding-left: 15px;
padding-right: 55px;
position: relative;
-webkit-transition: all 500ms ease 0s;
transition: all 500ms ease 0s;
width: 100%;
}
.sidebar-wrapper .single-sidebar .search-form button {
background: #45c4e9 none repeat scroll 0 0;
color: #fff;
display: block;
height: 50px;
padding: 12px 0;
position: absolute;
right: 0;
text-align: center;
top: 0;
-webkit-transition: all 500ms ease 0s;
transition: all 500ms ease 0s;
width: 50px;
}
.sidebar-wrapper .single-sidebar .search-form button i {
font-size: 14px
}
.sidebar-wrapper .single-sidebar .search-form input[type="text"]:focus {
border: 1px solid #21a8d0;
background: #fff;
color: #000;
}
.sidebar-wrapper .single-sidebar .search-form input[type="text"]:focus + button,
.sidebar-wrapper .single-sidebar .search-form button:hover {
background: #21a8d0 none repeat scroll 0 0;
color: #fff;
}
.single-sidebar .categories {
background: #f7f7f7;
display: block;
padding: 24px 30px 24px;
}
.single-sidebar .categories li {
border-bottom: 1px solid #ededed;
margin-bottom: 10px;
padding-bottom: 7px;
}
.single-sidebar .categories li:last-child {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: none;
}
.single-sidebar .categories li a {
color: #848484;
transition: all 500ms ease;
font-size: 16px;
font-weight: 300;
position: relative;
}
.single-sidebar .categories li a span{
float: right;
}
.single-sidebar .categories li a:hover{
color: #45c4e9;
}
.single-sidebar .popular-post {}
.single-sidebar .popular-post li {
margin-bottom: 20px;
padding-left: 90px;
position: relative;
border-bottom: 1px solid #f4f4f4;
padding-bottom: 0px;
height: 110px;
padding-bottom: 20px;
}
.single-sidebar .popular-post li:last-child{
margin-bottom: 0;
padding-bottom: 0;
border-bottom: none;
}
.single-sidebar .popular-post li .img-holder {
display: block;
left: 0;
overflow: hidden;
position: absolute;
top: 0px;
width: 90px;
}
.single-sidebar .popular-post li .img-holder img {
-webkit-transition: all 0.7s ease;
transition: all 0.7s ease;
width: auto;
}
.single-sidebar .popular-post li .img-holder .overlay-style-one .box .content a i{
color: #fff;
font-size: 16px;
transition: all 500ms ease;
}
.single-sidebar .popular-post li:hover .img-holder .overlay-style-one{
opacity: 1;
-webkit-transform: perspective(400px) rotateX(0deg);
-moz-transform: perspective(400px) rotateX(0deg);
-ms-transform: perspective(400px) rotateX(0deg);
-o-transform: perspective(400px) rotateX(0deg);
transform: perspective(400px) rotateX(0deg);
}
.single-sidebar .popular-post li:hover .img-holder img {
transform: scale(1.1);
}
.single-sidebar .popular-post li .img-holder .overlay-style-one .box .content a:hover i{
color: #000000;
}
.single-sidebar .popular-post li .title-holder {
padding-left: 20px;
}
.single-sidebar .popular-post li .title-holder a .post-title {
color: #222222;
font-size: 16px;
line-height: 26px;
position: relative;
font-weight: 400;
margin: 0 0 7px;
font-family: 'Poppins', sans-serif;
transition: all 500ms ease;
}
.single-sidebar .popular-post li .title-holder a:hover .post-title{
color: #000000;
}
.single-sidebar .popular-post li .title-holder .post-date {
color: #999999;
display: block;
transition: all 500ms ease;
font-weight: 400;
font-size: 14px;
}
.single-sidebar .follow-us {
color: #ababab;
font-size: 14px;
margin-top: 0px;
}
.single-sidebar.ma-top-minus {
margin-top: -20px;
}
.single-sidebar .instagram {
overflow: hidden;
display: block;
margin-left: -6px;
margin-right: -6px;
}
.single-sidebar .instagram li {
display: inline-block;
float: left;
margin: 0 5px 10px;
}
.single-sidebar .instagram li .img-holder {
overflow: hidden;
position: relative;
display: block;
}
.single-sidebar .instagram li .img-holder img {
transform: scale(1.1, 1.1);
transition: all 0.5s ease 0s;
width: 100%;
}
.single-sidebar .instagram li .img-holder .overlay-style-one .box .content a i{
color: #fff;
font-size: 15px;
}
.single-sidebar .instagram li:hover .img-holder .overlay-style-one {
opacity: 1;
-webkit-transform: perspective(400px) rotateX(0deg);
-moz-transform: perspective(400px) rotateX(0deg);
-ms-transform: perspective(400px) rotateX(0deg);
-o-transform: perspective(400px) rotateX(0deg);
transform: perspective(400px) rotateX(0deg);
}
.single-sidebar .instagram li:hover .img-holder img {
transform: scale(1, 1);
}
.single-sidebar .popular-tag {
margin-left: -3px;
margin-right: -3px;
margin-top: -5px;
}
.single-sidebar .popular-tag li {
display: inline-block;
margin: 0 3px 10px;
}
.single-sidebar .popular-tag li a {
border: 1px solid #f4f4f4;
color: #848484;
display: block;
font-size: 14px;
font-weight: 400;
padding: 4px 12px 4px;
font-family: 'Hind', sans-serif;
transition: all 500ms ease 0s;
}
.single-sidebar .popular-tag li a:hover{
background: #45c4e9;
border-color: #45c4e9;
color: #fff;
}
/***
=============================================
Blog Large Area style
=============================================
***/
.blog-large-area{
padding-top: 80px;
padding-bottom: 80px;
}
.blog-large-area .blog-post {
border-right: 1px solid #f4f4f4;
margin-right: -30px;
padding-right: 30px;
margin-top: -80px;
padding-top: 80px;
margin-bottom: -80px;
padding-bottom: 80px;
}
.blog-large-area .blog-post .single-blog-item {
margin-bottom: 50px;
border-bottom: 1px solid #f4f4f4;
padding-bottom: 50px;
}
.blog-large-area .blog-post .single-blog-item .img-holder .post-date {
width: 70px;
height: 70px;
transform: translate3d(0px, 0px, 0px);
right: 15px;
top: 15px;
padding: 12px 13px;
}
.blog-large-area .blog-post .single-blog-item:hover .img-holder .post-date{
transform: translate3d(0px, -85px, 0px);
transition: all 500ms ease;
transition-delay: 0.5s;
}
.blog-large-area .blog-post .single-blog-item .img-holder .post-date h5 {
font-size: 16px;
line-height: 24px;
}
.blog-large-area .blog-post .single-blog-item .img-holder .overlay-style-one .box .content a i {
width: 45px;
height: 45px;
font-size: 15px;
line-height: 44px;
}
.blog-large-area .blog-post .single-blog-item .text-holder {
border: none;
padding: 0;
padding-top: 24px;
}
.blog-large-area .blog-post .single-blog-item .text-holder span {
color: #45c4e9;
font-size: 14px;
font-weight: 500;
text-transform: uppercase;
font-family: 'Poppins', sans-serif;
}
.blog-large-area .blog-post .single-blog-item .text-holder .blog-title {
font-size: 26px;
padding: 10px 0 0px;
line-height: 30px;
}
.blog-large-area .blog-post .single-blog-item .text-holder .meta-info {
padding-top: 12px;
padding-bottom: 20px;
}
.blog-large-area .blog-post .single-blog-item .text-holder .read-more-button {
padding-top: 32px;
}
.blog-large-area .blog-post .single-blog-item .text-holder .read-more-button a {
border: 2px solid #f4f4f4;
height: 50px;
width: 165px;
color: #45c4e9;
font-size: 14px;
font-weight: 700;
text-transform: uppercase;
font-family: 'Poppins', sans-serif;
line-height: 48px;
display: block;
text-align: center;
border-radius: 25px;
transition: all 500ms ease;
}
.blog-large-area .blog-post .single-blog-item .text-holder .read-more-button a:hover{
background: #45c4e9;
border-color: #45c4e9;
color: #fff;
}
.blog-large-area .blog-post .post-pagination {}
.blog-large-area .sidebar-wrapper {
padding-left: 30px;
}
/***
=============================================
Blog Single Area style
=============================================
***/
.blog-single-area { }
.blog-single-area .blog-post .single-blog-item {
border-bottom: none;
padding-bottom: 0;
margin-bottom: 30px;
}
.blog-single-area .blog-post .sec-title h3 {
font-size: 25px;
margin: 0 0 17px;
}
.blog-single-area .single-blog-item .img-holder img {
transform: none;
}
.blog-single-area .single-blog-item .text-holder .blog-title {
font-size: 24px;
padding: 35px 0 6px;
}
.blog-single-area .single-blog-item .text-holder .blog-title:hover{
color: #222222;
}
.blog-single-area .single-blog-item .text-holder .text p.mar-bottom {
margin-bottom: 13px;
}
.blog-single-area .middle-content-box {
margin: 30px 0 33px;
overflow: hidden;
}
.blog-single-area .middle-content-box .img-holder {
width: 340px;
}
.blog-single-area .middle-content-box .img-holder,
.blog-single-area .middle-content-box .text-holder{
display: table-cell;
vertical-align: top;
}
.blog-single-area .middle-content-box .text-holder {
padding-left: 30px;
position: relative;
}
.blog-single-area .middle-content-box .text-holder:before{
content: "\f10d";
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
text-decoration: inherit;
color: #f1f1f1;
font-size: 24px;
padding-right: ;
position: absolute;
top: -3px;
left: 30px;
}
.blog-single-area .middle-content-box .text-holder {
padding-left: 30px;
padding-top: 32px;
position: relative;
}
.blog-single-area .middle-content-box .text-holder h3 {
color: #222;
font-size: 18px;
font-weight: 500;
margin: 20px 0 7px;
}
.blog-single-area .middle-content-box .text-holder h5 {
color: #45c4e9;
font-size: 16px;
font-weight: 400;
margin: 0;
}
.blog-single-area .bottom-content-box {
border-bottom: 1px solid #f7f7f7;
padding-bottom: 21px;
}
.blog-single-area .tag-social-share-box {
overflow: hidden;
padding-bottom: 24px;
padding-top: 25px;
}
.blog-single-area .tag-social-share-box .tag p {
color: #45c4e9;
font-size: 16px;
margin: 0;
}
.blog-single-area .tag-social-share-box .tag p span {
color: #222222;
font-weight: 400;
text-transform: capitalize;
font-family: 'Poppins', sans-serif;
}
.blog-single-area .tag-social-share-box .social-share {
}
.blog-single-area .tag-social-share-box .social-share h5 {
color: #222222;
display: inline-block;
float: left;
font-size: 16px;
font-weight: 400;
text-transform: capitalize;
position: relative;
top: 7px;
}
.blog-single-area .tag-social-share-box .social-share i {
padding-left: 10px;
display: inline-block;
}
.blog-single-area .tag-social-share-box .social-share .social-share-links {
display: inline-block;
float: left;
margin-left: -3px;
margin-right: -3px;
padding-left: 20px;
position: relative;
top: -6px;
}
.blog-single-area .tag-social-share-box .social-share .social-share-links li {
display: inline-block;
margin: 0 3px;
}
.blog-single-area .tag-social-share-box .social-share .social-share-links li a i {
border: 2px solid #f7f7f7;
border-radius: 50%;
color: #c1c1c1;
font-size: 14px;
height: 40px;
line-height: 36px;
padding: 0;
text-align: center;
transition: all 500ms ease 0s;
width: 40px;
transition: all 500ms ease;
}
.blog-single-area .tag-social-share-box .social-share .social-share-links li a:hover i{
background: #45c4e9;
border-color: #45c4e9;
color: #fff;
}
.blog-single-area .author-box {
background: #f7f7f7 none repeat scroll 0 0;
display: block;
padding: 30px 30px 22px;
position: relative;
}
.blog-single-area .author-box .img-holder{
width: 85px;
}
.blog-single-area .author-box .img-holder,
.blog-single-area .author-box .text-holder{
display: table-cell;
vertical-align: top;
}
.blog-single-area .author-box .text-holder {
padding-left: 30px;
}
.blog-single-area .author-box .text-holder h3 {
color: #222;
font-size: 20px;
font-weight: 500;
margin: -2px 0 14px;
text-transform: capitalize;
}
.blog-single-area .author-box .text-holder p{
}
.blog-single-area .author-box .text-holder .social-link {
margin-left: -6px;
margin-right: -6px;
overflow: hidden;
}
.blog-single-area .author-box .text-holder .social-link li{
display: inline-block;
margin: 0 6px;
}
.blog-single-area .author-box .text-holder .social-link li a i{
color: #9a9a9a;
font-size: 14px;
transition: all 500ms ease;
}
.blog-single-area .author-box .text-holder .social-link li a:hover i{
color: #45c4e9;
}
.blog-single-area .comment-box {
overflow: hidden;
padding-bottom: 50px;
padding-top: 60px;
}
.blog-single-area .comment-box .single-comment-box {
padding-left: 60px;
position: relative;
margin-bottom: 30px;
}
.blog-single-area .comment-box .single-comment-box .img-holder {
left: 0;
position: absolute;
top: 0;
}
.blog-single-area .comment-box .single-comment-box .text-holder {
border: 1px solid #f7f7f7;
margin-left: 20px;
padding: 15px 20px 5px;
}
.blog-single-area .comment-box .single-comment-box .text-holder .top {
overflow: hidden;
padding-bottom: 8px;
}
.blog-single-area .comment-box .single-comment-box .text-holder .top .date h5 {
color: #222;
font-size: 16px;
font-weight: 400;
}
.blog-single-area .comment-box .single-comment-box .text-holder .top .review-box {
position: relative;
top: -3px;
}
.blog-single-area .comment-box .single-comment-box .text-holder .top .review-box ul {
margin-left: -0.5px;
margin-right: -0.5px;
overflow: hidden;
}
.blog-single-area .comment-box .single-comment-box .text-holder .top .review-box ul li {
display: inline-block;
margin: 0 0.5px;
}
.blog-single-area .comment-box .single-comment-box .text-holder .top .review-box ul li i {
color: #45c4e9;
font-size: 14px;
}
.blog-single-area .add-comment-box {
overflow: hidden;
}
.blog-single-area .add-comment-box .sec-title {
padding-bottom: 32px;
}
.blog-single-area .add-comment-box .sec-title h1 {
font-size: 24px;
}
.blog-single-area .add-comment-box .add-rating-box {
padding-bottom: 17px;
}
.blog-single-area .add-comment-box .add-rating-box h4 {
color: #9a9a9a;
font-size: 16px;
font-weight: 300;
margin: 0 0 12px;
}
.blog-single-area .add-comment-box .add-rating-box ul {
}
.blog-single-area .add-comment-box .add-rating-box ul li {
border-right: 1px solid #ebebeb;
display: inline-block;
line-height: 20px;
margin-right: 6px;
padding-right: 10px;
}
.blog-single-area .add-comment-box .add-rating-box ul li:last-child{
border-right: none;
margin-right: 0;
padding-right: 0;
}
.blog-single-area .add-comment-box .add-rating-box ul li a i{
color: #d6d6d6;
font-size: 12px;
}
.blog-single-area .add-comment-box .add-rating-box ul li a:hover i{
color: #45c4e9;
transition: all 500ms ease;
}
.blog-single-area .add-comment-box #add-comment-form {}
.blog-single-area .add-comment-box #add-comment-form .field-label {
color: #848484;
display: block;
font-size: 16px;
font-weight: 400;
padding: 0 0 2px;
}
.blog-single-area .add-comment-box #add-comment-form input[type="text"],
.blog-single-area .add-comment-box #add-comment-form input[type="email"],
.blog-single-area .add-comment-box #add-comment-form textarea{
background: #f7f7f7 none repeat scroll 0 0;
border: 1px solid transparent;
display: block;
font-size: 16px;
font-weight: 400;
height: 50px;
padding: 0 15px;
width: 100%;
margin-bottom: 12px;
transition: all 500ms ease;
}
.blog-single-area .add-comment-box #add-comment-form textarea {
height: 100px;
padding: 10px 15px;
margin-bottom: 30px;
transition: all 500ms ease;
}
.blog-single-area .add-comment-box #add-comment-form input[type="text"]:focus{
border-color: #45c4e9;
}
.blog-single-area .add-comment-box #add-comment-form input[type="email"]:focus{
border-color: #45c4e9;
}
.blog-single-area .add-comment-box #add-comment-form textarea:focus{
border-color: #45c4e9;
}
.blog-single-area .add-comment-box #add-comment-form button {
padding: 11px 30px 9px;
}
/***
=============================================
Get Touch Area style
=============================================
***/
.get-touch-area {
padding-top: 80px;
padding-bottom: 80px;
}
.get-touch-area .sec-title {
display: block;
}
.get-touch-area .single-item {
border: 1px solid #f4f4f4;
display: block;
padding: 39px 20px 31px;
}
.get-touch-area .single-item .icon-holder {
padding-bottom: 33px;
}
.get-touch-area .single-item .icon-holder span:before {
color: #45c4e9;
font-size: 50px;
}
.get-touch-area .single-item .text-holder {}
.get-touch-area .single-item .text-holder h3 {
color: #222222;
font-size: 20px;
font-weight: 400;
line-height: 18px;
}
.get-touch-area .single-item .text-holder .border {
height: 1px;
width: 60px;
background: #f4f4f4;
display: inline-block;
}
.get-touch-area .single-item .text-holder p {
margin: 15px 0 0;
}
.get-touch-area .single-item .text-holder p a{
color: #45c4e9;
}
/***
=============================================
Contact Form area style
=============================================
***/
.contact-form-area {
padding-bottom: 80px;
}
.contact-form-area .sec-title{
padding-bottom: 40px;
}
.contact-form-area .contact-form form input[type="text"],
.contact-form-area .contact-form form input[type="email"],
.contact-form-area .contact-form form textarea{
background: #ffffff;
border: 1px solid #f4f4f4;
color: #999999;
display: block;
font-size: 16px;
height: 55px;
margin-bottom: 25px;
padding: 0 20px;
width: 100%;
transition: all 500ms ease;
}
.contact-form-area .contact-form form textarea{
height: 120px;
margin-bottom: 31px;
padding: 10px 20px;
}
.contact-form-area .contact-form form input[type="text"]:focus{
border-color: #45c4e9;
}
.contact-form-area .contact-form form input[type="email"]:focus{
border-color: #45c4e9;
}
.contact-form-area .contact-form form textarea:focus{
border-color: #45c4e9;
}
.contact-form-area .contact-form form button{
width: 100%;
padding: 13px 0 12px;
}
.contact-author-info ul{
background: #f9f9f9;
border: 1px solid #ececec;
display: block;
padding: 30px 20px;
}
.contact-author-info ul li {
background: #ffffff;
margin-bottom: 20px;
padding-left: 20px;
padding-top: 17px;
padding-bottom: 20px;
}
.contact-author-info ul li .title {
padding-bottom: 15px;
}
.contact-author-info ul li .title h3 {
color: #222222;
font-size: 18px;
text-transform: uppercase;
font-weight: 500;
}
.contact-author-info ul li:last-child{
margin-bottom: 0;
}
.contact-author-info ul li .img-holder {
width: 70px;
}
.contact-author-info ul li .img-holder,
.contact-author-info ul li .text-holder{
display: table-cell;
vertical-align: middle;
}
.contact-author-info ul li .text-holder {
padding-left: 20px;
}
.contact-author-info ul li .text-holder h5 {
color: #45c4e9;
font-size: 16px;
font-weight: 400;
margin: 0 0 10px;
}
.contact-author-info ul li .text-holder p {
margin: 0;
line-height: 22px;
}
.contact-author-info ul li .text-holder p span:before {
color: #45c4e9;
font-size: 13px;
display: inline-block;
line-height: 13px;
padding-right: 10px;
}
/***
=============================================
Contact map Area style
=============================================
***/
.contact-map-area{
position: relative;
}
#contact-google-map {
height: 440px;
width: 100%;
}
/***
=============================================
Project Area style
=============================================
***/
.project-area{}
.project-area .single-project-item{
margin-bottom: 30px;
}
.project-area .single-project-item .img-holder .overlay-style-one .box .content a h3{
color: #fff;
margin: 0 0 4px;
transition: all 500ms ease;
}
.project-area .single-project-item .img-holder .overlay-style-one .box .content a:hover h3{
color: #252525;
}
.project-area .single-project-item .img-holder .overlay-style-one .box .content span{
color: #ffffff;
font-size: 16px;
font-weight: 300;
}
.project-area .post-pagination {
overflow: hidden;
margin-top: 20px;
}
/***
=============================================
Project Area style
=============================================
***/
.project-single-area{
padding-top: 80px;
padding-bottom: 80px;
}
.project-single-area .sec-title {
padding-bottom: 30px;
}
.project-single-area .sec-title h1{
font-size: 24px;
}
.project-single-area .single-project-content {
border-right: 1px solid #f4f4f4;
margin-right: -30px;
padding-right: 30px;
margin-top: -80px;
padding-top: 80px;
margin-bottom: -80px;
padding-bottom: 80px;
}
.project-single-area .sidebar-wrapper {
padding-left: 30px;
}
.project-single-area .single-project-img-box {
margin-bottom: 50px;
}
.project-single-area .project-info {}
.project-single-area .project-info ul {
background: #f9f9f9;
display: block;
padding-top: 23px;
padding-bottom: 25px;
padding-left: 20px;
padding-right: 20px;
}
.project-single-area .project-info ul li {
color: #45c4e9;
font-size: 16px;
margin-bottom: 15px;
}
.project-single-area .project-info ul li:last-child{
margin-bottom: 0;
}
.project-single-area .project-info ul li b {
width: 100px;
display: inline-block;
font-family: 'Poppins', sans-serif;
font-weight: 400;
}
.project-single-area .project-info ul li span{
font-family: 'Hind', sans-serif;
padding-left: 20px;
color: #999999;
}
.project-single-area .legal-work-content {
}
.project-single-area .legal-work-content h3 {
color: #222222;
font-size: 24px;
font-weight: 400;
margin: 0 0 6px;
}
.project-single-area .legal-work-content span{
color: #45c4e9;
margin: 0;
}
.project-single-area .legal-work-content p {
margin: 12px 0 0;
}
.project-single-area .legal-work-content a {
margin: 16px 0 0;
padding: 13px 30px 11px;
}
.project-single-area .project-analysis {
overflow: hidden;
padding-top: 60px;
}
.project-single-area .project-analysis .text-holder {
overflow: hidden;
margin-bottom: 22px;
}
.project-single-area .project-solution {
padding-top: 60px;
}
.project-single-area .project-solution .text-holder {
overflow: hidden;
padding-bottom: 30px;
}
.project-single-area .project-results {
padding-top: 50px;
}
.project-single-area .project-results .text-holder{
padding-bottom: 20px;
}
.single-sidebar .business-enquiry {
background: #45c4e9;
display: block;
padding: 28px 30px 30px;
position: relative;
}
.single-sidebar .business-enquiry:before {
position: absolute;
bottom: 0;
right: 0;
content: "";
background: url(../images/resources/envelop.png);
width: 100px;
height: 60px;
}
.single-sidebar .business-enquiry h3{
color: #ffffff;
font-size: 20px;
font-weight: 400;
font-family: 'Poppins', sans-serif;
margin: 0 0 16px;
}
.single-sidebar .business-enquiry p{
color: #ffffff;
font-size: 16px;
font-weight: 400;
line-height: 28px;
margin: 0;
}
.single-sidebar .business-enquiry a {
background: #ffffff;
height: 42px;
width: 120px;
display: inline-block;
color: #45c4e9;
font-size: 15px;
font-weight: 700;
text-transform: capitalize;
text-align: center;
border-radius: 5px;
line-height: 40px;
font-family: 'Poppins', sans-serif;
margin: 21px 0 0;
transition: all 500ms ease;
border: 2px solid #fff;
}
.single-sidebar .business-enquiry a:hover{
background: transparent;
color: #fff;
}
/***
=============================================
Single service Area style
=============================================
***/
.service-page-area {
padding-top: 80px;
padding-bottom: 30px;
}
.service-page-area .single-service-item {
margin-bottom: 10px;
}
/***
=============================================
Single service Area style
=============================================
***/
#single-service-area {
padding: 80px 0;
}
#single-service-area .sec-title{
padding-bottom: 40px;
}
#single-service-area .sec-title h1{
font-size: 24px;
}
.left-sidebar .single-sidebar {}
.left-sidebar .single-sidebar .page-link {
overflow: hidden;
margin-bottom: 50px;
}
.left-sidebar .single-sidebar .page-link li{
}
.left-sidebar .single-sidebar .page-link li:last-child{
margin-bottom: 0px;
}
.left-sidebar .single-sidebar .page-link li a {
border-bottom: 2px solid #fff;
background: #f7f7f7 none repeat scroll 0 0;
color: #222222;
display: block;
font-size: 14px;
font-weight: 600;
padding: 17px 20px 15px;
width: 100%;
font-family: 'Poppins', sans-serif;
position: relative;
z-index: 1;
transition: all 500ms ease;
transition-delay: 0.15s;
}
.left-sidebar .single-sidebar .page-link li:last-child a{
border-bottom: none;
}
.left-sidebar .single-sidebar .page-link li a:before {
position: absolute;
top: 0;
right: 0;
width: 37px;
height: 56px;
content: "\f178";
font-family: FontAwesome;
color: #ffffff;
line-height: 58px;
font-size: 18px;
transform: translate3d(-30px, 0px, 0px);
transition-delay: 0.5s;
transition: all 500ms ease;
opacity: 0;
}
.left-sidebar .single-sidebar .page-link li a:hover,
.left-sidebar .single-sidebar .page-link li a.active{
color: #fff;
background: #45c4e9;
}
.left-sidebar .single-sidebar .page-link li a:hover:before,
.left-sidebar .single-sidebar .page-link li a.active:before{
transform: translate3d(0px, 0px, 0px);
opacity: 1;
}
.left-sidebar .single-sidebar h3 {
color: #222222;
font-size: 22px;
font-weight: 400;
text-transform: capitalize;
margin: 0 0 24px;
}
.left-sidebar .single-sidebar .brochures-dwn-link {
overflow: hidden;
margin-bottom: 40px;
}
.left-sidebar .single-sidebar .brochures-dwn-link li{
margin-bottom: 10px;
}
.left-sidebar .single-sidebar .brochures-dwn-link li:last-child{
margin-bottom: 0;
}
.left-sidebar .single-sidebar .brochures-dwn-link li a {
border: 1px solid #f4f4f4;
color: #222222;
font-size: 18px;
display: block;
padding: 15px 22px 13px;
transition: all 500ms ease;
font-family: 'Poppins', sans-serif;
}
.left-sidebar .single-sidebar .brochures-dwn-link li a:hover{
background: #45c4e9;
border-color: #45c4e9;
color: #fff;
}
.left-sidebar .single-sidebar .brochures-dwn-link li a .icon-holder{
width: 35px;
}
.left-sidebar .single-sidebar .brochures-dwn-link li a .icon-holder,
.left-sidebar .single-sidebar .brochures-dwn-link li a .title-holder{
display: table-cell;
vertical-align: middle;
}
.left-sidebar .single-sidebar .brochures-dwn-link li a .title-holder h5{
font-size: 18px;
}
.left-sidebar .single-sidebar .contact-author-info{
}
.left-sidebar .single-sidebar .contact-author-info ul li .title {
padding-bottom: 0;
}
.left-sidebar .single-sidebar .contact-author-info ul li .title h3 {
margin-bottom: 15px;
}
#single-service-area .content-box{}
#single-service-area .content-box .top-content {
overflow: hidden;
}
#single-service-area .content-box .top-content .single-item {
margin-bottom: 30px;
}
#single-service-area .content-box .top-content .single-item .img-holder {
}
#single-service-area .content-box .top-content .single-item .img-holder img {
width: 100%;
}
#single-service-area .content-box .top-content .single-item .text-holder {
display: block;
padding: 25px 0px 15px;
}
#single-service-area .content-box .top-content .single-item .text-holder .mar-btm15{
margin-bottom: 15px;
}
#single-service-area .content-box .top-content .single-item .text-holder p{
margin: 0;
}
#single-service-area .content-box .specific-services{
overflow: hidden;
margin-bottom: 20px;
}
#single-service-area .content-box .specific-services .single-item {
overflow: hidden;
margin-bottom: 40px;
text-align: center;
position: relative;
}
#single-service-area .content-box .specific-services .single-item .icon-holder {
border: 1px solid #f4f4f4;
width: 65px;
height: 65px;
display: block;
margin: 0px auto 0;
position: relative;
background: #fff;
border-radius: 50%;
top: 33px;
transition: all 500ms ease;
}
#single-service-area .content-box .specific-services .single-item:hover .icon-holder{
background: #45c4e9;
border-color: #45c4e9;
}
#single-service-area .content-box .specific-services .single-item .icon-holder span:before {
color: #45c4e9;
font-size: 32px;
font-weight: 600;
line-height: 62px;
transition: all 700ms ease;
}
#single-service-area .content-box .specific-services .single-item:hover .icon-holder span:before{
color: #fff;
}
#single-service-area .content-box .specific-services .single-item .text-holder {
border: 1px solid #f4f4f4;
display: block;
padding: 50px 10px 40px;
}
#single-service-area .content-box .specific-services .single-item .text-holder h3{
font-size: 18px;
margin: 0 0 15px;
}
#single-service-area .content-box .specific-services .single-item .text-holder p{
margin: 0;
}
#single-service-area .content-box .specific-services .single-item .text-holder a {
border: 2px solid #f4f4f4;
height: 45px;
width: 140px;
border-radius: 4px;
display: block;
color: #45c4e9;
font-size: 15px;
font-weight: 500;
text-transform: capitalize;
font-family: 'Poppins', sans-serif;
line-height: 42px;
margin: 22px auto 0;
transition: all 900ms ease;
}
#single-service-area .content-box .specific-services .single-item:hover .text-holder a{
background: #45c4e9;
border-color: #45c4e9;
color: #fff;
}
#single-service-area .content-box .benefits-service-content {
border-top: 1px solid #f4f4f4;
padding-top: 60px;
overflow: hidden;
margin-bottom: 60px;
}
#single-service-area .content-box .benefits-service-content .text-holder {
overflow: hidden;
}
#single-service-area .content-box .benefits-service-content .text-holder ul {
overflow: hidden;
}
#single-service-area .content-box .benefits-service-content .text-holder ul li{
line-height: 30px;
}
#single-service-area .content-box .benefits-service-content .text-holder ul li i {
display: inline-block;
padding-right: 13px;
color: #45c4e9;
font-weight: 600;
}
#single-service-area .content-box .benefits-service-content .video-holder{
width: 100%;
height: auto;
text-align: center;
position: relative;
overflow: hidden;
}
#single-service-area .content-box .benefits-service-content .video-holder img{
transform: scale(1);
transition: all 0.5s ease 0s;
width: 100%;
}
#single-service-area .content-box .benefits-service-content .video-holder .overlay-gallery {
bottom: 0;
height: 100%;
left: 0;
position: absolute;
right: 0;
top: 0;
width: 100%;
background-color: rgba(72, 196, 233, 0.90);
transition: all 500ms ease;
}
#single-service-area .content-box .benefits-service-content .video-holder .overlay-gallery .icon-holder{
display: table;
height: 100%;
width: 100%;
}
#single-service-area .content-box .benefits-service-content .video-holder .overlay-gallery .icon-holder .icon{
display: table-cell;
vertical-align: middle;
}
#single-service-area .content-box .benefits-service-content .video-holder .overlay-gallery .icon-holder .icon a img{
width: auto;
transform: scale(1);
transition: all 0.5s ease 0s;
}
#single-service-area .content-box .benefits-service-content .video-holder:hover .overlay-gallery {
background-color: rgba(72, 196, 233, 0.50);
}
#single-service-area .content-box .benefits-service-content .video-holder:hover img {
transform: scale(1.1);
}
#single-service-area .content-box .benefits-service-content .video-holder .overlay-gallery .icon-holder .icon a:hover img{
transform: scale(1.1);
}
#single-service-area .content-box .accordion-box {
border: 1px solid #f4f4f4;
display: block;
padding: 20px 30px 0;
margin-bottom: 60px;
}
#single-service-area .content-box .consultation-form{}
#single-service-area .content-box .consultation-form form{
display: block;
border: 1px solid #eeeeee;
padding: 30px;
}
#single-service-area .content-box .consultation-form form input[type="text"],
#single-service-area .content-box .consultation-form form input[type="email"],
#single-service-area .content-box .consultation-form form textarea{
background: #ffffff;
border: 1px solid #ececec;
color: #999999;
display: block;
font-size: 14px;
height: 50px;
margin-bottom: 30px;
padding: 0 15px;
width: 100%;
transition: all 500ms ease;
}
#single-service-area .content-box .consultation-form form textarea {
height: 210px;
margin-bottom: 30px;
padding: 10px 15px;
}
#single-service-area .content-box .consultation-form form input[type="text"]:focus{
border-color: #45c4e9;
}
#single-service-area .content-box .consultation-form form input[type="email"]:focus{
border-color: #45c4e9;
}
#single-service-area .content-box .consultation-form form textarea:focus{
border-color: #45c4e9;
}
#single-service-area .content-box .consultation-form form button{
width: 100%;
padding: 13px 0 11px;
}
/***
=============================================
Shop Area style
=============================================
***/
.shop-area {
padding-top: 80px;
padding-bottom: 80px;
}
.shop-area .sidebar-wrapper .single-sidebar .sec-title {
padding-bottom: 30px;
}
.shop-area .shop-content {
overflow: hidden;
}
.shop-area .showing-result-shorting {
overflow: hidden;
padding-bottom: 20px;
}
.shop-area .showing-result-shorting .showing{}
.shop-area .showing-result-shorting .shorting{ }
.shop-area .showing-result-shorting .showing p {
color: #848484;
font-size: 16px;
font-weight: 400;
margin: 5px 0;
}
.single-product-item{
background: #fff;
margin-bottom: 40px;
transition: all 0.7s ease;
}
.single-product-item:hover{ }
.single-product-item .img-holder {
display: block;
overflow: hidden;
position: relative;
}
.single-product-item .img-holder img{
-webkit-transition: all 0.7s ease;
transition: all 0.7s ease;
width: 100%;
}
.single-product-item:hover .img-holder img{
transform: scale(1.1);
}
.single-product-item:hover .img-holder .overlay-style-one{
opacity: 1;
-webkit-transform: perspective(400px) rotateX(0deg);
-moz-transform: perspective(400px) rotateX(0deg);
-ms-transform: perspective(400px) rotateX(0deg);
-o-transform: perspective(400px) rotateX(0deg);
transform: perspective(400px) rotateX(0deg);
}
.single-product-item .img-holder .overlay-style-one .box .content a i {
border: 2px solid #fff;
display: inline-block;
width: 40px;
height: 40px;
border-radius: 3px;
font-size: 15px;
line-height: 38px;
transition: all 500ms ease;
}
.single-product-item .img-holder .overlay-style-one .box .content a:hover i{
background: #222;
border-color: #222;
}
.single-product-item .title-holder {
padding: 19px 15px 12px;
border: 1px solid #f4f4f4;
border-top: none;
}
.single-product-item .title-holder .product-title {
color: #222222;
font-size: 16px;
font-weight: 400;
text-transform: capitalize;
margin: 0 0 10px;
}
.single-product-item .title-holder .product-value {
color: #45c4e9;
font-size: 15px;
font-weight: 400;
text-transform: capitalize;
font-family: 'Hind', sans-serif;
margin: 0 0 17px;
}
.single-product-item .title-holder .botton {
position: relative;
border-top: 1px solid #f4f4f4;
margin-left: -15px;
margin-right: -15px;
display: block;
padding: 14px 15px 0;
}
.single-product-item .title-holder .botton .product-cart{
}
.single-product-item .title-holder .botton .product-cart a {
color: #999999;
font-size: 15px;
font-weight: 400;
font-family: 'Hind', sans-serif;
transition: all 500ms ease;
}
.single-product-item .title-holder .botton .product-cart a i{
display: inline-block;
padding-right: 5px;
transition: all 500ms ease;
}
.single-product-item .title-holder .botton .product-cart a:hover{
color: #45c4e9;
}
.shop-area .post-pagination{
margin-top: 20px;
}
.single-sidebar .price-ranger{ }
.single-sidebar .price-ranger .ui-widget-content {
background: #e5e5e5;
border: none;
height: 2px;
position: relative;
}
.single-sidebar .price-ranger .ui-widget-content:before{
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 1px;
background: #f0f0f0;
content: "";
}
.single-sidebar .price-ranger .ui-slider-handle {
background: #45c4e9 none repeat scroll 0 0;
border: 2px solid #252525;
border-radius: 50%;
height: 10px;
margin-left: -4px;
outline: medium none;
width: 10px;
cursor: pointer;
}
.single-sidebar .price-ranger .ui-slider-horizontal .ui-slider-handle {
top: -4px;
}
.single-sidebar .price-ranger .ui-slider .ui-slider-range {
background: #252525;
}
.single-sidebar .price-ranger #slider-range {
margin-left: 4px;
margin-right: 6px;
margin-top: 0;
}
.single-sidebar .price-ranger .ranger-min-max-block {
margin-bottom: 0px;
margin-top: 30px;
overflow: hidden;
}
.single-sidebar .price-ranger .ranger-min-max-block input {
display: inline-block;
}
.single-sidebar .price-ranger .ranger-min-max-block input[type="submit"] {
float: left;
margin-right: 20px;
padding: 6px 0px 5px;
text-align: center;
width: 80px;
border: none;
background: #45c4e9;
color: #fff;
font-size: 15px;
font-weight: 700;
border-radius: 3px;
transition: all 500ms ease;
}
.single-sidebar .price-ranger .ranger-min-max-block input[type="submit"]:hover{
background: #179bc2;
}
.single-sidebar .price-ranger .ranger-min-max-block input[type="text"] {
border: medium none;
color: #999999;
font-size: 14px;
font-weight: 400;
outline: medium none;
text-align: right;
width: 40px;
margin: 6px 0 0;
}
.single-sidebar .price-ranger .ranger-min-max-block input[type='text'].max {}
.single-sidebar .price-ranger .ranger-min-max-block span {
color: #999999;
font-weight: 600;
font-size: 16px;
}
.sidebar-wrapper .single-sidebar .popular-product {}
.sidebar-wrapper .single-sidebar .popular-product li {
border-bottom: 1px solid #f7f7f7;
margin-bottom: 25px;
overflow: hidden;
padding-bottom: 25px;
padding-left: 70px;
position: relative;
}
.sidebar-wrapper .single-sidebar .popular-product li:last-child {
border-bottom: none;
margin-bottom: 0px;
padding-bottom: 0;
}
.sidebar-wrapper .single-sidebar .popular-product li .img-holder{
display: block;
overflow: hidden;
position: absolute;
width: 70px;
min-height: 70px;
top: 0;
left: 0;
}
.sidebar-wrapper .single-sidebar .popular-product li .img-holder img{
transition: all 0.5s ease 0s;
width: 100%;
}
.sidebar-wrapper .single-sidebar .popular-product li:hover .img-holder img{
}
.sidebar-wrapper .single-sidebar .popular-product li .img-holder .overlay-style-one .box .content a i {
opacity: 0;
font-size: 16px;
color: #fff;
}
.sidebar-wrapper .single-sidebar .popular-product li:hover .img-holder .overlay-style-one .box .content a i{
opacity: 1;
}
.sidebar-wrapper .single-sidebar .popular-product li:hover .img-holder .overlay-style-one{
opacity: 1;
-webkit-transform: perspective(400px) rotateX(0deg);
-moz-transform: perspective(400px) rotateX(0deg);
-ms-transform: perspective(400px) rotateX(0deg);
-o-transform: perspective(400px) rotateX(0deg);
transform: perspective(400px) rotateX(0deg);
}
.sidebar-wrapper .single-sidebar .popular-product li .title-holder {
padding-left: 20px;
}
.sidebar-wrapper .single-sidebar .popular-product li .title-holder a h4 {
color: #222222;
font-size: 16px;
font-weight: 400;
text-transform: capitalize;
margin: 0 0 10px;
transition: all 500ms ease;
}
.sidebar-wrapper .single-sidebar .popular-product li .title-holder h5 {
color: #45c4e9;
font-size: 15px;
font-weight: 400;
text-transform: capitalize;
font-family: 'Hind', sans-serif;
}
.sidebar-wrapper .single-sidebar .popular-product li .title-holder .review-box {
line-height: 14px;
margin: 10px 0 0;
}
.sidebar-wrapper .single-sidebar .popular-product li .title-holder .review-box li {
display: inline-block;
margin: 0 1px;
position: static;
padding: 0;
border: none;
}
.sidebar-wrapper .single-sidebar .popular-product li .title-holder .review-box li i{
font-size: 12px;
color: #cacaca;
}
.sidebar-wrapper .single-sidebar .popular-product li:hover .title-holder h4{
color: #45c4e9;
}
.sidebar-wrapper .single-sidebar .product-tag{
margin-left: -3px;
margin-right: -3px;
margin-top: -5px;
}
.sidebar-wrapper .single-sidebar .product-tag li{
display: inline-block;
margin: 0 3px 10px;
}
.sidebar-wrapper .single-sidebar .product-tag li a{
border: 1px solid #f4f4f4;
color: #999999;
display: block;
font-size: 14px;
font-weight: 400;
padding: 4px 10px 3px;
font-family: 'Hind', sans-serif;
transition: all 500ms ease 0s;
}
.sidebar-wrapper .single-sidebar .product-tag li a:hover{
background: #45c4e9;
border-color: #45c4e9;
color: #fff;
}
/***
=============================================
Single Shop Area style
=============================================
***/
.single-shop-area{
padding-top: 80px;
padding-bottom: 40px;
}
.single-shop-content .img-holder {
margin-right: 50px;
}
.single-shop-content .content-box {
margin-left: -50px;
}
.single-shop-content .content-box h3 {
color: #222222;
font-size: 24px;
font-weight: 400;
margin: 0 0 8px;
text-transform: capitalize;
}
.single-shop-content .content-box .review-box {
margin: 0 0 15px;
}
.single-shop-content .content-box .review-box ul {}
.single-shop-content .content-box .review-box ul li {}
.single-shop-content .content-box .review-box ul li i {
color: #45c4e9;
font-size: 15px;
}
.single-shop-content .content-box span.price {
color: #45c4e9;
font-size: 22px;
font-weight: 400;
font-family: 'Nunito', sans-serif;
}
.single-shop-content .content-box .text {
overflow: hidden;
padding: 25px 0 9px;
}
.single-shop-content .content-box .location-box {
margin: 4px 0 20px;
}
.single-shop-content .content-box .location-box p {
color: #222222;
font-size: 16px;
font-weight: 400;
margin: 0 0 12px;
}
.single-shop-content .content-box .location-box form input {
border: 2px solid #f7f7f7;
height: 40px;
padding-left: 10px;
padding-right: 10px;
width: 170px;
transition: all 500ms ease;
margin: 0 0 15px;
}
.single-shop-content .content-box .location-box form input:focus{
border-color: #45c4e9;
}
.single-shop-content .content-box .location-box form button {
background: #f7f7f7 none repeat scroll 0 0;
border: medium none;
color: #252525;
font-size: 14px;
font-weight: 700;
height: 40px;
margin-left: 6px;
padding: 0;
text-align: center;
text-transform: uppercase;
transition: all 500ms ease 0s;
width: 95px;
position: relative;
top: 0px;
padding-top: 2px;
}
.single-shop-content .content-box .location-box form button:hover{
background: #45c4e9;
color: #fff;
}
.single-shop-content .content-box .location-box form span {
color: #45c4e9;
}
.single-shop-content .content-box .addto-cart-box {}
.single-shop-content .content-box .addto-cart-box .input-group.bootstrap-touchspin {
float: left;
width: 70px;
}
.single-shop-content .content-box .addto-cart-box .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up {
border-radius: 0
}
.single-shop-content .content-box .addto-cart-box .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down {
border-radius: 0;
margin-top: -2px;
}
.single-shop-content .content-box .addto-cart-box .bootstrap-touchspin .input-group-btn-vertical > .btn {
display: block;
float: none;
margin-left: -1px;
max-width: 100%;
padding: 12px 12px;
position: relative;
width: 100%;
}
.single-shop-content .content-box .addto-cart-box .btn-default {
background-color: #efefef;
border-color: #efefef;
color: #9e9e9e;
}
.single-shop-content .content-box .addto-cart-box .bootstrap-touchspin .input-group-btn-vertical i {
color: #9e9e9e;
font-weight: normal;
left: 8px;
position: absolute;
top: 7px;
}
.single-shop-content .content-box .addto-cart-box button.addtocart {
margin-left: 25px;
padding: 11px 30px 9px;
}
.product-tab-box {
border: 1px solid #ececec;
border-top: none;
border-right: none;
border-left: none;
overflow: hidden;
margin-top: 80px;
}
.product-tab-box .tab-menu {
border-bottom: 1px solid #ececec;
margin-bottom: 30px;
}
.product-tab-box .tab-menu li {
display: inline-block;
float: left;
margin-bottom: -1px;
margin-right: 3px;
}
.product-tab-box .tab-menu li a {
background: #f7f7f7;
border-top: 1px solid #ececec;
border-left: 1px solid #ececec;
border-right: 1px solid #ececec;
border-bottom: 1px solid transparent;
border-radius: 0;
display: block;
margin-right: 1px;
padding: 15px 30px 13px;
color: #222222;
font-size: 16px;
font-weight: 600;
text-transform: capitalize;
background: #f7f7f7;
transition: all 500ms ease;
}
.product-tab-box .tab-menu li.active a,
.product-tab-box .tab-menu li:hover a{
background: #ffffff;
color: #45c4e9;
border-left-color: #ececec;
border-top-color: #ececec;
border-right-color: #ececec;
}
.product-tab-box .tab-content {
border-left: 1px solid #ececec;
border-right: 1px solid #ececec;
margin-top: -30px;
padding: 30px 30px 40px;
}
.product-tab-box .tab-content .review-box {
}
.product-tab-box .tab-content .review-box .title {
margin-top: 3px;
padding-bottom: 25px;
}
.product-tab-box .tab-content .review-box .title h3 {
color: #3d3d3d;
font-size: 20px;
font-weight: 400;
text-transform: capitalize;
}
.product-tab-box .tab-content .review-box .single-review-box {
margin-bottom: 30px;
padding-left: 60px;
position: relative;
}
.product-tab-box .tab-content .review-box .single-review-box .img-holder {
left: 0;
position: absolute;
top: 0;
}
.product-tab-box .tab-content .review-box .single-review-box .text-holder {
border: 1px solid #ececec;
margin-left: 20px;
padding: 17px 20px 12px;
}
.product-tab-box .tab-content .review-box .single-review-box .text-holder .top {
margin: 0 0 10px;
overflow: hidden;
}
.product-tab-box .tab-content .review-box .single-review-box .text-holder .top .name h4 {
color: #3d3d3d;
font-size: 16px;
font-weight: 400;
margin: 0;
text-transform: capitalize;
}
.product-tab-box .tab-content .review-box .single-review-box .text-holder .top .review-box ul {
margin-top: -2px;
padding-left: 0px;
position: relative;
}
.product-tab-box .tab-content .review-box .single-review-box .text-holder .top .review-box ul li {
display: inline-block;
margin-right: 1px;
}
.product-tab-box .tab-content .review-box .single-review-box .text-holder .top .review-box ul li i {
color: #45c4e9;
font-size: 14px;
}
.product-tab-box .tab-content .review-box .single-review-box .text-holder .text p {
margin: 0;
}
.product-tab-box .tab-content .review-form .title{
}
.product-tab-box .tab-content .review-form .title h3 {
margin: 0 0 15px;
}
.product-tab-box .tab-content .review-form .add-rating-box {
margin: 0 0 20px;
}
.product-tab-box .tab-content .review-form .add-rating-box .add-rating-title h4 {
color: #848484;
font-size: 16px;
font-weight: 400;
margin: 0 0 10px;
font-family: 'Hind', sans-serif;
text-transform: none;
}
.product-tab-box .tab-content .review-form .add-rating-box ul li {
border-right: 1px solid #ebebeb;
display: inline-block;
line-height: 20px;
margin-right: 10px;
padding-right: 10px;
}
.product-tab-box .tab-content .review-form .add-rating-box ul li:last-child{
margin-right: 0px;
padding-right: 0px;
border-right: 0px solid #ebebeb;
}
.product-tab-box .tab-content .review-form .add-rating-box ul li a i {
color: #d6d6d6;
font-size: 12px;
line-height: 20px;
margin-right: 1px;
opacity: 0.9;
transition: all 500ms ease 0s;
}
.product-tab-box .tab-content .review-form form .field-label p {
color: #848484;
font-size: 16px;
font-weight: 400;
margin: 0 0 3px;
font-family: 'Hind', sans-serif;
}
.product-tab-box .tab-content .review-form form input[type="text"],
.product-tab-box .tab-content .review-form form input[type="email"],
.product-tab-box .tab-content .review-form form textarea {
background: #fff;
height: 50px;
width: 100%;
border: 1px solid #ececec;
color: #252525;
font-size: 14px;
padding: 0 15px;
margin-bottom: 20px;
transition: all 500ms ease;
}
.product-tab-box .tab-content .review-form form textarea {
height: 110px;
padding: 10px 15px;
margin-bottom: 25px;
}
.product-tab-box .tab-content .review-form form button {
padding: 11px 35px 9px;
}
.product-tab-box .tab-content .review-form form button:hover{}
.product-tab-box .tab-content .review-form .add-rating-box ul li:hover a i{
opacity: 1;
color: #45c4e9;
}
.product-tab-box .tab-content .review-form form input[type="text"]:focus{
border-color: #45c4e9;
}
.product-tab-box .tab-content .review-form form input[type="email"]:focus{
border-color: #45c4e9;
}
.product-tab-box .tab-content .review-form form textarea:focus{
border-color: #45c4e9;
}
.related-product {
padding-top: 70px;
}
.related-product .sec-title {
padding-bottom: 40px;
}
.related-product .single-product-item {}
.single-shop-area .sidebar-wrapper .single-sidebar .sec-title {
overflow: hidden;
padding-bottom: 30px;
}
/***
=============================================
Cart area style
=============================================
***/
.cart-area {
padding-bottom: 80px;
padding-top: 80px;
}
.cart-area .sec-title{
padding-bottom: 32px;
}
.cart-area .sec-title h1{
font-size: 24px;
}
.cart-area .table-outer {
overflow-x: auto;
position: relative;
width: 100%;
}
.cart-area .cart-table {
min-width: 1024px;
width: 100%;
}
.cart-area .cart-table .cart-header {
background: #f7f7f7;
color: #222222;
font-family: 'Poppins', sans-serif;
font-size: 16px;
position: relative;
text-transform: capitalize;
width: 100%;
}
.cart-area .cart-table thead tr th {
font-weight: 400;
line-height: 24px;
min-width: 110px;
padding: 20px 25px;
}
.cart-area .cart-table thead tr th.prod-column {
padding-left: 30px;
text-align: left;
}
.cart-area .cart-table thead tr th.availability {
padding: 0 40px
}
.cart-area .cart-table tbody tr {
border-bottom: 1px solid #f7f7f7;
}
.cart-area .cart-table tbody tr td {
color: #999999;
font-family: 'Hind', sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 20px;
min-width: 100px;
padding: 27.5px 25px;
}
.cart-area .cart-table tbody tr .prod-column .column-box {
min-height: 70px;
position: relative;
}
.cart-area .cart-table tbody tr .prod-column .column-box .prod-thumb {
width: 70px;
border: 2px solid #f7f7f7;
padding: 3px;
}
.cart-area .cart-table tbody tr .prod-column .column-box .prod-thumb img {
display: block;
max-width: 100%;
}
.cart-area .cart-table tbody tr .prod-column .column-box .prod-thumb,
.cart-area .cart-table tbody tr .prod-column .column-box .title{
display: table-cell;
vertical-align: middle;
}
.cart-area .cart-table tbody tr .prod-column .column-box .title{
padding-left: 20px;
}
.cart-area .cart-table tbody tr .prod-column .column-box .title h3 {
color: #222222;
font-size: 16px;
font-weight: 400;
text-transform: capitalize;
font-family: 'Poppins', sans-serif;
}
.cart-area .cart-table tbody tr .qty {
padding-right: 25px;
width: 120px;
}
.cart-area .cart-table tbody tr .qty .input-group.bootstrap-touchspin {}
.cart-area .cart-table tbody tr .qty .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up {
border-radius: 0;
margin-left: 0;
padding: 11px;
}
.cart-area .cart-table tbody tr .qty .btn-default {
background-color: #e0dcdc;
border-color: #ababab;
color: #fff;
}
.cart-area .cart-table tbody tr .qty .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down {
border-radius: 0;
margin-left: 0;
margin-top: -1px;
padding: 10px;
}
.cart-area .cart-table tbody tr .qty .bootstrap-touchspin .input-group-btn-vertical i {
font-size: 9px;
left: 6px;
top: 6px;
}
.cart-area .cart-table tbody tr td.unit-price {
padding-left: 40px;
padding-right: 20px;
}
.cart-area .cart-table tbody .available-info {
color: #999999;
font-size: 14px;
font-weight: 400;
line-height: 20px;
padding-left: 50px;
position: relative;
}
.cart-area .cart-table tbody .available-info .icon {
background: #45c4e9 none repeat scroll 0 0;
border-radius: 50%;
color: #ffffff;
font-size: 18px;
height: 40px;
left: 0;
line-height: 40px;
position: absolute;
text-align: center;
top: 0px;
width: 40px;
}
.cart-area .cart-table tbody tr td.price {
color: #999999;
font-size: 18px;
font-weight: 400;
}
.cart-area .cart-table tbody tr .sub-total {
color: #45c4e9;
font-weight: 400;
font-size: 18px;
}
.cart-area .cart-table tbody tr td .remove{ }
.cart-area .cart-table tbody tr td .remove .checkbox label {
color: #777;
font-size: 16px;
font-weight: 400;
}
.cart-area .cart-table tbody tr td .remove .checkbox label input[type="checkbox"] {
display: inline-block;
position: relative;
top: 1px;
}
.cart-middle {
padding-top: 30px
}
.cart-middle .apply-coupon {
padding-left: 245px;
position: relative;
}
.cart-middle .apply-coupon input[type="text"] {
border: 2px solid #f7f7f7;
color: #777;
font-size: 14px;
font-weight: 400;
height: 50px;
left: 0;
padding: 0 15px;
position: absolute;
text-transform: capitalize;
top: 0;
transition: all 500ms ease 0s;
width: 225px;
}
.cart-middle .apply-coupon input[type="text"]:focus {
border: 2px solid #45c4e9
}
.cart-middle .apply-coupon .apply-coupon-button button {
padding: 11px 45px 9px;
}
.cart-middle .update-cart button {
padding: 11px 35px 9px;
background: #f7f7f7;
color: #222222;
border-color: #f7f7f7;
}
.cart-middle .update-cart button:hover{
background: #45c4e9;
color: #fff;
}
.cart-bottom {
overflow: hidden;
padding-top: 76px;
}
.cart-bottom .calculate-shipping {}
.cart-bottom .calculate-shipping .ui-state-default .ui-icon {}
.cart-bottom .calculate-shipping .ui-selectmenu-button span.ui-icon {
border-left: 2px solid #f7f7f7;
display: block;
float: right;
height: 41px;
text-indent: 0;
top: 8px;
width: 45px;
position: absolute;
right: 0;
display: block;
}
.cart-bottom .calculate-shipping .ui-selectmenu-button span.ui-icon::before {
color: #ababae;
content: "\f107";
font-family: FontAwesome;
font-size: 20px;
overflow: visible;
position: absolute;
right: 14px;
top: 8px;
}
.cart-bottom .calculate-shipping .ui-selectmenu-button span.ui-selectmenu-text {
display: block;
line-height: 18px;
overflow: hidden;
padding: 12px 17px;
text-align: left;
}
.cart-bottom .calculate-shipping input[type="text"] {
border: 2px solid #f7f7f7;
color: #777;
display: block;
font-size: 14px;
height: 45px;
padding: 0 18px;
width: 100%;
font-weight: 400;
margin-bottom: 30px;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.cart-bottom .calculate-shipping input[type="text"]:focus {
border: 2px solid #45c4e9
}
.cart-bottom .calculate-shipping button {
padding: 11px 40px 9px;
background: #f7f7f7;
border-color: #f7f7f7;
color: #222222;
}
.cart-bottom .calculate-shipping button:hover{
background: #45c4e9;
border-color: #45c4e9;
}
.cart-bottom button.checkout-btn{
padding: 11px 35px 9px;
margin-top: 30px;
float: right;
}
/***
=============================================
Checkout Area style
=============================================
***/
.checkout-area {
padding-bottom: 80px;
padding-top: 80px;
}
.checkout-area .sec-title {
padding-bottom: 40px;
}
.checkout-area .sec-title h1 {
color: #222;
font-size: 24px;
text-transform: none;
}
.checkout-area .exisitng-customer {
background: #f7f7f7;
display: block;
padding: 20px 28px 21px;
position: relative;
margin-bottom: 20px;
}
.checkout-area .exisitng-customer:before{
position: absolute;
top: 0;
left: 0;
width: 2px;
height: 100%;
background: #45c4e9;
content: "";
}
.checkout-area .exisitng-customer h5{
color: #222222;
font-size: 16px;
font-weight: 400;
font-family: 'Poppins', sans-serif;
}
.checkout-area .exisitng-customer h5 a{
color: #45c4e9;
display: inline-block;
padding-left: 15px;
}
.checkout-area .coupon {
background: #f7f7f7;
display: block;
padding: 20px 28px 21px;
position: relative;
margin-bottom: 60px;
}
.checkout-area .coupon:before {
position: absolute;
top: 0;
left: 0;
width: 2px;
height: 100%;
background: #45c4e9;
content: "";
}
.checkout-area .coupon h5 {
color: #222222;
font-size: 16px;
font-weight: 400;
font-family: 'Poppins', sans-serif;
}
.checkout-area .coupon h5 a {
color: #45c4e9;
display: inline-block;
padding-left: 15px;
}
.checkout-area .form form .field-label {
color: #222222;
font-size: 16px;
font-weight: 400;
margin: 0 0 3px;
text-transform: capitalize;
font-family: 'Poppins', sans-serif;
}
.checkout-area .form form .field-input input[type="text"] {
border: 2px solid #f4f4f4;
color: #999999;
display: block;
font-size: 14px;
height: 48px;
margin-bottom: 23px;
padding: 0 15px;
width: 100%;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.checkout-area .form form .field-input input[type="text"]:focus{
border: 2px solid #45c4e9;
}
.checkout-area .create-acc .checkbox {
margin: 7px 0 0;
}
.checkout-area .create-acc .checkbox label {
color: #45c4e9;
font-weight: 400;
font-size: 16px;
}
.checkout-area .create-acc .checkbox input {
margin-top: 6px;
}
.checkout-area .shipping-info input[type="checkbox"] {
cursor: pointer;
display: inline-block;
margin: 0 0 0 25px;
position: relative;
top: 0px;
vertical-align: middle;
}
.checkout-area .form form .field-input textarea {
border: 2px solid #f4f4f4;
color: #999;
display: block;
font-size: 14px;
height: 119px;
padding: 10px 15px;
width: 100%;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.checkout-area .form form .field-input textarea:focus{
border-color: #45c4e9;
}
.checkout-area .bottom {
padding-top: 60px
}
.checkout-area .table {
overflow-x: auto;
position: relative;
width: 100%;
margin-bottom: 0;
}
.checkout-area .table .cart-table {
min-width: auto;
width: 100%;
}
.checkout-area .table .cart-table .cart-header {
background: #f7f7f7;
color: #222222;
font-size: 16px;
position: relative;
text-transform: capitalize;
width: 100%;
font-family: 'Poppins', sans-serif;
}
.checkout-area .table .cart-table thead tr th {
font-weight: 400;
line-height: 24px;
min-width: 110px;
padding: 19px 30px 17px;
}
.checkout-area .table .cart-table thead tr th.product-column {
padding-left: 30px;
text-align: left;
}
.checkout-area .table .cart-table tbody tr {
border-bottom: 1px solid #f7f7f7;
}
.checkout-area .table .cart-table tbody tr td {
vertical-align: middle
}
.checkout-area .table .cart-table tbody tr td {
min-width: 110px;
padding: 25px 20px;
}
.checkout-area .table .cart-table tbody tr .product-column .column-box {
min-height: 70px;
}
.checkout-area .table .cart-table tbody tr .product-column .column-box .prod-thumb {
width: 70px;
border: 2px solid #f7f7f7;
padding: 3px;
}
.checkout-area .table .cart-table tbody tr .product-column .column-box .prod-thumb img {
display: block;
max-width: 100%;
}
.checkout-area .table .cart-table tbody tr .product-column .column-box .prod-thumb,
.checkout-area .table .cart-table tbody tr .product-column .column-box .product-title{
display: table-cell;
vertical-align: middle;
}
.checkout-area .table .cart-table tbody tr .product-column .column-box .product-title{
padding-left: 15px;
}
.checkout-area .table .cart-table tbody tr .product-column .column-box .product-title h3 {
color: #222222;
font-size: 16px;
font-weight: 400;
text-transform: capitalize;
font-family: 'Poppins', sans-serif;
}
.checkout-area .table .cart-table tbody tr .qty {
padding-right: 30px;
width: 130px;
}
.checkout-area .table .cart-table tbody tr .qty .input-group.bootstrap-touchspin {
float: right;
width: 60px;
}
.checkout-area .table .cart-table tbody tr .qty .form-control {
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 0;
box-shadow: none;
color: #252525;
display: block;
font-size: 18px;
font-weight: 400;
height: 34px;
padding: 6px 0;
text-align: center;
}
.checkout-area .table .cart-table tbody tr .qty .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up {
border-radius: 0
}
.checkout-area .table .cart-table tbody tr .qty .btn-default {
background-color: #45c4e9;
border-color: #32b6dc;
color: #fff;
}
.checkout-area .table .cart-table tbody tr .qty .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down {
border-radius: 0;
margin-top: -2px;
}
.checkout-area .table .cart-table tbody tr td.price {
color: #32b6dc;
font-size: 18px;
font-weight: 400;
}
.cart-total{}
.cart-total-table {
border: 2px solid #f7f7f7
}
.cart-total-table li {
border-bottom: 1px solid #f7f7f7
}
.cart-total-table li:last-child {
border-bottom: none
}
.cart-total-table li span.col.col-title {
border-right: 1px solid #f7f7f7;
color: #222222;
display: block;
float: left;
font-size: 16px;
font-weight: 400;
line-height: 28px;
padding: 10px 18px;
position: relative;
width: 50%;
font-family: 'Poppins', sans-serif;
}
.cart-total-table li span.col {
color: #999999;
display: block;
float: left;
font-size: 14px;
font-weight: 400;
line-height: 28px;
padding: 10px 18px;
position: relative;
width: 50%;
font-family: 'Hind', sans-serif;
}
.cart-total-table li span.col b {
color: #45c4e9;
font-weight: 300;
text-decoration: underline;
}
.cart-total .payment-options {
background: #f7f7f7 none repeat scroll 0 0;
margin-top: 30px;
overflow: hidden;
padding: 23px 20px 35px;
}
.cart-total .payment-options .option-block {
margin-bottom: 14px
}
.cart-total .payment-options .option-block .checkbox {
margin: 0 0 5px;
}
.cart-total .payment-options .option-block .checkbox label {
font-weight: 700;
min-height: 20px;
padding-left: 20px;
}
.cart-total .payment-options .option-block .checkbox label input {
position: relative;
top: 1px;
}
.cart-total .payment-options .option-block .checkbox label span {
color: #222222;
font-size: 16px;
padding-left: 10px;
font-weight: 400;
font-family: 'Poppins', sans-serif;
}
.cart-total .payment-options .option-block .checkbox label span b {
color: #45c4e9;
display: inline-block;
font-size: 14px;
font-weight: 400;
padding-left: 25px;
text-decoration: underline;
}
.cart-total .payment-options .option-block .text{
padding-left: 30px;
}
.cart-total .payment-options .option-block .text p {
margin: 0;
line-height: 28px;
}
.placeorder-button button {
padding: 11px 40px 9px;
margin-top: 20px;
}
/***
=============================================
Login Register Area style
=============================================
***/
.login-register-area {
padding-bottom: 80px;
padding-top: 80px;
}
.login-register-area .form .sec-title {
padding-bottom: 40px;
}
.login-register-area .form .sec-title h1{
font-size: 24px;
text-transform: none;
}
.login-register-area .form .input-field {
position: relative;
}
.login-register-area .form .input-field input[type="text"] {
border: 2px solid #f4f4f4;
color: #777;
font-size: 15px;
height: 50px;
margin-bottom: 30px;
padding-left: 15px;
padding-right: 50px;
width: 100%;
transition: all 700ms ease 0s;
}
.login-register-area .form .input-field input[type="password"] {
border: 2px solid #f4f4f4;
color: #777;
font-size: 15px;
height: 50px;
margin-bottom: 30px;
padding-left: 15px;
padding-right: 50px;
width: 100%;
transition: all 700ms ease 0s;
}
.login-register-area .form .input-field .icon-holder {
position: absolute;
right: 20px;
top: 11px;
}
.login-register-area .form .input-field .icon-holder i {
color: #777;
font-size: 14px;
font-weight: 400;
}
.login-register-area .form button {
margin-top: 10px;
padding: 11px 45px 9px;
}
.login-register-area .form .remember-text {
margin-top: 19px;
}
.login-register-area .form .remember-text .checkbox label {
color: #222222;
font-size: 16px;
font-weight: 400;
font-family: 'Poppins', sans-serif;
}
.login-register-area .form .remember-text .checkbox input {
margin-top: 5px;
}
.login-register-area .form .social-icon {
float: right;
margin-right: -8px;
margin-top: 15px;
position: relative;
}
.login-register-area .form .social-icon .login-with {
display: inline-block;
left: -100px;
position: absolute;
top: 8px;
}
.login-register-area .form .social-icon li {
display: inline-block;
margin: 0 8px;
}
.login-register-area .form .social-icon li a i {
background: #3b5998 none repeat scroll 0 0;
border-radius: 50%;
color: #fff;
display: block;
font-size: 14px;
font-weight: 100;
height: 40px;
line-height: 24px;
padding: 8px 0;
text-align: center;
transition: all 700ms ease 0s;
width: 40px;
}
.login-register-area .form .social-icon li a i.twitter {
background: #33ccfe none repeat scroll 0 0;
}
.login-register-area .form .social-icon li a i.gplus {
background: #dd4b39 none repeat scroll 0 0;
}
.login-register-area .form a.forgot-password {
color: #45c4e9;
float: right;
font-weight: 700;
margin: 20px 0 0;
font-family: 'Hind', sans-serif;
}
.login-register-area .form h6 {
color: #848484;
float: left;
font-size: 14px;
font-family: 'Hind', sans-serif;
padding-left: 10px;
overflow: hidden;
margin-left: -40px;
margin-top: 28px;
}
.login-register-area .form .input-field input[type="text"]:focus{
border: 2px solid #45c4e9;
}
.login-register-area .form .social-icon li a:hover i{
background: #18387b;
}
.login-register-area .form .social-icon li a:hover i.twitter{
background: #12addf;
}
.login-register-area .form .social-icon li a:hover i.gplus{
background: #c62d1a;
}