*{ margin:0; padding:0;}

@font-face {
    font-family: 'Euclid Circular A';
    src: url('../fonts/EuclidCircularA-Regular.woff2') format('woff2'),
        url('../fonts/EuclidCircularA-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Euclid Circular A';
    src: url('../fonts/EuclidCircularA-Bold.woff2') format('woff2'),
        url('../fonts/EuclidCircularA-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Euclid Circular A';
    src: url('../fonts/EuclidCircularA-Italic.woff2') format('woff2'),
        url('../fonts/EuclidCircularA-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Euclid Circular A';
    src: url('../fonts/EuclidCircularA-Medium.woff2') format('woff2'),
        url('../fonts/EuclidCircularA-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Euclid Circular A';
    src: url('../fonts/EuclidCircularA-SemiBold.woff2') format('woff2'),
        url('../fonts/EuclidCircularA-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Euclid Circular A';
    src: url('../fonts/EuclidCircularA-Light.woff2') format('woff2'),
        url('../fonts/EuclidCircularA-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
 html {
  scroll-behavior: smooth;
}
body{  line-height:20px;font-size: 14px;color:#333;background:#fff; margin:0;  
         font-family: 'Euclid Circular A';
         }
a { text-decoration: none; color:#000;}
a:hover { transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all;  -o-transition: 0.5s all; text-decoration:none;}
input.button{cursor:pointer}
p, a , li{
      margin-top: 0;
    font-size: 16px;
    line-height: 1.5; color:#282e38;
    }

img{border:0 none}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{ margin: 0; padding: 0;}
h2{ font-size:26px;}
h3{ font-size:24px;}
h4{ font-size:18px;}
h5{ font-size:16px;}

.bt-sec .btn-blue{background:#000069; border: 1px solid #000069;border-radius:8px;font-style: normal;font-weight: 400;font-size:16px;line-height: 34px;text-align: center;color: #fff;padding:8px 20px 8px 20px; position:relative;  z-index:2;}
.bt-sec .btn-blue:before{content: "";border: 1px solid #aacd1a; border-radius:8px;  position: absolute; width: 100%;  height: 100%;  left: 0;  top: 4px;  z-index:-1;}
.bt-sec .btn-blue:hover{background: #aacd1a; border: 1px solid #aacd1a;color: #fff; }
.bt-sec .btn-blue:hover:before{content: "";border: 1px solid #aacd1a;}


.bt-sec .btn-yellow{background: #EFFF31; border: 1px solid #EFFF31;border-radius:8px;font-style: normal;font-weight: 400;font-size:16px;line-height: 34px;text-align: center;color: #000000;padding:8px 20px 8px 20px; position:relative;  z-index:2;}
.bt-sec .btn-yellow:before{content: "";border: 1px solid #517039; border-radius:8px;  position: absolute; width: 100%;  height: 100%;  left: 0;  top: 4px;  z-index:-1;}
.bt-sec .btn-yellow:hover{background: #000; border: 1px solid #000;color: #EFFF31; }
.bt-sec .btn-yellow:hover:before{content: "";border: 1px solid #EFFF31;}

.bt-sec .btn-white{background: #fff; border: 1px solid #EFFF31;border-radius:8px;font-style: normal;font-weight: 400;font-size:16px;line-height: 34px;text-align: center;color: #000000;padding:8px 20px 8px 20px; position:relative;  z-index:2;}
.bt-sec .btn-white:before{content: "";border: 1px solid #517039; border-radius:8px;  position: absolute; width: 100%;  height: 100%;  left: 0;  top: 4px;  z-index:-1;}
.bt-sec .btn-white:hover{    background: #00006d;
    border: 1px solid #fff;
    color: #fff;}
.bt-sec .btn-white:hover:before{content: "";border: 1px solid #fff;}



.button:focus,
.button {
    outline: none;
        border-style: none;
    border-width: 2px;
    border-color: var(--black)black black;
    color: #fff;
    text-align: center;
    cursor: pointer;
    background-color: #00006a;
    background-image: url('../images/6322fbee8175301a5222012f_Light Arrow_01.svg');
    background-position: 95%;
    background-repeat: no-repeat;
    background-size: auto;
    border-radius: 1000rem;
    margin-top: 0;
    padding: 8px 45px 8px 20px;
    font-weight: 500;
    text-decoration: none;
    transition: all .2s;
    display: inline-block;

}


.button:hover {
    border-color: var(--deep-sky-blue)var(--plum)var(--plum)var(--deep-sky-blue);
    transform: translateY(-2px);
    box-shadow: -4px 4px 10px #67b0e49c,4px 4px 10px #efa5dda8;
 color: #fff;
}

.button.is-alternate {
    background-color:#fff;
    color: #000;
   background-image: url('../images/6322fbee817530b316220130_Dark_arrow_02.svg');
    border: 1px solid #555d684d
}

.button.is-alternate:hover {
    border-color: #555d68b8
}

.button.is-alternate.is-change {
    border: 1px solid #000
}

.button.is-button-small {
    padding: .5rem 1.25rem
}

.button.with-icon {
    grid-column-gap: .75rem;
    background-color: #000;
    justify-content: center;
    align-items: center
}

.button.with-icon:hover {
    background-color: var(--black-3)
}



.icon-bg{    position: absolute;
    width: 160px;
    right: 5%;
    bottom: 5%;
    opacity: 0.2;
    z-index: 0;}
 .icon-bg1{    position: absolute;
    width: 180px;
    left: 3%;
    top: 3%;
    opacity: 0.2;
    z-index: 0;}   

     .icon-bg2{       position: fixed;
    width: 150px;
    right: 2%;
    bottom: 20%;
    opacity: 0.2;
    z-index: 12;}   
header.main-header{     position: fixed;
    z-index: 99;
    width: 100%;
    top: 0; }
header.main-header .navbar-default{
   position: relative;
    width: 100%;
    top: 0;    left: 0;
    border-bottom: 0px solid #000;
    z-index: 10;
    background: #fff;
    border-radius: 0 0 30px 30px;
    padding: 20px 20px 0 20px;
    box-shadow:0px 20px 25px -5px rgba(0, 0, 0, 0.1),0px 10px 10px -5px rgba(0, 0, 0, 0.04);
}
header .navbar-default {border-color: transparent; margin: 0;  min-height: auto;}
header .navbar-brand{     width: 170px;
    padding: 0;
    height: auto; }
header .navbar-brand img{ width:100%; }
header .navbar-brand-centered {position: absolute;left: 50%;display: block;width:300px;text-align: center; background-color: transparent;   border-left: 2px solid #000; border-right: 2px solid #000; padding: 0 30px;}
header .navbar>.container .navbar-brand-centered, 
header .navbar>.container-fluid .navbar-brand-centered {margin-left: -150px;}
header .navbar-nav.navbar-right:last-child { margin-top: 15px;}
header .navbar>.container .navbar-brand-centered img { width:150px;}
header .navbar-default .navbar-nav>li>a,
header .navbar-default .navbar-nav>li>a:focus{
outline: none;
    font-style: normal;
        font-weight: 500;
    font-size: 16px;
    line-height: 1.2;
    color: #000000;
    padding: 10px 15px 20px 15px;
    border-radius: 20px 20px 0 0;
}
header .navbar-default .navbar-nav>.open>a, 
header .navbar-default .navbar-nav>.open>a:hover, 
header .navbar-default .navbar-nav>.open>a:focus {
    color: #fff;
    background-color: #aacd1f;
}
header .navbar-nav>li>.sub-menu,
header .navbar-nav>li>.dropdown-menu {
       color: #020202;
    border: none;
    background-color: #fff;
    padding: 0 0 20px 0;
    box-shadow: 0px 20px 25px -5px rgb(0 0 0 / 10%), 0px 10px 10px -5px rgb(0 0 0 / 4%);
    border-radius: 0 0 30px 30px;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    min-width:200px;
}
header .navbar-nav>li>.sub-menu>li>a,
header .navbar-nav>li>.dropdown-menu>li>a {
    display: block;
    padding: 10px 15px ;
    color: #000;
    white-space: nowrap;
    font-size: 16px;
    font-weight: 500;
}
header .navbar-nav>li>.sub-menu>li>a:hover,
header .navbar-nav>li>.dropdown-menu>li>a:hover {
    color: #fff; background-color: #aacd1f;
}
header .navbar-nav>li>.sub-menu>li a,
header navbar-nav>li>.dropdown-menu  a{ color: #fff; }

header .navbar-default .navbar-nav>li>a.active,
header .navbar-default .navbar-nav>li>a:hover{background-color:#abce18;   color: #fff;}
header .navbar-default .navbar-nav>li>a span.badge{ background:#EFFF31; color:#333;}  
header .navbar-default .navbar-toggle:hover, 
header .navbar-default .navbar-toggle:focus {background-color: transparent;}
header.main-header.sticky {      position: fixed;
    width: 100%;
    top: 0;
    background: #fff;
    left: 0;
    z-index: 10; transition: 4s all; -webkit-transition: 4s all; -moz-transition: 4s all;  -o-transition: 4s all;}

@media only screen and (min-width:767px){
header .navbar-default .navbar-nav li.dropdown:hover .dropdown-menu{ display:block;  }
}


header .navbar-default .navbar-nav>li.menu-item-has-children a{position:relative;}
header .navbar-default .navbar-nav>li.menu-item-has-children a:after{
    content:"";
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 4px;
    vertical-align: middle;
    border-top: 4px solid;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}

header .navbar-default .navbar-nav>li .sub-menu {
    display: none;
    list-style: none;
    position: absolute;
    width: fit-content;
}

header .navbar-default .navbar-nav>li.menu-item-has-children:hover .sub-menu {display:block;}
header .navbar-default .navbar-nav>li .sub-menu li a:after {display:none; }
header .navbar-default .navbar-nav>li .sub-menu li a{color:#000;}
header .navbar-default .navbar-nav>li .sub-menu li:hover a{color:#fff;}

header .navbar-brand a.tropicool-logo,
header .navbar-default .navbar-nav>li#menu-item-257{display: none;}
.home header .navbar-default .navbar-nav>li#menu-item-243 {display: none;}
 {display: inline-block;}
.home header .navbar-brand a.ecs-logo{display: inline-block;}
.home header .navbar-brand a.tropicool-logo{display: none;}
.home header .navbar-default .navbar-nav>li#menu-item-257{display: inline-block;}
.page-id-208 header .navbar-default .navbar-nav>li#menu-item-243 {display: inline-block;}
.page-id-208 header .navbar-default .navbar-nav>li#menu-item-257 {display: none;}
.page-id-208  header .navbar-brand a.ecs-logo{display: none;}
.page-id-208  header .navbar-brand a.tropicool-logo{display: inline-block;}


.div-table { display:table; width:100%; vertical-align:middle;}
.div-table aside{ display:table-cell; vertical-align:middle;  }

h2.heading{
    font-weight: 500;
       font-style: normal;
    font-size: 40px;
    line-height: 1.2;
    display: block; 
     font-family: 'Euclid Circular A';
    font-weight: 500;
    color: #000069;
    margin: 15px 0 15px 0; position: relative;}
h2.heading:before {
    content: "";
    width: 30px;
    height:5px;
    background: #abce1a;
    position: absolute;
    top: -8px;
    left:0;
    z-index: 1;
}
h2.heading:after {
    content: "";
    width: 80px;
    height: 1px;
    background: #333;
    position: absolute;
    top: -6px;
    left:0;
    z-index: 0;
}

.white-txt h2.heading:after {
    content: "";
    background: #fff;
}

h2.heading.text-center:before,
h2.heading.text-center:after  {
    content: "";
    left: 0;
    right: 0;
    margin: auto;
}

.white-txt h2.heading,
.white-txt p{ color:#fff;  }

.hero-sec{ position:relative; height:90vh; overflow:hidden; border-radius:0 0 30px 30px; margin-bottom:0px; z-index: 2;}
.hero-sec .div-table { height: 90vh;background-color: #000069; }
.hero-sec .div-table aside{ display:table-cell; vertical-align:middle; width: 50%;}
.hero-sec .div-table aside.content-cell .in-block{ padding:10%; position:relative; z-index:1  } 
.hero-sec .div-table aside.img-cell{ background-repeat:no-repeat; background-size:cover; background-position:center center;  }


.hero-sec .owl-nav { position: absolute;  top: 50%;     width: 100%;}
.hero-sec .owl-nav button.owl-next{ right:0; }
.hero-sec .owl-nav button.owl-next, 
.hero-sec .owl-nav button.owl-prev{    font-size: 28px;
    border: 1px solid #abce1a;
    border-radius: 6px;
    background: #abce1a;
    padding: 0px !important;
    margin: 0 5px;
    border-radius: 4px;
    line-height: 12px;
    width: 40px;
    height: 40px;
    color: #fff;
    position: absolute;
    border-radius: 30px;}
.hero-sec .owl-nav button.owl-next span, 
.hero-sec .owl-nav button.owl-prev span{    margin: 0px 0 0 0;
    position: absolute;
    top: 0px;
    left: 0;
    right: 0;}
.hero-sec .owl-nav button.owl-next:before, 
.hero-sec .owl-nav button.owl-prev:before{content: "";border: 1px solid #517039; border-radius:6px;  position: absolute; width: 100%;  height: 100%;  left: 0;  top: 4px;  z-index:-1;}

.hero-sec .owl-nav button.owl-next:hover, 
.hero-sec .owl-nav button.owl-prev:hover{background: #000; color:#fff;}


.hero-sec .banner-hero-txt {
    position: absolute;
    width: 45%;
    right: 5%;
    bottom: 20%;
    z-index: 999;
    padding: 4%;
}

#scroll-down-animation {
      position: absolute;
    bottom: 0%;
    left: 50%;
    transform: 0;
    z-index:99;
}

.ctn-icon1 {
  animation: jump-arrow 2.5s infinite;
  bottom: 0;
      color: #ffffff;
    display: block;
    font-size: 24px;
    height: 1.5em;
    left: 50%;
    line-height: 1.5em;
    position: absolute;
    text-align: center;
    transform: translatex(-50%);
    width: 1.5em;
    background: #000000b0;
    border-radius: 30px;
    font-weight: lighter;
}

.ctn-icon:hover,
.ctn-icon:focus,
.ctn-icon:active {
  color:#f7631b;
}

@keyframes jump-arrow {
  0%,
  20%,
  55%,
  80%,
  100% {
    transform: translate3d(-50%, 0, 0);
  }

  40% {
    transform: translate3d(-50%, -15px, 0);
  }

  70% {
    transform: translate3d(-50%, -10px, 0);
  }

  90% {
    transform: translate3d(-50%, -5px, 0);
  }
}



.scroll {
width: 50px;
height: 50px;
border: 1px solid #fff;
border-radius: 50%;
position: relative;
animation: down 1.5s infinite;
-webkit-animation: down 1.5s infinite;
margin: 0 0 0 -25px;
background: #0000009e;    bottom: 15px;
}

.scroll:hover{ background:#000;  }
.scroll::before {
     content: "";
    position: absolute;
    top: 15px;
    left: 16px;
    width: 15px;
    height: 15px;
    border-left: 2px solid #fff;
    border-bottom: 2px solid #fff;
    transform: rotate(-45deg);
}

@keyframes down {
  0% {
    transform: translate(0);
  }
  20% {
    transform: translateY(15px);
  }
  40% {
    transform: translate(0);
  }
}
@-webkit-keyframes down {
  0% {
    transform: translate(0);
  }
  20% {
    transform: translateY(15px);
  }
  40% {
    transform: translate(0);
  }
}



.quatetion-sec{
    z-index: 1;
    background-attachment: fixed;
    padding: 6% 0;
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    position: relative;
    top: -30px;}
.quatetion-sec:before{ content: "";
       content: "";
    background: #abce18;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0.7;}
.quatetion-sec h3{font-style: normal; font-weight: normal;font-size:28px;line-height: 32px;text-align: center;color: #FFFFFF; }
.quatetion-sec p a.btn-white{ margin:20px auto auto auto; display: inline-block;}

.vision-mission-sec{ position:relative; top:-60px; z-index: 2; border-radius:30px; background:#f2f2f2;}
.vision-mission-sec .vm-blk{  padding:4% 0;  }
.vision-mission-sec .vm-blk aside.card{ padding:20px; border:1px solid #ccc; border-radius:0 0 30px 30px; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all;  -o-transition: 0.5s all;}
.vision-mission-sec .vm-blk aside.card:hover{ padding:20px; border:1px solid #000069; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all;  -o-transition: 0.5s all;}
.vision-mission-sec .vm-blk aside.card h2 img{ width:40px;  }

.vision-mission-sec .vm-blk aside.card h2{font-size:22px; font-weight: 700;}
.vision-mission-sec aside ul.icon-ul{ margin:10px 0 10px 00px;  list-style:none;  }
.vision-mission-sec aside ul.icon-ul li{list-style:none;
    box-shadow: 0px 20px 25px -5px rgba(0, 0, 0, 0.1), 0px 10px 10px -5px rgba(0, 0, 0, 0.04);
    padding: 15px 15px 15px 70px;
    margin: 10px 0;
    position: relative;
    border-radius: 0 0 30px 30px;  transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all;  -o-transition: 0.5s all; }

.vision-mission-sec aside ul.icon-ul li:hover {
    box-shadow: 0px 10px 5px -5px rgb(0 0 0 / 10%), 0px 10px 10px -5px rgb(0 0 0 / 4%);
    transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all;  -o-transition: 0.5s all;
     background: #abce1a2b;
}

.vision-mission-sec aside ul.icon-ul li img{ width:40px; position:absolute; left:15px;  }

#vision .card h2.heading:before,
#vision .card h2.heading:after{ display:none;  }



.vision-mission-sec .div-table aside.img-cell{ width:50%; padding-right:10%;  }

.vision-mission-sec .nav-tabs li { float: none; position:relative; border-radius:8px; overflow: hidden; margin:10px 0; }
.vision-mission-sec .nav-tabs li img.ice-icon{ width: 20px; position: absolute; left: 10px; top: 10px;}
.vision-mission-sec .nav-tabs li:hover img.ice-icon,
.vision-mission-sec .nav-tabs li.active img.ice-icon{filter: brightness(0) invert(1);}
.vision-mission-sec .nav-tabs li a { padding-left:40px;  border-radius: 8px; color: #333; cursor: pointer; border: 0px solid #ddd; border-bottom-color: transparent; border-radius:8px; overflow: hidden; display: block; width: 100%;}
.vision-mission-sec .nav-tabs li:hover,
.vision-mission-sec .nav-tabs li:hover a,
.vision-mission-sec .nav-tabs li.active a, 
.vision-mission-sec .nav-tabs li.active a:hover, 
.vision-mission-sec .nav-tabs li.active a:focus { background-color: rgb(0 0 105); color: #fff;}


.vision-mission-sec aside .in-box {
          box-shadow: 0px 20px 25px -5px rgba(0, 0, 0, 0.1), 0px 10px 10px -5px rgba(0, 0, 0, 0.04);
    padding: 30px 30px 30px 100px;
    margin: 15px 0;
    position: relative;
    min-height: 196px;
    border-radius: 0 0 30px 30px;
    transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all;  -o-transition: 0.5s all;
}

.vision-mission-sec aside .in-box:hover {
    box-shadow: 0px 10px 5px -5px rgb(0 0 0 / 10%), 0px 10px 10px -5px rgb(0 0 0 / 4%); background: #abce1a2b;
    transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all;  -o-transition: 0.5s all;
}

.vision-mission-sec aside .in-box p strong{     color: #000069;
    font-size: 22px;
    margin: 0 0 9px 0;
    display: inline-block;  }
.vision-mission-sec aside .in-box p span{ display:block;  }

.vision-mission-sec aside .in-box img{
      filter: hue-rotate(60deg) brightness(1.2) saturate(1.5);
    width: 70px;
    position: absolute;
    left: 14px;
}

.pr-30{ padding-right:30px;  }
picture .img-sec{
    width: 100%; 
    height: 550px; 
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 0 0 30px 30px;
        background-position: center center;
        position: relative;
        margin-top:30px;
}
picture .img-sec:before{
      content: "";
    display: block;
    position: absolute;
    top: -30px;
    width: 43%;
    height: 55%;
    background:#abce18;
    border-radius: 0 30px 0 0px;
    z-index: -1;
    right: -30px;
}


.ceo-message-sec{ background:#fff; padding:0 0 4% 0; overflow:hidden; }
.ceo-message-sec aside.img-cell{width: 50%;}
.ceo-message-sec aside.img-cell figure{position: relative;
    overflow: hidden;
    width: 470px;
    text-align: center;
    padding: 0; }
.ceo-message-sec aside.img-cell figure:before {
    content: '';
    width: 100%;
    border-radius: 50%;
    background: #abce1a2b;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 55px;
    height: 350px;
    border: 4px solid #ffffff;
    box-shadow: 0px 0 7px 0px rgb(240 240 240);
}
.ceo-message-sec aside.img-cell figure img{ height: 330px; z-index:2; position:relative; }
.ceo-message-sec aside.content-cell p.signature-p{     margin: 15px 0 0 0;
    text-align: right;
    width: 150px;
    margin: auto 0 auto auto;  }
.ceo-message-sec aside.content-cell p.signature-p span{ font-size: 22px;   color: #00015f; display: block; }
.ceo-message-sec .quote{ position:relative;  }
.ceo-message-sec .quote:before {
      content: open-quote;
    font-size: 60px;
    color: rgb(171 206 26);
    display: block;
    letter-spacing: -4px !important;
    /* margin: 34px 0px 0px; */
    position: relative;
    top: 14px;
    line-height: 40px;
}
.ceo-message-sec .quote span.quote-close:after {
    content: close-quote;
    font-size: 60px;
    color: rgb(171 206 26);
    display: inline-block;
    letter-spacing: -4px !important;
    /* margin: 34px 0px 0px; */
    position: relative;
    bottom: -24px;
    line-height: 0;
}

.why-sec{ background: #abce1a2b; padding:2% 0;  overflow: hidden;    border-radius: 0 0 30px 30px;}
.why-sec .div-table aside { padding:15px;  }
.why-sec .div-table aside.img-cell{ padding-left:60px; width:45%; }
.why-sec .div-table aside.img-cell picture{position: relative; }
.why-sec .div-table aside.img-cell picture:before {
    content: "";
    display: block;
    position: absolute;
    top: -15px;
    width: 200px;
    height: 300px;
    background:#abcf16;
    border-radius: 0 30px 0 0px;
    z-index: -1;
    right: -30px;
}

.why-sec .div-table aside.img-cell img{width: 100%; border-radius: 0  0 30px 30px;}



.delicious-sec {padding:4% 0 6% 0; background: #fff; }
.delicious-sec aside .content{    height: 276px; border-radius: 8px; overflow: hidden}
.delicious-sec aside img{ width:100%; border-radius:8px;  }
.delicious-sec aside.middle{ padding:0; }
.delicious-sec aside.middle .col-md-12.botm {margin: 30px 0 0 0;}
.delicious-sec aside.left .content {background: #00006d; padding:20px; border-radius: 0 0 30px 30px;}
.delicious-sec aside.left .content h3{   font-style: normal;
    font-size: 28px;
    line-height: 36px;
    color: #ffffff;
    margin: 0 0 30px 0;
    letter-spacing: 1px;}
.delicious-sec aside.left .content h3 span{ display:block; font-weight: normal;}
.delicious-sec aside.left .content .taq-p{color:#fff;}

.banner-sec.hero-sec { position:relative; height:calc(100vh - 0px); overflow:hidden; }
.banner-sec.hero-sec .owl-carousel .owl-stage-outer {  height: 100% !important;}
.banner-sec.hero-sec .div-table {  height: 100vh;}
.banner-sec.hero-sec .div-table aside {vertical-align: bottom;}

.banner-sec.hero-sec .banner-carousel .owl-item.active .item .in-block {
    animation-duration: 3s;
    animation-fill-mode: both;
    animation-name: fadeInUp;
    animation-delay: 0.3s;
}

.banner-sec .owl-slider .owl-carousel .owl-nav { position: absolute;  top: 50%;     width: 100%;}
.banner-sec .owl-slider .owl-carousel .owl-nav button.owl-next{ right:0; }
.banner-sec .owl-slider .owl-carousel .owl-nav button.owl-next, 
.banner-sec .owl-slider .owl-carousel .owl-nav button.owl-prev{font-size: 30px; border: 1px solid #efff31; border-radius:6px; background: #efff31;padding:0px !important; margin: 0 5px; border-radius: 4px; line-height:24px;  width: 30px; height: 30px; color: #000; position:absolute;}
.banner-sec .owl-slider .owl-carousel .owl-nav button.owl-next span, 
.banner-sec .owl-slider .owl-carousel .owl-nav button.owl-prev span{    margin: 0px 0 0 0;
    position: absolute;
    top: 0px;
    left: 0;
    right: 0;}
.banner-sec .owl-slider .owl-carousel .owl-nav button.owl-next:before, 
.banner-sec .owl-slider .owl-carousel .owl-nav button.owl-prev:before{content: "";border: 1px solid #517039; border-radius:6px;  position: absolute; width: 100%;  height: 100%;  left: 0;  top: 4px;  z-index:-1;}

.banner-sec .owl-slider .owl-carousel .owl-nav button.owl-next:hover, 
.banner-sec .owl-slider .owl-carousel .owl-nav button.owl-prev:hover{background: #000; color:#fff;}




.ab-01 {
  top: 0;
  left: 0; }

.about-2-img {
  margin-right: 45px; }
  .about-2-img img {
    width: 100%; }

.about-03-wrapper {
  padding-right: 230px; }

.about-03-wrapper .white-title span {
  color: #ffffff; }

.about-03-wrapper .white-title span::before {
  border-color: transparent transparent #fff transparent; }

.about-bg-img {
  background-size: cover;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 50%;
  background-position: center center; }

.about-03-wrapper .about-us-icon i {
  color: #ffffff;
  font-size: 35px; }

.about-03-wrapper .inner-about-us {
  border-bottom: 2px solid #ff857a; }

.about-03-wrapper .inner-about-us::before {
  background: #ffffff; }

.about-03-wrapper .about-us-text h4 {
  color: #ffffff; }

.about-03-wrapper .about-us-content p {
  color: #ffffff; }

.about-03-wrapper .btn-border {
  color: #ffffff;
  padding: 19px 40px 22px;
  border: 2px solid #ffffff;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s; }
  .about-03-wrapper .btn-border:hover {
    color: #fc5546;
    background: #ffffff;
    border-color: #ffffff; }

.about-01 {
  bottom: 8%;
  right: 5%; }

.about-02 {
  top: 7%;
  right: 2%; }

.about-video-icon {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
  right: 0;
  text-align: center; }
  .about-video-icon a {
    font-size: 50px;
    color: #ffffff;
    border: 3px solid #ffffff;
    height: 135px;
    display: inline-block;
    width: 135px;
    line-height: 135px;
    text-align: center;
    border-radius: 50%;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s; }
    .about-video-icon a:hover {
      background: #ffffff;
      color: #fc5546;
      border-color: #ffffff; }

.about-2-video-icon a:hover {
  color: #1f80fd; }

.about-blue-wrapper .section-title span {
  color: #1f80fd; }

.about-blue-wrapper .section-title span::before {
  border-color: transparent transparent #1f80fd transparent; }

.about-blue-wrapper .about-us-icon i {
  color: #1f80fd; }

.about-blue-wrapper .inner-about-us::before {
  background: #1f80fd; }


.cup-shap .in-block{position:relative;}

.cup-shap .fancybox-close-small {background: red;}

.cup-shap  .fancybox-button svg path {
    fill: rgb(255 255 255);
    stroke-width: 0;
    
}

.icecream-cup{position:relative;}
 .icecream-cup .name{
    position: absolute;
    text-align: center;
    width: 100%;
    font-weight: 600;
    margin: 0;
    color:#000 !important;
 }

.icecream-cup.ml150 .name{bottom: 46%;font-size: 8px;}
.icecream-cup.ml250 .name{ bottom: 54%;font-size: 12px;}
.icecream-cup.ml350 .name{ bottom: 63%; font-size: 13px;}
.icecream-cup.ml500 .name{ bottom: 69%;font-size: 15px;}
.icecream-cup.ml1000 .name{ bottom: 50%;font-size: 12px;}
.icecream-cup.ml3000 .name{ bottom: 57%; font-size: 16px;}
.icecream-cup.ml5000 .name{ bottom: 70%; font-size: 13px;  margin: 0 0 0 24px;}

.icecream-cup.ml5000 h5.image-name {position: absolute;
    bottom: 80px;
    text-align: center;
    width: 100%;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1px;}

.fancybox-slide--html .fancybox-close-small {
    color: rgb(255 255 255);
    background: red;
}

.infancy-lk .icecream-cup.ml150 .name{bottom: 46%;font-size: 18px;}
.infancy-lk .icecream-cup.ml250 .name{ bottom: 58%; font-size: 22px;}
.infancy-lk .icecream-cup.ml350 .name{ bottom: 68%; font-size: 26px;}
.infancy-lk .icecream-cup.ml500 .name{ bottom: 76%; font-size: 30px;}
.infancy-lk .icecream-cup.ml1000 .name{ bottom: 50%;font-size: 24px;}
.infancy-lk .icecream-cup.ml3000 .name{ bottom: 60%; font-size: 26px;}
.infancy-lk .icecream-cup.ml5000 .name{ bottom: 71%; font-size: 28px; margin: 0 0 0 53px;}

.infancy-lk .icecream-cup.ml5000 h5.image-name {
position: absolute;
    bottom: 159px;
    text-align: center;
    width: 100%;
    font-size: 28px;
}

 .icecream-cup .cup-img{width: 100%;}
 .icecream-cup h6{     text-align: center;
    margin: 5px 0;
    position: relative;
    letter-spacing: 0.5px;
    font-size: 16px;
    font-weight: 600; }
 .icecream-cup h6:before{ content:""; position:absolute; width:90%; margin:auto; left:0; right:0; top:0; bottom:0; height:1px; background:#000; opacity:0.3 }
 .icecream-cup h6 span{ background:#fff; padding:2px 8px; position:relative;}


.juicy-sec{    background: #fff;
    padding: 2% 0 0 0;
    position: relative;
    margin:0;
    top:-60px;
    z-index: 5;
    border-radius: 30px;}
.juicy-sec img.bg-leaf-l{position: absolute; width: 120px; left: 0; top: 0;}
.juicy-sec img.bg-leaf-r{position: absolute; width: 120px; right: 0; top: 0;}
.juicy-sec h3{font-style: normal;font-weight:500;font-size:40px;line-height:50px;display:block;text-align: center;color: #000000; margin-top:15px;}
.juicy-sec img.ice-cream-juicy{ width:240px; margin:auto auto 15px auto; }
.juicy-sec .bt-sec{ margin-top:15px; }
.juicy-sec .bt-sec .btn-yellow{}
.juicy-sec .owl-slider{ padding-top:6%; }
.juicy-sec .owl-slider .icecream-carousel .item{ text-align:center; font-size: } 
.juicy-sec .owl-slider .icecream-carousel .item h2{font-size:16px; } 
.juicy-sec .owl-slider .icecream-carousel .item img{ width:180px; margin:auto; }
.juicy-sec .owl-slider .owl-nav { text-align: center; margin:30px 0 0 0; display:block;}
.juicy-sec .owl-slider .owl-carousel .owl-nav button.owl-next, 
.juicy-sec .owl-slider .owl-carousel .owl-nav button.owl-prev{font-size: 30px; border: 1px solid #efff31; border-radius:6px; background: #efff31;padding: 10px; margin: 0 5px; border-radius: 4px; line-height: 36px;  width: 30px; height: 30px; color: #000; position:relative;}
.juicy-sec .owl-slider .owl-carousel .owl-nav button.owl-next:before, 
.juicy-sec .owl-slider .owl-carousel .owl-nav button.owl-prev:before{content: "";border: 1px solid #517039; border-radius:6px;  position: absolute; width: 100%;  height: 100%;  left: 0;  top: 4px;  z-index:-1;}
.juicy-sec .owl-slider .owl-carousel .owl-nav button.owl-next:hover, 
.juicy-sec .owl-slider .owl-carousel .owl-nav button.owl-prev:hover{background: #000; color:#fff;}
.juicy-sec .icecream-carousel { padding:15px; text-align:center; width:100%; margin-top:30px; }
.juicy-sec .icecream-carousel .item{ width: 20%; display: inline-block; margin: auto; text-align: center; padding:0 15px; margin:0 0 30px 0;     vertical-align: top;}
.juicy-sec .icecream-carousel .item img{ width:120px; margin:10px auto; }
.juicy-sec .icecream-carousel .item h2{    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 20px;
    text-align: center;
    color: #000000;
    margin: 0 0 0px 0;
    height: 40px;}	
.juicy-sec .icecream-carousel .item p{font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    color: #000000;}
/*.juicy-sec .icecream-carousel .item a{color: #01006a;
    text-decoration: underline;
    font-weight: 700;


.juicy-sec .icecream-carousel .item a:hover{ color: #abce19; text-decoration: none;}
}*/

.juicy-sec .icecream-carousel .item .button {
    padding: 6px 46px 8px 18px;
    font-size: 16px;}

.icon-inline-sec{background: #EC008C; padding:1% 0;}
.icon-inline-sec ul{ list-style:none; margin:0; padding:0; }
.icon-inline-sec ul li { float: left; color: #fff;width:50%; vertical-align: middle;  padding-left: 35px;  padding-top: 5px; position:relative;font-style: normal;font-weight:500;font-size:16px;line-height:20px;text-align: center;color: #FFFFFF;}
.icon-inline-sec ul li img {    /* position: absolute; */
    /* left: 0; */
    width: 30px;
    margin: -8px 0 0 0px;}

.tropicool-family-sec{background: #fff; padding:4% 0;}
.tropicool-family-sec .left h4{font-style: normal;font-weight: 300; font-size:30px; line-height:60px; text-align: left; color: #000000; margin-top:10%}
.tropicool-family-sec .in-block{ padding:0% 10% 0% 10%; }
.tropicool-family-sec .in-block h2 { padding:30px 0;font-style: normal;font-weight:300; font-size:46px; line-height:50px;color: #000000; }
.tropicool-family-sec .in-block h2 strong{font-weight:500;}
.tropicool-family-sec .in-block h2 span{ display:block; }
.tropicool-family-sec .in-block h2 span img{ width:40px; }
.tropicool-family-sec .in-block p{ margin-bottom:15px; }
.tropicool-family-sec .ryt .img-sec{ position:relative; }
.tropicool-family-sec p.promo-p {width:170px; margin: auto 20% auto auto; position:relative; }
.tropicool-family-sec p.promo-p:before{     content: "";  position: absolute; left: -108px;  top: 12px; height: 100px;  background-image: url(../images/curved-arrow-b.png); width: 100%; background-repeat: no-repeat}	
.tropicool-family-sec img.product-troppicool-img { width: 96%;  margin:10% auto;}
.tropicool-family-sec img.yellow-award-img { position: absolute;  width: 120px; bottom: 70px; right:0;} 

.tropicool-tastebox-sec{    background: #00A651;
    padding: 2% 0;
    border-radius: 0 0 30px 30px;}
.tropicool-tastebox-sec h4{font-weight: 300; font-size:30px; line-height:60px; color: #FFFFFF; margin-top:20%;}
.tropicool-tastebox-sec .in-block{ padding:0 6% 0 10%; }
.tropicool-tastebox-sec .in-block h2 { margin:30px 0;  }
.tropicool-tastebox-sec .in-block h2 span{ display:block; font-style: normal;font-weight:300; font-size:40px; line-height:44px;color: #fff; }
.tropicool-tastebox-sec .in-block p{ color:#fff;  }
.tropicool-tastebox-sec .in-block p.bt-sec{margin-top:25px; }
.tropicool-tastebox-sec .ryt .img-sec{ position:relative; }
.tropicool-tastebox-sec img.product-troppicool-img {width: 90%;
    margin: 21% auto 10% auto;
}



.tropicool-tastebox-sec.franchise-sec .in-block h2 { padding: 30px 0;  font-style: normal;  font-weight: 300; font-size:40px; line-height:50px; color: #fff;}

.email-sec{ background: #00A651;}
.email-sec h4 a{ font-size: 30px;
    color: #fff; }
.email-sec h4 a:hover{ text-decoration:underline; }	
.email-sec h4 img {
    width: 50px;
}


.pop-up-sec .modal-dialog {top: 10%;}
.pop-up-sec button.close {
    -webkit-appearance: none;
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
    position: absolute;
    right: -15px;
    top: -15px;
    width: 30px;
    height: 30px;
    line-height: 26px;
    font-size: 20px;
    color: #fff;
    background: red;
    opacity: 1;
    z-index: 2;
    border: 2px solid #fcfcfc;
    border-radius: 50px;
}
.pop-up-sec button.close:hover { opacity: 1; background:black; }


.pop-up-sec .modal-dialog .succfail-box.succ{ text-align:center; }
.pop-up-sec .modal-dialog .succfail-box.succ h2{ color: #00a651;
    margin-bottom: 20px; font-size:26px;
    font-weight: 600; }
.pop-up-sec .modal-dialog .succfail-box.succ p{ margin:10px; line-height:20px; font-size:16px; }	
.pop-up-sec .modal-dialog .modal-content .modal-body  img.tick-img{ width:220px; margin:20px auto;}
.pop-up-sec.success-pop .modal-dialog {  margin-top: 100px;width: 500px;}


.inbox-sec{background:#00A651; padding:4% 0 0 0;}
.inbox-sec .inbox-form-sec h2 { padding:30px 0;font-style: normal;font-weight:300; font-size:60px; line-height:50px;color: #fff; }
.inbox-sec .inbox-form-sec h2 strong{font-weight:500;}
.inbox-sec .inbox-form-sec h2 span { display: block;  padding: 0 0 0 0;}
.inbox-sec .inbox-form-sec  p{ margin-bottom:15px; font-style: normal;font-weight: 300; font-size:18px; line-height: 22px;  color:#fff;}
.inbox-sec .inbox-form-sec{ position:relative; }
.inbox-sec .inbox-form-sec img.yellow-award-img { position: absolute;  width: 60px; top:0px; left:-30px;}
.inbox-sec .ryt img{ width:400px; margin-left:10%; }
.inbox-sec .subscribe_form .input-group{ position:relative; width: 100%;display: block; }
.inbox-sec .subscribe_form .input-group input{ border: none; background: transparent; border-bottom: 1px solid #fff;  border-radius: 0; font-style: normal; font-weight: 400;font-size: 28px;line-height: 34px;color: #D9D9D9; padding-right: 250px;     box-shadow: none;}
.inbox-sec .subscribe_form {margin-top:30px; }
.inbox-sec .subscribe_form .input-group .btn-yellow{background: #EFFF31; border-bottom: 1px solid #517039;;border-radius:8px;font-style: normal;font-weight: 400;font-size: 18px; line-height: 30px;text-align: center;color: #000000;padding:10px 20px 2px 20px; position: absolute; z-index: 2; right: 0;  top: -18px;}
.inbox-sec .subscribe_form .input-group .btn-yellow:before{content: "";border-bottom: 1px solid #517039; border-radius:8px;  position: absolute; width: 100%;  height: 100%;  left: 0;  top: 4px;  z-index:-1;}
.inbox-sec .subscribe_form .input-group .btn-yellow:hover{opacity:0.6; border-bottom: 1px solid #000;color: #EFFF31; }
.inbox-sec .subscribe_form .input-group .btn-yellow:hover:before{content: "";border-bottom: 1px solid #517039;;}
.inbox-sec .subscribe_form .input-group input:placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */color: #fff;opacity: 1;}
.inbox-sec .subscribe_form .input-group input:-ms-input-placeholder { /* Internet Explorer 10-11 */ color:#fff;}
.inbox-sec .subscribe_form .input-group input:-ms-input-placeholder { /* Microsoft Edge */color:#fff;}

.location-sec .left{padding:0% 3% 0 0; width:35%;}
.location-sec .ryt iframe{width: 100%; height:500px;vertical-align: top;margin: 0 0 -10px 0;  z-index: -1; position: relative;}
.location-sec .div-table{ display:table; width:100%; vertical-align:top;}
.location-sec .div-table aside { display:table-cell; vertical-align:top; }
.location-sec .subscribe_form .input-group{ position:relative; width: 100%;display: block; }
.location-sec .subscribe_form .input-group input{ border: none; background: transparent; border-bottom: 1px solid #777d84;  border-radius: 0; font-style: normal; font-weight: 400;font-size: 28px;line-height: 34px;color: #D9D9D9;     box-shadow: none; z-index:1;}
.location-sec .subscribe_form {margin-top:30px; }
.location-sec .subscribe_form .input-group .btn-yellow{background: #EFFF31; border-bottom: 1px solid #517039;;border-radius:8px;font-style: normal;font-weight: 400;font-size: 18px; line-height: 30px;text-align: center;color: #000000;padding:10px 20px 2px 20px; position: absolute; z-index: 2; right: 0;  top: -18px;}
.location-sec .subscribe_form .input-group button{    position: absolute;  border: none; right: 0;  background: none;  z-index:2;}
.location-sec .subscribe_form .input-group .btn-yellow:before{content: "";border-bottom: 1px solid #517039; border-radius:8px;  position: absolute; width: 100%;  height: 100%;  left: 0;  top: 4px;  z-index:-1;}
.location-sec .subscribe_form .input-group .btn-yellow:hover{opacity:0.6; border-bottom: 1px solid #000;color: #EFFF31; }
.location-sec .subscribe_form .input-group .btn-yellow:hover:before{content: "";border-bottom: 1px solid #517039;;}

.location-sec .address-location-sec{ margin-top:0px;}
.location-sec .address-location-sec aside{    background: #000069;
    border-radius: 4px;
    margin: 0 0 15px 0;
    padding: 40px 20px 20px 20px;
    display: block;
    border-radius: 0 0 30px 30px;}
.location-sec .address-location-sec aside h3{font-style: normal;
    font-weight: 300;
    font-size: 22px;
    line-height: 21px;
    align-items: center;
    color: #fff;
    display: block;
    border-bottom: 1px solid #777;
    padding-bottom: 6px;
    margin-bottom: 15px;}

.location-sec .address-location-sec aside h4{ margin:8px 0; color: #fff }    
.location-sec .address-location-sec aside p{
padding-bottom: 6px;
    margin-bottom: 15px;
color: #fff;}	
.location-sec .address-location-sec aside p.time{font-style: normal;
font-weight: 100;
font-size: 16px;
line-height: 23px;
text-decoration-line: none;
align-items: center;

color: #006601;}
.location-sec .address-location-sec aside a{ color:#fff;  }
.location-sec .address-location-sec aside a:hover { text-decoration:underline;  }
.location-sec .address-location-sec aside p.pin{text-decoration-line: none;}
.location-sec .address-location-sec aside p.bt-sec{text-decoration-line: none; display:block; margin:10px 0;}
.location-sec .address-location-sec aside p.bt-sec a.btn-white{background: #FFFFFF;
border: 1px solid #888888;
border-radius: 4px; font-style: normal;
font-weight: 100;
font-size: 14px;
line-height: 18px;
align-items: center;
    padding: 10px 20px;
    margin: 15px 15px 15px 0;
color: #fff;}
.location-sec .address-location-sec aside p.bt-sec a.btn-white:hover{ background:#000; color:#fff; text-decoration:none; }

section.ice-item.item.active {
    position: relative;
    z-index: 3;
}

#map{ height: 550px;}

footer {padding:2% 0 0 0;  box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.1), 0px 10px 10px -5px rgba(0, 0, 0, 0.04);
    border-radius: 30px 30px 0 0;  position:relative; margin-top:-30px; position:relative; z-index:10;     background: #fff; }
footer .top-f a.f-logo{width:150px; display: block; margin-bottom:10px; }
footer .top-f a.f-logo img{ width:100%;}
footer .top-f h3{ position:relative; color:#000068; margin:15px 0 10px 0;  }
footer .top-f h3:before {
    content: "";
    width: 30px;
    height: 5px;
    background: #abce1a;
    position: absolute;
    top: -8px;
    left: 0;
    z-index: 1;
}
footer .top-f h3:after {
    content: "";
    width: 80px;
    height: 1px;
    background: #000068;
    position: absolute;
    top: -6px;
    left: 0;
    z-index: 0;
}

footer .menu{ list-style:none;}
footer .menu li{ padding:5px 0; }
footer .menu li a:before{   
    content: "\f105";
    font-family: FontAwesome;
    margin-right: 5px;
}
footer .menu li a{transition:1s all;}
footer .menu li a:hover{ color:#abce1a; transition:1s all; margin-left:8px;}

footer .social-ul{ width:100%; text-align:right; margin: 10px 0 0 0;}
footer .social-ul li{ display:inline-block; margin-left:10px;width:30px;  height:30px; text-align: center; line-height:38px; border-radius:50%;}
footer .social-ul li a{   font-size: 20px; color:#fff; transform: scaleY(0.9);}
footer .social-ul li a:hover{transform: scale(1.1); opacity:0.8;}
footer .social-ul li.fb { background:#4267B2; }
footer .social-ul li.tw{background:#1DA1F2;}
footer .social-ul li.insta{ background: #f09433; 
background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); 
background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 ); }
footer .bottom-f{background: #fff;  border-top:1px solid #f2f2f2;  padding: 10px 0;}

.tropicool-tastebox-sec.franchise-sec .in-block { padding: 0 5%;}
.franchise-sec .jumbotron { padding:30px;background: #fff;  border-radius: 10px;     margin:12% 0 0 0;}
.franchise-sec .jumbotron p{margin:0; font-size: 14px;}
.franchise-sec .jumbotron .intl-tel-input { width: 100%;}
.franchise-sec .jumbotron .form-group {margin-bottom:10px; }
.franchise-sec .jumbotron .form-group label{font-weight:500;font-size:14px;line-height:18px;color: #000000;}
.franchise-sec .jumbotron .form-group .form-control{    height: 42px; border: 1px #000; border-radius:0;     box-shadow: none; background-color: #f4f5f4; font-weight: 400;font-size: 14px;line-height: 22px; color: #000000;}
.franchise-sec .jumbotron .form-group select.form-control {padding: 10px 8px 8px 8px; font-weight: 400; font-size: 16px;  line-height: 22px; color: #000000;}
.franchise-sec .jumbotron .form-group textarea.form-control{ height:100px; }
.franchise-sec .jumbotron .form-group .iti {display: block;}
.franchise-sec .jumbotron .form-group input.form-check { position: absolute; left: 0; margin: 2px 0 0 0;}
.franchise-sec .jumbotron input.wpcf7-submit{ text-transform: uppercase; letter-spacing: 1px;}

.tropicool-tastebox-sec.franchise-sec  img.product-troppicool-img { width: 78%;margin: 4% auto 10% auto;}

.clientt-sec{ padding:4% 0;  }
.clientt-sec h3 {
    padding: 30px 0;
    font-style: normal;
    font-weight:600;
    font-size: 46px;
    line-height: 50px;
    color: #000000;
}


.social-media-icon a.btn-social,
.social-media-icon .btn-social
{
    border-radius: 10px;
    color: #ffffff !important;
    display: inline-block;
    height:40px;
    line-height:40px;
    margin: 8px 4px;
    text-align: center;
    text-decoration: none;
    transition: background-color .3s;
    webkit-transition: background-color .3s;
    width:40px; font-size: 20px;
        font-size: 20px;
    box-shadow: 0px 0 7px 0px rgb(240 240 240);
    border: 1px solid #f2f2f2;
}

.social-media-icon .btn-social .fa,
.social-media-icon .btn-social i
{
    backface-visibility: hidden;
    moz-backface-visibility: hidden;
    ms-transform: scale(1);
    o-transform: scale(1);
    transform: scale(1);
    transition: all .25s;
    webkit-backface-visibility: hidden;
    webkit-transform: scale(1);
    webkit-transition: all .25s;
}
.social-media-icon .btn-social:hover,
.social-media-icon .btn-social:focus
{
    color: #fff;
    outline: none;
    text-decoration: none;
}
.social-media-icon .btn-social:hover .fa,
.social-media-icon .btn-social:focus .fa,
.social-media-icon .btn-social:hover i,
.social-media-icon .btn-social:focus i
{
    ms-transform: scale(1.3);
    o-transform: scale(1.3);
    transform: scale(1.3);
    webkit-transform: scale(1.3);
}

.btn-facebook
{
    background-color: #3b5998;
}
.btn-facebook:hover
{
    background-color: #4c70ba;
}

.btn-linkedin
{
    background-color: #3f729b;
}
.btn-linkedin:hover
{
    background-color: #548cb9;
}

.btn-instagram
{
     background: #f09433; 
background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); 
background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 );
}
.btn-instagram:hover
{
    background: #f09433; 
background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); 
background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 );
}
.btn-twitter
{
    background-color: #55acee;
}
.btn-twitter:hover
{
    background-color: #83c3f3;
}


.btn-x-twitter
{
    background-color: #000;
}
.btn-x-twitter:hover
{
    background-color: #333;
}

/*--------------------------------------------------------------
# About Section
--------------------------------------------------------------*/
.about{padding: 60px 0; background:#f2f2f2; }

.about img.img-fluid{ width:100%; }

.about h3 {
    font-style: normal;
    font-weight: 500;
    font-size: 40px;
    line-height: 50px;
    display: block;
    text-align: left;
    color: #000000;
    margin:0px 0 10px 0;
}
.about h3 span{ display:block; font-size:20px  }
.about .btn-yellow{font-size: 16px; display: inline-block; padding: 8px 20px 0px 20px; margin-top: 10px;}


.tabbed-content {
    background: #fff;
    /* box-shadow: 1px 1px 6px #ccc; */
    /* max-width: 600px; */
    padding: 10PX 0 0 0;
    margin: 0em auto;
}

     #tile-1 .slider {
 display: inline-block;
    height:80%;
    width: fit-content;
    position: absolute;
    border-radius: 50px;
    z-index: 0;
    bottom: 10%;
    left: 0;
     transition: all 0.3s cubic-bezier(0.39, 0.58, 0.57, 1);
    -webkit-transition: all 0.3s cubic-bezier(0.39, 0.58, 0.57, 1); 
    background: #abce1a;
    color: #fff;
    border-radius: 50px;
}

.tabs{ text-align:center;  }
.tabs ul {margin: 10px 0;
    padding: 4px;
    font-weight: bold;
    text-align: center;
    display: inline-block;
    /* margin: auto; */
    background: #00006b;
    border-radius: 50px; position:relative ;}
.tabs ul li {
  background: #00006b;
      border-radius: 50px;

}
.tabs ul li a {
    color: #fff;
        font-size: 18px;
    line-height: 26px;
  padding: 0.5em 1em;
  position: relative; z-index: 5;
}

.tabs ul li a:hover, .tabs ul li a.active {
 text-decoration: none;
}

/*.tabs ul li a:hover, .tabs ul li a.active {
  background: #abce1a;
  color: #eee; border-radius: 50px;
}
*/
.item {
  margin-bottom: 2px;
}
.item::before {
  cursor: pointer;
  font-weight: bold;
  background: #eee;
  padding: 0.5em;
  display: block;

}
.item.active::before {
  background:#abce1a;
  color: #eee;
}
.item.active .item-content {
  padding: 1em;
  -webkit-transition: opacity 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  -ms-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}

@media all and (min-width: 800px) {
  .item.active .item-content {
    padding-top: 0;
  }

  .tabs-side .tabs li {
    margin-bottom: 2px;
  }
}
/* 
The project specific CSS starts here
This is the minimum CSS that you will need in order for this to work
*/
.tabbed-content .tabs {
  display: none;
}
.tabbed-content .item {
  min-height: 2em;
}
.tabbed-content .item::before {
  content: attr(data-title);
}
.tabbed-content .item .item-content {
  opacity: 0;
  visibility: hidden;
  height: 0;
}
.tabbed-content .item.active .item-content {
  opacity: 1;
  visibility: visible;
  height: auto;
}

@media all and (min-width: 800px) {
  .tabbed-content .tabs {
    display: block;
  }
  .tabbed-content .tabs li {
    display: inline-block;
  }
  .tabbed-content .tabs li a {
    display: block;
  }
  .tabbed-content .item {
    min-height: 0;
  }
  .tabbed-content .item::before {
    display: none;
  }
  .tabbed-content.tabs-side .tabs {
    width: 150px;
    float: left;
  }
  .tabbed-content.tabs-side .tabs li {
    display: block;
  }
  .tabbed-content.tabs-side .item {
    margin-left: 150px;
  }
}

    .navbar-nav>li {
        margin: 0 5px;
    }

.item.box{display: none;}
.clientt-sec .item.box{display: block;    
  border-radius: 0 0 30px 30px;
    padding:0px; overflow: hidden;
    padding: 20px;
    box-shadow: 0px 20px 25px -5px rgba(0, 0, 0, 0.1), 0px 10px 10px -5px rgba(0, 0, 0, 0.04);
 }
.clientt-sec .item.box img{ height:85px  }
.inner-banner{ position:relative; height:300px; overflow:hidden;  }
.inner-banner img{ width:100%;  }
.inner-banner .banner-in-content{position: absolute;
    top: 0;
    left: 0;
    background: rgb(0 0 0 / 45%);
    width: 100%;
    height: 100%;
    padding: 10% 0 0 0;
    color: #fff;
}}
.inner-banner h1.text-white {     position: absolute;
    top: 30%;
    color: #fff;
    text-align: center;
    font-weight: 700;
    width: 100%;
    left: 0;}

.vmv-sec { padding:2% 0;  }
.vmv-sec .div-table{ display:table; width:100%; vertical-align:middle;background: #f2f2f2; padding:5px; margin:10px 0;  }
.vmv-sec .div-table aside{ display:table-cell; vertical-align:middle;  }
.vmv-sec .div-table aside.img-cell {
    padding: 50px;
    background-position: center center;
    width:25%;
    background-size: cover;
    height: 248px;
}

.vmv-sec .div-table aside.content-cell {
    padding:30px 30px;
    width: 75%; 
}
.vmv-sec .div-table aside.content-cell h3{ margin-bottom:15px; color: #00006a; font-weight:600;   }
.vmv-sec .div-table aside.content-cell ul{ margin-left:20px;  }
.vmv-sec .div-table aside.content-cell ul li{ margin:5px 0; font-size: 18px; line-height: 26px; }

.members-sec{ padding:1% 0 4% 0;  }
.members-sec h3 {
    font-style: normal;
    font-weight: 500;
    font-size: 40px;
    line-height: 50px;
    display: block;
    text-align: center;
    color: #000000;
    margin: 0px 0 10px 0;
}


.members-sec .single-blog h5 span {
  font-size: 14px;
  font-weight: 300;
  display: block;
  padding: 5px 0 0 0;
  letter-spacing: 1px;
}

.members-sec .single-blog h5 span.lnr.lnr-arrow-right {
  position: absolute;
  right: 15px;
  bottom: 15px;
}
.members-sec .single-blog .thumb {
  position: relative;
  padding: 0 30px;
}
.members-sec .single-blog .thumb img {
    position: relative;
    height: 182px;
}

.members-sec .single-blog .thumb:before {
  content: '';
  width: 100%;
  border-radius: 50%;
  background: #f9f9ff;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: 55px;
  height: 250px;
  border: 4px solid #ffffff;
  box-shadow: 0px 10px 30px 0px rgb(153 153 153 / 25%);
}

.members-sec .single-blog h5 {
  border: 4px solid #ffffff;
  box-shadow: 0px 10px 30px 0px rgb(153 153 153 / 25%);
  padding: 15px;
}

.members-sec  .single-blog .thumb {
    position: relative;
    padding: 0 30px;
}
.members-sec  .single-blog .thumb {
    overflow: hidden;text-align: center;
}
.product-pop{width:80%;}
.product-pop .content-cell{ padding-left:30px;  }
.product-pop .content-cell h2{color:#00016a; margin: 0 0 15px 0; font-weight: 600;}
.cup-shap img {
    width: 100%;
    box-sizing: 0px 20px 25px -5px rgba(0, 0, 0, 0.1), 0px 10px 10px -5px rgba(0, 0, 0, 0.04);
    margin: 10px 0;
}

.team-pop{width:90%;}
.team-pop .content-cell{ padding-left:30px;  }
.team-pop h2{color:#00016a; margin: 0 0 15px 0; font-weight: 600;}
.team-pop h2 span { display: block;font-size: 16px;padding: 10px 0 0 0;}
.team-pop .content-cell p{ margin-bottom:15px;  }
.team-pop .img-blk{ position:relative;     overflow: hidden; text-align: center; margin-bottom:10px; }
.team-pop .img-blk img {
    position: relative;
    height: 230px;}
.team-pop .img-blk:before {
    content: '';
    width: 80%;
    border-radius: 50%;
    background: #f9f9ff;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 55px;
    height: 230px;
    border: 4px solid #ffffff;
    box-shadow: 0px 10px 30px 0px rgb(153 153 153 / 25%);
}

.pp-tc-sec h3{ margin: 30px 0 8px 0; color: #00006a;  }
.pp-tc-sec ul{ margin-left:20px;  }


@media only screen and (max-width:767px){
header .navbar>.container .navbar-brand-centered, 
header .navbar>.container-fluid .navbar-brand-centered { margin-left: 0;}
header .navbar-default .navbar-toggle {border-color: transparent;        margin: 0 0 15px 0; margin-right: 0; padding: 0px 10px;}
header .navbar-toggle .icon-bar { width: 28px; margin: 6px 0;}
header .navbar-toggle .icon-bar:nth-child(3){width: 22px;}
header .navbar-toggle .icon-bar:nth-child(4){width: 18px;} 
header .navbar-default .navbar-nav li.dropdown a{ position:relative; }
header .navbar-default .navbar-nav li.dropdown a .caret{     position: absolute;
    right: 16px;
    top: 18px; }
header .navbar-default .navbar-nav .open .dropdown-menu>li>a {margin:5px 0;}


header .navbar-brand-centered { position: relative;left: 0; display: block;  width: 80%;}
.banner-sec .banner-content { position: relative;  top: 0; width: 100%; margin: auto;right: 0; left: 0; background:#fff;  padding: 20px;}
.banner-sec .banner-content.white-bg{ background:#fff; }
.banner-sec .banner-content img { width:70%;  margin:10px 0;}
.banner-sec .owl-slider .owl-carousel .owl-nav {
    position: absolute;
    top: 37%;
    width: 100%;
}
.icon-inline-sec ul li {float:none; width: 100%; margin:10px 0px;}
.inbox-sec .ryt img { width: 100%;  margin-left: 0;}
.tropicool-family-sec img.yellow-award-img { position: absolute;width: 100px; bottom: 0px;  right: 0;}
.quatetion-sec h1 { font-size: 24px; line-height: 30px;}
.tropicool-family-sec .in-block h2,
.inbox-sec .inbox-form-sec h2,
.tropicool-tastebox-sec .in-block h2 {font-size: 24px; line-height: 22px;}
.tropicool-tastebox-sec.franchise-sec .in-block h2,
.delicious-sec aside.left .content h3 {font-size: 26px; line-height: 30px;}
.delicious-sec aside.left .content h3 span {
    display: inline-block;
    font-weight: normal;
}


.tropicool-family-sec .in-block h2 span img { width: 32px;}	
.tropicool-tastebox-sec h4 { font-size: 40px;  line-height: 50px;}
footer .culm-3-ul { padding: 0px;  width: 100%;}
footer .logo-footer { padding: 5%; border-right: 0px solid #000000; border-bottom: 1px solid #000000; margin: 0 0 15px 0;}

.juicy-sec{ padding:4% 0;  }
.juicy-sec img.bg-leaf-l {width: 80px;}
.juicy-sec img.bg-leaf-r {width: 80px;}
.juicy-sec .icecream-carousel .item { width: 100%;}
.location-sec .div-table aside {display: block;}
.location-sec .left {  padding:15px;  width:100%;}
.location-sec .ryt iframe { height: 300px;}
.delicious-sec aside.left .content { padding: 30px 30px 30px 30px;}
.delicious-sec aside .content {  height: auto; margin: 0 0 15px 0;}
.delicious-sec aside.middle  .content .col-md-6:first-child img{ margin-bottom:15px; }
.delicious-sec aside.middle .col-md-12.botm {margin: 15px 0 0 0;}
.tropicool-tastebox-sec.franchise-sec .in-block {padding: 0;}
.franchise-sec .jumbotron .form-group .form-control { height: 40px; padding: 10px 8px 8px 8px;}
.franchise-sec .jumbotron .form-group { margin-bottom: 15px;}
.pop-up-sec.success-pop .modal-dialog { width: auto;}
.pop-up-sec button.close { right: 0px;;}
#map{ height:350px;}


header .navbar-brand { width: 130px;}
.banner-sec {height: auto; overflow: hidden;}
header .navbar-nav.navbar-right:last-child {  margin-top:10px;}
.banner-sec .banner-content img {width: 30%;}
.about {padding:30px 0;}
.about h3,
.juicy-sec h3,
.clientt-sec h3 { font-size: 28px;  line-height: 38px; margin: 15px 0 10px 0;}
.tabbed-content { padding: 0;}
.juicy-sec .icecream-carousel {
    padding: 0;
    margin-top: 0;}
    .tabbed-content .item:before { padding:0px;}
.tabbed-content .ice-item:before { padding:10px;}   

.juicy-sec .item.active .item-content {padding: 0;}
.juicy-sec .icecream-carousel .item h2 {line-height: 30px; margin: 0 0 10px 0; height: auto;}

.vmv-sec .div-table,
.vmv-sec .div-table aside{display: block;}
.vmv-sec .div-table aside.img-cell { width: 100%; background-repeat: no-repeat;}
.vmv-sec .div-table aside.content-cell{width: 100%; padding: 15px;}
.inner-banner {
    position: relative;
    height: auto;
    overflow: hidden;
}

.product-pop.fancybox-content {
    width: 100%; padding: 15px;
}
.team-pop{width:100%;}



.div-table,
.div-table aside,
.hero-sec .div-table aside { display: block; width: 100%;}
.hero-sec .div-table aside.img-cell {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    height: 36vh;
    width: 100%;
}
.hero-sec {
    height: auto;}

h2.heading {
    font-style: normal;
    font-size: 28px;
    line-height: 32px;}
picture .img-sec:before {
    right: -15px;
}
.ceo-message-sec aside.img-cell figure {
    width: 100%;
}

.quatetion-sec h3 {
    font-size: 22px;
    line-height: 28px;
    padding: 45px 0;
}

.pr-30 {
    padding-right: 0px;
}

.ceo-message-sec aside.img-cell {
    width: 100%; margin-bottom: 20px;
}
.ceo-message-sec {
    background: #fff;
    padding: 15px;
}
.why-sec .div-table aside.img-cell {
    padding-left: 0;
    width: 100%;
}


.banner-sec.hero-sec,
.banner-sec.hero-sec .div-table {
    height: auto;
}

.banner-sec.hero-sec .div-table aside.content-cell{ padding-top:12%;  }
.vision-mission-sec .div-table aside.img-cell {
    width: 100%;
    padding-right: 0;
    margin-bottom:30px; display: block;
}
.delicious-sec{ padding:0 0 30px 0 !important; margin-top:-30px;  }
.bottom-f br{ display:none;  }

.vision-mission-sec .vm-blk aside.card {
    margin: 15px 0;
}
.hero-sec .div-table {
    height: auto;
}
.hero-sec .owl-nav {
    top: 20%;
}

header .navbar-default .navbar-nav>li>a, 
header .navbar-default .navbar-nav>li>a:focus {
    padding: 10px 15px 10px 15px;
    border-radius: 20px;
    margin: 10px 0;
}

}