/*   theme */


/************ TABLE OF CONTENTS ***************
1. GLOBAL SETTINGS
2. HEADER
3. NAVIGATION
4. NAVIGATION MENU 2
5. NAVIGATION MENU 3
7. MAIN BACKGROUND SLIDER
8. GREEN BOX
9. ACCORDION
10. PROJECTS SECTION
11. VOLUNTEERS SECTION
12. FACS
13. SECTION BACKGROUND
14. CAROUSEL TESTIMONIAL
15. BRANDS
16. HORIZONTAL CAROUSEL
17. COLOR BOX PARTNERT
18. PARTNERT LINKS
19. GALLERY
20. SHOP CONTAINER
21. RATING STARTS
22. PRODUCT
23. BLOG
24. POST
25. MAP SECTION
26. GOOGLE MAP
27. CONTACT INFO
28. CONTACT FORM
29. FOOTER SECTION
30. categories widget
31. tweets widget
32. subscribe widget
33. SUB FOOTER BAR
34. SOCIAL ICONS FOOTER
35. ORANGE ARROW UP
36. BREADCRUMBS
37. BLOG PAGE
38. PAGINATION
39. SIDEBAR
40. SEARCH FORM
41. MENU WIDGET
42. TWEETS WIDGET
43. GALLERY WIDGET
44. RECENT POSTS WIDGET
45. TAGS WIDGET
46. BLOG POST SINGLE
47. META POST
48. BODY POST
49. META POST BELOW POST
50. COMMENTS
51. SINGLE PAGES
52. PROGRESS BAR
53. DONATE
54. VOLUNTEERS PAGE
55. STEPS CIRCLES
56. DIFFERENTS ELEMENTS
57. 404 ERROR
58. COMMING SOON
59. GREEN SECTION
60. TABLET BACKGROUND
61. KEYS SECTION
62. WOOCOMMERCE LAYOUT
63. WOOCOMMERCE CART
64. WOOCOMMERCE CHECKOUT



**********************************************/


/*** GLOBAL SETTINGS ***/
@font-face {
   font-family: 'SKODA Next Arabic';
   src: url(https://albalagh.org.kw/kyaan/media/fonts/addons/cp_design_changes/SKODANextArabic-Regular_1589386343.ttf);
   
}
body{
    max-width: 100%;
    overflow-x: hidden !important;

    font-family: 'SKODA Next Arabic';
    line-height: 1.5;
    -webkit-backface-visibility: visible;
}
iframe{
	border:0;
}
p{
margin-bottom:15px;
}
img{
max-width:100%;
}
a{
color:#00042d;
}
a:hover{
    color: #B7E553;
}
.float-left{
float:left;
}
.float-right{
float:right;
}
.color {
color: #00042d;
}
h1,h2,h3,h4{
font-family: 'SKODA Next Arabic', sans-serif !important;
}
h1{
    font-weight: 600;
    font-size: 34px;
}
h4 {
    font-size: 20px;
    font-weight: 600;
}
.animate {
    opacity:0;
}
.animated {
    opacity:1;
}
.centered{
    text-align:center;
}
.btn{
    transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
}

/*** HEADER ***/

.header-upbar {
	background: #780a06;
	color: #fff;
	padding-top: 10px;
}
.header-upbar .container {
	//border-bottom: 2px solid #393B47;
}
#header {
    direction: rtl;
	background: #fff;
}
.telephone.float-left {
	font-family: 'Open Sans', sans-serif;
	line-height: 20px;
	padding-bottom: 8px;
}
.social-top {
	float: right;
}
.social-top .social-icons {
	display: inline-block;
	padding-left: 20px;
}
.social-top .social-icons a {
	color: #fff;
	line-height: 53px;
	display: inline-block;
	width: 51px;
	text-align: center;
	transition:all .1s ease-in-out;
	-moz-transition:all .1s ease-in-out;
	-webkit-transition:all .1s ease-in-out;
}
.social-top .social-icons a:hover {
	background:#00042d;
}
.social-top span .fa{
	padding-right: 10px;
}
.social-top span{
	font-size: 12px;
}
.social-top span .separator{
	padding: 0 12px;
	font-size: 14px;
	vertical-align: middle;
}

/*** NAVIGATION ***/

.nav-top {
	font-size: 14px;
	font-weight: normal;
	//padding-top: 34px;
}
.nav-top>ul>li{
	float:left;
	position:relative;
    line-height: 53px;
	padding-bottom: 9px;
}
.nav-top>ul>li ul{
    display:none;
    position: absolute;
    background: #FDFDFD;
    top: 50px;
    z-index: 3;
    padding-left: 0;
    border-radius: 2px;
    padding: 9px;
    border-bottom: 4px solid #00042d;
    min-width: 235px;
    box-shadow: 2px 1px 3px 1px rgba(0, 0, 0, 0.1);
}
.nav-top>ul li:hover>ul{
	display:block;
}
.nav-top>ul>li ul ul{
    left: 100%;
    top: 0;
}
.nav-top>ul>li ul ul:before {
    content: '';
    position: absolute;
    left: 0px;
    top: 0;
    height: 100%;
    width: 0;
    box-shadow: 2px 1px 3px 1px rgba(0, 0, 0, 0.1);
}
.nav-top>ul>li ul .menu-item-has-children:before{
    content: '\f054';
    font-family: 'fontawesome';
    color: #00042d;
    position: absolute;
    right: 0;
    font-size: 11px;
    right: 10px;
    top: 3px;
    font-weight: 300;
}
.nav-top>ul{
	display: inline-block;
	margin-bottom: 0;
	vertical-align: middle;
}
.nav-top ul{
	list-style:none;
}
.nav-top>ul>li ul li {
    line-height: 46px;
    border-top: 1px solid #EDEDED;
    padding-left: 11px;
    position:relative;
}
.nav-top>ul>li ul li:hover{
    background-color: #F3F3F3;
}
.nav-top>ul>li ul li a:hover{
    color: #333;
}
.nav-top>ul>li ul li:first-child{
    border-top: none;
}
.nav-top>ul>li ul li a{
    padding: 0px 8px;
    font-size: 14px;
    color: #333;
    font-weight: 400;
    display: block;
}
.link-orange-top {
	display: inline-block;
	vertical-align: middle;
	padding-left: 10px;
	padding-bottom: 7px;
}
.link-orange-top a{
	color:#fff;
	line-height: 34px;
    width: 103px;
    background:#00042d;
	display: block;

	text-align: center;
	border-radius: 2px;
	transition:all .2s ease-in-out;
	-moz-transition:all .2s ease-in-out;
	-webkit-transition:all .2s ease-in-out;
}
.link-orange-top a:hover{

    background:#00042dd9;

    text-decoration:none;
}
.nav-top>ul a{
	color:#b8b6b6;
	padding: 0 18px;
	transition:all .1s ease-in-out;
	-moz-transition:all .1s ease-in-out;
	-webkit-transition:all .1s ease-in-out;
}
.nav-top>ul a:hover{
    color: #00042d;
    font-weight: 600;
    text-decoration: none;
    padding-bottom: 8px;
    border-bottom: 1px solid #00042d;

}
.nav-top>ul .active  a{
    color: #00042d;
    font-weight: 600;
    text-decoration: none;
    padding-bottom: 8px;
    border-bottom: 1px solid #00042d;

}
.nav-top>ul li .fa{
    font-weight: bold;
    color: #6B6D79;
    font-size: 17px;
    line-height: 1.1;
    padding-left: 6px;
    margin-right: -2px;
    position: relative;
    top: 2px;
}
#nav-top-1.nav-top>ul,
#nav-top-2.nav-top>ul,
#nav-top-3.nav-top>ul{
	padding-right:0;
}

/*** NAVIGATION MENU 2 ***/

#nav-top-2 >ul>li>ul:before {
    content: '';
    height: 34px;
    width: 100%;
    background-color: rgba(255, 255, 255, 0);
    position: absolute;
    top: -27px;
	left: 0;
}
#nav-top-2 .menu-item-has-children>ul ul{
    display:block;
    position: static;
    border-bottom: none;
    padding-right: 12px;
    padding-left: 12px;
}
#nav-top-2 >ul>li>ul>li{
    display:block;
    width:25%;
    float:left;
}
#nav-top-2 .menu-item-has-children>ul ul li:last-child{
    border-bottom: 1px solid #EDEDED;
}
#nav-top-2>ul>li ul li{
    padding-left: 0;
}
#nav-top-2>ul>li ul li a {
    padding: 0px 19px;
}
#nav-top-2 ul ul .fa {
    font-size: 13px;
    padding-right: 16px;
    top:0;
}
#nav-top-2>ul>li>ul>li>a{
    text-transform: uppercase;
    font-weight: 700;
    font-size: 16px;
    vertical-align: middle;
    padding-top: 15px;
    padding-bottom: 11px;
    border-bottom: 2px solid #00042d;
    margin-bottom: 17px;
}
#nav-top-2>ul>li>ul>li>a .fa{
    color:#00042d;
}
#nav-top-2>ul>li>ul>li:hover{
    background:none;
}
#nav-top-2 .menu-item-has-children>ul ul>li:first-child{
    border-top:none;
}
#nav-top-2>ul>li ul ul:before,#nav-top-2>ul>li ul .menu-item-has-children:before{
    content:none;
}
#nav-top-2>ul>li ul{
    box-shadow: none;
}
#nav-top-2>ul>li ul li:first-child{
    border-top: 1px solid #EDEDED;
}
#nav-top-2 >ul>li{
    position:static;
}
#nav-top-2 >ul>li>ul {
    left: 0;
    min-width: 100%;
    top: 121px;
    padding-bottom: 35px;
    box-shadow: 2px 1px 3px 1px rgba(0, 0, 0, 0.1);
}

/*** NAVIGATION MENU 3 ***/

#nav-top-3 >ul>li>ul:before {
    content: '';
    height: 34px;
    width: 100%;
    background-color: rgba(255, 255, 255, 0);
    position: absolute;
    top: -27px;
}
#nav-top-3 .menu-item-has-children>ul ul{
    display:block;
    position: static;
    border-bottom: none;
    background-color: transparent;
}
#nav-top-3 >ul>li>ul>li{
    display:block;
    width:25%;
    float:left;
}
#nav-top-3 .menu-item-has-children>ul ul li:last-child{
    border-bottom: 1px solid #EDEDED;
}
#nav-top-3>ul>li ul li{
    padding-left: 0;
    position: static;
}
#nav-top-3>ul>li ul li a {
    padding: 0px 19px;
}
#nav-top-3>ul>li ul li a{
    position: relative;
}
#nav-top-3>ul>li>ul>li>a{
    text-transform: uppercase;
    font-weight: 700;
    font-size: 16px;
    vertical-align: middle;
    padding-top: 15px;
    padding-bottom: 11px;
    border-bottom: 2px solid #00042d;
}
#nav-top-3>ul>li>ul>li>a .fa{
    color:#00042d;
}
#nav-top-3>ul>li>ul>li{
    background-color: #F9F9F9;
    box-shadow: -2px 0px 7px -2px rgba(0, 0, 0, 0.17) inset;
    height: calc(100% + 35px);
    height: -webkit-calc(100% + 35px);
    height: -moz-calc(100% + 35px);
}
#nav-top-3 .menu-item-has-children>ul ul>li:first-child{
    border-top:none;
}
#nav-top-3>ul>li ul ul:before,#nav-top-3>ul>li ul .menu-item-has-children:before{
    content:none;
}
#nav-top-3>ul>li ul{
    box-shadow: none;
}
#nav-top-3>ul>li ul li:first-child{
    border-top: 1px solid #EDEDED;
}
#nav-top-3 >ul>li{
    position:static;
}
#nav-top-3 >ul>li>ul {
    left: 0;
    min-width: 100%;
    top: 121px;
    padding-bottom: 35px;
    box-shadow: 2px 1px 3px 1px rgba(0, 0, 0, 0.1);
    min-height: 504px;
}
#nav-top-3    ul.recent-post li {
    position: relative;
    border-top: none;
    background:none;
    line-height: 1;
}
#nav-top-3 .share-excerpt .social-icons a {
    padding: 0;
}
#nav-top-3 .share-excerpt .social-icons{
    display:inline-block;
}
#nav-top-3 .share-excerpt .social-icons a .fa{
    color: inherit;
    font-size: inherit;
    font-weight: 100;
}
#nav-top-3 .share-excerpt .social-icons a{
    color: #00042d;
    padding: 0 13px;
    font-size: 17px;
}
#nav-top-3 .share-excerpt .social-icons a:hover {
    color: #B7E553;
}
#nav-top-3 .recent-post a.arrow-right{
    position:absolute;
    padding: 0;
    color:#00042d;
}
#nav-top-3 .recent-post a.arrow-right:hover{
    color:#fff;
}
#nav-top-3 .recent-post a.arrow-right .fa{
    padding-left: 0;
    font-size:inherit;
    color:inherit;
}
.cm-item-title{
    font-weight: 700;
    font-size: 16px;
    vertical-align: middle;
    padding-top: 15px;
    padding-bottom: 12px;
    border-bottom: 1px solid #E7E8E8;
}
#nav-top-3 .recent-post .share-excerpt {
    padding: 63px 23px 60px;
}
#nav-top-3 ul.recent-post {
    padding-top: 18px;
}
#nav-top-3 ul.recent-post>li {
    padding-bottom: 26px;
}
.content-menu {
    width: 100%;
    position: absolute;
    padding-left: 309px;
    top: 0;
    padding-bottom: 5px;
    display:none;
}
#nav-top-3 >ul>li>ul>li>ul>li.active    .content-menu{
    display:block;
}
#nav-top-3 >ul>li>ul>li>ul>li:hover{
    background:none;
}
#nav-top-3 >ul>li>ul>li>ul>li.active{
    background-color: #F3F3F3;
}
#nav-top-3>ul>li>ul> li>ul>li>a {
    position: relative;
    z-index: 1;
}
#nav-top-3 .recent-post-item h5 a{
    font-family: 'open sans';
    font-size: 15px;
    font-weight: 700;
    line-height: 1.5;
    margin-top: 0;
    padding-left: 0;
}
#nav-top-3 .recent-post-info {
    line-height: 1.5;
    font-weight: 400;
}

/*** LOGO ***/

#logo {
	height: 80px;
}
#logo img{
	padding-bottom: 4px;
    padding-top: 3px;
}



/*** MAIN BACKGROUND SLIDER ***/

.header>.container{
    position:relative;
}
.image-slider{
	/* height:590px; */
    background: #2E303C;
}
.image-slider .active{
	display:block;
}
#background {
    position: relative;
    overflow: hidden;
}
.banner-shadow {
    background: rgba(40, 40, 40, 0.77);
    position: absolute;
    bottom: 0;
    width: 100%;
    color: #fff;
    z-index: 2;
}
.text-slider {
    position: relative;
}
.controls {
    position: absolute;
    right: 0px;
    top: 0;
    height: 134px;
}
.text-slider li{
	list-style: none;
	margin-bottom: 0;
	font-size: 36px;
	font-weight: 100;
	padding-top: 20px;
	line-height: 1.3;
	display:none;
}
.text-slider li.active{
    display:block;
}
.text-slider-w {
    height: 134px;
    overflow: hidden;
    position: relative;
}
.text-slider {
	height: 134px;
	font-family: 'Open Sans', sans-serif;
	padding-left: 0;
    margin-right: 200px;
    margin-bottom: 0;
}
.arrows-main {
	width: 50%;
	float: left;
	height: 134px;
}
.arrows-main li{
	height: 50%;
	display: block;
	position: relative;
	color:#7D7E82;
}
.arrows-main li a{
    color: #7D7E82;
}
.arrows-main li a:hover{
	color:#fff;
}
.arrows-main li.flex-nav-prev .fa{
	position: absolute;
	bottom: 7px;
}
.arrows-main li.flex-nav-next .fa{
	padding-top: 6px;
}
.controls ol.flex-control-nav{
	list-style: none;
	width: 50%;
	height: 134px;
	display: block;
	padding-top: 25px;
	padding-left: 60px;
	padding-right: 10px;
	position:static;
}
.controls ol li{
    display: block;
}
.controls ol li a{
	border: 2px solid #00042d;
	height: 11px;
	width: 11px;
	border-radius: 30px;
	margin: 13px 0;
	cursor:pointer;
	transition:all .1s ease-in-out;
	-moz-transition:all .1s ease-in-out;
	-webkit-transition:all .1s ease-in-out;
}
.controls ol li:first-child a{
	margin-top:0;
}
.controls ol li:hover a, .controls ol li a.flex-active{
	background:#00042d;
}
.slider-main .flex-direction-nav a{
    position: static;
}

/*** GREEN BOX ***/

