/***************************************************************************************************************
||||||||||||||||||||||||||       MASTER STYLESHEET FOR MyConsult           |||||||||||||||||||||||||||||||||||||||
****************************************************************************************************************
||||||||||||||||||||||||||                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                ||||||||||||||||||||||||||||||||||||
****************************************************************************************************************/



/* Imported styles */
@import url('https://fonts.googleapis.com/css?family=Fira+Sans:300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i');
@import url('https://fonts.googleapis.com/css?family=Poppins:300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900');



@import url(imp.css);
@import url(bootstrap.css);
@import url(font-awesome.min.css);
@import url(hover.css);
@import url(jquery.bxslider.css);
@import url(owl.carousel.css);
@import url(owl.theme.default.min.css);
@import url(animate.min.css);
@import url(jquery.bootstrap-touchspin.css);
@import url('jquery.fancybox.css');
@import url('prettyPhoto.css');
@import url('bootstrap-select.min.css');
@import url('imagehover.css');

/*** Price filter***/
@import url(../assets/price-filter/nouislider.css);
@import url(../assets/price-filter/nouislider.pips.css);
/*** single shop slide ***/
@import url(flexslider.css);
/*** Time picker css ***/
@import url(../assets/timepicker/timePicker.css);


@import url(../fonts/flaticon/flaticon.css);
@import url(../assets/jquery-ui-1.11.4/jquery-ui.css);

/*** Revolution slider ***/
@import url(../assets/revolution/css/settings.css);
@import url(../assets/revolution/css/layers.css);
@import url(../assets/revolution/css/navigation.css);

/*** Bootstrap select picker css ***/
@import url(../assets/bootstrap-sl-1.12.1/bootstrap-select.css);
/*** Language Switcher ***/
@import url(../assets/language-switcher/polyglot-language-switcher.css);






/*==============================================
   Base Css
===============================================*/
html,
body { height: 100% }
body {
    font-family: 'Fira Sans', sans-serif;
    font-size: 16px;
    color: #848484;
    line-height: 26px;
    font-weight: 400;
}
button:focus{
    outline: none;
}
button {
    cursor: pointer;
    border: none;
    background: transparent;
    padding: 0;
}
h1, h2, h3, h4, h5, h6 {
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    margin: 0;
}
h3 {
    font-size: 20px; 
    line-height: 28px;
    color: #222222;
}
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;
}
.span-width-3 {
  width: 25%;
  float: left;
}
.span-width-4 {
  width: 33.3333333333%;
  float: left;
}
.span-width-5 {
  width: 20%;
  float: left;
}
.span-width-6 {
  width: 50%;
  float: left;
}


.sec-pding-one{
    padding: 90px 0;
}
.sec-pding-two{
    padding: 90px 0 50px;
}

.btn-one {
    font-size: 15px;
    font-weight: 600;
    display: inline-block;
    padding: 17px 30px 18px;
    text-transform: capitalize;
    font-family: 'Poppins', sans-serif;
    transition: all 500ms ease;
    line-height: 15px;
    position: relative;
    background: #0000;
    color: #ffffff;
}
.btn-one:hover{
    opacity: 0.90;
    color: #fff;
}
.btn-two {
    font-size: 15px;
    font-weight: 600;
    display: inline-block;
    padding: 17px 30px 18px;
    text-transform: capitalize;
    font-family: 'Poppins', sans-serif;
    transition: all 500ms ease;
    line-height: 15px;
    position: relative;
    background: #222222;
    color: #ffffff;
}
.btn-two:hover{
    opacity: 0.90;
    color: #fff;
}



.sec-title {
    position: relative;
    padding-bottom: 50px;
    margin-top: -5px;
}
.sec-title p{
    color: #000;
    font-size: 16px;
    font-weight: 400;
    text-transform: capitalize;
    display: block;
    margin: 0 0 6px;
}
.sec-title p.color-2{
    color: #b2c9ff;    
}
.sec-title h1 {
    display: block;
    color: #222222;
    font-size: 30px;
    line-height: 36px;
    font-weight: 500;
    text-transform: capitalize;
    margin: 0;
}
.sec-title h1.white-color{
    color: #ffffff;
}
.sec-title .border {
    position: relative;
    display: block;
    width: 65px;
    height: 2px;
    background: transparent;
    margin: 17px 0 0;
}
.sec-title .border:before{
    position: absolute;
    top: 0;
    left: 0;
    width: 10px;
    height: 2px;
    background: #D64905;
    content: "";
}
.sec-title .border:after{
    position: absolute;
    top: 0;
    right: 0;
    width: 50px;
    height: 2px;
    background: #D64905;
    content: "";
}
.sec-title .border.center{
    margin: 17px auto 0;    
}
.sec-title .border.color-2:before{
    background: #ffffff;    
}
.sec-title .border.color-2:after{
    background: #ffffff;    
}
.parallax-bg-one {
    background-attachment: fixed;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    z-index: 1;
}
.parallax-bg-one::before {
    background: #E6B005;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
} 


.flex-box {
    display: flex;
    justify-content: center;
    flex-direction: row;
    flex-wrap: wrap;
}
.flex-box-two {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: wrap;
}

.flex-box-three {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
}

.flex-box-four {
    display: flex;
    justify-content: center;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
}

.flex-box-five {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
}

.owl-nav-style-one{}
.owl-nav-style-one .owl-controls { }
.owl-nav-style-one.owl-theme .owl-nav [class*="owl-"] {
    background: #ffffff none repeat scroll 0 0;
    border-radius: 50%;
    color: #D64905;
    font-size: 24px;
    font-weight: 700;
    height: 50px;
    line-height: 46px;
    margin: 0 0 0 0px;
    padding: 0;
    width: 50px;
    border: 1px solid #f3f3f3;    
    transition: all 700ms ease 0s;
}
.owl-nav-style-one.owl-theme .owl-nav .owl-next {
    margin-left: 10px;
}
.owl-nav-style-one.owl-theme .owl-nav [class*="owl-"]:hover{
    border-color: #47588f;
    color: #47588f;
}


.owl-nav-style-two{}
.owl-nav-style-two .owl-controls { }
.owl-nav-style-two.owl-theme .owl-nav [class*="owl-"] {
    background: #fff none repeat scroll 0 0;
    border-radius: 0%;
    color: #ECB813;
    font-size: 24px;
    font-weight: 700;
    height: 50px;
    line-height: 50px;
    margin: 0 0 0 0px;
    padding: 0;
    width: 50px;
    transition: all 700ms ease 0s;
}
.owl-nav-style-two.owl-theme .owl-nav .owl-next {
    margin-left: 0px;
}
.owl-nav-style-two.owl-theme .owl-nav [class*="owl-"]:hover{
    color: #ffffff;
    background: #ECB813;
}


.boxed_wrapper {
    background: #fff none repeat scroll 0 0;
    position: relative;
    margin: 0 auto;
    width: 100%;
    min-width: 320px;
    min-height: 400px;
    overflow: hidden;  
}

/*________________Preloader_______________ */

.preloader{ 
    position:fixed; 
    left:0px; 
    top:0px; 
    width:100%; 
    height:100%; 
    z-index:99999999999; 
    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;}
}
.sticky-header{
	position:fixed;
	opacity: 0;
	visibility: hidden;
	left:0px;
	top:0px;
	width:100%;
	padding:0px 0px;
	background: #ffffff;
	z-index: 0;
	border-bottom:1px solid #f2f2f2;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}
.sticky-header .logo {
    padding: 17px 0px 18px;
}
.sticky-header .logo a {
    display: inline-block;
}
.fixed-header .sticky-header{
	z-index:99999999;
	opacity:1;
	visibility:visible;
    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;
}
.sticky-header .main-menu .navigation li a {
    padding: 38px 0;
}
.sticky-header .main-menu .navigation li ul li a{
    color: #353535;    
}
.sticky-header .main-menu .navigation > li > ul{
    box-shadow: none;
    border: 1px solid #f9f9f9;
}


/* scroll to top styles */
.scroll-to-top {
    background: #E6B005;
    border: 2px solid #E6B005;
    border-radius: 50%;
    bottom: 25px;
    color: #fff;
    cursor: pointer;
    display: none;
    font-size: 30px;
    font-weight: normal;
    height: 60px;
    line-height: 54px;
    position: fixed;
    right: 15px;
    text-align: center;
    transition: all 500ms ease 0s;
    width: 60px;
    z-index: 99999999;
    -webkit-box-shadow: 0px 8px 23px -6px rgba(27,27,27,1);
    -moz-box-shadow: 0px 8px 23px -6px rgba(27,27,27,1);
    box-shadow: 0px 8px 23px -6px rgba(27,27,27,1);
}
.scroll-to-top:hover {
    background: #E6B005;
    border-color: #E6B005;
}

/* 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 #f2f2f2;
    color: #3d3d3d;
    display: block;
    font-size: 18px;
    font-weight: 700;
    height: 55px;
    padding: 14px 0;
    transition: all 500ms ease 0s;
    width: 55px;
    font-family: 'Poppins', sans-serif;
    border-radius: 0px;
}
.post-pagination li.active a, 
.post-pagination li:hover a {
    background: #3740b0;
    color: #fff;
    border: 1px solid #3740b0;
}


/* Overlay styles */
.overlay-style-one{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    overflow: hidden;
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    transition: all 500ms ease;
    background-color: rgba(0, 0, 0,0.8);
}
.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;
    float: left;
    margin-right: 4px;
}
.review-box ul li:last-child{
    margin-right: 0px;    
}
.review-box ul li i {
  color: #c8c8c8;
  font-size: 12px;
}


.sociallinks-style-one{}
.sociallinks-style-one li{
    display: inline-block;
    float: left;
    margin-right: 15px;
}
.sociallinks-style-one li:last-child{
    margin-right: 0px;
}
.sociallinks-style-one li a i{
    color: #b2c9ff;
    font-size: 14px;
    transition: all 500ms ease;
}
.sociallinks-style-one li a:hover i{
    color: #ffffff;
}


.socialicon-style-two{}
.socialicon-style-two li {
    display: inline-block;
    float: left;
    margin-right: 10px;
}
.socialicon-style-two li:last-child {
    margin-right: 0px;
}
.socialicon-style-two li a i{
    height: 40px;
    width: 40px;
    display: block;
    border-radius: 50%;
    background: #404f80;
    color: #ffffff;
    font-size: 14px;
    line-height: 38px;
    border: 2px solid #47588f;
    transition: all 500ms ease;
    text-align: center;
}
.socialicon-style-two li a:hover i{
    color: #f87845;
    border-color: #404f80;
    background: #fff;
}


.sociallinks-style-two{
    overflow: hidden;
}
.sociallinks-style-two li {
    display: inline-block;
    margin-right: 10px;
}
.sociallinks-style-two li:last-child{
    margin-right: 0px;    
}
.sociallinks-style-two 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;
}
.sociallinks-style-two li a:hover i{
    background: #3740b0;
    border-color: #3740b0;
    color: #fff;
}



/*==============================================
    Top bar Area Css
===============================================*/
.top-bar-area {
    background: #101e3f;
}
.state-select-box {
    position: relative;
    width: 150px;
    display: block;
}
.state-select-box .icon-holder {
    position: absolute;
    top: 0px;
    left: 18px;
    margin: 16px 0 13px;
}
.state-select-box .icon-holder span:before {
    color: #b2c9ff;
    font-size: 18px;
    line-height: 18px;
}

.state-content{}
.state-content .state{}
.state-content .state ul {}
.state-content .state ul li {
    display: inline-block;
    float: left;
    border-left: 1px solid #23304e;
    padding-left: 45px;
    padding-right: 20px;
    position: relative;
    height: 55px;
}
.state-content .state ul li:last-child{ 
    padding-right: 0;
}
.state-content .state ul li .icon-box {
    position: absolute;
    top: 0;
    left: 20px;
    margin: 14px 0 15px;
}
.state-content .state ul li .icon-box span:before {
    color: #b2c9ff;
    font-size: 16px;
    line-height: 16px;
    transition: all 500ms ease;
}
.state-content .state ul li .text-box{
    padding-left: 0px;
}
.state-content .state ul li .text-box p {
    color: #ffffff;
    font-size: 15px;
    font-weight: 500;
    line-height: 20px;
    margin: 17px 0;
}


