/*** 



====================================================================

  Reset

====================================================================



 ***/

* {

  margin:0px;

  padding:0px;

  border:none;

  outline:none;

}





/*** 



====================================================================

  Global Settings

====================================================================



 ***/





body {

  font-size:17px;

  color:#5a5a68;

  line-height:28px;

  font-weight:400;

  background:#ffffff;

  font-family: 'Muli', sans-serif;

  background-size:cover;

  background-repeat:no-repeat;

  background-position:center top;

  -webkit-font-smoothing: antialiased;

}



  @media (min-width:1200px) {

  .container {

    max-width: 1170px;

    padding: 0px 15px;

  }

}



.large-container{

  max-width: 1700px;

  padding: 0px 15px;

  margin: 0 auto;

}



.container-fluid{

  padding: 0px;

}



.auto-container{

  position:static;

  max-width:1200px;

  padding:0px 15px;

  margin:0 auto;

}



.small-container{

  max-width:680px;

  margin:0 auto;

}



.boxed_wrapper{

  position: relative;

  margin: 0 auto;

  width: 100%;

  min-width: 300px;

}





a{

  text-decoration:none;

  transition:all 500ms ease;

  -moz-transition:all 500ms ease;

  -webkit-transition:all 500ms ease;

  -ms-transition:all 500ms ease;

  -o-transition:all 500ms ease;

}



a:hover{

  text-decoration:none;

  outline:none;

}



input,button,select,textarea{

  font-family: 'Muli', sans-serif;

  font-weight: 400;

  font-size: 16px;

}



ul,li{

  list-style:none;

  padding:0px;

  margin:0px; 

}



input{

  transition: all 500ms ease;

}



button:focus,

input:focus,

textarea:focus{

  outline: none;

  box-shadow: none;

  transition: all 500ms ease;

}



p{

  position: relative;

  font-size: 17px;

  line-height: 28px;

  font-family: 'Muli', sans-serif;

  color: #5a5a68;

  margin: 0px;

  transition: all 500ms ease;

}



h1,h2,h3,h4,h5,h6{

  position:relative;

  font-family: 'Roboto', sans-serif;

  font-weight: 400;

  color: #1e1e2a;

  margin: 0px;

  transition: all 500ms ease;

}



/* Preloader */



.preloader {

  position: fixed;

  left: 0px;

  top: 0px;

  width: 100%;

  height: 100%;

  z-index: 999;

  background-position: center center;

  background-repeat: no-repeat;

  background-image: url(../images/icons/preloader.png);

}



.preloader-close{

  position: fixed;

  z-index: 999999;

  color: #fff;

  padding: 10px 20px;

  cursor: pointer;

  right: 0;

  bottom: 0;

  font-weight: 600;

}



.preloader.style-two .preloader-close{



}



.loader-wrap {

  position: fixed;

  left: 0px;

  top: 0px;

  width: 100%;

  height: 100%;

  z-index: 999999;

}



.loader-wrap .layer-one {

  position: absolute;

  left: 0%;

  top: 0;

  width: 33.3333%;

  height: 100%;

  overflow: hidden;

}



.loader-wrap .layer-two {

  position: absolute;

  left: 33.3333%;

  top: 0;

  width: 33.3333%;

  height: 100%;

  overflow: hidden;

}



.loader-wrap .layer-three {

  position: absolute;

  left: 66.6666%;

  top: 0;

  width: 33.3333%;

  height: 100%;

  overflow: hidden;

}



.loader-wrap .layer .overlay {

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  background: #222;

}





.centred{

  text-align: center;

}



.pull-left{

  float: left;

}



.pull-right{

  float: right;

}





figure{

  margin: 0px;

}



img {

  display: inline-block;

  max-width: 100%;

  height: auto;

  transition-delay: .1s;

  transition-timing-function: ease-in-out;

  transition-duration: .7s;

  transition-property: all;

}



/** button **/



.theme-btn{

  position: relative;

  display: inline-block;

  font-size: 18px;

  line-height: 30px;

  font-weight: 700;

  font-family: 'Roboto', sans-serif;

  color: #fff !important;

  padding: 15px 58px;

  text-align: center;

  cursor: pointer;

  border-radius: 5px;

  z-index: 1;

  transition: all 500ms ease;

}



.theme-btn i{

  position: relative;

  font-size: 22px;

  line-height: 30px;

  font-weight: 400;

  margin-left: 10px;

}



.theme-btn:before{

  position: absolute;

  content: '';

  background: #1e1e2a;

  width: 0%;

  height: 100%;

  top: 0px;

  right: 0px;

  border-radius: 5px;

  z-index: -1;

  transition: all 500ms ease;

}



.theme-btn:hover:before{

  width: 100%;

  left: 0px;

}







.pagination{

  position: relative;

  display: block;

}



.pagination li{

  display: inline-block;

  margin: 0px 3px;

}



.pagination li a{

  position: relative;

  display: inline-block;

  font-size: 18px;

  font-family: 'Roboto', sans-serif;

  font-weight: 500;

  height: 50px;

  width: 50px;

  line-height: 50px;

  border: 1px solid #e3e3e3;

  text-align: center;

  color: #5a5a68;

  border-radius: 5px;

  background: transparent;

  z-index: 1;

  transition: all 500ms ease;

}



.pagination li a:before{

  position: absolute;

  content: '';

  width: 50px;

  height: 50px;

  border-radius: 5px;

  left: -1px;

  top: -1px;

  transform: scale(0,0);

  z-index: -1;

  transition: all 500ms ease;

}



.pagination li a:hover:before,

.pagination li a.active:before{

  transform: scale(1,1);

}



.pagination li a:hover,

.pagination li a.active{

  color: #fff;

}



.sec-pad{

  padding: 120px 0px !important;

}



.scroll-top{

  width: 55px;

  height: 55px;

  line-height: 55px;

  position: fixed;

  bottom: 105%;

  right: 30px;

  font-size: 24px;

  z-index: 99;

  color: #ffffff;

  background: #272734;

  border: 1px solid #414153;

  text-align: center;

  cursor: pointer;

  z-index: 1;

  transition: 1s ease;

}



.scroll-top:before{

  position: absolute;

  content: '';

  width: 55px;

  height: 55px;

  left: -1px;

  top: -1px;

  transform: scale(0,0);

  z-index: -1;

  transition: all 500ms ease;

}



.scroll-top:hover:before{

  transform: scale(1,1);

}



.scroll-top.open {

  bottom: 80px;

}



.scroll-top span{

  color: #fff;

}



.sec-title{

  position: relative;

  display: block;

  margin-bottom: 30px;

}



.sec-title h6{

  position: relative;

  display: inline-block;

  font-size: 15px;

  line-height: 24px;

  text-transform: uppercase;

  font-weight: 700;

  margin-bottom: 18px;

  padding-left: 30px;

}



.sec-title.centred h6{

  padding: 0px 30px;

}



.sec-title h6 i{

  position: absolute;

  font-size: 20px;

  line-height: 20px;

  left: 0px;

  top: 1px;

  font-weight: 400;

  color: transparent;

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;

}



.sec-title h2{

  position: relative;

  display: block;

  font-size: 48px;

  line-height: 56px;

  font-weight: 700;

}



.sec-title h2 span{

  font-weight: 400;

}



.sec-title.light h2{

  color: #fff;

}









/*** 



====================================================================

                        Home-Page-One

====================================================================



***/





/** main-header **/



.main-header{

  position:relative;

  left:0px;

  top:0px;

  z-index:999;

  width:100%;

  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{

  position:fixed;

  opacity:0;

  visibility:hidden;

  background: #fff;

  left:0px;

  top:0px;

  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);

  width:100%;

  z-index: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;

}



.fixed-header .sticky-header{

  z-index:999;

  opacity:1;

  visibility:visible;

  -ms-animation-name: fadeInDown;

  -moz-animation-name: fadeInDown;

  -op-animation-name: fadeInDown;

  -webkit-animation-name: fadeInDown;

  animation-name: fadeInDown;

  -ms-animation-duration: 500ms;

  -moz-animation-duration: 500ms;

  -op-animation-duration: 500ms;

  -webkit-animation-duration: 500ms;

  animation-duration: 500ms;

  -ms-animation-timing-function: linear;

  -moz-animation-timing-function: linear;

  -op-animation-timing-function: linear;

  -webkit-animation-timing-function: linear;

  animation-timing-function: linear;

  -ms-animation-iteration-count: 1;

  -moz-animation-iteration-count: 1;

  -op-animation-iteration-count: 1;

  -webkit-animation-iteration-count: 1;

  animation-iteration-count: 1;

}



/** header-top **/



.main-header.style-one .header-top{

  position: relative;

  display: block;

  background: #1e1e2a;

}



.main-header.style-one .header-top .top-inner{

  position: relative;

  padding-left: 375px;

}



.main-header.style-one .header-top .top-left{

  position: relative;

  margin-top: 11px;

}



.main-header.style-one .header-top .top-left p{

  position: relative;

  display: block;

  font-size: 15px;

  color: #fff;

  font-weight: 600;

}



.main-header.style-one .header-top .top-left p i{

  position: relative;

  font-size: 22px;

  font-weight: 400;

  margin-right: 10px;

  color: transparent;

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;

}



.main-header.style-one .header-top .top-right .social-links,

.main-header.style-one .header-top .top-right .search-box-outer,

.main-header.style-one .header-top .top-right .btn-box{

  position: relative;

  display: inline-block;

  float: left;

}



.main-header.style-one .header-top .top-right .social-links li{

  position: relative;

  display: inline-block;

  float: left;

}



.main-header.style-one .header-top .top-right .social-links li a{

  position: relative;

  display: inline-block;

  width: 60px;

  height: 52px;

  line-height: 52px;

  color: #fff;

  font-size: 13px;

  text-align: center;

  border-right: 1px solid rgba(255,255,255,0.1);

}



.main-header.style-one .header-top .top-right .social-links li a:hover{



}



.main-header.style-one .header-top .top-right .social-links li:first-child a{

  border-left: 1px solid rgba(255,255,255,0.1);

}



.main-header.style-one .header-top .top-right .btn-box .theme-btn{

  border-radius: 0px;

  padding: 10px 44px;

}



.main-header.style-one .header-top .top-right .btn-box .theme-btn:before{

  border-radius: 0px;

  background: #393847;

}



/** header-upper **/



.main-header .outer-box{

  position: relative;

  display: block;

}



.main-header.style-one .header-upper .outer-box .logo-box{

  position: absolute;

  left: 0px;

  top: -111px;

  width: 220px;

  height: 220px;

  line-height: 220px;

  text-align: center;

  padding: 5px;

  z-index: 1;

}



.main-header.style-one .header-upper .outer-box .logo-box:before{

  position: absolute;

  content: '';

  width: 220px;

  height: 220px;

  left: 0px;

  top: 0px;

  z-index: -1;

  transform: rotate(45deg);

}



.main-header.style-one .header-upper .outer-box .logo-box:after{

  position: absolute;

  content: '';

  border: 1px dashed #fff;

  width: calc(220px - 10px);

  height: calc(220px - 10px);

  left: 5px;

  top: 5px;

  transform: rotate(45deg);

}



.main-header.style-one .header-upper .outer-box .logo-box .logo{

  position: relative;

  display: inline-block;

  padding-top: 13px;

  z-index: 1;

}



.main-header .menu-right-content{

  position: relative;

  margin-top: 23px;

  margin-left: 25px;

}



.main-header .menu-right-content .info-box,

.main-header .menu-right-content .cart-box,

.main-header .menu-right-content .nav-box{

  position: relative;

  display: inline-block;

  float: left;

}



.main-header .menu-right-content .info-box .box{

  position: relative;

  padding: 0px 40px 0px 53px;

}



.main-header .menu-right-content .info-box .box:before{

  position: absolute;

  content: '';

  background: #d8d8d8;

  width: 1px;

  height: 60px;

  top: -3px;

  right: 0px;

}



.main-header .menu-right-content .info-box .box i{

  position: absolute;

  left: 0px;

  top: 6px;

  font-size: 40px;

  line-height: 40px;

  color: transparent;

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;

}



.main-header .menu-right-content .info-box .box h5{

  position: relative;

  display: block;

  font-size: 17px;

  line-height: 26px;

  font-weight: 700;

  margin: 0px;

}



.main-header .menu-right-content .info-box .box h5 a{

  display: inline-block;

  color: #1e1e2a;

}



.main-header .menu-right-content .info-box .box h5 a:hover{



}



.main-header .menu-right-content .info-box .box span{

  position: relative;

  display: block;

  font-size: 15px;

  line-height: 26px;

  color: #5a5a68;

  font-weight: 600;

  margin: 0px;

}



.main-header .menu-right-content .cart-box{

  margin: 13px 63px 0px 30px;

}



.main-header .menu-right-content .cart-box a{

  position: relative;

  display: inline-block;

  font-size: 26px;

  line-height: 26px;

  color: #1e1e2a;

}



.main-header .menu-right-content .cart-box a:hover{



}



.main-header .menu-right-content .cart-box a span{

  position: absolute;

  top: 0px;

  right: -22px;

  font-size: 14px;

  color: #fff;

  width: 18px;

  height: 18px;

  text-align: center;

  line-height: 18px;

  border-radius: 50%;

}



.main-header .menu-right-content .nav-box .nav-btn{

  position: relative;

  display: inline-block;

  font-size: 30px;

  color: #fff;

  width: 60px;

  height: 55px;

  line-height: 55px;

  text-align: center;

  cursor: pointer;

  transition: all 500ms ease;

}



/** main-menu **/



.main-menu{

  float: left;

}



.main-menu .navbar-collapse{

  padding:0px;

  display:block !important;

}



.main-menu .navigation{

  margin:0px;

}



.main-menu .navigation > li{

  position:inherit;

  float:left;

  z-index:2;

  padding:36px 0px 34px 0px;

  margin: 0px 13px;

  -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-menu .navigation > li:last-child{

  margin-right:0px !important;

}



.main-menu .navigation > li:first-child{

  margin-left: 0px !important;

}



.main-menu .navigation > li > a{

  position:relative;

  display:block;

  text-align:center;

  font-size:15px;

  line-height:30px;

  font-weight:900;

  opacity:1;

  font-family: 'Roboto', sans-serif;

  color:#1e1e2a;

  padding-right: 15px;

  z-index:1;

  text-transform: uppercase;

  -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-menu .navigation > li.dropdown > a:after{

  position: absolute;

  content: "\f107";

  font-family: 'Font Awesome 5 Free';

  font-weight: 700;

  font-size: 15px;

  color: #9393a1;

  top: 0px;

  right: 0px;

  transition: all 500ms ease;

}



.main-menu .navigation > li.dropdown.current > a:after,

.main-menu .navigation > li.dropdown:hover > a:after{



}



.main-menu .navigation > li.current > a,

.main-menu .navigation > li:hover > a{

  

}



.main-menu .navigation > li > ul,

.main-menu .navigation > li > .megamenu{

  position:absolute;

  left: inherit;

  top:100%;

  width:250px;

  z-index:100;

  display:none;

  opacity: 0;

  visibility: hidden;

  padding: 10px 0px;

  background-color: #fff;

  -moz-transform: translateY(30px);

  -webkit-transform: translateY(30px);

  -ms-transform: translateY(30px);

  -o-transform: translateY(30px);

  transform: translateY(30px);

  -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);

  -webkit-transform-origin: top;

  -ms-transform-origin: top;

  transform-origin: top;

  -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-menu .navigation > li > ul.from-right{

  left:auto;

  right:0px;  

}



.main-menu .navigation > li > ul > li{

  position:relative;

  width:100%;

  padding: 0px 30px;

}



.main-menu .navigation > li > ul > li:last-child{

  border-bottom:none; 

}



.main-menu .navigation > li > ul > li > a,

.main-menu .navigation > li > .megamenu li > a{

  position:relative;

  display:block;

  padding:14px 0px;

  line-height:24px;

  font-weight:600;

  font-family: 'Muli', sans-serif;

  font-size:17px;

  text-transform:capitalize;

  color:#5a5a68;

  border-bottom: 1px solid #e3e3e3;

  text-align: left;

  transition:all 500ms ease;

  -moz-transition:all 500ms ease;

  -webkit-transition:all 500ms ease;

  -ms-transition:all 500ms ease;

  -o-transition:all 500ms ease;

}



.main-menu .navigation > li > ul > li > a:before{

  position: absolute;

  content: "\f105";

  font-size: 17px;

  font-family: 'Font Awesome 5 Free';

  font-weight: 600;

  left: -30px;

  top: 15px;

  opacity: 0;

  transition: all 500ms ease;

}



.main-menu .navigation > li > ul > li > a:hover:before{

  left: -17px;

  opacity: 1;

}



.main-menu .navigation > li > ul > li > a:hover,

.main-menu .navigation > li > .megamenu li > a:hover{



}



.main-menu .navigation > li > ul > li:last-child > a,

.main-menu .navigation > li > .megamenu li:last-child > a{

  border-bottom: none;

}



.main-menu .navigation > li > ul > li > a:hover{

  

}



.main-menu .navigation > li > ul > li.dropdown > a:after{

  font-family: 'Font Awesome 5 Free';

  content: "\f105";

  position:absolute;

  right:20px;

  top:14px;

  display:block;

  line-height:24px;

  font-size:16px;

  font-weight:800;

  text-align:center;

  z-index:5;  

}



.main-menu .navigation > li > ul > li > ul{

  position:absolute;

  right:100%;

  top:-2px;

  width:230px;

  z-index:100;

  display:none;

  padding: 10px 0px;

  background-color: #fff;

  -moz-transform: translateY(30px);

  -webkit-transform: translateY(30px);

  -ms-transform: translateY(30px);

  -o-transform: translateY(30px);

  transform: translateY(30px);

  -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%;

  padding: 0px 30px;

}



.main-menu .navigation > li > ul > li > ul > li:last-child{

  border-bottom:none; 

}



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

  font-size: 17px;

  padding:14px 0px;

  line-height:24px;

  font-weight:600;

  font-family: 'Muli', sans-serif;

  text-transform:capitalize;

  color:#5a5a68;

  border-bottom: 1px solid #e3e3e3;

  text-align: left;

  transition:all 500ms ease;

  -moz-transition:all 500ms ease;

  -webkit-transition:all 500ms ease;

  -ms-transition:all 500ms ease;

  -o-transition:all 500ms ease;

}



.main-menu .navigation > li > ul > li > ul > li > a:before{

  position: absolute;

  content: "\f105";

  font-size: 17px;

  font-family: 'Font Awesome 5 Free';

  font-weight: 600;

  left: -30px;

  top: 14px;

  opacity: 0;

  transition: all 500ms ease;

}



.main-menu .navigation > li > ul > li > ul > li > a:hover:before{

  left: -17px;

  opacity: 1;

}



.main-menu .navigation > li > ul > li > ul > li:last-child > a{

  border-bottom: none;

}



.main-menu .navigation > li > ul > li > ul > li > a:hover{

  

}



.main-menu .navigation > li > ul > li > ul > li.dropdown > a:after{

  font-family: 'Font Awesome 5 Free';

  content: "\f105";

  position:absolute;

  right:20px;

  top:12px;

  display:block;

  line-height:24px;

  font-size:16px;

  font-weight:900;

  z-index:5;  

}



.main-menu .navigation > li.dropdown:hover > ul,

.main-menu .navigation > li.dropdown:hover > .megamenu{

  visibility:visible;

  opacity:1;

  -moz-transform: translateY(0);

  -webkit-transform: translateY(0);

  -ms-transform: translateY(0);

  -o-transform: translateY(0);

  transform: translateY(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.dropdown:hover > ul{

  visibility:visible;

  opacity:1;

  -moz-transform: translateY(0);

  -webkit-transform: translateY(0);

  -ms-transform: translateY(0);

  -o-transform: translateY(0);

  transform: translateY(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 .navigation li.dropdown .dropdown-btn{

  position:absolute;

  right:-32px;

  top:66px;

  width:34px;

  height:30px;

  text-align:center;

  font-size:18px;

  line-height:26px;

  color:#3b3b3b;

  cursor:pointer;

  display: none;

  z-index:5;

  transition: all 500ms ease;

}



.main-menu .navigation li.current.dropdown .dropdown-btn,

.main-menu .navigation li:hover .dropdown-btn{

  

}



.main-menu .navigation li.dropdown ul li.dropdown .dropdown-btn{

  display: none;

}



.menu-area .mobile-nav-toggler {

  position: relative;

  float: right;

  font-size: 40px;

  line-height: 50px;

  cursor: pointer;

  color: #3786ff;

  display: none;

}



.menu-area .mobile-nav-toggler .icon-bar{

  position: relative;

  height: 2px;

  width: 30px;

  display: block;

  margin-bottom: 5px;

  background-color: #3b3b3b;

  -webkit-transition: all 300ms ease;

  -moz-transition: all 300ms ease;

  -ms-transition: all 300ms ease;

  -o-transition: all 300ms ease;

  transition: all 300ms ease;

}



.menu-area .mobile-nav-toggler .icon-bar:last-child{

  margin-bottom: 0px;

}



.main-header .sticky-header .logo-box{

  position: relative;

  display: inline-block;

  width: 100px;

  height: 100px;

  text-align: center;

  padding: 20px 0px;

  z-index: 1;

}



.main-header .sticky-header .logo-box:before{

  position: absolute;

  content: '';

  width: 100%;

  height: 100%;

  left: 0px;

  top: 0px;

  transform: rotate(45deg);

  z-index: -1;

}



.main-header .sticky-header .logo-box:after {

  position: absolute;

  content: '';

  border: 1px dashed #fff;

  width: calc(100px - 10px);

  height: calc(100px - 10px);

  left: 5px;

  top: 5px;

  transform: rotate(45deg);

}



/** megamenu-style **/



.main-menu .navigation > li.dropdown > .megamenu{

  position: absolute;

  width: 100%;

  padding: 30px 50px;

  left: 0px;

}



.main-menu .navigation li.dropdown .megamenu li h4{

  font-weight: 500;

  padding: 3px 0px;

}





/** mobile-menu **/



.nav-outer .mobile-nav-toggler{

  position: relative;

  float: right;

  font-size: 40px;

  line-height: 50px;

  cursor: pointer;

  color:#3786ff;

  display: none;

}



.mobile-menu{

  position: fixed;

  right: 0;

  top: 0;

  width: 300px;

  padding-right:30px;

  max-width:100%;

  height: 100%;

  opacity: 0;

  visibility: hidden;

  z-index: 999999;

}



.mobile-menu .navbar-collapse{

  display:block !important; 

}



.mobile-menu .nav-logo{

  position:relative;

  padding:30px 25px;

  text-align:left;  

}



.mobile-menu-visible{

  overflow: hidden;

}



.mobile-menu-visible .mobile-menu{

  opacity: 1;

  visibility: visible;

}



.mobile-menu .menu-backdrop{

  position: fixed;

  right: 0;

  top: 0;

  width: 100%;

  height: 100%;

  z-index: 1;

  background:#000;

  -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;

}



.mobile-menu-visible .mobile-menu .menu-backdrop{

  opacity: 0.70;

  visibility: visible;

  -webkit-transition:all 0.7s ease;

  -moz-transition:all 0.7s ease;

  -ms-transition:all 0.7s ease;

  -o-transition:all 0.7s ease;

  transition:all 0.7s ease;

  -webkit-transform: translateX(0%);

  -ms-transform: translateX(0%);

  transform: translateX(0%);

}



.mobile-menu .menu-box{

  position: absolute;

  left: 0px;

  top: 0px;

  width: 100%;

  height: 100%;

  max-height: 100%;

  overflow-y: auto;

  background: #202020;

  padding: 0px 0px;

  z-index: 5;

  opacity: 0;

  visibility: hidden;

  border-radius: 0px;

  -webkit-transform: translateX(101%);

  -ms-transform: translateX(101%);

  transform: translateX(101%);

}



.mobile-menu-visible .mobile-menu .menu-box{

  opacity: 1;

  visibility: visible;

  -webkit-transition:all 0.7s ease;

  -moz-transition:all 0.7s ease;

  -ms-transition:all 0.7s ease;

  -o-transition:all 0.7s ease;

  transition:all 0.7s ease;

  -webkit-transform: translateX(0%);

  -ms-transform: translateX(0%);

  transform: translateX(0%);

}



.mobile-menu .close-btn{

  position: absolute;

  right: 25px;

  top: 10px;

  line-height: 30px;

  width: 24px;

  text-align: center;

  font-size: 16px;

  color: #ffffff;

  cursor: pointer;

  z-index: 10;

  -webkit-transition:all 0.9s ease;

  -moz-transition:all 0.9s ease;

  -ms-transition:all 0.9s ease;

  -o-transition:all 0.9s ease;

  transition:all 0.9s ease;

}



.mobile-menu-visible .mobile-menu .close-btn{

  -webkit-transform:rotate(360deg);

  -ms-transform:rotate(360deg);

  transform:rotate(360deg);

}



.mobile-menu .close-btn:hover{

  -webkit-transform:rotate(90deg);

  -ms-transform:rotate(90deg);

  transform:rotate(90deg);

}



.mobile-menu .navigation{

  position: relative;

  display: block;

  width: 100%;

  float: none;

}



.mobile-menu .navigation li{

  position: relative;

  display: block;

  border-top: 1px solid rgba(255,255,255,0.10);

}



.mobile-menu .navigation:last-child{

  border-bottom: 1px solid rgba(255,255,255,0.10);

}



.mobile-menu .navigation li > ul > li:first-child{

  border-top: 1px solid rgba(255,255,255,0.10);

}



.mobile-menu .navigation li > a{

  position: relative;

  display: block;

  line-height: 24px;

  padding: 10px 25px;

  font-size: 15px;

  font-weight: 500;

  color: #ffffff;

  text-transform: uppercase;

  -webkit-transition: all 500ms ease;

  -moz-transition: all 500ms ease;

  -ms-transition: all 500ms ease;

  -o-transition: all 500ms ease;

  transition: all 500ms ease; 

}



.mobile-menu .navigation li ul li > a{

  font-size: 16px;

  margin-left: 20px;

  text-transform: capitalize;

}



.mobile-menu .navigation li > a:before{

  content:'';

  position:absolute;

  left:0;

  top:0;

  height:0;

  border-left:5px solid #fff;

  -webkit-transition: all 500ms ease;

  -moz-transition: all 500ms ease;

  -ms-transition: all 500ms ease;

  -o-transition: all 500ms ease;

  transition: all 500ms ease; 

}



.mobile-menu .navigation li.current > a:before{

  height:100%;

}



.mobile-menu .navigation li.dropdown .dropdown-btn{

  position:absolute;

  right:6px;

  top:6px;

  width:32px;

  height:32px;

  text-align:center;

  font-size:16px;

  line-height:32px;

  color:#ffffff;

  background:rgba(255,255,255,0.10);

  cursor:pointer;

  border-radius:2px;

  -webkit-transition: all 500ms ease;

  -moz-transition: all 500ms ease;

  -ms-transition: all 500ms ease;

  -o-transition: all 500ms ease;

  transition: all 500ms ease; 

  z-index:5;

}



.mobile-menu .navigation li.dropdown .dropdown-btn.open{

  background:#fff; 

  color: #3b3b3b;

  -webkit-transform:rotate(90deg);

  -ms-transform:rotate(90deg);

  transform:rotate(90deg);  

}



.mobile-menu .navigation li > ul,

.mobile-menu .navigation li > ul > li > ul,

.mobile-menu .navigation > li.dropdown > .megamenu{

  display: none;

}



.mobile-menu .social-links{

  position:relative;

  padding:30px 25px;

}



.mobile-menu .social-links li{

  position:relative;

  display:inline-block;

  margin:0px 10px 10px;

}



.mobile-menu .social-links li a{

  position:relative;

  line-height:32px;

  font-size:16px;

  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; 

}



.mobile-menu .social-links li a:hover{

  

}



div#mCSB_1_container{

  top: 0px !important;

}



.mobile-menu .contact-info {

  position: relative;

  padding: 80px 30px 20px 30px;

}



.mobile-menu .contact-info h4 {

  position: relative;

  font-size: 20px;

  color: #ffffff;

  font-weight: 700;

  margin-bottom: 20px;

}



.mobile-menu .contact-info ul li {

  position: relative;

  display: block;

  font-size: 15px;

  color: rgba(255,255,255,0.80);

  margin-bottom: 3px;

}



.mobile-menu .contact-info ul li a{

  color: rgba(255,255,255,0.80);

}



.mobile-menu .contact-info ul li a:hover{

  

}



.mobile-menu .contact-info ul li:last-child{

  margin-bottom: 0px;

}





/** search pop-up style **/



.main-header.style-one .search-box-outer {

  position: relative;

  padding: 6.5px 21px;

}



.main-header.style-one .search-box-outer .search-toggler{

  position: relative;

  font-size: 18px;

  color: #fff;

  padding: 5px 10px;

  font-weight: 600;

  background: transparent;

  cursor: pointer;

  display: inline-block;

  transition: all 500ms ease;

}



.main-header .search-box-outer .search-toggler:hover{

  

}



.search-popup{

  position:fixed;

  left:0;

  top:0px;

  width:100%;

  height:100%;

  z-index:99999;

  visibility:hidden;

  opacity:0;

  overflow:auto;

  background: rgba(0, 0, 0, 0.9);

  -webkit-transform:translateY(101%);

  -ms-transform:translateY(101%);

  transform:translateY(101%);

  transition:all 700ms ease;

  -moz-transition:all 700ms ease;

  -webkit-transition:all 700ms ease;

  -ms-transition:all 700ms ease;

  -o-transition:all 700ms ease;

}



.search-popup.popup-visible{

  -webkit-transform:translateY(0%);

  -ms-transform:translateY(0%);

  transform:translateY(0%);

  visibility:visible;

  opacity:1;

}



.search-popup .overlay-layer{

  position:absolute;

  left:0px;

  top:0px;

  right:0px;

  bottom:0px;

  display:block;

}



.search-popup .close-search{

  position:absolute;

  right:25px;

  top:25px;

  font-size:22px;

  color:#ffffff;

  cursor:pointer;

  z-index:5;

  transition: all 500ms ease;

}



.search-popup .search-form{

  position:relative;

  padding:0px 15px 0px;

  max-width:1024px;

  margin:0 auto;  

  margin-top:150px;

  margin-bottom: 100px;

  transition: all 900ms ease;

  -moz-transition: all 900ms ease;

  -webkit-transition: all 900ms ease;

  -ms-transition: all 900ms ease;

  -o-transition: all 900ms ease;

}



.search-popup .search-form fieldset{

  position:relative;

  border-radius:12px;

}



.search-popup .search-form fieldset input[type="search"]{

  position:relative;

  height:70px;

  padding:20px 250px 20px 30px;

  background:#ffffff;

  line-height:30px;

  font-size:24px;

  color:#233145;

  border-radius:7px;

}



.search-popup .search-form fieldset input[type="submit"]{

  position:absolute;

  display:block;

  right:0px;

  top:0px;

  text-align:center;

  width:220px;

  height:70px;

  padding:20px 10px 20px 10px;

  color:#ffffff !important;

  line-height:30px;

  font-size:20px;

  cursor:pointer;

  text-transform:uppercase;

  border-radius:0px 7px 7px 0px;

}



.search-popup .search-form fieldset input[type="submit"]:hover{

  transform: translateY(0px);

}



.search-popup h3{

  text-transform:uppercase;

  font-size:20px;

  font-weight:600;

  color:#ffffff;

  margin-bottom:20px;

  letter-spacing:1px;

  text-align:center;  

}



.search-popup .recent-searches{

  font-size:16px;

  color:#ffffff;

  text-align:center;

}



.search-popup .recent-searches li{

  display:inline-block;

  margin:0px 10px 10px 0px; 

}



.search-popup .recent-searches li a{

  display:block;

  line-height:24px;

  border:1px solid #ffffff;

  padding:7px 15px;

  color:#ffffff;

  border-radius:3px;

  -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;

}



.search-popup .recent-searches li a:hover{

  

}





/** sidebar **/



.xs-sidebar-group .xs-overlay{

  left:0%;

  top:0;

  position:fixed;

  height:100%;

  opacity:0;

  width:100%;

  visibility:hidden;

  -webkit-transition:all .4s ease-in .8s;

  -o-transition:all .4s ease-in .8s;

  transition:all .4s ease-in .8s;

  cursor:url(../images/icons/cross-out.png),

  pointer; 

  z-index: 999999;

}



.xs-sidebar-group.isActive .xs-overlay{

  opacity:.9;

  visibility:visible;

  -webkit-transition:all .8s ease-out 0s;

  -o-transition:all .8s ease-out 0s;

  transition:all .8s ease-out 0s;

  right:100%;

}



.xs-sidebar-group .widget-heading{

  position:absolute;

  top:0;

  right:0;

  padding:25px;

}



.xs-sidebar-widget{

  position:fixed;

  left:-100%;

  top:0;

  bottom:0;

  width:100%;

  max-width:360px;

  z-index:999999;

  overflow:hidden;

  overflow-y:auto;

  -webkit-overflow-scrolling:touch;

  background-color:#1e1e2a;

  -webkit-transition:all 0.5s cubic-bezier(0.9, 0.03, 0, 0.96) 0.6s;

  -o-transition:all 0.5s cubic-bezier(0.9, 0.03, 0, 0.96) 0.6s;

  transition:all 0.5s cubic-bezier(0.9, 0.03, 0, 0.96) 0.6s;

  visibility:hidden;

  opacity:0;

}



.xs-sidebar-group.isActive .xs-sidebar-widget{

  opacity:1;

  visibility:visible;

  left:0;

  -webkit-transition:all 0.7s cubic-bezier(0.9, 0.03, 0, 0.96) 0.4s;

  -o-transition:all 0.7s cubic-bezier(0.9, 0.03, 0, 0.96) 0.4s;

  transition:all 0.7s cubic-bezier(0.9, 0.03, 0, 0.96) 0.4s;

}



.sidebar-textwidget{

  padding:100px 30px;

}



.close-side-widget{

  color:#1768dd;

  display:block;

}



.sidebar-widget-container{

  position:relative;

  top:150px;

  opacity:0;

  visibility:hidden;

  -webkit-transition:all .3s ease-in .3s;

  -o-transition:all .3s ease-in .3s;

  transition:all .3s ease-in .3s;

  -webkit-backface-visibility:hidden;

  backface-visibility:hidden;

}



.xs-sidebar-group.isActive .sidebar-widget-container{

  top:0px;

  opacity:1;

  visibility:visible;

  -webkit-transition:all 1s ease-out 1.2s;

  -o-transition:all 1s ease-out 1.2s;

  transition:all 1s ease-out 1.2s;

  -webkit-backface-visibility:hidden;

  backface-visibility:hidden;

}



.xs-overlay{

  position:absolute;

  top:0;

  left:0;

  height:100%;

  width:100%;

  opacity:.5;

  z-index:0;

}



.xs-bg-black{

  background-color:#000000;

}



.xs-menu-tools>li{

  display:inline-block;

  margin-right:15px;

}



.xs-menu-tools>li:last-child{

  margin-right:0;

}



.xs-menu-tools>li>a{

  color:#000000;

  text-decoration:none;

}



.sidebar-info-contents{

  position:relative;

}



.close-side-widget{

  position:relative;

  color:#fff;

  font-size:24px;

  -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;

}



.close-side-widget:hover{

  

}



.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 .theme-btn:before{

  background: #393847;

}



.sidebar-info-contents .content-inner .content-box h4{

  position:relative;

  font-size:20px;

  color:#fff;

  font-weight:700;

  margin-bottom:20px;

}



.sidebar-info-contents .content-inner .content-box p{

  position:relative;

  font-size:15px;

  color: #ccc;

  margin-bottom:25px;

}



.sidebar-info-contents .content-inner .content-box .theme-btn-two{

  padding: 10px 50px;

}



.sidebar-info-contents .content-inner .contact-info{

  position:relative;

  margin-top:60px;

}



.sidebar-info-contents .content-inner .contact-info ul li{

  position:relative;

  display: block;

  font-size:15px;

  color: #ccc;

  margin-bottom:3px;

}



.sidebar-info-contents .content-inner .contact-info ul li a{

  color: #ccc;

}



.sidebar-info-contents .content-inner .contact-info ul li a:hover{

  

}



.sidebar-info-contents .content-inner .contact-info h4{

  position:relative;

  font-size:20px;

  color:#fff;

  font-weight:700;

  margin-bottom:20px;

}



.sidebar-info-contents .content-inner .social-box{

  position:relative;

  margin-top:20px;

  margin-bottom:30px;

}



.sidebar-info-contents .content-inner .social-box li{

  position:relative;

  display:inline-block;

  margin-right:6px;

  transition: all 900ms ease;

  -moz-transition: all 900ms ease;

  -webkit-transition: all 900ms ease;

  -ms-transition: all 900ms ease;

  -o-transition: all 900ms ease;

}



.sidebar-info-contents .content-inner .social-box li a{

  position:relative;

  width:36px;

  height:36px;

  color:#ccc;

  z-index:1;

  font-size:13px;

  line-height:36px;

  text-align:center;

  border-radius:50%;

  display:inline-block;

  background: transparent;

  border: 1px solid #ededed;

  -webkit-transition:all 300ms ease;

  -moz-transition:all 300ms ease;

  -ms-transition:all 300ms ease;

  -o-transition:all 300ms ease;

  transition:all 300ms ease;

}



.sidebar-info-contents .content-inner .social-box li a:hover{

  color: #fff;

}





/** banner-section **/



.banner-section{

  position: relative;

}



.banner-carousel{

  position: relative;

}



.banner-carousel .slide-item{

  position: relative;

  background-repeat: no-repeat;

  background-position: center;

  background-size: cover;

  padding: 190px 0px 290px 0px;

}



.banner-carousel .slide-item:before{

  position: absolute;

  content: '';

  width: 100%;

  height: 100%;

  background: -webkit-linear-gradient(0deg, rgba(53,6,3,0.0), rgba(53,6,3,0.9) 100%);

  top: 0px;

  right: 0px;

  z-index: 1;

}



.banner-carousel .slide-item .image-layer{

  position:absolute;

  left:0;

  top:0;

  width:100%;

  height:100%;

  background-repeat: no-repeat;

  background-position: center;

  background-size: cover;

  -webkit-transform:scale(1);

  -ms-transform:scale(1);

  transform:scale(1);

  -webkit-transition: all 6000ms linear;

  -moz-transition: all 6000ms linear;

  -ms-transition: all 6000ms linear;

  -o-transition: all 6000ms linear;

  transition: all 6000ms linear;

}



.banner-carousel .active .slide-item .image-layer{

  -webkit-transform:scale(1.15);

  -ms-transform:scale(1.15);

  transform:scale(1.15);

}



.banner-carousel .content-box{

  position: relative;

  display: block;

  z-index:5;

  width: 100%;

}



.banner-carousel .content-box h6{

  position: relative;

  display: block;

  font-size: 16px;

  line-height: 28px;

  font-weight: 600;

  color: #fff;

  margin-bottom: 12px;

  padding-left: 90px;

  opacity: 0;

  text-transform: uppercase;

  -webkit-transform: translateY(50px);

  -moz-transform: translateY(50px);

  -ms-transform: translateY(50px);

  -o-transform: translateY(50px);

  transform: translateY(50px);

  -webkit-transition: all 700ms ease;

  -moz-transition: all 700ms ease;

  -ms-transition: all 700ms ease;

  -o-transition: all 700ms ease;

  transition: all 700ms ease;

}



.banner-carousel .content-box h6:before{

  position: absolute;

  content: '';

  width: 70px;

  height: 1px;

  left: 0px;

  top: 13px;

}



.banner-carousel .active .content-box h6{

  opacity: 1;

  -webkit-transform: translateY(0);

  -moz-transform: translateY(0);

  -ms-transform: translateY(0);

  -o-transform: translateY(0);

  transform: translateY(0);

  -webkit-transition-delay: 700ms;

  -moz-transition-delay: 700ms;

  -ms-transition-delay: 700ms;

  -o-transition-delay: 700ms;

  transition-delay: 700ms;

}



.banner-carousel .content-box h1{

  position: relative;

  display: block;

  color: #fff;

  font-size: 70px;

  line-height: 82px;

  font-weight: 900;

  margin-bottom: 8px;

  opacity: 0;

  -webkit-transform: translateY(100px);

  -moz-transform: translateY(100px);

  -ms-transform: translateY(100px);

  -o-transform: translateY(100px);

  transform: translateY(100px);

  -webkit-transition: all 1000ms ease;

  -moz-transition: all 1000ms ease;

  -ms-transition: all 1000ms ease;

  -o-transition: all 1000ms ease;

  transition: all 1000ms ease;

}



.banner-carousel .content-box h1 span{

  font-weight: 700;

}



.banner-carousel .active .content-box h1{

  opacity: 1;

  -webkit-transform: translateY(0);

  -moz-transform: translateY(0);

  -ms-transform: translateY(0);

  -o-transform: translateY(0);

  transform: translateY(0);

  -webkit-transition-delay: 1000ms;

  -moz-transition-delay: 1000ms;

  -ms-transition-delay: 1000ms;

  -o-transition-delay: 1000ms;

  transition-delay: 1000ms;

}



.banner-carousel .content-box p{

  position: relative;

  display: block;

  color: #fff;

  font-size: 20px;

  line-height: 28px;

  font-weight: 600;

  margin-bottom: 43px;

  opacity: 0;

  -webkit-transform: translateY(100px);

  -moz-transform: translateY(100px);

  -ms-transform: translateY(100px);

  -o-transform: translateY(100px);

  transform: translateY(100px);

  -webkit-transition: all 1300ms ease;

  -moz-transition: all 1300ms ease;

  -ms-transition: all 1300ms ease;

  -o-transition: all 1300ms ease;

  transition: all 1300ms ease;

}



.banner-carousel .active .content-box p{

  opacity: 1;

  -webkit-transform: translateY(0);

  -moz-transform: translateY(0);

  -ms-transform: translateY(0);

  -o-transform: translateY(0);

  transform: translateY(0);

  -webkit-transition-delay: 1300ms;

  -moz-transition-delay: 1300ms;

  -ms-transition-delay: 1300ms;

  -o-transition-delay: 1300ms;

  transition-delay: 1300ms;

}



.banner-section .banner-carousel .content-box a.theme-btn{

  padding: 14px 47px;

}



.banner-carousel .content-box .btn-box{

  position: relative;

  opacity: 0;

  -webkit-transform: translateY(100px);

  -moz-transform: translateY(100px);

  -ms-transform: translateY(100px);

  -o-transform: translateY(100px);

  transform: translateY(100px);

  -webkit-transition: all 1600ms ease;

  -moz-transition: all 1600ms ease;

  -ms-transition: all 1600ms ease;

  -o-transition: all 1600ms ease;

  transition: all 1600ms ease;

}



.banner-carousel .active .content-box .btn-box{

  opacity: 1;

  -webkit-transform: translateY(0);

  -moz-transform: translateY(0);

  -ms-transform: translateY(0);

  -o-transform: translateY(0);

  transform: translateY(0);

  -webkit-transition-delay: 1600ms;

  -moz-transition-delay: 1600ms;

  -ms-transition-delay: 1600ms;

  -o-transition-delay: 1600ms;

  transition-delay: 1600ms;

}



.owl-dots-none .owl-dots,

.owl-nav-none .owl-nav{

  display: none !important;

}



.float-bob-y {

  animation-name: float-bob-y;

  animation-duration: 2s;

  animation-iteration-count: infinite;

  animation-timing-function: linear;

  -webkit-animation-name: float-bob-y;

  -webkit-animation-duration: 2s;

  -webkit-animation-iteration-count: infinite;

  -webkit-animation-timing-function: linear;

  -moz-animation-name: float-bob-y;

  -moz-animation-duration: 2s;

  -moz-animation-iteration-count: infinite;

  -moz-animation-timing-function: linear;

  -ms-animation-name: float-bob-y;

  -ms-animation-duration: 2s;

  -ms-animation-iteration-count: infinite;

  -ms-animation-timing-function: linear;

  -o-animation-name: float-bob-y;

  -o-animation-duration: 2s;

  -o-animation-iteration-count: infinite;

  -o-animation-timing-function: linear;

}



.float-bob-x{

  animation-name: float-bob-x;

  animation-duration: 15s;

  animation-iteration-count: infinite;

  animation-timing-function: linear;

  -webkit-animation-name: float-bob-x;

  -webkit-animation-duration: 15s;

  -webkit-animation-iteration-count: infinite;

  -webkit-animation-timing-function: linear;

  -moz-animation-name: float-bob-x;

  -moz-animation-duration: 15s;

  -moz-animation-iteration-count: infinite;

  -moz-animation-timing-function: linear;

  -ms-animation-name: float-bob-x;

  -ms-animation-duration: 15s;

  -ms-animation-iteration-count: infinite;

  -ms-animation-timing-function: linear;

  -o-animation-name: float-bob-x;

  -o-animation-duration: 15s;

  -o-animation-iteration-count: infinite;

  -o-animation-timing-function: linear;

}



.rotate-me {

  animation-name: rotateme;

  animation-duration: 30s;

  animation-iteration-count: infinite;

  animation-timing-function: linear;

  -webkit-animation-name: rotateme;

  -webkit-animation-duration: 30s;

  -webkit-animation-iteration-count: infinite;

  -webkit-animation-timing-function: linear;

  -moz-animation-name: rotateme;

  -moz-animation-duration: 30s;

  -moz-animation-iteration-count: infinite;

  -moz-animation-timing-function: linear;

  -ms-animation-name: rotateme;

  -ms-animation-duration: 30s;

  -ms-animation-iteration-count: infinite;

  -ms-animation-timing-function: linear;

  -o-animation-name: rotateme;

  -o-animation-duration: 30s;

  -o-animation-iteration-count: infinite;

  -o-animation-timing-function: linear;

}



.banner-section .owl-dots{

  position: absolute;

  left: 65px;

  top: 50%;

  transform: translateY(-50%);

}



.banner-section .owl-theme .owl-dots .owl-dot{

  display: block;

}



.banner-section .owl-theme .owl-dots .owl-dot span{

  position: relative;

  display: inline-block;

  height: 8px;

  width: 8px;

  margin: 16px 0px;

  background: #8f7573;

  border-radius: 50%;

  cursor: pointer;

  box-shadow: 0 0 0 6px #8f7573;

  transition: all 500ms ease;

}



.banner-section .owl-theme .owl-dots .owl-dot.active span,

.banner-section .owl-theme .owl-dots .owl-dot span:hover{

  box-shadow: 0 0 0 6px #a1473b;

}





/** booking-section **/



.booking-section{

  position: relative;

}



.booking-section .inner-box{

  position: relative;

  background: #fff;

  padding: 42px 50px 30px 50px;

  margin-top: -100px;

  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);

  z-index: 1;

}



.booking-section .title-inner h2{

  position: relative;

  font-size: 36px;

  line-height: 45px;

  font-weight: 700;

  margin-bottom: 3px;

}



.booking-section .title-inner p{

  font-size: 18px;

  line-height: 28px;

  font-weight: 600;

  color: #5a5a68;

}



.booking-section .title-inner p span{



}



.booking-section .upper-box{

  position: relative;

  display: block;

  margin-bottom: 32px;

}



.booking-section .upper-box .link-box{

  margin-top: 24px;

}



.booking-section .upper-box .link-box a{

  position: relative;

  display: inline-block;

  font-size: 18px;

  line-height: 22px;

  font-weight: 500;

}



.booking-section .upper-box .link-box a:hover{

  color: #5a5a68;

  border-color: #5a5a68;

}



.booking-section .upper-box .link-box a i{

  position: relative;

  margin-left: 7px;

  top: 1px;

}



.booking-form .form-group{

  position: relative;

  margin: 0px;

}



.booking-form .form-group .field-input{

  position: relative;

  margin-bottom: 20px;

}



.booking-form .form-group .field-input i{

  position: absolute;

  top: 20px;

  right: 20px;

  font-size: 16px;

  color: #a6a6af;

  z-index: 1;

}



.booking-form .form-group .field-input input[type='text']{

  position: relative;

  width: 100%;

  height: 60px;

  border: 1px solid #e3e3e3;

  background: #fff;

  color: #5a5a68;

  border-radius: 5px;

  padding: 10px 50px 10px 20px;

  font-size: 16px;

  transition: all 500ms ease;

}



.booking-section .inner-box .booking-form .form-group .field-input input:focus{



}



.booking-form .form-group button{

  width: 100%;

  display: block;

  padding: 14px 50px;

}



.booking-form .form-group button:hover{



}



.booking-form .form-group button:before{

  background: #fff;

}





/** about-section **/



.about-section{

  position: relative;

  padding: 68px 0px 255px 0px;

}



.about-section .image-layer{

  position: absolute;

  left: 0px;

  bottom: 0px;

  width: 715px;

  height: 530px;

  background-repeat: no-repeat;

}



#image_block_one .image-box{

  position: relative;

  display: block;

  padding-right: 35px;

  margin-right: 20px;

  padding-bottom: 130px;

}



#image_block_one .image-box .pattern-layer{

  position: absolute;

  top: 0px;

  right: 0px;

  width: 35px;

  height: 100%;

  background-repeat: repeat-y;

  animation: slide 60s linear infinite;

  -webkit-animation: slide 60s linear infinite;

}



#image_block_one .image-box .image-1{

  position: relative;

  display: block;

}



