@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,400,600,300,700);

/*-----------------------------------*/
/* Global Reset */
/*-----------------------------------*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, 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, b, 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;
	vertical-align: baseline;
}

body{
	overflow-x: hidden !important;
	background-color:#f25824;
	font-family: 'Open Sans', sans-serif;
	background-image:url(../image/watermark.png);
	background-repeat:no-repeat;
}

a{
	color:#FFF;	
}
a:hover{
	color:#FC3;	
}


.logo{
	text-align:center
}
.logo img{ 
margin-top: 16px;
}
.social-icons-wrapper{
	float:right;
	margin:auto;
}
.headermenu{
	width: 240px;
	margin:auto;
	
}


.headermenu li {position: relative;}
.headermenu > li {
    float: left;
	margin-top: 85px;
	list-style: none;
}

.headermenu > li > a {
    list-style:none;
    padding: 70px 7px 0 7px;
	height:90px;
    overflow: hidden;
    
	text-decoration: none;
	transition: background .25s ease-in-out;
   -moz-transition: background .25s ease-in-out;
   -webkit-transition: background .25s ease-in-out;
   
	
    vertical-align: middle;
}
.headermenu > li:hover > a,
.headermenu > li.hover > a {
	color:#36F !important;
}

.content{
	padding: 10px 40px;
	text-align: justify;
	font-size: 14px;
	color: #FFE8E0;
}
.homepage-content{
	font-size: 19px;
	font-weight: lighter;	
}
.homepage-header{
	color:#FFAC90;
}
.homepage-header h2{
	font-size:100px; 
	font-weight: 300;
	text-align:left;
}
.homepage-header h3{
	font-size: 65px;
	font-weight: 300;
	text-align:right
}

.overlay {
    position:fixed;
    top:0px;
    bottom:0px;
    left:0px;
    right:0px;
    background-color:#000;
    opacity: 0.7; display: block;
    z-index: 10;
	visibility:hidden
}

.footer-homepage{
	color: #FFE8E0;
	padding: 6px 66px;
	font-size:12px;
	background-color:#f25824;
	position:fixed; 
	bottom:0; 
}

.footer-wrapper{
	color: #FFE8E0;
	padding: 6px 66px;
	font-size: 12px;
	background-color: #f25824;
	/* position: fixed; */
	bottom: 0;
	border-top: #FFA6A6 thin solid;
	text-align: center;
}

/*------------*/
/*  Subpages  */
/*------------*/
.menu li {position: relative;}
.menu > li {
    float: left;
    width:100%;
	list-style: none;
	margin-top: 6px;
}
.menu > li > a {
    font-size: 15px;
	font-weight:bold;
   
    list-style:none;
    color:#333;
    text-align: center;
    
    padding: 0 7px;
	height:90px;

    overflow: hidden;
    text-overflow: ellipsis;
	text-decoration: none;
	transition: background .25s ease-in-out;
   -moz-transition: background .25s ease-in-out;
   -webkit-transition: background .25s ease-in-out;
   
	
    vertical-align: middle;
}
.menu > li:hover > a,
.menu > li.hover > a {
	color:#3fa3c9 !important;
}

.menu li:hover :not(.active-menu){
	margin-left:5px;
	
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.active-menu:hover{
	margin-left:0;
}

.menu {
-moz-transition: all 0.2s;
-o-transition: all 0.2s;	
/*border-right: #fff solid thin;*/
}
.active-menu{
	background: #DF4527; /* Old browsers */
	background: -moz-linear-gradient(left,  #DF4527 0%, #f25824 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#DF4527), color-stop(100%,#f25824)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  #DF4527 0%,#f25824 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  #DF4527 0%,#f25824 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  #DF4527 0%,#f25824 100%); /* IE10+ */
	background: linear-gradient(to right,  #DF4527 0%,#f25824 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#DF4527', endColorstr='#f25824',GradientType=1 ); /* IE6-9 */
	
	-webkit-border-top-left-radius: 12px;
	-webkit-border-bottom-left-radius: 12px;
	-moz-border-radius-topleft: 12px;
	-moz-border-radius-bottomleft: 12px;
	border-top-left-radius: 12px;
	border-bottom-left-radius: 12px;
	
	padding:6px;
	box-shadow: -6px 0px 0px #FDB79C;
	
}


/*Hide textual menu in desktop*/
.mobilemenu{
	display:none;	
}

.subpage-content{
	padding: 15px 20px;
	text-align: justify;
	font-size: 14px;
	color: #FFE8E0;
}

.subpage-content ul li{
	margin-left:30px	
}

@media (min-width: 1200px) {
	/*.menu {margin-left: 60px;}*/
}
@media (max-width: 992px) {
	.menu > li > a {
	 padding: 0 7px;
	}
	.menu{
	clear:both;
	}
	.homepage-header h2{
	font-size: 60px;
	}
	.homepage-header h3{
	font-size: 40px;
	}
	.headermenu > li {
	margin-top:0;
	height:auto;
	}
}
@media (max-width: 760px) {
	/*Show textual menu in mobile, tablet*/
	.mobilemenu{
		display:block;	
	}
	/*Hide image menu in mobile, tablet*/
	.menu{
		display:none;	
	}
	.mobilemenu > li {
		float:left; 
		width: 100%; 
		height:40px; 
		border-bottom:1px #CCC solid;
		padding: 10px;
		text-align: center;
		list-style-type: none;
		background-color:#F5562E
	}
	.mobilemenu > li:hover{
		background-color:#F60
	}
	
	.content{
	padding: 0;
	}
	.social-icons-wrapper{
	width:100%; 
	margin:auto
	}
	.contactus{
	text-align: center;
	}
}
@media (max-width: 480px) {
	.menu > li > a {
	 padding: 0 7px;
	}
	.content{
	padding: 10px 2px;
	font-size:13px
	
	}
	.homepage-header h2{
	font-size: 40px;
	text-align:center
	}
	.homepage-header h3{
	font-size: 28px;
	text-align:center;
	padding-right: 0px;
	}
	.footer{
	padding: 6px 0px;
	font-size:11px;
	}
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) 
{
.homepage-header h2{
	font-size:100px; 
	font-weight: 300;
	text-align:left;
}
.homepage-header h3{
	font-size: 65px;
	font-weight: 300;
	text-align:right
}
.homepage-content{
font-size: x-large;
}
}

* {
  -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}