/*
Theme Name: Abiko
Theme URI: http://tonatheme.com/newwp/abiko/
Author: Theme Kalia
Author URI: http://themeforest.net/user/themekalia
Description: This is Abiko Business theme
Version: 2.8
License: copyright commercial
License URI: http://themeforest.net/user/themekalia
Text Domain: abiko
Tags: one-column, two-columns, right-sidebar, custom-header, custom-menu, editor-style, featured-images, rtl-language-support, sticky-post, translation-ready, microformats
* Tested up to: 6.3
* Requires PHP: 7.0
*/

/* Abiko Business Wordpress Template */

/***************************************************************************************************************
||||||||||||||||||||||||||       MASTER STYLESHEET FOR abiko           |||||||||||||||||||||||||||||||||||||||
****************************************************************************************************************
||||||||||||||||||||||||||                TABLE OF CONTENT               |||||||||||||||||||||||||||||||||||||||
****************************************************************************************************************
****************************************************************************************************************

01. Imported styles
02. Flaticon reset styles
03. Header styles
04. Mainmenu styles
05. Rev_slider_wrapper styles
66. Call to action area Style
07. Categories area style
08. Fact counter area style
09. Latest Blog area style
10. Latest blog area style 
11. Testimonial area style
12. Brand area style
13. Single service style
14. Pricing table area style
15. About page style
16. Account page style
17. 404 page style style
18. Blog page style
19. Blog single style
20. Contact page style

****************************************************************************************************************
||||||||||||||||||||||||||||            End TABLE OF CONTENT                ||||||||||||||||||||||||||||||||||||
****************************************************************************************************************/


/*==============================================
   Base Css
===============================================*/
html,
body { height: 100% }
body {
    font-family: 'Hind', sans-serif;
    font-size: 16px;
    color: #848484;
    line-height: 26px;
    font-weight: 300;
}
button:focus{
    outline: none;
}
button{
    border: none;
}
h1, h2, h3, h4, h5, h6 {
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    margin: 0;
}
h3 {
    font-size: 20px; 
    line-height: 28px;
}
h4 {

}
a,
a:hover,
a:active,
a:focus {
    text-decoration: none;
    outline: none;
    border: none;
}
img {
	max-width: 100%;
    height: auto;
}
i {
	font-style: normal;
}
ul,
li {
    list-style: none;
    margin: 0;
    padding: 0;
}

.sec-pding-one{
    padding: 52px 0;
}
.sec-pding-two{
    padding: 52px 0 30px;
}

.thm-btn {
    font-size: 14px;
    font-weight: 700;
    display: inline-block;
    padding: 18px 30px 18px;
    text-transform: uppercase;
    font-family: 'Poppins', sans-serif;
    transition: all 500ms ease;
    line-height: 14px;
    position: relative;
    background: #ffffff;
    color: ##3d4394;
}
.thm-btn:hover{
    background: #161616;  
    color: #ffffff;
}

.thm-btn.btn-style-two{
    background: transparent;
    border: 2px solid #c8c7c7;
    color: #ffffff;
    padding: 16px 40px 16px;
}
.thm-btn.btn-style-two:hover{
    background: #1F2864;  
    color: #ffffff;  
    border: 2px solid #1F2864;
}

.sec-title {
    position: relative;
    padding-bottom: 30px;
}
.sec-title h1 {
    display: block;
    color: #3d4394;
    font-size: 40px;
    font-weight: 500;
    line-height: 62px;
    text-transform: uppercase;
    margin: 0;
}
.sec-title .overlay-title {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
}
.sec-title .overlay-title h2 {
    color: #ffffff;
    font-size: 30px;
    font-weight: 700; /* anciennement 400 → maintenant en gras */
    line-height: 40px;
    padding: 10px 0;
}




/*________________Preloader_______________ */

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




/* Update header Style */
@keyframes menu_sticky {
    0%   {margin-top:-100px;}
    50%  {margin-top: -74px;}
    100% {margin-top: 0;}
}

.header-area.stricky-fixed {
    position: fixed; 
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    background: #fafafa;
    animation-name: menu_sticky;
    animation-duration: 0.60s;
    animation-timing-function: ease-out;
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -ms-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
}
.header-area .logo a img{
    transition: all 700ms ease;    
}







/* scroll to top styles */
.scroll-to-top {
    background: #1F2864;
    border: 2px solid #1F2864;
    border-radius: 15%;
    bottom: 25px;
    color: #fff;
    cursor: pointer;
    display: none;
    font-size: 30px;
    font-weight: normal;
    height: 50px;
    line-height: 50px;
    position: fixed;
    right: 15px;
    text-align: center;
    transition: all 500ms ease 0s;
    width: 45px;
    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 {
    border: 2px solid #1F2864;
    color: #fff;
    background: #252525;
}

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

#contact-form input[type="text"].error{
    border-color: red;    
}
#contact-form input[type="email"].error{
  border-color: red;    
}
#contact-form select.error {
  border-color: red;
}
#contact-form textarea.error{
  border-color: red;    
}


/* Post pagination styles */
.post-pagination li {
    display: inline-block;
    margin: 0 3px;
}
.post-pagination li a {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #f7f7f7;
    color: #3d3d3d;
    display: block;
    font-size: 18px;
    font-weight: 700;
    height: 55px;
    padding: 14px 0;
    transition: all 500ms ease 0s;
    width: 55px;
    font-family: 'Raleway', sans-serif;
    border-radius: 3px;
}
.post-pagination li.active a, .post-pagination li:hover a {
    background: ##3d4394;
    color: #fff;
    border: 1px solid ##3d4394;
}


/* Overlay styles */
.overlay-style-one{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0,0.8);
    opacity: 0;
    overflow: hidden;
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -ms-transition: all 0.3s ease-in 0.4s;
    transition: all 0.3s ease-in 0.4s;   
}
.overlay-style-one .box{
    display: table;
    height: 100%;
    width: 100%;    
}
.overlay-style-one .box .content{
    display: table-cell;
    text-align: center;
    vertical-align: middle;    
}
.overlay-style-one .box .content a { }



.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: #00a5ea;
  font-size: 12px;
}

.sociallinks-style-two {
    margin-top: 33px;
}
.sociallinks-style-two li {
    display: inline-block;
    float: left;
    margin-right: 10px;
}
.sociallinks-style-two li:last-child{
    margin-right: 0;
}
.sociallinks-style-two li a i {
    color: #848484;
    font-size: 14px;
    width: 40px;
    height: 40px;
    display: block;
    text-align: center;
    border: 2px solid #e9e9e9;
    border-radius: 50%;
    line-height: 38px;
    transition: all 500ms ease;
}
.sociallinks-style-two li a:hover i {
    background: #1F2864;
    border-color: #1F2864;
    color: #ffffff;
}


/*==============================================
    Top bar Area Css
===============================================*/
.top-bar-area {
    background: #1F2864;
    overflow: hidden;
}
.top-bar-area .welcome {
    margin: 17px 0 16px;
}
.top-bar-area .welcome p {
    color: #ffffff;
    line-height: 22px;
    margin: 0;
    transition: all 500ms ease;
}
.top-bar-area .welcome p:hover{
    color: #ebe6e6;
}
.top-bar-area .welcome p span:before {
    display: inline-block;
    padding-right: 10px;
    position: relative;
    top: 2px;
}

.top-menu{}
.top-menu ul{
    float: left;
}
.top-menu ul li {
    display: inline-block;
    float: left;
    line-height: 55px;
    border-right: 1px solid #1F2864;
    padding: 0 15px;
}
.top-menu ul li:first-child{
    border-left: 1px solid #1F2864;
}
.top-menu ul li a {
    color: #ffffff;
    font-size: 16px;
    transition: all 500ms ease;
}
.top-menu ul li a:hover{
    color: #9498cc;    
}

.top-menu .consultation-button {
    float: right;
    padding-left: 20px;
    margin: 14px 0 15px;
}
.top-menu .consultation-button a{
    color: #fafafa;
    font-size: 16px;
    font-weight: 300;
    transition: all 500ms ease;
}
.top-menu .consultation-button a span:before {
    color: #fff;
    display: inline-block;
    padding-right: 5px;
    line-height: 20px;
    position: relative;
    top: 4px;
}
.top-menu .consultation-button a:hover{
    color: #ffffff;
}

/*==============================================
    Header Area Css
===============================================*/
.header-area {
    background: #ffffff;
    position: relative;
}
.header-area .logo {
    
}
.header-area .logo a {
    display: block;
    margin: 27px 0 28px;
}
.main-menu {
    float: left;
    position: relative;
}
.main-menu .navbar-collapse {
    padding: 0px
}
.main-menu .navigation {
    float: left;
    margin: 0;
    position: relative;
}
.main-menu .navigation li {
    float: left;
    position: relative;
}
.main-menu .navigation li:first-child{

}
.main-menu .navigation li::before {

}
.main-menu .navigation li:last-child:before {
    display: none;
}
.main-menu .navigation li a {
    position: relative;
    color: #282828;
    display: block;
    font-size: 14px;
    font-weight: 600;
    line-height: 14px;
    text-transform: uppercase;
    opacity: 1;
    padding: 43px 20px;
    transition: all 300ms ease;
    font-family: 'Poppins', sans-serif;
}
.main-menu .navigation > li:hover > a, 
.main-menu .navigation > li.current > a {
    color: #1F2864;
    opacity: 1;
}

.main-menu .navigation li:hover > a:after,
.main-menu .navigation li.current > a:after,
.main-menu .navigation li.current-menu-item > a:after{
    opacity: 1;
}


.main-menu .navigation > li > ul,
.main-menu .navigation > li > ul > li > ul {
    position: absolute;
    left: 0px;
    top: 110%;
    width: 250px;
    background: rgba(255, 255, 255, 0.98) none repeat scroll 0 0;
    z-index: 100;
    visibility: hidden;
    opacity: 0;
    transition: all 500ms ease;
    border-top: 3px solid rgba(0, 0, 0, 0.70);
}
.main-menu .navigation > li > ul > li > ul{
	left:100%;
	top:40%;
}
.main-menu .navigation > li:hover > ul {
    top: 100%;
    opacity: 1;
    visibility: visible;
}
.main-menu .navigation > li > ul > li:hover > ul {
    top: 0;
    opacity: 1;
    visibility: visible;
}
.main-menu .navigation > li ul li {
    float: none;
    margin: 0;
    padding: 0;
    position: relative;
    width: 100%;
    display: block;
    border-bottom: 1px solid rgba(255, 255, 255, 0.96);
}
.main-menu .navigation > li ul li::before{
    display: none;
}
.main-menu .navigation li ul li a {
    color: #252525;
    display: block;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    padding: 14px 0px 14px 20px !important;
    position: relative;
    text-transform: capitalize;
    transition: all 500ms ease 0s;
}
.main-menu .navigation li ul li a:after{
    display: none;
}
.main-menu .navigation > li > ul > li:hover > a,
.main-menu .navigation > li > ul > li > ul > li:hover > a {
    color: #fff;
    background-color: ##3d4394;
}

.main-menu .navbar-collapse > ul li.dropdown .dropdown-btn {
    position: absolute;
    right: 10px;
    top: 6px;
    width: 34px;
    height: 30px;
    border: 1px solid #ffffff;
    background: url(images/icon/submenu-icon.png) center center no-repeat;
    background-size: 20px;
    cursor: pointer;
    z-index: 5;
    display: none;
    -webkit-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    -moz-border-radius: 3px;
	border-radius: 3px;
}



.mainmenu-right-box {
    margin-left: 20px;
}
.outer-search-box {
    float: left;
    height: 40px;
    width: 40px;
    margin: 30px 0;
    transition: all 300ms ease;
    border: 1px solid #e7e7e7;
}
.outer-search-box:hover{
    border-color: #1F2864;    
}
.outer-search-box .seach-toggle {
    background: transparent;
    color: #afafb5;
    cursor: pointer;
    display: block;
    font-size: 15px;
    line-height: 20px;
    margin: 0;
    position: relative;
    text-align: center;
    transition: all 500ms ease;
}
.outer-search-box .seach-toggle i{
	line-height:38px;
}
.outer-search-box .seach-toggle:hover,
.outer-search-box .seach-toggle.active{
    background:#1F2864;
    color: #fff;
}
.search-box {
    background: #1F2864;
    border-top: 1px solid #252525;
    opacity: 0;
    padding: 20px;
    position: absolute;
    right: 15px;
    top: 120%;
    transition: all 500ms ease 0s;
    visibility: hidden;
}
.search-box.now-visible {
    top: 100%;
    opacity: 1;
    visibility: visible;
    z-index: 99999999;
}
.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 #303443;
    color: #000;
    display: block;
    font-size: 13px;
    line-height: 24px;
    position: relative;
    transition: all 500ms ease 0s;
    width: 100%;
    height: 40px;
    padding-left: 15px;
    padding-right: 50px;
}
.search-box .form-group input[type="search"]:focus{
    border-color:#1F2864;	
}
.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;
    right: 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: #1F2864;
}



/*** 
====================================================================
	Main Slider style
====================================================================
***/
.rev_slider_wrapper{
	position:relative;
	z-index:10;
}
.rev_slider_wrapper .tp-caption{
	z-index: 5;
}
.rev_slider_wrapper .tp-dottedoverlay{
	background:rgba(0, 0, 0, 0.00);	
}
.rev_slider_wrapper .big-title{
	position: relative;
	font-weight: 600;
	font-size: 48px;
	color: #ffffff;
	line-height: 1.2em;
	font-family: 'Poppins', sans-serif;
}
.rev_slider_wrapper .text{
	position: relative;
	font-size: 20px;
	font-weight: 400;
	color: #f3f3f3;
	line-height: 1.6em;
    font-family: 'Hind', sans-serif;
}
.rev_slider_wrapper .button a.thm-btn.pdone{
    padding: 18px 40px;
    background: #3d4394;
    color: #ffffff;
    margin-right: 8px;
}
.rev_slider_wrapper .button a.thm-btn.pdone:hover{
    background: #1F2864;
}
.rev_slider_wrapper .button a.thm-btn.pdtwo{
    padding: 16px 29px;    
}

.rev_slider_wrapper .slide-content-box.mar-btm{ }
.rev_slider_wrapper .slide-content-box.mar-btm .big-title{
    margin-bottom: 10px;
}
.rev_slider_wrapper .slide-content-box.mar-btm .text{ 
    margin-bottom: 24px;
}
.rev_slider_wrapper .slide-content-box.mar-btm{ }



.tparrows {
    background: transparent;
    border: 2px solid #c6c4c2;
    cursor: pointer;
    display: block;
    height: 55px;
    position: absolute;
    width: 55px;
    z-index: 1000;
    transition: all 500ms ease;
    border-radius: 0px;
}
.tparrows:before{
    font-size:18px; 
    font-weight: 700;
    color:#848484; 
    display:block; 
    line-height: 50px; 
    text-align: center;
    transition: all 500ms ease;
}
.tparrows:hover{
    background:#1F2864;
    border-color: #1F2864;
}
.tparrows:hover:before{
    color: #ffffff;    
}



/*** 
=============================================
    Choose Area style
=============================================
***/
.choose-area{
    position: relative;
    /* background: #1F2864; anciennement #f6f6f6 → bleu foncé */
      background: #1F2864; /* anciennement #f6f6f6 → bleu foncé */
} 
.choose-area:before{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    max-height: 215px;
    background: url(images/pattern/1.jpg);
    content: "";
}

.single-choose-item{
    background: #fff;
    display: block;
    position: relative;
    padding: 40px 20px 30px;
    margin-bottom: 40px;
    border: 1px solid #1F2864; /* anciennement #f0f0f0 */
}

.single-choose-item .top {
    position: relative;
    padding-left: 60px;
    min-height: 60px;
}

.single-choose-item .top .icon-holder{
    position: absolute;
    left: 0;
    top: 0;
}

.single-choose-item .top .icon-holder {
    background: #1F2864; /* anciennement #f6f6f6 */
    width: 60px;
    height: 60px;
    border-radius: 50%;
    display: block;
    text-align: center;
    overflow: hidden;
    padding: 15px 0;
    z-index: 1;
}

.single-choose-item .top .icon-holder:after{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    background: #1F2864;
    border-radius: 50%;
    z-index: -1;
    transform: scale(0);
    transition: all 500ms ease;
}

.single-choose-item:hover .top .icon-holder:after{
    transform: scale(1);    
}

.single-choose-item .top .icon-holder span:before {
    color: #ffffff;
    font-size: 30px;
    line-height: 30px;
    transition: all 500ms ease;
}

.single-choose-item:hover .top .icon-holder span:before{
    color: #01A171;    
}

.single-choose-item .top .title-holder {
    padding-left: 60px;
    position: relative;
}

.single-choose-item .top .title-holder:before {
    position: absolute;
    top: 0;
    left: 10px;
    width: 40px;
    height: 1px;
    content: "";
    background: #1F2864; 
    margin: 15px 0;
}

.single-choose-item .top .title-holder h3 {
    color: #1F2864;
    margin: 15px 0;
}

.single-choose-item .text-holder {
    overflow: hidden;
    margin-top: 24px;
    margin-bottom: 10px;
}

.single-choose-item .read-more a {
    color: #222222;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    display: inline-block;
    position: relative;
    padding-top: 4px;
}

.single-choose-item:hover .read-more a{
    color: #1F2864;
}

.single-choose-item .read-more a:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: #1F2864; /* anciennement #f2f2f2 → petit trait sous le lien */
    content: "";
}

.single-choose-item .read-more a:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 0%;
    height: 1px;
    background: #1F2864;
    content: "";
    transition: all 500ms ease;
}

.single-choose-item:hover .read-more a:after{
    width: 100%;    
}