#image_block_one .image-box .image img{

  width: 100%

}



#image_block_one .image-box .image-2{

  /*position: absolute;*/

  right: 35px;

  bottom: 0px;

}



#image_block_one .image-box .image-2:before{

  position: absolute;

  content: '';

  left: 0px;

  top: -20px;

  width: calc(100% - 20px);

  height: 20px;

}



#image_block_one .image-box .image-3{

  position: absolute;

  left: 50px;

  bottom: 50px;

  width: 160px;

  height: 160px;

  line-height: 160px;

  text-align: center;

  transition: all 500ms ease;

}



#image_block_one .image-box .image-3 i{

  position: absolute;

  left: 50%;

  top: 50%;

  transform: translate(-50%,-50%);

  font-size: 70px;

  color: transparent;

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;

}



@keyframes slide{

  from { background-position: 0 1920px; }

    to { background-position: 0 0; }

}



@-webkit-keyframes slide{

  from { background-position: 0 1920px; }

    to { background-position: 0 0; }

}



#content_block_one .content-box .text{

  position: relative;

  display: block;

  margin-bottom: 30px;

}



#content_block_one .content-box .text p{

  margin-bottom: 15px;

  color: #888;

}



#content_block_one .content-box .text p:last-child{

  margin-bottom: 0px;

}



#content_block_one .content-box .area-code{

  position: relative;

  display: block;

  max-width: 470px;

  width: 100%;

  margin-bottom: 12px;

}



#content_block_one .content-box .area-code .form-group{

  position: relative;

  border: 1px solid #e3e3e3;

  border-radius: 5px;

  overflow: hidden;

  margin: 0px;

}



#content_block_one .content-box .area-code input[type='text']{

  position: relative;

  width: calc(100% - 200px);

  height: 58px;

  font-size: 18px;

  padding: 10px 20px;

}



#content_block_one .content-box .area-code button{

  position: absolute;

  top: 0px;

  right: 0px;

  font-size: 18px;

  line-height: 28px;

  font-weight: 700;

  font-family: 'Roboto', sans-serif;

  color: #1e1e2a;

  background: #f6f6f6;

  padding: 16px 25px;

  width: 200px;

  border-left: 1px solid #e3e3e3;

  cursor: pointer;

  transition: all 500ms ease;

}



#content_block_one .content-box .area-code button:hover{



}



#content_block_one .content-box h4{

  position: relative;

  display: block;

  font-size: 20px;

  line-height: 30px;

  font-family: 'Muli', sans-serif;

  font-weight: 700;

  margin-bottom: 42px;

}



#content_block_one .content-box h4 a{

  display: inline-block;

}



#content_block_one .content-box h4 a:hover{

  text-decoration: underline;

}



#content_block_one .content-box .sec-title{

  margin-bottom: 32px;

}



#content_block_one .content-box .btn-box .theme-btn{

  padding: 11px 40px;

  margin-right: 30px;

}



#content_block_one .content-box .btn-box a.video-btn{

  position: relative;

  display: inline-block;

  padding: 0px 0px 0px 78px;

  font-size: 18px;

  line-height: 28px;

  color: #1e1e2a;

  font-family: 'Roboto', sans-serif;

  font-weight: 700;

}



#content_block_one .content-box .btn-box a.video-btn:hover{



}



#content_block_one .content-box .btn-box a.video-btn i{

  position: absolute;

  left: 0px;

  top: 2px;

  width: 54px;

  height: 54px;

  line-height: 54px;

  font-size: 20px;

  color: #fff;

  text-align: center;

  border-radius: 50%;

  -webkit-box-shadow: 0 0 0 5px rgba(242, 87, 67, 0.2);

}



#content_block_one .content-box .btn-box a.video-btn i:after{

  width: 54px;

  height: 54px;

  border-radius: 50%;

  background: transparent;

  position: absolute;

  top: 50%;

  left: 50%;

  -webkit-transform: translate(-50%, -50%);

  transform: translate(-50%, -50%);

  -webkit-animation-delay: .9s;

  animation-delay: .9s;

  content: "";

  position: absolute;

  -webkit-animation: ripple 3s infinite;

  animation: ripple 3s infinite;

  -webkit-transition: all .4s ease;

  transition: all .4s ease;

}



#content_block_one .content-box .btn-box a{

  float: left;

}



@-webkit-keyframes ripple {

  70% {

    -webkit-box-shadow: 0 0 0 10px rgba(242, 87, 67, 0.1);

            box-shadow: 0 0 0 10px rgba(242, 87, 67, 0.1);

  }

  100% {

    -webkit-box-shadow: 0 0 0 0 rgba(242, 87, 67, 0.1);

            box-shadow: 0 0 0 0 rgba(242, 87, 67, 0.1);

  }

}

@keyframes ripple {

  70% {

    -webkit-box-shadow: 0 0 0 10px rgba(242, 87, 67, 0.1);

            box-shadow: 0 0 0 10px rgba(242, 87, 67, 0.1);

  }

  100% {

    -webkit-box-shadow: 0 0 0 0 rgba(242, 87, 67, 0.1);

            box-shadow: 0 0 0 0 rgba(242, 87, 67, 0.1);

  }

}





/** funfact-section **/



.funfact-section{

  position: relative;

}



.funfact-section .inner-container{

  position: relative;

  margin-top: -135px;

  z-index: 1;

}



.funfact-section .counter-block-one{

  position: relative;

  display: inline-block;

  width: 33.3333%;

  float: left;

}



.counter-block-one .inner-box{

  position: relative;

  display: block;

  padding: 88px 30px 41px 30px;

}



.counter-block-one:nth-child(2) .inner-box{

  background: #f6f6f6;

}



.counter-block-one:nth-child(3) .inner-box{

  background: #313143;

}



.counter-block-one:last-child .inner-box{

  

}



.counter-block-one .inner-box .shap-box{

  position: absolute;

  left: 30px;

  top: 50px;

  width: 62px;

  height: 9px;

  background-repeat: no-repeat;

}



@keyframes slide-2{

  from { background-position: 0 0; }

    to { background-position: 1920px 0; }

}



@-webkit-keyframes slide-2{

  from { background-position: 0 0; }

    to { background-position: 1920px 0; }

}



.counter-block-one .inner-box .icon-box{

  position: absolute;

  display: inline-block;

  font-size: 60px;

  line-height: 60px;

  color: #fff;

  right: 30px;

  top: 30px;

}



.counter-block-one:nth-child(2) .inner-box .icon-box{

  color: transparent;

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;

}



.counter-block-one:nth-child(3) .inner-box .icon-box{

  color: transparent;

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;

}



.counter-block-one .inner-box .count-outer span{

  position: relative;

  display: inline-block;

  font-size: 60px;

  line-height: 68px;

  font-family: 'Roboto', sans-serif;

  font-weight: 900;

  color: #fff;

  margin-bottom: 13px;

}



.counter-block-one:nth-child(2) .inner-box .count-outer span{

  color: #1e1e2a;

}



.counter-block-one .inner-box h3{

  position: relative;

  display: block;

  font-size: 22px;

  line-height: 30px;

  color: #fff;

  font-weight: 500;

  margin: 0px;

}



.counter-block-one:nth-child(2) .inner-box h3{

  color: #1e1e2a;

}





/** service-section **/



.service-section{

  position: relative;

  padding: 250px 0px 120px 0px;

  margin-top: -135px;

}



.service-section .sec-title{

  margin-bottom: 50px;

}



.bg-color-1{

  background: #1e1e2a;

}



.service-block-one .inner-box{

  position: relative;

  display: block;

  padding: 0px 30px;

  margin-top: 30px;

  border: 2px solid rgba(255,255,255,0.1);

}



.service-block-one .inner-box:before{

  position: absolute;

  content: '';

  background: rgba(255,255,255,0.1);

  width: 100%;

  height: 0%;

  left: 0px;

  right: 0px;

  bottom: 0px;

  transition: all 500ms ease;

}



.service-block-one .inner-box:hover:before{

  height: 100%;

  top: 0px;

}



.service-block-one .inner-box .image-box{

  position: relative;

  display: block;

  overflow: hidden;

  margin-top: -32px;

}



.service-block-one .inner-box .image-box img{

  width: 100%;

  transition: all 500ms ease;

}



.service-block-one .inner-box:hover .image-box img{

  transform: scale(1.05);

}



.service-block-one .inner-box .lower-content{

  position: relative;

  padding-top: 67px;

}



.service-block-one .inner-box .lower-content .icon-box{

  position: absolute;

  top: -45px;

  right: 25px;

  width: 90px;

  height: 90px;

  line-height: 90px;

  font-size: 46px;

  background: #313143;

  text-align: center;

  border-radius: 50%;

  z-index: 1;

}



.service-block-one .inner-box .lower-content .icon-box:before{

  position: absolute;

  content: '';

  width: 100%;

  height: 100%;

  left: 0px;

  top: 0px;

  right: 0px;

  border-radius: 50%;

  transform: scale(0,0);

  z-index: -1;

  transition: all 500ms ease;

}



.service-block-one .inner-box:hover .lower-content .icon-box:before{

  transform: scale(1,1);

}



.service-block-one .inner-box .lower-content .icon-box i{

  color: transparent !important;

  -webkit-background-clip: text !important;

  -webkit-text-fill-color: transparent !important;

  transition: all 500ms ease;

}



.service-block-one .inner-box:hover .lower-content .icon-box i{

  background: -webkit-linear-gradient(-90deg, #fff, #fff 50%);

}



.service-block-one .inner-box .lower-content .shap-box{

  position: absolute;

  left: 0px;

  top: 35px;

  width: 62px;

  height: 9px;

  background-repeat: no-repeat;

}



.service-block-one .inner-box .lower-content h3{

  position: relative;

  display: block;

  font-size: 22px;

  line-height: 30px;

  color: #fff;

  font-weight: 500;

  margin-bottom: 14px;

}



.service-block-one .inner-box .lower-content h3 a{

  display: inline-block;

  color: #fff;

}



.service-block-one .inner-box .lower-content h3 a:hover{



}



.service-block-one .inner-box .lower-content p{

  font-size: 18px;

  line-height: 28px;

  color: #a6a6b3;

  font-weight: 600;

  margin-bottom: 27px;

}



.service-block-one .inner-box .lower-content .link{

  position: relative;

  display: block;

  padding: 14px 0px;

  z-index: 1;

}



.service-block-one .inner-box .lower-content .link:before{

  position: absolute;

  content: '';

  background: rgba(255,255,255,0.1);

  width: calc(100% + 60px);

  height: 2px;

  left: -30px;

  top: 0px;

}



.service-block-one .inner-box .lower-content .link:after{

  position: absolute;

  content: '';

  width: 0%;

  height: 100%;

  top: 0px;

  right: -30px;

  z-index: -1;

  transition: all 500ms ease;

}



.service-block-one .inner-box:hover .lower-content .link:after{

  width: calc(100% + 60px);

  left: -30px;

}



.service-block-one .inner-box .lower-content .link a{

  position: relative;

  display: inline-block;

  font-size: 18px;

  line-height: 28px;

  font-family: 'Roboto', sans-serif;

  font-weight: 700;

  color: #fff;

}



.service-block-one .inner-box .lower-content .link a i{

  position: relative;

  font-weight: 400;

  font-size: 22px;

  margin-left: 10px;

  top: 2px;

}





/** chooseus-section **/



.chooseus-section{

  position: relative;

  overflow: hidden;

  padding: 116px 0px 85px 0px;

}



.chooseus-section .pattern-layer{

  position: absolute;

  left: 0px;

  top: 0px;

  right: 0px;

  width: 100%;

  height: 100%;

  background-repeat: no-repeat;

  background-size: cover;

  background-position: center;

}



.chooseus-section .image-layer{

  position: absolute;

  right: 140px;

  bottom: 0px;

  z-index: 1;

}



.chooseus-section .inner-content .content-box-one{

  position: relative;

  max-width: 700px;

  width: 100%;

  margin-bottom: 10px;

}



.chooseus-section .inner-content .single-item{

  position: relative;

  display: inline-block;

  overflow: hidden;

  float: left;

  max-width: 225px;

  width: 100%;

  margin-right: 10px;

}



.chooseus-section .inner-content .content-box-one .single-item{

  padding-top: 35px;

}



.chooseus-section .inner-content .content-box-two .single-item{

  padding-bottom: 35px;

}



.chooseus-section .inner-content .single-item:last-child{

  margin-right: 0px;

}



.chooseus-section .inner-content .single-item .content-box{

  position: relative;

  display: block;

  background: #fff;

  padding: 40px 15px 22px 15px;

  text-align: center;

  opacity: 1;

  z-index: 1;

  transition: all 900ms ease;

}



.chooseus-section .inner-content .single-item:hover .content-box{

  opacity: 0;

}



.chooseus-section .inner-content .single-item .content-box .icon-box{

  position: relative;

  display: inline-block;

  margin-bottom: 14px;

  z-index: 1;

}



.chooseus-section .inner-content .single-item .content-box .icon-box:before{

  position: absolute;

  content: '';

  background: #eeeef5;

  height: 54px;

  width: 54px;

  border-radius: 50%;

  top: -10px;

  right: -30px;

  z-index: -1;

}



.chooseus-section .inner-content .single-item .content-box h4{

  position: relative;

  display: block;

  font-size: 20px;

  line-height: 30px;

  font-weight: 500;

  margin: 0px;

}



.chooseus-section .inner-content .single-item .overlay-box{

  position: absolute;

  left: 0px;

  width: 100%;

  background: #fff;

  padding: 30px 15px 23px 15px;

  text-align: center;

  z-index: 1;

  opacity: 0;

  transition: all 500ms ease;

}



.chooseus-section .inner-content .content-box-one .single-item .overlay-box{

  top: 30px;

}



.chooseus-section .inner-content .content-box-two .single-item .overlay-box{

  bottom: 30px;

}



.chooseus-section .inner-content .content-box-one .single-item:hover .overlay-box{

  opacity: 1;

  top: 0px;

}



.chooseus-section .inner-content .content-box-two .single-item:hover .overlay-box{

  opacity: 1;

  bottom: 0px;

}



.chooseus-section .inner-content .single-item .overlay-box .icon-box{

  position: relative;

  display: inline-block;

  width: 86px;

  height: 86px;

  line-height: 86px;

  background: #eeeef5;

  text-align: center;

  border-radius: 50%;

  margin-bottom: 14px;

}



.chooseus-section .inner-content .single-item .overlay-box p{

  position: relative;

  font-size: 18px;

  line-height: 26px;

  color: #5a5a68;

  font-weight: 700;

}



.chooseus-section .inner-content .content-box-two{

  position: relative;

  display: block;

  width: 100%;

}



.chooseus-section .inner-content .single-item .image-box{

  position: relative;

  display: block;

  text-align: center;

  padding: 10px 0px;

}



.chooseus-section .sec-title{

  margin-bottom: 15px;

}





/** project-section **/



.project-section{

  position: relative;

  padding: 115px 0px 90px 0px;

}



.project-section .sec-title{

  margin-bottom: 50px;

}



.project-block-one .inner-box{

  position: relative;

  display: block;

  overflow: hidden;

  margin-bottom: 30px;

}



.project-block-one .inner-box .image-box{

  position: relative;

  display: block;

  overflow: hidden;

  background: #2a2a38;

}



.project-block-one .inner-box .image-box img{

  width: 100%;

  transition: all 500ms ease;

}



.project-block-one .inner-box:hover .image-box img{

  transform: scale(1.05);

  opacity: 0.05;

}



.project-block-one .inner-box .lower-content .box{

  position: absolute;

  left: 30px;

  top: 25px;

  transform: translateY(30px);

  opacity: 0;

  transition: all 500ms ease;

}



.project-block-one .inner-box:hover .lower-content .box{

  transform: translateY(0px);

  opacity: 1;

}



h3{

  position: relative;

  display: block;

  font-size: 22px;

  line-height: 30px;

  font-weight: 500;

  margin-bottom: 10px;

}



h3 a{

  display: inline-block;

  color: #1e1e2a;

}



h3 a:hover{



}



.project-block-one .inner-box .lower-content{

  position: absolute;

  left: 0px;

  top: 0px;

  right: 0px;

  width: 100%;

  height: 100%;

  padding: 25px 30px;

}



.project-block-one .inner-box .lower-content .box h3{

  color: #fff;

  margin-bottom: 0px;

}



.project-block-one .inner-box .lower-content .box h3 a{

  color: #fff;

}



.project-block-one .inner-box .lower-content .box h3 a:hover{



}



.project-block-one .inner-box .lower-content .box p{

  position: relative;

  font-size: 18px;

  line-height: 28px;

  font-weight: 700;

  color: transparent;

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;

}



.project-block-one .inner-box .lower-content .view-btn{

  position: absolute;

  right: 0px;

  bottom: 0px;

  opacity: 0;

  transition: all 900ms ease;

}



.project-block-one .inner-box:hover .lower-content .view-btn{

  opacity: 1;

}



.project-block-one .inner-box .lower-content .view-btn a{

  position: relative;

  display: inline-block;

  font-size: 30px;

  color: #fff;

  font-weight: 700;

  width: 56px;

  height: 56px;

  line-height: 56px;

  text-align: center;

  border-top: 4px solid #fff;

  border-left: 4px solid #fff;

}





/** working-section **/



.working-section{

  position: relative;

  padding-top: 115px;

  width: 100%;

  background-size: cover;

  background-repeat: no-repeat;

  background-position: center;

  background-attachment: fixed;

}



.working-section:before{

  position: absolute;

  content: '';

  background: #1e1e2a;

  width: 100%;

  height: 100%;

  left: 0px;

  top: 0px;

  right: 0px;

  opacity: 0.85;

}



.working-section .inner-content{

  position: relative;

  margin: 0px -10px -170px -10px;

  z-index: 1;

}



.working-section .sec-title{

  margin-bottom: 90px;

}



.working-section .working-block{

  padding: 0px 25px;

}



.working-block-one .inner-box{

  position: relative;

  display: block;

  background: #fff;

  padding: 0px 50px 33px 50px;

  margin-top: 90px;

  min-height: 298px;

  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);

  transition: all 500ms ease;

}



