@charset "utf-8";

/* Global Styles */

@font-face {
    font-family: "Lobster";
    src: url("Lobster1.3.ttf");
}

@font-face {
	font-family: "Aileron-SemiBold";
	src: url("Aileron-SemiBold.otf") format("opentype");
}

.sticky {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 999;
}

.centerbody {
	margin-top: 0;
	margin-bottom: 0;
	margin-left: auto;
	margin-right: auto;
	width: 960px;
}

.footertext {
	margin-bottom: 30px;
	font-size: 12px !important;
}

.disclaimer {
	font-size: 12px;
	text-align: left !important;
}

.creditsrow
{
    display: table;
    width: 100%; /*Optional*/
    table-layout: fixed; /*Optional*/
    border-spacing: 10px; /*Optional*/
}
.creditscolumn
{
	font-size: 14px !important;
    display: table-cell;
    text-align: center;
}

a.btn  {color:#000 !important; cursor:pointer !important;}
a.btn :link  {text-decoration: none; color: #000;}
a.btn :visited {text-decoration: none; color: #000;}
a.btn :hover {text-decoration: underline; color: #000; cursor: pointer}
a.btn :active {text-decoration: none; color: #000;}

/* Outer */
.popup {
    width:100%;
    height:100%;
    display:none;
    position:fixed;
    top:0px;
    left:0px;
    background:rgba(0,0,0,0.75);
}
 
/* Inner */
.popup-inner {
	overflow: scroll; overflow-x:hidden;
    height:480px;
    max-width:700px;
    
    width:90%;
    padding:40px;
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%);
/*
    box-shadow:0px 2px 6px rgba(0,0,0,1);
    border-radius:3px;
*/
    background:#fff;
}
 
/* Close Button */
.popup-close {
    width:30px;
    height:30px;
/*     padding-top:4px; */
    display:inline-block;
    position:absolute;
    top:20px;
    right:15px;
    transition:ease 0.25s all;
/*
    -webkit-transform:translate(50%, -50%);
    transform:translate(50%, -50%);
*/
    border-radius:1000px;
    background:rgba(0,0,0,0.8);
    font-family:Arial, Sans-Serif;
/*     font-size:20px; */
    text-align:center;
    line-height:120%;
    color:#fff;
}
 
.popup-close:hover {
/*
    -webkit-transform:translate(50%, -50%) rotate(180deg);
    transform:translate(50%, -50%) rotate(180deg);
*/
    background:rgba(0,0,0,1);
    text-decoration:none !important;
}

body {
	z-index: -2;
	text-align: center;
}

body, a, a:hover, a:active, a:visited, p , div {
	margin: 0;
	padding: 0;

	color: inherit;
    
	font-family: Aileron-SemiBold, sans-serif;
	font-size: 18px;
}

p {
	line-height: 25px;
	margin-bottom: 10px;
}

table, td, th, tr {
	margin: 0;
	padding: 0;
	border-spacing: 0;
	border: 0;

	font-family: Aileron-SemiBold, sans-serif;
	font-size: 18px;
}

a, a:hover, a:active, a:visited {
	/*color: #ef9a46;*/
	outline: none;
}

ul.greendot {
	list-style-image: url('greendot.png');
}

li {
	margin-bottom: 10px;
}

h1 {
	font-size: 36px;
	margin: 0;
	padding: 0;
	margin-bottom: 36px;
}

h2, h3 {
	font-size: 24px;
	margin: 0;
	margin-bottom: 24px;
	padding: 0;
}

.contactTextStyle {
	border: 0 solid #fff;
	border-radius: 10px;
	background-color: #fbeabd;
	font-family: Aileron-SemiBold, sans-serif;
	font-size: 24px;
	padding-left: 15px;
	padding-right: 15px;
	vertical-align: top;
}

.contactSubmitButtonStyle {
	border: 0 solid #fff;
	border-radius: 10px;
	background-color: #63c635;
	font-family: Aileron-SemiBold, sans-serif;
	font-size: 24px;
	color: #fff;
	padding-left: 15px;
	padding-right: 15px;
	vertical-align: top;
}

select {
	margin: 10px;
	background: transparent;
	width: 50px;
/*
	padding: 5px 35px 5px 5px;
	font-size: 16px;
*/
	border: 1px solid #ccc;
	height: 30px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: url(../images/select_arrow.png) no-repeat #eee;
	background-position: right;
} 
 
/*target Internet Explorer 9 and Internet Explorer 10:*/
/*
@media screen and (min-width:0\0) { 
    select {
        background:none;
        padding: 5px;
    }
}
*/

.flag {
	width: 16px;
	height: 11px;
	background:url(flags.png) no-repeat
}

.flag.flag-de {background-position: -16px 0}
.flag.flag-es {background-position: -32px 0}
.flag.flag-fr {background-position: 0 -11px}
.flag.flag-gb {background-position: -16px -11px}
.flag.flag-ru {background-position: -32px -11px}
.flag.flag-sa {background-position: 0 -22px}
.flag.flag-tr {background-position: -16px -22px}

button::-moz-focus-inner {
  border: 0;
}

:focus {outline:none !important;}

input:focus {
    outline: none;   
}

:focus {outline:none;}
::-moz-focus-inner {border:0;}

textarea.contactTextStyle {
	padding-top:20px;
	padding-bottom:15px;
}

.quranquote {
	font-family:Lobster;
	font-size:22px;
} 

.clear {
	clear: both;
}

.black_transparent {
	background-color: rgba(0, 0, 0, 0.85);
}

/* Header */

.nav_menu_container {
	position: relative;
	max-width: 960px;
	margin: 0 auto;
}

.nav_menu {
	float: right;
}

.nav_menu_item {
	font-family: Lobster;
	font-size: 26px;
	vertical-align: middle;
	padding: 0 15px;
}

.nav_menu_item img {
	padding: 0;
}

.nav_menu_item a, .nav_menu_item a:visited {
	font-family: Lobster;
	font-size: 26px;
	color: #fff;
	text-decoration: none !important;
	outline:none !important;
}

.nav_menu_item a:active, .nav_menu_item a:hover {
	font-family: Lobster;
	font-size: 26px;
	color: #ff9226;
}

/* Content */

.top_background {
	position: absolute;
	z-index: -2;
	width: 100%;
	height: 825px;
	
	background: url(../images/bg_top.jpg) no-repeat top center; 
	-webkit-background-size: 1920px 825px;
	-moz-background-size: 1920px 825px;
	-o-background-size: 1920px 825px;
	background-size: 1920px 825px;
}

.main_container {
	height: 474px;
	z-index: 996;
}

.main_header_container {
	width: 960px;
	height: 800px;
	margin: 0 auto;
}

.main_header_body {
	width: 394px;
	text-align: center;
	float: right;
}

#contentarea {
	clear: both;
	background-color: #fff;
	color: #333333;
	margin: 0 auto;
	padding: 0;
	max-width: 1920px;
}