/*** 
=============================================
    Services Area style
=============================================
***/
.services-area {
    background: #ffffff;
    position: relative;
}
.single-service-item{
    position: relative;
    margin-bottom: 40px;
}
.single-service-item .img-holder{
    position: relative;
    overflow: hidden;
    display: block;
}
.single-service-item .img-holder img{
    width: 100%;
}
.single-service-item .inner-content{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: -moz-linear-gradient(top, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
    transform: translate3d(0px, 0%, 0px);
    transition: all 700ms ease;
    transition-delay: 0.2s;
}
.single-service-item:hover .inner-content{
    transform: translate3d(0px, 99%, 0px); 
    transition-delay: 0.3s;
}
.single-service-item .inner-content h3 {
    margin: 9px 0 8px;
}

.single-service-item .inner-content h3 .title {
    color: #ffffff;
    transition: all 500ms ease;
}
.single-service-item .inner-content h3 .title:hover{
    color: #d3d3d3;
}

.single-service-item .inner-content .text {
    background: #fff;
    border-bottom: 1px solid #f6f6f6;
    padding: 20px 0 17px;
}
.single-service-item .inner-content .text p{
    margin: 0;
    line-height: 24px;
}


.single-service-item .overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0%;
    left: 0;
    background: greenyellow;
    opacity: 1;
    padding: 0 10px;
    transform: translate3d(0px, -100%, 0px);
    transition: all 700ms ease;
    transition-delay: 0.3s;
}
.single-service-item:hover .overlay{
    transform: translate3d(0px, 0%, 0px);  
    transition-delay: 0.1s;
}
.single-service-item .overlay .box{
    display: table;
    height: 100%;
    width: 100%;    
}
.single-service-item .overlay .box .content{
    display: table-cell;
    text-align: center;
    vertical-align: middle;    
}
.single-service-item .overlay .overlay-content .icon-holder {
    margin-bottom: 30px;
}
.single-service-item .overlay .overlay-content .icon-holder span:before {
    color: #fff;
    font-size: 40px;
    line-height: 40px;
}
.single-service-item .overlay .overlay-content h3 .title {
    color: #fff;
    transition: all 500ms ease;
}
.single-service-item .overlay .overlay-content h3 .title:hover{
    color: #dddddd;    
}
.single-service-item .overlay .overlay-content .text {
    margin-top: 17px;
    margin-bottom: 13px;
}
.single-service-item .overlay .overlay-content .text p{
    margin: 0;
    color: #fff;
}
.single-service-item .overlay .overlay-content .read-more{
    overflow: hidden;
} 
.single-service-item .overlay .overlay-content .read-more a{
    color: #ffffff;
    font-size: 14px;
    font-weight: 700;
    text-transform:  uppercase;
    transition: all 500ms ease;
}
.single-service-item .overlay .overlay-content .read-more a:hover{
    color: #1F2864;    
}

.services-area .owl-controls {
    position: absolute;
    right: 0;
    top: -85px;
}
.services-area .owl-theme .owl-nav{
    margin: 0;
}
.services-area .owl-theme .owl-nav [class*="owl-"] {
    background: transparent;
    border-radius: 50%;
    color: #848484;
    font-size: 24px;
    font-weight: 700;
    height: 45px;
    line-height: 44px;
    margin: 0 0 0 0px;
    padding: 0;
    width: 45px;
    border: 2px solid #f2f2f2;    
    transition: all 700ms ease 0s;
}
.services-area .owl-theme .owl-nav .owl-next {
    margin-left: 10px;
}
.services-area .owl-theme .owl-nav [class*="owl-"]:hover{
    border-color: #1F2864;
    color: #1F2864;
}



/*** 
=============================================
    Fact counter Area style
=============================================
***/
.fact-counter-area {
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 62px;
    padding-bottom: 40px;
    position: relative;
    z-index: 1;
}
.fact-counter-area:before {
    background: rgba(61, 67, 148, 0.90) none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}
.fact-counter-area .title{
    max-width: 890px;
    margin: 0 auto;
    padding-bottom: 40px;
}
.fact-counter-area .title h3{
    color: #ffffff;
    font-size: 24px;
    font-weight: 400;
    line-height: 36px;
}

.fact-counter-area .single-item {
    display: block;
    margin-bottom: 30px;
    padding: 42px 10px 40px;
    border: 1px solid #1F2864;
}
.fact-counter-area .single-item h1 span{
    color: #ffffff;
    font-size: 48px;
    font-weight: 500;
    font-family: 'Poppins', sans-serif;
}
.fact-counter-area .single-item h3{
    color: #dedede;
    line-height: 26px;
    font-weight: 500;
    text-transform: capitalize;
    margin: 16px 0 0;
}
.fact-counter-area .single-item .text-holder{
    margin-top: 14px;
}
.fact-counter-area .single-item .text-holder p{
    color: #dedede;
    font-size: 16px;
    margin: 0;
}



/*** 
=============================================
    Project Area style
=============================================
***/
.latest-project-area{
    padding-top: 52px;
    padding-bottom: 70px;
}
.latest-project-area .sec-title{
    width: 50%;
}
.latest-project-area .button {
    width: 50%;
    text-align: right;
}
.latest-project-area .button a {
    border: 2px solid #1F2864;
    display: inline-block;
    color: #1F2864;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 10px 30px 10px;
    font-family: 'Poppins', sans-serif;
    transition: all 500ms ease;
    margin: 8px 0 0;
}
.latest-project-area .button a:hover{
    background: #ffffff;
    border-color: #1F2864;
    color: #ffffff;
} 

.latest-project-area .inner-content {
    margin-right: 0;
    margin-left: 0;
    background: #1F2864; /* arrière-plan bleu */
}
.latest-project-area .inner-content .left-content {
    padding: 0;
}

.latest-project-area .single-project-item{
    width: 50%;
    float: left;
    margin-bottom: 0;
}

.single-project-item{
    overflow: hidden;
    display: block;
    margin-bottom: 30px;
}

.single-project-item .img-holder{
    position: relative;
    display: block;
    overflow: hidden;
    border: 2px solid #1F2864; /* <-- Trait bleu autour de l'image */
    border-radius: 5px; /* optionnel pour arrondir les coins */
}

.single-project-item .img-holder img{
    transition: all 0.4s ease-in-out 0.5s;    
    width: 100%;
    transform: scale(1.1, 1.1);
    display: block;
}

.single-project-item:hover .img-holder img {
    transition-delay: 0s;
    transform: scale(1.2, 1.2);
}

.single-project-item:hover .overlay-style-one {
    opacity: 1;
    transition-delay: 0s;
}
.single-project-item .img-holder .overlay-style-one .box .content ul li {
    display: inline-block;
    margin: 0 3px;
}
.single-project-item .img-holder .overlay-style-one .box .content ul li a.link {
    position: absolute;
    bottom: 20px;
    right: 20px;
}
.single-project-item .img-holder .overlay-style-one .box .content ul li a.link i {
    background: transparent;
    border: 1px solid #1F2864; /* petits points en bleu */
    color: #fff;
}
.single-project-item .img-holder .overlay-style-one .box .content ul li a.link:hover i{
    background: #1F2864;
    border-color: #1F2864;
}
.single-project-item .img-holder .overlay-style-one .box .content a i {
    font-size: 22px;
    width: 50px;
    height: 50px;
    background: transparent;
    border-radius: 50%;
    color: #ffffff;
    border: 1px solid #1F2864; /* petits points bleus */
    line-height: 48px;
    opacity: 0;
    margin: 0;
    transition: all 0.3s ease-in-out 0.1s;
}
.single-project-item .img-holder .overlay-style-one .box .content a.zoom i {
    transform: translateY(100px);
}
.single-project-item .img-holder .overlay-style-one .box .content a.link i {
    transform: translateY(-100px);
}
.single-project-item:hover .img-holder .overlay-style-one .box .content a i {
    opacity: 1;
    transform: scale(1);
    transition-delay: 0.1s;
}
.single-project-item .img-holder .overlay-style-one .box .content a:hover i{
    color: #1F2864;
}


.latest-project-area .inner-content .right-content {
    padding: 0 20px;
}
.latest-project-area .right-content .text-holder {
    display: table;
    width: 100%;
    height: 490px;
}
.latest-project-area .right-content .text-holder .content {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}
.latest-project-area .right-content .text-holder .content h3 {
    font-size: 24px;
    color: #ffffff;
    margin: 0 0 3px;
}
.latest-project-area .right-content .text-holder .content span {
    color: #ffffff;
    font-weight: 500;
}
.latest-project-area .right-content .text-holder .content p {
    margin: 15px 0 31px;
    color: #ffffff;
}
.latest-project-area .right-content .text-holder .content a {
    border: 2px solid #ffffff;
    width: 160px;
    height: 50px;
    color: #ffffff;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    font-family: 'Poppins', sans-serif;
    display: block;
    text-align: center;
    line-height: 46px;
    transition: all 500ms ease;
    margin: 0 auto;
}
.latest-project-area .right-content .text-holder .content a:hover{
    background: #ffffff;
    border-color: #ffffff;
    color: #1F2864;
}




/*** 
=============================================
    Latest blog Area style
=============================================
***/
.latest-blog-area {
    background: #ffffff none repeat scroll 0 0;
    padding-bottom: 56px;
    padding-top: 52px;
    position: relative;
}
.latest-blog-area:before{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    max-height: 260px;
    height: 100%;
    content: "";
    background: #f6f6f6;
}
.latest-blog-area .single-blog-post {
    margin-bottom: 30px;
    transition: all 500ms ease;
}
.single-blog-post .img-holder{
    display: inline-block;
	vertical-align:bottom;
    overflow: hidden;
    position: relative;     
}
.single-blog-post .img-holder img {
    transition: all 0.4s ease-in-out 0.5s;    
    max-width: 100%;
    transform: scale(1.1, 1.1);  
}
.single-blog-post:hover .img-holder img {
    -ms-transition-delay: 0s;
    transition-delay: 0s;
    transform: scale(1.2, 1.2);
}
.single-blog-post:hover .img-holder .overlay-style-one{
    filter: alpha(opacity=100);
    opacity: 1;
    transition-delay: 0s;
}

.single-blog-post .img-holder .overlay-style-one .box .content a i {
    background: rgba( 61, 67, 148, 0.85) none repeat scroll 0 0;
    border: 1px solid #ddd;
    border-radius: 3%;
    color: #ffffff;
    display: inline-block;
    font-size: 17px;
    height: 45px;
    width: 45px;    
    line-height: 45px;
    transform: scale(2);
    transition: all 0.3s ease-in-out 0.1s;
    transition: all 500ms ease 0s;
    opacity: 0;
}
.single-blog-post:hover .img-holder .overlay-style-one .box .content a i{
    transform: scale(1);
    transition-delay: 0.1s;
    opacity: 1;
}
.single-blog-post .img-holder .overlay-style-one .box .content a:hover i{
    background: #fff;
    color: ##3d4394;
}

.single-blog-post .text-holder {
    border-left: 1px solid #f2f2f2;
    border-right: 1px solid #f2f2f2;
    border-bottom: 1px solid #f2f2f2;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 23px;
	padding-top:23px;
    transition: all 500ms ease;
    position: relative;
    z-index: 1;
}
.single-blog-post .text-holder.p-t0 {
	border-top:1px solid #f2f2f2;
}
.single-blog-post .text-holder .meta-info {
    padding-bottom: 7px;
}
.single-blog-post .text-holder .meta-info li {
    display: inline-block;
    margin: 0px 7px 0px 0px;
    border-right: 1px solid #dcdcdc;
    line-height: 14px;
    padding-right: 10px;
}
.single-blog-post .text-holder .meta-info li:last-child{
    margin: 0;
    padding: 0;
    border: none;
}
.single-blog-post .text-holder .meta-info li a{
    color: #848484;
    font-size: 14px;
    font-weight: 400;
    font-family: 'Poppins', sans-serif;
    transition: all 500ms ease;
}
.single-blog-post .text-holder .blog-title {
    color: #222222;
    display: block;
    padding: 0;
    transition: all 500ms ease 0s;
}
.single-blog-post .text-holder .blog-title:hover{
    color: #1F2864;
}
.single-blog-post .text-holder .meta-info li a:hover{
    color: #1F2864;
}

.single-blog-post .text-holder .text {
    margin: 18px 0 0;
}
.single-blog-post .text-holder .text p {}

.single-blog-post .text-holder .bottom {
    overflow: hidden;
    border-top: 1px solid #f2f2f2;
    padding-top: 22px;
    margin-top: 21px;
}
.single-blog-post .text-holder .bottom .readmore a {
    color: #222222;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    font-family: 'Poppins', sans-serif;
    line-height: 30px;   
    transition: all 500ms ease;
}
.single-blog-post .text-holder .bottom .readmore a:hover{
    color: #1F2864
}
.single-blog-post .text-holder .bottom .comment{
    
}
.single-blog-post .text-holder .bottom .comment p{
    margin: 0;    
}
.single-blog-post .text-holder .bottom .comment p span:before{
    display: inline-block;
    font-size: 18px;
    position: relative;
    top: 3px;
    padding-right: 3px;
}

.latest-blog-area .owl-dots {
    position: relative;
    margin-top: 5px;
}
.latest-blog-area .owl-dots .owl-dot{
	background-image:none;
	width: 13px;
	height: 13px;
	margin: 5px 7px;
    border: 2px solid #f3f3f3;
	padding:0px;
	background: #f4f4f4;
	-webkit-border-radius:50%;
	-ms-border-radius:50%;
	-o-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
	transition: all 500ms ease;
	display: inline-block;
}
.latest-blog-area .owl-dots .owl-dot span{
	display:none;	
}
.latest-blog-area .owl-dots .owl-dot.active{
	background:#1F2864;
    border-color: #1F2864;
    border-radius: 15px;
}
.latest-blog-area .owl-dots .owl-dot:hover{
	background:#1F2864;
    border-color: #1F2864;
}



/*** 
=============================================
    Consultation Area style
=============================================
***/
.consultation-area {
    background-attachment: fixed;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    padding-bottom: 71px;
    padding-top: 62px;
    position: relative;
    z-index: 1;
}
.consultation-area::before {
    background: rgba(61, 67, 148, 0.90) none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
} 
.consultation-area::after {
    background: rgba(34, 37, 74, 0.90) none repeat scroll 0 0;
    content: "";
    height: 100%;
    right: 0;
    position: absolute;
    top: 0;
    width: 30%;
    z-index: -1;
} 
.consultation-area .sec-title h1{
    color: #6568a3;
}
.consultation-area .sec-title .overlay-title h2{
    color: #ffffff;
}

.consultation-form input[type="text"],
.consultation-form input[type="email"],
.consultation-form textarea{
    border: 1px solid #6b6fab;
    background: rgba(255, 255, 255, 0.10);
    color: #ffffff;
    display: block;
    font-size: 16px;
    height: 60px;
    margin-bottom: 30px;
    padding: 0 20px;
    width: 100%;
    font-weight: 400;
    transition: all 500ms ease;
}
.consultation-form textarea{
    height: 150px;
    padding: 15px 20px;
}
.consultation-form input[type="text"]:focus{
    background: #1F2864;
    border-color: #fff;        
}
.consultation-form input[type="email"]:focus{
    background: #1F2864;
    border-color: #fff;           
}
.consultation-form textarea:focus{
    background: ##3d4394;
    border-color: #fff;     
}
.consultation-form button,
.consultation-form input[type="submit"] {
    padding: 23px 30px 23px;
    width: 100%;
	border:0px;
}

.consultation-form input::-webkit-input-placeholder {
    color: #fff;
}
.consultation-form input:-moz-placeholder {
    color: #fff;
}
.consultation-form input::-moz-placeholder {
    color: #fff;
}
.consultation-form input:-ms-input-placeholder {
    color: #fff;
}

.consultation-form textarea::-webkit-input-placeholder {
    color: #ffffff;
}
.consultation-form textarea:-moz-placeholder { /* Firefox 18- */
    color: #ffffff;  
}
.consultation-form textarea::-moz-placeholder {  /* Firefox 19+ */
    color: #ffffff;  
}
.consultation-form textarea:-ms-input-placeholder {
    color: #ffffff;  
}

.experience-box {
    background: #ffffff;
    display: block;
    padding: 30px 20px 27px;
    max-width: 370px;
    width: 100%;
}
.experience-box h3 {
    color: #1F2864;
    margin: 0 0 12px;
}
.experience-box h3 span {
    color: ##3d4394;
}
.experience-box .year {
    position: relative;
    overflow: hidden;
    display: block;
    min-height: 155px;
    z-index: 1;
}
.experience-box .year:before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: "";
    background: url(images/icon/experience-bg.png);
    height: 155px;
    z-index: -1;
    background-repeat: no-repeat;
    text-align: center;
    width: 170px;
    margin: 0 auto;
}
.experience-box .year h1 {
    color: #1F2864;
    font-size: 70px;
    font-weight: 700;
    line-height: 70px;
    display: block;
    padding-top: 20px;
}
.experience-box .year h2 {
    color: #1F2864;
    font-size: 20px;
    font-weight: 500; 
    margin: 7px 0 0;
}

.experience-box p{
    margin: 0;
}



/*** 
=============================================
    Testimonial Area style
=============================================
***/
.testimonial-area {
    padding: 52px 0 70px;
    background: #ffffff;    
}
.testimonial-area .single-item .img-holder {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #f4f4f4;
    border-radius: 50%;
    display: block;
    height: 95px;
    margin: 0 auto;
    overflow: hidden;
    padding: 3px;
    width: 95px;
    z-index: 1;
    position: relative;
    -webkit-transition: all 0.7s ease;
    transition: all 0.7s ease;
}
.testimonial-area .single-item:hover .img-holder{
    background: ##3d4394;
    border-color: ##3d4394;
}
.testimonial-area .single-item .img-holder img {
    border-radius: 50%;
}
.testimonial-area .single-item .text-holder {
    border: 1px solid #f4f4f4;
    margin-top: -48px;
    padding-left: 25px;
    padding-right: 25px;
    padding-top: 76px;
    z-index: -1;
    padding-bottom: 21px;
    -webkit-transition: all 0.7s ease;
    transition: all 0.7s ease;
}
.testimonial-area .single-item:hover .text-holder{
    border-color: #e7e3e3;
}
.testimonial-area .single-item .text-holder h5 {
    color: #1c1c1c;
    font-size: 18px;
    font-weight: 700;
    text-transform: capitalize;
    margin: 0 0 9px;
}
.testimonial-area .single-item .text-holder p {}

.testimonial-area .single-item .client-info {
    background: #fff none repeat scroll 0 0;
    display: block;
    overflow: hidden;
    padding: 15px 25px 12px;
    text-align: center;
    border-left: 0px solid #f7f7f7;
    border-bottom: 1px solid #f7f7f7;
    border-right: 0px solid #f7f7f7;
    position: relative;
    z-index: 1;
    transition: all 500ms ease;
}
.testimonial-area .single-item:hover .client-info{
    border-color: #e7e3e3;
}
.testimonial-area .single-item .client-info .name h6 {
    color: #1c1c1c;
    font-size: 18px;
    font-weight: 500;
    text-transform: capitalize;
    margin: 0 0 3px;
    transition: all 700ms ease;
}
.testimonial-area .single-item .client-info .name p {
    color: ##3d4394;
    margin: 0;
    transition: all 500ms ease;
}

