/********** Beauty Spa HTML5 Template *********/
/************ TABLE OF CONTENTS ***************
4. Header
5. Main Slider
**********************************************/
/*===========top-bar===========*/
/***
====================================================================
Header style
====================================================================
***/
/* header */
body{direction: rtl;}
.container{direction: rtl;}
.header {
position: relative;
z-index: 99;
}
.transparent-bg.header {
position: absolute;
top: 0;
left: 0;
right: 0;
z-index: 99;
}
.footer-bottom-bg .pull-left {
margin-top: 0 !important;
}
.main-header .logo {
margin-top: 0 !important;
}
/*================== main header ===============*/
.main-header .navbar-nav>li {
float: right;
}
.main-header {
position:relative;
width:100%;
left:0px;
top:0px;
z-index:99;
padding-top: 0px;
background: transparent;
transition:all 300ms ease;
-moz-transition:all 300ms ease;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
}
.main-header.stricky-fixed {
position: fixed;
background: #fff;
top: 0;
left: 0;
width: 100%;
z-index: 99999;
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}
.main-header.stricky-fixed .header-top{
display: none;
}
.main-header.stricky-fixed .logo{
margin-top: 10px;
}
.main-header.stricky-fixed .logo img {
width: 169px;
}
.main-header .logo {
position: relative;
margin-top: 29px;
z-index: 9999;
transition:all 300ms ease;
-moz-transition:all 300ms ease;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
}
/*=============== header top =============*/
header .main-header .header-top {
position: relative;
z-index: 9;
text-align: right;
}
.header-top .contact {
position: relative;
display: inline-block;
font-size: 15px;
color: #999;
/*font-family: 'dosis';*/
font-family: 'Heebo';
padding: 20px 20px;
}
.header-top .contact span {
padding-right: 10px;
}
.header-top .register {
position: relative;
display: inline-block;
padding: 19px 20px;
}
.header-top .register a {
font-size: 16px;
color: #999;
/*font-family: 'dosis';*/
font-family: 'Heebo';
}
.header-top #polyglotLanguageSwitcher {
position: relative;
display: inline-block;
margin-right: 9px;
padding: 17px 0;
}
#polyglotLanguageSwitcher a.current:link,
#polyglotLanguageSwitcher a.current:visited,
#polyglotLanguageSwitcher a.current:active {
background-color: transparent;
border: none;
border-radius: 0px;
height: auto;
font-size: 16px;
color: #999;
/*font-family: 'dosis';*/
font-family: 'Heebo';
}
#polyglotLanguageSwitcher span.trigger:before {
position: absolute;
left: -25px;
top: 9px;
content: "\f107";
font-size: 12px;
color: #999;
font-family: FontAwesome;
}
header .main-header .header-top .top-search {
position: relative;
padding: 19.5px 20px;
cursor: pointer;
display: inline-block;
}
.header-top .contact:after,
.header-top .register:after,
.header-top #polyglotLanguageSwitcher:after,
.main-header .header-top .cart:after,
.main-header .header-top .top-search:after {
position: absolute;
content: "";
bottom: 0;
right: 0;
height: 65px;
width: 1px;
background: #f7f7f7;
}
.main-header .header-top .top-search span.search:before {
color: #232323;
font-size: 17px;
margin: 0;
}
.main-header .header-top .cart a span.count {
background: #67c52b;
padding: 2px 5px;
border-radius: 50%;
top: -10px;
font-weight: 600;
color: #fff;
/*font-family: 'Poppins', sans-serif;*/
font-family: 'Heebo';
left: -8px;
font-size: 10px;
}
.main-header .header-top .top-search .search-box {
position: absolute;
width: 250px;
background: #ff9a00;
top: 100%;
right: 0;
list-style: none;
margin: 0;
padding: 0;
padding: 10px;
opacity: 0;
visibility: hidden;
transition: all 0.5s ease-in;
z-index: 9999;
}
.main-header .header-top .top-search:hover .search-box {
transition: .5s ease-in-out;
visibility: visible;
opacity: 1;
}
.main-header .header-top .top-search .search-box form {
background: #fff;
}
.main-header .header-top .top-search .search-box li {
list-style: none;
}
.main-header .header-top .top-search .search-box li input {
width: 78%;
background-color: transparent;
border: none;
outline: none;
height: 40px;
padding-left: 15px;
color: #666;
}
.main-header .header-top .top-search .search-box li input::-webkit-input-placeholder {
color: #999;
font-weight: normal;
/*font-family: 'Raleway', sans-serif;*/
font-family: 'Heebo';
font-size: 14px;
}
.main-header .header-top .top-search .search-box li input:-moz-placeholder {
color: #999;
font-weight: normal;
/*font-family: 'Raleway', sans-serif;*/
font-family: 'Heebo';
font-size: 14px;
}
.main-header .header-top .top-search .search-box li input:-ms-input-placeholder {
color: #999;
font-weight: normal;
/*font-family: 'Raleway', sans-serif;*/
font-family: 'Heebo';
font-size: 14px;
}
.main-header .header-top .top-search .search-box li button {
background: none;
outline: none;
color: #A9A9A9;
border: none;
width: 30px;
height: 40px;
margin-right: 5px;
}
.main-header .header-top .cart {
position: relative;
display: inline-block;
top: 1px;
padding: 18.5px 20px;
}
.main-header .header-top .cart a span {
position: relative;
color: #232323;
}
/*mainmenu area=======================*/
.main-header .nav-outer {
position: relative;
float: left;
}
.style-2.main-header .nav-outer {
margin: 40px 0 0;
}
.main-header.stricky-fixed {
padding-top: 0px;
}
.style-2.main-header.stricky-fixed .nav-outer {
margin-top: 0px;
}
.navbar-collapse {
padding-right: 3px;
}
.mainmenu-area .navbar-collapse > ul > li:hover > a {
color: #8373ce;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.navbar {
position: relative;
margin-bottom:0px;
border: 0px solid transparent;
}
.mainmenu-area {
position: relative;
}
.navbar .navbar-collapse > ul {
padding: 0;
margin: 0;
}
.main-header.style-2 .navbar .navbar-collapse > ul {
display: inline-block;
}
.navbar .navbar-collapse > ul > li {
display: inline-block;
position: relative;
margin: 0 -3px;
}
/*======right-box==========*/
.main-header.style-2 .navbar .navbar-collapse > .right-box > li > a {
margin: 17px 9px 45px;
padding: 6px 10px;
position: relative;
border-radius: 0 10px;
border: 1px solid #f1f1f1;
}
.style-2.main-header.stricky-fixed .navbar .navbar-collapse > ul.right-box > li > a {
margin: 15px 9px 23px;
padding: 6px 10px;
}
.main-header.style-2 .navbar .navbar-collapse > ul.right-box > li > a > .shop {
position: relative;
}
.main-header.style-2 .navbar .navbar-collapse > ul.right-box > li > a > span.count {
width: 15px;
height: 15px;
border-radius: 50%;
background: #fba505;
color: #fff;
display: block;
position: absolute;
top: 21px;
right: 5px;
text-align: center;
font-size: 12px;
line-height: 15px;
color: #fff;
}
/*
end===================
*/
.main-header.bubble .navbar .navbar-collapse > ul > li:nth-child(1) > a {
border-top: 2px solid #0b2659;
}
.main-header.bubble .navbar .navbar-collapse > ul > li:nth-child(2) > a {
border-top: 2px solid #0b2659;
}
.main-header.bubble .navbar .navbar-collapse > ul > li:nth-child(3) > a {
border-top: 2px solid #0b2659;
}
.main-header.bubble .navbar .navbar-collapse > ul > li:nth-child(4) > a {
border-top: 2px solid #0b2659;
}
.main-header.bubble .navbar .navbar-collapse > ul > li:nth-child(5) > a {
border-top: 2px solid #0b2659;
}
.main-header.bubble .navbar .navbar-collapse > ul > li:nth-child(6) > a {
border-top: 2px solid #0b2659;
}
.main-header.bubble .navbar .navbar-collapse > ul > li:nth-child(7) > a {
border-top: 2px solid #0b2659;
}
.main-header.bubble .navbar .navbar-collapse > ul > li:nth-child(8) > a {
border-top: 2px solid #ae84d6;
}
.main-header.bubble .navbar .navbar-collapse > ul > li:nth-child(9) > a {
border-top: 2px solid #0b2659;
}
/*color*/
.navbar .navbar-collapse > ul > li > a:hover,
.navbar .navbar-collapse > ul > li.current > a {
color: #f0b701;
}
.main-header.bubble .navbar .navbar-collapse > ul > li > a {
-webkit-transform: translateZ(0);
transform: translateZ(0);
overflow: hidden;
}
.main-header.bubble .navbar .navbar-collapse > ul > li > a:before {
pointer-events: none;
position: absolute;
z-index: -1;
content: '';
border-style: solid;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
left: calc(50% - 10px);
top: -10px;
border-width: 10px 10px 0 10px;
}
.main-header.bubble .navbar .navbar-collapse > ul > li > a:hover:before,
.navbar .navbar-collapse > ul > li > a:focus:before,
.navbar .navbar-collapse > ul > li > a:active:before {
-webkit-transform: translateY(8px);
transform: translateY(8px);
}
.main-header.bubble .navbar .navbar-collapse > ul > li.current > a:before {
-webkit-transform: translateY(8px);
transform: translateY(8px);
}
.main-header.bubble .navbar .navbar-collapse > ul > li:nth-child(1) > a:before {
border-color: #0b2659 transparent transparent transparent;
}
.main-header.bubble .navbar .navbar-collapse > ul > li:nth-child(2) > a:before {
border-color: #0b2659 transparent transparent transparent;
}
.main-header.bubble .navbar .navbar-collapse > ul > li:nth-child(3) > a:before {
border-color: #0b2659 transparent transparent transparent;
}
.main-header.bubble .navbar .navbar-collapse > ul > li:nth-child(4) > a:before {
border-color: #0b2659 transparent transparent transparent;
}
.main-header.bubble .navbar .navbar-collapse > ul > li:nth-child(5) > a:before {
border-color: #0b2659 transparent transparent transparent;
}
.main-header.bubble .navbar .navbar-collapse > ul > li:nth-child(6) > a:before {
border-color: #0b2659 transparent transparent transparent;
}
.main-header.bubble .navbar .navbar-collapse > ul > li:nth-child(7) > a:before {
border-color: #0b2659 transparent transparent transparent;
}
.main-header.bubble .navbar .navbar-collapse > ul > li:nth-child(8) > a:before {
border-color: #0b2659 transparent transparent transparent;
}
.main-header.bubble .navbar .navbar-collapse > ul > li:nth-child(9) > a:before {
border-color: #0b2659 transparent transparent transparent;
}
.navbar .navbar-collapse > ul > li > a {
display: block;
font-size: 18px;
/*font-family: 'dosis-medium';*/
font-family: 'Heebo';
text-transform: capitalize;
padding: 24px 20px 18px;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
color: #474747;
font-weight: 600;
}
.style-2.main-header .navbar .navbar-collapse > ul > li > a {
padding: 24px 20px 52px;
}
.style-2.main-header.stricky-fixed .navbar .navbar-collapse > ul > li > a {
padding: 24px 20px 31px;
}
.navbar .navbar-collapse > ul > li:hover > ul {
opacity: 1;
visibility: visible;
transition: .5s;
top: 100%;
}
.navbar .navbar-collapse > ul > li > ul {
position: absolute;
top:120%;
left:0;
z-index: 999;
background: #fff;
width: 220px;
margin: 0;
padding: 0;
opacity: 0;
visibility: hidden;
box-shadow: 0 13px 42px 11px rgba(0,0,0,.05);
border: 1px solid #EEE;
border-bottom-left-radius: 5px;
transition: all .5s ease;
}
.main-header.bubble .navbar .navbar-collapse > ul > li:hover > ul {
top:109%;
}
.navbar .navbar-collapse > ul > li > ul > li {
display: block;
position: relative;
}
.navbar .navbar-collapse > ul > li > ul > li:last-child > a {
border-bottom: 0;
}
.navbar .navbar-collapse > ul > li > ul > li > a {
display: block;
font-size: 18px;
text-transform: capitalize;
color: #232323;
padding: 10px 19px;
transition: all .3s ease;
text-align: left;
/*font-family: 'dosis-medium';*/
font-family: 'Heebo';
}
.navbar .navbar-collapse > ul > li > ul > li:hover > a {
background: #F9F9F9;
color: #8373ce;
padding-left: 23px;
}
.navbar .navbar-collapse > ul > li > ul > li:hover > ul {
opacity: 1;
visibility: visible;
}
.navbar .navbar-collapse > ul > li > ul > li > ul {
position: absolute;
top:0;
left:100%;
width: 220px;
margin: 0;
padding: 0;
opacity: 0;
visibility: hidden;
z-index: 999;
background: #fff;
box-shadow: 2px 0 11px -3px rgba(0,0,0,.2);
transition: all .5s ease;
}
.navbar .navbar-collapse > ul > li > ul > li > ul > li {
display: block;
position: relative;
}
.navbar .navbar-collapse > ul > li > ul > li > ul > li:last-child > a {
border-bottom: 0;
}
.navbar .navbar-collapse > ul > li > ul > li > ul > li > a {
display: block;
font-size: 18px;
text-transform: capitalize;
color: #232323;
padding: 10px 19px;
transition: all .3s ease;
text-align: left;
/*font-family: 'dosis-medium';*/
font-family: 'Heebo';
}
.navbar .navbar-collapse > ul > li > ul > li > ul > li:hover > a {
background: #F9F9F9;
color: #8373ce;
border-color: 0;
padding-left: 23px;
}
.navbar .navbar-collapse ul > li.dropdown .dropdown-btn{
position:absolute;
right:10px;
top:6px;
width:34px;
height:30px;
border:1px solid #ffffff;
background:url(../images/icons/submenu-icon.png) center center no-repeat;
background-size:20px;
cursor:pointer;
z-index:5;
display:none;
border-radius:3px;
-webkit-border-radius:3px;
-ms-border-radius:3px;
-o-border-radius:3px;
-moz-border-radius:3px;
}
/***
====================================================================
Main Slider style
====================================================================
***/
.rev_slider_wrapper {
position: relative;
overflow: hidden;
}
.rev_slider_wrapper ul li.overly:after {
content: '';
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
background:url(../images/overly/pattern.png) center center no-repeat;
z-index: 0;
background-size: cover;
}
.rev_slider_wrapper .outer-box {
position: relative;
background: rgba(254, 132, 84, 0.8);
padding: 60px;
}
.rev_slider_wrapper .outer-box p {
position: relative;
color: #fff;
font-size: 30px;
/*font-family: 'dosis-semibold';*/
font-family: 'Heebo';
margin-bottom: 25px;
}
.rev_slider_wrapper .outer-box h3 {
position: relative;
color: #fff;
font-size: 40px;
line-height: 40px;
}
.rev_slider_wrapper h2 {
position: relative;
color: #232323;
font-size: 50px;
}
.rev_slider_wrapper a.btn-style-one {
background: #ff8454;
}
/***
====================================================================
about style
====================================================================
***/
.about {
position: relative;
padding: 100px 0 120px;
}
.about .section-title {
padding-top: 14px;
padding-bottom: 20px;
}
.about .post-content .text {
margin-bottom: 10px;
}
.about .post-content .text p span {
color: #222222 ;
}
.about .post-content .link {
overflow: visible;
padding-top: 12px;
}
.about .post-content .link a {
/* position: relative;
font-size: 20px;
border: 2px solid #fff;
margin-right: 20px;
background-color: #f0b701;
border-radius: 10px;
box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.15);
text-align: center;*/
position: relative;
font-size: 20px;
border: 2px solid #fff;
display: inline-block;
text-align: center;
border-radius: 8px;
box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.15);
overflow: visible;
transition: all .6s ease-out;
background: linear-gradient(to left, #efce5f 50%, #f0b701 50%);
background-size: 200% 100%;
background-position: left bottom;
font-weight: 700;
padding: 10px;
}
.about .list {
position: relative;
}
.about .list li {
position: relative;
/*font-family: "dosis";*/
font-family: 'Heebo';
color: #777;
font-size: 18px;
padding-right: 20px;
padding-bottom: 8px;
}
.about .list li:before {
position:absolute;
content: "";
right: 0px;
top:6px;
width:15px;
height:15px;
background: #f8ba59;
border-radius: 50%;
}
.about .list li:after {
position:absolute;
content: "";
right: 3px;
top:9px;
width:9px;
height:9px;
border: 2px solid #fff;
border-radius: 50%;
}
.about .img-box img {
width: 100%;
border-radius: 15px 15px 15px 15px;
height: 400px;
object-fit: cover;
}
/*style-2*/
.style-2.about {
padding: 120px 0 0;
}
.style-2.about .post-content .text p span {
color: #fd5b4e
}
.style-2.about .img-box img {
width: auto;
border-radius: 0px;
position: relative;
margin-left: -82px;
}
/*style-3*/
.about .chose-info .item {
position: relative;
padding-left: 53px;
margin-bottom: 30px;
padding-top: 8px;
}
.about .chose-info .item .icon {
position:absolute;
top: 0;
left: 0;
background: #f8b54d;
height: 35px;
width: 35px;
border-radius: 0 5px;
text-align: center;
transition: .5s ease-in;
}
.about .chose-info .item .icon span:before {
position: relative;
color: #fff;
line-height: 39px;
font-size: 20px;
}
.about .chose-info .item h4 {
margin-bottom:16px;
}
.about .chose-info .item h4 a {
position:relative;
font-size: 18px;
/*font-family: 'dosis';*/
font-family: 'Heebo';
transition: .5s ease;
}
.about .chose-info .item h4 a:hover {
color: inherit;
}
.about .post-content .text {
margin-bottom: 55px;
}
/***
====================================================================
call-out
====================================================================
***/
.call-out {
position:relative;
padding: 100px 0;
color:#ffffff;
background: #77cabd;
}
.call-out.bg-style2 {
background: #84bed6;
}
.call-out:before {
content: '';
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
background:url(../images/overly/pattern.png) center center no-repeat;
background-size: cover;
z-index: 0;
}
.call-out .column .text-left {
padding-top: 5px;
}
.call-out .column h2 {
font-size:50px;
color:#ffffff;
float: left;
margin-right: 80px;
line-height: 50px;
}
.call-out .column p {
font-size:20px;
/*font-family: "dosis-medium";*/
font-family: 'Heebo';
color: #fff;
float: left;
line-height: 25px;
}
/***
====================================================================
feature style
====================================================================
***/
.feature {
position: relative;
padding: 120px 0 0px;
}
.feature .column {
padding-bottom: 53px;
}
.feature .item.right {
position: relative;
padding-right: 70px;
margin-bottom: 60px;
}
.feature .item.left {
position: relative;
padding-left: 70px;
margin-bottom: 60px;
}
.feature .item.right:nth-child(1) {
right: -21px;
}
.feature .item.right:nth-child(2) {
right: 31px;
}
.feature .item.right:nth-child(3) {
right: 74px;
}
.feature .item.left:nth-child(1) {
left: -21px;
}
.feature .item.left:nth-child(2) {
left: 31px;
}
.feature .item.left:nth-child(3) {
left: 74px;
}
.feature .item .icon {
position:absolute;
top: 0;
height: 42px;
width: 42px;
border-radius: 0 10px;
text-align: center;
transition: .5s ease-in;
}
.feature .item.right:nth-child(1) .icon {
background: #d07dd2;
border: 2px solid #d07dd2;
right: 0;
}
.feature .item.right:nth-child(2) .icon {
background: #adcb69;
border: 2px solid #adcb69;
right: 0;
}
.feature .item.right:nth-child(3) .icon {
background: #f8b54d;
border: 2px solid #f8b54d;
right: 0;
}
.feature .item.left:nth-child(1) .icon {
background: #fc5b4e;
border: 2px solid #fc5b4e;
left: 0;
}
.feature .item.left:nth-child(2) .icon {
background: #8373ce;
border: 2px solid #8373ce;
left: 0;
}
.feature .item.left:nth-child(3) .icon {
background: #84bed6;
border: 2px solid #84bed6;
left: 0;
}
.feature .item .icon span:before {
position: relative;
color: #fff;
line-height: 39px;
font-size: 20px;
}
.feature .item h4 {
margin-bottom:16px;
font-size: 22px;
}
.feature .item h4 a {
position:relative;
transition: .5s ease;
}
.feature .item.right:nth-child(1) h4 a {
color: #d07dd2;
}
.feature .item.right:nth-child(2) h4 a {
color: #adcb69;
}
.feature .item.right:nth-child(3) h4 a {
color: #f8b54d;
}
.feature .item.left:nth-child(1) h4 a {
color: #fc5b4e;
}
.feature .item.left:nth-child(2) h4 a {
color: #8373ce;
}
.feature .item.left:nth-child(3) h4 a {
color: #84bed6;
}
.feature .item h4 a:hover {
color: inherit;
}
.feature .item p {
position:relative;
color:#777;
font-size:16px;
line-height: 26px;
}
.feature .img-box {
position:relative;
margin-left: -200px;
top: 26px;
}
/*style-2*/
.feature.style-2 .img-box {
margin-left: -70px;
display: inline-block;
}
.feature.style-2 .item.left1 {
position: relative;
padding-left: 70px;
margin-bottom: 60px;
}
.feature.style-2 .item.left2 {
position: relative;
padding-left: 70px;
margin-bottom: 60px;
}
.feature.style-2 .item.left1:nth-child(1) {
right: 0px;
}
.feature.style-2 .item.left1:nth-child(2) {
right:0px;
}
.feature.style-2 .item.left1:nth-child(3) {
right:0px;
}
.feature.style-2 .item.left2:nth-child(1) {
left: 0px;
}
.feature.style-2 .item.left2:nth-child(2) {
left:0px;
}
.feature.style-2 .item.left2:nth-child(3) {
left:0px;
}
.mr-3 {
margin-left: 1rem!important;
}
.media .link {
float: right;
}
.feature.style-2 .item .icon {
position:absolute;
top: 0;
height: 42px;
width: 42px;
border-radius: 0 10px;
text-align: center;
transition: .5s ease-in;
}
.single-column .text .media {
margin-top: 0;
margin-bottom: 30px;
}
.sky-blue-btn{
background-color: #1cc6df !important;
}
.feature.style-2 .item.left1:nth-child(1) .icon {
background: #d07dd2;
border: 2px solid #d07dd2;
left: 0;
}
.feature.style-2 .item.left1:nth-child(2) .icon {
background: #adcb69;
border: 2px solid #adcb69;
left: 0;
}
.feature.style-2 .item.left1:nth-child(3) .icon {
background: #f8b54d;
border: 2px solid #f8b54d;
left: 0;
}
.feature.style-2 .item.left2:nth-child(1) .icon {
background: #fc5b4e;
border: 2px solid #fc5b4e;
left: 0;
}
.feature.style-2 .item.left2:nth-child(2) .icon {
background: #8373ce;
border: 2px solid #8373ce;
left: 0;
}
.feature.style-2 .item.left2:nth-child(3) .icon {
background: #84bed6;
border: 2px solid #84bed6;
left: 0;
}
.feature .item .icon span:before {
position: relative;
color: #fff;
line-height: 39px;
font-size: 20px;
}
.feature.style-2 .item h4 {
margin-bottom:16px;
font-size: 22px;
}
.feature.style-2 .item h4 a {
position:relative;
transition: .5s ease;
}
.feature.style-2 .item.left1:nth-child(1) h4 a {
color: #d07dd2;
}
.feature.style-2 .item.left1:nth-child(2) h4 a {
color: #adcb69;
}
.feature.style-2 .item.left1:nth-child(3) h4 a {
color: #f8b54d;
}
.feature.style-2 .item.left2:nth-child(1) h4 a {
color: #fc5b4e;
}
.feature.style-2 .item.left2:nth-child(2) h4 a {
color: #8373ce;
}
.feature.style-2 .item.left2:nth-child(3) h4 a {
color: #84bed6;
}
.feature.style-2 .item h4 a:hover {
color: inherit;
}
.feature.style-2 .item p {
position:relative;
color:#777;
font-size:16px;
line-height: 26px;
}
/*see-more*/
.see-more {
position:relative;
background: #f9f9f9;
padding: 45px 0 0;
}
.see-more h2 {
position:relative;
display: inline-block;
color: #ff8454;
font-size: 30px;
margin-right: 30px;
margin-bottom: 45px;
}
.see-more .link {
position:relative;
display: inline-block;
}
.see-more .btn-style-one {
background: #ff8454;
margin-bottom: 45px;
}
/*style-2*/
.gallery-section .see-more {
padding-top: 15px;
background: transparent;
}
.style-2.see-more h2 {
line-height: 60px;
}
.gallery-section.gallery-three-column.style-3 {
padding-bottom: 100px;
}
.gallery-section.gallery-three-column.style-3:before {
display: none;
}
.gallery-section .link-btn {
margin-top: 50px;
}
/***
====================================================================
cource Section
====================================================================
***/
.cource {
position: relative;
padding: 120px 0 102px;
background: #84bed6;
}
.cource .img-column {
position: relative;
margin: 0 -20px;
}
.cource:before {
content: '';
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
background:url(../images/overly/pattern.png) center center no-repeat;
background-size: cover;
z-index: 0;
}
.cource .img-column .item {
position: relative;
display: inline-block;
text-align: center;
padding: 0 20px;
}
.cource .img-column .item img {
border-radius: 0 10px 0 10px;
}
.cource .img-column .item .text {
color: #fff;
font-size: 20px;
padding: 13px 0 24px;
/*font-family: 'bubblegum';*/
font-family: 'Heebo';
}
.cource .content-column {
padding-top: 102px;
}
.cource .section-title h2 {
color: #fff;
}
.cource .post-content {
position: relative;
}
.cource .post-content h3 {
position: relative;
color: #fff;
font-size: 30px;
/*font-family: 'dosis-semibold';*/
font-family: 'Heebo';
margin: 20px 0 20px;
}
.cource .post-content p {
position: relative;
color: #fff;
font-size: 16px;
line-height: 26px;
margin-bottom: 30px;
}
.cource .post-content h4 {
position: relative;
color: #fff;
font-size: 20px;
margin-bottom: 10px;
}
.cource .post-content .time {
position: relative;
color: #fff;
font-size: 20px;
/*font-family: 'dosis-medium';*/
font-family: 'Heebo';
}
/***
====================================================================
team Section
====================================================================
***/
.team {
position: relative;
padding-top: 120px;
padding-bottom: 100px;
}
.team:before {
content: '';
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
background:url(../images/overly/team.png) center center no-repeat;
background-size: cover;
z-index: 0;
}
.team .team-list {
position: relative;
padding-bottom: 55px;
/* border-bottom: 1px solid #ececec;*/
}
.team .item {
position: relative;
overflow: hidden;
margin-bottom: 20px;
}
.team .item img {
width: 100%;
border-radius: 0 15px;
position: relative;
display: block;
border-radius: 0 15px;
height: 240px;
object-fit: cover;
width: 340px;
}
.team .item .content {
position: relative;
text-align: center;
padding: 24px 0;
}
.team .item .content h2 {
position: relative;
text-align: center;
font-size: 22px;
text-transform: capitalize;
}
.team .item:nth-child(1) .content h2 a {
color: #fba505;
}
.team .item:nth-child(2) .content h2 a {
color: #adcb69;
}
.team .item:nth-child(3) .content h2 a {
color: #fc5b4e;
}
.team .item:nth-child(4) .content h2 a {
color: #84bed6;
}
.team .item .content p {
position: relative;
color: #232323;
font-size: 18px;
text-transform: capitalize;
}
.team .item .img-holder {
position: relative;
transition: .5s ease;
}
.team .item:hover .img-holder .content {
opacity: 0;
visibility: hidden;
transition: .5s ease;
}
.team .item .overlay {
position: absolute;
z-index: 9;
content: '';
left: 0;
bottom: -50px;
padding: 0 15px;
width: 100%;
z-index: 99;
padding-bottom: 15px;
transition: .5s ease;
opacity: 0;
visibility: hidden;
background: #fff;
}
.team.style-2 .item .overlay {
background: #232323;
}
.team .item .overlay img {
width: 100%;
border-radius: 0 15px;
}
.team .item .overlay .content {
padding: 16px 0 11px;
}
.team .item:hover .overlay {
bottom: 0px;
opacity: 1;
visibility: visible;
transition: 1s ease;
transform: scale(1,1);
z-index: 99;
}
.team .item .overlay .social {
text-align: center;
}
.team .item .overlay .social li {
display: inline-block;
height: 28px;
width: 28px;
border-radius: 50%;
text-align: center;
margin: 0 4px;
transition: .5s ease-in-out;
}
.team .item .overlay .social li:nth-child(1) {
background: #8373ce;
}
.team .item .overlay .social li:nth-child(2) {
background: #6ba1eb;
}
.team .item .overlay .social li:nth-child(3) {
background: #fc5b4e;
}
.team .item .overlay .social li:nth-child(4) {
background: #d07dd2;
}
.team .item .overlay .social li:hover {
background: #232323;
transition: .5s ease-in-out;
}
.team .item .overlay .social li a {
color: #fff;
line-height: 30px;
font-size: 13px;
}
/*style-2*/
.team.style-2:before {
content: '';
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
background: url(../images/overly/pattern.png) center center no-repeat;
background-size: cover;
z-index: 0;
}
.team.style-2 {
background: #77cabd;
}
.team.style-2 .item .content h2 a {
color: #fff;
}
.team.style-2 .item .content p {
color: #fff;
}
.team.style-2 .section-title h2 {
color: #fff;
}
.team.style-2 .section-title h2 span {
color: #fff;
}
.team.style-2 .section-title.center h2:after {
background: url(../images/icons/sep-2.png) center center no-repeat !important;
}
/***
====================================================================
two-column Section
====================================================================
***/
.two-column {
position: relative;
padding: 120px 0 150px;
}
.two-column:before {
content: '';
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
background:url(../images/overly/testimonial.png) center bottom no-repeat;
z-index: 0;
}
/*style-3*/
.two-column.style-3 {
padding-bottom: 40px;
}
.two-column.style-3:before {
display: none;
}
.two-column .section-title {
padding-bottom: 47px;
}
.two-column .section-title h2 {
font-size: 28px;
}
.two-column .tab-list li {
position: relative;
display: inline-block;
text-align: center;
padding: 10px 0px;
width: 180px;
border-radius: 0 10px;
margin-right: 6px;
margin-bottom: 40px;
}
/*.two-column .tab-list li:nth-child(1) {
background: #adcb69;
}
.two-column .tab-list li:nth-child(2) {
background: #ec4f74;
}
.two-column .tab-list li:nth-child(3) {
background: #5bc89f;
}
.two-column .tab-list li:nth-child(4) {
background: #1cc6df;
}
.two-column .tab-list li:nth-child(5) {
background: #c428e0;
}
.two-column .tab-list li:nth-child(6) {
background: #22eff7;
}
.two-column .tab-list li:nth-child(7) {
background: #f5ea2e;
}
.two-column .tab-list li:nth-child(8) {
background: #03376a;
}
.two-column .tab-list li:nth-child(9) {
background: #f10ed6;
}*/
/*.two-column .tab-list li {
background: #22eff7;
}*/
.two-column .tab-list li.active.hvr-bubble-bottom:before {
-webkit-transform: translateY(10px);
transform: translateY(10px);
}
.two-column .tab-list li.hvr-bubble-bottom.grey-btn:before {
border-color: #A9A9A9 transparent transparent transparent;
}
.two-column .tab-list li.hvr-bubble-bottom.green-btn:before {
border-color: #adcb69 transparent transparent transparent;
}
.two-column .tab-list li.hvr-bubble-bottom.dark-pink-btn:before {
border-color: #f10ed6 transparent transparent transparent;
}
.two-column .tab-list li.hvr-bubble-bottom.light-green-btn:before {
border-color: #5bc89f transparent transparent transparent;
}
.two-column .tab-list li.hvr-bubble-bottom.sky-blue-btn:before {
border-color: #1cc6df transparent transparent transparent;
}
.two-column .tab-list li.hvr-bubble-bottom.purple-btn:before {
border-color: #c428e0 transparent transparent transparent;
}
.two-column .tab-list li.hvr-bubble-bottom.light-sky-blue-btn:before {
border-color: #22eff7 transparent transparent transparent;
}
.two-column .tab-list li.hvr-bubble-bottom.yellow-btn:before {
border-color: #f5ea2e transparent transparent transparent;
}
.two-column .tab-list li.hvr-bubble-bottom.dark-blue-btn:before {
border-color: #03376a transparent transparent transparent;
}
.two-column .tab-list li.hvr-bubble-bottom.light-pink-btn:before {
border-color: #ec4f74 transparent transparent transparent;
}
.two-column .tab-list li a {
position: relative;
color: #fff;
font-size: 22px;
}
.two-column .content-column {
position: relative;
margin-bottom: 65px;
}
.two-column .content-column .content {
position: relative;
margin-left: 80px;
padding: 0px 40px 25px;
/* border: 1px solid #ececec;
border-radius: 0 15px;*/
margin-right: 0;
}
.two-column .content-column .content h2 {
position: relative;
font-size: 20px;
color: #f8b54d;
margin-bottom: 18px;
}
.two-column .content-column .content p {
position: relative;
font-size: 17px;
color: #777;
line-height: 26px;
margin-bottom: 30px;
}
.two-column .content-column .content a {
position: relative;
/*font-family: 'dosis';*/
font-family: 'Heebo';
font-size: 17px;
color: #f8b54d;
transition: .5s ease;
}
.two-column .content-column .content a:hover {
color: #232323;
transition: .5s ease;
}
/*style-2*/
.two-column.style-2 {
position: relative;
padding: 120px 0 0px;
}
.two-column.style-2:before {
display: none;
}
/*testimonial*/
.two-column .testimonial {
position: relative;
}
.two-column .testimonial .item {
position: relative;
padding: 10px 30px 45px;
box-shadow: 0 11px 29px 0 rgba(0,0,0,0.04), 0px 0px 2px 0 rgba(0, 0, 0, 0.04);
border-radius: 0 15px;
margin: 9px 10px 30px;
}
.two-column .testimonial .item p {
position: relative;
color: #777;
line-height: 26px;
margin: 16px 0 12px;
}
.two-column .testimonial .item .rating span {
color: #f8b54d;
}
.two-column .testimonial .item .link {
position: absolute;
display: block;
width: 100%;
bottom: -64px;
}
.two-column .testimonial .item a {
position: relative;
color: #fff;
font-size: 17px;
/*font-family: 'dosis-bold';*/
font-family: 'Heebo';
padding: 6px 34px;
background: #77cabd;
z-index: 9;
border-radius: 0 10px;
}
.two-column .testimonial .testimonial-slide {
position: relative;
}
.two-column .testimonial img {
width: auto;
display: inline-block;
}
.two-column .testimonial .img-ifo {
position: relative;
}
.two-column .testimonial .owl-controls {
text-align: center;
display: block;
position: relative;
bottom: -18px;
}
.two-column .testimonial .owl-dots .owl-dot {
display: inline-block;
}
.two-column .testimonial .owl-dots .owl-dot span {
background: none repeat scroll 0 0 #d5d5d5;
border-radius: 50%;
display: block;
height: 12px;
width: 12px;
margin: 5px 7px;
transition: opacity 200ms ease 0s;
border: 2px solid #fff;
transition: .5s ease-in-out;
}
.two-column .testimonial .owl-dots .owl-dot.active span,
.two-column .testimonial .owl-dots .owl-dot:hover span {
background: #fff;
border-color: #8373ce;
transition: .5s ease-in-out;
}
/***
====================================================================
Gallery Sections
====================================================================
***/
.gallery-section{
position:relative;
}
.gallery-section:before {
content: '';
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
background:url(../images/overly/gallery.png) center center no-repeat;
background-size: cover;
z-index: 0;
}
.gallery-section.gallery-three-column{
position:relative;
padding:10px 0px 100px;
}
.gallery-section .section-title {
position:relative;
padding:0px 0px 48px;
}
.gallery-section .filters{
position:relative;
text-align:center;
margin-bottom:40px;
}
.gallery-section .filters li{
position:relative;
display:inline-block;
padding:5px 20px;
line-height:24px;
color:#777777;
cursor:pointer;
text-transform:uppercase;
font-size:13px;
font-weight:400;
margin:0px 5px 10px;
transition:all 300ms ease;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
}
.gallery-section .filters li .txt{
position:relative;
display:block;
z-index:1;
}
.gallery-section .filters li:before{
content:'';
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
opacity:0;
background:#71b100;
transition:all 300ms ease;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-webkit-transform:skewX(15deg);
-ms-transform:skewX(15deg);
-o-transform:skewX(15deg);
-moz-transform:skewX(15deg);
transform:skewX(15deg);
}
.gallery-section .filters li:hover,
.gallery-section .filters li.active{
color:#ffffff;
}
.gallery-section .filters li:hover:before,
.gallery-section .filters li.active:before{
opacity:1;
}
.default-portfolio-item{
position:relative;
}
.gallery-three-column .default-portfolio-item{
margin-bottom:30px;
}
.fullwidth-gallery{
overflow:hidden;
}
.fullwidth-gallery .default-portfolio-item.mix{
padding:0px 1px;
margin-bottom:2px;
}
.default-portfolio-item.mix{
display:none;
}
.gallery-section.fullwidth-gallery .items-container{
margin-left:-1px;
margin-right:-1px;
}
.fullwidth .default-portfolio-item{
padding:0px !important;
}
.sortable-masonry .items-container{
margin-left:-15px;
margin-right:-15px;
}
.sortable-masonry .masonry-item{
padding:0px 5px;
margin-bottom:10px;
}
.default-portfolio-item .inner-box{
position:relative;
width:100%;
overflow:hidden;
margin-bottom: 30px;
}
.default-portfolio-item .image-box{
position:relative;
display:block;
}
.default-portfolio-item .image-box img{
/* position: relative;
display: block;
width: 100%;
border-radius: 0 15px;
height: 240px;
object-fit: cover;
width: 340px;*/
height: 250px;
width: 250px;
padding: 20px;
border-radius: 0 15px;
border: 1px solid #333;
}
.default-portfolio-item .overlay-box{
position:absolute;
right: 0px;
height: 250px;
width: 250px;
top:-100%;
text-align:center;
color:#ffffff;
transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transform:scaleY(0);
-ms-transform:scaleY(0);
-o-transform:scaleY(0);
-moz-transform:scaleY(0);
transform:scaleY(0);
}
.default-portfolio-item .inner-box:hover .overlay-box{
top:0px;
-webkit-transform:scaleY(1);
-ms-transform:scaleY(1);
-o-transform:scaleY(1);
-moz-transform:scaleY(1);
transform:scaleY(1);
}
.default-portfolio-item .overlay-inner{
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
border-radius: 0 15px;
display:table;
vertical-align:middle;
padding:10px 30px;
background:rgba(248, 181, 77, 0.8);
}
.default-portfolio-item .overlay-inner .content{
position:relative;
display:table-cell;
vertical-align:middle;
}
.default-portfolio-item .overlay-inner h3{
font-size:18px;
color:#ffffff;
font-weight:500;
text-transform:capitalize;
margin-bottom: 20px;
}
.default-portfolio-item .overlay-inner h3 a{
color:#ffffff;
}
.default-portfolio-item .overlay-inner h3 a:hover{
color:#f1f1f1;
}
.default-portfolio-item .image-link{
position:relative;
width:42px;
height:42px;
color:#ffffff;
line-height:42px;
/*border:1px solid #fff;*/
display:inline-block;
font-size:16px;
z-index:1;
text-align:center;
margin-right: 12px;
/*border-radius: 0 7px;*/
}
.default-portfolio-item .image-link2{
position:relative;
width:42px;
height:42px;
color:#ffffff;
line-height:42px;
border:1px solid #fff;
display:inline-block;
font-size:16px;
z-index:1;
text-align:center;
border-radius: 0 7px;
}
.gallery-section .owl-theme .owl-nav {
margin: 0;
padding: 0;
position: absolute;
bottom: 100%;
right: 0;
margin: 0;
margin-bottom: 36px;
}
.gallery-section .owl-theme .owl-nav [class*=owl-] {
color: #c4c4c4;
font-size: 15px;
margin: 0;
padding: 0;
border-radius: 0 5px;
border: 1px solid #f0f0f0;
background-color: transparent;
margin: 0 5px;
padding: 6px 14px;
display: inline-block;
-webkit-transition: color .3s ease;
transition: color .3s ease;
}
.gallery-section .owl-theme .owl-nav [class*=owl-]:hover {
color: #fff;
background: #f8b54d;
border-color: #f8b54d;
transition: .5s ease;
}
/*style-2*/
.style-2.gallery-section{
position:relative;
padding:60px 0px 20px;
}
/***
====================================================================
Gallery Popup style
====================================================================
***/
body.popup-visible{
overflow:hidden !important;
}
.gallery-box{
position:fixed;
left:0px;
top:-120%;
width:100%;
height:100%;
overflow:auto;
padding:0px;
z-index:9999;
visibility:hidden;
opacity:0;
-webkit-transition: all 1000ms ease-in-out;
-o-transition: all 1000ms ease-in-out;
-ms-transition: all 1000ms ease-in-out;
transition: all 1000ms ease-in-out;
}
.gallery-box.now-visible{
top:0px;
visibility:visible;
opacity:1;
}
.gallery-box .bg-fade-layer{
position:fixed;
left:0px;
top:0px;
width:100%;
height:100%;
background:rgba(21,21,21,0.80);
}
.gallery-box .popup-content{
overflow:hidden;
border:1px solid #505050;
}
.gallery-box .popup-header{
position:relative;
padding:20px 30px;
background:#ff9a00;
color:#ffffff;
display: none;
}
.gallery-box .popup-header .btn-close{
position:absolute;
top:20px;
right:30px;
color:#ffffff;
width:30px;
height:30px;
background:rgba(255, 255, 255, 0.21);
opacity:1;
font-size:14px;
line-height:30px;
padding:0px;
display:block;
border:none;
z-index:1;
}
.gallery-box .popup-header .close:hover{
background:#999999;
}
.gallery-box .popup-header h3{
position:relative;
font-size:20px;
text-align:center;
line-height:30px;
color:#ffffff;
font-weight:500;
text-transform:capitalize;
}
.gallery-box .popup-container{
margin:100px auto;
width:auto;
max-width:1070px;
padding:0px 15px;
}
.gallery-box .content-outer{
position:relative;
padding:30px 30px;
background:#ffffff;
}
.vertical-slider-outer{
position:relative;
}
.gallery-box .lower-content{
position:relative;
padding:20px 0px 0px;
}
.gallery-box .lower-content .desc-text{
position:relative;
margin-bottom:20px;
}
/***
====================================================================
shop Section
====================================================================
***/
.shop {
position: relative;
padding-top: 120px;
}
.shop .team-list {
padding-bottom: 85px;
}
.shop.style-2 .team-list {
border-bottom: 0px;
}
.shop .item {
position: relative;
margin-bottom: 30px;
}
.shop .item img {
width: 100%;
border-radius: 0 15px;
}
.shop .item .content {
position: relative;
text-align: left;
padding: 20px 20px;
padding-right: 65px;
border: 1px solid #ececec;
border-top: 0px;
}
.shop .item .content:after {
position:absolute;
content: "";
left:-1px;
top:-15px;
width:1px;
height:20px;
background: #ececec;
}
.shop .item .content h2 {
position: relative;
font-size: 18px;
text-transform: capitalize;
/*font-family: 'dosis-semibold';*/
font-family: 'Heebo';
margin-bottom: 8px;
}
.shop .item .content h2 a {
color: #8a7bd1;
transition: .5s ease;
}
.shop .item .content h2 a:hover {
color: #232323;
transition: .5s ease;
}
.shop .item .content p {
position: relative;
font-size: 22px;
text-transform: capitalize;
/*font-family: 'dosis-semibold';*/
font-family: 'Heebo';
color: #fba505;
}
.shop .item .content .cart {
position: absolute;
right: 20px;
top: 30px;
background: #adcb69;
border-radius: 50%;
height: 40px;
width: 40px;
text-align: center;
transition: .5s ease-in-out;
}
.shop .item .content .cart:hover {
background: #232323;
transition: .5s ease-in-out;
}
.shop .item .content .cart a span:before {
color: #fff;
line-height: 38px;
}
/***
====================================================================
google-map Section
====================================================================
***/
.map-section {
position: relative;
}
.map-section .google-map {
position: relative;
width: 100%;
height: 390px;
background: #d0d0d0;
}
/***
====================================================================
footer style
====================================================================
***/
.footer .container .pull-right {
float: left !important;
direction: rtl;
}
.footer .container .pull-left {
float: right !important;
direction: rtl;
}
.footer {
position: relative;
}
/*upper*/
.footer .footer-upper {
position: relative;
padding: 120px 0 50px;
}
.footer .footer-upper .item {
position: relative;
margin-bottom: 64px;
}
.footer .footer-upper .item .icon {
position:relative;
height: 90px;
color: #fff;
width: 90px;
margin: 0 auto;
border-radius: 0 15px 0 15px;
text-align: center;
transition: .5s ease-in;
margin-bottom: 20px;
}
.footer .footer-upper .column:nth-child(1) .item .icon {
background: #adcb69;
border: 2px solid #adcb69;
}
.footer .footer-upper .column:nth-child(2) .item .icon {
background: #ec4f74;
border: 2px solid #ec4f74;
}
.footer .footer-upper .column:nth-child(3) .item .icon {
background: #5bc89f;
border: 2px solid #5bc89f;
}
.footer .footer-upper .column:nth-child(1) .item:hover .icon {
background: transparent;
color: #adcb69;
transition: .5s ease-in;
}
.footer .footer-upper .column:nth-child(2) .item:hover .icon {
background: transparent;
color: #ec4f74;
transition: .5s ease-in;
}
.footer .footer-upper .column:nth-child(3) .item:hover .icon {
background: transparent;
color: #5bc89f;
transition: .5s ease-in;
}
.footer .footer-upper .item .icon span:before {
position: relative;
line-height: 90px;
font-size: 30px;
}
.footer .footer-upper .item h4 {
margin-bottom:16px;
font-size: 25px;
}
.footer .footer-upper .item h4 a {
position:relative;
transition: .5s ease;
}
.footer .footer-upper .column:nth-child(1) h4 a {
color: #adcb69;
}
.footer .footer-upper .column:nth-child(2) h4 a {
color: #ec4f74;
}
.footer .footer-upper .column:nth-child(3) h4 a {
color: #5bc89f;
}
.footer .footer-upper .item p {
position:relative;
color:#777;
font-size:17px;
line-height: 26px;
}
/*bottom*/
.footer .footer-bottom {
position: relative;
background: url(../images/background/footer-bg.png) center center no-repeat;
background-position: center top;
padding-top: 50px;
background-repeat-x: repeat;
}
.footer .footer-bottom-bg {
background-color: #77cabd;
padding: 20px 0 77px;
}
.footer .footer-bottom:before {
content: '';
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
background:url(../images/overly/pattern.png) center center no-repeat;
background-size: cover;
z-index: 0;
}
.footer .pull-left {
margin-top: 27px;
position: relative;
}
.footer .menu {
position: relative;
border-bottom: 1px solid#bbe5de;
}
.footer .menu ul {
position: relative;
}
.footer .menu ul li {
position: relative;
float: right;
margin-left: 36px;
}
.footer .menu ul li:first-child {
margin-left: 36px;
}
.footer .menu ul li a {
position: relative;
line-height: 69px;
font-size: 20px;
color: #fff;
text-transform: capitalize;
transition: .5s ease;
}
.footer .menu ul li a:hover {
color: #ff9a00;
transition: .5s ease;
}
.footer .copy-right {
float: right;
position: relative;
line-height: 59px;
font-size: 17px;
color: #fff;
/*font-family: "dosis";*/
font-family: 'Heebo';
padding-top: 60px;
}
.footer .copy-right span {
color: #ff9a00;
}
/***
====================================================================
footer-style-2 style
====================================================================
***/
.footer-style-2 {
position: relative;
background: #e3f7ff;
padding: 105px 0 230px;
margin-top: 120px;
}
.footer-style-2 .footer-upper {
position: relative;
padding-bottom: 20px;
border-bottom: 1px solid #f1fbff;
}
.footer-style-2:before {
content: '';
position: absolute;
left: 0px;
bottom: 0px;
width: 100%;
height: 832px;
background: url(../images/overly/footer-style2.png) center bottom no-repeat;
z-index: 0;
}
.footer-style-2 .column-title h2 {
position: relative;
text-transform: capitalize;
font-size: 28px;
color: #ec4f74;
padding-bottom: 13px;
margin-bottom: 26px;
}
.footer-style-2 .column-title h2:after {
position: absolute;
content: "";
left: 0px;
bottom: 0px;
width: 100%;
height: 10px;
background: url(../images/icons/sep-3.png) center left no-repeat;
}
.footer-style-2 .footer-widget-about .content p {
position: relative;
font-size: 16px;
color: #888;
margin-bottom: 24px;
}
.footer-style-2 .footer-widget-about .content ul li {
position: relative;
overflow: hidden;
padding: 12px 0;
}
.footer-style-2 .footer-widget-about .content ul li a {
position: relative;
font-size: 15px;
/*font-family: 'dosis';*/
font-family: 'Heebo';
color: #888;
float: left;
}
.footer-style-2 .footer-widget-about .content ul li span {
position: relative;
margin-right: 20px;
font-size: 17px;
float: left;
top: 2px;
}
/*link-widget*/
.footer-style-2 .news-column {
padding-bottom: 20px;
}
.footer-style-2 .news-column .news-post{
position:relative;
padding:7px 0px 0px 100px;
margin-bottom:35px;
color:#888;
line-height:20px;
}
.footer-style-2 .news-column .news-post a {
position:relative;
color:#232323;
font-size: 18px;
transition: .5s ease;
}
.footer-style-2 .news-column .news-post .time{
position:relative;
color:#888;
font-size:13px;
/*font-family: 'dosis-medium';*/
font-family: 'Heebo';
margin-top: 5px;
}
.footer-style-2 .news-column .news-post .image-thumb{
position:absolute;
left:0px;
top:0px;
}
.footer-style-2 .news-column .news-post .image-thumb img{
width: auto;
}
/*quick link*/
.footer-style-2 .links-column {
margin-bottom:30px;
}
.footer-style-2 .links-column .column-title h2 {
margin-bottom: 28px;
}
.footer-style-2 .links-column li{
position:relative;
margin-bottom:11px;
}
.footer-style-2 .links-column li a{
position:relative;
display:block;
font-size:16px;
color:#888;
transition: .5s ease;
/*
font-family: 'dosis-medium';*/
font-family: 'Heebo';
}
.footer-style-2 .links-column li a:hover {
color:#8373ce;
transition: .5s ease;
}
/*instagram*/
.footer-style-2 .instagram {
position: relative;
overflow: hidden;
margin: 0 -5px;
}
.footer-style-2 .instagram .img-box {
position: relative;
float: left;
margin: 0 5px 10px;
}
/*coppy-right*/
.footer-style-2 .coppy-right {
position: relative;
line-height: 70px;
font-size: 14px;
color: #888;
}
/*socialicon*/
.footer-style-2 .social {
text-align: center;
}
.footer-style-2 .social,
.footer-style-2 .pull-right p {
display: table-cell;
padding-right: 16px;
}
.footer-style-2 .pull-right p {
font-size: 16px;
color: #888;
}
.footer-style-2 .social li {
display: inline-block;
margin-right: 11px;
}
.footer-style-2 .social li a {
color: #888;
line-height: 30px;
font-size: 13px;
transition: .5s ease-in-out;
}
.footer-style-3 .social li a:hover {
color: #8373ce;
transition: .5s ease-in-out;
}
/*=====footer-style-3*/
.footer-style-3 {
position: relative;
padding: 120px 0 0;
margin-top: 250px;
background: #7ac3ac;
}
.footer-style-3:before {
content: '';
position: absolute;
left: 0px;
top: -200px;
width: 100%;
height: 227px;
background: url(../images/overly/footer-style3.png) center top no-repeat;
z-index: 0;
}
.footer-style-3 .footer-upper {
position: relative;
padding-bottom: 20px;
border-bottom: 1px solid #f1fbff;
}
.footer-style-3 .column-title h2 {
position: relative;
text-transform: capitalize;
font-size: 28px;
color: #fff;
padding-bottom: 13px;
margin-bottom: 26px;
}
.footer-style-3 .column-title h2:after {
position: absolute;
content: "";
left: 0px;
bottom: 0px;
width: 100%;
height: 10px;
background: url(../images/icons/sep-2.png) center left no-repeat;
}
.footer-style-3 .footer-widget-about .content p {
position: relative;
font-size: 16px;
color: #fff;
margin-bottom: 24px;
}
.footer-style-3 .footer-widget-about .content ul li {
position: relative;
overflow: hidden;
padding: 12px 0;
}
.footer-style-3 .footer-widget-about .content ul li a {
position: relative;
font-size: 15px;
/*font-family: 'dosis';*/
font-family: 'Heebo';
color: #fff;
float: left;
}
.footer-style-3 .footer-widget-about .content ul li span {
position: relative;
margin-right: 20px;
font-size: 17px;
float: left;
top: 2px;
color: #fff;
}
/*link-widget*/
.footer-style-3 .news-column {
padding-bottom: 20px;
}
.footer-style-3 .news-column .news-post{
position:relative;
padding:7px 0px 0px 100px;
margin-bottom:35px;
color:#fff;
line-height:20px;
}
.footer-style-3 .news-column .news-post a {
position:relative;
color:#fff;
font-size: 18px;
transition: .5s ease;
}
.footer-style-3 .news-column .news-post .time{
position:relative;
color:#fff;
font-size:13px;
/*font-family: 'dosis-medium';*/
font-family: 'Heebo';
margin-top: 5px;
}
.footer-style-3 .news-column .news-post .image-thumb{
position:absolute;
left:0px;
top:0px;
}
.footer-style-3 .news-column .news-post .image-thumb img{
width: auto;
}
/*quick link*/
.footer-style-3 .links-column {
margin-bottom:30px;
}
.footer-style-3 .links-column .column-title h2 {
margin-bottom: 28px;
}
.footer-style-3 .links-column li{
position:relative;
margin-bottom:11px;
}
.footer-style-3 .links-column li a{
position:relative;
display:block;
font-size:16px;
color:#fff;
transition: .5s ease;
/*font-family: 'dosis-medium';*/
font-family: 'Heebo';
}
.footer-style-3 .links-column li a:hover {
color:#232323;
transition: .5s ease;
}
/*instagram*/
.footer-style-3 .instagram {
position: relative;
overflow: hidden;
margin: 0 -5px;
}
.footer-style-3 .instagram .img-box {
position: relative;
float: left;
margin: 0 5px 10px;
}
/*coppy-right*/
.footer-style-3 .coppy-right {
position: relative;
line-height: 70px;
font-size: 14px;
color: #fff;
}
/*socialicon*/
.footer-style-3 .social {
text-align: center;
}
.footer-style-3 .social,
.footer-style-3 .pull-right p {
display: table-cell;
padding-right: 16px;
}
.footer-style-3 .pull-right p {
font-size: 16px;
color: #fff;
}
.footer-style-3 .social li {
display: inline-block;
margin-right: 11px;
}
.footer-style-3 .social li a {
color: #fff;
line-height: 30px;
font-size: 13px;
transition: .5s ease-in-out;
}
.footer-style-3 .social li a:hover {
color: #232323;
transition: .5s ease-in-out;
}
/***
====================================================================
about-2 style
====================================================================
***/
.about-2 {
position: relative;
padding: 120px 0 0px;
}
.about-2 .column {
position: relative;
padding-bottom: 120px;
}
.about-2 .item .icon {
position:relative;
height: 90px;
color: #fff;
width: 90px;
margin: 0 auto;
border-radius: 0 15px 0 15px;
text-align: center;
transition: .5s ease-in;
margin-bottom: 20px;
}
/*.about-2 .column:nth-child(1) .item .icon {
background: #adcb69;
border: 2px solid #adcb69;
}
.about-2 .column:nth-child(2) .item .icon {
background: #ec4f74;
border: 2px solid #ec4f74;
}
.about-2 .column:nth-child(3) .item .icon {
background: #5bc89f;
border: 2px solid #5bc89f;
}
.about-2 .column:nth-child(4) .item .icon {
background: #adcb69;
border: 2px solid #adcb69;
}
.about-2 .column:nth-child(5) .item .icon {
background: #ec4f74;
border: 2px solid #ec4f74;
}
.about-2 .column:nth-child(6) .item .icon {
background: #5bc89f;
border: 2px solid #5bc89f;
}
.about-2 .column:nth-child(1) .item:hover .icon {
background: transparent;
color: #adcb69;
transition: .5s ease-in;
}
.about-2 .column:nth-child(2) .item:hover .icon {
background: transparent;
color: #ec4f74;
transition: .5s ease-in;
}
.about-2 .column:nth-child(3) .item:hover .icon {
background: transparent;
color: #5bc89f;
transition: .5s ease-in;
}
.about-2 .column:nth-child(4) .item:hover .icon {
background: transparent;
color: #adcb69;
transition: .5s ease-in;
}
.about-2 .column:nth-child(5) .item:hover .icon {
background: transparent;
color: #ec4f74;
transition: .5s ease-in;
}
.about-2 .column:nth-child(6) .item:hover .icon {
background: transparent;
color: #5bc89f;
transition: .5s ease-in;
}
.about-2 .item .icon span:before {
position: relative;
line-height: 90px;
font-size: 30px;
}
*/
.about-2 .icon span.icon-school {
position: absolute;
/* top: 35%; */
left: 0%;
height: 100%;
width: 100%;
/* z-index: -1; */
background-size: cover;
text-align: center;
background-position: center center;
}
.about-2 .item h4 {
margin-bottom:16px;
font-size: 25px;
}
.about-2 .item h4 a {
position:relative;
transition: .5s ease;
}
.about-2 .column:nth-child(1) h4 a {
color: #adcb69;
}
.about-2 .column:nth-child(2) h4 a {
color: #ec4f74;
}
.about-2 .column:nth-child(3) h4 a {
color: #5bc89f;
}
.about-2 .column:nth-child(4) h4 a {
color: #adcb69;
}
.about-2 .column:nth-child(5) h4 a {
color: #ec4f74;
}
.about-2 .column:nth-child(6) h4 a {
color: #5bc89f;
}
.custom-title .section-title {
text-align: center;
}
.custom-title .section-title h2::after {
background-position: center;
}
.custom-title .two-column.style-3 {
padding-top: 20px;
padding-bottom: 0px;
}
.two-column.style-3.contact-us.tabs-sontent {
padding-top: 0;
}
.about-2 .item .readmore {
position:relative;
font-size: 18px;
transition: .5s ease;
}
.about-2 .item p {
position:relative;
line-height: 26px;
font-size: 18px;
margin-bottom: 10px;
transition: .5s ease;
}
.about-2 .column:nth-child(1) .readmore {
color: #adcb69;
}
.about-2 .column:nth-child(2) .readmore {
color: #ec4f74;
}
.about-2 .column:nth-child(3) .readmore {
color: #5bc89f;
}
.about-2 .item .readmore:hover {
color: #232323;
transition: .5s ease;
}
.about-2.no-padd-top {
padding-top: 0px;
}
/*
===========================
event style
==========================
*/
.event {
position: relative;
padding: 120px 0 120px;
}
.event.style-2:before {
display: none;
}
.event.style-2 .item {
margin-bottom: 30px;
}
.event .link-btn {
margin-top: 50px;
}
.event:before {
content: '';
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
background: url(../images/overly/event.png) center bottom no-repeat;
z-index: 0;
}
.event .img-holder {
position: relative;
border-radius: 0 15px;
background: #d0d0d0;
overflow: hidden;
}
.event .img-holder img {
width: 100%;
}
.event .content {
position: relative;
}
.event .content.bg-color-1{
background: #ec4f74;
}
.event .content.bg-color-2{
background: #adcb69;
}
.event .content.bg-color-3{
background: #f8b54d;
}
.event .inner-box {
position: relative;
padding: 24px 20px;
padding-left: 105px;
}
.event .inner-box .btn-box {
position: absolute;
left: 20px;
top: 24px;
border: 1px solid #fff;
height: 65px;
width: 65px;
text-align: center;
padding-top: 8px;
border-radius: 0 10px;
}
.event .inner-box .count {
position: relative;
color: #fff;
/*font-family: 'bubblegum';*/
font-family: 'Heebo';
font-size: 27px;
line-height: 24px;
}
.event .inner-box .month {
position: relative;
color: #fff;
/*font-family: 'bubblegum';*/
font-family: 'Heebo';
font-size: 18px;
line-height: 24px;
}
.event .inner-box h4 {
margin-top:5px;
margin-bottom:2px;
font-size: 20px;
}
.event .inner-box h4 a {
color: #fff;
transition: .5s ease;
}
.event .inner-box h4 a:hover {
color: #232323;
transition: .5s ease;
}
.event .inner-box p {
color: #fff;
font-size: 15px;
line-height: 26px;
}
.event .inner-box p span {
color: #fff;
font-size: 14px;
margin-right: 6px;
}
/*dots*/
.event .owl-controls {
text-align: center;
display: block;
position: relative;
margin-top: 40px;
margin-bottom: 27px;
}
.event .owl-dots .owl-dot {
display: inline-block;
}
.event .owl-dots .owl-dot span {
background: none repeat scroll 0 0 #d5d5d5;
border-radius: 50%;
display: block;
height: 12px;
width: 12px;
margin: 5px 7px;
transition: opacity 200ms ease 0s;
border: 2px solid transparent;
transition: .5s ease-in-out;
}
.event .owl-dots .owl-dot.active span,
.event .owl-dots .owl-dot:hover span {
background: transparent;
border-color: #8373ce;
transition: .5s ease-in-out;
}
/*
===========================
classroom style
==========================
*/
.classroom {
position: relative;
background: #f9f9f9;
}
.classroom .tab-links {
position: relative;
padding: 120px 0 155px;
background-image: url(../images/background/1.jpg);
}
.classroom .tab-links:before {
content: '';
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
background: rgba(158, 115, 223, 0.92);
z-index: 0;
}
.classroom .tab-links .section-title {
padding-bottom: 50px;
}
.classroom .tab-links .section-title h2{
color: #fff;
}
.classroom .tab-list {
position: relative;
margin: 0 -15px;
text-align: center;
}
.classroom .tab-list li {
position: relative;
display: inline-block;
padding: 0 15px;
padding-bottom: 30px;
}
.classroom .tab-list .img-box {
position: relative;
}
.classroom .tab-list li a.active .img-box .overlay {
transform: scale(1,1);
visibility: visible;
opacity: 1;
transition: .5s ease;
}
.classroom .tab-list .img-box .overlay {
position: absolute;
width: 100%;
height: 100%;
border-radius: 0 10px;
visibility: hidden;
opacity: 0;
background: rgba(248, 181, 77, 0.9);
top: 0;
left: 0;
transform: scale(1,0);
transition: .5s ease;
}
.classroom .tab-list .img-box:hover .overlay {
transform: scale(1,1);
visibility: visible;
opacity: 1;
transition: .5s ease;
}
.classroom .tab-list .img-box .overlay .inner-box {
position: relative;
height: 100%;
width: 100%;
display: table;
text-align: center;
}
.classroom .tab-list .img-box .overlay h2 {
color: #fff;
display: table-cell;
vertical-align: middle;
font-size: 20px;
}
.classroom .tab-content {
position: relative;
margin-top: -157px;
}
.classroom .tab-content .roomitem {
display: none;
}
.classroom .tab-content .roomitem.collapsed {
display: block;
}
.classroom .tab-content .img-box {
position: relative;
border-radius: 0 15px;
overflow: hidden;
background: #dce0e7;
}
.classroom .tab-content .img-box img {
width: 100%;
}
.classroom .tab-content .content {
position: relative;
text-align: center;
}
.classroom .tab-content .content.bg-color-1 {
background: #adca69;
}
.classroom .tab-content .content.bg-color-2 {
background: #f8b54d;
}
.classroom .tab-content .item {
display: inline-block;
margin: 22px 0;
padding: 3px 30px;
border-right: 1px solid #fff;
}
.classroom .tab-content .item:last-child {
border-right: 0px;
}
.classroom .tab-content .item h3 {
position: relative;
font-size: 25px;
color: #fff;
/*font-family: 'dosis-medium';*/
}
.classroom .tab-content .item .date,
.classroom .tab-content .item .count {
position: relative;
font-size: 24px;
color: #fff;
/* font-family: 'dosis-medium';*/
}
.classroom .tab-content .item p {
position: relative;
font-size: 18px;
color: #fff;
}
/*see-more*/
.see-more.style-3 {
position: relative;
padding: 30px 0 117px;
background: transparent;
}
.see-more.style-3 .link-btn{
position: relative;
/*font-family: 'Rancho';*/
font-size: 23px;
color: #c66196;
}
.see-more.style-3 p {
position: relative;
font-size: 30px;
color: #c66196;
/*font-family: 'dosis-semibold';*/
margin-top: 35px;
}
/***
====================================================================
sponsors section
====================================================================
***/
.sponser-section {
position: relative;
text-align: center;
padding-top: 120px;
}
.sponser-section .section-title h2 {
padding-bottom: 10px;
}
.sponser-section .section-title h2:after {
display: none;
}
.sponser-section .sponsors-slider {
border-bottom: 1px solid #ececec;
}
.sponser-section .owl-carousel .owl-item img {
display: inline-block;
width: auto;
}
.sponser-section .owl-carousel .owl-item {
padding: 54px 0px;
display: inline-block;
float: inherit;
}
/*style-2*/
.sponser-section.style-2 {
padding-top: 40px;
}
.sponser-section.style-2 .sponsors-slider {
border-bottom: 0px;
}
.sponser-section.style-3 {
padding-top: 40px;
padding-bottom: 130px;
}
.sponser-section.style-3 .sponsors-slider {
border-bottom: 0px;
}
.sponser-section.style-3:before {
content: '';
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
background: url(../images/overly/testimonial.png) center bottom no-repeat;
z-index: 0;
}
/***
====================================================================
blog section
====================================================================
***/
.blog {
position: relative;
padding: 120px 0;
}
.blog .img-box-s1 {
position: relative;
margin-bottom: 30px;
border-radius: 0 15px;
overflow: hidden;
}
.blog .img-box-s1 img {
width: 100%;
}
.blog .img-box-s1 .overlay {
position: absolute;
width: 100%;
left: 0px;
bottom: 0;
padding: 15px 32px;
background: transparent;
background: -webkit-linear-gradient(to top, rgba(35, 29, 29, 0.72), rgba(66, 66, 55, 0));
background: -o-linear-gradient(to top, rgba(35, 29, 29, 0.72), rgba(66, 66, 55, 0));
background: -moz-linear-gradient(to top, rgba(35, 29, 29, 0.72), rgba(66, 66, 55, 0));
background: linear-gradient(to top, rgba(35, 29, 29, 0.72), rgba(66, 66, 55, 0));
}
.blog .img-box-s1 .overlay .date {
position: relative;
color: #fff;
font-size: 15px;
/*font-family: 'dosis';*/
margin-bottom: 5px;
}
.blog .img-box-s1 .overlay h3 {
position: relative;
color: #fff;
font-size: 24px;
margin-bottom: 10px;
}
.blog .img-box-s1 .overlay h3 a {
color: #fff;
}
.blog .img-box-s1 .overlay img {
width: auto;
border-radius: 50%;
margin-right: 15px;
}
.blog .img-box-s1 .overlay .comment,
.blog .img-box-s1 .overlay .author {
display: table-cell;
color: #fff;
font-size: 15px;
/*font-family: 'dosis';*/
padding-right: 12px;
}
.blog .img-box-s2 {
position: relative;
margin-bottom: 30px;
}
.blog .img-box-s2 img {
width: 100%;
}
.blog .img-box-s2 .outer-box {
border: 1px solid #77cabd;
border-top: 0px;
border-radius: 0 0 0 15px;
}
.blog .img-box-s2.color-style2 .outer-box {
border-color: #adca69;
}
.blog .img-box-s2 .content {
position: relative;
padding: 25px 32px;
border-bottom: 1px solid #deeac3;
}
.blog .img-box-s2 .content .date {
position: relative;
color: #77cabd;
font-size: 15px;
font-family: 'Heebo';
margin-bottom: 5px;
}
.blog .img-box-s2.color-style2 .content .date {
color: #adca69;
}
.blog .img-box-s2 .content h3 {
position: relative;
color: #77cabd;
font-size: 24px;
margin-bottom: 10px;
}
.blog .img-box-s2 .content h3 a {
color: #77cabd;
}
.blog .img-box-s2.color-style2 .content h3 a {
color: #adca69;
}
.blog .img-box-s2 .text p {
font-size: 17px;
line-height: 26px;
}
.blog .img-box-s2 .author img {
width: auto;
border-radius: 50%;
margin-right: 15px;
}
.blog .img-box-s2 .comment,
.blog .img-box-s2 .author {
position: relative;
color: #777;
font-size: 15px;
font-family: 'Heebo';
padding-right: 12px;
line-height: 34px;
}
.blog .img-box-s2 .comment-area {
padding: 13px 30px;
overflow: hidden;
}
.blog .quot {
position: relative;
background: #f8b54d;
color: #fff;
padding: 36px 30px 45px;
border-radius: 0 15px;
margin-bottom: 30px;
}
.blog .quot .icon {
position: relative;
line-height: 50px;
margin-bottom: 10px;
}
.blog .quot h3 {
position: relative;
text-align: center;
color: #fff;
font-size: 24px;
margin-bottom: 10px;
}
.blog .quot h4 {
position: relative;
text-align: right;
color: #fff;
font-size: 16px;
margin-right: 13px;
}
.blog .quot h4 a {
color: #fff;
}
.blog .readmore {
position: relative;
padding-top: 30px;
}
.blog .readmore .link {
position: relative;
color: #ff8454;
font-size: 18px;
border-bottom: 1px dashed #ff8454;
padding-bottom: 5px;
}
/*
===========================
event style
==========================
*/
.intro-section {
position: relative;
padding: 120px 0 0;
}
.intro-section .item {
margin-bottom: 40px;
}
.intro-section .img-holder {
position: relative;
border-radius: 0 15px;
background: #d0d0d0;
overflow: hidden;
}
.intro-section .img-holder img {
width: 100%;
}
.intro-section .img-holder:before {
content: '';
position: absolute;
left: 0px;
bottom: 0px;
width: 100%;
height: 50%;
background: transparent;
background: -webkit-linear-gradient(to top, rgba(35, 29, 29, 0.72), rgba(66, 66, 55, 0));
background: -o-linear-gradient(to top, rgba(35, 29, 29, 0.72), rgba(66, 66, 55, 0));
background: -moz-linear-gradient(to top, rgba(35, 29, 29, 0.72), rgba(66, 66, 55, 0));
background: linear-gradient(to top, rgba(35, 29, 29, 0.72), rgba(66, 66, 55, 0));
z-index: 0;
}
.intro-section .content {
position: absolute;
bottom: -40px;
left: 0;
width: 100%;
transition: .5s ease;
}
.intro-section .img-holder:hover .content {
bottom: 0;
transition: .5s ease;
}
.intro-section .content .bg-color-1{
background: #fc5b4e;
}
.intro-section .content .bg-color-2{
background: #f8b54d;
}
.intro-section .content .bg-color-3{
background: #adca69;
}
.intro-section .inner-box {
position: relative;
text-align: center;
}
.intro-section .inner-box h3 {
position: relative;
color: #fff;
font-size: 22px;
margin-bottom: 20px;
}
.intro-section .inner-box a {
position: relative;
padding: 13px 83px;
color: #fff;
font-size: 18px;
font-family: 'Heebo';
display: inline-block;
}
.intro-section .see-more.style-3 {
position: relative;
padding: 5px 0 45px;
background: transparent;
border-bottom: 1px solid #ececec;
}
.intro-section .see-more.style-3 .link-btn{
position: relative;
font-family: 'Heebo';
font-size: 18px;
color: #f8b54d;
}
.intro-section .see-more.style-3 .link-btn.border-bottom {
border-bottom: 1px dashed #f8b54d;
padding-bottom: 8px;
}
/*
===========================
event style
==========================
*/
.popular-class {
position: relative;
padding: 120px 0 120px;
}
.popular-class .see-more.style-3 {
position: relative;
padding: 0px;
background: transparent;
}
.popular-class:before {
content: '';
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
background: url(../images/overly/popular-class.png) center bottom no-repeat;
z-index: 0;
}
.popular-class .img-holder {
position: relative;
border-radius: 0 15px;
background: #d0d0d0;
overflow: hidden;
}
.popular-class .img-holder img {
width: 100%;
}
.popular-class .content {
position: relative;
bottom: 0;
right: 0;
}
.popular-class .content.bg-color-1{
background: #fc5b4e;
}
.popular-class .content.bg-color-2{
background: #84bed6;
}
.popular-class .content.bg-color-3{
background: #adcb69;
}
.popular-class .inner-box {
position: relative;
padding: 15px 0px;
padding-left: 30px;
}
.popular-class .inner-box .class-name {
position: relative;
display: inline-block;
color: #fff;
border-left: 1px solid rgba(255, 255, 255, 0.2);
padding: 20px 20px;
padding-right: 20px;
font-size: 20px;
line-height: 26px;
font-family: 'Heebo';
}
.popular-class .inner-box .class-time {
position: relative;
display: inline-block;
text-align: center;
color: #fff;
padding: 0 14px;
font-size: 20px;
line-height: 26px;
font-family: 'Heebo';
}
.popular-class .inner-box .class-time p{
font-size: 15px;
}
.popular-class .inner-box p {
color: #333;
font-size: 15px;
line-height: 26px;
}
.field-icon {
float: left;
margin-left: 10px;
margin-top: -36px;
position: relative;
z-index: 2;
}
/*dots*/
.popular-class .owl-controls {
text-align: center;
display: block;
position: relative;
margin-top: 0px;
bottom: -30px;
}
#login-form .errormsg {
position: absolute;
}
.shop-form .custom-file.uploadtaskfile {
margin-top: 20px;
}
.popular-class .owl-dots .owl-dot {
display: inline-block;
}
.popular-class .owl-dots .owl-dot span {
background: none repeat scroll 0 0 #d5d5d5;
border-radius: 50%;
display: block;
height: 12px;
width: 12px;
margin: 5px 7px;
transition: opacity 200ms ease 0s;
border: 2px solid transparent;
transition: .5s ease-in-out;
}
.popular-class .owl-dots .owl-dot.active span,
.popular-class .owl-dots .owl-dot:hover span {
background: transparent;
border-color: #8373ce;
transition: .5s ease-in-out;
}
/*style-2*/
.popular-class.style-2 .item {
margin-bottom: 30px;
}
.popular-class.style-2:before {
display: none;
}
.popular-class.style-2 .search {
position: relative;
padding-bottom: 30px;
margin-bottom: 60px;
border-bottom: 1px solid #ececec;
}
.popular-class.style-2 .pull-left h3 {
position: relative;
color: #777;
font-size: 18px;
font-family: 'Heebo';
margin-top: 16px;
}
.popular-class.style-2 .pull-right {
position: relative;
}
.popular-class input[type="search"],
.popular-class input[type="text"]{
position:relative;
width:230px;
line-height:24px;
padding:5px 50px 5px 15px;
border:1px solid #ececec;
background:#ffffff;
color:#777;
height:55px;
font-size:13px;
font-family: 'Heebo';
color:#292929;
border-radius:0px;
border-radius: 0 15px;
}
.popular-class input[type="search"]:focus,
.popular-class input[type="text"]:focus{
border-color:#ff9a00;
}
.popular-class button{
position: absolute;
right: 1px;
top: 1px;
line-height: 24px;
display: block;
width: 50px;
height: 53px;
padding: 7px 10px 8px;
text-align: center;
font-size: 20px;
color: #777;
background: #fff;
border-radius: 0px 3px 3px 0px;
-webkit-border-radius: 0px 3px 3px 0px;
-ms-border-radius: 0px 3px 3px 0px;
-o-border-radius: 0px 3px 3px 0px;
-moz-border-radius: 0px 3px 3px 0px;
transition: .5s ease;
}
.popular-class button span:before {
font-size: 15px;
}
.popular-class button:hover{
color: #ff9a00;
transition: .5s ease;
}
.popular-class button span {
margin-bottom: 0;
}
.popular-class .link-btn {
margin-top: 50px;
}
/*
===========
upcoming
=============
*/
.upcoming-event {
position: relative;
border-left: 1px solid #ececec;
}
.upcoming-event .section-title {
padding-left: 50px;
}
.upcoming-event .content {
position: relative;
}
.upcoming-event .item {
position: relative;
padding-left: 30px;
border-bottom: 1px solid #ececec;
}
.upcoming-event .inner-box {
position: relative;
padding: 24px 20px;
padding-left: 105px;
}
.upcoming-event .inner-box .btn-box {
position: absolute;
left: 20px;
top: 24px;
border: 1px solid #f8b54d;
height: 65px;
width: 65px;
text-align: center;
padding-top: 8px;
border-radius: 0 10px;
}
.upcoming-event .inner-box .count {
position: relative;
color: #f8b54d;
font-family: 'Heebo';
font-size: 27px;
line-height: 24px;
}
.upcoming-event .inner-box .month {
position: relative;
color: #f8b54d;
font-family: 'Heebo';
font-size: 18px;
line-height: 24px;
}
.upcoming-event .inner-box h4 {
margin-top:5px;
margin-bottom:2px;
font-size: 20px;
}
.upcoming-event .inner-box h4 a {
color: #f8b54d;
}
.upcoming-event .inner-box p {
color: #888;
font-size: 15px;
line-height: 26px;
}
.upcoming-event .inner-box p span {
color: #888;
font-size: 14px;
margin-right: 6px;
}
.upcoming-event .link-btn {
position: relative;
color: #ff8454;
font-size: 18px;
padding: 25px 45px;
display: inline-block;
transition: .5s ease;
}
.upcoming-event .link-btn:hover {
color: #232323;
transition: .5s ease;
}
.two-column .upcoming-event .section-title {
padding-bottom: 20px;
}
/*======= page title ================*/
.page-title {
position: relative;
padding: 45px 0;
background-image: url(../images/background/2.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
}
.page-title h2 {
position: relative;
font-size: 50px;
color: #fff;
text-transform: capitalize;
padding: 63px 0;
}
.page-title ul {
position: absolute;
background: #0b2659;
padding: 8px 25px;
bottom: -30px;
border-radius: 0 15px;
z-index: 9;
}
.page-title ul li {
position: relative;
display: inline-block;
}
.page-title ul li a {
position: relative;
font-size: 20px;
padding: 7px 0;
display: inline-block;
text-transform: capitalize;
color: #fff;
transition: .5s ease;
}
.page-title:before {
content: '';
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
background: url(../images/icons/page-title.png) center center no-repeat;
background-color: rgba(0,0,0,0.40);
z-index: 0;
}
.page-title ul li a:hover {
color: #fff;
transition: .5s ease;
}
.page-title ul li a:first-child {
margin-right: 0px;
}
.page-title ul li:after {
position: absolute;
content: '/';
font-size: 20px;
font-family: 'Heebo';
color: #fff;
right: 65px;
top: 4px;
transform: rotate(160deg);
}
.page-title ul li:last-child:after {
display: none;
}
/*map*/
.map-section ul {
position: absolute;
background: #f8b54d;
padding: 8px 25px;
bottom: -30px;
border-radius: 0 15px;
z-index: 9;
}
.map-section ul li {
position: relative;
display: inline-block;
}
.map-section ul li a {
position: relative;
font-size: 20px;
padding: 7px 0;
display: inline-block;
text-transform: capitalize;
color: #fff;
transition: .5s ease;
}
.map-section:before {
content: '';
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.40);
z-index: 0;
}
.map-section ul li a:hover {
color: #232323;
transition: .5s ease;
}
.map-section ul li a:first-child {
margin-right: 17px;
}
.map-section ul li:after {
position: absolute;
content: '/';
font-size: 20px;
font-family: 'Heebo';
color: #fff;
right: 0px;
top: 9px;
}
.map-section ul li:last-child:after {
display: none;
}
/*contact-area*/
.contact-us .upper {
position: relative;
padding: 120px 0 50px;
}
.contact-us .section-title {
margin-bottom: 40px;
}
.contact-us .upper .item {
position: relative;
margin-bottom: 64px;
}
.contact-us .upper .item .icon {
position:relative;
height: 90px;
color: #fff;
width: 90px;
margin: 0 auto;
border-radius: 0 15px 0 15px;
text-align: center;
transition: .5s ease-in;
margin-bottom: 20px;
}
.contact-us .upper .column:nth-child(1) .item .icon {
background: #adcb69;
border: 2px solid #adcb69;
}
.contact-us .upper .column:nth-child(2) .item .icon {
background: #ec4f74;
border: 2px solid #ec4f74;
}
.contact-us .upper .column:nth-child(3) .item .icon {
background: #5bc89f;
border: 2px solid #5bc89f;
}
.contact-us .upper .column:nth-child(1) .item:hover .icon {
background: transparent;
color: #adcb69;
transition: .5s ease-in;
}
.contact-us .upper .column:nth-child(2) .item:hover .icon {
background: transparent;
color: #ec4f74;
transition: .5s ease-in;
}
.contact-us .upper .column:nth-child(3) .item:hover .icon {
background: transparent;
color: #5bc89f;
transition: .5s ease-in;
}
.contact-us .upper .item .icon span:before {
position: relative;
line-height: 90px;
font-size: 30px;
}
.contact-us .upper .item h4 {
margin-bottom:16px;
font-size: 25px;
}
.contact-us .upper .item h4 a {
position:relative;
transition: .5s ease;
}
.contact-us .upper .column:nth-child(1) h4 a {
color: #adcb69;
}
.contact-us .upper .column:nth-child(2) h4 a {
color: #ec4f74;
}
.contact-us .upper .column:nth-child(3) h4 a {
color: #5bc89f;
}
.contact-us .upper .item p {
position:relative;
color:#777;
font-size:17px;
line-height: 26px;
}
.contact-us .contact-box {
position: relative;
margin-bottom: 100px;
}
.contact-us .contact-box .contact-form {
margin-top: 6px;
}
.contact-us .contact-box .form-group {
position: relative;
margin-bottom: 25px;
overflow: visible;
clear: both;
}
#user_login_form_div .contact-box {
border: 0;
}
.contact-us .contact-box input[type="text"],
.contact-us .contact-box input[type="email"],
.contact-us .contact-box input[type="password"],
.contact-us .contact-box select {
position: relative;
width: 100%;
line-height: 24px;
font-size: 14px;
font-family: 'Heebo';
color: #777;
background: #fafafa;
border: 1px solid #ececec;
border-radius: 3px;
height: 60px;
padding: 5px 36px;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.contact-us .contact-box textarea {
position: relative;
width: 100%;
line-height: 24px;
padding: 20px 36px;
height: 100px;
resize: none;
background: #fafafa;
border: 1px solid #ececec;
font-family: 'Heebo';
font-size: 14px;
color: #777;
border-radius: 3px;
padding-bottom: 0px;
margin-bottom: 0px;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.contact-us .contact-box input:focus,
.contact-us .contact-box textarea:focus,
.contact-us .contact-box select:focus {
border-color: #ff9a00;
}
.contact-us .contact-box input.error,
.contact-us .contact-box textarea.error,
.contact-us .contact-box select.error {
border-color: #ff9a00;
}
.contact-us .contact-box input.error:focus,
.contact-us .contact-box textarea.error:focus {
border-color: #ff9a00;
box-shadow: 0px 0px 3px 0px #ff9a00;
-moz-box-shadow: 0px 0px 3px 0px #ff9a00;
-ms-box-shadow: 0px 0px 3px 0px #ff9a00;
-o-box-shadow: 0px 0px 3px 0px #ff9a00;
-webkit-box-shadow: 0px 0px 3px 0px #ff9a00;
}
.contact-us .contact-box label.error {
display: none !important;
}
.contact-us .contact-box select option {
padding: 5px 15px;
}
.contact-us .contact-box button {
/*background: #ff9a00;*/
color: #fff;
line-height: 45px;
padding: 0 41px;
font-family: 'Heebo';
text-transform: capitalize;
}
/*.contact-us .contact-box button:hover {
background: transparent!important;
color: #ff9a00;
border-color: #ff9a00;
transition: .5s ease;
}*/
/***
====================================================================
Blog Page Style
====================================================================
***/
.sidebar-page.blog .img-box-s2 {
position: relative;
margin-bottom: 50px;
}
.sidebar-page.blog .img-box-s2 .content .date {
color: #f8b54d;
}
.sidebar-page.blog .img-box-s2 .content .date span {
margin-right: 20px;
}
.sidebar-page.blog .img-box-s2 .content h3 a {
color: #8a7bd1;
}
.sidebar-page.blog .img-box-s2 .outer-box {
border: 1px solid #ececec;
}
.sidebar-page.blog .img-box-s2 .content {
padding: 45px 45px;
padding-top: 30px;
}
.blog .img-box-s2 .content .quote h4 {
position: relative;
color: #f8b54d;
font-size: 19px;
margin-bottom: 10px;
margin-top: 10px;
}
.blog .img-box-s2 .content .quote p {
position: relative;
padding: 30px 40px;
}
.blog .img-box-s2 .content .quote p span {
position: absolute;
font-size: 150px;
font-family: 'Heebo';
top: 90px;
left: -12px;
color: #777;
opacity: 0.15;
}
/*=================*/
/*comments*/
.single-post .comments {
position: relative;
padding-bottom: 20px;
}
.single-post .comment-title h2 {
position: relative;
font-size: 33px;
color: #8a7bd1;
padding-bottom: 40px;
}
.single-post .comment-title h2 span {
color: #f8b54d;
}
.single-post .comments .single-comment {
position: relative;
padding-left: 117px;
margin-bottom: 40px;
}
.single-post .comments .single-comment.comment-reply {
margin-left: 127px;
}
.single-post .comments .single-comment .inner-box {
position: relative;
border: 1px solid #ececec;
padding: 24px 29px;
min-height: 167px;
}
.single-post .comments .single-comment.comment-reply .inner-box {
min-height: 139px;
}
.single-post .comments .single-comment .inner-box .curve {
position: absolute;
left: -10px;
top: 21px;
display: block;
width: 10px;
height: 20px;
overflow: hidden;
z-index: 5;
}
.single-post .comments .single-comment .inner-box .curve:before {
content: '';
position: absolute;
left: 4px;
top: 0px;
display: block;
width: 20px;
height: 20px;
border: 1px solid #ececec;
background: #ffffff;
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
}
.single-post .comments .single-comment .author {
position: absolute;
left: 0px;
top: 6px;
}
.single-post .comments .single-comment .author img {
position: relative;
}
.single-post .comments .single-comment .author-info {
position: relative;
}
.single-post .comments .single-comment .author-info .author-title {
position: relative;
font-size: 20px;
color: #77c9bc;
font-family: 'Heebo';
margin-right: 20px;
line-height: 17px;
margin-bottom: 23px;
}
.single-post .comments .single-comment .author-info .date {
position: relative;
font-size: 16px;
color: #f8b54d;
font-family: 'Heebo';
margin-right: 37px;
}
.single-post .comments .single-comment .text {
position: relative;
}
.single-post .comments .single-comment .text p {
margin-bottom: 30px;
}
.single-post .comments .single-comment .reply-info {
position: absolute;
right: 18px;
bottom: 22px;
}
.single-post .comments .single-comment .reply-info ul {
position: relative;
}
.single-post .comments .single-comment .reply-info ul li {
position: relative;
display: inline-block;
margin-right: 10px;
font-size: 15px;
font-family: 'Heebo';
text-transform: capitalize;
}
.single-post .comments .single-comment .reply-info ul li a {
position: relative;
transition: .5s ease;
color: #777;
}
.single-post .comments .single-comment .reply-info ul li a:hover {
color: #f8b54d;
transition: .5s ease;
}
/***
====================================================================
Comment Form
====================================================================
***/
.single-post .comment-form {
position: relative;
}
.single-post .comment-form .form-group{
position:relative;
margin-bottom:30px;
}
.single-post .comment-form .form-group input[type="text"],
.single-post .comment-form .form-group input[type="password"],
.single-post .comment-form .form-group input[type="tel"],
.single-post .comment-form .form-group input[type="email"],
.single-post .comment-form .form-group select{
position:relative;
display:block;
width:100%;
padding: 0px 30px;
color:#777;
font-size: 14px;
border-radius: 0 15px;
font-family: 'Heebo';
border:1px solid #ececec;
height:50px;
transition:all 300ms ease;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
}
.single-post .comment-form .form-group input[type="text"]:focus,
.single-post .comment-form .form-group input[type="password"]:focus,
.single-post .comment-form .form-group input[type="tel"]:focus,
.single-post .comment-form .form-group input[type="email"]:focus,
.single-post .comment-form .form-group select:focus,
.single-post .comment-form .form-group textarea:focus{
border-color:#19a4c6;
}
.single-post .comment-form .form-group textarea{
position:relative;
display:block;
width:100%;
line-height:22px;
padding:25px 30px;
border-radius: 0 15px;
color:#999;
font-family: 'Heebo';
font-size: 14px;
border:1px solid #ececec;
height:170px;
resize:none;
transition:all 300ms ease;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
}
.single-post .comment-form .form-group input.error,
.single-post .comment-form .form-group textarea.error,
.single-post .comment-form .form-group select.error{
border-color:#19a4c6;
}
.single-post .single-post .comment-form .form-group input.error:focus,
.single-post .single-post .comment-form .form-group textarea.error:focus{
border-color:#19a4c6;
box-shadow:0px 0px 3px 0px #19a4c6;
-moz-box-shadow:0px 0px 3px 0px #19a4c6;
-ms-box-shadow:0px 0px 3px 0px #19a4c6;
-o-box-shadow:0px 0px 3px 0px #19a4c6;
-webkit-box-shadow:0px 0px 3px 0px #19a4c6;
}
.single-post .comment-form .contact-form label.error{
display:none !important;
}
.single-post .comment-form button{
font-size: 20px;
font-family: 'Heebo';
text-transform: uppercase;
padding: 11px 36px;
}
/***
====================================================================
Side Bar Style
====================================================================
***/
.sidebar-page .sidebar{
position:relative;
padding:0px 0px 0px;
}
.sidebar .widget{
position:relative;
margin-bottom:40px;
border: 1px solid #ececec;
padding: 35px 30px;
border-radius: 0px 10px;
}
.sidebar .sidebar-title{
position:relative;
padding:10px 0px;
}
.sidebar .sidebar-title h2 {
position: relative;
font-size: 25px;
color: #0b2659;
padding-bottom: 23px;
}
.sidebar .sidebar-title h2 span {
color: #f8b54d;
}
.sidebar .recent-posts .post{
position: relative;
margin-bottom: 25px;
min-height: 135px;
/* padding: 0px 0px 24px 100px;*/
padding: 0px 50px 24px 0px;
border-bottom: 1px solid #eaeaea;
}
/*.user-title-name {
position: absolute;
left: 0px;
top: 75px;
text-align: center;
padding: 10px 0;
}*/
.user-title-name {
position: absolute;
right: 0px;
top: 75px;
text-align: right;
padding: 10px 0;
}
.sidebar .recent-posts .post:last-child{
border-bottom: 0px;
margin-bottom: 0;
}
/*.sidebar .recent-posts .post .post-thumb{
position:absolute;
left:0px;
top:0px;
width:80px;
height:80px;
border-radius: 50%;
overflow: hidden;
}*/
.sidebar .recent-posts .post .post-thumb {
position: absolute;
right: 0px;
top: 0px;
width: 80px;
height: 80px;
border-radius: 50%;
overflow: hidden;
}
.sidebar .recent-posts .post .post-thumb img{
width:100%;
display:block;
}
.sidebar .recent-posts .post h4{
position: relative;
top: 8px;
margin:0px 0px 7px;
line-height:20px;
color:#232323;
}
.sidebar .recent-posts .post .post-info{
font-size:15px;
margin:0px;
line-height:1.6em;
color:#777;
font-family: 'Heebo';
}
.sidebar .recent-posts .post a,
.sidebar .recent-posts .post a:hover{
color:#ff9a00;
transition: .5s ease;
}
.sidebar .recent-posts .post h4 a{
color:#333;
transition: .5s ease;
font-size:16px;
font-family: 'Heebo';
}
.sidebar .recent-posts .post .fa{
font-size:18px;
}
.sidebar-page .contact-info{
position:relative;
font-size:14px;
margin-bottom:30px;
}
.sidebar-page .contact-info .text{
position:relative;
font-size:13px;
font-family: 'Heebo';
margin-bottom:10px;
color:#7f7f7f;
}
.sidebar-page .contact-info li{
position:relative;
margin-bottom:5px;
line-height:1.8em;
color:#7f7f7f;
}
.sidebar-page .contact-info li strong{
position:relative;
padding-right:10px;
font-weight:600;
color:#292929;
}
.sidebar-page .contact-info a{
color:#f17338;
transition:all 300ms ease-in;
-webkit-transition:all 300ms ease-in;
-ms-transition:all 300ms ease-in;
-o-transition:all 300ms ease-in;
-moz-transition:all 300ms ease-in;
}
.sidebar-page .contact-info a:hover{
color:#3d3d3d;
}
/*recent photo*/
/*instagram*/
.recent-photo .instagram {
position: relative;
overflow: hidden;
margin: 0 -5px;
}
.recent-photo .instagram .img-box {
position: relative;
float: left;
margin: 0 2.5px 5px;
}
.sidebar .popular-tags a {
position: relative;
display: inline-block;
line-height: 24px;
padding: 5px 21px;
background: #f7f7f7;
color: #777;
margin: 0px 2px 5px 0px;
text-transform: capitalize;
font-size: 14px;
font-family: 'Heebo';
transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
}
.sidebar .popular-tags a:hover{
background-color:#ff9a00;
color: #fff;
transition: .5s ease;
}
.sidebar .single-post,
.sidebar .list.catagories {
position: relative;
}
.sidebar .list li {
position:relative;
line-height:32px;
padding:10px 0px 10px 0px;
border-bottom:1px solid #f2f2f2;
}
.sidebar .list li:last-child {
border-bottom: 0px;
}
.sidebar .catagories.list li:after{
position:absolute;
content: "";
left:3px;
top:24px;
width:5px;
height:5px;
line-height:32px;
display:block;
background:#8a7bd1;
}
.sidebar .catagories.list li a{
padding-left: 22px;
}
.sidebar .list li a{
position:relative;
display:block;
color:#777;
font-size:16px;
/*font-family: 'dosis';*/
font-family: 'dosis';
transition: .5s ease;
}
.sidebar .list li a:hover{
color:#ff9a00;
transition: .5s ease;
}
.sidebar .recent-gallery{
position:relative;
}
.sidebar .recent-gallery .image{
position:relative;
float:left;
width:33.333%;
padding:0px 10px 10px 0px;
}
.sidebar .recent-gallery .image img{
position:relative;
display:block;
width:100%;
}
/* ==============================
Cart Page styles
============================== */
.cart-section {
position: relative;
padding: 80px 0px;
}
.cart-section ul {
margin: 0;
padding: 0;
}
.cart-section ul li {
list-style: none;
}
.cart-section .thm-btn {
font-size: 16px;
/*font-family: 'dosis-bold';*/
font-family: 'dosis';
padding: 12px 22px;
min-width: 130px;
}
.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%;
/*font-family: 'bubblegum';*/
font-family: 'dosis';
text-transform: capitalize;
font-size: 20px;
border-radius: 7px;
background: #f8b54d;
color: #fff;
}
.cart-table .cart-header .remove span:before {
color: #fff;
}
.cart-table thead tr th {
line-height: 24px;
padding: 20px 15px;
min-width: 120px;
text-align: center;
}
.cart-table thead tr th.prod-column {
text-align: right;
padding-right: 60px;
}
.cart-table tbody tr td {
line-height: 24px;
padding: 43px 20px 43px;
min-width: 100px;
/*font-family: 'dosis-semibold';*/
font-family: 'Heebo';
font-size: 18px;
color: #fba505;
text-align: center;
}
.cart-table tbody tr .qty {
width: 120px;
padding-right: 20px;
}
.cart-table tbody tr .qty .quantity-spinner {
background: #f5f5f5;
}
.cart-table tbody tr .prod-column .column-box {
position: relative;
min-height: 90px;
padding-left: 0;
padding-top: 15px;
text-align: left;
width: 300px;
}
.cart-table tbody tr .prod-column .column-box .prod-thumb {
position: absolute;
right: 0px;
top: -5px;
}
.cart-table tbody tr td.price{
width: 200px;
}
.cart-table tbody tr .prod-column .column-box .prod-thumb img {
display: block;
max-width: 100%;
}
.cart-table tbody tr .prod-column .column-box h3 {
font-size: 14px;
margin: 0 0px 0 0;
margin-top: 0;
margin-bottom: 5px;
color: #8a7bd1;
/* font-family: 'dosis-semibold'; */
font-family: 'Heebo';
text-transform: capitalize;
text-align: right;
position: relative;
bottom: -67px;
}
.cart-table tbody tr .remove-btn {
position: relative;
font-size: 16px;
color: #282828;
line-height: 30px;
-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;
padding-right: 10px;
font-size: 15px;
line-height: 30px;
color: #999;
transition: .5s ease;
}
.cart-table tbody tr .remove-btn .fa:hover {
color: #f8b54d;
transition: .5s ease;
}
.cart-table tbody tr .remove-btn:hover {
color: #f8b54d;
}
.cart-table tbody tr {
border-bottom: 1px solid #e9e9e9;
}
.cart-table tbody tr td {
vertical-align: middle;
}
.cart-table tbody tr td .quantity-spinner {
padding: 5px 0px 5px 20px;
line-height: 24px;
height: 50px;
display: block;
width: 100%;
position: relative;
}
.cart-table tbody .available-info {
position: relative;
padding-left: 50px;
color: #9E9E9E;
font-size: 16px;
}
.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: #012f5d;
border-radius: 50%;
}
.cart-section .apply-coupon {
position: relative;
}
.cart-section .apply-coupon .form-group {
position: relative;
float: left;
margin-right: 20px;
}
.cart-section .apply-coupon .form-group input[type="text"] {
display: block;
line-height: 24px;
padding: 9px 15px;
border: 1px solid #e0e0e0;
border-radius: 0 10px;
width: 230px;
background: none;
font-weight: 500;
outline: none;
height: 50px;
}
.cart-section .estimate-form {
position: relative;
}
.cart-section h3 {
font-size: 24px;
font-weight: 700;
color: #2f2f31;
margin-bottom: 30px;
}
.cart-section .estimate-form .row {
margin-left: -7px;
margin-right: -7px;
}
.cart-section .estimate-form .row .form-group {
padding: 0px 7px !important;
margin-bottom: 20px;
}
.cart-section .totals-table {
position: relative;
}
.cart-section .totals-table .col {
position: relative;
display: block;
float: left;
padding: 10px 15px;
line-height: 24px;
width: 50%;
color: #777;
}
.cart-section .totals-table .col-title {
/*font-family: 'dosis-semibold';*/
font-family: 'Heebo';
font-size: 16px;
color: #777;
}
.cart-section .totals-table .total .col {
color: #f8b54d;
}
.cart-section .totals-table .total .col-title {
color: #f8b54d;
}
.cart-section .totals-table li {
position: relative;
border-bottom: 1px solid #ececec;
}
.cart-section .totals-table li:last-child {
border-bottom: 0px;
}
.cart-section .update-cart-box {
padding-top: 40px;
}
.cart-section .cart-total h3 {
font-size: 20px;
color: #8a7bd1;
margin: 0;
margin-bottom: 40px;
margin-top: 80px;
}
.cart-section .cart-total .thm-btn {
margin-top: 30px;
width: 100%;
text-align: center;
background: #8a7bd1;
font-size: 18px;
/*font-family: 'bubblegum';*/
font-family: 'Heebo';
}
.cart-section .cart-total .thm-btn span {
font-size: 18px;
position: relative;
top: 2px;
left: 6px;
}
.cart-section .estimate-form input {
width: 100%;
border: 2px solid #F8F8F8;
outline: none;
height: 45px;
padding-left: 15px;
}
.cart-section .estimate-form select {
width: 100%;
border: 2px solid #F8F8F8;
outline: none;
height: 45px;
padding-left: 15px;
color: #9E9E9E;
font-size: 16px;
-webkit-appearance: none;
-ms-appearance: none;
-moz-appearance: none;
-o-appearance: none;
background: #ffffff url(../img/resources/icon-dropdown.png) 97% center no-repeat;
cursor: pointer;
}
.cart-section .thm-btn.update-cart {
color: #fff;
min-width: 170px;
}
.cart-section .bootstrap-touchspin .input-group-btn-vertical > .btn {
padding: 12px 11.5px;
}
.cart-section .bootstrap-touchspin .input-group-btn-vertical i {
top: 6px;
left: 7px;
}
/***
====================================================================
Checkout Style
====================================================================
***/
.checkout-page{
position:relative;
padding:80px 0px;
}
.checkout-page .default-links{
position:relative;
margin-bottom:30px;
}
.checkout-page .default-links li{
margin-bottom:30px;
line-height:24px;
padding:17px 20px;
background:#f8b54d;
color:#fff;
font-size:20px;
/*font-family: 'bubblegum';*/
font-family: 'Heebo';
}
.checkout-page .default-links li a{
color:#fff;
}
.checkout-page .billing-details{
position:relative;
margin-bottom:20px;
}
.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;
padding:0px;
font-size:16px;
color: #fc5b4e;
cursor:pointer;
/*font-family: 'dosis-semibold';*/
font-family: 'Heebo';
}
.checkout-page .place-order{
position:relative;
padding:0px;
}
.checkout-page .payment-options{
position:relative;
margin-bottom:30px;
}
.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:#1c1c1c;
cursor:pointer;
}
.checkout-page .payment-options li .radio-option label strong{
font-weight:500;
}
.checkout-page .payment-options li .radio-option input[type="radio"]{
position:absolute;
left:0px;
top:0px;
}
.checkout-page .payment-options li .radio-option label .small-text{
position:relative;
display:block;
margin-top:15px;
margin-left:-30px;
padding:10px 15px;
letter-spacing:0px;
text-transform:none;
font-weight:normal;
font-size:15px;
color:#777;
/*font-family: 'dosis-medium';*/
font-family: 'Heebo';
line-height:20px;
background:#f9f9f9;
}
.checkout-page .payment-options li .radio-option label .small-text:before{
content:'';
position:absolute;
left:40px;
top:-15px;
border:8px solid transparent;
border-bottom:8px solid #f4f5f6;
}
.checkout-page .payment-options li .radio-option label img{
position:relative;
margin-top:-5px;
display:inline-block;
max-width:100%;
padding-left:30px;
}
.checkout-page .place-order .theme-btn{
margin-top: 30px;
width: 100%;
text-align: center;
background: #8a7bd1;
font-size: 18px;
/*font-family: 'bubblegum';*/
font-family: 'Heebo';
}
.default-title{
position:relative;
margin-bottom:30px;
padding-bottom:10px;
}
.default-title h2{
line-height:24px;
color:#8a7bd1;
font-size:20px;
}
.shop-form{
position:relative;
}
.shop-form .form-group{
position:relative;
margin-bottom:20px;
}
.billing-details .shop-form .form-group{
margin-bottom:20px;
}
.shop-form .form-group .field-label{
display: block;
line-height: 24px;
margin-bottom: 10px;
text-transform: capitalize;
color: #232323;
font-size: 16px;
/*font-family: 'dosis-medium';*/
font-family: 'Heebo';
}
.shop-form .form-group .field-label sup{
color: #f8b54d;
font-size: 18px;
position: relative;
top: -1px;
}
.shop-form input[type="text"],
.shop-form input[type="email"],
.shop-form input[type="password"],
.shop-form input[type="tel"],
.shop-form input[type="number"],
.shop-form input[type="url"],
.shop-form select,
.shop-form textarea{
position:relative;
display:block;
width:100%;
background:#ffffff;
/*font-family: 'dosis';*/
font-family: 'Heebo';
color: #777;
line-height:24px;
padding:9px 15px;
height:44px;
border:1px solid #e0e0e0;
border-radius:0px;
transition:all 300ms ease;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
}
.shop-form select{
-webkit-appearance:none;
-ms-appearance:none;
-moz-appearance:none;
-o-appearance:none;
background:#ffffff url(../images/icons/icon-select.png) right center no-repeat;
cursor:pointer;
}
.shop-form select option{
text-indent:15px;
}
.shop-form textarea{
resize:none;
height:120px !important;
}
.upload-form textarea{
height:44px !important;
}
.shop-form input:focus,
.shop-form select:focus,
.shop-form textarea:focus{
border-color:#ccc;
}
.checkout-page .your-order{
position:relative;
margin-bottom:40px;
padding-bottom:30px;
border-bottom:1px solid #e0e0e0;
}
.checkout-page .orders-table{
position:relative;
margin-bottom:30px;
display:table;
width:100%;
vertical-align:middle;
}
.checkout-page .orders-table li{
display:table-row;
line-height:24px;
padding:12px 15px;
}
.checkout-page .orders-table li img{
display:inline-block;
margin-right:10px;
}
.checkout-page .orders-table .table-header,
.checkout-page .orders-table .total{
background:#f4f5f6;
border-bottom:none;
}
.checkout-page .orders-table li:last-child{
border-bottom:none;
margin-bottom:0px;
}
.checkout-page .orders-table .col{
position:relative;
display:table-cell;
vertical-align:middle;
line-height:24px;
padding:15px 15px;
width:50%;;
color: #232323;
/*font-family: 'dosis-medium';*/
font-family: 'Heebo';
font-size: 17px;
}
.checkout-page .orders-table .table-header .col,
.checkout-page .orders-table .total .col{
padding:10px 15px;
border:none;
}
.checkout-page .orders-table li .col:last-child{
text-align:right;
}
.checkout-page .orders-table li .col.st-2 {
color: #8a7bd1;
font-size: 18px;
/*font-family: 'dosis-semibold';*/
font-family: 'Heebo';
border-bottom: 1px solid #ececec;
}
.checkout-page .orders-table li .col.st-3 {
color: #f8b54d;
font-size: 18px;
/*font-family: 'dosis-semibold';*/
}
.checkout-page .orders-table li .col.st-4 {
color: #777;
font-size: 18px;
/*font-family: 'dosis-semibold';*/
font-family: 'Heebo';
}
.checkout-page .orders-table .total{
color:#232323;
}
.checkout-page .proceed-btn{
display:block;
width:100%;
}
.your-order .coupon-code .form-group{
position:relative;
margin-bottom:0px !important;
display:table;
width:100%;
}
.your-order .coupon-code .form-group .field-group{
display:table-cell;
vertical-align:middle;
}
.your-order .coupon-code .form-group .btn-field{
padding-left:15px;
}
.your-order .coupon-code .form-group input{
display: block;
line-height: 24px;
padding: 9px 15px;
border: 1px solid #e0e0e0;
width: 100%;
background: none;
outline: none;
height: 50px;
}
.your-order .coupon-code .form-group button{
font-size: 16px;
/*font-family: 'dosis-bold';*/
font-family: 'Heebo';
padding: 12px 22px;
min-width: 130px;
}
/***
====================================================================
product Page Style
====================================================================
***/
.product-details {
padding: 120px 0;
}
.product-details .img-box-s2 {
position: relative;
margin-bottom: 50px;
}
.product-details .img-box-s2 img {
width: 100%;
}
.product-details .img-box-s2 .outer-box {
border: 1px solid #ececec;
border-top: 0px;
border-radius: 0 0 0 15px;
}
.product-details .img-box-s2.color-style2 .outer-box {
border-color: #ececec;
}
.product-details .img-box-s2 .content {
padding: 45px 45px;
padding-top: 30px;
}
.product-details .img-box-s2 .content .date {
position: relative;
color: #f8b54d;
font-size: 15px;
/*font-family: 'dosis';*/
font-family: 'Heebo';
margin-bottom: 10px;
padding-top: 5px;
}
.product-details .img-box-s2.color-style2 .content .date {
color: #adca69;
}
.product-details .img-box-s2 .content .date span {
margin-right: 20px;
}
.product-details .img-box-s2 .content h3 {
position: relative;
color: #77cabd;
font-size: 24px;
margin-bottom: 10px;
}
.product-details .img-box-s2 .content h3 a {
color: #8a7bd1;
transition: .5s ease;
}
.product-details .img-box-s2 .content h3 a:hover {
color: #232323;
transition: .5s ease;
}
.product-details .img-box-s2.color-style2 .content h3 a {
color: #adca69;
}
.product-details .img-box-s2 .text p {
font-size: 17px;
line-height: 26px;
}
.product-details .img-box-s2 .list {
margin-top: 18px;
}
.product-details .img-box-s2 .list li {
position:relative;
padding:10px 0px 10px 22px;
display:block;
color:#777;
font-size:16px;
/*font-family: 'dosis';*/
font-family: 'Heebo';
transition: .5s ease;
}
.product-details .img-box-s2 .list li:after{
position:absolute;
content: "";
left:3px;
top:20px;
width:6px;
height:6px;
line-height:32px;
display:block;
background:#f8b54d;
}
.sidebar .catagories.list.product-info li:after {
display: none;
}
.sidebar .catagories.list.product-info li {
position: relative;
line-height: 32px;
padding: 10px 0px 10px 20px;
border-bottom: 1px solid #f2f2f2;
font-size: 15px;
color: #232323;
}
.sidebar .catagories.list.product-info li:last-child {
border-bottom: 0px;
}
.sidebar .catagories.list.product-info li span {
color: #777;
}
.sidebar .catagories.list.product-info li i {
color: #888;
font-size: 20px;
position: relative;
top: 4px;
left: -15px;
}
.sidebar .map-section {
border-radius: 0 15px;
overflow: hidden;
height: 270px;
}
.sidebar .map-section .gmnoprint.gm-bundled-control {
display: none;
}
.sidebar .map-section .gmnoprint {
display: none;
}
.sidebar .map-section .gm-style-cc {
display: none;
}
/* ==============================
12. Our Products styles
============================== */
.single-class-content {
padding: 120px 0;
}
.shop-page .single-our-product .img-box {
min-height: 196px;
line-height: 196px;
}
.single-class-content .single-product-carousel-content-box {
text-align: center;
}
.single-class-content .single-product-carousel-content-box img {
width: 100%;
display: inline-block;
}
.single-class-content .single-product-carousel-thumbnail-box {
padding-top: 10px;
}
.single-class-content .single-product-carousel-thumbnail-box .item {
border-radius: 0 10px;
overflow: hidden;
cursor: pointer;
}
.single-class-content .product-info {
position: relative;
}
.single-class-content .product-info .link a {
position: absolute;
right: 0;
top: 0;
border-radius: 50%;
border: 1px solid #ececec;
color: #232323;
margin-top: 30px;
margin-right: 30px;
z-index: 9;
background: #fff;
width: 42px;
height: 42px;
text-align: center;
line-height: 42px;
transition: .5s ease;
}
.single-class-content .product-info .link a:hover {
background: #f8b54d;
color: #fff;
transition: .5s ease;
}
.single-class-content .top-box {
padding-bottom: 20px;
margin-bottom: 28px;
}
.single-class-content .top-box .text-box h3 {
color: #8a7bd1;
font-size: 25px;
margin: 0;
}
.single-class-content .top-box .text-box .box {
margin-top: 10px;
}
.single-class-content .top-box .text-box .box .list-inline,
.single-class-content .top-box .text-box .box span {
display: inline-block;
}
.single-class-content .top-box .text-box .box .list-inline {
margin: 0;
margin-right: 20px;
}
.single-class-content .top-box .text-box .box .list-inline li {
margin: 0;
padding: 0;
}
.single-class-content .top-box .text-box .box .list-inline span {
display: block;
}
.single-class-content .top-box .text-box .box .list-inline span i {
color: #f8b54d;
font-size: 12px;
}
.single-class-content .top-box .text-box .box .list-inline span.no-star i {
color: #777;
}
.single-class-content .top-box .text-box .box > span {
color: #777;
font-size: 16px;
/*font-family: 'dosis';*/
font-family: 'Heebo';
}
.single-class-content .top-box .price-box {
color: #f8b54d;
font-size: 22px;
/*font-family: 'dosis-semibold';*/
font-family: 'Heebo';
border-top: 1px solid #ececec;
padding-top: 18px;
}
.single-class-content .top-box .extra-price {
color: #777;
font-size: 16px;
/*font-family: 'dosis';*/
font-family: 'Heebo';
border-bottom: 1px solid #ececec;
padding-bottom: 18px;
}
.single-class-content .text {
margin: 20px 0;
}
.single-class-content .text p {
line-height: 26px;
}
.single-class-content .thm-btn {
font-size: 14px;
padding: 7px 37px;
}
.single-class-content .bottom-box {
position: relative;
padding-left: 37px;
}
.single-class-content .bottom-box .input-box span {
position: absolute;
left: 0;
top:10px;
/*font-family: 'dosis-bold';*/
font-family: 'Heebo';
font-size: 18px;
color: #8a7bd1;
}
.single-class-content .bottom-box .input-box {
width: 90px;
height: 46px;
margin-top: 2px;
margin-right: 20px;
}
.single-class-content .bottom-box .input-box input {
border: 1px solid #ECECEC;
width: 100%;
height: 100%;
line-height: 44px;
outline: none;
display: block;
padding-left: 35px;
border-radius: 0 10px;
}
.single-class-content .bottom-box .thm-btn {
font-size: 16px;
/*font-family: 'dosis-bold';*/
font-family: 'Heebo';
padding: 12px 22px;
min-width: 150px;
margin-right: 20px;
}
.single-class-content .share-box a {
border: 1px solid #ECECEC;
width: 100%;
height: 100%;
line-height: 44px;
outline: none;
display: block;
border-radius: 0 10px;
margin-top: 2px;
padding: 0 17px;
}
.single-class-content .tab-box {
margin-top: 50px;
}
.single-class-content .tab-box .tab-title ul,
.single-class-content .tab-box .tab-title li {
margin: 0;
padding: 0;
list-style: none;
}
.single-class-content .tab-box .tab-title ul {
padding-left: 5px;
}
.single-class-content .tab-box .tab-title ul li {
display: inline;
margin-left: -4px;
position: relative;
}
.single-class-content .tab-box .tab-title ul li.active a,
.single-class-content .tab-box .tab-title ul li:hover a {
color: #8a7bd1;
}
.single-class-content .tab-box .tab-title ul li a {
display: inline-block;
/*font-family: 'dosis';*/
font-family: 'Heebo';
font-size: 18px;
color: #fba505;
border-radius: 0 10px;
line-height: 38px;
padding: 5px 40px;
border: 1px solid #ECECEC;
transition: all .5s ease;
margin-right: 10px;
}
.single-class-content .tab-box .tab-content .single-tab-content {
padding-top: 30px;
}
.single-class-content .tab-box .tab-content h3 {
/*font-family: 'Oswald', sans-serif;*/
font-family: 'Heebo';
font-size: 18px;
text-transform: uppercase;
color: #000000;
margin: 0;
font-weight: bold;
margin-bottom: 12px;
}
.single-class-content .tab-box .tab-content p {
line-height: 26px;
padding: 30px;
border: 1px solid #ececec;
border-radius: 0 10px;
}
.single-class-content .related-popular-class .main-title {
margin-bottom: 10px;
}
.single-class-content .related-popular-class .owl-theme .owl-nav {
margin-top: -42px;
}
.single-class-content .tab-box .tab-title ul li .curve-bottom {
position: absolute;
bottom: -29px;
left: 50%;
margin-left: -15px;
margin-top: -15px;
height: 15px;
width: 30px;
overflow: hidden;
opacity: 0;
visibility: hidden;
}
.single-class-content .tab-box .tab-title ul li .curve-bottom:after {
position: absolute;
content: '';
top: -25px;
left: 0px;
height: 30px;
border: 1px solid #ececec;
width: 30px;
background: #fff;
transform: rotate(-45deg);
}
.single-class-content .tab-box .tab-title ul li.active .curve-bottom,
.single-class-content .tab-box .tab-title ul li:hover .curve-bottom {
opacity: 1;
visibility: visible;
transition: .5s ease;
}
.two-column.user-list .content-column .content {
padding: 0;
margin-left: 0;
}
.two-column.user-list .content-column .content .class-time p {
color: #fff;
font-size: 15px;
line-height: 26px;
margin-bottom: 0;
}
.two-column.user-list .content-column .content {
padding: 0;
margin-left: 0;
border-radius: 0 0 5px;
}
.custom-file {
position: relative;
overflow: hidden;
margin-bottom: 0;
width: 100% !important;
display: inline-block;
border: 1px solid #ccc;
padding: 0px 0px 0px;
text-align: center;
}
.custom-file.uploadtaskfile {
/*padding: 54px 0px 0px;
width: 94% !important;*/
position: relative;
font-size: 20px;
border: 2px solid #fff;
display: inline-block;
min-width: 150px;
border-radius: 8px;
box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.15);
overflow: visible;
transition: all .6s ease-out;
background: linear-gradient(to left, #efce5f 50%, #f0b701 50%);
background-size: 200% 100%;
background-position: left bottom;
font-weight: 700;
width: 150px !important;
margin-bottom: 10px;
height: 43px;
}
.custom-file label.custom-file-label {
/* height: 100%;
position: absolute;
top: 8px;
cursor: pointer;
color: #fff;
right: 38px;
font-weight: 700;*/
height: 100%;
position: absolute;
top: 5px;
cursor: pointer;
right: 24px;
font-weight: 700;
color: #fff !important;
}
.custom-file-input {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
cursor: pointer;
opacity: 0;
z-index: 100;
padding: 20px;
}
.custom-file img{
display:inline-block;
vertical-align:middle;
margin-right:5px;
}
ul#fileList {
width: 100%;
font-size: 14px;
text-align: left;
}
label.custom-file-label {
font-weight: 500;
}
ul.file-list li{
border-bottom:1px solid #ddd;
padding:5px;
}
.remove-list{
cursor:pointer;
margin-left:10px;
}
.activities-form .btn-style-one {
/* position: relative;
font-size: 20px;
border: 2px solid transparent;
text-transform: capitalize;
background: #fba505;
display: inline-block;
min-width: 170px;
color: #fff;
padding: 14px 36px;
transition: .5s ease-in;
border-radius: 0 15px 0 15px;*/
position: relative;
font-size: 20px;
border: 2px solid #fff;
display: inline-block;
text-align: center;
border-radius: 8px;
box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.15);
overflow: visible;
transition: all .6s ease-out;
background: linear-gradient(to left, #efce5f 50%, #f0b701 50%);
background-size: 200% 100%;
background-position: left bottom;
font-weight: 700;
padding: 10px;
color: #fff;
}
.taskmessagebtn a {
padding: 10px;
color: #fff;
text-align: center;
}
.contact-box a.show-popup {
text-align: center;
float: left;
color: #474747;
font-size: 20px;
font-family: 'Heebo';
}
input#forgotemailaddress {
position: relative;
width: 100%;
line-height: 24px;
font-size: 14px;
font-family: 'Heebo';
color: #777;
background: #fafafa;
border: 1px solid #ececec;
border-radius: 3px;
height: 60px;
padding: 5px 36px;
}
.grey-btn{
background-color: #A9A9A9 !important;
background: #A9A9A9 !important;
}
.green-btn{
background-color: #adcb69 !important;
background: #adcb69 !important;
}
.dark-pink-btn{
background-color: #ec4f74 !important;
background: #ec4f74 !important;
}
.light-green-btn{
background-color: #5bc89f !important;
background: #5bc89f !important;
}
.purple-btn{
background: #c428e0 !important;
background-color: #c428e0 !important;
}
.light-sky-blue-btn{
background-color: #22eff7 !important;
background: #22eff7 !important;
}
.yellow-btn{
background-color: #f5ea2e !important;
background: #f5ea2e !important;
}
.light-pink-btn{
background-color: #ec4f74 !important;
background: #ec4f74 !important;
}
.dark-blue-btn{
background-color: #03376a !important;
background: #03376a !important;
}
.dark-pink-btn{
background-color: #f10ed6 !important;
background: #f10ed6 !important;
}
.editbtn {
position: relative;
left: 10px;
margin-top: -50px;
margin-bottom: 30px;
text-align: center;
float: left;
}
.editbtn a {
padding: 11px 15px;
}
.mainmenu-area ul li.current-menu-item a {
color: #f0b701;
background-color: #eee;
}
.mainmenu-area ul li.current-menu-item a:before {
-webkit-transform: translateY(8px);
transform: translateY(8px);
}
.task-header.cart-header {
padding: 20px;
color: #fff;
text-transform: capitalize;
font-weight: 600;
margin-bottom: 30px;
font-family: 'Heebo';
}
.task-upload .col-lg-6, .task-upload .col-lg-12 {
padding-left: 0;
padding-right: 5px;
}
h3.prod-title {
font-size: 15px;
margin: 10px 0px 0 10px;
margin-bottom: 5px;
color: #0b2659;
font-family: 'Heebo';
text-transform: capitalize;
text-align: center;
}
.task-upload .col-lg-7 p {
font-size: 15px;
line-height: 26px;
color: #333;
padding-top: 20px;
}
.task-upload .col-lg-12 {
margin-bottom: 30px;
}
.task-upload {
margin-bottom: 20px;
}
.task-upload .col-lg-6 {
margin-bottom: 20px;
}
.upload-task {
text-align: center;
}
.task-upload .col-md-12 {
border-bottom: 1px solid #e9e9e9;
}
.task-upload .text .media .media-body p {
color: #333;
}
.link-btn a {
padding: 11px 15px;
color: #fff;
}
.ifrmassec {
margin-bottom: 30px;
}
.upload-task img {
height: 92px;
width: 160px;
object-fit: cover;
display: inline-block;
}
/*.upload-task {
border: 2px solid red;
padding: 20px;
}*/
/*.post .icon {
position: relative;
height: 40px;
color: #fff;
width: 40px;
margin: 0 auto;
border-radius: 0 15px 0 15px;
text-align: center;
transition: .5s ease-in;
margin-bottom: 0;
display: inline-block;
}*/
.post .icon {
position: relative;
height: 40px;
color: #fff;
width: 40px;
border-radius: 0 15px 0 15px;
text-align: right;
transition: .5s ease-in;
margin-bottom: 0;
left: -100px;
float: right;
margin-right: 8px;
margin-bottom: 8px;
}
.single-post .post .icon{
left: unset;
float: unset;
margin-right: 4px;
display:inline-block;
z-index:1;
}
.sidebar .recent-posts .post{
padding: 0px 110px 24px 0px;
}
.single-post .icon span {
position: absolute;
top: 35%;
right: 1%;
height: 40px;
width: 40px;
z-index: -1;
background-size: cover;
text-align: center;
}
.upload-task a i {
font-size: 40px;
}
.contact-us .custom-file {
position: relative;
font-size: 20px;
border: 2px solid #fff;
display: inline-block;
min-width: 150px;
border-radius: 8px;
box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.15);
overflow: visible;
transition: all .6s ease-out;
background: linear-gradient(to left, #efce5f 50%, #f0b701 50%);
background-size: 200% 100%;
background-position: left bottom;
font-weight: 700;
width: 150px !important;
margin-bottom: 10px;
height: 43px;
}
.contact-box input.activitymessage {
width: 100%;
border-radius: 0;
border-color: #ccc;
color: #333;
}
/*.contact-box {
border: 1px solid #ccc;
padding: 35px 35px 25px;
margin-bottom: 50px;
border-radius: 10px;
}*/
.team-list .item .img-holder img {
height: 250px;
width: 250px;
padding: 20px;
border: 1px solid #333;
}
.overlay-bg {
display: none;
position: absolute;
top: 0;
left: 0;
height:100%;
width: 100%;
cursor: pointer;
z-index: 1000; /* high z-index */
background: #000; /* fallback */
background: rgba(0,0,0,0.75);
}
.overlay-content {
display: none;
background: #fff;
padding: 1%;
width: 35%;
position: absolute;
top: 15%;
left: 55%;
margin: 0 0 0 -20%;
cursor: default;
z-index: 10001;
border-radius: 4px;
box-shadow: 0 0 5px rgba(0,0,0,0.9);
padding: 50px;
}
.close-btn {
cursor: pointer;
border: 1px solid #333;
padding: 5px 9px;
background: #fff;
border-radius: 50%;
box-shadow: 0 0 4px rgba(0,0,0,0.3);
top: -14px;
right: -9px;
position: absolute;
}
.close-btn:hover {
background: #0b2659;
color: #fff;
}
.forgetbtn button#submit {
color: #fff;
}
.login-btn {
text-align: right;
}
.mask {
display: none;
position: fixed;
top: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.8);
}
.mask .img-box {
width: 100%;
max-width: 650px;
padding: 10px;
background: #fff;
position: relative;
top: 50%;
left: 0%;
transform: translate(-50%, -50%);
}
.mask .img-box img {
width: 100%;
}
.mask .img-box .close {
color: #000;
background: rgba(255, 255, 255, 0.8);
width: 30px;
height: 30px;
text-align: center;
line-height: 30px;
position: absolute;
top: -35px;
right: -35px;
font-size: 24px;
font-weight: bold;
border-radius: 50%;
cursor: pointer;
}
.mask .img-box .close:hover {
background: white;
}
.is-visible {
display: block !important;
}
.fadein {
animation: fadein 400ms ease-in-out;
}
.errormsg, .error-msg {
color: red;
}
/*.tabbtn-1 a {
background: #adcb69 !important;
background-color: #adcb69 !important;
}
.tabbtn-2 a {
background: #ec4f74 !important;
background-color: #ec4f74 !important;
}
.tabbtn-3 a {
background: #5bc89f !important;
background-color: #5bc89f !important;
}
.tabbtn-4 a {
background: #1cc6df !important;
background-color: #1cc6df !important;
}
.tabbtn-5 a {
background: #c428e0 !important;
background-color: #c428e0 !important;
}
.tabbtn-6 a {
background: #22eff7 !important;
background-color: #22eff7 !important;
}*/
.fade {
opacity: 0;
-webkit-transition: opacity .15s linear;
-o-transition: opacity .15s linear;
transition: opacity .15s linear;
}
.modal-open .modal {
overflow-x: hidden;
overflow-y: auto;
}
.fade.in {
opacity: 1;
}
.modal {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1050;
display: none;
overflow: hidden;
-webkit-overflow-scrolling: touch;
outline: 0;
}
.in {
opacity: 1;
filter: alpha(opacity=100);
}
.modal.in .modal-dialog {
-webkit-transform: translate(0,0);
-ms-transform: translate(0,0);
-o-transform: translate(0,0);
transform: translate(0,0);
}
.modal.fade .modal-dialog {
-webkit-transition: -webkit-transform .3s ease-out;
-o-transition: -o-transform .3s ease-out;
transition: transform .3s ease-out;
-webkit-transform: translate(0,-25%);
-ms-transform: translate(0,-25%);
-o-transform: translate(0,-25%);
transform: translate(0,-25%);
}
.modal-dialog {
position: relative;
width: auto;
margin: 100px 10px 0;
}
.modal-content {
position: relative;
background-color: #fff;
-webkit-background-clip: padding-box;
background-clip: padding-box;
border: 1px solid #999;
border: 1px solid rgba(0,0,0,.2);
border-radius: 6px;
outline: 0;
-webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
box-shadow: 0 3px 9px rgba(0,0,0,.5);
}
.modal-header .close {
margin-top: -2px;
}
button.close {
-webkit-appearance: none;
padding: 0;
cursor: pointer;
background: 0 0;
border: 0;
}
.close {
float: right;
font-size: 21px;
font-weight: 700;
line-height: 1;
color: #000;
text-shadow: 0 1px 0 #fff;
filter: alpha(opacity=20);
opacity: .2;
}
.modal-body {
position: relative;
padding: 15px;
}
.modal-header {
padding: 15px;
border-bottom: 1px solid #e5e5e5;
}
.modal-body img {
width: 100%;
}
.contact-box.shop-form .col-md-8.col-xs-12 .form-group.col-md-6 {
padding-right: 0;
}
@media (min-width: 768px){
.modal-dialog {
width: 600px;
margin: 160px auto;
}
.modal-content {
-webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5);
box-shadow: 0 5px 15px rgba(0,0,0,.5);
}
}
@keyframes fadein {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.fadeout {
animation: fadeout 400ms ease-in-out;
}
@keyframes fadeout {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
/* media query for most mobile devices */
@media only screen and (min-width: 0px) and (max-width: 480px){
.overlay-content {
width: 96%;
margin: 0 2%;
left: 0;
}
}
@media only screen and (max-width: 767px){
.task-upload .col-md-12 .col-lg-12 {
min-height: 150px;
}
.popular-class .inner-box .class-name {
text-align: right !important;
}
.footer .container .pull-left {
float: none !important;
direction: rtl;
text-align: center !important;
}
.footer .copy-right {
float: none;
}
.footer .container .pull-right {
float: none !important;
direction: initial;
text-align: center !important;
}
.overlay-content{
padding: 51px 10px 20px;
}
.overlay-content {
width: 90%;
margin: 0 5%;
left: 0;
}
.container .col-md-6 {
float: none;
}
.default-portfolio-item .image-box img {
height: auto;
width: 100%;
padding: 20px;
border-radius: 0 15px;
border: 1px solid #333;
}
.contact-box .form-group.col-lg-12.center {
clear: both;
}
.editbtn {
position: absolute;
left: 10px;
margin-top: 50px;
margin-bottom: 30px;
text-align: center;
float: left;
top: 0;
}
div#appendgallery {
text-align: center;
}
.about .post-content .link a{
font-size: 15px;
}
.see-more .btn-style-one {
margin-bottom: 10px;
}
.container .col-md-4 {
float: right;
width: 100%;
}
.default-portfolio-item .overlay-box{
height: auto;
width: 100%;
}
.default-portfolio-item .overlay-inner{
padding: 20px 30px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px){
.popular-class .img-holder img {
max-height: 350px;
}
.editbtn {
position: absolute;
left: 30px;
margin-top: -50px;
margin-bottom: 30px;
text-align: center;
float: left;
}
h3.prod-title {
margin: 10px 10px 0 10px;
text-align: right;
}
.default-portfolio-item .image-box img {
width: 100%;
}
.about .img-box img {
width: 100%;
border-radius: 15px 15px 15px 15px;
height: 400px;
object-fit: cover;
}
.form-group.col-lg-12.center {
clear: both;
}
.overlay-content{
width: 60%;
left: 41%;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px){
.popular-class .img-holder img {
max-height: 290px;
}
.editbtn {
position: absolute;
left: 40px;
margin-top: -74px;
margin-bottom: 30px;
text-align: center;
float: left;
}
h3.prod-title {
margin: 10px 10px 0 10px;
text-align: right;
}
.default-portfolio-item .image-box img {
width: 100%;
}
.about .img-box img {
width: 100%;
border-radius: 15px 15px 15px 15px;
height: 400px;
object-fit: cover;
}
.two-column .tab-list li{
width: 194px;
}
}