@charset "utf-8";
/* CSS Document */

body { margin:0; padding:0; background:#000; font-family:Verdana, Geneva, sans-serif;}

/* Style for our header texts
* --------------------------------------- */
h1 { font-size: 4em; color: #fff; margin:0; padding:0;}
p { font-size:1.1em; line-height:1.7em;}

#logo {display:inline-block; position:fixed; z-index:99; top:1em; left:1em;}
#logo img { max-width:200px;}
a.menu_icon, #my-icon {position:fixed; z-index:99; top:0; right:0; color:#fff;}

/* Defining styles in all section
* --------------------------------------- */
.section { padding:1em;}
.section h1 { top: 43%; transform: translateY(-43%); position: relative; width:60%;}
.section p { top: 45%; transform: translateY(-43%); position: relative; color:#fff; width:27%;}
/*
#section4.section h1 { top: 35%;}
#section5.section h1 { top: 35%;}
#section6.section h1 { top: 36%;}
#section7.section h1 { top: 36%;}
*/
#section2.section p { top: 41%;}
#section3.section p { top: 45%;}
#section4.section p { top: 43%;}

#section5.section p { top: 41%;}
#section6.section p { top: 43%;}
#section7.section p { top: 41%;}

/* Backgrounds will cover all the section
* --------------------------------------- */
.section { background-size: cover; background-attachment: fixed;}

/* Defining each section background and styles
* --------------------------------------- */
#section0 { background-image: url(../images/home_banners/bg0.jpg);}
#section1 {	background-image: url(../images/home_banners/bg1.jpg); padding-top:6%;}
#section2 {	background-image: url(../images/home_banners/bg2.jpg); padding-top:6%;}
#section3 {	background-image: url(../images/home_banners/bg3.jpg); padding-top:6%;}
#section4 {	background-image: url(../images/home_banners/bg4.jpg); padding-top:6%;}
#section5 {	background-image: url(../images/home_banners/bg5.jpg); padding-top:6%;}
#section6 {	background-image: url(../images/home_banners/bg6.jpg); padding-top:6%;}
#section7 {	background-image: url(../images/home_banners/bg7.jpg); padding-top:6%;}

/* Overwriting styles for fullpage
* --------------------------------------- */
.controlArrow.prev {left: 50px;}
.controlArrow.next {right: 50px;}
#fp-nav ul li a span, .fp-slidesNav ul li a span { background: #fff;}

/* Overwriting styles for mmenu
* --------------------------------------- */
nav#menu li, nav#menu li a {color:#000;}
nav#menu li:hover, nav#menu li a:hover {color:#f36f21;}
.mm-navbar { background:#2e3192;}
.mm-title { color:#fff !important;}
.mm-menu .mm-btn:after,.mm-menu .mm-btn:before {border-color:rgba(255,255,255,.6)}

/* Overwriting styles for hamburger
* --------------------------------------- */
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after { background-color: #fff; width: 30px; height: 2px;}


@media only screen and ( max-width: 64em ) /* 1024 */
{
h1 { font-size: 2.5em;}
.section h1 { top: 40%; transform: translateY(-33%); position: relative; width:100%;}
.section p { top: 40%; transform: translateY(-33%); width:65%;}

#section2.section p { top: 40%;}
#section3.section p { top: 40%;}
#section4.section p { top: 38%;}
#section7.section p { top: 38%;}
}

@media only screen and ( max-width: 46em ) /* 736 */
{
h1 { font-size: 2em;}
.section p { line-height:1.4em;}

#section0.section p { top: 45%;}
#section2.section p { top: 45%;}
}


@media screen and (max-width: 40em) /* 640 */
{
h1 { font-size: 1.5em;}
p { font-size:0.9em; line-height:1.4em;}

#logo {display:block; position:absolute; top:1.0em; left:0; text-align:center;}
#logo img { width:90%;}

.section h1 { top: 36%; transform: translateY(-33%); position: relative;}
.section p { top: 40%; transform: translateY(-33%); width:80%;}

#section0.section p { top: 42%;}
#section1.section p { top: 38%;}
#section2.section p { top: 38%;}
#section3.section p { top: 39%;}
#section4.section p { top: 40%;}
#section5.section p { top: 38%;}
#section6.section p { top: 43%;}
#section7.section p { top: 40%;}

#section1, #section2, #section6 { background-position: center;}
}