.bg-green{
	background:#A8D04B;
	font-family: 'Open Sans', sans-serif;
	color:#fff;
}
.bg-green p{
    font-size: 15px;
}
.join-us-box h2 {
	font-size: 34px;
	font-weight: 100;
}
.join-us-box h2 .fa{
	font-size: 45px;
	padding-right: 8px;
	padding-bottom: 13px;
}
.join-us-box{
	padding: 0 30px 30px;
}
.join-us-box p {
	font-weight: 600;
	padding-bottom: 15px;
}
img.img-bg {
	opacity: .5;
	position: absolute;
	top: 0;
	left: 0;
}
.subscribe-box-w {
	padding: 0;
	overflow: hidden;
}
.subscribe-box h2 {
	font-size: 34px;
	font-weight: 100;
}
.subscribe-box h2 .fa{
	font-size: 45px;
	padding-right: 8px;
	padding-bottom: 13px;
}
.subscribe-box{
	padding:0 30px 30px;
}
.subscribe-box p {
	font-weight: 600;
	padding-bottom: 15px;
}
.subscribe-box {
	position: relative;
}
.btn {
	color: #ffffff;
	font-size: 16px;
	display: inline-block;
	padding: 12px 26px;
}
.btn.btn-orange {
	background:#00042d;
	color:#fff;
}
.btn.btn-orange:hover{
	background:#333;
	color:#fff;
}
.subscribe{
	height: 48px;
	color: #fff;
}
.subscribe-w    .subscribe{
	background: #A8D04B;
	border: 2px solid #A8D04B;
}
.subscribe-w    .subscribe:focus{
	outline:none;
	background-color: #A2CA45;
}
.form-control{
	box-shadow:none;
	font-size: 16px;
	    padding-right: 30px;
}
.form-control:focus{
	box-shadow:none;
}
.subscribe-w {
	position: relative;
}
.subscribe-w .fa{
	position: absolute;
	right: 12px;
	top: 15px;
	font-size: 18px;
    color: #fff;
}
.green-box-right {
    padding-top: 35px;
}
.green-box-right .progress-bar {
    background-color: #F9D02A;
    position: relative;
}
 .green-box-right .progress {
     border: 2px solid #9DC443;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: #A1C847;
    margin-top: 28px;
    overflow: visible;
    height:17px;
}
.progress-bar{
    -webkit-box-shadow: none;
    box-shadow: none;
    transition:all .8s ease-in-out;
    -moz-transition:all .8s ease-in-out;
    -webkit-transition:all .8s ease-in-out;
}
.green-box-right span{
    font-size: 16px;
        font-weight: 600;
}
i.indicator {
    height: 20px;
    width: 20px;
    display: block;
    background: url(images/indicator.png) no-repeat center center;
    position: absolute;
    right: -10px;
    bottom: 100%;
}
.social-icons{
    display: inline-block;
    margin-bottom: 0;
    list-style: none;
    vertical-align: middle;
    padding-left: 0;
}
.social-icons li {
    float: left;
}
.green-box-right .social-icons li a{
    color: #fff;
    background: transparent;
    width: 35px;
    display: inline-block;
    line-height: 36px;
    font-size: 20px;
    text-align: center;
    margin: 5px;
}
.green-box-right .social-icons li a:hover{
    color: rgba(255, 255, 255, 0.78);
}
.social-donate {
    margin-top: 34px;
    border-top: 2px solid #9DC344;
    padding-top: 20px;
}
.circle-or {
    border: 2px solid #9DC344;
    line-height: 30px;
    width: 34px;
    display: inline-block;
    text-align: center;
    border-radius: 50px;
    font-size: 14px;
    font-weight: 600;
    padding: 0;
    position:relative;
    margin: 0 12px;
    margin-right:23px;
}
.circle-or:before {
    content: '';
    width: 18px;
    border-top: 3px solid #9DC344;
    display: block;
    position: absolute;
    top: 50%;
    left: 100%;
}
.circle-or:after {
    content: '';
    width: 18px;
    border-top: 3px solid #9DC344;
    display: block;
    position: absolute;
    top: 50%;
    right: 100%;
}
.block-title span{
	font-weight:400;
}
.block-title {
    border-bottom: 1px solid #EAEAEA;
    padding-bottom: 28px;
    margin-bottom: 25px;
    margin-top: 5px;
    position: relative;
    text-align: right;
}
.block-title h1{
    margin:0;
}
.quote{
	background:url(images/p_quote.png) no-repeat 0px 4px;
	padding-left:30px;
}

/*** ACCORDION ***/

.accordion .accord-content{
    position:relative;
    padding:30px 20px 0 0;
    display:none;
    background:#ffffff;
}

.accordion .accord-content.collapsed{
    display:block;
}
.accordion .accord-content p{
    position:relative;
    top:-5px;
}
.section>.container {
    padding-top: 55px;
    padding-bottom: 55px;
    position: relative;
}.section_i>.container {
    padding-top: 55px;
    padding-bottom: 55px;
    position: relative;
}
.accord-btn{
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    border-top: 1px solid #e0ecf3;
    border-bottom: 1px solid #e0ecf3;
    line-height: 52px;
    position: relative;
	cursor: pointer;
}
.accord-btn .fa{
    padding-right: 9px;
    color: #00042d;
}
.accordion ~.accordion .accord-btn {
    margin-top: -1px;
}
.accord-btn:before {
    content: '\f068';
    font-family:fontawesome;
    position: absolute;
    right: 10px;
    font-size: 11px;
}
.accord-btn.active:before {
	content: '\f067';
}

/*** PROJECTS SECTION ***/

.gray-section{
	background:#F6F6F6;
}
.project-photo-w{
    background: #A8D04B;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}
.project-photo-w img{
	opacity:1;
    width: 100%;
    transition:all .2s ease-in-out;
    -moz-transition:all .2s ease-in-out;
    -webkit-transition:all .2s ease-in-out;
}
.project-photo-t{
    position: relative;
    font-family: 'Open Sans', sans-serif;
    opacity:0;
    padding: 25px 20px;
    transition:all .2s ease-in-out;
    -moz-transition:all .2s ease-in-out;
    -webkit-transition:all .2s ease-in-out;
    transform:scale(0.9);
    -ms-transform:scale(0.9) ;
    -webkit-transform:scale(0.9);
    -o-transform:scale(0.9);
}
.project-box:hover .project-photo-w img{
	opacity:0.3;
}
.project-box:hover .project-photo-t{
	opacity:1;
	transform:scale(1);
    -ms-transform:scale(1) ;
    -webkit-transform:scale(1);
    -o-transform:scale(1);
}
.project-photo {
    text-align: center;
    color: #fff;
    width: 50%;
    position: relative;
    float: left;
}

.project-photo h4 {
    font-size: 32px;
    font-weight: 100;
    margin-bottom: 44px;
}
.project-photo h4 .fa{
    padding-right: 15px;
}
.project-photo p {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 46px;
}
.project-box {
    background: #fff;
    margin-bottom: 47px;
    overflow: hidden;
}
.project-info {
    width: 50%;
    float: left;
    text-align:center;
}
.project-info    h3 {
    font-size: 16px;
    font-weight: 700;
    border-bottom: 1px solid #EAEAEA;
    padding-bottom: 22px;
    margin-bottom: 28px;
    margin-top: 21px;
}
.project-info-t {
    padding: 0 23px;
}
.project-info-f{
    font-size: 16px;
    font-weight: 700;
    border-top: 1px solid #EAEAEA;
    padding-top: 20px;
    padding-bottom: 30px;
    margin-top: 35px;
    font-family: 'open sans', sans-serif;
    position: relative;
}
.text-gray{
    color: #797979;
}
.gray-bar{
    display: block;
    background: #F1F1F1;
    height: 9px;
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
}
.yellow-bar{
	display:block;
	background:#00042d;
	height:100%;
    float: right;
}
.project-info-f .yellow-bar{
    transition:all .4s ease-in-out;
    -moz-transition:all .4s ease-in-out;
    -webkit-transition:all .4s ease-in-out;
    width:0;
}
.double-box-w >li {
    width: 50%;
    float: left;
}
.double-box {
    padding: 0 15px;
}
ul.double-box-w {
    padding-left: 0;
    list-style: none;
}
.double-box-carousel{
	margin-left:-15px;
	margin-right:-15px;
    position: relative;
    padding-bottom: 30px;
    margin-bottom: 17px;
}
.flex-control-paging li a{
    background: none;
    box-shadow: none;
    border: 2px solid #ffffff;
    position: relative;
    z-index: 1;
}
.flex-control-paging li a.flex-active,
.flex-control-paging li a:hover{
	background:#ffffff;
}
.flex-direction-nav a{
	opacity:1 !important;

}
.flexslider-carousel .flex-direction-nav,
.horizontal-carousel .flex-direction-nav {
    bottom: 0;
    height: 15px;
    position: absolute;
    width: 100%;
}
.flexslider-carousel .flex-direction-nav    li,
.horizontal-carousel .flex-direction-nav    li{
     float:left;
     width: 50%;
    }
.flexslider-carousel    .flex-nav-prev,
.horizontal-carousel    .flex-nav-next {
    text-align: right;
}
.flexslider-carousel .flex-prev,
.flexslider-carousel .flex-next,
.horizontal-carousel .flex-prev,
.horizontal-carousel .flex-next{
    text-indent: 0;
    border: 0;
    float: none;
    line-height: 1;
    color: #00042d;
    position: static;
    margin: 0;
    width: 27px;
    border-bottom: 1px dotted #00042d;
    font-size: 15px;
    background: none;
    box-shadow: none;
    opacity: 1 !important;
    height: 9px;
    display: inline-block;
    overflow: visible;
}
.flexslider-carousel .flex-direction-nav a:before,
.horizontal-carousel .flex-direction-nav a:before{
	content:none;
}
.flexslider-carousel .flex-prev,
.horizontal-carousel .flex-prev{
	text-align:left;
}
.flexslider-carousel .flex-next,
.horizontal-carousel .flex-next{
	text-align:right;
}
.flexslider-carousel .flex-prev .fa{
    position: relative;
    left: -21px;
    top: -1px;
}
.flexslider-carousel .flex-next .fa{
    position: relative;
    right: -21px;
    top: -1px;
}
.flexslider-carousel .flex-next:hover,
.flexslider-carousel .flex-prev:hover,
.flexslider-carousel .flex-next:focus,
.flexslider-carousel .flex-prev:focus ,
.horizontal-carousel .flex-direction-nav a{
    background: none;
    outline: none;
}
.flex-control-nav {
    bottom: 0;
    height: 30px;
}


flex-direction









/*** VOLUNTEERS SECTION ***/

.block-title-c{
    text-align:center;
    position: relative;
}
.block-title-c h1{
	display:inline-block;
    border-bottom: 1px solid #EAEAEA;
    padding-bottom: 23px;
    margin-bottom: 70px;
    margin-top: 5px;
}
.block-title-c.color-green h1{
	border-bottom: none;
}
.volunteer-photo {
    width: 160px;
    float: left;
}
.volunteer-info {
    padding-left: 182px;
    padding-top: 10px;
}
.volunteer-info h4{
    font-weight: 700;
    font-size: 17px;
    margin-bottom: 4px;
}
.volunteer-info .role{
    color: #00042d;
    font-size: 13px;
    font-style: italic;
    padding-bottom: 17px;
    display: inline-block;
}
.volunteer {
    position: relative;
    padding-bottom: 1px;
}
.volunteer .social-icons{
    position: absolute;
    right: 0;
    top: 16px;
}
.volunteer .social-icons a {
    color:#00042d;
}
.volunteer .social-icons a:hover{
    color: #B7E553;
	text-decoration:none;
}
.volunteer .social-icons a:before {
    content: '/';
    padding: 0 8px;
}
.volunteer .social-icons li:first-child a:before{
	content: none;
}

/*** FACS ***/

.fact-box{
	width:25%;
	float:left;
	position:relative;
    overflow: hidden;
    border-right: 2px solid #F0F0F0;
}
.fact-box:last-child{
	border-right: none;
}
.fact-title *{
	display:block
}
.fact-title{
	text-align:center;
    padding-bottom: 17px;
    padding-top: 24px;
}
.fact-title .fa{
    color: #00042d;
    font-size: 50px;
    padding-bottom: 20px;
}
.fact-number {
    font-size: 25px;
    line-height: 1;
    font-family: 'open sans';
    font-weight: 100;
    padding-bottom: 21px;
}
.fact-title .lead {
    font-size: 14px;
}
.fact-info {
    background: rgba(255, 255, 255, 0.94);
    position: absolute;
    width: 100%;
    left: 0;
    font-size: 15px;
    height: 100%;
    text-align: center;
    top: 100%;
    transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    border-bottom: 4px solid #00042d;
    padding: 50px 40px 0;
}
.fact-info span{
    display: block;
    margin-top: 27px;
    text-decoration: underline;
}
.fact-box:hover .fact-info {
    top: 0%;
}
.count-numbers {
    padding-top: 20px;
}
.section.section-background{
	background:#333;
	color:#fff;
    position: static;
	background-attachment:fixed;
}
.section_i {
    position: relative;
}
.section-background .container{
	position:relative;
}
.color-green{
	color:#00042d;
}
.subheader{
	margin-top:0;
    margin-bottom: 20px;
}
*+.subheader{
	padding-top:10px;
}

/*** SECTION BACKGROUND ***/

.section-background p{
    color: #E4E4E4;
}
.section-background    h4,
.section-background    h3{
    color: #FDFDFD;
}
.section-background .section_i:before{
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	background: rgba(32, 32, 32, 0.8);
}

#bg1{
	background-image: url(images/bg1.jpg);
}
#bg2{
	background-image: url(images/bg2.jpg);
}

/*** CAROUSEL TESTIMONIAL ***/

.flexslider-testimonial .quote{
    padding-right: 145px;
}
.testimonial-photo{
    position: absolute;
    right: 0;
    top: -25px;
    display: block;
    width: 115px;
}
.flexslider-testimonial .flex-viewport{
    padding-top: 40px;
    margin-top: -40px;
    }
.flexslider-testimonial li,.flexslider-testimonial{
    position:relative;
}

.flexslider-testimonial .flex-control-nav{
    top: -4px;
    bottom: auto;
    text-align: right;
    padding-right: 134px;
}
.flexslider-testimonial .flex-control-paging li a {
    font-size: 0;
}
.flexslider-testimonial {
    padding-bottom: 17px;
}
.flexslider-testimonial .flex-direction-nav{
	display:none;
}
.double-box-carousel{
	margin-left:-15px;
	margin-right:-15px;
    position: relative;
    padding-bottom: 30px;
       margin-bottom: 17px;
}
.horizontal-carousel{
position: relative;
    padding-bottom: 60px;
    border-bottom: 1px solid #EAEAEA;
    padding-top: 40px;
    margin-bottom: 42px;
}
.horizontal-carousel .flex-control-nav{
	display:none;
}

/*** BRANDS ***/

li.brand {
    text-align: center;
}
.horizontal-carousel    .brand img{
filter: gray; /* IE6-9 */
    filter: grayscale(1); /* Firefox 35+ */
    -webkit-filter: grayscale(1);
    transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
}
.horizontal-carousel    .brand img:hover{
 filter: none;
    -webkit-filter: grayscale(0);
}

/*** HORIZONTAL CAROUSEL ***/

.horizontal-carousel .flex-prev, .horizontal-carousel .flex-next {
    width: auto;
    font-family: 'open sans';
    color: #333;
    font-weight: 600;
    font-size: 14px;
    height: auto;
    background: #fff !important;
    position: relative;
    top: 6px;
    border: none;
    padding: 0 12px;
    left: auto;
    right: auto;
}
.horizontal-carousel .flex-prev{
    margin-left: 25px;
}
.horizontal-carousel .flex-next{
margin-right: 25px;
}
.horizontal-carousel .flex-prev .fa, .horizontal-carousel .flex-next .fa {
color:#00042d;
}

/*** COLOR BOX PARTNERT ***/

.box-partner{
    background: #A8D04B;
    min-height: 100px;
    position: relative;
    overflow: hidden;
    padding: 10px 25px;
    font-family:'open sans';
    margin-bottom: 25px;
}
.yellow-box-partner{
    background:#00042d;
}
.orange-box-partner{
    background:#00042d;
}
.box-partner img{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	opacity:.2;
	transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
}
.box-partner:hover img{
	transform: scale(1.1);
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
}
.box-partner img~*{
position:relative;
    color: #fff;
}
.box-partner a{
color:#fff;
text-decoration:none;
}
.box-partner h4{
    font-size: 31px;
    font-weight: 300;
    padding-bottom: 11px;
}
.box-partner p{
    font-weight: 600;
}
.box-partner h4 .fa{
    font-size: 20px;
    float: right;
    padding-top: 11px;
}

/*** PARTNERT LINKS ***/

.partner-links{
list-style:none;
text-align:center;
}
.partner-links ul{
display:inline-block;
}
.partner-links ul li{
    display: inline-block;
    font-size: 14px;
    padding: 16px 38px 40px;
    position: relative;
}
.partner-links ul li:after{
    content: '/';
    position: absolute;
    right: 0;
    color: rgb(202, 202, 202);
}
.partner-links ul li a{
color:#00042d;
}
.bold-link-center {
    color: #151515;
    text-decoration: underline;
    font-weight: 700;
    font-family: 'open sans';
    font-size: 13px;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
}
.bold-link-center:hover{
    color:#00042d;
}
.bold-link-center .fa{
    color: #fff;
    background: #00042d;
    width: 23px;
    line-height: 22px;
    border-radius: 50px;
    font-size: 11px;
}
.bold-link-center span{
    display:block;
    padding-bottom: 15px;
}

/*** GALLERY ***/

.container-full{
width:100%;
padding-left:0;
padding-right:0;

}
.container-title+.container-full{
    padding-top: 0;
}
#our-gallery .item{
padding-left:0;
padding-right:0;
width:25%;
}
.section .container-title {
    padding-top: 38px;
    padding-bottom: 30px;
    position: relative;
}
.container-title .gallery-filter {
    position: absolute;
    right: 0;
    top: 33px;
}
.container-title .block-title {
    border-bottom: none;
     padding-bottom: 0;
    margin-bottom: 5px;
    }
