/*!
Theme Name: Qopius
Theme URI: http://thomasdigital.com/
Author: Thomas Digital
Author URI: https://www.thomasdigital.com
Description: Qopius is crafted with Wordpress using CPT, ACF, Gravity Forms
Version: 1.0.0
Text Domain: company_name
Tags: wordpress, bootstrap
Developer: Billy Aguana
Date Published: 07/03/2019
License: GNU General Public License v2 or later
License URI: LICENSE
*/

/*------------------------------------------------*/
/* Legends and Versions                           */
/*------------------------------------------------*/
/*    
  Date Check            :   5.01.19     

  vendor                :   version     - Summary    
  jQuery                :   3.3.4       - Main Library
  Bootstrap CSS JS      :   4.3.1       - CSS Framework
  Popper JS             :   1.14.7      - Popper
  
  Font Awesome CSS      :   5.8.1       - Font Icons
  Animate CSS           :   3.7.0       - CSS Animation
  Slick CSS JS (null)   :   1.9.0       - Slider
  
  Modernizr JS          :   3.6         - X Browser Compatibility
  HTML5Shiv JS          :   3.7         - For Legacy Browser - HTML5
  Respond JS            :   1.4.2       - For Legacy Browser - Responsive
    
  Count To JS           :   Custom      - Count Up
  Appear JS             :   Custom      - Call function when element appears
  Fitvids               :   1.1         - Fluid width video embed
  
  jqBSValidation        :   1.3.6       - JQuery validation plugin for bootstrap forms
  Contact Me JS         :   Custom      - Custom script for jqBSValidation


           Anima :
                    Accordion (bootstrap)
                    Modal (bootstrap)
                    Parallax via CSS
                    CSS Animation

IF YOU ARE USING GRAVITY FORMS, USE THIS CSS :
  https://docs.gravityforms.com/css-ready-classes 

*/

/*------------------------------------------------*/
/* START HERE                                     */
/*------------------------------------------------*/

embed, iframe, img, object { max-width: 100%; } 
img { 
    max-width: 100%; 
    height: auto; 
}

.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

@import url('//fonts.googleapis.com/css?family=Montserrat|Roboto:300,300i,400,400i&display=swap');
/*
  font-family: 'Roboto', sans-serif;
  font-family: 'Montserrat', sans-serif;

  to add more weight :    
  text-shadow: 0px 0px 0 #00437F, -1px 0px 0 #00437F;
*/

body { 
    overflow-x: hidden;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
}

p {
    color: #5E5F66;
    font-size: 17px;
}

a, a:hover, a:focus, a:active, a.active { outline: 0; }
a:hover { cursor: pointer; text-decoration: none; }
a { transition: 0.5s; }
button:focus, button:hover { transition: 0.7s; }
[type=button], 
[type=reset], [type=submit], button {
    -webkit-appearance: none;
}

.btn:focus, .btn:active:focus, .btn.active:focus { outline: none ! important; outline-style: none; } 

ul {
    margin: 0;
    padding: 0;
}

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

.max-1200 { max-width: 1200px; }
.max-1300 { max-width: 1300px; }
.max-1400 { max-width: 1400px; }
.max-900 { max-width: 900px; }

.top .title { 
    text-transform: uppercase; 
    font-size: 36px;
}

.sub-title { font-size: 24px; }

.title, 
.sub-title { font-weight: 300; }

