/*-----------------------------------------------------------------------------------

    Template Name: Your template name 
    Template URI: http://bootexperts.com
    Description: This is html5 template
    Author: BootExperts
    Author URI: http://bootexperts.com
    Version: 1.0

-----------------------------------------------------------------------------------
    
    CSS INDEX
    ===================
	
    1. Theme Default CSS (body, link color, section etc)

-----------------------------------------------------------------------------------*/

/*----------------------------------------*/
/*  1.  Theme default CSS
/*----------------------------------------*/
/*google fonts*/
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:300,400,700|Work+Sans:300,400,500,600,700');


html, body {height: 100%;}
.floatleft {float:left}
.floatright {float:right}
.alignleft {float:left;margin-right:15px;margin-bottom: 15px}
.alignright {float:right;margin-left:15px;margin-bottom: 15px}
.aligncenter {display:block;margin:0 auto 15px}
a:focus {outline:0px solid}
img {max-width:100%;height:auto}
.fix {overflow:hidden}
p {margin:0 0 15px;font-weight: 300;}
h1, h2, h3, h4, h5, h6 {
  margin: 0 0 10px;
  text-transform: capitalize;
  font-family: 'Work Sans', sans-serif;
  font-weight: 700;
  color: #006699;
}
a {transition: all 0.3s ease 0s;text-decoration:none;}
a:hover {
  text-decoration: none;
}
a:active, a:hover {
  outline: 0 none;
}
ul{
list-style: outside none none;
margin: 0;
padding: 0
}
.clear{clear:both}
body {
    font-family: 'Roboto Condensed', sans-serif;
	font-family: 'Work Sans', sans-serif;
	background-color: #EEF3FA;
}
#body_wrapper{
	max-width: 1366px;
	margin: 0 auto;
	background-color: #ffffff;
}

::-moz-selection {
    background: #0E55B5;
    text-shadow: none;
}
::selection {
    background: #0E55B5;
    text-shadow: none;
}
.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}
.ptb_80{
    padding: 80px 0;
}
.ptb_50{
    padding: 50px 0;
}
.mt_40{
	margin-top: 40px;
}
.mt_60{
    margin-top:60px;
}
.bt_1{
	border-top: 1px solid #EAEBED;
}
.bb_1{
	border-bottom: 1px solid #EAEBED;
}

/*for_mobile_menu*/
#sidebar_menu {
    position: absolute;
    top: 0;
    right: 0;
    width: 350px;
    height: auto;
    background: #006C93;
    z-index: 99999;
    padding: 25px;
    transition: .3s;
    opacity: 0;
    visibility: hidden;
}
#sidebar_menu.visible{
   opacity: 1;
    visibility: visible;
    transition: .3s;
}
.menu_top {
    padding-top: 81px;
}
.menu_logo {
	width: 150px;
}
.menu_logo img{
	width: 100%;
}
.in_btn{}
.in_btn span{}
.in_btn span i{}
.main_menu{}
.main_menu ul{}
.main_menu ul > li {
	text-align: right;
	position: relative;
	margin-bottom: 3px;
}
.main_menu ul li > a {
	width: 200px;
	height: 38px;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 32px;
	font-stretch: condensed;
	text-align: right;
	color: #ffffff;
	border-bottom: 3px solid transparent;
	font-weight: 300;
	padding-left: 8px;
}
.main_menu ul li > a:hover{
	border-bottom-color:#009BD4;
}
.first {
	font-size: 15px;
	color: #00a1dd;
}
.main_menu ul li ul {
    position: absolute;
    background: #006C93;
    width: 100%;
    right: 0;
    opacity: 0;
    visibility: hidden;
    transform: .3s;
    display: inline-block;
    color: #fff;
}
.main_menu ul li:hover ul{
    opacity: 1;
	visibility: visible;
	position: inherit;
}
.main_menu ul li ul li {
    margin-top: 10px;
}
.main_menu ul li ul li a {
    font-weight: 300;
    font-size: 20px;
    padding: 5px 0px 10px 0;
    border-bottom: none;
    color: #fff;
    opacity: .8;
    transition: .3s;
}
.menu_btn {
	position: absolute;
	right: 0;
	top: 25px;
	background: transparent;
	z-index: 99;
	text-align: center;
	line-height: 45px;
	color: #fff;
	cursor: pointer;
}
.menu_btn img {
    margin-top: -9px;
}
.menu_btn i {
    font-size: 20px;
}
.menu_btn span{}
.menu_btn big {
    font-weight: 700;
    text-transform: capitalize;
    padding: 0 15px;
    font-size: 24px;
}