.working-block-one .inner-box:hover{

  transform: translateY(-15px);

}



.working-block-one{

  position: relative;

}



.working-block-one:before{

  position: absolute;

  content: "\f112";

  font-family: 'Flaticon';

  font-size: 24px;

  line-height: 24px;

  top: 52px;

  right: -37px;

}



.working-block-one .inner-box .icon-box{

  position: relative;

  display: inline-block;

  width: 170px;

  height: 170px;

  line-height: 170px;

  text-align: center;

  border-radius: 50%;

  border: 2px dashed #b1b1bc;

  padding: 5px;

  margin-top: -90px;

  margin-bottom: 19px;

}



.working-block-one .inner-box .icon-box .count-box{

  position: absolute;

  top: 8px;

  right: -12px;

  width: 50px;

  height: 50px;

  line-height: 50px;

  font-size: 18px;

  font-family: 'Roboto', sans-serif;

  font-weight: 700;

  color: #fff;

  border-radius: 50%;

  border: 3px solid #fff;

  z-index: 2;

}



.working-block-one .inner-box .icon-box .icon{

  position: absolute;

  display: inline-block;

  left: 3px;

  top: 3px;

  width: 160px;

  height: 160px;

  line-height: 160px;

  font-size: 60px;

  color: #fff;

  text-align: center;

  border-radius: 50%;

  background-size: cover;

  background-repeat: no-repeat;

  background-position: center;

  z-index: 1;

}



.working-block-one .inner-box .icon-box .icon:before{

  position: absolute;

  content: '';

  width: 100%;

  height: 100%;

  left: 0px;

  top: 0px;

  right: 0px;

  border-radius: 50%;

  z-index: -1;

  transition: all 500ms ease;

}



.working-block-one .inner-box:hover .icon-box .icon:before{

  opacity: 0.8;

}



.working-block-one .inner-box .lower-content h3{

  margin-bottom: 12px;

}



.working-block-one .inner-box .lower-content .pattern-layer{

  position: relative;

  display: block;

  max-width: 62px;

  width: 100%;

  height: 9px;

  margin: 0 auto;

  margin-bottom: 23px;

  background-repeat: no-repeat;

  filter: grayscale(100%);

  -webkit-filter: grayscale(100%);

  -moz-filter: grayscale(100%);

  -o-filter: grayscale(100%);

  -ms-filter: grayscale(100%);

  -webkit-transition: all 500ms ease;

  -moz-transition: all 500ms ease;

  -ms-transition: all 500ms ease;

  -o-transition: all 500ms ease;

  transition: all 500ms ease;

}



.working-block-one .inner-box:hover .lower-content .pattern-layer{

  filter: grayscale(0%);

  -webkit-filter: grayscale(0%);

  -moz-filter: grayscale(0%);

  -o-filter: grayscale(0%);

  -ms-filter: grayscale(0%);

}





/** team-section **/



.team-section{

  position: relative;

  padding: 285px 0px 250px 0px;

}



.team-section .pattern-layer{

  position: absolute;

  left: 0px;

  top: 0px;

  right: 0px;

  width: 100%;

  height: 100%;

  background-size: cover;

  background-repeat: no-repeat;

  background-position: center;

}



.team-section .sec-title{

  margin-bottom: 50px;

}



.team-section .sec-title .btn-box{

  position: absolute;

  top: 36px;

  right: 0px;

}



.team-section .sec-title .btn-box .theme-btn{

  padding: 11px 33px;

}



.team-block-one .inner-box{

  position: relative;

  display: block;

  overflow: hidden;

}



.team-block-one .inner-box .image-box{

  position: relative;

  display: block;

  background: #2a2a38;

  overflow: hidden;

}



.team-block-one .inner-box .image-box img{

  width: 100%;

  transition: all 500ms ease;

}



.team-block-one .inner-box:hover .image-box img{

  opacity: 0.2;

}



.team-block-one .inner-box .content-box{

  position: absolute;

  left: 0px;

  bottom: 10px;

  background: #fff;

  max-width: 200px;

  width: 100%;

  opacity: 1;

  padding: 11px 20px 11px 30px;

  transition: all 500ms ease;

}



.team-block-one .inner-box:hover .content-box{

  opacity: 0;

}



.team-block-one .inner-box .content-box:before{

  position: absolute;

  content: '';

  width: 7px;

  height: calc(100% - 30px);

  top: 15px;

  left: 0px;

}



.team-block-one .inner-box .content-box h3{

  margin: 0px;

}



.team-block-one .inner-box .content-box .designation{

  position: relative;

  display: block;

  font-size: 18px;

  line-height: 20px;

  color: #5a5a68;

  font-weight: 700;

  margin-bottom: 6px;

}



.team-block-one .inner-box .overlay-box{

  position: absolute;

  left: 85px;

  bottom: -160px;

  opacity: 0;

  width: calc(100% - 170px);

  transition: all 900ms ease;

}



.team-block-one .inner-box:hover .overlay-box{

  bottom: 0px;

  opacity: 1;

}



.team-block-one .inner-box .overlay-box .designation{

  position: relative;

  display: block;

  font-size: 18px;

  line-height: 20px;

  color: #fff;

  font-weight: 700;

  margin-bottom: 6px;

}



.team-block-one .inner-box .overlay-box h3{

  color: #fff;

  margin: 0px;

}



.team-block-one .inner-box .overlay-box h3 a{

  color: #fff;

}



.team-block-one .inner-box .overlay-box .box{

  position: relative;

  padding: 26px 20px 25px 25px;

  border-bottom: 1px solid rgba(255,255,255,0.5);

}



.team-block-one .inner-box .overlay-box .social-links li{

  position: relative;

  display: inline-block;

  float: left;

  width: 25%;

  text-align: center;

  border-right: 1px solid rgba(255,255,255,0.5);

}



.team-block-one .inner-box .overlay-box .social-links li:last-child{

  border: none;

}



.team-block-one .inner-box .overlay-box .social-links li a{

  display: inline-block;

  height: 50px;

  line-height: 50px;

  width: 100%;

  font-size: 14px;

  color: #fff;

}



.team-block-one .inner-box .overlay-box .social-links li a span{

  position: absolute;

  left: 50%;

  transform: translateX(-50%);

  top: 0px;

  background: #fff;

  font-size: 16px;

  font-weight: 700;

  color: #1e1e2a;

  width: 80px;

  height: 27px;

  line-height: 27px;

  text-align: center;

  opacity: 0;

  transition: all 500ms ease;

}



.team-block-one .inner-box .overlay-box .social-links li a span:before{

  position: absolute;

  content: '';

  background: #fff;

  width: 12px;

  height: 12px;

  left: 33px;

  bottom: -4px;

  transform: rotate(45deg);

  z-index: -1;

}



.team-block-one .inner-box .overlay-box .social-links li a:hover span{

  opacity: 1;

  top: -20px;

}





/** repair-section **/



.repair-section{

  position: relative;

}



.repair-section .inner-content{

  position: relative;

  margin-top: -138px;

  z-index: 1;

}



.repair-section .single-item .inner-box{

  position: relative;

  display: block;

}



.repair-section .single-item .inner-box .content-box{

  position: relative;

  display: inline-block;

  float: left;

  max-width: 270px;

  width: 100%;

  overflow: hidden;

  background: #2a2a38;

  min-height: 263px;

  padding: 38px 37px 34px 40px;

}



.repair-section .single-item .inner-box .image-box{

  position: relative;

  display: block;

  float: left;

  max-width: 300px;

  width: 100%;

  overflow: hidden;

}



.repair-section .single-item .inner-box .image-box:before{

  position: absolute;

  content: '';

  left: 0px;

  top: 0px;

  width: 0%;

  height: 100%;

  background: rgba(42, 42, 56, 0.8);

  transition: all 500ms ease;

}



.repair-section .single-item .inner-box:hover .image-box:before{

  width: 100%;

  right: 0px;

}



.repair-section .single-item .inner-box .image-box img{

  width: 100%;

}



.repair-section .single-item .inner-box .content-box .icon-box{

  position: relative;

  display: inline-block;

  font-size: 60px;

  line-height: 60px;

  margin-bottom: 23px;

}



.repair-section .single-item .inner-box .content-box .light-icon{

  position: absolute;

  top: -10px;

  right: -10px;

  font-size: 120px;

  line-height: 120px;

  color: rgba(255,255,255,0.1);

}



.repair-section .single-item .inner-box .content-box h3{

  position: relative;

  display: block;

  font-size: 24px;

  color: #fff;

  line-height: 30px;

  font-weight: 500;

  margin-bottom: 18px;

}



.repair-section .single-item .inner-box .content-box h3:last-child{

  margin-bottom: 0px;

}



.repair-section .single-item .inner-box .content-box h3 a{

  color: #fff;

}



.repair-section .single-item .inner-box .content-box h3 a:hover{



}



.repair-section .single-item .inner-box .content-box .rating-box{

  position: relative;

  display: block;

  margin-bottom: 20px;

  padding: 7px 0px 0px 98px;

}



.repair-section .single-item .inner-box .content-box .rating-box span{

  position: absolute;

  display: inline-block;

  left: 0px;

  top: 0px;

  font-size: 60px;

  line-height: 60px;

  color: #fff;

  font-family: 'Roboto', sans-serif;

  font-weight: 700;

}



.repair-section .single-item .inner-box .content-box .rating-box h6{

  position: relative;

  display: block;

  font-size: 15px;

  line-height: 20px;

  color: #fff;

  font-weight: 700;

  margin-bottom: 0px;

  text-transform: uppercase;

}



.repair-section .single-item .inner-box .content-box .rating-box .rating li{

  position: relative;

  display: inline-block;

  float: left;

  font-size: 14px;

  margin-right: 1px;

}



.repair-section .single-item .inner-box .content-box h5{

  position: relative;

  display: block;

  font-size: 18px;

  line-height: 28px;

  font-family: 'Roboto', sans-serif;

  font-weight: 700;

  color: #fff;

}



.repair-section .single-item .inner-box .content-box h5 a{

  display: inline-block;

  color: #fff;

}



.repair-section .single-item .inner-box .content-box h5 a i{

  position: relative;

  font-size: 22px;

  font-weight: 400;

  top: 2px;

  margin-left: 10px;

}



.repair-section .single-item .inner-box .content-box h5 a:hover{



}





/** testimonial-section **/



.testimonial-section{

  position: relative;

  padding: 240px 0px 90px 0px;

  margin-top: -126px;

}



.bg-color-2{

  background: #f6f6f6;

}



.testimonial-section .testimonial-content .inner-box{

  position: relative;

  display: block;

  background: #fff;

  margin: 40px 15px 30px 15px;

  padding: 43px 30px 41px 30px;

  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);

}



.testimonial-section .testimonial-content .inner-box .image-box{

  position: absolute;

  top: -40px;

  right: 40px;

  width: 90px;

  height: 90px;

  border-radius: 50%;

}



.testimonial-section .testimonial-content .inner-box .image-box img{

  width: 100%;

  border-radius: 50%;

}



.testimonial-section .testimonial-content .inner-box .image-box i{

  position: absolute;

  right: -10px;

  bottom: 0px;

  font-size: 20px;

  color: #fff;

  width: 40px;

  height: 40px;

  line-height: 40px;

  text-align: center;

  border-radius: 50%;

}



.testimonial-section .testimonial-content .inner-box .rating-box{

  position: relative;

  display: block;

  margin-bottom: 16px;

}



.testimonial-section .testimonial-content .inner-box .rating-box li{

  position: relative;

  display: inline-block;

  float: left;

  font-size: 14px;

  margin-right: 7px;

}



.testimonial-section .testimonial-content .inner-box .rating-box li:last-child{

  margin-right: 0px;

}



.testimonial-section .testimonial-content .inner-box p{

  font-size: 18px;

  line-height: 28px;

  color: #5a5a68;

  font-weight: 600;

  margin-bottom: 17px;

}



.testimonial-section .testimonial-content .inner-box h3{

  margin: 0px;

}



.testimonial-section .testimonial-content .inner-box h3 span{

  font-size: 18px;

  font-family: 'Muli', sans-serif;

  font-weight: 500;

  color: #5a5a68;

}



.testimonial-section .testimonial-inner{

  position: relative;

  margin: 0px -15px;

}



.testimonial-section .sec-title{

  margin-bottom: 50px;

}





/** news-section **/



.news-section{

  position: relative;

  padding: 115px 0px 120px 0px;

}



.news-section .sec-title{

  margin-bottom: 50px;

}



.news-section .sec-title .btn-box {

  position: absolute;

  top: 36px;

  right: 0px;

}



.news-section .sec-title .btn-box .theme-btn {

  padding: 11px 40px;

}



.news-block-one .inner-box{

  position: relative;

  display: block;

  background: #fff;

  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);

  transition: all 500ms ease;

}



.news-block-one .inner-box:hover{

  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);

}



.news-block-one .inner-box .image-box{

  position: relative;

  display: block;

  overflow: hidden;

}



.news-block-one .inner-box .image-box:before{

  position: absolute;

  content: '';

  background: #1e1e2a;

  width: 50%;

  height: 0%;

  left: 0px;

  bottom: 0px;

  opacity: 0.9;

  z-index: 1;

  transition: all 500ms ease;

}



.news-block-one .inner-box .image-box:after{

  position: absolute;

  content: '';

  background: #1e1e2a;

  width: 50%;

  height: 0%;

  right: 0px;

  top: 0px;

  opacity: 0.9;

  transition: all 500ms ease;

}



.news-block-one .inner-box:hover .image-box:before,

.news-block-one .inner-box:hover .image-box:after{

  height: 100%

}



.news-block-one .inner-box .image-box .link{

  position: absolute;

  display: inline-block;

  left: 0px;

  top: 0px;

  right: 0px;

  width: 100%;

  height: 100%;

  font-size: 0px;

  color: #fff;

  z-index: 1;

}



.news-block-one .inner-box .image-box img{

  width: 100%;

}



.news-block-one .inner-box .image-box .category{

  position: absolute;

  right: 0px;

  bottom: 0px;

}



.news-block-one .inner-box .image-box .category p{

  position: relative;

  display: inline-block;

  font-size: 16px;

  font-weight: 700;

  color: #fff;

  padding: 4px 19px;

  text-align: center;

  z-index: 1;

  border-top-left-radius: 15px;

}



.news-block-one .inner-box .image-box .category p i{

  position: relative;

  color: #fff;

  margin-right: 8px;

}



.news-block-one .inner-box .lower-content{

  position: relative;

  padding: 23px 30px 0px 30px;

}



.news-block-one .inner-box .lower-content h3{

  font-size: 24px;

  line-height: 34px;

  margin-bottom: 12px;

}



.news-block-one .inner-box .lower-content .post-info{

  position: relative;

  display: block;

  margin-bottom: 17px;

}



.news-block-one .inner-box .lower-content .post-info li{

  position: relative;

  display: inline-block;

  font-size: 15px;

  color: #5a5a68;

  font-weight: 500;

  padding-right: 18px;

  margin-right: 3px;

}



.news-block-one .inner-box .lower-content .post-info li:before{

  position: absolute;

  content: "||";

  font-size: 15px;

  font-family: 'Muli', sans-serif;

  color: #c4c4c4;

  top: -2px;

  right: 0px;

}



.news-block-one .inner-box .lower-content .post-info li:last-child{

  padding: 0px;

  margin: 0px;

}



.news-block-one .inner-box .lower-content .post-info li:last-child:before{

  display: none;

}



.news-block-one .inner-box .lower-content .post-info li a{

  color: #5a5a68;

}



.news-block-one .inner-box .lower-content .post-info li i{

  position: relative;

  font-size: 13px;

  margin-right: 8px;

}



.news-block-one .inner-box .lower-content .post-info li a:hover{



}



.news-block-one .inner-box .lower-content p{

  font-size: 18px;

  font-weight: 600;

  line-height: 28px;

  color: #5a5a68;

}



.news-block-one .inner-box .lower-content p span{



}



.news-block-one .inner-box .lower-content .upper-box{

  position: relative;

  padding-bottom: 22px;

  border-bottom: 1px solid #e3e3e3;

}



.news-block-one .inner-box .lower-content .lower-box{

  position: relative;

  padding: 12px 0px;

}



.news-block-one .inner-box .lower-content .lower-box .comment-box p a{

  position: relative;

  font-size: 15px;

  color: #5a5a68;

}



.news-block-one .inner-box .lower-content .lower-box .comment-box p i{

  position: relative;

  font-size: 13px;

  margin-right: 8px;

}



.news-block-one .inner-box .lower-content .lower-box .comment-box p a:hover{



}



.news-block-one .inner-box .lower-content .lower-box .link-box a{

  position: relative;

  display: inline-block;

  font-size: 18px;

  font-family: 'Roboto', sans-serif;

  font-weight: 700;

}



.news-block-one .inner-box .lower-content .lower-box .link-box a i{

  position: relative;

  font-size: 20px;

  font-weight: 700;

  color: #71717d;

  margin-left: 10px;

  top: 2px;

  transition: all 500ms ease;

}



.news-block-one .inner-box .lower-content .lower-box .link-box a:hover i{

  

}



.news-block-one .inner-box .lower-content .lower-box .link-box a span{

  position: absolute;

  right: 20px;

  top: 0px;

  min-width: 90px;

  visibility: hidden;

  opacity: 0;

  transition: all 500ms ease;

}



.news-block-one .inner-box .lower-content .lower-box .link-box a:hover span{

  visibility: visible;

  opacity: 1;

  right: 30px;

}





/** brochure-section **/



.brochure-section{

  position: relative;

  padding: 115px 0px;

}



.brochure-section .pattern-layer .pattern-1{

  position: absolute;

  left: 0px;

  top: 0px;

  right: 0px;

  width: 100%;

  height: 100%;

  background-size: cover;

  background-repeat: no-repeat;

  background-position: center;

}



.brochure-section .pattern-layer .pattern-2{

  position: absolute;

  top: 0px;

  right: 0px;

  width: 695px;

  height: 100%;

  background-repeat: no-repeat;

  background-position: center;

}



.brochure-section .image-layer{

  position: absolute;

  right: 0px;

  bottom: -65px;

}



.brochure-section .image-box{

  position: relative;

  display: block;

}



.brochure-section .image-box img{

  width: 100%;

}



.brochure-section .image-box h3{

  position: absolute;

  left: 0px;

  bottom: 0px;

  width: 100%;

  color: #fff;

  margin: 0px;

  padding: 20px 20px 23px 20px;

}



#content_block_two .content-box .subscribe-form .form-group{

  position: relative;

  margin-bottom: 20px;

}



#content_block_two .content-box .subscribe-form .form-group input[type='email']{

  position: relative;

  width: 100%;

  height: 55px;

  background: #3c3c4d;

  border: 1px solid #3c3c4d;

  padding: 10px 80px 10px 20px;

  font-size: 16px;

  font-family: 'Muli', sans-serif;

  font-weight: 700;

  color: #b0b0bd;

}



#content_block_two .content-box .subscribe-form .form-group input::-webkit-input-placeholder{

  color:#b0b0bd;

}



#content_block_two .content-box .subscribe-form .form-group button{

  position: absolute;

  top: 15px;

  right: 20px;

  color: #fff;

  font-size: 20px;

  cursor: pointer;

  background: transparent;

  transition: all 500ms ease;

}



#content_block_two .content-box .subscribe-form .form-group input:focus + button,

#content_block_two .content-box .subscribe-form .form-group button:hover{



}



#content_block_two .content-box .subscribe-form .form-group input:focus{



}



#content_block_two .content-box .subscribe-form .form-group button:before{

  position: absolute;

  content: '';

  background: rgba(255,255,255,0.1);

  width: 1px;

  height: 25px;

  left: -22px;

  top: 0px;

}



#content_block_two .content-box .download-btn h5{

  position: relative;

  display: block;

  font-size: 18px;

  line-height: 28px;

  font-weight: 700;

}



#content_block_two .content-box .download-btn h5 a{

  display: inline-block;

}



#content_block_two .content-box .download-btn h5 a i{

  margin-right: 10px;

}



#content_block_two .content-box .download-btn h5 a:hover{

  color: #fff;

}





/** clients-section **/



.clients-section{

  position: relative;

  padding: 115px 0px;

}



.clients-section .clients-logo-box img{

  display: block;

  max-width: 100%;

  width: auto;

  margin: 0 auto;

  -webkit-transition: all 300ms ease;

  -moz-transition: all 300ms ease;

  -ms-transition: all 300ms ease;

  -o-transition: all 300ms ease;

  transition: all 300ms ease;

}



.clients-section .clients-logo-box img:hover{

  filter: grayscale(100%);

  -webkit-filter: grayscale(100%);

  -moz-filter: grayscale(100%);

  -o-filter: grayscale(100%);

  -ms-filter: grayscale(100%);

}



.clients-section .clients-logo-box{

  position: relative;

  display: block;

}



.clients-section .clients-logo-box:before{

  position: absolute;

  content: '';

  background: #f3f3f3;

  width: 1px;

  height: 95px;

  top: 20px;

  right: -15px;

}



.clients-section .owl-theme .owl-dots .owl-dot span{

  position: relative;

  display: inline-block;

  width: 14px;

  height: 14px;

  background: #d9d9e1;

  border-radius: 50%;

  margin: 0px 7px;

  cursor: pointer;

  transition: all 500ms ease;

}



.clients-section .owl-theme .owl-dots .owl-dot.active span,

.clients-section .owl-theme .owl-dots .owl-dot span:hover{



}





/** google-map-section **/



.google-map-section{

  position: relative;

}



.google-map-section .google-map-area #contact-google-map{

  position: relative;

  display: block;

  width: 100%;

  height: 470px;

}





/** main-footer **/



.main-footer{

  position: relative;

}



.main-footer.style-one .footer-top{

  position: relative;

  padding-top: 90px;

}



.main-footer.style-one .footer-top:before{

  position: absolute;

  content: '';

  background: #13131c;

  width: 30%;

  height: 100%;

  left: 0px;

  top: 0px;

}



.main-footer.style-one .footer-top .logo-widget{

  position: relative;

  display: block;

  overflow: hidden;

  background: #272734;

  margin-right: 20px;

  padding: 0px 30px 100px 30px;

}



.main-footer.style-one .footer-top .logo-widget .footer-logo{

  position: relative;

  left: 0px;

  width: 200px;

  height: 200px;

  line-height: 200px;

  margin: -75px auto 64px auto;

  text-align: center;

  padding: 5px;

  z-index: 1;

}



.main-footer.style-one .footer-top .logo-widget .footer-logo:before{

  position: absolute;

  content: '';

  width: 200px;

  height: 200px;

  left: 0px;

  top: 0px;

  z-index: -1;

  transform: rotate(45deg);

}



.main-footer.style-one .footer-top .logo-widget .footer-logo .logo{

  position: relative;

  display: inline-block;

  padding-top: 18px;

  z-index: 1;

}



.main-footer.style-one .footer-top .logo-widget .footer-logo:after {

  position: absolute;

  content: '';

  border: 1px dashed #fff;

  width: calc(200px - 10px);

  height: calc(200px - 10px);

  left: 5px;

  top: 5px;

  transform: rotate(45deg);

}



.footer-top .logo-widget .text{

  position: relative;

  margin-bottom: 25px;

}



.footer-top .logo-widget .text p{

  font-size: 18px;

  line-height: 28px;

  font-weight: 700;

  color: rgba(255,255,255,0.6);

  margin-bottom: 0px;

}



.footer-top .logo-widget .subscribe-box h4{

  position: relative;

  display: block;

  font-size: 20px;

  line-height: 30px;

  font-weight: 700;

  color: #fff;

  margin-bottom: 13px;

}



.footer-top .logo-widget .subscribe-box .subscribe-form .form-group{

  position: relative;

  margin: 0px;

}



.footer-top .logo-widget .subscribe-box .subscribe-form .form-group input[type='email']{

  position: relative;

  width: 100%;

  height: 52px;

  background: #414153;

  color: #b0b0bd;

  border: 1px solid #414153;

  padding: 10px 70px 10px 20px;

  transition: all 500ms ease;

}



.footer-top .logo-widget .subscribe-box .subscribe-form .form-group input::-webkit-input-placeholder{

  color:#b0b0bd;

}





.footer-top .logo-widget .subscribe-box .subscribe-form .form-group button{

  position: absolute;

  top: 0px;

  right: 0px;

  width: 52px;

  height: 52px;

  line-height: 52px;

  text-align: center;

  color: #fff;

  font-size: 20px;

  cursor: pointer;

  transition: all 500ms ease;

}



.footer-top .logo-widget .subscribe-box .subscribe-form .form-group input:focus{



}



.main-footer .widget-section{

  position: relative;

}



.main-footer .widget-section .pattern-scale{

  position: absolute;

  top: 0px;

  right: 0px;

  width: 760px;

  height: 35px;

  background-repeat: repeat-x;

  animation: slide-2 60s linear infinite;

  -webkit-animation: slide-2 60s linear infinite;

}



.main-footer.style-one .widget-section .links-widget{

  position: relative;

  padding: 70px 0px 93px 0px;

}



.main-footer .footer-widget .widget-title{

  position: relative;

  display: block;

  padding-bottom: 12px;

  margin-bottom: 32px;

}



.main-footer .footer-widget .widget-title h3{

  position: relative;

  font-size: 24px;

  font-weight: 500;

  color: #fff;

}



.main-footer .footer-widget .widget-title .pattern-layer{

  position: absolute;

  left: 0px;

  bottom: 0px;

  width: 62px;

  height: 9px;

  background-repeat: no-repeat;

}



.main-footer.style-one .links-widget .widget-content .list{

  position: relative;

  display: block;

  width: 50%;

  float: left;

}



.main-footer.style-one .links-widget .widget-content .list li{

  position: relative;

  display: block;

  margin-bottom: 13px;

}



.main-footer.style-one .links-widget .widget-content .list li:last-child{

  margin-bottom: 0px;

}



.main-footer.style-one .links-widget .widget-content .list li a{

  position: relative;

  display: inline-block;

  font-size: 17px;

  line-height: 28px;

  font-family: 'Muli', sans-serif;

  font-weight: 500;

  color: rgba(255,255,255,0.6);

  padding-left: 28px;

}



.main-footer.style-one .links-widget .widget-content .list li a:before{

  position: absolute;

  content: "\f105";

  font-size: 18px;

  font-family: 'Font Awesome 5 Free';

  font-weight: 700;

  color: rgba(255,255,255,0.6);

  left: 0px;

  top: 0px;

  transition: all 500ms ease;

}



.main-footer.style-one .links-widget .widget-content .list li a:hover{

  color: #fff;

}



.main-footer.style-one .links-widget .widget-content .list li a:hover:before{

  color: #fff;

}



.main-footer.style-one .widget-section .post-widget{

  position: relative;

  padding: 70px 0px 98px 0px;

}



.main-footer.style-one .widget-section .post-widget .post-inner{

  position: relative;

  margin-bottom: 17px;

}



.main-footer.style-one .widget-section .post-widget .widget-content .link h5{

  position: relative;

  display: block;

  font-size: 18px;

  font-weight: 700;

}



.main-footer.style-one .widget-section .post-widget .widget-content .link h5 a{

  display: inline-block;

}



.main-footer.style-one .widget-section .post-widget .widget-content .link h5 a i{

  position: relative;

  font-size: 20px;

  margin-left: 10px;

  top: 2px;

}



.main-footer.style-one .widget-section .post-widget .widget-content .link h5 a:hover{

  color: #fff;

}



.main-footer.style-one .widget-section .post-widget .post-inner .post{

  position: relative;

  display: block;

  padding-left: 110px;

  margin-bottom: 34px;

  min-height: 80px;

}



.main-footer.style-one .widget-section .post-widget .post-inner .post:last-child{

  margin-bottom: 0px;

}



.main-footer.style-one .widget-section .post-widget .post-inner .post .image-box{

  position: absolute;

  left: 0px;

  top: 6px;

  width: 80px;

  height: 80px;

  overflow: hidden;

}



.main-footer.style-one .widget-section .post-widget .post-inner .post .image-box img{

  width: 100%;

  transition: all 500ms ease;

}



.main-footer.style-one .widget-section .post-widget .post-inner .post:hover .image-box img{

  opacity: 0.2;

}



.main-footer.style-one .widget-section .post-widget .post-inner .post h4{

  display: block;

  font-size: 20px;

  line-height: 30px;

  font-weight: 500;

  color: #fff;

  margin-bottom: 9px;

}



.main-footer.style-one .widget-section .post-widget .post-inner .post h4 a{

  display: inline-block;

  color: #fff;

}



.main-footer.style-one .widget-section .post-widget .post-inner .post h4 a:hover{



}



.main-footer.style-one .widget-section .post-widget .post-inner .post .post-date{

  position: relative;

  display: block; 

  font-size: 16px;

  font-family: 'Muli', sans-serif;

  font-weight: 500;

  color: rgba(255,255,255,0.6);

  padding-left: 50px;

}



.main-footer.style-one .widget-section .post-widget .post-inner .post .post-date:before{

  position: absolute;

  content: '';

  width: 40px;

  height: 1px;

  left: 0px;

  top: 15px;

}



.main-footer.style-one .widget-section .post-widget .post-inner .post .post-date i{

  font-size: 13px;

  margin-right: 8px;

}



.main-footer.style-one .footer-top .image-layer{

  position: absolute;

  left: 0px;

  bottom: 1px;

}



.main-footer.style-one .footer-bottom{

  position: relative;

  display: block;

  background: #13131c;

  padding: 17px 0px;

}



.main-footer.style-one .footer-bottom .copyright{

  position: relative;

  margin-top: 8px;

}



.main-footer.style-one .footer-bottom .copyright p{

  position: relative;

  font-size: 17px;

  color: #b0b0bd;

  font-weight: 500;

}



.main-footer.style-one .footer-bottom .copyright p a{

  color: #b0b0bd;

}



.main-footer.style-one .footer-bottom .copyright p a:hover{



}



.main-footer.style-one .footer-bottom .social-links li{

  position: relative;

  display: inline-block;

  margin-right: 5px;

}



.main-footer.style-one .footer-bottom .social-links li:last-child{

  margin-right: 0px;

}



.main-footer.style-one .footer-bottom .social-links li a{

  position: relative;

  display: inline-block;

  font-size: 14px;

  color: #fff;

  background: #2f2f3e;

  width: 44px;

  height: 44px;

  line-height: 44px;

  text-align: center;

  border-radius: 50%;

  z-index: 1;

}



.main-footer.style-one .footer-bottom .social-links li a:before{

  position: absolute;

  content: '';

  width: 100%;

  height: 100%;

  left: 0px;

  top: 0px;

  right: 0px;

  border-radius: 50%;

  transform: scale(0,0);

  z-index: -1;

  transition: all 500ms ease;

}



.main-footer.style-one .footer-bottom .social-links li a:hover:before{

  transform: scale(1,1);

}







/*** 



====================================================================

                        Home-Page-Two

====================================================================



***/





/** header-style-two **/



.main-header.style-two{

  position: relative;

  display: block;

  background: transparent;

}



.main-header.style-two .header-top{

  position: relative;

  display: block;

  background: #1e1e2a;

  padding: 12.5px 0px;

}



.main-header.style-two .header-top .top-left .info-column li{

  position: relative;

  display: inline-block;

  font-size: 17px;

  font-weight: 500;

  color: #a6a6b3;

  margin-right: 25px;

}



.main-header.style-two .header-top .top-left .info-column li:last-child{

  margin-right: 0px;

}



.main-header.style-two .header-top .top-left .info-column li a{

  color: #a6a6b3;

}



.main-header.style-two .header-top .top-left .info-column li a:hover{



}



.main-header.style-two .header-top .top-left .info-column li i{

  position: relative;

  font-size: 18px;

  margin-right: 8px;

  font-weight: 700;

  color: transparent;

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;

}



.main-header.style-two .header-top .top-right .header-nav li{

  position: relative;

  display: inline-block;

  font-size: 17px;

  font-weight: 500;

  color: #a6a6b3;

  margin: 0px 16px;

}



.main-header.style-two .header-top .top-right .header-nav li:before{

  position: absolute;

  content: '';

  background: rgba(255,255,255,0.2);

  width: 1px;

  height: 20px;

  top: 3px;

  right: -17px;

}



.main-header.style-two .header-top .top-right .header-nav li a{

  color: #a6a6b3;

}



.main-header.style-two .header-top .top-right .header-nav li a:hover{



}



.main-header.style-two .header-top .top-right .header-nav li .search-btn button{

  position: relative;

  display: inline-block;

  font-size: 17px;

  font-weight: 500;

  color: #a6a6b3;

  background: transparent;

  cursor: pointer;

  transition: all 500ms ease;

}