.social-links-box {
    margin: 15px 0 14px;
}
.top-right p {
    margin: 0;
    display: inline-block;
    float: left;
    font-size: 15px;
    color: #ffffff;
    font-weight: 500;
}
.top-right .sociallinks-style-one{
    overflow: hidden;
    display: inline-block;
    float: left;
    margin-left: 10px;
}

.language-switcher {
    width: 140px;
    margin-left: 30px;
    position: relative;
    border-left: 1px solid #23304e;
    border-right: 1px solid #23304e;
    height: 55px;
    padding-left: 20px;
    padding-top: 12px;
    padding-bottom: 12px;
}

/*==============================================
    Header Area Css
===============================================*/
.header-area {
    background: transparent;
    position: relative;
    top: 0;
    left: 0;
    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;
    z-index: 99;
}

.header-content{
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    border-bottom: 1px solid #000;
}
.header-content .header-left{}
.header-content .header-left .logo a {
    display: inline-block;
}

.header-right {

}
.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;
    margin-left: 35px;
    position: relative;
}
.main-menu .navigation li:first-child{
    margin-left: 0px;
}
.main-menu .navigation li::before {

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

.main-menu .navigation li a:after {
    position: absolute;
    left: 0px;
    top: 65px;
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    transition: all 300ms ease;
    text-align: center;
    opacity: 0;
    background:#EFB217;
}
.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;
    background:#ED9909;
}

.main-menu .navigation > 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;
    box-shadow: 0px 0px 5px 2px #ED9909;
    display: block;
    padding: 10px 15px 10px;
}
.main-menu .navigation > li:hover > ul {
    top: 85%;
    opacity: 1;
    visibility: visible;
}
.main-menu .navigation > li > ul:before {
    position: absolute;
    top: -20px;
    left: 15px;
    content: "\f0d8";
    font-family: FontAwesome;
    color: #fff;
    font-size: 30px;
    line-height: 30px;
}
.main-menu .navigation > li > ul > li {
    float: none;
    margin: 0;
    padding: 0;
    position: relative;
    width: 100%;
    display: block;
}
.main-menu .navigation > li > ul li::before{
    display: none;
}
.main-menu .navigation li ul li a {
    color: #353535;
    display: block;
    font-size: 15px;
    font-weight: 400;
    line-height: 20px;
    padding: 15px 15px 15px 15px !important;
    position: relative;
    text-transform: capitalize;
    transition: all 500ms ease 0s;
}
.main-menu .navigation li ul li a:before {
    position: absolute;
    right: 15px;
    top: 0;
    bottom: 0;
    content: "\f105";
    font-family: FontAwesome;
    font-size: 16px;
    color: #ffffff;
    display: block;
    transition: all 300ms ease;
    opacity: 1;
    margin: 15px 0;
}
.main-menu .navigation li ul li a:after{
    display: none;
}
.main-menu .navigation > li > ul > li:hover > a {
    color: #fff;
    background-color: #EFB217;
}
.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;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    -moz-border-radius: 3px;
}

.mainmenu-middle {
    margin-left: 35px;
}
.mainmenu-middle ul { }
.mainmenu-middle ul li {
    display: inline-block;
    float: left;
    margin-right: 10px;
    border-right: 1px solid #e4e4e4;
    padding-right: 10px;
}
.mainmenu-middle ul li:last-child{
    margin-right: 0px;
    border-right: 0px solid #e4e4e4;
    padding-right: 0px;    
}

.outer-search-box {
    display: inline-block;
    float: left;
    border-left: 1px solid #ED9909;
    padding-left: 10px;
    margin: 12px 0;
}
.outer-search-box .seach-toggle {
    background: transparent;
    color: #EE9912;
    cursor: pointer;
    font-size: 16px;
    margin: 0;
    position: relative;
    text-align: center;
    transition: all 500ms ease;
    height: 25px;
    display: block;
    width: 30px;
}
.outer-search-box .seach-toggle:hover,
.outer-search-box .seach-toggle.active{
    color: #ED9909;
}
.search-box {
    background: #ED9909;
    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:#000;	
}
.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: #000;
}


.mainmenu-right-box {
    width: 230px;
    margin: 25px 0px;
    margin-left: 20px;
}
.mainmenu-right-box .button {
    float: right;
}



/*** 
====================================================================
	Main Slider style
====================================================================
***/
.rev_slider_wrapper {
    position: relative;
    z-index: 10;
    margin-top: -101px;
}
.rev_slider_wrapper .tp-caption{
	z-index:5 !important;
}
.rev_slider_wrapper .tp-dottedoverlay{
	background:rgba(0, 0, 0, 0.00) !important;	
}

.rev_slider_wrapper .slide-content{
 
}
.rev_slider_wrapper .slide-content .big-title{
	position: relative;
	font-weight: 500;
	font-size: 76px;
	color: #222222;
	line-height: 1.2em;
	font-family: 'Poppins', sans-serif;
    margin: 0 0 12px;
}
.rev_slider_wrapper .slide-content .text{
	position: relative;
	font-size: 20px;
	font-weight: 400;
	color: #EF970A;
	line-height: 1.6em;
    font-family: 'Fira Sans', sans-serif;
}
.rev_slider_wrapper .slide-content .btns-box{
    margin-top: 31px;
}
.rev_slider_wrapper .slide-content .btns-box a.btn-one.pdone{
    padding: 20.5px 45px 20.5px;
    margin-right: 9px;
    background:#000;
}
.rev_slider_wrapper .slide-content .btns-box a.btn-two.pdtwo{
    padding: 20.5px 40px 20.5px;
    background:#ECB813;
}

.tparrows {
    background: rgba(255, 255, 255, .85);
    height: 55px;
    width: 55px;
    border: 2px solid #E6B005;
    cursor: pointer;
    display: block;
    position: absolute;
    z-index: 1000;
    transition: all 500ms ease;
    border-radius: 0px;
}
.tparrows:before{
    font-size: 18px; 
    font-weight: 700;
    color: #E6B005; 
    display: block; 
    line-height: 52px; 
    text-align: center;
    transition: all 500ms ease;
}
.tparrows:hover{
    background: #E6B005;
    border-color: #E6B005;
}
.tparrows:hover:before{
    background:#E6B005;
    color: #E6B005;   
}


.contenido{
    style=align-right;
    float=right;
}


/*** 
=============================================
    Callto action area style
=============================================
***/
.callto-action-area {
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    z-index: 1;
}
.callto-action-area:before {
    background-image: linear-gradient(to top, rgba(55,64,176, .90) 0%, rgba(22,30,130, 1) 100%);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
    background:#ECB813;
}
.callto-action-area ul {
    overflow: hidden;
}
.callto-action-area ul li {
    border-left: 1px solid rgba(255, 255, 255, 0.15);
    display: block;
    padding-right: 30px;
    padding-left: 30px;
}
.callto-action-area ul li:first-child {
    border-left: 0px solid;
    padding-left: 0px;
}
.callto-action-area ul li .single-box {
    display: block;
    padding: 70px 0 65px;
}
.callto-action-area ul li .single-box .icon-holder{}
.callto-action-area ul li .single-box .icon-holder span:before{
    color: #ffffff;
    font-size: 50px;
    line-height: 50px;
}
.callto-action-area ul li .single-box .text-holder {
    position: relative;
    margin-top: 22px;
}
.callto-action-area ul li .single-box .text-holder h3{
    color: #ffffff;
    font-size: 18px;
    margin: 0 0 17px;
}
.callto-action-area ul li .single-box .text-holder p{
    color: #ffffff;
    margin: 0;
}



/*** 
=============================================
    welcome Area style
=============================================
***/
.welcome-area{
    background: #f6f6f6;
    overflow: hidden;
    padding-bottom: 50px;
}
.welcome-area .title {
    margin-top: -5px;
    padding-bottom: 41px;
}
.welcome-area .title h1 {
    color: #222222;
    font-size: 30px;
}
.welcome-area .title p{
    line-height: 28px;
    margin: 17px 0 0;
}
.welcome-text-box {
    background: #ffffff;
    display: block;
    padding-left: 40px;
    margin-right: -30px;
    padding-right: 30px;
    padding-top: 44px;
    padding-bottom: 50px;
    -webkit-box-shadow:0px 0px 15px 2px #ebebf2;
    -moz-box-shadow:0px 0px 15px 2px #ebebf2;
    box-shadow:0px 0px 15px 2px #ebebf2;
}
.welcome-text-box .bottom-text {
    position: relative;
    display: block;
    border-left: 2px solid #f2f2f2;
    padding-left: 50px;
    padding-top: 30px;
    padding-bottom: 27px;
    margin-bottom: 18px;
    margin-top: 22px;
}
.welcome-text-box .bottom-text:before{
    font-family: Flaticon;
    position: absolute;
    top: 20px;
    left: 20px;
    color: #e8e8e8;
    font-size: 20px;
    line-height: 20px;
    content: "\f114";
}
.welcome-text-box .bottom-text p{}
.welcome-text-box .bottom-text h3 {
    font-size: 18px;
}
.welcome-text-box .signature-certified-box {
    position: relative;
    display: block;
}
.welcome-text-box .signature-certified-box .certified {
    position: absolute;
    top: -60px;
    right: 20px;
}


.welcome-right-box {
    margin-right: -110px;
    position: relative;
}
.welcome-right-box .bg-image {
    position: absolute;
    top: 0;
    bottom: 0;
    right: -300px;
    width: 355px;
    height: 100%;
}
.welcome-right-box .single-item{
    overflow: hidden;
    display: block;
    margin-bottom: 40px;
}
.welcome-right-box .single-item .img-holder{
    position: relative;
    display: block;
    overflow: hidden;
}
.welcome-right-box .single-item .img-holder img{
    transition: all 900ms ease;
    width: 100%;
    transform: scale(1.1, 1.1);
}
.welcome-right-box .single-item:hover .img-holder img {
    transform: scale(1.2, 1.2);
}
.welcome-right-box .single-item .static-overlay {
    background: #ECB813;
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0;
    width: 100%;
    display: block;
    padding: 28px 40px 22px;
    transition: all 700ms ease;
    transition-delay: 0.5s;
}
.welcome-right-box .single-item:hover .static-overlay {
    padding: 38px 40px 32px;
    transition-delay: 0.1s;
}
.welcome-right-box .single-item .static-overlay h3 {
    color: #ffffff;
    line-height: 22px;
    margin: 0 0 15px;
}
.welcome-right-box .single-item .static-overlay p {
    color: #ffffff;
    margin: 0;
}
.welcome-area .owl-nav-style-two .owl-controls {
    position: absolute;
    bottom: 40px;
    right: -100px;
}



/*** 
=============================================
    Services Area style
=============================================
***/
.services-area {
    background: #fff;
    position: relative;
    padding-bottom: 77px;
}
.services-area .sec-title {
    padding-bottom: 40px;
}
.single-service-item {
    position: relative;
    display: block;
    padding: 20px;
    -webkit-box-shadow: 0px 0px 15px 2px #ebebf2;
    -moz-box-shadow: 0px 0px 15px 2px #ebebf2;
    box-shadow: 0px 0px 15px 2px #ebebf2;
    margin: 10px 10px 10px;
}
.single-service-item .img-holder{
    display: block;
    overflow: hidden;
    position: relative;    
}
.single-service-item .img-holder img{
    transition: all 900ms ease;
    width: 100%;
    transform: scale(1.1, 1.1);    
}
.single-service-item:hover .img-holder img {
    transition: all 900ms ease;
    transition: all 0.4s ease-in-out 0.5s;
    transform: scale(1.2, 1.2);
}
.single-service-item:hover .img-holder .overlay-style-one{
    filter: alpha(opacity=100);
    opacity: 1;
}
.single-service-item .img-holder .overlay-style-one .box .content a i {
    background: #ECB813;
    border-radius: 3%;
    color: #ffffff;
    display: inline-block;
    font-size: 15px;
    height: 45px;
    width: 45px;
    line-height: 48px;
    transform: scale(2);
    transition: all 0.5s ease-in-out 0.7s;
    transition: all 500ms ease 0s;
    opacity: 0;
}
.single-service-item:hover .img-holder .overlay-style-one .box .content a i{
    transform: scale(1);
    transition-delay: 0.1s;
    opacity: 1;
}
.single-service-item .img-holder .overlay-style-one .box .content a:hover i{
    background: #fff;
    background: #ECB813;
}