.white-bg { background-color: #fff; }
.off-white-bg { background-color: #f9f9f9; }
.blue-sea-bg { background-color: #11638A;  }

.aqua { color: #22AEB6 !important; }
.black-1 { color: #131E26; }
.blue { color: #136C96; }
.white { color: #fff; } 

.button-area .white { 
    color: #fff !important;
    border: 1px solid #fff !important;
} 
.button-area .white:hover { color: #136C96 !important; } 
.button-area .btn { font-weight: 300; }

.hide { display: none; }
.appear { visibility: visible !important; }

.popover { 
    box-shadow: 0 5px 10px rgba(100, 100, 100, .2);  
    max-width: 310px;
    padding: 0px 20px;
}

.popover-body p { color: #777; }

.montserrat { font-family: 'Montserrat', sans-serif; }

.dflex-center {  
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.dropdown-toggle::after { margin-left:10px; }
 

/*------------------------------------------------*/
/* HEADER                                         */
/*------------------------------------------------*/
.annoucement{ background:#11638A; padding:17px 0; position:relative; z-index:99;}
.annoucement p{ margin:0; padding:0; font-size:20px; color:#FFF;}
.annoucement a{ color:#73FFFF;}
.annoucement a:hover{ color:#FFF;}
header { position: relative; }

header video {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: 0; 
    -ms-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

header .overlay {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: #262728;
    opacity: 0.65;    
    z-index: 1;
}

.home-header { 
    height:810px;
    min-height: 25rem;
    width: 100%;
    overflow: hidden;
}

header .logo { max-width: 162px; }

header .container {
    position: relative;
    z-index: 2;
}


/*------------------------------------------------*/
/* Start Top Navbar Section                       */
/*------------------------------------------------*/

.home-header .navbar, 
.sub-header .navbar { padding: 30px; z-index: 10; }

.home-header .logo-space { position: relative; }

.mnav-main li { padding: 0px 1.8em; }
/* .mnav-custom li { margin-top: 15px; } */

.navbar-nav li a {  
    color: #fff;
    font-size: 17px;
    text-transform: uppercase;
    letter-spacing: 0.08em;

}

.navbar-nav li.active a,
.navbar-nav li:hover a {
    color: #47D5DC;
}

.mnav-main li a {
    border-bottom: 1px solid transparent;
}

.mnav-main li.active a,
.mnav-main li:hover a {
    border-color: rgba(102,148,183,0.5);
}
.dropdown-menu li { position: relative; z-index: 99 }
.dropdown-menu li a { 
    left: 10;
    border-color: transparent !important; 
    font-weight: 300;
    padding-left: 0;
    color: #444 !important;
    transition: 1s;
}
.dropdown-menu li:hover { background-color:rgba(255,255,255,0.4);  }
.dropdown-menu li a:hover {
    background-color: transparent;
}

.dropdown:hover .dropdown-menu {
     display: block;
}

.dropdown-menu {
    background-color: rgba(255,255,255,0.7);
    left: 20px;
    margin-top: 0rem;
}


.navbar-expand-lg .navbar-nav .r-demo { 
    border: 1px solid #fff;
    border-radius: 5px;
    margin-right: 25px;
    padding: .5rem 1.6rem;
    /* max-width: 180px; */
    text-transform: uppercase;
    letter-spacing: -0.03em;
    margin-top: 2px;
    font-weight: 300;
    color: #fff;
}

.navbar-expand-lg .navbar-nav .r-demo:hover {
    background-color:  #47D5DC;
    border-color: transparent;
}

.navbar-toggler-icon i { color: #fff; }
button:focus { outline: none;} 

.btn-link { font-weight: 300; }

/*------------------------------------------------*/
/* SLOGAN                                         */
/*------------------------------------------------*/

header .slogan {  
    margin: 0px auto;
    justify-content: center;
    padding: 130px 0 0;
}

header .slogan h2 { 
    font-size: 60px;
    margin-bottom: 66px;
}

header .slogan h4 { 
    font-size: 40px;
    margin-bottom: 24px;
}

header .slogan .btn {
    text-transform: uppercase;
    padding: 10px 27px;
    letter-spacing: 0.03em;
    font-weight: 300;
}

header .slogan .btn:hover {
    color: #444;
}

/** sub-page **/

.header-600 { min-height: 600px; }
.header-400 { min-height: 400px; }

.header-600 .slogan { padding: 118px 0 50px; }
.header-600 .slogan .title,
.header-400 .slogan .title { margin-bottom: 2px; visibility: hidden; }
.header-600 .slogan .sub-text,
.header-400 .slogan .sub-text{ font-size: 24px; visibility: hidden; }

.header-400 .slogan { padding: 70px 0 50px;  }
.header-400 .with-sub { padding: 38px 0 50px; }

header .cbg {
    position: absolute;
    top: 0px;
    background-repeat: no-repeat;
    background-size: cover; 
    width: 100%;
    height: 100%;    
}

.header-600 .cbg { background-position: 50% 0%; }
.header-400 .cbg { background-position: 50% 50%; }


/*------------------------------------------------*/
/* Home Retailers                                 */
/*------------------------------------------------*/

.retailers { 
     max-width: 100vw;
    max-width: 100%; 
    overflow-x: hidden; 
}
.retailers .wrap { padding: 50px 0; }

.retailers .top { margin: 26px 0 44px; }
.retailers .top .title { font-size: 33px; }
.retailers .top .sub-text {
    font-size: 24px;
    max-width: 700px;
    margin: 0px auto;
}

.carousel-container { padding: 50px 0; }

.dtab, .dtab li { 
/* reset default from BS */
    padding: 0;
    margin: 0;
    border: 0;
    text-indent: 0;
    opacity: 1;
}

.dtab {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-left: 65px;
}

.dtab li { 
    width: 168px;
    height: 168px;
    border: 1px solid rgba(160,160,160,0.2);
}

.dtab li img  {
    filter:  grayscale(100%);
    opacity: 0.3;
    /* transition: 0.7s; */
}

.dtab .active img, 
.dtab li:hover img {
    filter:  grayscale(0%);
    opacity: 1;        
}

.dtab li:hover, .dtab .active {  
    border: 1px solid rgba(34,174,182,0.8);
}

.q-inner .carousel-item {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #f9f9f9;
    height: 100%;
}

.q-inner .carousel-item .detail {
    text-align: center;
    font-size: 20px;    
}

.q-inner .carousel-item .detail .text { 
    font-style: italic;
    margin: 0 55px 20px;
}

.retailers .title { text-transform: none; }
.retailers .extra { margin: 18px 3px 28px 0px; }  

.retailers .extra p { 
    font-size: 14px; 
    color: #22AEB6;
    margin: 0;
}

.retailers .extra p:before {
    content: "\2192";
    font-size: 23px;
} 

/*------------------------------------------------*/
/* Case Study                                     */
/*------------------------------------------------*/
.page-case-study .retailers { 
    background-image: url(images/case-study-body-bg.png);
    background-repeat: repeat-y;
    background-position: center top;
}
.page-case-study .dtab { 
    max-width: 400px;
    margin-left: auto;
    margin-right: 50px;

}

.page-case-study .dtab li { 
    width: 100%;
    max-width: 193px;
    height: 193px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.page-case-study .dtab li img { 
    max-width: 193px;
}

.page-case-study  .carousel-container { padding: 30px 0 23px; }

.page-case-study .dflex-center { justify-content: flex-start;  }

.page-case-study .q-inner {
    /* remove this */
    margin-left: 0px;    
}

.page-case-study .q-inner .carousel-item .detail .text {
    margin: 0px;
    font-style: normal;
}

.page-case-study .q-inner .carousel-item .detail {
    text-align: left;
    margin: 0px;
    max-width: 680px;
    width: 100%;
}

.page-case-study .q-inner .carousel-item .detail .title { 
    margin-bottom: -5px;
}
.page-case-study .q-inner .carousel-item .detail .dtitle {
    padding-left: 32px;
    border-left: 1px solid #eee;
    margin-left: 16px;
}

.page-case-study .q-inner .carousel-item .detail .dtitle span {
    font-size: 15px;    
}

.page-case-study .q-inner .carousel-item {
    background-color: #F8FAFC;
    display: block;
}

.page-case-study .retailers .top { margin: 52px 0 60px; }
.page-case-study .retailers .top .logo { margin-right: 10px; }

.page-case-study .q-inner .carousel-item .detail .text {
    margin-bottom: 50px;
}

.page-case-study .text .c-title { 
    font-weight: 300;
    font-size: 24px;
    margin-bottom: 15px;
}

.page-case-study .text p { 
    margin-bottom: 25px;
    line-height: 160%; 
}

.page-case-study .btn-aqua { border-radius: 5px; }


/*------------------------------------------------*/
/* Home what we do                                */
/*------------------------------------------------*/

.what-we-do {}
.what-we-do .wrap {
    padding: 50px 0;
}

.what-we-do .top {
    padding: 35px 0;
    max-width: 750px;
    margin: 0px auto;    
}

.what-we-do .top .title {
    font-size: 36px;
    margin-bottom: 6px;
}

.what-we-do .top .sub-title {
    font-size: 24px;
}

.what-we-do .floor-wrap {
    padding: 63px 0 47px 0;
    position: relative;
}

.what-we-do .floor {  
    width: 100%;
    max-width: 600px;
    height: 500px;
    position: relative;
    margin-top: 13px;
        
    background-image: url(images/floor.png);
    background-position: 35% 90%;
    background-repeat: no-repeat;  
}

.what-we-do .floor img {  
    display: block;   
    width: 100%;
    height: auto;
  
}

.what-we-do .floor .marker,
.what-we-do .floor .element {
    position: absolute;
    z-index: 3;
 
}
.what-we-do .floor .marker a {
    color: #5E5F66;
    display: inline-block;
    height: 24px;
    background-image: url(images/mark.png);
    background-position: center left;
    background-repeat: no-repeat;
    padding-left: 26px;
    font-size: 16px;
}

.what-we-do .floor .marker a:hover {
    opacity: 0.7;
}
.what-we-do .floor .marker a:hover span {
    opacity: 1;
    color: #22AEB6; 
}
.what-we-do .floor .marker a span {
    text-transform: uppercase;
}

.what-we-do .floor .marker-1 {
    top: -0.7%;
    left: 60%;
}

.what-we-do .floor .elem-1 {
    top: 6%;
    left: 39%;
}

.what-we-do .floor .marker-2 {
    top: 63%;
    left: 73%;
}

.what-we-do .floor .elem-2 {
    top: 45%;
    left: 79%;
}

.what-we-do .floor .marker-3 {
    top: 84%;
    left: 23%;
}

.what-we-do .floor .elem-3 {
    top: 72%;
    left: 10%;
}

.what-we-do .floor .marker-4 {
    top: 12%;
    left: 9%;
}

.what-we-do .floor .elem-4 {
    top: 36%;
    left: 32%;
}


.what-we-do .stat .icon { 
    width: 80px;
    padding-top: 3px;
} 
.what-we-do .stat-wrap { 
    padding: 0px 0px 0px 58px;
}

.what-we-do .stat .item {
    margin-bottom: 26px;
    visibility: hidden;
}

.what-we-do .stat .detail { 
    width: 310px;
    margin-left: 25px;
} 

.what-we-do .stat .detail .text p { 
    line-height: 175%;
}

.what-we-do .stat .detail .title { 
    font-size: 24px;
    margin-bottom: 10px;
}

/*------------------------------------------------*/
/* Home problems we solve                         */
/*------------------------------------------------*/

.prob-we-solve { }

.prob-we-solve .wrap {
   padding: 50px 0;
}

.prob-we-solve .top { 
    padding: 32px 0;
    margin-bottom: 38px;
}
.prob-we-solve .top .sub-title { font-size: 24px; }    

.prob-we-solve .banner {
    margin-bottom: 64px;  
} 

.prob-we-solve .banner .detail .image {
    min-height: 195px;
    display: flex;
    justify-content: center;
    margin-bottom: 26px;
    visibility: hidden;
}

.prob-we-solve .banner .detail .image img { 
    height: 100%; 
    margin-top: auto;
}

.prob-we-solve .banner .detail .sub-title {
    margin-bottom: 8px;
}

.prob-we-solve .button-area {
    margin-bottom: 50px;
}

.button-area .btn-more,
.button-area .btn-more-w { 
    padding: 9px 39px;
    text-transform: uppercase;
    border: 1px solid #22AEB6;
}

.button-area .btn-more:hover { border:1px solid #fff; }
.button-area .btn-more-w:hover { 
    background-color:#22AEB6; color: #fff !important;  }

.btn-aqua {
    color: #22AEB6 !important;
    font-weight: 300;
    text-transform: uppercase;
    padding: 9px 30px;
    width: 180px;
    height: 44px;
    border: 1px solid #22AEB6;
}

.btn-aqua:hover {
    background-color: #22AEB6;
    color: #fff !important;
}

/*------------------------------------------------*/
/* Home Technology                                */
/*------------------------------------------------*/

.technology .wrap {
    padding: 50px 0 0;
}

.technology .shelf {  
    height: 700px;
    position: relative;
    z-index: 1;
   
    background-position: bottom center;
    background-size: contain;
    background-repeat: repeat-x;
}

.technology .text-wrap {
    padding: 45px 0 0 0;    
}

.technology .top {
    position: relative;
    z-index: 2;
    min-height: 240px;
    margin-bottom: -120px;
}

.technology .title {
    margin-bottom: 20px;
}

.technology .text, .technology .text p {
    padding: 0 50px;
    font-size: 16px;
    color: #595959;
}

/*------------------------------------------------*/
/* Home - Product Recognition                     */
/*------------------------------------------------*/

.m-arrow {
    width: 50px;
    height: 25px;
    margin: -25px auto 0;
    background-image: url(images/mid-arrow.png);
    background-repeat: no-repeat;
    background-position: center center;
    position: relative;
    z-index: 3;
}

.overlay-bg {  
    background-image: url(images/line-grid.png);
    background-repeat: no-repeat;
    background-position: top center;
}

.prod-rec { } 

.prod-rec .product-detail { 
    position: relative;
    max-width: 630px;
    margin: 0px auto 40px;
}

.prod-rec .top { 
    padding: 25px 0;
    margin-bottom: 30px;    
}

.prod-rec .wrap { padding: 50px 0; }
.prod-main-mobile { display: none; } /* display me on mobile */

.prod-main { 
    position: relative;
    width: 630px;
    height: 370px;
}

.prod-main .prod-image { 
    margin: 0px auto;
    width: 114px;
    height: 367px;
    background-image: url(images/prod-main-1.jpg);
    background-repeat: no-repeat;
    background-position: center center;
}

.prod-main .pp-outline {
    background-image: url(images/prod-main-2.jpg);
}

.prod-main .pp-brand {
    background-image: url(images/prod-main-3.jpg);
}

.prod-main .pp-text {
    background-image: url(images/prod-main-4.jpg);
}

.prod-main .prod-bullets { 
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: url(images/prod-main-bullet.png);
    background-repeat: no-repeat;
    background-position: top center;
    z-index: 3;
} 

.prod-main .prod-bullets-2 { 
    position: absolute;
    width: 457px;
    height: 231px;
    background-image: url(images/prod-main-bullet-2.png);
    background-repeat: no-repeat;
    background-position: top center;
    top: 102px;
    left: 72px;
    z-index: 6;
    visibility: hidden;
} 

.prod-main .animated {
    
}

.prod-main .prod-outline {
    width: 125px;
    height: 265px;
    left: -15px;
    top: 67px;
}
.prod-main .prod-brand {
    width: 105px;
    height: 195px;
    right: 12px;
    top: 35px;
}
.prod-main .prod-text {
    width: 95px;
    height: 90px;
    right: 51px;
    bottom: -25px;
    z-index: 5;
}
.prod-main .pbullet { 
    display: block;
    position: absolute;
    font-size: 14px;
    color: #40D3DB;
    text-transform: uppercase;
    text-align: center;
    visibility: hidden;
    z-index: 5;
}
.prod-main .pbullet span {
    position: relative;
    text-align: center;
    display: block;
    z-index: 4;
}
.prod-main .pbullet:hover span { 
    color: #fff;
}
.prod-main .prod-outline img {
    margin-bottom: 21px;
}
.prod-main .prod-brand img {
    margin-bottom: 15px;
}
.prod-main .prod-text img {
 
}

.prod-rec .button-area { 
    padding: 30px 0;
    margin:0px 0 8px;
}

.prod-rec .btn-more { margin-top: 7px; }

/*------------------------------------------------*/
/* Home - Why CHoose Us                           */
/*------------------------------------------------*/

.why-choose-us {  } 
.why-choose-us .wrap { padding: 50px 0;  } 
.why-choose-us .top { 
    padding: 35px 0;
    margin-bottom: 37px;
}
.why-choose-us .top .title { margin-bottom: 12px; }

.why-choose-us .banner { 
    padding: 30px 0; 
}

.why-choose-us .banner .image { visibility: hidden; }
.why-choose-us .banner img { 
    margin-bottom: 21px; 
}
.why-choose-us .detail .sub-title { 
    margin-bottom: 12px; 
}
.why-choose-us .detail .text { 
    padding: 0 10px;
    line-height: 165%;
}

.why-choose-us .button-area { padding: 36px 0; margin-bottom: 5px; }

/*------------------------------------------------*/
/* Home - Partners                                */
/*------------------------------------------------*/

.partners { border-bottom: 2px solid #eeeeee;  }
.partners .wrap { padding: 50px 0; }
.partners .sub-title { font-size: 28px; }
.partners .top { 
    padding: 10px 0 ; 
    margin-top: 16px;
    margin-bottom: 45px;
}

.partners .partners-slider { 
    min-height: 100px;
    /* background-color: rgba(0,0,0,0.1); */
    margin-bottom: 37px;
}

.partners .partners-slider .slogo {
    display: flex !important;
    justify-content: center;
    align-items: center;
    height: 100px;
}

.partners .partners-slider .slogo img {
    max-width: 250px;
    max-height: 80px;
    filter:  grayscale(100%);
    opacity: 0.4;
    transition: 0.5s;
}

.partners .partners-slider .slogo a:hover img { 
    filter:  grayscale(0%);
    opacity: 1;          
}

.partners .partners-slider .slick-arrow {
    width: 10px; height: 27px;
    filter:  grayscale(100%);
    opacity: 0.3;
}
.partners .partners-slider .slick-arrow:before,
.partners .partners-slider .slick-arrow:after { 
    display: none; 
    
}
.partners .partners-slider .slick-prev {
    background-image: url(images/slide-prev.png);
    background-repeat: no-repeat;
    background-position: 50% 90%;
}
.partners .partners-slider .slick-prev:hover,
.partners .partners-slider .slick-next:hover {
    filter:  grayscale(0%);
    opacity: 1;    
}
.partners .partners-slider .slick-next {
    background-image: url(images/slide-next.png);
    background-repeat: no-repeat;
    background-position: 50% 90%;    
}

/*------------------------------------------------*/
/* Home - Latest New                              */
/*------------------------------------------------*/

.latest-news .sub-title { font-size: 28px; }
.latest-news .wrap { padding: 50px 0; } 
.latest-news .text-wrap { 
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.latest-news .top { 
    padding: 24px 0;
    margin-bottom: 45px;
}
.latest-news .all-news { 
    margin-right: 5px;
    margin-top: -5px;
}
.latest-news .all-news:before {
    content: "\2192";
    font-size: 23px;
    margin-right: 10px;
}

.latest-news .all-news:hover { 
    color: #136C96 !important;
}

.latest-news .blog-news .npost-img,
.latest-news .blog-news .npost-img a { 
    min-height: 172px;
    display: block;
    width: 100%;
}

.latest-news .blog-news .npost {
    background-color: #fff;
    margin-bottom: 20px;
    border: 1px solid #f0f0f0;
    height: 100%;
}

.latest-news .blog-news .npost-img { 
    background-color: rgba(0,0,0, 1);
    margin-bottom: 20px; 
    transition: 1s;    
}

.latest-news .blog-news .npost-img a { 
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    transition: 1s;
}

.latest-news .blog-news .npost-img:hover a {
    opacity: 0.8;
}

.latest-news .blog-news .npost-detail {
    padding: 20px 22px;
    min-height: 160px;
}

.latest-news .blog-news .npost-detail .npost-date {
    opacity: 0.5;
    font-size: 14px;
    margin-bottom: 11px;
}

.latest-news .blog-news .npost-link {
    font-size: 24px;
    line-height: 120%;
}

/*------------------------------------------------*/
/* News Page - Latest New                         */
/*------------------------------------------------*/

.page-news {  }
.page-news .wrap { padding: 66px 0 52px 0; }
.page-news .latest-news .blog-news .npost { 
    background-color: #fff;
    /* border: 1px solid #fcfcfc; */
}

.page-news .latest-news .blog-news .npost:hover { 
    box-shadow: 0 2px 5px rgba(0,0,0,0.075) !important;
}

.page-news .latest-news .blog-news .npost-img,
.page-news .latest-news .blog-news .npost-img a { 
    min-height: 240px;
}

.page-news .latest-news .blog-news .npost-img { 
    margin-bottom: 6px;
}

.page-news .latest-news .blog-news .npost-detail .npost-date {
    margin-bottom: 7px;
}

.page-news .latest-news .blog-news .npost-detail {
    min-height: 0;    
    padding: 20px 18px 9px 21px;
}

.page-news .latest-news .blog-news .post-mb {
    margin-bottom: 28px;
}


/*------------------------------------------------*/
/* Home - Promoters                               */
/*------------------------------------------------*/

.promoters {  }
.promoters .title { font-size: 24px;  }
.promoters .wrap { padding: 20px 0px;  }
.promoters .top { 
    padding: 15px 0;
    margin-bottom: 27px;   
}


.promoters .promo { 
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 68px;
}

.promoters .promo .comp {   
    max-width: 224px;
    visibility: hidden;
}

/*------------------------------------------------*/
/* Home - Reques Demo Foot                        */
/*------------------------------------------------*/

.request-demo { 
    background-color: rgba(102,148,183,1);
}
.request-demo .wrap {
    padding: 27px 0;
}
.request-demo .container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.request-demo .title { 
    font-size: 28px;
    margin-bottom: 0px;
    margin-right: 15px;
}

.request-demo .btn { 
    color: #fff !important;
    font-weight: 300;
    text-transform: uppercase;
    padding: 9px 30px;
}

.request-demo .btn:hover {
    color: rgba(102,148,183,1) !important;
}

/*------------------------------------------------*/
/* Company / Careers                              */
/*------------------------------------------------*/



.content-c {
    margin-bottom: 8px;
}

.content-c .title {
    text-transform: none;
    font-size: 33px;
    line-height: 120%;
}

.content-c .wrap { padding: 50px 0 11px; }

.content-c .top {
    padding: 25px 0;
    margin-bottom: 35px;
}

.content-c .d-content .d-panel {
    display: flex;
    flex-wrap: nowrap;
    margin-bottom: 62px;
    align-items: center;
}

.content-c .d-content .d-panel .image-panel {
    max-width: 765px;
    width: 100%;
    min-height: 500px;
    background-repeat: no-repeat;
    background-position: center center;
    z-index: 1;
}
.content-c .d-content .d-panel .text-panel {
    width: 100%;
    min-height: 360px;
    max-width: 600px;
    padding: 35px 41px 17px;
    background-color: rgba(255,255,255,1);
    
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    z-index: 2;           
}

.content-c .d-content .d-image-left .image-panel { 

}

.content-c .d-content .d-image-left .text-panel { 
    margin-left: -95px; 
}

.content-c .d-content .d-image-right .image-panel { 
    /*opacity: 0.1;*/
    margin-left: -95px; 
}

.content-c .d-content .d-image-right .text-panel { 
    margin-left: 100px;
    background-color: rgba(255,255,255,1);
}

.content-c .d-content .d-panel .text-panel .details {
    line-height: 190%;
}

.content-c .d-content .d-panel .text-panel .title {  
    text-transform: uppercase;
    margin-bottom: 12px;
}

.content-c .d-content .d-panel .text-panel .sub-title {
    margin-bottom: 20px;
}

/*------------------------------------------------*/
/* Company Call to Action                         */
/*------------------------------------------------*/

.call-to-action { 
    position: relative;
    min-height: 420px; 
}

.call-to-action .overlay { 
    width: 100%;
    height: 100%;
    background-color: rgba(102,148,183,0.9);
    position: absolute;
    z-index: 0;    
}

.call-to-action .wrap { 
    position: relative;
    padding: 50px 0;
    z-index: 1;
}

.comp-action { 
    background-repeat: no-repeat;
    background-position: 50% 90%;
    background-attachment: fixed;
    background-size: cover;
}

.call-to-action .quote { padding: 14px 20px 6px; }
.call-to-action .quote,
.call-to-action .quote p { 
    font-size: 24px;
    color: #fff;
}

.call-to-action .quote p { margin-bottom: 35px; }
.call-to-action .btn-more { margin-bottom: 6px; }


/*------------------------------------------------*/
/* Careers Job Listings                           */
/*------------------------------------------------*/

.job-opening {
    background-image: url(images/join-now-bg.png);
    background-repeat: repeat-y;
    background-position: top center;
}

.job-opening .wrap {
    padding: 50px 0;
}

.job-form, 
.job-list { 
    max-width: 525px;
    margin-bottom: 30px;
}
.job-list .card { border-radius: 0; }

.job-form .top,
.job-list .top { 
    padding: 4px 0 0 0;
}

.job-form .sub-title, 
.job-list .sub-title { font-size: 28px;  }

.job-list .job-cat:first-child {
    margin-top: 41px;
}

.job-list .job-cat {
    margin-bottom: 26px;    
    margin-top: 48px;
}

.job-list .job-cat h4 { 
    font-size: 17px;
    font-weight: 300;
    text-transform: uppercase;
}

.job-list .accordion .card {
    background-color: rgba(255,255,255,1);
    margin-bottom: 11px;
    border:1px solid transparent;  
    color: #5E5F66;    
}

.job-list .accordion .card-header {
    background-color: transparent;
    padding: 2px 2px 2px 10px;
    display: flex;
    justify-content: space-between;
    color: #5E5F66;    
}

.job-list .accordion .card-header a { 
    display: block;
    color: #5E5F66;
}

.job-list .accordion .card-header a:hover {
    color: #136C96;
    text-decoration: none;
}

.job-list .accordion .card-header .btn-plus { 
    border-left: 1px solid #eee;
    color: #22AEB6;
}

.job-list .accordion .card-header .btn-plus span:after {
    content: "-";
}

.job-list .accordion .card-header .collapsed span:after {
    content: "+";
}

.job-list .accordion .card-body p,
.job-list .accordion .card-body li,
.job-list .accordion .card-body { font-size: 15px; }
.job-list .accordion .card-body div { margin-bottom: 15px; }

.job-list .accordion .card-body .j-title { 
    display: block;
    margin-bottom: 15px;
    color: #131E26;
}
.job-list .accordion .card-body ul { margin-left: 25px; margin-bottom: 20px; }
.job-list .accordion .card-body .button-area {
    margin: 30px 0;
}

.job-list .accordion .card-body .button-area .btn {
    background-color: #22AEB6;
    color: #fff !important;
    border: none;
}

.job-list .accordion .card-body .button-area .btn:hover {
    opacity: 0.6;
}

/* Job Form */

.job-from-d { justify-content: flex-end; }

.job-form {
    width: 100%;    
}

.job-form .d-form {
    padding: 30px 0 0 0;
}

.d-form select, .d-form input, .d-form textarea, 
.d-form label, .d-form .custom-select, .form-control { 
    font-weight: 300; 
    border-radius: 0;
    border-color: transparent;
    font-size: 14px !important;
    min-height: 46px;
    width: 100% !important;
    font-family: 'Roboto', sans-serif !important; 
    padding-left: 10px !important;
}

.form-control::placeholder { 
    color: #aaa;
}

.gform_wrapper .gfield_description {
    color: #fff;
    font-size: 15px !important;
    margin-bottom: 0px !important;
    padding-bottom: 0px !important;
    padding-top: 20px !important;
}

.job-form .d-form .select_1 { 
    max-width: 330px;
    width: 100%;
}

.job-form .gfield { width: 100%;  }

.job-form #field_1_2 { 
    padding: 17px 0;
    margin: 0;
    margin-bottom: 20px;
}

.job-form #field_1_2 input { margin: 0 }

.job-form #field_1_3 input { margin: 0 }

.job-form .gfield_2 { 
    margin-bottom: 24px;
}

.job-form .gfield_3 { 
    margin-bottom: 38px;
}

.job-form .gfield_4 { 
    margin-bottom: 41px;
}


.job-form .g-halves { 
    width: 100%;
    display: flex; 
    justify-content: space-between; 
    margin-bottom: 18px;
}

.job-form .ghalf { 
    width: 100%; 
    max-width: 250px; 
}

.job-form .ghalf input { 
    max-width: 250px;
    width: 100%;
} 

.job-form label { 
    justify-content: flex-start;
    font-size: 15px;
}

.job-form textarea { 
    min-height: 152px;
    padding: 10px;
}

.gform_wrapper textarea {
    max-height: 150px;    
} 

.job-form .ginput_container_textarea {
    margin-top: 40px !important;
}


.job-form .sfocus {
    background-color:#E1FFFF;    
}

.job-form .btn { 
    max-width: 180px; 
    font-weight: 300;
    text-transform: uppercase;
    font-size: 17px;
    border: 1px solid #fff;
    border-radius: 5px;
} 

/*------------------------------------------------*/
/* Careers                                        */
/*------------------------------------------------*/
.our-values { }
.our-values .wrap {
    padding: 50px 0;
}

.our-values .title {
    font-size: 33px;
}

.our-values .top {
    padding: 23px 0;
    margin-bottom: 15px;
}


/* banner */
.our-values .banner {
    margin-bottom: 17px;
}

.our-values .detail {
    margin: 0px auto;
    max-width: 312px;
}

.our-values .detail .sub-title {
    text-transform: uppercase;
    font-size: 20px;
    margin-bottom: 14px;
}

.our-values .detail .image {
    margin-bottom: 32px;
}

.our-values .detail .text {
    line-height: 190%;
}

/*------------------------------------------------*/
/* Careers - Gallery                              */
/*------------------------------------------------*/

.roll-gallery {  }

.roll-gallery .wrap {
    padding: 50px 0;
}

.roll-gallery .title { 
    font-size: 33px;
    margin-bottom: 12px;
}

.roll-gallery .wrap .top {
    padding: 25px 0;
    margin-bottom: 20px;
}

.roll-gallery .text-wrap {
    max-width: 960px;
    margin: 0px auto;
    font-size: 17px;
}

.roll-gallery .text {
    line-height: 180%;
}

/* gallery */

.rep-gallery {
    margin-bottom: 17px;
}

.rep-gallery .r-img {
    min-height: 246px;
    width: 100%;
    display: block;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 90%;
    margin-bottom: 25px;
    position: relative;
    overflow: hidden;
}

.rep-gallery .r-img div {
    font-size: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    background-color: #000;
    transition: .7s;
    color: #fff;
}

.rep-gallery .r-img:hover div { 
    opacity: 0.3;
}

.roll-gallery .post-pagination,
.roll-gallery .post-pagination .pagination { min-height: 36px;}

.roll-gallery .post-pagination { margin-bottom: 16px; }


/*------------------------------------------------*/
/* Contact - Form                                 */
/*------------------------------------------------*/

.page-contact { }
.gform-wrap { 
    background-image: url(images/contactform-bg.png);
    background-repeat: repeat-y;
    background-position: center top;
}
.gform-wrap .wrap { padding: 50px 0; }

.gf-body {

}

#accContact-1 { 
    max-width: 370px;
    margin-top: 8px;
}
#accContact-1 .card { 
    border: 0; 
}
#accContact-1 .card-header { 
    margin-bottom: 0px;
    background-color: transparent;
    padding: 0;
    padding-left: 7px;
    border: 1px solid #e5e5e5;
    
    display: flex;
    justify-content: space-between;
}

#accContact-1 .card-header .t-text {
    font-size: 24px;
}

#accContact-1 .card-header .btn-plus {
    padding-top: 12px;
}

#accContact-1 .card-header .btn-plus:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f077";
    font-size: 13px;
}

#accContact-1 .card {
    background-color: transparent;
}

#accContact-1 .card-body {
    padding: 0 0px;
}

#accContact-1 .card-body .detail { 
    padding: 23px 0 0 0;
}

#accContact-1 .items {
    padding-bottom: 13px;    
}

#accContact-1 .card-body .detail .item {
    display: flex;
    align-items: center;
    margin-bottom: 26px;
}

#accContact-1 .card-body .detail .item p { 
    margin: 0; 
}

#accContact-1 .card-body .detail a { color: #5E5F66;  }
#accContact-1 .card-body .detail a:hover { color: #57C0C7; }

#accContact-1 .card-body .detail .icon { 
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #57C0C7;
    border-radius: 100%;
    color: #57C0C7;
    margin-right: 20px;
    
    width: 36px; 
    height: 36px;
}

#accContact-1 .card-body .detail .g-map-m {
    height: 370px;
    width: 370px;
    /*background-image: url(images/gmap.jpg);*/
    background-repeat: no-repeat;
}

#accContact-1 .card-body .detail .g-map-m iframe {
    width: 100%;
    height: 100%;
}

.gf-body .gravity-form {
    max-width: 680px;
    width: 100%;
    padding: 2px;
    margin-left: 55px;
}

.gf-body .gravity-form .title {
    font-size: 24px;
    text-transform: none;
    margin-bottom: 2px;
}

.gf-body .gravity-form p { margin-bottom: 8px; }

.gf-body .gravity-form .top {
    padding: 25px 0;
    border-bottom: 1px solid rgba(213,219,227,0.5);
    margin-bottom: 39px;
}

.gf-body .gravity-form .form-check-input { 
    width: auto;
    max-width: 20px;
} 

.gf-body .dform {
    margin-bottom: 17px;
}

.gf-body .dform form {
    width: 100%;
}

.gf-body .gchecks {
    justify-content: flex-start;
    align-items: center;
    min-height: 22px;
    padding: 10px 0;
    margin-bottom: 20px;    
}

.gf-body .gchecks label { 
    display: inline;
    margin-left: 5px;
    margin-right: 24px;
    font-size: 15px;
    color: #5E5F66;
}

.gf-body input[type=text], 
.gf-body input[type=email], 
.gf-body textarea {
    font-weight: 300;
    font-size: 15px;
    border-radius: 0;
    width: 100% !important;
    border: 1px solid #e0e0e0;
    border-left: 3px solid #6694B7 !important;
    height: 50px;
}

.gf-body textarea { 
    min-height: 170px;
}

.gf-body .g-halves {  
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.gf-body .g-halves .ghalf {  
    max-width: 325px;
    width: 100%;
}

.gf-body .g-halves {
    margin-bottom: 26px;
}

.gf-body .gfield {
    margin-bottom: 30px;    
}

.gf-body .gsubmit {
    padding-top: 12px;
}

.gform_wrapper { 
    width: 100%;
    margin: 0;
} 

#gform_2 .gfield_radio .form-control { margin-top: 0 !important; }
.gfield_radio li { display: inline; }

.page-contact .gform_wrapper .gfield_radio li label {
    margin: 2px 30px 0 10px  !important;
}

#gform_2 input[type=text] { margin: 0px !important; }

#gform_2 .gfield {
    margin-bottom: 25px !important;
}
#gform_2 .ginput_container_radio { margin-top: 0px !important; }

#gform_2 .gform_wrapper input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]) {

    font-size: inherit;
    font-family: inherit;
    padding: 5px 4px;
        padding-left: 4px;
    letter-spacing: normal;

}


.gfield_html { margin: 0; }

#gform_submit_button_2 { 
    padding: 9px 30px !important;
    width: 180px;
}
.page-contact #field_2_1,
.page-contact .gform_wrapper, .page-contact #field_2_2,
.page-contact .gform_wrapper li.hidden_label input { margin-top: 0px !important; } 
.page-contact #field_2_6 { margin-bottom: 0 !important; }



/*------------------------------------------------*/
/* Blog                                           */
/*------------------------------------------------*/

.img-std { 
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 80%;
}

.page-blog .wrap { padding: 77px 0 37px; }
.d-slide, .d-post { position: relative; }
.page-blog .overlay { 
    position: absolute; 
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #092266;
    opacity: 0.4;
    z-index: 1;
    transition: .7s;
}

.blog-posts .d-slider { position: relative;}
.d-post, .d-slider { min-height: 300px; }
.d-post { background-color: #fff; }

.blog-posts .d-slide-navi {
    position: absolute;
    width: 120px;
    height: 60px;
    bottom: 0px;
    right: 30px;
    z-index: 2;
}

.blog-posts .d-slide-navi a { 
    background-color: #fff;
    width: 60px;
    height: 60px;
    border: 1px solid #e0e0e0;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0.7;
    color: #47D5DC;
}

.blog-posts .d-slide-navi a:hover { opacity: 0.9; color: #47D5DC;  }

.blog-posts .d-slide-navi .next { border-left: 0px; }

.d-post .p-image, .d-slider .s-image { 
    width: 100%;
    display: block;
}

.blog-posts .d-slider .slide { position: relative; }
.blog-posts .d-slider .slide .post-meta { 
    width: 90%;
    min-height: 150px;
    position: absolute;
    z-index: 2;
    left: 33px;
    bottom: 36px;
}

.blog-posts .d-slider .slide .post-meta .post-date { 
    color: #fff;
    font-size: 14px;
    margin-bottom: 3px;
}

.blog-posts .d-slider .slide .post-meta .title {
    
    font-size: 33px;
    text-transform: none;
    line-height: 120%;
}

.blog-posts .d-slider .slide .post-meta .title a {
    color: #fff;
}

.blog-posts .d-slider .slide .post-meta .title a:hover {
    opacity: 0.7;
}

.blog-posts .d-post {
    border: 1px solid #f0f0f0;
}
.blog-posts .d-post:hover {
    box-shadow: 0 2px 5px rgba(0,0,0,0.075) !important;
}

.blog-posts .d-slider .s-image { 
    min-height: 300px;
}

.blog-posts .p-image {
    position: relative;
}

.blog-posts .d-post:hover .overlay { 
    opacity: 0; 
}

.blog-posts .eats-1 .p-image {
    min-height: 150px;
}

.blog-posts .eats-2 .p-image {
    min-height: 300px;
    max-width: 385px;
}

.blog-posts .eats-1 .dpost-detail {
    padding: 30px 20px 26px;
}

.blog-posts .dpost-title { 
    font-size: 24px;
    line-height: 120%;
    margin-bottom: 13px;
}

.blog-posts .dpost-date {
    font-size: 14px;
    color: #79AAC1;
}

.blog-posts .eats-1, .blog-posts .eats-2 {
    margin-bottom: 48px;
}


.blog-posts .eats-2 .d-post {
    flex-wrap: wrap;
}

.blog-posts .eats-2 .dpost-detail {
    padding: 20px 30px;
    max-width: 376px;
    width: 100%;
}

.blog-posts .eats-2 .dpost-date {
    margin-bottom: 20px;
}

/*------------------------------------------------*/
/* Blog Single                                    */
/*------------------------------------------------*/

.single-blog { }
.single-blog .wrap { padding: 50px 0; }
.single-blog .single-post { padding: 37px 0 0; }


.single-post .post-body { 
    border-bottom: 1px solid #F1F4F8;
    margin-bottom: 25px;
}
.single-post .feat-img { margin-bottom: 18px;  }
.single-post .post-title { margin-bottom: 8px; }
.single-post .post-title .title { font-size: 33px; }
.single-post .post-date { 
    font-size: 14px; 
    color: #79AAC1;
    margin-bottom: 28px;
}

.single-post .post-content { 
    
}

.single-post .post-content .alignleft { 
    float: left;
    margin-right: 32px;
}


.single-post .post-content p { 
    line-height: 160%;
    margin-bottom: 36px;
}

.single-post .post-content a { color:#22AEB6;  }
.single-post .post-content a:hover { text-decoration: underline; }

.single-post .post-comments {
    margin-bottom: 54px;
}
#wc-comment-header, .single-post .post-comments .title {
    font-size: 24px;
    color: #79AAC1;
    margin-bottom: 28px;
    font-weight: 300;
}

.single-post .comments-form {}
.single-post .comments-form textarea { 
    width: 100%;
    height: 230px;
    border:1px solid #e0e0e0;
    margin-bottom: 34px;
}

.single-post .comments-form .btn-aqua { width: 230px;  }
.post-navi { 
    width: 100%; 
    border-top: 1px solid #e0e0e0;
    padding: 20px 0 5px;
}
.post-navi .prev, 
.post-navi .next { 
    display: flex;
    align-items: center;
    color: #5E5F66;
}

.post-navi .prev span { color: #22AEB6; margin-right: 10px; }
.post-navi .next span { color: #22AEB6; margin-left: 10px; }
.post-navi a:hover { opacity: 0.6; }

.post-navi span { font-size: 22px; margin-top: -4px; }
    
.post-sidebar .show-search { margin-bottom: 20px; }
.post-sidebar ul { list-style: none; }
.post-sidebar ul li a { font-size: 17px; } 
.post-sidebar ul li { margin-bottom: 16px; }
.post-sidebar .show-search input {
    height: 48px;
    border: 1px solid #f0f0f0;
    font-size: 14px;
    font-weight: 300;
    width: 100%;
    padding: 0 20px;
}

.post-sidebar a { color: #5E5F66; }
.post-sidebar a:hover { color: #136C96; }

.post-sidebar .s-border { border: 1px solid #f0f0f0; }
.post-sidebar .latest-posts {
    padding: 27px 30px;
    margin-bottom: 20px;
}

.post-sidebar .archive-posts {
    padding: 23px 30px;
}
.post-sidebar .archive-posts .title { margin-bottom: 15px; }
.post-sidebar .archive-posts ul li { margin-bottom: 9px; }

.post-sidebar .latest-posts .title {
    margin-bottom: 20px;
}

/*------------------------------------------------*/
/* News - Single                                  */
/*------------------------------------------------*/

.single-blog .single-news { padding: 11px 0 0; }
.single-blog .single-news .title { 
    font-size: 28px;
    margin-bottom: 11px;
     margin-left: 3px;
}

.single-blog .single-news .post-date {
    margin-left: 3px;
    margin-bottom: 35px;
}

.single-blog .single-news .post-content p { 
    line-height: 170%;
}

.single-news .post-comments .title {
    font-size: 24px;
    margin-bottom: 40px;
}

.single-news .post-body { margin-bottom: 37px; }

.single-news .comments-form { text-align: center; }
.single-news .comments-form textarea { 
    height: 180px;
}

.single-news .comments-form .btn-aqua {
    margin: 0px auto;
    border-radius: 5px;
}

/*------------------------------------------------*/
/* Home - Footer                                  */
/*------------------------------------------------*/

footer .wrap { 
    padding: 50px;
    color: #5E5F66;
    font-size: 15px;
}

footer a { color: #5E5F66; } 
footer .copyright a:hover,
footer a:hover { color: #136C96 !important; } 

footer .company, footer .contact { 
    padding: 10px 0 0 0;
    max-width: 200px; 
    width: 200px;
}

footer .footer-logo {
    margin-bottom: 50px;
}

footer .social {
    display: flex;
    justify-content: space-between;
    padding: 0 10px;
}

footer .social a { 
    display: block;
    color: #6E757A;
    width: 48px;
    height: 48px;
    border: 2px solid rgba(201,221,230, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
    font-size: 20px;
}

footer .social a:hover { 
    background-color: rgba(102,148,183,1);
    border: 2px solid rgba(201,221,230, 0);
    color: #fff !important;
}

footer .halves {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
    
footer .half { 
    display: flex;
    justify-content: space-between;
    width: 500px;
    flex-wrap: wrap;
}

footer .contact { 
    padding: 18px 0 0 0;
}

footer .title { 
    font-size: 15px;
    text-transform: uppercase;
    margin-bottom: 22px;
} 

footer .contact .address { 
    line-height: 180%;
    margin-bottom: 15px;
}

footer .contact .phone {
    margin-bottom: 5px;
}

footer .contact .email {
    margin-bottom: 10px;
}

footer .flinks {
    padding: 18px 0 0 0;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}

footer .flinks .links {
    width: 180px;
    margin-left: 20px;
}

footer .flinks .links ul {
    margin-left: 0px;
    list-style: none;
}

footer .flinks .links ul li {
    margin-bottom: 20px;
    margin-left: 0;
}

footer .flinks .links ul li:before {
  font-family: "Font Awesome 5 Free"; 
  font-weight: 900; 
  content: "\f054";
  font-size: 8px;
  color: #22AEB6;    
    
  padding-right: 6px;
  padding-left: 8px;
}

footer .copyright {
  border-top: 2px solid #efefef;
  display: flex;
  justify-content: space-between;
  padding: 30px 0 10px;
  flex-wrap: wrap;    
}

footer .copyright p { font-size: 14px; }


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

.post-pagination {
  margin-bottom: 10px; 
}
.post-pagination ul {
  justify-content: center; 
}
.post-pagination ul li {
  display: inline-block;
  margin-left: 4px;
  height: 36px;    
}
.post-pagination ul li:first-child {
    margin-left: 0; 
}

.post-pagination ul li:last-child a {
    box-shadow: none;
     -webkit-box-shadow:none;
     color: #22AEB6; 
}

.post-pagination ul li.active a {
  background-color: #22AEB6;
  color: #fff;    
}
.post-pagination ul li.active a:hover {
  background-color:  #22AEB6;
  color: #fff;
}
.post-pagination ul li a {
  color: #444;
  background-color: #fff;
  font-family: "roboto", sans-serif;
  font-weight: 300;
  padding: 8px 15px;
  -webkit-box-shadow: 0 0 2px 0 rgba(51, 51, 51, 0.08), 0 0 2px 0 rgba(51, 51, 51, 0.08);
  box-shadow: 0 0 2px 0 rgba(51, 51, 51, 0.08), 0 0 2px 0 rgba(51, 51, 51, 0.08); }

.post-pagination ul li a:hover {
    background:#22AEB6;
    color: #fff; 
}

/*------------------------------------------------*/
/* Plugin                                     */
/*------------------------------------------------*/

.gglobe { 
    margin-top: 5px; 
}
a.glink img { margin-top: 7px; }
.switcher-popup span { display: none; }
.gt_white_content { 
    height: 300px !important;
    top: 40% !important;
}

.envira-gallery-wrap .envira-pagination { margin-bottom: 0 !important; }

.envira-pagination .page-numbers {
    display: inline-block;
    height: 36px;
    width: 36px;
    line-height: 36px;
    border: 1px solid #ccc;
    
}
.envira-pagination a.page-numbers:hover,
.envira-pagination span.page-numbers { 
    color: #fff;
    background-color: #22AEB6; 
}
.envira-pagination a.page-numbers { color: #22AEB6; }
.envira-pagination .prev,
.envira-pagination .next { border: 1px solid #fff;  }