@import url('https://fonts.googleapis.com/css?family=Raleway|Merienda');
/*****************/

/** Haddah Valley CSS */
#sp-header {
    box-shadow: 0 0 10px 0 #000;
}
.col-xs-4{
	float: right;
}
#sp-top1{
	padding-top: 0px;
	padding-bottom: 2px;
	background: #fff;
}
#sp-top1 a{
	color: #444444;
	background: none;
}
#sp-top1 a:hover{
	color: #000;
	background: none;
}
.top1-section1{
	text-align: center;
	padding: 5px 0px 5px 0px;
	float: left; 
	width: 35%;
	border-right: solid 2px #ddd;
	text-transform: uppercase;
	background: #aafda0;
	 -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.top1-section1:hover{
	width: 35%;
	background: #6ffb5e;
	 -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.top1-section3{
	text-align: center;
	padding: 5px 0px 5px 0px;
	float: left; 
	width: 35%;
	text-transform: uppercase;
	background: #f9f4ae;
	-webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.top1-section3:hover{
	width: 35%;
	background: #f3ec89;
	 -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.top1-section2{
	text-align: center;
	padding: 5px 0px 5px 0px;
	float: left; 
	width: 30%;
	border-right: solid 2px #ddd;
	text-transform: uppercase;
	background: #94dafb;
	-webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.top1-section2:hover{
	width: 30%;
	background: #4cbff5;
	 -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.sp-megamenu-parent >li >a {
	font-family: 'Raleway', sans-serif;
	background-image: url('../images/mainmenu-border.png');
    background-repeat: no-repeat;
    background-position: right; 
}
.sp-megamenu-parent >li:hover>a {
    background-image: url('../images/mainmenu-border.png');
    background-repeat: no-repeat;
    background-position: right;
	color: #ffe58e;
}
.sp-megamenu-parent >li.active>a {
   background-image: url('../images/mainmenu-border.png');
    background-repeat: no-repeat;
    background-position: right;
	color: #ffe58e;
}
.sp-megamenu-parent >li.sp-has-child>a:before {
  display: none;
}
/** Nivo Slideshow */

.nivo-title{
	color: #001223;
    font-size: 65px;
	font-family: 'Dancing Script', cursive;
	text-align: left;
	line-height: normal;
	margin-left: 5px;
	text-transform: none;
}
.nivo-caption p {
    padding: 5px;
    margin: 0;
	font-size: 40px;
    color: #011f38;
	font-weight: 700;
}
.nivo-pretitle{
	color: #000000;
    font-size: 30px;
	font-family: 'Dancing Script', cursive;
	text-align: left;
	line-height: normal;
	margin-left: 5px;
	margin-bottom: 10px;
}
.nivo-caption {
    box-sizing: border-box;
    color: #000;
    display: none;
    left: 5%;
    opacity: 0.8;
    overflow: hidden;
    padding: 5px 10px;
    position: absolute;
    right: 30%;
    top: 23%;
    width: 50%;
    z-index: 8;
}
/** End of Nivo Slideshow */
.about-home{
	padding: 30px 20px 10px 20px;
	color: #000000;
	font-family: 'Raleway', sans-serif;
	width: 70%;
	background: #ffffff9c;
}
.about-home-mob{
	padding: 0px 10px 0px 20px;
	color: #000000;
	font-family: 'Raleway', sans-serif;
	text-align: center;
	background: #fff;
}
.staff{
	color: #1567c1;
	font-family: 'Raleway', sans-serif;
	font-size: 25px;
    line-height: normal;
	padding: 0px 18px;
	margin-bottom: 30px;
}
.discover {
	color: #ffffff;
	font-family: 'Raleway', sans-serif;
	font-size: 30px;
    line-height: normal;
	margin-bottom: 30px;
}
.why-haddah{
	background: linear-gradient(to right,#96ca42,#518d35 10%,#518d35 90%,#96ca42);
}
#why-haddah{
	margin-top: 0px;
}
/** News Show SP2 */
div.ns2-author, div.ns2-created, div.ns2-category {
    display: none;
}
div.nssp2-default .ns2-art-controllers, div.nssp2-default .ns2-links-controllers {
    float: none;
    padding-top: 20px;
}
div.nssp2-default .ns2-art-pagination, div.nssp2-default .ns2-links-pagination {
    float: none;
 margin-left: 45%;
}
h4.ns2-title {
    font-size: 100%;
    font-weight: bold;
	color: #424242;
	text-align: center;
}
img.ns2-image {
    max-width: 100%;
    height: auto;
}
/** End of News Show SP2 */

.partners{
	color: #ffffff;
	font-family: 'Raleway', serif;
	font-size: 35px;
	padding-top: 35px;
	font-weight: 700;
	border-bottom: solid 2px #fff;
    letter-spacing: normal;
	text-transform: uppercase;
}
.features{
	color: #5c0384;
	font-family: 'Raleway', serif;
	font-size: 30px;
	margin-bottom: 20px;
	font-weight: normal;
	border-bottom: 6px solid #99cc00;
    letter-spacing: normal;
}
.button-middlepix{
  background:#1667c2;
  border:none;
  position:relative;
  height:40px;
  font-size:1.6em;
  padding: 7px 5px 5px 5px;
  margin-left: 30px;
  margin-right: 30px;
  text-align: center;
  cursor:pointer;
  transition:800ms ease all;
  outline:none;
}

.button-middlepix:hover{
  background:#084d9a;
  color:#fff;
}
.button-middlepix:before,.button-middlepix:after{
  content:'';
  position:absolute;
  top:0;
  right:0;
  height:2px;
  width:0;
  background: #ffffff;
  transition:400ms ease all;
}
.button-middlepix:after{
  right:inherit;
  top:inherit;
  left:0;
  bottom:0;
}
.button-middlepix:hover:before,.button-middlepix:hover:after{
  width:100%;
  transition:800ms ease all;
}
.middle-pix{
	color: #0043be;
    font-size: 18px;
	font-family: 'Raleway', sans-serif;
	text-align: center;
	line-height: normal;
	font-weight: normal;
	margin: 18px 0px 18px 0px;
}
.bottom-border{
    border-top: solid 5px #ccc;
}
.my-footer {
    font-size: 13px;
	padding: 5px 0px 20px 0px;
}

/** Social Media Icons */
.facebook{
	float: right;
	margin-right: 20px;
	font-size: 25px;
}

.fa-facebook-square{
	color: #3b5997;
}
.fa-facebook-square:hover{
	color: #063461;
}
.fa-twitter-square{
	color: #00abf1;
}
.fa-twitter-square:hover{
	color: #063461;
}
.fa-linkedin-square{
	color: #3373bd;
}
.fa-linkedin-square:hover{
	color: #063461;
}
.fa-youtube-square{
	color: #cd322d;
}
.fa-youtube-square:hover{
	color: #063461;
}
/** End of Social Media Icons */

#sp-page-builder .sppb-section-title.sppb-text-center .sppb-title-subheading {
    font-family: 'Raleway', serif;
}
h4 {
    margin-top: 25px;
    margin-bottom: 0px;
}
.hidden-menu{
	background: #e4e4e4;
	border-radius: 8px;
}
.breadcrumb {
    padding: 18px 0px 0px 0px;
    margin-bottom: 0px;
    list-style: none;
    background-color: #ffffff;
    border-radius: 4px;
}
.contact-us{
margin: 15px 0px 10px 0px;
    font-size: 28px;
    line-height: 35px;
    text-align: left;
    padding-bottom: 10px;
    border-bottom: solid 1px #0e2180;
    color: #0e2180;
    font-family: 'Merienda', cursive;
}
.contact-us2{
    font-size: 18px;
    line-height: normal;
    text-align: left;
    color: #063461;
	text-transform: none;
}
#sp-bottom a {
    color: #5a6b77;
	padding-bottom: 0px;
	margin-bottom: 0px;
}
#sp-bottom a:hover {
    color: #000;
	background: none;
}
#sp-bottom .sp-module .sp-module-title{
	background: none;
	color: #2a3f92;
	border-bottom: dotted 1px #2a3f92;
}
.module-typo1{
	background: #fff484; 
	border: solid 3px #f7ea65; 
	border-radius: 0px 20px 0px; 
	padding: 10px 10px 10px 15px;
	font-family: 'Merienda', cursive;
	font-size: 15px;
}
.module-typo1 a{
	color: #2f2f2f;
}
.module-typo1 a:hover{
		color: #000000;
}
/** News Ticker CSS */
.sp-nh-item {
	font-size: 20px;
}
span.sp-nh-text, .sp-nh-prev, .sp-nh-next {
    font-size: 20px;
	 font-family: 'Raleway', serif;
}
/** News Ticker CSS */

/** End Of Haddah Valley CSS */



hr {
    border-top: 1px solid #5a6b77;
	margin-bottom: 5px;
}
.sppb-btn-sm {
    font-size: 13px;
}
.sppb-btn-info {
    color: #fd5858;
    background-color: #ffffff;
    border-color: #ffffff;
}
.sppb-btn-default {
    color: #fd5858;
    background-color: #efefef;
    border-color: #efefef;
}

/** For Mobile Only - Slider */
.sp-corporex-layout, .sp-corporex-layout h1, .sp-corporex-layout h2, .sp-corporex-layout h3 {
    font-size: 16px;
    line-height: normal;
    text-transform: none;
    text-align: center;
    font-family: 'Raleway', sans-serif;
}
.sp-corporex-layout .sp-slider-content {
    top: 30%;
    padding: 5px;
	text-transform: none;
}
/** End of For Mobile Only - Slider */

.items-leading{
	background: #f0f0f0b5;
	padding-bottom: 20px;
	margin-bottom: 50px;
	box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.49);
	border: none;
	border-radius: 4px;
}

/** My Classes */


.my-logo{
	
}


.latest-news{
	margin-right: 25px;	
	border-right: solid 1px #5a6b77;	
}
.downloadcenter{
	color: #757475;
}
.downloadcenter a{
	color: #757475;
}
.downloadcenter a:hover{
	color: #ffffff;
}


.learn-more{
	background: #0a4c80;
	color: #ffffff;
	font-size: 11px;
    padding: 11px 5px;
	letter-spacing: 1px;
	cursor: pointer;
    text-transform: uppercase;
	margin-top: 25px;
    margin-right: 120px;
    margin-left: 120px;
	margin-bottom: 10px;
}
.learn-more a{
	background: #0a4c80;
	color: #ffffff;
}


.news-title{
	font-size: 25px;
	color: #0a4b7dd6;
}


/** End of My Classes */

legend {
    font-size: 100%;
	font-family: 'Raleway', sans-serif;
}

.page-header {
    padding-bottom: 15px;
    display: none;
}
ul.sigProClassic span.sigProPseudoCaption, ul.sigProClassic span.sigProCaption {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    padding: 2px 4px;
    /* font-family: Arial, Helvetica, sans-serif; */
    font-size: 18px;
    font-weight: normal; 
    font-family: 'Raleway', serif;
}