/* 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 e