.main-header.style-two .header-top .top-right .header-nav li .search-btn button:hover{



}



.main-header.style-two .header-top .top-right .header-nav li .search-btn button i{

  font-size: 15px;

  margin-right: 8px;

}



.main-header.style-two .header-top .top-right .social-links li{

  position: relative;

  display: inline-block;

  margin-right: 15px;

}



.main-header.style-two .header-top .top-right .social-links li:last-child{

  margin-right: 0px;

}



.main-header.style-two .header-top .top-right .social-links li a{

  position: relative;

  display: inline-block;

  font-size: 14px;

  color: #a6a6b3;

}



.main-header.style-two .header-top .top-right .social-links li a:hover{



}



.main-header.style-two .header-top .top-right .header-nav{

  position: relative;

  margin-right: 25px;

}



.main-header.style-two .header-upper{

  position: relative;

  display: block;

  background: #f6f6f6;

}



.main-header.style-two .header-upper .upper-inner .logo-box .logo{

  position: relative;

  display: inline-block;

  background: #fff;

  text-align: center;

  padding: 27.5px 40px;

}



.main-header.style-two .header-upper .upper-inner .info-box li{

  position: relative;

  display: inline-block;

  float: left;

}



.main-header.style-two .header-upper .upper-inner .info-box li.btn-box{

  padding: 32.5px 0px;

}



.main-header.style-two .header-upper .upper-inner .info-box li.btn-box .theme-btn{

  padding: 11.5px 33px;

}



.main-header.style-two .header-upper .upper-inner .info-box .single-info{

  padding: 32px 60px 36px 55px;

  margin-right: 40px;

}



.main-header.style-two .header-upper .upper-inner .info-box .single-info:before{

  position: absolute;

  content: '';

  background: #d8d8d8;

  height: 55px;

  width: 1px;

  top: 33px;

  right: 0px;

}



.main-header.style-two .header-upper .upper-inner .info-box .single-info:nth-child(2){

  margin-right: 0px;

}



.main-header.style-two .header-upper .upper-inner .info-box .single-info:nth-child(2):before{

  display: none;

}



.main-header.style-two .header-upper .upper-inner .info-box .single-info i{

  position: absolute;

  left: 0px;

  top: 38px;

  font-size: 40px;

  line-height: 40px;

  color: transparent;

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;

}



.main-header.style-two .header-upper .upper-inner .info-box .single-info h5{

  position: relative;

  display: block;

  font-size: 18px;

  line-height: 26px;

  font-family: 'Muli', sans-serif;

  font-weight: 600;

  color: #1e1e2a;

  margin: 0px;

}



.main-header.style-two .header-upper .upper-inner .info-box .single-info h5 a{

  display: inline-block;

  color: #1e1e2a;

}



.main-header.style-two .header-upper .upper-inner .info-box .single-info h5 a:hover{



}



.main-header.style-two .header-upper .upper-inner .info-box .single-info p{

  position: relative;

  font-size: 16px;

  font-weight: 600;

  color: #5a5a68;

  line-height: 26px;

  margin: 0px;

}



.main-header.style-two .header-lower .outer-box{

  position: relative;

  display: block;

  background: transparent;

}



.main-header.style-two .header-lower .outer-box .menu-area{

  position: absolute;

  left: 0px;

  top: 0px;

  right: 0px;

  width: 100%;

  background: #fff;

  padding-left: 40px;

}



.main-header.style-two .main-menu .navigation > li{

  padding: 23px 0px 22px 0px;

}



.main-header.style-two .menu-right-content{

  margin: 0;

}



.main-header.style-two .menu-right-content .nav-box .nav-btn{

  background: #1e1e2a;

  height: 75px;

  width: 75px;

  line-height: 75px;

}



.main-header.style-two .menu-right-content .nav-box .nav-btn i{

  color: transparent;

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;

}



.main-header.style-two .menu-right-content .cart-box {

  margin: 23px 52px 0px 0px;

}





/** banner-style-two **/



.banner-section.style-two{

  position: relative;

}



.banner-carousel .slide-item.bg-none:before{

  display: none;

}



.banner-carousel .slide-item.bg-left:before{

  right: inherit;

  left: 0px;

  background: -webkit-linear-gradient(0deg, rgba(53,6,3,0.9), rgba(53,6,3,0.0) 100%);

}



.banner-carousel .content-box.dark h1{

  color: #1e1e2a;

}



.banner-carousel .content-box.dark p{

  color: #9494a3;

  font-size: 18px;

  margin-bottom: 32px;

  font-weight: 700;

}



.banner-carousel .content-box h2{

  position: relative;

  display: block;

  font-size: 40px;

  line-height: 50px;

  font-weight: 500;

  color: #fff;

  margin-bottom: 22px;

  opacity: 0;

  -webkit-transform: translateY(100px);

  -moz-transform: translateY(100px);

  -ms-transform: translateY(100px);

  -o-transform: translateY(100px);

  transform: translateY(100px);

  -webkit-transition: all 1150ms ease;

  -moz-transition: all 1150ms ease;

  -ms-transition: all 1150ms ease;

  -o-transition: all 1150ms ease;

  transition: all 1150ms ease;

}



.banner-section.style-two .banner-carousel .content-box h1{

  font-size: 100px;

  line-height: 100px;

  font-weight: 900;

  text-transform: uppercase;

  margin-bottom: 17px;

}



.banner-carousel .active .content-box h2{

  opacity: 1;

  -webkit-transform: translateY(0);

  -moz-transform: translateY(0);

  -ms-transform: translateY(0);

  -o-transform: translateY(0);

  transform: translateY(0);

  -webkit-transition-delay: 1150ms;

  -moz-transition-delay: 1150ms;

  -ms-transition-delay: 1150ms;

  -o-transition-delay: 1150ms;

  transition-delay: 1150ms;

}



.banner-section.style-two .banner-carousel .content-box .lower-box{

  position: relative;

  padding-left: 30px;

}



.banner-section.style-two .banner-carousel .content-box .btn-box .theme-btn{

  padding: 14px 22px;

}



.banner-section.style-two .banner-carousel .slide-item{

  padding: 230px 0px 220px 0px;

}



.bg-color-3{

  background: #f6f6f6;

}





/** feature-section **/



.feature-section{

  position: relative;

}



.feature-section .outer-container{

  position: relative;

  display: block;

  max-width: 1800px;

  width: 100%;

  margin: 0 auto;

}



.feature-section .feature-block-one{

  position: relative;

  display: block;

  float: left;

  width: 33.333%;

}



.feature-section .feature-block-one .inner-box{

  position: relative;

  display: block;

  background: #fff;

  max-width: 560px;

  width: 100%;

  z-index: 1;

  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);

}



.feature-section .feature-block-one .inner-box .box .light-icon{

  position: absolute;

  right: -10px;

  bottom: -10px;

  font-size: 120px;

  line-height: 120px;

}



.feature-section .feature-block-one .inner-box .icon-box{

  position: absolute;

  left: 0px;

  top: -40px;

  width: 170px;

  height: calc(100% + 40px);

  text-align: center;

  background: #f6f6f6;

  padding: 52px 15px 30px 15px;

  z-index: 1;

}



.feature-section .feature-block-one .inner-box .icon-box:before{

  position: absolute;

  content: '';

  background: #e2e0e0;

  width: 40px;

  height: 40px;

  top: 0px;

  right: -39px;

  clip-path: polygon(0% 0%, 0% 0%, 100% 100%, 0% 100%, 0% 0%);

  transition: all 500ms ease;

}



.feature-section .feature-block-one .inner-box:hover .icon-box:before{

  background: #3a3a46;

}



.feature-section .feature-block-one .inner-box .icon-box:after{

  position: absolute;

  content: '';

  background: #282833;

  width: 100%;

  height: 0%;

  left: 0px;

  right: 0px;

  bottom: 0px;

  z-index: -1;

  transition: all 300ms ease;

}



.feature-section .feature-block-one .inner-box:hover .icon-box:after{

  height: 100%;

  top: 0px;

}



.feature-section .feature-block-one .inner-box .icon-box i{

  position: relative;

  display: inline-block;

  font-size: 65px;

  line-height: 65px;

  margin-bottom: 15px;

  color: transparent;

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;

}



.feature-section .feature-block-one .inner-box .icon-box h3{

  margin: 0px;

  transition: all 500ms ease;

}



.feature-section .feature-block-one .inner-box:hover .icon-box h3{

  color: #fff;

}



.feature-section .feature-block-one .inner-box .box{

  position: relative;

  overflow: hidden;

  padding: 33px 30px 34px 200px;

  min-height: 165px;

}



.feature-section .feature-block-one .inner-box .box:before{

  position: absolute;

  content: '';

  background: #1e1e2a;

  width: 100%;

  height: 0%;

  left: 0px;

  right: 0px;

  bottom: 0px;

  transition: all 500ms ease;

}



.feature-section .feature-block-one .inner-box:hover .box:before{

  top: 0px;

  height: 100%;

}



.feature-section .feature-block-one .inner-box .box p{

  font-size: 18px;

  line-height: 28px;

  font-weight: 600;

  color: #5a5a68;

  margin-bottom: 13px;

  transition: all 500ms ease;

}



.feature-section .feature-block-one .inner-box .box p{

  color: #a6a6b3;

}



.feature-section .feature-block-one .inner-box .box a{

  position: relative;

  font-size: 18px;

  line-height: 28px;

  font-family: 'Roboto', sans-serif;

  color: #1e1e2a;

  font-weight: 700;

}



.feature-section .feature-block-one .inner-box .box a:hover{



}



.feature-section .feature-block-one .inner-box:hover .box a{

  color: #fff;

}



.feature-section .feature-block-one .inner-box .box a i{

  position: relative;

  margin-left: 10px;

  font-size: 20px;

  top: 2px;

}



.feature-section .feature-block-one .inner-box .box a:hover{



}





/** about-style-two **/



.about-style-two{

  position: relative;

  padding: 100px 0px 120px 0px;

}



.about-style-two .upper-content{

  position: relative;

  margin-bottom: 100px;

}



#content_block_three .content-box .award-box li{

  position: relative;

  display: inline-block;

  float: left;

  width: 33.333%;

}



#content_block_three .content-box .sec-title{

  margin-bottom: 39px;

}



#content_block_four .content-box .text{

  position: relative;

  margin-bottom: 32px;

}



#content_block_four .content-box .text p{

  margin-bottom: 15px;

}



#content_block_four .content-box .text p:last-child{

  margin-bottom: 0px;

}



#content_block_four .content-box .author-box{

  position: relative;

  margin-bottom: 32px;

}



#content_block_four .content-box .author-box .author-info{

  position: relative;

  display: inline-block;

  padding: 13px 0px 0px 110px;

  float: left;

  padding-right: 30px;

  min-height: 80px;

}



#content_block_four .content-box .author-box .author-info:before{

  position: absolute;

  content: '';

  background: #e3e3e3;

  width: 1px;

  height: 100%;

  top: 0px;

  right: 0px;

}



#content_block_four .content-box .author-box .author-info .image-box{

  position: absolute;

  left: 0px;

  top: 0px;

  width: 80px;

  height: 80px;

  border-radius: 50%;

}



#content_block_four .content-box .author-box .author-info .image-box img{

  width: 100%;

  border-radius: 50%;

}



#content_block_four .content-box .author-box .author-info h3{

  margin-bottom: 0px;

}



#content_block_four .content-box .author-box .author-info .designation{

  position: relative;

  display: block;

  font-size: 18px;

  font-weight: 700;

  color: #5a5a68;

  margin: 0px;

}



#content_block_four .content-box .author-box .author-signatur{

  position: relative;

  display: inline-block;

  float: left;

  padding-left: 30px;

}



#content_block_four .content-box .support-box h4{

  position: relative;

  display: block;

  font-size: 20px;

  line-height: 30px;

  color: #1e1e2a;

  font-family: 'Muli', sans-serif;

  font-weight: 700;

  margin-bottom: 2px;

}



#content_block_four .content-box .support-box p{

  position: relative;

  display: block;

  font-size: 20px;

  line-height: 30px;

  font-family: 'Muli', sans-serif;

  font-weight: 700;

  margin-bottom: 5px;

}



#content_block_four .content-box .support-box p a{

  display: inline-block;

}



#content_block_four .content-box .support-box p a:hover{

  text-decoration: underline;

}



.about-style-two .lower-content .single-item{

  padding: 10px 10px;

  overflow: hidden;

  margin: -10px -10px;

}



.about-style-two .lower-content .single-item .inner-box{

  position: relative;

  display: block;

  background: transparent;

  border: 2px solid #e2e2e2;

  text-align: center;

  padding: 45px 15px 40px 15px;

}



.about-style-two .lower-content .single-item .inner-box .content-box .icon-box{

  position: relative;

  display: inline-block;

  font-size: 100px;

  line-height: 100px;

  margin-bottom: 50px;

  color: transparent;

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;

}



.about-style-two .lower-content .single-item .inner-box .content-box .icon-box .line{

  position: absolute;

  left: 50%;

  bottom: -35px;

  width: 62px;

  height: 9px;

  transform: translateX(-50%);

  background-repeat: no-repeat;

}



.about-style-two .lower-content .single-item .inner-box .content-box h3{

  margin: 0px;

}



.about-style-two .lower-content .single-item .inner-box .overlay-box{

  position: absolute;

  left: -10px;

  top: 20px;

  width: calc(100% + 20px);

  z-index: 1;

  opacity: 0;

  padding: 28.5px 15px;

  min-height: 290px;

  transition: all 500ms ease;

}



.about-style-two .lower-content .single-item .inner-box:hover .overlay-box{

  opacity: 1;

  top: -10px;

}



.about-style-two .lower-content .single-item .inner-box .overlay-box .icon-box{

  position: relative;

  display: inline-block;

  font-size: 60px;

  line-height: 60px;

  color: #fff;

  margin-bottom: 42px;

}



.about-style-two .lower-content .single-item .inner-box .overlay-box .icon-box .line{

  position: absolute;

  left: 50%;

  bottom: -30px;

  width: 62px;

  height: 9px;

  transform: translateX(-50%);

  background-repeat: no-repeat;

}



.about-style-two .lower-content .single-item .inner-box .overlay-box p{

  font-size: 18px;

  font-weight: 700;

  color: #fff;

  line-height: 28px;

  margin-bottom: 17px;

}



.about-style-two .lower-content .single-item .inner-box .overlay-box h3{

  color: #fff;

  margin: 0px;

}



.about-style-two .lower-content .single-item .inner-box .overlay-box h3 a{

  color: #fff;

}





/** service-style-two **/



.service-style-two{

  position: relative;

  padding: 115px 0px 120px 0px;

}



.service-style-two .sec-title{

  margin-bottom: 50px;

}



.service-style-two .service-block-one .inner-box{

  border: 1px solid #e3e3e3;

}



.service-style-two .service-block-one .inner-box .lower-content .icon-box{

  background: #fff;

  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.05);

}



.service-style-two .service-block-one .inner-box .lower-content h3 a{

  color: #1e1e2a;

}



.service-style-two .service-block-one .inner-box .lower-content h3 a:hover{



}



.service-style-two .service-block-one .inner-box .lower-content p{

  color: #5a5a68;

}



.service-style-two .service-block-one .inner-box .lower-content .link a{

  color: #1e1e2a;

}



.service-style-two .service-block-one .inner-box:hover .lower-content .link a{

  color: #fff;

}



.service-style-two .service-block-one .inner-box .lower-content .link:before{

  height: 1px;

  background: #e3e3e3;

}





/** chooseus-style-two **/



.chooseus-style-two{

  position: relative;

  width: 100%;

  background-size: cover;

  background-repeat: no-repeat;

  background-position: center;

  background-attachment: fixed;

}



.chooseus-style-two:before{

  position: absolute;

  content: '';

  background: #030306;

  width: 100%;

  height: 100%;

  left: 0px;

  top: 0px;

  right: 0px;

  opacity: 0.1;

}



#content_block_five .content-box .video-btn a{

  position: relative;

  display: inline-block;

  font-size: 22px;

  line-height: 30px;

  font-family: 'Roboto', sans-serif;

  font-weight: 500;

  color: #fff;

  padding-left: 90px;

  padding-top: 5px;

}



#content_block_five .content-box .video-btn a:hover{



}



#content_block_five .content-box .video-btn a i{

  position: absolute;

  left: 0px;

  top: 0px;

  font-size: 70px;

  line-height: 70px;

  color: transparent;

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;

}



#content_block_five .content-box .sec-title{

  margin-bottom: 39px;

}



#content_block_six .content-box{

  position: relative;

  display: block;

  margin-left: 100px;

}



#content_block_six .content-box .single-item{

  position: relative;

  display: inline-block;

  width: 50%;

  float: left;

}



#content_block_six .content-box .single-item .inner-box{

  position: relative;

  display: block;

  overflow: hidden;

  text-align: center;

}



#content_block_six .content-box .single-item .inner-box .box{

  position: relative;

  display: block;

  background: #2b2a37;

  padding: 40px 15px 38px 15px;

}



#content_block_six .content-box .single-item:nth-child(2) .inner-box .box,

#content_block_six .content-box .single-item:nth-child(3) .inner-box .box,

#content_block_six .content-box .single-item:last-child .inner-box .box{

  background: #393847;

}



#content_block_six .content-box .single-item .inner-box .box .icon-box{

  position: relative;

  display: inline-block;

  font-size: 56px;

  line-height: 56px;

  color: #fff;

  margin-bottom: 17px;

}



#content_block_six .content-box .single-item .inner-box .box h4{

  position: relative;

  display: block;

  font-size: 20px;

  font-weight: 500;

  color: #fff;

  margin: 0px;

}



#content_block_six .content-box .single-item .inner-box .overlay-box{

  position: absolute;

  display: block;

  background: #2b2a37;

  padding: 2px;

  z-index: 1;

  left: 0px;

  top: 20px;

  right: 0px;

  opacity: 0;

  transition: all 500ms ease;

}



#content_block_six .content-box .single-item .inner-box:hover .overlay-box{

  opacity: 1;

  top: 0px;

}



#content_block_six .content-box .single-item .inner-box .overlay-box:before{

  position: absolute;

  content: '';

  width: 100%;

  height: 100%;

  left: 0px;

  top: 0px;

  right: 0px;

  z-index: -1;

}



#content_block_six .content-box .single-item .inner-box .overlay-box .overlay-inner{

  position: relative;

  background: #2b2a37;

  padding: 28px 15px 21px 15px;

}

#content_block_six .content-box .single-item:nth-child(2) .inner-box .overlay-box .overlay-inner,

#content_block_six .content-box .single-item:nth-child(3) .inner-box .overlay-box .overlay-inner,

#content_block_six .content-box .single-item:last-child .inner-box .overlay-box .overlay-inner{

  background: #393847;

}



#content_block_six .content-box .single-item .inner-box .overlay-box .overlay-inner .icon-box{

  position: relative;

  display: inline-block;

  font-size: 56px;

  line-height: 56px;

  margin-bottom: 14px;

  color: transparent;

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;

}



#content_block_six .content-box .single-item .inner-box .overlay-box .overlay-inner p{

  font-size: 18px;

  font-weight: 700;

  line-height: 26px;

  color: #a6a6b3;

  margin: 0px;

}





/** team-style-two **/



.team-style-two{

  position: relative;

  overflow: hidden;

  padding: 115px 0px 120px 0px;

}



.team-style-two .pattern-layer{

  position: absolute;

  right: 0px;

  top: 100px;

  width: 610px;

  height: 530px;

  background-repeat: no-repeat;

}



.team-style-two .image-layer .image{

  position: absolute;

  bottom: 0px;

}



.team-style-two .image-layer .image-1{

  right: 410px;

}



.team-style-two .image-layer .image-2{

  right: 0px;

}



.team-block-two .inner-box{

  position: relative;

  display: block;

  border: 1px solid #e3e3e3;

  background: #fff;

  padding-top: 27px;

  transition: all 500ms ease;

}



.team-block-two .inner-box:hover{

  border-color: #fff;

  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);

}



.team-block-two .inner-box .upper-box{

  position: relative;

  display: block;

  padding-left: 30px;

  margin-bottom: 22px;

}



.team-block-two .inner-box .upper-box:before{

  position: absolute;

  content: '';

  width: 7px;

  height: 100%;

  left: 0px;

  top: 0px;

}



.team-block-two .inner-box .upper-box .designation{

  position: relative;

  display: block;

  font-size: 18px;

  line-height: 18px;

  color: #5a5a68;

  font-weight: 700;

  margin-bottom: 7px;

}



.team-block-two .inner-box .upper-box h3{

  margin: 0px;

}



.team-block-two .inner-box .image-box{

  position: relative;

  display: block;

  width: 100px;

  height: 100px;

  border-radius: 50%;

  margin: 0 auto;

  margin-bottom: 30px;

}



.team-block-two .inner-box .image-box img{

  width: 100%;

  border-radius: 50%;

}



.team-block-two .inner-box .lower-box{

  position: relative;

  display: block;

  border-top: 1px solid #e3e3e3;

}



.team-block-two .inner-box .lower-box .list-item li{

  position: relative;

  display: inline-block;

  float: left;

  width: 50%;

  text-align: center;

  font-size: 17px;

  color: #5a5a68;

}



.team-block-two .inner-box .lower-box .list-item li a{

  padding: 12px 10px;

}



.team-block-two .inner-box .lower-box .list-item li a{

  position: relative;

  display: inline-block;

  color: #5a5a68;

}



.team-block-two .inner-box .lower-box .list-item li a:hover{



}



.team-block-two .inner-box .lower-box .list-item li a i{

  position: relative;

  margin-right: 10px;

  color: #a6a6af;

  font-size: 16px;

  transition: all 500ms ease;

}



.team-block-two .inner-box .lower-box .list-item li a:hover i{



}



.team-block-two .inner-box .lower-box .list-item li.share .social-links{

  position: absolute;

  left: 50%;

  transform: translateX(-50%);

  top: -23px;

  width: 120px;

  height: 40px;

  border: 1px solid #e3e3e3;

  background: #fff;

  text-align: center;

  box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);

  z-index: 1;

  opacity: 0;

  visibility: hidden;

  transition: all 500ms ease;

}



.team-block-two .inner-box .lower-box .list-item li.share:hover .social-links{

  top: -33px;

  visibility: visible;

  opacity: 1;

}



.team-block-two .inner-box .lower-box .list-item li.share .social-links:before{

  position: absolute;

  content: '';

  background: #fff;

  width: 10px;

  height: 10px;

  left: 53px;

  bottom: -4px;

  z-index: -1;

  transform: rotate(45deg);

  box-shadow: 1px 1px #e3e3e3;

}



.team-block-two .inner-box .lower-box .list-item li.share .social-links li{

  position: relative;

  display: inline-block;

  width: 33.333%;

  line-height: 40px;

  padding: 0px;

  border-right: 1px solid #e3e3e3;

  text-align: center;

  float: left;

}



.team-block-two .inner-box .lower-box .list-item li.share .social-links li a{

  padding: 0px;

}



.team-block-two .inner-box .lower-box .list-item li.share .social-links li a i{

  margin: 0px;

}



.team-block-two .inner-box .lower-box .list-item li.share .social-links li:last-child{

  border-right: none;

}



.team-block-two .inner-box .lower-box .list-item li.mail-box{

  border-right: 1px solid #e3e3e3;

}



.team-style-two .more-text{

  position: relative;

  display: block;

  margin-top: 43px;

}



.team-style-two .more-text p{

  font-size: 18px;

  font-weight: 500;

  color: #5a5a68;

  margin: 0px;

}



.team-style-two .more-text p a{

  display: inline-block;

  line-height: 22px;

}



.team-style-two .more-text p a i{

  position: relative;

  font-size: 18px;

  margin-left: 10px;

  top: 2px;

}



.team-style-two .more-text p a:hover{

  color: #5a5a68;

  border-color: #5a5a68;

}



.team-style-two .sec-title{

  margin-bottom: 50px;

}



.mr-0{

  margin: 0px !important;

}





/** project-style-two **/



.project-style-two{

  position: relative;

}



.project-block-two .inner-box{

  position: relative;

  display: block;

  overflow: hidden;

}



.project-block-two .inner-box .image-box{

  position: relative;

  display: block;

  overflow: hidden;

  background: #1e1e2a;

}



.project-block-two .inner-box .image-box img{

  width: 100%;

  transition: all 500ms ease;

}



.project-block-two .inner-box:hover .image-box img{

  opacity: 0.1;

}



.project-block-two .inner-box .content-box{

  position: absolute;

  left: 50%;

  top: 50%;

  transform: translate(-50%,-50%);

  width: 100%;

  padding: 15px 30px;

  text-align: center;

}



.project-block-two .inner-box .content-box p{

  font-size: 18px;

  font-weight: 600;

  color: #fff;

  margin-bottom: 6px;

  transform: translateY(-15px);

  opacity: 0;

  transition: all 500ms ease;

}



.project-block-two .inner-box .content-box h3{

  font-size: 30px;

  line-height: 38px;

  color: #fff;

  opacity: 0;

  transform: translateY(15px);

  transition: all 500ms ease;

}



.project-block-two .inner-box:hover .content-box p,

.project-block-two .inner-box:hover .content-box h3{

  opacity: 1;

  transform: translateY(0px);

}



.project-block-two .inner-box .content-box h3 a{

  color: #fff;

}



.project-block-two .inner-box .content-box h3 a:hover{



}



.project-block-two .inner-box .link-box{

  position: absolute;

  right: 27px;

  bottom: 30px;

}



.project-block-two .inner-box .link-box li{

  position: relative;

  display: inline-block;

  margin: 0px 3px;

  opacity: 0;

  transition: all 500ms ease;

}



.project-block-two .inner-box .link-box li:first-child{

  transform: translateX(-15px);

}



.project-block-two .inner-box .link-box li:last-child{

  transform: translateX(15px);

}



.project-block-two .inner-box:hover .link-box li{

  opacity: 1;

  transform: translateX(0px);

}



.project-block-two .inner-box .link-box li a{

  position: relative;

  display: inline-block;

  width: 60px;

  height: 60px;

  line-height: 60px;

  border: 2px solid #fff;

  font-size: 22px;

  color: #fff;

  text-align: center;

  z-index: 1;

}



.project-block-two .inner-box .link-box li a:before{

  position: absolute;

  content: '';

  width: 60px;

  height: 60px;

  left: -2px;

  top: -2px;

  right: 0px;

  opacity: 0;

  z-index: -1;

  transition: all 500ms ease;

}



.project-block-two .inner-box .link-box li a:hover:before{

  opacity: 1;

}





/** testimonial-style-two **/



.testimonial-style-two{

  position: relative;

  padding: 115px 0px 70px 0px;

}



.testimonial-style-two .testimonial-inner{

  position: relative;

  margin: 0px -20px;

}



.testimonial-style-two .testimonial-content{

  position: relative;

  margin: 20px 20px 50px 20px;

}



.testimonial-style-two .testimonial-content .inner-box{

  position: relative;

  display: block;

  padding: 32px 30px 22px 30px;

  border: 1px solid #e3e3e3;

  transition: all 500ms ease;

}



.testimonial-style-two .testimonial-content .inner-box:hover{

  box-shadow: 0 20px 30px rgba(0, 0, 0, 0.1);

}



.testimonial-style-two .testimonial-content .inner-box .quote-box{

  position: absolute;

  top: -16px;

  right: 20px;

  background: #fff;

  width: 75px;

  font-size: 60px;

  line-height: 60px;

  color: #e4e4e4;

  text-align: center;

  transition: all 500ms ease;

}



.testimonial-style-two .testimonial-content .inner-box:hover .quote-box{



}



.testimonial-style-two .testimonial-content .inner-box .rating-box{

  position: relative;

  display: block;

  margin-bottom: 16px;

}



.testimonial-style-two .testimonial-content .inner-box .rating-box li{

  position: relative;

  display: inline-block;

  font-size: 14px;

}



.testimonial-style-two .testimonial-content .inner-box h4{

  position: relative;

  font-size: 20px;

  line-height: 30px;

  font-weight: 600;

  margin-bottom: 15px;

}



.testimonial-style-two .testimonial-content .inner-box p{

  position: relative;

  font-size: 18px;

  line-height: 28px;

  color: #5a5a68;

  font-weight: 600;

  margin-bottom: 32px;

}



.testimonial-style-two .testimonial-content .inner-box .author-box{

  position: relative;

  display: block;

  padding: 10px 0px 10px 20px;

  background: #f6f6f6;

  margin-bottom: 23px;

}



.testimonial-style-two .testimonial-content .inner-box .author-box:before{

  position: absolute;

  content: '';

  background: #f6f6f6;

  width: calc(100% + 50px);

  height: 100%;

  right: -50px;

  top: 0px;

}



.testimonial-style-two .testimonial-content .inner-box .author-box:after {

  position: absolute;

  content: '';

  background: #e3e3e3;

  width: 20px;

  height: 25px;

  top: -25px;

  right: -50px;

  clip-path: polygon(0% 0%, 0% 0%, 100% 100%, 0% 100%, 0% 0%);

}



.testimonial-style-two .testimonial-content .inner-box .author-box .box{

  position: relative;

  display: block;

  padding: 4px 0px 6px 80px;

  min-height: 60px;

}



.testimonial-style-two .testimonial-content .inner-box .author-box .box .image-box{

  position: absolute;

  left: 0px;

  top: 0px;

  width: 60px;

  height: 60px;

  overflow: hidden;

  border-radius: 50%;

}



.testimonial-style-two .testimonial-content .inner-box .author-box .box .image-box img{

  width: 100%;

  border-radius: 50%;

}



.testimonial-style-two .testimonial-content .inner-box .author-box .box h4{

  position: relative;

  font-size: 20px;

  line-height: 24px;

  font-weight: 500;

  margin-bottom: 6px;

}



.testimonial-style-two .testimonial-content .inner-box .author-box .box .designation{

  position: relative;

  display: block;

  font-size: 18px;

  line-height: 20px;

  font-weight: 500;

  color: #5a5a68;

  margin: 0px;

}



.testimonial-style-two .testimonial-content .inner-box .share-box{

  position: relative;

  display: inline-block;

}



.testimonial-style-two .testimonial-content .inner-box .share-box a.share-btn{

  position: relative;

  display: inline-block;

  font-size: 13px;

  color: #5a5a68;

  font-family: 'Muli', sans-serif;

  text-transform: uppercase;

  margin: 0px;

}



.testimonial-style-two .testimonial-content .inner-box .share-box a.share-btn i{

  margin-right: 10px;

}



.testimonial-style-two .testimonial-content .inner-box .share-box a.share-btn:hover{



}



.testimonial-style-two .testimonial-content .inner-box .share-box .social-links{

  position: absolute;

  display: inline-block;

  left: 0px;

  bottom: -25px;

  width: 120px;

  height: 20px;

  background: transparent;

  text-align: center;

  opacity: 0;

  visibility: hidden;

  transition: all 500ms ease;

}



.testimonial-style-two .testimonial-content .inner-box .share-box:hover .social-links{

  bottom: -12px;

  opacity: 1;

  visibility: visible;

}



.testimonial-style-two .testimonial-content .inner-box .share-box .social-links li{

  position: relative;

  float: left;

  width: 25%;

  text-align: center;

}



.testimonial-style-two .testimonial-content .inner-box .share-box .social-links li a{

  font-size: 13px;

  color: #5a5a68;

}



.testimonial-style-two .testimonial-content .inner-box .share-box .social-links li a:hover{



}



.testimonial-style-two .sec-title{

  margin-bottom: 42px;

}





/** funfact-style-two **/



.funfact-style-two{

  position: relative;

  padding: 100px 0px 92px 0px;

}



.counter-block-two .inner-box{

  position: relative;

  display: block;

}



.counter-block-two .inner-box .upper-box{

  position: relative;

  padding-left: 80px;

  margin-bottom: 14px;

}



.counter-block-two .inner-box .upper-box .icon-box{

  position: absolute;

  left: 0px;

  top: 0px;

  font-size: 65px;

  line-height: 65px;

  color: transparent;

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;

}



.counter-block-two .inner-box .upper-box .count-outer .shap-box{

  position: relative;

  display: block;

  width: 62px;

  height: 9px;

  background-repeat: no-repeat;

  margin-bottom: 12px;

}



.counter-block-two .inner-box .upper-box .count-outer{

  position: relative;

  display: block;

  font-size: 48px;

  line-height: 55px;

  color: #fff;

  font-family: 'Roboto', sans-serif;

  font-weight: 900;

  margin: 0px;

}



.counter-block-two .inner-box h3{

  color: #fff;

  margin: 0px;

}





/** news-style-two **/



.news-style-two{

  position: relative;

  padding: 115px 0px 120px 0px;

}



.news-block-two .inner-box{

  position: relative;

  display: block;

  overflow: hidden;

}



.news-block-two .inner-box .image-box{

  position: relative;

  display: block;

  overflow: hidden;

  background: #1e1e2a;

}



.news-block-two .inner-box .image-box:before{

  position: absolute;

  content: '';

  width: 100%;

  height: 100%;

  left: 0px;

  top: 0px;

  right: 0px;

  box-shadow: inset 0px -200px 100px -40px rgba(30, 30, 42, 0.9);

  z-index: 1;

  transition: all 900ms ease;

}



