﻿
.Pagination a, .Pagination span span {
    position: relative;
    display: inline-block;
    line-height: 20px;
    padding: 8px 5px;
    height: 40px;
    font-size: 15px;
    text-transform: capitalize;
    min-width: 40px;
    border: 2px solid #e0e0e0;
    background: none;
    color: #cdcdcd;
    font-weight: 500;
    text-align: center;
    border-radius: 20px;
    transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
}
.Pagination span span {
    color: #e45b1f;
    border-color: #e45b1f;
    background: none;
}

.footer-wrapper ul{ padding-left:2px;}



.home-icon-box .icon-box-rounded {
    position: relative;
    display: block;
    width: 80px;
    height: 80px;
    margin: 8px auto 8px;
    font-style: normal;
    line-height: 40px;  
    background:rgba(255,255,255, 0.33);
    color: #fff;
    border-radius: 50%;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    transition: all 500ms ease;
    overflow: hidden;
    text-align:center;
}
.home-icon-box .icon-box-rounded i{
  
    font-size: 35px;
}
.home-icon-box  p{
  
    font-size: 16px;
     color: #fff;
     text-align:center;
     font-weight: bold;
}


.mt-10 {
    margin-top:10px;
}
.mb-10 {
    margin-bottom:10px;
}


/* xs */
@media (max-width: 767px) {
}


/* XS Portrait */
@media (max-width: 479px) {

    .home-icon-box .icon-box-rounded {
        position: relative;
        display: block;
        width: 70px;
        height: 70px;
       
    }


}


.header-area
{

    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;
    width:100%;
}

.country-list {
    position: absolute;
    top: 520px;
    z-index: 1;
    left: 0;
    right: 0;
    margin: auto;
    /*max-width: 1110px;*/
    padding: 30px 15px 15px;
    background: rgb(33 32 33 / 45%);
}

.home-banner-area.home-style-three {
        height: 800px;
    }

@media only screen and  (max-width: 991px) {
    .header-area
    {
        position:relative;
        background: #343a40;
    }
    
   
}


/*.navbar  img
{
    width:124px;
}

*/


.contact-section .contct-form
{
    /*max-width: 600px;*/
    margin: auto;
    padding: 30px;
    background: #f9f8fe;
    border-radius: 3px;
    border: 5px solid #fff;
    -webkit-box-shadow: 0 0 29px 0 rgb(102 102 102 / 10%);
    box-shadow: 0 0 29px 0 rgb(102 102 102 / 10%);
}


.offers-section .item-single .content .social-link i
{
    margin-right: 0px;
}








@media only screen and (max-width: 767px) {

    .country-list {
        position:relative;
        bottom: 0px;
        background: #343a40;
         top: 0px;
    }
    .home-banner-area.home-style-three {
        height: 350px;
    }


}
/*
@media only screen and (min-width: 768px) and (max-width: 991px)
{
    .home-banner-area.home-style-three {
        height: 600px;
    }

    
}*/



.home-box {
    background: rgb(0 133 196 / 70%);
    border-radius: 4px;
}

.home-box p{
    line-height:15px;
    font-weight: 400;
    /*font-weight:bold;*/
    color: #fff;
}

.home-box img{
    margin-bottom:10px;
}



.head-social-btn img
{
    width:60%;
}



.whatsapp-btn{
        background: 0 0;
    /*padding: 9px 15px;*/
    border-radius: 3px;
    /* border: 1px solid #0085c4; */
    background: #0bbf41;
    color: #ffffff!important;
    transition: .3s;
    display: inline-block;
    font-size: 15px;
    font-weight: 400;
}






.project-feature
{
    padding: 15px 0 0;
}

.project-feature li {
    padding: 0px 0 10px 0;
}

.project-feature li i {
    font-size: 16px;
    margin-right: 5px;
    color: #0085c4;
}

.project-feature li span {
    font-size: 14px;
    color: #222222;
    font-weight: 400;
}
















#social-sidebar {
 right: 0;
 position: fixed;
 top: 30%;
 z-index: 2;
}
#social-sidebar li:first-child a { border-top-left-radius: 5px; }
#social-sidebar li:last-child a { border-bottom-left-radius: 5px; }
 
#social-sidebar a {
 background: rgba(0, 0, 0, .7);
 color: #fff;
    text-decoration: none;
 display: block;
 height: 40px;
 width: 40px;  
 font-size: 20px;
 line-height: 50px;
 position: relative;
 text-align: center;
    cursor: pointer;
}






#social-sidebar a i {
padding-top:11px;
}
#social-sidebar a:hover span {
 right: 120%;
 opacity: 1;
 z-index: 1;
}
#social-sidebar a span {
  font: 12px "Open Sans", sans-serif;
  text-transform: uppercase;
 border-radius: 3px;
 line-height: 24px;
 right: -100%;
 margin-top: -16px;
 opacity: 0;
 padding: 4px 8px;
 position: absolute;
 transition: opacity .3s, right .4s;
 top: 50%;
 z-index: 1;
}
 