.gallery-filter    a{
     border: 2px solid #E5E5E5;
    padding: 13px 19px;
    font-weight: 700;
    display: inline-block;
    font-family: 'open sans';
}
.gallery-filter    a .fa{
    font-size: 21px;
    line-height: 15px;
    position: relative;
    vertical-align: middle;
}
.gallery-filter    a:hover,.gallery-filter    a.current{
    background:#00042d;
    border-color:#00042d;
    color:#fff;
    text-decoration:none;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
}
.item-wrapper {
    position: relative;
}
.item-overlay {
    position: absolute;
    top: 6%;
    left: 6%;
    text-align: center;
    width: 88%;
    height: 88%;
    background: rgba(50, 50, 50, 0.65);
    border: 2px solid #00042d;
    color: #fff;
    font-family: 'open sans';
    padding: 0 30px;
    opacity:0;
    transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    transform:scale(1.1);
    -ms-transform:scale(1.1) ;
    -webkit-transform:scale(1.1);
    -o-transform:scale(1.1);
}
.item-wrapper:hover .item-overlay {
    opacity:1;
    transform:scale(1);
    -ms-transform:scale(1) ;
    -webkit-transform:scale(1);
    -o-transform:scale(1);
}
.item-overlay h3 {
    font-size: 29px;
    font-weight: 300;
    padding-top: 23px;
    border-bottom: 1px solid #76717B;
    padding-bottom: 18px;
    margin-bottom: 21px;
}
.item-overlay .info {
    display: block;
    font-weight: 700;
    padding-bottom: 10px;
    color: #FCFAFE;
}
.item-overlay .social-icons a{
    position:relative;
    padding: 0 10px;
	outline: none;
     transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
}
.item-overlay .social-icons a:hover{
    color:#fff;
}
.item-overlay .social-icons a:before{
    content: '/';
    position: absolute;
    right: -5px;
    color: rgb(202, 202, 202);
}
.item-overlay .social-icons a:last-child:before{
    content:none;
}
#gallery-section>.container-full{
    padding-bottom:0;
}
#gallery-section {
    max-width: 100%;
    overflow: hidden;
}
.price-block {
    color: #fff;
    background: #00042d;
    line-height: 50px;
    display: block;
    border-radius: 2px;
    padding: 0 16px;
    font-family: 'open sans';
    position:relative;
    font-size: 16px;
    font-weight: 600;
}
.price-block:hover,
.price-block:focus {
    color:#fff;
    text-decoration:none;
}

/*** SHOP CONTAINER ***/

.price-block .line-through{
    text-decoration:line-through;
    font-weight: 300;
    padding-right: 10px;
}
.price-block .fa{
    position: absolute;
    right: 15px;
    top: 13px;
    font-size: 22px;
}
.product-name {
    padding: 10px 0;
    position:relative;
    transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
}
.product-name h4 {
    font-size: 18px;
    font-weight: 700;
}
.details .product-name h4 {
    padding-right: 100px;
}

/*** RATING STARTS ***/

.calification-o{
    position: absolute;
    width: 93px;
    height: 16px;
    top: 22px;
    right: 0;
    background:url(images/start0.png);
}
.calification{
    position: absolute;
    width: 93px;
    height: 16px;
    top: 0;
    left: 0;
    background: url(images/start.png);
}
.calification-0{
    width: 0;
}
.calification-1{
    width: 19px;
}
.calification-2{
    width: 37px;
}
.calification-3{
    width: 56px;
}
.calification-4{
    width: 75px;
}
.calification-5{
    width: 93px;
}

/*** PRODUCT ***/

.shop-container {
    padding-bottom: 20px;
}
.product {
    position: relative;
    border-bottom: 6px solid transparent;
    padding-bottom: 23px;
    transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
}
.product:before {
    content: '';
    width: 100%;
    position: absolute;
    border-bottom: 1px solid #EAEAEA;
    bottom: -6px;
}
.product-name-c h4{
    text-align: center;
}
.product-name-c .calification-o{
    position: relative;
    display: block;
    margin: auto;
    top: 4px;
}
.product-name-c {
    position: absolute;
    width: 100%;
    top: 34%;
    opacity:0;
    transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
}
.product:hover .product-name {
    opacity:0;
}
.product:hover .product-name-c {
    opacity:1;
}
.product img{
    transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
}
.product:hover img{
    opacity:.1;
}
.product .details{
    position: relative;
    transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    top: 0;
}
.product:hover .details {
    top: -129px;
}
.product:hover{
    border-color: #00042d;
}
.sale-circle-w {
    position: absolute;
    top: 8px;
    right: 8px;
    border: 2px solid #00042d;
    border-radius: 100px;
    padding: 3px;
}
.sale-circle {
    display: block;
    background: #00042d;
    color: #fff;
    line-height: 64px;
    width: 64px;
    text-align: center;
    border-radius: 69px;
    font-family: 'open sans';
    font-size: 17px;
    font-weight: 600;
}
.section-background .block-title-c h1{
    border-bottom: none;
    margin-bottom: 40px;
    margin-top: 10px;
}
.dotted {
    border-bottom: 2px dotted #FFEAA2;
}
.section-background .block-title-label h1,
.block-title-label h1{
    line-height: 1.7;
    margin-bottom: 30px;
}
.two-buttons {
    text-align: center;
    padding-bottom: 15;
}
.blogs-wrapper .two-buttons {
    padding-bottom: 0;
}
.btn-yellow {
    border: 2px solid #F9D02A;
    color: #fff;
}
.btn-yellow:hover{
 background: #F9D02A;
    color: #fff;
}
.two-buttons .circle-or{
    margin: 0 25px;
    border-color:#F9D02A;
}
.circle-or:before,.circle-or:after{
    border-top: 2px dotted #F9D02A;
    width: 29px;
}

/*** BLOG ***/
/*** POST ***/

.blog-item-photo-w{
    background: #A8D04B;
}
.blog-item-photo-w img{
    opacity:1;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
}
.blog-item-photo {
    position: relative;
}
.blog-item-t {
    color: #fff;
    position: absolute;
    top: 0;
    width: 100%;
    text-align: center;
    opacity:0;
    padding-left: 30px;
    padding-right: 30px;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
}
.blog-item-photo:hover .blog-item-t {
    opacity:1;
}
.blog-item-photo:hover .blog-item-photo-w img{
    opacity:.3;
}
.blog-item-photo:hover .blog-item-photo-w .slides img{
	opacity:1;
}
.post-width-slider .blog-item-photo-w{
	background:none;
}
.simple-image-slider{
position:relative;
}
.simple-image-slider .flex-control-nav {
	display:none;
}

.simple-image-slider li.flex-nav-prev,
.simple-image-slider li.flex-nav-next {
    background-color: #00042d;
    height: 50px;
    width: 55px;
    margin-top: -25px;
	position: absolute;
    top: 50%;
	z-index: 1;
	overflow:hidden;
	border-radius: 3px;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
}
.simple-image-slider li.flex-nav-prev:hover,
.simple-image-slider li.flex-nav-next:hover {
	width: 105px;
}
.simple-image-slider li.flex-nav-prev {
    left: -13px;
	text-align: left;
}
.simple-image-slider li.flex-nav-next {
    right: -13px;
}
.blog .post-width-slider .blog-item-photo {
    overflow: visible;
}
.blog .blog-item-wrapper.post-width-slider{
    padding-left: 15px;
    margin-left: -15px;
}
.simple-image-slider .flex-direction-nav a:before {
    content: none;
}
.simple-image-slider .flex-direction-nav a{
    position: static;
    width: auto;
    margin: 0;
    height: auto;
    line-height: 50px;
}
.simple-image-slider .flex-direction-nav a .fa{
    color: #fff;
    display: inline-block;
    width: 55px;
    text-align: center;
}
.simple-image-slider .flex-direction-nav a span{
    color: #fff;
    font-family: 'open sans';
    font-size: 15px;
    font-weight: 600;
    text-shadow: none;
	position:absolute;
}
.simple-image-slider .flex-direction-nav a.flex-next span{
    right: 55px;
}
.simple-image-slider .flex-direction-nav a.flex-prev span{
    left: 55px;
}
.blog-item-t span.fa{
    display: block;
    font-size: 43px;
}
.link-read-more-w{
    border-top: 1px solid #B6D384;
    display: block;
    padding-top: 25px;
    padding-bottom: 23px;
}
.link-read-more {
    color: #fff;
    font-family: 'open sans';
    font-size: 15px;
    font-weight: 700;
}
.link-read-more span{
    border-bottom: 1px solid #fff;
}
.link-read-more .fa {
    padding-left: 4px;
}
.link-read-more:hover{
    color:#fff;
    text-decoration:none;
}
.link-read-more:hover span{
    border-bottom:none;
}
.blog-item-left h4{
    margin-top: 0;
    margin-bottom: 0;
    padding: 14px 14px 15px;
    font-size: 17px;
    line-height: 1.3;
    font-weight: 700;
    border-bottom: 1px solid #E7E8E8;
}
.blog-item-left h4 a{
    color:#333;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
}
.blog-item-left h4 a:hover{
    color:#00042d;
    text-decoration:none;
}
.blog-item-left {
    border: 1px solid #E7E8E8;
    margin-right: 62px;
}
.blog-item-excerpt {
    padding: 13px 14px 13px;
    border-bottom: 1px solid #E7E8E8;
    /* white-space: normal; */
}
.share-excerpt {
    padding: 13px 14px 13px;
    color: #BEBEBE;
}
.share-excerpt .social-icons{
    padding-left: 5px;
}
.share-excerpt .social-icons a{
    position: relative;
    padding: 0 13px;
    transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    font-size: 16px;
}
.share-excerpt .social-icons a:before {
    content: '/';
    position: absolute;
    right: -5px;
    color: #E0E0E0;
    font-size: 14px;
}
.share-excerpt .social-icons li:last-child a:before{
    content:none;
}
.blog-item {
    position: relative;
    margin-bottom: 30px;
    border-bottom: 5px solid transparent;
    transition: border .2s ease-in-out;
    -moz-transition: border .2s ease-in-out;
    -webkit-transition: border .2s ease-in-out;
}
.blog-item:hover{
    border-bottom: 5px solid #00042d;
}
.blog-item-right {
    position: absolute;
    top: 0;
    right: 0;
    width: 62px;
    border: 1px solid #E7E8E8;
    border-left: 0;
    height: 100%;
    text-align: center;
}
.blog-item-date {
    background: #00042d;
    color: #fff;
    margin: 6px 6px;
    font-family: 'open sans';
    border-radius: 2px;
    padding-top: 11px;
    padding-bottom: 9px;
}
.blog-item-number {
    font-size: 23px;
    font-weight: 300;
    line-height: 1;
}
.blog-item-month {
    font-weight: 700;
}
.blog-item-right .arrow-right {
    border: 1px solid #E7E8E8;
    display: block;
    margin: 6px;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
}
.blog-item-right .arrow-right:hover{
    color:#fff;
    background: #00042d;
    border-color: #00042d;
}
.btn-white {
    border: 1px solid #E2E2E2;
    font-weight: 700;
    font-size: 15px;
    min-width: 168px;
    background-color: #780a06;
}
.btn-white .fa{
    color: #00042d;
    font-size: 18px;
    vertical-align: middle;
}
.btn-white:hover{
    background:#00042d;
    color:#fff;
    border-color:#00042d;
}
.btn-white:hover .fa{
    color:#fff;
}
.blogs-container {
    margin-bottom: 40px;
}
.separator-section {
    position: relative;
    height: 37px;
    width: 1px;
    background: #E2E2E2;
    top: 54px;
    display: block;
    margin: auto;
    margin-bottom: -14px;
}
.section{
    position:relative;
}
#our-blogs{
position:relative;
}

/*** MAP SECTION ***/

.map-section {
    border-top: 4px solid #00042d;
    position: relative;
}
.map-section .container{
    position: relative;
}
.map-section .iframe-w{
    width: 100% !important;
    height: 445px;
    margin-bottom: 0;
    padding-bottom: 0;
    overflow: hidden;
    display: block;
}
.container-full .block-title-c h1 {
    border-bottom: none;
    margin-bottom: 20px;
}

/*** GOOGLE MAP ***/

.map-section iframe{
    width: 100%;
}

/*** CONTACT INFO ***/

.contact-info-box {
    position: absolute;
    top: 50px;
}
.contact-info-info {
    float: left;
    height: 100%;
    background: #fff;
    position: absolute;
    right: 0;
    width: 320px;
    font-family:'open sans';
}
.contact-info-photo {
    float: left;
    padding-right: 320px;
}
.info-row {
    padding: 23px;
    border-bottom: 1px solid #E2E2E2;
    font-size: 16px;
    position:relative;
}
.info-row .btn {
    width: 100%;
    font-weight: 700;
    margin-top: 5px;
    padding: 13px 26px;
}
.info-row:last-child{
    border-bottom:none;
}
.info-row .fa {
    position: absolute;
    color: #00042d;
    font-size: 25px;
    right: 24px;
    top: 24px;
}
.show-more-contact {
    position: absolute;
    left: 50%;
    border: 2px solid #00042d;
    width: 58px;
    text-align: center;
    line-height: 58px;
    height: 58px;
    bottom: -31px;
    border-radius: 100px;
	margin-left: -29px;
	   transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
}
.show-more-contact a{
    background: #fff;
    width: 40px;
    display: block;
    margin: auto;
    line-height: 40px;
    margin-top: 6px;
    font-size: 20px;
    border-radius: 50px;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
}
.show-more-contact a:hover,.show-more-contact a:focus{
    color: #fff;
    background: #00042d;
}

/*** CONTACT FORM ***/

.textarea-field textarea{
    height: 262px;
}
.form-w input[type="text"],
.form-w input[type="email"],
.form-w textarea{
    width:100%;
    line-height: 50px;
    border: 2px solid #ECECEC;
    padding: 0 14px;
	border-radius: 3px;
}
.text-field .fa, .textarea-field .fa {
    position: absolute;
    color: #E3E3E3;
    right: 16px;
    top: 16px;
    z-index: 1;
    font-size: 17px;
}
.text-field .fa +br, .textarea-field .fa+br{
    display:none;
}
.submit-field {
    position: absolute;
    bottom: 21px;
    right: 17px;
}
.submit-field input{
    width: 100%;
}
.submit-button {
    text-align:right;
}
.form-w {
    margin-bottom: 11px;
}
.text-field {
    width: 33.3%;
    float: left;
    padding-left: 21px;
}
.text-field:first-child{
    padding-left: 0;
}
.text-field, .textarea-field {
    margin-bottom: 25px;
    position: relative;
    font-size: 15px;
    font-weight: 700;
    color: #333;
}
.textarea-field {
    clear: both;
    margin-bottom: 0;
}
::-webkit-input-placeholder ,
.form-control::-webkit-input-placeholder {
     color: rgb(219, 219, 219);
}
:-moz-placeholder ,
.form-control:-moz-placeholder { /* Firefox 18- */
     color: rgb(219, 219, 219);
}
::-moz-placeholder,
.form-control::-moz-placeholder{    /* Firefox 19+ */
     color: rgb(219, 219, 219);
}
:-ms-input-placeholder,
.form-control:-ms-input-placeholder    {
     color: rgb(219, 219, 219);
}
.form-section ul{
    padding-left:0;
    list-style:none;
}
.form-section {
    margin-top: 85px;
    font-family:'open sans';
}
.form-w input[type="text"]:focus, .form-w input[type="email"]:focus, .form-w textarea:focus{
    border: 2px solid #E5E5E5;
    outline: none;
}
.form-w fieldset{
    position: relative;
}
form ul{
    margin-bottom:0;
}
.footer-widgets {
    padding-top: 42px;
        margin-bottom: 25px;
}

/*** FOOTER SECTION ***/

#footer {
        color: #ffffff;
    background: #00042d;
    border-bottom: 4px solid #ffffff;
}
.widget-footer h4{
    font-family: 'open sans';
    font-size: 21px;
    margin-bottom: 24px;
    color: #fff;
    border-bottom: 1px solid #ffffff;
    padding-bottom: 18px;
        direction: rtl;

}
.widget-footer a{
    color:#00042d;
}

/*** categories widget ***/

.widget-footer .categories{
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;
    font-size: 13px;
    direction: rtl;
}
.widget-footer .categories li a{
    color:#EDEDED;
}
.widget-footer .categories li:before{
    content:'\f0da';
    font-family:'FontAwesome';
    color:#00042d;
    padding-right: 13px;
}
.widget-footer ul{
    padding-left:0;
    list-style:none;
}
.widget-footer ul li{
line-height: 2;
    margin-bottom: 9px;
}

/*** tweets widget ***/

.tweet-details {
    font-size: 13px;
    padding-left: 51px;
    position: relative;
}
.tweet-details span {
    display: block;
    line-height: 1.5;
}
.tweet-body {
    padding-bottom: 9px;
        direction: rtl;

}
.tweet-details:before{
    content: '\f081';
    font-family: 'FontAwesome';
    color: #DDDDDB;
    position: absolute;
    left: 0;
    font-size: 41px;
    top: 0;
    line-height: 1;
}
.tweets-slider .flex-control-nav{
    display:none;
}

/*** subscribe widget ***/

.subscribe::-webkit-input-placeholder    {
     color: #fff;
}
.subscribe :-moz-placeholder { /* Firefox 18- */
     color: #fff;
}
.subscribe::-moz-placeholder{    /* Firefox 19+ */
     color: #fff;
}
.subscribe:-ms-input-placeholder    {
     color: #fff;
}
.subscribe-f .subscribe::-webkit-input-placeholder    {
     color: #fff;

}
.subscribe-f .subscribe :-moz-placeholder { /* Firefox 18- */
     color: #fff;
}
.subscribe-f .subscribe::-moz-placeholder{    /* Firefox 19+ */
     color: #fff;
}
.subscribe-f .subscribe:-ms-input-placeholder    {
     color: #fff;
}
.subscribe-f {
position: relative;
color:#fff;
font-family:'open sans';
    margin-top: 34px;
}
.subscribe-f .fa{
position: absolute;
right: 12px;
top: 15px;
font-size: 18px;
color:#ffffff;
}
.subscribe-f .subscribe{
background: transparent;
border: 2px solid #ffffff;
font-weight:600;
}
.subscribe-f    .subscribe:focus{
border-color: #97BE3D;
outline:none;
    box-shadow: none;
}
.widget-body {
    line-height: 2;
        direction: rtl;

}

/*** SUB FOOTER BAR ***/