.news-block-two .inner-box:hover .image-box:before{

  opacity: 0;

}



.news-block-two .inner-box .image-box img{

  width: 100%;

  transition: all 500ms ease;

}



.news-block-two .inner-box:hover .image-box img{

  opacity: 0.1;

}



.news-block-two .inner-box .category{

  position: absolute;

  top: 0px;

  right: 0px;

}



.news-block-two .inner-box .category p{

  position: relative;

  display: inline-block;

  font-size: 16px;

  font-weight: 700;

  color: #fff;

  padding: 4px 19px;

  text-align: center;

  z-index: 1;

  border-bottom-left-radius: 15px;

}



.news-block-two .inner-box .category p i{

  position: relative;

  color: #fff;

  margin-right: 8px;

}



.news-block-two .inner-box .content-box{

  position: absolute;

  left: 0px;

  bottom: 0px;

  width: 100%;

  padding: 20px 30px 33px 30px;

  z-index: 2;

  transition: all 500ms ease;

}



.news-block-two .inner-box:hover .content-box{

  opacity: 0;

}



.news-block-two .inner-box .content-box h3{

  line-height: 32px;

  color: #fff;

  margin-bottom: 14px;

}



.news-block-two .inner-box .content-box h3 a{

  color: #fff;

}



.news-block-two .inner-box .content-box h3 a:hover{



}



.news-block-two .inner-box .content-box .post-info li{

  position: relative;

  display: inline-block;

  font-size: 16px;

  font-weight: 500;

  margin-right: 3px;

  padding-right: 16px;

}



.news-block-two .inner-box .content-box .post-info li a{

  color: #bfbfcc;

}



.news-block-two .inner-box .content-box .post-info li a:hover{



}



.news-block-two .inner-box .content-box .post-info li i{

  font-size: 13px;

  margin-right: 8px;

}



.news-block-two .inner-box .content-box .post-info li:last-child i{

  color: #bfbfcc;

}



.news-block-two .inner-box .content-box .post-info li:last-child{

  margin: 0px;

  padding: 0px;

}



.news-block-two .inner-box .content-box .post-info li:before{

  position: absolute;

  content: '||';

  font-size: 13px;

  color: rgba(255,255,255,0.5);

  top: -1px;

  right: 0px;

  font-weight: 400;

}



.news-block-two .inner-box .content-box .post-info li:last-child:before{

  display: none;

}



.news-block-two .inner-box .overlay-box{

  position: absolute;

  left: 0px;

  top: 0px;

  right: 0px;

  width: 100%;

  height: 100%;

  z-index: 2;

  opacity: 0;

  transition: all 500ms ease;

}



.news-block-two .inner-box:hover .overlay-box{

  opacity: 1;

}



.news-block-two .inner-box .overlay-box .link-btn{

  position: absolute;

  left: 30px;

  bottom: 20px;

  transition: all 500ms ease;

}



.news-block-two .inner-box:hover .overlay-box .link-btn{

  bottom: 35px;

}



.news-block-two .inner-box .overlay-box .link-btn a{

  position: relative;

  display: inline-block;

  font-size: 18px;

  line-height: 28px;

  font-family: 'Roboto', sans-serif;

  font-weight: 700;

  color: #fff;

}



.news-block-two .inner-box .overlay-box .link-btn a i{

  position: relative;

  font-size: 22px;

  font-weight: 400;

  margin-left: 10px;

  top: 2px;

}



.news-block-two .inner-box .overlay-box .link-btn a:hover{



}



.news-block-two .inner-box .overlay-box .view-btn{

  position: absolute;

  left: 50%;

  top: 45%;

  transform: translate(-50%,-50%);

  transition: all 500ms ease;

}



.news-block-two .inner-box:hover .overlay-box .view-btn{

  top: 50%;

}



.news-block-two .inner-box .overlay-box .view-btn a{

  font-size: 30px;

  color: #fff;

}



.news-block-two .inner-box .overlay-box .view-btn a:hover{



}



.news-style-two .owl-nav{

  position: absolute;

  top: -120px;

  right: 0px;

}



.news-style-two .owl-nav .owl-prev,

.news-style-two .owl-nav .owl-next{

  position: relative;

  display: inline-block;

  width: 60px;

  height: 60px;

  line-height: 60px;

  font-size: 24px;

  text-align: center;

  color: #9f9fb4;

  border: 1px solid #d9d9d9;

  border-radius: 50%;

  cursor: pointer;

  transition: all 500ms ease;

}



.news-style-two .owl-nav .owl-prev{

  margin-right: 10px;

}



.news-style-two .owl-nav .owl-prev:hover,

.news-style-two .owl-nav .owl-next:hover{



}



.news-style-two .sec-title{

  margin-bottom: 50px;

}





/** appointment-section **/



.appointment-section{

  position: relative;

  padding: 115px 0px 120px 0px;

}



.appointment-section .pattern-layer{

  position: absolute;

  left: 0px;

  top: 0px;

  right: 0px;

  width: 100%;

  height: 100%;

  background-repeat: no-repeat;

  background-position: center;

  background-size: cover;

}



.appointment-section .sec-title h2{

  margin-bottom: 22px;

}



.appointment-section .sec-title p{

  font-size: 18px;

  font-weight: 600;

  color: #b0b0bd;

}



.appointment-section .sec-title{

  margin-bottom: 50px;

}



.appointment-section .more-text{

  position: relative;

  display: block;

  margin-top: 11px;

}



.appointment-section .more-text a{

  position: relative;

  display: inline-block;

  font-size: 18px;

  line-height: 22px;

  font-weight: 500;

  color: #fff;

  border-bottom: 1px dashed #fff;

}



.appointment-section .more-text a:hover{



}



.appointment-section .more-text a i{

  position: relative;

  top: 2px;

  margin-left: 10px;

}





/** clients-style-two **/



.clients-style-two{

  position: relative;

  padding: 60px 0px;

}



.clients-style-two .clients-logo-box img{

  display: block;

  max-width: 100%;

  width: auto;

  margin: 0 auto;

  -webkit-transition: all 300ms ease;

  -moz-transition: all 300ms ease;

  -ms-transition: all 300ms ease;

  -o-transition: all 300ms ease;

  transition: all 300ms ease;

}



.clients-style-two .clients-logo-box img:hover{

  opacity: 0.5;

}



.clients-style-two .clients-logo-box{

  position: relative;

  display: block;

}



.clients-style-two .clients-logo-box:before{

  position: absolute;

  content: '';

  background: rgba(255,255,255,0.5);

  width: 1px;

  height: 95px;

  top: 20px;

  right: -15px;

}





/** footer-style-two **/



.main-footer.style-two{

  position: relative;

  width: 100%;

  background-size: cover;

  background-repeat: no-repeat;

  background-position: center;

}



.main-footer.style-two:before{

  position: absolute;

  content: '';

  background: #1e1e2a;

  width: 100%;

  height: 100%;

  left: 0px;

  top: 0px;

  right: 0px;

  opacity: 0.9;

}



.main-footer.style-two .footer-top{

  position: relative;

  display: block;

  background: #272734;

  padding: 28px 40px 27px 40px;

}



.main-footer.style-two .footer-top .footer-logo .logo{

  position: relative;

  padding-right: 40px;

}



.main-footer.style-two .footer-top .footer-logo .logo:before{

  position: absolute;

  content: '';

  background: rgba(255,255,255,0.2);

  width: 1px;

  height: 65px;

  top: 0px;

  right: 0px;

}



.main-footer.style-two .footer-top .subscribe-inner{

  position: relative;

  margin-top: 5px;

}



.main-footer.style-two .footer-top .subscribe-inner .title-box{

  position: relative;

  margin: 6px 30px 0px 0px;

}



.main-footer.style-two .footer-top .subscribe-inner .title-box h3{

  position: relative;

  font-size: 30px;

  line-height: 38px;

  font-weight: 500;

  color: #fff;

  margin: 0px;

}



.main-footer.style-two .footer-top .subscribe-inner .subscribe-form .form-group{

  position: relative;

  width: 530px;

  margin: 0px;

}



.main-footer.style-two .footer-top .subscribe-inner .subscribe-form .form-group span{

  position: absolute;

  left: 20px;

  top: 20px;

  font-size: 16px;

  color: #a6a6af;

  z-index: 1;

}



.main-footer.style-two .footer-top .subscribe-inner .subscribe-form .form-group input[type='email']{

  position: relative;

  width: 100%;

  height: 54px;

  max-width: 320px;

  border: 1px solid rgba(255,255,255,0.2);

  padding: 10px 20px 10px 50px;

  color: #b0b0bd;

  font-size: 17px;

  background: transparent;

  border-radius: 5px;

  font-weight: 500;

  transition: all 500ms ease;

}



.main-footer.style-two .footer-top .subscribe-inner .subscribe-form .form-group input:focus{



}



.main-footer.style-two .footer-top .subscribe-inner .subscribe-form .form-group input::-webkit-input-placeholder{

  color:#b0b0bd;

}



.main-footer.style-two .footer-top .subscribe-inner .subscribe-form .form-group button{

  position: absolute;

  top: 0px;

  right: 0px;

  width: 200px;

  height: 54px;

  line-height: 54px;

  text-align: center;

  background: #fff;

  font-size: 18px;

  font-family: 'Roboto', sans-serif;

  color: #1e1e2a;

  font-weight: 700;

  border-radius: 5px;

  cursor: pointer;

  z-index: 1;

  transition: all 500ms ease;

}



.main-footer.style-two .footer-top .subscribe-inner .subscribe-form .form-group button:before{

  position: absolute;

  content: '';

  width: 0%;

  height: 100%;

  top: 0px;

  right: 0px;

  border-radius: 5px;

  z-index: -1;

  transition: all 500ms ease;

}



.main-footer.style-two .footer-top .subscribe-inner .subscribe-form .form-group button:hover:before{

  width: 100%;

  left: 0px;

}



.main-footer.style-two .footer-top .subscribe-inner .subscribe-form .form-group button:hover{

  color: #fff;

}



.main-footer.style-two .footer-top .subscribe-inner .subscribe-form .form-group button i{

  font-size: 22px;

  font-weight: 400;

  margin-left: 10px;

}



.main-footer.style-two .widget-section{

  position: relative;

  padding: 95px 0px 100px 0px;

  border-bottom: 1px solid rgba(255,255,255,0.1);

}



.main-footer.style-two .widget-section .footer-widget p{

  position: relative;

  font-size: 18px;

  color: #b0b0bd;

  font-weight: 600;

  margin-bottom: 15px;

}



.main-footer.style-two .widget-section .about-widget .widget-content a{

  position: relative;

  display: inline-block;

  font-size: 18px;

  line-height: 28px;

  font-family: 'Roboto', sans-serif;

  color: #fff;

  font-weight: 700;

  margin-top: 3px;

}



.main-footer.style-two .widget-section .about-widget .widget-content a i{

  font-size: 22px;

  font-weight: 400;

  margin-left: 10px;

}



.main-footer.style-two .widget-section .about-widget{

  margin-right: 20px;

}



.main-footer.style-two .widget-section .about-widget .widget-content a:hover{



}



.main-footer.style-two .widget-section .links-widget .widget-content ul li{

  position: relative;

  display: block;

  margin-bottom: 16px;

}



.main-footer.style-two .widget-section .links-widget .widget-content ul li:last-child{

  margin-bottom: 0px;

}



.main-footer.style-two .widget-section .links-widget .widget-content ul li a{

  position: relative;

  display: inline-block;

  font-size: 18px;

  font-weight: 600;

  color: #b0b0bd;

  padding-left: 30px;

}



.main-footer.style-two .widget-section .links-widget .widget-content ul li a:before{

  position: absolute;

  content: "\f150";

  font-family: 'Font Awesome 5 Free';

  font-size: 16px;

  font-weight: 400;

  color: #b0b0bd;

  left: 0px;

  top: 0px;

  transition: all 500ms ease;

}



.main-footer.style-two .widget-section .links-widget .widget-content ul li a:hover:before{

  transform: rotate(-90deg);

}



.main-footer.style-two .widget-section .links-widget .widget-content ul li a:hover{



}



.main-footer.style-two .widget-section .contact-widget .widget-content .single-column{

  position: relative;

  float: left;

  width: 50%;

}



.main-footer.style-two .widget-section .contact-widget .widget-content .single-column .location-box{

  position: relative;

  padding-left: 70px;

  margin-bottom: 19px;

  min-height: 56px;

}



.main-footer.style-two .widget-section .contact-widget .widget-content .single-column .location-box i{

  position: absolute;

  left: 0px;

  top: 2px;

  font-size: 50px;

  line-height: 50px;

  color: transparent;

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;

}



.main-footer.style-two .widget-section .contact-widget .widget-content .single-column .location-box h3{

  color: #fff;

  line-height: 28px;

}



.main-footer.style-two .widget-section .contact-widget .widget-content .single-column .social-links li{

  position: relative;

  display: inline-block;

  margin-right: 6px;

}



.main-footer.style-two .widget-section .contact-widget .widget-content .single-column .social-links li:last-child{

  margin-right: 0px;

}



.main-footer.style-two .widget-section .contact-widget .widget-content .single-column .social-links li a{

  position: relative;

  display: inline-block;

  font-size: 15px;

  color: #a6a6af;

  width: 43px;

  height: 43px;

  line-height: 43px;

  text-align: center;

  border: 1px solid rgba(255,255,255,0.2);

  border-radius: 50%;

  z-index: 1;

}



.main-footer.style-two .widget-section .contact-widget .widget-content .single-column .social-links li a:hover:before {

  transform: scale(1,1);

}

.main-footer.style-two .widget-section .contact-widget .widget-content .single-column .social-links li a:before {

  position: absolute;

  content: '';

  width: 43px;

  height: 43px;

  left: -1px;

  top: -1px;

  right: 0px;

  border-radius: 50%;

  transform: scale(0,0);

  z-index: -1;

  transition: all 500ms ease;

}



.main-footer.style-two .widget-section .contact-widget .widget-content .single-column .social-links li a:hover{

  color: #fff;

}



.main-footer.style-two .widget-section .contact-widget .widget-content .single-column p{

  margin-bottom: 22px;

}



.main-footer.style-two .widget-section .contact-widget .widget-content .single-column .info-list li{

  position: relative;

  display: block;

  margin-bottom: 15px;

}



.main-footer.style-two .widget-section .contact-widget .widget-content .single-column .info-list li:last-child{

  margin-bottom: 0px;

}



.main-footer.style-two .widget-section .contact-widget .widget-content .single-column .info-list li h5{

  position: relative;

  display: block;

  font-size: 18px;

  line-height: 28px;

  font-family: 'Muli', sans-serif;

  color: #fff;

  font-weight: 600;

  margin-bottom: 2px;

}



.main-footer.style-two .widget-section .contact-widget .widget-content .single-column .info-list li p{

  margin: 0px;

}



.main-footer.style-two .widget-section .contact-widget .widget-content .single-column .info-list li p a{

  position: relative;

  display: inline-block;

  color: #b0b0bd;

}



.main-footer.style-two .widget-section .contact-widget .widget-content .single-column .info-list li p a:hover{



}



.main-footer.style-two .widget-section .contact-widget .widget-content .single-column:first-child{

  margin-top: 5px;

}



.main-footer.style-two .footer-bottom{

  position: relative;

  display: block;

  padding: 22px 0px;

}



.main-footer.style-two .footer-bottom .copyright p{

  position: relative;

  font-size: 18px;

  color: #b0b0bd;

  font-weight: 500;

}



.main-footer.style-two .footer-bottom .copyright p a{

  color: #b0b0bd;

}



.main-footer.style-two .footer-bottom .copyright p a:hover{



}



.main-footer.style-two .footer-bottom .footer-nav li{

  position: relative;

  display: inline-block;

  margin-right: 15px;

}



.main-footer.style-two .footer-bottom .footer-nav li:last-child{

  margin-right: 0px;

}



.main-footer.style-two .footer-bottom .footer-nav li a{

  position: relative;

  font-size: 18px;

  color: #b0b0bd;

  font-weight: 500;

}



.main-footer.style-two .footer-bottom .footer-nav li a:hover{



}







/*** 



====================================================================

                        About-Page

====================================================================



***/



/** page-title **/



.page-title{

  position: relative;

  padding: 140px 0px;

  background-color: #646464;

  width: 100%;

  background-size: cover;

  background-repeat: no-repeat;

  background-position: center;

}



.page-title .content-box h1{

  position: relative;

  display: block;

  font-size: 55px;

  line-height: 65px;

  color: #ee4545;

  font-weight: 700;

  margin-bottom: 8px;

}



.page-title .content-box .bread-crumb li{

  position: relative;

  display: inline-block;

  font-size: 17px;

  font-weight: 600;

  color: #ee4545;

  padding-right: 15px;

  margin-right: 5px;

}



.page-title .content-box .bread-crumb li a{

  color: #ee4545;

}



.page-title .content-box .bread-crumb li a:hover{

  text-decoration: underline;

}



.page-title .content-box .bread-crumb li:last-child{

  padding: 0px;

  margin: 0px;

}



.page-title .content-box .bread-crumb li:before{

  position: absolute;

  content: '';

  background: #fff;

  width: 6px;

  height: 2px;

  top: 13px;

  right: 0px;

}



.page-title .content-box .bread-crumb li:last-child:before{

  display: none;

}



.about-style-two.about-page{

  padding-top: 120px;

}



.about-style-two.about-page .image-layer{

  position: relative;

  display: block;

  margin-bottom: 70px;

}



.about-style-two.about-page .image-layer img{

  width: 100%;

}





/** history-section **/



.history-section{

  position: relative;

  padding: 115px 0px 100px 0px;

}



.tabs-box .tab{

  position:relative;

  display:none;

  transition: all 900ms ease;

  -moz-transition: all 900ms ease;

  -webkit-transition: all 900ms ease;

  -ms-transition: all 900ms ease;

  -o-transition: all 900ms ease;

}



.tabs-box .tab.active-tab{

  display:block;  

}



.tabs-box .tab{

  transform:scale(0.9,0.9) translateY(0px);

}



.tabs-box .tab.active-tab{

  transform:scale(1) translateY(0px);

}



.history-section .tabs-content{

  position: relative;

  max-width: 1170px;

  margin: 0 auto;

}



.history-section .tabs-content .image-box img{

  width: 100%;

}



.history-section .tabs-content .content-box .year{

  position: relative;

  display: block;

  font-size: 18px;

  font-family: 'Roboto', sans-serif;

  font-weight: 700;

  margin-bottom: 6px;

}



.history-section .tabs-content .content-box h3{

  position: relative;

  font-size: 30px;

  line-height: 38px;

  font-weight: 700;

  color: #fff;

  margin-bottom: 24px;

}



.history-section .tabs-content .content-box p{

  position: relative;

  font-size: 18px;

  font-weight: 600;

  color: #a6a6b3;

  margin-bottom: 27px;

}



.history-section .tabs-content .content-box a{

  position: relative;

  display: inline-block;

  font-size: 18px;

  font-family: 'Roboto', sans-serif;

  font-weight: 700;

  color: #fff;

}



.history-section .tabs-content .content-box a i{

  position: relative;

  font-size: 22px;

  font-weight: 400;

  top: 2px;

  margin-left: 10px;

}



.history-section .tabs-content .content-box a:hover{



}



.history-section .tabs-content .content-box{

  position: relative;

  margin-top: -7px;

}



.history-section .tabs-content{

  position: relative;

  display: block;

  margin-bottom: 65px;

}



.history-section .tab-btn-box{

  position: relative;

  display: block;

  padding-top: 40px;

}



.history-section .tab-btn-box .tab-btns{

  position: relative;

  display: block;

  border-top: 1px solid #353540;

}



.history-section .tab-btn-box .tab-btns li{

  position: relative;

  display: inline-block;

  float: left;

  width: 12.5%;

  margin: 0px;

  font-size: 18px;

  font-weight: 700;

  font-family: 'Roboto', sans-serif;

  color: #5b5b6c;

  cursor: pointer;

  text-align: center;

  transition: all 500ms ease;

}



.history-section .tab-btn-box .tab-btns li.active-btn{

  font-size: 24px;

  color: #fff;

}



.history-section .tab-btn-box .tab-btns li span{

  position: relative;

  display: inline-block;

  padding: 15px 0px;

}



.history-section .tab-btn-box .tab-btns li span:before{

  position: absolute;

  content: '';

  width: 100%;

  height: 1px;

  left: 0px;

  top: -1px;

  transform: scale(0,0);

  transition: all 500ms ease;

}



.history-section .tab-btn-box .tab-btns li.active-btn span:before{

  transform: scale(1,1);

}



.history-section .tab-btn-box .tab-btns li:after{

  position: absolute;

  content: '';

  background: #353540;

  width: 1px;

  height: 20px;

  left: 50%;

  transform: translateX(-50%);

  top: -20px;

  transition: all 500ms ease;

}



.history-section .tab-btn-box .tab-btns li.active-btn:after{

  height: 40px;

  top: -40px;

}



.history-section .tab-btn-box .tab-btns li:before{

  position: absolute;

  content: "\f102";

  font-family: 'Font Awesome 5 Free';

  font-weight: 700;

  font-size: 22px;

  left: 50%;

  transform: translateX(-50%);

  top: -55px;

  opacity: 0;

  transition: all 500ms ease;

}



.history-section .tab-btn-box .tab-btns li.active-btn:before{

  opacity: 1;

  top: -65px;

}



.history-section .sec-title{

  margin-bottom: 50px;

}



.history-section .pattern-layer .pattern-1{

  position: absolute;

  top: 100px;

  right: 0px;

  width: 930px;

  height: 565px;

  background-repeat: no-repeat;

}



.history-section .pattern-layer .pattern-2{

  position: absolute;

  left: 0px;

  bottom: 0px;

  width: 100%;

  height: 35px;

  background-repeat: repeat-x;

  animation: slide-2 60s linear infinite;

  -webkit-animation: slide-2 60s linear infinite;

}





/** chooseus-style-three **/



.chooseus-style-three{

  position: relative;

  padding: 115px 0px 90px 0px;

}



.chooseus-style-three .single-item{

  position: relative;

  margin: 30px 0px;

}



.chooseus-style-three .single-item .inner-box{

  position: relative;

  display: block;

  background: #fff;

  padding: 30px 30px 25px 30px;

  transition: all 500ms ease;

}



.chooseus-style-three .single-item .inner-box:hover{

  box-shadow: 0 0px 30px rgba(0, 0, 0, 0.1);

}



.chooseus-style-three .single-item .inner-box .count-box{

  position: absolute;

  display: block;

  top: 20px;

  right: 15px;

  font-size: 90px;

  line-height: 90px;

  font-family: 'Roboto', sans-serif;

  color: #f0f0f0;

  font-weight: 900;

}



.chooseus-style-three .single-item .inner-box .icon-box{

  position: relative;

  display: inline-block;

  margin-bottom: 15px;

}



.chooseus-style-three .single-item .inner-box h3{

  margin-bottom: 12px;

}



.chooseus-style-three .single-item .inner-box .line{

  position: relative;

  max-width: 62px;

  width: 100%;

  height: 9px;

  margin-bottom: 22px;

  background-repeat: no-repeat;

  filter: grayscale(100%);

  -webkit-filter: grayscale(100%);

  -moz-filter: grayscale(100%);

  -o-filter: grayscale(100%);

  -ms-filter: grayscale(100%);

  -webkit-transition: all 500ms ease;

  -moz-transition: all 500ms ease;

  -ms-transition: all 500ms ease;

  -o-transition: all 500ms ease;

  transition: all 500ms ease;

}



.chooseus-style-three .single-item .inner-box:hover .line{

  filter: grayscale(0%);

  -webkit-filter: grayscale(0%);

  -moz-filter: grayscale(0%);

  -o-filter: grayscale(0%);

  -ms-filter: grayscale(0%);

}



.chooseus-style-three .single-item .inner-box p{

  font-size: 18px;

  font-weight: 600;

  color: #5a5a68;

  margin-bottom: 17px;

}



.chooseus-style-three .single-item .inner-box a{

  position: relative;

  display: inline-block;

  font-size: 18px;

  font-family: 'Roboto', sans-serif;

  color: #1e1e2a;

  font-weight: 700;

}



.chooseus-style-three .single-item .inner-box a i{

  position: relative;

  font-size: 22px;

  font-weight: 400;

  top: 2px;

  margin-left: 10px;

}



.chooseus-style-three .single-item .inner-box a:hover{



}



.chooseus-style-three .owl-nav{

  position: absolute;

  right: 0px;

  top: -90px;

}



.chooseus-style-three .owl-nav .owl-prev, 

.chooseus-style-three .owl-nav .owl-next{

  position: relative;

  display: inline-block;

  width: 60px;

  height: 60px;

  line-height: 60px;

  font-size: 24px;

  text-align: center;

  color: #9f9fb4;

  border: 1px solid #d9d9d9;

  border-radius: 50%;

  cursor: pointer;

  transition: all 500ms ease;

}



.chooseus-style-three .owl-nav .owl-prev{

  margin-right: 10px;

}



.chooseus-style-three .owl-nav .owl-prev:hover, 

.chooseus-style-three .owl-nav .owl-next:hover{



}



.chooseus-style-three .sec-title{

  margin-bottom: 20px;

}





/** team-style-three **/



.team-style-three{

  position: relative;

  padding: 115px 0px 110px 0px;

}



.team-style-three .sec-title{

  margin-bottom: 20px;

}



.team-style-three .four-item-carousel .team-block-two{

  margin: 30px 0px;

}



.team-style-three .owl-dots{

  position: relative;

  display: block;

  text-align: center;

  margin-top: 15px;

}



.team-style-three .owl-theme .owl-dots .owl-dot span{

  position: relative;

  display: inline-block;

  width: 14px;

  height: 14px;

  background: #d9d9e1;

  border-radius: 50%;

  margin: 0px 7px;

  cursor: pointer;

  transition: all 500ms ease;

}



.team-style-three .owl-theme .owl-dots .owl-dot.active span,

.team-style-three .owl-theme .owl-dots .owl-dot span:hover{



}







/*** 



====================================================================

                        Faq-Page

====================================================================



***/





.faq-section{

  position: relative;

  padding: 120px 0px;

}



.faq-section .title-inner{

  position: relative;

  display: block;

  border: 1px solid #e3e3e3;

  padding: 35px 30px;

}



.faq-section .title-inner .sec-title{

  margin-bottom: 40px;

}



.faq-section .title-inner .search-form .form-group{

  position: relative;

  width: 100%;

  margin-bottom: 13px;

}



.faq-section .title-inner .search-form .form-group input[type='search']{

  position: relative;

  width: 100%;

  height: 60px;

  background: #f6f6f6;

  border: 1px solid #f6f6f6;

  padding: 10px 50px 10px 20px;

  font-size: 17px;

  font-weight: 500;

}



.faq-section .title-inner .search-form .form-group input:focus{



}



.faq-section .title-inner .search-form .form-group input:focus + button,

.faq-section .title-inner .search-form .form-group button:hover{



}



.faq-section .title-inner .search-form .form-group button{

  position: absolute;

  top: 15px;

  right: 20px;

  font-size: 20px;

  font-weight: 600;

  color: #a7a7ba;

  background: transparent;

  cursor: pointer;

  transition: all 500ms ease;

}



.faq-section .title-inner .text p{

  font-size: 17px;

  font-weight: 600;

  color: #5a5a68;

  margin: 0px;

}



.faq-section .title-inner .text p a{

  display: inline-block;

  line-height: 20px;

}



.faq-section .title-inner .text p a:hover{

  color: #5a5a68;

  border-color: #5a5a68;

}



.faq-section .accordion-box .block{

  position: relative;

  display: block;

  background: #fff;

  margin-bottom: 20px;

  transition: all 500ms ease;

}



.faq-section .accordion-box .block:last-child{

  margin-bottom: 0px;

}



.faq-section .accordion-box .block.active-block{

  box-shadow: 0 0px 20px rgba(0, 0, 0, 0.1);

}



.faq-section .accordion-box .block .acc-content{

  position:relative;

  display:none;

  padding: 22px 20px;

}



.faq-section .accordion-box .block .acc-content p{

  font-size: 18px;

  font-weight: 600;

  color: #5a5a68;

  margin: 0px;

}



.faq-section .accordion-box .block .acc-content.current{

  display:block;  

}



