html,body {
	 min-height:100%;
	 background-color: #FFFF;
	 font-family: 'Tajawal', sans-serif;
}
/* DropDown Menu Styles */
.top-menu > .row > div {
    height: 100%;
}
.bordrs{
	 border-right: 1px solid #eee;
	 min-height: 100px;
}
.bordrs a{
	color:#3497DD !important;
}
.bordrs h5{
	font-size: 15px;
}
.bg-dark{
	background-color: #FFFF !important;
	border-bottom: 1px solid #eeee;
}
.navbar-brand{
	margin-bottom: 23px!important;
	height: 65px;
}
.navbar-brand .logo{
	max-width: 150px;
	margin: -18px 0px -10px 0px;
	outline: none;
}
.navbar .navbar-dark{
	position: fixed;
}
.flashImg{
	height: 250px;
	margin-top: 35px;
	display: block;
    margin-left: auto;
    margin-right: auto;
}
.title{
	color:#3497DD;
	font-weight: bold;
    font-size: 27px;
    margin-right: 0;
    margin-top: 15px;
}
.flashText {
	color: #3497DD;
	font-weight: bold;
    font-size: 20px;
    text-align: justify;
    text-justify: inter-word;
    margin: 7px;
}
.flashTop{
 	margin-top: 40px;
}
.sides{
	margin-top: 20px;
	margin-bottom: 20px;
}
.align h4{
	text-align: justify;
    text-justify: inter-word;
    margin-top: 20px;
}
.horizontal{
	 margin-top: 80px;
     background: url('/images/back.png');
     background-repeat: no-repeat !important;
	 background-size: cover !important;
	 background-position: center;
	 min-height: 650px;
} 
.footer p{
	font-size: 15px;
}
.footer span{
	font-size: 15px;
}
.footer a{
	font-size: 15px;
}
.min{
	padding: 10px;
	margin: 10px;
}
.min img{
	height: 180px;
	display: block;
    margin: auto;
	
}
.bx-wrapper {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 0;
}
.slideTop{
	margin-top: 25px;
	margin-top: 25px;
}
.key{
	border: 1px solid #eee;
	margin: 5px;
}
.key h3{
	border-bottom: 1px solid #eee;
}
/* Contact */
.contact-section{
	margin-top: 20px;
}
.contact-form, .contact-add-box {
    background-color: #FFF;
    margin-bottom: 30px;
    padding: 30px;
}
.contact-section h4 {
    font-size: 24px;
    margin-bottom: 20px;
    color: #3497DD;
    font-weight: 600;
    text-transform: capitalize;
}
 .form-control {
    height: 45px;
    border: 1px solid #3497DD;
    border-radius: 0px;
    font-size: 16px;
    color: #242424;
    padding: 0 10px 0 20px;
}
.contact-form textarea.form-control {
    height: 140px;
    resize: inherit;
    border-radius: 0px;
}
.comment-box {
    color: #fff;
    font-size: 16px;
    line-height: 1.5em;
    font-weight: 500;
    text-transform: capitalize;
}
.contact-btn {
    border: 2px solid transparent;
    background-color: #3497DD;
    color: #fff;
    margin-top: 30px;
    padding: 0px 10px 0px 10px;
    font-size: 20px;
    outline: none;
}
/* Contact Add Box  */
.address-details {margin-top:45px;margin-bottom:45px;}
.contact-add-box ul {
    list-style:none;
    font-size:15px;
    font-weight:500;
    line-height:25px;
}
.contact-add-box i { 
    color: #3497DD;
    padding-right:10px;
     font-size:20px;
}

/* Social Icons */
.social-icons {margin:48px 0px 48px 0px ;}
.social-icons i{
    margin-right: 10px;
    padding: 0px;
    font-size:35px;
    box-shadow: 0 0 3px rgba(0, 0, 0, .2);
}
.social-icons li {
	margin: 0px;
	padding: 0;
	display: inline-block;
}
#social-fb:hover {
     color: #3B5998;
     transition:all .001s;
 }
 #social-tw:hover {
     color: #4099FF;
     transition:all .001s;
 }
 #social-gp:hover {
     color: #1686B0;
     transition:all .001s;
 }
 #social-em:hover {
     color: #f39c12;
     transition:all .001s;
 }
