/*** 

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

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


/*** 

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

 ***/
 
 
 /*
 @font-face {
    font-family: 'Averta';
    src: url('../Averta-Regular.eot');
    src: url('../Averta-Regular.eot?#iefix') format('embedded-opentype'),
        url('../Averta-Regular.woff2') format('woff2'),
        url('../Averta-Regular.woff') format('woff'),
        url('../Averta-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Averta';
    src: url('../Averta-Semibold.eot');
    src: url('../Averta-Semibold.eot?#iefix') format('embedded-opentype'),
        url('../Averta-Semibold.woff2') format('woff2'),
        url('../Averta-Semibold.woff') format('woff'),
        url('../Averta-Semibold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Averta';
    src: url('../Averta-RegularItalic.eot');
    src: url('../Averta-RegularItalic.eot?#iefix') format('embedded-opentype'),
        url('../Averta-RegularItalic.woff2') format('woff2'),
        url('../Averta-RegularItalic.woff') format('woff'),
        url('../Averta-RegularItalic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Averta';
    src: url('../Averta-SemiboldItalic.eot');
    src: url('../Averta-SemiboldItalic.eot?#iefix') format('embedded-opentype'),
        url('../Averta-SemiboldItalic.woff2') format('woff2'),
        url('../Averta-SemiboldItalic.woff') format('woff'),
        url('../Averta-SemiboldItalic.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'PT Serif';
    src: url('../PTSerif-Bold.eot');
    src: url('../PTSerif-Bold.eot?#iefix') format('embedded-opentype'),
        url('../PTSerif-Bold.woff2') format('woff2'),
        url('../PTSerif-Bold.woff') format('woff'),
        url('../PTSerif-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'PT Serif';
    src: url('../PTSerif-BoldItalic.eot');
    src: url('../PTSerif-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('../PTSerif-BoldItalic.woff2') format('woff2'),
        url('../PTSerif-BoldItalic.woff') format('woff'),
        url('../PTSerif-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'PT Serif';
    src: url('../PTSerif-Italic.eot');
    src: url('../PTSerif-Italic.eot?#iefix') format('embedded-opentype'),
        url('../PTSerif-Italic.woff2') format('woff2'),
        url('../PTSerif-Italic.woff') format('woff'),
        url('../PTSerif-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'PT Serif';
    src: url('../PTSerif-Regular.eot');
    src: url('../PTSerif-Regular.eot?#iefix') format('embedded-opentype'),
        url('../PTSerif-Regular.woff2') format('woff2'),
        url('../PTSerif-Regular.woff') format('woff'),
        url('../PTSerif-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

*/

@font-face {
    font-family: 'Museo Slab 300';
    src: url('../fonts/MuseoSlab/MuseoSlab-300.eot');
    src: url('../fonts/MuseoSlab/MuseoSlab-300.eot?#iefix') format('embedded-opentype'),
        url('../fonts/MuseoSlab/MuseoSlab-300.woff2') format('woff2'),
        url('../fonts/MuseoSlab/MuseoSlab-300.woff') format('woff'),
        url('../fonts/MuseoSlab/MuseoSlab-300.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Museo Slab 300';
    src: url('../fonts/MuseoSlab/MuseoSlab-300Italic.eot');
    src: url('../fonts/MuseoSlab/MuseoSlab-300Italic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/MuseoSlab/MuseoSlab-300Italic.woff2') format('woff2'),
        url('../fonts/MuseoSlab/MuseoSlab-300Italic.woff') format('woff'),
        url('../fonts/MuseoSlab/MuseoSlab-300Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Museo Slab 500';
    src: url('../fonts/MuseoSlab/MuseoSlab-500.eot');
    src: url('../fonts/MuseoSlab/MuseoSlab-500.eot?#iefix') format('embedded-opentype'),
        url('../fonts/MuseoSlab/MuseoSlab-500.woff2') format('woff2'),
        url('../fonts/MuseoSlab/MuseoSlab-500.woff') format('woff'),
        url('../fonts/MuseoSlab/MuseoSlab-500.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Museo Slab 500';
    src: url('../fonts/MuseoSlab/MuseoSlab-500Italic.eot');
    src: url('../fonts/MuseoSlab/MuseoSlab-500Italic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/MuseoSlab/MuseoSlab-500Italic.woff2') format('woff2'),
        url('../fonts/MuseoSlab/MuseoSlab-500Italic.woff') format('woff'),
        url('../fonts/MuseoSlab/MuseoSlab-500Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}


body {
  font-size:16px;
  color:#666666;
  line-height:28px;
  font-weight:400;
  background:#ffffff;
  letter-spacing: .5px;
  background-size:cover;
  background-repeat:no-repeat;
  background-position:center top;
  -webkit-font-smoothing: antialiased;
  font-family: 'Museo Slab 500' !important;
}

  @media (min-width:1200px) {
  .container {
    max-width: 1170px;
    padding: 0px 15px;
  }
}

.large-container{
  max-width: 1570px;
  padding: 0px 15px;
  margin: 0 auto;
}

.container-fluid{
  padding: 0px;
}

.auto-container{
  position:static;
  max-width:1170px;
  padding:0px 15px;
  margin:0 auto;
}

.small-container{
  max-width:680px;
  margin:0 auto;
}

.boxed_wrapper{
  position: relative;
  overflow-x: hidden;
  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-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: 14px;
  line-height: 1.3;
  color: #666666;
  margin: 0px;
  transition: all 500ms ease;
}

h1,h2,h3,h4,h5,h6{
  position:relative;
  font-weight: 400;
  color: #222222;
  margin: 0px;
  transition: all 500ms ease;
  font-family: 'Museo Slab 500';
}

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


@keyframes pulse {
    50% {
        box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.5);
    }
}



/** button **/

.theme-btn{
  position: relative;
  display: inline-block;
  font-size: 16px;
  line-height: 30px;
  font-weight: 700;
  color: #fff !important;
  padding: 10px 38px;
  text-align: center;
  cursor: pointer;
  z-index: 1;
  transition: all 500ms ease;
}

.theme-btn.style-one{
  
}

.theme-btn.style-two{
  
}

.theme-btn.style-three{
  border-radius: 30px;
  overflow: hidden;
}

.theme-btn:before{
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.5;
  z-index: -1;
  background-color: #fff;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: left top;
  -moz-transform-origin: left top;
  -o-transform-origin: left top;
  transform-origin: left top;
}

.theme-btn:after{
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background: #222;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: left top;
  -moz-transform-origin: left top;
  -o-transform-origin: left top;
  transform-origin: left top;
}

.theme-btn:hover::before{
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}

.theme-btn:hover::after{
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}


.pagination{
  position: relative;
  display: inline-block;
}

.pagination li{
  display: inline-block;
  margin: 0px 3px;
}

.pagination li a{
  position: relative;
  display: inline-block;
  font-size: 16px;
  height: 45px;
  width: 45px;
  font-weight: 400;
  line-height: 45px;
  border-radius: 2px;
  border: 1px solid #dddddd;
  text-align: center;
  color: #222;
  background: transparent;
  transition: all 500ms ease;
}

.pagination li a i{
  font-size: 12px;
}

.pagination li a:hover,
.pagination li a.active{
  color: #fff;
}

.scroll-top {
  width: 50px;
  height: 50px;
  line-height: 50px;
  position: fixed;
  bottom: 105%;
  right: 50px;
  font-size: 24px;
  z-index: 99;
  color: #ffffff;
  text-align: center;
  cursor: pointer;
  transition: 1s ease;
  border-radius: 50%;
}

.scroll-top:hover{
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.5);
}

.scroll-top.open {
  bottom: 100px;
}

.scroll-top span{
  color: #fff;
}

.sec-pad{
  padding: 100px 0px !important;
}

.mr-0{
  margin: 0px !important;
}

.mb-120{
  margin-bottom: 120px !important;
}

.mb-20{
  margin-bottom: 20px !important;
}

.mb-70{
  margin-bottom: 70px !important;
}
.mt-15 {margin-top:15px;}
.mt-20{
  margin-top: 20px;
}
.bold {font-weight:600;}

/** sec-title **/

.sec-title{
  position: relative;
  display: block;
  margin-bottom: 20px;
}

.sec-title h5{
  position: relative;
  display: inline-block;
  font-size: 18px;
  line-height: 26px;
  color: #666666;
  text-transform: uppercase;
  font-weight: 400;
  margin-bottom: 10px;
}

.sec-title.left h5{
  padding-right: 55px;
}

.sec-title.right h5{
  padding-left: 55px;
}

.sec-title.centred h5{
  padding: 0px 55px 0px 55px;
}

.sec-title.left h5:before{
  right: 0px;
}

.sec-title.right h5:before{
  left: 0px;
}

.sec-title.centred h5:before{
  right: 0px;
}

.sec-title h5:before{
  position: absolute;
  content: '';
  width: 45px;
  height: 2px;
  top: 12px;
}

.sec-title.centred h5:after{
  position: absolute;
  content: '';
  width: 45px;
  height: 2px;
  top: 12px;
  left: 0px;
}

.sec-title h2{
  position: relative;
  display: block;
  font-size: 40px;
  line-height: 46px;
  color: #222;
  font-weight: 500;
}

.sec-title.light h5,
.sec-title.light h2{
  color: #fff !important;
}

.sec-title.light h5:before{
  background: #fff;
}

.sec-title-two{
  position: relative;
  display: block;
  margin-bottom: 25px;
}

.sec-title-two h5{
  position: relative;
  display: block;
  font-size: 18px;
  line-height: 26px;
  color: #222;
  font-weight: 400;
  margin-bottom: 7px;
}

.sec-title-two h2{
  position: relative;
  display: inline-block;
  font-size: 40px;
  line-height: 50px;
  color: #222;
  font-weight: 700;
}

.sec-title-two.light h5,
.sec-title-two.light h2{
  color: #fff;
}

.sec-title-two h2:before{
  position: absolute;
  content: '';
  width: 45px;
  height: 2px;
  left: -58px;
  top: 24px;
}

/* 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.style-two{
  background-image: url(../images/icons/preloader-2.png);
}

.preloader.style-three{
  background-image: url(../images/icons/preloader-3.png);
}

.preloader.style-four{
  background-image: url(../images/icons/preloader-4.png);
}

.preloader.style-five{
  background-image: url(../images/icons/preloader-5.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{

}

.preloader.style-three .preloader-close{
  
}

.preloader.style-four .preloader-close{
  
}

.preloader.style-five .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;
}



/*** 

====================================================================
                        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: #071e3a;
  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;
}

.main-header.style-one{
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  width: 100%;
}

.main-header.style-one .header-top{
  position: relative;
  display: block;
  background: rgba(24, 24, 24, 0.8);
  padding: 8.5px 0px;
}

.main-header.style-one .header-top ul li{
  position: relative;
  display: inline-block;
}

.main-header.style-one .header-top .top-left li{
  font-size: 14px;
  color: #fff;
  margin-right: 25px;
}

.main-header.style-one .header-top .top-left li:last-child{
  margin-right: 0px;
}

.main-header.style-one .header-top .top-left li a{
  color: #fff;
}

.main-header.style-one .header-top .top-left li a:hover{
  
}

.main-header.style-one .header-top .top-left li i{
  position: relative;
  margin-right: 10px;
}

.main-header.style-one .header-top .top-right li{
  margin-right: 15px;
}

.main-header.style-one .header-top .top-right li:last-child{
  margin-right: 0px;
}

.main-header.style-one .header-top .top-right li a{
  position: relative;
  display: inline-block;
  font-size: 15px;
  color: #fff;
}

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

/** header-lower **/

.main-header.style-one .header-lower{
  position: relative;
  background: transparent;
}

.main-header .header-lower .outer-box{
  position: relative;
}

.main-header.style-one .header-lower .logo-box {
position: absolute;
    z-index: 1;
    padding: 14px 0px;
}

.main-header .header-lower .menu-right-content {
    position: relative;
    display: block;
    float: left;
    padding: 27px 0px 27px 30px;
    margin-left: 38px;
}

.main-header.style-one .header-lower .menu-right-content:before{
  position: absolute;
  content: '';
  background: rgba(255,255,255,0.5);
  width: 1px;
  height: 50px;
  left: -12px;
  top: 0px;
  display:none;
}

.main-header .header-lower .menu-right-content .search-btn,
.main-header .header-lower .menu-right-content .nav-btn,
.main-header .header-lower .menu-right-content .btn-box{
  position: relative;
  display: inline-block;
}

.main-header.style-one .header-lower .menu-right-content .search-btn{
  top: 3px;
}

.main-header.style-one .header-lower .menu-right-content .search-btn button{
  position: relative;
  display: inline-block;
  font-size: 18px;
  color: #fff;
  font-weight: 600;
  background: transparent;
  cursor: pointer;
  transition: all 500ms ease;
}

.main-header.style-one .header-lower .menu-right-content .search-btn button:hover{

}

.main-header.style-one .header-lower .menu-right-content .nav-btn{
  position: relative;
  top: 3px;
  font-size: 20px;
  color: #fff;
  margin: 0px 0px 0px 10px;
  cursor: pointer;
  transition: all 500ms ease;
}

.main-header.style-one .header-lower .menu-right-content .nav-btn:hover{

}

.main-header.style-one .header-lower .menu-right-content .btn-box .theme-btn{
  padding: 10px 28px;
}
.search-popup .search-form fieldset input[type="submit"] {
    background: #00aeed;
}

.btn-primary {
    color: #fff;
    background-color: #00aeed;
    border-color: #00aeed;
}
.btn-primary:hover {
    color: #fff;
    background-color: #00aeed;
    border-color: #00aeed;
}
.scroll-top {
    background: #00aeed;
}


/** main-menu **/

.main-menu {
    float: left;
}
.navbar-expand-md {
    display: none;
}
.sticky-header .menu-right-content .search-btn {float: left;}
.sticky-header .menu-right-content .nav-toggler {float: right;}
.sticky-header .menu-right-content {
    position: relative;
    display: block;
    float: left;
    margin-top: 26px;
    padding-left: 30px;
    margin-left: 38px;
}

.sticky-header .menu-right-content .nav-btn {
    margin: 0px 35px 0px 10px;color:#fff;
	cursor:pointer;    font-size: 20px;
}

.sticky-header .menu-right-content .search-btn button {
    display: inline-block;
    font-size: 18px;
    color: #fff;
    font-weight: 600;
    background: transparent;
    cursor: pointer;
    transition: all 500ms ease;
}


.sticky-header .menu-area {
    position: relative;
    display: block;
    float: right;
    margin-top: 26px;
    padding-left: 30px;
    margin-left: 38px;
}
.sticky-header .menu-area .nav-btn {
    margin: 2px 0px 0px 10px;
    color: #fff;
    cursor: pointer;
    font-size: 20px;
}
.main-header.fixed-header .menu-area a.btn-default {padding: 3px 22px;
    display: inline-block;
}
.sticky-header .menu-area .nav-toggler {
    float: right;
}


.sticky-header .menu-right-content .search-btn button:hover {
    color: #00aeed;
}
.sticky-header .menu-right-content .nav-btn:hover {
    color: #00aeed;
}
.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:47px 0px 30px 0px;
  margin: 0px 7px;
  -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:16px;
  line-height:30px;
  font-weight:700;
  opacity:1;
  color:#fff;
  padding-right: 15px;
  z-index:1;
  -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.current > a:after,
.main-menu .navigation > li.dropdown:hover > a:after{

}

.main-header.style-one .main-menu .navigation > li{
  margin-right: 22px;
}

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

.main-header.style-one .main-menu .navigation > li > a:before{
  position: absolute;
  content: '';
  background: #fff;
  width: 100%;
  height: 1px;
  left: 0px;
  bottom: 5px;
  transform: scale(0,0);
  transition: all 500ms ease;
}

.main-header.style-one .main-menu .navigation > li.current > a:before,
.main-header.style-one .main-menu .navigation > li:hover > a:before{
  transform: scale(1,1);
}

.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;
  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: 11px 30px;
  border-bottom: 1px solid #eeeeee;
}

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

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

.main-menu .navigation > li > ul > li > a{
  position:relative;
  display:block;
  padding:6px 0px;
  line-height:24px;
  font-weight:400;
  font-size:15px;
  text-transform:capitalize;
  color:#222;
  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:hover{
  
}

.main-menu .navigation > li > ul > li.dropdown > a:after{
  font-family: 'Font Awesome 5 Free';
  content: "\f105";
  position:absolute;
  right:20px;
  top:6px;
  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: 0px 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: 11px 30px;
  border-bottom: 1px solid #eee;
}

.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: 15px;
  padding:6px 0px;
  line-height:24px;
  font-weight:400;
  font-size:15px;
  text-transform:capitalize;
  color:#222;
  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: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;
}

/** megamenu-style **/

.main-menu .navigation > li.dropdown > .megamenu{
  position: absolute;
  width: 100%;
  padding: 30px 50px;
  left: 0px;
}

.main-menu .navigation li.dropdown .megamenu li{
  position:relative;
  display: block;
  z-index:2;
  padding: 7px 0px;
  -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.dropdown .megamenu li h4{
  font-weight: 500;
  padding: 3px 0px;
  color: #222;
}

.main-menu .navigation li.dropdown .megamenu li a{
  position:relative;
  display:inline-block;
  text-align:left;
  font-size:15px;
  line-height:30px;
  font-weight:400;
  opacity:1;
  color: #222;
  padding: 0px;
  z-index:1;
  -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 .megamenu li a:hover{

}


/** 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;
}

/** stricky-header **/

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

.sticky-header .main-menu .navigation > li > a{
  padding: 17.5px 0px !important;
}

.sticky-header .main-menu .navigation > li > a{
  color: #222 !important;
}

.main-header.style-one .sticky-header .main-menu .navigation > li.current > a,
.main-header.style-one .sticky-header .main-menu .navigation > li:hover > a{
  
}

.sticky-header .logo-box{
  position: relative;
  float: left;
  z-index:11;
  padding: 12.5px 0px !important;
}

.sticky-header .menu-area{
  float: right;
}

.sticky-header .outer-box{
  position: relative;
}

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

.sticky-header .navigation li.dropdown .dropdown-btn{
  display: none !important;
}

.sticky-header .main-menu .navigation > li{
  padding: 0px !important;
  border: none !important;
}

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


/** search pop-up style **/

.main-header .search-box-outer {
  position: relative;
  padding: 11.5px 20px;
}

.main-header .search-box-outer .search-toggler{
  position: relative;
  font-size: 14px;
  color: #fff;
  padding: 5px 10px;
  font-weight: 700;
  background: transparent;
  cursor: pointer;
  display: inline-block;
  transition: all 500ms ease;
}

.main-header .search-box-outer .search-toggler:hover{
  color: #2e3192;
}

.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:210px;
  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 form {margin:0px 0px 30px 0px;}
.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:3px 20px;
  color:#ffffff;
  border-radius: 100px;
  -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{

}

/** xs-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:380px;
  z-index:999999;
  overflow:hidden;
  overflow-y:auto;
  -webkit-overflow-scrolling:touch;
  background-color:#ffffff;
  -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:50px 50px;
}

.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:#222;
  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{
  color:#222;
}

.sidebar-info-contents .content-inner{
  position:relative;
}

.sidebar-info-contents .content-inner .logo {
  padding:0px 0px 37px;
}

.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 .upper-box .text{
  position: relative;
  display: block;
  padding-bottom: 15px;
}

.sidebar-info-contents .content-inner .info-box{
  position: relative;
  display: block;
  padding: 56px 0px 30px 0px;
}

.sidebar-info-contents .content-inner .info-box h3{
  position: relative;
  font-size: 24px;
  font-weight: 700;
  color: #222;
  padding-left: 38px;
  margin-bottom: 24px;
}

.sidebar-info-contents .content-inner .info-box h3:before{
  position: absolute;
  content: '';
  width: 25px;
  height: 2px;
  left: 0px;
  top: 13px;
}

.sidebar-info-contents .content-inner .info-box .info-list li{
  position: relative;
  display: block;
  font-size: 16px;
  color: #222;
  font-weight: 400;
  margin-bottom: 8px;
  padding-left: 30px;
}

.sidebar-info-contents .content-inner .info-box .info-list li a{
  color: #222;
}

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

}

.sidebar-info-contents .content-inner .info-box .info-list li:last-child{
  margin-bottom: 0px;
}

.sidebar-info-contents .content-inner .info-box .info-list li i{
  position: absolute;
  left: 0px;
  top: 5px;
  font-size: 18px;
  color: #204669;
}

.sidebar-info-contents .content-inner .info-box .info-list{
  position: relative;
  display: block;
  margin-bottom: 39px;
}

.sidebar-info-contents .content-inner .info-box .subscribe-form .form-group{
  position: relative;
  display: block;
  margin-bottom: 40px;
}

.sidebar-info-contents .content-inner .info-box .subscribe-form .form-group input[type='email']{
  position: relative;
  width: 100%;
  height: 55px;
  font-size: 16px;
  border: 1px solid #dddddd;
  padding: 10px 20px;
  transition: all 500ms ease;
  margin-bottom: 15px;
}

.sidebar-info-contents .content-inner .info-box .subscribe-form .form-group button{
  display: block;
  width: 100%;
}

.sidebar-info-contents .content-inner .info-box .subscribe-form .form-group input:focus{

}

.sidebar-info-contents .content-inner .info-box .social-links li{
  position: relative;
  display: inline-block;
  margin-right: 30px;
}

.sidebar-info-contents .content-inner .info-box .social-links li:last-child{
  margin-right: 0px;
}

.sidebar-info-contents .content-inner .info-box .social-links li a{
  font-size: 14px;
  color: #4d6b87;
}

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

}

/** side-menu **/


.side-menu .navigation{
  position: relative;
  display: block;
  width: 100%;
  float: none;
}

.side-menu .navigation li{
  position: relative;
  display: block;
  border-top: 1px solid #dddddd;
  transition: all 500ms ease;
}

.side-menu .navigation li:last-child{
  border-bottom: 1px solid #dddddd;
}

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

.side-menu .navigation li ul li:first-child{
  border-top: 1px solid #dddddd;
}

.side-menu .navigation li:first-child{
  border: none;
}

.side-menu .navigation li.current{

}

.side-menu .navigation li > a{
  position: relative;
  display: block;
  line-height: 24px;
  padding: 18px 25px 17px 5px;
  font-size: 18px;
  font-weight: 400;
  color: #222;
  text-transform: capitalize;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease; 
}

.side-menu .navigation li.current a{
  color: #204669;
}
.dropdown-btn.open i {
    color: #10b4f1;
}

.side-menu .navigation li.current ul li a{
  color: #222;
}

.side-menu .navigation li ul li > a{
  font-size: 16px;
  text-transform: capitalize;
}

.side-menu .navigation li.dropdown .dropdown-btn{
  position:absolute;
  right:0px;
  top:15px;
  width:32px;
  height:32px;
  text-align:center;
  font-size:16px;
  line-height:32px;
  cursor:pointer;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease; 
  z-index:5;
}

/*
.side-menu .navigation li.dropdown .dropdown-btn:before{
  position:absolute;
  content: "\f061";
  font-weight: 700;
  font-family: 'Font Awesome 5 Free';
  font-size:12px;
  line-height:32px;
  color: #ccc;
  cursor:pointer;
  top: 0px;
  right: 10px;
  transition: all 500ms ease;
}
*/

.side-menu .navigation li.current.dropdown .dropdown-btn:before{

}

.side-menu .navigation li.current.dropdown ul .dropdown-btn:before{
  color: #ccc;
}

.side-menu .navigation li.dropdown .dropdown-btn span{
  display: none;
}

.side-menu .navigation li.dropdown .dropdown-btn.open{
  -webkit-transform:rotate(90deg);
  -ms-transform:rotate(90deg);
  transform:rotate(90deg); 
  top: 12px; 
}

.side-menu .navigation li > ul,
.side-menu .navigation li > ul > li > ul,
.side-menu .navigation > li.dropdown > .megamenu{
  display: none;
}

.side-menu .megamenu .column{
  width: 100%;
  flex: 0 0 100%;
  max-width: 100%;
}

.side-menu .megamenu li:first-child{
  display: none;
}



/** banner-section **/

.banner-section{
  position: relative;
}

.banner-carousel{
  position: relative;
}

.banner-carousel .slide-item{
  position: relative;
  overflow: hidden;
  padding: 200px 0px 140px 0px;
}

/*
.banner-carousel .slide-item:before{
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.5);
  left: 0px;
  top: 0px;
  right: 0px;
  z-index: 1;
}
*/

.banner-carousel .slide-item .image-layer{
  position:absolute;
  left:0px;
  top:0px;
  right: 0px;
  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%;
  min-height: 300px;
}

.banner-carousel .content-box h5{
  position: relative;
  display: inline-block;
  font-size: 18px;
  line-height: 28px;
  font-weight: 400;
  color: #fff;
  margin-bottom: 17px;
  text-transform: uppercase;
  opacity: 0;
  padding-right: 55px;
  -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 h5:before{
  position: absolute;
  content: '';
  background: #fff;
  width: 45px;
  height: 2px;
  top: 13px;
  right: 0px;
}

.banner-carousel .active .content-box h5{
  opacity: 1;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}

.banner-carousel .content-box h1{
  position: relative;
  display: block;
  color: #fff;
  font-size: 44px;
  line-height: 1.3;
  font-weight: 500;
  margin-bottom: 10px;
  /*
  opacity: 0;
  -webkit-transform: translateY(100px);
  -moz-transform: translateY(100px);
  -ms-transform: translateY(100px);
  -o-transform: translateY(100px);
  transform: translateY(100px);
  -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 .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: 500ms;
  -moz-transition-delay: 500ms;
  -ms-transition-delay: 500ms;
  -o-transition-delay: 500ms;
  transition-delay: 500ms;
}
*/
/*
.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 1500ms ease;
  -moz-transition: all 1500ms ease;
  -ms-transition: all 1500ms ease;
  -o-transition: all 1500ms ease;
  transition: all 1500ms 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: 1500ms;
  -moz-transition-delay: 1500ms;
  -ms-transition-delay: 1500ms;
  -o-transition-delay: 1500ms;
  transition-delay: 1500ms;
}
*/
.banner-carousel .content-box .btn-box .theme-btn{
  padding: 13px 35px;
  margin-right: 35px;
}

.banner-carousel .content-box .btn-box .user-btn{
  position: relative;
  display: inline-block;
  font-size: 16px;
  font-weight: 700;
  color: #fff;
  padding: 20px 0px 22px 85px;
}

.banner-carousel .content-box .btn-box .user-btn i{
  position: absolute;
  left: 0px;
  top: 0px;
  width: 70px;
  height: 70px;
  line-height: 70px;
  font-size: 24px;
  color: #fff;
  border: 2px solid #fff;
  border-radius: 50%;
  text-align: center;
  box-shadow: 0 0 0 5px rgba(0,0,0,0.3);
  transition: all 500ms ease;
}

.banner-carousel .content-box .btn-box .user-btn span{
  position: relative;
  display: inline-block;
  font-size: 16px;
  line-height: 16px;
  border-bottom: 1px solid #fff;
}

.banner-carousel .content-box .btn-box .banner-btn-two{
  position: relative;
  display: inline-block;
  font-size: 16px;
  font-weight: 700;
  color: #fff;
  border: 1px solid #fff;
  text-align: center;
  padding: 13px 34px;
}

.banner-carousel .content-box .btn-box .banner-btn-two:hover{

}

.banner-carousel .content-box .btn-box .banner-btn-two:before{
  position: absolute;
  content: '';
  background: #fff;
  width: 0%;
  height: 100%;
  left: 0px;
  top: 0px;
  z-index: -1;
  transition: all 500ms ease;
}

.banner-carousel .content-box .btn-box .banner-btn-two:after{
  position: absolute;
  content: '';
  background: #fff;
  width: 0%;
  height: 100%;
  right: 0px;
  top: 0px;
  z-index: -1;
  transition: all 500ms ease;
}

.banner-carousel .content-box .btn-box .banner-btn-two:hover:before,
.banner-carousel .content-box .btn-box .banner-btn-two:hover:after{
  width: 50%;
}

.banner-carousel .content-box .list-item{
  position: relative;
  display: block;
  margin-bottom: 17px;
  opacity: 0;
  -webkit-transform: translateX(100px);
  -moz-transform: translateX(100px);
  -ms-transform: translateX(100px);
  -o-transform: translateX(100px);
  transform: translateX(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 .active .content-box .list-item{
  opacity: 1;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}
.banner-carousel .content-box p {color:#fff;font-size: 18px;}

.banner-carousel .content-box .list-item li{
  position: relative;
  display: inline-block;
  font-size: 24px;
  line-height: 30px;
  color: #fff;
  font-weight: 400;
}

.banner-carousel .content-box .list-item li a{
  position: relative;
  display: inline-block;
  font-size: 24px;
  line-height: 30px;
  color: #fff;
  font-weight: 400;
}

.mr-10{
  margin-right: 10px;
}

.mar-0{
  margin: 0px !important
}

.banner-carousel .owl-dots{
  display: none !important;
}

.banner-section .owl-theme .owl-nav {
	display:none;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 100%;
}

.banner-section .owl-theme .owl-nav .owl-prev{
  position: absolute;
  left: 50px;
  top: 0;
  background: rgba(255, 255, 255, 0.15);
  height: 56px;
  width: 56px;
  border-radius: 50%;
  border: none;
  text-align: center;
  color: rgba(0, 0, 0, 0);
  line-height: 56px;
  font-size: 0px;
  opacity: 1;
  margin-top: -30px;
  -webkit-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.banner-section .owl-theme .owl-nav .owl-prev:after {
  font-family: "Font Awesome 5 Free";
  content: "\f105";
  position: absolute;
  top: 0;
  width: 56px;
  height: 56px;
  line-height: 56px;
  font-weight: 700;
  left: 0;
  color: #ffffff;
  font-size: 24px;
  cursor: pointer;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  -webkit-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.banner-section .owl-theme .owl-nav .owl-next {
  position: absolute;
  right: 50px;
  top: 0;
  background: rgba(255, 255, 255, 0.15);
  height: 56px;
  width: 56px;
  border-radius: 50%;
  border: none;
  text-align: center;
  line-height: 56px;
  color: rgba(0, 0, 0, 0);
  font-size: 0px;
  opacity: 1;
  cursor: pointer;
  margin-top: -30px;
  -webkit-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.banner-section .owl-theme .owl-nav .owl-next:after {
  font-family: "Font Awesome 5 Free";
  content: "\f105";
  position: absolute;
  top: 0;
  width: 56px;
  height: 56px;
  line-height: 56px;
  font-weight: 700;
  right: 0;
  color: #ffffff;
  font-size: 24px;
  -webkit-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.banner-section .owl-theme .owl-nav .owl-prev:hover,
.banner-section .owl-theme .owl-nav .owl-next:hover{

}


/** info-section **/

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

.info-section .title-inner{
  position: relative;
  padding-left: 250px;
  display: flex;
  vertical-align: middle;
  align-items: center;
  min-height: 180px;
}

.info-section .title-inner .year-box{
  position: absolute;
  display: block;
  left: 0px;
  top: 0px;
  max-width: 220px;
  width: 100%;
  text-align: center;
  padding: 27px 15px 29px 15px;
}

.info-section .title-inner .year-box .image-box{
  position: absolute;
  left: 0px;
  top: 0px;
  width: 220px;
  height: 180px;
  overflow: hidden;
}

.info-section .title-inner .year-box h2{
  position: relative;
  font-size: 110px;
  line-height: 94px;
  font-weight: 700;
}

.info-section .title-inner .year-box h3{
  font-size: 22px;
  line-height: 30px;
  color: #204669;
  text-transform: uppercase;
  font-weight: 400;
}

.info-section .title-inner .title h2{
  position: relative;
  display: block;
  font-size: 36px;
  line-height: 42px;
  font-weight: 700;
  color: #222;
}

.info-section .title-inner .title h2 span{

}

.info-section .text-column .text p{
  margin-bottom: 22px;
}

.info-section .text-column .text a{
  position: relative;
  display: inline-block;
}

.info-section .text-column .text a i{
  position: relative;
  font-size: 12px;
  margin-right: 10px;
}

.info-section .text-column .text a span{
  position: relative;
  display: inline-block;
  font-size: 16px;
  line-height: 16px;
  color: #222;
  font-weight: 700;
  border-bottom: 1px solid #222;
  transition: all 500ms ease;
}

.info-section .text-column .text a:hover span{

}

.info-section .text-column .text{
  position: relative;
  display: block;
  margin-top: 18px;
}


/** feature-section **/

.feature-section{
  position: relative;
  padding-bottom: 130px;
}

h3{
  font-size: 22px;
  line-height: 32px;
  font-weight: 700;
  color: #222;
}

.feature-block-one .inner-box{
  position: relative;
  display: block;
  text-align: center;
  margin-bottom: 80px;
}

.feature-block-one .inner-box .image-box{
  position: relative;
  display: block;
  overflow: hidden;
}

.feature-block-one .inner-box .image-box::before {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
  display: block;
  content: '';
  width: 0;
  height: 0;
  background: rgba(255,255,255,.2);
  border-radius: 100%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  opacity: 0;
}

.feature-block-one .inner-box:hover .image-box::before {
  -webkit-animation: circle .75s;
  animation: circle .75s;
}

@-webkit-keyframes circle {
  0% {
    opacity: 1;
  }
  40% {
    opacity: 1;
  }
  100% {
    width: 200%;
    height: 200%;
    opacity: 0;
  }
}
@keyframes circle {
  0% {
    opacity: 1;
  }
  40% {
    opacity: 1;
  }
  100% {
    width: 200%;
    height: 200%;
    opacity: 0;
  }
}

.feature-block-one .inner-box .image-box img{
  width: 100%;
}

.feature-block-one .inner-box .lower-content{
  position: relative;
}

.feature-block-one .inner-box .lower-content .inner{
  position: absolute;
  display: block;
  overflow: hidden;
  top: -20px;
  width: calc(100% - 30px);
  left: 15px;
  background: #fff;
  text-align: center;
  padding: 32px 15px 36px 15px;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
  transition: all 500ms ease;
  z-index: 2;
}

.feature-block-one .inner-box .lower-content .inner:before{
  position: absolute;
  content: '';
  width: 100%;
  height: 0%;
  left: 0px;
  right: 0px;
  top: 0px;
  transition: all 500ms ease;
}

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

.feature-block-one .inner-box:hover .lower-content .inner{
  padding-bottom: 66px;
}

.feature-block-one .inner-box .lower-content .inner h3{
  margin-bottom: 0px;
  transition: all 500ms ease;
}

.feature-block-one .inner-box:hover .lower-content .inner h3{
  color: #fff;
}

.feature-block-one .inner-box .lower-content .inner a{
  position: absolute;
  display: inline-block;
  left: 50%;
  bottom: 33px;
  transform: translateX(-50%);
  z-index: 1;
  opacity: 0;
}

.feature-block-one .inner-box:hover .lower-content .inner a{
  opacity: 1;
}

.feature-block-one .inner-box .lower-content .inner a span{
  position: relative;
  display: inline-block;
  font-size: 13px;
  line-height: 15px;
  text-transform: uppercase;
  font-weight: 400;
  color: #fff;
  border-bottom: 1px solid #fff;
}

.feature-block-one .inner-box .lower-content .inner a i{
  font-size: 12px;
  color: #fff;
  margin-left: 7px;
}


/** about-section **/

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

.bg-color-1{
  background: #f0f5f9;
}

.about-section .video-inner{
  position: relative;
  display: block;
  margin-right: 70px;
}

.about-section .video-inner .image-box{
  position: relative;
  display: block;
  overflow: hidden;
  clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 90%, 0% 0%);
}

.about-section .video-inner .image-box:before{
  position: absolute;
  top: 0;
  left: -75%;
  z-index: 2;
  display: block;
  content: '';
  width: 50%;
  height: 100%;
  background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, .3)));
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
  -webkit-transform: skewX(-25deg);
  -ms-transform: skewX(-25deg);
  transform: skewX(-25deg);
}

.about-section .video-inner .image-box:hover:before {
  -webkit-animation: shine 1s;
  animation: shine 1s;
}

@-webkit-keyframes shine {
  100% {
    left: 125%;
  }
}

@keyframes shine {
  100% {
    left: 125%;
  }
}

.about-section .video-inner .image-box img{
  width: 100%;
}

.about-section .video-inner .video-btn{
  position: absolute;
  left: 35px;
  bottom: -10px;
  width: 175px;
  height: 175px;
  text-align: center;
  background: #f0f5f9;
  padding: 10px;
  border-radius: 50%;
}

.about-section .video-inner .video-btn a{
  position: relative;
  display: inline-block;
  width: 155px;
  height: 155px;
  line-height: 155px;
  text-align: center;
  border-radius: 50%;
  font-size: 36px;
  color: #fff;
  z-index: 1;
}

.about-section .video-inner .video-btn a:before{
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  right: 0px;
  border-radius: 50%;
  opacity: 0.85;
  z-index: -1;
}

.about-section .video-inner .video-btn:after, 
.about-section .video-inner .video-btn:before {
  width: 175px;
  height: 175px;
  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-box-shadow: 0 0 0 0 rgba(218, 44, 70, 0.6);
  box-shadow: 0 0 0 0 rgba(218, 44, 70, 0.6);
  -webkit-animation: ripple 3s infinite;
  animation: ripple 3s infinite;
  -webkit-transition: all .4s ease;
  transition: all .4s ease;
}

.about-section .video-inner .video-btn:after {
  -webkit-animation-delay: .6s;
  animation-delay: .6s;
}

@-webkit-keyframes ripple {
  70% {
    -webkit-box-shadow: 0 0 0 40px rgba(255, 255, 255, 0);
            box-shadow: 0 0 0 40px rgba(255, 255, 255, 0);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
            box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
  }
}
@keyframes ripple {
  70% {
    -webkit-box-shadow: 0 0 0 40px rgba(255, 255, 255, 0);
            box-shadow: 0 0 0 40px rgba(255, 255, 255, 0);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
            box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
  }
}

h4{
  font-size: 20px;
  line-height: 30px;
  color: #222;
  font-weight: 700;
}

h4 a{
  color: #222;
}

#content_block_one .content-box{
  position: relative;
  display: block;
}

.about-section .content-box{
  margin-right: -15px;
}

#content_block_one .content-box .sec-title{
  margin-bottom: 27px;
}

#content_block_one .content-box .text{
  margin-bottom: 33px;
  position: relative;
}

#content_block_one .content-box .inner-box .single-item{
  position: relative;
  padding: 0px 0px 0px 85px;
  margin-bottom: 31px;
}

#content_block_one .content-box .inner-box .single-item:last-child{
  margin-bottom: 0px;
}

#content_block_one .content-box .inner-box .single-item .icon-box{
  position: absolute;
  left: 0px;
  top: 5px;
  font-size: 60px;
  line-height: 60px;
}

#content_block_one .content-box .inner-box .single-item .icon-box i{
  position: relative;
  color: transparent;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

#content_block_one .content-box .inner-box .single-item .icon-box .bg-box{
  position: absolute;
  content: '';
  background: #f3dfe5;
  width: 40px;
  height: 60px;
  left: 10px;
  bottom: -15px;
  transform: rotate(-45deg);
  transition: all 500ms ease;
}

#content_block_one .content-box .inner-box .single-item:hover .icon-box .bg-box{
  transform: rotate(-90deg);
}

#content_block_one .content-box .inner-box .single-item h4 a:hover{

}

#content_block_one .content-box .inner-box .single-item h4{
  margin-bottom: 10px;
}


/** service-section **/

.service-section{
  position: relative;
  padding-top: 93px;
}

.title-box .sec-title{
  text-align: right;
  padding-right: 40px;
  margin: 0px;
}

.title-box .sec-title:before{
  position: absolute;
  content: '';
  background: #dddddd;
  width: 1px;
  height: 75px;
  top: 44px;
  right: -15px;
}

.title-box{
  position: relative;
  display: block;
  margin-bottom: 64px;
}

.title-box .text{
  position: relative;
  display: block;
  padding-left: 40px;
  padding-right: 100px;
  margin-top: 41px;
}

.service-block-one .inner-box{
  position: relative;
  display: block;
  margin-bottom: 43px;
  margin-right: 60px;
  padding-bottom: 44px;
}

.service-section .inner-content .service-block:first-child .service-block-one .inner-box,
.service-section .inner-content .service-block:nth-child(2) .service-block-one .inner-box,
.service-section .inner-content .service-block:nth-child(3) .service-block-one .inner-box{
  border-bottom: 1px solid #dddddd;
}

.service-block-one .inner-box h4{
  margin-bottom: 24px;
}

.service-block-one .inner-box h4 a:hover{

}

.service-block-one .inner-box .inner{
  position: relative;
  padding-left: 100px;
}

.service-block-one .inner-box .inner .icon-box{
  position: absolute;
  left: 0px;
  top: 10px;
  font-size: 60px;
  line-height: 60px;
}

.service-block-one .inner-box .inner .icon-box:before{
  position: absolute;
  content: '';
  background: #f0f5f9;
  width: 70px;
  height: 70px;
  left: -5px;
  top: -5px;
  transform: rotate(15deg);
  transition: all 500ms ease;
}

.service-block-one .inner-box .inner .icon-box:after{
  position: absolute;
  content: '';
  background: #dee6ed;
  width: 70px;
  height: 70px;
  left: -5px;
  top: -5px;
  z-index: -1;
  opacity: 0;
  transform: rotate(0deg);
  transition: all 500ms ease;
}

.service-block-one .inner-box:hover .inner .icon-box:after{
  opacity: 1;
  transform: rotate(-15deg);
}

.service-block-one .inner-box .inner .icon-box i{
  position: relative;
  position: relative;
  color: transparent;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.service-block-one .inner-box .inner p{
  margin-bottom: 10px;
}

.service-block-one .inner-box .inner a{
  position: relative;
  display: inline-block;
}

.service-block-one .inner-box .inner a span{
  position: relative;
  display: inline-block;
  font-size: 14px;
  line-height: 16px;
  color: #222;
  border-bottom: 1px solid #222;
  transition: all 500ms ease;
}

.service-block-one .inner-box .inner a:hover span{

}

.service-block-one .inner-box .inner a i{
  position: relative;
  font-size: 12px;
  margin-right: 8px;
}


/** project-section **/

.project-section{
  position: relative;
}

.project-block-one .inner-box{
  position: relative;
}

.project-block-one .inner-box .image-box{
  position: relative;
  display: block;
  overflow: hidden;
}

.project-block-one .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(0, 0, 0, 0.8);
  z-index: 1;
  transition: all 500ms ease;
}

.project-block-one .inner-box .image-box img{
  width: 100%;
  transition: all 5s ease;
}

.project-block-one .inner-box:hover .image-box img{
  transform: scale(1.5);
}

.project-block-one .inner-box .lower-content{
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 100%;
  padding: 30px 75px 57px 75px;
  z-index: 1;
}

.project-block-one .inner-box .lower-content p{
  position: relative;
  display: inline-block;
  color: #fff;
  margin-bottom: 5px;
  padding-right: 58px;
}

.project-block-one .inner-box .lower-content p:before{
  position: absolute;
  content: '';
  width: 45px;
  height: 2px;
  top: 12px;
  right: 0px;
}

.project-block-one .inner-box .lower-content h2{
  position: relative;
  display: block;
  font-size: 30px;
  line-height: 40px;
  color: #fff;
  font-weight: 400;
  margin: 0px;
}

.project-block-one .inner-box .lower-content h2 a{
  display: inline-block;
  color: #fff;
}

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

}


/** annual-stats **/

.annual-stats{
  position: relative;
  padding: 95px 0px;
}

#content_block_two .content-box .sec-title{
  margin-bottom: 27px;
}

#content_block_two .content-box .text{
  position: relative;
  display: block;
  margin-bottom: 54px;
}

#content_block_two .content-box .single-progress-box{
  position: relative;
  max-width: 50%;
  width: 100%;
  float: left;
  text-align: center;
  margin: 0 auto;
}

#content_block_two .content-box .single-progress-box .piechart span{
  position: absolute;
  display: flex;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  font-size: 36px;
  line-height: 38px;
  font-weight: 400;
  color: #222;
  text-align: center;
}

#content_block_two .content-box .single-progress-box .piechart span:after{
  color: #222;
  content: "%";
  font-size: 36px;
}

#content_block_two .content-box .single-progress-box .piechart{
  position: relative;
  margin-bottom: 23px;
}

#content_block_two .content-box .single-progress-box .box{
  position: relative;
  width: 100%;
  text-align: center;
}

#content_block_two .content-box .single-progress-box .box h5{
  position: relative;
  display: block;
  font-size: 18px;
  line-height: 21px;
  color: #222;
  margin-bottom: 9px;
}

#content_block_two .content-box .single-progress-box .box h3{
  font-size: 24px;
  font-weight: 400;
  margin: 0px;
}

#image_block_one .image-box{
  position: relative;
  display: block;
}

.annual-stats #image_block_one .image-box{
  margin-left: 55px;
  margin-top: 7px;
}

#image_block_one .image-box .image{
  position: relative;
  display: block;
  overflow: hidden;
  clip-path: polygon(0% 0%, 100% 0%, 100% 90%, 0% 100%, 0% 0%);
}

#image_block_one .image-box .image:before{
  position: absolute;
  top: 0;
  left: -75%;
  z-index: 2;
  display: block;
  content: '';
  width: 50%;
  height: 100%;
  background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, .3)));
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
  -webkit-transform: skewX(-25deg);
  -ms-transform: skewX(-25deg);
  transform: skewX(-25deg);
}

#image_block_one .image-box .image:hover:before {
  -webkit-animation: shine 1s;
  animation: shine 1s;
}

#image_block_one .image-box .image img{
  width: 100%;
}

#image_block_one .image-box .award-box{
  position: absolute;
  left: 50%;
  bottom: 0px;
  transform: translateX(-50%);
}

#image_block_one .image-box .award-box .box{
  position: relative;
  display: inline-block;
  width: 170px;
  height: 170px;
  text-align: center;
  border-radius: 50%;
  padding: 30px 30px;
  box-shadow: 0 0 0 10px #fff;
}

#image_block_one .image-box .award-box .box .icon-box{
  position: relative;
  margin-bottom: 10px;
}

#image_block_one .image-box .award-box .box span{
  position: relative;
  display: block;
  font-size: 11px;
  line-height: 16px;
  color: #fff;
}

#image_block_one .image-box .pattern-layer{
  position: absolute;
  top: 120px;
  right: -250px;
  width: 347px;
  height: 271px;
  background-repeat: no-repeat;
}


/** world-cyber **/

.world-cyber{
  position: relative;
  padding: 93px 0px 305px 0px;
}

.world-cyber .sec-title{
  margin-bottom: 150px;
}

.world-cyber .pattern-layer{
  position: absolute;
  left: 0px;
  top: 180px;
  right: 0px;
  width: 100%;
  height: 600px;
  background-repeat: no-repeat;
  background-position: center;
}

.world-cyber .office-location{
  position: relative;
  display: block;
  min-height: 320px;
}

.world-cyber .office-location .location-area{
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  max-width: 1140px;
  width: 100%;
  margin: 0 auto;
  min-height: 320px;
}

.world-cyber .office-location .location-area .location-box{
  position: absolute;
  left: 200px;
  top: 0px;
  width: 15px;
  height: 15px;
  background: #fff;
  box-shadow: 0 0px 10px rgba(0, 0, 0, 0.05);
  cursor: pointer;
  transition: all 500ms ease;
}

.world-cyber .office-location .location-area .location-box:nth-child(2){
  left: 295px;
  top: 95px;
}

.world-cyber .office-location .location-area .location-box:nth-child(3){
  left: 390px;
  top: 260px;
}

.world-cyber .office-location .location-area .location-box:nth-child(4){
  left: 60%;
  top: 25px;
  margin-left: -25px;
}

.world-cyber .office-location .location-area .location-box:nth-child(5){
  left: 55%;
  top: 215px;
  margin-left: -20px;
}

.world-cyber .office-location .location-area .location-box:nth-child(6){
  top: -8px;
  left: inherit;
  right: 225px;
}

.world-cyber .office-location .location-area .location-box:nth-child(7){
  top: 95px;
  left: inherit;
  right: 320px;
}

.world-cyber .office-location .location-area .location-box:last-child{
  top: 300px;
  left: inherit;
  right: 195px;
}

.world-cyber .office-location .location-area .location-box:before{
  position: absolute;
  content: '';
  width: 7px;
  height: 7px;
  left: 4px;
  top: 4px;
  transition: all 500ms ease;
}

.world-cyber .office-location .location-area .location-box:hover:before{
  
}

.world-cyber .office-location .location-area .location-box .address-box{
  position: absolute;
  left: -109px;
  bottom: 40px;
  width: 230px;
  background: #fff;
  padding: 10px 15px 15px 60px;
  transform: translateY(-15px);
  opacity: 0;
  visibility: hidden;
  z-index: 1;
  transition: all 500ms ease;
  box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
}

.world-cyber .office-location .location-area .location-box:hover .address-box{
  transform: translateY(0px);
  opacity: 1;
  visibility: visible;
}

.world-cyber .office-location .location-area .location-box .address-box:before{
  position: absolute;
  content: '';
  background: #fff;
  width: 20px;
  height: 20px;
  left: 50%;
  margin-left: -10px;
  transform: rotate(45deg);
  bottom: -6px;
  box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.05);
}

.world-cyber .office-location .location-area .location-box .address-box .icon-box{
  position: absolute;
  left: 16px;
  top: 17px;
}

.world-cyber .office-location .location-area .location-box .address-box p{
  font-size: 14px;
  line-height: 20px;
  margin: 0px;
}


/** support-section **/

.support-section{
  position: relative;
  margin-bottom: -663px;
}

.support-section .inner-container{
  position: relative;
  z-index: 1;
}

.support-section .inner-container .inner-box{
  position: relative;
  display: block;
  margin-right: 10px;
  padding: 73px 80px 80px 80px;
}

.support-section .inner-container .inner-box .sec-title p{
  color: #fff;
}

.support-section .inner-container .inner-box .submit-form .form-group{
  position: relative;
  margin-bottom: 25px;
}

.support-section .inner-container .inner-box .submit-form .form-group:last-child{
  margin-bottom: 0px;
}

.support-section .inner-container .inner-box .submit-form .form-group input[type='text'],
.support-section .inner-container .inner-box .submit-form .form-group input[type='email'],
.support-section .inner-container .inner-box .submit-form .form-group textarea{
  position: relative;
  width: 100%;
  height: 55px;
  background: #fff;
  font-size: 16px;
  padding: 10px 20px;
  border: 2px solid #fff;
  transition: all 500ms ease;
}

.support-section .inner-container .inner-box .submit-form .form-group textarea{
  display: block;
  height: 168px;
  resize: none;
}

.support-section .inner-container .inner-box .submit-form .form-group input:focus,
.support-section .inner-container .inner-box .submit-form .form-group textarea:focus{

}

.support-section .inner-container .inner-box .submit-form .form-group button{
  display: block;
  width: 100%;
  padding: 12.5px 30px;
  text-transform: uppercase;
}

.support-section .inner-container .inner-box .sec-title{
  margin-bottom: 39px;
}

.support-section .inner-container .inner-box .sec-title h2{
  margin-bottom: 14px;
}

.support-section .inner-container .info-inner{
  position: relative;
  display: block;
  margin-left: -42px;
}

.support-section .inner-container .info-inner .image-box{
  position: relative;
  display: block;
  overflow: hidden;
}

.support-section .inner-container .info-inner .image-box img{
  width: 100%;
}

.support-section .inner-container .info-inner .image-box:before{
  position: absolute;
  top: 0;
  left: -75%;
  z-index: 2;
  display: block;
  content: '';
  width: 50%;
  height: 100%;
  background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, .3)));
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
  -webkit-transform: skewX(-25deg);
  -ms-transform: skewX(-25deg);
  transform: skewX(-25deg);
}

.support-section .inner-container .info-inner .image-box:hover:before {
  -webkit-animation: shine 1s;
  animation: shine 1s;
}

.support-section .inner-container .info-inner .info-box{
  position: relative;
  display: block;
  text-align: center;
  overflow: hidden;
  padding: 45px 30px 44px 30px;
}

.support-section .inner-container .info-inner .info-box .info-logo{
  position: absolute;
  right: -50px;
  bottom: 25px;
}

.support-section .inner-container .info-inner .info-box .icon-box{
  position: relative;
  font-size: 50px;
  line-height: 50px;
  color: #fff;
  margin-bottom: 34px;
}

.support-section .inner-container .info-inner .info-box h2{
  position: relative;
  display: block;
  font-size: 40px;
  line-height: 44px;
  font-weight: 700;
  color: #fff;
  margin-bottom: 0px;
}

.support-section .inner-container .info-inner .info-box h2 a{
  display: inline-block;
  color: #fff;
}

.support-section .inner-container .info-inner a:hover{
  text-decoration: underline;
}

.support-section .inner-container .info-inner .info-box .email{
  position: relative;
  display: block;
  margin-bottom: 22px;
}

.support-section .inner-container .info-inner .info-box .email a{
  position: relative;
  display: inline-block;
  font-size: 16px;
  color: #fff;
}

.support-section .inner-container .info-inner .info-box .list-item li{
  position: relative;
  display: inline-block;
  margin: 0px 1px;
  font-size: 18px;
  color: #fff;
}

.support-section .inner-container .info-inner .info-box .list-item li a{
  display: inline-block;
  font-size: 18px;
  color: #fff;
}


/** testimonial-section **/

.testimonial-section{
  position: relative;
  padding: 755px 0px 90px 0px;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-attachment: fixed;
}

.testimonial-section:before{
  position: absolute;
  content: '';
  background: #fff;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  right: 0px;
  opacity: 0.85;
}

.testimonial-section .client-thumb-outer{
  position:relative;
  max-width:510px;
  margin:0 auto;
  overflow:hidden;
  padding-top: 43px;
}

.testimonial-section .client-thumb-outer .client-thumbs-carousel{
  position: relative;
  max-width: 100px;
  margin: 0 auto;
}

.testimonial-section .client-thumb-outer .client-thumbs-carousel .owl-stage-outer{
  overflow:visible;
}

.testimonial-section .client-thumb-outer .client-thumbs-carousel .thumb-item{
  position:relative;
  width:70px;
  border-radius:50%;
  margin: 0 auto;
}

.testimonial-section .client-thumb-outer .thumb-item .thumb-box{
  width:70px;
  height:70px;
  background: #fff;
  opacity: 0.4;
  cursor:pointer;
  overflow: hidden;
  border-radius:50%;
  margin-bottom: 18px;
}

.testimonial-section .client-thumb-outer .owl-item.active .thumb-item{
  width: 100px;
  top: -20px;
}

.testimonial-section .owl-item.active .thumb-item .thumb-box{
  width: 100px;
  height: 100px;
  opacity: 1;
}

.testimonial-section .client-thumb-outer .client-thumbs-carousel .thumb-item img{
  overflow:hidden;
  width:100%;
  height:100%;
  display:block;
  border-radius:50%;
}

.testimonial-section .owl-item .thumb-item .info-box{
  position: relative;
  min-width: 140px;
  text-align: center;
  left: -15px;
  display: none;
}

.testimonial-section .owl-item .thumb-item .info-box h5{
  position: relative;
  display: block;
  font-size: 18px;
  line-height: 26px;
  font-weight: 700;
  color: #204669;
  text-transform: uppercase;
  margin-bottom: 0px;
}

.testimonial-section .owl-item.active .thumb-item .info-box{
  display: block;
}

.testimonial-section .owl-item .thumb-item .info-box .designation{
  position: relative;
  display: block;
  font-size: 14px;
  line-height: 20px;
}

.owl-nav-none .owl-nav,
.owl-dots-none .owl-dots{
  display: none !important;
}

.testimonial-section .client-thumb-outer .owl-theme .owl-dots{
  min-width: 150px;
  margin-left: -25px;
  margin-top: 23px;
  height: 30px;
  overflow: hidden;
}

.testimonial-section .client-thumb-outer .owl-theme .owl-dots .owl-dot{
  position: relative;
  display: inline-block;
}

.testimonial-section .client-thumb-outer .owl-theme .owl-dots .owl-dot span{
  position: relative;
  display: inline-block;
  width: 20px;
  height: 4px;
  background: #dddddd;
  border-radius: 0px;
  margin: 0px 5px;
  cursor: pointer;
  transition: all 500ms ease;
}

.testimonial-section .client-thumb-outer .owl-theme .owl-dots .owl-dot.active span,
.testimonial-section .client-thumb-outer .owl-theme .owl-dots .owl-dot span:hover{
  
}

.testimonial-section .testimonial-block{
  position: relative;
  display: block;
  max-width: 770px;
  width: 100%;
  margin: 0 auto;
  text-align: center;
  padding-bottom: 16px;
}

.testimonial-section .testimonial-block p{
  font-size: 18px;
  line-height: 32px;
  color: #222;
}

.testimonial-section .title-box{
  margin-bottom: 70px;
}


/** news-section **/

.news-section{
  padding: 93px 0px 96px 0px;
}

.news-section .sec-title{
  margin-bottom: 60px;
}

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

.news-block-one .inner-box .image-box{
  position: relative;
  display: block;
  overflow: hidden;
  background: #222;
}

.news-block-one .inner-box .image-box img{
  width: 100%;
  transition: all 500ms ease;
}

.news-block-one .inner-box:hover .image-box img{
  opacity: 0.2;
  transform: scale(1.1);
}

.news-block-one .inner-box .lower-content{
  position: relative;
  padding-top: 32px;
}

.news-block-one .inner-box .lower-content .post-info{
  position: relative;
  display: block;
  margin-bottom: 7px;
}

.news-block-one .inner-box .lower-content .post-info li{
  position: relative;
  display: inline-block;
  font-size: 14px;
  color: #666666;
}

.news-block-one .inner-box .lower-content .post-info li:first-child{
  margin-right: 17px;
}

.news-block-one .inner-box .lower-content .post-info li:first-child:before{
  position: absolute;
  content: '';
  background: #666;
  height: 13px;
  width: 1px;
  top: 9px;
  right: -11px;
}

.news-block-one .inner-box .lower-content .post-info li.share{
  position: absolute;
  top: 0px;
  right: 18px;
  font-size: 18px;
  margin: 0px;
}

.news-block-one .inner-box .lower-content .post-info li a{
  color: #666;
}

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

}

.news-block-one .inner-box .lower-content .post-info li.share .social-links {
  position: absolute;
  right: 0%;
  bottom: -30px;
  width: 120px;
  opacity: 0;
  background: #fff;
  padding: 2px 15px;
  border-radius: 5px;
  visibility: hidden;
  transform: translateY(10px);
  z-index: 1;
  transition: all 500ms ease;
}

.news-block-one .inner-box .lower-content .post-info li.share:hover .social-links {
  opacity: 1;
  right: 0%;
  transform: translateY(0px);
  visibility: visible;
}

.news-block-one .inner-box .lower-content .post-info li.share .social-links li{
  margin: 0px 3px;
}

.news-block-one .inner-box .lower-content .post-info li.share:hover .social-links li a{
  color: #666;
}

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

}

.news-block-one .inner-box .lower-content .post-info li.share .social-links li:before{
  display: none !important;
}

.news-block-one .inner-box .lower-content h3{
  display: block;
  font-size: 24px;
  line-height: 32px;
  margin-bottom: 15px;
}

.news-block-one .inner-box .lower-content h3 a{
  display: inline-block;
  color: #222;
}

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

}

.news-block-one .inner-box .lower-content p{
  margin-bottom: 22px;
}

.news-block-one .inner-box .lower-content .link a i{
  position: relative;
  display: inline-block;
  font-size: 12px;
  margin-right: 8px;
}

.news-block-one .inner-box .lower-content .link a span{
  position: relative;
  display: inline-block;
  font-size: 16px;
  line-height: 16px;
  color: #222;
  font-weight: 700;
  border-bottom: 1px solid #222;
  transition: all 500ms ease;
}

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

}


/** clients-section **/

.clients-section{
  position: relative;
  padding: 80px 0px;
}

.clients-section .client-logo img{
  display: block;
  max-width: 100%;
  width: auto;
  margin: 0 auto;
  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;
}

.clients-section .client-logo:hover img{
  filter: grayscale(0%);
  -webkit-filter: grayscale(0%);
  -moz-filter: grayscale(0%);
  -o-filter: grayscale(0%);
  -ms-filter: grayscale(0%);
}


/** cta-section **/

.cta-section{
  position: relative;
  padding: 62px 0px 63px 0px;
}

.cta-section .pattern-layer{
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  right: 0px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.cta-section .title{
  position: relative;
  margin-top: 6px;
}

.cta-section .title h2{
  position: relative;
  display: block;
  font-size: 30px;
  line-height: 40px;
  font-weight: 700;
  color: #fff;
  margin: 0px;
}

.cta-section .btn-box a{
  position: relative;
  display: inline-block;
  font-size: 16px;
  line-height: 26px;
  font-weight: 700;
  color: #fff;
  text-transform: uppercase;
  border: 2px solid #fff;
  padding: 12.5px 40px;
  text-align: center;
  z-index: 1;
}

.cta-section .btn-box a:hover{

}

.cta-section .btn-box a:before{
  position: absolute;
  content: '';
  background: #fff;
  width: 0%;
  height: 100%;
  left: 0px;
  top: 0px;
  transition: all 900ms ease;
  -moz-transition: all 900ms ease;
  -webkit-transition: all 900ms ease;
  -ms-transition: all 900ms ease;
  -o-transition: all 900ms ease;
  z-index: -1;
}

.cta-section .btn-box a:after{
  position: absolute;
  content: '';
  background: #fff;
  width: 0%;
  height: 100%;
  right: 0px;
  top: 0px;
  transition: all 900ms ease;
  -moz-transition: all 900ms ease;
  -webkit-transition: all 900ms ease;
  -ms-transition: all 900ms ease;
  -o-transition: all 900ms ease;
  z-index: -1;
}

.cta-section .btn-box a:hover:before,
.cta-section .btn-box a:hover:after{
  width: 100%;
}


/** fun-fact **/

.fun-fact{
  position: relative;
  background: #0a1c2d;
  padding: 28px 0px 33px 0px;
  border-bottom: 1px solid rgba(255,255,255,0.1);
}

.counter-block-one{
  position: relative;
  display: block;
}

.counter-block-one .count-outer{
  position: relative;
  display: block;
  font-size: 50px;
  line-height: 60px;
  color: #fff;
  font-weight: 700;
  margin-bottom: 0px;
}

.counter-block-one p{
  color: #888888;
}

.fun-fact .counter-column{
  position: relative;
}

.fun-fact .counter-column:before{
  position: absolute;
  content: '';
  background: rgba(255,255,255,0.1);
  width: 1px;
  height: 150px;
  top: -28px;
  right: 0px;
}

.fun-fact .counter-column:first-child:after{
  position: absolute;
  content: '';
  background: rgba(255,255,255,0.1);
  width: 1px;
  height: 150px;
  top: -28px;
  left: 0px;
}


/** main-footer **/

.main-footer{
  position: relative;
  background: #0a1c2d;
}

.main-footer .footer-top{
  position: relative;
  padding: 96px 0px 93px 0px;
  border-bottom: 1px solid rgba(255,255,255,0.1);
}

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

.main-footer .widget-section p{
  color: #b6bbc0;
}

.main-footer .widget-section .logo-widget .text{
  position: relative;
  display: block;
  margin-bottom: 12px;
}

.main-footer .widget-section .logo-widget .info-list li{
  position: relative;
  display: block;
  font-size: 14px;
  color: #b6bbc0;
  margin-bottom: 3px;
  padding-left: 26px;
}

.main-footer .widget-section .logo-widget .info-list li:last-child{
  margin-bottom: 0px;
}

.main-footer .widget-section .logo-widget .info-list li a{
  color: #b6bbc0;
}

.main-footer .widget-section .logo-widget .info-list li a:hover{
  
}

.main-footer .widget-section .logo-widget .info-list li i{
  position: absolute;
  left: 0px;
  top: 7px;
  font-size: 16px;
}

.main-footer .widget-section .logo-widget .info-list{
  position: relative;
  display: block;
  margin-bottom: 15px;
}

.main-footer .widget-section .logo-widget .social-links li{
  position: relative;
  display: inline-block;
  margin-right: 15px;
}

.main-footer .widget-section .logo-widget .social-links li:last-child{
  margin-right: 0px;
}

.main-footer .widget-section .logo-widget .social-links li a{
  display: inline-block;
  font-size: 15px;
  color: #b6bbc0;
}

.main-footer .widget-section .logo-widget .social-links li a:hover{

}

.main-footer .widget-section .logo-widget{
  position: relative;
  margin-right: -30px;
  margin-top: -16px;
}

.ml-70{
  margin-left: 70px;
}

.main-footer .widget-section .footer-widget .widget-title{
  position: relative;
  display: block;
  margin-bottom: 31px;
}

.main-footer .widget-section .footer-widget .widget-title h4{
  position: relative;
  display: inline-block;
  color: #fff;
  margin: 0px;
  padding-right: 57px;
}

.main-footer .widget-section .footer-widget .widget-title h4:before{
  position: absolute;
  content: '';
  width: 45px;
  height: 2px;
  top: 16px;
  right: 0px;
}

.main-footer .widget-section .links-widget .widget-content ul li{
  position: relative;
  display: block;
  padding-left: 22px;
  margin-bottom: 5px;
}

.main-footer .widget-section .links-widget .widget-content ul li:before{
  position: absolute;
  content: "\f101";
  font-family: 'Font Awesome 5 Free';
  font-weight: 700;
  font-size: 12px;
  color: #b6bbc0;
  left: 0px;
  top: 0px;
}

.main-footer .widget-section .links-widget .widget-content ul li:last-child{
  margin-bottom: 0px;
}

.main-footer .widget-section .links-widget .widget-content ul li a{
  position: relative;
  display: inline-block;
  font-size: 16px;
  color: #b6bbc0;
}

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

}

.main-footer .widget-section .newsletter-widget .widget-content .text{
  position: relative;
  display: block;
  margin-bottom: 20px;
}

.main-footer .widget-section .newsletter-widget .newsletter-form .form-group{
  position: relative;
  margin-bottom: 10px;
}

.main-footer .widget-section .newsletter-widget .newsletter-form .form-group:last-child{
  margin-bottom: 0px;
}

.main-footer .widget-section .newsletter-widget .newsletter-form .form-group input[type='text'],
.main-footer .widget-section .newsletter-widget .newsletter-form .form-group input[type='email']{
  position: relative;
  width: 100%;
  height: 45px;
  font-size: 14px;
  color: #888888;
  border: 1px solid #2e3439;
  padding: 10px 50px 10px 20px;
  background: transparent;
  transition: all 500ms ease;
}

.main-footer .widget-section .newsletter-widget .newsletter-form .form-group input::-webkit-input-placeholder{
  color:#888888;
}

.main-footer .widget-section .newsletter-widget .newsletter-form .form-group i{
  position: absolute;
  top: 14px;
  right: 20px;
  font-size: 16px;
  color: #888888;
  z-index: 1;
}

.main-footer .widget-section .newsletter-widget .newsletter-form .form-group input:focus{

}

.main-footer .widget-section .newsletter-widget .newsletter-form .form-group.message-btn{
  padding-top: 5px;
}

.main-footer .widget-section .newsletter-widget .newsletter-form .form-group .theme-btn{
  font-size: 14px;
  font-weight: 400;
  text-transform: uppercase;
  padding: 7.5px 25px;
}

.main-footer .footer-bottom{
  position: relative;
  display: block;
  text-align: center;
  padding: 33px 0px 42px 0px;
}

.main-footer .footer-bottom .copyright p{
  color: #888888;
  margin: 0px;
}

.main-footer .footer-bottom .copyright p a{
  color: #888888;
}

.main-footer .footer-bottom .copyright p a:hover{
  color: #fff;
}



/*** 

====================================================================
                        Home-Page-Two
====================================================================

***/


/** header-style-two **/

.main-header.style-two{
  position: relative;
}

.main-header.style-two .header-top{
  position: relative;
  background: #f0f5f9;
  padding: 11px 0px;
}

.main-header.style-two .header-top .info li{
  position: relative;
  display: inline-block;
  margin-right: 35px;
}

.main-header.style-two .header-top .info li:last-child{
  margin-right: 0px;
}

.main-header.style-two .header-top li:before{
  position: absolute;
  content: '';
  background: #c1d0e1;
  width: 1px;
  height: 22px;
  top: 4px;
  right: -20px;
}

.main-header.style-two .header-top li:last-child:before{
  display: none;
}

.main-header.style-two .header-top .info li a{
  display: inline-block;
  font-size: 14px;
  color: #222;
}

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

}

.main-header.style-two .header-top .social-links li{
  position: relative;
  display: inline-block;
  font-size: 14px;
  color: #222;
  margin-right: 35px;
}

.main-header.style-two .header-top .social-links li:last-child{
  margin-right: 0px;
}

.main-header.style-two .header-top .social-links li a{
  display: inline-block;
  font-size: 15px;
  color: #222;
}

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

}

.main-header.style-two .header-top .social-links li:first-child:before{
  display: none;
}

.main-header.style-two .header-top .social-links li:first-child{
  margin-right: 15px;
}

.main-header.style-two .header-upper{
  position: relative;
  display: block;
  background: #fff;
  padding: 37px 0px;
}

.main-header.style-two .header-upper .info-box .info-list li{
  position: relative;
  display: inline-block;
  padding-left: 70px;
  margin-right: 20px;
}

.main-header.style-two .header-upper .info-box .info-list li:last-child{
  margin-right: 0px;
}

.main-header.style-two .header-upper .info-box .info-list li i{
  position: absolute;
  left: 0px;
  top: -3px;
  font-size: 20px;
  width: 55px;
  height: 55px;
  line-height: 53px;
  border: 2px solid #e3ebf5;
  border-radius: 50%;
  text-align: center;
  transition: all 500ms ease;
}

.main-header.style-two .header-upper .info-box .info-list li p{
  font-size: 16px;
  color: #222;
  line-height: 24px;
}

.main-header.style-two .header-upper .info-box .info-list li p a{
  color: #222;
}

.main-header.style-two .header-upper .info-box .info-list li p a:hover{

}

.main-header.style-two .header-lower{
  position: relative;
  background: transparent;
}

.main-header.style-two .header-lower .outer-box{
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  width: 100%;
}

.main-header.style-two .header-lower .outer-box .menu-area{
  position: relative;
  display: block;
  background: #063c83;
  padding-left: 30px;
}

.main-header.style-two .header-lower .menu-right-content{
  float: right;
  padding: 0px;
  margin: 0px;
}

.main-header.style-two .main-menu .navigation > li{
  margin: 0px 13px;
  padding: 20px 0px;
}

.main-header.style-two .main-menu .navigation > li.current > a, 
.main-header.style-two .main-menu .navigation > li:hover > a{
  color: #fff;
}

.main-header.style-two .sticky-header .main-menu .navigation > li.current > a,
.main-header.style-two .sticky-header .main-menu .navigation > li:hover > a{
  
}

.main-header.style-two .main-menu .navigation > li > ul > li > a:hover {
  
}

.main-header.style-two .main-menu .navigation > li > ul > li > ul > li > a:hover {
  
}

.main-header.style-two .main-menu .navigation li.dropdown .megamenu li a:hover {
    
}

.main-header.style-two .header-lower .menu-right-content .search-btn,
.main-header.style-two .header-lower .menu-right-content .btn-box{
  position: relative;
  display: inline-block;
}

.main-header.style-two .header-lower .menu-right-content .btn-box{
  margin-left: 80px;
}

.main-header.style-two .header-lower .menu-right-content .btn-box .theme-btn{
  padding: 20px 57px;
}

.main-header.style-two .header-lower .menu-right-content .search-btn button{
  position: relative;
  display: inline-block;
  font-size: 18px;
  color: #fff;
  font-weight: 600;
  background: transparent;
  cursor: pointer;
  transition: all 500ms ease;
}

.main-header.style-two .header-lower .menu-right-content .search-btn:before{
  position: absolute;
  content: '';
  background: rgba(255,255,255,0.2);
  width: 1px;
  height: 30px;
  left: 0px;
  top: -1px;
}

.main-header.style-two .header-lower .menu-right-content .search-btn{
  padding-left: 40px;
  top: 2px;
}


/** banner-style-two **/

.banner-section.style-two .content-box p{
  color: #fff;
  font-size: 18px;
  line-height: 28px;
  margin-bottom: 41px;
}

/*
.banner-carousel .content-box p{
  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 1200ms ease;
  -moz-transition: all 1200ms ease;
  -ms-transition: all 1200ms ease;
  -o-transition: all 1200ms ease;
  transition: all 1200ms 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: 1200ms;
  -moz-transition-delay: 1200ms;
  -ms-transition-delay: 1200ms;
  -o-transition-delay: 1200ms;
  transition-delay: 1200ms;
}
*/

.banner-section.style-two .content-box .btn-box .theme-btn{
  border-radius: 5px;
  overflow: hidden;
  padding: 13px 30px;
  margin-right: 11px;
  text-transform: uppercase;
}

.banner-section.style-two .content-box .btn-box .theme-btn i{
  margin-right: 10px;
}

.banner-section.style-two .content-box .btn-box .user-btn-two{
  position: relative;
  display: inline-block;
  overflow: hidden;
  border-radius: 5px;
  font-size: 16px;
  line-height: 26px;
  font-weight: 700;
  color: #fff;
  text-transform: uppercase;
  border: 2px solid #fff;
  padding: 13px 28px;
  text-align: center;
  z-index: 1;
}

.banner-section.style-two .content-box .btn-box .user-btn-two i{
  margin-right: 10px;
}

.banner-section.style-two .content-box .btn-box .user-btn-two:hover{

}

.banner-section.style-two .content-box .btn-box .user-btn-two:before{
  position: absolute;
  content: '';
  background: #fff;
  width: 0%;
  height: 100%;
  left: 0px;
  top: 0px;
  transition: all 900ms ease;
  -moz-transition: all 900ms ease;
  -webkit-transition: all 900ms ease;
  -ms-transition: all 900ms ease;
  -o-transition: all 900ms ease;
  z-index: -1;
}

.banner-section.style-two .content-box .btn-box .user-btn-two:after{
  position: absolute;
  content: '';
  background: #fff;
  width: 0%;
  height: 100%;
  right: 0px;
  top: 0px;
  transition: all 900ms ease;
  -moz-transition: all 900ms ease;
  -webkit-transition: all 900ms ease;
  -ms-transition: all 900ms ease;
  -o-transition: all 900ms ease;
  z-index: -1;
}

.banner-section.style-two .content-box .btn-box .user-btn-two:hover:before,
.banner-section.style-two .content-box .btn-box .user-btn-two:hover:after{
  width: 100%;
}

.banner-section.style-two .banner-carousel .content-box h5{
  padding-right: 0px;
  padding-left: 55px;
}

.banner-section.style-two .banner-carousel .content-box h5:before{
  right: inherit;
  left: 0px;
}

.banner-section.style-two .banner-carousel .content-box h1{
  font-size: 66px;
  line-height: 60px;
  margin-bottom: 17px;
}

.banner-section.style-two .banner-carousel .slide-item{
  padding: 214px 0px 142px 0px;
}

.banner-section.style-two .banner-carousel .slide-item:before{
  background: -webkit-linear-gradient(0deg, rgba(4,23,48,1) 0%, rgba(0,0,0,0.10) 100%);
}

.banner-section.style-two .owl-theme .owl-nav .owl-prev:hover, 
.banner-section.style-two .owl-theme .owl-nav .owl-next:hover {
  
}


/** feature-style-two **/

.feature-style-two{
  position: relative;
  padding: 110px 0px;
}

.feature-block-two .inner-box{
  position: relative;
  display: block;
  text-align: center;
  margin-bottom: 44px;
}

.feature-block-two .inner-box .image-box{
  position: relative;
  display: block;
  overflow: hidden;
  background: -webkit-linear-gradient(90deg, rgba(4,23,48,1) 50%, rgba(4,23,48,0.6) 100%);
}

.feature-block-two .inner-box .image-box img{
  width: 100%;
  transition: all 500ms ease;
}

.feature-block-two .inner-box:hover .image-box img{
  opacity: 0.2;
}

.feature-block-two .inner-box .overlay-box{
  position: absolute;
  left: 50%;
  top: 50%;
  width: 100%;
  padding: 15px 25px;
  transform: translate(-50%,-50%);
  opacity: 0;
  transition: all 500ms ease;
}

.feature-block-two .inner-box:hover .overlay-box{
  opacity: 1;
}

.feature-block-two .inner-box .overlay-box p{
  color: #fff;
  opacity: 0;
  transform: translateY(30px);
  -webkit-transition-delay: .5s;
  transition-delay: .5s;
}

.feature-block-two .inner-box:hover .overlay-box p{
  transform: translateY(0px);
  opacity: 1;
}

.feature-block-two .inner-box .lower-content{
  position: relative;
}

.feature-block-two .inner-box .lower-content h4{
  font-weight: 400;
}

.feature-block-two .inner-box .lower-content h4 a{
  color: #222;
}

.feature-block-two .inner-box:hover .lower-content h4 a{
  color: #fff;
}

.feature-block-two .inner-box .lower-content .inner {
  position: absolute;
  display: block;
  overflow: hidden;
  top: -26px;
  width: calc(100% - 30px);
  left: 15px;
  background: #fff;
  text-align: center;
  padding: 20px 15px;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
  transition: all 500ms ease;
}

.feature-block-two .inner-box .lower-content .inner:before{
  position: absolute;
  content: '';
  width: 100%;
  height: 0%;
  left: 0px;
  right: 0px;
  bottom: 0px;
  opacity: 0;
  transition: all 500ms ease;
}

.feature-block-two .inner-box:hover .lower-content .inner:before{
  top: 0px;
  height: 100%;
  opacity: 1;
}


/** about-style-two **/

.about-style-two{
  position: relative;
  padding-bottom: 90px;
}

.sec-title.style-two h5{
  padding-left: 55px;
}

.sec-title.style-two h5:before{
  left: 0px;
}

#content_block_three .content-box .sec-title{
  margin-bottom: 27px;
}

#content_block_three .content-box .text{
  position: relative;
  display: block;
  margin-bottom: 36px;
}

#content_block_three .content-box  .inner-box .single-item{
  position: relative;
  display: block;
  padding-left: 50px;
  margin-bottom: 26px;
}

#content_block_three .content-box  .inner-box .single-item .icon-box{
  position: absolute;
  left: 0px;
  top: 2px;
  font-size: 35px;
  line-height: 35px;
}

#content_block_three .content-box  .inner-box .single-item h5{
  position: relative;
  display: block;
  font-size: 18px;
  line-height: 26px;
  font-weight: 700;
  color: #222;
  margin-bottom: 5px;
}

#content_block_three .content-box  .inner-box .single-item h5 a{
  display: inline-block;
  color: #222;
}

#content_block_three .content-box  .inner-box .single-item h5 a:hover{

}

.about-style-two .content-box{
  margin-right: 60px;
}

#image_block_two .image-box{
  position: relative;
}

#image_block_two .image-box .image{
  position: relative;
  overflow: hidden;
  display: block;
}

#image_block_two .image-box .image:before {
  position: absolute;
  top: 0;
  left: -75%;
  z-index: 2;
  display: block;
  content: '';
  width: 50%;
  height: 100%;
  background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, .3)));
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
  -webkit-transform: skewX(-25deg);
  -ms-transform: skewX(-25deg);
  transform: skewX(-25deg);
}

#image_block_two .image-box .image:hover:before {
  -webkit-animation: shine 1s;
  animation: shine 1s;
}

#image_block_two .image-box .image img{
  width: 100%;
}

#image_block_two .image-box .content-box{
  position: absolute;
  left: 70px;
  bottom: 45px;
  max-width: 420px;
  width: 100%;
  overflow: hidden;
  background: #fff;
  padding: 29px 50px 34px 50px;
  box-shadow: 0 0px 20px rgba(0, 0, 0, 0.1);
}

#image_block_two .image-box .content-box i{
  position: absolute;
  left: 30px;
  top: 20px;
  font-size: 90px;
  line-height: 90px;
  color: #e5e5e5;
}

#image_block_two .image-box .content-box h4{
  margin-bottom: 0px;
}

#image_block_two .image-box .content-box h5{
  font-size: 18px;
  line-height: 26px;
  color: #222;
  font-weight: 400;
}

#image_block_two .image-box .content-box h5 a{
  font-size: 22px;
  font-weight: 700;
}

#image_block_two .image-box .content-box h5 a:hover{

}

.about-style-two .pattern-layer{
  position: absolute;
  right: 0px;
  bottom: -150px;
  width: 572px;
  height: 684px;
  background-repeat: no-repeat;
}

.about-style-two .image-box{
  margin-top: 44px;
}


/** stats-section **/

.stats-section .single-item{
  position: relative;
  padding-bottom: 110px;
}

.stats-section .single-item:before{
  position: absolute;
  content: '';
  background: #cdd8e6;
  width: 1px;
  height: 205px;
  top: 0px;
  right: -15px;
}

.stats-section .single-column:last-child .single-item:before{
  display: none;
}

.stats-section .single-item .icon-box{
  position: relative;
  margin-bottom: 30px;
  transition: all 500ms ease;
}

.stats-section .single-item:hover .icon-box{
  transform: rotateY(360deg);
}

.stats-section .single-item h3{
  font-size: 24px;
  line-height: 29px;
}


/** service-style-two **/

.service-style-two{
  position: relative;
  padding: 100px 0px 100px 0px;
}

.service-style-two .pattern-layer{
  position: absolute;
  left: 50%;
  top: 0px;
  width: 283px;
  height: 95px;
  transform: translateX(-50%);
}

.bg-color-2{
  background: #063c83;
}

.service-style-two .sec-title{
  margin-bottom: 70px;
}

.service-style-two .sec-title h2{
  margin-bottom: 15px;
}

.service-style-two .sec-title p{
  line-height: 28px;
  color: rgb(255,255,255,0.4);
}

.service-block-two .inner-box{
  position: relative;
  padding-left: 136px;
  margin-bottom: 48px;
}

.service-block-two .inner-box .icon-box{
  position: absolute;
  left: 0px;
  top: 6px;
  width: 110px;
  height: 110px;
  line-height: 110px;
  text-align: center;
  font-size: 60px;
  color: #fff;
  border: 3px solid rgba(255,255,255,0.1);
  border-radius: 50%;
  z-index: 1;
  transition: all 500ms ease;
}

.service-block-two .inner-box .icon-box:before{
  position: absolute;
  content: '';
  width: 110px;
  height: 110px;
  left: -3px;
  top: -3px;
  right: 0px;
  transform: scale(0,0);
  opacity: 0;
  z-index: -1;
  border-radius: 50%;
  transition: all 500ms ease;
}

.service-block-two .inner-box:hover .icon-box:before{
  transform: scale(1,1);
  opacity: 1;
}

.service-block-two .inner-box h4{
  color: #fff;
  margin-bottom: 10px;
}

.service-block-two .inner-box h4 a{
  color: #fff;
}

.service-block-two .inner-box h4 a:hover{

}

.service-block-two .inner-box p{
  color: rgba(255,255,255,0.4);
  margin-bottom: 10px;
}

.service-block-two .inner-box .link a{
  position: relative;
  display: inline-block;
  padding-left: 0px;
}

.service-block-two .inner-box .link a:hover{
  padding-left: 20px;
}

.service-block-two .inner-box .link a i{
  position: absolute;
  font-size: 12px;
  color: #fff;
  left: 0px;
  top: 9px;
  opacity: 0;
  transition: all 500ms ease;
}

.service-block-two .inner-box .link a:hover i{
  opacity: 1;
}

.service-block-two .inner-box .link a span{
  position: relative;
  display: inline-block;
  font-size: 14px;
  line-height: 14px;
  color: rgba(255,255,255,0.4);
  border-bottom: 1px solid rgba(255,255,255,0.4);
  transition: all 500ms ease;
}

.service-block-two .inner-box .link a:hover span{

}


/** protect-form **/

.protect-form{
  position: relative;
}

.protect-form .inner-box{
  position: relative;
  background: #fff;
  padding: 61px 220px 70px 220px;
  margin-top: -42px;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
  z-index: 1;
}

.protect-form .inner-box h2{
  position: relative;
  display: block;
  font-size: 40px;
  line-height: 50px;
  font-weight: 400;
  color: #222;
  margin-bottom: 5px;
}

.protect-form .inner-box h3{
  position: relative;
  display: block;
  font-size: 22px;
  line-height: 30px;
  font-weight: 400;
  margin-bottom: 42px;
}

.protect-form .inner-box .zip-form .form-group{
  position: relative;
  margin: 0px;
}

.protect-form .inner-box .zip-form .form-group input[type='text']{
  position: relative;
  float: left;
  width: calc(100% - 223px);
  height: 60px;
  border: 1px solid #cdd8e6;
  border-radius: 5px;
  padding: 10px 20px;
  font-size: 16px;
  transition: all 500ms ease;
}

.protect-form .inner-box .zip-form .form-group input:focus{

}

.protect-form .inner-box .zip-form .form-group button{
  overflow: hidden;
  border-radius: 5px;
  padding: 15px 29px;
  float: right;
  text-transform: uppercase;
}

.protect-form .inner-box .zip-form .form-group button i{
  margin-right: 10px;
}


/** our-mission **/

.our-mission{
  position: relative;
  padding:385px 0px 105px 0px;
  margin-top: -275px;
}

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

#content_block_four .content-box{
  position: relative;
}

.our-mission .content-box{
  margin-right: 60px;
}

#content_block_four .content-box .tab-btn-box{
  position: relative;
  display: block;
  margin-bottom: 40px;
}

#content_block_four .content-box .tab-btn-box .tab-btns li{
  position: relative;
  display: inline-block;
  float: left;
  font-size: 20px;
  line-height: 30px;
  color: #222;
  font-weight: 400;
  padding: 12.5px 36.5px;
  border-right: 1px solid #c1d0e1;
  cursor: pointer;
  transition: all 500ms ease;
}

#content_block_four .content-box .tab-btn-box .tab-btns li.active-btn,
#content_block_four .content-box .tab-btn-box .tab-btns li:hover{
  color: #fff;
}

#content_block_four .content-box .tabs-content .content-inner h3{
  font-size: 24px;
  margin-bottom: 16px;
}

#content_block_four .content-box .tabs-content .content-inner p{
  margin-bottom: 22px;
}

#content_block_four .content-box .tabs-content .list-item li{
  position: relative;
  display: block;
  font-size: 16px;
  color: #222;
  margin-bottom: 4px;
  padding-left: 22px;
}

#content_block_four .content-box .tabs-content .list-item li:last-child{
  margin-bottom: 0px;
}

#content_block_four .content-box .tabs-content .list-item li:before{
  position: absolute;
  content: "\f00c";
  font-family: 'Font Awesome 5 Free';
  font-size: 12px;
  left: 0px;
  top: 1px;
  font-weight: 700;
}

#video_block_one .image-box{
  position: relative;
  overflow: hidden;
  display: block;
}

#video_block_one .image-box:before {
  position: absolute;
  top: 0;
  left: -75%;
  z-index: 2;
  display: block;
  content: '';
  width: 50%;
  height: 100%;
  background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, .3)));
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
  -webkit-transform: skewX(-25deg);
  -ms-transform: skewX(-25deg);
  transform: skewX(-25deg);
}

#video_block_one .image-box:hover:before {
  -webkit-animation: shine 1s;
  animation: shine 1s;
}

#video_block_one .video-inner{
  position: relative;
}

#video_block_one .image-box img{
  width: 100%
}

#video_block_one .video-inner .video-btn{
  position: absolute;
  right: 35px;
  bottom: 35px;
}

#video_block_one .video-inner .video-btn a{
  position: relative;
  display: inline-block;
  width: 100px;
  height: 100px;
  line-height: 100px;
  text-align: center;
  background: rgba(255,255,255,0.9);
  font-size: 30px;
  border-radius: 50%;
}

#video_block_one .video-inner .video-btn a:after, 
#video_block_one .video-inner .video-btn a:before {
  width: 100px;
  height: 100px;
  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-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);
  box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);
  -webkit-animation: ripple 3s infinite;
  animation: ripple 3s infinite;
  -webkit-transition: all .4s ease;
  transition: all .4s ease;
}

#video_block_one .video-inner .video-btn a:after {
  -webkit-animation-delay: .6s;
  animation-delay: .6s;
}

.our-mission .pattern-layer{
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
}


/** team-section **/

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

.team-block-one .inner-box{
  position: relative;
  display: block;
  text-align: center;
  margin-bottom: 100px;
}

.team-block-one .inner-box .image-box{
  position: relative;
  display: block;
  overflow: hidden;
  background: #063c83;
}

.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 .lower-content{
  position: relative;
  padding-top: 27px;
}

.team-block-one .inner-box .lower-content h3{
  margin-bottom: 0px;
}

.team-block-one .inner-box .lower-content h3 a{
  display: inline-block;
  color: #222;
}

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

}

.team-block-one .inner-box .lower-content .designation{
  position: relative;
  display: block;
  font-size: 14px;
  line-height: 26px;
}

.team-block-one .inner-box .lower-content .ovellay-box{
  position: absolute;
  display: block;
  overflow: hidden;
  top: 0px;
  width: calc(100% - 30px);
  left: 15px;
  background: #fff;
  text-align: center;
  opacity: 0;
  visibility: hidden;
  padding: 37px 15px 40px 15px;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
  transition: all 500ms ease;
}

.team-block-one .inner-box:hover .lower-content .ovellay-box{
  top: -20px;
  opacity: 1;
  visibility: visible;
}

.team-block-one .inner-box .lower-content .ovellay-box .social-links li{
  position: relative;
  display: inline-block;
  margin: 0px 15px;
}

.team-block-one .inner-box .lower-content .ovellay-box .social-links{
  position: relative;
  display: block;
  padding-top: 7px;
}

.team-block-one .inner-box .lower-content .ovellay-box .social-links li:before{
  position: absolute;
  content: '';
  background: #cdd8e6;
  width: 1px;
  height: 22px;
  top: 2px;
  right: -17px;
}

.team-block-one .inner-box .lower-content .ovellay-box .social-links li:last-child:before{
  display: none;
}

.team-block-one .inner-box .lower-content .ovellay-box .social-links li a{
  display: inline-block;
  font-size: 15px;
  color: #bcbcbc;
}

.team-block-one .inner-box .lower-content .ovellay-box .social-links li a:hover{

}

.team-section .owl-theme .owl-dots{
  position: relative;
  display: block;
  text-align: center;
}

.owl-dot-style-one .owl-dots .owl-dot span{
  position: relative;
  display: inline-block;
  width: 20px;
  height: 4px;
  background: #dddddd;
  border-radius: 0px;
  margin: 0px 5px;
  cursor: pointer;
  transition: all 500ms ease;
}

.owl-dot-style-one .owl-dots .owl-dot.active span,
.owl-dot-style-one .owl-dots .owl-dot span:hover{

}

.team-section .upper-box{
  position: relative;
  display: block;
  margin-bottom: 40px;
}

.team-section .upper-box .btn-box{
  position: relative;
  margin-top: 13px;
}

.team-section .upper-box .btn-box a{
  position: relative;
  display: inline-block;
  overflow: hidden;
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
  padding: 14px 27.5px;
  border-radius: 5px;
  z-index: 1;
}

.team-section .upper-box .btn-box a:before{
  position: absolute;
  content: '';
  width: 0%;
  height: 100%;
  left: 0px;
  top: 0px;
  z-index: -1;
  transition: all 500ms ease;
}

.team-section .upper-box .btn-box a:after{
  position: absolute;
  content: '';
  width: 0%;
  height: 100%;
  right: 0px;
  top: 0px;
  z-index: -1;
  transition: all 500ms ease;
}

.team-section .upper-box .btn-box a:hover:before{
  left: 0px;
  width: 50%;
}

.team-section .upper-box .btn-box a:hover:after{
  right: 0px;
  width: 50%
}

.team-section .upper-box .btn-box a i{
  margin-right: 10px;
}

.team-section .upper-box .btn-box a:hover{
  color: #fff;
}


/** view-plans **/

.view-plans{
  position: relative;
}

.view-plans .inner-container{
  position: relative;
  display: block;
  padding: 63px 80px 66px 80px;
}

.view-plans .inner-container .text h5{
  position: relative;
  display: inline-block;
  font-size: 18px;
  line-height: 26px;
  color: #fff;
  font-weight: 400;
  text-transform: uppercase;
  padding-left: 55px;
  margin-bottom: 19px;
}

.view-plans .inner-container .text h5:before{
  position: absolute;
  content: '';
  background: #fff;
  width: 45px;
  height: 2px;
  top: 12px;
  left: 0px;
}

.view-plans .inner-container .text h2{
  position: relative;
  display: block;
  font-size: 32px;
  line-height: 42px;
  font-weight: 700;
  color: #fff;
  margin-bottom: 0px;
}

.view-plans .inner-container .text h3{
  color: #fff;
  font-weight: 400;
  margin: 0px;
}

.view-plans .inner-container .btn-box{
  position: relative;
  margin-top: 26px;
}

.view-plans .inner-container .btn-box .theme-btn{
  font-size: 20px;
  padding: 20px 47px;
}

.view-plans .inner-container .pattern-layer{
  position: absolute;
  top: 0px;
  right: 90px;
  height: 100%;
  width: 248px;
  background-repeat: no-repeat;
}

.view-plans .pattern-layer{
  position: absolute;
  left: 0px;
  top: -75px;
  width: 521px;
  height: 684px;
  background-repeat: no-repeat;
}


/** testimonial-style-two **/

.testimonial-style-two{
  position: relative;
  padding: 100px 0px 100px 0px;
}

.testimonial-style-two .testimonial-content .inner-box{
  position: relative;
  display: block;
}

.testimonial-style-two .testimonial-content .inner-box .text{
  position: relative;
  display: block;
  padding: 37px 40px 54px 40px;
  border: 1px solid #cdd8e6;
  border-radius: 10px;
  margin-bottom: 45px;
  transition: all 500ms ease;
}

.testimonial-style-two .testimonial-content .inner-box .text:before{
  position: absolute;
  content: '';
  background: #fff;
  width: 29px;
  height: 29px;
  left: 54px;
  bottom: -14px;
  transform: rotate(45deg);
  box-shadow: 1px 1px #cdd8e6;
}

.testimonial-style-two .testimonial-content .inner-box .text i{
  position: absolute;
  right: 25px;
  bottom: 20px;
  color: #e4ecf3;
  font-size: 50px;
  line-height: 50px;
}

.testimonial-style-two .testimonial-content .inner-box .text p{
  line-height: 28px;
  color: #222;
  margin: 0px;
}

.testimonial-style-two .testimonial-content .inner-box .author-info{
  position: relative;
  margin-left: 30px;
  padding: 14px 0px 20px 100px;
}

.testimonial-style-two .testimonial-content .inner-box .author-info .image-box{
  position: absolute;
  left: 0px;
  top: 0px;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  overflow: hidden;
}

.testimonial-style-two .testimonial-content .inner-box .author-info .image-box img{
  width: 100%;
  border-radius: 50%;
}

.testimonial-style-two .testimonial-content .inner-box .author-info h5{
  position: relative;
  font-size: 18px;
  line-height: 26px;
  font-weight: 700;
  color: #222;
  margin: 0px;
}

.testimonial-style-two .testimonial-content .inner-box .author-info .designation{
  position: relative;
  display: block;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
}


.testimonial-style-two .sec-title{
  margin-bottom: 60px;
}

.testimonial-style-two .owl-theme .owl-dots{
  display: block;
  text-align: center;
  margin-top: 45px;
}


/** policy-section **/

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

.policy-section .pattern-layer{
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
}

#content_block_five .content-box p{
  color: #c0cbda;
  margin: 0px;
}

#content_block_five .content-box .sec-title{
  margin-bottom: 25px;
}

#content_block_five .content-box .sec-title h2{
  margin-bottom: 14px;
}

#content_block_five .content-box .info-list li{
  position: relative;
  display: block;
  margin-bottom: 28px;
  padding-left: 80px;
}

#content_block_five .content-box .info-list li:last-child{
  margin-bottom: 0px;
}

#content_block_five .content-box .info-list li i{
  position: absolute;
  left: 0px;
  top: 4px;
  font-size: 20px;
  width: 55px;
  height: 55px;
  line-height: 55px;
  text-align: center;
  border: 2px solid #e3ebf5;
  border-radius: 50%;
}

#content_block_five .content-box .info-list li h4{
  color: #fff;
  margin-bottom: 4px;
}

#content_block_five .content-box .info-list li a{
  color: #c0cbda;
}

#content_block_five .content-box .info-list li a:hover{

}

#content_block_six .tab-btn-box{
  position: relative;
  display: block;
  border-bottom: 1px solid rgba(255,255,255,0.3);
  margin-bottom: 28px;
}

#content_block_six .tab-btn-box .tab-btns li{
  position: relative;
  display: inline-block;
  float: left;
  font-size: 24px;
  line-height: 32px;
  font-weight: 700;
  color: #fff;
  padding: 19px 19px;
  margin-right: 30px;
  cursor: pointer;
  z-index: 1;
  transition: all 500ms ease;
}

#content_block_six .tab-btn-box .tab-btns li:before{
  position: absolute;
  content: '';
  width: 0%;
  height: 2px;
  left: 0px;
  bottom: 0px;
  transition: all 500ms ease;
}

#content_block_six .tab-btn-box .tab-btns li:hover:before,
#content_block_six .tab-btn-box .tab-btns li.active-btn:before{
  width: 100%
}

#content_block_six .tab-btn-box .tab-btns li:last-child{
  margin-right: 0px;
}

.policy-section #content_block_five .content-box{
  position: relative;
  margin-right: 100px;
  margin-top: 17px;
}

#content_block_six .tabs-content .content-inner p{
  color: #c0cbda;
  font-size: 16px;
  margin-bottom: 29px;
}

#content_block_six .tabs-content .content-inner p a{
  color: #c0cbda;
}

#content_block_six .tabs-content .content-inner p a:hover{

}

#content_block_six .tabs-content .content-inner form .form-group{
  position: relative;
  margin-bottom: 15px;
}

#content_block_six .tabs-content .content-inner form .form-group:last-child{
  margin-bottom: 0px;
}

#content_block_six .tabs-content .content-inner form .form-group i{
  position: absolute;
  left: 20px;
  top: 20px;
  font-size: 16px;
  color: #a9bbd4;
  z-index: 99;
}

#content_block_six .tabs-content .content-inner form .form-group input[type='text'],
#content_block_six .tabs-content .content-inner form .form-group input[type='email'],
#content_block_six .tabs-content .content-inner form .form-group select{
  position: relative;
  width: 100%;
  height: 55px;
  background: #fff;
  padding: 10px 20px 10px 50px;
  border-radius: 0px;
}

.nice-select{
  position: relative;
  margin-bottom: 25px;
  border: none;
  background: #fff;
  height: 55px;
  line-height: 55px;
  border-radius: 0px;
  padding-left: 50px;
  font-size: 16px;
  color: #666;
  z-index: 9;
}

.nice-select:after{
  width: 12px;
  height: 12px;
  border-bottom: 2px solid #666;
  border-right: 2px solid #666;
  right: 25px;
}

#content_block_six .tabs-content .content-inner form .form-group button{
  display: block;
  width: 100%;
  padding: 12px 30px;
  text-transform: uppercase;
}


/** news-style-two **/

.news-section.style-two .sec-title h5:before,
.news-section.style-two .sec-title h5:after{

}

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

}

.news-section.style-two .news-block-one .inner-box .lower-content h3 a:hover{
  
}

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

}

.news-section.style-two .news-block-one .inner-box .lower-content .link a{
  position: relative;
  padding-left: 0px;
}

.news-section.style-two .news-block-one .inner-box .lower-content .link a:hover{
  padding-left: 20px;
}

.news-section.style-two .news-block-one .inner-box .lower-content .link a i{
  position: absolute;
  left: 0px;
  top: 3px;
  opacity: 0;
  transition: all 500ms ease;
}

.news-section.style-two .news-block-one .inner-box .lower-content .link a:hover i{
  opacity: 1;
}

.news-section.style-two .sec-title h5{

}

.news-section.style-two{
  border-bottom: 1px solid #cdd8e6;
}

.main-footer.alternet-2 .widget-section .logo-widget .info-list li i{

}

.main-footer.alternet-2 .widget-section .logo-widget .info-list li a:hover{
 
}

.main-footer.alternet-2 .widget-section .logo-widget .social-links li a:hover{

}

.main-footer.alternet-2 .widget-section .links-widget .widget-content ul li a:hover{
   
}

.main-footer.alternet-2 .widget-section .footer-widget .widget-title h4:before{

}

.main-footer.alternet-2 .widget-section .newsletter-widget .newsletter-form .form-group input:focus {
  
}



/*** 

====================================================================
                        Home-Page-Three
====================================================================

***/


/** header-style-three **/

.main-header.style-three{
  position: relative;
}

.main-header.style-three .header-top{
  background: #fff;
}

.main-header.style-three .header-top .top-left li{
  color: #222;
}

.main-header.style-three .header-top .top-left li i{

}

.main-header.style-three .header-top .top-right li a{
  color: #666666;
}

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

}

.main-header.style-three .header-lower{
  position: relative;
  background: transparent;
}

.main-header.style-three .header-lower .outer-box{
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  background: rgba(255,255,255,0.7);
}

.main-header.style-three .header-lower .outer-box .main-box{
  position: relative;
}

.main-header.style-three .main-menu .navigation > li > a{
  font-size: 18px;
  font-weight: 400;
  color: #222;
  padding-right: 15px;
}

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

.main-header.style-three .header-lower .menu-right-content:before{
  background: #767294;
  top: 3px;
}

.main-header.style-three .header-lower .menu-right-content .search-btn button{
  color: #222;
}

.main-header.style-three .header-lower .menu-right-content .nav-btn{
  color: #222;
}

.main-header.style-three .header-lower .menu-right-content .search-btn button:hover{
  
}

.main-header.style-three .header-lower .menu-right-content .nav-btn:hover{
  
}

.main-header.style-three .header-lower .menu-right-content .support-box{
  position: relative;
  display: inline-block;
  padding: 0px 0px 0px 80px;
}

.main-header.style-three .header-lower .menu-right-content .support-box i{
  position: absolute;
  left: 0px;
  top: -1px;
  font-size: 60px;
  line-height: 60px;
  color: transparent;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.main-header.style-three .header-lower .menu-right-content .support-box p{
  color: #222;
  line-height: 26px;
}

.main-header.style-three .header-lower .menu-right-content .support-box h3{
  position: relative;
  font-size: 28px;
  line-height: 30px;
  font-weight: 700;
  color: #222;
}

.main-header.style-three .header-lower .menu-right-content .support-box h3 a{
  color: #222;
}

.main-header.style-three .header-lower .menu-right-content .support-box h3 a:hover{

}

.main-header.style-three .header-lower .menu-right-content .search-btn{
  top: -15px;
}

.main-header.style-three .header-lower .menu-right-content .nav-btn{
  top: -15px;
  margin-left: 15px;
  margin-right: 30px;
}

.main-header.style-three .main-menu .navigation > li{
  padding: 45px 0px;
  margin-right: 5px;
}

.main-header.style-three .header-lower .menu-right-content{
  margin-top: 32px;
  padding-left: 19px;
  margin-left: 27px;
}

.main-header.style-three .main-menu .navigation > li > ul > li > a:hover {
  
}

.main-header.style-three .main-menu .navigation > li > ul > li > ul > li > a:hover {
  
}

.main-header.style-three .main-menu .navigation li.dropdown .megamenu li a:hover {

}

.main-header.style-three .sticky-header .main-menu .navigation > li.current > a, 
.main-header.style-three .sticky-header .main-menu .navigation > li:hover > a {

}


/** banner-style-three **/

.banner-section.style-three{
  position: relative;
}

.banner-section.style-three .content-box h1{
  margin-bottom: 18px;
}

.banner-section.style-three .content-box p{
  font-size: 22px;
  line-height: 32px;
  color: #fff;
  margin-bottom: 41px;
}

.banner-section.style-three .content-box .btn-box .banner-btn{
  position: relative;
  display: inline-block;
  overflow: hidden;
  background: transparent;
  font-size: 16px;
  font-weight: 700;
  color: #fff;
  border: 2px solid #fff;
  text-align: center;
  margin: 0px 5px;
  border-radius: 32.5px;
  padding: 12px 30px;
}

.banner-section.style-three .content-box .btn-box .banner-btn:hover{

}

.banner-section.style-three .content-box .btn-box .banner-btn:before{
  position: absolute;
  content: '';
  background: #fff;
  width: 0%;
  height: 100%;
  left: 0px;
  top: 0px;
  transition: all 900ms ease;
  -moz-transition: all 900ms ease;
  -webkit-transition: all 900ms ease;
  -ms-transition: all 900ms ease;
  -o-transition: all 900ms ease;
  z-index: -1;
}

.banner-section.style-three .content-box .btn-box .banner-btn:after{
  position: absolute;
  content: '';
  background: #fff;
  width: 0%;
  height: 100%;
  right: 0px;
  top: 0px;
  transition: all 900ms ease;
  -moz-transition: all 900ms ease;
  -webkit-transition: all 900ms ease;
  -ms-transition: all 900ms ease;
  -o-transition: all 900ms ease;
  z-index: -1;
}

.banner-section.style-three .content-box .btn-box .banner-btn:hover:before,
.banner-section.style-three .content-box .btn-box .banner-btn:hover:after{
  width: 100%;
}

.banner-section.style-three .banner-carousel .content-box .btn-box .theme-btn{
  margin-right: 0px;
  margin: 0px 5px;
}

.banner-section.style-three .banner-carousel .slide-item{
  padding: 280px 0px 240px 0px;
}

.banner-section.style-three .owl-theme .owl-nav .owl-prev:hover, 
.banner-section.style-three .owl-theme .owl-nav .owl-next:hover {

}


/** intro-section **/

.intro-section{
  position: relative;
}

.intro-section .upper-content{
  position: relative;
  background: #fff;
  margin-top: -60px;
  z-index: 1;
  overflow: hidden;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}

.intro-section .upper-content .single-column{
  position: relative;
  display: block;
  padding: 48px 50px 54px 50px;
}

.intro-section .upper-content .single-column:before{
  position: absolute;
  content: '';
  background: #8db6d6;
  width: 1px;
  height: 245px;
  top: 50px;
  right: 0px;
  transition: all 500ms ease;
}

.intro-section .upper-content .single-column:after{
  position: absolute;
  content: '';
  width: 100%;
  height: 0%;
  left: 0px;
  right: 0px;
  bottom: 0px;
  z-index: -1;
  transition: all 500ms ease;
}

.intro-section .upper-content .single-column:hover:after{
  height: 100%;
  top: 0px;
}

.intro-section .upper-content .single-column:last-child .single-item .inner-box:before{
  display: none;
}

.intro-section .upper-content .single-item .inner-box .icon-box{
  position: relative;
  display: block;
  font-size: 100px;
  line-height: 100px;
  color: transparent !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  margin-bottom: 12px;
  transition: all 500ms ease;
}

.intro-section .upper-content .single-column:hover .icon-box{
  background: #fff;
}

.intro-section .upper-content .single-item .inner-box h3{
  position: relative;
  display: block;
  margin-bottom: 13px;
}

.intro-section .upper-content .single-item .inner-box h3 a{
  display: inline-block;
  color: #222;
}

.intro-section .upper-content .single-column:hover h3,
.intro-section .upper-content .single-column:hover h3 a,
.intro-section .upper-content .single-column:hover p{
  color: #fff !important;
}

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

}

.intro-section .lower-content{
  position: relative;
  display: block;
  max-width: 800px;
  width: 100%;
  margin: 0 auto;
  padding: 93px 0px 94px 0px;
}

.sec-title.style-three h5{
  color: #180c54;
}

.sec-title.style-three.centred h5{
  padding: 0px 35px 0px 35px;
}

.intro-section .lower-content .sec-title{
  margin-bottom: 27px;
}

.sec-title.style-three h5:before,
.sec-title.style-three h5:after{
  width: 25px;
}


/** info-style-two **/

.info-style-two{
  position: relative;
  padding: 72px 0px;
}

.bg-color-3{
  background: #180c54;
}

#video_block_two .video-content{
  position: relative;
  display: block;
}

.info-style-two #video_block_two .video-content{
  margin-right: 55px;
  margin-top: -112px;
}

#video_block_two .video-inner{
  position: relative;
  width: 100%;
  text-align: center;
  padding: 190px 0px 230px 0px;
  overflow: hidden;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  clip-path: polygon(0% 0%, 100% 0%, 100% 90%, 0% 100%, 0% 0%);
}

#video_block_two .video-inner:before {
  position: absolute;
  top: 0;
  left: -75%;
  z-index: 2;
  display: block;
  content: '';
  width: 50%;
  height: 100%;
  background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, .3)));
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
  -webkit-transform: skewX(-25deg);
  -ms-transform: skewX(-25deg);
  transform: skewX(-25deg);
}

#video_block_two .video-inner:hover:before {
  -webkit-animation: shine 1s;
  animation: shine 1s;
}

#video_block_two .video-content .pattern-layer{
  position: absolute;
  left: -210px;
  top: 140px;
  width: 283px;
  height: 363px;
  background-repeat: no-repeat;
}

#video_block_two .video-inner .video-btn a{
  position: relative;
  display: inline-block;
  width: 135px;
  height: 135px;
  line-height: 135px;
  text-align: center;
  background: rgba(255,255,255,0.9);
  font-size: 30px;
  border-radius: 50%;
}

#video_block_two .video-inner .video-btn a:after, 
#video_block_two .video-inner .video-btn a:before {
  width: 135px;
  height: 135px;
  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-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);
  box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);
  -webkit-animation: ripple 3s infinite;
  animation: ripple 3s infinite;
  -webkit-transition: all .4s ease;
  transition: all .4s ease;
}

#video_block_two .video-inner .video-btn a:after {
  -webkit-animation-delay: .6s;
  animation-delay: .6s;
}

#content_block_seven .content-box{
  position: relative;
}

#content_block_seven .content-box .info-list{
  position: relative;
  display: block;
  margin-bottom: 28px;
}


#content_block_seven .content-box .info-list li{
  position: relative;
  display: block;
  padding-left: 90px;
  padding-bottom: 29px;
  margin-bottom: 27px;
  border-bottom: 1px dashed #5e5588;
}

#content_block_seven .content-box .info-list li:last-child{
  margin-bottom: 0px;
}

#content_block_seven .content-box .info-list li i{
  position: absolute;
  left: 0px;
  top: 8px;
  font-size: 70px;
  line-height: 70px;
  color: transparent;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

#content_block_seven .content-box .info-list li h3{
  color: #fff;
  margin-bottom: 14px;
}

#content_block_seven .content-box .info-list li p{
  color: #8c86aa;
}

#content_block_seven .content-box .support-box p{
  color: #8c86aa;
  margin-bottom: 6px;
}

#content_block_seven .content-box .support-box .box{
  position: relative;
  padding-left: 90px;
}

#content_block_seven .content-box .support-box .box i{
  position: absolute;
  left: 0px;
  top: 13px;
  font-size: 70px;
  line-height: 70px;
  color: transparent;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

#content_block_seven .content-box .support-box .box h3{
  position: relative;
  display: block;
  font-size: 30px;
  line-height: 48px;
  font-weight: 400;
  color: #fff;
  margin: 0px;
}

#content_block_seven .content-box .support-box .box h3 a{
  display: inline-block;
  color: #fff;
}

#content_block_seven .content-box .support-box .box h3 a:hover{
  text-decoration: underline;
}


/** service-style-three **/

.service-style-three{
  position: relative;
  padding: 93px 0px 90px 0px;
}

.service-style-three .upper-box .title-inner{
  position: relative;
  display: block;
  max-width: 900px;
  width: 100%;
}

.service-style-three .upper-box .title-inner .sec-title{
  width: 50%;
}

.service-style-three .upper-box .title-inner .text{
  position: relative;
  padding-left: 30px;
  margin-top: 4px;
  width: 50%;
}

.service-style-three .upper-box .title-inner .text:before{
  position: absolute;
  content: '';
  background: #8db6d6;
  width: 1px;
  height: 75px;
  left: -40px;
  top: 3px;
}

.sec-title.left.style-three h5 {
  padding-right: 35px;
}

.service-style-three .upper-box .btn-box{
  position: absolute;
  top: 25px;
  right: 0px;
}

.service-style-three .upper-box .btn-box .theme-btn i{
  font-size: 12px;
  margin-left: 10px;
}

.service-style-three .upper-box .btn-box .theme-btn{
  padding: 13px 38px;
}

.service-style-three .upper-box{
  position: relative;
  display: block;
  margin-bottom: 40px;
}

.service-block-three .inner-box{
  position: relative;
  display: block;
  overflow: hidden;
  background: #f5faff;
  margin-bottom: 30px;
  transition: all 500ms ease;
}

.service-block-three .inner-box:hover{
  background: #fff;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
}

.service-block-three .inner-box:before{
  position: absolute;
  content: '';
  width: 100%;
  height: 3px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  transform: scale(0,0);
  transition: all 500ms ease;
}

.service-block-three .inner-box:hover:before{
  transform: scale(1,1);
}

.service-block-three .inner-box .image-box{
  position: relative;
  display: block;
  overflow: hidden;
}

.service-block-three .inner-box .image-box img{
  width: 100%;
}

.service-block-three .inner-box .image-box .overlay-box-1{
  position: absolute;
  left: 0px;
  top: 0px;
  width: 0%;
  height: 100%;
  z-index: 1;
  transition: all 500ms ease;
}

.service-block-three .inner-box .image-box .overlay-box-2{
  position: absolute;
  right: 0px;
  top: 0px;
  width: 0%;
  height: 100%;
  z-index: 1;
  transition: all 500ms ease;
}

.service-block-three .inner-box:hover .image-box .overlay-box-1,
.service-block-three .inner-box:hover .image-box .overlay-box-2{
  width: 50%
}

.service-block-three .inner-box .image-box a{
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  font-size: 30px;
  line-height: 30px;
  color: #fff;
  z-index: 1;
  opacity: 0;
  -webkit-transition-delay: .5s;
  transition-delay: .5s;
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
  -webkit-transition-duration: .3s;
  transition-duration: .3s;
}

.service-block-three .inner-box:hover .image-box a{
  opacity: 1;
}

.service-block-three .inner-box .lower-content{
  position: relative;
  padding: 37px 45px 38px 45px;
}

.service-block-three .inner-box .lower-content h3{
  display: block;
  margin-bottom: 3px;
}

.service-block-three .inner-box .lower-content h3 a{
  display: inline-block;
  color: #222;
}

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

}

.service-block-three .inner-box .lower-content p{
  margin-bottom: 29px;
}

.service-block-three .inner-box .lower-content .link{
  position: relative;
  display: block;
  padding-top: 16px;
}

.service-block-three .inner-box .lower-content .link a{
  position: relative;
  display: inline-block;
}

.service-block-three .inner-box .lower-content .link a span{
  position: relative;
  display: inline-block;
  font-size: 14px;
  line-height: 14px;
  font-weight: 400;
  color: #222;
  border-bottom: 1px solid #222;
  transition: all 500ms ease;
}

.service-block-three .inner-box .lower-content .link a:hover span{

}

.service-block-three .inner-box .lower-content .link a i{
  font-size: 12px;
  margin-right: 10px;
}

.service-style-three .owl-dots{
  position: relative;
  display: block;
  text-align: center;
  padding-top: 15px;
}

.service-style-three .owl-theme .owl-dots .owl-dot span{
  position: relative;
  display: inline-block;
  background: #dddddd;
  width: 20px;
  height: 4px;
  margin: 0px 5px;
  cursor: pointer;
  transition: all 500ms ease;
}

.service-style-three .owl-theme .owl-dots .owl-dot.active span,
.service-style-three .owl-theme .owl-dots .owl-dot span:hover{
  background: #180c54;
}


/** funfact-style-two **/

.funfact-style-two{
  position: relative;
  padding-bottom: 105px;
}

.funfact-style-two .pattern-layer{
  position: absolute;
  left: 0px;
  top: -250px;
  right: 0px;
  width: 100%;
  height: 600px;
  background-repeat: no-repeat;
  background-position: center;
}

.counter-block-two{
  position: relative;
  display: inline-block;
  text-align: left;
}

.counter-block-two .count-outer{
  position: relative;
  display: block;
  font-size: 90px;
  line-height: 90px;
  font-weight: 400;
  margin-bottom: 6px;
}

.counter-block-two h3{
  font-weight: 400;
  color: #204669;
  line-height: 27px;
  margin: 0px;
}


/** chart-section **/

.chart-section{
  position: relative;
  padding: 93px 0px 90px 0px;
}

#content_block_eight .content-box{
  position: relative;
}

.chart-section #content_block_eight .content-box{
  margin-right: 70px;
}

#content_block_eight .content-box .text{
  position: relative;
  display: block;
  margin-bottom: 39px;
}

#content_block_eight .content-box .text p{
  color: #8c86aa;
  margin: 0px;
}

#content_block_eight .content-box .btn-box a{
  position: relative;
  display: inline-block;
  overflow: hidden;
  background: transparent;
  font-size: 16px;
  font-weight: 700;
  color: #fff;
  border: 2px solid #fff;
  text-align: center;
  margin: 0px 5px;
  border-radius: 32.5px;
  padding: 12px 33px;
  z-index: 1;
}

#content_block_eight .content-box .btn-box a:hover{

}

#content_block_eight .content-box .btn-box a:before{
  position: absolute;
  content: '';
  background: #fff;
  width: 0%;
  height: 100%;
  left: 0px;
  top: 0px;
  transition: all 900ms ease;
  -moz-transition: all 900ms ease;
  -webkit-transition: all 900ms ease;
  -ms-transition: all 900ms ease;
  -o-transition: all 900ms ease;
  z-index: -1;
}

#content_block_eight .content-box .btn-box a:after{
  position: absolute;
  content: '';
  background: #fff;
  width: 0%;
  height: 100%;
  right: 0px;
  top: 0px;
  transition: all 900ms ease;
  -moz-transition: all 900ms ease;
  -webkit-transition: all 900ms ease;
  -ms-transition: all 900ms ease;
  -o-transition: all 900ms ease;
  z-index: -1;
}

#content_block_eight .content-box .btn-box a:hover:before,
#content_block_eight .content-box .btn-box a:hover:after{
  width: 100%;
}

.chart-section .chart-box{
  position: relative;
  display: block;
  margin-left: -12px;
  margin-top: 7px;
}

.chart-section .chart-box img{
  width: 100%;
}


/** project-style-two **/

.project-style-two{
  position: relative;
  padding: 93px 0px 100px 0px;
}

.project-style-two .project-inner{
  position: relative;
  display: block;
  max-width: 1040px;
  width: 100%;
  padding: 0px 30px;
}

.project-style-two .project-inner .image-box{
  position: relative;
  display: block;
  max-width: 650px;
  width: 100%;
}

.project-style-two .project-inner .image-box img{
  width: 100%;
}

.project-style-two .project-inner .content-box{
  position: absolute;
  top: 45px;
  right: 38px;
  background: #fff;
  max-width: 390px;
  width: 100%;
  padding: 53px 40px 42px 50px;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}

.project-style-two .project-inner .content-box span{
  position: relative;
  display: inline-block;
  font-size: 16px;
  line-height: 16px;
  margin-bottom: 18px;
}

.project-style-two .project-inner .content-box h3{
  margin-bottom: 10px;
  line-height: 30px;
}

.project-style-two .project-inner .content-box p{
  margin-bottom: 30px;
}

.project-style-two .project-inner .content-box a{
  position: relative;
  display: inline-block;
}

.project-style-two .project-inner .content-box a i{
  position: relative;
  font-size: 12px;
  margin-right: 10px;
}

.project-style-two .project-inner .content-box a span{
  position: relative;
  display: inline-block;
  font-size: 14px;
  line-height: 14px;
  color: #222;
  border-bottom: 1px solid #222;
  transition: all 500ms ease;
}

.project-style-two .project-inner .content-box a:hover span{

}

.project-style-two .owl-dots{
  position: absolute;
  top: 50%;
  right: 35px;
  transform: translateY(-50%);
  display: inline-block;
  counter-reset:count;
}

.project-style-two .owl-dots .owl-dot{
  position:relative;
  display:block;
  margin: 15px 0px;
  text-align: center;
  background-color: transparent;
  cursor: pointer;
  -moz-transition:all 0.5s ease;
  -webkit-transition:all 0.5s ease;
  -ms-transition:all 0.5s ease;
  -o-transition:all 0.5s ease;
  transition:all 0.5s ease;
}

.project-style-two .owl-dots .owl-dot:before{
  position: relative;
  display: inline-block;
  font-size: 16px;
  color: #bcbcbc;
  font-weight: 400;
  counter-increment: count;
  content: "0" counter(count);
}

.project-style-two .owl-dots .owl-dot.active:before{
  
}

.project-style-two .owl-dots .owl-dot span{
  display: none;
}

.project-style-two .sec-title{
  margin-bottom: 60px;
}


/** pricing-section 

.pricing-section{
  position: relative;
  width: 100%;
  padding: 93px 0px 100px 0px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-attachment: fixed;
}

.pricing-section:before{
  position: absolute;
  content: '';
  background: #f5faff;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  right: 0px;
  opacity: 0.9;
}

.pricing-section .upper-box{
  position: relative;
}

.pricing-section .upper-box .title-inner{
  position: relative;
  display: block;
  max-width: 820px;
  width: 100%;
}

.pricing-section .upper-box .title-inner .sec-title{
  width: 45%;
}

.pricing-section .upper-box .title-inner .text{
  position: relative;
  padding-left: 20px;
  margin-top: 4px;
  width: 55%;
}

.pricing-section .upper-box .title-inner .text:before{
  position: absolute;
  content: '';
  background: #8db6d6;
  width: 1px;
  height: 75px;
  left: -50px;
  top: 3px;
}

.pricing-block-one .pricing-table{
  position: relative;
  display: block;
  background: #fff;
  text-align: center;
  border-radius: 10px;
  transition: all 500ms ease;
}

.pricing-block-one .pricing-table:hover,
.pricing-block-one.active-block .pricing-table{
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}

.pricing-block-one .pricing-table .table-header{
  position: relative;
  display: block;
  padding: 33px 0px 22px 0px;
}

.pricing-block-one .pricing-table .table-header h3{
  margin-bottom: 21px;
}

.pricing-block-one .pricing-table .table-header .price-box{
  position: relative;
  display: block;
  padding: 28px 0px 30px 0px;
  margin-bottom: 26px;
}

.pricing-block-one .pricing-table .table-header .price-box span{
  position: absolute;
  left: 50%;
  top: 0px;
  transform: translateX(-50%);
  display: inline-block;
  font-size: 10px;
  line-height: 14px;
  font-weight: 400;
  color: #fff;
  text-transform: uppercase;
  padding: 3px 14px;
  text-align: center;
  letter-spacing: 1px;
  border-radius: 25px;
  opacity: 0;
  transition: all 500ms ease;
}

.pricing-block-one.active-block .pricing-table .table-header .price-box span,
.pricing-block-one .pricing-table:hover .table-header .price-box span{
  opacity: 1;
  top: -10px;
}

.pricing-block-one .pricing-table .table-header .price-box h2{
  position: relative;
  display: block;
  font-size: 44px;
  line-height: 50px;
  font-weight: 700;
  color: #fff;
  margin-bottom: 0px;
}

.pricing-block-one .pricing-table .table-header .price-box p{
  font-size: 14px;
  line-height: 22px;
  color: #fff;
  margin: 0px;
}

.pricing-block-one .pricing-table .table-header .text{
  position: relative;
  display: block;
  font-size: 13px;
  line-height: 20px;
  margin: 0px;
}

.pricing-block-one .pricing-table .table-content{
  position: relative;
  display: block;
  padding: 28px 15px 29px 15px;
}

.pricing-block-one .pricing-table .table-content ul li{
  position: relative;
  display: block;
  font-size: 16px;
  color: #222;
  margin-bottom: 12px;
}

.pricing-block-one .pricing-table .table-content ul li:last-child{
  margin-bottom: 0px;
}

.pricing-block-one .pricing-table .table-content ul li del{
  opacity: 0.5;
}

.pricing-block-one .pricing-table .table-footer{
  position: relative;
  padding-bottom: 31px;
}

.pricing-block-one .pricing-table .table-footer a{
  position: relative;
  display: inline-block;
  overflow: hidden;
  font-size: 16px;
  line-height: 26px;
  color: #222;
  font-weight: 700;
  text-transform: uppercase;
  text-align: center;
  padding: 10px 57px;
  border-radius: 30px;
  z-index: 1;
}

.pricing-block-one .pricing-table .table-footer a:hover,
.pricing-block-one.active-block .pricing-table .table-footer a{
  color: #fff;
}

.pricing-block-one .pricing-table .table-footer a:before{
  position: absolute;
  content: '';
  width: 0%;
  height: 100%;
  left: 0px;
  top: 0px;
  transition: all 900ms ease;
  -moz-transition: all 900ms ease;
  -webkit-transition: all 900ms ease;
  -ms-transition: all 900ms ease;
  -o-transition: all 900ms ease;
  z-index: -1;
}

.pricing-block-one .pricing-table .table-footer a:after{
  position: absolute;
  content: '';
  width: 0%;
  height: 100%;
  right: 0px;
  top: 0px;
  transition: all 900ms ease;
  -moz-transition: all 900ms ease;
  -webkit-transition: all 900ms ease;
  -ms-transition: all 900ms ease;
  -o-transition: all 900ms ease;
  z-index: -1;
}

.pricing-block-one .pricing-table .table-footer a:hover:before,
.pricing-block-one .pricing-table .table-footer a:hover:after,
.pricing-block-one.active-block .pricing-table .table-footer a:before,
.pricing-block-one.active-block .pricing-table .table-footer a:after{
  width: 100%;
}

.pricing-section .tab-btn-box{
  position: absolute;
  top: 25px;
  right: 0px;
}

.pricing-section .tab-btn-box .tab-btns{
  position: relative;
  display: inline-block;
  background: #deebf7;
  overflow: hidden;
  border-radius: 30px;
}

.pricing-section .tab-btn-box .tab-btns li{
  position: relative;
  display: inline-block;
  float: left;
  font-size: 16px;
  font-weight: 700;
  color: #222;
  border-radius: 30px;
  padding: 14px 30px;
  text-align: center;
  cursor: pointer;
  transition: all 500ms ease;
}

.pricing-section .tab-btn-box .tab-btns li.active-btn,
.pricing-section .tab-btn-box .tab-btns li:hover{
  color: #fff;
}

.pricing-section .upper-box{
  position: relative;
  display: block;
  margin-bottom: 40px;
}

*/


/** testimonial-style-three **/

.testimonial-section.alternet-2{
  position: relative;
  padding: 93px 0px 80px 0px;
}

.testimonial-section.alternet-2 .testimonial-block .text{
  position: relative;
  padding-top: 45px;
}

.testimonial-section.alternet-2 .testimonial-block .text i{
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 0px;
  font-size: 100px;
  line-height: 100px;
  color: #e2f0ff;
}

.testimonial-section.alternet-2 .sec-title{
  margin-bottom: 35px;
}

.testimonial-section.alternet-2 .owl-item .thumb-item .info-box h5{

}

.testimonial-section.alternet-2 .client-testimonial-carousel .owl-dots{
  position: absolute;
  top: 50%;
  right: 0px;
  transform: translateY(-50%);
}

.testimonial-section.alternet-2 .client-testimonial-carousel .owl-dots .owl-dot{
  display: block;
  width: 40px;
  margin: 0 auto;
  text-align: center;
  height: 15px;
}

.testimonial-section.alternet-2 .client-testimonial-carousel .owl-dots .owl-dot span{
  position: relative;
  display: inline-block;
  background: #dddddd;
  width: 10px;
  height: 2px;
  margin: 0px 0px;
  cursor: pointer;
  transition: all 500ms ease;
}

.testimonial-section.alternet-2 .client-testimonial-carousel .owl-dots .owl-dot.active span,
.testimonial-section.alternet-2 .client-testimonial-carousel .owl-dots .owl-dot span:hover{
  width: 40px;
}


/** contact-section **/

.contact-section{
  position: relative;
  padding: 93px 0px 100px 0px;
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.contact-section:before{
  position: absolute;
  content: '';
  background: -webkit-linear-gradient(0deg, rgba(0,0,0,0.0) 0%, rgba(24,12,84,0.9) 100%);
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  right: 0px;
}

#content_block_nine .content-box{
  position: relative;
}

#content_block_nine .content-box .text{
  position: relative;
  display: block;
  margin-bottom: 30px;
}

#content_block_nine .content-box .text p{
  color: #fff;
}

#content_block_nine .content-box .form-inner .form-group{
  position: relative;
  margin-bottom: 25px;
}

#content_block_nine .content-box .form-inner .form-group:last-child{
  margin-bottom: 0px;
}

#content_block_nine .content-box .form-inner .form-group input[type='text'],
#content_block_nine .content-box .form-inner .form-group input[type='email'],
#content_block_nine .content-box .form-inner .form-group textarea{
  position: relative;
  width: 100%;
  background: #fff;
  height: 55px;
  padding: 10px 30px;
  font-size: 16px;
  border: 2px solid #fff;
  border-radius: 30px;
  transition: all 500ms ease;
}

#content_block_nine .content-box .form-inner .form-group textarea{
  display: block;
  height: 120px;
  resize: none;
}

#content_block_nine .content-box .form-inner .form-group input:focus,
#content_block_nine .content-box .form-inner .form-group textarea:focus{

}

#content_block_nine .content-box .form-inner .form-group button{
  display: block;
  width: 100%;
  text-transform: uppercase;
  padding: 12.5px 30px;
}


/** news-style-three **/

.news-style-three{
  position: relative;
  padding: 93px 0px 100px 0px;
}

.news-style-three .upper-box{
  position: relative;
}

.news-style-three .upper-box .title-inner{
  position: relative;
  display: block;
  max-width: 900px;
  width: 100%;
}

.news-style-three .upper-box .title-inner .sec-title{
  width: 50%;
}

.news-style-three .upper-box .title-inner .text{
  position: relative;
  padding-left: 30px;
  margin-top: 4px;
  width: 50%;
}

.news-style-three .upper-box .title-inner .text:before{
  position: absolute;
  content: '';
  background: #8db6d6;
  width: 1px;
  height: 75px;
  left: -40px;
  top: 3px;
}

.news-style-three .upper-box .btn-box{
  position: absolute;
  top: 25px;
  right: 0px;
}

.news-style-three .upper-box .btn-box .theme-btn i{
  font-size: 12px;
  margin-left: 10px;
}

.news-style-three .upper-box .btn-box .theme-btn{
  padding: 13px 35px;
}

.news-style-three .upper-box{
  position: relative;
  display: block;
  margin-bottom: 40px;
}

.news-style-three .left-block{
  position: relative;
  margin-right: 55px;
}

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

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

.news-block-two .inner-box .image-box:before {
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  right: 0px;
  background: -webkit-linear-gradient(-90deg, rgba(0,0,0,0.0) 0%, rgba(0,0,0,0.9) 100%);
  z-index: 1;
  transition: all 500ms ease;
}

.news-block-two .inner-box .image-box img{
  width: 100%;
}

.news-block-two .inner-box .lower-content{
  position: absolute;
  left: 0px;
  bottom: 0px;
  padding: 0px 45px 30px 45px;
  z-index: 1;
}

.news-block-two .inner-box .lower-content .post-info li{
  position: relative;
  display: inline-block;
  font-size: 14px;
  color: #fff;
  margin-right: 17px;
}

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

.news-block-two .inner-box .lower-content .post-info li a{
  color: #fff;
}

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

}

.news-block-two .inner-box .lower-content .post-info{
  position: relative;
  display: block;
  margin-bottom: 8px;
}

.news-block-two .inner-box .lower-content .post-info li::before{
  position: absolute;
  content: '';
  background: #fff;
  height: 13px;
  width: 1px;
  top: 9px;
  right: -11px;
}

.news-block-two .inner-box .lower-content .post-info li:last-child::before{
  display: none;
}

.news-block-two .inner-box .lower-content h3{
  font-size: 30px;
  line-height: 36px;
  color: #fff;
  margin-bottom: 33px;
}

.news-block-two .inner-box .lower-content h3 a{
  display: inline-block;
  color: #fff;
}

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

}

.news-block-two .inner-box .lower-content .link{
  position: relative;
  display: block;
  padding-top: 16px;
}

.news-block-two .inner-box .lower-content .link a{
  position: relative;
  display: inline-block;
}

.news-block-two .inner-box .lower-content .link a i{
  position: relative;
  display: inline-block;
  font-size: 12px;
  margin-right: 8px;
}

.news-block-two .inner-box .lower-content .link a span{
  position: relative;
  display: inline-block;
  font-size: 14px;
  line-height: 14px;
  color: #fff;
  font-weight: 400;
  border-bottom: 1px solid #fff;
  transition: all 500ms ease;
}

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

}

.news-style-three .right-block{
  position: relative;
  display: block;
  margin-left: -55px;
}

.news-style-three .news-block-one .inner-box .lower-content .link{
  position: relative;
  display: block;
  padding-top: 16px;
}

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

}

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

}

.news-style-three .news-block-one .inner-box .lower-content{
  padding-top: 26px;
}

.news-style-three .news-block-one .inner-box .lower-content h3{
  line-height: 30px;
}

.news-style-three .news-block-one .inner-box .lower-content p{
  margin-bottom: 29px;
}

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

.news-style-three .news-block-one .inner-box .lower-content h3 a:hover{

}

.news-style-three .pattern-layer{
  position: absolute;
  left: 175px;
  bottom: 20px;
  width: 283px;
  height: 363px;
  background-repeat: no-repeat;
}

.main-footer .footer-upper .upper-inner{
  position: relative;
  display: block;
  padding: 36px 0px 38px 0px;
  border-bottom: 1px solid #1c3247;
}

.main-footer .footer-upper .upper-inner .text h2{
  position: relative;
  display: block;
  font-size: 36px;
  line-height: 45px;
  font-weight: 700;
  color: #fff;
  margin-bottom: 2px;
}

.main-footer .footer-upper .upper-inner .text p{
  color: #888888;
}

.main-footer .footer-upper .upper-inner .btn-box{
  position: relative;
  margin-top: 11px;
}

.main-footer.alternet-3 .footer-upper .upper-inner .btn-box a{
  position: relative;
  display: inline-block;
  overflow: hidden;
  background: transparent;
  font-size: 16px;
  font-weight: 700;
  color: #fff;
  border: 2px solid #fff;
  text-align: center;
  margin: 0px 5px;
  border-radius: 32.5px;
  padding: 12px 33px;
  z-index: 1;
}

.main-footer.alternet-3 .footer-upper .upper-inner .btn-box a:hover{

}

.main-footer.alternet-3 .footer-upper .upper-inner .btn-box a:before{
  position: absolute;
  content: '';
  background: #fff;
  width: 0%;
  height: 100%;
  left: 0px;
  top: 0px;
  transition: all 900ms ease;
  -moz-transition: all 900ms ease;
  -webkit-transition: all 900ms ease;
  -ms-transition: all 900ms ease;
  -o-transition: all 900ms ease;
  z-index: -1;
}

.main-footer.alternet-3 .footer-upper .upper-inner .btn-box a:after{
  position: absolute;
  content: '';
  background: #fff;
  width: 0%;
  height: 100%;
  right: 0px;
  top: 0px;
  transition: all 900ms ease;
  -moz-transition: all 900ms ease;
  -webkit-transition: all 900ms ease;
  -ms-transition: all 900ms ease;
  -o-transition: all 900ms ease;
  z-index: -1;
}

.main-footer.alternet-3 .footer-upper .upper-inner .btn-box a:hover:before,
.main-footer.alternet-3 .footer-upper .upper-inner .btn-box a:hover:after{
  width: 100%;
}

.main-footer.alternet-3 .widget-section .logo-widget .info-list li i{

}

.main-footer.alternet-3 .widget-section .logo-widget .info-list li a:hover {
  
}

.main-footer.alternet-3 .widget-section .logo-widget .social-links li a:hover {
  
}

.main-footer.alternet-3 .widget-section .links-widget .widget-content ul li a:hover {

}

.main-footer.alternet-3 .widget-section .newsletter-widget .newsletter-form .form-group input:focus{
 
}


/*** 

====================================================================
                        Home-Page-Four
====================================================================

***/


/** header-style-four **/

.main-header.style-four{
  position: relative;
}

.main-header.style-four .main-menu .navigation > li > a{
  color: #222;
}

.main-header.style-four .main-menu .navigation > li.current > a, 
.main-header.style-four .main-menu .navigation > li:hover > a {

}

.main-header.style-four .main-menu .navigation > li > ul > li > a:hover {
  
}

.main-header.style-four .main-menu .navigation > li > ul > li > ul > li > a:hover {
    
}

.main-header.style-four .main-menu .navigation li.dropdown .megamenu li a:hover {
    
}

.main-header.style-four .outer-box{
  position: relative;
}

.main-header.style-four .main-menu .navigation > li{
  padding: 40px 0px;
  margin: 0px 10px;
}

.main-header.style-four .outer-box .logo-box{
  padding: 29px 0px;
}

.main-header.style-four .header-lower .menu-right-content .search-btn button{
  position: relative;
  display: inline-block;
  font-size: 18px;
  color: #222;
  background: transparent;
  cursor: pointer;
  font-weight: 600;
  transition: all 500ms ease;
}

.main-header.style-four .header-lower .menu-right-content .theme-btn{
  border-radius: 5px;
  overflow: hidden;
  padding: 10px 30px;
}

.main-header.style-four .header-lower .menu-right-content .search-btn{
  float: left;
  margin: 11px 40px 0px 0px;
}

.main-header.style-four .header-lower .menu-right-content{
  margin-top: 30px;
  margin-left: 0px;
  padding-left: 26px;
}


/** banner-style-four **/

.banner-section.style-four{
  position: relative;
}

.banner-section.style-four .banner-carousel .slide-item{
  padding: 210px 0px 215px 0px;
}

.banner-section.style-four .banner-carousel .slide-item:before{
  background: -webkit-linear-gradient(0deg, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0.10) 100%);
}

.banner-section.style-four .owl-theme .owl-nav .owl-prev:hover, 
.banner-section.style-four .owl-theme .owl-nav .owl-next:hover {

}

.banner-section.style-four .content-box h1{
  margin-bottom: 20px;
}

.banner-section.style-four .content-box p{
  font-size: 18px;
  line-height: 30px;
  color: #fff;
  margin-bottom: 40px;
}

.banner-section.style-four .content-box .btn-box .theme-btn{
  overflow: hidden;
  border-radius: 5px;
  margin-right: 15px;
}

.banner-section.style-four .content-box .btn-box .banner-btn-two{
  overflow: hidden;
  border-radius: 5px;
  padding: 13px 28px;
}

.banner-section.style-four .content-box .btn-box .banner-btn-two:hover{

}

.banner-section.style-four .content-box .btn-box .banner-btn{
  position: relative;
  display: inline-block;
  overflow: hidden;
  font-size: 16px;
  font-weight: 700;
  color: #fff;
  border-radius: 5px;
  padding: 14px 35px;
  text-align: center;
  z-index: 1;
}

.banner-section.style-four .content-box .btn-box .banner-btn:hover{

}

.banner-section.style-four .content-box .btn-box .banner-btn:before{
  position: absolute;
  content: '';
  background: #fff;
  width: 0%;
  height: 100%;
  top: 0px;
  right: 0px;
  z-index: -1;
  transition: all 500ms ease;
}

.banner-section.style-four .content-box .btn-box .banner-btn:hover:before{
  left: 0px;
  width: 100%;
}


/** feature-style-three **/

.feature-style-three{
  position: relative;
  padding: 94px 0px;
  border-bottom: 1px solid #dddddd;
}

.feature-style-three .pattern-layer{
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  width: 100%;
  height: 200px;
  background-size: cover;
  background-repeat: no-repeat;
}

.anim-icon{
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  max-width: 1920px;
  width: 100%;
  height: 100%;
  margin: 0 auto;
}

.anim-icon .icon{
  position: absolute;
  background-repeat: no-repeat;
}

.feature-style-three .anim-icon .icon-1{
  left: 160px;
  bottom: 40px;
  width: 60px;
  height: 60px;
}

.feature-style-three .anim-icon .icon-2{
  top: 25px;
  right: 100px;
  width: 68px;
  height: 68px;
}

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

.feature-block-three .inner-box{
  position: relative;
  display: block;
  padding-left: 75px;
}

.feature-block-three .inner-box:before{
  position: absolute;
  content: '';
  background: #dddddd;
  width: 1px;
  height: 120px;
  top: -14px;
  right: 0px;
}

.feature-style-three .feature-block:last-child .feature-block-three .inner-box:before{
  display: none;
}

.feature-block-three .inner-box .icon-box{
  position: absolute;
  left: 0px;
  top: 6px;
  font-size: 60px;
  line-height: 60px;
  transition: all 500ms ease;
}

.feature-block-three .inner-box:hover .icon-box{
  transform: rotateY(360deg);
  color: #222 !important;
}

.feature-style-three .feature-block:nth-child(2) .feature-block-three .inner-box .icon-box{

}

.feature-style-three .feature-block:last-child .feature-block-three .inner-box .icon-box{
  
}

.feature-block-three .inner-box h3{
  margin-bottom: 4px;
}


/** about-style-three **/

.about-style-three{
  position: relative;
  padding: 104px 0px 110px 0px;
}

#content_block_ten .content-box .text{
  position: relative;
  display: block;
  margin-bottom: 39px;
}

#content_block_ten .content-box .text p{
  margin-bottom: 28px;
}

#content_block_ten .content-box .text p:last-child{
  margin-bottom: 0px;
}

#content_block_ten .content-box .year-box{
  position: relative;
  padding-left: 160px;
}

#content_block_ten .content-box .year-box .image-box{
  position: absolute;
  left: 0px;
  top: -1px;
}

#content_block_ten .content-box .year-box h5{
  position: relative;
  display: block;
  font-size: 18px;
  line-height: 26px;
  font-weight: 400;
  color: #222;
  text-transform: uppercase;
  margin: 0px;
  padding: 19px 0px 20px 15px;
}

#image_block_three .image-box{
  position: relative;
  display: block;
  margin-right: -175px;
  margin-top: 27px;
}

#image_block_three .image-box .image img{
  width: 100%;
}

#image_block_three .image-box .icon-box .icon{
  position: absolute;
  background-repeat: no-repeat;
}

#image_block_three .image-box .icon-box .icon-1{
  left: 170px;
  top: 50px;
  width: 50px;
  height: 50px;
}

#image_block_three .image-box .icon-box .icon-2{
  right: 280px;
  top: 0px;
  width: 112px;
  height: 83px;
}

#image_block_three .image-box .icon-box .icon-3{
  right: -15px;
  top: 80px;
  width: 105px;
  height: 108px;
}


/** working-section **/

.working-section{
  position: relative;
  width: 100%;
  padding: 110px 0px 120px 0px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-attachment: fixed;
}

.working-section:before{
  position: absolute;
  content: '';
  background: #222;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  right: 0px;
  opacity: 0.9;
}

.working-block-one .inner-box{
  position: relative;
  display: inline-block;
  width: 232px;
  height: 232px;
  margin: 0 auto;
  padding: 70px 40px 50px 40px;
}

.working-block-one .inner-box .pattern-layer{
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  width: 232px;
  height: 232px;
  background-repeat: no-repeat;
}

.working-block-one .inner-box .count{
  position: absolute;
  left: 10px;
  top: 20px;
  display: inline-block;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  background: #fff;
  font-size: 22px;
  font-weight: 700;
  color: #222;
  border-radius: 50%;
  z-index: 1;
  transition: all 500ms ease;
}

.working-block-one .inner-box:hover .count{
  color: #fff;
}

.working-block-one .inner-box .count:before{
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  border-radius: 50%;
  transform: scale(0,0);
  z-index: -1;
  transition: all 500ms ease;
}

.working-section .working-block:nth-child(2) .working-block-one .inner-box .count:before{

}

.working-section .working-block:nth-child(3) .working-block-one .inner-box .count:before{
  
}

.working-section .working-block:last-child .working-block-one .inner-box .count:before{
  
}

.working-block-one .inner-box:hover .count:before{
  transform: scale(1,1);
}

.working-block-one .inner-box .icon-box{
  position: relative;
  font-size: 60px;
  line-height: 60px;
  color: #fff;
  margin-bottom: 15px;
  transition: all 500ms ease;
}

.working-block-one .inner-box h5{
  position: relative;
  display: block;
  font-size: 18px;
  line-height: 26px;
  font-weight: 500;
  color: #fff;
  text-transform: uppercase;
}

.working-section .sec-title-two{
  margin-bottom: 57px;
}

/** service-style-four **/

.service-style-four{
  position: relative;
  padding: 104px 0px 50px 0px;
}

.service-block-four .inner-box{
  position: relative;
  display: block;
  margin-bottom: 54px;
}

.service-block-four .inner-box .icon-box{
  position: relative;
  display: inline-block;
  margin-bottom: 29px;
  transition: all 500ms ease;
}

.service-block-four .inner-box:hover .icon-box{
  transform: rotateY(360deg);
}

.service-block-four .inner-box h4{
  position: relative;
  display: block;
  margin-bottom: 14px;
}

.service-block-four .inner-box h4 a:hover{

}

.service-block-four .inner-box p{
  margin-bottom: 20px;
}

.service-block-four .inner-box .link a{
  position: relative;
  display: inline-block;
}

.service-block-four .inner-box .link a i{
  position: relative;
  font-size: 12px;
  margin-right: 8px;
}

.service-block-four .inner-box .link a span{
  position: relative;
  display: inline-block;
  font-size: 14px;
  line-height: 14px;
  font-weight: 700;
  color: #222;
  border-bottom: 1px solid #222;
  transition: all 500ms ease;
}

.service-block-four .inner-box .link a:hover span{

}

.service-style-four .sec-title-two{
  margin-bottom: 57px;
}

.service-style-four .pattern-layer{
  position: absolute;
  left: 0px;
  top: 0px;
  width: 612px;
  height: 497px;
  background-repeat: no-repeat;
}


/** funfact-style-three **/

.funfact-style-three{
  position: relative;
  padding: 104px 0px 72px 0px;
}

.funfact-style-three .pattern-layer .pattern-1{
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.funfact-style-three .pattern-layer .pattern-2{
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 100%;
  height: 200px;
  background-size: cover;
  background-repeat: repeat-x;
  animation: slide 60s linear infinite;
  -webkit-animation: slide 60s linear infinite;
}

@keyframes slide{
  from { background-position: 0 0; }
    to { background-position: 1920px 0; }
}

@-webkit-keyframes slide{
  from { background-position: 0 0; }
    to { background-position: 1920px 0; }
}

.bg-color-4{
  background: #1b62db;
}

#content_block_11 .content-box .sec-title-two{
  margin-bottom: 15px;
}

#content_block_11 .content-box .text{
  position: relative;
  display: block;
  margin-bottom: 39px;
}

#content_block_11 .content-box .text p{
  color: #fff;
  margin: 0px;
}

#content_block_11 .content-box .video-btn a{
  position: relative;
  display: inline-block;
  width: 200px;
  height: 120px;
  line-height: 120px;
  text-align: center;
  color: #fff;
  font-size: 30px;
  border-radius: 5px;
  overflow: hidden;
  z-index: 1;
}

#content_block_11 .content-box .video-btn a:before{
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  opacity: 0.5;
  z-index: -1;
}

#content_block_12 .content-box{
  position: relative;
  display: block;
}

.funfact-style-three #content_block_12 .content-box{
  margin-right: -100px;
  margin-top: 35px;
}

.counter-block-three{
  position: relative;
  padding-left: 105px;
  margin-bottom: 74px;
}

.counter-block-three .icon-box{
  position: absolute;
  left: 0px;
  top: 6px;
  font-size: 80px;
  line-height: 80px;
  color: #fff;
}

.counter-block-three .count-outer{
  position: relative;
  display: block;
  font-size: 56px;
  line-height: 60px;
  font-weight: 700;
  color: #fff;
  margin-bottom: 6px;
}

.counter-block-three h3{
  position: relative;
  font-size: 24px;
  line-height: 32px;
  font-weight: 400;
  color: #fff;
  margin: 0px;
}


/** skills-section **/

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

.skills-section .image-box{
  position: relative;
  margin-right: 35px;
}

.skills-section .image-box .image{
  position: relative;
  display: block;
  overflow: hidden;
}

.skills-section .image-box .anim-icon .icon-1{
  left: -30px;
  bottom: -30px;
  width: 68px;
  height: 68px;
}

.skills-section .image-box .image:before{
  position: absolute;
  top: 0;
  left: -75%;
  z-index: 2;
  display: block;
  content: '';
  width: 50%;
  height: 100%;
  background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, .3)));
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
  -webkit-transform: skewX(-25deg);
  -ms-transform: skewX(-25deg);
  transform: skewX(-25deg);
}

.skills-section .image-box .image:hover:before {
  -webkit-animation: shine 1s;
  animation: shine 1s;
}

.skills-section .image-box .image img{
  width: 100%;
}

.skills-section #content_block_13 .content-box{
  margin-left: 35px;
  margin-right: 40px;
}

#content_block_13 .content-box{
  position: relative;
  display: block;
}

#content_block_13 .content-box .text{
  position: relative;
  margin-bottom: 33px;
}

#content_block_13 .content-box .progress-content h5{
  position: relative;
  display: block;
  font-size: 18px;
  line-height: 26px;
  color: #222;
  font-weight: 700;
  margin-bottom: 23px;
}

#content_block_13 .content-box .progress-content .progress-box{
  position: relative;
  margin-bottom: 20px;
}

#content_block_13 .content-box .progress-content .progress-box p{
  position: relative;
  display: block;
  font-size: 12px;
  line-height: 20px;
  text-transform: uppercase;
  color: #222;
  font-weight: 400;
  margin-bottom: 9px;
}

#content_block_13 .content-box .progress-content .progress-box:last-child{
  margin-bottom: 0px;
}

#content_block_13 .content-box .progress-content .progress-box .bar{
  position:relative;
  width:100%;
  height:5px;
  background:#eaeaea;
}

#content_block_13 .content-box .progress-content .progress-box .bar-inner{
  position:relative;
  display:block;
  width:0px;
  height:5px;
  -webkit-transition:all 1500ms ease;
  -ms-transition:all 1500ms ease;
  -o-transition:all 1500ms ease;
  -moz-transition:all 1500ms ease;
  transition:all 1500ms ease; 
}

#content_block_13 .content-box .progress-content .progress-box:nth-child(2) .bar-inner{

}

#content_block_13 .content-box .progress-content .progress-box:nth-child(3) .bar-inner{

}

#content_block_13 .content-box .progress-content .progress-box:last-child .bar-inner{

}

#content_block_13 .content-box .progress-content .progress-box .count-text{
  position:absolute;
  top: -33px;
  right: 0px;
  background: transparent;
  font-size:12px;
  font-weight: 700;
  color: #222;
  opacity:1;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  transition:all 500ms ease;  
}

#content_block_13 .content-box .anim-icon .icon-1{
  top: 40%;
  right: -80px;
  width: 60px;
  height: 60px;
}

#content_block_13 .content-box .anim-icon .icon-2{
  left: -75px;
  top: -35px;
  width: 50px;
  height: 50px;
}


/** cta-style-two **/

.cta-style-two{
  position: relative;
  padding: 70px 0px;
}

.cta-style-two .sec-title-two{
  margin: 0px;
}

.cta-style-two .sec-title-two h2{
  margin-bottom: 6px;
}

.cta-style-two .sec-title-two h2:before{
  background: #fff;
}

.cta-style-two .sec-title-two h3{
  position: relative;
  display: block;
  font-size: 22px;
  line-height: 30px;
  font-weight: 400;
  color: #fff;
  margin: 0px;
}

.cta-style-two .inner-box .btn-box{
  position: relative;
  margin-top: 13px;
}

.cta-style-two .inner-box .btn-box .theme-btn{
  font-size: 20px;
  border-radius: 5px;
  overflow: hidden;
  padding: 18px 40px;
}

.cta-style-two .pattern-layer{
  position: absolute;
  top: 0px;
  right: 200px;
  width: 283px;
  height: 100%;
  background-repeat: no-repeat;
}


/** project-style-three **/

.project-style-three{
  position: relative;
  padding: 100px 0px 110px 0px;
}

.project-style-three .sec-title-two{
  margin-bottom: 50px;
}

.project-style-three .filters{
  position: relative;
  display: block;
  margin-bottom: 40px;
}

.project-style-three .more-btn{
  position: relative;
  display: block;
  margin-top: 30px;
}

.project-style-three .more-btn .theme-btn{
  border-radius: 5px;
  overflow: hidden;
  padding: 12.5px 31px;
}

.project-style-three .more-btn .theme-btn i{
  font-size: 14px;
  margin-right: 8px;
}

.project-style-three .filters .filter-tabs li{
  position: relative;
  display: inline-block;
  font-size: 18px;
  color: #909090;
  margin: 0px 20px;
  cursor: pointer;
  transition: all 500ms ease;
}

.project-style-three .filters .filter-tabs li.active,
.project-style-three .filters .filter-tabs li:hover{

}

.project-block-two .inner-box{
  position: relative;
  display: block;
  overflow: hidden;
  margin-bottom: 30px;
}

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

.project-block-two .inner-box .image-box:before{
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  right: 0px;
  opacity: 0;
  z-index: 1;
  box-shadow: inset 0px -200px 100px -40px rgba(0, 0, 0, 0.9);
  transition: all 500ms ease;
}

.project-block-two .inner-box:hover .image-box:before{
  opacity: 1;
}

.project-block-two .inner-box .image-box a{
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  font-size: 40px;
  line-height: 40px;
  color: #fff;
  opacity: 0;
  z-index: 2;
  transition: all 500ms ease;
  -webkit-transition-delay: .3s;
  transition-delay: .3s;
}

.project-block-two .inner-box:hover .image-box a{
  opacity: 1;
}

.project-block-two .inner-box .image-box img{
  width: 100%;
  transition: all 500ms ease;
}

.project-block-two .inner-box:hover .image-box img{
  transform: scale(1.05);
}

.project-block-two .inner-box .content-box{
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 100%;
  z-index: 2;
  text-align: center;
  padding: 0px 15px 16px 15px;
}

.project-block-two .inner-box .content-box h5{
  position: relative;
  display: block;
  font-size: 18px;
  line-height: 20px;
  color: #fff;
  font-weight: 700;
  margin-bottom: 0px;
  opacity: 0;
  transform: translateY(30px);
  transition: all 500ms ease;
}

.project-block-two .inner-box .content-box a{
  position: relative;
  display: inline-block;
  font-size: 12px;
  line-height: 20px;
  font-weight: 700;
  opacity: 0;
  text-transform: uppercase;
  transform: translateY(30px);
}

.project-block-two .inner-box:hover .content-box h5,
.project-block-two .inner-box:hover .content-box a{
  transform: translateY(0px);
  opacity: 1;
}

.project-block-two .inner-box .content-box a:hover{
  color: #fff;
}


/** team-style-two **/

.team-style-two{
  position: relative;
  padding: 104px 0px 105px 0px;
}

.team-style-two .sec-title-two{
  max-width: 510px;
  margin-bottom: 57px;
}

.team-block-two .inner-box{
  position: relative;
  display: block;
  text-align: center;
}

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

.team-block-two .inner-box .image-box img{
  width: 100%;
}

.team-block-two .inner-box .image-box:before{
  position: absolute;
  content: '';
  width: 50%;
  height: 0%;
  left: 0px;
  bottom: 0px;
  z-index: 1;
  opacity: 0.8;
  transition: all 500ms ease;
}

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

.team-block-two .inner-box .image-box:after{
  position: absolute;
  content: '';
  width: 50%;
  height: 0%;
  right: 0px;
  top: 0px;
  z-index: 1;
  opacity: 0.8;
  transition: all 500ms ease;
}

.team-block-two .inner-box:hover .image-box:after{
  height: 100%;
}

.team-block-two .inner-box .image-box .social-links{
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  width: 100%;
  z-index: 2;
  opacity: 0;
  transition: all 500ms ease;
  -webkit-transition-delay: .5s;
  transition-delay: .5s;
}

.team-block-two .inner-box:hover .image-box .social-links{
  opacity: 1;
}

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

.team-block-two .inner-box .image-box .social-links li:before{
  position: absolute;
  content: '';
  background: #fff;
  width: 1px;
  height: 22px;
  top: 2px;
  right: -20px;
  opacity: 0.8;
}

.team-block-two .inner-box .image-box .social-links li:last-child:before{
  display: none;
}

.team-block-two .inner-box .image-box .social-links li a{
  position: relative;
  display: inline-block;
  font-size: 15px;
  color: #fff;
}

.team-block-two .inner-box .lower-content{
  position: relative;
  padding-top: 27px;
}

.team-block-two .inner-box .lower-content h3{
  position: relative;
  display: block;
  margin-bottom: 6px;
}

.team-block-two .inner-box .lower-content h3 a{
  display: inline-block;
  color: #222;
}

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

}

.team-block-two .inner-box .lower-content .designation{
  position: relative;
  display: block;
  font-size: 14px;
  line-height: 20px;
  font-weight: 700;
  text-transform: uppercase;
  margin: 0px;
}

.team-style-two .owl-nav{
  position: absolute;
  top: 35%;
  width: 100%;
}

.team-style-two .owl-nav .owl-prev,
.team-style-two .owl-nav .owl-next{
  position: absolute;
  display: inline-block;
  font-size: 14px;
  background: #fff;
  width: 55px;
  height: 55px;
  line-height: 55px;
  text-align: center;
  border-radius: 50%;
  cursor: pointer;
  transition: all 500ms ease;
}

.team-style-two .owl-nav .owl-prev{
  left: -95px;
}

.team-style-two .owl-nav .owl-next{
  right: -95px;
}

.team-style-two .owl-nav .owl-prev:hover,
.team-style-two .owl-nav .owl-next:hover{
  color: #fff;
}

.team-style-two .pattern-layer{
  position: absolute;
  top: 0px;
  right: 0px;
  width: 514px;
  height: 600px;
  background-repeat: no-repeat;
}

.team-style-two .anim-icon .icon-1 {
  left: 250px;
  bottom: 80px;
  width: 60px;
  height: 60px;
}

.team-style-two .anim-icon .icon-2 {
  right: 30%;
  top: 130px;
  width: 50px;
  height: 50px;
}

.testimonial-section.alternet-3{
  padding: 100px 0px 90px 0px;
}

.testimonial-section.alternet-3 .client-thumb-outer{
  max-width: 290px;
}

.testimonial-section.alternet-3 .testimonial-inner{
  position: relative;
}

.testimonial-section.alternet-3 .testimonial-inner .quote-box{
  position: absolute;
  left: 50%;
  top: -120px;
  transform: translateX(-50%);
}

.testimonial-section.alternet-3 .sec-title-two{
  margin-bottom: 50px;
}

.testimonial-section.alternet-3 .testimonial-block p{
  font-size: 20px;
  font-style: italic;
  font-family: 'Georgia', sans-serif;
}

.testimonial-section.alternet-3 .testimonial-block{
  max-width: 870px;
}

.testimonial-section.alternet-3 .client-thumb-outer{
  padding-top: 58px;
}

.clients-section.alternet-2{
  background: #f9f9f9;
  padding: 65px 0px;
}

.clients-section.alternet-2 .client-logo img {
  filter: grayscale(0%);
  -webkit-filter: grayscale(0%);
  -moz-filter: grayscale(0%);
  -o-filter: grayscale(0%);
  -ms-filter: grayscale(0%);
}

.clients-section.alternet-2 .client-logo:hover img {
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
}

.main-footer.alternet-4{
  background: #092b63;
}

.main-footer.alternet-4 .widget-section .logo-widget .info-list li i{
  color: #fff;
}

.main-footer.alternet-4 .widget-section .logo-widget .info-list li a:hover{
  color: #fff;
}

.main-footer.alternet-4 .widget-section .logo-widget .social-links li a:hover{
  color: #fff;
}

.main-footer.alternet-4 .widget-section .footer-widget .widget-title h4:before{

}

.main-footer.alternet-4 .widget-section .links-widget .widget-content ul li a:hover{
  color: #fff;
}

.main-footer.alternet-4 .widget-section .newsletter-widget .newsletter-form .form-group input[type='text'], 
.main-footer.alternet-4 .widget-section .newsletter-widget .newsletter-form .form-group input[type='email']{
  border-color: #8596b2;
  color: #b6bbc0;
}

.main-footer.alternet-4 .widget-section .newsletter-widget .newsletter-form .form-group i{
  color: #fff;
}

.main-footer.alternet-4 .widget-section .newsletter-widget .newsletter-form .form-group input::-webkit-input-placeholder{
  color:#b6bbc0;
}

.main-footer.alternet-4 .widget-section .newsletter-widget .newsletter-form .form-group .theme-btn{
  border-radius: 5px;
  overflow: hidden;
}

.main-footer.alternet-4 .footer-bottom .copyright p,
.main-footer.alternet-4 .footer-bottom .copyright p a{
  color: #b6bbc0;
}

.main-footer.alternet-4 .footer-bottom .copyright p a:hover{
  color: #fff;
}



/*** 

====================================================================
                        Home-Page-Five
====================================================================

***/


/** header-style-five **/

.main-header.style-five{
  position: absolute;
  left: 0px;
  top: 0px;
  background: transparent;
}

.main-header.style-five .header-top .top-inner{
  position: relative;
  display: block;
  background: rgba(17, 17, 17, 0.8);
  padding: 40px 45px 34px 45px;
}

.main-header.style-five .header-top .top-inner .info-box ul li{
  position: relative;
  display: inline-block;
  padding-left: 55px;
  margin-right: 20px;
}

.main-header.style-five .header-top .top-inner .info-box ul li:last-child{
  margin-right: 0px;
}

.main-header.style-five .header-top .top-inner .info-box ul li i{
  position: absolute;
  left: 0px;
  top: 3px;
  font-size: 40px;
  line-height: 40px;
}

.main-header.style-five .header-top .top-inner .info-box ul li p{
  color: #fff;
  line-height: 24px;
  margin: 0px;
}

.main-header.style-five .header-top .top-inner .info-box ul li p a{
  color: #fff;
}

.main-header.style-five .header-top .top-inner .info-box ul li p a:hover{

}

.main-header.style-five .header-lower .outer-box{
  position: relative;
  display: block;
  background: #fff;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  padding: 0px 10px 0px 45px;
}

.main-header.style-five .header-lower .menu-right-content{
  float: right;
  margin-top: 10px;
  margin-left: 0px;
  padding-left: 26px;
}

.main-header.style-five .header-lower .menu-right-content:before{
  position: absolute;
  content: '';
  background: #aaaaaa;
  height: 50px;
  width: 1px;
  left: 0px;
  top: 0px;
}

.main-header.style-five .main-menu .navigation > li > a{
  color: #222;
}

.main-header.style-five .main-menu .navigation > li.current > a, 
.main-header.style-five .main-menu .navigation > li:hover > a {

}

.main-header.style-five .main-menu .navigation > li{
  margin: 0px 17px;
  padding: 20px 0px;
}

.main-header.style-five .header-lower .menu-right-content .search-btn button {
  position: relative;
  display: inline-block;
  font-size: 18px;
  color: #222;
  font-weight: 600;
  background: transparent;
  cursor: pointer;
  transition: all 500ms ease;
}

.main-header.style-five .header-lower .menu-right-content .btn-box{
  margin-left: 25px;
  float: left;
}

.main-header.style-five .header-lower .menu-right-content .btn-box .theme-btn{
  overflow: hidden;
  border-radius: 5px;
  padding: 10px 33px;
}

.main-header.style-five .header-lower .menu-right-content .btn-box .theme-btn i{
  margin-right: 8px;
}

.main-header.style-five .header-lower .menu-right-content .search-btn{
  float: left;
  margin-top: 10px;
}


/** banner-style-five **/

.banner-section.style-five{
  position: relative;
}

.banner-section.style-five .banner-carousel .slide-item:before{
  background: rgba(0,0,0,0.7);
}

.banner-section.style-five .content-box h1{
  font-size: 60px;
  line-height: 70px;
  margin-bottom: 37px;
}

.banner-section.style-five .content-box .btn-box .theme-btn{
  border-radius: 5px;
  margin-right: 25px;
}

.banner-section.style-five .content-box .btn-box .theme-btn:before,
.banner-section.style-five .content-box .btn-box .theme-btn:after{
  border-radius: 5px;
}

.banner-section.style-five .banner-carousel .content-box h5{
  padding-right: 0px;
  padding-left: 35px;
  font-size: 22px;
  margin-bottom: 7px;
}

.banner-section.style-five .banner-carousel .content-box h5:before{
  width: 25px;
  left: 0px;
  right: inherit;
}

.banner-section.style-five .banner-carousel .content-box .btn-box .user-btn i{
  font-size: 20px;
  width: 60px;
  height: 60px;
  line-height: 60px;
  box-shadow: none;
}

.banner-section.style-five .banner-carousel .content-box .btn-box .user-btn.style-two i{
  background: transparent;
  border-color: #fff;
}

.banner-section.style-five .banner-carousel .content-box .list-item{
  margin-bottom: 30px;
}

.banner-section.style-five .banner-carousel .content-box .btn-box .banner-btn-two{
  border-radius: 5px;
}

.banner-section.style-five .banner-carousel .content-box .btn-box .user-btn{
  padding: 15px 0px 22px 77px;
}

.banner-section.style-five .banner-carousel .slide-item{
  padding: 360px 0px 170px 0px;
}


/** feature-style-four **/

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

.feature-block-four{
  position: relative;
  display: inline-block;
  float: left;
  width: 25%;
}

.feature-block-four .inner-box{
  position: relative;
  display: block;
  background: #244c73;
  padding: 61px 80px 58px 80px;
}

.feature-block-four .inner-box:before{
  position: absolute;
  content: '';
  width: 100%;
  height: 0%;
  left: 0px;
  top: 0px;
  transition: all 500ms ease;
}

.feature-block-four .inner-box:hover:before{
  height: calc(100% + 5px);
}

.feature-block-four:nth-child(2) .inner-box{
  background: #25425f;
}

.feature-block-four:nth-child(3) .inner-box{
  background: #1c3b59;
}

.feature-block-four:last-child .inner-box{
  background: #18334d;
}


.feature-block-four .inner-box .hidden-icon{
  position: absolute;
  right: 15px;
  bottom: 36px;
  font-size: 200px;
  line-height: 150px;
  color: rgba(255,255,255,0.1);
  opacity: 0;
  transition: all 500ms ease;
}

.feature-block-four .inner-box:hover .hidden-icon{
  opacity: 1;
}

.feature-block-four .inner-box .inner{
  position: relative;
  padding-left: 95px;
}

.feature-block-four .inner-box .inner .icon-box{
  position: absolute;
  left: 0px;
  top: 6px;
  font-size: 70px;
  line-height: 70px;
  color: #fff;
  transition: all 500ms ease;
}

.feature-block-four .inner-box .inner h3{
  color: #fff;
  line-height: 27px;
  margin-bottom: 11px;
  transition: all 500ms ease;
}

.feature-block-four .inner-box .inner p{
  color: #fff;
  margin: 0px;
}


/** about-style-four **/

.about-style-four{
  position: relative;
  padding: 108px 0px 100px 0px;
}

.sec-title.style-four h5{
  padding-left: 35px;
}

.sec-title.style-four h5:before{
  width: 25px;
}

.about-style-four #content_block_13 .content-box .text{
  position: relative;
  display: block;
  margin-bottom: 38px;
}

.about-style-four #content_block_13 .content-box .text p{
  margin-bottom: 28px;
}

.about-style-four #content_block_13 .content-box .text p:last-child{
  margin-bottom: 0px;
}

.about-style-four #content_block_13 .content-box .progress-content .progress-box p{
  font-size: 14px;
  margin-bottom: 5px;
}

.about-style-four #content_block_13 .content-box .progress-content .progress-box{
  margin-bottom: 39px;
}

.about-style-four #content_block_13 .content-box .progress-content .progress-box:last-child{
  margin-bottom: 0px;
}

.about-style-four #content_block_13 .content-box{
  margin-right: 30px;
}

.about-style-four #content_block_13 .content-box .progress-content .progress-box .bar-inner{

}

.about-style-four #content_block_13 .content-box .progress-content .progress-box:nth-child(2) .bar-inner{
  
}

.about-style-four #content_block_13 .content-box .progress-content .progress-box:nth-child(3) .bar-inner{
  
}

.about-style-four #content_block_13 .content-box .progress-content .progress-box:last-child .bar-inner{
  
}

.about-style-four #content_block_13 .content-box .progress-content .progress-box .count-text{
  font-size: 16px;
}

.about-style-four #content_block_13 .content-box .progress-content .progress-box:nth-child(2) .count-text{
  
}

.about-style-four #content_block_13 .content-box .progress-content .progress-box:nth-child(3) .count-text{
  
}

.about-style-four #content_block_13 .content-box .progress-content .progress-box:last-child .count-text{
  
}

#image_block_four .image-box{
  position: relative;
  display: block;
  margin-left: 55px;
  margin-top: 44px;
}

#image_block_four .image-box .pattern-layer{
  position: absolute;
  top: 175px;
  right: -250px;
  width: 347px;
  height: 271px;
  background-repeat: no-repeat;
}

#image_block_four .image-box .image{
  position: relative;
  display: block;
  overflow: hidden;
  clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 90%, 0% 0%);
}

#image_block_four .image-box .image:before{
  position: absolute;
  top: 0;
  left: -75%;
  z-index: 2;
  display: block;
  content: '';
  width: 50%;
  height: 100%;
  background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, .3)));
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
  -webkit-transform: skewX(-25deg);
  -ms-transform: skewX(-25deg);
  transform: skewX(-25deg);
}

#image_block_four .image-box .image:hover:before {
  -webkit-animation: shine 1s;
  animation: shine 1s;
}

#image_block_four .image-box .image img{
  width: 100%;
}


/** funfact-style-four **/

.funfact-style-four{
  position: relative;
  padding-bottom: 105px;
}

.funfact-style-four .pattern-layer{
  position: absolute;
  left: 0px;
  top: -100px;
  right: 0px;
  width: 100%;
  height: 600px;
  background-repeat: no-repeat;
  background-position: center;
}

.counter-block-four{
  position: relative;
  display: inline-block;
  text-align: left;
}

.counter-block-four .count-outer{
  position: relative;
  display: block;
  font-size: 90px;
  line-height: 90px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 300;
  color: #222;
  margin-bottom: 10px;
}

.counter-block-four h3{
  font-weight: 400;
  line-height: 27px;
  color: #666666;
  margin-bottom: 0px;
}


/** service-style-five **/

.service-style-five{
  position: relative;
  padding: 103px 0px 110px 0px;
}

.service-style-five .sec-title{
  text-align: center;
  margin-bottom: 66px;
}

.service-style-five .tabs-box .tab-btn-box{
  position: relative;
  display: block;
  border-bottom: 1px solid #dddddd;
  margin-bottom: 60px;
}

.service-style-five .tabs-box .tab-btn-box .tab-btns li{
  position: relative;
  display: inline-block;
  float: left;
  font-size: 16px;
  color: #666;
  padding: 15px 63px 15px 40px;
  cursor: pointer;
  transition: all 500ms ease;
}

.service-style-five .tabs-box .tab-btn-box .tab-btns li.active-btn,
.service-style-five .tabs-box .tab-btn-box .tab-btns li:hover{
  color: #222;
}

.service-style-five .tabs-box .tab-btn-box .tab-btns li:before{
  position: absolute;
  content: '';
  width: 100%;
  height: 1px;
  left: 0px;
  bottom: -1px;
  transform: scale(0,0);
  transition: all 500ms ease;
}

.service-style-five .tabs-box .tab-btn-box .tab-btns li.active-btn:before,
.service-style-five .tabs-box .tab-btn-box .tab-btns li:hover:before{
  transform: scale(1,1);
}

.service-style-five .tabs-box .tab-btn-box .tab-btns li:last-child{
  padding-right: 0px;
}

.service-style-five .tabs-box .tab-btn-box .tab-btns li i{
  position: absolute;
  left: 0px;
  top: 12px;
  font-size: 30px;
  line-height: 30px;
  color: #666;
  transition: all 500ms ease;
}

.service-style-five .tabs-box .tab-btn-box .tab-btns li.active-btn i,
.service-style-five .tabs-box .tab-btn-box .tab-btns li:hover i{
  
}

.service-style-five .tabs-content .image-box{
  position: relative;
  display: block;
  overflow: hidden;
  margin-right: 5px;
  border-radius: 5px;
}

.service-style-five .tabs-content .image-box:before{
  position: absolute;
  top: 0;
  left: -75%;
  z-index: 2;
  display: block;
  content: '';
  width: 50%;
  height: 100%;
  background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, .3)));
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
  -webkit-transform: skewX(-25deg);
  -ms-transform: skewX(-25deg);
  transform: skewX(-25deg);
}

.service-style-five .tabs-content .image-box:hover:before {
  -webkit-animation: shine 1s;
  animation: shine 1s;
}

.service-style-five .tabs-content .image-box img{
  width: 100%;
  border-radius: 5px;
}

.service-style-five .tabs-content .content-box{
  position: relative;
  display: block;
  margin-left: 15px;
}

.service-style-five .tabs-content .content-box h3{
  position: relative;
  display: block;
  font-size: 30px;
  line-height: 40px;
  font-weight: 400;
  margin-bottom: 18px;
}

.service-style-five .tabs-content .content-box p{
  margin-bottom: 29px;
}

.service-style-five .tabs-content .content-box ul li{
  position: relative;
  display: block;
  font-size: 16px;
  margin-bottom: 8px;
  padding-left: 25px;
}

.service-style-five .tabs-content .content-box ul li:last-child{
  margin-bottom: 0px;
}

.service-style-five .tabs-content .content-box ul li:before{
  position: absolute;
  content: "\f101";
  font-family: 'Font Awesome 5 Free';
  font-weight: 700;
  font-size: 12px;
  left: 0px;
  top: 0px;
}


/** project-style-four **/

.project-style-four{
  position: relative;
  padding: 103px 0px 100px 0px;
}

.project-block-three .inner-box{
  position: relative;
  display: block;
  margin-bottom: 180px;
}

.project-block-three .inner-box .image-box{
  position: relative;
  display: block;
  overflow: hidden;
  border-radius: 5px;
  background: #000;
}

.project-block-three .inner-box .image-box img{
  width: 100%;
  border-radius: 5px;
  transition: all 500ms ease;
}

.project-block-three .inner-box:hover .image-box img{
  opacity: 0.2;
  transform: scale(1.05);
}

.project-block-three .inner-box .lower-content{
  position: relative;
}

.project-block-three .inner-box .lower-content .inner{
  position: absolute;
  left: 30px;
  top: -150px;
  width: calc(100% - 60px);
  background: #fff;
  padding: 43px 50px 44px 50px;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}

.project-block-three .inner-box .lower-content .inner span{
  position: relative;
  display: inline-block;
  font-size: 16px;
  line-height: 16px;
  margin-bottom: 22px;
}

.project-block-three .inner-box .lower-content .inner h3{
  margin-bottom: 8px;
}

.project-block-three .inner-box .lower-content .inner p{
  margin-bottom: 20px;
}

.project-block-three .inner-box .lower-content .inner a{
  position: relative;
  display: inline-block;
}

.project-block-three .inner-box .lower-content .inner a i{
  position: relative;
  font-size: 12px;
  margin-right: 10px;
}

.project-block-three .inner-box .lower-content .inner a span{
  position: relative;
  display: inline-block;
  font-size: 14px;
  line-height: 14px;
  color: #222;
  border-bottom: 1px solid #222;
  margin: 0px;
  transition: all 500ms ease;
}

.project-block-three .inner-box .lower-content .inner a:hover span{

}

.project-style-four .owl-dots{
  position: relative;
  display: block;
  text-align: center;
  margin-top: 10px;
}

.project-style-four .owl-theme .owl-dots .owl-dot span{
  position: relative;
  display: inline-block;
  width: 20px;
  height: 4px;
  background: #dddddd;
  margin: 0px 5px;
  cursor: pointer;
  transition: all 500ms ease;
}

.project-style-four .owl-theme .owl-dots .owl-dot.active span,
.project-style-four .owl-theme .owl-dots .owl-dot span:hover{

}

.project-style-four .title-inner{
  position: relative;
  margin-bottom: 30px;
}

.project-style-four .title-inner .btn-box a{
  position: relative;
  display: inline-block;
  overflow: hidden;
  font-size: 16px;
  line-height: 26px;
  font-weight: 700;
  color: #222;
  border-radius: 5px;
  padding: 13px 27px;
  text-align: center;
  z-index: 1;
}

.project-style-four .title-inner .btn-box a:hover{
  color: #fff;
}

.project-style-four .title-inner .btn-box a:before{
  position: absolute;
  content: '';
  width: 0%;
  height: 100%;
  left: 0px;
  top: 0px;
  transition: all 900ms ease;
  -moz-transition: all 900ms ease;
  -webkit-transition: all 900ms ease;
  -ms-transition: all 900ms ease;
  -o-transition: all 900ms ease;
  z-index: -1;
}

.project-style-four .title-inner .btn-box a:after{
  position: absolute;
  content: '';
  width: 0%;
  height: 100%;
  right: 0px;
  top: 0px;
  transition: all 900ms ease;
  -moz-transition: all 900ms ease;
  -webkit-transition: all 900ms ease;
  -ms-transition: all 900ms ease;
  -o-transition: all 900ms ease;
  z-index: -1;
}

.project-style-four .title-inner .btn-box a:hover:before,
.project-style-four .title-inner .btn-box a:hover:after{
  width: 100%;
}

.project-style-four .title-inner .btn-box{
  position: relative;
  margin-top: 17px;
}


/** video-section **/

.video-section{
  position: relative;
  padding: 130px 0px 125px 0px;
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-attachment: fixed;
}

.video-section:before{
  position: absolute;
  content: '';
  background: #12273c;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  right: 0px;
  opacity: 0.6;
}

.video-section .inner-box{
  position: relative;
  display: block;
  max-width: 630px;
  width: 100%;
  margin: 0 auto;
}

.video-section .inner-box .video-btn a{
  position: relative;
  display: inline-block;
  font-size: 30px;
  width: 90px;
  height: 90px;
  line-height: 90px;
  text-align: center;
  border-radius: 50%;
}

.video-section .inner-box .video-btn a:after, 
.video-section .inner-box .video-btn a:before {
  width: 90px;
  height: 90px;
  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-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);
  box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);
  -webkit-animation: ripple 3s infinite;
  animation: ripple 3s infinite;
  -webkit-transition: all .4s ease;
  transition: all .4s ease;
}

.video-section .inner-box .video-btn a:after {
  -webkit-animation-delay: .6s;
  animation-delay: .6s;
}

.video-section .inner-box .video-btn{
  position: relative;
  display: inline-block;
  margin-bottom: 20px;
}

.video-section .inner-box .video-btn:before,
.video-section .inner-box .video-btn:after{
  position: absolute;
  content: '';
  background: #fff;
  width: 45px;
  height: 2px;
  top: 44px;
}

.video-section .inner-box .video-btn:before{
  left: -65px;
}

.video-section .inner-box .video-btn:after{
  right: -65px;
}

.video-section .inner-box h2{
  position: relative;
  display: block;
  font-size: 54px;
  line-height: 70px;
  color: #fff;
  font-weight: 400;
  margin: 0px;
}


/** working-style-two **/

.working-style-two{
  position: relative;
  padding: 103px 0px 104px 0px;
}

.working-style-two .sec-title{
  text-align: center;
  margin-bottom: 74px;
}

.working-style-two .sec-title h2{
  margin-bottom: 17px;
}

.working-block-two .inner-box{
  position: relative;
  display: block;
  text-align: center;
  padding: 0px 30px;
}

.working-block-two .inner-box .icon-box{
  position: relative;
  display: inline-block;
  width: 200px;
  height: 200px;
  line-height: 140px;
  font-size: 80px;
  text-align: center;
  border-radius: 50%;
  margin-bottom: 48px;
  box-shadow: 0px 0px 0px 20px rgba(255, 205, 212, 0.2);
}

.working-style-two .working-block:nth-child(2) .working-block-two .inner-box .icon-box{
  box-shadow: 0px 0px 0px 20px rgba(233, 205, 255, 0.3);
}

.working-style-two .working-block:last-child .working-block-two .inner-box .icon-box{
  box-shadow: 0px 0px 0px 20px rgba(197, 251, 222, 0.3);
}

.working-block-two .inner-box h3{
  font-size: 24px;
  margin-bottom: 9px;
}

.working-block-two .inner-box h3 a{
  color: #222;
}

.working-block-two .inner-box h3 a:hover{

}

.working-block-two .inner-box .border-box{
  position: absolute;
  right: -110px;
  top: 0px;
  width: 181px;
  height: 32px;
  background-repeat: no-repeat;
}

.working-style-two .working-block:first-child .working-block-two .inner-box .border-box{
  top: 175px;
}

.testimonial-style-two.alterner-2 .sec-title.centred h5:before{
  display: none;
}

.testimonial-style-two.alterner-2 .sec-title.centred h5:after{
  width: 25px;
}

.testimonial-style-two.alterner-2 .sec-title.centred h5{
  color: #666;
}

.testimonial-style-two.alterner-2 .testimonial-content .inner-box .text{
  background: #f5f8fb;
  transition: all 500ms ease;
}

.testimonial-style-two .testimonial-content:hover .inner-box .text{
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
}

.testimonial-style-two.alterner-2 .testimonial-content .inner-box .text:before{
  background: #f5f8fb;
}

.news-style-three.alterner-2{
  position: relative;
  padding: 103px 0px 0px 0px;
}

.news-style-three.alterner-2 .title-inner{
  margin-bottom: 30px;
}

.news-style-three.alterner-2 .title-inner .btn-box{
  position: relative;
  margin-top: 14px;
}

.news-style-three.alterner-2 .title-inner .btn-box a{
  position: relative;
  display: inline-block;
  overflow: hidden;
  font-size: 16px;
  line-height: 26px;
  font-weight: 700;
  color: #222;
  border-radius: 5px;
  padding: 13px 32px;
  text-align: center;
  z-index: 1;
}

.news-style-three.alterner-2 .title-inner .btn-box a:hover{
  color: #fff;
}

.news-style-three.alterner-2 .title-inner .btn-box a:before{
  position: absolute;
  content: '';
  width: 0%;
  height: 100%;
  left: 0px;
  top: 0px;
  transition: all 900ms ease;
  -moz-transition: all 900ms ease;
  -webkit-transition: all 900ms ease;
  -ms-transition: all 900ms ease;
  -o-transition: all 900ms ease;
  z-index: -1;
}

.news-style-three.alterner-2 .title-inner .btn-box a:after{
  position: absolute;
  content: '';
  width: 0%;
  height: 100%;
  right: 0px;
  top: 0px;
  transition: all 900ms ease;
  -moz-transition: all 900ms ease;
  -webkit-transition: all 900ms ease;
  -ms-transition: all 900ms ease;
  -o-transition: all 900ms ease;
  z-index: -1;
}

.news-style-three.alterner-2 .title-inner .btn-box a:hover:before,
.news-style-three.alterner-2 .title-inner .btn-box a:hover:after{
  width: 100%;
}

.news-style-three.alterner-2 .news-block-two .inner-box .lower-content .link{
  border-top: 1px solid #fff;
}

.news-style-three.alterner-2 .news-block-two .inner-box .lower-content .link a i{

}

.news-style-three.alterner-2 .news-block-two .inner-box .lower-content .link a:hover span{
 
}

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

}

.news-style-three.alterner-2 .news-block-one .inner-box .lower-content h3 a:hover {
 
}

.news-style-three.alterner-2 .news-block-one .inner-box .lower-content .link a i{

}

.news-style-three.alterner-2 .news-block-one .inner-box .lower-content .link a:hover span{

}

.news-style-three.alterner-2 .news-block-one .inner-box .lower-content .link{
  border-top: 1px solid #dddddd;
}

.news-style-three.alterner-2 .news-block-two .inner-box{
  border-radius: 5px;
}

.news-style-three.alterner-2 .news-block-one .inner-box .image-box{
  border-radius: 5px;
}

.news-style-three.alterner-2 .news-block-two .inner-box .lower-content .post-info li a:hover {

}

.news-style-three.alterner-2 .news-block-two .inner-box .lower-content h3 a:hover {
  
}

.clients-section.home-5{
  padding: 110px 0px;
}


.main-footer.alternet-5 .footer-upper .upper-inner .btn-box .theme-btn{
  overflow: hidden;
  border-radius: 5px;
  padding: 13px 29px;
}

.main-footer.alternet-5 .footer-upper .upper-inner{
  padding: 46px 0px 48px 0px;
}

.main-footer.alternet-5 .footer-top{
  padding: 76px 0px 93px 0px;
}

.main-footer.alternet-5 .widget-section .newsletter-widget .newsletter-form .form-group button{
  position: relative;
  display: inline-block;
  overflow: hidden;
  font-size: 14px;
  line-height: 26px;
  font-weight: 400;
  color: #fff;
  background: transparent;
  border-radius: 5px;
  padding: 8.5px 24px;
  border: 1px solid #fff;
  text-transform: uppercase;
  text-align: center;
  z-index: 1;
  cursor: pointer;
  transition: all 500ms ease;
}

.main-footer.alternet-5 .widget-section .newsletter-widget .newsletter-form .form-group button:hover{
  color: #da2c46;
}

.main-footer.alternet-5 .widget-section .newsletter-widget .newsletter-form .form-group button:before{
  position: absolute;
  content: '';
  background: #fff;
  width: 0%;
  height: 100%;
  left: 0px;
  top: 0px;
  transition: all 900ms ease;
  -moz-transition: all 900ms ease;
  -webkit-transition: all 900ms ease;
  -ms-transition: all 900ms ease;
  -o-transition: all 900ms ease;
  z-index: -1;
}

.main-footer.alternet-5 .widget-section .newsletter-widget .newsletter-form .form-group button:after{
  position: absolute;
  content: '';
  background: #fff;
  width: 0%;
  height: 100%;
  right: 0px;
  top: 0px;
  transition: all 900ms ease;
  -moz-transition: all 900ms ease;
  -webkit-transition: all 900ms ease;
  -ms-transition: all 900ms ease;
  -o-transition: all 900ms ease;
  z-index: -1;
}

.main-footer.alternet-5 .widget-section .newsletter-widget .newsletter-form .form-group button:hover:before,
.main-footer.alternet-5 .widget-section .newsletter-widget .newsletter-form .form-group button:hover:after{
  width: 100%;
}

.main-footer.alternet-5 .widget-section .newsletter-widget .newsletter-form .form-group input{
  border-radius: 5px;
}



/*** 

====================================================================
                        About-Page-One
====================================================================

***/


/** header-style-six **/

.main-header.style-six{
  position: relative;
  background: #fff;
}

.main-header.style-six .header-top{
  background: #222;
}

.main-header.style-six .main-menu .navigation > li > a{
  color: #222;
}

.main-header.style-six .main-menu .navigation > li.current > a, 
.main-header.style-six .main-menu .navigation > li:hover > a {
    
}

.main-header.style-six .header-lower .menu-right-content .search-btn button{
  color: #222;
}

.main-header.style-six .header-lower .menu-right-content .nav-btn{
  color: #222;
}

.main-header.style-six .header-lower .menu-right-content:before{
  background: #dddddd;
}

.main-header.style-six .main-menu .navigation > li{
  padding: 40px 0px;
}

.main-header.style-six .header-lower .menu-right-content{
  margin-top: 30px;
}

.main-header.style-six .header-lower .logo-box{
  padding-top: 30px;
}




.team-section.team-page{
  padding: 100px 0px 54px 0px;
}






/*** 

====================================================================
                        Error-Page
====================================================================

***/


.error-section{
  position: relative;
  padding: 150px 0px;
}

.error-section .content-box h1{
  position: relative;
  display: block;
  font-size: 200px;
  line-height: 150px;
  font-weight: 700;
  margin-bottom: 15px;
}

.error-section .content-box h2{
  position: relative;
  display: block;
  font-size: 44px;
  line-height: 52px;
  color: #222;
  font-weight: 600;
  margin-bottom: 21px;
}

.error-section .text a{
  color: #222;
}

.error-section .text a:hover{
  text-decoration: underline;
}






/** service-details **/

.service-details{
  position: relative;
  padding: 100px 0px 94px 0px;
}

.service-details-content{
  position: relative;
  display: block;
  margin-right: -10px;
}

.service-details-content .image-box img{
  width: 100%;
}

.service-details-content .content-style-one .image-box{
  position: relative;
  display: block;
  margin-bottom: 53px;
}

.service-details-content .content-style-one .sec-title{
  margin-bottom: 27px;
}

.service-details-content .content-style-one .text{
  position: relative;
  display: block;
  margin-bottom: 29px;
}

.service-details-content .content-style-one .text p{
  margin-bottom: 28px;
}

.service-details-content .content-style-one .text p:last-child{
  margin-bottom: 0px;
}

.service-details-content .content-style-one .list-item li{
  position: relative;
  display: block;
  font-size: 16px;
  color: #222;
  font-weight: 700;
  margin-bottom: 8px;
  padding-left: 25px;
}

.service-details-content .content-style-one .list-item li:last-child{
  margin-bottom: 0px;
}

.service-details-content .content-style-one .list-item li:before{
  position: absolute;
  content: "\f101";
  font-size: 12px;
  font-family: 'Font Awesome 5 Free';
  left: 0px;
  top: 0px;
}

.service-details-content .content-style-one{
  position: relative;
  display: block;
  margin-bottom: 54px;
}

.service-details-content .content-style-two .image-box{
  position: relative;
  display: block;
  margin-bottom: 53px;
}

.service-details-content .content-style-two .text{
  margin-bottom: 40px;
}

.service-details-content #content_block_two .content-box .single-progress-box .piechart{
  float: left;
  margin-bottom: 0px;
  width: 50%;
}

.service-details-content #content_block_two .content-box .single-progress-box .text{
  position: relative;
  float: left;
  text-align: left;
  padding: 30px 20px 25px 10px;
  margin: 0px;
  width: 50%
}

.service-details-content .content-style-two{
  position: relative;
  padding-bottom: 50px;
  border-bottom: 1px solid #dddddd;
  margin-bottom: 52px;
}

.service-details .service-sidebar{
  position: relative;
  display: block;
  margin-left: 40px;
}

.service-details .service-sidebar .sidebar-categories ul li{
  position: relative;
  display: block;
  margin-bottom: 12px;
}

.service-details .service-sidebar .sidebar-categories ul li:last-child{
  margin-bottom: 0px;
}

.service-details .service-sidebar .sidebar-categories ul li a{
  position: relative;
  display: block;
  overflow: hidden;
  background: #f0f5f9;
  font-size: 20px;
  color: #222;
  line-height: 30px;
  font-weight: 400;
  border-radius: 3px;
  padding: 25px 45px;
  z-index: 1;
}

.service-details .service-sidebar .sidebar-categories ul li a:after{
  position: absolute;
  content: "\f061";
  font-family: 'Font Awesome 5 Free';
  font-weight: 700;
  top: 27px;
  right: 45px;
  font-size: 14px;
  color: #204669;
  transition: all 500ms ease;
}

.service-details .service-sidebar .sidebar-categories ul li a:before{
  position: absolute;
  content: '';
  width: 0%;
  height: 100%;
  top: 0px;
  right: 0px;
  z-index: -1;
  transition: all 500ms ease;
}

.service-details .service-sidebar .sidebar-categories ul li a:hover:before,
.service-details .service-sidebar .sidebar-categories ul li a.active:before{
  width: 100%;
  left: 0px;
}

.service-details .service-sidebar .sidebar-categories ul li a:hover,
.service-details .service-sidebar .sidebar-categories ul li a.active{
  color: #fff;
}

.service-details .service-sidebar .sidebar-categories ul li a.active:after,
.service-details .service-sidebar .sidebar-categories ul li a:hover:after{
  color: #fff;
}

.service-details .service-sidebar .sidebar-categories{
  position: relative;
  margin-bottom: 60px;
}

.service-details .service-sidebar .sidebar-testimonial{
  position: relative;
  display: block;
  background: #204669;
  padding: 44px 40px 41px 40px;
  margin-bottom: 53px;
}

.service-details .service-sidebar .sidebar-testimonial .content-box .text{
  position: relative;
  margin-bottom: 30px;
}

.service-details .service-sidebar .sidebar-testimonial .content-box .text p{
  font-size: 16px;
  line-height: 28px;
  color: #fff;
  font-style: italic;
}

.service-details .service-sidebar .sidebar-testimonial .content-box .author-info{
  position: relative;
  padding: 11px 0px 11px 70px;
  margin-bottom: 43px;
}

.service-details .service-sidebar .sidebar-testimonial .content-box .author-info .image-box{
  position: absolute;
  left: 0px;
  top: 0px;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  overflow: hidden;
}

.service-details .service-sidebar .sidebar-testimonial .content-box .author-info .image-box img{
  width: 100%;
  border-radius: 50%;
}

.service-details .service-sidebar .sidebar-testimonial .content-box .author-info h6{
  font-size: 14px;
  line-height: 20px;
  font-weight: 700;
  color: #fff;
  margin-bottom: 0px;
}

.service-details .service-sidebar .sidebar-testimonial .content-box .author-info .designation{
  position: relative;
  font-size: 10px;
  display: block;
  text-transform: uppercase;
  line-height: 18px;
  color: #fff;
  font-weight: 400;
}

.service-details .service-sidebar .sidebar-testimonial .owl-theme .owl-dots .owl-dot span{
  position: relative;
  display: inline-block;
  width: 10px;
  height: 8px;
  background: #cccccc;
  border-radius: 5px;
  margin: 0px 5px;
  cursor: pointer;
  transition: all 500ms ease;
}

.service-details .service-sidebar .sidebar-testimonial .owl-theme .owl-dots .owl-dot.active span,
.service-details .service-sidebar .sidebar-testimonial .owl-theme .owl-dots .owl-dot span:hover{
  width: 18px;
}

.service-details .service-sidebar .sidebar-testimonial .quote-box{
  position: absolute;
  right: 35px;
  bottom: 45px;
  font-size: 40px;
  line-height: 40px;
  color: rgba(255,255,255,0.3);
}

.service-details .service-sidebar .sidebar-title{
  position: relative;
  margin-bottom: 10px;
}

.service-details .service-sidebar .sidebar-title h3{
  font-size: 24px;
  padding-left: 40px;
}

.service-details .service-sidebar .sidebar-title h3:before{
  position: absolute;
  content: '';
  width: 25px;
  height: 2px;
  left: 0px;
  top: 15px;
}

.service-details .service-sidebar .sidebar-info .sidebar-content p{
  position: relative;
  margin-bottom: 21px;
}

.service-details .service-sidebar .sidebar-info .info-list li{
  position: relative;
  display: block;
  font-size: 16px;
  color: #222;
  margin-bottom: 8px;
  padding-left: 35px;
}

.service-details .service-sidebar .sidebar-info .info-list li:last-child{
  margin-bottom: 0px;
}

.service-details .service-sidebar .sidebar-info .info-list li i{
  position: absolute;
  left: 0px;
  top: 5px;
  font-size: 18px;
}

.service-details .service-sidebar .sidebar-info .info-list li a{
  color: #222;
}

.service-details .service-sidebar .sidebar-info .info-list li a:hover{

}

.service-details .service-sidebar .sidebar-info .info-list{
  position: relative;
  display: block;
  margin-bottom: 22px;
}

.service-details .service-sidebar .sidebar-info .social-links li{
  position: relative;
  display: inline-block;
  margin-right: 15px;
}

.service-details .service-sidebar .sidebar-info .social-links li:last-child{
  margin-right: 15px;
}

.service-details .service-sidebar .sidebar-info .social-links li a{
  font-size: 18px;
  color: #cccccc;
}

.service-details .service-sidebar .sidebar-info .social-links li a:hover{

}

.service-details .service-sidebar .sidebar-info{
  position: relative;
  margin-bottom: 46px;
}

.service-details .service-sidebar .download-option .download-file{
  position: relative;
  display: block;
  background: #f0f5f9;
}

.service-details .service-sidebar .download-option .download-file li{
  position: relative;
  display: block;
  padding: 20px 25px;
  border-bottom: 1px solid #c8d7e3;
}

.service-details .service-sidebar .download-option .download-file li:first-child{
  border-top: 1px solid #c8d7e3;
}

.service-details .service-sidebar .download-option .download-file li a{
  font-size: 16px;
  color: #222;
}

.service-details .service-sidebar .download-option .download-file li a i{
  position: relative;
  top: 4px;
  margin-right: 10px;
  font-size: 24px;
}

.service-details .service-sidebar .download-option .download-file li a:hover{

}

.service-details .service-sidebar .download-option .sidebar-title{
  margin-bottom: 17px;
}

.main-footer.alternet-5 .widget-section .logo-widget .info-list li i{
  color: #fff;
}


/*** 

====================================================================
                        Blog-Page
====================================================================

***/

.page-title.style-two:before{

}

.news-section.blog-grid{
  position: relative;
}

.news-section.blog-grid .news-block-one{
  margin-bottom: 56px;
}

.blog-grid .more-btn{
  position: relative;
  margin-top: 18px;
}

.blog-grid .more-btn a{
  position: relative;
  display: inline-block;
  font-size: 16px;
  line-height: 26px;
  font-weight: 700;
  color: #222;
  background: transparent;
  padding: 12px 34px;
  text-align: center;
  z-index: 1;
  cursor: pointer;
  transition: all 500ms ease;
}

.blog-grid .more-btn a:hover{
  color: #fff;
}

.blog-grid .more-btn a:before{
  position: absolute;
  content: '';
  width: 0%;
  height: 100%;
  left: 0px;
  top: 0px;
  transition: all 900ms ease;
  -moz-transition: all 900ms ease;
  -webkit-transition: all 900ms ease;
  -ms-transition: all 900ms ease;
  -o-transition: all 900ms ease;
  z-index: -1;
}

.blog-grid .more-btn a:after{
  position: absolute;
  content: '';
  width: 0%;
  height: 100%;
  right: 0px;
  top: 0px;
  transition: all 900ms ease;
  -moz-transition: all 900ms ease;
  -webkit-transition: all 900ms ease;
  -ms-transition: all 900ms ease;
  -o-transition: all 900ms ease;
  z-index: -1;
}

.blog-grid .more-btn a:hover:before,
.blog-grid .more-btn a:hover:after{
  width: 100%;
}

.page-title.style-three:before{
  background: #204669;
  opacity: 0.8;
}

.blog-classic-content{
  position: relative;
  display: block;
  margin-right: 18px;
}

.sidebar-page-container{
  position: relative;
  padding: 100px 0px;
}

.news-block-three .inner-box{
  position: relative;
  display: block;
  background: #f0f5f9;
  margin-bottom: 60px;
}

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

.news-block-three .inner-box .image-box .image{
  position: relative;
  background: #000;
}

.news-block-three .inner-box .image-box img{
  width: 100%;
}

.news-block-three .inner-box .image-box .image img{
  transition: all 500ms ease;
}

.news-block-three .inner-box:hover .image-box .image img{
  opacity: 0.5;
  transform: scale(1.05);
}

.news-block-three .inner-box .image-box .category{
  position: absolute;
  left: 55px;
  bottom: 50px;
  display: inline-block;
  color: #fff;
  font-size: 12px;
  line-height: 20px;
  font-weight: 700;
  text-align: center;
  border-radius: 2px;
  text-transform: uppercase;
  padding: 7.5px 22px;
}

.news-block-three .inner-box .lower-content{
  position: relative;
  padding: 50px 30px 52px 55px;
}

.news-block-three .inner-box .lower-content .post-info li{
  position: relative;
  display: inline-block;
  font-size: 14px;
  color: #666;
  margin-right: 20px;
}

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

.news-block-three .inner-box .lower-content .post-info li i{
  position: relative;
  font-size: 16px;
  color: #204669;
  margin-right: 8px;
}

.news-block-three .inner-box .lower-content .post-info li a{
  color: #666;
}

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

}

.news-block-three .inner-box .lower-content .post-info{
  position: relative;
  margin-bottom: 19px;
}

.news-block-three .inner-box .lower-content h2{
  position: relative;
  display: block;
  font-size: 30px;
  line-height: 40px;
  font-weight: 700;
  color: #222;
  margin-bottom: 15px;
}

.news-block-three .inner-box .lower-content h2 a{
  display: inline-block;
  color: #222;
}

.news-block-three .inner-box .lower-content h2 a:hover{

}

.news-block-three .inner-box .lower-content p{
  margin-bottom: 22px;
}

.news-block-three .inner-box .lower-content .link a{
  position: relative;
  display: inline-block;
}

.news-block-three .inner-box .lower-content .link a i{
  position: relative;
  font-size: 12px;
  margin-right: 8px;
}

.news-block-three .inner-box .lower-content .link a span{
  position: relative;
  display: inline-block;
  font-size: 16px;
  line-height: 16px;
  font-weight: 700;
  color: #222;
  border-bottom: 1px solid #222;
  transition: all 500ms ease;
}

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

}

.blog-classic-content .news-carousel .owl-prev,
.blog-classic-content .news-carousel .owl-next{
  position: absolute;
  display: inline-block;
  top: 25%;
  width: 50px;
  height: 50px;
  line-height: 50px;
  font-size: 22px;
  color: #fff;
  background: rgba(0,0,0,0.5);
  border-radius: 50%;
  text-align: center;
  cursor: pointer;
  transition: all 500ms ease;
}

.blog-classic-content .news-carousel .owl-prev{
  left: 55px;
}

.blog-classic-content .news-carousel .owl-next{
  right: 55px;
}

.blog-classic-content .news-carousel .owl-prev:hover,
.blog-classic-content .news-carousel .owl-next:hover{

}

.news-block-three .inner-box .lower-content .category{
  position: relative;
  display: inline-block;
  color: #fff;
  font-size: 12px;
  line-height: 20px;
  font-weight: 700;
  text-align: center;
  border-radius: 2px;
  text-transform: uppercase;
  padding: 7.5px 22px;
  margin-bottom: 30px;
}

.news-block-four .inner-box{
  position: relative;
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  padding: 80px 120px 78px 120px;
  margin-bottom: 60px;
}

.news-block-four .inner-box:before{
  position: absolute;
  content: '';
  background: #204669;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  right: 0px;
  opacity: 0.9;
}

.news-block-four .inner-box .content-box .category{
  position: relative;
  display: inline-block;
  color: #fff;
  font-size: 12px;
  line-height: 20px;
  font-weight: 700;
  text-align: center;
  border-radius: 2px;
  text-transform: uppercase;
  padding: 7.5px 14px;
  margin-bottom: 32px;
}

.news-block-four .inner-box .content-box .box{
  position: relative;
  display: block;
  padding-left: 80px;
  text-align: left;
}

.news-block-four .inner-box .content-box .box .link-box{
  position: absolute;
  left: 0px;
  top: 3px;
}

.news-block-four .inner-box .content-box .box .link-box a{
  position: relative;
  display: inline-block;
  font-size: 30px;
  background: #fff;
  width: 70px;
  height: 70px;
  line-height: 70px;
  color: #204669;
  text-align: center;
  border-radius: 2px;
}

.news-block-four .inner-box .content-box .box h2{
  position: relative;
  display: block;
  font-size: 30px;
  line-height: 40px;
  font-weight: 700;
  color: #fff;
  margin-bottom: 7px;
}

.news-block-four .inner-box .content-box .box h2 a{
  display: inline-block;
  color: #fff;
}

.news-block-four .inner-box .content-box .box h2 a:hover{

}

.news-block-four .inner-box .content-box .box .post-info li{
  position: relative;
  display: inline-block;
  font-size: 14px;
  color: #fff;
  margin-right: 20px;
}

.news-block-four .inner-box .content-box .box .post-info li a{
  color: #fff;
}

.news-block-four .inner-box .content-box .box .post-info li i{
  font-size: 16px;
  margin-right: 8px;
}

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

}

.news-block-three .inner-box .image-box .video-btn{
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
}

.news-block-three .inner-box .image-box .video-btn a{
  position: relative;
  display: inline-block;
  width: 90px;
  height: 90px;
  line-height: 90px;
  text-align: center;
  background: rgba(0,0,0,0.8);
  font-size: 30px;
  color: #fff;
  border-radius: 50%;
}

.news-block-three .inner-box .image-box .video-btn a:after, 
.news-block-three .inner-box .image-box .video-btn a:before {
  width: 90px;
  height: 90px;
  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-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.6);
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.6);
  -webkit-animation: ripple 3s infinite;
  animation: ripple 3s infinite;
  -webkit-transition: all .4s ease;
  transition: all .4s ease;
}

.news-block-three .inner-box .image-box .video-btn a:after {
  -webkit-animation-delay: .6s;
  animation-delay: .6s;
}

.sidebar-page-container .pagination-wrapper{
  position: relative;
  display: block;
  padding-top: 20px;
}

.sidebar-page-container .sidebar .sidebar-search .form-group{
  position: relative;
  margin: 0px;
}

.sidebar-page-container .sidebar .sidebar-search .form-group input[type='search']{
  position: relative;
  width: 100%;
  height: 60px;
  font-size: 16px;
  border: 1px solid #dddddd;
  padding: 10px 50px 10px 20px;
  transition: all 500ms ease;
}

.sidebar-page-container .sidebar .sidebar-search .form-group button{
  position: absolute;
  top: 18px;
  right: 25px;
  font-size: 16px;
  color: #666;
  background: transparent;
  cursor: pointer;
  z-index: 1;
  transition: all 500ms ease;
}

.sidebar-page-container .sidebar .sidebar-search .form-group input:focus{

}

.sidebar-page-container .sidebar .sidebar-search .form-group input:focus + button,
.sidebar-page-container .sidebar .sidebar-search .form-group button:hover{

}

.sidebar-page-container .sidebar .sidebar-search{
  position: relative;
  margin-bottom: 53px;
}

.sidebar-page-container .sidebar .widget-title{
  position: relative;
  margin-bottom: 10px;
}

.sidebar-page-container .sidebar .widget-title h3{
  font-size: 24px;
  padding-left: 40px;
}

.sidebar-page-container .sidebar .widget-title h3:before{
  position: absolute;
  content: '';
  width: 25px;
  height: 2px;
  left: 0px;
  top: 15px;
}

.sidebar-page-container .sidebar .sidebar-categories .categories-list li{
  position: relative;
  display: block;
}

.sidebar-page-container .sidebar .sidebar-categories .categories-list li a{
  position: relative;
  display: block;
  font-size: 16px;
  color: #222;
  padding: 10px 0px 10px 5px;
  border-bottom: 1px solid #dddddd;
}

.sidebar-page-container .sidebar .sidebar-categories .categories-list li a span{
  float: right;
}

.sidebar-page-container .sidebar .sidebar-categories .categories-list li a:hover{

}

.sidebar-page-container .sidebar .sidebar-categories{
  margin-bottom: 53px;
}

.sidebar-page-container .sidebar .sidebar-post .widget-title{
  margin-bottom: 25px;
}

.sidebar-page-container .sidebar .sidebar-post .widget-content .post{
  position: relative;
  padding-left: 105px;
  padding-bottom: 25px;
  margin-bottom: 23px;
  border-bottom: 1px solid #dddddd;
  min-height: 108px;
}

.sidebar-page-container .sidebar .sidebar-post .widget-content .post:last-child{
  margin-bottom: 0px;
}

.sidebar-page-container .sidebar .sidebar-post .widget-content .post .post-thumb{
  position: absolute;
  left: 0px;
  top: 2px;
  width: 80px;
  height: 80px;
  overflow: hidden;
}

.sidebar-page-container .sidebar .sidebar-post .widget-content .post .post-thumb img{
  width: 100%;
  transition: all 500ms ease;
}

.sidebar-page-container .sidebar .sidebar-post .widget-content .post:hover .post-thumb img{
  opacity: 0.2;
}

.sidebar-page-container .sidebar .sidebar-post .widget-content .post h6{
  position: relative;
  display: block;
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
  color: #222;
  margin-bottom: 6px;
}

.sidebar-page-container .sidebar .sidebar-post .widget-content .post h6 a{
  display: inline-block;
  color: #222;
}

.sidebar-page-container .sidebar .sidebar-post .widget-content .post h6 a:hover{

}

.sidebar-page-container .sidebar .sidebar-post .widget-content .post .post-date{
  position: relative;
  display: block;
  font-size: 14px;
}

.sidebar-page-container .sidebar .sidebar-post .widget-content .post .post-date i{
  position: relative;
  font-size: 16px;
  margin-right: 8px;
}

.sidebar-page-container .sidebar .sidebar-post{
  margin-bottom: 53px;
}

.sidebar-page-container .sidebar .sidebar-gallery .image-list{
  position: relative;
  margin: 0px -5px;
}

.sidebar-page-container .sidebar .sidebar-gallery .image-list li{
  position: relative;
  float: left;
  width: 80px;
  height: 80px;
  overflow: hidden;
  margin: 5px 5px;
}

.sidebar-page-container .sidebar .sidebar-gallery .image-list li img{
  width: 100%;
  transition: all 500ms ease;
}

.sidebar-page-container .sidebar .sidebar-gallery .image-list li:hover img{
  opacity: 0.2;
}

.sidebar-page-container .sidebar .sidebar-gallery .widget-title{
  margin-bottom: 22px;
}

.sidebar-page-container .sidebar .sidebar-gallery{
  margin-bottom: 48px;
}

.sidebar-page-container .sidebar .sidebar-tags .widget-title{
  margin-bottom: 27px;
}

.sidebar-page-container .sidebar .sidebar-tags .tags-list li{
  position: relative;
  display: inline-block;
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
}

.sidebar-page-container .sidebar .sidebar-tags .tags-list li a{
  position: relative;
  display: inline-block;
  font-size: 14px;
  line-height: 26px;
  color: #666;
  border: 1px solid #dddddd;
  padding: 6px 20px;
  text-align: center;
}

.sidebar-page-container .sidebar .sidebar-tags .tags-list li a:hover{
  color: #fff;
  background: #204669;
  border-color: #204669;
}


/** blog-details **/

.blog-details-content{
  position: relative;
  margin-right: 18px;
}

.blog-details-content .image-box{
  position: relative;
  display: block;
}

.blog-details-content .image-box img{
  width: 100%;
}

.blog-details-content .image-box .category{
  position: absolute;
  left: 55px;
  bottom: 50px;
  display: inline-block;
  color: #fff;
  font-size: 12px;
  line-height: 20px;
  font-weight: 700;
  text-align: center;
  border-radius: 2px;
  text-transform: uppercase;
  padding: 7.5px 22px;
}

.blog-details-content .inner-box{
  position: relative;
  display: block;
  border: 1px solid #dddddd;
  border-top: none;
  padding: 0px 45px;
  padding-bottom: 15px;
}

.blog-details-content .inner-box .post-info{
  position: relative;
  padding: 30px 0px 28px 0px;
  border-bottom: 1px solid #dddddd;
  margin-bottom: 36px;
}

.blog-details-content .inner-box .post-info li{
  position: relative;
  display: inline-block;
  font-size: 14px;
  color: #666;
  margin-right: 20px;
}

.blog-details-content .inner-box .post-info li:last-child{
  margin-right: 0px;
}

.blog-details-content .inner-box .post-info li a{
  color: #666;
}

.blog-details-content .inner-box .post-info li a:hover{

}

.blog-details-content .inner-box .post-info li i{
  position: relative;
  font-size: 16px;
  color: #204669;
  margin-right: 8px;
}

.blog-details-content .inner-box .text h2{
  position: relative;
  font-size: 30px;
  line-height: 40px;
  font-weight: 700;
  color: #222;
  margin-bottom: 15px;
}

.blog-details-content .inner-box .text{
  position: relative;
  display: block;
  margin-bottom: 39px;
}

.blog-details-content .inner-box .text p{
  margin-bottom: 20px;
}

.blog-details-content .inner-box .text p:last-child{
  margin-bottom: 0px;
}

.blog-details-content .inner-box .text p span{

}

.blog-details-content .inner-box .text h5{
  font-size: 18px;
  line-height: 32px;
  font-weight: 700;
  color: #222;
  margin-bottom: 22px;
}

.blog-details-content .inner-box .text h3{
  font-size: 24px;
  font-weight: 400;
  margin-bottom: 15px;
  padding-top: 12px;
}

.blog-details-content .inner-box .two-column{
  position: relative;
  display: block;
  margin-bottom: 38px;
}

.blog-details-content .inner-box .text blockquote{
  position: relative;
  display: block;
  background: #f0f5f9;
  padding: 37px 45px 42px 45px;
  margin: 39px 0px 38px 0px;
}

.blog-details-content .inner-box .text blockquote h5{
  font-size: 18px;
  line-height: 30px;
  color: #204669;
  font-weight: 400;
  margin-bottom: 13px;
}

.blog-details-content .inner-box .text blockquote span{
  position: relative;
  display: inline-block;
  font-size: 16px;
  line-height: 16px;
  font-weight: 700;
  color: #222;
  border-bottom: 1px solid #222;
}

.blog-details-content .post-share-option{
  position: relative;
  display: block;
  padding: 45px 0px 90px 0px;
}

.blog-details-content .post-share-option .post-tags li{
  position: relative;
  display: inline-block;
  margin-right: 4px;
}

.blog-details-content .post-share-option .post-tags li:last-child{
  margin-right: 0px;
}

.blog-details-content .post-share-option .post-tags li a{
  position: relative;
  display: inline-block;
  font-size: 14px;
  line-height: 26px;
  color: #666;
  background: #f0f5f9;
  border-radius: 30px;
  padding: 7px 21px;
  text-align: center;
}

.blog-details-content .post-share-option .post-tags li a:hover{
  color: #fff;
  background: #204669;
}

.blog-details-content .post-share-option .post-share{
  position: relative;
  margin-top: 7px;
}

.blog-details-content .post-share-option .post-share li{
  position: relative;
  display: inline-block;
  font-size: 16px;
  color: #222;
  margin-right: 6px;
}

.blog-details-content .post-share-option .post-share li:last-child{
  margin-right: 0px;
}

.blog-details-content .post-share-option .post-share li i{

}

.blog-details-content .post-share-option .post-share li.share .social-links{
  position: absolute;
  right: 0%;
  bottom: -30px;
  width: 120px;
  opacity: 0;
  background: #fff;
  padding: 2px 15px;
  border-radius: 5px;
  visibility: hidden;
  transform: translateY(10px);
  z-index: 1;
  text-align: center;
  box-shadow: 0 0px 5px rgba(0, 0, 0, 0.1);
  transition: all 500ms ease;
}

.blog-details-content .post-share-option .post-share li.share:hover .social-links {
  opacity: 1;
  right: 0%;
  transform: translateY(0px);
  visibility: visible;
}

.blog-details-content .post-share-option .post-share li.share .social-links li{
  margin: 0px 3px;
}

.blog-details-content .post-share-option .post-share li.share .social-links li a{
  font-size: 14px;
  color: #666;
}

.blog-details-content .post-share-option .post-share li.share .social-links li a i{
  color: #666;
  transition: all 500ms ease;
}

.blog-details-content .post-share-option .post-share li.share .social-links li a:hover i{

}

.blog-details-content .group-title{
  position: relative;
  display: block;
  margin-bottom: 34px;
}

.blog-details-content .group-title h2{
  position: relative;
  font-size: 30px;
  line-height: 40px;
  font-weight: 700;
  color: #222;
  padding-left: 40px;
}

.blog-details-content .group-title h2:before{
  position: absolute;
  content: '';
  width: 25px;
  height: 2px;
  left: 0px;
  top: 18px;
}

.blog-details-content .comments-area .comment{
  position: relative;
  padding-left: 110px;
  margin-bottom: 53px;
}

.blog-details-content .comments-area .comment:last-child{
  margin-bottom: 0px;
}

.blog-details-content .comments-area .comment .thumb-box{
  position: absolute;
  left: 0px;
  top: 1px;
  width: 80px;
  height: 80px;
  overflow: hidden;
}

.blog-details-content .comments-area .comment .thumb-box img{
  width: 100%;
}

.blog-details-content .comments-area .comment .comment-inner .comment-info{
  position: relative;
  padding-bottom: 11px;
  margin-bottom: 23px;
  border-bottom: 1px solid #ddd;
}

.blog-details-content .comments-area .comment .comment-inner .comment-info .name h5{
  font-size: 18px;
  line-height: 26px;
  font-weight: 700;
  color: #222;
  margin: 0px;
}

.blog-details-content .comments-area .comment .comment-inner .comment-info .info span{
  position: relative;
  display: inline-block;
  font-size: 14px;
  padding-right: 17px;
  margin-right: 11px;
}

.blog-details-content .comments-area .comment .comment-inner .comment-info .info span:before{
  position: absolute;
  content: '';
  background: #dddddd;
  width: 1px;
  height: 18px;
  top: 4px;
  right: 0px;
}

.blog-details-content .comments-area .comment .comment-inner .comment-info .info a{
  position: relative;
  display: inline-block;
  font-size: 14px;
  color: #204669;
}

.blog-details-content .comments-area .comment .comment-inner .comment-info .info a:hover{

}

.blog-details-content .comments-area .comment .comment-inner .comment-info .info a i{
  margin-right: 8px;
}

.blog-details-content .comments-area{
  position: relative;
  display: block;
  margin-bottom: 86px;
}

.blog-details-content .comments-form-area .form-group .custom-controls-stacked{
  position: relative;
  margin-top: 13px;
}

.blog-details-content .comments-form-area .form-group .custom-controls-stacked .description{
  position: relative;
  display: inline-block;
  font-weight: 500;
  padding: 0px;
  margin-left:  18px;
  font-size: 14px;
  cursor: pointer;
  color: #222;
}

.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: 8px;
  left: 0px;
  width: 12px;
  height: 12px;
  border: 1px solid #cfcfcf;
  cursor: pointer;
}

.custom-control.material-checkbox .material-control-input:checked ~ .material-control-indicator {
  -webkit-transform: rotateZ(45deg) translate(1px, -5px);
  transform: rotateZ(45deg) translate(1px, -5px);
  width: 10px;
  border-top: 0px solid #cfcfcf;
  border-left: 0px solid #cfcfcf;
}

.blog-details-content .comments-form-area .form-group{
  position: relative;
  margin: 0px;
}

.blog-details-content .comments-form-area .form-group input[type='text'],
.blog-details-content .comments-form-area .form-group input[type='email'],
.blog-details-content .comments-form-area .form-group textarea{
  position: relative;
  width: 100%;
  height: 55px;
  border: 1px solid #ddd;
  padding: 10px 20px;
  font-size: 16px;
  margin-bottom: 25px;
  transition: all 500ms ease;
}

.blog-details-content .comments-form-area .form-group textarea{
  display: block;
  resize: none;
  height: 150px;
}

.blog-details-content .comments-form-area .form-group input:focus,
.blog-details-content .comments-form-area .form-group textarea:focus{

}

.blog-details-content .comments-form-area .form-group button{
  display: block;
  width: 100%;
  text-transform: uppercase;
  padding: 12.5px 30px;
}

.blog-details-content .comments-form-area .group-title{
  margin-bottom: 41px;
}


/*** 

====================================================================
                        Contact-Page
====================================================================

***/


.contact-information{
  position: relative;
  padding-top: 93px;
}

.contact-information .sec-title{
  text-align: center;
  margin-bottom: 58px;
}

.contact-information .single-item .inner-box{
  position: relative;
  display: block;
  background: #fff;
  padding: 58px 30px 54px 30px;
  border-radius: 10px;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}

.contact-information .single-item .inner-box .icon-box{
  position: relative;
  margin-bottom: 30px;
}

.contact-information .single-item .inner-box .icon-box i{
  position: relative;
  display: inline-block;
  font-size: 80px;
  line-height: 80px;
  color: transparent !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  transition: all 500ms ease;
}

.contact-information .single-item .inner-box:hover .icon-box i{

}

.contact-information .single-item .inner-box h3{
  font-size: 24px;
  font-weight: 400;
  margin-bottom: 15px;
}

.contact-information .single-item .inner-box p{
  line-height: 28px;
  color: #666;
}

.contact-information .single-item .inner-box p a{
  color: #666;
}

.contact-information .single-item .inner-box p a:hover{

}

.world-cyber.contact-page{
  padding-bottom: 100px;
}

.funfact-style-four.contact-page .counter-block-four .count-outer{

}


/** contact-style-two **/

.contact-style-two{
  position: relative;
  width: 100%;
  padding: 93px 0px 100px 0px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-attachment: fixed;
}

.contact-style-two:before{
  position: absolute;
  content: '';
  background: #204669;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  right: 0px;
  opacity: 0.8;
}

.contact-style-two .default-form{
  position: relative;
  margin: 0px 5px;
}

.contact-style-two .default-form .form-group{
  position: relative;
  mar
gin-bottom: 20px;
  padding: 0px 10px;
}

.contact-style-two .default-form .form-group:last-c
hild{
  margin-bottom: 0px;
}

.contact-style-two .default-form .form-group input[type='text'],
.contact-style-two .default-form .form-group input[type='email'],
.contact-style-two .default-form .form-group textarea{
  position: relative;
  width: 100%;
  height: 55px;
  background: #fff;
  font-size: 16px;
  padding: 10px 20px;
  border: 2px solid #fff;
  transition: all 500ms ease;
}

.contact-style-two .default-form .form-group input:focus,
.contact-style-two .default-form .form-group textarea:focus{

}

.contact-style-two .default-form .form-group textarea{
  display: block;
  height: 170px;
  resize: none;
}

.contact-style-two .default-form .form-group button{
  text-transform: uppercase;
  display: block;
  width: 100%;
  padding: 12.5px 30px;
}

.contact-style-two .sec-title{
  margin-bottom: 39px;
}

.contact-style-two .sec-title h2{
  margin-bottom: 17px;
}

.contact-style-two .sec-title p{
  color: #fff;
}


/** google-map **/

.google-map-section{
  position: relative;
  display: block;
}

#contact-google-map{
  position: relative;
  display: block;
  height: 550px;
}










/*------ Custom css -------*/
.form-group {
    margin-bottom: 0;
}
.hero-search-radius .btn.search-btn {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
	border-radius: 100px;
	text-transform: inherit;
}
.full-search-2.hero-search-radius {
    background: #fff;
    padding: 8px 15px;
    border-radius: 4px;
	border-radius: 100px;
	margin:30px 0px;
}

.hero-search-radius .input-with-icon .form-control {
    border-radius: 100px 0px 0px 100px !important;
    padding-left: 15px;
    font-size: 13px;
    height: 38px;
    border: 0px solid #ccc;
}
.hero-search-radius .input-with-icon .form-control:focus, .hero-search-radius .input-with-icon input:focus {
	outline:none;
	border:none;
	box-shadow:none;
}
.b-r {
    border-right: 1px solid #d6d7d9 !important;
}
.small-padd {
    padding: 0 7px;
}


.brows-category {
    display: inline-block;
    margin: 0px 0px 0px 0px;
}
.brows-category span {
    float: left;
	color:#fff;
    padding: 7px 5px 7px 0px;
}
.brows-category ul {
    padding: 0;
    float: left;
    display: inline-block;
}
.brows-category ul li {
    display: inline-block;
    list-style: none;
    padding: 2px 20px;
    border: 1px solid #fff;
    border-radius: 50px;
    margin: 5px 3px;
    font-weight: 300;
    font-size: 14px;
    color: #fff;
    background: transparent;
}

.award-bg-default {
    background: #0648B3;
    text-align: center;
    margin: 0px 0px 30px 0px;
    padding: 30px 0px;
    border-radius: 15px;
}

.award-bg-default img {
    width: auto;
    height: 110px;
}

.colpd50 {padding-top:50%;}
.colpd75 {padding-top:75%;}



.partners-details {
    padding: 150px 0px;
}

.partners-details h2 {margin-bottom:30px;}
.view-partner {
    margin: 15px 0px 0px 0px;
}
.view-partner a {
    color: #10b4f1;
    text-decoration: underline;
    font-size: 18px;
}


.resources-section {
background-image: linear-gradient(to bottom, #ffffff 40%, #071e3a 40%);
padding:80px 0px 120px;
}

.carousel-resource {background:#fff;}
.resources-bottom {padding:25px;}
.resources-bottom p {
    font-size: 14px;
    line-height: 1.7;
}
.resource-head {
padding: 0;
margin: 0;
color: #2c2d2f;
font-size: 16px;
line-height: 24px;
font-weight: 700;
margin-bottom: 16px;
font-family: inherit;
line-height: 20px;
}
.resources-bottom a {
    margin: 25px 0px 0px 0px;
    display: inline-block;
}

#owl-demo .owl-nav {
    position: absolute;
    top: 42%;
    left: 0;
    right: 0;
    display: none;
}
#owl-demo:hover .owl-nav {display: block;}

#owl-demo .owl-nav .owl-prev {
    left: -30px;
}

#owl-demo .owl-nav .owl-next {
    right: -30px;
}

#owl-demo .owl-nav .owl-prev:hover, #owl-demo .owl-nav .owl-next:hover {background:#10b4f1;}
#owl-demo .owl-nav .owl-prev, #owl-demo .owl-nav .owl-next {
    position: absolute;
    height: 60px;
    border: none;
    z-index: 100;
    width: 60px;
    background: #02afef;
    border-radius: 100px;
    text-align: center;
    line-height: 60px;
    color: #fff;cursor: pointer;
}


.pt-30 {padding-top:30px;}
/*----- Pricing Table ------*/
.price-grid {
    float: left;
    width: 24.5%;
    background: #dadada;
    margin: 0px .25%;
}
.price-title {
    text-align: center;
    margin: 0px 0px 25px 0px;
	border-bottom:1px solid #fff;
    padding: 30px 20px;
}
.price-grid .list-options {padding: 10px 20px 30px 20px;}

.price-title h2 {
    position: relative;
    margin: 40px 0 0;
    padding: 0;
    color: #fff;
    font-size: 20px;
    line-height: 1.3;
    text-align: left;
}
.price-title img {
    color: #fff;
    text-align: center;
}
.price-val {
    position: relative;
    z-index: 2;
	padding:15px 0px 20px 0px;
}
.price-val span {
    color: #fff;
    font-size: 14px;
}
.price-val h4 {
    margin: 0;
    color: #fff;
    font-size: 36px;
    line-height: 1.3;
    font-weight: 300;
}
.list-options li {
    color: #fff;
    font-size: 14px;
}
.list-options li i {
    padding: 0px 5px 0px 0px;
    font-weight: 100;
    color: #fff;
}
.mt-30 {margin-top:30px;}
.btndark {text-align:center;}
.btndark a {
    display: inline-block;
    background: #ffffff;
    font-size: 14px;
    color: #000000 !important;
    padding: 7px 20px;
    border-radius: 100px;
    line-height: 1.3;
    margin: 0px 0px 0px 0px;
    border: 1px solid #fff;
}
.btndark a:hover {
    background: transparent;
    color: #fff !important;
    border: 1px solid #fff;
}


.starter-col {
background: #031b39;
}

.basic-col {
    background: #de8d17;
}

.premium-col {
    background: #1f705f;
}
.gold-col {
    background: #1488CC;
}
.prof-col {
    background: #335f79;
}

.main-heading {text-align: center;
    margin-bottom: 3em;
}
.main-heading p {
    font-size: 14px;
    color: #707c88;
    margin-bottom: 0px;
}
.dash {
    position: relative;
}
.main-heading h2 {font-family: 'Museo Slab 500';
    color: #071e3a;
    position: relative;
    font-weight: 700;
    margin-top: 0;
    margin-bottom: 10px;
}
.dash:after {
    content: ' ';
    clear: both;
    width: 5em;
    display: block;
    margin: 0px auto 1.4em;
    border-bottom: 2px solid #10b4f1;
    text-align: center;
}

.videos-section {padding:0px 0px 120px 0px;}

.video-shape {
    background: #78b54b;
    background: -webkit-linear-gradient(right, #071e3a 0%, #10b4f1 100%);
    background: linear-gradient(to left, #071e3a 0%, #10b4f1 100%);
    height: 400px;
    position: absolute;
    width: 100%;
    transform: skewY(5deg);
}

.video-wrap {
    background: #FFF;
    border-radius: 5px;
    box-shadow: 0px 0px 20px 1px rgb(0 0 0 / 35%);
    margin: 0px auto 30px auto;
    max-width: 700px;
    padding: 10px;
    position: relative;
}
.video-wrap__video-embed {
    height: 0;
    position: relative;
    padding-top: 0px;
    padding-bottom: 56.25%;
}
.video-wrap__video-embed iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.videos-section .main-heading {
    padding: 90px 0px 0px 0px;
}



#slideshow { 
  margin: 50px auto; 
  position: relative; 
  width: 240px; 
  height: 240px; 
  padding: 10px; 
  box-shadow: 0 0 20px rgba(0,0,0,0.4); 
}

#slideshow > div { 
  position: absolute; 
  top: 10px; 
  left: 10px; 
  right: 10px; 
  bottom: 10px; 
}






/*----- Section Heading -----*/

.section-heading {
    padding: 0px 0px 50px 0px;
    width: 64%;
    margin: 0px auto;
}
.section-heading h2 {
	margin-bottom: 10px;
	font-weight: 500;
    font-size: 30px;
    line-height: 40px;
}






/*--------- Footer --------*/
.footer-area {
    display: inline-block;
    float: left;
    width: 100%;
    margin: 30px 0px 0px 0px;
}






/*------------ Client Says -------------- */
.bg2 {
    background: url(../../assets/images/bg/bg-2.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;padding: 80px 0px;
}
.section-block-parallax {
    position: relative;
    background-size: cover;
    background-attachment: fixed;
    background-position: 50% 50%;
    padding: 90px 0px 90px 0px;
}

.client-testimonial {
    text-align: center;
    margin: 50px 10px 0;
    padding: 0 10% 4%;
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
    -o-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
}
.client-testimonial .pic {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    border-bottom: 2px solid #07b107;
    display: inline-block;
    margin-top: -50px;
    overflow: hidden;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
}
.client-testimonial .pic img {
    width: 100%;
    height: auto;
}
.client-testimonial .client-description {
    font-size: 14px;
    color: #707c88;
    line-height: 1.7;
    margin: 10px 0 5px;
}
.client-testimonial .client-testimonial-title {
    font-size: 14px;
    font-weight: 600;
    margin: 0;
}
.client-testimonial .client-testimonial-rating {
    margin: 0 0 15px;
    padding: 0;
    list-style: none;
}
.client-testimonial .client-testimonial-rating li {
    color: #ff9800;
    display: inline-block;
}

#client-testimonial-slider .owl-nav {display:none;}





.section-block-parallax {
    position: relative;
    background-size: cover;
    background-attachment: fixed;
    background-position: 50% 50%;
    padding: 90px 0px 90px 0px;
}

.black-overlay-60:before {
    background: rgba(0, 174, 237, 0.6);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0;
}

.pr-30-md {
	padding-right: 30px;
}
.section-heading {
    margin-bottom: 10px;
}
.section-heading h6 {
    position: relative;
    font-size: 20px;
    font-weight: 500;
    color: #fff;
    line-height: 160%;
    margin-bottom: 10px;
}
.section-heading h3 {
    position: relative;
    font-size: 35px;
    font-weight: 600;
    color: #fff;
    line-height: 130%;
    margin-bottom: 10px;
}
.section-heading p {
}
.pb-none {padding-bottom:0px;}
.button-md {
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    padding: 13px 25px 13px 25px;
}
.primary-button {
    background: #f0ad4e;
    color: #fff;
    font-size: 11px;
    font-weight: 500;
    border-radius: 50px;
    padding: 10px 15px 10px 15px;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    transition: all .4s ease;
}
.no-gutters {
    margin-right: 0;
    margin-left: 0;
}
.no-gutters>.col, .no-gutters>[class*=col-] {
    padding-right: 0;
    padding-left: 0;
}
.feature-box-6-icon-text {
    background-color: rgba(7, 30, 58, 0.65);
    position: relative;
    padding: 30px 16px;
    margin: 1px;
}
.feature-box-6-icon-text i {
    color: #10b4f1;
    font-size: 50px;
}
.feature-box-6-icon-text h4 {
    color: #fff;
	font-size:15px;
    line-height: 1.3;
    font-weight: 400;
    padding: 15px 0px;
    margin-bottom:0px;
}

.btndark a {
    display: inline-block;
    background: #071e3a;
    font-size: 14px;
    color: #fff !important;
    padding: 12px 30px;
    border-radius: 100px;
    line-height: 1.3;
    margin: 0px 0px 0px 0px;
    border: 1px solid #071e3a;
}
.btndark a:hover {
    background: transparent;
    border: 1px solid #fff;
}
.nogutterpd>.col, .nogutterpd>[class*=col-] {
    padding-right: 0;
}



.case-block{padding:15px;position: relative; background: #fff; border: 1px solid #ececec; border-radius: 5px; overflow: hidden; margin: 0px 0px 15px 0px; -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.16); -moz-box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.16); box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.16);}


.case-block:hover{-webkit-box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.30); -moz-box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.30); box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.30);}
.case-block:hover .hover-line {text-decoration:underline;}

p {text-transform: inherit;}
.brt {border-top-left-radius:6px;}
.brr {border-top-right-radius:6px;}
.brb {border-bottom-right-radius:6px;}
.brl {border-bottom-left-radius:6px;}
.mb-0 {margin-bottom:0px;}
.mb-30 {margin-bottom:30px;}
.dash {position:relative;}

.p-none {padding:0px;}
.mb-30 {margin-bottom:30px;}
.map-uk {
    height: 542px;
    background: #071e3a70;
    padding: 0px;
    border-radius: 6px;
}

.support-section .inner-container {
    background: #071e3a70;
    border-radius: 6px;
}
.support-section .inner-container .inner-box{
  position: relative;
  display: block;
    margin-right: 0px;
    padding: 30px 30px 30px 30px;
}

.support-section .inner-container .inner-box .sec-title p{
  color: #fff;
}

.support-section .inner-container .inner-box .submit-form .form-group{
  position: relative;
  margin-bottom: 15px;
}

.support-section .inner-container .inner-box .submit-form .form-group:last-child{
  margin-bottom: 0px;
}

.support-section .inner-container .inner-box .submit-form .form-group input[type='text'],
.support-section .inner-container .inner-box .submit-form .form-group input[type='email'],
.support-section .inner-container .inner-box .submit-form .form-group textarea{
  position: relative;
  width: 100%;
  height: 44px;
  background: #fff;
  font-size: 14px;
  padding: 10px 12px;
  border: 2px solid #fff;
  transition: all 500ms ease;
  border-radius:6px;
}

.support-section .inner-container .inner-box .submit-form .form-group textarea{
  display: block;
  height: 110px;
  resize: none;
}

.support-section .inner-container .inner-box .submit-form .form-group input:focus,
.support-section .inner-container .inner-box .submit-form .form-group textarea:focus{

}

.support-section .inner-container .inner-box .submit-form .form-group button {
    display: block;
    width: 100%;
    font-size: 16px;
    color: #fff;
    border-radius: 100px;
    padding: 12.5px 30px;
    text-transform: uppercase;
}

.support-section .inner-container .inner-box .sec-title{
  margin-bottom: 39px;
}

.support-section .inner-container .inner-box .sec-title h2{
  margin-bottom: 14px;
}

.support-section .inner-container .info-inner{
  position: relative;
  display: block;
  margin-left: -42px;
}

.support-section .inner-container .info-inner .image-box{
  position: relative;
  display: block;
  overflow: hidden;
}

.support-section .inner-container .info-inner .image-box img{
  width: 100%;
}

.support-section .inner-container .info-inner .image-box:before{
  position: absolute;
  top: 0;
  left: -75%;
  z-index: 2;
  display: block;
  content: '';
  width: 50%;
  height: 100%;
  background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, .3)));
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
  -webkit-transform: skewX(-25deg);
  -ms-transform: skewX(-25deg);
  transform: skewX(-25deg);
}

.support-section .inner-container .info-inner .image-box:hover:before {
  -webkit-animation: shine 1s;
  animation: shine 1s;
}

.support-section .inner-container .info-inner .info-box{
  position: relative;
  display: block;
  text-align: center;
  overflow: hidden;
  padding: 45px 30px 44px 30px;
}

.support-section .inner-container .info-inner .info-box .info-logo{
  position: absolute;
  right: -50px;
  bottom: 25px;
}

.support-section .inner-container .info-inner .info-box .icon-box{
  position: relative;
  font-size: 50px;
  line-height: 50px;
  color: #fff;
  margin-bottom: 34px;
}

.support-section .inner-container .info-inner .info-box h2{
  position: relative;
  display: block;
  font-size: 40px;
  line-height: 44px;
  font-weight: 700;
  color: #fff;
  margin-bottom: 0px;
}

.support-section .inner-container .info-inner .info-box h2 a{
  display: inline-block;
  color: #fff;
}

.support-section .inner-container .info-inner a:hover{
  text-decoration: underline;
}

.support-section .inner-container .info-inner .info-box .email{
  position: relative;
  display: block;
  margin-bottom: 22px;
}

.support-section .inner-container .info-inner .info-box .email a{
  position: relative;
  display: inline-block;
  font-size: 16px;
  color: #fff;
}

.support-section .inner-container .info-inner .info-box .list-item li{
  position: relative;
  display: inline-block;
  margin: 0px 1px;
  font-size: 18px;
  color: #fff;
}

.support-section .inner-container .info-inner .info-box .list-item li a{
  display: inline-block;
  font-size: 18px;
  color: #fff;
}
.support-section .inner-container {
background: #071e3a70;
    border-radius: 6px;
}
.support-section .inner-container .info-inner .info-box {
    background: #071e3a;
}
.theme-btn.style-one {
    background: #071e3a;
}
.message-btn button {outline:none;border:0px;}


/*----- Global Section -----*/
.business-section {
    background: url(../../assets/images/bg/corporate-biz.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding: 90px 0px 130px 0px;
}
.business-section h2 {
	font-size:32px;
    color: #fff;
    line-height: 1.3;
    margin: 20px 0px 25px 0px;
    font-weight: 600;}
	
.business-section .sub-head {
	font-size:32px;
    color: #fff;
    line-height: 1.3;
    margin: 20px 0px 25px 0px;
    font-weight: 600;}	


/*----- Global Section -----*/
.global-section {
    background: url(../../assets/images/bg/global.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding: 50px 0px 130px 0px;
}

.gsub-title {
    font-size: 18px;
    color: #019cd6;
    font-weight: 600;
}

.global-section h2 {
    color: #fff;
    line-height: 1.3;
    margin: 30px 0px 25px 0px;
    font-weight: 600;
}
.global-section .goblcontnt {
    font-size: 16px;
    line-height: 1.5;
    color: #fff;
    margin: 0px 0px 80px 0px;
}
.global-section p {
    color: #d6f6ff;
}

.leadgrowth-title {
    color: #fff;
    font-weight: 600;
    font-size: 22px;
    margin: 0px 0px 15px 0px;
}







.product-title {
    color: #071e3a;
}

.product-title {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 32px;
}
.product-icon {
    margin-right: 16px;
    width: 48px;
    height: 48px;
}
.common-UppercaseTitle {
    font-size: 20px;
    line-height: 32px;
    font-weight: 600;
    letter-spacing: .025em;
}
















/*----- New Css -----*/
.header_inner .main-header.style-one {
	height:80px;
position: inherit;
background:#031b39;
}

.slider-captions {
max-width: 1170px;
position: absolute;
top: 35%;
z-index: 1;
margin: 0px 87px;
width: 1170px;
}

/* .banner-section .owl-stage-outer {
    height: 625px;
} */
.banner-carousel .slide-item {
height: 100vh;
}
.slider-captions h1 {color:#fff;}
.slider-captions .explor-msg {color:#fff;font-size:18px;margin:10px 0px 0px 0px;}


.partners-section {
background: #f5f5f5;
float: left;
display: inline-block;
width: 100%;
}


.partner-list {
text-align: center;
width: 100%;
padding: 30px 0px;
}
.partner-list li {
display: inline-block;
padding: 0px 15px;
}
.partner-list li:nth-child(1) span {
color: #031b39;
font-weight: 600;
}


.footprtnr-list {
text-align: center;
width: 100%;
padding: 30px 0px;
}
.footprtnr-list li {
display: inline-block;
padding: 0px 15px;
}
.footprtnr-list li:nth-child(1) span {
color: #031b39;
font-weight: 600;
}





.popular-section {display: inline-block;background: linear-gradient(to bottom, #fff 0%, #fff 60%, #071e3a 50%, #071e3a 100%);height: 100%;width: 100%;padding: 50px 0px 50px 0px;}

.populr-grid {
    position: relative;
}
.populr-grid:after {
    content: "";
    position: absolute;
    background-image: linear-gradient(to bottom,#071e3ab8 0%,rgba(255,255,255,0));
    height: 100%;
    width: 100%;
    left: 0;
    bottom: 0;
    border-radius: 8px;
    z-index: 0;
}
.popular-captions {
    position: absolute;
    top: 5%;
    left: 5%;
	z-index:1;
}

.popular-captions .small-msg {
    color: #fff;
    font-size: 16px;
}
.popular-captions .serice-head {
    color: #fff;
    font-weight: 600;
    font-size: 22px;
}

.populr-grid img {width:100%;}





/*----- Pricing -----*/
.pricing-section{
  display: inline-block;background: linear-gradient(to bottom, #071e3a 0%, #071e3a 60%, #fff 50%, #fff 100%);height: 100%;width: 100%;padding: 0px 0px 60px 0px;
}
















.corporate-section {background: linear-gradient(to bottom, #071e3a 0%, #071e3a 60%, #071e3a 50%, #071e3a 100%);padding: 50px 0px 60px 0px;}
.corporate-section h2 {font-family: 'Museo Slab 300';color: #fff;margin: 20px 0px 25px 0px;font-weight: 600;}
.corporate-section .goblcontnt {font-size: 14px;line-height: 1.5;color: #fff;margin: 0px 0px 0px 0px;}
.corporate-biz {height:330px;}





/*----- Awards & Accreditation ------*/

.awards-section {
    display: inline-block;
    background: #fff;
    width: 100%;
    padding: 50px 0px 70px 0px;
}
.awards-grid {
background: #fff;
    text-align: center;
    -webkit-box-shadow: 0 0 15px 0 rgb(148 148 148 / 45%);
    -moz-box-shadow: 0 0 15px 0 rgba(148,148,148,.45);
    box-shadow: 0 0 15px 0 rgb(148 148 148 / 45%);
    border-radius: 0px;    border: 2px solid #cecece;padding: 20px 0px;margin:0px 0px 30px 0px;
}

.allawards-list .owl-item {
    background: #fff;
    padding: 25px 0px;
    border-radius: 100px;
    -webkit-box-shadow: 0 0 15px 0 rgb(148 148 148 / 35%);
    -moz-box-shadow: 0 0 15px 0 rgba(148,148,148,.35);
    box-shadow: 0 0 15px 0 rgb(148 148 148 / 35%);
    border: 2px solid #d6d6d6;
}

.allawards-list .owl-item img {
    border-radius: 100px;
    padding: 10px;
}

.awrd-lists li .awards-grid {border-radius:100%;}
.awrd-lists li {
    float: left;
    width: 13.5%;
    margin: 0px 10px 0px 0px;
}
.awrd-lists li:last-child {margin:0px;}
.awrd-lists li .awards-grid {
    border-radius: 100%;
    width: 152px;
    height: 152px;
}
.awrd-lists li .awards-grid img {
    width: 100%;
    margin: 15px 0px;
    border-radius: 100%;
    padding: 10px;
}



/*----- Footer-----*/
.connect-with {
	padding:15px 0px;
	display:inline-block;
    border-bottom: 1px solid #eeeff0;
    width: 100%;
}
.connect-with .connect-rt {float:right;text-align:right;}
.connect-rt span {
    float: left;
    display: inline-block;
    margin-right: 15px;
    color: #2d2d2d;
    font-weight: 600;
    font-size: 15px;
}
.social-profile {
    float: left;
    display: inline-block;
}
.social-profile li {
    float: left;
    padding: 0px 10px;
}


.footer-item h4 {
    font-size: 16px;
    margin: 0px 0px 10px 0px;
    line-height: 1.3;
    color: #3a3a3a;
}
.user-links li {
    font-size: 14px;
    line-height: 1.3;
    padding: 4px 0px;
}


.footer-copy {
    background: #071e3a;
    display: inline-block;
    width: 100%;
    padding: 15px 0px;
}
.footer-copy p, .footer-copy a {
    color: #fff;
}

.footer-copy p a {text-decoration:underline;}
.footer-copy .copy-right {text-align:center;}
.foo-mid-item {
    padding: 20px 0px 70px 0px;
}
.belowfoo-details {
    width: 90%;
}
.belowfoo-details p {
    margin: 0px 0px 20px 0px;
    font-size: 13px;
}

.belowfoo-details p span {display: inline-block;margin: 0px 0px 5px;}
.xeroawrd-18 {
    color: #00b2d6;
    float: left;
    font-weight: 700;
    width: 100%;
    line-height: 1.3;
    font-size: 9px;
    padding: 5px 0px;
    text-transform: uppercase;
    border-bottom: 1px solid #00b4d3;
}
.appprtner {
    text-transform: uppercase;
    font-weight: 700;
    line-height: 1.3;
    font-size: 9px;
    padding: 3px 0px;
    display: inline-block;
}


.customrfirst-section {background-image: url(../../assets/images/bg/certificate.jpg);padding: 45px 0px;background-repeat: no-repeat;background-position: top center;background-size: 100%;}


.cfirst-title {color: #019cd6;font-size: 20px;margin: 0px 0px 20px 0px;
}
.left-dash {
position: relative;
}
.main-heading h2 {
color: #071e3a;
position: relative;
font-weight: 700;
margin-top: 0;
margin-bottom: 10px;
}
.left-dash:after {
content: ' ';
clear: both;
width: 5em;
display: block;
margin: 10px 0px 1.4em;
border-bottom: 3px solid #019cd6;
text-align: left;
}
.first-leftdetail {width:65%;}
.fdetails {color:#fff;margin: 50px 0px 0px 0px;}
.first-leftdetail h2 {font-family: 'Museo Slab 500';font-weight:700;}

.customers-btn {
    display: inline-block;
    text-align: left;
    margin: 75px auto 20px auto;
    width: 100%;
}
.customers-btn a {
    color: #031b39;
    background: #fff;
    width: 15%;
    -webkit-box-shadow: 0 0 15px 0 rgb(148 148 148 / 35%);
    -moz-box-shadow: 0 0 15px 0 rgba(148,148,148,.35);
    box-shadow: 0 0 15px 0 rgb(148 148 148 / 35%);
    text-align: center;
    padding: 10px 30px;
    border-radius: 100px;
    margin: 0px auto;
    font-weight: 600;
}


.accounts-section {
    display: inline-block;
    background: #fff;
    width: 100%;
    padding: 50px 0px 70px 0px;
}
.millions-accounts li {
    float: left;
    width: 20%;
    text-align: center;
}






.videos-section {
    display: inline-block;
    background: #031b39;
    width: 100%;
    padding: 50px 0px 70px 0px;
}
.leadforce-vid {position:relative;border: 1px solid #fff;}
.leadforce-vid img {width:100%;}
.playbtn-now {
    position: absolute;
    top: 50%;
    left: 50%;
	background:#ffffffa3;
    transform: translate(-50%, -50%);
    display: inline-block;
    padding: 34px 40px;
    border: 2px solid #fff;
    border-radius: 100%;
    width: 122px;
    height: 122px;
    vertical-align: top;
}
.playbtn-now i {
    font-size: 50px;
    color: #00aeed;
}
.videos-list img {width:100%;}


.videos-list {margin: 50px 0px 0px 0px;}
.videos-list .owl-dots {text-align:center;margin:15px 0px 0px;}
.videos-list .owl-dots .owl-dot.active span {
background: #fff;
border-radius: 100%;width: 14px;
height: 14px;
}
.videos-list .owl-dots .owl-dot span {
background: transparent;
border: 1px solid #fff;
border-radius: 100%;width: 12px;
height: 12px;
}

.videos-list .watch-now:hover {background: #fff;border:1px solid #00aeed;color:#00aeed;}

.videos-list .watch-now {border:1px solid #00aeed;
    position: absolute;
    bottom: 46px;
    left: 22px;
    font-size: 18px;
    color: #fff;
    background: #00aeed;
    display: inline-block;
    padding: 6px 16px;
    border-radius: 5px;
}
.videos-list .watch-now i {
    margin: 0px 10px 0px 0px;
}






/*

.nav-link {display: block;padding: .5rem .5rem;}
.main-nav-scrolling ul li:last-child a {padding-right: 30px;}


.time-heading span { 
  position: absolute;
  top: 50%;
  left: 50%;    margin-top: -1px;
  transform: translate(-50%, -50%);
}


.time-heading {position:relative;
    display: inline-block;
    text-align: center;
    height: 90px;
    width: 90px;
    padding: 23px;
    border: 6px solid #cecece;
    border-radius: 50%;
    color: #44a2a1;
    font-size: 46px;
    font-weight: 900;
}


*/


/*-------- Packages ---------*/

.pricetbl-outr {    padding: 2%;
    display: inline-block;
    background: linear-gradient(to left, #fff 0%, #fff 74%, #0e2445 26%, #0e2445 100%);
    height: 100%;
    width: 100%;
	border-radius:10px;    -webkit-box-shadow: 0 0 15px 0 rgb(9 21 35 / 35%);
    -moz-box-shadow: 0 0 15px 0 rgba(9,21,35,.35);
    box-shadow: 0 0 15px 0 rgb(9 21 35 / 35%);
}

.pricetable-logo {
    float: left;
    display: inline-block;
    width: 100%;
}
.price-list {
    float: left;
    display: inline-block;
    margin: 0px;
    padding: 0px;
}
.pricetable-logo .services-value {
    float: left;
    width: 26%;
    color: #fff;
    line-height: 1.3;
    font-size: 13px;
}
.pricetable-logo .services-logo {
    float: left;
    width: 18%;
    text-align: center;
    padding: 10px 0px 20px 0px;
    border-right: 1px solid #d1d2d4;
}
.pricetable-logo .services-logo:last-child {
    border-right: 0px solid #d1d2d4;
}
.pricetable-logo .services-value span {
	font-family: 'Museo Slab 500';
    font-size: 22px;
    font-weight: 700;
    color: #fff;
    display: block;
}

.price-list li {
    float: left;
    width: 100%;    font-size: 13px;
}
.price-list li .price-value {
    float: left;
    color: #fff;
    width: 26%;padding: 7px 0px;
}
.price-list li .price-value-list {
    float: left;padding: 7px 0px;
    width: 18%;
    text-align: center;
    vertical-align: middle;
    border-right: 1px solid #d1d2d4;
}
.price-list li .price-value-list:last-child {
    border: 0px;
}



/*---- Blog page ----*/
/** page-title **/

.page-title{
  position: relative;
  width: 100%;
  min-height:330px;
  padding: 90px 0px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  margin-bottom: 10px;
}

.blogpgetitle-bg{
  background-image: url(../../assets/images/bg/blog-pagetitle.png);
}
.resourcepgetitle-bg{
  background-image: url(../../assets/images/bg/resources-pagetitle.png);
}

.podcastpgetitle-bg {
  background-image: url(../../assets/images/bg/podcast-pagetitle.png);
}
.videopgetitle-bg {
  background-image: url(../../assets/images/bg/video-pagetitle.png);
}
.webinarpgetitle-bg {
  background-image: url(../../assets/images/bg/webinar-pagetitle.png);
}
.thankyoupgetitle-bg {
  background-image: url(../../assets/images/bg/thankyou.jpg);
}
.addlistingpgetitle-bg {
  background-image: url(../../assets/images/bg/addlisting-pagetitle.jpg);
}
.packagespgetitle-bg {
  background-image: url(../../assets/images/bg/packages-pagetitle.jpg);
}
.guidespgetitle-bg {
  background-image: url(../../assets/images/bg/guides-pagetitle.png);
}


.page-title:before{
	display:none;
  position: absolute;
  content: '';
  background: #000;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  right: 0px;
  opacity: 0.7;
}
.pagetitle-content ul {
    text-align: center;
    margin: 20px 0px 0px 0px;
}
.pagetitle-content li {
    display: inline-block;
    border-right: 1px solid #fff;
    line-height: 1.3;
    padding: 0px 10px;
    color: #fff;
}
.pagetitle-content li:last-child {
    border: none;
}

.page-title .content-box {
	text-align:center;
	width:100%;
	    margin-top: 90px;
}
.page-title .content-box h1{
	    font-family: 'Museo Slab 500';
  display: block;
  font-size: 32px;
  line-height: 1.3;
  color: #fff;
  font-weight: 700;
  margin-bottom: 15px;
}

.content-box h1:after {
    content: ' ';
    clear: both;
    width: 3em;
    display: block;
    margin: 0px auto;padding: 0px 0px 6px 0px;
    border-bottom: 3px solid #019cd6;
    text-align: center;
}
.page-title .content-box p{
	   
  font-size: 16px;
  line-height: 1.3;
  color: #fff;
  margin:0 auto;
  margin-bottom: 5px;
  width:50%;
  
}

.page-title .content-box .bread-crumb li{
  position: relative;
  display: inline-block;
  font-size: 16px;
  color: #fff;
  padding-right: 12px;
  margin-right: 5px;
}

.page-title .content-box .bread-crumb li:last-child{
  padding-right: 0px;
  margin-right: 0px;
}

.page-title .content-box .bread-crumb li a{
  color: #fff;
}

.page-title .content-box .bread-crumb li a:hover{

}

.page-title .content-box .bread-crumb li:before{
  position: absolute;
  content: '';
  background: #fff;
  width: 3px;
  height: 1px;
  top: 14px;
  right: 0px;
}

.page-title .content-box .bread-crumb li:last-child:before{
  display: none;
}




.blog-section {
    display: inline-block;
    background: #fff;
    height: 100%;
    width: 100%;
    padding: 40px 0px 60px 0px;
}

.blog-section p {
  font-size:16px;
}

.blog-grid {
    position: relative;
    margin: 0px 0px 30px;
}
.blog-grid a img {width:100%;border-radius: 15px;height:259px;}
.blog-grid a {display:inline-block;width: 100%;color:#fff;}
.bgrid-contnt {
    position: absolute;
    top: 0px;
    padding: 35px;
    height: 100%;
    z-index: 1;
}
.blog-grid:after {
    content: "";
    position: absolute;
    background-image: linear-gradient(to bottom,#071e3ab8 0%,rgba(255,255,255,0));
    height: 100%;
    width: 100%;
    left: 0;
    bottom: 0;
    border-radius: 13px;
    z-index: 0;
}
.bgrid-head {
    color: #fff;
    font-weight: 600;
}
.bgrid-head:after {
    content: ' ';
    clear: both;
    width: 3em;
    display: block;
    margin: 6px 0px 10px 0px;
    border-bottom: 3px solid #019cd6;
    text-align: left;
}
.bloglist-info li {
    float: left;
    color: #fff;
    font-size: 14px;
    border-right: 1px solid #fff;
    line-height: 1.3;
    padding: 0px 5px;
}
.bloglist-info li:first-child {
    padding-left: 0px;
}
.bloglist-info li:last-child {
    border-right: 0px solid #fff;
}

.btmctn h1 {
    font-size: 32px;
    color: #071f3d;
    font-weight: 600;
    margin: 20px 0px 10px;
}
.btmctn h2 {
    font-size: 28px;
    color: #071f3d;
    font-weight: 600;
    margin: 20px 0px 10px;
}
.btmctn p {margin:0px 0px 15px 0px;}

/*------ Podcast -----*/

.podcast-section {
    display: inline-block;
    background: #fff;
    height: 100%;
    width: 100%;
    padding: 90px 0px 60px 0px;
}

.podcast-grid {
    position: relative;
    background: #fff;
	display: inline-block;
	padding: 40px 20px 30px 20px;
	margin: 0px 0px 30px 0px;
    border-radius: 15px;
    -webkit-box-shadow: 0 0 15px 0 rgb(148 148 148 / 35%);
    -moz-box-shadow: 0 0 15px 0 rgba(148,148,148,.35);
    box-shadow: 0 0 15px 0 rgb(148 148 148 / 35%);
	width:95%;
    min-height: 200px;
	background-image: url(../../assets/images/bg/gradient.png);
    background-size: 100%;
	/*
	-webkit-box-shadow: 0px 0px 8px rgb(0 0 0 / 30%);
    -moz-box-shadow: 0px 0px 8px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 8px rgb(0 0 0 / 30%);
	*/
}

.pod-lftthumb {
    float: left;
    width: 16%;
    margin: 20px 3% 0px 0px;
}
.podgrid-contnt {
    float: left;
    width: 81%;
}
.pod-lftthumb a img, .webinar-lftthumb a img {
    border-radius: 100%;
    -moz-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.16), 0 3px 3px 0 rgba(0, 0, 0, 0.23);
    -webkit-box-shadow: 0 3px 3px 0 rgb(0 0 0 / 16%), 0 3px 3px 0 rgb(0 0 0 / 23%);
    box-shadow: 0 3px 3px 0 rgb(0 0 0 / 16%), 0 3px 3px 0 rgb(0 0 0 / 23%);
    padding: 2px;
}

.podlist-info {
    display: inline-block;
}
.podlist-info li {
    float: left;
    color: #00afef;
    font-size: 18px;
    border-right: 1px solid #00afef;
    line-height: 1.3;
    padding: 0px 10px;
}
.podlist-info li:first-child {
    padding-left: 0px;
}
.podlist-info li:last-child {
    border-right: 0px solid #00afef;
}
.podgrid-head {
    color: #031b39;
    font-size: 20px;
    font-weight: 700;
    margin: 12px 0px 10px 0px;
    display: -webkit-box;
    max-width: 100%;
    line-height: 1.5;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.podcst-play {
    vertical-align: middle;
    line-height: 28px;
}
.podcst-play a {
    font-size: 20px;
    color: #031b39;
    display: inline-block;
    vertical-align: top;
    padding: 4px 10px 4px 4px;
}
.podcst-play a i {
    float: left;
    color: #fff;
    background: #00afef;
    font-size: 10px;
    border-radius: 100px;
    width: 28px;
    text-align: center;
    height: 28px;
    line-height: 28px;
    vertical-align: top;
    margin: 0px 10px 0px 0px;
}
.podcst-play:hover a {
    background: #00afef;
    color: #fff;
    padding: 4px 10px 4px 4px;
    border-radius: 100px;
}

.podcst-play:hover a i {
    background: #fff;
    color: #00afef;
}
.podcst-play a.podplay-active {
    background: #00afef;
    color: #fff;
    padding: 4px 10px 4px 4px;
    border-radius: 100px;
}

.podcst-play a.podplay-active i {
    background: #fff;
    color: #00afef;
}



/* common */
.exclusive-ribbon {
  width: 100px;
  height: 100px;
  overflow: hidden;
  position: absolute;
}
.exclusive-ribbon::before,
.exclusive-ribbon::after {
  position: absolute;
  z-index: 1;
  content: '';
  display: block;
  border: 5px solid #087ead;
}
.exclusive-ribbon span {
    position: absolute;
    display: block;
    width: 170px;
    padding: 0px;
    background-color: #00afef;
    box-shadow: 0 5px 10px rgb(0 0 0 / 15%);
    color: #fff;
    font-size: 14px;
    text-shadow: 0 1px 1px rgb(0 0 0 / 20%);
    text-transform: uppercase;
    text-align: center;
}

/* top left
.ribbon-top-left {
  top: -10px;
  left: -10px;
}
.ribbon-top-left::before,
.ribbon-top-left::after {
  border-top-color: transparent;
  border-left-color: transparent;
}
.ribbon-top-left::before {
  top: 0;
  right: 0;
}
.ribbon-top-left::after {
  bottom: 0;
  left: 0;
}
.ribbon-top-left span {
  right: -25px;
  top: 30px;
  transform: rotate(-45deg);
}

/* top right*/
.ribbon-top-right {
  top: -10px;
  right: -10px;
}
.ribbon-top-right::before,
.ribbon-top-right::after {
  border-top-color: transparent;
  border-right-color: transparent;
}
.ribbon-top-right::before {
    top: 0px;
    left: 2px;
}
.ribbon-top-right::after {
    bottom: 2px;
    right: 0;
}
.ribbon-top-right span {
    left: -24px;
    top: 25px;
    transform: rotate(45deg);
}

/* bottom left
.ribbon-bottom-left {
  bottom: -10px;
  left: -10px;
}
.ribbon-bottom-left::before,
.ribbon-bottom-left::after {
  border-bottom-color: transparent;
  border-left-color: transparent;
}
.ribbon-bottom-left::before {
  bottom: 0;
  right: 0;
}
.ribbon-bottom-left::after {
  top: 0;
  left: 0;
}
.ribbon-bottom-left span {
  right: -25px;
  bottom: 30px;
  transform: rotate(225deg);
}

/* bottom right
.ribbon-bottom-right {
  bottom: -10px;
  right: -10px;
}
.ribbon-bottom-right::before,
.ribbon-bottom-right::after {
  border-bottom-color: transparent;
  border-right-color: transparent;
}
.ribbon-bottom-right::before {
  bottom: 0;
  left: 0;
}
.ribbon-bottom-right::after {
  top: 0;
  right: 0;
}
.ribbon-bottom-right span {
  left: -25px;
  bottom: 30px;
  transform: rotate(-225deg);
}
*/


/*------ Webinar -----*/

.webinar-section {
    display: inline-block;
    background: #fff;
    height: 100%;
    width: 100%;
    padding: 90px 0px 60px 0px;
}

.webinar-grid {
    position: relative;
    background: #fff;
	display: inline-block;
	padding: 40px 20px 30px 20px;
	margin: 0px 0px 30px 0px;
    border-radius: 15px;
    -webkit-box-shadow: 0 0 15px 0 rgb(148 148 148 / 35%);
    -moz-box-shadow: 0 0 15px 0 rgba(148,148,148,.35);
    box-shadow: 0 0 15px 0 rgb(148 148 148 / 35%);
    min-height: 200px;
	background-image: url(../../assets/images/bg/gradient.png);
    background-size: 100%;
	/*
	    background-image: linear-gradient(to right, #fff 0%, #a8edea 60%, #fed6e3 100%);
		*/
    width: 100%;
    min-height: 246px;
}
.webinar-lftthumb {
    float: left;
    width: 20%;
    margin: 25px 4% 0px 0px;
}
.webinar-lftthumb img {
    width: 100%;
    height: 100%;
}
.webinar-contnt {
    float: left;
    width: 76%;
}
.accountnt-name h5 {
    font-size: 15px;
    font-weight: 600;
    color: #000;
    text-align: center;
}
.accountnt-name {
    margin: 10px 0px 0px 0px;
    text-align: center;
    display: inline-block;
    line-height: 1.3;
}
.accountnt-name h5 {
    font-size: 15px;
    font-weight: 600;
    color: #071e3a;
    text-align: center;
    margin: 0px;
    padding: 0px;
    line-height: 1.3;
}
.accountnt-name a {
    font-size: 13px;
    text-align: center;
    margin: 0px;
    padding: 0px;
    line-height: 1.3;
    color: #00aeed;
}

.webinarlist-info {
    display: inline-block;
}
.webinarlist-info li {
    float: left;
    color: #00afef;
    font-size: 16px;
    border-right: 1px solid #00afef;
    line-height: 1.3;
    padding: 0px 10px;
}
.webinarlist-info li:first-child {
    padding-left: 0px;
}
.webinarlist-info li:last-child {
    border-right: 0px solid #00afef;
}

.webinar-head {
    color: #031b39;
    font-size: 22px;
    font-weight: 700;
    margin: 12px 0px 10px 0px;
	display: -webkit-box;
    max-width: 100%;
    line-height: 1.5;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.webinar-play {
    vertical-align: middle;
    line-height: 28px;
}
.webinar-play a {
    font-size: 20px;
    color: #031b39;
    display: inline-block;
    vertical-align: top;
    padding: 4px 10px 4px 4px;
}
.webinar-play a i {
    float: left;
    color: #fff;
    background: #00afef;
    font-size: 10px;
    border-radius: 100px;
    width: 28px;
    text-align: center;
    height: 28px;
    line-height: 28px;
    vertical-align: top;
    margin: 0px 10px 0px 0px;
}
.webinar-play:hover a {
    background: #00afef;
    color: #fff;
    padding: 4px 10px 4px 4px;
    border-radius: 100px;
}

.webinar-play:hover a i {
    background: #fff;
    color: #00afef;
}
.webinar-play a.webinarplay-active {
    background: #00afef;
    color: #fff;
    padding: 4px 10px 4px 4px;
    border-radius: 100px;
}

.webinar-play a.webinarplay-active i {
    background: #fff;
    color: #00afef;
}
.webinar-play a img {
    float: left;
    background: #00afef;
    padding: 7px;
    border-radius: 100%;
    margin: 0px 6px 0px 0px;
}
.webinar-lftthumb a img, .pod-lftthumb img {border-radius:100%;-moz-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.16), 0 3px 3px 0 rgba(0, 0, 0, 0.23);
-webkit-box-shadow: 0 3px 3px 0 rgb(0 0 0 / 16%), 0 3px 3px 0 rgb(0 0 0 / 23%);
box-shadow: 0 3px 3px 0 rgb(0 0 0 / 16%), 0 3px 3px 0 rgb(0 0 0 / 23%);}
.webinar-lftthumb a, .pod-lftthumb img {display:inherit;}
.webinar-grid:hover .webinar-lftthumb a, .podcast-grid:hover .pod-lftthumb {display:inherit;border-radius:100%;box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.4), 0 0 0 10px #00aeed;}




.loadmore-btn {
    display: inline-block;
    text-align: center;
    margin: 20px auto;
    width: 100%;
}
.loadmore-btn a {
color: #031b39;background:#fff;width:15%;
-webkit-box-shadow: 0 0 15px 0 rgb(148 148 148 / 35%);
-moz-box-shadow: 0 0 15px 0 rgba(148,148,148,.35);
box-shadow: 0 0 15px 0 rgb(148 148 148 / 35%);    text-align: center;
padding: 10px 30px;
border-radius: 100px;
margin: 0px auto;font-weight: 600;}



/*Guides Page Css*/
.guides-block{
    margin-bottom: 50px;
}

.guid-img:hover img {
    opacity: .8;
}
.button-footer .btn-form {
    display: inline-block;
    font-size: 16px;
    color: #fff;
    padding: 0px 45px;
    border-radius: 100px;
    line-height: 48px;
    margin: 20px 0px 0px 0px;
    -webkit-box-shadow: 0 10px 15px 0 rgb(56 0 189 / 20%);
    box-shadow: 0 10px 15px 0 rgb(56 0 189 / 20%);
    background: #0e3891;
    background: -moz-linear-gradient(left, #0e3891 0, #15b8f3 100%);
    background: -webkit-linear-gradient(left, #0e3891 0, #15b8f3 100%);
    background: linear-gradient(to right, #0e3891 0, #15b8f3 100%);
    position: relative;
    overflow: hidden;

}
.guid-img .guid-dns-logo {
    position: absolute;
    left: 15px;
    bottom: 25px;
    width: 40%;
}
span.circle {
    background: rgba(255, 255, 255, 0.2);
    display: block;
    position: absolute;
    top: -10%;
    right: -130px;
    width: 200px;
    height: 200px;
    border-radius: 50%;
    -webkit-transition: 1.2s cubic-bezier(0.17, 0.85, 0.438, 0.99);
    -o-transition: 1.2s cubic-bezier(0.17, 0.85, 0.438, 0.99);
    transition: 1.2s cubic-bezier(0.17, 0.85, 0.438, 0.99);
}
.button-footer .btn-form:hover span.circle {
    top: -10%;
    right: -80px;
}
.guid-img{
	position:relative;
    background-image: url(../../assets/images/guide.webp);
    background-position: center;
    background-repeat: no-repeat;
	background-size:cover;
    min-height: 360px;
    text-align:left;
    
}
.guid-img h3 {
    padding-top: 140px;
    color: #fff;
    font-size: 20px;
    line-height: 1.3;
    font-weight: 600;
    width: 80%;
    margin: auto;
    margin-bottom: 10px;
	padding-bottom: 10px;
    text-align: center;
	
}
.guid-img .guid-logo {
    position: absolute;
    right: 40px;
    top: 30px;
}

.guid-img p {
    font-size: 14px;
    color: #fff;
    text-align: center;
    width: 78%;
    margin: auto;
}



.conditions-section {
    display: inline-block;
    background: #fff;
    height: 100%;
    width: 100%;
    padding: 90px 0px 60px 0px;
}

.conditions-section p{
    text-align:justify;
    margin-bottom:20px;
    font-size: 14px;
    line-height: 25px;
}
.conditions-section p strong{
   color:#071E3A;
}
.conditions-section a{
    text-decoration:none;
    color:#00aeed;
}
.conditions-section a:hover{
   
    color:#071E3A;
}
.conditions-section .ul-style-1{
    list-style: none;
    padding-left: 0;
    padding-right: 0;
}
.conditions-section .ul-style-1 li {
    position: relative;
    padding-left: 25px;
    margin-bottom: 13px;
    text-align:justify;
}
.conditions-section .ul-style-1 li strong{
    color:#071E3A;
}
.conditions-section .ul-style-1 li .fa{
    color: #08c;
    border-color: #08c;
    position: absolute;
    left: 0;
    top: 5px;
}
.conditions-section .ul-style-1.inner-ul li {
    padding-left: 18px;
    margin-bottom: 10px;
}
.conditions-section .ul-style-1.inner-ul li .fa{
    font-size: .8em;
    top: 7px;
}
.conditions-section .ul-style-1 .ol-style-1 {
     padding-left: 35px;
     margin-top:10px;
}
.conditions-section .ul-style-1 .ol-style-1 li{
     padding-left: 7px;
	 list-style: inherit;
}


.thankyou-section {
    display: inline-block;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
   background-image: url(../../assets/images/bg/thankyou.jpg);
    height:100vh;
	min-height:650px;
    width:100%;
    padding: 190px 0px 60px 0px;
}

.thankyou-section h2{
    font-size: 68px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 20px;
}
.thankyou-section h2:after {
    content: ' ';
    clear: both;
    width: 3em;
    display: block;
    margin: 0px auto;
    padding: 0px 0px 6px 0px;
    border-bottom: 3px solid #019cd6;
    text-align: center;
}
.thankyou-section p {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 20px;
    color: #fff;
}
.thankyou-section .btn-primary{
    border-radius: 50px;
}
.main-btn {
    background: #00aeed;
    padding: 10px 20px;
    border-radius: 100px;
    color: #fff;
}
.main-btn:hover {
    color: #fff;
}




/*----- Listing detail page -----*/
.listtitle-map img {width: 100%;}

.listingpage-title {
    position: relative;
}
.listsearch-accountnt {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 28%;
    padding: 62px 0px;
	z-index:2;
}

.headserch-contnt {
    width: 74%;
    text-align: center;
    z-index: 6;
    margin: 0px 13%;
    position: absolute;
}
.listsearch-accountnt:before {
	content: "";
    background: #031b39;
    bottom: 0;
    left: 0;
    opacity: .70;
    position: absolute;
    right: 0;
    top: 0;
}

.headserch-contnt h1 {
	margin: 0px 0px 35px 0px;
    font-size: 27px;
    font-weight: 700;
    color: #fff;
}
.acclist-search, .location-search {
    position: relative;
}
.headserch-contnt input {
    border-radius: 100px;
    padding: 6px 20px;
    margin: 0px 0px 12px 0px;
    height: 42px;
}
.acclist-search i {
    position: absolute;
    top: 12px;
    right: 18px;
    bottom: 0;
    vertical-align: middle;
    font-size: 18px;
}

.acclist-search .dropdown {width:100%;}
.acclist-search .dropdown-content {width:100%;}
.location-search i {
    position: absolute;
    top: 12px;
    right: 18px;
    bottom: 0;
    vertical-align: middle;
    font-size: 18px;
}
.btn-default {background: #00afef;color: #fff;border-radius: 100px;padding: 8px 30px;} 
.btn-default:hover {color: #fff;}



.listed-grid {box-shadow: 0px 0px 15px 0px rgb(0 175 239 / 25%) !important;}


.featuredlist-section {
    display: inline-block;
    background: #fff;
    height: 100%;
    width: 100%;
    padding: 90px 0px 60px 0px;
}

.listing-grid {
	width: 100%;
	margin:0px 0px 40px 0px;
    position: relative;
	box-shadow: 0px 0px 15px 0px rgb(35 35 35 / 25%);
	display: inline-block;
}
.listing-banner {
    position: relative;
    height: 220px;
    margin: 0px auto;
    padding: 62px 0px;
    border-bottom: 2px solid #c9f4ff;
    width: 90%;
}
.listing-banner img {
    width: auto;
    display: block;
    margin: 0px auto;
    height: 94px;
}
.listing-banner .img-full {
    width: 100%;
}
.listing-compny {
    background: #fff;
    position: absolute;
    top: 50%;
    width: 205px;
	height: 105px;	
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    padding: 10px 10px;
    border: 1px solid #071e3a;
    border-radius: 12px;
}
/*
.listing-banner:before {
	content: "";
    background: #fff;
    bottom: 0;
    left: 0;
    opacity: .6;
    position: absolute;
    right: 0;
    top: 0;
}
*/
.listing-compny img {max-width:100%;height:82px;}
.comp-list-contnt {
    padding: 20px;
}
.complist-heading {
    position: relative;
    padding-left: 25px;
    margin: 0px 0px 15px 0px;
}
.complist-heading h3 {color:#071e3a;}
.complist-heading h3 i {
    background: #54b108;
    color: #fff;
    font-size: 12px;
    padding: 4px;
    transform: translate(-50%, -50%);
    border-radius: 100%;
    position: absolute;
    top: 50%;
    margin: 0px 0px 0px 20px;
}
.complist-heading .listicon-left i {
    position: absolute;
    left: 0px;
    top: 5px;
    font-size: 20px;
    color: #071e3a;
}
.complist-location {
    position: relative;
    padding-left: 25px;
    margin: 0px 0px 15px 0px;
}
.complist-location i {
    position: absolute;
    left: 0px;
    top: 0px;
    font-size: 15px;
    color: #071e3a;
}
.complist-location i img {vertical-align:top;}
.complist-location p {color: #071e3a;
    font-size: 13px;
    line-height: 1.3;
}
.btn-bordered {
    color: #071e3a;
    border: 1px solid #071e3a;
    border-radius: 100px;
    text-align: center;
    width: auto;
    padding: 3px 10px;
}
.btn-bordered:hover {color: #071e3a;}
.multi-buttons {
    display: inline-block;
    width: 100%;
    margin: 0px 0px 15px 0px;
}
.get-quot {
    margin: 10px 0px;
    font-size: 13px;
    color: #071e3a;
}
.get-quot span {
font-weight:700;
}

.listbottm-button {
    display: inline-block;
    width: 100%;
    text-align: right;
    border-top: 2px solid #bbb;
    padding: 15px 0px 0px 0px;
    margin: 10px 0px 0px 0px;
}
.btn-darkblue {
    background: #071e3a;
    border: 1px solid #071e3a;
    width: auto;
    display: inline-block;
    padding: 0px 10px;
    border-radius: 100px;
    color: #fff !important;
    font-size: 12px;
}
.str-rating a img {
    width: auto;
    float: left;
    display: inline-block;
}
.str-rating {
    font-size: 16px;
    font-weight: 700;
    color: #010c19;
    margin: 10px 0px;
}
.str-rating a {
    vertical-align: middle;
    float: left;
    width: auto;
    margin: 3px 20px 0px 0px;
    line-height: 1.3;
}
.str-rating span {
    font-weight: 500;
    color: #00aeed;
}

.list-accuntnt {
    display: inline-block;
    margin: 10px 0px 20px 0px;
}
.list-accuntnt li {
    float: left;
    width: 50%;
    font-size: 13px;
    color: #071e3a;
}
.list-accuntnt li i {
    color: #071e3a;
    font-size: 11px;
    margin: 0px 8px 0px 0px;
}
.list-accuntnt li a  {
    color: #071e3a;
}
.list-bottom {
    display: inline-block;
    width: 100%;
    border-top: 2px solid #c9f4ff;
    padding: 15px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}
.list-bottom .btn-bordered {
    padding: 5px 25px;
    font-weight: 600;
    margin: 0px 6px;
    font-family: 'Museo Slab 500';
    margin: 0 auto;
    width: 165px;
    display: block;
    float: none;
    margin: 0px auto!important;
}
.socl-lists {
   float: left;
    width: 100%;
    display: inline-block;
    padding: 4px 0px;
    margin: 0px 0px 10px 0px;
}
.socl-lists li {
    float: left;
    text-align: center;
    width: 19px;
    height: 19px;
    margin: 0px 4px 0px 0px;
    font-size: 13px;
    border-radius: 100%;
}

.socl-lists li a {
    width: 100%;
    border-radius: 100%;
    color: #fff;
    float: left;
    line-height: 1.3;
}
.socl-lists li a img {
    width: 100%;
    border-radius: 100%;
}
.ad-banner {
    background: linear-gradient(to bottom, #e6e7e8 0%, #e6e7e8 80%, #071e3a 50%, #071e3a 100%);
    float: left;
    display: inline-block;
    width: 100%;
    height: 570px;
    margin: 30px 0px;
    border-radius: 6px;
}
.list-info {
    width: 100%;
    margin: 10px 0px 20px 0px;
    float: left;
}
.list-info p {
    font-size: 13px;
    line-height: 1.5;
}

.list-info p a {color:#00aeed;}


#map-layer {
    width: 100%;
    max-width: 100%;
    min-height: 390px;
}
.gmap {
    position: relative;
}
.gmap:before {
    content: "";
    background: #031b39;
    bottom: 0;
    left: 0;
    opacity: .15;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 0;
}
.gm-style-iw-d a {
    color: #031b39 !important;
}
.gm-style-iw-d span {
    color: #031b39 !important;
}



/*
.partner-list .item img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    transition: filter .3s;
}

.partner-list .item:hover img {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
}

*/

.homeprtners .item img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    transition: filter .3s;
}

.homeprtners .item:hover img {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
}

.partner-grey-list .item img {-webkit-filter: grayscale(100%);filter: grayscale(100%);transition: filter .3s;}
.partner-grey-list .item:hover img {-webkit-filter: grayscale(0);filter: grayscale(0);}


.filter-outer {
	padding: 20px;
-webkit-box-shadow: 0 0 15px 0 rgb(148 148 148 / 35%);
-moz-box-shadow: 0 0 15px 0 rgba(148,148,148,.35);
box-shadow: 0 0 15px 0 rgb(148 148 148 / 35%);
border-radius: 10px;
}
.filter-heads {
    font-weight: 700;
    color: #071e3a;
    font-size: 15px;margin: 0px 0px 15px 0px;
}
.filter-heads i {
    text-align: right;
    float: right;
	margin:6px 0px 0px 0px;
}

.panel {
  border-width: 0 0 1px 0;
  border-style: solid;
  border-color: #fff;
  background: none;
  box-shadow: none;
}

.panel:last-child {
  border-bottom: none;
}

.panel-group > .panel:first-child .panel-heading {
  border-radius: 4px 4px 0 0;
}

.panel-group .panel {
  border-radius: 0;
}

.panel-group .panel + .panel {
  margin-top: 0;
 margin-bottom: 5px;
}

.panel-heading {
  border-radius: 0;
  border: none;
  color: #fff;
  padding: 0;
}

.panel-title a {
  display: block;
  color: #071e3a;
  padding: 6px 0px;
  position: relative;
  font-size: 16px;
  font-weight: 600;
}
.filters .panel-body {
    background: #fff;
    border: 0px solid #f4f4f4;
    padding: 0px;
}

.panel-body {
  background: #fff;
  border: 2px solid #f4f4f4;
  padding: 10px;
}

.panel:last-child .panel-body {
  border-radius: 0 0 4px 4px;
}

.panel:last-child .panel-heading {
  border-radius: 0 0 4px 4px;
  transition: border-radius 0.3s linear 0.2s;
}

.panel:last-child .panel-heading.active {
  border-radius: 0;
  transition: border-radius linear 0s;
}
/* #bs-collapse icon scale option */

.panel-heading a:before {
  content: '\f078';
  position: absolute;
  font-family: 'FontAwesome';
  right: 5px;
  top: 10px;
  font-size: 24px;
  transition: all 0.5s;
  transform: scale(1);
}

.panel-heading.active a:before {
  content: ' ';
  transition: all 0.5s;
  transform: scale(0);
}

#bs-collapse .panel-heading a:after {
  content: ' ';
  font-size: 24px;
  position: absolute;
  font-family: 'FontAwesome';
  right: 5px;
  top: 10px;
  transform: scale(0);
  transition: all 0.5s;
}

#bs-collapse .panel-heading.active a:after {
  content: '\e909';
  transform: scale(1);
  transition: all 0.5s;
}
/* #accordion rotate icon option */

#accordion .panel-heading a:before {
  content: '\f078';
  font-size: 10px;
  position: absolute;
  font-family: 'FontAwesome';
  right: 0px;
  top: 6px;
  color:#a2a2a2;
  transform: rotate(180deg);
  transition: all 0.5s;
}

#accordion .panel-heading.active a:before {
  transform: rotate(0deg);
  transition: all 0.5s;
}

.panel {border-top:1px solid #a2a2a2;}
.filters .panel:first-child {
    border-top: none;
}

/*
#option-list input[type="radio"]:before {
    content: ' ';
    width: 20px;
    position: absolute;
    left: 0;
    height: 20px;
    border: 1px solid #B99870;
    border-radius: 50%;
    top: -1px;
    background: #fff;
}
#option-list input[type="radio"]:checked ~ span:after {
    content: ' ';
    width: 8px;
    height: 8px;
    position: absolute;
    border-radius: 50%;
    left: 6px;
    top: 5px;
    background: #B99870;
    z-index: 9;
}
#option-list input[type="radio"]:checked ~ span:before {
    border: 1px solid #B99870;
}

*/

.panel-collapse.show {margin-bottom:30px;}
.panel-collapse.show .panel-body p {color:#666;margin: 0px 0px 5px 0px;}

.panel-group .panel .panel-heading h4 {font-family: 'Open Sans', sans-serif;}
.panel-group .panel .panel-heading h4 a {font-size:16px;}

.list-links {}
.list-links i {
    display: inline-block;
    background: #071e3a;
    padding: 8px;
    border-radius: 100%;
    width: 28px;
    height: 28px;
    font-size: 12px;
    color: #fff;
    line-height: 1.2;
    margin-right: 5px;
}
.list-links a {color: #071e3a;font-size:14px;}











.addlisting-section {
    display: inline-block;
    background: #fff;
    height: 100%;
    width: 100%;
    padding: 90px 0px 60px 0px;
}


.headings h3 {
    font-family: 'Museo Slab 500';
    font-size: 24px;
    margin: 10px 0px 10px 0px;
    line-height: 1.3;
    color: #071e3a;
}

.box-wrappers {
    padding: 0px;
    display: inline-block;
    width: 100%;
    -webkit-box-shadow: 0 0 15px 0 rgb(148 148 148 / 35%);
    -moz-box-shadow: 0 0 15px 0 rgba(148,148,148,.35);
    box-shadow: 0 0 15px 0 rgb(148 148 148 / 35%);
    float: left;
    border-radius: 6px;
}
.boxheads {
    float: left;
    padding: 15px 20px;
    width: 100%;
    color: #071e3a;
    border-bottom: 1px solid #e8e8e8;
    margin: 0px 0px 30px;
    font-weight: 600;
}
.boxheads i {
    margin: 0px 10px 0px 0px;
}

.box-shadow {
    display: inline-block;
    width: 100%;
    -webkit-box-shadow: 0 0 15px 0 rgb(148 148 148 / 35%);
    -moz-box-shadow: 0 0 15px 0 rgba(148,148,148,.35);
    box-shadow: 0 0 15px 0 rgb(148 148 148 / 35%);
    float: left;
    border-radius: 6px;
}
.box-shadow i {
    margin: 0px 5px 0px 0px;
}
.headings {
    float: left;
    padding: 0px 0px 5px 0px;
    width: 100%;
    color: #071e3a;
    font-family: 'Museo Slab 500';
    border-bottom: 1px dashed #e8e8e8;
    margin: 0px 0px 20px;
    font-weight: 700;
}

.box-headings {
    float: left;
    padding: 15px 20px 10px 20px;
    width: 100%;
    color: #071e3a;
    font-family: 'Museo Slab 500';
    border-bottom: 1px dashed #e8e8e8;
    margin: 0px 0px 0px 0px;
    font-weight: 700;
}

.box-content {
    display: inline-block;
    width: 100%;
    padding: 20px;
}

.form-control {
    padding: 1.5rem 1rem;
    font-size: 14px;
    background-color: #fbfdff;
    border: 1px solid #e5ecf3;
}

.box-content label {font-size:15px;font-weight:600;color:#747e89;}
.addimage {
    border: 1px dashed #969696;
    border-radius: 5px;
    text-align: center;
    position: relative;
    height: 120px;
}
.addimage input {
    width: 100%;
    display: inline-block;
    text-align: center;
    position: absolute;
    left: 0;
    cursor: pointer;
    right: 0;
    top: 0;
    opacity: 0;
    border: 0;
    height: 120px !important;
	z-index: 1;
}
.addimage span {
    font-size: 15px;
    font-weight: 600;
    color: #747e89;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.addimage i {
    font-weight: 600;
    color: #9a9a9a;
    position: absolute;
    top: 30%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 18px;
}
.logoPreview {
	float:left;
	width:100%;
	height:120px !important;
    z-index: 1;
    top: 100%;
    min-width: 150px;
    min-height: 150px;
    margin: 130px 0px 0px 0px;
    border-radius: 6px;
    -webkit-box-shadow: 0 0 15px 0 rgb(148 148 148 / 35%);
    -moz-box-shadow: 0 0 15px 0 rgba(148,148,148,.35);
    box-shadow: 0 0 15px 0 rgb(148 148 148 / 35%);
	background-size: 100%;
}
.img-delete {
    position: absolute !important;
    top: 130px !important;
    right: 0px !important;
    left: auto !important;
    background: #00aeed;
    color: #fff !important;
    padding: 0px !important;
    border-radius: 100%;
    width: 24px !important;
    height: 24px !important;
    line-height: 24px !important;
}
.allchk .img-delete {
    position: absolute !important;
    top: 135px !important;
    right: auto !important;
    margin: 0px 0px 0px 48px;
    background: #00aeed;
    color: #fff !important;
    padding: 0px !important;
    border-radius: 100%;
    width: 24px !important;
    height: 24px !important;
    line-height: 24px !important;
}

.member-preview {
	height:120px !important;
    z-index: 1;
    top: 100%;
	padding: 10px;
    margin: 130px 0px 0px 0px;
    border-radius: 6px;
}

.member-preview .imagePreview {
    float: left;
    margin: 0px 10px 10px 0px;
    min-width: 150px;
    min-height: 150px;
    display: block;
    background-repeat: no-repeat;
    text-align: center;
	background-size: 100%;
}
.imagePreview {
	background: #fff;
    -webkit-box-shadow: 0 0 15px 0 rgb(148 148 148 / 35%);
    -moz-box-shadow: 0 0 15px 0 rgba(148,148,148,.35);
    box-shadow: 0 0 15px 0 rgb(148 148 148 / 35%);
}

.bottom-button button[type=submit] {
    color: #fff;
    background-color: #031b39;
    border-color: #031b39;
    border-radius: 0px;
}
.bottom-button button {
    border-radius: 0px;
}



.top-categry li {
    float: left;
    color: #8a8a8a;
    width: 100%;
    padding: 6px 0px;
    font-size: 13px;
    border-bottom: 1px dashed #c1c1c1;
}

.blog-media .media-content {
    margin: 0px 0px 0px 10px;
    padding: 10px 0px 0px 0px;
}
.blog-media {
    display: inline-flex;
    border-bottom: 1px solid #d8d8d8;
    padding: 0px 0px 10px 0px;
    margin: 0px 0px 10px 0px;
}

.media-content h5 {
    font-size: 15px;
    color: #071e3a;
    font-weight: 600;
    margin: 0px 0px 3px 0px;
}
.media-content ul li {
    float: left;
    font-size: 14px;
    color: #868686;
    border-right: 1px solid #868686;
    line-height: 1.1;
    padding: 0px 5px;
}

.media-content ul li:nth-child(1) {padding-left:0px;}
.media-content ul li:last-child {border-right: 0px solid #868686;padding-right:0px;}

.blog-detail {
    /* -webkit-box-shadow: 0 0 15px 0 rgb(148 148 148 / 35%);
    -moz-box-shadow: 0 0 15px 0 rgba(148,148,148,.35);
    box-shadow: 0 0 15px 0 rgb(148 148 148 / 35%); */
    border-radius: 5px;
}




.socialLinks {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  justify-content: flex-end; /* Align to the right */
  gap: 10px; /* Space between icons */
}

.socialLinks li {
  display: inline-block;
}

.socialLinks a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 35px;
  height: 35px;
  background-color: #02afef; /* Default background color */
  color: #fff; /* Icon color */
  border-radius: 50%; /* Circular buttons */
  text-decoration: none;
  transition: all 0.3s ease-in-out;
}

.socialLinks a:hover {
  background-color: #007bff; /* Change color on hover */
}

.socialLinks i {
  font-size: 18px;
}
.blog-banrlrge {border-radius:5px 5px 0px 0px;}
.post-details {float: left;width: 100%;display: inline-block;}
.blog-content {
    padding: 20px 0px;
    display: inline-block;
}
.post-details li {
	list-style:none !important;
	position:relative;
  float: left;
  font-size: 14px;
  padding: 0px 12px;
  color: #ababab;
  border-right: 1px solid #ababab;
  line-height: 1.1;
}
.post-details li:nth-child(1) {padding-left:0px;}
.post-details li:last-child {border-right: 0px solid #868686;padding-right:0px;}
.post-details li i {margin: 0px 5px 0px 0px;}
.post-details li a {color:#00bbff;}

.date-author {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  gap: 15px;
  align-items: center;
  font-size: 16px; /* Adjust this as needed */
}

.date-author li {
  display: flex;
  align-items: center;
  font-weight: 600;
  color: #333;
  font-size: 16px;
  max-width: 190px;
  line-height: 1.3;
}

.date-author i {
  font-size: 30px;
  margin-right: 10px!important;
  color: #02afef;
}

.blog-content ul {
  margin-bottom: 15px;
}

.blog-content ul li {
  list-style-type: disc;
  margin-left: 15px;
}

.blog-content h2 {
    font-weight: 600;
    width: 100%;
    color: #071e3a;
    display: inline-block;
    margin: 30px 0px 10px 0px;
}
.blog-content h3, .blog-content h4 {
    width: 100%;
    color: #071e3a;
    display: inline-block;
    margin: 15px 0px 10px 0px;
}

.blog-content p {
    width: 100%;
    text-align: justify;
    /* margin: 0px 0px 15px; */
    line-height: 1.6;
}

.post-tags span {
    font-weight: 600;
    float: left;
    margin: 0px 15px 0px 0px;
}

.post-tags ul li {
    float: left;
    font-weight: 600;
    padding: 3px 20px;
    background: #eaeef5;
    margin: 0px 10px 0px 0px;
    border-radius: 100px;
    font-size: 14px;
    color: #9e9e9e;
}
.post-tags ul li:last-child {margin-right:0px;}
.post-tags {
    margin: 10px 0px;
    display: inline-block;
    width: 100%;
}

.social-tags span {
    font-weight: 600;
    float: left;
    margin: 4px 20px 0px 0px;
}
.social-tags .social-share {
    float: left;
}
.social-share li {
    float: left;
    margin: 0px 15px 0px 0px;
}
.social-share li a {
    display: block;
    float: left;
    border: 1px solid #e8f1f7;
    border-radius: 100%;
    height: 36px;
    width: 36px;
    text-align: center;
    padding: 5px;
    line-height: 1.3;
    vertical-align: middle;
}
.social-share li i {
	color:#626a70;
    vertical-align: middle;
}

.social-tags {
    display: inline-block;
    width: 100%;
    margin: 10px 0px 0px 0px;
    padding: 15px 0px 0px 0px;
    border-top: 1px solid #f0f4f8;
}


.latest-post {
    padding: 25px 25px;
    display: inline-block;
}
.bullet {margin:0px 0px 20px 0px;}
.bullet li {padding-left:22px;position:relative;font-size:13px;}
.bullet li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 10px;
    width: 7px;
    height: 7px;
    background-color: #00bbff;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
}
.ord-list {margin:0px 0px 20px 0px;padding-left: 30px;}
.ord-list li {padding-left:5px;position:relative;font-size:13px;list-style: lower-alpha;line-height:1.3;line-height: 2;margin-bottom: 5px;}




.links-w50 li {float:left;width:50%;}
.foot-payment-logo {
    background: #fff;
    float: left;
    border: 1px solid #d0d0d0;
    border-radius: 4px;
    padding: 0px;
}
.foot-payment-logo li {
    float: left;
    width: 25%;
    padding: 4px;
    border-right: 1px solid #d0d0d0;
}

.foot-payment-logo li:last-child {border-right: 0px solid #d0d0d0;}




.btmctn .panel {
    border-top: 0px solid #a2a2a2;
	margin-bottom:5px;
}
.btmctn .panel-heading {
    background-color: #f4f4f4;
    border-radius: 0;
    border: none;
    color: #fff;
    padding: 0px 15px;
}
.btmctn .panel-title {
	margin:0px;
}
.btmctn .panel:last-child .panel-body {
  border-radius: 0 0 4px 4px;
}

.btmctn .panel:last-child .panel-heading {
  border-radius: 0 0 4px 4px;
  transition: border-radius 0.3s linear 0.2s;
}

.btmctn .panel:last-child .panel-heading.active {
  border-radius: 0;
  transition: border-radius linear 0s;
}
/* #bs-collapse icon scale option */

.btmctn .panel-heading a:before {
  content: '\f107';
  position: absolute;
  font-family: 'FontAwesome';
  right: 5px;
  top: 10px;
  color:#fff;
  font-size: 24px;
  transition: all 0.5s;
  transform: scale(1);
}

.btmctn .panel-heading.active a:before {
  content: ' ';
  transition: all 0.5s;
  transform: scale(0);
}

.btmctn #bs-collapse .panel-heading a:after {
  content: ' ';
  font-size: 24px;
  position: absolute;
  font-family: 'FontAwesome';
  right: 5px;
  top: 10px;
  transform: scale(0);
  transition: all 0.5s;
}

.btmctn #bs-collapse .panel-heading.active a:after {
  content: '\f107';
  transform: scale(1);
  transition: all 0.5s;
}
/* #accordion rotate icon option */

.btmctn #accordion .panel-heading a:before {
  content: '\f107';
  font-size: 24px;
  position: absolute;
  font-family: 'FontAwesome';
  right: 5px;
  top: 10px;
  color:#071e3a;
  transform: rotate(180deg);
  transition: all 0.5s;
  display:none;
}

.btmctn #accordion .panel-heading.active a:before {
  transform: rotate(0deg);
  transition: all 0.5s;
}

.btmctn .panel-collapse.show {
    margin-bottom: 0px;
}

.btmctn .panel-group .panel .panel-heading h4 a {
    color: #071e3a;
}










/*
.blog-detail ul:nth-of-type(1) li {
  list-style-type: disc;
}

.blog-detail ul:nth-of-type(2) li {
  list-style-type: circle;
}
.blog-detail ul:nth-of-type(3) li {
  list-style-type: square;
}

.blog-detail ul:nth-of-type(4) li {
  list-style-type: decimal;
}

.blog-detail ul:nth-of-type(5) li {
  list-style-type: decimal-leading-zero;
}

.blog-detail ul:nth-of-type(6) li {
  list-style-type: lower-roman;
}

.blog-detail ul:nth-of-type(7) li {
  list-style-type: upper-roman;
}

.blog-detail ul:nth-of-type(8) li {
  list-style-type: lower-greek;
}

.blog-detail ul:nth-of-type(9) li {
  list-style-type: lower-latin;
}

.blog-detail ul:nth-of-type(10) li {
  list-style-type: upper-latin;
}

.blog-detail ul:nth-of-type(11) li {
  list-style-type: armenian;
}

.blog-detail ul:nth-of-type(12) li {
  list-style-type: georgian;
}

.blog-detail ul:nth-of-type(13) li {
  list-style-type: lower-alpha;
}

.blog-detail ul:nth-of-type(14) li {
  list-style-type: upper-alpha;
}

.blog-detail ul:nth-of-type(15) li {
  list-style-type: none;
}

*/


















/*
.flags-canada, .flags-mexico, .flags-usa {
  background-image: url('../../assets/images/sprite.png');
  background-repeat: no-repeat;
}

.flags-canada {
  height: 128px;
  background-position: -5px -5px;
}

.flags-usa {
  height: 135px;
  background-position: -5px -143px;
}

.flags-mexico {
  height: 147px;
  background-position: -5px -288px;
}

*/

.acclist-search .dropdown input:focus {border:0px !important;outline:0px !important;}
.acclist-search .dropdown {width: 100%;}
.acclist-search .dropdown input {width: 100%;}

.main-header.fixed-header .menu-right-content a.btn-default {
    display: inline;
}

/* .main-header .menu-right-content a.btn-default {
    display: none;
} */
.input-with-icon .form-control {
    padding: 0px;
}
.input-with-icon .dropdown input {outline: 0px !important;}


#rating-content .form-group {
    margin: 0px 0px 15px 0px;
}
#rating-content .modal-footer {
    text-align: left;
    justify-content: flex-start;
}


.openighr {
padding: 20px;
margin-bottom: 10px;
display: inline-block;
}
.list-accuntnthour li label {text-transform: capitalize;}
.openighr li h3 {margin: 0px 0px 10px 0px;}







/*-------- Menu -------------*/

.content {position: absolute;margin: 0px 0px 0px 0px;width: 100%;display: inline-block;right: 0px;}
.clearfix:after, .clearfix:before {content: '';display: table;}
.clearfix:after {clear: both;display: block;}
ul {list-style:none;margin: 0;padding: 0;}

.exo-menu a, .exo-menu a:hover, .exo-menu a.active, .exo-menu a:active, .exo-menu a:visited, .exo-menu a:focus{color:#031b39;text-decoration:none;}
.exo-menu{width: 100%;float: left;list-style: none;position:relative;}
.exo-menu > li {display: inline-block;float:right;}
.exo-menu > li > a{color: #ccc;text-decoration: none;text-transform: uppercase;border-right: 0px #365670 dotted;
-webkit-transition: color 0.2s linear, background 0.2s linear;-moz-transition: color 0.2s linear, background 0.2s linear;-o-transition: color 0.2s linear, background 0.2s linear;transition: color 0.2s linear, background 0.2s linear;}
.exo-menu > li > a.active, .exo-menu > li > a:hover, li.drop-down ul > li > a:hover{background:#009FE1;color:#fff;}
.exo-menu i {color:#fff;font-size: 18px;margin-left: 6px;line-height: 20px !important;}

li.drop-down, .flyout-right, .flyout-left{position:relative;}
li.drop-down:before {content: "\f103";color: #fff;font-family: FontAwesome;font-style: normal;display: inline;position: absolute;right: 6px;top: 20px;
font-size: 14px;}
li.drop-down>ul{left: 0px;min-width: 230px;}
.drop-down-ul{display:none;}
.flyout-right>ul, .flyout-left>ul{top: 0;min-width: 230px;display: none;border-left: 1px solid #365670;}
li.drop-down>ul>li>a,
.flyout-right ul>li>a ,
.flyout-left ul>li>a {
	color: #fff;
	display: block;
	padding: 20px 22px;
	text-decoration: none;
	background-color: #365670;
	border-bottom: 1px dotted #547787;
	-webkit-transition: color 0.2s linear, background 0.2s linear;
	-moz-transition: color 0.2s linear, background 0.2s linear;
	-o-transition: color 0.2s linear, background 0.2s linear;
	transition: color 0.2s linear, background 0.2s linear;
}
.flyout-right ul>li>a ,
.flyout-left ul>li>a {
	border-bottom: 1px dotted #B8C7BC;
}


/*Flyout Mega*/
.flyout-mega-wrap {
	top: 0;
	right: 0;
	left: 100%;
	width: 100%;
	display:none;
	height: 100%;
	padding: 15px;
	min-width: 742px;

}

.flyout-mega ul > li > a {
  font-size: 90%;
  line-height: 25px;
  color: #fff;
  font-family: inherit;
}
.flyout-mega ul > li > a:hover,
.flyout-mega ul > li > a:active,
.flyout-mega ul > li > a:focus{
  text-decoration: none;
  background-color: transparent !important;
  color: #ccc !important
}
/*mega menu*/

.mega-menu {
    width: 75%;
    right: 0;
    padding: 15px;
    display: none;
    padding-top: 0;
    min-height: 100%;
    max-width: 80%;
}
h4.row.mega-title {
  color: #eee;
  margin-top: 0px;
  font-size: 14px;
  padding-left: 15px;
  padding-bottom: 13px;
  text-transform: uppercase;
  border-bottom: 1px solid #143052;
  padding-top: 15px;
  background-color: #143052
  }
 .mega-menu ul li a {
  line-height: 25px;
  font-size: 90%;
  display: block;
}
ul.stander li a {
    padding: 3px 0px;
}

ul.description li {
    padding-bottom: 12px;
    line-height: 8px;
}

ul.description li span {
    color: #ccc;
    font-size: 85%;
}
a.view-more{
  border-radius: 1px;
  margin-top:15px;
  background-color: #144788;
  padding: 2px 10px !important;
  line-height: 21px !important;
  display: inline-block !important;
}
a.view-more:hover{
	color:#fff;
	background:#0DADEF;
}
ul.icon-des li a i {
    color: #fff;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    text-align: center;
	margin: 0px 10px 0px 0px;
    background-color: #144788;
    line-height: 35px !important;
}

ul.icon-des li {
    width: 100%;
    display: table;
    margin: 15px 0px;
}

/*Images*/
.Images{
	left:0;
   width:100%;
	 display:none;
	color:#fefefe;
	padding-top:15px;
	background:#547787;
	padding-bottom:15px;
}
.Images h4 {
  font-size: 15px;
  margin-top: 0px;
  text-transform: uppercase;
}
/*common*/
.flyout-right ul>li>a ,
.flyout-left ul>li>a,
.flyout-mega-wrap,
.mega-menu{
	background-color: #fff;
	-webkit-box-shadow: 0 0 15px 0 rgb(148 148 148 / 35%);
    -moz-box-shadow: 0 0 15px 0 rgba(148,148,148,.35);
    box-shadow: 0 0 15px 0 rgb(148 148 148 / 35%);
}

/*hover*/
.Blog:hover,
.Images:hover,
.mega-menu:hover,
.drop-down-ul:hover,
li.flyout-left>ul:hover,
li.flyout-right>ul:hover,
.flyout-mega-wrap:hover,
li.flyout-left a:hover +ul,
li.flyout-right a:hover +ul,
.blog-drop-down >a:hover+.Blog,
li.drop-down>a:hover +.drop-down-ul,
.images-drop-down>a:hover +.Images,
.mega-drop-down a:hover+.mega-menu,
li.flyout-mega>a:hover +.flyout-mega-wrap{
	display:block;
}
/*responsive*/
 @media (min-width:767px){
	.exo-menu > li > a{
	display:block;
	padding: 20px 22px;
 }
.mega-menu, .flyout-mega-wrap, .Images, .Blog,.flyout-right>ul,
.flyout-left>ul, li.drop-down>ul{
		position:absolute;z-index: 3;
}
 .flyout-right>ul{
	left: 100%;
	}
	.flyout-left>ul{
	right: 100%;
}
 }
 
@media (max-width:767px){

.exo-menu {min-height: 58px;background-color: #23364B;width: 100%;}
.exo-menu > li > a{width:100% ;display:none;}
.exo-menu > li{width:100%;}
.display.exo-menu > li > a{display:block;padding: 20px 22px;}

.mega-menu, .Images, .Blog,.flyout-right>ul, .flyout-left>ul, li.drop-down>ul{position:relative;}

}
a.toggle-menu{position: absolute;right: 0px;padding: 20px;font-size: 27px;background-color: #ccc;color: #23364B;top: 0px;}

.icon-des, .description, .stander {margin:20px 0px 0px 0px;}



@media only screen and (max-width: 47.875em) {
.menu-area .mobile-nav-toggler i {color:#fff;}

.menu-area .mobile-nav-toggler {display: block;margin-top: 42px;padding: 10px;}


}

.sec-con{background: #f4f4f4;padding: 70px 0;}
.breadcrum {margin: 0px !important;padding: 0px !important;}
.breadcrum li {float: none;margin: 0px;}
.blog-detail img {width: 100%;}
.servlists li {float: left;width: 25%;position: relative;padding-left: 35px;}
.servlists li i {position: absolute;left: 0px;height: 26px;width: 26px;top: 2px;background: #071e3a;text-align: center;line-height: 26px;border-radius: 100%;
color: #fff;margin: 0px 10px 0px 0px;}
.servlists li a {color: #071e3a;font-weight: 600;}
.contactformnewtab {text-align: center;}



#map-layer {
    max-width: 100%;
    min-height: 390px;
    width: 100% !important;
}/*Add Listing Page CSS - 05.11.2021 - Start Here*/.add-listing-section{    background-color: #fcfcfc;    padding: 130px 0;}.add-list-vid{    padding-left: 3rem;    position: relative;    overflow: hidden;}.add-list-vid .fit-image{    width: 100%;    height: 100%;    object-fit: cover;    object-position: center;    min-height: 575px;    border-radius: 2px;    transition: all 0.3s cubic-bezier(.25, .8, .25, 1);    -webkit-box-shadow: 0px 0px 15px 0px rgb(0 0 0 / 10%);    box-shadow: 0px 0px 15px 0px rgb(0 0 0 / 10%);}.mask-radius {    content: '';    position: absolute;    z-index: 1;    right: 0px;    bottom: 0;    width: calc(58% + 15px);    height: 58%;    background-image: -webkit-linear-gradient(45deg, #00aeed 0%, #00aeed 55%);    background-image: linear-gradient(45deg, #00aeed 0%, #00aeed 55%);    border-radius: 100% 0 0 0;    opacity: 0.25;}.play-video {    position: absolute;    z-index: 2;    right: 15%;    height: 100px;    width: 100px;    bottom: 15%;    padding: 1.75rem 2.2rem;    border-radius: 100%;    font-size: 3rem;    background-image: -webkit-linear-gradient(45deg, #00aeed 0%, #00aeed 55%);    background-image: linear-gradient(45deg, #00aeed 0%, #00aeed 55%);    background-size: 200% auto;    color: #fff;}h2.featured {    font-size: 3rem;    font-weight: 900;    line-height: 1.2;    font-family: 'Museo Slab 300';    color: #071e3a;    -ms-word-wrap: break-word;    word-wrap: break-word;    position: relative;    width: fit-content;    margin: auto;    margin-left: 0;    margin-top:0;}h2.featured:before {    content: '';    position: absolute;    top: -22px;    left: 0;    width: 50px;    height: 5px;    background-image: -webkit-linear-gradient(45deg, #00aeed 15%, #00aeed 65%);    background-image: linear-gradient(45deg, #00aeed 15%, #00aeed 65%);}.step-title p {    margin: 1.5rem 0;    line-height: 1.5;    color:#8e8e8e;    font-size:1rem;    margin-bottom:40px;}.step-progress-bar ul{  padding: 0px !important;}.step-progress-bar .small-text{  font-size: 14px;  font-weight:500;}.step-progress-bar span{  color: #071e3a;}.step-progress-bar span.active{  color: #0098d7;}.step-progress-bar .outside-bar-left {  position: absolute;  z-index: 0;  height: 7px;  width: 25%;  background-color: #00aeed;  left: 3%;  top: 184px;}.step-progress-bar .outside-bar-left.active {  background-color: #00aeed;}.step-progress-bar .outside-bar-right{  position: absolute;  z-index: 0;  height: 7px;  width: 25%;  background-color: #071e3a;  right: 3%;  top: 184px;}.step-progress-bar .outside-bar-right.active {  background-color: #00aeed;}.step-progress-bar .progressbar {  margin-top: 20px;  counter-reset: step;}.step-progress-bar .progressbar li {  color: #c8e1ea;  list-style: none;  display: inline-grid;  width: 49%;  position: relative;  text-align: center;  cursor: pointer;}@media screen and (max-width: 700px){.step-progress-bar  .progressbar li {    width: 49%;  }}.step-progress-bar .progressbar li:before {  content: counter(step);  counter-increment: step;  width: 40px;  height: 40px;  line-height : 40px;  font-size: 20px;  border-radius: 100%;  display: block;  text-align: center;  margin: 0 auto 10px auto;  background-color: #071e3a;  z-index: 2;  color:#fff;}.step-progress-bar .progressbar li:after {  content: "";  position: absolute;  width: 100%;  height: 7px;  background-color: #071e3a;  top: 15px;  left: -50%;  z-index : 0;}.step-progress-bar .progressbar li:first-child:after {  content: none;}.step-progress-bar .progressbar li.active {  color: #fff;}.step-progress-bar .progressbar li.active:before { background-color: #00aeed;}.step-progress-bar .progressbar li.active:after {  background-color: #00aeed;}.add-listing-section .theme-form{    margin-top:40px;}.add-listing-section .card-footer {    padding: 0.75rem 1.25rem;    padding-left: 5px;    background-color: transparent;    border: none;}.add-listing-section .form-control {    background-color: transparent;    border: 1px solid #ced4da;    text-indent: 20px;    border-radius: 2px;}.add-listing-section .step-group span {    position: absolute;    left: 28px;    top: 10px;}.add-listing-section .step-group .btn-secondary{    padding: 0.5rem 1.5rem;    font-size: 1rem;    background-color: #00aeed;    border-color: #00aeed;}/*responsive*/@media (max-width:1024px) {    .step-progress-bar .outside-bar-right,.step-progress-bar .outside-bar-left {    top: 207px;}}@media (max-width:800px) {   .add-list-vid {    padding-left: 0rem;}}@media only screen and (max-width: 47.875em) {.add-list-vid {    margin-top: 40px;}}@media only screen and (max-width: 480px) {    .step-progress-bar .outside-bar-right, .step-progress-bar .outside-bar-left {    top: 207px;}}@media only screen and (max-width: 320px) {    .step-progress-bar .outside-bar-right, .step-progress-bar .outside-bar-left {    top: 232px;}}/*Add Listing Page CSS - 05.11.2021 - End Here*/







/*SDLT Landing Page CSS Start*/
.banner-sdlt {
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    padding: 170px 0px 80px 0px;
    background: url(../../assets/images/banner/sdlt.jpg);
}
.banner-sdlt h1 {
    font-family: 'Museo Slab 300';
    color: #fff;
    margin: 20px 0px 25px 0px;
    font-weight: 600;
    padding-top:80px;
}
.banner-sdlt .explor-msg {
    color: #fff;
    font-size: 16px;
    margin: 10px 0px 0px 0px;
}
.cta-form{
    padding: 0px 30px;
}
.cta-form-block {
    background-color: #ffffff;
    border-radius: 8px;
    padding: 30px;
    position: relative;
    z-index: 9;
}
.cta-form-block:before {
    background-color: rgba(255, 255, 255, 0.149);
    border-radius: 8px;
    content: "";
    bottom: -10px;
    left: -10px;
    position: absolute;
    right: -10px;
    top: -10px;
    z-index: -1;
}

.cta-form-block .card-footer {
    padding: 0.75rem 1.25rem;
    padding-left: 5px;
    background-color: transparent;
    border: none;
}
.cta-form-block input {
    background-color: transparent;
    border: 1px solid #ced4da;
    text-indent: 20px;
    border-radius: 2px;
    margin-bottom: 18px;
}
.cta-form-block textarea{
    background-color: transparent;
    border: 1px solid #ced4da;
    border-radius: 2px;
   margin-bottom: 25px;
   height:100px;
}
.cta-form-block  span {
    position: absolute;
    left: 28px;
    top: 10px;
}
.cta-form-block .btn-default{
    line-height: 28px;
    font-weight: 400;
    font-size: 16px;
    letter-spacing: .5px;
    font-family: 'Museo Slab 500' !important;
   background: #00afef;
    color: #fff;
    border-radius: 100px;
    padding: 8px 30px;
    width:100%;
}
.sdlt-cont .step-title{
padding-top:60px;
}
.sdlt-cont h4.featured {
    font-size:22px;
    line-height: 1.4;
    font-family: 'Museo Slab 300';
    color: #071e3a;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
    position: relative;
    width: fit-content;
    margin: auto;
    margin-left: 0;
    margin-top:0;
}
.sdlt-cont h4.featured:before {
    content: '';
    position: absolute;
    top: -22px;
    left: 0;
    width: 50px;
    height: 3px;
    background-image: -webkit-linear-gradient(45deg, #00aeed 15%, #00aeed 65%);
    background-image: linear-gradient(45deg, #00aeed 15%, #00aeed 65%);
}
.sdlt-services{
    padding:80px 0px 80px 0px;
    background: linear-gradient(to bottom, #071e3a 0%, #071e3a 60%, #071e3a 50%, #071e3a 100%);
}
.sdlt-ser-img img{
    filter: drop-shadow(2px 4px 4px rgb(36 137 193 / 70%));
    padding-top:190px;
}
.sdlt-services h2 {
    font-family: 'Museo Slab 300';
    color: #fff;
    margin: 20px 0px 25px 0px;
    font-weight: 600;
}
.sdlt-services .serv-content{
    padding-left:70px;

}
.sdlt-services .serv-content .serv-ul{
    counter-reset: step;
 }
.sdlt-services .serv-content .serv-ul li{
    border: 1px solid #f1f1f1;
    padding: 15px 10px;
    margin-bottom: 15px;
    display: block;
    position:relative;
 }
.sdlt-services .serv-content .serv-ul li span{
    position: absolute;
    top: 20px;
    left: 75px;
    color:#fff;
 }
.sdlt-services .serv-content .serv-ul li span.twline{
   
    top: 8px;
 
 }
.sdlt-services .serv-content .serv-ul li:before {
    content: counter(step);
    counter-increment: step;
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 20px;
    border-radius: 100%;
    display: block;
    text-align: center;
   
    background-color: #00aeed;
    z-index: 2;
    color: #fff;
}
.sdlt-help{
   padding:80px 0px 80px 0px;
}
.sdlt-help .left-dash{
    padding-top:90px;
}
.sdlt-help h2 {
    font-family: 'Museo Slab 300';
    color: #071e3a;
    margin: 20px 0px 25px 0px;
    font-weight: 600;
}
.sdlt-help .sdlt-ser-img img{
    filter: drop-shadow(2px 4px 4px rgb(0 0 0 / 10%));
    padding-top:10px;
}
.sdlt-help-ul li{
 border: 1px solid #ced4da;
    padding: 15px 10px;
    margin-bottom: 15px;
    display: block;
    position:relative;
    width:40%;
    float:left;
}
.sdlt-help-ul li:nth-child(even){
 margin-left:8%;
}
.sdlt-help-ul li span{
    position: absolute;
    top: 20px;
    left: 55px;
    color:#071e3a;
    font-size:18px;
    font-weight:600;
 }
/*SDLT Landing Page CSS End*/




/*limited-company-accountants-landing page css*/
.banner-sdlt.dt-od-com {
    background: url(../../assets/images/banner/aydlc.jpg);
    background-repeat: no-repeat;
    background-position: center center;
}

.banner-sdlt.dt-od-com ul li {
    color: #fff;
    font-size: 22px;
    padding-left: 30px;
    position: relative;
    margin-bottom: 10px;
}

.banner-sdlt.dt-od-com ul  li span{
   color: #fff;
    position: absolute;
    top: 0;
    left: 0;
}
.banner-sdlt.dt-od-com h1 {
    padding-top: 10px;
}
.dt-od-com-section{
    background-color: #fcfcfc;
    padding: 130px 0;
}
.dt-od-com-section .about-content {
    position: relative;
    z-index: 111;
}
.dt-od-com-section .about-content .rs-animations .spinner {
  position: absolute;
  bottom: 0;
  z-index: -11;
}
.dt-od-com-section .about-content .rs-animations .spinner.dot {
  top: -45px;
  left: -40px;
}
.dt-od-com-section .about-content .rs-animations .spinner.ball {
  bottom: -66px;
  left: -73px;
}
.scale {
  animation: scale 2s alternate infinite;
}
@-webkit-keyframes scale {
  0% {
    transform: scale(0.8);
    -webkit-transform: scale(0.8);
  }
  100% {
    transform: scale(1);
    -webkit-transform: scale(1);
  }
}
.dance2 {
  -webkit-animation: dance2 4s alternate infinite;
}
@keyframes dance2 {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
  }
  50% {
    -webkit-transform: translate3d(15px, -15px, 0);
  }
  100% {
    -webkit-transform: translate3d(0, -15px, 15px);
  }
}
.dt-od-com-section .dt-od-com-content{
   padding-left:50px;
   padding-top:20px;
}
.dt-od-com-section .dt-od-com-content p {
    margin: 1.5rem 0;
    line-height: 1.5;
    color: #8e8e8e;
    font-size: 1rem;
    margin-bottom: 40px;
}
.dtod-section{
    background-image: url(../../assets/images/banner/bg1.jpg);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top:100px;
    padding-bottom:80px;
}
.dtod-section .dtod-content{

}
.dtod-section .dtod-content p{
     margin: 1.5rem 0;
    line-height: 1.5;
    color: #333;
    font-size: 1rem;
    margin-bottom: 20px;
}
.dtod-section .image-part{
    text-align:center;
}
.dtod-bene-section{
    padding-top:80px;
    padding-bottom:80px;
}
.dtod-bene-section .dtod-bene-content{
    padding-top:50px;
}
.dtod-bene-section .dtod-bene-content h2{
    font-size:34px;
    line-height:1.3;
    margin-bottom:30px;
}
.dtod-bene-section .dtod-bene-content ol {
  list-style: none;
  counter-reset: my-awesome-counter;
}
.dtod-bene-section .dtod-bene-content ol li {
  counter-increment: my-awesome-counter;
   line-height: 1.5;
    color: #8e8e8e;
    font-size: 1rem;
    margin-bottom:15px;
}
.dtod-bene-section .dtod-bene-content ol li strong {
    color: #071e3a;
}
.dtod-bene-section .dtod-bene-content ol li::before {
  content: counter(my-awesome-counter) ". ";
  color: #0491c5;
  font-weight: bold;
}
.see-how-section{
    background: linear-gradient(to bottom, #071e3a 0%, #071e3a 60%, #071e3a 50%, #071e3a 100%);
     padding-top:80px;
    padding-bottom:80px;
}
.see-how-section h2{
    text-align: center;
    color: #fff;
   font-size: 2.5rem;
    font-weight: 900;
    line-height: 1.2;
    font-family: 'Museo Slab 300';
}
.see-how-section h2 span{
   
    color: #00afef;

}

.dtod-section .dtod-content {
    padding-top: 75px;
}




/*ADLC Landing Page CSS end*/



/*Self-assessment Landing Page CSS Start*/
.self-help .left-dash {
    padding-top: 80px;
}
.self-help .sdlt-help-ul li {
    border: 1px solid #ced4da;
    padding: 15px 10px;
    margin-bottom: 15px;
    display: block;
    position: relative;
    width: 42%;
    float: left;
}
.self-asse-section{
    padding-top:80px;
    padding-bottom:80px;
}
.self-asse-section .self-asse-content p{
    margin: 1.5rem 0;
    line-height: 1.5;
    color: #8e8e8e;
    font-size: 1rem;
    margin-bottom: 20px;
}
.self-asse-section .self-asse-content p strong{
    color: #071e3a;
    font-size: 1.2rem;
}
.self-asse-section .self-asse-content ul li {
    color: #8e8e8e;
    font-size: 16px;
    padding-left: 25px;
    position: relative;
    margin-bottom: 10px;
}
.self-asse-section .self-asse-content ul  li span{
   color: #071e3a;
    position: absolute;
    top: 2px;
    left: 0;
}
.self-asse-section .self-asse-content ul li ul{
    margin-left:15px;
    margin-top:5px;
}
.self-asse-section .self-asse-content ul li ul li span{
    color: #00afef;
}
.self-asse-section .image-part{
    padding:0px 50px;
    padding-top:20px;
 }
/*Self-assessment Landing Page CSS End*/
.inner-search-block{
margin-top:40px;
padding-right:70px;
}
.dropbtn {
  background-color: #04AA6D;
  color: white;
  padding: 16px;
  font-size: 16px;
  border: none;
  cursor: pointer;
}

.dropbtn:hover, .dropbtn:focus {
  background-color: #3e8e41;
}
#myInput {
    width: 100%;
    box-sizing: border-box;
    font-size: 13px;
    height: 38px;
    padding: 0px 0px 0px 25px;
    border-radius: 30px 0px 0px 30px;
    border: none;
    border-bottom: 0px solid #ddd;
}


#myInput:focus {outline: 3px solid #ddd;}

.dropdown {
  position: relative;
  display: block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f6f6f6;
    min-width: 230px;
    overflow: auto;
    border: 1px solid #ddd;
    z-index: 999999;
    top: 46px;
}
.dropdown-content option {
    padding: 5px 15px;
}
.hero-search-radius .input-with-icon .form-control {padding: 0px 0px 0px 25px;}

.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

.dropdown a:hover {background-color: #ddd;}

.show {display: block;}
.inputsearchrt {
   position: relative;
}

.inputsearchrt .catlistview {
   position: absolute;
   z-index: 1;
top: 46px;
   background: #f5f5f5;
   height: 230px;
   overflow: hidden;
   overflow-y: scroll;
}
.inputsearchrt .catlistview p {
   padding: 6px 15px;
   font-size: 14px;
    line-height: 1.3;
    color: #666666;
}
.inputsearchrt .catlistview p:hover {
    background: #071e3a;
    color: #fff;
}
#ui-id-1.ui-widget-content{
    background: #f5f5f5;
    overflow-y: scroll;
    max-height: 230px;
}
#ui-id-1.ui-menu .ui-menu-item{
   color: #071e3a;
    padding: 5px 5px;
}
#ui-id-1.ui-menu .ui-menu-item a{
   color: #071e3a;
   font-size:14px;
   font-family: 'Museo Slab 500' !important;
  
}
#ui-id-1.ui-menu .ui-menu-item-wrapper{
    position: relative;
    padding: 3px 1em 3px 0.4em;
    font-size: 14px;
}
#ui-id-1.ui-menu .ui-menu-item:hover {
   
    border-radius: 0;
    text-shadow: none;
    box-shadow: none;
    transition: none;
}
#ui-id-1.ui-menu .ui-menu-item:hover a {
    background: #071e3a;
    color: #fff;
    border-radius: 0;
    text-shadow: none;
    box-shadow: none;
    transition: none;
}
#ui-id-1.ui-state-active, #ui-id-1.ui-widget-content .ui-state-active {
    border: 1px solid #2a1d79;
    background: #2a1d79;
    font-weight: normal;
    color: #fff;
}
#ui-id-1::-webkit-scrollbar-track{background-color: #071e3a;border-radius: 15px;}
#ui-id-1::-webkit-scrollbar {width: 7px;background-color: #071e3a;border-radius: 15px;padding:0 2px;}
#ui-id-1::-webkit-scrollbar-thumb {border-radius: 15px;background-color: #019cd6;width:2px;}

#catlistview::-webkit-scrollbar-track{background-color: #071e3a;border-radius: 15px;}
#catlistview::-webkit-scrollbar {width: 7px;background-color: #071e3a;border-radius: 15px;padding:0 2px;}
#catlistview::-webkit-scrollbar-thumb {border-radius: 15px;background-color: #019cd6;width:2px;}

.bcppgetitle-bg {
    position: relative;
    background: url(../../assets/images/banner/services-banner.png);
    background-size: cover!important;
    background-repeat: no-repeat;
    background-position: center center;
}
.bcp-section {
    position: relative;
    padding-top: 10px;
    padding-bottom: 50px;
    background: #f5f5f5;
    margin-bottom: 40px;
}
#awards-slider .awards-grid {
    border-radius: 100%;
    width: 152px;
    height: 152px;
	margin:0 auto;
    margin-top: 10px;
}
        #awards-slider .awards-grid img{
    width: 100%;
    margin: 15px 0px;
    border-radius: 100%;
    padding: 10px;
}
/*Careers Page CSS*/
.careerspgetitle-bg {
    background-image: url(../../assets/images/bg/blog-pagetitle.png);
}
.careers-section{
position:relative;
padding-top:60px;
padding-bottom:60px;
}
.careers-block{
border-radius: 8px;
    border: 1px solid #00afef6e;
    overflow: hidden;
    margin-bottom: 30px;
    position: relative;
    background: #f1f6fc;
	display: inline-block;
	padding:20px 15px;
	box-shadow: rgba(17, 17, 26, 0.1) 0px 0px 16px;
}
.careers-block h5 {
    color: #071e3a;
    font-weight: 600;
    line-height: 1.3;
    min-height: 65px;
}
.careers-block h5:after {
    content: ' ';
    clear: both;
    width: 3em;
    display: block;
    margin: 6px 0px 10px 0px;
    border-bottom: 3px solid #019cd6;
    text-align: left;
}
.careers-block h5 a{
    display: inline-block;
    width: 100%;
    color: #071e3a;
    font-weight: 600;
}
.careers-block p {
    min-height: 130px;
    text-align: justify;
}
.joblist-info{
    display: inline-block;
    margin-top: 20px;
	margin-bottom:10px;
}
.joblist-info li {
    float: left;
    color: #A0ABB8;
    font-size: 14px;
    border-right: 1px solid #fff;
    line-height: 1.3;
    padding: 0px 8px;
}
.joblist-info li i{
   margin-right:3px;
}
.joblist-info li:first-child {
    padding-left: 0px;
}
.joblist-info li:last-child {
    border-right: 0px solid #fff;
}
.p-btm {
    margin-top: 30px;
    text-align: center;
}
.p-btm p{
    line-height: 1.3;
    color: #333;
    font-size: 1rem;
}
.p-btm .btn-default {
    margin: auto;
    margin-top: 30px;
}
.with-us-section {
    background-color: #f1f6fc;
    padding: 80px 0;
}
    .with-us-section .about-content {
    position: relative;
    z-index: 111;
}
     .with-us-section .with-us-content {
    padding-left: 50px;
    padding-top: 20px;
}
    .with-us-section .with-us-content  h2 {
    font-size: 28px;
    line-height: 1.3;
    margin-bottom: 30px;
	font-weight: 600;
	font-family: 'Museo Slab 500';
}
    .with-us-section .with-us-content ul li {
    color: #8e8e8e;
    font-size: 16px;
	line-height:1.6;
    padding-left: 25px;
    position: relative;
    margin-bottom: 8px;
}
.with-us-section .with-us-content ul li strong{
    color: #071e3a;
}
    .with-us-section .with-us-content ul li span {
    color: #00aeed;
    position: absolute;
    top: 0;
    left: 0;
}
/*v-2*/
.job-grid {
    position: relative;
    margin: 0px 0px 30px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(../../assets/images/jb-1.png);
    height: 410px;
    border-radius: 10px;
}
.job-grid.bg-1 {
   
    background-image: url(../../assets/images/jb-1.png);
}    
.job-grid.bg-2 {
   
    background-image: url(../../assets/images/jb-2.png);
} 
.job-grid.bg-3 {
   
    background-image: url(../../assets/images/jb-3.png);
} 
.job-grid.bg-4 {
   
    background-image: url(../../assets/images/jb-4.png);
} 
.job-grid.bg-5 {
   
    background-image: url(../../assets/images/jb-5.png);
} 
.job-grid img {
    width: 100%;
    border-radius: 10px;
}
.job-grid:after {
    content: "";
    position: absolute;
    background-image: linear-gradient(to bottom,#071e3acf 0%,rgb(7 30 58 / 48%));
    height: 100%;
    width: 100%;
    left: 0;
    bottom: 0;
    border-radius: 10px;
    z-index: 0;
}
.job-content {
    position: absolute;
    top: 5%;
    z-index: 1;
    width: 100%;
    padding:20px 20px;
}
.job-content .job-head {
    color: #fff;
    font-weight: 600;
    font-size: 20px;
    height: 60px;
}
.job-content .job-head:after {
    content: ' ';
    clear: both;
    width: 3em;
    display: block;
    margin: 6px 0px 10px 0px;
    border-bottom: 3px solid #019cd6;
    text-align: left;
} 
.job-content .job-head a{
    color: #fff;
    font-weight: 600;
    font-size: 20px;
} 
.job-content .text p {
    text-align: justify;
    font-size:15px;
	color:#fff;
    min-height: 160px;
}
.job-content .joblist-info {
    margin-top: 25px;
}
.job-content .joblist-info li {
    color: #fff;
}  

.job-btn{
    text-align:center;
    margin-top:25px;
}
/*Careers Page CSS End*/
.thankyou-section.error-section{
    display: inline-block;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background-image: url(../../assets/images/error.jpg);
    height: 100vh;
    min-height: 650px;
    width: 100%;
    padding: 190px 0px 60px 0px;
}
.thankyou-section.error-section h2 {
    font-size: 110px;
}
.wabtn {
  background: #24d366;
}

.brows-category a {
  color: #fff;
}