/* Insaaf Law HTML Template*/

/************ TABLE OF CONTENTS ***************
1. Fonts
2. Reset
3. Global
4. Main Header / Style Two / Style Three
5. Main Slider / Two / Three
6. Featured Section
7. About Section
8. Services Section / Two
9. Default Section
10. CTA Section / Two / Three / Four
11. Case Section / Two
12. Team Section / Two
13. Testimonial Section
14. Clients Section
15. News Section / Two / Three
16. Gallery Section / Two
17. Main Footer
18. About Section Two
19. Counter Section Two
20. History Section
21. Pricing Section
22. Faq Section
23. Clients Section
24. Fluid Section One
25. Steps Section
26. Video Section
27. Page Title Section
28. Coming Soon Section
29. Service Detail Section
30. Case Detail Section
31. Our Shops
32. Shoping Cart Section
33. Checkout Section
34. Login Section
35. Error Section
36. Map Section
37. Contact Form Section

**********************************************/

/*** 

====================================================================
  Reset
====================================================================

 ***/
 
* {
  margin:0px;
  padding:0px;
  border:none;
  outline:none;
}

/*** 

====================================================================
  Global Settings
====================================================================

 ***/
 
.theme_color{
  color:var(--main-color);
}

/* Theme Color */

:root {
  /* #cc8809 in decimal RGB */
  --main-color: rgb(204, 136, 9);
  --main-color-rgb:204,136,9;
}

body {
  font-family: 'Roboto', sans-serif;
  font-size:16px;
  color:#687469;
  line-height:1.7em;
  font-weight:400;
  background:#ffffff;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
}

.color-trigger .fa {
  -webkit-animation: rotation 2s infinite linear;
}

@-webkit-keyframes rotation {
  from {
      -webkit-transform: rotate(0deg);
  }
  to {
      -webkit-transform: rotate(359deg);
  }
}

.box-layout{
  background:url(../images/background/1.jpg);
  background-attachment:fixed;
}

.box-layout:before{
  position:absolute;
  content:'';
  left:0px;
  top:0px;
  right:0px;
  bottom:0px;
  background-color:rgba(0,0,0,0.50);
}

.box-layout .page-wrapper{
  max-width:1300px;
  padding:15px;
  background-color:#ffffff;
  box-shadow:0px 0px 15px rgba(0,0,0,0.10);
}

.bordered-layout .page-wrapper{
  padding:0px 50px 0px;
}

a{
  text-decoration:none;
  cursor:pointer;
  color:var(--main-color);
}

button{
  cursor:pointer;
  text-decoration:none;
  outline:none !important;
}

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;
  font-family: 'Montserrat', sans-serif;
  color:#222222;
}

input,button,select,textarea{
  
}

textarea{
  overflow:hidden;
}

p{
  position:relative;
  line-height:1.8em;
  color:#687469;
  font-size:16px;
}

.auto-container{
  position:static;
  max-width:1320px;
  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{
  font-size:18px;
  display:inline-block;
  transition:all 0.3s ease;
  -moz-transition:all 0.3s ease;
  -webkit-transition:all 0.3s ease;
  -ms-transition:all 0.3s ease;
  -o-transition:all 0.3s ease;
  font-family: 'Montserrat', sans-serif;
}

.centered{
  text-align:center;  
}

/* Typography */

h1{
  font-size:84px;
  line-height:1.1em;
  font-weight:700;
}

h2{
  font-size:40px;
  font-weight: 700;
  line-height:1.2em;
}

h3{
  font-size:26px;
}

h4{
  font-size:24px;
  font-weight:700;
  line-height:1.3em;
}

h5{
  font-size:20px;
  line-height:1.4em;
  font-weight:700;
}

h6{
  font-size:18px;
}

/* List Style One */

.list-style-one{
  position:relative;
}

.list-style-one li{
  position:relative;
  color:#52525c;
  font-size:16px;
  padding-left:30px;
  font-weight:400;
  line-height:1.6em;
  margin-bottom:12px;
}

.list-style-one li:before{
  position:absolute;
  content: "\f123";
  left:0px;
  top:5px;
  color:var(--main-color);
  font-size:15px;
  line-height:1em;
  font-family: "Flaticon";
  -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;
}

.list-style-two li{
  position:relative;
  color:#ffffff;
  font-size:14px;
  padding-left:30px;
  font-weight:400;
  line-height:1.6em;
  margin-bottom:20px;
}

.list-style-two li .icon{
  position:absolute;
  left:0px;
  top:5px;
  color:var(--main-color);
  font-size:18px;
  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 Three */

.list-style-three{
  position:relative;
}

.list-style-three li{
  position:relative;
  color:#555555;
  font-size:16px;
  margin-bottom:20px;
}

.list-style-three li strong{
  position:relative;
  display:block;
  color:#3d3e3e;
  font-size:18px;
  padding-left:30px;
  margin-bottom:15px;
  font-family: 'Montserrat', sans-serif;
}

.list-style-three li strong:before{
  position:absolute;
  content: "\f194";
  left:0px;
  top:2px;
  color:var(--main-color);
  line-height:1em;
  font-family: "Flaticon";
}

/* List Style Four */

.list-style-four{
  position:relative;
}

.list-style-four li{
  position:relative;
  color:#687469;
  font-size:16px;
  font-weight:500;
  margin-bottom:10px;
  padding-left:30px;
}

.list-style-four li:before{
  position:absolute;
  content: "\f194";
  left:0px;
  color:var(--main-color);
  font-weight:700;
  font-family: "Flaticon";
}

.list-style-four li:last-child{
  margin-bottom:0px;
}

/*Btn Style One*/

.btn-style-one{
  position: relative;
  display: inline-block;
  font-size: 16px;
  line-height: 30px;
  color: #ffffff;
  font-weight: 700;
  overflow: hidden;
  background:none;
  border-radius:0px;
  padding: 14px 40px 14px;
  text-transform: capitalize;
  background-color:var(--main-color);
}

.btn-style-one:before{
  position: absolute;
  content: '';
    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(0.2, 1);
    transform: scale(0.2, 1);
  background-color:#ffffff;
}

.btn-style-one .txt{
  position:relative;
  z-index:1;
}

.btn-style-one:hover::before{
    opacity: 1;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
}

.btn-style-one:hover{
  color: var(--main-color);
}

/* Btn Style Two */

.btn-style-two{
  position: relative;
  display: inline-block;
  font-size: 16px;
  line-height: 30px;
  color: #ffffff;
  padding: 11px 32px 11px;
  font-weight: 600;
  overflow: hidden;
  background:none;
  letter-spacing:1px;
  border-radius:2px;
  text-transform: uppercase;
  border:1px solid #ffffff;
}

.btn-style-two:before{
  position: absolute;
  content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0;
    background-color: var(--main-color);
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    -webkit-transform: scale(0.2, 1);
    transform: scale(0.2, 1);
}

.btn-style-two .txt{
  position:relative;
  z-index:1;
}

.btn-style-two:hover::before{
    opacity: 1;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
}

.btn-style-two:hover{
  color: #ffffff;
  border-color:var(--main-color);
}

/* Btn Style Three */

.btn-style-three{
  position:relative;
  display: inline-block;
  line-height: 30px;
  color: #ffffff;
  font-weight: 700;
  overflow: hidden;
  border-radius:0px;
  letter-spacing:1px;
  padding: 18px 44px;
  background:var(--main-color);
  text-transform: capitalize;
}

.btn-style-three:before{
  position: absolute;
  content: '';
    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(0.2, 1);
    transform: scale(0.2, 1);
  background-color:#222222;
}

.btn-style-three .txt{
  position:relative;
  z-index:1;
}

.btn-style-three:hover::before{
    opacity: 1;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
}

.btn-style-three:hover{
  color: #ffffff;
}

/* Btn Style Four */

.btn-style-four{
  position: relative;
  display: inline-block;
  font-size: 16px;
  line-height: 30px;
  color: #ffffff;
  font-weight: 700;
  overflow: hidden;
  background:none;
  border-radius:0px;
  letter-spacing:1px;
  padding: 18px 44px;
  text-transform: capitalize;
  background-color:#222222;
}

.btn-style-four:before{
  position: absolute;
  content: '';
    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(0.2, 1);
    transform: scale(0.2, 1);
  background-color:var(--main-color);
}

.btn-style-four .txt{
  position:relative;
  z-index:1;
}

.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: 16px;
  line-height: 30px;
  color: #222222;
  font-weight: 700;
  overflow: hidden;
  background:none;
  border-radius:0px;
  letter-spacing:1px;
  padding: 18px 44px;
  text-transform: capitalize;
  background-color:#ffffff;
}

.btn-style-five:before{
  position: absolute;
  content: '';
    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(0.2, 1);
    transform: scale(0.2, 1);
  background-color:#222222;
}

.btn-style-five .txt{
  position:relative;
  z-index:1;
}

.btn-style-five:hover::before{
    opacity: 1;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
}

.btn-style-five:hover{
  color: #ffffff;
}

/* Btn Style Six */

.btn-style-six{
  position: relative;
  display: inline-block;
  font-size: 16px;
  line-height: 30px;
  color: #ffffff;
  font-weight: 800;
  overflow: hidden;
  background:none;
  border-radius:0px;
  padding: 15px 40px;
  text-transform: capitalize;
  background-color:#ff000c;
}

.btn-style-six:before{
  position: absolute;
  content: '';
    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(0.2, 1);
    transform: scale(0.2, 1);
  background-color:#111111;
}

.btn-style-six .txt{
  position:relative;
  z-index:1;
}

.btn-style-six:hover::before{
    opacity: 1;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
}

.btn-style-six: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;
  display:block;
  margin-bottom:12px;
}

.social-icon-one li{
  position: relative;
  display: inline-block;
  font-size: 16px;
  line-height: 24px;
  color: #ffffff;
  margin-right: 4px;
}

.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;
  width:40px;
  height:40px;
  line-height:38px;
  text-align:center;
  display:inline-block;
  border:1px solid rgba(255,255,255,0.70);
  -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: #000000;
  background-color:#ffffff;
}

.theme_color{
  color:var(--main-color);
}

img{
  display:inline-block;
  max-width:100%;
  height:auto;  
}

.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:110px;}

/*** 

====================================================================
  Scroll To Top style
====================================================================

***/

.scroll-to-top{
  position:fixed;
  bottom:20px;
  right:20px;
  width:60px;
  height:60px;
  color:#ffffff;
  font-size:24px;
  line-height:60px;
  text-align:center;
  z-index:100;
  cursor:pointer;
  background:#222222;
  display:none;
  border-radius: 0;
  -webkit-transition:all 300ms ease;
  -moz-transition:all 300ms ease;
  -ms-transition:all 300ms ease;
  -o-transition:all 300ms ease;
  transition:all 300ms ease;
}

.scroll-to-top:hover{
  background:#555555;
}

/*** 

====================================================================
  Section Title
====================================================================

***/

.sec-title{
  position:relative;
  margin-bottom:50px;
}

.sec-title.centered{
  text-align:center !important;
}

.sec-title .title{
    position: relative;
    color: var(--main-color);
    font-size: 18px;
    font-weight: 700;
  padding-right:50px;
  letter-spacing:1px;
  margin-bottom: 12px;
  display:inline-block;
  text-transform: uppercase;
}

.sec-title .title:before{
    position: absolute;
  content:'';
  right:0px;
  bottom:8px;
  width:40px;
  height:2px;
  background-color:#222222;
}

.sec-title .title:after{
    position: absolute;
  content:'';
  right:10px;
  bottom:13px;
  width:30px;
  height:2px;
  background-color:var(--main-color);
}

.sec-title h2{
    color: #222222;
  display:block;
}

.sec-title .text{
    position: relative;
    color: #687469;
    font-size: 16px;
    font-weight: 400;
  line-height:1.8em;
  margin-top:15px;
}

.sec-title.light .title:before{
  background-color:#ffffff;
}

.sec-title.light h2{
  color:#ffffff !important;
}

.sec-title.light .text{
  color:#ffffff;
}

.sec-title.style-two .title{
  color:#222222;
}

.sec-title.style-two .title:after{
  background-color:#ffffff;
}

.sec-title.style-three .title{
  color:#ffffff;
}

.sec-title.style-three .title:after{
  background-color:#ffffff;
}

/*** 

====================================================================
  Main Header style
====================================================================

***/

.main-header{
  position:relative;
  z-index:99;
  width:100%;
}

.header-top{
  position:relative;
  background-color:#050505;
}

.header-top .top-left{
  position:relative;
  padding:12px 0px;
}

.header-top .top-left .info-list{
  position:relative;
}

.header-top .top-left .info-list li{
  position:relative;
  color:#ffffff;
  font-size:16px;
  line-height:1.1em;
  margin-right:18px;
  padding-right:20px;
  display:inline-block;
  border-right:1px solid #ffffff;
  font-family: 'Montserrat', sans-serif;
}

.header-top .top-left .info-list li:last-child{
  padding-right:0px;
  margin-right:0px;
  border:0px;
}

.header-top .top-left .info-list li a{
  position:relative;
  color:#ffffff;
  -webkit-transition:all 300ms ease;
  -ms-transition:all 300ms ease;
  -o-transition:all 300ms ease;
  -moz-transition:all 300ms ease;
  transition:all 300ms ease;
}

.header-top .top-left .info-list li a:hover{
  color:var(--main-color);
}

.header-top .top-right{
  position:relative;
}

.header-top .top-right .address{
  position:relative;
  padding:12px 0px;
  color:#ffffff;
  font-size:16px;
  float:left;
}

.header-top .top-right .evaluation{
  position:relative;
  float:left;
  color:#ffffff;
  font-size:14px;
  padding:12.5px 25px;
  font-weight:700;
  margin-left:25px;
  display:inline-block;
  background-color:var(--main-color);
}

/* Main Header */

.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 .nav-toggler{
  position:absolute;
  top:50%;
  margin-top:0px;
  display: block;
}

.main-header .nav-toggler button{
  position:relative;
  display:block;
  color:#444444;
  text-align:center;
  font-size:24px;
  line-height:34px;
  font-weight:normal;
  background:none;
}