.single-service-item .icon-box {
    position: absolute;
    top: 20px;
    left: 20px;
    height: 80px;
    width: 80px;
    border-radius: 50%;
    background: #ffffff;
    text-align: center;
    z-index: 2;
    transition: all 900ms ease;
}
.single-service-item:hover .icon-box{
    left: -100%;
    top: -100%;
    transform: rotate(360deg);
    transition: all 900ms ease;
}
.single-service-item .icon-box span:before {
    font-size: 35px;
    line-height: 35px;
    color: #222222;
    display: block;
    padding: 23px 0;
}
.single-service-item .title-box {
    position: absolute;
    left: 0;
    bottom: 0;
    background: #ECB813;
    z-index: 2;
    display: block;
    padding: 9px 20px 8px;
    min-width: 250px;
    text-align: center;
    transition: all 900ms ease;
    transition: all .5s ease-in-out;
}
.single-service-item .title-box h3 {
    font-size: 18px;
}
.single-service-item .title-box h3 a{
    color: #ffffff;    
}
.single-service-item .text-holder{
    padding-top: 25px;  
}
.single-service-item .text-holder p{
    margin: 0 0 15px;
    color:#000;
}
.single-service-item .text-holder a.readmore{
    color: #222222;
    font-size: 15px;
    font-weight: 600;
    text-transform: capitalize;
    font-family: 'Poppins', sans-serif;
    transition: all 500ms ease;
}
.single-service-item .text-holder a.readmore:hover{
    color: #DB6903;
}
.services-area .owl-dots {
    position: relative;
    margin-top: 25px;
}
.services-area .owl-dots .owl-dot{
	background-image:none;
	width: 13px;
	height: 13px;
	margin: 5px 7px;
    border: 2px solid #cecece;
	padding:0px;
	background: #ffffff;
	border-radius:50%;
	-webkit-border-radius:50%;
	-ms-border-radius:50%;
	-o-border-radius:50%;
	-moz-border-radius:50%;
	transition: all 500ms ease;
	display: inline-block;
}
.services-area .owl-dots .owl-dot span{
	display:none;	
}
.services-area .owl-dots .owl-dot.active{
	background:#ECB813;
    border-color: #ECB813;
    border-radius: 15px;
}
.services-area .owl-dots .owl-dot:hover{
	background:#ECB813;
    border-color: #ECB813;
}



/*** 
=============================================
    Working area style
=============================================
***/
.working-area {
    background: #E6B005;
    position: relative;
    overflow: hidden;
}
.working-area .text-holder {
    position: relative;
    overflow: hidden;
    display: block;
    padding-top: 90px;
}
.working-area .text-holder .sec-title {
    padding-bottom: 23px;
}
.working-area .text-holder .sec-title h1{
    color: #ffffff;
}

.working-area .text-holder .text{}
.working-area .text-holder .text p {
    color: #eef2ff;
    margin: 0 0 18px;
}
.working-area .text-holder .text a{
    color: #ffffff;
    font-size: 15px;
    font-weight: 600;
    text-transform: capitalize;
    font-family: 'Poppins', sans-serif;
}
.working-area .text-holder .text a i{
    display: inline-block;
    padding-left: 7px;
    font-weight: 700;
}

.working-bg {
    position: relative;
    display: block;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 90px;
    padding-bottom: 80px;
    z-index: 1;
}
.working-bg:before {
    position: absolute;
    top: 0;
    left: 0px;
    content: "";
    height: 100%;
    width: 1000%;
    background: #E6B005;
    z-index: -1;
}
.working-area .single-item {
    position: relative;
    background: #ECB813;
    display: block;
    padding: 40px 40px 33px;
    z-index: 1;
}
.working-area .single-item:before{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 10%;
    background: #000;
    content: "";
    z-index: -1;
    transition: all 700ms ease-in;
    opacity: 0;
}
.working-area .single-item:hover:before{
    height: 100%;
    opacity: 1;
    transition: all 500ms ease-in;
}
.working-area .single-item .icon-holder{
    
}
.working-area .single-item .icon-holder span:before{
    color: #000;
    font-size: 50px;
    line-height: 50px;
}
.working-area .single-item .text-box {
    margin-top: 24px;
}
.working-area .single-item .text-box h3{
    color: #ffffff;  
    margin: 0 0 16px;
}
.working-area .single-item .text-box p{
    color: #fff;
    margin: 0;
}

.working-area .owl-dots {
    position: absolute;
    right: -33px;
    top: 50%;
    margin-top: -40px;
}
.working-area .owl-dot-style-one .owl-dots .owl-dot{
	background-image:none;
	width: 13px;
	height: 13px;
	margin: 10px 0px;
    border: 3px solid #ffffff;
	padding:0px;
	background: transparent;
	border-radius:50%;
	-webkit-border-radius:50%;
	-ms-border-radius:50%;
	-o-border-radius:50%;
	-moz-border-radius:50%;
	transition: all 500ms ease;
	display: block;
}
.working-area .owl-dot-style-one .owl-dots .owl-dot span{
	display:none;	
}
.working-area .owl-dot-style-one .owl-dots .owl-dot.active{
	background: transparent;
    border-color: #ffffff;
    background: #ffffff;
    border-radius: 15px;
}
.working-area .owl-dot-style-one .owl-dots .owl-dot:hover{
	background: transparent;
    border-color: #ffffff;
    background: #ffffff;
}



/*** 
=============================================
    Brand Area style
=============================================
***/
.brand-area {
  background: #f7f7f7;
  padding-bottom: 90px;
  padding-top: 90px;
}
.brand-text-box .text {
    margin-top: -5px;
}
.brand-text-box .text p{
    margin: 0 0 33px;
}
.brand-text-box .text a{}
.brand-area .video-holder {
    width: 100%;
    height: auto;
    text-align: center;
    position: relative;
    overflow: hidden;
}
.brand-area .video-holder img {
    transform: scale(1);
    transition: all 0.5s ease 0s;
    width: 100%;
}
.brand-area .video-holder .overlay-gallery {
    background-color: transparent;
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    transition: all 500ms ease;
}
.brand-area .video-holder .overlay-gallery .icon-holder{
    display: table;
    height: 100%;
    width: 100%;    
}
.brand-area .video-holder .overlay-gallery .icon-holder .icon{
    display: table-cell;
    vertical-align: middle;    
}
.brand-area .video-holder .overlay-gallery .icon-holder .icon a img{
    width: auto;
    transform: scale(1);
    transition: all 0.5s ease 0s;
}
.brand-area .video-holder:hover .overlay-gallery {
    background-color: rgba(58, 67, 176, 0.90);
}
.brand-area .video-holder:hover img {
    transform: scale(1.1);
}
.brand-area .video-holder .overlay-gallery .icon-holder .icon a:hover img{
    transform: scale(1.1);
}



.brand-area .brand{
    margin-top: 80px;
    border-top: 1px solid #e9e9e9;
    padding-top: 60px;
    position: relative;
    z-index: 1;
}
.brand-area .brand:before{
    position: absolute;
    top: 0;
    right: -5px;
    width: 20px;
    height: 100%;
    background: #F7F7F7;
    content: "";
    z-index: 100;
}
.brand-area .brand .owl-stage-outer{
  z-index:10;		
}
.brand-area .brand .single-item {
    display:block;
    border-right: 1px solid #e9e9e9;
    min-height: 70px;
    max-width: 195px;
    width: 100%;
    -webkit-transition: all 300ms ease-in 0s;
    transition: all 300ms ease-in 0s;
    text-align: center;
    z-index: 1;
}
.brand-area .brand .single-item img {
    display: block;
    max-width: 100%;
    opacity: 1;
    position: relative;
    transition: all 300ms ease-in 0s;
    width: auto;
    padding-left: 13px;
    padding-right: 12px;
}
.brand-area .brand .single-item:hover img{
    opacity: .9;
}
.brand-area .owl-theme .owl-dots {
    display: none;
    text-align: center;
}
.brand-area .owl-theme .owl-nav {
    left: 0;
    position: absolute;
    top: 50%;
    width: 100%;
}
.brand-area .owl-theme .owl-nav .owl-prev {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ffffff;
    display: block;
    height: 45px;
    width: 45px;
    left: -45px;
    position: absolute;
    top: -3px;
    transition: all 700ms ease 0s;
    z-index: 10;
    margin: 0;
    border-radius: 0;
    padding: 6px 0;
}
.brand-area .owl-theme .owl-nav .owl-next {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ffffff;
    display: block;
    height: 45px;
    width: 45px;
    position: absolute;
    right: -45px;
    top: -3px;
    z-index: 1000;
    transition: all 700ms ease 0s;
    margin: 0;
    border-radius: 0;
    padding: 6px 0;
}
.brand-area .owl-theme .owl-nav .owl-prev:hover{
    background: #3740b0;
}
.brand-area .owl-theme .owl-nav .owl-next:hover{
    background: #3740b0;    
}
.brand-area .owl-theme .owl-nav:hover div .fa{
    color: #fff;    
}
.brand-area .owl-theme .owl-nav div .fa {
    color: #848484;
    font-size: 25px;
    display: block;
    padding-top: 2px;
    text-align: center;
}




/*** 
=============================================
    Consultation form area style
=============================================
***/
.consultation-form-area {
    position: relative;
    padding-top: 90px;
    padding-bottom: 70px;
}
.consultation-form-area .content-box {
    box-shadow: 0px 0px 15px 2px #ebebf2;
    display: block;
    padding: 65px 0px 0px;
    padding-left: 30px;
}
.consultation-form-area .text-holder{}
.consultation-form-area .text-holder .text{
    margin-bottom: 32px;
}
.consultation-form-box {}
.consultation-form-box input[type="text"],
.consultation-form-box input[type="email"] {
    border: 1px solid #f3f3f3;
    background: #f6f6f6;
    color: #848484;
    display: block;
    font-size: 16px;
    height: 52px;
    margin-bottom: 30px;
    padding: 0 20px;
    width: 100%;
    font-weight: 400;
    transition: all 500ms ease;
}
.consultation-form-box input[type="text"]:focus{
    border-color: #3740b0;        
}
.consultation-form-box input[type="email"]:focus{
    border-color: #3740b0;           
}
.consultation-form-box button {
    padding: 17px 30px 18px;
    width: 100%;
    max-width: 170px;
    background:#E6B005;
}
.consultation-form-box input::-webkit-input-placeholder {
    color: #909090;
}
.consultation-form-box input:-moz-placeholder {
    color: #909090;
}
.consultation-form-box input::-moz-placeholder {
    color: #909090;
}
.consultation-form-box input:-ms-input-placeholder {
    color: #909090;
}



/*** 
=============================================
    Fact counter Area style
=============================================
***/
.fact-counter-area {
    padding-top: 0px;
    position: relative;
}
.single-fact-counter {
    display: block;
    margin-bottom: 40px;
    min-height: 145px;
    width: 25%;
    float: left;
    border-right: 1px solid #f2f2f2;
}
.single-fact-counter:last-child{
    border-right: none;
}
.single-fact-counter .count-box {
    position: relative;
    display: block;
    padding: 25px 0;
}
.single-fact-counter .percent {
    position: relative;
    width: 130px;
    margin: 0 auto;
}
.single-fact-counter h1 span {
    color: #222222;
    font-size: 44px;
    font-weight: 700;
    font-family: 'Poppins', sans-serif;
}
.single-fact-counter .icon-box{
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
}
.single-fact-counter .icon-box i {
    color: #222222;
    font-size: 34px;
    line-height: 50px;
}
.single-fact-counter .count-box .title{}
.single-fact-counter .count-box .title h3 {
    color: #848484;
    line-height: 18px;
    font-weight: 400;
    text-transform: capitalize;
    font-family: 'Fira Sans', sans-serif;
    margin: 15px 0;
}