.sub-footer {
   border-top: 2px solid #fff;
    font-size: 13px;
    color: #333;
    background: #fff;
}
.sub-footer a{
    color:#00042d;
}
a.white-link {
    color: #fff;
}

/*** SOCIAL ICONS FOOTER  ***/

.social-footer {
    color: #00042d;
    font-weight: 600;
    line-height: 45px;
	font-size: 0;
	direction: rtl;
}
.social-footer .social-icons a {
    padding: 0 19px;
    color: ##00042d;
    border-right: 1px solid #393B47;
    display: block;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
}
.span-join{
  
    padding-right: 16px;
    font-size: 13px;
    vertical-align: middle;
}
.social-footer .social-icons{
    font-size: 13px;
}
.social-footer .social-icons a:hover{
    color:#97BE3D;
}
.social-footer .social-icons li:first-child a {
    border-left: 1px solid #393B47;
}
.copyright {
    padding: 13px 0;
}
.view-all{
    color: #00042d;
    position: absolute;
    right: 0;
    top: 12px;
    text-decoration: underline;
}
.view-all:hover{
    color: #FF8A42;
}
.view-all .fa{
    padding-right: 10px;
    font-size: 22px;
    vertical-align: middle;
    position: relative;
    top: -1px;
}
.floating-title-label {
    position: absolute;
    top: 35px;
    font-weight: 600;
    font-size: 14px;
    font-family: 'open sans';
    color: #8B8B8D;
}
select.sorting.form-control {
    width: 213px;
    position: absolute;
    top: 16px;
    right: 0;
    font-family: 'open sans';
    font-size: 14px;
    padding: 12px;
    height: auto;
    font-weight: 700;
    color: #8B8B8D;
    border-radius: 1px;
    border-color: #E5E5E5;
}
select.form-control:focus{
    box-shadow:none;
    border-color: #ccc;
}
.slider-main{
    background: #2E303C;
}
.slider-main ol.flex-control-nav.flex-control-paging {
    position: absolute;
    z-index: 23;
}

/*** ORANGE ARROW UP  ***/

.fixed-up-arrow a{
    background: #00042d;
    color: #fff;
    font-family: 'open sans';
    display: block;
    width: 50px;
    text-align: center;
    padding: 15px 0px 11px;
    font-weight: 700;
    font-size: 15px;
    border-radius: 2px;
    text-decoration: none;
    position: absolute;
    left: -90px;
}
.fixed-up-arrow{
    opacity:0;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
}
.fixed-up-arrow.visible{
    opacity:1;
}
.fixed-up-arrow a .fa{
    display: block;
    padding-bottom: 6px;
}
.fixed-up-arrow {
    position: relative;
    top: -140px;
}

.all-content .section>.container {
    padding-bottom: 60px;
}
.btn.btn-large {
    font-size: 16px;
    padding: 15px 26px;
    font-size: 16px;
    min-width: 176px;
}

/*** BREADCRUMBS  ***/

.breadcrumbs {
    background: #F6F6F6;
    height: 72px;
}
.breadcrumbs .container {
    position:relative;
}
.breadcrumbs ul{
    list-style: none;
    padding-top: 25px;
    padding-left:0;
    margin-bottom: 24px;
}
.breadcrumbs ul li {
    display: inline-block;
    position:relative;
}
.breadcrumbs ul li:after{
    content: '\f054';
    font-family: 'fontawesome';
    font-size: 11px;
    color: #00042d;
    padding: 0 5px 0 10px;
}
.breadcrumbs ul li a{
    color: #79787D;
    font-weight: 700;
    font-family: 'open sans';
    font-size: 14px;
    text-decoration:underline;
}
.breadcrumbs ul li a:hover{
    color:#00042d;
}
.breadcrumbs ul li:last-child a{
    text-decoration:none;
}
.breadcrumbs ul li:last-child a:hover{
    color: #79787D;
}
.breadcrumbs ul li:last-child:after{
    content:none;
}
.breadcrumbs-right {
    position: absolute;
    right: 15px;
    background: #F0F0F0;
    height: 100%;
    top: 0;
    max-height: 72px;
    padding-bottom: 44px;
    padding-top: 25px;
    width: 140px;
    text-align: center;
    font-family: 'open sans';
    border-bottom: 3px solid #00042d;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
}
.breadcrumbs-right a{
    color: #333;
    font-weight: 700;
    text-decoration: none;
    display: block;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
}
.breadcrumbs-right a .fa{
    background: #00042d;
    display: inline-block;
    color: #fff;
    width: 19px;
    line-height: 17px;
    border-radius: 50px;
    padding-bottom: 2px;
    font-size: 13px;
    position: relative;
    top: -1px;
    margin-right: 5px;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
}
.breadcrumbs-right:hover{
    background: #00042d;
}
.breadcrumbs-right:hover a{
    color: #fff;
}
.breadcrumbs-right:hover a .fa{
    background: #fff;
    color:#00042d;
}

/*** BLOG PAGE  ***/

.blog .blog-item-photo{
    position: absolute;
    width: 326px;
    overflow: hidden;
}
.blog .blog-item {
    margin-left: 326px;
    margin-bottom: 0;
    border-bottom: 0;
}
.blog .blog-item-left h4 {
    padding: 17px 23px 18px;
    font-size: 18px;
    line-height: 1.4;
}
.blog .share-excerpt {
    padding: 17px 23px 18px;
    display: inline-block;
}
.blog .blog-item-excerpt{
    padding: 17px 23px 18px;
    line-height: 1.6;
}
.blog .blog-item-wrapper {
    overflow: hidden;
    position: relative;
    margin-bottom: 30px;
}
.blog .blog-item-photo-w img {
    max-width: none;
}
.blog .blog-item-photo-w {
    max-height: 271px;
}
.blog .blog-item-date {
    margin: 7px 6px;
    padding-top: 15px;
    padding-bottom: 11px;
}
.blog .audio-post .blog-item-photo{
    position:static;
    width: 100%;
}
.blog .audio-post .blog-item {
    margin-left: 0;
}
.blog .audio-post .audio-player{
    margin-bottom: -1px;
    margin-top: 0;
}
.audio-player,.audio-player .mejs-container{
    max-width:100%;
	width: 100% !important;
}
/*** PAGINATION  ***/

.pagination {
    text-align: center;
    display: block;
    margin-top: 62px;
    margin-bottom: 0px;
    position: relative;
}
.pagination:before {
    content: '';
    width: 100%;
    height: 1px;
    position: absolute;
    background: #E7E8E8;
    left: 0;
    top: 28px;
}
.navigate-page {
    padding-left: 0;
    list-style: none;
    display: inline-block;
    margin-bottom: 0;
    position: relative;
    background: #fff;
}
.navigate-page li {
    float: left;
    border: 1px solid #E7E8E8;
    border-right:none;
    line-height: 55px;
    min-width: 55px;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
}
.navigate-page li:last-child{
    border-right: 1px solid #E7E8E8;
}
.navigate-page li a{
    font-family: 'open sans';
    color: #333;
    font-size: 16px;
    font-weight: 700;
    display: block;
    text-decoration:none;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
}
.navigate-page li:first-child a,
.navigate-page li:last-child a{
    color: #00042d;
}
.navigate-page li:hover{
    border-color:#00042d;
}
.navigate-page li a:hover{
    background:#00042d;
    color:#fff;
}
.all-content #our-blogs {
    padding-bottom: 20px;
}

/*** SIDEBAR  ***/

/*** SEARCH FORM  ***/

.searchform {
    position: relative;
    margin-bottom: 20px;
    color: #979797;
}
label.screen-reader-text {
    position: absolute;
    top: 10px;
    left: 15px;
    color: #979797;
    cursor: text;
    font-weight: 400;
    font-size: 14px;
    display:none;
}
input#s {
    width: 100%;
    border: 2px solid #F0F0F0;
    min-height: 50px;
    padding-left: 20px;
    transition: border .3s ease-in;
    -moz-transition: border .3s ease-in;
    -webkit-transition: border .3s ease-in;
}
.searchform input[type="submit"]{
    position: absolute;
    top: 1px;
    right: 5px;
    opacity: 0;
    width: 38px;
}
.searchform{
    position: relative;
    margin-bottom: 10px;
    margin-top: 4px;
    width: 100%;
    font-family:'open sans';
}
.searchform:before {
    content: "\f002";
    font-family: FontAwesome;
    position: absolute;
    top: 12px;
    right: 14px;
    font-size: 16px;
    color: #333;
}
.sidebar .form-control{
    font-size: 15px;
}
.sidebar ul{
    padding-left:0;
    list-style:none;
    /* border-bottom: 1px solid #D5D5D5; */
}
.sidebar .widget{
    margin-bottom: 39px;
    position: relative;
}
.sidebar .widget h4{
    font-weight: 700;
    border-bottom: 1px solid #E7E7E7;
    padding-bottom: 20px;
    margin-bottom: 18px;
}
.sidebar .widget-bg h4{
    line-height: 46px;
    padding-left: 20px;
    margin-bottom: 0;
    padding-top: 4px;
    padding-bottom: 4px;
}
.sidebar .widget-bg{
    background:#FAFAFA;
    border-bottom: 3px solid #00042d;
}

/*** MENU WIDGET  ***/

.sidebar .widget .list{
    margin-bottom:0;
}
.sidebar .widget .list li{
    border: 1px solid #F1F1F1;
    line-height: 46px;
    font-family: 'open sans';
    font-size: 14px;
    font-weight: 600;
    position:relative;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
}
.sidebar .widget .list li a{
    color: #333;
    text-decoration:none;
    display: block;
    padding-left: 20px;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
}
.sidebar .widget .list li .count{
    color: #00042d;
    position: absolute;
    right: 21px;
    top: 0px;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
}
.sidebar .widget .list li a:hover{
    background: #00042d;
}
.sidebar .widget .list li a:hover,
.sidebar .widget .list li a:hover+.count{
    color: #fff;
}
.sidebar ul .children{
    border-left: 1px solid #E9E9E9;
    width:100% !important;
	display:none;
}
.sidebar ul.children> li> a:before {
	content: '\f054';
    font-family: 'fontawesome';
    color: #00042d;
    font-size: 10px;
    padding-right: 10px;
}
.sidebar ul.children ul.children >    li> a {
padding-left: 60px;
}

/*** TWEETS WIDGET  ***/

.widget-tweets .tweet li {
    margin-bottom: 15px;
    padding-bottom: 15px;
    position: relative;
    border-bottom: 1px dashed #D5D5D5;
}
.widget-tweets .tweet li:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "\f099";
    color: #E1E1E1;
    font-size: 20px;
    line-height: 1;
    margin-top: 0px;
    font-family: 'fontawesome';
}
.widget-tweets .tweet li p {
    margin-left: 31px;
    margin-bottom: 0;
}
.widget-tweets .tweet li p a {
    color: #3498db;
}
.widget-tweets .tweet li p.date {
    color: #00042d;
    padding-bottom: 5px;
    font-size: 13px;
    font-style: italic;
}
.float-username {
    color: #00042d;
    position: absolute;
    right: 0;
    top: -10px;
    font-size: 13px;
}
.float-username a{
    color: #00042d;
}
.float-username .fa{
    font-size: 34px;
    position: relative;
    top: 3px;
    padding-left: 10px;
}
.sidebar .widget.widget-slider h4 {
    border-bottom: none;
    margin-bottom: 3px;
}

/*** GALLERY WIDGET  ***/

.gallery-widget ul li {
    position: relative;
}
.gallery-widget-info {
    position: absolute;
    bottom: 0;
    width: 100%;
    background: rgba(40, 40, 40, 0.77);
    border-bottom: 3px solid #00042d;
}
.gallery-widget-info h5{
    font-family: 'open sans';
    font-size: 29px;
    font-weight: 100;
    margin-top: 19px;
    margin-bottom: 24px;
    padding-left: 26px;
}
.gallery-widget-info h5 a{
    color: #fff;
}
.gallery-widget-info h5 a:hover {
    color: #E2E2E2;
    text-decoration:none;
}
.gallery-widget-info .social-icons{
    position: absolute;
    right: 15px;
    top: 26px;
}
.gallery-widget-info .social-icons a{
	outline:none;
}
.gallery-widget-info .social-icons a:before {
    content: '/';
    color: #A0A0A0;
    font-size: 14px;
    padding: 0 6px;
    padding-right: 10px;
    text-decoration:none;
}
.gallery-widget-info .social-icons a:hover {
    text-decoration:none;
}
.gallery-widget-info .social-icons a:first-child:before {
    content: none;
}
.gallery-widget .flex-control-nav{
    display:none;
}
.gallery-widget .flex-direction-nav a:before{
	content:none;
}
.gallery-widget .flex-direction-nav a{
    color:#00042d;
}
.gallery-widget .flex-direction-nav a:hover{
    color:#333;
}
.gallery-widget .flex-direction-nav{
    width: 59px;
    position: absolute;
    top: 23px;
    right: 0;
}
.gallery-widget .flex-direction-nav .flex-prev {
    left: 0;
}
.gallery-widget .flex-direction-nav .flex-next {
    right: 0;
}
.gallery-widget li.flex-nav-prev:before {
    content: '';
    position: absolute;
    width: 21px;
    top: -9px;
    right: 19px;
    height: 0;
    border-bottom: 1px dotted #00042d;
}

/*** RECENT POSTS WIDGET  ***/

.recent-post> li{
    position: relative;
    margin-bottom: 16px;
    padding-bottom: 24px;
    border-bottom: 1px solid #E7E7E7;
    min-height: 126px;
}
.widget.recent-post-widget{
    overflow: hidden;
}
.recent-post img{
    position: absolute;
    left: 0;
    top: 4px;
}
.recent-post-item{
    padding-left: 115px;
}
.recent-post-item h5{
    font-family: 'open sans';
    font-size: 16px;
    font-weight: 700;
    line-height: 1.5;
    margin-top: 0;
}
.recent-post-item h5 a{
    color: #333;
    text-decoration:none;
}
.recent-post .share-excerpt{
    background: #fff;
    border: 1px solid #E7E7E7;
    border-left: 3px solid #00042d;
    padding: 60px 23px 57px;
    position: absolute;
    top: -18px;
    right: 100%;
    width: 100%;
        transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
}
.recent-post> li:hover .share-excerpt{
    right: 0%;
}
.recent-post a.arrow-right{
    border: 1px solid #E7E7E7;
    display: block;
    margin: 6px;
    position: absolute;
    right: 0;
    top: 0;
    width: 50px;
    text-align: center;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
}
.recent-post a.arrow-right:hover {
    color: #fff;
    background: #00042d;
    border-color: #00042d;
}
.recent-post> li:last-child,
ul.recent-post{
    margin-bottom: 0;
}

/*** TAGS WIDGET  ***/

.tagcloud a {
    font-size: 15px !important;
    font-weight: 700;
    margin-bottom: 7px;
    display: inline-block;
    color: #333;
    margin-right: 7px;
    line-height: 46px;
    padding: 0 18px;
    border: 1px solid #E2E2E2;
    border-right: 5px solid #00042d;
    font-family: 'open sans';
    position: relative;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
}
.tagcloud a:before {
    content: '';
    height: 9px;
    width: 9px;
    background: #00042d;
    display: block;
    position: absolute;
    right: -5px;
    border-radius: 50px;
    top: 50%;
    margin-top: -5px;
}
.tagcloud a .count {
    background: #00042d;
    line-height: 48px;
    display: inline-block;
    position: absolute;
    left: 100%;
    top: -1px;
    width: 0;
    text-align: center;
    color: #fff;
    overflow: hidden;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    z-index: 1;
}
.tagcloud a:hover {
    margin-right: 44px;
    text-decoration:none;
}
.tagcloud a:hover .count {
    width: 44px;
}
.sidebar-left .main-block{
    float:right;
}

/* BLOG POST SINGLE */

.blog-post .blog-item-right{
    float: right;
    position: static;
    border: 1px solid #E7E8E8;
    background: #fff;
}
.blog-post .subtitle-post {
    margin-top: 0;
    border-bottom: 1px solid #E7E8E8;
    font-weight: bold;
    font-size: 22px;
    padding: 18px 21px 21px;
    line-height: 1.3;
}
.blog-post {
    border: 1px solid #E7E8E8;
    margin-bottom: 37px;
}
.body-post {
    padding: 20px 21px 0px;
}

/*** META POST  ***/

.blog .meta-post {
    margin: 7px 6px;
    border: 1px solid #E7E8E8;
    font-family: 'open sans';
}
.blog .meta-post{
	color:#00042d;
}
.meta-post span {
    display: block;
    padding-top: 9px;
    padding-bottom: 10px;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
}
.meta-post-icon {
    border-bottom: 1px solid #E7E8E8;
    padding-bottom: 11px;
}
.meta-post span a{
    display:block;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
}
.blog .meta-post span:hover,
.blog .meta-post span:hover a{
	background:#00042d;
	color:#fff;
	text-decoration:none;
}
.body-post .float-left {
    padding-right: 20px;
    padding-bottom: 10px;
}

/*** BODY POST  ***/

.body-post p {
    margin-bottom: 21px;
}
.body-post h3 {
    font-size: 18px;
    font-weight: 700;
}
.body-post .subtitle{
	margin-top:3px;
}
.body-post .accordion-box {
    margin-bottom: 30px;
}
.body-post figure {
    border: 1px solid #E2E2E2;
    padding: 4px;
    text-align: center;
    display: inline-block;
}
.body-post figcaption {
    padding: 12px 0 9px;
}

/*** META POST BELOW POST  ***/

.sub-meta{
	font-family:'open sans';
}
.sub-meta .share-excerpt {
    display: inline-block;
    padding-left: 2px;
}
.meda-i:before {
    content: '/';    position: absolute;
    right: 6px;
    color: #D0D0D0;
    font-size: 17px;
    top: -2px;
}

