/*** 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: "GE_SS_Two_Medium";
	src: url("GE_SS_Two_Medium.woff");
}

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







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

body {
font-family: "GE_SS_Two_Light";
    font-size: 13px;
    color: #666;

line-height: 26px;
background-color: #E9EEF5;
text-align: right;
font-size: 15px;

font-weight: lighter;
}
button:focus{
    outline: none;
}


h1, h2, h3, h4, h5, h6 {
font-family: "GE_SS_Two_Medium";
    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;
    color: #fff;
	font-family: "GE_SS_Two_Medium";

}





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;
font-family: "GE_SS_Two_Medium";
    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 {
    margin-top: -5px;
    padding-bottom: 20px;
    position: relative;

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


.sec-title h1 {

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



.sec-title h1:after {
position: absolute;
content: "";
display: block;
right: 0;
bottom: -1px;
height: 1px;
background: #197ce6;
width: 100%;
}






.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;

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;
    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.stricky-fixed .logo-fixed {
display:block;

}

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

 }


.logo-main {
width: 300px;
}



.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: #197ce6;  
}
*/



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:#197ce6;
    border: 1px solid #D1CECE;
    bottom: 63px;
    color: #ffffff;
    cursor: pointer;
    display: none;
    font-size: 30px;
    font-weight: normal;
    height: 45px;
    line-height: 48px;
    position: fixed;
   left: 15px;
    text-align: center;
    transition: all 500ms ease 0s;
    width: 50px;
    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);
padding-top: 7px;
}
.scroll-to-top:hover {
    background: #111111;
    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;
font-family: "GE_SS_Two_Medium";
    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:#197ce680;
    -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;
font-family: "GE_SS_Two_Medium";
    overflow: hidden;
	direction:rtl;
/*
background:#609BD3
    background: #0153A5;
    background: -moz-linear-gradient(left,#609BD3 0%,#609BD3 85%,#0153A5 85%,#0153A5 100%);
    background: -webkit-gradient(linear,left top,right top,color-stop(0%,#609BD3),color-stop(85%,#609BD3),color-stop(85%,#0153A5),color-stop(100%,#0153A5));
    background: -webkit-linear-gradient(left,#609BD3 0%,#609BD3 85%,#0153A5 85%,#0153A5 100%);
    background: -o-linear-gradient(left,#609BD3 0%,#609BD3 85%,#0153A5 85%,#0153A5 100%);
    background: -ms-linear-gradient(left,#609BD3 0%,#609BD3 85%,#0153A5 85%,#0153A5 100%);

    background: linear-gradient(to right,#609bd3 0%,#609bd3 85%,#377bbf 85%,#377bbf 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#609BD3',endColorstr='#0153A5',GradientType=1);

*/

background: #353535;



}

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;

font-family: "GE_SS_Two_Medium";
line-height: 30px;



}


.tparrows:hover {
background:#197ce6;
border-color: #197ce6;

}


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

.top-contact-info li strong {
    font-size: 18px;
margin-right: 8px;
font-family: arial;
}


.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: right;
}
.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: #197ce6;
}
.appoinment-button {
    margin: 0px;

float: right;
   line-height: 42px;
    display: inline-block;
}
.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-image: linear-gradient( #f2f2f2, #fff);
background-image: linear-gradient(#fefefe 10%, #f6f6f6 70%);
padding: 15px 0;
}
.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;
width: 300px;

}



.mainmenu-area .logo {
float: right;
}

/*
.mainmenu-area .logo img {

height: 100%;
 }
*/



.main-menu {
    float: right;
    position: relative;
}
.main-menu .navbar-collapse {
    padding: 0px
}
.main-menu .navigation {
    float: left;
    margin: 0;
    position: relative;
margin-top: 20px;
margin-right:0px;
}
.main-menu .navigation li {
    display: inline-block;
    float: right;
padding: 6px 20px;
}

