/*** Flaticon css ***
@import url(../fonts/flaticon/flaticon.css);
*/


@FONT-FACE {
	font-family: "DroidKufi-Regular";
	src: url("Raleway-Regular.ttf");
}
@FONT-FACE {
	font-family: "DroidKufi-Regular";
	src: url("DroidKufi-Regular.ttf");
}


@FONT-FACE {
	font-family: "iconfont";
	src: url("iconfont.ttf");
}



@FONT-FACE {
	font-family: "head";
	src: url("GE_SS_Two_Medium.woff");
}
/*
@FONT-FACE {
	font-family: "GE_SS_Two_Light";
	src: url("GE_SS_Two_Light.otf");
}*/




@FONT-FACE {
font-family: "TAJAWAL";
	src: url("TAJAWAL-REGULAR.TTF");
}




/*==============================================
   Base Css
===============================================*/

body {
font-family: "TAJAWAL";
    font-size: 16px;
    color: #848484;
    line-height: 26px;

}
button:focus{
    outline: none;
}
h1, h2, h3, h4, h5, h6 {
font-family: "head";
    color: #222222;
    margin: 0;
}
h3 {
    font-size: 20px;
    
}






.float_left {
    float: left;
}
.float_right {
    float: right;
}
h4 {

}
a,
a:hover,
a:active,
a:focus {
    transition: all 0.5s ease 0s;
    text-decoration: none;
    outline: none;
	
}





img {
	max-width: 100%;
    height: auto;
}
i {
	font-style: normal;
}
ul,
li {
    list-style: none;
    margin: 0;
    padding: 0;
}
.sec-padding{
    padding: 40px 0;
padding-bottom:0;
}
button{
    border: none;
    background: transparent;
}
.thm-btn {
    text-align: center;
    font-size: 14px;
    
    text-transform: uppercase;
    transition: all 500ms ease;

    display: block;
    border-radius: 30px;
    padding: 12px 25px 10px;
    transition: all 500ms ease;
}
.bgclr-1{
    background: #2acb35;
    border: 2px solid #2acb35;
    color: #ffffff;
}
.thm-btn:hover{
    background: #ffffff;
    color: #252525;
}




.sec-title {
    padding-bottom: 20px;
    position: relative;margin: 0;

}
.sec-title.pdb-50{
    padding-bottom: 50px;
}
.sec-title.pdb-30{
    padding-bottom: 30px;
}


.sec-title h1 {

font-size: 20px;
line-height: 40px;
text-transform: capitalize;
position: relative;
display: inline-block;
padding-bottom: 10px;
}



.sec-title h1:after {
position: absolute;
content: "";
display: block;
bottom: 0;
height: 1px;
background: #016db8;
width: 60%;
right: 50%;
margin-right: -30%;
}






.sec-title h1 span{
    color: #D1CECE;
}

.sec-title .border.center{
    margin: 11px auto 0;
}
.sec-title p {
    color: #848484;
    font-size: 18px;

    margin: 40px 0 0;
    line-height: 30px;
}



.sec-title h3 {
    color: #2acb35;
    font-size: 24px;
    line-height: 30px;

    font-family: 'Courgette', cursive;
}
.sec-title h2 {
    color: #ffffff;
    font-size: 24px;

    line-height: 36px;
    text-transform: none;
    margin: 0 0 16px;
}



.boxed_wrapper {
position: relative;
left: 0px;
top: 0px;
background: #fff;
z-index: 9999;
width: 100%;


}

/*________________Preloader_______________ */

.preloader{ 
    position:fixed; 
    left:0px; 
    top:0px; 
    width:100%; 
    height:100%; 
    z-index:999999999999; 
    background-color:rgba(255,255,255,1); 
    background-position:center center; 
    background-repeat:no-repeat; 
    background-image:url(../images/preloader.gif);
}


/* Update Mainmenu area Style */
@-webkit-keyframes menu_sticky {
    0%   {margin-top:-150px;}
    50%  {margin-top: -130px;}
    100% {margin-top: 0;}
}
@keyframes menu_sticky {
    0%   {margin-top:-150px;}
    50%  {margin-top: -130px;}
    100% {margin-top: 0;}
}

.mainmenu-area.stricky-fixed {
    position: fixed;
    top: 0;
    left: 0;
    margin: 0;
    width: 100%;
    z-index: 10000;

    z-index: 99999;
    -webkit-animation-name: menu_sticky;
          animation-name: menu_sticky;
    -webkit-animation-duration: 0.60s;
          animation-duration: 0.60s;
    -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
padding:0
}


.mainmenu-area.stricky-fixed .logo-fixed {
display:block;
width: auto;
}

.mainmenu-area.stricky-fixed .logo-main {
display:none;

 }
 


.mainmenu-area.style-two.stricky-fixed {
    position: fixed;
    top: 0;
    left: 0;
    margin: 0;
    width: 100%;
    z-index: 10000;
    background: #F7F7F7;
    z-index: 99999;
    -webkit-animation-name: menu_sticky;
          animation-name: menu_sticky;
    -webkit-animation-duration: 0.60s;
          animation-duration: 0.60s;
    -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
}
.mainmenu-area.style-two.stricky-fixed .container {
    background: #F7F7F7;
    padding: 0 30px;
}
.mainmenu-area.style-four.stricky-fixed {
    position: fixed;
    top: 0;
    left: 0;
    margin: 0;
    width: 100%;
    z-index: 10000;
    background: #000000;
    z-index: 99999;
    -webkit-animation-name: menu_sticky;
          animation-name: menu_sticky;
    -webkit-animation-duration: 0.60s;
          animation-duration: 0.60s;
    -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
}
.mainmenu-area.style-three.stricky-fixed{
    position: fixed;
    top: 0;
    left: 0;
    margin: 0;
    width: 100%;
    z-index: 10000;
    background: #D1CECE;  
    z-index: 99999;
    -webkit-animation-name: menu_sticky;
          animation-name: menu_sticky;
    -webkit-animation-duration: 0.60s;
          animation-duration: 0.60s;
    -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
}





/*
.mainmenu-area.stricky-fixed .logo {
    padding-top: 21px;
    padding-bottom: 21px;
}
*/
.mainmenu-area.stricky-fixed .main-menu .navigation li a {

    transition: all 500ms ease;
}


.mainmenu-area.stricky-fixed li.button.mega-menu-item.custom-edit {
    background: #016db8;  
}

li.button.mega-menu-item {
padding: 0 !important;
}


.mainmenu-area.stricky-fixed .navigation > li > ul {
    position: absolute;
    right: 0px;
top: 145% !important;
    width: 250px;
    padding: 0px;
    z-index: 100;
    visibility: hidden;
    opacity: 0;
    z-index: 99;
    transition: all 300ms ease;



}


.mainmenu-area.stricky-fixed .main-menu .navigation > li > ul > li > a {
color:#222
}

.mainmenu-area.stricky-fixed .main-menu .navigation > li > ul > li > a:hover {
color:#fff
}


/*
.mainmenu-area.stricky-fixed .appointment-button {
    margin: 20px 0;
}
*/




/* Scroll To Top styles */
.scroll-to-top {
background: #c5262b;
bottom: 25px;
color: #ffffff;
cursor: pointer;
display: none;
font-size: 20px;
font-weight: normal;
height: 40px;
line-height: 40px;
position: fixed;
right: 15px;
text-align: center;
transition: all 500ms ease 0s;
width: 40px;
z-index: 99999;
-webkit-box-shadow: 0px 8px 23px -6px rgba(27,27,27,1);
-moz-box-shadow: 0px 8px 23px -6px rgba(27,27,27,1);
box-shadow: 0px 8px 23px -6px rgba(27,27,27,1);
}
.scroll-to-top:hover {
    background: #016db8;
    color: #fff;
}


/*Form validation styles */
input:focus,
textarea:focus,
select:focus {
  border-color: #43c3ea;
  outline: none;
}


/* Post pagination styles */
.post-pagination li {
    display: inline-block;
    margin: 0 3px;
}
.post-pagination li a {
    background: #fff none repeat scroll 0 0;
    border: 2px solid #e7e7e7;
    color: #848484;
    display: block;
    font-size: 20px;
    
    height: 55px;
    padding: 13px 0;
    transition: all 500ms ease 0s;
    width: 55px;

    border-radius: 3px;
}
.post-pagination li.active a, .post-pagination li:hover a {
    background: #D1CECE;
    color: #fff;
    border: 2px solid #D1CECE;
}