.faq-section .accordion-box .block .acc-btn .icon-outer{

  position: absolute;

  top: 20px;

  right: 20px;

  font-size: 18px;

  font-weight: 700;

  text-align: center;

  cursor: pointer;

  color: transparent !important;

  background: -webkit-linear-gradient(-90deg, #9f9fb4, #9f9fb4 50%);

  -webkit-background-clip: text !important;

  -webkit-text-fill-color: transparent !important;

  transition: all 500ms ease;

  z-index: 1;

}



.faq-section .accordion-box .block .acc-btn.active .icon-outer{

  

}



.faq-section .accordion-box .block .acc-btn.active .icon-outer{

  transform: rotate(90deg);

}



.faq-section .accordion-box .block .acc-btn{

  position: relative;

  display: block;

  border: 1px solid #e3e3e3;

  padding: 18px 50px 20px 20px;

  cursor: pointer;

  background: transparent;

  transition: all 500ms ease;

}



.faq-section .accordion-box .block .acc-btn.active{

  background: #1d1d29;

  border-color: #1d1d29;

}



.faq-section .accordion-box .block .acc-btn h4{

  font-size: 20px;

  line-height: 30px;

  font-weight: 500;

  color: #1e1e2a;

  margin: 0px;

  transition: all 500ms ease;

}



.faq-section .accordion-box .block .acc-btn.active h4{

  color: #fff;

}







/*** 



====================================================================

                        Pricing-Page

====================================================================



***/





.pricing-section{

  position: relative;

  padding: 115px 0px 120px 0px;

}



.pricing-section .sec-title{

  margin-bottom: 50px;

}



.pricing-section .sec-title h2{

  margin-bottom: 12px;

}



.pricing-section .sec-title p{

  font-size: 18px;

  font-weight: 600;

  color: #5a5a68;

  margin: 0px;

}



.pricing-block-one .inner-box{

  position: relative;

  display: block;

  background: #fff;

  padding: 48px 30px 37px 30px;

  box-shadow: 0 5px 30px rgba(0, 0, 0, 0.1);

  transition: all 500ms ease;

}



.pricing-block-one .inner-box:hover{

  box-shadow: 0 5px 30px rgba(0, 0, 0, 0.2);

  transform: translateY(-10px);

}



.pricing-block-one .inner-box .icon-box{

  position: relative;

  display: inline-block;

  font-size: 60px;

  line-height: 60px;

  margin-bottom: 22px;

  color: transparent;

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;

}



.pricing-block-one .inner-box h3{

  margin-bottom: 12px;

}



.pricing-block-one .inner-box .line{

  position: relative;

  max-width: 62px;

  width: 100%;

  height: 9px;

  margin: 0 auto;

  margin-bottom: 27px;

  background-repeat: no-repeat;

}



.pricing-block-one .inner-box h2{

  position: relative;

  display: block;

  font-size: 60px;

  line-height: 70px;

  font-weight: 700;

  margin-bottom: 0px;

}



.pricing-block-one .inner-box p{

  font-size: 18px;

  font-weight: 500;

  color: #5a5a68;

  margin-bottom: 22px;

}



.pricing-block-one .inner-box .link{

  position: relative;

  display: block;

  padding-top: 23px;

  border-top: 1px solid #e3e3e3;

}



.pricing-block-one .inner-box .link a{

  position: relative;

  display: inline-block;

  font-size: 18px;

  font-family: 'Roboto', sans-serif;

  font-weight: 700;

  color: #1e1e2a;

}



.pricing-block-one .inner-box .link a i{

  position: relative;

  font-size: 22px;

  font-weight: 400;

  top: 2px;

  margin-left: 10px;

}



.pricing-block-one .inner-box .link a:hover{



}







/*** 



====================================================================

                        Team-Page

====================================================================



***/



.team-page-section{

  position: relative;

  padding: 120px 0px 90px 0px;

}



.team-page-section .team-block-two{

  margin-bottom: 30px;

}



.team-page-section .team-block-one{

  margin-bottom: 30px;

}



.testimonial-page-section{

  padding: 150px 0px 50px 0px;

}



.testimonial-page-section .testimonial-content{

  margin: 0px 20px 70px 0px;

}



.testimonial-page-section .testimonial-content .inner-box .quote-box{

  right: 30px;

  top: -30px;

  font-size: 30px;

  color: #fff !important;

  width: 55px;

  height: 55px;

  line-height: 55px;

  border-radius: 50%;

  text-align: center;

}



.testimonial-page-section .testimonial-content .inner-box:hover{

  border-color: #fff;

}







/*** 



====================================================================

                        Comingsoon-Page

====================================================================



***/



.comingsoon-section{

  position: fixed;

  padding: 120px 0px;

  width: 100%;

  height: 100%;

  overflow-y: auto;

  overflow-x: hidden;

  background-size: cover;

  background-repeat: no-repeat;

  background-position: center;

}



.comingsoon-section .inner-box .logo-box{

  position: relative;

  margin-bottom: 37px;

}



.comingsoon-section .inner-box .title-box h1{

  font-size: 100px;

  line-height: 100px;

  color: #fff;

  font-weight: 700;

  text-transform: uppercase;

  margin-bottom: 9px;

}



.comingsoon-section .inner-box .title-box p{

  font-size: 18px;

  font-weight: 600;

  color: #fff;

  margin: 0px;

}



.comingsoon-section .inner-box .title-box{

  position: relative;

  margin-bottom: 47px;

}



.comingsoon-section .cs-countdown .count-col{

  position: relative;

  display: inline-block;

  margin: 0px 20px;

}



.comingsoon-section .cs-countdown .count-col span{

  position: relative;

  display: inline-block;

  width: 100px;

  height: 100px;

  line-height: 100px;

  text-align: center;

  background: #fff;

  border-radius: 5px;

  font-size: 48px;

  color: #1e1e2a;

  font-family: 'Roboto', sans-serif;

  font-weight: 500;

  text-align: center;

  margin-bottom: 17px;

}



.comingsoon-section .cs-countdown .count-col h6{

  position: relative;

  font-size: 20px;

  color: #fff;

  font-weight: 500;

  text-transform: capitalize;

}



.comingsoon-section .inner-box .timer{

  position: relative;

  display: block;

  margin-bottom: 86px;

}



.comingsoon-section .inner-box .subscribe-inner{

  position: relative;

  display: block;

  max-width: 770px;

  width: 100%;

  margin: 0 auto;

}



.comingsoon-section .inner-box .subscribe-inner h3{

  font-size: 24px;

  font-weight: 500;

  color: #fff;

  margin-bottom: 23px;

}



.comingsoon-section .inner-box .subscribe-inner .form-group{

  position: relative;

  margin-bottom: 43px;

}



.comingsoon-section .inner-box .subscribe-inner .form-group input[type='email']{

  position: relative;

  width: 100%;

  height: 64px;

  background: #fff;

  font-weight: 500;

  border: 1px solid #fff;

  padding: 10px 220px 10px 20px;

  font-size: 17px;

  border-radius: 5px;

  transition: all 500ms ease;

}



.comingsoon-section .inner-box .subscribe-inner .form-group input:focus{



}



.comingsoon-section .inner-box .subscribe-inner .form-group button{

  position: absolute;

  top: 0px;

  right: 0px;

  border-radius: 0px 5px 5px 0px;

  padding: 16px 40px;

  width: 200px;

}



.comingsoon-section .inner-box .subscribe-inner .form-group button:before{

  border-radius: 0px 5px 5px 0px;

}



.comingsoon-section .inner-box .subscribe-inner a{

  position: relative;

  display: inline-block;

  font-size: 18px;

  font-family: 'Roboto', sans-serif;

  font-weight: 700;

  color: #fff;

}



.comingsoon-section .inner-box .subscribe-inner a:hover{

  color: #1e1e2a;

}



.comingsoon-section .inner-box .subscribe-inner a i{

  position: relative;

  font-size: 22px;

  font-weight: 400;

  margin-left: 10px;

  top: 2px;

}





/*** 



====================================================================

                        Error-Page

====================================================================



***/





.error-page-section{

  position: fixed;

  background: #fff;

  padding: 120px 0px;

  width: 100%;

  height: 100%;

  overflow-y: auto;

  overflow-x: hidden;

}



.error-page-section .image-box{

  position: relative;

  display: block;

  margin-left: -230px;

}



.error-page-section .image-box img{

  width: 100%;

}



.error-page-section .content-box h1{

  font-size: 250px;

  line-height: 220px;

  color: #1e1e2a;

  font-weight: 700;

  margin-bottom: 9px;

}



.error-page-section .content-box h2{

  font-size: 36px;

  line-height: 45px;

  font-weight: 500;

  color: #1e1e2a;

  margin-bottom: 13px;

}



.error-page-section .content-box p{

  font-size: 18px;

  font-weight: 600;

  margin-bottom: 42px;

}



.error-page-section .content-box .search-form .form-group{

  position: relative;

  margin-bottom: 41px;

}



.error-page-section .content-box .search-form .form-group input[type='search']{

  position: relative;

  width: 100%;

  height: 54px;

  border: 1px solid #e3e3e3;

  font-size: 17px;

  font-weight: 500;

  padding: 10px 60px 10px 20px;

  transition: all 500ms ease;

}



.error-page-section .content-box .search-form .form-group button{

  position: absolute;

  top: 12px;

  right: 30px;

  font-size: 18px;

  font-weight: 600;

  color: #a7a7ba;

  cursor: pointer;

  background: transparent;

  transition: all 500ms ease;

}



.error-page-section .content-box .search-form .form-group input:focus + button,

.error-page-section .content-box .search-form .form-group button:hover{



}



.error-page-section .content-box .search-form .form-group input:focus{



}



.error-page-section .content-box a{

  position: relative;

  display: inline-block;

  font-size: 18px;

  line-height: 32px;

  font-family: 'Roboto', sans-serif;

  font-weight: 700;

  color: #1e1e2a;

  border-bottom: 3px solid #1e1e2a;

}



.error-page-section .content-box a i{

  position: relative;

  font-size: 22px;

  font-weight: 400;

  margin-left: 10px;

  top: 2px;

}



.error-page-section .content-box a:hover{



}



.error-page-section .anim-icon{

  position: absolute;

  left: 0px;

  top: 0px;

  right: 0px;

  width: 100%;

  height: 100%;

}



.error-page-section .anim-icon .icon{

  position: absolute;

  background-repeat: no-repeat;

}



.error-page-section .anim-icon .icon-1 {

  width: 100%;

  height: 92px;

  background-repeat: no-repeat;

  left: 0px;

  top: 90px;

  animation: slide-2 100s linear infinite;

  -webkit-animation: slide-2 100s linear infinite;

}



.error-page-section .anim-icon .icon-2 {

  width: 100%;

  height: 135px;

  background-repeat: no-repeat;

  left: 30%;

  top: 120px;

  animation: slide-2 100s linear infinite;

  -webkit-animation: slide-2 100s linear infinite;

}



.error-page-section .anim-icon .icon-3 {

  width: 100%;

  height: 127px;

  background-repeat: no-repeat;

  left: 50%;

  top: 60px;

  animation: slide-2 100s linear infinite;

  -webkit-animation: slide-2 100s linear infinite;

}



.error-page-section .anim-icon .icon-4 {

  width: 100%;

  height: 107px;

  background-repeat: no-repeat;

  left: 70%;

  top: 150px;

  animation: slide-2 100s linear infinite;

  -webkit-animation: slide-2 100s linear infinite;

}



.error-page-section .anim-icon .icon-5 {

  width: 100%;

  height: 164px;

  background-repeat: no-repeat;

  left: 80%;

  top: 120px;

  animation: slide-2 100s linear infinite;

  -webkit-animation: slide-2 100s linear infinite;

}



.error-page-section .anim-icon .icon-6{

  width: 100%;

  height: 124px;

  background-repeat: no-repeat;

  left: 95%;

  top: 60px;

  animation: slide-2 100s linear infinite;

  -webkit-animation: slide-2 100s linear infinite;

}





/*** 



====================================================================

                        Service-Page

====================================================================



***/



.service-page-section{

  position: relative;

  padding: 115px 0px 35px 0px;

}



.service-page-section .service-block-one{

  margin-bottom: 80px;

}



.appointment-section.service-page{

  position: relative;

  width: 100%;

  padding: 0px 0px 120px 0px;

  background-size: cover;

  background-repeat: no-repeat;

  background-position: center;

}



.appointment-section.service-page .sec-title p{

  color: #5a5a68;

}



.service-details{

  position: relative;

  padding: 113px 0px 110px 0px;

}



.group-title{

  position: relative;

  display: block;

  padding-bottom: 19px;

  margin-bottom: 33px;

}



.group-title h3{

  position: relative;

  display: block;

  font-size: 30px;

  line-height: 40px;

  font-weight: 500;

  color: #1e1e2a;

  margin-bottom: 0px;

}



.group-title .line{

  position: absolute;

  left: 0px;

  bottom: 0px;

  width: 62px;

  height: 9px;

  background-repeat: no-repeat;

}



.service-details-content{

  position: relative;

  display: block;

}



.service-details-content .upper-box .text{

  position: relative;

  margin-bottom: 45px;

}



.service-details-content .upper-box .text p{

  font-size: 18px;

  font-weight: 600;

  color: #5a5a68;

  margin-bottom: 25px;

}



.service-details-content .upper-box .text p:last-child{

  margin-bottom: 0px;

}



.service-details-content .two-column{

  position: relative;

  margin-bottom: 46px;

}



.service-details-content .two-column .image-box{

  position: relative;

  margin-top: 7px;

}



.service-details-content .two-column .image-box img{

  width: 100%

}



.service-details-content .two-column .content-box .inner-box .single-item{

  position: relative;

  margin-bottom: 27px;

}



.service-details-content .two-column .content-box .inner-box .single-item:last-child{

  margin-bottom: 0px;

}



.service-details-content .two-column .content-box .inner-box .single-item h3{

  padding-left: 30px;

  margin-bottom: 15px;

}



.service-details-content .two-column .content-box .inner-box .single-item h3:before{

  position: absolute;

  content: "\f12e";

  font-family: 'Flaticon';

  font-size: 24px;

  left: 0px;

  top: -1px;

  color: transparent;

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;

}



.service-details-content .two-column .content-box .inner-box .single-item p{

  font-size: 18px;

  font-weight: 600;

  color: #5a5a68;

  margin: 0px;

}



.service-details-content .choose-box .choose-content{

  position: relative;

  margin: 0px 10px;

}



.service-details-content .choose-box .choose-content .single-column{

  position: relative;

  padding: 0px 5px;

}



.service-details-content .choose-box .choose-content .single-item .inner-box{

  position: relative;

  display: block;

  background: #f6f6f6;

  text-align: center;

  padding: 40px 15px 32px 15px;

  transition: all 500ms ease;

}



.service-details-content .choose-box .choose-content .single-item .inner-box:hover{

  background: #fff;

  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);

}



.service-details-content .choose-box .choose-content .single-item .inner-box .icon-box{

  position: relative;

  display: inline-block;

  margin-bottom: 15px;

  transition: all 500ms ease;

  filter: grayscale(100%);

  -webkit-filter: grayscale(100%);

  -moz-filter: grayscale(100%);

  -o-filter: grayscale(100%);

  -ms-filter: grayscale(100%);

}



.service-details-content .choose-box .choose-content .single-item .inner-box:hover .icon-box{

  filter: grayscale(0%);

  -webkit-filter: grayscale(0%);

  -moz-filter: grayscale(0%);

  -o-filter: grayscale(0%);

  -ms-filter: grayscale(0%);

}



.service-details-content .choose-box .choose-content .single-item .inner-box h3{

  margin-bottom: 12px;

}



.service-details-content .choose-box .choose-content .single-item .inner-box .line{

  position: relative;

  display: block;

  max-width: 62px;

  width: 100%;

  height: 9px;

  margin: 0 auto;

  margin-bottom: 23px;

}



.service-details-content .choose-box .choose-content .single-item .inner-box p{

  font-size: 18px;

  font-weight: 700;

  color: #5a5a68;

  margin: 0px;

}



.service-details-content .choose-box .group-title{

  margin-bottom: 39px;

}



.service-details-content .choose-box{

  position: relative;

  margin-bottom: 53px;

}



.service-details-content .before-after-content .before-after {

  position: relative;

}



.service-details-content .before-after-content .before-after .twentytwenty-container img {

  width: 100%;

}



.service-details-content .before-after-content .before-after .twentytwenty-horizontal .twentytwenty-before-label:before{

  position: absolute;

  left: -10px;

  top: -10px;

  width: 100px;

  height: 100px;

  line-height: 90px;

  text-align: center;

  font-size: 16px;

  font-family: 'Roboto', sans-serif;

  font-weight: 700;

  color: #fff;

  margin: 0px;

  padding: 0px;

  background: transparent;

  z-index: 1;

  transform: rotate(-45deg);

  text-transform: uppercase;

}



.service-details-content .before-after-content .before-after .twentytwenty-horizontal .twentytwenty-before-label:after{

  position: absolute;

  content: '';

  left: 0px;

  top: 0px;

  width: 100px;

  height: 100px;

  clip-path: polygon(0% 0%, 100% 0%, 0% 100%, 0% 100%, 0% 0%);

}



.service-details-content .before-after-content .before-after .twentytwenty-horizontal .twentytwenty-after-label:before{

  position: absolute;

  right: 0px;

  width: 100px;

  height: 100px;

  line-height: 140px;

  text-align: center;

  font-size: 16px;

  background: transparent;

  font-family: 'Roboto', sans-serif;

  font-weight: 700;

  color: #fff;

  margin: 0px;

  padding: 0px;

  bottom: 0px;

  transform: rotate(-45deg);

  z-index: 1;

  text-transform: uppercase;

}



.service-details-content .before-after-content .before-after .twentytwenty-horizontal .twentytwenty-after-label:after{

  position: absolute;

  content: '';

  bottom: 0px;

  right: 0px;

  width: 100px;

  height: 100px;

  line-height: 100px;

  clip-path: polygon(0% 100%, 100% 0%, 100% 100%, 0% 100%, 0% 0%);

}



.twentytwenty-after-label,

.twentytwenty-before-label{

  opacity: 1 !important;

}



.service-details-content .before-after-gallery .text p{

  font-size: 18px;

  font-weight: 600;

  color: #5a5a68;

  margin-bottom: 0px;

}



.service-details-content .before-after-gallery .text{

  position: relative;

  margin-bottom: 31px;

}



.service-details-content .before-after-gallery{

  position: relative;

  margin-bottom: 53px;

}



.service-details-content .carousel-content .single-item{

  position: relative;

  display: block;

}



.service-details-content .carousel-content .single-item .image-box{

  position: absolute;

  left: 0px;

  top: 0px;

  width: 170px;

  height: 170px;

  border-radius: 50%;

  overflow: hidden;

}



.service-details-content .carousel-content .single-item .image-box img{

  width: 100%;

  border-radius: 50%;

}



.service-details-content .carousel-content .single-item .inner{

  position: relative;

  padding: 11px 0px 11px 200px;

  min-height: 170px;

}



.service-details-content .carousel-content .single-item .inner h3{

  margin-bottom: 15px;

}



.service-details-content .carousel-content .single-item .inner p{

  font-size: 18px;

  font-weight: 600;

  margin-bottom: 17px;

}



.service-details-content .carousel-content .single-item .inner h4{

  position: relative;

  display: inline-block;

  font-size: 20px;

  line-height: 28px;

  font-weight: 500;

  color: #1e1e2a;

  margin: 0px;

}



.service-details-content .carousel-content .single-item .inner .rating-box{

  position: relative;

  display: inline-block;

}



.service-details-content .carousel-content .single-item .inner .rating-box li{

  position: relative;

  display: inline-block;

  font-size: 14px;

}



.service-details-content .carousel-content .owl-dots{

  position: relative;

  display: block;

  margin-left: 193px;

  margin-top: 25px;

}



.service-details-content .carousel-content .owl-dots .owl-dot span{

  position: relative;

  display: inline-block;

  width: 14px;

  height: 14px;

  background: #d9d9e1;

  border-radius: 50%;

  margin: 0px 7px;

  cursor: pointer;

  transition: all 500ms ease;

}



.service-details-content .carousel-content .owl-dots .owl-dot.active span,

.service-details-content .carousel-content .owl-dots .owl-dot span:hover{



}



.service-details-content .carousel-content .group-title{

  margin-bottom: 39px;

}



.default-sidebar .widget-title{

  position: relative;

  display: block;

  padding-bottom: 21px;

  margin-bottom: 29px;

}



.default-sidebar .widget-title h3{

  position: relative;

  margin: 0px;

}



.default-sidebar .widget-title .line{

  position: absolute;

  left: 0px;

  bottom: 0px;

  width: 62px;

  height: 9px;

  background-repeat: no-repeat;

}



.default-sidebar .sidebar-widget{

  position: relative;

  display: block;

  background: #f6f6f6;

  padding: 35px 30px 40px 30px;

  margin-bottom: 40px;

}



.service-sidebar .sidebar-categories .categories-list li{

  position: relative;

  display: block;

}



.service-sidebar .sidebar-categories .categories-list li a{

  position: relative;

  display: block;

  font-size: 18px;

  line-height: 28px;

  font-family: 'Roboto', sans-serif;

  font-weight: 500;

  background: #fff;

  color: #1e1e2a;

  padding: 18px 30px 17px 60px;

  border-bottom: 1px solid #e3e3e3;

}



.service-sidebar .sidebar-categories .categories-list li:last-child a{

  border-bottom: 1px solid #fff;

}



.service-sidebar .sidebar-categories .categories-list li a:hover{

  border-bottom: 1px solid #fff;

  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);

  z-index: 1;

}



.service-sidebar .sidebar-categories .categories-list li a:before {

  position: absolute;

  content: "\f150";

  font-family: 'Font Awesome 5 Free';

  font-size: 16px;

  font-weight: 400;

  color: #b0b0bd;

  left: 30px;

  top: 17px;

  transition: all 500ms ease;

}



.service-sidebar .sidebar-categories .categories-list li a:hover:before{

  transform: rotate(-90deg);

}



.service-sidebar .sidebar-brochures .download-file{

  position: relative;

  margin: 0px -5px;

}



.service-sidebar .sidebar-brochures .download-file li{

  position: relative;

  display: inline-block;

  float: left;

  max-width: 150px;

  width: 100%;

  margin: 0px 5px;

}



.service-sidebar .sidebar-brochures .download-file li a{

  position: relative;

  display: block;

  max-width: 150px;

  text-align: center;

  background: #fff;

  padding: 30px 10px 22px 10px;

}



.service-sidebar .sidebar-brochures .download-file li a:hover{

  box-shadow: 0 20px 20px rgba(0, 0, 0, 0.1);

}



.service-sidebar .sidebar-brochures .download-file li a i{

  position: relative;

  display: inline-block;

  font-size: 30px;

  line-height: 30px;

  color: #262632;

  margin-bottom: 15px;

  transition: all 500ms ease;

}



.service-sidebar .sidebar-brochures .download-file li a:hover i{



}



.service-sidebar .sidebar-brochures .download-file li a h5{

  position: relative;

  display: block;

  font-size: 18px;

  line-height: 26px;

  color: #1e1e2a;

  font-weight: 500;

  margin-bottom: 5px;

}



.service-sidebar .sidebar-brochures .download-file li a span{

  position: relative;

  display: block;

  font-size: 17px;

  color: #5a5a68;

  font-family: 'Muli', sans-serif;

  font-weight: 500;

  margin: 0px;

}



.service-sidebar .sidebar-support .support-inner{

  position: relative;

}



.service-sidebar .sidebar-support .support-inner .image-box{

  position: relative;

  display: block;

}



.service-sidebar .sidebar-support .support-inner .image-box img{

  width: 100%;

}



.service-sidebar .sidebar-support .support-inner .content-box{

  position: absolute;

  left: 0px;

  bottom: 0px;

  width: 100%;

  padding: 30px 30px 22px 30px;

  z-index: 1;

}



.service-sidebar .sidebar-support .support-inner .content-box:before{

  position: absolute;

  content: '';

  width: 100%;

  height: 225px;

  left: 0px;

  bottom: 0px;

  clip-path: polygon(0% 0%, 0% 0%, 100% 100%, 0% 100%, 0% 0%);

}



.service-sidebar .sidebar-support .support-inner .content-box:after{

  position: absolute;

  content: '';

  width: 100%;

  height: 155px;

  right: 0px;

  bottom: 0px;

  z-index: -1;

  clip-path: polygon(0% 100%, 100% 0%, 100% 100%, 0% 100%, 0% 0%);

}



.service-sidebar .sidebar-support .support-inner .content-box .icon-box{

  position: relative;

  display: inline-block;

  font-size: 60px;

  line-height: 60px;

  color: #fff;

  margin-bottom: 15px;

}



.service-sidebar .sidebar-support .support-inner .content-box h5{

  position: relative;

  display: block;

  font-size: 18px;

  color: #fff;

  font-weight: 500;

  margin-bottom: 4px;

}



.service-sidebar .sidebar-support .support-inner .content-box .phone-box a{

  position: relative;

  display: inline-block;

  font-size: 24px;

  line-height: 30px;

  font-family: 'Roboto', sans-serif;

  color: #fff;

  font-weight: 700;

  z-index: 1;

}



.service-sidebar .sidebar-support .support-inner .content-box .phone-box a:hover{

  text-decoration: underline;

}



.service-sidebar .sidebar-support .support-inner .content-box .mail-box{

  position: absolute;

  right: 30px;

  bottom: 30px;

}



.service-sidebar .sidebar-support .support-inner .content-box .mail-box a{

  position: relative;

  display: inline-block;

  font-size: 20px;

  width: 50px;

  height: 50px;

  line-height: 50px;

  background: #fff;

  text-align: center;

  border-radius: 50%;

  z-index: 1;

}







/*** 



====================================================================

                        Work-Page

====================================================================



***/



.nice-select:after{

  width: 8px;

  height: 8px;

  border-bottom: 2px solid #9393a1;

  border-right: 2px solid #9393a1;

  right: 20px;

}



.project-section .upper-box .select-box{

  position: relative;

  max-width: 270px;

  width: 100%;

  margin-top: 32px;

}



.project-section .upper-box .nice-select{

  position: relative;

  width: 100%;

  height: 58px;

  border: 1px solid #e3e3e3;

  line-height: 58px;

  border-radius: 0px;

  padding: 0px 20px;

  font-size: 17px;

  font-weight: 600;

  color: #5a5a68;

  z-index: 9;

}



.project-block-three .inner-box{

  position: relative;

  display: block;

  overflow: hidden;

  text-align: center;

  margin-bottom: 32px;

}



.project-block-three .inner-box .image-box{

  position: relative;

  display: block;

}



.project-block-three .inner-box .image-box img{

  width: 100%;

}



.project-block-three .inner-box .content-box .lower-content{

  position: relative;

  padding-top: 13px;

}



.project-block-three .inner-box .content-box .lower-content p{

  font-size: 18px;

  font-weight: 600;

  margin-bottom: 2px;

}



.project-block-three .inner-box .content-box .lower-content h3{

  margin-bottom: 0px;

}



.project-block-three .inner-box .content-box{

  position: relative;

  opacity: 1;

  transition: all 500ms ease;

}



.project-block-three .inner-box:hover .content-box{

  opacity: 0;

}



.project-block-three .inner-box .overlay-box{

  position: absolute;

  left: 0px;

  top: 50px;

  right: 0px;

  opacity: 0;

  transition: all 500ms ease;

}



.project-block-three .inner-box:hover .overlay-box{

  top: 0px;

  opacity: 1;

}



.project-block-three .inner-box .overlay-box .image-box{

  overflow: hidden;

  background: #1e1e2a;

}



.project-block-three .inner-box .overlay-box .image-box img{

  opacity: 0.1;

}



.project-block-three .inner-box .overlay-box .inner{

  position: relative;

}



.project-block-three .inner-box .overlay-box .box{

  position: absolute;

  left: 50%;

  top: 50%;

  transform: translate(-50%,-50%);

  width: 100%;

  padding: 15px 15px;

}



.project-block-three .inner-box .overlay-box .box p{

  font-size: 18px;

  font-weight: 600;

  color: #fff;

  margin-bottom: 2px;

}



.project-block-three .inner-box .overlay-box .box h3{

  color: #fff;

  margin-bottom: 22px;

}



.project-block-three .inner-box .overlay-box .box h3 a{

  display: inline-block;

  color: #fff;

}



.project-block-three .inner-box .overlay-box .box h3 a:hover{



}



.project-block-three .inner-box .overlay-box .box .view-btn{

  position: relative;

  display: inline-block;

  font-size: 30px;

  font-family: 'Roboto', sans-serif;

  color: #fff;

  font-weight: 700;

  width: 60px;

  height: 60px;

  line-height: 54px;

  text-align: center;

  border-radius: 50%;

  border: 4px solid #fff;

}



.project-section.modern-view{

  padding-bottom: 70px;

}



.project-block-four .inner-box{

  position: relative;

  display: block;

  overflow: hidden;

  text-align: center;

  margin-bottom: 30px;

  transition: all 500ms ease;

}



.project-block-four .inner-box:hover{

  padding: 10px;

}



.project-block-four .inner-box .image-box{

  position: relative;

  display: block;

}



.project-block-four .inner-box .image-box img{

  width: 100%;

  transition: all 500ms ease;

}



.project-block-four .inner-box:hover .image-box img{

  opacity: 0;

}



.project-block-four .inner-box .content-box{

  position: absolute;

  left: 50%;

  top: 50%;

  transform: translate(-50%,-50%);

  width: 100%;

  padding: 15px 15px;

}



.project-block-four .inner-box .content-box p{

  font-size: 18px;

  font-weight: 600;

  color: #fff;

  margin-bottom: 2px;

  transform: translateY(-15px);

  opacity: 0;

  transition: all 500ms ease;

}



.project-block-four .inner-box .content-box h3{

  color: #fff;

  margin-bottom: 23px;

  transform: translateY(-15px);

  opacity: 0;

  transition: all 500ms ease;

}



.project-block-four .inner-box:hover .content-box p,

.project-block-four .inner-box:hover .content-box h3,

.project-block-four .inner-box:hover .content-box .view-btn{

  opacity: 1;

  transform: translateY(0px);

}



.project-block-four .inner-box .content-box h3 a{

  color: #fff;

}



.project-block-four .inner-box .content-box .view-btn{

  position: relative;

  display: inline-block;

  font-size: 30px;

  font-family: 'Roboto', sans-serif;

  font-weight: 700;

  width: 60px;

  height: 60px;

  line-height: 60px;

  background: #fff;

  text-align: center;

  border-radius: 50%;

  transform: translateY(15px);

  opacity: 0;

  transition: all 500ms ease;

}



.project-section .sortable-masonry .filters{

  position: relative;

  display: block;

  margin-bottom: 65px;

}



.project-section .sortable-masonry .filters .filter-tabs{

  position: relative;

  border-top: 1px solid #e3e3e3;

  border-bottom: 1px solid #e3e3e3;

}



.project-section .sortable-masonry .filters .filter-tabs li{

  position: relative;

  display: inline-block;

  font-size: 18px;

  font-family: 'Roboto', sans-serif;

  color: #1e1e2a;

  font-weight: 700;

  padding: 25px 30px;

  cursor: pointer;

  text-align: center;

  border-right: 1px solid #e3e3e3;

  transition: all 500ms ease;

}



.project-section .sortable-masonry .filters .filter-tabs li:first-child{

  border-left: 1px solid #e3e3e3;

}



.project-section .sortable-masonry .filters .filter-tabs li.active,

.project-section .sortable-masonry .filters .filter-tabs li:hover{



}



.project-section .sortable-masonry .filters .filter-tabs li span{

  position: absolute;

  left: 50%;

  transform: translateX(-50%);

  bottom: -28px;

  font-size: 14px;

  font-family: 'Roboto', sans-serif;

  color: #fff;

  font-weight: 700;

  width: 35px;

  height: 26px;

  line-height: 26px;

  text-align: center;

  border-radius: 5px;

  opacity: 0;

  transition: all 500ms ease;

}



.project-section .sortable-masonry .filters .filter-tabs li:hover span,

.project-section .sortable-masonry .filters .filter-tabs li.active span{

  bottom: -18px;

  opacity: 1;

}



.project-section .sortable-masonry .filters .filter-tabs li span:before{

  position: absolute;

  content: '';

  width: 10px;

  height: 10px;

  left: 12px;

  top: -3px;

  transform: rotate(45deg);

}



.project-section.masonry-view1{

  padding: 120px 0px 90px 0px;

}



.mr-10{

  margin-right: 10px;

}



.ml-10{

  margin-left: 10px;

}



.project-section.masonry-view2 .project-block-two{

  margin-bottom: 50px;

}



.project-section.masonry-view2{

  padding: 120px 0px 70px 0px;

}







/*** 



====================================================================

                        Blog-Page

====================================================================



***/



.blog-grid .news-block-one{

  margin-bottom: 50px;

}



.blog-grid .pagination-wrapper{

  position: relative;

  display: block;

  margin-top: 10px;

}



.sidebar-page-container{

  position: relative;

}



.news-block-three .inner-box{

  position: relative;

  display: block;

  background: #fff;

  margin-bottom: 60px;

  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);

  transition: all 500ms ease;

}



.news-block-three .inner-box .image-box{

  position: relative;

  display: block;

  overflow: hidden;

}



.news-block-three .inner-box .image-box:before{

  position: absolute;

  content: '';

  background: #1e1e2a;

  width: 50%;

  height: 0%;

  left: 0px;

  bottom: 0px;

  opacity: 0.9;

  z-index: 1;

  transition: all 500ms ease;

}



.news-block-three .inner-box .image-box:after{

  position: absolute;

  content: '';

  background: #1e1e2a;

  width: 50%;

  height: 0%;

  right: 0px;

  top: 0px;

  opacity: 0.9;

  transition: all 500ms ease;

}



.news-block-three .inner-box:hover .image-box:before,

.news-block-three .inner-box:hover .image-box:after{

  height: 100%

}



.news-block-three .inner-box .image-box .link{

  position: absolute;

  display: inline-block;

  left: 0px;

  top: 0px;

  right: 0px;

  width: 100%;

  height: 100%;

  font-size: 0px;

  color: #fff;

  z-index: 1;

}



.news-block-three .inner-box .image-box img{

  width: 100%;

  transition: all 6s ease;

}



.news-block-three .inner-box:hover .image-box img{

  transform: scale(1.5);

}



.news-block-three .inner-box .image-box .category{

  position: absolute;

  right: 0px;

  bottom: 0px;

}



.news-block-three .inner-box .image-box .category p{

  position: relative;

  display: inline-block;

  font-size: 16px;

  font-weight: 700;

  color: #fff;

  padding: 4px 19px;

  text-align: center;

  z-index: 1;

  border-top-left-radius: 15px;

}



.news-block-three .inner-box .image-box .category p i{

  position: relative;

  color: #fff;

  margin-right: 8px;

}



.news-block-three .inner-box .lower-content{

  position: relative;

  padding: 33px 30px 35px 30px;

}



.news-block-three .inner-box .lower-content .upper-box{

  position: relative;

  border-bottom: 1px solid #e3e3e3;

  padding-bottom: 23px;

  margin-bottom: 23px;

}



.news-block-three .inner-box .lower-content .upper-box h2{

  position: relative;

  display: block;

  font-size: 30px;

  line-height: 40px;

  font-weight: 500;

  color: #1e1e2a;

  margin-bottom: 13px;

}



.news-block-three .inner-box .lower-content .upper-box h2 a{

  display: inline-block;

  color: #1e1e2a;

}



.news-block-three .inner-box .lower-content .upper-box h2 a:hover{



}



.news-block-three .inner-box .lower-content .upper-box .post-info li{

  position: relative;

  display: inline-block;

  font-size: 17px;

  padding-right: 15px;

  margin-right: 3px;

}



.news-block-three .inner-box .lower-content .upper-box .post-info li:before{

  position: absolute;

  content: "||";

  font-size: 15px;

  font-family: 'Muli', sans-serif;

  color: #c4c4c4;

  top: -1px;

  right: 0px;

}



.news-block-three .inner-box .lower-content .upper-box .post-info li:last-child:before{

  display: none;

}



.news-block-three .inner-box .lower-content .upper-box .post-info li:last-child{

  padding-right: 0px;

  margin-right: 0px;

}



.news-block-three .inner-box .lower-content .upper-box .post-info li a{

  color: #5a5a68;

}



.news-block-three .inner-box .lower-content .upper-box .post-info li a:hover{



}



.news-block-three .inner-box .lower-content .upper-box .post-info li i{

  font-size: 13px;

  margin-right: 8px;

}



.news-block-three .inner-box .lower-content .text p{

  font-size: 18px;

  font-weight: 600;

  color: #5a5a68;

  margin: 0px;

}



.news-block-three .inner-box .lower-content .text p span{



}



.news-block-three .inner-box .lower-content .text{

  position: relative;

  margin-bottom: 27px;

}



.news-block-three .inner-box .lower-content .lower-box .link-box .link a{

  position: relative;

  display: inline-block;

  font-size: 18px;

  font-family: 'Roboto', sans-serif;

  font-weight: 700;

  color: #1e1e2a;

}



.news-block-three .inner-box .lower-content .lower-box .link-box .link a i{

  position: relative;

  font-size: 22px;

  margin-left: 10px;

  font-weight: 400;

  top: 2px;

}



.news-block-three .inner-box .lower-content .lower-box .link-box .link a:hover{



}



.news-block-three .inner-box .lower-content .lower-box .share-box{

  position: relative;

  display: inline-block;

}



.news-block-three .inner-box .lower-content .lower-box .share-box a.share-btn{

  position: relative;

  display: inline-block;

  font-size: 13px;

  color: #5a5a68;

  font-family: 'Muli', sans-serif;

  text-transform: uppercase;

  margin: 0px;

}



.news-block-three .inner-box .lower-content .lower-box .share-box a.share-btn i{

  margin-right: 10px;

}



.news-block-three .inner-box .lower-content .lower-box .share-box a.share-btn:hover{



}



.news-block-three .inner-box .lower-content .lower-box .share-box .social-links{

  position: absolute;

  display: inline-block;

  left: 0px;

  bottom: -25px;

  width: 120px;

  height: 20px;

  background: transparent;

  text-align: center;

  opacity: 0;

  visibility: hidden;

  transition: all 500ms ease;

}



