/* Decorators - Design Studio HTML Template */
/************ TABLE OF CONTENTS ***************
1. Fonts
2. Reset
3. Global
4. Main Header
5. Main Slider
6. Welcome Section
7. Best Services
8. Default Gallery Section
9. Call to Action
10. Default Two COlumn
11. Specs
12. Get Quote FOrm
13. Testimonials Style One
14. Tabbed Shop Section
15. Sponsors Section
16. News Section
17. Newsletter Style One
18. Main Footer
19. Our Services
20. Service Details
21. Portfolio Masonary
22. Portfolio Fullwidth
23. Portfolio With Caption
24. Portfolio Single One
25. Portfolio Single Two
26. Blog List View
27. Blog Large Image
28. Blog Single
29. Sidebar
30. Sidebar Widgets
31. Shop
32. Shop Single
33. Shopping Cart
34. Checkout
35. Login Register
36. Styled Pagination
37. About Us
38. Our Team
39. Team Single
40. Pricing Page
41. FAQs
42. Related Products
43. Contact Us
44. Map Section
**********************************************/
@import url('https://fonts.googleapis.com/css?family=Lato:100,100i,300,300i,400,400i,700,700i,900,900i|Montserrat:400,700|Open+Sans:300,300i,400,400i,600,600i,700,700i|Oswald:300,400,700');
@import url('font-awesome.css');
@import url('flaticon.css');
@import url('animate.css');
@import url('owl.css');
@import url('jquery.fancybox.css');
@import url('jquery.mCustomScrollbar.min.css');
@import url('jquery.bootstrap-touchspin.css');
/***
====================================================================
Reset
====================================================================
***/
* {
margin:0px;
padding:0px;
border:none;
outline:none;
}
/***
====================================================================
Global Settings
====================================================================
***/
body {
font-family: 'Lato', sans-serif;
font-size:15px;
color:#777777;
line-height:1.8em;
font-weight:400;
background:#ffffff;
-webkit-font-smoothing: antialiased;
-moz-font-smoothing: antialiased;
}
a{
text-decoration:none;
cursor:pointer;
color:#fc721e;
}
a:hover,a:focus,a:visited{
text-decoration:none;
outline:none;
}
h1,h2,h3,h4,h5,h6 {
position:relative;
font-family: 'Montserrat', sans-serif;
font-weight:normal;
margin:0px;
background:none;
line-height:1.6em;
}
input,button,select,textarea{
font-family: 'Lato', sans-serif;
}
p{
position:relative;
line-height:1.8em;
}
.strike-through{
text-decoration:line-through;
}
.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;
}
.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;
}
.anim-3,.anim-3-all *{
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;
}
.anim-5,.anim-5-all *{
transition:all 0.5s ease;
-moz-transition:all 0.5s ease;
-webkit-transition:all 0.5s ease;
-ms-transition:all 0.5s ease;
-o-transition:all 0.5s ease;
}
.anim-7,.anim-7-all *{
transition:all 0.7s ease;
-moz-transition:all 0.7s ease;
-webkit-transition:all 0.7s ease;
-ms-transition:all 0.7s ease;
-o-transition:all 0.7s ease;
}
.btn-style-one{
position:relative;
padding:10px 30px;
line-height:24px;
background:#fc721e;
color:#ffffff !important;
border:2px solid #fc721e;
font-size:14px;
font-weight:400;
border-radius:3px;
font-family: 'Montserrat', sans-serif;
}
.btn-style-one:hover{
background:#272727;
color:#ffffff !important;
border-color:#272727;
}
.btn-style-two{
position:relative;
padding:10px 30px;
line-height:24px;
background:#272727;
color:#ffffff !important;
border:2px solid #272727;
font-size:14px;
font-weight:400;
border-radius:2px;
font-family: 'Montserrat', sans-serif;
}
.btn-style-two:hover{
background:#fc721e;
color:#ffffff !important;
border-color:#fc721e;
}
.btn-style-three{
position:relative;
padding:9px 30px;
line-height:24px;
display:inline-block;
background:#1f1f1f;
color:#ffffff !important;
border:2px solid #1f1f1f;
font-size:14px;
font-weight:700;
border-radius:3px;
}
.btn-style-three:hover{
background-color:transparent;
color:#ffffff !important;
border-color:#ffffff;
}
.btn-style-four{
position:relative;
padding:14px 30px;
line-height:24px;
display:inline-block;
background:#1f1f1f;
color:#ffffff !important;
border:2px solid #1f1f1f;
font-size:14px;
font-weight:700;
border-radius:3px;
font-family: 'Montserrat', sans-serif;
}
.btn-style-four:hover{
background-color:transparent;
color:#1f1f1f !important;
border-color:#1f1f1f;
}
.theme-btn .icon-left{
padding-right:10px;
}
.theme-btn .icon-right{
padding-left:10px;
}
.theme_color{
color:#fc721e;
}
.light-font{
font-weight:300;
}
.regular-font{
font-weight:400;
}
.semibold-font{
font-weight:600;
}
.bold-font{
font-weight:700;
}
.bg-lightgrey{
background-color:#f6f6f6 !important;
}
.no-bg{
background:none !important;
}
.text-uppercase{
}
.preloader{ position:fixed; left:0px; top:0px; width:100%; height:100%; z-index:999999; background-color:#ffffff; background-position:center center; background-repeat:no-repeat; background-image:url(../images/icons/preloader.gif);}
img{
max-width:100%;
height:auto;
}
/***
====================================================================
Scroll To Top style
====================================================================
***/
.scroll-to-top{
position:fixed;
bottom:15px;
right:15px;
width:40px;
height:40px;
color:#ffffff;
font-size:13px;
line-height:38px;
text-align:center;
z-index:100;
cursor:pointer;
border-radius:50%;
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:#fc721e;
}
/***
====================================================================
Main Header style
====================================================================
***/
.main-header{
position:relative;
left:0px;
top:0px;
z-index:999;
width:100%;
background:#ffffff;
}
.main-header .auto-container{
position:relative;
}
.main-header .header-top{
position:relative;
background:#212121;
color:#ffffff;
font-size:13px;
}
.main-header .header-top .top-right{
text-align:right;
padding:8px 15px;
}
.main-header .header-top .top-left{
padding:0px 15px;
}
.main-header .header-top .top-right ul li span{
position:absolute;
left:0px;
font-size:14px;
padding-right: 6px;
}
.main-header .header-top .top-right ul li{
position:relative;
display:inline-block;
line-height:24px;
padding-left:20px;
margin:8px 125px 0 0px;
color:#ffffff;
font-family: 'Montserrat', sans-serif;
}
.main-header .header-top .top-left ul li a:hover{
color:#fff;
}
.main-header .header-top .top-right ul li a{
position:relative;
color:#ffffff;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
transition:all 500ms ease;
}
.main-header .header-top .top-right ul li a,
.main-header .header-top .top-right ul li a:hover{
color:#ffffff;
}
.main-header .header-top .top-right ul li .fa{
padding-right:5px;
}
.main-header .header-top .top-left button{
position:relative;
border:none;
background-color:#fc721e !important;
padding:15px 14px;
display:block;
line-height:24px;
font-family: 'Montserrat', sans-serif;
border-radius:0px;
}
.main-header .header-top .lang-dropdown .dropdown-menu{
left:0px ;
top:100% ;
width:200px ;
border:none ;
border-radius:0px;
padding:0px ;
margin:1px 0px 0px;
border-top:3px solid #fc721e ;
}
.main-header .header-top .lang-dropdown .dropdown-menu li{
display:block !important;
text-align:left;
margin:0px;
border-bottom:1px solid #f0f0f0;
}
.main-header .header-top .lang-dropdown .dropdown-menu li:last-child{
border:none;
}
.main-header .header-top .lang-dropdown .dropdown-menu li a{
display:block;
line-height:24px;
padding:8px 15px;
font-size:14px;
color:#272727;
transition:all 300ms ease;
}
.main-header .header-top .lang-dropdown .dropdown-menu li a:hover{
background:#272727;
color:#ffffff;
}
.main-header .main-box{
position:relative;
padding:0px 0px;
left:0px;
top:0px;
width:100%;
background:url(../images/topBg.png) #fff bottom center;
box-shadow:0 0 20px #333;
-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.fixed-header .main-box{
}
.main-header.fixed-header .main-box{
position:fixed;
border-bottom:1px solid #e0e0e0;
padding:0px 0px;
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-header .main-box .outer-container{
position:relative;
padding:0px 0 0px 0px;
}
.main-header .main-box .logo-box{
position:relative;
float:left;
left:0px;
padding:17px 0px;
z-index:10;
}
.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;
right:110px;
top:50%;
margin-top:-18px;
display:none;
}
.main-header .nav-toggler button{
position:relative;
display:block;
height:36px;
width:40px;
background:#212121;
color:#ffffff;
text-align:center;
font-size:16px;
line-height:34px;
border:1px solid #0055a5;
border-radius:3px;
font-weight:normal;
}
.main-header .cart-btn-outer{
position:absolute;
right:60px;
height:22px;
text-align:center;
top:50%;
margin-top:-11px;
padding:0px 10px;
font-size:13px;
line-height:22px;
font-weight:500;
color:#666666;
}
.main-header .header-search-icon{
position:absolute;
width:38px;
height:38px;
background-color:#fc721e;
right:0px;
text-align:center;
top:50%;
margin-top:-19px;
color:#fff;
font-size:14px;
line-height:38px;
font-weight:500;
border-radius:50%;
cursor:pointer;
}
.main-header .cart-btn-outer .icon{
position:relative;
font-size:20px;
}
.main-header .cart-btn-outer .icon .count{
position:absolute;
right:-10px;
top:-12px;
text-align:center;
width:20px;
line-height:20px;
height:20px;
background:#fc7b2d;
color:#ffffff;
font-size:12px;
border-radius:50%;
-ms-animation-name: zoomInStable;
-moz-animation-name: zoomInStable;
-op-animation-name: zoomInStable;
-webkit-animation-name: zoomInStable;
animation-name: zoomInStable;
-ms-animation-duration: 2000ms;
-moz-animation-duration: 2000ms;
-op-animation-duration: 2000ms;
-webkit-animation-duration: 2000ms;
animation-duration: 2000ms;
-webkit-animation-delay: 5000ms;
-ms-animation-delay: 5000ms;
-o-animation-delay: 5000ms;
-moz-animation-delay: 5000ms;
animation-delay: 5000ms;
-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-header .nav-outer{
position:relative;
float:right;
}
.main-menu{
position:relative;
font-family: 'Montserrat', sans-serif;
-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:relative;
margin-top:40px;
float:left;
}
.main-menu .navigation > li{
position:relative;
display:inline-block;
padding:21px 0px;
margin:0px 2px 0px 0px;
}
.main-menu .navigation > li > a{
position:relative;
display:block;
padding:10px 5px;
color:#111111;
line-height:24px;
letter-spacing:0px;
opacity:1;
font-size:14px;
border-radius:2px;
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:#e1e2e5;
}
.main-menu .navigation > li:hover > a,
.main-menu .navigation > li.current > a,
.main-menu .navigation > li.current-menu-item > a{
color:#ffffff;
background-color:#fc721e;
opacity:1;
}
.main-menu .navigation > li > ul{
position:absolute;
left:0px;
top:120%;
width:250px;
padding:0px;
z-index:100;
display:none;
background:#ffffff;
border-top:3px solid #272727;
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:5px 20px;
line-height:24px;
font-weight:400;
font-size:14px;
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:#fc721e;
}
.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:20px;
width:250px;
padding:0px;
z-index:100;
display:none;
background:#ffffff;
border-top:3px solid #272727;
-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:12px 20px;
line-height:24px;
font-weight:400;
font-size:14px;
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:#fc721e;
}
.main-menu .navigation > li > ul > li > ul > li.dropdown > a:after{
font-family: 'FontAwesome';
content: "\f105";
position:absolute;
right:10px;
top:10px;
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:34px;
height:30px;
border:1px solid #ffffff;
background:url(../images/icons/submenu-icon.png) center center no-repeat;
background-size:20px;
cursor:pointer;
z-index:5;
display:none;
}
.padd-top-10{
padding-top:10px !important;
}
/***
====================================================================
Hidden Sidebar style
====================================================================
***/
.hidden-bar{
position: fixed;
top: 0;
width: 305px;
height: 100%;
background: #c8d0d6;
z-index: 9999;
transition: all 700ms ease;
-webkit-transition: all 700ms ease;
-ms-transition: all 700ms ease;
-o-transition: all 700ms ease;
-moz-transition: all 700ms ease;
}
.hidden-bar .mCSB_inside > .mCSB_container{
margin-right:0px;
}
.hidden-bar.right-align {
right: -400px;
}
.hidden-bar.right-align.visible-sidebar{
right:0px;
}
.hidden-bar.right-align .hidden-bar-closer {
left: 0px;
}
.hidden-bar.left-align {
left: -400px;
}
.hidden-bar.left-align.visible-sidebar {
left: 0px;
}
.hidden-bar.left-align .hidden-bar-closer {
right: -20px;
}
.hidden-bar .hidden-bar-closer {
width: 40px;
height: 40px;
position: absolute;
top: 0;
background: rgba(255,255,255,0.80);
color: #272727;
border-radius: 2px;
text-align: center;
line-height: 38px;
transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
z-index: 999999;
}
.padd-top-20{
padding-top:20px !important;
}
.hidden-bar .hidden-bar-closer:hover {
background: #fc721e;
}
.hidden-bar .hidden-bar-closer:hover .btn {
color: #ffffff;
}
.hidden-bar .hidden-bar-closer .btn {
background-color: transparent;
border: none;
outline: none;
font-size: 14px;
}
.hidden-bar .social-icons {
text-align: center;
margin: 50px 0px 30px;
}
.hidden-bar .social-icons ul {
font-size: 0;
margin-left: -5px;
margin-right: -5px;
}
.hidden-bar .social-icons ul li {
display: inline-block;
padding: 0 5px;
}
.hidden-bar .social-icons ul li a {
display: block;
width: 36px;
height: 36px;
font-size: 16px;
line-height: 36px;
text-align: center;
background: #fc721e;
color: #ffffff;
border-radius: 5px;
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;
}
.hidden-bar .social-icons ul li a:hover {
background: #ffffff;
color:#fc721e;
}
.hidden-bar-wrapper {
height: 100%;
}
.hidden-bar .logo {
padding: 30px 0px;
background: #c3c7cc;
}
.hidden-bar .logo img{
display:inline-block;
max-width:100%;
}
.hidden-bar .side-menu {
background-color: transparent;
padding: 0;
font-size:13px;
letter-spacing:1px;
}
.hidden-bar .side-menu ul li ul a {
background: transparent;
}
.hidden-bar .side-menu ul li ul li ul li a {
background: transparent;
}
.hidden-bar .side-menu a.current {
color: #fff;
}
.hidden-bar .side-menu li.current > a {
color: #fff;
}
.hidden-bar .side-menu ul li a {
background: transparent;
color: #ffffff;
display: block;
font-weight: 500;
border-top: 1px solid rgba(255,255,255,0.30);
border-bottom: 1px solid rgba(255,255,255,0.30);
padding: 10px 15px 10px 20px;
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;
}
.hidden-bar .side-menu ul li a:hover,
.hidden-bar .side-menu ul > li.current > a,
.hidden-bar .side-menu ul > li > ul > li.current > a {
background: rgba(255,255,255,0.10);
color: #ffffff;
}
.hidden-bar .side-menu ul li a .btn.expander {
background: none;
color: #ffffff;
border: 1px solid rgba(255,255,255,0.80);
padding: 5px 10px;
font-size: 14px;
border-radius: 0px;
position: absolute;
top: 6px;
right: 20px;
outline: none;
}
/***
====================================================================
Main Slider style
====================================================================
***/
.main-slider{
position:relative;
z-index:10;
}
.main-slider .tp-dottedoverlay{
background-color:rgba(0,0,0,0.10) !important;
}
.main-slider .tp-caption{
z-index:5 ;
}
.main-slider .text{
font-weight:400;
line-height:1.8em;
color:#ffffff;
font-size:24px;
}
.main-slider .text.light{
color:#ffffff;
}
.main-slider h2{
font-size:66px;
color:#ffffff;
font-weight:700;
line-height:1.4em;
font-family: 'Montserrat', sans-serif;
}
.main-slider .btn-style-one,
.main-slider .btn-style-two{
min-width:160px;
text-align:center;
border-width:2px !important;
}
.main-slider .tp-bullets.preview3 .bullet{
background:#000000 ;
width:25px !important;
height:4px !important;
border:0px!important;
border-radius:2px!important;
margin:0px 7px;
}
.main-slider .tp-bullets.preview3 .bullet:hover,
.main-slider .tp-bullets.preview3 .bullet.selected{
border-color:#fc721e !important;
background:#fc721e !important;
}
.main-slider .tparrows.preview3,
.main-slider .tparrows.preview3{
background:none !important;
width:54px !important;
overflow:hidden;
margin-top:0px !important;
height:54px !important;
}
.main-slider .tparrows.preview3::after{
top:0px;
background:rgba(0,0,0,0);
color:#ffffff;
font-size:16px;
height:54px !important;
line-height:54px;
width:50px !important;
border:2px solid #ffffff;
padding:0px;
border-radius:3px;
}
.main-slider .tparrows.tp-leftarrow.preview3::after{
content: '\f0d9';
font-family:'FontAwesome';
}
.main-slider .tparrows.tp-rightarrow.preview3::after{
content: '\f0da';
font-family:'FontAwesome';
}
.main-slider .tparrows.preview3.tp-leftarrow{
left:30px !important;
}
.main-slider .tparrows.preview3.tp-rightarrow{
right:30px !important;
}
.main-slider .tparrows.preview3:hover::after{
background:#fc721e;
border-color:#fc721e;
}
.main-slider .tparrows.preview3 .tp-arr-iwrapper{
visibility:hidden;
opacity:0;
display:none;
}
.main-slider .tp-bannertimer{
display:none !important;
}
/***
====================================================================
Search Popup
====================================================================
***/
.search-popup{
position:fixed;
left:0px;
top:-100%;
width:100%;
height:100%;
background:rgba(0,0,0,0.80);
z-index:9999;
visibility:hidden;
opacity:0;
overflow:auto;
transition:all 700ms ease;
-moz-transition:all 700ms ease;
-webkit-transition:all 700ms ease;
-ms-transition:all 700ms ease;
-o-transition:all 700ms ease;
}
.search-popup.popup-visible{
top:0;
visibility:visible;
opacity:1;
}
.search-popup .close-search{
position:absolute;
right:25px;
top:25px;
font-size:20px;
color:#ffffff;
cursor:pointer;
z-index:5;
}
.search-popup .close-search:hover{
opacity:0.70;
}
.search-popup .search-form{
position:relative;
padding:0px 15px 50px;
padding-top:200px;
max-width:1024px;
margin:0 auto;
}
.search-popup .search-form fieldset{
position:relative;
border:5px solid rgba(255,255,255,0.80);
-webkit-border-radius:12px;
-ms-border-radius:12px;
-o-border-radius:12px;
-moz-border-radius:12px;
border-radius:12px;
}
.search-popup .search-form fieldset input[type="search"],
.search-popup .search-form fieldset input.form-control{
position:relative;
height:70px;
padding:20px 220px 20px 30px;
background:#ffffff;
line-height:30px;
font-size:24px;
color:#233145;
-webkit-border-radius:7px;
-ms-border-radius:7px;
-o-border-radius:7px;
-moz-border-radius:7px;
border-radius:7px;
}
.search-popup .search-form fieldset input[type="submit"]{
position:absolute;
display:block;
right:0px;
top:0px;
text-align:center;
width:220px;
padding:20px 10px 20px 10px;
color:#ffffff;
background:#fc721e;
line-height:30px;
height:70px;
font-size:18px;
letter-spacing:2px;
font-family: 'Oswald',sans-serif;
-moz-border-radius:0px 7px 7px 0px;
-ms-border-radius:0px 7px 7px 0px;
-o-border-radius:0px 7px 7px 0px;
-webkit-border-radius:0px 7px 7px 0px;
border-radius:0px 7px 7px 0px;
}
.search-popup .search-form fieldset input[type="submit"]:hover{
background:#334551;
color:#ffffff;
}
.search-popup h3{
font-family: 'Oswald',sans-serif;
font-size:24px;
color:#ffffff;
margin-bottom:30px;
text-align:center;
letter-spacing:1px;
}
.search-popup .recent-searches{
font-size:14px;
color:#ffffff;
text-align:center;
}
.search-popup .recent-searches li{
display:inline-block;
margin:0px 10px 10px 0px;
}
.search-popup .recent-searches li a{
display:block;
line-height:24px;
border:1px solid #ffffff;
padding:5px 20px;
color:#ffffff;
border-radius:3px;
}
.search-popup .recent-searches li a:hover{
color:#fc721e;
border-color:#fc721e;
}
.padd-right-20{
padding-right:20px !important;
}
/***
====================================================================
social-icon
====================================================================
***/
.header-top .top-right ul{
position:relative;
float:right;
}
.header-top .social-icon{
position:relative;
float:right;
margin-left:45px;
}
.social-icon a{
position: relative;
display: inline-block;
text-align: center;
margin-left: 4px;
width: 38px;
height: 38px;
line-height: 36px;
font-size: 14px;
border: 2px solid #373737;
color: #ffffff !important;
border-radius: 50%;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.social-icon a:hover{
background-color:#fc721e;
border-color:#fc721e;
}
/***
====================================================================
welcome-section
====================================================================
***/
.welcome-section{
position:relative;
z-index:12;
}
.welcome-section .welcome-column{
position:relative;
}
.welcome-section .welcome-column .inner-content{
position:relative;
padding:50px 30px;
margin-top:-60px;
margin-right:-30px;
background-color:#1f1f1f;
z-index:99;
}
.welcome-section .welcome-column .inner-content h2{
color:#ffffff;
font-size:30px;
font-weight:700;
padding-bottom:15px;
font-family: 'Montserrat', sans-serif;
}
.welcome-section .welcome-column .inner-content h2:before{
position:absolute;
content:'';
width:70px;
height:1px;
left:0px;
bottom:4px;
display:block;
background-color:#fc721e;
}
.welcome-section .welcome-column .inner-content h2:after{
position:absolute;
content:'';
width:70px;
height:2px;
left:0px;
bottom:0px;
display:block;
background-color:#fc721e;
}
.welcome-section .welcome-column .inner-content h3{
color:#ffffff;
font-size:24px;
font-weight:700;
line-height:1.6em;
margin:30px 0px;
}
.welcome-section .welcome-column .inner-content h3 span{
color:#fc721e;
}
.welcome-section .welcome-column .inner-content .text{
color:#bebebe;
font-size:16px;
line-height:28px;
margin-bottom:30px;
}
.welcome-section .welcome-column .inner-content .author-title{
position:relative;
margin:40px 0px 20px 0px;
}
.welcome-section .welcome-column .inner-content .author-title .author-info{
position:relative;
color:#ffffff;
font-size:16px;
font-weight:600;
font-family: 'Montserrat', sans-serif;
}
.welcome-section .welcome-column .inner-content .author-title .author-info span{
color:#9e9e9e;
font-size:16px;
font-style:italic;
font-weight:normal;
}
.welcome-section .welcome-column .inner-content .author-title .author-designation{
color:#fc721e;
font-style:italic;
font-size:16px;
}
.service-column{
position:relative;
padding:40px 0px 55px 100px;
}
.service-block-one{
position:relative;
margin-bottom:25px;
}
.service-block-one .inner-box{
position:relative;
padding-left:75px;
}
.service-block-one .inner-box .icon-box{
position:absolute;
left:0px;
top:24px;
color:#272727;
font-size:48px;
display:inline-block;
}
.service-block-one .inner-box h3{
color:#272727;
font-size:20px;
font-weight:600;
font-family: 'Montserrat', sans-serif;
}
.service-block-one .inner-box .category{
color:#fc721e;
font-size:18px;
font-style:italic;
}
.service-block-one .inner-box .category a:hover{
color:#fc721e;
}
.service-block-one .inner-box .text{
color:#9e9e9e;
margin-top:15px;
}
/***
====================================================================
sec-title
====================================================================
***/
.sec-title{
position:relative;
margin-bottom:40px;
}
.sec-title h2{
position:relative;
font-size:36px;
color:#272727;
padding-bottom:14px;
font-weight:700;
}
.sec-title.medium h2{
font-size:28px;
}
.sec-title h2:after{
position:absolute;
content:'';
width:70px;
height:1px;
left:0px;
bottom:3px;
background-color:#fc721e;
}
.sec-title h2:before{
position:absolute;
content:'';
width:70px;
height:2px;
left:0px;
bottom:0px;
background-color:#fc721e;
}
.sec-title .desc-text{
position:relative;
padding-top:30px;
color:#999999;
line-height:1.8em;
}
.sec-title .service-link{
position:relative;
color:#272727;
font-size:14px;
font-weight:700;
margin-top: 24px;
border-bottom:1px solid #272727;
line-height:16px;
padding:0px;
font-family: 'Montserrat', sans-serif;
}
.sec-title .service-link span{
position:relative;
padding-left:5px;
line-height:16px;
font-size:14px;
}
.sec-title .service-link:hover{
color:#fc721e;
border-color:#fc721e;
}
.padd-top-30{
padding-top:30px !important;
}
/***
====================================================================
best-service-section
====================================================================
***/
.best-service-section{
position:relative;
background-color:#f4f4f4;
padding:40px 0px 70px 0px;
}
.service-block-two{
position:relative;
margin-bottom:30px;
}
.service-block-two .inner-box{
position:relative;
padding:30px 20px 20px 20px;
background:#ffffff;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
-webkit-box-shadow: 0px 4px 10px 0px rgba(230,230,230,1);
-moz-box-shadow: 0px 4px 10px 0px rgba(230,230,230,1);
box-shadow: 0px 4px 10px 0px rgba(230,230,230,1);
}
.service-block-two .inner-box .image-layer{
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
opacity:0;
background-size:cover;
background-repeat:no-repeat;
background-position:center center;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.service-block-two .inner-box .image-layer:after{
position:absolute;
content:'';
left:0px;
top:0px;
width:100%;
height:100%;
background:rgba(252,114,30,0.9);
}
.service-block-two .inner-box:hover .image-layer{
opacity:1;
}
.service-block-two .inner-box .icon-box{
position:absolute;
left:30px;
top:30px;
width:50px;
height:50px;
line-height:48px;
text-align:center;
color:#ffffff;
font-size:34px;
background-color:#fc721e;
z-index:2;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.service-block-two .inner-box h3{
color:#fff;
font-size:16px;
font-weight:700;
margin:-5px 0px 8px;
z-index:2;
}
.service-block-two .inner-box .text{
position:relative;
color:#9e9e9e;
font-size:14px;
z-index:2;
line-height: 1.4;
margin-bottom: 10px;
padding-top:10px;
}
.service-block-two .inner-box .read-more{
position:relative;
color:#272727;
margin-top:15px;
display:inline-block;
font-weight:700;
z-index:2;
font-family: 'Montserrat', sans-serif;
}
.service-block-two .inner-box .bottom-icon{
position:absolute;
right:10px;
bottom:10px;
}
.service-block-two .inner-box .bottom-icon span{
color:#faf9f9;
font-size:60px;
}
.service-block-two:hover .inner-box{
background:rgba(252,114,30,1);
}
.service-block-two:hover .inner-box .icon-box{
background:#ffffff;
color:rgba(252,114,30,1);
}
.service-block-two .inner-box h3 {
background: #fc721e;
text-align: center;
font-weight:normal;
border: solid 1px #1f66a9;
}
.service-block-two:hover .inner-box h3,
.service-block-two:hover .inner-box .text,
.service-block-two:hover .inner-box a{
color:#ffffff;
transition:all 0.6s ease;
-moz-transition:all 0.6s ease;
-webkit-transition:all 0.6s ease;
-ms-transition:all 0.6s ease;
-o-transition:all 0.6s ease;
}
.service-block-two:hover .bottom-icon{
opacity:0;
}
/***
====================================================================
sec-title-two
====================================================================
***/
.sec-title-two{
position:relative;
margin-bottom:40px;
}
.sec-title-two h2{
position:relative;
font-size:36px;
color:#272727;
padding-bottom:14px;
font-weight:700;
}
.sec-title-two h2:after{
position:absolute;
content:'';
width:70px;
height:1px;
left:0px;
bottom:3px;
background-color:#fc721e;
}
.sec-title-two h2:before{
position:absolute;
content:'';
width:70px;
height:2px;
left:0px;
bottom:0px;
background-color:#fc721e;
}
.padd-top-40{
padding-top:40px !important;
}
/***
====================================================================
call-to-action
====================================================================
***/
.call-to-action{
position:relative;
background-repeat:no-repeat;
background-size:cover;
background-position:center center;
background-attachment:fixed;
padding:120px 0px 110px;
text-align:center;
}
.call-to-action:before{
position:absolute;
content:'';
left:0px;
top:0px;
width:100%;
height:100%;
background-color:rgba(0,0,0,0.40);
}
.call-to-action .auto-container{
position:relative;
z-index:1;
}
.call-to-action .text{
position:relative;
font-size:20px;
color:#ffffff;
margin-bottom:5px;
}
.call-to-action h2{
font-size:36px;
color:#ffffff;
margin-bottom:25px;
}
.call-to-action .theme-btn{
margin:0px 10px 10px;
min-width:160px;
}
/***
====================================================================
sec-title-three
====================================================================
***/
.sec-title-three{
position:relative;
margin-bottom:35px;
}
.sec-title-three .sub-title{
position:relative;
color:#fc721e;
font-size:20px;
font-style:italic;
}
.sec-title-three h2{
position:relative;
font-size:36px;
color:#272727;
padding-bottom:14px;
font-weight:700;
}
.sec-title-three h2:after{
position:absolute;
content:'';
width:70px;
height:1px;
left:0px;
bottom:3px;
background-color:#fc721e;
}
.sec-title-three h2:before{
position:absolute;
content:'';
width:70px;
height:2px;
left:0px;
bottom:0px;
background-color:#fc721e;
}
.padd-top-50{
padding-top:50px !important;
}
/***
====================================================================
sec-title-four
====================================================================
***/
.sec-title-four{
position:relative;
margin-bottom:50px;
text-align:center;
}
.sec-title-four h2{
position:relative;
font-size:36px;
color:#272727;
padding-bottom:14px;
font-weight:700;
}
.sec-title-four h2:after{
position:absolute;
content:'';
width:70px;
height:1px;
left:50%;
margin-left:-30px;
bottom:3px;
background-color:#fc721e;
}
.sec-title-four h2:before{
position:absolute;
content:'';
width:70px;
height:2px;
left:50%;
margin-left:-30px;
bottom:0px;
background-color:#fc721e;
}
/***
====================================================================
default-two-column
====================================================================
***/
.default-two-column{
position:relative;
padding:100px 0px 70px;
}
.default-two-column .column.spec-column .text{
color:#9e9e9e;
font-size:16px;
margin-bottom:30px;
}
.specs{
position:relative;
}
.specs .spec-block{
position:relative;
margin-bottom:35px;
}
.specs .spec-block .icon-box{
position: absolute;
left: 0px;
top: 5px;
width: 50px;
height: 50px;
line-height: 48px;
text-align: center;
color: #272727;
font-size: 30px;
background-color: #f4f4f4;
z-index: 2;
transition:all 0.6s ease;
-moz-transition:all 0.6s ease;
-webkit-transition:all 0.6s ease;
-ms-transition:all 0.6s ease;
-o-transition:all 0.6s ease;
}
.specs .spec-block .inner-box{
position:relative;
padding-left:68px;
}
.specs .spec-block .inner-box h3{
position:relative;
color:#272727;
font-size:20px;
font-weight:700;
}
.specs .spec-block .inner-box .text{
position:relative;
color:#9e9e9e;
font-size:16px;
margin-bottom:0px;
}
.specs .spec-block:hover .icon-box{
background-color:#fc721e;
color:#ffffff;
}
.specs .spec-block:hover .inner-box h3{
color:#fc721e;
transition:all 0.6s ease;
-moz-transition:all 0.6s ease;
-webkit-transition:all 0.6s ease;
-ms-transition:all 0.6s ease;
-o-transition:all 0.6s ease;
}
/*default-two-column*/
.default-two-column .form-column{
position:relative;
}
.form-box{
position:relative;
border:2px solid #f4f4f4;
padding:18px 18px 0px 18px;
}
.comment-form .form-box{
padding:25px 25px 0px 25px;
}
.default-form .form-group{
position:relative;
margin-bottom:20px;
}
.comment-form .form-box .form-group{
margin-bottom:25px;
}
.default-form.form-box .row{
margin-left:-10px;
margin-right:-10px;
}
.default-form.form-box .row .form-group{
padding:0px 10px !important;
}
.default-form .form-group .field-label{
display:block;
line-height:24px;
margin-bottom:10px;
color:#232323;
font-weight:500;
font-size:13px;
}
.default-form .form-group .field-label sup{
color:#ff0000;
font-size:14px;
}
.default-form input[type="text"],
.default-form input[type="email"],
.default-form input[type="password"],
.default-form input[type="number"],
.default-form select,
.default-form textarea{
display:block;
width:100%;
line-height:24px;
height:50px;
font-size:16px;
border:1px solid #f4f4f4;
padding:12px 15px;
background-color:#f4f4f4;
color:#111111;
border-radius:2px;
transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.default-form select{
cursor:pointer;
color:#666666;
-moz-appearance:none;
-webkit-appearance:none;
-ms-appearance:none;
-o-appearance:none;
background:#f4f4f4 url(../images/icons/icon-select.png) right center no-repeat;
}
.default-form textarea{
height:110px;
resize:none;
}
.default-form select option{
text-indent:15px;
}
.default-form input:focus,
.default-form select:focus,
.default-form textarea:focus{
border-color:#fc721e;
background-color:#ffffff;
}
.default-form input.error,
.default-form select.error,
.default-form textarea.error{
border-color:#ff0000 !important;
}
.default-form label.error{
display:block;
line-height:24px;
padding:5px 0px 0px;
margin:0px;
font-size:11px;
color:#ff0000;
font-weight:500;
}
.form-box .form-group button{
width:100%;
padding:14px 20px;
}
/***
====================================================================
testimonial-style-one
====================================================================
***/
.testimonial-style-one{
position:relative;
background-repeat:no-repeat;
background-position:center center;
background-size:cover;
background-attachment:fixed;
padding:100px 0px;
text-align:center;
}
.testimonial-style-one:before{
position:absolute;
content:'';
left:0px;
top:0px;
width:100%;
height:100%;
background-color:rgba(0,0,0,0.8);
}
.testimonial-style-one .icon{
position:relative;
width:50px;
height:50px;
margin:0 auto 50px;
text-align:center;
border-radius:50%;
color:#ffffff;
font-size:18px;
line-height:45px;
border:3px solid #ffffff;
}
.testimonial-style-one .slide-item .inner-box{
max-width:900px;
margin:0 auto;
}
.testimonial-style-one .slide-item .inner-box .slide-text{
color:#ffffff;
font-size:20px;
line-height:1.8em;
font-weight:normal;
font-style:italic;
}
.testimonial-style-one .slide-item .inner-box .auther-info{
position:relative;
margin-top:30px;
}
.testimonial-style-one .slide-item .inner-box .auther-info .image{
position:relative;
width:70px;
height:70px;
margin:0 auto;
}
.testimonial-style-one .slide-item .inner-box .auther-info .image img{
border-radius:50%;
}
.testimonial-style-one .slide-item .inner-box .auther-info .auther-name{
position:relative;
color:#ffffff;
font-size:20px;
margin-top:20px;
font-family: 'Montserrat', sans-serif;
}
.testimonial-style-one .slide-item .inner-box .auther-info .designation{
color:#fc721e;
font-size:16px;
font-style:italic;
}
.testimonial-style-one .owl-controls .owl-dots{
display:none !important;
}
.testimonial-style-one .owl-controls{
margin:0px !important;
}
.testimonial-style-one .owl-controls .owl-nav{
margin:0px !important;
}
.testimonial-style-one .owl-controls .owl-nav [class*="owl-"]{
position:absolute;
bottom:80px;
display:inline-block;
margin:0px 0px 0px 1px ;
width:45px ;
height:45px ;
padding:0px ;
color:#ffffff;
font-size: 22px;
line-height: 42px;
text-align:center;
border-radius:0px;
border-radius:3px;
border:1px solid #ffffff;
background-color:transparent !important;
}
.testimonial-style-one .owl-controls .owl-nav [class*="owl-prev"]{
left:100px;
}
.testimonial-style-one .owl-controls .owl-nav [class*="owl-next"]{
right:100px;
}
.testimonial-style-one .owl-controls .owl-nav [class*="owl-"]:hover{
background-color:#fc721e !important;
border-color:#fc721e;
}
/***
====================================================================
Gallery Section
====================================================================
***/
.gallery-section{
position:relative;
padding:100px 0px;
}
.gallery-section .filters{
position:relative;
text-align:center;
font-family:'Montserrat',sans-serif;
margin-bottom:50px;
}
.gallery-section .filters .icon-box{
position:relative;
display:inline-block;
margin-right:-75px;
font-size:24px;
color:#fc721e;
text-align:center;
width:70px;
line-height:24px;
padding:12px 10px;
}
.gallery-section .filters .filter-tabs{
position:relative;
display:inline-block;
padding-left:70px;
border-bottom:1px solid #e0e0e0;
}
.gallery-section .filters li{
position:relative;
top:1px;
display:inline-block;
padding:12px 20px;
line-height:24px;
color:#999999;
cursor:pointer;
font-size:16px;
font-weight:400;
border:1px solid transparent;
border-bottom-width:2px;
margin:0px 0px 0px;
transition:all 300ms ease;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
}
.gallery-section .filters li.active{
color:#272727;
border-color:#e0e0e0;
border-bottom-color:#ffffff;
}
.default-portfolio-item{
position:relative;
}
.portfolio-with-caption .default-portfolio-item{
margin-bottom:30px;
}
.gallery-section.style-two .items-container{
padding:0px 15px;
}
.default-portfolio-item.mix{
display:none;
}
.gallery-section.fullwidth .default-portfolio-item{
padding:0px !important;
}
.sortable-masonry .items-container{
margin-left:-5px;
margin-right:-5px;
}
.sortable-masonry .masonry-item{
position:relative;
padding:0px 5px !important;
margin-bottom:10px !important;
}
.default-portfolio-item .inner-box{
position:relative;
width:100%;
overflow:hidden;
}
.default-portfolio-item .image-box{
position:relative;
display:block;
}
.default-portfolio-item .image-box img{
position:relative;
display:block;
width:100%;
}
.default-portfolio-item .overlay-one{
position:absolute;
left:0px;
top:-100%;
width:100%;
height:100%;
padding:0px;
color:#ffffff;
opacity:0;
border:5px solid #fc721e;
text-align:center;
transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
-moz-transition: all 500ms ease;
}
.fullwidth .default-portfolio-item .overlay-one,
.portfolio-with-caption .default-portfolio-item .overlay-one{
border:none;
}
.default-portfolio-item .inner-box:hover .overlay-one{
top:0px;
opacity:1;
}
.default-portfolio-item .overlay-one .overlay-inner{
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
display:table;
vertical-align:middle;
padding:30px 50px;
background:rgba(0,0,0,0.85);
}
.fullwidth .default-portfolio-item .overlay-one .overlay-inner,
.portfolio-with-caption .default-portfolio-item .overlay-one .overlay-inner{
background:rgba(252,114,30,0.90);
}
.default-portfolio-item .overlay-one .overlay-inner .content{
position:relative;
display:table-cell;
vertical-align:middle;
}
.default-portfolio-item .proj-link{
position:relative;
display:inline-block;
width:46px;
height:46px;
color:#fc721e;
line-height:46px;
background:#ffffff;
font-size:16px;
z-index:1;
border-radius:50%;
text-align:center;
transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
-moz-transition: all 500ms ease;
}
.fullwidth .default-portfolio-item .proj-link{
height:60px;
width:60px;
line-height:60px;
font-size:20px;
}
.portfolio-with-caption .default-portfolio-item .proj-link{
height:50px;
width:50px;
line-height:50px;
font-size:20px;
}
.default-portfolio-item .proj-link:hover{
background:#fc721e;
color:#ffffff;
}
.padd-top-60{
padding-top:60px !important;
}
.portfolio-with-caption .default-portfolio-item .proj-link:hover{
background:#272727;
color:#ffffff;
}
.default-portfolio-item .caption-box-one{
position:absolute;
left:-100%;
bottom:0px;
width:100%;
padding:25px;
z-index:1;
opacity:0;
}
.default-portfolio-item:hover .caption-box-one{
left:0px;
opacity:1;
transition: all 500ms ease 500ms;
-webkit-transition: all 500ms ease 500ms;
-ms-transition: all 500ms ease 500ms;
-o-transition: all 500ms ease 500ms;
-moz-transition: all 500ms ease 500ms;
}
.default-portfolio-item .caption-box-one h3{
font-size:20px;
color:#ffffff;
font-weight:600;
margin-bottom:0px;
}
.fullwidth .default-portfolio-item .caption-box-one h3{
font-size:24px;
}
.default-portfolio-item .caption-box-one h3 a{
color:#ffffff;
}
.default-portfolio-item .caption-box-one h3 a:hover{
color:#fc721e;
}
.fullwidth .default-portfolio-item .caption-box-one h3 a:hover{
color:#272727;
}
.default-portfolio-item .caption-box-one .cat-link{
position:relative;
display:block;
line-height:20px;
color:#fc721e;
font-size:15px;
font-weight:400;
font-style:italic;
}
.default-portfolio-item .caption-box-one .cat-links{
position:relative;
display:block;
color:#ffffff;
line-height:20px;
}
.default-portfolio-item .caption-box-one .cat-links a{
position:relative;
line-height:20px;
color:#ffffff;
font-size:15px;
font-weight:400;
font-style:italic;
}
.default-portfolio-item .caption-box-two{
position:relative;
padding:20px 20px;
text-align:center;
background:#f4f4f4;
border-bottom:2px solid transparent;
z-index:1;
transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
-moz-transition: all 500ms ease;
}
.default-portfolio-item:hover .caption-box-two{
border-bottom-color:#fc721e;
}
.default-portfolio-item .caption-box-two h3{
font-size:20px;
color:#272727;
font-weight:600;
margin-bottom:0px;
}
.default-portfolio-item .caption-box-two h3 a{
color:#272727;
}
.default-portfolio-item .caption-box-two h3 a:hover{
color:#fc721e;
}
.default-portfolio-item .caption-box-two .cat-links{
position:relative;
display:block;
color:#ffffff;
line-height:20px;
}
.default-portfolio-item .caption-box-two .cat-links a{
position:relative;
line-height:20px;
color:#fc721e;
font-size:15px;
font-weight:400;
font-style:italic;
}
/***
====================================================================
tabbed-shop-section
====================================================================
***/
.tabbed-shop-section{
position:relative;
padding:100px 0px;
}
/***
====================================================================
Tabs Style One
====================================================================
***/
.shop-tabs-box{
position:relative;
}
.shop-tabs-box .tab-buttons{
position:relative;
margin-bottom:40px;
text-align:center;
font-family:'Montserrat',sans-serif;
}
.shop-tabs-box .tabs-content{
position:relative;
}
.shop-tabs-box .tabs-content .shop-tab{
position:absolute;
left:0px;
top:0px;
width:100%;
visibility:hidden;
opacity:0;
-webkit-transform:scale(0.9,0.9);
-ms-transform:scale(0.9,0.9);
-o-transform:scale(0.9,0.9);
-moz-transform:scale(0.9,0.9);
transform:scale(0.9,0.9);
}
.shop-tabs-box .tabs-content .shop-tab.active-tab{
position:relative;
visibility:visible;
opacity:1;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
-moz-transition:all 500ms ease;
transition:all 500ms ease;
-webkit-transform:scale(1,1);
-ms-transform:scale(1,1);
-o-transform:scale(1,1);
-moz-transform:scale(1,1);
transform:scale(1,1);
}
.shop-tabs-box .tab-buttons .tab-btn{
position:relative;
display:inline-block;
padding:5px 24px;
margin:0px 0px 10px;
cursor:pointer;
font-size:16px;
font-weight:400;
color:#9e9e9e;
}
.shop-tabs-box .tab-buttons .tab-btn:first-child{
padding-left:0px;
}
.shop-tabs-box .tab-buttons .tab-btn:last-child{
padding-right:0px;
}
.shop-tabs-box .tab-buttons .tab-btn.active-btn,
.shop-tabs-box .tab-buttons .tab-btn:hover{
color:#fc721e;
}
.shop-tabs-box .tab-buttons .tab-btn:after{
content:'';
position:absolute;
right:-6px;
top:50%;
width:8px;
height:8px;
border-radius:50%;
background-color:#9e9e9e;
margin-top:-4px;
}
.shop-tabs-box .tab-buttons .tab-btn:last-child:after{
display:none;
}
/*default-shop-item*/
.default-shop-item{
position:relative;
margin-bottom:40px;
}
.tabbed-shop-section .default-shop-item,
.related-products .default-shop-item{
margin-bottom:0px;
}
.default-shop-item .inner-box{
position:relative;
border:1px solid #f4f4f4;
padding-bottom:40px;
}
.default-shop-item .dead-overlay{
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
background:rgba(255,255,255,0.90);
color:#272727;
font-family:'Montserrat',sans-serif;
text-align:center;
font-size:16px;
line-height:30px;
z-index:10;
}
.default-shop-item .dead-overlay .text{
position:relative;
top:80px;
}
.default-shop-item .inner-box .image-box img{
width:100%;
display:block;
}
.default-shop-item .inner-box .item-sale-tag{
position:absolute;
right:15px;
top:15px;
line-height:20px;
padding:1px 10px 2px;
text-align:center;
color:#ffffff;
font-size:14px;
font-weight:700;
background:#fa4444;
min-width:50px;
}
.default-shop-item .inner-box .item-sale-tag.top{
background:#95c03e;
}
.default-shop-item .inner-box .item-sale-tag:before{
content:'';
position:absolute;
left:0px;
top:100%;
border:5px solid transparent;
border-left:5px solid #fa4444;
border-top:5px solid #fa4444;
}
.default-shop-item .inner-box .item-sale-tag.top:before{
border-left-color:#95c03e;
border-top-color:#95c03e;
}
.default-shop-item .inner-box .lower-content{
position:relative;
margin:0 20px;
padding-top:20px;
text-align:center;
border-top:1px solid #f4f4f4;
}
.default-shop-item .inner-box .lower-content h3{
position:relative;
color:#272727;
font-size:18px;
font-weight:700;
}
.default-shop-item .inner-box .lower-content h3 a{
position:relative;
color:#272727;
}
.default-shop-item .inner-box .lower-content .rating{
position:relative;
}
.default-shop-item .inner-box .lower-content h3 a:hover{
color:#fc721e;
}
.default-shop-item .inner-box .lower-content .rating .fa{
position:relative;
color:#fc7625;
display: inline-block;
margin-right: 3px;
font-size: 13px;
}
.default-shop-item .inner-box .lower-content .price{
color:#fc721e;
font-size:16px;
line-height:24px;
height:24px;
}
.default-shop-item .inner-box .lower-content .price span{
color:#9e9e9e;
font-size:14px;
padding-left:10px;
text-decoration:line-through;
}
.default-shop-item .inner-box .lower-content .links-box{
position:relative;
margin-top:20px;
}
.default-shop-item .inner-box .lower-content .links-box .cart-btn{
position:relative;
display:block;
padding:12px 0px;
line-height:24px;
color:#ffffff;
font-size:14px;
font-family:'Montserrat',sans-serif;
background-color:#fc721e;
}
.default-shop-item .inner-box .lower-content .links-box .zoom-btn{
position:absolute;
background-color:#272727;
width:48px;
height:48px;
line-height:48px;
left:0px;
top:0px;
font-size:18px;
color:#ffffff;
z-index:2;
font-weight:normal;
}
.default-shop-item .inner-box .lower-content .links-box .add-to-favorite{
position:absolute;
width:48px;
height:48px;
right:0px;
top:0px;
line-height:48px;
font-size:18px;
background-color:#272727;
color:#ffffff;
z-index:2;
font-weight:normal;
}
.tabbed-shop-carousel .owl-controls .owl-dots{
display:none !important;
}
.tabbed-shop-carousel .owl-controls{
margin:0px !important;
}
.tabbed-shop-carousel .owl-controls .owl-nav{
margin:0px !important;
}
.tabbed-shop-carousel .owl-controls .owl-nav [class*="owl-"]{
position:absolute;
top:40%;
display:inline-block;
margin:0px 0px 0px 1px ;
width:48px ;
height:48px ;
padding:0px ;
color:#272727;
font-size: 24px;
line-height: 42px;
text-align:center;
border-radius:0px;
border-radius:3px;
border:1px solid #e9e9e9;
background-color:#e9e9e9 !important;
}
.tabbed-shop-carousel .owl-controls .owl-nav [class*="owl-prev"]{
left:-24px;
}
.tabbed-shop-carousel .owl-controls .owl-nav [class*="owl-next"]{
right:-24px;
}
.tabbed-shop-carousel .owl-controls .owl-nav [class*="owl-"]:hover{
background-color:#fc721e !important;
color:#ffffff;
border-color:#fc721e;
}
/***
====================================================================
Sponsors Section
====================================================================
***/
.sponsors-section{
position:relative;
background:#f4f4f4;
padding:100px 0px;
}
.sponsors-section.style-two{
background:#ffffff;
}
.sponsors-section .image-box{
position:relative;
display:block;
border:1px solid #e0e0e0;
border-radius:3px;
text-align:center;
}
.sponsors-section .image-box img{
display:block;
width:100%;
}
.sponsors-section .inner-box{
position:relative;
overflow:hidden;
}
.sponsors-section .inner-box .overlay-box{
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
color:#ffffff;
font-family:'Montserrat',sans-serif;
background:rgba(252,114,30,0.95);
opacity:0;
border-radius:3px;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
-moz-transition:all 500ms ease;
transition:all 500ms ease;
}
.sponsors-section .inner-box:hover .overlay-box{
opacity:1;
}
.sponsors-section .inner-box .overlay-box .overlay-inner{
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
padding:20px;
vertical-align:middle;
display:table;
}
.sponsors-section .inner-box .overlay-box .overlay-content{
position:relative;
vertical-align:middle;
display:table-cell;
}
.sponsors-section .inner-box .overlay-box .count{
position:relative;
top:-8px;
display:inline-block;
font-size:32px;
padding-right:15px;
}
.sponsors-section .inner-box .overlay-box .text{
position:relative;
display:inline-block;
font-size:18px;
padding-left:15px;
line-height:1.5em;
}
.sponsors-section .inner-box .overlay-box .text:before{
content:'';
position:absolute;
left:0px;
top:5%;
height:90%;
border-left:1px solid #ffffff;
}
.sponsors-section .owl-controls{
padding:0px !important;
margin:0px !important;
}
.sponsors-section .owl-controls .owl-nav,
.sponsors-section .owl-controls .owl-dots{
display:none !important;
}
.sponsors-section.style-two .owl-controls .owl-dots{
display:block !important;
padding-top:50px;
}
.sponsors-section.style-two .owl-controls .owl-dots .owl-dot span{
width:12px;
height:12px;
}
.sponsors-section.style-two .owl-controls .owl-dots .owl-dot.active span{
background:#fc721e;
}
/***
====================================================================
Newsletter Style One
====================================================================
***/
.newsletter-style-one{
position:relative;
padding:50px 0px;
background-color:#fc721e;
color:#ffffff;
}
.newsletter-style-one .auto-container{
position:relative;
z-index:1;
}
.newsletter-style-one .title-column h2{
font-size:28px;
color:#ffffff;
font-weight:700;
line-height:1.2em;
}
.newsletter-style-one .title-column .text{
font-size:16px;
color:#ffffff;
font-weight:400;
line-height:1.2em;
font-style:italic;
}
.newsletter-style-one .form-group{
position:relative;
display:block;
margin:0px;
background:rgba(0,0,0,0.03);
border-radius:3px;
}
.newsletter-style-one .form-group .floated-icon{
position:absolute;
right:20px;
top:50%;
font-size:15px;
color:#a04c18;
line-height:24px;
margin-top:-12px;
opacity:0.80;
}
.newsletter-style-one .form-group input[type="text"],
.newsletter-style-one .form-group input[type="email"]{
display:block;
position:relative;
width:100%;
line-height:24px;
background:none;
color:#ffffff;
height:50px;
font-size:14px;
padding:13px 20px;
-webkit-box-shadow:1px 2px 5px 0px rgba(0,0,0,0.10) inset;
-ms-box-shadow:1px 2px 5px 0px rgba(0,0,0,0.10) inset;
-o-box-shadow:1px 2px 5px 0px rgba(0,0,0,0.10) inset;
-moz-box-shadow:1px 2px 5px 0px rgba(0,0,0,0.10) inset;
box-shadow:1px 2px 5px 0px rgba(0,0,0,0.10) inset;
z-index:1;
}
.newsletter-style-one ::-webkit-input-placeholder { color:#a04c18 !important; }
.newsletter-style-one ::-moz-placeholder { color:#a04c18 !important; }
.newsletter-style-one :-ms-input-placeholder { color:#a04c18 !important; }
.newsletter-style-one input:-moz-placeholder { color:#a04c18 !important; }
.newsletter-style-one input[type="submit"],
.newsletter-style-one button{
position:relative;
display:block;
width:100%;
height:50px;
line-height:30px;
padding:10px 15px;
color:#fc721e;
font-size:16px;
background:#ffffff;
font-weight:500;
font-family:'Montserrat',sans-serif;
border-radius:3px;
}
/***
====================================================================
News Section
====================================================================
***/
.news-section{
position:relative;
padding:100px 0px;
}
.news-section .owl-controls{
position:relative;
padding:0px !important;
margin:50px 0px 0px !important;
}
.news-section .owl-controls .owl-nav{
display:none !important;
}
.news-section .owl-controls .owl-dots{
margin:0px !important;
}
.news-section .owl-controls .owl-dots .owl-dot span{
background:#f0f0f0;
margin:0px 5px;
width:12px;
height:12px;
}
.news-section .owl-controls .owl-dots .owl-dot.active span{
background:#fc721e;
}
.news-style-one{
position:relative;
}
.news-style-one .inner-box{
position:relative;
display:block;
}
.list-view .news-style-one{
margin-bottom:50px;
}
.large-image-view .news-style-one{
margin-bottom:50px;
}
.large-image-view .news-style-one .inner-box{
padding:20px 20px 25px;
border:1px solid #e9e9e9;
border-radius:3px;
}
.news-style-one .image-column{
position:relative;
}
.news-style-one .image-box{
position:relative;
overflow:hidden;
}
.large-image-view .news-style-one .image-box{
margin-bottom:25px;
}
.news-style-one .image-box img{
display:block;
width:100%;
}
.news-style-one .image-box .overlay-link{
position:absolute;
left:-100%;
top:0px;
width:100%;
height:100%;
text-align:center;
color:#ffffff;
background:rgba(252,114,30,0.90);
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
-moz-transition:all 500ms ease;
transition:all 500ms ease;
}
.news-style-one:hover .image-box .overlay-link{
left:0px;
}
.news-style-one .image-box .overlay-link .icon{
position:absolute;
left:50%;
margin-left:-20px;
top:50%;
margin-top:-20px;
line-height:40px;
width:40px;
height:40px;
font-size:24px;
}
.news-style-one .content h3{
font-size:20px;
color:#272727;
margin:-5px 0px 5px;
font-weight:normal;
}
.news-style-one .content h3 a{
color:#272727;
}
.news-style-one .content .post-meta{
position:relative;
margin-bottom:10px;
}
.news-style-one .content .post-meta li{
position:relative;
display:inline-block;
font-size:14px;
margin-right:15px;
font-style:italic;
}
.news-style-one .content .post-meta li a{
position:relative;
display:inline-block;
padding-left:25px;
font-style:italic;
color:#9e9e9e;
}
.news-style-one .content .post-meta li .icon{
position:absolute;
left:0px;
top:0px;
font-size:14px;
color:#fc721e;
font-style:normal;
}
.news-style-one .content .text{
position:relative;
margin-bottom:15px;
color:#9e9e9e;
line-height:1.8em;
}
.news-style-one .content .text p{
margin-bottom:25px;
}
.news-style-one .content .author-info{
position:relative;
padding:20px 15px 0px 70px;
border-top:1px solid #e0e0e0;
}
.news-style-one .content .author-info:before{
content:'';
position:absolute;
left:0px;
top:-1px;
width:50px;
border-top:1px solid #fc721e;
}
.news-style-one .content .author-info .author-thumb{
position:absolute;
left:0px;
top:15px;
width:50px;
height:50px;
border-radius:50%;
}
.news-style-one .content .author-info .author-thumb img{
display:block;
width:50px;
height:50px;
border-radius:50%;
}
.news-style-one .content .author-info h4{
font-size:16px;
line-height:1.2em;
font-weight:700;
color:#272727;
}
.news-style-one .content .author-info .designation{
font-style:italic;
color:#fc721e;
}
.news-style-one .content a:hover{
color:#fc721e;
}
.news-style-one blockquote{
position:relative;
display:block;
margin-bottom:20px;
margin-left:50px;
padding:5px 5px 5px 20px;
font-size:18px;
line-height:1.8em;
font-style:italic;
font-family:'Lato',sans-serif;
border-left:3px solid #fc721e;
}
.blog-details .post-author{
position:relative;
color:#777777;
margin-bottom:50px;
}
.blog-details .post-author .inner-box{
position:relative;
padding:35px 35px 35px 155px;
min-height:160px;
background:#f4f4f4;
}
.blog-details .post-author .inner-box .author-thumb{
position:absolute;
left:35px;
top:35px;
width:100px;
height:100px;
border-radius:2px;
}
.blog-details .post-author .inner-box .author-thumb img{
display:block;
width:100%;
}
.blog-details .post-author h4{
position:relative;
margin:-8px 0px 5px;
font-size:18px;
font-weight:400;
color:#272727;
}
.blog-details .post-author h4 .author-designation{
position:relative;
color:#fc721e;
font-style:italic;
font-family:'Lato',sans-serif;
}
.blog-details .post-author .text{
line-height:1.8em;
color:#777777;
}
.blog-details .post-author .text a{
color:#777777;
text-decoration:underline;
}
.blog-details .post-author .text a:hover{
color:#fc721e;
}
.blog-details .post-bottom{
background:#ffffff;
padding:20px 0px 0px;
border-top:1px solid #e9e9e9;
}
.blog-details .post-bottom .share-options strong{
font-weight:600;
font-size:18px;
font-family:'Montserrat',sans-serif;
color:#272727;
padding-right:10px;
}
.blog-details .post-bottom .share-options li{
line-height:34px;
margin-right:12px;
float:left;
}
.blog-details .post-bottom .share-options li a{
position:relative;
display:inline-block;
font-size:14px;
width:34px;
height:34px;
line-height:32px;
border:1px solid #f4f4f4;
background:#f4f4f4;
text-align:center;
color:#999999;
border-radius:50%;
transition:all 0.5s ease;
-moz-transition:all 0.5s ease;
-webkit-transition:all 0.5s ease;
-ms-transition:all 0.5s ease;
-o-transition:all 0.5s ease;
}
.blog-details .post-bottom .share-options li a:hover{
color:#ffffff;
background:#fc721e;
}
.social-links-one a{
position:relative;
display:inline-block;
font-size:14px;
width:34px;
height:34px;
line-height:32px;
border:1px solid #e9e9e9;
text-align:center;
color:#999999;
margin:0px 10px 0px 0px;
border-radius:5px;
transition:all 0.5s ease;
-moz-transition:all 0.5s ease;
-webkit-transition:all 0.5s ease;
-ms-transition:all 0.5s ease;
-o-transition:all 0.5s ease;
}
.social-links-one a:hover{
color:#ffffff;
background:#fc721e;
}
.blog-details .post-bottom .post-controls li{
position:relative;
display:inline-block;
padding:5px 0px;
line-height:24px;
font-weight:600;
font-size:16px;
font-family:'Montserrat',sans-serif;
color:#9e9e9e;
margin-left:20px;
}
.blog-details .post-bottom .post-controls li a{
color:#9e9e9e;
}
.blog-details .post-bottom .post-controls li a:hover{
color:#fc721e;
}
/***
====================================================================
Comments Area
====================================================================
***/
.blog-details .comments-area{
position:relative;
margin-bottom:50px;
}
.blog-details .comments-area .comment-box{
position:relative;
}
.blog-details .comments-area .comment{
position:relative;
padding:0px 0px 30px;
border-bottom:1px solid #e9e9e9;
margin-bottom:30px;
}
.blog-details .comments-area .reply-comment{
padding-left:50px;
}
.blog-details .comments-area .comment .comment-inner{
position:relative;
padding-left:120px;
}
.blog-details .comments-area .comment .author-thumb{
position:absolute;
left:0px;
top:0px;
width:100px;
height:100px;
}
.blog-details .comments-area .comment .author-thumb img{
width:100%;
display:block;
}
.blog-details .comments-area .comment .comment-header{
position:relative;
margin-bottom:15px;
color:#9e9e9e;
}
.blog-details .comments-area .comment .comment-header h4{
color:#272727;
font-size:20px;
font-weight:600;
margin-bottom:5px;
}
.blog-details .comments-area .comment .comment-header .comment-info a{
color:#fc721e;
font-style:italic;
}
.blog-details .comments-area .comment .text{
line-height:1.8em;
color:#9e9e9e;
}
.padd-top-70{
padding-top:70px !important;
}
/***
====================================================================
Main Footer
====================================================================
***/
.main-footer{
position:relative;
background-color:#272727;
background-size:cover;
background-repeat:no-repeat;
background-position:left center;
color:#bebebe;
}
.main-footer:before{
content:'';
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
background:#00524b;
}
.main-footer a,
.main-footer input,
.main-footer textarea{
-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-footer .auto-container{
position:relative;
z-index:1;
}
.main-footer .widgets-section{
position:relative;
padding:40px 0px 50px;
}
.main-footer .footer-column{
position:relative;
}
.main-footer .footer-widget{
position:relative;
margin-bottom:30px;
}
.main-footer .footer-column h2{
font-size:24px;
font-weight:700;
margin-bottom:30px;
padding-bottom:20px;
color:#ffffff;
}
.main-footer .footer-column h2:before{
content:'';
position:absolute;
left:0px;
bottom:0px;
width:70px;
border-bottom:3px solid #fc721e;
}
.main-footer .footer-column h2:after{
content:'';
position:absolute;
left:0px;
bottom:4px;
width:70px;
border-bottom:1px solid #fc721e;
}
.main-footer .about-widget .text{
margin-bottom:20px;
}
.main-footer .contact-info{
margin-bottom:25px;
}
.main-footer .contact-info li{
position:relative;
padding:10px 0px 10px 30px;
line-height:24px;
border-bottom:1px solid rgba(255,255,255,0.10);
}
.main-footer .contact-info li:last-child{
border:none;
}
.main-footer .contact-info li .icon{
position:absolute;
left:0px;
top:10px;
line-height:24px;
font-size:16px;
color:#fc721e;
}
.main-footer .social-links{
position:relative;
margin-bottom:25px;
}
.main-footer .social-links a{
display:inline-block;
width:32px;
height:32px;
margin-right:5px;
line-height:30px;
background:none;
border:1px solid #aaaaaa;
color:#aaaaaa;
font-size:14px;
text-align:center;
border-radius:2px;
}
.main-footer .social-links a:hover{
border-color:#ffffff;
color:#ffffff;
}
.main-footer .posts-widget .post{
position:relative;
min-height:60px;
padding-left:75px;
padding-bottom:22px;
margin-bottom:25px;
border-bottom:1px solid rgba(255,255,255,0.10);
}
.main-footer .posts-widget .post:last-child{
border:none;
padding-bottom:0px;
}
.main-footer .posts-widget .post .post-thumb{
position:absolute;
left:0px;
top:0px;
width:60px;
height:60px;
}
.main-footer .posts-widget .post .post-thumb .overlay-link{
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
background:rgba(252,114,30,0.90);
color:#ffffff;
opacity:0;
}
.main-footer .posts-widget .post:hover .post-thumb .overlay-link{
opacity:1;
}
.main-footer .posts-widget .post .post-thumb .overlay-link span{
position:absolute;
left:50%;
top:50%;
text-align:center;
width:30px;
margin-left:-15px;
margin-top:-15px;
line-height:30px;
font-size:16px;
}
.main-footer .posts-widget .post .post-thumb img{
display:block;
width:100%;
}
.main-footer .posts-widget .post .desc-text{
position:relative;
font-size:15px;
color:#bebebe;
line-height:1.8em;
margin-bottom:0px;
top:-5px;
}
.main-footer .posts-widget .post .desc-text a{
color:#bebebe;
}
.main-footer .posts-widget .post .time{
color:#9e9e9e;
line-height:24px;
font-style:italic;
}
.main-footer .posts-widget .post .time .fa{
padding-right:8px;
color:#fc721e;
font-style:normal;
}
.main-footer .posts-widget .view-more{
display:inline-block;
font-weight:700;
border-bottom:1px solid;
color:#fc721e;
line-height:20px;
}
.main-footer .posts-widget .view-more .fa{
padding-left:5px;
}
.main-footer .tags-widget .tags-list li{
position:relative;
display:block;
width:100%;
clear:both;
margin:0px 8px 10px 0px;
}
.main-footer .tags-widget .tags-list li a{
position:relative;
display:block;
line-height:24px;
padding:5px 15px;
color:#bebebe;
border:1px solid rgba(255,255,255,0.10);
min-width:70px;
text-align:left;
border-radius:3px;
}
.main-footer .tags-widget .tags-list li a:hover{
background:#fc721e;
color:#ffffff;
border-color:#fc721e;
}
.main-footer .work-hours h4{
font-size:16px;
font-family:'Lato',sans-serif;
color:#ffffff;
font-weight:500;
margin-bottom:10px;
}
.main-footer .work-hours p{
line-height:1.6em;
margin-bottom:5px;
}
.main-footer .contact-widget{
position:relative;
}
.main-footer .contact-widget .text{
margin-bottom:20px;
}
.main-footer .contact-widget .form-group{
position:relative;
display:block;
margin-bottom:20px;
}
.main-footer .contact-widget .form-group input[type="text"],
.main-footer .contact-widget .form-group input[type="tel"],
.main-footer .contact-widget .form-group input[type="email"],
.main-footer .contact-widget .form-group textarea{
position:relative;
display:block;
width:100%;
line-height:24px;
padding:8px 16px;
height:44px;
color:#ffffff;
font-size:15px;
border:1px solid rgba(255,255,255,0.10);
border-radius:3px;
background:none;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.main-footer .contact-widget .form-group textarea{
height:90px;
resize:none;
}
.main-footer .contact-widget .form-group input[type="text"]:focus,
.main-footer .contact-widget .form-group input[type="tel"]:focus,
.main-footer .contact-widget .form-group input[type="email"]:focus,
.main-footer .contact-widget .form-group textarea:focus{
border-color:#fc721e;
}
.main-footer .contact-widget .form-group input[type="submit"],
.main-footer .contact-widget button{
font-family:'Montserrat',sans-serif;
border-radius:3px;
padding:8px 30px;
}
.main-footer .gallery-widget{
position:relative;
}
.main-footer .gallery-widget .item{
position:relative;
}
.main-footer .gallery-widget .item .overlay-link{
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
background:rgba(252,114,30,0.90);
color:#ffffff;
opacity:0;
}
.main-footer .gallery-widget .item:hover .overlay-link{
opacity:1;
}
.main-footer .gallery-widget .item .overlay-link span{
position:absolute;
left:50%;
top:50%;
text-align:center;
width:30px;
margin-left:-15px;
margin-top:-15px;
line-height:30px;
font-size:16px;
}
.main-footer .gallery-widget .item img{
display:block;
width:100%;
}
.gallery-widget .owl-controls{
padding:0px !important;
margin:0px 0px 0px !important;
position:absolute;
right:0px;
top:-70px;
}
.gallery-widget .owl-controls .owl-nav{
display:none !important;
}
.gallery-widget .owl-controls .owl-dots{
}
.gallery-widget .owl-controls .owl-dots .owl-dot span{
background:rgba(255,255,255,0.10);
margin:0px 0px 0px 10px;
width:12px;
height:12px;
}
.gallery-widget .owl-controls .owl-dots .owl-dot.active span{
background:#fc721e;
}
.main-footer .footer-bottom{
position:relative;
padding:24px 0px;
line-height:24px;
font-size:15px;
background:#0a0a0a;
}
.main-footer .footer-bottom .author-name{
color:#fc721e;
}
.main-footer .footer-nav li{
position:relative;
display:inline-block;
margin-left:35px;
line-height:24px;
}
.main-footer .footer-nav li a{
color:#9e9e9e;
}
.main-footer .footer-nav li a:hover{
color:#fc721e;
}
/***
====================================================================
Page Title Style
====================================================================
***/
.page-title{
position:relative;
padding:90px 0px;
background-size:cover;
background-position:center center;
background-repeat:no-repeat;
text-align:center;
}
.page-title:before{
content:'';
left:0px;
top:0px;
width:100%;
height:100%;
position:absolute;
background:rgba(0,0,0,0.20);
}
.page-title .auto-container{
position:relative;
z-index:1;
}
.page-title h1{
position:relative;
font-size:36px;
font-weight:700;
color:#ffffff;
padding-bottom:20px;
line-height:1.5em;
}
.page-title h1:after{
content:'';
position:absolute;
left:50%;
margin-left:-20px;
bottom:0px;
width:80px;
border-bottom:3px solid #fc721e;
}
.page-info{
position:relative;
padding:24px 0px;
background:#ffffff;
color:#272727;
border-bottom:1px solid #f0f0f0;
}
.page-info h2{
font-size:16px;
color:#272727;
line-height:24px;
font-weight:700;
}
.page-info .bread-crumb{
position:relative;
font-size:15px;
}
.page-info .bread-crumb li{
position:relative;
float:left;
margin-right:30px;
color:#9e9e9e;
line-height:24px;
}
.page-info .bread-crumb li:last-child{
margin-right:0px;
}
.page-info .bread-crumb li:after{
content:'\f0da';
font-family: 'FontAwesome';
position:absolute;
right:-22px;
width:10px;
line-height:28px;
font-size:14px;
color:#fc721e;
}
.page-info .bread-crumb li:last-child:after{
display:none;
}
.page-info .bread-crumb li a{
color:#9e9e9e;
}
.page-info .bread-crumb li a:hover{
color:#fc721e;
}
/***
====================================================================
Fact Counter Section
====================================================================
***/
.fact-counter{
position:relative;
padding:80px 0px 30px;
background-color:#272727;
background-repeat:no-repeat;
background-attachment:fixed;
background-size:cover;
background-position:center center;
overflow:hidden;
color:#ffffff;
}
.fact-counter:before{
content:'';
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
background:#000000;
opacity:0.80;
z-index:0;
}
.fact-counter .auto-container{
position:relative;
z-index:1;
}
.fact-counter .column{
position:relative;
margin-bottom:40px;
text-align:center;
z-index:5;
}
.fact-counter .column .icon{
position:relative;
top:0px;
font-size:60px;
line-height:70px;
margin-bottom:20px;
color:#fc721e;
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:30px;
font-weight:700;
padding:0px 10px;
margin-bottom:20px;
}
.fact-counter .column .counter-title{
position:relative;
font-size:20px;
font-weight:400;
font-family:'Montserrat',sans-serif;
color:#ffffff;
}
/***
====================================================================
Default Section
====================================================================
***/
.about-us-section{
position:relative;
padding:100px 0px 70px;
}
.about-us-section .column{
position:relative;
margin-bottom:80px;
}
.about-us-section .text-column .text{
margin-bottom:35px;
color:#9e9e9e;
font-size:15px;
line-height:1.8em;
}
.about-us-section .text-column .text strong{
color:#272727;
font-weight:600;
}
.about-us-section .text-column h2{
font-size:24px;
color:#272727;
font-weight:400;
margin-bottom:25px;
}
.about-us-section .text-column .signature-image{
position:relative;
margin-bottom:10px;
}
.about-us-section .text-column .about-owner h4{
font-size:16px;
font-weight:600;
color:#272727;
}
.about-us-section .text-column .about-owner .designation{
color:#999999;
font-style:italic;
font-family:'Lato',sans-serif;
font-weight:400;
}
.about-us-section .text-column .about-owner .company-title{
color:#fc721e;
font-style:italic;
font-family:'Lato',sans-serif;
}
.about-us-section .video-box{
position:relative;
}
.about-us-section .video-box img{
display:block;
width:100%;
}
.about-us-section .video-box .video-link{
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
background:rgba(0,0,0,0.10);
transition:all 300ms ease;
}
.video-box .video-link .icon{
position:absolute;
width:100%;
height:50px;
line-height:1em;
font-size:64px;
top:50%;
color:#ffffff;
margin-top:-25px;
text-align:center;
}
.about-us-section .video-box .video-link:hover{
background:rgba(0,0,0,0.30);
}
.about-us-section .our-services{
padding:80px 0px 0px;
border-top:1px solid #f0f0f0;
}
.about-us-section .our-services .service-block-one{
position:relative;
margin-bottom:30px;
}
.no-padd-top{
padding-top:0px !important;
}
/***
====================================================================
best-service-two
====================================================================
***/
.best-service-two{
position:relative;
padding:100px 0px;
background-color:#272727;
background-repeat:no-repeat;
background-attachment:fixed;
background-size:cover;
background-position:center center;
overflow:hidden;
}
.best-service-two:before{
content:'';
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
background:#000000;
opacity:0.15;
z-index:0;
}
.best-service-two .auto-container{
position:relative;
z-index:1;
}
.best-service-two .sec-title-four{
margin-bottom:50px;
}
.best-service-two .sec-title-four h2{
color:#ffffff;
}
.best-service-two .auto-container .row{
margin-left:-1px;
margin-right:-1px;
}
.service-block-three{
position:relative;
padding:1px;
}
.service-block-three .inner-box{
position:relative;
display:block;
width:100%;
padding:45px 20px;
background:#ffffff;
text-align:center;
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;
}
.service-block-three .inner-box:hover{
color:#ffffff;
background:#fc721e;
}
.service-block-three .inner-box .icon-box{
position:relative;
line-height:1em;
font-size:48px;
margin-bottom:20px;
}
.service-block-three .inner-box h3{
position:relative;
line-height:1.5em;
font-size:20px;
font-weight:600;
}
/***
====================================================================
Team Section One
====================================================================
***/
.team-section-one{
position:relative;
padding:100px 0px 60px;
}
.team-member-one{
position:relative;
margin-bottom:40px;
}
.team-member-one .image-box{
position:relative;
overflow:hidden;
}
.team-member-one .image-box img{
display:block;
width:100%;
}
.team-member-one .image-box .overlay{
position:absolute;
left:-100%;
top:0px;
width:100%;
height:100%;
color:#ffffff;
text-align:center;
background:rgba(252,114,30,0.95);
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.team-member-one:hover .image-box .overlay{
left:0px;
}
.team-member-one .image-box .overlay .social-links{
position:absolute;
left:0px;
top:50%;
width:100%;
margin-top:-20px;
}
.team-member-one .image-box .overlay .social-links li{
display:inline-block;
margin:0px 5px;
}
.team-member-one .image-box .overlay .social-links a{
position:relative;
width:40px;
height:40px;
display:inline-block;
line-height:24px;
padding:7px 0px;
color:#ffffff;
border:1px solid #ffffff;
border-radius:50%;
}
.team-member-one .image-box .overlay .social-links a:hover{
color:#fc721e;
background:#ffffff;
}
.team-member-one .lower-content{
position:relative;
padding:25px 0px 0px 0px;
}
.team-member-one .lower-content h3{
font-size:20px;
font-weight:600;
color:#272727;
line-height:1.4em;
}
.team-member-one .lower-content h3 a{
color:#272727;
}
.team-member-one .lower-content h3 a:hover{
color:#fc721e;
}
.team-member-one .lower-content .designation{
font-size:16px;
font-style:italic;
color:#fc721e;
margin-bottom:20px;
}
.team-member-one .lower-content .desc-text{
font-size:15px;
color:#9e9e9e;
line-height:1.8em;
margin-bottom:20px;
}
.team-member-one .lower-content .read-more{
font-size:14px;
color:#333333;
font-family:'Montserrat',sans-serif;
line-height:1.6em;
}
.team-member-one .lower-content .read-more .fa{
padding-left:5px;
}
.team-member-one .lower-content .read-more:hover{
color:#fc721e;
}
/***
====================================================================
FAQs Section style
====================================================================
***/
.faqs-section{
position:relative;
padding:100px 0px;
}
.faqs-section .faqs-container{
margin-bottom:50px;
}
.accordion-box{
position:relative;
}
.accordion-box .block{
position:relative;
margin-bottom:10px;
border:1px solid #f0f0f0;
}
.accordion-box .block .acc-btn{
position:relative;
font-size:16px;
margin-bottom:0px;
cursor:pointer;
background:none;
line-height:30px;
padding:20px 25px 20px 70px;
overflow:hidden;
font-weight:400;
color:#1c2125;
border-radius:2px;
font-family: 'Montserrat', sans-serif;
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{
position:absolute;
left:25px;
top:18px;
width:30px;
height:30px;
text-align:center;
font-size:18px;
color:#ffffff;
background:#272727;
border-radius:50%;
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;
left:0px;
top:50%;
margin-top:-15px;
width:100%;
height:30px;
line-height:30px;
text-align:center;
font-size:18px;
font-weight:normal;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
transition:all 500ms ease;
}
.accordion-box .block .icon-outer .icon-plus{
opacity:1;
}
.accordion-box .block .icon-outer .icon-minus{
opacity:0;
}
.accordion-box .block .acc-btn.active .icon-outer .icon-minus{
opacity:1;
}
.accordion-box .block .acc-btn.active .icon-outer .icon-plus{
opacity:0;
}
.accordion-box .block .acc-btn.active .icon-outer{
background:#fc721e;
}
.accordion-box.style-two .block .acc-btn.active .icon-outer{
background:none;
color:#fc721e;
}
.accordion-box .block .acc-content{
position:relative;
display:none;
}
.accordion-box .block .acc-content.current{
display:block;
}
.accordion-box .block .content{
position:relative;
font-size:16px;
background:#f4f4f4;
padding:20px 25px;
color:#888888;
}
.accordion-box .block .content p{
margin-bottom:20px;
line-height:1.8em;
}
.accordion-box .block .content p:last-child{
margin-bottom:0px;
}
.ask-questions .form-box{
padding:30px 30px 0px;
}
.ask-questions .default-form .form-group{
margin-bottom:30px;
}
/***
====================================================================
Call to Action Style One
====================================================================
***/
.call-to-action-one{
position:relative;
padding:40px 0px;
background-color:#fc721e;
color:#ffffff;
}
.call-to-action-one h3{
font-size:24px;
color:#ffffff;
font-weight:400;
line-height:44px;
font-family:'Lato',sans-serif;
}
.call-to-action-one .theme-btn:hover{
border-color:#272727 !important;
color:#272727 !important;
background:none;
}
/***
====================================================================
Pricing Section
====================================================================
***/
.pricing-section{
position:relative;
padding:40px 0px 70px;
background:#ffffff;
}
.pricing-column{
position:relative;
margin-bottom:40px;
}
.pricing-column .inner-box{
position:relative;
display:block;
border:1px solid #e0e0e0;
background:#ffffff;
text-align:center;
color:#999999;
border-radius:3px;
transition: all 300ms ease;
}
.pricing-column .inner-box:hover{
background:#272727;
color:#ffffff;
border-color:#272727;
}
.pricing-column .price-header{
position:relative;
padding:25px 20px;
line-height:1em;
}
.pricing-column .price-header .price{
font-size:48px;
font-weight:700;
line-height:1em;
color:#272727;
font-family: 'Lato', sans-serif;
}
.pricing-column .inner-box:hover .price-header .price,
.pricing-column .inner-box:hover .price-header sub{
color:#ffffff;
}
.pricing-column .price-header sub{
font-size:15px;
color:#272727;
font-weight:400;
}
.pricing-column .price-header sup{
position:relative;
top:-20px;
font-size:20px;
font-weight:700;
}
.pricing-column .plan-title{
position:relative;
padding:30px 10px;
color:#fc721e;
font-size:24px;
font-weight:600;
line-height:1.4em;
border-bottom:1px solid #e0e0e0;
}
.pricing-column .inner-box:hover .plan-title{
border-color:rgba(255,255,255,0.10);
}
.pricing-column:hover .plan-title,
.pricing-column.best-plan .plan-title{
color:#ffffff;
}
.pricing-column .lower-content{
position:relative;
padding:0px 15px 40px;
}
.pricing-column .lower-content .spec-list{
position:relative;
padding:10px 0px 20px;
}
.pricing-column .lower-content .spec-list li{
line-height:24px;
padding:10px 15px;
font-size:15px;
}
.pricing-column .theme-btn{
padding:10px 50px;
}
.pricing-column:hover .theme-btn,
.pricing-column.best-plan .theme-btn{
background:#fc721e !important;
border-color:#fc721e !important;
color:#ffffff !important;
}
/***
====================================================================
Project Details
====================================================================
***/
.project-details{
position:relative;
padding:100px 0px;
background:#ffffff;
}
.project-details .project-images{
position:relative;
margin-bottom:50px;
}
.project-details .project-images .image-column{
position:relative;
margin-bottom:30px;
}
.project-details .project-images .image-column img{
display:block;
width:100%;
transition:all 300ms ease;
}
.project-details .project-images .image-column img:hover{
opacity:0.70;
}
.project-details h2{
font-size:30px;
font-weight:700;
color:#272727;
margin-bottom:20px;
}
.project-details .info-column,
.project-details .content-column{
margin-bottom:20px;
}
.project-details .project-content .text{
font-size:15px;
font-weight:400;
line-height:1.8em;
color:#888888;
margin-bottom:20px;
}
.project-details .project-content .social-links a{
display:inline-block;
margin-right:25px;
font-size:18px;
color:#9e9e9e;
transition:all 300ms ease;
}
.project-details .project-content .social-links a:hover{
color:#fc721e;
}
.project-details .proj-info li{
position:relative;
font-size:16px;
font-style:italic;
color:#999999;
margin-bottom:15px;
}
.project-details .proj-info li strong{
font-weight:600;
font-size:16px;
font-style:normal;
font-family:'Montserrat',sans-serif;
color:#272727;
padding-right:15px;
}
.project-details .proj-info .rating{
color:#fc721e;
}
/***
====================================================================
Project Nav
====================================================================
***/
.project-details .post-nav{
position:relative;
margin:30px auto;
padding:35px 0px;
text-align:center;
border:1px solid #e0e0e0;
border-left:none;
border-right:none;
}
.project-details .post-nav .prev-post,
.project-details .post-nav .next-post{
position:relative;
z-index:1;
}
.project-details .post-nav a{
position:relative;
display:block;
font-size:16px;
color:#9e9e9e;
font-weight:400;
font-family:'Montserrat',sans-serif;
transition:300ms ease;
}
.project-details .post-nav a:hover{
color:#fc721e !important;
}
.project-details .post-nav a .fa{
position:relative;
top:2px;
font-size:24px;
}
.project-details .owl-controls .owl-dots{
display:none !important;
}
.project-details .owl-controls{
margin:0px !important;
}
.project-details .owl-controls .owl-nav{
margin:0px !important;
}
.project-details .owl-controls .owl-nav [class*="owl-"]{
position:absolute;
top:50%;
display:inline-block;
margin:-50px 0px 0px 0px ;
width:40px ;
height:100px ;
padding:0px ;
color:#ffffff;
font-size: 24px;
line-height: 100px;
text-align:center;
border-radius:0px;
border:none;
background-color:#272727 !important;
}
.project-details .owl-controls .owl-nav [class*="owl-prev"]{
left:0px;
}
.project-details .owl-controls .owl-nav [class*="owl-next"]{
right:0px;
}
.project-details .owl-controls .owl-nav [class*="owl-"]:hover{
background-color:#fc721e !important;
border-color:#fc721e;
}
/***
====================================================================
Styled Pagination
====================================================================
***/
.styled-pagination{
position:relative;
}
.styled-pagination li{
position:relative;
display:inline-block;
margin:0px 7px 7px 0px;
}
.styled-pagination li a{
position:relative;
display:block;
line-height:20px;
padding:10px 5px;
font-size:16px;
min-width:42px;
border:1px solid #e0e0e0;
background:#efefef;
color:#111111;
font-weight:500;
text-align:center;
border-radius:2px;
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 a.next{
font-size:16px;
}
.styled-pagination li a:hover,
.styled-pagination li a.active{
color:#ffffff;
background:#fc721e;
border-color:#fc721e;
}
/***
====================================================================
Sidebar
====================================================================
***/
.sidebar-page-container{
position:relative;
padding:40px 0px 70px;
}
.sidebar-page-container .sidebar{
margin-bottom:30px;
}
.sidebar-title{
position:relative;
margin-bottom:40px;
}
.sidebar-title h3{
position:relative;
font-size:24px;
color:#272727;
font-weight:700;
padding-bottom:12px;
}
.sidebar-title h3:after{
position:absolute;
content:'';
width:70px;
height:1px;
left:0px;
bottom:3px;
background-color:#fc721e;
}
.sidebar-title h3:before{
position:absolute;
content:'';
width:70px;
height:2px;
left:0px;
bottom:0px;
background-color:#fc721e;
}
.sidebar .sidebar-widget{
position:relative;
margin-bottom:50px;
}
.sidebar .boxed-nav{
position:relative;
}
.sidebar .boxed-nav .nav-outer{
position:relative;
border:1px solid #e0e0e0;
font-family:'Lato',sans-serif;
border-radius:5px;
}
.sidebar .boxed-nav ul li{
position:relative;
}
.sidebar .boxed-nav ul li:last-child a{
border:none;
}
.sidebar .boxed-nav li a{
position:relative;
display:block;
line-height:30px;
padding:10px 15px;
color:#272727;
font-size:14px;
font-weight:700;
border-bottom:1px solid #e0e0e0;
transition:all 300ms ease;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-moz-transition:all 300ms ease;
-o-transition:all 300ms ease;
}
.sidebar .boxed-nav li:hover a,
.sidebar .boxed-nav li.current a,
.sidebar .boxed-nav li a.active-btn{
background:#fc721e;
color:#ffffff;
border-color:#fc721e;
}
.sidebar .downloads li{
position:relative;
margin-bottom:12px;
font-family:'Montserrat',sans-serif;
}
.sidebar .downloads li a{
position:relative;
display:block;
padding:16px 15px 16px 68px;
color:#272727;
font-size:16px;
background:#f4f4f4;
line-height:30px;
transition:all 500ms ease;
}
.sidebar .downloads li a:after{
content:'\f0da';
font-family: 'FontAwesome';
position:absolute;
right:15px;
font-size:16px;
top:50%;
margin-top:-15px;
line-height:30px;
}
.sidebar .downloads li a:hover{
background:#fc721e;
color:#ffffff;
}
.sidebar .downloads li a .icon{
position:absolute;
left:-2px;
top:8px;
width:50px;
height:46px;
line-height:46px;
text-align:center;
font-size:20px;
background:#272727;
color:#ffffff;
}
.sidebar .styled-nav{
position:relative;
font-family:'Montserrat',sans-serif;
}
.sidebar .styled-nav .nav-outer{
position:relative;
}
.sidebar .styled-nav .nav-outer ul{
border:1px solid #e9e9e9;
border-radius:2px;
}
.sidebar .styled-nav ul li{
position:relative;
}
.sidebar .styled-nav ul li:last-child a{
border:none;
}
.sidebar .styled-nav li a{
position:relative;
display:block;
margin-left:-1px;
margin-right:-1px;
line-height:26px;
padding:5px 15px 5px 45px;
color:#9e9e9e;
font-size:14px;
border-bottom:1px solid #e9e9e9;
font-weight:400;
transition:all 300ms ease;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-moz-transition:all 300ms ease;
-o-transition:all 300ms ease;
}
.sidebar .styled-nav li.active {
background:#fff;
border:solid 1px #0c9c90;
}
.sidebar .styled-nav li.active a {
color:#333 !important;
}
.sidebar .styled-nav li.active a:before {
color:#333 !important;
}
.sidebar .styled-nav li.active ul li {
border-bottom:solid 1px #fff;
}
.sidebar .styled-nav li ul li.active {
background: #0c9c90;
}
.sidebar .styled-nav li ul li a, .sidebar .styled-nav li ul li a:before {
content:"";
padding-left:20px;
}
.sidebar .styled-nav li a:before{
content:'\f0a9';
font-family: 'FontAwesome';
position:absolute;
left:20px;
font-size:16px;
top:50%;
margin-top:-15px;
line-height:30px;
color:#fc721e;
}
.sidebar .styled-nav li:hover a,
.sidebar .styled-nav li.current a{
color:#ffffff;
background:#fc721e;
border-color:#fc721e;
/* padding-left:50px;*/
}
.sidebar .styled-nav li.current a:before,
.sidebar .styled-nav li:hover a:before{
color:#ffffff;
}
.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:26px;
padding:10px 30px 10px 15px;
border:1px solid #e0e0e0;
height:48px;
background:#f4f4f4;
color:#3a3a3a;
display:block;
width:100%;
border-radius:3px;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.sidebar .search-box .form-group input:focus{
border-color:#fc721e;
}
.sidebar .search-box .form-group button{
position:absolute;
right:0px;
top:0px;
height:48px;
width:50px;
line-height:48px;
text-align:center;
display:block;
font-size:16px;
color:#ffffff;
background:#fc721e;
border-radius:0px 3px 3px 0px;
}
.sidebar .search-box .form-group input:focus + button,
.sidebar .search-box .form-group button:hover{
color:#272707;
}
.sidebar .recent-posts .post{
position:relative;
min-height:65px;
padding-left:85px;
margin-bottom:25px;
}
.sidebar .recent-posts .post:last-child{
margin-bottom:0px;
padding-bottom:0px;
}
.sidebar .recent-posts .post .post-thumb{
position:absolute;
left:0px;
top:0px;
width:65px;
height:65px;
}
.sidebar .recent-posts .post .post-thumb .overlay-link{
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
background:rgba(252,114,30,0.90);
color:#ffffff;
opacity:0;
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 .recent-posts .post:hover .post-thumb .overlay-link{
opacity:1;
}
.sidebar .recent-posts .post .post-thumb .overlay-link span{
position:absolute;
left:50%;
top:50%;
text-align:center;
width:30px;
margin-left:-15px;
margin-top:-15px;
line-height:30px;
font-size:16px;
}
.sidebar .recent-posts .post .post-thumb img{
display:block;
width:100%;
}
.sidebar .recent-posts .post h4{
position:relative;
top:-5px;
font-size:16px;
color:#272727;
font-weight:600;
line-height:1.4em;
}
.sidebar .recent-posts .post h4 a{
color:#272727;
}
.sidebar .recent-posts .post .post-meta{
color:#9e9e9e;
line-height:24px;
font-style:italic;
}
.sidebar .recent-posts .post .post-meta a{
position:relative;
display:inline-block;
margin-right:10px;
color:#9e9e9e;
line-height:24px;
font-style:italic;
}
.sidebar .recent-posts .post .post-meta .fa{
position:relative;
padding-right:5px;
color:#fc721e;
font-style:normal;
}
.sidebar .popular-tags a{
position:relative;
display:inline-block;
line-height:24px;
font-family:'Lato',sans-serif;
padding:8px 10px;
margin:0px 7px 10px 0px;
border:1px solid #e9e9e9;
background:#ffffff;
color:#9e9e9e;
font-size:14px;
font-weight:700;
text-align:center;
border-radius:2px;
transition:all 300ms ease;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
}
.sidebar .popular-tags a:hover{
background-color:#fc721e;
border-color:#fc721e;
color:#ffffff;
}
.sidebar .list{
position:relative;
font-family:'Lato',sans-serif;
}
.sidebar .list li{
position:relative;
border-bottom:1px solid #f0f0f0;
}
.sidebar .list li a{
position:relative;
display:block;
color:#9e9e9e;
font-size:15px;
font-weight:400;
line-height:24px;
padding:15px 0px 15px 25px;
}
.sidebar .list li:first-child a{
padding-top:0px;
}
.sidebar .list li a:before{
font-family: 'FontAwesome';
content:'\f114';
position:absolute;
left:0px;
top:14px;
display:block;
font-size:16px;
line-height:24px;
}
.sidebar .list li:first-child a:before{
top:0px;
}
.sidebar .list li a:hover{
color:#fc721e;
}
.sidebar .list-two{
position:relative;
font-family:'Lato',sans-serif;
}
.sidebar .list-two li{
position:relative;
border-bottom:1px solid #f0f0f0;
}
.sidebar .list-two li a{
position:relative;
display:block;
color:#9e9e9e;
font-size:15px;
font-weight:400;
line-height:24px;
padding:15px 0px 15px 25px;
}
.sidebar .list-two li:first-child a{
padding-top:0px;
}
.sidebar .list-two li a:before{
font-family: 'Flaticon';
content:'\f119';
position:absolute;
left:0px;
top:14px;
display:block;
font-size:16px;
line-height:24px;
}
.sidebar .list-two li:first-child a:before{
top:0px;
}
.sidebar .list-two li a:hover{
color:#fc721e;
}
.sidebar .list-three{
position:relative;
font-family:'Lato',sans-serif;
}
.sidebar .list-three li{
position:relative;
border-bottom:1px solid #f0f0f0;
}
.sidebar .list-three li a{
position:relative;
display:block;
color:#9e9e9e;
font-size:15px;
font-weight:400;
line-height:24px;
padding:15px 0px 15px 25px;
}
.sidebar .list-three li:first-child a{
padding-top:0px;
}
.sidebar .list-three li a:before{
font-family: 'FontAwesome';
content:'\f105';
position:absolute;
left:0px;
top:14px;
display:block;
font-size:18px;
color:#fc721e;
line-height:24px;
}
.sidebar .list-three li:first-child a:before{
top:0px;
}
.sidebar .list-three li a:hover{
color:#fc721e;
}
.sidebar .text-widget{
position:relative;
color:#9e9e9e;
}
.sidebar .text-widget .text p{
margin-bottom:15px;
}
.sidebar .text-widget .text p:last-child{
margin-bottom:0px;
}
.sidebar .testimonials{
position:relative;
}
.sidebar .testimonials .upper-content{
position:relative;
padding:25px 10px 25px 45px;
background:#272727 url(../images/icons/curved-quote-icon.png) left top no-repeat;
color:#ffffff;
font-size:18px;
border-radius:5px;
margin-bottom:30px;
}
.sidebar .testimonials .upper-content:after{
content:'';
position:absolute;
left:30px;
top:100%;
border:7px solid transparent;
border-top:10px solid #272727;
}
.sidebar .testimonials .testi-info{
position:relative;
padding-top:10px;
padding-left:80px;
min-height:75px;
}
.sidebar .testimonials .testi-info .author-thumb{
position:absolute;
left:0px;
top:0px;
width:70px;
}
.sidebar .testimonials .testi-info h4{
color:#272727;
font-size:18px;
font-weight:600;
}
.sidebar .testimonials .testi-info .designation{
font-size:16px;
color:#fc721e;
font-family:'Lato',sans-serif;
font-weight:400;
}
.sidebar .testimonials .testi-info .rating .fa{
font-size:14px;
color:#fc721e;
margin-right:5px;
}
.sidebar .testimonials .owl-controls{
display:none !important;
}
.rangeslider-widget .val-box{
position:relative;
display:inline-block;
margin:7px 5px 7px 0px;
line-height:24px;
font-size:14px;
border:1px solid #dadada;
padding:8px 10px;
width:70px;
text-align:center;
}
.rangeslider-widget button{
position:relative;
display:inline-block;
line-height:24px;
border:1px solid #272727;
padding:8px 25px;
background:#272727;
color:#ffffff;
font-family:'Montserrat',sans-serif;
border-radius:3px;
}
.rangeslider-widget .noUi-connect{
background:#fc721e !important;
}
.rangeslider-widget .noUi-background{
background:#f0f0f0 !important;
}
.rangeslider-widget .noUi-handle{
background:#f7f7f7 !important;
border-radius:50% !important;
box-shadow:none;
border:2px solid #fc721e;
cursor:pointer;
}
.rangeslider-widget .form-group{
margin-bottom:0px;
}
.sidebar .best-sellers .item{
position:relative;
font-size:16px;
margin-bottom:30px;
min-height:110px;
padding:0px 0px 30px 100px;
color:#cccccc;
border-bottom:1px solid #e9e9e9;
}
.sidebar .best-sellers .item .post-thumb{
position:absolute;
left:0px;
top:0px;
width:80px;
height:80px;
border:1px solid #e9e9e9;
}
.sidebar .best-sellers .item .post-thumb img{
width:100%;
display:block;
}
.sidebar .best-sellers .item h4{
font-size:16px;
font-weight:600;
margin:0px 0px;
line-height:1.4em;
color:#272727;
font-family:'Montserrat',serif;
}
.sidebar .best-sellers .item h4 a{
color:#272727;
}
.sidebar .best-sellers .item a:hover,
.sidebar .best-sellers .item a:hover{
color:#fc721e;
}
.sidebar .best-sellers .item .rating{
font-size:12px;
color:#fc721e;
letter-spacing:3px;
}
.sidebar .best-sellers .item .item-price{
font-size:16px;
font-weight:500;
color:#fc721e;
}
.sidebar .best-sellers .item .item-price .strike-through{
color:#9e9e9e;
padding-left:10px;
}
/***
====================================================================
Team Member Single Section
====================================================================
***/
.team-member-single{
position:relative;
padding-bottom:40px;
}
.team-member-single .basic-details{
position:relative;
padding-bottom:30px;
border-bottom:1px solid #e9e9e9;
}
.team-member-single .image-column,
.team-member-single .info-column{
margin-bottom:20px;
}
.team-member-single .basic-details .info-header{
position:relative;
margin-top:-7px;
margin-bottom:15px;
}
.team-member-single .basic-details .info-header .member-title{
font-size:22px;
color:#272727;
font-weight:700;
}
.team-member-single .basic-details .info-header .designation{
font-size:16px;
color:#fc721e;
font-style:italic;
}
.team-member-single .basic-details .quoted-text{
font-size:20px;
color:#fc721e;
line-height:1.7em;
font-style:italic;
margin-bottom:15px;
max-width:80%;
}
.team-member-single .basic-details .desc-text{
font-size:15px;
line-height:1.8em;
color:#9e9e9e;
margin-bottom:15px;
}
.team-member-single .basic-details .social-links{
position:relative;
}
.team-member-single .basic-details .social-links a{
position:relative;
display:inline-block;
font-size:14px;
margin-right:25px;
line-height:24px;
color:#9e9e9e;
transition:all 300ms ease;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
}
.team-member-single .basic-details .social-links a:hover{
color:#fc721e;
}
.team-member-single .educational-details{
position:relative;
padding:50px 0px 20px;
border-bottom:1px solid #e9e9e9;
overflow:hidden;
}
.team-member-single .educational-details .row{
margin-left:-40px;
margin-right:-40px;
}
.team-member-single .educational-details .block{
position:relative;
padding:0px 40px;
margin-bottom:30px;
}
.team-member-single .educational-details .block .inner-box{
position:relative;
padding-left:80px;
}
.team-member-single .educational-details .block .icon-box{
position:absolute;
left:0px;
top:0px;
width:60px;
height:60px;
font-size:20px;
line-height:60px;
text-align:center;
background:#fc721e;
color:#ffffff;
border-radius:50%;
}
.team-member-single .educational-details .block h3{
font-size:18px;
font-weight:700;
color:#272727;
margin-bottom:5px;
}
.team-member-single .educational-details .block .text{
line-height:1.8em;
color:#9e9e9e;
}
.team-member-single .experties{
position:relative;
padding:50px 0px;
border-bottom:1px solid #e9e9e9;
}
.team-member-single .expert-block{
position:relative;
}
.team-member-single .expert-block .inner-box{
position:relative;
padding:40px 15px 30px;
background:#f4f4f4;
text-align:center;
}
.team-member-single .expert-block .icon-box{
position:relative;
font-size:36px;
line-height:1em;
margin-bottom:10px;
color:#fc721e;
}
.team-member-single .expert-block h4{
color:#272727;
font-size:18px;
font-weight:600;
margin-bottom:0px;
}
.team-member-single .expert-block .overlay-box{
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
opacity:0;
background:rgba(252,114,30,0.95);
transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transform:scale(0);
-ms-transform:scale(0);
-o-transform:scale(0);
-moz-transform:scale(0);
transform:scale(0);
}
.team-member-single .expert-block:hover .overlay-box{
opacity:1;
-webkit-transform:scale(1,1);
-ms-transform:scale(1,1);
-o-transform:scale(1,1);
-moz-transform:scale(1,1);
transform:scale(1,1);
}
.team-member-single .expert-block .over-inner{
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
display:table;
padding:10px 15px;
vertical-align:middle;
}
.team-member-single .expert-block .over-inner .content{
position:relative;
font-size:15px;
color:#ffffff;
line-height:1.7em;
display:table-cell;
vertical-align:middle;
}
.team-member-single .experties .owl-controls .owl-dots{
display:none !important;
}
.team-member-single .experties .owl-controls{
margin:20px 0px 0px !important;
}
.team-member-single .experties .owl-controls .owl-nav{
margin:0px !important;
text-align:right;
}
.team-member-single .experties .owl-controls .owl-nav [class*="owl-"]{
position:relative;
display:inline-block;
margin:0px 0px 0px 10px;
width:42px ;
height:42px ;
padding:0px !important;
color:#272727;
font-size: 24px;
line-height: 42px;
text-align:center;
border-radius:0px;
border-radius:3px;
background-color:#e9e9e9 !important;
}
.team-member-single .experties .owl-controls .owl-nav [class*="owl-"]:hover{
background-color:#fc721e !important;
color:#ffffff;
border-color:#fc721e;
}
.team-member-single .experties{
position:relative;
padding:50px 0px;
border-bottom:1px solid #e9e9e9;
}
.team-member-single .contact-now{
position:relative;
padding:50px 0px 0px;
}
.team-member-single .contact-now .column{
margin-bottom:20px;
}
.team-member-single .form-box{
background:#f4f4f4;
}
.team-member-single .default-form input,
.team-member-single .default-form select,
.team-member-single .default-form textarea{
background-color:#ffffff;
}
.team-member-single .form-box .form-group button{
padding:11px 20px;
}
.info-style-one{
position:relative;
}
.info-style-one li{
position:relative;
padding-left:70px;
margin-bottom:40px;
}
.info-style-one li .icon-box{
position:absolute;
left:0px;
top:0px;
width:50px;
height:50px;
line-height:50px;
text-align:center;
font-size:24px;
color:#ffffff;
background:#fc721e;
}
.info-style-one li h4{
font-size:18px;
font-weight:600;
margin-bottom:0px;
color:#272727;
}
.info-style-one li .text{
line-height:1.8em;
color:#9e9e9e;
}
/***
====================================================================
Services Section
====================================================================
***/
.services-section{
position:relative;
padding:100px 0px 60px;
}
.default-services-block{
position:relative;
margin-bottom:40px;
}
.default-services-block .inner-box{
position:relative;
display:block;
}
.default-services-block .image-box{
position:relative;
display:block;
width:100%;
overflow:hidden;
}
.default-services-block .image-box img{
display:block;
width:100%;
}
.default-services-block .image-box .overlay-box{
position:absolute;
left:0px;
top:-100%;
width:100%;
height:100%;
color:#ffffff;
background:rgba(252,114,30,0.90);
transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
-moz-transition:all 500ms ease;
}
.default-services-block:hover .image-box .overlay-box{
top:0px;
}
.default-services-block .image-box .overlay-box .fa{
position:absolute;
left:50%;
margin-left:-12px;
top:50%;
margin-top:-12px;
font-size:20px;
width:24px;
height:24px;
line-height:24px;
}
.default-services-block .lower-content{
position:relative;
padding:25px;
background:#ffffff;
border:1px solid #e9e9e9;
border-top:none;
transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
-moz-transition:all 500ms ease;
}
.default-services-block:hover .lower-content{
-webkit-box-shadow:0px 3px 5px 0px rgba(0,0,0,0.10);
-ms-box-shadow:0px 3px 5px 0px rgba(0,0,0,0.10);
-o-box-shadow:0px 3px 5px 0px rgba(0,0,0,0.10);
-moz-box-shadow:0px 3px 5px 0px rgba(0,0,0,0.10);
box-shadow:0px 3px 5px 0px rgba(0,0,0,0.10);
}
.default-services-block .lower-content .transparen-icon{
position:absolute;
right:10px;
bottom:10px;
line-height:1em;
font-size:64px;
color:#faf9f9;
}
.default-services-block .lower-content h3{
font-size:20px;
font-weight:600;
margin-bottom:10px;
color:#272727;
}
.default-services-block .lower-content h3 a{
color:#272727;
}
.default-services-block .lower-content .text{
font-size:15px;
line-height:1.8em;
margin-bottom:15px;
}
.default-services-block .lower-content .read-more{
position:relative;
display:inline-block;
font-family:'Montserrat',sans-serif;
color:#272727;
font-weight:600;
}
.default-services-block .lower-content .read-more:hover,
.default-services-block .lower-content h3 a:hover{
color:#fc721e;
}
/***
====================================================================
Service Details
====================================================================
***/
.service-details{
position:relative;
}
.service-details .service-images{
position:relative;
margin-bottom:10px;
}
.service-details .service-images img{
display:block;
width:100%;
transition:all 300ms ease;
}
.service-details .service-images img:hover{
opacity:0.70;
}
.service-details .service-images .owl-controls{
position:absolute;
left:0px;
bottom:15px;
width:100%;
margin:0px !important;
padding:0px !important;
text-align:center;
}
.service-details .service-images .owl-controls .owl-nav{
display:none !important;
}
.service-details .service-images .owl-controls .owl-dots .owl-dot span{
width:12px;
height:12px;
background:#ffffff;
}
.service-details .service-images .owl-controls .owl-dots .owl-dot.active span{
background:#fc721e;
}
.service-details .service-images .link-box-outer{
position:relative;
text-align:right;
border-top:4px solid #fc721e;
}
.service-details .service-images .link-box-outer .theme-btn{
position:relative;
padding:10px 30px 10px 20px;
color:#ffffff;
font-family:'Montserrat',sans-serif;
line-height:24px;
background:#fc721e;
}
.service-details .service-images .link-box-outer .theme-btn:before{
content:'';
position:absolute;
right:100%;
top:0px;
border:22px solid transparent;
border-top:22px solid #fc721e;
border-right:22px solid #fc721e;
}
.service-details .text-content{
position:relative;
margin-bottom:10px;
}
.service-details .text-content p{
margin-bottom:20px;
}
.service-details h4{
margin-bottom:20px;
font-size:18px;
color:#272727;
font-weight:600;
}
.service-types{
position:relative;
padding:0px 0px 20px;
}
.service-types .service-type{
position:relative;
margin-bottom:30px;
}
.service-types .service-type .image-box{
position:relative;
}
.service-types .service-type .image-box img{
display:block;
width:100%;
}
.service-types .service-type .lower-content{
position:relative;
padding-top:20px;
}
.service-types .service-type .lower-content h3{
font-size:17px;
color:#272727;
font-weight:600;
margin-bottom:5px;
}
.service-types .service-type .lower-content .desc-text{
font-size:15px;
margin-bottom:15px;
}
.list-style-one{
position:relative;
}
.list-style-one li{
position:relative;
line-height:24px;
padding-left:25px;
margin-bottom:10px;
color:#272727;
}
.list-style-one li:last-child{
margin-bottom:0px;
}
.list-style-one li:before{
content:'\f0a9';
font-family: 'FontAwesome';
position:absolute;
left:0px;
font-size:16px;
top:50%;
margin-top:-12px;
line-height:24px;
color:#fc721e;
}
.service-details .recent-work{
position:relative;
padding:0px 0px 20px;
}
.service-details .recent-work .default-portfolio-item{
margin-bottom:30px;
}
.service-details .get-quote{
position:relative;
padding:0px 0px 20px;
}
.service-details .get-quote .column{
margin-bottom:30px;
}
.service-details .get-quote .content-block{
position:relative;
margin-bottom:15px;
line-height:1.8em;
}
.service-details .get-quote .content-block strong{
font-weight:600;
font-family:'Montserrat',sans-serif;
color:#fc721e;
font-size:18px;
}
/***
====================================================================
Contact Section
====================================================================
***/
.contact-section{
position:relative;
padding:40px 0px 60px;
}
.contact-section .column{
position:relative;
margin-bottom:30px;
}
.contact-section .info-column .desc-text{
line-height:1.8em;
margin-bottom:30px;
color:#9e9e9e;
}
/***
====================================================================
Map Section
====================================================================
***/
.map-section{
position:relative;
}
.map-canvas{
position:relative;
left:0px;
top:0px;
width:100%;
}
.contact-style-one .map-canvas{
height:670px;
}
.map-canvas .map-data{
text-align:center;
font-size:13px;
font-weight:400;
}
.map-canvas .map-data h6{
font-size:14px;
font-weight:600;
text-align:center;
margin-bottom:5px;
color:#181818;
}
/***
====================================================================
Products Section style
====================================================================
***/
.products-section{
position:relative;
background:#ffffff;
padding:70px 0px;
}
.products-section .shop-upper-box{
position:relative;
margin-bottom:40px;
padding:20px 30px;
font-family:'Lato',sans-serif;
background:#f4f4f4;
color:#272727;
}
.products-section .shop-upper-box .items-label{
position:relative;
padding:6px 0px;
line-height:30px;
color:#fc721e;
}
.products-section .shop-upper-box .sort-by strong{
position:relative;
line-height:30px;
padding:6px 0px;
}
.products-section .shop-upper-box .sort-by select{
position:relative;
display:inline-block;
margin-left:10px;
line-height:24px;
padding:8px 10px;
height:42px;
width:240px;
cursor:pointer;
border:1px solid #dadada;
background:#ffffff url(../images/icons/icon-select.png) right center no-repeat;
-webkit-appearance:none;
-moz-appearance:none;
-ms-appearance:none;
-o-appearance:none;
}
.products-section .shop-upper-box .sort-by select option{
text-indent:10px;
}
/***
====================================================================
Products Details style
====================================================================
***/
.product-details{
position:relative;
margin-bottom:50px;
}
.product-details .basic-details{
position:relative;
margin-bottom:50px;
}
.product-details .image-column,
.product-details .info-column{
margin-bottom:20px;
}
.product-details .image-column img{
display:block;
width:100%;
border:1px solid #e9e9e9;
}
.product-details .basic-details .details-header{
position:relative;
border-bottom:1px solid #e9e9e9;
margin-bottom:25px;
padding-bottom:25px;
}
.product-details .basic-details .details-header h4{
font-size:24px;
font-weight:700;
margin:0px 0px;
line-height:1.4em;
color:#272727;
font-family:'Montserrat',sans-serif;
margin-bottom:3px;
}
.product-details .basic-details .details-header h4 a{
color:#272727;
}
.product-details .basic-details .details-header .rating{
font-size:14px;
color:#fc721e;
margin-bottom:15px;
}
.product-details .basic-details .details-header .rating .fa{
display:inline-block;
margin-right:3px;
}
.product-details .basic-details .details-header .rating .txt{
font-size:14px;
padding-left:10px;
color:#272727;
}
.product-details .basic-details .details-header .item-price{
font-size:24px;
font-weight:500;
color:#fc721e;
line-height:24px;
}
.product-details .basic-details .text{
margin-bottom:20px;
color:#9e9e9e;
}
.product-details .basic-details .check-delivery{
position:relative;
margin-bottom:10px;
}
.product-details .basic-details .check-delivery h4{
font-size:14px;
color:#272727;
font-weight:600;
margin-bottom:15px;
}
.product-details .basic-details .check-delivery .form-group{
position:relative;
float:left;
margin-right:10px;
}
.product-details .basic-details .check-delivery .form-group input[type="text"]{
display:block;
line-height:24px;
padding:7px 10px;
border:1px solid #e0e0e0;
border-radius:3px;
width:170px;
background:none;
}
.product-details .basic-details .check-delivery .form-group button{
display:block;
line-height:24px;
padding:7px 20px;
border:1px solid #e0e0e0;
background:#f4f4f4;
color:#272727;
font-family:'Montserrat',sans-serif;
font-size:14px;
border-radius:2px;
}
.product-details .basic-details .item-quantity{
position:relative;
width:100px;
}
.product-details .basic-details .item-quantity input[type="text"],
.cart-table tbody tr .qty input[type="text"]{
position:relative;
line-height:46px;
height:46px;
background:#f4f4f4;
}
.bootstrap-touchspin .input-group-btn-vertical > .btn{
height:24px;
background:#e9e9e9;
}
.bootstrap-touchspin .input-group-btn-vertical i{
left:6px;
top:6px;
}
.product-details .basic-details .check-delivery .field-label{
font-weight:500;
font-size:16px;
line-height:30px;
padding:5px 0px;
font-style:italic;
color:#fc721e;
}
.product-details .basic-details .options .theme-btn{
padding:10px 25px;
}
/***
====================================================================
Product Tabs Style
====================================================================
***/
.prod-tabs{
position:relative;
}
.prod-tabs .tab-btns{
position:relative;
z-index:1;
}
.prod-tabs .tab-btns .tab-btn{
position:relative;
top:1px;
display:block;
float:left;
margin-right:2px;
font-size:15px;
background:#e9e9e9;
color:#3d3d3d;
font-family:'Montserrat',sans-serif;
font-weight:600;
padding:10px 30px;
border:1px solid #e9e9e9;
border-bottom-color:#ffffff;
border-radius:5px 5px 0px 0px;
}
.prod-tabs .tab-btns .tab-btn:hover,
.prod-tabs .tab-btns .tab-btn.active-btn{
background:#ffffff;
}
.prod-tabs .tabs-container{
position:relative;
border:1px solid #e9e9e9;
color:#000000;
}
.prod-tabs .tabs-container .tab{
position:relative;
padding:40px 25px 0px;
display:none;
font-family:'Lato',sans-serif;
}
.prod-tabs .tabs-container .tab.active-tab{
display:block;
}
.prod-tabs .tabs-container .tab p,
.prod-tabs .tabs-container .tab h2,
.prod-tabs .tabs-container .tab h3,
.prod-tabs .tabs-container .tab h4,
.prod-tabs .tabs-container .tab h5,
.prod-tabs .tabs-container .tab h6{
margin-bottom:15px;
}
.prod-tabs .tabs-container .tab h3{
font-size:20px;
font-weight:600;
}
.prod-tabs .tabs-container .tab h4{
font-size:18px;
font-weight:600;
}
.prod-tabs .reviews-container{
position:relative;
}
.prod-tabs .reviews-container .review-box{
position:relative;
margin-bottom:30px;
padding-left:120px;
min-height:130px;
padding-bottom:30px;
border-bottom:1px solid #e9e9e9;
}
.prod-tabs .reviews-container .rev-thumb{
position:absolute;
left:0px;
top:0px;
width:100px;
height:100px;
background:#ffffff;
}
.prod-tabs .reviews-container .rev-thumb img{
display:block;
width:100%;
}
.prod-tabs .reviews-container .rev-content{
position:relative;
background:#ffffff;
}
.prod-tabs .reviews-container .rev-header{
position:relative;
}
.prod-tabs .reviews-container .rev-header h4{
float:left;
line-height:30px;
font-size:20px;
color:#272727;
font-weight:600;
margin-bottom:10px;
}
.prod-tabs .reviews-container .rev-header .rating{
position:relative;
float:right;
color:#ffa500;
line-height:30px;
font-size:16px;
}
.prod-tabs .reviews-container .rev-header .rating .fa{
margin:0px 3px;
}
.prod-tabs .reviews-container .rev-info{
font-size:14px;
color:#9e9e9e;
font-style:italic;
margin-bottom:10px;
}
.prod-tabs .reviews-container .rev-text{
font-size:15px;
color:#9e9e9e;
line-height:1.8em;
}
.prod-tabs .add-review{
position:relative;
margin:30px 0px 0px;
font-size:14px;
}
.prod-tabs .add-review .rating{
position:relative;
}
.prod-tabs .add-review .rating li{
position:relative;
display:inline-block;
margin-right:30px;
}
.prod-tabs .add-review .rating li:after{
content:'';
position:absolute;
right:-15px;
top:4px;
border-right:1px solid #dbdbdb;
height:22px;
}
.prod-tabs .add-review .rating li:last-child:after{
display:none;
}
.prod-tabs .add-review .rating li a{
position:relative;
display:inline-block;
font-size:16px;
color:#dbdbdb;
}
.prod-tabs .add-review .rating .rate-box:hover,
.prod-tabs .add-review .rating .rate-box:focus,
.prod-tabs .add-review .rating .rate-box:active{
color:#ffa500;
}
.prod-tabs .add-review label{
position:relative;
display:block;
font-size:14px;
margin-bottom:10px;
font-weight:400;
color:#777777;
}
.prod-tabs .add-review h3{
margin-bottom:20px;
}
.prod-tabs .add-review .form-group{
position:relative;
margin-bottom:25px;
}
.prod-tabs .add-review .form-group input[type="text"],
.prod-tabs .add-review .form-group input[type="password"],
.prod-tabs .add-review .form-group input[type="tel"],
.prod-tabs .add-review .form-group input[type="email"],
.prod-tabs .add-review .form-group select{
position:relative;
display:block;
width:100%;
line-height:22px;
padding:11px 20px;
color:#222222;
border:1px solid #f4f4f4;
height:46px;
background:#f4f4f4;
border-radius:3px;
transition:all 300ms ease;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
}
.prod-tabs .add-review .form-group textarea{
position:relative;
display:block;
width:100%;
line-height:22px;
padding:12px 20px;
color:#222222;
border:1px solid #f4f4f4;
height:120px;
resize:none;
background:#f4f4f4;
border-radius:3px;
transition:all 300ms ease;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
}
.prod-tabs .add-review .form-group input:focus,
.prod-tabs .add-review .form-group select:focus,
.prod-tabs .add-review .form-group textarea:focus{
background:none;
border-color:#fc721e;
}
.prod-tabs .add-review button{
position:relative;
display:block;
background:#272727;
color:#ffffff;
text-align:center;
width:100%;
padding:14px 20px;
line-height:24px;
font-size:15px;
font-weight:400;
font-family:'Montserrat',sans-serif;
}
.prod-tabs .add-review button:hover{
background:#fc721e;
}
.related-products{
position:relative;
padding:0px 0px 50px;
}
.related-products .owl-controls .owl-dots{
display:none !important;
}
.related-products .owl-controls{
margin:0px !important;
}
.related-products .owl-controls .owl-nav{
margin:0px !important;
position:absolute;
top:-80px;
right:0px;
}
.related-products .owl-controls .owl-nav [class*="owl-"]{
position:relative;
display:inline-block;
margin:0px 0px 0px 10px ;
width:40px ;
height:40px ;
padding:0px ;
color:#272727;
font-size: 24px;
line-height: 36px;
text-align:center;
border-radius:0px;
border-radius:3px;
border:1px solid #e9e9e9;
background-color:#e9e9e9 !important;
}
.related-products .owl-controls .owl-nav [class*="owl-"]:hover{
background-color:#fc721e !important;
color:#ffffff;
border-color:#fc721e;
}
/***
====================================================================
Login / Register Section
====================================================================
***/
.register-section{
position:relative;
padding:80px 0px 40px;
}
.register-section .form-column{
margin-bottom:80px;
}
.styled-form{
position:relative;
}
.styled-form .form-group{
position:relative;
margin-bottom:25px;
font-size:15px;
color:#9e9e9e;
}
.checkout-section .styled-form .form-group{
position:relative;
margin-bottom:20px;
}
.styled-form .form-group .check-box{
line-height:24px;
font-size:15px;
font-weight:normal;
padding-top:5px;
color:#272727;
}
.styled-form .form-group .check-box label{
position:relative;
top:-1px;
font-weight:normal;
padding:0px;
font-size:15px;
cursor:pointer;
}
.styled-form .pull-left label,
.styled-form .pull-right label{
cursor:pointer;
}
.styled-form .form-group .adon-icon{
position:absolute;
top:50%;
margin-top:-10px;
right:10px;
width:20px;
height:20px;
line-height:20px;
font-size:15px;
color:#999999;
z-index:2;
}
.styled-form .form-group .field-label{
display:block;
color:#272727;
font-size:16px;
font-family:'Montserrat',sans-serif;
margin-bottom:7px;
font-weight:400;
}
.styled-form input[type="text"],
.styled-form input[type="email"],
.styled-form input[type="password"],
.styled-form input[type="tel"],
.styled-form input[type="number"],
.styled-form input[type="url"],
.styled-form select,
.styled-form textarea{
position:relative;
display:block;
width:100%;
background:#ffffff;
line-height:30px;
padding:8px 20px;
height:48px;
border:1px solid #e0e0e0;
border-radius:3px;
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-section .styled-form input[type="text"],
.checkout-section .styled-form input[type="email"],
.checkout-section .styled-form input[type="password"],
.checkout-section .styled-form select{
line-height:26px;
height:44px;
}
.styled-form select{
-webkit-appearance:none;
-ms-appearance:none;
-moz-appearance:none;
-o-appearance:none;
background:#ffffff url(../images/icons/icon-select.png) right center no-repeat;
cursor:pointer;
}
.styled-form select option{
text-indent:20px;
}
.styled-form textarea{
resize:none;
height:110px;
}
.styled-form input:focus,
.styled-form select:focus,
.styled-form textarea:focus{
border-color:#fc721e;
}
.styled-form .form-group .theme-btn{
min-width:150px;
text-align:center;
padding:10px 30px;
}
.styled-form .forgot{
font-size:14px;
font-family:'Montserrat',sans-serif;
}
.social-links-two a{
position:relative;
display:inline-block;
font-size:14px;
width:42px;
height:42px;
line-height:42px;
text-align:center;
color:#ffffff;
background:#fc721e;
margin:0px 0px 0px 15px;
transition:all 0.5s ease;
-moz-transition:all 0.5s ease;
-webkit-transition:all 0.5s ease;
-ms-transition:all 0.5s ease;
-o-transition:all 0.5s ease;
}
.social-links-two a:hover{
opacity:0.80;
}
.social-links-two .facebook{
background:#3b5998;
}
.social-links-two .twitter{
background:#33ccfe;
}
.social-links-two .google-plus{
background:#dd4b39;
}
.no-padd-bottom{
padding-bottom:0px !important;
}
/***
====================================================================
Cart Section style
====================================================================
***/
.cart-section{
position:relative;
padding:70px 0px;
}
.cart-section .cart-outer{
position:relative;
}
.cart-section .table-outer{
position:relative;
width:100%;
overflow-x: auto;
}
.cart-section .cart-table{
width:100%;
min-width:900px;
}
.cart-table .cart-header{
position:relative;
width:100%;
font-family:'Montserrat',sans-serif;
font-size:16px;
border-radius:7px;
background:#f5f5f5;
color:#272727;
}
.cart-table thead tr th{
line-height:24px;
padding:20px 15px;
min-width:120px;
font-weight:600;
}
.cart-table thead tr th.prod-column{
text-align:left;
padding-left:40px;
}
.cart-table tbody tr td{
line-height:24px;
padding:30px 10px 20px;
min-width:100px;
font-family:'Lato',sans-serif;
}
.cart-table tbody tr .qty{
width:150px;
padding-right:40px;
}
.cart-table tbody tr .qty .quantity-spinner{
background:#f5f5f5;
}
.cart-table tbody tr .prod-column .column-box{
position:relative;
min-height:90px;
padding-left:100px;
padding-top:30px;
text-align:left;
}
.column.default-column .cart-table tbody tr .qty{
width:110px;
padding-right:20px;
}
.cart-table tbody tr .prod-column .column-box .prod-thumb{
position:absolute;
width:80px;
border:1px solid #e9e9e9;
left:0px;
top:0px;
}
.cart-table tbody tr .prod-column .column-box .prod-thumb img{
display:block;
max-width:100%;
}
.cart-table tbody tr .prod-column .column-box h3{
font-size:18px;
color:#272727;
font-weight:700;
margin-bottom:5px;
}
.cart-table tbody tr .sub-total{
font-weight:700;
color:#fc721e;
}
.cart-table tbody tr .remove-btn{
position:relative;
font-size:16px;
color:#282828;
line-height:30px;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
-moz-transition:all 500ms ease;
transition:all 500ms ease;
}
.cart-table tbody tr .remove-btn .fa{
position:relative;
top:2px;
padding-right:10px;
font-size:24px;
line-height:30px;
}
.cart-table tbody tr .remove-btn:hover{
color:#ec1c33;
}
.cart-table tbody tr{
border-bottom:1px solid #e9e9e9;
}
.cart-table tbody tr td{
vertical-align:middle;
}
.cart-table tbody tr td .quantity-spinner{
padding:5px 0px 5px 20px;
line-height:24px;
height: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:#fc721e;
border-radius:50%;
}
.cart-section .coupon-outer{
position:relative;
margin:50px 0px 40px;
}
.cart-section .apply-coupon{
position:relative;
}
.cart-section .apply-coupon .form-group{
position:relative;
float:left;
margin-right:15px;
}
.cart-section .apply-coupon .form-group input[type="text"]{
display:block;
line-height:26px;
padding:10px 10px;
border:1px solid #e0e0e0;
height:46px;
border-radius:3px;
width:230px;
background:none;
}
.cart-section .estimate-form{
position:relative;
}
.cart-section h3{
font-size:24px;
font-weight:600;
color:#272727;
margin-bottom:30px;
}
.cart-section .estimate-form .row{
margin-left:-7px;
margin-right:-7px;
}
.cart-section .estimate-form .row .form-group{
padding:0px 7px !important;
margin-bottom:30px;
}
.cart-section .totals-table{
position:relative;
border:1px solid #e0e0e0;
font-family:'Lato',sans-serif;
border-radius:5px;
}
.cart-section .totals-table .col{
position:relative;
display:block;
float:left;
padding:10px 15px;
line-height:24px;
width:50%;
}
.cart-section .totals-table .col-title{
font-family:'Montserrat',sans-serif;
font-size:14px;
color:#353535;
border-right:1px solid #e0e0e0;
font-weight:600;
}
.cart-section .totals-table li{
position:relative;
border-bottom:1px solid #e0e0e0;
}
.cart-section .totals-table li:last-child{
border-bottom:none;
}
.cart-section .cart-note{
position:relative;
margin-bottom:50px;
padding:16px 20px;
text-align:center;
border:1px dashed #fc721e;
border-radius:3px;
background:#f4f4f4;
line-height:1.7em;
}
/***
====================================================================
Checkout Style
====================================================================
***/
.checkout-section{
position:relative;
padding:70px 0px;
}
.checkout-section .cart-table{
width:100%;
min-width:500px;
}
.checkout-section .form-column{
margin-bottom:50px;
}
.checkout-section .default-form .form-group{
margin-bottom:20px;
}
.checkout-section .default-form .form-group .field-label{
margin-bottom:10px;
font-weight:700;
}
.checkout-section .default-form .form-group input,
.checkout-section .default-form .form-group select,
.checkout-section .default-form .form-group textarea{
border-radius:3px;
height:48px;
padding:8px 15px;
line-height:30px;
}
.checkout-section .default-form .form-group textarea{
height:154px;
}
.checkout-section .totals-table{
margin-bottom:30px;
}
.checkout-section .payment-options{
position:relative;
}
.checkout-section .payment-options .option-block{
position:relative;
margin-bottom:10px;
}
.checkout-section .payment-options .text{
position:relative;
padding-left:30px;
margin-bottom:20px;
font-size:16px;
}
.checkout-section .payment-options .option-block .radio-block{
position:relative;
}
.checkout-section .payment-options .option-block .radio-block input[type="radio"]{
position:absolute;
left:0px;
top:7px;
opacity:0;
}
.checkout-section .payment-options .option-block .radio-label{
position:relative;
display:block;
padding-left:30px;
line-height:30px;
font-size:16px;
font-weight:700;
color:#272727;
cursor:pointer;
}
.checkout-section .payment-options .option-block .radio-label:before{
font-family: 'FontAwesome';
content:'\f105';
position:absolute;
left:0px;
top:7px;
display:block;
color:#ffffff;
width:20px;
height:20px;
font-size:12px;
line-height:20px;
text-align:center;
padding-left:1px;
background:#999999;
border-radius:50%;
}
.checkout-section .payment-options .option-block .radio-block input[type="radio"]:checked+.radio-label:before{
background:#272727;
}
.picture-list-item {
margin-bottom:20px;
}
.grid-item{
margin-bottom:10px;
}
.contentTab {margin:20px 0;}
.contentTab .nav-tabs { border-bottom: 2px solid #DDD; }
.contentTab .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover { border-width: 0; }
.contentTab .nav-tabs > li > a { border: none; color: #ffffff;background: #fc721e; }
.contentTab .nav-tabs > li.active > a, .contentTab .nav-tabs > li > a:hover { color:#333; border: none; color: #fc721e !important; background: #fff; }
.contentTab .nav-tabs > li > a::after { content: ""; background: #fc721e; height: 2px; position: absolute; width: 100%; left: 0px; bottom: -1px; transition: all 250ms ease 0s; transform: scale(0); }
.contentTab .nav-tabs > li.active > a::after, .contentTab .nav-tabs > li:hover > a::after { transform: scale(1); }
.contentTab .tab-nav > li > a::after { background: #fc721e none repeat scroll 0% 0%; color: #fff; }
.contentTab .tab-pane { padding: 15px 0; }
.contentTab .tab-content{padding:20px}
.contentTab .nav-tabs > li {width:20%; text-align:center;}
.contentTab .card {background: #FFF none repeat scroll 0% 0%; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3); margin-bottom: 30px; }
@media all and (max-width:724px){
.contentTab .nav-tabs > li > a > span {display:none;}
.contentTab .nav-tabs > li > a {padding: 5px 5px;}
}
.form-control {
border-radius:0;
border-bottom:2px solid #fc721e;
}
.form-control:focus {
border-color: #fc721e;
}
#contentForm {
border: solid 2px #fc721e;
padding: 20px;
}
.img-thumbnail {
border: 2px solid #fc721e;
}
.picture-list-item h3 {
font-size:16px;
padding:10px 3px;
min-height:70px;
}
.picture-list-item, .grid-item a img {
transition: all .2s ease-in-out;
}
.picture-list-item:hover, .grid-item a img:hover {
transform: scale(1.1);
}
.service-block-two .inner-box {
transition: all .2s ease-in-out;
}
.service-block-two .inner-box:hover {
transform: scale(1.02);
box-shadow:0 0 10px #222;
}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
color: #fff;
background-color: #dcf1ef;
border-color: #0c9c90;
}
.pagination>li>a, .pagination>li>span {
color: #fc721e;
background-color: #fff;
border: 1px solid #ddd;
}
.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover {
color: #fc721e;
}
.carousel-control.left,.carousel-control.right {
background:transparent !important;
}
.pagination>li>a, .pagination>li>span {
padding:6px 7px;
}
.product-item {
min-height:180px;
padding:10px;
border-bottom: solid 2px #eeeeee;
}
.product-item .name {
border-bottom: solid 2px #82cdc6;
margin-bottom: 10px;
}
.product-item .description p {
margin:0;
}
.product-item .product-image a img {
box-shadow: 0 0 2px #0c9c90;
}
.content-side table {
background: #eafffd;
}