/*header-are*/
.bg_main {
	background: url(img/background-underlay.jpg); 
	position: relative;
	background-repeat: no-repeat;
	height: 586px;
}
.bg_inner {
	background: url(img/bg.png); 
	position: relative;
	background-repeat: no-repeat;
	height: 586px;
}
.breaking_news {
	background: #E60027;
	padding: 15px 0;
}
.breaking_info{
	text-align: center;
}
.breaking_info strong{
	text-transform: uppercase;
	font-weight: 700;
}
.breaking_info p {
	margin: 0;
	color: #fff;
}
.breaking_info a {
	font-size: 14px;
	border-bottom: 2px solid #EC4C68;
	color: #fff;
	margin-left: 10px;
}
.breaking_info i {
	float: right;
	color: #fff;
	padding-right: 15px;
}

.header_top {
	display: inline;
}
.logo {
	margin-top: 14px;
	width: 326px;
	height: 80px;
}
.logo a{}
.top_menu {
	float: right;
	margin-right: -38px;
}
.top_menu ul{}
.top_menu ul li {
	display: inline-block;
	padding: 45px 0 45px 24px;
}
.top_menu ul li a {
	color: #FFFFFF;
	font-size: 15px;
	text-transform: capitalize;
	border-bottom: 2px solid #3389A9;
	display: block;
	font-family: 'Roboto Condensed', sans-serif;
	padding-bottom: 3px;
	font-weight: 300;
}
.icon_area {
	position: relative;
	right: -37px;
}
.header_icon {
	margin-top: 42px;
	border-left: 1px solid #3389A9;
	padding-left: 20px;
}
.header_icon a {
	width: 40px;
	height: 40px;
	background: #004F94;
	display: inline-block;
	font-size: 18px;
	border-radius: 50%;
	line-height: 40px;
	text-align: center;
	color: #fff;
	margin: 0 1px;
}
.header_icon i{}
.main_manu{}
.main_manu ul{}
.main_manu ul li {
	display: inline-block;
	position: relative;
	margin-right: 27px;
}
.main_manu ul li > a {
	color: #fff;
	text-transform: capitalize;
	font-size: 19px;
	display: block;
	font-family: 'Roboto Condensed', sans-serif;
	border-bottom: 3px solid transparent;
	font-weight: 300;
	padding-bottom: 5px;
}
.main_manu ul li:hover > a{
	color: #009BD4;
	border-bottom-color:#009BD4;
}
/*for inner*/
.inner_menu ul li:hover a{
	color: #FFFFFF;
}
.inner_menu ul li a {
	/* padding-right: 26px; */
	display: block;
	padding-left: 0px;
}
/*for inner end*/
.main_manu ul li ul {
	position: absolute;
	width: 280px;
	background-color: #fff;
	border-radius: 0 0 25px 0;
	padding: 30px;
	left: 0;
	top: 150%;
	opacity: 0;
	visibility: hidden;
	transition: .3s;
	z-index: 999;
}
.main_manu ul li:hover ul{
	opacity: 1;
	visibility: visible;
	top: 100%;
}
.main_manu ul li ul li {
	display: block;
}
.main_manu ul li ul li a {
	color: #7C7C7C;
	padding: 2px 0px;
	font-size: 14px;
	border: none;
}
.main_manu ul li ul li:hover a{
	color: #009BD4;
}
.header_search {
	float: none;
	position: absolute;
	right: 29px;
}
.header_search button {
	border: none;
	background: transparent;
	margin-top: 5px;
}
.header_search button i {
	color: #fff;
	font-size: 20px;
}
.header_banner {
	position: relative;
}
.header_banner img {
	width: 100%;
}
.header_text {
	background-image: url(img/banner_text_bg.png);
	position: absolute;
	left: 0px;
	bottom: 0;
	height: 230px;
	width: 500px;
	background-repeat: no-repeat;
}
.mobile_bg{

}
.header_content {
	position: absolute;
	left: 15px;
	bottom: 20px;
}
.header_text h2 {
	font-size: 36px;
	color: #fff;
	line-height: 50px;
	margin: 0;
}
.header_text p {
	font-size: 16px;
	color: #fff;
	line-height: 22px;
}
.header_text a {
	border-radius: 22px;
	color: #fff;
	display: inline-block;
	border: 1px solid #02a2e0;
	padding: 5px 18px;

}
/*donate_area*/
.donate_area {
	padding: 55px 0;
}
.bg_1 {
	background: #006C93 !important;
}
.bg_2 {
	background: #004F94 !important;
}