.news-block-three .inner-box .lower-content .lower-box .share-box:hover .social-links{

  bottom: -12px;

  opacity: 1;

  visibility: visible;

}



.news-block-three .inner-box .lower-content .lower-box .share-box .social-links li{

  position: relative;

  float: left;

  width: 25%;

  text-align: center;

}



.news-block-three .inner-box .lower-content .lower-box .share-box .social-links li a{

  font-size: 13px;

  color: #5a5a68;

}



.news-block-three .inner-box .lower-content .lower-box .share-box .social-links li a:hover{



}



.sidebar-page-container .sidebar .sidebar-search{

  position: relative;

  display: block;

  margin-bottom: 40px;

}



.default-sidebar .sidebar-search .form-group{

  position: relative;

  margin: 0px;

}



.default-sidebar .sidebar-search .form-group input[type='search']{

  position: relative;

  width: 100%;

  height: 60px;

  border: 1px solid #e3e3e3;

  font-size: 17px;

  font-weight: 500;

  color: #5a5a68;

  padding: 10px 80px 10px 20px;

  border-radius: 5px;

  transition: all 500ms ease;

}



.default-sidebar .sidebar-search .form-group input:focus + button,

.default-sidebar .sidebar-search .form-group button:hover{



}



.default-sidebar .sidebar-search .form-group input:focus{



}



.default-sidebar .sidebar-search .form-group button{

  position: absolute;

  top: 0px;

  right: 0px;

  width: 60px;

  height: 60px;

  line-height: 60px;

  background: #1e1e2a;

  font-size: 20px;

  font-weight: 600;

  color: #fff;

  text-align: center;

  border-radius: 0px 5px 5px 0px;

  cursor: pointer;

  transition: all 500ms ease;

}

 

.sidebar-page-container .sidebar .sidebar-categories .categories-list li{

  position: relative;

  display: block;

  border-bottom: 1px solid #e3e3e3;

}



.sidebar-page-container .sidebar .sidebar-categories .categories-list li:last-child{

  border-bottom: none;

}



.sidebar-page-container .sidebar .sidebar-categories .categories-list li a{

  position: relative;

  display: inline-block;

  font-size: 18px;

  line-height: 28px;

  font-family: 'Muli', sans-serif;

  font-weight: 600;

  color: #1e1e2a;

  padding: 13px 0px 12px 30px;

}



.sidebar-page-container .sidebar .sidebar-categories .categories-list li a:hover{



}



.sidebar-page-container .sidebar .sidebar-categories .categories-list li a:before{

  position: absolute;

  content: "\f07b";

  font-family: 'Font Awesome 5 Free';

  font-weight: 400;

  font-size: 16px;

  color: #9f9fb4;

  left: 0px;

  top: 13px;

  transition: all 500ms ease;

}



.sidebar-page-container .sidebar .sidebar-categories .categories-list li a:hover:before{

  

}



.sidebar-page-container .sidebar .sidebar-categories .widget-title{

  margin-bottom: 9px;

}



.sidebar-page-container .sidebar .sidebar-categories{

  padding-bottom: 20px;

}



.sidebar-page-container .sidebar .sidebar-post .post{

  position: relative;

  display: block;

  padding-left: 100px;

  border-bottom: 1px solid #e3e3e3;

  padding-bottom: 26px;

  margin-bottom: 26px;

  min-height: 115px;

}



.sidebar-page-container .sidebar .sidebar-post .post:last-child{

  margin-bottom: 0px;

  border-bottom: none;

}



.sidebar-page-container .sidebar .sidebar-post .post .post-thumb{

  position: absolute;

  left: 0px;

  top: 4px;

  width: 80px;

  height: 80px;

  background: #1e1e2a;

  overflow: hidden;

}



.sidebar-page-container .sidebar .sidebar-post .post .post-thumb img{

  width: 100%;

  transition: all 500ms ease;

}



.sidebar-page-container .sidebar .sidebar-post .post:hover .post-thumb img{

  opacity: 0.1;

}



.sidebar-page-container .sidebar .sidebar-post .post h5{

  position: relative;

  display: block;

  font-size: 18px;

  line-height: 28px;

  font-weight: 700;

  margin-bottom: 4px;

}



.sidebar-page-container .sidebar .sidebar-post .post h5 a{

  position: relative;

  display: inline-block;

  color: #1e1e2a;

}



.sidebar-page-container .sidebar .sidebar-post .post h5 a:hover{



}



.sidebar-page-container .sidebar .sidebar-post .post p{



}



.sidebar-page-container .sidebar .sidebar-post .post p i{

  font-size: 13px;

  margin-right: 8px;

}



.sidebar-page-container .sidebar .sidebar-post .widget-title{

  margin-bottom: 25px;

}



.sidebar-page-container .sidebar .sidebar-post{

  padding-bottom: 10px;

}



.sidebar-page-container .sidebar .sidebar-archives .widget-content .select-box{

  position: relative;

  display: block;

  width: 100%;

  height: 56px;

}



.sidebar-page-container .sidebar .sidebar-archives .widget-content .select-box .nice-select{

  background: #fff;

  border: none;

  height: 56px;

  line-height: 56px;

  padding: 0px 20px 0px 60px;

  font-size: 17px;

  font-weight: 500;

}



.sidebar-page-container .sidebar .sidebar-archives .widget-content .select-box .nice-select:before{

  position: absolute;

  content: "\f133";

  font-family: 'Font Awesome 5 Free';

  font-weight: 400;

  font-size: 15px;

  line-height: 20px;

  color: #9f9fb4;

  left: 30px;

  top: 20px;

}



.sidebar-page-container .sidebar .sidebar-gallery .widget-content .image-list{

  position: relative;

  margin: 0px -10px;

}



.sidebar-page-container .sidebar .sidebar-gallery .widget-content ul li{

  position: relative;

  display: inline-block;

  float: left;

  width: 90px;

  height: 90px;

  background: #1e1e2a;

  overflow: hidden;

  margin: 0px 10px;

  margin-bottom: 20px;

}



.sidebar-page-container .sidebar .sidebar-gallery .widget-content ul li .image-box img{

  width: 100%;

  transition: all 500ms ease;

}



.sidebar-page-container .sidebar .sidebar-gallery .widget-content ul li .image-box:hover img{

  opacity: 0.1;

}



.sidebar-page-container .sidebar .sidebar-gallery{

  padding-bottom: 20px;

}



.sidebar-page-container .sidebar .sidebar-tags .tags-list li{

  position: relative;

  display: inline-block;

  float: left;

  margin: 0px 10px 10px 0px;

}



.sidebar-page-container .sidebar .sidebar-tags .tags-list li a{

  position: relative;

  display: inline-block;

  font-size: 17px;

  font-family: 'Muli', sans-serif;

  line-height: 28px;

  font-weight: 500;

  color: #5a5a68;

  background: #fff;

  padding: 4px 14px;

  text-align: center;

  z-index: 1;

}



.sidebar-page-container .sidebar .sidebar-tags .tags-list li a:hover{

  color: #fff;

}



.sidebar-page-container .sidebar .sidebar-tags .tags-list li a:before{

  position: absolute;

  content: '';

  width: 0%;

  height: 100%;

  top: 0px;

  right: 0px;

  z-index: -1;

  transition: all 500ms ease;

}



.sidebar-page-container .sidebar .sidebar-tags .tags-list li a:hover:before{

  width: 100%;

  left: 0px;

}



.sidebar-page-container .sidebar .sidebar-tags{

  padding-bottom: 30px;

}



.blog-details-content .news-block-three .inner-box{

  box-shadow: none;

  margin: 0px;

}



.blog-details-content .news-block-three .inner-box .lower-content{

  padding: 32px 0px 0px 0px;

}



.blog-details-content .news-block-three .inner-box .lower-content .upper-box{

  margin-bottom: 33px;

}



.blog-details-content .news-block-three .inner-box .lower-content h2{

  font-size: 36px;

  line-height: 45px;

}



.blog-details-content .news-block-three .inner-box .image-box:before,

.blog-details-content .news-block-three .inner-box .image-box:after{

  display: none;

}



.blog-details-content .news-block-three .inner-box:hover .image-box img{

  transform: scale(1);

}



.blog-details-content .news-block-three .inner-box .lower-content .text p{

  font-size: 18px;

  font-weight: 600;

  margin-bottom: 25px;

}



.blog-details-content .news-block-three .inner-box .lower-content .text h3{

  font-size: 24px;

  line-height: 32px;

  padding-top: 21px;

  margin-bottom: 24px;

}



.blog-details-content .news-block-three .inner-box .lower-content .text h4{

  font-size: 20px;

  line-height: 28px;

  font-weight: 500;

  margin-bottom: 12px;

  padding-left: 30px;

  padding-top: 2px;

}



.blog-details-content .news-block-three .inner-box .lower-content .text h4:before{

  position: absolute;

  content: "\f116";

  font-family: 'Flaticon';

  font-weight: 400;

  font-size: 18px;

  line-height: 18px;

  left: 0px;

  top: 4px;

  color: transparent;

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;

}



.blog-details-content .news-block-three .inner-box .lower-content .text p:last-child{

  margin-bottom: 0px;

}



.blog-details-content .two-column .image-box{

  position: relative;

  display: block;

}



.blog-details-content .two-column .image-box img{

  width: 100%;

}



.blog-details-content .two-column .content-box blockquote{

  position: relative;

  display: block;

  background: #f6f6f6;

  text-align: center;

  margin: 0px;

  padding: 51px 20px 52px 20px;

}



.blog-details-content .two-column .content-box blockquote i{

  position: absolute;

  left: 30px;

  top: 30px;

  font-size: 80px;

  line-height: 80px;

  color: #e3e3e3;

}



.blog-details-content .two-column .content-box blockquote p{

  font-size: 20px;

  line-height: 32px;

  font-weight: 500;

  color: #5a5a68;

  margin-bottom: 16px;

}



.blog-details-content .two-column .content-box blockquote h3{

  margin: 0px;

}



.blog-details-content .news-block-three .inner-box .lower-content .text{

  margin-bottom: 32px;

}



.blog-details-content .two-column{

  position: relative;

  display: block;

  margin-bottom: 54px;

}



.blog-details-content .maintenance-tips h3{

  font-size: 24px;

  line-height: 32px;

  margin-bottom: 25px;

}



.blog-details-content .maintenance-tips p{

  font-size: 18px;

  font-weight: 600;

  margin-bottom: 25px;

}



.blog-details-content .maintenance-tips .list-item li{

  position: relative;

  display: block;

  font-size: 18px;

  font-weight: 600;

  margin-bottom: 10px;

  padding-left: 28px;

}



.blog-details-content .maintenance-tips .list-item li:last-child{

  margin-bottom: 0px;

}



.blog-details-content .maintenance-tips .list-item li:before{

  position: absolute;

  content: '';

  width: 8px;

  height: 8px;

  left: 0px;

  top: 12px;

  border-radius: 50%;

}



.blog-details-content .maintenance-tips{

  position: relative;

  display: block;

  margin-bottom: 52px;

}



.blog-details-content .post-share-option{

  position: relative;

  display: block;

  padding: 17px 0px;

  border-top: 1px solid #e5e5e5;

  margin-bottom: 43px;

}



.blog-details-content .post-share-option .post-tags li{

  position: relative;

  display: inline-block;

  font-size: 17px;

  font-family: 'Muli', sans-serif;

  color: #5a5a68;

  font-weight: 500;

}



.blog-details-content .post-share-option .post-tags li a{

  color: #5a5a68;

}



.blog-details-content .post-share-option .post-tags li a:hover{



}



.blog-details-content .post-share-option .post-tags li:first-child{

  color: #1e1e2a;

}



.blog-details-content .post-share-option .post-tags li:first-child i{

  margin-right: 8px;

}



.blog-details-content .post-share-option .social-links li{

  position: relative;

  display: inline-block;

  margin-right: 6px;

}



.blog-details-content .post-share-option .social-links li:last-child{

  margin-right: 0px;

}



.blog-details-content .post-share-option .social-links li a{

  position: relative;

  display: inline-block;

  font-size: 14px;

  color: #8d8d9c;

  width: 43px;

  height: 43px;

  line-height: 43px;

  text-align: center;

  border: 1px solid #e3e3e3;

  border-radius: 50%;

}



.blog-details-content .post-share-option .social-links li a:hover{

  color: #fff;

}



.blog-details-content .post-share-option .post-tags{

  position: relative;

  margin-top: 8px;

}



.blog-details-content .author-box{

  position: relative;

  border: 1px solid #e5e5e5;

  padding: 35px 40px 33px 40px;

  margin-bottom: 52px;

}



.blog-details-content .author-box .author-inner{

  position: relative;

  padding-left: 130px;

}



.blog-details-content .author-box .author-inner .author-thumb{

  position: absolute;

  left: 0px;

  top: 6px;

  width: 90px;

  height: 90px;

  border-radius: 50%;

  overflow: hidden;

}



.blog-details-content .author-box .author-inner .author-thumb img{

  width: 100%;

  border-radius: 50%;

}



.blog-details-content .author-box .author-inner .info h4{

  display: block;

  font-size: 20px;

  line-height: 24px;

  font-weight: 500;

  margin-bottom: 0px;

}



.blog-details-content .author-box .author-inner .info a{

  position: relative;

  display: inline-block;

  font-size: 17px;

  line-height: 24px;

  color: #5a5a68;

  font-weight: 500;

}



.blog-details-content .author-box .author-inner .info a:hover{



}



.blog-details-content .author-box .author-inner .info{

  position: relative;

  margin-bottom: 16px;

}



.blog-details-content .author-box .author-inner .text p{

  font-size: 18px;

  font-weight: 600;

  margin: 0px;

}



.blog-details-content .author-box .author-inner .text{

  position: relative;

  margin-bottom: 16px;

}



.blog-details-content .author-box .author-inner .social-links li{

  position: relative;

  display: inline-block;

  margin-right: 15px;

}



.blog-details-content .author-box .author-inner .social-links li:last-child{

  margin-right: 0px;

}



.blog-details-content .author-box .author-inner .social-links li a{

  position: relative;

  display: inline-block;

  font-size: 16px;

  color: #8d8d9c;

}



.blog-details-content .author-box .author-inner .social-links li a:hover{



}



.blog-details-content .post-btn{

  position: relative;

  display: block;

}



.blog-details-content .post-btn .btn-box{

  width: 50%;

}



.blog-details-content .post-btn .btn-box a{

  position: relative;

  display: inline-block;

  font-size: 17px;

  font-weight: 500;

  color: #5a5a68;

  margin-bottom: 12px;

}



.blog-details-content .post-btn .btn-box a:hover{



}



.blog-details-content .post-btn .btn-box .box{

  position: relative;

  padding-top: 6px;

  padding-bottom: 8px;

  min-height: 70px;

}



.blog-details-content .post-btn .prev-btn .box{

  padding-left: 90px;

  padding-right: 10px;

}



.blog-details-content .post-btn .next-btn{

  text-align: right;

}



.blog-details-content .post-btn .next-btn .box{

  padding-right: 90px;

}



.blog-details-content .post-btn .btn-box .box .image-box{

  position: absolute;

  top: 0px;

  width: 70px;

  height: 70px;

  border-radius: 50%;

  overflow: hidden;

}



.blog-details-content .post-btn .prev-btn .box .image-box{

  left: 0px;

}



.blog-details-content .post-btn .next-btn .box .image-box{

  right: 0px;

}



.blog-details-content .post-btn .btn-box .box .image-box img{

  width: 100%;

  border-radius: 50%;

}



.blog-details-content .post-btn .btn-box .box h4{

  position: relative;

  font-size: 20px;

  line-height: 28px;

  font-weight: 500;

  margin: 0px;

}



.blog-details-content .post-btn{

  position: relative;

  padding-bottom: 50px;

  border-bottom: 1px solid #e3e3e3;

  margin-bottom: 52px;

}



.blog-details-content .post-btn:before{

  position: absolute;

  content: '';

  background: #e3e3e3;

  width: 1px;

  height: 100px;

  left: 50%;

  transform: translateX(-50%);

  top: 10px;

}



.blog-details-content .comments-area .comment{

  position: relative;

  display: block;

  background: #f6f6f6;

  border: 1px solid #f6f6f6;

  margin-bottom: 55px;

  padding: 35px 30px 16px 140px;

}



.blog-details-content .comments-area .comment:last-child{

  margin-bottom: 0px;

}



.blog-details-content .comments-area .comment .thumb-box{

  position: absolute;

  left: 40px;

  top: 40px;

  width: 70px;

  height: 70px;

  border-radius: 50%;

  overflow: hidden;

}



.blog-details-content .comments-area .comment .thumb-box img{

  width: 100%;

  border-radius: 50%;

}



.blog-details-content .comments-area .comment .comment-info h4{

  position: relative;

  display: inline-block;

  font-size: 20px;

  font-weight: 500;

  margin: 0px;

}



.blog-details-content .comments-area .comment .comment-info .comment-time{

  position: relative;

  display: inline-block;

  font-size: 17px;

  font-weight: 500;

}



.blog-details-content .comments-area .comment .comment-info{

  position: relative;

  margin-bottom: 16px;

}



.blog-details-content .comments-area .comment p{

  position: relative;

  font-size: 18px;

  font-weight: 600;

  margin-bottom: 15px;

}



.blog-details-content .comments-area .comment a{

  position: absolute;

  right: 40px;

  bottom: -26px;

  width: 52px;

  height: 52px;

  line-height: 52px;

  font-size: 20px;

  border: 1px solid #e3e3e3;

  text-align: center;

  border-radius: 50%;

  background: #fff;

  color: #5a5a68;

  z-index: 1;

}



.blog-details-content .comments-area .comment a:before{

  position: absolute;

  content: '';

  width: 52px;

  height: 52px;

  left: -1px;

  top: -1px;

  border-radius: 50%;

  transform: scale(0,0);

  z-index: -1;

  transition: all 500ms ease;

}



.blog-details-content .comments-area .comment a:hover:before{

  transform: scale(1,1);

}



.blog-details-content .comments-area .comment a:hover{

  color: #fff;

}



.blog-details-content .comments-area .comment.replay-comment{

  background: transparent;

  border-color: #e3e3e3;

  margin-left: 40px;

}



.blog-details-content .comments-area .group-title{

  margin-bottom: 11px;

}



.blog-details-content .comments-area{

  position: relative;

  margin-bottom: 52px;

}



.blog-details-content .comments-form-area .group-title p{

  font-size: 17px;

  font-weight: 500;

  line-height: 34px;

  margin: 0px;

}



.blog-details-content .comments-form-area .comment-form .form-group{

  position: relative;

  margin-bottom: 30px;

}



.blog-details-content .comments-form-area .comment-form .form-group input[type='text'],

.blog-details-content .comments-form-area .comment-form .form-group input[type='email'],

.blog-details-content .comments-form-area .comment-form .form-group textarea{

  position: relative;

  width: 100%;

  height: 60px;

  border: 1px solid #e3e3e3;

  border-radius: 5px;

  font-size: 17px;

  font-weight: 600;

  color: #5a5a68;

  padding: 10px 20px;

  transition: all 500ms ease;

}



.blog-details-content .comments-form-area .comment-form .form-group textarea{

  display: block;

  height: 160px;

  resize: none;

}



.blog-details-content .comments-form-area .comment-form .form-group input:focus,

.blog-details-content .comments-form-area .comment-form .form-group textarea:focus{



}



.blog-details-content .comments-form-area .group-title{

  margin-bottom: 10px;

}



.blog-details-content .comments-form-area .comment-form .form-group button{

  padding: 11px 56px;

}



.blog-details-content .comments-form-area .comment-form .form-group:last-child{

  margin-bottom: 0px;

}







/*** 



====================================================================

                        Product-Page

====================================================================



***/





.our-shop{

  position: relative;

}



.our-shop .items-sorting{

  position: relative;

  display: block;

  padding-bottom: 20px;

  margin-bottom: 60px;

  border-bottom: 1px solid #e3e3e3;

}



.our-shop .items-sorting .text{

  position: relative;

  margin-top: 15px;

}



.our-shop .items-sorting .text p{

  font-weight: 500;

  color: #1e1e2a;

  margin: 0px;

}



.our-shop .items-sorting .select-box{

  position: relative;

  width: 270px;

}



.our-shop .items-sorting .select-box .nice-select{

  position: relative;

  height: 56px;

  line-height: 56px;

  border: 1px solid #e3e3e3;

  border-radius: 5px;

  padding: 0px 20px;

  font-size: 17px;

  font-weight: 500;

  color: #5a5a68;

  margin: 0px;

}



.product-block-one .inner-box{

  position: relative;

  display: block;

  text-align: center;

  background: #fff;

  box-shadow: 0 0px 20px rgba(0, 0, 0, 0.08);

  margin-bottom: 40px;

  transition: all 500ms ease;

}



.product-block-one .inner-box:hover{

  box-shadow: 0 0px 30px rgba(0, 0, 0, 0.2);

}



.product-block-one .inner-box .image-box{

  position: relative;

  display: block;

  overflow: hidden;

  background: #fff;

}



.product-block-one .inner-box .image-box img{

  width: 100%;

  transition: all 500ms ease;

}



.product-block-one .inner-box:hover .image-box img{

  opacity: 0.15;

}



.product-block-one .inner-box .image-box .category{

  position: absolute;

  top: 20px;

  left: 20px;

  font-size: 14px;

  font-family: 'Roboto', sans-serif;

  color: #fff;

  font-weight: 700;

  text-transform: uppercase;

  width: 46px;

  height: 46px;

  line-height: 46px;

  text-align: center;

  border-radius: 50%;

}



.product-block-one .inner-box .image-box .content-box{

  position: absolute;

  left: 50%;

  top: 55%;

  transform: translate(-50%,-50%);

  background: #fff;

  width: 160px;

  height: 54px;

  line-height: 54px;

  border-radius: 30px;

  opacity: 0;

  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);

  transition: all 500ms ease;

}



.product-block-one .inner-box:hover .image-box .content-box{

  top: 50%;

  opacity: 1;

}



.product-block-one .inner-box .image-box .content-box li{

  position: relative;

  display: inline-block;

  float: left;

  width: 33.333%;

  border-right: 1px solid #e3e3e3;

  text-align: center;

}



.product-block-one .inner-box .image-box .content-box li:last-child{

  border-right: none

}



.product-block-one .inner-box .image-box .content-box li a{

  position: relative;

  display: inline-block;

  font-size: 18px;

  color: #1e1e2a;

}



.product-block-one .inner-box .image-box .content-box li:nth-child(2) a{

  font-size: 24px;

}



.product-block-one .inner-box .image-box .content-box li a:hover{



}



.product-block-one .inner-box .image-box .content-box li a span{

  position: absolute;

  left: 50%;

  transform: translateX(-50%);

  top: -13px;

  width: 93px;

  height: 28px;

  line-height: 28px;

  text-align: center;

  font-size: 13px;

  font-family: 'Muli', sans-serif;

  font-weight: 700;

  color: #fff;

  border-radius: 5px;

  visibility: hidden;

  opacity: 0;

  transition: all 500ms ease;

}



.product-block-one .inner-box .image-box .content-box li a:hover span{

  top: -18px;

  visibility: visible;

  opacity: 1;

}



.product-block-one .inner-box .image-box .content-box li a span:before{

  position: absolute;

  content: '';

  width: 10px;

  height: 10px;

  left: 40px;

  bottom: -3px;

  transform: rotate(45deg);

}



.product-block-one .inner-box .lower-content{

  position: relative;

  border-top: 1px solid #e3e3e3;

  padding: 29px 15px 22px 15px;

}



.product-block-one .inner-box .lower-content .rating{

  position: absolute;

  display: inline-block;

  left: 50%;

  transform: translateX(-50%);

  top: -15px;

  background: #fff;

  border: 1px solid #e3e3e3;

  border-radius: 30px;

  overflow: hidden;

  text-align: center;

  padding: 0px 15px;

}



.product-block-one .inner-box .lower-content .rating li{

  position: relative;

  display: inline-block;

  font-size: 13px;

  line-height: 20px;

}



.product-block-one .inner-box .lower-content h3{

  margin-bottom: 5px;

}



.product-block-one .inner-box .lower-content p{

  font-size: 18px;

  font-weight: 500;

  margin: 0px;

}



.product-block-one .inner-box .lower-content .rating.light li:last-child{

  color: #a6a6af;

}



.our-shop .pagination-wrapper{

  margin-top: 10px;

}



.shop-sidebar .sidebar-widget{

  padding: 0px;

  background: transparent;

}



.shop-sidebar .sidebar-search{

  position: relative;

  margin-bottom: 45px;

}



.shop-sidebar .sidebar-categories{

  margin-bottom: 45px;

}



.shop-sidebar .sidebar-categories .categories-list li{

  position: relative;

  display: block;

  border-bottom: 1px solid #e3e3e3;

}



.shop-sidebar .sidebar-categories .categories-list li a{

  position: relative;

  display: inline-block;

  font-size: 18px;

  line-height: 28px;

  font-family: 'Muli', sans-serif;

  font-weight: 600;

  color: #1e1e2a;

  padding: 13px 0px 12px 30px;

}



.shop-sidebar .sidebar-categories .categories-list li a:hover{



}



.shop-sidebar .sidebar-categories .categories-list li a:before{

  position: absolute;

  content: "\f07b";

  font-family: 'Font Awesome 5 Free';

  font-weight: 400;

  font-size: 16px;

  color: #9f9fb4;

  left: 0px;

  top: 13px;

  transition: all 500ms ease;

}



.shop-sidebar .sidebar-categories .categories-list li a:hover:before{

  

}



.shop-sidebar .sidebar-search .form-group input[type='search']{

  height: 56px;

}



.shop-sidebar .sidebar-search .form-group button{

  height: 56px;

}



.shop-sidebar .sidebar-categories .widget-title{

  margin-bottom: 7px;

}



.shop-sidebar .range-slider .title{

  position:relative;

  float:left;

  font-size:17px;

  font-weight:500;

  margin-top:4px;

}



.shop-sidebar .range-slider .title:before{

  position:absolute;

  content:'$';

  right:-14px;

  top:0px;

  font-size:17px;

  font-weight:500;

}



.shop-sidebar .range-slider .input{

  float:right;

  left: 8px;

  max-width:75px;

  padding-left:8px;

  margin-top:4px;

  font-weight:500;

  position: relative;

}



.shop-sidebar .range-slider .input input{

  background:none;

  font-size:17px;

  font-weight:500;

  color: #5a5a68;

  width:auto;

  text-align:left;  

}



.shop-sidebar .range-slider .ui-widget.ui-widget-content{

  height:2px;

  border:none;

  margin-bottom:26px;

  background:#e1e5e9; 

}



.shop-sidebar .range-slider .ui-slider .ui-slider-range{

  top:0px;

  height:2px;

}



.shop-sidebar .range-slider .ui-state-default,

.shop-sidebar .range-slider .ui-widget-content .ui-state-default{

  top:-6px;

  width:14px;

  height:14px;

  background:#fff;

  cursor:pointer;

  border-radius:50%;

  margin-left: 0px;

}



.shop-sidebar .range-slider .ui-state-default:before,

.shop-sidebar .range-slider .ui-widget-content .ui-state-default:before{

  position: absolute;

  content: '';

  width: 4px;

  height: 4px;

  left: 3px;

  top: 3px;

  border-radius: 50%;

}



.shop-sidebar .filter-price .range-slider .theme-btn{

  padding: 2px 31px;

  font-size: 16px;

}



.shop-sidebar .filter-price{

  margin-bottom: 45px;

}



.shop-sidebar .filter-price .widget-title{

  margin-bottom: 36px;

}



.shop-sidebar .post-widget .post-inner .post{

  position: relative;

  padding-left: 100px;

  margin-bottom: 26px;

  min-height: 80px;

}



.shop-sidebar .post-widget .post-inner .post:last-child{

  margin-bottom: 0px;

}



.shop-sidebar .post-widget .post-inner .post .image-box{

  position: absolute;

  left: 0px;

  top: 2px;

  width: 80px;

  height: 80px;

  border: 1px solid #e3e3e3;

  transition: all 500ms ease;

}



.shop-sidebar .post-widget .post-inner .post:hover .image-box{



}



.shop-sidebar .post-widget .post-inner .post .rating{

  position: relative;

  display: block;

  margin-bottom: 4px;

}



.shop-sidebar .post-widget .post-inner .post .rating li{

  position: relative;

  display: inline-block;

  float: left;

  margin-right: 2px;

  font-size: 12px;

  line-height: 20px;

}



.shop-sidebar .post-widget .post-inner .post .rating li:last-child{

  margin-right: 0px;

}



.shop-sidebar .post-widget .post-inner .post .rating.light li:last-child{

  color: #a6a6af;

}



.shop-sidebar .post-widget .post-inner .post h5{

  position: relative;

  display: block;

  font-size: 18px;

  line-height: 28px;

  font-weight: 500;

  margin-bottom: 8px;

}



.shop-sidebar .post-widget .post-inner .post h5 a{

  display: inline-block;

  color: #1e1e2a;

}



.shop-sidebar .post-widget .post-inner .post h5 a:hover{



}



.shop-sidebar .post-widget .post-inner .post .price{

  position: relative;

  display: block;

  font-size: 16px;

  line-height: 24px;

  font-family: 'Roboto', sans-serif;

  color: #5a5a68;

  font-weight: 700;

  margin: 0px;

}





/** product-details **/



.product-details{

  position: relative;

  padding: 120px 0px 90px 0px;

}



.product-details .basic-details .slider-content{

  position: relative;

  padding-left: 140px;

  width: 100% !important;

}



.product-details .basic-details .slider-content .slider-pager{

  position: absolute;

  left: 0px;

  top: 0px;

}



.product-details .basic-details .slider-content .slider-pager li{

  position: relative;

  display: block;

  margin-bottom: 20px;

}



.product-details .basic-details .slider-content .slider-pager li a{

  position: relative;

  display: inline-block;

  width: 120px;

  height: 120px;

  border: 1px solid #e3e3e3;

  border-radius: 5px;

}



.product-details .basic-details .slider-content .slider-pager li a.active{



}



.product-details .basic-details .slider-content .slider-pager li:last-child{

  margin-bottom: 0px;

}



.product-details .basic-details .slider-content .image-box{

  position: relative;

  display: block;

  border: 1px solid #e3e3e3;

  border-radius: 5px;

  margin-right: 30px;

}



.product-details .basic-details .slider-content .image-box img{

  width: 100%;

}



.product-details .basic-details .carousel-column .btn-box{

  position: relative;

  padding-left: 140px;

  margin-top: 20px;

}



.product-details .basic-details .carousel-column .btn-box li{

  position: relative;

  display: inline-block;

  float: left;

  margin-right: 10px;

}



.product-details .basic-details .carousel-column .btn-box li:last-child{

  margin-right: 0px;

}



.product-details .basic-details .carousel-column .btn-box li .cart-btn{

  position: relative;

  display: inline-block;

  width: 195px;

  text-align: center;

  background: #1e1e2a;

  padding: 13px 25px;

  font-size: 18px;

  line-height: 30px;

  font-family: 'Roboto', sans-serif;

  font-weight: 700;

  color: #fff;

  border-radius: 5px;

  cursor: pointer;

  transition: all 500ms ease;

}



.product-details .basic-details .carousel-column .btn-box li .cart-btn:hover{



}



.product-details .basic-details .carousel-column .btn-box li .theme-btn{

  width: 195px;

  padding: 13px 25px;

}



.product-details .basic-details .product-details-content{

  position: relative;

}



.product-details .basic-details .product-details-content h2{

  position: relative;

  display: block;

  font-size: 30px;

  line-height: 38px;

  font-weight: 500;

  margin-bottom: 5px;

}



.product-details .basic-details .product-details-content .rating-box{

  position: relative;

  display: inline-block;

}



.product-details .basic-details .product-details-content .rating-box li{

  position: relative;

  display: inline-block;

  float: left;

  font-size: 15px;

  margin-right: 2px;

}



.product-details .basic-details .product-details-content .rating-box li:last-child{

  margin-right: 0px;

}



.product-details .basic-details .product-details-content .reviews{

  position: relative;

  display: inline-block;

  top: -10px;

}



.product-details .basic-details .product-details-content .reviews a{

  position: relative;

  display: inline-block;

  font-size: 17px;

  font-weight: 500;

  color: #5a5a68;

  margin-left: 8px;

}



.product-details .basic-details .product-details-content .reviews a:hover{



}



.product-details .basic-details .product-details-content .item-price{

  position: relative;

  display: block;

  margin: 12px 0px 24px 0px;

}



.product-details .basic-details .product-details-content .item-price h3{

  position: relative;

  font-size: 30px;

  line-height: 38px;

  font-weight: 500;

}



.product-details .basic-details .product-details-content .share{

  position: absolute;

  top: 0px;

  right: 0px;

}



.product-details .basic-details .product-details-content .share a{

  position: relative;

  display: inline-block;

  font-size: 18px;

  color: #84859c;

  width: 54px;

  height: 54px;

  line-height: 54px;

  border: 1px solid #e3e3e3;

  border-radius: 50%;

  text-align: center;

}



.product-details .basic-details .product-details-content .share a:hover{

  color: #fff;

}



.product-details .basic-details .product-details-content .text{

  position: relative;

  display: block;

  margin-bottom: 26px;

}