/*** 
=============================================
    Footer area style
=============================================
***/
.footer-area {
    background: #ECB813 none repeat scroll 0 0;
    overflow: hidden;
}

.footer-area .contact-info-box{
    padding-top: 90px;
}
.contact-info-box {
    display: block;
    overflow: hidden;
    padding: 0;
    margin-right: 30px;
}
.contact-carousel {
    max-width: 280px;
    margin-top: -2px;
}
.contact-carousel .title-box{
    padding-bottom: 20px;
    margin-top: 0;
}
.contact-carousel .title-box h4{
    color: #ffffff;
    font-size: 18px;
    font-weight: 500;
    text-transform: capitalize;
}

.contact-info-box ul li {
    display: block;
    position: relative;
    padding-left: 30px;
    margin-bottom: 16px; 
}
.footer-contact-info ul li:last-child {
    margin-bottom: 0;  
}
.contact-info-box ul li .icon-holder{
    position: absolute;
    top: 2px;
    left: 0;
}
.contact-info-box ul li .icon-holder span:before{
    color: #b2c9ff;
    font-size: 20px;
    line-height: 20px;
}
.contact-info-box ul li .text-holder p {
    color: #d6d6d6;
    font-size: 15px;
    font-style: italic;
    margin: 0;
}

.contact-info-box .social-icon-box {
    overflow: hidden;
    padding-top: 0px;
}
.contact-info-box .social-icon-box p{
    color: #d6d6d6;
    font-size: 15px;
    font-style: italic;
    display: inline-block;
    float: left;
    margin: 0;
}
.contact-info-box .social-icon-box .social-icon{
    float: left;
    display: inline-block;
    padding-left: 10px;
}
.contact-info-box .social-icon-box .social-icon li {
    display: inline-block;
    float: left;
    margin-right: 20px;
    padding: 0;
    margin-bottom: 0;
}
.contact-info-box .social-icon-box .social-icon li:last-child{
    margin: 0;
}
.contact-info-box .social-icon-box .social-icon li a i{
    color: #b2c9ff;
    font-size: 14px;
    transition: all 500ms ease;
}
.contact-info-box .social-icon-box .social-icon li a:hover i{
    color: #ffffff;    
}

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


.footer-area .footer-widget {
    position: relative;
    display: block;
    padding-top: 90px;
    padding-bottom: 82px;
    margin-left: -65px;
    padding-left: 65px;
    z-index: 1;
}
.footer-area .footer-widget::before {
    background: #ECB813 none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 1000%;
    z-index: -1;
}
.single-footer-widget {
    overflow: hidden;
}
.single-footer-widget .sec-title {
    padding-bottom: 40px;
    margin-top: -6px;
}
.single-footer-widget .sec-title h1 {
    font-size: 24px;
    line-height: 32px;
}

.single-footer-widget .latest-post{}
.single-footer-widget .latest-post .single-post {
    padding-left: 70px;
    position: relative;
    min-height: 70px;
}
.single-footer-widget .latest-post .single-post:last-child{

}
.single-footer-widget .latest-post .single-post .img-holder {
    width: 70px;
    height: 70px;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;    
}
.single-footer-widget .latest-post .single-post .img-holder img {
    transition: all 0.4s ease-in-out 0.5s;    
    width: 100%;
    transform: scale(1.1, 1.1);   
}
.single-footer-widget .latest-post .single-post:hover .img-holder img {
    -ms-transition-delay: 0s;
    transition-delay: 0s;
    transform: scale(1.2, 1.2);    
}
.single-footer-widget .latest-post .single-post .img-holder .overlay-style-one .box .content a i {
    color: #ffffff;
    display: inline-block;
    font-size: 15px;
    transform: scale(2);
    transition: all 0.5s ease-in-out 0.7s;
    transition: all 500ms ease 0s;
    opacity: 0;
}
.single-footer-widget .latest-post .single-post:hover .img-holder .overlay-style-one .box .content a i {
    transform: scale(1);
    transition-delay: 0.1s;
    opacity: 1;    
}
.single-footer-widget .latest-post .single-post .img-holder .overlay-style-one .box .content a:hover i {
    color: #b2c9ff;
}
.single-footer-widget .latest-post .single-post:hover .img-holder .overlay-style-one{
    filter: alpha(opacity=100);
    opacity: 1;
}


.single-footer-widget .latest-post .single-post .text-holder {
    position: relative;
    margin-left: 30px;
    border-bottom: 1px solid #34405c;
    display: block;
    padding-bottom: 16px;
    margin-bottom: 20px;
}
.single-footer-widget .latest-post .single-post:last-child .text-holder{
    border-bottom: 0px solid;
    padding-bottom: 0;
    margin-bottom: 0;    
}
.single-footer-widget .latest-post .single-post .text-holder a.post-title {
    color: #ffffff;
    font-size: 16px;
    line-height: 26px;
    font-weight: 500;
    font-family: 'Poppins', sans-serif;
    transition: all 500ms ease;
    position: relative;
    top: -5px;
}
.single-footer-widget .latest-post .single-post .text-holder a.post-title:hover{
    color: #b2c9ff;
}
.single-footer-widget .latest-post .single-post .text-holder .post-info {
    overflow: hidden;
    margin: 5px 0 0;
    line-height: 18px;
}
.single-footer-widget .latest-post .single-post .text-holder .post-info span {
    color: #d6d6d6;
    font-size: 16px;
    font-weight: 400;
    line-height: 16px;
    font-family: 'Fira Sans', sans-serif;
}


.single-footer-widget .usefull-links {
    overflow: hidden;
    margin-top: -6px;
}
.single-footer-widget .usefull-links.mar-right60{
    margin-right: 60px;
}
.single-footer-widget .usefull-links li{
    margin-bottom: 8px;
}
.single-footer-widget .usefull-links li:last-child{
    margin-bottom: 0px;
}
.single-footer-widget .usefull-links li a{
    color: #000;
    font-size: 16px;
    font-weight: 400;
    transition: all 500ms ease;
}
.single-footer-widget .usefull-links li a i{
    display: inline-block;
    padding-right: 9px;
}
.single-footer-widget .usefull-links li a:hover{
    color: #b2c9ff;
    text-decoration: underline;
}



/*** 
=============================================
    Footer bottom area style
=============================================
***/
.footer-bottom-area{
    background: #ffffff;
    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: #848484;
    font-size: 16px;
    font-weight: 500;
    margin: 0;
    font-family: 'Poppins', sans-serif;
    line-height: 26px;
}
.footer-bottom-area .footer-bottom .copyright-text p a {
    color: #D64905; 
    font-weight: 500;
    transition: all 500ms ease;
}
.footer-bottom-area .footer-bottom .copyright-text p a:hover{
    color: #848484;
}

.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: #848484;
    font-size: 16px;
    font-weight: 500;
    transition: all 500ms ease; 
    font-family: 'Poppins', sans-serif;
}
.footer-bottom-area .footer-bottom .footer-menu ul li a:hover{
    color: #3740b0; 
}



/*** 
=============================================
    Breadcrumb area style
=============================================
***/
.breadcrumb-area {
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    z-index: 1;
}
.breadcrumb-area::before {
    background: #E6B005;
    content: "";
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
    z-index: -1;
} 
.breadcrumb-area .breadcrumbs {
    padding: 115px 0 62px;
}
.breadcrumb-area .breadcrumbs h1 {
    color: #ffffff;
    font-size: 36px;
    font-weight: 500;
    line-height: 42px;
    text-transform: capitalize;
    text-align: center;
}
.breadcrumb-bottom {}
.breadcrumb-bottom .inner-content {
    display: block;
    padding: 13px 0px 12px;
    overflow: hidden;
}
.breadcrumb-bottom ul{}
.breadcrumb-bottom ul li{
    display: inline-block;
    margin-right: 6px;
    line-height: 20px;
    font-size: 16px;
    font-weight: 500;
    font-family: 'Poppins', sans-serif;
}
.breadcrumb-bottom ul li:last-child{
    margin-right: 0;
}
.breadcrumb-bottom ul li a{
    color: #f7f7f7;
    text-transform: capitalize;
    font-family: 'Poppins', sans-serif;
    transition: all 500ms ease;
}
.breadcrumb-bottom ul li.active{
    color: #000000;    
}
.breadcrumb-bottom ul li i{
    font-size: 16px;
    color: #f7f7f7;
}
.breadcrumb-bottom ul li a:hover{
    color: #000000;    
}



/*** 
=============================================
   Welcome area.about-page style
=============================================
***/
.welcome-area.about-page{
    background: #ffffff;
    padding-bottom: 90px;
}
.welcome-area.about-page .welcome-text-box {
    display: block;
    padding-top: 0;
    padding-left: 0px;
    margin-right: 0;
    padding-right: 0;
    padding-bottom: 0;
    margin-top: -5px;
    box-shadow: none;
}



/*** 
=============================================
    History Area style
=============================================
***/
.history-area{
    background: #f2f2f2;
    padding: 90px 0 90px;
}
.featured-box {
    background: #e8e8e8;
    display: block;
    padding: 44px 30px 26px;
}
.featured-box ul{}
.featured-box ul .single-item {
    position: relative;
    display: block;
    padding-left: 65px;
    margin-bottom: 20px;
}
.featured-box ul .single-item:last-child{
    margin-bottom: 0;
}
.featured-box ul .single-item .iocn-holder {
    position: absolute;
    top: 6px;
    left: 0;
}
.featured-box ul .single-item .iocn-holder span:before{
    color: #222222;
    font-size: 45px;
    line-height: 45px;
}
.featured-box ul .single-item .text-holder{
    
}
.featured-box ul .single-item .text-holder h3{
    margin: 0 0 3px;    
}
.featured-box ul .single-item .text-holder span{
    color: #3740b0;    
}
.featured-box ul .single-item .text-holder .text{
    margin-top: 11px;
}



.single-history {
    padding-left: 130px;
    position: relative;
    display: block;
    border-left: 1px solid #e8e8e8;
    padding-top: 30px;
    padding-bottom: 30px;
    margin-left: 3px;
}
.single-history:before {
    position: absolute;
    top: 0px;
    left: -4px;
    width: 7px;
    height: 7px;
    background: #e8e8e8;
    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: #e8e8e8;
    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 #e8e8e8;
    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;
    background: #fff;
}
.single-history .right-content .text-box {
    padding-left: 23px;
}
.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;
    left: -1px;
    bottom: -57px;
}
.history-area .owl-theme .owl-nav [class*="owl-"] {
    background: #ffffff none repeat scroll 0 0;
    border-radius: 0;
    color: #ababab;
    font-size: 20px;
    font-weight: 700;
    height: 45px;
    line-height: 42px;
    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: #3740b0;
    color: #3740b0;
}



/*** 
=============================================
    Opportunities Area style
=============================================
***/
.opportunities-area{
    padding: 93px 0 100px;
}
.opportunities-area .opportunities{
    max-width: 910px;
    margin: 0 auto;
}
.opportunities-area .opportunities h1 {
    color: #ffffff;
    font-size: 48px;
    font-weight: 400;
    line-height: 56px;
    margin: 0 0 22px;
}
.opportunities-area .opportunities .text{
    
}
.opportunities-area .opportunities .text p{
    color: #fff;
    font-size: 18px;
    line-height: 28px;
    margin: 0;
}
.opportunities-area .opportunities .button{
    margin-top: 32px;
}
.opportunities-area .opportunities .button a{
    background: #000;
    padding: 17px 40px 18px;
}



/*** 
=============================================
    Team Area style
=============================================
***/
.team-area {
    position: relative;
    padding-top: 88px;
    padding-bottom: 72px;
}
.single-team-member{
    margin-bottom: 40px; 
    background: #f6f6f6;
    display: block;
}
.single-team-member .inner-box{
    padding: 20px;
}
.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(0, 0, 0, .85);
    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 #5e5d5d;
    color: #5e5d5d;
    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: #3740b0;
    border-color: #3740b0;
    color: #ffffff;
}
.single-team-member:hover .img-holder .overlay-style-one{
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; 
}