.donate_icon {
	width: 90px;
	height: 90px;
	background: #00A1DD;
	border-radius: 50px;
	line-height: 110px;
	text-align: center;
	float: left;
}
.donate_icon i {
	color: #fff;
	font-size: 40px;
}
.donate_title {
	margin-left: 108px;
	padding-top: 24px;
}
.donate_title h3 {
	font-size: 22px;
	font-weight: 500;
	color: #00A1DD;
	margin: 0;
	font-weight: 600;
}
.donate_title a {
	font-size: 15px;
	font-family: 'Roboto Condensed', sans-serif;
	border-bottom: 2px solid #E4EDF4;
	padding-top: 5px;
	display: inline-block;
	font-weight: 300;
}
/*news_area*/
.news_area {
	background: url(img/page-1.png);
	padding: 102px 0;
	background-size: cover;
	background-position: 100% 100%;
	background-repeat: no-repeat;
}
.single_news {
}
.news_title {
	display: inline-block;
	margin-bottom: 20px;
}
.news_title h2 {
	font-size: 36px;
	color: #004E94;
	font-weight: 300;
	float: left;
	margin: 0;
	line-height: 25px;
	display: inline-block;
}
.news_title h3 {
	font-size: 36px;
	color: #004E94;
	font-weight: 300;
	float: right;
	margin: 0;
	line-height: 25px;
	display: inline-block;
}
.news_title a {
	border: 1px solid #B7CCDF;
	border-radius: 22px;
	padding: 4px 26px;
	float: left;
	margin-left: 20px;
	font-family: 'Roboto Condensed', sans-serif;
	color: #006c94;
}
.news_content {
	background: #fff;
	padding: 35px 32px 50px;
	border-radius: 0 0 35px 0;
}
.news_content h3 {
	font-size: 20px;
	color: #004E94;
	line-height: 27px;
}
.news_content p {
	line-height: 22px;
	color: #4C4C4C;
}
.news_content a {
	font-size: 15px;
	border-bottom: 2px solid #E4EDF4;
	padding-bottom: 5px;
	color: #004E94;
	font-family: 'Roboto Condensed', sans-serif;
}
.single_feature {
	margin-top: -50px;
	position: relative;
}
.feature_title{
	margin-bottom: 20px;
}
.feature_title h2{
	font-size: 36px;
	color: #004E94;
	font-weight: 300;
	margin: 0;
	line-height: 25px;
	display: inline-block;
}
.feature_img{}
.feature_img img {
	width: 100%;
	height: 348px;
}
.feature_info {
	position: absolute;
	left: 35px;
	bottom: 20px;
}
.feature_info h3 {
	font-size: 20px;
	color: #fff;
}
.feature_info a{
	font-size: 15px;
	border-bottom: 2px solid #4D94AC;
	padding-bottom: 5px;
	color: #fff;
}
/*quicklink_area*/
.quicklink_area {
	background: url(img/page-2.png);
	padding: 80px 0 32px 0;
	background-repeat: no-repeat;
	margin-top: -55px;
}
.quicklink_info{}
.quicklink_title{}
.quicklink_title h2 {
	font-size: 36px;
	color: #004E94;
	font-weight: 300;
	line-height: 25px;
	margin-bottom: 20px;
	margin-left: -2px;
}
.quicklink_list{}
.quicklink_list ul{}
.quicklink_list ul li {
	margin-bottom: 10px;
}
.quicklink_list ul li i {
	padding-right: 10px;
	color: #00a1dd;
}
.quicklink_list ul li a {
	font-size: 18px;
	font-weight: 300;
	line-height: 28px;
	letter-spacing: -0.5px;
	text-align: left;
	color: #3F3F3F;
	display: block;
	border-bottom: 1px solid #EAEBED;
}
.events_info{
	margin-bottom: 30px;
}
.color_1 {
	color: #006C93 !important;
}
.color_2 {
	color: #004F94 !important;
}
.color_3 {
	color: #00a1dd !important;
}
.events_info h5 {
	width: 90px;
	height: 90px;
	background: #006C93;
	display: block;
	border-radius: 50%;
	text-align: center;
	color: #fff;
	float: left;
	padding-top: 23px;
	font-weight: 400;
}
.events_info h5 span{
	font-size: 	28px
}
.events_text {
	margin-left: 105px;
}
.events_info h3 {
	color: #006C93;
	font-size: 20px;
	line-height: 27px;
	margin-bottom: 5px;
}
.events_info p{
	color: #3F3F3F;
	line-height: 22px;
	margin-bottom: 5px;
}
.events_info a{
	font-size: 15px;
	border-bottom: 2px solid #E4EDF4;
	padding-bottom: 5px;
	color: #004E94;	
}
/*Accreditation_area_start*/
.Accreditation_area{
	padding: 50px 0;
}
.Accreditation_heading{}
.Accreditation_heading h2 {
	color: #A4A6A8;
	font-size: 32px;
	font-weight: 300;
	margin-top: 30px;
}
.Accreditation_img{}
.Accreditation_img img{}
/*subscribe_area*/
.subscribe_area{
	padding: 50px 0;
	background: #F5F6FA;
}
.subs_info{}
.subs_info h2{
	font-size: 36px;
	color: #004E94;
	font-weight: 300;
}
.subs_info p {
	margin: 0;
	font-size: 16px;
	line-height: 24px;
	color: #3F3F3F;
}
.subs_form {
	margin-top: 50px;
}
.subs_form form{}
.subs_form form input {
	width: 350px;
	height: 45px;
	border: 1px solid #C4D4E1;
	color: #004E96;
	padding-left: 20px;
	border-radius: 0 0 10px 0;
	font-weight: 500;
}
.subs_form form button {
	width: 100px;
	height: 45px;
	color: #fff;
	background: #004F94;
	font-size: 17px;
	font-weight: 500;
	border: none;
	border-radius: 0 0 10px 0;
}
/*footer_area_start*/
footer{
	background: #006C94;
	padding: 30px 0;
}
.footer_menu{}
.footer_menu ul{}
.footer_menu ul li{
	display: inline-block;
}
.footer_menu ul li a {
	color: #fff;
	text-transform: capitalize;
	font-size: 19px;
	display: block;
	/* padding: 6px 12px; */
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 300;
	padding-right: 30px;
}
.footer_widgets{}
.single_widget {
	margin-top: 42px;
}
.single_widget h5 {
	font-size: 14px;
	color: #FFF;
	line-height: 22px;
	font-weight: 700;
	margin-bottom: 10px;
	display: block;
}
.single_widget > p {
	color: #C6dee8;
	margin: 0;
	line-height: 22px;
	margin-bottom: -20px;
}
.single_widget span {
	color: #fff;
	padding-right: 3px;
	margin-top: 1px;
	float: left;
	font-weight: 700;
}
.single_widget a{
	color: #C6dee8;
}
.mt_75{
	margin-top: 75px;
}
.footer_icon{}
.footer_icon a{
	width: 40px;
	height: 40px;
	background: #004F94;
	display: inline-block;
	font-size: 18px;
	border-radius: 50%;
	line-height: 40px;
	text-align: center;
	color: #fff;
	margin: 0 2px;
}
.footer_icon i{}



