/* Gym HTML Template */
/************ TABLE OF CONTENTS ***************
1. Fonts
2. Reset
3. Global
4. Main Header / Style Two / Style Three
5. Main Slider / Two / Three
6. Services Section / Two
7. About Section
8. Team Section
9. Testimonial Thumb Section
10. Video Section
11. Calculate Section / Two
12. TimeTable Section / Two
13. News Section / Two
14. Contact Map Section
15. Contact Form Section
16. Main Footer
17. Choose Section
18. Featured Section
19. Counter Section
20. Pricing Section
21. Subscribe Section
22. Newsletter Section
23. Benefits Section
24. Fluid Section Two
25. Faq's Section
26. Page Title Section
27. Coming Soon Section
28. Classes Section
29. Classes Detail Section
30. Portfolio Section
31. Portfolio Detail Section
32. Shops Section
33. Shoping Detail Section
34. Cart Section
35. Checkout Section
36. Login Section
37. Error Section
38. Blog Section
39. Blog Widgets Section
40. Contact Form Section
41. Map Section
**********************************************/
/***
====================================================================
Reset
====================================================================
***/
* {
margin:0px;
padding:0px;
border:none;
outline:none;
}
/***
====================================================================
Global Settings
====================================================================
***/
body {
font-family: 'Roboto', sans-serif;
font-size:16px;
color:#555555;
line-height:1.8em;
font-weight:400;
background:#ffffff;
-webkit-font-smoothing: antialiased;
-moz-font-smoothing: antialiased;
}
.bordered-layout .page-wrapper{
padding:0px 50px 0px;
}
a{
text-decoration:none;
cursor:pointer;
color:#ff0000;
}
button,
a:hover,a:focus,a:visited{
text-decoration:none;
outline:none !important;
}
h1,h2,h3,h4,h5,h6 {
position:relative;
font-weight:normal;
margin:0px;
background:none;
line-height:1.6em;
font-family: 'Montserrat', sans-serif;
}
input,button,select,textarea{
}
textarea{
overflow:hidden;
}
p{
position:relative;
line-height:1.8em;
}
/* Typography */
h1{
font-size:84px;
}
h2{
font-size:48px;
}
h3{
font-size:30px;
}
h4{
font-size:24px;
}
h5{
font-size:20px;
}
h6{
font-size:18px;
}
.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;
overflow:hidden;
}
ul,li{
list-style:none;
padding:0px;
margin:0px;
}
img{
display:inline-block;
max-width:100%;
}
.theme-btn{
cursor:pointer;
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;
}
/***
====================================================================
Scroll To Top style
====================================================================
***/
.scroll-to-top{
position:fixed;
bottom:15px;
right:15px;
width:40px;
height:40px;
color:#ff0000;
font-size:13px;
text-transform:uppercase;
line-height:38px;
text-align:center;
z-index:100;
cursor:pointer;
background:#ffffff;
display:none;
border-radius:50px;
box-shadow:0px 0px 10px rgba(0,0,0,0.15);
-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:#ff0000;
}
/* List Style One */
.list-style-one{
position:relative;
}
.list-style-one li{
position:relative;
color:#ffffff;
font-size:14px;
padding-left:30px;
font-weight:400;
line-height:1.6em;
margin-bottom:20px;
}
.list-style-one li .icon{
position:absolute;
left:0px;
top:5px;
color:#ff0000;
font-size:16px;
line-height:1em;
font-weight:300;
-webkit-transition:all 300ms ease;
-moz-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
transition:all 300ms ease;
}
/* List Style Two */
.list-style-two{
position:relative;
margin-bottom:20px;
}
.list-style-two li{
position:relative;
color:#555555;
font-size:16px;
padding-left:30px;
font-weight:400;
line-height:1.6em;
margin-bottom:12px;
font-family: 'Roboto', sans-serif;
}
.list-style-two li:before{
position:absolute;
content:'\f00c';
left:0px;
top:5px;
color:#ff0000;
font-size:16px;
line-height:1em;
font-weight:400;
font-family: 'FontAwesome';
-webkit-transition:all 300ms ease;
-moz-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
transition:all 300ms ease;
}
/*Btn Style One*/
.btn-one-outer{
position:relative;
padding-left:7px;
padding-bottom:3px;
padding-right:7px;
padding-top:10px;
z-index:1;
display:inline-block;
-webkit-transition:all 600ms ease;
-moz-transition:all 600ms ease;
-ms-transition:all 600ms ease;
-o-transition:all 600ms ease;
transition:all 600ms ease;
}
.btn-one-outer:before{
position:absolute;
content:'';
left:0px;
bottom:0px;
width:44px;
height:44px;
z-index:-1;
border-left:2px solid #ff0000;
border-bottom:2px solid #ff0000;
-webkit-transition:all 600ms ease;
-moz-transition:all 600ms ease;
-ms-transition:all 600ms ease;
-o-transition:all 600ms ease;
transition:all 600ms ease;
}
.btn-one-outer:after{
position:absolute;
content:'';
right:3px;
top:9px;
width:44px;
height:44px;
opacity:0;
z-index:-1;
border-right:2px solid #ff0000;
border-top:2px solid #ff0000;
-webkit-transition:all 600ms ease;
-moz-transition:all 600ms ease;
-ms-transition:all 600ms ease;
-o-transition:all 600ms ease;
transition:all 600ms ease;
}
.btn-style-one{
position: relative;
display: inline-block;
font-size: 16px;
line-height: 30px;
color: #ffffff;
padding: 12px 40px;
font-weight: 600;
overflow: hidden;
background: none;
border-radius:0px;
text-transform: capitalize;
border:1px solid #ffffff;
font-family: 'Montserrat', sans-serif;
-webkit-transition:all 600ms ease;
-moz-transition:all 600ms ease;
-ms-transition:all 600ms ease;
-o-transition:all 600ms ease;
transition:all 600ms ease;
}
.btn-style-one .txt{
position:relative;
z-index:1;
}
.btn-style-one:before{
position: absolute;
content: '';
top: 0px;
bottom: 0px;
left: 0px;
right: -50px;
border-bottom: 55px solid #ffffff;
border-right: 30px solid transparent;
-webkit-transition:all 600ms ease;
-moz-transition:all 600ms ease;
-ms-transition:all 600ms ease;
-o-transition:all 600ms ease;
transition:all 600ms ease;
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
.btn-style-one:after{
position: absolute;
content: '';
top: 0px;
right: 0px;
bottom: 0px;
left: -50px;
border-left: 30px solid transparent;
border-bottom: 55px solid #ffffff;
-webkit-transition:all 600ms ease;
-moz-transition:all 600ms ease;
-ms-transition:all 600ms ease;
-o-transition:all 600ms ease;
transition:all 600ms ease;
-webkit-transform: translateX(100%);
transform: translateX(100%);
}
.btn-style-one:hover::before{
-webkit-transform: translateX(-40%);
transform: translateX(-40%);
}
.btn-style-one:hover::after{
-webkit-transform: translateX(40%);
transform: translateX(40%);
}
.btn-one-outer:hover::after{
opacity:1;
width:100%;
height:100%;
}
.btn-one-outer:hover::before{
opacity:0;
}
.btn-one-outer:hover .btn-style-one{
color: #000000;
transform:translate(-7px, 10px);
}
/* Btn Style Two */
.btn-two-outer{
position:relative;
padding-left: 7px;
padding-bottom: 3px;
padding-right: 3px;
padding-top: 6px;
z-index:1;
display:inline-block;
-webkit-transition:all 600ms ease;
-moz-transition:all 600ms ease;
-ms-transition:all 600ms ease;
-o-transition:all 600ms ease;
transition:all 600ms ease;
}
.btn-two-outer:before{
position:absolute;
content:'';
left:0px;
bottom:-3px;
width:44px;
height:44px;
z-index:-1;
border-left:2px solid #ff0000;
border-bottom:2px solid #ff0000;
-webkit-transition:all 600ms ease;
-moz-transition:all 600ms ease;
-ms-transition:all 600ms ease;
-o-transition:all 600ms ease;
transition:all 600ms ease;
}
.btn-two-outer:after{
position:absolute;
content:'';
right:3px;
top:9px;
width:44px;
height:44px;
opacity:0;
z-index:-1;
border-right:2px solid #ff0000;
border-top:2px solid #ff0000;
-webkit-transition:all 600ms ease;
-moz-transition:all 600ms ease;
-ms-transition:all 600ms ease;
-o-transition:all 600ms ease;
transition:all 600ms ease;
}
.btn-style-two{
position: relative;
display: inline-block;
font-size: 14px;
line-height: 30px;
color: #ffffff;
padding: 12px 40px;
font-weight: 600;
overflow: hidden;
border-radius:0px;
text-transform: uppercase;
background-color:#222222 !important;
font-family: 'Montserrat', sans-serif;
-webkit-transition:all 600ms ease;
-moz-transition:all 600ms ease;
-ms-transition:all 600ms ease;
-o-transition:all 600ms ease;
transition:all 600ms ease;
}
.btn-style-two .txt{
position:relative;
z-index:1;
}
.btn-style-two:before{
position: absolute;
content: '';
top: 0px;
bottom: 0px;
left: 0px;
right: -50px;
border-bottom: 55px solid #ff0000;
border-right: 30px solid transparent;
-webkit-transition:all 600ms ease;
-moz-transition:all 600ms ease;
-ms-transition:all 600ms ease;
-o-transition:all 600ms ease;
transition:all 600ms ease;
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
.btn-style-two:after{
position: absolute;
content: '';
top: 0px;
right: 0px;
bottom: 0px;
left: -50px;
border-left: 30px solid transparent;
border-bottom: 55px solid #ff0000;
-webkit-transition:all 600ms ease;
-moz-transition:all 600ms ease;
-ms-transition:all 600ms ease;
-o-transition:all 600ms ease;
transition:all 600ms ease;
-webkit-transform: translateX(100%);
transform: translateX(100%);
}
.btn-style-two:hover::before{
-webkit-transform: translateX(-40%);
transform: translateX(-40%);
}
.btn-style-two:hover::after{
-webkit-transform: translateX(40%);
transform: translateX(40%);
}
.btn-two-outer:hover::after{
opacity:1;
width:100%;
height:100%;
}
.btn-two-outer:hover::before{
opacity:0;
}
.btn-two-outer:hover .btn-style-two{
color: #ffffff;
transform:translate(-7px, 10px);
}
/* Btn Style Three */
.btn-three-outer{
position:relative;
padding-left: 7px;
padding-bottom: 3px;
padding-right: 3px;
padding-top: 6px;
z-index:1;
display:inline-block;
-webkit-transition:all 600ms ease;
-moz-transition:all 600ms ease;
-ms-transition:all 600ms ease;
-o-transition:all 600ms ease;
transition:all 600ms ease;
}
.btn-three-outer:before{
position:absolute;
content:'';
left:0px;
bottom:2px;
width:44px;
height:44px;
z-index:-1;
border-left:2px solid #ff0000;
border-bottom:2px solid #ff0000;
-webkit-transition:all 600ms ease;
-moz-transition:all 600ms ease;
-ms-transition:all 600ms ease;
-o-transition:all 600ms ease;
transition:all 600ms ease;
}
.btn-three-outer:after{
position:absolute;
content:'';
right:3px;
top:9px;
width:44px;
height:44px;
opacity:0;
z-index:-1;
border-right:2px solid #ff0000;
border-top:2px solid #ff0000;
-webkit-transition:all 600ms ease;
-moz-transition:all 600ms ease;
-ms-transition:all 600ms ease;
-o-transition:all 600ms ease;
transition:all 600ms ease;
}
.btn-style-three{
position: relative;
display: inline-block;
font-size: 15px;
line-height: 30px;
color: #222222;
padding: 10px 36px;
font-weight: 600;
overflow: hidden;
border-radius:0px;
text-transform: capitalize;
border:2px solid #959595;
font-family: 'Montserrat', sans-serif;
-webkit-transition:all 600ms ease;
-moz-transition:all 600ms ease;
-ms-transition:all 600ms ease;
-o-transition:all 600ms ease;
transition:all 600ms ease;
}
.btn-style-three .txt{
position:relative;
z-index:1;
}
.btn-style-three:hover{
color:#ffffff;
border-color:#ff0000;
}
.btn-style-three:before{
position: absolute;
content: '';
top: 0px;
bottom: 0px;
left: 0px;
right: -50px;
border-bottom: 55px solid #ff0000;
border-right: 30px solid transparent;
-webkit-transition:all 600ms ease;
-moz-transition:all 600ms ease;
-ms-transition:all 600ms ease;
-o-transition:all 600ms ease;
transition:all 600ms ease;
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
.btn-style-three:after{
position: absolute;
content: '';
top: 0px;
right: 0px;
bottom: 0px;
left: -50px;
border-left: 30px solid transparent;
border-bottom: 55px solid #ff0000;
-webkit-transition:all 600ms ease;
-moz-transition:all 600ms ease;
-ms-transition:all 600ms ease;
-o-transition:all 600ms ease;
transition:all 600ms ease;
-webkit-transform: translateX(100%);
transform: translateX(100%);
}
.btn-style-three:hover::before{
-webkit-transform: translateX(-40%);
transform: translateX(-40%);
}
.btn-style-three:hover::after{
-webkit-transform: translateX(40%);
transform: translateX(40%);
}
.btn-three-outer:hover::after{
opacity:1;
width:100%;
height:100%;
}
.btn-three-outer:hover::before{
opacity:0;
}
.btn-three-outer:hover .btn-style-three{
color: #ffffff;
transform:translate(-7px, 10px);
}
/* Btn Style Four */
.btn-style-four{
position: relative;
display: inline-block;
font-size: 16px;
line-height: 30px;
color: #ffffff;
padding: 14px 40px 14px;
font-weight: 600;
overflow: hidden;
border-radius:3px;
background: none;
text-transform: capitalize;
font-family: 'Montserrat', sans-serif;
background-image: -ms-linear-gradient(right, #CF2D01 0%, #FD4A1C 100%);
background-image: -moz-linear-gradient(right, #CF2D01 0%, #FD4A1C 100%);
background-image: -o-linear-gradient(right, #CF2D01 0%, #FD4A1C 100%);
background-image: -webkit-gradient(linear, right top, left top, color-stop(0, #CF2D01), color-stop(100, #FD4A1C));
background-image: -webkit-linear-gradient(right, #CF2D01 0%, #FD4A1C 100%);
background-image: linear-gradient(to left, #CF2D01 0%, #FD4A1C 100%);
}
.btn-style-four .txt{
position:relative;
z-index:1;
}
.btn-style-four:before{
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
opacity: 0;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
-webkit-transform: scale(1, 0.5);
transform: scale(1, 0.5);
background-image: -ms-linear-gradient(left, #CF2D01 0%, #FD4A1C 100%);
background-image: -moz-linear-gradient(left, #CF2D01 0%, #FD4A1C 100%);
background-image: -o-linear-gradient(left, #CF2D01 0%, #FD4A1C 100%);
background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #CF2D01), color-stop(100, #FD4A1C));
background-image: -webkit-linear-gradient(left, #CF2D01 0%, #FD4A1C 100%);
background-image: linear-gradient(to right, #CF2D01 0%, #FD4A1C 100%);
}
.btn-style-four:hover::before{
opacity: 1;
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
.btn-style-four:hover{
color: #ffffff;
}
/* Btn Style Five */
.btn-style-five{
position: relative;
display: inline-block;
font-size: 18px;
line-height: 30px;
color: #ffffff;
padding: 15px 40px 15px;
font-weight: 600;
overflow: hidden;
border-radius:4px;
background-color: #ff0000;
text-transform: capitalize;
font-family: 'Montserrat', sans-serif;
}
.btn-style-five .txt{
position:relative;
z-index:1;
transition: all 300ms ease;
-moz-transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
}
.btn-style-five:before{
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
opacity: 0;
background-color: #6b40ea;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
-webkit-transform: scale(1, 0.5);
transform: scale(1, 0.5);
}
.btn-style-five:hover::before{
opacity: 1;
transform: scale(1, 1);
-webkit-transform: scale(1, 1);
}
.btn-style-five:hover{
color: #ffffff;
}
/* Social Icon One */
.social-icon-one{
position: relative;
display: block;
}
.social-icon-one .title{
position: relative;
font-size: 20px;
line-height: 26px;
color: #ffffff;
font-weight: 700;
margin-right: 15px;
}
.social-icon-one li{
position: relative;
display: inline-block;
font-size: 16px;
line-height: 24px;
color: #ffffff;
margin-right: 22px;
}
.social-icon-one li:last-child{
margin-right: 0;
}
.social-icon-one li a{
position: relative;
display: block;
font-size: 16px;
line-height: 24px;
color: #ffffff;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.social-icon-one li a:hover{
color: #ff0000;
}
.theme_color{
color:#ff0000;
}
.preloader{ position:fixed; left:0px; top:0px; width:100%; height:100%; z-index:999999; background-color:#ffffff; background-position:center center; background-repeat:no-repeat; background-image:url(../images/icons/preloader.svg); background-size:100px;}
img{
display:inline-block;
max-width:100%;
height:auto;
}
/***
====================================================================
Section Title
====================================================================
***/
.sec-title{
position:relative;
margin-bottom:65px;
}
.sec-title .title{
position:relative;
color:#555555;
font-size:18px;
font-weight:500;
letter-spacing:1px;
text-transform:uppercase;
font-family: 'Roboto', sans-serif;
}
.sec-title h2{
position: relative;
color:#222222;
font-weight: 700;
line-height: 1.2em;
margin-top:15px;
text-transform:uppercase;
}
.sec-title.light .title,
.sec-title.light h2{
color:#ffffff;
}
.sec-title.centered{
text-align: center;
}
.sec-title.left{
text-align: left;
}
.sec-title.right{
text-align: right;
}
/***
====================================================================
Main Header style
====================================================================
***/
.main-header{
position:absolute;
z-index:99;
width:100%;
}
.header-style-one .header-top .outer-container{
padding:0px 38px;
}
/* Header Top */
.main-header .header-top{
position:relative;
padding:18px 0px;
}
.main-header .header-top .top-left{
position: relative;
}
.main-header .header-top .top-left .text{
position: relative;
font-size:16px;
font-weight:400;
color:#ffffff;
font-family: 'Roboto', sans-serif;
}
.main-header .header-top .info-list{
position:relative;
float:left;
}
.main-header .header-top .info-list li{
position: relative;
color:#ffffff;
font-size:14px;
font-weight: bold;
padding-left:30px;
margin-right:22px;
padding-right:22px;
line-height:1.3em;
display:inline-block;
border-right:1px solid #ffffff;
font-family: 'Roboto', sans-serif;
}
.main-header .header-top .info-list li:last-child{
margin-right:0px;
padding-right:0px;
border:none;
}
.main-header .header-top .info-list li .icon{
position:absolute;
left:0px;
top:0px;
color:#ff0000;
}
.main-header .header-top .info-list li a{
position: relative;
color:#ffffff;
font-family: 'Roboto', 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-header .header-top .info-list li a:hover{
color:#ff0000;
}
/* Language Dropdown */
.main-header .header-top .language{
position:relative;
line-height:1em;
margin-left: 20px;
display:inline-block;
}
.main-header .header-top .language .flag-icon{
margin-right:8px;
color:#ff0000;
}
.main-header .header-top .language .dropdown-menu{
top:100%;
right:0px;
left:auto !important;
width:170px;
border-radius:0px;
margin-top:38px;
background-color:#222222;
border:none;
padding:0px;
border-top:3px solid #ff0000;
transform: translate3d(0px, 0px, 0px) !important;
}
.main-header .header-top .language > a{
color:#ffffff;
padding:0px;
text-transform:capitalize;
display:inline-block;
border:0px;
font-weight:400;
font-size:16px;
line-height:1em;
border-radius: 0px;
}
.main-header .header-top .language > a:focus{
outline:none !important;
box-shadow:none !important;
}
.main-header .header-top .language > a:after{
display:none;
}
.main-header .header-top language a:hover{
background:none;
}
.main-header .header-top .language .dropdown-menu > li{
padding-right:0px !important;
margin:0px !important;
float:none;
display:block !important;
border-bottom: 1px solid rgba(255,255,255,0.20);
}
.main-header .header-top .language .dropdown-menu > li:last-child{
border-bottom:none;
}
.main-header .header-top .language .dropdown-menu > li > a{
padding:12px 20px !important;
color:#ffffff;
display: block;
text-align:left;
font-size: 14px;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.main-header .header-top .language .dropdown-menu > li > a:hover{
color:#ffffff !important;
background-color:#ff0000;
}
.main-header .main-box{
position:relative;
padding:0px 0px;
left:0px;
top:0px;
width:100%;
background:none;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.main-header .main-box .outer-container{
position:relative;
padding:0px 40px;
}
.main-header .main-box .logo-box{
position:relative;
float:left;
left:0px;
z-index:10;
padding:30px 0px;
}
.main-header .main-box .logo-box .logo img{
display:inline-block;
max-width:100%;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.main-header .header-upper{
position:relative;
}
.main-header .header-upper .inner-container{
position:relative;
border-bottom:2px solid rgba(255,255,255,0.20);
}
.main-header .header-upper .outer-container{
position:relative;
padding: 0px 30px;
}
.main-header .nav-outer{
position:relative;
float:right;
}
.header-style-one .nav-outer:before{
position:absolute;
content:'';
left:-50px;
top:0px;
bottom:0px;
height:100%;
width:110%;
background-color:rgba(0,0,0,0.50);
}
.main-header.header-style-two .header-upper .inner-container{
border:0px;
}
.main-header .header-upper .logo-box{
position: relative;
padding:0px 0px;
padding-right:20px;
}
.main-header .header-upper .logo-box:before{
position:absolute;
content:'';
right:0px;
top:0px;
bottom:0px;
width:1000%;
border-right:3px solid #ff0000;
background-color:rgba(0,0,0,0.50);
}
.main-header .header-upper .logo-box .logo{
position:relative;
}
.main-header .outer-box{
position: relative;
float:right;
margin-left:50px;
padding: 22px 0px;
}
.main-header.header-style-two .nav-outer{
padding-right:50px;
}
.main-header.header-style-two .nav-outer:before{
position:absolute;
content:'';
left:-80px;
top:0px;
right:0px;
bottom:0px;
border-left:4px solid #ff0000;
background-color:rgba(255,255,255,0.20);
}
.main-header .outer-box .cart-box{
position:relative;
float:left;
color:#ffffff;
font-size:16px;
background:none;
margin-top:14px;
display:inline-block;
margin-right: 28px;
}
.main-header .outer-box .cart-box .cart-box-btn{
background:none;
color:#ffffff;
cursor: pointer;
font-size: 24px;
transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
}
.main-header .outer-box .cart-box .cart-box-btn:after{
display:none;
}
.main-header .outer-box .cart-box .cart-box-btn .total-cart{
position:absolute;
right: -8px;
top: -8px;
width:18px;
height:18px;
color:#ffffff;
font-weight:700;
font-size:12px;
border-radius:50%;
text-align:center;
line-height:18px;
background-color:#ff0000;
}
.main-header .outer-box .cart-box .cart-box-btn:hover{
color:#ff0000;
}
.main-header .outer-box .cart-product{
position:relative;
margin-bottom:18px;
min-height:90px;
border-bottom:1px solid #e4e4e4;
}
.main-header .outer-box .cart-product .inner{
position:relative;
padding-left:90px;
min-height:70px;
}
.main-header .outer-box .cart-product .inner .cross-icon{
position:absolute;
right:0px;
top:-2px;
z-index:1;
color:#263120;
font-size:16px;
cursor:pointer;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.main-header .outer-box .cart-product .inner .cross-icon:hover{
color:#ff0000;
}
.main-header .outer-box .cart-product .inner .image{
position:absolute;
left:0px;
top:0px;
overflow:hidden;
border-radius:50px;
}
.main-header .outer-box .cart-product .inner .image img{
width:100%;
display:block;
width:66px;
height:66px;
}
.main-header .outer-box .cart-product .inner h3{
position:relative;
font-weight:600;
font-size:15px;
margin:0px;
letter-spacing: 1px;
text-transform:capitalize;
}
.main-header .outer-box .cart-product .inner h3 a{
color:#222222;
transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
}
.main-header .outer-box .cart-product .inner h3 a:hover{
color:#ff0000;
}
.main-header .outer-box .cart-product .inner .quantity-text{
position:relative;
font-weight:300;
color:#666666;
font-size: 13px;
margin-bottom: 0px;
}
.main-header .outer-box .cart-product .inner .price{
position:relative;
font-weight:700;
font-size:16px;
margin:0px;
color:#222222;
}
.main-header .outer-box .cart-box .cart-panel{
left: auto !important;
right: 0px !important;
border-radius:10px;
padding:20px 20px;
min-width:300px;
margin-top:64px;
z-index: 1;
border:0px;
box-shadow: 0px 0px 25px rgba(0,0,0,0.15);
-webkit-transform: translate3d(0px, 0px, 0px) !important;
transform: translate3d(0px, 0px, 0px) !important;
}
.main-header.header-style-two .outer-box .cart-box .cart-panel{
margin-top:71px;
}
.main-header .outer-box .cart-box .cart-panel .cart-total{
color:#000000;
font-size:15px;
font-weight:400;
text-align:center;
text-transform:capitalize;
}
.main-header .outer-box .cart-box .cart-panel .cart-total span{
font-weight:800;
font-size:18px;
}
.main-header .outer-box .cart-box .cart-panel .btns-boxed{
position:relative;
text-align:center;
margin-top:20px;
}
.main-header .outer-box .cart-box .cart-panel .btns-boxed li{
position:relative;
margin:0px 5px;
display:inline-block;
}
.main-header .outer-box .cart-box .cart-panel .btns-boxed li a{
position:relative;
color:#ffffff;
font-weight:500;
font-size:12px;
border-radius:50px;
padding:9px 20px 8px;
border-radius: 50px;
display:inline-block;
background-color:#ff0000;
border:2px solid #ff0000;
text-transform:uppercase;
transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
}
.main-header .outer-box .cart-box .cart-panel .btns-boxed li a:hover{
color:#ff0000;
background:none;
}
.main-header .outer-box .cart-box .icon a{
color:#999999;
}
.main-header.header-style-two .outer-box .cart-box{
}
.main-header.header-style-two .outer-box .cart-box .cart-box-btn{
color:#000000;
}
.main-header.header-style-two .header-lower .search-box-outer{
margin-top:23px;
margin-right:20px;
}
/* Search Box Outer */
.main-header .search-box-outer{
position:relative;
float:left;
}
.main-header .search-box-btn{
position:relative;
top: 0px;
display:block;
float:left;
margin-top:14px;
font-size:20px;
color:#222222;
line-height:20px !important;
cursor:pointer;
background:none;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.main-header .search-box-btn:after{
display:none;
}
.main-header .search-box-outer .dropdown-menu{
top:49px !important;
right:0px;
padding:0px;
width:280px;
left: auto !important;
border-radius:0px;
border-top:3px solid #ff0000;
-webkit-transform: translate3d(0px, 0px, 0px) !important;
transform: translate3d(0px, 0px, 0px) !important;
}
.main-header.header-style-two .search-box-btn{
color:#000000;
}
.main-header.header-style-two .header-upper .outer-box .nav-btn{
color:#ff0000;
margin-top:12px;
}
.header-style-three{
position:relative;
}
.header-style-three .header-top{
padding:13px 0px;
background-color:#ff0000;
}
.header-style-three .header-top .info-list li a{
color:#ffffff !important;
}
.header-style-three .header-top .info-list li .icon{
color:#000000 !important;
}
.header-style-three .header-top .language .flag-icon{
color:#000000 !important;
}
.header-style-three .main-menu .navigation > li > a{
color:#222222;
font-weight:500;
text-transform:capitalize;
}
.header-style-three .main-menu .navigation > li:before{
background: url(../images/icons/menu-icon-1.png) no-repeat;
}
.header-style-three .outer-box .cart-box .cart-box-btn{
color:#222222;
}
.header-style-three .header-upper .logo-box:before{
display:none;
}
.main-header .sticky-header .main-menu .navigation > li:before{
top:35px;
}
.main-header .sticky-header .search-box-btn{
margin-top:10px;
}
.main-header .btn-box{
position:relative;
float:left;
margin-left:30px;
margin-top:-3px;
}
.main-header .btn-box .pass-btn{
position:relative;
color:#ffffff;
font-size:16px;
padding:18px 26px;
font-weight:500;
border-radius:0px;
border-right:3px solid #ff0000;
background-color:#222222;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
font-family: 'Roboto', sans-serif;
}
/* Header Lower */
.main-header .header-lower .search-box{
float:right;
}
.main-header .header-lower .search-box .form-group{
position:relative;
margin:0px;
top:-1px;
}
.main-header .header-lower .search-box .form-group input[type="text"],
.main-header .header-lower .search-box .form-group input[type="search"]{
position:relative;
line-height:28px;
padding:10px 50px 10px 25px;
background:none;
display:block;
font-size:14px;
width:200px;
height:74px;
color:#222222;
font-weight:400;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
background-color:#ffffff;
border-radius:0px 50px 50px 0px;
}
.main-header .header-lower .search-box .form-group button{
position:absolute;
right:0px;
top:0px;
height:74px;
width:45px;
font-size:14px;
color:#000048;
line-height:100%;
background:none;
display:inline-block;
font-weight:normal;
text-align:left;
cursor:pointer;
}
/* Main Menu */
.main-menu{
position:relative;
float:left;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.main-menu .cart-box{
position: relative;
float:left;
font-size: 26px;
margin: 32px 0px;
padding-left: 20px;
border-left: 1px solid #dde4db;
}
.main-menu .cart-box a{
position: relative;
color: #ff0000;
}
.main-menu .cart-box .number{
position: absolute;
right: -15px;
top: -15px;
color: #ff0000;
font-size: 18px;
}
.main-menu .navbar-collapse{
padding:0px;
float: left;
display:block !important;
}
.main-menu .navigation{
position:relative;
margin:0px;
}
.main-menu .navigation > li{
position:relative;
float:left;
margin-right:30px;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.main-menu .navigation > li:last-child{
margin-right:0px;
}
.main-menu .navigation > li:last-child > ul{
right:-30px;
left:auto;
}
.sticky-header .main-menu .navigation > li > a{
color:#444444 !important;
}
.main-header .sticky-header .main-menu .navigation > li:hover > a,
.main-header .sticky-header .main-menu .navigation > li.current > a{
color:#ff0000 !important;
background-color:inherit !important;
}
.sticky-header .nav-outer .options-box{
margin-top:45px;
}
.main-header.header-style-two .main-menu .navigation > li > a{
}
.main-header .sticky-header .main-menu .navigation > li.dropdown > a{
padding-right:15px !important;
}
.main-header .sticky-header .main-menu .navigation > li.dropdown > a:before{
font-family: 'FontAwesome';
content: "\f107";
position: absolute;
right: 0px;
color:#000000;
font-size: 15px;
line-height: 22px;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
/*Sticky Header*/
.sticky-header{
position:fixed;
opacity:0;
visibility:hidden;
left:0px;
top:0px;
width:100%;
padding:0px 0px;
background:#ffffff;
z-index:0;
border-bottom:1px solid #e8f1f7;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.sticky-header .logo{
padding:7px 0px 6px;
}
.fixed-header .sticky-header{
z-index:999;
opacity:1;
visibility:visible;
-ms-animation-name: fadeInDown;
-moz-animation-name: fadeInDown;
-op-animation-name: fadeInDown;
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
-ms-animation-duration: 500ms;
-moz-animation-duration: 500ms;
-op-animation-duration: 500ms;
-webkit-animation-duration: 500ms;
animation-duration: 500ms;
-ms-animation-timing-function: linear;
-moz-animation-timing-function: linear;
-op-animation-timing-function: linear;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-ms-animation-iteration-count: 1;
-moz-animation-iteration-count: 1;
-op-animation-iteration-count: 1;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
}
.main-menu .navigation > li.dropdown > a {
padding-right:15px;
}
.main-menu .navigation > li.dropdown > a:before {
font-family: 'FontAwesome';
content: "\f107";
position: absolute;
right: 0px;
font-size: 16px;
line-height: 28px;
font-weight: 700;
}
.main-menu .navigation > li > a{
position:relative;
display:block;
color:#ffffff;
text-align:center;
line-height:30px;
text-transform: uppercase;
letter-spacing:0px;
opacity:1;
font-weight:bold;
padding:35px 0px;
font-size:14px;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.main-menu .navigation > li:before{
position:absolute;
content:'';
left:-12px;
top:43px;
width:6px;
height:16px;
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;
}
.main-menu .navigation > li:hover::before,
.main-menu .navigation > li.current::before{
opacity:0;
color:#ff0000 !important;
}
.sticky-header .main-menu .navigation > li:hover a:before,
.sticky-header .main-menu .navigation > li.current a:before{
color:#ff0000 !important;
}
.sticky-header .main-menu .navigation > li{
position:relative;
margin-left:30px;
margin-right:0px;
}
.sticky-header .main-menu .navigation > li:before,
.sticky-header .main-menu .navigation > li:after{
}
.main-menu .navigation > li:hover > a,
.main-menu .navigation > li.current > a{
opacity:1;
color:#ff0000;
}
.main-menu .navigation > li > ul{
position:absolute;
left:-30px;
top:100%;
width:230px;
z-index:100;
display:none;
opacity: 0;
visibility: hidden;
transition: all 900ms ease;
-moz-transition: all 900ms ease;
-webkit-transition: all 900ms ease;
-ms-transition: all 900ms ease;
-o-transition: all 900ms ease;
padding:20px 15px;
border-radius:10px;
background-color: #ffffff;
box-shadow: 0px 0px 10px rgba(0,0,0,0.10);
}
.main-menu .navigation > li > ul:before{
position:absolute;
content:'';
left:0px;
top:-30px;
width:100%;
height:30px;
display:block;
}
.main-menu .navigation > li > ul.from-right{
left:auto;
right:0px;
}
.main-menu .navigation > li > ul > li{
position:relative;
width:100%;
}
.main-menu .navigation > li > ul > li:last-child{
border-bottom:none;
}
.main-menu .navigation > li > ul > li > a{
position:relative;
display:block;
padding:6px 18px;
line-height:24px;
font-weight:700;
font-size:14px;
text-transform:capitalize;
color:#101010;
padding-left:10px;
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 > a:before{
position:absolute;
content:'//';
left:10px;
top:14px;
opacity:0;
color:#ff0000;
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::before{
opacity:1;
}
.sticky-header .main-menu .navigation > li > a{
padding:27px 0px !important;
}
.sticky-header .main-menu .navigation > li > a:before{
top:30px !important;
}
.main-menu .navigation > li > ul > li:hover > a{
color:#ff0000;
padding-left:30px;
}
.main-menu .navigation > li > ul > li.dropdown > a:after{
font-family: 'FontAwesome';
content: "\f105";
position:absolute;
right:15px;
top:15px;
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:#ff0000;
}
.main-menu .navigation > li > ul > li > ul{
position:absolute;
right:115%;
top:0%;
width:230px;
z-index:100;
display:none;
transition: all 900ms ease;
-moz-transition: all 900ms ease;
-webkit-transition: all 900ms ease;
-ms-transition: all 900ms ease;
-o-transition: all 900ms ease;
padding:20px 15px;
border-radius:10px;
background-color: #ffffff;
box-shadow: 0px 0px 10px rgba(0,0,0,0.10);
}
.main-menu .navigation > li > ul > li > ul.from-right{
left:auto;
right:0px;
}
.main-menu .navigation > li > ul > li > ul > li{
position:relative;
width:100%;
}
.main-menu .navigation > li > ul > li > ul > li:last-child{
border-bottom:none;
}
.main-menu .navigation > li > ul > li > ul > li > a{
position:relative;
display:block;
padding:13px 18px;
line-height:24px;
font-weight:700;
font-size:14px;
text-transform:capitalize;
color:#101010;
padding-left:10px;
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 > a:before{
position:absolute;
content:'//';
left:10px;
top:14px;
opacity:0;
color:#ff0000;
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::before{
opacity:1;
}
.main-menu .navigation > li > ul > li > ul > li:hover > a{
color:#ff0000;
padding-left:30px;
}
.main-menu .navigation > li > ul > li > ul > li.dropdown > a:after{
font-family: 'FontAwesome';
content: "\f105";
position:absolute;
right:10px;
top:11px;
width:10px;
height:20px;
display:block;
color:#272727;
line-height:20px;
font-size:16px;
font-weight:normal;
text-align:center;
z-index:5;
}
.main-menu .navigation > li > ul > li > ul > li.dropdown:hover > a:after{
color:#ff0000;
}
.main-menu .navigation > li.dropdown:hover > ul{
visibility:visible;
opacity:1;
right:0px;
-moz-transform: rotateX(0deg);
-webkit-transform: rotateX(0deg);
-ms-transform: rotateX(0deg);
-o-transform: rotateX(0deg);
transform: rotateX(0deg);
}
.main-menu .navigation li > ul > li.dropdown:hover > ul{
visibility:visible;
opacity:1;
top:0;
left:107%;
-moz-transform: rotateX(0deg);
-webkit-transform: rotateX(0deg);
-ms-transform: rotateX(0deg);
-o-transform: rotateX(0deg);
transform: rotateX(0deg);
transition:all 300ms ease;
-moz-transition:all 300ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
}
.main-menu .navbar-collapse > ul li.dropdown .dropdown-btn{
position:absolute;
right:10px;
top:6px;
width:30px;
height:30px;
text-align:center;
color:#ffffff;
line-height:28px;
border:1px solid #ffffff;
background-size:20px;
cursor:pointer;
z-index:5;
display:none;
}
/* Item Sorting */
.shop-section .items-sorting{
position:relative;
margin-bottom:20px;
}
.shop-section .items-sorting .results-column,
.shop-section .items-sorting .select-column{
margin-bottom:20px;
}
.shop-section .items-sorting .results-column h6{
font-size:18px;
font-weight:400;
color:#666666;
line-height:24px;
padding:13px 0px;
}
.shop-section .items-sorting .form-group{
margin-bottom:0px;
}
.shop-section .items-sorting select{
position:relative;
display:block;
width:100%;
line-height:24px;
padding:9px 20px 9px;
height:50px;
font-size:14px;
border:1px solid #eeeeee;
cursor:pointer;
-moz-appearance:none;
-webkit-appearance:none;
-ms-appearance:none;
-o-appearance:none;
background:url(../images/icons/icon-select.png) right center no-repeat;
color:#666666;
transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.shop-section .items-sorting select option{
text-indent:15px;
}
/*Shop Item*/
.shop-item{
position:relative;
margin-bottom:40px;
}
.shop-item .inner-box{
position:relative;
outline:15px solid #ffffff;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.shop-item .inner-box:hover .image .overlay-box{
opacity:1;
}
.shop-item .inner-box .image{
position:relative;
z-index:11;
text-align:center;
background-color:#f8f8f8;
}
.shop-item .inner-box .image .sale{
position:absolute;
left:20px;
top:20px;
font-size:11px;
font-weight:700;
color:#ffffff;
z-index:12;
padding:5px 8px;
line-height:1em;
text-transform:uppercase;
background-color:#ff0000;
}
.shop-item .inner-box .image .overlay-box{
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
color:#ffffff;
text-align:center;
background-color:rgba(0,0,0,0.70);
transition: -webkit-transform 0.4s ease;
transition: transform 0.4s ease;
transition: transform 0.4s ease, -webkit-transform 0.4s ease;
-webkit-transform: scale(0, 1);
-ms-transform: scale(0, 1);
transform: scale(0, 1);
-webkit-transform-origin: left center;
-ms-transform-origin: left center;
transform-origin: left center;
}
.shop-item .inner-box:hover .image .overlay-box{
-webkit-transform: scale(1, 1);
-ms-transform: scale(1, 1);
transform: scale(1, 1);
-webkit-transform-origin: right center;
-ms-transform-origin: right center;
transform-origin: right center;
}
.shop-item .inner-box .image .overlay-box .cart-option li{
position:relative;
}
.shop-item .inner-box .image .overlay-box .cart-option li:first-child{
position:absolute;
right: 15px;
top: 15px;
}
.shop-item .inner-box .image .overlay-box .cart-option li:last-child{
position:absolute;
left: 15px;
bottom: 15px;
}
.shop-item .inner-box .image .overlay-box .cart-option li a{
position:relative;
width:40px;
height:40px;
color:#ffffff;
font-size:18px;
display:block;
line-height:40px;
background-color:#ff0000;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.shop-item .inner-box .image .overlay-box .cart-option li a:hover{
background-color:#ff0000;
color:#ffffff;
}
.shop-item .inner-box .image .overlay-box .cart-option li a:hover{
color:#ffffff;
}
.shop-item .inner-box .image img{
width:100%;
display:inline-block;
}
.shop-item .inner-box .lower-content{
position:relative;
z-index:11;
text-align:center;
margin-top:20px;
padding:25px 20px 20px;
border:3px solid #cccccc;
box-shadow:0px 0px 15px rgba(0,0,0,0.10);
}
.shop-item .inner-box .lower-content h6{
position:relative;
font-weight:700;
font-size:16px;
}
.shop-item .inner-box .lower-content h6 a{
color:#222222;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.shop-item .inner-box .lower-content h6 a:hover{
color:#ff0000;
}
.shop-item .inner-box .lower-content .price{
position:relative;
margin-top:4px;
}
.shop-item .inner-box .lower-content .price li{
position:relative;
color:#666666;
font-size:14px;
font-weight:600;
display:inline-block;
}
.shop-item .inner-box .lower-content .price li.discount{
position:relative;
color:#000000;
margin-right:8px;
text-decoration:line-through;
}
.shop-single-section{
position:relative;
padding-top: 110px;
padding-bottom:60px;
z-index: 9;
background-color: #ffffff;
}
/*Product Details*/
.product-details .basic-details{
position:relative;
margin-bottom:20px;
}
.product-details .image-column .image-carousel{
background-color:#eeeeee;
border-radius:4px;
}
.product-details .image-column,
.product-details .info-column{
margin-bottom:50px;
}
.product-details .info-column .add-to-cart{
padding:13px 43px;
font-size:14px;
cursor:pointer;
margin-bottom:10px;
margin-right:10px;
}
.product-details .image-column .image-box img{
position:relative;
display:block;
width:100%;
}
.product-details .image-column .thumbs-carousel{
margin-top:20px;
}
.product-details .image-column .thumbs-carousel li{
background-color:#f2f2f2;
text-align:center;
padding:0px 0px;
cursor:pointer;
}
.product-details .image-column .thumbs-carousel li img{
width:100%;
display:inline-block;
}
.product-details .image-column .owl-dots,
.product-details .image-column .owl-nav{
display:none;
}
.product-details .basic-details .details-header{
position:relative;
margin-bottom:0px;
}
.product-details .basic-details .details-header h2{
font-weight:700;
margin:0px 0px;
line-height:1.4em;
color:#222222;
margin-bottom:8px;
}
.product-details .basic-details .details-header h2 a{
color:#333333;
}
.product-details .basic-details .details-header .rating{
font-size:16px;
margin-bottom:25px;
display:inline-block;
}
.product-details .basic-details .details-header .rating span{
color:#ff0000;
}
.product-details .basic-details .details-header .rating .fa{
display:inline-block;
margin-right:1px;
}
.product-details .basic-details .details-header .rating .fa.light{
color:#dadada;
}
.product-details .basic-details .details-header .item-price{
position:relative;
font-size:24px;
font-weight:400;
color:#222222;
line-height:24px;
letter-spacing:1px;
margin-bottom:20px;
}
.product-details .basic-details .text{
position:relative;
color:#666666;
font-size:14px;
line-height:1.9em;
margin-bottom:30px;
}
.product-details .basic-details .availablity{
position:relative;
float:left;
padding-right:40px;
line-height:32px;
margin-bottom:27px;
font-size:13px;
font-weight:500;
letter-spacing:1px;
color:#777777;
}
.product-details .basic-details .availablity strong{
font-size:14px;
letter-spacing:2px;
color:#11da61;
font-weight:600;
text-transform:uppercase;
}
.product-details .basic-details .item-quantity{
position:relative;
float:left;
width:120px;
margin-bottom:15px;
margin-right:20px;
border:1px solid #eae8e8;
}
.product-details .basic-details .btns-box{
position:relative;
}
.product-details .basic-details .quantity-spinner,
.cart-section input.quantity-spinner{
line-height:24px;
padding:10px 15px !important;
height:54px !important;
box-shadow:none !important;
}
.product-details .basic-details .bootstrap-touchspin .input-group-btn-vertical > .btn,
.cart-section .bootstrap-touchspin .input-group-btn-vertical > .btn{
padding:13px 10px;
background:#f4f5f6;
}
.product-details .bootstrap-touchspin .input-group-btn-vertical i,
.cart-section .bootstrap-touchspin .input-group-btn-vertical i{
top:1px;
}
.shop-list{
position:relative;
margin-top:20px;
}
.shop-list li{
position:relative;
color:#666666;
font-size:14px;
margin-bottom:10px;
}
.shop-list li strong{
color:#222222;
font-size:16px;
margin-right:5px;
text-transform:uppercase;
}
.shop-list li a{
position:relative;
color:#ff0000;
font-size:14px;
font-weight:700;
margin-top:0px;
display:inline-block;
text-transform:uppercase;
}
/***
====================================================================
Product Tabs Style
====================================================================
***/
.shop-page .prod-tabs{
position:relative;
}
.shop-page .prod-tabs .tab-btns{
position:relative;
text-align:center;
margin-bottom:40px;
}
.shop-page .prod-tabs .tab-btns .tab-btn{
position:relative;
display:block;
margin-right:8px;
font-size:16px;
background:none;
color:#222222;
border:1px solid #222222;
text-transform:capitalize;
font-weight:400;
line-height:24px;
cursor:pointer;
margin-bottom:12px;
display:inline-block;
padding:12px 40px 10px;
transition:all 500ms ease;
}
.shop-page .prod-tabs .tab-btns .tab-btn:hover,
.shop-page .prod-tabs .tab-btns .tab-btn.active-btn{
color:#ffffff;
background:#222222;
border-color:#222222;
}
.shop-page .prod-tabs .tabs-content{
position:relative;
}
.shop-page .prod-tabs .tabs-content .tab{
position:relative;
display:none;
}
.shop-page .prod-tabs .tabs-content .tab.active-tab{
display:block;
}
.shop-page .prod-tabs .tabs-content .tab p{
font-size:14px;
line-height:2em;
color:#666666;
margin-bottom:20px;
}
.shop-page .prod-tabs .tabs-content .tab p:last-child{
margin-bottom:0px;
}
.shop-page .prod-tabs .tabs-content .tab h3,
.shop-page .prod-tabs .tabs-content .tab h4,
.shop-page .prod-tabs .tabs-content .tab h5,
.shop-page .prod-tabs .tabs-content .tab h6{
margin-bottom:15px;
}
.shop-page .prod-tabs .tabs-content .tab h4{
font-size:16px;
font-weight:700;
text-transform:uppercase;
color:#222222;
}
.shop-page .prod-tabs .reviews-container{
position:relative;
padding-bottom:1px;
}
.shop-page .prod-tabs .reviews-container .review-box{
position:relative;
margin-bottom:30px;
padding-left:120px;
min-height:130px;
padding-bottom:30px;
border-bottom:1px solid #f0f0f0;
}
.shop-page .prod-tabs .reviews-container .review-box:last-child{
margin-bottom:0px;
padding-bottom:0px;
border:none;
}
.bootstrap-touchspin .input-group-btn-vertical{
width:auto;
right: 0px;
position: absolute;
}
.bootstrap-touchspin .glyphicon-chevron-up:before {
content: "\f106";
font-size: 18px;
font-style:normal;
font-family: 'FontAwesome';
}
.bootstrap-touchspin .glyphicon-chevron-down:before {
content: "\f107";
font-size: 18px;
font-style:normal;
font-family: 'FontAwesome';
}
.shop-page .prod-tabs .reviews-container .rev-thumb{
position:absolute;
left:0px;
top:5px;
width:100px;
height:100px;
background:#ffffff;
border-radius:3px;
margin-bottom:20px;
}
.shop-page .prod-tabs .reviews-container .rev-thumb img{
display:block;
width:100%;
border-radius:3px;
}
.shop-page .prod-tabs .reviews-container .rev-content{
position:relative;
background:#ffffff;
}
.shop-page .prod-tabs .reviews-container .rev-header{
position:relative;
}
.shop-page .prod-tabs .reviews-container .rev-header h4{
float:left;
line-height:30px;
color:#222222;
text-transform:uppercase;
font-weight:700;
margin-bottom:10px;
}
.shop-page .prod-tabs .reviews-container .rev-header .rating{
position:relative;
float:left;
margin-left:40px;
color:#ff0000;
line-height:30px;
font-size:14px;
margin-bottom:10px;
}
.shop-page .prod-tabs .reviews-container .rev-header .rating .fa{
margin-right:3px;
}
.shop-page .prod-tabs .reviews-container .rev-header .time{
position:relative;
float:right;
color:#000000;
line-height:30px;
font-size:14px;
}
.shop-page .prod-tabs .reviews-container .rev-option{
font-size:14px;
color:#9e9e9e;
}
.shop-page .prod-tabs .reviews-container .rev-option a{
font-size:14px;
text-transform:uppercase;
font-weight:700;
}
.shop-page .prod-tabs .reviews-container .rev-text{
font-size:14px;
color:#9e9e9e;
line-height:1.8em;
margin-bottom:15px;
}
/*Add Review*/
.shop-page .prod-tabs .add-review{
position:relative;
margin:30px 0px 20px;
font-size:14px;
}
.shop-page .prod-tabs .add-review h2{
color:#000000;
}
.shop-page .prod-tabs .add-review .rating{
position:relative;
padding-top:8px;
}
.shop-page .prod-tabs .add-review .rating .rate-box{
position:relative;
display:inline-block;
margin-right:10px;
font-size:14px;
color:#555555;
}
.shop-page .prod-tabs .add-review .rating .rate-box:hover,
.shop-page .prod-tabs .add-review .rating .rate-box:focus,
.shop-page .prod-tabs .add-review .rating .rate-box:active{
color:#ff0000;
}
.shop-page .prod-tabs .add-review label{
position:relative;
display:block;
font-size:14px;
margin-bottom:5px;
font-weight:400;
color:#303030;
}
.shop-page .prod-tabs .add-review h3{
margin-bottom:20px;
}
.shop-page .prod-tabs .add-review .form-group{
position:relative;
margin-bottom:20px;
}
.shop-page .prod-tabs .add-review .form-group input[type="text"],
.shop-page .prod-tabs .add-review .form-group input[type="password"],
.shop-page .prod-tabs .add-review .form-group input[type="tel"],
.shop-page .prod-tabs .add-review .form-group input[type="email"],
.shop-page .prod-tabs .add-review .form-group select{
position:relative;
display:block;
width:100%;
line-height:22px;
padding:9px 15px;
color:#222222;
border:1px solid #e0e0e0;
transition:all 300ms ease;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
}
.shop-page .prod-tabs .add-review .form-group textarea{
position:relative;
display:block;
width:100%;
line-height:22px;
padding:8px 15px;
color:#222222;
border:1px solid #e0e0e0;
height:150px;
resize:none;
transition:all 300ms ease;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
}
.shop-page .prod-tabs .add-review button{
padding:8px 35px;
}
/***
====================================================================
Cart Section style
====================================================================
***/
.cart-section{
position:relative;
z-index: 9;
background-color: #ffffff;
padding:100px 0px 120px;
}
.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;
border:1px solid #eeeeee;
}
.cart-section .cart-table tbody tr{
border-bottom:1px solid #eeeeee;
}
.cart-table .cart-header{
position:relative;
width:100%;
text-transform:uppercase;
font-size:16px;
border-radius:0px;
background:#ff0000;
color:#1f1f1f;
}
.cart-table thead tr th{
line-height:24px;
padding:20px 15px;
min-width:120px;
font-weight:700;
color:#ffffff;
font-size:16px;
text-transform:capitalize;
}
.cart-table thead tr th.prod-column{
text-align:left;
padding-left:40px;
}
.cart-table tbody tr td{
line-height:24px;
padding:40px 40px 40px;
min-width:100px;
}
.cart-table tbody tr .qty{
width:90px;
padding-right:40px;
padding-left:10px;
}
.cart-table tbody tr .qty .quantity-spinner{
background:#f5f5f5;
}
.cart-table tbody tr .prod-column .column-box{
position:relative;
min-height:100px;
padding-left:130px;
padding-top:40px;
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:100px;
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 h6{
color:#222222;
font-weight:500;
margin-bottom:5px;
}
.cart-table tbody tr .sub-total{
font-weight:400;
color:#222222;
font-size:18px;
padding-left:20px;
}
.cart-table tbody tr .remove-btn{
position:relative;
font-size:18px;
color:#ff0000;
display:inline-block;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
-moz-transition:all 500ms ease;
transition:all 500ms ease;
}
.cart-table tbody tr .remove-btn .fa{
position:relative;
top:2px;
font-size:10px;
line-height:14px;
width:14px;
height:14px;
margin-right:8px;
background:#f0f0f0;
color:#ffffff;
text-align:center;
overflow:hidden;
text-indent:100px;
}
.cart-table tbody tr .remove{
}
.cart-table tbody tr .remove-btn:hover{
}
.cart-table tbody tr .remove-btn:hover .fa{
text-indent:0px;
background:#fa9928;
}
.cart-table tbody tr td{
vertical-align:middle;
}
.cart-table tbody tr td.price{
font-size:18px;
font-weight:400;
color:#222222;
padding-left:10px;
}
.cart-table tbody tr td .quantity-spinner{
padding:5px 0px 5px 20px;
line-height:24px;
height:34px;
display:block;
width:100%;
position:relative;
}
.cart-table tbody .available-info{
position:relative;
padding-left:50px;
color: #727272;
font-size: 16px;
}
.cart-table tbody .available-info .icon{
position:absolute;
left:0px;
top:5px;
width:40px;
height:40px;
line-height:40px;
text-align:center;
font-size:18px;
color:#ffffff;
background:#3e4494;
border-radius:50%;
}
.cart-section .coupon-outer{
position:relative;
margin:40px 0px 50px;
}
.cart-section .coupon-outer .cart-btn{
font-size:14px;
padding:14px 43px;
font-weight:400;
cursor:pointer;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
-moz-transition:all 500ms ease;
transition:all 500ms ease;
}
.cart-section .apply-coupon{
position:relative;
}
.cart-section .apply-coupon .form-group{
position:relative;
float:left;
margin-right:20px;
}
.cart-section .apply-coupon .form-group .coupon-btn{
padding:11px 28px;
line-height:30px;
cursor:pointer;
}
.cart-section .apply-coupon .form-group input[type="text"]{
display:block;
line-height:26px;
padding:12px 0px;
border-bottom:2px solid #ff0000;
height:54px;
width:230px;
background:none;
font-size:14px;
}
.cart-section .estimate-form{
position:relative;
}
.cart-section .sec-title{
margin-bottom:25px;
}
.cart-section .sec-title h2{
font-size:26px;
color:#222222;
}
.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 .cart-note{
position:relative;
margin-bottom:50px;
padding:16px 20px;
text-align:center;
border:1px dashed #b2dd4c;
background:#f4f4f4;
line-height:1.7em;
}
.product-details .basic-details .item-quantity input[type="text"],
.cart-table tbody tr .qty input[type="text"]{
position:relative;
line-height:46px;
height:46px;
background:#f4f4f4;
}
.bootstrap-touchspin .input-group-btn-vertical > .btn{
height:24px;
background:#e9e9e9;
}
.bootstrap-touchspin .input-group-btn-vertical i{
left:6px;
top:6px;
}
.cart-total-box{
position:relative;
max-width:490px;
margin-bottom:40px;
padding:40px 40px 30px;
background-color:#f4f4f4;
}
.cart-total-box h4{
position:relative;
color:#222222;
font-weight:700;
line-height:1.4em;
margin-bottom:25px;
}
.totals-table{
position:relative;
}
.totals-table li{
position:relative;
color:#222222;
font-weight:500;
font-size:18px;
margin-bottom:8px;
}
.totals-table li .col{
float:right;width:auto;
}
.totals-table li .col-title{
font-weight:600;
float:left;
}
.totals-table li.total{
margin-top:25px;
padding-top:30px;
border-top:1px solid #cccccc;
}
.checkout-btn{
color:#ffffff;
font-size:14px;
font-weight:400;
padding:17px 43px 14px;
cursor: pointer;
background-color:#ff0000;
}
/*Check Out Page*/
.checkout-page{
position:relative;
z-index: 9;
background-color: #ffffff;
padding:100px 0px 80px;
}
.checkout-page .default-links{
position:relative;
margin-bottom:40px;
}
.checkout-page .default-links li{
margin-bottom:15px;
line-height:24px;
padding:18px 28px;
background:#f9f9f9;
color:#797979;
font-size:17px;
font-weight:600;
border:1px solid #ebebeb;
}
.checkout-page .default-links li a{
color:#ff0000;
text-decoration:underline;
}
.shop-form .billing-inner{
position:relative;
padding-right:100px;
}
.shop-form .sec-title h2{
font-size:24px;
}
.shop-form .form-group{
position:relative;
margin-bottom:20px;
}
.billing-details .shop-form .sec-title{
margin-bottom:20px;
}
.billing-details .shop-form .form-group.sec-title{
margin-bottom:10px;
padding-bottom:30px;
margin-top:20px;
}
.shop-form .form-group .field-label{
display:block;
line-height:24px;
margin-bottom:8px;
color:#797979;
font-size:15px;
font-weight:500;
text-transform:capitalize;
}
.shop-form .form-group .field-label sup{
position:relative;
top:0px;
color:#797979;
font-size:16px;
}
.shop-form input[type="text"],
.shop-form input[type="email"],
.shop-form input[type="password"],
.shop-form input[type="tel"],
.shop-form input[type="number"],
.shop-form input[type="url"],
.shop-form select,
.shop-form textarea{
position:relative;
display:block;
width:100%;
background:#ffffff;
line-height:16px;
padding:10px 15px;
height:50px;
border:1px solid #eeeeee;
transition:all 300ms ease;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
}
.shop-form input.address-two{
margin-top:12px;
}
.shop-form input::-webkit-input-placeholder,
.shop-form select::-webkit-input-placeholder,
.shop-form textarea-webkit-input-placeholder{
color:#c6c6c6;
}
.shop-form select{
-webkit-appearance:none;
-ms-appearance:none;
-moz-appearance:none;
-o-appearance:none;
background:#ffffff url(../images/icons/icon-select.png) right center no-repeat;
cursor:pointer;
}
.shop-form select option{
text-indent:15px;
}
.shop-form textarea{
resize:none;
height:100px !important;
overflow:hidden;
}
.shop-form input:focus,
.shop-form select:focus,
.shop-form textarea:focus{
border-color:#ff0000;
}
/* Shop Order Box */
.shop-order-box{
position:relative;
padding:20px 28px 50px;
border:1px solid #d9d9d9;
background-color:#fdfdfd;
}
.shop-order-box .order-list{
position:relative;
}
.shop-order-box .order-list li{
position:relative;
color:#797979;
font-size:15px;
font-weight:500;
margin-bottom:12px;
text-transform:uppercase;
}
.shop-order-box .order-list li span{
float:right;
width:35%;
text-align:left;
font-size:17px;
text-transform:capitalize;
}
.shop-order-box .order-list li span.dark{
color:#242424;
}
.shop-order-box .order-list li.total{
padding:8px 0px;
border-top:1px solid #e2e2e2;
border-bottom:1px solid #e2e2e2;
}
.payment-options{
position:relative;
margin-top:20px;
margin-bottom:20px;
}
.checkout-page .payment-options li{
position:relative;
margin-bottom:15px;
}
.checkout-page .payment-options li .radio-option{
position:relative;
}
.checkout-page .payment-options li .radio-option label{
position:relative;
display:block;
padding-left:30px;
font-weight:600 !important;
text-transform:capitalize;
letter-spacing:1px;
color:#797979;
cursor:pointer;
font-size:15px;
}
.checkout-page .payment-options li .radio-option label strong{
font-weight:500;
display: inline-block;
color:#797979;
font-size:15px;
}
.checkout-page .payment-options li .radio-option input[type="radio"]{
position:absolute;
left:0px;
top:3px;
}
.checkout-page .payment-options li .radio-option #payment-3{
top:9px;
}
.checkout-page .payment-options li .what-paypall{
font-size:13px;
font-weight:500;
margin-left:15px;
color:#4349d9;
}
.checkout-page .payment-options li .radio-option label .small-text{
position:relative;
display:none;
padding:18px 26px;
letter-spacing:0px;
text-transform:none;
font-weight:normal;
font-size:15px;
color:#8e8d8d;
border-radius:4px;
line-height:20px;
line-height:1.8em;
margin-top:20px;
margin-left:-30px;
background-color:#ececec;
}
.checkout-page .payment-options li .radio-option label .small-text:before{
position:absolute;
content:'';
left:24px;
top:-10px;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 15px solid #ececec;
}
.checkout-page .payment-options li .radio-option input[type="radio"]:checked + label .small-text{
display: block;
}
.checkout-page .payment-options li .radio-option label img{
position:relative;
top:-3px;
display:inline-block;
max-width:100%;
padding-left:30px;
}
.checkout-page .payment-options li .radio-option label img{
position:relative;
display:inline-block;
max-width:100%;
padding-left:30px;
}
/***
====================================================================
Login / Register Section
====================================================================
***/
.register-section{
position:relative;
z-index: 9;
background-color: #ffffff;
padding:60px 0px 40px;
}
.register-section .form-column{
margin-bottom:40px;
}
.register-section .form-column .sec-title{
position:relative;
margin-bottom:30px;
}
.register-section .form-column .sec-title h2{
}
.styled-form{
position:relative;
}
.styled-form .submit-text{
font-size:15px;
color:#9e9e9e;
font-weight:400;
margin-top:10px;
}
.styled-form .form-group{
position:relative;
margin-bottom:30px;
font-size:14px;
color:#848484;
}
.checkout-section .styled-form .form-group{
position:relative;
margin-bottom:20px;
}
.styled-form .form-group .check-box{
line-height:24px;
font-size:15px;
font-weight:normal;
padding-top:5px;
color:#272727;
}
.styled-form .form-group .check-box label{
position:relative;
top:-1px;
font-weight:normal;
padding:0px;
font-size:15px;
cursor:pointer;
}
.styled-form .pull-left label,
.styled-form .pull-right label{
cursor:pointer;
}
.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;
text-transform:capitalize;
font-size:16px;
margin-bottom:7px;
font-weight:400;
}
.styled-form input[type="text"],
.styled-form input[type="email"],
.styled-form input[type="password"],
.styled-form input[type="tel"],
.styled-form input[type="number"],
.styled-form input[type="url"],
.styled-form select,
.styled-form textarea{
position:relative;
display:block;
width:100%;
background:#ffffff;
line-height:30px;
padding:8px 20px;
height:50px;
border:1px solid #f4f4f4;
transition:all 300ms ease;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
}
.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:#ff0000;
}
.styled-form .form-group .theme-btn{
min-width:150px;
text-align:center;
padding:11px 34px;
border-radius:0px;
cursor: pointer;
background:none;
}
.styled-form .remember-me{
position:relative;
color:#222222;
font-size:16px;
font-weight:500;
}
.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 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-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;
}
/***
====================================================================
Mobile Menu
====================================================================
***/
.nav-outer .mobile-nav-toggler{
position: relative;
float: right;
font-size: 36px;
line-height: 50px;
cursor: pointer;
color:#ffffff;
display: none;
}
.mobile-menu{
position: fixed;
right: 0;
top: 0;
width: 300px;
padding-right:30px;
max-width:100%;
height: 100%;
opacity: 0;
visibility: hidden;
z-index: 999999;
}
.mobile-menu .nav-logo{
position:relative;
padding:20px 20px;
text-align:left;
}
.mobile-menu .nav-logo img{
max-width:200px;
}
.mobile-menu-visible{
overflow: hidden;
}
.mobile-menu-visible .mobile-menu{
opacity: 1;
visibility: visible;
}
.mobile-menu .menu-backdrop{
position: fixed;
right: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 1;
background: rgba(0,0,0,0.90);
-webkit-transform: translateX(101%);
-ms-transform: translateX(101%);
transform: translateX(101%);
}
.mobile-menu-visible .mobile-menu .menu-backdrop{
opacity: 1;
visibility: visible;
-webkit-transition:all 0.7s ease;
-moz-transition:all 0.7s ease;
-ms-transition:all 0.7s ease;
-o-transition:all 0.7s ease;
transition:all 0.7s ease;
-webkit-transform: translateX(0%);
-ms-transform: translateX(0%);
transform: translateX(0%);
}
.mobile-menu .menu-box{
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
max-height: 100%;
overflow-y: auto;
background: #222222;
padding: 0px 0px;
z-index: 5;
opacity: 0;
visibility: hidden;
border-radius: 0px;
-webkit-transform: translateX(101%);
-ms-transform: translateX(101%);
transform: translateX(101%);
}
.mobile-menu-visible .mobile-menu .menu-box{
opacity: 1;
visibility: visible;
-webkit-transition:all 0.7s ease 500ms;
-moz-transition:all 0.7s ease 500ms;
-ms-transition:all 0.7s ease 500ms;
-o-transition:all 0.7s ease 500ms;
transition:all 0.7s ease 500ms;
-webkit-transform: translateX(0%);
-ms-transform: translateX(0%);
transform: translateX(0%);
}
.mobile-menu .close-btn{
position: absolute;
right: 15px;
top: 20px;
line-height: 40px;
height: 40px;
width: 40px;
text-align: center;
font-size: 14px;
color: #202020;
font-weight:700;
cursor: pointer;
z-index: 10;
border-radius: 50%;
border: 1px solid #eee;
background: #f9f9f9;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
-webkit-transform: translateY(-50px);
-ms-transform: translateY(-50px);
transform: translateY(-50px);
}
.mobile-menu-visible .mobile-menu .close-btn{
-webkit-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px);
}
.mobile-menu .close-btn:hover{
opacity: 0.50;
}
.mobile-menu .navigation{
position: relative;
display: block;
width:100%;
border-top: 1px solid rgba(0,0,0,0.10);
background-color: #222;
}
.mobile-menu .navigation li{
position: relative;
display: block;
border-bottom: 1px solid rgba(255,255,255,0.9);
}
.mobile-menu .navigation li > ul > li:last-child{
border-bottom: none;
}
.mobile-menu .navigation li > ul > li:first-child{
border-top: 1px solid rgba(255,255,255,0.9);
}
.mobile-menu .navigation li > a{
position: relative;
display: block;
line-height: 24px;
padding: 10px 20px;
font-size: 15px;
color: #ffffff;
text-transform: capitalize;
}
.mobile-menu .navigation li:hover > a,
.mobile-menu .navigation li.current > a{
color:#ffffff;
}
.mobile-menu .navigation li.dropdown .dropdown-btn{
position: absolute;
right: 15px;
top: 6px;
width: 32px;
height: 32px;
text-align: center;
font-size: 16px;
line-height: 32px;
color: #ffffff;
background: rgba(255, 255, 255, 0.10);
cursor: pointer;
border-radius: 2px;
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
z-index: 5;
}
.mobile-menu .navigation li.dropdown .dropdown-btn.open {
color: #ffffff;
background: rgba(255, 255, 255, 0.10);
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
.mobile-menu .navigation li > ul,
.mobile-menu .navigation li > ul > li > ul{
display: none;
}
.sticky-header .navbar-header{
display:none;
}
/***
====================================================================
Search Popup
====================================================================
***/
.search-popup{
position: fixed;
left: 0;
top: 0;
height: 100vh;
width: 100%;
z-index: 99999;
margin-top: -540px;
transform: translateY(-100%);
background-color: rgba(0,0,0,0.90);
-webkit-transition: all 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
-moz-transition: all 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
-o-transition: all 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
transition: all 1500ms cubic-bezier(0.860, 0.000, 0.070, 1.000); /* easeInOutQuint */
-webkit-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
-moz-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
-o-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000); /* easeInOutQuint */
}
.sidenav-bar-visible .search-popup{
width: 80%;
}
.search-popup:before{
position: absolute;
left: 0;
top: 100%;
width: 100%;
height: 560px;
background-image: url(../images/icons/waves-shape.png);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
margin-top: 0px;
content: "";
}
.search-active .search-popup{
transform: translateY(0%);
margin-top: 0;
}
.search-popup .close-search{
position: absolute;
left: 0;
right: 0;
top: 75%;
margin: 0 auto;
margin-top: -200px;
border-radius: 50%;
text-align: center;
background-color: #ff0000;
width: 70px;
cursor:pointer;
box-shadow: 0 0 10px rgba(0,0,0,0.05);
border-bottom: 3px solid #ffffff;
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
opacity: 0;
visibility: hidden;
}
.search-popup .close-search span{
position: relative;
display: block;
height: 70px;
width: 70px;
font-size: 30px;
line-height: 70px;
color: #ffffff;
}
.search-active .search-popup .close-search{
visibility: visible;
opacity: 1;
top: 50%;
-webkit-transition-delay: 1500ms;
-moz-transition-delay: 1500ms;
-ms-transition-delay: 1500ms;
-o-transition-delay: 1500ms;
transition-delay: 1500ms;
}
.search-popup form{
position: absolute;
max-width: 700px;
top: 50%;
left: 15px;
right: 15px;
margin:-35px auto 0;
transform: scaleX(0);
transform-origin: center;
background-color: #111111;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.search-active .search-popup form{
transform: scaleX(1);
-webkit-transition-delay: 1200ms;
-moz-transition-delay: 1200ms;
-ms-transition-delay: 1200ms;
-o-transition-delay: 1200ms;
transition-delay: 1200ms;
}
.search-popup .form-group{
position:relative;
margin:0px;
overflow: hidden;
}
.search-popup .form-group input[type="text"],
.search-popup .form-group input[type="search"]{
position:relative;
display:block;
font-size:18px;
line-height: 50px;
color:#000000;
height:70px;
width:100%;
padding: 10px 30px;
background-color: #ffffff;
-webkit-transition:all 500ms ease;
-moz-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
transition:all 500ms ease;
font-weight:500;
text-transform:capitalize;
}
.search-popup .form-group input[type="submit"],
.search-popup .form-group button{
position:absolute;
right:30px;
top:0px;
height:70px;
line-height: 70px;
background: transparent;
text-align:center;
font-size:24px;
color:#000000;
padding: 0;
cursor:pointer;
-webkit-transition:all 500ms ease;
-moz-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
transition:all 500ms ease;
}
.search-popup .form-group input[type="submit"]:hover,
.search-popup .form-group button:hover{
color: #000000;
}
.search-popup input::placeholder,
.search-popup textarea::placeholder{
color:#000000;
}
.search-popup .close-search.style-two{
position: absolute;
right: 25px;
left: auto;
color:#ffffff;
width:auto;
height:auto;
top:25px;
margin:0px;
border:none;
background:none !important;
box-shadow:none !important;
-webkit-transition:all 500ms ease;
-moz-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
transition:all 500ms ease;
}
.search-popup .close-search.style-two span{
font-size:20px;
color:#ffffff;
}
.main-header .sticky-header .outer-box{
margin-left:20px;
padding:20px 0px;
}
.main-header .sticky-header .outer-box .cart-box,
.main-header .sticky-header .outer-box .cart-box .cart-box-btn,
.main-header .sticky-header .outer-box .cart-box .cart-box-btn:hover{
color:#000000;
}
.main-header .sticky-header .outer-box .cart-box .cart-box-btn .total-cart{
background-color:#ff0000;
}
.main-header .sticky-header .search-box-btn{
color:#000000;
}
.color-palate h5{
position:relative;
color:#000000;
font-weight:600;
}
.color-palate .option-box{
padding-bottom:10px;
}
.color-palate .option-box > li{
position: relative;
color:#ffffff;
width: 40%;
margin:0px 3px;
cursor: pointer;
margin-bottom: 9px;
padding:6px 12px;
display: inline-block;
background-color: #ff0000;
text-transform:capitalize;
}
/***
====================================================================
Hidden Sidebar style
====================================================================
***/
/* Sidebar Info Contents */
.sidebar-info-contents{
position:relative;
}
.sidebar-info-contents .content-inner{
position:relative;
}
.sidebar-info-contents .content-inner .logo {
padding:0px 0px 10px;
}
.sidebar-info-contents .content-inner .logo img{
display:inline-block;
max-width:100%;
}
.sidebar-info-contents .content-inner .content-box{
position:relative;
}
.sidebar-info-contents .content-inner .content-box h2{
position:relative;
font-size:20px;
color:#ffffff;
font-weight:500;
margin-bottom:20px;
}
.sidebar-info-contents .content-inner .content-box .text{
position:relative;
font-size:14px;
color:rgba(255,255,255,0.90);
margin-bottom:25px;
}
.sidebar-info-contents .content-inner .content-box .theme-btn:hover{
color:#ffffff;
}
.sidebar-info-contents .content-inner .contact-info{
position:relative;
margin-top:30px;
}
.sidebar-info-contents .content-inner .contact-info h2{
position:relative;
font-size:20px;
color:#ffffff;
font-weight:500;
margin-bottom:20px;
}
.sidebar-info-contents .content-inner .social-box{
position:relative;
margin-top:20px;
margin-bottom:30px;
}
.sidebar-info-contents .content-inner .social-box li{
position:relative;
display:inline-block;
margin-right:6px;
transition: all 900ms ease;
-moz-transition: all 900ms ease;
-webkit-transition: all 900ms ease;
-ms-transition: all 900ms ease;
-o-transition: all 900ms ease;
}
.sidebar-info-contents .content-inner .social-box li a{
position:relative;
width:36px;
height:36px;
color:#222222;
z-index:1;
font-size:13px;
line-height:36px;
text-align:center;
border-radius:50%;
display:inline-block;
background-color:#ffffff;
}
.close-side-widget,
.close-side-widget:hover{
color:#ffffff;
font-size:24px;
}
.main-header .header-upper .outer-box .nav-btn{
position:relative;
float:right;
font-size:28px;
color:#ffffff;
cursor:pointer;
margin-top:16px;
}
.sticky-header .outer-box .cart-box{
margin-top:9px;
}
.sticky-header .outer-box .nav-btn{
position:relative;
float:right;
font-size:28px;
color:#000000;
cursor:pointer;
margin-top:9px;
}
/***
====================================================================
Scroll To Top style
====================================================================
***/
.scroll-to-toped{
position:fixed;
bottom:15px;
right:15px;
width:40px;
height:40px;
color:#ffffff;
font-size:13px;
text-transform:uppercase;
line-height:38px;
text-align:center;
z-index:100;
cursor:pointer;
background:#222222;
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-toped:hover{
color:#ffffff;
background:#000000;
}
/***
====================================================================
Main Slider Four
====================================================================
***/
.main-slider{
position:relative;
z-index:10;
direction :ltr
}
.main-slider .rev_slider li.tp-revslider-slidesli{
background-position:left bottom;
}
.main-slider .tp-caption{
z-index:5 !important;
}
.main-slider .tp-dottedoverlay{
background:none !important;
}
.main-slider .border-curve{
position:relative;
left:0px;
top:0px;
width:200px;
height:400px;
background:url(../images/main-slider/border-curve.png) no-repeat;
}
.main-slider .title{
position: relative;
color: #ffffff;
font-weight: 400;
font-size: 24px;
line-height: 1.4em;
margin-bottom: 30px;
text-transform:uppercase;
font-family: 'Roboto', sans-serif;
}
.main-slider h1{
position: relative;
color: #ffffff;
font-weight: 700;
font-size: 84px;
line-height: 1.2em;
margin-bottom: 30px;
font-family: 'Montserrat', sans-serif;
}
.main-slider .text{
position: relative;
color: #ffffff;
font-size: 30px;
line-height: 1.8em;
margin-bottom: 40px;
font-weight: 400;
font-family: 'Roboto', sans-serif;
}
.main-slider .tp-bannertimer,
.main-slider .tp-bullets{
display:none !important;
}
.main-slider .metis.tparrows{
background-color:rgba(255,0,0,0.10);
}
.main-slider .metis.tparrows:before{
color:#ffffff;
}
.main-slider .metis.tparrows:hover{
background-color:#ffffff;
}
.main-slider .metis.tparrows:hover::before{
color:#000000 !important;
}
.main-slider .social-box{
position:absolute;
right:120px;
bottom:0px;
padding:18px 35px;
background-color:rgba(0,0,0,0.50);
}
.main-slider .social-box .share{
position:relative;
color:#ffffff;
}
.main-slider .social-box li{
position:relative;
color:#ffffff;
margin-right:18px;
display:inline-block;
}
.main-slider .social-box li a{
position:relative;
color:#ffffff;
font-size:16px;
-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-slider .social-box li:last-child{
margin-right:0px;
}
.main-slider .social-box li a:hover{
color:#ff0000;
}
/***
====================================================================
Services Section
====================================================================
***/
.services-section{
position:relative;
background-color:#eeeeee;
}
.services-section .side-text{
position: absolute;
left: 5px;
bottom: 0px;
opacity: 0.20;
font-size: 170px;
color: transparent;
font-weight:700;
transform: rotate(-90deg);
-webkit-text-stroke-width: 1px;
-webkit-text-stroke-color: #ffffff;
text-transform: uppercase;
transform-origin: 7% 20%;
}
.services-section:before{
position:absolute;
content:'';
left:0%;
top:0px;
width:35%;
height:100%;
background-color:#000000;
}
.services-section:after{
position:absolute;
content:'';
right:0%;
top:0px;
width:35%;
height:100%;
background-color:#ff0000;
}
.service-block{
position:relative;
z-index:1;
}
.service-block .inner-box{
position:relative;
text-align:center;
padding:80px 0px 80px;
}
.service-block .inner-box .icon-box{
position:relative;
font-size:70px;
line-height:1em;
color:#ffffff;
transition: all 600ms ease;
-moz-transition: all 600ms ease;
-webkit-transition: all 600ms ease;
-ms-transition: all 600ms ease;
-o-transition: all 600ms ease;
}
.service-block .inner-box:hover .icon-box{
-webkit-transform: scale(-1) rotate(180deg);
-moz-transform: scale(-1) rotate(180deg);
-ms-transform: scale(-1) rotate(180deg);
-o-transform: scale(-1) rotate(180deg);
transform: scale(-1) rotate(180deg);
}
.service-block .inner-box h4{
position:relative;
line-height:1.3em;
font-weight:700;
margin-top:24px;
margin-bottom:15px;
text-transform:uppercase;
}
.service-block .inner-box h4 a{
position:relative;
color:#ffffff;
}
.service-block .inner-box .text{
position:relative;
color:#ffffff;
font-size:16px;
line-height:1.8em;
padding:0px 50px;
font-family: 'Roboto', sans-serif;
}
.service-block .inner-box .big-icon{
position:absolute;
right:0px;
bottom:0px;
font-size:150px;
line-height:1em;
color:#ffffff;
opacity:0.1;
}
.service-block.style-two .inner-box .icon-box,
.service-block.style-two .inner-box .text{
color:#222222;
}
.service-block.style-two .inner-box h4 a{
color:#ff0000;
}
.service-block.style-two .inner-box .big-icon,
.service-block.style-three .inner-box .big-icon{
color:#222222;
opacity:0.1;
}
/***
====================================================================
About Section
====================================================================
***/
.about-section{
position:relative;
padding-top:125px;
}
.about-section.style-two{
padding-bottom:60px;
}
.about-section .content-column{
position:relative;
}
.about-section .content-column .inner-column{
position:relative;
}
.about-section .content-column .red-text{
position:relative;
color:#ff0000;
font-size:18px;
line-height:1.7em;
font-weight:700;
margin-bottom:20px;
}
.about-section .content-column .text{
position:relative;
color:#555555;
font-size:16px;
line-height:1.8em;
font-weight:400;
margin-bottom:35px;
font-family: 'Roboto', sans-serif;
}
.about-section .content-column .sec-title{
margin-bottom:15px;
}
.featured-block{
position:relative;
margin-bottom:40px;
}
.featured-block .block-inner{
position:relative;
padding-top:4px;
padding-left:100px;
}
.featured-block .icon{
position:absolute;
left:0px;
top:0px;
color:#222222;
font-size:60px;
line-height:1em;
transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
}
.featured-block .block-inner:hover .icon{
transform:rotateY(180deg);
}
.featured-block .icon:after{
position:absolute;
content:'';
right:6px;
top:5px;
width:14px;
height:14px;
opacity:0.9;
border-radius:50px;
background-color:#ff0000;
}
.featured-block strong{
position:relative;
color:#222222;
font-size:20px;
font-weight:700;
}
.featured-block .feature-text{
position:relative;
color:#555555;
font-size:16px;
font-weight:400;
line-height:1.7em;
margin-top:3px;
font-family: 'Roboto', sans-serif;
}
.about-section .image-column{
position:relative;
}
.about-section .image-column .inner-column{
position:relative;
}
.about-section .image-column .inner-column .award{
position:absolute;
left:0px;
bottom:120px;
}
/***
====================================================================
Team Section
====================================================================
***/
.team-section{
position:relative;
overflow:hidden;
padding:90px 0px 90px;
background: #222429 url(../images/background/pa-1.png) center top repeat;
}
.team-section .side-text{
position: absolute;
right: 5px;
bottom: 0px;
opacity: 0.20;
font-size: 170px;
color: transparent;
font-weight:700;
transform: rotate(-90deg);
-webkit-text-stroke-width: 1px;
-webkit-text-stroke-color: #ffffff;
text-transform: uppercase;
transform-origin: 42% -1680%;
}
.team-block{
position:relative;
margin-bottom:30px;
}
.team-block .inner-box{
position:relative;
padding-left:40px;
}
.team-block .inner-box .image{
position:relative;
overflow:hidden;
background-color:#000000;
}
.team-block .inner-box .image img{
position:relative;
width:100%;
display:block;
transition: all 600ms ease;
-moz-transition: all 600ms ease;
-webkit-transition: all 600ms ease;
-ms-transition: all 600ms ease;
-o-transition: all 600ms ease;
}
.team-block .inner-box:hover .image img{
opacity:0.5;
transform:scale(1.04,1.04);
}
.team-block .inner-box .content{
position:absolute;
left:0px;
bottom:22px;
padding:15px 30px;
display:inline-block;
background-color:#ffffff;
box-shadow:0px 0px 15px rgba(0,0,0,0.12);
}
.team-block .inner-box .content:before{
position:absolute;
content:'';
left:-2px;
top:8px;
bottom:8px;
width:2px;
background-color:#ff0000;
}
.team-block .inner-box .content .title{
position:relative;
color:#555555;
font-size:14px;
font-weight:400;
margin-bottom:5px;
font-family: 'Roboto', sans-serif;
}
.team-block .inner-box .content .name{
position:relative;
color:#222222;
font-size:20px;
font-weight:700;
text-transform:capitalize;
}
.team-block .inner-box .shared-boxed{
position: absolute;
right:25px;
bottom:25px;
z-index:10;
display:inline-block;
transition: all 900ms ease;
-moz-transition: all 900ms ease;
-webkit-transition: all 900ms ease;
-ms-transition: all 900ms ease;
-o-transition: all 900ms ease;
}
.team-block .inner-box .shared-boxed:hover .shared-inner{
height:100%;
padding-bottom:45px;
}
.team-block .inner-box .shared-boxed .shared-inner{
position:relative;
color: #ffffff;
font-size: 16px;
padding:8px 6px 8px;
overflow:hidden;
width:40px;
height:40px;
background-color:#222222;
transition: all 600ms ease;
-moz-transition: all 600ms ease;
-webkit-transition: all 600ms ease;
-ms-transition: all 600ms ease;
-o-transition: all 600ms ease;
}
.team-block .inner-box .shared-boxed .shared-inner a{
position:relative;
color:#ffffff;
margin:5px 8px 3px;
font-size:16px;
display:block;
opacity:0;
visibility:hidden;
transition: all 600ms ease;
-moz-transition: all 600ms ease;
-webkit-transition: all 600ms ease;
-ms-transition: all 600ms ease;
-o-transition: all 600ms ease;
}
.team-block .inner-box .shared-boxed:hover .shared-inner a{
opacity:1;
visibility:visible;
}
.team-block .inner-box .shared-boxed .shared-inner .share-now{
position:absolute;
left:0px;
bottom:0px;
width:40px;
height:40px;
line-height:40px;
margin-bottom:0px;
text-align:center;
}
/***
====================================================================
Testimonial Thumbs Section
====================================================================
***/
.testimonials-thumbs-carousel{
position:relative;
overflow:hidden;
padding:150px 0px 205px;
}
.testimonials-thumbs-carousel .carousel-indicators{
position:relative;
display:block;
max-width:100%;
margin:0px;
height:505px;
background-position: right top;
}
.testimonials-thumbs-carousel .carousel-indicators li{
position: absolute;
width: 270px;
height: 300px;
text-align: center;
color: #202020;
border-radius:0px;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
}
.testimonials-thumbs-carousel .carousel-indicators li:nth-child(1){
left: 0px;
top: 110px;
}
.testimonials-thumbs-carousel .carousel-indicators li:nth-child(2){
left: 190px;
top: -20px;
}
.testimonials-thumbs-carousel .carousel-indicators li:nth-child(3){
z-index:-1;
left: 120px;
bottom: -100px;
}
.testimonials-thumbs-carousel .carousel-indicators li:nth-child(4){
left: 340px;
bottom: 20px;
}
.testimonials-thumbs-carousel .carousel-thumbnails .carousel-indicators img{
width: 100%;
overflow: hidden;
display: block;
-webkit-filter: grayscale(100%);
filter: grayscale(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;
}
.testimonials-thumbs-carousel .carousel-thumbnails .carousel-indicators li .image:before{
position:absolute;
content:'';
left:-20px;
bottom:-20px;
width:82px;
height:82px;
opacity:0;
border-left:2px solid #ff0000;
border-bottom:2px solid #ff0000;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
}
.testimonials-thumbs-carousel .carousel-thumbnails .carousel-indicators li.active .image:before{
opacity:1;
}
.testimonials-thumbs-carousel .carousel-thumbnails .carousel-indicators li.active{
z-index:1;
}
.testimonials-thumbs-carousel .carousel-thumbnails .carousel-indicators li:hover .image img,
.testimonials-thumbs-carousel .carousel-thumbnails .carousel-indicators li.active .image img{
-webkit-filter: grayscale(0%);
filter: grayscale(0%);
}
.testimonials-thumbs-carousel .carousel-thumbnails .carousel-indicators li .image{
position:relative;
}
.testimonials-thumbs-carousel .carousel-column{
}
.testimonial-block{
position:relative;
}
.testimonial-block .inner-box{
position:relative;
}
.testimonial-block .inner-box .title{
position:relative;
color:#555555;
font-size:16px;
line-height:20px;
font-weight:500;
}
.testimonial-block .inner-box h4{
position:relative;
color:#222222;
line-height:20px;
margin-top:15px;
display:block;
font-weight:700;
}
.testimonial-block .inner-box .quote-icon{
position:absolute;
right:10px;
top:0px;
color:#dddddd;
line-height:1em;
font-size:145px;
}
.testimonial-block .inner-box .rating{
position:relative;
margin-top:20px;
margin-bottom:15px;
}
.testimonial-block .inner-box .rating .fa{
position:relative;
color:#ff0000;
font-size:16px;
}
.testimonial-block .inner-box .text{
position:relative;
line-height:1.8em;
color:#555555;
font-size:16px;
padding-right:60px;
}
.testimonials-thumbs-carousel .carousel-control-prev{
position:absolute;
width:auto;
left:0px;
top:auto;
left:auto;
bottom:0px;
font-size:18px;
color:#777777;
opacity:1;
font-weight:700;
display:inline-block;
margin:0px 15px 0px 0px;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.testimonials-thumbs-carousel .carousel-control-prev:before{
position:absolute;
content: "\f104";
left:0px;
top:0px;
font-family: 'FontAwesome';
}
.testimonials-thumbs-carousel .carousel-control-next{
position:absolute;
width:auto;
left:45px;
top:auto;
bottom:0px;
font-size:18px;
color:#777777;
opacity:1;
font-weight:700;
display:inline-block;
margin:0px 15px 0px 0px;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.testimonials-thumbs-carousel .carousel-control-next:before{
position:absolute;
content: "\f105";
left:0px;
top:0px;
font-family: 'FontAwesome';
}
.testimonials-thumbs-carousel .carousel-control-prev span,
.testimonials-thumbs-carousel .carousel-control-next span{
background:none;
}
.testimonials-thumbs-carousel .carousel-control-prev:hover,
.testimonials-thumbs-carousel .carousel-control-next:hover{
color:#222222;
}
/***
====================================================================
Video Section
====================================================================
***/
.video-section{
position:relative;
overflow:hidden;
padding-bottom:65px;
}
.video-section .side-text{
position: absolute;
left: 5px;
bottom: 0px;
font-size: 120px;
color: transparent;
font-weight: 700;
transform: rotate(-90deg);
-webkit-text-stroke-width: 1px;
-webkit-text-stroke-color: #e1e1e1;
text-transform: uppercase;
transform-origin: 7% 20%;
}
.video-section .outer-container{
position:relative;
padding-left:350px;
}
.video-section .outer-container .inner-container{
position:relative;
}
.video-section .outer-container .inner-container:before{
position:absolute;
content:'';
left:-150px;
top:130px;
width:180%;
bottom:-60px;
background:url(../images/background/pattern-1.jpg) no-repeat;
}
.video-box{
position:relative;
}
.video-box .video-image{
position:relative;
margin:28px 0px 0px;
}
.video-box .video-image img{
position:relative;
width:100%;
z-index:3;
border-radius:8px;
}
.video-box .overlay-box{
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
text-align:center;
overflow:hidden;
line-height: 45px;
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;
}
.video-box .overlay-box:before{
position:absolute;
content:'';
left:0px;
top:0px;
right:0px;
bottom:0px;
z-index:10;
background-color:rgba(0,0,0,0.50);
}
.video-box .overlay-box span{
position: absolute;
width:110px;
height: 110px;
left:50%;
top: 50%;
z-index:10;
color: #ff0000;
font-weight:400;
font-size:26px;
text-align: center;
border-radius:50%;
padding-left:4px;
display: inline-block;
margin-top: -55px;
margin-left:-55px;
line-height:110px;
transition: all 900ms ease;
-moz-transition: all 900ms ease;
-webkit-transition: all 900ms ease;
-ms-transition: all 900ms ease;
-o-transition: all 900ms ease;
background-color:#ffffff;
}
.video-box .ripple,
.video-box .ripple:before,
.video-box .ripple:after {
position: absolute;
top: 50%;
left: 50%;
width:110px;
height: 110px;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
-moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
-ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
-o-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
-webkit-animation: ripple 3s infinite;
-moz-animation: ripple 3s infinite;
-ms-animation: ripple 3s infinite;
-o-animation: ripple 3s infinite;
animation: ripple 3s infinite;
}
.video-box .ripple:before {
-webkit-animation-delay: .9s;
-moz-animation-delay: .9s;
-ms-animation-delay: .9s;
-o-animation-delay: .9s;
animation-delay: .9s;
content: "";
position: absolute;
}
.video-box .ripple:after {
-webkit-animation-delay: .6s;
-moz-animation-delay: .6s;
-ms-animation-delay: .6s;
-o-animation-delay: .6s;
animation-delay: .6s;
content: "";
position: absolute;
}
@-webkit-keyframes ripple {
70% {box-shadow: 0 0 0 70px rgba(253, 167, 0, 0);}
100% {box-shadow: 0 0 0 0 rgba(253, 167, 0, 0);}
}
@keyframes ripple {
70% {box-shadow: 0 0 0 70px rgba(253, 167, 0, 0);}
100% {box-shadow: 0 0 0 0 rgba(253, 167, 0, 0);}
}
.video-box.style-two .overlay-box span{
width:60px;
height:60px;
font-size:20px;
line-height:60px;
margin-left:-30px;
margin-top:-30px;
}
.video-box.style-two .ripple,
.video-box.style-two .ripple:before,
.video-box.style-two .ripple:after{
width:60px;
height:60px;
}
/***
====================================================================
Calculate Section
====================================================================
***/
.calculate-section{
position:relative;
padding:150px 0px 100px;
}
.calculate-section .form-column{
position:relative;
}
.calculate-section .form-column .inner-column{
position:relative;
}
.calculate-section .form-column .sec-title{
margin-bottom:40px;
}
.default-form{
position:relative;
max-width:970px;
margin:0 auto;
}
.default-form .form-group{
position:relative;
margin-bottom:20px;
}
.default-form .form-group input[type="text"],
.default-form .form-group input[type="tel"],
.default-form .form-group input[type="email"],
.default-form .form-group select{
position:relative;
display:block;
width:100%;
line-height:28px;
padding:10px 25px;
color:#222222;
height:60px;
font-size:14px;
background:none;
font-weight:400;
border-radius:0px;
border:1px solid #b3b3b3;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
font-family: 'Roboto', sans-serif;
}
.default-form .form-group input[type="text"]:focus,
.default-form .form-group input[type="tel"]:focus,
.default-form .form-group input[type="email"]:focus,
.default-form .form-group textarea:focus{
border-color:#222222;
}
.default-form .form-group textarea{
position:relative;
display:block;
width:100%;
line-height:22px;
padding:15px 25px;
color:#222222;
height:150px;
resize:none;
font-size:14px;
background:none;
font-weight:500;
border-radius:0px;
border:1px solid #b3b3b3;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
font-family: 'Roboto', sans-serif;
}
.default-form button{
cursor:pointer;
background:none;
}
.default-form.style-two .btn-three-outer{
padding-bottom:9px;
}
.default-form.style-two .form-group input,
.default-form.style-two .form-group textarea{
background-color:#f5f5f5;
}
.default-form.style-three .form-group input,
.default-form.style-three .form-group textarea{
background-color:#252525;
border:none;
color:#ffffff;
font-weight: bold;
}
.default-form.style-three input::placeholder,
.default-form.style-three textarea::placeholder{
color:#ffffff;
}
.default-form.style-three .form-group .ui-selectmenu-button.ui-button{
background-color:#252525;
border:none;
color:#ffffff;
}
/*Custom Select*/
.form-group .ui-selectmenu-button.ui-button{
width:100%;
font-size:14px;
font-style:normal;
height:60px;
padding:10px 20px 10px 20px;
line-height:40px;
color:#777777;
border: none;
border-radius:0px;
background:#ffffff;
border:1px solid #b3b3b3;
font-family: 'Roboto', sans-serif;
}
.form-group .ui-button .ui-icon{
background:none;
position:relative;
top:7px;
text-indent:0px;
color:#333333;
}
.form-group .ui-button .ui-icon:before{
font-family: 'FontAwesome';
content: "\f107";
position:absolute;
right:0px;
top:2px !important;
top:13px;
width:10px;
height:20px;
display:block;
color:#999999;
line-height:20px;
font-size:16px;
font-weight:normal;
text-align:center;
z-index:5;
font-weight:800;
}
.ui-widget.ui-widget-content{
}
.ui-menu .ui-menu-item{
font-size:14px;
}
.ui-menu .ui-menu-item:last-child{
border:none;
}
.ui-state-active, .ui-widget-content .ui-state-active{
background:#ff0000;
border-color:#ff0000;
}
.ui-menu .ui-menu-item-wrapper{
position:relative;
display:block;
padding:8px 20px;
font-size:14px;
line-height:24px;
}
.ui-menu-item:hover{
background-color:#ff0000;
}
.calculate-section .info-column{
position:relative;
}
.calculate-section .info-column .inner-column{
position:relative;
padding-left:100px;
}
.calculate-section .info-column .table-outer{
position:relative;
float:left;
max-width:100%;
width:100%;
margin-top:50px;
}
.calculate-section .info-column .table-outer .table-boxed{
position:relative;
}
.calculate-section .info-column .table-outer .table-boxed{
position:relative;
}
.calculate-section .info-column .table-outer .table-boxed .table-content{
position:relative;
}
.calculate-section .info-column .table-outer .table-boxed .table-content .title{
}
.calculate-section .info-column .table-outer .table-boxed .table-content .title .col{
position:relative;
font-weight:700;
color:#ffffff;
font-size:18px;
width:45%;
float:left;
padding:15px 15px;
text-transform:uppercase;
font-family: 'Montserrat', sans-serif;
text-align: center;
background-color: #222222;
}
.calculate-section .info-column .table-outer .table-boxed .table-content .title .col:last-child{
width:55%;
right: -1px;
}
.calculate-section .info-column .table-outer .table-boxed ul{
position:relative;
border: 1px solid #b3b3b3;
}
.calculate-section .info-column .table-outer .table-boxed ul li{
position:relative;
opacity:1;
padding:25px 15px;
text-transform:uppercase;
border-bottom:1px solid #b3b3b3;
font-family: 'Roboto', sans-serif;
text-align:center;
color: #222222;
font-size: 14px;
font-weight: 700;
}
.calculate-section .info-column .table-outer .table-boxed ul li:last-child{
border-bottom:0px;
}
.calculate-section .info-column .table-outer .table-boxed ul li span{
position:relative;
width:45%;
float:left;
display:block;
margin-right:20px;
color: #222222;
font-size: 14px;
font-weight: 700;
}
.calculate-section .info-column .table-outer .table-boxed ul li span:before{
position:absolute;
content:'';
right:1px;
top:-25px;
bottom:-25px;
width:1px;
background-color:#b3b3b3;
}
.calculate-section .info-column .table-outer .info-list{
position:relative;
margin-top:50px;
text-align: center;
}
.calculate-section .info-column .table-outer .info-list .table-name{
position:relative;
color:#ff0000;
font-size:14px;
font-weight:bold;
margin-bottom:8px;
display:inline-block;
font-family: 'Montserrat', sans-serif;
}
.calculate-section .info-column .table-outer .info-list span{
position:relative;
color:#000000;
}
/***
====================================================================
Timetable Section
====================================================================
***/
.timetable-section{
position:relative;
overflow:hidden;
padding:110px 0px 110px;
}
.timetable-section .side-text{
position: absolute;
right: -20px;
bottom: 0px;
opacity: 0.20;
font-size: 180px;
color: transparent;
font-weight: 700;
transform: rotate(-90deg);
-webkit-text-stroke-width: 1px;
-webkit-text-stroke-color: #ffffff;
text-transform: uppercase;
transform-origin: 42% -1680%;
}
.timetable-section .inner-container{
position:relative;
}
.timetable-section .inner-container .table-outer{
position:relative;
width: 100%;
}
.timetable-section .inner-container .table-outer .table-inner{
position:relative;
width: 100%;
min-width: 1200px;
}
.timetable-section .table-title-box{
position:absolute;
left:0px;
top:0px;
padding-bottom:10px;
padding-top:85px;
}
.timetable-section .table-title-box .title{
position:absolute;
left:0px;
top:0px;
width:170px;
display:block;
font-size:14px;
color:#ffffff;
font-weight:700;
padding:24px 40px;
margin-bottom:1px;
transition:all 500ms ease;
text-transform:uppercase;
background-color:#ff0000;
}
.timetable-section .table-title-box .day{
position:relative;
color:#222222;
width:168px;
height:60px;
line-height:60px;
font-weight:700;
margin-bottom:12px;
text-align:center;
background-color:#ffffff;
text-transform:uppercase;
}
.timetable-section .table-title-box .day:last-child{
margin-right:0px;
}
.timetable-section .timetable-tabs{
position:relative;
padding-left:188px;
}
.timetable-section .timetable-tabs .tab-btns{
position:relative;
left:0px;
top:0px;
margin-bottom:13px;
}
.timetable-section .timetable-tabs .tab-btns .tab-btn{
position:relative;
display:block;
font-size:14px;
color:#ffffff;
font-weight:700;
cursor:pointer;
float:left;
margin-right: 12px;
margin-bottom: 10px;
padding:24px 36px;
margin-bottom:1px;
display:inline-block;
transition:all 500ms ease;
text-transform:uppercase;
background-color:#ff0000;
border-left:3px solid #ff0000;
}
.timetable-section .timetable-tabs .tab-btns .tab-btn:before{
position:absolute;
content:'';
left:-2px;
top:28px;
opacity:1;
border-top: 6px solid transparent;
border-left: 8px solid #ff0000;
border-bottom: 6px solid transparent;
transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
}
.timetable-section .timetable-tabs .tab-btns .tab-btn:hover:before,
.timetable-section .timetable-tabs .tab-btns .tab-btn.active-btn:before{
opacity:1;
}
.timetable-section .timetable-tabs .tab-btns .tab-btn.active-btn,
.timetable-section .timetable-tabs .tab-btns .tab-btn:hover{
background-color:#222222;
}
.timetable-section .timetable-tabs .tabs-content{
position:relative;
}
.timetable-section .timetable-tabs .tabs-content .tab{
position:relative;
display:none;
}
.timetable-section .timetable-tabs .tabs-content .tab.active-tab{
display:block;
}
.timetable-section .timetable-tabs .tabs-content .time-box{
position:relative;
width:130px;
height:90px;
float:left;
margin-right:12px;
margin-bottom:10px;
padding:5px 5px;
text-align:center;
display:flex;
align-items: center;
border:1px solid #999999;
background-color:#ffffff;
}
.timetable-section .timetable-tabs .tabs-content .time-box .box-inner{
position:relative;
width:100%;
}
.timetable-section .timetable-tabs .tabs-content .time-box .time{
position:relative;
color:#222222;
font-size:14px;
font-weight:700;
text-transform:capitalize;
}
.timetable-section .timetable-tabs .tabs-content .time-box .time span{
position:relative;
display:block;
color:#555555;
font-size:12px;
font-weight:400;
line-height:1.7em;
margin-top:3px;
text-transform:uppercase;
font-family: 'Roboto', sans-serif;
}
.timetable-section .timetable-tabs .tabs-content .time-box:nth-child(7n + 0){
margin-right:0px;
}
.timetable-section .appointment-box{
position:relative;
margin-top:60px;
}
.timetable-section .appointment-box .appointment-inner{
position:relative;
padding:18px 40px;
border-radius:50px;
text-align:center;
color:#222222;
font-size:16px;
font-weight:600;
display:inline-block;
border:1px dashed #959595;
}
.timetable-section .appointment-box .appointment-inner .text a{
position:relative;
color:#ff0000;
font-weight:700;
}
.timetable-page .table-title-box .day{
color:#ffffff;
background-color:#222222;
}
.timetable-page .side-text{
-webkit-text-stroke-color: #222222;
}
/***
====================================================================
News Section
====================================================================
***/
.news-section{
position:relative;
padding:110px 0px 80px;
}
.news-block{
position:relative;
margin-bottom:30px;
}
.news-block .inner-box{
position:relative;
}
.news-block .inner-box .image{
position:relative;
overflow:hidden;
}
.news-block .inner-box .image:before{
position: absolute;
top: 50%;
left: 50%;
z-index: 2;
display: block;
content: '';
width: 0;
height: 0;
background: rgba(255,255,255,.6);
border-radius: 100%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
opacity: 0;
}
.news-block .inner-box:hover .image:before{
-webkit-animation: circle .75s;
animation: circle .75s;
}
@-webkit-keyframes circle {
0% {
opacity: 1;
}
40% {
opacity: 1;
}
100% {
width: 200%;
height: 200%;
opacity: 0;
}
}
@keyframes circle {
0% {
opacity: 1;
}
40% {
opacity: 1;
}
100% {
width: 200%;
height: 200%;
opacity: 0;
}
}
.news-block .inner-box .image img{
position:relative;
width:100%;
display:block;
}
.news-block .inner-box .image .post-date{
position:absolute;
left:0px;
bottom:0px;
color:#ffffff;
width:60px;
height:60px;
font-size:24px;
font-weight:700;
line-height:26px;
text-align:center;
padding-top:6px;
background-color:#222222;
text-transform:uppercase;
font-family: 'Montserrat', sans-serif;
}
.news-block .inner-box .image .post-date span{
position:relative;
display:block;
font-size:12px;
}
.news-block .inner-box .lower-content{
position:relative;
padding-top:40px;
}
.news-block .inner-box .lower-content h4{
position:relative;
font-weight:700;
line-height:1.4em;
text-transform:capitalize;
}
.news-block .inner-box .lower-content h4 a{
position:relative;
color:#222222;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.news-block .inner-box .lower-content h4 a:hover{
color:#ff0000;
}
.news-block .inner-box .lower-content .text{
position:relative;
margin-top:12px;
color:#555555;
font-size:16px;
line-height:1.8em;
margin-bottom:25px;
font-family: 'Roboto', sans-serif;
}
/***
==================================================================
Contact Map Section
==================================================================
***/
.contact-map-section{
position: relative;
padding-top:0px;
}
.contact-map-section .map-boxed .map-canvas{
height:550px;
width:100%;
}
.contact-map-section .map-info-boxed{
position:relative;
max-width:800px;
width:100%;
margin:0 auto;
z-index:1;
margin-top:-160px;
background-color:#ffffff;
box-shadow:0px 0px 20px rgba(0,0,0,0.10);
}
.contact-map-section .map-info-boxed .image-column{
position:relative;
padding:0px;
float:left;
}
.contact-map-section .map-info-boxed .info-column{
position:relative;
padding:0px;
float:left;
}
.contact-map-section .map-info-boxed .info-column .inner-column{
position:relative;
padding:16px 50px 30px;
}
.contact-map-section .map-info-boxed .info-column ul{
position:relative;
}
.contact-map-section .map-info-boxed .info-column ul li{
position:relative;
color:#555555;
font-size:16px;
font-weight:400;
padding-left:80px;
padding-bottom:15px;
margin-top:17px;
border-bottom:1px solid #ebebeb;
}
.contact-map-section .map-info-boxed .info-column ul li strong{
position:relative;
color:#ff0000;
font-size:22px;
font-weight:700;
display:block;
margin-bottom:8px;
font-family: 'Montserrat', sans-serif;
}
.contact-map-section .map-info-boxed .info-column ul li .icon{
position:absolute;
left:0px;
top:0px;
color:#0f0f0f;
font-size:54px;
line-height:1em;
}
.contact-map-section .map-info-boxed .info-column ul li a{
position:relative;
color:#555555;
font-size:16px;
font-weight:400;
}
.contact-map-section .map-info-boxed .info-column ul li:last-child{
padding-bottom:0px;
margin-bottom:0px;
border-bottom:0px;
}
/***
==================================================================
Contact Form Section
==================================================================
***/
.contact-form-section{
position: relative;
padding-top:110px;
padding-bottom:50px;
}
.contact-form-section .title-column{
position: relative;
margin-bottom:40px;
}
.contact-form-section .title-column .sec-title{
margin-bottom:20px;
}
.contact-form-section .title-column .inner-column{
position: relative;
}
.contact-form-section .title-column .text{
position:relative;
color:#555555;
font-size:17px;
line-height:1.7em;
font-family: 'Roboto', sans-serif;
}
.contact-form-section .form-column{
position: relative;
margin-bottom:40px;
}
.contact-form-section .form-column .inner-column{
position: relative;
}
/***
====================================================================
Clients Section
====================================================================
***/
.clients-section{
position:relative;
padding:0px 0px 100px;
}
.clients-section.style-three{
padding:100px 0px;
}
.clients-section.style-four{
padding:100px 0px;
}
.clients-section.style-three .image-box{
position:relative;
width:20%;
float:left;
text-align:center;
}
.clients-section.style-three .image-box:nth-child(2n + 0){
margin-top:80px;
}
.clients-section .sponsors-outer .owl-dots,
.clients-section .sponsors-outer .owl-nav{
position:relative;
display:none;
}
.clients-section .sponsors-outer .image-box{
position:relative;
text-align:center;
margin:0px;
}
.clients-section .sponsors-outer .image-box img{
max-width:100%;
width:auto;
opacity:0.5;
display:inline-block;
-webkit-filter: grayscale(100%);
filter: grayscale(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;
}
.clients-section .sponsors-outer .image-box img:hover{
opacity:1;
-webkit-filter: grayscale(0%);
filter: grayscale(0%);
}
/***
==================================================================
Main Footer
==================================================================
***/
.main-footer{
position:relative;
background-position:left center;
background-repeat:no-repeat;
background-size:cover;
}
.main-footer .boxed-pattern-layer{
position:absolute;
left:0px;
top:0px;
right:0px;
bottom:0px;
}
.main-footer:before{
position:absolute;
content:'';
left:0px;
top:0px;
right:0px;
bottom:0px;
}
.main-footer .widgets-section{
position:relative;
padding: 100px 0px 65px;
}
.main-footer .footer-column{
position:relative;
}
.main-footer .footer-widget{
position:relative;
margin-bottom:30px;
}
.main-footer .footer-widget h4{
position:relative;
font-weight:700;
color:#ffffff;
line-height:1.2em;
margin-bottom:35px;
padding-bottom:20px;
text-transform:capitalize;
}
.main-footer .footer-widget h4:before{
position:absolute;
content:'';
left:0px;
bottom:0px;
height:3px;
width:40px;
background-color:#ffffff;
}
.main-footer .logo-widget{
position:relative;
}
.main-footer .logo-widget .logo{
position:relative;
margin-bottom:30px;
}
.main-footer .logo-widget .text{
position:relative;
color:#ffffff;
font-size:15px;
line-height:1.7em;
font-weight:normal;
margin-bottom:25px;
font-family: 'Roboto', sans-serif;
}
.main-footer .logo-widget .social-links{
position:relative;
}
.main-footer .logo-widget .social-links span{
position:relative;
display:block;
color:#ffffff;
font-size:20px;
font-weight:600;
margin-bottom:10px;
}
.main-footer .logo-widget .social-links a{
position:relative;
color:#ffffff;
font-size:16px;
margin-right:15px;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.main-footer .logo-widget .social-links a:hover{
opacity:1;
color:#ff0000;
}
/* Recent Posts */
.main-footer .news-widget{
position: relative;
}
.main-footer .news-widget .post{
position: relative;
min-height: 90px;
padding-left: 110px;
margin-bottom: 30px;
}
.main-footer .news-widget .post:last-child{
margin-bottom: 0;
}
.main-footer .news-widget .post .thumb{
position: absolute;
left: 0;
top: 0;
height: 90px;
width: 90px;
overflow: hidden;
}
.main-footer .news-widget .post .thumb a{
display: block;
}
.main-footer .news-widget .post .thumb img{
display: block;
width: 100%;
height: auto;
}
.main-footer .news-widget .post h5{
position: relative;
color: #ffffff;
line-height: 1.6em;
font-weight: 600;
top: -5px;
font-size:15px;
}
.main-footer .news-widget .post h5 a{
color:#ffffff;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.main-footer .news-widget .post h5 a:hover{
color: #ff0000;
}
.main-footer .news-widget .post .date{
position: relative;
display: block;
font-size: 14px;
line-height: 1.3em;
color: #999;
margin-top:4px;
}
/* List Link */
.main-footer .list-link{
position:relative;
}
.main-footer .list-link li{
position:relative;
margin-bottom:5px;
margin-bottom: 15px;
}
.main-footer .list-link li a{
position:relative;
color:#ffffff;
font-size:15px;
padding-left:20px;
font-weight: 400;
-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 .list-link li a:hover{
color:#ff0000;
}
.main-footer .list-link li a:before{
position:absolute;
content: "\f101";
left:0px;
top:-4px;
font-family: 'FontAwesome';
}
.main-footer .timing-widget ul li{
position:relative;
color:#ffffff;
font-size:16px;
font-weight:bold;
line-height:1.6em;
margin-bottom:28px;
}
.main-footer .timing-widget ul li span{
position:relative;
font-weight:400;
color: #ffffff;
}
.main-footer .timing-widget ul li:last-child{
margin-bottom:0px;
color:#ff0000;
text-transform:uppercase;
}
.main-footer .footer-bottom{
position:relative;
padding:20px 0px;
border-top:1px solid rgba(255,255,255,0.15);
}
.main-footer .footer-bottom .copyright{
position:relative;
color:#ffffff;
font-size:15px;
text-align:center;
}
.main-footer.style-two{
background-color:#222222;
background-position:center center;
background-repeat:no-repeat;
}
.main-footer.style-two .widgets-section{
padding-top:190px;
}
.main-footer.style-four .widgets-section{
padding-top:200px;
}
.main-footer .footer-info-list{
position:relative;
}
.main-footer .footer-info-list li{
position: relative;
color:#ffffff;
font-size:16px;
padding-left:30px !important;
margin-bottom:14px;
line-height:2em;
font-family: 'Roboto', sans-serif;
}
.main-footer .footer-info-list li:last-child{
margin-right:0px;
}
.main-footer .footer-info-list li .icon{
position:absolute;
left:0px;
top:0px;
color:#ff0000;
}
.main-footer .footer-info-list li a{
position: relative;
color:#ffffff;
font-family: 'Roboto', 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-footer .footer-info-list li a:hover{
color:#ff0000;
}
.main-footer .consult-widget .text{
position:relative;
font-size:16px;
color:#ffffff;
line-height:1.9em;
margin-bottom:20px;
font-family: 'Roboto', sans-serif;
}
.main-footer .consult-widget .social-links a{
position:relative;
color:#ffffff;
font-size:16px;
opacity:0.6;
margin-right:18px;
-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 .consult-widget .social-links a:hover{
opacity:1;
color:#ff0000;
}
.main-footer .consult-widget .phone{
position:relative;
width:260px;
height:1px;
color:#ffffff;
height:60px;
font-size:20px;
font-weight:500;
margin-bottom:25px;
border:1px solid #ff0000;
padding:18px 15px 15px 85px;
}
.main-footer .consult-widget .phone .icon{
position:absolute;
left:0px;
top:0px;
width:60px;
height:60px;
color:#ffffff;
text-align:center;
line-height:60px;
background-color:#ff0000;
}
.main-footer.style-three{
background-color:#222222;
}
/***
====================================================================
Main Slider Two
====================================================================
***/
.main-slider-two{
position:relative;
}
.main-slider-two .auto-container{
position:relative;
}
.main-slider-two .slide{
position:relative;
padding:230px 0px 260px;
background-size:cover;
background-repeat:no-repeat;
background-position:center center;
}
.main-slider-two .slide .pattern-layer{
position:absolute;
left:0px;
bottom:0px;
width:1162px;
height:1176px;
background-repeat:no-repeat;
opacity: 0;
transform:translateX(-600px);
-webkit-transition: all 1000ms ease;
-moz-transition: all 100ms ease;
-ms-transition: all 1000ms ease;
-o-transition: all 1000ms ease;
transition: all 1000ms ease;
}
.main-slider-two .active .pattern-layer{
opacity: 1;
transform:translateX(0px);
-webkit-transition-delay: 300ms;
-moz-transition-delay: 300ms;
-ms-transition-delay: 300ms;
-o-transition-delay: 300ms;
transition-delay: 300ms;
}
.main-slider-two .slide .pattern-dots{
position:absolute;
left:80px;
bottom:80px;
width:430px;
height:160px;
background-repeat:no-repeat;
opacity: 0;
transform:translateY(-600px);
-webkit-transition: all 1000ms ease;
-moz-transition: all 100ms ease;
-ms-transition: all 1000ms ease;
-o-transition: all 1000ms ease;
transition: all 1000ms ease;
}
.main-slider-two .active .pattern-dots{
opacity: 1;
transform:translateY(0px);
-webkit-transition-delay: 500ms;
-moz-transition-delay: 500ms;
-ms-transition-delay: 500ms;
-o-transition-delay: 500ms;
transition-delay: 500ms;
}
.main-slider-two .content-boxed{
position:relative;
padding-top:80px;
}
.main-slider-two .title{
position:relative;
color:#ff0000;
font-size: 30px;
font-weight: 600;
margin-bottom: 24px;
opacity: 0;
transform: scaleY(0);
transform-origin: top;
text-transform:uppercase;
-webkit-transition: all 1000ms ease;
-moz-transition: all 100ms ease;
-ms-transition: all 1000ms ease;
-o-transition: all 1000ms ease;
transition: all 1000ms ease;
font-family: 'Montserrat', sans-serif;
}
.main-slider-two .active .title{
opacity: 1;
transform: scaleY(1);
-webkit-transition-delay: 500ms;
-moz-transition-delay: 500ms;
-ms-transition-delay: 500ms;
-o-transition-delay: 500ms;
transition-delay: 500ms;
}
.main-slider-two h1{
position:relative;
color:#ffffff;
font-weight:700;
line-height:1.1em;
margin-bottom:30px;
opacity: 0;
font-size:72px;
transform: scaleY(0);
transform-origin: top;
text-transform:uppercase;
-webkit-transition: all 1000ms ease;
-moz-transition: all 100ms ease;
-ms-transition: all 1000ms ease;
-o-transition: all 1000ms ease;
transition: all 1000ms ease;
}
.main-slider-two .active h1{
opacity: 1;
transform: scaleY(1);
transition-delay: 1000ms;
}
.main-slider-two .link-box{
opacity:0;
transform: scaleY(0);
transform-origin: top;
display:inline-block;
-webkit-transition: all 1000ms ease;
-moz-transition: all 100ms ease;
-ms-transition: all 1000ms ease;
-o-transition: all 1000ms ease;
transition: all 1000ms ease;
}
.main-slider-two .active .link-box{
opacity: 1;
transform: scaleY(1);
transition-delay: 2000ms;
}
.main-slider-two .link-box .btn-one-outer:before{
bottom:1px;
}
.main-slider-two .video-box{
position:absolute;
bottom:100px;
right:140px;
width:60px;
height:60px;
color:#ff0000;
font-size:18px;
text-align:center;
border-radius:50px;
line-height: 60px;
display:inline-block;
z-index:1;
margin-right:40px;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
background-color:rgba(255,255,255,1);
}
.main-slider-two .video-box .overlay-box span{
position: absolute;
width:60px;
height: 60px;
left:50%;
top: 50%;
z-index:99;
color: #ffffff;
font-weight:400;
font-size:16px;
text-align: center;
border-radius:50%;
padding-left:7px;
background-color: #ffffff;
display: inline-block;
margin-top: -30px;
margin-left:-30px;
transition: all 900ms ease;
-moz-transition: all 900ms ease;
-webkit-transition: all 900ms ease;
-ms-transition: all 900ms ease;
-o-transition: all 900ms ease;
box-shadow:0px 0px 15px rgba(0,0,0,0.10);
}
.main-slider-two .video-box .ripple,
.main-slider-two .video-box .ripple:before,
.main-slider-two .video-box .ripple:after {
position: absolute;
top: 50%;
left: 50%;
height: 60px;
width: 60px;
margin-left:.5px;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, .4);
-moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, .4);
-ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, .4);
-o-box-shadow: 0 0 0 0 rgba(255, 255, 255, .4);
box-shadow: 0 0 0 0 rgba(255, 255, 255, .4);
-webkit-animation: ripple 3s infinite;
-moz-animation: ripple 3s infinite;
-ms-animation: ripple 3s infinite;
-o-animation: ripple 3s infinite;
animation: ripple 3s infinite;
}
.main-slider-two .video-box .ripple:before {
-webkit-animation-delay: .9s;
-moz-animation-delay: .9s;
-ms-animation-delay: .9s;
-o-animation-delay: .9s;
animation-delay: .9s;
content: "";
position: absolute;
}
.main-slider-two .video-box .ripple:after {
-webkit-animation-delay: .6s;
-moz-animation-delay: .6s;
-ms-animation-delay: .6s;
-o-animation-delay: .6s;
animation-delay: .6s;
content: "";
position: absolute;
}
@-webkit-keyframes ripple {
70% {box-shadow: 0 0 0 70px rgba(255, 255, 255, 0);}
100% {box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);}
}
@keyframes ripple {
70% {box-shadow: 0 0 0 70px rgba(255, 255, 255, 0);}
100% {box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);}
}
.main-slider-two .owl-dots{
position:absolute;
left:0px;
right:0px;
bottom:30px;
text-align:center;
}
.main-slider-two .owl-dots .owl-dot{
position:relative;
width:25px;
height:25px;
margin:0px 5px;
margin-bottom:10px;
border-radius:50px;
margin-bottom:10px;
display:inline-block;
border:3px solid #ffffff;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.main-slider-two .owl-dots .owl-dot.active,
.main-slider-two .owl-dots .owl-dot:hover{
background-color:#ff0000;
}
.main-slider-two .owl-nav{
position:absolute;
left:0px;
top:50%;
z-index:1;
width:100%;
opacity:0;
margin-top:-10px;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.main-slider-two:hover .owl-nav{
opacity:1;
}
.main-slider-two .owl-nav .owl-prev{
position:absolute;
left:20px;
width:60px;
height:60px;
color:#ffffff;
line-height:56px;
font-size:24px;
text-align:center;
border-radius:50px;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
border:2px solid rgba(255,255,255,0.60);
}
.main-slider-two .owl-nav .owl-next{
position:absolute;
right:20px;
color:#ffffff;
font-size:24px;
width:60px;
height:60px;
color:#ffffff;
line-height:56px;
border-radius:50px;
text-align:center;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
border:2px solid rgba(255,255,255,0.60);
}
.main-slider-two .owl-nav .owl-prev:hover,
.main-slider-two .owl-nav .owl-next:hover{
color:#c1282a;
}
.main-slider-two .social-box{
position:absolute;
right:0px;
bottom:0px;
z-index:1;
padding:25px 45px;
border-radius:22px 0px 0px 0px;
background-color:rgba(0,0,0,0.70);
}
.main-slider-two .social-box .share{
position:relative;
color:#ffffff;
}
.main-slider-two .social-box li{
position:relative;
color:#ffffff;
margin-right:18px;
display:inline-block;
}
.main-slider-two .social-box li a{
position:relative;
color:#ffffff;
font-size:16px;
-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-slider-two .social-box li:last-child{
margin-right:0px;
}
.main-slider-two .social-box li a:hover{
color:#ff0000;
}
/***
====================================================================
Calculate Section Two
====================================================================
***/
.calculate-section-two{
position:relative;
}
.calculate-section-two .inner-container{
position:relative;
padding:70px 0px 30px;
padding-right:0px;
}
.calculate-section-two .pattern-layer{
position:absolute;
right:0px;
top:0px;
bottom:0px;
width:1000%;
height:100%;
background-repeat:repeat;
}
.calculate-section-two .title-column{
position:relative;
}
.calculate-section-two .title-column .inner-column{
position:relative;
}
.calculate-section-two .title-column .sec-title h2{
font-size:30px;
}
/***
====================================================================
Choose Section
====================================================================
***/
.choose-section{
position:relative;
padding:105px 0px 110px;
}
.choose-section .images-column{
position:relative;
margin-bottom:50px;
}
.choose-section .images-column .inner-column{
position:relative;
display:inline-block;
}
.choose-section .images-column .image{
position:relative;
padding-left:200px;
}
.choose-section .images-column .info-box{
position:absolute;
left:20px;
top:35px;
width:185px;
height:185px;
z-index:1;
padding:25px 25px;
display:inline-block;
background-color:#f80000;
}
.choose-section .images-column .info-box h3{
position:relative;
line-height:1.3em;
font-weight:700;
z-index:1;
}
.choose-section .images-column .info-box h3 a{
position:relative;
color:#ffffff;
}
.choose-section .images-column .info-box .more{
position:relative;
color:#222222;
font-size:16px;
margin-top:15px;
z-index:1;
display:inline-block;
text-transform:capitalize;
font-family: 'Roboto', sans-serif;
}
.choose-section .images-column .info-box .icon{
position:absolute;
right:0px;
bottom:0px;
color:#222222;
font-size:100px;
line-height:1em;
opacity:0.10;
}
.choose-section .images-column .info-box.style-two{
left:auto;
top:auto;
right:20px;
bottom:-175px;
background-color:#000000;
}
.choose-section .images-column .info-box.style-two .more{
color:#ff0000;
}
.choose-section .images-column .info-box.style-two .icon{
color:#ffffff;
}
.choose-section .content-column{
position:relative;
margin-bottom:50px;
}
.choose-section .content-column .inner-column{
position:relative;
padding-left:70px;
}
.choose-section .images-column .image-1{
position:absolute;
left:0px;
top:190px;
}
.choose-section .content-column .sec-title{
margin-bottom:45px;
}
/***
====================================================================
Featured Section
====================================================================
***/
.featured-section{
position:relative;
padding:110px 0px 190px;
background: #222429 url(../images/background/pa-1.png) center top repeat;
}
.featured-block-two{
position:relative;
margin-bottom:30px;
}
.featured-block-two .inner-box{
position:relative;
padding:0px 25px 32px;
}
.featured-block-two .inner-box:before{
position:absolute;
content:'';
left:0px;
top:60px;
right:0px;
bottom:0px;
width:370px;
height:391px;
background:url(../images/background/pattern-2.png) no-repeat;
}
.featured-block-two .inner-box .image{
position:relative;
background-color:#ff0000;
}
.featured-block-two .inner-box .image img{
position:relative;
width:100%;
display:block;
-webkit-transition:all 600ms ease;
-ms-transition:all 600ms ease;
-o-transition:all 600ms ease;
-moz-transition:all 600ms ease;
transition:all 600ms ease;
}
.featured-block-two .inner-box:hover .image img{
opacity:0.6;
}
.featured-block-two .inner-box .image .icon-box{
position:absolute;
right:20px;
bottom:-35px;
width:70px;
height:70px;
color:#ff0000;
font-size:36px;
line-height:70px;
border-radius:50px;
text-align:center;
background-color:#ffffff;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.featured-block-two .inner-box:hover .image .icon-box{
color:#ffffff;
background-color:#ff0000;
}
.featured-block-two .inner-box .lower-content{
position:relative;
padding-top:22px;
}
.featured-block-two .inner-box .lower-content .title{
position:relative;
color:#ffffff;
font-size:14px;
text-transform:uppercase;
font-family: 'Roboto', sans-serif;
}
.featured-block-two .inner-box .lower-content h4{
position:relative;
line-height:1.3em;
font-weight:700;
margin-top:5px;
text-transform:capitalize;
}
.featured-block-two .inner-box .lower-content h4 a{
position:relative;
color:#ffffff;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.featured-block-two .inner-box .lower-content h4 a:hover{
color:#ff0000;
}
.featured-block-two .inner-box .lower-content .text{
position:relative;
color:#ffffff;
font-size:16px;
line-height:1.8em;
margin-top:14px;
margin-bottom:20px;
font-family: 'Roboto', sans-serif;
}
.featured-block-two .inner-box .lower-content .read-more{
position:relative;
color:#ffffff;
font-size:14px;
padding-left:12px;
padding-bottom:12px;
font-family: 'Roboto', 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;
}
.featured-block-two .inner-box .lower-content .read-more:before{
position:absolute;
content:'';
left:0px;
width:30px;
height:30px;
border-left:1px solid #ff0000;
border-bottom:1px solid #ff0000;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.featured-block-two .inner-box .lower-content .read-more:hover{
color:#ff0000;
}
.featured-block-two .inner-box .lower-content .read-more:hover::before{
width:100%;
}
/***
====================================================================
Counter Section
====================================================================
***/
.counter-section{
position:relative;
overflow:hidden;
z-index:1;
}
.counter-section .inner-container{
position:relative;
padding-top:70px;
padding-bottom:35px;
padding-left:80px;
}
.counter-section.margin-top{
position:relative;
margin-top:-105px;
}
.counter-section .pattern-layer{
position:absolute;
left:0px;
top:0px;
width:1000%;
height:100%;
}
.counter-section .pattern-layer:before{
position:absolute;
content:'';
left:0px;
top:0px;
right:0px;
bottom:0px;
background-color:rgba(255,0,0,0.90);
}
/*fact counter*/
.fact-counter{
position:relative;
}
.fact-counter .column{
position:relative;
margin-bottom:30px;
}
.fact-counter .column .inner{
position:relative;
}
.fact-counter .column .inner .content{
position:relative;
padding-left:90px;
}
.fact-counter .column .inner .icon{
position:absolute;
left:0px;
top:4px;
color:#000000;
font-size:60px;
text-align:center;
line-height:1em;
font-weight: 400;
transition: all 600ms ease;
-moz-transition: all 600ms ease;
-webkit-transition: all 600ms ease;
-ms-transition: all 600ms ease;
-o-transition: all 600ms ease;
}
.fact-counter .column .inner:hover .icon{
color:#ffffff;
-webkit-transform: scale(-1) rotate(180deg);
-moz-transform: scale(-1) rotate(180deg);
-ms-transform: scale(-1) rotate(180deg);
-o-transform: scale(-1) rotate(180deg);
transform: scale(-1) rotate(180deg);
}
.fact-counter .count-outer .percentage{
position:relative;
font-weight:700;
color:#ffffff;
font-size:36px;
line-height:1em;
}
.fact-counter .column .inner .count-outer{
position:relative;
font-weight:700;
color:#ffffff;
font-size:40px;
line-height:1em;
}
.fact-counter .column .inner .counter-title{
position:relative;
color:#ffffff;
font-size:16px;
font-weight:700;
margin-top:7px;
font-family: 'Roboto', sans-serif;
}
/***
====================================================================
Timetable Section
====================================================================
***/
.timetable-section-two{
position:relative;
padding:110px 0px 120px;
}
.timetable-section-two .inner-container{
position:relative;
}
.timetable-section-two .inner-container .table-outer{
position:relative;
width: 100%;
}
.timetable-section-two .inner-container .table-outer .table-inner{
position:relative;
width: 100%;
min-width: 1200px;
}
.timetable-section-two .table-title-box{
position:relative;
padding-bottom:10px;
padding-left:188px;
}
.timetable-section-two .table-title-box .title{
position:absolute;
left:0px;
top:0px;
display:block;
font-size:14px;
color:#ffffff;
font-weight:700;
padding:18px 40px;
margin-bottom:1px;
transition:all 500ms ease;
text-transform:uppercase;
background-color:#ff0000;
}
.timetable-section-two .table-title-box .day{
position:relative;
color:#ffffff;
width:130px;
height:60px;
float:left;
line-height:60px;
font-weight:700;
margin-right:12px;
text-align:center;
display:inline-block;
background-color:#222222;
text-transform:uppercase;
}
.timetable-section-two .table-title-box .day:last-child{
margin-right:0px;
}
.timetable-section-two .timetable-tabs{
position:relative;
padding-left:188px;
}
.timetable-section-two .timetable-tabs .tab-btns{
position:absolute;
left:0px;
top:0px;
margin-bottom:40px;
display:inline-block;
}
.timetable-section-two .timetable-tabs .tab-btns .tab-btn{
position:relative;
display:block;
font-size:14px;
color:#ffffff;
font-weight:700;
cursor:pointer;
padding:24px 26px;
margin-bottom:1px;
transition:all 500ms ease;
text-transform:uppercase;
background-color:#ff0000;
border-left:3px solid #ff0000;
}
.timetable-section-two .timetable-tabs .tab-btns .tab-btn:before{
position:absolute;
content:'';
left:-2px;
top:28px;
opacity:1;
border-top: 6px solid transparent;
border-left: 8px solid #ff0000;
border-bottom: 6px solid transparent;
transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
}
.timetable-section-two .timetable-tabs .tab-btns .tab-btn:hover:before,
.timetable-section-two .timetable-tabs .tab-btns .tab-btn.active-btn:before{
opacity:1;
}
.timetable-section-two .timetable-tabs .tab-btns .tab-btn.active-btn,
.timetable-section-two .timetable-tabs .tab-btns .tab-btn:hover{
background-color:#222222;
}
.timetable-section-two .timetable-tabs .tabs-content{
position:relative;
}
.timetable-section-two .timetable-tabs .tabs-content .tab{
position:relative;
display:none;
}
.timetable-section-two .timetable-tabs .tabs-content .tab.active-tab{
display:block;
}
.timetable-section-two .timetable-tabs .tabs-content .time-box{
position:relative;
width:130px;
height:90px;
float:left;
margin-right:12px;
margin-bottom:10px;
padding:5px 5px;
text-align:center;
display:flex;
align-items: center;
border:1px solid #999999;
}
.timetable-section-two .timetable-tabs .tabs-content .time-box .box-inner{
position:relative;
width:100%;
}
.timetable-section-two .timetable-tabs .tabs-content .time-box .time{
position:relative;
color:#222222;
font-size:14px;
font-weight:700;
text-transform:capitalize;
}
.timetable-section-two .timetable-tabs .tabs-content .time-box .time span{
position:relative;
display:block;
color:#555555;
font-size:12px;
font-weight:400;
line-height:1.7em;
margin-top:3px;
text-transform:uppercase;
font-family: 'Roboto', sans-serif;
}
.timetable-section-two .timetable-tabs .tabs-content .time-box:nth-child(7n + 0){
margin-right:0px;
}
.timetable-section-two .appointment-box{
position:relative;
margin-top:60px;
}
.timetable-section-two .appointment-box .appointment-inner{
position:relative;
padding:18px 40px;
border-radius:50px;
text-align:center;
color:#222222;
font-size:16px;
font-weight:600;
display:inline-block;
border:1px dashed #959595;
}
.timetable-section-two .appointment-box .appointment-inner .text a{
position:relative;
color:#ff0000;
font-weight:700;
}
/***
====================================================================
Testimonial Section
====================================================================
***/
.testimonial-section{
position:relative;
}
.testimonial-section .inner-container{
position:relative;
z-index:1;
padding:110px 80px 85px;
background-size:cover;
}
.testimonial-section .inner-container:after{
position:absolute;
content:'';
top:55px;
left:-60px;
right:-60px;
height:145px;
z-index:-1;display:none;
background:url(../images/background/pattern-3.png) no-repeat;
}
.testimonial-section .inner-container:before{
position:absolute;
content:'';
left:0px;
top:0px;
right:0px;
bottom:0px;
background-color:rgba(17,17,17,0.90);
}
.testimonial-section .title-column{
position:relative;
}
.testimonial-section .title-column .inner-column{
position:relative;
}
.testimonial-section .title-column .sec-title h2{
position:relative;
font-size:40px;
}
.testimonial-section .testimonial-column{
position:relative;
}
.testimonial-section .testimonial-column .inner-column{
position:relative;
}
.testimonial-section .testimonial-column .owl-dots{
display:none;
}
.testimonial-section .testimonial-column .owl-nav{
position:absolute;
right:0px;
top:0px;
direction:ltr;
}
.testimonial-section .testimonial-column .owl-nav .owl-prev,
.testimonial-section .testimonial-column .owl-nav .owl-next{
position:relative;
font-size:28px;
color:#ffffff;
margin-left:26px;
display:inline-block;
transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
}
.testimonial-section .testimonial-column .owl-nav .owl-prev:hover,
.testimonial-section .testimonial-column .owl-nav .owl-next:hover{
color:#ff0000;
}
/* Testimonial Block Two */
.testimonial-block-two{
position:relative;
}
.testimonial-block-two .inner-box{
position:relative;
}
.testimonial-block-two .inner-box .upper-box{
position:relative;
padding-left:120px;
}
.testimonial-block-two .inner-box .upper-box .author-image{
position:absolute;
left:10px;
top:0px;
width:86px;
height:95px;
}
.testimonial-block-two .inner-box .upper-box .author-image:before{
position:absolute;
content:'';
left:-7px;
bottom:-7px;
width:25px;
height:25px;
transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
border-left:1px solid #ff0000;
border-bottom:1px solid #ff0000;
}
.testimonial-block-two .inner-box:hover .upper-box .author-image:before{
height:100%;
width:100%;
}
.testimonial-block-two .inner-box .upper-box .title{
position:relative;
color:#ffffff;
font-size:16px;
line-height:20px;
font-weight:400;
}
.testimonial-block-two .inner-box .upper-box h4{
position:relative;
color:#ffffff;
line-height:20px;
margin-top:15px;
display:block;
font-weight:700;
}
.testimonial-block-two .inner-box .quote-icon{
position:absolute;
right:30px;
top:90px;
color:#dddddd;
line-height:1em;
font-size:145px;
opacity:0.20;
}
.testimonial-block-two .inner-box .rating{
position:relative;
margin-top:20px;
margin-bottom:0px;
}
.testimonial-block-two .inner-box .rating .fa{
position:relative;
color:#ff0000;
font-size:16px;
}
.testimonial-block-two .inner-box .text{
position:relative;
line-height:1.9em;
color:#ffffff;
font-size:18px;
padding-right:60px;
margin-top:35px;
font-family: 'Roboto', sans-serif;
}
/***
====================================================================
Pricing Section
====================================================================
***/
.pricing-section{
position:relative;
padding-top:110px;
padding-bottom:60px;
}
.pricing-section .image-layer{
position:absolute;
left:0px;
top:-220px;
width:100%;
height:900px;
}
.pricing-block{
position:relative;
}
.pricing-block .inner-box{
position:relative;
padding:50px 50px 60px;
}
.pricing-block .inner-box:before{
position:absolute;
content:'';
left:0px;
top:0px;
right:0px;
bottom:0px;
background-color:rgba(34,34,34,0.85);
transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
}
.pricing-block .inner-box h4{
position:relative;
color:#ffffff;
font-weight:700;
line-height:1.3em;
transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
}
.pricing-block .inner-box .title{
position:relative;
color:#ffffff;
font-weight:700;
line-height:1.3em;
font-size:16px;
margin-top:15px;
transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
}
.pricing-block .inner-box .price{
position:relative;
color:#ffffff;
font-size:16px;
line-height:2.8em;
margin-top:20px;
font-family: 'Roboto', sans-serif;
transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
}
.pricing-block .inner-box .price span{
position:relative;
display:block;
font-size:48px;
font-weight:600;
color:#ff0000;
}
.pricing-block .inner-box .price-list{
position:relative;
margin-top:45px;
margin-bottom:45px;
transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
}
.pricing-block .inner-box .price-list li{
position:relative;
padding-left:28px;
color:#ffffff;
font-size:16px;
font-weight:700;
margin-bottom:14px;
font-family: 'Roboto', sans-serif;
}
.pricing-block .inner-box .price-list li:before{
position:absolute;
content: "\f1b5";
left:0px;
top:0px;
color:#ffffff;
font-weight:600;
font-size:14px;
font-family: "Flaticon";
}
.pricing-block .inner-box:hover::before{
background-color:rgba(255,255,255,0.85);
}
.pricing-block .inner-box:hover .price-list li:before,
.pricing-block .inner-box:hover .price-list li,
.pricing-block .inner-box:hover .price,
.pricing-block .inner-box:hover h4,
.pricing-block .inner-box:hover .title{
color:#222222;
}
.pricing-block .inner-box:hover .btn-style-one{
border-color:#222222;
background-color:#222222;
}
.pricing-block .inner-box:hover{
box-shadow:0px 0px 15px rgba(0,0,0,0.30);
}
/***
====================================================================
News Section Two
====================================================================
***/
.news-section-two{
position:relative;
padding:50px 0px 80px;
}
.news-section-two .pattern-layer{
position:absolute;
content:'';
left:15%;
top:25%;
width:230px;
height:230px;
background-repeat:no-repeat;
}
.news-section-two .pattern-layer-two{
position:absolute;
content:'';
right:15%;
bottom:10%;
width:325px;
height:163px;
background-repeat:no-repeat;
}
.news-section-two.style-two{
padding:110px 0px 90px;
background-color:#f5f5f5;
}
.news-block-two{
position:relative;
margin-bottom:30px;
}
.news-block-two .inner-box{
position:relative;
overflow:hidden;
}
.news-block-two .inner-box .image{
position:relative;
overflow:hidden;
background-color:#ff0000;
}
.news-block-two .inner-box .image img{
position:relative;
width:100%;
display:block;
-webkit-transition:all 600ms ease;
-ms-transition:all 600ms ease;
-o-transition:all 600ms ease;
-moz-transition:all 600ms ease;
transition:all 600ms ease;
}
.news-block-two .inner-box:hover .image img{
opacity:0.5;
transform:scale(1.04,1.04);
}
.news-block-two .inner-box .lower-content{
position:relative;
padding:25px 25px;
background-color: #fff;
}
.news-block-two .inner-box .lower-content .post-meta{
position:relative;
}
.news-block-two .inner-box .lower-content .post-meta li{
position:relative;
color:#777777;
font-size:14px;
font-weight:600;
padding-left:24px;
display:inline-block;
}
.news-block-two .inner-box .lower-content .post-meta li .icon{
position:absolute;
left:0px;
top:0px;
margin-right:6px;
color:#ff0000;
}
.news-block-two .inner-box .lower-content h4{
position:relative;
font-weight:700;
line-height:1.5em;
margin-top:12px;
}
.news-block-two .inner-box .lower-content h4 a{
position:relative;
color:#222222;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.news-block-two .inner-box .lower-content h4 a:hover{
color:#ff0000;
}
.news-block-two .inner-box .lower-content .lower-box{
position:relative;
padding-top:25px;
margin-top:22px;
border-top:1px solid #c6c6c6;
}
.news-block-two .inner-box .lower-content .lower-box .comment{
position: relative;
color: #555555;
font-weight: 500;
margin-top: 13px;
display: inline-block;
font-family: 'Roboto', sans-serif;
}
.news-block-two .inner-box .lower-content .lower-box .comment .icon{
position:relative;
color:#555555;
margin-right:5px;
font-size:18px;
}
.news-block-two .inner-box .lower-content .lower-box .author-info{
position:relative;
color:#222222;
font-size:16px;
font-weight:600;
}
.news-block-two .inner-box .lower-content .lower-box .author-info .info-inner{
position:relative;
padding-left:70px;
line-height:1.5em;
}
.news-block-two .inner-box .lower-content .lower-box .author-info .icon{
position:absolute;
left:0px;
top:0px;
width:50px;
height:50px;
font-size:20px;
font-weight:600;
line-height:48px;
text-align:center;
display:inline-block;
border:1px solid #bbbbbb;
transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
}
.news-block-two .inner-box .lower-content .lower-box .author-info span{
position:relative;
display:block;
font-weight:400;
color:#555555;
font-size:16px;
font-family: 'Roboto', sans-serif;
}
.news-block-two .inner-box:hover .lower-content .lower-box .author-info .icon{
color:#ffffff;
border-color:#555555;
background-color:#555555;
}
.news-block-two.style-two .inner-box .lower-content .lower-box{
border:none;
}
.news-block-two.style-two .inner-box .lower-content .lower-box:before{
position:absolute;
content:'';
left:-30px;
top:0px;
right:-30px;
bottom:-30px;
background-color:#ffffff;
}
.news-block-two.style-two .inner-box .lower-content .lower-box .author-info .icon{
border:none;
background-color:#f5f5f5;
}
/***
====================================================================
Subscribe Section
====================================================================
***/
.subscribe-section{
position:relative;
z-index:10;
}
.subscribe-section .inner-container{
position:relative;
/*background-color:#ffffff;*/
padding:25px 0px 0px 200px;
}
.subscribe-section .inner-container.margin-bottom{
margin-bottom:-89px;
}
.subscribe-section .section-image{
position:absolute;
left:0px;
bottom:0px;
width:161px;
height:165px;
}
.subscribe-section .pattern-layer{
position:absolute;
right:0px;
top:0px;
bottom:0px;
height:100%;
width:200%;
display:block;
background-position:right top;
background-repeat:repeat-x;
}
.subscribe-section .title-column{
position:relative;
}
.subscribe-section .title-column .inner-column{
position:relative;
padding-top:30px;
padding-bottom:45px;
}
.subscribe-section .title-column h3{
position: relative;
color: #ffffff;
font-weight: 700;
line-height: 1.3em;
}
.subscribe-section .form-column{
position:relative;
}
.subscribe-section .form-column .inner-column{
position:relative;
padding-top:30px;
}
.subscribe-section .newsletter-form{
margin-top:10px;
}
.newsletter-form .form-group{
position:relative;
display:block;
margin-bottom:0px;
}
.newsletter-form .form-group input[type="text"],
.newsletter-form .form-group input[type="email"]{
position:relative;
display:block;
width:100%;
line-height:26px;
padding:10px 130px 10px 25px;
height:50px;
font-size:12px;
color:#485452;
font-weight:500;
background:#ffffff;
border-radius:50px;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.newsletter-form .form-group .submit-btn{
position:absolute;
right:-3px;
top:0px;
color:#ffffff;
font-size:14px;
font-weight:400;
cursor:pointer;
padding:11px 34px;
border-radius:50px;
background-color:#111111;
font-family: 'Roboto', sans-serif;
}
/***
====================================================================
Main Slider Three
====================================================================
***/
.main-slider-three{
position:relative;
}
.main-slider-three .auto-container{
position:relative;
}
.main-slider-three .slide{
position:relative;
padding:230px 0px 320px;
background-size:cover;
background-repeat:no-repeat;
background-position:center center;
}
.main-slider-three .slide:before{
position:absolute;
content:'';
left:0px;
top:0px;
right:0px;
bottom:0px;
background-color:rgba(0,0,0,0.50);
}
.main-slider-three .content-boxed{
position:relative;
text-align:center;
}
.main-slider-three .title{
position:relative;
color:#ff0000;
font-size: 30px;
font-weight: 600;
margin-bottom: 24px;
opacity: 0;
transform: scaleY(0);
transform-origin: top;
text-transform:uppercase;
-webkit-transition: all 1000ms ease;
-moz-transition: all 100ms ease;
-ms-transition: all 1000ms ease;
-o-transition: all 1000ms ease;
transition: all 1000ms ease;
font-family: 'Montserrat', sans-serif;
}
.main-slider-three .active .title{
opacity: 1;
transform: scaleY(1);
-webkit-transition-delay: 500ms;
-moz-transition-delay: 500ms;
-ms-transition-delay: 500ms;
-o-transition-delay: 500ms;
transition-delay: 500ms;
}
.main-slider-three h1{
position:relative;
color:#ffffff;
font-weight:700;
line-height:1.1em;
margin-bottom:30px;
opacity: 0;
font-size:84px;
transform: scaleY(0);
transform-origin: top;
text-transform:capitalize;
-webkit-transition: all 1000ms ease;
-moz-transition: all 100ms ease;
-ms-transition: all 1000ms ease;
-o-transition: all 1000ms ease;
transition: all 1000ms ease;
}
.main-slider-three .active h1{
opacity: 1;
transform: scaleY(1);
transition-delay: 1000ms;
}
.main-slider-three .text{
position:relative;
color:#ffffff;
font-weight:500;
line-height:1.8em;
margin-bottom:30px;
opacity: 0;
font-size:24px;
transform: scaleY(0);
transform-origin: top;
text-transform:capitalize;
-webkit-transition: all 1000ms ease;
-moz-transition: all 100ms ease;
-ms-transition: all 1000ms ease;
-o-transition: all 1000ms ease;
transition: all 1000ms ease;
font-family: 'Roboto', sans-serif;
}
.main-slider-three .active .text{
opacity: 1;
transform: scaleY(1);
transition-delay: 1400ms;
}
.main-slider-three .link-box{
opacity:0;
transform: scaleY(0);
transform-origin: top;
display:inline-block;
-webkit-transition: all 1000ms ease;
-moz-transition: all 100ms ease;
-ms-transition: all 1000ms ease;
-o-transition: all 1000ms ease;
transition: all 1000ms ease;
}
.main-slider-three .active .link-box{
opacity: 1;
transform: scaleY(1);
transition-delay: 2000ms;
}
.main-slider-three .link-box .btn-one-outer:before{
bottom:1px;
}
.main-slider-three .owl-dots{
display:none;
}
.main-slider-three .owl-nav{
position:absolute;
left:0px;
top:50%;
z-index:1;
width:100%;
opacity:0;
margin-top:-10px;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.main-slider-three:hover .owl-nav{
opacity:1;
}
.main-slider-three .owl-nav .owl-prev{
position:absolute;
left:20px;
width:60px;
height:60px;
color:#000000;
line-height:60px;
font-size:24px;
text-align:center;
border-radius:0px;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
background-color:#ffffff;
}
.main-slider-three .owl-nav .owl-next{
position:absolute;
right:20px;
color:#000000;
font-size:24px;
width:60px;
height:60px;
line-height:60px;
border-radius:0px;
text-align:center;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
background-color:#ffffff;
}
.main-slider-three .owl-nav .owl-prev:hover,
.main-slider-three .owl-nav .owl-next:hover{
color:#ffffff;
background-color:#ff0000;
}
.main-slider-three .social-box{
position:absolute;
left:0px;
bottom:120px;
z-index:1;
padding:30px 60px;
border-radius:0px;
background-color:rgba(255,255,255,0.10);
}
.main-slider-three .social-box .share{
position:relative;
color:#ffffff;
}
.main-slider-three .social-box li{
position:relative;
color:#ffffff;
margin-right:18px;
display:inline-block;
}
.main-slider-three .social-box li a{
position:relative;
color:#ffffff;
font-size:16px;
-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-slider-three .social-box li:last-child{
margin-right:0px;
}
.main-slider-three .social-box li a:hover{
color:#ff0000;
}
/***
====================================================================
Services Section Two
====================================================================
***/
.services-section-two{
position:relative;
z-index:1;
padding-top:80px;
padding-bottom:100px;
}
.services-section-two .image-layer{
position:absolute;
left:0px;
top:-150px;
width:100%;
height:1000px;
background-color:#242625;
background-position:right top;
background-repeat:no-repeat;
clip-path: polygon(0 15%, 100% 0, 100% 58%, 0 77%);
}
.services-section-two .image-layer:before{
position:absolute;
content:'';
left:0px;
top:-84px;
width:100%;
height:255px;
background:url(../images/background/curve-layer.png) left top no-repeat;
}
.service-block-two{
position:relative;
z-index:1;
}
.service-block-two .inner-box{
position:relative;
text-align:center;
}
.service-block-two .inner-box:before{
position:absolute;
content:'';
right:-100px;
top:30px;
width:136px;
height:50px;
background:url(../images/icons/arrow-right-1.png) no-repeat;
}
.service-block-two:last-child .inner-box::before{
display:none;
}
.service-block-two .inner-box .icon-box{
position:relative;
font-size:70px;
line-height:1em;
color:#ffffff;
margin-bottom:25px;
transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
}
.service-block-two .inner-box:hover .icon-box{
transform:rotateY(180deg);
}
.service-block-two .inner-box .number{
position:absolute;
left:0px;
right:0px;
top:90px;
color:#ffffff;
opacity:0.05;
font-size:100px;
font-weight:700;
font-family: 'Roboto', sans-serif;
}
.service-block-two .inner-box .title{
position:relative;
color:#ff0000;
font-size:16px;
font-weight:700;
font-family: 'Roboto', sans-serif;
}
.service-block-two .inner-box h4{
position:relative;
line-height:1.3em;
font-weight:700;
margin-top:8px;
margin-bottom:14px;
text-transform:capitalize;
}
.service-block-two .inner-box h4 a{
position:relative;
color:#ffffff;
}
.service-block-two .inner-box .text{
position:relative;
color:#ffffff;
font-size:16px;
line-height:1.8em;
padding:0px 50px;
font-family: 'Roboto', sans-serif;
}
.service-block-two .inner-box .big-icon{
position:absolute;
right:0px;
bottom:0px;
font-size:150px;
line-height:1em;
color:#ffffff;
opacity:0.1;
}
/***
====================================================================
Newsletter Section
====================================================================
***/
.newsletter-section{
position:relative;
z-index:2;
}
.newsletter-section .auto-container{
max-width:1480px;
}
.newsletter-section .inner-container{
position:relative;
background-color:#ff0000;
}
.newsletter-section .map-column{
position:relative;
padding:0px;
float:left;
}
.newsletter-section .map-column .inner-column{
position:relative;
}
.newsletter-section .map-column .map-canvas{
position:absolute;
left:0px;
top:0px;
right:0px;
bottom:0px;
height:250px;
}
.newsletter-section .map-column .inner-column h3{
position:absolute;
left:50px;
top:160px;
color:#ffffff;
font-weight:700;
z-index:3;
font-family: 'Montserrat', sans-serif;
}
.newsletter-section .map-column .direction{
position:absolute;
right:50px;
top:40px;
z-index:3;
color:#ffffff;
font-weight:700;
}
.newsletter-section .form-column{
position:relative;
padding:0px;
float:left;
overflow:hidden;
}
.newsletter-section .form-column .inner-column{
position:relative;
padding:57px 80px;
}
.newsletter-section .form-column .circle-one{
position:absolute;
right:-80px;
top:-80px;
width:200px;
height:200px;
border-radius:50%;
background-color:rgba(0,0,0,0.10);
}
.newsletter-section .form-column .circle-two{
position:absolute;
left:-80px;
bottom:-80px;
width:200px;
height:200px;
border-radius:50%;
background-color:rgba(0,0,0,0.10);
}
.newsletter-section .form-column h4{
position:relative;
color:#ffffff;
font-weight:700;
margin-bottom:8px;
}
.newsletter-section .form-column .text{
position:relative;
color:#f6f7f7;
font-weight:400;
margin-top:11px;
font-size:16px;
text-align:right;
font-family: 'Roboto', sans-serif;
}
.newsletter-section .newsletter-form .form-group input[type="text"],
.newsletter-section .newsletter-form .form-group input[type="email"]{
border-radius:0px 50px 50px 50px;
}
/***
====================================================================
Benefits Section
====================================================================
***/
.benefits-section{
position:relative;
padding-top:115px;
padding-bottom:80px;
}
.benefits-section .side-image{
position:absolute;
left:0px;
bottom:70px;
width:300px;
height:181px;
background-repeat:no-repeat;
}
.benefits-section .content-column{
position:relative;
}
.benefits-section .content-column .inner-column{
position:relative;
}
.benefits-section .content-column .sec-title{
margin-bottom:35px;
}
.benefit-block{
position:relative;
margin-bottom:40px;
}
.benefit-block .block-inner{
position:relative;
padding-top:0px;
padding-left:100px;
}
.benefit-block .icon{
position:absolute;
left:0px;
top:0px;
color:#222222;
font-size:60px;
line-height:1em;
transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
}
.benefit-block .block-inner:hover .icon{
-webkit-transform: scale(-1) rotate(180deg);
-moz-transform: scale(-1) rotate(180deg);
-ms-transform: scale(-1) rotate(180deg);
-o-transform: scale(-1) rotate(180deg);
transform: scale(-1) rotate(180deg);
}
.benefit-block strong{
position:relative;
color:#222222;
font-size:24px;
font-weight:600;
}
.benefit-block .feature-text{
position:relative;
color:#555555;
font-size:16px;
font-weight:400;
line-height:1.7em;
margin-top:3px;
font-family: 'Roboto', sans-serif;
}
.benefits-section .images-column{
position:relative;
margin-bottom:40px;
}
.benefits-section .images-column .pattern-layer{
position:absolute;
left:15px;
top:30px;
width:141px;
height:141px;
background-repeat:no-repeat;
}
.benefits-section .images-column .pattern-layer-two{
position:absolute;
left:35px;
bottom:0px;
width:150px;
height:150px;
background-repeat:no-repeat;
}
.benefits-section .images-column .inner-column{
position:relative;
padding-top:110px;
padding-left:70px;
padding-bottom:55px;
}
.benefits-section .images-column .image-one{
position:absolute;
left:0px;
top:250px;
}
.benefits-section .images-column .image-two{
position:absolute;
right:80px;
top:50px;
box-shadow:0px 0px 20px rgba(0,0,0,0.15);
}
.benefits-section .images-column .image-three{
position:absolute;
right:0px;
bottom:0px;
box-shadow:0px 0px 20px rgba(0,0,0,0.15);
}
/***
====================================================================
Fluid Section One
====================================================================
***/
.fluid-section-one{
position:relative;
overflow:hidden;
}
.fluid-section-one:before{
position:absolute;
content:'';
left:0px;
bottom:0px;
width:100%;
height:300px;
background-color:#f5f5f5;
}
.fluid-section-one .color-layer{
position:absolute;
left:0px;
bottom:0px;
right:0px;
height:450px;
transform:rotateX(5deg);
background-color:#f5f5f5;
}
.fluid-section-one .outer-container{
position:relative;
}
.fluid-section-one .outer-container .left-column{
position:relative;
width:50%;
float:left;
z-index:1;
}
.fluid-section-one .outer-container .left-column .pattern-image{
position:absolute;
top:0px;
right:0px;
width:300%;
height:100%;
background-position:right top;
background-repeat:repeat-x;
background-color:#2c2c2c;
}
.fluid-section-one .outer-container .left-column .inner-column{
position:relative;
max-width:600px;
float:right;
width:100%;
padding:110px 60px 15px 15px;
}
.fluid-section-one .left-side-text{
position: absolute;
left: 5px;
top: 580px;
z-index:2;
font-size: 120px;
color: #2d2d2d;
font-weight: 700;
transform: rotate(-90deg);
-webkit-text-stroke-width: 1px;
-webkit-text-stroke-color: #222222;
text-transform: uppercase;
transform-origin: 7% 20%;
}
.fluid-section-one .right-side-text{
position: absolute;
right: 20px;
top: 30px;
z-index:2;
opacity:0.10;
font-size: 178px;
color: #222222;
font-weight: 700;
transform: rotate(-90deg);
-webkit-text-stroke-width: 1px;
text-transform: uppercase;
transform-origin: 106% 450%;
}
.fluid-section-one .bottom-big-text{
position: absolute;
left: 0px;
bottom: 60px;
z-index:2;
font-size: 180px;
color: transparent;
font-weight: 800;
-webkit-text-stroke-width: 1px;
-webkit-text-stroke-color: #d7d7d7;
text-transform: uppercase;
}
.service-block-three{
position:relative;
margin-bottom:90px;
}
.service-block-three .inner-box{
position:relative;
text-align:center;
}
.service-block-three .inner-box .icon-box{
position:relative;
margin-bottom:25px;
}
.service-block-three .inner-box .icon-box .icon{
position:relative;
font-size:110px;
color:#ffffff;
line-height:1em;
}
.service-block-three .inner-box h4{
position:relative;
line-height:1.3em;
font-weight:700;
text-transform:capitalize;
}
.service-block-three .inner-box h4 a{
position:relative;
color:#ffffff;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.service-block-three .inner-box h4 a:hover{
color:#ff0000;
}
.fluid-section-one .outer-container .right-column{
position:relative;
width:50%;
float:right;
margin-top:100px;
}
.fluid-section-one .outer-container .right-column .image-layer{
position:absolute;
left:0px;
top:0px;
width:300%;
height:100%;
background-position:left top;
background-repeat:repeat-x;
}
.fluid-section-one .outer-container .right-column .image-layer:before{
position:absolute;
content:'';
left:0px;
top:0px;
right:0px;
bottom:0px;
background-color:rgba(255,0,0,0.80);
}
.fluid-section-one .outer-container .right-column .inner-column{
position:relative;
max-width:700px;
float:left;
width:100%;
margin-left:-100px;
padding:105px 15px 105px 170px;
}
.fluid-section-one .outer-container .right-column .sec-title{
margin-bottom:15px;
}
.fluid-section-one .outer-container .right-column .text{
position:relative;
color:#ffffff;
font-size:17px;
line-height:1.8em;
margin-bottom:40px;
font-family: 'Roboto', sans-serif;
}
/* Skills Section */
.skills .skill-item{
position:relative;
margin-bottom:20px;
}
.skills .skill-item:last-child{
margin-bottom:0px;
}
.skills .skill-item .skill-bar{
position:relative;
width:100%;
height:30px;
}
.skills .skill-item .skill-bar .bar-inner{
position:relative;
width:100%;
overflow:hidden;
height:30px;
border-radius:50px;
background-color:#222222;
}
.skills.style-two .skill-item .skill-bar .bar-inner{
background-color:#eeeeee;
}
.skills .skill-item .skill-bar .bar-inner .bar{
position:absolute;
left:0px;
top:0px;
height:30px;
width:0px;
-webkit-transition:all 2000ms ease;
-ms-transition:all 2000ms ease;
-o-transition:all 2000ms ease;
-moz-transition:all 2000ms ease;
transition:all 2000ms ease;
border-radius:50px;
background:url(../images/background/10.jpg) repeat-x;
}
.skills .skill-item .skill-bar .bar-inner .bar:before{
position:absolute;
content:'';
right:0px;
top:0px;
width:30px;
height:30px;
background:url(../images/icons/skill-icon.png) no-repeat;
}
.skills .skill-item .skill-header{
position:relative;
margin-bottom:14px;
}
.skills .skill-item .skill-header .skill-title{
position:relative;
}
.skills .skill-item .skill-header .skill-title{
float:left;
font-weight:500;
color:#ffffff;
font-size:16px;
line-height:1.4em;
text-transform:capitalize;
}
.skills .skill-item .skill-header .skill-percentage{
position:absolute;
right:0px;
top:0px;
float:right;
font-weight:700;
color:#ffffff;
font-size:16px;
}
/***
====================================================================
Counter Section Two
====================================================================
***/
.counter-section-two{
position:relative;
z-index:1;
overflow:hidden;
padding:115px 0px 150px;
}
.counter-section-two .color-layer{
position: absolute;
left: 0px;
top: -65px;
right: -40px;
bottom: 0px;
height: 480px;
transform: rotate(3deg);
background-color: #f5f5f5;
}
/*fact counter*/
.fact-counter-two{
position:relative;
}
.fact-counter-two .column{
position:relative;
margin-bottom:30px;
}
.fact-counter-two .column:nth-child(2n + 0){
margin-top:95px;
}
.fact-counter-two .column .inner{
position:relative;
}
.fact-counter-two .column .inner .content{
position:relative;
padding-left:90px;
}
.fact-counter-two .column .inner .content:before{
position:absolute;
content:'';
left:100px;
top:0px;
width:92px;
height:74px;
background:url(../images/icons/counter-icon.png) no-repeat;
}
.fact-counter-two .column .inner .icon{
position:absolute;
left:0px;
top:4px;
color:#ff0000;
font-size:60px;
text-align:center;
line-height:1em;
font-weight: 400;
transition: all 600ms ease;
-moz-transition: all 600ms ease;
-webkit-transition: all 600ms ease;
-ms-transition: all 600ms ease;
-o-transition: all 600ms ease;
}
.fact-counter-two .column .inner:hover .icon{
color:#222222;
-webkit-transform: scale(-1) rotate(180deg);
-moz-transform: scale(-1) rotate(180deg);
-ms-transform: scale(-1) rotate(180deg);
-o-transform: scale(-1) rotate(180deg);
transform: scale(-1) rotate(180deg);
}
.fact-counter-two .count-outer .percentage{
position:relative;
font-weight:700;
color:#222222;
font-size:40px;
line-height:1em;
}
.fact-counter-two .column .inner .count-outer{
position:relative;
font-weight:700;
color:#222222;
font-size:40px;
line-height:1em;
}
.fact-counter-two .column .inner .counter-title{
position:relative;
color:#222222;
font-size:22px;
font-weight:700;
margin-top:7px;
font-family: 'Roboto', sans-serif;
}
/***
====================================================================
Faq Section
====================================================================
***/
.faq-section{
position:relative;
z-index:1;
padding:70px 0px 90px;
}
.faq-section .side-text{
position: absolute;
left: 5px;
bottom: 240px;
font-size: 170px;
color: transparent;
font-weight:700;
transform: rotate(-90deg);
-webkit-text-stroke-width: 1px;
-webkit-text-stroke-color: #e8e8e8;
text-transform: uppercase;
transform-origin: 7% 20%;
}
.faq-section .image-column{
position:relative;
}
.faq-section .image-column .inner-column{
position:relative;
margin-bottom:40px;
}
.faq-section .image-column .image{
position:relative;
}
.faq-section .content-column{
position:relative;
margin-bottom:40px;
}
.faq-section .content-column .inner-column{
position:relative;
}
/***
====================================================================
Accordion Style
====================================================================
***/
.accordion-box{
position:relative;
}
.accordion-box .block{
position: relative;
margin-bottom:20px;
border-radius:0px;
border:1px solid #bbbbbb;
}
.accordion-box .block.active-block{
}
.accordion-box .block .acc-btn{
position:static;
font-size:18px;
cursor:pointer;
line-height:16px;
color:#222222;
font-weight:700;
background:#ffffff;
padding:22px 50px 20px 32px;
transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
font-family: 'Montserrat', sans-serif;
}
.accordion-box .block .acc-btn.active{
background:none;
}
.accordion-box .block .icon-outer{
position:absolute;
right:-1px;
top:-1px;
width:60px;
height:102%;
font-size:20px;
color: #ffffff;
background-color:#ff0000;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.accordion-box .block .icon-outer .icon{
position: absolute;
right: 0px;
width:60px;
height:100%;
color:#ffffff;
font-size: 20px;
text-align: center;
line-height:60px;
background-color:#ff0000;
}
.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;
background-color:#222222;
}
.accordion-box .block .acc-btn.active .icon-outer .icon-plus{
opacity:0;
}
.accordion-box .block .acc-content{
position:relative;
display:none;
}
.accordion-box .block .acc-content .content-text{
padding-bottom:6px;
}
.accordion-box .block .acc-content.current{
display:block;
}
.accordion-box .block .content{
position:relative;
font-size:16px;
color:#4a4a4a;
line-height:1.9em;
padding:5px 100px 25px 35px;
font-family: 'Montserrat', sans-serif;
}
.accordion-box .block .content .text{
position:relative;
line-height:1.9em;
font-size:16px;
color:#555555;
font-weight:400;
font-family: 'Roboto', sans-serif;
}
.accordion-box .block .content p:last-child{
margin-bottom:0px;
}
/* Team Block Two */
.team-block-two{
position:relative;
margin-bottom:30px;
}
.team-block-two .inner-box{
position:relative;
padding-right:32px;
overflow:hidden;
}
.team-block-two .inner-box .side-title{
position: absolute;
right: 0px;
bottom: 30px;
color: #ffffff;
font-size: 14px;
padding: 5px 18px;
display: inline-block;
background-color: #ff0000;
font-family: 'Roboto', sans-serif;
transform-origin: 49% -100%;
transform: rotate(-90deg);
}
.team-block-two .inner-box .image{
position:relative;
}
.team-block-two .inner-box .image img{
position:relative;
width:100%;
display:block;
}
.team-block-two .inner-box .content{
position:absolute;
left:0px;
bottom:22px;
opacity:0;
padding:15px 30px;
display:inline-block;
transform:translateX(-60px);
background-color:#ffffff;
transition: all 600ms ease;
-moz-transition: all 600ms ease;
-webkit-transition: all 600ms ease;
-ms-transition: all 600ms ease;
-o-transition: all 600ms ease;
transform:translateX(-60px);
}
.team-block-two .inner-box:hover .content{
opacity:1;
transform:translateX(22px);
}
.team-block-two .inner-box .content:before{
position:absolute;
content:'';
left:-2px;
top:8px;
bottom:8px;
width:2px;
background-color:#ff0000;
}
.team-block-two .inner-box .content .title{
position:relative;
color:#555555;
font-size:14px;
font-weight:400;
margin-bottom:5px;
font-family: 'Roboto', sans-serif;
}
.team-block-two .inner-box .content .name{
position:relative;
color:#222222;
font-size:20px;
font-weight:700;
text-transform:uppercase;
}
/***
====================================================================
Page Title
====================================================================
***/
.page-title{
position:relative;
padding:320px 0px 160px;
background-size:cover;
background-repeat:no-repeat;
background-position:center center;
background-attachment: fixed;
}
.page-title:before{
position:absolute;
content:'';
left:0px;
top:0px;
right:0px;
bottom:0px;
background-color:rgba(0,0,0,0.85);
}
.page-title .auto-container{
position:relative;
}
.page-title .text{
position:relative;
color:#ffffff;
font-size:16px;
margin-top:12px;
font-family: 'Roboto', sans-serif;
}
.page-title h2{
position:relative;
color:#ffffff;
font-weight:700;
font-size:42px;
line-height:1.4em;
margin-bottom: 10px;
text-transform:capitalize;
}
.page-breadcrumb{
position:relative;
margin-top:10px;
}
.page-breadcrumb li{
position:relative;
display:inline-block;
margin-right:10px;
padding-right:15px;
color:#ffffff !important;
font-size:16px;
font-weight:400;
text-transform:capitalize;
}
.page-breadcrumb li:after{
position:absolute;
content: "/";
right:0px;
top:1px;
color:#ffffff;
font-size:18px;
font-family: 'FontAwesome';
}
.page-breadcrumb li:last-child::after{
display: none;
}
.page-breadcrumb li:last-child{
padding-right:0px;
margin-right:0px;
}
.page-breadcrumb li a{
color:#cccccc;
font-weight:400;
text-transform: capitalize;
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;
}
.page-breadcrumb li a:hover{
color:#ff0000;
}
/***
====================================================================
Faq Page Section
====================================================================
***/
.faq-page-section{
position:relative;
padding-top:110px;
padding-bottom:110px;
}
.faq-page-section .sec-title{
margin-bottom:40px;
}
.faq-page-section .accordion-box{
padding-right:200px;
}
.faq-page-section .lower-section{
position:relative;
margin-top:110px;
}
.faq-page-section .lower-section .form-column .inner-column{
padding-top:80px;
}
.faq-page-section .lower-section .form-column .inner-column .sec-title h2{
text-transform:capitalize;
font-size:36px;
}
.faq-page-section .lower-section .form-column .inner-column .sec-title .title{
text-transform:capitalize;
}
/***
====================================================================
Team Page Section
====================================================================
***/
.team-page-section{
position:relative;
padding-top:105px;
padding-bottom:40px;
}
.team-page-section .team-block{
margin-bottom:60px;
}
/***
====================================================================
Testimonial Page Section
====================================================================
***/
.testimonial-page-section{
position:relative;
padding:110px 0px 60px;
}
.testimonial-block-three{
position:relative;
margin-bottom:50px;
}
.testimonial-block-three .inner-box{
position:relative;
padding-top:70px;
text-align:center;
border-radius:8px;
padding:50px 35px 0px;
}
.testimonial-block-three .inner-box:before{
position:absolute;
content:'';
left:0px;
top:0px;
right:0px;
bottom:70px;
border-radius:8px;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
box-shadow:0px 0px 10px rgba(0,0,0,0.12);
}
.testimonial-block-three .inner-box:hover::before{
background-image:none;
background-color:#ffffff;
}
.testimonial-block-three .inner-box .text{
position:relative;
font-size:16px;
line-height:1.8em;
}
.testimonial-block-three .inner-box .rating{
position:relative;
color:#ff0000;
margin-top:10px;
font-size:16px;
}
.testimonial-block-three .inner-box h4{
position:relative;
color:#222222;
line-height:1.4em;
font-weight:700;
margin-top:10px;
}
.testimonial-block-three .inner-box .designation{
position:relative;
color:#777777;
font-size:16px;
line-height:1.3em;
margin-top:10px;
margin-bottom:25px;
}
.testimonial-block-three .inner-box .author-image{
position:relative;
}
.testimonial-block-three .inner-box .author-image .image{
position:relative;
width:133px;
height:133px;
border-radius:50%;
overflow:hidden;
margin:0 auto;
}
.testimonial-block-three .inner-box .author-image .quote-icon{
position:absolute;
left:50%;
bottom:-20px;
color:#ffffff;
width:40px;
height:40px;
margin-left:-20px;
line-height:40px;
text-align:center;
border-radius:50px;
display:inline-block;
background-color:#ff0000;
}
/***
====================================================================
Coming Soon
====================================================================
***/
.coming-soon{
position:fixed;
width:100%;
height:100%;
display:block;
overflow-y:auto;
background-repeat: no-repeat;
background-position: center right;
background-size: cover;
text-align: center;
}
.coming-soon .content{
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
display: table;
vertical-align: middle;
}
.coming-soon .content:before{
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
background-color: #000000;
content: "";
opacity: .30;
}
.coming-soon .content .content-inner{
position: relative;
padding: 90px 15px 115px;
display: table-cell;
vertical-align: middle;
}
.coming-soon .content .content-inner .logo{
position: relative;
width: 250px;
height: 100px;
margin: 0 auto 190px;
}
.coming-soon .content .content-inner .sec-title{
display: none;
margin-bottom:50px;
}
.coming-soon .content .content-inner h2{
position:relative;
font-size:48px;
font-weight:700;
color: #ffffff;
line-height:1.2em;
padding-bottom: 0;
font-variant: small-caps;
}
.coming-soon .content .content-inner h2:after{
display: none;
}
.time-counter{
position:relative;
}
.time-counter .time-countdown{
position:relative;
margin-bottom: 180px;
}
.time-counter .time-countdown .counter-column{
position:relative;
display: inline-block;
width:180px;
height:180px;
font-size:20px;
line-height: 1em;
color:#ffffff;
text-transform:uppercase;
font-weight:600;
text-align: center;
z-index: 7;
border-radius: 20px;
box-shadow: 0 0 30px rgba(0,0,0,0.25);
background-color: rgba(54,54,54,.40);
font-family: 'Montserrat', sans-serif;
margin:0 15px 20px;
}
.time-counter .time-countdown .counter-column .count{
position:relative;
display:block;
font-size:72px;
line-height:30px;
padding:60px 0px 30px;
color:#ffffff;
font-weight:600;
}
.coming-soon .emailed-form{
position: relative;
margin-bottom: 40px;
}
.coming-soon .emailed-form h3{
font-size: 38px;
line-height: 1.2em;
font-weight: 600;
color: #ffffff;
margin-bottom: 20px;
}
.coming-soon .emailed-form .text{
position: relative;
display: block;
font-size: 18px;
font-weight: 400;
color: #ffffff;
line-height:1.8em;
margin-bottom: 40px;
}
.coming-soon .emailed-form .form-group{
position:relative;
display:block;
max-width:540px;
width:100%;
margin: 0 auto;
}
.coming-soon .emailed-form .form-group input[type="text"],
.coming-soon .emailed-form .form-group input[type="tel"],
.coming-soon .emailed-form .form-group input[type="email"],
.coming-soon .emailed-form .form-group textarea{
position:relative;
display:block;
width:100%;
line-height:28px;
height:60px;
font-size:16px;
color:#000000;
overflow:hidden;
padding:15px 135px 15px 20px;
background: #ffffff;
border: 1px solid #f1f1f1;
box-shadow: 0 0 13px rgba(0,0,0,0.10);
-webkit-transition:all 300ms ease;
-moz-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
transition:all 300ms ease;
}
.coming-soon .emailed-form .form-group input:focus,
.coming-soon .emailed-form .form-group select:focus,
.coming-soon .emailed-form .form-group textarea:focus{
}
.coming-soon .emailed-form .form-group input[type="submit"],
.coming-soon .emailed-form button{
position: absolute;
right: 4px;
top: 4.5px;
color: #ffffff !important;
font-size: 14px;
font-weight: 400;
cursor: pointer;
padding: 12px 34px;
border-radius: 0px;
background-color: #111111;
font-family: 'Roboto', sans-serif;
}
.coming-soon .emailed-form .form-group input[type="submit"]:hover,
.coming-soon .emailed-form button:hover{
color: #ffffff;
}
.coming-soon .copyright-text{
position: relative;
font-size: 18px;
line-height: 26px;
color: #ffffff;
font-weight: 400;
}
.coming-soon .copyright-text a{
color: #ff9600;
}
.coming-soon .copyright-text a:hover{
text-decoration: underline;
}
.clock-wrapper{
position: absolute;
top: 50%;
right: 0;
left: 0;
width: 250px;
height: 250px;
margin: auto;
margin-top: -145px;
border-radius: 50%;
box-shadow: 0 0 20px rgba(0,0,0,0.05);
background-color: rgba(0,0,0,.40);
transform: scale(2);
}
.clock-base{
width: 250px;
height: 250px;
border-radius: 50%;
}
.click-indicator{
position: absolute;
z-index: 1;
top: 10px;
left: 10px;
width: 230px;
height: 230px;
}
.click-indicator div{
position: absolute;
width: 2px;
height: 4px;
margin: 113px 114px;
}
.click-indicator div > span{
height: 5px;
width: 5px;
background-color: #ffffff;
display: inline-block;
border-radius: 50%;
margin-left: -1px;
margin-top: -1px;
}
.click-indicator div:nth-child(1) {
transform: rotate(30deg) translateY(-120px);
}
.click-indicator div:nth-child(2) {
transform: rotate(60deg) translateY(-120px);
}
.click-indicator div:nth-child(3) {
transform: rotate(90deg) translateY(-120px);
background-color: #F00;
}
.click-indicator div:nth-child(4) {
transform: rotate(120deg) translateY(-120px);
}
.click-indicator div:nth-child(5) {
transform: rotate(150deg) translateY(-120px);
}
.click-indicator div:nth-child(6) {
transform: rotate(180deg) translateY(-120px);
background-color: #F00;
}
.click-indicator div:nth-child(7) {
transform: rotate(210deg) translateY(-120px);
}
.click-indicator div:nth-child(8) {
transform: rotate(240deg) translateY(-120px);
}
.click-indicator div:nth-child(9) {
transform: rotate(270deg) translateY(-120px);
background-color: #F00;
}
.click-indicator div:nth-child(10) {
transform: rotate(300deg) translateY(-120px);
}
.click-indicator div:nth-child(11) {
transform: rotate(330deg) translateY(-120px);
}
.click-indicator div:nth-child(12) {
transform: rotate(360deg) translateY(-120px);
background-color: #F00;
}
.clock-hour{
position: absolute;
z-index: 2;
top: 75px;
left: 123px;
width: 4px;
height: 65px;
background-color: #ee3611;
border-radius: 2px;
box-shadow: 0 0 2px rgba(0,0,0,.2);
transform-origin: 2px 50px;
transition: .5s;
-webkit-animation: rotate-hour 43200s linear infinite;
-moz-animation: rotate-hour 43200s linear infinite;
}
.clock-minute{
position: absolute;
z-index: 3;
top: 55px;
left: 123px;
width: 4px;
height: 85px;
background-color: #ee3611;
border-radius: 2px;
box-shadow: 0 0 2px rgba(0,0,0,.2);
transform-origin: 2px 70px;
transition: .5s;
-webkit-animation: rotate-minute 3600s linear infinite;
-moz-animation: rotate-minute 3600s linear infinite;
}
.clock-second{
position: absolute;
z-index: 4;
top: 15px;
left: 124px;
width: 2px;
height: 130px;
background-color: #ffffff;
opacity: .9;
box-shadow: 0 0 2px rgba(0,0,0,.2);
transform-origin: 1px 110px;
transition: .5s;
-webkit-animation: rotate-second 60s linear infinite;
-moz-animation: rotate-second 60s linear infinite;
}
.clock-second:after{
content: "";
display: block;
position: absolute;
left: -3px;
bottom: 16px;
width: 8px;
height: 8px;
background-color: #a00;
border: solid 2px #a00;
border-radius: 50%;
box-shadow: 0 0 3px rgba(0,0,0,.2);
}
.clock-center{
position: absolute;
z-index: 1;
width: 150px;
height: 150px;
top: 50px;
left: 50px;
box-shadow: 0 0 3px rgba(0,0,0,.2);
border-radius: 50%;
}
.clock-center:after{
content: "";
display: block;
width: 20px;
height: 20px;
margin: 65px;
background-color: #ddd;
border-radius: 50%;
}
/***
====================================================================
Classess Section
====================================================================
***/
.classess-page-section{
position:relative;
padding:115px 0px 30px;
}
.classess-block{
position:relative;
margin-bottom:80px;
}
.classess-block .inner-box{
position:relative;
padding:0px 25px 32px;
}
.classess-block .inner-box:before{
position:absolute;
content:'';
left:0px;
top:60px;
right:0px;
bottom:0px;
width:370px;
height:391px;
background:url(../images/background/pattern-11.png) no-repeat;
}
.classess-block .inner-box .image{
position:relative;
background-color:#ff0000;
}
.classess-block .inner-box .image img{
position:relative;
width:100%;
display:block;
-webkit-transition:all 600ms ease;
-ms-transition:all 600ms ease;
-o-transition:all 600ms ease;
-moz-transition:all 600ms ease;
transition:all 600ms ease;
}
.classess-block .inner-box:hover .image img{
opacity:0.6;
}
.classess-block .inner-box .image .icon-box{
position:absolute;
right:20px;
bottom:-35px;
width:70px;
height:70px;
color:#ff0000;
font-size:36px;
line-height:70px;
border-radius:50px;
text-align:center;
background-color:#ffffff;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
box-shadow:0px 0px 15px rgba(0,0,0,0.15);
}
.classess-block .inner-box:hover .image .icon-box{
color:#ffffff;
background-color:#ff0000;
}
.classess-block .inner-box .lower-content{
position:relative;
padding-top:22px;
}
.classess-block .inner-box .lower-content .title{
position:relative;
color:#ff3c3c;
font-size:14px;
text-transform:uppercase;
font-family: 'Roboto', sans-serif;
}
.classess-block .inner-box .lower-content h4{
position:relative;
line-height:1.3em;
font-weight:700;
margin-top:5px;
text-transform:capitalize;
}
.classess-block .inner-box .lower-content h4 a{
position:relative;
color:#222222;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.classess-block .inner-box .lower-content h4 a:hover{
color:#ff0000;
}
.classess-block .inner-box .lower-content .text{
position:relative;
color:#555555;
font-size:16px;
line-height:1.8em;
margin-top:14px;
margin-bottom:20px;
font-family: 'Roboto', sans-serif;
}
.classess-block .inner-box .lower-content .read-more{
position:relative;
color:#222222;
font-size:14px;
font-weight:600;
padding-left:12px;
padding-bottom:12px;
font-family: 'Roboto', 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;
}
.classess-block .inner-box .lower-content .read-more:before{
position:absolute;
content:'';
left:0px;
width:30px;
height:30px;
border-left:1px solid #ff0000;
border-bottom:1px solid #ff0000;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.classess-block .inner-box .lower-content .read-more:hover{
color:#ff0000;
}
.classess-block .inner-box .lower-content .read-more:hover::before{
width:100%;
}
/***
====================================================================
Sidebar Page Container
====================================================================
***/
.sidebar-page-container{
position:relative;
padding:110px 0px 60px;
}
.sidebar-page-container.grey-bg:before{
position:absolute;
content:'';
left:0px;
top:0px;
width:34%;
height:100%;
background-color:#f5f5f5;
}
.sidebar-page-container .content-side,
.sidebar-page-container .sidebar-side{
margin-bottom:40px;
}
.sidebar-page-container .sidebar-side .sidebar.padding-right{
padding-right:40px;
}
.sidebar-widget{
margin-bottom:50px;
}
/* Service List */
.sidebar .service-list{
position:relative;
}
.sidebar .service-list li{
position:relative;
line-height:24px;
margin-bottom:10px;
box-shadow:0px 0px 5px rgba(0,0,0,0.10);
}
.sidebar .service-list li:last-child{
margin-bottom:0px;
}
.sidebar .service-list li a{
position:relative;
display:block;
color:#222222;
font-size:16px;
font-weight:600;
line-height:26px;
padding:17px 25px;
background-color:#ffffff;
transition:all 300ms ease;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
text-transform:uppercase;
}
.sidebar .service-list li a:before{
font-family: 'FontAwesome';
content: "\f105";
position:absolute;
right:15px;
top:0px;
width:30px;
height:60px;
display:block;
line-height:60px;
font-size:20px;
font-weight:normal;
text-align:center;
z-index:5;
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 .service-list li a:hover:before,
.sidebar .service-list li.current a:before{
background-color:#222222;
}
.sidebar .service-list li a:hover,
.sidebar .service-list li.current a{
color:#ffffff;
background:#ff0000;
}
/* Brochure Box */
.brochure-box{
position:relative;
margin-bottom:20px;
border:1px solid #dddddd;
padding:16px 15px 16px 30px;
transition:all 0.3s ease;
background-color:#ffffff;
border-radius:0px 50px 50px 0px;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.brochure-box .inner{
position:static;
padding-left:60px;
padding-right:20px;
}
.brochure-box .overlay-link{
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
display:block;
}
.brochure-box .inner .icon{
position:absolute;
left:-1px;
top:-1px;
width:60px;
height:61px;
color:#ffffff;
font-size:24px;
font-weight:400;
text-align:center;
line-height:60px;
background-color:#ff0000;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.brochure-box .inner .text{
position:relative;
font-size:16px;
font-weight:600;
color:#0d0d0d;
text-transform:uppercase;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.brochure-box:hover{
background-color:#222222;
border-color:#222222;
}
.brochure-box:hover .icon,
.brochure-box:hover .text{
color:#ffffff;
}
/* Help Widget */
.help-widget{
position:relative;
}
.help-widget .inner-box{
position:relative;
background-color:#ffffff;
box-shadow:0px 0px 10px rgba(0,0,0,0.10);
}
.help-widget .image{
position:relative;
}
.help-widget .image img{
position:relative;
width:100%;
display:block;
clip-path: polygon(0 0, 100% 0, 100% 100%, 0 90%);
}
.help-widget .lower-content{
position:relative;
padding:28px 30px 20px;
}
.help-widget .lower-content h4{
position:relative;
color:#0d0d0d;
font-weight:700;
line-height:1.3em;
}
.help-widget .lower-content .text{
position:relative;
color:#555555;
font-size:16px;
line-height:1.8em;
margin-top:16px;
margin-bottom:15px;
font-family: 'Roboto', sans-serif;
}
.help-widget .lower-content ul{
position:relative;
}
.help-widget .lower-content ul li{
position:relative;
margin-bottom:10px;
padding-left:25px;
}
.help-widget .lower-content ul li .icon{
position:absolute;
left:0px;
margin-right:12px;
color:#ff0000;
font-size:16px;
}
.help-widget .lower-content ul li a{
position:relative;
color:#555555;
font-size:16px;
font-family: 'Roboto', sans-serif;
}
/* Classes Detail */
.classes-detail{
position:relative;
}
.classes-detail .inner-box{
position:relative;
}
.classes-detail .inner-box .image{
position:relative;
}
.classes-detail .inner-box .image img{
position:relative;
width:100%;
display:block;
}
.classes-detail .inner-box .lower-content{
position:relative;
padding-top:28px;
}
.classes-detail .inner-box .lower-content h3{
position:relative;
color:#0d0d0d;
font-weight:700;
line-height:1.3em;
margin-bottom:20px;
}
.classes-detail .inner-box .lower-content h4{
position:relative;
color:#0d0d0d;
font-weight:700;
line-height:1.3em;
margin-bottom:20px;
}
.classes-detail .inner-box .lower-content p{
position:relative;
color:#555555;
font-size:16px;
line-height:1.8em;
font-family: 'Roboto', sans-serif;
}
.classes-detail .inner-box .lower-content .schedule-column{
position:relative;
margin-bottom:30px;
}
.classes-detail .inner-box .lower-content .schedule-column .inner-column{
position:relative;
text-align:center;
padding:28px 30px 30px;
border-radius:0px 10px 0px 0px;
background-color:#ffffff;
box-shadow:0px 0px 15px rgba(0,0,0,0.15);
}
.classes-detail .inner-box .lower-content .schedule-column .inner-column h5{
position:relative;
color:#222222;
font-weight:700;
}
.classes-detail .inner-box .lower-content .schedule-column .inner-column .time{
position:relative;
color:#555555;
font-weight:500;
margin-top:8px;
font-size:16px;
font-family: 'Roboto', sans-serif;
}
.classes-detail .inner-box .lower-content .schedule-column .inner-column .time span{
position:relative;
color:#ff0000;
}
/***
====================================================================
Portfolio Page Container
====================================================================
***/
.portfolio-page-section{
position:relative;
padding:110px 0px 110px;
}
.gallery-block{
position:relative;
margin-bottom:30px;
}
.gallery-block .inner-box{
position:relative;
overflow:hidden;
}
.gallery-block .inner-box .image{
position:relative;
}
.gallery-block .inner-box .image img{
position:relative;
width:100%;
display:block;
}
.gallery-block .inner-box .image .content{
position:absolute;
left:-255px;
bottom:30px;
padding:5px 5px;
transition:all 900ms ease;
-webkit-transition:all 900ms ease;
-ms-transition:all 900ms ease;
-o-transition:all 900ms ease;
-moz-transition:all 900ms ease;
background-color:rgba(255,255,255,0.80);
}
.gallery-block .inner-box:hover .image .content{
left:0px;
}
.gallery-block .inner-box .image .content .content-inner{
position:relative;
padding-right:55px;
padding-left:20px;
padding-top:10px;
padding-bottom:8px;
}
.gallery-block .inner-box .image .content .content-inner:before{
position:absolute;
content:'';
left:-5px;
top:5px;
width:3px;
bottom:5px;
background-color:#ff0000;
}
.gallery-block .inner-box .image .content h5{
position:relative;
font-weight:700;
line-height:1.4em;
}
.gallery-block .inner-box .image .content h5 a{
position:relative;
color:#222222;
}
.gallery-block .inner-box .image .content .icon{
position:absolute;
right:0px;
top:0px;
width:45px;
height:45px;
color:#ffffff;
font-size:20px;
font-weight:400;
line-height:45px;
text-align:center;
display:inline-block;
background-color:#ff0000;
}
.portfolio-page-section .styled-pagination{
margin-top:50px;
}
/***
====================================================================
Styled Pagination
====================================================================
***/
.styled-pagination{
position:relative;
display:inline-block;
padding:10px 10px;
border-radius:6px;
background: rgb(255,255,255);
background: radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(221,221,221,1) 100%);
}
.styled-pagination li{
position:relative;
margin:0px 1px 0px;
display:inline-block;
}
.styled-pagination li a{
position:relative;
width:40px;
height:40px;
color:#171717;
font-size:16px;
font-weight:400;
line-height:40px;
border-radius:50px;
text-align:center;
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;
font-family: 'Roboto', sans-serif;
}
.styled-pagination li.active a,
.styled-pagination li:hover a{
color:#ffffff;
background-color:#ff0000;
}
.styled-pagination li.prev a{
width:100px;
height:40px;
font-size:16px;
color:#171717;
font-weight:700;
border-radius:50px;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.styled-pagination li.next a{
width:100px;
height:40px;
font-size:16px;
color:#171717;
font-weight:700;
border-radius:50px;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.styled-pagination li.prev a:hover,
.styled-pagination li.next a:hover{
color:#ffffff;
}
/***
====================================================================
Portfolio Detail Section
====================================================================
***/
.portfolio-detail-section{
position:relative;
padding:110px 0px 100px;
}
.portfolio-detail-section .inner-box{
position:relative;
}
.portfolio-detail-section .inner-box .image{
position:relative;
margin-bottom:60px;
}
.portfolio-detail-section .inner-box .image img{
position:relative;
width:100%;
display:block;
}
.portfolio-detail-section .info-column{
position:relative;
}
.portfolio-detail-section .info-column .inner-column{
position:relative;
background-color:#f5f5f5;
}
.portfolio-detail-section .inner-box h4{
position:relative;
color:#ffffff;
font-weight:700;
padding:15px 25px;
background-color:#222222;
text-transform:uppercase;
}
.portfolio-detail-section .inner-box .text{
position:relative;
color:#555555;
font-size:16px;
line-height:1.9em;
padding:30px 30px 28px;
font-family: 'Roboto', sans-serif;
}
.portfolio-detail-section .inner-box .info-list{
position:relative;
}
.portfolio-detail-section .inner-box .info-list li{
position:relative;
padding:18px 30px 16px;
color:#222222;
font-size:16px;
font-weight:400;
border-top:1px solid #dddddd;
font-family: 'Roboto', sans-serif;
}
.portfolio-detail-section .inner-box .info-list li span{
position:relative;
color:#ff0000;
font-weight:500;
width:170px;
display:inline-block;
}
.portfolio-detail-section .content-column{
position:relative;
}
.portfolio-detail-section .content-column .inner-column{
position:relative;
}
.portfolio-detail-section .content-column h3{
position:relative;
color:#222222;
font-weight:700;
line-height:1.3em;
margin-bottom:15px;
}
.portfolio-detail-section .content-column h4{
position:relative;
color:#222222;
font-weight:700;
line-height:1.3em;
margin-bottom:15px;
background: none !important;
padding:0px !important;
text-transform: capitalize !important;
}
.portfolio-detail-section .content-column p{
position:relative;
color:#555555;
font-size:16px;
line-height:1.9em;
margin-bottom:15px;
font-family: 'Roboto', sans-serif;
}
.portfolio-detail-section .more-posts{
position:relative;
margin-top:40px;
}
.portfolio-detail-section .more-posts .btn-style-one{
border:2px solid #555555;
color:#555555;
width:160px;
font-weight:500;
text-align:center;
text-transform:uppercase;
}
.portfolio-detail-section .more-posts:before{
position:absolute;
content:'';
left:190px;
right:190px;
top:38px;
height:1px;
background-color:#dddddd;
}
.sidebar-title{
position:relative;
margin-bottom:28px;
}
.sidebar-title h4{
position: relative;
color: #222222;
font-weight: 700;
line-height: 1.3em;
padding-left:40px;
text-transform: capitalize;
}
.sidebar-title:before{
position:absolute;
content:'';
left:0px;
top:14px;
width:20px;
height:4px;
background-color:#ff0000;
}
.sidebar-title h4:before {
position:absolute;
content:'';
left:24px;
top:14px;
height:4px;
width:4px;
background-color:#222222;
}
/*Search Box Widget*/
.sidebar .search-box .form-group,
.footer-widget .search-box .form-group{
position:relative;
margin:0px;
}
.sidebar .search-box .form-group input[type="text"],
.sidebar .search-box .form-group input[type="search"],
.footer-widget .search-box .form-group input[type="search"]{
position:relative;
line-height:43px;
padding:10px 50px 10px 25px;
background:#f5f5f5;
display:block;
font-size:14px;
width:100%;
height:60px;
color:#000000;
border-radius:50px;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
font-family: 'Roboto', sans-serif;
}
.sidebar .search-box .form-group button,
.footer-widget .search-box .form-group button{
position:absolute;
right:0px;
top:0px;
height:60px;
width:60px;
display:block;
font-size:16px;
color:#ffffff;
border-radius:50px;
line-height:100%;
font-weight:normal;
background:#ff0000;
}
/* Blog Cat */
.blog-cat{
position:relative;
border-radius:8px;
overflow:hidden;
background-color:#f5f5f5;
}
.blog-cat li{
position:relative;
}
.blog-cat li a{
position:relative;
color:#555555;
font-size:16px;
padding:18px 30px;
display:block;
font-weight:500;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
border-bottom:1px solid #dddddd;
font-family: 'Roboto', sans-serif;
}
.blog-cat li a:hover{
color:#ff0000;
}
.blog-cat li:last-child a{
border-bottom:0px;
}
.blog-cat li a span{
position:absolute;
right:30px;
}
.sticky-top{
top:90px;
z-index:1;
}
/* Post Widget */
.sidebar .popular-posts .widget-content{
position:relative;
}
.sidebar .popular-posts .post{
position:relative;
font-size:14px;
color:#666666;
padding:0px 0px 20px;
margin-bottom:30px;
border-bottom:1px solid #dddddd;
}
.sidebar .popular-posts .post:last-child{
padding:0px;
margin-bottom:0px;
border-bottom:0px;
}
.sidebar .popular-posts .post .post-inner{
position:relative;
min-height:90px;
padding-left:100px;
}
.sidebar .popular-posts .post:last-child{
margin-bottom:0px;
border-bottom:none;
min-height:auto;
}
.sidebar .popular-posts .post .post-thumb{
position:absolute;
left:0px;
top:0px;
width:80px;
border-radius:0px;
overflow:hidden;
}
.sidebar .popular-posts .post .post-thumb .overlay-box{
position: absolute;
content: '';
left: 0px;
top: 0px;
width: 100%;
height: 100%;
display: block;
color: #ffffff;
font-size: 18px;
opacity: 0;
text-align: center;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
background-color: rgba(255,0,0,0.70);
}
.sidebar .popular-posts .post .post-thumb .overlay-box .fa{
top: 50%;
position: relative;
margin-top: -12px;
display: block;
}
.sidebar .popular-posts .post:hover .post-thumb .overlay-box{
opacity:1;
}
.sidebar .popular-posts .post .post-thumb img{
display:block;
width:100%;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.sidebar .popular-posts .post .text{
position:relative;
top:0px;
font-size:16px;
margin:0px 0px 0px;
font-weight:700;
color:#222222;
line-height:1.6em;
text-transform:capitalize;
}
.sidebar .popular-posts .post .text a{
color:#222222;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.sidebar .popular-posts .post a:hover{
color:#ff0000;
}
.sidebar .popular-posts .post-info{
position:relative;
font-size:16px;
color:#777777;
font-weight:400;
margin-top:7px;
}
/* Newsletter Box Widget */
.sidebar .newsletter-box .form-group{
position:relative;
margin:0px;
}
.sidebar .newsletter-box .form-group input[type="text"],
.sidebar .newsletter-box .form-group input[type="search"]{
position:relative;
line-height:43px;
padding:10px 50px 10px 25px;
background:#f5f5f5;
display:block;
font-size:14px;
width:100%;
height:60px;
color:#000000;
border-radius:50px;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
font-family: 'Roboto', sans-serif;
}
.sidebar .newsletter-box .form-group button{
position:absolute;
right:0px;
top:0px;
height:60px;
width:60px;
display:block;
font-size:26px;
color:#ffffff;
border-radius:50px;
line-height:100%;
font-weight:normal;
background:#222222;
}
/* Popular Tags */
.sidebar .popular-tags a{
position:relative;
display:inline-block;
line-height:24px;
padding:10px 26px 10px;
margin:0px 6px 10px 0px;
color:#555555;
text-align:center;
font-size:14px;
background:#f5f5f5;
font-weight:400;
border-radius:50px;
text-transform:capitalize;
transition:all 300ms ease;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
font-family: 'Roboto', sans-serif;
}
.sidebar .popular-tags a:hover{
background-color:#ff0000;
color:#ffffff;
}
.instagram-widget .post-thumb{
position:relative;
width:30.5%;
float:left;
border-radius:0px;
overflow:hidden;
margin:12px 4px 0px;
}
.instagram-widget .post-thumb .overlay-box{
position: absolute;
content: '';
left: 0px;
top: 0px;
width: 100%;
height: 100%;
display: block;
color: #ffffff;
font-size: 18px;
opacity: 0;
text-align: center;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
background-color: rgba(255,0,0,0.70);
}
.instagram-widget .post-thumb .overlay-box .fa{
top: 50%;
position: relative;
margin-top: -12px;
display: block;
}
.instagram-widget .post-thumb:hover .overlay-box{
opacity:1;
}
.instagram-widget .post-thumb img{
display:block;
width:100%;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.contact-form input.error,
.contact-form select.error,
.contact-form textarea.error{
border-color:#ff0000 !important;
}
.contact-form label.error{
display:block;
line-height:24px;
padding:5px 0px 0px;
margin:0px;
text-transform:uppercase;
font-size:12px;
color:#ff0000;
font-weight:500;
}
/* News Block Three */
.news-block-three{
position:relative;
margin-bottom:60px;
}
.news-block-three .inner-box{
position:relative;
}
.news-block-three .inner-box .image{
position:relative;
overflow:hidden;
display:inline-block;
background-color:#ff0000;
}
.news-block-three .inner-box .image img{
position:relative;
width:auto;
display:block;
transition:all 900ms ease;
-webkit-transition:all 900ms ease;
-ms-transition:all 900ms ease;
-o-transition:all 900ms ease;
-moz-transition:all 900ms ease;
}
.news-block-three .inner-box:hover .image img{
opacity:0.7;
}
.news-block-three .inner-box .owl-nav{
position:absolute;
left:0px;
top:50%;
width:100%;
margin-top:-60px;
}
.news-block-three .inner-box .owl-nav .owl-prev{
position:absolute;
left:0px;
width:30px;
height:120px;
line-height:120px;
text-align:center;
font-size:20px;
color:#ffffff;
font-weight:600;
border-radius:0px;
display:inline-block;
background-color:#222222;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.news-block-three .inner-box .owl-nav .owl-next{
position:absolute;
right:0px;
width:30px;
height:120px;
line-height:120px;
text-align:center;
font-size:20px;
color:#ffffff;
font-weight:600;
border-radius:0px;
display:inline-block;
background-color:#222222;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.news-block-three .inner-box .owl-nav .owl-prev:hover,
.news-block-three .inner-box .owl-nav .owl-next:hover{
background-color:#ff0000;
}
.news-block-three .inner-box .lower-content{
position:relative;
padding:35px 35px 50px;
border:1px solid #dddddd;
}
.news-block-three .inner-box .lower-content .post-meta{
position:relative;
}
.news-block-three .inner-box .lower-content .post-meta li{
position:relative;
margin-right:15px;
color:#555555;
font-size:16px;
padding-left:25px;
display:inline-block;
font-family: 'Roboto', sans-serif;
}
.news-block-three .inner-box .lower-content .post-meta li .icon{
position:absolute;
left:0px;
margin-right:8px;
font-weight:400;
color:#ff0000;
}
.news-block-three .inner-box .lower-content h3{
position:relative;
line-height:1.4em;
font-weight:700;
margin-top:15px;
margin-bottom:12px;
}
.news-block-three .inner-box .lower-content h3 a{
position:relative;
color:#222222;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.news-block-three .inner-box .lower-content h3 a:hover{
color:#ff0000;
}
.news-block-three .inner-box .lower-content .text{
position:relative;
line-height:1.9em;
font-weight:400;
color:#555555;
font-size:16px;
margin-top:15px;
margin-bottom:20px;
font-family: 'Roboto', sans-serif;
}
.news-block-three .inner-box .lower-content .read-more{
position:relative;
color:#222222;
font-size:16px;
padding-left:12px;
padding-bottom:12px;
font-weight:600;
font-family: 'Roboto', 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;
}
.news-block-three .inner-box .lower-content .read-more:before{
position:absolute;
content:'';
left:0px;
width:30px;
height:30px;
border-left:1px solid #ff0000;
border-bottom:1px solid #ff0000;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.news-block-three .inner-box .lower-content .read-more:hover{
color:#ff0000;
}
.news-block-three .inner-box .lower-content .read-more:hover::before{
width:100%;
}
.news-block-three .inner-box .image .overlay-box{
position:absolute;
left:0px;
bottom:0px;
width:100px;
height:100px;
display:block;
text-align:center;
background-color:#ff0000;
}
.news-block-three .inner-box .image .overlay-box .icon{
position:absolute;
left:50%;
top:50%;
width:100px;
height:100px;
color:#ffffff;
margin-left:-50px;
text-align:center;
border-radius:0%;
line-height:100px;
display:inline-block;
padding-left:4px;
font-size:25px;
margin-top:-50px;
}
.news-block-three .inner-box .image .overlay-box .ripple,
.news-block-three .inner-box .image .overlay-box .ripple:before,
.news-block-three .inner-box .image .overlay-box .ripple:after {
position: absolute;
top: 50%;
left: 50%;
width:100px;
height:100px;
margin-left:.5px;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-border-radius: 0%;
-moz-border-radius: 0%;
-ms-border-radius: 0%;
-o-border-radius: 0%;
border-radius: 0%;
-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, .7);
-moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, .7);
-ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, .7);
-o-box-shadow: 0 0 0 0 rgba(255, 255, 255, .7);
box-shadow: 0 0 0 0 rgba(255, 255, 255, .7);
-webkit-animation: ripple 3s infinite;
-moz-animation: ripple 3s infinite;
-ms-animation: ripple 3s infinite;
-o-animation: ripple 3s infinite;
animation: ripple 3s infinite;
}
.news-block-three .inner-box .image .overlay-box .ripple:before {
-webkit-animation-delay: .9s;
-moz-animation-delay: .9s;
-ms-animation-delay: .9s;
-o-animation-delay: .9s;
animation-delay: .9s;
content: "";
position: absolute;
}
.news-block-three .inner-box .image .overlay-box .ripple:after {
-webkit-animation-delay: .6s;
-moz-animation-delay: .6s;
-ms-animation-delay: .6s;
-o-animation-delay: .6s;
animation-delay: .6s;
content: "";
position: absolute;
}
/* News Block Four */
.news-block-four{
position:relative;
margin-bottom:60px;
}
.news-block-four .inner-box{
position:relative;
padding:60px 30px;
text-align:center;
background-color:#730000;
}
.news-block-four .inner-box h3{
position:relative;
font-weight:700;
line-height:1.4em;
}
.news-block-four .inner-box h3 a{
position:relative;
color:#ffffff;
}
.news-block-four .inner-box .designation{
position:relative;
font-weight:400;
color:#ffffff;
line-height:1.8em;
font-size:16px;
display:block;
margin-top:15px;
font-family: 'Roboto', sans-serif;
}
.news-block-four .inner-box .designation span{
position:relative;
display:block;
}
/* News Detail */
.blog-single{
position:relative;
margin-bottom:20px;
}
.blog-single .inner-box{
position:relative;
}
.blog-single .inner-box .image{
position:relative;
overflow:hidden;
background-color:#ff0000;
border-radius:8px;
}
.blog-single .inner-box .image img{
position:relative;
width:100%;
display:block;
transition:all 900ms ease;
-webkit-transition:all 900ms ease;
-ms-transition:all 900ms ease;
-o-transition:all 900ms ease;
-moz-transition:all 900ms ease;
}
.blog-single .inner-box:hover .image img{
opacity:0.7;
}
.blog-single .inner-box .lower-content{
position:relative;
padding:35px 35px 50px;
border:1px solid #dddddd;
}
.blog-single .inner-box .lower-content .post-meta{
position:relative;
margin-bottom:20px;
}
.blog-single .inner-box .lower-content .post-meta li{
position:relative;
margin-right:15px;
color:#555555;
font-size:16px;
padding-left:25px;
display:inline-block;
font-family: 'Roboto', sans-serif;
}
.blog-single .inner-box .lower-content .post-meta li .icon{
position:absolute;
left:0px;
top:0px;
margin-right:8px;
font-weight:400;
color:#5c5c5c;
}
.blog-single .inner-box .lower-content .two-column{
position:relative;
margin-bottom:30px;
margin-top:25px;
}
.blog-single .inner-box .lower-content h3{
position:relative;
line-height:1.4em;
font-weight:700;
margin-top:0px;
color:#222222;
margin-bottom:12px;
}
.blog-single .inner-box .lower-content h4{
position:relative;
line-height:1.5em;
font-weight:700;
margin-top:0px;
color:#222222;
margin-bottom:12px;
}
.blog-single .inner-box .lower-content p{
position:relative;
line-height:1.8em;
font-weight:400;
color:#555555;
font-size:16px;
margin-top:15px;
margin-bottom:20px;
font-family: 'Roboto', sans-serif;
}
.blog-single .inner-box .lower-content blockquote{
position:relative;
font-size: 16px;
line-height: 30px;
font-weight: 500;
font-style: normal;
padding: 30px;
padding-left: 63px;
text-align:left;
border: none;
margin: 30px 0 30px;
color: #222222;
border-radius: 8px;
margin-left: 30px;
margin-top: 40px;
background-color: #f8f7f4;
}
.blog-single .inner-box .lower-content blockquote cite{
display: block;
font-size: 14px;
line-height: 23px;
font-style: normal!important;
font-weight: 600 !important;
margin-top: 15px;
}
.blog-single .inner-box .lower-content blockquote .quote-icon{
position: absolute;
color: #ffffff !important;
background:#ff0000;
font-size: 20px;
margin-top: 15px;
line-height:70px;
text-align:center;
left: -30px;
top: -30px;
width:70px;
height:70px;
border-radius:50%;
}
/* Post Share Options */
.blog-single .post-share-options{
position:relative;
margin-top: 40px;
padding:25px 0px 30px;
border-top:1px solid #e4deee;
}
.blog-single .post-share-options .tags span{
font-size:15px;
color:#222222;
font-weight:700;
margin-right:8px;
text-transform: capitalize;
font-family: 'Roboto', sans-serif;
}
.blog-single .post-share-options .tags a{
position:relative;
color:#ffffff;
font-size:15px;
font-weight:400;
line-height: 1.5em;
padding: 5px 15px;
background-color:#222222;
margin-right: 4px;
margin-bottom:4px;
display: inline-block;
border-radius:0px;
text-transform:capitalize;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
font-family: 'Roboto', sans-serif;
}
.blog-single .post-share-options .tags{
position:relative;
color:#ff4800;
font-size:16px;
font-weight:400;
margin-top:3px;
}
.blog-single .post-share-options .tags a:hover{
color:#ff0000;
}
.blog-single .post-share-options .social-box{
position:relative;
}
.blog-single .post-share-options .social-box > span{
font-size:15px;
color:#222222;
font-weight:700;
margin-right:0px;
text-transform: capitalize;
}
.blog-single .post-share-options .social-box li{
position:relative;
margin-left:15px;
display:inline-block;
}
.blog-single .post-share-options .social-box li a{
position:relative;
font-size:16px;
color:#4e4e4e;
display:inline-block;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.blog-single .post-share-options .social-box li a:hover{
color:#ff0000;
}
/* Author Box */
.author-box{
position:relative;
padding: 30px 30px;
margin-top:20px;
margin-bottom: 55px;
background-color:#f7f7f7;
}
.author-box .author-inner{
position:relative;
padding-left: 170px;
}
.author-box .thumb{
position:absolute;
left:0px;
top:0px;
height: 125px;
width: 135px;
overflow: hidden;
}
.author-box .thumb img{
display: block;
width: 100%;
height: auto;
}
.author-box .name{
position: relative;
display: block;
font-size: 18px;
line-height: 30px;
color: #222222;
font-weight: 700;
margin-bottom: 5px;
display:inline-block;
margin-right:25px;
}
.author-box .author-text{
position: relative;
display: block;
font-size: 16px;
line-height: 30px;
color: #555555;
font-weight: 400;
margin-bottom: 18px;
line-height:1.9em;
margin-top:10px;
font-family: 'Roboto', sans-serif;
}
.author-box .social-icon{
position: relative;
display:inline-block;
}
.author-box .social-icon li{
position: relative;
display: inline-block;
margin-right: 6px;
}
.author-box .social-icon li:last-child{
margin-right: 0;
}
.author-box .social-icon li a{
position:relative;
width:36px;
height:36px;
display: block;
font-size:14px;
font-weight:400;
line-height: 34px;
color:#ff0000;
border-radius:50px;
text-align:center;
display:inline-block;
border:1px solid #ff0000;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.author-box .social-icon li a:hover{
color: #ffffff;
border-color:#ff0000;
background-color:#ff0000;
}
/***
====================================================================
Comments Area
====================================================================
***/
.sidebar-page-container .comments-area{
position:relative;
margin-top:70px;
margin-bottom:50px;
}
.sidebar-page-container .group-title{
position:relative;
margin-bottom:30px;
}
.sidebar-page-container .group-title h4{
position:relative;
font-size:24px;
color:#c08c4d;
font-weight:700;
text-transform:capitalize;
}
.sidebar-page-container .comments-area .comment-box{
position:relative;
padding:30px 30px 5px;
margin-bottom:30px;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
background-color:#f7f7f7;
}
.sidebar-page-container .comments-area .comment-box:last-child{
/*margin-bottom:0px;*/
}
.sidebar-page-container .comments-area .comment{
position:relative;
font-size:14px;
min-height:120px;
padding:5px 0px 0px 145px;
}
.sidebar-page-container .comments-area .reply-comment{
margin-left:70px;
}
.sidebar-page-container .comments-area .comment-box .author-thumb{
position:absolute;
left:0px;
top:0px;
width:120px;
margin-bottom:20px;
overflow:hidden;
}
.sidebar-page-container .comments-area .comment-box .author-thumb img{
width:100%;
display:block;
}
.sidebar-page-container .comments-area .comment-box .author-thumb .reply-btn{
position:absolute;
left:0px;
bottom:0px;
z-index:1;
color:#ffffff;
font-size:14px;
padding:4px 10px;
display:inline-block;
background-color:#222222;
}
.sidebar-page-container .comments-area .comment-info{
margin-bottom:15px;
}
.sidebar-page-container .comments-area .comment-box strong{
font-size:16px;
font-weight:700;
color:#222222;
display:block;
line-height:1.3em;
display:inline-block;
text-transform:capitalize;
}
.sidebar-page-container .comments-area .comment-box .text{
position:relative;
color:#666666;
font-size:16px;
line-height:1.7em;
margin-bottom:10px;
font-family: 'Roboto', sans-serif;
}
.sidebar-page-container .comments-area .comment-info .comment-time{
font-size:16px;
color:#222222;
font-weight:600;
margin-left:15px;
display:inline-block;
}
.sidebar-page-container .comments-area .comment-box .theme-btn{
position:relative;
font-size:16px;
color:#a5a5a5;
font-weight:400;
text-transform:capitalize;
}
.sidebar-page-container .comments-area .comment-box .theme-btn:hover{
color:#ffffff;
background-color:#fd0304;
}
/* Error Section */
.error-section{
position:relative;
padding:160px 0px 160px;
}
.error-section .content{
position:relative;
text-align:center;
}
.error-section .error-title{
position:relative;
color:#222222;
font-size:180px;
font-weight:800;
line-height:1em;
margin-bottom:10px;
font-family: 'Montserrat', sans-serif;
}
.error-section h2{
position:relative;
color:#222222;
font-weight:800;
line-height:1.2em;
margin-bottom:10px;
}
.error-section .text{
position:relative;
color:#222222;
font-size:20px;
font-weight:300;
margin-top:20px;
margin-bottom:30px;
}
/* RTL */
.rtl .wp-block-themepunch-revslider {
direction: ltr;
}
.rtl .footer-widget ul li {
padding-right: 20px;
padding-left: 0px;
text-align: right;
}
.rtl .main-footer .list-link li a:before {
right: 0px;
left: auto;
transform: rotate(180deg);
}
.rtl .footer-widget ul li:before {
right: 0px;
left: auto;
transform: rotate(180deg);
}
.rtl .main-header .header-top .info-list,
.rtl .main-header .header-top .top-left{
float:right;
}
.rtl .main-header .header-top .language{
float:left;
margin-left:0px;
margin-right:22px;
margin-top:3px;
}
.rtl .main-header .header-top .top-right{
float:left;
}
.rtl .main-header .header-top .language .flag-icon{
margin-right:0px;
margin-left:8px;
}
.rtl .main-header.header-style-three .header-top .language .flag-icon{
margin-right:8px;
margin-left:0px;
}
.rtl .main-header .header-top .language .dropdown-menu{
left:0px !important;
right:auto;
}
.rtl .main-header .header-top .info-list li{
padding-left:20px;
border-left:1px solid #ffffff;
border-right:none;
padding-right:25px;
}
.rtl .main-header .header-top .info-list li:last-child{
padding-right:28px;
margin-right:22px;
}
.rtl .main-header .header-top .info-list li .icon{
right:0px;
left:auto;
}
.rtl .header-style-one .header-upper .logo-box{
float:right;
}
.rtl .header-style-one .nav-outer,
.rtl .header-style-two .nav-outer{
float:left;
}
.rtl .header-style-two .header-upper .logo-box{
float:right;
}
.rtl .header-style-two .header-top .language .flag-icon{
margin-left:0px;
margin-right:8px;
}
.rtl .main-header .header-upper .logo-box:before{
width:100%;
left:0px;
right:auto;
border-right:0px;
border-left:3px solid #ff0000;
}
.rtl .main-header .header-upper .logo-box{
padding-right:0px;
padding-left:20px;
}
.rtl .header-style-one .outer-box{
float:left;
margin-left:0px;
margin-right:30px;
}
.rtl .header-style-one .main-menu{
float:right;
}
.rtl .header-style-one .main-menu .navigation > li,
.rtl .header-style-two .main-menu .navigation > li{
float:right;
margin-right:0px;
margin-left:30px;
}
.rtl .main-menu .navigation > li > ul{
left:auto;
right:-30px;
}
.rtl .main-menu .navigation > li.dropdown:hover > ul{
left:auto;
right:0px;
}
.rtl .about-section .content-column .inner-column,
.rtl .main-header .header-top .language .dropdown-menu > li > a,
.rtl .sidebar-info-contents .content-inner .contact-info h2,
.rtl .sidebar-info-contents .content-inner .content-box,
.rtl .main-menu .navigation > li > ul > li > ul > li > a,
.rtl .main-menu .navigation > li > ul > li > a{
text-align:right;
}
.rtl .main-menu .navigation > li > ul > li.dropdown > a:after{
right:auto;
left:15px;
transform: rotate(180deg);
}
.rtl .main-menu .navigation li > ul > li.dropdown:hover > ul{
left:auto;
right:100%;
}
.rtl .main-menu .navigation > li > ul > li > ul{
left:auto;
right:120%;
}
.rtl .main-header .outer-box .cart-box .cart-panel{
left:0px !important;
right:auto !important;
}
.rtl .main-header .outer-box .cart-product .inner{
padding-left:0px;
padding-right:90px;
text-align:right;
}
.rtl .main-header .outer-box .cart-product .inner .cross-icon{
left:0px;
right:auto;
}
.rtl .main-header .outer-box .cart-product .inner .image{
right:0px;
left:auto;
}
.rtl .list-style-one li{
text-align:right;
padding-left:0px;
padding-right:30px;
}
.rtl .list-style-one li .icon{
right:0px;
left:auto;
}
.rtl .featured-block .block-inner{
padding-left:0px;
padding-right:100px;
text-align:right;
}
.rtl .featured-block .icon{
right:0px;
left:auto;
}
.rtl .team-block .inner-box .content{
text-align:right;
}
.rtl .testimonials-thumbs-carousel .carousel-indicators li:nth-child(4){
left:260px;
}
.rtl .testimonials-thumbs-carousel .carousel-control-prev{
left:20px;
}
.rtl .testimonials-thumbs-carousel .carousel-control-next{
right:auto;
left:0px;
margin-right:0px;
margin-left:50px;
}
.rtl .default-form .form-group,
.rtl .ui-menu .ui-menu-item-wrapper,
.rtl .testimonial-block .inner-box,
.rtl .calculate-section .info-column .table-outer .info-list,
.rtl .calculate-section .info-column .table-outer .table-boxed .table-content,
.rtl .testimonials-thumbs-carousel .carousel-column{
text-align:right;
}
.rtl .testimonial-block .inner-box .quote-icon{
left:10px;
right:auto;
}
.rtl .testimonial-block .inner-box .text{
padding-right:0px;
padding-left:60px;
}
.rtl .calculate-section .info-column .inner-column{
padding-left:0px;
padding-right:100px;
}
.rtl .calculate-section .info-column .table-outer .table-boxed ul li span{
padding-right:20px;
}
.rtl .default-form .form-group select{
direction: rtl;
text-align:right;
}
.rtl .timetable-section .timetable-tabs{
padding-left:30px;
padding-right:188px;
}
.rtl .timetable-section .table-title-box{
left:auto;
right:0px;
}
.rtl .timetable-section .timetable-tabs .tab-btns{
text-align:right;
}
.rtl .timetable-section .timetable-tabs .tab-btns .tab-btn{
float:none;
display:inline-block;
}
.rtl .news-block .inner-box .image .post-date{
right:-10px;
left:auto;
}
.rtl .contact-form-section .title-column .inner-column,
.rtl .news-block .inner-box .lower-content{
text-align:right;
}
.rtl .contact-map-section .map-info-boxed .image-column{
float:right;
}
.rtl .contact-map-section .map-info-boxed .info-column ul li{
padding-left:0px;
padding-right:80px;
text-align:right;
}
.rtl .contact-map-section .map-info-boxed .info-column ul li .icon{
left:auto;
right:0px;
}
.rtl .main-footer .timing-widget ul li,
.rtl .main-footer .footer-widget h4{
text-align:right;
}
.rtl .main-footer .footer-widget h4:before{
right:0px;
left:auto;
}
.rtl .main-footer .list-link li{
text-align:right;
}
.rtl .main-footer .list-link li a{
padding-left:0px;
padding-right:20px;
}
.rtl .main-footer .list-link li a:before{
right:0px;
left:auto;
transform:rotate(180deg);
}
.rtl .main-footer .news-widget .post{
padding-right:110px;
padding-left:0px;
text-align:right;
}
.rtl .main-footer .news-widget .post .thumb{
right:0px;
left:auto;
}
.rtl .main-footer .logo-widget{
text-align:right;
}
.rtl .main-header.header-style-two .header-top .info-list li{
margin-right:0px;
margin-left:20px;
}
.rtl .featured-block-two .inner-box .lower-content,
.rtl .choose-section .images-column .info-box,
.rtl .choose-section .content-column .inner-column,
.rtl .main-slider-two .content-boxed{
text-align:right;
}
.rtl .main-slider-two .video-box{
left:140px;
right:auto;
}
.rtl .calculate-section-two .title-column{
order:2;
text-align:right;
}
.rtl .calculate-section-two .form-column{
order:1;
}
.rtl .featured-block-two .inner-box .image .icon-box{
right:auto;
left:20px;
}
.rtl .fact-counter .column .inner .content{
padding-left:0px;
padding-right:90px;
text-align:right;
}
.rtl .fact-counter .column .inner .icon{
right:0px;
left:auto;
}
.rtl .timetable-section-two .table-title-box,
.rtl .timetable-section-two .timetable-tabs{
padding-left:20px;
padding-right:188px;
}
.rtl .timetable-section-two .timetable-tabs .tab-btns{
left:auto;
right:0px;
}
.rtl .timetable-section-two .table-title-box .title{
right:0px;
left:auto;
}
.rtl .testimonial-section .title-column{
order:2;
text-align:right;
}
.rtl .testimonial-section .testimonial-column{
order:1;
}
.rtl .testimonial-section .testimonial-column .owl-nav{
direction:ltr;
left:0px;
right:auto;
}
.rtl .testimonial-block-two .inner-box .upper-box{
padding-left:0px;
text-align:right;
padding-right:120px;
}
.rtl .testimonial-block-two .inner-box .upper-box .author-image{
right:10px;
left:auto;
}
.rtl .main-footer .consult-widget .text,
.rtl .main-footer .consult-widget .social-links,
.rtl .pricing-block .inner-box,
.rtl .news-block-two .inner-box .lower-content,
.rtl .testimonial-block-two .inner-box .text{
text-align:right;
}
.rtl .pricing-block .inner-box .price-list li{
padding-left:0px;
padding-right:28px;
}
.rtl .pricing-block .inner-box .price-list li:before{
right:0px;
left:auto;
}
.rtl .news-block-two .inner-box .lower-content .lower-box .author-info .info-inner{
padding-left:0px;
padding-right:70px;
text-align:right;
}
.rtl .news-block-two .inner-box .lower-content .lower-box .author-info .icon{
right:0px;
left:auto;
}
.rtl .subscribe-section .title-column{
order:2;
text-align:right;
}
.rtl .subscribe-section .form-column{
order:1;
}
.rtl .newsletter-form .form-group input[type="text"],
.rtl .newsletter-form .form-group input[type="email"]{
text-align:right;
padding-left:130px;
padding-right:20px;
}
.rtl .newsletter-form .form-group .submit-btn{
left:0px;
right:auto;
}
.rtl .main-footer .footer-info-list li{
padding-left:0px;
padding-right:30px;
}
.rtl .main-footer .footer-info-list li .icon{
right:0px;
left:auto;
}
.rtl .header-style-three .header-upper .logo-box{
float:right;
}
.rtl .header-style-three .main-menu{
float:right;
}
.rtl .header-style-three .nav-outer{
float:left;
}
.rtl .header-style-three .outer-box{
float:left;
margin-left:0px;
margin-right:40px;
}
.rtl .header-style-three .main-menu .navigation > li{
float:right;
margin-right:0px;
margin-left:30px;
}
.rtl .newsletter-form .form-group input[type="email"]{
border-radius:50px;
}
.rtl .benefits-section .content-column{
order:2;
text-align:right;
}
.rtl .benefits-section .images-column{
order:1;
}
.rtl .benefit-block .block-inner{
padding-left:0px;
text-align:right;
padding-right:100px;
}
.rtl .fact-counter-two .column .inner .icon,
.rtl .benefit-block .icon{
right:0px;
left:auto;
}
.rtl .fluid-section-one .outer-container .right-column .inner-column{
text-align:right;
}
.rtl .skills .skill-item .skill-header .skill-percentage{
left:0px;
right:auto;
}
.rtl .skills .skill-item .skill-header .skill-title{
float:right;
}
.rtl .fact-counter-two .column .inner .content{
padding-left:0px;
padding-right:90px;
text-align:right;
}
.rtl .accordion-box .block,
.rtl .team-block-two .inner-box .content,
.rtl .faq-section .accordian-column{
text-align:right;
}
.rtl .accordion-box .block .icon-outer{
left:-1px;
right:auto;
}
.rtl .accordion-box .block .acc-btn{
padding-right:25px;
}
.rtl .accordion-box .block .content{
padding-right:25px;
padding-left:80px;
}
.rtl .page-title .pull-left{
float:right;
text-align:right;
}
.rtl .page-title .pull-right{
float:left;
}
.rtl .coming-soon .emailed-form .form-group input[type="email"]{
text-align:right;
padding-right:30px;
}
.rtl .classess-block .inner-box .image .icon-box{
left:20px;
right:auto;
}
.rtl .coming-soon .emailed-form .form-group input[type="submit"],
.rtl .coming-soon .emailed-form button{
left:0px;
right:auto;
}
.rtl .classess-block .inner-box .lower-content{
text-align:right;
}
.rtl .sidebar .service-list li a{
text-align:right;
}
.rtl .sidebar .service-list li a:before{
left:15px;
right:auto;
}
.rtl .portfolio-detail-section .inner-box h4,
.rtl .portfolio-detail-section .inner-box .text,
.rtl .portfolio-detail-section .content-column .inner-column,
.rtl .brochure-box .inner{
text-align:right;
}
.rtl .classes-detail .inner-box .lower-content,
.rtl .help-widget .lower-content{
text-align:right;
}
.rtl .help-widget .lower-content ul li{
padding-right:40px;
padding-left:0px;
}
.rtl .list-style-two li:before,
.rtl .help-widget .lower-content ul li .icon{
right:0px;
left:auto;
}
.rtl .list-style-two li{
padding-left:0px;
padding-right:30px;
}
.rtl .portfolio-detail-section .inner-box .info-list li span{
text-align:left;
}
.rtl .shop-section .items-sorting .results-column h6{
text-align:right;
}
.rtl .shop-section .items-sorting .results-column{
order:2;
}
.rtl .items-sorting .select-column{
order:1;
}
.rtl .shop-item .inner-box .lower-content .pull-left{
float:right;
}
.rtl .shop-item .inner-box .lower-content .pull-right{
float:left;
}
.rtl .sidebar .search-box .form-group button{
left:0px;
right:auto;
}
.rtl .sidebar .search-box .form-group input[type="search"]{
padding-right:20px;
padding-right:30px;
text-align:right;
}
.rtl .blog-cat li a{
text-align:right;
}
.rtl .blog-cat li a span{
left:30px;
right:auto;
}
.rtl .sidebar-title h4{
text-align:right;
padding-left:0px;
padding-right:40px;
}
.rtl .sidebar .popular-posts .post .post-thumb,
.rtl .sidebar-title:before{
right:0px;
left:auto;
}
.rtl .sidebar-title h4:before{
left:auto;
right:24px;
}
.rtl .sidebar .popular-posts .post .post-inner{
padding-left:0px;
padding-right:120px;
text-align:right;
}
.rtl .sidebar .popular-tags{
text-align:right;
}
.rtl .product-details .image-column{
order:2;
}
.rtl .product-details .info-column{
order:1;
text-align:right;
}
.rtl .product-details .info-column .other-options .pull-left{
float:right;
}
.rtl .product-details .basic-details .item-quantity{
margin-right:0px;
margin-left:20px;
}
.rtl .shop-page .prod-tabs .tabs-content .tab p{
text-align:right;
}
.rtl .shop-page .prod-tabs .reviews-container .review-box{
padding-left:0px;
padding-right:120px;
text-align:right;
}
.rtl .shop-page .prod-tabs .reviews-container .rev-thumb{
right:0px;
left:auto;
}
.rtl .shop-form input,
.rtl .shop-form textarea,
.rtl .shop-order-box .order-list li span,
.rtl .billing-details,
.rtl .shop-form .billing-inner,
.rtl .checkout-page .default-links li,
.rtl .shop-page .prod-tabs .add-review .form-group input,
.rtl .shop-page .prod-tabs .add-review{
text-align:right;
}
.rtl .checkout-page .payment-options li .radio-option label{
padding-left:0px;
padding-right:30px;
}
.rtl .checkout-page .payment-options li .radio-option input[type="radio"]{
right:0px;
left:auto;
}
.rtl .checkout-page .payment-options li .radio-option label .small-text{
margin-left:0px;
}
.rtl .styled-form input,
.rtl .register-section .form-column{
text-align:right;
}
.rtl .styled-form .form-group .adon-icon{
left:10px;
right:auto;
}
.rtl .news-block-three .inner-box .lower-content{
text-align:right;
}
.rtl .news-block-three .inner-box .lower-content .post-meta li{
padding-left:0px;
text-align:right;
padding-right:35px;
margin-right:0px;
margin-left:20px;
}
.rtl .news-block-three .inner-box .lower-content .post-meta li .icon{
right:0px;
left:auto;
}
.rtl .default-form.style-two .form-group input,
.rtl .default-form.style-two .form-group textarea,
.rtl .blog-single .inner-box .lower-content{
text-align:right;
}
.rtl .blog-single .inner-box .lower-content .post-meta li{
padding-left:0px;
padding-right:35px;
text-align:right;
margin-right:0px;
margin-left:20px;
}
.rtl .blog-single .inner-box .lower-content .post-meta li .icon{
right:0px;
left:auto;
}
.rtl .blog-single .post-share-options .tags{
float:right;
}
.rtl .blog-single .post-share-options .social-box{
float:left;
}
.rtl .calculate-section .form-column .inner-column{
text-align:right;
}
/****** Shop Style *********/
.single-product-item {
position: relative;
display: block;
transition: all 500ms ease;
margin-bottom: 50px;
}
.single-product-item .img-holder{
position: relative;
display: block;
overflow: hidden;
border-radius:0px;
border:4px solid #ff0000;
}
.single-product-item .img-holder::before {
background: rgba(255, 255, 255, 0.20);
top: 0px;
left: 0px;
bottom: 0px;
right: 0px;
content: "";
opacity: 0;
position: absolute;
z-index: 1;
transition: all 0.4s ease-in-out 0s;
}
.single-product-item:hover .img-holder::before{
opacity: 1;
}
.single-product-item .img-holder img{
transform: scale(1);
transition: all 0.7s ease 0s;
width: 100%;
}
.single-product-item:hover .img-holder img{
transform: scale(1.1);
}
.single-product-item .title-holder {
position: relative;
display: block;
background: #ffffff;
padding: 22px 0 18px;
-webkit-box-shadow: 0 2px 27px rgba(54,54,54,.13);
box-shadow: 0 2px 27px rgba(54,54,54,.13);
margin-left: 20px;
margin-right: 20px;
margin-top: -30px;
z-index: 9;
}
.single-product-item .title-holder .static-content{
position: relative;
display: block;
}
.single-product-item .title-holder .title {
position: relative;
display: block;
font-size: 16px;
line-height: 22px;
font-weight: 600;
padding: 0 0 3px;
}
.single-product-item .title-holder .title a{
color: #1b1b1b;
transition: all 500ms ease;
}
.single-product-item .title-holder .static-content span {
display: inline-block;
padding-right: 0px;
color: #666666;
}
.single-product-item .title-holder .static-content del {
position: relative;
display: inline-block;
color: #c2c2c2;
font-size: 16px;
font-weight: 700;
}
.single-product-item .title-holder .overlay-content{
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: #ffffff;
text-align: center;
transform: scaleX(0);
-webkit-transform: scaleX(0);
transition: all 700ms ease 300ms;
}
.single-product-item:hover .title-holder .overlay-content {
transform: scaleY(1);
-webkit-transform: scaleY(1);
transition: all 700ms ease 100ms;
}
.single-product-item .title-holder .overlay-content ul {
position: relative;
display: block;
padding: 23px 0 23px;
width: 153px;
margin: 0 auto;
transform: scale(0);
transition: all 700ms ease 100ms;
}
.single-product-item:hover .title-holder .overlay-content ul{
transform: scale(1);
transition: all 700ms ease 600ms;
}
.single-product-item .title-holder .overlay-content ul li{
position: relative;
display: inline-block;
float: left;
width: 51px;
text-align: center;
border-right: 1px solid #ededed;
}
.single-product-item .title-holder .overlay-content ul li:last-child{
border: none;
}
.single-product-item .title-holder .overlay-content ul li a{
position: relative;
display: block;
}
.single-product-item .title-holder .overlay-content ul li a span{
position: relative;
display: block;
}
.single-product-item .title-holder .overlay-content ul li a span:before {
position: relative;
display: block;
width: 100%;
height: 45px;
color: #666666;
font-size: 18px;
line-height: 45px;
margin: 0;
transition: all 500ms ease;
}
.single-product-item .title-holder .overlay-content ul li a:hover span:before{
color: #ffffff;
background: #666666;
}
.single-product-item .title-holder .overlay-content ul li a .toltip-content {
position: absolute;
left: -50%;
right: 0;
top: -25px;
margin-left: -15px;
opacity: 0;
visibility: hidden;
padding: 0;
text-align: center;
background-color: #0a0a0a;
transition: all 300ms ease 100ms;
z-index: 999;
min-width: 130px;
}
.single-product-item .title-holder .overlay-content ul li a .toltip-content:before {
font-family: FontAwesome;
position: absolute;
left: 0;
bottom: -8px;
right: 0;
content: "\f0d7";
color: #0a0a0a;
font-size: 25px;
text-align: center;
line-height: 10px;
}
.single-product-item .title-holder .overlay-content ul li a .toltip-content p{
color: #ffffff;
font-size: 14px;
line-height: 30px;
margin: 0;
}
.single-product-item .title-holder .overlay-content ul li a:hover .toltip-content{
top: -40px;
visibility: visible;
opacity: 1;
}
.main-menu .navigation > li > ul > li,
.main-menu .navigation > li > ul > li > ul > li{
position: relative;
width: 100%;
border-bottom: 1px solid rgba(0,0,0,0.10);
}
/****************Update Section ****************/
/** news-section **/
/** news-section **/
.news-section.update-section{
position: relative;
padding:50px 0px 100px;
}
.news-block-one.update-block .inner-box{
position: relative;
display: block;
background: #fff;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
}
.news-block-one.update-block .inner-box .image-box{
position: relative;
display: block;
overflow: hidden;
}
.news-block-one.update-block .inner-box .image-box img{
width: 100%;
transition: all 500ms ease;
}
.news-block-one.update-block .inner-box:hover .image-box img{
opacity: 0.2;
transform: scale(1.05);
}
.news-block-one.update-block .inner-box .image-box .post-date{
position: absolute;
display: inline-block;
right: 0px;
bottom: 0px;
font-size: 14px;
color: #fff;
font-weight: 700;
line-height: 20px;
text-transform: uppercase;
text-align: center;
padding: 10px 30px;
z-index: 1;
background: #ff0000;
}
.news-block-one.update-block .inner-box .lower-content{
position: relative;
padding: 33px 40px 31px 40px;
}
.news-block-one.update-block .inner-box .lower-content .post-info li{
position: relative;
display: inline-block;
font-size: 14px;
font-weight: 500;
margin-right: 25px;
color: #ff0000;
}
.news-block-one.update-block .inner-box .lower-content .post-info li:last-child{
margin-right: 0px;
}
.news-block-one.update-block .inner-box .lower-content .post-info li i{
margin-right: 8px;
}
.news-block-one.update-block .inner-box .lower-content .post-info li a{
color: #8a8582;
}
.news-block-one.update-block .inner-box .lower-content .post-info{
position: relative;
margin-bottom: 10px;
}
.news-block-one.update-block .inner-box .lower-content h3{
position: relative;
display: block;
font-size: 22px;
line-height: 36px;
font-weight: 600;
text-transform: uppercase;
margin-bottom: 8px;
}
.news-block-one.update-block .inner-box .lower-content h3 a{
color: #ff0000;
}
.news-block-one.update-block .inner-box .lower-content .link-btn a{
position: relative;
display: inline-block;
font-size: 12px;
line-height: 20px;
font-weight: 500;
color: #8a8582;
margin-top:15px;
text-transform: uppercase;
padding-left: 17px;
}
.news-block-one.update-block .inner-box .lower-content .link-btn a:before{
position: absolute;
content: '';
width: 7px;
height: 7px;
left: 0px;
top: 5px;
background: #ff0000;
}