.meda-i {
    position: relative;
    display: inline-block;
    padding-right: 22px;
    color: #BEBEBE;
}
.sub-meta {
    margin-left: -21px;
    margin-right: -21px;
    border-top: 1px solid #E2E2E2;
    margin-top: 35px;
    padding-left: 21px;
    padding-top: 1px;
}
.sub-meta .share-excerpt .social-icons {
    padding-left: 0;
}

/*** COMMENTS  ***/

.st_comment {
    font-weight: 600;
    border-bottom: 1px solid #E7E8E8;
    padding-bottom: 22px;
    font-size: 34px;
    margin-bottom: 34px;
}
.st_comment span{
    color: #00042d;
}
.comments>ul{
	padding-left:0;
	list-style:none;
}
.thumb-w {
    width: 96px;
    text-align: center;
    float: left;
}
.comment-reply-link {
    color: #00042d;
    font-style: italic;
}
.thumb {
    margin-bottom: 4px;
}
.comments li {
    position: relative;
}
.w_thumb {
    margin-left: 121px;
    border-bottom: 1px dashed #E2E2E2;
    padding-bottom: 15px;
    margin-bottom: 39px;
}
.meta-comments {
    font-weight: 700;
    font-family: 'open sans';
    padding: 10px 0 4px;
}
.date-comment .fa{
    color: #00042d;
    padding-right: 11px;
    font-size: 18px;
    vertical-align: middle;
}
.author-comment {
    padding-right: 9px;
}
.date-comment {
    color: #BEBEBE;
}
.comments .children{
    padding-left: 45px;
    list-style:none;
}
.comments .children >li{
    border-left: 2px solid #00042d;
    padding-left: 29px;
}
.comment-area{
    position:relative;
    margin-bottom: -3px;
}
.comment-area .form-control{
    width: 100%;
    font-size: 15px;
    border: 2px solid #F0F0F0;
    min-height: 50px;
    padding-left: 15px;
    font-family:'open sans';
    font-weight:700;
    transition: border .3s ease-in;
    -moz-transition: border .3s ease-in;
    -webkit-transition: border .3s ease-in;
}
.comment-area .form-control:focus{
    border: 2px solid #E5E5E5;
    outline: none;
}
.comment-area textarea.form-control {
    height: 232px;
    padding-top: 11px;
}
.comment-area .submit-field {
    margin-bottom: 0;
}
.comment-area .form-group{
    position:relative;
}
.comment-area .form-group.submit-field{
    position:absolute;
}
.comment-area .form-group .fa {
    position: absolute;
    color: #fff;
    right: 16px;
    top: 16px;
    z-index: 1;
    font-size: 17px;
}
.comment-area .form-group.required {
    margin-right: 67px;
}
.required-icon {
    background: #00042d;
    color: #fff;
    padding: 0;
    border-radius: 2px;
    position: absolute;
    right: -67px;
    top: 2px;
    line-height: 46px;
    width: 47px;
    text-align: center;
    opacity:0;
    transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in;
}
.required-icon .fa{
    position:static !important;
}
.required-icon:before{
    content: '';
    width: 0px;
    height: 0px;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 10px solid #00042d;
    line-height: 0;
    position: absolute;
    left: -7px;
    top: 12px;
}
.horizontal-carousel .row {
    padding-bottom: 81px;
}
.horizontal-carousel .row:last-child {
    padding-bottom: 24px;
}
.horizontal-carousel .row:first-child {
    padding-top: 11px;
}
.simple-page .partner-links ul li {
    padding-bottom: 7px;
}

/*** SINGLE PAGES  ***/

.all-content .block-title {
    margin-bottom: 34px;
}
.simple-page .double-box-carousel {
    padding-bottom: 0;
    margin-bottom: -38px;
    overflow: hidden;
}
.full-width-page .sub-meta {
    margin-top: 27px;
}
.full-width-page .blog-post {
    margin-bottom: 10px;
}

/*** PROGRESS BAR  ***/

.progress-w {
    border: 1px solid #ECECEC;
    padding: 2px 0;
}
.progress-w .progress{

    background-color: #f5f5f5;
    height: 10px;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-bottom: 0;
}
.yellow-progress .progress-bar {
    background-color: #F9D02A;
    position: relative;
}

/*** DONATE  ***/

.donate-label-row {
    font-family:'open sans';
    overflow:hidden;
}
.donate-label-row>div{
    padding: 20px 21px;
}
.donate-label-row>div:last-child{
    border-left: 1px solid #E2E2E2;
}
.donate-label-row strong{
    font-size:16px;
}
.donate-label-row strong span{
    color:#949496;
}

/*** VOLUNTEERS PAGE  ***/

.volunteer-info.row{
    padding-left: 0;
    border-bottom: 1px solid #EAEAEA;
    padding-bottom: 12px;
    margin-bottom: 29px;
    padding-top: 7px;
}
.volunteer-centered .social-icons{
	position:static;
	display:block;
}
.gray-text{
    color:#B9B9B9;
}
.volunteer-centered .volunteer-info .role{
    padding-bottom: 10px;
}
.volunteer-centered .row>div:first-child{
    padding-top: 2px;
    margin-right: -16px;
}
.volunteer-centered .row>div:first-child+div{
	margin-right: -16px;
    padding-left: 3px;
}
.volunteer-centered {
    padding: 20px;
    margin-top: 98px;
    margin-bottom: 21px;
    border: 1px solid rgb(249, 249, 249);
    box-shadow: 0px 1px 14px 2px rgb(249, 249, 249);
}
.volunteer-centered .volunteer-info h4 {
    margin-top: 0;
}
.volunteer-centered .volunteer-photo {
    float: none;
    margin-top: -110px;
}
.row-volunteers{
    margin-bottom: -9px;
}

/*** STEPS CIRCLES   ***/

.row-steps {
    text-align: center;
    margin-bottom: 40px;
}
.step-cirble-w {
    display: inline-block;
    border: 3px solid #2ED0FF;
    border-radius: 200px;
    padding: 5px;
    margin-bottom: 20px;
    margin-top: 20px;
}
.step-circle {
    color: #fff;
    background-color: #2ED0FF;
    line-height: 160px;
    font-family: 'open sans';
    font-size: 30px;
    font-weight: 700;
    text-align: center;
    width: 160px;
    border-radius: 200px;
}
.step-col h3{
    font-weight: 700;
    font-size: 17px;
    margin-bottom: 20px;
}
.step-yellow{
    border: 3px solid #F9D02A;
}
.step-yellow .step-circle{
    background-color: #F9D02A;
}
.step-green{
    border: 3px solid #ffffff;
}
.step-green .step-circle{
    background-color: #A8D04B;
}
.step-orange{
    border: 3px solid #00042d;
}
.step-orange .step-circle{
    background-color: #00042d;
}
hr.double {
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    height: 2px;
    clear: both;
}

/*** DIFFERENTS ELEMENTS   ***/

.form-two    {
    font-family: 'open sans';
    margin-top: 52px;
    margin-bottom: -6px;
}
.form-two .text-field {
    width: 100%;
    padding-left: 0;
    margin-bottom: 17px;
}
.form-two .submit-field {
    bottom: 24px;
    right: 32px;
}
.form-two .textarea-field textarea {
    height: 267px;
}
.all-content .project-box {
    border: 1px solid rgb(249, 249, 249);
    box-shadow: 0px 1px 14px 2px rgb(249, 249, 249);
}
.blog-post.border-shadow {
    border: 1px solid rgb(249, 249, 249);
    box-shadow: 0px 1px 14px 2px rgb(249, 249, 249);
}
.gallery-page #our-gallery .item{
	width:33%;
}
.block-title .gallery-filter {
    position: absolute;
    right: 0;
    top: -4px;
}
.gallery-page .gallery-wrapper {
    margin-bottom: 13px;
}
.body-post .block-title {
    margin-top: 17px;
}
.quote.quote-left-floating{
    width: 258px;
    float: left;
    padding-right: 16px;
}
.details-dashed{
    padding-right:0;
    list-style:none;
    font-family:'open sans';
    font-weight:700;
}
.details-dashed span{
    color:#949496;
}
.details-dashed .fa{
    color: #00042d;
    font-size: 20px;
    padding: 0 10px;
    min-width: 40px;
}
.details-dashed li {
    border-bottom: 1px dashed #DADADA;
    padding-bottom: 14px;
    margin-bottom: 11px;
}
.details-dashed li a{
    color: #00042d;
    font-weight: 600;
}
.body-post .horizontal-carousel {
    margin-bottom: 18px;
    padding-top: 29px;
}
.body-post .carousel-bottom .slides>li .item{
padding:0 15px;
}
.button-back {
    font-family: 'open sans';
    border: 2px solid #EAEAEA;
    position: relative;
    display:inline-block;
    right: 0;
    top: -9px;
    line-height: 48px;
    padding: 0 28px;
    font-weight: 700;
    color: #00042d;
    font-size: 16px;
    transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
}
.block-title .button-back {
    position:absolute;
    margin-left: 47px;
}
.block-title .button-back:focus{
	color: #00042d;
	text-decoration:none;
}
.button-back .fa{
    background-color: #00042d;
    display: inline-block;
    line-height: 52px;
    margin-top: -2px;
    width: 49px;
    font-size: 16px;
    text-align: center;
    color: #fff;
    position: absolute;
    right: 100%;
}
.button-back:hover{
    background:#00042d;
    color:#fff;
    text-decoration:none;
    border-color:#00042d;
}
.floating-up-box {
    width: 92%;
    margin: auto;
    margin-top: -194px;
    background-color: #fff;
    position: relative;
    box-shadow: 0px 1px 14px 2px rgba(0, 0, 0, 0.1);
}
.large-donate-form{
    font-family:'open sans';
}
.large-donate-form>div:first-child{
    border-right:1px solid #EAEAEA;
    padding: 20px 30px;
    font-size: 14px;
    font-weight: 600;
}
.donate-amount-box {
    margin-top: 15px;
}
.donate-amount-box span{
    color: #00042d;
    font-size: 34px;
    font-weight: 700;
    vertical-align: middle;
    padding-right: 18px;
}
.amount-donate {
    width: 84px;
    display: inline-block;
    height: 43px;
    border-radius: 1px;
    position: relative;
    top: 4px;
    text-align: center;
    color: #333;
    border:2px solid #F0F0F0;
}
.amount-donate:focus {
    border: 2px solid #E2E2E2;
}
.btn-donate-large{
    background-color: #00042d;
    color: #fff;
    font-size: 36px;
    font-weight: 600;
    display: inline-block;
    padding: 13px 33px 19px;
    padding-right: 88px;
    width: 100%;
    position:relative;
    transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
}
.btn-donate-large-w{
    padding: 26px;
}
.btn-donate-large .fa{
    position: absolute;
    right: 0;
    background-color: #A2CA45;
    height: 100%;
    top: 0;
    width: 90px;
    padding-top: 20px;
}
.btn-donate-large:hover{
    color:#fff;
    background-color: #A2CA45;
}
.secure-label{
    text-align: center;
    font-family: 'open sans';
    font-size: 16px;
    padding: 3px;
}
.secure-label a{
    color:#00042d;
    text-decoration:underline;
}
.donation-quote {
    padding: 19px 30px 24px;
    text-align: center;
    font-size: 24px;
    margin-bottom: 34px;
}
.donation-quote .fa{
    display: block;
    color: #00042d;
    font-size: 45px;
    padding-top: 30px;
    height: 0px;
}

/*** 404 ERROR   ***/

.page-404{
    background:url('images/404.jpg') no-repeat;
    min-height: 667px;
    position: relative;
    border-bottom: 4px solid #00042d;
}
.page-404:before {
    content: '';
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    background-color: rgba(31, 31, 31, 0.82);
}
.box-404 {
    width: 600px;
    margin: auto;
    padding-top: 229px;
    padding-top: 60px;
    position: relative;
}
h5.bigger {
    font-size: 306px;
    color: #fff;
    font-family: 'open sans';
    font-weight: 600;
    text-align: center;
}
h5.bigger span{
    font-family: 'Droid Serif', serif;
    background: #00042d;
    border-radius: 500px;
    font-size: 130px;
    font-style: italic;
    font-weight: 100;
    width: 258px;
    display: inline-block;
    text-align: center;
    line-height: 258px;
    position: relative;
    margin-left: -20px;
    margin-right: -20px;
    vertical-align: middle;
    top: -19px;
}
h5.bigger span:before {
    border-radius: 500px;
    width: 274px;
    display: inline-block;
    text-align: center;
    height: 274px;
    content: '';
    position: absolute;
    top: -8px;
    left: -8px;
    border: 3px solid #00042d;
    background-color: rgba(255, 0, 0, 0);
    z-index: 9;
}
.box-404 .button-back {
    border-color: #00042d;
    position: absolute;
    left: 48px;
    right: auto;
    top: -1px;
}
.box-404 .button-back:focus{
	color:#00042d;
	text-decoration:none;
}
.label-404 {
    color: #fff;
    font-family: 'open sans';
    vertical-align: top;
    font-size: 17px;
    font-weight: 600;
    padding-left: 167px;
    position: relative;
}
.box-404 hr {
    margin-top: 39px;
    margin-bottom: 37px;
    border: 0;
    border-top: 1px solid #B0B0B0;
}

/*** COMMING SOON   ***/

.coming-soon-page{
    background:url('images/coming.jpg') no-repeat;
    min-height: 667px;
    position: relative;
}
.coming-soon-page:before {
    content: '';
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    background-color: rgba(61, 61, 61, 0.75);
}
.box-coming-soon {
    color: #fff;
    position: relative;
    padding-top: 147px;
    text-align: center;
    width: 960px;
    max-width: 100%;
    margin: auto;
    padding-bottom: 100px;
}
.coming-soon-title {
    font-size: 72px;
    position: relative;
    margin-bottom: 150px;
}
.coming-soon-title:before {
    content: '';
    position: absolute;
    height: 0;
    width: 160px;
    border-bottom: 2px dotted #fff;
    bottom: -39px;
    left: 50%;
    margin-left: -80px;
}
.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.col-xs-5ths {
    width: 20%;
    float: left;
}

@media (min-width: 768px) {
    .col-sm-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-5ths {
        width: 20%;
        float: left;
    }
}
span.bigger {
    border: 2px solid #00042d;
    display: block;
    line-height: 161px;
    font-size: 84px;
    font-weight: 600;
    border-radius: 2px;
    position: relative;
    margin-bottom: 32px;
}
span.bigger:before {
    content: '';
    height: 0px;
    width: 30px;
    position: absolute;
    bottom: -19px;
    left: 50%;
    margin-left: -15px;
    border-bottom: 2px dotted #fff;
}
.col-md-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 25px;
    padding-left: 25px;
}
#countdown {
    font-family: 'open sans';
    margin-bottom: 80px;
}
#countdown h4 {
    font-size: 16px;
    background-color: #00042d;
    line-height: 45px;
    border-radius: 2px;
}
.text-coming {
    width: 80%;
    margin: auto;
    color: #ddd;
}
.widget .contact-info-info{
    position:static;
    background: none;
    float: none;
    padding-right: 17px;
    width: auto;
}
.widget .info-row {
    padding: 8px 0;
    border-bottom: none;
    font-size: 15px;
}
.widget .info-row .fa {
    font-size: 19px;
    right: 0px;
    top: 10px;
}
.donate-f.btn {
    border: 2px solid #393B47;
    display: block;
    margin-top: 60px;
    margin-bottom: 30px;
    position:relative;
}
a.donate-f.btn:before {
    height: 0;
    width: 100%;
    position: absolute;
    left: 0;
    top: -29px;
    border-top: 2px solid #393B47;
    content: '';
}
a.donate-f.btn:after {
    height: 0;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: -29px;
    border-top: 2px solid #393B47;
    content: '';
}
.donate-f.btn:hover,.donate-f.btn:focus {
    background:#00042d;
    color:#fff;
}
.coming-soon-page.underconstruction-page{
    background-image:url(images/under-construction.jpg);
}

.coming-soon-page.underconstruction-page .coming-soon-title:before{
    border-bottom:1px solid #8B8B8B;
    width: 230px;
    margin-left: -115px;
}

.underconstruction-page span.bigger:before{
 content:none;
}
#countdown-cons {
    font-family: 'open sans';
    margin-bottom: 80px;
}
#countdown-cons span.bigger {
    border: none;
    font-size: 114px;
}
#countdown-cons span.bigger:after {
    content: ':';
    position: absolute;
    left: 100%;
    top: -5px;
    color: #00042d;
    font-size: 62px;
    font-weight: 400;
}
#countdown-cons div:last-child span.bigger:after {
    content:none;
}
#countdown-cons span.bigger {
    font-size: 130px;
}
.subscribe-cons{
    font-family: 'open sans';
    width: 450px;
    max-width: 100%;
    margin: auto;
}
.subscribe-cons .subscribe-w .subscribe {
    font-size: 17px;
    font-weight: 600;
    padding-left: 20px;
    height: 53px;
}
.subscribe-cons .subscribe-w .fa {
    top: 17px;
}
.subscribe-label {
    font-size: 34px;
    color: #fff;
    font-weight: 100;
    border-right: 1px solid #B8B8B8;
    display: block;
    float: left;
    margin-bottom: 31px;
    width: 40%;
}
span.subscribe-label-text {
    text-align: left;
    display: block;
    float: left;
    width: 60%;
    padding-left: 17px;
    font-size: 15px;
    font-weight: 700;
    color: #fff;
}
.hr-to-up.double {
    margin-top: -28px;
    margin-bottom: 70px;
}
.tweets-slider {
    overflow: hidden !important;
    position: relative;
}
.tweets-slider:after{
    content: '';
    position: absolute;
    height: 100%;
    width: 7px;
    background: #ffffff;
    top: 0;
    right: -3px;
}
.tweets-slider .flex-control-nav,
.tweets-slider .flex-direction-nav{
display:none;
}
.recent-post-widget .btn-line{
    margin-top:-1px;
    border-top-right-radius:0;
    border-top-left-radius:0;
}
.two-buttons .btn-line:first-child{
    border-top-right-radius:0;
    border-bottom-right-radius:0;
}
.two-buttons .btn-line:last-child{
    border-top-left-radius:0;
    border-bottom-left-radius:0;
    margin-left:-1px;
}

