@import url('https://fonts.googleapis.com/css?family=Arimo:400,400i,700,700i|Montserrat:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i|Raleway:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i');
@import url('font-awesome.css');
@import url('flaticon.css');
@import url('animate.css');
@import url('owl.css');
@import url('jquery-ui.css');
@import url('jquery.fancybox.min.css');
@import url('jquery.bootstrap-touchspin.css');
@import url('jquery.mCustomScrollbar.min.css');
/***
====================================================================
Reset
====================================================================
***/
* {
margin:0px;
padding:0px;
border:none;
outline:none;
/* user-select: none; */
}
/***
====================================================================
Scrollbar Style
====================================================================
***/
/* width */
::-webkit-scrollbar {
width: 7px;
}
/* Track */
::-webkit-scrollbar-track {
border-radius: 5px;
}
/* Handle */
::-webkit-scrollbar-thumb {
background: #2ecc4050;
border-radius: 5px;
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
background: #2ECC40;
}
/***
====================================================================
Global Settings
====================================================================
***/
body {
font-family: 'Arimo', sans-serif;
font-size:14px;
color:#777777;
line-height:1.7em;
font-weight:400;
background:#ffffff;
-webkit-font-smoothing: antialiased;
-moz-font-smoothing: antialiased;
}
.bordered-layout .page-wrapper{
padding:0px 50px 0px;
}
a{
text-decoration:none;
cursor:pointer;
color:#2ecc40;
}
a:hover,a:focus,a:visited{
text-decoration:none;
outline:none;
}
h1,h2,h3,h4,h5,h6 {
position:relative;
font-weight:normal;
margin:0px;
background:none;
line-height:1.6em;
font-family: 'Montserrat', sans-serif;
}
input,button,select,textarea{
font-family: 'Montserrat', sans-serif;
}
textarea{
overflow:hidden;
}
p{
position:relative;
line-height:1.8em;
}
.gray_bg{
background-color:#f5f5f5;
}
.auto-container{
position:static;
max-width:1200px;
padding:0px 15px;
margin:0 auto;
}
.medium-container{
max-width:850px;
}
.page-wrapper{
position:relative;
margin:0 auto;
width:100%;
min-width:300px;
}
ul,li{
list-style:none;
padding:0px;
margin:0px;
}
img{
display:inline-block;
max-width:100%;
}
.theme-btn{
display:inline-block;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.centered{
text-align:center;
}
/*List Style One*/
.list-style-one{
position:relative;
}
.list-style-one li{
position:relative;
color:#333333;
font-size:16px;
padding-left:70px;
font-weight:700;
padding-top:14px;
margin-bottom:40px;
}
.list-style-one li .icon{
position:absolute;
left:0px;
top:0px;
color:#2ecc40;
font-size:50px;
line-height:1em;
font-weight:300;
}
/*List Style Two*/
.list-style-two{
position:relative;
}
.list-style-two li{
position:relative;
color:#666666;
font-size:14px;
padding-left:70px;
font-weight:400;
margin-right:70px;
display:inline-block;
}
.list-style-two li:last-child{
margin-right:0px;
}
.list-style-two li strong{
position:relative;
color:#333333;
font-size:17px;
font-weight:700;
display:block;
}
.list-style-two li .icon{
position:absolute;
left:0px;
top:0px;
width:42px;
height:42px;
color:#2ecc40;
font-size:20px;
line-height:40px;
font-weight:300;
text-align:center;
border-radius:50%;
border:1px solid #2ecc40;
}
/*List Style Three*/
.list-style-three{
position:relative;
}
.list-style-three li{
position:relative;
color:#666666;
font-size:14px;
padding-left:70px;
font-weight:400;
margin-bottom:30px;
}
.list-style-three li:last-child{
margin-right:0px;
}
.list-style-three li strong{
position:relative;
color:#333333;
font-size:17px;
font-weight:700;
display:block;
}
.list-style-three li .icon{
position:absolute;
left:0px;
top:0px;
width:42px;
height:42px;
color:#2ecc40;
font-size:20px;
line-height:40px;
font-weight:300;
text-align:center;
border-radius:50%;
border:1px solid #2ecc40;
}
/*Btn Style One*/
.btn-style-one{
position:relative;
padding:12px 28px 11px;
line-height:24px;
text-transform:capitalize;
background:#2ecc40;
color:#222222;
border:2px solid #2ecc40;
font-size:14px;
font-weight:500;
border-radius:50px;
font-family: 'Montserrat', sans-serif;
cursor: pointer;
}
.btn-style-one:hover{
background:#333333;
color:#ffffff;
border-color:#333333;
}
/*Btn Style Two*/
.btn-style-two{
position:relative;
padding:12px 30px 11px;
line-height:24px;
text-transform:capitalize;
background:none;
color:#ffffff;
border:2px solid #ffffff;
font-size:14px;
font-weight:500;
border-radius:50px;
font-family: 'Montserrat', sans-serif;
}
.btn-style-two:hover{
background:#2ecc40;
color:#ffffff;
border-color:#2ecc40;
}
/*Btn Style Three*/
.btn-style-three{
position:relative;
padding:11px 30px 11px;
line-height:24px;
text-transform:capitalize;
background:none;
color:#222222;
border:2px solid #2ECC40;
font-size:16px;
font-weight:700;
border-radius:50px;
font-family: 'Arimo', sans-serif;
}
.btn-style-three:hover{
background:#2ecc40;
color:#ffffff;
border-color:#2ecc40;
}
/*Social Icon One*/
.social-icon-one{
position:relative;
}
.social-icon-one li{
position:relative;
margin:0px 6px;
display:inline-block;
}
.social-icon-one li a{
position:relative;
font-size:16px;
color:#ffffff;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.social-icon-one li a:hover{
color:#2ecc40;
}
/*Social Icon Two*/
.social-icon-two{
position:relative;
}
.social-icon-two li.follow{
position:relative;
color:#ffffff;
font-size:20px;
margin-left:0px;
font-family: 'Montserrat', sans-serif;
}
.social-icon-two li{
position:relative;
margin-left:13px;
display:inline-block;
font-weight:600;
}
.social-icon-two li a{
position:relative;
font-size:16px;
margin-bottom:10px;
color:#ffffff;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.social-icon-two li a:hover{
color:#2ecc40;
}
/*Social Icon Three*/
.social-icon-three{
position:relative;
}
.social-icon-three li{
position:relative;
margin-left:5px;
display:inline-block;
font-weight:600;
}
.social-icon-three li a{
position:relative;
width:40px;
height:40px;
font-size:16px;
margin-bottom:10px;
color:#333333;
line-height:38px;
text-align:center;
display:inline-block;
border:2px solid #dddddd;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.social-icon-three li a:hover{
color:#2ecc40;
}
.theme_color{
color:#2ecc40;
}
.preloader{ position:fixed; left:0px; top:0px; width:100%; height:100%; z-index:999999; background-color:#ffffff; background-position:center center; background-repeat:no-repeat; background-image:url(../images/icons/load.gif);}
img{
display:inline-block;
max-width:100%;
height:auto;
}
/***
====================================================================
Scroll To Top style
====================================================================
***/
.scroll-to-top{
position:fixed;
bottom:15px;
right:15px;
width:56px;
height:56px;
color:#ffffff;
font-size:22px;
text-transform:uppercase;
line-height:56px;
text-align:center;
z-index:100;
cursor:pointer;
background:#0a0a0a;
display:none;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.scroll-to-top:hover{
color:#ffffff;
background:#2ecc40;
}
/***
====================================================================
Section Title
====================================================================
***/
.sec-title{
position:relative;
margin-bottom:70px;
}
.sec-title h2{
position:relative;
color:#333333;
font-size:36px;
font-weight:700;
line-height:1.4em;
padding-bottom:20px;
}
.sec-title .separater{
position:relative;
width:100px;
height:2px;
background-color:#333333;
}
.sec-title .separater:before{
position:absolute;
content:'';
right:0px;
bottom:-4px;
width:10px;
height:10px;
display:inline-block;
background-color:#2ecc40;
}
.sec-title.centered .separater{
left:50%;
margin-left:-50px;
}
.sec-title .text{
position:relative;
color:#333333;
font-size:18px;
margin-top:32px;
}
.sec-title.centered h2:after{
left:50%;
margin-left:-30px;
}
.sec-title.light .separater{
background-color:#ffffff;
}
.sec-title.centered .separater:before{
left:50%;
right:auto;
margin-left:-5px;
}
.sec-title.light h2{
color:#ffffff;
}
/***
====================================================================
Main Header style
====================================================================
***/
.main-header{
position:relative;
z-index:999;
width:100%;
}
.main-header .header-top{
position:relative;
top:40px;
margin-top:-40px;
background-color:#222222;
}
.main-header .header-top .top-left ul li{
position:relative;
color:#ffffff;
font-size:14px;
margin-right:70px;
display:inline-block;
}
.main-header .header-top .top-left ul li span{
position:relative;
top:2px;
margin-right:10px;
color:#2ecc40;
font-size:16px;
line-height:1em;
}
.main-header .header-top .top-left{
position:relative;
padding:18px 0px;
}
.main-header.header-style-two .header-top .top-left{
padding:14px 0px;
}
.main-header .header-top .top-right{
position:relative;
text-align:right;
padding:10px 0px;
}
.main-header.header-style-two .header-top .top-right{
padding:10px 0px;
}
.main-header .header-top .top-right .social-nav{
position:relative;
float:left;
z-index:1;
margin-top:10px;
margin-right:45px;
}
.main-header.header-style-two .header-top .top-right .social-nav{
margin-top:7px;
margin-right:0px;
}
.main-header .header-top .top-right .social-nav li{
position:relative;
padding-left:15px;
display:inline-block;
}
.main-header .header-top .top-right .social-nav li a{
position:relative;
color:#ffffff;
font-size:16px;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.main-header .header-top .top-right .social-nav li a:hover{
color:#2ecc40;
}
.main-header.header-style-two .header-top .top-right .social-nav li a:hover{
color:#222222;
}
.main-header .search-box{
position:relative;
float:left;
}
.main-header .search-box .form-group{
position:relative;
margin:0px;
}
.main-header .search-box .form-group input[type="text"],
.main-header .search-box .form-group input[type="search"]{
position:relative;
line-height:25px;
padding:10px 50px 10px 20px;
background:rgba(255,255,255,0.10);
display:block;
font-size:14px;
height:40px;
width:270px;
float:right;
color:#ffffff;
border-radius:50px;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.main-header .search-box .form-group input::-webkit-input-placeholder{
color:rgba(255,255,255,1);
}
.main-header .search-box .form-group button{
position:absolute;
right:0px;
top:0px;
height:40px;
width:45px;
display:block;
font-size:14px;
color:#ffffff;
line-height:100%;
font-weight:normal;
background:none;
}
.main-header .main-box .logo-box{
position:relative;
float:left;
left:0px;
z-index:10;
padding:30px 0px;
}s
.main-header .main-box .logo-box .logo img{
display:inline-block;
max-width:100%;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.main-header .nav-toggler{
position:absolute;
top:50%;
margin-top:0px;
display: block;
}
.main-header .nav-toggler button{
position:relative;
display:block;
color:#444444;
text-align:center;
font-size:24px;
line-height:34px;
font-weight:normal;
background:none;
}
.main-header .header-upper{
position:relative;
top:40px;
}
.main-header .header-upper .upper-right{
padding-top:40px;
}
.main-header .nav-outer{
position:relative;
bottom:-40px;
padding:0px 0px 0px 35px;
background-color:#222222;
}
.header-style-two .header-top{
background-color:#2ecc40;
top:auto;
margin-top:0px;
}
.main-header.header-style-two .header-top .top-left li{
color:#222222;
font-size:14px;
}
.main-header.header-style-two .header-top .top-left li span{
font-weight:700
}
.header-style-three{
position:absolute;
}
.header-style-two .nav-outer,
.header-style-three .nav-outer{
position: static;
background:none;
margin:0px;
float:right;
bottom:auto;
padding-left:0px;
}
.header-style-three .nav-outer .main-menu{
padding-top:35px;
}
.header-style-two .nav-outer .outer-box,
.header-style-three .nav-outer .outer-box{
position:relative;
float:right;
margin-top:46px;
margin-left:35px;
}
.header-style-two .nav-outer .outer-box .contact-number{
position:relative;
padding-left:45px;
color:#666666;
font-size:14px;
font-weight:700;
}
.header-style-three .nav-outer .outer-box .contact-number{
color:#666666;
position:relative;
padding-left:50px;
font-size:14px;
font-weight:700;
}
.header-style-two .nav-outer .outer-box .contact-number .icon,
.header-style-three .nav-outer .outer-box .contact-number .icon{
position:absolute;
left:0px;
top:0px;
color:#2ecc40;
line-height:1em;
font-size:40px;
font-weight:400;
}
.header-style-two .nav-outer .outer-box .contact-number strong{
color:#222222;
font-size:18px;
display:block;
}
.header-style-three .nav-outer .outer-box .contact-number strong{
color:#ffffff;
font-size:18px;
display:block;
}
.main-header .header-upper .logo-box{
padding:30px 0px;
}
.main-header .info-box{
position:relative;
float:left;
min-height:56px;
margin-left:50px;
font-size:13px;
color:#777777;
text-align:left;
text-transform:uppercase;
padding:0px 0px 20px 50px;
}
.main-header .info-box:last-child .theme-btn{
padding:11px 22px 10px;
}
.main-header .info-box .icon-box{
position:absolute;
left:0px;
top:6px;
color:#2ecc40;
font-size:34px;
line-height:1em;
-moz-transition:all 300ms ease;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
transition:all 300ms ease;
}
.main-header .info-box li{
position:relative;
line-height:20px;
color:#777777;
font-size:16px;
margin-bottom:6px;
font-weight:400;
text-transform:capitalize;
}
.main-header .info-box strong{
position:relative;
font-weight:500;
color:#333333;
font-size:18px;
font-family: 'Montserrat', sans-serif;
}
.main-header .info-box .quote-btn{
position: relative;
line-height: 24px;
color: #1f1f1f;
font-size: 16px;
font-weight: 600;
padding:14px 38px;
border-radius:50px;
background:none;
text-transform: uppercase;
border:2px solid #f2f2f2;
}
.main-header .info-box .quote-btn:hover{
color:#ffffff;
border-color:#26447b;
background-color:#26447b;
}
.main-menu{
position:static;
float:left;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.main-menu .navbar-collapse{
padding:0px;
}
.main-menu .navigation{
position:static;
margin:0px;
}
.main-menu .navigation > li{
position:relative;
float:left;
margin:0px 25px;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.main-menu .navigation > li:last-child::after{
display:none;
}
.main-menu .navigation > li:before{
position:absolute;
content:'';
left:0px;
bottom:0px;
width:100%;
height:2px;
opacity:0;
background-color:#2ecc40;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.main-menu .navigation > li:after{
position:absolute;
content:'';
left:50%;
bottom:0px;
opacity:0;
margin-left:-6px;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-bottom: 8px solid #2ecc40;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.header-style-two .main-menu .navigation > li:before{
bottom:40px;
}
.main-menu .navigation > li:hover::before,
.main-menu .navigation > li.current::before,
.main-menu .navigation > li:hover::after,
.main-menu .navigation > li.current::after{
opacity:1;
}
.sticky-header .main-menu .navigation > li > a{
padding:20px 0px !important;
color:#444444 !important;
font-size: 14px;
text-transform: uppercase !important;
}
.sticky-header .main-menu .navigation > li > a:after{
opacity:0 !important;
}
.sticky-header .main-menu .navigation > li:hover > a,
.sticky-header .main-menu .navigation > li.current > a{
color:#2ecc40 !important;
}
.sticky-header .nav-outer .options-box{
margin-top:26px;
}
/*Sticky Header*/
.sticky-header{
position:fixed;
opacity:0;
visibility:hidden;
left:0px;
top:0px;
width:100%;
padding:0px 0px;
background:#ffffff;
box-shadow: 0px 0px 5px #0000003d;
z-index:0;
border-bottom:1px solid #e6e6e6;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.sticky-header .logo{
padding:10px 0px 10px;
}
.fixed-header .sticky-header{
z-index:999;
opacity:1;
visibility:visible;
-ms-animation-name: fadeInDown;
-moz-animation-name: fadeInDown;
-op-animation-name: fadeInDown;
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
-ms-animation-duration: 500ms;
-moz-animation-duration: 500ms;
-op-animation-duration: 500ms;
-webkit-animation-duration: 500ms;
animation-duration: 500ms;
-ms-animation-timing-function: linear;
-moz-animation-timing-function: linear;
-op-animation-timing-function: linear;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-ms-animation-iteration-count: 1;
-moz-animation-iteration-count: 1;
-op-animation-iteration-count: 1;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
}
.main-menu .navigation > li > a{
position:relative;
display:block;
color:#ffffff;
text-align:center;
line-height:30px;
text-transform:uppercase;
letter-spacing:0px;
opacity:1;
font-weight:600;
padding:17px 0px;
font-size:14px;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
font-family: 'Montserrat', sans-serif;
}
.header-style-two .main-menu .navigation > li,
.header-style-three .main-menu .navigation > li{
position:relative;
margin-right: 0px;
margin-left: 30px;
}
/*
.header-style-two .main-menu .navigation > li > a:after{
position:absolute;
content:'';
left:50%;
bottom:40px;
margin-left:-6px;
opacity:0;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-bottom: 8px solid #2ecc40;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.header-style-two .main-menu .navigation > li.current > a::after,
.header-style-two .main-menu .navigation > li:hover > a::after{
opacity:1;
}
.header-style-two .sticky-header .main-menu .navigation > li{
margin-right:0px;
}
*/
.header-style-two .main-menu .navigation > li.current > a,
.header-style-two .main-menu .navigation > li > a{
color:#222222;
padding:50px 0px;
text-transform:uppercase;
}
.header-style-three .main-menu .navigation > li.current > a,
.header-style-three .main-menu .navigation > li > a{
color:#ffffff;
text-transform:capitalize;
}
.header-style-two .main-menu .navigation > li > a:hover{
color:#222222;
}
.header-style-two .main-menu .navigation > li:after{
display:none;
}
.sticky-header .main-menu .navigation > li{
position:relative;
margin-right:0px;
margin-left:45px;
}
.sticky-header .main-menu .navigation > li:before,
.sticky-header .main-menu .navigation > li:after{
display:none;
}
.main-menu .navigation > li:hover > a:before,
.main-menu .navigation > li.current > a:before{
width:100%;
}
.main-menu .navigation > li > ul{
position:absolute;
left:0px;
top:100%;
width:250px;
padding:0px;
z-index:100;
display:none;
background:#ffffff;
border-top:3px solid #2ecc40;
transition:all 300ms ease;
-moz-transition:all 300ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-webkit-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
-ms-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
-o-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
-moz-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
}
.main-menu .navigation > li > ul.from-right{
left:auto;
right:0px;
}
.main-menu .navigation > li > ul > li{
position:relative;
width:100%;
border-bottom:1px solid rgba(0,0,0,0.10);
}
.main-menu .navigation > li > ul > li:last-child{
border-bottom:none;
}
.main-menu .navigation > li > ul > li > a{
position:relative;
display:block;
padding:10px 15px;
line-height:24px;
font-weight:400;
font-size:14px;
text-transform:capitalize;
color:#272727;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.main-menu .navigation > li > ul > li:hover > a{
color:#ffffff;
background:#222222;
}
.main-menu .navigation > li > ul > li.dropdown > a:after{
font-family: 'FontAwesome';
content: "\f105";
position:absolute;
right:10px;
top:10px;
width:10px;
height:20px;
display:block;
color:#253d4a;
line-height:20px;
font-size:16px;
font-weight:normal;
text-align:center;
z-index:5;
}
.main-menu .navigation > li > ul > li.dropdown:hover > a:after{
color:#ffffff;
}
.main-menu .navigation > li > ul > li > ul{
position:absolute;
left:100%;
top:0px;
width:250px;
padding:0px;
z-index:100;
display:none;
background:#ffffff;
border-top:3px solid #2ecc40;
-webkit-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
-ms-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
-o-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
-moz-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
}
.main-menu .navigation > li > ul > li > ul.from-right{
left:auto;
right:0px;
}
.main-menu .navigation > li > ul > li > ul > li{
position:relative;
width:100%;
border-bottom:1px solid rgba(0,0,0,0.10);
}
.main-menu .navigation > li > ul > li > ul > li:last-child{
border-bottom:none;
}
.main-menu .navigation > li > ul > li > ul > li > a{
position:relative;
display:block;
padding:10px 15px;
line-height:24px;
font-weight:400;
font-size:14px;
text-transform:capitalize;
color:#272727;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.main-menu .navigation > li > ul > li > ul > li:hover > a{
color:#ffffff;
background:#2c2c2c;
}
.main-menu .navigation > li > ul > li > ul > li.dropdown > a:after{
font-family: 'FontAwesome';
content: "\f105";
position:absolute;
right:10px;
top:11px;
width:10px;
height:20px;
display:block;
color:#272727;
line-height:20px;
font-size:16px;
font-weight:normal;
text-align:center;
z-index:5;
}
.main-menu .navigation > li > ul > li > ul > li.dropdown:hover > a:after{
color:#ffffff;
}
.main-menu .navigation > li.dropdown:hover > ul{
visibility:visible;
opacity:1;
top:100%;
}
.main-menu .navigation li > ul > li.dropdown:hover > ul{
visibility:visible;
opacity:1;
top:0;
transition:all 300ms ease;
-moz-transition:all 300ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
}
.main-menu .navbar-collapse > ul li.dropdown .dropdown-btn{
position:absolute;
right:10px;
top:6px;
width:30px;
height:30px;
text-align:center;
color:#ffffff;
line-height:28px;
border:1px solid #ffffff;
background-size:20px;
cursor:pointer;
z-index:5;
display:none;
}
.main-header .options-box{
position:relative;
float:left;
margin-top:42px;
right:0px;
margin-left:0px;
}
.main-header .options-box .options-nav{
position:relative;
}
.main-header .options-box .options-nav > li{
position:relative;
color:#ffffff;
font-size:22px;
margin-left:28px;
display:inline-block;
}
.main-header .options-box .options-nav li.menu-btn{
cursor:pointer;
}
.main-header .options-box .options-nav > li > a{
position:relative;
color:#ffffff;
}
.main-header .header-lower .outer-box{
position:relative;
float:right;
}
.main-header .header-lower .outer-box .advisor-box{
position:relative;
float:left;
}
.main-header .header-lower .outer-box .advisor-box .advisor-btn{
position:relative;
}
.main-header .header-lower .outer-box .advisor-box .advisor-btn span{
position:relative;
display:block;
color:#222222;
font-size:16px;
font-weight:500;
line-height:24px;
border-radius:50px 0px 0px 50px;
padding:20px 20px 20px 28px;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
-moz-transition: all 500ms ease;
transition: all 500ms ease;
font-family: 'Raleway', sans-serif;
background-color:#2ecc40;
}
.main-header .header-lower .outer-box .advisor-box .advisor-btn:before{
position:absolute;
content:'';
left:-3px;
top:0px;
width:100%;
height:100%;
background-color:#ffffff;
border-radius:50px;
}
/***
====================================================================
Main Slider style
====================================================================
***/
.main-slider{
position:relative;
z-index:10;
}
.main-slider .tp-caption{
z-index:5 !important;
}
.main-slider .tp-dottedoverlay{
background:rgba(0,0,0,0.40) !important;
}
.main-slider .tparrows.gyges{
width:60px;
height:60px;
line-height:60px;
border-radius:50%;
background-color:rgba(255,255,255,0.20);
}
.main-slider .tparrows.gyges:before{
line-height:60px;
}
.main-slider .tparrows.gyges:hover{
color:#333333 !important;
background-color:#333333;
}
.main-slider h2{
position:relative;
font-size:60px;
color:#ffffff;
font-weight:500;
line-height:1.2em;
}
.main-slider .text{
font-weight:400;
line-height:1.6em;
color:#ffffff;
font-size:20px;
}
.main-slider .text.alternate{
text-align:center !important;
}
.main-slider .title{
position:relative;
color:#ffffff;
font-size:36px;
font-weight:600;
line-height:1.4em;
text-shadow: 2px 2px 2px #222222;
}
.main-slider h2.alternate{
font-size:60px;
}
.main-slider .theme-btn{
margin-right:25px;
}
.main-slider .tparrows.preview3,
.main-slider .tparrows.preview3{
background:none !important;
overflow:hidden;
height:90px;
}
.main-slider.alternate .tparrows.preview3{
margin-top:30px !important;
height:50px;
}
.main-slider .contact-number{
position:absolute;
width:100%;
bottom:40px;
display:block;
z-index:20;
color:#ffffff;
font-size:15px;
text-align:center;
}
.main-slider .contact-number .icon{
position:relative;
display:block;
margin-bottom:15px;
color:#2ecc40;
font-size:30px;
}
.main-slider .tparrows.preview3::after{
top:0px;
color:#101010;
font-size:26px;
padding:0px;
background:rgba(255,255,255,0.70);
font-weight:400;
width:36px;
height:90px;
line-height:90px;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.main-slider .tparrows.tp-leftarrow.preview3::after{
content: '\f104';
font-family:'FontAwesome';
}
.main-slider .tparrows.tp-rightarrow.preview3::after{
content: '\f105';
font-family:'FontAwesome';
}
.main-slider .tparrows.preview3:hover::after{
background:rgba(255,255,255,1);
}
.main-slider .tparrows.preview3.tp-leftarrow{
left:0px !important;
}
.main-slider .tparrows.preview3.tp-rightarrow{
right:-36px !important;
}
.main-slider .tparrows.preview3 .tp-arr-iwrapper{
visibility:hidden;
opacity:0;
display:none;
}
.main-slider .tp-bannertimer,
.main-slider .tp-bullets{
display:none !important;
}
/***
====================================================================
Services Section
====================================================================
***/
.services-section{
position:relative;
padding:80px 0px 70px;
}
.services-block{
position:relative;
margin-bottom:50px;
}
.services-block .inner-box{
position:relative;
}
.services-block .inner-box .upper-box{
position:relative;
padding-left:78px;
min-height:57px;
background-color: #2ecc4030;
}
.services-block .inner-box .upper-box .icon{
position:absolute;
left:0px;
top:0px;
width:60px;
height:57px;
color:#333333;
font-size:24px;
line-height:56px;
text-align:center;
background-color:#2ecc40;
}
.services-block .inner-box .upper-box h3{
position:relative;
color:#333333;
font-size:20px;
font-weight:700;
line-height:57px;
}
.services-block .inner-box .upper-box h3 a{
position:relative;
color:#333333;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
font-family: 'Arimo', sans-serif;
}
.services-block .inner-box .upper-box h3 a:hover{
color:#2ecc40;
}
.services-block .inner-box .lower-box{
position:relative;
}
.services-block .inner-box .lower-box .image{
position:relative;
}
.services-block .inner-box .lower-box .image img{
position:relative;
width:100%;
display:block;
}
.services-block .inner-box .lower-box .image .overlay-box{
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
display:block;
opacity:0;
padding:32px 35px;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
background-color:rgba(51,51,51,0.90);
}
.services-block .inner-box:hover .lower-box .image .overlay-box{
opacity:1;
}
.services-block .inner-box .lower-box .image .overlay-box .text{
position:relative;
color:#ffffff;
font-size:15px;
line-height:2em;
}
.services-block .inner-box .lower-box .image .overlay-box .link-btn{
position:absolute;
color:#333333;
font-size:18px;
right:30px;
bottom:0px;
display:inline-block;
padding:17px 12px 10px;
border-radius:50px 50px 0px 0px;
}
/***
====================================================================
Products Section
====================================================================
***/
.product-section{
position:relative;
}
.product-section.alternate{
padding-bottom:110px;
}
.product-section .upper-box{
position:relative;
padding:80px 0px 200px;
background-attachment:fixed;
background-repeat:no-repeat;
background-size:cover;
}
.product-section .upper-box:before{
position:absolute;
content:'';
left:0px;
top:0px;
width:100%;
height:100%;
display:block;
background-color:rgba(0,0,0,0.50);
}
.product-section .upper-box h2{
position:relative;
color:#ffffff;
font-size:30px;
font-weight:400;
line-height:1.7em;
text-align:center;
font-family: 'Montserrat', sans-serif;
}
.product-section .upper-box h2 span{
font-weight:600;
}
.product-section .lower-box{
position:relative;
margin-top:-120px;
background-color:#ffffff;
-webkit-box-shadow: 0px 0px 15px 0px rgba(70, 70, 70, 0.45);
-moz-box-shadow: 0px 0px 15px 0px rgba(70, 70, 70, 0.45);
box-shadow: 0px -10px 40px 4px rgba(70, 70, 70, 0.45);
}
.product-section .lower-box .image-column{
position:relative;
padding:0px;
float:left;
}
.product-section .lower-box .image-column .image{
position:relative;
}
.product-section .lower-box .image-column .image img{
position:relative;
width:100%;
display:block;
}
.product-section .lower-box .content-column{
position:relative;
padding:0px;
float:left;
}
.product-section .lower-box .content-column .inner-column{
position:relative;
padding:50px 50px;
}
.product-section .lower-box .content-column .inner-column h3{
position:relative;
color:#333333;
font-size:30px;
font-weight:700;
line-height:1.4em;
margin-bottom:25px;
}
.product-section .lower-box .content-column .inner-column .text{
position:relative;
margin-bottom:30px;
}
.product-section .lower-box .content-column .inner-column .text p{
position:relative;
color:#777777;
font-size:15px;
margin-bottom:0px;
}
/***
====================================================================
Testimonial Section
====================================================================
***/
.testimonial-section{
position:relative;
padding:80px 0px 80px;
}
.testimonial-block{
position:relative;
}
.testimonial-block .inner-box{
position:relative;
text-align:center;
padding:50px 50px 70px;
background:url(../images/background/2.jpg) repeat;
}
.testimonial-block .inner-box .quote-icon{
position:relative;
color:#ffffff;
font-size:28px;
line-height:1em;
margin-bottom:35px;
}
.testimonial-block .inner-box .text{
position:relative;
font-size:15px;
font-weight:400;
line-height:1.9em;
color:#ffffff;
margin-bottom:35px;
}
.testimonial-block .inner-box .author-box{
position:relative;
padding-left:70px;
text-align:left;
display:inline-block;
}
.testimonial-block .inner-box .author-box .image{
position:absolute;
left:0px;
top:0px;
width:50px;
height:50px;
}
.testimonial-block .inner-box .author-box h3{
position:relative;
font-size:15px;
font-weight:500;
color:#ffffff;
font-family: 'Montserrat', sans-serif;
}
.testimonial-block .inner-box .author-box .designation{
position:relative;
color:#2ecc40;
font-size:12px;
}
.testimonial-section .owl-nav{
display:none;
}
.testimonial-section .owl-dots{
position:relative;
text-align:center;
margin-top:70px;
}
.testimonial-section .owl-dots .owl-dot{
position:relative;
margin:0px 3px;
width:20px;
height:5px;
background-color:#2ecc40;
display:inline-block;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.testimonial-section .owl-dots .owl-dot:hover,
.testimonial-section .owl-dots .owl-dot.active{
width:30px;
background-color:#1b1b1b;
}
/***
====================================================================
Counter Section
====================================================================
***/
.counter-section{
position:relative;
padding: 60px 0 0;
}
.counter-section .counter-main-column{
position:relative;
}
.counter-section .counter-main-column .inner-column{
position:relative;
padding-top:85px;
}
.fact-counter{
position:relative;
}
.fact-counter .column{
position:relative;
z-index:5;
margin-bottom:70px;
}
.fact-counter .column .inner{
position:relative;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.fact-counter .count-outer{
position:relative;
font-size:40px;
line-height:1em;
font-weight:700;
color:#222222;
}
.fact-counter .count-outer .count-text{
position:relative;
font-weight:700;
color:#222222;
font-size:48px;
}
.fact-counter .column .counter-title{
position:relative;
font-size:30px;
font-weight:500;
color:#666666;
margin-top:25px;
padding-top:16px;
display:inline-block;
font-family: 'Montserrat', sans-serif;
}
.fact-counter .column .counter-title:before{
position:absolute;
content:'';
top:0px;
width:40px;
height:5px;
background-color:#2ecc40;
}
.counter-section .image-column{
position:relative;
text-align:center;
}
/***
====================================================================
News Section
====================================================================
***/
.news-section{
position:relative;
padding:80px 0px 80px;
}
.news-block{
position:relative;
margin-bottom:40px;
}
.news-block .inner-box{
position:relative;
-webkit-box-shadow: 0px 0px 15px 0px rgba(219,219,219,1);
-moz-box-shadow: 0px 0px 15px 0px rgba(219,219,219,1);
box-shadow: 0px 0px 15px 0px rgba(219,219,219,1);
}
.news-block .inner-box .image{
position:relative;
}
.news-block .inner-box .image img{
position:relative;
width:100%;
display:block;
}
.news-block .inner-box .lower-content{
position:relative;
text-align:center;
padding:35px 15px 35px;
}
.news-block .inner-box .lower-content h3{
position:relative;
font-size:24px;
font-weight:600;
line-height:1.4em;
margin-bottom:12px;
}
.news-block .inner-box .lower-content h3 a{
position:relative;
color:#222222;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.news-block .inner-box .lower-content h3 a:hover{
color:#2ecc40;
}
.news-block .inner-box .lower-content .text{
position:relative;
color:#666666;
font-size:15px;
line-height:1.8em;
margin-bottom:20px;
}
.news-block .inner-box .lower-content .post-meta{
position:relative;
}
.news-block .inner-box .lower-content .post-meta li{
position:relative;
color:#666666;
font-size:13px;
margin-right:15px;
display:inline-block;
}
.news-block .inner-box .lower-content .post-meta li span{
position:relative;
margin-right:8px;
color:#2ecc40;
}
.news-block-two{
position:relative;
margin-bottom:30px;
}
.news-block-two .inner-box{
position:relative;
}
.news-block-two .inner-box .image-column{
position:relative;
}
.news-block-two .inner-box .image-column .image{
position:relative;
}
.news-block-two .inner-box .image-column .image img{
position:relative;
width:100%;
display:block;
}
.news-block-two .inner-box .content-column{
position:relative;
}
.news-block-two .inner-box .content-column .inner-column{
position:relative;
padding:12px 0px 0px 10px;
}
.news-block-two .inner-box .content-column .inner-column h3{
position:relative;
font-size:20px;
font-weight:600;
line-height:1.4em;
margin-bottom:15px;
}
.news-block-two .inner-box .content-column .inner-column h3 a{
position:relative;
color:#222222;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.news-block-two .inner-box .content-column h3 a:hover{
color:#2ecc40;
}
.news-block-two .inner-box .content-column .text{
position:relative;
color:#666666;
font-size:15px;
line-height:1.8em;
margin-bottom:20px;
}
.news-block-two .inner-box .content-column .post-meta{
position:relative;
}
.news-block-two .inner-box .content-column .post-meta li{
position:relative;
color:#666666;
font-size:13px;
margin-right:10px;
display:inline-block;
}
.news-block-two .inner-box .content-column .post-meta li span{
position:relative;
margin-right:8px;
color:#2ecc40;
}
/***
====================================================================
Team Section
====================================================================
***/
.team-section{
position:relative;
padding:60px 0px 60px;
background-attachment:fixed;
background-size:cover;
background-repeat:no-repeat;
}
.team-section .row{
display: flex;
flex-wrap: wrap;
justify-content: space-evenly !important;
margin-right: -15px;
margin-left: -15px;
}
.team-section:before{
position:absolute;
content:'';
left:0px;
top:0px;
width:100%;
height:100%;
display:block;
background-color:rgba(0,0,0,0.70);
}
.team-block{
position:relative;
}
.team-block .inner-box{
position:relative;
overflow:hidden;
background-color:rgba(255,255,255,0.10);
box-shadow: 0 10px 20px #00000040;
}
.team-block .inner-box .image{
position:relative;
border:2px solid rgba(255,255,255,0.05);
border-bottom:none;
text-align:center;
}
.team-block .inner-box .image:before{
position:absolute;
content:'';
left:0px;
bottom:0px;
width:100%;
height:100px;
opacity:0;
z-index:1;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
background:-webkit-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0.8));
background:-moz-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0.8));
background:-o-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0.8));
background:-ms-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0.8));
}
.team-block .inner-box:hover .image:before{
opacity:1;
}
.team-block .inner-box .image img{
position:relative;
max-width:100% !important;
display:inline-block !important;
}
.team-block .inner-box .lower-box{
position:relative;
padding:15px 15px;
text-align:center;
background-color:#222222;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.team-block .inner-box:hover .lower-box{
background-color:#2ecc40;
}
.team-block .inner-box .lower-box h3{
position:relative;
color:#2ecc40;
font-size:20px;
line-height:1.4em;
font-weight:600;
text-transform:uppercase;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.team-block .inner-box .lower-box h3 a{
color:#2ecc40;
font-size: 14px;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.team-block .inner-box:hover .lower-box h3 a{
color:#e3e4e6;
}
.team-block .inner-box .lower-box h3 a:hover{
color:#e3e4e6;
}
.team-block .inner-box .lower-box .designation{
position:relative;
color:#cecece;
font-size:13px;
}
.team-block .inner-box:hover .lower-box .designation{
color:#222222;
}
/***
====================================================================
Clients Section
====================================================================
***/
.clients-section{
position:relative;
padding:70px 0px 70px;
}
.clients-section .title-column{
position:relative;
/* margin-bottom:25px; */
}
.clients-section .title-column h2{
position:relative;
color:#222222;
font-size:30px;
font-weight:600;
line-height:1.3em;
}
.clients-section .sponsors-outer{
position:relative;
}
.clients-section .sponsors-outer .owl-dots,
.clients-section .sponsors-outer .owl-nav{
position:relative;
display:none;
}
.clients-section .sponsors-outer .image-box{
position:relative;
text-align:center;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
/***
====================================================================
Map Section Style
====================================================================
***/
.map-section{
position:relative;
padding-bottom:80px;
}
.map-section iframe,
.map-section-two iframe,
.contact-map-section iframe{
position: relative;
left: 0;
top: 0;
width: 100%;
height: 500px;
margin-bottom: -10px;
}
.map-section .auto-container{
position:relative;
}
.map-section .map-outer{
position:relative;
/*background-color:#0e1626;*/
}
.map-data{
text-align:center;
font-size:14px;
font-weight:400;
line-height:1.8em;
}
.map-data h6{
font-size:16px;
font-weight:700;
text-align:center;
margin-bottom:5px;
color:#121212;
}
.map-canvas{
height:500px;
}
.map-section .map-info-box{
position:absolute;
left:50%;
top:68%;
margin-top:-54px;
margin-left:-465px;
}
.map-info-box{
position:relative;
}
.map-info-box .info-inner{
position:relative;
padding:25px 30px;
border-radius:50px;
background-color:#ffffff;
}
.map-info-box .info-inner:after{
position:absolute;
content:'';
left:50%;
top:-20px;
margin-left:-20px;
border-left: 20px solid transparent;
border-right: 20px solid transparent;
border-top: 25px solid #ffffff;
transform: rotate(180deg);
}
/***
====================================================================
Main Footer
====================================================================
***/
.main-footer{
position:relative;
background-repeat:no-repeat;
background-size:cover;
background-position:center center;
}
.main-footer .widgets-section{
position:relative;
padding:110px 0px 70px;
}
.main-footer .footer-widget{
position:relative;
margin-bottom:30px;
}
.main-footer .footer-title{
position:relative;
margin-bottom:28px;
}
.main-footer .footer-title h2{
position:relative;
font-size:24px;
font-weight:500;
color:#ffffff;
line-height:1.4em;
padding-bottom:15px;
text-transform:capitalize;
}
.main-footer .footer-title h2:after{
position:absolute;
content:'';
left:0px;
bottom:0px;
width:55px;
height:2px;
background-color:#999999;
}
.main-footer .logo-widget .logo{
position:relative;
margin-bottom:20px;
}
.main-footer .logo-widget .text{
position:relative;
color:#999999;
font-size:15px;
line-height:1.8em;
}
.footer-lists{
position:relative;
}
.footer-lists li{
position:relative;
margin-bottom:8px;
}
.footer-lists li a{
position:relative;
color:#999999;
font-size:15px;
font-weight:400;
padding-left:20px;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.footer-lists li a:before{
position:absolute;
content:'\f105';
left:0px;
top:1px;
line-height:1em;
color:#2ecc40;
font-family: 'FontAwesome';
}
.footer-lists li a:hover{
color:#2ecc40;
}
.main-footer .footer-bottom{
position:relative;
padding:22px 0px;
text-align: center;
background-color:#2ecc40;
}
.main-footer .footer-bottom .copyright {
position:relative;
color:#0b0b0b;
font-family: Verdana, Geneva, Tahoma, sans-serif;
}
.main-footer .footer-bottom .copyright a{
position:relative;
color:#ffffff;
}
.main-footer .footer-bottom .copyright a:hover{
position:relative;
color:#000;
}
/***
====================================================================
Gallery Section Two
====================================================================
***/
.gallery-section{
position:relative;
overflow:hidden;
padding:110px 0px 0px;
}
.gallery-section .row{
margin:0px -7px;
}
.gallery-section .big-column{
position: relative;
width: 40%;
float: left;
padding: 0px 3px;
}
.gallery-section .small-column{
position: relative;
width: 20%;
float: left;
padding: 0px 3px;
}
.gallery-section .filters{
position:relative;
}
.gallery-section .filters .filter-tabs{
position:relative;
margin-bottom:60px;
text-align:center;
}
.gallery-section .filters .filter-tabs .filter{
position:relative;
color:#222222;
font-size:16px;
cursor:pointer;
font-weight:400;
padding:0px 20px;
text-transform:uppercase;
display:inline-block;
line-height:1em;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.gallery-section .filters .filter-tabs .filter:after{
position:absolute;
content:'/';
right:-2px;
top:0px;
color:#222222;
font-size:18px;
}
.gallery-section .filters .filter-tabs .filter:last-child::after{
display:none;
}
.gallery-section .filters .filter-tabs .filter.active,
.gallery-section .filters .filter-tabs .filter:hover{
color:#2ecc40;
}
.gallery-section .default-portfolio-item{
margin-bottom:6px;
}
/* ========================================================================================================= */
.default-portfolio-item{
position:relative;
float:left;
margin-bottom:20px;
}
.default-portfolio-item .inner-box{
position:relative;
width:100%;
overflow:hidden;
}
.default-portfolio-item .inner-box .content{
border: 0.5px solid #2ECC4050;
color: #21b132;
text-align: center;
text-transform: capitalize;
transition: all 0.3s ease-in-out;
transform: scale(1);
cursor: pointer;
}
.default-portfolio-item .inner-box .content h6{
font-weight: 500;
}
.mix .inner-box .content:hover{
background-color: #2ecc40;
color: #ffffff;
transform: scale(0.96);
}
.default-portfolio-item .image-box{
position:relative;
display:block;
margin-bottom:0px;
}
.default-portfolio-item .image-box img{
position:relative;
display:block;
width:100%;
}
.default-portfolio-item .overlay-box{
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
opacity:0;
color:#ffffff;
text-align:center;
background:rgba(255,178,0,0.80);
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
transition:all 500ms ease;
visibility:hidden;
}
.default-portfolio-item .inner-box:hover .overlay-box{
opacity:1;
visibility:visible;
}
.default-portfolio-item .overlay-inner{
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
display:table;
vertical-align:middle;
}
.default-portfolio-item .overlay-inner .content{
position:relative;
display:table-cell;
vertical-align:middle;
}
.default-portfolio-item .overlay-inner .content .tags{
position:relative;
font-size:14px;
font-weight:400;
margin-top:4px;
color:#555555;
text-transform:capitalize;
}
.default-portfolio-item .overlay-inner h3{
font-size:24px;
color:#333333;
font-weight:600;
margin-top:10px;
text-transform:capitalize;
}
.default-portfolio-item .overlay-inner h3 a{
color:#333333;
transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.default-portfolio-item .overlay-inner h3 a:hover{
color:#ffffff;
}
.default-portfolio-item .overlay-inner .link{
position:relative;
width:40px;
height:40px;
display:inline-block;
font-size:16px;
color:#333333;
text-align:center;
line-height:38px;
margin:0px 3px;
border:1px solid #333333;
transition:all 300ms ease;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
}
.default-portfolio-item .overlay-inner .link .icon{
position:relative;
}
.default-portfolio-item .overlay-inner .link:hover{
color:#333333;
border-color:#ffffff;
background-color:#ffffff;
}
/***
====================================================================
Services Section Two
====================================================================
***/
.services-section-two{
position:relative;
padding:0px 0px 60px;
}
.services-section-two .inner-container{
position:relative;
margin-top:-120px;
z-index:10;
}
.services-block-two{
position:relative;
}
.services-block-two .inner-box{
position:relative;
}
.services-block-two .inner-box .upper-box{
position:relative;
border:3px solid #ffffff;
}
.services-block-two .inner-box .upper-box .image{
position:relative;
}
.services-block-two .inner-box .upper-box .image img{
position:relative;
width:100%;
display:block;
}
.services-block-two .inner-box .upper-box .image .icon-box{
position:absolute;
left:30px;
bottom:30px;
width:60px;
height:57px;
color:#333333;
font-size:28px;
z-index:1;
text-align:center;
line-height:57px;
background-color:#2ecc40;
}
.services-block-two .inner-box .upper-box .image .overlay-box{
position:absolute;
left:-3px;
top:-3px;
right:-3px;
bottom:-3px;
padding:30px 30px;
opacity:0;
transition:all 300ms ease;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
background-color:rgba(34,34,34,0.80);
}
.services-block-two .inner-box:hover .upper-box .image .overlay-box{
opacity:1;
}
.services-block-two .inner-box .upper-box .image .overlay-box .overlay-inner{
position:relative;
height:100%;
}
.services-block-two .inner-box .upper-box .image .overlay-box .overlay-inner .text{
position:relative;
color:#ffffff;
font-size:16px;
line-height:1.9em;
font-weight:400;
}
.services-block-two .inner-box .upper-box .image .overlay-box .overlay-inner .read-more{
position:absolute;
right:0px;
bottom:0px;
font-size:16px;
color:#2ecc40;
font-weight:700;
text-transform:capitalize;
transition:all 300ms ease;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
}
.services-block-two .inner-box .upper-box .image .overlay-box .read-more:hover{
color:#ffffff;
}
.services-block-two .inner-box .lower-box{
position:relative;
padding-top:25px;
}
.services-block-two .inner-box .lower-box h3{
position:relative;
color:#222222;
font-size:20px;
font-weight:700;
}
.services-block-two .inner-box .lower-box h3 a{
position:relative;
color:#222222;
transition:all 300ms ease;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
}
.services-block-two .inner-box .lower-box h3 a:hover{
color:#2ecc40;
}
.services-block-two .inner-box .lower-box .title{
position:relative;
color:#666666;
font-size:16px;
font-weight:400;
margin-top:5px;
}
.services-section-two .owl-nav{
display:none;
}
.services-section-two .owl-dots{
position:relative;
text-align:center;
margin-top:60px;
}
.services-section-two .owl-dots .owl-dot{
position:relative;
margin:0px 3px;
width:40px;
height:3px;
background-color:#2ecc40;
display:inline-block;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.services-section-two .owl-dots .owl-dot:hover,
.services-section-two .owl-dots .owl-dot.active{
height:6px;
background-color:#1b1b1b;
}
/***
====================================================================
Welcome Section
====================================================================
***/
.welcome-section{
position:relative;
padding:60px 0px 60px;
}
.welcome-section.alternate{
padding-top:80px;
}
.welcome-section .content-column{
position:relative;
margin-bottom:40px;
}
.welcome-section .content-column .inner-column{
position:relative;
}
.welcome-section .content-column .inner-column h2{
position:relative;
color:#222222;
font-size:36px;
font-weight:500;
line-height:1.3em;
margin-bottom:25px;
}
.welcome-section .content-column .inner-column h2 span{
display:block;
font-weight:700;
}
.welcome-section .content-column .inner-column .text{
position:relative;
margin-bottom:30px;
}
.welcome-section .content-column .inner-column .text p{
position:relative;
color:#777777;
font-size:16px;
line-height:1.8em;
margin-bottom:20px;
}
.welcome-section .content-column .inner-column .text p:last-child{
margin-bottom:0px;
}
.welcome-section .content-column .inner-column .text h3{
position:relative;
color:#2ecc40;
font-size:24px;
font-weight:700;
margin-bottom:15px;
}
.welcome-section .image-column{
position:relative;
}
.welcome-section .image-column .image{
position:relative;
}
.welcome-section .image-column .image:before{
position:absolute;
content:'';
left:0px;
top:0px;
right:0px;
bottom:0px;
z-index:10;
outline: 2px dashed #ffffff;
outline-offset: -20px;
}
.welcome-section .image-column .image img{
position:relative;
width:100%;
display:block;
}
/***
====================================================================
Vision Mission Section
====================================================================
***/
.vision-mission-section{
position:relative;
}
.vision-mission-section h5{
font-weight: 500;
}
/***
====================================================================
Certificate Section
====================================================================
***/
.certificate-section{
position:relative;
/* margin: 60px 0 0;
padding: 60px 0 60px; */
}
.certificate-section.alternate{
padding-top:80px;
}
.certificate-block{
position:relative;
margin-bottom:40px;
}
.certificate-block:first-child .inner-box,
.certificate-block:last-child .inner-box {
position: relative;
overflow: hidden;
background-color: rgba(255, 255, 255, 0.09);
box-shadow: -5px 5px 10px #00000040;
padding: 20px; /* Adjust padding as needed */
}
.certificate-block .inner-box .image {
position: relative;
text-align: center;
padding: 20px;
}
/* Add bolt dots at the four corners of the image */
.certificate-block:first-child .inner-box .image::before,
.certificate-block:last-child .inner-box .image::before,
.certificate-block:first-child .inner-box .image::after,
.certificate-block:last-child .inner-box .image::after,
.certificate-block:first-child .inner-box .image .bottom-left-bolt,
.certificate-block:last-child .inner-box .image .bottom-left-bolt,
.certificate-block:first-child .inner-box .image .bottom-right-bolt,
.certificate-block:last-child .inner-box .image .bottom-right-bolt {
content: '';
position: absolute;
width: 10px; /* Size of the bolt */
height: 10px;
background-color: #777777d0; /* Color of the bolt */
border-radius: 50%;
z-index: 10; /* Ensure the dots appear above the image */
}
/* Top-left bolt */
.certificate-block .inner-box .image::before {
top: -5px;
left: -5px;
}
/* Top-right bolt */
.certificate-block .inner-box .image::after {
top: -5px;
right: -5px;
}
/* Bottom-left bolt */
.certificate-block .inner-box .image .bottom-left-bolt {
bottom: -5px;
left: -5px;
}
/* Bottom-right bolt */
.certificate-block .inner-box .image .bottom-right-bolt {
bottom: -5px;
right: -5px;
}
/***
====================================================================
Quality section
====================================================================
***/
.quality-section{
position:relative;
padding: 60px 0px 0px;
}
.quality-section .content-column{
position:relative;
margin-bottom:40px;
}
.quality-section .content-column .inner-column{
position:relative;
}
.quality-section .content-column .inner-column h2{
position:relative;
color:#222222;
font-size:36px;
font-weight:500;
line-height:1.3em;
margin-bottom:25px;
}
.quality-section .content-column .inner-column h2 span{
display:block;
font-weight:700;
}
.quality-section .content-column .inner-column .text{
position:relative;
margin-bottom:30px;
}
.quality-section .content-column .inner-column .text p{
position:relative;
color:#777777;
font-size:16px;
line-height:1.8em;
margin-bottom:20px;
}
.quality-section .content-column .inner-column .text p:last-child{
margin-bottom:0px;
}
.quality-section .content-column .inner-column .text h3{
position:relative;
color:#2ecc40;
font-size:24px;
font-weight:700;
margin-bottom:15px;
}
.quality-section .image-column{
position:relative;
}
.quality-section .image-column .image{
position:relative;
}
.quality-section .image-column .image:before{
position:absolute;
content:'';
left:0px;
top:0px;
right:0px;
bottom:0px;
z-index:10;
outline: 2px dashed #ffffff;
outline-offset: -20px;
}
.quality-section .image-column .image img{
position:relative;
width:100%;
display:block;
}
.quality-section .lower-content{
position: relative !important;
padding: 35px 25px 20px !important;
border: 2px solid #dddddd !important;
margin: 0 20px 40px;
text-align: justify;
}
.quality-section .lower-content .text {
position: relative !important;
}
.quality-section .lower-content .text p {
position: relative !important;
color: #777777 !important;
font-size: 16px !important;
line-height: 1.8em !important;
margin-bottom: 25px !important;
}
/***
====================================================================
Machining section
====================================================================
***/
.machine-section{
position:relative;
padding:60px 0px 60px;
}
.machine-section .alternate{
padding-top:80px;
}
.machine-section .row{
margin: 30px 0;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-content: center;
align-items: center;
border: 1px solid #2ecc40;
}
.machine-section .content-column{
position:relative;
}
.machine-section .content-column .inner-column{
position:relative;
}
.machine-section .content-column .inner-column h2{
position:relative;
color:#222222;
font-size:36px;
font-weight:500;
line-height:1.3em;
margin-bottom:25px;
}
.machine-section .content-column .inner-column h2 span{
display:block;
font-weight:700;
color: #2ECC40;
}
.machine-section .content-column .inner-column .text{
position:relative;
margin-bottom:30px;
}
.machine-section .content-column .inner-column .text p{
position:relative;
color:#777777;
font-size:16px;
line-height:1.8em;
margin-bottom:20px;
}
.machine-section .content-column .inner-column .text p:last-child{
margin-bottom:0px;
}
.machine-section .image-column{
position:relative;
}
.machine-section .image-column .image{
position:relative;
}
.machine-section .image-column .image:before{
position:absolute;
content:'';
left:0px;
top:0px;
right:0px;
bottom:0px;
z-index:10;
outline-offset: -20px;
}
.machine-section .image-column .image img{
/* outline: 2px dashed #2ECC4070; */
position:relative;
width:100%;
display:block;
}
/***
====================================================================
Projects Section
====================================================================
***/
.projects-section{
position:relative;
padding:80px 0px 80px;
background-repeat:no-repeat;
background-size:cover;
}
.projects-section .outer-container{
position:relative;
padding:0px 30px;
}
.projects-section .owl-dots{
display:none;
}
.projects-section .owl-nav{
position:relative;
text-align:center;
margin-top:30px;
}
.projects-section .owl-nav .owl-prev,
.projects-section .owl-nav .owl-next{
position:relative;
width:50px;
height:50px;
color:#ffffff;
text-align:center;
line-height:42px;
font-size:24px;
margin:0px 10px;
border:3px solid #ffffff;
display:inline-block;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.projects-section .owl-nav .owl-prev:hover,
.projects-section .owl-nav .owl-next:hover{
color:#2ecc40;
border-color:#2ecc40;
}
.portfolio-item-two{
position:relative;
float:left;
margin-bottom:30px;
}
.owl-theme .portfolio-item-two{
float:none;
}
.portfolio-item-two .inner-box{
position:relative;
width:100%;
overflow:hidden;
}
.portfolio-item-two .image-box{
position:relative;
display:block;
}
.portfolio-item-two .image-box img{
position:relative;
display:block;
width:100%;
}
.portfolio-item-two .overlay-box{
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
opacity:0;
color:#ffffff;
text-align:center;
padding:10px;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
transition:all 500ms ease;
-ms-transform: scale(0, 0);
-webkit-transform: scale(0, 0);
transform: scale(0, 0);
visibility:hidden;
}
.portfolio-item-two .inner-box:hover .overlay-box{
opacity:1;
visibility:visible;
-ms-transform: scale(1, 1);
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
.portfolio-item-two .overlay-inner{
position:relative;
left:0px;
top:0px;
width:100%;
height:100%;
display:table;
vertical-align:middle;
border:2px solid #2ecc40;
background:rgba(34,34,34,0.80);
}
.portfolio-item-two .overlay-inner .content{
position:relative;
display:table-cell;
vertical-align:middle;
}
.portfolio-item-two .overlay-inner .content .tags{
position:relative;
font-size:14px;
font-weight:400;
margin-top:4px;
color:#f1ac0d;
text-transform:capitalize;
}
.portfolio-item-two .overlay-inner h3{
font-size:24px;
color:#ffffff;
font-weight:500;
margin-top:10px;
text-transform:capitalize;
}
.portfolio-item-two .overlay-inner h3 a{
color:#ffffff;
transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.portfolio-item-two .overlay-inner h3 a:hover{
color:#f1ac0d;
}
/***
====================================================================
Subscribe Section
====================================================================
***/
.subscribe-section{
position:relative;
padding:50px 0px;
overflow:hidden;
background-color:#eeeeee;
}
.subscribe-section .title-column:before{
position: absolute;
right: 40px;
top: -85px;
content: '';
width: 15px;
height: 400%;
background-color: #222222;
-webkit-transform:rotate(-37deg);
-ms-transform:rotate(-37deg);
-o-transform:rotate(-37deg);
-moz-transform:rotate(-37deg);
transform: rotate(-37deg);
}
.subscribe-section:before{
position:absolute;
content:'';
left:0px;
top:0px;
width:40%;
height:100%;
display:block;
background-color:#2ecc40;
}
.subscribe-section:after{
position: absolute;
content: '';
left: 50%;
top: 0px;
width: 70%;
height: 100%;
display: block;
margin-left: -200px;
}
.subscribe-section .title-column:after{
position: absolute;
right: 0px;
top: -50px;
height: 100%;
content: '';
z-index: 1;
border-bottom: 170px solid #2ecc40;
border-right: 130px solid transparent;
border-left: 75px solid #2ecc40;
}
.subscribe-section h2{
position:relative;
color:#222222;
z-index:10;
font-size:36px;
font-weight:700;
line-height:1.2em;
text-transform:capitalize;
}
.subscribe-section .text{
position:relative;
color:#222222;
z-index:9;
font-size:16px;
font-weight:700;
}
.subscribe-form-two .form-group{
position:relative;
display:block;
margin:0px;
width:100%;
z-index:1;
margin-top:8px;
}
.subscribe-form-two .form-group input[type="text"],
.subscribe-form-two .form-group input[type="tel"],
.subscribe-form-two .form-group input[type="email"],
.subscribe-form-two .form-group textarea{
position:relative;
display:block;
width:100%;
line-height:28px;
height:50px;
font-size:14px;
color:#777777;
padding:10px 50px 10px 20px;
background:#ffffff;
border:1px solid #777777;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
border-radius:5px 5px;
}
.subscribe-form-two .form-group input[type="submit"],
.subscribe-form-two button{
position:absolute;
right:0px;
top:0px;
height:50px;
line-height:40px;
color:#ffffff;
font-size:16px;
text-align:center;
font-weight:700;
padding:0px 28px;
border-radius:0px 5px 5px 0px;
background:#333333;
}
/***
====================================================================
Default Section
====================================================================
***/
.default-section{
position:relative;
padding:80px 0px 70px;
background-size:cover;
background-repeat:no-repeat;
background-attachment:fixed;
}
.default-section .testimonial-column{
position:relative;
margin-bottom:40px;
}
.testimonial-block-two{
position:relative;
}
.testimonial-block-two .inner-box{
position:relative;
}
.testimonial-block-two .inner-box .quote-icon{
position:relative;
color:#2ecc40;
font-size:24px;
line-height:1em;
margin-bottom:60px;
}
.testimonial-block-two .inner-box .text{
position:relative;
color:#666666;
font-size:16px;
line-height:1.9em;
margin-bottom:45px;
}
.testimonial-block-two .inner-box .lower-box{
position:relative;
}
.testimonial-block-two .inner-box .lower-box .author-box{
position:relative;
}
.testimonial-block-two .inner-box .lower-box .author-box .author-inner{
position:relative;
padding-left:90px;
padding-top:30px;
min-height:70px;
}
.testimonial-block-two .inner-box .lower-box .author-box .author-inner .image{
position:absolute;
left:0px;
top:0px;
width:70px;
height:70px;
}
.testimonial-block-two .inner-box .lower-box .author-box .author-inner .image:after{
position:absolute;
content:'';
left:0px;
bottom:0px;
width:100%;
height:3px;
z-index:1;
background-color:#2ecc40;
}
.testimonial-block-two .inner-box .lower-box .author-box .author-inner .image img{
width:100%;
display:block;
}
.testimonial-block-two .inner-box .lower-box .author-box .author-inner h3{
position:relative;
color:#333333;
font-size:15px;
font-weight:500;
line-height:1.2em;
}
.testimonial-block-two .inner-box .lower-box .author-box .author-inner .designation{
position:relative;
color:#2ecc40;
font-size:12px;
}
.testimonial-block-two .inner-box .lower-box .rating{
position:absolute;
right:0px;
top:50px;
color:#2ecc40;
font-size:18px;
}
.default-section .testimonial-column .owl-dots{
display:none;
}
.default-section .testimonial-column .owl-nav{
position:absolute;
right:0px;
top:0px;
}
.default-section .testimonial-column .owl-nav .owl-prev,
.default-section .testimonial-column .owl-nav .owl-next{
position:relative;
width:30px;
height:30px;
color:#222222;
text-align:center;
line-height:26px;
font-size:18px;
margin-left:10px;
border:2px solid #222222;
display:inline-block;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.default-section .testimonial-column .owl-nav .owl-prev:hover,
.default-section .testimonial-column .owl-nav .owl-next:hover{
color:#2ecc40;
border-color:#2ecc40;
}
.default-section .testimonial-column .inner-column{
position:relative;
padding-right:100px;
}
.default-section .accordian-column{
position:relative;
}
.default-section .accordian-column .inner-column{
position:relative;
padding-right:100px;
}
/***
====================================================================
Accordion Style
====================================================================
***/
.accordion-box{
position:relative;
}
.accordion-box .block{
position: relative;
margin-bottom:10px;
border:1px solid #aaaaaa;
background-color:#ffffff;
}
.accordion-box .block.active-block{
background-color:#ffffff;
}
.accordion-box .block .acc-btn{
position:relative;
font-size:16px;
cursor:pointer;
line-height:30px;
color:#333333;
font-weight:700;
padding:10px 20px 10px 80px;
transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
}
.accordion-box .block .acc-btn.active{
color:#ffffff;
background-color:#333333;
}
.accordion-box .block .icon-outer{
position:absolute;
left:-1px;
top:0px;
font-size:18px;
color: #2ecc40;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.accordion-box .block .icon-outer .icon{
position: absolute;
top:0px;
left:0px;
width: 50px;
height: 50px;
font-size: 16px;
font-weight: 300;
text-align: center;
line-height:50px;
background-color:#333333;
}
.accordion-box .block .icon-outer .icon-plus{
opacity:1;
}
.accordion-box .block .icon-outer .icon-minus{
opacity:0;
font-weight:300;
}
.accordion-box .block .acc-btn.active .icon-outer .icon-minus{
opacity:1;
color:#333333;
background-color:#fbb908;
}
.accordion-box .block .acc-btn.active .icon-outer .icon-plus{
opacity:0;
}
.accordion-box .block .acc-content{
position:relative;
display:none;
}
.accordion-box .block .acc-content .content-text{
padding-bottom:6px;
}
.accordion-box .block .acc-content.current{
display:block;
}
.accordion-box .block .content{
position:relative;
font-size:14px;
padding:25px 20px 15px 30px;
}
.accordion-box .block .content .text{
margin-bottom:10px;
line-height:1.9em;
font-size:14px;
color:#666666;
}
.accordion-box .block .content p:last-child{
margin-bottom:0px;
}
.accordion-box.style-two{
margin-top:40px;
margin-bottom:60px;
}
.accordion-box.style-two .block{
border:2px solid #eeeeee;
}
.accordion-box.style-two .block .acc-btn{
background-color:#eeeeee;
font-size:18px;
font-weight:400;
padding:15px 30px 15px 25px;
font-family: 'Montserrat', sans-serif;
}
.accordion-box.style-two .block .icon-outer,
.accordion-box.style-two .block .icon-outer .icon{
right:0px;
left:auto;
font-size:20px;
line-height:60px;
height:60px;
color:#333333;
background-color:#eeeeee;
}
.accordion-box.style-two .block .acc-btn.active{
color:#2ecc40;
background-color:#333333;
}
.accordion-box.style-two .block .acc-btn.active .icon-outer .icon-minus{
background:none;
color:#2ecc40;
}
.accordion-box.style-two .block .content .text{
font-size:16px;
}
/***
====================================================================
Map Section Style
====================================================================
***/
.map-section-two{
position:relative;
}
.map-section-two .map-canvas{
height:600px;
}
.map-section-two .map-info-box{
position:absolute;
left:50%;
bottom:-50px;
z-index:1;
margin-left:-465px;
}
.map-section-two .map-info-box .info-inner:after{
display:none;
}
/***
====================================================================
Call To Action Section
====================================================================
***/
.call-to-action-section{
position:relative;
padding:50px 0px;
}
.call-to-action-section .text{
position:relative;
color:#222222;
font-size:24px;
font-weight:500;
line-height:1.4em;
margin-top:15px;
text-transform:uppercase;
}
.call-to-action-section .btn-column{
position:relative;
text-align:right;
}
.call-to-action-section .btn-column .theme-btn{
font-weight:700;
font-size:16px;
text-transform:uppercase;
}
/***
====================================================================
Services Section
====================================================================
***/
.services-section-three{
position:relative;
padding:80px 0px 80px;
}
.services-block-three{
position:relative;
margin-bottom:50px;
}
.services-block-three .inner-box{
position:relative;
text-align:center;
padding:110px 30px 30px;
border:2px solid #dddddd;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.services-block-three .inner-box:hover{
border-color:#000000;
}
.services-block-three .inner-box .icon-box{
position:absolute;
left:50%;
top:-2px;
color:#333333;
font-size:22px;
margin-left:-30px;
text-align:center;
padding:35px 20px 15px;
background-color:#2ecc40;
}
.services-block-three .inner-box h3{
position:relative;
color:#333333;
font-size:20px;
font-weight:700;
line-height:1.4em;
margin-bottom:18px;
font-family: 'Arimo', sans-serif;
}
.services-block-three .inner-box h3 a{
position:relative;
color:#333333;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.services-block-three .inner-box h3 a:hover{
color:#2ecc40;
}
.services-block-three .inner-box .text{
position:relative;
color:#666666;
font-size:14px;
line-height:1.9em;
}
.services-block-four{
position:relative;
margin-bottom:40px;
}
.services-block-four .inner-box{
position:relative;
padding:20px 15px 20px 90px;
border:2px solid #dddddd;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.services-block-four .inner-box .icon-box{
position:absolute;
left:-2px;
top:-2px;
width:60px;
bottom:-2px;
color:#333333;
font-size:28px;
text-align:center;
line-height:100px;
background-color:#2ecc40;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.services-block-four .inner-box:hover .icon-box{
color:#2ecc40;
background-color:#333333;
}
.services-block-four .inner-box h3{
position:relative;
color:#333333;
font-size:20px;
font-weight:700;
line-height:1.4em;
margin-bottom:5px;
font-family: 'Arimo', sans-serif;
}
.services-block-four .inner-box h3 a{
position:relative;
color:#333333;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.services-block-four .inner-box h3 a:hover{
color:#2ecc40;
}
.services-block-four .inner-box .text{
position:relative;
color:#777777;
font-size:15px;
line-height:1.6em;
}
/***
====================================================================
Work Section
====================================================================
***/
.work-section{
position:relative;
padding:80px 0px 50px;
background-position:center center;
background-size:cover;
background-repeat:no-repeat;
margin: 50px 0;
}
.work-section.process{
position:relative;
padding: 0px 0px 50px;
background-position:center center;
background-size:cover;
background-repeat:no-repeat;
margin: 50px 0;
}
.work-section .sec-title{
margin-bottom:100px;
}
.process-block{
position:relative;
margin-bottom:60px;
}
.process-block .inner-box{
position:relative;
text-align:center;
}
.process-block .inner-box .upper-box{
position:relative;
}
.process-block .inner-box .upper-box:after{
position:absolute;
content:'\f178';
left:100%;
top:50%;
color:#000;
font-size:45px;
/* transform: rotate(90deg); */
margin-top:-10px;
font-family: 'FontAwesome';
}
.process-block:last-child .inner-box .upper-box:after{
display:none;
}
.process-block .inner-box .upper-box .icon-box .block-number{
position:absolute;
right:-20px;
top:-20px;
width:40px;
height:40px;
color:#333333;
font-size:24px;
text-align:center;
border-radius:50%;
font-weight:700;
line-height:40px;
background-color:#2ecc40;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
font-family: 'Arimo', sans-serif;
}
.process-block .inner-box:hover .upper-box .icon-box .block-number{
background-color:#ffffff;
color:#333333;
}
.process-block .inner-box .upper-box .icon-box{
position:relative;
width:150px;
height:150px;
margin:0 auto;
color:#2ecc40;
font-size:60px;
line-height:154px;
margin-bottom:32px;
background-color:#ffffff;
border-radius:25px 0px 25px 0px;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.process-block .inner-box:hover .upper-box .icon-box{
color:#333333;
border-color:#2ecc40;
background-color:#2ecc40;
}
.process-block .inner-box .lower-box{
position:relative;
}
.process-block .inner-box .lower-box h3{
position:relative;
font-size:20px;
font-weight:500;
color:#2ecc40;
margin-bottom:15px;
text-transform:uppercase;
}
.process-block .inner-box .lower-box h3 a{
position:relative;
color:#2ecc40;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.process-block.style-two .inner-box:hover .lower-box h3 a{
color:#333333;
}
.process-block .inner-box:hover .lower-box h3 a{
color:#ffffff;
}
.process-block .inner-box .lower-box .text{
position:relative;
color:#ffffff;
font-size:16px;
line-height:1.8em;
max-width:250px;
margin:0 auto;
}
.process-block.style-two .inner-box .lower-box .text{
color:#777777;
}
/***
====================================================================
News Section Two
====================================================================
***/
.news-section-two{
position:relative;
padding:80px 0px 80px;
}
.news-block-three{
position:relative;
margin-bottom:40px;
padding: 20px;
border: 2px solid #2ECC40;
}
.news-block-three .inner-box{
position:relative;
}
.news-block-three .inner-box .image{
position:relative;
}
.news-block-three .inner-box .image .overlay-link{
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
display:block;
color:#ffffff;
font-size:32px;
text-align:center;
line-height:1em;
opacity:0;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
background-color:rgba(17,17,17,0.70);
}
.news-block-three .inner-box:hover .image .overlay-link{
opacity:1;
}
.news-block-three .inner-box .image .overlay-link .fa{
position:relative;
top:50%;
margin-top:-12px;
display:block;
}
.news-block-three .inner-box .image img{
position:relative;
width:100%;
display:block;
}
.news-block-three .inner-box .lower-content{
position:relative;
padding:25px 25px 20px;
border:2px solid #dddddd;
border-top:none;
}
.news-block-three .inner-box .lower-content.inner-column{
position:relative;
padding:0px;
border:0px;
}
.news-block-three .inner-box .lower-content.inner-column ul{
position:relative;
margin-bottom:10px;
}
.news-block-three .inner-box .lower-content h3{
position:relative;
font-size:20px;
color:#222;
font-weight:500;
line-height:1.5em;
margin-bottom:12px;
}
.news-block-three .inner-box .lower-content h3 a{
position:relative;
color:#222222;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.news-block-three .inner-box .lower-content h3 a:hover{
color:#2ecc40;
}
.news-block-three .inner-box .lower-content .text{
position:relative;
color:#666666;
font-size:15px;
line-height:1.8em;
margin-bottom:20px;
}
.news-block-three .inner-box .lower-content .post-meta{
position:relative;
margin-bottom:0px;
}
.news-block-three .inner-box .lower-content .post-meta li{
position:relative;
color:#666666;
font-size:13px;
margin-right:15px;
display:inline-block;
}
.news-block-three .inner-box .lower-content .post-meta li:last-child{
margin-right:0px;
}
.news-block-three .inner-box .lower-content .post-meta li span{
position:relative;
margin-right:8px;
color:#2ecc40;
}
/***
====================================================================
Contact Info Section
====================================================================
***/
.contact-info-section{
position:relative;
padding:80px 0px 80px;
}
.contact-info-section .info-column{
position:relative;
}
.contact-info-section .info-column .inner-column{
position:relative;
}
.contact-info-section .info-column .logo{
position:relative;
margin-bottom:25px;
}
.contact-info-section .info-column .text{
position:relative;
color:#777777;
font-size:15px;
line-height:1.8em;
margin-bottom:35px;
}
.contact-info-section .form-column{
position:relative;
}
.contact-info-section .form-column .sec-title{
margin-bottom:40px;
}
/***
====================================================================
Default Form
====================================================================
***/
.default-form{
position:relative;
}
.default-form .form-group{
position:relative;
margin-bottom:15px;
}
.default-form .form-group input[type="text"],
.default-form .form-group input[type="password"],
.default-form .form-group input[type="tel"],
.default-form .form-group input[type="email"],
.default-form .form-group input[type="file"],
.default-form .form-group input[type="number"],
.default-form .form-group select{
position:relative;
display:block;
width:100%;
line-height:28px;
padding:10px 20px;
height:50px;
font-size:14px;
color: #495057c4;
border:2px solid #dddddd;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.default-form .form-group input[type="text"]:focus,
.default-form .form-group input[type="password"]:focus,
.default-form .form-group input[type="tel"]:focus,
.default-form .form-group input[type="email"]:focus,
.default-form .form-group select:focus,
.default-form .form-group textarea:focus{
border-color:#2ecc40;
}
.default-form .form-group textarea{
position:relative;
display:block;
width:100%;
line-height:24px;
padding:10px 20px;
color:#a5a5a5;
height:180px;
font-size:14px;
resize:none;
border:2px solid #dddddd;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.default-form button{
margin-top:10px;
font-size:16px;
font-weight:700;
padding:12px 34px;
color:#333333;
border-radius:50px;
text-transform:capitalize;
}
.contact-form input.error,
.contact-form select.error,
.contact-form textarea.error{
border-color:#ff0000 !important;
}
.contact-form label.error{
display:block;
line-height:24px;
padding:5px 0px 0px;
margin:0px;
text-transform:uppercase;
font-size:12px;
color:#ff0000;
font-weight:500;
}
.footer-style-two{
position:relative;
padding:22px 0px;
background-color:#222222;
}
.footer-style-two .copyright{
position:relative;
color:#ffffff;
font-size:15px;
font-weight:400;
}
.footer-style-two .social-column{
text-align:right;
}
/***
====================================================================
Page Title
====================================================================
***/
.page-title{
position:relative;
text-align:center;
padding:100px 0px 100px;
background-repeat:no-repeat;
background-size:cover;
background-position:center top;
}
.page-title h1{
position:relative;
color:#ffffff;
font-size:36px;
font-weight:700;
line-height:1.2em;
margin-bottom:18px;
text-transform:uppercase;
}
.page-title .page-breadcrumb{
position:relative;
}
.page-title .page-breadcrumb li{
position:relative;
display:inline-block;
margin-right:10px;
padding-right:10px;
color:#ffffff;
font-size:16px;
font-weight:400;
}
.page-title .page-breadcrumb li:after{
position:absolute;
content:'\f105';
right:-4px;
top:0px;
color:#dcdbdb;
font-family: 'FontAwesome';
}
.page-title .page-breadcrumb li:last-child::after{
display:none;
}
.page-title .page-breadcrumb li:last-child{
padding-right:0px;
margin-right:0px;
}
.page-title .page-breadcrumb li a{
color:#2ecc40;
font-weight:500;
}
/***
====================================================================
Fluid Section One
====================================================================
***/
.fluid-section-one{
position:relative;
}
.fluid-section-one .outer-container{
position:relative;
}
.fluid-section-one .title-column{
position: relative;
float:left;
left:0px;
top:0px;
width:50%;
height:100%;
background-repeat:no-repeat;
background-position:center center;
background-size:cover;
}
.fluid-section-one .title-column:before{
position:absolute;
content:'';
left:0px;
top:0px;
width:100%;
height:100%;
display:block;
background-color:rgba(255,178,0,0.90);
}
.fluid-section-one .title-column .inner-column{
position:relative;
max-width:600px;
width:100%;
float:right;
min-height:192px;
padding:66px 50px 66px 15px;
}
.fluid-section-one .title-column .inner-column h2{
position:relative;
color:#ffffff;
font-size:24px;
font-weight:600;
line-height:1.2em;
text-transform:capitalize;
}
.fluid-section-one .title-column .inner-column .text{
position:relative;
color:#222222;
font-size:18px;
font-weight:400;
margin-bottom:8px;
}
.fluid-section-one .title-column .inner-column .icon-box{
position:absolute;
right:-47px;
top:50%;
color:#222222;
font-size:32px;
z-index:1;
width:95px;
height:95px;
margin-top:-47px;
line-height:90px;
text-align:center;
background-color:#ffffff;
border:3px solid #cccccc;
-webkit-transform:rotate(45deg);
-ms-transform:rotate(45deg);
-o-transform:rotate(45deg);
-moz-transform:rotate(45deg);
transform:rotate(45deg);
}
.fluid-section-one .title-column .inner-column .icon-box .icon{
position:relative;
display:block;
-webkit-transform:rotate(-45deg);
-ms-transform:rotate(-45deg);
-o-transform:rotate(-45deg);
-moz-transform:rotate(-45deg);
transform:rotate(-45deg);
}
.fluid-section-one .form-column{
position:relative;
float:right;
width:50%;
}
.fluid-section-one .form-column .inner-column{
position:relative;
max-width:600px;
width:100%;
min-height:192px;
padding:71px 15px 71px 150px;
}
.subscribe-form-three .form-group{
position:relative;
display:block;
margin:0px;
width:100%;
z-index:1;
}
.subscribe-form-three .form-group input[type="text"],
.subscribe-form-three .form-group input[type="tel"],
.subscribe-form-three .form-group input[type="email"],
.subscribe-form-three .form-group textarea{
position:relative;
display:block;
width:100%;
line-height:28px;
height:50px;
font-size:14px;
color:#ffffff;
background:none;
padding:10px 50px 10px 0px;
border-bottom:1px solid #ffffff;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.subscribe-form-three .form-group input[type="submit"],
.subscribe-form-three button{
position:absolute;
right:0px;
top:0px;
width:40px;
height:50px;
line-height:40px;
color:#2ecc40;
font-size:20px;
background:none;
}
/***
====================================================================
Solutions Page Section
====================================================================
***/
.solutions-page-section{
position:relative;
padding: 60px 0px 100px;
}
.solutions-page-section .styled-pagination{
margin-top:40px;
}
.styled-pagination{
position:relative;
}
.styled-pagination li{
position:relative;
display:inline-block;
margin:0px 15px 6px 0px;
}
.styled-pagination li a{
position:relative;
display:inline-block;
line-height:46px;
height:48px;
font-size:19px;
min-width:48px;
color:#666666;
font-weight:700;
text-align:center;
background:#ffffff;
border:2px solid #dddddd;
text-transform:capitalize;
transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
-moz-transition:all 500ms ease;
}
.styled-pagination li.prev a{
color:#ffffff;
border-radius:50px 0px 0px 50px;
background-color:#333333;
border-color:#333333;
}
.styled-pagination li.next a{
border-radius:0px 50px 50px 0px;
background-color:#333333;
border-color:#333333;
color:#ffffff;
}
.styled-pagination li.prev a:hover,
.styled-pagination li.next a:hover{
background-color:#2ecc40;
border-color:#2ecc40;
color:#ffffff;
}
.styled-pagination li a:hover,
.styled-pagination li a.active{
color:#666666;
border-color:#dddddd;
background-color:#dddddd;
}
/***
====================================================================
Sidebar Page Container
====================================================================
***/
.sidebar-page-container{
position:relative;
padding: 60px 0px 60px;
}
.sidebar-page-container .content-side,
.sidebar-page-container .sidebar-side{
margin-bottom:40px;
}
.sidebar-widget{
position: relative;
margin-bottom: 40px;
}
/*Blog Category*/
.blog-cat{
position:relative;
border:1px solid #dddddd;
}
.blog-cat li{
position:relative;
border-bottom:1px solid #dddddd;
}
.blog-cat li:last-child{
border-bottom:none;
}
.blog-cat li:after{
position:absolute;
content:'';
right:-1px;
top:50%;
opacity:0;
margin-top:-5px;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
border-top: 5px solid transparent;
border-right: 8px solid #ffffff;
border-bottom: 6px solid transparent;
}
.blog-cat li.active::after,
.blog-cat li:hover::after{
opacity:1;
}
.blog-cat li a{
position:relative;
color:#333333;
font-size:16px;
font-weight:500;
padding:22px 15px 22px 50px;
display:block;
background-color:#f6f6f6;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
font-family: 'Montserrat', sans-serif;
}
.blog-cat li a:before{
position:absolute;
content:'\f0da';
left:28px;
top:22px;
color:#aaaaaa;
font-size:18px;
font-family: 'FontAwesome';
}
.blog-cat li a:after{
position:absolute;
content:'';
left:-1px;
top:0px;
width:4px;
height:100%;
opacity:0;
background-color:#2ecc40;
display:inline-block;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.blog-cat li.active a::after,
.blog-cat li a:hover::after{
opacity:1;
}
.blog-cat li a:hover::before,
.blog-cat li.active a::before{
color:#ffffff;
}
.blog-cat li.active a,
.blog-cat li a:hover{
color:#ffffff;
background-color:#333333;
}
/*Brochure Box*/
.brochure-box{
position:relative;
margin-bottom:30px;
padding:18px 15px 18px 30px;
border:2px solid #cccccc;
background-color:#ffffff;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.brochure-box .inner{
position:relative;
padding-left:30px;
}
.brochure-box .overlay-link{
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
display:block;
}
.brochure-box .inner .icon{
position:absolute;
left:0px;
top:0px;
color:#222222;
font-size:16px;
font-weight:500;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.brochure-box .inner .text{
position:relative;
font-size:18px;
font-weight:700;
color:#333333;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
font-family: 'Montserrat', sans-serif;
}
.brochure-box:hover{
border-color:#ffb902;
background-color:#ffb902;
}
.brochure-box:hover .icon{
color:#ffffff;
}
.brochure-box:hover .text{
color:#ffffff;
}
/*Services Single*/
.services-single{
position:relative;
}
.services-single .inner-box{
position:relative;
}
.services-single .inner-box .image{
position:relative;
}
.services-single .inner-box .image img{
position:relative;
width:100%;
display:block;
}
.services-single .inner-box .image .icon{
position: absolute;
left: 30px;
bottom: 30px;
width: 60px;
height: 57px;
color: #333333;
font-size: 28px;
z-index: 1;
text-align: center;
line-height: 57px;
background-color: #2ecc40;
}
.services-single .inner-box .lower-content{
position:relative;
padding-top:28px;
}
.services-single .inner-box .lower-content h2{
position:relative;
color:#333333;
font-size:30px;
font-weight:500;
line-height:1.4em;
margin-bottom:22px;
}
.services-single .inner-box .lower-content .text{
position:relative;
}
.services-single .inner-box .lower-content .text p{
position:relative;
color:#777777;
font-size:16px;
line-height:1.9em;
margin-bottom:20px;
}
.services-single .inner-box .lower-content .text h3{
position:relative;
color:#333333;
font-size:30px;
font-weight:500;
margin-top:50px;
margin-bottom:15px;
}
.services-single .inner-box .lower-content .text .sec-title{
margin-top:50px;
margin-bottom:30px;
}
.services-single .inner-box .lower-content .text .sec-title h2{
margin-bottom:0px;
}
/***
====================================================================
Product Tabs Style
====================================================================
***/
.services-single .services-tabs{
position:relative;
}
.services-single .services-tabs .tab-btns{
position:relative;
z-index:1;
border-bottom:1px solid #dddddd;
}
.services-single .services-tabs .tab-btns .tab-btn{
position:relative;
top:1px;
display:block;
float:left;
margin-right:5px;
font-size:16px;
background:#ebebeb;
color:#333333;
text-transform:capitalize;
font-weight:700;
line-height:24px;
cursor:pointer;
border:2px solid #dddddd;
padding:11px 22px 9px;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.services-single .services-tabs .tab-btns .tab-btn:hover:after,
.services-single .services-tabs .tab-btns .tab-btn.active-btn:after{
position:absolute;
content:'';
left:0px;
bottom:-3px;
width:100%;
height:5px;
background-color:#ffffff;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.services-single .services-tabs .tab-btns .tab-btn:hover,
.services-single .services-tabs .tab-btns .tab-btn.active-btn{
color:#2ecc40;
border-color:#e2e2e2;
background:#ffffff;
}
.services-single .services-tabs .tabs-content{
position:relative;
padding:22px 22px 22px;
border:2px solid #dddddd;
border-top:0px;
}
.services-single .services-tabs .tabs-content .tab{
position:relative;
display:none;
border-top:0px;
}
.services-single .services-tabs .tabs-content .tab.active-tab{
display:block;
}
.services-single .services-tabs .tabs-content .tab .content{
position:relative;
}
.services-single .services-tabs .tabs-content .tab .content p{
position:relative;
font-size:15px;
line-height:2em;
color:#777777;
margin-bottom:0px;
}
/***
====================================================================
Project Page Section
====================================================================
***/
.project-page-section{
position:relative;
padding: 60px 0px 60px;
}
.project-page-section .filters{
position:relative;
}
.project-page-section .filters .filter-tabs{
position:relative;
margin-bottom:60px;
text-align:center;
}
.project-page-section .filters .filter-tabs .filter{
position:relative;
color:#222222;
font-size:16px;
cursor:pointer;
font-weight:400;
padding:5px 20px;
margin: 10px 0 0;
text-transform:uppercase;
display:inline-block;
line-height:1em;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
border: 1px solid #2ECC40;
}
.project-page-section .filters .filter-tabs .filter:hover{
background-color: #2ECC4010;
}
.project-page-section .filters .filter-tabs .filter:last-child::after{
display:none;
}
.project-page-section .filters .filter-tabs .filter.active,
.project-page-section .filters .filter-tabs .filter:hover{
color:#000000 !important;
background: #2ecc4040;
}
.default-portfolio-item.mix{
display:none;
}
.project-page-section .styled-pagination{
margin-top:60px;
}
/***
====================================================================
gallery page Section
====================================================================
***/
.gallery-page-section{
position:relative;
padding: 60px 0px 60px;
}
.gallery-page-section .filters{
position:relative;
}
.gallery-page-section .filters .filter-tabs{
position:relative;
margin-bottom:60px;
text-align:center;
}
.gallery-page-section .filters .filter-tabs .filter{
position:relative;
color:#222222;
font-size:16px;
cursor:pointer;
font-weight:400;
padding:5px 20px;
text-transform:uppercase;
display:inline-block;
line-height:1em;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
border: 1px solid #2ECC40;
}
.gallery-page-section .filters .filter-tabs .filter:hover{
background-color: #2ECC4010;
}
.gallery-page-section .filters .filter-tabs .filter:last-child::after{
display:none;
}
.gallery-page-section .filters .filter-tabs .filter.active,
.gallery-page-section .filters .filter-tabs .filter:hover{
color:#000000 !important;
background: #2ecc4040;
}
.default-portfolio-item.mix{
display:none;
}
.gallery-page-section .styled-pagination{
margin-top:60px;
}
/***
====================================================================
Project Single Section
====================================================================
***/
.project-single-section{
position:relative;
padding:100px 0px 100px;
}
.project-single-section .upper-box{
position:relative;
margin-bottom:20px;
}
.project-single-section .upper-box .image-column{
position:relative;
margin-bottom:40px;
}
.project-single-section .upper-box .image-column .image{
position:relative;
}
.project-single-section .upper-box .image-column .image img{
position:relative;
width:100%;
display:block;
}
.project-single-section .upper-box .list-column{
position:relative;
}
.project-single-section .upper-box .list-column .inner-column{
position:relative;
}
.project-single-section .lower-box{
position:relative;
}
.project-single-section .lower-box h2{
position:relative;
color:#333333;
font-size:36px;
font-weight:700;
line-height:1.4em;
margin-bottom:16px;
font-family: 'Raleway', sans-serif;
}
.project-single-section .lower-box .title{
position:relative;
color:#777777;
font-size:20px;
font-weight:600;
margin-bottom:35px;
}
.project-single-section .lower-box h3{
position:relative;
color:#333333;
font-size:24px;
font-weight:600;
line-height:1.4em;
margin-bottom:12px;
}
.project-single-section .lower-box .text{
position:relative;
color:#777777;
font-size:16px;
line-height:1.8em;
margin-bottom:20px;
}
.project-list{
position:relative;
}
.project-list li{
position:relative;
color:#777777;
font-size:14px;
margin-bottom:30px;
border:1px solid #bbbbbb;
padding:13px 12px 13px 70px;
}
.project-list li .icon{
position:absolute;
left:-1px;
top:-1px;
width:50px;
height:51px;
color:#333333;
bottom:-1px;
font-size:20px;
line-height:50px;
text-align:center;
background-color:#2ecc40;
}
.project-list li strong{
color:#333333;
font-weight:600;
margin-right:15px;
font-family: 'Montserrat', sans-serif;
}
.project-list li.social-icons{
border:0px;
padding:0px;
margin-top:32px;
}
.project-list li.social-icons .follow{
position:relative;
font-size:20px;
font-weight:700;
color:#333333;
font-family: 'Montserrat', sans-serif;
}
.project-list li.social-icons a{
color:#777777;
font-size:20px;
margin-left:15px;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.project-list li.social-icons a:hover{
color:#2ecc40;
}
/***
====================================================================
Blog Page Section
====================================================================
***/
.blog-page-section{
position:relative;
padding:100px 0px 100px;
}
.blog-page-section .styled-pagination{
margin-top:40px;
}
/*Search Box Widget*/
.sidebar .search-box .form-group{
position:relative;
margin:0px;
}
.sidebar .search-box .form-group input[type="text"],
.sidebar .search-box .form-group input[type="search"]{
position:relative;
line-height:36px;
padding:10px 50px 10px 20px;
border:2px solid #cccccc;
background:none;
display:block;
font-size:16px;
width:100%;
height:60px;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.sidebar .search-box .form-group button{
position:absolute;
right:0px;
top:0px;
height:60px;
width:60px;
display:block;
font-size:20px;
color:#333333;
line-height:100%;
font-weight:normal;
background:#2ecc40;
}
.sidebar-title{
position:relative;
margin-bottom:45px;
}
.sidebar-title h2{
position:relative;
color:#333333;
font-size:24px;
font-weight:500;
line-height:1.2em;
padding-bottom:12px;
font-family: 'Montserrat', sans-serif;
}
.sidebar-title .separater{
position:relative;
width:100px;
height:2px;
background-color:#333333;
}
.sidebar-title .separater:after{
position:absolute;
content:'';
right:0px;
top:-4px;
width:10px;
height:10px;
background-color:#2ecc40;
}
.cat-list{
position:relative;
}
.cat-list li{
position:relative;
margin-bottom:2px;
}
.cat-list li a{
position:relative;
padding:18px 28px;
display:block;
font-size:16px;
font-weight:700;
color:#777777;
padding-left:50px;
background-color:#eeeeee;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
font-family: 'Raleway', sans-serif;
}
.cat-list li a:before{
position:absolute;
content:'\f0da';
left:30px;
top:17px;
font-family: 'FontAwesome';
}
.cat-list li a span{
float:right;
font-family: 'Arimo', sans-serif;
}
.cat-list li.active a,
.cat-list li a:hover{
color:#2ecc40;
background-color:#333333;
}
/*Post Widget*/
.sidebar .popular-posts .post{
position:relative;
font-size:14px;
color:#666666;
padding:0px 0px;
padding-left:100px;
margin-bottom:20px;
}
.sidebar .popular-posts .post:last-child{
margin-bottom:0px;
}
.sidebar .popular-posts .post .post-thumb{
position:absolute;
left:0px;
top:0px;
width:80px;
}
.sidebar .popular-posts .post .post-thumb .overlay-box{
position: absolute;
content: '';
left: 0px;
top: 0px;
width: 100%;
height: 100%;
display: block;
color: #2ecc40;
font-size: 18px;
opacity: 0;
text-align: center;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
background-color: rgba(51,51,51,0.70);
}
.sidebar .popular-posts .post:hover .post-thumb .overlay-box{
opacity:1;
}
.sidebar .popular-posts .post .post-thumb .overlay-box .icon{
position:relative;
top:50%;
margin-top:-10px;
display:block;
}
.sidebar .popular-posts .post .post-thumb img{
display:block;
width:100%;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.sidebar .popular-posts .post .text{
position:relative;
top:-4px;
font-size:16px;
margin:0px 0px 0px;
font-weight:700;
color:#333333;
line-height:1.4em;
text-transform:capitalize;
}
.sidebar .popular-posts .post .text a{
color:#333333;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.sidebar .popular-posts .post a:hover{
color:#2ecc40;
}
.sidebar .popular-posts .post-info{
position:relative;
font-size:14px;
color:#777777;
font-weight:400;
padding-left:24px;
}
.sidebar .popular-posts .post-info:before{
position:absolute;
content:'\f06e';
left:0px;
top:0px;
font-size:14px;
font-family: 'FontAwesome';
}
/*Popular Tags*/
.sidebar .popular-tags a{
position:relative;
display:inline-block;
line-height:24px;
padding:13px 18px 13px;
margin:0px 3px 7px 0px;
color:#777777;
text-align:center;
font-size:16px;
background:#f5f5f5;
font-weight:400;
text-transform:capitalize;
transition:all 600ms ease;
-webkit-transition:all 600ms ease;
-ms-transition:all 600ms ease;
-o-transition:all 600ms ease;
-moz-transition:all 600ms ease;
font-family: 'Montserrat', sans-serif;
}
.sidebar .popular-tags a:hover{
background-color:#333333;
color:#2ecc40;
border-radius:50px;
}
.blog-classic .news-block-three{
margin-bottom:50px;
}
.blog-classic .news-block-three .inner-box .lower-content{
padding:35px 25px 30px;
border: 2px solid #2ECC40;
}
.blog-classic .news-block-three .inner-box .lower-content h3{
font-size:24px;
}
.blog-classic .styled-pagination{
margin-top:80px;
}
.news-single{
position:relative;
}
.news-single .inner-box{
position:relative;
}
.news-single .inner-box .image{
position:relative;
}
.news-single .inner-box .image img{
position:relative;
width:100%;
display:block;
}
.news-single .inner-box .lower-content{
position:relative;
padding:35px 25px 20px;
border:2px solid #dddddd;
border-top:none;
}
.news-single .inner-box .lower-content .post-meta{
position:relative;
margin-bottom:15px;
}
.news-single .inner-box .lower-content .post-meta li{
position:relative;
color:#666666;
font-size:13px;
margin-right:15px;
display:inline-block;
}
.news-single .inner-box .lower-content .post-meta li:last-child{
margin-right:0px;
}
.news-single .inner-box .lower-content .post-meta li span{
position:relative;
margin-right:8px;
color:#2ecc40;
}
.news-single .inner-box .lower-content h3{
position:relative;
font-size:24px;
font-weight:500;
line-height:1.5em;
margin-bottom:15px;
color:#222222;
}
.news-single .inner-box .lower-content .text{
position:relative;
}
.news-single .inner-box .lower-content .text p{
position:relative;
color:#777777;
font-size:16px;
line-height:1.8em;
margin-bottom:25px;
}
.news-single .inner-box .lower-content .text blockquote{
position:relative;
border:none;
color:#333333;
font-size:16px;
padding:0px;
margin-left:35px;
line-height:1.9em;
font-style:italic;
margin-bottom:25px;
}
.news-single .inner-box .lower-content .post-share-options{
position:relative;
margin-top:40px;
padding:25px 0px 0px;
border-top:2px solid #dddddd;
}
.news-single .inner-box .lower-content .post-share-options .tags{
position:relative;
margin-top:10px;
}
.news-single .inner-box .lower-content .post-share-options .tag{
position:relative;
color:#333333;
font-size:16px;
font-weight:700;
margin-right:2px;
font-family: 'Montserrat', sans-serif;
}
.news-single .inner-box .lower-content .post-share-options .tags a{
position:relative;
color:#777777;
font-size:16px;
font-weight:700;
margin-right:2px;
display:inline-block;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.news-single .inner-box .lower-content .post-share-options .tags a:hover{
color:#2ecc40;
}
/***
====================================================================
Comments Area
====================================================================
***/
.sidebar-page-container .comments-area{
position:relative;
margin-bottom:20px;
margin-top:70px;
}
.sidebar-page-container .sec-title{
margin-bottom:60px;
}
.sidebar-page-container .sec-title h2{
font-size:30px;
}
.sidebar-page-container .comments-area .comment-box{
position:relative;
margin-bottom:50px;
padding-bottom:45px;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
border-bottom:1px solid #dddddd;
}
.sidebar-page-container .comments-area .comment-box.reply-comment{
margin-left:100px;
}
.sidebar-page-container .comments-area .comment-box:hover{
border-color:#2ecc40;
}
.sidebar-page-container .comments-area .comment-box:last-child{
border:0px;
padding-bottom:0px;
}
.sidebar-page-container .comments-area .comment{
position:relative;
font-size:14px;
padding:0px 0px 0px 130px;
}
.sidebar-page-container .comments-area .comment .comment-inner{
position:relative;
}
.sidebar-page-container .comments-area .comment .comment-reply{
position:relative;
color:#333333;
font-size:12px;
font-weight:700;
text-align:center;
display:inline-block;
padding:4px 14px;
margin-top:18px;
border-radius:50px;
text-transform:uppercase;
background-color:#2ecc40;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.sidebar-page-container .comments-area .comment .comment-reply .icon{
font-size:13px;
margin-right:2px;
}
.sidebar-page-container .comments-area .comment-box .author-thumb{
position:absolute;
left:0px;
top:0px;
width:90px;
overflow:hidden;
margin-bottom:20px;
}
.sidebar-page-container .comments-area .comment-box .author-thumb img{
display:block;
}
.sidebar-page-container .comments-area .comment-info{
color:#333333;
line-height:24px;
font-size:16px;
font-weight:700;
margin-bottom:12px;
}
.sidebar-page-container .comments-area .comment-info strong{
color:#333333;
font-size:18px;
font-weight:700;
font-family: 'Montserrat', sans-serif;
}
.sidebar-page-container .comments-area .comment-info span{
font-weight:400;
font-size:16px;
color:#777777;
margin-left:22px;
}
.sidebar-page-container .comments-area .comment .comment-inner .rating{
position:relative;
font-size:18px;
color:#2ecc40;
}
.sidebar-page-container .comments-area .comment-box .text{
color:#777777;
font-size:16px;
margin-top:10px;
margin-bottom:0px;
line-height: 1.6em;
}
.sidebar-page-container .comments-area .comment-info .comment-time{
position:relative;
font-size:14px;
color:#2ecc40;
margin-left:38px;
font-weight:400;
text-transform:uppercase;
display:inline-block;
}
.sidebar-page-container .comments-area .comment-box .theme-btn{
padding:5px 30px;
font-size:12px;
border:1px solid #fbca00;
text-transform:uppercase;
letter-spacing:1px;
}
.sidebar-page-container .comments-area.style-two{
margin-top:20px;
}
.sidebar-page-container .comments-area.style-two .comment-box{
padding:15px;
margin-bottom:20px;
border:1px solid #dddddd;
}
.sidebar-page-container .comments-area.style-two .comment-box .comment{
padding-left:95px;
}
.sidebar-page-container .comments-area.style-two .comment-box .text{
font-size:14px;
margin-top:2px;
}
.sidebar-page-container .comments-area.style-two .comment-info{
margin-bottom:3px;
}
/***
====================================================================
Comment Form
====================================================================
***/
.comment-form{
position:relative;
}
.comment-form .row{
margin:0px -10px;
}
.comment-form .form-group{
position:relative;
margin-bottom:20px;
padding:0px 10px;
}
.comment-form .form-group:last-child{
margin-bottom:0px;
}
.comment-form .form-group input[type="text"],
.comment-form .form-group input[type="password"],
.comment-form .form-group input[type="tel"],
.comment-form .form-group input[type="email"],
.comment-form .form-group select{
position:relative;
display:block;
width:100%;
line-height:28px;
padding:10px 20px;
height:50px;
font-size:14px;
color: #495057c4;
border:1px solid #cccccc;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.comment-form .form-group input[type="text"]:focus,
.comment-form .form-group input[type="password"]:focus,
.comment-form .form-group input[type="tel"]:focus,
.comment-form .form-group input[type="email"]:focus,
.comment-form .form-group select:focus,
.comment-form .form-group textarea:focus{
border-color:#2ecc40;
}
.comment-form .form-group textarea{
position:relative;
display:block;
width:100%;
line-height:24px;
padding:10px 20px;
color:#a5a5a5;
height:170px;
font-size:14px;
resize:none;
border:1px solid #cccccc;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.comment-form button{
margin-top:12px;
font-size:16px;
font-weight:600;
border-radius:50px;
padding:16px 32px;
text-transform:capitalize;
font-family: 'Montserrat', sans-serif;
}
/***
====================================================================
Login Section
====================================================================
***/
.apply-section{
position:relative;
padding:120px 0px 90px;
}
.login-section{
position:relative;
padding:0px 0px 90px;
}
.login-form.register-form{
padding-bottom:47px;
}
.login-section h2{
position:relative;
color:#222222;
font-size:36px;
font-weight:600;
line-height:1.2em;
margin-bottom:25px;
}
.login-form{
position:relative;
margin-bottom:40px;
padding:30px 40px 25px;
background-color:#f9f9f9;
}
.login-form .form-group{
position:relative;
margin-bottom:16px;
}
.login-form .form-group.check-box{
margin-bottom:0px;
}
.login-form .form-group:nth-child(2){
margin-bottom:25px;
}
.login-section.style-two .login-form .form-group:nth-child(2){
margin-bottom:15px;
}
.login-form .form-group label{
position:relative;
top:-1px;
color:#666666;
font-weight:400;
font-size:14px;
margin-bottom:12px;
}
.login-form .form-group.no-margin{
margin-bottom:0px;
}
.login-form .form-group input[type="text"],
.login-form .form-group input[type="password"],
.login-form .form-group input[type="tel"],
.login-form .form-group input[type="email"]{
position:relative;
display:block;
width:100%;
line-height:28px;
padding:10px 20px;
height:50px;
font-size:14px;
border:1px solid #e0e0e0;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.login-form .form-group input[type="text"]:focus,
.login-form .form-group input[type="password"]:focus,
.login-form .form-group input[type="tel"]:focus,
.login-form .form-group input[type="email"]:focus,
.login-form .form-group select:focus,
.login-form .form-group textarea:focus{
border-color:#2ecc40;
}
.login-form button{
/* top:20px; */
margin-top:0px;
font-size:16px;
font-weight:700;
padding:11px 36px;
color:#ffffff;
text-transform:uppercase;
}
.login-form .psw{
position:relative;
color:#666666;
font-size:16px;
}
/***
====================================================================
Contact Section
====================================================================
***/
.contact-section{
position:relative;
padding:120px 0px 100px;
}
.contact-section .form-column{
margin-bottom:30px;
}
.contact-section .info-column .social-icon-two li{
color:#222222;
}
.contact-section .info-column .social-icon-two li a{
color:#666666;
}
/***
====================================================================
Error Section
====================================================================
***/
.error-section{
position:relative;
text-align:center;
padding:170px 0px 170px;
}
.error-section .error-title{
position:relative;
color:#222222;
font-size:200px;
font-weight:700;
line-height:1em;
font-family: 'Arimo', sans-serif;
}
.error-section h4{
color:#333333;
font-size:60px;
font-weight:600;
font-family: 'Montserrat', sans-serif;
text-transform:capitalize;
}
.error-section .text{
color:#666666;
font-size:30px;
margin-top:18px;
margin-bottom:45px;
}
.error-section .theme-btn{
border-radius:5px;
font-size:18px;
font-weight:700;
padding:16px 35px 15px;
text-transform:uppercase;
}
/*Comming Soon*/
.comming-soon{
position:fixed;
width:100%;
height:100%;
display:block;
overflow-y:auto;
background-size:cover;
}
.comming-soon .content{
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
display: table;
text-align:center;
vertical-align: middle;
}
.comming-soon .content .content-inner{
position: relative;
padding: 150px 15px;
display: table-cell;
vertical-align: middle;
}
.comming-soon .content .content-inner:before{
position:absolute;
content:'';
left:0px;
top:0px;
width:100%;
height:92px;
background:url(../images/background/layer-1-bg.jpg) repeat-x;
}
.comming-soon .content .content-inner:after{
position:absolute;
content:'';
left:0px;
bottom:0px;
width:100%;
height:92px;
background:url(../images/background/layer-1-bg.jpg) repeat-x;
}
.comming-soon .content .content-inner .logo{
position:relative;
padding-bottom:30px;
margin-bottom:45px;
}
.comming-soon .content .content-inner .logo:after{
position:absolute;
content:'';
left:50%;
bottom:0px;
width:100px;
height:3px;
margin-left:-50px;
background-color:#2ecc40;
}
.comming-soon .content .content-inner h2{
position:relative;
color:#ffffff;
font-size:60px;
font-weight:600;
line-height:1.2em;
margin-bottom:80px;
text-transform:uppercase;
}
.comming-soon .content .content-inner .text{
position:relative;
color:#ffffff;
font-size:24px;
font-weight:400;
line-height:1.6em;
margin-top:0px;
margin-bottom:60px;
font-family: 'Arimo', sans-serif;
}
/***
====================================================================
Countdown style
====================================================================
***/
.time-counter{
position:relative;
}
.time-counter .time-countdown{
position:relative;
}
.time-counter .time-countdown .counter-column{
position:relative;
margin:0px 15px 0px;
width:170px;
height:170px;
text-align:center;
display:inline-block;
color:#2ecc40;
font-size:20px;
line-height:30px;
text-transform:uppercase;
border-radius:50%;
font-weight:700;
margin-bottom:30px;
font-family: 'Arimo', sans-serif;
}
.time-counter .time-countdown .counter-column .count{
position:relative;
display:block;
font-size:100px;
line-height:40px;
padding:40px 0px;
color:#ffffff;
letter-spacing:1px;
font-weight:700;
font-family: 'Montserrat', sans-serif;
}
.comming-soon .emailed-form .form-group{
position:relative;
display:block;
max-width:770px;
margin:0 auto;
width:100%;
margin-bottom:20px;
}
.comming-soon .emailed-form .form-group input[type="text"],
.comming-soon .emailed-form .form-group input[type="tel"],
.comming-soon .emailed-form .form-group input[type="email"],
.comming-soon .emailed-form .form-group textarea{
position:relative;
display:block;
width:100%;
line-height:20px;
height:80px;
font-size:17px;
color:#797979;
overflow:hidden;
padding:10px 50px 10px 50px;
background:#ffffff;
border-radius:50px;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.comming-soon .emailed-form .form-group input[type="submit"],
.comming-soon .emailed-form button{
position:absolute;
right:0px;
top:0px;
width:195px;
height:80px;
line-height:40px;
color:#ffffff;
font-size:18px;
font-weight:700;
text-align:center;
background:#2ecc40;
text-transform:uppercase;
border-radius:0px 50px 50px 0px;
font-family: 'Arimo', sans-serif;
}
/*Sidebar Range slider */
.range-slider-one{
position:relative;
min-height:48px;
padding-top: 10px;
overflow: hidden;
margin-top:-20px;
}
.range-slider-one .title{
position:relative;
float:left;
color:#000000;
font-size:16px;
font-weight:400;
margin-top:8px;
}
.range-slider-one .title:before{
position:absolute;
content:'$';
right:-14px;
top:0px;
color:#848484;
font-size:16px;
font-weight:300;
}
.range-slider-one .input{
float:right;
left: 8px;
max-width:75px;
padding-left:8px;
margin-top:8px;
position: relative;
}
.range-slider-one .input input{
background:none;
color:#777777;
font-size:16px;
font-weight:300;
width:auto;
text-align:left;
}
.range-slider-one .ui-widget.ui-widget-content{
height:3px;
border:none;
margin-bottom:35px;
background:#eeeeee;
}
.range-slider-one .ui-slider .ui-slider-range{
top:0px;
height:3px;
background:#333333;
}
.range-slider-one .ui-state-default,
.range-slider-one .ui-widget-content .ui-state-default{
top:-3px;
width:10px;
height:10px;
background:#fbb200;
cursor:pointer;
border-radius:0px;
border-color:#fbb200;
}
.range-slider-one .theme-btn{
padding:8px 25px;
border-radius:0px;
font-size:16px;
font-weight:600;
color:#333333;
text-transform:uppercase;
font-family: 'Montserrat', sans-serif;
}
.range-slider-one .theme-btn:hover{
color:#fbb200;
}
/*Sidebar Realated Posts */
.sidebar .related-posts .post{
position:relative;
padding:0px 0px;
padding-left:90px;
margin-bottom:20px;
}
.sidebar .related-posts .post:last-child{
margin-bottom:0px;
border:0px;
min-height:inherit;
}
.sidebar .related-posts .post .post-thumb{
position:absolute;
left:0px;
top:0px;
width:70px;
}
.sidebar .related-posts .post .post-thumb img{
display:block;
width:100%;
}
.sidebar .related-posts .post h4{
top:-2px;
font-size:20px;
font-weight:700;
color:#333333;
line-height:1.2em;
text-transform:capitalize;
font-family: 'Raleway', sans-serif;
}
.sidebar .related-posts .post h4 a{
color:#333333;
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 .related-posts .post a,
.sidebar .related-posts .post a:hover{
color:#fbb200;
}
.sidebar .related-posts .post .price{
font-size:18px;
letter-spacing:1px;
font-weight:400;
color:#777777;
}
.sidebar .related-posts .post .rating{
margin-bottom:1px;
line-height:1em;
}
.sidebar .related-posts .post .rating .fa{
position:relative;
display:inline-block;
font-size:16px;
line-height:26px;
color:#2ecc40;
}
.our-shop .styled-pagination{
margin-top:40px;
}
/*Shop Item*/
.shop-item{
position:relative;
margin-bottom:60px;
}
.shop-item .inner-box{
position:relative;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.shop-item .inner-box:hover .image .overlay-box{
opacity:1;
}
.shop-item .inner-box .image{
position:relative;
z-index:11;
text-align:center;
background-color:#f8f8f8;
}
.shop-item .inner-box .image .overlay-box{
position:absolute;
content:'';
left:0px;
top:0px;
width:100%;
height:100%;
opacity:0;
text-align:center;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.shop-item .inner-box .image .overlay-box .cart-option{
position:relative;
top:50%;
margin-top:-25px;
}
.shop-item .inner-box .image .overlay-box .cart-option li{
position:relative;
margin:0px 3px;
color:#2ecc40;
display:inline-block;
}
.shop-item .inner-box .image .overlay-box .cart-option li a{
position:relative;
width:64px;
height:64px;
color:#ffffff;
font-size:18px;
display:block;
line-height:64px;
text-align:center;
border-radius:50%;
background-color:#2ecc40;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
/*.shop-item .inner-box .image .overlay-box .cart-option li a .fa{
display:block;
font-size:20px;
margin-bottom:8px;
}*/
.shop-item .inner-box .image .overlay-box .cart-option li a:hover{
color:#ffffff;
}
.shop-item .inner-box .image img{
width:100%;
display:inline-block;
}
.shop-item .inner-box .lower-content{
position:relative;
z-index:11;
padding:20px 0px 0px;
}
.shop-item .inner-box .lower-content h3{
position:relative;
font-size:18px;
font-weight:700;
margin-bottom:9px;
text-transform:uppercase;
}
.shop-item .inner-box .lower-content h3 a{
color:#222222;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.shop-item .inner-box .lower-content h3 a:hover{
color:#2ecc40;
}
.shop-item .inner-box .lower-content .add-cart{
position:relative;
color:#666666;
font-weight:700;
font-size:18px;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
font-family: 'Arimo', sans-serif;
}
.shop-item .inner-box .lower-content .add-cart .fa{
margin-right:5px;
}
.shop-item .inner-box .lower-content .add-cart:hover{
color:#2ecc40;
}
.shop-item .inner-box .lower-content .price{
position:relative;
color:#2ecc40;
font-size:16px;
font-weight:700;
margin-bottom:15px;
}
.shop-item .inner-box .lower-content .price .discount{
position:relative;
color:#777777;
margin-right:8px;
text-decoration:line-through;
}
.shop-item .inner-box .lower-content .rating .fa{
position:relative;
display:inline-block;
font-size:16px;
color:#2ecc40;
}
.product-details .basic-details{
position:relative;
margin-bottom:50px;
}
.product-details .image-column,
.product-details .info-column{
margin-bottom:20px;
}
.product-details .image-column .image-box img{
position:relative;
display:block;
width:100%;
background-color:#f7f7f7;
}
.product-details .basic-details .details-header{
position:relative;
margin-bottom:16px;
}
.product-details .basic-details .details-header h4{
font-size:24px;
font-weight:700;
margin:5px 0px 20px;
line-height:1.4em;
color:#222222;
}
.product-details .basic-details .details-header h4 a{
color:#333333;
}
.product-details .basic-details .details-header .rating{
font-size:18px;
color:#2ecc40;
margin-bottom:15px;
display:inline-block;
}
.product-details .basic-details .details-header .reviews{
position:relative;
display:inline-block;
color:#777777;
font-weight:400;
margin-left:15px;
}
.product-details .basic-details .details-header .rating .fa{
display:inline-block;
}
.product-details .basic-details .details-header .rating .txt{
font-size:14px;
padding-left:10px;
color:#777777;
}
.product-details .basic-details .details-header .item-price{
font-size:22px;
font-weight:700;
color:#2ecc40;
line-height:24px;
}
.product-details .basic-details .prod-info{
margin-bottom:15px;
line-height:1.6em;
font-size:13px;
}
.product-details .basic-details .prod-info strong{
font-weight:700;
color:#111111;
}
.product-details .basic-details .text{
margin-bottom:25px;
color:#777777;
font-size:16px;
font-weight:400;
line-height:1.8em;
}
.product-details .basic-details .item-quantity .field-label{
float:left;
font-weight:700;
font-size:14px;
line-height:32px;
display:inline-block;
padding-right:20px;
}
.product-details .basic-details .quantity-spinner,
.cart-section input.quantity-spinner{
line-height:24px;
padding:10px 15px !important;
height:46px !important;
box-shadow:none !important;
}
.product-details .basic-details .bootstrap-touchspin .input-group-btn-vertical > .btn,
.cart-section .bootstrap-touchspin .input-group-btn-vertical > .btn{
padding:11px 10px;
background:#f4f5f6;
}
.product-details .bootstrap-touchspin .input-group-btn-vertical i,
.cart-section .bootstrap-touchspin .input-group-btn-vertical i{
top:6px;
}
.product-details .basic-details .item-quantity{
position:relative;
float:left;
width:85px;
margin-bottom:25px;
margin-right:25px;
}
.product-details .basic-details .item-quantity .field-label{
float:left;
font-weight:700;
font-size:14px;
line-height:32px;
display:inline-block;
padding-right:20px;
}
.product-details .basic-details .quantity-spinner,
.cart-table input.quantity-spinner{
font-size:18px;
line-height:24px;
padding:10px 15px !important;
height:50px !important;
box-shadow:none !important;
}
.product-details .basic-details .bootstrap-touchspin .input-group-btn-vertical > .btn,
.cart-table .bootstrap-touchspin .input-group-btn-vertical > .btn{
padding:12px 10px;
background:#f4f5f6;
border-radius:0px;
}
.product-details .bootstrap-touchspin .input-group-btn-vertical i,
.cart-table .bootstrap-touchspin .input-group-btn-vertical i{
top:8px;
}
.product-details .basic-details .add-to-cart{
padding:11px 30px;
font-weight:600;
font-size:16px;
border-radius:50px;
text-transform:uppercase;
}
/***
====================================================================
Product Tabs Style
====================================================================
***/
.shop-single .product-details .prod-tabs{
position:relative;
}
.shop-single .product-details .prod-tabs .tab-btns{
position:relative;
z-index:1;
margin-bottom:50px;
}
.shop-single .product-details .prod-tabs .tab-btns .tab-btn{
position:relative;
top:1px;
display:block;
float:left;
margin-right:10px;
font-size:16px;
background:#eeeeee;
color:#000000;
text-transform:uppercase;
font-weight:600;
line-height:24px;
cursor:pointer;
border-radius:50px;
padding:18px 43px 18px;
transition:all 500ms ease;
font-family: 'Montserrat', sans-serif;
}
.shop-single .product-details .prod-tabs .tab-btns .tab-btn:hover,
.shop-single .product-details .prod-tabs .tab-btns .tab-btn.active-btn{
color:#000000;
background:#2ecc40;
}
.shop-single .product-details .prod-tabs .tabs-content{
position:relative;
}
.shop-single .product-details .prod-tabs .tabs-content .tab{
position:relative;
display:none;
border-top:0px;
}
.shop-single .product-details .prod-tabs .tabs-content .tab.active-tab{
display:block;
}
.shop-single .product-details .prod-tabs .tabs-content .tab .content{
position:relative;
}
.shop-single .product-details .prod-tabs .tabs-content .tab .content p{
position:relative;
font-size:16px;
line-height:1.7em;
margin-bottom:25px;
color:#797979;
}
.shop-single .product-details .prod-tabs .tabs-content .tab .content p:last-child{
margin-bottom:0px;
}
.prod-tabs .tabs-content .tab .title{
position:relative;
color:#222222;
font-size:24px;
font-weight:600;
margin-bottom:30px;
font-family: 'Montserrat', sans-serif;
}
/*Comment Form*/
.shop-comment-form{
position:relative;
margin-top:50px;
}
.shop-comment-form h2{
position:relative;
color:#333333;
font-size:24px;
font-weight:700;
margin-bottom:10px;
text-transform:uppercase;
}
.shop-comment-form .mail-text{
position:relative;
color:#777777;
font-size:16px;
margin-bottom:15px;
}
.shop-comment-form .group-title{
margin-bottom:20px;
}
.shop-comment-form .rating-box{
position:relative;
margin-bottom:20px;
}
.shop-comment-form .rating-box .text{
position:relative;
font-size:16px;
color:#333333;
margin-bottom:15px;
}
.shop-comment-form .rating-box .rating{
position:relative;
margin-right:10px;
display:inline-block;
}
.shop-comment-form .rating-box .rating .fa{
position:relative;
margin-right:5px;
display:inline-block;
}
.shop-comment-form .rating-box .rating a{
position:relative;
color:#cccccc;
font-size:14px;
display:inline-block;
}
.shop-comment-form .rating-box .rating a:hover{
color:#2ecc40;
}
.shop-comment-form .form-group{
position:relative;
margin-bottom:20px;
}
.shop-comment-form .form-group label{
position:relative;
color:#333333;
font-size:16px;
font-weight:400;
}
.shop-comment-form .form-group:last-child{
margin-bottom:0px;
}
.shop-comment-form .form-group input[type="text"],
.shop-comment-form .form-group input[type="password"],
.shop-comment-form .form-group input[type="tel"],
.shop-comment-form .form-group input[type="email"],
.shop-comment-form .form-group select{
position:relative;
display:block;
width:100%;
line-height:28px;
padding:10px 15px;
border:1px solid #dddddd;
height:50px;
color:#848484;
font-weight:300;
background:#ffffff;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.shop-comment-form .form-group input[type="text"]:focus,
.shop-comment-form .form-group input[type="password"]:focus,
.shop-comment-form .form-group input[type="tel"]:focus,
.shop-comment-form .form-group input[type="email"]:focus,
.shop-comment-form .form-group select:focus,
.shop-comment-form .form-group textarea:focus{
border-color:#2ecc40;
}
.shop-comment-form .form-group textarea{
position:relative;
display:block;
width:100%;
line-height:26px;
padding:10px 15px;
color:#848484;
border:1px solid #dddddd;
height:120px;
font-weight:300;
background:#ffffff;
resize:none;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.shop-comment-form button{
position:relative;
font-weight:600;
font-size:16px;
padding:10px 32px;
margin-top:10px;
text-transform:uppercase;
}
.shop-comment-form input:focus,
.shop-comment-form select:focus,
.shop-comment-form textarea:focus{
border-color:#f06529;
}
/***
====================================================================
Cart Section style
====================================================================
***/
.cart-section{
position:relative;
padding:100px 0px 60px;
}
.cart-outer{
position:relative;
}
.checkout-page .cart-outer{
margin-bottom:40px;
}
.cart-outer .table-outer{
position:relative;
width:100%;
overflow-x: auto;
}
.cart-outer .cart-table{
width:100%;
min-width:900px;
}
.cart-table .cart-header{
position:relative;
width:100%;
text-transform:uppercase;
font-size:13px;
background:#222222;
color:#ffffff;
border:1px solid #ebebeb;
}
.cart-table thead tr th{
line-height:24px;
padding:15px 25px;
font-weight:700;
font-size:16px;
letter-spacing:1px;
text-align:center;
text-transform:uppercase;
border-right:1px solid #ffffff;
font-family: 'Arimo', sans-serif;
}
.cart-table thead tr th .fa{
font-size:18px;
}
.cart-table tbody tr td{
line-height:24px;
padding:30px 25px 30px;
}
.cart-table tbody tr .qty{
width:200px;
padding-right:80px;
}
.cart-table tbody tr .qty .quantity-spinner{
background:#ffffff;
}
.cart-table tbody tr .prod-column .column-box{
position:relative;
min-height:110px;
}
.cart-table tbody tr .prod-column .column-box .prod-thumb{
position:relative;
width:140px;
}
.cart-table tbody tr .prod-column .column-box .prod-thumb img{
display:block;
max-width:100%;
}
.cart-table tbody tr .prod-column .column-box h4{
font-size:14px;
color:#444444;
font-weight:400;
line-height:90px;
}
.cart-table tbody tr .prod-column .author{
font-size:13px;
color:#333333;
margin-bottom:0px;
}
.cart-table tbody tr .sub-total{
font-weight:400;
color:#222222;
font-size:16px;
}
.cart-table tbody tr .sub-total.price{
}
.cart-table tbody tr .remove-btn{
position:relative;
font-size:14px;
color:#fbb908;
line-height:30px;
font-weight:500;
-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;
font-size:18px;
line-height:30px;
}
.cart-table tbody tr .remove-btn:hover{
color:#444444;
}
.cart-table tbody tr{
border-bottom:1px solid #cccccc;
}
.cart-table tbody tr td{
vertical-align:middle;
color:#797979;
font-size:17px;
text-align:center;
border-left:1px solid #cccccc;
}
.cart-table tbody tr td.prod-column{
padding-left:48px;
}
.cart-table tbody tr td.total{
font-size:18px;
color:#333333;
}
.cart-table tbody tr td:last-child{
border-right:1px solid #ebebeb;
text-align:center;
}
.cart-table tbody tr td .prod-title{
position:relative;
font-size:16px;
color:#222222;
font-weight:400;
font-family: 'Arimo', sans-serif;
}
.cart-table tbody tr td .quantity-spinner{
padding:5px 0px 5px 20px;
line-height:24px;
height:34px;
display:block;
width:100%;
position:relative;
}
.cart-table tbody .available-info{
position:relative;
padding-left:50px;
}
.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:#223555;
border-radius:50%;
}
.cart-section .cart-options{
position:relative;
padding:40px 0px 10px;
margin-bottom:30px;
border-top:0px;
}
.cart-section .apply-coupon{
position:relative;
}
.cart-section .cart-options .cart-btn{
padding:13px 36px;
line-height: 24px;
font-size:15px;
color:#ffffff;
font-weight:700;
border-radius:50px;
text-transform:capitalize;
background-color:#2ecc40;
font-family: 'Montserrat', sans-serif;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
-moz-transition:all 500ms ease;
transition:all 500ms ease;
}
.cart-section .cart-options .cart-btn:hover{
background-color:#fbb908;
}
.cart-section .apply-coupon .form-group{
position:relative;
float:left;
margin-right:30px;
}
.cart-section .apply-coupon .form-group input[type="text"]{
display:block;
line-height:28px;
padding:10px 25px;
border:1px solid #cccccc;
width:225px;
height:50px;
background:#ffffff;
border-radius:50px;
}
.cart-section .coupon-btn{
padding:13px 29px;
line-height: 24px;
font-size:16px;
color:#ffffff;
font-weight:700;
border-radius:50px;
text-transform:capitalize;
background-color:#2ecc40;
font-family: 'Montserrat', sans-serif;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
-moz-transition:all 500ms ease;
transition:all 500ms ease;
}
.cart-section .coupon-btn:hover{
background-color:#fbb908;
}
.cart-section .cart-options .btn-style-one{
top:-7px;
padding-left:32px;
padding-right:32px;
}
.cart-section .totals-table{
position:relative;
margin-bottom:20px;
border:1px solid #cccccc;
}
.cart-section .totals-table li{
line-height:24px;
padding:18px 30px;
border-bottom:1px solid #cccccc;
}
.cart-section .totals-table li:first-child{
background-color:#dddddd;
}
.cart-section .totals-table li h3{
position:relative;
font-weight:700;
color:#333333;
font-size:18px;
font-family: 'Arimo', sans-serif;
}
.cart-section .totals-table li:last-child{
border-bottom:none;
padding:40px 20px 50px;
}
.cart-section .totals-table .col{
position:relative;
display:block;
float:left;
line-height:24px;
width:50%;
color:#222222;
font-size:16px;
font-weight:700;
text-transform:capitalize;
font-family: 'Arimo', sans-serif;
}
.cart-section .totals-table li .col:last-child{
text-align:right;
}
.cart-section .totals-table .total .price{
color:#2ecc40;
font-weight:400;
}
.cart-section .totals-table .proceed-btn{
padding: 13px 33px;
line-height: 24px;
font-size: 15px;
color: #ffffff;
font-weight: 700;
border-radius:50px;
text-transform: capitalize;
background-color: #2ecc40;
font-family: 'Montserrat', sans-serif;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
-moz-transition: all 500ms ease;
transition: all 500ms ease;
}
.cart-section .totals-table .proceed-btn:hover{
background-color:#fbb908;
}
.shipping-block{
position:relative;
margin-bottom:60px;
}
.shipping-block .inner-box{
position:relative;
padding:20px 25px 10px;
border:1px solid #cccccc;
}
.shipping-block .inner-box h3{
position:relative;
color:#333333;
font-size:24px;
font-weight:700;
margin-bottom:4px;
text-transform:capitalize;
}
.shipping-block .inner-box h4{
position:relative;
color:#222222;
font-size:14px;
font-weight:400;
margin-bottom:22px;
text-transform:capitalize;
}
.shipping-form{
position:relative;
}
.shipping-form .row{
position:relative;
margin:0px -10px;
}
.shipping-form .form-group{
position:relative;
margin-bottom:20px;
padding:0px 10px;
}
.shipping-form .form-group input[type="text"],
.shipping-form .form-group input[type="password"],
.shipping-form .form-group input[type="tel"],
.shipping-form .form-group input[type="email"]{
position:relative;
display:block;
width:100%;
line-height:23px;
padding:10px 20px;
height:45px;
font-size:14px;
border:1px solid #cccccc;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.shipping-form .form-group input[type="text"]:focus,
.shipping-form .form-group input[type="password"]:focus,
.shipping-form .form-group input[type="tel"]:focus,
.shipping-form .form-group input[type="email"]:focus,
.shipping-form .form-group select:focus,
.shipping-form .form-group textarea:focus{
border-color:#2ecc40;
}
.shipping-form button{
padding: 13px 33px;
line-height: 24px;
font-size: 15px;
color: #ffffff;
font-weight: 700;
margin-top:6px;
border-radius:50px;
text-transform: capitalize;
background-color: #2ecc40;
font-family: 'Montserrat', sans-serif;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
-moz-transition: all 500ms ease;
transition: all 500ms ease;
}
.shipping-form button:hover{
background-color:#fbb908;
}
/*Custom Select*/
.form-group .ui-selectmenu-button.ui-button{
width:100%;
font-size:15px;
font-style:normal;
height:45px;
padding:10px 20px;
line-height:26px;
color:#999999;
border-radius:0px;
border:1px solid #cccccc;
background:#ffffff;
cursor:pointer;
}
.form-group .ui-button .ui-icon{
background:none;
position:relative;
top:0px;
text-indent:0px;
color:#333333;
}
.form-group .ui-button .ui-icon:before{
font-family: 'FontAwesome';
content: "\f107";
position:absolute;
right:0px;
top:2px !important;
top:13px;
width:10px;
height:45px;
display:block;
color:#262626;
line-height:23px;
font-size:15px;
font-weight:normal;
text-align:center;
z-index:5;
}
.ui-widget.ui-widget-content{
border:1px solid #e0e0e0;
}
.ui-menu .ui-menu-item{
font-size:14px;
border-bottom:1px solid #e0e0e0;
}
.ui-menu .ui-menu-item:last-child{
border:none;
}
.ui-state-active, .ui-widget-content .ui-state-active{
background-color:#fbb908;
border-color:#fbb908;
}
.ui-menu .ui-menu-item-wrapper{
position:relative;
display:block;
padding:8px 20px ;
font-size:14px;
line-height:24px;
}
/***
====================================================================
CheckOut Sectioon
====================================================================
***/
.checkout-page{
position:relative;
padding:100px 0px 100px;
}
.checkout-page .default-links{
position:relative;
margin-bottom:30px;
}
.checkout-page .default-links li{
line-height:24px;
padding:20px 30px 22px;
background:#dddddd;
color:#333333;
font-size:16px;
margin-bottom:35px;
}
.checkout-page .default-links li .fa{
position:relative;
top:2px;
margin-right:20px;
font-size:24px;
color:#222222;
}
.checkout-page .default-links li a{
color:#2ecc40;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.checkout-page .default-links li a:hover{
color:#0b0b0b;
}
.checkout-form{
position:relative;
}
.checkout-form .checkout-title{
position:relative;
}
.checkout-form .checkout-title h2{
position:relative;
color:#222222;
font-size:30px;
margin-bottom:15px;
font-weight:600;
}
.checkout-form .form-group{
position:relative;
margin-bottom:5px;
}
.checkout-form .form-group .field-label{
display:block;
line-height:24px;
margin-bottom:6px;
text-transform:capitalize;
color:#222222;
font-size:15px;
font-weight:400;
}
.checkout-form .form-group .field-label sup{
top:-1px;
font-size:16px;
}
.checkout-form .form-group .text{
position:relative;
color:#777777;
font-size:15px;
margin-bottom:5px;
}
.checkout-form input[type="text"],
.checkout-form input[type="email"],
.checkout-form input[type="password"],
.checkout-form input[type="tel"],
.checkout-form input[type="number"],
.checkout-form input[type="url"],
.checkout-form select,
.checkout-form textarea{
position:relative;
display:block;
width:100%;
background:#ffffff;
line-height:22px;
padding:12px 15px;
height:50px;
margin-bottom:10px;
border:1px solid #e0e0e0;
transition:all 300ms ease;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
}
.checkout-form textarea{
resize:none;
height:60px !important;
}
.checkout-form input:focus,
.checkout-form select:focus,
.checkout-form textarea:focus{
border-color:#fa9928;
}
.checkout-page .check-box{
line-height:24px;
font-size:14px;
font-weight:normal;
padding-top:5px;
}
.checkout-page .check-box label{
position:relative;
top:-1px;
font-weight:normal;
padding:0px;
font-size:16px;
cursor:pointer;
color:#333333;
}
.checkout-page .lower-content{
margin-top:30px;
}
.checkout-page .lower-content .order-column{
margin-bottom:40px;
}
.checkout-page .lower-content .column h2{
position:relative;
color:#222222;
font-size:24px;
margin-bottom:30px;
padding-bottom:12px;
}
.checkout-page .lower-content .column h2:after{
position:absolute;
content:'';
left:0px;
bottom:0px;
width:40px;
height:2px;
background-color:#fa9928;
}
/*Coupon Box*/
.coupon-box{
position:relative;
padding:25px 25px;
margin-bottom:25px;
background-color:#f5f5f5;
}
.coupon-form{
position:relative;
}
.coupon-form .form-group{
position:relative;
margin-bottom:0px;
}
.coupon-form .form-group input[type="text"]{
position:relative;
display:block;
width:100%;
line-height:28px;
padding:10px 20px;
height:44px;
font-size:14px;
border:1px solid #cccccc;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.coupon-form .form-group input[type="text"]:focus{
border-color:#2ecc40;
}
.coupon-form button{
margin-top:0px;
font-size:16px;
font-weight:700;
border-radius:0px;
padding:8px 26px;
text-transform:capitalize;
}
.order-box{
position:relative;
margin-top:40px;
}
.order-box h2{
position:relative;
color:#222222;
font-size:28px;
font-weight:600;
margin-bottom:20px;
text-transform:capitalize;
}
.order-box .title-box{
position:relative;
padding:15px 30px;
background-color:#333333;
}
.order-box .title-box .col{
position:relative;
width:50%;
float:left;
color:#ffffff;
font-size:16px;
font-weight:700;
}
.order-box ul{
position:relative;
}
.order-box ul li{
position:relative;
padding:25px 30px;
border-bottom:1px solid #cccccc;
}
.order-box ul li strong{
color:#222222;
font-weight:400;
font-size:16px;
}
.order-box ul li span{
width:50%;
float:right;
color:#fbb908;
font-size:16px;
font-weight:400;
}
.order-box ul li span.free{
color:#777777;
font-size:16px;
}
.order-box ul li:last-child{
border-bottom:none;
}
.payment-box{
position:relative;
margin-top:50px;
background-color:#f5f5f5;
}
.payment-box .upper-box{
position:relative;
padding:15px 35px;
border-bottom:1px solid #b7b7b7;
}
.payment-options{
position:relative;
margin-top:20px;
margin-bottom:20px;
}
.payment-box .payment-options li{
position:relative;
margin-bottom:10px;
}
.payment-box .payment-options li .radio-option{
position:relative;
}
.payment-box .payment-options li .radio-option label{
position:relative;
display:inline-block;
padding-left:30px;
font-weight:400 !important;
text-transform:capitalize;
letter-spacing:1px;
color:#222222;
cursor:pointer;
font-size:16px;
font-family: 'Arimo', sans-serif;
}
.payment-box .payment-options li .radio-option label strong{
font-weight:400;
color:#222222;
}
.payment-box .payment-options li .radio-option input[type="radio"]{
position:absolute;
left:0px;
top:3px;
}
.payment-box .payment-options li .radio-option label .small-text{
position:relative;
display:block;
letter-spacing:0px;
text-transform:none;
font-weight:normal;
font-size:14px;
color:#666666;
line-height:1.8em;
padding:15px 20px;
margin-top:30px;
margin-left:-30px;
background-color:#dcdcdc;
}
.payment-box .payment-options li .radio-option label .small-text:before{
position:absolute;
content:'';
left:30px;
top:-10px;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 10px solid #dcdcdc;
}
.payment-box .payment-options li .radio-option label img{
position:relative;
display:block;
max-width:100%;
padding-left:30px;
margin-top:20px;
}
.payment-box .payment-options li .radio-option .what-paypall{
position:relative;
display:block;
color:#222222;
font-size:16px;
font-weight:400;
margin-left:120px;
margin-top:10px;
}
.payment-box .lower-box{
position:relative;
padding:30px 30px;
}
.payment-box .lower-box .order-btn{
padding:14px 32px;
font-size: 16px;
color: #ffffff;
font-weight:700;
border-radius:50px;
background-color: #333333;
text-transform: capitalize;
font-family: 'Arimo', sans-serif;
}
/******************** Team Grid Style************************/
/*************************************
= team grids
**************************************/
.our-team.section-padding{
position:relative;
padding: 60px 0 60px;
}
.team-grids .team-grid {
overflow: hidden;
position: relative;
margin-bottom:30px;
}
.team-grids .team-grid img{
display: block;
width: 100%;
}
.team-grids .member-pic-social {
position: relative;
overflow: hidden;
/* border: 2px solid #2ECC4070; */
transition: all 0.3s ease-in-out;
}
.team-grids .member-pic-social:hover {
border-color: #2ECC40;
}
.team-grids .member-pic-social img{
transition: all 0.3s ease-in-out;
transform: scale(0.9);
}
.team-grids .member-pic-social:hover img{
-webkit-transform : rotateZ(3deg) scale(1); /* Chrome, Opera 15+, Safari 3.1+ */
-ms-transform : rotateZ(3deg) scale(1); /* IE 9 */
transform : rotateZ(3deg) scale(1);
}
.team-grids .member-info {
text-align: center;
padding-top: 25px;
}
.team-grids .member-info h3 {
position:relative;
font-size: 20px;
font-weight: 700;
margin: 0 0 3px;
font-family: 'Arimo', sans-serif;
color: #333333;
transition: color 0.3s ease-in-out;
cursor: pointer;
}
.team-grids .member-info:hover h3 {
color: #2ecc40;
}
.team-grids .member-info p{
position:relative;
color: #6a6a6a;
margin-bottom: 0px;
font-size: 14px;
}
.team-grid:hover .member-pic-social {
border-color: #2ECC40;
}
.team-grid:hover .member-pic-social img {
-webkit-transform: rotateZ(3deg) scale(1);
-ms-transform: rotateZ(3deg) scale(1);
transform: rotateZ(3deg) scale(1);
}
@media (max-width: 1199px) {
.team-grids .social-links li a {
font-size: 18px;
}
}
.team-grids .social-links li a:hover {
color: #051829;
}
.team-grids .member-info h3 {
font-size: 22px;
margin: 0 0 3px;
}
@media (max-width: 1199px) {
.team-grids .member-info h3 {
font-size: 18px;
}
}
@media (max-width: 991px) {
.team-grids .member-info h3 {
font-size: 16px;
}
}
@media (max-width: 991px) {
.team-grids .member-info p {
font-size: 14px;
}
}
.square-hover-effect {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
z-index: 10;
}
.square-hover-effect .hover-1,
.square-hover-effect .hover-2,
.square-hover-effect .hover-3,
.square-hover-effect .hover-4 {
background: #2ECC4070;
width: 50%;
height: 50%;
position: absolute;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
transition: all 0.5s;
opacity: 0;
}
.square-hover-effect .hover-1 {
left: 0;
top: 0;
}
.square-hover-effect .hover-2 {
left: 50%;
top: 0;
}
.square-hover-effect .hover-3 {
left: 50%;
top: 50%;
}
.square-hover-effect .hover-4 {
left: 0;
top: 50%;
}
.square-hover-effect:hover .hover-1,
.square-hover-effect-parent:hover .hover-1 {
left: 50%;
top: 0;
opacity: 1;
}
.square-hover-effect:hover .hover-2,
.square-hover-effect-parent:hover .hover-2 {
left: 50%;
top: 50%;
opacity: 1;
}
.square-hover-effect:hover .hover-3,
.square-hover-effect-parent:hover .hover-3 {
left: 0%;
top: 50%;
opacity: 1;
}
.square-hover-effect:hover .hover-4,
.square-hover-effect-parent:hover .hover-4 {
left: 0%;
top: 0%;
opacity: 1;
}
/************************ Testimonials Style *************************/
/*--------------------------------------------------------------
#2.5 testimoials-s2-slider
--------------------------------------------------------------*/
.testimoials-s2-grid {
border: 2px solid #2ECC40;
padding: 65px 35px 35px;
border-radius: 5px;
position: relative;
margin-bottom:30px;
}
@media (max-width: 767px) {
.testimoials-s2-grid {
padding: 45px 20px 20px;
}
}
.testimoials-s2-grid:after{
background: #2ECC40 url("../images/testimonials/quote.png") no-repeat center center;
content: "";
width: 58px;
height: 52px;
position: absolute;
/* right: 0; */
top: -2px;
border-radius: 5px;
}
@media (max-width: 991px) {
.testimoials-s2-grid:after {
width: 50px;
height: 48px;
background-size: 20px;
}
}
.testimoials-s2-grid img{
width: auto;
border-radius: 50%;
}
.testimoials-s2-grid .client-info {
margin-top: 10px;
position: relative;
overflow: hidden;
}
.testimoials-s2-grid .client-info .details {
height: 75px;
display: inline-block;
float: left;
position: relative;
padding-left: 90px;
}
@media (max-width: 991px) {
.testimoials-s2-grid .client-info .details {
float: none;
display: block;
}
}
.testimoials-s2-grid .client-info .details .pic {
position: absolute;
left: 0;
top: 10;
border-radius: 50%;
}
.testimoials-s2-grid .client-info .info {
margin-top: 15px;
}
.testimoials-s2-grid .client-quote h4 {
position:relative;
font-size: 20px;
font-weight: 700;
color: #2ecc40;
}
@media (max-width: 991px) {
.testimoials-s2-grid .client-info h4 {
font-size: 16px;
}
}
@media (max-width: 767px) {
.testimoials-s2-grid .client-info h4{
font-size: 14px;
font-size: 0.93333rem;
}
}
.testimoials-s2-grid .client-quote p {
font-size: 16px;
color: #6a6a6a;
line-height: 1.8em;
margin-bottom: 15px;
}
@media (max-width: 767px) {
.testimoials-s2-grid .client-quote p {
font-size: 12px;
}
}
.testimoials-s2-grid .client-info .rating {
display: inline-block;
float: right;
margin-top: 15px;
}
@media (max-width: 991px) {
.testimoials-s2-grid .client-info .rating{
float: none;
display: block;
margin: -20px 0 0 88px;
}
}
.testimoials-s2-grid .client-info .rating i {
color: #2ecc40;
}
.testimonials-s2-grid-view-section {
/* Padding-top:70px; */
padding-bottom: 40px;
}
@media (max-width: 991px) {
.testimonials-s2-grid-view-section {
padding-bottom: 50px;
}
}
@media (max-width: 767px) {
.testimonials-s2-grid-view-section {
padding-bottom: 40px;
}
}
.testimoials-s2-grid-view {
overflow: hidden;
margin: 0 -15px;
}
/***
====================================================================
Faq Section
====================================================================
***/
.faq-section{
position:relative;
padding:90px 0px 90px;
}
.faq-section .prod-tabs{
position:relative;
padding:0px 70px;
}
.faq-section .prod-tabs .tab-btns{
position:relative;
margin-bottom:40px;
padding:0px 20px;
border:1px solid #f2f2f2;
border-top-color:#2ecc40;
}
.faq-section .prod-tabs .tab-btns .tab-btn{
position:relative;
display:block;
font-size:16px;
color:#222222;
font-weight:400;
cursor:pointer;
line-height:1.6em;
padding:10px 0px 10px 0px;
transition:all 500ms ease;
text-transform:capitalize;
border-bottom:1px solid #f2f2f2;
}
.faq-section .prod-tabs .tab-btns .tab-btn:last-child{
border:none;
}
.faq-section .prod-tabs .tab-btns .tab-btn span{
position:relative;
display:block;
font-size:16px;
color:#020e28;
font-weight:400;
cursor:pointer;
line-height:1.6em;
padding:5px 15px 5px 30px;
transition:all 500ms ease;
text-transform:capitalize;
font-family: 'Poppins', sans-serif;
}
.faq-section .prod-tabs .tab-btns .tab-btn:before{
position:absolute;
content:'';
left:11px;
top:23px;
width:8px;
height:8px;
background-color:#e6e6e6;
border:1px solid #f2f2f2;
transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
}
.faq-section .prod-tabs .tab-btns .tab-btn:hover:before,
.faq-section .prod-tabs .tab-btns .tab-btn.active-btn:before{
z-index:1;
background-color:#2ecc40;
border-color:rgba(245,91,20,0.20);
}
.faq-section .prod-tabs .tab-btns .tab-btn.active-btn span,
.faq-section .prod-tabs .tab-btns .tab-btn:hover span{
color:#2ecc40;
}
.faq-section .prod-tabs .tabs-content{
position:relative;
}
.faq-section .prod-tabs .tabs-content .tab{
position:relative;
display:none;
}
.faq-section .prod-tabs .tabs-content .tab.active-tab{
display:block;
}
/********************** Blog Modern View ********************/
.blog-modern-section{
position:relative;
padding:100px 0px;
}
/*News Block Three*/
.blog-modern-section .news-block-three{
position:relative;
margin-bottom:50px;
}
.blog-modern-section .news-block-three .image-column{
position:relative;
padding:0px;
float:left;
}
.blog-modern-section .news-block-three .image-column .image{
position:relative;
padding:0px;
}
.blog-modern-section .news-block-three .image-column .image img{
position:relative;
left:0px;
top:0px;
right:0px;
bottom:30px;
display:block;
width:100%;
}
.blog-modern-section .news-block-three .content-column .inner-column .post-date{
position:absolute;
content:'';
left:35px;
top:0px;
width: 60px;
height: 75px;
padding: 14px 6px;
text-align: center;
color: #ffffff;
font-size: 24px;
line-height: 1.1em;
text-transform: uppercase;
background-color: #2ecc40;
}
.blog-modern-section .news-block-three .content-column .inner-column .post-date span{
font-size:14px;
display:block;
}
.blog-modern-section .news-block-three .content-column .inner-column:before{
position:absolute;
content:'';
left:64px;
top:0px;
width:3px;
height:100%;
background-color: #2ecc40;
}
.blog-modern-section .news-block-three .content-column{
position:relative;
padding:0px;
float:left;
}
.blog-modern-section .news-block-three .content-column .inner-column{
position:relative;
margin-top:35px;
margin-left:-35px;
background-color:#ffffff;
padding:70px 40px 50px 120px;
box-shadow:0px 0px 20px rgba(208,206,206,0.80);
}
.blog-modern-section .news-block-three .content-column .inner-column h2{
position:relative;
font-size:24px;
font-weight:500;
line-height:1.5em;
margin-bottom:15px;
}
.blog-modern-section .news-block-three .content-column .inner-column h2 a{
position:relative;
color:#222222;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.blog-modern-section .news-block-three .content-column .inner-column h2 a:hover{
color:#2ecc40;
}
.blog-modern-section .news-block-three .content-column .inner-column .text{
position:relative;
font-size:14px;
color:#888888;
line-height:2em;
margin-bottom:18px;
}
.blog-modern-section .news-block-three .content-column .post-meta{
position:relative;
}
.blog-modern-section .news-block-three .content-column .post-meta li{
position:relative;
margin-right:25px;
display:inline-block;
}
.blog-modern-section .news-block-three .content-column .post-meta li a{
position:relative;
color:#222222;
font-size:14px;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.blog-modern-section .news-block-three .content-column .post-meta li a .icon{
position:relative;
color:#2ecc40;
margin-right:8px;
}
.blog-modern-section .news-block-three .content-column .post-meta li a:hover{
color:#2ecc40;
}
/*News Block Four*/
.blog-modern-section .news-block-four{
position:relative;
margin-bottom:50px;
}
.blog-modern-section .news-block-four .image-column{
position:relative;
padding:0px;
float:left;
}
.blog-modern-section .news-block-four .image-column .image{
position:relative;
padding:0px;
margin-top:35px;
margin-left:-35px;
}
.blog-modern-section .news-block-four .image-column .image img{
position:relative;
left:0px;
top:0px;
right:0px;
bottom:30px;
display:block;
width:100%;
}
.blog-modern-section .news-block-four .content-column .inner-column .post-date{
position:absolute;
content:'';
left:35px;
top:0px;
width: 60px;
height: 75px;
padding: 14px 6px;
text-align: center;
color: #ffffff;
font-size: 24px;
line-height: 1.1em;
text-transform: uppercase;
background-color: #2ecc40;
}
.blog-modern-section .news-block-four .content-column .inner-column .post-date span{
font-size:14px;
display:block;
}
.blog-modern-section .news-block-four .content-column .inner-column:before{
position:absolute;
content:'';
left:64px;
top:0px;
width:3px;
height:100%;
background-color: #2ecc40;
}
.blog-modern-section .news-block-four .content-column{
position:relative;
padding:0px;
float:left;
}
.blog-modern-section .news-block-four .content-column .inner-column{
position:relative;
z-index:1;
background-color:#ffffff;
padding:70px 40px 50px 120px;
box-shadow:0px 0px 20px rgba(208,206,206,0.80);
}
.blog-modern-section .news-block-four .content-column .inner-column h2{
position:relative;
font-size:24px;
font-weight:500;
line-height:1.5em;
margin-bottom:15px;
}
.blog-modern-section .news-block-four .content-column .inner-column h2 a{
position:relative;
color:#222222;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.blog-modern-section .news-block-four .content-column .inner-column h2 a:hover{
color:#2ecc40;
}
.blog-modern-section .news-block-four .content-column .inner-column .text{
position:relative;
font-size:14px;
color:#888888;
line-height:2em;
margin-bottom:18px;
}
.blog-modern-section .news-block-four .content-column .post-meta{
position:relative;
}
.blog-modern-section .news-block-four .content-column .post-meta li{
position:relative;
margin-right:25px;
display:inline-block;
}
.blog-modern-section .news-block-four .content-column .post-meta li a{
position:relative;
color:#222222;
font-size:14px;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.blog-modern-section .news-block-four .content-column .post-meta li a .icon{
position:relative;
color:#2ecc40;
margin-right:8px;
}
.blog-modern-section .news-block-four .content-column .post-meta li a:hover{
color:#2ecc40;
}
/************************* Team Single ************************/
/*Teacher Single*/
.teacher-single{
position:relative;
padding:125px 0px 100px;
}
.teacher-single .image-column{
position:relative;
margin-bottom:30px;
}
.teacher-single .image-column .image{
position:relative;
}
.teacher-single .image-column .image img{
position:relative;
width:100%;
display:block;
}
.teacher-single .content-column{
position:relative;
}
.teacher-single .content-column .content-inner{
position:relative;
padding-left:25px;
}
.teacher-single .content-column .content-inner h3{
font-size:24px;
color:#000000;
font-weight:500;
}
.teacher-single .content-column .content-inner .designation{
position:relative;
font-size:15px;
margin-bottom:15px;
color:rgba(0,0,0,0.40);
}
.teacher-single .content-column .content-inner .text{
position:relative;
margin-top:30px;
margin-bottom:30px;
}
.teacher-single .content-column .content-inner .text p{
position:relative;
font-size:15px;
margin-bottom:20px;
color:rgba(0,0,0,0.45);
}
.teacher-single .content-column .content-inner .text p:last-child{
margin-bottom:0px;
}
.teacher-single .teachers-info{
position:relative;
}
.teacher-single .teachers-info .teacher-block{
position:relative;
margin-bottom:20px;
margin-right:22px;
display:inline-block;
}
.teacher-single .teachers-info .teacher-block .inner{
position:relative;
padding:20px 25px;
text-align:center;
border:1px solid #f2f2f2;
}
.teacher-single .teachers-info .teacher-block .inner .title{
position:relative;
color:#b2b2b2;
font-size:15px;
}
.teacher-single .teachers-info .teacher-block .inner h3{
color:#000000;
font-size:28px;
font-weight:700;
}
/*Social Icon Five*/
.social-icon-five{
position:relative;
}
.social-icon-five li{
position:relative;
margin-right:6px;
display:inline-block;
}
.social-icon-five li a{
position:relative;
width:32px;
height:32px;
color:#cccccc;
font-size:14px;
line-height:28px;
text-align:center;
border-radius:50%;
display:inline-block;
border:2px solid #e5e5e5;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.social-icon-five li a:hover{
color:#f5a10c;
border-color:#f5a10c;
background:none;
}
/************************ Mega Menu ***************************/
.main-menu .navigation > li.has-mega-menu{
position:static;
}
.header-style-two .main-menu .navigation > li.has-mega-menu > a:after,
.main-menu .navigation > li.has-mega-menu:before,
.main-menu .navigation > li.has-mega-menu:after{
display:none;
}
.main-menu .navigation > li > .mega-menu{
position:absolute;
left:0px;
right: 0;
margin: auto;
width:100%;
max-width: 1170px;
background-color: #ffffff;
padding: 45px 40px 30px 45px;
top: 100%;
z-index:100;
opacity: 0;
-webkit-transform: scaleY(0);
-moz-transform: scaleY(0);
-ms-transform: scaleY(0);
-o-transform: scaleY(0);
transform: scaleY(0);
-webkit-transform-origin: top;
-moz-transform-origin: top;
-ms-transform-origin: top;
-o-transform-origin: top;
transform-origin: top;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
-webkit-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
-ms-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
-o-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
-moz-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
}
.main-menu .navigation > li:hover > .mega-menu{
opacity: 1;
visibility: visible;
-webkit-transform: scaleY(1);
-moz-transform: scaleY(1);
-ms-transform: scaleY(1);
-o-transform: scaleY(1);
transform: scaleY(1);
}
.main-menu .navigation > li > .mega-menu .mega-menu-bar{
position: relative;
}
.main-menu .navigation > li .mega-menu-bar h3{
position:relative;
color:#020e28;
font-size:20px;
font-weight:500;
padding-bottom:10px;
border-bottom:1px solid #f2f2f2;
}
.main-menu .navigation > li .mega-menu-bar > ul{
position:relative;
}
.main-menu .navigation > li .mega-menu-bar .column > ul > li{
position:relative;
width:100%;
border-bottom:1px solid #f2f2f2;
text-transform:capitalize;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.main-menu .navigation > li .mega-menu-bar .column{
position:relative;
margin-bottom:10px;
}
.main-menu .navigation > li .mega-menu-bar .column > ul > li:last-child{
border:none;
}
.main-menu .navigation > li .mega-menu-bar .column > ul > li > a{
position:relative;
display:block;
padding:10px 15px;
line-height:20px;
font-weight:400;
font-size:14px;
color:#848484;
text-transform:capitalize;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
font-family: 'Rubik', sans-serif;
}
.main-menu .navigation > li .mega-menu-bar .column > ul > li > a:hover{
color:#ffffff;
background:#2c2c2c;
}