/*
.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: #4b4b4b;
    display: block;
    font-size: 14px;

    opacity: 1;

    position: relative;
    text-transform: capitalize;
    transition: all 500ms ease 0s;
font-family: "GE_SS_Two_Medium";
}
.main-menu .navigation > li.dropdown > a {

}





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

    color: #000;
}
/*

.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;

  
}


.main-menu .navigation > li:hover > ul {
    top: 164%;
    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;
}
.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;
    transition: all 500ms ease;
font-family: "GE_SS_Two_Medium";
}
.main-menu .navigation > li > ul > li:hover > a {
    color: #fff;
    background: #197ce6;
}

.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;
  border: 1px solid #197ce6;;
  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: "\f067";
font-family: fontawesome;
color: #197ce6;;
}

.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: #197ce6;;
}





.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: -20px;
top: 32px;
text-align: right;
transition: all 500ms ease 0s;
visibility: hidden;
opacity: 0;
border: 1px solid #e3e3e3;

}
.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;
font-family: "GE_SS_Two_Medium";
}
.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 #197ce6;


opacity: 0;

}



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

.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: #fff;
    overflow: hidden;
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: 20px;
    
    line-height: 40px;
    display: block;
    transition: all 500ms ease;
    direction: rtl;
}

.single-blog-item:hover .text-holder .blog-title{
    color: #197ce6;
}

.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: #353535;
padding: 7px 9px;
top: 54%;
font-weight: 400;
width: 80px;
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-family: "GE_SS_Two_Medium";

}
.single-blog-item .text-holder .meta-info li a{
    color: #197ce6;
    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:hover {
   background: #3b5998;
}

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

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

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

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

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


.footer-v4 .xs-social-list-v2 li a i {
width: 100%;
height: 100%;
padding-top: 10px;
}
/*



.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:14px;
}


span.media-body {
direction: rtl;
}

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



.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: #197ce6;
height: 120px;
}


.lower-men {

width: 100%;
background: #197ce6;

}

/**

.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; }

.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; }
.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: 55px;
padding-bottom: 40px;
margin-right: 10px;}



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

.xs-copyright {
    padding: 15px 0;
    border-top: 1px solid #343e4e; }

.xs-footer-logo {
    display: inline-block;
margin-bottom: 20px;
 }


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

.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: 600;
    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: #197ce6;; }




/* footer */
/* footer version 4 */
.footer-v4 {

background-color: #2b3539;
   /* background-color: #197ce6;*/	
    font-family: "GE_SS_Two_Medium"; }
.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: #197ce6; }
.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: 13px;
font-weight: normal;
font-weight: 300;}


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

