/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */

/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #222;
}

html {
    font-size: 14px;
    line-height: 1.4;
	font-family: 'Open Sans', sans-serif;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between images, videos, audio and canvas and the bottom of
 * their containers: h5bp.com/i/440
 */

audio,
canvas,
img,
video {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Browse Happy prompt
   ========================================================================== */

.browsehappy {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}


/*		Default Layout: 992px. 
		Gutters: 24px.
		Outer margins: 48px.
		Leftover space for scrollbars @1024px: 32px.
-------------------------------------------------------------------------------
cols    1     2      3      4      5      6      7      8      9      10
px      68    160    252    344    436    528    620    712    804    896    */

a {text-decoration:none;}
	a.more {display:inline-block;height:60px;padding:0 80px;text-align:center;line-height:60px;font-size:32px;font-weight:400;text-transform:none;color:#FFF;background:#00A1E2 url(../img/arrow_white.png) no-repeat 95% 50%;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;}
	a.more.white {background:#FFF url(../img/arrow_black.png) no-repeat 95% 50%;color:#333;margin:-22px auto; border-bottom: 3px solid #999; font-weight: bold;}
		a.more:hover, a.more.white:hover {background-color:#eee;}
		a.more:active, a.more.white:active {background-color:#ccc; border-top: 3px solid #999; border-bottom: none;}
	a.more.orange {background:#f39200 url(../img/arrow_white.png) no-repeat 95% 50%;color:#fff;margin:-22px auto;}
		a.more.orange:hover {background-color:#007BB0;}
		a.more.orange:active {background-color:#005579;}
	a.more.gray {background:#555 url(../img/arrow_white.png) no-repeat 95% 50%;color:#ffffff; max-width: 420px; margin: 0 auto; }
		a.more.gray:hover {background-color:#444444;}
		a.more.gray:active {background-color:#333333;}
	a.more.black {background:#333 url(../img/arrow_white.png) no-repeat 95% 50%;color:#fff; max-width: 420px; margin: 140px auto 0; border-bottom: 3px solid #000; }
		a.more.black:hover {background-color:#555;}
		a.more.black:active {background-color:#333; border-top: 3px solid #000; border-bottom: none;}
	a.more.green {background:#32cd33 url(../img/arrow_white.png) no-repeat 95% 50%;color:#fff; max-width: 420px; margin: 140px auto 0; border-bottom: 3px solid #1fa020; }
		a.more.green:hover {background-color:#47d948;}
		a.more.green:active {background-color:#25bc26; border-top: 3px solid #1fa020; border-bottom: none;}
	a.more.blue {background:#00a69c url(../img/arrow_white.png) no-repeat 95% 50%; color:#fff; max-width: 420px; margin: 140px auto 0; border-bottom: 3px solid #09847d; }
		a.more.blue:hover, a.more.blue.top:hover {background-color:#02bfb4;}
		a.more.blue:active {background-color:#02938a; border-top: 3px solid #09847d; border-bottom: none;}
		a.more.blue.top {background:#00a69c url(../img/arrow_white_small.png) no-repeat 146px 10px; float: right; position: relative; padding: 7px 32px 7px 18px !Important; color: #fff; display: block; font-size: 15px; height: 20px; margin: 54px 10px 24px 0px !Important; line-height: 1.25; }
	a.more.packages {display:inline-block;height:60px;padding:0; text-align:center;line-height:60px;font-size:26px;font-weight:700;text-transform:uppercase;color:#FFF;background:#00A1E2 url(../img/arrow_white.png) no-repeat 95% 50%;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px; max-width: 420px; width: 100%;}
		a.more.packages:hover {background-color:#007BB0;}
		a.more.packages:active {background-color:#005579;}
p {margin:0 0 30px 0;}		
h1 {font-size:36px;margin:0 0 25px 0;}
.center {max-width: 960px;width: 100%;margin:0 auto;position:relative;overflow:auto;}
.col3 {width:30%;float:left;margin:0 5% 30px 0;}
	.col3.last {margin-right:0;}
	.col3x2 {width:60%;float:left;margin:0 5% 30px 0;}
.col2 {width:47%;float:left;margin:0 6% 6% 0;}
	.col2.last {margin-right:0;}


header {z-index:1000;position:relative; height: 120px; background: #fff; box-shadow: 0 0px 0px rgba(0,0,0,0.25); width: 100%; top: 0; }
header.secondary {z-index:1000;position:relative; height: 160px !important; background: #fff; box-shadow: 0 0px 0px rgba(0,0,0,0.25); width: 100%; top: 0; }
header h1 {float: left; width: 100%; text-align: center; font-family: 'open_sans_condensedbold', Arial, sans-serif;}
.slide{position:fixed;
       width:100%;
       height:70px;
       top:-70px;
       background:#fff;
	   box-shadow: 0 3px 5px rgba(0,0,0,0.25);
	   border-bottom: 1px solid #d7d7d7;} 
#logo {display:inline-block;float:left;margin: 15px 0; }
#logo img {max-width: 145px; width: 100%;}
#language { float: right; position: absolute; right:0; top:12px; }
	#language  a { padding: 0 7px 0 5px; border-right: 1px solid #fff; color: #fff; font-size: 12px; display: inline-block; height: 14px;}
	#language  a:hover { text-decoration: underline; }
	#language a.last { border-right: none !important; }
#main-nav {display:inline-block;float:right;margin:36px 48px 0 0; padding: 0 !Important;}
	#main-nav li {display:inline-block;float:left;margin:0 0 0 15px;}
		#main-nav li a {font-weight:700;color:#333; font-size: 1.1em;}
			/*#main-nav li.current a {color:#abe6ff;}*/
			#main-nav li.current a {color:#00a69c;}
			#main-nav li a:hover {color:#00a69c;}
			#menu-icon { display: none; position: relative; z-index: 999; padding: 62px 0 0 0; height: 65px; width: 62px; overflow: hidden; text-align: center; color: #fff; background: url(../img/menu-icon.png) no-repeat center top transparent;}
			a:hover#menu-icon { background: url(../img/menu-iconHover.png) no-repeat center top transparent; text-indent: -9999px; }
			a:focus#menu-icon { background: url(../img/menu-iconHover.png) no-repeat center top transparent; text-indent: -9999px; }
			a:active#menu-icon { background: url(../img/menu-iconHover.png) no-repeat center top transparent; text-indent: -9999px; }
			.mbnav { display: none; }

.top {color:#FFF; overflow:visible; background: url(../img/top-banner-v1-2.jpg) no-repeat center top #fff; border-bottom: 0px solid #d7d7d7; position: relative; margin-top: 0px;}
	.top .center {overflow:visible;height:550px;}
	/*.home_top_text {width:400px;padding:30px 0 0 560px;font-size:20px;}*/
	.home_top_text {width:70%;padding:30px 0 0 0;font-size:20px; position: relative; margin: 0 auto; text-align: center;}
		.home_top_text h1 {margin: 85px auto 20px auto; font-weight: 400; font-size: 42px; color: #fff !important; font-family: 'open_sans_condensedbold', Arial, sans-serif;}
		.home_top_text a.more {width:100%;padding:0;}
		.home_top_text.mobile { display: none; }
	.home.top img {position:absolute;bottom:0;left:-30px;}
		.elephantMobile {display: none;}
		.girrafeMobile {display: none;}
		.center.mobile { display: none; }
	.top.services img  {position:absolute;left:-30px;}
	.top.services h1 {width:600px;position:absolute;right:0;bottom:30px;}
		.sv-img-mobile { display: none; }

.highlights {padding:60px 0;font-size:20px; border-bottom: 0px solid #e5e5e5;}
	.highlights.home {text-align:center;}
	.highlights.home .col3 { width: 32%; float: left; margin: 0 3% 0 0 !Important; }
	.highlights.home .col3.last { width: 30%; float: left; margin: 0 !Important; }
	.highlights.home h3 {text-align:center; margin: 0.5em 0 0.1em;}
	.highlights.home p {padding:5px 0 0 !Important;font-weight:400; color:#555; font-size: 14px; margin: 0; }
	.highlights span {display:block;margin:0 auto 15px auto;width:64px;height:64px;position:relative;background:transparent url(../img/sprite.png);}
		.highlights .connect span {background-position:-64px 0;}
		.highlights .measure span {background-position:-128px 0;}
	.highlights.services p{padding:5px 0 20px;}
	
	.pg-ct-heading { float: left; position: relative; overflow: hidden; font-weight: 400; font-size: 2.3em; color: #fff !important; font-family: 'open_sans_condensedbold', Arial, sans-serif; margin-top: 60px; text-shadow: 1px 2px 2px #333; background: rgba(0,0,0,0.55); padding: 10px 20px; width: auto;}
	
/*.ibookstext.top { background-image: none !Important; height: 80px; }*/
/*.ibookstext .center { height: 80px; }*/
/*.ibookstext .home_top_text { padding: 0 !Important;}*/
/*.ibookstext .home_top_text h1 { margin: 0 !Important; padding: 12px 0 0 0 !Important;}*/
.ibkc1, .ibkc2, .ibkc11, .ibkc22 { float: left; }
.ibkc1 { width: 58%; margin-right: 5%; }
.ibkc2 { width: 36%; margin-top: 10px; }
.ibkc11 { width: 36%; margin-right: 5%; padding-top: 0px; }
.ibkc22 { width: 58%; margin-top: 30px; }
.ibkc22 img { margin-top: 30px; width: 100%; }
.ibkc2 h5 { font-size: 1.2em; }
.ibkc2 p { max-width: 300px; float: left; position: relative; }
.ibkc2 span.interact { background: url(../img/sprite.png) no-repeat 0 -185px transparent; display: block; width: 24px; height: 24px; float: left; position: relative; margin-right: 12px; }
.ibkc2 span.learn { background: url(../img/sprite.png) no-repeat -24px -185px transparent; display: block; width: 24px; height: 24px; float: left; position: relative; margin-right: 12px; }
.ibkc1 img { max-width: 535px !important; width: 100%; }
span.ibooks { display:block;width:64px;height:64px;position:relative;background:url(../img/sprite.png) no-repeat -69px -126px transparent; margin: 40px 0 20px; }
span.textbooks { display:block;width:64px;height:64px;position:relative;background:url(../img/sprite.png) no-repeat -128px -126px transparent; margin: 10px 0 20px; }
span.textbooks-create { display:block;width:64px;height:64px;position:relative;background:url(../img/sprite.png) no-repeat -196px -126px transparent; margin: 10px 0 20px; }

.page-categ { background: url(../img/pattern-squares-v2.jpg) repeat center top #48b3b3; height:48px; }
.ibooksTop { background: url(../img/top-banner-v1-6.jpg) repeat center bottom #48b3b3; height: 137px; border-bottom: 3px solid #324950; }

.home.trivia {height:auto; position:relative;overflow:hidden; background: #f9f9f9;}
	h1.heading {font-family:'Open Sans', Arial, sans-serif;font-weight:700;color:#333;text-align:center;padding: 60px 100px 0; line-height: 1.2; font-size: 2.5em;}
	.home.trivia h3 {font-size: 18px; font-weight:normal; color:#777;text-align:center;padding:0 40px;}
	.home_examples_slides_wrap {max-width:800px;position:relative;margin:0 auto 40px;padding:0 80px;text-align:center;}
		.bx-controls-direction a {display:block;position:absolute;top:40%;left:0;width:34px;height:54px;text-indent:-9000px;overflow:hidden;background:transparent url(../img/sprite.png) no-repeat 0 -126px;opacity:0.6;}
			.bx-controls-direction a:hover {opacity:0.8;}
			.bx-controls-direction a:active {opacity:1;}
			.bx-controls-direction a.bx-next {background-position:-34px -126px;right:0;left:auto;}
		.bx-pager {text-align:center;padding:20px 0;}
			.bx-pager-item {display:inline-block;}
			.bx-pager-item a {display:inline-block;text-indent:-1000px; background: #555; overflow:hidden;height:8px;width:8px;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;margin:0 7px;opacity:0.4;}
			.bx-pager-item a:hover {opacity:0.6;}
			.bx-pager-item a:active {opacity:1;}
			.bx-pager-item a.active {background-color:#50acd3; opacity: 1;}
	.bx-wrapper .bx-viewport #home_examples_slides li  img { max-width: 800px; width: 100%; height: auto; }
	.bx-wrapper .bx-viewport  { height: auto !Important; }
    .heading-exemple { width: 500px !important; bottom: 0 !important;}
	.home.trivia .link { position: relative; margin: 0 auto; display: inline-block; }
	
.monitor1 { display: block; position: relative; margin: 0 auto; }
	
.home.math {height:auto; position:relative;overflow:hidden; background: #fff; padding: 20px 0 60px 0; }
	.home.math h1 {font-weight:600;color:#50acd3;text-align:center;padding: 0 100px; line-height: 1.15; font-size: 2em; margin: 0 0 10px; }
	.home.math h5 {font-size: 18px; font-weight:normal; color:#777;text-align:center;padding:0 40px; font-style: italic; margin: 1em 0; }
	.home.math .link { position: relative; margin: 0 auto; display: inline-block; }
	
.content {padding:50px 0;}
	.content p {line-height:1.5;font-size:14px;}
		.border { border-bottom: 1px solid #e5e5e5; }
		
.examples .col2 img { max-width: 430px; width: 100%; height: auto; }

.trivia { padding: 60px 0 0; background: #fff; }
	.trivia .heading { padding: 0 !important; }
	.heading-paragraph { text-align: center; font-size: 18px; color: #555; padding-bottom: 40px; margin-bottom: 40px; }
		.trivia .row { margin: 40px auto 20px; border-bottom: 1px solid #e5e5e5; position: relative; clear: both; overflow: hidden; padding-bottom: 40px;}
		.trivia .row.last { border-bottom: none !important; margin: 40px auto 0 !Important; padding-bottom: 0; }
		.kitu-features { width: 80%; margin: 0 auto;}
		.trc1, .trc2 { float: left; }
		.trc1 { width: 45%; margin-right: 10%; margin-top: 40px; box-sizing: border-box; }
		.trc2 { width: 45%; margin-top: 0; margin-top: 40px; box-sizing: border-box; }
		.trc2 h5 { font-size: 1.2em; margin: 0 auto 0.5em; }
		.trc2 p { float: left; position: relative; }
		.trc1 img { max-width: 500px !important; width: 100%; padding-top: 0px; }
			.tr-features { float: left; position: relative; overflow: hidden; }
			.tr-features-box { float: left; }
			.tr-features-box p { background: url(../img/bulletR.png) no-repeat left center transparent; padding: 22px 0 22px 42px; border-bottom: 1px solid #e5e5e5; margin-bottom: 10px; }
			.tr-features-box p.last { background: url(../img/bulletR.png) no-repeat left center transparent; padding: 22px 0 22px 42px; border-bottom: 0px solid #e5e5e5; }
			.tr-step-box { float: left; width: 81%; }
			.tr-step-box img { max-width: 372px; width: 100%;}
				span.tr-ngg { display:block;margin:0 20px 15px auto;width:64px;height:64px;position:relative;background:url(../img/sprite.png) no-repeat 0 0 transparent; float: left; }
				span.tr-rwd { display:block;margin:0 20px 15px auto;width:64px;height:64px;position:relative;background:url(../img/sprite.png) no-repeat -64px 0 transparent; float: left; }
				span.tr-msr { display:block;margin:0 20px 15px auto;width:64px;height:64px;position:relative;background:url(../img/sprite.png) no-repeat -128px 0 transparent; float: left; }
				span.tr-step1 { display:block;margin:0 auto 15px auto;width:64px;height:64px;position:relative;background:url(../img/sprite.png) no-repeat 0 -210px transparent; float: left; margin-right: 20px; }
				span.tr-step2 { display:block;margin:0 auto 15px auto;width:64px;height:64px;position:relative;background:url(../img/sprite.png) no-repeat -64px -210px transparent; float: left; margin-right: 20px; }
				span.tr-step3 { display:block;margin:0 auto 15px auto;width:64px;height:64px;position:relative;background:url(../img/sprite.png) no-repeat -128px -210px transparent; float: left; margin-right: 20px; }
				span.tr-step4 { display:block;margin:0 auto 15px auto;width:64px;height:64px;position:relative;background:url(../img/sprite.png) no-repeat -196px -210px transparent; float: left; margin-right: 20px; }
				
.about .row { border-bottom: 1px solid #e5e5e5; }
	.about .row.last { border-bottom: 0px solid #e5e5e5 !Important; }
	
#packages-table { margin-bottom: 24px; }
	#packages-table .table-head p { margin: 24px 0 12px !important; }
		#packages-table tr { background: #fff; border-bottom: 1px solid #00A1E2; }
			#packages-table p { margin: 12px 0 !important; padding-left: 12px; text-align: center; }
			#packages-table .paragraph { font-weight: 400; text-align: left !important; }
			
.link { color: #00A1E2; text-decoration: none; }
.link:hover { color: #00A1E2; text-decoration: underline; }

.services .center .about { max-width: 400px; width: 100%; }
.sv-heading { background: url(../img/arrow_blue_small.png) no-repeat left center transparent; padding-left: 24px; }
	.sv-img { width: 100%; height: auto; }
	.sv-col p { padding-left: 24px; }
	
.content.faqs { padding: 20px 0 0 !important; }
.content.faqs.last { border-bottom: none !important; }
	.achievements { list-style-type: none; padding-left: 0px !important; }
	.achievements li { padding: 9px 0 9px 40px; background: url(../img/checkIcon.png) no-repeat left 12px transparent; }
	.faq_contact { background: url(../img/contactIcon.png) no-repeat left top transparent; padding: 12px 0 12px 64px; min-height: 48px; }
	

.home_top_text.about h1 { margin-top: 160px; }
.contact-details  p { font-size: 18px; margin: 0 0 30px 0 !important; word-break: break-all; }
	
	
.footer {background:#3d444b;padding:30px 0 0;color:#DBDBEA; position: relative; overflow: hidden;}	
	.footer .col3x2 {height:100px;margin-bottom:0;} /*background:transparent url(../img/elephants.png) no-repeat 0 bottom;*/
		#footer-nav	 {padding:0;}
			#footer-nav	li {display:inline-block;float:left;margin:0 20px 0 0;}
				#footer-nav li a {font-weight:700;color:#DBDBEA;}
					#footer-nav	li.current a {color:#EEE;}
					#footer-nav	 li a:hover {text-decoration:underline;}
		.footer .col3 {text-align:center; margin-left: 5%;}
			#socials {padding:0;margin:0 0 20px 0;}
				#socials li {display:inline-block;margin:0 10px;}
					#socials li a {display:block;width:60px;height:60px;text-indent:-1000px;overflow:hidden;background:transparent url(../img/sprite.png) no-repeat 0 -64px;opacity:0.6;}
						#socials li a:hover {opacity:0.8;}
						#socials li a:active {opacity:1;}
						#socials li#linkedin a {background-position: -60px -46px !Important;}
						#socials li#Twitter a {background-position: -120px -46px !Important;}
			.footer .col3 p {line-height:2;}
		.footer-line {font-size:20px;color:#272727;padding:10px 0 40px 0;}
		.animalsBg { background: url(../img/elephants.png) no-repeat 0 bottom transparent; }
		.footer-logo img { margin: 0 0 20px 0;}
		.copyright { text-align: left; font-size: 12px; }
		
		.row.error { position: relative; overflow: hidden; height: auto; width: 100%; padding-bottom: 20px; }
		.error-icon { background: url(../img/sprite.png) no-repeat -196px 0 transparent; display: block; height: 96px; width: 84px; float: left; }
		.error-heading { float: left; position: relative; padding: 30px 0 0 20px; }

		.grayBg{ background: #f5f5f5 !Important; }
		
.show-on-desktop { display: initial !Important; }
.show-on-mobile { display: none !important; }

			


/*		Tablet Layout: 768px.
		Gutters: 24px.
		Outer margins: 28px.
		Inherits styles from: Default Layout.
-----------------------------------------------------------------
cols    1     2      3      4      5      6      7      8
px      68    160    252    344    436    528    620    712    */

@media only screen and (min-width: 768px) and (max-width: 991px) {
	
	body {
		max-width: 991px;
		width: 100%;
		/*padding: 48px 28px 60px;*/
	}
	
	.highlights.home p {
		float: left;
		width: 100%;
		font-size: 17px;
	}
	
	.center {
		max-width: 991px;
		width: 100%;
	}
	
	#logo {display:inline-block;float:left;margin:20px;}
	#main-nav { margin-right: 20px !important; padding: 0px !Important;}
	#main-nav li.nomg { margin-left: 0px !important; }
	.center.footer-line { overflow: auto !important; }
	.mb-pd { padding: 0 40px; }
	.top.services h1 {max-width:420px;position:absolute;right:20px !important;bottom:0px; font-size: 30px !Important;}
	.top.services h1.even {max-width:600px;position:absolute;right:20px !important;bottom:0px; font-size: 36px !Important;}
	.top.services img.girrafe {position:absolute;top:-89px;right: 0 !important; left: auto !Important; }
	.top.services img.elephant  {position:absolute;top:-89px;left: -50px; right: auto !Important; }
	.home_top_text h1 {font-size: 30px !important; }
	.home_top_text p {font-size: 18px !Important; }
	.home.top img.elephant {position:absolute;bottom:0;left:-120px;}
	.home_examples-couple { max-height: 200px; height: auto; }
	.animalsBg { background: url(../img/elephants.png) no-repeat 40px bottom transparent; }
	.faq_contact { background: url(../img/contactIcon.png) no-repeat left 7px transparent !important; padding: 12px 0 12px 64px; min-height: 48px; }
	.ibkc2.last { margin-top: 0 !Important; }
	.ibkc2.last h5 { margin-top: 7px !Important; }
	.tr-step-box { margin-bottom: 20px; width: 60% !Important; }
	
}



/*		Mobile Layout: 320px.
		Gutters: 24px.
		Outer margins: 34px.
		Inherits styles from: Default Layout.
---------------------------------------------
cols    1     2      3
px      68    160    252    */

@media only screen and (max-width: 767px) {
	
	body {
		max-width: 480px;
		width: 100%;
		/*padding: 48px 34px 60px;*/
	}
	
	header {z-index:1000;position:relative; height: 100px !Important;}
	#logo {display:inline-block;float:left;margin:20px; }
	#main-nav { display: none !Important; }
	.top .center { height: 160px; }
	.top .center img { max-width: 200px; width: 100%; }
	.highlights.home p { float: left; width: 100%; max-width: 480px; clear: both; }
	.center { max-width: 960px; width: 100%; overflow: initial !important; }
	.center.examples { overflow: hidden !Important; position: relative; height: auto; }
	.center.footer-line { overflow: auto !important; }
	.elephantMobile {display: block !important; left: 15% !Important; top: auto !Important; bottom: 0; }
	.girrafeMobile { position: absolute; top: -22px !important; left: 15% !important; }
	.center.mobile { display: block !Important; }
	.home_top_text { display: none; }
	.home_top_text.mobile { display: block !important; color: #555; max-width: 680px; width: 100%; padding: 30px 0 !Important; margin: 0 auto; left: auto; border-bottom: 5px solid #00A1E2; }
	.home_examples h1 {padding: 0 40px !important;}
	#menu-icon {display:inline-block !important; position: relative; z-index: 999; padding: 62px 0 0 0; height: 65px; width: 62px; overflow: hidden; text-align: center; color: #fff;}

	.mbnav { float: right; position: relative; margin: 10px -10px 20px 20px; display: initial; width: 80px !important; }
	nav ul#mobile-nav, nav:active ul#mobile-nav { display: none; position: absolute; padding: 20px 50px; background: #fff; border: 3px solid #5cc3bf; right: 18px; top: 45px; width: 100%; z-index: 50; height: auto; }
	nav ul#mobile-nav li { text-align: center; width: 100%; padding: 10px 0; margin: 0; }
	nav ul#mobile-nav li a { color: #5cc3bf; font-size: 18px; }
	nav:hover ul#mobile-nav { display: block; }
	
	.footer .center .col3x2 { clear: both; width: 100%; float:left; height: auto !important; overflow: hidden; position: relative; background: none !important; margin-bottom: 20px; }
	#footer-nav	 {padding:0; width: 100% !important;}
			#footer-nav	li {display:block;width: 100%;float:left;margin:0 30px 0 0; border-bottom: 1px solid #d7d7d7;}
				#footer-nav li a {font-weight:700;color:#DBDBEA; padding: 30px 20px 30px 0; display: block; background: url(../img/arrow_white.png) no-repeat right center transparent;}
					#footer-nav	li.current a {color:#EEE;}
					#footer-nav	 li a:hover {text-decoration:none;}
	.footer-contact.col3.last { clear: both; float: left; width: 100%; margin-bottom: 0px !important; background: url(../img/elephantsMobile.png) no-repeat left bottom transparent; } 
	.footer-contact.col3.last #socials { margin-bottom: 20px !important; } 
	.footer-contact.col3.last p{ background: #272727; padding: 2px 5px; border-radius: 5px 5px 0 0; max-width: 200px; margin: 0 auto; } 
	.center.footer-line {  }
	.sv-img { display: none !important; }
	.sv-img-mobile { display: initial !important; width: 100%; height: auto; margin: 0 auto; position: relative; }
	.center.content .col2 { width: 100%; }
	.pageTitle { float: right !Important; position: relative; right: 5% !Important; top: 40px; max-width: 200px; text-align: right; }
	.mb-pd { padding: 0 40px; }
	.home_top_text h1 {margin:10px 0 0 0;background:transparent url(../img/butterfly.png) no-repeat right 10px ; font-size: 28px !Important;}
	.contact-details  p { font-size: 18px; margin: 0 0 18px 0 !important; word-break: break-all; }
	#socials {float: right; padding:0;margin:0 0 80px 0;}
	.ft-contact { clear: both; position; relative; margin: 0 auto; text-align: center; font-size: 14px; padding: 12px 0; }
	.home_examples-couple { max-height: 150px; height: auto; }
	.home_examples a.more { max-width: 420px; width: 100%; margin: 0 auto; padding: 0 !important; font-size: 21px; }
	.animalsBg { background: none !important; }
	.faq_contact { background: url(../img/contactIcon.png) no-repeat left 7px transparent !important; padding: 12px 0 12px 64px; min-height: 48px; }
	.ibkc1, .ibkc11, .ibkc22 { float: left; width: 100% !Important; }
	.ibkc1 img, .ibkc22 img { max-width: 480px !Important; }
	.ibkc2.last { float: left; width: 100%; margin-top: 0 !Important; }
	.ibkc2.last h5 { margin-top: 7px !Important; }
	.ibkc2.last p { width: 100% !Important; max-width: 100% !Important; }
	.ibkc2.last .link { float: left; clear: both; width: 100%; text-align: center !Important; margin-bottom: 20px; }
	.home h1.heading { padding: 40px 0 10px !Important; }
	.highlights.home .col3 { float: left; width: 100% !Important; }
	.trc1, .trc2 { float: left; width: 100%; }
	.trivia .col2 { float: left; width: 100%; }
	.tr-features .tr-features-box { width: 100% !important; }
	.tr-features, .tr-features .tr-features-box p { width: 100% !important; max-width: 100% !Important; }
	.copyright { text-align: center !Important; font-size: 12px; }
	.tr-step-box { margin-bottom: 20px; width: 100% !Important; }
	
	
	.show-on-desktop, .hide-on-mobile { display: none !important; }
	.show-on-mobile, .hide-on-desktop  { display: initial !important; }
}



/*		Wide Mobile Layout: 480px.
		Gutters: 24px.
		Outer margins: 22px.
		Inherits styles from: Default Layout, Mobile Layout.
------------------------------------------------------------
cols    1     2      3      4      5
px      68    160    252    344    436    */

@media only screen and (min-width: 480px) and (max-width: 767px) {
	
	body {
		max-width: 767px;
		width: 100%;
		/*padding: 36px 22px 48px;*/
	}
	header {z-index:1000;position:relative; height: 100px !Important;}
	
	.highlights.home p {
		float: left;
		width: 100%;
		max-width: 679px;
	}
	
	.center {
		max-width: 679px;
		width: 100%;
		height: auto;
		position: relative;
	}
	
	.center.examples { overflow: hidden !Important; position: relative; height: auto; }
	
	.home_examples-couple {
		max-height: 150px;
		height: auto;
	}
	.home_examples h1 {padding: 0 40px !important;}
	#logo {display:inline-block;float:left;margin:20px;}
	.elephantMobile {display: block !important; left: 15% !Important; top: auto !Important; bottom: 0; }
	.girrafeMobile { position: absolute; top: -22px !important; left: 15% !important; }
	.center.footer-line { overflow: auto !important; }
	.mb-pd { padding: 0 40px; }
	.home_top_text h1 {margin:10px 0 0 0;background:transparent url(../img/butterfly.png) no-repeat right 10px; font-size: 28px !Important; }
	.contact-details  p { font-size: 18px; margin: 0 0 18px 0 !important; word-break: break-all; }
	#socials {float: right; padding:0;margin:0 0 80px 0;}
	.ft-contact { clear: both; position; relative; margin: 0 auto; text-align: center; font-size: 14px; padding: 12px 0; }
	.home_examples a.more { max-width: 420px; margin: 0 auto; padding: 0 !important; font-size: 24px;}
	.animalsBg { background: none !important; }
	.faq_contact { background: url(../img/contactIcon.png) no-repeat left 7px transparent !important; padding: 12px 0 12px 64px; min-height: 48px; }
	.ibkc1 { float: left; width: 100% !Important; }
	.ibkc1 img { max-width: 480px !Important; }
	.ibkc2.last { float: left; width: 100%; margin-top: 0 !Important; }
	.ibkc2.last h5 { margin-top: 7px !Important; }
	.ibkc2.last p { width: 100% !Important; max-width: 100% !Important; }
	.ibkc2.last .link { float: left; clear: both; width: 100%; text-align: center !Important; margin-bottom: 20px; }
	.home h1.heading { padding: 40px 0 10px !Important; }
	.highlights.home .col3 { float: left; width: 100% !Important; }
	.trc1, .trc2 { float: left; width: 100%; }
	.trivia .col2 { float: left; width: 100% !important; }
	.tr-features .tr-features-box { width: 70% !important; }
	.tr-features, .tr-features .tr-features-box p { width: 100% !important; max-width: 100% !Important; }
	.copyright { text-align: center !important; font-size: 12px; }
	
	.show-on-desktop, .hide-on-mobile { display: none !important; }
	.show-on-mobile, .hide-on-desktop  { display: initial !important; }
	
}

/*		Small Mobile Layout: 280px.
		Gutters: 24px.
		Outer margins: 22px.
		Inherits styles from: Default Layout, Mobile Layout.
------------------------------------------------------------
cols    1     2      3      4      5
px      68    160    252    344    436    */

@media only screen and (min-width: 150px) and (max-width: 280px) {
	
	body {
		max-width: 280px;
		width: 100%;
		/*padding: 36px 22px 48px;*/
	}
	header {z-index:1000;position:relative; height: 140px !Important;}
	
	.highlights.home p {
		float: left;
		width: 100%;
		max-width: 679px;
	}
	
	.center {
		max-width: 679px;
		width: 100%;
	}
	
	.center.examples { overflow: hidden !Important; position: relative; height: auto; }
	
	.home_examples-couple {
		max-height: 150px;
		height: auto;
	}
	.home_examples h1 {padding: 0 10px !important;}
	.mbnav { float: right; position: relative; margin: 50px -10px 20px 20px !Important; display: initial; }
	
	#logo {display:inline-block;float:left;margin:20px 0 20px 20px;}
	#logo img { width: 90px !important; height: auto !Important; }
	.home_top_text.mobile { display: block !important; color: #555; max-width: 280px; width: 100%; padding: 30px 0 !Important; margin: 0 auto; left: auto; font-size: 14px; border-bottom: 5px solid #00A1E2; }
	.home_top_text.mobile h1 { font-size: 21px; }
	.center.footer-line { overflow: auto !important; }
	.elephantMobile {display: block !important; left: 5% !Important; top: auto !Important; bottom: 0; }
	.girrafeMobile { position: absolute; top: -22px !important; left: 5% !important; }
	.sv-img { display: none !important; }
	.sv-img-mobile { display: initial !important; }
	.pageTitle { float: right !Important; position: relative; right: 5% !Important; top: 45px !Important; max-width: 200px; text-align: right; font-size: 28px !important; }
	.mb-pd { padding: 0 20px !Important; }
	.home_top_text h1 {margin:10px 0 0 0;background:transparent url(../img/butterfly.png) no-repeat right 10px; font-size: 28px !Important;}
	.contact-details  p { font-size: 18px; margin: 0 0 18px 0 !important; word-break: break-all; }
	#socials {float: right; padding:0;margin:0 0 80px 0;}
	.ft-contact { clear: both; position; relative; margin: 0 auto; text-align: center; font-size: 14px; padding: 12px 0; }
	.home_examples a.more { max-width: 420px; margin: 0 auto; padding: 0 !important; font-size: 16px; }
	.highlights.home .col3 { float: left; width: 100% !Important; }
	.copyright { text-align: center !Important; font-size: 12px; }
	
	.show-on-desktop, .hide-on-mobile { display: none !important; }
	.show-on-mobile, .hide-on-desktop  { display: initial !important; }
	
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}