.testimonial-area .owl-theme .owl-dots {
    display: none;
    text-align: center;
}
.testimonial-area .owl-theme .owl-nav {
    left: 0;
    position: absolute;
    top: 50%;
    width: 100%;
}
.testimonial-area .owl-theme .owl-nav .owl-prev {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #f6f6f6;
    display: block;
    height: 40px;
    left: -44px;
    position: absolute;
    top: -15px;
    transition: all 700ms ease 0s;
    width: 40px;
    z-index: 10;
    border-right: none;
}
.testimonial-area .owl-theme .owl-nav .owl-next {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #f6f6f6;
    display: block;
    height: 40px;
    position: absolute;
    right: -44px;
    top: -15px;
    width: 40px;
    z-index: 10;
    transition: all 700ms ease 0s;
    border-left: none;
}
.testimonial-area .owl-theme .owl-nav .owl-prev:hover{
    background: ##3d4394;
}
.testimonial-area .owl-theme .owl-nav .owl-next:hover{
    background: ##3d4394;    
}
.testimonial-area .owl-theme .owl-nav div .fa:hover{
    color: #fff;    
}
.testimonial-area .owl-theme .owl-nav div .fa {
    color: #ececec;
    font-size: 25px;
    display: block;
    padding-top: 2px;
    text-align: center;
}
.testimonial-area .more-review-button{
    margin-top: 40px;
}
.testimonial-area .more-review-button a{
    border: 1px solid #f4f4f4;
    width: 160px;
    height: 50px;
    margin: 0 auto;
    display: block;
    color: #1c1c1c;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    line-height: 48px;
    transition: all 500ms ease;
}
.testimonial-area .more-review-button a:hover{
    background: ##3d4394;
    color: #fff;
    border-color: ##3d4394;
}



/*** 

====================================================================
	Feedback Section
====================================================================

***/
.feedback-section{
	position:relative;
	padding:80px 0px 80px;
}
.feedback-section .owl-carousel{
	max-width:375px;
	margin:0 auto;
	position:static;
}
.feedback-section .carousel-outer{
	position:relative;
	overflow:hidden;
	padding-top:40px;
	margin:0px -36px;
}
.feedback-section .owl-carousel .owl-stage-outer{
	overflow:visible;
}
.testimonial-block-three{
	position:relative;
}
.testimonial-block-three .inner-box{
	position:relative;
	text-align:center
}
.testimonial-block-three .inner-box .upper-box{
	position:relative;
	padding:35px 20px 30px;
	background-color:#ffffff;
	transition:all 300ms ease;
    box-shadow: 0px 1px 5px 1px rgba(241,241,241,1);
}
.testimonial-block-three .inner-box .upper-box .content{
	position:relative;
}
.testimonial-block-three .inner-box .upper-box .content .text{
	position: relative;
	color: #848484;
	font-size: 16px;
	line-height: 28px;
	font-weight: 300;
}
.testimonial-block-three .inner-box .lower-box{
	position:relative;
	margin-top:30px;
}
.testimonial-block-three .inner-box .lower-box .image-box{
	position:relative;
	width:80px;
	height:80px;
	margin:0 auto;
	margin-top:-70px;
	border-radius:50%;
	margin-bottom:15px;
	overflow:hidden;
	display:none;
	transition:all 300ms ease;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
}
.testimonial-block-three .inner-box .lower-box .image-box img{
	border-radius:50%;
}
.testimonial-block-three .inner-box .lower-box h3{
	position: relative;
	color: #222222;
	font-size: 18px;
	font-weight: 500;
	text-transform: capitalize;
}
.testimonial-block-three .inner-box .lower-box .location{
	position:relative;
	color:##3d4394;
	font-size:16px;
}

.feedback-section .owl-item{
	opacity: 0.3;
}
.feedback-section .owl-item.active{
	opacity:1;
}
.feedback-section .owl-item.active .testimonial-block-three .inner-box{
	margin-top:-40px;
}
.feedback-section .owl-item.active .testimonial-block-three .inner-box .lower-box .image-box{
	display:block;
}
.feedback-section .owl-item.active .testimonial-block-three .inner-box .upper-box{
	padding-bottom:70px;
}
.feedback-section .owl-dots {
    position: relative;
    margin-top: 25px;
}
.feedback-section .owl-dots .owl-dot{
	background-image:none;
	width: 13px;
	height: 13px;
	margin: 5px 7px;
    border: 2px solid #f3f3f3;
	padding:0px;
	background: #f4f4f4;
	-webkit-border-radius:50%;
	-ms-border-radius:50%;
	-o-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
	transition: all 500ms ease;
	display: inline-block;
}
.feedback-section .owl-dots .owl-dot span{
	display:none;	
}
.feedback-section .owl-dots .owl-dot.active{
	background:##3d4394;
    border-color: ##3d4394;
    border-radius: 15px;
}
.feedback-section .owl-dots .owl-dot:hover{
	background:##3d4394;
    border-color: ##3d4394;
}



/*** 
=============================================
    Brand Area style
=============================================
***/
.brand-area {
    background: #ffffff; /* ancien gris remplacé par ton bleu */
    padding-bottom: 60px;
    padding-top: 60px;
}

.brand-area .brand .owl-stage-outer {
    z-index: 10;		
}

.brand-area .brand .single-item {
    border: 1px solid #ffffff; /* bleu à la place du gris */
    height: auto;
    -webkit-transition: all 300ms ease-in 0s;
    transition: all 300ms ease-in 0s;
    text-align: center;
    background: #ffffff; /* fond blanc pour bien contraster */
}

.brand-area .brand .single-item img {
    display: inline-block;
    max-width: 100%;
    opacity: 1;
    padding: 0px 0;
    position: relative;
    -webkit-transition: all 300ms ease-in 0s;
    transition: all 300ms ease-in 0s;
    width: auto;
}

.brand-area .brand .single-item:hover {
    border: 1px solid #ffffff; /* bleu au survol */
    background: #eef0fb; /* léger ton clair du bleu */
}

.brand-area .brand .single-item:hover img {
    opacity: .9;
}

.brand-area .owl-controls {
    display: none;
}




/*** 
=============================================
    Footer area style
=============================================
***/
.footer-area {
    position: relative;
    background: #3b3b3b; /* gris foncé */
    padding: 70px 0 77px;
}

.single-footer-widget .footer-logo {
    padding: 0 0 32px;
}

.single-footer-widget .our-info {
    overflow: hidden;
}

.single-footer-widget .our-info p {
    margin: 0 0 31px;
    color: #ffffff; /* texte blanc */
    font-size: 16px;
    font-weight: 300;
    line-height: 26px;
}

.single-footer-widget .our-info .button a {
    background: #1F2864;
    color: #ffffff;
    border: 2px solid #ffffff;
    padding: 16px 40px 16px;
    transition: all 500ms ease;
}

.single-footer-widget .our-info .button a:hover {
    background: #ffffff;
    color: #1F2864;
}

.single-footer-widget .title {
    display: block;
    overflow: hidden;
    position: relative;
    padding-bottom: 40px;
}

.single-footer-widget .title .border {
    width: 50px;
    height: 2px;
    margin: 13px 0 0;
    background: #ffffff; /* ligne blanche */
    display: block;
}

.single-footer-widget .title h3 {
    color: #ffffff; /* titre blanc */
    font-size: 22px;
    font-weight: 500;
    text-transform: capitalize;
}

.single-footer-widget .usefull-links {
    float: left;
    margin-top: -6px;
}

.single-footer-widget .usefull-links li {
    margin-bottom: 10px;  
    position: relative;
}

.single-footer-widget .usefull-links li:last-child {
    margin-bottom: 0px;  
}

.single-footer-widget .usefull-links li a {
    color: #ffffff; /* texte blanc */
    font-size: 16px;
    font-weight: 300;
    transition: all 700ms ease;
}

.single-footer-widget .usefull-links li:hover a {
    color: #f2f2f2;
    text-decoration: underline;
}

.single-footer-widget .latest-news {
    overflow: hidden;
    display: block;
    margin-top: -4px;
}

.single-footer-widget .latest-news li {
    display: block;
    border-bottom: 1px solid #3e3e3ee2;
    padding-bottom: 11px;
    margin-bottom: 17px;
}

.single-footer-widget .latest-news li:last-child {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}

.single-footer-widget .latest-news li h4 {
    margin: 0 0 11px;
}

.single-footer-widget .latest-news li h4 a {
    color: #ffffff; /* texte blanc */
    font-size: 16px;
    font-weight: 400;
    transition: all 500ms ease;
}

.single-footer-widget .latest-news li h4 a:hover {
    color: #f2f2f2;
}

.single-footer-widget .latest-news li span {
    color: #ffffff; /* texte blanc */
}

.single-footer-widget .footer-contact-info {
    position: relative;
    margin-top: -5px;
    z-index: 2;
}

.single-footer-widget .footer-contact-info:before {
    position: absolute;
    bottom: -30px;
    left: 0;
    content: "";
    background: url(images/resources/footer-map.png);
    background-repeat: no-repeat;
    z-index: -1;
    right: 0;
    top: 0;
    opacity: 0.2;
}

.single-footer-widget .footer-contact-info li {
    position: relative;
    padding-left: 35px;
    margin-bottom: 16px;
    padding-bottom: 17px;
    border-bottom: 1px solid #ffffff44;
}

.single-footer-widget .footer-contact-info li:last-child {
    margin-bottom: 0;
}

.single-footer-widget .footer-contact-info li .icon-holder {
    position: absolute;
    top: 2px;
    left: 0;
}

.single-footer-widget .footer-contact-info li .icon-holder span:before {
    color: #ffffff; /* icônes blanches */
    font-size: 18px;
    line-height: 20px;
}

.single-footer-widget .footer-contact-info li .icon-holder span.flaticon-gps:before {
    position: relative;
    top: 3px;
    font-size: 20px;
}

.single-footer-widget .footer-contact-info li .text-holder h5 {
    color: #ffffff; /* texte blanc */
    font-size: 16px;
    font-weight: 300;
    line-height: 26px;
    font-family: 'Hind', sans-serif;
}

.single-footer-widget .footer-social-links {
    overflow: hidden;
    margin: 20px 0 0;
}

.single-footer-widget .footer-social-links li {
    display: inline-block;
    float: left;
    margin-right: 25px;
}

.single-footer-widget .footer-social-links li:last-child {
    margin-right: 0px;
}

.single-footer-widget .footer-social-links li a i {
    color: #ffffff; /* icônes sociales blanches */
    font-size: 14px;
    transition: all 500ms ease;
}

.single-footer-widget .footer-social-links li a:hover i {
    color: #f2f2f2;
}




/*** 
=============================================
    Footer bottom area style
=============================================
***/
.footer-bottom-area{
    background: #1F2864;
    padding: 22px 0;
}
.footer-bottom-area .footer-bottom {
    overflow: hidden;

}
.footer-bottom-area .footer-bottom .copyright-text {
    margin: 0px 0;
}
.footer-bottom-area .footer-bottom .copyright-text p {
    color: #ffffff;
    font-size: 14px;
    font-weight: 400;
    margin: 0;
    font-family: 'Poppins', sans-serif;
    line-height: 26px;
}
.footer-bottom-area .footer-bottom .copyright-text p a {
    color: #ffffff; 
    font-weight: 700;
    transition: all 500ms ease;
}
.footer-bottom-area .footer-bottom .copyright-text p a:hover{
    color: #ffffff;
}

.footer-bottom-area .footer-bottom .footer-menu{}
.footer-bottom-area .footer-bottom .footer-menu ul li{
    display: inline-block;
    float: left;
    margin-right: 25px;
}
.footer-bottom-area .footer-bottom .footer-menu ul li:last-child{
    margin-right: 0px;
}
.footer-bottom-area .footer-bottom .footer-menu ul li a {
    color: #ffffff;
    font-size: 16px;
    font-weight: 300;
    transition: all 500ms ease; 
}
.footer-bottom-area .footer-bottom .footer-menu ul li a:hover{
    color: #fff;
}



/*** 
=============================================
    Breadcrumb area style
=============================================
***/
.breadcrumb-area {
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 125px;
    padding-bottom: 180px;
    position: relative;
    z-index: 1;
}
.breadcrumb-area::before {
    background: rgba(0, 0, 0, 0.50) none repeat scroll 0 0;
    background-position: center top;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}
.breadcrumb-area .breadcrumbs {}
.breadcrumb-area .breadcrumbs h1 {
    color: #ffffff;
    font-size: 48px;
    font-weight: 600;
    line-height: 1.4;
    text-transform: capitalize;
    text-align: center;
}

.breadcrumb-bottom {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: auto;
    overflow: hidden;
    background: rgba(255, 255, 255, 0.75) none repeat scroll 0 0;
    padding: 18px 0 15px;
}
.breadcrumb-bottom .left ul{}
.breadcrumb-bottom .left ul li{
    display: inline-block;
    margin-right: 6px;
    line-height: 20px;
    font-size: 16px;
    font-weight: 400;
    font-family: 'Poppins', sans-serif;
}
.breadcrumb-bottom .left ul li:last-child{
    margin-right: 0;
}
.breadcrumb-bottom .left ul li a{
    color: #ffffff;
    text-transform: capitalize;
    font-family: 'Poppins', sans-serif;
    transition: all 500ms ease;
}
.breadcrumb-bottom .left ul li.active{
    color: ##3d4394;    
}
.breadcrumb-bottom .left ul li i{
    font-size: 16px;
    color: #ffffff;
}
.breadcrumb-bottom .left ul li a:hover{
  color: ##3d4394;    
}
.breadcrumb-bottom .right span{
    color: #ffffff;
    font-size: 16px;
    font-weight: 400;
    font-family: 'Hind', sans-serif;
    text-transform: capitalize;
    transition: all 500ms ease;
}
.breadcrumb-bottom .right span i {
    font-size: 16px;
    display: inline-block;
    padding-right: 6px;
}

.breadcrumb-bottom .right a {
    display: inline-block;
}
.breadcrumb-bottom .right span:hover{
    color: ##3d4394;    
}



/*** 
=============================================
   About Top Area style
=============================================
***/
.about-top-area {
    padding: 70px 0;
}
.about-top-area .img-holder{
    
}
.about-top-area .img-holder img{
    
}
.about-top-area .text-holder{}
.about-top-area .text-holder h3 {
    color: #222222;
    font-size: 20px;
    font-weight: 500;
    line-height: 30px;
    margin: 0 0 21px;
}

.about-top-area .text-holder .bottom{
    margin-top: 20px;
}
.about-top-area .text-holder .bottom h3 {
    margin: 0 0 3px;
}
.about-top-area .text-holder .bottom span{
    color: ##3d4394;    
}

.about-top-area .company-details{
    overflow: hidden;
    display: block;
}
.about-top-area .company-details li{
    display: block;
    margin-bottom: 20px;
    padding-left: 50px;
    position: relative;
}
.about-top-area .company-details li:last-child{
    margin-bottom: 0;
}
.about-top-area .company-details li .icon-holder {
    position: absolute;
    top: 5px;
    left: 0;
}
.about-top-area .company-details li .icon-holder span:before {
    color: #222222;
    font-size: 35px;
    line-height: 36px;
}
.about-top-area .company-details li .text-box{
    
}
.about-top-area .company-details li .text-box h3 {
    margin: 0 0 2px;
    color: #222;
    font-weight: 500;
}
.about-top-area .company-details li .text-box span{
    color: ##3d4394;
}
.about-top-area .company-details li .text-box p{
    margin: 10px 0 0;
}



/*** 
=============================================
    History Area style
=============================================
***/
.history-area{
    padding: 52px 0 70px;
}
.single-history {
    padding-left: 130px;
    position: relative;
    display: block;
    border-left: 1px solid #ddd;
    padding-top: 30px;
    padding-bottom: 30px;
    margin-left: 3px;
}
.single-history:before {
    position: absolute;

    top: 0px;
    left: -4px;
    width: 7px;
    height: 7px;
    background: #e9e9e9;
    content: "";
    border-radius: 50%;
    z-index: 1;
}
.single-history.bottom{
 
}
.single-history.bottom:before{
    display: none;
}
.single-history.bottom:after{
    position: absolute;
    bottom: 0px;
    left: -4px;
    width: 7px;
    height: 7px;
    background: #e9e9e9;
    content: "";
    border-radius: 50%;
    z-index: 1;
}

.single-history .date-box {
    position: absolute;
    top: 0;
    left: 0;
    width: 110px;
    height: 60px;
    text-align: center;
    border-bottom: 1px solid #f2f2f2;
    z-index: 2;
}
.single-history .date-box:before {
    position: absolute;
    bottom: -4px;
    left: -4px;
    width: 7px;
    height: 7px;
    background: ##3d4394;
    content: "";
    border-radius: 50%;
    z-index: 1;
}
.single-history .date-box:after {
    position: absolute;
    bottom: -6px;
    left: -6px;
    width: 11px;
    height: 11px;
    background: #ffffff;
    content: "";
    border-radius: 50%;
    z-index: -1;
}

.single-history .date-box h4 {
    color: #848484;
    font-size: 16px;
    font-weight: 500;
    display: block;
    padding: 28px 0 14px;
    text-transform: uppercase;
}

.single-history .right-content{
    overflow: hidden;
    padding-left: 70px;
    position: relative;
}
.single-history .right-content .img-box {
    position: absolute;
    top: 0;
    left: 0;
}
.single-history .right-content .text-box {
    padding-left: 20px;
}
.single-history .right-content .text-box h3 {
    color: #222222;
    font-size: 18px;
    line-height: 22px;
    margin: 0 0 5px;
}
.single-history .right-content .text-box p {
    margin: 0;
}

.history-area .owl-controls {
    position: absolute;
    right: 0;
    top: -84px;
}
.history-area .owl-theme .owl-nav [class*="owl-"] {
    background: #ffffff none repeat scroll 0 0;
    color: #ababab;
    font-size: 20px;
    font-weight: 700;
    height: 45px;
    line-height: 46px;
    margin: 0 0 0 0px;
    padding: 0;
    width: 45px;
    border: 1px solid #f2f2f2;    
    transition: all 700ms ease 0s;
    border-radius: 50%;
}
.history-area .owl-theme .owl-nav .owl-next {
    margin-left: 10px;
}
.history-area .owl-theme .owl-nav [class*="owl-"]:hover{
    border-color: ##3d4394;
    color: ##3d4394;
}



