/*
Theme Name: Hospa
Theme URI: #
Author: Barid Ghosh
Version: 1.0
*/
@charset "utf-8";
/* CSS Document */

h1,h2,h3,h4,h5,h6,ul,li,p{padding:0px; margin:0px;}
*{margin:0px; padding:0px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
html{ width:100%; height:100%; margin:0px; padding:0px;}
body{ margin:0px; padding:0px; font-family: 'Open Sans', sans-serif; font-size:15px; color:#5a5a5a; line-height:24px; background:#fff; min-height:100%; overflow-x: hidden;}
p{ margin:0px; padding:0px 0 10px 0; font-family: 'Open Sans', sans-serif; font-size:14px; color:#787878; line-height:24px; font-weight:300;}
h1{ margin: 0px; padding: 0px;  font-size:70px; line-height: 72px; color:#fff; font-family: 'Open Sans', sans-serif; font-weight: 300; text-align: right;}
h2{ margin: 0px; padding: 0px;  color:#fff; font-size:46px; line-height:40px; font-weight: bold; text-transform: uppercase; padding-bottom:30px; text-align: right;}
h3{ margin: 0px; padding: 0px;  }
h4{ margin: 0px; padding: 0px;  }
h5{ margin: 0px; padding: 0px;  }
h6{ margin: 0px; padding: 0px;  }

address, blockquote, dd, div, dl, dt, fieldset, form, frame, frameset{ margin:0; padding:0; border: 0px; outline: none; }
label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin:0px; padding:0; outline:none; border:0;}
a{ text-decoration:none; border: 0px; outline: none; transition: all .5s;}
a:hover, a:focus, a:active{ text-decoration:none; border: 0px; outline: none; transition: all .5s;}

a img{ border:none; outline: none;}
a:focus {outline:none; } 
border{ border-collapse:collapse;}
hr{ height:1px; background:#333333; border:none;}
.clear{ clear:both;}
.left{ float:left;}
.right{ float:right;}
.clearfix:before,
.clearfix:after { content: " "; display: table;}
.clearfix:after { clear: both;}
.clearfix { *zoom: 1;}
img { max-width: 100%; height: auto;}
@media \0screen {img { width: auto }}

::-moz-selection { color: #fff; background: #00b374;}
::selection {  color: #fff; background: #00b374;}
:focus { outline-color:#ffcc32; }




.navigation{ background-color: none; }
.navigation ul{ margin:0px; padding: 0px; list-style: none; }
.navigation ul li{ float: none; display: inline-block; vertical-align: top; margin-right: -6px; }
.navigation ul li:nth-child(4){margin-right:294px;}
.navigation ul li a{ color: #fff; padding-right:30px; line-height: 19px; display: block; font-size:14px; font-family: 'Open Sans', sans-serif; font-weight: 300;}
.navigation ul li:last-child a{padding-right: 0px;}
.navigation ul li:hover{ background: none; color: #fff; background-position:0 0%; }
.navigation ul li { position: relative; }
.navigation ul li ul {  visibility: hidden; opacity: 0; position: absolute; top: 100%; left: 0; width: 100%; transform: translateY(-20%);z-index: -1; transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s; min-width: 200px; background-color: red }
.navigation ul li:hover ul {visibility: visible; opacity: 1; z-index: 1; transform: translateY(0%);transition-delay: 0s, 0s, 0.3s; }
.navigation ul li ul li{ display: block; margin-right: 0px;}
.navigation ul li ul li:hover{ background-color: black; }
header .current-menu-item a{color:#ffcc32 !important; font-weight: 700 !important;}
a.meanmenu-reveal{display:none}
.mean-container .mean-bar{float:left;width:42px; padding:4px 0;min-height:42px;z-index:999999}
.mean-container a.meanmenu-reveal{width:22px;height:22px;padding:13px 13px 11px 13px;position:absolute;top:0;right:0;cursor:pointer;color:#fff;text-decoration:none;font-size:16px;text-indent:-9999em;line-height:22px;font-size:1px;display:block;font-family:Arial,Helvetica,sans-serif;font-weight:700 ; background-color: red;}
.mean-container a.meanmenu-reveal span{display:block;background:#fff;height:3px;margin-top:3px}
.mean-container .mean-nav{float:left;width:100%;background:#0c1923;margin-top:44px; position: absolute;}
.mean-container .mean-nav ul{padding:0;margin:0;width:100%;list-style-type:none}
.mean-container .mean-nav ul li{position:relative;float:left;width:100%}
.mean-container .mean-nav ul li a{display:block;float:left;width:90%;padding:10px 5%; font-size:16px;margin:0;text-align:left;color:#fff;border-top:1px solid #383838;border-top:1px solid rgba(255,255,255,0.5);text-decoration:none;text-transform:uppercase}
.mean-container .mean-nav ul li li a{width:80%;padding:1em 10%;border-top:1px solid #f1f1f1;border-top:1px solid rgba(255,255,255,0.25);opacity:.75;filter:alpha(opacity=75);text-shadow:none!important;visibility:visible}
.mean-container .mean-nav ul li.mean-last a{border-bottom:0;margin-bottom:0}
.mean-container .mean-nav ul li li li a{width:70%;padding:1em 15%}
.mean-container .mean-nav ul li li li li a{width:60%;padding:1em 20%}
.mean-container .mean-nav ul li li li li li a{width:50%;padding:1em 25%}
.mean-container .mean-nav ul li a:hover{background:#252525;background:rgba(255,255,255,0.1)}
.mean-container .mean-nav ul li a.mean-expand{margin-top:1px;width:26px;height:20px;padding:12px!important;text-align:center;position:absolute;right:0;top:0;z-index:2;font-weight:700;background:rgba(255,255,255,0.1);border:none!important;border-left:1px solid rgba(255,255,255,0.4)!important;border-bottom:1px solid rgba(255,255,255,0.2)!important}
.mean-container .mean-nav ul li a.mean-expand:hover{background:rgba(0,0,0,0.9)}
.mean-container .mean-push{float:left;width:100%;padding:0;margin:0;clear:both}
.mean-nav .wrapper{width:100%;padding:0;margin:0}
.mean-container .mean-bar,.mean-container .mean-bar *{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}
.mean-remove{display:none!important}
.small_nav{ position: relative; }

@media only screen and (max-width: 767px) {
a:hover, a:focus, a:active{ text-decoration:none; border: 0px; outline: none; -webkit-transition-property: none;
-moz-transition-property: none;
-o-transition-property: none;
transition-property: none;}	
	

}



header{width:100%; position: relative; background:#491b04;}
.logo_holder{position: absolute; top:0; left:0; right:0; margin:0 auto; width:250px; z-index: 999;}
.up_header{width:100%; padding:24px 0px 12px;}
.up_header p a{color:#fff; font-size:13px; line-height: 15px; font-family: 'Open Sans', sans-serif; text-transform: uppercase; float: right;}
.up_header p a:hover{color:#ffcc32;}
.down_header{width:100%; padding: 10px 0px 25px; }

/*banner_section*/
.banner_section{width:100%; padding:50px 0px; padding:80px 0px 50px;}
.banner_section h1{margin-top:80px;}
.banner_section h1 span{font-weight: 700;}
.banner_section h4{text-align: right; font-size:18px; line-height: 20px; font-family: 'Open Sans', sans-serif; font-weight: 300; color:#fff; text-transform: uppercase; margin-top:5px;}
.bnr_area{width:100%;}
.left_bnr{/*padding-top:35px;*/ padding-top:65px; }
.left_bnr h4{text-align: left;}
.left_bnr h3{font-size:46px; line-height: 44px; color:#fff; font-family: 'Open Sans', sans-serif; font-weight: 300; text-transform: uppercase;}
.left_bnr h3 span{font-weight: 600;}
.banner_section .left{width:48.5%; float:left; margin-right:16px;}
.banner_section .right{width:48.5%; float:left;}
.right_bnr{margin-top:51px;}
.right_bnr h3{font-size:22px; line-height: 26px; font-family: 'Open Sans', sans-serif; font-weight: 700; color:#fff; margin-top:20px; text-transform: uppercase;}
.right_bnr a{color:#fff; display: inline-block; margin-top: 5px; font-size:14px; line-height: 16px; font-weight: 300;}
.right_bnr a:hover{color:#ffcc32;}

/*event_section*/
.event_section{width:100%; background:#f6f6f6; /*display: inline-block;*/ display:flex; display:-webkit-flex; display:-moz-flex; display:-o-flex;}
.left_event{width:30%; float:left; display: flex; justify-content: center; align-items: center; align-self: center;}
.right_event{width:70%; float: right;}
/*.left_event img{width:100%;}*/
.right_event{padding:30px 35px; }
.in_left_event{float:left; padding-left:25px; width:83%;}
.right_event h3{color:#000; text-transform: uppercase;}
.right_event h3 span{font-weight: bold; text-transform: uppercase;}
.event_box{margin-top:40px;}
.left_box{width:16%; float:left; text-align: left;}
.right_box{width:84%; float:right;}
.left_box h4 span{display: block; font-size:14px; line-height: 18px; font-family: 'Open Sans', sans-serif; font-weight: 400;}
.left_box h4{font-size:30px; line-height: 35px; font-family: 'Open Sans', sans-serif; font-weight: 700; color:#491b04; text-transform: uppercase;}
.left_box h5{font-size:14px; line-height: 16px; font-family: 'Open Sans', sans-serif; font-weight: 400; color:#565656;}
.right_box h4{font-size:16px; line-height: 18px; font-family: 'Open Sans', sans-serif; font-weight: 600; color:#323232; text-transform: uppercase; margin-top:15px; text-transform: uppercase;}
.read_more{font-size:13px; line-height: 15px; font-family: 'Open Sans', sans-serif; font-weight: 400; font-style: italic; color:#491b04; display: inline-block; margin-top:10px;}
.read_more:hover{color:#000;}
.read_more:focus{color:#000;}
.event_section .owl-nav{position: absolute; top:-33px; right: 0;}
.event_section .owl-nav .owl-prev{background:url(images/left_arrow.png)no-repeat center center !important; width:10px; height: 20px;}
.event_section .owl-nav .owl-prev span{display: none;}
.event_section .owl-nav .owl-next{background:url(images/right_arrow.png)no-repeat center center !important; width:10px; height: 20px;}
.event_section .owl-nav .owl-next span{display: none;}

/*what_we_do_section*/
.what_we_do_section{width:100%; /*margin-top: -6px;*/ display: flex; display: -webkit-flex; display: -moz-flex; display: -o-flex;}
.left_what_we_do{width:30%; float:left; padding:35px 55px 100px; background:#fac524;}
.right_what_we_do{width:70%; float: right;}
.in_left_what_we_do{/*width:100%;*/ width:60%; float: right; text-align: right;}
.in_left_what_we_do h2{color:#fff; font-size:48px; line-height: 50px; font-family: 'Open Sans', sans-serif; font-weight: 700; margin-top:20px;}
.in_left_what_we_do h5{font-size:16px; line-height: 24px; font-family: 'Open Sans', sans-serif; color:#161616; margin-top:25px; text-transform: uppercase;}
.in_right_what_we_do{width:100%; float: left; padding:60px 80px 60px 60px;}
.what_pic{}
.in_right_what_we_do h3{font-size:20px; line-height: 22px; font-family: 'Open Sans', sans-serif; font-weight:700; text-transform: uppercase; color:#323232; margin-top:30px; padding-bottom:18px;}
.what_box{width:100%; padding-right:20px;}


/*online_section*/
.online_section{width:100%; background:#f6f6f6; display: flex; display: -webkit-flex; display: -moz-flex; display: -o-flex;}
.left_online_part{width:30%; float:left;}
.right_online_part{width:70%; float:left;}
.left_online_part{/*padding:100px 50px; */ padding:100px 50px 100px 0px; background:#163b44; text-align: right;}
.left_online_part p{color:#fff; text-transform: uppercase; font-size:16px; line-height: 23px;}
.in_right_part{width:80%; float:left; padding:60px;}
.in_right_part h3{font-weight: bold; font-size:24px; line-height: 30px; color:#000; text-transform: uppercase; padding-bottom: 35px;}
.in_right_part span{font-weight:300;}
.form_con{height:48px; width:100%; border:1px solid #d1d1d1; padding:5px 15px; background:#fff; font-size:14px; line-height: 16px; color: #a4a3a3}
input::-webkit-input-placeholder {color: #a4a3a3 !important; opacity: 1 !important;}
input::-moz-placeholder { / Firefox 18- /color: #a4a3a3 !important;  opacity: 1 !important;}
input::-moz-placeholder {  / Firefox 19+ / color: #a4a3a3 !important;  opacity: 1 !important;}
input::-ms-input-placeholder { color: #a4a3a3 !important; opacity: 1 !important;}
.form_box{margin-bottom:17px;}
.form_datetime{cursor: pointer; background:url(images/date.png)no-repeat 95% center #fff;}
.form_con.select{-webkit-appearance: none; -moz-appearance:none; appearance:none; background:url(images/down_caret.png)no-repeat 95% center #fff; cursor:pointer;}
.submit{font-size:16px; line-height: 18px; color:#fac524; width:200px; height:48px; border-radius:0px; background:#491b04; border:none; text-transform: uppercase; font-weight:700; transition: all 0.5s ease-in-out;}
.submit:hover{background:#163b44; }

/*project_section*/
.project_section{width:100%; background:#fac524;}
.left_project{width:30%; float:left; padding:50px; background:#491b04; /*padding: 66px 50px 120px;*/ padding:66px 50px 190px;}
.right_project{width:70%; float:right; text-align: right;}
.left_project p{color:#fff; text-transform: uppercase; font-size:16px; line-height: 25px; text-align: right;}
.right_project{padding: 45px 60px 45px;}

.nav.nav-tabs.project {/*width:25%;*/ width: 3%; float:left; position: relative; }
.nav.nav-tabs.project li{display: block; float:none; position: relative;}
.nav.nav-tabs.project li:after{content:""; background:#fff; width:2px; height: 57px; position: absolute;/*top:93%; left:-229px;*/ top: 18px; left: -6px; right: 0; margin:0 auto;}
.nav.nav-tabs.project li:last-child:after{display: none;}
.tab-content.project {/*width:90%; float: right; padding-left:0px;*/ width: 86%; float: left; padding-left: 0px; margin-left: 40px;}
.nav-tabs.project > li > a{width:18px !important; height:17px; border-radius:100%; padding:0px;}
.nav-tabs.project > li.active > a{background:#491b04; border:2px solid #fff;  width:10px; height:33px; width:18px !important; border-radius:100%;}
.nav-tabs.project > li.active > a, .nav-tabs.project > li.active > a:focus, .nav-tabs.project > li.active > a:hover{background:#491b04; width:10px; height:30px;     border: 2px solid #fff;}
.nav-tabs.project > li a{height: 19px !important; border:2px solid #fff;}
.nav-tabs.project > li a:hover{background: none;}
.nav-tabs.project > li{margin-bottom:55px;}
.nav-tabs.project > li:last-child { margin-bottom:0px;}
.nav-tabs{border:none;}
.nav-tabs.project > li.active:before { width: 35px; height: 35px; position: absolute; content: ''; left: -8px; top: -8px; background-color: rgba(0, 0, 0, 0.1); border-radius: 50%;}
.tab-pane.otherslide { text-align:left;}
.tab-pane.otherslide .first-par { font-size:16px; color:#161616; font-family: 'Open Sans', sans-serif; font-weight: 600; text-transform:uppercase;; padding: 0px;}
.tab-pane.otherslide p { font-size:14px; color:#323232; font-family: 'Open Sans', sans-serif; font-weight: 600; padding: 0px;}
.tab-pane.otherslide h3 { font-size:30px; color:#fff; font-family: 'Open Sans', sans-serif; font-weight: 500; text-transform:uppercase;     margin-bottom: 10px;}
.clear15 { width:100%; position:relative; height:15px; clear:both;}
/*project_section end*/

/*event_gallery*/
.events_gallery { background-image:url(images/event_gallery.jpg); background-position:center; background-size:cover; width: 100%; overflow: hidden;}
.left_gallery { width: 25%; float: left; padding: 100px 35px 50px 35px;}
.same6 { text-align:right;}
.left_gallery p { color: #fff;text-transform: uppercase;font-size: 16px;line-height: 25px;text-align: right;}
.right_gallery { width: 73.5%; float: right; text-align: right; margin: 100px 0px;}

.one_group_gallery { position:relative !important; margin-left:-15px !important; margin-right:-15px !important; float: left !important; display: flex;flex-flow: column wrap;max-height: 680px;margin-left: 5px !important; /* Adjustment for the gutter */ width: 100%;}
.each_box_3 { width:calc(100% / 3); position:relative; float:left;padding-left: 15px; padding-right: 15px;}
.ech-gallery_thumbnil:nth-child(1) { margin-bottom:0px;}
.ech-gallery_thumbnil:nth-child(4) { margin-bottom:0px;}
.ech-gallery_thumbnil:nth-child(3) { height:100%; margin-bottom: 13px;}
.ech-gallery_thumbnil { width: 30%; position: relative; text-align: left; flex: auto; height: 225px; min-width: 150px; margin: 0 8px 8px 0;}
.ech-gallery_thumbnil p { color: #fff;text-transform: uppercase;font-size: 16px;line-height: 25px; margin-top:5px; margin: 14px 0px; padding: 0px;}
/*event_gallery end*/

/*footer*/
footer { width: 100%; padding:0px; padding:35px 0px; background-color:#f6f6f6;}
.first-footer { position:relative; margin: 0px 0px 15px 0px;}
.first-footer > ul li { float: none; display: inline-block;}
{ color: #fff; padding-right: 30px; line-height: 19px; display: block; font-size: 14px;  font-family: 'Open Sans', sans-serif;font-weight: 300; }
.first-footer > ul li a { color: #565656; margin-right: 30px; line-height: 19px; display: block; font-size: 14px;  font-family: 'Open Sans', sans-serif;font-weight: 600; }

.second-footer { position: relative; margin:0px 0px; overflow: hidden; padding: 0px; float: left; width: 100%;}
.second-footer p { color: #565656; line-height: 19px; font-size: 14px;  font-family: 'Open Sans', sans-serif;font-weight: 300; float:left;   padding: 0px; margin-top: 4px;}

.social_right { position:relative; float:right;}
.social_right p { color: #565656; line-height: normal; font-size: 14px; font-family: 'Open Sans', sans-serif; font-weight: 300; float: left; padding: 0px; margin: 0px; margin-right: 10px; top: 10px; position: relative;}
.social_right > ul { float:left; position:relative;}
.social_right > ul li { float: none; display: inline-block;}
{ color: #fff; padding-right: 30px; line-height: 19px; display: block; font-size: 14px;  font-family: 'Open Sans', sans-serif;font-weight: 300; }
.social_right > ul li a { color: #fff; padding-right:0px; line-height: normal; display: block; font-size: 14px;  font-family: 'Open Sans', sans-serif;font-weight: 600; width:28px; height:28px; border-radius:50%; display:flex; display: flex; justify-content: center; align-items: center;}
.social_right > ul li a.fb { background-color:#3b5998;}
.social_right > ul li a.google { background-color:#ff4800;}
.social_right > ul li a.youtube { background-color:#f50000;}
.mobile { display:none;}

/*footer end*/

/*  add menu bar */

.menu_bar { position:relative; float:right; visibility:hidden; display: none;}
/*.menu_bar a.buttonmenu:hover .box.b2 { margin:6px 0px; transition-duration:1s; -webkit-transition-duration:1s; -o-transition-duration:1s; -moz-transition-duration:1s;}*/
.menu_bar .box { width: 30px; height: 4px; background-color: #fff; position: relative; clear: both; margin: 4px 0px; transition-duration:1s; -webkit-transition-duration:1s; -o-transition-duration:1s; -moz-transition-duration:1s;}
.menu_bar .box.b1 { margin-top:0px;}
.menu_bar .box.b3 { margin-bottom:0px;}

.othermenu { width:100%; position:fixed; height:100%; top:0px; left:0px; background-color:#491b04; z-index:1000; transition: transform .3s; /* Animation */ transform: scale(0); display: inline-flex; flex-direction: column; justify-content: center;}
.othermenu .active a { color:#ffcc32 !important; font-weight: 700 !important;}
.effectmenu { transition: transform .3s; /* Animation */ transform: scale(1);}
.othermenu a.closemenu { right: 0px; position: absolute; float: right; top: 0px;}
.othermenu a.closemenu { color: #fff; font-size: 20px; padding: 15px 20px;}
.navigation1 { display:block; width:100%; position:relative; float:left;}
.navigation1 ul{ margin:0px; padding: 0px; list-style: none; display: flex; flex-direction: column;}
.navigation1 ul li{ float: none; display: inline-block; vertical-align: top; margin-right: -4px; }
.navigation1 ul li a{ color: #fff; line-height: 18px; display: block; font-size:18px; font-family: 'Open Sans', sans-serif; font-weight: 500;  margin: 10px 0px; text-align:center; width: 100%;}
.navigation1 ul li a.lastlogin { margin-top:30px;}
.navigation1 ul li:hover{ background: none; color: #fff; background-position:0 0%; }
.navigation1 ul li { position: relative; }
.navigation1 ul li ul {  visibility: hidden; opacity: 0; position: absolute; top: 100%; left: 0; width: 100%; transform: translateY(-20%);z-index: -1; transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s; min-width: 200px; background-color: red }
.navigation1 ul li:hover ul {visibility: visible; opacity: 1; z-index: 1; transform: translateY(0%);transition-delay: 0s, 0s, 0.3s; }
.navigation1 ul li ul li{ display: block; margin-right: 0px;}
.navigation1 ul li ul li:hover{ background-color: black; }

/*  add menu bar */

/* add arrow on video */

.arrow { position:absolute; z-index:1;}
.video-lightbox { width: 100%; position: relative; z-index: 999; transition: 0.5s;}
.video-lightbox:after { content: "";background: url(images/arrow_play.png) 0 0 no-repeat; width: 59px;height: 59px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 9;}

/* add arrow on video end */

/* About Us */


.what_we_do_section_1 { width: 100%; display: flex; display: -webkit-flex; display: -moz-flex; display: -o-flex;}

.left_what_we_do_1 { width: 30%; float: left; padding: 35px 55px 100px; background: #fac524;}
.in_left_what_we_do_1 { width: 60%; float: right; text-align: right;}
.in_left_what_we_do_1 h2 { color: #fff; font-size: 48px; line-height: 50px; font-family: 'Open Sans', sans-serif; font-weight: 700; margin-top: 20px;}
.in_left_what_we_do_1 h5 { font-size: 16px; line-height: 24px; font-family: 'Open Sans', sans-serif; color: #161616; margin-top: 25px; text-transform: uppercase;}

.right_what_we_do_1 { width: 70%; float: right;}
.in_right_what_we_do_1 { width: 100%; float: left; padding: 60px 80px 60px 60px;}

.what_box_1 { width: 100%; padding-right: 20px;}
.what_box_1 h3 { font-size: 20px; line-height: 22px; font-family: 'Open Sans', sans-serif; font-weight: 700; text-transform: uppercase; color: #323232; margin-top: 30px; padding-bottom: 18px;}
.what_box_1 p span { color:#161616; font-weight: 600;}

/* About Us end */

/* Contact Us */

.contact_section { width: 100%; display: flex; display: -webkit-flex; display: -moz-flex; display: -o-flex;}

.left_contact { width: 30%; float: left; padding: 35px 55px 100px; background: #fac524;}
.in_left_contact { width: 90%; float: right; text-align: right;}
.in_left_contact h2 { color: #fff; font-size: 48px; line-height: 50px; font-family: 'Open Sans', sans-serif; font-weight: 700; margin-top: 20px;}
.in_left_contact h5 { font-size: 16px; line-height: 24px; font-family: 'Open Sans', sans-serif; color: #161616; margin-top: 25px; text-transform: uppercase;}

.right_contact { width: 70%; float: right;}
.in_right_contact { width: 100%; float: left; padding: 60px 80px 60px 60px;}

.contact_box { width: 100%; padding-right: 20px;}
.contact_box h3 { font-size: 18px; line-height: 24px; font-family: 'Open Sans', sans-serif; font-weight: 600; text-transform: uppercase; color: #323232; margin-top: 30px; padding-bottom: 18px;}
.contact_box p span { color:#161616; font-weight: 600;}

.contact-footer { width:100%; position:relative; background-color:#f6f6f6; padding:28px 15px; margin-top: 40px;}
.contact-footer ul { display:flex; display:-webkit-flex; display:-moz-flex; display:-o-flex; padding:0px; margin:0px; justify-content: space-around;}
.contact-footer ul li { text-decoration:none; display:flex; display:-webkit-flex; display:-moz-flex; display:-o-flex; padding:0px; margin:0px;}
.contact-footer ul li p { font-family: 'Open Sans', sans-serif; font-size:16px; font-weight:500; color:#323232; padding:0px; margin:0px;}
.contact-footer ul li p i { color:#491b04;}
.contact-footer ul li p a { font-family: 'Open Sans', sans-serif; font-weight:700; color:#491b04; padding:0px; margin:0px;}

/* Contact Us end */


/* Login */

.login_section { width: 100%; display: flex; display: -webkit-flex; display: -moz-flex; display: -o-flex;}

.left_login { width: 30%; float: left; padding: 35px 55px 100px; background: #fac524;}
.in_left_login { width: 60%; float: right; text-align: right;}
.in_left_login h2 { color: #fff; font-size: 48px; line-height: 50px; font-family: 'Open Sans', sans-serif; font-weight: 700; margin-top: 20px;}
.in_left_login h5 { font-size: 16px; line-height: 24px; font-family: 'Open Sans', sans-serif; color: #161616; margin-top: 25px; text-transform: uppercase;}

.right_login { width: 70%; float: right;}
.in_right_login { width: 60%; float: left; padding: 60px 80px 60px 60px;}

.login_box { width: 100%; padding-right: 20px;}
.login_box h3 { font-size: 20px; line-height: 22px; font-family: 'Open Sans', sans-serif; font-weight: 700; text-transform: uppercase; color: #323232; margin-top: 30px; padding-bottom: 18px;}
.login_box p span { color:#161616; font-weight: 600;}

.checkbox { margin-top:0px; text-align: left;}
.checkbox input[type=checkbox] { margin: 6px 0px 0px -20px;}

/* Login end */

/* event_section */

.event_1_section{width:100%; /*margin-top: -6px;*/ display: flex; display: -webkit-flex; display: -moz-flex; display: -o-flex;}
.left_event_1{width:30%; float:left; padding:35px 55px 100px; background:#fac524;}
.right_event_1{width:70%; float: right;}
.in_left_event_1{/*width:100%;*/ width:86%; float: right; text-align: right;}
.in_left_event_1 h2{color:#fff; font-size:48px; line-height: 50px; font-family: 'Open Sans', sans-serif; font-weight: 700; margin-top:20px;}
.in_left_event_1 h5{font-size:16px; line-height: 24px; font-family: 'Open Sans', sans-serif; color:#161616; margin-top:25px; text-transform: uppercase;}
.in_right_event_1 {width:100%; float: left; padding:60px 80px 60px 60px;}

.event_pic_1 { width:100%; position: relative; z-index: 999; transition: 0.5s;}
.event_vid_1 { width:100%; position: relative; z-index: 999; transition: 0.5s;}
.event_vid_1:after { content: " "; background: url(images/arrow_play.png) 0 0 no-repeat; width: 38px; height: 38px; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 9; background-size: 100%;}
.in_right_event_1 h3{font-size:20px; line-height: 22px; font-family: 'Open Sans', sans-serif; font-weight:700; text-transform: uppercase; color:#323232; margin-top:0px; padding-bottom:25px;}
.in_right_event_1 h3.otherh3 { font-size: 20px; line-height: 22px; font-family: 'Open Sans', sans-serif; font-weight: 400; text-transform: uppercase; color: #323232; margin-top: 60px; margin-bottom: 25px; padding: 0px;}
.in_right_event_1 h3.otherh3 span { font-weight:700;}

.event_box {width:100%; padding-right:20px;}

.event_box_1 { width:100%; position:relative;}
.event_box_text { width:100%; position:relative; overflow: hidden; margin-top: 30px;}
.event_box_text .left_box { width:16%; float:left; text-align: left; margin-top: 0px;}
.event_box_text .right_box { width:84%; float:right;}
.event_box_text .left_box h4{font-size:30px; line-height: 30px; font-family: 'Open Sans', sans-serif; font-weight: 700; color:#491b04; text-transform: uppercase;}
.event_box_text .left_box h4 span{display: block; font-size:14px; line-height: 18px; font-family: 'Open Sans', sans-serif; font-weight: 400;}
.event_box_text .right_box h4{font-size:18px; line-height: 20px; font-family: 'Open Sans', sans-serif; font-weight: 700; color:#323232; text-transform: uppercase; margin-top:5px; text-transform: uppercase; text-decoration: underline;}

.each_date { width:100%; position:relative; overflow: hidden; margin-top:0px;margin-bottom: 30px;}
.each_date .left_number { width:34%; float:left; text-align: left; margin-top: 0px;}
.each_date .right_text { width:66%; float:right;}
.each_date .right_text h4 {font-size:16px; line-height: 16px; font-family: 'Open Sans', sans-serif; font-weight: 600; color:#323232; text-transform: uppercase; margin-top:5px; text-transform: uppercase;}
.each_date .right_text h2 { font-size: 16px; line-height: 22px; font-family: 'Open Sans', sans-serif; font-weight: 600; color: #323232; text-transform: uppercase; margin-top: 10px; text-align: left; padding: 0px;}
.each_date .left_number h4{font-size:30px; line-height: 30px; font-family: 'Open Sans', sans-serif; font-weight: 700; color:#491b04; text-transform: uppercase;}
.each_date .left_number h4 span{display: block; font-size:14px; line-height: 18px; font-family: 'Open Sans', sans-serif; font-weight: 400;}


/* event_section end */

/* association_section */

.association_section { width:100%; /*margin-top: -6px;*/ display: flex; display: -webkit-flex; display: -moz-flex; display: -o-flex;}
.left_association { width:30%; float:left; padding:35px 55px 100px; background:#fac524;}
.right_association {width:70%; float: right;}
.in_right_association p {font-size: 15px;line-height: 22px;font-family: 'Open Sans', sans-serif;font-weight: 600;text-transform: none; color: #491b04;margin:0px 0px 40px 0px;padding:0px;}
.in_right_association p:last-child { margin: 20px 0px 0px 0px; padding: 0px;}
.in_left_association {/*width:100%;*/ width: initial; float: right; text-align: right;}
.in_left_association h2{color:#fff; font-size:48px; line-height: 50px; font-family: 'Open Sans', sans-serif; font-weight: 700; margin-top:20px;}
.in_left_association h5{font-size:16px; line-height: 24px; font-family: 'Open Sans', sans-serif; color:#161616; margin-top:25px; text-transform: uppercase;}
.in_right_association {width:100%; float: left; padding:60px 80px 60px 60px;}

.association_box { width: 100%; position: relative; z-index: 999; transition: 0.5s;}
.association_box .below-text { width:100%; position:relative; margin:20px 0px}
.association_box .below-text h2 { font-family: 'Open Sans', sans-serif;font-weight: 700; font-size:16px; color:#161616; margin: 0px; padding: 0px; text-transform: none; text-align:center; line-height: 24px;}
.association_box .below-text p { font-family: 'Open Sans', sans-serif;font-weight: 500; font-size:14px; color:#565656; margin: 0px; padding: 0px; text-transform: none; text-align:center; line-height: 24px;}
.association_pic { width:100%; position:relative; /*background-color:#00d1c9;*/}
.association_pic img { width:100%; position:relative;}

.heading_presidents { font-family: 'Open Sans', sans-serif;font-weight: 700; font-size:18px; color:#491b04; margin: 45px 0px 25px 0px; padding: 0px; text-transform: none; text-align:left; line-height: 24px;}

.in_right_association .past_presidents { width:100%; position:relative;}
.in_right_association .past_presidents li { list-style:none; padding:0px; margin: 0px 0px 8px 0px;}
.in_right_association .past_presidents li > p { font-family: 'Open Sans', sans-serif;font-weight: 600; font-size:14px; color:#161616; text-transform: none; text-align:left; line-height: 24px; padding:0px; margin:0px;}
.in_right_association .past_presidents li > p span, .in_right_association .past_presidents li > p span a{ color:#565656; font-weight:500; margin-right: 20px;}
.in_right_association .past_presidents li > p span a{margin-right:0;}
.c-pd{padding:0 0 0 100px;}
.in_right_association p.find_school { font-size: 16px; line-height: 22px; font-family: 'Open Sans', sans-serif; font-weight: 500; text-transform: none; color: #565656; margin: 20px 0px 0px 0px; padding: 0px; float: left;}
.in_right_association p.find_school a { color:#491b04; font-weight:700;}

/* association_section end */

/* leadership_section */

.leadership_section { width:100%; /*margin-top: -6px;*/ display: flex; display: -webkit-flex; display: -moz-flex; display: -o-flex;}
.left_leadership { width:30%; float:left; padding:35px 55px 100px; background:#fac524;}
.memorialpage { padding:65px 25px 100px !important; }
.right_leadership {width:70%; float: right;}
.in_right_leadership {width:100%; float: left; padding:60px 80px 60px 60px;}
.in_right_leadership p {font-size: 15px;line-height: 22px;font-family: 'Open Sans', sans-serif;font-weight: 600;text-transform: none; color: #491b04;margin:0px 0px 40px 0px;padding:0px;}
.in_right_leadership p:last-child { margin: 20px 0px 0px 0px; padding: 0px;}
.in_left_leadership {/*width:100%;*/ width: 65%; float: right; text-align: right;}
.in_left_leadership h2{color:#fff; font-size:48px; line-height: 50px; font-family: 'Open Sans', sans-serif; font-weight: 700; margin-top:20px;}
.in_left_leadership h5{font-size:16px; line-height: 24px; font-family: 'Open Sans', sans-serif; color:#161616; margin-top:25px; text-transform: uppercase;}

.leadership_box { width: 100%; position: relative; z-index: 999; transition: 0.5s;}
.leadership_box .below-text { width:100%; position:relative; margin:20px 0px 40px;}
.leadership_box .below-text h2 { font-family: 'Open Sans', sans-serif;font-weight: 600; font-size:19px; color:#161616; margin: 0px; padding: 0px;text-transform: uppercase; text-align:left; line-height: 24px;}
.leadership_box .below-text p { font-family: 'Open Sans', sans-serif;font-weight: 500; font-size:13px; color:#565656; margin: 0px; padding: 0px; text-transform: uppercase; text-align:left; line-height: 24px;}
.leadership_pic { width:100%; position:relative; /*background-color:#00d1c9;*/ -webkit-box-shadow: inset 0px 0px 40px -4px rgba(0,0,0,0.9);
-moz-box-shadow: inset 0px 0px 40px -4px rgba(0,0,0,0.9);
box-shadow: inset 0px 0px 40px -4px rgba(0,0,0,0.9)}
.leadership_pic a { height:100%; width:100%;}
.leadership_pic img { width:100%; position:relative; z-index:-1;}
.limg {width:100%; /*height:290px;*/ overflow:hidden;}
.limg img{min-width:100%; max-width:inherit; }
/* leadership_section end */

/* Payment */

.payment_section { width:100%; /*margin-top: -6px;*/ display: flex; display: -webkit-flex; display: -moz-flex; display: -o-flex;}
.left_payment { width:30%; float:left; padding:35px 0px 100px 55px; background:#fac524;}
.right_payment {width:70%; float: right;}

.in_right_payment p {font-size: 15px;line-height: 22px;font-family: 'Open Sans', sans-serif;font-weight: 600;text-transform: none; color: #491b04;margin:0px 0px 40px 0px;padding:0px;}
.in_left_payment {/*width:100%;*/ width: initial; float: right; text-align: right; padding-right: 55px;}
.in_left_payment h2{color:#fff; font-size:48px; line-height: 50px; font-family: 'Open Sans', sans-serif; font-weight: 700; margin-top:20px;}
.in_left_payment h5{font-size:16px; line-height: 24px; font-family: 'Open Sans', sans-serif; color:#161616; margin-top:25px; text-transform: uppercase;}
.in_left_payment1 {/*width:100%;*/ width: initial; float: right; text-align: right; padding-right: 0px;}

.group_accordin { width:100%; position:relative; float:left; overflow:hidden;}
.nav.nav-tabs.payments { width:100%; position:relative;display: flex; flex-direction: column; margin-top: 50px;}
.nav-tabs.payments>li { float: left; margin-bottom: 0px;}
.nav-tabs.payments>li.active>a, .nav-tabs.payments>li.active>a:focus, .nav-tabs.payments>li.active>a:hover { color: #fff; cursor: default; background-color: rgba(0, 0, 0, 0.3); border: none; border-bottom-color: transparent;}
.nav-tabs.payments>li>a { margin-right: 0px; border-radius: 0; border:none; color:#000; font-size: 16px; padding: 15px 55px 15px 35px;}
.nav-tabs.payments>li>a:focus, .nav-tabs.payments>li>a:hover { text-decoration: none; background-color: rgba(0, 0, 0, 0.3); border:none; color:#fff;}

.in_right_payment {width:100%; float: left; padding:60px 80px 60px 60px;}

.accordion1 { color: #444; cursor: pointer; padding: 0px; width: auto; border: none; text-align: left; outline: none; font-size: 15px; transition: 0.4s; float: left; clear: both; margin:0px;}
.accordion1:before { content:''; width:21px; height:20px; border:2px solid #aaaaaa; position:absolute; background-color:#fff; margin-top: 2px;     border-radius: 50%; left: 0px; z-index:1;}
.accordion1 p {font-size:30px; line-height:24px; font-family: 'Open Sans', sans-serif; color:#161616; margin:0px; padding:0px 0px 0px 78px; text-transform: uppercase; color:#491b04; font-weight:bold;}
.accordion1active { display: block;}

/*.accordion1.one.accordion1active:after  { content: ''; width: 2px; background-color: #ccc; height: 69.5%; position: absolute; z-index: 1; margin-left: 13px; margin-top: -2px; transition: max-height 0.2s ease-out; transition-duration;1s;}
.accordion1.two.accordion1active:after  { content: ''; width: 2px; background-color: #ccc; height: 30%; position: absolute; z-index: 1; margin-left: 13px; margin-top: -2px; transition: max-height 0.2s ease-out; transition-duration;1s;}*/
/*.accordion1:hover, accordion1 .active { background-color: #ccc; }*/

.panelbox { padding: 0px 0px 0px 80px; background-color: white; max-height: 0; overflow: hidden; transition: max-height 0.2s ease-out; float: left; clear: both; /*border-left: 2px solid #ececec;*/ box-sizing: border-box; margin-bottom: 30px;}
.panelbox:last-child { margin-bottom:0px;}
/*.panelbox:before { content:' '; position:absolute; left:0px; border-left: 2px solid #ececec;}*/
.panelbox:before { content:''; width:3px; height:97.8%; background-color:#ccc; position:absolute; left: 9px;   top: 2px;}
.panelbox.second:before { content:''; width:3px; height:0%; background-color:#ccc; position:absolute; left: 27px;   top: 2px;}
.panelbox.last:before { content:''; width:3px; height:0px; background-color:#fff; position:absolute; left: 27px; margin-top:-2px; top:inherit;}
.panelbox h4 { font-size:14px; line-height:14px; font-family: 'Open Sans', sans-serif; color:#787878; padding:25px 0px; margin:0px;}
.donate { margin-top:30px;}

/* Payment end */

/*project_section*/

.projects_section { width:100%; background:#fff; display: flex; display: -webkit-flex; display: -moz-flex; display: -o-flex;}
.left_projects { width:30%; float:left; padding:50px; background:#fac524; /*padding: 66px 50px 120px;*/ padding:66px 50px 66px;}
.left_projects p { color:#fff; text-transform: uppercase; font-size:16px; line-height: 25px; text-align: right;}
.in_left_projects { width: 75%; float: right; text-align: right;}
.in_left_projects h2 { color: #fff; font-size: 48px; line-height: 50px; font-family: 'Open Sans', sans-serif; font-weight: 700; margin-top:0px;}
.in_left_projects h5 {font-size: 16px;line-height: 24px;font-family: 'Open Sans', sans-serif;color: #161616;margin-top: 25px;text-transform: uppercase;}

.right_projects { width:70%; float:right; text-align: right;}
.in_right_projects { width:100%; padding: 70px 60px 60px 40px;}

.lastestdetails { width:100%; position:relative; text-align:left;}
.lastestdetails h4 { color:#161616; font-size:16px; font-weight:600; text-transform: uppercase;}
.lastestdetails h2 { margin: 0px; padding: 0px; color: #491b04; font-size: 30px; line-height: 30px; font-weight: bold; text-transform: uppercase; padding-bottom: 0px; text-align:left; margin: 15px 0px 25px;}
.lastestdetails p { margin: 0px; padding: 0px 0 20px 0; font-family: 'Open Sans', sans-serif; font-size: 14px; color: #787878; line-height: 24px; font-weight: 500;}

.left-list { width:22px; position:relative; float:left;}
.lastestdetails1 { width:100%; position:relative; text-align:left; margin-top:0px; overflow: hidden;}

.same2 .otherdetails { width:calc(100% - 22px); position:relative; text-align:left; float:left; padding-left: 65px;}
.same2 .otherdetails > h4 { color:#161616; font-size:16px; font-weight:600; text-transform: uppercase;}
.same2 .otherdetails > h2 { margin: 0px; padding: 0px; color: #491b04; font-size: 22px; line-height: 22px; font-weight: bold; text-transform: uppercase; padding-bottom: 0px; text-align:left; margin:0px 0px 25px;}
.same2 .otherdetails p { margin: 0px; padding: 0px 0 30px 0; font-family: 'Open Sans', sans-serif; font-size: 14px; color: #787878; line-height: 24px; font-weight: 500;}

.clear30 { width:100%; position:relative; height:30px; clear:both;}
.clear15 { width:100%; position:relative; height:15px; clear:both;}

.nav.projects1 {/*width:25%;*/ width: 100%; float:left; position: relative; margin-top: 4px;}
.nav.projects1 li{display: block; float:left; position: relative; margin-bottom:0px;}
.nav.projects1 li:after{content:""; background:#ccc; width:2px; height: 100%; position: absolute;top: 20px; left: 8px; margin:0 auto;}
.nav.projects1 li:last-child:after{display: none;}
.nav.projects1 > li > .circle { width: 18px !important; height: 17px; border-radius: 100%; padding: 0px; border: 2px solid #ccc; position:absolute; left:0px; top:3px; background-color: #fff;}

.group_text_all { width:100%; position:relative; padding-left: 90px; float:left;}
.group_text_all h4 { color:#161616; font-size:16px; font-weight:600; text-transform: uppercase;}
.group_text_all h2 { margin: 0px; padding: 0px; color: #491b04; font-size: 22px; line-height: 22px; font-weight: bold; text-transform: uppercase; padding-bottom: 0px; text-align:left; margin:0px 0px 25px;}
.group_text_all p { margin: 0px; padding: 0px 0 0px 0; font-family: 'Open Sans', sans-serif; font-size: 14px; color: #787878; line-height: 24px; font-weight: 500;}
.group_text_all p:last-child { padding: 0px 0 30px 0;}
.group_text_all a { margin: 0px; padding: 0px 0 0px 0; font-family: 'Open Sans', sans-serif; font-size: 14px; color: #787878; line-height: 24px; font-weight: 500; float: left;}
.group_text_all a:last-child { padding-bottom:30px;}


/*project_section end*/

/* add 20.08.2018 by Ali */

.left_projects { padding: 66px 0px 66px;}
.in_left_projects { padding-right: 50px;}

.one_group_gallery { position:relative; margin-left:-15px; margin-right:-15px; float: left;}
.each_box_3 { width:calc(100% / 3); position:relative; float:left;padding-left: 15px; padding-right: 15px;}

/*project_section end*/
/* Add 21.08.2018 by Ali Rizvi */

.left-list1 { width: 100%; float: left; position: relative; margin-top: 4px;}
.left-list1 ul {/*width:25%;*/ width: 100%; float:left; position: relative; margin-top: 4px;}
.left-list1 ul li{display: block; float:left; position: relative; margin-bottom:0px; width: 100%; padding-left: 90px; box-sizing:border-box;}
.left-list1 ul li:before{content:""; background:#ccc; width:2px; height: 100%; position: absolute;top: 10px; left: 8px; margin:0 auto;}
.left-list1 ul li:last-child:before{display: none;}
.left-list1 ul li:after {content:" "; width: 18px !important; height: 17px; border-radius: 100%; padding: 0px; border: 2px solid #ccc; position:absolute; left:0px; top:3px; background-color: #fff;}
.left-list1 ul li h2 { margin: 0px; padding: 0px; color: #491b04; font-size: 22px; line-height: 22px; font-weight: bold; text-transform: uppercase; padding-bottom: 0px; text-align: left; margin: 0px 0px 25px;}
.left-list1 ul li p { margin: 0px; padding:0px 0 30px 0; font-family: 'Open Sans', sans-serif; font-size: 14px; color: #787878; line-height: 24px; font-weight: 500;}
.left-list1 ul li a { margin: 0px; padding: 0px 0 0px 0; font-family: 'Open Sans', sans-serif; font-size: 14px; color: blue; line-height: 24px; font-weight: 500; float: left;}
.left-list1 ul li a:last-child { padding-bottom: 30px;}

/* Add 21.08.2018 by Ali Rizvi end */


.projects_section.lu a{text-decoration: underline}

.comment-respond h3.comment-reply-title {font-family: 'Open Sans', sans-serif; font-weight: 700; color: #323232; font-size:25px; margin:0 0 8px; text-transform:uppercase;}
.comment-respond p.logged-in-as a {color: #491b04;}
.comment-respond p.logged-in-as a:hover {color:#fac524;}
.comment-respond p.comment-form-comment label {font-family: 'Open Sans', sans-serif; font-weight:400; color: #491b04; font-size:18px; display:block; margin:0 0 5px;}
.comment-respond p.comment-form-comment textarea {display: block; width: 100%;  font-family: 'Work Sans', sans-serif; font-weight: 400; font-size: 14px; color: #000000; height: auto; background-color:#fff; padding:12px;  outline: none; border-radius:0px; box-shadow: none; line-height: normal; border: 1px solid #000;appearance:none;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none; webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out; height:150px;resize:none; overflow:hidden;}
.usercomment ol.commentlist {margin:0 0 20px;padding:0; list-style-type:none;}
.usercomment ol.commentlist footer.comment-meta {padding:20px;}
.usercomment ol.commentlist footer.comment-meta .comment-author {margin:0 0 10px;}
.usercomment ol.commentlist footer.comment-meta .comment-metadata a {color: #491b04;}
.usercomment ol.commentlist footer.comment-meta .comment-metadata a:hover {color: #fac524;}
.usercomment ol.commentlist .reply a {color: #491b04; font-size:17px;}
.usercomment ol.commentlist .reply a:hover {color: #fac524;}
.usercomment ol.commentlist .comment-content p {padding:0;}
.usercomment h3#comments {font-family: 'Open Sans', sans-serif; font-weight: 700; color: #323232; font-size:25px; margin:0 0 15px; }
.in_right_projects .usercomment {margin:15px 0 0;}
.alg-wrp {float:left;margin:16px 25px 18px 0;}
.rooniwood .alg-wrp {float:none; max-width:279px; margin: 16px auto 18px; display:block; }

.in_left_memorialpage { width: 80%; float: right; text-align: right;}
.in_left_memorialpage h2 { color: #fff; font-size: 48px; line-height: 50px; font-family: 'Open Sans', sans-serif; font-weight: 700; margin-top: 20px;}
.in_left_memorialpage h5 { font-size: 16px; line-height: 24px; font-family: 'Open Sans', sans-serif; color: #161616; margin-top: 25px; text-transform: uppercase;}