/*for_inner_body*/
.inner_body {
	margin-top: -386px;
	padding-bottom: 80px;
	background-color: #FFFFFF;
}
.sort_menu{}
.sort_menu ul{}
.sort_menu ul li{
	display: inline-block;
	position: relative;
}
.sort_menu ul li::before {
	position: absolute;
	content: "/";
	right: 6px;
	color: #009FD7;
}
.sort_menu ul li:last-child::before{
	display: none;
}
.sort_menu ul li a{
	font-size: 15px;
	font-family: 'Arial';
	padding-right: 20px;
	color: #FFFFFF;
}
.sort_menu ul li:hover a{
	color: #CCCCCC;
}
.body_heading {
	margin-bottom: 105px;
}
.style_page{}
.body_heading h1 {
	font-size: 48px;
	color: #FFFFFF;
	margin-top: 15px;
	margin-bottom: 0;
}
.main_info{}
.main_info h2 {
	color: #004E94;
	font-size: 24px;
	font-weight: 600;
	margin-bottom: 30px;
}
.main_info p {
	font-size: 18px;
	line-height: 28px;
	font-weight: 300;
	color: #232323;
	padding-right: 30px;
}
.right_sidebar{}
.side_bg{
	color: #000000;
}
.side_menu {
	background: #fff;
	padding: 35px 0px;
	margin-bottom: 20px;
	border-radius: 0 0 40px 0;
	box-shadow: 0px 0px 5px 1px rgba(0,0,0, 0.5);
}
.side_menu_title{
	padding-left: 22px;
}
.side_menu_title h3 {
	color: #004E94;
	margin-bottom: 20px;
}
.side_meni_list{}
.side_meni_list ul{}
.side_meni_list ul li{}
.side_meni_list ul li a {
	color: #787878;
	font-size: 15px;
	display: block;
	font-family: 'Arial';
	border-left: 5px solid transparent;
	padding-left: 22px;
	margin-bottom: 14px;
}
.side_meni_list ul li:hover a{
	color: #01A1DD;
	border-left-color: #01A1DD;
}
/*for_stylesheet*/
.Membership ul {
    padding-left: 35px;
}
.Membership ul li {
	list-style: initial;
	font-size: 18px;
	line-height: 28px;
	font-weight: 300;
	color: #232323;
	padding-top: 20px;
}
.nember ul{
	padding-left: 35px;
}
.nember ul li{
	list-style: url;
	font-size: 18px;
	line-height: 28px;
	font-weight: 300;
	color: #232323;
	padding-top: 20px;
}
.main_info h3 {
	color: #969696;
	font-size: 14px;
	line-height: 27px;
}
.main_info a {
	color: #FFFFFF;
	background: #01A1DD;
	font-size: 14px;
	font-weight: 500;
	width: 135px;
	height: 40px;
	display: block;
	text-align: center;
	line-height: 40px;
	border-radius: 22px;
	margin-top: 27px;
	display: inline-block;
}
.caption {
	padding: 60px 0 5px 0;
}
.caption p {
	line-height: 18px;
	margin-top: 20px;
	color: #AFAFAF;
}
.small_btn a{
	color: #00A1DD;
	background: none;
	font-size: 14px;
	font-weight: 500;
	width: 135px;
	height: 40px;
	display: block;
	text-align: center;
	line-height: 40px;
	border-radius: 22px;
	margin-top: 27px;
	border:1px solid #00A1DD;	
}
.color_5 {
	color: #00A1DD !important;
}






.{}
.{}
.{}
.{}
.{}
.{}
.{}
.{}
.{}
.{}
.{}
.{}
.{}
.{}
.{}
.{}
.{}
.{}
.{}
.{}
.{}
.{}
.{}
.{}
.{}
.{}
.{}
.{}
.{}
.{}
.{}
.{}
.{}
.{}
.{}
.{}
.{}
.{}
.{}
.{}
.{}
.{}
.{}
.{}
.{}
.{}
.{}
.{}
.{}
.{}
.{}
.{}
.{}
.{}
.{}
.{}
.{}
.{}
.{}
.{}
.{}
.{}
.{}
.{}
.{}
.{}
.{}
.{}