/*** 
=============================================
    Smart approach area style
=============================================
***/
.smart-approach-area {
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 62px;
    padding-bottom: 20px;
    position: relative;
    z-index: 1;
}
.smart-approach-area:before {
    background: rgba(0, 0, 0, 0.01) none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}
.smart-approach-area .title{
    max-width: 890px;
    margin: 0 auto;
    padding-bottom: 40px;
}
.smart-approach-area .title h2{
    color: #ffffff;
    font-size: 30px;
    font-weight: 400;
    line-height: 36px;
}

.smart-approach-area .single-item {
    background: #ffffff;
    margin-bottom: 50px;
    position: relative;
    overflow: hidden;
    display: block;
    border: 3px solid #f4f4f4;
}
.smart-approach-area .single-item .inner-content{
    padding-left: 30px;
    padding-bottom: 20px;
    padding-top: 40px;
    transition: all 500ms ease;
}
.smart-approach-area .single-item .inner-content .iocn-holder {
    margin-bottom: 29px;
}
.smart-approach-area .single-item .inner-content .iocn-holder span:before {
    color: ##3d4394;
    font-size: 55px;
    line-height: 55px;
}
.smart-approach-area .single-item .inner-content .border{
    height: 1px;
    width: 60px;
    display: block;
    background: #f4f4f4;
}
.smart-approach-area .single-item .inner-content .title-holder {
    padding-top: 29px;
}
.smart-approach-area .single-item .inner-content .title-holder h3{
    color: #222222;
    font-size: 20px;
    margin: 0 0 5px;
}
.smart-approach-area .single-item .inner-content .title-holder p{
    color: ##3d4394;
    font-size: 16px;
    font-style: italic;
    margin: 0;
}

.smart-approach-area .single-item .overlay-content{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
    border: 1px solid ##3d4394;
    background-color: rgba(255, 255, 255, 0.90);
    -webkit-transition: all 0.7s ease;
    transition: all 0.7s ease;    
}
.smart-approach-area .single-item .overlay-content .box{
    display: table;
    height: 100%;
    width: 100%;    
}
.smart-approach-area .single-item .overlay-content .box .content{
    display: table-cell;
    text-align: left;
    vertical-align: middle; 
    padding-left: 20px;
    padding-right: 20px;
}
.smart-approach-area .single-item .overlay-content .box .content h3 {
    margin: 0px;
}
.smart-approach-area .single-item .overlay-content .box .content b{
    color: ##3d4394;
    font-size: 16px;
    font-weight: 400;
    font-style: italic;
    font-family: 'Poppins', sans-serif;
    text-transform: capitalize;
}
.smart-approach-area .single-item .overlay-content .box .content .border {
    height: 1px;
    width: 60px;
    display: block;
    background: #f4f4f4;
    margin-top: 15px;
    margin-bottom: 15px;
}

.smart-approach-area .single-item:hover .overlay-content{
	opacity:1;
	transform:scale(1,1);
}
.smart-approach-area .single-item:hover .inner-content{
    opacity: 0;
}


/*** 
=============================================
   Achivements Area style
=============================================
***/
.achivements-area {
    background: #f7f7f7;
    padding: 52px 0 11px;
}
.achivements-area .text-holder {
    margin-bottom: 50px;
    margin-top: -8px;
}
.achivements-area .text-holder p{
    margin: 0;    
}
.achivements-area .achivement-logo {
    overflow: hidden;
}
.achivements-area .achivement-logo ul li {
    display: inline-block;
    float: left;
    margin-right: 30px;
    margin-bottom: 30px;
}
.achivements-area .achivement-logo ul li:last-child{
    margin-right: 0;
}



/*** 
=============================================
    Team Area style
=============================================
***/
.team-area {
    padding-top: 52px;
    padding-bottom: 30px;
}

.single-team-member{
    margin-bottom: 40px;    
}
.single-team-member .img-holder{
    overflow: hidden;
    position: relative;
    display: block;    
}
.single-team-member .img-holder img{
    transform: scale(1.1, 1.1);
    transition: all 0.5s ease 0s;
    width: 100%;     
}
.single-team-member:hover .img-holder img{
    transform: scale(1, 1);    
}
.single-team-member .img-holder .overlay-style-one {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background: rgba(61, 67, 148, .8);
    color: #fff;
    transition: all 500ms ease;
    opacity: 0;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
}
.single-team-member .img-holder .overlay-style-one .box .content ul{}
.single-team-member .img-holder .overlay-style-one .box .content ul li{
    display: inline-block;
    margin: 0 5px;    
}
.single-team-member .img-holder .overlay-style-one .box .content ul li a i{
    height: 40px;
    width: 40px;
    border-radius: 50%;
    border: 2px solid #fff;
    color: #fff;
    font-size: 14px;
    line-height: 36px;
    transition: all 500ms ease;    
}
.single-team-member .img-holder .overlay-style-one .box .content ul li a:hover i{
    background: ##3d4394;
}
.single-team-member:hover .img-holder .overlay-style-one{
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; 
}

.single-team-member .text-holder {
    border-left: 2px solid #f2f2f2;
    display: block;
    margin-top: 20px;
    padding-left: 20px;
    position: relative;
}
.single-team-member .text-holder:before{
    position: absolute;
    top: 0;
    left: -2px;
    width: 2px;
    height: 30px;
    content: "";
    background: ##3d4394;
    transition: all 500ms ease;
}
.single-team-member:hover .text-holder:before{
    height: 100%;    
}
.single-team-member .text-holder h3 {
    color: #222222;
    margin: 0 0 3px;
}
.single-team-member .text-holder span {
    color: ##3d4394;
    font-size: 16px;
}
.single-team-member .text-holder .border{
    width: 70px;
    height: 1px;
    display: block;
    background: #f4f4f4;
    margin: 0 auto;
}
.single-team-member .text-holder p {
    margin: 10px 0 0;
}
.single-team-member .text-holder ul{
    overflow: hidden;
    margin-top: 10px;
}
.single-team-member .text-holder ul li span:before {
    color: ##3d4394;
    font-size: 16px;
    line-height: 20px;
    display: inline-block;
    padding-right: 4px;
    position: relative;
    top: 1px;
}



/*** 
=============================================
   Consultation Area style
=============================================
***/
.consultation-area.consultation-page {
    padding-top: 70px;
    padding-bottom: 71px;
    background: #ffffff;
}
.consultation-area.consultation-page .inner-content{
    position: relative;
    background: #f6f6f6;
}
.consultation-area.consultation-page .inner-content .img-holder{
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
}
.consultation-area.consultation-page .inner-content .img-holder img {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: auto;
}


.consultation-area.consultation-page::before {
    background: none;
}
.consultation-area.consultation-page::after {
    background: none;    
}

.consultation-area.consultation-page .consultation{
    padding-left: 30px;
    padding-top: 50px;
    padding-bottom: 50px;
}

.consultation-area.consultation-page .consultation-form input[type="text"], 
.consultation-area.consultation-page .consultation-form input[type="email"], 
.consultation-area.consultation-page .consultation-form textarea {
    border: 1px solid #e9e9e9;
    background: #ffffff;
    color: #000;
    display: block;
    font-size: 16px;
    height: 60px;
    margin-bottom: 30px;
    padding: 0 20px;
    width: 100%;
    font-weight: 400;
    transition: all 500ms ease;
}

.consultation-area.consultation-page .consultation-form textarea{
    height: 160px;
    padding: 15px 20px;
}
.consultation-area.consultation-page .consultation-form input[type="text"]:focus{
    background: #fff;
    border-color: ##3d4394;        
}
.consultation-area.consultation-page .consultation-form input[type="email"]:focus{
    background: #fff;
    border-color: ##3d4394;         
}
.consultation-area.consultation-page .consultation-form textarea:focus{
    background: #fff;
    border-color: ##3d4394;    
}
.consultation-area.consultation-page .consultation-form button,
.consultation-area.consultation-page .consultation-form input[type="submit"] {
    padding: 23px 30px 23px;
    width: 100%;
    max-width: 200px;
	border:0px;
}

.consultation-area.consultation-page .consultation-form input::-webkit-input-placeholder {
    color: #848484;
}
.consultation-area.consultation-page .consultation-form input:-moz-placeholder {
    color: #848484;
}
.consultation-area.consultation-page .consultation-form input::-moz-placeholder {
    color: #848484;
}
.consultation-area.consultation-page .consultation-form input:-ms-input-placeholder {
    color: #848484;
}

.consultation-area.consultation-page .consultation-form textarea::-webkit-input-placeholder {
    color: #848484;
}
.consultation-area.consultation-page .consultation-form textarea:-moz-placeholder { /* Firefox 18- */
    color: #848484;  
}
.consultation-area.consultation-page .consultation-form textarea::-moz-placeholder {  /* Firefox 19+ */
    color: #848484;  
}
.consultation-area.consultation-page .consultation-form textarea:-ms-input-placeholder {
    color: #848484;  
}




/*** 
=============================================
    Faq content area style
=============================================
***/
.faq-content-area{
    background: #ffffff;
    padding-top: 70px;
    padding-bottom: 55px;
}
.faq-content-area .tab-menu {
    margin-bottom: 50px;
    border: none;
}
.faq-content-area .tab-menu li {
    background: #f6f6f6;
    display: block;
    margin-bottom: 5px;
    float: none;
    width: 100%;
}
.faq-content-area .tab-menu li:last-child{
    margin-bottom: none;
}
.faq-content-area .tab-menu li a {
    border: none;
    border-radius: 0;
    display: block;
    margin: 0;
    padding: 15px 20px 13px;
    color: #848484;
    font-size: 16px;
    font-weight: 400;
    text-transform: capitalize;
    background: #f6f6f6;
    font-family: 'Poppins', sans-serif;
    transition: all 500ms ease;
}
.faq-content-area .tab-menu li.active a, 
.faq-content-area .tab-menu li:hover a{
    background: ##3d4394;
    color: #ffffff;
    border: none;
}

.accordion-box {
    display: block;
    overflow: hidden;
    padding: 0;
}
.accordion-box .accordion {
    margin-bottom: 15px;
    position: relative;
}
.accordion-box .accordion .accord-btn {
    border: 1px solid #f0f0f0;
    cursor: pointer;
    padding: 10px 15px 10px 55px;
    position: relative;
    transition: all 500ms ease;
}
.accordion-box .accordion .accord-btn h4 {
    color: #222222;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    transition: all 500ms ease;
}
.accordion-box .accordion .accord-btn::after {
    color: #c7c7c7;
    content: "\f107";
    font-family: "Flaticon";
    font-size: 12px;
    font-weight: 400;
    line-height: 28px;
    margin-top: -25px;
    position: absolute;
    left: 10px;
    top: 33px;
    transition: all 500ms ease 0s;
    width: 30px;
    height: 30px;
    border-radius: 0%;
    border: 1px solid #f8f8f8;
    text-align: center;
}
.accordion-box .accordion .accord-btn.active{
    border-bottom: 1px solid #f0f0f0;  
    transition: all 500ms ease;
}
.accordion-box .accordion .accord-btn.active h4 {
    color: ##3d4394;
}
.accordion-box .accordion .accord-btn.active:after{
    content: "\f106";
    border: 1px solid ##3d4394;
    color: ##3d4394;
    background: transparent;
}
.accordion-box .accordion .accord-content {
    display: none;
    padding: 14px 20px 10px 55px;
    position: relative;
    border: 1px solid #f0f0f0;
    border-top: none;
}
.accordion-box .accordion .accord-content.collapsed {
    display: block;
}
.accordion-box .accordion .accord-content p {
    margin: 0;
}



/*** 
=============================================
    Faq question Form Area style
=============================================
***/
.faq-question-form-area{
    background: #f6f6f6;
    padding-top: 52px;
    padding-bottom: 70px;
}
.faq-question-form-area .question-form form input[type="text"],
.faq-question-form-area .question-form form input[type="email"],
.faq-question-form-area .question-form form textarea{
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #f0f0f0;
    display: block;
    height: 50px;
    margin-bottom: 30px;
    padding: 0 20px;
    width: 100%;
    color: #848484;
    font-size: 16px;
    font-weight: 300;
    transition: all 500ms ease;
}
.faq-question-form-area .question-form form input[type="text"]:focus{
    border: 1px solid ##3d4394;    
}
.faq-question-form-area .question-form form input[type="email"]:focus{
    border: 1px solid ##3d4394;        
}
.faq-question-form-area .question-form form textarea:focus{
    border: 1px solid ##3d4394;    
}
.faq-question-form-area .question-form form textarea{
    height: 140px;
    padding: 15px 20px;
}
.faq-question-form-area .question-form form button,
.faq-question-form-area .question-form form input[type="submit"] {
    padding: 18px 35px 18px;
    width: 220px;
    margin: 0 auto;
    display: block;
	border:0px;
}



/*** 
=============================================
    Testimonial Page style
=============================================
***/
.testimonial-page{
    background: #ffffff;
    padding-top: 70px;
    padding-bottom: 30px;
}
.testimonial-page .single-testimonial-item{
    border: 1px solid #f5f4f3;
    padding: 38px 30px 36px;
    margin-bottom: 40px;
}
.single-testimonial-item .img-holder {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #f4f4f4;
    border-radius: 50%;
    display: block;
    height: 85px;
    margin: 0 auto;
    overflow: hidden;
    width: 85px;
    z-index: 1;
    position: relative;
    -webkit-transition: all 0.7s ease;
    transition: all 0.7s ease;
    padding: 2px;
}
.single-testimonial-item:hover .img-holder{
    background: ##3d4394;
    border-color: ##3d4394;
} 
.single-testimonial-item .text-holder {
    padding-top: 20px;
    transition: all 0.7s ease;
}
.single-testimonial-item:hover .text-holder{
    border-color: #e7e3e3;
}
.single-testimonial-item .text-holder h3 {
    color: #222222;
    font-size: 20px;
    font-weight: 400;
    font-family: 'Poppins', sans-serif;
    line-height: 28px;
    text-transform: none;
    margin: 0 0 12px;
}
.single-testimonial-item .text-holder p {
    margin: 0 0 13px;
}

.single-testimonial-item .border{
    width: 190px;
    height: 1px;
    background: #f5f4f4;
    display: block;
    margin: 0 auto;
}
.single-testimonial-item .name h3 {
    padding-top: 19px;
    color: #222222;
}
.single-testimonial-item .name span{
    color: ##3d4394;    
}



/*** 
=============================================
    Not found area style
=============================================
***/
.not-found-area {
    background: #ffffff none repeat scroll 0 0;
    padding-bottom: 90px;
    padding-top: 50px;
}
.not-found-content h1 {
    color: #1c1c1c;
    font-size: 150px;
    font-weight: 700;
    margin: 0 0 16px;
}
.not-found-content h3 {
  color: #1c1c1c;
  font-size: 18px;
  font-weight: 400;
  margin: 0 0 15px;
  text-transform: uppercase;
}
.not-found-content p {
    color: #3D4394;
    font-size: 18px;
    margin: 0 0 30px;
}

.not-found-content .search-form {
  width: 432px;
  position: relative;
  margin: 0 auto;
}
.not-found-content .search-form input[type="text"] {
  background: #fff;
  border: 1px solid #f4f4f4;
  color: #9a9a9a;
  display: inline-block;
  font-size: 16px;
  font-weight: 300;
  height: 55px;
  letter-spacing: 1px;
  padding-left: 20px;
  padding-right: 60px;
  position: relative;
  -webkit-transition: all 500ms ease 0s;
  transition: all 500ms ease 0s;
  width: 432px;
}
.not-found-content .search-form button {
  background: #f9f9f9 none repeat scroll 0 0;
  border: 1px solid #f4f4f4;
  color: #1c1c1c;
  display: inline-block;
  height: 55px;
  padding: 11px 0;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  -webkit-transition: all 500ms ease 0s;
  transition: all 500ms ease 0s;
  width: 55px;
}
.not-found-content .search-form button i {
    font-size: 14px
}
.not-found-content .search-form input[type="text"]:focus {
  border: 1px solid #3D4394;
  background: #fff;
  color: #222;
}
.not-found-content .search-form input[type="text"]:focus + button, 
.not-found-content .search-form button:hover {
  background: #3D4394 none repeat scroll 0 0;
  color: #fff;
}



/*** 
=============================================
    Services page area style
=============================================
***/
.services-page-area{
    padding-top: 70px;
    padding-bottom: 30px;
}
.left-sidebar .single-sidebar {}
.left-sidebar .single-sidebar .page-link {
    overflow: hidden;
    margin-bottom: 50px;
	background: none;
    padding: 0px;
    border: 0px;
}
.left-sidebar .single-sidebar .page-link li{
	border-bottom: 0px;
    margin-bottom: 0px;
    padding-bottom: 0px;
    display: block;
}
.left-sidebar .single-sidebar .page-link li:last-child{
    margin-bottom: 0px;   
}
.left-sidebar .single-sidebar .page-link li a {
    border-bottom: 1px solid #e9e9e9;
    background: #f6f6f6 none repeat scroll 0 0;
    color: #222222;
    display: block;
    font-size: 14px;
    font-weight: 600;
    padding: 15px 20px 15px;
    width: 100%;
    font-family: 'Poppins', sans-serif;
    position: relative;
    z-index: 1;
    transition: all 500ms ease;
    transition-delay: 0.15s;
}
.left-sidebar .single-sidebar .page-link li:last-child a{
    border-bottom: none;
} 
.left-sidebar .single-sidebar .page-link li a:before {
    position: absolute;
    top: 0;
    right: 0;
    width: 37px;
    height: 56px;
    content: "\f178";
    font-family: FontAwesome;
    color: #ffffff;
    line-height: 58px;
    font-size: 18px;
    transform: translate3d(-30px, 0px, 0px);
    transition-delay: 0.5s;
    transition: all 500ms ease;
    opacity: 0;
}

.left-sidebar .single-sidebar .page-link li a:hover,
.left-sidebar .single-sidebar .page-link li a.active{
    color: #fff;
    background: ##3d4394;
}
.left-sidebar .single-sidebar .page-link li a:hover:before,
.left-sidebar .single-sidebar .page-link li a.active:before{
    transform: translate3d(0px, 0px, 0px); 
    opacity: 1;
}


