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

/*------------------------------------------------------- Google Font ----------------------------------------------------------------*/
@import url(https://fonts.googleapis.com/css?family=Lato:300,300i,400,400i,700,700i,900,900i);
@import url(https://fonts.googleapis.com/css?family=Tangerine:400,700);
/*-------------------------------------------------------- Google font end ----------------------------------------------------------*/

html {
  -webkit-text-size-adjust: none; /* Prevent font scaling in landscape */
  overflow-x:hidden;
}
body{
	font-size:14px;
	font-family: 'Lato', sans-serif;
	line-height:20px;
	color:#333;
	background:#fff;
	padding:0;
}
a{
	text-decoration:none;
	color:#1a1a1a;
}
a:hover{
	text-decoration:none;
	color:#397fa9;
}
*{
	margin:0;
	padding:0;
}
img{
	border:0;
	outline:none;
	position:inherit;
	top:inherit;
}
.spacer,.clear{
	clear:both;
	line-height:0;
	font-size:0;
}
ul, li, ol{
	list-style:none;
}
.center{
	text-align:center;
}
.leftAlign{
	text-align:left;
}
section, article, header, footer, nav, aside, hgroup { display: block;}
.noBg{
	background:none!important;
}
.noRightMargin{
	margin-right:0!important;
}
.noBottomMargin{
	margin-right:0!important;
}
.noMargin{
	margin:0!important;
}
.noBorderRight{
	border-right:0 none!important;
}
p{
	padding-bottom:20px; 
	font-size:13px;
	line-height:22px;
}
h1, h2, h3, h4, h5, h6{
	padding:0;
	margin:0;
	
}
textarea {
	resize:none;	
}
.center{
	text-align:center;
}
hr{
	border:1px solid #323131;
	margin: 0;
	padding:0;
}
/*---------------------- GENERAL STYLE END ----------------------------*/
.container{
	margin:0px auto;
	position:relative;
}
.container h2{
	color:#0076bd;
	font-size:34px;
	margin:0;
}
.container p{
	color:#443c3a;
	font-size:20px;
	line-height:28px;
	font-weight:400;
	margin:0;
	padding-bottom:15px;
}
.container a{
	color:#318691;
	display:inline-block;
}
.container a:hover{
	color:#397fa9;
}

/*------------------------------- start header ---------------------------------*/
.header{
	/*z-index:1;*/
	position:relative;
	background:url(../images/body-bg.jpg) no-repeat center top;
	background-size:cover !important;
}
/*-------------------------------- start logoBar ---------------------------*/
.logoBar{
	padding:15px 0;
	position:relative;
	z-index: 5;
}
.quickInfo{
	text-align:right;
}
.logo{
	text-align:right;
}
/*--------------------------- end header -----------------------------------*/								
/*------------------------------ start navBar ---------------------------------*/
.navbar {
    position: relative;
    min-height: inherit;
    margin-bottom: 0;
    border: 0;
	float:right;
	text-align:right;
	padding:35px 0;
}
.navbar {
    border-radius: 0;
}
.navbar-nav{
	padding-top:5px;
}
.navbar-nav > li{
	padding:0 18px; 
	font-weight: 400;
	font-size: 15px;
	text-transform: uppercase;
}
.navbar-nav > li:first-child{
	padding-left:0;
}
.navbar-nav > li:last-child{
	padding-right:0;
}
.navbar-nav > li > a{
	color:#1f1f1f;
	padding:0;
}
.navbar-nav > li.active > a{
	background:none;
	color:#d5d2d2;
}
.navbar-nav > li > a:hover{
	background:none;
	color:#d5d2d2;
}
.dropdown-menu {
	background-color: #8a73b4;
}
.dropdown-menu > li > a {
	color:#fff;
	padding:5px 15px;
}
.dropdown-menu > li{
	text-transform:none;
}
.navbar-right .dropdown-menu {
	left:0;
	right:auto;
}
.navbar-nav > li > .dropdown-menu{
	text-align:right;
}
.navbar-fixed {
    top: 0;
    z-index: 100;
    position: fixed;
    width: 100%;
	background:#fff;
}
/*--------------------------------- end navBar ------------------------------*/	
.languageBox{
	float:left;
	padding:36px 0;
}
.languageBox select{
	background:#fff;
	border:1px solid #272927;
	padding:2px 5px;
	width:132px;
}
ul.socialIcons {
	float:right;
	padding:35px 0;
}
ul.socialIcons li{
	float:left;
	width:27px;
	height:27px;
	background:#272927;
	border-radius:50px;
	border:1px solid #fff;
	text-align:center;
	display: flex;
    flex-direction: column;
    justify-content: center;
	margin-right:5px;
	font-size:14px;
}
ul.socialIcons li:last-child{
	margin-right:0;
}
ul.socialIcons li a{
	color:#fff;
}
ul.socialIcons li a:hover{
	color:#a5daf2;
}
/*------------------------------ start bannerCaption -----------------------------*/
.bannerCaption{
	text-align:center;
	/*padding:220px 0 70px;*/
	padding:50px 0 70px;
}
.bannerCaption h1 span{
	display:block;
	font-size:20px;
}
.bannerCaption h1{
	color:#272927;
	font-size:35px;
	line-height:44px;
	text-transform:uppercase;
	text-shadow: rgb(255, 255, 255) 2px 0px 0px, rgb(255, 255, 255) 1.75px 0.966667px 0px, rgb(255, 255, 255) 1.08333px 1.68333px 0px, rgb(255, 255, 255) 0.133333px 2px 0px, rgb(255, 255, 255) -0.833333px 1.81667px 0px, rgb(255, 255, 255) -1.6px 1.2px 0px, rgb(255, 255, 255) -1.98333px 0.283333px 0px, rgb(255, 255, 255) -1.86667px -0.7px 0px, rgb(255, 255, 255) -1.3px -1.51667px 0px, rgb(255, 255, 255) -0.416667px -1.95px 0px, rgb(255, 255, 255) 0.566667px -1.91667px 0px, rgb(255, 255, 255) 1.41667px -1.41667px 0px, rgb(255, 255, 255) 1.91667px -0.566667px 0px;
}
/*------------------------------ end bannerCaption ------------------------------*/
/*------------------------------- start serviceWrap ----------------------------*/
.serviceWrap{
	padding:40px 0 0;
	text-align:center;
}
.box-01{}
.box-02{
	margin-top:40px;
}
.box-03{
	margin-top:80px;
}
.box-04{
	margin-top:120px;
}
.box-05{
	margin-top:160px;
}
.box-06{
	margin-top:200px;
}
.serviceBox{
	/*background:#eaeaea;*/
	background: rgba(234, 234, 234, 0.61);
	position:relative;
	text-align:center;
	padding:65px 0 110px;
}
.serviceBox h3{
	font-size:15px;
	line-height:22px;
	text-transform:uppercase;
	color:#272927;
	display:block;
	padding-top:15px;
}
.serviceBoxIcon {
	-webkit-perspective: 600px;
	text-align:center;
	position: absolute;
	top: -62px;
	left: 20px;
}
.front  {
	transition: -webkit-transform 1s;
	-webkit-transform-style: preserve-3d;
	-webkit-backface-visibility: hidden;
	overflow: hidden;
	width: 100%;
	height: 150px;
	z-index: 1;
	position:absolute;
}
.front img{
	margin:0 auto;
	position:relative;
	top:inherit;
}
.back{
	transition: -webkit-transform 1s;
	-webkit-transform-style: preserve-3d;
	-webkit-backface-visibility: hidden;
	width: 100%;
	/*height: 150px;*/
	-webkit-transform: rotateY(-180deg);
}
.back img{
	 margin:0 auto;
	 padding-bottom:10px;
}
.serviceBoxIcon:hover .back {
	-webkit-transform: rotateY(0);
}

.serviceBoxIcon:hover .front {
	-webkit-transform: rotateY(180deg);
}
/*------------------------------- end serviceWrap ---------------------------*/

/*------------------------------- start welcomeWrap ----------------------------*/
.welcomeWrap{
	margin-top:-240px;
    position: relative;
	z-index:0;
	background:url(../images/welcome-bg.png) no-repeat;	
	background-size:cover;
	padding:0px 0 80px;
	text-align: right;
}
.welcomeWrap h2{
	color:#fff;
	font-family: 'Tangerine', cursive;
	font-size:70px;
	letter-spacing:1px;
	margin:-60px 0 0 0;
	padding:200px 0 20px 0;
	display:inline-block;
}
@-moz-document url-prefix() { 
.welcomeWrap h2{
	padding:0px 0 20px 0;
  }
}
.welcomeWrap h4{
	color:#fff;
	font-size:18px;
	line-height:22px;
	font-weight:400;
	padding-bottom:20px;
	margin:0;
	font-family: 'Lato', sans-serif;
}
.welcomeWrap p{
	color:#fff;
	font-size:14px;
	line-height:20px;
	margin:0;
	padding:0;
}
/*------------------------------- end welcomeWrap -------------------------------*/

/*------------------------------- start newsEventsWrap -------------------------------*/
.newsEventsWrap{
	background:url(../images/news-bg.jpg) no-repeat;
	background-size:cover;
	padding:50px 0 230px;
	text-align:center;
}
.dotLine{
	margin:0 auto 30px;
}
.newsEventsWrap h2{	
	color:#416879;
	font-family: 'Tangerine', cursive;
	margin:0;
	padding-bottom:5px;
	letter-spacing:1px;
	font-size:60px;
	line-height:64px;
	position:relative;
}
.newsEventsWrap p{
	color:#fff;
	font-size:14px;
	line-height:20px;
	padding-bottom:30px;
	min-height:50px;
}
.newsEventsWrap p.date{
	font-weight:700;
	padding-bottom:10px;
}
.newsEventsWrap p.date:before{
	font-family: "FontAwesome";
	content: '\f073';
	font-weight:400;
	display:inline-block;
	padding-right:8px;
}
.newsBlock{
	width:80%;
	padding:50px 25px;
    background:#7eb2c9;
	margin:25px auto 0;
    position:relative;
    -webkit-transform: skew(-15deg);
    transform: skew(-15deg);
	text-align:right;
}
.newsBox{
    -webkit-transform: skew(15deg);
    transform: skew(15deg);
	padding:0 100px 0 75px;
	width:60%;
	float:right;
}	
.newsBlock img{
	position:absolute;
	top:-30px;
	left:0px;	
    -webkit-transform: skew(15deg);
    transform: skew(15deg);
}
.newsBlock h3{
	color:#fff;
	font-size:20px;
	line-height:24px;
	padding-bottom:5px;
}
.newsBlock a{
	background:#fff;
	color:#558194;
	border:1px solid #fff;
	font-size:13px;
	padding:8px 10px;
	text-transform:uppercase;
}
.newsBlock a:hover{
	background:#558194;
	color:#fff;
	border:1px solid #fff;
}
.newsBlock .flex-control-nav{
	display:none;
}
.newsBlock .custom-navigation{
	position:absolute;
	right:0;
	top:-7px;
	background:#fff;
}
.newsBlock .custom-navigation a{
	background:#216d77;
	color:#fff;
	font-size:14px;
	padding:8px 10px;
}
.newsBlock .custom-navigation a:hover{
	background:#333;
}
.newsEventsWrap a.carousel-control.left{
	background:none;
}
.newsEventsWrap a.carousel-control.right{
	background:none;
}
.newsEventsWrap .carousel-inner{
	overflow:visible;
}
/*------------------------------- end newsEventsWrap ---------------------------------*/

/*------------------------------- start contactWrap ----------------------------*/
.contactWrap{
	margin-top:-170px;
    position: relative;
	z-index:0;
	background:url(../images/contact-bg.png) no-repeat;	
	background-size:cover;
	padding:0px 0 50px;
	text-align:right;
}
.contactWrap h2{
	color:#fff;
	font-family: 'Tangerine', cursive;
	font-size:60px;
	letter-spacing:1px;
	margin:0px 0 0 0;
	padding:200px 0 15px 0;
	display:inline-block;
}
.contactWrap p{
	color:#fff;
	font-size:18px;
	line-height:24px;
	margin:0 0 25px 0;
	padding:0;
}
.contactWrap input[type=text]{
	background:none;
	border:1px solid #fff;
	padding:10px 15px;
	color:#fff;
	border-radius:0;
	height:45px;
}
.contactWrap textarea{
	background:none;
	border:1px solid #fff;
	padding:10px 15px;
	color:#fff;
	border-radius:0;
	width:100%;
	height:120px;
}
.contactWrap .form-control{
	margin-bottom:20px;
	text-align:right;
}
.contactWrap .submitBtn{
	background:#fff;
	padding:10px 25px;
	color:#2c5668;
	border:1px solid #fff;
	text-transform:uppercase;
	font-size:15px;
}
.contactWrap .submitBtn:hover{
	background:#2c5668;
	color:#fff;
	border:1px solid #fff;
}
/*------------------------------- end contactWrap -------------------------------*/

/*------------------------------- start footer ------------------------------------*/
.footer{
	position:relative;
	background:url(../images/footer-bg.jpg) no-repeat;
	background-size:cover;
	padding:50px 0;
	text-align:right;
}
.footerLogo{
	margin-bottom:25px;
	float:right;
}
.footer h3{
	color:#303030;
	font-size:18px;
	text-transform:uppercase;
	line-height:22px;	
	font-weight:400;
	padding:20px 0;
	font-family: 'Lato', sans-serif;
}
.footer p{
	font-size:14px;
	line-height:20px;
	font-weight:400;	
	color:#303030;
	padding:0 25px 10px 0px;
	margin:0;
	position:relative;
}
.footer p.address::after{
	font-family: "FontAwesome";
	content: '\f041';
	position: absolute;
	top: 0;
	right: 0;
}
.footer p.contact::after{
	font-family: "FontAwesome";
	content: '\f10b';
	position: absolute;
	top: 0;
	right: 0;
}
.footer p.email::after{
	font-family: "FontAwesome";
	content: '\f003';
	position: absolute;
	top: 0;
	right: 0;
}
.quickLinksDiv{
	border-left:1px solid #303030;
	border-right:1px solid #303030;
	padding:0 40px 25px;
	overflow:hidden;
}
.quickLinks{
	overflow:hidden;
}
.quickLinks ul{
	width:50%;
	float:left;
}
.quickLinks li{
	display:block;
	color:#303030;
	font-size:14px;
	line-height:22px;
}
.quickLinks li:after{
	font-family: "FontAwesome";
	display: inline-block;
	content: '\f105';
	padding-left:10px;
}
.quickLinks li a{
	color:#303030;
}
.quickLinks li a:hover{
	color:#416879;
}
p.copyRight{
	color:#303030;
	font-weight:600;
	font-size:14px;
	line-height:20px;
	margin:0;
	padding-top:10px;
	padding-right:0;
	float:right;
}
ul.socialMedia{
	padding:0;
	margin:0;
	float:right;
}
.socialMedia li{
	float:left;
	margin-right:10px;
	font-size:14px;
	width:27px;
	height:27px;
	border-radius:50px;
	background:#303030;
	text-align:center;
	display: flex;
    flex-direction: column;
    justify-content: center;
	color:#fff;

}
.socialMedia li:last-child{
	margin-right:0;
}
.socialMedia li a{
	color:#fff;
}
.socialMedia li a:hover{
	color:#a5daf2;
}
/*------------------------------- end footer ----------------------------------*/
/*-------------------------------- start top ---------------------------------*/
a.go-top {
	position: fixed;
	bottom: 20px;
    right: 40px;
	text-decoration: none;
	color: white;
	background-color:#318691;
	border:1px solid #fff;
    width: 50px;
	height:50px;
	display: none;
	font-size:40px !important;
	line-height:50px;
	text-align:center;
	padding:0;
	z-index:5;
	color:#fff;
	-webkit-border-radius: 50px 50px 50px 50px;
	border-radius: 50px 50px 50px 50px;
}
a.go-top:hover {
	background-color:#3f3d3d;
	color:#fff;
}
/*-------------------------------- end top ---------------------------------*/

/*-------------------------------- start innerWrapDiv -------------------------*/
.innerWrapDiv {
    padding: 50px 0;
    background: #eaf5fa;
	position:relative;
	text-align:right;
	min-height:550px;
}
.innerWrapDiv h2{
	color:#416879;
	font-family: 'Tangerine', cursive;
	margin:0;
	padding-bottom:5px;
	letter-spacing:1px;
	font-size:60px;
	line-height:64px;
	position:relative;
}
.innerWrapDiv h2 span a{
	position: absolute;
	left: 0;
	top: 20px;
	background: #666868;
	padding: 8px 12px;
	color: #fff;
	font-size: 14px;
	text-transform: uppercase;
	font-family: 'Lato', sans-serif;
	line-height: 20px;
	letter-spacing: 0;
}
.innerWrapDiv h2 span a:hover{
	color:#fff;
	background:#81b5b9;
}
.innerWrapDiv hr{
	border:1px solid #416879;
	width:10%;
	margin-bottom:25px;
	float:right;
}
.innerWrapDiv p{
	color:#565757;
	font-size:14px;
	line-height:20px;
	padding-bottom:10px;
	margin-bottom:15px;
	clear:both;
}
.innerWrapDiv h3 {
    color: #416879;
    font-size: 22px;
    line-height: 32px;
    padding: 0 0 15px 0;
    margin: 0;
}
.innerWrapDiv ul {
    text-align: right;
	float:right;
	clear:both;
}
.innerWrapDiv li {
    display: block;
    margin-bottom: 10px;
    font-size: 15px;
    line-height: 19px;
    color: #565757;
}
.innerWrapDiv li:after {
    font-family: "FontAwesome";
    display: inline-block;
    content: '\f0da';
    padding-left: 10px;
}
/*-------------------------------- end innerWrapDiv -------------------------*/

/*============================= start News Page CSS ==============================*/
.newsWrap{}
.newsEventBox {
    border: solid 1px #d1d3d7;
    min-height: 150px;
    margin-bottom:20px;
    background: #fff;
    position: relative;
    padding: 10px 89px 0px 15px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.newsEventBox .date {
    position: absolute;
    top: 0;
    right: 0;
}
.newsEventBox .date span {
    background: #7eb2c9;
    text-align: center;
    color: #fff;
    padding: 10px 15px;
	display:block;
    font-size: 15px;
}
.newsEventBox .date h6 {
    background: #558093;
    color: #fff;
    text-align: center;
    padding: 10px 12px;
    font-size: 17px;
    margin-top: 0;
}
.newsEventBox h2 {
    padding:0 0 8px 0;
	margin:0;
    font-size: 15px !important;
	letter-spacing:0px;
    color: #8777b7;
    font-weight: 400;
	line-height:22px;
	text-transform:uppercase;
	font-family: 'Lato', sans-serif;
}
.newsEventBox h2 a{
	color:#8777b7;
}
.newsEventBox .more {
    position: absolute;
    left: 0;
    bottom: 0;
}
.newsEventBox .more a {
    background: #333;
    padding: 10px 19px 8px 19px;
    display: inline-block;
    color: #fff;
}
.borderImg{
	background:#666868;
	padding:5px;
}
.newsDetails{
	clear:both;
	float:right;
}
.newsDetails .borderImg{
	float:right;
	width:60%;
	margin:0 0 50px 50px;
}
.newsDetails p{
	clear:none !important;
}
.newsDetails h2{
	font-size:18px;
	line-height:28px;
	text-transform:uppercase;
	font-family: 'Lato', sans-serif;
	padding:0 0 15px 0;
	margin:0;
}
.newsDetails h2 span.dateDetails{
	display:block;
	text-transform:none;
	font-size:15px;
}
	
/*================================ end News Page CSS ===================================*/
/*=============================== start Service Page CSS ==============================*/

.serviceDiv{
	background:#fff;
	/*border:1px solid #aeaeae;*/
	position:relative;
	text-align:center;
	padding:15px 35px;
	margin-bottom:35px;
}
.serviceDiv:hover{
	-webkit-box-shadow: 0 0 10px 0 #dbdbdb;
	box-shadow: 0 0 10px 0 #dbdbdb;
}
.serviceDiv h3{
	font-size:15px;
	line-height:22px;
	text-transform:uppercase;
	color:#272927;
	display:block;
	padding:0 0 10px 0;
	margin:0;
}
.serviceDiv hr{
	border:1px solid #272927;
	margin:0 auto 10px;
	width:15%;
	float:none;
}
.serviceicon{
	margin: 0 auto 15px;
	border-radius: 100px;
	width: 80px;
	height: 80px;
	border: 1px solid #272927;
	text-align: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 15px;
}
.serviceDiv a{
	color:#272927;
	font-size:13px;
	text-transform:uppercase;
	margin-bottom:15px;
	margin-top:5px;
	border:1px solid #272927;
	padding:5px 10px;
}
.serviceDiv p{
	margin:0;
}

/*=============================== end Service Page CSS ==============================*/
/*=============================== start contact page css ==============================*/
.contactDiv{
	margin:25px 0;
}
.contactForm{
	background:#fefaf7;
	border:1px solid #bcbcbb;
	padding:25px;
}
.contactForm label{
	font-weight:400;
	font-size:14px;
}
.contactForm .form-group{
	margin-bottom:32px;
	position:relative;
}
.input-group-addon {
    position: absolute;
    border: 0;
    background: no-repeat;
    top: 25px;
    right: 15px;
	font-size:18px;
	color:#535b0e;
}
.contactForm .form-control{
	font-size:13px;
	font-style:italic;
	text-align:right;
}
.contactForm .sendQueryBtn{
	background:#558093;
	color:#fff;
	border:0;
	padding:8px 20px;
	text-transform:uppercase;
}
.contactForm .sendQueryBtn:hover{
	background:#333;
}
.contactPageInfo{
	background:#558093;
	padding:25px 35px;
}
.contactPageInfo h3{
	color:#fff;
	font-size:18px;
	padding-bottom:10px;
}
.contactPageInfo hr{
	border-color:#fff;
	width:10%;
	margin-bottom:7px;
}
.contactPageInfo p{
	margin:0 0 25px;
	padding:0;
	color:#fff;
	font-size:14px;
	line-height:22px;
	text-align:right;
}
.contactPageInfo p a{
	color:#fff;
}
.contactPageInfo p a:hover{
	color:#ff4c23;
}
.contactPageInfo p:last-child{
	margin-bottom:0;
}
.contactMap{
	background:#fff;
	padding:5px;
}

/*=============================== end contact page css ================================*/

.pagination li:before{
	content:'';
	padding-right:0px;
	}
.innerBanner img{ width:100%;}	
	
.news_ar { float:right !important;}