@charset "UTF-8";


/* PIE */
*{behavior: url(PIE.htc);}

/* Less */
/* Css Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;}
* {outline: 0;}
a {text-decoration: none;color: #285887;}
a:hover {text-decoration:none;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;}
table {border-collapse: collapse;border-spacing: 0;}
h1 {font-family: Arial, Helvetica, sans-serif; font-size:18px;color:#29607c;}
h2 {font-family: Arial, Helvetica, sans-serif;font-size:15px;color:#3d3d3d;}
small {font-family: Arial, Helvetica, sans-serif;font-size:11px;}
p {color:#4e4e4e;}
strong, b {font-weight:bold;}

/* Body Selection */
::-ms-selection {background: #ea1e8b;color: #ffffff;}
::-webkit-selection {background: #ea1e8b;color: #ffffff;}
::-moz-selection {background: #ea1e8b;color: #ffffff;}
::selection {background: #ea1e8b;color: #ffffff;}
a::-ms-selection {background: #ea1e8b;color: #ffffff;}
a::-webkit-selection {background: #ea1e8b;color: #ffffff;}
a::-moz-selection {background: #ea1e8b;color: #ffffff;}
a::selection {background: #ea1e8b;color: #ffffff;}

/* Body Scroll Bar */
::-webkit-scrollbar {-webkit-appearance:none;width:10px; background-color:none;}
::-webkit-scrollbar-thumb {border:2px solid rgba(255,255,255,0);background-clip:content-box;background-color:#e1ebf5;-moz-border-radius: 50px; -webkit-border-radius: 50px; border-radius: 50px;}
::-webkit-scrollbar-thumb:hover { border:2px solid rgba(255,255,255,0);background-clip:content-box;background-color:#4db3e8;}
::-webkit-scrollbar-corner {background-color:#f0f0f0;}

/* Regex */
.floatLeft {float:left!important;}
.floatRight {float:right !important;}
.clear {clear:both;}
.displayNone {display:none;}
.itqi-logo {width: auto;height: auto;position: absolute;top: 18px;right: 32px;z-index: 12;}
.loaded .itqi-logo {-webkit-animation-name: fadeIn;  animation-name: fadeIn;-webkit-animation-delay: 1s; animation-delay: 1s;}

/* Side Menu */
.slideout-menu { position: fixed; left: 0; top: 0; bottom: 0; right: 0; z-index: 0; width: 256px; overflow-y: auto; -webkit-overflow-scrolling: touch; display: none; background: #2D303C; -webkit-box-shadow: inset -18px 0 26px rgba(20,24,39,.49); -moz-box-shadow: inset -18px 0 26px rgba(20,24,39,.49); box-shadow: inset -18px 0 26px rgba(20,24,39,.49); }
.slideout-panel { position:relative; z-index: 1; }
.slideout-open,
.slideout-open body,
.slideout-open .slideout-panel { overflow: hidden; }
.slideout-open .slideout-menu { display: block; }
.menu-button { position: fixed; z-index: 1000; margin: 1em; padding: 0; width: 2.5em; height: 2.25em; border: none; text-indent: 2.5em; font-size: 1.5em; color: transparent; background: transparent; }
.menu-button::before { position: absolute; top: 0.5em; right: 0.5em; bottom: 0.5em; left: 0.5em; background: linear-gradient(#373a47 20%, transparent 20%, transparent 40%, #373a47 40%, #373a47 60%, transparent 60%, transparent 80%, #373a47 80%); content: ''; }
.menu-button:hover { opacity: 0.6; }
#side-menu {margin-left: 20px;margin-top: 24px;margin-right: 20px;}
#side-menu li {width: 100%;margin-bottom: 10px;}
#side-menu li a {color: #9397a7;font-family: 'GothamRoundedMedium', sans-serif;font-size: 14px;-webkit-transition: all 0.6s; -moz-transition: all 0.6s; transition: all 0.6s;line-height: 30px;}
#side-menu li ul.sideSubmenu {margin-left: 10px;}
#side-menu li ul.sideSubmenu li {margin-bottom: 0;line-height: 25px;}
#side-menu li ul.sideSubmenu li a {color: #747888;font-family: 'GothamRoundedBook', sans-serif;display: block;}
#side-menu li a:hover,
#side-menu li ul.sideSubmenu li a:hover {color: white;}

/* Genel */
body {font-family:Arial, Helvetica, sans-serif;font-size:12px;background:white;overflow-x: hidden !important;}
section#home-container {width: 100%;height: 100%;display: block;background: url("../img/home-background.jpg") center top no-repeat;}
#home-container-night {width: 100%;height: 100%;display: block;background: url("../img/home-background-night.jpg") center top no-repeat;position: absolute;opacity: 0;}

/* Header Home */
#lang-section {width: auto; display: inline-block; float: right; margin-right: 30px; font-size: 12px; font-family: 'GothamRoundedMedium', sans-serif; margin-bottom: 0px; margin-top: 7px; color: white;position: absolute;right: 0;z-index: 20;}
.safari #lang-section {right: inherit;margin-left: 20px;}
#lang-section a {color: white;opacity: .5;-webkit-transition: all 0.6s; -moz-transition: all 0.6s; transition: all 0.6s;line-height: 10px;display: inline-block;}
#lang-section a:hover {opacity: 1;}
#lang-section a:nth-child(1),
#lang-section a:nth-child(2) {border-right: 1px solid rgba(255,255,255,.7);padding-right: 8px;margin-right: 3px;}
header#header-home-container {width: 100%;display: inline-block;z-index: 20;position: relative;}
header#header-home {width: 1100px;margin: 0 auto; margin-top: 5px;display: block;text-align: center;}
.loaded header#header-home {-webkit-animation-name: fadeInDown;  animation-name: fadeInDown;-webkit-animation-delay: 1s; animation-delay: 1s;}
header#header-home ul {width: auto;display: inline-block;margin-top: 20px;}
header#header-home ul li.menus {width: auto;float: left;padding: 0 21px;line-height: 133px;color: white;text-transform: uppercase;font-size: 15px;-webkit-transition: all 0.6s; -moz-transition: all 0.6s; transition: all 0.6s;}
.es header#header-home ul li.menus {padding: 0 10px;}
header#header-home ul li.menus a {color: white;font-size: 15px;font-family: 'GothamRoundedMedium', sans-serif;position: relative;display: inline-block;}
.es header#header-home ul li.menus a {font-size: 13px;}
.ar header#header-home ul li.menus a {font-size: 22px;}
header#header-home ul li.menus#logo {line-height: normal;}
.es header#header-home ul li.menus#logo img {width: 185px;}
header#header-home ul li.menus a::before,
header#header-home ul li.menus a::after {position: absolute; top: 50%; left: 50%; width: 100px; height: 100px; border: 2px solid rgba(0,0,0,0.1); border-radius: 50%; content: ''; opacity: 0; -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; -moz-transition: -moz-transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s; -webkit-transform: translateX(-50%) translateY(-50%) scale(0.2); -moz-transform: translateX(-50%) translateY(-50%) scale(0.2); transform: translateX(-50%) translateY(-50%) scale(0.2);}
header#header-home ul li.menus a::after {width: 90px; height: 90px; border-width: 6px; -webkit-transform: translateX(-50%) translateY(-50%) scale(0.8); -moz-transform: translateX(-50%) translateY(-50%) scale(0.8); transform: translateX(-50%) translateY(-50%) scale(0.8);}
header#header-home ul li.menus a:hover::before,
header#header-home ul li.menus a:hover::after,
header#header-home ul li.menus a:focus::before,
header#header-home ul li.menus a:focus::after {opacity: 1; -webkit-transform: translateX(-50%) translateY(-50%) scale(1); -moz-transform: translateX(-50%) translateY(-50%) scale(1); transform: translateX(-50%) translateY(-50%) scale(1);}
header#header-home ul li.menus ul.submenu li a::after,
header#header-home ul li.menus ul.submenu li a::before {display: none;}
header#header-home ul li.menus ul.submenu {position: absolute;z-index:99;background: white;width:170px;height:auto;margin-left: -51px;margin-top:-20px;padding-left:5px;display:none;padding-right:5px;-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;-webkit-box-shadow: 1px 1px 3px rgba(108,170,208,.44); -moz-box-shadow: 1px 1px 3px rgba(108,170,208,.44); box-shadow: 1px 1px 3px rgba(108,170,208,.44);}
header#header-home ul li.menus ul.submenu li {width:100%;line-height:39px;float:left;-webkit-transition: all 0.6s; -moz-transition: all 0.6s; transition: all 0.6s;border-bottom: 1px solid #f5f5f5;}
header#header-home ul li.menus ul.submenu li a {background:none !important;font-size:12px;color:#5c5c5c !important;font-family: 'GothamRoundedMedium', sans-serif;display: block;width: 100%;height: 100%;-webkit-transition: all 0.6s; -moz-transition: all 0.6s; transition: all 0.6s;}
header#header-home ul li.menus ul.submenu li:hover a {color:#ed108b !important;}
header#header-home ul li.menus ul.submenu li.ok {width:100%;height:7px;background:url("../img/menu-arroww.png") center no-repeat !important;border:none;position:absolute;margin-top:-7px;z-index:99;margin-left: -5px;}
.ar header#header-home ul li.menus ul.submenu {margin-left: -58px;}
.es header#header-home ul li.menus ul.submenu {margin-left: -11px;}
header#header-home ul li#logo a:hover:after,
header#header-home ul li#logo a:hover:before {opacity: 0;}

/* Header Page */
header#header-wrap {width: 100%;height: 432px;background: url("../img/header-page-bg.png") center top repeat-x;display: inline-block;}
header#header-page {width: 1100px;margin: 0 auto; margin-top: 5px;display: block;text-align: center;}
.loaded header#header-page {-webkit-animation-name: fadeInDown;  animation-name: fadeInDown;-webkit-animation-delay: 1s; animation-delay: 1s;}
header#header-page ul {width: auto;display: inline-block;margin-top: 20px;}
header#header-page ul li.menus {width: auto;float: left;padding: 0 21px;line-height: 133px;color: white;text-transform: uppercase;font-size: 15px;-webkit-transition: all 0.6s; -moz-transition: all 0.6s; transition: all 0.6s;}
.es header#header-page ul li.menus {padding: 0 10px;}
header#header-page ul li.menus a {color: white;font-size: 15px;font-family: 'GothamRoundedMedium', sans-serif;position: relative;display: inline-block;}
.es header#header-page ul li.menus a {font-size: 13px;}
.ar header#header-page ul li.menus a {font-size: 22px;}
header#header-page ul li.menus#logo {line-height: normal;}
.es header#header-page ul li.menus#logo img {width: 185px;}
header#header-page ul li.menus a::before,
header#header-page ul li.menus a::after {position: absolute; top: 50%; left: 50%; width: 100px; height: 100px; border: 2px solid rgba(0,0,0,0.1); border-radius: 50%; content: ''; opacity: 0; -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; -moz-transition: -moz-transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s; -webkit-transform: translateX(-50%) translateY(-50%) scale(0.2); -moz-transform: translateX(-50%) translateY(-50%) scale(0.2); transform: translateX(-50%) translateY(-50%) scale(0.2);}
header#header-page ul li.menus a::after {width: 90px; height: 90px; border-width: 6px; -webkit-transform: translateX(-50%) translateY(-50%) scale(0.8); -moz-transform: translateX(-50%) translateY(-50%) scale(0.8); transform: translateX(-50%) translateY(-50%) scale(0.8);}
header#header-page ul li.menus a:hover::before,
header#header-page ul li.menus a:hover::after,
header#header-page ul li.menus a:focus::before,
header#header-page ul li.menus a:focus::after {opacity: 1; -webkit-transform: translateX(-50%) translateY(-50%) scale(1); -moz-transform: translateX(-50%) translateY(-50%) scale(1); transform: translateX(-50%) translateY(-50%) scale(1);}
header#header-page ul li.menus ul.submenu li a::after,
header#header-page ul li.menus ul.submenu li a::before {display: none;}
header#header-page ul li.menus ul.submenu {position: absolute;z-index:99;background: white;width:170px;height:auto;margin-left: -51px;margin-top:-20px;padding-left:5px;display:none;padding-right:5px;-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;-webkit-box-shadow: 1px 1px 3px rgba(108,170,208,.44); -moz-box-shadow: 1px 1px 3px rgba(108,170,208,.44); box-shadow: 1px 1px 3px rgba(108,170,208,.44);text-align: center;}
header#header-page ul li.menus ul.submenu li {width:100%;line-height:39px;float:left;-webkit-transition: all 0.6s; -moz-transition: all 0.6s; transition: all 0.6s;border-bottom: 1px solid #f5f5f5;}
header#header-page ul li.menus ul.submenu li a {background:none !important;font-size:12px;color:#5c5c5c !important;font-family: 'GothamRoundedMedium', sans-serif;display: block;width: 100%;height: 100%;-webkit-transition: all 0.6s; -moz-transition: all 0.6s; transition: all 0.6s;}
header#header-page ul li.menus ul.submenu li:hover a {color:#ed108b !important;}
header#header-page ul li.menus ul.submenu li.ok {width:100%;height:7px;background:url("../img/menu-arroww.png") center no-repeat !important;border:none;position:absolute;margin-top:-7px;z-index:99;margin-left: -5px;}
.ar header#header-page ul li.menus ul.submenu {margin-left: -70px;}
.es header#header-page ul li.menus ul.submenu {margin-left: -11px;}
header#header-page h1 {width: 100%;font-size: 55px;color: white;font-family: 'GothamRoundedMedium', sans-serif;margin-top: 30px;margin-left: 16px;text-transform: uppercase;opacity: 0;-webkit-transition: all 0.6s; -moz-transition: all 0.6s; transition: all 0.6s;text-align: left;}
.loaded header#header-page h1 {-webkit-animation-name: fadeInLeft;  animation-name: fadeInLeft;-webkit-animation-delay: 1.7s; animation-delay: 1.7s;opacity: 1;}
header#header-page ul li#logo a:hover:after,
header#header-page ul li#logo a:hover:before {opacity: 0;}

/* Intro */
section#intro {width: 100%;display: block;height: 929px;}
section#intro section#intro-in {width: 1100px;margin: 0 auto;display: block;text-align: center;position: relative;z-index: 11;}
section#intro #natures-blessing {width: auto;position: absolute;font-size: 54px;color: #e52675;font-family: 'GothamRoundedBook', sans-serif;top: -85px;right: -85px;letter-spacing: 12px;background: url("../img/slogan-light.png") center no-repeat;padding: 132px 130px;line-height: 55px;}
.loaded section#intro #natures-blessing {-webkit-animation-name: fadeIn;  animation-name: fadeIn;-webkit-animation-delay: 2.8s; animation-delay: 2.8s;}
.es section#intro #natures-blessing {font-size: 19px;letter-spacing: 10px;line-height: 44px;font-family: 'GothamRoundedBold', sans-serif;}
section#intro #natures-blessing span {display: block;font-size: 52px;}
.es section#intro #natures-blessing span {font-size: 32px;}
section#intro #bottle {width: auto;margin: 0 auto;display: inline-block;margin-top: 73px;}
section#intro #bottle img {width: 100%;}
.loaded section#intro #bottle {-webkit-animation-name: fadeInDown;  animation-name: fadeInDown;-webkit-animation-delay: 1.8s; animation-delay: 1.8s;}
section#intro #badge {width: auto;position: absolute;top: 211px; right: 145px;}
section#intro #badge img {width: 100%;}
.loaded section#intro #badge {-webkit-animation-name: fadeIn;  animation-name: fadeIn;-webkit-animation-delay: 3.3s; animation-delay: 3.3s;}
section#intro #seagull {width: auto;position: absolute;top: 291px; right: -1px;}
section#intro #seagull img {width: 100%;}
.loaded section#intro #seagull {-webkit-animation-name: fadeIn;  animation-name: fadeIn;-webkit-animation-delay: 4.2s; animation-delay: 4.2s;}
section#intro #parrot {width: auto;position: absolute;top: 119px; left: 114px;}
section#intro #parrot img {width: 100%;}
.loaded section#intro #parrot {-webkit-animation-name: fadeIn;  animation-name: fadeIn;-webkit-animation-delay: 3.7s; animation-delay: 3.7s;}
/* Manipulation */
#mountain {width: 100%;text-align: center;display: block;position: absolute;top: 120px;z-index: 10;background: url("../img/mountain.png") center top no-repeat;height: 982px;opacity: 0;}
#mountain-night {width: 100%;text-align: center;display: block;position: absolute;top: 120px;z-index: 10;background: url("../img/mountain-night.png") center top no-repeat;height: 982px;opacity: 0;}
.loaded #mountain {-webkit-animation-name: fadeInUpBig;  animation-name: fadeInUpBig;-webkit-animation-delay: 1s; animation-delay: 1s;opacity: 1;}
#island {width: 100%;text-align: center;display: block;position: absolute;z-index: 11;margin-top: -315px;background: url("../img/island.png") center top no-repeat;height: 905px;}
#island-night {width: 100%;text-align: center;display: block;position: absolute;z-index: 11;margin-top: -315px;background: url("../img/island-night.png") center top no-repeat;height: 905px;opacity: 0;}
.loaded #island {-webkit-animation-name: fadeInUpBig;  animation-name: fadeInUpBig;-webkit-animation-delay: .5s; animation-delay: .5s;}

/* Cloud */
section#intro #cloud1, section#intro #cloud2 {opacity: 1;}
section#intro #cloud1 { width: 433px; height: 180px; top: 200px; position: absolute; -webkit-animation: move 167s infinite linear; -moz-animation: move 87s infinite linear; -ms-animation: move 87s infinite linear; animation: move 167s infinite linear; z-index: 2; background: url("../img/cloud1.png"); }
section#intro #cloud2 { width: 738px; height: 307px; top: 150px; position: absolute; -webkit-animation: backup 55s infinite linear; -moz-animation: backup 35s infinite linear; -ms-animation: backup 35s infinite linear; animation: backup 55s infinite linear; z-index: 10; background: url("../img/cloud2.png"); }
section#intro #cloud3 { width: 433px; height: 180px; top: -70px; opacity: .4; margin-left: -700px; position: absolute; -webkit-animation: move 92s infinite linear; -moz-animation: move 52s infinite linear; -ms-animation: move 62s infinite linear; animation: move 92s infinite linear; z-index: 0; background: url("../img/cloud1.png"); }

@-webkit-keyframes move {
  0% {left: 0px;}
  49% {left: 2410px; opacity: 1;}
  50% {left: 2410px; opacity: 0;}
  51% {left: -2410px; opacity: 0;} 
  52% {left: -2410px; opacity: 1;} 
  100% {left: 0px;} 
}
@-webkit-keyframes backup {
  0% {left: -2410px;}
  100% {left: 2410px;}  

}  
@-moz-keyframes move {
  0% {left: 0px;}
  49% {left: 2410px; opacity: 1;}
  50% {left: 2410px; opacity: 0;}
  51% {left: -2410px; opacity: 0;} 
  52% {left: -2410px; opacity: 1;} 
  100% {left: 0px;} 
}
@-moz-keyframes backup {
  0% {left: -2410px;}
  100% {left: 2410px;}    

}  
@-ms-keyframes move {
  0% {left: 0px;}
  49% {left: 2410px; opacity: 1;}
  50% {left: 2410px; opacity: 0;}
  51% {left: -2410px; opacity: 0;} 
  52% {left: -2410px; opacity: 1;} 
  100% {left: 0px;} 
}
@-ms-keyframes backup {
  0% {left: -2410px;}
  100% {left: 2410px;}   

}
@keyframes move {
  0% {left: 0px;}
  49% {left: 2410px; opacity: 1;}
  50% {left: 2410px; opacity: 0;}
  51% {left: -2410px; opacity: 0;} 
  52% {left: -2410px; opacity: 1;} 
  100% {left: 0px;} 
}
@keyframes backup {
  0% {left: -2410px;}
  100% {left: 2410px;}   
}

/* Health */
section#health {width: 100%;background: url("../img/content-cloud-bg.png") center top no-repeat;display: inline-block;padding-bottom: 30px;z-index: 20;position: relative;margin-top: -240px;}
section#health section#health-in {width: 1100px;margin: 0 auto;display: block;text-align: center;margin-top: 189px;}
section#health section#health-in i#heart {display: inline-block;width: 49px;height: 40px;background: url("../img/heart.png");}
section#health section#health-in h2 {color: #535353;font-size: 25px;font-family: 'GothamRoundedMedium', sans-serif;margin-top: 23px;}
section#health section#health-in h2:after {content: "________"; position: relative; display: block; color: #e7e7e7; /* background-color: red; */ font-family: Arial, sans-serif; margin: 0 auto; margin-top: -5px;}
section#health section#health-in p {width: 65%; color: #535353;font-size: 20px;font-family: 'GothamRoundedLight', sans-serif;margin: 0 auto;margin-top: 35px;line-height: 38px;}
.ar section#health section#health-in h2:after {margin-left: -115px;}

/* Page */
section#page-wrap {width: 1100px;margin: 0 auto;display: block;font-size: 16px;color: #34495e;font-family: 'GothamRoundedLight', sans-serif;}
section#page-wrap h3 {width: auto;font-size: 25px;color: #757575;font-family: 'GothamRoundedBold', sans-serif;border-bottom: 1px solid #c8c8c8;padding-bottom: 10px;display: inline-block;margin-bottom: 15px;}
section#page-wrap p {width: auto;font-size: 16px;color: #757575;font-family: 'GothamRoundedLight', sans-serif;display: inline-block;margin-bottom: 15px;line-height: 23px;}

/* 1 */
section#page-wrap #page1 {width: 100%;display: inline-block;}
section#page-wrap #page1 #page-left {width: 42%;float: left;margin-bottom: 30px;}
section#page-wrap #page1 #page-right {width: 42%;float: right;}
.loaded section#page-wrap #page1 #page-left {-webkit-animation-name: fadeInLeft;  animation-name: fadeInLeft;-webkit-animation-delay: 1.3s; animation-delay: 1.3s;}
.loaded section#page-wrap #page1 #page-right {-webkit-animation-name: fadeInRight;  animation-name: fadeInRight;-webkit-animation-delay: 1.3s; animation-delay: 1.3s;}
.loaded section#page-wrap #page1 #page-down {-webkit-animation-name: fadeInUp;  animation-name: fadeInUp;-webkit-animation-delay: 1.5s; animation-delay: 1.5s;}
/* 2 */
section#page-wrap #page2 {width: 100%;display: inline-block;}
section#page-wrap #page2 #page-left {width: 48%;float: left;}
section#page-wrap #page2 #page-right {width: 48%;float: right;}
#youtube-hide,
#youtube-hide2 {display: none;}
/* 3 */
section#page-wrap #page3 {width: 100%;display: inline-block;}
section#page-wrap #page3 #owl-demo .item {width: 100%;height: 320px;}
section#page-wrap #page3 #owl-demo .item .line {width: 60%;border-bottom: 1px solid #c8c8c8;display: block;margin: 15px 0;}
section#page-wrap #page3 #owl-demo .item p {font-size: 15px;}
section#page-wrap #page3 #owl-demo .item .desc {max-width: 88%;height: 242px;overflow: auto;display: block;padding-right: 20px;}
section#page-wrap #page3 .customNavigation {display: inline-block;float: left;margin-left: 15px;position: relative;z-index: 6;}
section#page-wrap #page3 .customNavigation .btn {display: block;width: 35px;height: 45px;background: #c2daeb;-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;text-indent: -99999px;float: left;cursor: pointer;}
section#page-wrap #page3 .customNavigation .btn.prev {background: url("../img/arrow-left.png") center no-repeat #e7e7e7;}
section#page-wrap #page3 .customNavigation .btn.prev:hover {background: url("../img/arrow-left.png") center no-repeat #c2daeb;}
section#page-wrap #page3 .customNavigation .btn.next {background: url("../img/arrow-right.png") center no-repeat #e7e7e7;margin-left: 10px;}
section#page-wrap #page3 .customNavigation .btn.next:hover {background: url("../img/arrow-right.png") center no-repeat #c2daeb;margin-left: 10px;}
.owl-controls {display: block;width: 100%;margin: 0 auto; margin-top: -20px !important;margin-bottom: 31px;}
.owl-pagination {position: relative;width: 51%;margin: 0 auto;}
.owl-pagination:before {content: "";position: absolute;width: 100%;height: 4px;background: #d6d6d6;display: block;margin-top: 11px;z-index: -1;  border-radius: 6px;}
.owl-theme .owl-controls .owl-page span {-webkit-transition: all 0.6s; -moz-transition: all 0.6s; transition: all 0.6s;opacity: 1 !important;background: #d6d6d6 !important;}
.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span {transform: scale(1.2);background: #e8298d !important;}
.owl-theme .owl-controls .owl-page span {width: 17px !important;height: 17px !important;-moz-border-radius: 50px; -webkit-border-radius: 50px; border-radius: 50px;margin-right: 47px !important;margin-left: 0px !important;}
.owl-theme .owl-controls .owl-page:last-child span {margin-right: 0px !important;}
/* 4 */
section#page-wrap #page4 {width: 100%;display: inline-block;}
section#page-wrap #page4 #story-frame {width: 638px;height: 932px;background: url("../img/story-frame-bg.png");display: block;margin: 0 auto;margin-top: -40px;position: relative;font-size: 12px;font-family: 'GothamRoundedBook', sans-serif;line-height: 15px;color: #757575;}
section#page-wrap #page4 #story-frame p {font-size: 12px;font-family: 'GothamRoundedBook', sans-serif;line-height: 15px;margin: 72px; margin-top: 0; margin-bottom: 18px;}
section#page-wrap #page4 #story-frame #t {margin: 72px;margin-top: 0;margin-bottom: 18px;}
section#page-wrap #page4 #story-frame #logo {width: 100%;text-align: center;margin-top: 102px;display: inline-block;}
section#page-wrap #page4 #story-frame #logo img {margin-bottom: -11px;}
section#page-wrap #page4 #story-frame #story-of-nimet {width: 100%;text-align: center;display: inline-block;margin-top: 10px;}
/* 5 */
section#page-wrap #page5 {width: 100%;display: inline-block;}
section#page-wrap #page5 #minerals-in-boon li {width: 45%;float: left;margin-bottom: 30px;}
section#page-wrap #page5 #minerals-in-boon li:nth-child(even) {margin-left: 10%;}
section#page-wrap #page5 #minerals-in-boon li#minerals-image {margin-bottom: -50px;margin-top: -93px;position: relative;margin-left: 30px;}
/* 6 */
section#page-wrap #page6 {width: 100%;display: inline-block;}
.pTabGenel {width: 100%}
.pTabGenel ul.pTabListe { overflow: hidden;}
.pTabGenel ul.pTabListe li { margin-bottom: 5px; float: none; display: block; }
.pTabGenel ul.pTabListe li a { display: inline-block; font-size: 13px; font-family: 'GothamRoundedMedium', sans-serif; text-transform: uppercase; color: #9f9f9f; padding: 10px 20px; padding-bottom: 8px; -moz-border-radius: 30px; -webkit-border-radius: 30px; border-radius: 30px;border: 2px solid transparent;-webkit-transition: all 0.6s; -moz-transition: all 0.6s; transition: all 0.6s;}
.pTabGenel ul.pTabListe li.pAktif a,
.pTabGenel ul.pTabListe li a:hover { border: 2px solid #05619a; color: #05619a; -moz-border-radius: 30px; -webkit-border-radius: 30px; border-radius: 30px; }
.pTabGenel .pTabContent { padding: 10px; line-height: 21px; width: 70%; color: #535353 }
.pTab10 { overflow: hidden }
.pTab10 ul.pTabListe { float: left; width: 23% }
.pTab10 .pTabContent { width: 75%!important; float: right }
section#page-wrap #page6 ul#contact-block {width: 50%;text-align: left;float: left;}
section#page-wrap #page6 ul#contact-block li {width: 100%;float: none;margin-bottom: 30px;}
section#page-wrap #page6 ul#contact-block li i {display: block;width: 46px;height: 45px;float: left;margin-right: 20px;}
section#page-wrap #page6 ul#contact-block li#block1 i {background: url("../img/icon-maps.png") center no-repeat;}
section#page-wrap #page6 ul#contact-block li#block2 i {background: url("../img/icon-email.png") center no-repeat;}
section#page-wrap #page6 ul#contact-block li#block3 i {background: url("../img/icon-phone.png") center no-repeat;}
section#page-wrap #page6 ul#contact-block li h4 {width: auto;float: none;font-size: 18px;font-family: 'GothamRoundedLight', sans-serif;color: #535353;line-height: 23px;margin-bottom: 5px;}
section#page-wrap #page6 ul#contact-block li h4 strong {font-family: 'GothamRoundedMedium', sans-serif;}
section#page-wrap #page6 ul#contact-block small {display: block;width: 83%;font-size: 15px;font-family: 'GothamRoundedLight', sans-serif;color: #535353;line-height: 20px;float: right;margin-bottom: 5px;}
section#page-wrap #page6 #maps {width: 45%;float: right;margin-top: -10px;}
section#page-wrap #page6 #maps img {}
/* 7 */
section#page-wrap #page7 {width: 100%;display: inline-block;}
section#page-wrap #page7 ul#ib-container { position: relative;display: block; width: auto; margin: 0 auto;top: -120px;margin-bottom: -120px;}
section#page-wrap #page7 #products-list-out {width: 100%; height: auto; display: flex;}
/* 8 */
section#page-wrap #page8 {width: 100%;display: inline-block;}
section#page-wrap #page8 #page-left {width: 43%;float: left;}
section#page-wrap #page8 #page-left .form-col {width: 100%;margin-bottom: 20px;}
section#page-wrap #page8 #page-left .form-col label {width: 100%;font-size: 27px;color: #00aeef;font-family: 'GothamRoundedBold', sans-serif;display: block;text-transform: uppercase;margin-bottom: 9px; }
section#page-wrap #page8 #page-left .form-col input[type="text"] {width: 100%;background: transparent;border: 0; border-bottom: 1px solid #b4b6b8;line-height: 28px;color: #595959;font-size: 17px;font-family: 'GothamRoundedBook', sans-serif;-webkit-transition: all 0.6s; -moz-transition: all 0.6s; transition: all 0.6s;}
section#page-wrap #page8 #page-left .form-col input[type="text"]:hover,
section#page-wrap #page8 #page-left .form-col input[type="text"]:focus {border-bottom: 1px solid #00aeef;}
section#page-wrap #page8 #page-left .form-col textarea {width: 100%;background: url("../img/border-bottom.png") transparent;border: 0; line-height: 37px;color: #595959;font-size: 17px;font-family: 'GothamRoundedBook', sans-serif;resize: none;height: 150px;-webkit-transition: all 0.6s; -moz-transition: all 0.6s; transition: all 0.6s;}
section#page-wrap #page8 #page-left .form-col textarea:hover,
section#page-wrap #page8 #page-left .form-col textarea:focus {background: url("../img/border-bottom-hover.png") transparent;}
section#page-wrap #page8 #page-left .form-col input[type="submit"] {width: auto;font-size: 17px;color: white;font-family: 'GothamRoundedMedium', sans-serif;background: #00aeef;padding: 13px 40px;-moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;border: 0;cursor: pointer;float: right;-webkit-transition: all 0.6s; -moz-transition: all 0.6s; transition: all 0.6s;}
section#page-wrap #page8 #page-left .form-col input[type="submit"]:hover {background: #ed128b;}
section#page-wrap #page8 #page-right {width: 40%;float: right;}
section#page-wrap #page8 #page-right ul#contact-block {width: 100%;text-align: left;float: left;margin-top: 45px;}
section#page-wrap #page8 #page-right ul#contact-block li {width: 100%;float: none;margin-bottom: 30px;}
section#page-wrap #page8 #page-right ul#contact-block li i {display: block;width: 46px;height: 45px;float: left;margin-right: 20px;}
section#page-wrap #page8 #page-right ul#contact-block li#block1 i {background: url("../img/icon-maps.png") center no-repeat;}
section#page-wrap #page8 #page-right ul#contact-block li#block2 i {background: url("../img/icon-email.png") center no-repeat;}
section#page-wrap #page8 #page-right ul#contact-block li#block3 i {background: url("../img/icon-phone.png") center no-repeat;}
section#page-wrap #page8 #page-right ul#contact-block li h4 {width: auto;float: none;font-size: 18px;font-family: 'GothamRoundedLight', sans-serif;color: #535353;line-height: 23px;margin-bottom: 5px;}
section#page-wrap #page8 #page-right ul#contact-block li h4 strong {font-family: 'GothamRoundedMedium', sans-serif;}
section#page-wrap #page8 #page-right ul#contact-block small {display: block;width: 84.6%;font-size: 15px;font-family: 'GothamRoundedLight', sans-serif;color: #535353;line-height: 26px;float: right;margin-bottom: 5px;}
section#page-wrap #page8 #page-right #view-dist {width: auto;font-size: 19px;color: #05619a;font-family: 'GothamRoundedMedium', sans-serif;text-transform: uppercase;border: 1px solid #05619a;-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;padding: 10px 27px;padding-bottom: 8px;-webkit-transition: all 0.6s; -moz-transition: all 0.6s; transition: all 0.6s;background: transparent;}
section#page-wrap #page8 #page-right #view-dist:hover {color: white;border: 1px solid #ec148c;background: #ec148c;}
section#page-wrap #page8 #page-right #contact-web {display: block;width: 100%;font-size: 20px;color: #202020;font-family: 'GothamRoundedBook', sans-serif;text-transform: uppercase;margin-bottom: 40px;}
section#page-wrap #page8 #page-right #contact-web strong {font-weight: normal;font-family: 'GothamRoundedBold', sans-serif;}

section#page-wrap #page8 #page-left #success,
section#page-wrap #page8 #page-left #error {display:none}
section#page-wrap #page8 #page-left #error p {color: #DE5656 !important;font-size: 15px !important;margin-top: 20px;}
section#page-wrap #page8 #page-left #success p {color: #9CD45B !important;font-size: 15px !important;margin-top: 20px;}
section#page-wrap #page8 #page-left .form-col label.error {font-size: 13px; color: #DE5656; font-family: 'GothamRoundedBook', sans-serif; margin-top: 10px;}

/* Footer */
footer#footer {width: 100%;display: block;margin-top: 100px;padding-bottom: 50px;padding-top: 160px; background: url("../img/footer-mountain.png") center top no-repeat white;}
footer#footer footer#footer-in {width: 1100px;margin: 0 auto;display: block;text-align: center;}
footer#footer footer#footer-in ul#contact-block {width: 100%;text-align: left;}
footer#footer footer#footer-in ul#contact-block li {width: 366px;float: left;}
footer#footer footer#footer-in ul#contact-block li#block1 {width: 434px;}
footer#footer footer#footer-in ul#contact-block li#block3 {width: 300px;}
footer#footer footer#footer-in ul#contact-block li i {display: block;width: 46px;height: 45px;float: left;margin-right: 10px;opacity: .5;}
footer#footer footer#footer-in ul#contact-block li#block1 i {background: url("../img/icon-maps.png") center no-repeat;}
footer#footer footer#footer-in ul#contact-block li#block2 i {background: url("../img/icon-email.png") center no-repeat;}
footer#footer footer#footer-in ul#contact-block li#block3 i {background: url("../img/icon-phone.png") center no-repeat;}
footer#footer footer#footer-in ul#contact-block li h4 {width: auto;float: left;font-size: 18px;font-family: 'GothamRoundedLight', sans-serif;color: #a6a6a6;line-height: 23px;text-transform: uppercase;}
footer#footer footer#footer-in ul#contact-block li h4 strong {font-family: 'GothamRoundedMedium', sans-serif;}
footer#footer footer#footer-in ul#contact-block small {display: block;width: 100%;font-size: 15px;font-family: 'GothamRoundedLight', sans-serif;color: #a6a6a6;line-height: 20px;}
ul#footer-social {width: auto;text-align: center;display: inline-block;margin: 0 auto;margin-top: 30px;}
ul#footer-social li {float: left;margin-left: 25px;opacity: 1;-webkit-transition: all 0.6s; -moz-transition: all 0.6s; transition: all 0.6s;cursor: pointer;}
ul#footer-social li a {display: block;text-indent: -99999px;}
ul#footer-social li#facebook a {width: 9px;height: 18px;background: url("../img/icon-facebook.png");}
ul#footer-social li#facebook:hover a {width: 9px;height: 18px;background: url("../img/icon-facebook-hover.png");}
ul#footer-social li#twitter a {width: 18px;height: 15px;background: url("../img/icon-twitter.png");}
ul#footer-social li#twitter:hover a {width: 18px;height: 15px;background: url("../img/icon-twitter-hover.png");}
ul#footer-social li#instagram a {width: 18px;height: 19px;background: url("../img/icon-instagram.png");}
ul#footer-social li#instagram:hover a {width: 18px;height: 19px;background: url("../img/icon-instagram-hover.png");}
ul#footer-social li#youtube a {width: 18px;height: 18px;background: url("../img/icon-youtube.png");}
ul#footer-social li#youtube:hover a {width: 18px;height: 18px;background: url("../img/icon-youtube-hover.png");}
ul#footer-social li#pinterest a {width: 15px;height: 19px;background: url("../img/icon-pinterest.png");}
ul#footer-social li#pinterest:hover a {width: 15px;height: 19px;background: url("../img/icon-pinterest-hover.png");}
ul#footer-social li#gplus a {width: 18px;height: 17px;background: url("../img/icon-gplus.png");}
ul#footer-social li#gplus:hover a {width: 18px;height: 17px;background: url("../img/icon-gplus-hover.png");}


#mobile-logo {display: none;}
#open-button {display: none;}
.mobile-products {display: none !important;}

@media only screen and (max-width:1440px) {
    *, :after, :before {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}
    #mountain {background-size: 105%;top: 165px;}
    #mountain-night {background-size: 105%;top: 165px;}
    #island {margin-top: -208px;background-size: 149%;}
    #island-night {margin-top: -208px;background-size: 149%;}
    section#health {margin-top: -385px;}
    section#intro #bottle {width: 130px;margin-top: 40px;}
    section#intro #natures-blessing {font-size: 45px;top: -107px;}
    section#intro #natures-blessing span {font-size: 43px;}
    section#intro #badge {width: 100px;right: 270px;top: 191px;}
    section#intro #parrot {width: 80px;left: 236px;}
    section#intro #seagull {width: 100px;right: 0px;}
}
@media only screen and (max-width:1315px) {
    *, :after, :before {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}
    .itqi-logo img {width: 80px;}
    .itqi-logo {top: 130px;}
}
@media only screen and (max-width:1275px) {
    *, :after, :before {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}
    section#intro #natures-blessing {padding: 112px 110px; background-size: 100% 100%;font-size: 40px;right: 3%;}
    section#intro #natures-blessing span {font-size: 38px;}
}
@media only screen and (max-width:1112px) {
    *, :after, :before {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}
    section#page-wrap #page8 #page-right ul#contact-block li i {display: none;}
    section#page-wrap #page8 #page-right ul#contact-block small {float: left;width: 100%;}
}
@media only screen and (max-width:1000px) {
    *, :after, :before {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}
    #mobile-logo {width: auto; display: block;margin: 0 auto;}
    #mobile-logo img {width: 160px !important;}
    header#header-home ul {margin-top: 2px;}
    li.menus#logo {display: none !important;}
    .pTab10 ul.pTabListe {width: 35% !important;}
    .pTab10 .pTabContent {width: 64% !important;}
    section#page-wrap #page6 #maps {display: none;}
    section#page-wrap #page6 ul#contact-block li i {display: none;}
    section#page-wrap #page6 ul#contact-block small {float: left;width: 100%;}
    ul#contact-block {width: 100% !important;}
    .itqi-logo img {width: 61px;}
    .itqi-logo {top: 45px;}
    #mountain {top: 200px;}
    #mountain-night {top: 200px;}
    section#intro #parrot {left: 50px;}
}
@media only screen and (max-width:800px) {
    *, :after, :before {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}
    #open-button {display: inherit;}
    .mobile-display {display: none !important;}
    section#page-wrap #page2 #page-left {width: 100%;}
    section#page-wrap #page2 #page-right {width: 100%;margin-top: 20px;}
    section#page-wrap #page8 #page-left {width: 53%;}
    section#intro #natures-blessing {top: 50px !important;}
    section#intro #bottle {margin-top: 211px !important;}
    section#health {margin-top: -122px !important;}
}
@media only screen and (max-width:830px) {
    *, :after, :before {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}
    li.menus {padding: 0 16px !important;}
    section#page-wrap #page5 #minerals-in-boon li {width: 100%;}
    section#page-wrap #page5 #minerals-in-boon li#minerals-image {display: none;}
    section#page-wrap #page5 #minerals-in-boon li:nth-child(even) {margin-left: 0;}
    section#intro #parrot {display: none;}
    section#intro #natures-blessing {margin: 0 auto;left: 0;right: 0;top: -7px;background: none;font-size: 50px;padding: 0;}
    section#intro #natures-blessing span {font-size: 48px;}
    section#intro #bottle {margin-top: 132px;}
    #mountain {top: 345px;background-size: 160%;}
    #mountain-night {top: 345px;background-size: 160%;}
    section#health {margin-top: -154px;}
    section#intro #badge {display: none;}
}
@media only screen and (max-width:1035px) {
    *, :after, :before {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}
    .ib-container li#product-8,
    .ib-container li#product-5,
    .ib-container li#product-6,
    .ib-container li#product-7 {float: right;}
    .ib-container li#product-8 {clear: both;}
}
@media only screen and (max-width:700px) {
    *, :after, :before {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}
    section#page-wrap #page8 #page-left,
    section#page-wrap #page8 #page-right {width: 100%;}
    section#intro #badge {display: none;}
}
@media only screen and (min-width:10px) and (max-width:545px) {
    .ib-container {display: none !important;}
    .mobile-products {display: block !important;}
    .mobile-products li {float: left !important;clear: none !important;}
    .ib-container li#product-2,
    .ib-container li#product-3,
    .ib-container li#product-4 {clear: both !important;}
}
@media only screen and (max-width:352px) {
    *, :after, :before {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}
    .itqi-logo img {width: 51px;}
    .itqi-logo {top: 45px;right: 5px;}
}


@media only screen and (min-width:550px) and (max-width:1110px) {
    *, :after, :before {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}
    section#intro section#intro-in {width: 100%;}
    li.menus#logo img {width: 150px !important;}
    li.menus {line-height: 110px !important;}
    li.menus a {font-size: 13px !important;}
    section#health section#health-in {width: 100%;}
    footer#footer footer#footer-in,
    footer#footer-page footer#footer-in {width: 100%;}
    footer#footer footer#footer-in ul#contact-block li,
    footer#footer-page footer#footer-in ul#contact-block li {width: 100% !important;margin-bottom: 25px;text-align: center;}
    footer#footer footer#footer-in ul#contact-block li h4,
    footer#footer-page footer#footer-in ul#contact-block li h4 {float: none;}
    footer#footer footer#footer-in ul#contact-block li i,
    footer#footer-page footer#footer-in ul#contact-block li i {float: none;display: inline-block;margin-right: 0;margin-bottom: 10px;}
    footer#footer footer#footer-in ul#contact-block li#block3 br,
    footer#footer-page footer#footer-in ul#contact-block li#block3 br {display: none;}
    header#header-page,
    header#header-home {width: 100%;}
    section#page-wrap {width: 100%;padding: 15px;}
    .owl-pagination {width: 100%;}
    .owl-theme .owl-controls .owl-page span {margin-right: 19px !important;}
    .owl-pagination:before {display: none;}
    section#intro #seagull {right: 0;}
    #island {margin-top: -269px;background-size: 160%;}
    #island-night {margin-top: -269px;background-size: 160%;}
    section#health {margin-top: -501px;}
    section#intro #badge {width: 85px;right: 320px;top: 159px;}
    section#intro #seagull {width: 90px;right: 28px;}
}
@media only screen and (max-width:1000px) {
    *, :after, :before {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}
    section#intro #badge {right: 210px;}
    #island {background-size: 176%;margin-top: -259px;}
    #island-night {background-size: 176%;margin-top: -259px;}
    #mountain {background-size: 127%;}
    #mountain-night {background-size: 127%;}
    section#intro #bottle {margin-top: 10px;}
}
@media only screen and (max-width:830px) {
    *, :after, :before {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}
    section#intro #bottle {margin-top: 140px;}
}
@media only screen and (max-width:800px) {
    *, :after, :before {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}
    section#health {margin-top: -344px !important;}
}
@media only screen and (max-width:755px) {
    *, :after, :before {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}
    section#health {margin-top: -404px !important;}
    section#intro #bottle {width: 110px;}
    #island {margin-top: -193px;}
    #island-night {margin-top: -193px;}
}
@media only screen and (max-width:600px) {
    *, :after, :before {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}
    #island {background-size: 246%;}
    #island-night {background-size: 246%;}
}
@media only screen and (max-width:549px) {
    *, :after, :before {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}
    section#intro section#intro-in {width: 100%;}
    li.menus#logo img {width: 150px !important;}
    li.menus {line-height: 110px !important;}
    li.menus a {font-size: 13px !important;}
    section#health section#health-in {width: 100%;}
    footer#footer footer#footer-in,
    footer#footer-page footer#footer-in {width: 100%;}
    footer#footer footer#footer-in ul#contact-block li,
    footer#footer-page footer#footer-in ul#contact-block li {width: 100% !important;margin-bottom: 25px;text-align: center;}
    footer#footer footer#footer-in ul#contact-block li h4,
    footer#footer-page footer#footer-in ul#contact-block li h4 {float: none;}
    footer#footer footer#footer-in ul#contact-block li i,
    footer#footer-page footer#footer-in ul#contact-block li i {float: none;display: inline-block;margin-right: 0;margin-bottom: 10px;}
    footer#footer footer#footer-in ul#contact-block li#block3 br,
    footer#footer-page footer#footer-in ul#contact-block li#block3 br {display: none;}
    header#header-page,
    header#header-home {width: 100%;}
    section#page-wrap {width: 100%;padding: 15px;}
    .owl-pagination {width: 100%;}
    .owl-theme .owl-controls .owl-page span {margin-right: 19px !important;}
    .owl-pagination:before {display: none;}
    section#page-wrap #page1 #page-left {width: 100%;}
    section#page-wrap #page1 #page-right {width: 100%;float: left;}
    section#page-wrap #page4 #story-frame {background: url("../img/story-frame-bg.png")top center;width: 100%;}
    section#page-wrap #page4 #story-frame #t {margin: 20px 10px 18px !important;margin-top: 99px !important; display: inline-block;}
    section#page-wrap #page4 #story-frame #logo {display: none;}
    section#page-wrap #page4 #story-frame #story-of-nimet {margin-top: 76px;}
    section#page-wrap #page4 #story-frame #story-of-nimet img {width: 100%;}
    .mobile-nimet {margin-top: 10px !important;}
    section#health section#health-in h2 {font-size: 36px;}
    section#health section#health-in p {font-size: 18px;line-height: 28px;}
    header#header-page h1 {font-size: 36px;}
}
@media only screen and (max-width:500px) {
    *, :after, :before {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}
    #mountain {background-size: 157%;}
    #mountain-night {background-size: 157%;}
    section#intro #seagull {display: none;}
}