.left-sidebar .single-sidebar .contact-author-info {
    background: #f6f6f6;
    display: block;
    padding: 14px 20px 25px;
}
.contact-author-info .mar-btm-20 {
    margin-bottom: 0px;
    border-bottom: 1px solid #e9e9e9;
    background: none;
    display: block;
    padding: 0px;
    border: 0px;
}
.contact-author-info .mar-btm-20 li{
	border-bottom: 1px solid #e9e9e9;
    margin-bottom: 20px;
    padding-bottom: 20px;
    display: block;	
}
.contact-author-info .mar-btm-20 li:last-child{
	border-bottom: 0px;
    margin-bottom: 0px;
	padding-bottom:0px;
}
.contact-author-info .title {
    padding-bottom: 10px;
}
.contact-author-info .title h3{
    color: #222222;
    font-size: 16px;
    font-weight: 500;
}
.contact-author-info ul li{
    position: relative;
    padding-left: 85px;
    display: block;
}
.contact-author-info ul li .img-holder{
    position: absolute;
    top: 0;
    left: 0;
}
.contact-author-info ul li .text-holder{}
.contact-author-info ul li .text-holder h5{
    color: ##3d4394;
    font-size: 16px;
    font-weight: 400;
    margin: 0 0 5px;
}
.contact-author-info ul li .text-holder p{
    margin: 0;
    color: #848484;
    font-size: 16px;
    line-height: 22px;
}
.contact-author-info ul li .text-holder p i {
    color: #848484;
    font-size: 16px;
    display: inline-block;
    padding-right: 8px;
}



.left-sidebar .single-sidebar .brochures-dwn-link {
    overflow: hidden;
    margin-top: 50px;
	background: none;
    display: block;
    padding: 0px;
    border: 0px;
}
.left-sidebar .single-sidebar .brochures-dwn-link li{
    margin-bottom: 10px;
	border-bottom: 0px;
    padding-bottom: 0px;
    display: block;
}
.left-sidebar .single-sidebar .brochures-dwn-link li:last-child{
    margin-bottom: 0;
}
.left-sidebar .single-sidebar .brochures-dwn-link li a {
    border: 1px solid #f4f4f4;
    color: #222222;
    font-size: 16px;
    font-weight: 400;
    display: block;
	width:100%;
    padding: 15px 22px 13px;
    transition: all 500ms ease;
    font-family: 'Poppins', sans-serif;
}
.left-sidebar .single-sidebar .brochures-dwn-link li a:hover{
    background: ##3d4394;
    border-color: ##3d4394;
    color: #fff;
}
.left-sidebar .single-sidebar .brochures-dwn-link li a .icon-holder{
    width: 35px;
}
.left-sidebar .single-sidebar .brochures-dwn-link li a .icon-holder,
.left-sidebar .single-sidebar .brochures-dwn-link li a .title-holder{
    display: table-cell;
    vertical-align: middle;
}
.left-sidebar .single-sidebar .brochures-dwn-link li a .title-holder h5{
    font-size: 18px;    
}



/*** 
=============================================
   Single service Area style
=============================================
***/
#single-service-area {
    padding: 80px 0;
}
#single-service-area .sec-title{
    padding-bottom: 40px;    
}
#single-service-area .sec-title h3{
    font-size: 24px; 
    color: #222222;
}
#single-service-area .sec-title .border{
    height: 2px;
    width: 50px;
    background: ##3d4394;
    display: block;
    margin: 19px 0 0;
    
}

#single-service-area .content-box{}
#single-service-area .content-box .top-content {
    overflow: hidden;
}
#single-service-area .content-box .top-content .single-item {
    margin-bottom: 30px;    
}
#single-service-area .content-box .top-content .single-item .img-holder {
}
#single-service-area .content-box .top-content .single-item .img-holder img {
    width: 100%;
}
#single-service-area .content-box .top-content .single-item .text-holder {
    display: block;
    padding: 25px 0px 15px;
}
#single-service-area .content-box .top-content .single-item .text-holder .mar-btm15{
    margin-bottom: 15px;
}
#single-service-area .content-box .top-content .single-item .text-holder p{
    margin: 0;
}



#single-service-area .content-box .specific-services{
    overflow: hidden;
    margin-bottom: 20px;
}
#single-service-area .content-box .specific-services .sec-title {
    padding-bottom: 10px;
}
#single-service-area .content-box .specific-services .single-item {
    overflow: hidden;
    margin-bottom: 40px;
    text-align: center;
    position: relative;
}
#single-service-area .content-box .specific-services .single-item .icon-holder {
    border: 1px solid #f4f4f4;
    width: 65px;
    height: 65px;
    display: block;
    margin: 0px auto 0;
    position: relative;
    background: #fff;
    border-radius: 50%;
    top: 33px;
    transition: all 500ms ease;
}
#single-service-area .content-box .specific-services .single-item:hover .icon-holder{
    background: ##3d4394;
    border-color: ##3d4394;
}
#single-service-area .content-box .specific-services .single-item .icon-holder span:before {
    color: ##3d4394;
    font-size: 32px;
    font-weight: 400;
    line-height: 62px;
    transition: all 700ms ease;
}
#single-service-area .content-box .specific-services .single-item:hover .icon-holder span:before{
    color: #fff;
}

#single-service-area .content-box .specific-services .single-item .text-holder {
    border: 1px solid #f4f4f4;
    display: block;
    padding: 50px 10px 40px;
}
#single-service-area .content-box .specific-services .single-item .text-holder h3 {
    font-size: 18px;
    margin: 0 0 15px;
    color: #222222;
}
#single-service-area .content-box .specific-services .single-item .text-holder p{
    margin: 0;    
}
#single-service-area .content-box .specific-services .single-item .text-holder a {
    border: 2px solid #f4f4f4;
    height: 45px;
    width: 140px;
    border-radius: 4px;
    display: block;
    color: ##3d4394;
    font-size: 15px;
    font-weight: 500;
    text-transform: capitalize;
    font-family: 'Poppins', sans-serif;
    line-height: 42px;
    margin: 22px auto 0;
    transition: all 900ms ease;
}
#single-service-area .content-box .specific-services .single-item:hover .text-holder a{
    background: ##3d4394;
    border-color: ##3d4394;
    color: #fff;
}

#single-service-area .content-box .benefits-service-content {
    border-top: 1px solid #f4f4f4;
    padding-top: 60px;
    overflow: hidden;
    margin-bottom: 60px;
}
#single-service-area .content-box .benefits-service-content .text-holder {
    overflow: hidden;
}

#single-service-area .content-box .benefits-service-content .text-holder ul {
    overflow: hidden;
}
#single-service-area .content-box .benefits-service-content .text-holder ul li{
    line-height: 30px;
}
#single-service-area .content-box .benefits-service-content .text-holder ul li i {
    display: inline-block;
    padding-right: 13px;
    color: ##3d4394;
    font-weight: 600;
}
#single-service-area .content-box .benefits-service-content .video-holder{
    width: 100%;
    height: auto;
    text-align: center;
    position: relative;
    overflow: hidden;    
}
#single-service-area .content-box .benefits-service-content .video-holder img{
    transform: scale(1);
    transition: all 0.5s ease 0s;
    width: 100%;
}
#single-service-area .content-box .benefits-service-content .video-holder .overlay-gallery {
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    background-color: rgba(61, 67, 148, 0.90); 
    transition: all 500ms ease;
}
#single-service-area .content-box .benefits-service-content .video-holder .overlay-gallery .icon-holder{
    display: table;
    height: 100%;
    width: 100%;    
}
#single-service-area .content-box .benefits-service-content .video-holder .overlay-gallery .icon-holder .icon{
    display: table-cell;
    vertical-align: middle;    
}
#single-service-area .content-box .benefits-service-content .video-holder .overlay-gallery .icon-holder .icon a img{
    width: auto;
    transform: scale(1);
    transition: all 0.5s ease 0s;
}
#single-service-area .content-box .benefits-service-content .video-holder:hover .overlay-gallery {
    background-color: rgba(61, 67, 148, 0.50); 
}
#single-service-area .content-box .benefits-service-content .video-holder:hover img {
    transform: scale(1.1);
}
#single-service-area .content-box .benefits-service-content .video-holder .overlay-gallery .icon-holder .icon a:hover img{
    transform: scale(1.1);
}

#single-service-area .content-box .accordion-box {
    border: 1px solid #f4f4f4;
    display: block;
    padding: 20px 30px 0;
    margin-bottom: 60px;
}

#single-service-area .content-box .consultation-form-box{}
#single-service-area .content-box .consultation-form-box form{ 
    display: block;
    border: 1px solid #eeeeee;
    padding: 30px;
}
#single-service-area .content-box .consultation-form-box form input[type="text"],
#single-service-area .content-box .consultation-form-box form input[type="email"],
#single-service-area .content-box .consultation-form-box form textarea{
    background: #ffffff;
    border: 1px solid #ececec;
    color: #999999;
    display: block;
    font-size: 14px;
    height: 50px;
    margin-bottom: 30px;
    padding: 0 15px;
    width: 100%;
    transition: all 500ms ease;
}
#single-service-area .content-box .consultation-form-box form textarea {
    height: 210px;
    margin-bottom: 30px;
    padding: 10px 15px;
}
#single-service-area .content-box .consultation-form-box form input[type="text"]:focus{
    border-color: ##3d4394;        
}
#single-service-area .content-box .consultation-form-box form input[type="email"]:focus{
    border-color: ##3d4394;        
}
#single-service-area .content-box .consultation-form-box form textarea:focus{
    border-color: ##3d4394;    
}
#single-service-area .content-box .consultation-form-box form button,
#single-service-area .content-box .consultation-form-box form input[type="submit"] {
    width: 100%;
    background: ##3d4394;
    color: #fff;
    padding: 18px 0 18px;
	border:0px;
}
#single-service-area .content-box .consultation-form-box form button:hover,
#single-service-area .content-box .consultation-form-box form input[type="submit"]:hover {
    background: #2d327d;
}



/*** 
=============================================
    Project Area style
=============================================
***/
.main-project-area{
    position: relative;
    padding: 64px 0 70px;
}
.project-filter {
    padding-bottom: 11px;
    border-bottom: 1px solid #f2f2f2;
    margin-bottom: 50px;
}
.project-filter li{
    display: inline-block;
    margin: 0 15px;
}
.project-filter li span {
    position: relative;
    color: #848484;
    cursor: pointer;
    display: block;
    font-size: 16px;
    font-weight: 400;
    text-transform: capitalize;
    transition: all 500ms ease 0s;
    font-family: 'Poppins', sans-serif;
}

.project-filter li span:before {
    background: ##3d4394 none repeat scroll 0 0;
    bottom: -13px;
    content: " ";
    display: block;
    height: 1px;
    left: 0;
    position: absolute;
    width: 100%;
    transform: scaleX(0);
    transition: .5s ease;
}
.project-filter li:hover span:before,
.project-filter li.active span:before{
    transform: scaleX(1);
    transition: .5s ease;
}
.project-filter li.active span, 
.project-filter li:hover span {
    color: ##3d4394;
}

.main-project-area .post-pagination{
    margin-top: 20px;
}

.single-project-item .img-holder .overlay-style-one .box .content .text-box{
    position: absolute;
    left: 30px;
    bottom: 21px;
    text-align: left;
}
.single-project-item .img-holder .overlay-style-one .box .content .text-box h3 a{
    color: #ffffff;
    font-size: 20px;
    font-weight: 500;
}
.single-project-item .img-holder .overlay-style-one .box .content .text-box span{
    color: #848484;
}



/*** 
=============================================
    Project Area v2 style
=============================================
***/
.main-project-area.project-v2{ }
.single-project-item .text-holder {
    padding-top: 13px;
}
.single-project-item .text-holder h3 {
    color: #222222;
    margin: 0 0 2px;
}
.single-project-item .text-holder span{
    color: ##3d4394;    
}
.main-project-area.project-v2 .single-project-item .img-holder .overlay-style-one .box .content a i{
    font-size: 20px;
}


/*** 
=============================================
    Project single area  style
=============================================
***/
.project-single-area {
    padding-top: 70px;
    padding-bottom: 70px;
}
.project-single-area .sec-title {
    padding-bottom: 25px;
}
.project-single-area .sec-title h2{
    color: #222222;
    font-size: 24px;
    font-weight: 400;
}
.project-single-area .sec-title .border {
    height: 2px;
    background: ##3d4394;
    width: 50px;
    display: block;
    margin: 15px 0 0;
}

.project-single-area .single-project-img-box {
    margin-bottom: 50px;
}

.project-single-area .project-info {}
.project-single-area .project-info ul {
    background: #f7f7f7;
    display: block;
    padding-top: 23px;
    padding-bottom: 25px;
    padding-left: 20px;
    padding-right: 20px;
}
.project-single-area .project-info ul li {
    color: ##3d4394;
    font-size: 16px;
    margin-bottom: 15px;
}
.project-single-area .project-info ul li:last-child{
    margin-bottom: 0;
}
.project-single-area .project-info ul li b {
    width: 100px;
    display: inline-block;
    font-family: 'Hind', sans-serif;
    font-weight: 400;
}
.project-single-area .project-info ul li span{
    font-family: 'Hind', sans-serif;
    padding-left: 20px; 
    color: #848484;
}
.project-single-area .legal-work-content {
    
}
.project-single-area .legal-work-content h3 {
    color: #222222;
    font-size: 24px;
    font-weight: 400;
    margin: 0 0 8px;
}
.project-single-area .legal-work-content span{
    color: ##3d4394;
    margin: 0;
}
.project-single-area .legal-work-content p {
    margin: 15px 0 0;
}
.project-single-area .legal-work-content a {
    margin: 16px 0 0;
    border: 2px solid #f2f2f2;
}

.project-single-area .project-analysis {
    overflow: hidden;
    padding-top: 80px;
}
.project-single-area .project-analysis .text-holder {
    margin-top: -7px;
    overflow: hidden;
    margin-bottom: 30px;
}


.project-single-area .project-result {
    overflow: hidden;
    margin-bottom: 80px;
    margin-top: 80px;
}
.project-single-area .project-result .text-holder {
    margin-top: -6px;
    margin-bottom: 40px;
}
.project-single-area .project-result .text-holder p {
    margin-bottom: 25px;
}
.project-single-area .project-result .text-holder ul{ }
.project-single-area .project-result .text-holder ul li{
    position: relative;
    padding-left: 35px;
    margin-bottom: 10px;    
} 
.project-single-area .project-result .text-holder ul li:last-child{
    margin-bottom: 0;
}
.project-single-area .project-result .text-holder ul li:before {
    content: "\f046";
    font-family: FontAwesome;
    color: ##3d4394;
    font-size: 16px;
    position: absolute;
    top: 0;
    left: 0;
}


.project-single-area .bottom {
  border-top: 1px solid #f7f7f7;
  margin: 48px 0 0;
  overflow: hidden;
  padding-bottom: 20px;
  padding-top: 20px;
}
.project-single-area .bottom .button a {
  color: #222222;
  font-size: 14px;
  font-weight: 400;
  text-transform: uppercase;
  transition: all 500ms ease;
}
.project-single-area .bottom .button a:hover{
  color: #ffffff;
}
.project-single-area .bottom .button a i {
  display: inline-block;
  font-size: 18px;
  padding-right: 10px;
  position: relative;
  top: 1px;
  color: #ffffff;
}
.project-single-area .bottom .button.next a i{
  padding-right: 0px;
  padding-left: 10px;
}
.project-single-area .bottom .icon-holder a i {
  color: #222222;
  font-size: 24px;
  position: relative;
  top: 4px;
  transition: all 500ms ease 0s;
}
.project-single-area .bottom .icon-holder a:hover i{
  color: #ffffff;
}




/*** 
=============================================
    Blog Default Area style
=============================================
***/
.blog-default-area{ }
.blog-default-area .single-blog-post {
    margin-bottom: 40px;
}
.blog-default-area .post-pagination {
    margin-top: 10px;
}



/*** 
=============================================
    Blog large area style
=============================================
***/
#blog-area {
    padding-bottom: 80px;
    padding-top: 80px;
}
.blog-large-area .blog-post {

}
.blog-large-area .single-blog-post{
    margin-bottom: 50px;    
}
.blog-grid-area .post-pagination{
    margin-top: 10px;
}

.sidebar-wrapper {
    padding-left: 10px;
    position: relative;
    display: block;
    overflow: hidden;
}
.sidebar-wrapper .single-sidebar {
    overflow: hidden;
    margin-bottom: 0px;
    position: relative;
}
.sidebar-wrapper .single-sidebar .sec-title {
    overflow: hidden;
    padding-bottom: 25px;
    margin-top: 0;
}
.sidebar-wrapper .single-sidebar .sec-title h3,
.sidebar-wrapper .sec-title h3 {
    color: #222222;
    font-size: 1.4em;
    font-weight: 500;
    text-transform: capitalize;
}

.sidebar-wrapper .single-sidebar form.search-form,
.footer-widget .single-sidebar form.search-form {
    position: relative;
}
.sidebar-wrapper .single-sidebar .search-form input[type="text"],
.footer-widget .single-sidebar form.search-form input {
    background: #fff;
    border: 1px solid #f4f4f4;
    color: #ababab;
    display: block;
    font-size: 14px;
    font-weight: 500;
    height: 50px;
    letter-spacing: 1px;
    padding-left: 15px;
    padding-right: 55px;
    position: relative;
    -webkit-transition: all 500ms ease 0s;
    transition: all 500ms ease 0s;
    width: 100%;
}
.sidebar-wrapper .single-sidebar .search-form button,
.footer-widget .single-sidebar form.search-form button {
    background: #f6f6f6 none repeat scroll 0 0;
    color: #252525;
    display: block;
    height: 50px;
    padding: 12px 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    -webkit-transition: all 500ms ease 0s;
    transition: all 500ms ease 0s;
    width: 50px;
}
.sidebar-wrapper .single-sidebar .search-form button i,
.footer-widget .single-sidebar form.search-form button i {
  font-size: 14px
}
.sidebar-wrapper .single-sidebar .search-form input[type="text"]:focus,
.footer-widget .single-sidebar form.search-form input:focus {
  border: 1px solid ##3d4394;
  background: #fff;
  color: #000;
}
.sidebar-wrapper .single-sidebar .search-form input[type="text"]:focus + button, 
.sidebar-wrapper .single-sidebar .search-form button:hover,
.footer-widget .single-sidebar form.search-form button:hover {
    background: ##3d4394 none repeat scroll 0 0;
    color: #fff;
}