.footer-v4 .xs-social-list-v2 li a.color-linkedin {
    background-color: #0077b5; }
.footer-v4 .xs-copyright-text p {
    color: rgba(255, 255, 255, 0.7); 
    font-size: 13px;}

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


/*
.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 #197ce6;
    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: #197ce6;
    font-weight: 700;
    }







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


.footer-widget .menu li:hover a {
color:#197ce6
}




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

.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: #197ce6;

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

}



.owl-carousel .owl-item {
text-align: center;
}


.pagesection {
padding:60px 0
}

.owl-carousel .owl-item img {
margin: 0 auto;
}
.car-item {
border: 1px dashed #908c8c;
padding: 0px 2px;
display: inline-block;
}

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

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


#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: 0.85714em;
    font-weight: 700;
    text-transform: uppercase;
    cursor: pointer;
font-size: 15px;

}




.top-left {
float:left;
}




.green-them {

color: #fff;
}


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

li.button.mega-menu-item.custom-edit {
    background: #353535;
    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; 

	font-family: "GE_SS_Two_Medium";
}



[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: #197ce6;
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: #197ce6;
content: ""; }


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



.video-content {
width: 100%;
padding: 30px 0;
}



.box-it {
width: 100%;
background: linear-gradient(to top, #f9f9f9, #dee1e6);
background: -webkit-linear-gradient(to top, #f9f9f9, #dee1e6);

display: inline-block;

position: relative;
}

.image-it {

height: 295px !important;
position: relative;
display: flex;
align-items: center;
margin: 0 auto;
}

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

width: 100%;
text-align: center;
float: none;
padding: 15px;
}

.content-it p i {
width: 100%;
display: inline-block;
font-size: 24px;
color: #f00;
margin: 5px 0;
position: relative;
border-bottom: 1px solid #c6cde9;
padding-bottom: 8px;}


.content-it p i:after {
position: absolute;
content: "";
display: block;
right: 0;
bottom: 0;
height: 1px;
background: #16497f;
width: 80px;
margin-left: -40px;
left: 50%;

}


/*
.content-it p i:before {
position: absolute;
content: "";
display: block;
left: 0;
bottom: 0;
height: 1px;
background: #197ce6;
width: 80px;
}
*/
.content-it p.content {
max-height: 55px;
overflow: hidden;
}

.text-about {
    display: inline-block;
    text-align: center;
    font-size: 14px;
    min-height: 310px;
    width: 100%;
}


.rel {
    overflow: hidden;
    position: relative;
}

.aabout2 {
width: 100%;
height: 295px !important;
}

.text-about p {
    margin: 0;
    overflow: hidden;
    position: absolute;
    bottom: 0;
background: rgba(8, 6, 6, 0.66);
    color: #fff;
    left: 0;
    width: 100%;
}


.text-about a.btn, .frame-content a.btn {
    float: right;
    padding: 2px;
    margin: 0;
        margin-top: 0px;
    width: 100%;
    margin-top: -5px;
}



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

.content-it a {
color: #222;
margin: 4px 0;
display: inline-block;
font-size: 15px;
width: 100%;
text-align: center;}




.adva {
padding: 80px 20px;
text-align: center;
background: #eaeaea;
width: 150px;

position: fixed;
left: 0;
top: 50%;

z-index: 9999;
}
/*
.adva:after {
content: '';
position: absolute;
left: 0;
top: 0;
border-left: 40px solid #197ce6;
border-right: 40px solid transparent;
border-bottom: 40px solid transparent;
 }
*/



    .adva {
      animation: colorchange 5s; /* animation-name followed by duration in seconds*/
         /* you could also use milliseconds (ms) or something like 2.5s */
      -webkit-animation: colorchange 5s; /* Chrome and Safari */
   animation-iteration-count: infinite;
    }

    @keyframes colorchange
    {
      0%   {background: #900;}
      25%  {background: #333;}
      50%  {background: #02488e;}
      75%  {background: #3d9970;}
      100% {background: #900;}
    }

    @-webkit-keyframes colorchange /* Safari and Chrome - necessary duplicate */
    {
      0%   {background: #900;}
      25%  {background: #333;}
      50%  {background: #02488e;}
      75%  {background: #3d9970;}
      100% {background: #900;}
    }


.adva p {
margin: 0;
font-size: 20px;
color: #fff;
line-height: 45px;
}


/* 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:#197ce6;

}


.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; }



.interimg {
padding: 10px;
}


.interimg,
.owl-carousel9,
.owl-carousel8,
.facebook-frame,
.owl-carousel2,
.farme-vid,
.video-content .owl-carousel {
overflow: hidden;
position:relative;
border: 1px solid #fff;
transition: all ease-in-out 0.3s;
background: #fff;
}


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



.interimg:hover,
.owl-carousel9:hover,
.owl-carousel8:hover,
.facebook-frame:hover,
.owl-carousel2:hover,
.farme-vid:hover,
.video-content .owl-carousel:hover { 
border: 1px solid #197ce6;
}




.interimg:hover:after,
.interimg:hover:before,
.owl-carousel9:hover:before,
.owl-carousel9:hover:after,
.owl-carousel8:hover:before,
.owl-carousel8:hover:after,
.owl-carousel2:hover:before,
.owl-carousel2:hover:after,
.facebook-frame:hover:before,
.facebook-frame:hover:after,
.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;
} 



.interimg:before,
.owl-carousel9:before,
.owl-carousel8:before,
.owl-carousel2:before,
.facebook-frame:before,
.farme-vid:before,
.video-content .owl-carousel:before {
position: absolute;
content: "";
width: 80px;
height: 2px;
background: #197ce6;
bottom: -1px;
right: 0;
opacity: 0;transition: all ease-in-out 0.3s;
}


.interimg:after,
.owl-carousel9:after,
.owl-carousel8:after,
.owl-carousel2:after,
.facebook-frame:after,
.farme-vid:after,
.video-content .owl-carousel:after {
position: absolute;
content: "";
width: 80px;
height: 2px;
background: #197ce6;
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 {



}


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


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



.owl-carousel .owl-next:hover,
.owl-carousel .owl-prev:hover {
border:1px solid #197ce6;
background: #197ce6;

}

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

}




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





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



.owl-carousel9,
.owl-carousel8,
.owl-carousel2,
.farme-vid {
padding: 10px;
background: #fff;
height:315px;
}

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

.goon {
font-size: 14px;
text-align: right;
color: #197ce6;
background: #fff;

width: auto;
display: inline;
padding: 2px 15px;
    position: absolute;
bottom: 24px;
    left: 50%;
    z-index: 9;
    width: 120px;
    text-align: center;
    cursor: pointer;
    float: none;
    margin-left: -60px;
    border: 1px solid;
}


.goon:hover {

color: #fff;
background: #197ce6;

}



.date-it {
font-size: 15px;
text-align: right;
color: #fff;
background: #197ce6;
width: auto;
display: inline;
padding: 2px 15px;
position: absolute;
top: 0;
left: 0;
z-index: 9;
display: none;
}


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



.part5 {

padding:60px;
}



/********************  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;
	font-family: "GE_SS_Two_Medium";
  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: 10px;
position: absolute;
bottom: 0px;
width: 100%;
background: #0009;
}

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

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




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


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

.theme-colored {
background: #197ce6;
padding: 3px 12px;
border: 1px solid #197ce6;
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 #197ce6;



}





.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: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: #fff;
}

.causes-details a {
float: right;
width: 100%;
display: inline-block;
margin-bottom: 0;
color: #fff;
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:#197ce6;
	z-index: 9;
	border-top:1px solid #eeeeee;
	box-shadow: 0 0 20px 2px rgba(0, 0, 0, 0.06);
margin-top: 25px;
}

.page-info h2{
	font-size:16px;
	color:#197ce6;
	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:#197ce6;
font-weight: lighter !important;
	line-height:24px;font-family: "GE_SS_Two_Light";
	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: 12px;
color: #197ce6;
}

.tets-title ul {
margin-bottom: 15px;
}
.tets-title li {
padding-right: 20px;
position: relative;
}



.tets-title li:after{
	content:'\f00c';
	font-family: 'FontAwesome';
	position:absolute;
	right:0;
	line-height:24px;
	font-size:13px;
	color:#222222;top: 0;
}



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

.page-info .bread-crumb li a{font-family: "GE_SS_Two_Light";
	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;
font-family: "GE_SS_Two_Light";
color: #595959;
line-height: 27px;
direction: rtl;
}

.texxt li {
    list-style: outside none circle;
    margin-right: 15px;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;
}



.ser-ri {
float:right
}

.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: #197ce6 !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: #197ce6;
}

#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;
}
.textphoto{
color: #fff;
font-size: 15px;
position: absolute;
top: 44%;
z-index: 5555555555555;
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;
width: 100%;
height: 0;


/* Safari */
-webkit-transform: rotate(-90deg);

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

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

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

/* Internet Explorer */
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);

}
.progalley:hover > .example-image-link .textphoto{
opacity: 1;
height: 200px;
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;
}
.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;
}
.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: #197ce6;
    border: 2px solid #197ce6;
    text-transform: capitalize;
}



.btn-style-one:hover{
	color:#197ce6;
	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: #73879C;
    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;

}
.search-box li {
padding:0
}
.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 {

float: right;
width: 100%;
padding: 15px;
transition: 0.3s;
box-shadow: 0px 12px 19px 4px rgba(0, 0, 0, 0.08);
position: relative;
top: 0px;
margin-bottom: 30px;
direction: rtl;
text-align: center;
background: #fff;

}


.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 {
width: 95px;
height: 95px;
margin: 0 auto;
float: right;
}
.top-ser-icon .icon-fl i {
	font-size: 40px;
	line-height: 40px;
	color:#7f98ad;
}


.top-ser-icon .fr-text {
width: calc(100% - 95px);
display: block;
text-align: center;
padding-top: 18px;
float:left;
}

.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:#333;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 21px;
	font-size: 16px;
	text-indent: 0;
	line-height: 65px;

}
@media (min-width: 768px) and (max-width: 991px) {
	.top-ser-icon .fr-text {
		padding-right: 0px;
	}
}


.gray-bg {

padding: 20px 0;
}


.col-lg-3.mb-sm-30 {
float:right
}


#jssor_1 {
position: relative;
}



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




.facebook-frame {

height: 315px;
padding: 10px;
background: #fff;
}





.gal5 {
width: 100%;
padding: 30px 0;
}

.it img {
width: 100%;
height: 295px !important;

}



.it  .overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  top:0;
  left: 0;
background: rgba(0, 98, 255, 0.8);
  opacity: 0;
  -webkit-transform: scale(0.3);
     -moz-transform: scale(0.3);
      -ms-transform: scale(0.3);
       -o-transform: scale(0.3);
          transform: scale(0.3);
transition: all ease-in-out 0.3s;
z-index: 99;
}
.it .overlay a {
  display: table;
  width: 100%;
  height: 100%;
  text-align: center;
  font-size: 45px;
  font-weight: 300;
  color:#fff;
}
.it .overlay a span {
  display: table-cell;
  vertical-align: middle;
}



.it {
margin: 0 10px;
position: relative;

}



.it:hover .overlay {
  opacity: 1;
  -webkit-transform: scale(1);
     -moz-transform: scale(1);
      -ms-transform: scale(1);
       -o-transform: scale(1);
          transform: scale(1);
}


/*====================== Latest News ===================*/

.latest-news .container {
  position: relative;
}

.latest-news .opacity .theme-title-style {
  color:#fff;
}
.latest-news .opacity .theme-title-style:before {
  width: 169px;
}
.latest-news .single-news .img {
  position: relative;
}



.latest-news .single-news .img .overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  top:0;
  left: 0;
background: rgba(0, 98, 255, 0.8);
  opacity: 0;
  -webkit-transform: scale(0.3);
     -moz-transform: scale(0.3);
      -ms-transform: scale(0.3);
       -o-transform: scale(0.3);
          transform: scale(0.3);
transition: all ease-in-out 0.3s;
}
.latest-news .single-news .img .overlay a {
  display: table;
  width: 100%;
  height: 100%;
  text-align: center;
  font-size: 45px;
  font-weight: 300;
  color:#fff;
}
.latest-news .single-news .img .overlay a span {
  display: table-cell;
  vertical-align: middle;
}

.latest-news .single-news:hover .img .overlay {
  opacity: 1;
  -webkit-transform: scale(1);
     -moz-transform: scale(1);
      -ms-transform: scale(1);
       -o-transform: scale(1);
          transform: scale(1);
}

.latest-news .single-news .post span {
font-weight: normal;
display: block;
margin: 0 0 12px 0;
background: rgba(0, 0, 0, 0.7);
color: #fff;
padding: 8px;
text-align: center;
font-size: 13px;
position: absolute;
top: 0;
left: 0;
direction: rtl;
}



.latest-news .single-news .post {

padding: 8px;
}






.latest-news .single-news .post a {
font-weight: normal;
font-size: 14px;
line-height: 31px;
color: #333;
display: block;
margin-bottom: 10px;
text-align: center;
height: 60px;
overflow: hidden;
height: 54px;

display: grid;

align-items: center;
}





.latest-news .row {
  margin: 50px -30px 0 -30px;
}
.latest-news .news-slider .item {


position: relative;
}
.latest-news .owl-carousel .owl-controls  {
  top:-50px;
  right: 30px;
}




.news-slider .single-news img {
height: 220px;
}
د


.interimg {
padding:10px; background:#fff;


}



.interimg img {
width:100%;
height:295px;
}



.padi {
padding:15px 0;
}



._2p3a,
.uiScaledImageContainer {
width: 100% !important;
}



.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;
}

.progalley{
width: 200px; float: right; margin-bottom: 15px; height: 200px; margin-left: 25px;
position: relative;
}
.textphoto{
color: #fff;
font-size: 15px;
position: absolute;
top: 44%;
z-index: 5555555555555;
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;
width: 100%;
height: 0;


/* Safari */
-webkit-transform: rotate(-90deg);

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

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

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

/* Internet Explorer */
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);

}
.progalley:hover > .example-image-link .textphoto{
opacity: 1;
height: 200px;
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-border-radius: 50% !important;
-moz-border-radius: 50% !important;
border-radius: 50% !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;
}
.shadow{
width: 100%;
height: 200px;
background: #000;
position: absolute;
top: 0;
right: 0px;
-webkit-border-radius: 50% !important;
-moz-border-radius: 50% !important;
border-radius: 50% !important;
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;
}

@-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: #197CE6;
	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: #197CE6;
	color: #fff;
	transition: all 0.9s ease 0s;
}


.top_search .top_search_form form input[type="text"] {
    width: 100%;
    display: block;
    border: none;
    font-size: 14px;
    padding: 10px 40px 9px 16px;
    outline: none !important;
    box-shadow: none !important;direction: rtl;
}

.top_search .top_search_form form input[type="text"]:focus {
    border: 2px solid #e72e5d  !important;
    padding-top: 9px;
    padding-bottom: 8px;
    padding-right: 15px;
}

.top_search .top_search_form form button {
    position: absolute;
    left: 0;
    top: 0;
    border: none;
    width: 40px;
    height: 40px;
    padding: 0;
    text-align: center;
    font-size: 13px;
    background: none;
    color: #e72e5d ;
    -webkit-transition: color 0.3s ease;
    -moz-transition: color 0.3s ease;
    -ms-transition: color 0.3s ease;
    -o-transition: color 0.3s ease;
    transition: color 0.3s ease;
}

.top_search .top_search_form form button:hover {
    color: #273242;
}


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

ox {
    width: 89%;
    height: 40px;
    margin-top: -3px;
    border: medium none;
    background-color: transparent;
    direction: rtl;
    font-size: 10pt;
    text-transform: uppercase;
    color: #9E9C9C;
    margin-right: 17px;
}