/*** NAVIGATION MENU ***/

.content-menu>div:first-child .cm-item-title{
    position: relative;
    margin-left: -23px;
    padding-left: 23px;
    margin-right: -15px;
}
.content-menu>div:first-child .cm-item-title:before {
    content: '';
    position: absolute;
    height: 100%;
    width: 3px;
    top: 0;
    right: -1px;
    border-right: 1px solid #fff;
}
.content-menu>div:first-child{
    border-right: 1px solid #E7E8E8;
    padding-left: 6px;
}
.content-menu>div:first-child .cm-item-nody {
    padding-right: 4px;
}
.featured-in-menu {
    padding-top: 21px;
}
.content-menu>div:last-child{
    padding-left: 22px;
    padding-right: 20px;
}
.content-menu>div:last-child .cm-item-title{
    margin-left: -22px;
    padding-left: 22px;
    margin-right: -20px;
}
#nav-top-3 .content-menu>div:first-child .cm-item-nody h5 a{
    font-size: 17px;
    font-weight: 700;
    line-height: 1.6;
    border-bottom: 1px solid #E7E8E8;
    padding: 0;
    padding-bottom: 9px;
}
.body-post-in-menu {
    font-weight: 400;
    line-height: 1.6;
}
.feature-circle {
    background: #00042d;
    height: 115px;
    width: 115px;
    text-align: center;
    position: absolute;
    border-radius: 100px;
}
.feature-circle .fa{
    line-height: 115px;
    width: 115px;
    color: #fff;
    font-size: 48px;
    padding-bottom: 45px;
}
.feature-circle:before {
    content: '';
    position: absolute;
    height: 111px;
    width: 111px;
    top: 2px;
    left: 2px;
    border: 3px solid #fff;
    border-radius: 100px;
}
.feature-circle-info {
    padding-left: 145px;
}
.feature-circle-block {
    position: relative;
    min-height: 115px;
    padding-bottom: 50px;
}
.feature-circle-info h4 {
    font-size: 22px;
    font-weight: 700;
    padding-bottom: 23px;
    border-bottom: 2px dotted #DBDBDB;
    margin-bottom: 21px;
    position: relative;
}
.feature-circle-info h4:before {
    background-color: #00042d;
    content: '';
    position: absolute;
    left: 0;
    bottom: -4px;
    height: 6px;
    width: 6px;
    border-radius: 50px;
}
.features-right .feature-circle-info {
    padding-right: 145px;
    padding-left: 0;
    text-align:right;
}
.features-right .feature-circle {
    right: 0;
}
.features-right .feature-circle-info h4:before {
    left: auto;
    right: 0;
}
.features-right{
    position:relative;
}
.features-right:before {
    content: '';
    height: 100%;
    width: 8px;
    left: 0;
    border-left: 2px dotted #DBDBDB;
    background-color: #FaFaFa;
    position: absolute;
    top: 0;
    z-index: 1;
}
.small-cicle{
    position: absolute;
    background-color: #00042d;
    height: 27px;
    width: 27px;
    bottom: 0;
    left: 50%;
    margin-left: -12px;
    border-radius: 100px;
}
.features-circles-row{
    position:relative;
    margin-bottom: 10px;
}
.features-circles-row > div{
    padding-bottom: 20px;
}

.small-cicle:before {
    content: '';
    position: absolute;
    height: 23px;
    width: 23px;
    top: 2px;
    left: 2px;
    border: 4px solid #fff;
    border-radius: 100px;
}

/*** GREEN SECTION ***/

.green-section{
    background: #00042d;
    position:relative;
}
.green-section:before{
    content: '';
    background: rgba(167, 210, 74, 0.77);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
#green-section{
	background:url('images/bg-green.jpg') fixed;
	background-attachment: fixed;
}
.bar-green-text {
    color: #fff;
    font-size: 33px;
    font-family: 'open sans';
    font-weight: 100;
    text-align: center;
}
.green-section .btn-white{
    color:#fff;
    border: 2px solid #fff;
    min-width: 0;
}
.green-section .btn-white .fa{
    color:#fff;
}
.green-section .btn-white:hover{
    background:#fff;
    color:#00042d;
}
.green-section .btn-white:hover .fa{
    color:#00042d;
}
.section.green-section>.container {
    padding-top: 50px;
    padding-bottom: 50px;
}

/*** TABLET BACKGROUND ***/

.tablet-w {
    position: relative;
    text-align: center;
}
.tablet-video-wrapper {
    position: absolute;
    top: 40px;
    left: 50%;
    margin-left: -285px;
    width: 556px;
}
.tablet-video-wrapper .video-container {
    padding-bottom: 70%;
}

/*** KEYS SECTION ***/

.key-details{
    padding-bottom: 57px;
}
.key-details h4{
    font-weight: 100;
    font-size: 45px;
    border-bottom: 1px solid #e0ecf3;
    padding-bottom: 15px;
    margin-bottom: 13px;
    position:relative;
}
.key-details h4:before {
    content: '';
    position: absolute;
    bottom: -1px;
    width: 22px;
    height: 2px;
    background-color: #00042d;
}
.key-info {
    font-family: 'open sans';
    font-weight: 600;
    color: rgb(182, 182, 182);
}
.key-info .fa{
    color: #00042d;
    font-size: 17px;
    padding-right: 9px;
    position: relative;
    top: 1px;
}
.key-details-col {
    padding-top: 78px;
}
.key-col-right{
    text-align: right;
}
.key-col-right .key-details h4:before{
    right:0;
}
.key-col-right .key-info .fa{
    padding-right: 0;
    padding-left: 9px;
}

/*** WOOCOMMERCE LAYOUT ***/

#tablet-section>.container{
    padding-top: 64px;
    padding-bottom: 64px;
}
.shop-container .product{
    margin-bottom: 50px;
}
.shop-container {
    margin-bottom: -55px;
}
.related-products .shop-container{
    padding-bottom: 0;
}
.floating-title-product {
    text-align: right;
    position: absolute;
    right: 0;
    top: 0;
}
.floating-title-product .floating-title-label,
.floating-title-product select.sorting.form-control{
    display: inline-block;
    position:static;;
}
.floating-title-product .floating-title-label{
    padding-right: 10px;
}
.widget_shopping_cart_content img {
    float: left;
    padding-top: 0;
    width: 90px;
    height: auto;
    margin-top: -18px;
}
.widget_shopping_cart_content ul li {
    padding-bottom: 19px;
    position: relative;
    overflow: hidden;
    font-family: 'open sans';
    padding-top: 20px;
    border-bottom: 1px solid #E7E7E7;
    margin-bottom: 18px;
}
.widget_shopping_cart_content .quantity {
    display: block;
    margin: 0;
    width: auto;
    padding-left: 105px;
    font-size: 15px;
    font-weight: 600;
    color: #CBCBCB;
}
.widget_shopping_cart_content .quantity .amount {
    color:#333;
}
.widget_shopping_cart_content ul li a{
    font-size: 17px;
    font-weight: 700;
    color: #333;
    margin-top: 46px;
}
.widget .total {
    font-family: 'open sans';
    font-size: 16px;
}
.widget .total strong{
    font-weight:400;
}
.widget .total span{
    font-weight:700;
    float:right;
}
.widget .buttons{
    font-family: 'open sans';
    font-size: 16px;
}
a.button.wc-forward {
    border: 2px solid #00042d;
    padding: 11px 20px;
    border-radius: 2px;
    display: inline-block;
    transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
}
a.button.wc-forward .fa{
    padding-left: 6px;
    margin-right: -4px;
}
a.button.wc-forward:hover,a.button.wc-forward:focus{
    text-decoration:none;
    color:#fff;
    background:#00042d;
}
a.button.checkout.wc-forward {
    color: #fff;
    background-color: #00042d;
}
a.button.checkout.wc-forward:hover,a.button.checkout.wc-forward:focus {
    background-color: #9FCA44;
    border-color: #9FCA44;
}
.widget_price_filter .ui-slider-horizontal {
    height: 13px;
    background:#F5F4F5;
    border:1px solid #EAEAEA;
    position:relative;
    margin-bottom: 25px;
}
.ui-slider-range.ui-widget-header.ui-corner-all {
    position: absolute;
    height: 13px;
    background-color: #00042d;
    position:relative;
}
.ui-slider-handle.ui-state-default.ui-corner-all {
    position: absolute;
    height: 28px;
    background: url(images/indicator.png) no-repeat;
    width: 12px;
    top: -16px;
    margin-left: -6px;
    background-size: 100%;
    outline: none;
}
.ui-slider-handle.ui-state-default.ui-corner-all:last-child {
    background-image: url(images/indicator2.png);
}
.ui-slider-handle.ui-state-default.ui-corner-all:before {
    position: absolute;
    height: 17px;
    width: 2px;
    background-color: #00042d;
    content: '';
    top: 14px;
    left: 5px;
}
.price_slider_amount button.button {
    width: 100%;
    border: 2px solid #F0F0F0;
    min-height: 50px;
    background-color: #fff;
    font-family: 'open sans';
    font-weight: 700;
    font-size: 16px;
    padding-right: 47px;
    position:relative;
    transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
}
.price_slider_amount button.button:before {
    content: "\f0b0";
    position: absolute;
    width: 50px;
    color: #00042d;
    font-size: 20px;
    font-family: 'fontawesome';
    right: 0;
    top: 0;
    line-height: 47px;
    border-left: 2px solid #F0F0F0;
    transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
}
.price_slider_amount button.button:hover{
    color:#fff;
    background:#00042d;
    border-color:#00042d;
}
.price_slider_amount button.button:hover:before {
    color:#fff;
    background:#00042d;
    border-left:1px solid #fff;
}
.price_label{
    font-size: 16px;
    font-weight: 700;
    font-family: 'open sans';
    color: #CBCBCB;
    border-bottom: 1px solid #E7E7E7;
    padding-bottom: 17px;
    margin-bottom: 22px;
}
.price_label .from{
    float:right;
    color: #333;
}
.price_slider_wrapper {
    padding-top: 20px;
}
.product_list_widget li img,
 .woocommerce ul.product_list_widget li img{
    float: left;
    padding-top: 0;
    width: 105px;
    height: auto;
    padding-right: 15px;
}
.woocommerce div.product div.thumbnails a.first{
	outline:none;
}
.product_list_widget li {
    font-family:'open sans';
    padding-bottom: 19px;
    position: relative;
    /* padding-top: 20px; */
    border-bottom: 1px solid #E7E7E7;
    margin-bottom: 18px;
}
.product_list_widget li a{
    font-size: 17px;
    font-weight: 700;
    color: #333;
}
.product_list_widget li .amount{
    font-size: 16px;
    font-weight: 600;
    color: #333;
}
.product_list_widget li del .amount{
    color: #CBCBCB;
}
.product_list_widget li ins {
    text-decoration:none;
}
.product_list_widget .calification-o{
    position: relative;
    display: block;
    top: 0;
    margin-left: 105px;
    margin-top: 8px;
    margin-bottom: 9px;
}
.product_list_widget .sale-circle-w {
    top: -12px;
    right: auto;
    left: 57px;
    padding: 2px;
}
.product_list_widget .sale-circle {
    line-height: 37px;
    width: 37px;
    font-size: 12px;
}
.product.product-main:hover,
.product.product-main{
    border:none;
}
.product.product-main:hover img{
    opacity:1;
}
.product.product-main:before{
    content:none;
}
.product_title{
    font-weight: 700;
    font-size: 24px;
    margin-top: 5px;
}
.customer-reviews-n {
    font-weight: 600;
    font-size: 14px;
    font-family: 'open sans';
    color: #8B8B8D;
}
.woocommerce-product-rating .calification-o {
    top: -19px;
}
.woocommerce-product-rating {
    position: relative;
    position: relative;
    border-bottom: 1px solid #EAEAEA;
    padding-bottom: 18px;
    margin-bottom: 22px;
}
.price{
    font-family:'open sans';
}
.price .amount{
    padding-right: 7px;
    font-size: 16px;
    font-weight: 600;
    color: #333;
}
.price del .amount{
    color: #CBCBCB;
}
.price ins {
    text-decoration:none;
}
.product_meta{
    font-family: 'open sans';
    border-bottom: 1px solid #EAEAEA;
    padding-bottom: 20px;
    margin-bottom: 24px;
}
.posted_in {
    color: #CBCBCB;
}
.quantity.buttons_added {
    font-size: 0;
    display: inline-block;
}
.buttons_added input[type=button] {
    border: 2px solid #F0F0F0;
    min-height: 48px;
    width: 45px;
    background-color: #fff;
    font-size: 22px;
    outline: none;
    vertical-align:middle;
    transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
}
.buttons_added input[type=button]:hover{
    background-color: #EFEFEF;
}
.buttons_added input[type=text] {
    border: 2px solid #F0F0F0;
    min-height: 48px;
    width: 55px;
    text-align: center;
    font-size: 14px;
    vertical-align: middle;
    font-family: 'open sans';
    font-weight: 700;
    outline: none;
}
.buttons_added input{
    margin-right:-2px;
}
.single_add_to_cart_button{
    border: 2px solid #00042d;
    padding: 10px 33px;
    border-radius: 2px;
    display: inline-block;
    transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    background-color: #00042d;
    color: #fff;
    font-family: 'open sans';
    font-size: 16px;
    outline: 0;
    font-weight: 600;
    float: right;
}
.single_add_to_cart_button:hover{
    background-color: #9FCA44;
}
.single_add_to_cart_button    .fa {
    font-size: 19px;
    padding-left: 6px;
    margin-right: -4px;
}
.product-main .images{
    position:relative;
}
.woocommerce div.product div.thumbnails a{
    float: left;
    width: 25%;
    clear: none !important;
    margin-right: 0;
}
.product-main .images .thumbnails a img{
    padding: 20px 10px;
}
form.cart {
    border-bottom: 1px solid #EAEAEA;
    padding-bottom: 25px;
    margin-bottom: 24px;
}
.woocommerce-tabs .tabs a{
    font-family: 'open sans';
    font-size: 15px;
    padding: 15px 30px;
    height: auto;
    font-weight: 700;
    color: #333;
    border-radius: 1px;
    border: 1px solid #E5E5E5;
    display: inline-block;
    margin-bottom: -1px;
    transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
}
.woocommerce-tabs .tabs a .fa{
    color: #00042d;
    padding-right: 8px;
}
.woocommerce-tabs .tabs a:hover,.woocommerce-tabs .tabs .active a{
    background: #00042d;
    border-color: #00042d;
    color:#fff;
    text-decoration:none;
}
.woocommerce-tabs .tabs a:hover .fa, .woocommerce-tabs .tabs .active a .fa{
    color:#fff;
}
.woocommerce-tabs .tabs{
    border-bottom: 1px solid #E5E5E5;
    padding-top: 15px;
}
.woocommerce-tabs .panel{
    box-shadow:none;
    margin-bottom: 0;
    display:none;
}
#reviews .comments {
    margin-top: 25px;
    padding-bottom: 2px;
}
.rating-review {
    font-weight: 700;
    font-family: 'open sans';
    color: #BEBEBE;
    display: inline-block;
    position: absolute;
    right: 0;
    top: 9px;
}
.rating-review .calification-o {
    position: relative;
    top: 3px;
    display: inline-block;
    margin-left: 10px;
}
.starts-option {
    position: absolute;
    right: 0;
    top:11px;
}
.rating-option {
    display: inline-block;
    padding: 5px 11px 1px;
    border-right: 2px solid #F0F0F0;
}
.rating-option a{
    position: relative;
    display: inline-block;
    width: 93px;
    height: 16px;
    top: 0;
    right: 0;
    background: url(images/start00.png);
}
.rating-option.active a{
    background: url(images/start.png);
}
.rating-option.rating-1 a{
    width:19px;
}
.rating-option.rating-2 a{
    width:37px;
}
.rating-option.rating-3 a{
    width:56px;
}
.rating-option.rating-4 a{
    width:75px;
}
.rating-option.rating-5 a{
    width: 93;
}
input.rating-input.form-control{
    background:#fff;
    cursor:default;
}
.st_related{
    font-weight: 600;
    border-bottom: 1px solid #E7E8E8;
    padding-bottom: 22px;
    font-size: 34px;
    margin-bottom: 34px;
}
.related-products{
    margin-bottom: 10px;
}
#tab-description{
    padding: 26px 4px 0px;
}

/*** WOOCOMMERCE CART ***/