.main-header .header-upper{
  position:relative;
  -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 .upper-right{
  position:relative;
  padding-top:35px;
}

.main-header .nav-outer{
  position:relative;
}

.main-header .header-lower{
  position: relative;
  background-color:#222222;
}

.main-header .header-upper .logo-box{
  position:relative;
  padding:10px 50px 10px;
}

.main-header .header-upper .logo-box .logo{
  position:relative;
  z-index:1;
}

.main-header .header-upper .logo-box:before{
  position:absolute;
  content:'';
  right:0px;
  top:0px;
  bottom:0px;
  width:300%;
  background-color:var(--main-color);
}

.main-header .info-box{
  position:relative;
  float:left;
  z-index:1;
  min-height:56px;
  margin-left:50px;
  font-size:15px;
  color:#777777;
  text-align:left;
  padding:0px 0px 20px 60px;
}

.main-header .info-box:before{
  position:absolute;
  content:'';
  right:-25px;
  top:0px;
  width:1px;
  height:47px;
  background:url(../images/icons/info-separater.png) no-repeat;
}

.main-header .info-box:last-child::before{
  display:none;
}

.main-header .info-box .icon-box{
  position:absolute;
  left:0px;
  top:10px;
  font-size:44px;
  line-height:38px;
  text-align:center;
  -moz-transition:all 300ms ease;
  -webkit-transition:all 300ms ease;
  -ms-transition:all 300ms ease;
  -o-transition:all 300ms ease;
  transition:all 300ms ease;
  color:var(--main-color);
}

.main-header .info-box ul li{
  position:relative;
  line-height:20px;
  color:#687469;
  font-size:14px;
  margin-bottom:10px;
  font-weight:400;
  text-transform:capitalize;
}

.main-header .info-box ul li a{
  position:relative;
  color:#687469;
  -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 .info-box:last-child ul li a:hover,
.main-header .info-box ul li a:hover{
  color:var(--main-color);
}

.main-header .info-box ul li:last-child{
  margin-bottom:0px;
}

.main-header .info-box:last-child ul li a{
  color:#222222;
  font-size:36px;
  font-weight:700;
}

.main-header .info-box strong{
  position:relative;
  font-weight:700;
  color:#222222;
  font-size:24px;
  text-transform:capitalize;
}

.main-menu{
  position:static;
  float:left;
  -webkit-transition:all 300ms ease;
  -ms-transition:all 300ms ease;
  -o-transition:all 300ms ease;
  -moz-transition:all 300ms ease;
  transition:all 300ms ease;
}

.main-menu .navbar-collapse{
  padding:0px;  
}

.main-menu .navigation{
  position:static;
  margin:0px;
}

.main-menu .navigation > li{
  position:relative;
  float:left;
  z-index:1;
  margin-right:5px;
  transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
}

.main-menu .navigation > li:last-child{
  margin-right:0px;
}

.sticky-header .main-menu .navigation > li > a{
  padding:20px 0px !important;
  color:#444444 !important;
}

.sticky-header .main-menu .navigation > li:hover > a,
.sticky-header .main-menu .navigation > li.current > a{
  color:var(--main-color);
  background-color:inherit !important;
}
.main-header.fixed-header .main-menu .navigation > li:hover > a
.main-header.fixed-header .main-menu .navigation > li.current > a{
    color:#ffffff;
}
.sticky-header .nav-outer .options-box{
  margin-top:26px;
}

/*Sticky Header*/

.sticky-header{
  position:fixed;
  opacity:0;
  visibility:hidden;
  left:0px;
  top:0px;
  width:100%;
  padding:0px 0px;
  background:#ffffff;
  z-index:0;
  border-bottom:1px solid #e6e6e6;
  transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
}

.sticky-header .logo{
  padding:9px 0px 9px;
}

.fixed-header .sticky-header{
  z-index:999999;
  opacity:1;
  visibility:visible;
  -ms-animation-name: fadeInDown;
  -moz-animation-name: fadeInDown;
  -op-animation-name: fadeInDown;
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
  -ms-animation-duration: 500ms;
  -moz-animation-duration: 500ms;
  -op-animation-duration: 500ms;
  -webkit-animation-duration: 500ms;
  animation-duration: 500ms;
  -ms-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  -op-animation-timing-function: linear;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -ms-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  -op-animation-iteration-count: 1;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1; 
}

.main-menu .navigation > li > a{
  position:relative;
  display:block;
  color:#ffffff;
  text-align:center;
  line-height:30px;
  text-transform:capitalize;
  letter-spacing:0px;
  opacity:1;
  font-weight:700;
  padding:20px 24px;
  font-size:14px;
  transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
  font-family: 'Montserrat', sans-serif;
}

/*.main-menu .navigation > li > a:before{
  position:absolute;
  content:'';
  left:0px;
  bottom:0px;
  right:-5px;
  z-index:-1;
  opacity:0;
  height: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;
  background-color:rgba(255,255,255,0.20);
}*/

.main-menu .navigation > li.current > a:before,
.main-menu .navigation > li:hover > a:before{
  height:95%;
  opacity:1;
}

.sticky-header .main-menu .navigation > li{
  position:relative;
  margin-left:30px;
  margin-right:0px !important;
}

.sticky-header .main-menu .navigation > li.dropdown > a:before{
  display:none;
}

.sticky-header .main-menu .navigation > li:before,
.sticky-header .main-menu .navigation > li:after{
  display:none;
}

.main-menu .navigation > li:hover > a,
.main-menu .navigation > li.current > a{
  color:#ffffff;
  background-color:var(--main-color);
}

.main-menu .navigation > li > ul{
  position:absolute;
  left:0px;
  top:120%;
  width:230px;
  padding:20px 15px;
  z-index:100;
  display:none;
  background:#ffffff;
  border-top:3px solid var(--main-color);
  transition:all 300ms ease;
  -moz-transition:all 300ms ease;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 300ms ease;
  -o-transition:all 300ms ease;
  -webkit-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
  -ms-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
  -o-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
  -moz-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
  box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
}

.main-menu .navigation > li > ul.from-right{
  left:auto;
  right:0px;  
}

.main-menu .navigation > li > ul > li{
  position:relative;
  width:100%;
  border-bottom:2px solid #f5f7f9;
}

.main-menu .navigation > li > ul > li:last-child{
  border-bottom:none; 
}

.main-menu .navigation > li > ul > li > a{
  position:relative;
  display:block;
  padding:13px 18px;
  line-height:24px;
  font-weight:500;
  font-size:14px;
  text-transform:capitalize;
  color:#101010;
  transition:all 700ms ease;
  -moz-transition:all 500ms ease;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
  font-family: 'Montserrat', sans-serif;
}

.main-menu .navigation > li > ul > li:hover > a{
  color:var(--main-color);
}

.main-menu .navigation > li > ul > li > a:before{
  position:absolute;
  content:'//';
  left:10px;
  top:13px;
  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 > ul > li:hover > a::before{
  opacity:1;
}

.main-menu .navigation > li > ul > li > ul > li > a:before{
  position:absolute;
  content:'//';
  left:10px;
  top:12px;
  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;
}

.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.dropdown > a:after{
  font-family: 'FontAwesome';
  content: "\f105";
  position:absolute;
  right:15px;
  top:15px;
  width:10px;
  height:20px;
  display:block;
  color:#111111;
  line-height:20px;
  font-size:20px;
  font-weight:normal;
  text-align:center;
  z-index:5;  
}

.main-menu .navigation > li > ul > li.dropdown:hover > a:after{
  color:#111111;
}

.main-menu .navigation > li > ul > li > ul{
  position:absolute;
  left:100%;
  top:20px;
  width:230px;
  padding:20px 15px;
  z-index:100;
  display:none;
  border-radius: 0px;
  background:#ffffff;
  border-top:3px solid var(--main-color);
  -webkit-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
  -ms-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
  -o-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
  -moz-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
  box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
}

.main-menu .navigation > li > ul > li > ul.from-right{
  left:auto;
  right:0px;  
}

.main-menu .navigation > li > ul > li > ul > li{
  position:relative;
  width:100%;
  border-bottom:2px solid #f5f7f9;
}

.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:14px 30px;
  line-height:24px;
  font-weight:500;
  font-size:14px;
  text-transform:capitalize;
  color:#101010;
  transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
  font-family: 'Montserrat', sans-serif;
}

.main-menu .navigation > li > ul > li:hover > a {
    padding-left: 30px;
}

.main-menu .navigation > li > ul > li > ul > li:hover > a::before {
    opacity: 1;
}

.main-menu .navigation > li > ul > li > ul > li > a::before {
    position: absolute;
    content: '//';
    left: 10px;
    top: 12px;
    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 > ul > li > ul > li > a {
    position: relative;
    display: block;
    padding: 13px 18px;
    padding-left: 18px;
    line-height: 24px;
    font-weight: 500;
    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:hover > a{
  color:var(--main-color);
  padding-left: 30px;
}

.main-menu .navigation > li > ul > li > a::before {
    position: absolute;
    content: '//';
    left: 10px;
    top: 13px;
    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 > ul > li:hover > a {
    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:20px;
  font-weight:normal;
  text-align:center;
  z-index:5;  
}

.main-menu .navigation > li > ul > li > ul > li.dropdown:hover > a:after{
  color:#ffffff;  
}

.main-menu .navigation > li.dropdown:hover > ul{
  visibility:visible;
  opacity:1;
  top:100%; 
}

.main-menu .navigation li > ul > li.dropdown:hover > ul{
  visibility:visible;
  opacity:1;
  top:0;
  transition:all 300ms ease;
  -moz-transition:all 300ms ease;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 300ms ease;
  -o-transition:all 300ms ease; 
}

.main-menu .navbar-collapse > ul li.dropdown .dropdown-btn{
  position:absolute;
  right:10px;
  top:6px;
  width:30px;
  height:30px;
  text-align:center;
  color:#ffffff;
  line-height:28px;
  border:1px solid #ffffff;
  background-size:20px;
  cursor:pointer;
  z-index:5;
  display:none;
}

.main-header .options-box{
  position:relative;
  float:right;
}

.main-header .options-box .phone-box{
  position:relative;
  padding:40px 0px 10px;
  display:inline-block;
}

.main-header .options-box .phone-box .icon{
  position:relative;
  margin-right:12px;
  color:var(--main-color);
  top:5px;
  font-size:24px;
  display:inline-block;
}

.main-header .options-box .phone-box a{
  position:relative;
  color:#222222;
  font-size:18px;
  font-weight:600;
}

.main-header .options-box .phone-box a i{
  position:relative;
  font-style:normal;
  font-weight:400;
}

.main-header .options-box .social-box{
  position:relative;
  margin-left:15px;
  float:left;
  display:inline-block;
}

.main-header .options-box .social-box .social-icons{
  position:relative;
  float:left;
  padding:21px 0px;
}

.main-header .options-box .social-box .social-icons li{
  position:relative;
  margin-left:16px;
  display:inline-block;
}

.main-header .options-box .social-box .social-icons li a{
  position:relative;
  color:#ffffff;
  font-size:18px;
  display:inline-block;
  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-header .options-box .social-box .social-icons li a:hover{
  color:var(--main-color);
}

.main-header .header-upper .nav-btn{
  position:absolute;
  right:0px;
  top:0px;
  width:130px;
  height:120px;
  cursor:pointer;
  color:#000000;
  font-size:55px;
  padding:0px 0px;
  margin-left:15px;
  line-height:120px;
  text-align:center;
  background-color:var(--main-color);
}

.main-header.header-style-three .header-upper .nav-btn{
  background:none;
}

.main-header .header-lower .search-box-outer{
  position: relative;
  float:left;
  padding:24px 0px;
}

.main-header .header-lower .search-box-btn{
  position:relative;
  float:left;
  font-size:20px;
  color:#ffffff;
  padding:0px;
  margin:0px;
  cursor:pointer;
  line-height:1em;
  background:none;
  display:inline-block;
  transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
}

.main-header .header-lower .search-box-btn:after{
  display:none;
}

.main-header.fixed-header .header-lower{
  position:fixed;
  left:0px;
  right:0px;
  top:0px;
  z-index:99;
  bottom:auto;
  background-color:#ffffff;
  box-shadow:0px 10px 15px rgba(0,0,0,0.05);
}

.main-header.fixed-header .nav-outer{
  box-shadow:none;
}

/************************ Mega Menu ***************************/

.main-menu .navigation > li.has-mega-menu,
.mobile-menu .navigation > li.has-mega-menu{
  position:static;
}

.main-menu .navigation > li > .mega-menu,
.mobile-menu .navigation > li > .mega-menu{
  position:absolute;
  left:0px;
  right: 0;
  margin: auto;
  width:100%;
  max-width: 1170px;
    padding: 20px 15px;
    top: 100%;
  z-index:100;
  opacity: 0;
  background: #ffffff;
    border-top: 3px solid var(--main-color);
    transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -webkit-box-shadow: 2px 2px 5px 1px rgb(0 0 0 / 5%), -2px 0px 5px 1px rgb(0 0 0 / 5%);
    -ms-box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
    -o-box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
    -moz-box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
    box-shadow: 2px 2px 5px 1px rgb(0 0 0 / 5%), -2px 0px 5px 1px rgb(0 0 0 / 5%);
}

.main-menu .navigation > li:hover > .mega-menu,
.mobile-menu .navigation > li:hover > .mega-menu{
  opacity: 1;
  visibility: visible;
  -webkit-transform: scaleY(1);
  -moz-transform: scaleY(1);
  -ms-transform: scaleY(1);
  -o-transform: scaleY(1);
  transform: scaleY(1);
}

.main-menu .navigation > li > .mega-menu .mega-menu-bar,
.mobile-menu .navigation > li > .mega-menu .mega-menu-bar{
  position: relative;
}

.main-menu .navigation > li .mega-menu-bar h3{
  position:relative;
  color:#222222;
  font-size:18px;
  font-weight:700;
  padding-bottom:12px;
  margin-bottom:10px;
  border-bottom:1px solid #f2f2f2;
}

.main-menu .navigation > li .mega-menu-bar > ul,
.mobile-menu .navigation > li > .mega-menu-bar > ul{
  position:relative;
}

.main-menu .navigation > li .mega-menu-bar .column > ul > li{
  position: relative;
    width: 100%;
    border-bottom: 2px solid #f5f7f9;
}

.main-menu .navigation > li .mega-menu-bar .column{
  position:relative;
  margin-bottom:10px;
}

.main-menu .navigation > li .mega-menu-bar .column > ul > li:last-child{
  border:none;
}

.main-menu .navigation > li .mega-menu-bar .column > ul > li > a{
  position: relative;
    display: block;
    padding: 14px 30px;
    line-height: 24px;
    font-weight: 500;
    font-size: 16px;
    text-transform: capitalize;
    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: 'Montserrat', sans-serif;
}
.main-menu .navigation > li .mega-menu-bar .column > ul > li:hover > a{
  color:var(--main-color);
}
.main-menu .navigation > li .mega-menu-bar .column > ul > li > a:hover::before{
  opacity: 1;
    color: #000000;
    text-shadow: 8px 0 var(--main-color), -8px 0 var(--main-color);
}

.main-header.fixed-header .main-menu .navigation > li > a{
  color:#222222;
}

.main-header.fixed-header .options-box .social-box .social-icons li a,
.main-header.fixed-header .header-lower .search-box-btn{
  color:#222222;
}

.main-header .cart-box{
  position:relative;
  width:100px;
  height:100px;
  float:left;
  color:#fe982f;
  font-size:16px;
  background:none;
  margin-top:0px;
  padding-top:40px;
  text-align:center;
  display:inline-block;
  border-left:2px solid #e6e6e6;
}

.main-header .cart-box .cart-box-btn{
  background:none;
  color:#fe982f;
  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 .cart-box .cart-box-btn:after{
  display:none;
}

.main-header .cart-box .cart-box-btn .total-cart{
  position:absolute;
  top: -10px;
  width:18px;
  height:18px;
  color:#ffffff;
  font-weight:700;
  font-size:10px;
  border-radius:50%;
  text-align:center;
  line-height:18px;
  background-color:#222222;
}

.main-header .cart-box .cart-box-btn:hover{
  
}

.main-header .cart-product{
  position:relative;
  margin-bottom:18px;
  min-height:90px;
  border-bottom:1px solid #e4e4e4;
}

.main-header .cart-product .inner{
  position:relative;
  padding-left:90px;
  min-height:70px;
}

.main-header .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 .cart-product .inner .cross-icon:hover{
  color:var(--main-color);
}

.main-header .cart-product .inner .image{
  position:absolute;
  width:70px;
  height:70px;
  left:0px;
  top:0px;
}

.main-header .cart-product .inner h3{
  position:relative;
  font-weight:600;
  font-size:15px;
  margin:0px;
  letter-spacing: 1px;
  text-transform:capitalize;
}

.main-header .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 .cart-product .inner h3 a:hover{
  color:#fe982f;
}

.main-header .cart-product .inner .quantity-text{
  position:relative;
  font-weight:300;
  color:#666666;
  font-size: 13px;
  margin-bottom: 0px;
}

.main-header .cart-product .inner .price{
  position:relative;
  font-weight:700;
  font-size:16px;
  margin:0px;
  color:#222222;
}

.main-header .cart-box .cart-panel{
  left: auto !important;
  right: 0px !important;
  border-radius:20px;
  padding:20px 20px;
  min-width:300px;
  margin-top:62px;
  z-index: 1;
  box-shadow: 0px 0px 25px rgba(0,0,0,0.15);
  border:3px solid #fe982f;
  -webkit-transform: translate3d(0px, 0px, 0px) !important;
  transform: translate3d(0px, 0px, 0px) !important;
}

.main-header .cart-box .cart-panel .cart-total{
  color:#000000;
  font-size:15px;
  font-weight:400;
  text-align:center;
  text-transform:capitalize;
}

.main-header .cart-box .cart-panel .cart-total span{
  font-weight:800;
  font-size:18px;
}

.main-header .cart-box .cart-panel .btns-boxed{
  position:relative;
  text-align:center;
  margin-top:20px;
}

.main-header .cart-box .cart-panel .btns-boxed li{
  position:relative;
  margin:0px 5px;
  display:inline-block;
}

.main-header .cart-box .cart-panel .btns-boxed li a{
  position:relative;
  color:#ffffff;
  font-weight:500;
  font-size:12px;
  padding:10px 20px 8px;
  border-radius: 2px;
  display:inline-block;
  background-color:#fe982f;
  border:1px solid #fe982f;
  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 .cart-box .cart-panel .btns-boxed li a:hover{
  color:#fe982f;
  background:none;
}

.main-header .cart-box .icon a{
  color:#999999;
}

.header-style-two{
  min-height:118px;
}

.header-style-two .header-upper{
  background-color:#222222;
}

.header-style-two .header-upper .auto-container{
  max-width:1400px;
}

.header-style-two .header-upper .logo-box{
  padding:24px 0px !important;
}

.header-style-two .main-menu .navigation > li{
  margin-left:25px;
}

.header-style-two .main-menu .navigation > li > a:before,
.header-style-two .header-upper .logo-box:before{
  display:none;
}

.header-style-two .main-menu .navigation > li > a{
  padding:44px 0px;
}

.header-style-two .main-menu .navigation > li:hover > a,
.header-style-two .main-menu .navigation > li.current > a{
  background:none;
  color:var(--main-color);
}

.main-header .header-upper .search-box-outer{
  position: relative;
  float:left;
  padding:24px 0px;
}

.main-header .header-upper .search-box-btn{
  position:relative;
  float:left;
  font-size:20px;
  color:#ffffff;
  padding:0px;
  margin:0px;
  cursor:pointer;
  line-height:1em;
  background:none;
  display:inline-block;
  transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
}

.main-header .header-upper .search-box-btn:after{
  display:none;
}

.main-header .header-upper .options-box{
  padding:0px 0px;
  padding-left:30px;
}

.main-header .header-upper .options-box .search-box-outer{
  padding:49px 0px;
  margin-right:25px;
}

.header-style-two.fixed-header .header-upper{
  position:fixed;
  left:0px;
  right:0px;
  top:0px;
  z-index:99;
  bottom:auto;
  background-color:#222222;
  box-shadow:0px 10px 15px rgba(0,0,0,0.05);
}

.header-style-two.fixed-header .main-menu .navigation > li > a{
  color:#ffffff;
}

.header-style-two .header-upper .options-box .phone-box{
  position:relative;
  float:left;
  padding:35px 35px 30px;
  background-color:var(--main-color);
}

.header-style-two .header-upper .options-box .phone-box:before{
  position:absolute;
  content:'';
  left:0px;
  bottom:-22px;
  right:0px;
  height:22px;
  background-color:var(--main-color);
}

.header-style-two .header-upper .options-box .phone-box .box-inner{
  position:relative;
  padding-left:60px;
}

.header-style-two .header-upper .options-box .phone-box .box-inner .icon-box{
  position:absolute;
  left:0px;
  top:7px;
  font-size:50px;
  line-height:1em;
  color:#ffffff;
}

.header-style-two .header-upper .options-box .phone-box .box-inner ul{
  position:relative;
}

.header-style-two .header-upper .options-box .phone-box .box-inner ul li{
  position:relative;
  color:#ffffff;
  font-size:14px;
}

.header-style-two .header-upper .options-box .phone-box .box-inner ul li a{
  position:relative;
  color:#222222;
  font-size:27px;
  font-weight:700;
  display:block;
  font-family: 'Montserrat', sans-serif;
}

.header-style-three{
  position:absolute;
  left:0px;
  right:0px;
}

.header-style-three .header-upper{
  background-color:rgba(0,0,0,0.50);
}

.header-style-three.fixed-header .header-upper{
  position:fixed;
  right:0px;
  top:0px;
  left:0px;
  background-color:rgba(0,0,0,1);
}

.header-style-three.fixed-header .main-menu .navigation > li > a{
  color:#ffffff;
}

.main-header.header-style-three .header-upper .logo-box{
  padding:15px 0px;
}

.header-style-three .header-upper .logo-box:before{
  display:none;
}

.header-style-three .main-menu .navigation > li{
  margin-left:40px;
}

.header-style-three .header-upper .options-box .search-box-outer{
  padding:40px 0px;
  margin-right:0px;
  margin-left:30px;
}

.header-style-three .main-menu .navigation > li > a{
  padding:35px 0px;
}

.header-style-three .main-menu .navigation > li > a:before{
  position:absolute;
  content:'';
  left:0px;
  bottom:0px;
  width:2px;
  height:35px;
  background-color:#ffffff;
}

.header-style-three .main-menu .navigation > li > a:after{
  position:absolute;
  content:'' !important;
  left:6px;
  bottom:0px;
  width:6px;
  opacity:0;
  height:35px;
  background-color:var(--main-color);
  transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
}

.header-style-three .main-menu .navigation > li.current > a:after,
.header-style-three .main-menu .navigation > li:hover > a:after{
  opacity:1;
}

.header-style-three .header-upper .nav-btn{
  position:relative;
  width:auto;
  height:auto;
  font-size:28px;
  color:#ffffff;
  float:left;
  line-height:1em;
  background:none;
  padding:36px 0px;
}

.header-style-three .main-menu .navigation > li:hover > a,
.header-style-three .main-menu .navigation > li.current > a{
  background:none;
  color:var(--main-color);
}

/*** 

====================================================================
  Main Slider Section
====================================================================

***/

.main-slider{
  position:relative;
}

.main-slider .color-layer{
  position:absolute;
  left:0px;
  top:0px;
  right:0px;
  bottom:0px;
  opacity:0.50;
  background: #000000;
}

.main-slider .auto-container{
  position:relative;
}

.main-slider .content-boxed{
  position:relative;
  text-align:center;
}

.main-slider .slide{
  position:relative;
  padding:180px 0px 180px;
  background-size:cover;
  background-repeat:no-repeat;
  background-position:center center;
}

.main-slider .icon-box{
  position:relative;
  line-height:1em;
  opacity: 0;
  margin-bottom:45px;
  transform: scaleY(0);
  transform-origin: top;
  -webkit-transition: all 1000ms ease;
  -moz-transition: all 100ms ease;
  -ms-transition: all 1000ms ease;
  -o-transition: all 1000ms ease;
  transition: all 1000ms ease;
}

.main-slider .icon-box img{
  position:relative;
  width:auto;
  opacity:0.30;
  margin:0 auto;
}

.main-slider .active .icon-box,
.main-slider .swiper-slide-active .icon-box{
  opacity: 1;
  transform: scaleY(1);
  transition-delay: 300ms;
}

.main-slider .title{
  position:relative;
  color:#ffffff;
  font-weight:400;
  line-height:1.1em;
  margin-bottom:30px;
  opacity: 0;
  font-size:24px;
  transform: scaleY(0);
  transform-origin: top;
  -webkit-transition: all 1000ms ease;
  -moz-transition: all 100ms ease;
  -ms-transition: all 1000ms ease;
  -o-transition: all 1000ms ease;
  transition: all 1000ms ease;
}

.main-slider .active .title,
.main-slider .swiper-slide-active .title{
  opacity: 1;
  transform: scaleY(1);
  transition-delay: 600ms;
}

.main-slider h1{
  color:#ffffff;
  margin-bottom:30px;
  opacity: 0;
  transform: scaleY(0);
  transform-origin: top;
  -webkit-transition: all 1000ms ease;
  -moz-transition: all 100ms ease;
  -ms-transition: all 1000ms ease;
  -o-transition: all 1000ms ease;
  transition: all 1000ms ease;
  text-shadow: 0px 10px 15px rgba(0, 0, 0, 0.70);
}

.main-slider .active h1,
.main-slider .swiper-slide-active h1{
  opacity: 1;
  transform: scaleY(1);
  transition-delay: 1000ms;
}

.main-slider .text{
  position:relative;
  color:#ffffff;
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 20px;
  opacity: 0;
  letter-spacing:1px;
  transform: scaleY(0);
  transform-origin: top;
  -webkit-transition: all 1000ms ease;
  -moz-transition: all 100ms ease;
  -ms-transition: all 1000ms ease;
  -o-transition: all 1000ms ease;
  transition: all 1000ms ease;
}

.main-slider .active .text,
.main-slider .swiper-slide-active .text{
  opacity: 1;
  transform: scaleY(1);
  -webkit-transition-delay: 500ms;
  -moz-transition-delay: 500ms;
  -ms-transition-delay: 500ms;
  -o-transition-delay: 500ms;
  transition-delay: 500ms;
}

.main-slider .text{
  position:relative;
  color:#eeeeee;
  font-size:16px;
  opacity:0;
  transform: scaleY(0);
  transform-origin: top;
  line-height: 1.9em;
  font-weight:400;
  margin-bottom:42px !important;
  -webkit-transition: all 1000ms ease;
  -moz-transition: all 100ms ease;
  -ms-transition: all 1000ms ease;
  -o-transition: all 1000ms ease;
  transition: all 1000ms ease;
}

.main-slider .active .text,
.main-slider .swiper-slide-active .text{
  opacity: 1;
  transform: scaleY(1);
  transition-delay: 1500ms;
}

.main-slider .link-box{
  opacity:0;
  transform: scaleY(0);
  transform-origin: top;
  display:inline-block;
  -webkit-transition: all 1000ms ease;
  -moz-transition: all 100ms ease;
  -ms-transition: all 1000ms ease;
  -o-transition: all 1000ms ease;
  transition: all 1000ms ease;
}

.main-slider .active .link-box,
.main-slider .swiper-slide-active .link-box{
  opacity: 1;
  transform: scaleY(1);
  transition-delay: 2000ms;
}

.main-slider .link-box .theme-btn{
  
}

.main-slider .slide .side-tag{
  position:absolute;
  right:0px;
  bottom:0px;
  z-index:1;
  color:#ffffff;
  font-size:18px;
  font-weight:700;
  padding:20px 40px 18px;
  background-color:var(--main-color);
}

.main-slider .slide .side-tag:before{
  position:absolute;
  content:'';
  left:-30px;
  bottom:0px;
  top:0px;
  z-index:-1;
  border-bottom: 66px solid var(--main-color);
    border-left: 30px solid transparent;
}

.main-slider .owl-dots{
  display:none;
}

.main-slider .owl-nav{
  position:absolute;
  left:0px;
  bottom:0%;
  z-index:10;
  width:100%;
  transition:all 0.3s ease;
  -moz-transition:all 0.3s ease;
  -webkit-transition:all 0.3s ease;
  -ms-transition:all 0.3s ease;
  -o-transition:all 0.3s ease;
}
.main-slider.exp-post-carousel .exp-swiper-arrow{
    opacity:1 !important;
    top: inherit;
    background-color: inherit;
}
.main-slider .owl-nav .owl-prev{
  position:absolute;
  left:20px !important;
  bottom:20px;
  width:80px;
  height:80px;
  color:#ffffff;
  line-height:74px;
  font-size:40px;
  text-align:center;
  border-radius:0px;
  transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
  border:3px solid rgba(255,255,255,1);
  opacity: 1;
    background-color: inherit;
    top: auto;
}

.main-slider .owl-nav .owl-next{
  position:absolute;
  left:110px !important;
  bottom:110px;
  width:80px;
  height:80px;
  color:#ffffff;
  line-height:74px;
  font-size:40px;
  text-align:center;
  border-radius:0px;
  transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
  border:3px solid rgba(255,255,255,1);
  opacity: 1 !important;
    background-color: inherit;
    top: auto;
}

.main-slider .owl-nav .owl-prev:hover,
.main-slider .owl-nav .owl-next:hover{
  color:#ffffff;
  border-color:var(--main-color);
  background-color:var(--main-color);
}

/*Custom Select*/

.form-group .ui-selectmenu-button.ui-button{
  width:100%;
  font-size:16px;
  font-style:normal;
  height:55px;
  padding:12px 20px 10px 20px;
  line-height:28px;
  color:#777777;
  border: none;
  border-radius:2px;
  background:#ffffff;
  border:1px solid #dddddd;
}

.form-group .ui-button .ui-icon{
  background:none;
  position:relative;
  top:2px;
  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:var(--main-color);
  border-color:var(--main-color);
}

.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:var(--main-color);
}

/*** 

====================================================================
  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: var(--main-color);
  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: 20px;
  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;
}

/*** 

====================================================================
  Mobile Menu
====================================================================

***/

.nav-outer .mobile-nav-toggler{
  position: relative;
  float: right;
  font-size: 40px;
  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%;
  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{
  visibility: visible;
}

.mobile-menu .menu-backdrop{
  position: fixed;
  right: 0;
  top: 0;
  width: 0%;
  height: 100%;
  z-index: 1;
  background: rgba(0,0,0,0.90);
  -webkit-transform: translateX(101%);
  -ms-transform: translateX(101%);
  transform: translateX(101%);
  transition: all 900ms ease;
    -moz-transition: all 900ms ease;
    -webkit-transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    -o-transition: all 900ms ease;
  
  -webkit-transition-delay: 300ms;
  -moz-transition-delay: 300ms;
  -ms-transition-delay: 300ms;
  -o-transition-delay: 300ms;
  transition-delay: 300ms;
}

.mobile-menu-visible .mobile-menu .menu-backdrop{
  opacity: 1;
  width:100%;
  visibility: visible;
  transition: all 900ms ease;
    -moz-transition: all 900ms ease;
    -webkit-transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    -o-transition: all 900ms ease;
  -webkit-transform: translateX(0%);
  -ms-transform: translateX(0%);
  transform: translateX(0%);
  

}

.mobile-menu .menu-box{
  position: absolute;
  right: -400px;
  top: 0px;
  width: 100%;
  height: 100%;
  max-height: 100%;
  overflow-y: auto;
  background: #ffffff;
  padding: 0px 0px;
  z-index: 5;
  border-radius: 0px;
  
  transition: all 900ms ease;
    -moz-transition: all 900ms ease;
    -webkit-transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    -o-transition: all 900ms ease;
}

.mobile-menu-visible .mobile-menu .menu-box{
  right:0px;
  -webkit-transition-delay: 600ms;
  -moz-transition-delay: 600ms;
  -ms-transition-delay: 600ms;
  -o-transition-delay: 600ms;
  transition-delay: 600ms;
}

.mobile-menu .close-btn{
  position: absolute;
    right: 15px;
    top: 15px;
    line-height: 40px;
    height: 40px;
    width: 40px;
    text-align: center;
    font-size: 18px;
    color: #404040;
    font-weight: normal;
    cursor: pointer;
    z-index: 999;
    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);
}

.mobile-menu .navigation li{
  position: relative;
  display: block;
  border-bottom: 1px solid rgba(0,0,0,0.10);
}

.mobile-menu .navigation li > ul > li:last-child{
  border-bottom: none;
}

.mobile-menu .navigation li > ul > li:first-child{
  border-top: 1px solid rgba(0,0,0,0.10);
}

.mobile-menu .navigation li > a{
  position: relative;
  display: block;
  line-height: 24px;
  padding: 10px 20px;
  font-size: 15px;
  color: #404040;
  text-transform: capitalize;
}

.mobile-menu .navigation li:hover > a,
.mobile-menu .navigation li.current > a{
  color:var(--main-color);
}

.mobile-menu .navigation li.dropdown .dropdown-btn{
  position:absolute;
  right:0px;
  top:0px;
  width:44px;
  height:44px;
  text-align:center;
  font-size:16px;
  line-height:44px;
  color:#404040;
  cursor:pointer;
  z-index:5;
}

.mobile-menu .navigation li.dropdown .dropdown-btn:after{
  content:'';
  position:absolute;
  left:0px;
  top:10px;
  width:1px;
  height:24px;
  border-left:1px solid rgba(0,0,0,0.10);
}

.mobile-menu .navigation li > ul,
.mobile-menu .navigation li > ul > li > ul{
  display: none;
}

.sticky-header .navbar-header{
  display:none;
}

/*** 

====================================================================
  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 40px;
}

.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:60px;
}

.sidebar-info-contents .content-inner .contact-info h2{
  position:relative;
  font-size:20px;
  color:#ffffff;
  font-weight:500;
  margin-bottom:35px;
}

.sidebar-info-contents .content-inner .social-box{
  position:relative;
  margin-top:35px;
  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:45px;
  height:45px;
  color:#ffffff;
  z-index:1;
  font-size:18px;
  line-height:45px;
  text-align:center;
  border-radius:50%;
  display:inline-block;
  background-color:var(--main-color);
  border:1px solid var(--main-color);
  transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}
.sidebar-info-contents .content-inner .social-box li a:hover{
    background-color:#ffffff;
  border-color:var(--main-color);
  color:var(--main-color);
}
.close-side-widget,
.close-side-widget:hover{
  color:#ffffff;
  font-size:24px;
}

/*** 

====================================================================
  Featured Section
====================================================================

***/

.featured-section{
  position:relative;
  overflow:hidden;
  padding:0px 0px 0px;
}

.featured-section .outer-container{
  position:relative;
  padding-right:90px;
}

.featured-section .owl-dots{
  display:none;
}

.featured-section .owl-nav{
  position:absolute;
  right:-20px;
  top:40px;
  width:100px;
  ;
}

.featured-section .owl-nav .owl-prev,
.featured-section .owl-nav .owl-next{
  position:relative;
  width:82px;
  height:82px;
  color:#ffffff;
  font-size:34px;
  line-height:82px;
  text-align:center;
  display:inline-block;
  background-color:var(--main-color);
  -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;
  opacity:1 !important;
  border-radius:0px !important
}

.featured-section .owl-nav .owl-prev:hover,
.featured-section .owl-nav .owl-next:hover{
  background-color:#222222;
}

.feature-block{
  position:relative;
}

.feature-block .inner-box{
  position:relative;
  padding:50px 30px;
  display:flex;
  min-height:100%;
}

.feature-block .inner-box:before{
  position:absolute;
  content:'';
  left:0px;
  top:0px;
  bottom:0px;
  width:40%;
  opacity:0;
  background-color:var(--main-color);
  transition: all 600ms ease;
    -moz-transition: all 600ms ease;
    -webkit-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    -o-transition: all 600ms ease;
}

.feature-block .inner-box:hover::before{
  width:100%;
  opacity:1;
}

.feature-block .inner-box .overlay-link{
  position:absolute;
  left:0px;
  top:0px;
  right:0px;
  bottom:0px;
  z-index:1;
  display:block;
}

.feature-block .inner-box .content{
  position:relative;
  padding-left:70px;
}

.feature-block .inner-box .content .icon-box{
  position:absolute;
  left:0px;
  top:0px;
  color:var(--main-color);
  font-size:50px;
  line-height:1em;
  -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;
}

.feature-block .inner-box:hover .content .icon-box{
  color:#ffffff;
}

.feature-block .inner-box .content .title{
  position:relative;
  color:#555555;
  font-size:18px;
  font-weight:700;
  -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;
}

.feature-block .inner-box .content h4{
  position:relative;
  color:#222222;
  font-weight:700;
  margin-top:5px;
}

.feature-block .inner-box:hover .content .title{
  color:#ffffff;
}

/*** 

====================================================================
  About Section
====================================================================

***/

.about-section{
  position:relative;
  padding:110px 0px 70px;
}

.about-section .law-image{
  position:absolute;
  left:20px;
  bottom:30px;
}

.about-section .image-column{
  position:relative;
  margin-bottom:40px;
}

.about-section .image-column .inner-column{
  position:relative;
  padding-right:100px;
}

.about-section .image-column .inner-column .pattern-layer{
  position:absolute;
  left:-25px;
  top:-25px;
  width:317px;
  height:317px;
  background-repeat:no-repeat;
}

.about-section .image-column .image{
  position:relative;
}

.about-section .image-column .image img{
  position:relative;
  width:100%;
  display:block;
}

.about-section .image-column .image-two{
  position:absolute;
  right:0px;
  bottom:-60px;
  padding:10px;
  background-color:#ffffff;
  box-shadow:0px 10px 15px rgba(0,0,0,0.10);
}

.about-section .content-column{
  position:relative;
  margin-bottom:40px;
}

.about-section .content-column .inner-column{
  position:relative;
}

.about-section .content-column .sec-title{
  margin-bottom:25px;
}

.about-section .content-column .text{
  margin-bottom:30px;
}

.about-author-box{
  position:relative;
}

.about-author-box .box-inner{
  position:relative;
}

.about-author-box .box-inner .upper-box{
  position:relative;
  padding:20px 22px;
  border-radius:10px;
  background-color:var(--main-color);
}

.about-author-box .box-inner .upper-box .color-layer{
  position:absolute;
  left:8px;
  top:8px;
  right:-8px;
  bottom:-8px;
  z-index:-1;
  border-radius:10px;
  background-color:#ebebeb;
}

.about-author-box .box-inner .upper-box .color-layer:before{
  position:absolute;
  content:'';
  left:0px;
  bottom:-28px;
  border-top: 45px solid #ebebeb;
    border-right: 40px solid transparent;
}

.about-author-box .box-inner .upper-box:before{
  position:absolute;
  content:'';
  left:0px;
  bottom:-30px;
  border-top: 45px solid var(--main-color);
    border-right: 40px solid transparent;
}

.about-author-box .box-inner .upper-box .author-text{
  position:relative;
  color:#ffffff;
  font-style:italic;
}

.about-author-box .box-inner .lower-box{
  position:relative;
  margin-top:45px;
}

.about-author-box .box-inner .lower-box-inner{
  position:relative;
  padding-left:110px;
}

.about-author-box .box-inner .lower-box-inner .author-image{
  position:absolute;
  left:0px;
  width:80px;
  height:80px;
  overflow:hidden;
  border-radius:50%;
  display:inline-block;
}

.about-author-box .box-inner .lower-box-inner .signature{
  position:relative;
  margin-top:-10px;
  margin-bottom:10px;
}

.about-author-box .box-inner .lower-box-inner .designation{
  position:relative;
  color:#222222;
  font-size:16px;
  font-weight:700;
  text-transform:uppercase;
}

/* Skills Section */

.about-section .content-column .skills{
  margin-top:20px;
}

.skills .skill-item{
  position:relative;
  margin-bottom:20px;
}

.skills .skill-item:last-child{
  margin-bottom:0px;
}

.skills .skill-item .skill-bar{
  position:relative;
  width:100%;
}

.skills .skill-item .skill-bar .bar-inner{
  position:relative;
  width:100%;
  height:8px;
  background:#222222;
}

.skills .skill-item .skill-bar .bar-inner .bar{
  position:absolute;
  left:0px;
  top:0px;
  height:8px;
  width:0px;
  border-bottom:8px solid var(--main-color);
  -webkit-transition:all 2000ms ease;
  -ms-transition:all 2000ms ease;
  -o-transition:all 2000ms ease;
  -moz-transition:all 2000ms ease;
  transition:all 2000ms ease;
}

.skills .skill-item .skill-header{
  position:relative;
  margin-bottom:6px;
}

.skills .skill-item .skill-header .skill-title{
  position:relative;
}

.skills .skill-item .skill-header .skill-title{
  color:#222222;
  font-size:20px;
  font-weight:700;
  line-height:1.4em;
  margin-top:20px;
  text-transform:uppercase;
}

.skills .skill-item .skill-header .grow{
  color:#555555;
  font-size:16px;
  font-weight:400;
  line-height:1.4em;
  margin-top:20px;
  text-transform:capitalize;
}

.skills .skill-item .skill-bar .bar-inner .skill-percentage{
  position:absolute;
  right:0px;
  top:-15px;
  font-weight:700;
  color:#687469;
  font-size:16px;
  padding:2px 10px 3px;
  border-radius:0px;
  border:2px solid var(--main-color);
  background-color:#ffffff;
  text-transform:uppercase;
}

/*** 

====================================================================
  Services Section
====================================================================

***/

.services-section{
  position:relative;
  padding:100px 0px 70px;
  background-color:#f5f5f5;
}

.services-section .owl-dots{
  display:none;
}

.services-section .owl-nav{
  position:absolute;
  right:15px;
  top:-110px;
}

.services-section .owl-nav .owl-prev,
.services-section .owl-nav .owl-next{
  position:relative;
  width:60px;
  height:60px;
  text-align:center;
  line-height:60px;
  font-size:28px;
  margin-left:15px;
  display:inline-block;
  background-color:#ffffff;
  transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
  box-shadow:0px 0px 10px rgba(0,0,0,0.10);
}

.services-section .owl-nav .owl-prev:hover,
.services-section .owl-nav .owl-next:hover{
  background-color:var(--main-color);
  color:#ffffff;
}

.services-section .owl-carousel .owl-stage-outer{
  padding:15px 0px 20px;
}

.services-section .owl-theme .service-block{
  margin:0px 15px 20px;
}

.services-section .owl-carousel{
  margin:0px -15px;
  width:auto;
}

.service-block{
  position:relative;
  margin-bottom:30px;
}

.service-block .inner-box{
  position:relative;
}

.service-block .inner-box .image{
  position:relative;
  overflow:hidden;
  background-color:#000000;
}

.service-block .inner-box .image img{
  position:relative;
  width:100%;
  display:block;
  transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
}

.service-block .inner-box:hover .image img{
  opacity:0.4;
  transform:scale(1.05,1.05);
}

.service-block .inner-box .side-icon{
  position:absolute;
  right:40px;
  bottom:30px;
  color:#e8e8e8;
  font-size:80px;
  line-height:1em;
}

.service-block .inner-box .lower-content{
  position:relative;
  margin-top:-30px;
  margin-right:30px;
  padding:30px 30px;
  background-color:#ffffff;
  box-shadow:0px 0px 15px rgba(0,0,0,0.10);
}

.service-block .inner-box .lower-content .arrow{
  position:absolute;
  right:30px;
  top:-30px;
  width:48px;
  height:48px;
  color:#ffffff;
  font-size:16px;
  text-align:center;
  line-height:48px;
  background-color:#222222;
  display:inline-block;
  -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;
}

.service-block .inner-box:hover .lower-content .arrow{
  background-color:#ac9157;
}

.service-block .inner-box .lower-content h4{
  margin-bottom:12px;
}

.service-block .inner-box .lower-content h4 a{
  position:relative;
  color:#222222;
  -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;
}

.service-block .inner-box:hover .lower-content h4 a{
  color:#ac9157;
}

.service-block .inner-box .lower-content .text{
  position:relative;
  z-index:1;
}

/*** 

====================================================================
  Default Section
====================================================================

***/

.default-section{
  position:relative;
  padding:100px 0px 60px;
  background-attachment:fixed;
  background-size:cover;
}

.default-section:before{
  position:absolute;
  content:'';
  left:0px;
  top:0px;
  right:0px;
  bottom:0px;
  background-color:rgba(0,0,0,0.90);
}

.default-section .form-column{
  position:relative;
  margin-bottom:40px;
}

.default-section .form-column .inner-column{
  position:relative;
}

/* Case Form */

.case-form{
  position: relative;
  z-index:1;
}

.case-form .form-group{
  position:relative;
  margin-bottom:20px;
}

.case-form .form-group fieldset{
  position:relative;
  background-color: #ffffff;
}

.case-form .form-group label{
  position:relative;
  color:#222222;
  display:block;
  font-size:14px;
  font-weight:700;
  padding-left:30px;
  margin-bottom:0px;
  padding-top:20px;
  display:none;
  padding-right:30px;
  text-transform:uppercase;
}

.case-form .form-group .icon{
  position:absolute;
  right:20px;
  bottom:18px;
  color:var(--main-color);
  z-index:1;
  font-size:22px;
}

.case-form .form-group .ui-selectmenu-button.ui-button{
  border:0px;
  color:#cccccc;
  font-size:16px;
  padding-left:28px;
}

.ui-selectmenu-button.ui-button,
.case-form .form-group input[type="text"],
.case-form .form-group input[type="email"],
.case-form .form-group input[type="tel"],
.case-form .form-group input[type="url"],
.case-form .form-group textarea,
.case-form .form-group select{
  position: relative;
    display: block;
    width: 100%;
    font-size: 16px;
    line-height: 20px;
    color: #555555;
    font-weight: 400;
    padding: 14px 28px;
  z-index:1;
  height:60px;
  text-transform:capitalize;
    background-color: #ffffff;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

.case-form .form-group .ui-button .ui-icon:before{
  content:'\f0d7';
  font-size:18px;
  color:var(--main-color);
}

.case-form .form-group input:focus,
.case-form .form-group select:focus,
.case-form .form-group textarea:focus{
  border-color:#fda700;
}

.case-form .form-group textarea{
  height: 150px;
  resize: none;
  border-radius:0px;
}

.case-form .form-group textarea::-webkit-input-placeholder,
.case-form .form-group input::-webkit-input-placeholder{
  color:#cccccc;
  font-size:16px;
}

.case-form .form-group input[type="submit"],
.case-form button{
    margin-top:5px;
  padding:20px 46px 20px;
  text-transform:uppercase;
}

.case-form .form-group input[type="submit"]:hover,
.case-form button:hover{
  
}

.case-section .counter-column{
  position:relative;
  margin-bottom:40px;
}

.default-section .counter-column .inner-column{
  position:relative;
}

/* Fact Counter */

.fact-counter{
  position:relative;
  z-index:1;
}

.fact-counter .column{
  position:relative;
  margin-bottom:30px;
}

/* .fact-counter .column:nth-child(2n + 0){
  margin-left:200px;
} */

.fact-counter .column .inner{
  position:relative;
  padding:39px 20px;
  border:1px solid rgba(255,255,255,0.30);
  transition: all 600ms ease;
    -moz-transition: all 600ms ease;
    -webkit-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    -o-transition: all 600ms ease;
}

.fact-counter .column .inner:hover{
  border-color:rgba(255,255,255,0.80);
}

.fact-counter .column .inner .content{
  position:relative;
  padding-left:65px;
}

.fact-counter .column .inner .icon{
  position:absolute;
  left:0px;
  top:20px;
  color:#ffffff;
  font-size:50px;
  text-align:center;
  line-height:1em;
  font-weight: 400;
  transition: all 600ms ease;
    -moz-transition: all 600ms ease;
    -webkit-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    -o-transition: all 600ms ease;
}

.fact-counter .column .inner:hover .icon{
  color:#ffffff;
  -webkit-transform: scale(-1) rotate(180deg);
    -moz-transform: scale(-1) rotate(180deg);
    -ms-transform: scale(-1) rotate(180deg);
    -o-transform: scale(-1) rotate(180deg);
    transform: scale(-1) rotate(180deg);
}

.fact-counter .count-outer .percentage{
  position:relative;
  font-weight:600;
  color:#222222;
  font-size:30px;
  line-height:1em;
}

.fact-counter .column .inner .count-outer{
  position:relative;
  font-weight:700;
  color:#ffffff;
  font-size:50px;
  line-height:1em;
}

.fact-counter .column .inner .counter-title{
  position:relative;
  color:#ac9157;
  font-size:16px;
  font-weight:400;
  padding-top:10px;
  margin-top:10px;
  display:inline-block;
  border-top:1px solid rgba(255,255,255,0.20);
}

/*** 

====================================================================
  CTA Section
====================================================================

***/

.cta-section{
  position:relative;
  overflow:hidden;
  padding:100px 0px 0px;
}

.cta-section.style-two{
  margin-top:-30px;
}

.cta-section.style-two .pattern-layer-two{
  bottom:-106px;
}

.cta-section .pattern-layer{
  position:absolute;
  right:100px;
  top:0px;
  width:812px;
  height:410px;
  background-repeat:no-repeat;
}

.cta-section .pattern-layer-two{
  position:absolute;
  left:0px;
  bottom:0px;
  width:798px;
  height:423px;
  background-repeat:no-repeat;
}

.cta-section .content-column{
  position:relative;
  margin-bottom:40px;
}

.cta-section .content-column .inner-column{
  position:relative;
  padding-top:70px;
}

.cta-section .content-column .icon{
  position:relative;
  margin-bottom:50px;
}

.cta-section .content-column .title{
  position:relative;
  color:#999999;
  font-size:24px;
  font-weight:700;
  margin-bottom:30px;
  padding-right:60px;
  display:inline-block;
  text-transform:uppercase;
}

.cta-section .content-column .title:before{
    position: absolute;
  content:'';
  right:0px;
  bottom:8px;
  width:40px;
  height:2px;
  background-color:#222222;
}

.cta-section .content-column .title:after{
    position: absolute;
  content:'';
  right:10px;
  bottom:13px;
  width:30px;
  height:2px;
  background-color:var(--main-color);
}

.cta-section .content-column h2{
  margin-bottom:40px;
}

.cta-section .content-column .phone{
  position:relative;
  color:#687469;
  font-size:48px;
  font-weight:300;
  line-height:1em;
  margin-bottom:50px;
  display:inline-block;
  -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

.cta-section .content-column .phone:hover{
  color:var(--main-color);
}

.cta-section .content-column .btns-box{
  position:relative;
}

.cta-section .content-column .btns-box .theme-btn{
  margin-right:15px;
}

.cta-section .image-column{
  position:relative;
}

.cta-section .image-column .inner-column{
  position:relative;
}

/*** 

====================================================================
  Case Section
====================================================================

***/

.case-section{
  position:relative;
  overflow:hidden;
  padding:100px 0px 110px;
  background-attachment:fixed;
  background-size:cover;
}

.case-section:before{
  position:absolute;
  content:'';
  left:0px;
  top:0px;
  right:0px;
  bottom:0px;
}

.case-section .owl-carousel .owl-stage-outer{
  overflow:visible;
}

.case-section .owl-carousel .owl-stage-outer:before{
  position:absolute;
  content:'';
  right:100%;
  top:0px;
  bottom:0px;
  width:200%;
  z-index:1;
  background-color:#d19422;
}

.case-section .owl-nav{
  display:none;
}

.case-section .owl-dots{
  position:absolute;
  left:50%;
  top:-80px;
  width:100%;
  text-align:right;
  max-width:1170px;
  margin-left:-585px;
}

.case-section .owl-dots .owl-dot{
  position:relative;
  width:20px;
  height:6px;
  margin:0px 5px;
  display:inline-block;
  background-color:#ffffff;
  transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
}

.case-section .owl-dots .owl-dot:hover,
.case-section .owl-dots .owl-dot.active{
  width:40px;
  background-color:#222222;
}

.case-block{
  position:relative;
}

.case-block .inner-box{
  position:relative;
  overflow:hidden;
}

.case-block .inner-box .image{
  position:relative;
}

.case-block .inner-box .image img{
  position:relative;
  width:100%;
  display:block;
  transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
}

.case-block .inner-box:hover .image img{
  transform:rotate(3deg) scale(1.05,1.05);
}

.case-block .inner-box .lower-content{
  position:relative;
  margin-left:30px;
  margin-top:-30px;
  padding:30px 30px;
  background-color:#ffffff;
}

.case-block .inner-box .lower-content:before{
  position:absolute;
  content:'';
  left:0px;
  top:0px;
  right:0px;
  height:30%;
  opacity:0;
  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;
}

.case-block .inner-box:hover .lower-content:before{
  height:100%;
  opacity:1;
}

.case-block .inner-box .lower-content .category{
  position:relative;
  color:#ac9157;
  font-size:14px;
  letter-spacing:1px;
  font-weight:700;
  text-transform:uppercase;
}

.case-block .inner-box .lower-content h4{
  margin-top:6px;
}

.case-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;
}

.case-block .inner-box:hover .lower-content h4 a{
  color:#ffffff;
}

.case-block .inner-box .lower-content .learn-btn{
  position:absolute;
  right:25px;
  top:-22px;
  z-index:1;
  transform:translateX(200px);
  transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
}

.case-block .inner-box:hover .lower-content .learn-btn{
  transform:translateX(0px);
}

.case-block .inner-box .lower-content .learn{
  position:relative;
  color:#ffffff;
  font-weight:500;
  padding:10px 24px;
  display:inline-block;
  background-color:#ac9157;
}

.case-block .inner-box .lower-content .learn:before{
  position:absolute;
  content:'';
  left:10px;
  top:-5px;
  right:-5px;
  bottom:5px;
  z-index:-1;
  background-color:rgba(255,255,255,0.70);
}

/*** 

====================================================================
  Team Section
====================================================================

***/

.team-section{
  position:relative;
  padding:100px 0px 100px;
}

.team-section .owl-nav{
  display:none;
}

.team-section .owl-dots{
  position:relative;
  width:100%;
  margin-top:10px;
  text-align:center;
}

.team-section .owl-dots .owl-dot{
  position:relative;
  width:20px;
  height:6px;
  margin:0px 5px;
  display:inline-block;
  background-color:var(--main-color);
  transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
}

.team-section .owl-dots .owl-dot:hover,
.team-section .owl-dots .owl-dot.active{
  width:40px;
  background-color:#222222;
}

.team-block{
  position:relative;
  margin-bottom:30px;
}

.team-block .inner-box{
  position:relative;
  overflow:hidden;
}

.team-block .inner-box .image{
  position:relative;
  overflow:hidden;
  background-color:#222222;
}

.team-block .inner-box .image .color-layer{
  position:absolute;
  left:0px;
  bottom:0px;
  right:0px;
  height:50%;
  background: rgba(255,255,255,0);
  background: -webkit-linear-gradient(to bottom, rgba(255,255,255,0) 0%, #000000 100%);
  background: -moz-linear-gradient(to bottom, rgba(255,255,255,0) 0%, #000000 100%);
  background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, #000000 100%);
}

.team-block .inner-box .image img{
  position:relative;
  width:100%;
  display:block;
  transition: all 600ms ease;
  -webkit-transition: all 600ms ease;
  -ms-transition: all 600ms ease;
  -o-transition: all 600ms ease;
  -moz-transition: all 600ms ease;
}

.team-block .inner-box:hover .image img{
  opacity:0.7;
  transform:scale(1.05,1.06);
}

.team-block .inner-box .overlay-content{
  position:absolute;
  left:0px;
  bottom:0px;
  right:0px;
  padding:0px 25px 25px;
}

.team-block .inner-box .overlay-content h5{
  position:relative;
  font-weight:600;
  text-transform:capitalize;
}

.team-block .inner-box .overlay-content h5 a{
  position:relative;
  color:var(--main-color);
  transition: all 300ms ease;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
}

.team-block .inner-box .overlay-content h5 a:hover{
  color:#ffffff;
}

.team-block .inner-box .overlay-content .designation{
  position:relative;
  color:#ffffff;
  font-size:14px;
  margin-bottom:6px;
}

.team-block .inner-box .overlay-content .share-box{
  position:absolute;
  right:30px;
  bottom:28px;
  width:40px;
  height:40px;
  background-color:#ffffff;
}

.team-block .inner-box .overlay-content .share-box .box-inner{
  position:relative;
  overflow:hidden;
}

.team-block .inner-box .overlay-content .share-box .share{
  position:static;
  width:40px;
  z-index:3;
  height:40px;
  color:#222222;
  line-height:40px;
  text-align:center;
  background-color:#ffffff;
}

.team-block .inner-box .overlay-content .share-box .social-box{
  position:absolute;
  width:40px;
  right:10px;
  left:0px;
  top:100%;
  opacity:0;
  z-index:1;
  padding:0px;
  text-align:center;
  background-color:#222222;
  transition: all 600ms ease;
  -webkit-transition: all 600ms ease;
  -ms-transition: all 600ms ease;
  -o-transition: all 600ms ease;
  -moz-transition: all 600ms ease;
}

.team-block .inner-box .overlay-content .share-box:hover .social-box{
  top:-410%;
  opacity:1;
}

.team-block .inner-box .overlay-content .share-box:hover .box-inner{
  overflow:visible;
}

.team-block .inner-box .overlay-content .share-box .social-box li{
  position:relative;
  margin:0px 0px 1px;
  display:inline-block;
}

.team-block .inner-box .overlay-content .share-box .social-box li a{
  position:relative;
  width:40px;
  height:40px;
  color:#222222;
  line-height:40px;
  text-align:center;
  display:inline-block;
  background-color:#ffffff;
  transition: all 300ms ease;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
}

.team-block .inner-box .overlay-content .share-box .social-box li a:hover{
  background-color:var(--main-color);
  color:#ffffff;
}

.team-block .inner-box .overlay-content .share-box .social-box li:last-child{
  margin-bottom:0px;
}

/*** 

====================================================================
  Testimonial Section
====================================================================

***/

.testimonial-section{
  position:relative;
}

.testimonial-section .pattern-layer{
  position:absolute;
  left:0px;
  top:0px;
  width:442px;
  height:880px;
  background-repeat:no-repeat;
}

.testimonial-section .pattern-layer-two{
  position:absolute;
  right:0px;
  top:0px;
  width:441px;
  height:877px;
  background-repeat:no-repeat;
}

.testimonial-section .owl-dots{
  display:none;
}

.testimonial-section .owl-nav{
  position:absolute;
  right:25px;
  top:-110px;
}

.testimonial-section .owl-nav .owl-prev,
.testimonial-section .owl-nav .owl-next{
  position:relative;
  width:60px;
  height:60px;
  text-align:center;
  line-height:60px;
  font-size:28px;
  margin-left:15px;
  display:inline-block;
  background-color:#ffffff;
  transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
  box-shadow:0px 0px 10px rgba(0,0,0,0.10);
}

.testimonial-section .owl-nav .owl-prev:hover,
.testimonial-section .owl-nav .owl-next:hover{
  background-color:var(--main-color);
  color:#ffffff;
}

.testimonial-section .owl-carousel .owl-stage-outer{
  padding:10px 0px 30px;
}

.testimonial-section .owl-theme .testimonial-block{
  margin:0px 20px;
}

.testimonial-section .owl-carousel{
  margin:0px -20px;
  width:auto;
}

.testimonial-block{
  position:relative;
}

.testimonial-block .inner-box{
  position:relative;
  padding:40px 45px 40px 15px;
  margin-bottom:30px;
}

.testimonial-block .inner-box:before{
  position:absolute;
  content:'';
  left:70px;
  top:0px;
  right:0px;
  bottom:0px;
  background-color:#ffffff;
  box-shadow:0px 0px 10px rgba(0,0,0,0.10);
}

.testimonial-block .inner-box .content{
  position:relative;
  padding-left:150px;
}

.testimonial-block .inner-box .author-image{
  position:absolute;
  left:0px;
  top:0px;
  width:120px;
  height:120px;
  overflow:hidden;
  border-radius:50%;
  border:4px solid #ac9157;
}
.testimonial-block .inner-box .author-image img{
    width:100%;
}
.testimonial-block .inner-box h3{
  font-weight:700;
  color:#222222;
}

.testimonial-block .inner-box .content .designation{
  position:relative;
  color:#555555;
  font-size:16px;
  margin-top:6px;
  margin-bottom:15px;
}

.testimonial-block .inner-box .text{
  position:relative;
  margin-bottom:16px;
}

.testimonial-block .inner-box .rating{
  position:relative;
  color:#ac9157;
}

.testimonial-block .inner-box .icon{
  position:absolute;
  right:45px;
  bottom:-30px;
  color:#222222;
  font-size:70px;
  line-height:1em;
  display:inline-block;
}

/*** 

====================================================================
  Clients Section
====================================================================

***/

.clients-section{
  position:relative;
  padding:60px 0px 60px;
  /*box-shadow:0px 15px 15px rgba(0,0,0,0.10);*/
}

.clients-section.style-two{
  box-shadow:0px 0px 15px rgba(0,0,0,0.10);
}

.clients-section .inner-container{
  position:relative;
}

.clients-section .inner-container .column img{
  position:relative;
  -webkit-transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
  transition:all 500ms ease;
}

.clients-section .inner-container .column:hover img{
  filter: grayscale(100%);
}

.clients-section .owl-dots,
.clients-section .owl-nav{
  display:none;
}

/*** 

====================================================================
  News Section
====================================================================

***/

.news-section{
  position:relative;
  padding:100px 0px 70px;
}

.news-block{
  position:relative;
  margin-bottom:30px;
}

.news-block .inner-box{
  position:relative;
}

.news-block .inner-box .image:before{
  position:absolute;
  content:'';
  right:15px;
  top:0px;
  width:1px;
  height:100%;
  background-color:#dddddd;
}

.news-block .inner-box .image:after{
  position:absolute;
  content:'';
  left:0px;
  bottom:15px;
  width:100%;
  height:1px;
  background-color:#dddddd;
}

.news-block .inner-box .image{
  position:relative;
  overflow:hidden;
  padding-right:30px;
  padding-bottom:30px;
}

.news-block .inner-box .image img{
  position:relative;
  width:100%;
  display:block;
  -webkit-transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
  transition:all 500ms ease;
}

.news-block .inner-box:hover .image img{
  opacity:0.60;
}

.news-block .inner-box .image .post-date{
  position:absolute;
  right:30px;
  bottom:30px;
  color:#222222;
  font-size:18px;
  font-weight:700;
  padding:10px 20px;
  display:inline-block;
  background-color:var(--main-color);
}

.news-block .inner-box .lower-content{
  position:relative;
  padding-top:15px;
  padding-bottom:30px;
  border-bottom:2px solid #dddddd;
}

.news-block .inner-box .lower-content .upper-box{
  position:relative;
  margin-bottom:30px;
}

.news-block .inner-box .lower-content .upper-box .box-inner{
  position:relative;
  padding-top:8px;
  min-height:80px;
  padding-left:110px;
}

.news-block .inner-box .lower-content .upper-box .box-inner .author-image{
  position:absolute;
  left:0px;
  top:0px;
  width:80px;
  height:80px;
}

.news-block .inner-box .lower-content .upper-box .box-inner .author-name{
  color:#222222;
  font-size:24px;
  font-weight:700;
}

.news-block .inner-box .lower-content .post-meta{
  position:relative;
  margin-top:6px;
}

.news-block .inner-box .lower-content .post-meta li{
  position:relative;
  color:#555555;
  font-size:16px;
  margin-right:10px;
  font-weight:400;
  padding-left:28px;
  display:inline-block;
}

.news-block .inner-box .lower-content .post-meta li .icon{
  position:absolute;
  left:0px;
  top:1px;
  color:#d3c2a0;
  font-size:18px;
  margin-right:6px;
}

.news-block .inner-box .lower-content .post-meta li:last-child{
  margin-right:0px;
}

.news-block .inner-box .lower-content h4{
  position:relative;
  margin-top:20px;
}

.news-block .inner-box .lower-content h4 a{
  position:relative;
  color:#222222;
  -webkit-transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
  transition:all 500ms ease;
}

.news-block .inner-box .lower-content h4 a:hover{
  color:var(--main-color);
}

/*** 

====================================================================
  Gallery Section
====================================================================

***/

.gallery-section{
  position:relative;
  padding:100px 0px 0px;
}

.gallery-section .owl-dots,
.gallery-section .owl-nav{
  display:none;
}

/* Gallery Block Three */

.gallery-block{
  position:relative;
  margin-bottom:0px;
}

.gallery-block .inner-box{
  position:relative;
  width:100%;
}

.gallery-block .image-box{
  position:relative;
  display:block;
  margin:0px;
  overflow:hidden;
  border-radius:0px;
}

.gallery-block .image-box img{
  position:relative;
  display:block;
  width:100%;
}

.gallery-block .overlay-box{
  position:absolute;
  left:0px;
  top:0px;
  width:100%;
  height:100%;
  opacity:0;
  color:#ffffff;
  text-align:center;
   transition: all 900ms ease;
    -moz-transition: all 900ms ease;
    -webkit-transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    -o-transition: all 900ms ease;
  -moz-transform: rotateY(-180deg);
    -webkit-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg);
  transform: rotateY(-180deg);
  background-color:rgba(193,169,116,0.60);
}

.gallery-block .inner-box:hover .overlay-box{
  opacity:1;
  -moz-transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    transform: rotateY(0deg);
    visibility: visible;
}

.gallery-block .overlay-inner{
  position:absolute;
  left:0px;
  top:0px;
  width:100%;
  height:100%;
  display:table;
  vertical-align:middle;
  padding:10px 0px;
}

.gallery-block .overlay-inner .content{
  position:relative;
  display:table-cell;
  vertical-align:middle;
}

.gallery-block .image-box .link-arrow{
  position:relative;
  width:50px;
  height:50px;
  font-size:26px;
  color:#ffffff;
  text-align:center;
  line-height:50px;
  font-weight:400;
  border-radius:0px;
  display:inline-block;
  background-color:#000000;
  transition: all 900ms ease;
    -moz-transition: all 900ms ease;
    -webkit-transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    -o-transition: all 900ms ease;
}

/*** 

====================================================================
  Main Footer
====================================================================

***/

.main-footer{
  position:relative;
  padding:100px 0px 0px;
  background-size:cover;
}

.main-footer:before{
  position:absolute;
  content:'';
  left:0px;
  top:0px;
  right:0px;
  bottom:0px;
  background-color:#000000;
}

.main-footer .footer-widget{
  position:relative;
  z-index:1;
  margin-bottom:60px;
}

.main-footer .widgets-section{
  position:relative;
  padding-bottom:40px;
}

.main-footer .footer-widget h4{
  color:#ffffff;
  padding-right:50px;
  margin-bottom:60px;
  display:inline-block;
  text-transform:capitalize;
}

.main-footer .footer-widget h4:before{
    position: absolute;
  content:'';
  right:0px;
  bottom:8px;
  width:40px;
  height:2px;
  background-color:#ffffff;
}

.main-footer .footer-widget h4:after{
    position: absolute;
  content:'';
  right:10px;
  bottom:13px;
  width:30px;
  height:2px;
  background-color:var(--main-color);
}

.main-footer .logo-widget{
  position:relative;
}

.main-footer .logo-widget .logo{
  position:relative;
  margin-bottom:30px;
}

.main-footer .logo-widget .text{
  position:relative;
  margin-bottom:30px;
}

.main-footer .logo-widget .text p{
  color:#ffffff;
  margin-bottom:15px;
}

.main-footer .logo-widget .text p:last-child{
  margin-bottom:0px;
}

.main-footer .logo-widget .read-more{
  position:relative;
  color: #f0f0f0;
    font-size:20px;
  padding: 17px 35px;
  display:inline-block;
    background-color: #363636;
  -webkit-transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
  transition:all 500ms ease;
}

.main-footer .logo-widget .read-more:hover{
  color:#ffffff;
  background-color:var(--main-color);
}


/* Recent Posts */

.main-footer .news-widget{
  position: relative;
}

.main-footer .news-widget .post{
  position: relative;
  min-height: 100px;
  padding-left: 100px;
  margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #ffffff;
}

.main-footer .news-widget .post:last-child{
  margin-bottom: 0;
  padding-bottom: 0px;
    border-bottom: 0px;
}

.main-footer .news-widget .post .thumb{
  position: absolute;
  left: 0;
  top: 0;
  height: 80px;
  width: 80px;
  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{
  color: #ffffff;
  font-weight: 700;
  top: -5px;
}

.main-footer .news-widget .post h5 a{
  color:#ffffff;
  font-size:15px;
  text-transform: capitalize;
  -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: var(--main-color);
}

.main-footer .news-widget .post .date{
  position: relative;
  display: block;
  font-size: 14px;
  line-height: 30px;
  color: #9DA3A8;
  margin-top:5px;
}

.main-footer .contact-list{
  position:relative;
}

.main-footer .contact-list li{
  position:relative;
  font-size:14px;
  color:#9DA3A8;
  padding-left:80px;
  margin-bottom:35px;
}

.main-footer .contact-list li .icon{
  position:absolute;
  content:'';
  left:0px;
  top:5px;
  color:var(--main-color);
  line-height:1em;
  font-size:54px;
}

.main-footer .contact-list li strong{
  position:relative;
  display:block;
  color:var(--main-color);
  font-size:24px;
  margin-top:3px;
}

.main-footer .service-widget .list-link li{
  position:relative;
  margin-bottom:18px;
}

.main-footer .service-widget .list-link li a{
  position:relative;
  color:#f0f0f0;
  font-size:18px;
  padding-left:25px;
  -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 .service-widget .list-link li a:before{
  position:absolute;
  content: "\f1d0";
  left:0px;
  top:0px;
  line-height:1em;
  font-family: "Flaticon";
}

.main-footer .service-widget .list-link li a:hover{
  color:var(--main-color);
}

.main-footer .footer-bottom{
  position:relative;
  background-color:#363636;
}

.main-footer .footer-bottom .copyright{
  position:relative;
  color:#222222;
  font-size:16px;
  font-weight:500;
  padding:16px 0px;
}

.main-footer .footer-bottom .social-nav{
  position:relative;
  padding-left:20px;
  text-align:right;
}

.main-footer .footer-bottom .social-nav li{
  position:relative;
  margin:0px -2px;
  text-align:center;
  display:inline-block;
  border-left:1px solid #0b0505;
}

.main-footer .footer-bottom .social-nav li:last-child{
  border-right:1px solid #0b0505;
}

.main-footer .footer-bottom .social-nav li a{
  position:relative;
  color:#ffffff;
  font-size:18px;
  text-align:center;
  padding:16px 22px;
  display:inline-block;
  background-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;
}

.main-footer .footer-bottom .social-nav li a:hover{
  color:var(--main-color);
  background-color:#ffffff;
}

.main-footer.style-two:before{
  background-color:rgba(255,255,255,0.94);
}

.main-footer.style-two .contact-list li,
.main-footer.style-two .footer-widget h4,
.main-footer.style-two .news-widget .post h5 a{
  color:#222222;
}

.main-footer.style-two .footer-bottom{
  background-color:#222222;
}

.main-footer .footer-bottom .copyright{
  color:#ffffff;
}

.main-footer.style-three{
  padding-top:130px !important;
}

.main-footer.style-three .logo-widget .read-more{
  font-size:18px;
}

.main-footer.style-three .news-widget .post h5{
  font-size:16px;
}

/*** 

====================================================================
  Main Slider Two Section
====================================================================

***/

.main-slider-two{
  position:relative;
  padding-left:80px;
  background-color:#222222;
}

.main-slider-two .social-icons{
  position:absolute;
  left:16px;
  bottom:40px;
}

.main-slider-two .social-icons li{
  position:relative;
  margin-top:20px;
}

.main-slider-two .social-icons li a{
  position:relative;
  width:44px;
  height:44px;
  color:#ffffff;
  font-size:16px;
  line-height:44px;
  text-align:center;
  display:inline-block;
  transition:all 0.3s ease;
  -moz-transition:all 0.3s ease;
  -webkit-transition:all 0.3s ease;
  -ms-transition:all 0.3s ease;
  -o-transition:all 0.3s ease;
  background-color:rgba(255,255,255,0.10);
}

.main-slider-two .social-icons li a:hover{
  color:var(--main-color);
}

.main-slider-two .auto-container{
  position:relative;
}

.main-slider-two .content-boxed{
  position:relative;
}

.main-slider-two .slide{
  position:relative;
  padding:180px 0px 180px;
  background-size:cover;
  background-repeat:no-repeat;
  background-position:center center;
}

.main-slider-two h1{
  color:#ffffff;
  margin-bottom:40px;
  opacity: 0;
  transform: scaleY(0);
  transform-origin: top;
  -webkit-transition: all 1000ms ease;
  -moz-transition: all 100ms ease;
  -ms-transition: all 1000ms ease;
  -o-transition: all 1000ms ease;
  transition: all 1000ms ease;
  text-shadow: 0px 10px 15px rgba(0, 0, 0, 0.70);
}

.main-slider-two .active h1,
.main-slider-two .swiper-slide-active h1{
  opacity: 1;
  transform: scaleY(1);
  transition-delay: 1000ms;
}

.main-slider-two .text{
  position:relative;
  color:#eeeeee;
  font-size:16px;
  opacity:0;
  transform: scaleY(0);
  transform-origin: top;
  line-height: 1.9em;
  font-weight:400;
  margin-bottom:35px;
  max-width:480px;
  -webkit-transition: all 1000ms ease;
  -moz-transition: all 100ms ease;
  -ms-transition: all 1000ms ease;
  -o-transition: all 1000ms ease;
  transition: all 1000ms ease;
}

.main-slider-two .active .text,
.main-slider-two .swiper-slide-active .text{
  opacity: 1;
  transform: scaleY(1);
  transition-delay: 1500ms;
}

.main-slider-two .link-box{
  opacity:0;
  transform: scaleY(0);
  transform-origin: top;
  display:inline-block;
  -webkit-transition: all 1000ms ease;
  -moz-transition: all 100ms ease;
  -ms-transition: all 1000ms ease;
  -o-transition: all 1000ms ease;
  transition: all 1000ms ease;
}

.main-slider-two .active .link-box,
.main-slider-two .swiper-slide-active .link-box{
  opacity: 1;
  transform: scaleY(1);
  transition-delay: 2000ms;
}

.main-slider-two .link-box .theme-btn{
  
}

.main-slider-two .slide .side-tag{
  position:absolute;
  right:0px;
  bottom:0px;
  z-index:1;
  color:#222222;
  font-size:18px;
  font-weight:700;
  display:inline-block;
  padding:20px 40px 18px;
  background-color:var(--main-color);
}

.main-slider-two .slide .side-tag:before{
  position:absolute;
  content:'';
  right:-30px;
  bottom:0px;
  top:0px;
  z-index:-1;
  border-bottom: 65px solid var(--main-color);
    border-right: 30px solid transparent;
}

.main-slider-two .owl-dots{
  display:none;
}

.main-slider-two .owl-nav{
  position:absolute;
  right:50px;
  top:50%;
  z-index:10;
  margin-top:-60px;
  transition:all 0.3s ease;
  -moz-transition:all 0.3s ease;
  -webkit-transition:all 0.3s ease;
  -ms-transition:all 0.3s ease;
  -o-transition:all 0.3s ease;
}

.main-slider-two .owl-nav .owl-prev{
  position:relative;
  width:60px;
  height:60px;
  color:var(--main-color);
  line-height:56px;
  font-size:30px;
  text-align:center;
  border-radius:0px;
  margin-bottom:20px;
  display:block;
  transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
  background-color:#ffffff;
}

.main-slider-two .owl-nav .owl-next{
  position:relative;
  width:60px;
  height:60px;
  color:var(--main-color);
  line-height:56px;
  font-size:30px;
  text-align:center;
  border-radius:0px;
  margin-bottom:20px;
  display:block;
  transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
  background-color:#ffffff;
}

.main-slider-two .owl-nav .owl-prev:hover,
.main-slider-two .owl-nav .owl-next:hover{
  color:#ffffff;
  background-color:var(--main-color);
}

/*** 

====================================================================
  About Section Two
====================================================================

***/

.about-section-two{
  position:relative;
}

.about-section-two.style-two{
  padding-bottom:170px;
}

.about-section-two .upper-box{
  position:relative;
  padding:70px 60px 20px;
  background-color:#f9f6f1;
}

.about-section-two .upper-box .title-column{
  position:relative;
}

.about-section-two .upper-box .text-column{
  position:relative;
}

.about-section-two .lower-box{
  position:relative;
  padding-top:50px;
}

.about-section-two .lower-box .content-column{
  position:relative;
  margin-bottom:40px;
}

.about-section-two .lower-box .content-column .inner-column{
  position:relative;
}

.about-section-two .lower-box .content-column h3{
  color:#222222;
  font-weight:700;
  margin-bottom:30px;
}

.about-section-two .lower-box .content-column .blocks-outer{
  position:relative;
}

.feature-block-two{
  position:relative;
  margin-bottom:55px;
}

.feature-block-two:last-child{
  margin-bottom:0px;
}

.feature-block-two .inner-box{
  position:relative;
  padding-left:130px;
  padding-top:6px;
}

.feature-block-two .inner-box .icon-box{
  position:absolute;
  left:0px;
  top:0px;
  text-align:center;
}

.feature-block-two .inner-box .icon-box .number{
  position:absolute;
  left:0px;
  top:0px;
  width:30px;
  height:30px;
  z-index:1;
  color:#ffffff;
  line-height:30px;
  display:inline-block;
  background-color:#222222;
}

.feature-block-two .inner-box .icon-box .icon{
  position:relative;
  width:90px;
  height:90px;
  color:var(--main-color);
  font-size:56px;
  margin-left:10px;
  margin-top:10px;
  line-height:88px;
  display:inline-block;
}

.feature-block-two .inner-box .icon-box .icon:after{
  position:absolute;
  content:'';
  left:0px;
  top:0px;
  right:0px;
  bottom:0px;
  border:2px solid #a1a1a1;
  transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
}

.feature-block-two .inner-box:hover .icon-box .icon:after{
  border-color:var(--main-color);
  transform:rotate(90deg);
}

.feature-block-two .inner-box h4{
  margin-bottom:10px;
}

.feature-block-two .inner-box .featured-text{
  
}

.about-section-two .lower-box .image-column{
  position:relative;
  margin-bottom:40px;
}

.about-section-two .lower-box .image-column .inner-column{
  position:relative;
}

.about-section-two .lower-box .image-column .image{
  position:relative;
  padding:10px 10px;
  background-color:#ffffff;
}

.about-section-two .lower-box .image-column .image img{
  position:relative;
  width:100%;
  display:block;
}

.about-section-two .lower-box .image-column .image:before{
  position:absolute;
  content:'';
  left:30px;
  top:30px;
  right:-25px;
  bottom:-25px;
  border:3px solid #d7d7d7;
}

.about-section-two .lower-box .image-column .image-two{
  position:absolute;
  right:-100px;
  bottom:-100px;
  padding:10px 10px;
  background-color:#ffffff;
  box-shadow:0px 10px 15px rgba(0,0,0,0.10);
}

.about-section-two .lower-box .image-column .growth-box{
  position:absolute;
  left:60px;
  bottom:-40px;
  padding:25px 35px;
  z-index:1;
  background-color:#ffffff;
  box-shadow:0px 10px 15px rgba(0,0,0,0.10);
}

.about-section-two .lower-box .image-column .growth-box .box-inner{
  position:relative;
  padding-left:80px;
}

.about-section-two .lower-box .image-column .growth-box .box-inner h5{
  color:#222222;
  font-weight:700;
}

.about-section-two .lower-box .image-column .growth-box .box-inner h5 .title{
  position:relative;
  display:block;
  color:var(--main-color);
  font-size:14px;
  display:block;
  font-weight:400;
  font-family: 'Roboto', sans-serif;
}

.about-section-two .lower-box .image-column .growth-box .graph-outer{
  position:absolute;
  text-align:center;
  display:inline-block;
  left:0px;
  top:0px;
}

.about-section-two .lower-box .image-column .growth-box .count-box{
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    font-size: 16px;
    color: #222222;
    font-weight: 700;
    margin-top: -17px;
  text-align:center;
}

.about-section-two .lower-box .image-column .growth-box .count-box .sign{
  font-size: 16px;
}

/*** 

====================================================================
  Counter Section Two
====================================================================

***/

.counter-section-two{
  position:relative;
  padding:100px 0px 70px;
}

.counter-section-two .auto-container{
  max-width:1600px;
}

.counter-section-two .fact-counter-two .counter-column{
  position:relative;
  width:20%;
  float:left;
  padding:0px 15px;
}

/* Fact Counter Two */

.fact-counter-two{
  position:relative;
  z-index:1;
}

.fact-counter-two .column{
  position:relative;
  margin-bottom:30px;
}

.fact-counter-two .column .inner{
  position:relative;
  padding:30px 35px;
  border:3px solid #ebebeb;
}

.fact-counter-two .column .inner .line-one{
  position:absolute;
  right:20px;
  top:-3px;
  width:8px;
  bottom:40px;
  opacity:0.10;
  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;
}

.fact-counter-two .column .inner .line-two{
  position:absolute;
  right:35px;
  top:-3px;
  width:8px;
  bottom:70px;
  opacity:0.10;
  background-color:var(--main-color);
  transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
}

.fact-counter-two .column .inner:hover .line-one{
  opacity:1;
}

.fact-counter-two .column .inner:hover .line-two{
  opacity:1;
  transition-delay: 300ms;
}

.fact-counter-two .column .inner .content{
  position:relative;
}

.fact-counter-two .column .inner .icon{
  position:relative;
  color:var(--main-color);
  font-size:50px;
  line-height:1em;
  font-weight: 400;
  margin-bottom:25px;
  display:inline-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;
}

.fact-counter-two .column .inner:hover .icon{
  -webkit-transform: scale(-1) rotate(180deg);
    -moz-transform: scale(-1) rotate(180deg);
    -ms-transform: scale(-1) rotate(180deg);
    -o-transform: scale(-1) rotate(180deg);
    transform: scale(-1) rotate(180deg);
}

.fact-counter-two .count-outer .percentage{
  position:relative;
  font-weight:600;
  color:#222222;
  font-size:30px;
  line-height:1em;
}

.fact-counter-two .column .inner .count-outer{
  position:relative;
  font-weight:400;
  color:#0a0a0a;
  font-size:48px;
  line-height:1em;
}

.fact-counter-two .column .inner .counter-title{
  position:relative;
  color:#555555;
  font-size:16px;
  font-weight:400;
  margin-top:18px;
  display:inline-block;
}

/*** 

====================================================================
  Services Section Two
====================================================================

***/

.services-section-two{
  position:relative;
}


.services-section-two .owl-carousel .owl-stage-outer,
.services-section-two .exp-swiper-container .swiper-slide .service-block-two {
  padding:30px 20px;
}

.services-section-two .owl-nav{
  display:none;
}

.services-section-two .owl-dots{
  position:relative;
  width:100%;
  margin-top:10px;
  text-align:center;
}

.services-section-two .owl-dots .owl-dot{
  position:relative;
  width:20px;
  height:6px;
  margin:0px 5px;
  display:inline-block;
  background-color:#ffffff;
  transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
}

.services-section-two .owl-dots .owl-dot:hover,
.services-section-two .owl-dots .owl-dot.active{
  width:40px;
  background-color:var(--main-color);
}

.service-block-two{
  position:relative;
  z-index:1;
  margin-bottom:30px;
}

.service-block-two .inner-box{
  position:relative;
  text-align:center;
  padding:60px 20px 60px;
  background-color:#ffffff;
}

.service-block-two .inner-box:before{
  position:absolute;
  content:'';
  left:0px;
  top:0px;
  right:0px;
  bottom:0px;
  z-index:-1;
  transform:rotate(10deg);
  transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
  background-color:rgba(255,255,255,0.20);
}

.service-block-two .inner-box:hover::before{
  transform:rotate(-10deg);
  background-color:var(--main-color);
}

.service-block-two .inner-box .icon-box{
  position:relative;
  width:100px;
  height:100px;
  color:#232323;
  font-size:48px;
  line-height:98px;
  border-radius:50%;
  text-align:center;
  margin:0 auto;
  z-index:1;
  margin-bottom:28px;
  background-color:#ffffff;
  border:1px solid #a1a1a1;
  transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
}

.service-block-two .inner-box:hover .icon-box{
  background-color:var(--main-color);
  border-color:var(--main-color);
  color:#ffffff;
}

.service-block-two .inner-box .icon-box .icon{
  position:relative;
}

.service-block-two .inner-box h4{
  font-weight:700;
  margin-bottom:18px;
}

.service-block-two .inner-box h4 a{
  position:relative;
  color:#222222;
  transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
}

.service-block-two .inner-box h4 a:hover{
  color:var(--main-color);
}

.service-block-two .inner-box .text{
  position:relative;
  color:#687469;
  padding:0px 20px;
  line-height:1.9em;
  margin-bottom:16px;
}

.service-block-two .inner-box .read-more{
  position:relative;
  color:var(--main-color);
  font-size:18px;
  font-weight:700;
  transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
}

.service-block-two .inner-box .read-more:hover{
  color:#222222;
}

/*** 

====================================================================
  History Section
====================================================================

***/

.history-section{
  position:relative;
  padding:100px 0px 100px;
}

.history-section.style-two{
  padding-bottom:250px;
}

.history-tabs{
  position:relative;  
}

.history-tabs .tab-btns{
  position:relative;
  text-align:center;
  margin-bottom:60px;
}

.history-tabs .tab-btns:before{
  position:absolute;
  content:'';
  left:0px;
  top:60px;
  height:1px;
  width:100%;
  background-color:var(--main-color);
}

.history-tabs .tab-btns .tab-btn{
  position:relative;
  display:block;
  margin-right:8px;
  font-size:18px;
  background:none;
  color:#ac9157;
  font-weight:700;
  cursor:pointer;
  margin-bottom:12px;
  display:inline-block;
  padding:12px 40px 12px;
  transition:all 500ms ease;
  text-transform:capitalize;
}

.history-tabs .tab-btns .tab-btn span{
  position:relative;
  display:block;
  color:#222222;
  font-size:36px;
  margin-top:55px;
}

.history-tabs .tab-btns .tab-btn .dotted{
  position:absolute;
  left:50%;
  bottom:67px;
  width:10px;
  height:10px;
  margin-left:-5px;
  background-color:#222222;
  border:3px solid var(--main-color);
}

.history-tabs .tab-btns .tab-btn:hover,
.history-tabs .tab-btns .tab-btn.active-btn{
  
}

.history-tabs .tabs-content{
  position:relative;  
  padding:0px 10px;
}

.history-tabs .tabs-content .tab{
  position:relative;
  display:none;
}

.history-tabs .tabs-content .tab.active-tab{
  display:block;  
}

.history-tabs .image-column{
  position:relative;
}

.history-tabs .image-column .inner-column{
  position:relative;
  padding-left:30px;
  padding-bottom:30px;
}

.history-tabs .image-column .image{
  position:relative;
  padding:10px;
  z-index:1;
  background-color:#ffffff;
  box-shadow:0px 0px 15px rgba(0,0,0,0.10);
}

.history-tabs .image-column .image img{
  position:relative;
  width:100%;
  display:block;
}

.history-tabs .image-column:before{
  position:absolute;
  content:'';
  left:10px;
  bottom:-5px;
  right:50px;
  top:30px;
  z-index:-1;
  background-color:#ececec;
}

.history-tabs .content-column{
  position:relative;
}

.history-tabs .content-column .inner-column{
  position:relative;
  padding-top:0px;
  padding-left:30px;
  padding-right:30px;
}

.history-tabs .content-column h3{
  font-weight:700;
  margin-bottom:25px;
}

.history-tabs .content-column .text{
  position:relative;
  margin-bottom:30px;
}

.history-tabs .content-column .text p{
  position:relative;
  margin-bottom:15px;
}

.history-tabs .content-column .text p:last-child{
  margin-bottom:0px;
}

/*** 

====================================================================
  Gallery Section Two
====================================================================

***/

.gallery-section-two{
  position:relative;
  padding-top:100px;
  background-color:#f5f5f5;
}
.gallery-section-two.style-two{
  position:relative;
  background-color:#222222;
}
.gallery-section-two .gallery-block-two{
  padding:0px;
  float:left;
}

.gallery-section-two .owl-dots{
  display:none;
}

.gallery-section-two .owl-nav{
  position:absolute;
  left:50%;
  top:-110px;
  max-width:1170px;
  width:100%;
  text-align:right;
  margin-left:-585px;
}

.gallery-section-two .owl-nav .owl-prev,
.gallery-section-two .owl-nav .owl-next{
  position:relative;
  width:60px;
  height:60px;
  text-align:center;
  line-height:60px;
  font-size:28px;
  margin-left:15px;
  display:inline-block;
  background-color:#ffffff;
  transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
  box-shadow:0px 0px 10px rgba(0,0,0,0.10);
}

.gallery-section-two .owl-nav .owl-prev:hover,
.gallery-section-two .owl-nav .owl-next:hover{
  background-color:var(--main-color);
  color:#ffffff;
}

.gallery-block-two{
  position:relative;
  margin-bottom:0px;
}

.gallery-block-two .inner-box{
  position:relative;
}

.gallery-block-two .inner-box .image{
  position:relative;
  margin-bottom:0px;
}

.gallery-block-two .inner-box .image img{
  position:relative;
  width:100%;
  display:block;
}

.gallery-block-two .inner-box .image .overlay-box{
  position:absolute;
  left:0px;
  top:0px;
  right:0px;
  bottom:0px;
  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: right center;
  -ms-transform-origin: right center;
  transform-origin: right center;
}

.gallery-block-two .inner-box .overlay-box .border-layer{
  position:absolute;
  right:0px;
  bottom:0px;
  width:90px;
  height:90px;
  border-left:4px solid var(--main-color);
  border-top:4px solid var(--main-color);
}

.gallery-block-two .inner-box:hover .overlay-box{
  -webkit-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  transform: scale(1, 1);
  -webkit-transform-origin: left center;
  -ms-transform-origin: left center;
  transform-origin: left center;
}

.gallery-block-two .inner-box .image .overlay-box:before{
  position:absolute;
  content:'';
  left:0px;
  bottom:0px;
  right:0px;
  height:60%;
  background: rgba(255,255,255,0);
  background: -webkit-linear-gradient(to bottom, rgba(255,255,255,0) 0%, #ffffff 100%);
  background: -moz-linear-gradient(to bottom, rgba(255,255,255,0) 0%, #ffffff 100%);
  background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, #ffffff 100%);
}

.gallery-block-two .inner-box .search-icon{
  position:absolute;
  right:30px;
  bottom:30px;
  width:50px;
  height:50px;
  color:#ffffff;
  z-index:2;
  font-weight:600;
  font-size:20px;
  text-align:center;
  line-height:50px;
  border-radius:0px;
  display:inline-block;
  background-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;
}

.gallery-block-two .inner-box .search-icon:hover{
  background-color:var(--main-color);
  color:#ffffff;
}

.gallery-block-two .inner-box .image .overlay-box .content{
  position:absolute;
  left:30px;
  bottom:30px;
  right:30px;
  z-index:1;
}

.gallery-block-two .inner-box .image .overlay-box .content h3{
  font-weight:700;
  margin-bottom:10px;
}

.gallery-block-two .inner-box .image .overlay-box .content h3 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;
}

.gallery-block-two .inner-box .image .overlay-box .content h3 a:hover{
  color:var(--main-color);
}

.gallery-block-two .inner-box .image .overlay-box .content .category{
  position:relative;
  margin-bottom:0px;
  color:#687469;
  font-size:16px;
  font-weight:400;
}

/*** 

====================================================================
  CTA Section Two
====================================================================

***/

.cta-section-two{
  position:relative;
  padding:50px 0px 50px;
  background-color:#222222;
}

.cta-section-two h4{
  color:#ffffff;
  margin-top:18px;
}
.cta-section-two.style-two{
  position:relative;
  padding:60px 0px 50px;
  background-color:#222222;
}
/*** 

====================================================================
  Pricing Section
====================================================================

***/

.pricing-section{
  position:relative;
  padding:100px 0px 70px;
}

.pricing-section.style-two{
  padding-bottom:0px;
}

.price-block{
  position:relative;
  margin-bottom:30px;
}

.price-block .inner-box{
  position:relative;
  text-align:center;
  padding:60px 15px;
  background-repeat:no-repeat;
  border-left:25px solid var(--main-color);
  box-shadow:0px 0px 15px rgba(0,0,0,0.10);
}

.price-block .inner-box .color-one-layer{
  position:absolute;
  left:0px;
  top:0px;
  bottom:0px;
  width:0%;
  background: #535353;
  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: -webkit-linear-gradient(to bottom, #535353 0%, #010101 100%);
  background: -moz-linear-gradient(to bottom, #535353 0%, #010101 100%);
  background: linear-gradient(to bottom, #535353 0%, #010101 100%);
}

.price-block .inner-box .color-two-layer{
  position:absolute;
  right:0px;
  top:0px;
  bottom:0px;
  width:0%;
  background: #535353;
  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: -webkit-linear-gradient(to bottom, #535353 0%, #010101 100%);
  background: -moz-linear-gradient(to bottom, #535353 0%, #010101 100%);
  background: linear-gradient(to bottom, #535353 0%, #010101 100%);
}

.price-block .inner-box:hover .color-one-layer,
.price-block .inner-box:hover .color-two-layer{
  width:50%;
}

.price-block .inner-box .icon{
  position:relative;
  font-size:76px;
  line-height:1em;
  color:var(--main-color);
  margin-bottom:20px;
}

.price-block .inner-box .side-icon{
  position:absolute;
  right:10px;
  bottom:-20px;
  opacity:0.10;
  font-size:120px;
  line-height:1em;
  color:#000000;
  margin-bottom:20px;
  transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
}

.price-block .inner-box:hover .side-icon{
  color:#ffffff;
}

.price-block .inner-box .price{
  position:relative;
  color:#222222;
  font-size:60px;
  font-weight:700;
  line-height:50px;
  padding-bottom:0px;
  margin-bottom:40px;
  transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
}

.price-block .inner-box:hover .price{
  color:#ffffff;
}

.price-block .inner-box .price sup{
  font-size:36px;
}

.price-block .inner-box .price span{
  display:block;
  color:var(--main-color);
  font-size:16px;
  font-family: 'Roboto', sans-serif;
}

.price-block .inner-box .price:before{
  position:absolute;
  content:'';
  left:50%;
  bottom:0px;
  height:3px;
  width:40px;
  margin-left:-20px;
  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;
}

.price-block .inner-box:hover .price:before{
  background-color:#ffffff;
}

.price-block .inner-box .text{
  position:relative;
  color:#555555;
  padding:0px 35px;
  margin-bottom:40px;
  transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
}

.price-block .inner-box:hover .text{
  color:#ffffff;
}

.price-block .inner-box .theme-btn{
  padding:15px 35px;
}

.price-block .inner-box:hover .theme-btn:before{
  opacity:1;
  transform:scale(1, 1);
  background-color:var(--main-color);
}

/*** 

====================================================================
  Team Section Two
====================================================================

***/

.team-section-two{
  position:relative;
}

.team-block-two{
  position:relative;
  margin-bottom:30px;
}

.team-block-two .inner-box{
  position:relative;
  overflow:hidden;
}

.team-block-two .inner-box .image{
  position:relative;
  overflow:hidden;
  border-radius:15px 15px 0px 0px;
  background-color:#222222;
}

.team-block-two .inner-box .image .color-layer{
  position:absolute;
  left:0px;
  bottom:0px;
  right:0px;
  height:40%;
  background: rgba(255,255,255,0);
  background: -webkit-linear-gradient(to bottom, rgba(255,255,255,0) 0%, #000000 100%);
  background: -moz-linear-gradient(to bottom, rgba(255,255,255,0) 0%, #000000 100%);
  background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, #000000 100%);
}

.team-block-two .inner-box .image img{
  position:relative;
  width:100%;
  display:block;
  transition: all 600ms ease;
  -webkit-transition: all 600ms ease;
  -ms-transition: all 600ms ease;
  -o-transition: all 600ms ease;
  -moz-transition: all 600ms ease;
}

.team-block-two .inner-box:hover .image img{
  opacity:0.7;
  transform:scale(1.05,1.06);
}

.team-block-two .inner-box .lower-content{
  position:relative;
  text-align:center;
  padding:20px 25px 20px;
}

.team-block-two .inner-box .lower-content:before{
  position:absolute;
  content:'';
  left:0px;
  bottom:0px;
  right:0px;
  height:100%;
  background-color:#ffffff;
  transition: all 600ms ease;
  -webkit-transition: all 600ms ease;
  -ms-transition: all 600ms ease;
  -o-transition: all 600ms ease;
  -moz-transition: all 600ms ease;
}

.team-block-two .inner-box:hover .lower-content:before{
  height:100%;
}

.team-block-two .inner-box .lower-content h5,
.team-block-two .inner-box .lower-content h4{
  position:relative;
  text-transform:capitalize;
}

.team-block-two .inner-box .lower-content h5 a,
.team-block-two .inner-box .lower-content h4 a{
  position:relative;
  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;
}

.team-block-two .inner-box .lower-content h5 a:hover,
.team-block-two .inner-box .lower-content h4 a:hover{
  color:var(--main-color);
}

.team-block-two .inner-box .lower-content .designation{
  position:relative;
  color:#687469;
  font-size:16px;
  margin-bottom:2px;
  transition: all 300ms ease;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
}
.team-block-two .inner-box:hover .lower-content .designation{
  color:#555555;
}
.team-block-two .inner-box .image .social-box{
  position:absolute;
  left:10px;
  right:10px;
  bottom:-60px;
  z-index:1;
  text-align:center;
  transition: all 600ms ease;
  -webkit-transition: all 600ms ease;
  -ms-transition: all 600ms ease;
  -o-transition: all 600ms ease;
  -moz-transition: all 600ms ease;
}

.team-block-two .inner-box:hover .image .social-box{
  bottom:30px;
}

.team-block-two .inner-box .image .social-box li{
  position:relative;
  padding:0px 5px;
  display:inline-block;
}

.team-block-two .inner-box .image .social-box li a{
  position:relative;
  width:40px;
  height:40px;
  color:#222222;
  line-height:40px;
  text-align:center;
  display:inline-block;
  background-color:#ffffff;
  transition: all 300ms ease;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
}

.team-block-two .inner-box .image .social-box li a:hover{
  background-color:var(--main-color);
  color:#ffffff;
}

.team-block-two .inner-box .image .social-box li:last-child{
  margin-bottom:0px;
}

/*** 

====================================================================
  Faq Section
====================================================================

***/

.faq-section{
  position:relative;
  padding:100px 0px 55px;
}

.faq-section .client-column{
  position:relative;
  margin-bottom:40px;
}

.faq-section .client-column .inner-column{
  position:relative;
}

.faq-section .client-column .blocks-outer{
  position:relative;
}

.client-block{
  position:relative;
  margin-bottom:30px;
}

.client-block:last-child{
  margin-bottom:0px;
}

.client-block .inner-box{
  position:relative;
  padding-top:17px;
  padding-left:130px;
  min-height:100px;
}

.client-block .inner-box .icon{
  position:absolute;
  left:0px;
  top:0px;
  width:100px;
  height:100px;
  color:#222222;
  font-size:60px;
  line-height:100px;
  text-align:center;
  display:block;
  border-radius:0px 0px 20px 0px;
  background-color:#eeeeee;
  transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
}

.client-block .inner-box:hover .icon{
  color:#ffffff;
  background-color:var(--main-color);
  -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);
}

.client-block .inner-box .text{
  position:relative;
  color:#555555;
  font-size:20px;
  line-height:1.6em;
}

.faq-section .faq-column{
  position:relative;
  margin-bottom:40px;
}

.faq-section .faq-column .inner-column{
  position:relative;
}


/*** 

====================================================================
  Accordion Style
====================================================================

***/

.accordion-box{
  position:relative;
}

.accordion-box .heading{
  position:relative;
  color:#000000;
  font-size:28px;
  font-weight:600;
  margin-bottom:45px;
}

.accordion-box .block{
  position: relative;
  padding:17px 24px 28px 40px;
  margin-bottom:20px;
  border:1px solid #cccccc;
}

.accordion-box.style-two .block{
  padding:10px 24px 15px 20px;
}

.accordion-box.style-two .block .acc-btn{
  font-size:16px;
}

.accordion-box.style-two .block .icon-outer{
  background:none;
  right:-10px;
}

.accordion-box.style-two .block .acc-btn.active .icon-outer .icon-minus{
  background:none;
}

.accordion-box.style-two .block .acc-btn.active .icon-outer .icon-minus{
  color:#111111;
}

.accordion-box .block .number{
  position:relative;
  margin-right:20px;
  color:var(--main-color);
  font-size:18px;
}

.accordion-box .block:last-child{
  
}

.accordion-box .block .acc-btn{
  font-size:18px;
  padding-right:40px;
  position:relative;
  cursor:pointer;
  line-height:30px;
  color:#222222;
  font-weight:700;
  padding-top:10px;
  transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -webkit-transition:all 500ms ease;
  text-transform:capitalize;
}

.accordion-box .block .icon-outer{
  position:absolute;
  right:0px;
  top:0px;
  width:50px;
  height:50px;
  text-align:center;
  font-size:18px;
  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;
  background-color:#dddddd;
}

.accordion-box .block .icon-outer .icon{
    position: absolute;
    left: 0px;
    top: 0px;
    width:50px;
  height:50px;
    text-align: center;
    line-height: 50px;
    font-size: 18px;
    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;
}

.accordion-box .block .icon-outer .icon-plus{
  opacity:1;
}

.accordion-box .block .icon-outer .icon-minus{
  opacity:0;
  color:var(--main-color);
  font-weight:400;
}

.accordion-box .block .acc-btn.active .icon-outer .icon-minus{
  opacity:1;
  color:#ffffff;
  background-color:var(--main-color);
}

.accordion-box .block .acc-btn.active .icon-outer .icon-plus{
  opacity:0;
}

.accordion-box .block .acc-btn.active .icon-outer{
  border-color:#ff3548;
  color:#ff3548;
}

.accordion-box .block .acc-content{
  position:relative;
  display:none;
}

.accordion-box .block .acc-content .content-text{
  padding-bottom:6px;
}

.accordion-box .block .acc-content.current{
  display:block;  
}

.accordion-box .block .content{
  position:relative;
  font-size:14px;
  padding:20px 0px 0px 0px;
}

.accordion-box .block .content .text p{
  margin-bottom:0px;
  line-height:1.7em;
  font-size:16px; 
  color:#555555;
}

.accordion-box .block .content p:last-child{
  margin-bottom:0px;  
}

/*** 

====================================================================
  News Section Two
====================================================================

***/

.news-section-two{
  position:relative;
  padding:100px 0px 70px;
  background-attachment:fixed;
  background-size:cover;
}

.news-section-two .auto-container{
  max-width:1600px;
}

.news-section-two .owl-dots{
  display:none;
}

.news-section-two .owl-nav{
  position:absolute;
  right:25px;
  top:-110px;
}

.news-section-two .owl-nav .owl-prev,
.news-section-two .owl-nav .owl-next{
  position:relative;
  width:60px;
  height:60px;
  text-align:center;
  line-height:60px;
  font-size:28px;
  margin-left:15px;
  display:inline-block;
  background-color:#ffffff;
  transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
  box-shadow:0px 0px 10px rgba(0,0,0,0.10);
}

.news-section-two .owl-nav .owl-prev:hover,
.news-section-two .owl-nav .owl-next:hover{
  background-color:var(--main-color);
  color:#ffffff;
}

.news-block-two{
  position:relative;
  margin-bottom:30px;
}

.news-block-two .inner-box{
  position:relative;
}

.news-block-two .inner-box .image{
  position:relative;
  overflow:hidden;
}

.news-block-two .inner-box .image img{
  position:relative;
  width:100%;
  display:block;
  -webkit-transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
  transition:all 500ms ease;
}

.news-block-two .inner-box:hover .image img{
  opacity:0.60;
}

.news-block-two .inner-box .image .post-date{
  position:absolute;
  right:0px;
  bottom:0px;
  color:#222222;
  font-size:17px;
  font-weight:700;
  padding:10px 20px;
  display:inline-block;
  background-color:var(--main-color);
}

.news-block-two .inner-box .lower-content{
  position:relative;
  padding-top:25px;
  padding-bottom:30px;
  border-bottom:2px solid #dddddd;
}

.news-block-two .inner-box .lower-content:before{
  position:absolute;
  content:'';
  left:0px;
  bottom:4px;
  width:70%;
  height:2px;
  background-color:var(--main-color);
}

.news-block-two .inner-box .lower-content .post-meta{
  position:relative;
}

.news-block-two .inner-box .lower-content .post-meta li{
  position:relative;
  color:#ffffff;
  font-size:16px;
  margin-right:10px;
  font-weight:400;
  padding-left:22px;
  display:inline-block;
}

.news-block-two .inner-box .lower-content .post-meta li .icon{
  position:absolute;
  left:0px;
  top:0px;
  color:var(--main-color);
  font-size:14px;
  margin-right:6px;
}

.news-block-two .inner-box .lower-content .post-meta li:last-child{
  margin-right:0px;
}

.news-block-two .inner-box .lower-content h4{
  margin-top:6px;
}

.news-block-two .inner-box .lower-content h4 a{
  position:relative;
  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;
}

.news-block-two .inner-box .lower-content h4 a:hover{
  color:var(--main-color);
}

/*** 

====================================================================
  Main Slider Three Section
====================================================================

***/

.main-slider-three{
  position:relative;
}

.main-slider-three .social-icons{
  position:absolute;
  right:30px;
  top:50%;
  z-index:10;
  transform:translateY(-50%);
}

.main-slider-three .social-icons li{
  position:relative;
  margin-top:15px;
}

.main-slider-three .social-icons li a{
  position:relative;
  width:50px;
  height:50px;
  color:#ffffff;
  font-size:16px;
  line-height:50px;
  text-align:center;
  display:inline-block;
  transition:all 0.3s ease;
  -moz-transition:all 0.3s ease;
  -webkit-transition:all 0.3s ease;
  -ms-transition:all 0.3s ease;
  -o-transition:all 0.3s ease;
  background-color:rgba(255,255,255,0.10);
}

.main-slider-three .social-icons li a:hover{
  background-color:var(--main-color);
  color:#ffffff;
}

.main-slider-three .auto-container{
  position:relative;
}

.main-slider-three .content-boxed{
  position:relative;
  text-align:right;
}

.main-slider-three .slide{
  position:relative;
  padding:360px 0px 260px;
  background-size:cover;
  background-repeat:no-repeat;
  background-position:center center;
}

.main-slider-three .slide:before{
  position:absolute;
  content:'';
  left:0px;
  top:0px;
  right:0px;
  bottom:0px;
  background-color:rgba(0,0,0,0.30);
}

.main-slider-three .title{
  position:relative;
  color:var(--main-color);
  margin-bottom:30px;
  opacity: 0;
  font-size:36px;
  font-weight:700;
  transform: scaleY(0);
  transform-origin: top;
  -webkit-transition: all 1000ms ease;
  -moz-transition: all 100ms ease;
  -ms-transition: all 1000ms ease;
  -o-transition: all 1000ms ease;
  transition: all 1000ms ease;
}

.main-slider-three .active .title,
.main-slider-three .swiper-slide-active .title{
  opacity: 1;
  transform: scaleY(1);
  transition-delay: 600ms;
}

.main-slider-three h1{
  color:#ffffff;
  margin-bottom:50px;
  opacity: 0;
  transform: scaleY(0);
  transform-origin: top;
  -webkit-transition: all 1000ms ease;
  -moz-transition: all 100ms ease;
  -ms-transition: all 1000ms ease;
  -o-transition: all 1000ms ease;
  transition: all 1000ms ease;
  text-shadow: 0px 10px 15px rgba(0, 0, 0, 0.70);
}

.main-slider-three .active h1,
.main-slider-three .swiper-slide-active h1{
  opacity: 1;
  transform: scaleY(1);
  transition-delay: 1000ms;
}

.main-slider-three .text{
  position:relative;
  color:#eeeeee;
  font-size:16px;
  opacity:0;
  transform: scaleY(0);
  transform-origin: top;
  line-height: 1.9em;
  font-weight:400;
  margin-bottom:35px;
  max-width:480px;
  -webkit-transition: all 1000ms ease;
  -moz-transition: all 100ms ease;
  -ms-transition: all 1000ms ease;
  -o-transition: all 1000ms ease;
  transition: all 1000ms ease;
}

.main-slider-three .active .text,
.main-slider-three .swiper-slide-active .text{
  opacity: 1;
  transform: scaleY(1);
  transition-delay: 1500ms;
}

.main-slider-three .link-box{
  opacity:0;
  transform: scaleY(0);
  transform-origin: top;
  display:inline-block;
  -webkit-transition: all 1000ms ease;
  -moz-transition: all 100ms ease;
  -ms-transition: all 1000ms ease;
  -o-transition: all 1000ms ease;
  transition: all 1000ms ease;
}

.main-slider-three .active .link-box,
.main-slider-three .swiper-slide-active .link-box{
  opacity: 1;
  transform: scaleY(1);
  transition-delay: 2000ms;
}

.main-slider-three .link-box .theme-btn{
  
}

.main-slider-three .slide .side-tag{
  position:absolute;
  right:0px;
  bottom:0px;
  z-index:1;
  color:#ffffff;
  font-size:18px;
  font-weight:700;
  display:inline-block;
  padding:17px 40px 16px;
  background-color:var(--main-color);
}

.main-slider-three .owl-dots{
  display:none;
}

.main-slider-three .owl-nav{
  position:absolute;
  left:30px;
  top:50%;
  z-index:10;
  margin-top:-60px;
  transition:all 0.3s ease;
  -moz-transition:all 0.3s ease;
  -webkit-transition:all 0.3s ease;
  -ms-transition:all 0.3s ease;
  -o-transition:all 0.3s ease;
}

.main-slider-three .owl-nav .owl-prev{
  position:relative;
  width:60px;
  height:60px;
  color:var(--main-color);
  line-height:56px;
  font-size:30px;
  text-align:center;
  border-radius:0px;
  margin-bottom:20px;
  display:block;
  transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
  background-color:#ffffff;
  left:0px !important;
  opacity:1 !important;
}

.main-slider-three .owl-nav .owl-next{
  position:relative;
  width:60px;
  height:60px;
  color:var(--main-color);
  line-height:56px;
  font-size:30px;
  text-align:center;
  border-radius:0px;
  margin-bottom:20px;
  display:block;
  transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
  background-color:#ffffff;
  right:0px !important;
  opacity:1 !important;
}

.main-slider-three .owl-nav .owl-prev:hover,
.main-slider-three .owl-nav .owl-next:hover{
  color:#ffffff;
  background-color:var(--main-color);
}

/*** 

====================================================================
  CTA Section Three
====================================================================

***/

.cta-section-three{
  position:relative;
  overflow:hidden;
}

.cta-section-three .inner-container{
  position:relative;
  padding:50px 0px 50px;
  padding-left:100px;
  background-color:var(--main-color);
}

.cta-section-three .inner-container:after{
  position:absolute;
  content:'';
  left:0px;
  bottom:0px;
  border-bottom: 60px solid #ffffff;
    border-right: 60px solid transparent;
}

.cta-section-three .inner-container:before{
  position:absolute;
  content:'';
  left:100%;
  top:0px;
  bottom:0px;
  width:300%;
  background-color:var(--main-color);
}

.cta-section-three .title{
  position:relative;
  color:#222222;
  font-size:16px;
  font-weight:700;
  text-transform:uppercase;
}

.cta-section-three h3{
  color:#222222;
  margin-top:4px;
  font-weight:700;
}

/*** 

====================================================================
  About Section Three
====================================================================

***/

.about-section-three{
  position:relative;
}

.about-section-three .content-column{
  position:relative;
}

.about-section-three .content-column .inner-column{
  position:relative;
  margin-right:-350px;
}

.about-section-three .content-column .sec-title{
  margin-bottom:35px;
  max-width:500px;
}

.about-section-three .content-column .text{
  margin-bottom:50px;
  max-width:500px;
}

.about-section-three .content-column h3{
  color:#222222;
  font-weight:700;
  margin-bottom:45px;
}

.about-section-three .service-block-three.empty-block .inner-box{
  height: 100%;
    display: flex;
    align-items: center;
  justify-content: center;
  background-color:#ffffff;
}

.about-section-three .service-block-three.empty-block .inner-box:before{
  display:none;
}

.service-block-three{
  position:relative;
  margin-bottom:40px;
}

.service-block-three .inner-box{
  position:relative;
  z-index:1;
  padding:50px 30px 90px 45px;
  background-color:#f5f5f5;
}

.service-block-three .inner-box:before{
  position:absolute;
  content:'';
  left:0px;
  top:0px;
  bottom:0px;
  width:9px;
  background:url(../images/icons/service-pattern.jpg);
  background-repeat:repeat-y;
}

.service-block-three .inner-box .icon-box{
  position:absolute;
  right:40px;
  bottom:40px;
  width:82px;
  height:82px;
  text-align:left;
  border-radius:50%;
  display:inline-block;
  background-color:#ffffff;
}
.service-block-three .inner-box .icon-box:before{
  position:absolute;
  content:'';
  left:4px;
  top:4px;
  right:-4px;
  bottom:-4px;
  z-index:-1;
  border-radius:50%;
  background-color:#222222;
}

.service-block-three .inner-box .icon-box .icon{
  position:relative;
  font-size:60px;
  color:var(--main-color);
  line-height:82px;
  margin-left:-10px;
}
.service-block-three .inner-box h4{
  font-weight:700;
}

.service-block-three .inner-box h4 a{
  position:relative;
  color:#222222;
  transition:all 300ms ease;
  -moz-transition:all 300ms ease;
  -webkit-transition:all 300ms ease;
  -ms-transition:all 300ms ease;
  -o-transition:all 300ms ease;
}

.service-block-three .inner-box h4 a:hover{
  color:var(--main-color);
}

.service-block-three .inner-box .service-text{
  position:relative;
  color:#687469;
  font-size:16px;
  margin-top:18px;
  margin-bottom:20px;
  line-height:2em;
  padding-right:0px;
}

.service-block-three .inner-box .read-more{
  position:relative;
  color:var(--main-color);
  font-weight:700;
  text-decoration:underline;
  transition:all 300ms ease;
  -moz-transition:all 300ms ease;
  -webkit-transition:all 300ms ease;
  -ms-transition:all 300ms ease;
  -o-transition:all 300ms ease;
}

.service-block-three .inner-box .read-more:hover{
  color:#222222;
}

.about-section-three .image-column{
  position:relative;
}

.about-section-three .image-column .inner-column{
  position:relative;
  margin-right:-190px;
}

.about-section-three .image-column .image{
  position:relative;
  padding-top:15px;
  z-index:1;
}

.about-section-three .image-column .image img{
  position:relative;
  width:100%;
  display:block;
}

.about-section-three .image-column .image:before{
  position:absolute;
  content:'';
  left:0px;
  top:-5px;
  z-index:1;
  height:10px;
  width:100%;
  background-color:var(--main-color);
}

.about-section-three .image-column .image:after{
  position:absolute;
  content:'';
  right:0px;
  top:-15px;
  z-index:1;
  height:5px;
  width:80%;
  background-color:#222222;
}

.about-section-three .image-column .image-two{
  position:absolute;
  left:-230px;
  top:70px;
  z-index:1;
  overflow:hidden;
  border-radius:0px;
}

.about-section-three .image-column .experiance-box{
  position:absolute;
  z-index:1;
  left:20px;
  bottom:20px;
  display:block;
  width:100%;
  max-width:260px;
  border-radius:0px;
  background-color:#222222;
}

.about-section-three .image-column .experiance-box .box-inner{
  position:relative;
  z-index:1;
  padding:40px 40px;
}

/* .about-section-three .image-column .experiance-box .box-inner:before{
  position:absolute;
  content:'';
  left:-10px;
  top:-10px;
  right:0px;
  bottom:0px;
  z-index:-1;
  background:url(../images/background/about-pattern.jpg) no-repeat;
} */

.about-section-three .image-column .experiance-box .box-inner .icon{
  position:relative;
  color:#ffffff;
  font-size:60px;
  line-height:1em;
}

.about-section-three .image-column .experiance-box .numbers{
  position:relative;
  color:var(--main-color);
  font-weight:700;
  line-height:1em;
  font-size:50px;
  margin-top:25px;
  margin-bottom:25px;
}

.about-section-three .image-column .experiance-box .experiance{
  position:relative;
  color:#ffffff;
  font-size:20px;
  font-weight:700;
  text-transform:uppercase;
}

/*** 

====================================================================
  Fluid Section One
====================================================================

***/

.fluid-section-one{
  position:relative;
  margin-top:-190px;
  padding:260px 0px 70px;
  background-color:var(--main-color);
}

.fluid-section-one.style-two{
  padding-top:100px;
  margin-top:0px;
}

.fluid-section-one .pattern-layer{
  position:absolute;
  left:0px;
  bottom:0px;
  width:696px;
  height:696px;
  background-repeat:no-repeat;
}

.fluid-section-one:before{
  position:absolute;
  content:'';
  left:0px;
  top:0px;
  width:50%;
  bottom:0px;
  background-color:#111111;
}

.fluid-section-one .content-column{
  position:relative;
  width:50%;
  float:left;
  margin-bottom:40px;
}

.fluid-section-one .content-column .inner-column{
  position:relative;
  max-width:580px;
  width:100%;
  float:right;
  padding:0px 15px;
}

.fluid-section-one .content-column .icon{
  position:relative;
  margin-bottom:40px;
}

.fluid-section-one .content-column .title{
  position:relative;
  color:#687469;
  font-size:18px;
  font-weight:700;
  margin-bottom:30px;
  padding-right:60px;
  display:inline-block;
  text-transform:uppercase;
}

.fluid-section-one .content-column .title:before{
    position: absolute;
  content:'';
  right:0px;
  bottom:8px;
  width:40px;
  height:2px;
  background-color:#ffffff;
}

.fluid-section-one .content-column .title:after{
    position: absolute;
  content:'';
  right:10px;
  bottom:13px;
  width:30px;
  height:2px;
  background-color:var(--main-color);
}

.fluid-section-one .content-column h2{
  margin-bottom:40px;
  color:#ffffff;
}

.fluid-section-one .content-column .phone{
  position:relative;
  color:#687469;
  font-size:24px;
  font-weight:400;
  line-height:1em;
  margin-bottom:40px;
  display:block;
  -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

.fluid-section-one .content-column .phone:hover{
  color:var(--main-color);
}

.fluid-section-one .skill-column{
  position:relative;
  width:50%;
  float:left;
}

.fluid-section-one .skill-column .inner-column{
  position:relative;
  max-width:540px;
  width:100%;
  float:left;
  padding-left:90px;
  padding-right:15px;
}

/* Skills Section */

.skills-two .skill-item{
  position:relative;
  margin-bottom:25px;
}

.skills-two .skill-item:last-child{
  margin-bottom:0px;
}

.skills-two .skill-item .skill-bar{
  position:relative;
  width:100%;
  height:4px; 
}

.skills-two .skill-item .skill-bar .bar-inner{
  position:relative;
  width:100%;
  height:4px;
  background-color:#222222;
}

.skills-two .skill-item .skill-bar .bar-inner .bar{
  position:absolute;
  left:0px;
  top:0px;
  height:4px;
  width:0px;
  background-color:#ffffff;
  -webkit-transition:all 2000ms ease;
  -ms-transition:all 2000ms ease;
  -o-transition:all 2000ms ease;
  -moz-transition:all 2000ms ease;
  transition:all 2000ms ease;
}

.skills-two .skill-item .skill-bar .bar-inner .bar:before{
  position:absolute;
  content:'';
  right:0px;
  top:-5px;
  width:14px;
  height:14px;
  border:1px solid #000000;
  background-color:#ffffff;
}

.skills-two .skill-item .skill-header{
  position:relative;
  margin-bottom:10px;
}

.skills-two .skill-item .skill-header .skill-title{
  position:relative;
}

.skills-two .skill-item .skill-header .skill-title{
  float:left;
  color:#222222;
  font-size:16px;
  font-weight:700;
  line-height:1.4em;
  text-transform:capitalize;
}

.skills-two .skill-item .skill-header .skill-percentage{
  position:relative;
  float:right;
  font-weight:700;
  color:#000000;
  font-size:18px;
  text-transform:uppercase;
}

/*** 

====================================================================
  Steps Section
====================================================================

***/

.steps-section{
  position:relative;
  padding:100px 0px 60px;
}

.steps-section .step-tabs{
  position:relative;
  margin-top:-110px;
}

.steps-section .step-tabs .btns-outer{
  position:relative;
  text-align:right;
}

.steps-section .step-tabs .tab-btns{
  position:relative;
  margin-bottom:60px;
  display:inline-block;
  border:1px solid var(--main-color);
  border-right:0px;
}

.steps-section .step-tabs .tab-btns .tab-btn{
  position:relative;
  display:block;
  margin-right:0px;
  font-size:18px;
  background:none;
  color:#222222;
  font-weight:400;
  line-height:24px;
  cursor:pointer;
  margin-bottom:0px;
  display:inline-block;
  padding:15px 40px 15px;
  transition:all 500ms ease;
  border-right:1px solid var(--main-color);
  text-transform:capitalize;
}

.steps-section .step-tabs .tab-btns .tab-btn:hover,
.steps-section .step-tabs .tab-btns .tab-btn.active-btn{
  color:#ffffff;
  background:var(--main-color);
  border-color:var(--main-color);
}

.steps-section .step-tabs .tabs-content{
  position:relative;  
}

.steps-section .step-tabs .tabs-content .tab{
  position:relative;
  display:none;
}

.steps-section .step-tabs .tabs-content .tab.active-tab{
  display:block;  
}

.steps-section .step-tabs .tabs-content .content-column{
  position:relative;  
  margin-bottom:40px;
}

.steps-section .step-tabs .tabs-content .content-column .inner-column{
  position:relative;  
}

.steps-section .step-tabs .tabs-content .content-column h3{
  color:#222222;
  font-weight:700;
  margin-bottom:20px;
}

.steps-section .step-tabs .tabs-content .content-column .text{
  position:relative;  
}

.steps-section .step-tabs .tabs-content .content-column .text p{
  position:relative;
  color:#687469;
  margin-bottom:15px;
}

.steps-section .step-tabs .tabs-content .content-column .text p:last-child{
  margin-bottom:0px;
}

.steps-section .step-tabs .tabs-content .image-column{
  position:relative;
  margin-bottom:40px;
}

.steps-section .step-tabs .tabs-content .image-column .inner-column{
  position:relative;  
}

.steps-section .step-tabs .tabs-content .image-column .image{
  position:relative;
  padding-left:30px;
  padding-bottom:30px;
}

.steps-section .step-tabs .tabs-content .image-column .image img{
  position:relative;  
  width:100%;
  display:block;
}

.steps-section .step-tabs .tabs-content .image-column .image .pattern-layer{
  position:absolute;
  left:0px;
  bottom:0px;
  width:200px;
  height:102px;
  background-repeat:no-repeat;
}

/*** 

====================================================================
  Case Section Two
====================================================================

***/

.case-section-two{
  position:relative;
  overflow:hidden;
  background-attachment:fixed;
  background-size:cover;
}

.case-section-two .image-layer{
  position:absolute;
  left:0px;
  top:0px;
  width:100%;
  height:522px;
  background-size:cover;
  background-repeat:no-repeat;
}

.case-section-two .image-layer:before{
  position:absolute;
  content:'';
  left:0px;
  top:0px;
  right:0px;
  bottom:0px;
  opacity:0.90;
  background-color:var(--main-color);
}

.case-section-two .owl-carousel .owl-stage-outer{
  padding:15px 0px 20px;
}

.case-section-two .owl-theme .case-block-two{
  margin:0px 15px;
}

.case-section-two .owl-carousel{
  margin:0px -15px;
  width:auto;
}

.case-section-two .owl-dots{
  display:none;
}

.case-section-two .owl-nav{
  position:absolute;
  right:25px;
  top:-110px;
}

.case-section-two .owl-nav .owl-prev,
.case-section-two .owl-nav .owl-next{
  position:relative;
  width:60px;
  height:60px;
  text-align:center;
  line-height:60px;
  font-size:28px;
  margin-left:15px;
  display:inline-block;
  background-color:#ffffff;
  transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
  box-shadow:0px 0px 10px rgba(0,0,0,0.20);
}

.case-section-two .owl-nav .owl-prev:hover,
.case-section-two .owl-nav .owl-next:hover{
  background-color:var(--main-color);
  color:#ffffff;
}

.case-block-two{
  position:relative;
  margin-bottom:30px;
}

.case-block-two .inner-box{
  position:relative;
  overflow:hidden;
  box-shadow:0px 0px 15px rgba(0,0,0,0.10);
}

.case-block-two .inner-box .image{
  position:relative;
}

.case-block-two .inner-box .image img{
  position:relative;
  width:100%;
  display:block;
  transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
}

.case-block-two .inner-box:hover .image img{
  transform:rotate(3deg) scale(1.05,1.05);
}

.case-block-two .inner-box .lower-content{
  position:relative;
  padding:30px 35px 35px;
  background-color:#ffffff;
}

.case-block-two .inner-box .lower-content:before{
  position:absolute;
  content:'';
  left:0px;
  bottom:0px;
  right:0px;
  height:4px;
  background-color:#ac9157;
  transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
}

.case-block-two .inner-box:hover .lower-content:before{
  height:100%;
  background-color:#222222;
}

.case-block-two .inner-box .lower-content .category{
  position:relative;
  color:#ac9157;
  font-size:14px;
  letter-spacing:1px;
  font-weight:700;
  text-transform:uppercase;
}

.case-block-two .inner-box .lower-content h4{
  margin-top:12px;
}

.case-block-two .inner-box .lower-content h4 a{
  position:relative;
  color:#222222;
  transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
}

.case-block-two .inner-box:hover .lower-content .text,
.case-block-two .inner-box:hover .lower-content h4 a{
  color:#ffffff;
}

.case-block-two .inner-box .lower-content .text{
  position:relative;
  color:#687469;
  margin-top:15px;
  transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
}

.case-block-two .inner-box .lower-content .learn-btn{
  position:absolute;
  right:25px;
  top:-22px;
  z-index:1;
  transform:translateX(200px);
  transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
}

.case-block-two .inner-box:hover .lower-content .learn-btn{
  transform:translateX(0px);
}

.case-block-two .inner-box .lower-content .learn{
  position:relative;
  color:#ffffff;
  font-weight:500;
  padding:10px 24px;
  display:inline-block;
  background-color:#ac9157;
}

.case-block-two .inner-box .lower-content .learn:before{
  position:absolute;
  content:'';
  left:10px;
  top:-5px;
  right:-5px;
  bottom:5px;
  z-index:-1;
  background-color:rgba(255,255,255,0.70);
}

/*** 

====================================================================
  Testimonial Section Two
====================================================================

***/

.testimonial-section-two{
  position:relative;
  overflow:hidden;
  padding:100px 0px 220px;
}

.testimonial-section-two .owl-nav{
  display:none;
}

.testimonial-section-two .owl-dots{
  position:relative;
  width:100%;
  margin-top:20px;
  text-align:center;
}

.testimonial-section-two .owl-dots .owl-dot{
  position:relative;
  width:20px;
  height:6px;
  margin:0px 5px;
  display:inline-block;
  background-color:var(--main-color);
  transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
}

.testimonial-section-two .owl-dots .owl-dot:hover,
.testimonial-section-two .owl-dots .owl-dot.active{
  width:40px;
  background-color:#222222;
}

.testimonial-section-two .owl-carousel .owl-stage-outer{
  padding:15px 0px 45px;
}

.testimonial-section-two .owl-theme .testimonial-block-two{
  margin:0px 15px 40px 15px;
}

.testimonial-section-two .owl-carousel{
  margin:0px -15px;
  width:auto;
}

.testimonial-section-two .pattern-layer{
  position:absolute;
  left:0px;
  top:0px;
  width:442px;
  height:880px;
  background-repeat:no-repeat;
}

.testimonial-block-two{
  position:relative;
  padding-bottom:60px;
}

.testimonial-block-two .inner-box{
  position:relative;
  border-radius:0px;
  z-index:1;
  padding:40px 40px 50px;
  background-color:#ffffff;
  box-shadow:0px 0px 10px rgba(0,0,0,0.25);
}

.testimonial-block-two .inner-box:before{
  position:absolute;
  content:'';
  right:20px;
  bottom:-60px;
  width:81px;
  height:61px;
  background:url(../images/icons/testimonial-icon.png) no-repeat;
}

.testimonial-block-two .inner-box .text{
  position:relative;
  padding-left:25px;
  color:#687469;
  font-size:16px;
  margin-bottom:45px;
  border-left:2px solid var(--main-color);
}

.testimonial-block-two .inner-box .lower-box{
  position:relative;
}

.testimonial-block-two .inner-box .lower-box .box-inner{
  position:relative;
  padding-left:110px;
}

.testimonial-block-two .inner-box .lower-box .box-inner .author-image{
  position:absolute;
  left:0px;
  top:0px;
}

.testimonial-block-two .inner-box .lower-box .box-inner .author-image:before{
  position:absolute;
  content:'';
  left:8px;
  top:8px;
  right:-8px;
  bottom:-8px;
  z-index:-1;
  background:url(../images/background/pattern-12.png) no-repeat;
}

.testimonial-block-two .inner-box .lower-box h6{
  font-weight:700;
}

.testimonial-block-two .inner-box .lower-box .designation{
  position:relative;
  color:#687469;
  font-weight:700;
  margin-top:4px;
}

.testimonial-block-two .inner-box .lower-box .rating{
  position:relative;
  color:var(--main-color);
  margin-top:4px;
}

.testimonial-block-two .inner-box .side-icon{
  position:absolute;
  right:40px;
  bottom:20px;
  color:#111111;
  opacity:0.20;
  line-height:1em;
  font-size:60px;
}

/*** 

====================================================================
  Featured Section Two
====================================================================

***/

.featured-section-two{
  position:relative;
  padding:0px 0px 0px;
}

.featured-section-two .inner-container{
  position:relative;
  overflow:hidden;
  padding-top:10px;
  border-radius:0px;
  margin-top:-130px;
  margin-bottom:-130px;
  z-index:1;
}

.featured-section-two .inner-container .feature-block-three{
  padding:0px;
  float:left;
}

.feature-block-three{
  position:relative;
}

.feature-block-three .inner-box{
  position:relative;
  text-align:center;
  padding:0px 20px 45px;
}

.feature-block-three .inner-box:before{
  position:absolute;
  content:'';
  left:0px;
  top:52px;
  right:0px;
  bottom:0px;
  background-color:var(--main-color);
  border-right:1px solid #ffffff;
}

.feature-block-three:last-child .inner-box:before{
  border:0px;
}

.feature-block-three .inner-box .icon-box{
  position:relative;
  width:110px;
  height:110px;
  font-size:60px;
  line-height:110px;
  text-align:center;
  margin:0 auto;
  border-radius:8px;
  background-color:#ffffff;
  box-shadow:0px 0px 15px rgba(0,0,0,0.10);
  transition: all 600ms ease;
    -moz-transition: all 600ms ease;
    -webkit-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    -o-transition: all 600ms ease;
}
.feature-block-three .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);
}
.feature-block-three .inner-box .dott{
  position:relative;
  width:10px;
  height:10px;
  margin:0 auto;
  margin-top:25px;
  margin-bottom:15px;
  background-color:#111111;
}

.feature-block-three .inner-box .title{
  position:relative;
  color:#ffffff;
  margin-bottom:8px;
}

.feature-block-three .inner-box h4{
  font-weight:700;
  color:#222222;
}

/*** 

====================================================================
  Video Section
====================================================================

***/

.video-section{
  position:relative;
  text-align:center;
  padding:250px 0px 360px;
  background-attachment:fixed;
  background-size:cover;
}

.video-section.style-two{
  padding-bottom:120px;
}

.video-section:before{
  position:absolute;
  content:'';
  left:0px;
  top:0px;
  right:0px;
  bottom:0px;
  background-color:rgba(0,0,0,0.85);
}

.video-section h2{
  color:#ffffff;
  display:block;
  letter-spacing:1px;
  padding-bottom:45px;
  text-transform:capitalize;
}

.video-section .video-box{
  position:relative;
  color:#ffffff;
  font-size:24px;
  text-align:center;
  border-radius:50%;
  line-height: 100px;
  display:inline-block;
  z-index:1;
  width:100px;
  height:100px;
  padding-left:5px;
  margin-bottom:35px;
  border:2px solid var(--main-color);
  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-section .video-box .overlay-box span{
  position: absolute;
  left:50%;
    top: 50%;
  z-index:99;
  color: #ffffff;
  font-weight:400;
  font-size:16px;
  text-align: center;
  border-radius:10px;
  padding-left:7px;
  display: inline-block;
  margin-top: -50px;
  margin-left:-50px;
  transition: all 900ms ease;
    -moz-transition: all 900ms ease;
    -webkit-transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    -o-transition: all 900ms ease;
  box-shadow:0px 0px 15px rgba(0,0,0,0.10);
}

.video-section .video-box .ripple,
.video-section .video-box .ripple:before,
.video-section .video-box .ripple:after {
    position: absolute;
    top: 50%;
    left: 50%;
    width:100px;
  height:100px;
  margin-left:.5px;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, .4);
    -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, .4);
    -ms-box-shadow: 0 0 0 0 rgba(255, 255 , 255, .4);
    -o-box-shadow: 0 0 0 0 rgba(255, 255, 255, .4);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, .4);
    -webkit-animation: ripple 3s infinite;
    -moz-animation: ripple 3s infinite;
    -ms-animation: ripple 3s infinite;
    -o-animation: ripple 3s infinite;
    animation: ripple 3s infinite;
}

.video-section .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-section .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);}
}

/*** 

====================================================================
  Team Section Three
====================================================================

***/

.team-section-three{
  position:relative;
  padding:0px 0px 70px;
}

.team-section-three.style-two{
  padding-top:110px;
}

.team-section-three .inner-container{
  position:relative;
  margin-top:-270px;
  z-index:1;
}

.team-block-three{
  position:relative;
  margin-bottom:30px;
}

.team-block-three .inner-box{
  position:relative;
}

.team-block-three .inner-box .image{
  position:relative;
  overflow:hidden;
  background-color:#222222;
}

.team-block-three .inner-box .image img{
  position:relative;
  width:100%;
  display:block;
  transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
}

.team-block-three .inner-box:hover .image img{
  opacity:0.5;
  transform:scale(1.04,1.04);
}

.team-block-three .inner-box .image .social-box{
  position:absolute;
  right:-250px;
  bottom:40px;
  transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
}

.team-block-three .inner-box:hover .image .social-box{
  right:0px;
}

.team-block-three .inner-box .image .social-box li{
  position:relative;
  float:left;
  border-right:1px solid #ffffff;
}

.team-block-three .inner-box .image .social-box li:last-child{
  border-right:0px;
}

.team-block-three .inner-box .image .social-box li a{
  position:relative;
  width:50px;
  height:50px;
  color:#111111;
  line-height:50px;
  text-align:center;
  font-size:20px;
  background-color:var(--main-color);
  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;
}

.team-block-three .inner-box .image .social-box li a:hover{
  background-color:#ffffff;
  color:#111111;
}

.team-block-three .inner-box .image img{
  position:relative;
  width:100%;
  display:block;
}

.team-block-three .inner-box .lower-content{
  position:relative;
  padding-top:25px;
}

.team-block-three .inner-box .lower-content .designation{
  position:relative;
  color:#687469;
  font-size:16px;
}

.team-block-three .inner-box .lower-content h4{
  font-weight:700;
  margin-top:5px;
}

.team-block-three .inner-box .lower-content h4 a{
  position:relative;
  color:#222222;
  transition:all 0.3s ease;
  -moz-transition:all 0.3s ease;
  -webkit-transition:all 0.3s ease;
  -ms-transition:all 0.3s ease;
  -o-transition:all 0.3s ease;
}

.team-block-three .inner-box .lower-content h4 a:hover{
  color:var(--main-color);
}

/*** 

====================================================================
  News Section Three
====================================================================

***/

.news-section-three{
  position:relative;
  padding:0px 0px 80px;
  background-attachment:fixed;
  background-size:cover;
}

.news-section-three .owl-dots{
  display:none;
}

.news-section-three .owl-nav{
  position:absolute;
  top:-120px;
  right:0px;
}

.news-section-three .owl-nav .owl-prev,
.news-section-three .owl-nav .owl-next{
  position:relative;
  width:60px;
  height:60px;
  text-align:center;
  line-height:60px;
  font-size:28px;
  margin-left:15px;
  display:inline-block;
  background-color:#ffffff;
  transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
  box-shadow:0px 0px 10px rgba(0,0,0,0.10);
}

.news-section-three .owl-nav .owl-prev:hover,
.news-section-three .owl-nav .owl-next:hover{
  background-color:var(--main-color);
  color:#ffffff;
}

.news-block-three{
  position:relative;
  margin-bottom:30px;
}

.news-block-three .inner-box{
  position:relative;
  padding-left:30px;
}

.news-block-three .inner-box:before{
  position:absolute;
  content:'';
  left:0px;
  top:0px;
  width:30px;
  height:100%;
  background:url(../images/background/pattern-13.png) no-repeat;
}

.news-block-three .inner-box .image{
  position:relative;
  overflow:hidden;
  background-color:#111111;
}

.news-block-three .inner-box .image img{
  position:relative;
  width:100%;
  display:block;
  -webkit-transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
  transition:all 500ms ease;
}

.news-block-three .inner-box:hover .image img{
  opacity:0.60;
}

.news-block-three .inner-box .image .post-date{
  position:absolute;
  right:0px;
  bottom:0px;
  color:#222222;
  font-size:17px;
  font-weight:700;
  padding:10px 20px;
  display:inline-block;
  background-color:var(--main-color);
}

.news-block-three .inner-box .lower-content{
  position:relative;
  padding-top:35px;
  padding-left:40px;
  padding-bottom:40px;
  border-bottom:2px solid #dddddd;
}

.news-block-three .inner-box .lower-content:before{
  position:absolute;
  content:'';
  left:0px;
  bottom:4px;
  width:70%;
  height:2px;
  background-color:var(--main-color);
}

.news-block-three .inner-box .lower-content .post-meta{
  position:relative;
}

.news-block-three .inner-box .lower-content .post-meta li{
  position:relative;
  color:#777777;
  font-size:16px;
  margin-right:10px;
  font-weight:400;
  padding-left:22px;
  display:inline-block;
  line-height: normal;
}

.news-block-three .inner-box .lower-content .post-meta li .icon{
  position:absolute;
  left:0px;
  top:0px;
  color:var(--main-color);
  font-size:14px;
  margin-right:6px;
}

.news-block-three .inner-box .lower-content .post-meta li:last-child{
  margin-right:0px;
}

.news-block-three .inner-box .lower-content h3{
  margin-top:6px;
  font-weight:700;
  margin-top:8px;
}

.news-block-three .inner-box .lower-content h3 a{
  position:relative;
  color:#222222;
  -webkit-transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
  transition:all 500ms ease;
}

.news-block-three .inner-box .lower-content h3 a:hover{
  color:var(--main-color);
}

/*** 

====================================================================
  News Section Three
====================================================================

***/

.cta-section-four{
  position:relative;
}

.cta-section-four .inner-container{
  position:relative;
  z-index:1;
  margin-bottom:-110px;
  padding:70px 90px 40px;
  background-color:#ffffff;
  box-shadow:0px 0px 15px rgba(0,0,0,0.16);
}

.cta-section-four .inner-container .pattern-layer-one{
  position:absolute;
  left:0px;
  top:0px;
  width:100px;
  height:100px;
  z-index:1;
}

.cta-section-four .inner-container .pattern-layer-two{
  position:absolute;
  right:0px;
  bottom:0px;
  width:100px;
  height:100px;
  z-index:1;
}

.cta-section-four .title-column{
  position:relative;
  margin-bottom:30px;
}

.cta-section-four .title-column .inner-column{
  position:relative;
  padding-left:90px;
}

.cta-section-four .title-column .icon{
  position:absolute;
  left:0px;
  top:0px;
  color:var(--main-color);
  line-height:1em;
  font-size:70px;
}

.cta-section-four .title-column h3{
  font-weight:700;
}

.cta-section-four .title-column .text{
  color:#687469;
  font-size:16px;
  margin-top:10px;
}

.cta-section-four .button-column{
  position:relative;
  margin-bottom:30px;
}

.cta-section-four .button-column .inner-column{
  position:relative;
  text-align:right;
}

/*** 

====================================================================
  Page Title
====================================================================

***/

.page-title{
  position:relative;
  text-align:center;
  overflow:hidden;
  padding:100px 0px 100px;
  background-size:cover;
}

.page-title:before{
  position:absolute;
  content:'';
  left:0px;
  bottom:0px;
  top:0px;
  right:0px;
  background-color:rgba(0,0,0,0.80);
}

.page-title .side-icon{
  position:absolute;
  left:100px;
  top:50px;
  opacity:0.30;
}

.page-title .side-tag{
  position:absolute;
  right:0px;
  bottom:0px;
  z-index:1;
  color:#ffffff;
  font-size:18px;
  font-weight:700;
  padding:20px 40px 18px;
  background-color:var(--main-color);
}

.page-title .side-tag:before{
  position:absolute;
  content:'';
  left:-30px;
  bottom:0px;
  top:0px;
  z-index:-1;
  border-bottom: 66px solid var(--main-color);
    border-left: 30px solid transparent;
}

.page-title h2{
  color:#ffffff;
  font-weight:700;
}

.page-breadcrumb{
  position:relative;
  margin-top:20px;
}

.page-breadcrumb li{
  position:relative;
  display:inline-block;
  margin-right:10px;
  padding-right:15px;
  color:#ac9157;
  font-size:16px;
  font-weight:400;
  text-transform:capitalize;
}

.page-breadcrumb li:after{
  position:absolute;
  content: ":";
  right:-2px;
  top:-1px;
  color:#ffffff;
  font-size:14px;
  font-weight:700;
  font-family: 'FontAwesome';
}

.page-breadcrumb li:last-child::after{
  display: none;
}

.page-breadcrumb li:last-child{
  padding-right:0px;
  margin-right:0px;
}

.page-breadcrumb li a{
  color:#ffffff;
  font-weight:400;
  text-transform: capitalize;
  transition:all 0.3s ease;
  -moz-transition:all 0.3s ease;
  -webkit-transition:all 0.3s ease;
  -ms-transition:all 0.3s ease;
  -o-transition:all 0.3s ease;
}

.page-breadcrumb li a:hover{
  color:#ac9157;
}

/*** 

====================================================================
  Faq Page Section
====================================================================

***/

.faq-page-section{
  position:relative;
  padding:100px 0px 60px;
}

.faq-page-section .accordion-column{
  position:relative;
  margin-bottom:40px;
}

.faq-page-section .accordion-column .inner-column{
  position:relative;
}

/*** 

====================================================================
  Faq Form Section
====================================================================

***/

.faq-form-section{
  position:relative;
  margin-bottom:-106px;
  padding:100px 0px 180px;
  background-color:#ebebeb;
}

.faq-form-section.style-two{
  margin:0px;
  background:none;
  padding-bottom:80px;
}

.faq-form-section .faq-form{
  padding:0px 80px;
}

.faq-form{
  position:relative;
}

.faq-form .form-group{
  margin-bottom:30px;
}

.faq-form .form-group input[type="text"],
.faq-form .form-group input[type="password"],
.faq-form .form-group input[type="tel"],
.faq-form .form-group input[type="email"],
.faq-form .form-group select{
  position:relative;
  display:block;
  width:100%;
  line-height:28px;
  padding:10px 25px;
  color:#888888;
  height:55px;
  font-size:14px;
  border-radius:0px;
  background:#ffffff;
  border:1px solid rgba(0,0,0,0.10);
  -webkit-transition:all 300ms ease;
  -ms-transition:all 300ms ease;
  -o-transition:all 300ms ease;
  -moz-transition:all 300ms ease;
  transition:all 300ms ease;
}

.faq-form .form-group input[type="text"]:focus,
.faq-form .form-group input[type="password"]:focus,
.faq-form .form-group input[type="tel"]:focus,
.faq-form .form-group input[type="email"]:focus,
.faq-form .form-group select:focus,
.faq-form .form-group textarea:focus{
  border-color:#ac9157;
}

.faq-form .form-group textarea{
  position:relative;
  display:block;
  width:100%;
  line-height:24px;
  padding:15px 25px 25px;
  color:#888888;
  border:1px solid rgba(0,0,0,0.10);
  height:180px;
  background:#ffffff;
  resize:none;
  font-size:14px;
  border-radius: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;
}

.faq-form .theme-btn{
  cursor:pointer;
}

/*** 

====================================================================
  Team Detail Section
====================================================================

***/

.team-detail-section{
  position:relative;
  padding:110px 0px 90px;
}

.team-detail-section .upper-box{
  position:relative;
}

.team-detail-section .image-column{
  position:relative;
  margin-bottom:40px;
}

.team-detail-section .image-column .inner-column{
  position:relative;
}

.team-detail-section .image-column .image{
  position:relative;
}

.team-detail-section .image-column .image img{
  position:relative;
  width:100%;
  display:block;
}

.team-detail-section .content-column{
  position:relative;
  margin-bottom:40px;
}

.team-detail-section .content-column .inner-column{
  position:relative;
}

.team-detail-section .content-column .title{
  position:relative;
  color:var(--main-color);
  font-size:16px;
}

.team-detail-section .content-column h2{
  color:#222222;
  font-weight:700;
}

.team-detail-section .content-column .designation{
  position:relative;
  color:#555555;
  font-size:16px;
  font-weight:700;
  margin-top:8px;
}

.team-detail-section .content-column .attorney-contact-info{
  position:relative;
  margin-top:20px;
  margin-bottom:25px;
}

.team-detail-section .content-column .attorney-contact-info li{
  position:relative;
  margin-bottom:8px;
}

.team-detail-section .content-column .attorney-contact-info li span{
  position:relative;
  font-weight:700;
  color:var(--main-color);
  margin-right:10px;
}

.team-detail-section .content-column .attorney-contact-info li a{
  position:relative;
  color:#777777;
  margin-right:6px;
  -webkit-transition:all 300ms ease;
  -ms-transition:all 300ms ease;
  -o-transition:all 300ms ease;
  -moz-transition:all 300ms ease;
  transition:all 300ms ease;
}

.team-detail-section .content-column .attorney-contact-info li a:hover{
  color:var(--main-color);
}

.team-detail-section .content-column h3{
  color:#222222;
  font-weight:700;
  margin-bottom:20px;
}

.team-detail-section .lower-box{
  position:relative;
  padding-top:20px;
}

.team-detail-section .lower-box h4{
  font-weight:700;
  color:#222222;
  margin-bottom:20px;
}

.team-detail-section .lower-box .list-style-four{
  margin-bottom:30px;
}

/*** 

====================================================================
  Testimonial Page Section
====================================================================

***/

.testimonial-page-section{
  position:relative;
}

.testimonial-page-section .testimonial-block-two{
  position:relative;
  margin-bottom:20px;
}

.testimonial-page-section .styled-pagination{
  margin-top:40px;
}

/*** 

====================================================================
  Styled Pagination
====================================================================

***/

.styled-pagination{
  position:relative;
}

.styled-pagination li{
  position:relative;
  margin:0px 4px 10px;
  display:inline-block;
}

.styled-pagination li a{
  position:relative;
  width:50px;
  height:50px;
  color:#222222;
  font-size:20px;
  font-weight:400;
  line-height:50px;
  text-align:center;
  display:inline-block;
  background-color:#ebebeb;
  transition:all 0.3s ease;
  -moz-transition:all 0.3s ease;
  -webkit-transition:all 0.3s ease;
  -ms-transition:all 0.3s ease;
  -o-transition:all 0.3s ease;
}

.styled-pagination li.active a,
.styled-pagination li:hover a{
  color:#111111;
  background-color:var(--main-color);
}

.styled-pagination li.prev a{
  top:-1px;
  font-size:14px;
  color:#ffffff;
  font-weight:600;
  border-radius:0px;
  background-color:#555555;
  transition:all 0.3s ease;
  -moz-transition:all 0.3s ease;
  -webkit-transition:all 0.3s ease;
  -ms-transition:all 0.3s ease;
  -o-transition:all 0.3s ease;
}

.styled-pagination li.next a{
  top:-1px;
  font-size:14px;
  color:#ffffff;
  font-weight:600;
  background-color:#555555;
  border-radius:0px;
  transition:all 0.3s ease;
  -moz-transition:all 0.3s ease;
  -webkit-transition:all 0.3s ease;
  -ms-transition:all 0.3s ease;
  -o-transition:all 0.3s ease;
}

.styled-pagination li.prev a:hover,
.styled-pagination li.next a:hover{
  background-color:#222222;
}

/*** 

====================================================================
      Coming Soon
====================================================================

***/

.coming-soon{
  position:fixed;
  width:100%;
  height:100%;
  display:block;
  overflow-y:auto;
  background-repeat: no-repeat;
  background-position: center right;
  background-size: cover;
  text-align: center;
}

.coming-soon .content{
  position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    display: table;
    vertical-align: middle;
}

.coming-soon .content:before{
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: #000000;
  content: "";
  opacity: .30;
}

.coming-soon .content .content-inner{
  position: relative;
  padding: 30px 35px;
    display: table-cell;
    vertical-align: middle;
}

.coming-soon .content .content-inner .logo{
  position:relative;
  max-width: 250px;
    margin: 0 auto 180px;
}

.coming-soon .content .content-inner .sec-title{
  display: none;
  margin-bottom:50px;
}

.coming-soon .content .content-inner h2{
  position:relative;
  font-size:48px;
  font-weight:700;
  color: #ffffff;
  line-height:1.2em;
  padding-bottom: 0;
  font-variant: small-caps;
}

.coming-soon .content .content-inner h2:after{
  display: none;
}

.time-counter{
  position:relative;
}

.time-counter .time-countdown{
  position:relative;
  margin-bottom: 150px;
}

.time-counter .time-countdown .counter-column{
  position:relative;
  display: inline-block;
  width:180px;
  height:180px;
  font-size:20px;
  line-height: 1em;
  color:#ffffff;
  text-transform:uppercase;
  font-weight:600;
  text-align: center;
  z-index: 7;
  border-radius: 20px;
  box-shadow: 0 0 30px rgba(0,0,0,0.25);
    background-color: rgba(54,54,54,.40);
  margin:0 15px 20px;
}

.time-counter .time-countdown .counter-column .count{
  position:relative;
  display:block;
  font-size:72px;
  line-height:30px;
  padding:60px 0px 30px;
  color:#ffffff;
  font-weight:600;
}

.coming-soon .emailed-form{
  position: relative;
  margin-bottom: 30px;
}

.coming-soon .emailed-form h3{
  line-height: 1.2em;
  font-weight: 600;
  color: #ffffff;
  margin-bottom: 20px;
}

.coming-soon .emailed-form .text{
  position: relative;
  display: block;
  font-size: 18px;
  font-weight: 400;
  color: #ffffff;
  line-height:1.8em;
  margin-bottom: 30px;
}

.coming-soon .emailed-form .form-group{
  position:relative;
  display:block;
  max-width:540px;
  width:100%;
  margin: 0 auto;
}

.coming-soon .emailed-form .form-group input[type="text"],
.coming-soon .emailed-form .form-group input[type="tel"],
.coming-soon .emailed-form .form-group input[type="email"],
.coming-soon .emailed-form .form-group textarea{
  position:relative;
  display:block;
  width:100%;
  line-height:28px;
  height:60px;
  font-size:16px;
  color:#000000;
  overflow:hidden;
  padding:15px 50px 15px 20px;
  background: #ffffff;
  border: 1px solid #f1f1f1;
  box-shadow: 0 0 13px rgba(0,0,0,0.10);
  -webkit-transition:all 300ms ease;
  -moz-transition:all 300ms ease;
  -ms-transition:all 300ms ease;
  -o-transition:all 300ms ease;
  transition:all 300ms ease;  
}

.coming-soon .emailed-form .form-group input:focus,
.coming-soon .emailed-form .form-group select:focus,
.coming-soon .emailed-form .form-group textarea:focus{

}

.coming-soon .emailed-form .form-group input[type="submit"],
.coming-soon .emailed-form button{
  position:absolute;
  right:0px;
  top:0px;
  width: 60px;
  height:60px;
  line-height:40px;
  font-size:18px;
  color: var(--main-color);
  background-color: transparent;
  -webkit-transition:all 300ms ease;
  -moz-transition:all 300ms ease;
  -ms-transition:all 300ms ease;
  -o-transition:all 300ms ease;
  transition:all 300ms ease;  
}

.coming-soon .emailed-form .form-group input[type="submit"]:hover,
.coming-soon .emailed-form button:hover{
  color: #353535;
}

.coming-soon .copyright-text{
  position: relative;
  font-size: 18px;
  line-height: 26px;
  color: #ffffff;
  font-weight: 400;
}

.coming-soon .copyright-text a{
  color: #ff9600;
}

.coming-soon .copyright-text a:hover{
  text-decoration: underline;
}

.clock-wrapper{
    position: absolute;
    top: 50%;
    right: 0;
    left: 0;
    width: 250px;
    height: 250px;
    margin: auto;
    margin-top: -145px;
    border-radius: 50%;
    box-shadow: 0 0 20px rgba(0,0,0,0.05);
    background-color: rgba(0,0,0,.40);
    transform: scale(2);
}

.clock-base{
    width: 250px;
    height: 250px;
    border-radius: 50%;

}

.click-indicator{
    position: absolute;
    z-index: 1;
    top: 10px;
    left: 10px;
    width: 230px;
    height: 230px;
}

.click-indicator div{
    position: absolute;
    width: 2px;
    height: 4px;
    margin: 113px 114px;
}

.click-indicator div > span{
  height: 5px;
  width: 5px;
  background-color: #ffffff;
  display: inline-block;
  border-radius: 50%;
  margin-left: -1px;
  margin-top: -1px;
}

.click-indicator div:nth-child(1) {
    transform: rotate(30deg) translateY(-120px);
}

.click-indicator div:nth-child(2) {
    transform: rotate(60deg) translateY(-120px);
}

.click-indicator div:nth-child(3) {
    transform: rotate(90deg) translateY(-120px);
    background-color: var(--main-color);
}

.click-indicator div:nth-child(4) {
    transform: rotate(120deg) translateY(-120px);
}

.click-indicator div:nth-child(5) {
    transform: rotate(150deg) translateY(-120px);
}

.click-indicator div:nth-child(6) {
    transform: rotate(180deg) translateY(-120px);
    background-color: var(--main-color);
}

.click-indicator div:nth-child(7) {
    transform: rotate(210deg) translateY(-120px);
}

.click-indicator div:nth-child(8) {
    transform: rotate(240deg) translateY(-120px);
}

.click-indicator div:nth-child(9) {
    transform: rotate(270deg) translateY(-120px);
    background-color: var(--main-color);
}

.click-indicator div:nth-child(10) {
    transform: rotate(300deg) translateY(-120px);
}

.click-indicator div:nth-child(11) {
    transform: rotate(330deg) translateY(-120px);
}

.click-indicator div:nth-child(12) {
    transform: rotate(360deg) translateY(-120px);
    background-color: var(--main-color);
}

.clock-hour{
    position: absolute;
    z-index: 2;
    top: 75px;
    left: 123px;
    width: 4px;
    height: 65px;
    background-color: var(--main-color);
    border-radius: 2px;
    box-shadow: 0 0 2px rgba(0,0,0,.2);
    transform-origin: 2px 50px;
    transition: .5s;
    -webkit-animation: rotate-hour 43200s linear infinite;
    -moz-animation: rotate-hour 43200s linear infinite;
}

.clock-minute{
    position: absolute;
    z-index: 3;
    top: 55px;
    left: 123px;
    width: 4px;
    height: 85px;
    background-color: var(--main-color);
    border-radius: 2px;
    box-shadow: 0 0 2px rgba(0,0,0,.2);
    transform-origin: 2px 70px;
    transition: .5s;
    -webkit-animation: rotate-minute 3600s linear infinite;
    -moz-animation: rotate-minute 3600s linear infinite;
}

.clock-second{
    position: absolute;
    z-index: 4;
    top: 15px;
    left: 124px;
    width: 2px;
    height: 130px;
    background-color: #ffffff;
    opacity: .9;
    box-shadow: 0 0 2px rgba(0,0,0,.2);
    transform-origin: 1px 110px;
    transition: .5s;
    -webkit-animation: rotate-second 60s linear infinite;
    -moz-animation: rotate-second 60s linear infinite;
}

.clock-second:after{
    content: "";
    display: block;
    position: absolute;
    left: -3px;
    bottom: 16px;
    width: 8px;
    height: 8px;
    background-color: #222222;
    border: solid 2px #222222;
    border-radius: 50%;
    box-shadow: 0 0 3px rgba(0,0,0,.2);
}

.clock-center{
    position: absolute;
    z-index: 1;
    width: 150px;
    height: 150px;
    top: 50px;
    left: 50px;
    box-shadow: 0 0 3px rgba(0,0,0,.2);
    border-radius: 50%;
}

.clock-center:after{
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    margin: 65px;
    background-color: #ddd;
    border-radius: 50%;
}

/*** 

====================================================================
  Services Page Section
====================================================================

***/

.services-page-section{
  position:relative;
  padding:110px 0px 70px;
}

.services-page-section .service-block{
  margin-bottom:40px;
}

/*** 

====================================================================
  Sidebar Page Container
====================================================================

***/

.sidebar-page-container{
  position:relative;
  padding:100px 0px 70px;
}

.sidebar-page-container .content-side,
.sidebar-page-container .sidebar-side{
  margin-bottom:40px;
}

.sidebar-page-container .sidebar-side .sidebar-inner{
  position:relative;
  padding-left:20px;
}

.sidebar-page-container .sidebar-side .sidebar-inner{
  position:relative;
}

.sticky-top{
  top:90px;
  z-index:1;
}

/* Sidebar Widget */

.sidebar-widget{
  margin-bottom:0px;
}

.sidebar-widget:last-child{
  margin-bottom:0px;
}

.sidebar-title{
  position:relative;
  margin-bottom:30px;
  padding-bottom:15px;
  border-bottom:2px solid var(--main-color);
}

.sidebar-title:before{
  position:absolute;
  content:'';
  left:0px;
  bottom:3px;
  height:2px;
  width:70%;
  background-color:#222222;
}

.sidebar-title h3{
  color:#222222;
  font-weight:700;
}

.attorney-widget.style-two .widget-content,
.categories-widget .widget-content{
  padding:30px 40px;
  border:1px solid #cccccc;
}

/* Blog Cat */

.blog-cat{
  position:relative;
}

.blog-cat li{
  position:relative;
  margin-bottom:10px;
}

.blog-cat li:last-child{
  margin-bottom:0px;
}

.blog-cat li a{
  position:relative;
  color:#687469;
  font-size:16px;
  font-weight:700;
  padding-left:20px;
  display:block;
  -webkit-transition:all 300ms ease;
  -moz-transition:all 300ms ease;
  -ms-transition:all 300ms ease;
  -o-transition:all 300ms ease;
  transition:all 300ms ease;  
}

.blog-cat li a:before{
  position:absolute;
  content:'\f101';
  left:0px;
  top:4px;
  line-height:1em;
  font-family: 'FontAwesome';
}

.blog-cat li a span{
  position:absolute;
  right:0px;
  font-weight:400;
}

.blog-cat li a:hover{
  color:var(--main-color);
}

/* Recent Posts */

.attorney-widget{
  position: relative;
}

.attorney-widget .post{
  position: relative;
  min-height: 80px;
  padding-left: 100px;
  margin-bottom: 20px;
}

.attorney-widget .post:last-child{
  margin-bottom: 0;
}

.attorney-widget .post .thumb{
  position: absolute;
  left: 0;
  top: 0;
  height: 80px;
  width: 80px;
  overflow: hidden;
}

.attorney-widget .post .thumb a{
  display: block;
}

.attorney-widget .post .thumb img{
  display: block;
  width: 100%;
  height: auto;
}

.attorney-widget .post h5{
  color: #222222;
  font-weight: 700;
  margin-bottom:5px;
}

.attorney-widget .post h5 a{
  color:#222222;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.attorney-widget .post h5 a:hover{
  color: var(--main-color);
}

.attorney-widget .post .title{
  position: relative;
  display: block;
  font-size: 16px;
  color: var(--main-color);
  margin-bottom:0px;
}

.attorney-widget .post .call{
  position: relative;
  display: block;
  font-size: 16px;
  color: #777777;
}

/* Contact Widget */

.sidebar-page-container .sidebar-side .contact-widget .contact-list{
  position:relative;
}

.sidebar-page-container .sidebar-side .contact-widget .contact-list li{
  position:relative;
  font-size:14px;
  color:#555555;
  padding-left:80px;
  margin-bottom:25px;
}

.sidebar-page-container .sidebar-side .contact-widget .contact-list li .icon{
  position:absolute;
  content:'';
  left:0px;
  top:5px;
  color:var(--main-color);
  line-height:1em;
  font-size:54px;
}

.sidebar-page-container .sidebar-side .contact-widget .contact-list li strong{
  position:relative;
  display:block;
  color:#222222;
  font-size:24px;
  margin-top:3px;
}

/* Post Widget */

.post-widget .widget-content{
  padding:30px 40px;
  border:1px solid #cccccc;
}

.post-widget .post{
  position: relative;
  min-height: 90px;
  padding-left: 110px;
  margin-bottom: 30px;
}

.post-widget .post:last-child{
  margin-bottom: 0;
}

.post-widget .post .thumb{
  position: absolute;
  left: 0;
  top: 0;
  height: 90px;
  width: 90px;
  overflow: hidden;
}

.post-widget .post .thumb a{
  display: block;
}

.post-widget .post .thumb img{
  display: block;
  width: 100%;
  height: auto;
}

.post-widget .post h6{
  color: #222222;
  font-weight: 700;
  line-height:1.4em;
}

.post-widget .post h6 a{
  color:#222222;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.post-widget .post h6 a:hover{
  color: var(--main-color);
}

.post-widget .post .post-date{
  position: relative;
  display: block;
  font-size: 14px;
  line-height: 30px;
  color: #687469;
  margin-top:5px;
  padding-left:22px;
}

.post-widget .post .post-date:before{
  position: absolute;
  content:'\f073';
  left:0px;
  top:-1px;
  color:var(--main-color);
  font-family: 'FontAwesome';
}

/* Post Widget */

.tags .widget-content{
  padding:30px 40px;
  border:1px solid #cccccc;
}

.tag-list{
  position: relative;
  display: block;
}

.tag-list li{
  position: relative;
  margin-bottom: 10px;
  margin-right: 10px;
  display:inline-block;
} 

.tag-list li a{
  position: relative;
  display: block;
  font-size: 14px;
  line-height: 20px;
  color: #222222;
  font-weight: 400;
  padding: 12px 25px;
  border-radius:0px;
  border:1px solid #cccccc;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.tag-list li a:hover{
  background-color: var(--main-color);
  border-color: var(--main-color);
}

/*Search Box Widget*/

.sidebar-widget{
  padding:30px 40px;
  border:1px solid #cccccc;
  margin-bottom:50px;
}

.sidebar .search-box .form-group,
.footer-widget .search-box .form-group{
  position:relative;
  margin:0px; 
}

.sidebar .search-box .form-group input[type="text"],
.sidebar .search-box .form-group input[type="search"],
.footer-widget .search-box .form-group input[type="search"]{
  position:relative;
  line-height:28px;
  padding:10px 50px 10px 25px;
  background:#ebebeb;
  display:block;
  font-size:15px;
  width:100%;
  height:60px;
  border-radius:0px;
  transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
}

.sidebar .search-box .form-group button,
.footer-widget .search-box .form-group button{
  position:absolute;
  right:0px;
  top:0px;
  height:60px;
  width:60px;
  display:block;
  font-size:16px;
  color:#ffffff;
  line-height:100%;
  font-weight:normal;
  background:var(--main-color);
  border-radius:0px;
}

/* Service Detail */

.service-detail{
  position:relative;
}

.service-detail .inner-box{
  position:relative;
}

.service-detail .inner-box .title-box{
  position:relative;
  margin-bottom:50px;
}

.service-detail .inner-box .title-box h3{
  padding-left:50px;
  font-weight:700;
  color:#111111;
  margin-top:15px;
}

.service-detail .inner-box .title-box h3 .icon{
  position:absolute;
  left:0px;
  top:0px;
  font-size:36px;
  color:var(--main-color);
  line-height:1em;
  font-weight:400;
}

.service-detail .inner-box .title-box .download-btn{
  position:relative;
  color:#222222;
  font-size:16px;
  font-weight:700;
  padding:14px 30px;
  display:inline-block;
  border:1px solid rgba(0,0,0,0.10);
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.service-detail .inner-box .title-box .download-btn .icon{
  position:relative;
  margin-right:10px;
}

.service-detail .inner-box .title-box .download-btn:hover{
  background-color:#111111;
  color:#ffffff;
}

.service-detail .inner-box .images-box{
  position:relative;
}

.service-detail .inner-box .images-box .image{
  position:relative;
  margin-bottom:30px;
}

.service-detail .inner-box .images-box .image img{
  position:relative;
  width:100%;
  display:block;
}

.service-detail .inner-box .lower-content{
  position:relative;
}

.service-detail .inner-box .lower-content p{
  position:relative;
}

.service-detail .inner-box .lower-content .text-box{
  position:relative;
  padding:40px 40px;
  margin-top:40px;
  margin-bottom:50px;
  background-color:#eeeeee;
}

.service-detail .inner-box .lower-content .text-box p{
  position:relative;
  font-weight:600;
  color:#222222;
  font-size:22px;
  line-height:1.7em;
}

.service-detail .inner-box .lower-content .text-box p:last-child{
  margin-bottom:0px;
}

.service-detail .services-new-post{
  position:relative;
}

.service-detail .services-new-post .title{
  position:relative;
  color:var(--main-color);
  font-size:16px;
}

.service-detail .services-new-post h4{
  font-weight:700;
  margin-top:2px;
}

.service-detail .services-new-post h4 a{
  color:#222222;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.service-detail .services-new-post h4 a:hover{
  color:var(--main-color);
}

/*** 

====================================================================
  Cases Page Section
====================================================================

***/

.cases-page-section{
  position:relative;
  padding:110px 0px 110px;
}

.cases-page-section .filters{
  position:relative;
}

.cases-page-section .filters .filter-tabs{
  position:relative;
  margin-bottom:50px;
  text-align:center;
}

.cases-page-section .filters .filter-tabs .filter{
  position:relative;
  color:#222222;
  font-size:18px;
  cursor:pointer;
  margin-bottom:15px;
  font-weight:700;
  margin-right:2px;
  padding:10px 28px;
  display:inline-block;
  text-transform:uppercase;
  transition:all 0.3s ease;
  -moz-transition:all 0.3s ease;
  -webkit-transition:all 0.3s ease;
  -ms-transition:all 0.3s ease;
  -o-transition:all 0.3s ease;
}

.cases-page-section .filters .filter-tabs .filter.active,
.cases-page-section .filters .filter-tabs .filter:hover{
  color:#ffffff;
  background-color:var(--main-color);
}

.cases-page-section .styled-pagination{
  margin-top:30px;
}

.case-block-three.mix{
  display:none;
}

/* Case Block Three */

.case-block-three{
  position:relative;
  margin-bottom:30px;
}

.case-block-three .inner-box{
  position:relative;
  overflow:hidden;
}

.case-block-three .inner-box .image{
  position:relative;
  overflow:hidden;
  background-color:#000000;
}

.case-block-three .inner-box .image img{
  position:relative;
  width:100%;
  display:block;
  transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
}

.case-block-three .inner-box:hover .image img{
  opacity:0.4;
  transform:scale(1.05,1.05);
}

.case-block-three .inner-box .side-icon{
  position:absolute;
  right:40px;
  bottom:30px;
  color:#e8e8e8;
  font-size:80px;
  line-height:1em;
}

.case-block-three .inner-box .lower-content{
  position:relative;
  margin-top:-30px;
  margin-left:30px;
  padding:30px 30px;
  background-color:#f5f5f5;
  transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
}

.case-block-three .inner-box:hover .lower-content{
  background-color:#222222;
}

.case-block-three .inner-box .lower-content h4{
  font-weight:700;
  color:#222222;
}

.case-block-three .inner-box .lower-content h4 a{
  position:relative;
  color:#222222;
  -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;
}

.case-block-three .inner-box:hover .lower-content h4 a{
  color:#ffffff;
}

.case-block-three .inner-box .lower-content .title{
  position:relative;
  color:#ac9157;
  margin-bottom:6px;
  font-weight:700;
  text-transform:uppercase;
}

.case-block-three .inner-box .lower-content .learn-btn{
  position:absolute;
  right:25px;
  top:-22px;
  z-index:1;
  transform:translateX(200px);
  transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
}

.case-block-three .inner-box:hover .lower-content .learn-btn{
  transform:translateX(0px);
}

.case-block-three .inner-box .lower-content .learn{
  position:relative;
  color:#ffffff;
  font-weight:500;
  padding:10px 24px;
  display:inline-block;
  background-color:#ac9157;
}

.case-block-three .inner-box .lower-content .learn:before{
  position:absolute;
  content:'';
  left:10px;
  top:-5px;
  right:-5px;
  bottom:5px;
  z-index:-1;
  background-color:rgba(255,255,255,0.70);
}

/*** 

====================================================================
  Case Detail Section One
====================================================================

***/

.case-detail-section-one{
  position:relative;
  padding:110px 0px 60px;
}

.case-detail-section-one .content-column{
  position:relative;
  margin-bottom:40px;
}

.case-detail-section-one .content-column .inner-column{
  position:relative;
}

.case-detail-section-one .content-column .title{
  position:relative;
  font-weight:700;
  color:#ac9157;
  text-transform:uppercase;
}

.case-detail-section-one .content-column h3{
  font-weight:700;
  color:#222222;
  margin-top:10px;
  margin-bottom:20px;
}

.case-detail-section-one .content-column .info{
  position:relative;
  margin-bottom:20px;
}

.case-detail-section-one .content-column .info li{
  position:relative;
  color:#555555;
  font-size:16px;
  margin-bottom:8px;
}

.case-detail-section-one .content-column .info li:last-child{
  margin-bottom:0px;
}

.case-detail-section-one .content-column .info li span{
  position:relative;
  font-weight:700;
  color:#222222;
  width:120px;
  display:inline-block;
}

.case-detail-section-one .image-column{
  position:relative;
}

.case-detail-section-one .image-column .inner-column{
  position:relative;
}

.case-detail-section-one .image-column .image{
  position:relative;
}

.case-detail-section-one .image-column .image img{
  position:relative;
  width:100%;
  display:block;
}

/*** 

====================================================================
  Case Detail Section Two
====================================================================

***/

.case-detail-section-two{
  position:relative;
  overflow:hidden;
  padding:30px 0px 60px;
}

.case-detail-section-two.style-two{
  padding-bottom:110px;
}

.case-detail-section-two.style-three .inner-container{
  padding-top:0px;
  padding-bottom:50px;
}

.case-detail-section-two.style-three .inner-container::before{
  display:none;
}

.case-detail-section-two.style-three .content-column .inner-column{
  padding-left:0px;
}

.case-detail-section-two .inner-container{
  position:relative;
  padding:100px 0px;
}

.case-detail-section-two .inner-container:before{
  position:absolute;
  content:'';
  left:270px;
  top:0px;
  bottom:0px;
  width:500%;
  background-color:#f5f5f5;
}

.case-detail-section-two .content-column{
  position:relative;
}

.case-detail-section-two .content-column .inner-column{
  position:relative;
  padding-left:30px;
}

.case-detail-section-two .content-column .title{
  position:relative;
  font-weight:700;
  color:#ac9157;
  text-transform:uppercase;
}

.case-detail-section-two .content-column h4{
  font-weight:700;
  color:#222222;
  margin-top:10px;
  margin-bottom:20px;
}

.case-detail-section-two .content-column .list{
  position:relative;
  margin-bottom:20px;
}

.case-detail-section-two .content-column .list li{
  position:relative;
  color:#222222;
  font-size:16px;
  padding-left:25px;
  margin-bottom:8px;
}

.case-detail-section-two .content-column .info li:last-child{
  margin-bottom:0px;
}

.case-detail-section-two .content-column .list li:before{
  position:absolute;
  left:0px;
  content:'\f061';
  color:var(--main-color);
  font-family: 'FontAwesome';
}

.case-detail-section-two .image-column{
  position:relative;
}

.case-detail-section-two .image-column .inner-column{
  position:relative;
}

.case-detail-section-two .image-column .image{
  position:relative;
}

.case-detail-section-two .image-column .image img{
  position:relative;
  width:100%;
  display:block;
}

/*** 

====================================================================
  Case Process Section
====================================================================

***/

.case-process-section{
  position:relative;
  overflow:hidden;
  padding:30px 0px 60px;
}

.case-process-section .content-column{
  position:relative;
  margin-bottom:40px;
}

.case-process-section .content-column .inner-column{
  position:relative;
}

.case-process-section .content-column h3{
  font-weight:700;
  color:#222222;
  margin-top:10px;
  margin-bottom:20px;
}

.case-process-section .content-column .list{
  position:relative;
}

.case-process-section .content-column .list li{
  position:relative;
  color:#555555;
  font-size:16px;
  margin-bottom:20px;
}

.case-process-section .content-column .info li:last-child{
  margin-bottom:0px;
}

.case-process-section .content-column .list li strong{
  position:relative;
  color:#555555;
  font-size:24px;
  display:block;
  margin-bottom:10px;
}

.case-process-section .image-column{
  position:relative;
}

.case-process-section .image-column .inner-column{
  position:relative;
}

.case-process-section .image-column .image{
  position:relative;
}

.case-process-section .image-column .image img{
  position:relative;
  width:100%;
  display:block;
}

/*** 

====================================================================
  Case Detail Section Three
====================================================================

***/

.case-detail-section-three{
  position:relative;
  padding:110px 0px 0px;
}

.case-detail-section-three .images-box{
  position:relative;
}

.case-detail-section-three .images-box .image{
  position:relative;
  margin-bottom:30px;
}

.case-detail-section-three .images-box .image img{
  position:relative;
  width:100%;
  display:block;
}

.case-detail-section-three .middle-content{
  position:relative;
  padding-top:10px;
}

.case-detail-section-three .middle-content .content-column{
  position:relative;
}

.case-detail-section-three .middle-content .content-column .inner-column{
  position:relative;
}

.case-detail-section-three .middle-content .content-column .title{
  position:relative;
  color:#ac9157;
  font-weight:600;
  text-transform:uppercase;
}

.case-detail-section-three .middle-content .content-column h3{
  font-weight:700;
  color:#222222;
  margin-top:8px;
  margin-bottom:20px;
}

.case-detail-section-three .middle-content .info-column{
  position:relative;
}

.case-detail-section-three .middle-content .info-column .inner-column{
  position:relative;
  padding:25px 25px;
  background-color:#f5f5f5;
}

.case-detail-section-three .middle-content .info-column .list{
  position:relative;
}

.case-detail-section-three .middle-content .info-column .list li{
  position:relative;
  color:#555555;
  font-size:16px;
  margin-bottom:10px;
  padding-left:125px;
}

.case-detail-section-three .middle-content .info-column .list li span{
  position:absolute;
  left:0px;
  color:#222222;
  font-weight:700;
}

.case-detail-section-three .middle-content .info-column .list li a{
  position:relative;
  color:#555555;
  margin-right: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;
}

.case-detail-section-three .middle-content .info-column .list li a:hover{
  color:#ac9157;
}

.case-detail-section-three .challenge-box{
  position:relative;
}

.case-detail-section-three .challenge-box h4{
  font-weight:700;
  color:#222222;
  margin-bottom:20px;
}

.blog-classic .styled-pagination{
  margin-top:70px;
}

/* News Block Four */

.news-block-four{
  position:relative;
  margin-bottom:50px;
}

.news-block-four .inner-box{
  position:relative;
}

.news-block-four .inner-box .image:before{
  position:absolute;
  content:'';
  right:15px;
  top:0px;
  width:1px;
  height:100%;
  background-color:#dddddd;
}

.news-block-four .inner-box .image:after{
  position:absolute;
  content:'';
  left:0px;
  bottom:15px;
  width:100%;
  height:1px;
  background-color:#dddddd;
}

.news-block-four .inner-box .image{
  position:relative;
  overflow:hidden;
  padding-right:30px;
  padding-bottom:30px;
  display:inline-block;
}

.news-block-four .inner-box .image img{
  position:relative;
  width:100%;
  display:block;
  -webkit-transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
  transition:all 500ms ease;
}

.news-block-four .inner-box:hover .image img{
  opacity:0.60;
}

.news-block-four .inner-box .image .post-date{
  position:absolute;
  right:30px;
  bottom:30px;
  color:#222222;
  font-size:18px;
  font-weight:700;
  padding:10px 20px;
  display:inline-block;
  background-color:var(--main-color);
}

.news-block-four .inner-box .lower-content{
  position:relative;
  padding-top:6px;
  padding-bottom:30px;
  border-bottom:2px solid #dddddd;
}

.news-block-four .inner-box .lower-content .upper-box{
  position:relative;
  margin-bottom:5px;
}

.news-block-four .inner-box .lower-content .upper-box .box-inner{
  position:relative;
  padding-top:8px;
  min-height:80px;
  padding-left:110px;
}

.news-block-four .inner-box .lower-content .upper-box .box-inner .author-image{
  position:absolute;
  left:0px;
  top:0px;
  width:80px;
  height:80px;
}

.news-block-four .inner-box .lower-content .upper-box .box-inner .author-name{
  color:#222222;
  font-size:24px;
  font-weight:700;
}

.news-block-four .inner-box .lower-content .post-meta{
  position:relative;
  margin-top:6px;
}

.news-block-four .inner-box .lower-content .post-meta li{
  position:relative;
  color:#687469;
  font-size:16px;
  margin-right:10px;
  font-weight:400;
  padding-left:28px;
  display:inline-block;
}

.news-block-four .inner-box .lower-content .post-meta li .icon{
  position:absolute;
  left:0px;
  top:1px;
  color:#d3c2a0;
  font-size:18px;
  margin-right:6px;
}

.news-block-four .inner-box .lower-content .post-meta li:last-child{
  margin-right:0px;
}

.news-block-four .inner-box .lower-content  .theme-btn{
  padding:14px 30px;
}

.news-block-four .inner-box .lower-content h3{
  margin-top:20px;
  font-weight:700;
}

.news-block-four .inner-box .lower-content h3 a{
  position:relative;
  color:#222222;
  -webkit-transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
  transition:all 500ms ease;
}

.news-block-four .inner-box .lower-content h3 a:hover{
  color:var(--main-color);
}

.news-block-four .inner-box .lower-content .text{
  position:relative;
  color:#333333;
  font-size:16px;
  line-height:1.8em;
  margin-top:20px;
}

/* News Detail */

.blog-detail{
  position:relative;
  margin-bottom:0px;
}

.blog-detail .inner-box{
  position:relative;
}

.blog-detail .inner-box .author-box{
  position:relative;
  margin-bottom: 0px;
}

.blog-detail .inner-box .author-box .box-inner{
  position:relative;
}

.blog-detail .inner-box .author-box .box-inner .author-image{
  position:absolute;
  left:0px;
  top:0px;
  width:80px;
  height:80px;
}

.blog-detail .inner-box .author-box .box-inner .author-name{
  color:#222222;
  font-size:24px;
  font-weight:700;
}

.blog-detail .inner-box .author-box .box-inner .post-meta{
  position:relative;
  margin-top:10px;
}

.blog-detail .inner-box .author-box .box-inner .post-meta li{
  position:relative;
  color:#555555;
  font-size:16px;
  margin-right:10px;
  font-weight:400;
  padding-left:28px;
  display:inline-block;
}

.blog-detail .inner-box .author-box .box-inner .post-meta li .icon{
  position:absolute;
  left:0px;
  top:1px;
  color:#d3c2a0;
  font-size:18px;
  margin-right:6px;
}

.blog-detail .inner-box .author-box .box-inner .post-meta li:last-child{
  margin-right:0px;
}

.blog-detail .inner-box .image{
  position:relative;
  overflow:hidden;
  padding-right:30px;
  padding-bottom:30px;
}

.blog-detail .inner-box .image img{
  position:relative;
  width:100%;
  display:block;
}

.blog-detail .inner-box .image:before{
  position:absolute;
  content:'';
  right:15px;
  top:0px;
  width:1px;
  height:100%;
  background-color:#dddddd;
}

.blog-detail .inner-box .image:after{
  position:absolute;
  content:'';
  left:0px;
  bottom:15px;
  width:100%;
  height:1px;
  background-color:#dddddd;
}

.blog-detail .inner-box .image .post-date{
  position:absolute;
  right:30px;
  bottom:30px;
  color:#ffffff;
  font-size:18px;
  font-weight:700;
  padding:10px 20px;
  display:inline-block;
  background-color:var(--main-color);
}

.blog-detail .inner-box .lower-content{
  position:relative;
  padding-top:25px;
}

.blog-detail .inner-box .lower-content h3{
  font-weight:700;
  margin-bottom:20px;
}

.blog-detail .inner-box .lower-content p{
  position:relative;
  font-size:16px;
}

.blog-detail .inner-box .lower-content .image-two{
  position:relative;
  margin-bottom:30px;
}

.blog-detail .inner-box .lower-content .image-two img{
  position:relative;
  width:100%;
  display:block;
}

.blog-detail .inner-box .lower-content .gallery-columns{
  position:relative;
  margin-top:30px;
}

.blog-detail .inner-box .lower-content blockquote{
  position: relative;
    font-size: 16px;
    line-height: 30px;
    font-weight: 500;
    font-style: normal;
    padding: 30px;
    padding-left: 63px;
    text-align: left;
    border: none;
    margin: 30px 0 30px;
    color: #222222;
    border-radius: 15px;
    margin-top: 40px;
    background-color: #f8f7f4;
}

.blog-detail .inner-box .lower-content blockquote .icon{
  position:absolute;
  left:40px;
  top:30px;
  opacity:0.20;
  color:#222222;
  font-size:80px;
  line-height:1em;
}

.blog-detail .inner-box .lower-content .designation{
  position:relative;
  text-align:right;
  color:#000000;
  font-size:16px;
  font-weight:700;
  display:block;
  margin-top:10px;
}

/* post share options */

.blog-detail .post-share-options{
  position:relative;
  margin-top: 40px;
  padding:22px 0px 25px;
  border-top:1px solid #dddddd;
}

.blog-detail .post-share-options .post-title{
  position:relative;
  color:#222222;
  font-size:16px;
  font-weight:500;
  float:left;
  margin-right:10px;
}

.blog-detail .post-share-options .tags{
  position:relative;
  float:left;
}

.blog-detail .post-share-options .tags li{
  position:relative;
  margin-right:4px;
  display:inline-block;
}

.blog-detail .post-share-options .tags li a{
  position:relative;
  color:#888888;
  font-size:16px;
  transition:all 0.3s ease;
  -moz-transition:all 0.3s ease;
  -webkit-transition:all 0.3s ease;
  -ms-transition:all 0.3s ease;
  -o-transition:all 0.3s ease;
}

.blog-detail .post-share-options .tags li a:hover{
  color:var(--main-color);
}

.blog-detail .social-box{
  position:relative;
}

.blog-detail .post-share-options .social-box li{
  position:relative;
  margin-left:5px;
  display:inline-block;
}

.blog-detail .post-share-options .social-box li a{
  position:relative;
  width:40px;
  height:40px;
  display:block;
  color:#ffffff;
  line-height:40px;
  text-align:center;
  border-radius:50px;
  background-color:#fe4c1c;
}

.blog-detail .post-share-options .social-box li.facebook a{
  background-color:#4661c5;
}

.blog-detail .post-share-options .social-box li.twitter a{
  background-color:#44b1e4;
}

.blog-detail .post-share-options .social-box li.linkedin a{
  background-color:#ff2e2e;
}

.blog-detail .post-share-options .social-box li.pinterest a{
  background-color:#0073b0;
}




/*** 

====================================================================
  Comments Area
====================================================================

 ***/

.sidebar-page-container .comments-area{
  position:relative;
  margin-top:30px;
  margin-bottom:50px;
  padding:50px 50px 50px;
  background-color:#f5f5f5;
}

.sidebar-page-container .group-title{
  position:relative;
}

.sidebar-page-container .group-title h4{
  font-weight:700;
  color:#222222;
  margin-bottom:30px;
}

.sidebar-page-container .comments-area .comment-box.reply-comment{
  margin-left:70px;
}

.sidebar-page-container .comments-area .comment-box{
  position:relative;
  padding:0px 0px 0px;
  margin-bottom:30px;
  border-bottom:1px solid #eff2f7;
  -webkit-transition:all 300ms ease;
  -ms-transition:all 300ms ease;
  -o-transition:all 300ms ease;
  -moz-transition:all 300ms ease;
  transition:all 300ms ease;
}

.sidebar-page-container .comments-area .comment{
  position:relative;
  font-size:14px;
  min-height:110px;
  padding:5px 0px 0px 130px;
}

.sidebar-page-container .comments-area .reply-comment{
  margin-left:60px; 
}

.sidebar-page-container .comments-area .comment-box .author-thumb{
  position:absolute;
  left:0px;
  top:0px;
  width:99px;
  margin-bottom:20px;
  overflow:hidden;
}

.sidebar-page-container .comments-area .comment-box .author-thumb img{
  width:100%;
  display:block;
}

.sidebar-page-container .comments-area .comment-info{
  margin-bottom:10px;
}

.sidebar-page-container .comments-area .comment-box strong{
  font-size:24px;
  font-weight:700;
  color:#222222;
  display:inline-block;
  line-height:1.3em;
  text-transform:capitalize;
}

.sidebar-page-container .comments-area .comment-box .text{
  color:#222222;
  font-size:16px;
  line-height:1.8em;
  margin-bottom:0px;
  padding-top:0px;
}

.sidebar-page-container .comments-area .comment-info .comment-time{
  font-size:16px;
  color:#555555;
  margin-left:0px;
  display:inline-block;
  font-weight:400;
  margin-top:6px;
  margin-left:20px;
}

.sidebar-page-container .comments-area .comment-box .theme-btn{
  position:absolute;
  right:0px;
  top:0px;
  font-size:16px;
  color:#a78f64;
  font-weight:700;
  text-transform:capitalize;
}

.sidebar-page-container .comments-area .comment-box .theme-btn:hover{
  color:#222222;
}

/*** 

====================================================================
  Comment Form
====================================================================

***/

.comment-form .group-title h4{
  
}

.comment-form .form-group{
  margin-bottom:25px;
}

.comment-form .form-group:last-child{
  margin-bottom:0px;
}

.comment-form .form-group input[type="text"],
.comment-form .form-group input[type="password"],
.comment-form .form-group input[type="tel"],
.comment-form .form-group input[type="email"],
.comment-form .form-group select{
  position:relative;
  display:block;
  width:100%;
  line-height:28px;
  padding:10px 25px;
  color:#888888;
  height:55px;
  font-size:16px;
  border-radius:0px;
  background:#ffffff;
  border:1px solid #dddddd;
  -webkit-transition:all 300ms ease;
  -ms-transition:all 300ms ease;
  -o-transition:all 300ms ease;
  -moz-transition:all 300ms ease;
  transition:all 300ms ease;
}

.comment-form .form-group input[type="text"]:focus,
.comment-form .form-group input[type="password"]:focus,
.comment-form .form-group input[type="tel"]:focus,
.comment-form .form-group input[type="email"]:focus,
.comment-form .form-group select:focus,
.comment-form .form-group textarea:focus{
  border-color:#111111;
}

.comment-form .form-group textarea{
  position:relative;
  display:block;
  width:100%;
  line-height:24px;
  padding:15px 25px 25px;
  color:#888888;
  border:1px solid #dddddd;
  height:180px;
  background:#ffffff;
  resize:none;
  font-size:16px;
  border-radius: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;
}

.comment-form .theme-btn{
  cursor:pointer;
}

/***

==================================================================
  Contact Map Section
==================================================================

***/

.contact-map-section{
  position: relative;
  padding-top:0px;
}

.contact-map-section iframe{
  position: relative;
  left: 0;
  top: 0;
  width: 100%;
  height: 700px;
}

/***

==================================================================
  Contact Info Section
==================================================================

***/

.contact-info-section{
  position:relative;
  z-index:1;
}

.contact-info-section .inner-container{
  position:relative;
  margin-top:-140px;
}

.contact-info-section .info-box{
  position:relative;
  margin-bottom:30px;
}

.contact-info-section .info-box .box-inner{
  position:relative;
  padding:50px 15px;
  text-align:center;
  background-color:#ffffff;
  box-shadow:0px 0px 15px rgba(0,0,0,0.10);
}

.contact-info-section .info-box .icon{
  position:relative;
  color:var(--main-color);
  font-size:60px;
  line-height:1em;
  margin-bottom:20px;
}

.contact-info-section .info-box .text{
  position:relative;
  color:#687469;
  margin-bottom:8px;
}

.contact-info-section .info-box .text a{
  position:relative;
  color:#687469;
}

.contact-info-section .info-box h4{
  font-weight:700;
  color:#222222;
}

.contact-info-section .info-box h4 a{
  color:#222222;
}

/***

==================================================================
  Contact Form Section
==================================================================

***/

.contact-form-section{
  position:relative;
  margin-top:-145px;
  margin-bottom:-105px;
  padding:240px 0px 220px;
  background-color:#f5f5f5;
}

.contact-form-section .inner-container{
  position:relative;
}

/*** 

====================================================================
  Contact Form
====================================================================

***/

.contact-form .form-group{
  margin-bottom:25px;
}

.contact-form .form-group:last-child{
  margin-bottom:0px;
}

.contact-form .form-group input[type="text"],
.contact-form .form-group input[type="password"],
.contact-form .form-group input[type="tel"],
.contact-form .form-group input[type="email"],
.contact-form .form-group select{
  position:relative;
  display:block;
  width:100%;
  line-height:28px;
  padding:10px 25px;
  color:#888888;
  height:55px;
  font-size:16px;
  border-radius:0px;
  background:#ffffff;
  border:1px solid #dddddd;
  -webkit-transition:all 300ms ease;
  -ms-transition:all 300ms ease;
  -o-transition:all 300ms ease;
  -moz-transition:all 300ms ease;
  transition:all 300ms ease;
}

.contact-form .form-group input[type="text"]:focus,
.contact-form .form-group input[type="password"]:focus,
.contact-form .form-group input[type="tel"]:focus,
.contact-form .form-group input[type="email"]:focus,
.contact-form .form-group select:focus,
.contact-form .form-group textarea:focus{
  border-color:#111111;
}

.contact-form .form-group textarea{
  position:relative;
  display:block;
  width:100%;
  line-height:24px;
  padding:15px 25px 25px;
  color:#888888;
  border:1px solid #dddddd;
  height:180px;
  background:#ffffff;
  resize:none;
  font-size:16px;
  border-radius: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;
}

.contact-form .theme-btn{
  cursor:pointer;
}

.contact-form input.error,
.contact-form select.error,
.contact-form textarea.error{
  border-color:#ff0000 !important;  
}

.contact-form label.error{
  display:block;
  line-height:24px;
  padding:5px 0px 0px;
  margin:0px;
  text-transform:uppercase;
  font-size:12px;
  color:#ff0000;
  font-weight:500;  
}

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

.single-product-item {
    position: relative;
    display: block;
    transition: all 500ms ease;
    margin-bottom: 50px;
}
.single-product-item .img-holder{
    position: relative;
    display: block;
    overflow: hidden;
  border-radius:0px;
  border:4px solid var(--main-color);
}
.single-product-item .img-holder::before {
    background: rgba(255, 255, 255, 0.20);    
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    content: "";
    opacity: 0;
    position: absolute;
    z-index: 1;
    transition: all 0.4s ease-in-out 0s;
}
.single-product-item:hover .img-holder::before{
    opacity: 1;
}
.single-product-item .img-holder img{
    transform: scale(1);
    transition: all 0.7s ease 0s;
    width: 100%;   
}
.single-product-item:hover .img-holder img{
    transform: scale(1.1);   
}

.single-product-item .title-holder {
    position: relative;
    display: block;
    background: #ffffff;
    padding: 22px 0 18px;
    -webkit-box-shadow: 0 2px 27px rgba(54,54,54,.13);
    box-shadow: 0 2px 27px rgba(54,54,54,.13);
    margin-left: 20px;
    margin-right: 20px;
    margin-top: -30px;
    z-index: 9;
}
.single-product-item .title-holder .static-content{
    position: relative;
    display: block;    
}
.single-product-item .title-holder .title {
    position: relative;
    display: block;
    font-size: 20px;
    line-height: 22px;
    font-weight: 600;
    padding: 0 0 3px;
}
.single-product-item .title-holder .title a{
    color: #1b1b1b;
    transition: all 500ms ease;
}
.single-product-item .title-holder .static-content span {
    display: inline-block;
    padding-right: 0px;
    color: #666666;
  font-size: 18px;
  margin-top:2px;
}
.single-product-item .title-holder .static-content del {
    position: relative;
    display: inline-block;
    color: #c2c2c2;
    font-size: 18px;
    font-weight: 700;
}

.single-product-item .title-holder .overlay-content{
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: #ffffff;
    text-align: center;
    transform: scaleX(0);
    -webkit-transform: scaleX(0);
    transition: all 700ms ease 300ms;
}
.single-product-item:hover .title-holder .overlay-content {
    transform: scaleY(1);
    -webkit-transform: scaleY(1);
    transition: all 700ms ease 100ms;
}
.single-product-item .title-holder .overlay-content ul {
    position: relative;
    display: block;
    padding: 23px 0 23px;
    width: 153px;
    margin: 0 auto;
    transform: scale(0);
    transition: all 700ms ease 100ms;
}
.single-product-item:hover .title-holder .overlay-content ul{
    transform: scale(1);
    transition: all 700ms ease 600ms;    
}
.single-product-item .title-holder .overlay-content ul li{
    position: relative;
    display: inline-block;
    float: left;
    width: 51px;
    text-align: center;
    border-right: 1px solid #ededed;
}
.single-product-item .title-holder .overlay-content ul li:last-child{
    border: none;
}
.single-product-item .title-holder .overlay-content ul li a{
    position: relative;
    display: block;
}
.single-product-item .title-holder .overlay-content ul li a span{
    position: relative;
    display: block;
}
.single-product-item .title-holder .overlay-content ul li a span:before {
    position: relative;
    display: block;
    width: 100%;
    height: 45px;
    color: #666666;
    font-size: 18px;
    line-height: 45px;
    margin: 0;
    transition: all 500ms ease;
}
.single-product-item .title-holder .overlay-content ul li a:hover span:before{
    color: #ffffff;
    background: #666666;
}

.single-product-item .title-holder .overlay-content ul li a .toltip-content {
    position: absolute;
    left: -50%;
    right: 0;
    top: -25px;
    margin-left: -15px;
    opacity: 0;
    visibility: hidden;
    padding: 0;
    text-align: center;
    background-color: #0a0a0a;
    transition: all 300ms ease 100ms;
    z-index: 999;
    min-width: 130px;
}
.single-product-item .title-holder .overlay-content ul li a .toltip-content:before {
    font-family: FontAwesome;
    position: absolute;
    left: 0;
    bottom: -8px;
    right: 0;
    content: "\f0d7";
    color: #0a0a0a;
    font-size: 25px;
    text-align: center;
    line-height: 10px;
}
.single-product-item .title-holder .overlay-content ul li a .toltip-content p{
    color: #ffffff;
    font-size: 14px;
    line-height: 30px;
    margin: 0;
}
.single-product-item .title-holder .overlay-content ul li a:hover .toltip-content{
    top: -40px; 
    visibility: visible;
    opacity: 1;
}

.shop-single-section{
  position:relative;
  padding-top: 100px;
  padding-bottom:90px;
}

/*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:var(--main-color);
}

.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:15px;
  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 .btns-box .theme-btn{
  padding:13px 44px;
}

.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:var(--main-color);
  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;
  cursor:pointer;
  margin-bottom:12px;
  display:inline-block;
  padding:12px 40px 12px;
  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:18px;
  line-height:1.7em;
  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:var(--main-color);
  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:16px;
  color:#111111;
  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:var(--main-color);
}

.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{
  
}

/*** 

====================================================================
  Cart Section style
====================================================================

***/

.cart-section{
  position:relative;
  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:var(--main-color);
  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:var(--main-color);
  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{
  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 var(--main-color);
  height:54px;
  width:230px;
  background:none;
  font-size:18px;
}

.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:18px;
  font-weight:400;
  padding:17px 43px 17px;
  cursor: pointer;
  background-color:var(--main-color);
}

/*Check Out Page*/

.checkout-page{
  position:relative;
  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:var(--main-color);
  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:var(--main-color); 
}

/* 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;
  padding:110px 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:15px;
}

.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;
}

.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; 
}

.styled-form .form-group .theme-btn{
  padding:15px 34px;
}

/* Error Section */

.error-section{
  position:relative;
  padding:100px 0px 100px;
}

.error-section .content{
  position:relative;
  text-align:center;
}

.error-section h1{
  position:relative;
  color:#222222;
  font-size:180px;
  font-weight:800;
  line-height:1em;
  margin-bottom:10px;
}

.error-section h2{
  position:relative;
  color:#222222;
  font-weight:800;
  line-height:1.2em;
  margin-bottom:10px;
}

.error-section .text{
  position:relative;
  color:#222222;
  font-size:20px;
  margin-top:20px;
  margin-bottom:30px;
}

/* RTL Code */

.rtl .wp-block-themepunch-revslider, .rtl .sponsors-carousel, .rtl .gallery-carousel, .rtl .team-carousel, .rtl .testimonial-carousel, .three-item-carousel {
    direction: ltr;
}

.rtl .main-header .header-upper .logo-box{
  float:right;
  margin-left:20px;
}

.rtl .main-header .header-upper .nav-btn{
  left:0px;
  right:auto;
  margin-left:0px;
  margin-right:15px;
}

.rtl .main-header .header-upper .logo-box:before{
  left:0px;
  right:auto;
  width:100%;
}

.rtl .main-header .info-box{
  padding-left:0px;
  padding-right:65px;
  text-align:right;
}

.rtl .main-header .info-box .icon-box{
  right:0px;
  left:auto;
}

.rtl .main-header .header-upper .upper-right{
  float:right;
}

.rtl .main-menu .navigation > li > ul > li.dropdown > a:after{
  transform:rotate(180deg);
}

/* RTL Code */

.rtl .main-menu,
.rtl .main-menu .navigation > li{
  float:right;
}

.rtl .news-section-two, .rtl .services-section {
    direction: ltr !important;
}

.rtl .main-header .options-box{
  float:left;
}

.rtl .main-menu .navigation > li:last-child{
  margin-left:25px;
}

.rtl .main-menu .navigation > li > ul{
  top:100%;
  left:auto;
  right:30px;
  text-align:right;
}

.rtl .main-menu .navigation > li.dropdown:hover > ul{
  left:auto;
  right:0px;
}

.rtl .main-menu .navigation > li > ul > li:hover > a{
  padding-left:18px;
  padding-right:30px;
}

.rtl .main-menu .navigation > li > ul > li > a:before{
  right:10px;
  left:auto;
}

.rtl .main-menu .navigation > li > ul > li.dropdown > a:after{
  right:auto;
  left:15px;
}

.rtl .main-menu .navigation > li > ul > li > ul{
  left:auto;
  right:120%;
}

.rtl .main-menu .navigation li > ul > li.dropdown:hover > ul{
  left:auto;
  right:100%;
}

.rtl .feature-block .inner-box .content{
  padding-left:0px;
  padding-right:70px;
  text-align:right;
}

.rtl .feature-block .inner-box .content .icon-box{
  right:0px;
  left:auto;
}

.rtl .about-section .content-column .inner-column{
  text-align:right;
}

.rtl .sec-title .title{
  padding-right:0px;
}

.rtl .sec-title .title:before,
.rtl .sec-title .title:after{
  display:none;
}

.rtl .list-style-one li{
  padding-left:0px;
  padding-right:30px;
}

.rtl .list-style-one li:before{
  right:0px;
  left:auto;
}

.rtl .about-author-box .box-inner .lower-box-inner{
  padding-left:0px;
  text-align:right;
  padding-right:110px;
}

.rtl .about-author-box .box-inner .lower-box-inner .author-image{
  right:0px;
  left:auto;
}

.rtl .sec-title{
  text-align:right;
}

.rtl .services-section .owl-nav{
  left:0px;
  right:auto;
}

.rtl .service-block .inner-box .lower-content{
  text-align:right;
}

.rtl .service-block .inner-box .side-icon{
  left:40px;
  right:auto;
}

.rtl .case-form .form-group label,
.rtl .ui-selectmenu-button.ui-button,
.rtl .case-form .form-group input[type="text"],
.rtl .case-form .form-group input[type="email"],
.rtl .case-form .form-group input[type="tel"],
.rtl .case-form .form-group input[type="url"],
.rtl .case-form .form-group textarea,
.rtl .case-form .form-group select{
  text-align:right;
}

.rtl .case-form .form-group .icon{
  left:20px;
  right:auto;
}

.rtl .fact-counter .column .inner .content{
  text-align:right;
  padding-left:0px;
  padding-right:65px;
}

.rtl .fact-counter .column .inner .icon{
  left:auto;
  right:0px;
}

.rtl .fact-counter .column:nth-child(2n + 0){
  margin-left:0px;
  margin-right:200px;
}

.rtl .cta-section-two h4,
.rtl .main-footer .footer-widget,
.rtl .news-block .inner-box .lower-content,
.rtl .team-block .inner-box .overlay-content,
.rtl .about-section-two .upper-box .text-column,
.rtl .case-block .inner-box .lower-content,
.rtl .fact-counter-two .column .inner .content,
.rtl .history-tabs .content-column .inner-column,
.rtl .gallery-block-two .inner-box .image .overlay-box .content,
.rtl .about-section-two .lower-box .content-column .inner-column,
.rtl .steps-section .step-tabs .tabs-content .content-column .inner-column,
.rtl .cta-section .content-column{
  text-align:right;
}

.rtl .steps-section .step-tabs .btns-outer,
.rtl .gallery-section-two .owl-nav,
.rtl .case-section .owl-dots{
  text-align:left;
}

.rtl .team-block .inner-box .overlay-content .share-box{
  left:30px;
  right:auto;
}

.rtl .testimonial-section .owl-nav{
  left:25px;
  right:auto;
}

.rtl .testimonial-block .inner-box:before{
  left:0px;
  right:100px;
}

.rtl .testimonial-block .inner-box .content{
  padding-left:0px;
  text-align:right;
  padding-right:150px;
}

.rtl .testimonial-block .inner-box .author-image{
  right:0px;
  left:auto;
}

.rtl .testimonial-block .inner-box .icon{
  left:40px;
  right:auto;
}

.rtl .news-block .inner-box .lower-content .upper-box .box-inner{
  padding-left:0px;
  padding-right:110px;
  text-align:right;
}

.rtl .news-block .inner-box .lower-content .upper-box .box-inner .author-image{
  right:0px;
  left:auto;
}

.rtl .news-block .inner-box .lower-content .post-meta li{
  padding-left:0px;
  padding-right:28px;
  text-align:right;
}

.rtl .news-block .inner-box .lower-content .post-meta li .icon{
  right:0px;
  left:auto;
}

.rtl .main-footer .news-widget .post{
  padding-left:0px;
  padding-right:110px;
}

.rtl .main-footer .news-widget .post .thumb{
  right:0px;
  left:auto;
}

.rtl .main-footer .contact-list li{
  padding-left:0px;
  padding-right:80px;
}

.rtl .main-footer .contact-list li .icon{
  right:0px;
  left:auto;
}

.rtl .main-slider-two .owl-nav{
  left:40px;
  right:auto;
}

.rtl .main-slider-two .content-boxed{
  text-align:right;
}

.rtl .main-slider-two .text{
  max-width:100%;
}

.rtl .feature-block-two .inner-box{
  padding-left:0px;
  text-align:right;
  padding-right:130px;
}

.rtl .feature-block-two .inner-box .icon-box{
  right:0px;
  left:auto;
}

.rtl .about-section-two .lower-box .image-column .growth-box .box-inner{
  padding-left:0px;
  padding-right:80px;
  text-align:right;
}

.rtl .about-section-two .lower-box .image-column .growth-box .graph-outer{
  right:0px;
  left:auto;
}

.rtl .header-style-two .header-upper .options-box .phone-box .box-inner{
  padding-left:0px;
  padding-right:60px;
  text-align:right;
}

.rtl .header-style-two .header-upper .options-box .phone-box .box-inner .icon-box{
  right:0px;
  left:auto;
}

.rtl .fact-counter-two .column .inner .line-one{
  right:auto;
  left:20px;
}

.rtl .fact-counter-two .column .inner .line-two{
  right:auto;
  left:35px;
}

.rtl .gallery-block-two .inner-box .overlay-box .border-layer{
  left:0px;
  right:auto;
  border-left:0px;
  border-right:4px solid var(--main-color);
}

.rtl .gallery-block-two .inner-box .search-icon{
  right:auto;
  left:30px;
}

.rtl .client-block .inner-box{
  padding-left:0px;
  text-align:right;
  padding-right:130px;
}

.rtl .client-block .inner-box .icon{
  right:0px;
  left:auto;
}

.rtl .fluid-section-one .content-column .inner-column{
  text-align:right;
  padding-right:40px;
}

.rtl .case-block-two .inner-box .lower-content,
.rtl .about-section-three .image-column .experiance-box .box-inner,
.rtl .about-section-three .content-column .inner-column,
.rtl .about-section-three .content-column .text,
.rtl .news-block-two .inner-box .lower-content,
.rtl .accordion-box .block{
  text-align:right;
}

.rtl .accordion-box .block .acc-btn{
  padding-right:0px;
  padding-left:40px;
}

.rtl .accordion-box .block .icon-outer{
  left:-10px;
  right:auto;
}

.rtl .news-section-two .owl-nav{
  left:-15px;
  right:auto;
}

.rtl .news-block-two .inner-box .lower-content .post-meta li{
  padding-left:0px;
  padding-right:28px;
  text-align:right;
}

.rtl .news-block-two .inner-box .lower-content .post-meta li .icon{
  right:0px;
  left:auto;
}

.rtl .main-header.header-style-three .header-upper .options-box{
  padding-left:0px;
  position:absolute;
  left:15px;
}

.rtl .main-header.header-style-three .header-upper .auto-container{
  position:relative;
}

.rtl .main-header.header-style-three .header-upper .nav-outer{
  position:static;
}

.rtl .service-block-three .inner-box .icon-box{
  left:40px;
  right:auto;
}

.rtl .case-section-two .image-layer{
  width:100%;
}

.rtl .news-section-three .owl-nav,
.rtl .case-section-two .owl-nav{
  left:0px;
  right:auto;
}

.rtl .sidebar-widget,
.rtl .sidebar-title,
.rtl .cart-total-box,
.rtl .shop-form .form-group .field-label,
.rtl .team-detail-section .lower-box,
.rtl .faq-form .form-group input[type="text"],
.rtl .faq-form .form-group input[type="password"],
.rtl .faq-form .form-group input[type="tel"],
.rtl .faq-form .form-group input[type="email"],
.rtl .faq-form .form-group select,
.rtl .faq-form .form-group textarea,
.rtl .sidebar-info-contents .content-inner,
.rtl .news-block-three .inner-box .lower-content,
.rtl .team-block-three .inner-box .lower-content,
.rtl .testimonial-block-two .inner-box .text,
.rtl .service-detail .inner-box .lower-content,
.rtl .case-block-three .inner-box .lower-content,
.rtl .case-detail-section-three .middle-content,
.rtl .coming-soon .emailed-form .form-group input[type="text"],
.rtl .coming-soon .emailed-form .form-group input[type="tel"],
.rtl .coming-soon .emailed-form .form-group input[type="email"],
.rtl .shop-page .prod-tabs .tabs-content .tab,
.rtl .coming-soon .emailed-form .form-group textarea,
.rtl .shop-page .prod-tabs .add-review .form-group input[type="text"],
.rtl .shop-page .prod-tabs .add-review .form-group input[type="password"],
.rtl .shop-page .prod-tabs .add-review .form-group input[type="tel"],
.rtl .shop-page .prod-tabs .add-review .form-group input[type="email"],
.rtl .shop-page .prod-tabs .add-review .form-group textarea,
.rtl .cart-section .apply-coupon .form-group input[type="text"],
.rtl .shop-form input[type="text"],
.rtl .shop-form input[type="email"],
.rtl .shop-form input[type="password"],
.rtl .shop-form input[type="tel"],
.rtl .shop-form input[type="number"],
.rtl .shop-form input[type="url"],
.rtl .shop-form select,
.rtl .shop-form textarea,
.rtl .shop-order-box .order-list li,
.rtl .shop-order-box .order-list li span,
.rtl .checkout-page .default-links li,
.rtl .checkout-page .payment-options li .radio-option label .small-text,
.rtl .styled-form input[type="text"],
.rtl .styled-form input[type="email"],
.rtl .styled-form input[type="password"],
.rtl .styled-form input[type="tel"],
.rtl .styled-form input[type="number"],
.rtl .styled-form input[type="url"],
.rtl .styled-form select,
.rtl .styled-form textarea,
.rtl .comment-form .form-group textarea,
.rtl .sidebar-page-container .group-title,
.rtl .blog-detail .inner-box .lower-content,
.rtl .news-block-four .inner-box .lower-content,
.rtl .comment-form .form-group input[type="text"],
.rtl .comment-form .form-group input[type="password"],
.rtl .comment-form .form-group input[type="tel"],
.rtl .comment-form .form-group input[type="email"],
.rtl .comment-form .form-group select,
.rtl .contact-form .form-group input[type="text"],
.rtl .contact-form .form-group input[type="password"],
.rtl .contact-form .form-group input[type="tel"],
.rtl .contact-form .form-group input[type="email"],
.rtl .contact-form .form-group select,
.rtl .contact-form .form-group textarea{
  text-align:right;
}

.rtl .sidebar .search-box .form-group input[type="text"],
.rtl .sidebar .search-box .form-group input[type="search"]{
  text-align:right;
  padding-right:20px;
}

.rtl .sidebar .search-box .form-group button{
  left:0px;
  right:auto;
}

.rtl .testimonial-block-two .inner-box .lower-box .box-inner{
  padding-left:0px;
  text-align:right;
  padding-right:110px;
}

.rtl .testimonial-block-two .inner-box .lower-box .box-inner .author-image{
  right:0px;
  left:auto;
}

.rtl .testimonial-block-two .inner-box .side-icon{
  left:40px;
  right:auto;
}

.rtl .news-block-three .inner-box .lower-content .post-meta li{
  padding-left:0px;
  padding-right:28px;
  text-align:right;
}

.rtl .news-block-three .inner-box .lower-content .post-meta li .icon{
  right:0px;
  left:auto;
}

.rtl .cta-section-four .title-column .inner-column{
  text-align:right;
  padding-left:0px;
  padding-right:90px;
}

.rtl .cta-section-four .title-column .inner-column .icon{
  right:0px;
  left:auto;
}

.rtl .main-footer .service-widget .list-link li a{
  padding-left:0px;
  text-align:right;
  padding-right:28px;
}

.rtl .main-footer .service-widget .list-link li a:before{
  right:0px;
  left:auto;
}

.rtl .list-style-four li,
.rtl .list-style-three li strong,
.rtl .list-style-two li{
  padding-left:0px !important;
  padding-right:30px;
}

.rtl .list-style-four li:before,
.rtl .list-style-three li strong:before,
.rtl .list-style-two li .icon{
  right:0px;
  left:auto;
}
.rtl .sidebar-info-contents .content-inner .contact-info .list-style-two li{
    padding-right:50px;
}

.rtl .team-detail-section .image-column{
  order:2;
}

.rtl .team-detail-section .content-column{
  order:1;
  text-align:right;
}

.rtl .coming-soon .emailed-form .form-group input[type="submit"],
.rtl .coming-soon .emailed-form button{
  left:0px;
  right:auto;
}

.rtl .blog-cat li a{
  text-align:right;
  padding-left:0px;
  padding-right:25px;
}

.rtl .blog-cat li a:before{
  right:0px;
  left:auto;
  transform:rotate(180deg);
}

.rtl .blog-cat li a span{
  left:0px;
  right:auto;
}

.rtl .attorney-widget .post{
  padding-left:0px;
  text-align:right;
  padding-right:100px;
}

.rtl .attorney-widget .post .thumb{
  right:0px;
  left:auto;
}

.rtl .sidebar-page-container .sidebar-side .contact-widget .contact-list li{
  padding-left:0px;
  padding-right:80px;
  text-align:right;
}

.rtl .sidebar-page-container .sidebar-side .contact-widget .contact-list li .icon{
  right:0px;
  left:auto;
}

.rtl .service-detail .inner-box .title-box h3{
  padding-left:0px;
  padding-right:50px;
  text-align:right;
}

.rtl .service-detail .inner-box .title-box h3 .icon{
  right:0px;
  left:auto;
}

.rtl .case-detail-section-one .content-column{
  order:2;
  text-align:right;
}

.rtl .case-detail-section-one .image-column{
  order:1;
}

.rtl .case-detail-section-two .image-column{
  order:2;
}

.rtl .case-detail-section-two .content-column{
  order:1;
  text-align:right;
}

.rtl .case-detail-section-two .content-column .inner-column{
  padding-left:0px;
  padding-right:30px;
}

.rtl .case-detail-section-two .content-column .list li{
  padding-left:0px;
  padding-right:30px;
}

.rtl .case-detail-section-two .content-column .list li:before{
  right:0px;
  left:auto;
  transform:rotate(180deg);
}

.rtl .case-detail-section-two .inner-container:before{
  left:auto;
  right:270px;
}

.rtl .case-process-section .content-column{
  order:2;
  text-align:right;
}

.rtl .case-process-section .image-column{
  order:1;
}

.rtl .case-detail-section-three .middle-content .info-column .list li{
  padding-left:0px;
  text-align:right;
}

.rtl .case-detail-section-three .middle-content .info-column .list li span{
  right:0px;
  left:auto;
}

.rtl .case-detail-section-three .middle-content .info-column{
  margin-bottom:40px;
}

.rtl .post-widget .post{
  padding-left:0px;
  text-align:right;
  padding-right:110px;
}

.rtl .post-widget .post .thumb{
  right:0px;
  left:auto;
}

.rtl .post-widget .post .post-date{
  padding-left:0px;
  padding-right:25px;
}

.rtl .post-widget .post .post-date:before{
  right:0px;
  left:auto;
}

.rtl .product-details .image-column{
  order:2;
}

.rtl .product-details .info-column{
  order:1;
  text-align:right;
}

.rtl .product-details .basic-details .btns-box .theme-btn{
  float:right;
}

.rtl .product-details .info-column .other-options .pull-left{
  float:right;
}

.rtl .product-details .basic-details .item-quantity{
  margin-right:0px;
  margin-left:15px;
}

.rtl .shop-page .prod-tabs .reviews-container .review-box{
  padding-left:0px;
  text-align:right;
  padding-right:120px;
}

.rtl .shop-page .prod-tabs .reviews-container .review-box .rev-thumb{
  right:0px;
  left:auto;
}

.rtl .styled-form .form-group .adon-icon{
  left:10px;
  right:auto;
}

.rtl .blog-detail .inner-box .author-box .box-inner,
.rtl .news-block-four .inner-box .lower-content .upper-box .box-inner{
  padding-left:0px;
  text-align:right;
  padding-right:110px;
}

.rtl .blog-detail .inner-box .author-box .box-inner .author-image,
.rtl .news-block-four .inner-box .lower-content .upper-box .box-inner .author-image{
  right:0px;
  left:auto;
}

.rtl .blog-detail .inner-box .author-box .box-inner .post-meta li,
.rtl .news-block-four .inner-box .lower-content .post-meta li{
  padding-left:0px;
  padding-right:28px;
  text-align:right;
}

.rtl .blog-detail .inner-box .author-box .box-inner .post-meta li .icon,
.rtl .news-block-four .inner-box .lower-content .post-meta li .icon{
  right:0px;
  left:auto;
}

.rtl .sidebar-page-container .comments-area .comment{
  padding-left:0px;
  padding-right:130px;
  text-align:right;
}

.rtl .sidebar-page-container .comments-area .comment-box .author-thumb{
  right:0px;
  left:auto;
}

.rtl .sidebar-page-container .comments-area .comment-box.reply-comment{
  margin-left:0px;
  margin-right:70px;
}

.rtl .sidebar-page-container .comments-area .comment-box .theme-btn{
  left:0px;
  right:auto;
}

.rtl .mobile-menu .navigation li > a{
  text-align:right;
}

.rtl .mobile-menu .navigation li.dropdown .dropdown-btn{
  left:0px;
  right:auto;
}

.rtl .about-section .image-column .inner-column {
    padding-left: 100px;
    padding-right: 0px;
}

.rtl .about-section .law-image {
    position: absolute;
    right: 0px;
    bottom: 30px;
    left: auto;
}

.rtl .fact-counter .column:nth-child(2n) {
    margin-right: 0px;
}

.rtl .news-block-one .inner-box .content-box{
  left: 0px;
  right: auto;
  border-radius: 0px 0px 0px 15px;
}

.rtl .news-block-one .inner-box .content-box .text{
  padding: 20px 30px 17px 20px;
  border-top-right-radius: 15px;
  border-top-left-radius: 0px;
}

.rtl .news-block-one .inner-box .content-box .text .post-date {
  left: 0px;
  right: auto;
  border-radius: 0px 20px 0px;
}

.rtl .news-block-one .inner-box .content-box .text p {
  right: 0px;
  left: auto;
  padding-left: 20px;
  padding-right:30px;
}

.rtl .news-block-one .inner-box .content-box .info .link-box a {
  padding-right: 15px;
  padding-left: 0px;
}

.rtl .news-block-one .inner-box .content-box .info .link-box a:before{
  left: auto;
  right: 0px;
}

.rtl .news-block-one .inner-box .content-box .info .link-box a:hover:before {
  right: -1px;
  left: auto;
}

.rtl .news-block-one .inner-box .content-box .info .link-box a:hover{
  padding-right: 38px;
  padding-left: 0px;
}

.rtl .news-block-one .inner-box .content-box .info .link-box a:after{
  left: auto;
  right: 0px;
}

.rtl .news-block-one .inner-box .content-box .info .comment-box a i{
  margin-left: 0px;
  margin-right: 8px;
}

.rtl .ft-service-text-area .ft-btn{
    float: right;    
}

.rtl .footer-widget ul li a{
    right: 30px;
}

.rtl .footer-widget ul li:before{
    right: 0px;
}

.sidebar-page-container .comments-area .comment-info .comment-time {
    margin-right: 20px;
    margin-left: 0px;
}


/* Box Version */

.box-layout{
  background:url(../images/background/1.jpg);
  background-attachment:fixed;
}

.box-layout:before{
  position:absolute;
  content:'';
  left:0px;
  top:0px;
  right:0px;
  bottom:0px;
  background-color:rgba(0,0,0,0.50);
}

.box-layout .page-wrapper{
  max-width:1300px;
  padding:15px;
  overflow:hidden;
  background-color:#ffffff;
  box-shadow:0px 0px 15px rgba(0,0,0,0.10);
}

.box-layout .main-header .info-box{
  margin-left:45px;
}

.box-layout .main-header .info-box:before{
  right:-25px;
}

.rtl .box-layout .header-style-two .main-menu .navigation > li{
  margin-left:28px;
}

.rtl .blog-detail .inner-box .author-box .box-inner .post-meta li {
  margin-left: 10px;
  margin-right: 0px;
}

.rtl .blog-detail .inner-box .author-box .box-inner .post-meta li .icon {
    margin-left: 6px;
    margin-right: 0px;
}