/* default */
@font-face {
    font-family: 'proxima_nova';
    src: url('fonts/proxima-nova/bold/proxima_nova_bold-webfont.eot');
    src: url('fonts/proxima-nova/bold/proxima_nova_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/proxima-nova/bold/proxima_nova_bold-webfont.woff2') format('woff2'),
         url('fonts/proxima-nova/bold/proxima_nova_bold-webfont.woff') format('woff'),
         url('fonts/proxima-nova/bold/proxima_nova_bold-webfont.ttf') format('truetype'),
         url('fonts/proxima-nova/bold/proxima_nova_bold-webfont.svg#proxima_novabold') format('svg');
    font-weight: 700;
    font-style: normal;

}

@font-face {
    font-family: 'proxima_nova';
    src: url('fonts/proxima-nova/semi-bold/ProximaNova-Semibold.eot');
    src: url('fonts/proxima-nova/semi-bold/ProximaNova-Semibold.eot?#iefix') format('embedded-opentype'),
        url('fonts/proxima-nova/semi-bold/ProximaNova-Semibold.woff2') format('woff2'),
        url('fonts/proxima-nova/semi-bold/ProximaNova-Semibold.woff') format('woff'),
        url('fonts/proxima-nova/semi-bold/ProximaNova-Semibold.ttf') format('truetype'),
        url('fonts/proxima-nova/semi-bold/ProximaNova-Semibold.svg#ProximaNova-Semibold') format('svg');
    font-weight: 600;
    font-style: normal;
}

@font-face {
	font-family: 'proxima_nova';
	src: url('fonts/proxima-nova/regular/ProximaNovaRegular.eot');
	src: url('fonts/proxima-nova/regular/ProximaNovaRegular.woff') format('woff'), 
		 url('fonts/proxima-nova/regular/ProximaNovaRegular.ttf') format('truetype'), 
		 url('fonts/proxima-nova/regular/ProximaNovaRegular.svg') format('svg');
	font-weight: 400;
	font-style: normal;
}


@import url('https://fonts.googleapis.com/css?family=Pacifico');
h1,h2,h3,h4,h5{ padding:0; margin:0; }
.hidden{ text-indent:-999em; overflow:hidden;}
hr.hide-line{ padding:0; margin:0; display:none;}
.clear{ clear:both;}
.clearfix:after {content:"."; display:block; height:0; clear:both;visibility:hidden;}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}/* End hide from IE Mac */
*{margin: 0; padding:0;}
a{text-decoration: none;}

