@font-face {
    font-family: "poppins";
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/Poppins-Regular.ttf") format("truetype");
    font-display: swap;
  }
  
  @font-face {
    font-family: "poppins";
    font-style: normal;
    font-weight: 500;
    src: url("../fonts/Poppins-Medium.ttf") format("truetype");
    font-display: swap;
  }
  
  @font-face {
    font-family: "poppins";
    font-style: normal;
    font-weight: 600;
    src: url("../fonts/Poppins-Bold.ttf") format("truetype");
    font-display: swap;
  }
  
  @font-face {
    font-family: "poppins";
    font-style: normal;
    font-weight: 700;
    src: url("../fonts/Poppins-ExtraBold.ttf") format("truetype");
    font-display: swap;
  }

/*
    font-family:'gotham';
    font-family:'Gotham';
    font-family:'Gotham';
    
    font-family: 'Yantramanav', sans-serif;


    
    GRAY: 1b1b1b;
    RED: 000;

    YELLOW: #FCB74C;
    primary blue1: #4DC4D7;
    ORANGE: F06448;
*/
input, input:before, input:after {
    -webkit-user-select: initial;
    -khtml-user-select: initial;
    -moz-user-select: initial;
    -ms-user-select: initial;
    user-select: initial;
} 
html {
  scroll-behavior: smooth;
}
body{
    background: #ffffff;
    font-family: 'poppins', Helvetica, Arial, sans-serif;
    font-size: 16px;
    line-height: 24px;
    color: #242424;
    /*padding-top: 95px;*/
}
*, *::after, *::before {
    -webkit-font-smoothing: antialiased;
    outline: none;
    text-rendering: optimizeLegibility;
    zoom: 1;
}
::-moz-selection { background: #FCB74C; color: #262627; }
::selection { background: #FCB74C; color: #262627; }

em, i{
    /*font-family: 'merriweatheritalic', serif;*/
}

#site--contents *{
    -webkit-user-select: none;  /* Chrome all / Safari all */
      -moz-user-select: none;     /* Firefox all */
      -ms-user-select: none;      /* IE 10+ */
      user-select: none;          /* Likely future */      
}

input,select,textarea{
    -webkit-user-select: auto !important;
    -khtml-user-select: auto !important;
    -moz-user-select: auto !important;
    -ms-user-select: auto !important;
    -o-user-select: auto !important;
    user-select: auto !important;  
}

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

h1,h2,h3,h4,h5{
    font-family: 'poppins', Helvetica, Arial, sans-serif;
    font-weight: 500;
    /*color: #222;*/
}
p{ font-size: 15px;}
h1{
    font-size: 50px;
    line-height: 54px;
    font-family: 'Gotham Book', "Helvetica Neue", Helvetica, sans-serif;
}


/* @font-face {
    font-family: 'Gotham';
    src: url('../fonts/gotham/Gotham-Bold.woff2') format('woff2'),
        url('../fonts/gotham/Gotham-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Gotham';
    src: url('../fonts/gotham/Gotham-Medium.woff2') format('woff2'),
        url('../fonts/gotham/Gotham-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Gotham Book';
    src: url('../fonts/gotham/Gotham-Book.woff2') format('woff2'),
        url('../fonts/gotham/Gotham-Book.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'poppins';
    src: url('../fonts/rubik/poppins-Regular.woff2') format('woff2'),
        url('../fonts/rubik/poppins-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
} */



/* @font-face {
    font-family: 'poppins';
    src: url('../fonts/rubik/poppins-Medium.woff2') format('woff2'),
        url('../fonts/rubik/poppins-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'poppins';
    src: url('../fonts/rubik/poppins-Bold.woff2') format('woff2'),
        url('../fonts/rubik/poppins-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Rubik Bold';
    src: url('../fonts/rubik/poppins-Bold.woff2') format('woff2'),
        url('../fonts/rubik/poppins-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
} */

.poppins-normal{
    font-family: 'poppins', "Helvetica Neue", Helvetica, sans-serif;
    font-weight: normal;
}

.poppins-medium{
    font-family: 'poppins', "Helvetica Neue", Helvetica, sans-serif;
    font-weight: 500;
}
.poppins-bold{
    font-family: 'poppins', "Helvetica Neue", Helvetica, sans-serif;
    font-weight: bold;
}
.gotham{
    font-family: 'poppins', "Helvetica Neue", Helvetica, sans-serif !important;
}
.gotham-bold{
    font-family: 'poppins', "Helvetica Neue", Helvetica, sans-serif !important;
    font-weight: bold;  
}


.bg-dark-gradient{
    min-height: 800px;
    color: #ffffff;
    background: #1d202a; /* Old browsers */
    background: -moz-linear-gradient(top,  #1d202a 0%, #191919 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #1d202a 0%,#191919 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #1d202a 0%,#191919 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1d202a', endColorstr='#191919',GradientType=0 ); /* IE6-9 */
}

.pgrid{
    min-height: 0;
}
.site--logo{
    display: inline-block;
    margin-top: 8px;
}
.site--logo a{
    display: inline-block;
}
.site--logo a img{
    width: 45px;
    min-width: 45px;
    /*height: 64px;*/
}
.site--logo h1{
    margin-top: 12px;
}
.site--logo svg{
    width: 160px;
}
.site--logo svg{
    width: 160px;
}




#main-navigation{
    /*position: relative;*/
    padding-top: 0;
    /* padding: 10px 0;  */
    margin-bottom: 0;
    /*background: #ffffff;*/
    /*border-bottom: 1px solid #E3E3E3;*/

    /*-webkit-box-shadow: 0 0 10px rgba(0,0,0,.05);
    box-shadow: 0 0 10px rgba(0,0,0,.05);*/

    -webkit-transition: all 300ms cubic-bezier(.694,0,.335,1);
    transition: all 300ms cubic-bezier(.694,0,.335,1);
    -o-transition: all 300ms cubic-bezier(.694,0,.335,1);
    transition: all 300ms cubic-bezier(.694,0,.335,1);
}

#main-navigation.small-nav {
    padding: 0 !important;
}
.small-nav .main-nav-items .navbar-nav > li > a:after{
    bottom: 0;
}
#main-navigation:hover{
    /*-webkit-box-shadow: 0 0 10px rgba(0,0,0,.08);
    box-shadow: 0 0 10px rgba(0,0,0,.08);*/
}

body.nav-fixed #main-navigation, body.fixed-nav-landing #main-navigation{
    background: #ffffff;
    /* padding: 10px 0; */
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,.05);
    box-shadow: 0 0 10px rgba(0,0,0,.05);
    min-height: 60px;
}

body.nav-fixed{
    background: #ffffff;
}

.logo-black{
    display: none;
}

body.nav-fixed .logo-white, body.nav-open .logo-white, body.fixed-nav-landing .logo-white{
    display: none;
}
body.nav-fixed .logo-black, body.nav-open .logo-black, body.fixed-nav-landing .logo-black{
    display: block;
}



.fixed-nav-landing{
    padding-top: 60px;
}
.fixed-nav-landing #main-navigation{
    /*background: transparent;
    box-shadow: none;
    position: fixed;*/
}
.navbar-inverse .navbar-toggle{
    /*border: 0;*/
}
.navbar-toggle{
    margin-top: 20px;
    padding: 0;
}
.navbar-toggle .icon-bar{
    background-color: #2b2b2b;
    width: 30px;
    height: 3px;
}
.landing-navbar .navbar-toggle .icon-bar{
    background-color: #ffffff;
}

ul.navbar-nav li a span.dots{    
    position: absolute;
    min-width: 16px;
    min-height: 16px;
    z-index: 100;
    top: 12px;
    border-radius: 50%;
    right: 10px;
    background-color: #FF6767;
}

.form-search-tracking{
    position: relative;
    margin-top: 12px;
    background-color: #ffffff !important;
    -webkit-transition: box-shadow 200ms ease-in !important;
    -moz-transition: box-shadow 200ms ease-in !important;
    transition: box-shadow 200ms ease-in !important;
    border: 1px solid #EBEBEB !important;
    border-radius: 4px !important;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1) !important;
    height: 48px !important;
    padding-left: 50px;
    padding-top: 2px;
}
.form-search-tracking .icon-search{
    position: absolute;
    top: 10px;
    left: 19px;
    font-size: 20px;
    color: #000535;
}
.form-search-tracking .form-control{
    background-color: transparent !important;
    border: 0px !important;
    margin: 0px !important;
    padding: 0px !important;
    width: 100% !important;
    text-overflow: ellipsis !important;
    font-family: 'poppins', "Helvetica Neue", Helvetica, sans-serif;
    font-size: 16px !important;
}

.tracking-search-icon-only{
    font-size: 24px;
    color: #000535;
    padding: 10px 0;
    border-left: 1px solid #eee;
    padding-left: 30px;
    margin-top: 14px;
}



.mobile-search-tracking{
    padding: 0 30px;
    margin-bottom: 20px;
    max-width: 400px;
    margin: 0 auto;
}
.mobile-search-tracking .form-search-tracking{
    padding-top: 4px;
    margin-bottom: 15px;
}
.mobile-search-tracking .form-search-tracking .icon-search{
    top: 14px;
}




.user-dropdown{
  margin-right: 0px;
  margin-top: 10px;
}
.user-dropdown .dropdown-menu{
  margin-top: 8px !important;
  margin-right: -2px !important;
  border: 0;
  box-shadow: 0 0 15px rgba(0,0,0,0.1);
  border-radius: 2px;
  min-width: 220px;
  padding: 10px 15px 0;
}

.user-dropdown .dropdown-menu > li > a{
  padding: 13px 20px;
  border-bottom: 1px solid #f1f1f1;
  font-family: 'Proxima N W01 At Smbd', Helvetica, Arial, sans-serif;
}
.user-dropdown .dropdown-menu > li:last-child > a{
  border-bottom: 0;
}

.dropdown-image{
  width: 34px !important;
  height: 34px !important;
  border-radius: 50%;
  overflow: hidden;
  box-shadow: 0 0 0 2px #ddd;
  margin-right: 0 !important;
  margin-top: 2px !important;
  padding: 0 !important;
  margin-left: 15px;
}
.dropdown-image:before{
  display: none;
}
.dropdown-image img{
  width: 34px;
}

.dropdown-arrow ul.dropdown-menu:before {
    content: "";
    border-bottom: 10px solid #fff;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    position: absolute;
    top: -10px;
    right: 10px;
    z-index: 10;
}
.dropdown-arrow ul.dropdown-menu:after {
    content: "";
    border-bottom: 12px solid #f1f1f1;
    border-right: 12px solid transparent;
    border-left: 12px solid transparent;
    position: absolute;
    top: -12px;
    right: 8px;
    z-index: 9;
}




.user-dropdown-icon .dropdown-menu {
    margin-top: 0px !important;
    margin-right: 9px !important;
    border: 0;
    box-shadow: 0 0 15px rgba(0,0,0,0.1);
    border-radius: 4px !important;
    min-width: 220px;
    padding: 10px 15px;
}

.user-dropdown-icon .dropdown-menu > li > a{
  padding: 13px 20px;
  border-bottom: 1px solid #f1f1f1;
  font-family: 'Proxima N W01 At Smbd', Helvetica, Arial, sans-serif;
}
.user-dropdown-icon .dropdown-menu > li:last-child > a{
  border-bottom: 0;
}
@media only screen and (max-width: 480px){
    #nav-trigger {
    transform: scale(0.6);
    }
    #nav-trigger.black-nav span {
    background-color:black;
    }
}




.main-nav-items {
    /* text-align: center; */
    float: right;
    /* padding-top: 19px; */
    margin-right: 20px;
}
.main-nav-items .navbar-nav{
    /*text-align: center;*/
    /*float: none;*/
    margin-right: 20px;
}
.main-nav-items .navbar-nav > li.show-mobile{
    /*float: none;*/
    display: none;
}
.main-nav-items .navbar-nav > li > a{
    font-family: 'poppins', "Helvetica Neue", Helvetica, sans-serif;
    position: relative;
    letter-spacing: 1px;
    font-size: 11px;
    
    color: #ffffff;
    padding: 26px 24px;
    text-transform: uppercase;

    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
    background-size: 100%;
    background: transparent;
}

.main-nav-items .navbar-nav.navbar-icons > li{
    float: left;
}
.main-nav-items .navbar-nav.navbar-icons > li > a{
    /*font-size: 22px;*/
    padding: 21px 15px 0;
}
.main-nav-items .navbar-nav.navbar-icons > li > a img{
    width: 20px;
    height: 20px;
    filter: brightness(0) invert(1);
}

.nav-fixed .main-nav-items .navbar-nav > li > a, body.fixed-nav-landing .main-nav-items .navbar-nav > li > a{
    color: #707070;
}
.nav-fixed .main-nav-items .navbar-nav > li > a:hover, body.fixed-nav-landing .main-nav-items .navbar-nav > li > a:hover{
    color: #020338;
}

.nav-fixed .main-nav-items .navbar-nav.navbar-icons > li > a img{
    filter: none;
}

.nav.navbar-icons .open > a, .nav.navbar-icons .open > a:hover, .nav.navbar-icons .open > a:focus{
    background: transparent;
}




@media ( max-width: 1145px ){
    .main-nav-items .navbar-nav > li > a{
        padding: 26px 15px;
    }
}


.main-nav-items .navbar-nav > li > a:after{
    /* content: '';
    height: 8px;
    width: 8px;
    background: #FCB74C;
    position: absolute;
    left: 50%;
    margin-left: -4px;
     //right: 0;
    bottom: 16px;
    border-radius: 20px;
    display: none;
    z-index: -1;
    box-shadow: 0 0 15px rgba(0,0,0,0.3); */
    /* content: '';
    height: 4px;
    width:80%;
    background: #FCB74C;
    position: absolute;
    margin-left: -15%;
    bottom: -10px;
    display: none;
    z-index: -1;
    /* box-shadow: 0 0 15px rgba(0,0,0,0.3); */
    /* transition: all 300ms cubic-bezier(.694,0,.335,1) */

    content: '';
    height: 4px;
    width: 90%;
    background: #FCB74C;
    position: absolute;
    left: 0;
    right: 0;
    margin:auto;
    bottom:0px;
    display: none;
    z-index: -1;
    transition: all 300ms cubic-bezier(.694,0,.335,1);
}

.main-nav-items .navbar-nav > li.active > a:after, .main-nav-items .navbar-nav > li:hover > a:after{
    display: block;
}


.main-nav-items .navbar-nav > li > a.nav-btn{
    font-family: 'poppins', "Helvetica Neue", Helvetica, sans-serif;
    position: relative;
    top: 12px;
    font-size: 11px;
    padding: 12px 40px;
    /* background: #4DC4D7; */
    color: #fff;
    margin-left: 18px;
    border-radius: 0;
}
.main-nav-items .navbar-nav > li > a.nav-btn.btn-warning{
    background: #FCB74A ;
}
.main-nav-items .navbar-nav > li > a.nav-btn.btn-warning:hover{
    background: rgb(252, 167, 30) ;
}
.main-nav-items .navbar-nav > li > a.nav-btn:hover, .main-nav-items .navbar-nav > li > a.nav-btn:focus{
    color: #fff;
}
.main-nav-items .navbar-nav > li > a.nav-btn:after{
    display: none;
}
.main-nav-items .navbar-nav > li > a.dropdown-toggle{
    background: transparent;
}
.navbar-fixed-top{
    border: 0;
}

.shopping-icon{
    width: 20px;
    display: inline-block;
}
.fb-icon{
    width: 18px;
    display: inline-block;
}

#bag-count{
    background: #111;
    padding: 0 2px;
    border-radius: 8px;
    font-size: 10px;
    box-shadow: 0 0 8px rgba(0,0,0,0.1);
    text-align: center;
    position: absolute;
    top: 12px;
    right: 8px;
    color: #ffffff;
    min-width: 20px;
    letter-spacing: 0;
    line-height: 18px;
}
.main-nav-items .navbar-nav > li.active > a, .main-nav-items .navbar-nav > li.active > a:hover{
    /*color: #ffffff;*/
}
.main-nav-items .navbar-nav > li > a:hover, .main-nav-items .navbar-nav > li > a:focus{
    color: #ffffff;
}
#main-navigation .social-nav-icons > li > a{
    padding: 20px 10px;
}
#main-navigation .social-nav-icons > li:last-child > a{
    padding-right: 0;
}


.landing-navbar .main-nav-items .navbar-nav > li > a{
    color: #ffffff;
    opacity: 0.8;
}
.landing-navbar .main-nav-items .navbar-nav > li > a:hover,
.landing-navbar .main-nav-items .navbar-nav > li.active > a,
.landing-navbar .main-nav-items .navbar-nav > li > a:focus{
    color: #ffffff;
    opacity: 1;
}

.navbar-icon{
    font-size: 24px;
    position: relative;
    top: -3px;
}
#mobile-nav-wrapper {
    position: fixed;
    z-index: 1040;
    width: 100%;
    height: 100%;
    top: 60px;
    right: 0;
    bottom: 0;
    left: 0;
    max-width: 100%;
    /* opacity: 0; */
    /* visibility: hidden; */
    line-height: 1em;
    text-align: left;
    overflow: auto;
    pointer-events: none;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    /* background-color: rgba(0,0,0,.97); */
    background: #F1F6FF;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: -webkit-transform 400ms cubic-bezier(.694,0,.335,1);
    transition: -webkit-transform 400ms cubic-bezier(.694,0,.335,1);
    -o-transition: transform 400ms cubic-bezier(.694,0,.335,1);
    transition: transform 400ms cubic-bezier(.694,0,.335,1);
    transition: transform 400ms cubic-bezier(.694,0,.335,1),-webkit-transform 400ms cubic-bezier(.694,0,.335,1);
}
#mobile-nav-wrapper.open-nav{
    /*visibility: visible;*/
    -webkit-transform: translateX(0);
    transform: translateX(0);

    -webkit-transition: -webkit-transform 600ms cubic-bezier(.694,0,.335,1);
    transition: -webkit-transform 600ms cubic-bezier(.694,0,.335,1);
    -o-transition: transform 600ms cubic-bezier(.694,0,.335,1);
    transition: transform 600ms cubic-bezier(.694,0,.335,1);
    transition: transform 600ms cubic-bezier(.694,0,.335,1),
    -webkit-transform 600ms cubic-bezier(.694,0,.335,1);

    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    -webkit-overflow-scrolling: touch;

}
#mobile-nav-wrapper .navbar-nav > li > a#with-sub-menu:after{
    content: '\f3d1';
    right: 30px;
    position: absolute;
    right:20px;
    font-family: Ionicons;
}
#mobile-nav-wrapper .sub-menu-mobile{
    padding-inline-start: 0px;
}
#mobile-nav-wrapper ul.sub-menu-mobile li:first-child a{
    font-size: 1.6em;
    padding: 15px 0;
}
#mobile-nav-wrapper ul.sub-menu-mobile li:first-child a:before{
    content: '\f3cf';
    font-family: Ionicons;
    margin-right: .8em;
}
#mobile-nav-wrapper .sub-menu-mobile li{
   display: flex;
   flex-direction: row;
   overflow-wrap: break-word;
   word-wrap: break-word;
}
#mobile-nav-wrapper .sub-menu-mobile a{
    color: #fff;
    line-height: 25px;
    padding: 10px 0;
    font-size: 18px;
    text-transform: none;
    width: 100%;
    border-bottom: 1px solid #fff;
    font-family: 'poppins', "Helvetica Neue", Helvetica, sans-serif;
}
/* #mobile-logo{
    text-align: center;
    margin: 20px auto 30px;
    display: block;
} */
#mobile-nav-inject{    
    display: grid;
    
    height: 70%;
    margin-top: -10px;
    transition: all .3s ease-in;
    margin-top:2em;
}
#mobile-nav-inject.active:before{
    /* content: url(../img/day-one-logo_2.png);
    width: 50%;
    max-height: 40%;
    display: flex;
    margin: 0 auto 5% auto;
    justify-content: center; */
    /* margin-top: 20px; */

}

#mobile-nav-wrapper .navbar-nav{
    float: none !important;
    margin: 0 ;
    padding: 0 35px;
}
#mobile-nav-wrapper .navbar-nav > li {
    float: none;
}
#mobile-nav-wrapper .shift {
    display: none;
}
#mobile-subnav-inject, #mobile-subnav-inject.show, #mobile-subnav-inject-area, #mobile-subnav-inject-area.show{
    display:block;
}
#mobile-nav-wrapper .navbar-nav > li > a{
    float: none;
    width: 100%;
    display: inline-block;
    margin: 0;
    font-size: 26px;
    line-height: 32px;
    font-family: 'poppins', "Helvetica Neue", Helvetica, sans-serif;
    /* padding: 10px 85px; */
    /* text-align: center; */
    /* text-transform: uppercase; */
    /* letter-spacing: 2px; */
    padding: 10px 0;
    /*border-top: 1px solid #fff;*/
    /* border-bottom: 1px solid #fff; */
    color: #184990;
    
    /* opacity: 0.8; */
}
#mobile-nav-wrapper .navbar-nav > li:first-child > a{

    /* border-top: 1px solid #fff; */
}
div#mobile-nav-inject ul > li.active a, ul#sub-menu-inject li.active a {
    border-bottom: 3px solid #FCB74C;
}

#mobile-nav-wrapper .navbar-icon{
    top: 0px;
}

.gradient-green{
    background: #AAFFA9;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #11FFBD, #AAFFA9);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #11FFBD, #AAFFA9); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
#mobile-nav-wrapper .navbar-nav > li > a:hover, #mobile-nav-wrapper .navbar-nav > li > a:focus, #mobile-nav-wrapper .navbar-nav > li.active > a{
    background: transparent;
    opacity: 1;
}

#mobile-nav-wrapper .navbar-icons{
    /*text-align: center;*/
    margin-top: 50px;
    padding-left: 70px;
}
#mobile-nav-wrapper .navbar-icons > li{
    display: inline-block;
    width: auto;
}
#mobile-nav-wrapper .navbar-icons > li > a{
    display: inline-block;
    width: auto;
    padding: 15px;
}
#mobile-nav-wrapper .navbar-icons > li > a.dropdown-image{
    padding: 0 !important;
    top: 5px;
    margin-left: 8px;
}

#mobile-nav-wrapper .navbar-nav.navbar-icons > li > a img{
    width: 20px;
    height: 20px;
    filter: brightness(0) invert(1);
}

#mobile-nav-trigger {
    width: 80px;
    /* background: #4dc4d7; */
    position: absolute;
    top: 0;
    left: 10;
    z-index: 1050;
    height:100%;
    /*padding: 30px 0 20px 10px;*/
        /*position: fixed;*/
}

#nav-trigger {
    position: absolute;
    top: 28%;
    left: 22%;
    /* margin: 27px 0 0 10px; */
    width: 50px;
    height: 20px;
    padding: 0;
    -moz-transition: 0 .4s;
    -o-transition: 0 .4s;
    -webkit-transition: 0 .4s;
    transition: transform .4s;
    opacity: 1!important;
    /* position: relative; */
    /* z-index: 998; */
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
}
#nav-trigger:before{
    border-radius: 2px;
    content: '';
    /*background: #222;*/
    width: 40px;
    height: 34px;
    position: absolute;
    left: 8px;
    top: -7px;

    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
#nav-trigger:hover{
    cursor: pointer;
}

#nav-trigger span {
    -moz-transition:.4s;
    -o-transition:.4s;
    -webkit-transition:.4s;
    transition:.4s;
    background-color:#000;
    /*box-shadow: 0 0 8px rgba(110,182,59,0.3);*/
    display:block;
    height:2px;
    /* left:14px; */
    /* margin-top:-1px; */
    position: relative;
    top:50%;
    width: 70%;
    -webkit-backface-visibility: hidden; 
    -moz-backface-visibility:    hidden; 
    -ms-backface-visibility:     hidden;
}

.nav-open #nav-trigger span, .fixed-nav-landing #nav-trigger span, body.nav-fixed #nav-trigger span{
    background-color: #184990;;
}
body.nav-fixed #nav-trigger.white-span span,.fixed-nav-landing #nav-trigger.white-span span{
    background-color: #fff;
}

.fixed-nav-landing .main-nav-items .navbar-nav.navbar-icons > li > a img{
    filter: none;
}
.main-nav-items .dropdown-menu li.active a {
    background: none;
    border-bottom: 1px solid #FCB74B;
}

#nav-trigger span:first-child {
    -moz-transform:translate(0,-7px);
    -ms-transform:translate(0,-7px);
    -webkit-transform:translate(0,-7px);
    transform:translate(0,-7px);
    /* width:30px; */
}
#nav-trigger span:nth-child(2) {
    /* -moz-transform:translate(0,-7px);
    -ms-transform:translate(0,-7px);
    -webkit-transform:translate(0,-7px);
    transform:translate(0,-7px); */
    width: 25px;
}

#nav-trigger span:last-child {
        -moz-transform: translate(0,7px);
        -ms-transform: translate(0,7px);
        -webkit-transform: translate(0,7px);
        transform: translate(0,7px);
        width: 20px;
}

body.nav-open #nav-trigger {
    -moz-transform: rotate(90deg) translate(-3px, 0);
    -ms-transform: rotate(90deg) translate(-3px, 0);
    -webkit-transform: rotate(90deg) translate(-3px, 0);
    transform: rotate(90deg) translate(-3px, 0);
}

body.nav-open #nav-trigger span {
    /* background-color:#FFF; */
}
body.nav-open.nav-fixed #nav-trigger span{
    /*background-color: #333;*/
}

body.nav-open #nav-trigger span:first-child {
    transform: rotate(
        45deg
        ) translate(13px,-7px);
            width: 30px;
}

body.nav-open #nav-trigger span:nth-child(2) {
    -moz-transform:scaleX(0);
    -ms-transform:scaleX(0);
    -webkit-transform:scaleX(0);
    transform:scaleX(0);
}

body.nav-open #nav-trigger span:last-child {
    transform: rotate(
        -45deg
        ) translate(10px,10px);
            width: 30px;
}


.landing-section{
    padding: 150px 0;
}
.hero-title-top{
    font-size: 20px;
    line-height: 26px;
    margin-bottom: 30px;
}
.hero-title-top-2{
    text-transform: uppercase;
    font-size: 20px;
    line-height: 26px;
    margin-bottom: 30px;
    letter-spacing: 1px;
}
.hero-title{
    font-size: 68px;
    line-height: 78px;
}
.hero-title-2{
    font-size: 48px;
    line-height: 58px;
}
.hero-title-3{
    font-family: 'Gotham Book', "Helvetica Neue", Helvetica, sans-serif;
    font-weight: 400;
    font-size: 38px;
    line-height: 48px;
}
.hero-lead{
    font-size: 18px;
    line-height: 28px;
}

.strong, strong{
    /*font-family:'Gotham', Helvetica, Arial, sans-serif;*/
}


.section{
    position: relative;
}
.section-pad{
    padding: 100px 0;
}
.section-pad-lg{
    padding: 180px 0;
}
.section-pad-sm{
    padding: 80px 0;
}
.section-pad-xs{
    padding: 50px 0;
}


.section-for-business{
    padding: 50px 0 70px;
}

.section-for-business .hero-title-2{
    margin-top: 200px;
}


.for-business-img{
    position: relative;
    top: 250px;
    float: right;
    text-align: center;
}
.for-business-img img{
    box-shadow: 0 10px 30px rgba(0,0,0,0.1);
}

.key-component-section{
    padding-top: 120px;
}

.blurb-img-wrap-3{
    width: 150px;
    height: 150px;  
    margin: 0 auto 30px;
}



.img-results-for-customer{
    max-width: 280px;
    margin: 0 auto 40px;
    position: relative;
}
.results-for-customer-text{
    height: 100px;
    position: absolute;
    top: 50%;
    margin-top: -55px;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    text-align: center;
}
.results-for-customer-text span{
    color: #ffffff;
    background: #ffb43c;
    padding: 5px 10px;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 22px;
    display: inline-block;
    margin-bottom: 5px;
    font-family: 'poppins', "Helvetica Neue", Helvetica, sans-serif;
    font-weight: 500;
}

.blurb-list-1{
    list-style: none;
    padding: 0;
    margin: 0;
}
.blurb-list-1 > li{
    display: block;
    width: 100%;
    padding-left: 80px;
    margin-bottom: 40px;
    position: relative;
}
.blurb-list-1 > li .blurb-list-img{
    width: 50px;
    height: 50px;
    margin-right: 20px;
    position: absolute;
    top: 15px;
    left: 0;
}
.blurb-list-1 > li .blurb-list-body{
    font-size: 22px;
    line-height: 28px;
    padding-top: 10px;
}
.blurb-list-1 > li > a{

}


#consultant-search-input{
    background: #ffffff;
    border-radius: 40px;
    height: 45px;
    border: 1px solid #333;
    font-size: 14px;
    padding: 10px 20px;
}
.consultant-search{
    position: relative;
}
#consultant-search-btn {
    font-size: 18px;
    position: absolute;
    top: 12px;
    right: 12px;
    z-index: 500;
    background: none;
    border: none;
    box-shadow: none;
    color: #bbbbbb;
}


.consultant-card-item{
    min-height: 348px;
    border-top: 4px solid #eeeeee;
    /*border: solid 1px #E6E6E6;*/
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    padding: 15px;
    border-radius: 6px;
    box-shadow: 0 10px 15px rgba(0,0,0,0.1);
    margin-bottom: 30px;
}
.consultant-card-item:hover{
    box-shadow: 0 5px 25px rgba(0,0,0,0.2);
}
.consultant-card-item a{
    color: #333;
}
.consultant-card-item .consultant-name{
    font-size: 16px;
    margin-bottom: 5px;
}
.consultant-account-type{
    margin-bottom: 15px;
    font-size: 14px;
    color: #777;
}

.consultant-modal-close{
    position: absolute;
    z-index: 10;
    top: 20px;
    right: 20px;
}


@media ( max-width: 991px ){
   
    .for-business-img{
        float: none;
        top: 100px;
    }
    #mobile-nav-inject.active:before{
        transform: scale(.8);
    }
    .md-pads-10{padding-left:10%; padding-right:10%;}
    #topic-feed-inject .feedback-new-normal{
        position: relative;
        bottom:0 ;
    }
    .new-normal-content-frame .content .container {
        width: 100%;
    }
    .row.display-flex{
        flex-wrap: wrap;
    }
    .m-sm{
        font-size: 1em;
        font-weight: bold;
     }
     .m-xs{
        font-size: .8em;
     }
     .hero-landing-title-1.xs, .hero-landing.xs,.hero-landing-title-6.xs,.hero-landing-title-7.xs,.hero-landing-title-0.xs, .hero-landing-title-2.xs, .hero-landing-title-3.xs, .hero-landing-title-4.xs,
    .hero-landing-title-5.xs, .hero-landing-title-6.xs, .hero-landing-title-7.xs, .hero-landing-title-8.xs, .hero-landing-title-9.xs{
        font-size: 22px;
        line-height: 30px;
    }
    .hero-landing-title-1.sm, .hero-landing.sm,.hero-landing-title-6.sm,.hero-landing-title-7.sm,.hero-landing-title-0.sm, .hero-landing-title-2.sm, .hero-landing-title-3.sm, .hero-landing-title-4.sm,
    .hero-landing-title-5.sm, .hero-landing-title-6.sm, .hero-landing-title-7.sm, .hero-landing-title-8.sm, .hero-landing-title-9.sm{
        font-size: 26px;
        line-height: 30px;
    }
    .hero-landing-title-1.md, .hero-landing.md,.hero-landing-title-6.md,.hero-landing-title-7.md,.hero-landing-title-0.md, .hero-landing-title-2.md,.hero-landing-title-3.md, .hero-landing-title-4.md, .hero-landing-title-5.md,
    .hero-landing-title-6.md, .hero-landing-title-7.md, .hero-landing-title-8.md, .hero-landing-title-9.md{
        font-size: 32px;
        line-height: 35px;
    }
    .hero-landing-title-1.lg, .hero-landing.lg,.hero-landing-title-6.lg,.hero-landing-title-7.lg, .hero-landing-title-0.lg, .hero-landing-title-2.lg, .hero-landing-title-3.lg, .hero-landing-title-4.lg, .hero-landing-title-5.lg,
    .hero-landing-title-6.lg, .hero-landing-title-7.lg, .hero-landing-title-8.lg, .hero-landing-title-9.lg{
        font-size: 40px;
        line-height: 35px;
    }
    .hero-landing-title-1.xl, .hero-landing.xl,.hero-landing-title-6.xl,.hero-landing-title-7.xl, .hero-landing-title-0.xl, .hero-landing-title-2.xl, .hero-landing-title-3.xl, .hero-landing-title-4.xl, .hero-landing-title-5.xl,
    .hero-landing-title-6.xl, .hero-landing-title-7.xl, .hero-landing-title-8.xl, .hero-landing-title-9.xl{
        font-size: 45px;
        line-height: 70px;
    }
}


.section-footer-absolute{
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 10;
    padding: 20px;
    text-align: center;
}

.no-pad-section .fp-tableCell{
    padding-top: 0 !important;
}



#home-landing-section{
    background: #333 url('../img/home_revamp/Landing-bg-02.png?v=3') center center no-repeat;
    background-color: #fff;
    color: #ffffff;
    /*padding: 400px 0;*/
    background-size: cover;
}
#home-landing-section:before{
    content: '';
    position: absolute;
    left:0;
    right:0;
    bottom: 0;
    top: 0;
    background: rgb(50,49,52);
    background: linear-gradient(90deg, rgba(50,49,52,0.3) 0%, rgba(50,49,52,0.3) 100%, rgba(50,49,52,1) 100%);
    background-size: cover;
    

}
.fixed-footer-wrap{
    /*position: absolute;*/
    z-index: 10;
    /*bottom: 0;*/
    left: 0;
    right: 0;
    /*text-transform: uppercase;*/
    font-size: 12px;
    /*letter-spacing: 2px;*/
    text-align: center;
    padding: 15px;
}


.fullpage-section-bg{
    background-color: #333;
    background-position: center center;
    background-repeat: no-repeat;
    color: #ffffff;
    background-size: cover;
}


.bg-image-float{
    position: absolute;
    top: 0;
    bottom: 0;
    background-size: cover;
}



.section-hero-title-2{
    font-family: 'poppins', "Helvetica Neue", Helvetica, sans-serif;
    font-size: 64px;
    line-height: 78px;
    margin-bottom: 40px;
    font-weight: 400;
}
.section-hero-title-2.lg-text{
    font-size: 80px;
    line-height: 88px;
}
.section-hero-title-3{
    font-family: 'poppins', "Helvetica Neue", Helvetica, sans-serif;
    font-size: 48px;
    line-height: 58px;
    margin-bottom: 30px;
    font-weight: 500;
}
.section-hero-title-4{
    font-family: 'poppins', "Helvetica Neue", Helvetica, sans-serif;
    font-size: 26px;
    line-height: 34px;
    margin-bottom: 20px;
    font-weight: 500;
}
.section-hero-title-bold{
    font-family: 'poppins', "Helvetica Neue", Helvetica, sans-serif;
    font-size: 64px;
    line-height: 78px;
    margin-bottom: 40px;
    font-weight: 500;
}
.section-hero-title-bold-2{
    font-family: 'poppins', "Helvetica Neue", Helvetica, sans-serif;
    font-size: 56px;
    line-height: 68px;
    margin-bottom: 40px;
    font-weight: 500;
}
.section-hero-title-bold-3{
    font-family: 'poppins', "Helvetica Neue", Helvetica, sans-serif;
    font-size: 46px;
    line-height: 58px;
    margin-bottom: 20px;
    font-weight: 500;
}
.hero-lead-2{
    font-family: 'poppins', "Helvetica Neue", Helvetica, sans-serif;
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 30px;
}
.hero-lead-3{
    font-family: 'poppins', "Helvetica Neue", Helvetica, sans-serif;
    font-size: 22px;
    line-height: 38px;
    margin-bottom: 30px;
}
.lg-text{
    font-size: 28px;
    line-height: 48px;
}

.bg-black{
    background-color: #1D1D1D;
}
.bg-gray{
    background-color: #F8F8F8;
}
.bg-white{
    background-color: #fff;
}
.bg-dark-gray{
    background-color:  rgb(177, 176, 176);
}
.bg-light1{
    background-color: #F8F9FA;
}
.bg-darkblue{
    background-color: #0B5269;
    border:0;
}
.bg-blue{
    background:#1C9BBD;
}
.bg-blue-1{
    background-color: #4DC4D7;
}
.bg-blue-2{
    background-color: #3EB9CC;
}
.bg-blue-3{
    background-color: #2EA6B9;
}
.bg-blue-4{
    background-color: #C4E9F8;
}
.bg-blue-5{
    background-color: #47C4D9;
}
.bg-blue-6{
    background-color: #F3FBFF;
}
.bg-yellow{
    background-color: #FDE8B0;
}
.bg-yellow-1{
    background-color: #FFF5DB;
}
.bg-light-orange{
    background: #fef4eb;
}
.bg-orange-1{
    background: #FCE9AF;
}
.bg-yellow-2{
    background-color: #FFFBEF;
}
.bg-warning{
 background-color: #FCB74B;
}
.cover-bg{
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;  
    top: 0;
    z-index:-1;
    background-size: cover !important;
    background-repeat: no-repeat;
}
.bg-image.bg-image-float.filter-blue:after, .cover-bg.filter-blue:after{
    content: "";
    right: 0;
    left: 0;
    bottom: 0;
    top: 0;
    position: absolute;
    background:linear-gradient(90deg, rgba(27,156,189,0.4) 0%, rgba(27,156,189,0.4) 100%);
}
.bg-image.bg-image-float.filter-blue-1:after, .cover-bg.filter-blue-1:after{
    content: "";
    right: 0;
    left: 0;
    bottom: 0;
    top: 0;
    position: absolute;
    background: linear-gradient(90deg, rgba(23, 195, 238, 0.365) 0%, rgba(74, 214, 249, 0.474) 100%);
}
.bg-image.bg-image-float.filter-darkblue:after, .cover-bg.filter-darkblue:after{
    content: "";
    right: 0;
    left: 0;
    bottom: 0;
    top: 0;
    position: absolute;
    background: #184990;
    background: linear-gradient(90deg, rgba(24, 73, 144,0.8) 0%, rgba(24, 73, 144,0.8) 100%);
}
.bg-image.bg-image-float.filter-darkblue-v2:after, .cover-bg.filter-darkblue-v2:after{
    content: "";
    right: 0;
    left: 0;
    bottom: 0;
    top: 0;
    position: absolute;
    background: #184990;
    background: linear-gradient(90deg, rgba(24, 73, 144,0.8) 0%, rgba(24, 73, 144,0.3) 100%);
}

.bg-image.bg-image-float.filter-darkblue-1:after, .cover-bg.filter-darkblue-1:after{
    content: "";
    right: 0;
    left: 0;
    bottom: 0;
    top: 0;
    position: absolute;
    background: #184990;
    background: linear-gradient(90deg, rgba(24, 73, 144,.5) 0%, rgba(24, 73, 144,0.5) 100%);
}


/* PANEL */
.bg-panel{
    padding: 100px 50px;
    width: 100%;
}
.bg-panel-body{
    padding: 200px 40px;
    position: relative;
    z-index: 3;
}
.panel-pad{
    padding: 50px 60px 60px 50px;
}

/* BLURB */
.blurb-item{
    margin-bottom: 50px;
}
.embed-responsive{
    height: auto;
}
.blurb-img-wrap{
    width: 200px;
    height: 200px;
    /*background-color: #868686;*/
    border-radius: 50%;
    margin: 0 auto 30px;
}
.blurb-title-1{
    margin-top: 30px;
    font-family: 'poppins', "Helvetica Neue", Helvetica, sans-serif;
    font-size: 36px;
    line-height: 48px;
    margin-bottom: 20px;
    font-weight: 400;   
}


.blurb-item-2{
    margin-bottom: 40px;
}
.blurb-img-wrap-2{
    width: 200px;
    height: 200px;
    /*background-color: #868686;*/
    border-radius: 50%;
    margin: 0 auto 20px;
}
.blurb-title-2{
    margin-top: 10px;
    font-family: 'poppins', "Helvetica Neue", Helvetica, sans-serif;
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 20px;
    font-weight: 400;   
}

.fluid-max-width-1{
    max-width: 1600px;
}


/* HELP CENTER */
#faqs-header{
    background: #191919 url('../img/faqs-bg.jpg') center center no-repeat;
    color: #ffffff;
    padding: 150px 0 50px;
    background-size: cover;
}
.help-search-wrap {
    padding: 20px 0 30px 0;
}
.help-search-wrap .main-header {
    margin-bottom: 20px;
    font-size: 36px;
    line-height: 33px;
}
.help-search-wrap .form-group{
    position: relative;
}
#help-search-input {
    height: 50px;
    font-size: 16px;
    border-radius: 0;
    padding: 10px 20px;
    line-height: 1;
}
.help-search-btn {
    font-size: 22px;
    position: absolute;
    top: 12px;
    right: 12px;
    z-index: 500;
    background: none;
    border: none;
    box-shadow: none;
    color: #bbbbbb;
}





/* LOGIN AND SIGNUP */  
.customers-register-form .control-label{
    color: #242424;
    font-size: 13px;
}
.customers-register-form .form-control{
    height: 40px;
    border-radius: 0;
}

#registration-modal .modal-lg{
    width: 980px;
}






.d1-card-item{
    border: solid 1px #E6E6E6;
    background: #FFF;
    box-shadow: 0 0 20px #F1F1F1;
    padding: 30px;
    min-height: 185px;
    margin-bottom: 30px;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.d1-card-item:hover{
    background-color: #FFF;
    border-color: #D6D6D6;
    box-shadow: 0 0 15px #E4E4E4;
}
.d1-card-body a{
    color: #222;
}
.d1-card-body .d1-card-title{
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 8px;
    display: block;
    font-family: 'poppins', "Helvetica Neue", Helvetica, sans-serif;
    font-weight: 500;
    margin-top: 5px;
}
.d1-card-body .intro{
    color: #777;
}

.d1-card-footer{
    margin-top: 80px;
}
.d1-card-footer .list-inline{
    margin-bottom: 0;
}
.d1-card-footer .list-inline > li > a{
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.section-pad-digi-score{
    padding:100px 100px 0 100px;
}



#help-footer{
    background: #eeeeee;
    padding: 100px 0;
    text-align: center;
}



/* RESPONSIVE */

@media ( max-width: 990px ){
.customers-breadcrumb{
        visibility: hidden;
        top: 48px !important;
    }
    ol.breadcrumb > #breadcrumb-list-area {
        visibility: visible;
        font-size: 0;
        padding:5px 10px 5px 10px;
        top: 10px;

    }
    #panelbread{
        visibility: visible;
        max-width: 80%; 
        overflow: auto !important;
    }

    .contact-bg-right{
        height: auto !important;
    }
    
    .journey-areas-wrap{
        display: block !important;
    }
    .journey-areas-wrap .journey-list{
        display: block !important;
    }
    span.bar{
        margin-top: 0 !important;
        z-index: 9999 !important
    }

}

@media ( max-width: 580px ){
    .section-pad-digi-score{
        padding: 50px 30px;
    }
    #home-landing-section .hero-title-3{
        font-size: 26px;
        line-height: 34px;
    }
    #home-landing-section .day1-text{
        font-size: 38px !important;
    }
    
    .bg-panel{
        padding-right: 10px;
        padding-left: 10px;
    }
    .bg-panel-body{
        padding: 80px 0;
    }
    .kn-modal .modal-header{
        /*padding: 30px;*/
    }
    .kn-modal .modal-body{
        padding: 10px 40px !important;
    }
    .section-hero-title-4 {
        font-size: 22px;
        line-height: 32px;
    }
    .section-hero-title-3{
        font-size: 30px;
        line-height: 36px;
    }
    .section-hero-title-2{
        font-size: 54px;
        line-height: 62px;
    }
    .section-hero-title-bold{
        font-size: 40px;
        line-height: 52px;
    }
    .section-hero-title-bold-2{
        font-size: 40px;
        line-height: 52px;
    }
    .hero-lead-3{
        font-size: 18px;
    }
    .hero-lead-3.lg-text{
        font-size: 26px;
    }
    .section-hero-title-2.lg-text{
        font-size: 68px;
        line-height: 80px;
    }
    
    .modal:before{
        display: none !important;
    }

    .digital-area-item .popover{
        width: 280px;
        max-width: 280px;
    }

    #mobile-nav-inject.has-content #customer-nav-item {
        display: none;
    }
    .you-are-cur-wrap .section-pad-lg{
        padding: 70px 40px !important;
    }   
    .you-are-cur-wrap .text-yellow{
        font-size: 32px;
        line-height: 44px;
    }
    .section-pad-digi-score{
        /* padding: 80px 40px !important; */
    }
    .section-pad-digi-score .section-footer-absolute{
        bottom: 10px !important;
    }

    .btn-wicon{
        word-break: break-all;
    }


    .digital-area-item{
        border: 1px solid rgba(255,255,255,0.1);
        border-radius: 4px;
    }
    .digi-area-title{
        font-size: 16px;
        line-height: 26px;
    }

    #mobile-nav-wrapper .navbar-icons > li{
        /*text-align: left;*/
        /*display: block;*/
    }

    #mobile-nav-wrapper .navbar-nav > li > a{
        font-size: 18px;
        line-height: 26px;
        /* padding: 10px 35px; */
    }
    #mobile-nav-wrapper .navbar-nav > li > a.lg-text{
        font-size: 40px;
        line-height: 50px;
        /* padding: 10px 35px; */
    }

    #mobile-nav-wrapper .navbar-nav > li > a.nav-btn{
        background-color: transparent;
    }
    #mobile-nav-wrapper .navbar-icons > li > a{
        padding: 15px;
    }

    /* FORM */
    .q-list-item{
        padding: 20px 0 0 !important;
    }
    .question-no{
        position: static !important;
        /*margin-bottom: 150px;*/
    }
    .day1-form .kn-radio.inline-radio input[type="radio"]:empty ~ label, .day1-form .kn-checkbox.inline-checkbox input[type="checkbox"]:empty ~ label{
        margin-bottom: 0 !important;
        /* padding: 0 24px !important; */
    }

    #smartform-navbar{
        padding: 0 !important;
    }


    ol.ranking-choices > li.rank-choice{
        padding: 0px 35px;
    }
    .rank-choices-ol-list{
        /*margin-bottom: 150px !important;*/
    }
    .ranking-choices-ans{
        padding-bottom: 150px !important;
    }
    ol.rank-choices-ol-list > li.rank-choice::before{
        padding: 7px;
    }
    ol.ranking-choices > li.rank-choice{
        font-size: 14px;
        line-height: 18px;
        width: 100%;
        max-width: auto !important;
        min-width: auto !important;
    }
    .child-question-wrap{
        margin-bottom: 0;
    }
    ol.rank-choices-ol-list > li.rank-choice::before{
        padding: 8px !important;
    }

    /*.iframe-block{
        width: 100%;
        min-height: 60px;
    }*/
    .day1-form .kn-radio.inline-radio .kn-radio-default, .day1-form .kn-checkbox.inline-checkbox .kn-checkbox-default{
        font-size: 15px;
    }
    
    /* .question-no{
        padding: 10px 15px !important;
    } */
    .question-text, .form-header-title {
        /* font-size: 20px !important;
        line-height: 24px !important; */
    }
    
    /*.paragraph-block{
        padding: 0 40px;
    }*/
    .paragraph-block span{
        /*font-size: 120% !important;*/
    }
    .module-sub-topics{
        left: 0 !important;
    }

    .fp-section:first-child > .fp-tableCell{
        padding-top: 20px;
    }



}

@media ( max-width: 990px ){
.customers-breadcrumb{
        visibility: hidden;
        top: 80px !important;
    }
    ol.breadcrumb > #breadcrumb-list-area {
        visibility: visible;
        font-size: 1vh;
        padding:5px 10px 5px 10px;
        top: 10px;

    }
    #panelbread{
        visibility: visible;
        max-width: 80%; 
        font-size:12px;   
        overflow: auto !important;
    }

    ol.breadcrumb > #breadcrumb-list-area > a > span {
       font-size: 10px;
    }
    .navbar-icons #flag{

    }
}


.paragraph-block{
    /*word-break: break-all;*/
    /* padding: 0 40px; */
}



#smartform-navbar .form-group{
    margin-bottom: 0;
}




/* *********************************** */
/* CUSTOMER DASHBOARD */
/* *********************************** */
#company-icon-wrapper{
    max-width: 250px;
    margin: 0 auto;
}
.fix-nav-pad{
    margin-top: 93px;
}
#customer-nav{
    background: #262627;
    border: 0;
    /*margin-top: 94px;*/
    margin-bottom: 0;
}
#customer-nav.navbar-inverse .navbar-nav > .active > a, #customer-nav.navbar-inverse .navbar-nav > .active > a:hover, #customer-nav.navbar-inverse .navbar-nav > .active > a:focus{
    background: #262627;
}


#customer-nav .navbar-nav > li > a{
    color: #ffffff;
    padding: 16px 0;
    margin-right: 40px;
    text-transform: uppercase;
    font-size: 13px;
    letter-spacing: 1px;
    display: block;
}
#customer-nav .navbar-nav > li > a::after{
  position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: #ffffff;
    content: '';
    -webkit-transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    -webkit-transform: translate3d(0,150%,0);
    transform: translate3d(0,150%,0);
    display: none;
}
#customer-nav .navbar-nav > li.active > a, #customer-nav .navbar-nav > li.active > a:hover, #customer-nav .navbar-nav > li.active > a:focus{
  background: transparent;
  /*color: #444;*/
  /*border-color: #acde46;    */
  /*color: #acde46;*/
}
#customer-nav .navbar-nav > li.active > a::after{
  -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    display: block;
}
#customer-nav .navbar-nav > li.active > a::after, #customer-nav .navbar-nav > li.active > a::after:hover, #customer-nav .navbar-nav > li.active > a::after:focus{
  -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}



#day1-intro-video .modal-lg{
    width: 96%;
    max-width: 1200px;
}
#day1-intro-video.modal:before{
    display: none;
}


.customers-breadcrumb{
    position: fixed;
    left: 0px;
    top: 72px;
    background: #f0f0f0;
    z-index: 1010;
    /*box-shadow: 0 0 15px rgba(0,0,0,0.1);*/
     box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
    width:100%;
}

 .breadcrumb > li + li:before{
       padding: 0 30px 0 0;
 }

.customers-breadcrumb .breadcrumb{
    margin-bottom: 0;
}
.customers-breadcrumb .breadcrumb > li{
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 5px 0px 5px 30px;
}
.customers-breadcrumb .breadcrumb > li > a{
    color: black;
}
.customers-breadcrumb .breadcrumb > li:first-child {
  background-color: orange ;
  cursor: pointer;
  padding-left:15px;
  padding-right:20px;}
.breadcrumb-list{
    max-width: 10%;
}


.you-are-cur-wrap{
    position: relative;
}
.whats-next-wrap{
    background: #f3b960;
    /*position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 2;*/

    z-index: 11;
    position: relative;

    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.whats-next-wrap:hover{
    background: #6fc2d5;
}
.whats-next-wrap a{
    color: #fff;
}
.whats-next-wrap a:hover{
    color: #ffffff;
}

.whats-next-label{
    background: #e4954f;
    display: inline-block;
    padding: 8px 25px;
    text-transform: uppercase;

    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.whats-next-topic{
    display: inline-block;
    font-family: 'poppins', Helvetica, Arial, sans-serif;
    font-weight: 400;
    padding: 8px 25px;
}




.module-sub-topics{
    position: fixed;
    left: 15px;
    top: 100px;
    bottom: 0;
    z-index: 1010;
}

.flex-center-vertically {
  display: flex;
  justify-content: center;
  flex-direction: column;
  /*height: 400px;*/
}


.module-sub-topics-list{
    list-style: none;
    margin: 0;
}
.module-sub-topics-list > li{
    position: relative;
    display: block;
    min-height: 25px;
    margin-bottom: 30px;
    min-width: 50px;
}
.module-sub-topics-list > li:before{
    content: '';
    width: 14px;
    height: 14px;
    background: #DCDEE0;
    border-radius: 50%;
    position: absolute;
    left: -21px;
    top: 0;
    box-shadow: 0 2px 3px rgba(0,0,0,0.3);
    z-index: 2;
}
.module-sub-topics-list > li.active:before, .module-sub-topics-list > li:hover:before{
    background: #F8B55E;
}
.module-sub-topics-list > li:after{
    content: '';
    width: 1px;
    height: 60px;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
    position: absolute;
    left: -15px;
    top: 0;
    background: #ffffff;
}

.module-sub-topics-list > li:last-child:after{
    display: none;
}
.module-sub-topics-list > li > a{
    display: none;
    text-transform: uppercase;
    color: #ffffff;
    text-shadow: 0 0 5px rgba(0,0,0,0.5);
    padding-left: 20px;
    font-family: 'poppins', "Helvetica Neue", Helvetica, sans-serif;
    font-weight: 500;
    font-size: 12px;
    position: relative;
    top: -5px;
}

.module-sub-topics-list > li:hover > a{
    display: block;
}

div[class*="inline-grid"]{
    display: grid;
    grid-template-columns: repeat( auto-fit, minmax(200px, 1fr) );
    grid-column-gap: 2em;
    grid-row-gap: 2em;
}

ul.list-stat{
    list-style: none;
    padding: 0;
}
ul.list-stat > li{
    display: inline-block;
}
.stat-item{
    display: block;
    border-left: 3px solid #262627;
    margin-bottom: 20px;
}

ul.list-stat > li > a, .stat-item a{
    border-radius: 4px;
    display: block;
    position: relative;
    /*text-align: center;*/
    display: inline-block;
    
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    padding: 30px 40px 30px 30px;

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

    min-width: 100px;
    border-radius: 1px;
    width: 100%;
}
.stat-item a:hover{
    color: #ffffff;
    background: #4DC4D7;
}
.stat-item:hover *{
    color: #ffffff !important;
}
ul.list-stat > li > a:hover .stat-num, ul.list-stat > li > a:hover .stat-label, .stat-item a:hover{
    /*color: #ffffff;*/
}

.stat-item a:hover *{
    /*color: #ffffff !important;*/
}
ul.list-stat > li > a .stat-num, .stat-item a .stat-num{
    font-size: 34px;
    line-height: 34px;
    display: inline-block;
    margin-bottom: 6px;
    color: #696e7c;
}
ul.list-stat > li > a .stat-over, .stat-item a .stat-over{
    font-size: 14px;
    line-height: 22px;
    display: inline-block;
    color: #696e7c;
    /*position: absolute;
    top: 20px;*/

}
ul.list-stat > li > a .stat-label, .stat-item a .stat-label{
    font-size: 14px;
    line-height: 16px;
    color: #888;
    /*font-family: 'proxima_novasemibold', sans-serif;*/
    display: block;
    overflow: hidden;
}

ul.list-stat.no-arrow > li > a .stat-label:before{
    display: none;
}
ul.list-stat > li > a .stat-label:before{
    content: '';
    width: 20px;
    height: 3px;
    border-radius: 2px;
    display: inline-block;
    float: left;
    margin-top: 6px;
    margin-right: 8px;
    
    background: #4DC4D7;
}

ul.list-stat > li > a:hover .stat-label:before{
    /*background: #ffffff;*/
}

.list-stat.list-stat-block .stat-num{
    font-size: 36px;
    line-height: 36px;
}
.list-stat.list-stat-block li{
    display: block;
}

.stat-item.stat-shadow{
    box-shadow: 0 10px 15px rgba(0,0,0,0.03);
}

.stat-item.white-bg a{
    background: #ffffff;
    color: #333;
}
.stat-item.white-bg a:hover{
    background: #4DC4D7;
}



.stat-icon{
    font-size: 18px;
    line-height: 22px;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    background: #262627;
    padding: 7px 10px;
    text-align: center;
    margin-bottom: 10px;
    color: #ffffff;
    float: left;
    margin-right: 15px;
}

.stat-lg-icon{
    font-size: 35px;
    line-height: 22px;
    display: block;
    margin-bottom: 5px;
}

.primary-stat-list{
    color: #ffffff;
    background: #4DC4D7;
}

.primary-stat-list > a, .primary-stat-list .stat-label{
    color: #ffffff !important;
}


.section-title{
    font-size: 28px;
    line-height: 32px;
    margin-top: 0;
    margin-bottom: 30px;
}
.section-hero-title{
    font-size: 48px;
    line-height: 52px;
    margin-top: 0;
    margin-bottom: 40px;    
    font-weight: 700;
}
.d1-panel{
    border-radius: 5px;
    background-color: #fff;
    box-shadow: 0 0 0 1px rgba(63,63,68,.05), 0 1px 8px 0 rgba(63,63,68,.15);
    margin-bottom: 20px;
}
.d1-header{
    font-size: 20px;
    line-height: 28px;
    border-bottom: 1px solid #dfe3e8;
    padding: 25px 35px;
}
.d1-body{
    padding: 25px 35px;
}
.d1-body-lg{
    padding: 35px;
}
.d1-footer{
    padding: 25px 35px;
    border-top: 1px solid #dfe3e8;
}


.d1-well{
    background: #f8f8f8;
    padding: 30px;
}


.form-group-2{
    margin-bottom: 20px;
}
.control-label-2{
    color: #888;
    font-family: 'poppins', Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-size: 14px;
}

.label-value-2{
    font-size: 18px;
    line-height: 28px;
}


.img-thumbnail-wrap{
    padding: 10px;
    background: #ffffff;
    border-radius: 3px;
    box-shadow: 0 0 15px rgba(0,0,0,0.1);
}


.breadcrumb.arrow-right{
    font-size: 14px;
    /*font-family: 'proxima_novabold', sans-serif;*/
}
.breadcrumb.arrow-right > li + li:before{
    padding: 0 10px;
    content: '\f125';
    display: inline-block;
    font-family: "Ionicons";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    text-rendering: auto;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 12px;
}
.breadcrumb.arrow-right > li{
    color: #888;
}
.breadcrumb.arrow-right > li > a{
    color: #888;
}
.breadcrumb.arrow-right > li.active, .breadcrumb.arrow-right > li.active > a{
    color: #111111;
}

.breadcrumb-md > li > a{
    font-size: 16px;
}



.bg-light-yellow{
    background: #f6f6f6;
}




/* DAY1 STYLES */
.landing-pad{
    padding: 250px 0 100px;
}
.landing-pad2{
    padding: 150px 0 90px;
}
.welcome-section{
    background: url('../img/welcome-bg.jpg') center center no-repeat;
    color: #ffffff;
    background-size: cover;
}

.intro-video-section{
    background: url('../img/day1-video-bg.jpg') center center no-repeat;
    color: #ffffff;
    background-size: cover;
}

.day1-panel{
    background: #f3f3f3;
    border-radius: 10px;
    margin-bottom: 30px;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.day1-panel.rad0{
    border-radius: 0px;
}
.day1-panel-title{
    font-family: 'poppins', "Helvetica Neue", Helvetica, sans-serif;
    font-size: 24px;
    line-height: 28px;
    text-transform: uppercase;
    margin-top: 10px;
    letter-spacing: 3px;
    margin-bottom: 20px;
}
.day1-panel-body{
    padding: 60px;
}
.day1-panel.orange-panel{
    background:#fde7b3 ;
}
.day1-panel .day1-panel-icon{
    font-size: 30px;
    color: inherit;
    margin-bottom: 20px;
}
.day1-panel .day1-panel-icon-img{
    width: 30px;
    height: 30px;
    margin: 0 auto 20px;
}
.day1-panel.orange-panel .day1-panel-title, .day1-panel.orange-panel .day1-panel-icon{
    color: #ED9147;
}
.day1-panel.blue-panel{
    background: #C3F2FD;
}
.day1-panel:hover{
    box-shadow: 0 5px 15px rgba(125,201,219, 0.4);
    box-shadow: 0 10px 35px rgba(0,0,0, 0.1);
}
.day1-panel.blue-panel .day1-panel-title, .day1-panel.blue-panel .day1-panel-icon{
    color: #199CBB;
}




.scroll-indicator{
    border: 0 !important;
}

.scroll-indicator:before{
    content: '';
    height: 80px;
    border-left: 1px dashed #ffffff;
    position: absolute;
    bottom: -84px;
    left: 50%;
    margin-left: -1px;
}


@media (max-width: 990px){
    .site--logo{
        margin: 0 auto;
        text-align: center;
        display: block;
    }

}


.site-logo-center{
    text-align: center;
    margin: 8px auto 0;
    display: block;
}


.on-boarding-section{
    background: url('../img/journey-bg-01.jpg') center center no-repeat;
    color: #ffffff;
}
.on-boarding-section2{
    background: url('../img/Services Header.png') center center no-repeat;
    background-size: cover;
    color: #ffffff;
}
.on-boarding-section .section-title, .on-boarding-section2 .section-title{
    font-size: 48px;
    line-height: 58px;
    color: #ffffff;
    margin-bottom: 20px;
}
.yellow-wrap{
    font-size: 18px;
    display: inline-block;
    background: #FAB656;
    padding: 5px 10px;
    font-family: 'poppins', "Helvetica Neue", Helvetica, sans-serif;
    margin-bottom: 30px;
    font-weight: bold;
}


.text-yellow{
    color: #FAB656 !important;
}


.digital-areas-excellence{
    background: url('../img/digital-areas-of-excellence.jpg') center center no-repeat;
    
    background-size: 100%;
    color: #ffffff;
    background-position: bottom;
    background-color: #1e2e3d;
}
.digital-areas-excellence .section-title{
    font-size: 36px;
    line-height: 54px;
    color: #ffffff;
    margin-bottom: 20px;
    font-family: 'poppins', "Helvetica Neue", Helvetica, sans-serif;
    font-weight: 400;
}

.section-title-top{
    font-size: 16px;
    letter-spacing: 3px;
    text-transform: uppercase;
    font-family: 'poppins', "Helvetica Neue", Helvetica, sans-serif;
    font-weight: 400;
    margin-bottom: 20px;
}




.day1-label-1{
    font-family: 'poppins', "Helvetica Neue", Helvetica, sans-serif;
    text-transform: uppercase;
    background: #464646;
    color: #ffffff;
    padding: 3px 10px;
    font-size: 12px;
    letter-spacing: 1px;
}

.day1-label-1-value{
    background: #72c2d3;
    color: #ffffff;
    display: inline-block;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.day1-label-1-value:hover, .day1-label-1-value:focus{
    background: #f3b960;
}
.day1-label-1-value a{
    padding: 5px 10px;
    color: #ffffff;
    font-family: 'poppins', "Helvetica Neue", Helvetica, sans-serif;
    font-size: 18px;
}
.day1-label-1-value a:hover, .day1-label-1-value a:focus{
    color: #ffffff;
}

.fp-section:first-child > .fp-tableCell{
    padding-top: 70px;
}



.modal-badge-img{
    max-width: 220px;
    margin: 20px auto 20px;
}

.achievement-list{
    text-align: center;
    padding: 0;
    margin: 0;
}
.achievement-badge{
    width: 100px;
    height: 100px;
    border-radius: 50%;
    margin: 0 auto 10px;
    box-shadow: 0 0 15px rgba(0,0,0,0.1);
}

.achievement-list > li{
    display: inline-block;
    min-height: 160px;
    margin-bottom: 20px;
    margin: 20px;
    width: 200px;
    vertical-align: top;
}
.achievement-list > li .achievement-title{
    font-size: 14px;
    font-family: 'poppins', "Helvetica Neue", Helvetica, sans-serif;
    text-transform: uppercase;
    letter-spacing: 1px;
}



.btn-link{
    text-transform: uppercase;
    text-decoration: none;
    background: transparent !important;
    padding: 11px 0 !important;
    color: #111;
    border-radius: 0 !important;
    border-bottom: 1px solid #ffffff;
}
.btn-link:hover, .btn-link:focus{
    border-bottom-color: #FCB74C;
    text-decoration: none !important;
}

.btn-text-white, .btn-text-white:hover, .btn-text-white:focus{
    color: #ffffff;
    text-decoration: none;
}
.text-blue-1{
    color:#47C4D9;
}
.text-black{
    color: #242424 !important;
}
.text-light-black{
    color: #363636 !important;
}
.text-yellow{
    color: #FCB74C;
}
.text-primary{
    color: #4DC4D7;
}
.text-light-yellow{
    color: #FDE7B3;
}
.text-light-yellow-hl{
    box-shadow: 0 6px 0 0 #f2ba67;
}

.content-element-list .btn-block .btn{
    font-size: 10px;
    padding: 5px 13px;
    letter-spacing: 0;
    margin-top: 5px;
}


.btn-wicon .bicon{
    font-size: 22px;
    position: relative;
    top: 3px;
}

.bicon-lg{
    width: 100px;
    height: 100px;
    border: 1px solid #ffffff;
    border-radius: 100%;
    text-align: center;
    margin: 0 auto 20px;
    padding: 10px;
}
.bicon-lg .bicon{
    font-size: 56px !important;
}

.journey-areas-wrap{
    background: #ffffff;
    border-radius: 40px;
    border: 1px dashed #888;
    padding: 60px 70px;
    position: relative;
    margin-top: 50px;
}
.journey-num{
    width: 50px;
    height: 50px;
    font-size: 18px;
    text-align: center;
    border-radius: 50%;
    -webkit-box-shadow: 1px 7px 18px -12px rgba(61,60,61,1);
    -moz-box-shadow: 1px 7px 18px -12px rgba(61,60,61,1);
    box-shadow: 1px 7px 18px -12px rgba(61,60,61,1);    
    position: absolute;
    left: 50%;
    margin-left: -25px;
    top: -25px;
    background: #ffffff;
    padding: 12px 0;
}
.journey-areas-wrap.journey-active .journey-num{
    color: #000;
}
.journey-list{
    list-style: none;
    padding: 0;
    margin: 0;
}
.journey-list > li{
    display: block;
}
.journey-list > li > a{
    color: #222;
    font-size: 20px;
    padding: 30px 20px;
    border-bottom: 1px solid #888;
    display: block;
    text-align: center;
}
.journey-areas-wrap.journey-active .journey-list > li > a{
    color: #000;
    border-color: #000;
}
.journey-areas-wrap.journey-active .journey-list > li > a:hover{
    color: #4DC4D7;
    font-weight: bold;
}





#your-digital-score{
    color: #ffffff;
    /* background: #18120E; */
    background:#fff;
}





/* ABOUT PAGE */

#about-typed-here-wrap{
    /*padding: 250px 0;*/
    min-height: 400px;
    /*padding-top: 100px;*/
    font-size: 32px;
    line-height: 58px;
    text-align: center;
}
.about-typed-here-lg{
    font-size: 38px;
    line-height: 68px;
    font-weight: bold;
    display: block;
    margin-top: 20px;
}

#our-vision-typed-here-wrap{
    font-size: 26px;
    line-height: 58px;
    text-align: center;   
}
.our-vision-type-lg{
    font-size: 58px;
    line-height: 68px;
}



@media (max-width: 680px){
    #about-typed-here-wrap{
        font-size: 24px;
        line-height: 42px;
    }
    .about-typed-here-lg{
        font-size: 28px;
        line-height: 44px;
    }
    #about-landing .section-pad{
        padding: 0;
    }

    #our-vision-typed-here-wrap{
        font-size: 18px;
        line-height: 40px;
    }
    .our-vision-type-lg{
        font-size: 24px;
        line-height: 50px;
    }

}

@media (max-width: 400px){
    #about-typed-here-wrap{
        font-size: 16px;
        line-height: 30px;
    }
    .about-typed-here-lg{
        font-size: 20px;
        line-height: 34px;
    }
    #about-landing .section-pad{
        padding: 0;
    }
    .paragraph-block  {
       padding:0 !important;
    }
    .paragraph-block div > h5 > span {
     font-size:50px !important;
    }
}


.text-orange{
    color: #ef913d;
}
.text-orange-1{
   color: #F0913D;
}
.text-dark-blue{
    color:#199cbb;
}
.text-dark-blue-2{
    color:#0B5269 !important;
}
.text-light-gray{
    color:#C7C7C7;
}
.text-light-blue{
    color:#4dc4d8  ;
}
.digital-advantage-form-w{
    background: #ffffff;
    /*position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;*/
}



#digital-advantage-modal .modal-lg{
    width: 96%;
    max-width: 1200px;
}









.pulse-donut-chart{
    position: relative;
    margin-bottom: 30px;
}
.pulse-donut-chart svg{
    /*background: #fff;
    background: rgba(255,255,255,0.5);
    border-radius: 50%;
    box-shadow: 0 0 20px rgba(0,0,0,0.1);*/
}
.p-donut-label{
    position: absolute;
    width: 120px;
    height: 50px;
    left: 50%;
    margin-left: -60px;
    top: 50%;
    margin-top: -28px;
    line-height: 30px;
    
}


.ct-fill-donut-label{
    width: 180px;
    left: 50% !important;
    margin-left: -90px !important;
}
.percent-value{
    font-size: 36px;
    font-weight: 200;
}
.percent-label{
    /*font-family: 'Yantramanav', Helvetica, Arial, sans-serif;*/
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 3px;
}

.positive .ct-slice-donut {
  stroke: #4DC4D7;
  /*stroke-width: 8px !important;*/
}

.negative .ct-slice-donut {
  stroke: #e4e4e4;
  /*stroke-width: 8px !important;*/
}
.text-positive{
    color: #4A3F9C;
}
.text-negative{
    color: #C82F45;
}

.ct-label{
  text-anchor: middle;
  alignment-baseline: middle;
  font-size: 16px;
  fill: white;
}







.module-list-item{
    /*height: 300px;*/
    background: #ffffff;
    padding: 15px;
    border-radius: 6px;
    box-shadow: 0 0 15px rgba(0,0,0,0.1);
    margin-bottom: 30px;
    min-height: 300px;
    overflow: hidden;
    position: relative;
}
.module-list-item2{
    padding: 15px;
    box-shadow: none;
    border: 1px solid #eee;
    min-height: 150px;
    border-radius: 6px;
    margin-bottom: 30px;
    position: relative;
}
.module-list-item > a{
    position: relative;
    display: block;
    padding: 20px;
    text-align: center;
    background: #111;
}


.module-progress-wrap{
    height: 15px;
}
.module-progressbar{
    border: 0;
    box-shadow: none;
    border-radius: 5px;
    position: absolute;
    bottom: -10px;
    right: 10px;
    left: 10px;
    z-index: 2;
    height: 10px;
}


.module-progress-wrap-2{
    height: 25px;
}

.module-progressbar-2{
    background-color: #E4E4E4;
    border-radius: 8px;
    box-shadow: none;
    height: 18px;
}


.module-list-card{
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 0 20px rgba(0,0,0,0.1);
}




.flex-vcenter {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 250px;
    resize: vertical;
    /*overflow: auto;*/
}
.module-list-item > a .module-list-title{
    position: relative;
    z-index: 10;
    color: #ffffff;
    font-size: 18px;
    line-height: 26px;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-shadow: 0 1px 3px rgba(0,0,0,0.5);
}
.module-list-item > a .bg-image{
    opacity: 0.5;
    -webkit-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out;
}
.module-list-item > a:hover .bg-image{
    opacity: 0.2;
}



.vertical-center-1-parent{
    position: relative;
    display: table;
}
.vertical-center-1 {
    display: table-cell;
    vertical-align: middle;
}



.modal-notif{

}
.modal-notif-wrap{

}
.modal-notif-image img{
    width: 90%;
    margin: 20px auto;
    max-width: 500px;
}
.modal-notif-title{
    font-size: 30px;
    line-height: 38px;
    font-family: 'poppins', "Helvetica Neue", Helvetica, sans-serif;
    margin-bottom: 10px;
}
.modal-notif-body{
    font-family: 'poppins', "Helvetica Neue", Helvetica, sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 28px;
    text-align: center;
}
.modal-notif-actions .list-inline{
    margin-top: 20px;
}
.modal-notif-actions .list-inline > li{
    margin: 10px 15px;
}
.modal-notif-actions .list-inline > li .btn{
    min-width: 140px;
}




/* *********************************** */
/* CONTROL-CENTER */
/* *********************************** */
#control-center-container{
    padding: 150px 0;   
}
#control-center-container .container-fluid{
    max-width: 1500px;
}
.control-item-wrap{
    position: relative;
    border-radius: 6px;
    overflow: hidden;
    min-height: 450px;
    color: #ffffff;
    background-color: #2d2d2d;
    box-shadow: 0 4px 6px rgba(50,50,93,.11),0 0px 3px rgba(0,0,0,.08);
    margin-bottom: 30px;
}
.control-item-wrap .btn-outline{
    font-size: 12px;
    padding: 15px 20px;
    text-transform: uppercase;
    letter-spacing: 1px;
    border-radius: 0;
}
.control-icon-grid{
    width: 60px;
    height: 60px;
    margin: 0 auto 40px;
}

.control-item-wrap .default-body{
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    text-align: center;
    padding: 180px 0;

}
.control-item-wrap .default-body .control-title{
    font-size: 16px;
    font-family: 'poppins', Helvetica, Arial, sans-serif;
    font-weight: 400;
}
.control-item-wrap .default-body .control-title:after{
    display: none;
}

.control-item-wrap .default-body .default-control-icon{
    width: 50px;
    text-align: center;
    margin: 0 auto 10px;
}
.control-item-wrap .default-body .default-control-icon img{
    margin: 0 auto;
}

.control-item-wrap .hover-body{
    position: relative;
    z-index: 4;
}

.control-title{
    position: relative;
    font-family:'Gotham', Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    font-size: 28px;
    letter-spacing: 3px;
    font-weight: 700;
    margin-bottom: 40px;
}
.control-title:after{
    content: '';
    height: 6px;
    border-radius: 5px;
    width: 32px;
    background-color: #eb212e;
    position: absolute;
    bottom: -20px;
    left: 0;
}
.control-title-description{
    margin-bottom: 20px;
}

.control-icon-grid svg{
    width: 60px;
    height: 60px;
}
.control-item-wrap .control-body{
    padding: 150px 20px 100px;
    position: relative;
    z-index: 3;
    min-height: 460px;
}
.control-item-wrap .control-title-wrap{
    padding-right: 40px;
}
.control-item-wrap .bg-image{
    border-radius: 6px;
    opacity: 0.9;
}
.control-item-wrap.disable-card .bg-image{
    opacity: 0.2;
}

.bg-image-backdrop-highlight{
    opacity: 0.5;
    border-radius: 4px;
    overflow: hidden;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 3;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&1+0,0+100;White+to+Transparent */
    background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
}
.bg-image{
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    /*background-color: #1b1b1b;*/
    /*background-color: #eeeeee;*/
    background-position: center center;
    background-size: cover;
    display: block;
    /*height: 0;*/
    overflow: hidden;
    width: 100%;
    color: #fff;
    /*padding-top: 50%;  Aspect Ratio Auto */
    /*padding-top: 56.25%;*/
    z-index: 2;
    opacity: 1;

    -webkit-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out;
    
    -webkit-backface-visibility: hidden; 
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
}

.bg-image-backdrop{
    border-radius: 4px;
    overflow: hidden;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#232e59+60,eb212e+95,eb212e+95,eb212e+100 */
    background: #232e59; /* Old browsers */
    background: -moz-linear-gradient(top,  #232e59 60%, #eb212e 95%, #eb212e 95%, #eb212e 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #232e59 60%,#eb212e 95%,#eb212e 95%,#eb212e 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #232e59 60%,#eb212e 95%,#eb212e 95%,#eb212e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#232e59', endColorstr='#eb212e',GradientType=0 ); /* IE6-9 */
}

.control-footer{
    border-radius: 0 0 6px 6px;
    position: relative;
    z-index: 4;
    background-color: #ffffff;
    min-height: 60px;
    padding: 18px 15px 16px;
    color: #333;
    font-family: 'Yantramanav', Helvetica, Arial, sans-serif;
    font-weight: 500;
    height: 76px;
    overflow: hidden;
}
.control-footer-title{
    font-size: 20px;
    line-height: 26px;
    
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-top: 7px;
}
.podcast-main-card{
    line-height: 18px;
}
.podcast-main-card .control-footer-title{
    padding-top: 0;
    font-size: 20px;
    line-height: 24px;
}
.podcast-main-card .control-value{
    margin-top: 4px;
}
.podcast-main-card .home-play-btn{
    font-size: 26px;
    font-weight: normal;
    color: #333;
}
.podcast-main-card .home-play-btn:hover, .podcast-main-card .home-play-btn:focus{
    color: #000;
}
.podcast-main-card .home-play-btn .ion-play{
    margin-top: 3px;
    display: block;
}
.podcast-main-card .control-footer-date-posted{
    text-transform: uppercase;
    font-size: 12px;
}
.control-value{
    font-size: 32px;
    line-height: 32px;
    width: 86px;
    float: left;
    text-align: center;
    padding: 6px 0;
}
.control-value-left .control-value{
    border-right: 2px solid #000;
    margin-right: 10px;
}
.control-value-right{
    padding: 18px 23px 14px;
}
.control-value-right .control-value{
    float: right;
    border-left: 2px solid #000;
    margin-left: 10px;
    padding: 0 0px 0 16px;
    line-height: 28px;
    width: 100px;
}
.control-value-right .control-value-label{
    text-align: center;
    padding: 0;
}
.control-value-label{
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
    line-height: 16px;
    padding-top: 6px;
}

.podcast-player-close{
    display: block;
    width: 32px;
    height: 32px;
    opacity: 1;
    color: #ffffff;
    background-color: #000;
    box-shadow: 1px 2px 10px rgba(0,0,0,0.2);
    border-radius: 50%;
    position: absolute;
    top: -20px;
    right: 40px;
    z-index: 1010;
    font-size: 16px;
    padding: 6px 12px;
}
.podcast-player-close:hover, .podcast-player-close:focus{
    color: #ffffff;
}































/* *********************************** */
/* WALKTHROUGH */
/* *********************************** */
#walkthrough-main-wrap{
    background-color: #ffffff;
    background-image: url('../img/walkthrough/city-blurred.jpg');
    background-position: center -208px;
    background-size: cover;
    position: fixed;
    background-repeat: no-repeat;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 1100;
    width: 100%;
    height: 100%;
    display: block;
    overflow-y: auto;
}
.how-to-close-btn{
    position: absolute;
    top: 30px;
    right: 30px;
    z-index: 5;
    text-transform: uppercase;
    color: #ffffff;
    font-size: 12px;
    letter-spacing: 1px;
    text-shadow: 0 0 10px rgba(0,0,0,0.2);
    font-weight: 700;
}
.how-to-close-btn .icon{
    font-size: 16px;
    position: relative;
    top: 1px;
    margin-left: 5px;
}
.md-imac {
    width: 800px;
    height: 580px;
    margin: 20px auto;
  -webkit-transform: translate3d(0, 0, 0);
    position: relative;
    z-index: 1;
}
.md-imac .md-body {
    width: 100%;
    height: 539px;
    background: #e8ebf0;
    border-radius: 15px;
    overflow: hidden;
}
.md-imac .md-top {
    width: 100%;
    height: 470px;
    background: #4e5563;
    border-radius: 15px 15px 0 0;
    position: relative;
}
.md-imac .md-screen {
    width: 93%;
    height: 408px;
    margin: 0 auto;
    position: relative;
    top: 25px;
    background: #4e5563;
    overflow: hidden;
}
.md-imac .md-screen img {
  width: 100%;
}
.md-imac .md-camera {
  width: 0.375em;
  height: 0.375em;
  margin: 0 auto;
  position: relative;
  top: 13px;
  background: #a5adbd;
  border-radius: 100%;
  box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.25);
}
.md-imac .md-logo{
    width: 30px;
    height: 30px;
    border-radius: 50%;
    margin: 0 auto;
    background-color: #4e5563;
    position: absolute;
    left: 50%;
    bottom: -48px;
    margin-left: -15px;
}
.md-imac .md-camera:after {
  content: "";
  display: block;
  width: 0.125em;
  height: 0.125em;
  position: absolute;
  left: 0.125em;
  top: 0.0625em;
  /*background: #353542;*/
  border-radius: 100%;
}
.md-imac .md-base {
  width: 19.25em;
  height: 6.875em;
  margin: -0.5em auto;
}
.md-imac .md-stand {
  width: 13.125em;
  height: 6.125em;
  margin: 0 auto;
  background: #cccdcf;
  background: -webkit-linear-gradient(#b7b8bb, #cccdcf 50%, #d9dadb 80%, #cccdcf, #bfc0c3);
  background: -moz-linear-gradient(#b7b8bb, #cccdcf 50%, #d9dadb 80%, #cccdcf, #bfc0c3);
  background: -o-linear-gradient(#b7b8bb, #cccdcf 50%, #d9dadb 80%, #cccdcf, #bfc0c3);
  background: linear-gradient(#b7b8bb, #cccdcf 50%, #d9dadb 80%, #cccdcf, #bfc0c3);
  -webkit-transform: perspective(50em) rotate3d(1, 0, 0, 30deg);
  -moz-transform: perspective(50em) rotate3d(1, 0, 0, 30deg);
  -ms-transform: perspective(50em) rotate3d(1, 0, 0, 30deg);
  -o-transform: perspective(50em) rotate3d(1, 0, 0, 30deg);
  transform: perspective(50em) rotate3d(1, 0, 0, 30deg);
}
.md-imac .md-foot {
  width: 15em;
  height: 3.125em;
  margin: 0 auto;
  position: relative;
  bottom: 1.5em;
  border-radius: 0 0 0.625em 0.625em;
  background: -webkit-linear-gradient(#bfc0c3 20%, #cccdcf);
  background: -moz-linear-gradient(#bfc0c3 20%, #cccdcf);
  background: -o-linear-gradient(#bfc0c3 20%, #cccdcf);
  background: linear-gradient(#bfc0c3 20%, #cccdcf);
  -webkit-transform: perspective(11.875em) rotate3d(1, 0, 0, 70deg);
  -moz-transform: perspective(11.875em) rotate3d(1, 0, 0, 70deg);
  -ms-transform: perspective(11.875em) rotate3d(1, 0, 0, 70deg);
  -o-transform: perspective(11.875em) rotate3d(1, 0, 0, 70deg);
  transform: perspective(11.875em) rotate3d(1, 0, 0, 70deg);
  box-shadow: 0 0.375em 0 #bfc0c3;
}
.md-imac.md-glare .md-top:after {
  content: "";
  display: block;
  width: 50%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  border-radius: 0 1.25em 0 0;
  background: -webkit-linear-gradient(42deg, rgba(255, 255, 255, 0) 50%, rgba(247, 248, 240, 0.025) 50%, rgba(250, 245, 252, 0.08));
  background: -moz-linear-gradient(42deg, rgba(255, 255, 255, 0) 50%, rgba(247, 248, 240, 0.025) 50%, rgba(250, 245, 252, 0.08));
  background: -o-linear-gradient(42deg, rgba(255, 255, 255, 0) 50%, rgba(247, 248, 240, 0.025) 50%, rgba(250, 245, 252, 0.08));
  background: linear-gradient(48deg, rgba(255, 255, 255, 0) 50%, rgba(247, 248, 240, 0.025) 50%, rgba(250, 245, 252, 0.08));
}

.walkthrough-captions{
    background-color: #ffffff;
    padding: 40px 0;
    position: relative;
    z-index: 2;
    min-height: 200px;
}
.walkthrough-body{
    position: absolute;
    bottom: 0;
    width: 100%;
}



/* *********************************** */
/* WALKTHROUGH SLIDER */
/* *********************************** */
#walkthrough-slider{
    height: 100%;
    width: 100%;
    overflow: hidden;
}
#walkthrough-slider .owl-slide{
    width: 100%;
    background-color: #000;
}
#walkthrough-slider .image{
    padding-top: 55%;
    width: 100%;
    /*opacity: 0.5;*/
}
.walk-slide .image {
    background-color: #1b1b1b;
    background-position: center top;
    background-size: cover;
    display: block;
    height: 0;
    overflow: hidden;
    width: 100%;
    color: #fff;
    /*padding-top: 40%;*/
    position: relative;
}
.walk-slide .caption-wrap{
    position: absolute;
    width: 100%;
    z-index: 2;
}

#how-to-dots{
    text-align: center;
}
#how-to-dots.owl-dots .owl-dot span{
    margin: 5px 10px;
}

.caption-title{
    margin-top: 15px;
    text-transform: uppercase;
    font-family: 'poppins', Helvetica, Arial, sans-serif;
    font-weight: 700;
    letter-spacing: 3px;
    text-align: center;
    margin-bottom: 10px;
}
.caption-text{
    text-align: center;
    font-style: italic;
}





/* *********************************** */
/* NAVIGATION */
/* *********************************** */
#main-navigation .container-fluid{
    /*max-width: 1500px;*/
}
#main-navigation #date-nav{
    min-height: 30px;
}
#main-navigation #pl-datepicker-wrap{
    width: 300px;
    right: 0;
    left: 0;
}
#main-navigation .navbar-nav.archive-nav > li > a, #main-navigation .navbar-nav.archive-nav > li > a:focus, #main-navigation .navbar-nav.archive-nav > li.active > a{
    background: #e81d29 !important;
    color: #ffffff;
    border-radius: 0;
    padding: 10px 18px;
    font-size: 14px;
    letter-spacing: 1px;
    border-right: 1px solid #e64049 !important;
}
#main-navigation .navbar-nav.archive-nav > li:last-child > a{
    border-right: 0;
}
#main-navigation .navbar-nav.archive-nav > li:first-child > a{
    font-family: 'poppins', Helvetica, Arial, sans-serif;
}
.post-date-wrap{
    font-family: 'Yantramanav', Helvetica, Arial, sans-serif;
    font-weight: 700;
    font-size: 16px;
    letter-spacing: 0;
    text-transform: none;
}
#main-navigation .navbar-nav.archive-nav > li > a:hover, #main-navigation .navbar-nav.archive-nav > li > a:focus{
    background: #e64049 !important;
    color: #ffffff;
}
.archive-nav{
    margin-top: 12px;
}
.archive-nav > li > a:before{
    display: none;
}

#main-navigation .date-type-select > li{
    padding-right: 2px;
    padding-left: 2px;
}
#main-navigation .date-type-select > li > a{
    padding: 6px 15px;
    letter-spacing: 1px;
}










.form-control-underline{
    border-radius: 0 !important;
    border: 0 !important;
    border-bottom: 1px solid #444 !important;
    border-color: #444 !important;
    padding: 5px 0 !important;
    box-shadow: none;
    background-color: transparent !important;
    color: #333;
    box-shadow: none !important;
}
.form-control-underline:focus{
    box-shadow: none !important;
    border-bottom: 1px solid #111;
}
.tac-input .form-control{
    text-align: center;
}


.box-checklist{
    list-style: none;
    padding: 0;
    margin: 0;
}
.box-checklist > li{
    
}
.title-box {
    box-shadow: 0 4px 5px rgba(0,0,0,0.1);
    padding: 30px 80px;
    background: #ececec;
    margin-bottom: 20px;
    color: #4DC4D7;
    font-size: 22px;
    line-height: 28px;
    font-family: 'poppins', "Helvetica Neue", Helvetica, sans-serif !important;
}

.title-box-renewal {
    box-shadow: 0 4px 5px rgba(0,0,0,0.1);
    padding: 30px 60px;
    background: #ececec;
    margin-bottom: 20px;
    color: #4DC4D7;
    font-size: 22px;
    line-height: 28px;
    font-family: 'poppins', "Helvetica Neue", Helvetica, sans-serif !important;
}

.box-list-label{
    margin-top: 30px;
}


.form-group-underline{
    position: relative;
}

.form-group-underline .has-error .form-control, .form-group-underline .has-error .form-control:focus{
    box-shadow: none;
    /*border-color: #ffffff;*/
}
.form-group-underline .has-error .help-block, .form-group-underline .has-error .control-label, .form-group-underline .has-error .radio, .form-group-underline .has-error .checkbox, .form-group-underline .has-error .radio-inline, .form-group-underline .has-error .checkbox-inline, .form-group-underline .has-error.radio label, .form-group-underline .has-error.checkbox label, .form-group-underline .has-error.radio-inline label, .form-group-underline .has-error.checkbox-inline label{
    
}
.form-group-underline  .help-block{
    padding-left: 10px;
}

.form-group-underline .form-group{
    margin-bottom: 30px;
    position: relative;
}
.form-group-underline .form-group.has-error{
    margin-bottom: 40px;
}
.form-group-underline .select-form-group .control-label{
    bottom: 36px;
}
.form-group-underline .select-form-group .form-control-underline{
    border-radius: 0 !important;
    /*margin-top: 20px !important;*/
}
.form-group-underline select.form-control-underline{
    border: none;
}
.select-wrapper{
    border-bottom: 1px solid #444;
}

.form-group-underline .form-group .help-block{
    position: absolute;
    /*bottom: 0;*/
    /*margin-bottom: -34px;*/
    font-size: 12px;

}


.form-group-underline .icon-label-wrap .form-control-underline{
    padding-left: 50px;
    height: 44px;
}
.form-group-underline  label.icon-label{
    position: absolute;
    /*top: 10px;*/
    bottom: 2px;
    left: 8px;
    width: 30px;
}
.form-group-underline  label.control-label{
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 12px;
    margin-bottom: 0;
    line-height: 18px;
    color: #1b1b1b;
}

.form-group-underline  .icon-label svg{
    width: 25px;
    height: 25px;
}
.form-group-underline  .icon-label svg path{
    fill: #eb2632;
}



.form-default .form-control{
    border-radius: 4px;
    background-color: #ffffff;
    box-shadow: none;
    padding: 12px 16px;
    height: 38px;

    border: 1px solid #b5c2cd !important;
    box-shadow: 0 2px 2px 0 rgba(46,60,73,.05);
}
.form-default .form-control:focus{
    border-color: #9ba9b4 !important;
}
.form-default .control-label{
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 1px;
}
.radio-label{
    margin-left: 5px;
}

.form-default .help-block{
    font-size: 12px;
    line-height: 18px;
}






.form-rounded .form-control{
    border-radius: 25px;
    background-color: #efefef;
    border: 0 !important;
    box-shadow: none;
    padding: 12px 20px;
    height: 38px;
}
.form-rounded .control-label{
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 1px;
}




.d1-form-control{
    border-radius: 0 !important;
    height: 50px;
    padding: 10px 18px;
}









#sidebar-menu{
    background: #eb212e;
    position: fixed;
    top: 0;
    bottom: 0;
    /*left: 0;*/
    right: 0;
    width: 460px;
    padding: 38px 0;
    visibility: hidden;
    
    -webkit-transition: all 0.5s;
    transition: all 0.5s;

    /*visibility: visible;*/
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    box-shadow: 0 0 15px rgba(0,0,0,0.2);
}

#sidebar-menu-wrap{
    padding-top: 80px;
}



#sidebar-contact-form{
    padding: 0 60px 25px;
}
#sidebar-contact-form .section-page-title{
    margin-top: 50px;
    margin-bottom: 40px;
    font-size: 26px;
}
#sidebar-contact-form .section-page-title:after{
    background-color: #ffffff;
}
#sidebar-contact-form textarea{
    margin-top: 20px;
    border: 0;
    border-radius: 8px;
    padding: 20px;
    min-height: 180px;
}
#sidebar-contact-form .has-error .help-block, #sidebar-contact-form .has-error .control-label, #sidebar-contact-form .has-error .radio, #sidebar-contact-form .has-error .checkbox, #sidebar-contact-form .has-error .radio-inline, #sidebar-contact-form .has-error .checkbox-inline, #sidebar-contact-form .has-error.radio label, #sidebar-contact-form .has-error.checkbox label, #sidebar-contact-form .has-error.radio-inline label, #sidebar-contact-form .has-error.checkbox-inline label{
    color: #ffffff;
}


#sidebar-menu a.back-btn{
    display: block;
    color: #ffffff;
    text-transform: uppercase;
    letter-spacing: 1px;
}
#sidebar-menu a.back-btn .back-icon{
    color: #ffffff;
    font-size: 32px;
    position: relative;
    top: 7px;
    margin-right: 5px;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    display: inline-block;
}
#sidebar-menu a.back-btn:hover .back-icon{
    /*left: -20px;*/
    -moz-transform: translateX(-5px);
    -webkit-transform: translateX(-5px);
    -o-transform: translateX(-5px);
    -ms-transform: translateX(-5px);
    transform: translateX(-5px);
}

.page-back-drop{
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.4);
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.sidebar-open{
    /*overflow: hidden;*/
}
.sidebar-open #sidebar-menu{
    visibility: visible;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    /*z-index: 1;*/
}

#sidebar-menu .nav > li > a{
    color: #ffffff;
    padding: 16px 90px;
    /*text-align: center;*/
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 26px;
    line-height: 34px;
    font-family: 'poppins', Helvetica, Arial, sans-serif;
}
#sidebar-menu .nav > li > a:hover, #sidebar-menu .nav > li > a:focus, .sidebar-link:hover, .sidebar-link:focus{
    color: #ffffff;
    color: rgba(255,255,255,0.8);
    background: none;
}
#sidebar-menu .nav > li.divider{
    height: 1px;
    /*background-color: #ffffff;*/
    /*background-color: rgba(255,255,255,0.1);*/
    width: 100%;
    display: block;
    padding: 0;
    margin: 20px 0 30px;
}

#sidebar-menu .main-nav-list.nav > li > a{
    
}
#sidebar-menu .main-nav-list{
    display: none;
    padding-bottom: 20px;
    border-bottom: 1px solid #d00d1a;
    margin-bottom: 20px;
}

.mini-div{
    margin: 0 90px;
    height: 6px;
    width: 50px;
    background-color: #ffffff;
    border-radius: 10px;
    margin-bottom: 10px;
    overflow: hidden;
}
.sidebar-link{
    padding: 0 90px;
    text-transform: uppercase;
    color: #ffffff;
    letter-spacing: 1px;
    font-size: 14px;
}

.social-list-icon{
    /* margin: 10px 90px; */
}
.social-list-icon > li > a svg{
    width: 24px;
    height: 24px;
}
.social-list-icon > li > a svg path{
    fill: #ffffff;
}




.post-title{
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px;
    text-align: center;
    margin-top: 25px;
    margin-bottom: 25px;
    color: #262627;
}


#issues-and-pulse-container{
    padding-bottom: 100px;
}

/* *********************************** */
/* ISSUES */
/* *********************************** */
#issues-stream{
    min-height: 100px;
    margin-bottom: 20px;
    padding-left: 30px;
    color: #262627;
}
#issues-stream .issue-stream-item:last-child{
    border: 0;
}
.issue-stream-item{
    background-color: #fbfbfb;
    padding: 30px 70px;
    border-bottom: 1px solid #eeeeee;
}
.issue-stream-title{
    position: relative;
    font-family: 'Yantramanav', Helvetica, Arial, sans-serif;
    font-weight: 500;
    font-size: 26px;
    line-height: 30px;
    color: #111;
    margin-top: 10px;
    margin-bottom: 36px;
}
.issue-stream-title:after{
    content: '';
    height: 6px;
    border-radius: 5px;
    width: 38px;
    background-color: #111;
    position: absolute;
    bottom: -20px;
    left: 0;
}
.issue-date-time{
    color: #222;
    font-size: 14px;
    text-transform: uppercase;
}
.issue-stream-item .list-inline{
    color: #9d9d9d;
}
.bullet-div{
    color: #222;
}

.top-tags-list{
    font-family: 'Yantramanav', Helvetica, Arial, sans-serif;
}
.top-tags-list .tag-list-item{
    padding: 30px 10px;
    border-bottom: 1px solid #dddddd;
}
.top-tags-list .tag-list-item:last-child{
    border: 0;
}
.top-tags-list .tag-list-item .tag-count{
    font-size: 42px;
    line-height: 36px;
    color: #eb212e;
    font-weight: 300;
    text-align: center;
}
.top-tags-list .tag-list-item .tag-list-name{
    font-size: 22px;
    line-height: 28px;
    margin-top: 5px;
}





/* *********************************** */
/* PODCAST */
/* *********************************** */
#podcast-progress-player{

}
.podcast-progress-bar{
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 2;
}
.podcast-progress-bar .progress{
    height: 4px;
    background-color: transparent;
    box-shadow: none;
    border-radius: 0;
}
.podcast-progress-bar .progress-bar{
    background-color: #000;
}

#podcast--main--wrapper{
    position: fixed;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 9999;
    background-color: #232a44;
    color: #ffffff;
    display: none;
}
#pc-fixed-bg-image-wrap{
    display: none;
}
#pc-fixed-bg-image{
    /*display: none;*/
}
.show-player{
    /*margin-bottom: 74px;*/
}
.show-player #podcast--main--wrapper{
    display: block;
}

#podcast-stream{
    overflow-x: hidden;
    overflow-y: auto;
    min-height: 100px;
    margin-bottom: 20px;
    color: #262627;
}
#podcast-stream .podcast-stream-item:last-child{
    border: 0;
}
.podcast-stream-item{
    padding: 30px 70px 20px;
    border-bottom: 1px solid #eeeeee;
}
.podcast-stream-item .podcast-tags{
    color: #888;
}

.podcast-stream-title{
    font-family: 'Yantramanav', Helvetica, Arial, sans-serif;
    font-weight: 500;
    font-size: 22px;
    margin-top: 0;
    margin-bottom: 5px;
}
.podcast-description{
    font-size: 14px;
    line-height: 22px;
}
.podcast-description p:last-child{
    margin-bottom: 5px;
}

.podcast-date-time{
    color: #222;
    font-size: 14px;
    text-transform: uppercase;
}


.podcast-playlist{
    background-color: #ffffff;
    color: #262627;
    padding: 100px 0;
}



/* PLAYER */
#podcast-player{
    
}
#full-player-wrap{
    margin-top: 40px;
    background-color: #232a44;
    box-shadow: 0 0 15px rgba(0,0,0,0.2);
}
.featured-player{
    /*margin-top: 50px;*/
    /*min-height: 100px;*/
    color: #ffffff;
}
.podcast-player-image{
    position: relative;
    height: 210px;
}
.podcast-player-image .bg-white-gradient{
    opacity: 0.3;
    border-radius: 0;
}
.podcast-player-image .bg-blue-red-gradient{
    opacity: 0.5;
    border-radius: 0;
}
.podcast-date-posted{
    text-transform: uppercase;
    font-size: 14px;
    font-family: 'Yantramanav', Helvetica, Arial, sans-serif;
}
.podcast-body{
    position: relative;
    padding: 30px 50px;
}
.podcast-footer-details{
    z-index: 2;
    background-color: #232a44;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 20px 50px;
}
#podcast-player-wave{
    height: 106px;
    margin-top: 10px;
}
.podcast-player-title{
    font-family: 'Yantramanav', Helvetica, Arial, sans-serif;
    font-weight: 500;
    font-size: 22px;
}
.podcast-player-description p{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;
    line-height: 22px;
    margin: 0;
}
.podcast-play-btn{
    width: 46px;
    height: 46px;
    border-radius: 50%;
    text-align: center;
    font-size: 20px;
    color: #ffffff;
    margin: 0 auto;
    background-color: #000;
    display: block;
    padding-top: 11px;
    /*padding-left: 4px;*/
}
#pc-fixed-play-btn .podcast-play-btn{
    width: 36px;
    height: 36px;
    font-size: 16px;
    padding-top: 7px;
    margin-top: 6px;
}
.podcast-play-btn:hover, .podcast-play-btn:focus, .podcast-play-btn.playing{
    background-color: #df0f1c;
    color: #ffffff;
}
.podcast-play-btn.list-btn{
    background-color: #252c49;
}
#pc-podcast-progress-player-wrap{
    position: relative;
    top: -15px;
}




#fixed-mini-podcast-player{
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1090;
    width: 100%;
    background-color: #232a44;
    padding: 15px 0;
    line-height: 22px;
    height: 74px;
    /*overflow: hidden;*/
}
#mini-podcast-player-wave{
    height: 60px;
    overflow: hidden;
    position: relative;
    top: -9px;
}

#fixed-mini-podcast-player .podcast-player-title{
    font-size: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-top: 8px;
    line-height: 16px;
}
#fixed-mini-podcast-player .podcast-body{
    padding: 0;
}
#fixed-mini-podcast-player .podcast-date-posted{
    font-size: 14px;
}










.page-line-header{
    font-family: 'Yantramanav', Helvetica, Arial, sans-serif;
    font-weight: 500;
    position: relative;
    font-size: 28px;
    line-height: 32px;
    color: #000;
    overflow: hidden;
    margin-bottom: 30px;
}
.page-line-header span.header-label{
    background-color: #ffffff;
    position: relative;
    z-index: 2;
    padding-right: 20px;
}
.page-line-header:after{
    content: '';
    width: 100%;
    height: 4px;
    background-color: #000;
    position: absolute;
    top: 16px;
    z-index: 1;
}


/*img{
    -webkit-backface-visibility: hidden; 
    -moz-backface-visibility:    hidden; 
    -ms-backface-visibility:     hidden;
}*/

/* *********************************** */
/* SEARCH SECTION */
/* *********************************** */
#search-section-wrap{
    position: relative;
}
#search-btn{
    position: absolute;
    right: 0;
    top: 0;
    height: 50px;
    width: 50px;
    border-radius: 25px;
    background-color: #000;
    color: #ffffff;
    font-size: 22px;
    border: 0;
}
#search-input-wrap{
    overflow: hidden;
    /*border-radius: 25px;*/
    margin-right: 26px;
}
#search-input{
    height: 50px;
    border-radius: 25px 0 0 25px;
    background-color: #d02332;
    color: #ffffff;
    font-size: 16px;
    line-height: 24px;
    padding: 15px 40px 15px 35px;
    border: 0;
    
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;

    transform: translateX(0);
    -webkit-transform:translateX(0);    
}
.search-close #search-input{
    transform: translateX(100%);
    -webkit-transform:translateX(100%);
}


/* *********************************** */
/* PULSE 3 */
/* *********************************** */
.main-breakdown-wrap{
    min-height: 600px;
    margin-bottom: 100px;
    position: relative;
}
.show-full-breakdown{
    position: absolute;
    bottom: 20px;
    left: 50%;
    margin-left: -30px;
    width: 60px;
    height: 60px;
    border-radius: 30px;
    border: 1px solid #dddddd;
    font-size: 26px;
    display: block;
    background: #fff;
    color: #333;
    padding: 17px 21px;
    box-shadow: 0 0 15px rgba(0,0,0,0.1);
}
.full-breakdown-padding{
    margin-top: 70px;
    /*margin-bottom: 250px;*/
}
.full-breakdown-padding .report-title{
    
}
#pulse-report-slider .owl-controls{
    display: none;
}
#pulse-report-slider .owl-item{
    overflow: hidden;
}

.pulse-bg{
    background-color: #191919;
    background-image: url('../img/pulse-main-background.jpg');
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center top;
    color: #ffffff;
    background-attachment: fixed;
}
.issues-bg{
    background-color: #191919;
    background-image: url('../img/issues-main-background.jpg');
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center top;
    color: #ffffff;
    background-attachment: fixed;
}
.podcast-bg{
    background-color: #191919;
    background-image: url('../img/podcast-main-background.jpg');
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center top;
    color: #ffffff;
    background-attachment: fixed;
}
#pulse-main-container, #issues-main-container, #podcast-main-container{
    padding: 150px 0 0;

    /*min-height: 400px;*/
}
#issues-main-container #search-section-wrap{
    top: 78px;
}
#pulse-main-container{
    min-height: 900px;
}
#issues-main-container, #podcast-main-container{
    background-size: 100%;
}
#podcast-main-container{
    /*padding-bottom: 50px;*/
}
#pulse-main-container .container-fluid, #issues-main-container .container-fluid, #podcast-main-container .container-fluid{
    max-width: 1400px;
}

.issues-main-wrap{
    background-color: #ffffff;
    color: #262627;
    padding: 100px 0;
}

.sidebar-header-wrap{
    font-family: 'Yantramanav', Helvetica, Arial, sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 16px;
    letter-spacing: 1px;
    text-align: center;
    color: #1d202a;
    border: 2px solid #1d202a;
    border-radius: 30px;
    height: 40px;
    margin-right: 10px;
    margin-bottom: 10px;
    padding: 9px;
    height: 45px;
}


.section-header-wrap{
    margin-bottom: 40px;
}
.section-icon{
    width: 40px;
    height: 54px;
    margin-top: 0;
    margin-right: 25px;
}
.section-page-title{
    position: relative;
    font-family:'Gotham', Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    font-size: 32px;
    letter-spacing: 3px;
    font-weight: 700;
    margin-top: 0;
    margin-bottom: 30px;
}
.section-page-title a{
    color: #ffffff;
}
.section-page-title:after{
    content: '';
    height: 6px;
    border-radius: 5px;
    width: 32px;
    background-color: #eb212e;
    position: absolute;
    bottom: -20px;
    left: 0;
}





.pulse-item-wrap{
    overflow: hidden;
    position: relative;
    color: #333;
    min-height: 500px;
    background-color: #ffffff;
    border-radius: 6px;
    padding: 30px 40px;
    margin-bottom: 30px;
}
.pulse-item-wrap a{
    display: block;
    color: inherit;
}
.pulse-item-wrap a:hover, .pulse-item-wrap a:focus{
    color: inherit;
    text-decoration: none;
    outline: none;
}
.pulse-item-body{
    position: relative;
    z-index: 4;
}
.bg-white-gradient{
    border-radius: 6px;
    z-index: 3;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    position: absolute;
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&1+0,0+100;White+to+Transparent */
    background: -moz-linear-gradient(top,  rgba(255,255,255,0.9) 0%, rgba(255,255,255,0) 80%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,0.9) 0%,rgba(255,255,255,0) 80%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(255,255,255,0.9) 0%,rgba(255,255,255,0) 80%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
}
.bg-blue-red-gradient{
    border-radius: 6px;
    z-index: 2;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    position: absolute;

    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#232e59+0,eb212e+100 */
    background: rgb(35,46,89); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(35,46,89,1) 70%, rgba(235,33,46,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(35,46,89,1) 70%,rgba(235,33,46,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(35,46,89,1) 70%,rgba(235,33,46,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#232e59', endColorstr='#eb212e',GradientType=0 ); /* IE6-9 */

    /*mix-blend-mode: overlay;*/
    opacity: 0.5;
}
.pulse-date-posted-wrap{
    z-index: 4;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    text-align: center;
}
.pulse-date-posted{
    font-family: 'poppins', Helvetica, Arial, sans-serif;
    display: inline-block;
    background-color: #232a44;
    color: #ffffff;
    font-size: 12px;
    line-height: 22px;
    padding: 2px 16px;
    text-transform: uppercase;
}
.pulse-date-posted.pulse-date-white{
    background-color: #ffffff;
    color: #232a44;
}
.pulse-item-title{
    /*color: #222;*/
    font-size: 24px;
    line-height: 28px;
    margin-top: 50px;
    font-family: 'Yantramanav', Helvetica, Arial, sans-serif;
    font-weight: 500;
    text-align: center;
}
.pulse-item-wrap .bg-image{
    border-radius: 6px;
    opacity: 1;
    z-index: 1;
    /*top: 50px;*/
}

.politicks-progress{
    border-radius: 0;
    height: 6px;
    box-shadow: none;
}
.politicks-progress .progress-bar{
    box-shadow: none;
}
.progress-bar.progress-bar-negative{
    background: #eb212e;
}
.progress-bar.progress-bar-positive{
    background: #0d237d;
}


.pulse-percent-value{
    font-size: 30px;
    line-height: 30px;
    font-family: 'Yantramanav', Helvetica, Arial, sans-serif;
    font-weight: 500;
    letter-spacing: -1px;
}
.negative-value-wrap, .positive-value-wrap{
    padding: 20px 0 0;
    font-family: 'Yantramanav', Helvetica, Arial, sans-serif;
    font-weight: 500;
}
.negative-value-wrap{
    color: #eb212e;
}
.positive-value-wrap{
    text-align: right;
    color: #0d237d;
}
.percent-value-label{
    color: #222;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 1px;
}


/* FOR AND AGAINST TPL */
.for-and-against-pulse-item{
    background-color: #232e59;
}
.for-and-against-pulse-item .bg-image, .hate-and-want-pulse-item .bg-image{
    top: 150px;
}
.for-and-against-pulse-item .bg-white-gradient, .hate-and-want-pulse-item .bg-white-gradient{
    background: -moz-linear-gradient(top,  rgba(255,255,255,1) 150px, rgba(255,255,255,0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 150px,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(255,255,255,1) 150px,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
}

.for-and-against-pulse-item .pulse-main-body, .hate-and-want-pulse-item .pulse-main-body{
    color: #222;
}

.pulse-main-content.say-pulse-item .bg-image{
    top: 0;
}
.pulse-main-content.say-pulse-item .pulse-description{
    margin-top: 50px;
}

.pulse-main-content.modified-pulse-item .bg-image{
    top: 0;
}

/* MODIFIED TPL */
.modified-pulse-item{
    background-color: #232e59;
    color: #ffffff;
}
.modified-pulse-item .pulse-item-title{
    margin-bottom: 30px;
}
.modified-pulse-item .pulse-date-posted{
    color: #333;
    background-color: #ffffff;
}
.modified-top-3-breakdown .modified-br-item{
    padding: 15px 20px;
}
.modified-top-3-breakdown .modified-br-item .modified-percent-value{
    font-family:'Gotham', sans-serif;
    font-size: 28px;
    line-height: 24px;
}
.modified-top-3-breakdown .modified-br-item .modified-label{
    font-style: italic;
}
.modified-pulse-item .bg-image{
    opacity: 0.8;
}

.featured-modified-progress{
    height: 14px;
    border-radius: 20px;
    box-shadow: none;
}
.featured-modified-progress .progress-bar{
    background-color: #b3b2b3;
    box-shadow: none;
}

/* HATE AND WANT TPL */
.hate-and-want-pulse-item{
    
}
.hate-and-want-pulse-item .sample-sentiment-list{

}
.featured-modified-percent{
    font-size: 28px;
    line-height: 32px;
    font-family: 'Yantramanav', Helvetica, Arial, sans-serif;
    font-weight: 500;

}
.featured-modified-category{
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 5px;
}
.sample-sentiment-list{
    padding: 0;
    font-size: 14px;
}
.modified-title-category-item.featured-modified-item{
    margin-bottom: 5px !important; 
    border: 0 !important;
    padding: 0 !important;
}


.featured-percent-list{
    text-align: center;
}
.featured-percent-list > li{
    margin-top: 15px;
    padding: 10px;
    text-align: center;

    font-size: 24px;
    line-height: 28px;
    font-family: 'Yantramanav', Helvetica, Arial, sans-serif;
    font-weight: 500;
}
.slant-icon-label{
    font-size: 16px;
    display: block;
    text-align: center;
}


.featured-percent-inline{
    width: 100px;
    margin: 0 auto;
    display: block;
}



/* WHAT NETIZEN SAY TPL */
.say-pulse-item{
    background-color: #232e59;
    color: #ffffff;
}
.say-pulse-item .bg-image{
    opacity: 0.8;
}
.say-pulse-item .pulse-item-title{
    margin-bottom: 30px;
}
.say-pulse-item .pulse-date-posted{
    color: #333;
    background-color: #ffffff;
}
.what-netizen-say-list{
    list-style: none;
}
.what-netizen-say-list > li{
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 10px;
    position: relative;
    font-style: italic;
}
.what-netizen-say-list > li:before{
    content: "•";
    position: absolute;
    left: -20px;
    color: #000;
    font-size: 30px;
}
.say-pulse-item .title-label{
    text-align: center;
}
.title-label{
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 1px;
    margin-bottom: 10px;
}

.featured-bd-wrap{
    text-align: center;
    padding: 40px 20px;
    margin: 20px 0;
}

.main-breakdown-wrap .featured-bd-wrap .pulse-senti-percent{
    font-family: 'Yantramanav', Helvetica, Arial, sans-serif;
    font-weight: 300;
    font-size: 46px;
    line-height: 40px;
    display: block;
}



/* DATEPICKER */
#pl-datepicker-wrap{
    position: absolute;
    top: 50px;
    right: 4px;
    background-color: #ffffff;
    padding: 8px;
    border-radius: 3px;
    z-index: 1010;
    color: #333;
}
.date-list-inline > li{
    position: relative;
}
.date-list-inline > li > a{
    padding: 10px 20px;
    text-transform: uppercase;
    font-size: 14px;
    height: 40px;
    margin-bottom: 10px;
}
.btn-datepicker{
    position: relative;
    width: 50px;
    height: 40px;
    font-size: 24px;
}
.btn-datepicker:hover, .btn-datepicker.datepicker-active{
    background-color: #ffffff;
    color: #333;
}

.btn-datepicker span{
    position: absolute;
    font-size: 22px;
    left: 0;
    right: 0;
    top: 4px;
    bottom: 0;
    text-align: center;
}


.datepicker table tr td.active.active, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled.disabled, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover.active, .datepicker table tr td.active.disabled:hover.disabled, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.active.disabled:hover[disabled], .datepicker table tr td.active.disabled[disabled], .datepicker table tr td.active:active, .datepicker table tr td.active:hover, .datepicker table tr td.active:hover.active, .datepicker table tr td.active:hover.disabled, .datepicker table tr td.active:hover:active, .datepicker table tr td.active:hover:hover, .datepicker table tr td.active:hover[disabled], .datepicker table tr td.active[disabled]{
    background: #000;
    text-shadow: none;
    border: 0;
    color: #ffffff;
}
.datepicker table tr td.day.focused, .datepicker table tr td.day:hover{
    background: #000;
    text-shadow: none;
    border: 0;
    color: #ffffff;
}

.datepicker table tr td.today, .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:hover, .datepicker table tr td.today:hover{
    background: #eeeeee;
    /*color: #ffffff;*/
}
.datepicker table tr td.today.active, .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled.active, .datepicker table tr td.today.disabled.disabled, .datepicker table tr td.today.disabled:active, .datepicker table tr td.today.disabled:hover, .datepicker table tr td.today.disabled:hover.active, .datepicker table tr td.today.disabled:hover.disabled, .datepicker table tr td.today.disabled:hover:active, .datepicker table tr td.today.disabled:hover:hover, .datepicker table tr td.today.disabled:hover[disabled], .datepicker table tr td.today.disabled[disabled], .datepicker table tr td.today:active, .datepicker table tr td.today:hover, .datepicker table tr td.today:hover.active, .datepicker table tr td.today:hover.disabled, .datepicker table tr td.today:hover:active, .datepicker table tr td.today:hover:hover, .datepicker table tr td.today:hover[disabled], .datepicker table tr td.today[disabled]{
    background: #000;
}
.datepicker table tr td span.focused, .datepicker table tr td span:hover{
    background: #000;
    color: #ffffff; 
}

.datepicker *{
    text-shadow: none;
}
.datepicker table{
    width: 100%;
}
.datepicker table tr td span.active.active, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled.disabled, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active.disabled:hover.active, .datepicker table tr td span.active.disabled:hover.disabled, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active.disabled:hover:hover, .datepicker table tr td span.active.disabled:hover[disabled], .datepicker table tr td span.active.disabled[disabled], .datepicker table tr td span.active:active, .datepicker table tr td span.active:hover, .datepicker table tr td span.active:hover.active, .datepicker table tr td span.active:hover.disabled, .datepicker table tr td span.active:hover:active, .datepicker table tr td span.active:hover:hover, .datepicker table tr td span.active:hover[disabled], .datepicker table tr td span.active[disabled]{
    background-image: none;
    background-color: #000; 
}
.datepicker-inline {
    width: 290px;
}
.datepicker .datepicker-switch{
    text-transform: uppercase;
    /*font-size: 16px;*/
    color: #000;
    font-family: 'poppins', Helvetica, Arial, sans-serif;
    letter-spacing: 1px;
}


.date-type-select{
    margin: 10px 0;
}
.date-type-select > li > a{
    text-transform: uppercase;
    font-size: 10px;
    letter-spacing: 2px;
    border: 1px solid #000;
    padding: 6px 25px;
    border-radius: 15px;
}
.date-type-select > li.active > a{
    background-color: #000;
    color: #ffffff;
}
.week-picker .datepicker-days table tbody tr:hover, .active-week, .datepicker table tr td.active.active, .week-picker .datepicker table tr td.day.focused, .week-picker .datepicker table tr td.day:hover{
    background-color: #000;
    color: #ffffff;
}
.datepicker td, .datepicker th{
    border-radius: 0;
}



.datepicker-inline {
    width: 100%;
}
.datepicker table {
    width: 100%;
}
.datepicker-lg{
    font-size: 28px;
    line-height: 32px;
    font-family: 'Yantramanav', Helvetica, Arial, sans-serif;
    font-weight: 300;
}

.datepicker-lg .datepicker-switch{
    font-size: 32px;
    line-height: 36px;
    font-family: 'Yantramanav', Helvetica, Arial, sans-serif;
    font-weight: 500;
    letter-spacing: 0px;
    text-transform: none;
    color: #262627;
}
.datepicker-lg table > thead > tr > th, .datepicker-lg table > tbody > tr > th, .datepicker-lg table > tfoot > tr > th, .datepicker-lg table > thead > tr > td, .datepicker-lg table > tbody > tr > td, .datepicker-lg table > tfoot > tr > td{
    padding: 18px;
}
.datepicker-lg table > thead > tr > th.dow{
    color: #000;
}
.datepicker-lg .datepicker-switch, .datepicker-lg .next, .datepicker-lg .prev, .datepicker-lg tfoot tr th{
    font-size: inherit;
}
.datepicker-lg table tr td span{
    height: auto;
    padding: 30px;
}



/* ARCHIVE */
.date-type-list{
    list-style: none;
    padding: 0;
    margin: 0;
    margin-top: 50px;
}
.date-type-list > li > a{
    font-family: 'poppins', Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    font-size: 16px;
    line-height: 26px;
    border: 2px solid #333333;
    padding: 10px 20px;
    width: 100%;
    display: block;
    text-align: center;
    color: #333;
    margin-bottom: 20px;
    letter-spacing: 1px;
}

.date-type-list > li > a:hover, .date-type-list > li > a:focus, .date-type-list > li.active > a{
    background-color: #111111;
    color: #ffffff;
    border-color: #111;
}

#archive-calendar{
    margin-bottom: 150px;
}










/* PULSE REPORT MODAL */

#pulse-full-report-modal .modal-lg{
    width: 95%;
    max-width: 1400px;
    margin-top: 45px;
}
#pulse-full-report-modal .bg-image{
    z-index: 1;
}
.pulse-full-report .pulse-full-view-container{
    margin: 140px auto;
    width: 95%;
    max-width: 1400px;
    background-color: #ffffff;
    border-radius: 6px;
    overflow: hidden;
}
#pulse-full-report-modal button.close{
    width: 36px;
    height: 36px;
    opacity: 1;
    color: #ffffff;
    background-color: #000;
    box-shadow: 1px 2px 10px rgba(0,0,0,0.2);
    border-radius: 50%;
    position: absolute;
    top: -20px;
    right: 20px;
    z-index: 1010;
    font-size: 18px;
}


#pulse-full-report-modal .modal-content{
    height: 700px;
}
#pulse-full-report-modal .modal-body{
    padding: 0;
}
.pulse-body-padding{
    position: relative;
    padding: 40px 60px;
}
.pulse-heading-padding{
    padding: 40px 60px 0px;
}

.pulse-full-view-container{
    overflow: hidden;
}

#pulse-full-report-dots{
    position: absolute;
    bottom: 20px;
    z-index: 20;
    width: 100%;
    text-align: center;
}
#pulse-full-report-dots .owl-dot span{
    background-color: transparent;
    border: 1px solid #ffffff;
    width: 13px;
    height: 13px;
}
#pulse-full-report-dots.owl-dots .owl-dot.active span, #pulse-full-report-dots.owl-dots .owl-dot:hover span{
    background-color: #ffffff;
}


.report-slide{
    background-color: #ffffff;
    color: #262627;
    position: relative;
    height: 660px;
    overflow-x: hidden;
    overflow-y: auto;
    border-radius: 0 6px 6px 0;
    margin: 20px 0 20px 0;
}
.location-owl-slide .report-slide{
    height: auto !important;
}
/*.report-slide::-webkit-scrollbar {
    width: 8px;
}
.report-slide::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1);
}
.report-slide::-webkit-scrollbar-thumb {
  background-color: #333333;
  border-radius: 4px;  
}*/

.report-title{
    position: relative;
    font-family:'Gotham', Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    font-size: 16px;
    letter-spacing: 4px;
    font-weight: 700;
    margin-top: 10px;
    margin-bottom: 40px;
    z-index: 20;
}
.report-title:after{
    content: '';
    height: 5px;
    border-radius: 5px;
    width: 35px;
    background-color: #292929;
    position: absolute;
    bottom: -18px;
    left: 0;
}

/* INSIGHT SLIDE */
.insight-item{
    /*background-color: #f1f1f1;*/
    /*text-align: center;*/
    /*padding: 20px;*/
    /*margin-top: 10px;*/
    margin-bottom: 10px;
    overflow: hidden;
    font-size: 18px;
    line-height: 30px;
}
.insight-item .insight-icon{
    width: 80px;
    height: 80px;
    /*background-color: #dddddd;*/
    /*border-radius: 50%;*/
    margin: 0 auto 20px;
}
.insight-item .insight-title{
    text-transform: uppercase;
    font-family: 'Yantramanav', Helvetica, Arial, sans-serif;
    font-weight: 500;
    font-size: 14px;
    letter-spacing: 2px;
}


/* LOCATION SLIDE */
#location-chart{
    margin-top: 150px;
}
.location-percent-value{
    color: #4252b4;
    font-size: 30px;
    font-family: 'Yantramanav', Helvetica, Arial, sans-serif;
    font-weight: 500;
}
.location-label{
    margin-top: 5px;
    display: block;
    color: #292929;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 18px;
}

.location-chart-gradient{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2;
    height: 200px;
    
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+100 */
    background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */

}

.violet-shade-fill .ct-series .ct-area{
    fill: #6070d4 !important;
    fill-opacity: .5;
}
.violet-shade-fill .ct-series:nth-child(even) .ct-area{
    fill: #7b6de4 !important;
    fill-opacity: .5;
}


/* PROFILING SLIDE */
.profiling-card-title{
    text-transform: uppercase;
    font-size: 14px;
    font-family: 'Yantramanav', Helvetica, Arial, sans-serif;
    font-weight: 500;
    letter-spacing: 1px;
    margin-bottom: 20px;
    text-align: center;
}
.profiling-cards{
    list-style: none;
    padding: 0;
    margin: 0;
}
.profiling-cards > li{
    padding: 40px 60px;
    display: block;
    float: left;
    width: 50%;
    min-height: 250px;
    background-color: #ffffff;
    font-family: 'Yantramanav', Helvetica, Arial, sans-serif;
}
.profiling-cards > li:nth-child(2){
    background-color: #e9f6ff;
}
.profiling-cards > li:nth-child(3){
    background-color: #232f62;  
    color: #ffffff;
}
.profiling-cards > li:nth-child(6){
    background-color: #1c2236;  
    color: #ffffff;
}

/* AGE CARD */
.ages-card{

}
.age-item{
    border-bottom: 2px solid #333333;
    margin-bottom: 18px;
}
.age-title{
    text-transform: uppercase;
    color: #858585;
    letter-spacing: 1px;
}
.age-percent-value{
    font-size: 26px;
    color: #0d237d;
    text-align: right;
}
.ages-card .progress{
    height: 5px;
    margin-top: 5px;
    margin-bottom: 0;
    background-color: transparent;
    border-radius: 0;
    box-shadow: none;
}
.ages-card .progress .progress-bar{
    background-color: #0d237d;
}

/* GENDER CARD */
.gender-card .pulse-donut-chart{
    margin-bottom: 20px;
}
.gender-card .pulse-donut-chart svg{
    background-color: transparent;
    box-shadow: none;
}
.gender-card .positive .ct-slice-donut {
  stroke: #0d237d;
  /*stroke-width: 8px !important;*/
}

.gender-card .negative .ct-slice-donut {
  stroke: #93d3ff;
  /*stroke-width: 8px !important;*/
}
.gender-card .p-donut-label{
    display: none;
}
.gender-label-percent{
    font-size: 32px;
    line-height: 28px;
    text-align: center;
}
.gender-label-percent.positive-color, .gender-label.positive-color{
    color: #0d237d;
}
.gender-label-percent.negative-color, .gender-label.negative-color{
    color: #93d3ff;
}
.gender-label{
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-align: center;
}


/* LIFE STAGES */
.life-stages{

}
.life-stages .life-stage-item{
    margin-bottom: 30px;
    font-weight: 300;
}
.life-stages .life-stage-item .life-stage-percent{
    font-size: 34px;
    margin-bottom: 10px;
    position: relative;
}
.life-stages .life-stage-item .life-stage-percent:after{
    content: '';
    height: 3px;
    border-radius: 5px;
    width: 38px;
    background-color: #eb212e;
    position: absolute;
    bottom: -10px;
    left: 0;
    z-index: 3;
}

.life-stages .life-stage-item .life-stage-label{
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 1px;
}


.life-stages .life-stage-item.featured-life-stage{
    float: right;
}
.life-stages .life-stage-item.featured-life-stage .life-stage-percent{
    font-size: 90px;
    line-height: 70px;
}
.life-stages .life-stage-item.featured-life-stage .life-stage-label{
    font-size: 18px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.life-stages .life-stage-item.featured-life-stage .life-stage-percent:after{
    width: 90px;
}


/* LANGUAGES */
.languages-circle-list{
    margin-top: 74px;
    text-align: center;
}
.languages-circle-list .language-item{
    width: 80px;
    height: 130px;
    display: inline-block;
    vertical-align: middle;
    margin: 30px 10px;
}
.languages-circle-list .language-item .language-circle-icon-wrap{
    background-color: #232a44;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    padding: 20px;
    box-shadow: 0 0 0 10px #fff, 0 0 0 11px #232a44;
}
.languages-circle-list .language-item .language-circle-icon-wrap img{
    text-align: center;
    margin: 0 auto;
}
.languages-circle-list .language-item .language-percent-value{
    margin: 0 auto;
    width: 70px;
    height: 70px;
    background-color: #4252b4;
    border-radius: 50%;
    font-size: 20px;
    padding-top: 25px;
    color: #ffffff;
}
.languages-circle-list .language-item .language-label{
    text-transform: uppercase;
    margin-top: 15px;
    color: #4252b4;
    letter-spacing: 2px;
}

/* EMOTIONS */
.emotions-list{
    margin-top: 80px;
    text-align: center;
}
.emotions-list .emotion-item{
    width: 100px;
    height: 140px;
    display: inline-block;
    vertical-align: middle;
    /*margin: 3px;*/
    text-align: center;
}
.emotions-list .emotion-item .emotion-icon{
    width: 90px;
    height: 90px;
    padding: 10px;
    margin: 0 auto 5px;
}
.emotion-percent-value{
    font-size: 28px;
    line-height: 24px;
}
.emotion-title{
    text-transform: uppercase;
    letter-spacing: 1px;
}
.potential-viral-layer{
    padding: 10px 0;
    font-family:'Gotham', Helvetica, Arial, sans-serif;
    text-transform: uppercase;
}
.potential-value{

}


.affiliations-list{
    margin-top: 50px;
}
.affiliations-list .affiliation-item{
    margin-bottom: 35px;
}
.affiliations-list .affiliation-item .affiliation-label{
    text-transform: uppercase;
    letter-spacing: 1px;
}
.affiliations-list .affiliation-item .affiliation-percent-value{
    font-size: 24px;
    text-align: right;
}
.affiliations-list .affiliation-item .progress{
    height: 10px;
    margin-top: 5px;
    margin-bottom: 0;
    background-color: rgba(0,0,0,0.2);
    border-radius: 0;
    box-shadow: none;
    border-radius: 6px;
}
.affiliations-list .affiliation-item .progress-bar{
    background-color: #eb212e;
}
.affiliations-list .affiliation-item .progress-bar.progress-bar-yellow{
    background-color: #ffd777;
}
.affiliations-list .affiliation-item .progress-bar.progress-bar-gray{
    background-color: #c9c9c9;
}




/* *********************************** */
/* PULSE 0.1 */
/* *********************************** */
#pulse-stream{
    min-height: 100px;
    margin-bottom: 50px;
}

.pulse-donut-chart{
    position: relative;
    margin-bottom: 30px;
}
.pulse-donut-chart svg{
    background: #fff;
    background: rgba(255,255,255,0.5);
    border-radius: 50%;
    box-shadow: 0 0 20px rgba(0,0,0,0.1);
}
.p-donut-label{
    position: absolute;
    width: 120px;
    height: 50px;
    left: 50%;
    margin-left: -60px;
    top: 50%;
    margin-top: -28px;
    line-height: 30px;
    
}


.ct-fill-donut-label{
    width: 180px;
    left: 50% !important;
    margin-left: -90px !important;
}
.percent-value{
    font-size: 36px;
    font-weight: 200;
}
.percent-label{
    font-family: 'Yantramanav', Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 3px;
}

.positive .ct-slice-donut {
  stroke: #e4e4e4;
  /*stroke-width: 8px !important;*/
}

.negative .ct-slice-donut {
  stroke: #72c2d4;
  /*stroke-width: 8px !important;*/
}

.ct-label{
  text-anchor: middle;
  alignment-baseline: middle;
  font-size: 16px;
  fill: white;
}


.hate-and-want-stream{

}
.hate-and-want-icon{
    width: 20px;
    margin: 0 auto 5px;
    display: block;
}
.pulse-svg-icon svg{
    width: 35px;
    height: 35px;
}
.pulse-total-respondents{
    text-align: center;
}
.respondents-icon{
    width: 30px;
    margin: 0 auto;
}
.respondents-icon svg{
    width: 15px;
    height: 15px;
}
.respondents-icon path{
    fill: #222;
}
.pulse-svg-icon path{
    fill: #222;
}

.negative-color{
    color: #ea232d;
}
.negative-color path{
    fill: #ea232d;
}

.pulse-percent{
    font-size: 28px;
    padding: 10px 0;
}
.modified-pulse-percent{
    font-size: 26px;
    padding: 10px 0;    
}
.hate-and-want-stream .percent-label{
    width: 100px;
    line-height: 18px;
    margin: 0 auto;
}


.say-icon{
    width: 40px;
    display: block;
    margin: 0 auto 10px;
}

.modified-stream-list{
    padding: 0;
    margin: 0;
    list-style: none;
}
.modified-stream-list .modified-title-category{
    text-transform: uppercase;
    font-size: 11px;
    margin-top: 10px;
}
.modified-stream-list > li{
    display: inline-block;
    padding: 10px 10px;
}

ul.modified-stream-list li:nth-of-type(1n+4) {
    display: none;
} /* should match your case */

.modified-bar-graph{
    height: 108px;
    width: 8px;
    margin: 0 auto;
    background-color: #bbbbbb;
    position: relative;
}
.modified-bar-graph .bar{
    width: 8px;
    background-color: #ea232d;
    display: block;
    margin: 0 auto;
    position: absolute;
    bottom: 0;
    animation: draw 1s ease-in-out;
    z-index:1030;
}
@keyframes draw {
  0% {
    height: 0;
  }
}



.pulse-donut-chart-wrap{
    width: 160px;
    position: relative;
}

.camera-pie-bar{
    top: 30px;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 2;
    position: absolute;
    height: 200px;
    width: 200px;
    border-radius: 50%;
    margin: 0 auto;
    overflow: hidden;
}



.pulse-main-content{
    border-radius: 6px 0 0 6px;
    /*background: #454545;*/
    position: relative;
    min-height: 410px;
    overflow: hidden;
    color: #ffffff;

    -webkit-user-select: none;
      -khtml-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
}
.pulse-main-content .bg-image, .pulse-main-content .bg-white-gradient, .pulse-main-content .bg-blue-red-gradient{
    border-radius: 6px 0 0 6px;
}
.pulse-main-content .bg-image{
    top: 300px;
}
.pulse-main-content .bg-blue-red-gradient{
    z-index: 3;
}
.pulse-main-content .bg-white-gradient{
    z-index: 4;

    background: -moz-linear-gradient(top,  rgba(255,255,255,1) 300px, rgba(255,255,255,0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 300px,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(255,255,255,1) 300px,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
}
.post-on{
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-style: italic;
    font-family: 'poppins', Helvetica, Arial, sans-serif;
    font-weight: 700;
}
.pulse-main-body{
    height: 700px;
    position: relative;
    z-index: 10;
    color: #ffffff;
    padding: 70px 40px 40px 40px;
    text-align: center;
    /*overflow: hidden;*/
    overflow-y: auto;
    /*top: 50%;
    transform: translateY(-55%);*/
}
.pulse-main-body .pulse-stream-title{
    font-family: 'Yantramanav', Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-size: 26px;
    line-height: 28px;
    /*margin-bottom: 30px;*/
}
.pulse-main-body .pulse-stream-title:before{
    margin-bottom: -14px;
}
.pulse-main-body .pulse-date-time{
    font-size: 12px;
    text-transform: uppercase;
    position: absolute;
    z-index: 10;
    background: #232a44;
    color: #fff;
    padding: 0px 11px;
    top: 0;
    left: 15px;
}

.pulse-full-breakdown-container{
    /*padding: 40px 20px 100px;*/
    /*height: 700px;*/
    /*overflow-y: auto;*/
}


.pulse-full-view-container .pulse-main-body{
    height: 720px;
    min-height: 550px;
}
#pulse-full-report-modal .pulse-full-view-container .pulse-main-body{
    height: 700px;
}
.pulse-full-view-container .container-fluid{
    padding: 0;
    overflow: hidden;
}
.pulse-full-view-container .pulse-full-breakdown-container{
    /*padding-right: 30px;*/
}
.pulse-full-view-container .say-icon{
    width: 60px;
}
.pulse-full-breakdown-container .pulse-percent{
    font-family: 'Yantramanav', Helvetica, Arial, sans-serif;
    font-weight: 700;
    padding: 15px 0 8px;
    font-size: 44px;
}


.sentiment-divider{
    min-height: 400px;
    width: 1px;
    border-left: 1px solid #dddddd;
    position: absolute;
    left: -1px;
    top: 50px;
}
.sentiment-breakdown{
    list-style: none;
    padding: 0;
    margin-top: 20px;
}
.sentiment-breakdown > li{
    display: block;
    padding: 10px 40px;
    overflow: hidden;
    margin-bottom: 20px;
}
.sentiment-breakdown > li:nth-child(-n+3) > span.pulse-senti-percent {
    
}
.sentiment-breakdown > li:nth-child(-n+3) span.sentiment-wrap{
    /*font-style: italic;*/
    font-family: 'poppins', Helvetica, Arial, sans-serif;
    font-weight: normal;
}
.sentiment-breakdown.title-category-breakdown > li:nth-child(-n+4) {
    /*font-weight: 700;  */
}
.sentiment-breakdown.title-category-breakdown > li:nth-child(-n+4) .span.sentiment-wrap{
    /*font-style: italic;   */
}
.sentiment-breakdown > li span.pulse-senti-percent{
    display: block;
    font-family: 'Yantramanav', Helvetica, Arial, sans-serif;
    font-weight: 500;
    font-size: 28px;
}
.title-category-slant-percent{
    font-size: 18px;
    line-height: 22px;
}
.sentiment-breakdown > li span.sentiment-wrap{
    display: block;
    font-size: 18px;
    line-height: 28px;
}

.pulse-description{
    padding: 20px;
    text-align: justify;
}

.title-category-wrap{
    padding: 60px 0 50px;
}
.title-category-slant-label{
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 1px;
    font-weight: normal;
    font-style: normal !important;
}


.modified-full-list .modified-title-category-item:last-child{
    margin-bottom: 100px;
    border: 0;
}
.modified-title-category-item{
    /*padding: 40px 0 0;*/
    border-bottom: 1px dashed #dddddd;
    padding-bottom: 30px;
    margin-bottom: 30px;
}
.modified-title-category-item .modified-title-category{
    text-transform: uppercase;
    font-size: 11px;
    letter-spacing: 1px;
}
.modified-title-category-item .modified-pulse-percent{
    font-style: italic;
    font-family: 'poppins', Helvetica, Arial, sans-serif;
    font-weight: 700;
}

@media only screen and (min-width : 1200px) {
    .container-fluid{
        padding: 0 40px;
    }
    .pulse-full-breakdown-container{
        /*padding: 40px 50px 100px;*/
        /*overflow-x: hidden;*/
        /*overflow-y: auto;*/

    }   
    .no-scrollbar { overflow: hidden;  }
}






.d1-nav-tabs{
    border: 0 !important;
    box-shadow: 0 8px 15px rgba(0,0,0,0.1);
}
.d1-nav-tabs > li{
    border: 0 !important;
}
.d1-nav-tabs > li > a{
    font-family: 'poppins', "Helvetica Neue", Helvetica, sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 17px;
    line-height: 24px;
    border: 0 !important;
    color: #444;
    padding: 20px 15px;
    letter-spacing: 3px;
}
.d1-nav-tabs > li.active > a, .d1-nav-tabs > li > a:hover{
    background: transparent !important;
    border: 0 !important;
    box-shadow: 0 4px 0 #4DC4D7;
}

#radar-chart{
    width: 1600px;
}





.sentiment-breakdown-inline{
    list-style: none;
    padding: 0;
    margin-top: 20px;
}
.sentiment-breakdown-inline > li{
    display: block;
    padding: 5px 20px;
    overflow: hidden;
}
.sentiment-breakdown-inline > li:nth-child(-n+3) {
    font-weight: 700;  
}
.sentiment-breakdown-inline > li:nth-child(-n+3) span.sentiment-wrap{
    /*font-style: italic;*/
}
.sentiment-breakdown-inline.title-category-breakdown > li:nth-child(-n+4) {
    font-weight: 700;  
}
.sentiment-breakdown-inline.title-category-breakdown > li:nth-child(-n+4) .span.sentiment-wrap{
    /*font-style: italic;   */
}
.sentiment-breakdown-inline > li span.pulse-senti-percent{
    width: 75px;
    float: left;
    display: block;
    text-align: right;
    margin-right: 20px;
}
.title-category-slant-percent{
    font-size: 18px;
    line-height: 22px;
}
.sentiment-breakdown-inline > li span.sentiment-wrap{
    display: block;
    float: left;
    width: 65%;
}













.session-out-panel{
    margin-top: 150px;
    text-align: center;
    margin-bottom: 100px;
    color: #262627;
}
.session-out-panel .btn-primary{
    font-weight: 700;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 8px 20px;
    color: #ffffff !important;
}
.session-out-panel .btn-primary:hover{
    background-color: #e73748;
    color: #ffffff !important;
}
.session-out-panel .form-group{
    padding: 0 10px;
}
.btn-store-download-btns{
    
}
.btn-store-download-btns .form-group{
    /*margin-right: 10px;*/
}
.btn-store-download{
    width: 140px;
    height: 48px;
    background-size: 140px 48px;
    background-repeat: no-repeat;
    display: block;
}
.btn-store-download.store-btn-lg{
    width: 180px;
    height: 62px;
    background-size: 180px 62px;
}









.btn-load-more{
    height: 130px;
    width: 130px;
    border-radius: 50% !important;
    text-transform: uppercase;
    font-size: 11px;
    letter-spacing: 1px;
    margin-bottom: 100px;
}
.btn-load-more:focus, .btn-load-more:active{
    outline: 0;
}
.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus{
    outline: 0;
}





.bg-light-gray{
    background-color: #f8f8f8 !important;
}
.politicks-panel{
    background-color: #ffffff;
    padding: 30px;
    border-radius: 3px;
    margin-bottom: 30px;
}
.politicks-panel .panel-header{
    color: #000;
    font-size: 14px;
    font-weight: 700;
    line-height: 24px;
    margin-bottom: 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.panel-header-icon{
    font-size: 27px;
    position: relative;
    top: 4px;
    margin-right: 5px;
}
.politicks-panel .header-hero{
    border-bottom: 1px solid #eeeeee;
    padding-bottom: 10px;
}
.panel-label{
    font-weight: 400;
    color: #888;
    margin-bottom: 0;
    text-transform: uppercase;
    font-size: 11px;
    letter-spacing: 1px;
}
.panel-value{
    font-weight: 300;
    font-size: 18px;
}
.panel-item{
    margin-bottom: 10px;
}







.card-type-list{
    list-style: none;
    padding: 0;
    margin: 0;
}
.card-type-list > li{
    display: inline-block;
}
.card-type-list > li > a{
    width: 80px;
    padding: 6px 13px;
    border-radius: 0;
    box-shadow: 0 0 18px rgba(0,0,0,0.1);
    display: inline-block;
    border: 1px solid transparent;

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

.card-type-list > li.radio-item-active > a, .card-type-list > li.radio-item-active > a:hover{
    border: 1px solid #4DC4D7;
    /*box-shadow: 0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08);*/
}
.card-type-list > li > a:hover{
    border: 1px solid #ddd;
}


.radio-item {
    /*background: #ffffff;
    padding: 15px;
    box-shadow: 0 0 18px rgba(0,0,0,0.1);

    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;

    -webkit-transition: all .15s ease;
    transition: all .15s ease;
    border: 0;
    position: relative;
    box-shadow: 0 4px 6px rgba(50,50,93,.11),0 0px 3px rgba(0,0,0,.08);
    margin-bottom: 10px;
    border-radius: 3px;
    
    overflow: hidden;
    -webkit-backface-visibility: hidden; 
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;*/
}


.radio-item:hover{
    /*-webkit-transform: translateY(-2px);
    transform: translateY(-2px);
    box-shadow: 0 7px 14px rgba(50,50,93,.1),0 3px 6px rgba(0,0,0,.08);*/
}

















.form-block{
    padding: 40px;
    /*background: #f4f4f4;*/
    overflow: auto;
}







.iframe-block{
    /*background: #ffffff;*/
    width: 100%;
    /*max-width: 1200px;*/
    margin: 0 auto !important;
    display: block;
    min-height: 500px;
    /*box-shadow: 0 15px 30px rgba(0,0,0,0.1);*/
}


@media ( max-width: 1200px ){
    .iframe-block{
        width: 90%;
    }
    div[class*="m-2"]{
        grid-template-columns: 1fr 1fr 1fr;
    }
}
@media ( max-width: 760px ){
    .iframe-block{
        width: 100%;
    }
    .img.for-human-img{
        margin-bottom: -105px !important;
    }
    
}



.content-block{
    /*margin-bottom: 20px;*/
}
.content-block-wrap{
    display: block;
}
.content-block-label{
    /*position: absolute;
    z-index: 2;*/
    padding: 50px;
}
.content-block-media{
    position: absolute;
    z-index: -1;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
}
.content-block-label.top-left{
    top: 0;
    left: 0;
}
.content-block-label.bottom-center{
    bottom: 0;
    left: 0;
}
.builder-container .summary-block{
    min-height: 100px;
}



/* *********************************** */
/* IMAGE BLOCK */
/* *********************************** */

.content-block-image{
    position: relative;
}
.image-caption-wrap{
    padding: 10px 100px;
    font-size: 12px;
    line-height: 18px;
    -webkit-transition: opacity .3s ease-out;
    -moz-transition: opacity .3s ease-out;
    -o-transition: opacity .3s ease-out;
    transition: opacity .3s ease-out;
}
.image-caption-wrap p{
    margin: 0;
}
.image-caption-wrap.caption-below{
    color: #999;
}
.image-caption-wrap.caption-overlay, .caption-overlay-on-hover{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #111;
    background-color: rgba(0,0,0,0.7);
    padding: 10px 13px;
    color: #fff;
}
.image-caption-wrap.caption-overlay-on-hover{
    opacity: 0;
}
.content-block-image:hover .image-caption-wrap.caption-overlay-on-hover{
    opacity: 1;
}

.alert{
    background: #212740;
    color: #ffffff;
    border-radius: 4px;
    border: 1px solid #212740;
}
.navbar-alert .alert{
    position: relative;
    background: #f8f8f8;
    color: #222;
    border: 0;
    margin-bottom: 0;
    border-radius: 4px;
    /*border-bottom: 1px solid #f8f8f8;*/
}
.navbar-alert .close{
    position: absolute;
    right: 15px;
    top: 10px;
}

/* *********************************** */
/* CART */
/* *********************************** */
.checkout-container{
    font-family: "Helvetica Neue", sans-serif;
    font-size: 13px;
    line-height: 18px;
    padding-bottom: 200px;
}
.checkout-container .radio label, .checkout-container .checkbox label{
    line-height: 20px;
}
.checkout-container .site--logo{
    max-width: 200px;
    margin: 50px 0 25px;
}
.checkout-container h1, .checkout-container h2, .checkout-container h3, .checkout-container h4, .checkout-container h5, .checkout-container h6{
    font-family: "Helvetica Neue", sans-serif;
    font-weight: normal;
}
.checkout-panel{
    background: #ffffff;
    /* border-radius: 2px; */
    padding: 20px 30px;
    /*background: #fafafa;*/
    margin-bottom: 30px;
    border: 1px solid #dddddd;
    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
}
.checkout-header{
    margin-bottom: 20px;
    font-size: 17px;
}
.checkout-btn{
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 1px;
    padding: 10px 30px;
    border-radius: 30px;
    line-height: 16px;
}
.checkout-btn:hover, .checkout-btn:focus{
    background: #ffffff;
    border-color: #1b1b1b;
    color: #1b1b1b;
}
.checkout-btn.btn-sm{
    padding: 5px 25px;
}

.item-cart-row{
    padding: 20px 0;
    /*margin-bottom: 20px;*/
    border-bottom: 1px solid #eee;
    font-size: 12px;
    line-height: 18px;
}
.cart--item--content{
    padding: 20px 0;
}
.checkout-cart-wrap{
    padding: 20px 20px 40px 20px;
}
.checkout-cart-wrap .cart--item--content{
    padding: 0;
}
.checkout-cart-wrap .cart--product--name{
    font-size: 12px;
    line-height: 14px;
}
.checkout-cart-wrap .item-cart-row{
    padding: 10px 0;
}
.checkout-form-wrap .help-block{
    font-size: 11px;
}

.cart--product--name{
    font-size: 18px;
    line-height: 20px;
}
.cart--product--name a{
    color: #333;
}

.btn-add-to-cart{
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 10px 15px;
    min-width: 130px;
}
.cart-item-remove{
    font-size: 22px;
    color: #1b1b1b;
    position: relative;
    top: 3px;
    left: 3px;
}

.card--form--wrap{
    background: #f1f1f1;
    border-radius: 3px;
    padding: 28px 28px 13px;
    box-shadow: rgba(0, 0, 0, 0.10) 0px 0px 2px;
    border: 1px solid #bdc3c7;
    margin-bottom: 15px;
}




.dropdown-menu{
    
}
.dropdown-menu > li > a{
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 6px 20px;
}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus{
    background-color: #1b1b1b;
    
}

/* *********************************** */
/* PRODUCTS */
/* *********************************** */
.product-category-list{
    text-align: center;
    margin-bottom: 30px;
}
.product-category-list > li > a{
    padding: 10px 15px;
    color: #1b1b1b;
}
.product-category-list > li.active > a{
    color: #1b1b1b;
    text-decoration: underline;
}
.product--list--wrapper{
    padding-top: 20px;
}
.product--item{
    /*border: 1px solid #eeeeee;*/
    padding: 15px;
    margin-bottom: 20px;
}
.product--price--variants{
    margin-bottom: 10px;
}
.image--wrapper{
    min-height: 245px;
    position: relative;
}
.on-sale-label{
    background: #1b1b1b;
    color: #ffffff;
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
    padding: 2px 4px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}
.product--gallery--wrapper{
    list-style: none;
    padding: 0;
    margin: 0;
}
.product--gallery--wrapper > li{
    margin-bottom: 20px;
}
.product--gallery--wrapper > li > a{
    display: block;
    padding: 1px;
    border: 1px solid transparent;
}
.product--gallery--wrapper > li.active > a{
    opacity: 0.5;
    border: 1px solid #1b1b1b;
}

.product--name{
    font-size: 14px;
    line-height: 20px;
    display: block;
    text-align: center;
    text-transform: uppercase;
}
.product--name--solo{
    font-size: 36px;
    line-height: 40px;
    margin-top: 60px;
}
.product--price{
    font-size: 18px;
    padding: 10px 0;
}

#cart-navigation{
    background: #1b1b1b;
    /*padding: 8px 0;*/
    color: #ffffff;
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-size: 10px;
    line-height: 20px;
    font-weight: bold;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.cart-nav-top{
    margin: 0;
}
.cart-nav-top > li > a{
    padding: 8px 10px;
    display: block;
    color: #ffffff;
}
.cart-nav-top > li > a:hover{
    text-decoration: none;
}

.table.cart-sub-total-table > thead > tr > th, .table.cart-sub-total-table > tbody > tr > th, .table.cart-sub-total-table > tfoot > tr > th, .table.cart-sub-total-table > thead > tr > td, .table.cart-sub-total-table > tbody > tr > td, .table.cart-sub-total-table > tfoot > tr > td{
    padding: 0;
    padding: 2px 0;
}










/* BUTTONS */
/* *********************************** */
.btn{
    letter-spacing: 3px;
    font-family: 'poppins', "Helvetica Neue", Helvetica, sans-serif;
    text-transform: uppercase;
    font-size: 13px;
    padding: 15px 45px;
    border-radius: 30px;
    -webkit-transition: all 0.3s ease;
    -moz-transition   : all 0.3s ease;
    -ms-transition    : all 0.3s ease;
    -o-transition     : all 0.3s ease;
    transition        : all 0.3s ease;
}
.btn-shadow{
    box-shadow: 0 0 8px rgba(0,0,0,0.1);
}
.btn-lg{
    font-size: 16px;
    padding: 18px 50px;
    min-width: 180px;
}
.btn-shop{
    background: none;
    border: none;
    border-top: 1px solid #6d6e71;
    border-bottom: 1px solid #6d6e71;
    padding: 3px 20px;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #6d6e71;
}
.btn-white{
    background-color: #ffffff;
    border-color: #ffffff;
    color: #6d6e71;
}
.btn-shop.btn-white{
    border-color: #ffffff;
    color: #ffffff;
}
.btn-primary{
    background: #4DC4D7;
    border-color: #4DC4D7;
    /*white-space: break-spaces;*/
}
.btn-primary:hover, .btn-primary:active, .btn-primary:focus{
    background: #3194A4;
    border-color: #9BDAE9;
    outline: none !important;
}
.btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled.focus, .btn-primary[disabled].focus, fieldset[disabled] .btn-primary.focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary.active{
    background: #6d6e71;
    outline: none;
    border-color: #6d6e71;
}
.btn-primary-2{
    background: #1b8aac;
    border-color: #1b8aac;
}
.btn-primary-2:hover, .btn-primary-2:active, .btn-primary-2:focus{
    background: #1b8aac;
    border-color: #1b8aac;
    outline: none !important;
}
.btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled.focus, .btn-primary[disabled].focus, fieldset[disabled] .btn-primary.focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary.active{
    background: #6d6e71;
    outline: none;
    border-color: #6d6e71;
}


.btn-orange{
    background: #F06448;
    border-color: #F06448;
    color: #ffffff;
}
.btn-orange:hover, .btn-orange:active, .btn-orange:focus{
    color: #ffffff;
    background: #F06448;
    border-color: #F06448;
    outline: none !important;
}
.btn-orange.disabled, .btn-orange[disabled], fieldset[disabled] .btn-orange, .btn-orange.disabled:hover, .btn-orange[disabled]:hover, fieldset[disabled] .btn-orange:hover, .btn-orange.disabled:focus, .btn-orange[disabled]:focus, fieldset[disabled] .btn-orange:focus, .btn-orange.disabled.focus, .btn-orange[disabled].focus, fieldset[disabled] .btn-orange.focus, .btn-orange.disabled:active, .btn-orange[disabled]:active, fieldset[disabled] .btn-orange:active, .btn-orange.disabled.active, .btn-orange[disabled].active, fieldset[disabled] .btn-orange.active{
    background: #6d6e71;
    outline: none;
    border-color: #6d6e71;
}


.btn-yellow{
    background: #FCB74C;
    border-color: #FCB74C;
    color: #ffffff;
}
.btn-yellow:hover, .btn-yellow:active, .btn-yellow:focus{
    color: #ffffff;
    background: #FCB74C;
    border-color: #FCB74C;
    outline: none !important;
}
.btn-yellow.disabled, .btn-yellow[disabled], fieldset[disabled] .btn-yellow, .btn-yellow.disabled:hover, .btn-yellow[disabled]:hover, fieldset[disabled] .btn-yellow:hover, .btn-yellow.disabled:focus, .btn-yellow[disabled]:focus, fieldset[disabled] .btn-yellow:focus, .btn-yellow.disabled.focus, .btn-yellow[disabled].focus, fieldset[disabled] .btn-yellow.focus, .btn-yellow.disabled:active, .btn-yellow[disabled]:active, fieldset[disabled] .btn-yellow:active, .btn-yellow.disabled.active, .btn-yellow[disabled].active, fieldset[disabled] .btn-yellow.active{
    background: #bf7e1a;
    outline: none;
    border-color: #bf7e1a;
}



.btn-sm{
    font-size: 12px;
    padding: 10px 45px;
}

.btn-blue{
    background: #75cde5;
    border-color: #75cde5;
}
.btn-blue:hover{
    background: #4DC4D7;
    border-color: #4DC4D7;
}

.btn-fb{
    position: relative;
    background: #4469b0;
    border-color: #4469b0;
    padding-left: 50px !important;
    padding-right: 36px !important;
}
.btn-fb .fb-icon{
    font-size: 22px;
    position: absolute;
    left: 34px;
    top: 8px;

}

.btn-gray{
    background: #EAEAEA;
    color: #222;
}

.btn-black{
    color: #ffffff;
    background: #262627;
    border-color: #262627;
}
.btn-black:hover, .btn-black:active, .btn-black:focus{
    color: #ffffff;
    background: #262627;
    border-color: #262627;
    outline: none !important;
}

.btn-orange{
    color: #ffffff;
    background: #F06448;
    border-color: #F06448;
}
.btn-orange:hover, .btn-orange:active, .btn-orange:focus{
    color: #ffffff;
    background: #F06448;
    border-color: #F06448;
    outline: none !important;
}

.btn-outline{
    border: 1px solid #ffffff;
    background: none;
    color: #ffffff;
}
.btn-outline.btn-primary{
    border: 1px solid #47C5DB;
    background: none;
    color: #47C5DB;
}
.btn-outline.btn-danger{
    border: 1px solid #F06448;
    background: none;
    color: #F06448;
}
.btn-outline.btn-warning{
    border: 1px solid #FAB648;
    background: none;
    color: #FAB648;
}
.btn-outline-pink{
    border: 1px solid #2b2b2b !important;
    background: none;
    color: #2b2b2b;
}
.btn-outline:hover{
    background: #ffffff;
    color: #444;
}

.btn-primary.btn-outline{
    background: transparent;
    border-color: #184990;
    color: #184990;
}
.btn-primary.btn-outline:hover, .btn-primary.btn-outline:focus{
    color: #fff;
    background: #184990;
    border-color: #184990;
    outline: none !important;
}

.btn-black.btn-outline{
    background: transparent;
    border-color: #262627;
    color: #262627;
}
.btn-black.btn-outline:hover, .btn-black.btn-outline:focus{
    color: #ffffff;
    background: #262627;
    border-color: #262627;
    outline: none !important;
}


.btn-play.btn-outline{
    border: 0;
    border-bottom: 1px solid transparent;
    padding: 10px 0;
}
.btn-play.btn-outline:hover, .btn-play.btn-outline:focus{
    background: transparent;
    color: #ffffff;
    border-bottom: 1px solid #ffffff;
}
.btn-play .icon-wrap{
    display: inline-block;
    height: 32px;
    width: 32px;
    border-radius: 50%;
    border: 1px solid #ffffff;
    font-size: 18px;
    margin-right: 10px;
    padding: 3px 12px;
    position: relative;
    top: 2px;
}
.btn-play .icon-wrap .ion-ios-play{
    
}

.ms-btn{
    padding: 10px 34px;
    font-size: 10px;
    font-family: 'poppins', "Helvetica Neue", Helvetica, sans-serif;
    text-transform: uppercase;
    letter-spacing: 1px;
    border-radius: 0px;
}
.ms-btn-lg{
    font-size: 14px;
    padding: 14px 41px;
}
.ms-btn-white{
    color: #ffffff;
    background: transparent;
    border: 1px solid #ffffff
}
.ms-btn-white:hover{
    background-color: #f4f4f4;
    border-color: #f4f4f4;
    color: #444;
}
.ms-btn-link{
    border: 0 !important;
    /*border-bottom: 1px solid #ffffff !important;*/
    padding: 10px 5px;
}
.ms-btn-link.ms-btn-link{
    padding: 13px 0;
}


/* BUTTON ALIGNMENT */
.btn-align-left{
    text-align: left;
}
.btn-align-center{
    text-align: center;
}
.btn-align-right{
    text-align: right;
}










/* LINKS */
/* *********************************** */

a {
    color             : #199cbb;
    text-decoration   : none;
    -webkit-transition: color 0.3s ease-in-out;
    -moz-transition   : color 0.3s ease-in-out;
    -ms-transition    : color 0.3s ease-in-out;
    -o-transition     : color 0.3s ease-in-out;
    transition        : color 0.3s ease-in-out;
    -webkit-backface-visibility: hidden; 
    -moz-backface-visibility:    hidden; 
    -ms-backface-visibility:     hidden;
}
a:hover,
a:focus {
    color: #199cbb;
    text-decoration: none;
    outline: none;
}
a:active{
    outline: none;
}


.alert{
    background: #303030;
    color: #ffffff;
    border-radius: 0;
    border: 1px solid #111;
}


.dropdown-menu{
    
}
.dropdown-menu > li > a{
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 6px 20px;
}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus{
    background-color: #303030;
    
}


/* *********************************** */
/* TOOLTIP */
/* *********************************** */
.tooltip{
    -webkit-transition: opacity 0.2s ease-in-out;
    -moz-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out;
}
.tooltip-inner{
    /*border-radius: 0;*/
    background: #111;
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-size: 11px;
}


/* FORMS */
/* *********************************** */
.form-control{
    font-size: 16px;
    /* box-shadow: none !important; */
    background: #fff;
    border-color: #fff;
    border-radius: 4px;

    -webkit-transition: all ease-in-out .15s;
    -o-transition: all ease-in-out .15s;
    transition: all ease-in-out .15s;
}
.form-control:focus{
    box-shadow: none !important;
    background: #e4e4e4;
    border-color: #e4e4e4;
}
.form-control::-moz-placeholder {
  color: #999999;
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  color: #999999;
}
.form-control::-webkit-input-placeholder {
  color: #999999;
}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    background-color: #fff;
}
.has-error .form-control{
    box-shadow: none;
}

.input-sm{
    font-size: 14px;
}

.help-block{
  font-size: 12px;
  margin-bottom: 0;
}
.help-block p{
  margin-bottom: 5px;
}

.has-error .form-control{
    border-color: #a00;
}
label, .control-label{
    font-family: 'poppins', "Helvetica Neue", Helvetica, sans-serif;
    font-weight: normal;
    color: #4DC4D7;
}
.label-text-normal .control-label{
    color: #555;
}

textarea.form-control{
    resize: none;
}


.checkbox-01 input[type=checkbox], .checkbox-01 input[type=radio]{
    margin: 5px 0 0 !important;
}
.checkbox-01 label{
    font-family: 'Gotham Book', Helvetica, Arial, sans-serif;
    color: #242424;
    padding-left: 28px;
}

.input-group-addon{
    border: 0;
    background: #ddd;
    /*border-radius: 0;*/
}


.kn-form-control{
    padding: 10px 15px;
    height: 42px;
}

.select-wrap{
    background: #F2F2F2;
}

.select-dropdown .btn{
    border: 0;
    background: #F2F2F2;
    color: #262626;
    padding: 10px 45px 10px 25px;
    text-align: left;
    text-transform: none;
    letter-spacing: 0;
    font-size: 14px;
    position: relative;
    width: 100%;
    box-shadow: 0 2px 15px rgba(0,0,0,0.03);
}
.select-dropdown .btn:hover, .select-dropdown.open .btn{
    box-shadow: 0 4px 15px rgba(0,0,0,0.1); 
}
.select-dropdown .btn .select-caret{
    position: absolute;
    font-size: 20px;
    right: 17px;
    top: 6px;
}
.select-dropdown .dropdown-menu{
    box-shadow: 0 2px 15px rgba(0,0,0,0.1);
    width: 100%;
    border: 0;
    margin-top: 0;
    border-radius: 0 0 3px 3px;
    background: #F2F2F2;
}
.select-dropdown .dropdown-menu > li{
    font-size: 14px;
    padding: 10px 25px;
    cursor: pointer;
}

.select-dropdown .dropdown-menu > li:hover{
    background: #d4d4d4;
}




input[type=checkbox], input[type=radio]{
    margin: 7px 0 0;
}


.form-control.bg-muted{
    background-color: #F5F5F5;
}

.input-group-price{
    position: relative;
}

.input-group-addon{
    /* background: #fff; */
    color: #999999;
}

.input-addon-left{
    position: absolute;
    left: 15px;
    top: 8px;
    font-size: 18px;
    z-index: 1;
}
.input-group-price .form-control{
    padding-left: 46px;
}


.input-group-wicon{
    position: relative;
}
.input-group-wicon.left-icon .ig-wicon{
    position: absolute;
    z-index: 1;
    top: 9px;
    left: 15px;
}
.input-group-wicon.left-icon .form-control{
    padding-left: 40px;
}
.input-group-wicon.left-icon .form-control:focus{
    /*border-color: #4c7eef;*/
}





.form-preview .form-control{
    border: 0 !important;
    border-bottom: 1px solid #333 !important;
    padding-left: 0;
    padding-right: 0;
    border-radius: 0;
    font-size: 18px;
}
.form-preview .control-label{
    font-size: 12px;
    text-transform: uppercase;
    font-family: 'TT Commons', "Helvetica Neue", Helvetica, sans-serif;
    font-weight: 500;
    letter-spacing: 1px;
}

/* CUSTOM CHECKBOX */
.custom-checkbox{
    list-style: none;
    padding: 0;
    margin: 0;
}
.custom-checkbox > li{
    float: left;
    display: block;
    margin-right: 20px;
    margin-bottom: 20px;
    width: 150px;
    min-height: 148px;
    border: 2px solid #4DC4D7;
    padding: 40px 20px;
    text-align: center;
    border-radius: 6px;
    position: relative;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.custom-checkbox > li:hover, .custom-checkbox > li.is-checked{
    background: #4DC4D7;
}
.custom-checkbox > li .checkbox-icon{
    width: 60px;
    height: 34px;
    margin: 0 auto 3px;
}
.custom-checkbox > li .checkbox-icon svg{
    width: 60px;
    margin: 0 auto;
}
.custom-checkbox > li .checkbox-icon svg path, .custom-checkbox > li .checkbox-icon svg g{
    fill: #4DC4D7;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.custom-checkbox > li:hover .checkbox-icon svg path, .custom-checkbox > li.is-checked .checkbox-icon svg path{
    fill: #ffffff;
}
.custom-checkbox .checkbox-label{
    font-size: 18px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.custom-checkbox > li:hover .checkbox-label, .custom-checkbox > li.is-checked .checkbox-label{
    color: #fff;
}
.custom-checkbox .check-icon{
    position: absolute;
    right: 15px;
    top: 15px;
    z-index: 2;
    width: 20px;
    height: 20px;
    display: none;
}
.custom-checkbox > li:hover .check-icon, .custom-checkbox > li.is-checked .check-icon{
    display: block;
}


/* CUSTOM RADIO BUTTONS */

.kn-radio label, .kn-checkbox label {
    /*min-width: 400px;*/
    width: 100%;
    /*border-radius: 3px;*/
    /*border: 1px solid #D1D3D4;*/
    font-weight: normal;

    -webkit-transition: background .3s ease-in-out, color .3s ease-in-out;
    -moz-transition: background .3s ease-in-out, color .3s ease-in-out;
    -o-transition: background .3s ease-in-out, color .3s ease-in-out;
    transition: background .3s ease-in-out, color .3s ease-in-out;
}
.kn-radio input[type="radio"]:empty, .kn-checkbox input[type="checkbox"]:empty {
    display: none;
}
.kn-radio input[type="radio"]:empty ~ label, .kn-checkbox input[type="checkbox"]:empty ~ label {
    position: relative;
    line-height: 1.5em;
    text-indent: 45px;
    margin-top: 0;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.kn-radio input[type="radio"]:empty ~ label:before, .kn-checkbox input[type="checkbox"]:empty ~ label:before {
    position: absolute;
    display: block;
    top: 5px;
    bottom: 0;
    left: 0;
    content:'';
    width: 24px;
    height: 24px;
    background: #D1D3D4;
    border-radius: 50%;
}
.kn-checkbox input[type="checkbox"]:empty ~ label:before{
    border-radius: 3px;
}
.kn-radio input[type="radio"]:hover:not(:checked) ~ label:before, .kn-checkbox input[type="checkbox"]:hover:not(:checked) ~ label:before {
    font-family: 'Glyphicons Halflings';
    content: '\e013';
    text-indent: 0;
    color: #fff;
    line-height: 24px;
    font-size: 10px;
    /*background-color: #4DC4D7;*/
    text-align: center;
    color: #C2C2C2;
}
.kn-radio input[type="radio"]:hover:not(:checked) ~ label, .kn-checkbox input[type="checkbox"]:hover:not(:checked) ~ label {
    color: #888;
}
.kn-radio input[type="radio"]:checked ~ label:before, .kn-checkbox input[type="checkbox"]:checked ~ label:before {
    font-family: 'Glyphicons Halflings';
    content: '\e013';
    text-indent: 0;
    color: #fff;
    line-height: 24px;
    font-size: 10px;
    background-color: #4DC4D7;
    text-align: center;

    -webkit-transition: background .3s ease-in-out, color .3s ease-in-out;
    -moz-transition: background .3s ease-in-out, color .3s ease-in-out;
    -o-transition: background .3s ease-in-out, color .3s ease-in-out;
    transition: background .3s ease-in-out, color .3s ease-in-out;
}
.kn-radio input[type="radio"]:checked ~ label, .kn-checkbox input[type="checkbox"]:checked ~ label {
    color: #111;
}
.kn-radio input[type="radio"]:focus ~ label:before, .kn-checkbox input[type="checkbox"]:focus ~ label:before {
    box-shadow: 0 0 0 3px #999;
}
.kn-radio-default input[type="radio"]:checked ~ label:before, .kn-checkbox-default input[type="checkbox"]:checked ~ label:before {
    color: #fff;
    background-color: #4DC4D7;
}
.kn-radio-primary input[type="radio"]:checked ~ label:before, .kn-checkbox-primary input[type="checkbox"]:checked ~ label:before {
    color: #fff;
    background-color: #337ab7;
}
.kn-radio-success input[type="radio"]:checked ~ label:before, .kn-checkbox-success input[type="checkbox"]:checked ~ label:before {
    color: #fff;
    background-color: #5cb85c;
}
.kn-radio-danger input[type="radio"]:checked ~ label:before, .kn-checkbox-danger input[type="checkbox"]:checked ~ label:before {
    color: #fff;
    background-color: #d9534f;
}
.kn-radio-warning input[type="radio"]:checked ~ label:before, .kn-checkbox-warning input[type="checkbox"]:checked ~ label:before {
    color: #fff;
    background-color: #f0ad4e;
}
.kn-radio-info input[type="radio"]:checked ~ label:before, .kn-checkbox-info input[type="checkbox"]:checked ~ label:before {
    color: #fff;
    background-color: #5bc0de;
}


.kn-radio.inline-radio .kn-radio-default, .kn-checkbox.inline-checkbox .kn-checkbox-default{
    display: inline-block;
}

.kn-radio.inline-radio .kn-radio-default:last-child, .kn-checkbox.inline-checkbox .kn-checkbox-default:last-child{
    margin-right: 0;
}

.kn-radio.inline-radio input[type="radio"]:empty ~ label, .kn-checkbox.inline-checkbox input[type="checkbox"]:empty ~ label{
    text-indent: 34px;
}



.question-text-worksheet{
    font-size: 1.5em;
    line-height: 1.5em;
}

.question-text-worksheet.w-parent {
    font-size: 15px;
}
.day1-form .kn-radio input[type="radio"]:empty ~ label:before, 
.day1-form .kn-checkbox input[type="checkbox"]:empty ~ label:before{
    display: none;
}

/* .day1-form .kn-radio.inline-radio input[type="radio"]:empty ~ label, .day1-form .kn-checkbox.inline-checkbox input[type="checkbox"]:empty ~ label {
    text-indent: 0;
    text-align: center;
    box-shadow: 2px 2px 6px 1px rgb(0 0 0 / 22%);
    padding: 20px 10px;
    margin-bottom: 5px;
    background: #fff;
    height: 100%;
    justify-content: center;
    align-items: center;
    display: flex;
    flex-wrap: wrap;
} */
.day1-form .kn-radio.inline-radio input[type="radio"]:empty ~ label, .day1-form .kn-checkbox.inline-checkbox input[type="checkbox"]:empty ~ label {
    text-indent: 0;
    text-align: center;
    /* box-shadow: 2px 2px 6px 1px rgb(0 0 0 / 22%); */
    padding: 20px 10px;
    margin-bottom: 5px;
    background: #fff;
    height: 100%;
    justify-content: center;
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    border-radius: 10px;
    border: 1px solid #D2D2D2;
    transition: all .3s;
}
.day1-form .kn-radio.inline-radio input[type="radio"]:checked ~ label, .day1-form .kn-checkbox.inline-checkbox input[type="checkbox"]:checked ~ label {
    border: 2px solid #184990!important;
    /* box-shadow: 0 0 0 2px #FCB74C !important; */
    background-color: #F1F6FF;
    color: #184990;
}













/* MS SOCIAL */
/* *********************************** */
.ms-share-buttons{
    padding: 0px 100px 20px;
}
.ms-post-share-bar{
    /*padding-top: 15px;*/
    /*border-bottom: 1px solid #eeeeee;*/
}
.ms-social-bar-top{
    padding: 0 20px 15px 60px;
}
.ms-post-share-bar .list-inline{
    margin-bottom: 0;
}
.ms-post-share-bar .ms-share-buttons{
    padding: 0;
}

.ms-share-buttons-compact .ms-share-btn{
    width: 37px;
    -webkit-transition: width 0.3s ease-in-out;
    -moz-transition: width 0.3s ease-in-out;
    -o-transition: width 0.3s ease-in-out;
    transition: width 0.3s ease-in-out;
}
.ms-share-buttons-compact .ms-share-btn .ms-social-icon{
    left: -10px;
    -webkit-transition: left 0.3s ease-in-out;
    -moz-transition: left 0.3s ease-in-out;
    -o-transition: left 0.3s ease-in-out;
    transition: left 0.3s ease-in-out;
}
.ms-share-buttons-compact .ms-share-btn:hover .ms-social-icon{
    left: -3px;
}
.ms-share-buttons-compact .ms-share-btn:hover{
    width: 130px;
}
.ms-share-buttons.ms-share-buttons-compact .list-inline{
    padding-bottom: 0;
    border-bottom: 0;
}
.ms-share-buttons .list-inline > li{
    padding-left: 0;
    padding-right: 3px;
}
.ms-share-buttons .list-inline{
    border-bottom: 1px solid #eee;
    padding-bottom: 20px;
}

.ms-share-buttons .form-group{
    margin-bottom: 5px;
}
.ms-share-btn{
    font-weight: 400;
    padding: 5px 15px 6px 20px;
    color: #ffffff;
    position: relative;
    text-align: left;
    border-radius: 3px;
}
.ms-share-btn:hover, .ms-share-btn:active, .ms-share-btn:focus{
    color: #ffffff;
}
.ms-social-icon{
    display: inline-block;
    width: 18px;
    font-weight: normal !important;
    font-size: 18px;
    position: relative;
    left: -5px;
    top: 2px;
    line-height: 19px;
}
.ms-social-text{
    display: inline-block;
}

.ms-share-btn:hover{
    color: #ffffff;
}
.ms-social-facebook{
    background: #3b5998;
}
.ms-social-twitter{
    background: #55acee;
}
.ms-social-pinterest{
    background: #cb2027;
}
.ms-social-googleplus{
    background: #dd4b39;
}
.ms-social-linkedin{
    background: #0976b4;
}
.ms-social-reddit{
    background: #5f99cf;
}
.ms-social-email{
    background: #777;
}


.share-count{
    display: inline-block;
/*  font-weight: 700;*/
    font-family: 'poppins', serif;
    /*margin-left: 5px;*/
    /*padding: 0 8px;*/
    /*margin-right: -11px;*/
    opacity: 0;
    -webkit-transition: opacity 0.3s ease-in-out;
    -moz-transition: opacity 0.3s ease-in-out;
    -o-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
}

.share-count.is-loaded {
  opacity: 0.7;
}

.politicks-share-buttons-wrap{
    position: fixed;
    z-index: 2;
    right: 30px;
    bottom: 30px;
}
.politicks-share-buttons{
    
}
.politicks-share-buttons .ms-social-icon{
    left: 0;
    top: 0;
    font-size: 24px;
    width: 24px;
    text-align: center;
}
.politicks-share-buttons .ms-share-btn, .btn-open-share-buttons{
    padding: 12px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #ffffff;
    color: #000;
    box-shadow: 0 0 15px rgba(0,0,0,0.1);
}
.politicks-share-buttons .list-inline{
    padding: 0;
    border: 0;
}
.politicks-share-buttons .form-group{
    margin-bottom: 0;
}

.btn-open-share-buttons{
    background-color: #000;
    color: #ffffff;
}
.btn-open-share-buttons:hover, .btn-open-share-buttons:active{
    color: #ffffff; 
}
.politicks-share-buttons .list-inline .p-share-btn{
    opacity: 0;
    visibility: hidden;
    display: none;
    padding-right: 10px;
}
.p-share-btn.animated{
    -webkit-animation-duration: .3s; 
    -moz-animation-duration: .3s; 
    -ms-animation-duration: .3s;
    -o-animation-duration: .3s; 
    animation-duration: .3s;
}
.politicks-share-buttons.open .p-share-btn{
    visibility: visible;
    /*margin-bottom: 5px;*/
/*  display: block;*/
}
.share-svg-icon svg{
    width: 26px;
    height: 26px;
}


@-webkit-keyframes fadeInRight {
    0% {
    opacity:0;
    -webkit-transform:translateX(20px);
    }
    100% {
    opacity:1;
    -webkit-transform:translateX(0);
    }
}
@-moz-keyframes fadeInRight {
    0% {
    opacity:0;
    -moz-transform:translateX(20px);
    }
    100% {
    opacity:1;
    -moz-transform:translateX(0);
    }
}
@-o-keyframes fadeInRight {
    0% {
    opacity:0;
    -o-transform:translateX(20px);
    }
    100% {
    opacity:1;
    -o-transform:translateX(0);
    }
}
@keyframes fadeInRight {
    0% {
    opacity:0;
    transform:translateX(20px);
    }
    100% {
    opacity:1;
    transform:translateX(0);
    }
}
.animated.fadeInRight {
    -webkit-animation-name: fadeInRight;
    -moz-animation-name: fadeInRight;
    -o-animation-name: fadeInRight;
    animation-name: fadeInRight;
}
@-webkit-keyframes fadeInLeft {
    0% {
    opacity:0;
    -webkit-transform:translateX(-20px);
    }
    100% {
    opacity:1;
    -webkit-transform:translateX(0);
    }
}
@-moz-keyframes fadeInLeft {
    0% {
    opacity:0;
    -moz-transform:translateX(-20px);
    }
    100% {
    opacity:1;
    -moz-transform:translateX(0);
    }
}
@-o-keyframes fadeInLeft {
    0% {
    opacity:0;
    -o-transform:translateX(-20px);
    }
    100% {
    opacity:1;
    -o-transform:translateX(0);
    }
}
@keyframes fadeInLeft {
    0% {
    opacity:0;
    transform:translateX(-20px);
    }
    100% {
    opacity:1;
    transform:translateX(0);
    }
}
.animated.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    -moz-animation-name: fadeInLeft;
    -o-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}
@-webkit-keyframes fadeOutRight {
    0% {
    opacity:1;
    -webkit-transform:translateX(0);
    }
    100% {
    opacity:0;
    -webkit-transform:translateX(20px);
    }
}
@-moz-keyframes fadeOutRight {
    0% {
    opacity:1;
    -moz-transform:translateX(0);
    }
    100% {
    opacity:0;
    -moz-transform:translateX(20px);
    }
}
@-o-keyframes fadeOutRight {
    0% {
    opacity:1;
    -o-transform:translateX(0);
    }
    100% {
    opacity:0;
    -o-transform:translateX(20px);
    }
}
@keyframes fadeOutRight {
    0% {
    opacity:1;
    transform:translateX(0);
    }
    100% {
    opacity:0;
    transform:translateX(20px);
    }
}
.animated.fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    -moz-animation-name: fadeOutRight;
    -o-animation-name: fadeOutRight;
    animation-name: fadeOutRight;
}

/* MS DIALOG */
/* *********************************** */
.ms-dialog-open{
    overflow: hidden;
}
.ms-dialog{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999;
    width: 100%;
    height: 100%;
    background-color: #ffffff;
}
.ms-dialog-header{
    position: relative;
    padding: 13px 30px;
    border-bottom: 1px solid #eeeeee;
    overflow: hidden;
    font-size: 12px;
    text-transform: uppercase;
    color: #888;
    text-align: center;
    letter-spacing: 1px;
    min-height: 46px;
}
.ms-dialog-close-btn{
    position: absolute;
    right: 30px;
    top: 9px;
    font-size: 28px;
    color: #888;
}



/* MS PAGINATION */
/* *********************************** */
.pagination{
    margin: 40px 0;
}
.pagination > li > a{
    padding: 8px 16px;
}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus{
    background-color: #000;
    border-color: #000;
}
.pagination > li > a, .pagination > li > span{
    color: #000;    
}
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus{
    color: #000;        
}

/* MS TABS */
/* *********************************** */
.ms-tabs > li > a{
    background: transparent;
    border-radius: 0;
    border: 0;
    /*border-bottom: 3px solid transparent;*/
    color: #444;
    font-size: 16px;
/*  font-weight: 700;*/
    /*font-family: 'poppins', serif;*/
}
.ms-tabs > li > a:hover, .ms-tabs .open > a, .ms-tabs .open > a:hover, .ms-tabs .open > a:focus{
    background: none !important;
}
.ms-tabs > li > a{
    color: #444;
    overflow: hidden;
}
.ms-tabs > li > a::after{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: #008c9e;
    content: '';
    -webkit-transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    -webkit-transform: translate3d(0,150%,0);
    transform: translate3d(0,150%,0);
}
.ms-tabs > li.active > a, .ms-tabs > li.active > a:hover, .ms-tabs > li.active > a:focus{
    background: transparent;
    /*border-color: #008c9e;        */
    color: #008c9e;
}
.ms-tabs > li.active > a::after{
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
.ms-tabs > li.active > a::after, .ms-tabs > li.active > a::after:hover, .ms-tabs > li.active > a::after:focus{
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

.more-post-wrap .ms-tabs > li > a, .ms-tabs-2 > li > a{
    padding: 10px 30px 10px 0;
    margin-right: 10px;
}
.more-post-wrap .post-card-meta{
    font-size: 12px;
    line-height: 16px;
}







/* TABLE */
/* *********************************** */
.table > thead > tr > th, .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td{
    border-color: #eeeeee;
    padding: 8px 20px;
}
.table-bordered{
    border-color: #eeeeee;
}
.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td{
    border-color: #eeeeee;
}

th{
    font-weight: normal;
    text-transform: uppercase;
    font-family: Arial;
    /*letter-spacing: 1px;*/
    color: #888;
    font-size: 12px;
}
.table.borderless td, .table.borderless th {
    border: none;
}
.table-no-padding > thead > tr > th, .table-no-padding > tbody > tr > th, .table-no-padding > tfoot > tr > th, .table-no-padding > thead > tr > td, .table-no-padding > tbody > tr > td, .table-no-padding > tfoot > tr > td{
    padding: 0;
}
hr{
    border-color: #eeeeee;
}


.table-2 th{
    color: #888;
    font-size: 14px;
    font-family: 'poppins', Helvetica, Arial, sans-serif;
    text-transform: none;
    font-weight: 400;
}


/* PANELS */
/* *********************************** */
.panel-default {
    border-color: #dddddd;
}
.panel-default > .panel-heading {
    color: #333;
    background-color: #ffffff;
    border-color: #dddddd;
}
.panel-group .panel{
    border-radius: 0;
}
.panel-group .panel:first-child{
    border-radius: 4px 4px 0 0;
}
.panel-group .panel:last-child{
    border-radius: 0 0 4px 4px;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
    background: #fafafa;
}
.panel-group .panel + .panel{
    margin-top: -1px;
}

.panel-heading{
    padding: 15px 18px;
}
.panel-title{
    font-size: 14px;
}
.panel-heading a{
    display: block;
    text-decoration: none;
}
.panel-heading a:hover, .panel-heading a:focus{
    text-decoration: none;
}





/* *********************************** */
/* POST STYLES */
/* *********************************** */
.list-post-grid{
    list-style: none;
    padding: 0;
    margin: 0;
}

.post-card-wrap{
    position: relative;
    min-height: 400px;
    /*background: #f1f1f1;*/
    /*border: 1px solid #eeeeee;*/
    /*margin-bottom: 30px;*/
    box-shadow: 0 0 1px #f3f3f3;
    padding: 20px;
    
    background: #ffffff;
    -webkit-transition: box-shadow 0.3s ease-in-out;
    -moz-transition: box-shadow 0.3s ease-in-out;
    transition: box-shadow 0.3s ease-in-out;
}

.post-card-wrap:hover{
    box-shadow: inset 0 0 3px #dddddd;
}

.post-card-wrap .post-link{
    display: block;
}
.post-card{
    position: relative;
    z-index: 2;
}
.post-card .text{
    position: relative;
    
}
.post-card .post-link{
    display: block;
    /*background-color: #000;*/
}

/* WALL STYLE */
.summary-wall-container{
    padding: 60px 0;
    background: #222222;
}
.post-card-wrap-wall{
    /*background: #fff;*/
    
}
.post-card-wrap-wall .text{
    padding: 1px 15px;
}



/*.post-card .text:after {
    bottom: 100%;
    left: 0;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #fff;
    border-width: 8px;
    margin-left: 20px;
}*/
.post-card h3{
    margin-top: 0;
    padding-top: 10px;
    margin-bottom: 6px;
    /*color: #111;*/
    /*font-family: 'proxima_nova_rgregular', serif;*/
    /*font-weight: 400;*/
    font-size: 14px;
    line-height: 18px;
    font-family: 'proxima_novalight', serif;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.post-card h3 a{
    color: #111;
}
.post-card .title{
    
    -webkit-transition: box-shadow 0.3s ease;
    -moz-transition: box-shadow 0.3s ease;
    transition: box-shadow 0.3s ease;
}
.post-card:hover .title{
    box-shadow: inset 0 -2px 0 #000;
    text-transform: normal;
}

.post-card .image{
    /*background-color: #1b1b1b;*/
    background-color: #eeeeee;
    background-position: center center;
    background-size: cover;
    display: block;
    height: 0;
    overflow: hidden;
    width: 100%;
    color: #fff;
    /*padding-top: 50%;  Aspect Ratio Auto */
    padding-top: 56.25%;
    position: relative;
    box-shadow: 0 0 8px rgba(0,0,0,0.075);
}

/*
    Image Aspect ratio
    1:1 Square: 100% 
    3:2 Standard: 66.6667%
    2:3 Standard (Vertical): 150%
    4:3 Four-Three: 75%
    3:4 Three-Four (Vertical): 133.333%
    16:9 Widescreen: 56.25%
    2.4 Anomorphic Widescreen: 41.6667%
*/
.ar-square .image{
    padding-top: 41.6667%;
}
.ar-standard .image{
    padding-top: 66.6667%;
}
.ar-standard-vertical .image{
    padding-top: 150%;
}
.ar-four-three .image{
    padding-top: 75%;
}
.ar-three-four-vertical .image{
    padding-top: 133.333%;
}
.ar-widescreen .image{
    padding-top: 56.25%;
}
.ar-anomorphic-widescreen .image{
    padding-top: 41.6667%;
}

.image{
    /*-webkit-transform-style: preserve-3d;*/
    /*-webkit-transform:translate3d(0,0,0);*/

    -webkit-transform:translate3d(0,0,0);
    -webkit-transform: translateZ(0);
    -webkit-backface-visibility: hidden; 
    -moz-backface-visibility:    hidden; 
    -ms-backface-visibility:     hidden;
}
.post-card .image-backdrop:hover{
    opacity: 0;
}
.image-backdrop{
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: #000;
    opacity: 0.3;
    z-index: 1;

    -webkit-transition: opacity 0.3s ease;
    -moz-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
}



.post-card .intro{
    color: #888;
    /*font-size: 14px;
    line-height: 20px;*/
}
.post-card-meta{
    margin-top: 12px;
    color: rgba(0,0,0,0.4);
    line-height: 20px;
}
.post-card-meta .share-btn{
    opacity: 0;
    color: #888;
}
.summary-item:hover .post-card-meta .share-btn{
    opacity: 1;
}
.post-body-wrap{
    box-shadow: 7px 3px 16px rgba(0,0,0,0.05);
    overflow: hidden;
    padding-bottom: 40px;
    /*box-shadow: 0 3px 16px rgba(0,0,0,0.2);*/
}
.more-post-wrap{
    padding: 10px 60px 40px;
}
.comments-post-wrap{
    padding: 10px 60px 40px;
}
.more-post-wrap .tab-content{
    padding: 20px 0;
}
.more-post-wrap .post-card h3{
    font-size: 14px;
    line-height: 18px;
}

.post-user-meta{
    background: #333;
    padding: 30px 60px;
    color: #999;
}
.post-user-meta a{
    color: #ffffff;
    box-shadow: inset 0 -1px 0 #999;
}
.post-user-meta a:hover{
    box-shadow: inset 0 -1px 0 #ffffff;
}
.post-user-meta .author-photo{
    overflow: hidden;
    display: inline-block;
    width: 80px;
    height: 80px;
    border-radius: 40px;
    box-shadow: 0 0 0 4px #ffffff;
    /*margin-right: 20px;*/
}
.post-user-meta .author-photo:hover{
    box-shadow: 0 0 0 4px #000;
}
.post-user-meta .author-meta{

}
.post-user-meta hr{
    border-color: #444;
}
.post-user-meta .author-name{
    color: #ffffff;
    font-size: 16px;
    line-height: 24px;
/*  font-weight: 700;*/
    font-family: 'poppins', serif;
    box-shadow: none;
}
/* MASONRY STYLE */
.msis-summary-container {
  margin: 0 auto;
}
/* MASONRY STYLE */
.ms-carousel-item{
    padding: 5px 0;
}

/* SUMMARY LIST STYLE */
.summary-list .ms-list-item{
    display: block;
    overflow: hidden;
    margin-bottom: 20px;
}
.summary-list .ms-list-item .post-image-wrap{
    width: 40%;
}
.summary-list .ms-list-item .post-image-wrap.list-image-left{
    float: left;
    padding-right: 20px;
}
.summary-list .ms-list-item .post-image-wrap.list-image-right{
    float: right;
    padding-left: 20px;
}
.summary-list .ms-list-item .text{
    float: left;
    width: 60%;
}



.post-card-wrap-carousel{
    /*padding: 15px;*/
    background: #ffffff;
    box-shadow: 0 0 8px rgba(0,0,0,0.075);
    
    -webkit-transition: box-shadow 300ms ease-in-out;
    -moz-transition: box-shadow 300ms ease-in-out;
    -ms-transition: box-shadow 300ms ease-in-out;
    transition: box-shadow 300ms ease-in-out;
}
.ms-carousel-item:hover .post-card-wrap-carousel{
    box-shadow: 0 2px 10px rgba(0,0,0,0.2);
}

.post-card-layer{
    box-shadow: 3px 4px rgba(255,255,255,0.8),6px 7px rgba(255,255,255,0.6);
}
.post-card-layer:hover{
    box-shadow: 5px 6px rgba(255,255,255,0.8),10px 11px rgba(255,255,255,0.6);
}


.post-card-wrap-body-carousel .text{
    /*padding: 1px 15px;*/
    padding: 8px 21px;
}



.blog--landing--body .author-photo{
    overflow: hidden;
    display: inline-block;
    width: 120px;
    height: 120px;
    border-radius: 60px;
    box-shadow: 0 0 0 4px #ffffff;
    /*margin-right: 20px;*/
}
.blog--landing--body .blog-author-profile{
    padding: 120px 0;
}
.blog--landing--body .author-meta{
    font-size: 16px;
    line-height: 22px;
    font-weight: 300;
}
.blog--landing--body .author-name{
    color: #ffffff;
    font-size: 26px;
    line-height: 34px;
    font-family: 'poppins', serif;
    font-weight: 400;
    box-shadow: none;
}
.blog--landing--body a{
    color: #ffffff;
    font-weight: 400;
}

.blog--landing--body{
    position: relative;
    z-index: 2;
}
.blog--landing--wrap{
    /*background: #000;
    position: relative;
    min-height: 200px;
    min-height: 300px;
    color: #fff;
    margin-bottom: 20px;
    padding-top: 65px;*/
}
.blog--landing--wrap .image-backdrop{
    opacity: 0;
}
.page-title-wrap{
    /*padding: 50px 0 0;*/
}
.page-description-wrap{
    text-align: center;
    
    padding: 20px;
    font-weight: 300;
    font-size: 16px;
    line-height: 22px;
    /*background: rgba(0,0,0,0.3);*/
}

.page-title-wrap h1{
    /*font-size: 48px;
    line-height: 52px;
    font-family: 'poppins', serif;
    font-weight: 400;*/
}
.landing-backdrop{
    /*background-color: #000;*/
    background-size: 1400px;
    background-position: center top;
    background-repeat: no-repeat;
    bottom: 0;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 0;
    /*-webkit-filter: blur(8px);*/
    /*-moz-filter: blur(8px);*/
    /*-ms-filter: blur(8px);*/
    /*filter: blur(8px);*/
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1);
    opacity: 0.8;
}

.arrow-clip{
    -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 97%, 10% 97%, 8% 100%, 6% 97%, 0 97%);
    clip-path: polygon(0% 0%, 100% 0%, 100% 97%, 10% 97%, 8% 100%, 6% 97%, 0 97%);
}

/* SINGLE POST */
.blog-post-container{
    box-shadow: 0 1px 18px rgba(0,0,0,0.05);
    background: #ffffff;
    
    -webkit-transition: -webkit-transform 300ms ease-in-out;
    -moz-transition: -moz-transform 300ms ease-in-out;
    -ms-transition: -ms-transform 300ms ease-in-out;
    transition: transform 300ms ease-in-out;
    overflow: hidden;
}

.arrow_box {
    position: relative;
    background: #fff;
}
.arrow_box:after {
    top: 100%;
    /*left: 50%;*/
    left: 70px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255, 255, 255, 0);
    border-top-color: #ffffff;
    border-width: 15px;
    margin-left: -15px;
}

.blog-post-image .image{
    /*background-color: #919191;
    background-position: center center;
    background-size: cover;
    display: block;
    height: 0;
    overflow: hidden;
    width: 100%;
    
    padding-top: 50%;
    padding-top: 59.6667%;
    position: relative;*/

    
}

.blog--post--wrapper{
    /*padding: 120px 0 200px;*/
    /*background: #f6f6f6;*/
}
.post-single-header{
    padding: 40px 60px 15px;
    /*border-bottom: 1px solid #ececec;*/
    z-index: 1;
}
.post-footer{
    padding: 40px 100px 20px;
}
.post-single-header .breadcrumb{
    /*text-transform: uppercase;*/
    /*font-size: 12px;*/
}
.post-single-header .breadcrumb > .active{
    color: #999;
}
.breadcrumb{
    background: none;
    padding: 0;
    border:0;
}
.post-single-header .title{
    color: #111;
    font-size: 40px;
    line-height: 46px;
    /*font-weight: 700;*/
    /*font-family: 'poppins', "Helvetica Neue", Helvetica, sans-serif;*/
    margin-bottom: 15px;
    font-family: 'poppins', serif;
    font-weight: 400;
}
.blog-post-content .paragraph-block, .quote-block{
    padding: 40px 100px;
    font-size: 16px;
    line-height: 26px;
    /*font-weight: 300;*/
}
.blog-post-content .image-block{
    position: relative;
}
.blog-post-content p {
    margin: 0 0 20px;
    /*font-size: 16px;*/
    /*line-height: 24px;*/
    margin-bottom: 20px;
}

.author-thumb img{
    width: 30px;
    height: 30px;
    border-radius: 50%;
}
.post-meta{
    margin-bottom: 0;
}
.post-meta > li{
    padding: 0;
    margin-right: 7px;
    color: #999;
    /*text-transform: uppercase;*/
    font-size: 12px;
}
.post-meta > li.tweet > a{
    color: #55acee;
/*  font-weight: 700;*/
    font-family: 'poppins', serif;
}

.post-sidebar{
    border-top: 1px solid #eeeeee;
}
.post-sidebar-wrap{
    
}
.post-sidebar-wrap .side-header{
    margin-top: 20px;
    margin-bottom: 0;
    padding: 0 25px;
    /*font-weight: 900;*/
}
.post-sidebar-wrap .post-card h3{
    margin-top: 0;
    padding-top: 0;
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 0;
}
.post-sidebar-wrap .post-card-meta{
    /*margin-top: 0;*/
    margin: 0;
}
.post-sidebar-wrap .ms-list-item{
    padding-bottom: 10px;
    border-bottom: 1px solid #eeeeee;
    padding: 15px 25px;
    margin-bottom: 0;
}



.slick-prev{
    left: 25px;
    z-index: 10;
}
.slick-next{
    right: 25px;
    z-index: 10;
}


/* *********************************** */
/* OWL CAROUSEL */
/* *********************************** */
/* 
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
  -webkit-animation-duration: 1000ms;
  animation-duration: 1000ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.owl-carousel .owl-animated-in {
  z-index: 0;
}
.owl-carousel .owl-animated-out {
  z-index: 1;
}
.owl-carousel .fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

/* 
 *  Owl Carousel - Auto Height Plugin
 */
.owl-height {
  -webkit-transition: height 500ms ease-in-out;
  -moz-transition: height 500ms ease-in-out;
  -ms-transition: height 500ms ease-in-out;
  -o-transition: height 500ms ease-in-out;
  transition: height 500ms ease-in-out;
}

/* 
 *  Core Owl Carousel CSS File
 */
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1;
}
.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y;
}
.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  /* fix for flashing background */
  -webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-controls .owl-nav .owl-prev,
.owl-carousel .owl-controls .owl-nav .owl-next,
.owl-carousel .owl-controls .owl-dot {
  cursor: pointer;
  cursor: hand;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.owl-carousel.owl-loaded {
  display: block;
}
.owl-carousel.owl-loading {
  opacity: 0;
  display: block;
}
.owl-carousel.owl-hidden {
  opacity: 0;
}
.owl-carousel .owl-refresh .owl-item {
  display: none;
}
.owl-carousel .owl-item {
  position: relative;
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
/* my fix */
.owl-carousel .owl-item *{ 
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;  
}
.owl-carousel .owl-item img {
  display: block;
  width: 100%;
  -webkit-transform-style: preserve-3d;
}
.owl-carousel.owl-text-select-on .owl-item {
  -webkit-user-select: auto;
  -moz-user-select: auto;
  -ms-user-select: auto;
  user-select: auto;
}
.owl-carousel .owl-grab {
  cursor: move;
  cursor: -webkit-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab;
}
.owl-carousel.owl-rtl {
  direction: rtl;
}
.owl-carousel.owl-rtl .owl-item {
  float: right;
}

/* No Js */
.no-js .owl-carousel {
  display: block;
}

/* 
 *  Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  -webkit-transition: opacity 400ms ease;
  -moz-transition: opacity 400ms ease;
  -ms-transition: opacity 400ms ease;
  -o-transition: opacity 400ms ease;
  transition: opacity 400ms ease;
}
.owl-carousel .owl-item img {
  transform-style: preserve-3d;
}

/* 
 *  Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000;
}
.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url("owl.video.play.png") no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  -webkit-transition: scale 100ms ease;
  -moz-transition: scale 100ms ease;
  -ms-transition: scale 100ms ease;
  -o-transition: scale 100ms ease;
  transition: scale 100ms ease;
}
.owl-carousel .owl-video-play-icon:hover {
  -webkit-transition: scale(1.3, 1.3);
  -moz-transition: scale(1.3, 1.3);
  -ms-transition: scale(1.3, 1.3);
  -o-transition: scale(1.3, 1.3);
  transition: scale(1.3, 1.3);
}
.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none;
}
.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  -webkit-transition: opacity 400ms ease;
  -moz-transition: opacity 400ms ease;
  -ms-transition: opacity 400ms ease;
  -o-transition: opacity 400ms ease;
  transition: opacity 400ms ease;
}
.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
}


/* OWL Theme */
.owl-theme .owl-controls {
    margin-top: 10px;
    text-align: center;
    -webkit-tap-highlight-color: transparent
}
.owl-theme .owl-controls .owl-nav [class*=owl-] {
    color: #fff;
    font-size: 14px;
    margin: 5px;
    padding: 4px 7px;
    background: #d6d6d6;
    display: inline-block;
    cursor: pointer;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}
.owl-theme .owl-controls .owl-nav [class*=owl-]:hover {
    background: #000;
    color: #fff;
    text-decoration: none
}
.owl-theme .owl-controls .owl-nav .disabled {
    opacity: .5;
    cursor: default
}
.owl-theme .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1;
    *display: inline
}
.owl-theme .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 5px 7px;
    background: #222222;
    display: block;
    -webkit-backface-visibility: visible;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px
}
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    background: #000
}

.owl-prev, .owl-next{
    margin: 0 !important;
    padding: 3px 7px !important;
    background: transparent !important;
    color: #222 !important;
    opacity: 0.5;
    font-size: 36px !important;
    -webkit-transition: opacity 0.3s !important;
    transition: opacity 0.3s !important;
}
.owl-prev:hover, .owl-next:hover{
    opacity: 1;
}
.owl-prev{
    position: absolute;
    top: 50%;
    left: -50px;
    height: 40px;
    margin-top: -20px !important;
}
.owl-next{
    position: absolute;
    top: 50%;
    right: -50px;
    height: 40px;
    margin-top: -20px !important;
}

.owl-prev.off-control, .owl-next.off-control{
    opacity: 0;
}
 #day1-testimony.owl-carousel .owl-controls,  #newnormal-sug.owl-carousel .owl-controls {
   display: none !important;
}
#day1-testimony .owl-item{
    /* min-width: 10%; */
}
.ms-loader-image{
    padding: 5px;
    background-color: #fff;
    width: 30px;
    height: 30px;
    border-radius: 15px;
    box-shadow: 0 0 8px rgba(0,0,0,0.2);
}

.ms-panel{
    background-color: #ffffff;
    padding: 30px;
    box-shadow: 0 0 4px rgba(0,0,0,0.2);
    margin-bottom: 30px;
}
.ms-panel .header{
    margin-top: 0;
}


ul.list-check{
   padding-left: 10px;
   text-indent: 2px;
   list-style: none;
   list-style-position: outside; 
}
.list-check > li:before {
    content: '✔';   
    /*content: '\f373';   */
    /*content: '\f120';   */
    /*content: '\f373';   */
    /*margin-left: -2em;*/
    /*margin-right: .100em;*/
    color: #00ad66;
    font-family: "Ionicons";
    position: relative;
    left: -10px;
}


.google-map iframe{
    width: 100%;
}



.slick-slider-wrap .slide-image{
    /*height: 600px;*/
    background-color: transparent;
    background-size: cover;
    background-position: center center;
}
.slick-slide img{
    margin: 0 auto;
}
.bootbox-body .twentytwenty-container{
    min-height: 300px !important;
}




/* *********************************** */
/* MODAL */
/* *********************************** */
.bootbox-body .container{
    width: 100%;
}


.modal{
    /*color: #333;*/
}
.modal-md{
    width: 700px;
}
@media (max-width: 760px ) {
    .modal-md{
        width: auto;
    }
}

@media (min-width: 768px){
    .modal-dialog {
        margin: 120px auto;
    }
    
}

@media ( max-width: 768px ){
    #day1-intro-video{
        top: 100px;
    }
    #day1-intro-video .modal-body{
        padding: 10px;
    }
    .site--logo{
        padding:10px 0 0 0;
    }
    
}

.modal {
  text-align: center;
  padding: 0!important;
}

.modal:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -4px;
}

.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}




.modal-title{
    font-weight: normal;
    font-family:'Gotham', Helvetica, Arial, sans-serif;
    padding: 20px 0;
    font-size: 20px;
    margin-bottom: 5px;
  /*text-align: center;*/
}
.modal-header{
    border-bottom: none;
    /*box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);*/
    border-radius: 0;
    padding: 10px 15px;
  text-align: center;
}
.modal-header .close{
    margin-top: 0px;
    font-size: 28px;
}
.modal-body{
    min-height: 80px;
  padding: 15px 40px 30px;
}
.modal-content{
  border-radius: 8px;
    border: none;
    box-shadow: none;
    -webkit-box-shadow: 0 3px 14px rgba(0, 0, 0, 0.1);
    box-shadow: 0 3px 14px rgba(0, 0, 0, 0.1);
}
.modal-footer{
  text-align: left;
    padding: 20px 40px 20px 40px;
    border: none;
  box-shadow: none;
  /*border-top: 1px solid #b5c2cd;*/
    box-shadow: inset 0 0px 4px rgba(0, 0, 0, 0.2);
}



.kn-modal .modal-title{
    font-family: 'poppins', "Helvetica Neue", Helvetica, sans-serif;
    font-size: 26px;
    line-height: 28px;
    color: #4DC4D7;
    /*text-transform: uppercase;*/
    /*letter-spacing: 4px;*/
    padding-top: 50px;
    padding-bottom: 10px;
}

.kn-modal .modal-body{
    padding: 10px 80px 50px;
}
.kn-modal-center{
    text-align: center;
}








.ms-loader-image-container{
    position: relative;
    /*display: block !important;*/
    margin-bottom: 100px !important;
}

.circular {
  -webkit-animation: rotate 2s linear infinite;
          animation: rotate 2s linear infinite;
  height: 50px;
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  -webkit-transform: translate(-50%, -50%) rotate(360deg);
          transform: translate(-50%, -50%) rotate(360deg);
  width: 50px;
  z-index: 4;
}

.path {
  stroke-dasharray: 1, 500;
  stroke-dashoffset: 0;
  -webkit-animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
          animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
  stroke-linecap: round;
  stroke: #000;
}

@-webkit-keyframes rotate {
  0% {
    -webkit-transform: translate(-50%, -50%) rotate(0deg);
            transform: translate(-50%, -50%) rotate(0deg);
  }
  100% {
    -webkit-transform: translate(-50%, -50%) rotate(360deg);
            transform: translate(-50%, -50%) rotate(360deg);
  }
}

@keyframes rotate {
  0% {
    -webkit-transform: translate(-50%, -50%) rotate(0deg);
            transform: translate(-50%, -50%) rotate(0deg);
  }
  100% {
    -webkit-transform: translate(-50%, -50%) rotate(360deg);
            transform: translate(-50%, -50%) rotate(360deg);
  }
}
@-webkit-keyframes dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35;
  }
  100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124;
  }
}
@keyframes dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35;
  }
  100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124;
  }
}




/* *********************************** */
/* FOOTER */
/* *********************************** */
#feedback-modal.modal{
    color: #333;
}
#feedback-modal .modal-title{
    font-weight: 300;
}
#feedback-modal .modal-header{
    border-bottom: none;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
    border-radius: 0;
    padding: 10px 15px;
}
#feedback-modal .modal-header .close{
    margin-top: 0px;
    font-size: 28px;
}
#feedback-modal .modal-body{
    min-height: 80px;
}
#feedback-modal .modal-content{
    border: none;
    box-shadow: none;
    -webkit-box-shadow: 0 3px 14px rgba(0, 0, 0, 0.1);
    box-shadow: 0 3px 14px rgba(0, 0, 0, 0.1);
}
#feedback-modal .modal-footer{
    padding: 10px 15px;
    border: none;
    box-shadow: inset 0 0px 4px rgba(0, 0, 0, 0.2);
}
#feedback-modal .modal-footer .btn{
    min-width: 60px;
}



.modal.modal-bottom-to-top.fade {
  top: 200%;
  -webkit-transition: opacity 0.3s linear, top 0.3s ease-out;
     -moz-transition: opacity 0.3s linear, top 0.3s ease-out;
       -o-transition: opacity 0.3s linear, top 0.3s ease-out;
          transition: opacity 0.3s linear, top 0.3s ease-out;
}

.modal.modal-bottom-to-top.fade.in {
  top: 66px;
}

#feedback-modal{
    background-color: #282828;
}
#feedback-modal .form-control{
    border-radius: 0;
    border: 0;
    border-bottom: 2px solid #ffffff;
    padding: 5px 10px;
    box-shadow: none;
    background-color: transparent;
    color: #ffffff;
}
#feedback-modal .form-control:focus{
    box-shadow: none !important;
    border-bottom: 2px solid #ffffff;
}
#feedback-modal .form-control::-moz-placeholder {
  color: #ffffff;
  opacity: 1;
}
#feedback-modal .form-control:-ms-input-placeholder {
  color: #ffffff;
}
#feedback-modal .form-control::-webkit-input-placeholder {
  color: #ffffff;
}
#feedback-modal .close{
    height: 40px;
    width: 40px;
    background: #fff;
    border-radius: 20px;
    opacity: 1;
    padding: 0 2px 3px;

    position: absolute;
    top: 30px;
    right: 0;
}
#feedback-modal .modal-content{
    box-shadow: none;
    background-color: #282828;
    color: #ffffff;
    border-radius: 0;
    padding: 80px 100px;
    border-color: 0;
}
#feedback-modal .lead{
    font-size: 16px;
    line-height: 26px;
}
#feedback-modal .form-group{
    margin-bottom: 30px;
}
#feedback-modal .form-control{
    font-size: 16px;
    line-height: 24px;
}

#feedback-modal .modal-header{
    box-shadow: none;
    padding: 20px 15px;
}
#feedback-modal .modal-header .modal-title{
    font-size: 36px;
    line-height: 40px;
}

#feedback-modal .has-error .help-block, #feedback-modal .has-error .control-label, #feedback-modal .has-error .radio, #feedback-modal .has-error .checkbox, #feedback-modal .has-error .radio-inline, #feedback-modal .has-error .checkbox-inline, #feedback-modal .has-error.radio label, #feedback-modal .has-error.checkbox label, #feedback-modal .has-error.radio-inline label, #feedback-modal .has-error.checkbox-inline label{
    color: #888;
}
#feedback-modal .has-error .form-control{
    border-color: #888;
}
#feedback-modal .has-error .form-control:focus{
    border-color: #ffffff;
}





#cookie-popup{
    position: fixed;
    z-index: 1010;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    background: #111;
    color: #fff;
    padding: 15px;

    -webkit-transform: translateY(100%);
    transform: translateY(100%);

    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    
    -webkit-transition: -webkit-transform 600ms cubic-bezier(.694,0,.335,1);
    transition: -webkit-transform 600ms cubic-bezier(.694,0,.335,1);
    -o-transition: transform 600ms cubic-bezier(.694,0,.335,1);
    transition: transform 600ms cubic-bezier(.694,0,.335,1);
    transition: transform 600ms cubic-bezier(.694,0,.335,1),-webkit-transform 600ms cubic-bezier(.694,0,.335,1);
    text-align: center;
}

#cookie-popup .container{
    width: 100%;
    max-width: 1600px;
}
#cookie-popup.open-cookie{
    visibility: visible;
    -webkit-transform: translateX(0);
    transform: translateX(0);

    -webkit-transition: -webkit-transform 600ms cubic-bezier(.694,0,.335,1);
    transition: -webkit-transform 600ms cubic-bezier(.694,0,.335,1);
    -o-transition: transform 600ms cubic-bezier(.694,0,.335,1);
    transition: transform 600ms cubic-bezier(.694,0,.335,1);
    transition: transform 600ms cubic-bezier(.694,0,.335,1),-webkit-transform 600ms cubic-bezier(.694,0,.335,1);

    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    -webkit-overflow-scrolling: touch;
}
#cookie-popup .close{
    color: rgba(255,255,255,0.8);
    opacity: 1;
}

#cookie-popup p{
    margin: 0;
    padding: 0;
}


#demo-banner{
    position: fixed;
    z-index: 1012;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    background: #ff4149;
    color: #fff;
    padding: 15px;

    -webkit-transform: translateY(100%);
    transform: translateY(100%);

    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    
    -webkit-transition: -webkit-transform 600ms cubic-bezier(.694,0,.335,1);
    transition: -webkit-transform 600ms cubic-bezier(.694,0,.335,1);
    -o-transition: transform 600ms cubic-bezier(.694,0,.335,1);
    transition: transform 600ms cubic-bezier(.694,0,.335,1);
    transition: transform 600ms cubic-bezier(.694,0,.335,1),-webkit-transform 600ms cubic-bezier(.694,0,.335,1);
    text-align: center;
}

#demo-banner .container{
    width: 100%;
    max-width: 1600px;
}
#demo-banner.open-banner{
    visibility: visible;
    -webkit-transform: translateX(0);
    transform: translateX(0);

    -webkit-transition: -webkit-transform 600ms cubic-bezier(.694,0,.335,1);
    transition: -webkit-transform 600ms cubic-bezier(.694,0,.335,1);
    -o-transition: transform 600ms cubic-bezier(.694,0,.335,1);
    transition: transform 600ms cubic-bezier(.694,0,.335,1);
    transition: transform 600ms cubic-bezier(.694,0,.335,1),-webkit-transform 600ms cubic-bezier(.694,0,.335,1);

    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    -webkit-overflow-scrolling: touch;
}
#demo-banner .close{
    color: rgba(255,255,255,0.8);
    opacity: 1;
}
#demo-banner .btn-close-banner{
    position: absolute;
    top: -10px;
    right: 20px;
    font-size: 24px;
    padding: 1px;
    z-index: 5;
    background: #fff;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    color: #111;
    box-shadow: 0 0 15px rgba(0,0,0,0.1);
}

#demo-banner p{
    margin: 0;
    padding: 0;
}




#footer{
    /*border-top: 1px solid #eee;*/
    padding: 30px 0;
    background: #242424;
    /*color: #ffffff;*/
    /*text-align: center;*/
    position: relative;
    color: #ffffff;
}
#footer-logo-wrap{
    width: 40px;
    float: left;
    margin-right: 40px;
}
.all-rights-wrap{
    text-align: right;
    /*text-transform: uppercase;*/
    font-size: 12px;
    margin-top: 10px;
}
.footer-nav{
    float: left;
    list-style: none;
    padding: 0;
    margin: 0;
}
.footer-nav > li{
    list-style: none;
    padding: 0;
    margin-right: 30px;
    display: inline-block;
}
.footer-nav > li > a{
    font-size: 14px;
    display: inline-block;
    color: #ffffff;
    padding: 5px 0;
}


#footer-sess-out{
    background: #F4F4F4;
    padding: 60px 0;
    font-size:10px;
    letter-spacing: 2px;
}
.footer-nav-sess-out-sm{
    
    font-size:9px;
}
.footer-nav-sess-out,.footer-nav-sess-out-sm{
    list-style: none;
    padding: 0;
    margin: 0;
}
.footer-nav-sess-out > li , .footer-nav-sess-out-sm > li{
    margin-top:10px;
    display: inline-block;
    /* display: block; */
}
.footer-nav-sess-out > li > a , .footer-nav-sess-out-sm > li > a{
    display: inline-block;
    color: #333;
}
.footer-nav-sess-out > li > a {

    padding: 10px 20px;
}
.footer-nav-sess-out-sm > li > a{
    padding: 10px 10px;
}
.footer-nav-sess-out-sm > li{
    font-family: 'poppins', "Helvetica Neue", Helvetica, sans-serif;
    margin:5px;
}
.social-list-icon{
    list-style: none;
    padding: 0;
    /* margin: 30px 0; */
}
.social-list-icon > li{
    display: inline-block;
}
.social-list-icon > li > a{
    display: inline-block;
    background: #333;
    width: 45px;
    height: 45px;
    padding: 12px;
    margin: 0 10px;
    border-radius: 10%;
}
.social-list-icon > li.social-fb > a{
    background: #3E65A4;
}
.social-list-icon > li.social-ig > a{
    background: #ED1376;
}
.social-list-icon > li.social-li > a{
    background: #1074AE;
}




.all-rights-wrap-session-out{
    text-align: center;
    font-size: 14px;
}

@media( max-width: 844px ){
    #footer-logo-wrap{
        margin: 0 auto 15px;
        display: block;
        float: none;
        overflow: hidden;
    }
    .footer-nav{
        text-align: center;
        float: none;
    }
}


#footer .list-inline{
    margin: 0;
}
#footer .list-inline > li > a{
    font-size: 11px;
    color: #262627;
    font-size: 12px;
    /*font-style: italic;*/
}

.list-inline-bullet > li{
    padding: 0;
}
.list-inline-bullet li:after{
    content:'\2022'; 
    margin:0 10px;
    font-size: 8px;
}
.list-inline-bullet li:last-child:after{
    content: "";
    margin-right: 0;
}
.footer-link{
    text-align: left;
    display: block;
    color: #0033A0 !important;
    margin-bottom: 3px;
}
.footer-link .icon{
    font-size: 24px;
    width: 20px;
    display: inline-block;
    position: relative;
    top: 4px;
    text-align: center;
    margin-right: 5px;
}
.footer-link .fb-icon{
    font-size: 16px;
    line-height: 22px;
    padding: 1px 1px 0px 3px;
    width: 20px;
    height: 20px;
    display: inline-block;
    position: relative;
    top: 1px;
    text-align: center;
    background: #262627;
    border-radius: 10px;
    color: #ffffff;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition   : all 0.3s ease-in-out;
    -ms-transition    : all 0.3s ease-in-out;
    -o-transition     : all 0.3s ease-in-out;
    transition        : all 0.3s ease-in-out;
}
.footer-link:hover .fb-icon, .footer-link:focus .fb-icon{
    background: #e73748;
}
.footer-link:hover, .footer-link:focus{
    /*color: #ffffff;*/
}



.footer-email-wrap{
    background-color: #1a1a1a;
    height: 104px;
    width: 104px;
    margin: 0 auto;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    margin-left: -52px;
    top: -115px;
}
.footer-email-wrap svg{
    width: 40px;
    height: 103px;
    margin: 0 auto;
}
.footer-email-wrap path{
    fill: #ffffff;
}


.content-block-section{
    position: relative;
}

.content-block-section .container-fluid{
    padding: 0;
    width: 100%;
    overflow: hidden;
}

.video-block-section{
    min-height: 500px;
}
.video-background {
  background: #000;
  position: absolute;
  top: 0; right: 0; bottom: 0; left: 0;
  z-index: -99;
  overflow: hidden;
}
.video-foreground{
    /*opacity: 0.7;*/
}
.video-foreground,
.video-background iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}


.vimeo-wrapper {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   z-index: -1;
   pointer-events: none;
   overflow: hidden;
}
.vimeo-wrapper iframe {
   width: 100vw;
   height: 56.25vw; /* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */
   min-height: 100vh;
   min-width: 177.77vh; /* Given a 16:9 aspect ratio, 16/9*100 = 177.77 */
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
}




/* HOVER EFFECTS */

.hover-grid {
    position: relative;
    margin: 0 auto;
    padding: 1em 0 4em;
    max-width: 1000px;
    list-style: none;
    text-align: center;
}

/* Common style */
.hover-grid figure {
    position: relative;
    /*float: left;*/
    overflow: hidden;
    /*margin: 10px 1%;*/
    min-width: 320px;
    min-height: 350px;
    max-width: 600px;
    max-height: 360px;
    /*width: 48%;*/
    background: #3085a3;
    text-align: center;
    /*cursor: pointer;*/
}

.hover-grid figure img {
    position: relative;
    display: block;
    min-height: 100%;
    max-width: 140%;
    opacity: 0.8;
}

.hover-grid figure figcaption {
    padding: 2em;
    color: #fff;
    text-transform: uppercase;
    font-size: 1.25em;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.hover-grid figure figcaption::before,
.hover-grid figure figcaption::after {
    pointer-events: none;
}

.hover-grid figure figcaption,
.hover-grid figure figcaption > a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.hover-grid figure figcaption > a {
    z-index: 1000;
    text-indent: 200%;
    white-space: nowrap;
    font-size: 0;
    opacity: 0;
}

.hover-grid figure h2 {
    word-spacing: -0.15em;
    font-weight: 300;
}

.hover-grid figure h2 span {
    font-weight: 800;
}

.hover-grid figure h2,
.hover-grid figure p {
    margin: 0;
}

.hover-grid figure p {
    letter-spacing: 1px;
    font-size: 68.5%;
}




/*---------------*/
/***** Lily *****/
/*---------------*/

figure.effect-lily img {
    max-width: none;
    width: -webkit-calc(100% + 120px);
    width: calc(100% + 120px);
    opacity: 0.7;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: translate3d(-40px,0, 0);
    transform: translate3d(-40px,0,0);
}

figure.effect-lily figcaption {
    text-align: left;
}

figure.effect-lily figcaption > div {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 2em;
    width: 100%;
    height: 50%;
}

figure.effect-lily h2,
figure.effect-lily p {
    -webkit-transform: translate3d(0,40px,0);
    transform: translate3d(0,40px,0);
}

figure.effect-lily h2 {
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
}

figure.effect-lily p {
    color: rgba(255,255,255,0.8);
    opacity: 0;
    -webkit-transition: opacity 0.2s, -webkit-transform 0.35s;
    transition: opacity 0.2s, transform 0.35s;
}

figure.effect-lily:hover img,
figure.effect-lily:hover p {
    opacity: 1;
}
figure.effect-lily:hover img{
    opacity: 0.5;
}

figure.effect-lily:hover img,
figure.effect-lily:hover h2,
figure.effect-lily:hover p {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

figure.effect-lily:hover p {
    -webkit-transition-delay: 0.05s;
    transition-delay: 0.05s;
    -webkit-transition-duration: 0.35s;
    transition-duration: 0.35s;
}

/*---------------*/
/***** Sadie *****/
/*---------------*/

figure.effect-sadie figcaption::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: -webkit-linear-gradient(top, rgba(72,76,97,0) 0%, rgba(72,76,97,0.8) 75%);
    background: linear-gradient(to bottom, rgba(72,76,97,0) 0%, rgba(72,76,97,0.8) 75%);
    content: '';
    opacity: 0;
    -webkit-transform: translate3d(0,50%,0);
    transform: translate3d(0,50%,0);
}

figure.effect-sadie h2 {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    color: #ffffff;
    -webkit-transition: -webkit-transform 0.35s, color 0.35s;
    transition: transform 0.35s, color 0.35s;
    -webkit-transform: translate3d(0,-50%,0);
    transform: translate3d(0,-50%,0);
}

figure.effect-sadie figcaption::before,
figure.effect-sadie p {
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
}

figure.effect-sadie p {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 2em;
    width: 100%;
    opacity: 0;
    -webkit-transform: translate3d(0,10px,0);
    transform: translate3d(0,10px,0);
}

figure.effect-sadie:hover h2 {
    color: #fff;
    -webkit-transform: translate3d(0,-50%,0) translate3d(0,-40px,0);
    transform: translate3d(0,-50%,0) translate3d(0,-40px,0);
}

figure.effect-sadie:hover figcaption::before ,
figure.effect-sadie:hover p {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}




/*---------------*/
/***** Julia *****/
/*---------------*/

figure.effect-julia {
    background: #2f3238;
}

figure.effect-julia img {
    max-width: none;
    height: 400px;
    -webkit-transition: opacity 1s, -webkit-transform 1s;
    transition: opacity 1s, transform 1s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

figure.effect-julia figcaption {
    text-align: left;
}

figure.effect-julia h2 {
    position: relative;
    padding: 0.5em 0;
}

figure.effect-julia p {
    display: inline-block;
    margin: 0 0 0.25em;
    padding: 0.4em 1em;
    background: rgba(255,255,255,0.9);
    color: #2f3238;
    text-transform: none;
    font-weight: 500;
    font-size: 75%;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: translate3d(-360px,0,0);
    transform: translate3d(-360px,0,0);
}

figure.effect-julia p:first-child {
    -webkit-transition-delay: 0.15s;
    transition-delay: 0.15s;
}

figure.effect-julia p:nth-of-type(2) {
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
}

figure.effect-julia p:nth-of-type(3) {
    -webkit-transition-delay: 0.05s;
    transition-delay: 0.05s;
}

figure.effect-julia:hover p:first-child {
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
}

figure.effect-julia:hover p:nth-of-type(2) {
    -webkit-transition-delay: 0.05s;
    transition-delay: 0.05s;
}

figure.effect-julia:hover p:nth-of-type(3) {
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
}

figure.effect-julia:hover img {
    opacity: 0.4;
    -webkit-transform: scale3d(1.1,1.1,1);
    transform: scale3d(1.1,1.1,1);
}

figure.effect-julia:hover p {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}






/* TWENTY */


.twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-horizontal .twentytwenty-handle:after, .twentytwenty-vertical .twentytwenty-handle:before, .twentytwenty-vertical .twentytwenty-handle:after {
  content: " ";
  display: block;
  background: white;
  position: absolute;
  z-index: 30;
  -webkit-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
  -moz-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
  box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5); }

.twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-horizontal .twentytwenty-handle:after {
  width: 3px;
  height: 9999px;
  left: 50%;
  margin-left: -1.5px; }

.twentytwenty-vertical .twentytwenty-handle:before, .twentytwenty-vertical .twentytwenty-handle:after {
  width: 9999px;
  height: 3px;
  top: 50%;
  margin-top: -1.5px; }

.twentytwenty-before-label, .twentytwenty-after-label, .twentytwenty-overlay {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%; }

.twentytwenty-before-label, .twentytwenty-after-label, .twentytwenty-overlay {
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  transition-duration: 0.5s; }

.twentytwenty-before-label, .twentytwenty-after-label {
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  transition-property: opacity; }

.twentytwenty-before-label:before, .twentytwenty-after-label:before {
  color: white;
  font-size: 13px;
  letter-spacing: 0.1em; }

.twentytwenty-before-label:before, .twentytwenty-after-label:before {
  position: absolute;
  background: rgba(255, 255, 255, 0.2);
  line-height: 38px;
  padding: 0 20px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px; }

.twentytwenty-horizontal .twentytwenty-before-label:before, .twentytwenty-horizontal .twentytwenty-after-label:before {
  top: 50%;
  margin-top: -19px; }

.twentytwenty-vertical .twentytwenty-before-label:before, .twentytwenty-vertical .twentytwenty-after-label:before {
  left: 50%;
  margin-left: -45px;
  text-align: center;
  width: 90px; }

.twentytwenty-left-arrow, .twentytwenty-right-arrow, .twentytwenty-up-arrow, .twentytwenty-down-arrow {
  width: 0;
  height: 0;
  border: 6px inset transparent;
  position: absolute; }

.twentytwenty-left-arrow, .twentytwenty-right-arrow {
  top: 50%;
  margin-top: -6px; }

.twentytwenty-up-arrow, .twentytwenty-down-arrow {
  left: 50%;
  margin-left: -6px; }

.twentytwenty-container {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  z-index: 0;
  overflow: hidden;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none; }
  .twentytwenty-container img {
    max-width: 100%;
    position: absolute;
    top: 0;
    display: block; }
  .twentytwenty-container.active .twentytwenty-overlay, .twentytwenty-container.active :hover.twentytwenty-overlay {
    background: rgba(0, 0, 0, 0); }
    .twentytwenty-container.active .twentytwenty-overlay .twentytwenty-before-label,
    .twentytwenty-container.active .twentytwenty-overlay .twentytwenty-after-label, .twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-before-label,
    .twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-after-label {
      opacity: 0; }
  .twentytwenty-container * {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box; }

.twentytwenty-before-label {
  opacity: 0; }
  .twentytwenty-before-label:before {
    content: attr(data-content); }

.twentytwenty-after-label {
  opacity: 0; }
  .twentytwenty-after-label:before {
    content: attr(data-content); }

.twentytwenty-horizontal .twentytwenty-before-label:before {
  left: 10px; }

.twentytwenty-horizontal .twentytwenty-after-label:before {
  right: 10px; }

.twentytwenty-vertical .twentytwenty-before-label:before {
  top: 10px; }

.twentytwenty-vertical .twentytwenty-after-label:before {
  bottom: 10px; }

.twentytwenty-overlay {
  -webkit-transition-property: background;
  -moz-transition-property: background;
  transition-property: background;
  background: rgba(0, 0, 0, 0);
  z-index: 25; }
  .twentytwenty-overlay:hover {
    background: rgba(0, 0, 0, 0.5); }
    .twentytwenty-overlay:hover .twentytwenty-after-label {
      opacity: 1; }
    .twentytwenty-overlay:hover .twentytwenty-before-label {
      opacity: 1; }

.twentytwenty-before {
  z-index: 20; }

.twentytwenty-after {
  z-index: 10; }

.twentytwenty-handle {
  height: 38px;
  width: 38px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -22px;
  margin-top: -22px;
  border: 3px solid white;
  -webkit-border-radius: 1000px;
  -moz-border-radius: 1000px;
  border-radius: 1000px;
  -webkit-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
  -moz-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
  box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
  z-index: 40;
  cursor: pointer; }

.twentytwenty-horizontal .twentytwenty-handle:before {
  bottom: 50%;
  margin-bottom: 22px;
  -webkit-box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
  -moz-box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
  box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); }
.twentytwenty-horizontal .twentytwenty-handle:after {
  top: 50%;
  margin-top: 22px;
  -webkit-box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
  -moz-box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
  box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); }

.twentytwenty-vertical .twentytwenty-handle:before {
  left: 50%;
  margin-left: 22px;
  -webkit-box-shadow: 3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
  -moz-box-shadow: 3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
  box-shadow: 3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); }
.twentytwenty-vertical .twentytwenty-handle:after {
  right: 50%;
  margin-right: 22px;
  -webkit-box-shadow: -3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
  -moz-box-shadow: -3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
  box-shadow: -3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); }

.twentytwenty-left-arrow {
  border-right: 6px solid white;
  left: 50%;
  margin-left: -17px; }

.twentytwenty-right-arrow {
  border-left: 6px solid white;
  right: 50%;
  margin-right: -17px; }

.twentytwenty-up-arrow {
  border-bottom: 6px solid white;
  top: 50%;
  margin-top: -17px; }

.twentytwenty-down-arrow {
  border-top: 6px solid white;
  bottom: 50%;
  margin-bottom: -17px; }







.section-snippet{
    font-size: 18px;
    line-height: 28px;
}
.section-snippet p{
    margin-bottom: 15px;
}


.digital-area-item .popover{
    color: #333;
    max-width: 400px;
    width: 400px;
    text-align: center;
    padding: 20px;
    font-family: 'Gotham Book', Helvetica, Arial, sans-serif;
}
.digital-area-item .popover h3{
    color: #F06448;
    margin-top: 20px;
}
.btn-plus-popup{
    width: 36px;
    height: 36px;
    padding: 8px;
    font-size: 14px;
}
.popover-btn-wrap{
    margin-top: 15px;
    text-align: center;
}
.btn-plus-popup span{
    position: relative;
    left: 1px;
}
.btn-plus-popup.active{
    background: #ea0c0c;
    border-color: #ea0c0c;
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.digital-area-item{
    padding: 20px 0;
    margin-bottom: 30px;
}
.digi-area-no{
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 7px;
    font-size: 13px;
}
.digi-area-title{
    font-family: 'poppins', Helvetica, Arial, sans-serif;
    font-weight: 400;
    color: #FCB74C;
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 20px;
}






/* *********************************** */
/* CSS3 ANIMATIONS */
/* *********************************** */
.animated {-webkit-animation-duration: 1s; -moz-animation-duration: 1s; -ms-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-backface-visibility: hidden; -moz-backface-visibility:    hidden; -ms-backface-visibility:     hidden; } .fadeIn {-webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeIn {0% {opacity: 0;} 100% {opacity: 1;} } @-moz-keyframes fadeIn {0% {opacity: 0;} 100% {opacity: 1;} } @-o-keyframes fadeIn {0% {opacity: 0;} 100% {opacity: 1;} } @keyframes fadeIn {0% {opacity: 0;} 100% {opacity: 1;} } .fadeOut {-webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOut {0% {opacity: 1;} 100% {opacity: 0;} } @-moz-keyframes fadeOut {0% {opacity: 1;} 100% {opacity: 0;} } @-o-keyframes fadeOut {0% {opacity: 1;} 100% {opacity: 0;} } @keyframes fadeOut {0% {opacity: 1;} 100% {opacity: 0;} } @-webkit-keyframes fadeInUp {0% {opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); } 100% {opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInUp {0% {opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); } 100% {opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .fadeInUp {-webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInDown {0% {opacity: 0; -webkit-transform: translateY(-20px); transform: translateY(-20px); } 100% {opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInDown {0% {opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); } 100% {opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .fadeInDown {-webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeOutDown {0% {opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% {opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); } } @keyframes fadeOutDown {0% {opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% {opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); } } .fadeOutDown {-webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes hinge {0% {-webkit-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% {-webkit-transform: rotate(80deg); transform: rotate(80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40% {-webkit-transform: rotate(60deg); transform: rotate(60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 80% {-webkit-transform: rotate(60deg) translateY(0); transform: rotate(60deg) translateY(0); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } 100% {-webkit-transform: translateY(700px); transform: translateY(700px); opacity: 0; } } @keyframes hinge {0% {-webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% {-webkit-transform: rotate(80deg); -ms-transform: rotate(80deg); transform: rotate(80deg); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40% {-webkit-transform: rotate(60deg); -ms-transform: rotate(60deg); transform: rotate(60deg); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 80% {-webkit-transform: rotate(60deg) translateY(0); -ms-transform: rotate(60deg) translateY(0); transform: rotate(60deg) translateY(0); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } 100% {-webkit-transform: translateY(700px); -ms-transform: translateY(700px); transform: translateY(700px); opacity: 0; } } .hinge {-webkit-animation-name: hinge; animation-name: hinge; } .animated.hinge {-webkit-animation-duration: 2s; animation-duration: 2s; }

/* *********************************** */
/* CSS HELPERS */
/* *********************************** */
.topfix     { margin-top: 60px; }
.relative   {position: relative;}
.pad-side50{ padding-left:50px;padding-right: 50px; }
.top100     { margin-top: 100px; }
.top50    { margin-top: 50px; }
.top10      { margin-top: 10px; }
.top5       { margin-top: 5px; }
.top0       { margin-top: 0px; }
.top20      { margin-top: 20px; }
.top30      { margin-top: 30px; }
.right10    { margin-right: 10px; }
.right20    { margin-right: 20px; }
.right5     { margin-right: 5px; }
.right3     { margin-right: 3px; }
.bottom0   { margin-bottom: 0px; }
.bottom5   { margin-bottom: 5px; }
.bottom10   { margin-bottom: 10px; }
.bottom50   { margin-bottom: 50px; }
.left10     { margin-left: 10px; }
.left20     { margin-left: 20px; }
.left40     { margin-left: 40px; }
.nm-10      { margin-top:-10px}
.mar0         { margin:0; }
.mar20         { margin:20px; }
.pad0       { padding:0; }
.padr0      {padding-right: 0;}
.pad10      { padding:10px; }
.padr-m     {padding-right:10px;}
.howweroll     {padding-right:0;}
.pad50      { padding:50px; }
.pad40      { padding:40px; }
.pad15      { padding:15px; }
.pad20      { padding:20px; }
.mpad20      { padding:20px; }
.pad20p     { padding: 10px 20%}
.padt20      { padding-top:20px; }
.pad30      { padding:30px; }
.padb50     { padding-bottom:50px; }
.padbot20     {padding-bottom:20px !important;}
.desktop-padR-10{padding-right: 10%;}
.desktop-pad50 {padding:50px; }
.desktop-padA-50 {padding:50px; }
.desktop-padA-30 {padding:30px; }
.desktop-padA-15{padding:5% 15%;}
.desktop-padA-20px{padding:20px;}
.desktop-pads-10{padding-left:10%; padding-right:10%;}
.desktop-pads-5{padding-left:5%; padding-right:5%;}
.desktop-top50{ margin-top:50px}
.clear      { clear: both; }
.tal        { text-align:left; }
.tar        { text-align:right; }
.tac        { text-align:center; }
.taj        { text-align:justify; }
.capitalize { text-transform: uppercase; }
.ttu { text-transform: uppercase; }
.hide         { display: none; }
.show         { display: block; }
.pull-right { float: right; }
.pull-r-sm-center{float: right;}
.pull-r-sm-left{float: right;}
.pull-left  { float: left; }
.pads-5    { padding:0 5%; }
.pads-10    { padding:0 10%; }
.pads-20    { padding:0 20%; }
.pads-30    { padding:0 30%; }
.padA-5    { padding:5%; }
.padA-10    { padding:10%; }
.padA-20    { padding:20%; }
.padA-30    { padding:30%; }
.mars-5p    { margin:auto 5px; }
.mart-n-10 {margin-top: -10;}
.mars-10p    { margin: auto 10px; }
.mars-20p    { margin: auto 20px; }
.mars-30   { margin: auto 30px; }
.normal     { font-weight: normal; }
.xs-small   {font-size: 10px;}
.fs-i       { font-style: italic; }
.fs-space-3 {letter-spacing: 3px;}
.fs-xs-s    {font-size: 12px;}
.fs-sm-11    {font-size: 11px !important;}
.fs-sm-10    {font-size: 10px !important;}
.fs-md      {font-size: 10px;}
.fs-14      {font-size: 14px !important;}
.fs-mdp     {font-size: 13px}
.fs-13      {font-size: 13px;}
.fs-13      {font-size: 13px;}
.fs-12      {font-size: 12px;}
.fs-25      {font-size: 25px;}
.fs-18      {font-size: 18px; line-height: 30px;}
.lh-15      {line-height: 15px;}
.lh-30      {line-height: 30px;}
.lh-20      {line-height: 20px;}
.helv       { font-family: 'Helvetica', arial, sans-serif; }
.text-muted { color: #B9B9B9; }
.medium-text{font-size: 1.3em; line-height: 3.5vh; margin-bottom: 15px;}
.float-none { float: none; }
.text-white { color: #fff !important; }
.fwn { font-weight: normal;  }
.show-mobile{display: none;}
.center-img{margin:auto}
.tac-desktop{ text-align: center;}
.tac-mobile {text-align:left}
.minh-100   {min-height: 100px;}
.minh-150   {min-height: 150px;}
.minh-200   {min-height: 200px;}
.minh-250   {min-height: 250px;}
.minh-300   {min-height: 300px;}
.minh-400   {min-height: 400px;}
.minh-500   {min-height: 500px;}
.minw-100    {min-height: 100px;}
.v-align-c {vertical-align: text-top; }
.leter-space-2 {letter-spacing: 2px;}
.leter-space-3 {letter-spacing: 3px;}
.leter-space-4 {letter-spacing: 4px;}
.clear-space100 {width: 100%; background-color:#fff; height:100px;}
.clear-space150 {width: 100%; background-color:#fff; height:150px;}
.stick-bot {bottom:0 !important}
.mw-60 {max-width: 60%}
.mw-80 {max-width: 80%}
 .flex-top {align-items: flex-start;}
.maxh-200 {max-height: 200px}
.max2-200 {max-width: 200px}
.flex-wrap {display: flex; flex-wrap: wrap;}
.white-space {white-space: break-spaces;}
.show-tablet{ display: none;}
.lh-sm{ line-height: 25px;}
.lh-normal{ line-height: 35px;}
.lh-medium{ line-height: 40px;}
.lh-medium2{ line-height: 50px;}
.lh-large{ line-height:70px;}
.pad50-not-m{padding:50px;}
.bt-40{padding: 40px 20px;}
.pad-side-medium{padding-right: 8%; padding-left: 8%;}
.fluid-font-sm {font-size: calc(.7em + .5vw); line-height: calc(.8em + .8vw) }
.inherit-h{ min-height: inherit;}
.full-p{min-height: 100vh;}
.flex{
    display: flex;
    justify-content: center;
}
.ov-hide{overflow: hidden;}
.strikeout{
    text-decoration: line-through;
}
.tdn{
    text-decoration: none;
}
.bxs0{
    box-shadow: none;
}
.margin-auto { margin: 0 auto; }
.op1{
    opacity: 1;
}
.lh-05{
    line-height: .05;
}.lh-1{
    line-height: 1.3em;
    margin:0;
}
.hcenter-flex{
    display: flex;
    justify-content: center;
}
.v-align-mid{
    vertical-align: middle;
}
.h-100{
    height:100%;
}
.justify-content-center{
    justify-content: center;
}
.self-center{
    align-self: center;
}
.display-flex{
    display: flex !important;
}
.row.display-flex {
    display: flex;
    /* flex-wrap: wrap; */
}
.row.display-flex > [class*='col-'] {
display: flex;
flex-direction: column;
justify-content: center;
}
  
/* *********************************** */
/* SVG-HELPER */
/* *********************************** */
.fill-bright path{
    fill: #ffffff;
}
.fill-dark path{
    fill: #191919;
}

.no-gutter {
  margin-left: 0;
  margin-right: 0;
}

.no-gutter [class*='col-']:not(:first-child),
.no-gutter [class*='col-']:not(:last-child) {
  padding-right: 0;
  padding-left: 0;
}

.gutter-100.row {
  margin-right: -50px;
  margin-left: -50px;
}
.gutter-100 > [class^="col-"], .gutter-100 > [class^=" col-"] {
  padding-right: 50px;
  padding-left: 50px;
}


.gutter-50.row {
  margin-right: -25px;
  margin-left: -25px;
}
.gutter-50 > [class^="col-"], .gutter-50 > [class^=" col-"] {
  padding-right: 25px;
  padding-left: 25px;
}

.gutter-20.row {
  margin-right: -10px;
  margin-left: -10px;
}
.gutter-20 > [class^="col-"], .gutter-20 > [class^=" col-"] {
  padding-right: 10px;
  padding-left: 10px;
}

.gutter-10.row {
  margin-right: -5px;
  margin-left: -5px;
}
.gutter-10 > [class^="col-"], .gutter-10 > [class^=" col-"] {
  padding-right: 5px;
  padding-left: 5px;
}

.gutter-0.row {
  margin-right: 0;
  margin-left: 0;
}
.gutter-0 > [class^="col-"], .gutter-0 > [class^=" col-"] {
  padding-right: 0;
  padding-left: 0;
}

.add-gutter-50 > [class^="col-"], .gutter-100 > [class^=" col-"] {
    padding-right: 50px;
    padding-left: 50px;
  }
.normal-shadow{
    box-shadow: 0 0 15px rgba(0,0,0,0.1);
}
.prow.row{
    margin-left:0;
    margin-right: 0;
}
.small-shadow{
    -webkit-box-shadow: 0px 0px 7px 1px rgba(212,212,212,.3);
    -moz-box-shadow: 0px 0px 7px 1px rgba(212,212,212,.3);
    box-shadow: 0px 0px 7px 1px rgba(212,212,212,.3);
}
.border-solid-1{
    border:1px solid #A5A5A5;
}
.normal-round-corner{
    border-radius: 20px  !important;
    overflow: hidden;
}
.small-round-corner{
    border-radius: 10px  !important;
}
.xs-round-corner{
    border-radius: 5px !important;
}
.w-100{
    font-weight: 100;
}
.w-200{
    font-weight: 200;
}
.w-300{
    font-weight: 300;
}
.w-400{
    font-weight: 400;
}
.w-500{
    font-weight: 500;
}
.w-600{
    font-weight: 600;
}

.w-700{
    font-weight: 700;
}
.square-div{
    width:80%;
    height:100px;
    background-color: #F1F1F1;
}
.rotate-180{
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}
.rotate-360{
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
}
.flip-x{
    transform: rotateX(180deg);
}



/*************** SCROLLBAR BASE CSS ***************/

.scroll-wrapper {
    overflow: hidden !important;
    padding: 0 !important;
    position: relative;
}

.scroll-wrapper > .scroll-content {
    border: none !important;
    box-sizing: content-box !important;
    height: auto;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none !important;
    overflow: scroll !important;
    padding: 0;
    position: relative !important;
    top: 0;
    width: auto !important;
}

.scroll-wrapper > .scroll-content::-webkit-scrollbar {
    height: 0;
    width: 0;
}

.scroll-element {
    display: none;
}
.scroll-element, .scroll-element div {
    box-sizing: content-box;
}

.scroll-element.scroll-x.scroll-scrollx_visible,
.scroll-element.scroll-y.scroll-scrolly_visible {
    display: block;
}

.scroll-element .scroll-bar,
.scroll-element .scroll-arrow {
    cursor: default;
}

.scroll-textarea {
    border: 1px solid #cccccc;
    border-top-color: #999999;
}
.scroll-textarea > .scroll-content {
    overflow: hidden !important;
}
.scroll-textarea > .scroll-content > textarea {
    border: none !important;
    box-sizing: border-box;
    height: 100% !important;
    margin: 0;
    max-height: none !important;
    max-width: none !important;
    overflow: scroll !important;
    outline: none;
    padding: 2px;
    position: relative !important;
    top: 0;
    width: 100% !important;
}
.scroll-textarea > .scroll-content > textarea::-webkit-scrollbar {
    height: 0;
    width: 0;
}









/*************** SIMPLE INNER SCROLLBAR ***************/

.scrollbar-inner > .scroll-element,
.scrollbar-inner > .scroll-element div
{
    border: none;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 10;
}

.scrollbar-inner > .scroll-element div {
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
}

.scrollbar-inner > .scroll-element.scroll-x {
    bottom: 2px;
    height: 8px;
    left: 0;
    width: 100%;
}

.scrollbar-inner > .scroll-element.scroll-y {
    height: 100%;
    right: 2px;
    top: 0;
    width: 8px;
}

.scrollbar-inner > .scroll-element .scroll-element_outer {
    overflow: hidden;
}

.scrollbar-inner > .scroll-element .scroll-element_outer,
.scrollbar-inner > .scroll-element .scroll-element_track,
.scrollbar-inner > .scroll-element .scroll-bar {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

.scrollbar-inner > .scroll-element .scroll-element_track,
.scrollbar-inner > .scroll-element .scroll-bar {
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    filter: alpha(opacity=40);
    opacity: 0.4;
}

.scrollbar-inner > .scroll-element .scroll-element_track { background-color: #e0e0e0; }
.scrollbar-inner > .scroll-element .scroll-bar { background-color: #c2c2c2; }
.scrollbar-inner > .scroll-element:hover .scroll-bar { background-color: #919191; }
.scrollbar-inner > .scroll-element.scroll-draggable .scroll-bar { background-color: #919191; }


/* update scrollbar offset if both scrolls are visible */

.scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -12px; }
.scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -12px; }


.scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -12px; }
.scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -12px; }










/*************** SIMPLE OUTER SCROLLBAR ***************/

.scrollbar-outer > .scroll-element,
.scrollbar-outer > .scroll-element div
{
    border: none;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 10;
}

.scrollbar-outer > .scroll-element {
    background-color: #ffffff;
}

.scrollbar-outer > .scroll-element div {
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
}

.scrollbar-outer > .scroll-element.scroll-x {
    bottom: 0;
    height: 12px;
    left: 0;
    width: 100%;
}

.scrollbar-outer > .scroll-element.scroll-y {
    height: 100%;
    right: 0;
    top: 0;
    width: 12px;
}

.scrollbar-outer > .scroll-element.scroll-x .scroll-element_outer { height: 8px; top: 2px; }
.scrollbar-outer > .scroll-element.scroll-y .scroll-element_outer { left: 2px; width: 8px; }

.scrollbar-outer > .scroll-element .scroll-element_outer { overflow: hidden; }
.scrollbar-outer > .scroll-element .scroll-element_track { background-color: #eeeeee; }

.scrollbar-outer > .scroll-element .scroll-element_outer,
.scrollbar-outer > .scroll-element .scroll-element_track,
.scrollbar-outer > .scroll-element .scroll-bar {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

.scrollbar-outer > .scroll-element .scroll-bar { background-color: #d9d9d9; }
.scrollbar-outer > .scroll-element .scroll-bar:hover { background-color: #c2c2c2; }
.scrollbar-outer > .scroll-element.scroll-draggable .scroll-bar { background-color: #919191; }


/* scrollbar height/width & offset from container borders */

.scrollbar-outer > .scroll-content.scroll-scrolly_visible { left: -12px; margin-left: 12px; }
.scrollbar-outer > .scroll-content.scroll-scrollx_visible { top:  -12px; margin-top:  12px; }

.scrollbar-outer > .scroll-element.scroll-x .scroll-bar { min-width: 10px; }
.scrollbar-outer > .scroll-element.scroll-y .scroll-bar { min-height: 10px; }


/* update scrollbar offset if both scrolls are visible */

.scrollbar-outer > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -14px; }
.scrollbar-outer > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -14px; }

.scrollbar-outer > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -14px; }
.scrollbar-outer > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -14px; }










/*************** SCROLLBAR MAC OS X ***************/

.scrollbar-macosx > .scroll-element,
.scrollbar-macosx > .scroll-element div
{
    background: none;
    border: none;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 10;
}

.scrollbar-macosx > .scroll-element div {
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
}

.scrollbar-macosx > .scroll-element .scroll-element_track { display: none; }
.scrollbar-macosx > .scroll-element .scroll-bar {
    background-color: #6C6E71;
    display: block;

    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;

    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;

    -webkit-transition: opacity 0.2s linear;
    -moz-transition: opacity 0.2s linear;
    -o-transition: opacity 0.2s linear;
    -ms-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
}
.scrollbar-macosx:hover > .scroll-element .scroll-bar,
.scrollbar-macosx > .scroll-element.scroll-draggable .scroll-bar {
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
    opacity: 0.7;
}


.scrollbar-macosx > .scroll-element.scroll-x {
    bottom: 0px;
    height: 0px;
    left: 0;
    min-width: 100%;
    overflow: visible;
    width: 100%;
}

.scrollbar-macosx > .scroll-element.scroll-y {
    height: 100%;
    min-height: 100%;
    right: 0px;
    top: 0;
    width: 0px;
}

/* scrollbar height/width & offset from container borders */
.scrollbar-macosx > .scroll-element.scroll-x .scroll-bar { height: 7px; min-width: 10px; top: -9px; }
.scrollbar-macosx > .scroll-element.scroll-y .scroll-bar { left: -9px; min-height: 10px; width: 7px; }

.scrollbar-macosx > .scroll-element.scroll-x .scroll-element_outer { left: 2px; }
.scrollbar-macosx > .scroll-element.scroll-x .scroll-element_size { left: -4px; }

.scrollbar-macosx > .scroll-element.scroll-y .scroll-element_outer { top: 2px; }
.scrollbar-macosx > .scroll-element.scroll-y .scroll-element_size { top: -4px; }

/* update scrollbar offset if both scrolls are visible */
.scrollbar-macosx > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -11px; }
.scrollbar-macosx > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -11px; }










/*************** SCROLLBAR LIGHT ***************/

.scrollbar-light > .scroll-element,
.scrollbar-light > .scroll-element div {
    border: none;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    z-index: 10;
}

.scrollbar-light > .scroll-element {
    background-color: #ffffff;
}

.scrollbar-light > .scroll-element div {
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
}

.scrollbar-light > .scroll-element .scroll-element_outer {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.scrollbar-light > .scroll-element .scroll-element_size {
    background: #dbdbdb;
    background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RiZGJkYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlOGU4ZTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+');
    background: -moz-linear-gradient(left, #dbdbdb 0%, #e8e8e8 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#dbdbdb), color-stop(100%,#e8e8e8));
    background: -webkit-linear-gradient(left, #dbdbdb 0%,#e8e8e8 100%);
    background: -o-linear-gradient(left, #dbdbdb 0%,#e8e8e8 100%);
    background: -ms-linear-gradient(left, #dbdbdb 0%,#e8e8e8 100%);
    background: linear-gradient(to right, #dbdbdb 0%,#e8e8e8 100%);

    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.scrollbar-light > .scroll-element.scroll-x {
    bottom: 0;
    height: 17px;
    left: 0;
    min-width: 100%;
    width: 100%;
}

.scrollbar-light > .scroll-element.scroll-y {
    height: 100%;
    min-height: 100%;
    right: 0;
    top: 0;
    width: 17px;
}

.scrollbar-light > .scroll-element .scroll-bar {
    background: #fefefe;
    background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZmVmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNWY1ZjUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+');
    background: -moz-linear-gradient(left, #fefefe 0%, #f5f5f5 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#fefefe), color-stop(100%,#f5f5f5));
    background: -webkit-linear-gradient(left, #fefefe 0%,#f5f5f5 100%);
    background: -o-linear-gradient(left, #fefefe 0%,#f5f5f5 100%);
    background: -ms-linear-gradient(left, #fefefe 0%,#f5f5f5 100%);
    background: linear-gradient(to right, #fefefe 0%,#f5f5f5 100%);

    border: 1px solid #dbdbdb;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

/* scrollbar height/width & offset from container borders */

.scrollbar-light > .scroll-content.scroll-scrolly_visible { left: -17px; margin-left: 17px; }
.scrollbar-light > .scroll-content.scroll-scrollx_visible { top:  -17px; margin-top:  17px; }

.scrollbar-light > .scroll-element.scroll-x .scroll-bar { height: 10px; min-width: 10px; top: 0px; }
.scrollbar-light > .scroll-element.scroll-y .scroll-bar { left: 0px; min-height: 10px; width: 10px; }

.scrollbar-light > .scroll-element.scroll-x .scroll-element_outer { height: 12px; left: 2px; top: 2px; }
.scrollbar-light > .scroll-element.scroll-x .scroll-element_size { left: -4px; }

.scrollbar-light > .scroll-element.scroll-y .scroll-element_outer { left: 2px; top: 2px; width: 12px; }
.scrollbar-light > .scroll-element.scroll-y .scroll-element_size { top: -4px; }

/* update scrollbar offset if both scrolls are visible */

.scrollbar-light > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -19px; }
.scrollbar-light > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -19px; }

.scrollbar-light > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -19px; }
.scrollbar-light > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -19px; }










/*************** SCROLLBAR RAIL ***************/

.scrollbar-rail > .scroll-element,
.scrollbar-rail > .scroll-element div
{
    border: none;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    z-index: 10;
}

.scrollbar-rail > .scroll-element {
    background-color: #ffffff;
}

.scrollbar-rail > .scroll-element div {
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
}

.scrollbar-rail > .scroll-element .scroll-element_size {
    background-color: #999;
    background-color: rgba(0, 0, 0, 0.3);
}

.scrollbar-rail > .scroll-element .scroll-element_outer:hover .scroll-element_size {
    background-color: #666;
    background-color: rgba(0, 0, 0, 0.5);
}

.scrollbar-rail > .scroll-element.scroll-x {
    bottom: 0;
    height: 12px;
    left: 0;
    min-width: 100%;
    padding: 3px 0 2px;
    width: 100%;
}

.scrollbar-rail > .scroll-element.scroll-y {
    height: 100%;
    min-height: 100%;
    padding: 0 2px 0 3px;
    right: 0;
    top: 0;
    width: 12px;
}

.scrollbar-rail > .scroll-element .scroll-bar {
    background-color: #d0b9a0;

    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;

    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
}

.scrollbar-rail > .scroll-element .scroll-element_outer:hover .scroll-bar {
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6);
}

/* scrollbar height/width & offset from container borders */

.scrollbar-rail > .scroll-content.scroll-scrolly_visible { left: -17px; margin-left: 17px; }
.scrollbar-rail > .scroll-content.scroll-scrollx_visible { margin-top: 17px; top: -17px; }

.scrollbar-rail > .scroll-element.scroll-x .scroll-bar { height: 10px; min-width: 10px; top: 1px; }
.scrollbar-rail > .scroll-element.scroll-y .scroll-bar { left: 1px; min-height: 10px; width: 10px; }

.scrollbar-rail > .scroll-element.scroll-x .scroll-element_outer { height: 15px; left: 5px; }
.scrollbar-rail > .scroll-element.scroll-x .scroll-element_size { height: 2px; left: -10px; top: 5px; }

.scrollbar-rail > .scroll-element.scroll-y .scroll-element_outer { top: 5px; width: 15px; }
.scrollbar-rail > .scroll-element.scroll-y .scroll-element_size { left: 5px; top: -10px; width: 2px; }

/* update scrollbar offset if both scrolls are visible */

.scrollbar-rail > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -25px; }
.scrollbar-rail > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -25px; }

.scrollbar-rail > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -25px; }
.scrollbar-rail > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -25px; }










/*************** SCROLLBAR DYNAMIC ***************/

.scrollbar-dynamic > .scroll-element,
.scrollbar-dynamic > .scroll-element div
{
    background: none;
    border: none;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 10;
}

.scrollbar-dynamic > .scroll-element div {
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
}

.scrollbar-dynamic > .scroll-element.scroll-x {
    bottom: 2px;
    height: 7px;
    left: 0;
    min-width: 100%;
    width: 100%;
}

.scrollbar-dynamic > .scroll-element.scroll-y {
    height: 100%;
    min-height: 100%;
    right: 2px;
    top: 0;
    width: 7px;
}

.scrollbar-dynamic > .scroll-element .scroll-element_outer {
    opacity: 0.3;

    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
}
.scrollbar-dynamic > .scroll-element .scroll-element_size {
    background-color: #cccccc;
    opacity: 0;

    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;

    -webkit-transition: opacity 0.2s;
    -moz-transition: opacity 0.2s;
    -o-transition: opacity 0.2s;
    -ms-transition: opacity 0.2s;
    transition: opacity 0.2s;
}

.scrollbar-dynamic > .scroll-element .scroll-bar {
    background-color: #6c6e71;

    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
}

/* scrollbar height/width & offset from container borders */

.scrollbar-dynamic > .scroll-element.scroll-x .scroll-bar {
    bottom: 0;
    height: 7px;
    min-width: 24px;
    top: auto;
}
.scrollbar-dynamic > .scroll-element.scroll-y .scroll-bar {
    left: auto;
    min-height: 24px;
    right: 0;
    width: 7px;
}

.scrollbar-dynamic > .scroll-element.scroll-x .scroll-element_outer {
    bottom: 0;
    top: auto;
    left: 2px;

    -webkit-transition: height 0.2s;
    -moz-transition: height 0.2s;
    -o-transition: height 0.2s;
    -ms-transition: height 0.2s;
    transition: height 0.2s;
}

.scrollbar-dynamic > .scroll-element.scroll-y .scroll-element_outer {
    left: auto;
    right: 0;
    top: 2px;

    -webkit-transition: width 0.2s;
    -moz-transition: width 0.2s;
    -o-transition: width 0.2s;
    -ms-transition: width 0.2s;
    transition: width 0.2s;
}

.scrollbar-dynamic > .scroll-element.scroll-x .scroll-element_size { left: -4px; }
.scrollbar-dynamic > .scroll-element.scroll-y .scroll-element_size { top: -4px; }


/* update scrollbar offset if both scrolls are visible */

.scrollbar-dynamic > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -11px; }
.scrollbar-dynamic > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -11px; }


/* hover & drag */

.scrollbar-dynamic > .scroll-element:hover .scroll-element_outer,
.scrollbar-dynamic > .scroll-element.scroll-draggable .scroll-element_outer {
    overflow: hidden;

    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
    opacity: 0.7;
}
.scrollbar-dynamic > .scroll-element:hover .scroll-element_outer .scroll-element_size,
.scrollbar-dynamic > .scroll-element.scroll-draggable .scroll-element_outer .scroll-element_size {
    opacity: 1;
}
.scrollbar-dynamic > .scroll-element:hover .scroll-element_outer .scroll-bar,
.scrollbar-dynamic > .scroll-element.scroll-draggable .scroll-element_outer .scroll-bar {
    height: 100%;
    width: 100%;

    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
}

.scrollbar-dynamic > .scroll-element.scroll-x:hover .scroll-element_outer,
.scrollbar-dynamic > .scroll-element.scroll-x.scroll-draggable .scroll-element_outer {
    height: 20px;
    min-height: 7px;
}
.scrollbar-dynamic > .scroll-element.scroll-y:hover .scroll-element_outer,
.scrollbar-dynamic > .scroll-element.scroll-y.scroll-draggable .scroll-element_outer {
    min-width: 7px;
    width: 20px;
}










/*************** SCROLLBAR GOOGLE CHROME ***************/

.scrollbar-chrome > .scroll-element,
.scrollbar-chrome > .scroll-element div
{
    border: none;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    z-index: 10;
}

.scrollbar-chrome > .scroll-element {
    background-color: #ffffff;
}

.scrollbar-chrome > .scroll-element div {
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
}

.scrollbar-chrome > .scroll-element .scroll-element_outer {}

.scrollbar-chrome > .scroll-element .scroll-element_track {
    background: #f1f1f1;
    border: 1px solid #dbdbdb;
}

.scrollbar-chrome > .scroll-element.scroll-x {
    bottom: 0;
    height: 16px;
    left: 0;
    min-width: 100%;
    width: 100%;
}

.scrollbar-chrome > .scroll-element.scroll-y {
    height: 100%;
    min-height: 100%;
    right: 0;
    top: 0;
    width: 16px;
}

.scrollbar-chrome > .scroll-element .scroll-bar {
    background-color: #d9d9d9;
    border: 1px solid #bdbdbd;
    cursor: default;

    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.scrollbar-chrome > .scroll-element .scroll-bar:hover {
    background-color: #c2c2c2;
    border-color: #a9a9a9;
}

.scrollbar-chrome > .scroll-element.scroll-draggable .scroll-bar {
    background-color: #919191;
    border-color: #7e7e7e;
}

/* scrollbar height/width & offset from container borders */

.scrollbar-chrome > .scroll-content.scroll-scrolly_visible { left: -16px; margin-left: 16px; }
.scrollbar-chrome > .scroll-content.scroll-scrollx_visible { top:  -16px; margin-top:  16px; }

.scrollbar-chrome > .scroll-element.scroll-x .scroll-bar { height: 8px; min-width: 10px; top: 3px; }
.scrollbar-chrome > .scroll-element.scroll-y .scroll-bar { left: 3px; min-height: 10px; width: 8px; }

.scrollbar-chrome > .scroll-element.scroll-x .scroll-element_outer { border-left: 1px solid #dbdbdb; }
.scrollbar-chrome > .scroll-element.scroll-x .scroll-element_track { height: 14px; left: -3px; }
.scrollbar-chrome > .scroll-element.scroll-x .scroll-element_size { height: 14px; left: -4px; }

.scrollbar-chrome > .scroll-element.scroll-y .scroll-element_outer { border-top: 1px solid #dbdbdb; }
.scrollbar-chrome > .scroll-element.scroll-y .scroll-element_track { top: -3px; width: 14px; }
.scrollbar-chrome > .scroll-element.scroll-y .scroll-element_size { top: -4px; width: 14px; }

/* update scrollbar offset if both scrolls are visible */

.scrollbar-chrome > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -19px; }
.scrollbar-chrome > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -19px; }

.scrollbar-chrome > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -19px; }
.scrollbar-chrome > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -19px; }













.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus{

}

.navbar-inverse .navbar-toggle{
    border: 0;
}
.navbar-toggle{
    padding: 0;
}
.navbar-toggle .icon-bar{
    background-color: #ffffff;
    width: 30px;
    height: 3px;
}


.owl-carousel .owl-stage-outer{
    /*overflow: auto !important;*/
}
.is-mobile .modal-open{
    overflow: hidden !important;
    position: relative;
    height: 100%;
}

.modal-open .modal{
    /*overflow: hidden;*/
}




   ol.ranking-choices > li.rank-choice {
     padding: 10px 5px !important; 
   }


/*mod here*/


@media screen and (max-width: 450px) {
    p > span{
       line-height: 34px !important;  
   }
    strong > span{
       line-height: 34px !important;  
   }
   .rank-choice{
        font-size: 13px !important;
   }
}
@media screen and (max-width: 990px) {
    img.for-human-img{
        margin-bottom: -105px !important;
    }
    .pad50-not-m{
        padding: 40px 10px;
    }
    .mpad20{
        padding: 0px;
    }
}
@media screen and (max-width: 800px) {
    img.for-human-img{
        margin-bottom: -105px !important;
    }
   .section {
     height: auto !important;
   } 
   .content-block-section> .fp-tableCell{
    height: auto !important;
  }
    .fp-section:first-child > .fp-tableCell{

     padding-top: 20px !important;
   }
   
    .spacer-block-content{
        display: none;
    }
    .bottom5{

        font-size:10px !important;
        
    }
    .content-block p{
        padding-right: 20px !important;
        padding-left: 20px !important; 
    }
    .div > .fp-section{
        height: 100% !important;
    }

}  
  #imahe{
        max-width:200px;
    }

 @media (max-width: 800px) {
    #imahe{
        max-width: 200px;
        margin: auto;
        margin-bottom: 50px;
    }
    #wrapmesg{
        padding: 0 30px 0 30px ;
    }
    .img-for-human{
    max-height: 30%;
    max-width: 80%;
    }
    .img-mar100{
        margin-top: 80px;
    }
   .text-pad20{
     padding-left:20px;
    padding-right:20px;
   }
   .sm-pad{
     padding-top: 10px;
     padding-bottom: 10px;
   }
 }
    .text-pad40{
     padding:40px;
   }
   .left-pad20{
        padding-left:40px;
        padding-top:40px;
   }
/*Slider here*/
    .modal.left-slide .modal-dialog,
    .modal.right-slide  {
        position: fixed;
        padding:0;
        margin:0;
        -webkit-transform: translate3d(0%, 0, 0);
            -ms-transform: translate3d(0%, 0, 0);
             -o-transform: translate3d(0%, 0, 0);
                transform: translate3d(0%, 0, 0);
        height: 80%;
    }

    .modal.left-slide .modal-content,
    .modal.right .modal-content {
        overflow-y: auto;
        border-radius: 0;
    }
    
    .modal.left-slide .modal-body,
    .modal.right .modal-body {
        padding: 15px 15px 80px;
    }

/*Left*/
    .modal.left-slide.fade .modal-dialog{
        left: -420px;
        -webkit-transition: opacity 0.5s linear, left 0.5s ease-out;
           -moz-transition: opacity 0.5s linear, left 0.5s ease-out;
             -o-transition: opacity 0.5s linear, left 0.5s ease-out;
                transition: opacity 0.5s linear, left 0.5s ease-out;
    }
    
    .modal.left-slide.fade.in .modal-dialog{
        left: 0;
    }
        
/*Right*/
    .modal.right.fade.show .modal-dialog {
        right: -420px;
        -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.right.fade.show .modal-dialog {
        right: 0;
    }

/* ----- MODAL STYLE ----- */

   /* .pop-up-done{
        max-width: 450px;
        margin:auto;
    }*/

.nav-pills .nav-link.active, .nav-pills .show > .nav-link{
  background-color: #17A2B8;
}
.notif-drop{
  top: 60px;
  /* right:-125px !important; */
  left: unset;
  width: 300px;
  /*box-shadow: 0px 5px 7px 0px #707070;*/
  padding-bottom: 0px;
  padding: 0px;
  border-radius: 10px 10px 10px 10px !important;
}

.notif-drop:before{
  content: "";
  position: absolute;
  top: -20px;
  right: 20px;
  border:10px solid #343A40;
  border-color: transparent transparent #4dc4d8  transparent;
}
.head-notif{
  padding:5px 15px;
  border-radius: 10px 10px 0px 0px;
  background-color: #4dc4d8;
  font-weight: bold;
}
.footer-notif{
  padding:10px;
  border-radius: 0px 0px 10px 10px; 
}

.line{
    width: 80%;
    margin-left: 10%;
    margin-bottom: 10px;
    border-bottom: 1px solid gray;
    position: relative;
    }
@media (max-width: 640px) {
    .dropdown-menu{
      top: 50px;
      left: -16px;  
      width: 290px;
    } 
    .nav{
      display: block;
    }
    .nav .nav-item,.nav .nav-item a{
      padding-left: 0px;
    }
    .message{
      font-size: 13px;
    }
}
.notification-box{
  padding: 0px 0px 10px 0px; 
  line-height: 20px;
  overflow: hidden;
}
.notif-items{
    padding:12px 20px 12px 20px; 
    width:100%;
    margin: auto; 
    border-bottom: 1px solid ;
    border-bottom-color: #d3d3d3;
}
div.notif-items:last-child{
    border-bottom: none;
}

a.notif-items:hover {
  background-color: green;
}
.notif-item-scroll{
    max-height: 350px;
    overflow: auto;
    right: -17px;
}

/*notif  dots*/
.dot {
    height: 7px;
    width: 7px;
    background-color: red;
    border-radius: 50%;
    display: inline-block;
    position:relative;
  }

.sec{
   /*position: relative;*/
    right: -20px;
   top: -30px;
}
.small-sec{
  right: -10px;
  top: -30px;
}
.onmsg {
    top: -30px;
    right: -420px;
}
.counter .counter-lg {
    top: -24px !important;
}
.notif-content{
    line-height: 13px;
    font-size: 10px;
    font-family: rubik;
}
.text-gray{
    color: #4a4740;
}
.text-primary{
    color: #1B9CBD !important;
}
.text-primary-1{
    color:#1C9BBD;
}
.text-secondary{
    color:#C4E9F8 !important;
}

.notif-text-title{
    line-height: 16px;
    font-size: 13px;
    color:black;
    font-family: rubik;
}
.img-for-human{
    max-height: 25%;
    max-width: 80%;
}
.slider-appointment {
  width: 270px;
  height: 50px;
  background-color: #e88f35;
  position: fixed;
  right: -200px;
  bottom: 40px;
  z-index: 100;
  border-radius: 30px;
  overflow: hidden;
  display: inline-block;
  -webkit-transition: left 1s ease;
  transition: left 1s ease;
  
}
.slider-appointment div a {
    font-size: 13px;    
    color:white;
}

.item1{
    width:auto;
    height: inherit;
    background-color: orange;
    padding: 15px 15px 10px 18px;
}
.item1 img{
    max: 23px;
    max-height:22px;
}
.item2{
    padding: 12px 0px 0px 20px;
   font-family: rubik;
   letter-spacing: 0.1em;
}

 .slider-appointment:hover{
  -webkit-animation-name: slide; 
  -webkit-animation-duration: 1s; 
  -webkit-animation: slide forwards;
  animation: slide forwards;
  animation-name: slide;
  animation-duration: 1s;
  -webkit-box-shadow: 2px 0px 17px -4px rgba(0,0,0,0.69); 
 box-shadow: 2px 0px 17px -4px rgba(0,0,0,0.69);
}

@-webkit-keyframes slide {
  0%   {right:-170;}
  100% {right: 30px;}
}

@keyframes slide {
  0%   {right:-170;}
  100% {right:30px;}
}
@media (max-width: 700px){
    .slider-appointment,.item1,item2{
          display: inline-flex;
    }
    .slider-appointment{
        height: 40px;  
        width: 250px;
        right:-180px;
    }
    .item1{
        padding: 10px 15px 10px 18px;
    }
    .item2{
        padding: 8px 0px 0px 10px;
    }
}


/* Breadcrum menu*/
.panel-bread {
    background-color: #fff;
    border:0;
    margin-left: -500px;
    transition: .2s;
    height:auto;
    width:auto;
}
.panel-default-bread{
    position: absolute;
    height: 100vh;
    background: #fff;
    overflow: scroll !important;
}
.panel-heading-bread{
    padding: 10px 15px;
    border-top-left-radius:0;
    border-top-right-radius: 0;
}
.panel-default-bread > .panel-heading-bread {
    color: #fff;
    background-color: orange;
    border:0px;
    text-align: center;
}

.panel-bread > .list-group > .small{
    font-size: 8px;
    margin-left: 10px;
}

.b-parent{
    border: 0;
    padding-bottom: 15px;
    font-size: 15 px;
    border-bottom: 1px solid #ddd;
    postition:absolute;
   

} 
.b-parent span.arrow::after{
    font-family: 'ionicons';
    content: "\f3d0";
    float: right;
    align: center;
    font-size: 15px;
    transition: all 0.5s;
    background-color:#4dc4d7;
    margin-left: 10px;
    padding:0 5px;
}
.b-parent.rotate span.arrow::after{
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);
} 
.b-child{
     font-size: 14px;
     list-style: none;
     width: 100%;
     padding: 0;
}
.b-child li{
    position: relative;
    display: block;
    padding: 10px 0 10px 20px;
    background-color: #fff;
    border-bottom: 1px solid #ddd;
    color: #000;
}.b-child li:first-child{

    border-top: 1px solid #ddd;
}
.right-li{
    font-size: 8px;
    font-family: rubik;
    margin-left:10px
}
li.b-parent i{
  margin-right:10px;
} 
.isOut{
    margin-left: 0px;
}
.space-dash {
    padding-top: 25px;
    width: 5vw;
    border-bottom: 3px solid #085368 ;
    margin: 0 auto 10px;
}

#breadcrumb-list-area a > span:before{
  margin-right:10px;
}

ul.dotsbetween { 
  display:inline-block;
  margin-top:30px;
  margin-bottom: 20px;
  text-align:center;  
  
}
ul.dotsbetween li { 
  display:inline;
 padding:30px 20px 10px 20px;
 letter-spacing:3px;
}

ul.dotsbetween  span {
  height: 10px;
  width: 10px;
  background-color: yellow;
  border-radius: 50%;
  display: inline-block;
  margin:auto;
}


ul.dotsbetween li a {
   white-space:nowrap;
   display : inline-block;
   margin: 0;
   font-family: 'poppins', "Helvetica Neue", Helvetica, sans-serif;
   font-size:40px;
   color: #ffffff;

}

ul.dotsbetween li:hover {
  background-position: left bottom;
}
ul.dotsbetween li {
    background: linear-gradient(to right, orange 49%, transparent 50%);
    background-size: 200% 100%;
    background-position: right bottom;
    transition: all .2s;

}

@media screen and (min-width: 761px) and (max-width: 1256px){
  ul.dotsbetween li a {
   font-size:30px;
   letter-spacing: 0;
  }
}  
@media only screen and (max-width: 760px) {
  ul.dotsbetween { 
    width: 100%;
    float: none;
    display: inline-block;
    text-align: center;
    margin:0;
    padding:0;
  }
  ul.dotsbetween li a {
    float: none;
    width: 100%;
    display: inline-block;
    margin: 0;
    font-size: 20px;
    line-height: 26px;
    padding: 10px 85px;
    font-family: 'poppins', "Helvetica Neue", Helvetica, sans-serif;
    text-align: center;
    /* text-transform: uppercase; */
    /* letter-spacing: 2px; */
    color: #ffffff;
    /* opacity: 0.8; */
  }
  ul.dotsbetween li { 
   padding:0;
  }
  ul.dotsbetween  span {
   display:none;
  }
  
  ul.dotsbetween li:hover {
    background: none;
  }  
}
#mobile-nav-trigger.visible-xs  {
  /* background:#47C4DA; */
  height:100%;
}

#mobile-nav-trigger.visible-xs #nav-trigger  {
    position: absolute;
    top: 26%;
  }

#mobile-nav-wrapper .navbar-icons {
    text-align: center;
    padding: 0px;
}
span.bar{
    margin-top: 70px;
}

.img-reponsive-item{
    width: 40%;
    margin:auto;
}
.card-report{
    background-color:#9BDAE9;
    border-radius: 10px ;
    padding: 20% 10%;
    margin:auto;
    text-align: center;
    cursor: pointer;
    min-height: 50%;
}
.card-report .card-body{
   max-height: 4em;
   min-height: 4em;
}

.card-report:hover{
    background-color:#3194A4;
}
.content-collapse{
    background-color: #F6F6F6;
    width:100%;
    margin-top:-50px;
    padding: 70px  100px 0;
}
a#card-container[aria-expanded="true"] .card-report {

    background-color:orange;
}
ul.wellness {list-style: none}

ul.wellness  li::before {content: "• "; color: orange}



/*  MEDIUM DESIGN */
@media only screen  and (min-width: 600px) and (max-width: 992px) {
    .same-btn{
        min-width:40vw !important;
        padding: 20px 20px;
    }

}




.nav-module-image{
        width:40%;
        border-radius: 3%;
        max-height: 10vh;
    }
.nav-module-container{
    font-family: 'poppins';
    width: 70%;
    display: flex;
}
.nav-module-container.pull-right{
    justify-content: flex-end;
}
.nav-module-container .lh-1{
    font-weight: 500;
    color: #252525;
}
.wit-line{
    border-right: 2px solid gray;
}
.user-done{
    width:auto;
    border-radius: 0;
    background-color: #F7F7F9;
    border:none;
}
.user-done li{
    border-bottom: 1px solid gray;
    display: flex;
    flex-flow: column;
    margin:20px;
}
.user-done b{
    font-weight: 500;
}
.hiddenradio{
    display: flex;
}
.hiddenradio [type=radio] { 
  /*position: absolute;*/
  opacity: 0;
  width: 0;
  height: 0;
  margin-top: -10px;
  display: none;
}
.radio-select{
    margin-top: -10px;
}
.hiddenradio [type=radio] + img {
  cursor: pointer;
  height:50px;
  padding: 5px 10px;
}

.hiddenradio [type=radio]:checked + img {
  border-bottom: 2px solid #3EB9CC;

}

.review-div{
    display: flex;
}
.read-topic{
    margin-bottom:-50px;
}


/* revmamp homepage css */
.back-digital{
    background: url('../img/home_revamp/Back on Digital-bg.png') center center no-repeat;
    padding: 5vh 10vw;
    color:#fff;
    min-height: 50vh;
}
.half-vh-30{
    /* background: #545555; */
    /* padding: 5vh 10vw; */
    min-height: 31vh;
}
.text-warning-1{
    color: #FCB74B;
}
.underlined-orange, .underlined-light-blue, .underlined-dark-blue{
    padding-bottom: 10px;
    color: #fff;
    display: inline-block;
    margin-bottom: 1em;
}
.underlined-orange{
    border-bottom: 5px solid #F3CD8B;
}
.underlined-light-blue{
    border-bottom: 5px solid #4DC4D7;
}
.underlined-dark-blue{
    border-bottom: 5px solid #1A9CBB;
}
.underline-content{
    padding-top: .1em;
    /*padding-bottom: .4em;*/
    border-bottom: 1px solid rgb(23,156,187);
}
.f-sized-normal{
    font-size: 16px;
    font-weight: 400;
    color:#fff;
}
.content20{
    padding: 10% 15%;
    color:#fff;
}
.group-50{
    height: 50vh;
    color:#fff;
}   
.btn-wrap-space .btn{
    margin: 5%;
}
.btn-wrap{
    word-wrap: break-word; 
}
.line-btn-black{
    border-bottom: 1px solid #000;
}
.h4-normal{
    font-size: 1.3em;
    font-weight: 300 !important;
}
.header-landing{
    display: flex;
    margin:auto;
}
.header-landing h1{
    position: relative;
    margin-top:8%;

}
.compress80{
    max-width: 60%;
    margin:auto;
}
.lh-font-10{
    line-height: 1.8em;
}
.same-btn{
    min-width:22vw;
    text-align: center;
    padding: 20px 20px;
    margin:10px;
}
.hero-title-landing-lg{
    font-size: 2.2em;
    font-family: 'poppins', "Helvetica Neue", Helvetica, sans-serif;
    font-weight: bold;
    line-height: 1.5em;
}

.hero-title-landing-sm{
    font-size: 1.2em;
    font-family: 'poppins', "Helvetica Neue", Helvetica, sans-serif;
}


/* nomal design*/
.form-group-normal, .form-group-normal label{
    font-weight: 100;
}
.form-group-normal, .form-group-normal label{
    color:#000 !important;
}
.normal-form .form-control{
    background-color: #fff !important;
    color: rgb(33, 33, 33);
    border-radius: 0;
    font-family: 'Gotham Book', Helvetica, Arial, sans-serif;
    border:1px solid #B8B8B8;
}
input[type="radio"]{
    margin-left:-25px !important;
}
/* select ,input[type="text"]{ 
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
} */
.normal-form label{
    color:#1B9CBD;
    font-family: 'Gotham Book', Helvetica, Arial, sans-serif;
    font-size: 14px;
}
select.kn-form-control, .normal-form select {
    
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image:
      linear-gradient(45deg, transparent 50%, gray 50%),
      linear-gradient(135deg, gray 50%, transparent 50%);
    background-position:
      calc(100% - 20px) calc(1em + 2px),
      calc(100% - 15px) calc(1em + 2px),
      calc(100% - .5em) .5em;
    background-size:
      5px 5px,
      5px 5px,
      1.5em 1.5em;
    background-repeat: no-repeat;
  }
  select.kn-form-control:focus, .normal-form select:focus {
    background-image:
      linear-gradient(45deg, white 50%, transparent 50%),
      linear-gradient(135deg, transparent 50%, white 50%);
    background-position:
    calc(100% - 20px) calc(1em + 2px),
    calc(100% - 15px) calc(1em + 2px),
    calc(100% - .5em) .5em;
    background-size:
      5px 5px,
      5px 5px,
      1.5em 1.5em;
    background-repeat: no-repeat;
    outline: 0;
  }
/*end normal design*/

/* buttons */
.btn-sm{
    padding:10px 25px;
}
.btn-normal{
    border-radius: 10px;
}
.btn-square{
    border-radius: 0;
}
.btn-outlined{
    border:1px solid #C5C5C5;
}
.btn.gray{
    background-color: #C5C5C5;
}
.same-btn{
    min-width:22vw;
    text-align: center;
    padding: 20px 20px;
    margin:10px;
}
.same-btn.btn-sm{
    min-width: 12vw;
    font-size: 10px;
    padding: 10px 10px;
}
.button-under-tile{
    margin-left: 10px;
    width:90%;
    margin-top:20px;
    position: relative;
    border-bottom:1px solid #a3a3a3;
}

.btn-normal.top{
    margin-top: 20px;
}


/* end */

/*card radio button*/

.card-input-element {
    display: none;
}
.card-input img {
    width:90%;
    height:100%;
    padding:10%;
}
.card-input {
    /* border-radius: 10px; */
    min-height:100%;
    max-width:80%;
    -webkit-box-shadow: -1px 0px 8px 0px rgba(179,179,179,1);
    -moz-box-shadow: -1px 0px 8px 0px rgba(179,179,179,1);
    box-shadow: -1px 0px 8px 0px rgba(179,179,179,1);
}

.card-input:hover {
    cursor: pointer;
}

.card-input-element:checked + .card-input {
     -webkit-box-shadow: -1px 0px 12px 0px rgba(39,214,245,1);
-moz-box-shadow: -1px 0px 12px 0px rgba(39,214,245,1);
box-shadow: -1px 0px 12px 0px rgba(39,214,245,1);
 }


/*end card radio button*/

/*For Humans Page*/

.line-f{
    display: none;

}
.line-full, .line-f{
    border-bottom: 1px solid #1B9CBD;
    width: 100%;
    margin: 20px auto;
}
.grayed{
    border-bottom: 1px solid #96B0BA;
}
.find-more-areas{
    min-width:45%;
    border-bottom: 3px solid  #EF903D;
    float:right;
    color: #F19C4F;
    letter-spacing: 2px;
}
.for-human{
    /*padding:15%;*/
    padding-top:8%;
    background: #D1E1F4;
    background-size: 100% auto;

}
.for-human h2 {
    font-size: 3em;
    margin-left: 1%;
}
.for-human-form p{
    font-size: 1em;
    line-height: 1.5em;
    margin-left: 1%;
}
.for-humans-text{
    margin-top: 0;
    display: none !important;
}
img.for-human-img{
width: 100%;
    background: transparent;
    margin-bottom: -550px;
}
.for-human-content{
    padding: 10% 7%;
}

.card-pre-label{
    margin:0;
    color: #375686;
}

.hide-desktop{
    display:none;
}


.for-human-form{
    margin-top: 100px;

}
.wrap-card-input{
    padding: 10px 10%;
    margin:0;
}
.col-xs-4.small-pad{
    padding:5px;
}
.for-human-bot-content{
    padding-right: 10%;
    padding-left:10%;
    text-align: justify-left;
}
.for-human-text{
    margin-top: 30px;
    font-size:12px;
    line-height: 1.5em;
}

/* end here */





/*full Revamp website*/


.welcome-landing-section{
    margin-top:7.5vh;
}
.button-under-tile{
    width: 100%;
    position: absolute;
    vertical-align: text-top;
    border-bottom:1px solid #4f4f4f;
    z-index:0;

}
.section-normal-pad{
    padding-top: 6%;
    padding-bottom: 6%;
    position: relative;
}
.hero-landing{
    /*padding:100px 8%;*/
}
.hero-landing-title-0{
    font-size: 60px;
    line-height: 78px;
}
.hero-landing-title-1{
    font-size: 38px;
    line-height: 58px;
}
.hero-landing-title-2{
    font-size:20px;
    line-height: 40px;
    font-weight:500;
}
.hero-landing-title-3{
    font-size:40px;
    line-height: 58px;
}
.hero-landing-title-4{
    font-size:30px;
    line-height: 36px;
}

.hero-landing-title-5{
    font-size:50px;
    line-height: 62px;
}


.hero-landing-title-6{
    font-size:48px;
    line-height: 58px;
}

.hero-landing-title-7{
    font-size:20px;
    line-height: 28px;
}
.hero-landing-title-8{
    font-size:25px;
    line-height: 40px;
}
.hero-landing-title-9{
    font-size:30px;
    line-height: 60px;
}
.hero-landing-title-1, .hero-landing-title-2, .hero-landing-title-0, .hero-landing-title-4, .hero-landing-title-3,.hero-landing-title-5,.hero-landing-title-6,.hero-landing-title-7,.hero-landing-title-8,.hero-landing-title-9{
    margin-bottom: 10px;
    font-family: 'poppins', "Helvetica Neue", Helvetica, sans-serif;
    /* color:#515151; */
}
.hero-landing-title-2{
    font-size: 35px;
    line-height: 58px;
}
.landing-player-div{
    width:100%;
}


.landing-player-div iframe{
    width:100%;
    min-height:110vh;
}
.key-feature{
    background: #F1F1F1;
}
.keyfeature-tabs{
    padding: 20px 0;
    width:100%;
}
.key-feature-nav{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}
.key-feature-nav > li.key-feature-nav-items{
    flex-grow: 1;
    font-size: 14px;
    border-bottom: 1px solid #1B9CBD;
    padding: 10px 0;
    margin:0;
}

.key-feature-nav > li.key-feature-nav-items.active{
    border-bottom: 3px solid #1B9CBD;
    margin-bottom: -1px;
}
.key-feature-nav >  li.key-feature-nav-items > a{
    color:#F0913D;
    padding:8px 5px;
    letter-spacing: .3em;
    /* font-weight: bold; */
}
.key-feature-nav >  li.key-feature-nav-items.active > a{
    color:#F0913D;
    background-color: transparent !important;
}
.keyfeature-tab-content{
    width: 100%;
    min-height: 20px;
}
.keyfeature-tab-content .tab-pane{
    margin:20px
}

.wraper{
    padding: 0 3%;
}
.card-button{
    margin-top:15px;
    position: relative;
    text-align: right;
}

.client-testimony-wraper{
    padding: 0 80px;
    display: inline-flex;
}
.card-testimomny{
    margin: 20px 5%;
    height:auto;
    padding: 30px 30px;
    -webkit-box-shadow: 0px 0px 15px 1px rgba(237,237,237,1);
    -moz-box-shadow: 0px 0px 15px 1px rgba(237,237,237,1);
    box-shadow: 0px 0px 15px 1px rgba(237,237,237,1);
}
.client-testimony .own-carousel.owl-carousel .owl-stage
{
display: flex;
flex-direction: row;
}

.client-testimony .own-carousel.owl-carousel .owl-stage::after
{
display: none;
}

.client-testimony .own-carousel.owl-carousel .owl-item
{
float: none;
}
#digi-transform .container-fluid{
    padding:0;
    margin: 0;
}
.digi-transform-left{
    padding: 12% 15%;
    vertical-align: text-top;
}
.digi-transform-right{
    padding-top: 7%;
    vertical-align: text-top;
}
.digi-transform-wraper{
    padding:100px ;
}
.why-day1{
    margin-top:30px;
    padding-left:20px;
    padding-right:20px;
    font-family: 'poppins', "Helvetica Neue", Helvetica, sans-serif;
}

.why-day1 li{
    list-style-type: disc red;
    line-height: 2.2em;
    font-size:14px;
}
#section-clients{
    position: relative;
}
.section-clients:after{
    content:"";
    right:0;
    left:0;
    bottom:0;
    top: 0;
    position: absolute;
    background: linear-gradient(180deg, rgba(255,255,255,0.25674019607843135) 0%, rgba(255,255,255,1) 95%)
}
.client-img-wrapper{
    /* padding:20px; */
}
.round-img-client-small{
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: #4f4f4f;
}
.img-partner-wrapper{
    width: 130px;
    height: 130px;
    border-radius: 50%;
    border: 2px solid #696e7c;
}
.career-box{
    background-color: #F3FBFF;
    padding:2em;
    border-radius: 5px;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(242,242,242,1);
    -moz-box-shadow: 0px 0px 10px 0px rgba(242,242,242,1);
    box-shadow: 0px 0px 10px 0px rgba(242,242,242,1);
}
.career-box .lead{
    font-size: 12px;
    margin-bottom: -15px;
    font-weight:900;
    letter-spacing: 1px;
}
.career-box h1{
    font-size: 28px;
    font-family: 'poppins', "Helvetica Neue", Helvetica, sans-serif;
    font-weight: normal;
    line-height: 1em;
    color:#F0913D;
}
.career-box .fs-sm-10{
    margin-top:-10px;
}
.career-btn-wrapper{
    width:100%;
    margin: auto;
}
.career-box .btn{
    min-width: 100%;
    font-size: 12px;

}
.career-job h1{
    font-size: 35px;
    font-family: 'poppins', "Helvetica Neue", Helvetica, sans-serif;
    font-weight: 800;
    line-height: 1em;
    
}
.career-job .lead{
    font-size: 15px;
    margin-bottom: -10px;
    font-weight: 700;
}
.career-job .small-lead{
}
.contact li{ 
    list-style-type: circle;
    font-size: 35px;
}
.contact li p{ 
    font-size: 18px;
    line-height: 25pt;
    margin-top: -10px;
    margin-bottom:30px;
}
#service-slider .slick-dots {
    position: absolute;
    bottom: 10%;
}
.service-slide-item.slick-slide{
    padding: 4% 0;
}
#service-slider .slick-dots li.slick-active button:before {
    color: #000;
}
/*End Here*/



/* New normal Homepage */
/*.q-container::-webkit-scrollbar {
  display: none;
}*/
#appointment-form.collapse {
        display: block;
}
.client-feature{
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap:2em 4em;
    padding: 0 10%;
}
.client-logo{
    display: grid;
    align-content: center;
    /* background: #199cbb; */
    /* height: 5em;
    width: 5em; */
    overflow:hidden;
    /* border:#199cbb 1px solid; */
    border-radius: 50%;
}
.client-logo img{
    filter: grayscale(100%);
}
.mobile-togler{
    display: none;
}
.big-input{
    display: flex; 
    width: 100%;
    justify-content: space-around;

}
.big-input div.form-group{
    display: flex;
    padding: 10px;
    justify-content: space-around;
    align-items: center;
    width: 43%;
}
.big-input label{
    width: 100%;
    height: 100%;
    padding: 10%;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #4DC4D7;
    box-shadow: 0px 0px 7px 1px rgba(212,212,212,.3);
}
.big-input input[type="radio"], .big-input input[type="checkbox"]{
    display: none;
}
.big-input input[type="radio"]:empty ~ label:before, .big-input input[type="checkbox"]:empty ~ label:before {
    display: none;
}
.big-input  input[type="radio"]:empty ~ label, .big-input  input[type="checkbox"]:empty ~ label{
    background-color: none;
    color:#707070;
    border-radius: 10px;
    font-size: 12px;
}
.big-input input[type="radio"]:checked + label, .big-input  input[type="checkbox"]:checked + label {
	background-color:#47C4D9;
	color:#fff;
    border: 1px solid #4DC4D7;
}
.box-type input[type="radio"], .box-type input[type="checkbox"]{
    display: none;
}
.box-type input[type="radio"]:empty ~ label:before, .box-type input[type="checkbox"]:empty ~ label:before {
    display: none;
}
.box-type  input[type="radio"]:empty ~ label, .box-type  input[type="checkbox"]:empty ~ label{
    background-color: #FFEAC9;
    color:#0B5269;
    width: 100%;
    padding:.7em;
    text-align: center;
    margin-top:10px;
}
.box-type input[type="radio"]:checked + label, .box-type  input[type="checkbox"]:checked + label {
	background-color:#47C4D9;
	color:#fff;
}
.page-topic-q-div h2, .page-topic-q-div h3, .page-topic-q-div h4{
    color:white;
    line-height: 30px;
}
.page-topic-q-div {
    background: #0B5269;
    min-height: 150px;
    padding: 5% 10% 8% 10%;
}
.fs-20{
    font-size: 20px;
    line-height: 25px;
}
.page-topic-q-container{
    /*padding: 2em 2.5em;*/
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    gap: 15px;
    justify-content: center;
}
.pad-20{
    padding: 2em 10%;
}
.page-topic-q-container.col1{
    grid-template-columns: repeat(auto-fill, minmax(80%, 1fr));
    padding: 0;
}
.page-topic-q-container.col2{
    grid-template-columns: repeat(2, minmax(200px, 1fr));
    padding:0em 20%;
}
.page-topic-q-container input[type="input"]{
    width:100%;
    height: 1.8em;
    border: 0;
    border-radius: 2px;
}
.page-topic-q-container textarea{
    width:100%;
    height: 3em;
    border: 0;
    border-radius: 2px;
}
.page-topic-q-container textarea::placeholder {
    font-size: 12px;
    color: #CECDCD;
}

.new-normal-header{
    /*margin-top: 40px;*/
    display: grid;
    grid-template-columns: 40% 60%;
}
.side-titleheader{
    align-self: center;
}
/* .img-header-newnormal img{
   margin: auto;
} */
.img-header-newnormal{
    margin-top: -5%;
    max-width: 100%;
    margin-bottom: -6%;
}
.new-normal-list{
    padding: 10% 10%;
}

.new-normal-list ul{
    list-style: none;
    display: grid;
}
.new-normal-list ul li a{
    color:#fff;
    font-size: 20px;
    padding: 1.3em 1em;
}
.new-normal-list ul li a:hover {
    border: 0;
    background: rgb(252,183,74);
    background: linear-gradient(90deg, rgba(252,183,74,0.2) 0%, rgba(252,183,74,0.2) 100%);
}
.new-normal-list ul li a,.new-normal-list ul li a:hover {
    border-bottom: 1px #fff solid;
}
.new-normal-list.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{
    background: none;
    border:none;
    border-bottom:2px solid #FCB74A;
    color:#fff;
    cursor: pointer;
}
.new-normal.tab-content{
    display: none;
}
.new-normal.tab-content.active{
    display: block;
}
.new-normal-list ul li.active a:focus {
    background: none ;
    color:#fff;
    border: 0;
    border-bottom: 2px solid #FCB74A;
}
.new-normal-list ul li.active a {
    background: none;
    color: #fff;
    border: 0;
    border-bottom: 2px solid #FCB74A;
    border-radius: 0;
}
.main-nav-items .dropdown-menu li a {
    font-family: 'poppins', "Helvetica Neue", Helvetica, sans-serif;
    font-size: 12px;
    padding: 12px 12px;
    color:#515151;
}
#main-nav-items  ul.dropdown-menu li+li{
    border-top: 1px #D4D4D4 solid;
    padding: 0;
    margin: 0;
}
#mobile-subnav-inject,#mobile-subnav-inject-area{
    display: none;
    padding: 0 35px;
    transition: all .3s ease-in;
}
#mobile-nav-wrapper.open-nav #sub-menu-mobile.dropdown-menu{
    display: none;
}
#other-menu{
    list-style: none;
    margin-top:3em;
}
#other-menu li{
    padding: 8px 0;
}
#other-menu li > a{
    color: #fff;
    font-size: 20px;
    line-height: 26px;
    font-family: 'poppins', "Helvetica Neue", Helvetica, sans-serif;
}


.img-wrap-newnormal{
    height: fit-content;
    position: relative;
    z-index: -1;
}
.filtered-white{
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    top:0;
    background: linear-gradient(180deg, rgba(255,255,255,0.05926120448179273) 29%, rgba(255,255,255,1) 100%);
}
.content-bot-faded{
    /* position: absolute; */
    bottom: 20px;
    padding: 50px 5em;
    width: 80%;
    margin-top:-10em;
    z-index: 10;
    background: rgb(255,255,255);
    background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9570203081232493) 33%, rgba(255,255,255,1) 100%);
}
.content-bot-faded h1{
    color:#FCB74A;
    margin-right: 1em;
}

#new-normal-header{
    background: #0B5269;
    color:#fff;
}
.nav-content{
    background: #F6F6F6;
    min-height: 90vh;
    position: relative;
    margin: auto;
    top: 0px;
    left: 0px;
    bottom: auto;
    right: auto;
    box-sizing: border-box;
    width: 100%;
}
.new-normal{
    display: grid;
    grid-template-columns: 15% 85%;

    position: relative;
}
.side-nav-new-nomal{
    position: relative;
    background: #F6F6F6;
    height: auto;
    z-index:10;
}
.side-nav-new-nomal ul{
    list-style: none;
    padding-inline-start: 0;
}
.side-nav-new-nomal ul li {
    padding: 1em 2em;
    border-bottom: 1px solid #CBCBCB;
}
.side-nav-new-nomal ul li a{
    font-size: 15px;
    line-height: 25px;
    color: #515151;
}.side-nav-new-nomal ul li.active a{
     color: #1C9BBD;
}
.side-nav-new-nomal p{
    font-size: 13px;
    margin-bottom: 0;
}
.new-normal-content, .new-normal-content-frame{
    position: relative;
}
.new-normal-content-frame iframe{
    border: 0;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    max-width: 100%;
    /* margin-top: -80px; */
    z-index: -1;
}/*
.new-normal-content, .new-normal-content-frame .content-block.paragraph-block {
    position: relative;
    padding: 0;
}*/
#pres-ass-inject{
    position: fixed;
    z-index: 10;
    bottom: 0;
    min-width: 100%;
}
#pre-assesment-wraper {
    background-color: #FFF7DF; 
    padding: .8em 2em;
    width:100%;
}
#pre-assesment-wraper p
{
    font-size: 15px;
}
.d1-accord{
    padding:1em;
}
.d1-accord-item{
    width:100%;
    background: #fff;
    font-family: 'poppins', "Helvetica Neue", Helvetica, sans-serif;
    margin-top:2px;

}
.d1-accord-header{
    background-color: #F6F6F6;
    position: relative;
}
.d1-accord-header button{
    color:#51ACC6;
    width: 90%;
    text-align: left;
    border-radius: 0;
    background-color: #F6F6F6;
    border: none;
    padding: .8em  0 .8em 1.5em;
    font-family: 'poppins', "Helvetica Neue", Helvetica, sans-serif;
    font-weight: medium;
}
.d1-accord-header button:after{
    transition: all .3s;
}
.d1-accord-header button[aria-expanded="true"]:after {
    transform: rotate(180deg);
    content: "\f35f";
    font-family: Ionicons;
    right: 2em;
    position: absolute;
}
.d1-accord-header button[aria-expanded="false"]:after {
    content: "\f35f";
    font-family: Ionicons;
    right: 2em;
    position: absolute;
}
.d1-acc-body{
    padding:1.5em 2.5em;
}
.accord-card-item{
    border:1px solid #BBBBBB;
    border-radius: 10px;
    padding:1em 2em;
}

/* page navigator */
.page-navigator-footer{
    width:100%;
    border-top: 1px solid #D6D6D6;
    padding-top:50px;
    margin-bottom:50px;
}
.new-normal-page-items{
    margin: 1% 5%;
    padding: 5px 3px;
    -webkit-box-shadow: 0px 0px 6px 3px rgba(243,243,243,1);
    -moz-box-shadow: 0px 0px 6px 3px rgba(243,243,243,1);
    box-shadow: 0px 0px 6px 3px rgba(243,243,243,1);
}

.new-normal-page-items h4{
    padding: .8em .6em;
    font-size: 11px;
}
.feedback-new-normal {
    position: absolute;
    bottom: 7vh;
    text-align: center;
    background: #707070;
    width: 100%;
    color: #fff;
    display: flex;
    justify-content: center;
    padding: 22px 0;
}
.summary-container{
    padding:5% 10%;
    margin-bottom: 60px;
    border:1px solid #D5D5D5;
    border-radius: 20px;
    display: none;
}
.summary-container ul {
    margin-top:10%;
    list-style: none;
    padding-inline-start: 0px;
}
.summary-container ul li {
    margin-top:20px;
}

.summary-container p {
    margin-bottom: 0;
}
.img-default-wraper{
    width:100%;
    min-height:250px;
    background-color: #C4E9F8;
}
.couriers-slides-parent{
    display: flex;
    align-items: center;
}
.couriers-slides-parent .slick-track {
    display: flex;
  }
.couriers-slides-parent .slick-track .slick-slide {
    display: flex;
    height: auto;
    align-items: center;
    justify-content: center;
  }
.couriers-slides{
    padding: 2em;
}

.no-design input[type="radio"], .no-design input[type="checkbox"]{
    display: none;
}
.no-design input[type="radio"]:empty ~ label:before, .no-design input[type="checkbox"]:empty ~ label:before {
    display: none ;
}
.no-design input[type="radio"]:empty ~ label, .no-design input[type="checkbox"]:empty ~ label, .box-input-choices .ka-input,
.no-designs input[type="radio"]:checked + label, .no-design  input[type="checkbox"]:checked + label
 {
    color: #fff;
    margin-top: 10px;
    padding: 5px 15px;
    text-align: center;
    font-size: 10px;

 }

.box-input-choices input[type="radio"]:checked + label, .box-input-choices  input[type="checkbox"]:checked + label {
	color:#F0913D;
}
.vimeo-full-width {
    padding: 56.25% 0 0 0;
    position: relative;
}

.vimeo-full-width iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
#with-sub-menu:hover{
    cursor: pointer;
}
.nav-page-img{
        display: none;
}
/* end here new normal hompage */



/* Journey design */

ul.areas-numbers{
    padding-inline-start: 0px;
    list-style-type: none;
    display: flex;
}
ul.areas-numbers > li {
    padding:0 10px;
    font-size: 12px;
}
ul.areas-numbers > li.active{
    background: #0B5269;
}
.timeline { 
    --timeline-color: #9bc;
    
    position: relative;
    list-style: none;
    display: inline-flex;
    flex-wrap: nowrap;
    justify-content:center;
    width:100%;
    margin: 0;
    padding: 0;
    height: 240px;  }  
    
    /* middle line */
    .timeline:before {
    content: "";
    position: absolute;
    top: calc(60% - 1px);
    width: 100%;
    height: 1px;
    background: #fff; }
    
    .timeline li { 
    margin: 0 20px;
    width: 220px;
    align-self: flex-start; 
    }
    .timeline li.barier:after {
    content: "";
    position: absolute;
    border-left: 1px solid #fff;
    height: 70%;
    top: -10%;
    margin-right: 230px;
}

.timeline li.active:before { 
    background: #FCB74B;
}

.timeline li div.tl-box {
position: relative;
width:fit-content;
padding:5px 10px;
border: 1px #fff solid; 
margin:auto;
}

/* style for the dot over the timeline */
.timeline li:before {
    content: "";
    position: absolute;
    top: 60%;
    margin-left: 100px;
    transform: translate(-50%, -50%);
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: #fff;
}
.timeline li .li-wrap{
    max-width: 200px;
    opacity: 0.5;
}
.timeline li.active .li-wrap{
    opacity: 1;
}
.item-titles{
    margin-top:10px; 
    font-family: 'poppins', "Helvetica Neue", Helvetica, sans-serif;
    font-weight: 500;
}
.decor{
    display: flex;
    width:150px;
    background: #000;
    margin: auto;
    margin-bottom:20px;
}
.decor div{
    width:20px;
    height:8px;
}
#area-item-accordion{
    width:100%;
    margin: 20px 0;
}
#topic-item-inaccordion{
    margin: 20px 0;
    position: relative;
}
#topic-item-inaccordion.assessment{
    background: #C6E7EF;
    color: #0B5269;
}
#module-item-accordion{
    margin: 20px 0;
}
.accordion-area button.custom-accordion-btn{
    color:#1D9BBD;
    border-color:#1D9BBD;
}
.accordion-module button.custom-accordion-btn{
    color:#F0913C;
    border-color:#F0913C;
}
.custom-accordion-btn{
    position: relative;
    border: 1px solid;
    background: transparent;
    width:100%;
    text-align: left;
    padding: 15px;
    font-family: 'poppins', "Helvetica Neue", Helvetica, sans-serif;
}
.custom-accordion-btn:before{
    content: "\f400";
    font-family: "Ionicons";
    position: absolute;
    left: 30px;
    font-size: 30px;
}
.custom-accordion-btn.done:before{
    content: "\f120";
}
.custom-accordion-btn.not:before{
    content: "\f401";
}
.custom-accordion-btn:after{
    
    content: "\f35f";
    font-family: "Ionicons";
    position: absolute;
    right: 20px;
    font-size: 20px;
    transition: all .5s;
}
.custom-accordion-btn[aria-expanded="true"]:after{
    transform: rotate(180deg);
}

.custom-accordion-btn span.category-name{
    font-weight:500; 
    margin-left: 6em;
}
.custom-accordion-btn span.category-title{
    position: absolute;
    font-weight:200; 
    left: 15em;
}

#topic-item-inaccordion button.custom-accordion-btn{
    border:none;
    color:#666666;
}
#topic-item-inaccordion.assessment button.custom-accordion-btn{
    color:#0B5269;
}
#topic-item-inaccordion button.custom-accordion-btn:after{
    content: "";
}

#digi-service-offered, .vw-2{
    padding: 2vw 0;
}
div#digi-service-offered ul {
    padding-inline-start: 0px;
    display: grid;
    grid-template-columns: 1fr 1fr;
}
#digi-service-offered ul > li{
    list-style-type: none;
    margin-top: 20px;
    font-size: 18px;
    color: #4EC4D7;
    font-weight: 500;
    position: relative; 
    padding-left: 35px;
}

#digi-service-offered ul > li:before{
    content:'\f401';
    position: absolute;
    font-family: "Ionicons";
    font-size: 30px;
    left: 0;
    color: #777;
}

#service-offered{
    min-height: 100vh;
    display: flex;
    position: relative;
}
.service-display-cont,.checkout-display-con{
    display: none;
}
.service-display-cont.active, .checkout-display-con.active{
    display: block;
}
#service-nav{
    background-color: #0B5269;
    height: inherit;
    padding:7% 5%;
    width:25%;

}
#service-nav ul {
    list-style: none;
    padding: 0;
    color: #fff;
}
#service-nav li {
    /* overflow: hidden; */
    position: relative;
    padding: 0 0 30px 50px;
    margin-top: 0;
    animation-delay: all .6s;
}
#service-nav li::before {
    content: '';
    position: absolute;
    left: 12px;
    height: 100%;
    border: 1px solid #fff;
    border-width: 0 0 0 1px;
}
#service-nav li:last-child::before {
    border-width: 0;
}
#service-nav li::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 8px;
    height: 8px;
    left: 8px;
    background: #fff;
    border-radius: 50%;
}
#service-nav li.active::after {
    width: 16px;
    height: 16px;
    left: 4px;
}
#service-nav li div.title {
    font-size: 18px;
    font-weight: bold;
    color: #fff;
}
#service-nav li div.title .subtile {
    font-size: 12px;
    font-weight: 400;
}

#displays-container{
    padding: 2% 5%;
    width: 75%;
    overflow: hidden;
    /* margin-left:25%; */
}
#package-section,   #questionaire-section, #order-summary-section, #login-section,  #checkout-billing{
    position:  relative;
    /* height: 100%; */
    padding-bottom: 10%;
}

.key-feature-v2{
    background: #F1F1F1;
}
.keyfeature-tabs{
    padding: 20px 0;
    width:100%;
}
.key-feature-v2-nav{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}
.key-feature-v2-nav > li.key-feature-v2-nav-items{
    flex-grow: 1;
    font-size: 14px;
    padding: 10px 0;
    margin:0;
}

.key-feature-v2-nav > li.key-feature-v2-nav-items.active{
    border-bottom: 3px solid #1B9CBD;
    margin-bottom: -1px;
}
.key-feature-v2-nav >  li.key-feature-v2-nav-items > a{
    color:#F0913D;
    padding:8px 5px;
    letter-spacing: .3em;
    /* font-weight: bold; */
}
.key-feature-v2-nav >  li.key-feature-v2-nav-items.active > a{
    color: #6EB4CD;
    background-color: transparent !important;
}
.keyfeature-tab-content{
    width: 100%;
    min-height: 20px;
}
.keyfeature-tab-content .tab-pane{
    margin:20px
}
.d1-accordion{

    font-family: 'poppins', "Helvetica Neue", Helvetica, sans-serif;
}
.d1-collapse-card{
   margin-top: 20px; 
}
.d1-accordion .collapse{
    margin-top: 20px;
}
.d1-accordion button{
    font-size:18px;
    font-weight: 500;
    background: none;
    border: none;
    color: #4EC4D7;
    position: relative;
    width: 100%;
    text-align: left;
}
.d1-accordion button[aria-expanded="true"]:after {
    content:  "\f208";
    font-family: "Ionicons";
    right: 2em;
    font-weight: 500;
    position: absolute;
}
.d1-accordion button[aria-expanded="false"]:after {
    content: "\f217";
    font-family: "Ionicons";
    right: 2em;
    position: absolute;
}
.d1-core {
    background-color: #fff;
    padding: 20px 30px 40px 30px;
    border-radius: 20px; 
    -webkit-box-shadow: 6px 13px 30px -4px rgba(114,114,114,0.08); 
    box-shadow: 6px 13px 30px -4px rgba(114,114,114,0.08);
}
.d1-core .d1-collapse-card:not(:last-child) {
    border-bottom: 1px solid lightgray;
    padding-bottom: 25px;
}
.card-catalogue .card-text{
    font-family: 'poppins', "Helvetica Neue", Helvetica, sans-serif;
    padding:15px;
    font-size: 14px;
    text-align: center;
    font-weight: 450;
    color: #4EC4D7;
    background-color: #fff;
    margin: auto;
}
.card-catalogue{
    border-radius: 15px;
    overflow: hidden;
    margin:10px;
}
/* .card-catalogue img{
    height:30%;
} */
.package-container{
    margin:12px;
    font-family: 'poppins', "Helvetica Neue", Helvetica, sans-serif;
    -webkit-box-shadow: 4px 0px 22px 1px rgba(97,97,97,0.05); 
    box-shadow: 4px 0px 22px 1px rgba(97,97,97,0.05);
    padding:20px;
    border-radius: 20px;
}
.package-container div.inclusions ul{
    padding-inline-start: 15px;
}
.package-container ul li{
    font-size: 15px;
}
.package-image{
    max-width:100px;
    border-radius: 50%;
    margin: auto;
}
.package-name, .duration, .package-name,  .package-price{
    text-align: center;
}
.package-name{
    text-transform: uppercase;
    font-weight: 400;
    font-size: 16px;
    letter-spacing: 2px;
    margin-top: 15px;
}
.package-price{
    font-weight: 500;
}
.question-container{
    padding: 20px;
}
.order-summary-container{
    margin:20px;
}
#order-summary-container-acor{
    padding: 2% 5%;
}
.order-summary-container .head-title{
    background-color: #F1F1F1;
    padding: 2rem;
    font-family: 'poppins', "Helvetica Neue", Helvetica, sans-serif;
    font-weight: 500;
}
.order-summary-container .head-title .service-name{
   color: #1C9BBD;
}

.order-summary-container .head-title .price{
    color: #464646;
}
.d1-collapse-card .card-header button.small-btn-accordion{
    color: #363636;
}
.order-sum .card-body h5{
    font-family: 'poppins', "Helvetica Neue", Helvetica, sans-serif;
    letter-spacing: 2px;
    font-weight: 450;
    color:#707070;
}
.order-sum .card-body ul{
    margin-top: 15px;
    padding-inline-start: 10px;
    font-size:14px;
    color:#707070;
}
.row.is-flex {
    display: flex;
    flex-wrap: wrap;
}
.row.is-flex > [class*='col-'] {
    display: flex;
    flex-direction: column;
}

#checkout-display button{
    width:100%;
    text-align: left;
    border: none;
    text-transform: uppercase;
    font-family: 'poppins', "Helvetica Neue", Helvetica, sans-serif;
    padding: 1.6rem;
    font-size: 1.5rem;
    letter-spacing: .3rem;
}
#service-offered .buttons-next{
    position: absolute;
    bottom: 50px;
    width: 90%;
    left: 5%;
}
.contain{
    padding: 0 10%;
}
#services-ulist{
    margin-top: 6rem;
    margin-bottom: 6rem;
}
#services-landing{
    min-height: 50vh;
    position: relative; 
    display: grid;
    align-items: center;
    justify-content: center;
}

.anim-wrapper{
    min-height: 250px;
    display: grid;
    grid-template-rows: 1fr;
} 
.c-proof{
    min-height: 80px;    
}
div#questions-sec {
    margin-top: -50px;
    padding: 0;
}
.cta-account{
    cursor: pointer;
}
.payment-status {
    position: absolute;
    /* top: -40px; */
    font-size: 10px;
    padding: 4px 8px;
    background-color:#f0ad4e;
    color: #fff;
    bottom: -35px;
    right: -5px;
}
.payment-status.paid-status{
    background-color: #2d884d;
}
.h-inherit, .slick-list, .slick-track {
    min-height: 80vh;
}
.changeable-gradient {
	background: linear-gradient(-45deg, #2debb5, #fcb74c,  #23a6d5, #23d5ab);
	background-size: 400% 400%;
	animation: gradient 15s ease infinite;
}
.center-vertical-content{
    display: flex;
    align-items: center;
}
@keyframes gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}

div#service-slider {
    height: 60vh;
    display: flex;
    align-items: center;
}
#service-slider .slick-dots {
    position: absolute;
    bottom: 0;
    height: 5vh;
    padding: 1rem 0;
}
div#service-slider .slick-track{
    height: 100%;
}
div#service-slider .slick-track .service-slide-item{
    height: 85vh;
}
div#service-slider .service-slide-item.slick-slide {
    padding: 0px;
    display: flex;
    justify-content: center;
    align-items: center;
}
#service-slider .slick-next{
    right: 5%;
}
#service-slider .slick-prev{
    left: 5%;
}
.db-header{
    padding: 3% 0;
   background-color: #0B5269;
   color: #fff
}
._day1-preps {
    padding: 1.5em 1.8em;
    margin-top: 2em;
    border: 1px solid #1B9CBD;
    border-radius: 20px;
}
.dashboard-hero-card{
    margin:30px;
    box-shadow: 0 0 15px rgba(0,0,0,0.1);
    position:relative
}

.content-bot-faded.wd-100 {
    width: 100%;
    position: absolute;
    bottom: 0;
    padding: 10% 10%
}
.dasboard-landing-illus-card {
    padding: 10%;
    background-color: #fff;
    margin-top: 20px;
}
.container-wrapper{
    padding-top: 6%;
    padding-bottom: 5%;
}
.container-wrapper.wd-width{
    padding-right: 10%;
    padding-bottom: 10%;
}
.dashboard-header-card-wrap {
    display: grid;
    padding:20px 0;
    grid-template-columns:100px 1fr;
    margin-bottom: 20px;
}
.list-bulleted-task:hover {
    box-shadow: -3px 6px 16px -1px rgba(51,51,51,0.3);
    transition: all 1s;
    
}
.dashboard-header-card-wrap {
    grid-template-columns: 100px 1fr;
}
.dashboard-title-wrap {
    border-bottom: 1px solid #BEBEBE;
    color:#6E6F6E;
    padding-bottom: 10px
}
.dashboard-header-card-wrap img {
    max-width: 100px;
    align-self: self-end;
    justify-self: end;
    color: #FCB74A;
    margin-right: 20px;
}
.goal-wraper {
    border: 2px solid  #FCB74A;
    width: 75%;
    margin: 0 auto;
    border-radius: 20px;
    margin-bottom: 20px;
    font-family: rubik;
    font-weight: 700;
}
.goal-title-wraper{
    background-color: #1B9CBD;
    color:#fff;
    padding: 25px 20px;
    text-align: center;
    border-radius: 20px;
    width: 101%;
    margin-left: -.5%;
    margin-top: -.5%;
    font-size: 22px;
}
.goal-details{
    padding:22px 20px;
    text-align: center;
    color: #707070;
    font-size: 16px;
}

.panel-group.panel-v1{
    width:98%;
    margin-left: auto;
    margin-right: auto;
    border:none;
}
.panel-group.panel-v1 .panel.panel-default, .panel-group.panel-v1 .panel-body{
    border: none !important;
}
.panel-group.panel-v1{
    border-radius:20px 20px 0 0;
}
.panel-group.panel-v1 .panel-heading {
    padding: 0px;
    border-radius: 10px;
    margin-top: 15px;
    border:none;
}
.panel-group.panel-v1 .panel-heading a{
    padding: 26px 20px;
    border-radius: 10px;
    border:none;
    box-shadow:-3px 6px 16px -1px rgba(127,127,127,0.13);
    font-size: 18px;
    font-weight: 500;
    color:#1B9CBD;
    font-family: rubik;
    position: relative;
}
.panel-group.panel-v1 .panel-body{
    padding: 20px;
}
.panel-group.panel-v1 .panel-title a:hover {
    transition: all 2s;
    box-shadow:-3px 6px 16px -1px rgba(51,51,51,0.21);
}
.panel-group.panel-v1 .panel-title a:after{
    content: "\f123";
    font-family: 'ionicons';
    position: absolute;
    font-size: 15px;
    top:42%;
    right: 20px;
    color: #707070;
    transition: all 1s;
}
.panel-group.panel-v1 .panel-title a[aria-expanded*="true"]:after{
    content: "\f126";
    font-family: 'ionicons';
    position: absolute;
    font-size: 15px;
    top:42%;
    right: 20px;
    color: #707070;
}
.list-bulleted-task {
    padding: 20px;
    background-color: #fff;
    width: 95%;
    margin: auto;
    border-radius: 20px;
    box-shadow:-3px 6px 16px -1px rgba(127,127,127,0.13);
}
.list-bulleted-task:hover {
    box-shadow: -3px 6px 16px -1px rgba(51,51,51,0.3);
    transform: scale(1.03);
    transition: all 1s;
    
}
.dashboard-header-card-wrap {
    grid-template-columns: 100px 1fr;
}
.module-wrapper-v2 {
    padding: 10px;
    width:90%;
}
.module-wrapper-v2:after{
    content: "\f3d1";
    position: absolute;
    font-family: 'ionicons';
    top: 45%;
    right: 10%;
    font-size: 20px;
}
.module-wrapper-header h3 {
  font-weight: 600;
  color:#FDB74B;
}
.addGoal-tester .form-control {
    border-radius:0;
    border: none;
    border-bottom: 1px solid #fff;
    background: none;
    color: #fff;
    font-weight: 400;
}
#add-Goal {
    cursor: pointer;
    position: absolute;
    top: 30%;
}
.goal-details.editing {
    padding: 20ox 0;
}
textarea#goal_description{
    font-size: 15xp;
    border: none;
    border-bottom: 1px solid #c1c2c3;
    font-size: 15px;
    font-weight: 400;
    width:80%;    
}
textarea::placeholder{
    font-size: 15px;
    font-weight: 400;
}
.goal-details.editing {
 padding:20px 1px;
}
.button-wrapper-submit{
    padding: 0 20px 20px;
    display: none;
}

.button-wrapper-submit .btn-primary{
    font-size: 12px;
    padding: 8px 16px;
}

.taskbtn {
    display: block;
    margin: auto;
}
form.task-output {
    transition: all .5s;
    padding: 20px;
    width: 100%;
    /* background: #f4f5ee; */
    
}
form.task-output textarea, form.task-output input{
    width: 100%;
    display: block;
    margin:15px auto;
    /* height: 100px; */
    border-radius: 10px;
    padding: 15px;
    border:#FCB74B solid 1px;
    
}
.onbaording-illus{
    margin-top: 5rem;
    width: 68%;
}
.panel-group.panel-v1 .panel-body {
    overflow: hidden;
}
.list-bulleted-task {
    cursor: pointer;
}
.right-goal {
    margin-top: 5em;
}
.right-goal .hero-landing-title-5 {
    line-height: 70px;
    
}
.img-gilid-stock .image-responsive {
    position: absolute;
    right: -59%;
    top: 0;
    z-index: 1;
    max-width: 70%;
}
.acc.btn-primary.btn-outline:before {
    content : '';
    background-color: #FCB84E;
    position: absolute;
    display: inline-block;
    top: 1.6em;
    left: -20px;
    border-bottom: 2px solid #FCB84E;
    width: 80px;
}
.acc.btn-primary.btn-outline:hover{
    transform: translateX(20px);
    transition: All .3s ease-in;
}
.acc.btn-primary.btn-outline:hover:before{
    transform: translateX(-40px);
    transition: All .3s ease-in;
}
.goal-div-ins{
    display: none;
}
.goal-ins-card{
    padding:3rem;
    background: #fff;
    box-shadow:-3px 6px 16px -1px rgba(127,127,127,0.13);
    border-radius: 20px;
}
.goal-ins-card p.label{
    color:#ADADAD;
    font-size: 15px;
    font-family: 'rubik',
}
.sample-goal-wraper .goal-wraper{
    width: 100%;  
    /* overflow: hidden; */
    background: #fff;
}
.sample-goal-wraper .goal-wraper .goal-details {
    font-size: 14px;
    font-weight: 400;
}
.sample-goal-wraper
.wrap-metrics-sample {
    background: #F7F7F7;
    margin: 15px;
    padding-bottom: 1px;
}
.sample-goal-wraper
.wrap-metrics-sample h3{
    padding: 15px 15px 0 15px;
    color : #0B5269;
    font-size: 18px;
}
.wrap-metrics-sample  .card-metrics-text {
    padding: 15px;
    background: #fff;
    border-radius: 10px;
    margin: 20px;
    font-weight: 400;
    font-size: 14px;
    box-shadow:-3px 6px 16px -1px rgba(127,127,127,0.13);
}

.goal-form-new{
    display: none;
}

.goal-form-wrapper {
    box-shadow:-3px 6px 16px -1px rgba(127,127,127,0.13);
    background-color: #fff;
    padding:20px 22px;
    border-radius: 20px;
    position: relative
}
.goal-form-wrapper:before{
    content: "";
    position: absolute;
    top: 26px;
    right:50px;
    min-height: 8px;
    min-width: 40px;
    background: #0B5269;
    border-radius: 5px;
}
.goal-wraper .metrics-input-wrap{
    
}
.goal-form-wrapper:after{
    content: "";
    position: absolute;
    top: 26px;
    right:30px;
    min-height: 8px;
    min-width: 10px;
    background: #0B5269;
    border-radius: 5px;
}

.goal-form-wrapper
.form-label {
    color: #0B5269;
    font-family: 'poppins';
    font-weight: 500;
    font-size: 20px;
    line-height: 28px;
    margin: 1px 10px 20px ;
}
.goal-form-wrapper .input-border {
    min-width: 100%;
    padding: 5px 10px;
    min-height: 18px;
    max-height: 100px;
    margin-bottom: 15px;
    border-radius: 20px;
    border: 1px solid #FCB84E;
    max-width: 100%;
    
}
.left-display  {
    margin-top:10em;
}
.free-registration-wrapper-form{
    border-radius: 20px;
    overflow: hidden;
    margin: 0 6em;
}
.free-content-registered{
    background: #fff;
    padding: 4em 4em 2em 3em;
    min-height: 100%;
    
}
.lined-input .form-group input{
    border: none;
    background: none;
    border-bottom: 1px solid lightgray;
    border-radius: 0px;
}
.lined-input .form-group input:foucs{
    border: none;
    background: none;
    border-bottom: 1px solid #6AC3C5;
    border-radius: 0px;
}

.left-bg-gradient {
    min-height: 100%;
    padding: 3em;
    background: rgb(169,193,192);
background: linear-gradient(90deg, rgba(169,193,192,0.44) 0%, rgba(169,193,192,0.43881302521008403) 100%);
}
.left-bg-gradient h2, .left-bg-gradient p {
    color: #fff;
}


/*
   ///////////////////////////////////////////////////////
   ////////////////// RESPONSIVE DESIGNS /////////////////
   ///////////////////////////////////////////////////////
*/

/* mobile design */
@media (max-width: 1430px){
    #main-nav-items{
        display:none !important;
    }
    #mobile-nav-trigger, #mobile-nav-wrapper{
        display:block !important;
    }
    .img-gilid-stock .image-responsive {
        position: absolute;
        right: -60%;
        top: 29vh;
        z-index: 1;
        max-width: 80%;
    }
}

@media (max-width: 1250px){
    .img-gilid-stock .image-responsive {
        position: absolute;
        right: -60%;
        top: 29vh;
        z-index: 1;
        max-width: 80%;
    }
}
@media (max-width: 1199px){
    .section-for-business .hero-title-2{
        margin-top: 120px;
    }
    .for-business-img{
        top: 180px;
    }
    .timeline li:before{
        margin-left: 8%;
    }
    #package-section, #questionaire-section, #order-summary-section, #login-section, #checkout-billing {
        padding-bottom: 20%;
    }
   
}

@media (max-width: 768px){
    .free-registration-wrapper-form{
        margin: 0;
        z-index: 1;
        border-radius: 0;
    }
    .left-bg-gradient {
        border-bottom-right-radius: 3em;
        border-bottom-left-radius: 3em;
       background: rgb(169,193,192);
background: linear-gradient(90deg, rgba(169,193,192,1) 0%, rgba(169,193,192,1) 100%);
        margin-bottom: -3em;
        z-index: 10;
    }
    .free-content-registered{
        padding-top: 7em;
    }
    .summary-item.summary-wall{
        width: 50%;
    }
    div#service-slider .slick-track .service-slide-item {
        height: 100vh;
    }
    .slick-dotted.slick-slider {
        margin-bottom: 0;
    }
    #service-slider .slick-dots {
        bottom: 1%;
    }
    div#service-slider {
        height:100vh;
        
    }
    .goal-wraper {
        width:95%;
    }
    .dashboard-header-card-wrap {
        grid-template-columns: 70px 1fr;
    }
    .dashboard-header-card-wrap img {
        justify-self: start;
    }
    .onbaording-illus {
        margin-top: 15vh;
        width: 100%;
    }
    .img-gilid-stock .image-responsive {
        position: absolute;
        right: 00%;
        top: 100%;
        z-index: 1;
        max-width: 50%;
    }
}
@media (max-width: 660px){
    .summary-item.summary-wall{
        width: 100%;
    }
    .pad20p {padding: 10px 5%;}
    
}


@media (max-width: 1200px){
    .free-registration-wrapper-form{
        margin: 0;
    }
    .camera-pie-bar{
        height: 150px;
        width: 150px;
        top: 25px;
    }
    .camera-pie-bar .flex-vcenter{
        height: 150px !important;
    }
    .new-normal {
        grid-template-columns: 15% 85%;
        /* max-width: 100vw;
        min-width: 100vw; */
        /* display: flex; */
    }
    /*.side-nav-new-nomal ul li {
        padding: 1em 3px;
    }*/
    .new-normal-content-frame .content .container {
        width: 100%;
    }
    .new-normal-list ul li a {
    padding: .8em;
    font-size: 18px;
    }
}

/* Small Devices, Tablets */

@media only screen and (max-width : 810px) {
    .left-display{
        margin-top: 3em;
    }
    #main-nav-items{
        display: none;
    }
    #customer-nav-item{
        display:none;
    }
    
    .section-hero-title {
        font-size: 44px;
        line-height: 50px;
    }
    .find-more-areas{
        display: none;
    }

    .wh{
        height: auto !important;
    }

    #feedback-modal .modal-content{
        padding: 40px 20px;
    }

    
    .datepicker-lg{
        font-size: 18px;
        line-height: 26px;
    }
    .datepicker-lg table > thead > tr > th, .datepicker-lg table > tbody > tr > th, .datepicker-lg table > tfoot > tr > th, .datepicker-lg table > thead > tr > td, .datepicker-lg table > tbody > tr > td, .datepicker-lg table > tfoot > tr > td{
        padding: 10px;
    }
    
    #main-navigation .navbar-nav.archive-nav{
        padding-top: 10px;
    }
    #main-navigation .navbar-nav.archive-nav > li > a{
        /*width: 134px;*/
        padding: 8px 15px;
        display: inline-block;
    }
    #main-navigation .navbar-nav.archive-nav > li:first-child > a{
        width: 80px;
    }
    #main-nav-items .navbar-nav.navbar-icons:first-child{
        display: block;
    }

    .customers-breadcrumb{
        visibility: hidden;
        top: 74px !important;
    }
    ol.breadcrumb > #breadcrumb-list-area {
        visibility: visible;
        font-size: 0;
        padding:5px 3px 3px 10px;
        top: 10px;
    }
    #panelbread{
        visibility: visible;
        width: auto; 
        font-size:12px;   
        overflow: auto !important;
    }

    ol.breadcrumb > #breadcrumb-list-area > a > span {
       font-size: 12px;
    }

    

}
/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {

}

@media only screen and (max-width : 660px) {
    .customers-breadcrumb{
        visibility: hidden;
        top: 60px !important;
    }
    
}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {
    .image-responsive .image-responsive {
        top: 49vh;
    }
   .customers-breadcrumb{
        visibility: hidden;
        top: 48px !important;
    }
    #main-nav-items{
        display: none;
    }
    .main-nav-items .navbar-nav.navbar-icons > li > a{
        
    }
    .say-list{
        padding-left: 15px;
    }
    .sentiment-breakdown-inline > li{
        padding: 1px 15px;
    }
    .pulse-full-view-container .pulse-full-breakdown-container{
        /*padding: 40px 0;*/
    }
    .sentiment-breakdown-inline > li span.sentiment-wrap{

    }
    
    
    #nav-trigger{
        transform: scale(0.8);
    }
    #sidebar-menu{
        width: 100%;
        padding: 50px 0;
    }
    .sidebar-link{
        padding: 0 50px;
    }
    .mini-div{
        margin: 20px 50px;
    }
    .social-list-icon{
        margin: 10px 0;
    }
    #sidebar-menu .nav > li > a{
        font-size: 20px;
        line-height: 28px;
        padding: 8px 50px;
    }
    
    .site--logo{
        /*padding: 20px 0;*/
        /*width: 150px;*/
        /*margin-left: -75px;*/
    }
    .site--logo a{
        /*width: 140px;*/
        /*height: 30px;*/
    }
    .site--logo a svg {
        width: 140px;
        height: 30px;
    }
    .user-account-plan{
        font-size: 14px;
    }

    #latest-post-date{
        /*display: none;*/
    }
    /*.latest-post-date{
        display: block;
    }*/

    .pulse-item-wrap{
        padding: 30px 10px;
    }
    .pulse-main-body{
        padding: 70px 20px 0 20px;
    }
    .pulse-body-padding{
        padding: 10px 30px;
    }
    .pulse-heading-padding{
        padding: 10px 30px 0;
    }
    .profiling-cards > li{
        min-height: auto !important;
        padding: 40px 30px;
    }
    .profiling-cards > li:nth-child(4){
        background-color: #e9f6ff;
    }
    .profiling-cards > li:nth-child(6){
        background-color: #1c2236;  
        color: #ffffff;
    }
    .pulse-full-report .pulse-full-view-container{
        width: 100%;
        border-radius: 0;
    }

    .control-item-wrap{
        min-height: 350px;
    }
    .control-item-wrap .control-body{
        padding: 0 20px;
    }
    .control-item-wrap .default-body{
        padding: 125px 0;
    }
    .control-item-wrap .hover-body{
        padding: 80px 0;
    }
    .control-item-wrap .control-title-wrap{
        padding: 0;
    }
    .control-icon-grid{
        margin: 0 0 20px;
        width: 48px;
        height: 48px;
    }
    .control-title{
        margin-top: 10px;
        font-size: 26px;
    }
    .modified-top-3-breakdown .modified-br-item{
        padding: 10px;
    }
    .pulse-item-wrap{
        min-height: 450px;
    }
    .featured-modified-progress{
        margin-bottom: 0;
    }
    .featured-modified-category{
        text-align: center; 
    }
    .featured-percent-list{
        display: block;
        border-bottom: 1px solid #eee;
        padding: 6px 0 15px;
        margin-bottom: 50px;
    }
    .featured-percent-list > li{
        margin-top: 0;
        padding: 0 20px;
        font-size: 20px;
    }
    .percent-value{
        font-size: 30px;
    }
    .percent-label{
        letter-spacing: 1px;
    }

    .main-breakdown-wrap .featured-bd-wrap .pulse-senti-percent{
        font-size: 30px;
        line-height: 36px;
    }
    .featured-bd-wrap{
        /*min-height: auto;*/
        padding: 0;
        margin: 10px 0;
        /*margin-bottom: 20px;*/
    }

    .top-tags-list .tag-list-item .tag-list-name{
        padding: 0;
        font-size: 14px;
        line-height: 18px;
    }
    #issues-main-container #search-section-wrap{
        top: 26px;
    }
    #issues-main-container .section-header-wrap{
        margin-bottom: 0;
    }
    .issue-stream-item{
        padding: 20px 30px;
    }
    .control-item-wrap .control-body{
        min-height: 352px;
    }
    .control-value-left .control-value{
        width: 70px;
        font-size: 28px;
    }
    .podcast-main-card .control-footer-title{
        padding-right: 10px;
    }
    .section-page-title{
        font-size: 22px;
    }
    .section-icon{
        width: 32px;
        height: 42px;
    }
    
    #main-navigation .navbar-nav.archive-nav{
        padding-top: 26px;
        z-index: 1010;
    }
    #main-navigation .navbar-nav.archive-nav > li > a {
        /*width: 127px;*/
        padding: 4px 14px !important;
    }
    #pl-datepicker-wrap{
        top: 35px;
    }


}

/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) {
   /* .pulse-donut-chart svg{
        transform: scale(0.9);
        transform-origin: -65px 154px;
    }   */
    .percent-value{
        font-size: 26px;
    }
    .percent-label{
        font-size: 10px;
        line-height: 14px;
    }
    .politicks-share-buttons .p-share-btn{
        display: none !important;
    }
    .politicks-share-buttons.open .p-share-btn{
        display: block !important;
    }
    #sidebar-contact-form{
        padding: 0 30px 25px;
    }
    #main-navigation .navbar-text{
        letter-spacing: 0;
        padding-top: 15px;
        margin-top: 6px;
        text-align: center;
        line-height: 15px;
        width: 40px;
    }
    .pulse-item-wrap{
        padding: 15px 0;
    }
    .featured-percent-list > li{
        padding: 0 8px;
    }
    .date-type-list > li{
        width: 88px;
        font-size: 12px;
        padding: 5px 0;
    }
    #sidebar-menu .nav > li > a{
        font-size: 16px;
        line-height: 28px;
        padding: 2px 50px;
    }
    #sidebar-menu-wrap{
        padding-top: 10px;
    }
    .control-item-wrap .control-body{
        min-height: 250px;
    }
    .control-item-wrap .default-body{
        padding: 100px 0;
    }
    .control-item-wrap .hover-body{
        padding: 36px 0;
    }
    .control-icon-grid {
        width: 38px;
        height: 38px;
        margin-top: 5px;
    }
    .control-footer-title{
        font-size: 16px;
    }
    .control-value-left .control-value {
        width: 48px;
        font-size: 22px;
    }
    .control-footer{
        padding: 10px 6px 9px;
        height: 61px;
    }
    .control-value-right{
        padding: 10px 23px 14px;
    }
    .control-value{
        font-size: 26px;
    }
    .podcast-main-card .control-footer-title{
        font-size: 16px;
        padding-right: 20px;
    }
    .control-item-wrap{
        min-height: 320px;
    }

    #main-navigation .navbar-nav.archive-nav > li:first-child > a{
        width: 70px;
    }
    #main-navigation .navbar-nav.archive-nav{
        padding-top: 54px;
    }






}



/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */ 
@media only screen and (min-width : 320px) {
    
}

/* Extra Small Devices, Phones */ 
@media only screen and (min-width : 480px) {

}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
    #nav-new-nomal.show-nav .mobile-togler p {
        display: block;
    }
    .side-titleheader{
        overflow-wrap: normal;
    }
    .new-normal-header {
        display: grid;
        grid-template-columns: 40% 60% !important;
    }
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
    .product--list--wrapper .col-md-3:nth-child(4n+1) {
        clear: left;
    }
}





/*==========  Non-Mobile First Method  ==========*/
/* .new-normal-content .new-normal-content-frame .content .content-block-section .container{
    width:100%  !important; */
/* } */
/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
    .sentiment-breakdown-inline > li{
        padding: 1px 20px;
    }
    #service-nav{
        width:30%;
    }
    #displays-container{
        width:70%;
    }
    #billing-payment-option{
        padding: 0;
    }
    
    
}

/* Medium Devices, Desktops */

@media only screen and (min-width : 810px) {
    #mobile-nav-inject:before{
        display:none;
    }
    
    .customer-nav-item-xs{
        display: none;
    }
}
@media only screen and (max-width : 992px) {
    
    .md-imac{
        width: auto;
    }
    .md-imac .md-screen{
        width: auto;
        height: auto;
        margin: 0;
    }
    .md-camera{
        display: none;
    }
    .md-imac .md-top{
        height: auto;
        background: transparent;
    }
    .md-imac .md-body{
        width: auto;
        height: auto;
        background: transparent;
        border-radius: 0;
        padding-top: 70px;
    }
    .md-imac .md-base{
        display: none;
    }
    .md-imac .md-camera{
        display: none;
    }
    .md-imac.md-glare .md-top:after{
        display: none;
    }
    #walkthrough-slider .image{
        padding-top: 25px;
    }
    
    .all-rights-wrap{
        text-align: center;
    }

    
    .pulse-main-content, .pulse-main-content .bg-image, .pulse-main-content .bg-white-gradient, .pulse-main-content .bg-blue-red-gradient{
        border-radius: 6px 6px 0 0;
    }

    .pulse-main-body, #pulse-full-report-modal .modal-content{
        height: auto !important;
    }
    .location-chart-gradient{
        bottom: 0;
    }

    .pulse-full-view-container .wh{
        height: auto !important;
    }
    .control-item-wrap .control-body{
        padding: 100px 20px 50px;   
        min-height: 375px;
    }
    .report-slide{
        border-radius: 0;
        /*height: 500px !important;*/
        /*overflow: hidden;*/
    }
    .show-full-breakdown{
        /*bottom: -20px;*/
        position: static;
        margin: 0 auto;
    }

    #sidebar-menu-wrap{
        padding-top: 60px;
    }
    
    #sidebar-menu .main-nav-list{
        display: block;
    }
    #main-navbar-nav-list > li{
        display: none;
    }
    #sidebar-menu .nav > li > a{
        padding: 10px 90px;
        letter-spacing: 1px;
        font-size: 20px;
        line-height: 26px;
    }

    .control-item-wrap .default-body{
        padding: 142px 0;
    }

    .navbar-nav{
        margin: auto;
    }
    
    .sidebar-header-wrap{
        font-size: 14px;
        border: 1px solid #ffffff;
        letter-spacing: 0;
        color: #ffffff;
        padding: 7px;
        height: 40px;
        margin-top: 20px;
    }
    .top-tags-list{
        width: 100%;
        overflow: hidden;
        text-align: center;
        margin-top: 30px;
        margin-bottom: 0;
    }
    .top-tags-list .tag-list-item .tag-count{
        font-size: 34px;
    }
    .top-tags-list .tag-list-item{
        line-height: 0;
        width: 33.33%;
        border: 0;
        float: left;
        /*display: inline-block;*/
        min-height: 100px;
        padding: 0;
        border-right: 1px solid #6b6b6b;
    }
    .top-tags-list .tag-list-item:nth-child(3){
        border: 0;
    }
    .top-tags-list .tag-list-item .tag-list-name {
        font-size: 16px;
        line-height: 22px;
        margin-top: 5px;
        padding: 0 20px;
    }
    .top-tags-list .tag-list-item:nth-child(4), .top-tags-list .tag-list-item:nth-child(5){
        display: none;
    }

    .date-type-list{
        text-align: center;
    }
    .date-type-list > li{
        display: inline-block;
        width: 100px;
    }
    .date-type-list > li > a{
        /*width: 33.33%;*/
        font-size: 14px;
        padding: 5px 8px;
        letter-spacing: 0;
    }
    #service-nav ul{
        margin-left: 0;
    }
    #service-nav {
        padding: 10% 1%;
    }

}


 /*phone to desktop*/
@media (max-width: 991px) and (min-width: 600px){
    .card-catalogue .card-text{
        font-size: 12px;
    }
    .find-more-areas{
        display: none;
    }
     .new-normal-list ul li a{
        padding: 1em .5em;
    }
    .content-bot-faded{
        padding: 50px 3em;
        width: 100%;
        margin-top: 0em;
    }
    .product--list--wrapper .col-sm-4:nth-child(3n+1) {
        clear: left;
    }
/*    #nav-new-nomal {
        position: fixed;
        bottom: -10px;
        z-index: 10;
        height: 60px;
        width: 100%;
        transition: all .3s;
        transition-timing-function: ease-in;
        background: #fff;
    }*/
    .show-tablet{
        display: block;
    }
    .hide-tablet{
        display: none;
    }
    #mobile-nav-wrapper .navbar-nav > li > a.nav-btn{
        background:transparent;
    }

}
@media (max-width: 991px) and (min-width: 768px){
   
}
@media only screen  and (max-width: 900px ){
    .pad-side50{
        padding-right: 20px;
        padding-left: 20px;
    }
    .new-normal{
        display: block;
        overflow:hidden;
    }
    .side-titleheader {
    transform: scale(.8);
    }
    .content-bot-faded{
        padding: 50px 1em;
    }
     #nav-new-nomal {
        position: fixed;
        bottom: -10px;
        z-index: 10;
        height: 6vh;
        width: 100%;
        transition: all .3s;
        transition-timing-function: ease-in;
        background: #fff;
    }
    .nav-content {
        background: #fff;
        position: relative;
        min-height: 100%;
        top: 80px;

    }
    
    #nav-new-nomal.show-nav #pre-assesment-wraper {
        font-size: 10px;
        padding: 10px;
        position: relative;
        /* margin: 0; */
        top: 0;
    }
    .mobile-togler {
        min-height: 6vh;
        height: 10px;
        background-color: #47C4D9;
        color: #fff;
        padding: 8px;
        display: block;
        position: relative;
    }
    #nav-new-nomal.show-nav{
        min-height: 100%;
        z-index: 1050;
        overflow: scroll;
        bottom: 0;
    }
    #nav-new-nomal.show-nav .mobile-togler p {
        display: none;
    }
    #nav-new-nomal .mobile-togler p {
        display: block;
        font-size: 15px;
    }
    #nav-new-nomal.show-nav .mobile-togler:after{
        content: "\f35f";
        font-family: Ionicons;
    }
    #nav-new-nomal .mobile-togler:after {
        content: "\f365";
        font-family: Ionicons;
        position: absolute;
        right: 20px;
        /* top: 1vh; */
    }
    .nav-page-img{
        display: block;
    }
    
}
@media (max-width: 768px){
    #service-nav{
        height: fit-content;
    }
    #service-offered{
        min-width: 100vw;
        min-height: auto;
        display:  block;
        overflow: scroll;
        font-family: 'poppins', "Helvetica Neue", Helvetica, sans-serif;
    }
    .btn-xs-mod{
        padding: 10px 15px;
    }
    /* Mobile design */
    #service-nav{
        width:100%;
        padding: 0;
    }
    #displays-container{
        width:100%;
    }
    #service-nav ul{
        padding-inline-start: 0px;
        list-style-type: none;
        display:flex;
        overflow: hidden;
        background-color: #0B5269;
    }
    #service-nav ul li{
        padding: 20px 10px;
        flex:auto;
        color:#749CA9;
    }
    #service-nav ul li:before {
        display:none;
    }
    #service-nav ul li:after {
        display:none;
    }
    #service-nav ul li.active{
        color: #fff;
        font-weight: 500;
    }
    #service-nav li div.title{
        font-size:15px;
        font-weight: normal !important;
        color:#7ea5b0;
    }
    #service-nav li.active div.title{
        color:#fff;
    }
    #service-nav .title .subtile{
        display: none;
    }
    .order-summary-container{
        margin:20px;
    }
    .order-summary-container .head-title{
        background-color: #F1F1F1;
        padding: 1rem;
        font-size: 15px;
        font-family: 'poppins', "Helvetica Neue", Helvetica, sans-serif;
        font-weight: 500;
    }
    .order-summary-container .head-title .service-name{
       color: #1C9BBD
    }
    
    .order-summary-container .head-title .price{
        color: #464646;
    }
    .d1-collapse-card .card-header button.small-btn-accordion{
        color: #363636;
        font-size: 12px;
    }
    .big-input div.form-group {
        width: 100%;
    }
    .big-input label {
        padding: 15px;
        font-size:14px;
    }
    .contain{
        padding:0 5%;
    }
    #service-offered .buttons-next {
        width: 100%;
        position: relative;
        margin-top: 50px;
        left: 0;

    }
    #package-section, #questionaire-section, #order-summary-section, #login-section, #checkout-billing {
        margin: 0px;
        padding: 0;
    }
}

/*mobile design*/
@media only screen  and (max-width: 600px ){

    .timeline{
        position: relative;
    }
    .timeline .item-titles p,.timeline .tl-box span{
        font-size: 13px;
    }
    .timeline li:first-child, .timeline li:last-child{ 
        display: none;
    }
    .timeline li:before{
        margin-left:10%;
    }
    .timeline li.barier:after {
        height: 40%;
        top: 20%;
        margin-left: -10px;
    }

    .row.display-flex{
        flex-wrap: wrap;
    }
    .new-normal-content .content-block-section .content-block {
        padding: 0;
    }
    .fs-mdp     {font-size: 15px}
    .page-topic-q-container.col2 {
        grid-template-columns: repeat(2, minmax(100px, 1fr));
         padding: 0em 0%; 
    }
    #appointment-form.collapse {
            display: none;
    }
    #appointment-form.collapse.in {
            display: block;
    }
    
    .client-feature{
        gap:.5em 2em;
        padding:0;
    }
    .desktop-padA-15{
        padding:5% 0;
    }
    .desktop-padA-20px{
        padding:20px 10px;
    }
    .new-normal{
        display: block;
    }
    div[class*="m-2"]{
        grid-template-columns: 1fr 1fr;
    }
    div[class*="m-1"]{
        grid-template-columns: 1fr;
    }
    div[class*="m-3"]{
        grid-template-columns: 1fr 1fr 1fr;
    }
    #service-slider{
        padding: 0;
    }

    label .img-responsive {
        max-width: 75%;
        margin: auto;
    }
    .desktop-top50{ margin-top:10px;}
    .desktop-padA-50,.desktop-padA-30 {padding:5%; }
    .mobile-pads-10{
        padding-right: 10%;
        padding-left:10%;
    }
    .mobile-pads-5{
        padding-right: 5%;
        padding-left:5%;
    }
    .mobile-btn-100{
        min-width:100%;
    }
    .career-box{
        padding:.8em;
    }
    .career-box h1{
        font-size: 18px;
        
    }
    .career-box .lead{
        font-size: 10px;
        margin-bottom: -15px;
        font-weight:900;
    }
    .career-box .btn{
        font-size: 10px;
        min-width: 100%;
        font-size: 12px;
        padding: 10px;
    }

    .head-space{
        margin-top:50px;
    }
    .max-100-sm{
        max-height: 100px !important;
    }
    .img-partner-wrapper{
        width: 90px;
        height: 90px;
        border-radius: 50%;
        border: 2px solid #696e7c;
    }
    .round-img-client-small{
        max-width: 25px;
        max-height: 25px;
    }
    #home-landing-section{
        padding-left: 3%;
        padding-right: 3%;
    }
    .same-btn{
        min-width:70vw;
    }
    .same-btn.btn-sm{
        min-width: 60vw;
    }

    .desktop-pad50, .desktop-pads-50{
        padding: 10%;
    }
    #ks.same-btn{
        font-size: .6em;
    }
    .hero-title-landing-lg{
        font-size: 1.5em !important; 
        line-height: 1.5em !important;
    }
    
    .hero-title-landing-sm{
        font-size: 1.1em !important;
        line-height: 1.3em !important;
    }
    .header-landing{
        flex-direction: column;
    }
    .header-landing img{
        margin:auto;
    }
    .back-digital{
        padding: 2vh 5vw !important;
    }
    .back-digital:hover{
        -webkit-box-shadow: 4px -1px 66px -20px rgba(97,97,97,1);
        -moz-box-shadow: 4px -1px 66px -20px rgba(97,97,97,1);
        box-shadow: 4px -1px 66px -20px rgba(97,97,97,1);
    }
    .back-digital .compress80{
        max-width: 90%;
        margin:0;
    }
    .content-collapse{
        padding: 0;
    }
    .card-report{
        background-color:#9BDAE9;
        border-radius: 10px;
        padding: 10%;
        margin:auto;
    }
    .card-report .card-title{
        font-size: 15px;
    }
    #tabs-accordion .col-xs-4{
        padding-left: 5px;
        padding-right: 5px;
    }
    .card-report .card-body{
       max-height: 50%;
       
    } 
    .nav-module-image{
        display: none
    }

    .nav-module-container{
        font-family: 'poppins';
        font-weight: normal;
        width: 100% !important; 
        display: inline;
    }
    .hiddenradio [type=radio] + img {
      cursor: pointer;
      margin: 0 20px;
    }
    .read-topic{
        margin-bottom: .8em !important;
    }
    .l-comment{
        text-align: center;
    }
    .hiddenradio{
        display: block !important;
        width: 100%;
    }
    .hiddenradio .radio-label{
        text-align: center;
    }
    .hiddenradio .radio-select{
        margin: 10px;
    }
    .review-div{
        text-align: center;
    }
    /*for human  mobile*/
    .for-humans-text{
        margin-top: 25% !important;
        display: block !important;
        text-align: center;
    }
    .for-humans-text-desktop{
        margin-top: 40% !important;
        display: none;
    }
    .for-human{
        /*padding:15%;*/
        padding-top:30%;
        background: #D1E1F4;
    }
    img.for-human-img{
        margin-bottom: -105px;
    }
    .for-human h2 {
        font-size: 2em;
    }
    .for-human h2, .for-human p{
        margin-top: 10px;
        text-align: center;
    }
    

    .line-f{
        display:block;
        width:100%;
    }
    .show-desktop{
        display: none;
    }
    
    .show-mobile{
        display: block;
    }
    .hide-desktop{
        display:block;
    }
    .card-pre-label{
        margin:20px;
    }
    .wrap-card-input{
        padding: 0 15%;
        margin:0;
    }
    .col-xs-4.small-pad{
        padding:10px;
    }
    .for-human-form {
        margin-top: 40px;
        padding-left: 8%;
        padding-right: 8%;

    }


    .key-feature-nav li.key-feature-nav-items, .key-feature-v2-nav li.key-feature-v2-nav-items{
        font-size:10px;
        text-align: center;
    }
    .key-feature-nav >  li.key-feature-nav-items > a , .keyfeature-tabs nav > ul > li a{
        padding:0;
    }
    .key-feature-nav > li.key-feature-nav-items:not(:last-child) a  {
        border-right:1px #6d6e71 solid;
        border-radius: 0;
    }
    .pull-r-sm-center{
        text-align: center;
        float: none;
    }
    .pull-r-sm-left{
        text-align: center;
        float: left;
    }
    .footer-nav-sess-out > li , .footer-nav-sess-out-sm > li{
        display: block;
    }
    .footer-nav-sess-out > li{
        font-size: 12px;
    } .footer-nav-sess-out-sm > li{
        font-size: 10px;
    }
    .welcome-landing-section{
        background-color: #F1F1F1;
    }
    /* .hero-landing-title-1, .hero-landing, .hero-landing-title-0, .hero-landing-title-2, .hero-landing-title-3, .hero-landing-title-4{
        font-size: 20px;
        line-height: 28px; 
     } */
     .m-sm{
        font-size: .8em;
        font-weight: bold;
     }
     .m-xs{
        font-size: .6em;
     }
     .hero-landing-title-1.xs, .hero-landing.xs,.hero-landing-title-6.xs,.hero-landing-title-7.xs,.hero-landing-title-0.xs, .hero-landing-title-2.xs, .hero-landing-title-3.xs, .hero-landing-title-4.xs,
    .hero-landing-title-5.xs, .hero-landing-title-6.xs, .hero-landing-title-7.xs, .hero-landing-title-8.xs, .hero-landing-title-9.xs{
        font-size: 18px;
        line-height: 30px;
    }
    .hero-landing-title-1.sm, .hero-landing.sm,.hero-landing-title-6.sm,.hero-landing-title-7.sm,.hero-landing-title-0.sm, .hero-landing-title-2.sm, .hero-landing-title-3.sm, .hero-landing-title-4.sm,
    .hero-landing-title-5.sm, .hero-landing-title-6.sm, .hero-landing-title-7.sm, .hero-landing-title-8.sm, .hero-landing-title-9.sm{
        font-size: 22px;
        line-height: 30px;
    }
    .hero-landing-title-1.md, .hero-landing.md,.hero-landing-title-6.md,.hero-landing-title-7.md,.hero-landing-title-0.md, .hero-landing-title-2.md,.hero-landing-title-3.md, .hero-landing-title-4.md, .hero-landing-title-5.md,
    .hero-landing-title-6.md, .hero-landing-title-7.md, .hero-landing-title-8.md, .hero-landing-title-9.md{
        font-size: 25px;
        line-height: 35px;
    }
    .hero-landing-title-1.lg, .hero-landing.lg,.hero-landing-title-6.lg,.hero-landing-title-7.lg, .hero-landing-title-0.lg, .hero-landing-title-2.lg, .hero-landing-title-3.lg, .hero-landing-title-4.lg, .hero-landing-title-5.lg,
    .hero-landing-title-6.lg, .hero-landing-title-7.lg, .hero-landing-title-8.lg, .hero-landing-title-9.lg{
        font-size: 30px;
        line-height: 35px;
    }
    .hero-landing-title-1.xl, .hero-landing.xl,.hero-landing-title-6.xl,.hero-landing-title-7.xl, .hero-landing-title-0.xl, .hero-landing-title-2.xl, .hero-landing-title-3.xl, .hero-landing-title-4.xl, .hero-landing-title-5.xl,
    .hero-landing-title-6.xl, .hero-landing-title-7.xl, .hero-landing-title-8.xl, .hero-landing-title-9.xl{
        font-size: 40px;
        line-height: 60px;
    }
    .tac-mobile{
        text-align: center;
    }
    .tac-desktop{
        text-align: left;
    }
    .why-day1{
        margin:0;
        padding:0;
    }
    .why-day1 ul{
        padding-inline-start: 20px;
    }
    #landing-video  > .mobile-vid-div{
        padding:35px;
    }
    .icon-play-wraper{
        margin-top:20px;
        width: 55px;
        height: 55px;
        border: 1px solid rgb(77, 77, 77);
        border-radius: 100%;
        text-align: center;
        margin: 16px auto;
        padding: 6px;
        color: #303030;
    }
    .icon-play-wraper .bicon{
        font-size: 40px !important;
        color:#303030;
    }


    .full-w-tab li{
        width:100%;
        padding-left:10%;
    }
    .full-w-tab li a{
        padding: 15px 0;
        color: #000;
        font-size: .8em;
    }

    .full-w-tab li.active a{
       border-bottom:2px solid #2BA0BF ;
       background-color:transparent !important;
       color:#000 !important;
       border-radius: 0;
    }
    .square-div{
        height: 50px;
    }
    
    .d1-accord {
        padding: 0;
    }
    .d1-acc-body {
        padding: 1.5em 0;
    }
    .main-nav-items .navbar-nav > li > a.nav-btn{
        font-size: 20px;
        line-height: 26px;
        padding: 10px 85px;
        font-family: 'poppins', "Helvetica Neue", Helvetica, sans-serif;
    }
    .new-normal-list{
        padding: 0;
    }
    .new-normal-header{
         grid-template-columns: 35% 65%;
    }
    

    #nav-new-nomal .feedback-new-normal{
        position: relative;
        display: block;
        bottom:0;
    }
   
    

}


/* HIDE CONTROLS */
#site--contents .cbs-control, #site--contents .btn-add-more-section, 
#site--contents .cn-control, #site--contents .btn-add-more-row, #site--contents .tiny-add-content, #site--contents .content-block-controls{
    /*display: none;*/
}