.single-team-member .text-holder {
    display: block;
    padding-top: 0px;
    padding-left: 20px;
    padding-right: 20px;
    position: relative;
}
.single-team-member .text-holder h3 {
    color: #222222;
    margin: 0 0 3px;
}
.single-team-member .text-holder span {
    color: #3740b0;
    font-size: 16px;
    display: inline-block;
    font-weight: 400;
}
.single-team-member .text-holder ul {
    overflow: hidden;
    margin-top: 17px;
    border-top: 1px solid #e8e8e8;
    display: block;
    padding: 14px 0 12px;
}
.single-team-member .text-holder ul li span:before {
    color: #3740b0;
    font-size: 16px;
    line-height: 20px;
    display: inline-block;
    padding-right: 4px;
    position: relative;
}
.team-area .owl-dots {
    position: relative;
    margin-top: -20px;
}
.team-area .owl-dot-style-one .owl-dots .owl-dot{
	background-image:none;
	width: 13px;
	height: 13px;
	margin: 10px 5px;
    border: 1px solid #cecece;
	padding:0px;
	background: transparent;
	border-radius:50%;
	-webkit-border-radius:50%;
	-ms-border-radius:50%;
	-o-border-radius:50%;
	-moz-border-radius:50%;
	transition: all 500ms ease;
	display: inline-block;
}
.team-area .owl-dot-style-one .owl-dots .owl-dot span{
	display:none;	
}
.team-area .owl-dot-style-one .owl-dots .owl-dot.active{
    border-color: #3740b0;
    background: #3740b0;
    border-radius: 15px;
}
.team-area .owl-dot-style-one .owl-dots .owl-dot:hover{
    border-color: #3740b0;
    background: #3740b0;
}



/*** 
=============================================
   certications Area style
=============================================
***/
.certications-area {
    background: #f6f6f6;
}
.single-certications-item{
    border: 1px solid #e8e8e8;
    display: block;
    margin-bottom: 40px;
}
.single-certications-item .img-holder {
    display: block;
    padding: 30px 0;
    border-bottom: 1px solid #e8e8e8;
}
.single-certications-item  .text-holder{
    display: block;
    padding: 25px 30px 23px;
}
.single-certications-item  .text-holder h3{
    color: #000;
    font-size: 20px;
    line-height: 26px;
    margin: 0 0 11px;
}
.single-certications-item  .text-holder p{
    margin: 0;
    color:#000;
}



/*** 
=============================================
    Services page area style
=============================================
***/
.services-page-area{
    padding-top: 90px;
    padding-bottom: 50px;
}
.services-page-area .single-service-item{
    margin: 0 0 40px;
}



/*** 
=============================================
   Single service Area style
=============================================
***/
#single-service-area {
    padding: 90px 0 90px;
    background: #ffffff;
    position: relative;
    overflow: hidden;
}
#single-service-area .sec-title {
    margin-top: -5px;
    padding-bottom: 35px;
}
#single-service-area .content-box {
    position: relative;
    z-index: 1;
    margin-left: 70px;
    padding-left: 30px;
}
#single-service-area .content-box:before {
    position: absolute;
    left: 0;
    top: -500px;
    bottom: -500px;
    width: 1px;
    background: #f2f2f2;
    content: "";
    z-index: -1;
}
#single-service-area .content-box .top-content {
    overflow: hidden;
}
#single-service-area .content-box .top-content .text-holder {
    margin-bottom: 32px;
}
#single-service-area .content-box .top-content .text-holder p.mar-btm15{
    margin-bottom: 15px;    
}
#single-service-area .content-box .top-content .img-holder {
    overflow: hidden;
    padding-bottom: 70px;
}

.explore-service-box {
    overflow: hidden;
    display: block;
    position: relative;
}
.explore-service-box .text-holder{}
.explore-service-box .text-holder .inner-text {
    overflow: hidden;
}
.explore-service-box .text-holder .inner-text ul{
    overflow: hidden;
    display: block;
    margin-top: 30px;
}
.explore-service-box .text-holder .inner-text ul li {
    position: relative;
    display: block;
    padding-left: 70px;
    width: 50%;
    float: left;
    margin-bottom: 35px;
    padding-right: 30px;
}
.explore-service-box .text-holder .inner-text ul li .icon-box {
    position: absolute;
    top: 7px;
    left: 0;
    background: #f6f6f6;
    width: 70px;
    height: 70px;
    display: block;
    text-align: center;
    border-radius: 50%;
    z-index: 1;
}
.explore-service-box .text-holder .inner-text ul li .icon-box:after{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    background: #EFB217;
    border-radius: 50%;
    z-index: -1;
    transform: scale(0);
    transition: all 500ms ease;
}
.explore-service-box .text-holder .inner-text ul li:hover .icon-box:after{
    transform: scale(1);        
}
.explore-service-box .text-holder .inner-text ul li .icon-box span:before {
    color: #292929;
    font-size: 40px;
    line-height: 40px;
    display: block;
    padding: 14px 0;
    transition: all 900ms ease;
}
.explore-service-box .text-holder .inner-text ul li:hover .icon-box span:before{
    color: #ffffff;    
}
.explore-service-box .text-holder .inner-text ul li .text-box{
    padding-left: 30px;
}
.explore-service-box .text-holder .inner-text ul li .text-box h3{
    font-weight: 500;
    margin: 0 0 13px;
}
.explore-service-box .text-holder .inner-text ul li .text-box p{
    margin: 0;
}



.profit-improvement-box {
    margin-top: 30px;
    margin-bottom: 65px;
    overflow: hidden;
}
.profit-improvement-box .graph-outer {
    max-width: 275px;
}
.profit-improvement-box .graph-outer .donut-graph { }
.profit-improvement-box .text-holder {
    margin-left: -30px;
}
.profit-improvement-box .text-holder .text {
    margin-bottom: 15px;
}
.profit-improvement-box .text-holder ul{}
.profit-improvement-box .text-holder ul li{
    padding-left: 30px;
    margin-bottom: 15px;
    position: relative;
}
.profit-improvement-box .text-holder ul li:last-child{
    margin-bottom: 0;
}
.profit-improvement-box .text-holder ul li .iocn-box{
    position: absolute;
    top: 10px;
    left: 0;
}
.profit-improvement-box .text-holder ul li .iocn-box .box{
    height: 8px;
    width: 8px;
    background: #4f5cf8;
    display: block;
}
.profit-improvement-box .text-holder ul li .iocn-box .box.bg2{
    background: #dd3b4a;
}
.profit-improvement-box .text-holder ul li .iocn-box .box.bg3{
    background: #f89d4b;
}
.profit-improvement-box .text-holder ul li .text-box{}
.profit-improvement-box .text-holder ul li .text-box h3{ 
    font-size: 18px;
    margin: 0 0 5px;
}
.profit-improvement-box .text-holder ul li .text-box p{ 
    margin: 0;    
}


.single-service-tab-box{
    overflow: hidden;
    display: block;
}
.service-tab-box { }
.service-tab-box .tab-menu {
    border-bottom: 1px solid #f4f4f4;
    overflow: hidden;
}
.service-tab-box .tab-menu li {
    display: inline-block;
    float: left;
    margin-bottom: 0px;
    margin-right: 3px;
}
.service-tab-box .tab-menu li span {
    background: #ffffff;
    border-top: 1px solid #f4f4f4;
    border-left: 1px solid #f4f4f4;
    border-right: 1px solid #f4f4f4;
    border-bottom: 1px solid #f4f4f4;
    border-radius: 0;
    display: block;
    margin-bottom: -1px;
    padding: 15px 30px 13px;
    color: #222222;
    font-size: 18px;
    font-weight: 500;
    text-transform: capitalize;
    transition: all 500ms ease;
    font-family: 'Poppins', sans-serif;
    position: relative;
    display: block;
    cursor: pointer;
}
.service-tab-box .tab-menu li.active span, 
.service-tab-box .tab-menu li:hover span{
    background: #f4f4f4;
    color: #EFB217;
    border-left-color: #f4f4f4;
    border-top-color: #f4f4f4;
    border-right-color: #f4f4f4;
    border-bottom-color: #f4f4f4;
}
.service-tab-box .tab-content-box {
    background: #f4f4f4;
    padding: 29px 20px 20px;
    display: block;
}
.service-tab-box .tab-content-box .single-tab-content{}
.service-tab-box .tab-content-box .single-tab-content .top-content {
    margin-bottom: 10px;
}
.service-tab-box .tab-content-box .single-tab-content .top-content p{}
.service-tab-box .tab-content-box .single-tab-content .bottom-content {
    overflow: hidden;
}
.service-tab-box .tab-content-box .single-tab-content .bottom-content .title {
    padding-bottom: 10px;
}
.service-tab-box .tab-content-box .single-tab-content .bottom-content .title h3 {
    font-size: 20px;
}
.service-tab-box .tab-content-box .single-tab-content .bottom-content ul {}
.service-tab-box .tab-content-box .single-tab-content .bottom-content ul.left{
    margin-right: 50px;
}
.service-tab-box .tab-content-box .single-tab-content .bottom-content ul li{
    line-height: 36px;
}
.service-tab-box .tab-content-box .single-tab-content .bottom-content ul li i{
    color: #EFB217;
    font-size: 14px;
    display: inline-block;
    padding-right: 8px;
}



.left-sidebar {
    margin-right: -70px;
}
.left-sidebar .single-sidebar {}
.left-sidebar .single-sidebar .service-list-box {
    background: #f6f6f6;
    display: block;
}
.left-sidebar .single-sidebar .service-list-box .title{
    border-bottom: 1px solid #e8e8e8;
    display: block;
    padding-top: 15px;
    padding-bottom: 13px;
    padding-left: 30px;
}
.left-sidebar .single-sidebar .service-list-box .title h3{
    font-size: 22px; 
    font-weight: 500;
}
.left-sidebar .single-sidebar .service-list-box .page-links {
    overflow: hidden;
    display: block;
    padding: 0 30px;
    margin-bottom: 60px;
}
.left-sidebar .single-sidebar .service-list-box .page-links li{}
.left-sidebar .single-sidebar .service-list-box .page-links li a {
    color: #222222;
    display: block;
    font-size: 16px;
    font-weight: 500;
    padding: 14px 25px 12px;
    width: 100%;
    font-family: 'Poppins', sans-serif;
    position: relative;
    z-index: 1;
    transition: all 500ms ease;
    transition-delay: 0.15s;
    border-bottom: 1px solid #e8e8e8;
}
.left-sidebar .single-sidebar .service-list-box .page-links li:last-child a{
    border-bottom: 0px solid;
} 
.left-sidebar .single-sidebar .service-list-box .page-links li a:before {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 7px;
    height: 7px;
    content: "";
    background: #dedede;
    transition-delay: 0.5s;
    transition: all 500ms ease;
    margin: 23px 0;
}
.left-sidebar .single-sidebar .service-list-box .page-links li a:hover,
.left-sidebar .single-sidebar .service-list-box .page-links li a.active{
    color: #EFB217;
}
.left-sidebar .single-sidebar .service-list-box .page-links li a:hover:before,
.left-sidebar .single-sidebar .service-list-box .page-links li a.active:before{
    background: #EFB217;
}


.left-sidebar .single-sidebar .sec-title{
    padding-bottom: 40px;
}
.left-sidebar .single-sidebar .sec-title h1 {
    font-size: 22px;
    line-height: 30px;
}
.left-sidebar .single-sidebar .service-brochures {
    overflow: hidden;
    margin-bottom: 60px;
    display: block;
}
.left-sidebar .single-sidebar .service-brochures .brochures-dwn-link li{}
.left-sidebar .single-sidebar .service-brochures .brochures-dwn-link li a {
    background: #f6f6f6;
    display: block;
    padding: 15px 20px 14px;
    transition: all 500ms ease;
    color: #848484;
    margin-bottom: 20px;
}
.left-sidebar .single-sidebar .service-brochures .brochures-dwn-link li:last-child a{
    margin-bottom: 0;
}
.left-sidebar .single-sidebar .service-brochures .brochures-dwn-link li a:hover{
    background: #3740b0;
    color: #fff;
}
.left-sidebar .single-sidebar .service-brochures .brochures-dwn-link li a .icon-holder{
    width: 26px;
}
.left-sidebar .single-sidebar .service-brochures .brochures-dwn-link li a .icon-holder,
.left-sidebar .single-sidebar .service-brochures .brochures-dwn-link li a .title-holder{
    display: table-cell;
    vertical-align: middle;
}
.left-sidebar .single-sidebar .service-brochures .brochures-dwn-link li a .title-holder h5{
    color: #848484;
    font-size: 16px;
    font-weight: 400;
    font-family: 'Fira Sans', sans-serif;
}
.left-sidebar .single-sidebar .service-brochures .brochures-dwn-link li a:hover .title-holder h5{
    color: #fff;    
}

