/*
#FC0C6A = magenta
.container = 1200px
mainFont = 'Comfortaa'
SubMainFont = 'Fira Sans'
*/

@import url('https://fonts.googleapis.com/css?family=Comfortaa|Fira+Sans&subset=latin-ext');
@import url('https://fonts.googleapis.com/css?family=Pacifico&subset=latin-ext');

body {font-family: 'Fira Sans', sans-serif;}
a {color:#444444;}

/* .container {width:1200px} */
.animate {transition: all 0.3s cubic-bezier(.25,.8,.25,1);}
.round10 {-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;}
.round5 {-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
.round2 {-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;}
.circle {-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;}
.transition {-webkit-transition: all 300ms ease;-moz-transition: all 300ms ease;-ms-transition: all 300ms ease;-o-transition: all 300ms ease;transition: all 300ms ease;}
.shadow {box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);}
.txtshadoww {text-shadow: 1px 1px 0px rgba(255, 255, 255, 1);}
.txtshadowb {text-shadow: 1px 1px 0px rgba(0, 0, 0, 1);}
.reverse-row-order{flex-direction:row-reverse;}
.vertical-aligned {position:relative;top:50%;transform:translateY(-50%);}
@media screen and (max-width:768px) {.vertical-aligned {position:static;top:auto;transform:none}}
.preserve-3d {-webkit-transform-style: preserve-3d;-moz-transform-style: preserve-3d;transform-style: preserve-3d;}
.wallpaper {background-repeat:no-repeat;background-position:center center;background-attachment:fixed;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}
.is-magentaBg {background-color:#EC268F;}
.is-magenta {color:#EC268F;}
.is-blue {color:#ADC5EA;}
.is-blueBg {background-color:#ADC5EA;}
.is-caps {text-transform:uppercase;}
.mainFont {font-family:'Comfortaa';}
.subFont {font-family:'Fira Sans';}
.handwrite {font-family:'Pacifico';}
.left-border {border-left:5px solid #1A5905;padding-left:10px;}
.HIDE {display:none!important;}
.test {border:1px dashed red;}
	@media screen and (min-width: 1023px) {
		.scale {visibility:hidden;} /* hack for blinking image before scaling it with js ... only on desktop*/
	}
#popup {background:white;padding:30px;}
	

.pagination-next {content:">"}
	
/* header section */
#header {/*box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);*/background:#D6E2F6;}

/* top */
#header .top  {height:40px;line-height:40px;}

#header .top .level-left{color:white}
#header .top .level-left a {margin-left:10px;color:white;}
#header .top .level-left {font-size:.8rem;}
#header .top .level-left .socialIcons {font-size:1.1rem;padding-left:20px;}
#header .top .level-left .socialIcons i{background:white;color:#EC268F;border-radius:100%;width:25px;height:25px;line-height:25px;text-align:center;}
#header .top .level-left{margin-left:300px;}

#menuTop li {display:inline-block;border-right:1px dotted #FAD6E5;}
#menuTop ul li:last-of-type {border:0;}
#menuTop .icon {display:none;}
#menuTop a {text-transform:uppercase;font:normal .75rem 'Comfortaa';color:white;padding:8px 10px;margin:0 5px;}
#menuTop a:hover {background:black;}

/* mobile header only */
#mobileHeader {margin-bottom:10px;padding:5px;box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);}
#mobileHeader .logo {margin:5px 0 0 20px;}
#mobileHeader .logo img {height:45px;width:auto;}
#mobileHeader .icon i{font-size:2.4rem;text-align:right;line-height:50px;color:black;}
/*
#hamburger {position:absolute;margin:23px 0 0 10px;}
#hamburger span,
#hamburger span:before,
#hamburger span:after{cursor:pointer;border-radius:1px;height:5px;width:35px;background:black;position:absolute;display:block;content:''}
#hamburger span:before{top:-10px}
#hamburger span:after{bottom:-10px}
#hamburger span,#hamburger span:before,#hamburger span:after{transition:all 500ms ease-in-out}
#hamburger.active span{background-color:transparent}
#hamburger.active span:before,#hamburger.active span:after{top:0;background:red;}
#hamburger.active span:before{transform:rotate(45deg);}
#hamburger.active span:after{transform:rotate(-45deg);}
*/

/* bottom */
#header .bottom .logo  {position:absolute;margin-top:-20px;z-index:999999;}
#header .bottom .logo .box {padding:20px 20px 10px 20px;}
#header .bottom .logo img {width:230px;height:auto;}



/* menu section */
#mainMenu .iconSvg {text-align:center;}
#mainMenu .iconSvg img {height:40px;width:auto;-webkit-transition: all 300ms ease;-moz-transition: all 300ms ease;-ms-transition: all 300ms ease;-o-transition: all 300ms ease;transition: all 300ms ease;}
#mainMenu ul {position:relative;padding:0;margin:0;list-style:none;}
#mainMenu ul li{display:inline-block;border-right:1px solid #ADC5EA;}
#mainMenu ul li:first-of-type{border-left:1px solid #ADC5EA;}
#mainMenu a {background:#FAD6E5;text-align:center;font-size:1rem;color:black;padding:20px 15px 10px 15px;display:block;font-family:'Comfortaa';text-transform:uppercase;border-bottom:10px solid #FAD6E5;}
#mainMenu a:hover {background:#ADC5EA;border-bottom:10px solid #FC0C6A;}
#mainMenu li:hover  img {transform:rotate(-10deg);}
#mainMenu a span {display:block;font-size:.8rem;color:#555555;font-family:'Fira Sans';}
/* dropdown 
#mainMenu ul ul {max-height:0;overflow:hidden;position:absolute;top:60px;z-index:9999;background:#FAD6E5;}
#mainMenu ul ul li a {line-height:15px;text-transform:none;padding:10px;}
#mainMenu ul li:hover > ul {max-height:300px;overflow:visible;}
#mainMenu ul ul li {float:none;display:list-item;position:relative;}
*/

/* off canvas menu */
#offCanvasLeft {background:#222;}
#outsidePanel .level {background:black;padding:15px 0 10px 20px;border-bottom:1px solid #FC0C6A;margin:0;}
#outsidePanel .level-item i{font-size:1.5rem;background:white;color:black;border-radius:100%;width:40px;height:40px;line-height:40px;}
#outsidePanel .level-item .icon{margin-left:30px;}
#outsidePanel .level-right {font-size:2rem;margin-right:10px;}

#mobileMenu a {font-size:1.1rem;color:white;font-family:'Comfortaa';border-bottom:1px dotted rgba(255,255,255,0.3);display:block;padding:10px 0 10px 30px;}
#mobileMenu a span {display:block;font-size:.7rem;color:#999999;}
/*#mobileMenu .level1 {font-size:1.5rem;}*/
#mobileMenu .levelL {border:0;}
#mobileMenu .home {display:none;}
#mobileMenu li li {display:none;}
#mobileMenu .iconSvg {float:right;margin-right:20px;background:#D6E2F6;-webkit-border-radius:50px;-moz-border-radius:50px;border-radius:50px;width:45px;height:45px;display:flex;align-items:center;justify-content:center;}
#mobileMenu .iconSvg img {height:30px;width:auto;}

#outsidePanel .buttons {}

#outsidePanel .extra  {background:#111111;margin-top:2px;}
#outsidePanel .extra .column {border:1px solid grey;border-left:0;}
#outsidePanel .extra a {color:white;}
#outsidePanel .extra i {font-size:2rem;}

#contactPanel {background:#FC0C6A;color:white;  box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);}
#contactPanel a{color:black;}
#contactPanel i{color:white;}
#contactPanel .is-2 {background:#222;text-align:center;font-size:1.4rem;line-height:50px;}
#contactPanel .is-10 {font-size:1.1rem;line-height:50px;}
#contactPanel .is-10 a{margin-left:20px;color:white;}
#contactPanel .main {border-bottom:1px solid #ccc;}
#contactPanel .close {border:0;font-size:1.4rem;margin-top:10px;}

/* HOME PAGE */

/* main offers on top */

#mainOffers {height:400px;margin-bottom:70px;border-top:1px solid #ADC5EA;}
#mainOffers p{padding:0 40px 20px 0;}
	@media screen and (max-width: 768px) {
		#mainOffers .vertical-aligned {padding-top:15px;}
		#mainOffers  {height:auto;margin-bottom:0;margin-bottom:30px;}
		#mainOffers .title {margin-bottom:10px;}
		#mainOffers p {margin:5px 0;padding:0 0 20px 0;}
		
	}



#video {background-color:#D6E2F6;background-image:url('../img/kidsBg.png');background-size:cover;}

#order {}
#order p {padding:20px;}
#order .column:nth-child(1) {}

/* banner */
#myBabyBanner {background-image:url('../img/myBabyBanner.jpg');padding:60px 0;}
#myBabyBanner  img {position:absolute;margin-top:-90px;height:300px;width:auto;}
	@media screen and (max-width: 768px) {
		#myBabyBanner  img {position:relative;margin:0;}
	}
	
#advantages {padding:50px 0;background-image:url('../img/squaresBg.png');background-size:cover;}
#advantages .icon {font-size:3rem;width:100px;height:100px;line-height:100px;}
#advantages .imgShadow {padding:10px 0 50px 0;}
#advantages .name {padding:15px 0 20px 0;}

/* front page news  */
#newsListHome {padding:50px 0;background-color:#FAD6E5;background-image:url('../img/kidsBg.png');background-size:cover;}
#newsListHome .is-fullwidth {margin:0 30px 100px 30px;}
#newsListHome div.title {background:rgba(255,255,255,0.5);}
#newsListHome .is-vertical div.title {background:rgba(255,255,255,0.5);padding:10px;}
#newsListHome p {font-size:.8rem;}
#newsListHome article {background-size:cover;}
#newsListHome .card-image {position:relative;display:flex;justify-content:center;align-items:center;overflow:hidden;width:100%;height:200px;}
#newsListHome .card-image img {flex-shrink:0;min-width:100%;min-height:100%;width:100%;}
#newsListHome .card-footer {font-size:.8rem;}
	@media screen and (min-width: 320px) and (max-width: 770px) {
		#newsListHome {padding:50px 5px;}
		#newsListHome p {height:auto;overflow:visible;}
		#newsListHome .is-fullwidth {margin:0;}
	}

/* normal news  */
#newsList {padding:0;}
/*#newsList .is-fullwidth {margin:0 30px 100px 30px;}*/
#newsList h1 {height:40px;}
#newsList p {height:150px;overflow:hidden;font-size:.8rem;}
#newsList .card-image {position:relative;display:flex;justify-content:center;align-items:center;overflow:hidden;width:100%;height:200px;}
#newsList .card-image img {flex-shrink:0;min-width:100%;min-height:100%;width:100%;transform: scale(1.2)}
#newsList .card-footer {font-size:.8rem;}
	@media screen and (min-width: 320px) and (max-width: 770px) {
		#newsList {padding:50px 5px;background:none;}
		#newsList p {height:auto;overflow:visible;}
		#newsList .is-fullwidth {margin:0;}
	}


	
/* front page news section 2 */
#news2 .hero-body {padding:150px 0;}
#news2 h1 {color:#1A5905;text-transform:uppercase;text-shadow: 1px 1px 0 #000000;font-size:2rem;}
#news2 p {color:black;text-shadow: 1px 1px 0 #fff;font-size:1.1rem;text-align:center;}
	@media screen and (min-width: 320px) and (max-width: 770px) {
		#news2 .hero-body {padding:50px 0;}
		#news2 .container {padding:0 20px;}
		#news2 h1 {font-size:5vw}
		#news2 p {font-size:1.3vwmax}
	}


/* categories shortcuts */
#frontCategories {padding:50px 0;background-color:#D6E2F6;background-image:url('../img/kidsBg.png');background-size:cover;}
#frontCategories .box:hover {box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);}
#frontCategories .box {height:230px;background-repeat:no-repeat;background-position:center bottom;}
#frontCategories p {font-size:.8rem;text-align:left;height:120px;overflow:hidden;}
	@media screen and (max-width: 768px) {
		#frontCategories .container  {margin:0 5px;}
	}
	
/* testimonials section */
#testimonials .is-fullwidth {padding:150px 0;}
#testimonials .column {height:200px;}
#testimonials p {font-size:1rem;color:#999;padding:30px 30px 0 30px;border:1px solid #ddd;height:150px;}
#testimonials .user {font-size:1rem;border:1px solid #ddd;border-top:3px solid #1A5905;position:absolute;margin:-20px 0 0 50px;background:white;padding:10px 20px 10px 60px;}
#testimonials .user:before {content:"\2018\2018";font-family:Times New Roman;position:absolute;font-size:6rem;margin:-40px 0 0 -60px;letter-spacing:-17px;color:#bbbbbb;}
	@media screen and (min-width: 320px) and (max-width: 770px) {
		#testimonials  {padding:30px 10px;}
	}	


/* NORMAL PAGE SECTION */
	

/* page content section */
#content {background-image:url('../img/squaresBg.png');background-size:cover;}
#content .pageTitle {padding:20px 0 15px 0;margin-bottom:20px;border-bottom:5px dotted #D6E2F6;border-top:5px dotted #D6E2F6;background: rgb(173,197,234);background: -moz-linear-gradient(-45deg, rgba(173,197,234,1) 0%, rgba(173,197,234,1) 50%, rgba(157,187,232,1) 51%, rgba(157,187,232,1) 100%);background: -webkit-linear-gradient(-45deg, rgba(173,197,234,1) 0%,rgba(173,197,234,1) 50%,rgba(157,187,232,1) 51%,rgba(157,187,232,1) 100%);background: linear-gradient(135deg, rgba(173,197,234,1) 0%,rgba(173,197,234,1) 50%,rgba(157,187,232,1) 51%,rgba(157,187,232,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#adc5ea', endColorstr='#9dbbe8',GradientType=1 );}
#content .pageTitle .level-left {max-width:700px;padding-right:20px;}
	
	@media screen and (max-width: 768px) {
		#content .pageTitle {background:none;padding:10px 0;margin-bottom:20px;border-bottom:3px dotted #D6E2F6;border-top:3px dotted #D6E2F6;}
	}
	
.columnBox {padding:15px;background:white;margin-bottom:10px; box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);transition: all 0.2s ease-in-out;}
.columnBox:hover {box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);}
	
#content .leftColumn {margin-right:40px;}
#content .rightColumn .buttons p {font-size:.9rem;}
#content .rightColumn .buttons p:first-of-type {padding-bottom:25px;}
#content .rightColumn .buttons a {margin-top:5px;}

	@media screen and (max-width: 768px) {
		#content .leftColumn {margin-right:0px;}
		#content .rightColumn {}
	}

/* subpages in right column */
#showSubpages.columnBox {max-height:250px;overflow:hidden;transition: max-height 0.15s ease-out;}
#showSubpages.columnBox:hover {max-height:900px;transition: max-height 0.25s ease-in;}
#showSubpages .title {margin:0;padding-bottom:10px;text-transform:uppercase;}
#showSubpages .selected {background:#A6CE39;padding-left:5px;}
#showSubpages ul {list-style:none;}
#showSubpages li a {display:block;text-decoration:none;font-size:.9rem;color:black;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
#showSubpages li a:hover {text-decoration:underline;}


#content .featuresTop {padding-top:40px;}
#content .featuresTop .box {padding:30px;position:relative;}
#content .featuresTop .column:nth-child(2) {margin:0 40px;}
#content .featuresTop p {font-size:1.1rem;padding:30px;}
#content .featuresTop b {display:block;margin:0 0 10px 0;color:#ADC5EA;border-bottom:1px dotted #ADC5EA;font-size:1.3rem;text-transform:uppercase;}
	@media screen and (max-width: 768px) {
		#content .featuresTop {padding-top:10px;}
		#content .featuresTop .box {padding:10px;}
		#content .featuresTop .column:nth-child(2){margin:20px 0;}
		#content .featuresTop p {padding:10px;}
		#content .featuresTop b {display:block;margin:0;}
	}

#content .pageDescription p {font-size:1rem;text-align:justify;line-height:30px;}
#content .pageDescription h2 {color:#FC0C6A;border-bottom:1px dotted rgba(252,12,106,0.5);text-transform:uppercase;}
#content .pageDescription em {font:normal 200% 'Caveat';}
#content .pageDescription .image {float:right;width:40%;height:auto;margin:0 0 20px 20px;}
#content .pageDescription .image img{padding-bottom:20px;}
#content .pageDescription .companyDetails {width:45%;}
	@media screen and (max-width: 768px) {
		#content .pageDescription p {font-size:.9rem;line-height:25px;}
		#content .pageDescription .image  {margin:0 0 20px 0;width:100%}
		#content .pageDescription h2 {font-size:1.2rem;}
	}

#content .featuresRight b {display:block;margin:20px 0;color:#FD9927;border-bottom:1px dotted #FD9927;font-size:1.3rem;}
#content .featuresRight p {font-size:.75rem;}
#content .featuresRight .image {float:left;margin:0 30px 20px 0;}
#content .featuresRight .image img{padding-bottom:20px;padding-right:30px;}

	@media screen and (max-width: 768px) {
		#content {padding:20px 10px;}


		#content .featuresRight i {position:relative;}
		
	}
	
/* bottom gallery */
#imageGallery a{width:18%;height:160px;margin-right:10px;position:relative;overflow:hidden;display:inline-block;border:3px solid rgba(0,0,0,0.2);-webkit-transition: all 300ms ease;-moz-transition: all 300ms ease;-ms-transition: all 300ms ease;-o-transition: all 300ms ease;transition: all 300ms ease;}
#imageGallery a:hover{border:3px solid rgba(0,0,0,0.6);}
#imageGallery a img{position:absolute;left:50%;top:50%;height:100%;width:auto;max-width:none;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
#imageGallery a img.portrait{width:100%;height:auto;max-width:none}
@media screen and (max-width: 768px) {
	#imageGallery a {width:100%;height:auto;margin:0;overflow:visible;border:0;position:static;display:block;}
	#imageGallery a img{position:static;left:auto;top:auto;height:auto;width:100%;max-width:none;-webkit-transform:none;-ms-transform:none;transform:none;}
}

/* breadcrumbs section */
.breadcrumb a {color:white;font-size:.8rem;}
.breadcrumb {color:#efefef;font-size:.8rem;}
	



#filesList  {padding-bottom:30px;}
#filesList .control {margin-bottom:20px;}
#filesList img{padding-right:10px;}
#filesList span {color:#888888;}
/* OFF CANVAS */	


	
/* front about section */
#aboutus {padding:100px 0;min-height:500px;background:transparent;color:#ccc;}
#aboutus h1 {padding-bottom:20px;color:#1A5905;}
#aboutus p {padding-bottom:40px;color:white;}
#aboutus .group {width:150px;border-bottom:1px dotted #ccc;font-size:1rem;color:#1A5905;padding-bottom:10px;text-align:center;}
#aboutus .count span span  {font-size:4rem;color:#1A5905;}
	@media screen and (min-width: 320px) and (max-width: 770px) {
		#aboutus {padding:30px 0;}
		#aboutus  .content{padding:0 20px;text-align:center;}
	}
	
#companyLogos  {padding:20px 0;}	
#companyLogos img {filter: grayscale(100%);opacity:0.4;padding:0 8px;border-radius:100px;width:140px;height:auto;transition: all 0.3s cubic-bezier(.25,.8,.25,1);}	
#companyLogos img:hover {filter: grayscale(0);opacity:0.8;border-radius:0px;}
@media screen and (max-width: 768px) {
	#companyLogos img {filter: grayscale(100%);opacity:0.8;padding:0 8px;width:140px;height:auto;border-radius:0;}	
}
	
/* footer section */
.footer {padding:30px;background:#222222;color:#aaaaaa;}
.footer a{color:#aaaaaa;text-decoration:underline;}
.footer .contact i{margin-right:10px;width:20px;height:auto;font-size:1rem;line-height:25px;}
.footer .contact {font-size:.9rem;line-height:30px;}
.footer h1 {padding-bottom:5px;margin-bottom:10px;font-size:1.3rem;border-bottom:1px dotted #aaa;}

.footer .menuFooter li {padding-bottom:5px;}
.footer .menuFooter i {font-size:.9rem;}
.footer .menuFooter a {font-size:.9rem;text-decoration:none;}
.footer .menuFooter a:hover {text-decoration:underline;}


.footer .author img {width:120px;height:auto;}


#toTop {
    position: fixed;
    bottom: 100px;
    right: 40px;
    z-index: 9999;
    width: 32px;
    height: 32px;
    text-align: center;
    line-height: 30px;
    background: #f5f5f5;
    color: #444;
    cursor: pointer;
    border: 0;
    border-radius: 2px;
    text-decoration: none;
    transition: opacity 0.2s ease-out;
    opacity: 0;
}
#toTop:hover {
    background: #e9ebec;
}
#toTop.show {
    opacity: 1;
}