.single-sidebar .categories {
    background: #fff;
    display: block;
    padding: 24px 30px 24px;
    border: 1px solid #f4f4f4;
}
.single-sidebar .categories li {
    border-bottom: 1px solid #ededed;
    margin-bottom: 10px;
    padding-bottom: 7px;
}
.single-sidebar .categories li:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}
.single-sidebar .categories li a {
    color: #848484;
    transition: all 500ms ease;
    font-size: 16px;
    font-weight: 300;
    position: relative;
}
.single-sidebar .categories li a span{
    float: right;
}
.single-sidebar .categories li a:hover{
    color: ##3d4394;    
}

.single-sidebar .popular-post {
	background: none;
    display: block;
    padding: 0px;
    border: 0px;	
}
.single-sidebar .popular-post li {
    margin-bottom: 20px;
    padding-left: 90px;
    position: relative;
    border-bottom: 1px solid #f4f4f4;
    height: 110px;
    padding-bottom: 20px;
}
.single-sidebar .popular-post li:last-child{
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}
.single-sidebar .popular-post li .img-holder {
    display: block;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0px;
    width: 90px;
}
.single-sidebar .popular-post li .img-holder img {}
.single-sidebar .popular-post li .img-holder .overlay-style-one .box .content a i{
    color: #fff;
    font-size: 16px;
    transition: all 500ms ease;
}
.single-sidebar .popular-post li:hover .img-holder .overlay-style-one{
    filter: alpha(opacity=100);
    opacity: 1;
    transition-delay: 0s;
}
.single-sidebar .popular-post li:hover .img-holder img {}
.single-sidebar .popular-post li .img-holder .overlay-style-one .box .content a:hover i{
    color: ##3d4394;
}
.single-sidebar .popular-post li .title-holder {
  padding-left: 20px;
}
.single-sidebar .popular-post li .title-holder a{
	color: #222222;
    transition: all 500ms ease;
    font-size: 18px;
    width: 100%;
    display: block;
    font-weight: 500;
    position: relative;
}
.single-sidebar .popular-post li .title-holder a .post-title {
    color: #222222;
    font-size: 17px;
    line-height: 26px;
    font-weight: 500;
    position: relative;
    margin: 0 0 10px;
    transition: all 500ms ease;
}
.single-sidebar .popular-post li .title-holder a:hover .post-title{
    color: ##3d4394;
}
.single-sidebar .popular-post li .title-holder .post-date {
    color: #848484;
    display: block;
    transition: all 500ms ease;
    font-weight: 400;
    font-size: 16px;
}


.single-sidebar .popular-tag {
    margin-left: -3px;
    margin-right: -3px;
    margin-top: -5px;
}
.single-sidebar .popular-tag li {
    display: inline-block;
    margin: 0 3px 10px;
}
.single-sidebar .popular-tag li a {
    border: 1px solid #f4f4f4;
    color: #848484;
    display: block;
    font-size: 16px;
    font-weight: 400;
    padding: 4px 12px 4px;
    transition: all 500ms ease 0s;
    border-radius: 2px;
}
.single-sidebar .popular-tag li a:hover{
    background: ##3d4394;
    border-color: ##3d4394;
    color: #fff;
}



/*** 
=============================================
    Blog Single Area style
=============================================
***/
.blog-single-area .single-blog-post {
    border: none;
    margin: 0;
    padding: 0;
}
.blog-single-area .single-blog-post .img-holder img{
    transform: none;        
}
.blog-single-area .single-blog-post .text-holder {
    border: none;
    padding: 23px 0 0 0;
}
.blog-single-area .single-blog-post .text-holder .blog-title {
    font-size: 24px;
}
.blog-single-area .single-blog-post .text-holder .blog-title:hover{
    color: #222222;
}
.blog-single-area .single-blog-post .text-holder p.mar-bottom {
    margin-bottom: 13px;
}

.blog-single-area .middle-content-box {
    margin: 30px 0 33px;
    overflow: hidden;
}
.blog-single-area .middle-content-box .img-holder {
    width: 340px;
}
.blog-single-area .middle-content-box .img-holder,
.blog-single-area .middle-content-box .text-holder{
    display: table-cell;
    vertical-align: top;
}
.blog-single-area .middle-content-box .text-holder {
    padding-left: 30px; 
    position: relative;
}
.blog-single-area .middle-content-box .text-holder:before{
    content: "\f10d";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #f1f1f1;
    font-size: 24px;
    position: absolute;
    top: -3px;
    left: 30px;    
}
.blog-single-area .middle-content-box .text-holder {
    padding-left: 30px;
    padding-top: 32px;
    position: relative;
}
.blog-single-area .middle-content-box .text-holder h3 {
    color: #1c1c1c;
    font-size: 18px;
    font-weight: 700;
    margin: 15px 0 0px;
}
.blog-single-area .middle-content-box .text-holder h5 {
    color: ##3d4394;
    font-size: 14px;
    font-weight: 400;
    margin: 0;
}

.blog-single-area .bottom-content-box {
    border-bottom: 1px solid #f7f7f7;
    padding-bottom: 21px;
}

.blog-single-area .tag-social-share-box {
    overflow: hidden;
    padding-bottom: 24px;
    padding-top: 25px;
}
.blog-single-area .tag-social-share-box .tag p {
    color: ##3d4394;
    margin: 0;
    font-size: 14px;
    font-weight: 500;
}
.blog-single-area .tag-social-share-box .tag p span {
    color: #1c1c1c;
    font-size: 16px;
    font-weight: 700;
    text-transform: capitalize;
}

.blog-single-area .tag-social-share-box .social-share {
  
}
.blog-single-area .tag-social-share-box .social-share h5 {
    color: #1c1c1c;
    display: inline-block;
    float: left;
    font-size: 16px;
    font-weight: 700;
    text-transform: capitalize;
    position: relative;
}
.blog-single-area .tag-social-share-box .social-share i {
    padding-left: 10px;
    display: inline-block;
}
.blog-single-area .tag-social-share-box .social-share .social-share-links {
    display: inline-block;
    float: left;
    margin-left: -3px;
    margin-right: -3px;
    padding-left: 20px;
    position: relative;
    top: -6px;
}
.blog-single-area .tag-social-share-box .social-share .social-share-links li {
    display: inline-block;
    margin: 0 3px;
}
.blog-single-area .tag-social-share-box .social-share .social-share-links li a i {
    border: 2px solid #f7f7f7;
    border-radius: 50%;
    color: #999999;
    font-size: 14px;
    height: 40px;
    line-height: 36px;
    padding: 0;
    text-align: center;
    transition: all 500ms ease 0s;
    width: 40px;
}
.blog-single-area .tag-social-share-box .social-share .social-share-links li a:hover i{
    background: ##3d4394;
    border-color: ##3d4394;
    color: #fff;
}


.blog-single-area .author-box {
    background: #f7f7f7 none repeat scroll 0 0;
    display: block;
    padding: 30px 30px 22px;
    position: relative;
}
.blog-single-area .author-box .img-holder{
    width: 85px;
}
.blog-single-area .author-box .img-holder,
.blog-single-area .author-box .text-holder{
    display: table-cell;
    vertical-align: top;
}
.blog-single-area .author-box .text-holder {
    padding-left: 30px;
}
.blog-single-area .author-box .text-holder h3 {
    color: #1c1c1c;
    font-size: 20px;
    font-weight: 700;
    margin: -2px 0 14px;
    text-transform: capitalize;
}
.blog-single-area .author-box .text-holder p{}
.blog-single-area .author-box .text-holder .social-link {
    margin-left: -6px;
    margin-right: -6px;
    overflow: hidden;
}
.blog-single-area .author-box .text-holder .social-link li{
    display: inline-block;
    margin: 0 6px;
}
.blog-single-area .author-box .text-holder .social-link li a i{
    color: #999999;
    font-size: 14px;
    transition: all 500ms ease;
}
.blog-single-area .author-box .text-holder .social-link li a:hover i{
    color: ##3d4394;
}

.blog-single-area .comment-box {
  overflow: hidden;
  padding-bottom: 35px;
  padding-top: 25px;
}
.blog-single-area .comment-box .title{
  padding-bottom: 35px;
}
.blog-single-area .comment-box .title h3 {
  color: #222222;
  font-size: 22px;
  font-weight: 500;
  text-transform: capitalize;
  font-family: 'Poppins', sans-serif;
}
.blog-single-area .comment-box .single-comment-box {
  padding-left: 60px;
  position: relative;
  margin-bottom: 30px;
}
.blog-single-area .comment-box .single-comment-box .img-holder {
  left: 0;
  position: absolute;
  top: 0;
}

.blog-single-area .comment-box .single-comment-box .text-holder {
    border: 1px solid #f7f7f7;
    margin-left: 20px;
    padding: 15px 20px 5px;
}
.blog-single-area .comment-box .single-comment-box .text-holder .top {
    overflow: hidden;
    padding-bottom: 8px;
}
.blog-single-area .comment-box .single-comment-box .text-holder .top .date h5 {
    color: #1c1c1c;
    font-size: 16px;
    font-weight: 500;
    font-family: 'Poppins', sans-serif;
}
.blog-single-area .comment-box .single-comment-box .text-holder .top .review-box {
    position: relative;
    top: -3px;
}
.blog-single-area .comment-box .single-comment-box .text-holder .top .review-box ul {
    margin-left: -0.5px;
    margin-right: -0.5px;
    overflow: hidden;
}
.blog-single-area .comment-box .single-comment-box .text-holder .top .review-box ul li {
    display: inline-block;
    margin: 0 0.5px;
}
.blog-single-area .comment-box .single-comment-box .text-holder .top .review-box ul li i,
.blog-single-area .comment-box .single-comment-box .text-holder .top .review-box a {
    color: ##3d4394;
    font-size: 16px;
	font-weight:500;
}

.blog-single-area .add-comment-box {
    overflow: hidden;
}
.blog-single-area .add-comment-box .title {
    padding-bottom: 30px;
}
.blog-single-area .add-comment-box .title h3 {
    color: #222222;
  	font-size: 22px;
    font-weight: 500;
    text-transform: capitalize;  
}
.blog-single-area .add-comment-box .add-rating-box {
    padding-bottom: 17px;
}
.blog-single-area .add-comment-box .add-rating-box h4 {
    color: #999999;
    font-size: 14px;
    font-weight: 400;
    margin: 0 0 3px;
}
.blog-single-area .add-comment-box .add-rating-box ul {}
.blog-single-area .add-comment-box .add-rating-box ul li {
    border-right: 1px solid #ebebeb;
    display: inline-block;
    line-height: 20px;
    margin-right: 6px;
    padding-right: 10px;
}
.blog-single-area .add-comment-box .add-rating-box ul li:last-child{
    border-right: none;
    margin-right: 0;
    padding-right: 0;
}
.blog-single-area .add-comment-box .add-rating-box ul li a i{
    color: #d6d6d6;
    font-size: 12px;
}
.blog-single-area .add-comment-box .add-rating-box ul li a:hover i{
    color: ##3d4394;
    transition: all 500ms ease;
}

.blog-single-area .add-comment-box #add-comment-form {}
.blog-single-area .add-comment-box #add-comment-form .field-label {
  color: #949494;
  display: block;
  font-size: 14px;
  font-weight: 500;
  padding: 0 0 2px;
}
.blog-single-area .add-comment-box #add-comment-form input[type="text"],
.blog-single-area .add-comment-box #add-comment-form input[type="email"],
.blog-single-area .add-comment-box #add-comment-form textarea,
.default-form #add-comment-form input[type="text"],
.default-form #add-comment-form input[type="email"],
.default-form #add-comment-form textarea{
  background: #fff none repeat scroll 0 0;
  border: 1px solid #ececec;
  display: block;
  font-size: 14px;
  font-weight: 400;
  height: 50px;
  padding: 0 15px;
  width: 100%;  
  margin-bottom: 12px;
  transition: all 500ms ease;
}
.blog-single-area .add-comment-box #add-comment-form textarea,
.default-form #add-comment-form textarea {
  height: 100px;
  padding: 10px 15px;
  margin-bottom: 30px;
}
.blog-single-area .add-comment-box #add-comment-form button,
.default-form #add-comment-form button{
    padding: 18px 40px 18px;
    background: ##3d4394;
    color: #fff;
}
.blog-single-area .add-comment-box #add-comment-form input[type="text"]:focus,
.default-form #add-comment-form input[type="text"]:focus{
  border-color: ##3d4394;    
}
.blog-single-area .add-comment-box #add-comment-form input[type="email"]:focus,
.default-form #add-comment-form input[type="email"]:focus{
  border-color: ##3d4394;    
}
.blog-single-area .add-comment-box #add-comment-form textarea:focus,
.default-form #add-comment-form textarea:focus{
  border-color: ##3d4394;       
}
.blog-single-area .add-comment-box #add-comment-form button:hover,
.default-form #add-comment-form button:hover{
  background: #232870;
  color: #ddd;
}

/*** 
=============================================
    Contact Info area style
=============================================
***/
.contact-info-area {
    padding: 70px 0;
}

.contact-info-carousel {
    background: #f6f6f6;
    display: block;
    padding: 40px 30px 30px;
}
.contact-info-carousel .title {
    padding-bottom: 25px;
}
.contact-info-carousel .title h3{
    color: #222222;
    font-size: 24px;
    font-weight: 500;
}
.contact-info-carousel .title .border{
    background: ##3d4394;
    height: 2px;
    width: 50px;
    display: block;
    margin: 14px 0 0;
}

.contact-info-list {
  margin-left: -10px;
}
.contact-info-list li {
  border-bottom: 1px solid #f7f7f7;
  margin-bottom: 13px;
  padding-bottom: 13px;
  padding-left: 45px;
  position: relative;
}
.contact-info-list li:last-child{
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: 0px solid;
}
.contact-info-list li .icon-holder {
  position: absolute;
  top: 6px;
  left: 10px;
}
.contact-info-list li .icon-holder span:before {
    color: ##3d4394;
    font-size: 20px;
    line-height: 20px;
    font-weight: 600;
}
.contact-info-list li .text-holder {}
.contact-info-list li .text-holder h5 {
    color: #949494;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
}
.contact-info-list li .text-holder h5 span {
    text-transform: uppercase;
    font-weight: 700;
    color: #1c1c1c;
    font-family: 'Poppins', sans-serif;
    font-size: 15px;
}

.contact-info-carousel .owl-dots {
    position: absolute;
    top: 35px;
    right: 30px;
}
.contact-info-carousel .owl-dots .owl-dot{
	background-image:none;
	width: 13px;
	height: 13px;
	margin: 5px 7px;
    border: 2px solid #d8d8d8;
	padding:0px;
	background: #f6f6f6;
	-webkit-border-radius:50%;
	-ms-border-radius:50%;
	-o-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
	transition: all 500ms ease;
	display: inline-block;
}
.contact-info-carousel .owl-dots .owl-dot span{
	display:none;	
}
.contact-info-carousel .owl-dots .owl-dot.active{
	background:##3d4394;
    border-color: ##3d4394;
    border-radius: 15px;
}
.contact-info-carousel .owl-dots .owl-dot:hover{
	background:##3d4394;
    border-color: ##3d4394;
}



.contact-info-area .contact-author-info {
    background: #f6f6f6;
    display: block;
    padding: 40px 30px 40px;
}
.contact-info-area .contact-author-info .title {
    padding-bottom: 36px;
}
.contact-info-area .contact-author-info .title h3{
    font-size: 24px;
}
.contact-info-area .contact-author-info .title .border{
    background: ##3d4394;
    height: 2px;
    width: 50px;
    display: block;
    margin: 14px 0 0;    
}
.contact-info-area .contact-author-info .mar-btm {
    margin-bottom: 28px;
}
.contact-info-area .contact-author-info ul li {
    background: #ffffff;
    display: block;
    padding-top: 25px;
    padding-bottom: 25px;
}
.contact-info-area .contact-author-info ul li .img-holder {
    position: absolute;
    top: 27px;
    left: 15px;
}
.contact-info-area .contact-author-info ul li .text-holder {
    padding-left: 10px;
}


.work-box{
    background: #f6f6f6;
    display: block;
    padding: 34px 30px 26px;    
}
.work-box .title {
    padding-bottom: 36px;
}
.work-box .title h3{
    font-size: 24px;
    color: #222222;
}
.work-box .title .border{
    background: ##3d4394;
    height: 2px;
    width: 50px;
    display: block;
    margin: 14px 0 0;    
}
.working-hours {}
.working-hours li {
    display: block;
    padding: 7px 20px 7px;
}
.working-hours li span{
    float: right;
}
.working-hours li span.closes{
    color: ##3d4394;
}
.working-hours li.bg-white{
    background: #ffffff;    
}


/*** 
=============================================
    Google map Area style
=============================================
***/
.google-map-area {
  position: relative;
}
#contact-google-map {
  height: 480px;
  width: 100%;
}



/*** 
=============================================
    Contact Area style
=============================================
***/
.contact-area {
    padding-bottom: 70px;
    padding-top: 52px;
}
.contact-area .title{
    padding-bottom: 34px;
    margin-top: -4px;
}
.contact-area .title h2{
    color: #1c1c1c;
    font-size: 28px;
    font-weight: 700;
    text-transform: capitalize;
}
.contact-area .contact-form { }
.contact-area .contact-form form input[type="text"],
.contact-area .contact-form form input[type="email"],
.contact-area .contact-form form textarea{
    border: 1px solid #f4f4f4;
    color: #999999;
    display: block;
    font-size: 14px;
    height: 50px;
    margin-bottom: 30px;
    padding: 0 20px;
    width: 100%;
    transition: all 500ms ease;
}
.contact-area .contact-form form textarea{
    height: 182px;
    margin-bottom: 40px;
    padding: 10px 20px;
}
.contact-area .contact-form form input[type="text"]:focus{
    border-color: ##3d4394;        
}
.contact-area .contact-form form input[type="email"]:focus{
    border-color: ##3d4394;        
}
.contact-area .contact-form form textarea:focus{
    border-color: ##3d4394;    
}
.contact-area .contact-form form button,
.contact-area .contact-form form input[type="submit"] {
    width: 100%;
    padding: 18px 0 18px;
    background: ##3d4394;
    color: #fff;
	border:0px;
}
.contact-area .contact-form form button:hover,
.contact-area .contact-form form input[type="submit"]:hover{
    background: #1c2163;
}