.left-sidebar .single-sidebar .contact-author-info{ }
.contact-author-info {
    overflow: hidden;
    display: block;
}
.contact-author-info .text{
    margin-top: -5px;    
}
.contact-author-info .text p{
    margin: 0 0 17px;
}
.contact-author-info ul li{
    position: relative;
    padding-left: 40px;
    border-bottom: 1px solid #f2f2f2;
    display: block;
    padding-bottom: 14px;
    margin-bottom: 14px;
}
.contact-author-info ul li:last-child{
    border-bottom: none;
    padding-bottom: 0px;
    margin-bottom: 0px;
}
.contact-author-info ul li .icon-holder{
    position: absolute;
    top: 6px;
    left: 0;
}
.contact-author-info ul li .icon-holder span:before{
    color: #3740b0;
    font-size: 25px;
    line-height: 25px;
}
.contact-author-info ul li .text-holder{}
.contact-author-info ul li .text-holder p{
    color: #848484;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin: 0;
}
.contact-author-info ul li .text-holder p span {
    color: #222222;
    font-size: 16px;
    font-weight: 500;
    font-family: 'Poppins', sans-serif;
}



/*** 
=============================================
   Team page style
=============================================
***/
.team-style-two{
    padding-top: 90px;
    padding-bottom: 50px;
    background: #f4f4f4;    
}
.team-style-two .single-team-member{
    background: #ffffff;
}
.team-style-two .single-team-member .text-holder {
    display: block;
    padding-top: 19px;
    padding-left: 15px;
    padding-right: 15px;
}
.team-style-two .single-team-member .inner-box {
    padding: 0px;
}
.team-style-two .single-team-member .text-holder ul li {
    font-size: 16px;
}



/*** 
=============================================
    Project Area style
=============================================
***/
.main-project-area{
    position: relative;
}
.project-filter {
    background: #f6f6f6;
    margin-bottom: 50px;
    display: block;
    padding: 18px 0 21px;
}
.project-filter li {
    display: inline-block;
    border-right: 1px solid #e5e5e5;
    padding-right: 20px;
    margin-right: 20px;
    line-height: 20px;
}
.project-filter li:last-child{
    border-right: 0px solid #e5e5e5;
    padding-right: 0px;
    margin-right: 0px;    
}
.project-filter li span {
    position: relative;
    color: #222222;
    cursor: pointer;
    display: block;
    font-size: 16px;
    line-height: 16px;
    font-weight: 500;
    text-transform: capitalize;
    transition: all 500ms ease 0s;
    font-family: 'Poppins', sans-serif;
}

.project-filter li span:before {
    position: absolute;
    bottom: -37px;
    left: 0;
    right: 0;
    content: "\f0d7";
    font-family: FontAwesome;
    color: #f4f4f4;
    font-size: 25px;
    text-align: center;
    transform: scaleX(0);
    transition: .1s 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: #3740b0;
}

.main-project-area .single-project-item{
    margin-bottom: 40px;
}
.single-project-item{
    overflow: hidden;
    display: block;
}
.single-project-item .img-holder{
    position: relative;
    display: block;
    overflow: hidden;
}
.single-project-item .img-holder img {
    width: 100%;
    transform: scale(1.1, 1.1);  
    transition: all 1s ease-in-out;
}
.single-project-item:hover .img-holder img {  
    transform: scale(1.2, 1.2);
    transition: all 1s ease-in-out;
}
.single-project-item .img-holder .overlay-style-one{
    background: rgba(15, 30, 66, 0.9);    
}
.single-project-item:hover .img-holder .overlay-style-one{
    filter: alpha(opacity=100);
    opacity: 1;
}

.single-project-item .img-holder .overlay-style-one .box .content {
    transform: scale(1.2);
    opacity: 0;
    text-align: left;
    vertical-align: bottom;
    transition: all 2s ease-in-out;
}
.single-project-item:hover .img-holder .overlay-style-one .box .content{
    transform: scale(1);
    opacity: 1;
    transition: all 2s ease-in-out;
}
.single-project-item .img-holder .overlay-style-one .box .content .inner-content{
    position: absolute;
    left: 30px;
    bottom: 22px;
}
.single-project-item .img-holder .overlay-style-one .box .content .border{
    width: 60px;
    height: 2px;
    background: #b2c9ff;
    display: block;
}
.single-project-item .img-holder .overlay-style-one .box .content h3{
    margin: 14px 0 3px;    
}
.single-project-item .img-holder .overlay-style-one .box .content h3 a{
    color: #ffffff;
}
.single-project-item .img-holder .overlay-style-one .box .content span{
    color: #b2c9ff;
}



/*** 
=============================================
    Project single area  style
=============================================
***/
.project-single-area {
    padding-top: 90px;
    padding-bottom: 90px;
}
.project-single-area .sec-title {
    padding-bottom: 25px;
}
.project-single-area .sec-title h1{
    color: #ffffff;
    font-size: 24px;
    font-weight: 500;
}

.project-single-area .single-project-img-box {
    margin-bottom: 50px;
}
.project-single-area .project-info {}
.project-single-area .project-info ul {
    background: #f6f6f6;
    display: block;
    padding-top: 23px;
    padding-bottom: 25px;
    padding-left: 20px;
    padding-right: 20px;
}
.project-single-area .project-info ul li {
    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;
    color: #3740b0;
    font-size: 16px;
    font-weight: 500;
    font-family: 'Poppins', sans-serif;
}
.project-single-area .project-info ul li span{
    font-family: 'Fira Sans', sans-serif;
    padding-left: 20px; 
    color: #848484;
    font-weight: 400;
}


.project-single-area .legal-work-content { }
.project-single-area .legal-work-content h3 {
    color: #222222;
    font-size: 24px;
    font-weight: 500;
    margin: 0 0 8px;
}
.project-single-area .legal-work-content span{
    color: #3740b0;
    margin: 0;
}
.project-single-area .legal-work-content p {
    margin: 6px 0 0;
}
.project-single-area .legal-work-content a {
    margin: 16px 0 0;
}


.project-single-area .project-analysis {
    overflow: hidden;
    display: block;
    padding-top: 90px;
    padding-bottom: 90px;
    margin-top: 90px;
    background: #101e3f;
}
.project-single-area .project-analysis .text-holder {
    overflow: hidden;
    margin-top: -7px;
}
.project-single-area .project-analysis .text-holder p{
    color: #eef2ff;
}
.project-single-area .project-analysis .text-holder p.mar-btm{
    margin-bottom: 15px;
}


.project-single-area .project-analysis-result {
    overflow: hidden;
    display: block;
    position: relative;
    margin-top: 26px;
}
.project-single-area .project-analysis-result .inner-content{
    background: #14254e;
    display: block;
    padding: 60px 60px;
}
.project-single-area .project-analysis-result .inner-content .graph-outer{ }
.project-analysis-result .inner-content .text {
    margin: 20px 0;
    padding-left: 30px;
}
.project-analysis-result .inner-content .text h3 {
    color: #ffffff;
    margin: 0 0 16px;
}
.project-analysis-result .inner-content .text p{
    color: #b2c9ff;
    margin: 0;    
}
.project-analysis-result .inner-content .text ul{
    overflow: hidden;
    margin-top: 15px;
}
.project-analysis-result .inner-content .text ul li{
    position: relative;
    padding-left: 25px;
    margin-bottom: 9px;
}
.project-analysis-result .inner-content .text ul li:last-child{
    margin-bottom: 0;
}
.project-analysis-result .inner-content .text ul li .iocn-box{
    position: absolute;
    top: 11px;
    left: 0;
}
.project-analysis-result .inner-content .text ul li .iocn-box .box{
    height: 8px;
    width: 8px;
    background: #dd3b4a;
    display: block;    
}
.project-analysis-result .inner-content .text ul li .iocn-box .box.bg2{
    background: #f8924b;
}
.project-analysis-result .inner-content .text ul li .iocn-box .box.bg3{
    background: #4f5cf8;  
}
.project-analysis-result .inner-content .text ul li .text-box{ }
.project-analysis-result .inner-content .text ul li .text-box h3{
    color: #ffffff;
    font-size: 16px;
    font-weight: 400;
    margin: 0;
    font-family: 'Fira Sans', sans-serif;
}

.project-single-area .project-result {
    background: #fff;
    display: block;
    padding-top: 90px;
}
.project-single-area .project-result .sec-title h1{
    color: #222222;
    font-size: 24px;
    font-weight: 500;
}
.project-single-area .project-result .text-holder{ }
.project-single-area .project-result .text-holder ul{ }
.project-single-area .project-result .text-holder ul li{
    color: #848484;
    font-size: 16px;
    font-style: italic;
    line-height: 40px;
}
.project-single-area .project-result .text-holder ul li i{
    color: #3740b0;
    display: inline-block;
    padding-right: 7px;
}
.project-single-area .project-result .business-growth-chart {
    margin-left: -30px;
    margin-top: 10px;
}



/*** 
=============================================
    Faq content area style
=============================================
***/
.faq-content-area{
    background: #ffffff;
    padding-top: 90px;
    padding-bottom: 90px;
}
.faq-content-area .tab-menu {
    border-bottom: none;
    display: block;
}
.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: 0;
}
.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: #3740b0;
    color: #ffffff;
}

.faq-content-area .accordion-box {
    border: 1px solid #f2f2f2;
    display: block;
    padding: 0 20px 0;
}
.accordion-box {
    display: block;
    overflow: hidden;
    padding: 0;
}
.accordion-box .accordion {
    position: relative;
}
.accordion-box .accordion .accord-btn {
    border-bottom: 1px solid #f2f2f2;
    cursor: pointer;
    position: relative;
    transition: all 500ms ease;
    display: block;
    padding-right: 40px;
    padding-top: 20px;
    padding-bottom: 19px;
}
.accordion-box .accordion .accord-btn.last{
    border-bottom: 0px solid #f2f2f2;    
}
.accordion-box .accordion .accord-btn h4 {
    color: #222222;
    font-size: 18px;
    font-weight: 500;
    line-height: 26px;
    transition: all 500ms ease;
}
.accordion-box .accordion .accord-btn::after {
    color: #f0f0f0;
    content: "\f10a";
    font-family: "Flaticon";
    font-size: 14px;
    line-height: 30px;
    font-weight: 700;
    position: absolute;
    right: 0;
    top: 17px;
    transition: all 500ms ease 0s;
    text-align: center;
    border: 1px solid #f0f0f0;
    display: block;
    width: 30px;
    height: 30px;
    border-radius: 50%;
}
.accordion-box .accordion .accord-btn.active{
    transition: all 500ms ease;
}
.accordion-box .accordion .accord-btn.active h4 {
    color: #3740b0;
}
.accordion-box .accordion .accord-btn.active:after{
    content: "\f109";
    color: #3740b0;
    border-color: #3740b0;
    background: transparent;
}
.accordion-box .accordion .accord-content {
    display: none;
    position: relative;
    padding-top: 18px;
    padding-bottom: 18px;
    padding-right: 0px;
    border-bottom: 1px solid #f2f2f2;
}
.accordion-box .accordion .accord-content.collapsed {
    display: block;
}
.accordion-box .accordion .accord-content p {
    margin: 0;
    color: #848484;
}