#social-sidebar a span:before {
 content: "";
 display: block;
 height: 8px;
  width: 8px;
 right: -4px;
 margin-top: -4px;
 position: absolute;
 top: 50%;
 transform: rotate(45deg);
}
 
#social-sidebar a[class*="twitter"],
#social-sidebar a[class*="twitter"]:hover,
#social-sidebar a[class*="twitter"] span,
#social-sidebar a[class*="twitter"] span:before {background: #00aced;}
 
#social-sidebar a[class*="facebook"],
#social-sidebar a[class*="facebook"]:hover,
#social-sidebar a[class*="facebook"] span,
#social-sidebar a[class*="facebook"] span:before {background: #3B5998;}
 
#social-sidebar a[class*="youtube"],
#social-sidebar a[class*="youtube"]:hover,
#social-sidebar a[class*="youtube"] span,
#social-sidebar a[class*="youtube"] span:before {background: #E34429;}
 
#social-sidebar a[class*="linkedin"],
#social-sidebar a[class*="linkedin"]:hover,
#social-sidebar a[class*="linkedin"] span,
#social-sidebar a[class*="linkedin"] span:before {background: #007bb6;}
 
#social-sidebar a[class*="instagram"],
#social-sidebar a[class*="instagram"]:hover,
#social-sidebar a[class*="instagram"] span,
#social-sidebar a[class*="instagram"] span:before {
    background: radial-gradient(circle farthest-corner at 35% 90%, #fec564, transparent 50%), radial-gradient(circle farthest-corner at 0 140%, #fec564, transparent 50%), radial-gradient(ellipse farthest-corner at 0 -25%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 20% -50%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 0, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 60% -20%, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 100%, #d9317a, transparent), linear-gradient(#6559ca, #bc318f 30%, #e33f5f 50%, #f77638 70%, #fec66d 100%);
   }
 
#social-sidebar a[class*="github"]:hover,
#social-sidebar a[class*="github"] span,
#social-sidebar a[class*="github"] span:before {background: #9C7A5B;}
 
#social-sidebar a[class*="evernote"]:hover,
#social-sidebar a[class*="evernote"] span,
#social-sidebar a[class*="evernote"] span:before {background: #6BB130;}

#social-sidebar a[class*="snapchat"],
#social-sidebar a[class*="snapchat"]:hover,
#social-sidebar a[class*="snapchat"] span,
#social-sidebar a[class*="snapchat"] span:before {background: #f7f400;}


.social-link a {
    display: inline-block;
    /* line-height: 0; */
    text-align: center;
    background: #fff;
    color: var(--main-first-color);
    border-radius: 5px;
    padding: 8px;
    font-size: 16px;
    margin: 6px;
    -webkit-box-shadow: 0 0 15px 0 rgb(0 0 0 / 10%);
    box-shadow: 0 0 15px 0 rgb(0 0 0 / 10%);
}


.social-link .facebook{color:#3B5998;}
.social-link .whatsapp{color:#0bbf41;}
.social-link .linkedin{color:#007bb6;}
.social-link .pinterest{color:#b7081b;}



/* xs */
@media (max-width: 767px) {
    #social-sidebar a {
        height: 30px;
        width: 30px;
        font-size: 17px;
    }
    #social-sidebar a i {
    padding-top: 8px;
}

    .video-content h1{ font-size:18px;}

}


/* XS Portrait */
/*@media (max-width: 479px) {

    .home-icon-box .icon-box-rounded {
        position: relative;
        display: block;
        width: 70px;
        height: 70px;
       
    }


}*/



.modalBackground
{
    background:#0085c4;
    opacity:.4;
}


.message-alert
{
    width:100%;
    min-width:400px;
    background:#fff;
    padding:10px;
    border-radius:5px;
}





.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn)
{
    width:100%;
}

.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) .btn 
{
   line-height:1;
}



.info-content .content-list i {
    padding: 10px;
    background: #0085c4;
    border-radius: 5px;
    font-size: 16px;
    margin-right: 8px;
    -webkit-box-shadow: 0 0 15px 0 rgb(0 0 0 / 10%);
    box-shadow: 0 0 15px 0 rgb(0 0 0 / 10%);
    color: #fff;
    vertical-align: middle;
}

.info-content .content-list {
    display: -webkit-box;
    display: -ms-flexbox;
     display: flex; 
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 15px;
}

.info-content .content-list h6 {
    font-weight: 400;
    color: #39325a;
    margin-bottom: 0;
}



.partner-section
{
    background:#f5f4f9;
}

.home-about h1, .home-about h4 {color:#fff;}

.home-about p , .home-about .section-title p{color:#ffe700;}



.blog-area ul, .post-list li {margin:0;padding:0;}

.blog-area h3 {font-size:20px;}

.blog-area .post-content{color:#000;}




.list-details-title h1 {font-size:24px;}