/* Overlay styles  */
.overlay-style-one{
display:none;
    position:absolute;
    left:0px;
    top:0px;
    width:100%;
    height:100%;
    padding:0px;
    color:#ffffff;
    opacity:0;
    background:#016db880;
    -webkit-transform: perspective(400px) rotateX(-90deg);
    -moz-transform: perspective(400px) rotateX(-90deg);
    -ms-transform: perspective(400px) rotateX(-90deg);
    -o-transform: perspective(400px) rotateX(-90deg);
    transform: perspective(400px) rotateX(-90deg);
    -webkit-transform-origin: top;
    -moz-transform-origin: top;
    -ms-transform-origin: top;
    -o-transform-origin: top;
    transform-origin: top;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.overlay-style-one .box{
    display: table;
    height: 100%;
    width: 100%;    
}
.overlay-style-one .box .content{
    display: table-cell;
    text-align: center;
    vertical-align: middle;    
}







.review-box {}
.review-box ul {
    margin-left: -1px;
    margin-right: -1px;
}
.review-box ul li {
    display: inline-block;
    margin: 0 1px;
}
.review-box ul li i {
    color: #D1CECE;
    font-size: 12px;
}






/*** 
=============================================
    Top bar area style
=============================================
***/


.float-right{ float:right !important;}
.float-left{ float:left !important;}

.top-bar-area {
    position: relative;
    z-index: 999;

    overflow: hidden;
	direction:rtl;

background: #1a5396;


}

li.button.mega-menu-item a:before,
li.button.mega-menu-item a:after {
display:none
}



.top-contact-info {
    overflow: hidden;

}
.top-contact-info li {
    display: inline-block;
    margin-left: 15px;
    color: #fff;
    line-height: 24px;
    font-size: 12px;


line-height: 30px;



}


.tparrows:hover {
background:#016db8;
border-color: #016db8;

}


.dash {
color: #fff;
font-size: 19px;
margin-left:10px;
}

.top-contact-info li strong {
    font-size: 16px;
margin-right: 8px;
padding-top: 15px;
}


.top-contact-info li a {  color:#fff;}

.top-contact-info li:last-child {
    padding: 0;
}
.top-contact-info li span:before {
    font-size: 12px;
    line-height: 24px;
    display: inline-block;
padding-left:5px;

}

.top-bar-area .top-right {
    overflow: hidden;
font-family: arial;
float: left;
}
.top-bar-area .top-right .social-links {
float: left;
}
.top-bar-area .top-right .social-links li {
    display: inline-block;
    float: left;
    line-height: 30px;
}
.top-bar-area .top-right .social-links li:last-child {
    margin: 0px;
}
.top-bar-area .top-right .social-links li a i {
color: #fff;
font-size: 16px;
transition: all 500ms ease;
opacity: 1;
}
.top-bar-area .top-right .social-links li a:hover i{
    color: #016db8;
}
.appoinment-button {
    margin: 0px;
float: right;
   line-height: 37px;
}
.appoinment-button a {

    display: inline-block;
font-family: arial;
    font-size: 13px;
    color: #fff;
    padding: 15px 15px 6px;
    line-height: initial;

}


.appoinment-button a:hover{
    color: #f7f7f7;
}


/*==============================================
    Mainmenu Area Css
===============================================*/
.mainmenu-area {
    position: relative;
    z-index: 999999;
background: rgb(231,231,231);
background: #ECE9E6;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #FFFFFF, #ECE9E6);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #FFFFFF, #f7f7f7); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

}
.mainmenu-area .donate {
position: absolute;
float:left;
width: 150px;
height: 100%;
text-align: center;
background: #ffffff;
z-index: 20;
height: 120px;
line-height: 85px;
left:0;
top:0;
}


.mainmenu-area .donate:before {
content: '';
position: absolute;
right: -29px;
top: 0px;
width: 60px;
background: #ffffff;
-webkit-transform: skewX(-23deg);
-ms-transform: skewX(-23deg);
-o-transform: skewX(-23deg);
-moz-transform: skewX(-23deg);
transform: skewX(-23deg);
height: 100%;

}



.dis-block {
display: none !important;
}

.logo-fixed 
{
    display: none;

}



.mainmenu-area .logo {
float: right;

}

/*
.mainmenu-area .logo img {

height: 100%;
 }
*/



.main-menu {
    float: left;
    position: relative;
}
.main-menu .navbar-collapse {
    padding: 0px
}
.main-menu .navigation {
float: left;

margin: 0;

    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;

position: relative;

margin-top: 33px;

margin-right: 0;

margin-bottom: 29px;
}
.main-menu .navigation li {
    display: inline-block;
    float: right;
padding: 0px 7px;
}

/*
.main-menu .navigation > li.dropdown > a:after {
font-family: 'FontAwesome';
content: "\f0d7";
position: absolute;
top: 10px;
left: 4px;
font-size: 14px;
transition: all 500ms ease 0s;
}*/
.main-menu .navigation li a {
    color: #0f0f0f;
    display: block;
    font-size: 14px;

    opacity: 1;

    position: relative;
    text-transform: capitalize;
    transition: all 500ms ease 0s;

width: 100%;
}
.main-menu .navigation > li.dropdown > a {

}





.main-menu .navigation > li:hover > a {

    color: #016db8;
}
/*

.main-menu .navigation > li > ul {
    position: absolute;
    right: 0px;
    top: 155%;
    width: 250px;
    padding: 0px;
    z-index: 100;
    visibility: hidden;
    opacity: 0;
    z-index: 99;
    transition: all 300ms ease;
}
*/
.main-menu .navigation > li > ul {
    position: absolute;
    right: 0px;
    top: 130%;
    width: 280px;
    padding: 0px;
    z-index: 100;
    visibility: hidden;
    opacity: 0;
    z-index: 99;
    transition: all 300ms ease;background: #fff;

  
}


.main-menu .navigation > li:hover > ul {
top: 187%;
    opacity: 1;
    visibility: visible;



}


.clear{
clear: both;
display: block;
}

.main-menu .navigation > li > ul > li {
    clear: both;
    width: 100%;
    position: relative;
    border-bottom: 1px solid #f4f4f4;
text-align:right;padding: 0;
}
.main-menu .navigation > li > ul > li:last-child{
    border-bottom: 0px solid #f4f4f4;    
}
.main-menu .navigation > li > ul > li > a {
    width: 100%;
    background: #ffffff;
    padding: 13px 15px 12px 30px;
    margin: 0;
    color: #222222;
    font-size: 13px;
    
    text-transform: capitalize;
    display: block;
    float: left;
    clear: both;
    position: relative;
    outline: 0;
    transition: padding .2s linear;
}
.main-menu .navigation > li > ul > li:hover > a {
    color: #fff;
    background: #016db8;
}

.main-menu .navigation > li > ul > li.dropdown > a:after{}
.main-menu .navigation > li > ul > li.dropdown:hover > a:after{}
.main-menu .navigation > li > ul > li > ul{}.main-menu .navigation
.main-menu .navigation > li > ul li:hover ul {}
.main-menu .navigation > li > ul > li ul li {}
.main-menu .navigation > li > ul > li ul li:first-child{}
.main-menu .navigation > li > ul > li ul li a{ }
.main-menu .navigation > li > ul > li  > ul > li:hover > a{}

.main-menu .navbar-collapse > ul li.dropdown .dropdown-btn {
  position: absolute;
  left: 10px;
  top: 6px;
  width: 34px;
  height: 30px;

  cursor: pointer;
  z-index: 5;
  display: none;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  -moz-border-radius: 3px;
}

.main-menu .navbar-collapse > ul li.dropdown .dropdown-btn:after {
position: absolute;
top: 1px;
left: 11px;
content: "\f0c9";
font-family: fontawesome;
color: #016db8;;
}

.main-menu .navbar-collapse > ul li.dropdown .dropdown-btn:focus:after,
.main-menu .navbar-collapse > ul li.dropdown .dropdown-btn:active:after {
position: absolute;
top: 1px;
left: 11px;
content: "\f068" !important;
font-family: fontawesome;
color: #016db8;;
}






.main-menu .navigation li a {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
padding: 5px 10px;
font-family: "head";
}
.main-menu .navigation > li > a:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #016db8;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.main-menu .navigation li a:hover, .main-menu .navigation li a:focus, .main-menu .navigation li a:active {
  color: white;
}
.main-menu .navigation li a:hover:before, .main-menu .navigation li a:focus:before, .main-menu .navigation li a:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}















.search-box form { margin: 0;
padding: 0; }




.vis-small {
display:none;
}


.outer-search-box {
    float: left;
    transition: all 500ms ease;
position: relative;
}
.outer-search-box:hover{
    border-color: #D1CECE;    
}
.outer-search-box .seach-toggle {
    background: transparent;
    color: #fff;
    cursor: pointer;
    display: block;
    font-size: 15px;
    line-height: 15px;
    margin: 0;
    padding: 6px 0px;
    position: relative;
    text-align: center;
    transition: all 500ms ease;
}

/*
.outer-search-box .seach-toggle:hover,
.outer-search-box .seach-toggle.active{
    background:#d7d7d7;
    color: #fff;
}*/

.search-box {
position: absolute;
left: -19px;
top: 32px;
text-align: right;
transition: all 500ms ease 0s;
visibility: hidden;
opacity: 0;
border: 1px solid #e3e3e3;

}


.search-box li {
padding: 0 !important;
}

.search-box.now-visible{
    opacity:1;
    visibility:visible;	
}
.search-box .form-group{
position: relative;
padding: 0px;
margin: 0px;
width: 100%;
min-width: 210px;
}
.search-box .form-group input[type="search"] {
background: #ffffff none repeat scroll 0 0;
border: none;
color: #000;
display: block;
font-size: 11px;
line-height: 24px;
position: relative;
transition: all 500ms ease 0s;
width: 100%;
height: 34px;
padding-left: 15px;
padding-right: 16px;
text-align: right;
direction: rtl;

}
.search-box .form-group input[type="search"]:focus{
    border-color:#394141;	
}
.search-box .form-group button, 
.search-box .form-group input[type="submit"] {
    background: #303443;
    color: #fff;
    cursor: pointer;
    display: block;
    font-size: 13px;
    height: 40px;
    line-height: 40px;
    position: absolute;
    left: 0;
    top: 0;
    width: 40px;
    transition: all 500ms ease 0s;
display:none;
}
.search-box .form-group button:hover,
.search-box .form-group input:focus + button{
    color:#fff;
    background: #394141;
}


.mainmenu-right-box { float:right }
.mainmenu-area .appointment-button {
    float: right;
    margin: 25px 0;
}
.mainmenu-area .appointment-button a {
    position: relative;
}
.mainmenu-area .appointment-button a:before {
    position: absolute;
    top: 3px;
    right: 5px;
    content: "";
    background: url(../images/button-icon.png);
    background-repeat: no-repeat;
    width: 30px;
    height: 20px;
    transition: all 500ms ease;
}
.mainmenu-area .appointment-button a:hover{

}



/*
.main-menu .navigation li a:after {
content: '';
position: absolute;
left: 50%;
bottom: -3px;
margin-left: -9px;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
border-bottom: 4px solid #016db8;


opacity: 0;

}



.main-menu .navigation li a:before {
content: '';
position: absolute;
left: 0px;
bottom: -5px;
width: 100%;
height: 2px;
opacity: 0;
background: #016db8;
}

.main-menu .navigation li:hover a:before,
.main-menu .navigation li:hover a:after {
 opacity: 1;
}*/

/*** 
=============================================
    Latest blog area style
=============================================
***/
.latest-blog-area {
    position: relative;
background: #f5f5f5;
    overflow: hidden;

background-image: url("../images/p9.png");
width: 100%;
padding: 30px 0;

}

/*
.latest-blog-area .sec-title h1 {

color:#fff
}


.latest-blog-area:after {
    display: block;
    content: " ";
    position: absolute;
background: rgba(18, 56, 114, 0.5);

    top: 0;
    left: 0;
height:100%;
width:100%;
}*/

.single-blog-item {
    position: relative;
    overflow: hidden;
    display: block;
    border: 1px solid #f4f4f4;
    margin-bottom: 30px;
}
.single-blog-item .img-holder{
    overflow: hidden;
    position: relative;     
}
.single-blog-item .img-holder img {
    transform: scale(1.1, 1.1);
    transition: all 0.5s ease 0s;
    width: 100%; 
height: 220px;	
}
.single-blog-item:hover .img-holder .overlay-style-one{
    opacity: 1;
    -webkit-transform: perspective(400px) rotateX(0deg);
    -moz-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    -o-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);    
}
.single-blog-item .img-holder .overlay-style-one .content a i {
    transition: all 500ms ease;
    font-size: 20px;
}
.single-blog-item .img-holder .overlay-style-one .content a:hover i{
    color: #b6b6b6;
}
.single-blog-item:hover .img-holder img {
    transform: scale(1, 1);
}
.single-blog-item .text-holder {
    background: #F8F8F8;
    padding:10px;
text-align:right;
}
.single-blog-item .text-holder .blog-title {
    color: #222222;
    font-size: 14px;
    
    line-height: 40px;
    display: block;
    transition: all 500ms ease;
    direction: rtl;
}

.single-blog-item:hover .text-holder .blog-title{
    color: #016db8;
}

.single-blog-item .text-holder .text {
    margin-top: 12px;
}
.single-blog-item .text-holder .text p {
font-size:14px;
    margin: 0; 
direction: rtl;
}
.single-blog-item .text-holder .meta-info {
text-align: center;
position: absolute;
left: 0px;
background-color: #c5262b;
padding: 7px 9px;
top: 50%;
font-weight: 400;
width: 75px;
color: #FFF;
font-size: 15px;
height: 80px;
}
.single-blog-item .text-holder .meta-info li {
    display: inline-block;
    float: left;
    line-height: 24px;
    margin-right: 20px;
}
.single-blog-item .text-holder .meta-info li:last-child{
    margin-right: 0;	    font-size: 13px;
}

}
.single-blog-item .text-holder .meta-info li a{
    color: #016db8;
    font-size: 16px;

    
}
.single-blog-item .text-holder .meta-info li a i {
    display: inline-block;
    padding-right: 4px;
    font-size: 15px;
}



.footer-v4 .xs-social-list-v2 li a i.fa-facebook {
   background: #3b5998;
}

.footer-v4 .xs-social-list-v2 li a i.fa-twitter {
   background: #70c2e9;
}

