/* Shutters HTML Template */
/************ TABLE OF CONTENTS ***************
1. Fonts
2. Reset
3. Global
4. Main Header / Style Two
5. Main Slider
6. Address Section
7. Welcome Section
8. Services Section / Two / Three
9. Window Door Tab Section
10. Gallery Section / Section Two
11. Feature Section
12. Feedback Section
13. Blog Section
14. Map Section
15. Estimation Section
16. Main Footer Section
17. Counter Section
18. About Section
19. Products Section
20. Certificate Section
21. Appointment Section
22. Page Title
23. Windows Page Section
24. Sidebar Widgets
25. Doors Section
26. Shop Section
27. Shoping Cart Section
28. Shop Single Section
29. Checkout Section
30. Gallery Masonry Section
31. Team Section
32. Pricing Section
33. Faq Section
34. Testimonial Section
35. Blog Section
36. Blog Classic Section
37. Blog Widgets
38. Blog Detail Section
39. Contact Section
**********************************************/
@import url('https://fonts.googleapis.com/css?family=Alegreya+Sans:100,100i,300,300i,400,400i,500,500i,700,700i,800,800i,900,900i|Frank+Ruhl+Libre:300,400,500,700,900');
/*font-family: 'Frank Ruhl Libre', serif;
font-family: 'Alegreya Sans', sans-serif;*/
@import url('font-awesome.css');
@import url('flaticon.css');
@import url('animate.css');
@import url('owl.css');
@import url('jquery-ui.css');
@import url('jquery.timepicker.min.css');
@import url('jquery.fancybox.min.css');
@import url('jquery.bootstrap-touchspin.css');
@import url('jquery.mCustomScrollbar.min.css');
/***
====================================================================
Reset
====================================================================
***/
* {
margin:0px;
padding:0px;
border:none;
outline:none;
}
/***
====================================================================
Global Settings
====================================================================
***/
body {
font-family: 'Alegreya Sans', sans-serif;
font-size:14px;
color:#777777;
line-height:1.7em;
font-weight:400;
background:#ffffff;
-webkit-font-smoothing: antialiased;
-moz-font-smoothing: antialiased;
}
.bordered-layout .page-wrapper{
padding:0px 50px 0px;
}
a{
text-decoration:none;
cursor:pointer;
color:#ef4260;
}
button,
a:hover,a:focus,a:visited{
text-decoration:none;
outline:none !important;
}
h1,h2,h3,h4,h5,h6 {
position:relative;
font-weight:normal;
margin:0px;
background:none;
line-height:1.6em;
font-family: 'Frank Ruhl Libre', serif;
}
input,button,select,textarea{
}
textarea{
overflow:hidden;
}
p{
position:relative;
line-height:1.8em;
}
.auto-container{
position:static;
max-width:1200px;
padding:0px 15px;
margin:0 auto;
}
.medium-container{
max-width:850px;
}
.page-wrapper{
position:relative;
margin:0 auto;
width:100%;
min-width:300px;
}
ul,li{
list-style:none;
padding:0px;
margin:0px;
}
img{
display:inline-block;
max-width:100%;
}
.theme-btn{
display:inline-block;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.centered{
text-align:center;
}
/*List Style One*/
.list-style-one{
position:relative;
}
.list-style-one li{
position:relative;
color:#7c7b7b;
font-size:18px;
padding-left:30px;
font-weight:400;
margin-bottom:10px;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.list-style-one li:last-child{
margin-bottom:0px;
}
.list-style-one li:before{
position:absolute;
content: "\f1b1";
left:0px;
top:-1px;
color:#ef4260;
font-weight:600;
font-family: "Flaticon";
}
/*List Style Two*/
.list-style-two{
position:relative;
}
.list-style-two li{
position:relative;
color:#7c7b7b;
font-size:18px;
padding-left:30px;
font-weight:400;
margin-bottom:14px;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.list-style-two li:last-child{
margin-bottom:0px;
}
.list-style-two li:before{
position:absolute;
content: "";
left:0px;
top:7px;
width:8px;
height:8px;
font-weight:400;
border-radius:50px;
background-color:#ef4260;
}
/*Btn Style One*/
.btn-style-one{
position:relative;
padding:17px 32px 17px;
line-height:25px;
background:none;
color:#ffffff;
font-size:18px;
font-weight:500;
border:2px solid #ffffff;
text-transform:capitalize;
font-family: 'Alegreya Sans', sans-serif;
}
.btn-style-one .arrow{
position: relative;
margin-right: 10px;
}
.btn-style-one:hover{
background:#ef4260;
color:#ffffff;
border-color: #ef4260;
}
/*Btn Style Two*/
.btn-style-two{
position:relative;
padding:10px 15px 10px;
line-height:25px;
background:#ef4260;
color:#ffffff;
font-size:18px;
font-weight:500;
cursor: pointer;
width: 100%;
border:2px solid #ef4260;
text-transform:capitalize;
font-family: 'Alegreya Sans', sans-serif;
}
.btn-style-two .arrow{
position: relative;
margin-right: 10px;
}
.btn-style-two:hover{
background:none;
color:#ef4260;
}
/*Btn Style Three*/
.btn-style-three{
position:relative;
padding:17px 32px 17px;
line-height:25px;
background:#ef4260;
color:#ffffff;
font-size:18px;
font-weight:500;
cursor: pointer;
border:2px solid #ef4260;
text-transform:capitalize;
font-family: 'Alegreya Sans', sans-serif;
}
.btn-style-three .arrow{
position: relative;
margin-right: 10px;
}
.btn-style-three:hover{
background:none;
color:#ef4260;
}
/*Btn Style Four*/
.btn-style-four{
position:relative;
padding:15px 41px 15px;
line-height:25px;
background:#e9ede7;
color:#262626;
font-size:18px;
font-weight:500;
cursor: pointer;
border:2px solid #e9ede7;
text-transform:capitalize;
font-family: 'Alegreya Sans', sans-serif;
}
.btn-style-four .arrow{
position: relative;
margin-right: 10px;
}
.btn-style-four:hover{
color: #ffffff;
border-color:#ef4260;
background-color:#ef4260;
}
/*Social Icon One*/
.social-icon-one{
position:relative;
}
.social-icon-one li{
position:relative;
margin-right:8px;
margin-bottom: 10px;
display:inline-block;
}
.social-icon-one li a{
position:relative;
font-size:18px;
color:#9f9e9e;
line-height:33px;
text-align:center;
border-radius:50px;
padding: 2px 15px;
display:inline-block;
border:1px solid rgba(255,255,255,0.10);
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.social-icon-one li a .icon{
font-size:14px;
margin-right: 10px;
}
.social-icon-one li a:hover{
background-color:#ef4260;
border-color:#ef4260;
color:#ffffff;
}
/*Social Icon Two*/
.social-icon-two{
position:relative;
}
.social-icon-two li{
position:relative;
margin:0px 4px;
display:inline-block;
}
.social-icon-two li a{
position:relative;
width: 50px;
height: 50px;
font-size:14px;
color: #ffffff;
line-height:48px;
text-align:center;
border-radius:50px;
display:inline-block;
border:1px solid rgba(255,255,255);
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.social-icon-two li a:hover{
background-color:#ef4260;
border-color:#ef4260;
color:#ffffff;
}
.theme_color{
color:#ef4260;
}
.preloader{ position:fixed; left:0px; top:0px; width:100%; height:100%; z-index:999999; background-color:#ffffff; background-position:center center; background-repeat:no-repeat; background-image:url(../images/icons/preloader.svg);}
img{
display:inline-block;
max-width:100%;
height:auto;
}
/***
====================================================================
Scroll To Top style
====================================================================
***/
.scroll-to-top{
position:absolute;
right:30px;
top:-60px;
width:50px;
height:60px;
color:#ffffff;
font-size:24px;
text-transform:uppercase;
line-height:58px;
text-align:center;
z-index:100;
cursor:pointer;
background:#ef4260;
display:none;
border-radius:50px 50px 0px 0px;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.scroll-to-top span{
position:relative;
display:inline-block;
-webkit-transform:rotate(-90deg);
-ms-transform:rotate(-90deg);
-o-transform:rotate(-90deg);
-moz-transform:rotate(-90deg);
transform:rotate(-90deg);
}
.scroll-to-top:hover{
color:#ffffff;
background:#ef4260;
}
/***
====================================================================
Section Title
====================================================================
***/
.sec-title{
position:relative;
margin-bottom:70px;
}
.sec-title .title-inner{
position: relative;
display: inline-block;
}
.sec-title .title-inner:before{
position: absolute;
content: '';
left: 20px;
top:-18px;
width: 75px;
height: 75px;
border: 10px solid #d9dfd7;
-webkit-transform: perspective(400px) rotateY(35deg);
-ms-transform: perspective(400px) rotateY(35deg);
-o-transform: perspective(400px) rotateY(35deg);
-moz-transform: perspective(400px) rotateY(35deg);
transform: perspective(400px) rotateY(35deg);
}
.sec-title.alternate .title-inner:before{
left:0px;
}
.sec-title .title-inner h2::before{
display:none;
}
.sec-title.alternate h2:before,
.sec-title.alternate .title-inner h2:before{
left:-4px;
}
.sec-title h2{
position:relative;
color:#1e1e29;
font-size:30px;
font-weight:700;
line-height:1.4em;
display: inline-block;
text-transform:uppercase;
}
.sec-title h2:before{
position: absolute;
content: '';
left: 20px;
top:-18px;
width: 85px;
height: 70px;
z-index: -1;
border: 10px solid #eef2ed;
-webkit-transform: perspective(400px) rotateY(40deg);
-ms-transform: perspective(400px) rotateY(40deg);
-o-transform: perspective(400px) rotateY(40deg);
-moz-transform: perspective(400px) rotateY(40deg);
transform: perspective(400px) rotateY(40deg);
}
.sec-title .text{
position:relative;
color: #7c7b7b;
font-size: 18px;
line-height: 1.6em;
margin-top: 15px;
}
.sec-title.light h2{
color:#ffffff;
}
/***
====================================================================
Main Header style
====================================================================
***/
.main-header{
position:relative;
z-index:999;
width:100%;
}
.header-top{
position: relative;
padding: 13px 0px;
background-color: #ef4260;
}
.header-top .top-left{
position:relative;
float: left;
}
.header-top .top-left .text{
position:relative;
color: #ffffff;
font-size: 18px;
}
.header-top .top-right{
position:relative;
float: right;
}
.header-top .top-right .social-box{
position: relative;
float: left;
}
.header-top .top-right .social-box li{
position: relative;
margin-left: 15px;
display: inline-block;
}
.header-top .top-right .social-box li a{
position: relative;
color: #ffffff;
font-size: 14px;
}
/*Language Dropdown*/
.main-header .header-top .language{
position:relative;
line-height:1em;
margin-left: 20px;
display:inline-block;
}
.main-header .header-top .language .flag-icon{
margin-right:8px;
}
.main-header .header-top .language .dropdown-menu{
top:100%;
right:0px;
left:auto;
width:170px;
border-radius:0px;
margin-top:15px;
background-color:#222222;
border:none;
padding:0px;
border-top:3px solid #ef4260;
}
.main-header .header-top .language > a{
color:#ffffff !important;
padding:0px 0px;
background:none !important;
text-transform:capitalize;
display:inline-block;
border:0px;
font-weight:700;
font-size:18px;
line-height:1em;
}
.main-header .header-top .language > a:after{
display:none;
}
.main-header .header-top language a:hover{
background:none;
}
.main-header .header-top .language .dropdown-menu > li{
padding-right:0px !important;
margin:0px !important;
float:none;
display:block !important;
border-bottom: 1px solid rgba(255,255,255,0.20);
}
.main-header .header-top .language .dropdown-menu > li:last-child{
border-bottom:none;
}
.main-header .header-top .language .dropdown-menu > li > a{
padding:10px 20px !important;
color:#ffffff;
display: block;
text-align:left;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.main-header .header-top .language .dropdown-menu > li > a:hover{
color:#ffffff !important;
background-color:#ef4260;
}
.main-header .main-box{
position:relative;
padding:0px 0px;
left:0px;
top:0px;
width:100%;
background:none;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.main-header .main-box .outer-container{
position:relative;
padding:0px 40px;
}
.main-header .main-box .logo-box{
position:relative;
float:left;
left:0px;
z-index:10;
padding:30px 0px;
}
.main-header .main-box .logo-box .logo img{
display:inline-block;
max-width:100%;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.main-header .nav-toggler{
position:absolute;
top:50%;
margin-top:0px;
display: block;
}
.main-header .nav-toggler button{
position:relative;
display:block;
color:#444444;
text-align:center;
font-size:24px;
line-height:34px;
font-weight:normal;
background:none;
}
.main-header .header-upper{
position:relative;
}
.main-header .header-upper .contact-number{
position:relative;
float: left;
color: #262626;
font-size: 18px;
font-weight: 500;
margin-top: 30px;
padding:12px 0px 12px 32px;
border-left: 1px solid #dde4db;
font-family: 'Frank Ruhl Libre', serif;
}
.main-header .header-upper .contact-number .number-inner{
position:relative;
padding-left: 35px;
line-height:30px;
}
.main-header .header-upper .contact-number .icon{
position:absolute;
left: 0px;
top: 0px;
color: #ef4260;
font-size: 28px;
line-height: 1em;
}
.main-header .header-upper .outer-container{
position:relative;
padding: 0px 60px;
}
.main-header .nav-outer{
position:relative;
float: left;
}
.header-style-two .nav-outer{
display: block;
float: none;
padding-left:30px;
background:#1f1f1f;
}
.main-header .header-upper .logo-box{
margin-right: 150px;
position: relative;
top:20px;
/*margin-bottom: -20px;*/
}
.main-header .header-upper .logo-box .logo{
position:relative;
}
.main-header .header-upper .logo-box:before{
position: absolute;
content: '';
left: 0px;
top: -10px;
right: 0px;
bottom: -10px;
background-color: #ef4260;
}
.main-header.header-style-two .header-upper .logo-box{
top:0px;
padding: 2px 0px;
margin-bottom: 0px;
background: none;
margin-right:0px;
}
.main-header.header-style-two .header-upper .logo-box:before{
display:none;
}
.main-header .outer-box{
position: relative;
top: 0px;
float:right;
padding: 32px 0px;
}
.main-header.header-style-two .outer-box{
padding:0px;
}
.main-header .outer-box .buttons-box{
position: relative;
float: left;
}
.main-header .outer-box .buttons-box .theme-btn{
position: relative;
font-size: 18px;
font-weight: 500;
float: left;
line-height: 22px;
color: #ffffff;
padding: 23px 22px;
display: inline-block;
background-color: #4d903b;
font-family: 'Alegreya Sans', sans-serif;
}
.main-header .outer-box .buttons-box .theme-btn .icon-box{
position:relative;
margin-right: 8px;
}
.main-header .outer-box .buttons-box .theme-btn:nth-child(2){
background-color: rgba(77,144,59,0.90);
}
.main-header .outer-box .option-list{
position:relative;
}
.main-header .outer-box .option-list li{
position:relative;
color: #262626;
font-size: 16px;
padding-right: 18px;
margin-right: 18px;
display: inline-block;
text-transform: uppercase;
border-right: 1px solid #dde4db;
font-family: 'Frank Ruhl Libre', serif;
}
.main-header .outer-box .option-list li a{
position:relative;
color: #262626;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.main-header .outer-box .option-list li a:hover{
color: #ef4260;
}
.main-header .outer-box .option-list li .icon{
position: relative;
margin-right: 8px;
color: #ef4260;
top: 3px;
line-height: 1em;
font-size: 20px;
}
.main-header .outer-box .option-list li:last-child{
border:none;
margin: 0px;
padding: 0px;
}
.main-header .outer-box .option-list li strong{
font-family: 'Alegreya Sans', sans-serif;
}
.main-header .outer-box .option-box{
position: relative;
float: left;
margin-top: 23px;
margin-right: 10px;
}
.main-header .outer-box .option-box > li{
position: relative;
margin-left: 20px;
display: inline-block;
}
.main-header .outer-box .option-box li.cart .icon{
position:relative;
color: #ffffff;
font-size: 26px;
}
.main-header .outer-box .option-box li.cart .number{
position: absolute;
right: -15px;
top: -15px;
color: #ef4260;
font-size: 18px;
}
.main-header .header-lower .search-box-btn{
position:relative;
top: -2px;
display:block;
width:100%;
font-size:20px;
color:#ffffff;
line-height:20px !important;
cursor:pointer;
background:none;
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-header .header-lower .search-box-btn:after{
display:none;
}
.main-header .header-lower .search-box-outer .dropdown-menu{
top:41px !important;
right:0px;
padding:0px;
width:280px;
left: auto !important;
border-radius:0px;
border-top:3px solid #6fa456;
-webkit-transform: translate3d(0px, 0px, 0px) !important;
transform: translate3d(0px, 0px, 0px) !important;
}
.main-header .header-lower .search-box-outer .dropdown-menu > li{
padding:0px;
border:none;
background:none;
}
.main-header .header-lower .search-panel .form-container{
padding:25px 20px;
}
.main-header .header-lower .search-panel .form-group{
position:relative;
margin:0px;
}
.main-header .header-lower .search-panel input[type="text"],
.main-header .header-lower .search-panel input[type="search"],
.main-header .header-lower .search-panel input[type="password"],
.main-header .header-lower .search-panel select{
display:block;
width:100%;
height:40px;
color:#000000;
line-height:24px;
background:#ffffff;
border:1px solid #e0e0e0;
padding:7px 40px 7px 15px;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.main-header .header-lower .search-panel input:focus,
.main-header .header-lower .search-panel select:focus{
border-color:#6fa456;
}
.main-header .header-lower .search-panel .search-btn{
position:absolute;
right:0px;
top:0px;
width:40px;
height:40px;
text-align:center;
color:#555555;
font-size:12px;
background:none;
cursor:pointer;
}
.main-menu{
position:relative;
float:left;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.main-menu .cart-box{
position: relative;
float:left;
font-size: 26px;
margin: 32px 0px;
padding-left: 20px;
border-left: 1px solid #dde4db;
}
.main-menu .cart-box a{
position: relative;
color: #ef4260;
}
.main-menu .cart-box .number{
position: absolute;
right: -15px;
top: -15px;
color: #ef4260;
font-size: 18px;
}
.cartMargin {
margin-right: 10px;
}
.main-menu .navbar-collapse{
padding:0px;
float: left;
}
.main-menu .navigation{
position:relative;
margin:-19px;
}
.menuWebMargin {
margin-top: 0px !important;
}
.main-menu .navigation > li{
position:relative;
float:left;
margin-right: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;
}
.header-style-two .main-menu .navigation > li:last-child{
margin-right:0px;
}
.sticky-header .main-menu .navigation > li > a{
color:#444444 !important;
}
.sticky-header .main-menu .navigation > li:hover > a,
.sticky-header .main-menu .navigation > li.current > a{
color:#ef4260;
background-color:inherit !important;
}
.sticky-header .nav-outer .options-box{
margin-top:26px;
}
.main-header .header-upper .upper-right{
padding-top:32px;
}
.main-header .info-box{
position:relative;
float:left;
margin-left:35px;
font-size:14px;
color:#98b2c4;
text-align:left;
text-transform:uppercase;
padding:0px 0px 0px 50px;
}
.main-header .info-box .icon-box{
position:absolute;
left:0px;
top:5px;
color:#ef4260;
font-size:36px;
line-height:1em;
-moz-transition:all 300ms ease;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
transition:all 300ms ease;
}
.main-header .info-box li{
position:relative;
color:#7c7b7b;
font-size:18px;
font-weight:400;
line-height:1.2em;
text-transform:capitalize;
}
.main-header .info-box li strong{
color:#262626;
font-size: 14px;
font-weight: 700;
text-transform: uppercase;
}
/*Sticky Header*/
.sticky-header{
position:fixed;
opacity:0;
visibility:hidden;
left:0px;
top:0px;
width:100%;
padding:0px 0px;
background:#ffffff;
z-index:0;
border-bottom:1px solid #e8f1f7;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.sticky-header .logo{
padding:7px 0px 7px;
}
.fixed-header .sticky-header{
z-index:999;
opacity:1;
visibility:visible;
-ms-animation-name: fadeInDown;
-moz-animation-name: fadeInDown;
-op-animation-name: fadeInDown;
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
-ms-animation-duration: 500ms;
-moz-animation-duration: 500ms;
-op-animation-duration: 500ms;
-webkit-animation-duration: 500ms;
animation-duration: 500ms;
-ms-animation-timing-function: linear;
-moz-animation-timing-function: linear;
-op-animation-timing-function: linear;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-ms-animation-iteration-count: 1;
-moz-animation-iteration-count: 1;
-op-animation-iteration-count: 1;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
}
.main-menu .navigation > li > a{
position:relative;
display:block;
color:#262626;
text-align:center;
line-height:30px;
text-transform:uppercase;
letter-spacing:0px;
opacity:1;
font-weight:700;
padding:30px 0px;
font-size:16px;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
font-family: 'Frank Ruhl Libre', serif;
}
.header-style-two .main-menu .navigation > li{
margin-right:20px;
}
.header-style-two .main-menu .navigation > li > a{
padding:20px 0px;
color: #ffffff;
}
.main-menu .navigation > li > a:before{
position: absolute;
content: '';
top: 30px;
left: 0px;
width: 0px;
bottom: 30px;
z-index: -1;
transition:all 300ms ease;
-moz-transition:all 300ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
background-color: #eef2ed;
}
.header-style-two .main-menu .navigation > li > a:before{
display: none;
}
.header-style-two .main-menu .navigation > li > a:after{
position:absolute;
content: '';
bottom: 0px;
width: 6px;
height: 6px;
left: 50%;
opacity: 0;
visibility: hidden;
margin-left: -3px;
background-color: #ef4260;
transition:all 300ms ease;
-moz-transition:all 300ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
}
.header-style-two .main-menu .navigation > li.current a:after,
.header-style-two .main-menu .navigation > li:hover > a:after{
bottom: 15px;
opacity: 1;
visibility: visible;
}
.sticky-header .main-menu .navigation > li{
position:relative;
margin-left:30px;
margin-right:0px;
}
.sticky-header .main-menu .navigation > li:before,
.sticky-header .main-menu .navigation > li:after{
display:none;
}
.main-menu .navigation > li:hover > a,
.main-menu .navigation > li.current > a,
.main-header.light-version .main-menu .navigation > li:hover > a,
.main-header.light-version .main-menu .navigation > li.current > a{
opacity:1;
color:#ef4260;
}
.main-menu .navigation > li:hover > a:before,
.main-menu .navigation > li.current > a:before{
width:15px;
}
.main-menu .navigation > li > ul{
position:absolute;
left:0px;
top:100%;
width:230px;
z-index:100;
display:none;
opacity: 0;
visibility: hidden;
transition: all 900ms ease;
-moz-transition: all 900ms ease;
-webkit-transition: all 900ms ease;
-ms-transition: all 900ms ease;
-o-transition: all 900ms ease;
padding: 15px 0px;
background-color: #ffffff;
border-top: 3px solid #74876f;
box-shadow: 0px 0px 10px rgba(0,0,0,0.10);
}
.main-menu .navigation > li > ul:before{
position:absolute;
content:'';
left:0px;
top:-30px;
width:100%;
height:30px;
display:block;
}
.main-menu .navigation > li > ul.from-right{
left:auto;
right:0px;
}
.main-menu .navigation > li > ul > li{
position:relative;
width:100%;
}
.main-menu .navigation > li > ul > li > a{
position:relative;
display:block;
padding:7px 30px;
line-height:24px;
font-weight:400;
font-size:18px;
text-transform:capitalize;
color:#7c7b7b;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.sticky-header .main-menu .navigation > li > a{
padding:19px 0px;
}
.sticky-header .main-menu .navigation > li > a:before{
display: none;
}
.main-menu .navigation > li > ul > li:hover > a{
color:#ef4260;
background:#e9ede7;
}
.main-menu .navigation > li > ul > li.dropdown > a:after{
font-family: 'FontAwesome';
content: "\f105";
position:absolute;
right:15px;
top:10px;
width:10px;
height:20px;
display:block;
color:#253d4a;
line-height:20px;
font-size:16px;
font-weight:normal;
text-align:center;
z-index:5;
}
.main-menu .navigation > li > ul > li.dropdown:hover > a:after{
color:#253d4a;
}
.main-menu .navigation > li > ul > li > ul{
position:absolute;
left:100%;
top:100%;
width:230px;
z-index:100;
display:none;
transition: all 900ms ease;
-moz-transition: all 900ms ease;
-webkit-transition: all 900ms ease;
-ms-transition: all 900ms ease;
-o-transition: all 900ms ease;
padding: 15px 0px;
background-color: #ffffff;
border-top: 3px solid #74876f;
-webkit-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
-ms-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
-o-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
-moz-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
}
.main-menu .navigation > li > ul > li > ul.from-right{
left:auto;
right:0px;
}
.main-menu .navigation > li > ul > li > ul > li{
position:relative;
width:100%;
}
.main-menu .navigation > li > ul > li > ul > li:last-child{
border-bottom:none;
}
.main-menu .navigation > li > ul > li > ul > li > a{
position:relative;
display:block;
padding:7px 30px;
line-height:24px;
font-weight:400;
font-size:18px;
text-transform:capitalize;
color:#7c7b7b;
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 > ul > li > ul > li:hover > a{
color:#ef4260;
background:#e9ede7;
}
.main-menu .navigation > li > ul > li > ul > li.dropdown > a:after{
font-family: 'FontAwesome';
content: "\f105";
position:absolute;
right:10px;
top:11px;
width:10px;
height:20px;
display:block;
color:#272727;
line-height:20px;
font-size:16px;
font-weight:normal;
text-align:center;
z-index:5;
}
.main-menu .navigation > li > ul > li > ul > li.dropdown:hover > a:after{
color:#ffffff;
}
.main-menu .navigation > li.dropdown:hover > ul{
visibility:visible;
opacity:1;
-moz-transform: rotateX(0deg);
-webkit-transform: rotateX(0deg);
-ms-transform: rotateX(0deg);
-o-transform: rotateX(0deg);
transform: rotateX(0deg);
}
.main-menu .navigation li > ul > li.dropdown:hover > ul{
visibility:visible;
opacity:1;
top:0;
-moz-transform: rotateX(0deg);
-webkit-transform: rotateX(0deg);
-ms-transform: rotateX(0deg);
-o-transform: rotateX(0deg);
transform: rotateX(0deg);
transition:all 300ms ease;
-moz-transition:all 300ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
}
.main-menu .navbar-collapse > ul li.dropdown .dropdown-btn{
position:absolute;
right:10px;
top:6px;
width:30px;
height:30px;
text-align:center;
color:#ffffff;
line-height:28px;
border:1px solid #ffffff;
background-size:20px;
cursor:pointer;
z-index:5;
display:none;
}
/***
====================================================================
Main Slider Banner
====================================================================
***/
.main-slider{
position:relative;
}
.main-slider.margin-top{
top: -70px;
margin-bottom: -70px;
}
.main-slider .content.alternate{
max-width: 610px;
width: 100%;
float: right;
display: block;
}
.main-slider .slide{
position:relative;
padding:185px 0px;
background-size:cover;
background-repeat:no-repeat;
background-position:center center;
}
.main-slider h2{
position:relative;
color:#ffffff;
font-size:120px;
font-weight:700;
line-height:1.1em;
margin-bottom:10px;
opacity: 0;
padding-left: 30px;
-webkit-transition: all 1000ms ease;
-moz-transition: all 100ms ease;
-ms-transition: all 1000ms ease;
-o-transition: all 1000ms ease;
transition: all 1000ms ease;
-webkit-transform: translateY(50px);
-moz-transform: translateY(50px);
-ms-transform: translateY(50px);
-o-transform: translateY(50px);
transform: translateY(50px);
}
.main-slider h2:before{
position: absolute;
left: 0px;
top: 0px;
content: '';
width: 135px;
height: 135px;
z-index: -1;
background-color: #ef4260;
}
.main-slider h2.alternate{
color:#1f1f1f;
padding-left: 0px;
}
.main-slider h2.light::before,
.main-slider h2.alternate::before{
display:none;
}
.main-slider h2.light{
padding-left: 0px;
}
.main-slider .active h2{
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
transition-delay: 1000ms;
}
.main-slider h3{
position:relative;
color:#ffffff;
font-size:30px;
font-weight:400;
margin-bottom:20px;
display:inline-block;
opacity:0;
-webkit-transition: all 1000ms ease;
-moz-transition: all 100ms ease;
-ms-transition: all 1000ms ease;
-o-transition: all 1000ms ease;
transition: all 1000ms ease;
-webkit-transform: translateY(50px);
-moz-transform: translateY(50px);
-ms-transform: translateY(50px);
-o-transform: translateY(50px);
transform: translateY(50px);
font-family: 'Alegreya Sans', sans-serif;
}
.main-slider h3 span{
font-size:72px;
font-weight: 700;
font-family: 'Frank Ruhl Libre', serif;
}
.main-slider h3.alternate{
color:#1f1f1f;
font-size: 48px;
font-weight: 700;
font-family: 'Frank Ruhl Libre', serif;
}
.main-slider h3.alternate span{
font-size: 48px;
}
.main-slider h3.light{
color:#ffffff;
font-size: 48px;
font-weight: 700;
font-family: 'Frank Ruhl Libre', serif;
}
.main-slider .active h3{
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
transition-delay: 1500ms;
}
.main-slider .text{
position:relative;
color:#ffffff;
font-size:18px;
opacity:0;
line-height: 1.7em;
font-weight:400;
margin-bottom:40px;
-webkit-transition: all 1000ms ease;
-moz-transition: all 100ms ease;
-ms-transition: all 1000ms ease;
-o-transition: all 1000ms ease;
transition: all 1000ms ease;
-webkit-transform: translateY(50px);
-moz-transform: translateY(50px);
-ms-transform: translateY(50px);
-o-transform: translateY(50px);
transform: translateY(50px);
font-family: 'Alegreya Sans', sans-serif;
}
.main-slider .text.alternate{
color:#1f1f1f;
}
.main-slider .active .text{
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
transition-delay: 2000ms;
}
.main-slider .link-box{
opacity:0;
-webkit-transition: all 1000ms ease;
-moz-transition: all 100ms ease;
-ms-transition: all 1000ms ease;
-o-transition: all 1000ms ease;
transition: all 1000ms ease;
-webkit-transform: translateY(50px);
-moz-transform: translateY(50px);
-ms-transform: translateY(50px);
-o-transform: translateY(50px);
transform: translateY(50px);
}
.main-slider .active .link-box{
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
transition-delay: 2500ms;
}
.main-slider .owl-dots{
position:absolute;
left:50%;
bottom:20px;
margin-left: -30px;
}
.main-slider .owl-dots .owl-dot{
position:relative;
width:12px;
height:12px;
margin:0px 4px;
overflow: hidden;
border-radius: 50px;
display:inline-block;
border:1px solid #ffffff;
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-slider .owl-dots .owl-dot:before{
position: absolute;
content: '';
left: 0px;
bottom: 0px;
width: 100%;
height: 50%;
background-color: #ffffff;
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-slider .owl-dots .owl-dot.active::before,
.main-slider .owl-dots .owl-dot:hover::before{
height:100%;
}
.main-slider .owl-nav{
position:absolute;
left:0px;
top:50%;
z-index:1;
width:100%;
margin-top:-20px;
}
.main-slider .owl-nav .owl-prev{
position:absolute;
left:40px;
color:#ffffff;
font-size:38px;
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-slider .owl-nav .owl-next{
position:absolute;
right:40px;
color:#ffffff;
font-size:38px;
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-slider .owl-nav .owl-prev:hover,
.main-slider .owl-nav .owl-next:hover{
color:#ef4260;
}
/***
====================================================================
Address Box
====================================================================
***/
.address-box{
position: absolute;
right: 0px;
top: -145px;
width: 100%;
z-index: 1;
max-width: 750px;
background-color: #ef4260;
}
.address-box .inner-box{
position: relative;
padding: 40px 40px;
background-repeat: repeat;
}
.address-box .inner-box .icon-box{
position: relative;
width: 60px;
height: 60px;
color: #ef4260;
font-size:28px;
margin-bottom: 18px;
line-height: 60px;
text-align: center;
border-radius: 50%;
background-color: #ffffff;
}
.address-box .inner-box h2{
position: relative;
color: #ffffff;
font-size: 24px;
margin-bottom: 15px;
}
.address-box .inner-box .text{
position: relative;
color: #ffffff;
font-size: 18px;
line-height: 1.7em;
}
/***
====================================================================
Welcome Section
====================================================================
***/
.welcome-section{
position: relative;
padding: 90px 0px 90px;
}
.welcome-section .image-column{
position: relative;
margin-bottom: 40px;
}
.welcome-section .image-column .image{
position: relative;
}
.welcome-section .image-column .inner-column{
position: relative;
padding: 30px 30px 0px 30px;
}
.welcome-section .image-column .inner-column:after{
position: absolute;
content: '';
right: 0px;
top: 15px;
left: 0px;
bottom: 0px;
z-index: -1;
border: 8px solid #eef2ed;
transform: skew(-0deg, -8deg);
}
.welcome-section .image-column .image img{
position: relative;
width: 100%;
display: block;
}
.welcome-section .content-column{
position: relative;
}
.welcome-section .content-column .inner-column{
position: relative;
}
.welcome-section .content-column .inner-column h2{
position: relative;
color: #262626;
font-size: 30px;
line-height: 1.4em;
margin-bottom: 40px;
padding-bottom: 26px;
border-bottom: 1px solid #eef2ed;
}
.welcome-section .content-column .inner-column .text{
position: relative;
}
.welcome-section .content-column .inner-column .text p{
position: relative;
color: #7c7b7b;
font-size: 18px;
line-height: 1.6em;
margin-bottom: 20px;
}
.welcome-section .content-column .inner-column .text p:last-child{
margin-bottom: 0px;
}
.welcome-section .content-column .inner-column .percent{
position: relative;
color: #262626;
font-size: 18px;
font-weight: 500;
margin-top: 15px;
text-transform: uppercase;
font-family: 'Frank Ruhl Libre', serif;
}
.welcome-section .content-column .inner-column .percent span{
position: relative;
color: #ef4260;
font-size: 48px;
font-weight: 500;
}
/***
====================================================================
Services Section
====================================================================
***/
.services-section{
position: relative;
overflow: hidden;
background-color: #e9ede7;
}
.services-section .sec-title{
z-index: 10;
margin-bottom: 20px;
}
.services-section .outer-container{
position: relative;
padding: 90px 80px 50px;
}
.services-section .owl-carousel{
max-width:470px;
margin:0 auto;
width:100%;
display:block;
}
.services-section .owl-carousel .owl-stage-outer{
overflow:visible;
padding:10px 0px;
}
.services-section .owl-carousel .owl-stage-outer .owl-item.active .services-block:before{
position:absolute;
content: '';
left: 0px;
top: 0px;
width: 100%;
height: 400%;
margin-top: -300px;
margin-bottom: -300px;
background-color: #f4f7f3;
}
.services-section .outer-container .owl-dots,
.services-section .outer-container .owl-nav{
display: none;
}
.services-block{
position: relative;
margin-bottom: 40px;
}
.services-block .inner-box{
position: relative;
padding: 0px 80px;
}
.services-block .inner-box .image-outer{
position: relative;
padding-right: 30px;
padding-bottom: 30px;
}
.services-block .inner-box .image-outer .image{
position: relative;
}
.services-block .inner-box .image-outer .image img{
position: relative;
width: 100%;
display: block;
}
.services-block .inner-box .image-outer:before{
position: absolute;
content: '';
right: 0px;
top: 30px;
bottom: 0px;
left: 30px;
border: 2px solid #ef4260;
}
.services-block .inner-box .image .overlay-box{
position: absolute;
content: '';
left: 0px;
top: 0px;
width: 100%;
height: 100%;
display: block;
text-align: center;
-webkit-transition:all 900ms ease;
-ms-transition:all 900ms ease;
-o-transition:all 900ms ease;
-moz-transition:all 900ms ease;
transition:all 900ms ease;
-webkit-transform:scale(0,0);
-ms-transform:scale(0,0);
-o-transform:scale(0,0);
-moz-transform:scale(0,0);
transform:scale(0,0);
background-color: rgba(89,155,71,0.90);
}
.services-block .inner-box .image .overlay-box .plus{
position: absolute;
left: 50%;
top: 50%;
color: #ffffff;
font-size: 34px;
line-height: 1em;
margin-left: -17px;
margin-top: -17px;
}
.services-block .inner-box:hover .image .overlay-box{
-webkit-transform:scale(1,1);
-ms-transform:scale(1,1);
-o-transform:scale(1,1);
-moz-transform:scale(1,1);
transform:scale(1,1);
}
.services-block .inner-box .lower-content{
position: relative;
padding-top: 65px;
text-align: right;
}
.services-block .inner-box .lower-content .big-icon{
position: absolute;
left: 50px;
top: 100px;
color: #e2e7e0;
font-size: 120px;
line-height: 1em;
}
.services-block .inner-box .lower-content .icon-box{
position: relative;
font-size: 60px;
line-height: 1em;
color: #ef4260;
}
.services-block .inner-box .lower-content h3{
position: relative;
font-size: 18px;
font-weight: 500;
padding-top: 80px;
margin-bottom: 15px;
text-transform: uppercase;
}
.services-block .inner-box .lower-content h3:before{
position: absolute;
content: '';
top: 14px;
right: 30px;
width: 1px;
height: 55px;
background-color: #ef4260;
}
.services-block .inner-box .lower-content h3 a{
position: relative;
color: #262626;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.services-block .inner-box .lower-content h3 a:hover{
color: #ef4260;
}
.services-block .inner-box .lower-content .text{
position: relative;
color: #7c7b7b;
font-size: 18px;
line-height: 1.6em;
}
/***
====================================================================
Window Tab Section
====================================================================
***/
.window-tab-section{
position: relative;
padding: 95px 0px 30px;
}
.window-tab-section .sec-title{
margin-bottom: 40px;
}
/***
====================================================================
Window Tabs Style
====================================================================
***/
.window-tab-section .window-tabs{
position:relative;
}
.window-tab-section .window-tabs .tab-btns{
position:relative;
text-align: center;
padding: 30px 35px;
display: inline-block;
box-shadow: 0px 0px 15px rgba(0,0,0,0.08);
}
.window-tab-section .window-tabs .tab-btns .tab-btn{
position:relative;
display:block;
float:left;
font-size:18px;
color:#bfbfbf;
font-weight:500;
line-height:24px;
cursor:pointer;
padding-right: 35px;
margin-right: 30px;
padding-top: 15px;
padding-bottom: 15px;
border-right: 1px solid #eef2ed;
text-transform:uppercase;
transition:all 500ms ease;
font-family: 'Frank Ruhl Libre', serif;
}
.window-tab-section .window-tabs .tab-btns .tab-btn .icon{
position:relative;
font-size: 44px;
float: left;
margin-right: 20px;
}
.window-tab-section .window-tabs .tab-btns .tab-btn:hover,
.window-tab-section .window-tabs .tab-btns .tab-btn.active-btn{
color:#ef4260;
background:#ffffff;
}
.window-tab-section .window-tabs .tab-btns .tab-btn:last-child{
margin-right: 0px;
border: none;
padding-right: 0px;
}
.window-tab-section .window-tabs .tabs-content{
position:relative;
padding:50px 0px 40px;
}
.window-tab-section .window-tabs .tabs-content .tab{
position:relative;
display:none;
transition: all 900ms ease;
-moz-transition: all 900ms ease;
-webkit-transition: all 900ms ease;
-ms-transition: all 900ms ease;
-o-transition: all 900ms ease;
}
.window-tab-section .window-tabs .tabs-content .tab.active-tab{
display:block;
}
.window-tab-section .left-column{
position:relative;
float: left;
display: block;
flex: none;
}
.window-tab-section .right-column{
position:relative;
float: right;
display: block;
flex: none;
}
.window-tab-section .image-column{
position: relative;
float:left;
text-align: center;
}
.window-tab-section .image-column .inner-column{
position:relative;
text-align: center;
}
.window-tab-section .image-column .inner-column .image{
position:relative;
display: inline-block;
}
.window-tab-section .image-column .plus-box{
position:absolute;
left:-18px;
top:5px;
width:35px;
height:35px;
color:#ffffff;
line-height:35px;
display:block;
z-index:1;
font-size:16px;
text-align:center;
border-radius:50%;
font-weight: 600;
background-color:#ef4260;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.window-tab-section .image-column .plus-box .icon{
position:relative;
width:35px;
height:35px;
cursor:pointer;
display:block;
z-index:99;
}
.window-tab-section .image-column .plus-box .icon:after{
position: absolute;
content: "\f0d7";
bottom: -10px;
left: 13px;
color: #ef4260;
font-size: 20px;
opacity: 0;
font-family: 'FontAwesome';
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.window-tab-section .image-column .plus-box .icon:hover::after{
bottom: -19px;
opacity: 1;
}
.window-tab-section .image-column .plus-box:after{
position:absolute;
content:'';
left:0px;
width:25px;
height:30px;
bottom:-22px;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.window-tab-section .image-column .plus-box .tooltip-data{
position:absolute;
left: -26px;
top: 100%;
width: 270px;
color: #ffffff;
font-size: 14px;
font-weight: 300;
text-align: center;
opacity: 0;
z-index: 10;
visibility: hidden;
padding: 22px 18px;
margin-left: -90px;
margin-bottom: 10px;
background-color: #ffffff;
border:1px solid #eef2ed;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.window-tab-section .image-column .plus-box .tooltip-data .tooltip-text{
position: relative;
color: #7c7b7b;
font-size: 18px;
line-height: 1.4em;
}
.window-tab-section .image-column .plus-box:hover{
color:#ffffff;
}
.window-tab-section .image-column .plus-box:hover .tooltip-data{
opacity:1;
visibility:visible;
margin-top:20px;
}
.window-tab-section .image-column .plus-box h4{
position: relative;
color: #262626;
font-size: 18px;
font-weight: 500;
margin-bottom: 8px;
}
.window-tab-section .image-column .plus-box.frame-two{
right:50px;
left: auto;
top: 65px;
}
.window-tab-section .image-column .plus-box.frame-three{
left: 65px;
top: 225px;
}
.window-tab-section .image-column .plus-box.frame-four{
left: 80px;
top:auto;
bottom: 50px;
}
.window-tab-section .image-column .plus-box.frame-five{
left: 205px;
top:auto;
bottom: 110px;
}
/*Featured Block*/
.featured-block{
position: relative;
margin-bottom: 75px;
}
.featured-block .inner-box{
position: relative;
}
.featured-block .inner-box h3{
position: relative;
color: #262626;
font-size: 22px;
font-weight: 500;
margin-bottom: 20px;
text-transform: capitalize;
}
.featured-block .inner-box h3 a{
position: relative;
color: #262626;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.featured-block .inner-box h3 a:hover{
color:#ef4260;
}
.featured-block .inner-box h3:before{
position: absolute;
content: '';
left: 0px;
top: -10px;
width: 55px;
height: 55px;
z-index: -1;
border: 10px solid #eef2ed;
-moz-transform: perspective(400px) rotateY(35deg);
-webkit-transform: perspective(400px) rotateY(35deg);
-ms-transform: perspective(400px) rotateY(35deg);
-o-transform: perspective(400px) rotateY(35deg);
transform: perspective(400px) rotateY(35deg);
}
.featured-block .inner-box .text{
position: relative;
color: #7c7b7b;
font-size: 18px;
line-height: 1.6em;
margin-bottom: 24px;
}
.featured-block .inner-box .icon-box{
position: relative;
font-size: 60px;
line-height: 1em;
color: #262626;
}
/***
====================================================================
Gallery Section
====================================================================
***/
.gallery-section{
position: relative;
background-repeat: repeat;
background-color: #193a11;
}
.gallery-section .inner-section{
position: relative;
padding-bottom: 90px;
}
.gallery-section .inner-section .title-box{
position: relative;
padding: 95px 0px 130px;
background-color: #e9ede7;
}
.gallery-section .inner-section .title-box .sec-title{
margin-bottom: 20px;
}
.gallery-section .carousel-box{
position: relative;
margin-top: -100px;
}
.gallery-section .carousel-box .image{
position:relative;
}
.gallery-section .carousel-box .image:before{
position:absolute;
content: '';
left: 0px;
top: 0px;
width: 100%;
display: block;
height: 100%;
z-index: 1;
background-color: rgba(0,0,0,0.70);
}
.gallery-section .carousel-box .image img{
position:relative;
width: 100%;
display: block;
}
.gallery-section .carousel-box .content-layer h3{
position: relative;
color: #ffffff;
text-align: center;
font-size: 22px;
font-weight: 500;
margin-top: 22px;
opacity: 0;
visibility: hidden;
}
.gallery-section .carousel-box .content-layer h3 a{
position: relative;
color: #ffffff;
}
.gallery-section .ms-skin-default .ms-nav-next:before{
position: absolute;
content: 'Next';
right: -190px;
top: 50%;
z-index: 1;
cursor: pointer;
color: #ffffff;
font-size: 18px;
font-weight: 500;
margin-top: -30px;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
font-family: 'Alegreya Sans', sans-serif;
}
.gallery-section .ms-skin-default .ms-nav-next:after{
position: absolute;
right: -145px;
top: 50%;
z-index: 1;
cursor: pointer;
color: #ffffff;
font-size: 18px;
font-weight: 500;
margin-top: -31px;
content: "\f1b1";
font-family: "Flaticon";
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.gallery-section .ms-skin-default .ms-nav-next:hover::before,
.gallery-section .ms-skin-default .ms-nav-next:hover::after,
.gallery-section .ms-skin-default .ms-nav-prev:hover::before,
.gallery-section .ms-skin-default .ms-nav-prev:hover::after{
color:#ef4260;
}
.gallery-section .ms-skin-default .ms-nav-prev{
left: -180px;
opacity:1 !important;
display:block;
}
.gallery-section .ms-skin-default .ms-ctrl-hide{
opacity:1 !important;
display:block;
}
.gallery-section .ms-skin-default .ms-nav-prev:before{
position: absolute;
content: 'Prev';
left: -170px;
top: 50%;
z-index: 1;
cursor: pointer;
color: #ffffff;
font-size: 18px;
font-weight: 500;
margin-top: -30px;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
font-family: 'Alegreya Sans', sans-serif;
}
.gallery-section .ms-skin-default .ms-nav-prev:after{
position: absolute;
left: -200px;
top: 50%;
z-index: 1;
cursor: pointer;
color: #ffffff;
font-size: 18px;
font-weight: 500;
margin-top: -31px;
content: "\f1b1";
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
font-family: "Flaticon";
}
.gallery-section .ms-sl-selected .content-layer h3{
opacity: 1 !important;
visibility: visible;
}
.gallery-section .ms-caro3d-template .ms-slide{
opacity: 1 !important;
}
.gallery-section .ms-sl-selected .content-layer .image::before{
opacity: 0;
visibility: hidden;
}
/***
====================================================================
Fluid Section Two
====================================================================
***/
.fluid-section-one{
position:relative;
}
.fluid-section-one .sec-title{
position:relative;
margin-bottom: 40px;
}
.fluid-section-one .outer-container{
position:relative;
min-height:250px;
}
.fluid-section-one .image-column{
position:absolute;
right:0px;
top:0px;
width:50%;
height:100%;
background-size: 100% auto;
background-repeat:no-repeat;
background-position:right bottom;
}
.fluid-section-one .image-column .image-box{
position:relative;
display:none;
}
.fluid-section-one .image-column .image-box img{
position:relative;
display:block;
width:100%;
}
.fluid-section-one .content-column{
position:relative;
float:left;
width:50%;
}
.fluid-section-one .content-column .inner-column{
position:relative;
max-width:610px;
float:right;
width:100%;
margin:0 auto;
padding:90px 15px 70px 15px;
}
.fluid-section-one .content-column .inner-column .slick-list{
padding-left: 25px;
}
.fluid-section-one .content-column .inner-column .slick-dots{
display:none !important;
}
.fluid-section-one .content-column .prev-btn{
position:absolute;
right:-65px;
top:50%;
width:45px;
height:45px;
color:#a4a3a3;
background:none;
border:2px solid #d9dfd7;
z-index:10;
font-size: 30px;
text-align:center;
cursor:pointer;
margin-top: -50px;
line-height: 40px;
border-radius: 50px;
background-color:#ffffff;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.fluid-section-one .content-column .next-btn{
position:absolute;
right:-65px;
width:45px;
height:45px;
bottom: 50%;
color:#a4a3a3;
background:none;
border:2px solid #d9dfd7;
z-index:10;
font-size: 30px;
text-align:center;
cursor:pointer;
line-height: 40px;
border-radius: 50px;
margin-bottom: -50px;
background-color:#ffffff;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.fluid-section-one .content-column .next-btn:hover,
.fluid-section-one .content-column .prev-btn:hover{
color:#ef4260;
}
/*Key Block*/
.key-block{
position: relative;
margin-bottom: 40px;
}
.key-block .inner-box{
position: relative;
padding: 30px 30px 30px 70px;
border: 2px dashed #d9dfd7;
}
.key-block .inner-box .icon-box{
position: absolute;
left: -27px;
top: 50%;
width: 55px;
height: 100px;
display: block;
color: #484848;
font-size: 36px;
line-height: 96px;
text-align: center;
margin-top: -50px;
border-radius: 50px;
background-color: #ffffff;
border: 2px dashed #d9dfd7;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.key-block .inner-box:hover .icon-box{
color: #ffffff;
border-color:#ef4260;
background-color: #ef4260;
}
.key-block .inner-box .icon-box .number{
position: absolute;
width: 26px;
height: 26px;
font-size: 18px;
font-weight: 500;
line-height: 22px;
text-align: center;
border-radius: 50px;
background-color: #ffffff;
border: 2px dashed #d9dfd7;
}
.key-block .inner-box .icon-box .number{
color:#404040;
}
.key-block .inner-box .content{
position: relative;
}
.key-block .inner-box .content h3{
position: relative;
font-size: 22px;
font-weight: 500;
margin-bottom: 8px;
}
.key-block .inner-box .content h3 a{
position: relative;
color: #262626;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.key-block .inner-box .content h3 a:hover{
color:#ef4260;
}
.key-block .inner-box .content .text{
position: relative;
color: #7c7b7b;
font-size: 18px;
line-height: 1.6em;
}
/***
====================================================================
Blog Section
====================================================================
***/
.blog-section{
position: relative;
padding: 90px 0px 50px;
}
.blog-section .sec-title{
margin-bottom:40px;
}
.blog-section.alternate{
padding-top:90px;
}
.news-block{
position: relative;
margin-bottom: 40px;
}
.news-block .inner-box{
position: relative;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.news-block .inner-box .image{
position: relative;
}
.news-block .inner-box .image img{
position: relative;
width: 100%;
display: block;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.news-block .inner-box:hover .image img{
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-o-filter: grayscale(100%);
-ms-filter: grayscale(100%);
}
.news-block .inner-box .image .category{
position: absolute;
left: 20px;
bottom: 40px;
padding: 5px 10px 2px;
background-color: #ffffff;
}
.news-block .inner-box .image .category li{
position: relative;
display: inline-block;
}
.news-block .inner-box .image .category li a{
position: relative;
color: #ef4260;
font-size: 14px;
text-transform: uppercase;
}
.news-block .inner-box .lower-content{
position: relative;
margin-top: -20px;
margin-left: 20px;
margin-right: 20px;
padding: 30px 20px;
background-color: #ffffff;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.news-block .inner-box .lower-content .author{
position: relative;
color: #7c7b7b;
font-size: 16px;
padding-left: 40px;
margin-bottom: 15px;
}
.news-block .inner-box .lower-content .author .author-image{
position: absolute;
left: 0px;
top: -5px;
width: 30px;
height: 30px;
overflow: hidden;
border-radius: 50%;
}
.news-block .inner-box .lower-content h3{
position: relative;
color: #262626;
font-size: 20px;
font-weight: 500;
line-height: 1.4em;
margin-bottom: 18px;
}
.news-block .inner-box .lower-content h3 a{
position: relative;
color: #262626;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.news-block .inner-box .lower-content h3 a:hover{
color: #ef4260;
}
.news-block .inner-box .lower-content .text{
position: relative;
color: #7c7b7b;
font-size: 18px;
line-height: 1.6em;
margin-bottom: 25px;
}
.news-block .inner-box .lower-content .post-date{
position: relative;
padding-left: 40px;
}
.news-block .inner-box .lower-content .post-date:before{
position: absolute;
content: '';
left: 0px;
top: 10px;
width: 30px;
height: 1px;
background-color: #dde2db;
}
.news-block .inner-box .lower-content .post-date li{
position:relative;
color: #7c7b7b;
font-size: 16px;
padding-right: 10px;
line-height: 1.4em;
margin-right: 12px;
display: inline-block;
}
.news-block .inner-box .lower-content .post-date li:after{
position: absolute;
content: '.';
right: -8px;
top: -11px;
color: #cdd5ca;
font-size: 50px;
}
.news-block .inner-box .lower-content .post-date li:last-child::after{
display:none;
}
.news-block .inner-box:hover .lower-content{
box-shadow: 0px 0px 15px rgba(0,0,0,0.10);
}
.news-block.alternate .inner-box .lower-content{
padding: 30px 30px;
margin-top: -30px;
}
.news-block.alternate .inner-box .lower-content h3{
font-size: 30px;
}
.news-block.alternate .inner-box .image .category{
bottom:50px;
}
/***
====================================================================
Map Section Style
====================================================================
***/
.map-data{
text-align:center;
font-size:14px;
font-weight:400;
line-height:1.8em;
}
.map-data h6{
font-size:16px;
font-weight:700;
text-align:center;
margin-bottom:5px;
color:#121212;
}
.map-canvas{
height:460px;
}
.map-section .google-map{
height:460px;
}
/***
====================================================================
Estimate Section
====================================================================
***/
.estimate-section{
position: relative;
padding: 90px 0px 60px;
}
.estimate-section .sec-title{
margin-bottom:40px;
}
.estimate-section .form-column{
position: relative;
margin-bottom: 40px;
}
.estimate-section .form-column .inner-column{
position: relative;
padding: 40px 30px 10px;
border: 1px solid #eef2ed;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.estimate-section .form-column .inner-column:hover{
border-color: #ef4260;
}
/* Estimate Form*/
.estimate-form{
position:relative;
}
.estimate-form .form-group{
margin-bottom:30px;
}
.estimate-form .form-group input[type="text"],
.estimate-form .form-group input[type="email"],
.estimate-form .form-group input[type="password"],
.estimate-form .form-group select,
.estimate-form .form-group textarea{
position:relative;
display:block;
width:100%;
height:50px;
font-size:16px;
color:#848484;
line-height:26px;
padding:10px 18px;
font-weight:400;
background:#ffffff;
border:1px solid #eef2ed;
transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.estimate-form .form-group textarea{
width:100%;
resize:none;
height:100px;
}
.estimate-form .form-group input:focus,
.estimate-form .form-group select:focus,
.estimate-form .form-group textarea:focus{
border-color:#ef4260;
}
/*Custom Select*/
.form-group .ui-selectmenu-button.ui-button{
width:100%;
font-size:14px;
font-style:normal;
height:50px;
padding:10px 18px;
line-height:28px;
color:#333333;
border-radius:0px;
border:1px solid #eef2ed;
background:#ffffff;
}
.form-group .ui-button .ui-icon{
background:none;
position:relative;
top:0px;
text-indent:0px;
color:#333333;
}
.form-group .ui-button .ui-icon:before{
font-family: 'FontAwesome';
content: "\f107";
position:absolute;
right:0px;
top:2px !important;
top:13px;
width:10px;
height:20px;
display:block;
color:#333333;
line-height:20px;
font-size:16px;
font-weight:normal;
text-align:center;
z-index:5;
}
.ui-widget.ui-widget-content{
border:1px solid #e0e0e0;
}
.ui-menu .ui-menu-item{
font-size:14px;
border-bottom:1px solid #e0e0e0;
}
.ui-menu .ui-menu-item:last-child{
border:none;
}
.ui-state-active, .ui-widget-content .ui-state-active{
background:#ef4260;
border-color:#ef4260;
}
.ui-menu .ui-menu-item-wrapper{
position:relative;
display:block;
padding:8px 20px ;
font-size:14px;
line-height:24px;
}
.ui-menu-item:hover{
background-color:#ef4260;
}
.estimate-section .info-column{
position: relative;
margin-bottom: 40px;
}
.estimate-section .info-column .inner-column{
position: relative;
padding: 40px 30px 10px;
border: 1px solid #eef2ed;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.estimate-section .info-column .inner-column:hover{
border-color:#ef4260;
}
.estimate-section .info-column .inner-column:before{
position: absolute;
content: '';
left: 50%;
top: 40px;
bottom: 40px;
width: 1px;
background-color: #eef2ed;
}
/*Info Block*/
.info-block{
position: relative;
margin-bottom: 35px;
}
.info-block .inner-box{
position: relative;
}
.info-block.padd-left .inner-box{
position: relative;
padding-left: 20px;
}
.info-block .inner-box .icon-box{
position: relative;
color: #ef4260;
line-height: 1em;
font-size: 40px;
margin-bottom: 20px;
}
.info-block .inner-box h3{
position: relative;
color: #1e1e29;
font-size: 20px;
font-weight: 500;
line-height: 1.4em;
margin-bottom: 10px;
}
.info-block .inner-box ul{
position: relative;
margin-bottom: 20px;
}
.info-block .inner-box ul li{
position: relative;
color: #7c7b7b;
font-size: 18px;
line-height: 1.6em;
}
.info-block .inner-box .find-map{
position: relative;
color: #262626;
font-size: 18px;
font-weight: 500;
transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.info-block .inner-box .find-map .arrow{
position: relative;
margin-right: 6px;
}
.info-block .inner-box .find-map:hover{
color: #ef4260;
}
/***
====================================================================
Main Footer
====================================================================
***/
.main-footer{
position:relative;
background-color: #1f1f1f;
}
.main-footer .footer-widget{
position:relative;
margin-bottom:30px;
}
.main-footer .widgets-section{
position:relative;
padding:70px 0px 40px;
}
.main-footer .footer-widget h2{
position:relative;
font-size:22px;
font-weight:500;
color:#ffffff;
line-height:1.2em;
margin-bottom:40px;
margin-bottom:25px;
text-transform:capitalize;
}
/*Footer Link*/
.footer-link{
position: relative;
}
.footer-link li{
position: relative;
margin-bottom: 12px;
}
.footer-link li a{
position: relative;
color: #9f9e9e;
font-size: 18px;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.footer-link li a:hover{
color: #ffffff;
}
/*News Widget Block*/
.news-widget-block{
position:relative;
margin-bottom:30px;
}
.news-widget-block:last-child{
margin-bottom:0px;
min-height: 85px;
}
.news-widget-block:last-child .widget-inner{
border:none;
}
.news-widget-block .widget-inner{
position:relative;
padding-left:100px;
min-height:110px;
border-bottom: 1px solid rgba(255,255,255,0.10);
}
.news-widget-block .widget-inner .image{
position:absolute;
left:0px;
top:0px;
width:80px;
height:80px;
overflow: hidden;
border-radius: 50%;
}
.news-widget-block .widget-inner h3{
position:relative;
color:#ffffff;
font-size:18px;
line-height:1.4em;
margin-bottom:5px;
font-weight:500;
}
.news-widget-block .widget-inner h3 a{
position:relative;
color:#ffffff;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.news-widget-block .widget-inner h3 a:hover{
color:#ef4260;
}
.news-widget-block .widget-inner .post-date{
position:relative;
color:#9f9e9e;
font-size:16px;
}
/*Newsletter Widget*/
.newsletter-widget .widget-content{
position:relative;
}
.newsletter-widget .widget-content .message-icon{
position:absolute;
top: -40px;
font-size: 100px;
line-height: 1em;
-webkit-transform: rotate(20deg);
-ms-transform: rotate(20deg);
-o-transform: rotate(20deg);
-moz-transform: rotate(20deg);
transform: rotate(20deg);
color: rgba(255,255,255,0.10);
}
.newsletter-widget .widget-content .text{
position: relative;
color: #ffffff;
font-size: 18px;
margin-bottom: 22px;
}
/*Newsletter Form*/
.newsletter-form {
position:relative;
margin-bottom: 50px;
}
.newsletter-form .form-group{
position:relative;
display:block;
margin:0px;
width:100%;
border:1px solid rgba(255,255,255,0.10);
}
.newsletter-form .form-group input[type="text"]{
position:relative;
display:block;
width:45%;
line-height:28px;
height:50px;
float:left;
font-size:16px;
color:#777777;
font-weight:400;
background:#1f1f1f;
padding:10px 50px 10px 20px;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.newsletter-form .form-group input[type="email"]{
position:relative;
display:block;
width:55%;
line-height:28px;
height:50px;
float:left;
font-size:16px;
color:#777777;
font-weight:400;
background:#1f1f1f;
border-left:1px solid rgba(255,255,255,0.10);
border-right:1px solid rgba(255,255,255,0.10);
padding:10px 50px 10px 20px;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.newsletter-form .form-group input[type="submit"],
.newsletter-form button{
position:absolute;
right:0px;
top:0px;
width:50px;
height:50px;
line-height:50px;
color:#ffffff;
font-size:16px;
cursor:pointer;
text-align:center;
background:#ef4260;
text-transform:uppercase;
}
.main-footer .footer-bottom{
position: relative;
padding: 18px 0px;
background-color: #ffffff;
}
.main-footer .footer-bottom .logo{
position: relative;
float:left;
}
.main-footer .footer-bottom .copyright{
position: relative;
font-size: 18px;
padding-left: 30px;
line-height: 1.7em;
margin-left: 25px;
float:left;
border-left: 1px solid #dde4db;
}
/*Footer Nav*/
.main-footer .footer-bottom .footer-nav{
margin-top: 20px;
}
.footer-nav{
position: relative;
float: right;
text-align: right;
}
.footer-nav > li{
position: relative;
float:left;
margin-left: 15px;
}
.footer-nav li a{
position: relative;
color: #ffffff;
font-size: 18px;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.footer-nav li a:hover{
text-decoration:underline;
}
.footer-style-two .footer-nav li a:hover{
color:#ffffff;
text-decoration:none;
}
.main-footer .footer-bottom .search-box-btn{
position:relative;
float:left;
display:block;
font-size:14px;
color:#222222;
padding:0px;
margin:0px;
cursor:pointer;
background:none;
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-footer .footer-bottom .search-box-btn:after{
display:none;
}
.main-footer .footer-bottom .dropdown-menu{
right: 0px;
top: -133px !important;
left: auto !important;
border-top:3px solid #ef4260;
padding:0px;
width:280px;
border-radius:0px;
-moz-transform: translate3d(0px, 0px, 0px);
-webkit-transform: translate3d(0px, 0px, 0px);
-ms-transform: translate3d(0px, 0px, 0px);
-o-transform: translate3d(0px, 0px, 0px);
transform: translate3d(0px, 0px, 0px);
}
.main-footer .footer-bottom .dropdown-menu.show{
-webkit-transform:translate(0) !important;
-ms-transform:translate(0) !important;
-moz-transform:translate(0) !important;
transform:translate(0) !important;
}
.main-footer .footer-bottom .dropdown-menu > li{
padding:0px;
border:none;
background:none;
}
.main-footer .footer-bottom .search-panel .form-container{
padding:25px 20px;
}
.main-footer .footer-bottom .search-panel .form-group{
position:relative;
margin:0px;
}
.main-footer .footer-bottom .search-panel input[type="text"],
.main-footer .footer-bottom .search-panel input[type="search"],
.main-footer .footer-bottom .search-panel input[type="password"],
.main-footer .footer-bottom .search-panel select{
display:block;
width:100%;
color:#000000;
line-height:24px;
padding:7px 40px 7px 15px;
height:40px;
border:1px solid #e0e0e0;
background:#ffffff;
}
.main-footer .footer-bottom .search-panel input:focus,
.main-footer .footer-bottom .search-panel select:focus{
border-color:#ef4260;
}
.main-footer .footer-bottom .search-panel .search-btn{
position:absolute;
right:0px;
top:0px;
width:40px;
height:40px;
text-align:center;
color:#555555;
font-size:12px;
background:none;
cursor:pointer;
}
/*Feedback Section*/
.feedback-section{
position: relative;
overflow:hidden;
padding-bottom:20px;
}
.feedback-section .title-box{
position: relative;
padding: 90px 0px 150px;
background-color: #e9ede7;
}
.feedback-section .lower-section{
position: relative;
}
.feedback-section .lower-section .lower-inner-section{
position: relative;
max-width:1380px;
padding:0px 15px;
margin:0 auto;
overflow:hidden;
margin-top: -170px;
}
.feedback-section .single-item-carousel{
position:relative;
max-width:450px;
margin:0 auto;
width:100%;
display:block;
}
.feedback-section .owl-stage-outer{
overflow:visible;
}
.feedback-section .owl-dots{
position: relative;
display: none;
}
.feedback-section .owl-nav{
position:relative;
width:110px;
margin:0 auto;
padding-top:30px;
}
.feedback-section .owl-nav .owl-prev,
.feedback-section .owl-nav .owl-next{
position: relative;
width: 45px;
height: 45px;
bottom: 50%;
color: #a4a3a3;
background: none;
border: 2px solid #d9dfd7;
z-index: 10;
display: inline-block;
font-size: 30px;
text-align: center;
cursor: pointer;
line-height: 40px;
margin: 0px 5px;
border-radius: 50px;
background-color: #ffffff;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.feedback-section .owl-nav .owl-prev:hover,
.feedback-section .owl-nav .owl-next:hover{
color:#ffffff;
border-color:#ef4260;
background-color: #ef4260;
}
/*Testimonial Block*/
.testimonial-block{
position: relative;
}
.testimonial-block .inner-box{
position:relative;
display:block;
max-width:380px;
margin:0 auto;
box-shadow: 0px 0px 20px rgba(0,0,0,0.10);
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
text-align: center;
background:#ffffff;
padding: 80px 50px 70px;
-webkit-transform:translateY(42px);
-ms-transform:translateY(42px);
transform:translateY(42px);
}
.feedback-section .owl-item.active .testimonial-block .inner-box{
max-width:none;
-webkit-transform:translateY(0px);
-ms-transform:translateY(0px);
transform:translateY(0px);
}
.testimonial-block .inner-box .image-outer{
position: relative;
display: inline-block;
}
.testimonial-block .inner-box .image-outer .image{
position: relative;
width: 60px;
height: 60px;
margin: 0 auto;
overflow: hidden;
margin-bottom: 15px;
border-radius: 50%;
}
.testimonial-block .inner-box .image-outer .quote-icon{
position: absolute;
right: -35px;
top: -25px;
z-index: -1;
color: #e9ede7;
line-height: 1em;
font-size: 60px;
}
.testimonial-block .inner-box h3{
position: relative;
color: #262626;
font-size: 20px;
font-weight: 500;
margin-bottom: 4px;
}
.testimonial-block .inner-box .location{
position: relative;
color: #ef4260;
font-size: 18px;
margin-bottom: 12px;
}
.testimonial-block .inner-box .text{
position: relative;
color:#7c7b7b;
font-size: 18px;
line-height: 1.5em;
display:none;
}
.feedback-section .owl-item.active .testimonial-block .inner-box .text{
display:block;
}
/***
====================================================================
Fact Counter style
====================================================================
***/
.fact-counter-section{
position:relative;
background-repeat: repeat;
background-color: #122f0b;
}
.fact-counter-section .fact-counter{
position: relative;
padding:120px 0px 80px 0px;
}
.fact-counter-section.style-two{
background-color: #e9ede7;
}
.fact-counter-section.style-two::before{
position:absolute;
content: '';
left: 0px;
top: -184px;
width: 100%;
height: 184px;
background-color: #e9ede7;
}
.fact-counter-section.style-two .fact-counter .column .counter-title{
color:#262626;
}
.fact-counter-section.style-two .fact-counter .column .inner:before{
border-color: #d9dfd7;
}
/*Fact Counter*/
.fact-counter{
position:relative;
}
.fact-counter .column{
position:relative;
z-index:5;
margin-bottom:30px;
}
.fact-counter .column .inner{
position:relative;
text-align:center;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.fact-counter .column .inner:before{
position:absolute;
content: '';
left: 50%;
top: -40px;
width: 80px;
height: 135px;
margin-left: -40px;
border: 8px solid rgba(255,255,255,0.04);
}
.fact-counter .count-outer{
position:relative;
font-size:24px;
line-height:1em;
font-weight:700;
margin:0px 0px;
color:#ef4260;
font-family: 'Frank Ruhl Libre', serif;
}
.fact-counter .count-outer .count-text{
position:relative;
font-weight:700;
color:#ef4260;
font-size: 60px;
font-family: 'Frank Ruhl Libre', serif;
}
.fact-counter .column .counter-title{
position:relative;
font-size:22px;
font-weight:400;
color:#ffffff;
margin-top:10px;
text-transform:capitalize;
display:block;
letter-spacing:1px;
font-family: 'Alegreya Sans', sans-serif;
}
/***
====================================================================
About Section
====================================================================
***/
.about-section{
position: relative;
padding: 100px 0px 60px;
}
.about-section .image-column{
position: relative;
margin-bottom: 40px;
}
.about-section .image-column .play-box{
position: absolute;
right: -65px;
top: 0px;
text-align: center;
overflow: hidden;
transition: all 1s ease;
-moz-transition: all 1s ease;
-webkit-transition: all 1s ease;
-ms-transition: all 1s ease;
-o-transition: all 1s ease;
}
.about-section .image-column .play-box span{
position: relative;
width: 130px;
height: 130px;
z-index: 99;
color: #ffffff;
font-weight: 400;
font-size: 28px;
text-align: center;
border-radius: 50%;
line-height: 104px;
padding-left: 6px;
display: inline-block;
border: 12px solid #ffffff;
background-color: #ef4260;
}
.about-section .image-column .inner-column{
position: relative;
padding-right: 65px;
}
.about-section .image-column .image{
position: relative;
transition: all 900s ease;
-moz-transition: all 900s ease;
-webkit-transition: all 900s ease;
-ms-transition: all 900s ease;
-o-transition: all 900s ease;
}
.about-section .image-column .image:hover .play-box{
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
.about-section .image-column .image img{
position: relative;
width: 100%;
display: block;
}
.about-section .content-column{
position: relative;
margin-bottom: 40px;
}
.about-section .content-column .inner-column{
position: relative;
padding-top: 30px;
}
.about-section .content-column .inner-column .sec-title{
margin-bottom:25px;
}
.about-section .content-column .text{
position: relative;
color: #7c7b7b;
font-size: 18px;
line-height: 1.7em;
margin-bottom: 25px;
}
.about-section .content-column .theme-btn{
padding: 12px 36px 12px;
margin-top: 30px;
}
/***
====================================================================
Services Section Two
====================================================================
***/
.services-section-two{
position:relative;
padding-bottom: 100px;
}
.services-section-two .sec-title{
margin-bottom: 40px;
}
.services-block-two{
position: relative;
margin-bottom: 30px;
}
.services-block-two .inner-box{
position: relative;
text-align: center;
padding-right: 30px;
}
.services-block-two .inner-box .icon-box{
position:absolute;
right: 0px;
bottom: 100%;
margin-bottom: -90px;
width: 60px;
height: 70px;
font-size: 46px;
color: #ef4260;
line-height: 68px;
text-align: center;
z-index: 1;
transition: all 900ms ease;
-moz-transition: all 900ms ease;
-webkit-transition: all 900ms ease;
-ms-transition: all 900ms ease;
-o-transition: all 900ms ease;
background-color: #ffffff;
border: 1px solid #eef2ed;
}
.services-block-two .inner-box .content-box{
position: relative;
padding: 55px 15px 30px;
border: 1px solid #f7f7f7;
box-shadow: 0px 0px 20px rgba(0,0,0,0.10);
}
.services-block-two .inner-box .content-box h3{
position: relative;
top:0;
color: #262626;
font-size: 20px;
font-weight: 600;
line-height: 1.4em;
margin-bottom: 20px;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.services-block-two .inner-box:hover .content-box h3,
.services-block-two .inner-box:hover .content-box .text{
top:-10px;
}
.services-block-two .inner-box .content-box h3 a{
position: relative;
color: #262626;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.services-block-two .inner-box .content-box h3 a:hover{
color: #ef4260;
}
.services-block-two .inner-box .content-box .text{
position: relative;
top:0;
color: #7c7b7b;
font-size: 18px;
line-height: 1.6em;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.services-block-two .inner-box:hover .icon-box{
margin-bottom:0px;
bottom: 20px;
color: #ffffff;
border-color: #ef4260;
background-color: #ef4260;
}
.services-block-two .inner-box .read-more{
position: relative;
top:0;
font-weight: 500;
font-size: 18px;
color: #262626;
margin-top: 15px;
opacity: 0;
display: inline-block;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.services-block-two .inner-box:hover .read-more{
opacity: 1;
top:-10px;
}
.services-section-two .owl-carousel{
margin:0px -15px;
}
.services-section-two .owl-carousel .owl-stage-outer{
padding:15px 0px;
}
.services-section-two .owl-carousel .services-block-two{
margin:0px 15px;
}
.services-section-two .owl-nav{
display: none;
}
.services-section-two .owl-dots{
position:relative;
text-align: center;
padding-top:10px;
}
.services-section-two .owl-dots .owl-dot{
position:relative;
width:12px;
height:12px;
margin:0px 4px;
overflow: hidden;
border-radius: 50px;
display:inline-block;
border:1px solid #ef4260;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.services-section-two .owl-dots .owl-dot:before{
position: absolute;
content: '';
left: 0px;
bottom: 0px;
width: 100%;
height: 50%;
background-color: #ef4260;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.services-section-two .owl-dots .owl-dot.active::before,
.services-section-two .owl-dots .owl-dot:hover::before{
height:100%;
}
/***
====================================================================
Gallery Section Two
====================================================================
***/
.gallery-section-two{
position: relative;
padding-top: 95px;
}
.gallery-section-two:before{
position: absolute;
content: '';
left: 0px;
top: 0px;
width: 100%;
height: 455px;
background-color: #e9ede7;
}
.gallery-section-two .sec-title{
margin-bottom: 40px;
}
.gallery-section-two .outer-container{
position: relative;
padding: 0px 50px;
}
/*Gallery Block*/
.gallery-block{
position:relative;
}
.gallery-block .inner-box{
position:relative;
}
.gallery-block .inner-box .image{
position:relative;
}
.gallery-block .inner-box .image img{
position:relative;
width: 100%;
display: block;
}
.gallery-block .inner-box .overlay-box{
position:absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
display: block;
}
.gallery-block .inner-box .overlay-box .overlay-inner{
position:static;
}
.gallery-block .inner-box .overlay-box .overlay-inner h3{
position:absolute;
left: 40px;
bottom: 40px;
padding: 20px 30px;
background-color: #ffffff;
}
.gallery-block .inner-box .overlay-box .overlay-inner h3 a{
position:relative;
color: #262626;
font-size: 20px;
font-weight: 400;
}
.gallery-section-two .owl-carousel{
max-width:970px;
margin:0 auto;
width:100%;
display:block;
}
.gallery-section-two .owl-dots{
display:none;
}
.gallery-section-two .owl-nav{
position:absolute;
left: 0px;
top: 50%;
width: 100%;
}
.gallery-section-two .owl-nav .owl-prev{
position:absolute;
left: -70px;
width: 60px;
height: 60px;
text-align: center;
line-height: 56px;
border-radius: 50px;
font-size: 28px;
display: inline-block;
background-color: #ffffff;
border: 2px solid #d9dfd7;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.gallery-section-two .owl-nav .owl-next{
position:absolute;
right: -70px;
width: 60px;
height: 60px;
text-align: center;
line-height: 56px;
border-radius: 50px;
font-size: 28px;
display: inline-block;
background-color: #ffffff;
border: 2px solid #d9dfd7;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.gallery-section-two .owl-nav .owl-prev:hover,
.gallery-section-two .owl-nav .owl-next:hover{
color: #ffffff;
border-color:#ef4260;
background-color: #ef4260;
}
.gallery-section-two .owl-carousel .owl-stage-outer{
overflow:visible;
}
.gallery-section-two .owl-carousel .owl-stage-outer .owl-item .gallery-block .inner-box .overlay-box{
opacity: 0;
visibility: hidden;
}
.gallery-section-two .owl-carousel .owl-stage-outer .owl-item .gallery-block .inner-box .image{
opacity: 0.5;
}
.gallery-section-two .owl-carousel .owl-stage-outer .owl-item.active .gallery-block .inner-box .image{
opacity: 1;
}
.gallery-section-two .owl-carousel .owl-stage-outer .owl-item.active .gallery-block .inner-box .overlay-box{
opacity: 1;
visibility: visible;
}
/***
====================================================================
Items Section
====================================================================
***/
.items-section{
position: relative;
padding: 90px 0px 60px;
}
.items-section .sec-title{
margin-bottom:40px;
}
.items-section .sec-title .more-products{
position: relative;
color: #262626;
font-size: 18px;
font-weight: 500;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.items-section .sec-title .more-products .arrow{
position: relative;
margin-right: 6px;
top: 1px;
}
.items-section .sec-title .more-products:hover{
color: #ef4260;
}
/*Product Block*/
.product-block{
position: relative;
margin-bottom: 40px;
}
.product-block .inner-box{
position: relative;
overflow: hidden;
padding-bottom: 45px;
border: 1px solid #eef2ed;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.product-block .inner-box:hover{
box-shadow: 0px 0px 30px rgba(0,0,0,0.10);
}
.product-block .inner-box .image{
position: relative;
}
.product-block .inner-box .image .options-box{
position: absolute;
top: -100%;
right: 40px;
-webkit-transition:all 900ms ease;
-ms-transition:all 900ms ease;
-o-transition:all 900ms ease;
-moz-transition:all 900ms ease;
transition:all 900ms ease;
}
.product-block .inner-box:hover .image .options-box{
top: 40px;
}
.product-block.alternate .inner-box .image .options-box{
right: auto;
left: 40px;
}
.product-block .inner-box .image .options-box li{
position:relative;
margin-bottom: 12px;
}
.product-block .inner-box .image .options-box li a{
position:relative;
width: 50px;
height: 50px;
color: #7c7b7b;
font-size: 20px;
line-height: 48px;
display: block;
font-weight: 500;
text-align: center;
border-radius: 50px;
background-color: #ffffff;
border: 1px solid #eaede8;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.product-block .inner-box .image .options-box li a:hover{
color:#ffffff;
border-color:#ef4260;
background-color: #ef4260;
}
.product-block .inner-box .image img{
position: relative;
width: 100%;
display: block;
}
.product-block .inner-box .lower-box{
position: relative;
text-align: center;
}
.product-block .inner-box .lower-box h3{
position: relative;
font-size: 20px;
font-weight: 500;
line-height: 1.4em;
margin-bottom: 10px;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.product-block .inner-box .lower-box h3 a{
position: relative;
color: #262626;
}
.product-block .inner-box:hover .lower-box h3{
opacity:0;
}
.product-block .inner-box .lower-box .product-price{
position: relative;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.product-block .inner-box .lower-box .product-price li{
position: relative;
color: #ef4260;
font-size: 18px;
margin: 0px 4px;
display: inline-block;
font-family: 'Frank Ruhl Libre', serif;
}
.product-block .inner-box .lower-box .product-price li.discount{
color:#7c7b7b;
font-size: 18px;
text-decoration: line-through;
}
.product-block .inner-box:hover .lower-box .product-price{
opacity: 0;
}
.product-block .inner-box .lower-box .buy-btn-box{
position: absolute;
left: 0px;
top: 6px;
width: 100%;
opacity: 0;
text-align: center;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.product-block .inner-box:hover .lower-box .buy-btn-box{
opacity: 1;
}
.product-block .inner-box .lower-box .buy-btn-box .buy-btn{
position: relative;
color: #ffffff;
font-size: 18px;
font-weight: 500;
padding: 13px 44px;
display: inline-block;
background-color: #ef4260;
font-family: 'Alegreya Sans', sans-serif;
}
/***
====================================================================
Feedback Section Two
====================================================================
***/
.feedback-section-two{
position: relative;
padding: 95px 0px 100px;
background-color: #122f0b;
}
.feedback-section-two .sec-title .title-inner::before{
border-color:rgba(255,255,255,0.10);
}
.feedback-section-two .owl-dots{
display:none;
}
.feedback-section-two .owl-nav{
position:absolute;
right: 0px;
top: 50%;
margin-top: -40px;
}
.feedback-section-two .owl-nav .owl-prev{
position: relative;
width: 45px;
height: 45px;
color: #a4a3a3;
z-index: 10;
font-size: 20px;
text-align: center;
cursor: pointer;
line-height: 43px;
border-radius: 50px;
background: none;
margin-bottom: 20px;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-moz-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform:rotate(90deg);
border: 1px solid rgba(255,255,255,0.10);
}
.feedback-section-two .owl-nav .owl-next{
position: relative;
width: 45px;
height: 45px;
color: #a4a3a3;
z-index: 10;
font-size: 20px;
text-align: center;
cursor: pointer;
line-height: 43px;
border-radius: 50px;
background: none;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-moz-transform:rotate(90deg);
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform:rotate(90deg);
border: 1px solid rgba(255,255,255,0.10);
}
.feedback-section-two .owl-nav .owl-prev:hover,
.feedback-section-two .owl-nav .owl-next:hover{
color:#ef4260;
border-color:#ffffff;
background-color: #ffffff;
}
.feedback-block{
position: relative;
}
.feedback-block .inner-box{
position: relative;
}
.feedback-block .inner-box .image-column{
position:relative;
}
.feedback-block .inner-box .image-column .inner-column{
position:relative;
padding-right: 100px;
}
.feedback-block .inner-box .image{
position: relative;
text-align: center;
}
.feedback-block .inner-box .image img{
position: relative;
}
.feedback-block .inner-box .content-column{
position: relative;
}
.feedback-block .inner-box .content-column .inner-column{
position: relative;
padding-right: 100px;
}
.feedback-block .inner-box .content-column .title{
position: relative;
color: #ef4260;
font-weight: 700;
line-height: 1.4em;
margin-bottom: 10px;
text-transform: uppercase;
font-family: 'Frank Ruhl Libre', serif;
}
.feedback-block .inner-box .content-column h2{
position: relative;
font-size: 30px;
color: #ffffff;
font-weight: 700;
margin-bottom: 25px;
}
.feedback-block .inner-box .content-column .quote-icon{
position: relative;
color: #ef4260;
font-size: 36px;
line-height: 1em;
margin-bottom: 20px;
}
.feedback-block .inner-box .content-column .text{
position: relative;
color: #9f9e9e;
font-size: 20px;
line-height: 1.5em;
margin-bottom: 22px;
}
.feedback-block .inner-box .content-column .location{
position: relative;
color: #ef4260;
font-size: 14px;
font-family: 'Frank Ruhl Libre', serif;
}
/***
====================================================================
Certificate Section
====================================================================
***/
.certificate-section{
position: relative;
padding: 95px 0px 50px;
background-color: #e9ede7;
}
.certificate-section.style-two{
background:none;
}
.certificate-block{
position: relative;
margin-bottom: 40px;
}
.certificate-block .inner-box{
position: relative;
text-align: center;
padding: 0px 30px;
}
.certificate-block .inner-box:before{
position:absolute;
content: '';
right:-10px;
top: 0px;
width: 1px;
height: 100%;
display: block;
background-color: #d9dfd7;
}
.certificate-block:last-child .inner-box::before{
display:none;
}
.certificate-block .inner-box .image{
position: relative;
margin-bottom: 25px;
}
.certificate-block .inner-box .text{
position: relative;
color: #7c7b7b;
font-size: 18px;
line-height: 1.6em;
}
/***
====================================================================
Footer Style Two
====================================================================
***/
.footer-style-two{
position: relative;
background-color: #ef4260;
}
.footer-style-two .upper-section{
position: relative;
padding: 90px 0px 40px;
}
.footer-style-two .upper-section .appointment-widget{
position: relative;
margin-bottom:60px;
}
.footer-style-two .upper-section .appointment-widget h2{
position: relative;
color: #e9ede7;
font-weight: 700;
font-size: 24px;
text-align: center;
display: block;
width: 100%;
margin-bottom: 30px;
text-transform: uppercase;
}
/*Appointment Form*/
.appointment-form{
position:relative;
padding-right: 200px;
}
.appointment-form .form-group{
margin-bottom:30px;
}
.appointment-form .form-group .ui-selectmenu-button.ui-button,
.appointment-form .form-group input[type="text"],
.appointment-form .form-group input[type="email"],
.appointment-form .form-group input[type="password"],
.appointment-form .form-group select,
.appointment-form .form-group textarea{
position:relative;
display:block;
width:100%;
height:55px;
font-size:16px;
color:#ffffff;
line-height:29px;
padding:12px 18px;
font-weight:400;
background:none;
font-family: 'Frank Ruhl Libre', serif;
border:1px solid rgba(255,255,255,0.10);
transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.appointment-form .form-group .ui-button .ui-icon:before{
color:#9f9e9e;
}
.appointment-form .form-group textarea{
width:100%;
resize:none;
height:100px;
}
.appointment-form .form-group input:focus,
.appointment-form .form-group select:focus,
.appointment-form .form-group textarea:focus{
border-color:#ef4260;
}
.appointment-form .theme-btn{
position: absolute;
right: 0px;
top: 0px;
padding: 12px 43px 12px;
}
.footer-style-two .upper-section .footer-info-block{
position:relative;
margin-top: 20px;
}
.footer-style-two .upper-section .footer-info-block .text{
position: relative;
color: #ffffff;
font-size: 18px;
line-height: 1.6em;
}
.footer-style-two .upper-section .footer-info-block .social-outer{
position: absolute;
width: 100%;
}
.footer-style-two .footer-bottom{
position: relative;
margin-top: 30px;
border-top: 1px solid rgba(255,255,255,0.10);
}
.footer-style-two .footer-bottom .logo-box{
position:absolute;
left: 50%;
top: -35px;
margin-left: -150px;
padding: 0px 40px;
background-color: #ef4260;
}
.footer-style-two .footer-bottom .column{
position: relative;
padding: 30px 0px;
}
.footer-style-two .footer-bottom .text{
position: relative;
color: #ffffff;
font-size: 18px;
}
/***
====================================================================
Services Section Three
====================================================================
***/
.services-section-three{
position: relative;
padding-bottom: 100px;
top: -109px;
z-index: 9;
margin-bottom: -109px;
}
.services-section-three .appointment-tabs .btns-outer{
position: relative;
}
.services-section-three .appointment-tabs .tab-btns{
position:relative;
text-align: center;
background-color: #ffffff;
box-shadow: 0px 0px 15px rgba(0,0,0,0.08);
}
.services-section-three .appointment-tabs .tab-btns .p-tab-btn{
position:relative;
display:block;
float:left;
font-size:18px;
color:#bfbfbf;
font-weight:500;
cursor:pointer;
line-height: 2.6em;
padding: 31px 45px;
width: 25%;
text-align: left;
background-color: #ffffff;
text-transform:uppercase;
transition:all 500ms ease;
font-family: 'Frank Ruhl Libre', serif;
}
.services-section-three .appointment-tabs .btns-outer .appointment{
position:absolute;
right: 0px;
top: 0px;
color: #ffffff;
font-weight: 500;
font-size: 18px;
padding: 42px 35px;
display: inline-block;
background-color: #ef4260;
}
.services-section-three .appointment-tabs .btns-outer .appointment .arrow{
margin-right: 8px;
}
.services-section-three .appointment-tabs .tab-btns .p-tab-btn:after{
position:absolute;
content: '';
right: 0px;
top: 20px;
bottom: 20px;
width: 1px;
background-color: #eef2ed;
}
.services-section-three .appointment-tabs .tab-btns .p-tab-btn:last-child::after{
display: none;
}
.services-section-three .appointment-tabs .tab-btns .p-tab-btn .icon{
position:relative;
font-size: 44px;
float: left;
line-height: 1em;
margin-right: 20px;
}
.services-section-three .appointment-tabs .tab-btns .p-tab-btn:hover,
.services-section-three .appointment-tabs .tab-btns .p-tab-btn.active-btn{
color:#ef4260;
background:#ffffff;
}
.services-section-three .appointment-tabs .tab-btns .p-tab-btn:last-child{
margin-right: 0px;
border: none;
padding-right: 0px;
}
.appointment-tabs .p-tabs-content{
position:relative;
display:block;
margin-top: 50px;
}
.appointment-tabs .p-tabs-content .p-tab .content{
margin:0px -15px;
}
.appointment-tabs .p-tab{
position:absolute;
left:0px;
top:0px;
width:100%;
height:auto;
visibility:hidden;
}
.appointment-tabs .p-tab .owl-carousel .owl-stage-outer{
position:relative;
padding: 15px 0px;
}
.appointment-tabs .p-tab.active-tab{
position:relative;
visibility:visible;
z-index:5;
}
.appointment-tabs .p-tab.active-tab .services-block-three{
-webkit-transform:scaleX(1);
-ms-transform:scaleX(1);
-o-transform:scaleX(1);
-moz-transform:scaleX(1);
transform:scaleX(1);
}
.appointment-tabs .p-tab .services-block-three{
transition:all 0.7s ease;
-moz-transition:all 0.7s ease;
-webkit-transition:all 0.7s ease;
-ms-transition:all 0.7s ease;
-o-transition:all 0.7s ease;
-webkit-transform:scaleX(0);
-ms-transform:scaleX(0);
-o-transform:scaleX(0);
-moz-transform:scaleX(0);
transform:scaleX(0);
}
.services-block-three{
position: relative;
margin-bottom: 35px;
}
.services-block-three .inner-box{
position: relative;
overflow: hidden;
box-shadow: 0px 0px 25px rgba(0,0,0,0.07);
}
.services-item-carousel .services-block-three .inner-box{
margin:0px 15px;
}
.services-block-three .inner-box .image{
position: relative;
display:block;
overflow: hidden;
}
.services-block-three .inner-box .image img{
position: relative;
width: 100%;
display: block;
transition:all 0.7s ease;
-moz-transition:all 0.7s ease;
-webkit-transition:all 0.7s ease;
-ms-transition:all 0.7s ease;
-o-transition:all 0.7s ease;
}
.services-block-three .inner-box:hover .image img{
-webkit-transform: scale(1.08,1.08);
-ms-transform: scale(1.08,1.08);
transform: scale(1.08,1.08);
}
.services-block-three .inner-box .lower-content{
position: relative;
padding: 50px 40px 30px;
}
.services-block-three .inner-box .lower-content h2{
position: relative;
font-size: 22px;
font-weight: 500;
line-height: 1.4em;
margin-bottom: 20px;
text-transform: capitalize;
}
.services-block-three .inner-box .lower-content h2:before{
position: absolute;
content: '';
left: 0px;
top: -10px;
width: 55px;
height: 55px;
z-index: -1;
border: 10px solid #eef2ed;
-moz-transform: perspective(400px) rotateY(35deg);
-webkit-transform: perspective(400px) rotateY(35deg);
-ms-transform: perspective(400px) rotateY(35deg);
-o-transform: perspective(400px) rotateY(35deg);
transform: perspective(400px) rotateY(35deg);
}
.services-block-three .inner-box .lower-content h2 a{
position: relative;
color: #262626;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.services-block-three .inner-box .lower-content .text{
position: relative;
color: #7c7b7b;
font-size: 18px;
line-height: 1.6em;
margin-bottom: 30px;
}
.services-block-three .inner-box .lower-content .icon-box{
position: relative;
color:#404040;
font-size: 64px;
line-height: 1em;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.services-block-three .inner-box .lower-content .explore{
position: absolute;
right: 40px;
bottom: 35px;
color: #262626;
font-weight: 500;
font-size: 18px;
float: right;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.services-block-three .inner-box .lower-content .explore .arrow{
position: relative;
top: 2px;
margin-left: 5px;
}
.services-block-three .inner-box:hover .lower-content .icon-box,
.services-block-three .inner-box:hover .lower-content h2 a,
.services-block-three .inner-box:hover .lower-content .explore{
color:#ef4260;
}
.services-section-three .owl-dots{
position: relative;
display: none;
}
.services-section-three .owl-nav{
position:relative;
left: 50%;
bottom: 0px;
margin-top: 0px;
margin-left: -55px;
}
.services-section-three .owl-nav .owl-prev,
.services-section-three .owl-nav .owl-next{
position: relative;
width: 45px;
height: 45px;
bottom: 50%;
color: #a4a3a3;
background: none;
border: 2px solid #d9dfd7;
z-index: 10;
display: inline-block;
font-size: 30px;
text-align: center;
cursor: pointer;
line-height: 40px;
margin: 0px 5px;
border-radius: 50px;
background-color: #ffffff;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.services-section-three .owl-nav .owl-prev:hover,
.services-section-three .owl-nav .owl-next:hover{
color: #ffffff;
border-color:#ef4260;
background-color: #ef4260;
}
/***
====================================================================
Page Title
====================================================================
***/
.page-title{
position:relative;
padding:115px 0px 230px;
background-repeat:no-repeat;
background-size:cover;
text-align: center;
background-position:center bottom;
}
.page-title:before{
position:absolute;
content:'';
left:0px;
top:0px;
width:100%;
height:100%;
display:block;
background-color:rgba(0,0,0,0.30);
}
.page-title:after{
position:absolute;
content:'';
left:0px;
bottom:-1px;
width:100%;
height:171px;
display:block;
background: url(../images/background/pattern-4.png) repeat-x;
}
.page-title.style-two{
padding:100px 0px;
}
.page-title.style-two:before{
background-color:rgba(0,0,0,0.60);
}
.page-title.style-two:after{
display:none;
}
.page-title h1{
position:relative;
color:#ffffff;
font-size:48px;
font-weight:500;
line-height:1.2em;
margin-bottom:15px;
text-transform:capitalize;
}
.page-title .page-breadcrumb{
position:relative;
}
.page-title .page-breadcrumb li{
position:relative;
display:inline-block;
margin-right:10px;
padding-right:10px;
color:#ffffff;
font-size:18px;
font-weight:500;
}
.page-title .page-breadcrumb li:after{
position:absolute;
content:'-';
right:-4px;
top:-1px;
color:#ffffff;
font-family: 'FontAwesome';
}
.page-title .page-breadcrumb li:last-child::after{
display:none;
}
.page-title .page-breadcrumb li:last-child{
padding-right:0px;
margin-right:0px;
}
.page-title .page-breadcrumb li a{
color:#ffffff;
font-weight:400;
}
/***
====================================================================
Company Section
====================================================================
***/
.company-section{
position: relative;
padding: 50px 0px;
}
.company-section .mission-column{
position: relative;
margin-bottom: 40px;
}
.company-section .mission-column .inner-column{
position: relative;
padding-right: 35px;
}
.company-section .mission-column h2{
position: relative;
color: #262626;
font-size: 22px;
font-weight: 700;
margin-bottom: 18px;
}
.company-section .mission-column .inner-column .text{
position: relative;
color: #7c7b7b;
font-size: 18px;
line-height: 1.5em;
margin-bottom: 30px;
}
.company-section .mission-column .inner-column .row{
margin: 0px -3px;
}
.company-section .mission-column .inner-column .image-column{
position: relative;
padding: 0px 3px;
margin-bottom: 6px;
}
.company-section .mission-column .inner-column .image-column .image img{
width: 100%;
display: block;
}
.company-section .vision-column{
position: relative;
margin-bottom: 40px;
}
.company-section .vision-column h2{
position: relative;
color: #262626;
font-size: 22px;
font-weight: 700;
margin-bottom: 18px;
margin-top: 25px;
}
.company-section .vision-column .inner-column{
position: relative;
padding-left: 35px;
}
.company-section .vision-column .inner-column .row{
margin: 0px -3px;
}
.company-section .vision-column .inner-column .row .image-column{
position: relative;
padding: 0px 3px;
margin-bottom: 6px;
}
.company-section .vision-column .inner-column .row .image-column .image img{
width:100%;
display: block;
}
/***
====================================================================
Team Section
====================================================================
***/
.team-section{
position: relative;
padding-top: 55px;
}
.team-block{
position: relative;
z-index: 1;
}
.team-block .inner-box{
position: relative;
overflow: hidden;
}
.team-block .inner-box .image{
position: relative;
}
.team-block .inner-box .image img{
position: relative;
width: 100%;
display: block;
}
.team-block .inner-box .image .social-nav{
position: absolute;
left: -40px;
top: 20px;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.team-block .inner-box:hover .image .social-nav{
left:20px;
}
.team-block .inner-box .image .social-nav li{
position: relative;
margin-bottom: 10px;
}
.team-block .inner-box .image .social-nav li a{
position: relative;
width: 35px;
height: 35px;
color: #a5a5a5;
line-height: 34px;
text-align: center;
border-radius: 50px;
display: inline-block;
background-color: #ffffff;
border: 1px solid #e0e1e1;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.team-block .inner-box .image .social-nav li a:hover{
background-color: #ef4260;
border-color: #ef4260;
color: #ffffff;
}
.team-block .inner-box .lower-content{
position: relative;
padding: 25px 25px;
background-color: #ffffff;
box-shadow: 0px 0px 20px rgba(0,0,0,0.20);
}
.team-block .inner-box .lower-content:before{
position:absolute;
content: '';
left: 30px;
top: 0px;
width: 50px;
height: 2px;
background-color: #ef4260;
}
.team-block .inner-box .lower-content h3{
position: relative;
font-size: 20px;
font-weight: 500;
line-height: 1.4em;
padding-bottom: 6px;
margin-bottom: 10px;
border-bottom: 1px solid #eef2ed;
}
.team-block .inner-box .lower-content h3 a{
position: relative;
color: #262626;
}
.team-block .inner-box .lower-content .designation{
position: relative;
color: #ef4260;
font-size: 18px;
margin-bottom: 12px;
}
.team-block .inner-box .lower-content .text{
position: relative;
color: #7c7b7b;
font-size: 18px;
line-height: 1.5em;
}
/***
====================================================================
Faq Page Section
====================================================================
***/
.faq-page-section{
position: relative;
padding: 50px 0px 90px;
}
.faq-page-section .form-column{
position: relative;
}
.faq-page-section .form-column .inner-column{
position: relative;
}
.faq-page-section .form-column .inner-column h2{
position: relative;
color: #262626;
font-size: 30px;
font-weight: 700;
line-height: 1.3em;
margin-bottom: 42px;
text-transform: uppercase;
}
/* Faq Form */
.faq-form{
position:relative;
}
.faq-form .form-group{
margin-bottom:30px;
}
.faq-form .form-group input[type="text"],
.faq-form .form-group input[type="email"],
.faq-form .form-group input[type="password"],
.faq-form .form-group select,
.faq-form .form-group textarea{
position:relative;
display:block;
width:100%;
height:50px;
font-size:16px;
color:#848484;
line-height:26px;
padding:10px 18px;
font-weight:400;
background:#ffffff;
border:1px solid #eef2ed;
transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.faq-form .form-group textarea{
width:100%;
resize:none;
height:120px;
}
.faq-form .form-group .theme-btn{
background-color: #e9ede7;
border-color: #e9ede7;
color: #262626;
margin-top: 10px;
}
.faq-form .form-group input:focus,
.faq-form .form-group select:focus,
.faq-form .form-group textarea:focus{
border-color:#ef4260;
}
/***
====================================================================
Accordion Style
====================================================================
***/
.accordion-box{
position:relative;
}
.accordion-box .block{
position: relative;
margin-bottom:10px;
border:1px solid #eef2ed;
background-color:#ffffff;
}
.accordion-box .block .acc-btn{
position:relative;
font-size:18px;
cursor:pointer;
line-height:30px;
color:#262626;
font-weight:400;
padding:19px 30px 19px 28px;
transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
font-family: 'Frank Ruhl Libre', serif;
}
.accordion-box .block .icon-outer{
position:absolute;
right:20px;
top:18px;
font-size:20px;
color: #a7a7a7;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.accordion-box .block .icon-outer .icon{
position: absolute;
right: 0px;
font-size: 16px;
font-weight: 400;
text-align: center;
}
.accordion-box .block .icon-outer .icon-plus{
opacity:1;
}
.accordion-box .block .icon-outer .icon-minus{
opacity:0;
font-weight:300;
}
.accordion-box .block .acc-btn.active .icon-outer .icon-minus{
opacity:1;
color:#ef4260;
}
.accordion-box .block .acc-btn.active .icon-outer .icon-plus{
opacity:0;
}
.accordion-box .block .acc-content{
position:relative;
display:none;
background-color: #f7f7f7;
}
.accordion-box .block .acc-content .content-text{
padding-bottom:6px;
}
.accordion-box .block .acc-content.current{
display:block;
}
.accordion-box .block .content{
position:relative;
font-size:14px;
padding:25px 25px 20px 25px;
}
.accordion-box .block .content .text{
line-height:1.6em;
font-size:18px;
color:#7c7b7b;
}
.accordion-box .block .content p:last-child{
margin-bottom:0px;
}
/***
====================================================================
Appointment Page Section
====================================================================
***/
.appointment-page-section{
position: relative;
padding: 90px 0px 50px;
}
.appointment-page-section .upper-section{
position:relative;
padding-bottom: 40px;
border-bottom: 1px solid #eef2ed;
}
/*Appointment Block*/
.appointment-block{
position: relative;
margin-bottom: 80px;
}
.appointment-block .inner-box{
position: relative;
}
.appointment-block .inner-box h2{
position: relative;
font-size: 20px;
font-weight: 700;
margin-bottom: 22px;
}
.appointment-block .inner-box h2 a{
position: relative;
color: #262626;
}
.appointment-block .inner-box .image{
position: relative;
}
.appointment-block .inner-box .image img{
position: relative;
width: 100%;
display: block;
}
.appointment-block .inner-box .content-box{
position: absolute;
left: 40px;
bottom: -40px;
padding: 14px 50px 12px 110px;
background-color: #ffffff;
box-shadow: 0px 0px 15px rgba(0,0,0,0.15);
}
.appointment-block .inner-box .content-box .content{
position: relative;
}
.appointment-block .inner-box .content-box .icon-box{
position: absolute;
left: 0px;
top: 0px;
width: 80px;
height: 80px;
color: #ffffff;
font-size: 40px;
line-height: 80px;
text-align: center;
background-color: #ef4260;
}
.appointment-block .inner-box .content-box .content .text{
position: relative;
color: #7c7b7b;
font-size: 18px;
line-height: 1.5em;
}
.appointment-page-section .lower-section{
position: relative;
padding: 65px 0px 30px;
}
/* Appointment Form Section */
.appointment-form-two{
position:relative;
}
.appointment-form-two .form-group{
margin-bottom:30px;
}
.appointment-form-two .form-group label{
position:relative;
color: #262626;
font-size :16px;
font-weight: 500;
margin-bottom: 10px;
font-family: 'Frank Ruhl Libre', serif;
}
.appointment-form-two .form-group input[type="text"],
.appointment-form-two .form-group input[type="email"],
.appointment-form-two .form-group input[type="password"],
.appointment-form-two .form-group select,
.appointment-form-two .form-group textarea{
position:relative;
display:block;
width:100%;
height:55px;
font-size:16px;
color:#848484;
line-height:33px;
padding:10px 18px;
font-weight:400;
background:#ffffff;
border:1px solid #eef2ed;
transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.appointment-form-two .form-group textarea{
width:100%;
resize:none;
height:120px;
}
.appointment-form-two .form-group .theme-btn{
background-color: #e9ede7;
border-color: #e9ede7;
color: #262626;
max-width: 570px;
margin: 0 auto;
}
.appointment-form-two .form-group input:focus,
.appointment-form-two .form-group select:focus,
.appointment-form-two .form-group textarea:focus{
border-color:#ef4260;
}
.testimonial-page-section{
position:relative;
padding: 55px 0px 20px;
}
/* Testimonial Block Two */
.testimonial-block-two{
position: relative;
margin-bottom: 80px;
}
.testimonial-block-two .inner-box{
position: relative;
text-align: center;
padding: 0px 40px 50px;
border: 1px solid #eef2ed;
}
.testimonial-block-two .inner-box .image-outer{
position: relative;
display: inline-block;
}
.testimonial-block-two .inner-box .image-outer .image{
position: relative;
width: 65px;
height: 65px;
margin: 0 auto;
overflow: hidden;
margin-bottom: 15px;
border-radius: 50%;
margin-top: -32px;
border: 5px solid #ffffff;
}
.testimonial-block-two .inner-box .image-outer .quote-icon{
position: absolute;
right: -35px;
top: -48px;
z-index: -1;
color: #e9ede7;
line-height: 1em;
font-size: 60px;
}
.testimonial-block-two .inner-box h3{
position: relative;
color: #262626;
font-size: 20px;
font-weight: 500;
margin-bottom: 4px;
}
.testimonial-block-two .inner-box .location{
position: relative;
color: #ef4260;
font-size: 18px;
margin-bottom: 18px;
}
.testimonial-block-two .inner-box .text{
position: relative;
color:#7c7b7b;
font-size: 18px;
line-height: 1.5em;
}
/***
====================================================================
Window Page Section
====================================================================
***/
.windows-page-section{
position: relative;
padding: 55px 0px 60px;
}
.windows-page-section .title-box{
position: relative;
text-align: center;
margin-bottom: 30px;
}
.windows-page-section .title-box h2{
position: relative;
color: #262626;
font-size: 30px;
font-weight: 500;
line-height: 1.4em;
}
.windows-page-section .title-box .text{
position: relative;
font-size: 24px;
line-height: 1.6em;
margin-top: 3px;
color:#7c7b7b;
font-family: 'Frank Ruhl Libre', serif;
}
.windows-page-section .title-box .text a{
position: relative;
color: #ef4260;
}
/*Page Nav Outer*/
.window-nav-outer{
position: relative;
margin-bottom: 75px;
}
.window-nav-outer .window-nav{
position: relative;
padding: 0px 50px;
border-radius: 0px 0px 50px 50px;
box-shadow: 0px 0px 15px rgba(0,0,0,0.15);
}
.window-nav-outer .window-nav li{
position: relative;
float: left;
width:20%;
text-align: center;
}
.window-nav-outer .window-nav li a:after{
position:absolute;
content: '';
right: 0px;
top: 22px;
bottom: 22px;
width: 1px;
transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
background-color: #eef2ed;
}
.window-nav-outer .window-nav li:last-child a::after{
display:none;
}
.window-nav-outer .window-nav li a{
position: relative;
width: 100%;
margin-top: -5px;
margin-bottom: -5px;
color: #262626;
font-size: 22px;
font-weight: 400;
padding: 33px 15px;
display: inline-block;
transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.window-nav-outer .window-nav li.active a::after,
.window-nav-outer .window-nav li a:hover::after{
display:none;
}
.window-nav-outer .window-nav li a:hover,
.window-nav-outer .window-nav li.active a{
color: #ffffff;
background-color: #ef4260;
}
.windows-page-section .content-column{
position: relative;
}
.windows-page-section .content-column .inner-column{
position: relative;
}
.windows-page-section .content-column .inner-column .blocks-outer{
position: relative;
margin-bottom: 30px;
}
.windows-page-section .content-column h2{
position: relative;
font-size: 24px;
font-weight: 700;
color: #262626;
line-height: 1.4em;
margin-bottom: 18px;
text-transform: uppercase;
}
.windows-page-section .content-column .text{
position: relative;
}
.windows-page-section .content-column .text p{
position: relative;
color: #7c7b7b;
font-size: 18px;
line-height: 1.6em;
margin-bottom: 25px;
}
.windows-page-section .content-column .text .image{
position: relative;
margin-bottom: 50px;
}
.windows-page-section .content-column .text .image-gallery{
position:relative;
margin-bottom: 40px;
padding-right: 30px;
padding-bottom: 30px;
}
.windows-page-section .content-column .text .image-gallery:before{
position:absolute;
content: '';
right: 0px;
top: 30px;
bottom: 0px;
left: 30px;
border: 1px solid #eef2ed;
}
.windows-page-section .content-column .text .image-gallery .before{
position:absolute;
left: 20px;
top: 20px;
font-size: 18px;
font-weight: 400;
padding: 5px 20px 3px;
background-color: #ffffff;
}
.windows-page-section .content-column .text .image-gallery .after{
position:absolute;
right: 20px;
top: 20px;
font-size: 18px;
font-weight: 400;
padding: 5px 20px 3px;
background-color: #ffffff;
}
.windows-page-section .content-column .text .image-gallery .image-column{
position:relative;
padding: 0px;
float: left;
}
.windows-page-section .content-column .text .image-gallery .image-column img{
width:100%;
display: block;
}
.windows-page-section .content-column h3{
position: relative;
font-size: 24px;
font-weight: 700;
color: #262626;
line-height: 1.4em;
margin-bottom: 14px;
text-transform: capitalize;
}
/*Instalation Block*/
.instalation-block{
position: relative;
}
.instalation-block .inner-block{
position: relative;
padding-left: 60px;
padding-bottom: 30px;
}
.instalation-block .inner-block:before{
position:absolute;
content: '';
left: 11px;
top: 10px;
width: 1px;
bottom: 10px;
background-color: #dde2db;
}
.instalation-block:last-child .inner-block:before{
display:none;
}
.instalation-block .inner-block .icon-box{
position:absolute;
left: 0px;
top: 6px;
color: #609f4e;
font-size: 26px;
line-height: 1em;
padding-bottom: 10px;
background-color: #ffffff;
}
.instalation-block .inner-block h4{
position: relative;
color: #262626;
font-weight: 500;
font-size: 20px;
margin-bottom: 8px;
}
.instalation-block .inner-block .instalation-text{
position: relative;
color: #7c7b7b;
font-size: 18px;
line-height: 1.6em;
}
.instalation-block.alternate{
margin-bottom:30px;
}
.instalation-block.alternate .inner-block{
padding-bottom: 0px;
}
.instalation-block.alternate .inner-block:before{
display: none;
}
/*Choosing Section*/
.choosing-section{
position: relative;
padding-top: 55px;
padding-bottom: 55px;
margin-top: 20px;
border-top: 1px solid #eef2ed;
border-bottom: 1px solid #eef2ed;
}
.choosing-section .inner-section{
position: relative;
padding-left: 170px;
}
.choosing-section .inner-section h3{
position: absolute;
left: 0px;
}
.choosing-section .inner-section .inner-blocks{
position: relative;
padding-left: 20px;
border-left: 1px solid #eef2ed;
}
.choosing-section.alternate{
margin-top:50px;
}
.choosing-section.alternate h3{
margin-bottom:35px;
}
/*Choose Block*/
.choose-block{
position: relative;
margin-bottom: 50px;
}
.choose-block.alternate{
margin-bottom:0px;
}
.choose-block .inner-block{
position: relative;
text-align:center;
}
.choose-block .inner-block .icon-box{
position: relative;
color: #ef4260;
font-size: 60px;
line-height: 1em;
margin-bottom: 15px;
}
.choose-block .inner-block .block-title{
position: relative;
color: #262626;
font-size: 18px;
font-weight: 500;
font-family: 'Frank Ruhl Libre', serif;
}
.choose-block .inner-block .choose-text{
position:relative;
color: #7c7b7b;
font-size: 18px;
line-height: 1.5em;
margin-top: 15px;
}
.choose-block.style-two .inner-block{
text-align:left;
}
/*Repair section*/
.repair-section{
position: relative;
padding-top: 50px;
}
.repair-section .inner-blocks{
position: relative;
margin-top: 50px;
padding-right: 200px;
}
.repair-block{
position: relative;
margin-bottom: 85px;
z-index: 1;
}
.repair-block .inner-block{
position: relative;
text-align: center;
}
.repair-block .inner-block .number-box{
position: relative;
width: 70px;
height: 40px;
color: #7c7b7b;
margin: 0 auto;
font-size: 24px;
line-height: 35px;
font-weight: 500;
margin-bottom: 35px;
background: #e9ede7;
transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.repair-block .inner-block .number-box:before{
content: "";
position: absolute;
top: -20px;
left: 0;
width: 0;
height: 0;
transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
border-left: 35px solid transparent;
border-right: 35px solid transparent;
border-bottom: 20px solid #e9ede7;
}
.repair-block .inner-block .number-box:after{
content: "";
position: absolute;
bottom: -20px;
left: 0;
width: 0;
height: 0;
transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
border-left: 35px solid transparent;
border-right: 35px solid transparent;
border-top: 20px solid #e9ede7;
}
.repair-block .inner-block:hover .number-box{
background-color: #ef4260;
color: #ffffff;
}
.repair-block .inner-block:hover .number-box:before{
border-bottom-color: #ef4260;
}
.repair-block .inner-block:hover .number-box:after{
border-top-color: #ef4260;
}
.repair-block .inner-block .number-box .number{
position: relative;
}
.repair-block .inner-block .repair-heading{
position: relative;
color: #262626;
font-size: 18px;
font-weight: 500;
margin-bottom: 14px;
font-family: 'Frank Ruhl Libre', serif;
}
.repair-block .inner-block .repair-text{
position: relative;
color: #7c7b7b;
font-size: 18px;
line-height: 1.5em;
}
.repair-section .inner-blocks .repair-image{
position: absolute;
right: 0px;
top: 0px;
}
/*Windows Blocks*/
.windows-blocks{
position: relative;
}
.windows-blocks.alternate{
margin-top: 50px;
}
.window-block{
position: relative;
margin-bottom: 40px;
}
.window-block .inner-block{
position: relative;
border: 1px solid #eef2ed;
}
.window-block .inner-block .content{
position: relative;
float: left;
z-index: 1;
padding: 34px 0px 34px 25px;
}
.window-block .inner-block .icon-box{
position: relative;
color: #262626;
font-size: 48px;
line-height: 1em;
margin-bottom: 20px;
}
.window-block .inner-block .window-heading{
position: relative;
color: #262626;
font-size: 24px;
line-height: 1.4em;
margin-bottom: 25px;
text-align: right;
margin-left:20px;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
font-family: 'Frank Ruhl Libre', serif;
}
.window-block .inner-block:hover .window-heading{
margin-left:40px;
}
.window-block .inner-block .window-heading a{
position: relative;
color: #262626;
font-size: 24px;
font-weight: 500;
line-height: 1.4em;
font-family: 'Frank Ruhl Libre', serif;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.window-block .inner-block .download:hover,
.window-block .inner-block .window-heading a:hover{
color:#ef4260;
}
.window-block .inner-block .download{
position: relative;
color: #262626;
font-size: 18px;
font-weight: 500;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.window-block .inner-block .download .arrow{
position: relative;
top: 1px;
margin-right: 5px;
}
.window-block .inner-block .image{
position: absolute;
right: 0px;
max-width: 220px;
}
.services-widget{
position:relative;
margin-bottom: 50px;
}
.services-widget .widget-content{
position:relative;
padding: 30px 40px 20px;
box-shadow: 0px 0px 15px rgba(0,0,0,0.15);
}
/*Consulting Box*/
.consulting-widget{
position: relative;
}
.consulting-widget h2{
position: relative;
color: #262626;
font-size: 20px;
font-weight: 700;
margin-bottom: 20px;
text-transform: uppercase;
}
/* Consulting Form*/
.consulting-form{
position:relative;
}
.consulting-form .form-group{
margin-bottom:20px;
}
.consulting-form .form-group input[type="text"],
.consulting-form .form-group input[type="email"],
.consulting-form .form-group input[type="password"],
.consulting-form .form-group select,
.consulting-form .form-group textarea{
position:relative;
display:block;
width:100%;
height:50px;
font-size:16px;
color:#848484;
line-height:26px;
padding:10px 18px;
font-weight:400;
background:#ffffff;
border:1px solid #eef2ed;
transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.consulting-form .form-group textarea{
width:100%;
resize:none;
height:100px;
}
.consulting-form .form-group .submit-btn{
position:relative;
color: #262626;
font-size: 18px;
font-weight: 500;
cursor: pointer;
padding: 12px 40px 10px;
display: inline-block;
background-color: #e9ede7;
transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.consulting-form .form-group .submit-btn:hover{
color:#ffffff;
background-color: #ef4260;
}
.consulting-form .form-group input:focus,
.consulting-form .form-group select:focus,
.consulting-form .form-group textarea:focus{
border-color:#ef4260;
}
/*Brands Widget*/
.brands-widget{
position: relative;
}
.brands-widget h2{
position: relative;
color: #262626;
font-size: 20px;
font-weight: 700;
margin-bottom: 20px;
text-transform: uppercase;
}
.brands-widget .content{
position: relative;
}
.brands-widget .content .brand-image{
position: relative;
margin-bottom: 15px;
display: inline-block;
}
.brands-widget .content .image img{
position: relative;
width: auto;
}
.brands-widget .content h3{
position: relative;
color: #262626;
font-weight: 500;
font-size: 20px;
margin-bottom: 8px;
}
.brands-widget .content .text{
position: relative;
color: #7c7b7b;
font-size: 18px;
line-height: 1.6em;
}
.brands-widget .owl-dots{
display: none;
}
.brands-widget .owl-nav{
position: relative;
margin-top: 20px;
}
.brands-widget .owl-nav .owl-prev,
.brands-widget .owl-nav .owl-next{
position: relative;
color: #7c7b7b;
font-size: 30px;
margin-right: 14px;
display: inline-block;
}
/* Award Widget */
.award-widget{
position: relative;
}
.award-widget h2{
position: relative;
color: #262626;
font-size: 20px;
font-weight: 700;
text-align: center;
margin-bottom: 20px;
text-transform: uppercase;
}
.award-widget .widget-content{
position: relative;
text-align: center;
}
.award-widget .widget-content .image{
position: relative;
margin-bottom: 20px;
}
.award-widget .widget-content .text{
position:relative;
color: #7c7b7b;
font-size: 18px;
line-height: 1.5em;
margin-bottom: 10px;
}
/*Buttons Widget*/
.buttons-widget{
position: relative;
}
.buttons-widget .theme-btn{
position: relative;
font-size: 18px;
font-weight: 500;
float: left;
width: 50%;
line-height: 22px;
color: #ffffff;
padding: 23px 22px;
display: inline-block;
background-color: #4d903b;
font-family: 'Alegreya Sans', sans-serif;
}
.buttons-widget .theme-btn .icon-box{
position:relative;
margin-right: 10px;
font-size: 24px;
}
.buttons-widget .theme-btn:nth-child(2){
background-color: rgba(77,144,59,0.90);
}
/*Brand Block*/
.brand-block{
position: relative;
margin-bottom: 40px;
}
.brand-block .inner-box{
position:relative;
padding: 45px 40px;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
border: 1px solid #eef2ed;
}
.brand-block .inner-box:hover{
border:1px solid transparent;
box-shadow: 0px 0px 20px rgba(0,0,0,0.05);
}
.brand-block .inner-box .image{
position: relative;
margin-bottom: 18px;
display: inline-block;
}
.brand-block .inner-box .image img{
position: relative;
width: auto;
}
.brand-block .inner-box h3{
position: relative;
color: #262626;
font-weight: 500;
font-size: 20px;
margin-bottom: 8px;
}
.brand-block .inner-box .text{
position: relative;
color: #7c7b7b;
font-size: 18px;
line-height: 1.6em;
}
/*Window Block Two*/
.window-block-two{
position: relative;
margin-bottom: 50px;
}
.window-block-two .inner-box{
position: relative;
}
.window-block-two .inner-box .icon-box{
position: relative;
width: 290px;
height: 290px;
margin: 0 auto;
margin-bottom: 40px;
line-height: 250px;
text-align: center;
border-radius: 50%;
border: 18px solid #eef2ed;
background: #ef4260 url(../images/icons/window-pattern.png) center center no-repeat;
}
.window-block-two .inner-box .icon-box .image{
position: relative;
display: inline-block;
}
.window-block-two .inner-box .lower-content{
position: relative;
text-align: center;
}
.window-block-two .inner-box h3{
position: relative;
font-size: 22px;
font-weight: 500;
margin-bottom: 18px;
display: inline-block;
}
.window-block-two .inner-box h3:before{
position: absolute;
content: '';
left: 0px;
top: -10px;
width: 55px;
height: 55px;
z-index: -1;
border: 10px solid #eef2ed;
transition:all 0.3s ease;
-moz-transform: perspective(400px) rotateY(35deg);
-webkit-transform: perspective(400px) rotateY(35deg);
-ms-transform: perspective(400px) rotateY(35deg);
-o-transform: perspective(400px) rotateY(35deg);
transform: perspective(400px) rotateY(35deg);
}
.window-block-two .inner-box h3 a{
position: relative;
color: #262626;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.window-block-two .inner-box .explore:hover,
.window-block-two .inner-box h3 a:hover{
color:#ef4260;
}
.window-block-two .inner-box .text{
position: relative;
color: #7c7b7b;
font-size: 18px;
line-height: 1.5em;
margin-bottom: 15px;
}
.window-block-two .inner-box .explore{
position: relative;
color: #262626;
font-size: 18px;
font-weight: 500;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.window-block-two .inner-box .explore .arrow{
position: relative;
top: 2px;
margin-left: 8px;
}
/***
====================================================================
Price Page Section
====================================================================
***/
.price-page-section{
position: relative;
padding: 50px 0px;
}
.price-page-section .price-list-nav{
position:relative;
text-align: center;
margin-bottom: 45px;
}
.price-page-section .price-list-nav .nav-list{
position:relative;
padding: 30px 35px;
display: inline-block;
box-shadow: 0px 0px 15px rgba(0,0,0,0.08);
}
.price-page-section .price-list-nav .nav-list li{
position:relative;
display:block;
float:left;
font-size:18px;
color:#bfbfbf;
font-weight:500;
line-height:24px;
cursor:pointer;
padding-right: 35px;
margin-right: 30px;
padding-top: 15px;
padding-bottom: 15px;
border-right: 1px solid #eef2ed;
text-transform:uppercase;
transition:all 500ms ease;
font-family: 'Frank Ruhl Libre', serif;
}
.price-page-section .price-list-nav .nav-list li a{
position:relative;
color:#bfbfbf;
font-weight:500;
}
.price-page-section .price-list-nav .nav-list li .icon{
position:relative;
font-size: 44px;
float: left;
margin-right: 20px;
}
.price-page-section .price-list-nav .nav-list li a:hover,
.price-page-section .price-list-nav .nav-list li.active a{
color:#ef4260;
background:#ffffff;
}
.price-page-section .price-list-nav .nav-list li:last-child{
margin-right: 0px;
border: none;
padding-right: 0px;
}
.price-page-section .inner-section{
position: relative;
max-width: 780px;
margin: 0 auto;
}
/***
====================================================================
Price Block
====================================================================
***/
.price-block{
position: relative;
margin-bottom: 45px;
}
.price-block:last-child{
margin-bottom:0px;
}
.price-block:last-child .inner-box{
border:none;
}
.price-block .inner-box{
position: relative;
padding-bottom: 20px;
border-bottom: 1px solid #eef2ed;
}
.price-block .inner-box .image-column{
position: relative;
margin-bottom: 40px;
}
.price-block .inner-box .image-column .inner-column{
position:relative;
padding-right: 30px;
}
.price-block .inner-box .image-column .image{
position: relative;
}
.price-block .inner-box .image-column .image img{
position: relative;
width: 100%;
display: block;
}
.price-block .inner-box .image-column .image .overlay-box{
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
display:block;
opacity:0;
text-align:center;
-webkit-transform: perspective(800px) rotateY(-90deg);
-moz-transform: perspective(800px) rotateY(-90deg);
-ms-transform: perspective(800px) rotateY(-90deg);
-o-transform: perspective(800px) rotateY(-90deg);
transform: perspective(800px) rotateY(-90deg);
-webkit-transform-origin: right;
-moz-transform-origin: right;
-ms-transform-origin: right;
-o-transform-origin: right;
transform-origin: right;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
background-color:rgba(0,0,0,0.70);
}
.price-block .inner-box:hover .image .overlay-box{
opacity: 1;
-webkit-transform: perspective(800px) rotateY(0deg);
-moz-transform: perspective(800px) rotateY(0deg);
-ms-transform: perspective(800px) rotateY(0deg);
-o-transform: perspective(800px) rotateY(0deg);
transform: perspective(800px) rotateY(0deg);
}
.price-block .inner-box .image .overlay-box .overlay-inner{
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
display: table;
vertical-align: middle;
padding: 10px 0px;
}
.price-block .inner-box .image .overlay-box .overlay-inner .content{
position: relative;
display: table-cell;
vertical-align: middle;
}
.price-block .inner-box .image .overlay-box .appointment{
position:relative;
color: #ffffff;
font-size: 18px;
font-weight: 500;
}
.price-block .inner-box .image .overlay-box .appointment .arrow{
position:relative;
margin-right: 10px;
}
.price-block .inner-box .image-column h2{
position: relative;
color: #262626;
font-size: 20px;
font-weight: 700;
line-height: 1.4em;
margin-bottom: 45px;
}
.price-block .inner-box .content-column{
position:relative;
}
.price-block .inner-box .content-column .inner-column{
position:relative;
padding-left: 20px;
}
/***
====================================================================
Price Tabs Style
====================================================================
***/
.price-info-tabs .price-tabs{
position:relative;
}
.price-info-tabs .price-tabs .tab-btns{
position:relative;
margin-bottom: 55px;
}
.price-info-tabs .price-tabs .tab-btns .tab-btn{
position:relative;
display:inline-block;
font-size:18px;
color:#262626;
font-weight:500;
line-height:24px;
cursor:pointer;
text-align: center;
margin-right:20px;
padding:6px 17px 5px;
border: 2px solid #e9ede7;
text-transform:capitalize;
transition:all 500ms ease;
font-family: 'Frank Ruhl Libre', serif;
}
.price-info-tabs .price-tabs .tab-btns .tab-btn.active-btn,
.price-info-tabs .price-tabs .tab-btns .tab-btn:hover{
color: #ef4260;
border-color:#ef4260;
}
.price-info-tabs .price-tabs .tabs-content{
position:relative;
}
.price-info-tabs .price-tabs .tabs-content .tab{
position:relative;
display:none;
margin-left: -20px;
transition: all 900ms ease;
-moz-transition: all 900ms ease;
-webkit-transition: all 900ms ease;
-ms-transition: all 900ms ease;
-o-transition: all 900ms ease;
}
.price-info-tabs .price-tabs .tabs-content .tab.active-tab{
display:block;
margin-left: 0px;
}
.price-info-tabs .price-tabs .tabs-content .content{
}
.price-info-tabs .price-tabs .tabs-content .total-price{
position: relative;
color: #262626;
font-size: 24px;
font-weight: 500;
margin-top: 35px;
display: block;
font-family: 'Frank Ruhl Libre', serif;
}
.price-info-tabs .window-list{
position: relative;
}
.price-info-tabs .window-list li{
position: relative;
color: #7c7b7b;
font-size: 18px;
padding-bottom: 15px;
margin-bottom: 15px;
border-bottom: 1px solid #eef2ed;
}
.price-info-tabs .window-list li span{
position: relative;
color: #262626;
font-size: 18px;
font-weight: 700;
max-width: 180px;
width: 100%;
display: inline-block;
font-family: 'Frank Ruhl Libre', serif;
}
/***
====================================================================
Gallery Page Section
====================================================================
***/
.gallery-page-section{
position: relative;
padding: 60px 0px 90px;
}
.gallery-tab{
position:relative;
}
.gallery-tab .sec-title{
margin-bottom:40px;
}
.gallery-tab .project-carousel .owl-nav,
.gallery-tab .project-carousel .owl-dots{
display:none;
}
.gallery-tab .tabs-header{
position:relative;
}
.gallery-tab .product-tab-btns{
position:relative;
margin-bottom: 30px;
}
.gallery-tab .product-tab-btns .p-tab-btn{
position:relative;
cursor:pointer;
color:#262626;
font-weight:500;
font-size:16px;
display:inline-block;
margin-bottom:10px;
margin-left:15px;
margin-right: 15px;
text-transform:uppercase;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
font-family: 'Frank Ruhl Libre', serif;
}
.gallery-tab .product-tab-btns .p-tab-btn:last-child::after{
display:none;
}
.gallery-tab .product-tab-btns .p-tab-btn:hover,
.gallery-tab .product-tab-btns .p-tab-btn.active-btn{
color:#ef4260;
}
.gallery-tab .p-tabs-content{
position:relative;
display:block;
}
.gallery-tab .p-tabs-content .gallery-page-carousel{
max-width: 970px;
margin: 0 auto;
width: 100%;
display: block;
}
.gallery-page-section .owl-carousel .owl-stage-outer{
overflow: visible;
}
.gallery-tab .p-tab{
position:absolute;
left:0px;
top:0px;
width:100%;
height:auto;
visibility:hidden;
}
.gallery-tab .p-tab.active-tab{
position:relative;
visibility:visible;
z-index:5;
}
/*Gallery Block Two*/
.gallery-block-two{
position: relative;
}
.gallery-block-two .inner-box{
position: relative;
}
.gallery-block-two .inner-box .image{
position: relative;
}
.gallery-block-two .inner-box .image img{
position: relative;
width: 100%;
display: block;
}
.gallery-block-two .inner-box .lower-content{
position: relative;
padding-top: 24px;
text-align: center;
}
.gallery-block-two .inner-box .lower-content h3{
position: relative;
color: #262626;
font-size: 24px;
font-weight: 500;
line-height: 1.4em;
margin-bottom: 25px;
}
.gallery-block-two .inner-box .lower-content h3 a{
position: relative;
color: #262626;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.gallery-block-two .inner-box .lower-content h3 a:hover{
color: #ef4260;
}
.gallery-block-two .inner-box .lower-content .view-images{
position: relative;
color: #ef4260;
font-size: 18px;
font-weight: 500;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.gallery-block-two .inner-box .lower-content .view-images .arrow{
position: relative;
margin-right: 10px;
}
.gallery-block-two .inner-box .lower-content .view-images:hover{
position: relative;
color: #262626;
}
.gallery-page-section .p-tab.active-tab .gallery-block-two{
-webkit-transform:scaleY(1);
-ms-transform:scaleY(1);
-o-transform:scaleY(1);
-moz-transform:scaleY(1);
transform:scaleY(1);
}
.gallery-page-section .p-tab .gallery-block-two{
transition:all 0.7s ease;
-moz-transition:all 0.7s ease;
-webkit-transition:all 0.7s ease;
-ms-transition:all 0.7s ease;
-o-transition:all 0.7s ease;
-webkit-transform:scaleY(0);
-ms-transform:scaleY(0);
-o-transform:scaleY(0);
-moz-transform:scaleY(0);
transform:scaleY(0);
}
.gallery-page-section .owl-dots{
position: relative;
}
.gallery-page-section .owl-nav{
position:absolute;
bottom: 80px;
width: 100%;
}
.gallery-page-section .owl-nav .owl-prev{
position: absolute;
left: 0px;
top: 0px;
color: #262626;
font-size: 18px;
font-weight: 500;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.gallery-page-section .owl-nav .owl-next{
position: absolute;
right: 0px;
top: 0px;
color: #262626;
font-size: 18px;
font-weight: 500;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.gallery-page-section .owl-nav .owl-prev:hover,
.gallery-page-section .owl-nav .owl-next:hover{
color: #ef4260;
}
.gallery-page-section .owl-carousel .owl-stage-outer .owl-item .gallery-block-two .inner-box{
opacity: 0.8;
}
.gallery-page-section .owl-carousel .owl-stage-outer .owl-item.active .gallery-block-two .inner-box{
opacity: 1;
}
/***
====================================================================
Gallery Section Three
====================================================================
***/
.gallery-section-three{
position:relative;
padding: 60px 0px 70px;
}
/* Gallery Block Three */
.gallery-block-three{
position:relative;
margin-bottom: 30px;
}
.gallery-block-three .inner-box{
position:relative;
width:100%;
overflow:hidden;
}
.gallery-block-three .image-box{
position:relative;
display:block;
margin-bottom: 0px;
}
.gallery-block-three .image-box img{
position:relative;
display:block;
width:100%;
}
.gallery-block-three .overlay-box{
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
opacity:0;
color:#ffffff;
text-align:center;
-webkit-transition:all 700ms ease;
-ms-transition:all 700ms ease;
-o-transition:all 700ms ease;
transition:all 700ms ease;
}
.gallery-block-three .overlay-box:before{
position: absolute;
content: '';
left: 0px;
top: 0px;
width: 100%;
height: 100%;
display: block;
opacity: 0;
visibility: hidden;
transition: all 900ms ease;
-moz-transition: all 900ms ease;
-webkit-transition: all 900ms ease;
-ms-transition: all 900ms ease;
-o-transition: all 900ms ease;
background:rgba(0,0,0,0.30);
-moz-transform: rotateX(-180deg);
-webkit-transform: rotateX(-180deg);
-ms-transform: rotateX(-180deg);
-o-transform: rotateX(-180deg);
transform: rotateX(-180deg);
}
.gallery-block-three .inner-box:hover .overlay-box:before{
-moz-transform: rotateX(0deg);
-webkit-transform: rotateX(0deg);
-ms-transform: rotateX(0deg);
-o-transform: rotateX(0deg);
transform: rotateX(0deg);
opacity: 1;
visibility: visible;
}
.gallery-block-three .inner-box:hover .overlay-box{
opacity:1;
}
.gallery-block-three .inner-box .overlay-inner{
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
display:table;
vertical-align:middle;
padding:10px 0px;
}
.gallery-block-three .inner-box .overlay-inner .content{
position:relative;
display:table-cell;
vertical-align:middle;
}
.gallery-block-three .inner-box .overlay-inner .link{
position:relative;
font-size:20px;
color:#ffffff;
width:50px;
height:50px;
line-height:52px;
margin:0px 5px;
display:inline-block;
background-color:#ef4260;
transition:all 300ms ease;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
}
.gallery-block-three .inner-box .overlay-inner .link .icon{
position:relative;
}
.gallery-block-three .overlay-inner .link:hover{
color:#666666;
background-color:rgba(255,255,255,1);
}
/***
====================================================================
Gallery Section Four
====================================================================
***/
.gallery-section-four{
position: relative;
padding: 35px 0px 100px;
}
.gallery-section-four .filters{
margin-bottom:50px;
text-align:center;
}
.gallery-section-four .filters .filter-tabs{
position:relative;
display:inline-block;
}
.gallery-section-four .filter-list{
padding:0px 15px;
}
.gallery-section-four .filters li{
position: relative;
display: inline-block;
color: #262626;
padding:12px 18px 10px;
cursor: pointer;
font-size: 16px;
font-weight: 500;
text-transform: uppercase;
transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
font-family: 'Frank Ruhl Libre', serif;
}
.gallery-section-four .filters .filter.active,
.gallery-section-four .filters .filter:hover{
color:#ffffff;
background-color: #ef4260;
}
.gallery-section-four .btn-box{
margin-top: 20px;
}
/***
====================================================================
Blog Page Section
====================================================================
***/
.blog-page-section{
position: relative;
padding: 100px 0px 100px;
}
.pagination-outer{
position: relative;
text-align: center;
}
.styled-pagination{
position:relative;
display:inline-block;
padding:12px 30px;
border-radius: 50px;
border: 1px solid #eef2ed;
background-color:#ffffff;
}
.styled-pagination li{
position:relative;
display:inline-block;
margin:0px 4px 0px 4px;
}
.styled-pagination li a{
position:relative;
display:inline-block;
line-height:32px;
height:32px;
font-size:18px;
min-width:32px;
color:#262626;
font-weight:500;
text-align:center;
border-radius: 50px;
text-transform:capitalize;
transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
-moz-transition:all 500ms ease;
}
.styled-pagination li.next a,
.styled-pagination li.prev a{
color:#7c7b7b;
width: auto;
}
.styled-pagination li.next a:hover,
.styled-pagination li.prev a:hover{
background: none;
color: #262626;
}
.styled-pagination li a:hover,
.styled-pagination li a.active{
color:#ffffff;
background-color:#ef4260;
}
/***
====================================================================
Sidebar Page Container
====================================================================
***/
.sidebar-page-container{
position:relative;
padding:100px 0px 40px;
}
.sidebar-page-container .content-side,
.sidebar-page-container .sidebar-side{
margin-bottom:40px;
}
/*Sidebar Widget*/
.sidebar-widget{
position: relative;
margin-bottom: 40px;
}
/*Sidebar Title*/
.sidebar-page-container .sidebar-title{
position: relative;
margin-bottom: 20px;
}
.sidebar-page-container .sidebar-title h3{
position: relative;
display: block;
font-size: 24px;
color: #262626;
font-weight: 500;
line-height: 1.2em;
text-transform: capitalize;
}
/*Sidebar Title Box*/
.sidebar-title-two{
position: relative;
margin-bottom: 20px;
}
.sidebar-title-two h3{
position: relative;
display: block;
font-size: 20px;
color: #262626;
font-weight: 500;
line-height: 1.2em;
text-transform: capitalize;
}
/*Search Box Widget*/
.sidebar .search-box{
position: relative;
}
.sidebar .search-box .form-group{
position:relative;
margin:0px;
box-shadow: 1px 6px 15px rgba(0,0,0,0.05);
}
.sidebar .search-box .form-group input[type="text"],
.sidebar .search-box .form-group input[type="search"]{
position:relative;
display:block;
font-size:18px;
color:#7c7b7b;
line-height:28px;
padding:10px 25px;
padding-right: 60px;
height:60px;
width:100%;
border:3px solid #eef2ed;
background-color: #ffffff;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.sidebar .search-box .form-group input:focus{
border-color:#ef4260;
}
.sidebar .search-box .form-group button{
position:absolute;
right:18px;
top:15px;
width:40px;
height:30px;
line-height: 30px;
text-align:right;
display:block;
font-size:18px;
color:#7c7b7b;
cursor: pointer;
background:none;
font-weight:normal;
border-left: 1px solid #eef2ed;
}
/*Category List*/
.category-list{
position: relative;
}
.category-list li{
position: relative;
margin-bottom: 18px;
}
.category-list li a{
position: relative;
color: #7c7b7b;
font-size: 18px;
font-weight: 400;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.category-list li a span{
position: relative;
padding-left: 10px;
margin-left: 10px;
border-left: 1px solid #cfcfcf;
}
.category-list li a:hover{
color: #ef4260;
}
/*Post Widget*/
.sidebar .popular-posts .post{
position:relative;
font-size:14px;
color:#666666;
padding:0px 0px;
padding-left:90px;
margin-bottom:30px;
padding-bottom: 25px;
border-bottom:1px solid #eef2ed;
}
.sidebar .popular-posts .post:last-child{
margin-bottom:0px;
}
.sidebar .popular-posts .post .post-thumb{
position:absolute;
left:0px;
top:0px;
width:70px;
}
.sidebar .popular-posts .post .post-thumb .overlay-box{
position: absolute;
content: '';
left: 0px;
top: 0px;
width: 100%;
height: 100%;
display: block;
color: #009dea;
font-size: 18px;
opacity: 0;
text-align: center;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
background-color: rgba(51,51,51,0.70);
}
.sidebar .popular-posts .post .post-thumb .overlay-box .fa{
top: 50%;
position: relative;
margin-top: -12px;
display: block;
}
.sidebar .popular-posts .post:hover .post-thumb .overlay-box{
opacity:1;
}
.sidebar .popular-posts .post .post-thumb img{
display:block;
width:100%;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.sidebar .popular-posts .post .text{
position:relative;
top:-4px;
font-size:16px;
margin:0px 0px 0px;
font-weight:500;
color:#262626;
line-height:1.5em;
text-transform:capitalize;
font-family: 'Frank Ruhl Libre', serif;
}
.sidebar .popular-posts .post .text a{
color:#262626;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.sidebar .popular-posts .post a:hover{
color:#ef4260;
}
.sidebar .popular-posts .post-date{
position:relative;
margin-top: 25px;
text-align: right;
}
.sidebar .popular-posts .post-date span{
position:relative;
font-size:16px;
color:#7c7b7b;
font-weight:400;
padding-left: 40px;
display: inline-block;
}
.sidebar .popular-posts .post-date span:before{
position: absolute;
content: '';
left: 0px;
top: 10px;
width: 30px;
height: 1px;
background-color: #dde2db;
}
/*Social Widget*/
.social-widget{
position: relative;
}
.social-widget ul li{
position: relative;
padding: 10px 0px;
border-bottom: 1px solid #eef2ed;
}
.social-widget ul li a{
position: relative;
color: #7c7b7b;
font-size: 18px;
font-weight: 400;
display: block;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.social-widget ul li a:hover .icon{
color:#ffffff;
border-color: #ef4260;
background-color: #ef4260;
}
.social-widget ul li a .icon{
position: relative;
width: 40px;
height: 40px;
color: #7c7b7b;
font-size: 14px;
line-height: 38px;
text-align: center;
border-radius: 50px;
display: inline-block;
margin-right: 15px;
border: 1px solid #eef2ed;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.social-widget ul li a .total{
position: absolute;
right: 0px;
top: 0px;
color: #7c7b7b;
font-size: 18px;
margin-top: 8px;
}
/*Instagram Widget*/
.sidebar .instagram-widget .images-outer{
position:relative;
margin:0px -4px;
}
.sidebar .instagram-widget .image-box{
position:relative;
float:left;
width:33.3333%;
padding:0px 4px;
margin-bottom:8px;
}
.sidebar .instagram-widget .image-box:nth-child(3),
.sidebar .instagram-widget .image-box:nth-child(6){
margin-right:0px;
}
.sidebar .instagram-widget .image-box .overlay-box{
position:absolute;
content:'';
left:12px;
top:8px;
bottom:8px;
right:12px;
display:block;
z-index:1;
opacity:0;
text-align:center;
padding:8px;
color:#ffffff;
font-size:20px;
line-height:44px;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
background-color:#ef4260;
}
.sidebar .instagram-widget .image-box .overlay-box:before{
position:absolute;
top:50%;
margin-left:-12px;
margin-top:-22px;
display:inline-block;
}
.sidebar .instagram-widget .image-box:hover .overlay-box{
opacity:1;
}
.sidebar .instagram-widget .image-box img{
position:relative;
display:block;
width:100%;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
/*Archive Form*/
.archive-form{
position: relative;
}
.archive-form .form-inner{
position: relative;
padding-right: 60px;
}
.archive-form .form-inner fieldset{
position: relative;
width: 48%;
padding: 0px 5px;
}
.archive-form .form-inner .go-btn{
position: absolute;
right: 0px;
top: 0px;
cursor: pointer;
width: 50px;
height: 50px;
color: #262626;
font-size: 18px;
font-weight: 500;
text-align: center;
display: inline-block;
background-color: #e9ede7;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.archive-form .form-inner .go-btn:hover{
color:#ffffff;
background-color: #ef4260;
}
/*Popular Tags*/
.popular-tags{
position: relative;
}
.popular-tags a{
position: relative;
color: #808080;
font-size: 18px;
font-weight: 400;
display: inline-block;
margin-bottom: 12px;
margin-right: 10px;
text-transform: capitalize;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.popular-tags a.alternate{
font-size: 24px;
}
.popular-tags a:hover{
color: #ef4260;
}
.sidebar-page-container .sidebar-side .sidebar-two{
position: relative;
box-shadow: 0px 0px 15px rgba(0,0,0,0.10);
}
/*Sidebar Widget*/
.sidebar-widget-two{
position: relative;
padding: 40px 50px;
border-bottom: 1px solid #eef2ed;
}
/*Search Box Widget Two*/
.search-box-two{
position: relative;
}
.search-box-two .form-group{
position:relative;
margin:0px;
}
.search-box-two .form-group input[type="text"],
.search-box-two .form-group input[type="search"]{
position:relative;
display:block;
font-size:16px;
color:#7c7b7b;
line-height:28px;
padding:10px 20px;
padding-right: 60px;
height:50px;
width:100%;
border:1px solid #eef2ed;
background-color: #ffffff;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.search-box-two .form-group input:focus{
border-color:#ef4260;
}
.search-box-two .form-group button{
position:absolute;
right:0px;
top:0px;
width:30px;
height:50px;
line-height: 30px;
text-align:left;
display:block;
font-size:14px;
color:#7c7b7b;
cursor: pointer;
background:none;
font-weight:normal
}
/***
====================================================================
Blog Single
====================================================================
***/
.blog-single{
position: relative;
}
.blog-single .inner-box{
position: relative;
}
.blog-single .inner-box .upper-box{
position: relative;
padding-bottom: 30px;
margin-bottom: 30px;
border-bottom: 1px solid #eef2ed;
}
.blog-single .inner-box .upper-box .author{
position: relative;
color: #7c7b7b;
font-size: 16px;
padding-left: 40px;
margin-bottom: 15px;
}
.blog-single .inner-box .upper-box .author .author-image{
position: absolute;
left: 0px;
top: -5px;
width: 30px;
height: 30px;
overflow: hidden;
border-radius: 50%;
}
.blog-single .inner-box .upper-box h2{
position: relative;
color: #262626;
font-size: 26px;
font-weight: 500;
line-height: 1.4em;
margin-bottom: 12px;
}
.blog-single .inner-box .upper-box .post-date{
position: relative;
padding-left: 40px;
}
.blog-single .inner-box .upper-box .post-date:before{
position: absolute;
content: '';
left: 0px;
top: 10px;
width: 30px;
height: 1px;
background-color: #dde2db;
}
.blog-single .inner-box .upper-box .post-date li{
position:relative;
color: #7c7b7b;
font-size: 16px;
padding-right: 10px;
line-height: 1.4em;
margin-right: 12px;
display: inline-block;
}
.blog-single .inner-box .upper-box .post-date li:after{
position: absolute;
content: '.';
right: -8px;
top: -11px;
color: #cdd5ca;
font-size: 50px;
}
.blog-single .inner-box .upper-box .post-date li:last-child::after{
display:none;
}
.blog-single .inner-box .text{
position: relative;
}
.blog-single .inner-box .text p{
position: relative;
color: #7c7b7b;
font-size: 18px;
line-height: 1.5em;
margin-bottom: 20px;
}
.blog-single .inner-box .text .image{
position: relative;
margin-top: 40px;
margin-bottom: 40px;
}
.blog-single .inner-box .text .image img{
width: 100%;
display: block;
}
.blog-single .inner-box blockquote{
position:relative;
margin-bottom:30px;
}
.blog-single .inner-box blockquote .quote-inner{
position:relative;
padding-left:60px;
margin-left:25px;
border-left:2px solid #e9f2f7;
}
.blog-single .inner-box blockquote .quote-text{
position:relative;
color:#262626;
font-size:22px;
line-height:1.3em;
margin-bottom:15px;
}
.blog-single .inner-box blockquote .author-name{
position:relative;
color:#ef4260;
font-size:18px;
font-weight:500;
text-transform:capitalize;
font-family: 'Frank Ruhl Libre', serif;
}
.blog-single .inner-box blockquote .quote-icon{
position:absolute;
left:-18px;
top:50%;
width:35px;
height:35px;
color:#d2dae0;
font-size:16px;
line-height:32px;
margin-top: -17px;
text-align:center;
border-radius:50%;
background-color:#ffffff;
border:2px solid #e9f2f7;
}
.blog-single .inner-box .text h3{
position: relative;
color: #262626;
font-size: 24px;
font-weight: 700;
margin-top: 40px;
margin-bottom: 15px;
text-transform: uppercase;
}
.blog-single .inner-box .new-posts{
position:relative;
padding:40px 0px;
margin-top: 60px;
margin-bottom:60px;
border-top: 1px solid #eef2ed;
border-bottom:1px solid #eef2ed;
}
.blog-single .inner-box .new-posts h4{
position:relative;
color:#252525;
font-size:18px;
font-weight:600;
line-height:1.7em;
margin-bottom:10px;
}
.blog-single .inner-box .new-posts .prev-post a{
position:relative;
padding-left:18px;
color:#7c7b7b;
font-size:18px;
font-weight:400;
transition:all 300ms ease;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
}
.blog-single .inner-box .new-posts .prev-post a:before{
position:absolute;
left:0px;
top:0px;
content: "\f100";
line-height:1em;
font-family: 'FontAwesome';
}
.blog-single .inner-box .new-posts .next-post{
text-align:right;
}
.blog-single .inner-box .new-posts .next-post a{
position:relative;
padding-right:18px;
color:#7c7b7b;
font-size:18px;
font-weight:400;
transition:all 300ms ease;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
}
.blog-single .inner-box .new-posts .next-post a:after{
position:absolute;
right:0px;
top:0px;
content: "\f101";
line-height:1em;
font-family: 'FontAwesome';
}
.blog-single .inner-box .new-posts .prev-post{
position:relative;
}
.blog-single .inner-box .new-posts:after{
position:absolute;
left: 50%;
content:'';
top:45px;
width:1px;
bottom: 45px;
background-color:#f2f2f2;
}
.blog-single .inner-box .new-posts .prev-post a:hover,
.blog-single .inner-box .new-posts .next-post a:hover{
color:#ef4260;
}
/*Group Title*/
.sidebar-page-container .group-title{
position:relative;
margin-bottom:20px;
}
.sidebar-page-container .group-title h2{
position:relative;
font-size:26px;
color:#262626;
font-weight:700;
text-transform:uppercase;
font-family: 'Frank Ruhl Libre', serif;
}
/*Author Box*/
.author-box{
position:relative;
margin-bottom:50px;
}
.author-box .author-comment{
position:relative;
}
.author-box .author-comment .inner{
position:relative;
padding-left:150px;
}
.author-box .author-comment .inner .image{
position:absolute;
left:0px;
top:0px;
width:110px;
margin-bottom:20px;
}
.author-box .author-comment .inner h3{
position:relative;
color:#262626;
font-size:20px;
font-weight:500;
margin-bottom:10px;
}
.author-box .author-comment .inner .text{
position:relative;
color:#7c7b7b;
font-size:18px;
font-weight:400;
line-height:1.4em;
margin-bottom:14px;
}
.author-box .author-comment .inner .social-icons{
position: relative;
}
.author-box .author-comment .inner .social-icons .fa{
position: relative;
color: #8f8f8f;
font-size: 15px;
margin-right: 18px;
display: inline-block;
transition:all 300ms ease;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
}
.author-box .author-comment .inner .social-icons .fa:hover{
color: #ef4260;
}
/***
====================================================================
Comments Area
====================================================================
***/
.comments-area{
position:relative;
margin-top:30px;
margin-bottom:50px;
}
.comments-area .comment-box{
position:relative;
margin-bottom:30px;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.comments-area .comment-box:nth-child(1){
padding-top:0px;
}
.comments-area .comment-box:hover{
border-color:#eb5310;
}
.comments-area .comment-box.reply-comment{
margin-left:50px;
}
.comments-area .comment{
position:relative;
font-size:14px;
padding:0px 0px 0px 110px;
}
.comments-area .comment .comment-inner{
position:relative;
padding:30px 30px;
border:1px solid #e8f1f7;
}
.comments-area .comment .comment-inner .text{
position:relative;
color:#7e7e7e;
font-size:18px;
line-height:1.5em;
margin-bottom: 15px;
}
.comments-area .comment-box .author-thumb{
position:absolute;
left:0px;
top:0px;
overflow:hidden;
margin-bottom:20px;
}
.comments-area .comment-box .author-thumb img{
width:80px;
display:block;
}
.comments-area .comment-info{
position:relative;
color:#1e1e29;
line-height:24px;
font-size:18px;
font-weight:500;
margin-bottom:15px;
font-family: 'Frank Ruhl Libre', serif;
}
.comments-area .comment-info a{
position:relative;
color:#1e1e29;
}
.comments-area .comment-box .reply-comment{
position:relative;
color:#ef4260;
font-size:16px;
font-weight:500;
}
.comments-area .comment-box .reply-comment .icon{
position: relative;
margin-right: 5px;
}
/*Comment Form*/
.comment-form{
position:relative;
margin-bottom: 30px;
}
.comment-form .form-group{
position:relative;
margin-bottom:30px;
}
.comment-form .form-group:last-child{
margin-bottom:0px;
}
.comment-form .form-group input[type="text"],
.comment-form .form-group input[type="password"],
.comment-form .form-group input[type="tel"],
.comment-form .form-group input[type="email"],
.comment-form .form-group select{
position:relative;
display:block;
width:100%;
line-height:28px;
padding:15px 20px;
height:55px;
color:#7c7b7b;
font-size: 16px;
font-weight:400;
background:#ffffff;
border:1px solid #eef2ed;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.comment-form .form-group input[type="text"]:focus,
.comment-form .form-group input[type="password"]:focus,
.comment-form .form-group input[type="tel"]:focus,
.comment-form .form-group input[type="email"]:focus,
.comment-form .form-group select:focus,
.comment-form .form-group textarea:focus{
border-color:#ef4260;
}
.comment-form .form-group textarea{
position:relative;
display:block;
width:100%;
line-height:26px;
padding:10px 20px;
color:#7c7b7b;
font-size: 16px;
font-weight:400;
background:#ffffff;
resize:none;
height: 125px;
border:1px solid #eef2ed;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.comment-form button{
position:relative;
width: 100%;
display: block;
margin-top:10px;
font-size: 18px;
padding:12px 15px;
font-weight:500;
text-transform:capitalize;
}
/***
====================================================================
Office Section
====================================================================
***/
.office-section{
position: relative;
padding: 50px 0px 70px;
}
.office-section .inner-container{
padding-left:40px;
padding-right: 40px;
}
.office-section .title-box{
position: relative;
padding-top: 70px;
margin-bottom: 55px;
}
.office-section .title-box:before{
position: absolute;
content: '';
left: -40px;
top: 0px;
right: -40px;
height: 210px;
background-color: #e9ede7;
}
.office-section .title-box h2{
position: relative;
font-weight: 700;
font-size: 24px;
color: #262626;
text-align: center;
text-transform: uppercase;
}
.office-section .office-section{
position: relative;
}
/*Office Block*/
.office-block{
position: relative;
margin-bottom: 30px;
}
.office-block .inner-box{
position: relative;
text-align: center;
padding: 0px 15px 40px;
box-shadow: 0px 0px 20px rgba(0,0,0,0.10);
background-color: #ffffff;
}
.office-block .inner-box .icon-box{
position: relative;
width: 80px;
height: 80px;
color: #ef4260;
text-align: center;
overflow: hidden;
font-size: 34px;
margin: 0 auto;
line-height: 80px;
border-radius: 50%;
margin-top: -40px;
margin-bottom: 35px;
display: inline-block;
background-color: #e9ede7;
}
.office-block .inner-box h3{
position: relative;
font-size: 22px;
font-weight: 500;
line-height: 1.4em;
color: #262626;
margin-bottom: 15px;
}
.office-block .inner-box .text{
position: relative;
color: #7c7b7b;
font-size: 18px;
line-height: 1.6em;
margin-bottom: 25px;
}
.office-block .inner-box .link-btn{
position: relative;
color: #ef4260;
font-size: 18px;
font-weight: 500;
}
/***
====================================================================
Fullwidth Section
====================================================================
***/
.fullwidth-map-section{
position: relative;
background-color: #000000;
}
.fullwidth-map-section .map-canvas{
position: relative;
height: 550px;
left: 0px;
top: 0px;
width: 100%;
display: block;
}
/***
====================================================================
Contact Page Section
====================================================================
***/
.contact-form-section{
position: relative;
padding: 90px 0px 300px;
background-repeat: no-repeat;
background-position: center bottom;
}
.contact-form-section .title-column{
position: relative;
margin-bottom: 40px;
}
.contact-form-section .title-column .inner-column{
position: relative;
}
.contact-form-section .title-column h3{
position: relative;
color: #262626;
font-size: 18px;
font-weight: 700;
text-transform: uppercase;
}
.contact-form-section .title-column h2{
position: relative;
color: #262626;
font-size: 30px;
font-weight: 700;
line-height: 1.4em;
margin-bottom: 20px;
text-transform: uppercase;
}
.contact-form-section .title-column .text{
position: relative;
color: #7c7b7b;
font-size: 18px;
line-height: 1.6em;
}
.contact-form-section .form-column{
position: relative;
}
.contact-form-section .form-column .inner-column{
position: relative;
padding: 50px 40px 30px;
border: 1px solid #eef2ed;
background:#ffffff;
}
/* Contact Form*/
.contact-form{
position:relative;
}
.contact-form .form-group{
margin-bottom:30px;
}
.contact-form .form-group input[type="text"],
.contact-form .form-group input[type="email"],
.contact-form .form-group input[type="password"],
.contact-form .form-group select,
.contact-form .form-group textarea{
position:relative;
display:block;
width:100%;
height:55px;
font-size:16px;
color:#848484;
line-height:29px;
padding:12px 18px;
font-weight:400;
background:#ffffff;
border:1px solid #eef2ed;
transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.contact-form .form-group textarea{
width:100%;
resize:none;
height:150px;
}
.contact-form .form-group .theme-btn{
width:100%;
}
.contact-form .form-group input:focus,
.contact-form .form-group select:focus,
.contact-form .form-group textarea:focus{
border-color:#ef4260;
}
.contact-form input.error,
.contact-form select.error,
.contact-form textarea.error{
border-color:#ff0000 !important;
}
.contact-form label.error{
display:block;
line-height:24px;
padding:5px 0px 0px;
margin:0px;
text-transform:uppercase;
font-size:12px;
color:#ff0000;
font-weight:500;
margin-top:5px;
}
/*Item Sorting*/
.our-shop .items-sorting{
position:relative;
padding-bottom:0px;
margin-bottom:40px;
border-bottom:1px solid #f2f2f2;
}
.our-shop .items-sorting .results-column,
.our-shop .items-sorting .select-column{
margin-bottom:15px;
}
.our-shop .items-sorting .results-column h4{
font-size:16px;
font-weight:400;
color:#ef4260;
text-align: right;
line-height:24px;
padding:13px 0px;
font-family: 'Alegreya Sans', sans-serif;
}
.our-shop .items-sorting .form-group{
margin-bottom:0px;
}
.our-shop .items-sorting select{
position:relative;
display:block;
width:100%;
line-height:26px;
padding:8px 15px 8px;
height:44px;
font-size:16px;
border:1px solid #eef2ed;
cursor:pointer;
-moz-appearance:none;
-webkit-appearance:none;
-ms-appearance:none;
-o-appearance:none;
background:url(../images/icons/icon-select.png) right center no-repeat;
color:#999999;
transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.our-shop .items-sorting select option{
text-indent:15px;
}
.our-shop .styled-pagination{
margin-top: 10px;
}
/*Category List Two*/
.category-list-two{
position: relative;
}
.category-list-two li{
position: relative;
display: none;
padding-bottom: 10px;
margin-bottom: 14px;
border-bottom: 1px solid #eef2ed;
}
.category-list-two li:first-child,
.category-list-two li:nth-child(2),
.category-list-two li:nth-child(3),
.category-list-two li:nth-child(4),
.category-list-two li:nth-child(5),
.category-list-two li:nth-child(6){
display: block;
}
.category-list-two li:last-child{
border:none;
}
.category-list-two li a{
position: relative;
font-size: 18px;
font-weight: 400;
color: #848484;
padding-left: 22px;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.category-list-two li a:before{
position: absolute;
content: '';
left: 0px;
top: 5px;
width: 7px;
height: 7px;
border-radius: 50px;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
background-color: #d9dfd7;
}
.category-list-two li a:hover{
color:#ef4260;
}
.category-list-two li a:hover::before{
background-color:#ef4260;
}
.categories-two .view-more{
position: relative;
color: #ef4260;
font-size: 18px;
font-weight: 500;
cursor: pointer;
}
/*Sidebar Range slider */
.range-slider-one{
position:relative;
min-height:48px;
}
.range-slider-one .title{
position:relative;
float:left;
color:#7c7b7b;
font-size:18px;
font-weight:400;
margin-top:12px;
}
.range-slider-one .title:before{
position:absolute;
content:'$';
right:-14px;
top:0px;
color:#7c7b7b;
font-size:18px;
}
.range-slider-one .input{
float:right;
left: 8px;
color:#7c7b7b;
font-size:18px;
max-width:75px;
padding-left:8px;
margin-top:12px;
position: relative;
}
.range-slider-one .input input{
background:none;
color:#848484;
font-size:18px;
font-weight:400;
width:auto;
text-align:left;
}
.range-slider-one .ui-widget.ui-widget-content{
height:2px;
border:none;
margin-bottom:35px;
background:#e6e6e6;
}
.range-slider-one .ui-slider .ui-slider-range{
top:0px;
height:2px;
background:#ef4260;
}
.range-slider-one .ui-state-default,
.range-slider-one .ui-widget-content .ui-state-default{
top:-4px;
width:10px;
height:10px;
border:1px solid #ef4260;
background:#ef4260;
border-radius:50%;
cursor:pointer;
}
.range-slider-one .theme-btn{
padding:8px 30px;
color:#303030;
font-size:18px;
font-weight:500;
border-radius:0px;
border-color:#eef2ed;
background:none;
}
.range-slider-one .theme-btn:hover{
color:#ffffff;
border-color:#ef4260;
background-color:#ef4260;
}
.product-details .basic-details{
position:relative;
margin-bottom:30px;
}
.product-details .image-column,
.product-details .info-column{
margin-bottom:20px;
}
.product-details .image-column .image-box img{
position:relative;
display:block;
width:100%;
border:1px solid #f2f2f2;
background-color:#f7f7f7;
}
.product-details .basic-details .details-header{
position:relative;
margin-bottom:16px;
}
.product-details .basic-details .details-header h4{
font-size:30px;
font-weight:500;
margin:-5px 0px 6px;
line-height:1.4em;
color:#262626;
}
.product-details .basic-details .details-header h4 a{
color:#333333;
}
.product-details .basic-details .details-header .rating{
font-size:14px;
color:#ef4260;
margin-bottom:14px;
}
.product-details .basic-details .details-header .rating .fa{
display:inline-block;
margin-right:2px;
}
.product-details .basic-details .details-header .rating .txt{
font-size:18px;
padding-left:10px;
color:#7c7b7b;
}
.product-details .basic-details .details-header .item-price{
font-size:30px;
font-weight:400;
color:#848484;
line-height:22px;
letter-spacing:1px;
margin-bottom:25px;
}
.product-details .basic-details .prod-info{
margin-bottom:15px;
line-height:1.6em;
font-size:13px;
}
.product-details .basic-details .prod-info strong{
font-weight:700;
color:#111111;
}
.product-details .basic-details .text{
margin-bottom:25px;
color:#7c7b7b;
font-size:18px;
font-weight:400;
line-height:1.5em;
}
.product-details .basic-details .location{
position:relative;
color:#020e28;
font-size:16px;
font-weight:400;
margin-bottom:15px;
}
.product-details .basic-details .item-quantity .field-label{
float:left;
font-weight:700;
font-size:14px;
line-height:32px;
display:inline-block;
padding-right:20px;
}
.product-details .basic-details .quantity-spinner,
.cart-section input.quantity-spinner{
line-height:24px;
padding:10px 15px !important;
height:46px !important;
box-shadow:none !important;
}
.product-details .basic-details .bootstrap-touchspin .input-group-btn-vertical > .btn,
.cart-section .bootstrap-touchspin .input-group-btn-vertical > .btn{
padding:11px 10px;
background:#f4f5f6;
}
.product-details .bootstrap-touchspin .input-group-btn-vertical i,
.cart-section .bootstrap-touchspin .input-group-btn-vertical i{
top:6px;
line-height: 1.4em;
}
.product-details .basic-details .item-quantity{
position:relative;
float:left;
width:85px;
margin-bottom:25px;
margin-right:40px;
}
.product-details .basic-details .item-quantity .field-label{
float:left;
font-weight:700;
font-size:14px;
line-height:32px;
display:inline-block;
padding-right:20px;
}
.product-details .basic-details .quantity-spinner,
.cart-table input.quantity-spinner{
font-size:18px;
line-height:24px;
padding:10px 15px !important;
height:50px !important;
box-shadow:none !important;
}
.product-details .basic-details .bootstrap-touchspin .input-group-btn-vertical > .btn,
.cart-table .bootstrap-touchspin .input-group-btn-vertical > .btn{
padding:12px 10px;
background:#f4f5f6;
border-radius:0px;
}
.product-details .bootstrap-touchspin .input-group-btn-vertical i,
.cart-table .bootstrap-touchspin .input-group-btn-vertical i{
/*top:8px;*/
}
.bootstrap-touchspin .glyphicon-chevron-up:before {
content: "\f106";
font-size: 18px;
font-style:normal;
font-family: 'FontAwesome';
}
.bootstrap-touchspin .glyphicon-chevron-down:before {
content: "\f107";
font-size: 18px;
font-style:normal;
font-family: 'FontAwesome';
}
.product-details .basic-details .add-to-cart{
padding: 11px 32px;
display: inline-block;
width: auto;
font-size: 18px;
font-weight: 500;
border-radius: 0px;
}
.product-details .basic-details .expired{
position:relative;
color:#ef4260;
font-size:16px;
margin-bottom:20px;
}
/*Pincode Form*/
.pincode-form{
position:relative;
margin-bottom:15px;
}
.pincode-form .form-group{
margin-bottom:10px;
}
.pincode-form .form-group input[type="text"]{
position:relative;
line-height:14px;
padding:4px 10px 4px 15px;
border:1px solid #eef2ed;
background:none;
font-size:16px;
width:170px;
height:40px;
display:inline-block;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.pincode-form .form-group button{
position:relative;
height:40px;
width:100px;
font-size:18px;
color:#020e28;
font-weight:500;
line-height:100%;
background:#e9ede7;
margin-left:15px;
cursor: pointer;
display:inline-block;
text-transform:capitalize;
}
/***
====================================================================
Product Tabs Style
====================================================================
***/
.shop-single .product-details .prod-tabs{
position:relative;
margin-bottom:60px;
}
.shop-single .product-details .prod-tabs .tab-btns{
position:relative;
z-index:1;
border-bottom:1px solid #eeeeee;
}
.shop-single .product-details .prod-tabs .tab-btns .tab-btn{
position:relative;
top:1px;
display:block;
float:left;
margin-right:5px;
font-size:16px;
background:#e9ede7;
color:#262626;
border:1px solid #f4f4f4;
text-transform:capitalize;
font-weight:400;
line-height:24px;
cursor:pointer;
padding:10px 20px 10px;
transition:all 500ms ease;
font-family: 'Frank Ruhl Libre', serif;
}
.shop-single .product-details .prod-tabs .tab-btns .tab-btn.active-btn:after,
.shop-single .product-details .prod-tabs .tab-btns .tab-btn:hover::after{
position:absolute;
content:'';
left:0px;
bottom:-1px;
width:100%;
height:1px;
background-color:#ffffff;
}
.shop-single .product-details .prod-tabs .tab-btns .tab-btn:hover,
.shop-single .product-details .prod-tabs .tab-btns .tab-btn.active-btn{
color:#ef4260;
background:#ffffff;
}
.shop-single .product-details .prod-tabs .tabs-content{
position:relative;
padding:30px 30px 40px;
border:1px solid #f0f0f0;
border-top:0px;
}
.shop-single .product-details .prod-tabs .tabs-content .tab{
position:relative;
display:none;
border-top:0px;
}
.shop-single .product-details .prod-tabs .tabs-content .tab.active-tab{
display:block;
}
.prod-tabs .tabs-content .tab .title{
position:relative;
color:#262626;
font-size:18px;
font-weight:500;
margin-top:10px;
margin-bottom:0px;
}
/*Comment Form*/
.shop-comment-form{
position:relative;
}
.shop-comment-form h2{
position:relative;
color:#303030;
font-size:24px;
font-weight:600;
margin-bottom:15px;
text-transform:uppercase;
}
.shop-comment-form .group-title{
margin-bottom:20px;
}
.shop-comment-form .form-group{
position:relative;
margin-bottom:30px;
}
.shop-comment-form .form-group:last-child{
margin-bottom:0px;
}
.shop-comment-form .form-group input[type="text"],
.shop-comment-form .form-group input[type="password"],
.shop-comment-form .form-group input[type="tel"],
.shop-comment-form .form-group input[type="email"],
.shop-comment-form .form-group select{
position:relative;
display:block;
width:100%;
line-height:33px;
padding:10px 15px;
border:1px solid #eef2ed;
height:55px;
font-size: 16px;
color:#848484;
font-weight:400;
background:#ffffff;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.shop-comment-form .form-group input[type="text"]:focus,
.shop-comment-form .form-group input[type="password"]:focus,
.shop-comment-form .form-group input[type="tel"]:focus,
.shop-comment-form .form-group input[type="email"]:focus,
.shop-comment-form .form-group select:focus,
.shop-comment-form .form-group textarea:focus{
border-color:#ef4260;
}
.shop-comment-form .form-group textarea{
position:relative;
display:block;
width:100%;
line-height:26px;
padding:10px 15px;
font-size: 16px;
color:#848484;
font-weight:400;
height:125px;
background:#ffffff;
resize:none;
border:1px solid #eef2ed;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.shop-comment-form button{
position:relative;
margin-top:10px;
width: 100%;
padding:11px 57px;
}
.shop-comment-form input:focus,
.shop-comment-form select:focus,
.shop-comment-form textarea:focus{
border-color:#ef4260;
}
.shop-single .related-products{
position: relative;
}
.shop-single .related-products h2{
position:relative;
color:#303030;
font-size:24px;
font-weight:600;
margin-bottom:25px;
text-transform:uppercase;
}
/***
====================================================================
Cart Section style
====================================================================
***/
.cart-section{
position:relative;
padding:90px 0px 90px;
}
.cart-section .cart-outer{
position:relative;
}
.cart-section .table-outer{
position:relative;
width:100%;
overflow-x: auto;
}
.cart-section .cart-table{
width:100%;
min-width:900px;
}
.cart-table .cart-header{
position:relative;
width:100%;
text-transform:uppercase;
font-size:18px;
border-radius:0px;
background:#e9ede7;
color:#262626;
font-family: 'Frank Ruhl Libre', serif;
}
.cart-table thead tr th{
line-height:24px;
padding:16px 15px;
min-width:120px;
font-weight:500;
color:#262626;
font-size:18px;
text-transform:capitalize;
}
.cart-table thead tr th.prod-column{
text-align:left;
padding-left:30px;
}
.cart-table tbody tr{
border-bottom:1px solid #f2f2f2;
}
.cart-table tbody tr td{
line-height:24px;
padding:30px 10px 30px;
min-width:100px;
}
.cart-table tbody tr .qty{
width:90px;
padding-right:40px;
}
.cart-table tbody tr .qty .input-group-btn-vertical{
position:absolute;
right: 0px;
top: 0px;
}
.cart-table tbody tr .qty .quantity-spinner{
background:#f5f5f5;
}
.column.default-column .cart-table tbody tr .qty{
width:110px;
padding-right:20px;
}
.cart-table tbody tr .prod-column .column-box h3{
font-size:18px;
color:#262626;
font-weight:500;
margin-bottom:5px;
font-family: 'Frank Ruhl Libre', serif;
}
.cart-table tbody tr .prod-column .column-box{
position:relative;
min-height:70px;
padding-left:100px;
padding-top:20px;
text-align:left;
min-width:230px;
}
.cart-table tbody tr .prod-column .column-box .prod-thumb{
position:absolute;
width:70px;
left:0px;
top:0px;
height: 70px;
border:1px solid #eef2ed;
}
.cart-table tbody tr .prod-column .column-box .prod-thumb img{
display:block;
width:100%;
}
.cart-table tbody tr .prod-column .column-box h4{
font-size:16px;
color:#222222;
font-weight:500;
margin-bottom:5px;
text-transform:capitalize;
}
.cart-table tbody tr .sub-total{
font-weight:400;
color:#ef4260;
font-size:20px;
font-family: 'Frank Ruhl Libre', serif;
}
.cart-table tbody tr .remove-btn{
position:relative;
font-size:18px;
color:#ececec;
width:34px;
height:34px;
text-align:center;
line-height:30px;
display:inline-block;
border:2px solid #ececec;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
-moz-transition:all 500ms ease;
transition:all 500ms ease;
}
.cart-table tbody tr .remove-btn .fa{
position:relative;
top:2px;
font-size:10px;
line-height:14px;
width:14px;
height:14px;
margin-right:8px;
background:#f0f0f0;
color:#ffffff;
text-align:center;
overflow:hidden;
text-indent:100px;
}
.cart-table tbody tr .remove{
text-align:center;
}
.cart-table tbody tr .remove-btn:hover{
color:#ef4260;
border-color:#ef4260;
}
.cart-table tbody tr .remove-btn:hover .fa{
text-indent:0px;
background:#fa9928;
}
.cart-table tbody tr td{
vertical-align:middle;
}
.cart-table tbody tr td:first-child{
padding-left: 30px;
}
.cart-table tbody tr td.price{
font-size:18px;
font-weight:400;
color:#7c7b7b;
}
.cart-table tbody tr td .quantity-spinner{
padding:5px 0px 5px 20px;
line-height:24px;
height:34px;
display:block;
width:100%;
position:relative;
}
.cart-table tbody .available-info{
position:relative;
padding-left:50px;
color: #7c7b7b;
font-size: 18px;
}
.cart-table tbody .available-info .icon{
position:absolute;
left:0px;
top:5px;
width:40px;
height:40px;
line-height:40px;
text-align:center;
font-size:18px;
color:#ffffff;
background:#ef4260;
border-radius:50%;
}
.cart-section .coupon-outer{
position:relative;
margin:30px 30px 60px;
}
.cart-section .coupon-outer .cart-btn{
cursor: pointer;
color:#262626;
font-size:18px;
padding:13px 43px;
font-weight:500;
text-transform:capitalize;
background-color:#e9ede7;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
-moz-transition:all 500ms ease;
transition:all 500ms ease;
}
.cart-section .coupon-outer .cart-btn:hover{
color:#ffffff;
background-color:#ef4260;
}
.cart-section .apply-coupon{
position:relative;
}
.cart-section .apply-coupon .form-group{
position:relative;
float:left;
margin-right:15px;
}
.cart-section .apply-coupon .form-group .coupon-btn{
padding:8px 34px;
line-height:30px;
border-radius:0px;
cursor: pointer;
background-color: #ef4260;
border-color: #ef4260;
}
.cart-section .apply-coupon .form-group input[type="text"]{
display:block;
font-size: 16px;
line-height:26px;
padding:12px 20px;
border:1px solid #f7f7f7;
height:50px;
width:230px;
background:none;
}
.cart-section .estimate-form{
position:relative;
}
.cart-section .sec-title{
margin-bottom:25px;
padding-left:0px;
}
.cart-section .sec-title h2{
font-size:18px;
color:#252525;
font-weight:600;
padding-bottom:0px;
text-transform:uppercase;
}
.cart-section .estimate-form .row{
margin-left:-7px;
margin-right:-7px;
}
.cart-section .estimate-form .row .form-group{
padding:0px 7px !important;
margin-bottom:30px;
}
.cart-section .totals-table{
position:relative;
border:1px solid #f0f0f0;
border-radius:2px;
margin-bottom:30px;
}
.cart-section .totals-table .col{
position:relative;
display:block;
float:left;
padding:15px 20px;
line-height:24px;
width:50%;
font-weight:400;
font-size:18px;
color:#7c7b7b;
}
.cart-section .totals-table .col-title{
font-size:18px;
color:#262626;
font-weight:400;
border-right:1px solid #f0f0f0;
font-family: 'Frank Ruhl Libre', serif;
}
.cart-section .totals-table li{
position:relative;
border-bottom:1px solid #f0f0f0;
}
.cart-section .totals-table li:last-child{
border-bottom:none;
}
.cart-section .cart-note{
position:relative;
margin-bottom:50px;
padding:16px 20px;
text-align:center;
border:1px dashed #b2dd4c;
background:#f4f4f4;
line-height:1.7em;
}
.product-details .basic-details .item-quantity input[type="text"],
.cart-table tbody tr .qty input[type="text"]{
position:relative;
line-height:46px;
height:46px;
background:#ffffff;
}
.form-control:focus{
border-color:#ef4260;
}
.bootstrap-touchspin .input-group-btn-vertical > .btn{
height:24px;
background:#e9e9e9;
}
.bootstrap-touchspin .input-group-btn-vertical i{
left:6px;
top:6px;
}
.cart-section .cart-outer .title-box{
position: relative;
margin-bottom: 20px;
}
.cart-section .cart-outer .title-box h2{
position: relative;
color: #262626;
font-size: 18px;
font-weight: 700;
text-transform: uppercase;
}
/*Shipping Form*/
.shipping-form .form-group{
position:relative;
margin-bottom:30px;
padding:0px 15px;
}
.shipping-form .form-group .ui-selectmenu-button.ui-button{
background-color:#ffffff;
height:45px;
line-height:16px;
z-index:10;
padding: 13px 18px;
border:1px solid #eef2ed;
background-position:right top;
background-repeat:no-repeat;
background-image:url(../images/icons/arrow-right.jpg);
}
.shipping-form .form-group .ui-button .ui-icon{
opacity:0;
}
.shipping-form .form-group input,
.shipping-form .form-group select{
position:relative;
display:block;
width:100%;
line-height:25px;
padding:10px 20px;
height:48px;
color:#848484;
font-size:16px;
background:#ffffff;
border:1px solid #eef2ed;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-moz-transition:all 500ms ease;
transition:all 500ms ease;
}
.shipping-form .form-group textarea{
position:relative;
display:block;
width:100%;
line-height:30px;
padding:10px 20px;
height:120px;
resize:none;
font-size:16px;
font-weight:400;
background:#f7f7f7;
border:1px solid #eef2ed;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-moz-transition:all 500ms ease;
transition:all 500ms ease;
}
.shipping-form .form-group input:focus,
.shipping-form .form-group textarea:focus{
border-color:#ef4260;
}
.shipping-form .form-group .total-btn{
cursor: pointer;
color: #262626;
font-size: 18px;
padding: 13px 43px;
font-weight: 500;
text-transform: capitalize;
background-color: #e9ede7;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
-moz-transition: all 500ms ease;
transition: all 500ms ease;
}
.shipping-form .form-group .total-btn:hover{
background-color:#ef4260;
color:#ffffff;
}
.cart-section .cart-outer .checkout-btn{
cursor: pointer;
color: #262626;
font-size: 18px;
padding: 15px 43px;
font-weight: 500;
text-transform: capitalize;
background-color: #e9ede7;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
-moz-transition: all 500ms ease;
transition: all 500ms ease;
}
/***
====================================================================
CheckOut Sectioon
====================================================================
***/
.checkout-page{
position:relative;
padding:90px 0px 0px;
}
.checkout-page .default-links{
position:relative;
margin-bottom:50px;
}
.checkout-page .default-links li{
margin-bottom:20px;
line-height:24px;
padding:18px 30px;
background:#e9ede7;
color:#262626;
font-size:16px;
font-weight:500;
border-left:2px solid #ef4260;
font-family: 'Frank Ruhl Libre', serif;
}
.checkout-page .default-links li a{
color:#ef4260;
}
.checkout-form{
position:relative;
}
.checkout-form .checkout-title{
position:relative;
margin-bottom:15px;
}
.checkout-form .checkout-title h2{
position:relative;
color:#303030;
font-size:18px;
font-weight:700;
text-transform:uppercase;
}
.checkout-form .form-group{
position:relative;
margin-bottom:25px;
}
.checkout-form .form-group .field-label{
display:block;
line-height:24px;
margin-bottom:6px;
text-transform:capitalize;
color:#262626;
font-size:16px;
font-weight:400;
font-family: 'Frank Ruhl Libre', serif;
}
.checkout-form .form-group .field-label sup{
top:-1px;
font-size:16px;
}
.checkout-form input[type="text"],
.checkout-form input[type="email"],
.checkout-form input[type="password"],
.checkout-form input[type="tel"],
.checkout-form input[type="number"],
.checkout-form input[type="url"],
.checkout-form select,
.checkout-form textarea{
position:relative;
display:block;
width:100%;
background:#ffffff;
line-height:22px;
padding:12px 15px;
height:48px;
border:1px solid #f2f2f2;
transition:all 300ms ease;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
}
.checkout-form textarea{
resize:none;
height:120px !important;
}
.checkout-form input:focus,
.checkout-form select:focus,
.checkout-form textarea:focus{
border-color:#ef4260;
}
.checkout-page .check-box{
line-height:24px;
font-size:14px;
font-weight:normal;
padding-top:5px;
}
.checkout-page .check-box label{
position:relative;
top:-1px;
font-weight:500;
padding:0px;
font-size:16px;
cursor:pointer;
color:#ef4260;
font-family: 'Frank Ruhl Libre', serif;
}
.checkout-page .lower-content{
position:relative;
margin-top:60px;
padding:80px 0px;
background-color: #e9ede7;
}
.checkout-page .lower-content .order-column{
margin-bottom:40px;
}
.checkout-page .lower-content .column h2{
position: relative;
color: #303030;
font-size: 18px;
font-weight: 600;
text-transform: uppercase;
}
.checkout-page .lower-content .checkout-title{
margin-bottom:25px;
}
.checkout-page .lower-content .order-column .cart-table tbody tr{
border-bottom: 1px solid #d9dfd7;
}
.checkout-page .lower-content .order-column .cart-table tbody tr .qty input{
background:none;
text-align: center;
font-size: 18px;
width: 60px;
font-weight: 500;
font-family: 'Frank Ruhl Libre', serif;
}
.checkout-page .lower-content .order-column .cart-table tbody tr .prod-column .column-box .prod-thumb{
border-color:#d9dfd7;
}
/*cart outer*/
.cart-outer{
position:relative;
}
.cart-outer .table-outer{
position:relative;
width:100%;
overflow-x: auto;
}
.checkout-page .lower-content .order-column .cart-outer{
overflow-x:auto;
}
.checkout-page .lower-content .order-column .cart-table{
width:100%;
border: 1px solid #d9dfd7;
}
.checkout-page .lower-content .order-column .cart-table .cart-header{
border-bottom: 1px solid #d9dfd7;
}
/*Total Table*/
.checkout-page .lower-content .totals-table{
position:relative;
margin-bottom:40px;
border:1px solid #d9dfd7;
}
.checkout-page .lower-content .totals-table li .col{
padding:12px 20px;
}
.checkout-page .lower-content .totals-table li{
line-height:24px;
border-bottom:1px solid #d9dfd7;
}
.checkout-page .lower-content .totals-table li .col.title{
font-weight:400;
color:#262626;
font-size:18px;
border-right:1px solid #d9dfd7;
font-family: 'Frank Ruhl Libre', serif;
}
.checkout-page .lower-content .totals-table li:last-child{
border-bottom:none;
margin-bottom:0px;
}
.checkout-page .lower-content .totals-table .col{
position:relative;
display:block;
float:left;
line-height:24px;
width:50%;
color: #7c7b7b;
font-weight: 400;
font-size:18px;
}
/*Payment Option*/
.checkout-page .payment-options{
position:relative;
padding:30px 20px 30px;
border:1px solid #d9dfd7;
}
.checkout-page .payment-options li{
position:relative;
margin-bottom:15px;
}
.checkout-page .payment-options li .radio-option{
position:relative;
}
.checkout-page .payment-options li .radio-option label{
position:relative;
display:inline-block;
padding-left:30px;
font-weight:500 !important;
text-transform:capitalize;
letter-spacing:1px;
color:#333333;
cursor:pointer;
}
.checkout-page .payment-options li .radio-option label strong{
font-weight:400;
color:#262626;
font-size:18px;
font-family: 'Frank Ruhl Libre', serif;
}
.checkout-page .payment-options li .radio-option label strong a{
font-size:16px;
color:#ef4260;
margin-left:15px;
text-decoration:underline;
}
.checkout-page .payment-options li .radio-option input[type="radio"]{
position:absolute;
left:0px;
top:3px;
}
.checkout-page .payment-options li .radio-option label .small-text{
display:block;
padding-top:5px;
letter-spacing:0px;
text-transform:none;
font-size:18px;
color:#7c7b7b;
font-weight:400;
line-height:1.6em;
}
.checkout-page .payment-options li .radio-option label img{
position:relative;
top:-3px;
display:inline-block;
max-width:100%;
padding-left:30px;
}
.checkout-page .payment-options .theme-btn{
padding:11px 42px;
}
/***
====================================================================
Login / Register Section
====================================================================
***/
.register-section{
position:relative;
padding:50px 0px 50px;
}
.register-section .title-box{
position:relative;
margin-bottom: 20px;
}
.register-section .title-box h2{
position:relative;
color: #262626;
font-size: 18px;
font-weight: 700;
text-transform: uppercase;
}
.register-section .form-column{
margin-bottom:40px;
}
.register-section .form-column .sec-title{
position:relative;
margin-bottom:20px;
padding-left:0px;
}
.register-section .form-column .sec-title h2{
text-transform:uppercase;
padding-bottom:0px;
font-size:18px;
}
.styled-form{
position:relative;
}
.styled-form .submit-text{
font-size:14px;
color:#7c7b7b;
font-weight:400;
margin-top:10px;
}
.styled-form .form-group{
position:relative;
margin-bottom:30px;
font-size:16px;
color:#848484;
}
.checkout-section .styled-form .form-group{
position:relative;
margin-bottom:20px;
}
.styled-form .form-group .check-box{
line-height:24px;
font-size:15px;
font-weight:normal;
padding-top:5px;
color:#272727;
}
.styled-form .form-group .check-box label{
position:relative;
top:-1px;
font-weight:normal;
padding:0px;
font-size:15px;
cursor:pointer;
}
.styled-form .pull-left label,
.styled-form .pull-right label{
cursor:pointer;
color: #262626;
font-size: 18px;
font-weight:500;
font-family: 'Frank Ruhl Libre', serif;
}
.styled-form .form-group label.remember-me{
color: #262626;
font-size: 18px;
font-weight:500;
font-family: 'Frank Ruhl Libre', serif;
}
.styled-form .form-group .adon-icon{
position:absolute;
top:50%;
margin-top:-10px;
right:10px;
width:20px;
height:20px;
line-height:20px;
font-size:15px;
color:#d4d4d4;
z-index:2;
}
.styled-form .form-group .theme-btn{
padding:12px 35px;
}
.styled-form .form-group .field-label{
display:block;
color:#272727;
text-transform:capitalize;
font-size:16px;
margin-bottom:7px;
font-weight:400;
}
.styled-form input[type="text"],
.styled-form input[type="email"],
.styled-form input[type="password"],
.styled-form input[type="tel"],
.styled-form input[type="number"],
.styled-form input[type="url"],
.styled-form select,
.styled-form textarea{
position:relative;
display:block;
width:100%;
background:#ffffff;
line-height:28px;
padding:8px 20px;
height:50px;
font-size:16px;
border:1px solid #f4f4f4;
transition:all 300ms ease;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
}
.social-links-two a{
position:relative;
display:inline-block;
font-size:14px;
width:42px;
height:42px;
line-height:42px;
text-align:center;
color:#ffffff;
border-radius: 50%;
background:#fc721e;
margin:0px 0px 0px 15px;
transition:all 0.5s ease;
-moz-transition:all 0.5s ease;
-webkit-transition:all 0.5s ease;
-ms-transition:all 0.5s ease;
-o-transition:all 0.5s ease;
}
.social-links-two a:hover{
opacity:0.80;
}
.social-links-two .facebook{
background:#3b5998;
}
.social-links-two .twitter{
background:#33ccfe;
}
.social-links-two .google-plus{
background:#dd4b39;
}