/*** 
=============================================
   Shop area  style
=============================================
***/
#shop-area {
    padding-top: 80px;
    padding-bottom: 80px;
}
#shop-area .shop-content {
    overflow: hidden;
}
.showing-result-shorting {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    padding-bottom: 11px;
}
#shop-area .showing-result-shorting .showing{}
#shop-area .showing-result-shorting .shorting{ }
#shop-area .showing-result-shorting .showing p {
    color: #848484;
    font-size: 16px;
    font-weight: 400;
    margin: 0;
}



.single-product-item{
    background: #f7f7f7;
    margin-bottom: 40px;
    transition: all 0.7s ease;
}
.single-product-item:hover{
    -webkit-box-shadow: 0px 3px 4px -1px rgba(220,217,217,1);
    -moz-box-shadow: 0px 3px 4px -1px rgba(220,217,217,1);
    box-shadow: 0px 3px 4px -1px rgba(220,217,217,1);    
}
.single-product-item .img-holder{
    display: block;
    overflow: hidden;
    position: relative;
    border-bottom: 1px solid #f0f0f0;
}
.single-product-item .img-holder img{
    transform: scale(1);
    transition: all 0.7s ease 0s;
    width: 100%;   
}
.single-product-item:hover .img-holder img{
    transform: scale(1.1);
}
.single-product-item .img-holder .overlay-style-one {
    background-color: rgba(61, 67, 148, 0.9);    
}
.single-product-item .img-holder .overlay-style-one .box .content a {
    background: ##3d4394;
    opacity: 0;
    transform: scale(0.3);
    transition: all 0.5s ease 0s;
    width: 150px;
    height: 45px;
    border: 1px solid #fff;
    font-weight: 500;
    padding: 0;
    font-size: 14px;
    text-transform: uppercase;
    color: #fff;
    line-height: 44px;
}
.single-product-item:hover .img-holder .overlay-style-one .box .content a {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
.single-product-item:hover .img-holder .overlay-style-one .box .content a:hover{
    background: #252525;
}
.single-product-item:hover .img-holder .overlay-style-one{
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
    transition-delay: 0s;
}

.single-product-item .title-holder {
    padding: 13px 15px 15px;
    background: #ffffff;
}
.single-product-item .title-holder .rate{
    color: ##3d4394;
    font-size: 16px;
    font-weight: 400;
    font-family: 'Hind', sans-serif;
}
.single-product-item .title-holder .top {
  padding-bottom: 7px;  
}
.single-product-item .title-holder .top .product-title {}
.single-product-item .title-holder .top .product-title a h5 {
    color: #222222;
    font-size: 16px;
    font-weight: 400;
    margin: 4px 0 0;
    text-transform: capitalize;
    transition: all 500ms ease;
}
.single-product-item .title-holder .top .product-title a:hover h5 {
    color: ##3d4394;    
}
.single-product-item .title-holder .top .review-box ul li i{
    color: #c6c6c6;
    font-size: 12px;
}
#shop-area .post-pagination {
  border-top: 1px solid #f7f7f7;
  padding-top: 40px;
}


.single-sidebar .price-ranger{ }
.single-sidebar .price-ranger .ui-widget-content {
  background: #f7f7f7;
  border: none;
  height: 2px;
}
.single-sidebar .price-ranger .ui-slider-handle {
  background: ##3d4394 none repeat scroll 0 0;
  border: 2px solid ##3d4394;
    
  border-radius: 50%;
  height: 10px;
  margin-left: -4px;
  outline: medium none;
  width: 10px !important;
  cursor: pointer;
}
.single-sidebar .price-ranger .ui-slider-horizontal .ui-slider-handle {
  top: -4px;
}
.single-sidebar .price-ranger .ui-slider .ui-slider-range {
  background: ##3d4394;
}
.single-sidebar .price-ranger #slider-range {
  margin-left: 3px;
  margin-right: 5px;
  margin-top: 0;
}
.single-sidebar .price-ranger .ranger-min-max-block {
    margin-bottom: 0px;
    margin-top: 25px;
}
.single-sidebar .price-ranger .ranger-min-max-block input {
  display: inline-block;
}
.single-sidebar .price-ranger .ranger-min-max-block input[type="submit"] {
    float: left;
    margin-right: 20px;
    padding: 10px 0 10px;
    text-align: center;
    width: 90px;
    border: none;

    background: ##3d4394;
    color: #fff;
}
.single-sidebar .price-ranger .ranger-min-max-block input[type="submit"]:hover{
    background: #2B2C36;
}
.single-sidebar .price-ranger .ranger-min-max-block input[type="text"] {
    border: medium none;
    color: #848484;
    font-size: 16px;
    font-weight: 300;
    outline: medium none;
    text-align: right;
    width: 40px;
}
.single-sidebar .price-ranger .ranger-min-max-block input[type='text'].max {}
.single-sidebar .price-ranger .ranger-min-max-block span {
    color: #848484;
    font-weight: 400;
    font-size: 16px;
    line-height: 40px;
}


.sidebar-wrapper .single-sidebar .latest-product {}
.sidebar-wrapper .single-sidebar .latest-product li {
    border-bottom: 1px solid #f7f7f7;
    margin-bottom: 25px;
    overflow: hidden;
    padding-bottom: 16px;
    padding-left: 70px;
    position: relative;
}
.sidebar-wrapper .single-sidebar .latest-product li:last-child {
    border-bottom: none;
    margin-bottom: 0px;
    padding-left: 70px;
    position: relative;
    padding-bottom: 0;

}
.sidebar-wrapper .single-sidebar .latest-product li .img-holder{
    display: block;
    overflow: hidden;
    position: absolute;  
    width: 70px;
    min-height: 70px;
    top: 0;
    left: 0;
}
.sidebar-wrapper .single-sidebar .latest-product li .img-holder img{
    transform: scale(1);
    transition: all 0.7s ease 0s;
    width: 100%;   
}
.sidebar-wrapper .single-sidebar .latest-product li:hover .img-holder img{
    transform: scale(1.1);
}
.sidebar-wrapper .single-sidebar .latest-product li .img-holder .overlay-style-one .box .content a i {
    background: transparent;
    opacity: 0;
    transform: scale(0.7);
    transition: all 0.5s ease 0s;
    font-size: 16px;
    color: #fff;
}
.sidebar-wrapper .single-sidebar .latest-product li:hover .img-holder .overlay-style-one .box .content a i{
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);    
}
.sidebar-wrapper .single-sidebar .latest-product li:hover .img-holder .overlay-style-one{
    filter: alpha(opacity=100);
    opacity: 1;
    transition-delay: 0s;
}


.sidebar-wrapper .single-sidebar .latest-product li .title-holder {
    padding-left: 20px;  
}
.sidebar-wrapper .single-sidebar .latest-product li .title-holder a h4 {
    color: #222222;
    font-size: 16px;
    font-weight: 400;
    text-transform: capitalize;
    margin: 0 0 10px;
    transition: all 500ms ease;
}
.sidebar-wrapper .single-sidebar .latest-product li .title-holder h5 {
    color: ##3d4394;
    font-size: 16px;
    font-weight: 400;
    text-transform: capitalize; 
    font-family: 'Hind', sans-serif;
}
.sidebar-wrapper .single-sidebar .latest-product li .title-holder .review-box {}
.sidebar-wrapper .single-sidebar .latest-product li .title-holder .review-box li {
    display: inline-block;
    margin: 0 1px;
    position: static;
    padding: 0;
    border: none;
}
.sidebar-wrapper .single-sidebar .latest-product li .title-holder .review-box li i{
    font-size: 12px;
    color: #c6c6c6;
}
.sidebar-wrapper .single-sidebar .latest-product li:hover .title-holder h4{
    color: ##3d4394;
}

.sidebar-wrapper .single-sidebar .product-tag{
    margin-left: -3px;
    margin-right: -3px;
    margin-top: -5px;    
}
.sidebar-wrapper .single-sidebar .product-tag li{
    display: inline-block;
    margin: 0 3px 10px;    
}
.sidebar-wrapper .single-sidebar .product-tag li a{
    border: 1px solid #f4f4f4;
    color: #848484;
    display: block;
    font-size: 16px;
    font-weight: 300;
    padding: 2px 10px 2px;
    transition: all 500ms ease 0s;    
}
.sidebar-wrapper .single-sidebar .product-tag li a:hover{
    background: ##3d4394;
    border-color: ##3d4394;
    color: #fff;    
}



/*** 
=============================================
   Single Shop Area style
=============================================
***/
.single-shop-area{
    padding-top: 80px;
    padding-bottom: 40px;
}
.single-shop-content .img-holder {
    margin-right: 50px;
}
.single-shop-content .img-holder img{
    width: 100%;
}
.single-shop-content .content-box {
    margin-left: -50px;
}
.single-shop-content .content-box h3 {
    color: #222222;
    font-size: 24px;
    font-weight: 400;
    margin: 0 0 8px;
    text-transform: capitalize;
}
.single-shop-content .content-box .review-box {
    margin: 0 0 10px;  
}
.single-shop-content .content-box .review-box ul {}
.single-shop-content .content-box .review-box ul li {}
.single-shop-content .content-box .review-box ul li i {
    color: #c6c6c6;
}
.single-shop-content .content-box span.price {
    color: ##3d4394;
    font-size: 22px;
    font-weight: 400;
    font-family: 'Hind', sans-serif;
}
.single-shop-content .content-box .text {
    overflow: hidden;
    padding: 25px 0 9px;
}
.single-shop-content .content-box .location-box {
    margin: 4px 0 20px;
}
.single-shop-content .content-box .location-box p {
    color: #222222;
    font-size: 16px;
    margin: 0 0 12px;
}
.single-shop-content .content-box .location-box form input {
    border: 2px solid #f7f7f7;
    height: 40px;
    padding-left: 10px;
    padding-right: 10px;
    width: 170px;
    transition: all 500ms ease;
    margin: 0 0 10px;
}
.single-shop-content .content-box .location-box form input:focus{
    border-color: ##3d4394;
}
.single-shop-content .content-box .location-box form button {
    background: #f7f7f7 none repeat scroll 0 0;
    border: medium none;
    color: #252525;
    font-size: 14px;
    font-weight: 700;
    height: 40px;
    margin-left: 6px;
    padding: 0;
    text-align: center;
    text-transform: uppercase;
    transition: all 500ms ease 0s;
    width: 95px;
    position: relative;
    top: -1px;
    line-height: 40px;
}
.single-shop-content .content-box .location-box form button:hover{
    background: ##3d4394;
    color: #fff;
}
.single-shop-content .content-box .location-box form span {
    color: ##3d4394;
}
.single-shop-content .content-box .addto-cart-box {}
.single-shop-content .content-box .addto-cart-box .input-group.bootstrap-touchspin {
  float: left;
  width: 70px;
}
.single-shop-content .content-box .addto-cart-box .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up {
  border-radius: 0
}
.single-shop-content .content-box .addto-cart-box .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down {
  border-radius: 0;
  margin-top: -2px;
}
.single-shop-content .content-box .addto-cart-box .bootstrap-touchspin .input-group-btn-vertical > .btn {
  display: block;
  float: none;
  margin-left: -1px;
  max-width: 100%;
  padding: 12px 12px;
  position: relative;
  width: 100%;
}
.single-shop-content .content-box .addto-cart-box .btn-default {
  background-color: #efefef;
  border-color: #efefef;
  color: #9e9e9e;
}
.single-shop-content .content-box .addto-cart-box .bootstrap-touchspin .input-group-btn-vertical i {
  color: #9e9e9e;
  font-weight: normal;
  left: 8px;
  position: absolute;
  top: 7px;
}
.single-shop-content .content-box .addto-cart-box button.addtocart {
    height: 50px;
    width: 170px;
    line-height: 30px;
    margin-left: 25px;
    background: ##3d4394;
    color: #fff;
    padding: 0;
}
.single-shop-content .content-box .addto-cart-box button.addtocart:hover{
    background: #292f73;    
}

.product-tab-box {
    border: 1px solid #ececec;
    border-top: none;
    border-right: none;
    border-left: none;
    overflow: hidden; 
    margin-top: 80px;
}
.product-tab-box .tab-menu {
    border-bottom: 1px solid #ececec;
    margin-bottom: 30px;
}
.product-tab-box .tab-menu li {
    display: inline-block;
    float: left;
    margin-bottom: -1px;
    margin-right: 3px;
}
.product-tab-box .tab-menu li a {
    border-top: 1px solid #ececec;
    border-left: 1px solid #ececec;
    border-right: 1px solid #ececec;
    border-bottom: 1px solid transparent;
    border-radius: 0;
    display: block;
    margin-right: 1px;
    padding: 15px 30px 13px;
    color: #222222;
    font-size: 16px;
    font-weight: 400;
    text-transform: capitalize;
    background: #f7f7f7;
    transition: all 500ms ease;
}
.product-tab-box .tab-menu li.active a, 
.product-tab-box .tab-menu li:hover a{
    background: #ffffff;
    color: ##3d4394;
    border-left-color: #ececec;
    border-top-color: #ececec;
    border-right-color: #ececec;
 
}

.product-tab-box .tab-content {
    border-left: 1px solid #ececec;
    border-right: 1px solid #ececec;
    margin-top: -30px;
    padding: 30px 30px 40px;
}
.product-tab-box .tab-content .review-box {
  
}
.product-tab-box .tab-content .review-box .sec-title-two {
    margin-top: 3px;
    padding-bottom: 22px;
}
.product-tab-box .tab-content .review-box .sec-title-two h3 {
    color: #3d3d3d;
    font-size: 20px;
    font-weight: 400;
    text-transform: capitalize;
}
.product-tab-box .tab-content .review-box .single-review-box {
    margin-bottom: 30px;
    padding-left: 60px;
    position: relative;
}
.product-tab-box .tab-content .review-box .single-review-box .img-holder {
    left: 0;
    position: absolute;
    top: 0;
}

.product-tab-box .tab-content .review-box .single-review-box .text-holder {
    border: 1px solid #ececec;
    margin-left: 20px;
    padding: 17px 20px 12px;
}
.product-tab-box .tab-content .review-box .single-review-box .text-holder .top {
    margin: 0 0 10px;
    overflow: hidden;
}

.product-tab-box .tab-content .review-box .single-review-box .text-holder .top .name h4 {
    color: #3d3d3d;
    font-size: 16px;
    font-weight: 400;
    margin: 0;
    text-transform: capitalize;
}
.product-tab-box .tab-content .review-box .single-review-box .text-holder .top .review-box ul {
    margin-top: -2px;
    padding-left: 0px;
    position: relative;
}
.product-tab-box .tab-content .review-box .single-review-box .text-holder .top .review-box ul li {
    display: inline-block;
    margin-right: 1px;
}
.product-tab-box .tab-content .review-box .single-review-box .text-holder .top .review-box ul li i {
    color: ##3d4394;
    font-size: 14px;
}
.product-tab-box .tab-content .review-box .single-review-box .text-holder .text p {
    margin: 0;
}


.product-tab-box .tab-content .review-form {
    padding-top: 30px;
}
.product-tab-box .tab-content .review-form .sec-title-two {
    padding-bottom: 34px;
}
.product-tab-box .tab-content .review-form .sec-title-two h3 {
    color: #3d3d3d;
    font-size: 24px;
    font-weight: 400;
    text-transform: capitalize;
}
.product-tab-box .tab-content .review-form .add-rating-box {
    margin: 0 0 20px;
}
.product-tab-box .tab-content .review-form .add-rating-box .add-rating-title h4 {
    color: #848484;
    font-size: 16px;
    font-weight: 400;
    margin: 0 0 10px;
    font-family: 'Hind', sans-serif;
    text-transform: none;
}
.product-tab-box .tab-content .review-form .add-rating-box ul li {
    border-right: 1px solid #ebebeb;
    display: inline-block;
    line-height: 20px;
    margin-right: 10px;
    padding-right: 10px;
}
.product-tab-box .tab-content .review-form .add-rating-box ul li:last-child{
    margin-right: 0px;
    padding-right: 0px;
    border-right: 0px solid #ebebeb;
}
.product-tab-box .tab-content .review-form .add-rating-box ul li a i {
    color: #d6d6d6;
    font-size: 12px;
    line-height: 20px;
    margin-right: 1px;
    opacity: 0.9;
    transition: all 500ms ease 0s;
}

.product-tab-box .tab-content .review-form form .field-label p {
    color: #848484;
    font-size: 16px;
    font-weight: 400;
    margin: 0 0 3px;
    font-family: 'Hind', sans-serif;
}
.product-tab-box .tab-content .review-form form input[type="text"], 
.product-tab-box .tab-content .review-form form input[type="email"], 
.product-tab-box .tab-content .review-form form textarea {
    background: #fff;
    height: 50px;
    width: 100%;
    border: 1px solid #ececec;
    color: #252525;
    font-size: 14px;
    padding: 0 15px;
    margin-bottom: 20px;
    transition: all 500ms ease;
}
.product-tab-box .tab-content .review-form form textarea {
    height: 110px;
    padding: 10px 15px;
    margin-bottom: 25px;
}
.product-tab-box .tab-content .review-form form button {
    padding: 18px 40px 18px;
    background: ##3d4394;
    color: #fff;
}
.product-tab-box .tab-content .review-form form button:hover{
    background: #0d0f2b;    
}
.product-tab-box .tab-content .review-form .add-rating-box ul li:hover a i{
    opacity: 1;
    color: ##3d4394;
}
.product-tab-box .tab-content .review-form form input[type="text"]:focus{
    border-color: ##3d4394;
}
.product-tab-box .tab-content .review-form form input[type="email"]:focus{
    border-color: ##3d4394;
}
.product-tab-box .tab-content .review-form form textarea:focus{
    border-color: ##3d4394;  
}

.related-product {
  padding-top: 60px;
}
.related-product .sec-title {
  padding-bottom: 34px;
}
.related-product .sec-title h3 {
  color: #222222;
  font-size: 24px;
  font-weight: 400;
  text-transform: capitalize;
}
.related-product .single-product-item {}