.shop_table{
    width: 100%;
}
.shop_table,.shop_table th,.shop_table td {
    border:1px solid #EAEAEA;
}
.shop_table th{
    padding-left: 20px;
}
.shop_table{
    font-family:'open sans';
    margin-bottom: 30px;
}
.shop-cart .shop_table thead    th{
    border:none;
}
.shop-cart .shop_table thead    tr{
    border:1px solid #EAEAEA;
}
.shop_table td.product-quantity{
    padding-left: 0;
}
.woocommerce table.cart img{
    width: 71px;
}
.product-remove {
    text-align: center;
    width: 104px;
}
.product-thumbnail {
    text-align: center;
    width: 111px;
    padding: 16px;
}
a.remove {
    color: #00042d;
    font-weight: 700;
    font-size: 20px;
    text-decoration: none;
}
td.product-name {
    padding-left: 20px;
    min-width: 158px;
}
td.product-name a {
    color: #333;
    font-weight: 600;
    font-size: 16px;
}
td.product-price {
    padding-left: 20px;
    font-size: 15px;
    font-weight: 600;
}
td.product-subtotal{
    padding-left: 20px;
    font-size: 15px;
    font-weight: 600;
}
td.product-quantity {
    text-align: center;
    width: 201px;
}
.woocommerce table.cart td.actions{
    padding: 19px;
}
.woocommerce table.cart td.actions .input-text{
    width: 169px;
    border: 2px solid #F0F0F0;
    min-height: 49px;
    padding-left: 20px;
}
.woocommerce table.cart td.actions .input-text:focus{
    border: 2px solid #E2E2E2;
    outline: none;
}
.woocommerce table.cart td.actions .button{
    border: 2px solid #00042d;
    padding: 10px 14px;
    border-radius: 2px;
    display: inline-block;
    color: #fff;
    font-family: 'open sans';
    font-size: 16px;
    outline: 0;
    font-weight: 600;
    background-color: #00042d;
    transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
}
.woocommerce table.cart td.actions .button:hover{
    background-color: #9FCA44;
}
.woocommerce table.cart td.actions input[name="update_cart"]{
    background:#fff;
    color:#00042d;
}
.woocommerce table.cart td.actions input[name="update_cart"]:hover{
    color:#fff;
    background:#00042d;
}
.st_cart_totals {
    font-weight: 600;
    border-bottom: 1px solid #E7E8E8;
    padding-bottom: 22px;
    font-size: 34px;
    margin-bottom: 34px;
    text-align: left;
}
.cart_totals table{
    font-family: 'open sans';
    width:100%;
    font-size: 15px;
    margin-bottom: 34px;
}
.cart_totals tr{
    border: 1px solid #EAEAEA;
    line-height: 50px;
}
.cart_totals td{
    font-size: 15px;
    font-weight: 600;
}
.cart_totals table td, .cart_totals table th{
    padding:0 18px;
}
.shipping-calculator-button {
    background-color: #00042d;
    color: #fff;
    font-size: 36px;
    font-weight: 600;
    display: inline-block;
    padding: 13px 33px 19px;
    text-decoration: none;
    width: 100%;
    position: relative;
    transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    text-align: center;
}
.shipping-calculator-button .fa{
    padding-right: 21px;
    font-size: 31px;
}
.shipping-calculator-button:hover ,
.shipping-calculator-button:focus{
    color: #fff;
    background-color: #A2CA45;
    text-decoration: none;
}
.shipping-calculator-form{
    display:none;
    font-family:'open sans';
    width:100% !important;
}
.shipping-calculator-form select,
.shipping-calculator-form .input-text {
    border: 2px solid #F0F0F0;
    min-height: 49px;
    padding-left: 14px;
}
.shipping-calculator-form select:focus,
.shipping-calculator-form .input-text:focus {
    border: 2px solid #E2E2E2;
    outline: none;
}
.shipping-calculator-form .button{
    border: 2px solid #00042d;
    padding: 11px 20px;
    border-radius: 2px;
    display: inline-block;
    font-family: 'open sans';
    font-size: 16px;
    transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    color: #00042d;
    background: #fff;
}
.shipping-calculator-form .button:hover{
    background: #00042d;
    color: #fff;
}
.shipping_calculator h2{
    margin-top:12px;
}
.woocommerce .cart-collaterals .cart_totals,
.woocommerce .cart-collaterals .shipping_calculator{
    width:100%;
    float:none;
}
.shop-checkout .alert-info {
    color: #333;
    background-color: #fff;
    border: none;
    border-bottom: 1px solid #EAEAEA;
    position: relative;
    font-size: 15px;
    font-family: 'open sans';
    margin-bottom: 14px;
    padding-bottom: 28px;
    padding-left: 0;
}
.shop-checkout .alert-info:before {
    content: '';
    width: 100%;
    border-bottom: 1px solid #EAEAEA;
    bottom: 2px;
    position: absolute;
}
.shop-checkout .alert-info a{
    color: #00042d;
    text-decoration:underline;
}
.shop-checkout .alert-info .fa{
    font-size: 33px;
    color: #00042d;
    padding-right: 14px;
    position: relative;
    top: 3px;
}
.shop-checkout .alert-info:first-child{
    padding-top: 0;
}
.woocommerce-billing-fields h3,
.woocommerce-shipping-fields h3,
#order_review_heading{
    font-weight: 600;
    border-bottom: 1px solid #E7E8E8;
    padding-bottom: 22px;
    font-size: 34px;
    margin-bottom: 34px;
    text-align: left;
}
#customer_details{
    font-family:'open sans';
}

/*** WOOCOMMERCE CHECKOUT ***/

.shop-checkout select,
.shop-checkout .input-text{
    border: 2px solid #F0F0F0;
    min-height: 49px;
    padding-left: 14px;
}
.shop-checkout select:focus,
.shop-checkout .input-text:focus{
    border: 2px solid #E2E2E2;
    outline:none;
}
#customer_details textarea.input-text{
    height: 110px;
    padding-top:10px;
}
.woocommerce-shipping-fields {
    position: relative;
}
label[for="ship-to-different-address-checkbox"]{
    position: absolute;
    right: 0;
    top: 0;
    font-weight: 600;
}
#customer_details label{
    font-weight: 600;
}
.shop_table tr {
    height: 49px;
}
.shop_table td{
    padding-left: 20px;
}
#order_review    th, #order_review td {
    border:none;
    width: 50%;
}
#order_review    tr{
    border: 1px solid #EAEAEA;
}
.shop_table.shop_table_h{
    margin-bottom: 19px;
}
#order_review    td.product-total ,
#order_review    .amount,
#order_review    .shipping{
    font-weight: 700;
}
.payment_methods{
    padding-left:0;
    list-style:none;
    background:#fdfdfd;
    border: 1px solid #EAEAEA;
}
.payment_methods>li{
    padding: 22px 30px;
    border-bottom: 1px solid #EAEAEA;
}
.payment_methods>li:last-child{
    border-bottom:none;
}
.payment_methods li label{
    font-family:'open sans';
}
.payment_methods li a{
    color: #00042d;
    text-decoration: underline;
}
.payment_methods li input[type=radio]{
    margin-right: 6px;
}
.payment_methods li img{
    margin-left: 20px;
}
.payment_methods label[for="payment_method_paypal"] img{
    width: 152px;
}
.payment_box.payment_method_bacs,
.payment_box.payment_method_cheque,
.payment_box.payment_method_paypal {
    padding: 21px 27px;
    border: 1px solid #EAEAEA;
    margin-top: 10px;
    background-color: #fff;
    display:none;
    width:100% !important;
}
.place-order{
    padding: 26px;
    border: 1px solid #EAEAEA;
    border-top: 0;
    margin-bottom: 10px;
}
.place-order #place_order {
    background-color: #00042d;
    color: #fff;
    line-height: 79px;
    font-size: 36px;
    font-weight: 600;
    display: inline-block;
    padding: 0 33px;
    text-decoration: none;
    width: 100%;
    outline: none;
    font-family: 'open sans';
    position: relative;
    transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    text-align: center;
    border: 1px solid #00042d;
    position: relative;
}
.place-order #place_order:hover,
.place-order #place_order:focus{
    background-color: #A2CA45;
}
.place-order #place_order .fa{
    position: absolute;
    left: 0;
    top: 0;
    width: 85px;
    line-height: 79px;
    background-color: #A2CA45;
}
label[for="rememberme"]{
    font-weight: 600;
    font-family: 'open sans';
}
label[for="rememberme"] input{
    margin-right: 7px;
}
.lost_password a{
    color: #00042d;
    text-decoration: underline;
    font-family: 'open sans';
}
input[name="apply_coupon"]{
    border: 2px solid #00042d;
    padding: 11px 20px;
    border-radius: 2px;
    display: inline-block;
    font-family: 'open sans';
    font-size: 16px;
    transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    background:#00042d;
    color:#fff;
}
abbr.required {
    border-bottom: none;
    color: #00042d;
}
input[name="apply_coupon"]:hover{
    background-color: #9FCA44;
}
form.checkout_coupon,
form.login,div.create-account{
    display:none;
    width:100% !important;
    font-family:'open sans';
}
.payment_box.payment_method_bacs.active,
.payment_box.payment_method_cheque.active,
.payment_box.payment_method_paypal.active{
    display:block;
}
.payment_methods>li p{
    margin-bottom:0;
}
.shipping_address{
    width:100% !important;
}
.video-container{
    position: relative;
    height: 0;
    padding-bottom: 62%;
}
.video-container iframe{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.col-md-3.brand {
    text-align: center;
}
.map-inactive+.show-more-contact {
    background-color: #fff;
}
.map-inactive+.show-more-contact a:hover{
    color: #fff;
    background: #00042d;
}
.gallery-filter {
    direction: rtl;
    margin-bottom: 26px;
}
.gallery-container.new_style img {
    width: 100%;
}
.gallery-container.new_style .project-info {
    width: 100%;
    float: none;
    text-align: center;
    clear: both;
}
.gallery-container.new_style .project-box {
    border: 1px solid #ddd;
    box-shadow: 2px 2px 11px 0px;
}
#events{
    //background-image: url('images/bg2.jpg');
}
.uc_starter_statistics_inner {
    border: 1px solid #ddd;
    padding: 14px;
    border-radius: 3px;
    text-align: center;
    background: #fff;
}
.uc_member_pic {
    background: #00042d;
    font-size: 44px;
    padding: 24px 0;
    border-radius: 3px;
}
.uc_starter_statistics_inner h2 {
    font-size: 30px;
    font-weight: 100;
}
.uc_starter_statistics_inner p {
    font-size: 16px;
    font-weight: 500;
}
.col-md-6.animate.fadeInLeft.animated {
    text-align: right;
}
ul.slides.double-box-w.the_media .blog-item-left {
    margin: 0px;
    border: 1px solid #ccc;
    border-top: 0px;
    background: #fff;
    text-align: right;
}
ul.slides.double-box-w.the_media .double-box {
    padding: 0px;
}
.they-said .blog-item-left {
    margin: 0px;
    border: 1px solid #ccc;
    border-top: 0px;
    background: #fff;
    text-align: right;
    direction: rtl;
}
ul.text-slider {
    direction: rtl;
}
.container.tab-pane {
    width: 100%;
}
ul.nav.nav-tabs li a {
    color: #5c506a;
    border: 1px solid #E2E2E2;
    font-weight: 700;
    font-size: 15px;
    min-width: 100px;
        margin: 1px;
    background-color: #f8f8f8;
    border-radius: 20px; /* Adjust the value as needed */
}

.en-form input{color: #000;}
.new-tabs01{background: #fff;
    padding-bottom: 20px;}
.main-banners img{width: 100%;}
.container-fluid.main-banners .row{
    max-height: 158px;
    height: 144px;
    overflow: hidden;
    background-image: url(images/banner3.png);
    background-size: cover;
    background-repeat: no-repeat;
}
.container-fluid.main-banners .row h2{
    color: #fff;
    text-align: right;
    font-size: 33px;
    font-weight: bold;
    line-height: 79px;
}
#donate-now{
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-color: #f9f9f9;
}
.left-donate-bnr, .right-donate-bnr{background-color: #fff; padding: 25px 10px;}
.custom-container{padding-top: 15px !important;}
.left-donate-bnr img{width: 100%;border-radius: 22px 22px 0px 0px;}
.right-donate-bnr{direction: rtl;}
.right-donate-bnr a.btn.btn-default {
    padding: 7px 17px;
}
.main-banners01 .row{
  max-height: 158px;
    height: 144px;
    overflow: hidden;
    background-image: url(images/banner.png);
    background-size: cover;
    background-repeat: no-repeat;
}
.main-banners01 .row h2{
    color: #fff;
    text-align: right;
    font-size: 33px;
    font-weight: bold;
    line-height: 79px;
}
.main-bannersv .row{
  max-height: 158px;
    height: 144px;
    overflow: hidden;
    background-image: url(images/banner-v.png);
    background-size: cover;
    background-repeat: no-repeat;
}
.main-bannersv .row h2{
    color: #fff;
    text-align: right;
    font-size: 33px;
    font-weight: bold;
    line-height: 79px;
}
.calculator{
    border: 0px !important;
    width: 100%;
}
.calculator tr th{
    padding: 5px;
}
.nav-tabs {
    margin-bottom: 15px;
}
.sign-with {
    margin-top: 25px;
    padding: 20px;
}
div#OR {
    height: 30px;
    width: 30px;
    border: 1px solid #C2C2C2;
    border-radius: 50%;
    font-weight: bold;
    line-height: 28px;
    text-align: center;
    font-size: 12px;
    margin: auto;
    background: #DFDFDF;
}
.modal-dialog.new-login001 h4 ul.nav.nav-tabs li {
    float: none;
    display: inline-block;
}
.modal-dialog.new-login001 .modal-header {
    border: 0;
    padding-bottom: 0;
    padding-top: 0
}

.select-amount ul li {
    display: inline-block;
    width: 20%;
    border: 1px solid #e0e0e0;
    background: #f5f5f5;
    border-radius: 3px;
    margin: 5px 5px;
    text-align: center;
    font-weight: 600;
    font-size: 14px;
    line-height: 25px;
    cursor: pointer;
    height: 31px;
    line-height: 31px;
}
.select-amount ul {
    display: block;
    clear: both;
    padding-right: 0px;
    width: auto;
    padding-top: 15px;
}
.select-amount ul li:hover {
    background: #00042d;
    color: #fff;
    cursor: pointer;
}
.select-amount textarea.comment {
    width: 400px;
    height: 95px;
    border: 1px solid #ddd;
    border-radius: 3px;
}
div#header{
    text-align: right !important;
}
/*home page tab design*/
a:hover,a:focus{
    outline: none;
    text-decoration: none;

}

.tab{ text-align: center; direction: rtl; }
.tab .nav-tabs{
    display: inline-block;
    border-bottom: none;
    position: relative;
    margin-left: 50px;
}
.tab .nav-tabs li{
    margin-bottom: 0;
}
.tab .nav-tabs li a{
    display: block;
    padding: 13px;
    border: none;
    border-radius: 0;
    font-size: 14px;

    color: #444;
    margin-right: 0;
    text-align: center;
    z-index: 1;
    transition: all 0.3s ease 0s;
}
.tab .nav-tabs li a i{
    display: block;
    font-size: 40px;
    color: #00a6ff;
    margin-bottom: 15px;
}
.tab .nav-tabs li.active a,
.tab .nav-tabs li a:hover{
   border: none;
    color: #ffffff;
    background-color: #780a06;
}
.tab .nav-tabs li a:before,
.tab .nav-tabs li a:after{
    content: "";
    width: 0;
    color: #00042d;
    border-top: 3px solid #00042d;
    position: absolute;
    bottom: -1px;
    left: 0;
    transition: all 0.3s ease 0s;
}
.tab .nav-tabs li a:after{
    left: auto;
    right: 0;
}
.tab .nav-tabs li.active a:before,
.tab .nav-tabs li a:hover:before,
.tab .nav-tabs li.active a:after,
.tab .nav-tabs li a:hover:after{
    width: 0%;
}
.tab .tab-content{
    padding: 20px;
    padding-top: 0px;
    margin-top: -5px;
    border-radius: 0 0 5px 5px;

    font-size: 11px;
    color: #757575;
    line-height: 30px;
}
.tab .tab-content h3{
    margin: 25px 0px 3px 0px;
    color: #00042d;
    font-size: 15px;
}
@media only screen and (max-width: 479px){
    .tab .nav-tabs li{
        width: 100%;
        text-align: center;
        margin-bottom: 5px;
    }
    .tab .nav-tabs li a,
    .tab .nav-tabs li a:hover{ border-bottom: 1px solid #dfdfdf; }
    .tab .tab-content{ border-top: none; }
}
.projects-box {
        min-height: 460px;
    background-color: #f1f4f8;
    width: 100%;
    float: left;
    padding-bottom: 10px;
    margin-bottom: 15px;
    box-shadow: 0px 0px 1px 0px;
    border-radius: 24px;
}
.projects-box figure img{
    
    border-radius: 22px 22px 0px 0px !important;
}
.projects-box p {
    margin-bottom: 29px;
    font-size: 10px;
    text-align: center;
    color: #6f6f6f;
}
.projects-box .col-md-6.text-left span {
    color: #91a1b4 !important;
    font-size: 15px !important;
    line-height: 2 !important;

    flex: 1 !important;
    font-weight: bold !important;

}
.projects-box .col-md-6.text-left .target {
    color: #333 !important;
    font-size: 19px !important;
    font-weight: 100 !important;
}

.progress{
  border-radius:12px;
  overflow:visible;
  height: 18px;
  margin-bottom: 0px;
  background: rgba(56, 80, 107, 0.08);
  margin-bottom: 10px;
}
.progress-bar{
    border-radius: 12px;
     float: right;
    background: #830c0b;

  -webkit-transition: width 1.5s ease-in-out;
  transition: width 1.5s ease-in-out;
}
/*span.percentagePop {*/
/*    display: inline-block;*/
/*    width: 36px;*/
/*    background: #780a06;*/
/*    height: 26px;*/
/*    border-radius: 5px;*/
/*    padding: 4px 0;*/
/*    color: #fff !important;*/
/*    top: -36px;*/
/*    position: relative !important;*/
/*    z-index: 9999999;*/
/*    right: 0;*/
/*    font-size: 12px !important;*/
/*    font-weight: 400;*/
/*}*/
/*span.percentagePop:after {*/
/*    content: "\f0d7";*/
/*    font: normal normal normal 28px/1 FontAwesome;*/
/*    position: absolute;*/
/*    bottom: -15px;*/
/*    color: #780a06;*/
/*    left: 0;*/
/*    right: 0;*/
/*    margin: auto;*/
/*}*/
.green-btn09{
    background-color: #00042d;
    color: #fff;
    height: 39px;
    width: 120px;
    font-size: 16px;
    padding: inherit;
        margin-left: 28px;
}
.white-btn09{
background-color: #c1c1c1;
    font-size: 16px;
    border: none;
    width: 120px;
    height: 36px;
    color: #fff;
    padding: inherit !important;
}
.green-btn09:hover{
    opacity: 0.8 !important;
    background-color: #00042d;
    color: #fff;
}
.white-btn09:hover{
    opacity: 0.8 !important;
    background-color: #c1c1c1;
    color: #fff;
}

.about-section .new-title122{
    color: #00042d;
    visibility: visible;
    animation-name: fadeInDown;
    font-size: 30px;
        padding-bottom: 17px;
}
.about-section p{
        color: #000;
    font-size: 18px;
    max-height: 214px;

    line-height: 30px;
}
#events .section-title {
    font-size: 22px;

    text-transform: uppercase;
    position: relative;
    padding-bottom: 20px;
    margin: 0 0 20px;
    font-weight: lighter;
    color: #00042d;
    font-weight: 600;
}
.vdones{
    margin: 0px;
    color: #000000;
    text-align: right;
    font-size: 16px;
    margin-bottom: 10px;
    max-height: 58px;
     padding-right: 10px;
     padding-left: 10px;
    line-height: 49px;
    font-weight: bold;
}
.ng-binding11{
    color: rgb(20, 24, 35);
    font-size: 13px;
    line-height: 24px;
    text-align: right;
    padding-right: 10px;
    padding-left: 10px;
}
.col-md-3 .inner-classes {
    background: #fff;
    padding-bottom: 15px;
    margin-bottom: 30px;

}
.newli34{
    background-color: #e4e2e2;
    width: 100%;
    direction: rtl;
    text-align: right;
    float: right;
}
.newli34 li{
float: none;
display: inline-block;
}
.newli34 li a{ font-weight: bold; }

