@viewport{user-zoom: fixed;}
@import url('https://fonts.googleapis.com/css?family=Ruda&display=swap');

*,
*:after,
*:before {
  margin: 0;
  padding: 0;
  border: none;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
      box-sizing: border-box;
}
.bg-lite {
  background: #f5f5f5;
}
.nobr {
  border: none!important;
}
.container.onlyBlog {
  padding: 40px;
}
ul.dot-style li {
  position: relative;
  padding-left: 15px;
  margin-bottom: 5px;
}
ul.dot-style li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 9px;
  width: 5px;
  height: 5px;
  border-radius: 5px;
  background: #23395A;
}
.blogDetailPage {
  padding: 30px!important;
}
.btn-phone {
    position: relative;
    background: transparent;
    border: 1px solid #333;
    padding: 2px 15px 2px 30px!important;
    margin: 3px 30px!important;
    font-size: 14px;
    border-radius: 20px;
    color: #444;
    display: inline-block;
}
.btn-phone .fa {
    position: absolute;
    left: 7px;
    font-size: 26px;
    top: -4px;
    background: #fff;
    padding-left: 6px;
    -webkit-transform: rotate(15deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
.btn-phone span {
    background: #fff;
    position: absolute;
    left: 20px;
    top: -8px!important;
    font-size: 10px;
    text-transform: uppercase;
    top: 0;
    padding: 0 6px;
    line-height: 10px;
}
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video{
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

iframe{width: 100%;}

b, strong{font-weight: normal!important;}

ul,
ol{
  list-style: none;
}

q{quotes: none;}

table, table td{ 
  padding: 0;
  border: none;
  border-collapse: collapse;
  border-spacing: 0;
}

img{
  vertical-align: top; 
  max-width: 100%;
}

embed{ vertical-align: top;}

input,
button{
  -webkit-appearance: none;
  outline: none;
}

button::-moz-focus-inner{border: 0;}

html{
  overflow-x: hidden;
}

html,body{height: 100%;
  font-family: 'Ruda', sans-serif;
}
h1,h2,h3,h4,h5,h6,span,li,label,.btn {
    font-family: 'Ruda', sans-serif;
}
@media(min-width: 768px) {
  .row-flex{
    display : flex;
  }
}
.clamp2,.clamp1 {
  display: -webkit-box;
  -webkit-box-orient : vertical;
  -webkit-line-clamp : 2;
  text-overflow : ellipsis;
  overflow: hidden;
}
.clamp1 {
  -webkit-line-clamp : 1;
}

.carousel-fade .carousel-inner .item {
  opacity: 0;
  transition-property: opacity;
}

.carousel-fade .carousel-inner .active {
  opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}

.carousel-fade .carousel-control {
  z-index: 2;
}

/*
  WHAT IS NEW IN 3.3: "Added transforms to improve carousel performance in modern browsers."
  Need to override the 3.3 new styles for modern browsers & apply opacity
*/
@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
}

/* -----------------------------------

  2. Global 

------------------------------------- */
/** BOTTOM FIXED OPTIONS **/
    .fixed_button {
        position: fixed;
        right: 10px;
        bottom: 30px;
        z-index: 100;
        width: 39px;
    }
    .fixed_button .survey_btn {
        position: relative;
    }
    .fixed_button .survey_btn a:hover {
        opacity: 1;
        filter: alpha(opacity=100);
    }
    .fixed_button .survey_btn a {
        display: block;
        width: 39px;
        height: 39px;
        filter: alpha(opacity=60);
        margin-top: 5px;
        background: url(../../images/write-review.jpg) -3px no-repeat;
        background-size: cover;
        overflow: hidden;
        text-indent: -100em;
    }
    .fixed_button .survey_btn:hover .tips {
        display: block;
    }
    .fixed_button .survey_btn .tips {
        position: absolute;
        top: -1px;
        right: 42px;
        box-shadow: 0 0 5px #ddd;
        background: #fff;
        line-height: 39px;
        white-space: nowrap;
        padding: 0 10px;
        display: none;
        border: solid 1px #ddd;
    }
    .arrow_d i i {
        border-color: transparent transparent transparent #fff;
        right: -79px;
    }
    .fixed_button .app_btn {
        display: block;
        width: 39px;
        opacity: 1;
        margin-top: 5px;
        background: #666;
        position: relative;
        padding: 7px 0;
    }
    .fixed_button .app_btn em {
        display: block;
        width: 24px;
        height: 24px;
        margin: 0 auto;
        background: url(../../images/common_1.png) -197px -31px no-repeat;
        overflow: hidden;
    }
    .fixed_button .app_btn .mobilebox {
        position: absolute;
        right: 45px;
        bottom: -20px;
        display: none;
        padding: 0 10px;
    }
    .mobilebox {
        display: none;
        width: 276px;
        padding: 5px 5px 14px 5px;
        position: absolute;
        border: 1px solid #666;
        background: #fff;
        box-shadow: 3px 3px 3px rgba(0,0,0,0.1);
    }
    .fixed_button .app_btn:hover .mobilebox{
      display: block;
    } 
    .fixed_button .app_btn .mobilebox .arrow_d {
        right: -270px;
        top: 107px;
    }
    .arrow_d {
        display: block;
        position: relative;
        height: 8px;
        width: 4px;
        overflow: hidden;
    }
    .arrow_d i {
        display: block;
        height: 0px;
        width: 0px;
        border: 80px solid;
        border-color: transparent transparent transparent #000;
        position: absolute;
        top: 50%;
        right: -80px;
        margin-top: -80px;
    }
    .fixed_button .app_btn .mobilebox .mobilebox_item {
        margin-top: 17px;
    }
    
    .mobilebox_item .code{
      width:48%;
      float: left;
    }
    h4.aps{
      float: left;
      width: 50%;
      font-size: 15px;
    }
    .fixed_button .app_btn .mobilebox .txt {
        margin: 15px 0 10px;
    }
    .mobilebox .txt {
        border-bottom: 1px solid #d5d5d5;
        margin: 15px 0 -3px;
        font-weight: bold;
        padding-bottom: 15px;
        text-align: center;
        color: #000;
        font-size: 16px;
    }
    .box-login{
      background: #fff;
      padding: 0 20px 10px;
      border: 1px solid #eee;
      border-top: none;
    }
    .box-login .form-control{
      border: 1px solid #ddd;
    }

body{
  color: #222;
  font-weight: 400;
  position: relative;
}
.white{
  color: #fff!important;
}
.green{
  color: #479225!important;
}
.yellow{
  color: #FFDB3E!important;
}

    .btn-main-menu{ 
      float: right;
      background: transparent!important;
      padding: 0;
      border: 0;
      outline: none!important;
      width: 60px;
      margin-top: 12px!important;
    }
    .btn-main-menu p.line{
      width: 100%;
      height: 2px;
      background: #263850;
      margin-bottom: 6px;
      float: right;
      -webkit-transition: all .4s;
      -o-transition: all .4s;
      transition: all .4s;
    }
    .btn-main-menu p.line1{
      width: 70%;
    }
    .btn-main-menu p.line3{
      width: 80%;
    }
    .btn-main-menu:hover p.line1{
      width: 100%;
    }
    .btn-main-menu:hover p.line2{
      width: 80%;
    }
    .btn-main-menu:hover p.line3{
      width: 60%;
    }

.wrapper-container{
  position: relative;
  background: #fff;
}
.box-financing{
  padding: 30px 10px;
}
.box-financing .btn{
  padding: 3px 20px;
  border: none;
  background: #fff;
}
.banners.bg1 .box-financing{
  background: url(../../images/960x189_bg1.jpg);
  background-size: cover;
}
.banners.bg2 .box-financing{
  background: url(../../images/960x189_bg2.jpg);
  background-size: cover;
}
::selection{
  background: #04518c;
  color: #fff;
}

::-moz-selection{
  background: #04518c;
  color: #fff; 
}

::-o-selection{
  background: #04518c;
  color: #fff; 
}

::-ms-selection{
  background: #04518c;
  color: #fff;
}

.selected-type-1{
  background: #04518c;
  color: #fff;
}

img{
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.clearfix:after,
.row:after{
  clear: both;
  display: block;
  visibility: hidden;
  height: 0;
  content: ".";
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder{
  font-weight: 300;
  color: #777777;
  -webkit-transition:text-indent .5s ease,color .5s ease;
}

input::-moz-placeholder,
textarea::-moz-placeholder{
  font-weight: 300;
  color: #777777;
  opacity: 1;
  -webkit-transition:text-indent .5s ease,color .5s ease;
}

[placeholder]:focus::-webkit-input-placeholder{
  text-indent:10em;
  color:transparent;
}

[placeholder]:focus::-webkit-textarea-placeholder{
  text-indent:10em;
  color:transparent;
}

  /** INDEX PAGE :: WELCOME BLOCK **/
    .wrap-welcome {
      background: #f9f9f9;
    }
    @media(min-width: 992px) {
      .wrap-welcome-box {
        display: grid;
        grid-template-columns : 1fr 1fr;
      }
    }
    .leftFitBox {
      display: flex;
      background: #f5f5f5;
    }
    .centerMe {
      /* margin: auto; */
    }
    .leftFitBox img{
      width : 100%;
    height: 100%;object-fit: cover;}
    .rightFitBox{
      padding: 30px 20px;
    }
    .kf_edu2_intro_wrap {
        position: relative;
        background-color: #f8f8f8;
        padding: 70px 0;
    }
    .kf_edu2_intro_wrap:before {
        content: "";
        left: 0;
        width: 50%;
        top: 0;
        bottom: 0;
        background-image: url(../../images/welcome-bg.jpg);
        background-size: cover;
        background-position: center;
        position: absolute;
    }
    .kf_intro_des_wrap {
        float: right;
        width: 50%;
        padding: 0 30px;
    }
    .kf_edu2_heading2 {
        float: left;
        width: 83%;
        text-align: left;
    }
    .kf_edu2_heading2.right {
      float: right;
    }
    .kf_edu2_heading2 h3 {
        text-transform: uppercase;
        position: relative;
        font-size: 22px;
        padding-bottom: 15px;
        line-height: 40px;
        font-weight: normal;
    }
    .kf_edu2_heading2 h3:before {
        background-color: #666666;
        bottom: 0;
        content: "";
        height: 2px;
        left: 0;
        margin: auto;
        position: absolute;
        /* right: 49px; */
        width: 25px;
    }
    .kf_edu2_heading2 h3:after {
        background-color: #bbbbbb;
        bottom: 1px;
        content: "";
        height: 1px;
        left: 49px;
        /* margin: auto; */
        position: absolute;
        right: 0;
        width: 50px;
    }
    .kf_intro_des {
        float: left;
        width: 33.3%;
    }
    .kf_intro_des_caption {
        float: left;
        width: 100%;
        padding: 0px 15px;
        text-align: center;
    }
    .kf_intro_des_caption span {
        display: inline-block;
        width: 83px;
        height: 83px;
        border-radius: 100%;
        font-size: 32px;
        background-color: #fff;
        color: #666666;
        margin: 0 0 26px 0;
        border: solid 1px #ddd;
        transition: all 0.3s ease-in-out;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
    }
    .kf_intro_des_caption h6 {
        font-weight: normal;
        margin-bottom: 18px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        text-transform: uppercase;
    }
    .kf_intro_des_caption p {
        margin: 0 0 19px 0;
    }
    .kf_intro_des_caption a {
        display: inline-block;
        font-weight: bold;
        color: #666666;
        text-transform: capitalize;
        margin-bottom: 45px;
        font-size: 14px;
    }
    .kf_intro_des figure{
      transition: all 0.3s ease-in-out;
      -webkit-transition: all 0.3s ease-in-out;
      -moz-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      -moz-transition: all 0.3s ease-in-out;

    }
    .kf_cur_catg_des:before,figure:before{
      transition: all 0.3s ease-in-out;
      -webkit-transition: all 0.3s ease-in-out;
      -moz-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      -moz-transition: all 0.3s ease-in-out;
    }
    .kf_intro_des figure figcaption {
      display: none;
        position: absolute;
        top: 80%;
        left: 0;
        right: 0;
        bottom: 0;
        text-align: center;
        margin: -7px 0 0 0;
    }
    .kf_intro_des figure figcaption a {
        display: inline-block;
        font-weight: bold;
        font-size: 20px;
        color: #fff;
        text-transform: capitalize;
        opacity: 0;
    }
     .kf_intro_des:hover figure:before{
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      opacity: 0.70;
    }
    .kf_intro_des:hover figure figcaption a{
      opacity: 1;
    }
    .kf_intro_des_caption span i {
        line-height: 83px;
    }

    [class^="icon-"], [class*=" icon-"] {
        font-family: 'icomoon' !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }
    @media(min-width: 767px) {
      .founders-block {
        width: 100%;
        max-width: 350px;
        display: grid;
        grid-template-columns : 1fr 1fr;
        grid-gap : 20px;
      }
    }
    .founders-block > div {
      padding: 4px;
      border: 1px solid #263850;
      border-radius: 4px 4px 0 0;
      -webkit-transition: .4s ease-in-out;
      -o-transition: .4s ease-in-out;
      transition: .4s ease-in-out;
      text-align: center;
      margin-bottom: 20px;
    }
    .founders-block > div:hover {
      background: #263850;
    }
    .founders-block > div:hover * {
      color: #eee;
    }
    .founders-block .imgWrap {
      position: relative;
    }
    .founders-block .designation {
      position: absolute;
      left: 0;
      bottom: 10px;
      background: #263850;
      padding: 0px 12px;
      color: #eee;
      border-radius: 0 4px 4px 0;
      font-size : 12px;
    }
    .founders-block > div:hover .designation {
      
    }
    .founders-block > div img {
      border-radius: 4px 4px 0 0;
    display: block;margin-bottom: 4px;}
    .founders-block > div h4 {
      margin: 0;
      font-size: 13px;
      font-weight: normal;
    }
    .founders-block > div p {
      font-size: 13px;
      color: #777;
      margin: 0;
    }

  /** INDEX PAGE :: GET TRAINING BLOCK **/
    .edu2_tarining_bg {
        background-image: url(../../images/training-bg.jpg);
        position: relative;
        overflow: visible;
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .edu2_tarining_bg:before {
        content: "";
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        position: absolute;
        background-color: #333333;
        opacity: 0.85;
    }
    .kf_edu2_training_des {
        float: left;
        width: 100%;
        position: relative;
    }
    .kf_edu2_training_des figure {
        overflow: visible;
        position: absolute;
        left: 0;
        top: 0px;
    }
    .kf_content_wrap figure:before {
        content: "";
        left: 10%;
        right: 10%;
        top: 10%;
        bottom: 10%;
        position: absolute;
        opacity: 0;
    }
    .edu2_training_wrap{
        float: left;
        width: 100%;
        margin-top: 0px;
    }
    .edu2_training_wrap strong{
      color: #eee!important;
    }
    .edu2_training_wrap p{
      color: #ddd;
    }
    .edu2_training_wrap h2 {
        font-weight: 300;
        text-transform: capitalize;
        color: #fff;
        font-size: 26px;
        margin-bottom: 7px;
    }
    .edu2_training_wrap h3 {
        font-weight: 300;
        text-transform: capitalize;
        color: #fff;
        margin-bottom: 30px;
        font-size: 16px;
    }
    .btn-1 {
        border: 1px solid #fff;
        color: #fff!important;
        display: inline-block;
        font-weight: 500;
        padding: 11px 28px 10px;
        text-transform: uppercase;
        font-weight: normal;
        font-size: 16px;
    }

    /* REGISTRATION PAGE */
    .floating-field {
      position: relative;
      margin-bottom: 0;
    } 
    .floating-field .form-control {
      height: 45px;
      margin-bottom: 10px;
    }
    .floating-field .floating-label {
        position: absolute;
        pointer-events: none;
        left: 20px;
        top: 10px;
        transition: 0.2s ease all;
        color: #999;
        font-size: 14px;
    }
    .inputText:focus ~ .floating-label,
    .inputText:not(:focus):valid ~ .floating-label{
        top: -3px;
        left: 5px;
        font-size: 10px;
        opacity: 1;
        border-radius: 6px;
        padding: 1px 10px;
    }
    .floating-field .inputText {
        font-size: 14px;
        width: 100%;
      outline: none!important;
      box-shadow: none;
    }

    /** COURSES PAGE **/
      .coursesSection{
        padding : 40px 0 0;
      }
      .bg-lite{
        background : #F5F5F5;
      }
      button.register-now{
        border : none;
        padding: 3px 10px;
        border: none;
        background : #479225;
        color : #fff;
        font-size: 14px;
      }
      .container-ielts{
        margin-top : 40px;
        margin-bottom : 40px;
        background: #fff;
        padding: 40px;
      }
      .category-holder {
          background: #fff;
          padding: 15px 30px;
      }
      .category-holder h3 {
          margin-bottom: 5px;
          font-weight: bold;
          font-size: 18px;
          text-transform: uppercase;
          display: block;
          width: 100%;
          padding: 10px 0;
          /* background: #f5f5f5; */
          color: #263850;
      }
      ul.categories {
          margin-bottom: 20px;
      }
      ul.categories li a {
          display: block;
          padding: 10px 20px;
          text-transform: uppercase;
          color: #333;
          position: relative;
          border-bottom: 1px dashed #eee;
          font-size: 13px;
      }
      ul.categories li a::before {
          position: absolute;
          content: '\f105';
          left: 2px;
          top: 9px;
          font-size: 16px;
          font-family: 'FontAwesome';
          font-weight: bold;
      }
      .btn-tags{
        padding : 5px 15px!important;
        background: transparent!important;
        border : 1px solid #444;
        font-weight : bold!important;
        margin-bottom: 10px;
      }
      .btn-tags.active{
        background : #263850!important;
        color : #fff;
        pointer-events : none;
      }

/* ------------------------------------------------------
  
  3. General classes
  
------------------------------------------------------ */

.full-width{width: 100%!important;}

.wrapper{overflow: hidden;}

.relative{position: relative;}

.align-left{text-align: left;}

.align-center{text-align: center;}

.align-right{text-align: right;}

.f-left{float: left;}

.f-right{float: right;}

.hide{display: none;}

.show{display: block;}

.invisible{visibility: hidden;}

img[class*="align"]{
  margin-bottom: 15px;
  max-width: 50%;
}

img.alignleft{
  float: left;
  margin-right: 30px;
}

img.alignright{
  float: right;
  margin-left: 30px;
}

.page-content-wrap{padding: 80px 0;}

[class*="page-section"]{
  background-size: cover;
  background-position: center center;
}

[class*="page-section"]{padding: 80px 0;}

[class*="page-section"].no-space{padding: 0;}

[class*="page-section"].type2{padding: 60px 0;}

.page-section1{
  padding-top: 10px;
  padding-bottom: 40px;
}
.page-section-bg{
  background: #f2f2f2;
}

.page-section-bg2{
  background: #04518c;
}

.page-section-bg2 .section-title,
.page-section-bg3 .section-title{
  color: #fff;
}

.page-section-bg2,
.page-section-bg3{
  color: #eee;
}

.content-element:not(:last-child){margin-bottom: 80px;}

.content-element1:not(:last-child){margin-bottom: 10px;}

.content-element2:not(:last-child){margin-bottom: 20px;}

/* iTeam || .content-element3:not(:last-child){margin-bottom: 30px;}*/

.content-element4:not(:last-child){margin-bottom: 40px;}

.content-element5:not(:last-child){margin-bottom: 50px;}

.content-element6:not(:last-child){margin-bottom: 60px;}

.extra{width: 100%;}

[class*="flex-row"]{
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
}

[class*="flex-row"]:after{
  display: none;
}

[class*="flex-row"] > *{
  float: none;
}

.flex-justify{
  justify-content: space-between;
}

.flex-center{
  align-items: center;
}

.responsive-iframe{
  position: relative;
  z-index: 1;
  height: 0px;
  padding-bottom: 56.2%;
}

.responsive-iframe > iframe{
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
}

  .responsive-iframe.fix-size > iframe{
    top: -45%;
    height: 180%!important;
  }

/* Flex box collumns */

.fx-col-2 > *{
  width: 50%;
}

.fx-col-3 > *{
  width: 33.33333%;
}

.fx-col-4 > *{
  width: 25%;
}

.fx-col-5 > *{
  width: 20%;
}

.fx-col-6 > *{
  width: 16.66666%;
}

/* -----------------------------------

  4. Typography

------------------------------------- */

h1,h2,h3,h4,h5,h6{
    font-family: 'Ruda', sans-serif;
    color: #444;
    line-height: 1.3em;
    font-weight: 400;
    letter-spacing: 0.3px;
}

h1{
  letter-spacing: 0.1px;
  font-size: 48px;
}

h2{font-size: 36px;}

h3{font-size: 30px;}

h4{font-size: 24px;}

h5{
  font-size: 18px;
  letter-spacing: 0.5px;
}

h6{font-size: 16px;}

h1:not(:last-child){
  margin-bottom: 20px;
}

h2:not(:last-child){
  margin-bottom: 10px;
}

h3:not(:last-child){
  margin-bottom: 5px;
}

h4:not(:last-child){
  margin-bottom: 15px;
}

h5:not(:last-child){
  margin-bottom: 20px;
}

h6:not(:last-child){
  margin-bottom: 10px;
}

p{
  font-weight: 400;
  padding: 0;
  color: #555;
}

p:not(:last-child){
  margin-bottom: 20px;
}

p + .btn{
  margin-top: 5px;
}

.fw-medium{
  font-weight: 600;
}

a{
  margin: 0;
  padding: 0;
  font-size: 100%;
  outline: none;
  text-decoration: none;
  background: transparent;
  vertical-align: baseline;
}

a, a > *{
  text-decoration: none;
  outline: none !important;
}

a{
  color: #222;
}

button{
  -webkit-transition: all .4s ease;
          transition: all .4s ease;
}

a.link-text{
  color: #ffdb3e;
}

a.link-text:hover{
  text-decoration: underline;
}

a.link-text2{
  color: #479225;
}

[class^="icon-"]:before, 
[class*="icon-"]:before{
  width: auto;
  margin: 0;
  padding: 0;
}

h1.section-title{
  line-height: 60px;
}

.section-title:not(:last-child){
  margin-bottom: 5px;
}

.section-sub-title{
  text-transform: uppercase;
  color: #003056;
  font-weight: 200;
  letter-spacing: 0.8px;
}

.section-sub-title:not(:last-child){margin-bottom: 5px;}

.other-title{
  font-weight: 500;
}

.with-bg-img:not(.style-2) .section-title,
[class*="bg-full"] .section-title{
  color: #fff;
}

.with-bg-img .section-sub-title,
[class*="bg-full"] .section-sub-title{
  color: #eee;
}

.text-size-medium{
  font-size: 18px;
  line-height: 30px;
}

.text-size-small{
  font-size: 14px;
  line-height: 24px;
}

.text-size-medium + .btn{
  margin-top: 15px;
}

/* Tooltips */

.tooltips a{
  position: relative;
}

.tooltip{
  position:absolute;
  display:block;
  background:#fff;
  padding: 7px 10px;
  color: #222;
  font-size: 13px;
  line-height: 13px;
  font-weight: 300;
  opacity:0;
  visibility: hidden;
  white-space: nowrap;
  z-index:5;
  border-radius: 3px;

  -webkit-transition: all .4s ease;
  transition: all .4s ease;
}

a.top-tooltip .tooltip{
  bottom: 100%;
  left: 50%;
  margin-bottom: 5px;
  -webkit-transform: translate(-50%,-15px);
  -moz-transform: translate(-50%,-15px);
  -o-transform: translate(-50%,-15px);
  -ms-transform: translate(-50%,-15px);
  transform: translate(-50%,-15px);

  -webkit-box-shadow: 0px 8px 15px 0px rgba(187, 187, 187, 0.43);
  -moz-box-shadow:    0px 8px 15px 0px rgba(187, 187, 187, 0.43);
  box-shadow:         0px 8px 15px 0px rgba(187, 187, 187, 0.43);
}

a.left-tooltip .tooltip{
  top: 50%;
  right: 100%;
  margin-right: 5px;
  -webkit-transform: translate(-15px,-50%);
  -moz-transform: translate(-15px,-50%);
  -o-transform: translate(-15px,-50%);
  -ms-transform: translate(-15px,-50%);
  transform: translate(-15px,-50%);

  -webkit-box-shadow: 8px 0px 15px 0px rgba(187, 187, 187, 0.43);
  -moz-box-shadow:    8px 0px 15px 0px rgba(187, 187, 187, 0.43);
  box-shadow:         8px 0px 15px 0px rgba(187, 187, 187, 0.43);
}

a.right-tooltip .tooltip{
  top: 50%;
  left: 100%;
  margin-left: 9px;
  -webkit-transform: translate(15px,-50%);
  -moz-transform: translate(15px,-50%);
  -o-transform: translate(15px,-50%);
  -ms-transform: translate(15px,-50%);
  transform: translate(15px,-50%);

  -webkit-box-shadow: -8px 0px 15px 0px rgba(187, 187, 187, 0.43);
  -moz-box-shadow:    -8px 0px 15px 0px rgba(187, 187, 187, 0.43);
  box-shadow:         -8px 0px 15px 0px rgba(187, 187, 187, 0.43);
}

a.bottom-tooltip .tooltip{
  top: 100%;
  left: 50%;
  margin-top: 5px;
  -webkit-transform: translate(-50%,15px);
  -moz-transform: translate(-50%,15px);
  -o-transform: translate(-50%,15px);
  -ms-transform: translate(-50%,15px);
  transform: translate(-50%,15px);

  -webkit-box-shadow: 0px -8px 15px 0px rgba(187, 187, 187, 0.43);
  -moz-box-shadow:    0px -8px 15px 0px rgba(187, 187, 187, 0.43);
  box-shadow:         0px -8px 15px 0px rgba(187, 187, 187, 0.43);
}

a.top-tooltip:hover .tooltip{
  -webkit-transform: translate(-50%,0px);
  -moz-transform: translate(-50%,0px);
  -o-transform: translate(-50%,0px);
  -ms-transform: translate(-50%,0px);
  transform: translate(-50%,0px);
}

a.left-tooltip:hover .tooltip{
   -webkit-transform: translate(0px,-50%);
  -moz-transform: translate(0px,-50%);
  -o-transform: translate(0px,-50%);
  -ms-transform: translate(0px,-50%);
  transform: translate(0px,-50%);
}

a.right-tooltip:hover .tooltip{
   -webkit-transform: translate(0px,-50%);
  -moz-transform: translate(0px,-50%);
  -o-transform: translate(0px,-50%);
  -ms-transform: translate(0px,-50%);
  transform: translate(0px,-50%);
}

a.bottom-tooltip:hover .tooltip{
  -webkit-transform: translate(-50%,0);
  -moz-transform: translate(-50%,0);
  -o-transform: translate(-50%,0);
  -ms-transform: translate(-50%,0);
  transform: translate(-50%,0);
}

.tooltips a .tooltip:after{
  position:absolute;
  content:"";
  width:0;
  height:0;
}

a.top-tooltip .tooltip:after{
  border-left:7px solid transparent;
  border-top:5px solid #fff;
  border-right:7px solid transparent;
  top: 100%;
  left:50%;
  margin-left:-7px;
}

a:hover .tooltip{
  opacity: 1;
  visibility: visible;
}

.tooltips a:hover{text-decoration: none;}

.tooltips a.left-tooltip .tooltip:after{
  border-top: 7px solid transparent;
  border-left: 5px solid #fff;
  border-bottom: 7px solid transparent;
  top: calc(50% - 7px);
  left: 100%;
}

.tooltips a.right-tooltip .tooltip:after{
  border-top: 7px solid transparent;
  border-right: 5px solid #fff;
  border-bottom: 7px solid transparent;
  right: 100%;
  top: calc(50% - 7px);
}

.tooltips a.bottom-tooltip .tooltip:after{
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 5px solid #fff;
  border-top: none;
  bottom: 100%;
  left: calc(50% - 7px);
}

/* -----------------------------------

  5. Header

------------------------------------- */

.header.sticky-header.clone-fixed .top-header,
.header.sticky-header.clone-fixed .pre-header{
  display: none;
}

.header.sticky-header.clone-fixed{
  position: fixed;
  z-index: 99;
  transition: 0.5s top cubic-bezier(.3, .73, .3, .74);
}

.header{
  position: relative;
  top: 0;
  z-index: 9;
  width: 100%;
  background: #fff;
}

.header > *{
  -webkit-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease;
}

  .header .pre-header{
    padding: 7px 0;
    border-bottom: 1px solid #eee;
    font-size: 14px;
    color: #777;
    font-weight: normal;
  }

  .header .pre-header p:not(:last-child){
    margin-bottom: 0;
  }

  .header .top-header .head-info{
    margin: 0 -30px -10px;
    text-align: right;
  }

  .header .top-header .head-info > *{
    display: inline-block;
    vertical-align: middle;
    margin: 0 30px 10px;
  }

  .header .top-header .head-info > .contact-info li{
    padding: 0;
  }

  .header .pre-header .contact-info:not(.v-type){
    margin: 0 -20px 0;
    display: block;
  }

  .header .pre-header .contact-info:not(.v-type) > li{
    padding: 0 20px 0;
    display: inline-block;
  }

  /* header-2 */

  .header.style-2 .pre-header{
    background: #479225;
    color: #fff;
  }

  .header.style-2 .pre-header p{
    font-weight: 500;
  }

  .header.style-2 .pre-header .menu-list > li{
    font-size: 14px;
  }

  .header.style-2 .menu-holder{
    background: #e6eef4;
    background: -moz-linear-gradient(left, #e6eef4 0%, #edfbf9 100%);
    background: -webkit-linear-gradient(left, #e6eef4 0%,#edfbf9 100%);
    background: linear-gradient(to right, #e6eef4 0%,#edfbf9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6eef4', endColorstr='#edfbf9',GradientType=1 );
  }

    .header.style-2 .pre-header .menu-list > li a{
      color: #fff;
    }

    .header.style-2 .pre-header .menu-list > li:not(:last-child):after{
      background: #fff;
    }

    .header.style-2 .nav-item .btn:not(:only-child){
      margin-left: 30px;
    }

    .header.style-2 .menu-holder{
      padding: 30px 0;
    }

  .header.style-2.sticky-header.clone-fixed:not(.type-2) .menu-holder{
    opacity: 0;
    overflow: hidden;
    display: none;
  }

  .header.style-2.sticky-header.clone-fixed.slideDown:not(.type-2) .menu-holder{
    opacity: 1;
    overflow: visible;
    display: block;
  }

  /* header-3 */

  .header.style-3.clone-fixed{
    background: #003056;
  }

  .header.style-3 .pre-header{
    background: #fafafa;
    border-bottom: 1px solid #eee;
  }

  .header.style-3 .menu-holder{
    padding: 0;
    background: none;
  }

  .header.style-3 .top-header{
    padding-bottom: 0;
  }

    .header.style-3 .menu-holder .menu-wrap{
      background: #003056;
      padding: 10px;
      border-radius: 3px;
    }

    .header.style-3 .main-navigation > ul > li.current > a, 
    .header.style-3 .main-navigation > ul > li:hover > a{
      background: transparent;
      color: #47d9bf;
    }

    .header.style-3 .main-navigation > ul > li > a{
      background: transparent;
      color: #fff;
    }

    .header.style-3 button.search-button, 
    .header.style-3 .shop-cart .sc-cart-btn{
      color: #fff;
    }

    .header.style-3 .search-holder .btn, 
    .header.style-3 .clone-fixed .search-holder .search-button{
      display: inline-block;
    }

    .header.style-3:not(.clone-fixed) .menu-holder{
      -moz-transform: translateY(50%);
      -webkit-transform: translateY(50%);
      -o-transform: translateY(50%);
      -ms-transform: translateY(50%);
      transform: translateY(50%);
    }
    a{
      text-decoration: none!important;
    }
    header .container{
      width: 100%;
      font-size: 14px;
    }
    ul.top{
      margin: 0;
      padding: 0;
      list-style: none;
    }
    ul.top li{
      float: right;
    }
    ul.top li a{
      color: #555;
      padding: 5px 10px;
    }
    .box-top-icons{
      float: left;
    }
    .box-top-icons.right {
      float: right;
      padding-right: 30px;
    }
    .box-top-icons.right a {
      display: inline-block;
      margin-top: 6px;
      color: #333;
    }
    .box-top-icons.right .fa{
      padding-left: 20px;
      padding-bottom: 8px;
      font-size: 14px;
    }
    .box-top-icons p{
      margin-bottom: 0;
      line-height: 18px;
      text-transform: uppercase;
      padding-left: 40px;
      padding-right: 50px;
      font-size: 14px;
      /* font-weight: 600; */
    }
    .box-top-icons p span{
      font-weight : 600;
    }
    .box-top-icons.right p{
      padding-right: 25px;
    }
    .box-top-icons p.big{
      font-size: 16px;
      font-weight: bold;
    }
    .carousel-control{
      background: transparent!important;
      opacity: 1;
    }
    p.topSocial{
      margin-top: 5px;
    }
    p.topSocial a{
      font-size: 18px;
    }
    .carousel-control .fa{
      position: absolute;
      top: 45%!important;
      font-size: 30px;
    }
    header .container-top,
    header .container-middle {
      background: #fff;
    }
    header .container-middle{
      padding: 5px 0 0 0!important;
    }
    header .container-bottom{
      background: #263850;
      padding: 0 20px!important;
    }
    header .container-bottom li.right{
      display: none;
    }
    header .container-bottom.scrolled{
      position: fixed!important;
      top: 0;
      z-index: 999;
    }
    header .container-bottom.scrolled li{
      float: left;
    }
    header .container-bottom.scrolled li.logo-middle{
      display: none;
    }
    header .container-bottom.scrolled li.right{
      float: right;
      display: block;
    }
    .menu-area{
      text-align: center;
    }
    .menu-area .nav-tabs{
      margin: 0;
      padding: 0;
      margin-left: -10px;
      border-bottom: none;
    }
    .menu-area .nav-tabs li{
      display: inline-block;
      float: none;
    }
    .menu-area .nav-tabs .dropdown-menu{
      background: #263850;
      padding: 0;
      box-shadow: none;
      border: none;
    }
    .menu-area .nav-tabs li:hover .dropdown-menu{
      display: block;
    }
    .menu-area .nav-tabs .dropdown-menu li{
      width: 100%;
      border-bottom: 1px dashed #666;
    }
    .menu-area .nav-tabs .dropdown-menu li a,span.caret{
      color: #eee!important;
      font-size: 14px;
    }
    .menu-area .nav-tabs .dropdown-menu li:last-child{
      border: none;
      border-radius: 0 0 4px 4px;
    }
    .menu-area .nav-tabs .dropdown-menu li:hover{
      background: #469224;
    }
    .menu-area .nav-tabs .dropdown-menu li a{
      color: #333;
      text-transform: capitalize;
      padding: 0 20px;
    }
    .menu-area .nav-tabs li a{
      text-transform: uppercase;
      color: #eee;
      background: transparent!important;
      border: none;
      padding: 4px 15px;
      line-height: 40px;
      font-weight: normal;
      font-size: 13px;
    }

    .carousel-caption{
      text-transform: capitalize;
      text-shadow : none;
      font-size: 45px;
      bottom: 30%;
    }
    .carousel-caption h3{
      margin-bottom: 15px;
      font-size: 45px;
      color: #fff;
      font-weight: normal;
    }
    .carousel-caption p{
      color: #eee;
    }
    .carousel-caption button{
      border: none;
      background: #479225;
      color: #eee;
      font-size: 20px;
      padding: 7px 20px;
      border-radius: 5px;
      text-transform: uppercase;
      margin-top: 20px;
    }
    .logo-box{
      position: relative;
    }
    .logo{
      margin-top: -41px;
      left: 100px;
      z-index: 999;
      margin-bottom: 5px;
      width: 300px;
    }
    .box-tri{
      padding: 6px 50px!important;
      background: #F2F2F2;
      /* font-size: 4px; */
    }
    .box-tri.left p {
      font-size: 13px;
    }
    .box-tri.logged img{
      width: 30px;
      height: 30px;
      border-radius: 30px;

    }
    .box-tri.left:before{
      position: absolute;
      right: 0;
      content: '';
      width: 0; 
      height: 0; 
      top: 0;
      border-bottom: 44px solid #fff; 
      border-left:44px solid transparent; 
    }
    .box-tri.right:before{
      position: absolute;
      content: '';
      width: 0; 
      height: 0; 
      top: 0;
      left: 0;
      border-bottom: 45.5px solid #fff; 
      border-right:45.5px solid transparent; 
    }
    .box-tri.right.logged:before{
      border-bottom: 52.5px solid #fff!important;
    }
    .box-tri.right a{
      padding: 10px 0px 10px 30px;
      border-bottom: 1px solid transparent;
      font-size: 13px;
    }
    .box-tri.right a.active{
      border-bottom: 1px solid #333;
    }
    .btn-coupons{
      font-size: 14px!important;
      padding: 1px 15px!important;
      margin-top: 30px;
    }
    .owl-coupons .owl-next,
    .owl-coupons .owl-prev{
      display: none!important;
    }
    .owl-coupons .owl-dots{
      display: none!important;
    }
    .owl-coupons p{
      color: #eee;
      line-height: 30px; 
    }
    .owl-coupons1 p{
      color: #555;
    }
  /* Lang button */

  .lang-button{
    position: relative;
  }

    .lang-button > a:after{
      content: "\e93a";
      font-size: 8px;
      font-weight: bold;
      font-family: 'Linearicons';
      display: inline-block;
      margin-left: 10px;
      vertical-align: middle;
    }

    .lang-button .dropdown-list{
      padding-top: 6px;
    }

      .lang-button .dropdown-list > li > a{
        display: block;
        padding: 5px 20px;
        background: #f2f3f6;
        text-align: left;
      }

      .lang-button .dropdown-list > li:first-child > a{
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
      }

      .lang-button .dropdown-list > li:hover > a{background: #fff;}

    .lang-button:hover .dropdown-list{
      visibility: visible;
      opacity: 1;
    }

  .dropdown-list,
  .dropdown-window{
    position: absolute;
    top: 100%;
    right: 0;
    padding: 0;
    min-width: 100px;
    opacity: 0;
    visibility: hidden;
    z-index: 999;
    border-radius: 3px;
    overflow: hidden;
    
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
  }

  .dropdown-window{
    -webkit-transform: scale3d(.85, .85, .85);
        -ms-transform: scale3d(.85, .85, .85);
            transform: scale3d(.85, .85, .85);
  }

  .dropdown-window.opened{
    opacity: 1;
    visibility: visible;

    -webkit-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  .header .top-header{
    padding: 30px 0;
  }

  .logo{
    display: inline-block;
  }

/* Main Navigation */
        .arrow-title {
          line-height: 0.5;
          text-align: center;
          color: #479225;
        }
        .arrow-title span {
          display: inline-block;
          position: relative;
          font-size: 22px;
          text-transform: uppercase;
        }
        .arrow-title span:before,
        .arrow-title span:after {
          content: "";
          position: absolute;
          height: 3px;
          border-top: 1px solid #479225;
          border-bottom: 1px solid #479225;
          top: 10px;
          width: 150px;
        }
        .arrow-title span:before {
          right: 100%;
          margin-right: 15px;
        }
        .arrow-title span:after {
          left: 100%;
          margin-left: 15px;
        }
.set0{
  margin: 0;
  padding: 0;
}
.container-mission{
  padding: 30px 0;
}
.box-mission{
  padding: 40px 40px;
  height: 450px;
  background: url(../../images/bg_mission.jpg);
  background-size: cover;
  background-repeat: no-repeat;
}
.box-mission h3,.box-mission p{
  color: #ccc;
  font-weight: normal;
}
.box-mission p{
  font-size: 14px;
  line-height: 20px;
  display: -webkit-box;
  -webkit-box-orient : vertical;
  -webkit-line-clamp : 6;
  text-overflow : ellipsis;
  overflow: hidden;
}
.gservice{
  height: 450px;
  background: #f5f5f5;
}
.a-detail{
  background: #fff;
  padding: 4px 20px;
  text-transform: uppercase;
  color: #333;
  border-radius: 4px;
  padding-top: 6px;
  font-weight: bold;
  font-size: 14px;
}
@media(max-width:991px){
  .gservice,.box-mission{
    height: auto;
    margin-bottom: 20px;
  }
  .gservice{
    padding-bottom: 20px;
  }
  .container-mission{
    padding: 20px;
  }
}
.gservice h4{
  margin-bottom: 10px;
  font-size: 20px;
}
.gservice p{
  display: -webkit-box;
  -webkit-box-orient : vertical;
  -webkit-line-clamp : 2;
  text-overflow : ellipsis;
  overflow: hidden;
}

.gservice img{
  width: 100%;
  margin-bottom: 10px;
}
#wrapper{
  overflow: hidden;
  -webkit-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease;
}

.menu-holder{
  padding: 8px 0;
  background: #f2f2f2;
}

.main-navigation{
  display: inline-block;
  vertical-align: middle;
  text-align: left;
}

.main-navigation > ul{
  font-size: 0;
  margin: 0 -1px;
}

.main-navigation > ul > li{
  display: inline-block;
  position: relative;
  margin: 0 1px;
  cursor: pointer;
  font-size: 16px;
}

.main-navigation > ul > li > a{
  color: #2a2c32;
  font-weight: 500;
  text-transform: uppercase;
  display: block;
  position: relative;
  padding: 9px 20px;
  letter-spacing: 0.8px;
  border-radius: 3px;
}

  .main-navigation > ul > li.current > a,
  .main-navigation > ul > li:hover > a{
    color: #fff;
    background: #04518c;
  }

  .sub-menu-wrap ul li{
    position: relative;
  }

  .sub-menu-wrap ul li:hover > a,
  .sub-menu-wrap ul li.current > a{
    color: #04518c;
    background: #f2f2f2;
  }

  .main-navigation > ul > li.dropdown > a:after{
    font-family: 'fontello';
    content: '\f107';
    margin-left: 10px;
    font-size: 14px;
    display: inline-block;
    vertical-align: top;
  }

  .sub-menu-wrap{
    position: absolute;
    left: 0;
    top: 100%;
    min-width: 220px;
    background: #fff;
    padding: 15px 0;
    border-radius: 3px;
    opacity: 0;
    visibility: hidden;
    z-index: 999;
    margin-top: 4px;

    -webkit-transition: -webkit-transform .3s ease, opacity .3s ease, visibility .3s ease;
    transition: transform .3s ease, opacity .3s ease, visibility .3s ease;
    -webkit-transform: translate3d(-15px, 15px, 0);
    -moz-transform: translate3d(-15px, 15px, 0);
    -o-transform: translate3d(-15px, 15px, 0);
    -ms-transform: translate3d(-15px, 15px, 0);
    transform: translate3d(-15px, 15px, 0);

    -webkit-box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.06);
    -moz-box-shadow:    0px 0px 18px 0px rgba(0, 0, 0, 0.06);
    box-shadow:         0px 0px 18px 0px rgba(0, 0, 0, 0.06);
  }

  .sub-menu-wrap:before{
    content: '';
    bottom: 100%;
    width: 100%;
    left: 0;
    height: 4px;
    display: block;
    position: absolute;
    background: transparent;
  }

  .sub-menu-wrap .sub-menu-wrap.sub-menu-inner{
    left: 100%;
    background: #fff;
    top: 0;
    margin-left: 4px;
    margin-top: -15px;
  }

  .sub-menu-wrap .sub-menu-wrap.sub-menu-inner:before{
    right: 100%;
    left: auto;
    width: 4px;
    top: 0;
    bottom: auto;
    height: 100%;
  }

  .main-navigation > ul > li:hover > .sub-menu-wrap:not(.sub-menu-inner), 
  .sub-menu-wrap ul li:hover .sub-menu-wrap.sub-menu-inner{
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
    visibility: visible;
  }

    .sub-menu-wrap ul li a{
      display: block;
      white-space: pre;
      position: relative;
      font-size: 16px; 
      line-height: 20px;
      padding: 12px 35px 12px 25px;
      color: #2a2c32;
      font-weight: normal;
    }

    .sub-menu-wrap ul li.sub > a:after{
      font-family: 'fontello';
      content: '\f105';
      position: absolute;
      right: 20px;
    }

.responsive-nav-button{
  display: none;
  text-align: center;
  color: #222;
  font-size: 30px;
  z-index: 2;
  border-radius: 0;
  font-weight: normal;
  background: transparent;

  -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}

.responsive-nav-button:hover{color: #04518c;}

.responsive-nav-button:before{
  font-family: 'linearicons';
  content: "\e92b";
}

.header.style-3 .responsive-nav-button{
  color: #fff;
}

.header.style-3 .responsive-nav-button:hover{
  color: #ffdb3e;
}

#wrapper #advanced-menu-hide{
  visibility: hidden;
  pointer-events: none;
  -webkit-transform: translateX(200%);
  transform: translateX(200%);
 -webkit-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease;
}

.menu-button-wrap{
  text-align: right;
  padding: 10px 0;
}

.mobile-advanced{display: none;}

.menu-holder .nav-item{
  position: relative;
}

.main-navigation > ul > li.has-megamenu{
  position: static;
}

.sub-menu-wrap.mega-menu{
  left: 0;
  vertical-align: top;
  padding: 0;
  min-width: auto;
  width: 100%;
  overflow: hidden;
}

.sub-menu-wrap.mega-menu .mega-submenu{
  padding: 30px 0 20px;
}

[class*="header"]:not(.style-3) .sub-menu-wrap.mega-menu{
  margin-left: -75px;
  width: calc(100% + 150px);
}

.sub-menu-wrap.mega-menu .mega-submenu:nth-child(2n){
  background: #fafafa;
}

.mega-menu > * .mega-title{
  color: #479225;
  text-transform: uppercase;
  padding: 0 25px;
}

.mega-menu > * .mega-title:not(:last-child){
  margin-bottom: 15px;
}

.mega-menu > * .mega-title span{
  margin-right: 10px;
  display: inline-block;
  font-size: 30px;
  vertical-align: -4px;
}

/* Search and Shopping cart buttons */

.search-holder,
.shop-cart{
  display: inline-block;
  vertical-align: middle;
}

.search-holder .btn{
  margin-left: 4px;
}

.header:not(.style-3) .search-holder .btn,
.header.clone-fixed:not(.style-3) .search-holder .search-button{
  display: none;
}

.header.clone-fixed:not(.style-3) .search-holder .btn{
  display: block;
}

button.search-button,
.shop-cart .sc-cart-btn{
  font-family: 'Linearicons';
  font-size: 20px;
  display: inline-block;
  vertical-align: middle;
  line-height: 25px;
  background: none;
  color: #222;
}

button.search-button:hover,
.shop-cart .sc-cart-btn:hover,
.shop-cart .sc-cart-btn.opened{
  color: #2a2c32;
}

button.search-button:before{content: "\e922";}

  .searchform-wrap .vc-child form input{
    background-color: #fff;
    border: none;
    color: #222;
  }

  .close-search-form{
    background-color: transparent;
    position: absolute;
    font-family: 'linearicons';
    left: 100%;
    margin-left: 20px;
    font-size: 20px;
    color: #f4f4f5;
    z-index: 99;
    font-weight: normal;
    display: inline-block;
    top: 50%;
    margin-top: -13px;

    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
  }

  .close-search-form:hover{
    -webkit-transform:rotate(360deg);
    -moz-transform:rotate(360deg);
    -o-transform:rotate(360deg);
    -ms-transform:rotate(360deg);
    transform:rotate(360deg);

    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
  }

  .close-search-form:before{content: '\e92a';}

  .searchform-wrap{
    width: 100%;
    height: 100%;
    position: fixed;
    border-bottom: none;
    display: block;
    background: rgba(8,20,30,0.8);
    text-align: center;
    z-index: 201;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;

    opacity: 0;
    visibility: hidden;
  }

  .searchform-wrap.opened{
    opacity: 1;
    visibility: visible;
  }

    .searchform-wrap .vc-child{
      width: 710px;
      display: inline-block;
      position: relative;
      margin-top: 22%;
    }

    .searchform-wrap form{
      position: relative;
    }

    .searchform-wrap form button{
      float: right;
      margin-left: 10px;
    }

    .searchform-wrap form input:not([type="submit"]):focus,
    .searchform-wrap form textarea:focus{
      border-color: transparent;
      box-shadow: none;
    }

  .header button.search-button,
  .shop-cart .sc-cart-btn{
    margin: 0 20px;
  }

/* ------------------------------------------------------
    
    6. Content Elements
    
------------------------------------------------------ */

#content{
  position: relative;
}

/* Brend box */

/* Backgrounds */

.parallax-section{
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-position: center center;
  height: 100%;
  width: 100%;
  -webkit-background-size: 100%; 
  -moz-background-size: 100%; 
  -o-background-size: 100%; 
  background-size: 100%; 
  -webkit-background-size: cover; 
  -moz-background-size: cover; 
  -o-background-size: cover; 
  background-size: cover; 
}

.half-bg-col{
  position: relative;
}

.col-bg{
  position: absolute;
  top: 0;
  left: 0;
  background-repeat: no-repeat;
  height: 100%;
  width: 100%;
  background-position: center center;
  -webkit-background-size: cover; 
  -moz-background-size: cover; 
  -o-background-size: cover; 
  background-size: cover;
}

[class*="img-col"]{
  position: absolute;
  top: 0;
  width: 50%;
  height: 100%;
}

.img-col-left{
  left: 0;
}

.img-col-right{
  right: 0;
}

.half-bg-col .row{
  margin: 0 -45px;
}

.half-bg-col .row [class*="col-"]{
  padding: 0 45px;
}

  .img-full-col > .half-col-img{
    background-repeat: no-repeat!important;
    background-position: center center!important;
    height: 100%;
    width: 100%; 
    -webkit-background-size: cover; 
    -moz-background-size: cover; 
    -o-background-size: cover; 
    background-size: cover!important;
  }

  .half-bg-col .event-info .event-info-item,
  .half-bg-col .event-info .event-info-item i{
    font-size: 20px;
    color: #fff;
  }

.bg-full-right{
  position: relative;
  height: 100%;
  z-index: 1;
  padding-left: 25px;
}

  .bg-full-right > span{
    left: -80px!important;
    z-index: 0!important;
  }

  .bg-full-right:after{
    content: '';
    background: #479225;
    position: absolute;
    right: -2000px;
    top: 0;
    bottom: 0;
    left: -15px;
    z-index: -1;
  }

  
  /** INDEX PAGE BLOG CONTENT **/
    @media(min-width : 992px) {
      #myCarousel .item img{
        height : 70vh;
        width : 100%;
        object-fit : cover;
      }
    }
      .blog-item .entry-header h2,
      .testimonial-item .testimonial-name {
          font-size: 20px;
          text-transform: uppercase
      }

      .blog-index {
          padding: 30px 30px 0;
      }

      .blog-item {
          position: relative;
          transition: all .4s ease 0s
      }

      .blog-item .content-featured {
          overflow: hidden;
          width: 100%
      }

      .blog-item .content-featured .content-thumb {
          position: relative;
          display: block
      }

      .blog-item .content-featured .content-thumb:after {
          position: absolute;
          top: 0;
          left: 0;
          background-color: #479225;
          content: '';
          width: 100%;
          height: 100%;
          opacity: 0;
          filter: alpha(opacity=0);
          -webkit-transition: all .4s ease 0s;
          -o-transition: all .4s ease 0s;
          transition: all .4s ease 0s
      }

      .blog-item:hover .content-featured .content-thumb:after {
          opacity: .6;
          filter: alpha(opacity=60)
      }

      .blog-item .content-thumb img {
          width: 100%;
          -webkit-transition: all .8s ease 0s;
          -o-transition: all .8s ease 0s;
          transition: all .8s ease 0s
      }

      .blog-item:hover .content-thumb img {
          -webkit-transform: scale(1.05);
          -ms-transform: scale(1.05);
          -o-transform: scale(1.05);
          transform: scale(1.05)
      }

      .blog-item .content-thumb span {
          position: absolute;
          top: 50%;
          left: 50%;
          -webkit-transform: translate(-50%, -50%) scaleY(0) rotate(360deg);
          -moz-transform: translate(-50%, -50%) scaleY(0) rotate(360deg);
          -ms-transform: translate(-50%, -50%) scaleY(0) rotate(360deg);
          transform: translate(-50%, -50%) scaleY(0) rotate(360deg);
          width: 2px;
          height: 46px;
          background-color: #fff;
          -webkit-transition: all .4s ease 0s;
          -o-transition: all .4s ease 0s;
          transition: all .4s ease 0s;
          z-index: 1
      }

      .blog-item .content-thumb span:after,
      .blog-item .content-thumb span:before {
          content: '';
          position: absolute;
          width: 2px;
          height: 23px;
          background-color: #fff;
          top: 50%;
          left: 50%
      }

      .blog-item:hover .content-thumb span {
          -webkit-transform: translate(-50%, -50%) scaleY(1) rotate(0);
          -moz-transform: translate(-50%, -50%) scaleY(1) rotate(0);
          -ms-transform: translate(-50%, -50%) scaleY(1) rotate(0);
          transform: translate(-50%, -50%) scaleY(1) rotate(0)
      }

      .blog-item .content-thumb span:before {
          -webkit-transform: translate(-50%, 0) scaleY(1) rotate(0);
          -moz-transform: translate(-50%, 0) scaleY(1) rotate(0);
          -ms-transform: translate(-50%, 0) scaleY(1) rotate(0);
          transform: translate(-50%, 0) scaleY(1) rotate(0);
          transition: all .4s cubic-bezier(.64, -1.18, .68, 1.81) 0s;
          -webkit-transform-origin: 50% 0;
          -moz-transform-origin: 50% 0;
          -ms-transform-origin: 50% 0;
          transform-origin: 50% 0
      }

      .blog-item .content-thumb span:after {
          -webkit-transform: translate(-50%, 0) scaleY(1) rotate(-180deg);
          -moz-transform: translate(-50%, 0) scaleY(1) rotate(-180deg);
          -ms-transform: translate(-50%, 0) scaleY(1) rotate(-180deg);
          transform: translate(-50%, 0) scaleY(1) rotate(-180deg);
          -webkit-transition: all .4s cubic-bezier(.64, -1.18, .68, 1.81) 0s;
          -o-transition: all .4s cubic-bezier(.64, -1.18, .68, 1.81) 0s;
          transition: all .4s cubic-bezier(.64, -1.18, .68, 1.81) 0s;
          -webkit-transform-origin: 50% 0;
          -moz-transform-origin: 50% 0;
          -ms-transform-origin: 50% 0;
          transform-origin: 50% 0
      }

      .blog-item .wrap-entry,
      .blog-item.style-2 {
          -webkit-transition: all .4s ease 0s;
          -o-transition: all .4s ease 0s
      }

      .blog-item:hover .content-thumb span:before {
          -webkit-transform: translate(-50%, 0) scaleY(1) rotate(90deg);
          -moz-transform: translate(-50%, 0) scaleY(1) rotate(90deg);
          -ms-transform: translate(-50%, 0) scaleY(1) rotate(90deg);
          transform: translate(-50%, 0) scaleY(1) rotate(90deg);
          -webkit-transition-delay: .4s;
          transition-delay: .4s
      }

      .blog-item:hover .content-thumb span:after {
          -webkit-transform: translate(-50%, 0) scaleY(1) rotate(-90deg);
          -moz-transform: translate(-50%, 0) scaleY(1) rotate(-90deg);
          -ms-transform: translate(-50%, 0) scaleY(1) rotate(-90deg);
          transform: translate(-50%, 0) scaleY(1) rotate(-90deg);
          -webkit-transition-delay: .5s;
          transition-delay: .5s
      }

      .blog-item .wrap-entry {
          margin-bottom: 20px;
          /* -webkit-transform: translate(0, -88px); */
          -ms-transform: translate(0, -88px);
          -o-transform: translate(0, -88px);
          /* transform: translate(0, -88px); */
          background: #fff;
          transition: all .4s ease 0s;
          border: 1px solid #e5e5f8;
          float: left;
      }

      .blog-item .entry-header {
          padding: 20px;
          position: relative;
          float: left;
      }

      .blog-item .entry-header h2 {
          margin: 0;
          line-height: 26px
      }

      .blog-item .entry-header .tag-date {
          position: absolute;
          -webkit-transform: translate(0, -100%);
          -ms-transform: translate(0, -100%);
          -o-transform: translate(0, -100%);
          transform: translate(0, -100%);
          top: 0;
          left: 0;
          background-color: #479225;
          color: #fff;
          font-size: 18px;
          font-weight: 600;
          text-align: center;
          line-height: 20px;
          padding: 10px 20px
      }

      .blog-item .entry-header .tag-date:before {
          border-bottom: 10px solid #479225;
          border-left: 39px solid transparent;
          border-right: 38px solid transparent;
          content: "";
          height: 0;
          left: 0;
          position: absolute;
          top: -10px;
          width: 0
      }

      .blog-item .entry-header .tag-date span {
          display: block;
          color: #fff;
          font-weight: bold;
      }

      .blog-item .entry-header .item-info {
          margin-top: 16px;
          font-weight: 500
      }

      .blog-item .entry-header .item-info span {
          position: relative;
          line-height: 24px;
          padding-right: 16px;
          margin-right: 14px;
          float: left
      }

      .blog-item .entry-header .item-info span:last-child {
          margin-right: 0;
          padding-right: 0
      }

      .blog-item .entry-header .item-info span:before {
          position: absolute;
          top: 50%;
          right: 0;
          content: '';
          width: 1px;
          height: 15px;
          /*background: #d4d8e8;*/
          -webkit-transform: translate(0, -50%);
          -ms-transform: translate(0, -50%);
          -o-transform: translate(0, -50%);
          transform: translate(0, -50%)
      }

      .blog-item .entry-header .item-info span:last-child:before {
          display: none
      }

      .blog-item .entry-header .item-info span i {
          color: #d4d8e8;
          padding-right: 5px
      }

      .blog-item .content-featured .tag-date {
          position: absolute;
          background-color: #f9a11b;
          color: #fff;
          font-weight: 600;
          text-align: center;
          transform: translate(0, 0);
          left: 30px;
          font-size: 14px;
          line-height: 17px;
          padding: 10px 17px 5px;
          top: -1px;
          display: block
      }
      
      .testimonial-holder.with-bg-img {
          background-size: cover!important;
          background-position: center center!important;
          background-attachment: fixed!important;
          background-repeat: no-repeat!important;
      }
      .blog-item .content-featured .tag-date:before {
          border-top: 10px solid #f9a11b;
          border-left: 32px solid transparent;
          border-right: 31px solid transparent;
          content: "";
          height: 0;
          left: 0;
          position: absolute;
          width: 0;
          top: auto;
          bottom: -10px
      }

      .blog-item .content-featured .tag-date span {
          display: block
      }

      .blog-item .entry-content {
          padding: 10px 30px 6px;
          clear: left
      }

      .blog-item .entry-footer {
          padding: 2px 30px 32px;
          border-top: 1px solid #fff
      }

      .blog-item .entry-footer .item-info span {
          position: relative;
          line-height: 24px;
          padding-right: 16px;
          margin-right: 14px;
          float: left
      }

      .blog-item .entry-footer .item-info span:before {
          position: absolute;
          top: 50%;
          right: 0;
          content: '';
          width: 1px;
          height: 15px;
          background: #d4d8e8;
          -webkit-transform: translate(0, -50%);
          -ms-transform: translate(0, -50%);
          -o-transform: translate(0, -50%);
          transform: translate(0, -50%)
      }

      .blog-item .entry-footer .item-info span:last-child {
          margin-right: 0;
          padding-right: 0
      }

      .blog-item .entry-footer .item-info span:last-child:before {
          display: none
      }

      .blog-item .entry-footer .item-info span i {
          color: #d4d8e8;
          padding-right: 5px
      }

      .blog-item.style-2 {
          position: relative;
          margin-bottom: 30px;
          background: #fff;
          border: 1px solid #e5e5f8;
          transition: all .4s ease 0s;
          overflow: hidden
      }

      .blog-item.style-2 .content-featured {
          background-size: cover;
          background-repeat: no-repeat;
          background-position: center;
          display: block;
          -webkit-transition: all .4s ease 0s;
          -o-transition: all .4s ease 0s;
          transition: all .4s ease 0s;
          min-height: auto;
          overflow: initial
      }

      .blog-item.style-2 .wrap-entry {
          transform: translate(0, 0);
          margin: 0;
          border: none
      }

      .blog-item.style-2 .entry-header {
          padding-top: 20px;
          padding-bottom: 0
      }

      .blog-item.style-2 .entry-header h2 {
          font-size: 18px
      }

      .blog-item.style-2 .entry-footer .read-more {
          background: 0 0;
          color: #515666;
          font-weight: 500;
          padding: 0;
          overflow: initial;
          display: inline-block;
          text-transform: uppercase;
          font-size: 14px;
          position: relative
      }

      .blog-item.style-2 .entry-footer .read-more:after {
          font-family: Ionicons;
          line-height: 18px;
          content: "\f3d1";
          position: absolute;
          top: 2px;
          right: -14px;
          -webkit-transition: all .4s ease 0s;
          -o-transition: all .4s ease 0s;
          transition: all .4s ease 0s
      }

      .blog-item.style-3,
      .mailchimp .mailchimp-main:after {
          -webkit-transition: all .4s ease 0s;
          -o-transition: all .4s ease 0s
      }

      .blog-item.style-2 .entry-footer .read-more:hover:after {
          right: -24px
      }

      .blog-item.style-2 .entry-footer .read-more:hover {
          color: #f9a11b
      }

      .blog-item.style-2 .entry-footer .item-info {
          display: block;
          float: right;
          margin-top: 0
      }

      .blog-item.style-3 {
          position: relative;
          background: #fff;
          border: 1px solid #e5e5f8;
          transition: all .4s ease 0s;
          margin-bottom: 30px
      }

      .blog-item.style-3:hover {
          -webkit-box-shadow: 0 3px 30px 0 rgba(0, 0, 0, .12);
          box-shadow: 0 3px 30px 0 rgba(0, 0, 0, .12)
      }

      .blog-item.style-3 .blog-featured {
          overflow: hidden;
          width: 100%;
          display: block;
          min-height: 250px;
          background-size: cover;
          background-repeat: no-repeat;
          background-position: top center;
          -webkit-transition: all .6s ease 0s;
          -o-transition: all .6s ease 0s;
          transition: all .6s ease 0s
      }

      .blog-item.style-3 .wrap-entry {
          -webkit-transform: translate(0, 0);
          -ms-transform: translate(0, 0);
          -o-transform: translate(0, 0);
          transform: translate(0, 0);
          margin: 0;
          border: none
      }

      .blog-item.style-3 .entry-header {
          padding-bottom: 5px
      }

      .blog-item.style-3 .entry-footer .item-info {
          display: block;
          float: right;
          margin-top: 11px
      }

      .blog-item.style-3 .content-featured {
          height: 100%
      }

      .blog-item.style-3 .content-featured .content-thumb {
          position: relative;
          display: block;
          min-height: 100%
      }

      .blog-detail {
          position: relative;
          background: #fff;
          border: 1px solid #e5e5f8;
          float: left;
          width: 100%
      }

      .blog-detail .content-featured img {
          width: 100%
      }

      .blog-detail .entry-header {
          padding: 34px 40px 0;
          position: relative
      }

      .blog-detail .entry-header h1 {
          margin: 0;
          text-transform: uppercase;
          line-height: 26px;
          font-size: 24px
      }

      .blog-detail .item-info {
          margin-top: 16px;
          font-weight: 500
      }

      .blog-detail .item-info span {
          position: relative;
          line-height: 24px;
          padding-right: 16px;
          margin-right: 14px;
          float: left
      }

      .blog-detail .item-info span:last-child {
          margin-right: 0;
          padding-right: 0
      }

      .blog-detail .item-info span:before {
          position: absolute;
          top: 50%;
          right: 0;
          content: '';
          width: 1px;
          height: 15px;
          background: #d4d8e8;
          -webkit-transform: translate(0, -50%);
          -ms-transform: translate(0, -50%);
          -o-transform: translate(0, -50%);
          transform: translate(0, -50%)
      }

      .blog-detail .item-info span:last-child:before {
          display: none
      }

      .blog-detail .item-info span i {
          color: #d4d8e8;
          padding-right: 5px
      }

      .blog-detail .entry-content {
          padding: 20px 40px 30px;
          clear: both;
          display: block
      }

      .blog-detail .entry-content .in-blog-wrap {
          margin: 30px 0 20px;
          float: left;
          width: 100%
      }

      .blog-detail .entry-content blockquote {
          font-size: 18px;
          color: #114a82;
          font-weight: 600;
          font-style: italic;
          line-height: 30px;
          position: relative;
          padding: 8px 0 8px 30px;
          margin: 20px 0;
          border-left: none
      }

      .blog-detail .entry-content blockquote:after,
      .blog-detail .entry-content blockquote:before {
          font-family: ionicons;
          content: "\f347";
          color: #f9a11b;
          position: absolute;
          font-style: normal;
          font-size: 24px
      }

      .blog-detail .entry-content blockquote:before {
          top: 0;
          left: 0
      }

      .blog-detail .entry-content blockquote:after {
          bottom: 0;
          right: 0;
          -webkit-transform: rotate(180deg);
          -ms-transform: rotate(180deg);
          -o-transform: rotate(180deg);
          transform: rotate(180deg)
      }

      .blog-detail .entry-footer {
          padding: 8px 40px 15px;
          border-top: 1px solid #fff;
          clear: both;
          display: block
      }

      .blog-detail .entry-footer .single-tag span {
          text-transform: uppercase;
          font-weight: 500;
          margin-right: 16px
      }

      .blog-detail .entry-footer .single-tag a {
          border: 1px solid #e5e5f8;
          margin: 0 5px;
          padding: 4px 20px;
          font-size: 12px;
          -webkit-transition: all 1s ease;
          -o-transition: all 1s ease;
          transition: all 1s ease
      }

      .blog-detail .entry-footer .single-tag a:hover {
          border-color: #f9a11b
      }

      .blog-detail .comment {
          padding: 24px 40px 40px;
          margin: 0;
          border: none
      }

      .blog-detail .comment .comment-title {
          text-transform: uppercase;
          margin-bottom: 40px;
          position: relative
      }

      .blog-detail .comment .item-comment-header-right {
          width: 9%
      }

      .partner-carousel .item {
          margin-left: 3px;
          margin-right: 3px
      }

      .partner-carousel .item>a {
          display: block;
          overflow: hidden;
          margin-bottom: 6px
      }

      .partner-carousel .item>a img {
          max-width: 190px;
          -webkit-transition: all 1s ease;
          -o-transition: all 1s ease;
          transition: all 1s ease
      }




/* Breadcrumbs */

.breadcrumbs-wrap{
  padding: 52px 0;
  background-size: cover;
}

  .breadcrumbs-wrap .page-title:not(:last-child){
    margin-bottom: 5px;
  }

  .breadcrumbs-wrap .page-title{
    color: #fff;
    letter-spacing: 0.2px;
  }

  .breadcrumbs-wrap .breadcrumbs{
    color: #eee;
  }

  .breadcrumbs-wrap .breadcrumbs > li{
    display: inline-block;
    font-weight: 200;
    text-transform: uppercase;
    letter-spacing: 0.8px;
  }

    .breadcrumbs-wrap .breadcrumbs > li > a{
      color: #eee;
    }

    .breadcrumbs-wrap .breadcrumbs > li > a:hover{
      text-decoration: underline;
    }

    .breadcrumbs > li:not(:first-child):before{
      content: "/";
      display: inline-block;
      vertical-align: middle;
      color: #eee;
      margin-right: 5px;
    }

.breadcrumbs-wrap.style-2{
  background: #04518c; /* Old browsers */
  background: -moz-linear-gradient(left, #04518c 0%, #479225 33%, #47d9bf 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #04518c 0%,#479225 33%,#47d9bf 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #04518c 0%,#479225 33%,#47d9bf 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#04518c', endColorstr='#47d9bf',GradientType=1 ); /* IE6-9 */
}

.breadcrumbs-wrap.style-3{
  padding-top: 90px;
  background: #479225;
  text-align: center;
}

/* Cookies */

.cookies{
  background: rgba(42,44,50,0.8);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 10;
  padding: 25px 0;
  color: #fff;
}

  .cookies span:before{
    content: '\e955';
    font-family: 'Linearicons';
    font-size: 24px;
    display: inline-block;
    margin-right: 10px;
  }

  .cookies .btn{
    margin: 0 2px;
  }

/* Banners */

.banners{
  position: relative;
  height: 100%;
}

  .banners [class*="bg-col-"]{
    position: absolute;
    top: 0;
    width: 50%;
    height: 100%;
    background-size: cover!important;
    background-position: center center;
  }

  .banners .bg-col-left{
    background: url(../../images/960x189_bg1.jpg) no-repeat;
    left: 0;
  }

  .banners .bg-col-right{
    background: url(../../images/960x189_bg2.jpg) no-repeat;
    right: 0;
  }

  .banners .banner-inner{
    display: table;
    padding: 50px 0;
    color: #eee;
    font-size: 24px;
    width: 100%;
    height: 100%;
  }

  .banners .row > *:first-child .banner-inner{
    padding-right: 25px;
  }

  .banners .row > *:last-child .banner-inner{
    padding-left: 25px;
  }

  .banners:not(.type-2) .banner-inner > *{
    display: table-cell;
    vertical-align: middle;
  }

  .banners .banner-inner > *.right-side{
    text-align: right;
  }

    .banners .banner-inner .banner-title{
      color: #fff;
      font-weight: normal;
    }

    .banners .banner-inner .banner-title:not(:last-child){
      margin-bottom: 10px;
    }

  .banners.type-2 .banner-inner{
    padding: 60px 25px;
    text-align: center;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 3px;
  }

  .banners.type-2 .banner-inner p:not(:last-child){
    margin-bottom: 20px;
  }

/* Coupon */

.coupon-holder{
  margin: 0 -15px -30px;
}

.coupon-holder > .flex-row > .coupon-col{
  padding: 0 15px 30px;
}

.coupon{
  display: block;
  background: #ffdb3e;
  padding: 15px;
  cursor: pointer;
  height: 100%;
  color: #222;
}

  .coupon .inner{
    border: 1px dashed #222;
    padding: 30px 5px 15px;
    text-align: center;
    height: 100%;
  }

    .coupon .price-title:not(:last-child){
      margin-bottom: 5px;
    }

    .coupon .price-title{
      font-size: 60px;
      color: #cc1f1a;
      line-height: 1em;
      letter-spacing: 0;
      font-weight: 600;
    }

    .coupon .price-title span{
      font-size: 30px;
      line-height: 40px;
      display: inline-block;
      vertical-align: top;
    }

    .coupon .disc-for:not(:last-child){
      margin-bottom: 15px;
    }

    .coupon .disc-for{
      text-transform: uppercase;
      font-size: 24px;
      line-height: 26px;
    }

    .coupon .btn:not(:last-child){
      margin-bottom: 20px;
    }

    .coupon p{
      font-size: 12px;
      line-height: 16px;
      font-weight: normal;
      padding: 0 30px;
    }

/* Revolution slider */

.tparrows{
  background: none;
  width: auto;
  height: auto;
}

.tparrows:before{
  font-family: 'Linearicons';
  font-size: 60px;
  color: #222;
  opacity: 0.3;

  -webkit-transition: opacity .35s ease;
  -o-transition: opacity .35s ease;
  transition: opacity .35s ease;
}

.tparrows:hover{background: none;}

.tparrows:hover:before{
  opacity: 1;
  background: none;
}

  .tparrows.tp-leftarrow:before{
    content: '\e93b';
  }

  .tparrows.tp-rightarrow:before{
    content: '\e93c';
  }

.tp-bullet, 
.tp-bullet.selected, 
.tp-bullet:hover{
    background: none;
    height: auto;
    width: auto;
}

.circle-bullet,
.owl-dots .owl-dot{
  display: block;
  background: #fff;
  width: 10px;
  height: 4px;
  opacity: 0.5;

  -webkit-transition: all .35s ease;
          transition: all .35s ease;
}

.tp-bullet.selected .circle-bullet,
.owl-dots .owl-dot.active{
  opacity: 1;
}

.testimonial-holder.style-2.with-bg-img .owl-dots .owl-dot,
.owl-carousel.dot-style-2 .owl-dots .owl-dot{
  background: #222;
}

[class*="scaption"]{
  font-size: 18px;
  line-height: 24px;
}

[class*="scaption-dark"]{
  color: #003056;
}

[class*="scaption-white"]{
  color: #fff;
}


[class*="scaption"][class*="-large"]{
  font-size: 60px;
  line-height: 54px;
  letter-spacing: -0.1px;
  font-weight: 200;
}

[class*="scaption"][class*="-large2"]{
  font-size: 72px;
  letter-spacing: 0;
  font-weight: 200;
}

[class*="scaption"][class*="-medium"]{
  font-size: 40px;
  line-height: 53px;
  letter-spacing: 0;
  font-weight: 400;
}

[class*="scaption"][class*="-medium2"]{
  font-size: 48px;
  letter-spacing: 0.1px;
  font-weight: 400;
}

[class*="scaption"][class*="-small"]{
  color: #222;
  font-size: 18px;
  line-height: 30px;
  font-weight: 400;
  letter-spacing: 0;
}

.rev-slider-wrapper .icons-box{
  z-index: 21;
  position: relative;
}

.tp-caption .btn{
  transition: all .4s ease!important;
  letter-spacing: 0.5px!important;
}

/* Coming soon */

.coming-soon{
  height: 100%;
  color: #fff;
  text-align: center;
  position: relative;
  background: #479225;
  background: -moz-linear-gradient(left, #479225 0%, #32c8c7 100%);
  background: -webkit-linear-gradient(left, #479225 0%,#32c8c7 100%);
  background: linear-gradient(to right, #479225 0%,#32c8c7 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#479225', endColorstr='#32c8c7',GradientType=1 );
}

  .coming-soon .header,
  .coming-soon .footer{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
  }

  .coming-soon .footer{
    bottom: 0;
    top: auto;
  }

  .coming-soon .coming-soon-inner{
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    display: inline-block;
    padding: 50px 20px 100px;

    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }

    .coming-soon-inner h1{
      font-size: 100px;
      color: #fff;
      font-weight: 500;
      letter-spacing: 0.3px;
    }

    .coming-soon-inner h1:not(:last-child){
      margin-bottom: 40px;
    }

    .coming-soon-inner form{
      display: inline-block;
    }

    .coming-soon-inner form input{
      min-width: 300px;
    }

/* -----------------------------------

  7. UI Elements

------------------------------------- */

  /*----------- Buttons --------------*/

  .btn{
    padding: 10px 30px;
    display: inline-block;
    font-size: 16px;
    border-radius: 3px;
    background: #e3e3e3;
    font-weight: 500;
    color: #222;
    text-align: center;
    line-height: 24px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
  }

  .btn-success,.btn:hover{
    background: #263850!important;
    color: #fff!important;
  }

  .btn-small{
    font-size: 14px;
    letter-spacing: 0.8px;
    padding: 5px 30px;
    font-weight: normal;
  }

  .btn-big{
    padding: 15px 30px;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 0.5px;
  }

  [class*="btn"].btn-style-2{
    background: #479225;
    color: #fff;
  }

  [class*="btn"].btn-style-3{
    background: #cc1f1a;
    color: #fff;
  }

  [class*="btn"].btn-style-4{
    background: #003056;
    color: #fff;
  }

  [class*="btn"].btn-style-5{
    background: #479225;
    color: #fff;
  }

  [class*="btn"].btn-style-6{
    background: #04518c;
    color: #fff;
  }

  [class*="btn"].btn-style-7{
    background: #47d9bf;
  }

  [class*="btn"].btn-style-8{
    background: #222;
    color: #fff;
  }

  .go-to-top{
    position: fixed;
    z-index: 103;
    right: 60px;
    bottom: 30%;
    background: rgba(42,44,50,0.8);
    color: #e2e2e3;
    opacity: 0;
    visibility: hidden;
    font-family: 'Linearicons';
    -webkit-animation-duration: .5s;
    animation-duration: .5s;    
  }

  .go-to-top.go-top-visible {
    right: 40px;
    opacity: 1;
    visibility: visible;
    display: block;
  }

  .go-to-top:before{
    content: "\e939";
  }

  .go-to-top:hover{
    color: #fff;
    background: rgba(42,44,50,1);
  }

  .go-to-top{
    width: 42px;
    height: 42px;
    border-radius: 3px;
    padding: 0;
    text-align: center;
    font-size: 14px;
  }

  .btns-set:not(:last-child){
    margin-bottom: 50px;
  }

  .btns-set .flex-row{
    margin: 0 -15px -15px;
  }

  .btns-set .flex-row > .btn-col{
    padding: 0 15px 15px;
  }

  .btns-set .btn-col ul > li:not(:last-child){
    margin-bottom: 10px;
  }

  .info-btn{
    font-weight: 500;
    text-transform: uppercase;
    color: #479225;
    letter-spacing: 0.5px;
    line-height: 1em;
    position: relative;
    display: inline-block;
    border-bottom: 1px solid transparent;
  }

  .info-btn:hover{border-color: inherit;}

  .icons-wrap .info-btn:hover{border-color: inherit;}
  .info-btn.prev-btn,
  .info-btn.exp-btn{
    margin-left: 15px;
  }

  .info-btn.prev-btn:after,
  .info-btn.exp-btn:after,
  .info-btn.next-btn:after{
    position: absolute;
    left: -15px;
    top: 0;
    font-family: 'Ruda', sans-serif;
    font-weight: 500;
  }

  .info-btn.prev-btn:after{
    content: '«';
  }

  .info-btn.next-btn{
    margin-left: 0;
    margin-right: 15px;
  }

  .info-btn.next-btn:after{
    left: auto;
    right: -15px;
    content: '»';
  }

  /*----------- Forms --------------*/

  form{
    position: relative;
    text-align: left;
  }

  form.with-icon input{
    padding: 10px 60px 10px 20px;
  }

  form.with-icon input+button{
    position: absolute;
    right: 15px;
    top: 0;
    line-height: 40px;
    font-size: 20px;
    color: #80c644;
    background: transparent;
  }

  form.with-icon input+button:hover{
    color: #2a2c32;
  }

    /* Inputs & Textarea */

    input:not([type="submit"]),
    textarea,
    .custom-select .select-title{
      width: 100%;
      color: #777;
      border-radius: 3px;
      height: 44px;
      padding: 7px 20px;
      border: 2px solid #eee;
      background-color: transparent;
      text-align: left;
      font-weight: 300;

      -webkit-box-sizing: border-box;
         -moz-box-sizing: border-box;
              box-sizing: border-box;

      -webkit-transition: box-shadow .35s ease, border-color .35s ease;
              transition: box-shadow .35s ease, border-color .35s ease;
    }

    textarea{
      display: block;
      resize: none;
      height: auto;
    }

    .form-wrap[class*="fx-col"] textarea{
      height: 44px;
    }

    input:not([type="submit"]):focus,
    textarea:focus{
      border-color: rgba(3, 142, 211, .5);
      box-shadow: 0 0 10px 0 rgba(3, 142, 211, .2);
      -moz-appearance:none;
      outline:0px none transparent;
    }

    /* Label & Legend */

    label,
    legend{
      font-size: 16px;
      font-weight: 300;
      color: #222;
      margin-bottom: 3px;
      display: block;   
    }

    legend{
      color: inherit;
      padding: 0 7px;
      margin-bottom: 0px;
    }

    label[for]{
      cursor: pointer;

      -webkit-user-select: none;
         -moz-user-select: none;
           -o-user-select: none;
              user-select: none;
    }

    label span:not(.required){
      color: #777;
      font-size: 14px;
    }

    .required:after{
      content: "*";
      color: #eb0b0b;
      display: inline-block;
      margin-left: 2px;
      font-size: 14px;
    }

    /* Checkbox & Radio */

    input[type="radio"],
    input[type="checkbox"]{
      display: none;
    }

    input[type="radio"] + label,
    input[type="checkbox"] + label{
      font-size: inherit;
      font-weight: 300;
      font-family: inherit;
      text-transform: none;
      width: initial;
      padding-top: 8px;
      padding-bottom: 6px;
      float: none;
      margin-bottom: 0px;
      display: inline-block;

      position: relative;
      padding-left: 42px;

      -webkit-user-select: none;
         -moz-user-select: none;
           -o-user-select: none;
              user-select: none;
    }

    input[type="checkbox"] + label{
      padding-left: 42px;
    }

    input[type="radio"] + label:not(:last-child),
    input[type="checkbox"] + label:not(:last-child){
      margin-right: 25px;
    }

    input[type="radio"] + label::before,
    input[type="checkbox"] + label::before,
    input[type="radio"] + label::after,
    input[type="checkbox"] + label::after{
      content: "";
      display: block;
      position: absolute;
    }

    input[type="radio"] + label::before,
    input[type="checkbox"] + label::before{
      background: transparent;
      border: 2px solid #eee;
      left: 0;
      top: 3px;
    }

    input[type="radio"] + label::before{
      border-radius: 50%;
      width: 30px;
      height: 30px;
    }

    input[type="checkbox"] + label::before{
      top: 5px;
      border-radius: 3px;
      width: 30px;
      height: 30px;
    }

    input[type="radio"] + label::after,
    input[type="checkbox"] + label::after{
      opacity: 0;
      visibility: hidden;
    }

    input[type="radio"] + label::after{
      left: 7.5px;
      top: 10px;
      border-radius: 50%;
      background-color: #222;
      width: 15px;
      height: 15px;
    }

    input[type="checkbox"] + label::after{
      border: 2px solid #222;
      width: 25px;
      height: 15px;
      left: 2px;
      top: 5px;

      clip: rect(6px, 18px, 15px, 0px);

      -webkit-transform: skew(10deg) rotate(-45deg);
          -ms-transform: skew(10deg) rotate(-45deg);
              transform: skew(10deg) rotate(-45deg);
    }

    input[type="radio"]:checked + label::after,
    input[type="checkbox"]:checked + label::after{
      opacity: 1;
      visibility: visible;
    }

    .form-style1 input:not(:last-child){
      margin-bottom: 6px;
    }

    /*----------- Custom Select --------------*/

    .custom-select{
      position: relative;
      display: inline-block;
      vertical-align: middle;
      width: 100%;
    }

      .custom-select .select-title{
        cursor: pointer;
        position: relative;
        padding: 8px 20px;
        overflow: hidden;
      }

      .custom-select .select-title.active{
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
      }

      .custom-select .select-list{
        position: absolute;
        left: 0;
        top: 100%;
        cursor: pointer;
        background: #fff;
        z-index: 1;
        display: none;
        border: 2px solid #eee;
        width: 100%;
        border-top: none;
      }

        .custom-select .select-list li{
          padding: 10px 20px;
          color: #777;
          font-weight: 300;

          -webkit-transition: all .3s ease;
          -o-transition: all .3s ease;
          transition: all .3s ease;
        }

        .custom-select .select-list li:hover{
          background: #038ed3;
          color: #fff;
        }

      .custom-select .select-title:before{
        content: '\f107';
        font-family: 'fontello';
        position: absolute;
        font-size: 18px;
        top: 0;
        right: 20px;
        line-height: 40px;
        color: #7b8285;
      }

      .custom-select .select-title.active:before{content: '\f106';}

    /* Fieldset */

    fieldset{
      border-radius: 8px;
      padding: 20px;
      border-color: #f1f1f1;
    }

    fieldset:not(:last-child){
      margin-bottom: 15px;
    }

    /* Price Scale */

    .price-scale{
      margin-top: 10px;
      padding: 0;
    }

    .price-scale:not(.distance) .range-values:not(:last-child){
      margin-bottom: 25px;
    }

      .ui-slider{
        height: 12px;
        position: relative;
        margin-top: 5px;
        border-radius: 3px;
        border: 2px solid #f2f3f6;
        margin-bottom: 10px;
      }

        .ui-slider-handle{
          width: 15px;
          height: 22px;
          top: 50%;
          border-radius: 3px;
          display: inline-block;
          margin-top: -11px;
          position: absolute;
          z-index: 1;
          background: #fff;
          margin-left: -3px;
          border: 2px solid #f2f3f6;

          -webkit-transition: none;
          -o-transition: none;
          transition: none;
        }

        .ui-slider-handle:last-child{
          margin-right: -2px;
        }

        .range-values input[type="text"]{
          padding: 0;
          height: auto;
          border: none;
          background: transparent;
          font-size: 14px;
          width: 35px;
        }

        .price-scale.distance input[type="text"]{
          width: auto;
          text-align: right;
          background: none;
        }

        .price-scale.distance .ui-slider{
          margin-bottom: 0;
        }

        .price-scale.distance .ui-slider-handle{
          background: #80c644;
          border: none;
          border-radius: 50%;
          width: 20px;
          height: 20px;
          margin-left: -6px;
        }

        .range-values span,
        .range-values input[type="text"]{
          color: #7b8285;
        }

        .range-values input:focus{
          border: none;
          box-shadow: none;
        }

    /* Form variations */
    
    [id*="newsletter"] .btn{
      margin-left: 10px;
    }

    .form-wrap{
      z-index: 1;
      position: relative;
      margin: 0 -5px -10px;
    }

      .form-wrap .form-col{
        padding: 0 5px 10px;
      }

      .form-wrap:not([class*="fx-col"]) .form-col,
      .form-wrap .form-col.full-width{
        width: 100%;
      }

      .form-wrap.style-2 input:not([type="submit"]), 
      .form-wrap.style-2 textarea, 
      .form-wrap.style-2 .custom-select .select-title,
      .form-wrap.style-2 .custom-select .select-list{
        border-color: #fff;
        background: #fff;
        color: #777;
        font-weight: 300;
      }

      .form-wrap.style-2 .custom-select .select-list{
        border-bottom-left-radius: 3px;
        border-bottom-right-radius: 3px;
      }

    [id*="newsletter"] .btn-email-icon{
      font-size: 30px;
      padding: 4px 9px 10px 11px;
      text-align: center;
    }

    .search-form{
      position: relative;
      overflow: hidden;
    }

      .search-form > button{
        position: absolute;
        right: 20px;
        top: 0;
        font-size: 20px;
        line-height: 50px;
        color: #222;
        background: none;
      }

  .contact-form .flex-row:not(:last-child){
    margin-bottom: -15px;
  }

  .contact-form .flex-row:not(:first-child){
    margin-top: 15px;
  }

  .contact-form .flex-row [class*="col-"] .btn{
    margin-top: 25px;
    padding-left: 100px;
    padding-right: 100px;
  }

    .contact-form .flex-row > [class*="col-"]:not(:last-child){
      margin-bottom: 0!important;
    }

    .contact-form .flex-row > [class*="col-"]{
      padding-bottom: 15px;
    }

      .contact-form .with-text{
        overflow: hidden;
      }

      .contact-form .with-text input{
        max-width: 260px;
      }

      .contact-form .with-text input,
      .contact-form .with-text p{
        display: inline-block;
        vertical-align: middle;
      }

      .contact-form .with-text input{
        margin-right: 20px;
      }
      .container.contactPage {
        padding: 40px 0;
      }

  /*----------- Tables --------------*/

  table{
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
  }

  [class*="table-type"]{
    border-radius: 3px;
    overflow: hidden;
  }

  .table-type-2{border-radius: 3px;}

  [class*="table-type"] table tr > th{
    font-weight: 500;
  }

  [class*="table-type"] table tr > td{
    background: #eee;
    font-size: 14px;
  }

  [class*="table-type"] table tr:nth-child(2n) > td{
    background: #f8f8f8;
  }

  [class*="table-type"] table tr > td,
  [class*="table-type"] table tr > th{
    padding: 11px 30px 10px;
    text-align: left;
  }

  [class*="table-type"] table tr > th,
  [class*="table-type"] table tr.bg-cell > td{
    color: #fff;
    font-size: 16px;
  }

  [class*="table-type"] table tr.bg-cell > td{
    font-weight: 500;
    color: #cc1f1a;
  }

  .table-type-1 tr:first-child > th,
  .table-type-2 tr > th{
    background: #04518c;
  }

  .table-type-2 table tr > th,
  .table-type-2 table tr > td{
    padding: 11px 20px 10px;
  }

  .table-type-2 tr:last-child > th{
    border-radius: 0 0 0 3px;
  }

  .table-type-2 table tr:nth-child(2n) > th{
    background: #044a7f;
  }

  /*----------- Lists --------------*/

  .custom-list:not(:last-child){
    margin-bottom: 25px;
  }

  .custom-list > li{
    position: relative;
  }

    .custom-list li span{
      color: #7b8285;
    }

    .custom-list > li > ul > li,
    .custom-list > li > ol > li{
      margin-left: 20px;
    }

  .custom-list.var2[class*="type-"] > li:after{
    content: "";
    display: block;
    clear: both;
  }

  .custom-list.var2[class*="type-"] > li a{
    overflow: hidden;
    font-weight: 300;
  }

  .custom-list.var2[class*="type-"] > li a:hover{
    color: #26a8dc;
  }

  .custom-list.var2[class*="type-"] > li:before{
    float: left;
  }

  .custom-list.type2:not(:last-child){
    margin-bottom: 20px;
  }

  .custom-list.type2 > li:not(:last-child){
    margin-bottom: 0;
  }

  .custom-list > li:not(:last-child),
  .custom-list > li > ul > li:not(:last-child),
  .custom-list > li > ol > li:not(:last-child){
    margin-bottom: 12px;
  }

  .custom-list > li > ul,
  .custom-list > li > ol{
    margin-top: 10px;
  }

  .custom-list > li h6{
    line-height: 26px;
    color: #4b4e50;
  }

  .custom-list > li h6:not(:last-child){
    margin-bottom: 5px;
  }

  .custom-list[class*="type-"] li::before{
    content: "";
    display: inline-block;
    vertical-align: middle;
    margin-right: 13px;
    font-family: 'linearicons';
    color: #26a8dc;
    font-size: 16px;
  }

  .custom-list.type-1 li::before{
    content: "\e959";
  }

  .custom-list.type-2 li::before{
    content: "\e944";
  }

  .custom-list.type-3 li::before{
    content: "\e68d";
  }

  .custom-list.type-4,
  .custom-list.type-4 > li > ol{
    counter-reset: item;
  }

  .custom-list.type-4 li:before{
    content: counters(item, ".")".";
    counter-increment: item;
    font-size: 16px;
  }

  .custom-list.type-5 li::before{
    content: "\e965";
  }

  .custom-list > li:not(:last-child){
    margin-bottom: 12px;
  }

  /* contact info */

  .contact-info:not(.v-type){
    margin: 0 -20px -30px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
  }

    .contact-info:not(.v-type) > li{
      padding: 0 20px 30px;
    }

    .contact-info li > i{
      margin-right: 10px;
    }

    .contact-info li.info-item{
      color: #222;
      text-align: left;
      letter-spacing: 0.5px;
    }

      .contact-info li.info-item > i{
        font-size: 36px;
        padding-right: 15px;
      }

      .contact-info li.info-item > *{
        display: table-cell;
        vertical-align: middle;
      }

      .contact-info li.info-item > .item-info h4{
        font-size: 32px;
        font-weight: 600;
        color: #cc1f1a;
        line-height: 26px;
      }

      .contact-info li.info-item > .item-info span{
        font-size: 14px;
        text-transform: uppercase;
        display: block;
        line-height: 18px;
        font-weight: normal;
      }

      .contact-info li.info-item > .item-info > a{
        color: #479225;
        text-transform: uppercase;
        line-height: 18px;
        display: block;
      }

      .contact-info li.info-item > .item-info > a:hover{
        text-decoration: underline;
      }

  .contact-info.v-type li.info-item:not(:last-child){
    margin-bottom: 30px;
  }

  /* social icons */

  .social-icons{
    margin: 0 -10px -5px;
    font-size: 0;
  }

    .social-icons li{
      font-size: 16px;
      padding: 0 10px 5px;
      display: inline-block;
    }

    .social-icons li a .icon-facebook{
      color: #3b5998;
    }

    .social-icons li a .icon-twitter{
      color: #1da1f2;
    }

    .social-icons li a .icon-youtube-play{
      color: #dc4a3d;
    }

    .social-icons li a .icon-gplus-3{
      color: #e62117;
    }

    .social-icons li a .icon-instagram-5{
      color: #e3569a;
    }

    .social-icons li a .icon-linkedin-3{
      color: #006699;
    }

  .social-icons.style-2{
    margin: 0 -5px -10px;
    font-size: 0;
  }

    .social-icons.style-2 li{
      font-size: 18px;
      padding: 0 5px 10px;
    }

    .social-icons.style-2 li a i{
      color: #fff;
      width: 44px;
      height: 44px;
      line-height: 45px;
      border-radius: 3px;
      text-align: center;
      display: block;
    }

    .social-icons.style-2 li a .icon-facebook{
      background: #3b5998;
    }

    .social-icons.style-2 li a .icon-twitter{
      background: #1da1f2;
    }

    .social-icons.style-2 li a .icon-youtube-play{
      background: #e62117;
    }

    .social-icons.style-2 li a .icon-gplus-3{
      background: #dc4a3d;
    }

    .social-icons.style-2 li a .icon-instagram-5{
      background: #e3569a;
    }

    .social-icons.style-2 li a .icon-linkedin-3{
      background: #006699;
    }

    .social-icons.style-2.size-2 li a i{
      width: 34px;
      height: 34px;
      line-height: 35px;
      font-size: 14px;
    }

    .pay-box > *{
      margin: 0 2px;
    }

    .pay-box > * img{
      border-radius: 4px;
    }

  .social-icons.share > li > a > i{
    font-size: 16px;
    color: #fff;
  }

  .social-icons.share > li > a > i{
    margin-right: 10px;
  }

  .social-icons.share > li > a.sh-facebook{
    background: #3b5998;
  }

  .social-icons.share > li > a.sh-twitter{
    background: #1da1f2;
  }

  .social-icons.share > li > a.sh-google{
    background: #d73d32;
  }

  .social-icons.share > li > a.sh-pinterest{
    background: #bd081c;
  }

  .social-icons.share > li > a.sh-mail{
    background: #7b8285;
  }

  .social-icons.share{
    font-size: 0;
    margin: -4px -2px 0;
  }

  .social-icons.share > li{
    display: inline-block;
    padding: 4px 2px 0;
    cursor: pointer;
  }

  .social-icons.share:not(.type2) > li > a{
    width: auto;
    height: auto;
    padding: 7px 20px;
    border: none;
    color: #fff;
    display: block;
    font-size: 14px;
    line-height: 20px;
    border-radius: 3px;
  }

  .social-icons.share.type3 > li > a{
    width: 32px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    padding: 0;
  }

  .social-icons.share.type3 > li > a i{
    margin-right: 0;
  }

  /* info links */

  .info-links > li:not(:last-child){
    margin-bottom: 10px;
  }

  .info-links > li > a{
    color: #ffdb3e;
    font-weight: 300;
    letter-spacing: 0.3px;
    position: relative;
    white-space: nowrap;
    border-bottom: 1px solid transparent;
  }

  .info-links > li > a:hover{
    border-bottom-color: inherit;
  }

  .info-links.comment-type > li{
    color: #777;
    line-height: 24px;
  }

  .info-links.comment-type > li > a{
    color: #222;
    letter-spacing: 0px;
  }

  .info-links.comment-type > li > a:last-child{
    color: #003056;
  }

  .info-links.h-type{
    margin: 0 -9px -5px;
  }

    .info-links.h-type > li{
      padding: 0 9px 5px;
      display: inline-block;
    }

    .info-links.h-type > li:not(:last-child){
      margin-bottom: 0;
    }

  /* list with slash */

  .menu-list{
    margin: 0 -8px;
  }

    .menu-list > li{
      display: inline-block;
      padding: 0 8px;
      position: relative;
    }

    .menu-list > li:not(:last-child):after{
      content: '';
      height: 14px;
      width: 1px;
      background: #222;
      left: 100%;
      top: calc(50% - 7px);
      display: block;
      position: absolute;
    }

    .menu-list > li a:hover{
      text-decoration: underline;
    }

  /*----------- Blockquotes --------------*/

  .blockquote-holder:not(:last-child){margin-bottom: 30px;}

  blockquote{
    color: #fff;
    font-size: 24px;
    line-height: 36px;
    letter-spacing: 0.2px;
    padding: 50px 40px;
    font-weight: 300;
  }

  blockquote .author{
    font-size: 16px;
    letter-spacing: 0.8px;
    margin-top: 10px;
    text-transform: uppercase;
    font-weight: 500;
    color: #eee;
  }

  .blockquote-holder{
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    border-radius: 3px;
    overflow: hidden;
  }

  .blockquote-holder.with-bg{
    z-index: 1;
    position: relative;
    background: #479225; /* Old browsers */
    background: -moz-linear-gradient(left, #479225 0%, #32c8c7 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #479225 0%,#32c8c7 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #479225 0%,#32c8c7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#479225', endColorstr='#32c8c7',GradientType=1 ); /* IE6-9 */
  }

  .blockquote-holder.with-bg:after{
    content: "\e7e5";
    font-family: 'linearicons';
    font-size: 350px;
    position: absolute;
    right: -50px;
    bottom: 0;
    opacity: .62;
    color: #29ced0;
    line-height: 250px;
    z-index: -1;
  }

  /*----------- Dividers --------------*/

  hr{
    border-style: solid;
    border-color: #eee;
    margin: 15px 0;
  }

  hr.item-divider{
    border-width: 1px 0 0 0;
  }

  hr.item-divider-2{
    border-width: 2px 0 0 0;
  }

  hr.item-divider-3{
    border-width: 3px 0 0 0;
    width: 70px;
  }

  hr.style-2{
    border-color: #222;
  }

  hr.style-3{
    border-color: #cc1f1a;
  }

  hr.style-4{
    border-color: #04518c;
  }

  p + hr.item-divider-3{
    display: inline-block;
  }

  /* Quantity */

  .quantity{
    text-align: center;
    position: relative;
    display: inline-block;
  }

    .quantity button{
      position: absolute;
      text-align: center;
      height: 100%;
      top: 0;
      bottom: auto;
      line-height: 45px;
      width: 45px;
      background: transparent;
      color: #7b8285;
    }

    .quantity .qty-minus{
      left: 0;
    }

    .quantity .qty-plus{
      right: 0;
    }

    .quantity input[type="text"] {
      width: 110px; 
      text-align: center;
      padding: 0 45px;
    }

/* -----------------------------------

  8. Widgets & Shortcodes

------------------------------------- */

  /*----------- Twitter Feed --------------*/

  .twitter:not(:last-child){
    margin-bottom: 25px;
  }

  .twitter .tw-user{
    display: inline-block;
    font-weight: 700;
  }

  .twitter .tweet_list > li{
    font-size: 16px;
    color: #222;
    line-height: 26px;
    font-weight: 300;
  }

  .twitter .tweet_list > li:empty{
    display: none;
  }

  .twitter .tweet_list > li:not(:last-child){
    margin-bottom: 30px;
  }

  .twitter .tweet_list > li a:hover{
    text-decoration: underline;
  }

  .twitter .tweet_list > li a{color: #479225;}

  .twitter .tweet_list > li .wrapper{
    margin-top: 5px;
  }

  .twitter ul li .entry-meta{
    float: left;
    font-size: 13px;
    color: #999;
    text-transform: uppercase;
  }

  .twitter ul li .menu-list{
    float: right;
  }

    .twitter ul li .menu-list > li:not(:last-child):after{
      background: #999;
    }

    .twitter ul li .menu-list > li a{
      text-transform: uppercase;
      font-size: 13px;
      font-weight: 500;
    }

  /*----------- Instagram Feed --------------*/

  .instagram-feed{
    overflow: hidden;
    margin: 0 -15px -30px;
  }

  .instagram-feed .nv-instafeed-item{
    width: 33.3333%;
    display: inline-block;
    padding: 0 15px 30px;
  }

  .instagram-feed .nv-instafeed-item > a{
    position: relative;
    display: block;
    cursor: url(../images/icon_zoomin.png) 24 24, auto;
  }

  .nv-instafeed-item a:after{
    opacity: 0;
    visibility: hidden;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    background: rgba(0, 48, 86, 0.7);
    transition: all .4s ease;
  }

  .instagram-feed .nv-instafeed-item > a:hover:after{
    opacity: 1;
    visibility: visible;
  }

  /*----------- LightBox --------------*/

  /*----------- Accordions & Toggles --------------*/

  .accordion{
    text-align: left;
  }

  .accordion:not(.style-2){
    margin-top: -20px;
  }

  .accordion:not(.style-2) .accordion-item:not(:last-child){
    border-bottom: 2px solid #eee;
  }

  .accordion .a-title{
    font-size: 18px;
    text-transform: uppercase;
    position: relative;
    color: #222;
    cursor: pointer;
    padding: 20px 50px 20px 0;
    margin-bottom: 0;
    letter-spacing: 0.5px;
    font-weight: normal;
  }

    .accordion .a-title span{
      color: #479225;
      font-size: 32px;
      margin-right: 20px;
      display: inline-block;
      vertical-align: -7px;
    }

  .accordion .a-title:after{
    position: absolute;
    right: 20px;
    top: 50%;
    color: #222;
    font-family: 'Linearicons';
    content: '\e936';
    font-size: 18px;
    font-weight: normal;

    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }

  .accordion .a-title.active{
    color: #479225;
  }

  .accordion .a-title.active:after{
    content: '\e937';
  }

  .accordion .a-content{
    padding-bottom: 30px;
  }

  .accordion.style-2 .accordion-item:not(:last-child){
    margin-bottom: 5px;
  }

  .accordion.style-2 .a-title{
    padding: 12px 50px 12px 20px;
    background: #e3e3e3;
    border-radius: 3px;
    font-size: 16px;
  }

  .accordion.style-2 .a-title.active{
    color: #fff;
    background: #04518c;
  }

  .accordion.style-2 .a-title.active:after{
    color: #fff;
  }

  .accordion.style-2 .a-content{
    background: #fafafa;
    padding: 30px 20px;
  }

  .accordion.var2 .a-content .custom-list > li > a{
    font-weight: 300;
    font-size: 14px;
    color: #47d9bf;
  }

  .accordion.var2 .a-content .custom-list > li > a:hover{
    text-decoration: underline;
  }

  .accordion.var2 .a-content .custom-list[class*="type-"] li::before{
    color: #eee;
  }

  .accordion.var2 .a-title,
  .accordion.var2 .a-title:after{
    color: #fff;
  }

  .accordion.var2 .a-title.active{
    color: #ffdb3e;
  }

  .accordion.var2 span{
    color: #ffdb3e;
  }

  .accordion.var2 .accordion-item:not(:last-child){
    border-color: rgba(255,255,255,0.1);
  }

  /*----------- Alert boxes --------------*/

  /*----------- Alert boxes --------------*/

  [class*="alert"]{
    padding: 12px 50px 12px 20px;
    margin-bottom: 20px;
    position: relative;
    font-size: 14px;
    border-radius: 3px;
    color: #fefefe;
  }

  [class*="alert"]:before{
    font-family: 'linearicons';
    font-size: 24px;
    color: #fefefe;
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px;
  }

  [class*="alert"].alert-warning,
  .warning,
  .warning p{
    background: #e8782e;
  }

  [class*="alert"].alert-warning:before{
    content: "\e956";
  }

  [class*="alert"].alert-success,
  .success,
  .success p{
    background: #52aa33;
  }

  [class*="alert"].alert-success:before{
    content: "\e963";
  }

  [class*="alert"].alert-info,
  .info,
  .info p{
    background: #479225;
  }

  [class*="alert"].alert-info:before{
    content: "\e961";
  }

  [class*="alert"].alert-error,
  .error,
  .error p{
    background: #cc1f1a;
  }

  [class*="alert"].alert-error:before{
    content: "\e95a";
  }

    [class*="alert"] .close{
      font-family: 'linearicons';
      position: absolute;
      right: 20px;
      top: calc(50% - 13px);
      background: none;
      color: #fff;
      font-size: 20px;
    }

    [class*="alert"] .close:hover{color: #2a2c32;}

    [class*="alert"] .close:after{
      content: '\e92a';
    }

  .message-container-subscribe{
    color: #333;
    display: none;
    font-size: 14px;
    margin-top: 5px;
    z-index: 99;
  }

  [class*="message-container"]{
    display: inline-block;
    margin-top: 10px;
    top: 100%;
    left: 0;
    width: auto;
    position: absolute;
    border-radius: 3px;
  }

  .form-wrap [class*="message-container"]{
    left: 5px;
  }

  .message-container-subscribe [class*="alert"]{
    padding: 9px 20px;
  }

  .alert-box i{
    float: left;
    position: relative;
    font-style: normal;
    font-weight: bold;
    margin-right: 10px;
  }

  .alert-box p{
    white-space: nowrap;
  }

  /*----------- Callouts --------------*/

  .call-out h1,
  .call-out h2,
  .call-out h3,
  .call-out h4,
  .call-out h5,
  .call-out h6{
    color: #fff;
    font-weight: normal;
  }

  .call-out h6{
    font-size: 18px;
    font-weight: 500;
    text-transform: uppercase;
  }

  .call-out h6 span{
    font-weight: 200;
    letter-spacing: 0.8px;
  }

  .call-out h1:not(:last-child){
    margin-bottom: 18px;
  }

  .call-out h2:not(:last-child){
    margin-bottom: 7px;
  }

  .call-out h3:not(:last-child){
    margin-bottom: 10px;
  }

  .call-out p:not(:last-child){
    margin-bottom: 30px;
  }

  .call-out p > span{
    color: #f4f4f5;
    text-transform: uppercase;
  }

  .call-out.call-out-form,
  .page-section-bg3{
    background: #479225;
    background: -moz-linear-gradient(left, #479225 0%, #32c8c7 100%);
    background: -webkit-linear-gradient(left, #479225 0%,#32c8c7 100%);
    background: linear-gradient(to right, #479225 0%,#32c8c7 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#479225', endColorstr='#32c8c7',GradientType=1 );
  }

  .call-out-form:not(.style-2) .newsletter-wrap{
    padding: 47px 100px;
    margin: 0 -25px 0;
    position: relative;
    color: #eee;
    z-index: 1;
  }

  .call-out-item{
    padding: 60px 0;
    position: relative;
    color: #eee;
    z-index: 1;
  }

  .call-out-form .newsletter-wrap > .nl-col{
    display: inline-block;
    padding: 0 25px 0;
  }
  .call-out-form .newsletter-wrap > .nl-col p{
    color: #eee;
  }
  .left-side p{
    color: #eee;
  }
  .img-testimonial{
    width: 90px!important;
    height: 90px;
    border-radius: 90px;
    border: 2px solid #eee;
  }
  .img-wrap-it{
    position: relative;
  }
  span.dated{
    position: absolute;
    background: rgba(0,0,0,.85);
    right: 10px;
    bottom: -15px;
    text-align: center;
    text-transform: uppercase;
    padding: 3px 10px;
    color: #eee;
    border: 1px solid #999;
    font-size: 14px;
  }

  .call-out-form span.call-out-icon,
  .bg-full-right > span{
    position: absolute;
    font-size: 300px;
    line-height: 180px;
    left: 100px;
    color: #fff;
    height: 100%;
    opacity: 0.08;
    z-index: -1;
    margin-bottom: -40px;
    overflow: hidden;
    line-height: 250px;
    top: 0;
  }

  .call-out.call-out-form span.call-out-icon,
  .bg-full-right > span{
    line-height: 400px;
    left: 50px;
    color: #fff;
  }

  .call-out.type1{
    padding: 50px 0;
    background: #cc1f1a;
  }

  .call-out.type1 h4{
    font-weight: 300;
    letter-spacing: 0.1px;
  }

  .call-out-form{
    background: #6EB94C;
    background: -moz-linear-gradient(left, #6EB94C 0%, #479225 100%);
    background: -webkit-linear-gradient(left, #6EB94C 0%,#479225 100%);
    background: linear-gradient(to right, #6EB94C 0%,#479225 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6EB94C', endColorstr='#479225',GradientType=1 );
  }

  .call-out-form .newsletter-wrap .nl-title{
    position: relative;
    color: #fff;
    font-weight: normal;
    font-size: 26px;
  }

  .call-out-form:not(.style-2) .newsletter-wrap .nl-title{
    padding-left: 80px;
  }

  .call-out-form:not(.style-2) .newsletter-wrap .nl-title:before{
    content: "\e699";
    font-family: 'linearicons';
    font-size: 60px;
    color: #ffdb3e;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
  }

  #newsletter.style-2 input:not([type="submit"]){
    background: #fff;
    border-color: #fff;
  }

  .call-out-form.style-2{
    position: relative;
    color: #eee;
    text-align: center;
    padding: 40px 30px 60px;
    border-radius: 3px;
    overflow: hidden;
    height: 100%;
  }

    .call-out-form.style-2 .newsletter-wrap{
      z-index: 1;
      position: relative;
    }

    .call-out-form.style-2 span.call-out-icon{
      line-height: 180px;
      left: 60px;
      color: #0ab7ff;
      overflow: visible;
    }

  /*----------- Pagination --------------*/

  .pagination{
    text-align: center;
    margin: -3px -3px 0;
    position: relative;
    display: inline-block;
    font-size: 0;
  }

  .pagination > li{
    display: inline-block;
    vertical-align: middle;
    margin: 3px;
  }

  .pagination > li > a{
    display: block;
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    color: #222;
    font-weight: 300;
    background: transparent;
    border-radius: 3px;
    font-size: 16px;
  }

  .pagination > li.active > a,
  .pagination > li:hover > a{
    color: #fff;
    background: #04518c;
  }

  .prev-page::before,
  .next-page::before{
    font-family: 'linearicons';
    font-size: 20px;
  }

  .prev-page::before{
    content: '\e93b';
  }

  .next-page::before{
    content: '\e93c';
  }

  .page-nav .flex-row > *{
    margin-bottom: 10px;
  }

  /*----------- Dropcaps --------------*/

  .dropcap::first-letter{
    font-weight: 900;
    display: block;
    float: left;
    margin: 15px 10px 0 0;
  }

  .dropcap::first-letter{
    font-size: 50px;
  }

  .dropcap.type-1::first-letter{
    color: #04518c;
  }

  .dropcap.type-2::first-letter{
    color: #1cb7cf;
  }

  /*----------- Icon Boxes --------------*/

  .icons-box:not(:last-child){
    margin-bottom: 40px;
  }

  .icons-box .row.flex-row{
    margin-bottom: -40px;
  }

  .icons-box .row.flex-row > [class*="col-"]{
    padding-bottom: 40px;
    margin-bottom: 0;
  }

  .icons-box:not(.style-2) .flex-row[class*="fx-col-"]{
    margin: 0 -15px -30px;
  }

  .icons-box:not(.style-2) .flex-row[class*="fx-col-"] > *{
    padding: 0 15px 30px;
  }

  .icons-box.icons-bg .icons-wrap .item-box{
    z-index: 1;
  }

  .icons-box.icons-bg .icons-wrap .item-box:after{
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    opacity: 0;

    transition: all .5s ease;
  }

  .icons-box.icons-bg .icons-wrap .item-box:hover:after{
    opacity: 1;
  }

  .icons-box.icons-bg .icons-wrap:nth-child(1) .item-box{
    background: #003056;
  }

  .icons-box.icons-bg .icons-wrap:nth-child(2) .item-box{
    background: #03417a;
  }

  .icons-box.icons-bg .icons-wrap:nth-child(3) .item-box{
    background: #479225;
  }

  .icons-box.icons-bg .icons-wrap:nth-child(4) .item-box{
    background: #47d9bf;
  }

  .icons-box.icons-bg .icons-wrap:nth-child(5) .item-box{
    background: #044a7f;
  }

  .icons-box.icons-bg .icons-wrap:nth-child(1) .item-box:hover:after{
    background: #002546;
    background: -moz-linear-gradient(left, #002546 0%, #004268 100%);
    background: -webkit-linear-gradient(left, #002546 0%,#004268 100%);
    background: linear-gradient(to right, #002546 0%,#004268 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002546', endColorstr='#004268',GradientType=1 );
  }

  .icons-box.icons-bg .icons-wrap:nth-child(2) .item-box:hover:after{
    background: #03417a;
    background: -moz-linear-gradient(left, #03417a 0%, #07639a 100%);
    background: -webkit-linear-gradient(left, #03417a 0%,#07639a 100%);
    background: linear-gradient(to right, #03417a 0%,#07639a 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#03417a', endColorstr='#07639a',GradientType=1 );
  }

  .icons-box.icons-bg .icons-wrap:nth-child(3) .item-box:hover:after{
    background: #0090d0;
    background: -moz-linear-gradient(left, #0090d0 0%, #00adde 100%);
    background: -webkit-linear-gradient(left, #0090d0 0%,#00adde 100%);
    background: linear-gradient(to right, #0090d0 0%,#00adde 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0090d0', endColorstr='#00adde',GradientType=1 );
  }

  .icons-box.icons-bg .icons-wrap:nth-child(4) .item-box:hover:after{
    background: #38d0b1;
    background: -moz-linear-gradient(left, #38d0b1 0%, #59dec7 100%);
    background: -webkit-linear-gradient(left, #38d0b1 0%,#59dec7 100%);
    background: linear-gradient(to right, #38d0b1 0%,#59dec7 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#38d0b1', endColorstr='#59dec7',GradientType=1 );
  }

  .icons-box.icons-bg .icons-wrap:nth-child(5) .item-box:hover:after{
    background: #033b6d;
    background: -moz-linear-gradient(left, #033b6d 0%, #075c8e 100%);
    background: -webkit-linear-gradient(left, #033b6d 0%,#075c8e 100%);
    background: linear-gradient(to right, #033b6d 0%,#075c8e 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#033b6d', endColorstr='#075c8e',GradientType=1 );
  }

  .icons-wrap{
    border-right: 1px solid #e5e5e5;
  }
  .icons-wrap.last{
    border-right: none;
  }

  .icons-box.icons-bg.style-2:not(.type-2) .icons-wrap .item-box:hover:after{
    display: none;
  }

  .icons-box .item-box > .icons-box-title > a{
    color: #479225;
    border-bottom: 1px solid transparent;
    letter-spacing: 0.3px;
  }

  .icons-box .item-box > .icons-box-title > a:hover{
    border-bottom: none;
  }

  .icons-box .icons-item{
    cursor: pointer;
    height: 100%;
  }

  /* Icons-style-1 */

  .icons-box.style-1 .item-box{
    color: #777;
  }

  .icons-box.style-1 .item-box > i{
    color: #ffdb3e;
    font-size: 40px;
    display: block;
  }

  .icons-box.style-1 .icons-wrap{
    height: 240px;
    margin-bottom: 20px!important;
  }
  .icons-box.style-1 .item-box img{
    height: 175px;
    width: 100%;
    object-fit : cover;
  }
  .icons-box.style-1 .item-box .icons-box-title a{
    text-transform: uppercase;
    font-weight: 500;
    display: -webkit-box;
    -webkit-box-orient : vertical;
    -webkit-line-clamp : 2;
    text-overflow : ellipsis;
    overflow: hidden;
    color: #263850;
    font-weight: bold;
  }

  .icons-box.style-1 .item-box > i:not(:last-child){
    margin-bottom: 15px;
  }
  
  /* Icons-style-2 */

  .icons-box.style-2 .item-box{
    padding: 30px 40px 40px;
    color: #777;
    height: 100%;
    position: relative;
    overflow: hidden;
    z-index: 1;
  }

  .icons-box.style-2:not(.type-2) .item-box i{
    position: absolute;
    right: 30px;
    bottom: -50px;
    font-size: 150px;
    opacity: 0.2;
    z-index: -1;
  }

  .icons-box.style-2:not(.type-2).icons-bg .icons-wrap:nth-child(1) .item-box i{
    color: #0060ac;
  }

  .icons-box.style-2:not(.type-2).icons-bg .icons-wrap:nth-child(2) .item-box i{
    color: #0cbaff;
  }

  .icons-box.style-2:not(.type-2).icons-bg .icons-wrap:nth-child(3) .item-box i{
    color: #00ffff;
  }

  .icons-box.style-2:not(.type-2).icons-bg .icons-wrap:nth-child(4) .item-box i{
    color: #8effff;
    opacity: 0.3;
  }

    .icons-box.style-2 .icons-box-title a{
      color: #fff;
      font-weight: normal;
      letter-spacing: 0.3px;
    }

    .icons-box.style-2 .icons-box-title:not(:last-child){
      margin-bottom: 25px;
    }

  /* Icons-style-3 */

  .icons-box.style-3 .item-box{
    padding: 40px;
    color: #eee;
    position: relative;
    overflow: hidden;
    z-index: 1;
    border-radius: 5px;
  }

  .icons-box.style-3 .icons-wrap .item-box i:not(:last-child){
    margin-bottom: 25px;
  }

  .icons-box.style-3 .icons-wrap .item-box i{
    color: #fff;
    font-size: 40px;
    display: block;
  }

  .icons-box.style-3 .icons-box-title a{
    color: #fff;
    font-weight: normal;
    text-transform: none;
  }

  .icons-box.style-3 .icons-wrap .item-box p:not(:last-child){
    margin-bottom: 25px;
  }

  /* Icons-style-4 */

  .icons-box.style-4 .icons-item{
    padding: 30px;
    color: #777;
    background: #fafafa;
    overflow: hidden;
    border-radius: 5px;

    transition: all .4s ease;
  }

  .icons-box.style-4 .icons-item:hover{
    background: #fff;

    -webkit-box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow:    0px 0px 18px 0px rgba(0, 0, 0, 0.1);
    box-shadow:         0px 0px 18px 0px rgba(0, 0, 0, 0.1);
  }

    .icons-box.style-4 .item-box{
      position: relative;
      padding-left: 60px;
    }

    .icons-box.style-4 .item-box .icons-box-title a{
      text-transform: uppercase;
    }

    .icons-box.style-4 .item-box i{
      position: absolute;
      left: 0;
      top: 0;
      color: #479225;
      font-size: 40px;

      transition: all .45s ease;
    }

    .icons-box.style-4 .icons-item:hover .item-box i{
      background: linear-gradient(to right, #479225 0%,#47d9bf 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }

  /* Icons-style-5 */

  .icons-box.style-2.type-2{
    position: relative;
  }

  .icons-box.style-2.type-2 > .flex-row{
    margin-top: -1px;
  }

  .icons-box.style-2.type-2 .item-box{
    color: #fff;
    padding: 50px 40px;
    height: 100%;

    transition: all .6s ease;

    -moz-transform: translateY(50%);
    -webkit-transform: translateY(50%);
    -o-transform: translateY(50%);
    -ms-transform: translateY(50%);
    transform: translateY(50%);
  }

  .icons-box.style-2.type-2 .item-box:hover{
    -moz-transform: translateY(0);
    -webkit-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  .icons-box.style-2.type-2 .icons-item{
    overflow: hidden;
  }

  .icons-box.style-2.type-2 .item-box i{
    margin-right: 15px;
    font-size: 40px;
    color: #fff;
  }

  .icons-box.style-2.type-2 .item-box .icons-box-title,
  .icons-box.style-2.type-2 .item-box i{
    display: inline-block;
    vertical-align: middle;
  }

  .icons-box.style-2.type-2 .item-box .icons-box-title a{
    text-transform: uppercase;
  }

  .icons-box.style-2.type-2 .item-box .icons-box-title a:hover{
    border-color: transparent;
  }

  .icons-box.style-2.type-2 .item-box .icons-box-title:not(:last-child){
    margin-bottom: 0;
  }

  .icons-box.style-2.type-2 .item-box p{
    margin-top: 15px;
  }

  .icons-box.style-2.type-2 .item-box p:not(:last-child){
    margin-bottom: 20px;
  }

  .icons-box.style-2.type-2 .item-box p,
  .icons-box.style-2.type-2 .item-box .btn{
    opacity: 0;
    visibility: hidden;

    transition: all .4s ease;
  }

  .icons-box.style-2.type-2 .item-box:hover p,
  .icons-box.style-2.type-2 .item-box:hover .btn{
    opacity: 1;
    visibility: visible;
  }

  /*----------- Testimonials --------------*/

  .testimonial-list .testimonial:not(:last-child){margin-bottom: 45px;}

  .testimonial blockquote{
    color: #4b4e50;
    font-size: 18px;
    line-height: 30px;
    padding: 0;
  }

  .testimonial-list .testimonial:not(:last-child):after{
    content: '';
    display: block;
    background: #eee;
    width: 70px;
    height: 3px;
    margin-top: 40px;
  }

 /* .testimonial blockquote:before{
    content: "\e7e5";
    font-family: 'linearicons';
    font-size: 30px;
    color: #59dcc4;
    display: block;
    margin-bottom: 30px;
  }*/

  .testimonial h6{
    color: #4b4e50;
    font-weight: 600;
    line-height: 20px;
  }

  .testimonial h6:not(:last-child){margin-bottom: 20px;}

  .testimonial .author-name{
    text-transform: uppercase;
    display: block;
    color: #777;
    letter-spacing: 0.8px;
    font-weight: normal;
  }

  .testimonial .author-position,
  .testimonial .author-about,
  .testimonial .author-company{
    display: block;
    text-transform: uppercase;
    font-size: 12px;
    color: #aab3b6;
  }

  .testimonial .author-name:not(:last-child){
    margin-bottom: 2px;
  }

  .testimonial .author-position:not(:last-child){
    margin-bottom: 2px;
  }

  .testimonial .testimonial-holder:not(:last-child){margin-bottom: 30px;}

  .testimonial-holder.with-bg-img{
    background-size: cover;
    background-position: center center;
    background-attachment: fixed;
    background-repeat: no-repeat;
  }

  .testimonial-holder.with-bg-img:not(.page-section){
    padding: 60px 0;
  }

  .testimonial-holder.with-bg-img .testimonial.testimonial-single{
    text-align: center;
    max-width: 600px;
    display: inline-block;
  }

  .testimonial-holder.with-bg-img:not(.style-2) .testimonial blockquote{
    color: #fff;
    font-size: 18px;
    line-height: 30px;
  }

  .testimonial-holder.with-bg-img:not(.style-2) .testimonial blockquote:before{
    font-size: 40px;
  }

  .testimonial blockquote:not(:last-child){
    margin-bottom: 30px;
  }

  .testimonial-holder.with-bg-img:not(.style-2) .author-name{
    color: #fff;
  }

  .testimonial-holder.style-2 .testimonial{
    padding: 40px 30px 20px;
    background: #fff;
    text-align: center;

    -webkit-box-shadow: 0px -100px 18px 0px rgba(0, 0, 0, 0.06);
    -moz-box-shadow: 0px -100px 18px 0px rgba(0, 0, 0, 0.06);
    box-shadow: 0px -100px 18px 0px rgba(0, 0, 0, 0.06);
  }

  .testimonial-holder.style-2.with-bg-img{
    padding: 70px 0 0;
    margin-bottom: 200px;
  }

  .testimonial-holder.style-2.with-bg-img .carousel-type-1{
     display: flex;
     position: relative;
  }

  .testimonial-holder.style-2.with-bg-img .carousel-type-1 .btn{
    position: absolute;
    top: 100%;
    margin-top: 140px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
  }

  .testimonial-holder.style-2.with-bg-img .owl-carousel{
    margin-bottom: -100px;
  }

  /*----------- Carousel Sliders --------------*/

  .carousel-type-1 .owl-carousel .owl-nav,
  .carousel-type-2 .owl-carousel .owl-dots,
  .carousel-type-1 .owl-carousel[id*="sync-"] .owl-dots,
  .carousel-type-1 .owl-carousel.testimonial .owl-dots{
    display: none!important;
  }

  .carousel-type-1 .owl-carousel:not(:last-child){
    margin-bottom: 40px;
  }

  [class*="carousel-type"] .owl-dots{
    margin-top: 30px;
    text-align: center;
    font-size: 0;
  }

  [class*="carousel-type"] .owl-dots .owl-dot{
    display: inline-block;
    margin: 0 6px;
  }

  .carousel-type-2 .owl-nav{
    opacity: 0;
    visibility: hidden;

    -webkit-transition: all .35s ease;
            transition: all .35s ease;
  }

  .carousel-type-2:hover .owl-nav{
    opacity: 1;
    visibility: visible;
  }

  .owl-prev,
  .owl-next{
    color: #222;
    position: absolute;
    top: 50%;
    font-size: 40px;
    margin-top: -20px;
    line-height: 40px;
    opacity: 0.3;

    -webkit-transition: all .35s ease;
            transition: all .35s ease;
  }

  .owl-prev{
    left: -70px;
  }

  .owl-next{
    right: -70px;
  }

  .owl-prev::before,
  .owl-next::before{
    font-family: 'Linearicons';
  }

  .owl-prev::before{
    content: '\e93b';
  }

  .owl-next::before{
    content: '\e93c';
  }

  .owl-nav > [class*="owl-"]{
    color: #222;
  }

  .owl-nav > [class*="owl-"]:hover{
    opacity: 1;
  }

  .carousel-type-2.style-2 .owl-nav .owl-prev{
    left: 20px;
  }

  .carousel-type-2.style-2 .owl-nav .owl-next{
    right: 20px;
  }

  .carousel-type-2.style-2.var2 .owl-nav > [class*="owl-"]{
    color: #fff;
  }

  .carousel-type-3 .owl-carousel{
    padding: 0 80px;
  }

  .carousel-type-3 .owl-nav .owl-prev{
    left: -10px;
  }

  .carousel-type-3 .owl-nav .owl-next{
    right: -10px;
  }

  /*----------- Progress Bars --------------*/

  .pbar-wrap{
    position: relative;
  }

  .pbar{
    position: relative;
    height: 5px;
    background-color: #eee;
  }

  .pbar-wrap:not(:last-child){
    margin-bottom: 40px;
  }

  .pbar-inner{
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    background: #04518c;
  }

  .pbar-wrap .pbar-title{
    font-size: 18px;
    margin-bottom: 5px;
    color: #222;
  }

    .pbar-wrap .pbar-title > span{
      float: right;
    }

  /*----------- Pricing Tables --------------*/

  .pricing-tables-holder{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    margin: 0 -15px -30px;

    -webkit-justify-content: space-around;
            justify-content: space-around;

    -webkit-flex-flow: row wrap;
            flex-flow: row wrap;
  }

  .pricing-tables-holder[class*="cols-"] .pricing-col{
    padding: 20px 15px 30px;
  }

  .pricing-tables-holder.cols-2 .pricing-col{
    width: 50%;
  }

  .pricing-tables-holder.cols-3 .pricing-col{
    width: 33.33333%;
  }

  .pricing-tables-holder.cols-4 .pricing-col{
    width: 25%;
  }

  .pricing-tables-holder:not(.style-2) .pricing-col:nth-child(1) .pricing-table{
    background: #04518c;
  }

  .pricing-tables-holder:not(.style-2) .pricing-col:nth-child(2) .pricing-table{
    background: #479225;
  }

  .pricing-tables-holder:not(.style-2) .pricing-col:nth-child(3) .pricing-table{
    background: #47d9bf;
  }

  .pricing-tables-holder:not(.style-2) .pricing-col:nth-child(3) .pricing-table .custom-list li:before{
    color: #f6db4a;
  }

  .pricing-table{
    border-radius: 3px;
    overflow: hidden;
    position: relative;
    z-index: 1;
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 75px;
    height: 100%;
  }

  .pricing-table.selected{
    padding: 15px 30px;
    padding-bottom: 95px;
    z-index: 2;
    margin-top: -20px;
    height: calc(100% + 40px);
  }

  .pricing-table:nth-child(n+2){
    margin-left: -4px;
  }

  .pt-header{
    color: #fff;
    padding: 35px 0 25px;
    word-break: break-all;
  }

  .pt-type{
    font-size: 18px;
    color: #fff;
    font-weight: bold;
    letter-spacing: 0.3px;
  }

  .pt-price{
    
    font-family: 'Ruda', sans-serif;
    font-size: 42px;
    font-weight: 500;
    color: #fff;
  }

  .pt-type,
  .pt-price{
    line-height: 1.2em;
  }

  .pt-type:not(:last-child){
    margin-bottom: 10px;
  }

  .pt-period{
    text-transform: uppercase;
    font-size: 12px;
    color: #eee;
    line-height: 18px;
    font-weight: normal;
  }

  .pt-lifetime{
    vertical-align: baseline;
  }

  .pt-features-list{
    color: #eee;
    font-size: 14px;
  }

  .custom-list.pt-features-list li:before{
    color: #c5b55c;
    font-size: 14px;
  }

  .custom-list.pt-features-list > li:not(:last-child){
    margin-bottom: 7px;
  }

  .pt-footer{
    position: absolute;
    bottom: 40px;
    left: 30px;
  }

  .pricing-table.selected .pt-footer{
    bottom: 60px;
  }

  .pt-header,
  .pt-features-list{
    position: relative;
    z-index: 1;
    line-height: 24px;
  }

  .label{
    font-size: 11px;
    line-height: 1em;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #fff;
    display: block;
    padding: 5px 10px;
    position: absolute;
    background-color: #cc1f1a;
    right: 20px;
    top: 20px;
    z-index: 2;
    border-radius: 3px;
  }

  .label.sale{
    background-color: #ce2929;
  }

  .label.sold{
    background-color: #f1a91f;
  }

  .pricing-tables-holder.style-2 .pricing-table{
    background: #fff;
  }

  .pricing-tables-holder.style-2 .pricing-col:nth-child(1) .pricing-table .pt-price,
  .pricing-tables-holder.style-2 .pricing-col:nth-child(1) .pricing-table .pt-type{
    color: #04518c;
  }

  .pricing-tables-holder.style-2 .pricing-col:nth-child(2) .pricing-table .pt-price,
  .pricing-tables-holder.style-2 .pricing-col:nth-child(2) .pricing-table .pt-type{
    color: #479225;
  }

  .pricing-tables-holder.style-2 .pricing-col:nth-child(3) .pricing-table .pt-price,
  .pricing-tables-holder.style-2 .pricing-col:nth-child(3) .pricing-table .pt-type{
    color: #47d9bf;
  }

  .pricing-tables-holder.style-2 .pricing-table .pt-period,
  .pricing-tables-holder.style-2 .pricing-table .pt-features-list{
    color: #777;
  }

  .pricing-tables-holder.style-2 .pricing-table .custom-list.pt-features-list li:before{
    color: #26a8dc;
  }

  .pt-section.with-bg-img{
    padding: 70px 0;
    color: #eee;
  }

  .pt-section .tabs.vertical .tabs-content{
    padding-top: 0;
  }

  .pt-section .tabs.vertical .tabs-nav{
    width: 25%;
    flex-basis: 25%;
    max-width: 25%;
  }

  .pt-section .tabs.vertical .tabs-content{
    width: 75%;
    flex-basis: 75%;
    max-width: 75%;
    padding: 0 0 0 30px;
  }

  .pt-section .tabs.vertical .tabs-nav{
    margin-top: 80px;
  }

  .pt-section .tabs.vertical .tabs-nav > li.ui-tabs-active a,
  .pt-section .tabs .tabs-nav > li > a{
    border-right-color: transparent;
  }

  .pt-section.with-bg-img .tabs .tabs-nav > li > a{
    color: #fff;
  }

  .pt-section.with-bg-img .tabs.vertical .tabs-nav > li.ui-tabs-active a,
  .pt-section.with-bg-img .tabs .tabs-nav > li > a span{
    color: #ffdb3e;
  }

  .pt-section.with-bg-img .tabs .tabs-nav > li > a{
    border-bottom: 2px solid rgba(255,255,255,0.1);
  }

  /*----------- Counters --------------*/

  .counter{
    color: #222;
    font-weight: normal;
    text-align: center;
  }

  .count-number{
    color: #479225;
    font-size: 48px;
    font-weight: bold;
    line-height: 43px;
    margin-bottom: 15px;
    letter-spacing: 0;
  }

  .counter::before{
    content: attr(data-value);
    font-size: 58px;
    line-height: 1em;
    position: absolute;
    bottom: 100%;
    left: 0;
    right: 0;
    margin-bottom: 16px;
    padding-left: inherit;
    padding-right: inherit;
    white-space: nowrap;
  }

  .counter .count-item:not(:last-child){
    margin-bottom: 15px;
  }

  .counter .count-item > *:not(.pre){
    display: inline-block;
    vertical-align: middle;
    margin: 0;
  }

  .counter .count-item > [class*="licon-"]:not(:last-child){
    margin-right: 10px;
  }

  .counter .count-item > span{
    font-size: 40px;
    color: #479225;
  }

  .count-item > span.pre{
    font-size: 18px;
    font-weight: 500;
    vertical-align: top;
    line-height: 15px;
  }

  .counter-wrap.style-2 .counter .count-item > span,
  .counter-wrap.style-2 .count-number{
    color: #47d9bf;
  }

  .counter-wrap.style-2 .counter{
    color: #eee;
  }

  /*----------- Tabs & Tour Sections --------------*/

  .tabs-conrainer{position: relative;}

  .tabs .tabs-nav{margin-bottom: -2px;}

  .tabs .tabs-nav li{
    float: left;
  }

  .tabs.horisontal .tabs-nav li:last-child a{margin-right: 0;}

  .tabs .tabs-content{
    display: block;
    padding: 20px 0;
    border-top: 2px solid #f2f3f6;
  }

  .tabs .tabs-nav{
    width: 100%;
    overflow: hidden;
  }

    .tabs .tabs-nav > li > a{
      display: block;
      font-size: 18px;
      text-transform: uppercase;
      padding: 5px 20px 18px 20px;
      color: #222;
      font-weight: 400;
      letter-spacing: 0.5px;
      position: relative;
      border-bottom: 2px solid #f2f3f6;
      border-right: 2px solid #f2f3f6;
    }

    .tabs .tabs-nav > li > a span{
      font-size: 32px;
      margin-right: 15px;
      vertical-align: -5px;
      color: #479225;
      height: 0;
    }

    .tabs .tabs-nav > li:first-child > a{
      padding-left: 0;
    }

    .tabs .tabs-nav > li.ui-tabs-active > a{color: #479225;}

    .tabs:not(.vertical) .tabs-nav > li:last-child > a{border-right: none;}

    .tabs:not(.vertical) .tabs-nav > li.ui-tabs-active a{
      border-bottom-color: #fff;
    }

  .tabs.style-2 .tabs-nav > li > a{
    padding: 9px 20px;
    color: #222;
    border: none;
    background: #e3e3e3;
    border-radius: 3px;
    font-weight: 500;
    word-wrap: break-word;
    font-size: 16px;
    letter-spacing: 0.8px;
  }

  .tabs.style-2 .tabs-nav > li:not(:last-child){
    margin-right: 4px;
  }

  .tabs.style-2 .tabs-nav > li.ui-tabs-active > a{
    color: #fff;
    background: #04518c;
  }

  .tabs.style-2 .tabs-content{
    border: none;
    margin-top: 5px;
    border-radius: 3px;
    padding: 20px;
    background: #fafafa;
  }

  .tabs.vertical{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-flow: row nowrap;
    flex-flow: row nowrap;
  }

  .tabs.vertical .tabs-nav{
    width: 30%;
    flex-basis: 30%;
    max-width: 30%;
    margin-bottom: 0;
  }

  .tabs.vertical .tabs-content{
    width: 70%;
    flex-basis: 70%;
    max-width: 70%;
    padding: 20px 25px 30px 30px;
    border: none;
  }

    .tabs.vertical .tabs-nav li{float: none;}

    .tabs.vertical:not(.style-2) .tabs-nav > li:not(:first-child) > a{
      padding-top: 18px;
    }

    .tabs.vertical:not(.style-2) .tabs-nav > li:last-child > a{
      padding-bottom: 5px;
    }

    .tabs.vertical:not(.style-2) .tabs-nav > li > a{
      padding-left: 0;
    }

    .tabs.vertical .tabs-nav > li:last-child > a{border-bottom: none;}

    .tabs.vertical .tabs-nav > li.ui-tabs-active a{border-right-color: #fff;}

    .tabs.vertical .tabs-nav li:last-child a{
      border-bottom-right-radius: 3px;
    }

    .tabs.vertical.style-2 .tabs-nav > li:not(:last-child){
      margin-right: 0;
      margin-bottom: 4px;
    }

    .tabs.vertical.style-2 .tabs-content{
      margin-top: 0;
      margin-left: 4px;
    }

  .tabs.style-2.var2 .tabs-content{
    background: transparent;
    padding: 30px 0;
  }

  .tabs.vertical.style-2.var2 .tabs-content{
    padding: 0 0 0 30px;
  }

  .tabs.vertical.style-2.var2 .tabs-content .custom-list > li{
    font-weight: 300;
  }

  /*----------- Isotope --------------*/

  #options{
    z-index: 9;
    position: relative;
  }

  #options:not(:last-child){
    margin-bottom: 40px;
  }

  .isotope:not(:last-child){
    margin-bottom: 50px;
  }

  .isotope-nav{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-direction: column; 
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    justify-content: center;
  }

  .isotope-nav > button{
    margin: 0 2px 4px;
    text-transform: uppercase;
    color: #222;
    background-color: #e3e3e3;
    padding: 7px 30px;
    letter-spacing: 0.8px;
    font-weight: 500;
    font-size: 16px;
    border-radius: 3px;
  }

  .isotope-nav > button.is-checked{
    color: #fff;
    background-color: #04518c;
  }

  /*----------- Team Members --------------*/

  .team-member .team-desc{
    padding: 25px 30px 30px;
    background: #fafafa;
    color: #777;
  }

  .team-item .team-member .member-name a{
    font-weight: normal;
    color: #003056;
    border-bottom: 1px solid transparent;
  }

  .team-item .team-member .member-name a:hover{
    border-bottom-color: inherit;
  }

  .team-member{
    position: relative;
    z-index: 1;
  }

  .team-member .member-link{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 3;
  }

  .team-member .member-photo{
    position: relative;
    display: block;
  }

  .member-about{
    color: #7b8285;
  }

  .member-name + .member-position{
    margin-top: -10px;
  }

  .member-position{
    color: #999;
    font-size: 16px;
    font-weight: normal;
  }

  .member-position:not(:last-child){
    margin-bottom: 15px;
  }

  .team-member .custom-list li span{
    width: 78px;
    display: inline-block;
  }

  .team-member .custom-list li{
    color: #2a2c32;
  }

  .team-member .social-icons > li > a{
    background: #80c644;
  }

  .team-member .social-icons > li:hover > a{
    background: #494c55;
    color: #fff;
  }

  .team-holder.var2 .team-item .member-photo{
    float: left;
    margin-right: 20px;
  }

    .team-holder.var2 .team-item .member-name:not(:last-child){
      margin-bottom: 10px;
    }

  /*----------- Google Map --------------*/

  .map-section{
    position: relative;
  }

  #googleMap{
    width: 100%;
    padding-bottom: 21%;
    min-height: 550px;
    z-index: 1;
    overflow: hidden;
  }

  iframe::-webkit-scrollbar{
      display: none!important;
  }

  iframe::scrollbar{
      display: none!important;
  }

  .map-section .map-info{
    position: absolute;
    right: 20%;
    top: 0;
    bottom: 0;
    background: rgba(0,48,86,0.9);
    padding: 80px 50px;
    z-index: 2;
  }

    .map-section .map-info .section-sub-title,
    .map-section .map-info .section-title,
    .map-section .map-info .contact-info li.info-item{
      color: #fff;
    }

    .map-section .map-info .contact-info li.info-item > i,
    .map-section .map-info .contact-info li.info-item > .item-info > a{
      color: #ffdb3e;
    }

  /*----------- Services --------------*/

  /*----------- Countdown --------------*/

  /*----------- Audio Player --------------*/

  .audio-poster{
    position: relative;
  }

    .audio-poster img{width: 100%;}

      .audio-poster .audioplayer1{
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        margin-bottom: 0;
      }

      .audioplayer{
        background: rgba(0,48,86,0.8);
        color: #fff;
      }

      .audioplayer:not(.audioplayer-playing) .audioplayer-playpause a{
        border-left-color: #fff;
      }

      .audioplayer:not(.audioplayer-playing) .audioplayer-playpause:hover a{
        border-left-color: #fff;
      }

      .audioplayer-volume{
        border: none;
      }

      .audioplayer-volume-button a{
        background: #fff;
      }

      .audioplayer-volume-button:hover a{
        background: #ffdb3e;
      }

      .audioplayer-volume-button a:before{
        border-right-color: #fff;
      }

      .audioplayer:not(.audioplayer-mute) .audioplayer-volume-button a:after{
        border-color: #fff;
      }

      .audioplayer-volume-button:hover a:before{
        border-right-color: #ffdb3e;
      }

      .audioplayer:not(.audioplayer-mute) .audioplayer-volume-button:hover a:after{
        border-color: #ffdb3e;
      }

      .audioplayer-bar-played,
      .audioplayer-volume-adjust div div{
        background: #ffdb3e;
      }

  /*----------- Widget calendar --------------*/

  .widget-calendar .owl-carousel .owl-dots{
    display: none;
  }

  .widget-calendar .owl-carousel .owl-prev, 
  .widget-calendar .owl-carousel .owl-next{
    top: 5px;
    margin-top: 0;
    font-size: 12px;
    color: #fff;
    opacity: 1;
  }

  .widget-calendar .owl-carousel .owl-prev{
    left: 15px;
  }

  .widget-calendar .owl-carousel .owl-next{
    right: 15px;
  }

  .calendar-wrap{
    overflow: hidden;
    border-bottom: none;
  }

  .widget-calendar table{
    width: 100%;
    background: #fff;
  }

    .widget-calendar table tr.days td{
      color: #222;
    }

    .widget-calendar table tr td{
      text-align: center;
      padding: 12px 5px;
      background: #eee;
      font-size: 14px;
      font-weight: 300;
      line-height: 15px;
      color: #777;

      transition: all .4s ease;
    }

    .widget-calendar table tr td:nth-child(2n){
      background: #f8f8f8;
    }

    .widget-calendar table tr.month td{
      color: #2a2c32;
    }

    .widget-calendar table tr:first-child{
      background: #14468c;
    }

    .widget-calendar table tr th{
      padding: 11px 10px 10px;
      font-size: 14px;
      letter-spacing: 0.5px;
      color: #fff;
      text-transform: uppercase;
      font-weight: normal;
    }

      .widget-calendar table tr td.link.current,
      .widget-calendar table tr td.link:hover{
        color: #222;
        background: #ffdb3e;
      }

    .calendar-month{
      font-weight: 500;
      display: block;
      font-size: 16px;
      margin-top: 10px;
      text-transform: uppercase;
      letter-spacing: 0.5px;
      color: #479225;
    }

    .calendar-month:hover{text-decoration: underline;}

/* -----------------------------------

  9. Blog

------------------------------------- */

  .entry-box:not(:last-child){
    margin-bottom: 50px;
  }

  /*----------- Entries --------------*/

  .entry-box .entry:not(:last-child){
    margin-bottom: 60px;
  }

  .entry-box .entry .entry-body{
    padding: 25px 30px 30px;
    background: #fff;
  }

  .entry-body .entry-meta{
    color: #999;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 20px;
  }

  .thumbnail-attachment img{
    width: 100%;
  }

  .entry-body .entry-title{
    font-weight: normal;
  }

  .entry-body .entry-title a{
    color: #003056;
    border-bottom: 1px solid transparent;
  }

  .entry-body .entry-title a:hover{
    border-bottom-color: inherit;
  }

  .entry-body .entry-meta:not(:last-child){
    margin-bottom: 5px;
  }

  .entry-body .entry-meta > *:not(:last-child):after{
    content: '/';
    display: inline-block;
    margin: 0 5px;
    color: #999;
  }

  .entry-body .entry-meta > a{
    color: #222;
  }

  .entry-body .entry-meta > a:hover{
    text-decoration: underline;
  }

  .entry .entry-body .label{
    position: relative;
    display: inline-block;
    top: 0;
    right: 0;
    padding: 5px;
    text-transform: uppercase;
    font-size: 11px;
    letter-spacing: 0.8px;
    color: #fff;
    background: #04518c;
    background: -moz-linear-gradient(left, #04518c 0%, #479225 33%, #47d9bf 100%);
    background: -webkit-linear-gradient(left, #04518c 0%,#479225 33%,#47d9bf 100%);
    background: linear-gradient(to right, #04518c 0%,#479225 33%,#47d9bf 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#04518c', endColorstr='#47d9bf',GradientType=1 );
  }

  .entry .entry-body .label:not(:last-child){
    margin-bottom: 15px;
  }

  .entry-box.style-2 .entry .entry-body{
    background: #fafafa;
  }

  .entry-box.var2 .entry:not(:last-child){
    margin-bottom: 30px;
  }

  .entry .custom-list li{
    font-weight: 300;
  }

  /*----------- Small Entries --------------*/

  .entry-box.entry-small .entry{
    position: relative;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;

    margin: 0 -15px -30px;
  }

  .entry-box.entry-small .entry:not(:first-child){
    margin-top: 60px;
  }

    .entry-box.entry-small .thumbnail-attachment,
    .entry-box.entry-small .entry-body{
      width: 50%;
      padding: 0 15px 30px;
    }

    .entry-box.entry-small .entry-body:only-child{
      width: 100%;
    }

      .entry-box.entry-small .entry-body .entry-meta{
        font-size: 14px;
        line-height: 20px;
      }

      .entry-box.entry-small .entry-body .entry-meta:not(:last-child){
        margin-bottom: 5px;
      }

    .link-attachment{
      padding: 27px 30px;
      display: block;
      width: 100%;
      font-size: 24px;
      font-weight: 400;
      color: #003056;
      border-radius: 3px;
      background: #efefef;
      position: relative;
      overflow: hidden;
      z-index: 1;
    }

    .link-attachment:hover{
      background: #003056;
      color: #fff;
    }

    .link-attachment:before{
      font-family: "Linearicons";
      content: "\e917";
      position: absolute;
      font-size: 150px;
      right: -15px;
      color: #003056;
      font-weight: normal;
      z-index: -1;
      opacity: 0.1;
    }

    .link-attachment:hover:before{
      color: #fff;
      opacity: 0.1;
    }

    .entry-box:not(.entry-small) .blockquote-holder:not(:last-child){
      margin-bottom: 0;
    }

    .audio-frame{
      position: relative;
      margin-bottom: -10px;
    }

    .entry-box.size-2 .entry .entry-body{
      padding: 20px;
    }

    .entry-box.size-2 .entry .entry-body .entry-meta{
      font-size: 13px;
      line-height: 18px;
    }

  /* ------------------------------------------------------

      Comments
      
  ------------------------------------------------------ */

  .comments-list{
      overflow: hidden;
  }

  .comments-list:not(:last-child){
      margin-bottom: 30px;
  }

  .comments-list .children .comment{
      padding-left: 40px;
  }

  .comment > article{
      position: relative;
      padding: 20px 0 20px;
      overflow: hidden;
  }

  .gravatar{
      float: left;
      width: 100px;
      margin-right: 20px;
  }

  .comment-body{
      overflow: hidden;
  }

  .comment-meta{
      font-size: 13px;
      line-height: 24px;
      color: #777;
      overflow: hidden;
  }

  .comment-meta:not(:last-child){
    margin-bottom: 5px;
  }

  .comment-meta > *:not(.comment-author){
    display: inline-block;
    vertical-align: baseline;
    text-transform: uppercase;
    font-size: 12px;
  }

  .comment-meta > a{
    color: #038ed3;
  }

  .comment-meta .comment-info > *:not(:last-child):after {
    content: '/';
    display: inline-block;
    margin: 0 5px;
    color: #777;
  }

  .comment-author{
    float: left;
    text-transform: none;
  }

  .comment-author a{
    color: #003056;
    border-bottom: 1px solid transparent;
  }

  .comment-author a:hover{
    border-bottom-color: inherit;
  }

  .comment-author:not(:last-child){
    margin-bottom: 5px;
  }

  .comment-reply-link{
    color: #222;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 0;
  }

  .comment-reply-link:hover{
    text-decoration: underline;
  }

  .comment .comment-info{
    float: right;
  }

/* -----------------------------------

  10. Portfolio

------------------------------------- */

.portfolio-holder{
  margin: -30px -15px 0;
}

.portfolio-holder.two-collumn .item{
  width: 50%;
}

.portfolio-holder.three-collumn .item{
  width: 33.3333%;
}

.portfolio-holder.fourth-collumn .item{
  width: 25%;
}

.portfolio-holder .item{
  padding: 30px 15px 0;
}

.project,
.project-image{
  position: relative;
  z-index: 1;
}

.project-image{
  overflow: hidden;
}

.project-link{
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  cursor: url(../images/icon_zoomin.png) 24 24, auto;
}

.project:hover .project-link{
  background: rgba(0, 48, 86, 0.7);
}

  .project-image .project-description{
    color: #fff;
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    text-align: center;
    display: inline-block;
    padding-left: 10px;
    padding-right: 10px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    transition: all .4s ease;

    opacity: 0;
    visibility: visible;
  }

  .project-image > img{
    width: 100%;
  }

  .project:hover .project-description{
    opacity: 1;
    visibility: visible;
  }

  .project > .project-description{
    background: #fafafa;
    color: #777;
    padding: 25px 30px 35px;
  }

    .project-image .project-description .project-title a,
    .project-image .project-description .project-cats li a{
      color: #fff;
    }

    .project-image .project-description .project-title,
    .project-image .project-description .project-cats{
      transition: all .3s ease;
    }

    .project-image .project-description .project-title{
      transform: translateY(-150px);
    }

    .project-image .project-description .project-cats{
      transform: translateY(150px);
    }

    .project:hover .project-image .project-description .project-title,
    .project:hover .project-image .project-description .project-cats{
      transform: translateY(0);
    }

    .project-description .project-cats li{
      display: inline-block;
    }

    .project .project-title:not(:last-child){
      margin-bottom: 5px;
    }

    .project .project-title a{
      color: #003056;
      border-bottom: 1px solid transparent;
    }

    .project .project-title a:hover{
      border-bottom-color: inherit;
    }

    .project-cats:not(:last-child){
      margin-bottom: 15px;
    }

    .project-cats li a{
      color: #479225;
    }

    .project-cats li a:hover{
      text-decoration: underline;
    }

    .event-detail-title{
      text-transform: uppercase;
      letter-spacing: 0.5px;
      color: #003056;
    }

    .event-detail-list:not(:last-child){
      margin-bottom: 25px;
    }

    .event-detail-list > li{
      font-size: 0;
      line-height: 24px;
      padding: 3px 0;
      color: #222;
    }

    .event-detail-list > li:first-child{
      padding-top: 0;
    }

    .event-detail-list > li:last-child{
      padding-bottom: 0;
      border-bottom: none;
    }

    .event-detail-list .detail-col{
      width: 50%;
      display: inline-block;
      font-size: 16px;
    }

    .event-detail-list .detail-col:only-child{
      width: 100%;
    }

      .event-detail-list .detail-col a{
        color: #479225;
      }

      .event-detail-list .detail-col a:hover{
        text-decoration: underline;
      }

      .event-detail-list .detail-col:first-child{
        width: 30%;
        font-weight: 300;
        color: #777;
      }

      .event-detail-list .detail-col:last-child{
        width: 70%;
      }

/* -----------------------------------

  11. Shop

------------------------------------- */

.settings-view-products{
  padding-bottom: 10px;
}

.settings-view-products:not(:last-child){
  margin-bottom: 30px;
}

.settings-view-products > span{
  float: left;
  color: #7b8285;
  line-height: 40px;
}

.settings-view-products::after{
  content: "";
  display: block;
  clear: both;
}

.settings-view-products .sort-criteria{
  float: right;
  margin: 0 -10px;
}

.settings-view-products .view-type .active{
  color: #28abe3;
}

.sort-criteria .custom-select,
.sort-criteria .view-type{
  display: inline-block;
  vertical-align: middle;
  margin: 0 10px;
  font-size: 0;
}

.sort-criteria .custom-select{
  width: 215px;
  font-size: 14px;
}

.settings-view-products .sort-item > *{
  display: inline-block;
  vertical-align: middle;
}

.settings-view-products .sort-item .title{
  margin-right: 8px;
}

.view-type{
  font-size: 0;
}

.view-type > *{
  font-size: 20px;
  line-height: 20px;
  display: inline-block;
  vertical-align: middle;
  margin: 0 10px 0;
  color: #2a2c32;
}

.view-type > *:first-child{
  font-size: 18px;
  line-height: 15px;
}

.hidden-section:not(:last-child){
  margin-bottom: 20px;
}

.hidden-section .account-action{
  font-size: 24px;
  font-weight: 600;
  color: #2a2c32;
}

  .hidden-section .account-action > a{
    color: #038ed3;
  }

  .hidden-section .account-action > a:hover{
    color: #2a2c32;
  }

.hidden-section .content{
  padding: 20px 0 15px;
  color: #7b8285;
}

  .forgot-password{
    color: #038ed3;
  }

  .forgot-password:hover{
    text-decoration: underline;
  }

.checkbox-title input[type="checkbox"] + label{
  font-size: 32px;
  color: #2a2c32;
}

.checkbox-title input[type="radio"] + label::before, 
.checkbox-title input[type="checkbox"] + label::before{
    left: auto;
    right: 0;
    top: 50%;
    margin-top: -9px;
}

.checkbox-title input[type="checkbox"] + label::after{
  left: auto;
  right: -1px;
  top: 50%;
  margin-top: -12px;
}

.checkbox-title input[type="checkbox"] + label{
  padding-left: 0;
  padding-right: 32px;
}

.checkbox-title:not(:last-child){
  margin-bottom: 20px;
}

.payment-option li:not(:last-child){
  margin-bottom: 15px;
}

.payment-option input[type="radio"] + label{
  font-weight: bold;
  color: #4b4e50;
  font-size: 18px;
}

.payment-option p{
  color: #7b8285;
}

.payment-option .input-wrapper:not(:last-child){
  margin-bottom: 10px;
}

.payment-option .paypal-link{
  font-size: 18px;
  color: #038ed3;
  margin-left: -20px;
}

.payment-option .paypal-link:hover{
  text-decoration: underline;
}

.payment-option > li:last-child [class*="btn"]:only-child{
  margin-top: 15px;
}

  /* ------------------ Product Box ---------------- */

  .products-holder{
    margin: -30px -15px 0;
    position: relative;
  }

  .products-holder.with-separators{
    padding-bottom: 30px;
  }

  .products-holder.with-separators:before,
  .products-holder.with-separators:after{
    content: '';
    position: absolute;
    left: -15px;
    right: 0;
    height: 2px;
    width: calc(100%);
    background: #f2f3f6;
  }

  .products-holder.with-separators:before{
    top: 0;
  }

  .products-holder.with-separators:after{
    bottom: 0;
  }
    
  .products-holder .product-col{
    padding: 30px 15px 0;
    width: 100%;
  }

  .products-holder:not(:last-child){
    margin-bottom: 30px;
  }

  .product{
    position: relative;
  }

  .product-description{
    position: relative;
  }

  .product .product-image .overlay{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    opacity: 0;
    visibility: hidden;

    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
  }

  .product:hover .product-image .overlay{
    opacity: 1;
    visibility: visible;
    bottom: 20px; 
  }

  .product .product-description .product-name:hover a{
    color: inherit;
    text-decoration: underline;
  }

  .product::after{
    content: "";
    display: block;
    clear: both;
  }

  .product-image{
    display: block;
    position: relative;
  }

  .product-image:not(:last-child){
    margin-bottom: 10px;
  }

  .product-name{
    font-size: 18px;
    line-height: 24px;
    letter-spacing: -0.2px;
    font-weight: normal;
  }

  .product-name:not(:last-child){
    margin-bottom: 5px;
  }

  .product-price{
    color: #80c644;
  }

  .product-info{
    font-size: 18px;
    line-height: 28px;
    font-weight: bold;
    letter-spacing: -1px;
    overflow: hidden;
  }

  .product-info .product-review{
    color: #7b8285;
    font-size: 13px;
    display: inline-block;
    vertical-align: middle;
    font-weight: normal;
    letter-spacing: 0;
  }

  .product-info .product-review:last-child{
    margin-left: 10px;
  }

  .product-info .product-review > a{
    color: #038ed3;
  }

  .product-info .product-review > a:hover{
    text-decoration: underline;
  }

  .product-excerpt:not(:last-child){
    margin-bottom: 20px;
  }

  .amount::after{
    content: 'x';
    display: inline-block;
    margin: 0 5px;
    font-size: 14px;
  }

  .rating{
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
    position: relative;
    z-index: 1;
    padding: 6px 0;
  }

  .rating .empty-state{
    width: 80px;
    height: 15px;
    position: relative;
    z-index: 1;
    background: url("../images/icon_star_empty.html") left center repeat-x;
  }

  .rating .fill-state{
    position: absolute;
    z-index: 2;
    max-width: 80px;
    top: 0;
    left: 0;
    height: 100%;
    background: url("../images/icon_star.html") left center repeat-x;
  }

  /* ------------------ List View ---------------- */

  .products-holder.view-list[class*="fx-cols-"] .product-col{
    max-width: 100%;
    width: 100%;
    flex-basis: 100%;
  }

  .products-holder.view-list .product-image{
    float: left;
    max-width: 230px;
    width: 32%;
    margin: 0 30px 0 0;
  }

  .products-holder.view-list .product-description{
    padding-top: 25px;
  }

  .products-holder.view-list .product-price{
    display: block;
  }

  .products-holder .rating{
    float: right;
  }

  .products-holder .product-price{
    float: left;
  }

  .products-holder.view-list .product-info:not(:last-child){
    margin-bottom: 0px;
  }

  .products-holder.view-list .product-price:not(:last-child){
    margin-bottom: 8px;
  }

  .products-holder.view-list .product-name:not(:last-child){
    margin-bottom: 8px;
  }

  /* ------------------ Shopping cart ---------------- */

  .shop-cart{
    position: relative;
  }

  .shop-cart .sc-cart-btn{
    background: transparent;
    font-size: 24px;
    position: relative;
  }

  .sc-invoker:hover,
  .sc-invoker.opened{
    color: #28abe3 !important;
  }

  .sc-cart-btn > span:not(.price){
    position: relative;
  }

  .sc-cart-btn > span:not(.price)::after{
    content: attr(data-amount);
    position: absolute;
    font-size: 11px;
    color: #7b8285;
    font-weight: bold;
    top: 0;
    left: 0;
    width: 100%;
  }

  .shopping-cart{
    background: #f2f3f6;
    padding: 30px 20px;
    width: 280px;
    border-radius: 3px;
    text-align: left;
    font-size: 14px;
  }

  .shopping-cart .product-image:not(:last-child),
  .shop-cart-form .product .product-image:not(:last-child){
    margin-bottom: 0;
  }

  .shopping-cart .product-name:not(:last-child),
  .shop-cart-form .product .product-name:not(:last-child){
    margin-bottom: 0;
  }

  .shopping-cart .product-color,
  .shop-cart-form .product .product-color{
    font-size: 13px;
    color: #7b8285;
  }

  .shopping-cart .products-holder{
    margin: 0;
  }

  .shopping-cart .products-holder .col{
    padding: 0;
  }

  .shopping-cart .products-holder .product-image,
  .shop-cart-form .product .product-image{
    float: left;
    margin-right: 20px;
    max-width: 82px;
    border-radius: 5px;
    overflow: hidden;
  }

  .shopping-cart .products-holder .product-description{
    overflow: hidden;
    padding: 0;
    padding-right: 30px;
  }

  .shopping-cart .product-name,
  .shop-cart-form .product .product-name{
    font-size: inherit;
    line-height: inherit;
    display: block;
    line-height: 20px;
  }

  .shopping-cart .product-name:hover,
  .shop-cart-form .product .product-name:hover{
    color: #28abe3 !important;
  }

  .shopping-cart .product-price,
  .shop-cart-form .product-price{
    color: #2a2c32;
    font-size: 14px;
    line-height: 30px;
  }

  .shopping-cart .product .item-close,
  .shop-cart-form .item-close{
    color: #2a2c32;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -12px;
    font-family: 'Linearicons';
    background: none;
    font-size: 18px;
    z-index: 2;
  }

  .shopping-cart .product .item-close:before,
  .shop-cart-form .item-close:before{
    content: "\e95a";
  }

  .shopping-cart .product .item-close:hover,
  .shop-cart-form .item-close:hover{
    color: #28abe3;
  }

  .shopping-cart .products-holder{
    margin: 0;
  }

  .shopping-cart .products-holder .product{
    box-shadow: none;
    background: transparent;
    width: 100%;
  }

  .shopping-cart .products-holder .product:not(:last-child){
    margin-bottom: 20px;
  }

  .sc-footer .subtotal{
    padding: 20px 0 0;
  }

  .sc-footer .subtotal .total-price{
    padding-left: 35px;
  }

  .shopping-cart .subtotal:not(:last-child){
    margin-bottom: 25px;
  }

  .sc-footer .subtotal{
    min-width: 100px;
    color: #2a2c32;
    font-size: 16px;
    font-weight: bold;
  }

  .shopping-cart-form:not(:last-child){
    margin-bottom: 40px;
  }

  .shop-cart-form tr td{
    vertical-align: middle;
  }

  .shop-cart-form tr td .item-close{
    position: relative;
    margin-top: 0;
  }

  .shop-cart-form tr th.close-product{
    width: 85px;
  }

  .shop-cart-form tr th.price-col{
    width: 80px;
  }

  .shop-cart-form tr th.qty-col{
    width: 150px;
  }

  .shop-cart-form tr th.total-col{
    width: 110px;
  }

  .shop-cart-form .product{
    display: table;
  }

  .shop-cart-form .product-image,
  .shop-cart-form .product-description{
    display: table-cell;
    vertical-align: middle;
  }

  .shop-cart-form.order-type tr th.product-col{
    width: 200px;
  }

  .shop-cart-form.order-type tr th.total-col{
    width: 40%;
  }

  .shop-cart-form.order-type tr td.order-total{
    background: #2a2c32;
    color: #fff;
    font-size: 16px;
    position: relative;
    border: none;
  }

  .shop-cart-form .product .product-description{
    overflow: hidden;
  }

  .recent-order tr td a:not(.btn){
    color: #038ed3;
  }

  .recent-order tr td a:not(.btn):hover{
    text-decoration: underline;
  }

  .product.single{
    box-shadow: none;
    background: transparent;
  }

  .product.single .product-description{
    padding: 0;
    color: #5f6366;
  }

  .product.single .product-name{
    font-size: 50px;
    line-height: 56px;
    font-weight: 800;
  }

  .page-content-wrap:not(.no-sidebar) .product.single .product-name{
    font-size: 46px;
    line-height: 52px;
  }

  .product.single .product-name:not(:last-child){
    margin-bottom: 17px;
  }

  .product.single .product-price{
    font-size: 24px;
  }

  .image-preview:not(:last-child){
    margin-bottom: 20px;
  }

  .product.single .product-excerpt{
    color: inherit;
  }

  .product.single .product-info:not(:last-child){
    margin-bottom: 15px;
  }

  .product.single .product-characteristics{
    margin: -10px -7px 0;
  }

  .product.single .product-characteristics:not(:last-child){
    margin-bottom: 30px;
  }

  .product.single .product-actions > *,
  .product.single .product-characteristics > li > *{
    display: inline-block;
    vertical-align: middle;
    margin: 10px 7px 0;
  }

  .product.single .product-characteristics > li:not(:last-child){
    margin-bottom: 8px;
  }

  .product-characteristics .selected-option{
    min-width: 200px;
    font-size: 16px;
    font-weight: 500;
  }

  .product-characteristics .selected-option::after{
    border-top-color: #c5c5c5;
  }

  .product.single .product-characteristics .name{
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    color: #2c3035;
    text-transform: uppercase;
    min-width: 60px;
  }

  .product.single .add-to-cart-form:not(:last-child),
  .product.single .product-actions:not(:last-child){
    margin-bottom: 20px;
  }

  .product.single .product-meta{
    color: #7b8285;
  }

  .product.single .product-meta > li > span{
    color: #4b4e50;
  }

  .product.single .product-meta:not(:last-child){
    margin-bottom: 10px;
  }

  .product.single .product-meta a{
    color: #038ed3;
  }

  .product.single .product-meta a:hover{
    text-decoration: underline;
  }

  .product.single .product-meta > li:not(:last-child){
    margin-bottom: 5px;
  }

  .product.single .product-actions{
    margin: -10px -5px 0;
  }

  .product.single .product-actions > *{
    margin: 10px 5px 0;
  }

  .image-preview{
    position: relative;
    display: inline-block;
  }

  .image-preview .label{
    top: 40px;
    z-index: 5;
  }

  .open-modal{
    position: absolute;
    right: 20px;
    bottom: 20px;
    z-index: 5;
    font-size: 20px;
    color: #2a2c32;
  }

  .zoomContainer{
    z-index: 4 !important;
  }

  .product-thumbs.owl-carousel .owl-item img{
    opacity: 0.5;
    width: auto;
  }

  .product-thumbs .active:not(.owl-item) img{
    opacity: 1;
  }

  .product-thumbs .owl-nav > *{
    font-size: 20px;
  }

  .product-thumbs .owl-nav .owl-prev{
    left: -15px;
  }

  .product-thumbs .owl-nav .owl-next{
    right: -15px;
  }

  .share-wrap .share-title{
    color: #777;
    font-weight: 300;
    margin-right: 20px;
    letter-spacing: 0.3px;
    display: inline-block;
  }

  .share-wrap .social-icons{
    display: inline-block;
  }

/* -----------------------------------

  12. Sidebar

------------------------------------- */

#sidebar .widget:not(:last-child){
  margin-bottom: 60px;
}

.widget:not(:last-child){
  margin-bottom: 30px;
}

.widget-title:not(:last-child){
  margin-bottom: 30px;
}

.widget .widget-title{
  padding: 14px 20px 13px;
  text-transform: uppercase;
  background: #f7f7f7;
  color: #222;
}

.widget .contact-info > li{
  display: block;
}

#sidebar .widget .entry-attachment .entry-body .entry-title{
  font-size: 16px;
  font-weight: normal;
}

.widget .lineform{padding-top: 5px;}

  /* ----------------- Banners---------------- */

  #sidebar .widget .banners .banner-inner{
    font-size: 18px;
    padding: 30px 25px 40px;
  }

  /* ----------------- Search Widget ---------------- */

  .widget.widget-searchform{
    padding: 0;
    background: transparent;
  }

  /* ----------------- Categories Widget ---------------- */

  .widget-categories ul{
    font-size: 20px;
    line-height: 26px;
  }

  /* ----------------- Tags Widget ---------------- */

  .tagcloud{
    overflow: hidden;
    margin: -4px -2px 0;
  }

  .tagcloud a{
    color: #222;
    font-size: 14px;
    line-height: 30px;
    white-space: nowrap;
    padding: 0 10px;
    display: block;
    float: left;
    font-weight: 300;
    background: #e3e3e3;
    border-radius: 3px;
    margin: 4px 2px 0;
  }

  .tagcloud a:hover{
    background: #14468c;
    color: #fff;
  }

  .tagcloud span{
    float: left;
    display: block;
    font-weight: 300;
    margin: 5px 10px 0 0;
    color: #8c8c8c;
  }

  .tagcloud:not(:last-child){
    margin-bottom: 15px;
  }

  /* ----------------- Entry Widget ---------------- */

  #sidebar .widget .entry-box.entry-small .entry:not(:first-child){
    margin-top: 30px;
  }

  .widget .entry-box.entry-small .entry-body .entry-meta{
    font-size: 13px;
  }

  .widget .entry-box.entry-small .entry:not(:first-child){
    margin-top: 20px;
  }

  .widget .entry-box.entry-small .entry{
    margin: 0 -10px -20px;
  }

  .widget .entry-box.entry-small .thumbnail-attachment, 
  .widget .entry-box.entry-small .entry-body{
    padding: 0 10px 20px;
  }

  .widget .entry-box.entry-small .entry-body{
    padding-top: 5px;
  }

  .widget .entry-box.entry-small .entry-body .entry-meta > a{
    color: #479225;
  }

  .widget .entry-box.entry-small .thumbnail-attachment,
  .widget .entry-box.entry-small .entry-body{
    width: auto;
    max-width: 50%;
  }

  /* ----------------- Product Widget ---------------- */

  .widget .products-holder{}

  /*----------- Comment --------------*/

  .widget .comment-item{
    font-size: 18px;
    color: #7b8285;
  }

    .widget .comment-item .author,
    .widget .comment-item .author:hover{
      color: #038ed3;
    }

    .widget .comment-item a:hover{
      text-decoration: underline;
      color: #2a2c32;
    }

  /*----------- Instagram --------------*/

  .widget .instagram-feed{
    overflow: hidden;
    margin: 0 -5px -10px;
  }

    .widget .instagram-feed .nv-instafeed-item{
      width: 50%;
      display: inline-block;
      padding: 0 5px 10px;
    }

/* -----------------------------------

  13. Footer

------------------------------------- */

.footer{
  color: #babcbe;
}

.footer .main-footer{
  padding : 50px 0 0;
  background-size: cover;
  background-attachment: fixed;
  background-position: center center;
}
.row-xs-footer > .col-md-4 {
  margin-bottom: 40px;
}
.footer .copyright{
  text-align: center;
  padding: 40px 0 30px;
  font-size: 14px;
  letter-spacing: 0.5px;
}

  [class*="footer"] .widget{
    padding: 0;
    background: transparent;
  }
  [class*="footer"] .widget p{
    color: #eee;
  }

  [class*="footer"] .widget:not(:last-child){
    margin-bottom: 20px;
  }
  [class*="footer"] .copyright p{
    color: #eee;
  }
  [class*="footer"] .copyright p:not(:last-child){
    margin-bottom: 0;
  }

    [class*="footer"] .widget .widget-title{
      color: #FFDB3E;
      text-transform: uppercase;
      font-weight: 500;
      padding: 0;
      background: none;
      margin-bottom: 15px;
    }

    [class*="footer"] .brend-box{
      margin: 0 -10px -10px;
      font-size: 0;
    }

      [class*="footer"] .brend-box > *{
        margin: 0 10px 10px;
        display: inline-block;
      }
      .footer .widget ul {
        margin-bottom: 15px;
      }
      .footer .widget p {
        color: #eee;
      }

/* ----------------- Footer style-2 ---------------- */

.footer.style-2{
  background: #102739;
}

  .footer.style-2 .info-links > li > a{
    font-weight: 300;
    font-size: 16px;
  }

  .footer.style-2 #newsletter.style-2 input:not([type="submit"]){
    min-width: 295px;
  }

  .footer.style-2 .copyright{
    padding: 60px 0 50px;
  }

  .footer.style-2 .widge-holder{
    margin: 0 -15px -30px;
  }

    .footer.style-2 .widge-holder .widget{
      padding: 0 15px 30px;
    }

    .footer.style-2 .widge-holder .widget:not(:last-child){
      margin-bottom: 0;
    }

/* ----------------- Footer style-3 ---------------- */

.footer.style-3{
  padding-top: 90px;
  background: #fff;
  color: #222;
}

.footer.style-3 .main-footer{
  padding-top: 0;
  padding-bottom: 70px;
}

  .footer.style-3 .top-footer:not(:last-child){
    margin-bottom: 60px;
  }

  .footer.style-3 .top-footer .flex-row{
    margin: 0 -15px -30px; 
  }

  .footer.style-3 .top-footer .flex-row > *{
    padding: 0 15px 30px;
  }

    .footer.style-3 .top-footer .info-links > li > a{
      color: #479225;
      font-weight: 300;
    }

    .footer.style-3 .widget .widget-title{
      color: #003056;
    }

  .footer.style-3 .copyright{
    background: #fafafa;
    padding: 25px 0;
    color: #777;
    border-top: 1px solid #eee;
  }


  /** MOBILE MENU **/
    /** SIDE MENU **/
    .modal.left .modal-dialog,
    .modal.right .modal-dialog {
        position: fixed;
        margin: auto;
        height: 100%;
        -webkit-transform: translate3d(0%, 0, 0);
            -ms-transform: translate3d(0%, 0, 0);
             -o-transform: translate3d(0%, 0, 0);
                transform: translate3d(0%, 0, 0);
    }

    .modal.left .modal-content,
    .modal.right .modal-content {
        height: 100%;
        overflow-y: auto;
        width: 100%;
    }
    
    .modal.left .modal-body,
    .modal.right .modal-body {
        padding: 15px 15px 80px;
    }
    
    .pg-menu{
        box-shadow: none!important;
        border-bottom: none;
        margin-bottom: 0;
        border-radius: 0;
    }
    .pg-menu .panel-default{
      border: none;
      border-radius: none;
      border-bottom: 1px dashed #ddd;
    }
    .pg-menu.hl .panel-default{
      padding: 15px 0;
      border-bottom: none;
      padding-bottom: 0;
    }
    .pg-menu .panel-title{
      padding: 15px;
      font-size: 14px;
    }
    .pg-menu.hl .panel-title{
      padding-left: 0;
      font-size: 18px;
    }
    .pg-menu .panel-title{
      color: #333!important;
    }
    .pb-inner{
      padding: 0;
    }
    .pb-inner.set-pad{
      padding: 20px 40px;
    }
    .pb-inner.set-pad h5{
      font-size: 16px;
    }
    .pb-inner a{
      padding: 6px 20px;
      background: #eee;
    }

    .pb-inner a{
      position: relative;
      padding: 15px 10px 15px 30px;
      color: #444;
      font-size: 14px;
      border-bottom: 1px dashed #ddd;
;    }
    .pb-inner a .fa{
      position: absolute;
      left: 20px;
      top: 20px;
    }
    .pg-menu.hl .panel-heading{
      padding: 0 0 25px 0;
      padding-left: 25px;
      border-bottom: 1px dashed #ddd;
      position: relative;
    }
    /*.pg-menu .panel-heading:before{
      content: '\f104';
      position: absolute;
      left: 10px;
      top: 8px;
      width: 20px;
      height: 20px;
      text-align: center;
      border: 2px solid #666;
      border-radius: 2px;
      font-family: 'FontAwesome';
      line-height: 17px;
      font-weight: bold;
    }*/
      
    .tab-pane h5.titles{
      background: #ddd;
      padding: 10px;
      font-size: 15px;
    }
    /** LEFT TOGGLE **/
    .newXsModal .modal-header{
        text-align: center;
        cursor: pointer;
        position: relative;
        height: 50px;
        margin-bottom: 0;
    }
    .newXsModal .modal-title{
      line-height: 20px;
      font-size: 15px;
    }
    .newXsModal .modal-content{
      border-radius: 0;
    }
    .newXsModal .modal-body{
        padding-top: 0!important;
    }
    .newXsModal .modal-header:after{
        width: 60px;
        height: 60px;
        content: '\f105';
        font-family: 'FontAwesome';
        text-align: center;
        position: absolute;
        right: 0;
        top: 0;
        font-size: 20px;
        border-left: 1px solid #e6e6e6;
        line-height: 50px;
        height: 50px;
    }
    .a-menu-xs{
        padding: 0!important;
        position: relative;
        width: 100%;
    }
    .a-menu-xs img{
      width: 40px;
      margin: 7.5px;
      float: left;
      border: 1px solid #ddd;
      border-radius: 2px;
    }
    .a-menu-xs p{
        position: relative;
        border-bottom: 1px solid #e6e6e6;
        text-transform: uppercase;
        font-size: 14px;
        margin: 0;
        padding: 5px 20px;
        color: #1ECAB1;
    }
    .a-menu-xs p span{
      color: #585858;
    }
/*Left*/
    .modal.left.fade .modal-dialog{
        left: -320px;
        -webkit-transition: opacity 0.3s linear, left 0.3s ease-out;
           -moz-transition: opacity 0.3s linear, left 0.3s ease-out;
             -o-transition: opacity 0.3s linear, left 0.3s ease-out;
                transition: opacity 0.3s linear, left 0.3s ease-out;
    }
    
    .modal.left.fade.in .modal-dialog{
        left: 0;
    }
        
/*Right*/
    .modal.right.fade .modal-dialog {
        right: -320px;
        -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
           -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
             -o-transition: opacity 0.3s linear, right 0.3s ease-out;
                transition: opacity 0.3s linear, right 0.3s ease-out;
    }
    .modal.left.fade.in .modal-dialog{
        left: 0;
    }
    .modal.right.fade.in .modal-dialog{
        right: 0;
        width: 100%;
        max-width: 100%!important;
    }     
  
  .flat-modal .modal-content{
    border-radius: 0;
  }
  .flat-modal .modal-header{
    border-bottom: none;
    margin-bottom: 0;
    background: #444;
  }
  .flat-modal .modal-title{
    color: #fff;
  }
  .flat-modal .modal-body{
    padding-top: 0;
  }
  .flat-modal .close{
    opacity: 1;
    text-shadow:none;
    color: #fff;
    font-size: 30px;
  }
  
  @media(max-width: 991px) {
    .kf_edu2_training_des figure {
      display: none;
    }
    .edu2_training_wrap {
      text-align: center;
    }
    .btn-xs:hover,.btn-xs{
      outline: none;
      box-shadow: none;
      margin-top: 8px;
      font-size: 20px;
      background: transparent!important;
      padding: 4px 15px!important;
      color: #263850!important;
    }
    .btn-xs:hover{
      background: transparent!important;
    }
    .btn-xs.user{
      font-size: 14px;
      font-weight: bold!important;
    }
    .btn-xs.minus{
      margin-top: 0px!important;
    }
    .xs-menu-area{
      text-align: right;
    }
    .container-xs-header{
      width: 100%;
      position: fixed;
      left: 0;
      top: 0;
      z-index: 999;
      border-bottom: 1px solid #eee;
    }
    .row-xs-menu{
      background: #fff;
      padding: 0 10px;
      display : grid;
      grid-template-columns :  165px auto;
    }
    .row-xs-menu.scrolled{
      position: fixed!important;
      top: 0;
      z-index: 999;
      width: 100%;
      border-bottom: 2px solid #263850;
    }
    .row-xs-menu a{
      padding: 0px 20px;
      color: #eee;
      border-right: 1px solid rgba(255,255,255,.3) ;
      font-weight: bold;
    }
    .row-xs-menu a:last-child{
      border: none;
    }
    .carousel-caption{
      display: none;
    }
  }

  @media(min-width:210px) and (max-width:767px){
    .img-user{
      width: 35px;
      height: 35px;
      border-radius: 35px;
      border: 1px solid #444;
    }    
    .row-service{
      background: #eee;
    }
    .row-service p,.row-service p a{
      font-weight: bold;
    }
    .log-in-pop{
      width: 90%!important;
      max-width: 350px;
    }
    .log-in-pop-left{
      display: none;
    }
    .log-in-pop-right{
      width: 100%!important;
      padding: 25px!important;
    }
    .row-xs-footer{
      text-align: center;
    }
    .row-xs-footer .col-xs-12{
      margin-bottom: 20px!important;
    }
    .call-out-form:not(.style-2) .newsletter-wrap{
      padding: 30px 10px;
    }
    .icons-box .icons-item{
      text-align: center;
    }
    .icons-wrap{
      border-right: none;
      padding-bottom: 30px;
      border-bottom: 1px solid #eee;
    }
    .counter{
      padding: 20px;
      border-bottom: 1px dashed #ddd;
    }
    .ed-advan ul li{
      width: 100%!important;
      border: none!important;
      border-bottom: 1px solid #eee!important;
    }
    .h-quote:before{
      width: 100%!important;
      bottom: 50%!important;
    }
    .s17-eve-time-tim,.s17-eve-time-msg,.pg-blog,
    .sdb-cl-day,.sdb-cl-class,.sdb-cl-class-tim,.sdb-cl-class-name{
      width: 100%!important;
      border-right: none!important;
    }
    .sdb-cl-class-name h5 span{
      float: left!important;
    }
    .td-ss tr td,.td-ss tr th{
      width: auto!important;
    }
    .pg-blog-desc{
      margin-left: 0!important;
    }
    .overlay-contact{
      margin-top: -500px!important;
      width: 100%!important;
    }
  }  

    .img-wrap{
      width: 70px;
      float: left;
      margin-right: 10px;
    }
    .detail-pro p{
      margin-bottom: 0;
      font-size: 14px;
      line-height: 23px;
    }
    ul.xs-settings{
      margin-top: 10px;
    }
    ul.xs-settings li a{
      padding: 10px 20px;
      border-bottom: 1px dashed #ddd; 
    }
    #modal1-xs .log-in-pop{
      width: 400px;
    }
  @media(min-width:768px) and (max-width:991px){
    .box-tri{
      padding: 10px 10px 10px 30px!important;
    }
    .box-tri p,.box-tri a{
      font-size: 13px!important;
    }
    .box-tri.right a{
      padding: 10px 20px;
    }
    header .container-middle{
      padding: 5px  0 10px 0!important;
    }
    header .container-middle p{
      font-size: 13px;
    }
    .logo{
      margin-top: -40px!important;
    }
    .menu-area .nav-tabs li a{
      padding: 3px 11px!important;
      font-size: 11px;
    }
  }

  /* FOUNDER'S PAGE */
  @media(min-width: 767px) {
    .row-founder-grid {
      display: grid;
      grid-template-columns : 1fr 1fr;
    }
  }
  .row-founder-grid .left img {
    width: 100%;
    height: 100%;
    object-fit : cover;
  }
  .row-founder-grid .right {
    padding: 45px;
  }
  .row-founder-grid .right h3 {
    margin-bottom: 15px;
  }

  /* GALLERY PAGE */
  .wrap-gallery {
    padding: 30px;
  }
  .box-gallery {
    margin-bottom: 30px;
  }
  .box-gallery img {
    width: 100%;
    height: 200px;
    object-fit : cover;
    border-radius: 4px;
    overflow: hidden;
  }

  /* TESTIMONIAL PAGE */
  section.testimonials {
    padding : 20px 0;
  }
  .testimonial-wrapper {
    /* padding : 40px 0; */
  }
  .testimonial-top h3 {
    font-weight: normal;
    font-size: 22px;
    text-transform: uppercase;
    margin: 0;
    margin-bottom: 15px;
  }
  .testimonial-top p {
    margin: 10px 0;
  }
  .testimonial-box {
    margin-bottom: 15px;
    background: #fff;
    padding: 30px;
    border: 1px solid #eee;
  }
  .testimonial-head p {
    margin: 0;
    padding: 3px 15px;
    font-weight: bold;
    font-size: 14px;
    border-top: 1px solid #eee;
  } 
  .testimonial-head p:first-child {
    border-top: none;
  }
  .testimonial-body {
    padding: 0 20px;
    margin-top: 10px;
  }
  .testimonial-body p {
    margin-bottom: 10px;
  }
  .testimonial-footer {
    display: grid;
    grid-template-columns : 1fr 1fr;
  }
  @media(max-width : 767px) {
    .testimonial-footer {
      display: grid;
      grid-template-columns : 1fr;
    }
  }
  p.testi-user-img {
    position: relative;
    padding-left: 55px;
  }
  p.testi-user-img span {
    font-weight: bold;
  }
  p.testi-user-img img {
    position: absolute;
    left: 0;
    width: 45px;
    height: 45px;
    border-radius: 45px;
  }
  .share-in a {
    display: inline-block;
    padding: 0 4px;
    font-size: 18px;
  }

  /* LEARN ENGLISH PAGE */
  .top-categories {
    display: grid;
    grid-template-columns : 110px auto 180px;
    grid-gap : 20px;
    margin-bottom: 30px;
  }
  .learn-english-wrap {
    margin: 30px auto;
  }
  .cates {
    position: relative;
    border-right: 1px solid #e5e5e5;
  }
  .cate-img-wrap {
    padding-left: 45px;
  }
  .cate-img-wrap img {
    position: absolute;
    left: 0;
    top: 0;
    width: 38px;
    height: 38px;
    border-radius: 38px;
  }
  .cates p {
    color: #333;
    font-size: 12px;
    font-weight: bold;
    line-height: 10px;
  }
  .cates p span {
    font-size: 12px;
    display: block;
    color: #888;
  }

  .overview-title {
    margin-top: 30px;
  }
  .overview-title button {
    padding: 10px 20px;
    width: 100%;
    max-width: 300px;
    background: #fff;
    border: 1px solid #f5f5f5;
    border-top: 3px solid #23395A;
    border-bottom: none;
    color: #23395A;
    pointer-events : none;
  }
  .learn-main-block {
    grid-gap : 30px;
    padding: 30px 30px 0;
    border: 1px solid #f5f5f5;
    margin-top: 0;
    margin-top: -1px;
  }
  @media(min-width: 992px) {
    .learn-main-block {
      display: grid;
      grid-template-columns : 1fr 250px;
    }    
  }
  .learn-main-block h4 {
    font-size: 16px;
    color: #333;
    margin-bottom: 5px;
  }
  .learn-left > div {
    margin-bottom: 30px;
  }
  .learn-right {
    border : 1px solid #f5f5f5;
    padding : 30px;
  }
  @media(min-width: 992px) {
    .learn-right {
      border: none;
      border-left : 1px solid #f5f5f5;
    }    
  }
  .learn-right ul.style-1 {
    margin-top: 10px;
  }
  ul.style-1 li {
    position: relative;
    padding: 12px;
    padding-left: 25px;
    border-bottom: 1px solid #f5f5f5;
  }
  ul.style-1 li a {
    display: block;
    color: #777;
  }
  ul.style-1 li a span {
    float: right;
    font-weight: bold;
    font-size: 12px;
  }
  ul.style-1 li .fa {
    position: absolute;
    left: 0;
    top: 17px;
    color: #333;
  }
  table {
    margin-bottom: 0!important;
  }
  tr.titles td {
    background: #23395A;
    color: #fff;
  }
  .overviewBlock {
    cursor: pointer;
  }
  .fixed-navigate-top {
    display: none;
  }
  .fixed-navigate-top-wrap {
    position: fixed;
    bottom: 0;
    width: 100%;
    left: 0;
    z-index: 999;
    padding: 5px 6%;
    display: grid;
    grid-template-columns : 1fr 1fr;
    background: #fff;
    border-top : 1px solid #ccc;
  }
  .reply-wrap {
    margin-bottom: 20px;
  }
  .reply-wrap h4 {
    font-size: 16px;
    color: #333;
    margin-bottom: 5px;
  }
  .reply-wrap .title {
    margin-bottom: 15px;
  }
  @media(min-width: 768px) {
    .reply-form-wrap .holder {
      display: grid;
      grid-template-columns : repeat(3, 1fr);
      grid-gap : 10px;
    }    
  }
  @media(max-width: 767px) {
    .learn-english {
      padding: 0 20px;
    }
  }
  .reply-form-wrap .form-control {
    height: 50px;
    border: 1px solid #eee;
    margin-bottom: 10px;
    box-shadow: none;
    font-size: 15px;
  }
  .reply-form-wrap textarea.form-control {
    height: 200px;
  }

  /* CONTACT PAGE */
  .get-direction .input-group {
    padding: 0;
    display: grid;
    grid-template-columns : auto 70px;
  } 
  .get-direction .form-control {
    border: 1px solid #666;
  }
  .get-direction button {
    background: #263850;
    border: none;
    color: #eee;
    font-size: 17px;
    border: 1px solid rgba(255, 255, 255, 1);
    z-index: 999;
    border: none;
}