/*** 
=============================================
   Cart area  style
=============================================
***/
.cart-area {
    padding-bottom: 80px;
    padding-top: 80px;
}
.cart-area .table-outer {
    overflow-x: auto;
    position: relative;
    width: 100%;
}
.cart-area .cart-table {
    min-width: 1024px;
    width: 100%;
}
.cart-area .cart-table .cart-header {
    background: #f7f7f7;
    color: #222222;
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    font-weight: 400;
    position: relative;
    text-transform: capitalize;
    width: 100%;
}
.cart-area .cart-table thead tr th {
    font-weight: 400;
    line-height: 24px;
    min-width: 110px;
    padding: 20px 25px;
}
.cart-area .cart-table thead tr th.prod-column {
    padding-left: 30px;
    text-align: left;
}
.cart-area .cart-table thead tr th.availability {
    padding: 0 40px
}

.cart-area .cart-table tbody tr {
    border-bottom: 1px solid #f7f7f7;
}
.cart-area .cart-table tbody tr td {}
.cart-area .cart-table tbody tr td {
    color: #222222;
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    min-width: 100px;
    padding: 27.5px 25px;
}
.cart-area .cart-table tbody tr .prod-column .column-box {
    min-height: 70px;
    position: relative;
}
.cart-area .cart-table tbody tr .prod-column .column-box .prod-thumb {
    width: 70px;
}
.cart-area .cart-table tbody tr .prod-column .column-box .prod-thumb img {
    display: block;
    max-width: 100%;
}
.cart-area .cart-table tbody tr .prod-column .column-box .prod-thumb, 
.cart-area .cart-table tbody tr .prod-column .column-box .title{
    display: table-cell;
    vertical-align: middle;
}
.cart-area .cart-table tbody tr .prod-column .column-box .title{
    padding-left: 20px;
}
.cart-area .cart-table tbody tr .prod-column .column-box .title h3 {
    color: #222222;
    font-size: 16px;
    font-weight: 400;
    text-transform: capitalize;
}

.cart-area .cart-table tbody tr .qty {
    padding-right: 25px;
    width: 120px;
}
.cart-area .cart-table tbody tr .qty .input-group.bootstrap-touchspin {}
.cart-area .cart-table tbody tr .qty .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up {
    border-radius: 0;
    margin-left: 0;
    padding: 11px;
}
.cart-area .cart-table tbody tr .qty .btn-default {
    background-color: ##3d4394;
    border-color: #4e55ab;
    color: #fff;
}
.cart-area .cart-table tbody tr .qty .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down {
    border-radius: 0;
    margin-left: 0;
    margin-top: -1px;
    padding: 10px;
}
.cart-area .cart-table tbody tr .qty .bootstrap-touchspin .input-group-btn-vertical i {
    font-size: 9px;
    left: 6px;
    top: 6px;
}

.cart-area .cart-table tbody tr td.unit-price {
    padding-left: 40px;
    padding-right: 20px;
}
.cart-area .cart-table tbody .available-info {
    color: #848484;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    padding-left: 50px;
    position: relative;
    font-family: 'Hind', sans-serif;
}
.cart-area .cart-table tbody .available-info .icon {
    background: ##3d4394 none repeat scroll 0 0;
    border-radius: 50%;
    color: #ffffff;
    font-size: 18px;
    height: 40px;
    left: 0;
    line-height: 40px;
    position: absolute;
    text-align: center;
    top: 0px;
    width: 40px;
}

.cart-area .cart-table tbody tr td.price {
    color: #848484;
    font-size: 18px;
    font-weight: 400;
    font-family: 'Poppins', sans-serif;
}
.cart-area .cart-table tbody tr .sub-total {
    color: ##3d4394;
    font-weight: 400;
    font-size: 18px;
    font-family: 'Hind', sans-serif;
}
.cart-area .cart-table tbody tr td .remove{ }
.cart-area .cart-table tbody tr td .remove .checkbox label {
    color: #848484;
    font-size: 16px;
    font-weight: 400;
    font-family: 'Hind', sans-serif;
}
.cart-area .cart-table tbody tr td .remove .checkbox label input[type="checkbox"] {
    display: inline-block;
    position: relative;
    top: 1px;
}


.cart-middle {
    padding-top: 30px
}
.cart-middle .apply-coupon {
    padding-left: 245px;
    position: relative;
}
.cart-middle .apply-coupon input[type="text"] {
  border: 2px solid #f7f7f7;
  color: #9e9e9e;
  font-size: 14px;
  font-weight: 400;
  height: 50px;
  left: 0;
  padding: 0 15px;
  position: absolute;
  text-transform: capitalize;
  top: 0;
  transition: all 500ms ease 0s;
  width: 225px;
}
.cart-middle .apply-coupon input[type="text"]:focus {
  border: 2px solid ##3d4394
}
.cart-middle .apply-coupon .apply-coupon-button button {
    padding: 18px 30px 18px;
    background: ##3d4394;
    color: #fff;
}
.cart-middle .apply-coupon .apply-coupon-button button:hover{
    background: #252525;
}
.cart-middle .update-cart button {
    padding: 18px 30px 18px;
    background: ##3d4394;
    color: #fff;
}
.cart-middle .update-cart button:hover{
    background: #252525;    
}


.cart-bottom {
    overflow: hidden;
    padding-top: 76px;
}
.cart-bottom .sec-title-two {
    padding-bottom: 35px;
}
.cart-bottom .sec-title-two h2{
    color: #222222;
    font-size: 24px;
    font-weight: 400;
    text-transform: capitalize;
}
.cart-bottom .calculate-shipping {}
.cart-bottom .calculate-shipping .ui-state-default .ui-icon {
    background: none
}
.cart-bottom .calculate-shipping .ui-state-default {
    background: #fff none repeat scroll 0 0;
    border: 2px solid #f7f7f7;
    border-radius: 0;
    color: #848484;
    font-size: 14px;
    font-weight: normal;
    height: 45px;
    margin-bottom: 17px;
    outline: medium none;
    width: 100% !important;
}
.cart-bottom .calculate-shipping .ui-selectmenu-button span.ui-icon {
    margin-top: 0;
    position: absolute;
    right: 0;
    top: 0;
}
.cart-bottom .calculate-shipping .ui-selectmenu-button span.ui-icon {
    border-left: 2px solid #f7f7f7;
    display: block;
    float: right;
    height: 41px;
    position: relative;
    text-indent: 0;
    top: 0;
    width: 43px;
}
.cart-bottom .calculate-shipping .ui-selectmenu-button span.ui-icon::before {
    color: #9b9b9b;
    content: "\f107";
    font-family: FontAwesome;
    font-size: 20px;
    overflow: visible;
    position: absolute;
    right: 14px;
    top: 6px;
}
.cart-bottom .calculate-shipping .ui-selectmenu-button span.ui-selectmenu-text {
    display: block;
    line-height: 18px;
    overflow: hidden;
    padding: 12px 17px;
    text-align: left;
}
.cart-bottom .calculate-shipping input[type="text"] {
    border: 2px solid #f7f7f7;
    color: #848484;
    display: block;
    font-size: 16px;
    height: 45px;
    padding: 0 18px;
    width: 100%;
    margin-bottom: 30px;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}
.cart-bottom .calculate-shipping input[type="text"]:focus {
    border: 2px solid ##3d4394
}
.cart-bottom .calculate-shipping button {
    padding: 18px 30px 18px;
    background: ##3d4394;
    color: #fff;
}
.cart-bottom .calculate-shipping button:hover{
    background: #252525;
} 
.cart-bottom button.checkout-btn{
    margin-top: 30px;
    padding: 18px 30px 18px;
    background: ##3d4394;
    color: #fff;
}
.cart-bottom button.checkout-btn:hover{
    background: #252525;    
}



/*** 
=============================================
    Checkout Area style
=============================================
***/
.checkout-area {
    padding-bottom: 80px;
    padding-top: 80px;
}
.checkout-area .sec-title {
    padding-bottom: 30px;
}
.checkout-area .sec-title h2 {
    color: #222222;
    font-size: 24px;
    font-weight: 400;
    text-transform: capitalize;
}
.checkout-area .exisitng-customer {
    background: #f7f7f7;
    display: block;
    padding: 20px 28px 21px;
    position: relative;
    margin-bottom: 20px;
}
.checkout-area .exisitng-customer:before{
    position: absolute;
    top: 0;
    left: 0;
    width: 2px;
    height: 100%;
    background: ##3d4394;
    content: "";
}
.checkout-area .exisitng-customer h5{
    color: #222222;
    font-size: 16px;
    font-weight: 400;
}
.checkout-area .exisitng-customer h5 a{
    color: ##3d4394;
    display: inline-block;
    padding-left: 15px;
}
.checkout-area .coupon {
    background: #f7f7f7;
    display: block;
    padding: 20px 28px 21px;
    position: relative; 
    margin-bottom: 60px;
}
.checkout-area .coupon:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 2px;
    height: 100%;
    background: ##3d4394;
    content: "";  
}
.checkout-area .coupon h5 {
    color: #222222;
    font-size: 16px;
    font-weight: 400;  
}
.checkout-area .coupon h5 a {
    color: ##3d4394;
    display: inline-block;
    padding-left: 15px;  
}


.checkout-area .form form .field-label {
    color: #222222;
    font-size: 16px;
    font-weight: 400;
    margin: -3px 0 3px;
    text-transform: capitalize;
    font-family: 'Poppins', sans-serif;
}
.checkout-area .form form .field-input input[type="text"] {
    border: 1px solid #ececec;
    color: #848484;
    display: block;
    font-size: 16px;
    height: 48px;
    margin-bottom: 25px;
    padding: 0 15px;
    width: 100%;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}
.checkout-area .form form .field-input input[type="text"]:focus{
    border: 1px solid ##3d4394;
}
.checkout-area .create-acc .checkbox {
    margin: 7px 0 0;
}
.checkout-area .create-acc .checkbox label {
    color: ##3d4394;
    font-weight: 400;
    font-size: 16px;
}
.checkout-area .create-acc .checkbox input {
    margin-top: 6px;
}

.checkout-area .shipping-info input[type="checkbox"] {
    cursor: pointer;
    display: inline-block;
    margin: 0 0 0 40px;
    position: relative;
    top: 0px;
    vertical-align: middle;
}
.checkout-area .form form .field-input textarea {
    border: 1px solid #ececec;
    color: #848484;
    display: block;
    font-size: 16px;
    height: 124px;
    margin-bottom: 28px;
    padding: 10px 15px;
    width: 100%;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}
.checkout-area .form form .field-input textarea:focus{
    border-color: ##3d4394;
}

.checkout-area .bottom {
    padding-top: 70px
}
.checkout-area .table {
    overflow-x: auto;
    position: relative;
    width: 100%;
    margin-bottom: 0;
}
.checkout-area .table .cart-table {
    min-width: auto;
    width: 100%;
}
.checkout-area .table .cart-table .cart-header {
    background: #f7f7f7;
    color: #222222;
    font-size: 16px;
    position: relative;
    text-transform: capitalize;
    width: 100%;
    font-weight: 400;
    font-family: 'Poppins', sans-serif;
}
.checkout-area .table .cart-table thead tr th {
    font-weight: 400;
    line-height: 24px;
    min-width: 110px;
    padding: 19px 30px 17px;
}
.checkout-area .table .cart-table thead tr th.product-column {
    padding-left: 30px;
    text-align: left;
}

.checkout-area .table .cart-table tbody tr {
    border-bottom: 1px solid #f7f7f7;
}
.checkout-area .table .cart-table tbody tr td {
    vertical-align: middle
}
.checkout-area .table .cart-table tbody tr td {
    min-width: 110px;
    padding: 25px 30px;
}

.checkout-area .table .cart-table tbody tr .product-column .column-box {
    min-height: 70px;
}
.checkout-area .table .cart-table tbody tr .product-column .column-box .prod-thumb {
    width: 70px;
}
.checkout-area .table .cart-table tbody tr .product-column .column-box .prod-thumb img {
    display: block;
    max-width: 100%;
}
.checkout-area .table .cart-table tbody tr .product-column .column-box .prod-thumb, 
.checkout-area .table .cart-table tbody tr .product-column .column-box .product-title{
    display: table-cell;
    vertical-align: middle;
}
.checkout-area .table .cart-table tbody tr .product-column .column-box .product-title{
    padding-left: 20px;
}
.checkout-area .table .cart-table tbody tr .product-column .column-box .product-title h3 {
    color: #222222;
    font-size: 16px;
    font-weight: 400;
    text-transform: capitalize;
}

.checkout-area .table .cart-table tbody tr .qty {
    padding-right: 30px;
    width: 130px;
}
.checkout-area .table .cart-table tbody tr .qty .input-group.bootstrap-touchspin {
    float: right;
    width: 60px;
}
.checkout-area .table .cart-table tbody tr .qty .form-control {
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 0;
    box-shadow: none;
    color: #252525;
    display: block;
    font-size: 18px;
    font-weight: 400;
    height: 34px;
    padding: 6px 0;
    text-align: center;
}
.checkout-area .table .cart-table tbody tr .qty .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up {
    border-radius: 0
}
.checkout-area .table .cart-table tbody tr .qty .btn-default {
    background-color: ##3d4394;
    border-color: #4950a4;
    color: #fff;
}
.checkout-area .table .cart-table tbody tr .qty .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down {
    border-radius: 0;
    margin-top: -2px;
}
.checkout-area .table .cart-table tbody tr td.price {
    color: ##3d4394;
    font-size: 20px;
    font-weight: 300;
}

.cart-total .sec-title { }
.cart-total-table {
    border: 2px solid #f7f7f7
}
.cart-total-table li {
    border-bottom: 1px solid #f7f7f7
}
.cart-total-table li:last-child {
    border-bottom: none
}
.cart-total-table li span.col.col-title {
    border-right: 1px solid #f7f7f7;
    color: #222222;
    display: block;
    float: left;
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
    padding: 10px 18px;
    position: relative;
    width: 50%;
    font-family: 'Poppins', sans-serif;
}
.cart-total-table li span.col {
    color: #848484;
    display: block;
    float: left;
    font-size: 16px;
    font-weight: 300;
    line-height: 28px;
    padding: 10px 18px;
    position: relative;
    width: 50%;
    font-family: 'Hind', sans-serif;
}
.cart-total-table li span.col b {
    color: ##3d4394;
    font-weight: 300;
    text-decoration: underline;
}



.cart-total .payment-options {
  background: #f7f7f7 none repeat scroll 0 0;
  margin-top: 30px;
  overflow: hidden;
  padding: 23px 20px 35px;
}
.cart-total .payment-options .option-block {
  margin-bottom: 14px
}

.cart-total .payment-options .option-block .checkbox {
  margin: 0 0 5px;
}
.cart-total .payment-options .option-block .checkbox label {
  font-weight: 700;
  min-height: 20px;
  padding-left: 20px;
}
.cart-total .payment-options .option-block .checkbox label input {
  position: relative;
  top: 1px;
}
.cart-total .payment-options .option-block .checkbox label span {
  color: #222222;
  font-size: 16px;
  padding-left: 10px;
  font-weight: 400;
  font-family: 'Poppins', sans-serif;
}
.cart-total .payment-options .option-block .checkbox label span b {
  color: ##3d4394;
  display: inline-block;
  font-size: 14px;
  font-weight: 400;
  padding-left: 25px;
  text-decoration: underline;
}
.cart-total .payment-options .option-block .text{
  padding-left: 30px;
}
.cart-total .payment-options .option-block .text p {
  margin: 0;
  line-height: 28px;
}
.placeorder-button button {
    padding: 18px 35px 18px;
    margin-top: 20px;
    background: ##3d4394;
    color: #fff;
}
.placeorder-button button:hover{ }



/*** 
=============================================
    Login Register Area style
=============================================
***/
.login-register-area {
    padding-bottom: 83px;
    padding-top: 79px;
}
.login-register-area .form .sec-title {
    padding-bottom: 30px;
}
.login-register-area .form .sec-title h2{
    color: #222222;
    font-size: 24px;
    font-weight: 400;
    text-transform: capitalize;
}
.login-register-area .form .input-field {
    position: relative;
}
.login-register-area .form .input-field input[type="text"] {
    border: 2px solid #f4f4f4;
    color: #848484;
    font-size: 16px;
    height: 50px;
    margin-bottom: 30px;
    padding-left: 15px;
    padding-right: 50px;
    width: 100%;
    transition: all 700ms ease 0s;
}
.login-register-area .form .input-field .icon-holder {
    position: absolute;
    right: 20px;
    top: 11px;
}
.login-register-area .form .input-field .icon-holder i {
    color: #999999;
    font-size: 14px;
    font-weight: 400;
}
.login-register-area .form button {
    margin-top: 10px;
    padding: 18px 40px 18px;
    background: ##3d4394;
    color: #fff;
}
.login-register-area .form button:hover{
    background: #252525;
}
.login-register-area .form .remember-text {
    margin-top: 19px;
}
.login-register-area .form .remember-text .checkbox label {
    color: #848484;
    font-size: 16px;
    font-weight: 400;
}
.login-register-area .form .remember-text .checkbox input {
    margin-top: 6px;
}

.login-register-area .form .social-icon {
    float: right;
    margin-right: -8px;
    margin-top: 15px;
    position: relative;
}
.login-register-area .form .social-icon .login-with {
    display: inline-block;
    left: -100px;
    position: absolute;
    top: 8px;
}
.login-register-area .form .social-icon li {
    display: inline-block;
    margin: 0 8px;
}
.login-register-area .form .social-icon li a i {
    background: #3b5998 none repeat scroll 0 0;
    border-radius: 50%;
    color: #fff;
    display: block;
    font-size: 14px;
    font-weight: 100;
    height: 40px;
    line-height: 24px;
    padding: 8px 0;
    text-align: center;
    transition: all 700ms ease 0s;
    width: 40px;
}
.login-register-area .form .social-icon li a i.twitter {
    background: #33ccfe none repeat scroll 0 0;
}
.login-register-area .form .social-icon li a i.gplus {
    background: #dd4b39 none repeat scroll 0 0;
}
.login-register-area .form a.forgot-password {
    color: ##3d4394;
    float: right;
    font-weight: 700;
    margin: 20px 0 0;
}
.login-register-area .form h6 {
    color: #848484;
    float: left;
    font-size: 14px;
    margin: 28px 0 0 -50px;
    font-family: 'Hind', sans-serif;
}
.login-register-area .form .input-field input[type="text"]:focus{
    border: 2px solid ##3d4394;    
}

.login-register-area .form .social-icon li a:hover i{
  background: #18387b;   
}
.login-register-area .form .social-icon li a:hover i.twitter{
  background: #12addf;    
}
.login-register-area .form .social-icon li a:hover i.gplus{
    background: #c62d1a;
}