.img-area10 {
    width: 100%;
    box-shadow: 0px 0px 6px 1px #ddd;
    padding-bottom: 17px;
    border-radius: 22px;
}
.img-area10 strong {
    font-size: 16px;
    font-weight: 600;
    padding-right: 12px;
    line-height: 46px;
    color: #000;
}
.img-area10 span {
    float: left;
    padding-left: 10px;
        /*margin-top: 15px;*/
}
.img-area10 span .socializer{
    margin-top: 20px;
}
.img-area10 span .fa {
    color: #fff;
    width: 25px;
    height: 25px;
    /* padding: 5px 0px; */
    font-size: 14px;
    line-height: 25px;
    text-align: center;
    vertical-align: top;
    margin-right: 0;
    border-radius: 0;
}
.img-area10 span .fa-facebook {
    background: #3C5899;
}
.img-area10 span .fa-google-plus {
    background: #DC473A;
    font-size: 13px !important;
}
.select-amount ul li.active {
    background: #00042d;
    color: #fff;
    cursor: pointer;
}
.row.mobile-header .col-md-4 {
    width: auto;
    float: left;
}
@media only screen and (max-width: 767px) {
.modal-dialog.new-login001{
 width: 97% !important;

}
.row.mobile-header {
        border-bottom: 2px solid #ddd;
}
.modal-dialog.new-login001 .modal-content {
    padding-top: 15px;
}
.nav-top>ul>li {
    text-align: right;
    border-bottom: 1px solid #ddd !important;
}
.link-orange-top {
        float: right;
}
.nav-top>ul>li:nth-last-child(1) {
   border-bottom: 0px solid #ddd !important;
}
.row.mobile-header #logo {
    padding: 5px !important;
}
.row.mobile-header #logo img {
    padding: 5px !important;
    width: 151px;
    display: block;
    margin: auto;
}
.row.mobile-header .col-md-4.text-left{
    width: 30%;
    float: left;
    font-size: 14px;
    line-height: 100px;
    color: #333;
}
button.navbar-toggle {
    margin-top: 26px !important;
    margin-right: 0px;
    }
button.navbar-toggle span.icon-bar {
    font-weight: 800 !important;
    background: #780a06 !important;
    height: 3px;
}
#background {
    padding-bottom: 0px !important;
}
.container{
    padding-top: 15px !important;
    padding-bottom: 15px !important;
}
.row.mobile-footer .col-md-2.col-sm-6 {
    width: 50%;
    float: left;
    margin-bottom: 15px;
}
ul.nav.nav-tabs.hidden-xs.navbar-collapse1.collapse1 li {
    width: 100% !important;
}


ul.slides li {
    min-height: 120px !important;
}
}
.row.text-center.donation_details span.title {
    display: block;
    width: 100%;
    font-weight: 800;
    font-size: 20px;
}
.row.text-center.donation_details span.amount {
    font-weight: 800;
    font-size: 18px;
    text-align: center;
    display: block !important;
    width: 100%;
}
.row.text-center.donation_details {
    direction: ltr;
    margin-top: 30px;
}
span.add_more {
    float: right;
}
span.cart_amount {
    float: left;
}

div#about .tab .dropdown-toggle{
display: none;
}
.mobile{
    display: none;
}
.desktop11{
    display: block;
}
.mobile11{
    display: none;
}
.pdetails-btn{
    width:31%;
}
@media only screen and (max-width: 720px){
     li.topLoginLogout .BtnTeXt {
      display: flex;
    }
    li.topLoginLogout .BtnTeXt .Btn-Two {
    width: 45%;
    border-radius: 7px;
    text-align: center;
    padding: 8px 0px;
    font-weight: 700;
    font-size: 15px;
    background: #fff;
    margin-right: 5px;
}
 li.topLoginLogout .BtnTeXt .BtN-One {
    width: 45%;
    border-radius: 7px;
    text-align: center;
    padding: 8px 0px;
    font-weight: 700;
    font-size: 15px;
    background: #fff;
    margin-left: 5px;
}
    li.topLoginLogout {
         background: #e8ecf2;
    }
    .nav-top, #nav-top-1{
    }
    .link-orange-top{
         width: 100%;
         margin-right: 0px !important;
    }
    .link-orange-top a{
        width: 100%;
    }
.navbar-collapse.in {
    height: calc(100vh - 65px) !important;
    overflow: hidden;
}
.LoGoPh{
            margin-top: 15px;
            margin-right: 10px;
}
.pdetails-btn{
    width:49%;
}
.nav-top, #nav-top-1 {
    position: absolute;
    top: auto;
    z-index: 99;
    left: 0;
    right: 0;
    background: #fff;
    max-height: 480px;
    /* padding-right: 10px; */
}
ul.slides li {

    min-height: 10px !important;
}
.slider-main ul.slides {
    padding-top: 0.5px;
}
div#nav-top-1 li span {
    padding-right: 15px;
}
div#nav-top-1 li div {
    margin-right: 14px;
}
.navbar-header.col-md-4 button.navbar-toggle {
    margin-right: 0px;
}
div#nav-top-1 li div a {
    text-align: center;
}
div#about .tab-content.tabs {
    padding: 0px;
}
.projects-box {
    min-height: auto;
}
.projects-box figure {
    max-height: auto !important;
    min-height: auto !important;
    }
.tab-content.tabs .projects-box .col-md-6.text-left {
    width: 50%;
    float: left;
}
ul#cat_menu {
    padding: 0;
    background: #fff;
}
.tab .nav-tabs li a {
     padding: 10px;
     margin-bottom: 6px !important;
}
.tab .nav-tabs li {
     margin-bottom: 0px;
}
div#about .tab .dropdown-toggle{
display: block;
}
ul#cat_menu {
    position: absolute;
    z-index: 999;
    left: 0;
    right: 0;
    width: 92%;
    margin: auto;
    top: 48px;
}
button.btn.btn-primary.dropdown-toggle {
    margin-bottom: 22px;
    cursor: pointer !important;
    
    
}
ul#cat_menu{
    display: none;
}
.desk11{
    display: none;
}
.mobile{
    display: block;
}
.mobile_tile{display: none;}
.select-amount ul li {

    width: 17%;
    }
.select-amount textarea.comment {
    width: 98%;
    height: 45px;
}
.left-donate-bnr {
    padding: 0 !important;
}
.numer-sty {
    padding-right: 17px;
}
.select-amount {
    padding-right: 13px;
}
.left-donate-bnr .col-md-12 p, .left-donate-bnr .col-md-12 h4 {
    padding: 0px 15px;
}
.desktop11{
    display: none;
}
.mobile11{
    display: block;
}
div#events .col-md-3.pull-right {
    width: 200%;
}

 .left-donate-bnr .tab-content {
    background: #fff;
}
.section h2.text-center {
    padding: 20px 0px 0px !important;
}
.main-banners01 .row {

    height: 85px;
    }
div#donate-now .container.custom-container {
    background: #fff;
}
.main-banners01 .row h2 {
    color: #000;

    line-height: 15px;
}
.main-bannersv .row h2 {
    color: #780a06;

}
.col-md-7.animate.fadeInLeft.animated .left-donate-bnr {
    display: none;
}
.col-md-5.fadeIn .right-donate-bnr .col-md-6.text-center {
    width: 50%;
    float: left;
    overflow: hidden;
}
.left-donate-bnr.d1234{
    display: block !important;
    min-height: auto !important
}
.container-fluid.main-banners.cart {
    display: none;
}
}
.img-area10 span i.fa.fa-whatsapp {
    background: #36e262;
    float: right;
    margin-left: 5px;
}
.img-area10.mobile {
    box-shadow: inherit;
    padding-bottom: 0px;
}

 .fixedSideIcon a.whatsappfixed {
    position: fixed;
    z-index: 10;
    color: #fff !important;
    font-size: 40px;
    left: 12px;
    bottom: 5px;
    line-height: 0px;
}
.fixedSideIcon a.whatsappfixed::before {
    position: absolute;
    z-index: 0;
    left: 50%;
    top: 48%;
    background: green;
    border-radius: 50%;
    width: 33px;
    height: 33px;
    content: '';
    transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    box-shadow: -4px 6px 18px rgba(0, 0, 0, 0.1);
}

 .fixedSideIcon a.whatsapp1fixed {
    position: fixed;
    z-index: 10;
    color: #fff !important;
    font-size: 40px;
    left: 12px;
    bottom: 5px;
    line-height: 0px;
}
.fixedSideIcon a.whatsapp1fixed::before {
    position: absolute;
    z-index: 0;
    left: 50%;
    top: 48%;
    background: green;
    border-radius: 50%;
    width: 33px;
    height: 33px;
    content: '';
    transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    box-shadow: -4px 6px 18px rgba(0, 0, 0, 0.1);
}
.fixedSideIcon a.cart {
    position: fixed;
    left: 12px;
    bottom: 60px;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    background: rgba(92, 109, 122, 0.08) url(../images/icons/cart.svg) center no-repeat;
    z-index: 10;
    background-size: 22px;
}
.fixedSideIcon a.cart span {
    position: absolute;
    top: -8px;
    right: -5px;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: #AE1F24;
    z-index: 1;
    color: #fff;
    font-size: 11px;
    font-weight: 600;
    border: 2px #fff solid;
    border-radius: 50%;
    line-height: 20px;
    text-align: center;
}

/* ============== */
  .successCardSection{
        display: flex;
        justify-content: center;
        margin: 90px 0px 60px 0px;
    }
  .success-card {
    background-color: #fff;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
    border-radius: 24px;
    padding: 2.5rem;
    width: 40rem;
    position: relative;
    z-index: 3;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .success-card .image {
    border-radius: 50%;
    background-color: #00042d;
    height: 9rem;
    margin-bottom: 2rem;
    padding: 0.3rem;
    width: 9rem;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: -48px;
    z-index: 3;
  }
  .success-card .imageCross {
    border-radius: 50%;
    background-color: #fb3732;
    height: 9rem;
    margin-bottom: 2rem;
    padding: 0.3rem;
    width: 9rem;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: -48px;
    z-index: 3;
  }
  .success-card .image i{
    border: 7px solid #fff;
    border-radius: 50%;
    object-fit: cover;
    font-size: 40px;
    font-weight: 300;
    color: white;
    padding: 6px;
    margin-bottom: 0.1rem;
  }
  .success-card .imageCross i{
    border: 7px solid #fff;
    border-radius: 50%;
    object-fit: cover;
    font-size: 40px;
    font-weight: 300;
    color: white;
    padding: 6px 10px;
    margin-bottom: 0.1rem;
  }
  .success-card .text-data {
    text-align: center;
  }
  .success-card .text-data h2 {
    font-size: 3rem;
    margin-top: 0px;
    color: #00042d;
    font-weight: 500;
  }
  .success-card .text-data p {
    font-size: 2rem;
    color: #b8b6b6;
    margin-top: 4.3rem;
    margin-bottom: 3px;
    font-weight: 400;
  }
  .success-card .text-data p.toTalPriCePara {
    font-size: 2rem;
    color: #b8b6b6;
    margin-top: 0rem;
    margin-bottom: 2.3rem;
    font-weight: 400;
  }
  .success-card .text-data p.secPara {
    font-size: 16px;
    color: #b8b6b6;
    margin-top: 0rem;
    margin-bottom: 3rem;
    font-weight: 600 !important;
  }
  .success-card .buttons{
    margin-top: 2.5rem;
    position: absolute;
    bottom: -15px;
  }
  .success-card .buttons .btn {
    background-color: #00042d;
    border-radius: 2.4rem;
    border: none;
    cursor: pointer;
    color: #fff;
    font-size: 1.6rem;
    font-weight: 500 !important;
    padding: 1rem 3rem;
    margin-inline: 1.2rem;
  }
  .success-card .buttons .btn:hover {
    background-color: #157a24;
  }
  .successCardSectionBTN{
    margin-bottom: 70px;
  }
  .successCardSectionBTN a.btn{
    background-color: #00042d;
    border-radius: 1.4rem;
    cursor: pointer;
    color: white;
    font-size: 1.6rem;
    font-weight: 500;
    padding: 0.9rem 3rem;
    margin-inline: 1.2rem;
  }
  .successCardSectionBTN a.btn:hover{
    background-color: #00042dd9;
  }


  /* ================= */
  .text-left{
    text-align: left center;
  }
  .invoiCETableCentEr{
    display: flex;
    justify-content: center;
  }
  .invoiCETable {
    background: white;
    padding: 20px;
    border-radius: 40px;
}
  .invoiCETable table.table tr td {
    line-height: 28px;
    border: none;
    font-weight: 500;
}
  .invoiCETable tr:nth-child(odd) {
    background: none !important;
}

.invoiCETableCentEr .invoiceTABLEBTNS{
    background: #01773b;
    font-size: 15px;
    padding: 10px 30px;
    margin-top: 40px; 
    border-radius: 6px;
}
@media only screen and (max-width: 720px){
.invoiCETableCentEr {
	display: block;
  }
.successCardSectionBTN a.btn{
	margin-top: 5px;
  }
}

.modalSIGNTab .modal-header .tab .nav-tabs{
    display: inline !important;
}
.modalSIGNTab .modal-header{
    padding-top: 25px !important;
}
.modalSIGNTab .modal-body{
    padding-bottom: 35px !important;
}

.TABsection{
    background-color: #f9f9f9;
    padding-top: 80px;
    padding-bottom: 80px;
}
.Profile_tabSeCTion {
    box-shadow: 0 2px 7px #d0cfcf;
}
.Profile_tabSeCTion .navMENueTaB{
    background-color: white;
    text-align: end;
    overflow: hidden;
    min-height: 400px;
    border-right: 8px solid #f9f9f9;
}
.Profile_tabSeCTion .navMENueLink {
    order: 2;
    background-color: white;
    text-align: end;
    border-left: 8px solid #f9f9f9;
    min-height: 400px;
}
.userProfiLE {
    border-bottom: 2px solid #dfdfdf;
    margin-bottom: 20px;
    padding: 20px;
}
.profileImage img {
    display: block;
    border-radius: 60px;
}
.profileInfo p {
    margin-bottom: 0px;
}
.profileInfo h4 {
    margin-top: 0px;
    margin-bottom: 0px;
}
.Profile_tabSeCTion .nav-pills>li.active>a{
    background-color: #780a06 !important;
}
.Profile_tabSeCTion .nav>li>a {
    padding: 15px 15px !important;
}
.Profile_tabSeCTion .form-control {
    display: block;
    width: 100%;
    height: 37px;
    text-align: end;
    font-weight: 500;
}
.Profile_tabSeCTion .green-btn09 {
    background-color: #00042d;
    color: #fff;
    height: 39px;
    width: 100%;
    font-size: 16px;
    padding: inherit;
    margin: 0px;
}
@media only screen and (max-width: 720px){
   
    .profileImage img {
        width: 50px;
        height: 50px;
    }
    .Profile_tabSeCTion .nav-stacked>li {
        float: none;
    }
}
.Profile_tabSeCTion a:hover {
    color: #00042d;
}
.ExitBTn1 {
    padding: 15px 15px !important;
}
.ExitBTn1:hover {
    text-decoration: none;
    background-color: #eee;
}
.profileImage {
    position: relative;
}
.profileImage a {
    position: absolute;
    bottom: -4px;
    left: 0px;
    background: #ffffff;
    color: #000000;
    font-size: 12px;
    padding: 0px 7px;
}
.Profile_tabSeCTion .navMENueTaB .table {
    text-align: start !important;
}
@media only screen and (max-width: 720px){
    
}
.main-tabs1 {
    font-size: 12px; /* يمكنك تغيير الرقم لتغيير الحجم */
        display: inline-block;

}


/* General footer styling */
#footerzz {
    background-color: #f8f9fa; /* Optional background color */
    padding: 10px 0px 0px 0px;
}

/* Flexbox container for centering */
.footer-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}

/* Copyright styling */
.copyright {
    margin-bottom: 10px;
}

/* Social Icons list */
.social-icons {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: center;
}

/* Social Icons individual item */
.social-icons li {
    margin: 0 5px;
}

/* Social Icons anchor */
.social-icons a {
    text-decoration: none;
    color: inherit;
    font-size: 20px; /* Adjust icon size */
}