/*** 
=============================================
    Faq question Form Area style
=============================================
***/
.faq-question-form-area{
    background: #f6f6f6;
    padding-top: 90px;
    padding-bottom: 90px;
}
.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: 400;
    transition: all 500ms ease;
}
.faq-question-form-area .question-form form input[type="text"]:focus{
    border: 1px solid #3740b0;    
}
.faq-question-form-area .question-form form input[type="email"]:focus{
    border: 1px solid #3740b0;        
}
.faq-question-form-area .question-form form textarea:focus{
    border: 1px solid #3740b0;    
}
.faq-question-form-area .question-form form textarea{
    height: 140px;
    padding: 15px 20px;
}
.faq-question-form-area .question-form form button {
    padding: 18px 35px 18px;
    width: 220px;
    margin: 0 auto;
    display: block;
}



/*** 
=============================================
    Testimonial Page style
=============================================
***/
.testimonial-page{
    background: #ffffff;
    padding-top: 90px;
    padding-bottom: 40px;
}
.testimonial-page .single-testimonial {
    position: relative;
    border-bottom: 1px solid #f2f2f2;
    margin-bottom: 50px;
    padding-bottom: 42px;
}
.testimonial-page .single-testimonial.last{
    border-bottom: 0px solid;
    margin-bottom: 0px;
    padding-bottom: 42px;    
}
.testimonial-page .single-testimonial:before{
    background: #f2f2f2;
    height: auto;
    top: 0;
    bottom: 50px;
}
.testimonial-page .single-testimonial-box .top .title {
    border-left: 1px solid #f2f2f2;
}
.testimonial-page .single-testimonial-box .top .title h3 {
    color: #222222;
}
.testimonial-page .single-testimonial-box .top .title span {
    color: #3740b0;
}
.testimonial-page .single-testimonial-box .text-holder .text p {
    color: #848484;
    margin: 0;
}



/*** 
=============================================
    Not found area style
=============================================
***/
.not-found-area {
    background: #ffffff none repeat scroll 0 0;
    padding-bottom: 90px;
    padding-top: 96px;
}
.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: #3740b0;
    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 #3740b0;
    background: #fff;
    color: #222;
}
.not-found-content .search-form input[type="text"]:focus + button, 
.not-found-content .search-form button:hover {
    background: #3740b0 none repeat scroll 0 0;
    color: #fff;
}



/*** 
=============================================
    Blog Default Area style
=============================================
***/
#blog-area{
    padding-top: 90px;
    padding-bottom: 90px;
}
.blog-default-area{ }
.blog-default-area .single-blog-post {
    margin-bottom: 50px;
}
.blog-default-area .post-pagination {
    margin-top: 0px;
}



/*** 
=============================================
    Blog large area style
=============================================
***/
.blog-large-area{}
.blog-large-area .blog-post {
    margin-right: 70px;
    border-right: 1px solid #f2f2f2;
    padding-right: 30px;
    margin-top: -90px;
    padding-top: 90px;
    margin-bottom: -90px;
    padding-bottom: 90px;
}
.blog-large-area .single-blog-post{
    margin-bottom: 50px;    
}
.blog-large-area .single-blog-post .text-holder .blog-title {
    font-size: 24px;
    line-height: 30px;
}
.blog-grid-area .post-pagination{
    margin-top: 10px;
}

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

.sidebar-wrapper .single-sidebar form.search-form {
    position: relative;
}
.sidebar-wrapper .single-sidebar .search-form input[type="text"] {
    background: #fff;
    border: 1px solid #f4f4f4;
    color: #ababab;
    display: block;
    font-size: 15px;
    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 {
    background: #3740b0 none repeat scroll 0 0;
    color: #ffffff;
    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 {
    font-size: 14px
}
.sidebar-wrapper .single-sidebar .search-form input[type="text"]:focus {
    border: 1px solid #222222;
    background: #fff;
    color: #000;
}
.sidebar-wrapper .single-sidebar .search-form input[type="text"]:focus + button, 
.sidebar-wrapper .single-sidebar .search-form button:hover {
    background: #222222 none repeat scroll 0 0;
    color: #fff;
}


.single-sidebar .categories {
    background: #fff;
    display: block;
    padding: 15px 30px 15px;
    border: 1px solid #f4f4f4;
}
.single-sidebar .categories li {
    border-bottom: 1px solid #ededed;
    margin-bottom: 10px;
    padding-bottom: 7px;
    padding-left: 25px;
    position: relative;
}
.single-sidebar .categories li:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}
.single-sidebar .categories li a {
    color: #909090;
    transition: all 500ms ease;
    font-size: 16px;
    font-weight: 400;
    position: relative;
}
.single-sidebar .categories li a:before {
    position: absolute;
    top: 7px;
    left: -20px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    border: 1px solid #909090;
    content: "";
}
.single-sidebar .categories li a:hover::before{
    border: 1px solid #3740b0;    
}
.single-sidebar .categories li a span{
    float: right;
}
.single-sidebar .categories li a:hover{
    color: #3740b0;    
}


.single-sidebar .popular-post {}
.single-sidebar .popular-post li {
    margin-bottom: 20px;
    padding-bottom: 20px;
    padding-left: 90px;
    position: relative;
    border-bottom: 1px solid #f2f2f2;
    padding-bottom: 0px;
    height: 110px;
}
.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;
    height: auto;
}
.single-sidebar .popular-post li .img-holder img {
    transition: all 0.4s ease-in-out 0.5s;    
    width: 100%;
    transform: scale(1.1, 1.1);      
}
.single-sidebar .popular-post li:hover .img-holder img {
    -ms-transition-delay: 0s;
    transition-delay: 0s;
    transform: scale(1.2, 1.2);    
}
.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;
}
.single-sidebar .popular-post li .img-holder .overlay-style-one .box .content a:hover i{
    color: #3740b0;
}
.single-sidebar .popular-post li .title-holder {
    padding-left: 20px;
}
.single-sidebar .popular-post li .title-holder a .post-title {
    color: #222222;
    font-size: 16px;
    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: #3740b0;
}
.single-sidebar .popular-post li .title-holder .post-date {
    color: #909090;
    display: block;
    transition: all 500ms ease;
    font-weight: 400;
    font-size: 15px;
    font-family: 'Fira Sans', sans-serif;
}
.single-sidebar .popular-post li .title-holder .post-date i {
    font-size: 13px;
    display: inline-block;
    padding-right: 5px;
    color: #3740b0;
}

.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: #909090;
    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: #3740b0;
    border-color: #3740b0;
    color: #fff;
}


/*** 
=============================================
    Contact Info area style
=============================================
***/
.contact-info-area {
    padding: 90px 0 90px;
}
.contact-author-info.contact-info .img-holder{}


.contact-page-author-info {
    display: block;
    overflow: hidden;
    background: #3740b0;
    padding: 0;
    margin-right: -30px;
}

.contactpage-info-carousel{
    display: block;
    padding: 34px 30px 34px;
}
.contactpage-info-carousel .title{
    padding-bottom: 27px;
}
.contactpage-info-carousel .title h3{
    color: #ffffff;
    font-weight: 400;
}

.contact-page-author-info ul li {
    position: relative;
    padding-left: 40px;
    padding-bottom: 13px;
    margin-bottom: 15px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}
.contact-page-author-info ul li:last-child {
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
    margin-bottom: 0;
}
.contact-page-author-info ul li .icon-holder{
    position: absolute;
    top: 2px;
    left: 0;
}
.contact-page-author-info ul li .icon-holder span:before{
    color: #b2c9ff;
    font-size: 18px;
    line-height: 18px;
}
.contact-page-author-info ul li .text-holder p {
    color: #b2c9ff;
    margin: 0;
    line-height: 24px;
    font-weight: 400;
}
.contact-page-author-info ul li .text-holder p span {
    color: #fff;
    font-weight: 500;
    font-family: 'Poppins', sans-serif;
}
.contact-page-author-info .social-icon {
    overflow: hidden;
    padding-top: 20px;
}
.contact-page-author-info .social-icon li {
    border: none;
    padding: 0;
    margin: 0;
    display: inline-block;
    float: left;
    margin-right: 20px;
}
.contact-page-author-info .social-icon li:last-child{
    border: none; 
    margin: 0;
    padding: 0;
}
.contact-page-author-info .social-icon li a i{
    color: #b2c9ff;
    font-size: 16px;
    transition: all 500ms ease;
}
.contact-page-author-info .social-icon li a:hover i{
    color: #ffffff;    
}
.contact-page-author-info .owl-controls {
    position: absolute;
    top: 25px;
    right: 30px;
}
.contact-page-author-info .owl-nav-style-one.owl-theme .owl-nav [class*="owl-"] {
    background: transparent;
    border-radius: 50%;
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    height: 25px;
    line-height: 20px;
    margin: 0 0 0 0px;
    padding: 0;
    width: 25px;
    border: none;
    transition: all 700ms ease 0s;
}

.google-map-box {
  position: relative;
}
#contact-google-map {
    height: 385px;
    width: 100%;
}

.contact-form {
    border: 1px solid #f2f2f2;
    display: block;
    padding: 70px 40px 70px;
    -moz-box-shadow: 0px 3px 10px #f2f2f2;
    -webkit-box-shadow: 0px 3px 10px #f2f2f2;
    box-shadow: 0px 3px 10px #f2f2f2;
}
.contact-form form input[type="text"],
.contact-form form input[type="email"],
.contact-form form textarea{
    border: 1px solid #f4f4f4;
    color: #999999;
    display: block;
    font-size: 15px;
    height: 55px;
    margin-bottom: 30px;
    padding: 0 20px;
    width: 100%;
    transition: all 500ms ease;
}
.contact-form form textarea{
    height: 180px;
    margin-bottom: 40px;
    padding: 10px 20px;
}
.contact-form form input[type="text"]:focus{
    border-color: #3740B0;        
}
.contact-form form input[type="email"]:focus{
    border-color: #3740B0;        
}
.contact-form form textarea:focus{
    border-color: #3740B0;    
}
.contact-form form button {
    width: 100%;
    padding: 22px 0 23px;
    cursor: pointer;
}
.contact-form form button:hover{ }



/*** 
=============================================
   Shop area  style
=============================================
***/
#shop-area {
    padding-top: 90px;
    padding-bottom: 90px;
}
#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: #fff;
    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;
}
.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(15, 30, 66, 0.9);    
}
.single-product-item:hover .img-holder .overlay-style-one{
    filter: alpha(opacity=100);
    opacity: 1;
    transition-delay: 0s;
}
.single-product-item .img-holder .cart-option{
    opacity: 0;
    transform: scale(0.3);
    transition: all 0.5s ease 0s;
}
.single-product-item:hover .img-holder .cart-option{
    opacity: 1;
    filter: alpha(opacity=100);
    transform: scale(1);    
}
.single-product-item .img-holder .cart-option li{
	position: relative;
	margin: 0px 3px;
	display: inline-block;
}
.single-product-item .img-holder .cart-option li .tooltip-data {
    position: absolute;
    left: 20px;
    bottom: 100%;
    width: 130px;
    color: #222222;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    opacity: 0;
    padding: 4px 0px;
    visibility: hidden;
    margin-left: -60px;
    margin-bottom: 0px;
    background-color: #b2c9ff;
    font-family: 'Fira Sans', sans-serif;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}
