@font-face {
    font-family: 'castletregular';
    src: url('../fonts/ufonts.com_castlet-webfont.woff2') format('woff2'),
         url('../fonts/ufonts.com_castlet-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}



body {font-family:'Poppins';font-size:15px;color:#000;padding-top:0}
.wrap {max-width:1250px;margin:auto;}
a:link, a:visited {outline:none!important;color:inherit;text-decoration:none!important}
a:focus, a:hover {outline:none!important;color:inherit;text-decoration:none!important}

h1 {font-size:33px;letter-spacing:-0.03em;margin:10px 0; font-family:'castletregular';}
h2 {font-size:24px;letter-spacing:-0.03em;margin:20px 0 10px;font-family:'castletregular';text-transform:uppercase}
h3 {font-size:21px;letter-spacing:-0.03em;margin:10px 0;font-family:'castletregular';}

.fancytext  {font-size:19px; font-family:'castletregular';}
.spacer {height:30px}
.insetwrapper {margin:30px}
.stretch {width:100%; height:auto;}
hr.redline {border-top:2px solid #EC1D25;margin-top:0}
#pagetopper {height:130px;transition:all 0.8s ease-in-out; -webkit-transition:all 0.8s ease-in-out; -moz-transition:all 0.8s ease-in-out; -o-transition:all 0.8s ease-in-out;}


#citrosoftsnav2  {background-color:#fff!important;height:130px;border-bottom:4px solid #EC1D25;padding:0;margin-bottom:0;transition:all 0.8s ease-in-out; -webkit-transition:all 0.8s ease-in-out; -moz-transition:all 0.8s ease-in-out; -o-transition:all 0.8s ease-in-out;}
#citrosoftsnav2 ul {list-style-type:none}
#citrosoftsnav2  .navbar-nav {text-transform:uppercase;font-size:14px; color:#000;  font-family:'Poppins';padding:0}

#citrosoftsnav2   .navbar-nav a:link, #citrosoftsnav2   .navbar-nav a:visited {color:#EC1D25;background-color:#fff;}
#citrosoftsnav2   .navbar-nav a:hover,#citrosoftsnav2   .navbar-nav a:focus {color:#fff;background-color:#EC1D25;}







#brandlogo {max-height:120px;margin:10px auto 0;transition:all 0.8s ease-in-out; -webkit-transition:all 0.8s ease-in-out; -moz-transition:all 0.8s ease-in-out; -o-transition:all 0.8s ease-in-out;}


#topsection {background:#EC1D25;color:#fff;padding:40px 0}
#maincontentblock {background:#fff;padding:40px 0}
.footer {background:#EC1D25;color:#fff;padding:40px 0;background-image:url('../images/bubbles2.jpg'); background-size:cover;background-attachment:fixed;}
.footer a {color:#fff;font-size:13px}
.footer ul {list-style-type:none;margin:0;padding:0}

#carousel-fwhp {border-bottom:2px solid #EC1D25;}
#carousel-fwhp img {width:100%;height:auto}


.form-control,.form-control:focus {border-color:#CD1014;box-shadow:none;border-radius:0;}
.btn-citrosoft,.btn-citrosoft:link,.btn-citrosoft:visited {background:#EC1D25;color:#fff;border-radius:0;border:1px solid #fff;text-transform:uppercase}
.btn-citrosoft:hover,.btn-citrosoft:focus {background:#CD1014;color:#fff;}

.circlewrapper {text-align:center}

.circle {border-radius:50%;margin:auto}
.bounce1 {    -webkit-animation-duration: 2s; /* Chrome, Safari, Opera */
    animation-duration: 2s; 
	
	}

.bounce2 {    -webkit-animation-duration: 2s; /* Chrome, Safari, Opera */
    animation-duration: 2s;    -webkit-animation-delay:0.2s; /* Chrome, Safari, Opera */
    animation-delay: 0.2s;}
	
.bounce3 {    -webkit-animation-duration: 2s; /* Chrome, Safari, Opera */
    animation-duration: 2s;    -webkit-animation-delay: 0.3s; /* Chrome, Safari, Opera */
    animation-delay: 0.3s;}

.bounce4 {    -webkit-animation-duration: 2s; /* Chrome, Safari, Opera */
    animation-duration: 2s;    -webkit-animation-delay: 0.4s; /* Chrome, Safari, Opera */
    animation-delay: 0.4s;}

.bounce5 {    -webkit-animation-duration: 2s; /* Chrome, Safari, Opera */
    animation-duration: 2s;    -webkit-animation-delay: 0.5s; /* Chrome, Safari, Opera */
    animation-delay: 0.5s;}

.bounce6 {    -webkit-animation-duration: 2s; /* Chrome, Safari, Opera */
    animation-duration: 2s;    -webkit-animation-delay: 0.7s; /* Chrome, Safari, Opera */
    animation-delay: 0.7s;}	

.bouncebutton {    -webkit-animation-duration: 2s; /* Chrome, Safari, Opera */
    animation-duration: 2s; -webkit-animation-delay: 0.5s; /* Chrome, Safari, Opera */
    animation-delay: 0.5s;
	
	}



.divider {
    height:50px;clear:both;
}




#redbubbleback {background-image:url('../images/bubbles2.jpg'); background-size:cover;background-attachment:fixed; z-index:0;color:#ffffff;}
#cordialbubbleback {background-image:url('../images/limes.jpg'); background-size:cover;background-attachment:fixed; z-index:0;color:#ffffff;}
#frozenbubbleback {background-image:url('../images/ice.jpg'); background-size:cover;background-attachment:fixed; z-index:0;color:#ffffff;}
#shotzbubbleback {background-image:url('../images/purplesplash.jpg'); background-size:cover;background-attachment:fixed; z-index:0;color:#ffffff;}
#juicebubbleback {background-image:url('../images/cranberries.jpg'); background-size:cover;background-attachment:fixed; z-index:0;color:#ffffff;}
#winebubbleback {background-image:url('../images/winesbg.jpg'); background-size:cover;background-attachment:fixed; z-index:0;color:#ffffff;}
#energybubbleback {background-image:url('../images/retroredbg.jpg'); background-size:cover;background-attachment:fixed; z-index:0;color:#ffffff;}

#colabubbleback {background-image:url('../images/cola-ice.jpg'); background-size:cover;background-attachment:fixed; z-index:0;color:#ffffff;}
.retroredbord {border:3px solid #EC1D25}
.whitebord {border:3px solid #ffffff}
.lead {font-weight:600}
.semiboldtext {font-weight:600}


.headingpanel {display:inline-block;background-color:rgba(0,0,0,0.75); color:#ffffff;padding:20px }


section {
   min-height:500px;
    padding-top:50px;
    padding-bottom:50px;
    overflow:auto;
}

.bg-1 {
	background: url('../images/cola-splash-bar.jpg') no-repeat center center fixed;
    color:#fff;
    background-size:cover;
}
  
.bg-2 {
	background: url('../images/frozen.jpg') no-repeat top center fixed;
    color:#fff;
    background-size:cover;
}

.bg-3 {
	background: url('../images/cordial.jpg')  no-repeat bottom center fixed;
    color:#fff;
    background-size:cover;
}

.bg-4 {
	background: url('../images/cola-pour.jpg') no-repeat center center fixed;
    color:#fff;
    background-size:cover;
}


h1.productsheader {margin-top:200px;font-size:65px;text-shadow: 1px 3px 2px rgba(0, 0, 0, 1);}

#retroredwrapper {background-color:#EC1D25;color:#fff;padding:30px 0;}

.frozenpanel {background-color:rgba(255,255,255,0.5); padding:40px;margin-top:80px;color:#111}
.cordialpanel {background-color:rgba(238,41,47,0.85); padding:40px;margin-top:50px;margin-bottom:50px;color:#fff}
.redpanel {background-color:#EC1D25;color:#fff;padding:30px;}


.contactglyph {font-size:60px;color:#EC1D25}
#alertmessage {background-color:#EC1D25;color:#fff;}

@media screen and (max-width: 991px) 
{
#pagetopper {height:90px;}
#citrosoftsnav2 {height:90px}
#citrosoftsnav2 .navbar-header {height:90px}


#moblogo {max-height:60px}
.navbar-toggle {margin-top:20px;margin-right:5px}
.icon-bar {background-color:#EC1D25}
.navbar-collapse {width:100%!important;background:#fff;}
#mobnavwrap {width:100%!important;margin-left:0!important;margin-right:0!important;}
#rightnav {width:100%!important;padding-left:0;padding-right:0;margin:0}
#rightnav li {width:100%!important}
#rightnav a {padding-top:5px;padding-bottom:5px;width:100%!important}

#citrosoftsnav2   .navbar-nav a { font-size:13px!important;}
#citrosoftsnav2 .dropdown-menu {color:#EC1D25!important;background-color:#fff!important;padding:0;border:0;box-shadow:none;}
#citrosoftsnav2 .dropdown-menu a {color:#EC1D25!important;background-color:#fff!important;padding:2px 0 2px 25px;border:0;height:auto;font-size:11px; }
#citrosoftsnav2 .dropdown-menu a:hover, #citrosoftsnav2 .dropdown-menu a:focus {color:#fff!important;background-color:#EC1D25!important; border:0;height:auto}


h1 {font-size:25px;margin:5px 0;}
h2 {font-size:20px}
.divider { height:20px;clear:both;}

 .bounce1,.bounce2,.bounce3,.bounce4,.bounce5,.bounce6 { -webkit-animation-delay: 0s; /* Chrome, Safari, Opera */
    animation-delay: 0s;}
	.navbar-fixed-top .navbar-collapse { max-height: 999px;}
	.stockisttable {font-size:13px}
	.left-mob {text-align:center;}
}


@media screen and (max-width: 500px) 
{
 .circlewrapper {padding:15px 25% 5px 25%}
}

@media screen and (min-width: 992px) 
{
#citrosoftsnav2   .navbar-nav a {height:126px;padding-top:55px; }
#citrosoftsnav2 .dropdown-menu {color:#fff!important;background-color:#EC1D25!important;padding:0;border:1px solid #CD1014;border-top:4px solid #EC1D25;border-left:1px solid #CD1014;box-shadow:none;}
#citrosoftsnav2 .dropdown-menu a {color:#fff!important;background-color:#EC1D25!important;padding:5px 10px;border:0;height:auto;font-size:12px; }
#citrosoftsnav2 .dropdown-menu a:hover, #citrosoftsnav2 .dropdown-menu a:focus {color:#fff!important;background-color:#CD1014
!important; border:0;height:auto}
	.stockisttable {font-size:13px}
}
/*

html, body {background-color:#ffffff;height:100%;font-family:'Open Sans';font-size:15px;color:#111}

h1 {margin:0;padding:0;font-family:'castletregular';color:#E40E32}

#slidewrap {height:40px; }
h1.captionh1 {margin:40px 30px;padding:20px 30px;border:2px solid #E40E32;font-family:'castletregular';color:#E40E32;display:inline-block;float:right;background-color:#ffffff;}






h2 {font-size:20px;letter-spacing:-0.03em;margin:10px 0;font-family:'castletregular';color:#E40E32}

.mainpanel {height:100%;background-size:cover;background-attachment:fixed; z-index:0;color:#ffffff; }

#mainpanelindex {background-image:url('../images/bubbles.jpg'); }
#mainpanelcordials {background-image:url('../images/cordial.jpg'); }
#mainpanelpostmix-syrups {background-image:url('../images/cola-pour.jpg'); }
#mainpanelretrored-energy-drink {background-image:url('../images/retroredbg.jpg'); }
#mainpanelshotz {background-image:url('../images/bubbles.jpg'); }
#mainpanelfrozen-drinks {background-image:url('../images/frozenbg.jpg'); }
#mainpaneljuice-drinks {background-image:url('../images/bubbles.jpg'); }
#mainpanelwines {background-image:url('../images/winesbg.jpg'); }
.spacer {height:30px}


.whitebg {background:#ffffff;color:#111111}
.transwhitebg {background:rgba(255,255,255,0.85); color:#111111}
.transredbg {background:rgba(238,41,47,0.85); color:#ffffff }

#leftnav {background:#ffffff; position:fixed;width:280px;height:100%;text-align:center;padding:20px;  -webkit-box-shadow: 5px 0 5px -2px  rgba(0,0,0,0.25);  box-shadow: 5px 0 5px -2px  rgba(0,0,0,0.25); z-index:100;color:#111111;font-size:13px}
#leftnav ul {list-style-type:none;padding:0; margin:0}
#leftnav ul li {padding:2px 0; margin:1px 0;}
#leftnav ul li:hover {color:#E40E32;}
#leftnav a {color:#111111;text-decoration:none}
#leftnav a:hover {color:#E40E32;text-decoration:none}
#maincontentarea {position:relative;padding-left:280px; z-index:1;min-height:1000px}
#maincontentareainner {margin:0 20px;background:transparent;}
.maincontentareainner {margin:20px;background:transparent;}
.maincontentareainner2 {margin:50px;background:transparent;}
#carousel-cit {}
.carousel-caption {left:70%;top:30%;right:0;bottom:auto; background:#E40E32;color:#fff;font-size:20px;text-shadow:none}
.page-caption {display:inline-block;float:right;margin-top:30px;right:0;bottom:auto; background:#fff;color:#E40E32;font-size:20px;text-shadow:none;padding:20px}
*/