*{ margin:0; padding:0;}
/*font-family: 'Lato', sans-serif;*/
@font-face {
    font-family: 'Founders Grotesk';
    src: url('../fonts/FoundersGrotesk-Bold.woff2') format('woff2'),
        url('../fonts/FoundersGrotesk-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

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

@font-face {
    font-family: 'Founders Grotesk';
    src: url('../fonts/FoundersGrotesk-Regular.woff2') format('woff2'),
        url('../fonts/FoundersGrotesk-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Founders Grotesk';
    src: url('../fonts/FoundersGrotesk-Semibold.woff2') format('woff2'),
        url('../fonts/FoundersGrotesk-Semibold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Founders Grotesk';
    src: url('../fonts/FoundersGrotesk-Light.woff2') format('woff2'),
        url('../fonts/FoundersGrotesk-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Lato', sans-serif;
    src: url('../SaolDisplay-Regular.woff2') format('woff2'),
        url('../SaolDisplay-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}




body{  line-height: 18px;font-size: 14px;color:#333;background:#fff; margin:0;  font-family: 'Lato', sans-serif; }
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{margin-top:0;margin-bottom:5px; font-size:16px;}
img{border:0 none}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6, p, a { margin: 0; padding: 0; font-family: 'Lato', sans-serif;}
h2{ font-size:26px;}
h3{ font-size:24px;}
h4{ font-size:18px;}
h5{ font-size:16px;}

.bt-sec .btn-yellow{background: #EFFF31; border: 1px solid #EFFF31;border-radius:8px;font-style: normal;font-weight: 400;font-size: 24px;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;}

header.main-header{position: relative; width: 100%; top: 0; border-bottom: 0px solid #000; z-index: 10;  background: #fff;}
header .navbar-default { background-color: transparent; border-color: transparent; margin: 0;  min-height: auto;}
header .navbar-brand{ width:130px; padding:5px 0; }
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: 12px;}
header .navbar>.container .navbar-brand-centered img { width:150px;}
header .navbar-default .navbar-nav>li>a{font-style: normal;  font-weight: 400;  font-size:14px;line-height: 18px;  color: #000000; padding:5px 15px;border-radius:50px;}
header .navbar-default .navbar-nav>li>a:hover{background-color: rgb(4 4 4 / 62%);   color: #efff31;}
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;}

.banner-sec { position:relative; }
.banner-sec .banner-content {    position: absolute;
    top: 25%;
    width: 35%;
    margin: auto;
    right: 4%;
    left: auto;
    text-align: left;}
.banner-sec .banner-content  img { width:400px; margin:0 0 15px 0; }
.banner-sec .banner-content p{font-style: normal;font-weight:300;font-size: 16px;
    line-height: 26px;
    text-transform: uppercase;
    color: #000;
    text-align: justify;}
.banner-sec .banner-content p.bt-sec{ margin:15px 0 0 0;  }
.banner-sec .banner-content p.bt-sec .btn-yellow{font-size:16px;}
.banner-sec .banner-content p.bt-sec .btn-yellow img { width: 30px;  display: inline-block;  padding: 5px 0 0 5px;}
.banner-sec .banner-content.white-bg p.bt-sec .btn-yellow:hover{ opacity:0.6;} 
.banner-sec .banner-content.white-bg p{ color:#000; }
.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;}

.quatetion-sec{background:#00A651; padding:4% 0; position:relative; }
.quatetion-sec h1{font-style: normal; font-weight: normal;font-size:36px;line-height: 42px;text-align: center;color: #FFFFFF; }

.juicy-sec{background: #fff; padding:0 0 4% 0; position:relative;}
.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: 16%; 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;}

.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: 50px; 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:60px; 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; font-style: normal;font-weight: 300; font-size:18px; line-height: 22px; color: #000000;}
.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:4% 0;}
.tropicool-tastebox-sec h4{font-weight: 300; font-size:50px; line-height:60px; color: #FFFFFF; margin-top:20%;}
.tropicool-tastebox-sec .in-block{ padding:0 6% 0 10%; }
.tropicool-tastebox-sec .in-block h2 { padding:30px 0;font-style: normal;font-weight:300; font-size:52px; line-height:58px;color: #fff; }
.tropicool-tastebox-sec .in-block h2 strong{font-weight:500;}
.tropicool-tastebox-sec .in-block h2 span{ display:block; }
.tropicool-tastebox-sec .in-block h2 span img{ width:60px; }
.tropicool-tastebox-sec .in-block p{  margin-bottom:15px; font-style: normal;font-weight: 300; font-size:18px; line-height:28px;  color:#fff;}
.tropicool-tastebox-sec .in-block p.bt-sec{margin-top:25px; }
.tropicool-tastebox-sec .ryt .img-sec{ position:relative; }
.tropicool-tastebox-sec p.promo-p {width:170px; margin: auto 20% auto auto; position:relative; color:#fff; }
.tropicool-tastebox-sec p.promo-p:before{ content: "";  position: absolute; left: -108px;  top: 12px; height: 100px;  background-image: url(../images/curved-arrow-y.png); width: 100%; background-repeat: no-repeat}	
.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: 80px;
}


.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%; 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:30px;}
.location-sec .address-location-sec aside{background: #F7F7F7; border-radius: 4px; margin:15px 0; padding:20px; display:block;}
.location-sec .address-location-sec aside h3{font-style: normal;
    font-weight: 300;
    font-size: 22px;
    line-height: 21px;
    align-items: center;
    color: #333333;
    display: block;
    border-bottom: 1px solid #777;
    padding-bottom: 6px;
    margin-bottom: 15px;}
.location-sec .address-location-sec aside p{font-weight: 100;
font-size: 16px;
line-height: 23px;
align-items: center;
text-decoration-line: underline;
    display: block;
padding-bottom: 6px;
    margin-bottom: 15px
color: #333333;}	
.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 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;
text-align: center;
    padding: 10px 20px;
    margin: 15px 15px 15px 0;
color: #333333;}
.location-sec .address-location-sec aside p.bt-sec a.btn-white:hover{ background:#000; color:#fff; text-decoration:none; }

#map{ height: 550px;}

footer {padding:0px 0 10px 0; }
footer .logo-footer { padding:2% 6% 2% 0; border-right: 1px solid #000000; }
footer .logo-footer a.f-logo{}
footer .logo-footer a.f-logo img{ width:100%;}
footer .culm-3-ul{ list-style:none; padding:0 15px; width:33.33%; float:left; }
footer .culm-3-ul li{ padding:5px 0; }
footer .culm-3-ul li a{font-style: normal; font-weight: 400; font-size: 18px;line-height: 30px;color: #000000;}
footer .culm-3-ul li a:hover{ text-decoration:underline; }

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{border-top: 1px solid #000000; padding:10px 0 0 0; }
footer .bottom-f .f-logo img{ width:150px; }

.delicious-sec {padding:4% 0; background: #EC008C; }
.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: #FFFFFF; padding: 30px 60px 30px 30px;}
.delicious-sec aside.left .content h3{    font-style: normal;
    font-weight: 600;
    font-size: 36px;
    line-height: 45px;
    color: #000000;
    margin: 0 0 30px 0;}
.delicious-sec aside.left .content h3 span{ display:block; font-weight: normal;}

.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 .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;}
.tropicool-tastebox-sec.franchise-sec  img.product-troppicool-img {
    width: 78%;
    margin: 4% auto 10% auto;
}


.social-media-icon a.btn-social,
.social-media-icon .btn-social
{
    border-radius: 50%;
    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;
}

.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;
}

@media only screen and (max-width:767px){
header.main-header {position: relative;}
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-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-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 img.bg-leaf-l {width: 80px;}
.juicy-sec img.bg-leaf-r {width: 80px;}
.juicy-sec .icecream-carousel .item { width: 49.5%;}
.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;}
}