@import url('https://fonts.googleapis.com/css2?family=K2D:wght@100&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Kanit&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@300&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Comfortaa:wght@300&family=Fredoka:wght@300&family=Montserrat:wght@100&family=Playfair+Display&family=Poppins:wght@100&family=Rouge+Script&family=Rubik:wght@300&family=Space+Mono&family=Syne&display=swap');
.font-1 {font-family: 'K2D', sans-serif !important;}
.font-2 {font-family: 'Comfortaa', sans-serif !important;}
.font-3 {font-family: 'Fredoka', sans-serif !important;}
.font-4 {font-family: 'Quicksand', sans-serif !important;}
.font-5 {font-family: 'Montserrat', sans-serif !important;}
.font-6 {font-family: 'Poppins', sans-serif !important;}
.font-7 {font-family: 'Kanit', sans-serif !important;}
.font-8 {font-family: 'Playfair Display', serif !important;}
.font-9 {font-family: 'Rubik', sans-serif !important;}
.font-10 {font-family: 'Space Mono', monospace !important;}
.font-11 {font-family: 'Syne', sans-serif !important;}
.bronze { color:#CD7F32; } .silver { color:#C0C0C0; } .gold { color:#d4af37; }
.bg-bronze { background-color:#cd7f32; } .bg-silver { background-color:#C0C0C0; } .bg-gold { background-color:#d4af37; } .bg-diamond { background-color:#b9f2ff; }
.f-light {
   font-weight: 300 !important;
}
.text-nt1 {color:#e29b9b !important;}
.text-nt2 {color:#6c757d !important;}
.bg-nt1 {background-color:#ff4d4d !important;}
.bg-nt2 {background-color:#6c757d !important;}
.bg-overlay {
    background: rgba(0, 0, 0, .7);
    position: absolute;
    top: -60px;
    bottom: -100px;
    left: 0;
    right: 0;
    z-index: 0;
}
.price-sec-wrap {
    width: 100%;
    float: left;
    padding: 60px 0;
}
.main-heading {
    text-align: center;
    font-weight: 600;
    padding-bottom: 15px;
    position: relative;
    text-transform: capitalize;
    font-size: 24px;
    margin-bottom: 25px;
}
.price-box {
    box-shadow: 0 0 35px rgba(0, 0, 0, 0.10);
    padding: 20px;
    background: #fff;
    border-radius: 4px;
}
.price-box ul {
    padding: 10px 0px 30px;
    margin: 17px 0 0 0;
    list-style: none;
    border-top: solid 1px #e9e9e9;
}
.price-box ul li {
    padding: 7px 0;
    font-size: 14px;
    color: #808080;
}
.price-box ul li .fas {
    color: #91BAD6;
    margin-right: 7px; 
    font-size: 12px;
}
.price-label {
    font-size: 16px;
    font-weight: 600;
    line-height: 1.34;
    margin-bottom: 0;
    padding: 6px 15px;
    display: inline-block;
    border-radius: 3px; 
}
.price-label.basic {
    background: #E8EAF6;
    color: #3F51B5;
}
.price-label.value {
    background: #E8F5E9;
    color: #4CAF50;
}
.price-label.premium {
    background: #FBE9E7;
    color: #FF5722;
}
.price {
    line-height: 44px;
    margin: 6px;
    font-weight: 900;
}
@media (max-width: 991px) {
    .price-box {
        margin-bottom: 20px;
    }
}
@media (max-width: 575px) {
    .main-heading {
        font-size: 21px;
    }
    .price-box {
        margin-bottom: 20px;
    }
}
video {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    background: url(facade.jpg) no-repeat;
    background-size: cover;
    -webkit-transition: 1s opacity;
    transition: 1s opacity;
    z-index: 0;
}
.ov-hidden {
    overflow: hidden;
}
.bg-overlay {
    background: rgba(0, 0, 0, .7);
    position: absolute;
    top: -60px;
    bottom: -100px;
    left: 0;
    right: 0;
    z-index: 0;
}
video {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    background: url(facade.jpg) no-repeat;
    background-size: cover;
    -webkit-transition: 1s opacity;
    transition: 1s opacity;
    z-index: 0;
}
.ov-hidden {
    overflow: hidden;
}
.frame {
    top: 50%;
    height: 400px;
    border-radius: 2px;
    /* box-shadow: 4px 8px 16px 0 rgba(0, 0, 0, 0.1); */
    overflow: hidden;
    color: #333;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: grid;
    grid-gap: 1px;
    grid-template-rows: 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
    align-items: center;
    justify-content: center
}
.card2:first-child {
    margin-left: 1rem
}
.card2:nth-child(3) {
    margin-right: 1rem
}
.card2>* {
    transition: all 0.3s ease-in-out
}
.card2:hover {
    -webkit-transform: scale(1.04);
    transform: scale(1.04)
}
.card2:hover .card2-top {
    background: #91BAD6
}
.card2:hover .card2-value {
    color: #91BAD6
}
.card2-1:hover~.bars>.stat>.bar-1>span {
    width: 97%
}
.card2-1:hover~.bars>.stat>.bar-2>span {
    width: 49%
}
.card2-1:hover~.bars>.stat>.bar-3>span {
    width: 71%
}
.card2-2:hover~.bars>.stat>.bar-1>span {
    width: 41%
}
.card2-2:hover~.bars>.stat>.bar-2>span {
    width: 37%
}
.card2-2:hover~.bars>.stat>.bar-3>span {
    width: 59%
}
.card2-3:hover~.bars>.stat>.bar-1>span {
    width: 11%
}
.card2-3:hover~.bars>.stat>.bar-2>span {
    width: 4%
}
.card2-3:hover~.bars>.stat>.bar-3>span {
    width: 21%
}
.card2-top {
    height: 25%;
    width: 100%;
    background: #d6a291;
    color: white;
    font-weight: 600;
    border-top-left-radius: 0.3rem;
    border-top-right-radius: 0.3rem;
    display: flex;
    justify-content: center;
    align-items: center
}
.card2-info {
    height: 75%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}
.card2-info>* {
    text-align: center
}
.card2-cost {
    margin-bottom: 1rem
}
.card2-value {
    font-weight: 700;
    font-size: 1.6rem
}
.card2-month {
    font-size: 0.8rem
}
.card2-lines {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}
.card2-line {
    margin-bottom: 3px;
    height: 4px;
    background: #e0e0e0
}
.bars {
    height: 85%;
    width: 95%;
    grid-column: 1 / -1;
    justify-self: center;
    display: flex;
    flex-direction: column;
    justify-content: space-around
}
.stat {
    padding: 0.8rem 0.5rem 0.8rem 0.5rem
}
.stat-info {
    font-size: 0.8rem;
    margin-bottom: 0.2rem;
    display: flex;
    justify-content: space-between
}
.stat-bar {
    height: 12px;
    width: 100%;
    background: #e0e0e0;
    border-radius: 0.5rem
}
.stat-bar>span {
    display: block;
    height: 100%;
    width: 0;
    background: #91BAD6;
    border-radius: 0.5rem;
    transition: all 0.3s
}
.formb {
    border: 1px solid transparent;
    border-bottom: 1px solid #c0c0c0
}
/* TAGS */
.tags a{background-color:#c0c0c0; padding:5px; color:#525252; display:inline-block; font-size:8px; border-radius:2px; margin-bottom:5px; margin-right:2px; text-decoration:none;}
.tags a:hover{background-color:#ff6666;}
/* SMALL CAROUSEL AT P */
#MiCarousel {
    margin-top: 30px;
    margin-bottom: 30px;
    -webkit-box-shadow: 10px 10px 38px -13px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 10px 10px 38px -13px rgba(0, 0, 0, 0.75);
    box-shadow: 10px 10px 38px -13px rgba(0, 0, 0, 0.75);
}
.carousel-img {
    background-color: #000;
    color: #fff;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    opacity: 0.8;
}
.div-r {
    padding: 40px;
}
.carousel-title {
    font-size: 80px;
    font-weight: bold;
    margin-left: 20px;
    margin-top: 20px;
}
.carousel-pagination {
    background-color: #000 !important;
    width: 7px !important;
    height: 7px !important;
    border-radius: 100%;
    position: relative;
    bottom: -61px;
    opacity: 0.5;
}
.carousel-pagination.active {
    opacity: 1;
}
.carousel-controls {
    display: none;
}
/* FLOAT BTNs */
.float{
	position:fixed;
	bottom:40px;
	left:40px;
    z-index:100;
}
.my-float{
	margin-top:16px;
}
a.link {
  color: #fff;
  transform: translateY(-50%);
}
span.pn:hover{
  transition: 0.9s;
  transform: rotateY(180deg);
}
/* FEATURED OOS CARD */
.card2 {
    font-size: 1em;
    overflow: hidden;
    padding: 0;
    border: none;
    border-radius: .28571429rem;
    box-shadow: 0 1px 3px 0 #d4d4d5, 0 0 0 1px #d4d4d5;
}
.card2-block {
    font-size: 1em;
    position: relative;
    margin: 0;
    padding: 1em;
    border: none;
    border-top: 1px solid rgba(34, 36, 38, .1);
    box-shadow: none;
}
.card2-img-top {
    display: block;
    width: 100%;
    height: auto;
}
.card2-title {
    font-size: 1.28571429em;
    font-weight: 700;
    line-height: 1.2857em;
}
.card2-text {
    clear: both;
    margin-top: .5em;
    color: rgba(0, 0, 0, .68);
}
.card2-footer {
    font-size: 1em;
    position: static;
    top: 0;
    left: 0;
    max-width: 100%;
    padding: .75em 1em;
    color: rgba(0, 0, 0, .4);
    border-top: 1px solid rgba(0, 0, 0, .05) !important;
    background: #fff;
}
.card2-inverse .btn {
    border: 1px solid rgba(0, 0, 0, .05);
}
.profile {
    position: absolute;
    top: -12px;
    display: inline-block;
    overflow: hidden;
    box-sizing: border-box;
    width: 25px;
    height: 25px;
    margin: 0;
    border: 1px solid #fff;
    border-radius: 50%;
}
.profile-avatar {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 50%;
}
.profile-inline {
    position: relative;
    top: 0;
    display: inline-block;
}
.profile-inline ~ .card2-title {
    display: inline-block;
    margin-left: 4px;
    vertical-align: top;
}
.text-bold {
    font-weight: 700;
}
.meta {
    font-size: 1em;
    color: rgba(0, 0, 0, .4);
}
.meta a {
    text-decoration: none;
    color: rgba(0, 0, 0, .4);
}
.meta a:hover {
    color: rgba(0, 0, 0, .87);
}
/* SCROLL STUFF */
header {
    position: fixed !important;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    z-index: 2;
    background: #fff;
    /* border-bottom: 2px solid #c4c3c3; */
    margin-top: -21px;
    height: 87px !important;
}
.hovz:hover {
    color: #313248 !important;
    background: #fff !important;
}
.btn-nt {
    background: #313248 !important;
}
/* CATEGORIES SLIDE */
.card2 {
    border: none;
    box-shadow: 0 0 3px #0000001a;
}
.owl-item {
    padding: 10px;
}
/* NOTICE DESIGN */
.notice {
    padding: 15px;
    background-color: #fafafa;
    border-left: 6px solid #7f7f84;
    margin-bottom: 10px;
    -webkit-box-shadow: 0 5px 8px -6px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 5px 8px -6px rgba(0, 0, 0, .2);
    box-shadow: 0 5px 8px -6px rgba(0, 0, 0, .2);
}
.notice-sm {
    padding: 10px;
    font-size: 80%;
}
.notice-lg {
    padding: 35px;
    font-size: large;
}
.notice-success {
    border-color: #80D651;
}
.notice-success>strong {
    color: #80D651;
}
.notice-info {
    border-color: #45ABCD;
}
.notice-info>strong {
    color: #45ABCD;
}
.notice-warning {
    border-color: #FEAF20;
}
.notice-warning>strong {
    color: #FEAF20;
}
.notice-danger {
    border-color: #91BAD6;
}
.notice-danger>strong {
    color: #91BAD6;
}
/* NAV HOVER DROPDOWN */
.dropdown-contentz {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 140px;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    z-index: 1;
    border-radius: 7px;
    margin: -7px -11px 0 0 !important;
}
.dropdown-contentz a {
    float: none;
    padding: 4px 5px;
    text-decoration: none;
    display: block;
    text-align: left;
    font-size: small;
}
.dropdown-contentz a:hover {
    background-color: #c3c3c3;
    color: #fff !important;
    text-decoration: none;
    font-size: medium;
}
.dropdownz:hover .dropdown-contentz {
    display: block;
}
/* NEWSTICK */
.vert .carousel-item-next.carousel-item-left,
.vert .carousel-item-prev.carousel-item-right {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.vert .carousel-item-next,
.vert .active.carousel-item-right {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100% 0);
}
.vert .carousel-item-prev,
.vert .active.carousel-item-left {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
}
/* NORMALS */
.badge-nt {
    background-color: #313248 !important;
    color: #fff !important;
}
.badge-nt2 {
    background-color: #17a2b8 !important;
    color: #fff !important;
}
.t-b {
    font-weight: bolder !important;
}
.xx-small {
    font-size: xx-small !important;
    line-height: 97% !important;
}
.x-small {
    font-size: x-small !important;
    line-height: 97% !important;
}
/* TOGGLE BACKGROUND */
body {
    transition: 0.5s;
}
body.night {
    background: #000000;
}
.toggle {
    position: absolute;
    background: black;
    border: 1px solid #000000;
    width: 37px;
    height: 11px;
    cursor: pointer;
    border-radius: 4px;
    transition: 0.7s;
}
.toggle.active {
    background: #000000;
    border: 1px solid #fff;
}
.toggle:before {
    content: '';
    position: absolute;
    top: 1px;
    left: 1px;
    width: 7px;
    height: 7px;
    background: #ffffff;
    border-radius: 50%;
    transition: 0.5s;
}
.toggle.active:before {
    left: 27px;
    background: #fff;
}
.content h1,
.content h2,
.content h3,
.content h4,
.content h5,
.content h6,
a {
    color: #000;
}
.content p {
    color: #000;
}
body.night .content h1,
body.night .content h2,
body.night .content h3,
body.night .content h4,
body.night .content h5,
body.night .content h6,
body.night .content p,
body.night .content a {
    color: #D3D3D3;
}
.text-muted2 {
    color: #0f151f !important;
}
.bg-nt {
    background-color: #313248 !important;
}
.bg-nt2 {
    background-color: #91BAD6 !important;
}
.bg-nt3 {
    background-color: #eff0ea !important;
}
a:focus text,
a:hover {
    text-decoration: none !important;
}
.t-b {
    font-weight: bolder !important;
}
.text-nt {
    color: #313248 !important;
}
.text-nt2 {
    color: #91BAD6 !important;
}
.text-nt3 {
    color: #c4c3c3 !important;
}
.text-nwhite {
    color: #c4c3c3 !important;
}
.text-black {
    color: #000 !important;
}
.bg-black {
    background-color: #000 !important;
}
.bg-form {
    background-color: #353b48 !important;
}
.bg-grey {
    background-color: #eff0ea !important;
}
/* STICKY 2 ICONS */
.left {
    background: #fff;
    display: inline-block;
    white-space: nowrap;
    width: 29px;
    transition: width .7s;
    border-radius: 9px;
}
.left:hover {
    width: 170px;
}
.item:hover {
    background-color: #222;
}
.left .fas {
    margin: 5px;
    width: 24px;
    color: #313248;
}
i.fas {
    font-size: 14px;
    vertical-align: middle !important;
}
.item2 {
    /* height: 27px; */
    overflow: hidden;
    font-weight: bold;
    color: #000;
    text-align: left;
}
/* NAV STICKY */
.hamburger {
    top: 224px;
    z-index: 999;
    display: block;
    width: 22px;
    height: 32px;
    /* margin-left: -11px; */
    background: transparent;
    border: none;
    float:right !important;
    right: 0;
    position: fixed;
}
.hamburger:hover,
.hamburger:focus,
.hamburger:active {
    outline: none;
}
.hamburger.is-closed:before {
    /* content: '';
    display: block;
    width: 100px;
    font-size: 14px;
    color: #fff;
    line-height: 32px;
    text-align: center;
    opacity: 0;
    -webkit-transform: translate3d(0, 0, 0);
    -webkit-transition: all .35s ease-in-out; */
}
.hamburger.is-closed:hover:before {
    /* opacity: 1;
    display: block;
    -webkit-transform: translate3d(-100px, 0, 0);
    -webkit-transition: all .35s ease-in-out; */
}
.hamburger.is-closed .hamb-top,
.hamburger.is-closed .hamb-middle,
.hamburger.is-closed .hamb-bottom,
.hamburger.is-open .hamb-top,
.hamburger.is-open .hamb-middle,
.hamburger.is-open .hamb-bottom {
    /* position: absolute;
    left: 0;
    height: 4px;
    width: 100%; */
}
.hamburger.is-closed .hamb-top,
.hamburger.is-closed .hamb-middle,
.hamburger.is-closed .hamb-bottom {
    background-color: #1a1a1a;
}
.hamburger.is-closed .hamb-top {
    top: 5px;
    -webkit-transition: all .35s ease-in-out;
}
.hamburger.is-closed .hamb-middle {
    top: 50%;
    margin-top: -2px;
}
.hamburger.is-closed .hamb-bottom {
    bottom: 5px;
    -webkit-transition: all .35s ease-in-out;
}
.hamburger.is-closed:hover .hamb-top {
    top: 0;
    -webkit-transition: all .35s ease-in-out;
}
.hamburger.is-closed:hover .hamb-bottom {
    bottom: 0;
    -webkit-transition: all .35s ease-in-out;
}
.hamburger.is-open .hamb-top,
.hamburger.is-open .hamb-middle,
.hamburger.is-open .hamb-bottom {
    background-color: #1a1a1a;
}
.hamburger.is-open .hamb-top,
.hamburger.is-open .hamb-bottom {
    top: 50%;
    margin-top: -2px;
}
.hamburger.is-open .hamb-top {
    -webkit-transform: rotate(45deg);
    -webkit-transition: -webkit-transform .2s cubic-bezier(.73, 1, .28, .08);
}
.hamburger.is-open .hamb-middle {
    display: none;
}
.hamburger.is-open .hamb-bottom {
    -webkit-transform: rotate(-45deg);
    -webkit-transition: -webkit-transform .2s cubic-bezier(.73, 1, .28, .08);
}
.hamburger.is-open:before {
    content: '';
    display: block;
    width: 100px;
    font-size: 14px;
    color: #fff;
    line-height: 32px;
    text-align: center;
    opacity: 0;
    -webkit-transform: translate3d(0, 0, 0);
    -webkit-transition: all .35s ease-in-out;
}
.hamburger.is-open:hover:before {
    opacity: 1;
    display: block;
    -webkit-transform: translate3d(-100px, 0, 0);
    -webkit-transition: all .35s ease-in-out;
}
/* SIDEBAR SCROLL */
.scroll_text {
    height: 300px;
    overflow: auto;
    padding: 0px 15px;
}
.scroll_text::-webkit-scrollbar {
    width: 8px;
}
.scroll_text::-webkit-scrollbar-track {
    background-color: transparent
}
.scroll_text::-webkit-scrollbar-thumb {
    background-color: #313248;
    border: 1px solid rgba(92, 92, 92, 0.5);
    border-radius: 10px;
}
.scroll_text::-webkit-scrollbar-thumb:hover {
    background-color: #000;
}
/* HOME SLIDDE */
.b-0 {
    bottom: 0;
}
.bg-shadow {
    background: rgba(76, 76, 76, 0);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(179, 171, 171, 0)), color-stop(49%, rgba(48, 48, 48, 0.37)), color-stop(100%, rgba(19, 19, 19, 0.8)));
    background: linear-gradient(to bottom, rgba(179, 171, 171, 0) 0%, rgba(48, 48, 48, 0.71) 49%, rgba(19, 19, 19, 0.8) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313', GradientType=0);
}
.top-indicator {
    right: 0;
    top: 1rem;
    bottom: inherit;
    left: inherit;
    margin-right: 1rem;
}
.overflow {
    position: relative;
    overflow: hidden;
}
.zoom img {
    transition: all 0.2s linear;
}
.zoom:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
/* SEARCH */
.searchbar {
    margin: 11px 0 0 5px;
    height: 30px;
    background-color: #353b48;
    border-radius: 10px;
    padding: 2px;
}
.search_input {
    color: white;
    border: 0;
    outline: 0;
    background: none;
    width: 0;
    line-height: 20px;
    transition: width 0.4s linear;
}
.searchbar:hover>.search_input {
    padding: 0 10px;
    width: 257px;
    transition: width 0.4s linear;
}
/* HEADER */
.mt-60 {
    margin-top: 60px;
}
.section-block-grey {
    /* padding: 90px 0px 90px 0px; */
    /* background-color: #f9f9f9; */
}
.serv-section-2 {
    position: relative;
    border: 1px solid #eee;
    background: #fff;
    box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.16);
    border-radius: 5px;
    overflow: hidden;
    padding: 30px;
}
.serv-section-2:before {
    position: absolute;
    top: 0;
    right: 0px;
    z-index: 0;
    content: " ";
    width: 120px;
    height: 120px;
    background: #f5f5f5;
    border-bottom-left-radius: 136px;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}
.serv-section-2-icon {
    position: absolute;
    top: 18px;
    right: 22px;
    max-width: 100px;
    z-index: 1;
    text-align: center;
}
.serv-section-2-icon i {
    color: #313248;
    font-size: 48px;
    line-height: 65px;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}
.serv-section-desc {
    position: relative;
}
.serv-section-2 h4 {
    color: #333;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.5;
}
.serv-section-2 h5 {
    color: #333;
    font-size: 17px;
    font-weight: 400;
    line-height: 1;
    margin-top: 5px;
}
.section-heading-line-left {
    content: '';
    display: block;
    width: 100px;
    height: 3px;
    background: #313248;
    border-radius: 25%;
    /* margin-top: 15px; */
    /* margin-bottom: 5px; */
}
.serv-section-2 p {
    margin-top: 25px;
    padding-right: 50px;
}
.serv-section-2:hover .serv-section-2-icon i {
    color: #fff;
}
.serv-section-2:hover:before {
    background: #313248;
}
/* TABS SIDES */
.tabbable-line>.nav-tabs>li>a {
    border: 0;
    margin-right: 0;
    color: #fff;
}
.tabbable-line.tabs-below>.nav-tabs>li {
    border-top: 4px solid transparent;
}
.tabbable-line.tabs-below>.nav-tabs>li:hover {
    border-bottom: 0;
    border-top: 4px solid #313248;
}
.tabbable-line.tabs-below>.nav-tabs>li.active {
    margin-bottom: -2px;
    border-bottom: 0;
    border-top: 4px solid #313248;
}
/* FACTS ABOUT US */
@import url(https://fonts.googleapis.com/css?family=Karla:400,700);
.fig {
    color: #fcfcfc;
    font-family: 'Karla', comfortaa;
    font-weight: 400;
    font-size: 4em;
    text-align: center;
    border-radius: 30px;
    display: inline-block;
    padding: 15px;
    width: 150px;
    /* border-left: 1px solid #fcfcfc;
    border-right: 1px solid #fcfcfc; */
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
}
.fig:hover {
    border-radius: 0px;
    color: #333;
    background: #fcfcfc;
    cursor: pointer;
    text-decoration: none;
}
/* PRODUCT LIST */
.event-list {
    list-style: none;
    margin: 0px;
    padding: 0px;
}
.event-list>li {
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 0px 5px rgb(51, 51, 51);
    box-shadow: 0px 0px 5px rgba(51, 51, 51, 0.7);
    padding: 0px;
    margin: 0px 0px 20px;
}
.event-list>li>time {
    display: inline-block;
    width: 100%;
    color: rgb(255, 255, 255);
    padding: 5px;
    text-align: center;
    text-transform: uppercase;
}
.event-list>li:nth-child(even)>time {
    background-color: #313248;
}
.event-list>li>time>span {
    display: none;
}
.event-list>li>time>.day {
    display: block;
    font-size: 56pt;
    font-weight: 100;
    line-height: 1;
}
.event-list>li time>.month {
    display: block;
    font-size: 24pt;
    font-weight: 900;
    line-height: 1;
}
.event-list>li>img {
    width: 100%;
}
.event-list>li>.info {
    padding-top: 5px;
    text-align: center;
}
.event-list>li>.info>.title {
    font-size: 17pt;
    font-weight: 700;
    margin: 0px;
}
.event-list>li>.info>.desc {
    font-size: 13pt;
    font-weight: 300;
    margin: 0px;
}
.event-list>li>.info>ul,
.event-list>li>.social>ul {
    display: table;
    list-style: none;
    margin: 10px 0px 0px;
    padding: 0px;
    width: 100%;
    text-align: center;
}
.event-list>li>.social>ul {
    margin: 0px;
}
.event-list>li>.info>ul>li,
.event-list>li>.social>ul>li {
    display: table-cell;
    cursor: pointer;
    color: rgb(30, 30, 30);
    font-size: 11pt;
    font-weight: 300;
    padding: 3px 0px;
}
.event-list>li>.info>ul>li>a {
    display: block;
    width: 100%;
    color: rgb(30, 30, 30);
    text-decoration: none;
}
.event-list>li>.social>ul>li {
    padding: 0px;
}
.event-list>li>.social>ul>li>a {
    padding: 3px 0px;
}
.event-list>li>.info>ul>li:hover,
.event-list>li>.social>ul>li:hover {
    color: rgb(30, 30, 30);
    background-color: rgb(200, 200, 200);
}
.facebook a,
.twitter a,
.google-plus a {
    display: block;
    width: 100%;
    color: rgb(75, 110, 168) !important;
}
.twitter a {
    color: rgb(79, 213, 248) !important;
}
.google-plus a {
    color: rgb(221, 75, 57) !important;
}
.facebook:hover a {
    color: rgb(255, 255, 255) !important;
    background-color: rgb(75, 110, 168) !important;
}
.twitter:hover a {
    color: rgb(255, 255, 255) !important;
    background-color: rgb(79, 213, 248) !important;
}
.google-plus:hover a {
    color: rgb(255, 255, 255) !important;
    background-color: rgb(221, 75, 57) !important;
}
@media (min-width: 768px) {
    .event-list>li {
        position: relative;
        display: block;
        width: 100%;
        height: 120px;
        padding: 0px;
    }
    .event-list>li>time,
    .event-list>li>img {
        display: inline-block;
    }
    .event-list>li>time,
    .event-list>li>img {
        width: 120px;
        float: left;
    }
    .event-list>li>.info {
        background-color: rgb(245, 245, 245);
        overflow: hidden;
    }
    .event-list>li>time,
    .event-list>li>img {
        width: 120px;
        height: 120px;
        padding: 0px;
        margin: 0px;
    }
    .event-list>li>.info {
        position: relative;
        height: 120px;
        text-align: left;
        padding-right: 40px;
    }
    .event-list>li>.info>.title,
    .event-list>li>.info>.desc {
        padding: 0px 10px;
    }
    .event-list>li>.info>ul {
        position: absolute;
        left: 0px;
        bottom: 0px;
    }
    .event-list>li>.social {
        position: absolute;
        top: 0px;
        right: 0px;
        display: block;
        width: 40px;
    }
    .event-list>li>.social>ul {
        border-left: 1px solid rgb(230, 230, 230);
    }
    .event-list>li>.social>ul>li {
        display: block;
        padding: 0px;
    }
    .event-list>li>.social>ul>li>a {
        display: block;
        width: 40px;
        padding: 10px 0px 9px;
    }
}
/* FOR STORIES PAGE */
.tracking-detail {
    padding: 3rem 0
}
#tracking {
    margin-bottom: 1rem
}
[class*=tracking-status-] p {
    margin: 0;
    font-size: 1.1rem;
    color: #fff;
    text-transform: uppercase;
    text-align: center
}
[class*=tracking-status-] {
    padding: 1.6rem 0
}
.tracking-status-intransit {
    background-color: #65aee0
}
.tracking-status-outfordelivery {
    background-color: #f5a551
}
.tracking-status-deliveryoffice {
    background-color: #f7dc6f
}
.tracking-status-delivered {
    background-color: #4cbb87
}
.tracking-status-attemptfail {
    background-color: #b789c7
}
.tracking-status-error,
.tracking-status-exception {
    background-color: #d26759
}
.tracking-status-expired {
    background-color: #616e7d
}
.tracking-status-pending {
    background-color: #ccc
}
.tracking-status-inforeceived {
    background-color: #214977
}
.tracking-item {
    border-left: 1px solid #c4c3c3;
    position: relative;
    padding: 2rem 1.5rem .5rem 2.5rem;
    font-size: .9rem;
    margin-left: 3rem;
    min-height: 5rem
}
.tracking-item:last-child {
    padding-bottom: 4rem
}
.tracking-item .tracking-date {
    margin-bottom: .5rem
}
.tracking-item .tracking-date span {
    color: #888;
    font-size: 85%;
    padding-left: .4rem
}
.tracking-item .tracking-content {
    padding: .5rem .8rem;
    background-color: #f4f4f4;
    border-radius: .5rem
}
.tracking-item .tracking-content span {
    display: block;
    color: #888;
    font-size: 85%
}
.tracking-item .tracking-icon {
    line-height: 2.6rem;
    position: absolute;
    left: -1.3rem;
    width: 2.6rem;
    height: 2.6rem;
    text-align: center;
    border-radius: 50%;
    font-size: 1.1rem;
    background-color: #fff;
    color: #fff
}
.tracking-item .tracking-icon.status-sponsored {
    background-color: #f68
}
.tracking-item .tracking-icon.status-delivered {
    background-color: #4cbb87
}
.tracking-item .tracking-icon.status-outfordelivery {
    background-color: #f5a551
}
.tracking-item .tracking-icon.status-deliveryoffice {
    background-color: #f7dc6f
}
.tracking-item .tracking-icon.status-attemptfail {
    background-color: #b789c7
}
.tracking-item .tracking-icon.status-exception {
    background-color: #d26759
}
.tracking-item .tracking-icon.status-inforeceived {
    background-color: #214977
}
.tracking-item .tracking-icon.status-intransit {
    color: #e5e5e5;
    border: 1px solid #e5e5e5;
    font-size: .6rem
}
@media(min-width:992px) {
    .tracking-item {
        margin-left: 10rem
    }
    .tracking-item .tracking-date {
        position: absolute;
        left: -10rem;
        width: 7.5rem;
        text-align: right
    }
    .tracking-item .tracking-date span {
        display: block
    }
    .tracking-item .tracking-content {
        padding: 0;
        background-color: transparent
    }
}
/* TESTIMONY YOUTUBE VID */
.testimonials-wrap {
    padding: 20px 0;
}
.test_spa:hover {
    background: #e4af4c4d;
    border-radius: 11px
}
.heading-section {
    text-align: center;
}
.sub-heading {
    font-family: 'Lato', sans-serif;
    font-size: 12px;
    display: block;
    font-weight: 600;
    color: #313248;
    letter-spacing: 2px;
}
.testimonial-box {
    display: block;
    position: relative;
    padding: 14px;
}
.user-img {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    position: relative;
    min-width: 80px;
    background-size: 100%;
}
.carousel-testimonial .item {
    /* height: 300px; */
    margin-bottom: -111px;
    padding: 30px 5px;
    font-size: small;
}
.quote {
    position: absolute;
    top: -23px;
    font-size: 24px;
}
.name {
    margin-bottom: 0;
    line-height: 14px;
    font-size: small;
    font-weight: 500;
    color: #fff;
}
.position {
    color: #17a2b8;
    font-size: small;
}
.carousel-testimonial .owl-nav {
    text-align: center;
}
.carousel-testimonial .owl-nav button.owl-next,
.carousel-testimonial .owl-nav button.owl-prev {
    padding: 0 12px !important;
    margin-bottom: 50px
}
.carousel-testimonial .owl-nav button {
    outline: none;
    padding: 0;
}
.carousel-testimonial .owl-nav button.owl-next span,
.carousel-testimonial .owl-nav button.owl-prev span {
    display: block;
    font-size: 40px;
    width: 25px;
    height: 25px;
    vertical-align: 0px;
    line-height: 16px;
}
.carousel-testimonial .owl-nav button.owl-next.disabled,
.carousel-testimonial .owl-nav button.owl-prev.disabled {
    opacity: 0.5;
}
/* HOW TO DO VIDEO */
.video-testimonial-block {
    position: relative;
    width: auto;
    height: 400px;
    overflow: hidden;
}
.video-testimonial-block .video-thumbnail {
    height: 100%;
    width: 100%;
    position: absolute;
    z-index: 1;
    background-size: cover;
    top: 0;
    left: 0;
}
.video-testimonial-block .video {}
.video-testimonial-block .video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0px;
}
.video-testimonial-block .video-play {
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 50%;
    margin-left: -40px;
    margin-top: -18px;
    text-decoration: none;
}
.video-testimonial-block .video-play::before {
    content: "\f144";
    font: normal normal normal 14px/1;
    font-family: 'Font Awesome\ 5 Free';
    font-weight: 900;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 50px;
    color: #b3b5bc;
}
.video-testimonial-block .video-play:hover::before {
    color: #313248;
}
/* VID ENDS */