.footer-v4 .xs-social-list-v2 li a i.fa-youtube {
   background: #f00;
}

.footer-v4 .xs-social-list-v2 li a i.fa-pinterest-p {
   background: #bd081c;
}

.footer-v4 .xs-social-list-v2 li a i.fa-linkedin {
   background: #3f729b;
}

.footer-v4 .xs-social-list-v2 li a i.fa-instagram {
   background: #d31249;
}


.footer-v4 .xs-social-list-v2 li a i {
width: 100%;
height: 100%;
display: block;
}
/*



.boxed_wrapper i.fa-facebook:hover { color: #1667ae !important;} 
.boxed_wrapper i.fa-twitter:hover { color: #2aa9e0 !important;}
.boxed_wrapper i.fa-linkedin:hover { color: #0077b5 !important;}
.boxed_wrapper i.fa-youtube:hover { color: #db4437 !important;}
.boxed_wrapper i.fa-instagram:hover { color: #d31249 !important;}
*/

/********************************************************************************************************************************/
.footer-v4 .xs-info-list a,
span.media-body {
font-size:15px;
}


span.media-body {
direction: ltr;
text-align: right;
}

.link-ft {
margin-top:0px;
}



.images-card {
width: 100%;
display: inline-block;
}

.card-boom  {
width:40%;
margin:10px;
float:right;

}

.service-area .ceel-services:hover .icon-holder {
background:#999 !important
}


.service-area .ceel-services {
padding:0;
float:right;
width:20%;
}

.service-area .ceel-services .icon-holder {
position:relative;


}


 .ceel-services {
padding:0;
float:right;
width:19%;
margin-left:11px;
box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.1);
padding: 40px 20px 40px 20px;
height: 320px;
overflow: hidden;

}

.service-area .ceel-services:nth-child(1) .icon-holder {
background: #D31249;
     animation: changeicon 5s infinite 0.2s;

}

.service-area .ceel-services:nth-child(2) .icon-holder {
background: #0153A5;
     animation: changeicon 5s infinite 0.4s;


}
.service-area .ceel-services:nth-child(3) .icon-holder {
background: #609BD3;
     animation: changeicon 5s infinite 0.6s;

}

.service-area .ceel-services:nth-child(4) .icon-holder {
background: #F99B1D;
     animation: changeicon 5s infinite 0.8s;


}

.service-area .ceel-services:nth-child(5) .icon-holder {
background: #8D54A3;
     animation: changeicon 5s infinite 1s;


}








.auto-container {
position: relative;
width: 100%;
padding: 0px 0px;
background: #016db8;
height: 120px;
}


.lower-men {

width: 100%;
background: #016db8;

}

/**

.service-area .ceel-services .icon-holder {


}
*/


@-webkit-keyframes changeicon {
    0%   {top: 0px;}
    25%  {top: -15px;}
    50%  {top: 0px;}


}









/************************************************************/
/************** fooooooooooooooooooooooooter****************/

a,
b,
div,
ul,
li {
    -webkit-tap-highlight-color: transparent;
    -webkit-tap-highlight-color: transparent;
    -moz-outline-: none; }

a:focus,
a:active,
input,
input:hover,
input:focus,
input:active,
textarea,
textarea:hover,
textarea:focus,
textarea:active {
    -moz-outline: none;
    outline: none; }

img:not([draggable]),
embed,
object,
video {
    max-width: 100%;
    height: auto; }

a {
    text-decoration: none;
    outline: 0; }

a:active,
a:focus,
a:hover,
a:visited {
    text-decoration: none;
    outline: 0; }

img {
    border: none;
    max-width: 100%; }

ul, li {
    margin: 0; }



.xs-info-list i {
    display: inline-block;
    float: right;
    width: 40px;
    height: 40px;
    line-height: 40px;
    background-color: #18bfc3;
    text-align: center;
    color: #FFFFFF;
    font-size: 1.14286em;
    margin-left: 20px; }