/* Body */
body{ font: 100% Arial, Helvetica, sans-serif; background:url(../images/body-bg-top.jpg) repeat-x #fff; margin:0; padding:0; text-align: center; color:#444444;}
.row{min-width:1200px; margin: 0 auto; max-width: 1200px;}
.row2{max-width:1600px; margin: 0 auto; min-width: 1200px;}
.main-wrapper, #main-wrapper, #banner, #program-section {min-width: 1200px;}
.left{float: left;}
.right{float: right;}

.btn {width: 175px; height: 51px; line-height: 51px; background: #0001B2; border-radius: 25px; margin: 10px auto; text-align: center; transition: all .5s ease-out; border: 1px solid transparent;}
.btn a {font-family: 'Pacifico', cursive; font-size: 17px; color: #FFF; transition:  all .5s ease-out;}

.btn:hover {background: #FFF; border: 1px solid #0001B2;}
.btn:hover > a {color: #0001B2;}
.marg-top{margin-top: 20px;}

/* header */
#header{ background:#fff; text-align:left; min-height:145px; margin:0 auto;font-family: 'Source Sans Pro', sans-serif; min-width: 1200px;}
#header .logo{padding: 10px 0;}
#header .right{}
#header .right span{background: url(../images/cl.png) no-repeat center left; font-size: 24px; color: #0002B2; padding:0 0 0 32px; vertical-align: middle; margin: 0 0 0 16px;font-weight: bold;}
#header .right span.dl{margin: 0 25px 0 16px; }
#header p{font-size: 14px;}
#header p.top{font-size: 13px; color: #000; margin: 44px 0 2px; font-weight: bold;}
#header .sc p.top{margin: 44px 0 6px;}
#header .inl{display: inline-block; vertical-align: top;}
#header .sc{margin: 0 0 0 40px;}
#header .sc p img{margin: 0 12px 0 0;}
#header .sc p img.lst{margin: 0;}

/*#head-nav{background: url(../images/nav.jpg) repeat-x center top; background: #0002B2; border-top: 5px solid #F23F3B; border-bottom:5px solid #F23F3B; min-height: 68px; min-width: 1200px;}
#head-nav ul{text-align: center;padding: 0}
#head-nav ul li{font-size: 20px; display: inline-block; border-right:1px solid #418CCA; line-height: 68px;font-family: 'Source Sans Pro', sans-serif; font-weight: 700;}
#head-nav ul li:first-child{border-right:1px solid #418CCA;border-left:1px solid #418CCA;}
#head-nav ul li a{color: #fff; display: block; padding:0 20px;}
#head-nav ul li a:hover,#head-nav ul li.active-menu a{color: #B83E28; text-shadow: 1px 1px 0px #fff;}*/

/*HEADER REVS*/
.inl-blk {display: inline-block; vertical-align: top;}
#header .hd-top {background: #0001B2;}
#header .hd-top p {padding: 15px 0; font-family: 'proxima_nova', sans-serif; font-weight: 700; font-size: 12px; color: #FFF; letter-spacing: .05em;}
#header .hd-top p .hd-t {opacity: .5; margin-right: 10px; color: #fff;}
#header .hd-top p i {color: #FFF; margin: 0 5px;}
#header .hd-top p a {color: #FFF; font-size: 18px; font-weight: 600;}
#header .hd-top .social {text-align: left; width: 35%;}
#header .hd-top .tel {text-align: right; width: 64%;}
#header .hd-top .tel-num {padding: 0 10px; display: inline-block; vertical-align: middle; margin-top: -3px;}
#header .hd-top .tel-num:nth-of-type(2) {border-left: 1px solid rgba(255, 255, 255, .3); margin-left: 10px;}
#header .hd-top .tel-num:before {content: ""; background: url(../images/tel.png) no-repeat; width: 18px; height: 18px; display: inline-block; vertical-align: middle; margin-right: 10px;}

#header .hd-bot .logo {margin-right: 30px; padding: 23px 0;}
#header .hd-logo {width: 18%;}
#header #head-nav {box-sizing: border-box; padding: 61px 0 10px; width: 81%;}
#header #head-nav nav ul {padding: 0; margin: 0; list-style: none; text-align: right;}
#header #head-nav nav ul li {text-align: center; display: inline-block; vertical-align: top; margin-right: 22px;}
#header #head-nav nav ul li a {font-family: 'proxima-nova', sans-serif; font-weight: 400; font-size: 18px; color: #AAA; letter-spacing: .05em; padding: 25px 0;}
#header #head-nav ul li a:hover, #head-nav ul li.active-menu a {background: url(../images/nav-hov.png) center bottom no-repeat; color: #0001B2 !important;}

#banner{position: relative; margin: auto;}
#banner #slider {padding: 0;}
#banner #slider img {height:100%; width: 100%; max-height: 750px;}
#banner .row{position: relative; max-width: 1200px;}
.nivo-caption {	position:absolute; top: 135px; right: 0; left: 0; margin:0 auto;}
.circle{ position: absolute;/* margin-left: -5%;*/ bottom: 17%;  background: url(../images/bn-bg.png) center center no-repeat; color:#fff; width: 100%; max-width:424px;height:415px; z-index:8; padding: 4% 2%; box-sizing: border-box; text-align: center;}
.c-left{ left: 140px; right: 0!important; padding: 10px 55px!important;}
.c-left h2{ font-size: 35px!important }
.circle h2{font-size: 30px; line-height: 56px; font-family: 'Pacifico', cursive;font-weight: 400; margin-bottom: 30px;}
.circle h2 span{display: block;}
.circle p.btn{width:220px; min-height: 56px; margin: 0 auto; background: url(../images/btn.png) no-repeat center top; text-align: left; line-height: 56px; text-indent: 18px; font-size: 14px;font-family: 'Source Sans Pro', sans-serif; font-weight: 700; padding:0; position: relative; z-index: 999;}
.circle p.btn a{color: #fff; display: block!important; border:none; position: relative; z-index: 999;}

/* main */
#main-wrapper{background: url(../images/main2.png) no-repeat center top#fff; margin: auto; background-size: 100%;}
.inner #main-wrapper{background:none !important;}
#main {width:1200px;margin:0 auto; text-align:center;}
.home #main {width: auto;}
/* content */
#content{ min-height:300px; padding: 0 0 55px;}
#content h1{font-size: 48px; color: #0002B2; padding:90px 0 20px; font-family: 'Pacifico', cursive;}
#content h1 span {color: #FF345E;}
#content .svc-con {display: flex; justify-content: space-between;}
#content .svc-con dl {flex-basis: 24%;}
#content .svc-con dl dt {background-size: 95% auto; box-sizing: border-box; padding: 60px 0; margin-bottom: 10px;}
#content .svc1 dt {background: url(../images/svc1-bg.png) center center no-repeat;}
#content .svc2 dt {background: url(../images/svc2-bg.png) center center no-repeat;}
#content .svc3 dt {background: url(../images/svc3-bg.png) center center no-repeat;}
#content .svc4 dt {background: url(../images/svc4-bg.png) center center no-repeat;}
#content .svc-con dl dt img {width: 100%; max-width: 380px; height: 100%; max-height: 253px; border-radius: 15px;}
#content .svc-con dl dd {box-sizing: border-box; padding: 0 50px;}
#content .svc-con dl dd h2 {font-family: 'Pacifico', cursive; font-size: 36px;}
#content .svc1 dd h2 {color: #FFCC33;}
#content .svc2 dd h2 {color: #FF9966;}
#content .svc3 dd h2 {color: #FF6EFF;}
#content .svc4 dd h2 {color: #FF9933;}
#content .svc-con dl dd h3 {font-family: 'proxima_nova', sans-serif; font-weight: 700; font-size: 14px; color: #50BFE5; line-height: 120%;}
#content .svc-con dl dd p {font-family: 'proxima_nova', sans-serif; font-weight: 400; font-size: 17px; color: #595959; line-height: 120%; margin: 30px auto; min-height: 105px;}
#content .svc-con dl dd p span {font-weight: 700; color: #0000B2;}

/*program section*/
#head-nav ul li a:hover, #head-nav ul li.active-menu a {color:#ff0033;}
#program-section {background: url(../images/new-program2.jpg)no-repeat center top / cover;padding: 60px 0 10px;color:#fff; text-align: center;}
#program-section img {max-width: 200px;}
#program-section h2 {font-family: 'Pacifico', cursive;font-size: 48px; font-weight: 400;}
#program-section h3 {font-family: 'proxima_nova', sans-serif; font-weight: 600; font-size: 18px; letter-spacing: .1em;}
#program-section .btn {width: 175px; height: 51px; line-height: 51px; background: #FF355E; border-radius: 25px; margin: 30px auto;}
#program-section .btn a {font-family: 'Pacifico', cursive; font-size: 18px; color: #FFF;}

/*about section*/
#about-section{background: url(../images/main.jpg) no-repeat center top#fff; box-sizing: border-box; padding: 10px 0 50px; text-align: center; max-width: 1200px; margin: auto;}
#about-section h2{font-size: 48px; color: #0000B2; padding:42px 0 18px; font-family: 'Pacifico', cursive;}
#about-section h2 span {color: #FF345E;}
#about-section .map{margin: 0 20px 0 0;}
#about-section p.abt-text {max-width: 900px; margin: 20px auto 60px; text-align: center;}
#about-section p {font-size: 17px; color: #716C6C; line-height: 24px; text-align: left; margin: 0 0 22px; font-family: 'proxima_nova', sans-serif; font-weight: 400;}
#about-section p span{font-weight: bold; color: #0002B2;}
#about-section p.abt-text-btm {font-family: 'Pacifico', cursive; font-size: 18px; color: #0000B2; line-height: 24px; margin: 40px auto;}
.inl-blk {display: inline-block; vertical-align: top; width: 49%;}
#about-section .inl-blk {box-sizing: border-box; padding: 0 25px;}
#about-section .abt-right {text-align: left; box-sizing: border-box; padding-top: 25px;}
#about-section .mapcon {background: url(../images/map-bg.png)center center no-repeat; max-width: 592px; max-height: 478px; width: 100%; height: 100%; background-size: 100% 100%;}
#about-section .mapcon img {max-width: 342px; padding: 45px 0;}
#about-section .btn {margin: 10px 0;}

.content-bottom{background: url(../images/main2.png) no-repeat center top#fff; min-width: 1200px; text-align: center; padding-bottom: 20px;}
.content-bottom h2{font-size: 24px; color: #0001B2; padding:70px 0 10px; font-weight: 400;}
.content-bottom img {max-height: 80px; max-width: 150px; margin-top: 33px; margin-left: 20px;}
.content-bottom .jssorb057 .i .b {stroke: #AAF0D1;  stroke-opacity: 1;}
.content-bottom .jssorb057 .iav .b {fill: #0001B2;}

#footer-top{background: url(../images/ftop2.jpg) no-repeat center top; color: #fff; margin: 0 auto; min-width: 1200px; background-size: cover; text-align: center; padding: 30px 0;}
#footer-top h2{font-size: 48px; font-family: 'Pacifico', cursive; font-weight: 400; text-align: center; color: #50BFE5;}
#footer-top h2 span {color: #FF345E;}
#footer-top .logo{padding:20px 0 0; max-width: 382px;}
#footer-top .ft-social {margin: 40px auto 0;}
#footer-top .ft-social span {font-family: 'Pacifico', cursive; font-size: 18px; color: #50BFE6; margin-right: 20px;}
#footer-top .ft-social a {color: #FFF; font-size: 18px; margin: 0 5px;}
#footer-top .inl {display: inline-block; vertical-align: top; margin: 30px 50px 0;font-family: 'Roboto', sans-serif; text-align: left;}
#footer-top .inl h3{font-size: 18px; line-height: 36px; font-weight: 400; font-family: 'Pacifico', cursive; font-size: 18px; color: #50BFE6;}
#footer-top .inl p{font-size: 18px; line-height: 36px; font-family: 'proxima_nova', sans-serif; font-weight: 400; color: #fff;}
#footer-top .inl p span{font-weight: 700;}
#footer-top .inl a {color: #FFF;}
#footer-top .ft-loc:before {content: ""; background: url(../images/ft-loc.png) no-repeat; display: inline-block; vertical-align: middle; width: 23px; height: 23px; margin-right: 10px;}
#footer-top .ft-tel:before {content: ""; background: url(../images/ft-tel.png) no-repeat; display: inline-block; vertical-align: middle; width: 23px; height: 23px; margin-right: 10px;}
#footer-top .ft-email:before {content: ""; background: url(../images/ft-email.png) no-repeat; display: inline-block; vertical-align: middle; width: 23px; height: 23px; margin-right: 10px;}

/* footer */
#footer{ min-width: 1200px; padding: 20px 0; border-top: 1px solid #FFF; background: #0001B2;}
#footer nav{}
#footer nav ul{text-align: center;}
#footer nav ul li{display: inline-block; font-size: 14px; padding:0 6px 0 4px;font-weight: 300; margin: 0 5px;}
#footer nav ul li:last-child{background: none;}
#footer nav ul li a{font-family: 'proxima-nova', sans-serif; font-weight: 400; font-size: 18px; color: #FFF; letter-spacing: .05em; padding: 25px 0;}
#footer nav ul li a:hover,#footer nav ul li.active-menu a{background: url(../images/nav-hov.png) center bottom no-repeat;}
#footer p{font-family: 'proxima-nova', sans-serif; color: #fff; font-size: 14px; padding:30px 0 0; font-weight: 400; letter-spacing: .1em; text-align: center; }
#footer p a {color: #FFF;}

#main #content.inner{text-align: left; padding: 0 10px;}
#main #content.inner h1{margin: 0 0 18px; text-align: center;}
#main #content.inner .sect{width:500px; margin: 0 auto; background:rgba(45, 109, 162, 0.8); color: #fff; text-align: center;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 12px;}
#main #content.inner .sect .tp{font-family: 'Source Sans Pro', sans-serif; font-weight: 700; font-size: 25px;}
#main #content.inner .sect .Form_Full{margin: 12px 0 0;}
#content form input[type=submit]{background: #ff0000; color: #fff; border:none; padding: 12px 20px; margin: 10px 0 0;font-family: 'Roboto', sans-serif; font-weight: 700; font-size: 20px;}
#main #content.inner h2{padding: 0 0 12px; color: #0002b2;font-family: 'Pacifico', cursive;  font-weight: 700; font-size: 30px; text-align: center; border-bottom: 1px solid #0000B2; width: fit-content; margin: auto;}
#main #content.inner p{margin: 0 0 16px;}
#main #content.inner .inls{display: block; vertical-align: top; width:500px; margin: 0 auto;}
#main #content.inner .inls h2{text-align: center;}
#main #content.inner .inls img.left{margin-right: 10px;}
/*#main #content.about .map{margin: 0 20px 0 0;}
#main #content.about p.fs{margin: 70px 0 22px;}
#main #content.about p{font-size: 15px; color: #333333; line-height: 24px; text-align: left; margin: 0 0 22px;}
#main #content.about p span{font-weight: bold; color: #0002b2;}*/

#content form input[type=text], #content form textarea{ width:405px;font-family: 'Source Sans Pro', sans-serif; color: #444444; border:1px solid #578AB4; padding:10px; font-size: 16px;}
::-webkit-input-placeholder {color: #444444;}
:-moz-placeholder {color: #444444; opacity: 1;}
::-moz-placeholder {color: #444444; opacity: 1;}
:-ms-input-placeholder {color: #444444;}

/* gallery */
#content .gallery { list-style: none; margin:0; padding:15px 0 0 25px; display:inline-block;}
#content .container { margin:0; padding:0; }
#content .content li { display: inline-block; text-align:center; margin:0; color:#000000; position: relative;}
#content .gallery li a{ text-decoration:none;}
#content .gallery li img{ border:1px solid #2E6DA2; width:200px; height:200px; padding:4px;}
#content .lst li img{ border:1px solid #2E6DA2; width:200px; height:300px; padding:4px;}
#content .gallery li:hover img{ border:1px solid #2E6DA2; background:#418DCB;}
#content .gallery li span{ font-family:Arial; font-size:10px; line-height:1 !important; display:inline-block;}

#content .content li:hover .capt {display: block;}
#content .content li .capt {display: block; position: absolute; background:rgba(45, 109, 162, 0.6); display: none; top: 0; border-radius: 10px;}
#content .content li .capt p {line-height: 20px; margin: 0; font-family: 'Source Sans Pro', sans-serif; font-weight: 700; font-size: 20px; text-shadow: 1px 1px 0px #000; text-align: center;}
#content .content li .capt p a {display: block; padding: 90px 0; color: #fff; opacity: 1;}

#content .gallery.gall-fs li img {height: 151px;padding: 24.5px 10px;width:180px;}

#content .page_navigation{ padding:20px 0 20px 0; margin:0; text-align:center;}
#content .page_navigation a,.ellipse{ text-align:center; display:inline-block; margin:0 3px; color:#2E6DA2; background:none; padding:3px 5px 3px 5px; text-decoration:none; font-size:12px; font-weight:bold; font-family:Arial; border:1px solid #2E6DA2;}
#content .page_navigation a:hover, #content .page_navigation a.active_page{ display:inline-block; margin: 0 3px; color:#B83E28; text-decoration: underline;}

.img-fr{ float: right; box-shadow: 0 0 10px #000; margin:0 0 10px 20px; max-width: 300px; }
.img-fl{ float: left; box-shadow: 0 0 10px #000; margin:120px 20px 10px 0; width: 25%; }
.text-r{ width: 70%; float: right; }
.text-r ul{ padding: 0 0 0 30px; }
.link{ text-decoration: underline; color: #0002b2 }
.red{ color: #B83E28!important }
.dsd-img{ margin-top:118px; }
.sp-col{ display: inline-block; vertical-align: top; width: 45%; margin: 10px; }
.sp-col.txt {padding:85px 0 0;}
.sp-col p{ text-align:  left;}
.ul-check{padding-left: 40px;text-indent: 2px;list-style: none;list-style-position: outside; text-align: left; }
.ul-check li:before{content: '✔';   margin-left: -1em;margin-right: .100em;}

.svc-pg dl {margin: 0 auto 35px ;padding: 0 0 20px;border-bottom:1px solid #ddd; }
.svc-pg dt {float:left; width:25%;}
.svc-pg dt img {max-width: 100%; box-shadow: 2px 2px 2px rgba(0,0,0,0.4); padding:5px; box-sizing: border-box; min-height: 160px;}
.svc-pg dl:nth-of-type(even) dt {float:right;}
.svc-pg dl:nth-of-type(even) dd {float:left;}
.svc-pg dd {float:right;width:70%;margin: 0 auto}
.svc-pg dd.clearfix,.svc-pg dl:nth-of-type(even) dd.clearfix  {float:none;width: 100%;padding: 0;margin:0 auto}
#content.svc-pg ul {padding: 0 0 0 20px}
#content.svc-pg p a ,#content .chk a {text-decoration: none;color:#0002b2;font-weight: 700}
.fs2 {max-width: 300px;box-shadow: 2px 2px 2px rgba(0,0,0,0.4);float:left;margin: 0 4em 1em 0}
.chk {margin: 50px auto}
#content .chk {text-align: center;}
#content .chk h3 {color:#0002b2;font-size: 25px;margin: 0 auto 15px;background: url(../images/red2.jpg)no-repeat center bottom;padding: 0 0 25px}
#content .chk p {font-size: 20px}
#content #cat_gal7b .gallery-img li{flex-basis: 31%;}
#content #cat_gal7b .gallery-img li img{max-width: 100%;}

body .fancybox-title-outside-wrap {position: absolute;left:50%;transform: translateX(-50%);}
.fancybox-opened {top:5% !important;}

.sp-pg  .left ,.sp-pg  .right {width: 49%}
.sp-top .left {width: 40%}
.sp-top .right {width: 58%}
.sp-pg  img {max-width: 100%}
#main #content.inner .sp-top h2 {font-family: "Pacifico", cursive;font-weight: 300;font-size: 39px;line-height: 120%;text-align: center;margin: 0 auto 20px}
#main #content.inner.sp-pg {text-align: center;}
.sp-pg .bb-logo {max-width: 300px;margin: 0 auto 30px}
.sp-pg .novelties {width: 100%}
.allergen {text-align: left;margin: 20px auto 0}
#main #content.inner.sp-pg .allergen h2 {background: #0002b2;color:#fff;line-height: 100%;padding:10px;font-size: 30px;font-family:Arial;margin:0 auto 10px;}
#main #content.inner.sp-pg .allergen p {font-size: 20px}

#main #content.inner.sp-pg .menu h2 {font-weight: 900;font-size: 35px;line-height: 120%;font-family: Arial}
.menu h3 {font-weight: 700;font-size: 28px;line-height: 120%}
.sp-pg .cont {margin: 40px auto 0}
.sp-pg .cont h4 {font-size: 30px;font-weight: 900}
.sp-nutri .right {margin: 80px auto 0}
.sp-top .right {margin: 120px auto 0}
.sp-top , .sp-mid ,.sp-bot {margin: 0 auto 50px;padding: 0 0 50px;border-bottom:5px dashed #eee;}
.sp-mid .left, .sp-mid .right {margin: 0 auto 15px}
#main-wrapper.grad {background:linear-gradient(#fff, #99daf2);}

#main #content.inner p.bigger {font-size:22px ;}
#main #content.inner p.bigger a {color:#0002b2;font-weight: 700;}

.white-popup {position: relative;background: #FFF;padding: 20px;width: auto;max-width: 600px;margin: 20px auto; text-align: center; border-top: 5px solid #0002B2; border-bottom: 5px solid #0002B2;}
.package{ position: relative; text-align: center }
.package dl{ width: 45%; display: inline-block; vertical-align: top; border: 1px solid #ccc;  margin: 30px 20px; box-sizing: border-box; padding: 20px; }
.package dl:hover{box-shadow: 0 0 10px #ccc;}
.package dl dt img{ width: 100%; }
.package dl dd{ text-align: center; font-size: 30px; font-family: "Pacifico", cursive; }
.package dl dd a{ color: #0002B2;}
.cus{ background: #0002B2; border-radius: 50%; color: #fff; font-weight: 400; display: block; width: 200px; height: 200px; font-size: 30px; box-sizing: border-box; padding: 40px 20px 0; text-align: center; position: absolute; left: 0; right: 0; margin: 0 auto; top: 40%; font-family: 'Pacifico', cursive;  line-height: 130%}
.white-popup h2{font-family: "Pacifico", cursive; font-weight: normal; color: #0002B2;}
.white-popup table {border-collapse: collapse; width: 100%;}
.white-popup td, .white-popup th { border: 1px solid #dddddd; text-align: left; padding: 8px;}
.white-popup tr:nth-child(even) { background-color: #dddddd;}
.white-popup h3{ margin: 10px 0; }

ol,ul{ line-height: 2; padding-left: 30px; }

.md-box {text-align: center;}
.md-tw , .md-fb {width:500px;display: inline-block;vertical-align: top;margin: 40px 20px 0}

.img-con {display: inline-block; vertical-align: top; margin-bottom: 30px;}
.img-con img {transition: all .5s ease-out;}
.img-con img:hover {transform: scale(1.05);}
.img-con-l {width: 34%;}
.img-con-r {width: 65%;}
.top-img {width: 100%; margin-bottom: 10px;}
.btm-img {width: 49%; display: inline-block; vertical-align: top; height: 226px;}
.btm-img-l {margin-right: 10px;}
.btm-img-r {margin-left: 10px;}


/*inner page*/
.inner #header {border-bottom: 1px solid #AAA;}
.inner .breadcrumb {font-family: 'proxima_nova', sans-serif; font-size: 18px; font-weight: 400; color: #AAA; text-align: left; margin-top: 20px !important; margin-bottom: 0 !important;}
.inner .breadcrumb a {color: #AAA;}
.inner .breadcrumb a:hover {color: #0000B2;}
.inner .breadcrumb span {font-weight: 700; color: #0000B2;}
.inner #content h1 {margin-bottom: 50px;}
.inner p {font-family: 'proxima_nova', sans-serif; font-weight: 400; font-size: 17px; color: #595959; line-height: 21px; margin-bottom: 20px;}
.inner p span {font-weight: 700; color: #0000B2;}
.inner p.cursive {font-family: 'Pacifico', cursive; font-size: 17px; color: #0000B2;}
.inner .sp-logo {max-width: 360px; display: block; margin: auto;}
.inner.about h1 small{display: block; font-family: 'proxima_nova', sans-serif; font-size: 17px; color: #FF0000;}

/*product page*/
.svc-con-inner {display: flex; justify-content: space-between;}
.svc-con-inner dl {flex-basis: 50%;}
.svc-con-inner dl dt {min-height: 536px; margin-bottom: 30px;}
.svc-con-inner dl dd h2 {background: none !important; font-family: 'Pacifico', cursive !important; font-size: 48px !important; line-height: 120%; margin-bottom: 30px; }
.svc-con-inner .dsd-inner h2 {color: #CFBDB0;}
.svc-con-inner .vending-inner h2 {color: #FFCAB0;}
.svc-con-inner dl dd {box-sizing: border-box; padding: 0 55px;}
.svc-con-inner dl dd h3 {font-family: 'proxima_nova', sans-serif; font-weight: 700; font-size: 14px; line-height: 120%; margin-bottom: 30px; color: #0000B2;}
.svc-con-inner dl dd p {line-height: 21px; margin-bottom: 30px; min-height: 65px;}

/*dsd page*/
.page-top {padding-bottom: 30px;}
.page-right {text-align: left; padding: 20px 0 0 50px; box-sizing: border-box;}
.page-prod-wrapper {background: url(../images/main2.png) no-repeat center top#fff;}
.page-prod-list {display: flex; justify-content: space-between; min-width: 1200px; max-width: 1200px; margin: auto;flex-wrap: wrap; background: url();}
.page-prod-list dl {flex-basis: 31%; padding-bottom: 40px; margin: 0 10px;}
.page-prod-list dl dt {max-height: 360px; line-height: 360px;}
.page-prod-list dl dt img {vertical-align: middle;}
.page-prod-list dl dd h3 {font-family: 'Pacifico', cursive; font-size: 30px; margin: 30px auto;}
        /*prod list bg*/
.page-prod-list dl:nth-of-type(1) dt, .page-prod-list dl:nth-of-type(10) dt {background: url(../images/prod1-bg.png) center center no-repeat; background-size: 100% 100%;}
.page-prod-list dl:nth-of-type(2) dt, .page-prod-list dl:nth-of-type(11) dt {background: url(../images/prod2-bg.png) center center no-repeat; background-size: 100% 100%;}
.page-prod-list dl:nth-of-type(3) dt, .page-prod-list dl:nth-of-type(12) dt {background: url(../images/prod3-bg.png) center center no-repeat; background-size: 100% 100%;}
.page-prod-list dl:nth-of-type(4) dt, .page-prod-list dl:nth-of-type(13) dt {background: url(../images/prod4-bg.png) center center no-repeat; background-size: 100% 100%;}
.page-prod-list dl:nth-of-type(5) dt {background: url(../images/prod5-bg.png) center center no-repeat; background-size: 100% 100%;}
.page-prod-list dl:nth-of-type(6) dt {background: url(../images/prod6-bg.png) center center no-repeat; background-size: 100% 100%;}
.page-prod-list dl:nth-of-type(7) dt {background: url(../images/prod7-bg.png) center center no-repeat; background-size: 100% 100%;}
.page-prod-list dl:nth-of-type(8) dt {background: url(../images/prod8-bg.png) center center no-repeat; background-size: 100% 100%;}
.page-prod-list dl:nth-of-type(9) dt {background: url(../images/prod9-bg.png) center center no-repeat; background-size: 100% 100%;}
        /*prod list btn*/
.page-prod-list .btn:hover > a {color: #0001B2;}        
.page-prod-list dl:nth-of-type(1) .btn:hover, .page-prod-list dl:nth-of-type(10) .btn:hover {background: #50BFE6;}
.page-prod-list dl:nth-of-type(2) .btn:hover, .page-prod-list dl:nth-of-type(11) .btn:hover {background: #FF6EFF;}
.page-prod-list dl:nth-of-type(3) .btn:hover, .page-prod-list dl:nth-of-type(12) .btn:hover {background: #FFCC33;}
.page-prod-list dl:nth-of-type(4) .btn:hover, .page-prod-list dl:nth-of-type(13) .btn:hover {background: #AAF0D1;}
.page-prod-list dl:nth-of-type(5) .btn:hover {background: #FF9933;}
.page-prod-list dl:nth-of-type(6) .btn:hover {background: #FF5F37;}
.page-prod-list dl:nth-of-type(7) .btn:hover {background: #FD5B78;}
.page-prod-list dl:nth-of-type(8) .btn:hover {background: #50BFE6;}
.page-prod-list dl:nth-of-type(9) .btn:hover {background: #EE34D2;}

/*school page*/
.sp-logo {padding-bottom: 20px;}
.bot-line {border-bottom: 5px dashed #eee; padding-bottom: 50px; margin-bottom: 50px;}
.sp-prod img {width: 100%; max-width: 31%; display: inline-block; vertical-align: top; margin: 10px; border-radius: 10px; box-shadow: 0px 10px 20px -10px #000;}
.sp-prod .btn, .sp-nutri .btn {width: 310px;}
.rich-text {text-align: left; width: 70%; margin: 0 auto;}
.rich-text span {color: #0000B2; font-weight: 700;}
.sp-img-top {max-width: 90%;}
.center{max-width: 826px; width: 100%; text-align: center; margin:0 auto;}

#content .prod-wrap .prod-name {color: #fff!important; text-shadow: 0 0 5px #000;}
#content .prod-wrap img {border-radius: 10px;}
#content .gallery li p.prod-name {height: 22px;}

/*menu pages*/
#content .gallery {display: flex; justify-content: space-between; flex-wrap: wrap; padding: 15px 10px!important;}
#content .gallery li {flex-basis: 49%; border: 1px solid #AAA; border-radius: 10px; margin: 0 0.4% 10px;}
#content .gallery li img {border: none;}
#content .gallery li:hover img {border: none; background: none;}
#content .content li .capt {width: 100%; height: 100%;}
#content .gallery .inl-blk {vertical-align: middle;}
#content .gallery li:nth-child(even) img {float: right; margin-right: 35px;}
#content .gallery li:nth-child(even) p.prod-name {padding: 83px 0; text-align: left}
#content .gallery li:nth-child(odd) p.prod-name {text-align: right;}
#content .prod-wrap {margin-bottom: 30px; border: 1px solid #0000B2; box-sizing: border-box; padding: 10px; border-radius: 10px;}
#content .prod-wrap h2 {font-family: 'Pacifico', cursive; font-size: 50px;}
#content .gallery .prod-name {font-family: 'Pacifico', cursive; font-size: 25px; color: #0002b2;}
#content .bb-img {list-style: none; text-align: center;}
#content .bb-img li {margin-top:  30px; position: relative;}
#content .bb-pints li {height: auto; text-align: left !important;}
#content .bb-pints li p {padding: 20px 0 20px 20px !important; text-align: left !important; margin-bottom: 0;}
#content .gallery-img {list-style: none; display: flex; justify-content: space-between; flex-wrap: wrap;}
#content .gallery-img li {flex-basis: 18%; margin: 0 10px 10px; }
#content .gallery-img li img {width: 100%; max-width: 200px; border: 1px solid #AAA; border-radius: 10px; padding: 2px;}
#content .gallery-single {display: flex; justify-content: space-between; flex-wrap: wrap;}
#content .gallery-single li {flex-basis: 100%; text-align: left; border: 1px solid #AAA; margin-top: 10px; border-radius: 10px;}
#content .gallery-single li p {padding: 20px 0 20px 20px; font-family: 'Pacifico', cursive; font-size: 25px; color: #0002b2; margin-bottom: 0;}
#content .rosati-img {box-sizing: border-box; padding: 70px 0; }
#content .rosati-img img {max-width: 400px;}
#content .joy-cones-img img {max-width: 200px;}
#content .joy-cones-img .cone3 {max-width: 300px; display: block; margin: 0 auto 10px;}
#content .mrsfresh .fresh-text {text-align: right;}
#content .mrsfresh .inl-blk {vertical-align: middle;}
#content .cone-text {padding: 10px 0;}
.inner .prod-list img {width: 100%;}
#content .boxscore-img img {max-width: 350px;}
.fancy-img {transition: all .5s ease-out;}
.fancy-img:hover {transform: scale(1.02); box-shadow: 0px 10px 20px -10px #000;}

/*services page*/
.svc-sec {columns: 2; list-style: disc inside; margin-bottom: 20px;}
.svc-sec li {width: 125%;}

/* background color */
.bgPink {background: #FFB6FF!important;}
.bgPeach {background: #FFB9A8!important;}
.bgRed {background: #FE9BAD!important;}
.bgOrange {background: #FFCFA0!important;}
.bgYellow {background: #FFE9A6!important;}
.bgGreen {background: #D9F8EB!important;}
.bgBlue {background: #A6DEF2!important;}
.capt.bgPink, .capt.bgPeach, .capt.bgRed, .capt.bgOrange, .capt.bgYellow, .capt.bgGreen, .capt.bgBlue {opacity: 0.9!important;}

@media screen and (max-width: 768px) {
    #content .svc-con {flex-wrap: wrap;}
    #content .svc-con dl {flex-basis: 100%; box-sizing: border-box; padding: 0 200px;}
    #content .svc-con dl dt {background-size: contain;}
    #main #content.inner h2 {width: auto; border-bottom: none;}
    .inner {padding: 0 10px;}
}