.single-product-item .img-holder .cart-option li .tooltip-data:after{
	position:absolute;
	content:'';
	top:100%;
	left:50%;
	margin-left:-8px;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 8px solid #b2c9ff;
}
.single-product-item .img-holder .cart-option li:hover .tooltip-data{
	opacity:1;
	visibility:visible;
	margin-bottom:20px;
}
.single-product-item .img-holder .cart-option li a{
	position:relative;
	width:50px;
	height:50px;
	line-height:50px;
	text-align:center;
	color:#222222;
	font-size:18px;
	border-radius:50%;
	display:inline-block;
	background-color:#ffffff;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}
.single-product-item .img-holder .cart-option li a:hover{
	color:#3740b0;
}


.single-product-item .title-holder {
    border: 1px solid #f7f7f7;
    background: #ffffff;
}
.single-product-item .title-holder .top {
    overflow: hidden;
    padding: 22px 15px 22px;
}
.single-product-item .title-holder .top .left h5{
    color: #222222;
    font-size: 15px;
    font-weight: 500;
    margin: 0 0 10px;
}
.single-product-item .title-holder .top .left .rate{
    color: #3740b0;
    font-size: 16px;
    font-weight: 400;
    font-family: 'Fira Sans', sans-serif;
}
.single-product-item .title-holder .top .right {}
.single-product-item .title-holder .top .right ul {
    overflow: hidden;
}
.single-product-item .title-holder .top .right ul li {
    line-height: 18px;
}
.main-shop-area .post-pagination {
    padding-top: 40px;
    border-top: 1px solid #f2f2f2;
}



#shop-area .sidebar-wrapper {
    margin-left: 0px;
}
#shop-area .sidebar-wrapper .sec-title{
    padding-bottom: 30px;
}
#shop-area .sidebar-wrapper .sec-title h3{ }
.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: #3740b0 none repeat scroll 0 0;
    border: 2px solid #3740b0;
    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: #3740b0;
}
.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;
    color: #fff;
    cursor: pointer;
}
.single-sidebar .price-ranger .ranger-min-max-block input[type="submit"]:hover{
   
}
.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-left: 70px;
    position: relative;
    min-height: 70px;
    padding-bottom: 25px;
}
.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: 500;
    text-transform: capitalize;
    margin: 0 0 10px;
    transition: all 500ms ease;
}
.sidebar-wrapper .single-sidebar .latest-product li .title-holder h5 {
    color: #3740b0;
    font-size: 16px;
    font-weight: 400;
    text-transform: capitalize; 
    font-family: 'Fira Sans', 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;
    min-height: auto;
}
.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: #3740b0;
}

.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: #909090;
    display: block;
    font-size: 15px;
    font-weight: 400;
    padding: 2px 10px 2px;
    transition: all 500ms ease 0s;    
}
.sidebar-wrapper .single-sidebar .product-tag li a:hover{
    background: #3740b0;
    border-color: #3740b0;
    color: #fff;    
}



/*** 
=============================================
   Single Shop Area style
=============================================
***/
#shop-area.single-shop-area{
    padding-bottom: 50px;
}
.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: 500;
    margin: 0 0 8px;
    text-transform: capitalize;
}
.single-shop-content .content-box .review-box {
    margin: 0 0 10px;
    overflow: hidden;
}
.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: #3740b0;
    font-size: 24px;
    font-weight: 400;
    font-family: 'Fira Sans', sans-serif;
}
.single-shop-content .content-box .text {
    overflow: hidden;
    padding: 23px 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: #222222;
}
.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: #252525;
    color: #fff;
}
.single-shop-content .content-box .location-box form span {
    color: #3740b0;
}
.single-shop-content .content-box .addto-cart-box {}
.single-shop-content .content-box .addto-cart-box .input-group.bootstrap-touchspin {
    float: left;
    width: 46px;
}
.single-shop-content .content-box .addto-cart-box .bootstrap-touchspin .input-group-btn-vertical .btn {
    display: block;
    float: none;
    margin-left: 0px;
    position: relative;
    width: 100%;
    background: #efefef;
    border: 1px solid #efefef;
    color: #848484;
    padding: 12px 11px;
    cursor: pointer;
}
.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.bootstrap-touchspin-up:before {
    content: "\f0d8";
    font-family: FontAwesome;
    color: #848484;
    font-size: 14px;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    padding: 5px 5px 5px;
}
.single-shop-content .content-box .addto-cart-box .bootstrap-touchspin .input-group-btn-vertical .btn.bootstrap-touchspin-down:before {
    content: "\f0d7";
    font-family: FontAwesome;
    color: #848484;
    font-size: 14px;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    padding: 2px 5px 8px;
}
.single-shop-content .content-box .addto-cart-box button.addtocart {
    height: 50px;
    width: 170px;
    line-height: 30px;
    margin-left: 43px;
    color: #fff;
    padding: 0;
    cursor: pointer;
}
.single-shop-content .content-box .addto-cart-box button.addtocart:hover{}


.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 {
    background: #f7f7f7;
    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: 500;
    text-transform: capitalize;
    background: #f7f7f7;
    transition: all 500ms ease;
    font-family: 'Poppins', sans-serif;
}
.product-tab-box .tab-menu li.active a, 
.product-tab-box .tab-menu li:hover a{
    background: #ffffff;
    color: #3740b0;
    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: 35px 30px 40px;
}
.product-tab-box .tab-content .review-box {}
.product-tab-box .tab-content .review-box .title {
    margin-bottom: 33px;
}
.product-tab-box .tab-content .review-box .title h3 {
    color: #3d3d3d;
    font-size: 20px;
    font-weight: 500;
    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: #3740b0;
    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 .title {
    padding-bottom: 30px;
}
.product-tab-box .tab-content .review-form .title h3 {
    color: #222222;
    font-size: 24px;
    font-weight: 500;
    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: 'Fira Sans', 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: 'Fira Sans', 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;
}
.product-tab-box .tab-content .review-form .add-rating-box ul li:hover a i{
    opacity: 1;
    color: #3740b0;
}
.product-tab-box .tab-content .review-form form input[type="text"]:focus{
    border-color: #3740b0;
}
.product-tab-box .tab-content .review-form form input[type="email"]:focus{
    border-color: #3740b0;
}
.product-tab-box .tab-content .review-form form textarea:focus{
    border-color: #3740b0;  
}


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



/*** 
=============================================
   Cart area  style
=============================================
***/
.cart-area {
    padding-bottom: 90px;
    padding-top: 90px;
}
.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 {
    float: left;
    width: 46px;
}
.cart-area .cart-table tbody tr .qty .bootstrap-touchspin .input-group-btn-vertical > .btn {
    display: block;
    float: none;
    margin-left: 0px;
    position: relative;
    width: 100%;
    background: #efefef;
    border: 1px solid #efefef;
    color: #848484;
    padding: 12px 11px;
    cursor: pointer;
}
.cart-area .cart-table tbody tr .qty .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up {
    border-radius: 0
}
.cart-area .cart-table tbody tr .qty .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down {
    border-radius: 0;
    margin-top: -2px;
}
.cart-area .cart-table tbody tr .qty .bootstrap-touchspin .input-group-btn-vertical > .btn.bootstrap-touchspin-up:before {
    content: "\f0d8";
    font-family: FontAwesome;
    color: #848484;
    font-size: 14px;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    padding: 5px 5px 5px;
}
.cart-area .cart-table tbody tr .qty .bootstrap-touchspin .input-group-btn-vertical > .btn.bootstrap-touchspin-down:before {
    content: "\f0d7";
    font-family: FontAwesome;
    color: #848484;
    font-size: 14px;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    padding: 2px 5px 8px;
}

.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: 'Fira Sans', sans-serif;
}
.cart-area .cart-table tbody .available-info .icon {
    background: #3740b0 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: #3740b0;
    font-weight: 400;
    font-size: 18px;
    font-family: 'Fira Sans', 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: 'Fira Sans', 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 #3740b0
}
.cart-middle .apply-coupon .apply-coupon-button button {
    padding: 18px 30px 17px;
    cursor: pointer;
}
.cart-middle .update-cart button {
    background: #f7f7f7;
    padding: 18px 30px 17px;
    cursor: pointer;
    color: #222222;
}
.cart-middle .update-cart button:hover{
    background: #e7e1e1;
} 


.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: 500;
    text-transform: capitalize;
}
.cart-bottom .sec-title-two .border{
    height: 1px;
    width: 70px;
    display: block;
    background: #3740b0;
    margin-top: 15px;
}
.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%;
}
.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 #3740b0
}
.cart-bottom .calculate-shipping button {
    padding: 18px 30px 17px;
    cursor: pointer;
}
.cart-bottom .calculate-shipping button:hover{ } 
.cart-bottom button.checkout-btn{
    margin-top: 30px;
    padding: 18px 30px 17px;
    cursor: pointer;
}



/*** 
=============================================
    Checkout Area style
=============================================
***/
.checkout-area {
    padding-bottom: 90px;
    padding-top: 90px;
}
.checkout-area .sec-title {
    padding-bottom: 37px;
    margin-top: 0px;
}
.checkout-area .sec-title h2 {
    color: #222222;
    font-size: 24px;
    font-weight: 500;
    text-transform: capitalize;
}
.checkout-area .sec-title .border {
    display: block;
    overflow: hidden;
    width: 70px;
    height: 1px;
    background: #47588f;
    margin-top: 15px;
    margin-bottom: 0;
}
.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: #3740b0;
    content: "";
}
.checkout-area .exisitng-customer h5{
    color: #222222;
    font-size: 16px;
    font-weight: 500;
}
.checkout-area .exisitng-customer h5 a{
    color: #3740b0;
    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: #3740b0;
    content: "";  
}
.checkout-area .coupon h5 {
    color: #222222;
    font-size: 16px;
    font-weight: 500;  
}
.checkout-area .coupon h5 a {
    color: #3740b0;
    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 #3740b0;
}
.checkout-area .create-acc .checkbox {
    margin: 7px 0 0;
}
.checkout-area .create-acc .checkbox label {
    color: #3740b0;
    font-weight: 400;
    font-size: 16px;
    cursor: pointer;
}
.checkout-area .create-acc .checkbox input {
    position: relative;
    top: 1px;
}
.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: #3740b0;
}

.checkout-area .bottom {
    padding-top: 60px
}
.checkout-area .table {
    overflow-x: auto;
    position: relative;
    width: 100%;
    margin-bottom: 0;
}
.checkout-area .table .cart-table {
    min-width: auto;
    width: 100%;
    border-left: 1px solid #F7F7F7;
    border-right: 1px solid #F7F7F7;
}
.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: 500;
    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 25px;
}

.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: left;
    width: 46px;
}
.checkout-area .table .cart-table tbody tr .qty .bootstrap-touchspin .input-group-btn-vertical > .btn {
    display: block;
    float: none;
    margin-left: 0px;
    position: relative;
    width: 100%;
    background: #efefef;
    border: 1px solid #efefef;
    color: #848484;
    padding: 12px 11px;
    cursor: pointer;
}
.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 .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down {
    border-radius: 0;
    margin-top: -2px;
}
.checkout-area .table .cart-table tbody tr .qty .bootstrap-touchspin .input-group-btn-vertical > .btn.bootstrap-touchspin-up:before {
    content: "\f0d8";
    font-family: FontAwesome;
    color: #848484;
    font-size: 14px;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    padding: 5px 5px 5px;
}
.checkout-area .table .cart-table tbody tr .qty .bootstrap-touchspin .input-group-btn-vertical > .btn.bootstrap-touchspin-down:before {
    content: "\f0d7";
    font-family: FontAwesome;
    color: #848484;
    font-size: 14px;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    padding: 2px 5px 8px;
}
.checkout-area .table .cart-table tbody tr td.price {
    color: #3740b0;
    font-size: 20px;
    font-weight: 400;
}


.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: 'Fira Sans', sans-serif;
}
.cart-total-table li span.col b {
    color: #3740b0;
    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: #3740b0;
    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 17px;
    margin-top: 20px;
    cursor: pointer;
}
.placeorder-button button:hover{ }



/*** 
=============================================
    Login Register Area style
=============================================
***/
.login-register-area {
    padding-bottom: 73px;
    padding-top: 90px;
}
.login-register-area .form .sec-title {
    padding-bottom: 30px;
    margin-top: 0;
}
.login-register-area .form .sec-title h2{
    color: #222222;
    font-size: 24px;
    font-weight: 500;
    text-transform: capitalize;
}
.login-register-area .form .sec-title .border{
    display: block;
    overflow: hidden;
    width: 70px;
    height: 1px;
    background: #3740b0;
    margin-top: 15px;
    margin-bottom: 0;    
}
.login-register-area .form form {
    width: 100%;
}
.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 17px;
    cursor: pointer;
}
.login-register-area .form button:hover{ }
.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: #47588f 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: #3740b0;
    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: 'Fira Sans', sans-serif;
}
.login-register-area .form .input-field input[type="text"]:focus{
    border: 2px solid #3740b0;    
}
.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;
}