.xs-info-list i.bg-red {
    background-color: #fa575d; }
.xs-info-list i.bg-green {
    background-color: #2cc391; }
.xs-info-list i.bg-blue {
    background-color: #369ff4; }

.xs-info-list li, .xs-info-list a {
    color: #FFFFFF;
    font-size: 16px;
    display: inline-block; margin-bottom: 5px;}

.xs-info-list a {
    margin-top: 8px;
    margin-bottom: 0;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease; }
.xs-info-list a:hover {
    color: #FFFFFF; }

.xs-info-list li:last-child {
    margin-bottom: 0; }

.xs-info-list li:after {
    display: table;
    content: "";
    clear: both; }

.xs-back-to-top-wraper {
    position: absolute;
    right: 36px;
    bottom: 92px;
    z-index: 9999; }


.xs-social-list li, .xs-social-list-v2 li {
    display: inline-block;
    margin: 0 10px 0 0;  font-family: arial;}
.xs-social-list li:last-child, .xs-social-list-v2 li:last-child {
    margin: 0; margin-right: 10px;}
.xs-social-list li a, .xs-social-list-v2 li a {
    width: 50px;
    height: 50px;
    line-height: 50px;
    position: relative;
    z-index: 1;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    display: block;
    text-align: center;
    border-radius: 100%;
    background-color: rgba(0, 0, 0, 0.1);
    font-size: 1.07143em;
    color: #FFFFFF; }
.xs-social-list li a:hover, .xs-social-list-v2 li a:hover {
    border-color: transparent;
    background-color: #041D57; }
.xs-social-list li a.color-facebook:hover, .xs-social-list-v2 li a.color-facebook:hover {
    background-color: #3b5998; }
.xs-social-list li a.color-twitter:hover, .xs-social-list-v2 li a.color-twitter:hover {
    background-color: #1da1f2; }
.xs-social-list li a.color-dribbble:hover, .xs-social-list-v2 li a.color-dribbble:hover {
    background-color: #ea4c89; }
.xs-social-list li a.color-pinterest:hover, .xs-social-list-v2 li a.color-pinterest:hover {
    background-color: #bd081c; }
.xs-social-list li a.color-instagram:hover, .xs-social-list-v2 li a.color-instagram:hover {
    background-color: #e1306c; }
.xs-social-list li a.color-linkedin:hover, .xs-social-list-v2 li a.color-linkedin:hover {
    background-color: #dd5143; }


    .xs-social-list li a.color-vk {
        background-color: #4c75a3;
    }
    .xs-social-list li a.color-youtube {
        background-color: #cd201f;
    }
    .xs-social-list li a.color-tumblr {
        background-color: #34465d;
    }
    .xs-social-list li a.color-behance {
        background-color: #131418;
    }
    .xs-social-list li a.color-instagram {
        background-color: #dd4b39;
    }
    .xs-social-list li a.color-xing {
        background-color: #026466;
    }
    .xs-social-list li a.color-yelp {
        background-color: #af0606;
    }
    .xs-social-list li a.color-vine {
        background-color: #00b489;
    }






.xs-social-list.square li a, .square.xs-social-list-v2 li a {
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 0%;
    border: 1px solid #F4F4F4;
    background-color: transparent;
    color: #041D57; }
.xs-social-list.square li a:hover, .square.xs-social-list-v2 li a:hover {
    color: #FFFFFF; }

.xs-social-list.simple li, .simple.xs-social-list-v2 li {
    margin-right: 15px; }
.xs-social-list.simple li a, .simple.xs-social-list-v2 li a {
    color: #041D57;
    border: 0;
    width: auto;
    height: auto;
    line-height: 0;
    background-color: transparent; }
.xs-social-list.simple li a:hover, .simple.xs-social-list-v2 li a:hover {
    background-color: transparent;
    border: 0; }
.xs-social-list.simple li a.color-facebook:hover, .simple.xs-social-list-v2 li a.color-facebook:hover {
    color: #3b5998; }
.xs-social-list.simple li a.color-twitter:hover, .simple.xs-social-list-v2 li a.color-twitter:hover {
    color: #1da1f2; }
.xs-social-list.simple li a.color-dribbble:hover, .simple.xs-social-list-v2 li a.color-dribbble:hover {
    color: #ea4c89; }
.xs-social-list.simple li a.color-pinterest:hover, .simple.xs-social-list-v2 li a.color-pinterest:hover {
    color: #bd081c; }
.xs-social-list.simple li a.color-instagram:hover, .simple.xs-social-list-v2 li a.color-instagram:hover {
    color: #e1306c; }
.xs-social-list.simple li a.color-linkedin:hover, .simple.xs-social-list-v2 li a.color-linkedin:hover {
    color: #dd5143; }
.xs-social-list.simple li:last-child, .simple.xs-social-list-v2 li:last-child {
    margin-right: 0; }
    .xs-social-list.simple li a.color-vk {
        color: #4c75a3;
    }
    .xs-social-list.simple li a.color-youtube {
        color: #cd201f;
    }
    .xs-social-list.simple li a.color-tumblr {
        color: #34465d;
    }
    .xs-social-list.simple li a.color-behance {
        color: #131418;
    }
    .xs-social-list.simple li a.color-instagram {
        color: #dd4b39;
    }
    .xs-social-list.simple li a.color-xing {
        color: #026466;
    }
    .xs-social-list.simple li a.color-yelp {
        color: #af0606;
    }
    .xs-social-list.simple li a.color-vine {
        color: #00b489;
    }
.xs-social-list.boxed li, .boxed.xs-social-list-v2 li {
    width: 45%;
    margin-right: 10px;
    margin-bottom: 10px; }
.xs-social-list.boxed li a, .boxed.xs-social-list-v2 li a {
    text-transform: uppercase;
    background-color: transparent;
    border: 1px solid #F1F1F1;
    color: #485E92;
    font-size: 0.85714em;
    height: auto;
    width: 100%;
    padding: 14px 0px;
    font-weight: 700;
    border-radius: 0%;
    line-height: normal; }
.xs-social-list.boxed li a:hover, .boxed.xs-social-list-v2 li a:hover {
    color: #FFFFFF; }
.xs-social-list.boxed li i, .boxed.xs-social-list-v2 li i {
    padding-right: 15px; }

.xs-social-list-v2 li a {
    width: 40px;
    height: 40px;
    line-height: 40px;
    border: 1px solid #55acee;
    background-color: transparent;
    font-size: 1em; }






.xs-footer-section {
direction: rtl;
    background-color: #262e3b;
    position: relative;
    background-position: center right;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("../images/110.png"); }

.xs-footer-top-layer {
padding-top: 20px;
padding-bottom: 20px;
margin-right: 10px;}



.xs-footer-top-layer .col-md-4.footer-widget {
float: right;
}

.xs-copyright {
    padding: 11px 0;
border-top: 1px solid #fff3;}

.xs-footer-logo {
    display: inline-block;
 }


.xs-footer-logo img {
width: 200px;
}

.footer-widget p {
    color: #FFFFFF;
    margin-bottom: 20px; }

.footer-widget .widget-title {
    margin-bottom: 20px;
    margin-top: 30px;
    color: #FFFFFF;
    font-size: 1.28571em;
    font-weight: 300;
    text-transform: capitalize; }

.xs-footer-list li {
    margin-bottom: 5px; }
.xs-footer-list li:last-child {
    margin-bottom: 0; }

.xs-footer-list a {
    color: #FFFFFF;
    display: block;
    font-size: 1em;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease; }
.xs-footer-list a:hover {
    color: #FFFFFF; }

.xs-copyright-text p {
text-align:left;
    margin-bottom: 0;
    line-height: 1.5;
    color: #97b0ea; }
.xs-copyright-text p a {
    color: #FFFFFF; }

.xs-footer-menu {
    text-align: right;
    line-height: 1; }
.xs-footer-menu li {
    display: inline-block;
    margin-right: 36px; }

.xs-footer-menu li:first-child {
    margin-right: 0; }
.xs-footer-menu li a {
    display: block;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease; }

.xs-footer-menu li a:hover {
    color: #016db8;; }




/* footer */
/* footer version 4 */
.footer-v4 {
background: rgb(47,47,47);
background: linear-gradient(180deg, rgba(47,47,47,1) 0%, rgba(22,26,28,1) 100%);
   /* background-color: #016db8;*/	
    
background: linear-gradient(180deg, rgb(26 83 150) 0%, rgb(6 31 60) 100%);

 }
.footer-v4 .xs-info-list i {
    width: auto;
    height: auto;
    line-height: normal;
    background-color: transparent;
    margin-top: 3px;
    font-size: 1.28571em;
    opacity: .7; }
.footer-v4 .xs-info-list a {
font-family: arial;
    margin-top: 2px; 
    display: inline;
}

.footer-v4 .xs-info-list .color-1 {
    color: #f5f7f7; }
.footer-v4 .xs-info-list .color-2 {
    color: #2cc391; }
.footer-v4 .xs-info-list .color-3 {
    color: #f7a900; }
.footer-v4 .xs-footer-list li a {
    color: rgba(255, 255, 255, 0.5); }
.footer-v4 .xs-recent-post-widget .post-info {
    padding-top: 0;
    padding-bottom: 0; }
.footer-v4 .xs-recent-post-widget .post-info .comments-link i.color-1 {
    color: #2cc391; }
.footer-v4 .xs-recent-post-widget .post-info .comments-link i.color-2 {
    color: #9064bf; }
.footer-v4 .xs-recent-post-widget .post-info .comments-link i.color-3 {
    color: #f7a900; }

.footer-v4 .footer-widget p {
    margin-bottom: 15px;
font-size: 15px;
font-weight: normal;
font-weight: 300;}


.footer-v4 .xs-social-list-v2 li a {
width: 35px;
height: 35px;
line-height: 35px;
font-size: 14px;
overflow: hidden;
background: #21292c !important;

}

.footer-v4 .xs-social-list-v2 li a.color-linkedin {
    background-color: #0077b5; }

.footer-v4 .xs-copyright-text p {
color: #fff;
font-size: 13px;
text-align: center;}

.footer-v4 .xs-social-list-v2 li a:hover {
background:#016db8
}


/*
.footer-v4 .xs-copyright-text p a {
    color: rgba(226, 62, 87, 0.7); }
*/
.footer-v4 .xs-back-to-top-wraper {
    bottom: 80px; }
.footer-v4 .xs-back-to-top {
    width: 50px;
    height: 50px;
    line-height: 50px;
    background-color: #377bbf; }

.xs-footer-section .xs-newsletter-form {
    height: 48px;
    margin-bottom: 30px; }
.xs-footer-section .xs-newsletter-form input:not([type=submit]) {
    border: 2px solid #3b5998;
    width: calc(100% - 135px);	
    background-color: transparent; }
.xs-footer-section .xs-newsletter-form input:not([type=submit])::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: rgba(255, 255, 255, 0.5);
    font-size: 1em; }
.xs-footer-section .xs-newsletter-form input:not([type=submit])::-moz-placeholder {
    /* Firefox 19+ */
    color: rgba(255, 255, 255, 0.5);
    font-size: 1em; }
.xs-footer-section .xs-newsletter-form input:not([type=submit]):-ms-input-placeholder {
    /* IE 10+ */
    color: rgba(255, 255, 255, 0.5);
    font-size: 1em; }
.xs-footer-section .xs-newsletter-form input:not([type=submit]):-moz-placeholder {
    /* Firefox 18- */
    color: rgba(255, 255, 255, 0.5);
    font-size: 1em; }
.xs-footer-section .xs-newsletter-form [type=submit] {
    width: 115px;
    background-color: #3b5998;
    }







.footer-widget .menu li {
margin-bottom: 5px;
width: 50% !important;
float: right !important;
line-height: 30px !important; }


.footer-widget .menu li a {
color:#fff;font-size: 15px;
}



.footer-v4 .xs-social-list-v2 li,
.footer-v3 .xs-social-list-v2 li{
    margin-bottom: 10px; }

f

.footer-v4 .xs-social-list-v2 li a.color-facebook ,
.footer-v3 .xs-social-list-v2 li a.color-facebook {
    background-color: #3b5998; }

.footer-v4 .xs-social-list-v2 li a.color-twitter ,
.footer-v3 .xs-social-list-v2 li a.color-twitter {
    background-color: #1da1f2; }

.footer-v4 .xs-social-list-v2 li a.color-dribbble ,
.footer-v3 .xs-social-list-v2 li a.color-dribbble {
    background-color: #ea4c89; }

.footer-v4 .xs-social-list-v2 li a.color-pinterest ,
.footer-v3 .xs-social-list-v2 li a.color-pinterest {
    background-color: #bd081c; }

.footer-v4 .xs-social-list-v2 li a.color-instagram ,
.footer-v3 .xs-social-list-v2 li a.color-instagram {
    background-color: #e1306c; }

.footer-v4 .xs-social-list-v2 li a.color-linkedin ,
.footer-v3 .xs-social-list-v2 li a.color-linkedin {
    background-color:#0077b5; }
.footer-v4 .xs-social-list-v2 li a.color-youtube ,
.footer-v3 .xs-social-list-v2 li a.color-youtube {
    background-color: #dd4b39;
}
.footer-v4 .xs-social-list-v2 li a.color-viemo ,
.footer-v3 .xs-social-list-v2 li a.color-viemo {
    background-color: #1ab7ea;
}

.footer-v4 .xs-social-list-v2 li a.color-vk ,
.footer-v3 .xs-social-list-v2 li a.color-vk {
    background-color: #4c75a3;
}
.footer-v4 .xs-social-list-v2 li a.color-instagram ,
.footer-v3 .xs-social-list-v2 li a.color-instagram {
    background-color: #cd201f;
}
.footer-v4 .xs-social-list-v2 li a.color-tumblr ,
.footer-v3 .xs-social-list-v2 li a.color-tumblr {
    background-color: #34465d;
}
.footer-v4 .xs-social-list-v2 li a.color-behance ,
.footer-v3 .xs-social-list-v2 li a.color-behance {
    background-color: #131418;
}
.footer-v4 .xs-social-list-v2 li a.color-instagram ,
.footer-v3 .xs-social-list-v2 li a.color-instagram {
    background-color: #dd4b39;
}
.footer-v4 .xs-social-list-v2 li a.color-xing ,
.footer-v3 .xs-social-list-v2 li a.color-xing {
    background-color: #026466;
}
.footer-v4 .xs-social-list-v2 li a.color-yelp ,
.footer-v3 .xs-social-list-v2 li a.color-yelp {
    background-color: #af0606;
}
.footer-v4 .xs-social-list-v2 li a.color-vine ,
.footer-v3 .xs-social-list-v2 li a.color-vine {
    background-color: #00b489;
}
.footer-v4 .xs-social-list-v2 li a.color-flickr ,
.footer-v3 .xs-social-list-v2 li a.color-flickr {
    background-color: #0063dc;
}
.footer-v4 .xs-social-list-v2 li a.color-github ,
.footer-v3 .xs-social-list-v2 li a.color-github {
    background-color: #4078c0;
}
.footer-v4 .xs-social-list-v2 li a.color-skype ,
.footer-v3 .xs-social-list-v2 li a.color-skype {
    background-color: #00aff0;
}
.footer-v4 .xs-social-list-v2 li a.color-soundcloud ,
.footer-v3 .xs-social-list-v2 li a.color-soundcloud {
    background-color: #ff8800;
}
.footer-v4 .xs-social-list-v2 li a.color-stumbleupon ,
.footer-v3 .xs-social-list-v2 li a.color-stumbleupon {
    background-color: #eb4924;
}
.footer-v4 .xs-social-list-v2 li a,
.footer-v3 .xs-social-list-v2 li a{
    border: none;
}



.over-up {
position:relative;
z-index:9;

}

.donate-btn {
color: #016db8;

display: inline-block;
width: 90%;
background: url(../images/donate2.png);
background-repeat: no-repeat;
background-position: left;
background-size: contain;
line-height: 43px;

font-size: 15px;
}
 

.donate-btn:hover {
color:#f00

}






.pagesection {
padding:60px 0
}



.pagesection .owl-carousel .owl-item img {
width: 100%;
border: 1px solid #ccc;
}

.pagesection .owl-carousel .owl-item img:hover {
border: 1px solid #016db8;
}


#xs-newsletter-email {
border-radius: 0;
float: right;text-align: right;
color: #fff;
}

.xs-newsletter-form input:not([type="submit"]) {
    border-radius: 0px;
    border: 2px solid rgba(255, 255, 255, 0.6);
    height: 100%;
    width: calc(100% - 224px);
    float: left;
    background-color: rgba(255, 255, 255, 0.2);
    margin-bottom: 0;
    border-right: 0;
    padding-left: 28px;
}



.xs-newsletter-form [type="submit"] {
    height: 100%;
    width: 224px;
    background-color: #041D57;
    border: 0;
    color: #FFFFFF;
    font-size: 14px;

    text-transform: uppercase;
    cursor: pointer;
font-size: 14px;

}




.top-left {
float:left;
}




.green-them {

color: #fff;
}


li.button.green {
    background-color: #e51d24;
    transition: all 0.5s ease 0s;
height: 38px;
}

li.button.mega-menu-item.custom-edit {
background: #21292c;
    transition: all 0.5s ease 0s; }


li.button.green:hover,
li.button.mega-menu-item.custom-edit:hover {
background:#dedede;

}


li.button.green:hover i
 {
color:#333
}


li.button:hover .mega-menu-link {
color:#333 !important;
}




.mega-menu-link {
    transition: all 0.5s ease 0s;
    color: #fff !important;
    padding: 6px 19px !important;

    font-size: 15px !important;
    display: block;
}



.counter-section {

padding: 40px 0;
text-align: center;
}





.xs-service-promo p {
    margin-bottom: 0; 

	
}



[class^="flaticon-"]::before, [class*=" flaticon-"]::before, [class^="flaticon-"]::after, [class*=" flaticon-"]::after {

font-size: 58px;
display: inline-block;
}


.color-orange img { 
width:60px;
}

.color-orange {
font-size: 0 !important;
 }


.or-color {
color: #D31249 !important;
}

/*
.or-color,
.xs-service-promo .color-red {
    font-size: 0 !important;
    margin: 0;
    display: inline-block !important;
    height: 60px;
    margin-bottom: 30px !important;
}

*/

.flat-ico {
height: 60px;
display: inline-block;
margin: 20px 0;
}


.section-content .sec-title {
text-align: right;
}

.section-content .sec-title h1 {
padding-bottom:7px;
position:relative;display: inline-block;
}


.section-content .sec-title h1:after {
position: absolute;
content: "";
display: block;
right: 0;
bottom: 0;
height: 1px;
background: #016db8;
width: 80px;

}


.section-content .sec-title .border {
float:right
}

.section-content .sec-title .border::before {
position: absolute;
top: 1px;
right: 0 !important;
width: 70px;
height: 1px;
background: #016db8;
content: ""; }


.section-content .sec-title .sec-title .border::after {
display:none,
content: "";
}



.video-content {
background-image: url("images/p9.png");
width: 100%;
padding: 30px 0;}



.box-it {
width: 100%;
background: #fff;
display: inline-block;
padding: 10px;
}

.image-it {
height: 250px;
width: 30%;
float: right;
margin-left: 20px;}

.image-it img {
height: 100% !important;
width: 100%;
}
.content-it {
width: 67%;

float: right;
text-align: right;
padding:  0 10px;
}

.end-cont p {
margin: 0;
height: 235px;
overflow: hidden;
}

.content-it a {
color: #016db8;
margin: 8px 0;
display: inline-block;
font-size: 15px;}




/* Donation form image */
.xs-donation-form-images {
    -webkit-box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2); }

.xs-feature-box-fulid {
    margin-top: -86px; }

.xs-feature-content,
.xs-feature-content-v2 {
    padding: 0 60px;
    text-align: center;
    padding-top: 120px;
    padding-bottom: 150px; }
.xs-feature-content h2,
.xs-feature-content-v2 h2 {
    font-size: 3.28571em;
    margin-bottom: 0; }
.xs-feature-content h2 span,
.xs-feature-content-v2 h2 span {
    color: #18bfc3; }

.xs-feature-content-v2 {
    padding-top: 0;
    padding-bottom: 0; }

.xs-feature-box-wraper {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    margin-left: 0;
    margin-right: 0; }

.xs-feature-box {
    -ms-flex-item-align: center;
    align-self: center;
    background-color: #18bfc3;
    min-height: 310px;
    padding: 80px 40px;
    text-align: center;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
.xs-feature-box.highlight {
    min-height: 450px;
    background-color: #12b8bc;
    padding: 80px 40px; }
.xs-feature-box.bg-purple {
    background-color: #9064bf; }
.xs-feature-box.bg-purple .btn, .xs-feature-box.bg-light-green .btn {
    -webkit-box-shadow: none;
    box-shadow: none; }
.xs-feature-box.bg-purple .btn {
    background-color: #6d3ba3; }
.xs-feature-box.bg-light-green .btn {
    background-color: #1ba074; }

.xs-feature-box-content h3 {
    margin-bottom: 30px;
    font-size: 2.14286em;
    line-height: 1.3; }

.xs-feature-box-content p {
    color: #FFFFFF;
    margin-bottom: 32px;
    font-size: 1.14286em; }

.xs-fature-causes-deatils {
    padding-left: 10px; }
.xs-fature-causes-deatils h3 {
    font-size: 3em;
    color: #041D57;
    font-weight: 700;
    margin-bottom: 25px;
    line-height: 1.3;
    }

.xs-service-promo {
    position: relative;
    z-index: 4; }
.xs-service-promo span {
color: #8D54A3;
    display: inline-block;
    margin-bottom: 30px;
    font-size: 4.28571em; 
transition: all ease-in-out 0.2s;}


.ceel-services:hover .xs-service-promo h5 {
color:#016db8;

}


.ceel-services:hover .xs-service-promo span {
color: #0153A5 !important;
}


.ceel-services {
transition: all ease-in-out 0.2s;
}


.xs-service-promo .color-orange {
    color: #F99B1D;; }
.xs-service-promo .olor-red {
    color: #8D54A3; }
.xs-service-promo .color-purple {
    color: #0153A5; }
.xs-service-promo .color-green {
color: #3aa220;
font-size: 42px;}
.xs-service-promo h5 a{
font-size: 15px;
font-weight: 700;
color: #041D57;
line-height: 1.4;
margin-bottom: 20px; }

.colorhover:hover{
color: #003E9C !important;
}



.xs-service-promo p {
    margin-bottom: 0; 

}


.xs-service-promo.box-color {
    padding: 40px 30px;
    -webkit-box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2); }
.xs-service-promo.box-color span,
.xs-service-promo.box-color h5,
.xs-service-promo.box-color p {
    color: #FFFFFF; }
.xs-service-promo.box-image {
    padding: 35px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover; }
.xs-service-promo.box-image span,
.xs-service-promo.box-image h5,
.xs-service-promo.box-image p {
    color: #FFFFFF; }
.xs-service-promo.box-image h5 {
    font-size: 1.85714em; }
.xs-service-promo.box-image .xs-black-overlay {
    z-index: -1;
    opacity: .9; }
.xs-service-promo.box-image .xs-black-overlay.bg-aqua {
    background-color: #18bfc3; }
.xs-service-promo.box-image .xs-black-overlay.bg-purple {
    background-color: #9064bf; }
.xs-service-promo.box-image .xs-black-overlay.bg-blue {
    background-color: #369ff4; }

.xs-what-we-do-box {
    margin-top: -150px;
    padding-bottom: 100px; }


.farme-vid,
.video-content .owl-carousel {
overflow: inherit;
position:relative;
border: 1px solid #fff;
transition: all ease-in-out 0.3s;
}


.video-content .owl-carousel img { width:100%;
}


.farme-vid:hover,
.video-content .owl-carousel:hover { 
border: 1px solid #016db8;
}









.farme-vid:hover:before,
.video-content .owl-carousel:hover:before,
.farme-vid:hover:after,
.video-content .owl-carousel:hover:after { 
right:20px;

opacity: 1;
}


.video-content ul.owl-carousel.owl-loaded {
padding: 10px;
background: #fff;
height:315px;
} 


.farme-vid:before,
.video-content .owl-carousel:before {
position: absolute;
content: "";
width: 80px;
height: 2px;
background: #016db8;
bottom: -1px;
right: 0;
opacity: 0;transition: all ease-in-out 0.3s;
}



.farme-vid:after,
.video-content .owl-carousel:after {
position: absolute;
content: "";
width: 80px;
height: 2px;
background: #016db8;
top: -1px;
right: 0;
opacity: 0;transition: all ease-in-out 0.3s;
}

.video-content .owl-carousel .owl-controls {
    display: block;
}


.video-content .owl-carousel .owl-item:hover {



}


.video-content .owl-carousel .owl-next {
width:30px;
height:30px;
border:1px solid #ccc;
display: inline;
position: absolute;
top: -70px;
font-size:0;
text-align:center;

}


.video-content .owl-carousel .owl-prev {
width:30px;
height:30px;
border:1px solid #ccc;
display: inline;
position: absolute;
top: -70px;
left:38px;
font-size:0;
text-align:center;
}



.video-content .owl-carousel .owl-next:hover,
.video-content .owl-carousel .owl-prev:hover {
border:1px solid #016db8;

}

.video-content .owl-carousel .owl-next:hover:after,
.video-content .owl-carousel .owl-prev:hover:after {
color:#016db8;

}




.video-content .owl-carousel .owl-prev:after {
content:"\f105";
position:absolute;
font-size: 24px;
color:#ccc;
font-family:"fontawesome";
left: 10px;
}





.video-content .owl-carousel .owl-next:after
 {
content:"\f104";
position:absolute;
font-size: 24px;
color:#ccc;
font-family:"fontawesome";
left: 10px;
}

.farme-vid {
padding: 10px;
background: #fff;
height:315px;
}

.farme-vid a { 
direction: rtl;
color: #016db8;
margin-top:15px;
font-size:16px;	
display: inline-block;
}



.date-it {
font-size: 17px;
text-align: right;
color: #fff;
background: #016db8;
width: auto;
display: inline;
padding: 2px 15px;
}


.date-it i {
margin-left: 10px;}
.date2 span {
width: 100%;
display: inline-block;
text-align: center;
}


/********************  progreess par  ************************************/

.arrow {
  border: 2em solid transparent;
  height: 0;
  margin: 50vh auto;
  width: 0;
}

.arrow.down {
  border-bottom: none;
  border-top-color: #e5e5e5;
}
.arrow.up {
    border-bottom-color: #e5e5e5;
    border-top: none;
}
/*** RADIAL PROGRESS ***/
/* Circumference = 2πr */
/* π = 3.1415926535898 */
/* r = 35 */

svg.radial-progress {
height: auto;
width: 55px !important;
transform: rotate(-90deg);
width: 100%;
position: absolute;
right: 10px;
bottom: 10px;
background:  #0153a5;
border-radius: 50%;
}

svg.radial-progress circle {
  fill: rgba(0,0,0,0);
  stroke: #f00;
  stroke-dashoffset: 219.91148575129; /* Circumference */
  stroke-width: 5;
}

svg.radial-progress circle.incomplete { opacity: 0.25; }

svg.radial-progress circle.complete { stroke-dasharray: 219.91148575129; /* Circumference */ }

svg.radial-progress text {
  fill: #fff;
	
  text-anchor: middle;
font-size: 20px;
}

/*** COLORS ***/
/* Primary */

svg.radial-progress:nth-of-type(6n+1) circle { stroke: #fff; }

/* Secondary */

svg.radial-progress:nth-of-type(6n+2) circle { stroke: #fff; }

/* Tertiary */

svg.radial-progress:nth-of-type(6n+3) circle { stroke: #fff; }

/* Quaternary */

svg.radial-progress:nth-of-type(6n+4) circle { stroke: #fff; }

/* Quinary */

svg.radial-progress:nth-of-type(6n+5) circle { stroke: #fff; }


.causes {
background:#F8F8F8 ;
position: relative;
}

.causes-details {
padding: 15px;
width: 100%;
background: linear-gradient( to bottom , #fbfbfb , #f1f1f1);
}

.causes .thumb {
position:relative;
overflow: hidden;
}


.causes .thumb:after {
    content: "";
    background-color: rgba(255, 255, 255, 0.2);
    position: absolute;
    width: 35%;
    height: 200%;
    left: -100%;
    top: -50%;
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    transition: all 0.5s linear;
    -moz-transform: rotate(40deg);
    -webkit-transform: rotate(40deg);
    -o-transform: rotate(40deg);
    -ms-transform: rotate(40deg);
    transform: rotate(40deg);
}



.causes:hover .thumb:after{
	left:150%;
}




.causes .thumb img {
width: 100%;
height: 285px;
transition: all ease-in-out 0.4s;
 }




.causes:hover .thumb img{ 
transform: scale(1.1);
}


.calu-box
{
margin-bottom:30px;
}

.theme-colored {
background: #1158aa;
padding: 3px 12px;
border: 1px solid #1158aa;
color: #fff !important;
}


.theme-colored:hover {
background:#fff;
color:#333 !important;
border: 1px solid transparent;
}



/**********************  counter boxx  *******************************/


.counter-boox {


height: auto;

background: #fff;
width:100%;
height:85px;
display: block;

/*

    -moz-background-image: linear-gradient( #dedede, #fff);
    -o-background-image: linear-gradient( #dedede, #fff);

    background-image: linear-gradient( #dedede, #fff);*/
}

.counter-boox .shiva
{

width: 16.6666666667%;
height: 80px;
float: right;
padding-right: 7px;
text-align: center;
border-top: 4px solid #fff;
padding-top: 7px;
position:relative


}


.counter-boox .shiva:after {
content: "";
position: absolute;
width: 1px;
height: 100%;
top: 2px;
right: 0;
background: #ddddddb3;
display: block;
}






.counter-boox .shiva:nth-child(1) {
border-top: 6px solid #D31249;


}

.counter-boox .shiva:nth-child(2) {
border-top: 6px solid #3aa220;



}
.counter-boox .shiva:nth-child(3){
border-top: 6px solid #0153A5;



}

.counter-boox .shiva:nth-child(4){
border-top: 6px solid #F99B1D;



}

.counter-boox .shiva:nth-child(5) {
border-top: 6px solid #8D54A3;



}


.counter-boox .shiva:nth-child(6) {
border-top: 6px solid #016db8;



}





.counter-boox .count
{
  line-height:48px;
  color:#333;
  font-size:21px;
width: 100%;
display: inline-block;
}
.counter-boox #talkbubble {
   width: 120px;
   height: 80px;
   background: red;
   position: relative;
   -moz-border-radius:    10px;
   -webkit-border-radius: 10px;
   border-radius:         10px;
  float:left;
  margin:20px;
}
.counter-boox #talkbubble:before {
   content:"";
   position: absolute;
   right: 100%;
   top: 26px;
   width: 0;
   height: 0;
   border-top: 13px solid transparent;
   border-right: 26px solid red;
   border-bottom: 13px solid transparent;
}

.counter-boox .linker
{
  font-size : 20px;
  font-color: black;
}


.cel-left {
width: 75%;
display: inline-block;
}

.cel-right {
display: inline-block;
float: right;
width: 25%;
height: 100px;
line-height: 100px;
text-align: center;

}

.achievment-icon {
font-size: 50px;
float: right;
margin-right: 35px;}


.achievment-title h3 {
display: inline;
margin-right:15px;
}




.counter-sec {
padding:10px;
background:#fff;
width:100%;
position:relative;
z-index: 999;
margin: 0 auto;
margin-top: -25px;
box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.1);

height: auto;
background-image: linear-gradient( #dedede, #fff);
}


/*

.thumb:after { 
content:" ";
display:block;
width:100%;
height:100%;
position:absolute;
cursor:pointer;
top:0;
right:0;
transition:all ease 0.5s;
}

*/

.left-ss {
float:left;
}

.right-ss {
float:right;
}

.text-theme-colored {
margin: 0;
}


.donate-sec {
padding:40px 0;
background:url(../images/arch_5.jpg);

position: relative;
}


.donate-sec .container {
z-index:2;position: relative;
}


.donate-sec:after {
content: "";
position: absolute;
width: 100%;
height: 100%;
top: 0;
right: 0;
background: #efefef7a;
display: block;
z-index:1;
}


.container.pb-sm-10 {
position: relative;
z-index:2;
}



.list-inline > li a {
color: #222222;font-family: "head";font-size: 14px;
}

.causes-details h3 {
display: block;
}

.causes-details h3 a {
width: 100%;
margin-bottom: 0;
color: #000;
text-align: right;
font-size: 14px;
}

.pagesection .owl-carousel .owl-controls {
display:none !important;	
}


.donate-out {
position:fixed;
top:30%;
right:0;

}



.head-mob-men {
display:none;
width: 100%;
height: 60px;}


.head-mob-men li {


}





.page-info{
	position:relative;
	color:#016db8;
	z-index: 9;
	border-top:1px solid #eeeeee;
	box-shadow: 0 0 20px 2px rgba(0, 0, 0, 0.06);
}

.page-info h2{
	font-size:16px;
	color:#016db8;
	line-height:24px;
font-weight: lighter !important;
}

.page-info .bread-crumb{
position: relative;
font-size: 18px;
padding: 16px 0px 15px;
}

.page-info .bread-crumb li{
	position:relative;
	display:inline-block;
	font-size:16px;
	margin-left:24px;
	color:#016db8;
font-weight: lighter !important;
	line-height:24px;
	text-transform:capitalize;
direction: ltr;
}

.page-info .bread-crumb li:last-child{
	margin-right:0px;
}

.page-info .bread-crumb li:after{
	content:'\f0da';
	font-family: 'FontAwesome';
	position:absolute;
	left:-21px;
	width:10px;
	line-height:24px;
	font-size:16px;
	color:#222222;
}

.page-info .bread-crumb li:last-child:after{
	display:none;	
}

.page-info .bread-crumb li a{
	color:#1a1a1a;
	transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
	-ms-transition:all 0.3s ease-in-out;
	-o-transition:all 0.3s ease-in-out;
}

.page-info .bread-crumb li a:hover{
	color:#lighter;	
}
.auto-container2{
position: relative;
width: 100%;
padding: 0px;
background: none repeat scroll 0% 0% #F5F5F5;
min-height: 60px;
}


.texxt{
text-align: right;
direction: ltr;
font-size: 15px;
min-height: 100px;
padding: 25px;
color: #595959;
line-height: 27px;
direction: rtl;
}

.texxt li {
    list-style: outside none circle;
    margin-right: 11px;direction: rtl;
}



.blockproduct{
width: 23%;
margin-left: 1%;
margin-right: 1%;
border: 1px solid #EEE;
height: 302px;
margin-top: 15px;
padding: 0 !important;
}

.smollblockproduct{
width: 22%;
margin-left: 1%;
margin-right: 1%;
border: 1px solid #EEE;
height: 415px;
margin-top: 15px;
padding: 0 !important;
}


.services-block-two{
    transition: all ease-in-out 0.9s;
    cursor: pointer; 
	position:relative;
	margin-bottom:30px;
}

.services-block-two .inner-box{
    overflow: hidden;
	position:relative;
}




.services-block-two .inner-box .image{
    overflow: hidden;
	position:relative;
}

#serviceslink{
color: #000 !important;
font-size: 14px;
transition: all 0.9s ease 0s;
}

#serviceslink:hover{
color: #016db8 !important;
transition: all 0.9s ease 0s;
}

#newslinkk{
color: #fff !important;
transition: all 0.9s ease 0s;
}

.bakkklink::before {
    position: absolute;
    content: "";
right: 0px;
bottom: 2px;
    width: 60px;
    height: 1px;
    background-color: #016db8;
}

#serviceimg{
height: 187px !important;
width: 100%;
width: 100%;

margin: auto;
margin-top: 0px;
-webkit-transform: scale(1.0);
	-moz-transform: scale(1.0);
	-o-transform: scale(1.0);
	transform: scale(1.0);
transition: all 0.9s ease 0s;
}
#serviceimg:hover{
-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2);
transition: all 0.9s ease 0s;
}

.text{
font-size: 13px;
font-weight: lighter;
}

.bakkklink{
position: relative;
min-height: 28px;
}

.clear{
display: block;
clear: both;
}



.proimmmg{
width: 200px;
-webkit-border-radius: 2% !important;
-moz-border-radius: 2% !important;
border-radius: 2% !important;
o-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;height: 200px !important;
}

.progalley{
width: 200px; float: right; margin-bottom: 15px; height: 200px; margin-left: 25px;
position: relative;
}

.nprogalley{
float: right; margin-bottom: 15px; height: 225px; 
position: relative;
}

.textphoto{
color: #fff;
font-size: 15px;
position: absolute;
z-index: 5;
o-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
text-align: center;
opacity: 0;
overflow: hidden;
display: grid;

align-items: center;

background: #000c;

right: 0;

bottom: 0;

left: 0;

top: 0;
}
.progalley:hover > .example-image-link .textphoto{
opacity: 1;
o-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}

.nprogalley:hover > .example-image-link .textphoto{
opacity: 1;
height: 225px;
o-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
/* Safari */
-webkit-transform: rotate(0deg);

/* Firefox */
-moz-transform: rotate(0deg);

/* IE */
-ms-transform: rotate(0deg);

/* Opera */
-o-transform: rotate(0deg);

/* Internet Explorer */
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}
.progalley:hover > .example-image-link .proimmmg{
-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2);
transition: all 0.3s ease-out;
}

.nprogalley:hover > .example-image-link .proimmmg{
-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2);
transition: all 0.3s ease-out;
}
.shadow{
width: 100%;
height: 200px;
background: #000;
position: absolute;
top: 0;
right: 0px;

opacity: 0;
background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.47);
o-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.progalley:hover > .example-image-link .shadow{
opacity: 1;
o-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.nprogalley:hover > .example-image-link .shadow{
opacity: 1;
o-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.default-form input[type="text"], .default-form input[type="email"], .default-form input[type="password"], .default-form select, .default-form textarea {
    display: block;
    width: 100%;
    height: 40px;
    font-size: 14px;
    color: #4E4E4E;
    line-height: 26px;
    padding: 12px 15px;
    font-weight: 400;
    background: none repeat scroll 0% 0% #FFF;
    border: 1px solid #ECECEC;
    transition: all 500ms ease-in-out 0s;
}

.default-form input:hover{
    border: 1px solid #0EACE0;
    transition: all 500ms ease-in-out 0s;
}

.default-form textarea:hover{
    border: 1px solid #0EACE0;
    transition: all 500ms ease-in-out 0s;
}


.btn-style-one {
    position: relative;
    padding: 13px 48px;
    line-height: 24px;
    color: #FFF;
    font-size: 16px;
    font-weight: 500;
    background-color: #016db8;
    border: 2px solid #016db8;
    text-transform: capitalize;
}



.btn-style-one:hover{
	color:#016db8;
	background:none;
}





/*===================================================================================*/
/*	SOCIAL ICONS header
/*===================================================================================*/

.social-links {

    margin: 0;
}
.social-links li {
    font-family: 'fontello-social';
}
.social-links li {
    position: relative; display:inline-table
}
.text-center .social-links li {
    margin: 0 2px;
}
.social-links li a {
    display: table;
	position: relative;
text-decoration: none;
}
.social-links li a i {
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    color: #000;
    width: 30px;
    height: 35px;
    font-size: 12px;
    -webkit-transition: all 200ms ease-out;
       -moz-transition: all 200ms ease-out;
         -o-transition: all 200ms ease-out;
            transition: all 200ms ease-out;
text-decoration:none;
}
.social-links li a i:after {
	content: '';
	z-index: -1;
	position: absolute;
	width: 100%;
	height: 2px;
	top: 0;
	left: 0;
    -webkit-transition: all 200ms ease-out;
       -moz-transition: all 200ms ease-out;
         -o-transition: all 200ms ease-out;
            transition: all 200ms ease-out;
}
.social-links li:hover i {
	color: #fff !important;

}
.social-links li a:hover i:after {
	height: 100%;
}
.social-links a .fa-facebook:after {
    background: #3B5998;
    background: #4668B3;
}
.social-links a .fa-instagram:after {
    background: #DD4B39;
    background: #DE5745;
}
.social-links a .fa-twitter:after {
    background: #00ACED;
    background: #2FBBED;
}
.social-links a .fa-youtube:after {
    background: #CB2027;
    background: #D94348;
}
.social-links a .fa-behance:after {
    background: #1769FF;
    background: #3079FF;
}
.social-links a .fa-dribbble:after {
    background: #EA4C89;
    background: #EB6397;
}
.social-links a .fa-linkedin:after {
    background: #1769FF;
    background: #1075af;
}


#caption-3,
#caption-2,
#caption-1 {
margin: 0 auto;
display: block;
width: 100%;
top:33%;
}



.cap-text {
font-size: 30px;
width: 80%;
text-align: center;
margin: 0 auto;
color:#fff;
text-transform: uppercase;
font-weight:bold;

}

.cap-text span {

display: inline-block;
color: #FFF !important;
background: #a43300;
    background-color: #a43300;
padding: 11px 20px 13px;
margin: 15px 0;
font-family: 'Source Sans Pro', sans-serif;
font-weight: 700;
font-size: 14px;
letter-spacing: 0.02em;
text-shadow: none;
-webkit-font-smoothing: antialiased;
border: none;
text-transform: uppercase;
-webkit-transition: all 200ms ease-out;
-o-transition: all 200ms ease-out;
-moz-transition: all 200ms ease-out;
-webkit-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: inset 0 -2px 0 rgba(0,0,0,0.15);
-moz-box-shadow: inset 0 -2px 0 rgba(0,0,0,0.15);
box-shadow: inset 0 -2px 0 rgba(0,0,0,0.15);
cursor:pointer;
}

.cap-text span:hover {
background: #b71c1c;
}




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

/*banner_buttom_tree_but*/
.bg-color {

	background: #714da0;
	background: -moz-linear-gradient(left, #714da0 0%, #4269f7 100%);
	background: -webkit-linear-gradient(left, #714da0 0%,#4269f7 100%);
	background: linear-gradient(to right, #714da0 0%,#4269f7 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#714da0', endColorstr='#4269f7',GradientType=1 );
}
.top-ser-icon {
	background: #f1f1f136;
	float: right;
	width: 100%;
	padding: 20px;
	transition: 0.3s;
	box-shadow: 0px 12px 19px 4px rgba(0, 0, 0, 0.08);
	position: relative;
	top: 0px;
margin-bottom: 30px;
direction: rtl;
}
.top-ser-icon:hover, .top-ser-icon.active {
	box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.08);
	top: 1px;
}

.top-ser-icon .icon-fl {
	float: right;
	width: 65px;
	height: 65px;
}
.top-ser-icon .icon-fl i {
	font-size: 40px;
	line-height: 40px;
	color:#7f98ad;
}

.top-ser-icon .fr-text {
	float: right;
	width: calc(100% - 65px);
	padding-right: 15px;
}
.top-ser-icon .fr-text p {
color: #7f98ad;
margin: 0;

margin-top: 10px;
max-height: 75px;
overflow: hidden;
}
.top-ser-icon .fr-text span {
	color:#016db8;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 21px;
	font-size: 16px;
	text-indent: 0;
	text-align: right;
}
@media (min-width: 768px) and (max-width: 991px) {
	.top-ser-icon .fr-text {
		padding-right: 0px;
	}
}


.gray-bg {
background: rgb(231,231,231);
background: linear-gradient(180deg, rgb(247, 247, 247) 0%, rgb(255, 255, 255) 100%);
padding: 20px 0;
}





#jssor_1 {
position: relative;
}



#jssor_1:after {
bottom: -65px;
left:0;
position: absolute;
content:"";
width:100%;
height:130px;
background:url(../images/shadow.svg);
}

.clrrr{
clear: both;
display: block;
}
.innercontactright{
width: 96%;
height: auto;
margin: 2%;
background: #fff;
min-height: auto;box-shadow: 0px 0px 10px 0px #D7D7D7; padding-bottom: 15px;
}

.contactform input {
    padding: 8px 5px;
    margin: 5px 0px;
    border: 1px solid #DEDEDE;
    width: 100%;
    background: none repeat scroll 0% 0% transparent;
margin-right: 2%;
margin-top: 10px;
font-size: 14px;
color: #4B4B4B;
float: right;
}


.boxxtext{
margin: 0px !important;
    margin-top: 0px;
    margin-left-value: 0px;
    margin-bottom: 0px;
    margin-left-value: 0px;
    margin-left-rtl-source: physical;
    margin-left-rtl-source: physical;
    margin-left-rtl-source: physical;
    margin-left-rtl-source: physical;
padding: 0px;
border: 1px solid #D2CFCF;
height: 35px;
padding-top: 0px;
padding-right: 2% !important;
cursor: pointer;
height: 44px;
margin-bottom: 10px !important;
}

.downloadicon{
height: 42px;
padding: 0px;
width: 240px;
background: #C4501C;
text-align: center;
font-size: 16px;
font-weight: bold;
margin: auto;
margin-bottom: 16px;
font-family: arial;
transition: all 500ms ease;
color: #fff !important;
}

.downloadicon:hover{
height: 42px;
padding: 0px;
font-family: arial;
width: 240px;
background: #187DB4 !important;
text-align: center;
font-size: 16px;
font-weight: bold;
margin: auto;
margin-bottom: 16px;
color: #fff !important;
transition: all 500ms ease;
}



.ir-news,
.go-home .calu-box {

width:100%;
}







.owl-carousel .owl-next {
width:30px;
height:30px;
border:1px solid #ccc;
display: inline;
position: absolute;
top: -45px;
font-size:0;
text-align:center;

}


.owl-carousel .owl-prev {
width:30px;
height:30px;
border:1px solid #ccc;
display: inline;
position: absolute;
top: -45px;
left:35px;
font-size:0;
text-align:center;
}



.owl-carousel .owl-next:hover,
.owl-carousel .owl-prev:hover {
border:1px solid #016db8;

}

.owl-carousel .owl-next:hover:after,
.owl-carousel .owl-prev:hover:after {
color:#016db8;

}




.owl-carousel .owl-prev:after {
content:"\f105";
position:absolute;
font-size: 18px;
color:#ccc;
font-family:"fontawesome";
left: 10px;
}





.owl-carousel .owl-next:after
 {
content:"\f104";
position:absolute;
font-size: 18px;
color:#ccc;
font-family:"fontawesome";
left: 10px;
}





@-webkit-keyframes hvr-buzz {
  50% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }

  100% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
}

@keyframes hvr-buzz {
  50% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }

  100% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
}

.hvr-buzz {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
}
.hvr-buzz:hover, .hvr-buzz:focus, .hvr-buzz:active {
  -webkit-animation-name: hvr-buzz;
  animation-name: hvr-buzz;
  -webkit-animation-duration: 0.15s;
  animation-duration: 0.15s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
@-webkit-keyframes hvr-buzz {
  50% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }

  100% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
}

@keyframes hvr-buzz {
  50% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }

  100% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
}

.hvr-buzz {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
}
.hvr-buzz:hover, .hvr-buzz:focus, .hvr-buzz:active {
  -webkit-animation-name: hvr-buzz;
  animation-name: hvr-buzz;
  -webkit-animation-duration: 0.15s;
  animation-duration: 0.15s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.downloadfile {
	color: #016db8;
	font-size: 100%;
	font-weight: lighter;
	text-align: center;
	width: 200px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 5px;
	background: #E9E9E9;
	margin-left: 0px;
line-height: 25px;
margin-top: 15px;
}
.downloadfile:hover {
	background: #016db8;
	color: #fff;
	transition: all 0.9s ease 0s;
}

.search-box.now-visible{
    top:100%;
    opacity:1;
    visibility:visible;	
}
.search-box .form-group{
    position:relative;
    padding:0px;
    margin:0px;
    width:100%;
    min-width:250px;
}
.search-box .form-group input[type="search"] {
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid rgb(203, 203, 203);
    color: #000;
    display: block;
    font-size: 13px;
    line-height: 24px;
    position: relative;
    transition: all 500ms ease 0s;
    width: 100%;
    height: 40px;
    padding-right: 15px;
    padding-left: 50px;
}
.search-box .form-group input[type="search"]:focus{
    border-color:#394141;	
}
.search-box .form-group button, 
.search-box .form-group input[type="submit"] {
    background: #5F5F5F;
    color: #fff;
    cursor: pointer;
    display: block;
    font-size: 13px;
    height: 40px;
    line-height: 40px;
    position: absolute;
    left: 0;
    top: 0;
    width: 40px;
    transition: all 500ms ease 0s;
}
.search-box .form-group button:hover,
.search-box .form-group input:focus + button{
    color:#fff;
    background: #394141;
}



























.careplus-gallery-full:before,
.careplus-gallery-full:after { 
display:none
}





.careplus-gallery-full {

padding: 50px 0;
position: relative;
background: #870000;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #190A05, #870000);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #190A05, #870000); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

}

.careplus-gallery-full .under-sec small:after,
.careplus-gallery-full .under-sec small:before,
.careplus-gallery-full .under-sec:after,
.careplus-gallery-full .under-sec:before { background-color: #fff;}


.careplus-gallery-full .sec-title h1 a {
color:#fff
}


.careplus-gallery-full:after { 
position: absolute;
content: "";
background: url(../images/shadow.svg);
width: 100%;
height: 130px;
left: 0;
bottom: -30px;
z-index: 0;
}



.careplus-gallery-full:before { 
position: absolute;
content: "";
background: url(../images/shadow2.png);
width: 100%;
height: 130px;
left: 0;
top: -30px;
z-index: 0;
}



.careplus-gallery-full ul li {
    list-style: none;
    margin-bottom: 10px;
    transition: all 0.5s ease 0s;
}


.careplus-gallery-full ul li figure  {transition: all 0.5s ease 0s; margin-bottom: 0px; overflow: hidden;}
.careplus-gallery-full figure figcaption {
    left: 0;
    position: absolute;
    top: 50%;
    text-align: center;
    width: 100%;
    z-index: 2;
    margin: -52px 0px 0px 0px;
    padding: 0px 30px;
    transition: all 0.5s ease 0s;
}
.careplus-gallery-full a {background: #000;display: block; position: relative;   transition: all 0.5s ease 0s; }
.careplus-gallery-full a:before {
    content: '';
    position: absolute;
    left: 11px;
    top: 11px;
    width: 92%;
    height: 91%;
    opacity: 0;
background-color: rgba(0,0,0,.4);
    transition: all 0.5s ease 0s;
}

.careplus-gallery-full ul li:hover a:before { opacity: 1; }


.careplus-gallery-full figure:before {
    content: '';
    position: absolute;
    left: 23px;
    top: 23px;
    width: 0%;
    height: 1px;
    z-index: 1;
    transition: all 0.5s ease 0s;
background: #fff;
    opacity: 0;
}
.careplus-gallery-full figure:after {
    content: '';
    position: absolute;
    left: 23px;
    top: 23px;
    width: 1px;
    height: 0%;
    opacity: 0;
    transition: all 0.5s ease 0s;
background: #fff;
}
.careplus-gallery-full figure span {
    position: absolute;
    right: 0px;
    bottom: 0px;
    width: 100%;
    height: 100%;
    transition: all 0.5s ease 0s;
}
.careplus-gallery-full figure span:before {
    content: '';
    position: absolute;
    right: 23px;
    bottom: 23px;
    width: 0%;
    height: 1px;
    z-index: 1;
    opacity: 0;
    transition: all 0.5s ease 0s;
background: #fff;
}
.careplus-gallery-full ul li:hover figure:before,.careplus-gallery-full ul li:hover figure span:before { opacity: 1; width: 87%;}
.careplus-gallery-full figure span:after {
    content: '';
    position: absolute;
    right: 23px;
    bottom: 23px;
    width: 1px;
    height: 0%;
    z-index: 1;
    opacity: 0;
    transition: all 0.5s ease 0s;
background: #fff;
}
.careplus-gallery-full ul li:hover figure span:after,.careplus-gallery-full ul li:hover figure:after { opacity: 1; height: 87%;}
.careplus-gallery-full figure figcaption > a {
    display: inline-block;
    font-size: 22px;
    width: 45px;
    height: 45px;
    border: 1px solid;
    text-align: center;
    padding: 10px 0px 0px;
    margin: 0px 0px 23px;
    opacity: 0;
    transition: all 0.5s ease 0s;
color: #016db8;
}

.careplus-gallery-full figure > a {

float: left;
width: 100%;
height: 100%;
}


.careplus-gallery-full figure > a img {
width: 100%;
height: 100%;
}


.careplus-gallery-full figure figcaption > a {
    -webkit-transform: translateY(-97px);
    -moz-transform: translateY(-97px);
    -ms-transform: translateY(-97px);
    -o-transform: translateY(-97px);
    transform: translateY(-97px);
}

.careplus-gallery-full ul li:hover figure figcaption > a,
.careplus-gallery-full ul li:hover figure figcaption > h6 { 
 opacity: 1;
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-ms-transform: translateY(0px);
-o-transform: translateY(0px);
transform: translateY(0px); 
-webkit-transition: all 0.7s ease-in-out;
-moz-transition: all 0.7s ease-in-out;
-ms-transition: all 0.7s ease-in-out;
-o-transition: all 0.7s ease-in-out;
transition: all 0.7s ease-in-out;}


.careplus-gallery-full figure figcaption > h6 {
    color: #ffffff;
    font-size: 16px;
    margin: 0px;
    opacity: 0;
    transition: all 0.5s ease 0s;
-webkit-transform: translateY(82px);
-moz-transform: translateY(82px);
-ms-transform: translateY(82px);
-o-transform: translateY(82px);
transform: translateY(82px);
}

/*
.careplus-gallery-full .element-item:nth-child(1) {

height: 410px;
}
*/


/*
.careplus-gallery-full .element-item:nth-child(3),
.careplus-gallery-full .element-item:nth-child(2) {
height: 200px;
margin-bottom:10px;
 }


.careplus-gallery-full .element-item:nth-child(4),
.careplus-gallery-full .element-item:nth-child(5) {
height: 200px;

 }

.careplus-gallery-full .element-item:nth-child(8),
.careplus-gallery-full .element-item:nth-child(6),
.careplus-gallery-full .element-item:nth-child(7) {
height: 300px;

 }

*/


.careplus-gallery-full ul li.col-md-3,
.careplus-gallery-full ul li.col-md-6 {
padding:0 5px;
}

.careplus-gallery-full figure figcaption > a:before {
    content: "\f00e";
font: normal normal normal 14px/1 FontAwesome;
    font-size: 14px;
}


.page-banner {
max-height: 300px;
overflow: hidden;
}



.conta-page .quote-column {

}

.more-btn {
color: #000;
}

.cont-details {
text-align: center;
}







/****************** New animation for contacts fixed icons *************/


.all-ioc {
position: fixed;
z-index: 9;
left: -7px;
bottom: -20px;
width: 60px;
height: 60px;
display: block;
}

.show-icons {
position: absolute;
bottom: 45px;
left: 30px;
width: 60px;
height: 60px;
color: #ffffff;
font-size: 33px;
text-transform: uppercase;
line-height: 60px;
text-align: center;
z-index: 999;
cursor: pointer;
border-radius: 3px;
-webkit-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
border-radius: 50%;/*
background: -webkit-linear-gradient(#0e2f35, #063f4a, #0e2f35);*/
background: #f42222;



	
}


.show-icons .ico-img {
display: block;
width: 100% !important;
height: 100% !important;
z-index: 6;
background-size: 80%;
background-image: url("../images/button.png");
background-repeat: no-repeat;
background-position: 50%;
background-color: #f42222;
border-radius: 50%;
}

.show-icons:hover {
	color:#0e2f35;
background: -webkit-linear-gradient(#fbfbfb, #fff);

}


.sonar-wave {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  border-radius: 9999px;
  background-color: #41414199;
  opacity: 0;
  z-index: -1;
  pointer-events: none;
}


.sonar-wave {
  animation: amo-button-wave infinite 2.6s 0s linear;

}


@keyframes amo-button-wave {
  0% {
      transform: scale(1, 1);
      opacity: 0.45
  }
  40% {
      opacity: 0.45
  }
  100% {
      transform: scale(1.35, 1.35);
      opacity: 0
  }
}








.sonar-wave2 {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  border-radius: 9999px;
  background-color: #41414199;
  opacity: 0;
  z-index: -1;
  pointer-events: none;
}



.sonar-wave2 {
  animation: amo-button-wave2 infinite 2.6s 0s linear;
}




.sonar-wave2 {
animation-delay: 0.8s;
}




@keyframes amo-button-wave2 {
  0% {
      transform: scale(1, 1);
      opacity: 0.45
  }
  40% {
      opacity: 0.45
  }
  100% {
      transform: scale(1.35, 1.35);
      opacity: 0
  }
}





.whats-icon{
position: absolute;
bottom: 50px;
left: 34px;
width: 50px;
height: 50px;
color: #ffffff;
font-size: 25px;
text-transform: uppercase;
line-height: 50px;
text-align: center;
z-index: 99;
cursor: pointer;
border-radius: 3px;
background: #4dc247;
-webkit-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
border-radius: 50%;opacity: 0;	
}


.whats-icon a { 
color: #fff;
}


.whats-icon:hover a {
	color:#4dc247;

}


.whats-icon:hover{
	color:#4dc247;
	background:#333;
}






.phone-icon{
position: absolute;
bottom: 50px;
left: 34px;
width: 50px;
height: 50px;
color: #ffffff;
font-size: 25px;
text-transform: uppercase;
line-height: 50px;
text-align: center;
z-index: 99;
cursor: pointer;
border-radius: 3px;
background: #123377;
-webkit-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
border-radius: 50%;opacity: 0;	
}


.phone-icon a { 
color: #fff;
}


.phone-icon:hover a {
	color:#006AFF;

}


.phone-icon:hover{
	color:#006AFF;
	background:#fff;
}
















.messenger-icon{
position: absolute;
bottom: 50px;
left: 34px;
width: 50px;
height: 50px;
color: #ffffff;
font-size: 25px;
text-transform: uppercase;
line-height: 50px;
text-align: center;
z-index: 99;
cursor: pointer;
border-radius: 3px;
background: #006AFF;
-webkit-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
border-radius: 50%;opacity: 0;	
}


.messenger-icon a { 
color: #fff;
}


.messenger-icon:hover a {
	color:#006AFF;

}


.messenger-icon:hover{
	color:#006AFF;
	background:#fff;
}



.all-ioc.active .phone-icon {
left: 210px;opacity: 1;
}


.all-ioc.active .whats-icon {
left: 100px;opacity: 1;
}

.all-ioc.active .messenger-icon {
left: 155px;opacity: 1;
}
/********* New animation for contacts fixed icons **********/



.fa {
line-height: inherit;}




.social-list {
margin: 25px 0;
list-style: none;
display: inline-block;}

.social-list li {
line-height: normal;
float: right;
list-style: none;
margin-left: 10px;
margin-right: 0;
display: ltr;width: 40px;

height: 40px;

line-height: 40px;

text-align: center;

background: #e6150e;

color: #fff;

border-radius: 50%;
} 

.social-list li a { 
color: #fff;
}





/* Top Left*/

.top-left {
    position: relative;
}

.top-left .info {
    position: relative;
    float: right;
}

.top-left .info li {
    position: relative;
    float: left;
    font-size: 14px;
    line-height: 24px;
    color: #111;
    font-weight: 400;
    padding: 0px 0px;
    margin-left: 39px;
}

.top-left .info li:before {
    content: '';
    position: absolute;
    top: 2px;
    left: -20px;
    height: 20px;
    border-left: 1px solid rgba(255, 255, 255, 0.30);
}

.top-left .info li:first-child:before {
    display: none;
}

.top-left .info li a {
    position: relative;
    display: inline-block;
    color: #111;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.top-left .info li a .icon {
    position: relative;
    padding-right: 5px;
}

.top-left .info .search-btn {
    position: relative;
}

.top-left .info .search-toggler {
    position: relative;
    padding: 0;
    background: none;
    margin: 0;
    line-height: 24px;
    color: #111;
    font-size: 14px;
    cursor: pointer;
}

.top-left .top-right {
    float: right;
    background: linear-gradient( to bottom, #fbfbfb, #f1f1f1);
    border-left: 1px solid #ebebeb;
    background: linear-gradient( to bottom, #fbfbfb, #f1f1f1);
    border-right: 1px solid #ebebeb;
    line-height: 40px;
}

.header-top .top-right .select-box a i {
    position: absolute;
    right: 5px;
}

.header-top .top-right .select-box a {
    color: #111;
    display: block;
    padding: 0 25px 0 10px;
    position: relative;
}

.top-left .social-links {
    position: relative;
    margin-bottom: 0;
}

.top-left .social-links li {
    position: relative;
    float: left;
    color: #111;
    line-height: 24px;
    width: 40px;
    text-align: center;
    height: 40px;
    overflow: hidden;
}

.top-left .social-links li a > div {
    width: 40px;
    height: 40px;
    position: relative;
    line-height: 40px;
    transition: all ease-in-out 0.4s;
    top: 0;


}

.top-left .social-links li:hover a > div {
    top: -40px;
}

.main-ico {
    border-left: 1px solid #fff3;
}

.top-left .social-links li:last-child .main-ico {
    border-right: 1px solid #fff3;
}

.hover-ico span {
    display: block;
    line-height: 40px;
    color: #fff;
}

.hover-ico .facebook {
    background: #3b5998
}

.hover-ico .twitter {
    background: #55acee
}

.hover-ico .youtube {
    background: #ff0000
}

.hover-ico .linkedin {
    background: #007bb5
}

.hover-ico .instagram {
    background: #e95950
}

.top-left .social-links li a {
    position: relative;
    display: block;
    color: #fff;
    font-size: 13px;
    line-height: 24px;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}






.pord-page {
padding: 40px 0 0;
}




.gal-prod {
padding: 40px 0;
background: #f8f8f8;
}

.gal-prod .example-image-link {
display: block;
position: relative;
overflow: hidden;
}


.sed-img img {
    transition: all 300ms ease;
}

.sed-img:hover img {
opacity:0.6;
transform: scale(1.1);
}


.main-menu .logo {
    display: none;
}




.mobile-menu {
    display: none;
    width: 100%;
    margin-top: 25px;
}



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




.donate-box > div {
float: left;
margin-right: 30px;
position: relative;
}

.hot-call {
padding-right:58px;
}

.hot-call i {
font-size: 24px;

color: #ffffff;

background: #ca373c;

width: 46px;

height: 46px;
line-height: 45px;

text-align: center;

margin-left: 5px;

border-radius: 0 25px 25px 25px;

display: inline-block;

position: absolute;

right: 0;top: 5px;
}



.hot-call > span {
    display: block;color: #000;
}
.ptext {
    margin: 0;
    line-height: 24px;
    font-size: 15px;
}

.hot-call .itext {
    font-size: 24px;
    line-height: 28px;
}
.hot-call > span {
    display: block;
}




.social-links ul {
text-align: center;
display: inline-block;
}


.mobile-menu .social-links{
	position:relative;
	text-align:center;
	padding:30px 25px;
}

.mobile-menu .social-links li{
	position:relative;
	display:inline-block;
	margin:0px 2px 0;border: 0;
width: auto;
}

.mobile-menu .social-links li a{
	position:relative;
	line-height:32px;
	font-size:16px;
	color:#000;padding: 0;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;	
}


.donate-box {
float: none;
margin: 15px auto;
display: inline-block;
text-align: center;
width: 100%;
}

.main-menu .logo { 
display: none;
}

.mobile-menu {
display: none;

width: 100%;

margin-top: 25px;
}


.donate-box > div {
    float: left;
    margin-right: 30px;
    position: relative;
}


.indis img {
height: 220px;
}