.fa-paper-plane{
	color: #FFF;
	font-size: 15px;
	padding-right: 10px;
}
address {
    margin-bottom: 0px;
    font-style: normal;
    line-height: 1.42857143;
    margin-left: 27px;
}
.xper{
	margin-top: 40px;
}
.modals{
	margin-bottom: -20px;
	margin-top: 40px;
}
.modals span{
	font-size: 21px;
	font-weight: bold;
	color: #0664AC;
}
.modals a{
	text-decoration: none;
	cursor: pointer;
	color: #0664AC;
}
.customize {
	min-height: 150px;
	margin-top: 70px;
}
.think {
	margin-top: 30px;
	color: #3497DD;
	font-size: 25px;
	font-weight: bold;
}
/* Features */
.shape {
	border-style: solid;
	border-width: 0 70px 40px 0;
	float: right;
	height: 0px;
	width: 0px;
	-ms-transform: rotate(360deg); /* IE 9 */
	-o-transform: rotate(360deg); /* Opera 10.5 */
	-webkit-transform: rotate(360deg); /* Safari and Chrome */
	transform: rotate(360deg);
}
.offer {
	background: #fff;
	border: 1px solid #ddd;
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
	margin: 15px 0;
	overflow: hidden;
	min-height: 200px;
}
.offer:hover {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: rotate scale(1.1);
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
.shape {
	border-color: rgba(255, 255, 255, 0) #d9534f rgba(255, 255, 255, 0)
		rgba(255, 255, 255, 0);
}
.offer-radius {
	border-radius: 7px;
}
.offer-info {
	border-color: #0664AC;
}

.offer-info .shape {
	border-color: transparent #0664AC transparent transparent;
}
.shape-text {
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	position: relative;
	right: -40px;
	top: 2px;
	white-space: nowrap;
	-ms-transform: rotate(30deg); /* IE 9 */
	-o-transform: rotate(360deg); /* Opera 10.5 */
	-webkit-transform: rotate(30deg); /* Safari and Chrome */
	transform: rotate(30deg);
}
.offer-content {
	padding: 0 20px 10px;
}
.lead{
	color: #0664AC;
	font-weight: 500;
}
.arrow {
  margin: 8% 0;
}
.arrow a{
	color: #0664AC;
}
.bounce {
  -moz-animation: bounce 2s infinite;
  -webkit-animation: bounce 2s infinite;
  animation: bounce 2s infinite;
}

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-30px);
  }
  60% {
    transform: translateY(-15px);
  }
}
@media ( min-width : 487px) {
	.container {
		max-width: 750px;
	}
	.col-sm-6 {
		width: 50%;
	}
}
@media ( min-width : 900px) {
	.container {
		max-width: 970px;
	}
	.col-md-4 {
		width: 33.33333333333333%;
	}
}

@media ( min-width : 1200px) {
	.container {
		max-width: 1170px;
	}
	.col-lg-3 {
		width: 25%;
	}
}

/*  Nav Tabs  */

.tab_container {
	width: 100%;
	margin: 0 auto;
  position: relative;
  margin-top: 50px;
}section {
  clear: both;
  padding-top: 10px; 
  display: none; 
}
label {
  font-weight: 700;
  font-size: 18px;
  display: block;
  float: left;
  width: 30%;
  padding: 1.5em;
  color: black;
  cursor: pointer;
  text-decoration: none;
  text-align: center;
  background: #FFF;
}
#tab1:checked ~ #content1,
#tab2:checked ~ #content2,
#tab3:checked ~ #content3,
#tab4:checked ~ #content4,
#tab5:checked ~ #content5 {
  display: block;
  padding: 20px;
  background: #fff;
  color: #575454;
}
.tab_container .tab-content p,
.tab_container .tab-content h3 {
  -webkit-animation: fadeInScale 0.7s ease-in-out;
  -moz-animation: fadeInScale 0.7s ease-in-out;
  animation: fadeInScale 0.7s ease-in-out;
}
.tab_container .tab-content h3  {
  text-align: center;
}
.tab_container [id^="tab"]:checked + label {
  background: #fff;
  box-shadow: inset 0 3px #3497DD;
}
.tab_container [id^="tab"]:checked + label .fa {
  color: #3497DD;
}
label .fa {
  font-size: 1.3em;
  margin: 0 0.4em 0 0;
}
input[type="radio"]{
	display: none;
}
/*Media query*/
@media only screen and (max-width: 930px) {
  label span {
    font-size: 14px;
  }
  label .fa {
    font-size: 14px;
  }
}

@media only screen and (max-width: 768px) {
  label span {
    display: none;
  }

  label .fa {
    font-size: 16px;
  }

  .tab_container {
    width: 98%;
  }
}
/*Content Animation*/
@keyframes fadeInScale {
  0% {
  	transform: scale(0.9);
  	opacity: 0;
  }
  
  100% {
  	transform: scale(1);
  	opacity: 1;
  }
}
.para p{
	font-size: 21px;
	color: black;
}
.para img{
	height:180px; 
	margin: 10px;
	background: #FFF;
} 
.top{
	margin-top:60px;
}
.terms{
	border: 1px solid #eee;
	margin: 20px;
}
.termsScroll{
	max-height: 410px;
	overflow: auto;
}
.termsScroll h5{
	font-size: 18px;
	font-weight: bold;
}
.termsScroll p{
	color: #575454;
	font-size: 16px;
	text-align: justify;
    text-justify: inter-word;
    margin : 20px;
    line-height: 24px;
}
.right-menu {
    margin-top: 10px!important;
    padding: 0px 20px;
}
.right-menu > * {
    padding: 0px 15px;
    cursor: pointer;
    vertical-align: middle;
}
@media only screen and (max-width: 600px) {
 .navbar-brand .logo
 {
	max-width: 100px!important;
	margin: -10px 0px -10px 0px;
	outline: none;
}
}
.fa-close
{
  margin-top: 43px;
  font-size:18px;
  padding-top: 4px;
}