.product-details .basic-details .product-details-content .text p{

  font-size: 18px;

  font-weight: 600;

  color: #5a5a68;

  margin: 0px;

}



.product-details .basic-details .product-details-content .product-highlights h4{

  position: relative;

  display: block;

  font-size: 20px;

  line-height: 30px;

  font-weight: 500;

  margin-bottom: 16px;

}



.product-details .basic-details .product-details-content .product-highlights .list-item li{

  position: relative;

  display: block;

  font-size: 17px;

  font-weight: 600;

  color: #5a5a68;

  margin-bottom: 10px;

  padding-left: 25px;

}



.product-details .basic-details .product-details-content .product-highlights .list-item li:last-child{

  margin-bottom: 0px;

}



.product-details .basic-details .product-details-content .product-highlights .list-item li:before{

  position: absolute;

  content: '\f621';

  font-family: 'Font Awesome 5 Free';

  font-weight: 700;

  font-size: 15px;

  font-weight: 700;

  left: 0px;

  top: 0px;

}



.product-details .basic-details .product-details-content .product-highlights{

  position: relative;

  margin-bottom: 45px;

}



.product-details .basic-details .product-details-content .othre-options p{

  position: relative;

  display: block;

  font-size: 13px;

  font-weight: 700;

  color: #1e1e2a;

  margin-bottom: 6px;

  text-transform: uppercase;

}



.product-details .basic-details .product-details-content .othre-options .select-box{

  position: relative;

  float: left;

  max-width: 200px;

  width: 100%;

  margin-right: 20px;

}



.product-details .basic-details .product-details-content .othre-options .select-box .nice-select {

  position: relative;

  height: 50px;

  line-height: 50px;

  border: 1px solid #e3e3e3;

  border-radius: 5px;

  padding: 0px 20px;

  font-size: 17px;

  font-weight: 500;

  color: #5a5a68;

  margin: 0px;

}



.product-details .basic-details .product-details-content .item-quantity{

  position: relative;

  display: inline-block;

  max-width: 130px;

  width: 100%;

  float: left;

  padding: 0px 50px;

}



.item-quantity .input-group {

  position: relative;

  display: table;

  border-collapse: separate;

  max-width: 50px;

  width: 100%;

  height: 50px;

}



.item-quantity input.quantity-spinner {

  line-height: 50px;

  height: 50px;

  width: 50px !important;

  padding: 0px !important;

  box-shadow: none !important;

  font-family: 'Roboto', sans-serif;

  border: none;

  text-align: center;

  font-size: 18px;

  font-weight: 500;

  color: #1e1e2a;

  border: 1px solid #e3e3e3;

  border-radius: 5px;

}



.bootstrap-touchspin .input-group-btn-vertical > .btn.bootstrap-touchspin-down{

  position: absolute;

  height: 50px;

  width: 40px;

  background: transparent;

  padding: 0px 0px;

  left: -40px;

  top: -50px;

  border: 1px solid #e3e3e3;

  border-right: none;

  border-radius: 5px 0px 0px 5px;

}



.bootstrap-touchspin .input-group-btn-vertical > .btn.bootstrap-touchspin-up{

  position: absolute;

  height: 50px;

  width: 40px;

  background: transparent;

  padding: 0px 0px;

  right: -40px;

  top: -50px;

  border: 1px solid #e3e3e3;

  border-left: none;

  border-radius: 0px 5px 5px 0px;

  margin-top: 0px;

}



.bootstrap-touchspin .glyphicon-chevron-up:before {

  content: "\f067";

  font-size: 12px;

  font-style: normal;

  color: #0c2957;

  font-family: 'Font Awesome 5 Free';

  font-weight: 700;

}



.bootstrap-touchspin .glyphicon-chevron-down:before {

  content: "\f068";

  font-size: 12px;

  font-style: normal;

  color: #0c2957;

  font-weight: 700;

  font-family: 'Font Awesome 5 Free';

}



.bootstrap-touchspin .input-group-btn-vertical{

  position: absolute;

  width: 100%;

}



.bootstrap-touchspin .input-group-btn-vertical i{

  top: 11px;

  left: 15px;

  font-size: inherit !important; 

}



.bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down{

  margin-top: 0px;

}



.product-details .basic-details .product-details-content .othre-options{

  position: relative;

  display: block;

  padding-bottom: 40px;

  border-bottom: 1px solid #e3e3e3;

  margin-bottom: 23px;

}



.product-details .basic-details .product-details-content .product-category .list li{

  position: relative;

  display: inline-block;

  font-size: 17px;

  font-weight: 500;

  color: #5a5a68;

}



.product-details .basic-details .product-details-content .product-category .list li:first-child{

  color: #1e1e2a;

}



.product-details .basic-details .product-details-content .product-category .list li a{

  color: #5a5a68;

}



.product-details .basic-details{

  position: relative;

  margin-bottom: 76px;

}



.product-details .product-discription .tab-btn-box{

  position: relative;

  display: block;

  margin-bottom: 40px;

}



.product-details .product-discription .tab-btn-box:before{

  position: absolute;

  content: '';

  background: #e3e3e3;

  width: 100%;

  height: 1px;

  left: 0px;

  top: 28px;

}



.product-details .product-discription .tab-btn-box .tab-btns li{

  position: relative;

  display: inline-block;

  font-size: 20px;

  font-weight: 500;

  font-family: 'Roboto', sans-serif;

  color: #1e1e2a;

  border: 1px solid #e3e3e3;

  background: #fff;

  border-radius: 5px;

  text-align: center;

  padding: 12px 23px;

  margin: 0px 7px;

  cursor: pointer;

  z-index: 1;

  transition: all 500ms ease;

}



.product-details .product-discription .tab-btn-box .tab-btns li.active-btn,

.product-details .product-discription .tab-btn-box .tab-btns li:hover{

  color: #fff;

}



.product-details .product-discription .tab-btn-box .tab-btns li:before{

  position: absolute;

  content: '';

  width: 0%;

  height: calc(100% + 2px);

  right: 0px;

  top: -1px;

  border-radius: 5px;

  z-index: -1;

  transition: all 500ms ease;

}



.product-details .product-discription .tab-btn-box .tab-btns li:hover:before,

.product-details .product-discription .tab-btn-box .tab-btns li.active-btn:before{

  width: calc(100% + 2px);

  left: -1px;

}



.product-details .product-discription .tabs-content .text p{

  position: relative;

  font-size: 18px;

  font-weight: 600;

  margin-bottom: 25px;

}



.product-details .product-discription .tabs-content .text p:last-child{

  margin-bottom: 0px;

}



.product-details .product-discription .tabs-content .customer-comment .comment{

  position: relative;

  display: block;

  border: 1px solid #e3e3e3;

  border-radius: 5px;

  margin-bottom: 30px;

  padding: 35px 35px 31px 120px;

}



.product-details .product-discription .tabs-content .customer-comment .comment:last-child{

  margin-bottom: 0px;

}



.product-details .product-discription .tabs-content .customer-comment .comment .customer-thumb{

  position: absolute;

  left: 30px;

  top: 40px;

  width: 70px;

  height: 70px;

  border-radius: 50%;

  overflow: hidden;

}



.product-details .product-discription .tabs-content .customer-comment .comment .customer-thumb img{

  width: 100%;

  border-radius: 50%;

}



.product-details .product-discription .tabs-content .customer-comment .comment .info{

  position: relative;

  margin-bottom: 0px;

}



.product-details .product-discription .tabs-content .customer-comment .comment .info h4{

  position: relative;

  display: inline-block;

  font-size: 20px;

  font-weight: 500;

  margin: 0px;

}



.product-details .product-discription .tabs-content .customer-comment .comment .info span{

  position: relative;

  display: inline-block;

  font-size: 17px;

  font-weight: 500;

}



.product-details .product-discription .tabs-content .customer-comment .comment .rating{

  position: relative;

  margin-bottom: 13px;

}



.product-details .product-discription .tabs-content .customer-comment .comment .rating li{

  position: relative;

  display: inline-block;

  font-size: 12px;

  float: left;

  margin-right: 2px;

}



.product-details .product-discription .tabs-content .customer-comment .comment p{

  font-size: 18px;

  font-weight: 600;

  margin: 0px;

}



.product-details .product-discription .tabs-content .replay-inner{

  position: relative;

  display: block;

  border: 1px solid #e3e3e3;

  border-radius: 5px;

  padding: 34px 30px 40px 30px;

}



.product-details .product-discription .tabs-content .replay-inner h3{

  font-size: 24px;

  margin-bottom: 27px;

}



.product-details .product-discription .tabs-content .replay-inner .review-box{

  position: relative;

  margin-bottom: 15px;

}



.product-details .product-discription .tabs-content .replay-inner .review-box p{

  display: inline-block;

  font-size: 17px;

  font-weight: 600;

  margin: 0px;

  float: left;

  margin-right: 10px;

}



.product-details .product-discription .tabs-content .replay-inner .review-box .rating{

  position: relative;

  display: inline-block;

  float: left;

}



.product-details .product-discription .tabs-content .replay-inner .review-box .rating li{

  position: relative;

  display: inline-block;

  float: left;

  font-size: 13px;

  margin-right: 2px;

}



.product-details .product-discription .tabs-content .replay-inner .replay-form .form-group{

  position: relative;

  margin-bottom: 13px;

}



.product-details .product-discription .tabs-content .replay-inner .replay-form .form-group:last-child{

  margin-bottom: 0px;

}



.product-details .product-discription .tabs-content .replay-inner .replay-form .form-group label{

  position: relative;

  display: block;

  font-size: 17px;

  font-weight: 500;

  margin-bottom: 4px;

}



.product-details .product-discription .tabs-content .replay-inner .replay-form .form-group input[type='text'],

.product-details .product-discription .tabs-content .replay-inner .replay-form .form-group input[type='email'],

.product-details .product-discription .tabs-content .replay-inner .replay-form .form-group textarea{

  position: relative;

  width: 100%;

  height: 54px;

  border: 1px solid #e3e3e3;

  border-radius: 5px;

  padding: 10px 20px;

  font-size: 17px;

  color: #5a5a68;

  font-weight: 600;

  transition: all 500ms ease;

}



.product-details .product-discription .tabs-content .replay-inner .replay-form .form-group textarea{

  height: 120px;

  display: block;

  resize: none;

}



.product-details .product-discription .tabs-content .replay-inner .replay-form .form-group textarea:focus,

.product-details .product-discription .tabs-content .replay-inner .replay-form .form-group input:focus{



}



.product-details .product-discription .tabs-content .replay-inner .replay-form .form-group button{

  display: block;

  width: 100%;

  padding: 12px 50px;

  margin-top: 7px;

}



.product-details .product-discription{

  position: relative;

  margin-bottom: 90px;

}



.product-details .related-product h2{

  position: relative;

  font-size: 30px;

  line-height: 38px;

  font-weight: 500;

  margin-bottom: 31px;

}





/** cart-section **/



.cart-section{

  position:relative;

  padding: 113px 0px 120px 0px;

}



.cart-outer{

  position:relative;  

}



.cart-outer .table-outer{

  position:relative;

  width:100%;

  overflow-x: auto;

  margin-bottom:40px;

}



.cart-outer .cart-table{

  width:100%;

  min-width:900px;

  border-bottom:1px solid #e9e9e9;

}



.cart-outer .cart-table tbody{

  padding-bottom:30px;

}



.cart-table .cart-header{

  position:relative;

  width:100%;

  border:1px solid #e3e3e3;

}



.cart-table thead tr th{

  line-height:28px;

  padding:21px 28px 19px 40px;

  font-weight:500;

  font-size:18px;

  font-family: 'Roboto', sans-serif;

  color: #1e1e2a;

  border-right:1px solid #e3e3e3;

}



.cart-table thead tr th .fa{

  font-size:18px; 

}



.cart-table tbody tr td{

  padding:30px 30px;

}



.cart-table tbody tr .qty .item-quantity{

  border:1px solid #dddddd;

}



.cart-table tbody tr .qty .quantity-spinner{

  background:#ffffff; 

}



.cart-table tbody tr .prod-column .column-box{

  position: relative;

  min-height: 80px;

  padding-top: 29px;

  padding-left: 110px;

}



.cart-table tbody tr .prod-column .column-box .prod-thumb{

  position:absolute;

  left:0px;

  top:0px;

  width: 80px;

  height: 80px;

  border: 1px solid #e3e3e3;

}



.cart-table tbody tr .prod-column .column-box .prod-thumb img{

  display:block;

  max-width:100%;

}



.cart-table tbody tr .prod-column .column-box h4{

  position:relative;

  font-size:18px;

  font-weight:500;

}



.cart-table tbody tr .sub-total{

  font-family: 'Roboto', sans-serif;

  font-weight: 500;

  color: #1e1e2a;

}



.cart-table tbody tr .remove-btn{

  position:relative;

  display: inline-block;

  font-size:18px;

  color:#b0b0b8;

  width: 34px;

  height: 34px;

  line-height: 34px;

  text-align: center;

  border: 1px solid #b0b0b8;

  -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:hover{



}



.cart-table tbody tr td{

  vertical-align:middle;

  border-left:1px solid #e3e3e3;

  border-bottom: 1px solid #e3e3e3;

}



.cart-table tbody tr .total-price{

  font-family: 'Roboto', sans-serif;

  font-weight: 500;

}



.cart-table tbody tr td:last-child{

  border-right:1px solid #ebebeb;

  text-align:center;

}



.cart-section .cart-outer .totle-table{

  position: relative;

  margin-bottom: 12px;

}



.cart-section .cart-outer .totle-table p{

  font-weight: 500;

}



.cart-section .cart-outer .totle-table p span{

  color: #1e1e2a;

}



.cart-section .cart-outer .totle-table .total p{



}



.cart-table tbody tr td.qty input{

  width: 90px;

  height: 50px;

  border: 1px solid #e3e3e3;

  text-align: center;

  padding: 10px 10px;

  font-size: 18px;

  font-family: 'Roboto', sans-serif;

  font-weight: 500;

  color: #1e1e2a;

}



.cart-section .apply-coupon .form-group{

  position: relative;

  float: left;

  margin-right: 20px;

  margin-bottom: 0px;

}



.cart-section .apply-coupon .form-group:last-child{

  margin-right: 0px;

}



.cart-section .apply-coupon .form-group input[type="text"] {

  position: relative;

  display: block;

  border: 1px solid #e3e3e3;

  width: 250px;

  height: 54px;

  font-size: 16px;

  font-weight: 500;

  color: #8d8d9c;

  padding: 10px 20px;

  background: #ffffff;

  border-radius: 5px;

  transition: all 500ms ease;

}



.cart-section .apply-coupon .form-group input:focus{



}



.cart-section .apply-coupon .form-group button{

  position: relative;

  display: inline-block;

  font-size: 18px;

  font-weight: 700;

  font-family: 'Roboto', sans-serif;

  color: #1e1e2a;

  background: #f6f6f6;

  padding: 13px 29px;

  border-radius: 5px;

  cursor: pointer;

  transition: all 500ms ease;

}



.cart-section .apply-coupon .form-group button:hover{

  color: #fff;

}



.cart-section .btn-box button{

  float: left;

  margin-right: 20px;

}



.cart-section .btn-box button:last-child{

  margin-right: 0px;

}



.cart-section .btn-box .cart-btn{

  position: relative;

  display: inline-block;

  font-size: 18px;

  font-weight: 700;

  font-family: 'Roboto', sans-serif;

  color: #fff;

  background: #1e1e2a;

  padding: 13px 36.5px;

  border-radius: 5px;

  cursor: pointer;

  transition: all 500ms ease;

}



.cart-section .btn-box .cart-btn:hover{



}



.cart-section .btn-box button.theme-btn{

  padding: 12px 46.5px;

}





/** checkout-section **/



.checkout-section{

  position: relative;

  padding: 120px 0px 120px 0px;

}



.checkout-section h3{

  font-size: 24px;

  line-height: 32px;

  margin-bottom: 22px;

}



.custom-controls-stacked{

  position: relative;

  display: inline-block;

  padding-left: 25px;

  top: -7px;

}



.custom-controls-stacked .description{

  position: relative;

  display: inline-block;

  font-weight: 500;

  padding: 0px;

  margin-left: 2px;

  font-size: 16px;

  cursor: pointer;

  color: #1e1e2a;

}



.custom-control.material-checkbox {

  --color: #ebebeb;

  padding: 0px;

  margin: 0px;

}



.custom-control.material-checkbox .material-control-input {

  display: none;

}



.custom-control.material-checkbox .material-control-indicator {

  display: inline-block;

  position: absolute;

  top: 7px;

  left: -25px;

  width: 18px;

  height: 18px;

  border-radius: 3px;

  border: 1px solid #e3e3e3;

  cursor: pointer;

}



.custom-control.material-checkbox .material-control-input:checked ~ .material-control-indicator {

  border-color: var(--color);

  -webkit-transform: rotateZ(45deg) translate(1px, -5px);

  transform: rotateZ(45deg) translate(1px, -5px);

  width: 10px;

  border-radius: 0px;

  border: 2px solid #5a5a68;

  border-top: 0px solid #e3e3e3;

  border-left: 0px solid #e3e3e3;

}



.checkout-section .form-group{

  position: relative;

  margin-bottom: 20px;

}



.checkout-section .form-group:last-child{

  margin-bottom: 0px;

}



.checkout-section .form-group input[type='text'],

.checkout-section .form-group input[type='email'],

.checkout-section .form-group input[type='password'],

.checkout-section .form-group .nice-select{

  position: relative;

  width: 100%;

  height: 60px;

  border: 1px solid #e3e3e3;

  padding: 10px 20px;

  font-size: 17px;

  font-weight: 500;

  color: #5a5a68;

  border-radius: 0px;

  transition: all 500ms ease;

}



.checkout-section .form-group input:focus{



}



.checkout-section .contact-information{

  margin-bottom: 46px;

}



.checkout-section .product-information{

  position: relative;

  display: block;

  padding: 40px 40px 65px 40px;

  border: 1px solid #e3e3e3;

  margin-top: 4px;

}



.checkout-section .product-information .single-item{

  position: relative;

  display: block;

  padding: 20px 0px 30px 100px;

  min-height: 102px;

  margin-bottom: 30px;

  border-bottom: 1px solid #e3e3e3;

}



.checkout-section .product-information .single-item .product-image{

  position: absolute;

  left: 0px;

  top: 0px;

  width: 70px;

  height: 70px;

  border: 1px solid #e3e3e3;

}



.checkout-section .product-information h5{

  position: relative;

  display: inline-block;

  font-size: 18px;

  font-weight: 500;

  margin: 0px;

}



.checkout-section .product-information span{

  position: relative;

  display: inline-block;

  float: right;

  font-size: 18px;

  font-family: 'Roboto', sans-serif;

  font-weight: 500;

  color: #5a5a68;

}



.checkout-section .product-information .sub-total,

.checkout-section .product-information .shipping{

  position: relative;

  display: flex;

  flex-wrap: nowrap;

  align-items: center;

  width: 100%;

  margin-bottom: 15px;

}



.checkout-section .product-information .sub-total{

  padding-top: 14px;

}



.checkout-section .product-information i.line{

  position: relative;

  display: inline-block;

  width: 100%;

  margin: 0px 10px;

  border-bottom: 1px dashed #d8d8d8;

}



.checkout-section .product-information .shipping{

  margin-bottom: 42px;

}



.checkout-section .product-information .total{

  position: relative;

  padding: 19px 0px 18px 0px;

  border-top: 1px solid #e3e3e3;

  border-bottom: 1px solid #e3e3e3;

  margin-bottom: 50px;

}



.checkout-section .product-information .total span{



}



.checkout-section .product-information .btn-box .theme-btn{

  padding: 12px 26px;

}



.payment-method .custom-control.material-checkbox .material-control-indicator{

  border-radius: 0px;

  border: 1px solid #d8d8d8;

  width: 15px;

  height: 15px;

}



.payment-method .custom-control.material-checkbox .material-control-input:checked ~ .material-control-indicator{

  display: inline-block;

  position: absolute;

  top: 7px;

  left: -25px;

  width: 15px;

  height: 15px;

  border-radius: 0px;

  border: 1px solid #d8d8d8;

  cursor: pointer;

  transform: rotateZ(0deg) translate(0px, 0px);

}



.payment-method .custom-control.material-checkbox .material-control-input:checked ~ .material-control-indicator:before{

  position: absolute;

  content: '';

  width: 5px;

  height: 5px;

  left: 4px;

  top: 4px;

}



.checkout-section .payment-option{

  position: relative;

  display: block;

  background: #fff;

  padding: 62px 50px 68px 50px;

  box-shadow: 0 0px 30px rgba(0, 0, 0, 0.08);

  margin-top: 50px;

}



.checkout-section .payment-option ul li{

  position: relative;

  display: block;

  margin-bottom: 26px;

}



.checkout-section .payment-option ul li:last-child{

  margin-bottom: 0px;

}



.checkout-section .payment-option ul li:nth-child(2){

  margin-bottom: 6px;

}



.checkout-section .payment-option .custom-controls-stacked .description{

  font-size: 18px;

  font-family: 'Roboto', sans-serif;

  font-weight: 500;

  color: #1e1e2a;

}



.checkout-section .payment-option ul li p{

  display: inline-block;

  font-size: 18px;

  font-weight: 600;

  margin-bottom: 4px;

}



.checkout-section .payment-option h3{

  margin-bottom: 33px;

}



.checkout-section .card-details .form-group button{

  display: block;

  width: 100%;

  padding: 12px 30px;

}



/** myaccount-section **/



.myaccount-section{

  position: relative;

  padding: 113px 0px 94px 0px;

}



.myaccount-section .column h3{

  position: relative;

  font-size: 30px;

  line-height: 38px;

  font-weight: 500;

  margin-bottom: 21px;

}



.myaccount-section .form-group{

  position: relative;

  margin-bottom: 30px;

}



.myaccount-section .form-group:last-child{

  margin-bottom: 0px;

}



.myaccount-section .form-group input[type='text'],

.myaccount-section .form-group input[type='email'],

.myaccount-section .form-group input[type='password']{

  position: relative;

  width: 100%;

  height: 56px;

  border: 1px solid #e3e3e3;

  font-size: 17px;

  font-weight: 500;

  color: #5a5a68;

  padding: 10px 50px 10px 20px;

  transition: all 500ms ease;

}



.myaccount-section .form-group input:focus{



}



.myaccount-section .form-group i{

  position: absolute;

  right: 20px;

  top: 18px;

  font-size: 14px;

  color: #a6a6af;

  z-index: 1;

}



.myaccount-section .form-group .theme-btn{

  padding: 12px 62px;

}



.myaccount-section .custom-controls-stacked .description{

  font-size: 18px;

  font-weight: 500;

  font-family: 'Roboto', sans-serif;

  color: #1e1e2a;

}



.myaccount-section .custom-controls-stacked{

  top: -14px;

}



.myaccount-section .custom-control.material-checkbox .material-control-indicator{

  top: 4px;

}



.myaccount-section .login-inner .other-option{

  position: absolute;

  right: 0px;

  bottom: 58px;

}



.myaccount-section .login-inner .other-option li{

  position: relative;

  display: inline-block;

  margin-right: 6px;

}



.myaccount-section .login-inner .other-option li:last-child{

  margin-right: 0px;

}



.myaccount-section .login-inner .other-option li p{

  font-weight: 500;

}



.myaccount-section .login-inner .other-option li a{

  position: relative;

  display: inline-block;

  font-size: 16px;

  color: #a6a6af;

  width: 54px;

  height: 54px;

  line-height: 54px;

  border: 1px solid #e4e4e4;

  border-radius: 50%;

  text-align: center;

}



.myaccount-section .login-inner .other-option li a:hover{



}



.myaccount-section .login-inner{

  position: relative;

}



.myaccount-section .form-group button.register-btn{

  position: relative;

  display: inline-block;

  font-size: 18px;

  line-height: 30px;

  font-weight: 700;

  font-family: 'Roboto', sans-serif;

  color: #fff;

  background: #1e1e2a;

  padding: 12px 52px;

  text-align: center;

  cursor: pointer;

  border-radius: 5px;

  transition: all 500ms ease;

}



.myaccount-section .form-group button.register-btn:hover{



}



.myaccount-section .register-inner{

  position: relative;

}



.myaccount-section .register-inner .form-group input{

  border-radius: 5px;

}



.myaccount-section .register-inner .text{

  position: absolute;

  right: 0px;

  bottom: 14px;

}



.myaccount-section .register-inner .text p{

  font-weight: 500;

  margin: 0px;

}



.myaccount-section .register-inner .text p span{



}







/*** 



====================================================================

                        Contact-Page

====================================================================



***/





/** contact-section **/



.contact-section{

  position: relative;

  padding: 116px 0px 95px 0px;

}



#content_block_seven .default-form .form-group{

  position: relative;

  display: block;

  margin-bottom: 20px;

}



#content_block_seven .default-form .form-group:last-child{

  margin-bottom: 0px;

}



#content_block_seven .default-form .form-group input[type='text'],

#content_block_seven .default-form .form-group input[type='email'],

#content_block_seven .default-form .form-group textarea{

  position: relative;

  display: block;

  width: 100%;

  height: 56px;

  border: 1px solid #e3e3e3;

  border-radius: 5px;

  font-size: 17px;

  font-weight: 600;

  color: #5a5a68;

  padding: 10px 20px 10px 190px;

  transition: all 500ms ease;

}



#content_block_seven .default-form .form-group p{

  position: absolute;

  left: 18px;

  top: 14px;

  font-size: 17px;

  font-weight: 600;

  color: #5a5a68;

  z-index: 1;

}



#content_block_seven .default-form .form-group p i{

  position: relative;

  margin-right: 10px;

  font-size: 16px;

  color: #a6a6af;

  z-index: 1;

}



#content_block_seven .default-form .form-group textarea{

  height: 100px;

  resize: none;

}



#content_block_seven .default-form .form-group input:focus,

#content_block_seven .default-form .form-group textarea:focus{



}



#content_block_seven .default-form .form-group:before{

  position: absolute;

  content: '';

  background: #e3e3e3;

  width: 1px;

  height: 100%;

  left: 170px;

  top: 0px;

  z-index: 1;

}



#content_block_seven .default-form .form-group button{

  display: block;

  width: 100%;

  padding: 12px 30px;

}



#content_block_seven .sec-title{

  margin-bottom: 40px;

}



.contact-section .image-box{

  position: relative;

  display: block;

  margin-right: 30px;

  margin-top: 4px;

}



.contact-section .image-box img{

  width: 100%;

}





/** contactinfo-section **/



.contactinfo-section{

  position: relative;

  padding-bottom: 100px;

}



.contactinfo-section .single-item h3{

  position: relative;

  display: block;

  padding-left: 30px;

  margin-bottom: 12px;

}



.contactinfo-section .single-item h3:before{

  position: absolute;

  content: '';

  width: 20px;

  height: 1px;

  left: 0px;

  top: 13px;

}



.contactinfo-section .single-item .inner{

  position: relative;

  display: block;

  background: #fff;

  padding: 22px 30px 24px 84px;

  min-height: 100px;

  box-shadow: 0 0px 30px rgba(0, 0, 0, 0.1);

}



.contactinfo-section .single-item .inner .icon-box{

  position: absolute;

  left: 30px;

  top: 30px;

  font-size: 40px;

  line-height: 40px;

  color: transparent;

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;

}



.contactinfo-section .single-item .inner p{

  font-size: 18px;

  font-weight: 600;

  line-height: 27px;

  margin: 0px;

}



.contactinfo-section .single-item .inner p strong{

  color: #1e1e2a;

  font-weight: 600;

}



.contactinfo-section .single-item .inner p strong a{

  color: #1e1e2a;

}



.contactinfo-section .single-item .inner p a{

  color: #5a5a68;

}



.contactinfo-section .single-item .inner p strong a:hover{



}



.contactinfo-section .single-item .inner p a:hover{

  

}





.google-map-section.style-two{

  position: relative;

  padding-bottom: 120px;

}



.google-map-section.style-two #contact-google-map{

  position: relative;

  display: block;

  width: 100%;

  height: 470px;

}



.google-map-section.style-two .map-inner{

  margin-bottom: 80px;

}



.google-map-section.style-two .social-inner ul li{

  position: relative;

  display: inline-block;

  float: left;

  width: 25%;

}



.google-map-section.style-two .social-inner ul li .icon-box{

  position: relative;

  margin-right: 30px;

}



.google-map-section.style-two .social-inner ul li:last-child .icon-box{

  margin-right: 0px;

}



.google-map-section.style-two .social-inner ul li .icon-box a{

  position: relative;

  display: block;

  font-size: 15px;

  font-weight: 700;

  font-family: 'Roboto', sans-serif;

  color: #fff;

  text-align: center;

  padding: 13px 30px;

  border-radius: 30px;

  text-transform: uppercase;

}



.google-map-section.style-two .social-inner ul li .icon-box a i{

  font-size: 16px;

  position: absolute;

  left: 30px;

  top: 19px;

}



.google-map-section.style-two .social-inner ul li:nth-child(2) .icon-box a{

  

}



.google-map-section.style-two .social-inner ul li:nth-child(3) .icon-box a{

  

}



.google-map-section.style-two .social-inner ul li:last-child .icon-box a{

  

}



.google-map-section.style-two .social-inner ul li .icon-box a:hover{

  background: #13131c !important

}



.google-map-section.style-three{

  position: relative;

  width: 100%;

  padding: 132px 0px 120px 0px;

  background-size: cover;

  background-repeat: no-repeat;

  background-position: center;

  background-attachment: fixed;

}



.google-map-section.style-three:before{

  position: absolute;

  content: '';

  width: 100%;

  height: 100%;

  left: 0px;

  top: 0px;

  right: 0px;

  opacity: 0.95;

}



.google-map-section.style-three .map-inner{

  position: relative;

  display: block;

  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.2);

}



.google-map-section.style-three .map-inner #contact-google-map{

  position: relative;

  display: block;

  width: 100%;

  height: 530px;

}



#content_block_eight .sec-title h6 i{

  color: transparent;

  background: -webkit-linear-gradient(-90deg, #fff, #fff 50%);

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;

}



#content_block_eight .sec-title h6{

  color: #fff;

}



#content_block_eight .sec-title{

  margin-bottom: 47px;

}



#content_block_eight .location-box{

  position: relative;

  max-width: 310px;

  margin-bottom: 47px;

}



#content_block_eight .location-box .upper{

  position: relative;

  padding-left: 70px;

  margin-bottom: 18px;

}



#content_block_eight .location-box .upper .icon-box{

  position: absolute;

  left: 0px;

  top: 2px;

  font-size: 50px;

  line-height: 50px;

  color: #fff;

}



#content_block_eight .location-box .upper h3{

  line-height: 28px;

  color: #fff;

  margin: 0px;

}



#content_block_eight .location-box .text p{

  font-size: 20px;

  line-height: 30px;

  font-weight: 600;

  color: #fff;

  margin-bottom: 0px;

}



#content_block_eight .inner-box .single-item{

  position: relative;

  display: inline-block;

  float: left;

  width: 50%;

}



#content_block_eight .inner-box .single-item .title-box{

  position: relative;

  padding-bottom: 15px;

  margin-bottom: 22px;

}



#content_block_eight .inner-box .single-item .title-box h3{

  color: #fff;

  margin-bottom: 0px;

}



#content_block_eight .inner-box .single-item .title-box .line{

  position: absolute;

  left: 0px;

  bottom: 0px;

  width: 63px;

  height: 9px;

  background-repeat: no-repeat;

}



#content_block_eight .inner-box .single-item ul li{

  position: relative;

  display: block;

  font-size: 18px;

  line-height: 30px;

  font-family: 'Muli', sans-serif;

  font-weight: 600;

  color: #fff;

  margin-bottom: 13px;

}



#content_block_eight .inner-box .single-item ul li:last-child{

  margin-bottom: 0px;

}



#content_block_eight .inner-box .single-item ul li a{

  color: #fff;

}



#content_block_eight .inner-box .single-item ul li a:hover{

  text-decoration: underline;

}



.google-map-section.style-three .social-inner{

  position: relative;

  display: block;

  margin-top: 100px;

}



.google-map-section.style-three .social-inner ul li{

  position: relative;

  display: inline-block;

  float: left;

  width: 25%;

}



.google-map-section.style-three .social-inner ul li .icon-box{

  position: relative;

  margin-right: 30px;

}



.google-map-section.style-three .social-inner ul li:last-child .icon-box{

  margin-right: 0px;

}



.google-map-section.style-three .social-inner ul li .icon-box a{

  position: relative;

  display: block;

  font-size: 15px;

  font-weight: 700;

  font-family: 'Roboto', sans-serif;

  color: #fff;

  background: transparent;

  border: 2px solid #fff;

  text-align: center;

  padding: 13px 30px;

  border-radius: 30px;

  text-transform: uppercase;

}



.google-map-section.style-three .social-inner ul li .icon-box a i{

  font-size: 16px;

  position: absolute;

  left: 30px;

  top: 19px;

}



.google-map-section.style-three .social-inner ul li .icon-box a:hover{

  background: #fff;

}



.contact-section .image-layer .image-1{

  position: absolute;

  left: 440px;

  bottom: 0px;

}



.contact-section .image-layer .image-2{

  position: absolute;

  left: 0px;

  bottom: 0px;

}



.contact-section.contact-page-2{

  padding-bottom: 120px;

}