/***************************************************************************************************************
||||||||||||||||||||||||||       MASTER STYLESHEET FOR CARZONE        |||||||||||||||||||||||||||||||||||||||
****************************************************************************************************************
||||||||||||||||||||||||||                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. Team page style
21. Shop page style style
22. Shop with sidebar Style
23. Shop single Style
24. Cart page style style
25. Contact page style

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



/* Imported styles */

@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i');
@import url('https://fonts.googleapis.com/css?family=Khula:300,400,600,700,800');





@import url(imp.css);
@import url(bootstrap.min.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');
/*** Flaticon css ***/
@import url(../fonts/flaticon/flaticon.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);*/


/*** Jquery ui 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: 'Open Sans', sans-serif;
    font-size: 14px;
    color: #949494;
    line-height: 26px;
    font-weight: 400;
}
button:focus{
    outline: none;
}
h1, h2, h3, h4, h5, h6 {
    font-family: 'Khula', sans-serif;
    margin: 0;
}
 h3 {
    color: #1c1c1c;
    font-size: 18px;
    font-weight: 600;
    margin: 0 0 7px;
}
h4 {

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

img {
	max-width: 100%;
    height: auto;
}
i {
	font-style: normal;
}
ul,
li {
    list-style: none;
    margin: 0;
    padding: 0;
}


button{
    border: none;
}
.thm-btn {
    background: #004677;
    color: #fff;
    padding: 12px 20px 9px;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    font-family: 'Khula', sans-serif;
    position: relative;
    transition: all 0.5s ease 0s;
    cursor: pointer;
    display: inline-block;
    text-align: center;
    z-index: 1;
    border-radius: 2px;
}
.thm-btn:hover{
    background: #065790;
    color: #f9f9f9;
}



.sec-title {
    margin-top: -5px;
    padding-bottom: 32px;
    position: relative;
}
.sec-title h5 {
  color: #333333;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  text-transform: uppercase;
  margin: 0 0 15px;
}
.sec-title h3 {
  color: #252525;
  font-size: 30px;
  font-weight: 600;
  line-height: 32px;
  text-transform: uppercase;
  margin: 0 0 0px;
}
.sec-title .border{
  height: 2px;
  width: 70px;
  display: inline-block;
  background: #004677;
}
.sec-title p {
    margin: 15px 0 0;
}

.boxed_wrapper {
    background: #fff none repeat scroll 0 0;
    min-width: 320px;
    overflow-x: hidden;
    width: 100%;
}

/*________________Preloader_______________ */

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


/* Update Mainmenu area Style */
@-webkit-keyframes menu_sticky {
    0%   {margin-top:-150px;}
    50%  {margin-top: -130px;}
    100% {margin-top: 0;}
}
@keyframes menu_sticky {
    0%   {margin-top:-150px;}
    50%  {margin-top: -130px;}
    100% {margin-top: 0;}
}
.mainmenu-area.stricky-fixed {
    position: fixed;
    top: 0;
    left: 0;
    margin: 0;
    width: 100%;
    z-index: 10000;
    background: #F5F5F4;
    z-index: 99999;
    -webkit-animation-name: menu_sticky;
          animation-name: menu_sticky;
    -webkit-animation-duration: 0.60s;
          animation-duration: 0.60s;
    -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
}


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


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


/* Post pagination styles */
.post-pagination li {
    display: inline-block;
    margin: 0 3px;
}
.post-pagination li a {
    background: #fff none repeat scroll 0 0;
    border: 2px solid #f4f4f4;
    color: #777;
    display: block;
    font-size: 18px;
    font-weight: 700;
    height: 55px;
    padding: 16px 0;
    transition: all 500ms ease 0s;
    width: 55px;
    font-family: 'Khula', sans-serif;
}
.post-pagination li.active a, .post-pagination li:hover a {
    background: #004677;
    color: #ffffff;
    border: 2px solid #004677;
}


/* Overlay styles  */
.overlay-box{
    background-color: rgba(253,199,22, .85);
    text-align: center;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    color: #fff;	
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all 450ms ease-out 0s;
    transition: all 450ms ease-out 0s;
    -webkit-transform: rotateY(180deg) scale(0.5,0.5);
    transform: rotateY(180deg) scale(0.5,0.5);    
}
.overlay-box .box{
    display: table;
    height: 100%;
    width: 100%;    
}
.overlay-box .box .content{
    display: table-cell;
    text-align: center;
    vertical-align: middle;    
}

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


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


/*** 
=============================================
    Top bar area style
=============================================
***/
.top-bar-area {
    position: relative;
    line-height: 50px;
    z-index: 999;
    background: #001D39;
    padding: 9px 0 8px;
}
.top-contact-info {
    overflow: hidden;
    margin: 6px 0;
}
.top-contact-info li {
    color: #c9c9c9;
    font-size: 15px;
    font-weight: 400;
    transition: all 500ms ease;
    display: inline-block;
    float: left;
    padding-right: 15px;
    line-height: 18px;
    border-right: 1px solid #01264b;
}
.top-contact-info li:last-child {
    padding-right: 0;
    padding-left: 15px;
    border-right: none;
    border-left: 1px solid #011931;
}
.top-contact-info li span:before {
    color: #c9c9c9;
    font-size: 16px;
    line-height: 16px;
    display: inline-block;
    padding-right: 8px;
}

.top-bar-area .top-right {
    float: right;
}
.top-bar-area .top-right ul { 
    overflow: hidden;
}
.top-bar-area .top-right ul li {
    display: inline-block;
    float: left;
    margin-right: 20px;
    line-height: 30px;
}
.top-bar-area .top-right ul li:last-child {
    margin-right: 0px;
}
.top-bar-area .top-right ul li a {
    color: #c9c9c9;
    font-size: 15px;
    font-weight: 400;
    transition: all 500ms ease;
}
.top-bar-area .top-right ul li a:hover{
    color: #ffffff;
}



/*==============================================
    Mainmenu Area Css
===============================================*/
.mainmenu-area {
    position: relative;
    z-index: 99;
    background: #f5f5f4;
}
.mainmenu-area .logo {
    display: inline-block;
    padding-right: 80px;
    padding-top: 19px;
    padding-bottom: 18px;
    position: relative;
}
.mainmenu-area .logo a {
    display: inline-block;
}

.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 {
    display: inline-block;
    float: left;
}
.main-menu .navigation li a {
    color: #404040;
    display: block;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    opacity: 1;
    padding: 40px 18px 37px;
    position: relative;
    text-transform: uppercase;
    transition: all 500ms ease 0s;
    font-family: 'Khula', sans-serif;
}
.main-menu .navigation > li:hover > a, 
.main-menu .navigation > li.current > a {
    color: #004677;
}
.main-menu .navigation > li.dropdown > a {}
.main-menu .navigation > li.dropdown > a:after {}
.main-menu .navigation > li > a:before{
    position: absolute;
    top: 0px;
    left: 0;
    width: 0%;
    height: 3px;
    background: #004677;
    content: "";
    transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;	
}
.main-menu .navigation > li:hover a:before,
.main-menu .navigation > li.current a:before{
    width: 100%;
}
.main-menu .navigation > li > ul {
    position: absolute;
    left: 0px;
    top: 130%;
    width: 250px;
    padding: 0px;
    z-index: 100;
    visibility: hidden;
    opacity: 0;
    z-index: 99;
    transition: all 500ms ease;
    border-top: 3px solid #004677;
  
}
.main-menu .navigation > li:hover > ul {
    top: 100%;
    opacity: 1;
    visibility: visible;
}
.main-menu .navigation > li > ul > li {
    clear: both;
    width: 100%;
    position: relative;
    border-bottom: 1px solid #f4f4f4;
}
.main-menu .navigation > li > ul > li:last-child{
    border-bottom: 0px solid #f4f4f4;    
}
.main-menu .navigation > li > ul > li > a {
    width: 100%;
    background: #ffffff;
    padding: 13px 15px 11px 48px;
    color: #404040;
    font-size: 15px;
    font-weight: 500;
    text-transform: capitalize;
    display: block;
    float: left;
    clear: both;
    position: relative;
    outline: 0;
    transition: padding .2s linear;
    transition: all 500ms ease;
    font-family: 'Khula', sans-serif;
}
.main-menu .navigation > li > ul > li > a:before {
    position: absolute;
    left: 30px;
    top: 12px;
    font-size: 10px;
    color: #d6d6d6;
    content: "\f192";
    font-family: FontAwesome;
    -webkit-transition: .5s ease;
    transition: .5s ease;
}
.main-menu .navigation > li > ul > li:hover > a {
    color: #004677;
    background: #f7f7f7;
}
.main-menu .navigation > li > ul > li:hover > a:before{
    color: #004677;    
}

.main-menu .navigation > li > ul > li.dropdown > a:after{}
.main-menu .navigation > li > ul > li.dropdown:hover > a:after{}
.main-menu .navigation > li > ul > li > ul{}
.main-menu .navigation > li > ul li:hover ul {}
.main-menu .navigation > li > ul > li ul li {}
.main-menu .navigation > li > ul > li ul li:first-child{}
.main-menu .navigation > li > ul > li ul li a{ }
.main-menu .navigation > li > ul > li  > ul > li:hover > a{}
.main-menu .navbar-collapse > ul li.dropdown .dropdown-btn {
  position: absolute;
  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;
}

.outer-search-box {
    float: left;
    height: 40px;
    width: 40px;
    margin: 29px 0 28px;
    margin-right: 10px;
    border: 1px solid #efeded;
}
.outer-search-box .seach-toggle {
    background: transparent;
    color: #222222;
    cursor: pointer;
    display: block;
    font-size: 15px;
    line-height: 20px;
    margin: 0;
    padding: 10px 0px;
    position: relative;
    text-align: center;
    transition: all 500ms ease;
}
.outer-search-box .seach-toggle:hover,
.outer-search-box .seach-toggle.active{
    background:#004677;
    color: #fff;
}
.search-box {
    background: #004677;
    border-top: 1px dashed #013960;
    opacity: 0;
    padding: 20px;
    position: absolute;
    right: 15px;
    top: 150%;
    transition: all 500ms ease 0s;
    visibility: hidden;
}
.search-box.now-visible{
    top:100%;
    opacity:1;
    visibility:visible;	
}
.search-box .form-group{
    position:relative;
    padding:0px;
    margin:0px;
    width:100%;
    min-width:250px;
}
.search-box .form-group input[type="search"] {
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #222222;
    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:#000000;	
}
.search-box .form-group button, 
.search-box .form-group input[type="submit"] {
    background: #013960;
    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: #000000;
}
.mainmenu-right-box {}
.mainmenu-area .appointment-button {
    float: right;
    margin: 25px 0;
}
.mainmenu-area .appointment-button a {}
.mainmenu-area .appointment-button a:hover{}




/*** 
=============================================
    Rev Slider Wrapper style
=============================================
***/
.rev_slider_wrapper {}
.rev_slider_wrapper .slide-content-box h1 {
    color: #ffffff;
    font-size: 55px;
    font-weight: 700;
    line-height: 70px;
    text-transform: none;
    margin: 0 0 12px;
    font-family: 'Khula', sans-serif;
}
.rev_slider_wrapper .slide-content-box p{
    font-size: 20px;
    color: #f3f3f3;
    font-weight: 400;
    line-height: 26px;
    margin: 0px 0 33px;
    font-family: 'Rubik', sans-serif;
}
.rev_slider_wrapper .slide-content-box .button a{
    border: 2px solid #ffffff;
    padding: 12px 28px 11px;
    background: transparent;
    color: #ffffff;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    font-family: 'Khula', sans-serif;
    margin-right: 16px;
}
.rev_slider_wrapper .slide-content-box .button a:hover{
    background: #004677;
    border-color: #004677;
}
.rev_slider_wrapper .slide-content-box .button a.btn-style-two{
    background: #ffffff;
    border-color: #ffffff;
    color: #252525;
}
.rev_slider_wrapper .slide-content-box .button a.btn-style-two:hover{
    background: #252525;  
    border-color: #252525;
    color: #ffffff;
}
.rev_slider_wrapper .slide-content-box.middle-slide h1{
  text-align: center;
}
.rev_slider_wrapper .slide-content-box.middle-slide p{
  text-align: center;
}

.rev_slider_wrapper .slide-content-box.middle-slide .button a{}
.tparrows {
    background: rgba(0, 0, 0, 0.03);
    cursor: pointer;
    display: block;
    height: 50px;
    position: absolute;
    width: 50px;
    z-index: 1000;
    transition: all 500ms ease;
    border-radius: 0;
    border: 2px solid #ffffff;
}
.tparrows:before{
    font-size:18px; 
    font-weight: 700;
    color:#fff; 
    display:block; 
    line-height: 48px; 
    text-align: center;
    transition: all 500ms ease;
}
.tparrows:hover{
    background:#000000;
    border-color: #000000;
}
.tparrows:hover:before{
    color: #fff;    
}
.rev_slider_wrapper .slotholder:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 70, 119, 0.80);
    z-index: 9;
}



/*** 
=============================================
    Featured Area style
=============================================
***/
.featured-area {
  background: #f9f9f9 none repeat scroll 0 0;
  padding-bottom: 50px;
}
.featured-area .featured {
    position: relative;
    top: -30px;
}
.featured-area .single-featured-item {
    background: #fff none repeat scroll 0 0;
    border-top: 2px solid #004677;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 40px;
    padding-bottom: 40px;
    text-align: center;
    transition: all 500ms ease;
    box-shadow: 
    -webkit-box-shadow: 0px 1px 19px -7px rgba(158,153,158,1);
    -moz-box-shadow: 0px 1px 19px -7px rgba(158,153,158,1);
    box-shadow: 0px 1px 19px -7px rgba(158,153,158,1);
}

.featured-area .single-featured-item:hover{
	-webkit-transform:scale(1.1,1.1);
	-ms-transform:scale(1.1,1.1);
	-o-transform:scale(1.1,1.1);
	-moz-transform:scale(1.1,1.1);
	transform:scale(1.1,1.1);
}
.featured-area .single-featured-item .icon-holder {
    margin: 0 0 26px;
}
.featured-area .single-featured-item .icon-holder .icon-bg {
    width: 90px;
    height: 90px;
    margin: 0 auto;
    display: block;
    border-radius: 50%;
    background: #fff;
    padding: 9px;
    border: 1px solid #f4f4f4;
    transition: all 500ms ease;
    transition-delay: 0.10s;
}
.featured-area .single-featured-item .icon-holder .icon-bg span::before {
    color: #004677;
    font-size: 30px;
    line-height: 30px;
    font-weight: 500;
    background: #fff;
    width: 70px;
    height: 70px;
    display: block;
    border-radius: 50%;
    text-align: center;
    padding: 20px 0;
    border: 1px solid #f4f4f4;
    transition: all 500ms ease;
    transition-delay: 0.15s;
}
.featured-area .single-featured-item:hover .icon-holder .icon-bg{
    border-color: #004677;    
}
.featured-area .single-featured-item:hover .icon-holder .icon-bg span::before{
    border-color: #004677;    
    background: #004677;
    color: #fff;
}
.featured-area .single-featured-item .text-holder h3 {
    line-height: 26px;
    margin: 0 0 7px;
    font-size: 18px;
    font-weight: 500;
}
.featured-area .single-featured-item .text-holder p {
    margin: 0 0 20px;
}
.featured-area .single-featured-item .text-holder a {
    background: #004677;
    color: #ffffff;
    border-radius: 30px;
    padding: 10px 25px 7px;
}
.featured-area .single-featured-item .text-holder a:hover{
    background: #013457;
    color: #fff;
}



/*** 
=============================================
    Welcome Area style
=============================================
***/
.welcome-area {
  background: #fff none repeat scroll 0 0;
  padding-bottom: 80px;
  padding-top: 80px;
}
.welcome-area .welcome-content {
  padding: 0 100px;
}
.welcome-area .welcome-content p {
    margin-top: -7px;
    margin-bottom: 0;
}
.welcome-content .button{
    padding-top: 32px;
}
.welcome-content .button a{
    width: 150px;
    padding: 12px 0 9px;
    margin: 0 8px;
}



/*** 
=============================================
    Car Repair Service Area style
=============================================
***/
.car-repair-service-area {
    background-attachment: fixed;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    padding-bottom: 80px;
    padding-top: 80px;
    position: relative;
    z-index: 1;
}
.car-repair-service-area::before {
    background: rgba(0, 0, 0, 0.95) none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}
.car-repair-service-area .sec-title h5{
    color: #ffffff;        
}
.car-repair-service-area .sec-title h3{
    color: #ffffff;    
}
.car-repair-service-area .sec-title span{}
.car-repair-service-area .single-item{
    margin-bottom: 40px;
}
.car-repair-service-area .single-item .img-holder {
    position: relative;
    overflow: hidden;
    display: block;
}
.car-repair-service-area .single-item .img-holder img{
    display: block;
    transform: scale(1.1, 1.1);
    transition: all 500ms ease 0s;
    width: 100%;    
}
.car-repair-service-area .single-item .img-holder .rate {
    background: rgba(0, 70, 119, 0.90) none repeat scroll 0 0;
    position: absolute;
    top: 0;
    right: 0;
    width: 70px;
    height: 70px;
    text-align: center;
}
.car-repair-service-area .single-item .img-holder .rate h3 {
    color: #ffffff;
    font-size: 30px;
    line-height: 30px;
    line-height: 18px;
    font-weight: 600;
    display: block;
    padding: 12px 5px;
}
.car-repair-service-area .single-item .img-holder .rate h3 span {
    font-size: 25px;
    position: relative;
    display: inline-block;
    padding-bottom: 5px;
    line-height: 26px;
}
.car-repair-service-area .single-item .img-holder .overlay-style-one{
    background: rgba(0, 0, 0, 0.50);    
}
.car-repair-service-area .single-item .img-holder .overlay-style-one .icon-holder a i{
    background: rgba(255, 255, 255, 0.9) none repeat scroll 0 0;
    border-radius: 50%;
    height: 45px;
    width: 45px;
    transition: all 500ms ease 0s;
    color: #252525;
    display: inline-block;
    font-size: 14px;
    line-height: 46px;
    transition: all 500ms ease;    
}
.car-repair-service-area .single-item .img-holder .overlay-style-one .icon-holder a:hover i{
    background: #004677;
    color: #fff;
}

.car-repair-service-area .single-item:hover .img-holder .overlay-style-one {
    opacity: 1;
    -webkit-transform: perspective(400px) rotateX(0deg);
    -moz-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    -o-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);    
}

.car-repair-service-area .single-item .title {
    background: #004677;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 22px;
    padding-bottom: 19px;
    text-align: center;
}
.car-repair-service-area .single-item .title h5 {
    color: #ffffff;
    font-size: 17px;
    line-height: 23px;
    text-transform: none;
    margin: 0 0 2px;
}
.car-repair-service-area .single-item .title p {
    color: #ffffff;
    font-size: 13px;
    line-height: 20px;
    margin: 0;
}
.car-repair-service-area .single-item:hover .img-holder img {
    opacity: 0.5;
    transform: scale(1, 1);
}
.car-repair-service-area .more-services-button a {
    padding: 14px 35px 11px;
}



/*** 
=============================================
    Latest Project Area style
=============================================
***/
.latest-project-area{
    background: #F4F4F4;
    padding-top: 80px;
    padding-bottom: 50px;
    overflow: hidden;
}
.latest-project-area .sec-title{}
.latest-project-area .container-fluid {
    padding-left: 30px;
    padding-right: 30px;
}
.project-filter {
    margin-bottom: 30px;
    text-align: center;
}
.project-filter li {
    background: #ffffff none repeat scroll 0 0;
    color: #252525;
    cursor: pointer;
    display: inline-block;
    font-size: 15px;
    font-weight: 400;
    line-height: 24px;
    margin: 0 3px 10px;
    position: relative;
    text-transform: capitalize;
}
.project-filter li span{
    display: block;
    padding: 12px 15px;
    transition: all 500ms ease;
}
.project-filter li.active span,
.project-filter li:hover span{
    position: relative;
    background: #004677;
    color: #fff;
    transition: all 500ms ease;
}
.project-filter li.active::before{
    color: #004677;
    content: "\f0d7";
    display: block;
    font-family: "FontAwesome";
    font-size: 20px;
    left: 0;
    line-height: 20px;
    padding-left: 0;
    padding-top: 4px;
    position: absolute;
    bottom: -12px;
    z-index: 5;
    left: 50%;
    margin-left: -6px;
    transition: all 500ms ease;
}

.single-project-item {
      padding-bottom: 30px;
}
.single-project-item .img-holder {
    display: block;
    overflow: hidden;
    position: relative;     
}
.single-project-item .img-holder img {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    width: 100%;      
}
.single-project-item .img-holder .overlay-style-one .box { }
.single-project-item .img-holder .overlay-style-one .box .content { }
.single-project-item .img-holder .overlay-style-one .box .content a h3 {
    color: #ffffff;
    font-size: 22px;
    font-weight: 500;
    text-transform: none;
    margin: 0 0 12px;
    transition: all 500ms ease;
}
.single-project-item:hover .img-holder .overlay-style-one {
    opacity: 1;
    -webkit-transform: perspective(400px) rotateX(0deg);
    -moz-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    -o-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);    
}
.single-project-item:hover .img-holder img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
.single-project-item .img-holder .overlay-style-one .box .content a h3:hover{
    color: #004677;
    letter-spacing: 1px;
}

.latest-project-area .single-project-item .img-holder .overlay-style-one .box .content .icon-holder {

}
.latest-project-area .single-project-item .img-holder .overlay-style-one .box .content .icon-holder a i {
    background: rgba(255, 255, 255, 0.9) none repeat scroll 0 0;
    border-radius: 50%;
    height: 45px;
    width: 45px;
    transition: all 500ms ease 0s;
    color: #252525;
    display: inline-block;
    font-size: 14px;
    line-height: 46px;
    transition: all 500ms ease;
}
.latest-project-area .single-project-item .img-holder .overlay-style-one .box .content .icon-holder a:hover i{
    background: #004677; 
    color: #ffffff;
} 




/*** 
=============================================
    Fact counter Area style
=============================================
***/
.fact-counter-area {
    position: relative;
    background: #F9F9F9;
    padding-bottom: 60px;
    padding-top: 80px;
}
.fact-counter-area .single-item {
    background: #ffffff;
    width: 100%;
    display: block;
    padding: 30px 0 25px;
    margin-bottom: 20px;
    overflow: hidden;
    position: relative;
}
.fact-counter-area .single-item .icon-holder {
    display: block;
    margin: 0 0 20px;
}
.fact-counter-area .single-item .icon-holder span:before{
    font-size: 40px;
    line-height: 40px;
    color: #252525;
}
.fact-counter-area .single-item h1 span{
    color: #252525;
    font-size: 40px;
    font-weight: 700;
}
.fact-counter-area .single-item h3 {
    color: #004677;
    font-size: 15px;
    font-weight: 600;
    text-transform: uppercase;
    font-family: 'Khula', sans-serif;
    margin: 10px 0 0;
}



/*** 
=============================================
    Testimonial Area style
=============================================
***/
.testimonial-area {
    background-attachment: fixed;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 80px;
    padding-bottom: 72px;
    position: relative;
    z-index: 1;
}
.testimonial-area::before {
    background: rgba(0, 0, 0, 0.90) none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}
.testimonial-area .sec-title h5{
    color: #fff;
}
.testimonial-area .sec-title h3{
    color: #fff;
}
.testimonial-area .sec-title .border{
    background: #fff;
}

.single-testimonial-item {
    border: 1px solid #F4F4F4;
    padding-bottom: 13px;
    -webkit-transition: border-color 0.4s ease 0s;
    transition: border-color 0.4s ease 0s;
    border-radius: 5px;
}
.single-testimonial-item .text-box {
    background: #ffffff;
    overflow: hidden;
    padding: 25px 20px 53px 50px;
    text-align: center;
    border-radius: 5px 5px 0 0;
}
.single-testimonial-item .text-box p{
    position: relative;
    margin: 0;
    z-index: 1;    
}
.single-testimonial-item .img-box {
    border: 3px solid #ffffff;
    padding: 5px;
    border-radius: 50%;
    display: block;
    height: 80px;
    margin: -40px auto 0;
    width: 80px;
    -webkit-transition: border-color 0.4s ease 0s;
    transition: border-color 0.4s ease 0s;
    overflow: hidden;
}
.single-testimonial-item .img-box img{
    border-radius: 50%;
}
.single-testimonial-item .title-box {
    margin: 20px 0 0;
    overflow: hidden;
}
.single-testimonial-item .title-box h4 {
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    margin: 0 0 7px;
    text-transform: uppercase;
}
.single-testimonial-item .title-box p {
    color: #f9f9f9;
    font-weight: 300;
    margin: 0;
}

.testimonial-area .owl-theme .owl-nav {
  display: none;
}
.testimonial-area .owl-dots .owl-dot {
  display: inline-block;
  margin-top: 50px;
}
.testimonial-area .owl-dots .owl-dot span {
  background: #f7f7f7 none repeat scroll 0 0;
  display: block;
  height: 5px;
  margin: 0 3px;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  width: 25px;
  border-radius: 0;
}
.testimonial-area .owl-dots .owl-dot.active span, 
.testimonial-area .owl-dots .owl-dot:hover span {
  background: #004677 none repeat scroll 0 0;
}
.single-testimonial-item:hover{
  border-color: #004677;
}
.single-testimonial-item:hover .img-box{
  border-color: #004677;    
}




/*** 
=============================================
    Express Quote area style
=============================================
***/
.express-quote-area {
    background: #ffffff;
    padding-bottom: 72px;
    padding-top: 80px;
    position: relative;
}
.express-quote-area .sec-title{
    margin-top: -2px;
}
.express-quote-area .text-holder {}
.express-quote-area .text-holder .text {
    margin-top: -7px;
    text-align: center;
}
.express-quote-area #quote-form {  }
.express-quote-area #quote-form input[type="text"], 
.express-quote-area #quote-form input[type="email"] {
    background: #F9F9F9;
    width: 100%;
    height: 45px;
    border-radius: 3px;
    border: 1px solid transparent;
    margin-bottom: 20px;
    color: #252525;
    font-size: 13px;
    display: block;
    padding: 0 15px;
    transition: all 500ms ease;
}
.express-quote-area #quote-form input[type="text"]:focus{
    border-color: #004677;
}
.express-quote-area #quote-form input[type="email"]:focus{
    border-color: #004677; 
}
.express-quote-area #quote-form button {
    width: 100%;
    display: block;
    padding: 12px 0 7px;
}



/*** 
=============================================
    Team Area style
=============================================
***/
.team-area {
    background: #f9f9f9;
    position: relative;
    padding-top: 80px;
    padding-bottom: 40px;
}
.team-area .single-team-member {
    margin-bottom: 40px;
    display: block;
}
.team-area .single-team-member .img-holder {
    position: relative;
    display: block;
    overflow: hidden;
}
.team-area .single-team-member .img-holder img{
    transition: all 0.5s ease 0s;
    width: 100%;
}
.team-area .single-team-member:hover .img-holder img{}
.team-area .single-team-member .img-holder .overlay-style-two {
    background: rgba(0, 70, 119, 0.95);
    height: 80px;
    bottom: -100%;
}
.team-area .single-team-member:hover .img-holder .overlay-style-two{
	bottom:0px;
	opacity:1;	
}
.team-area .single-team-member .img-holder .overlay-style-two .box .content .social-links{ }
.team-area .single-team-member .img-holder .overlay-style-two .box .content .social-links li{
    display: inline-block;
    margin: 0 3px;    
}
.team-area .single-team-member .img-holder .overlay-style-two .box .content .social-links li a i{
    background: #ffffff;  
    height: 40px; 
    width: 40px; 
    display: block; 
    border-radius: 50%; 
    color: #252525;  
    font-size: 13px;  
    line-height: 42px; 
    transition: all 500ms ease;
}
.team-area .single-team-member .img-holder .overlay-style-two .box .content .social-links li a:hover i{
    background: #000000;
    color: #ffffff;
}
.team-area .single-team-member .text-holder {
    border-top: 2px solid rgba(0, 70, 119, 0.95);
    background: #ffffff;
    padding-top: 19px;
    padding-bottom: 11px;
}
.team-area .single-team-member .text-holder h3{
    color: #333333;
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0 0 1px;
}
.team-area .single-team-member .text-holder p{
    font-size: 13px;
    margin: 0;
}



/*** 
=============================================
    Latest blog Area style
=============================================
***/
.latest-blog-area {
    background: #ffffff none repeat scroll 0 0;
    padding-bottom: 80px;
    padding-top: 80px;
}
.single-blog-post {
    position: relative;
    overflow: hidden;
    display: block;
}
.single-blog-post .img-holder{
    display: block;
    overflow: hidden;
    position: relative;  
}
.single-blog-post .img-holder img {
    -webkit-transition: all 0.7s ease;
    transition: all 0.7s ease;
    width: 100%;     
}
.single-blog-post:hover .img-holder img{
    transform: scale(1.1);
}
.single-blog-post .published-date {
    position: absolute;
    bottom: 0px;
    left: 0px;
    height: 40px;
    width: 150px;
    background: #004677;
    text-align: center;
    padding: 12px 0px;
    z-index: 5;
    transition: all 500ms ease;
    transition-delay: 0.10s;
}
.single-blog-post .published-date h5{
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 20px;
}
.single-blog-post:hover .img-holder .overlay-style-two{
	bottom:0px;
	opacity:1;	
}
.single-blog-post .img-holder .overlay-style-two .box .content a i {
    opacity: 1;
    border: 1px solid #ffffff;
    color: #ffffff;
    display: inline-block;
    width: 40px;
    height: 40px;
    font-size: 15px;
    line-height: 40px;
    transition: all 500ms ease;
}
.single-blog-post .img-holder .overlay-style-two .box .content a:hover i{
    background: #004677;
    color: #ddd;
    border-color: #004677;
}

.single-blog-post .text-holder {
    padding-top: 26px;
    transition: all 500ms ease;
    position: relative;
} 
.single-blog-post .text-holder .blog-title{
    color: #252525;
    font-size: 20px;
    font-weight: 600;
    margin: 0 0 10px;
    line-height: 26px;
    text-transform: none;
    transition: all 500ms ease;
}
.single-blog-post .text-holder .blog-title:hover{
    color: #004677;        
} 
.single-blog-post .text-holder .meta-info {
    overflow: hidden;
    padding-bottom: 20px;
}
.single-blog-post .text-holder .meta-info .post-info {
    display: block;
    overflow: hidden;
}
.single-blog-post .text-holder .meta-info .post-info li {
    display: inline-block;
    float: left;
    margin-right: 15px;
    border-right: 1px solid #9b9b9b;
    padding-right: 15px;
    line-height: 15px;
}
.single-blog-post .text-holder .meta-info .post-info li i {
    color: #004677;
    font-size: 15px;
    display: inline-block;
    padding-right: 10px;
}
.single-blog-post .text-holder .meta-info .post-info li:last-child{
    border-right: 0px solid; 
    margin-right: 0px;
    padding-right: 0px;
}
.single-blog-post .text-holder .meta-info .post-info li a{
    color: #555555;
    font-size: 13px;
    font-weight: 400;
    transition: all 500ms ease;
}
.single-blog-post .text-holder .meta-info .post-info li a:hover{
    color: #004677;
}

.single-blog-post .text-holder .text{
    overflow: hidden;
}
.single-blog-post .text-holder .text p{
    font-size: 14px;
    line-height: 26px;
}
.single-blog-post .text-holder .text .readmore{
    color: #252525;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    font-family: 'Khula', sans-serif;
    transition: all 500ms ease;  
}
.single-blog-post .text-holder .text .readmore i{
    display: inline-block;
    padding-left: 7px;
    transition: all 500ms ease;    
}
.single-blog-post .text-holder .text .readmore:hover{
    color: #004677;    
}
.single-blog-post .text-holder .text .readmore:hover i{
    color: #004677;
    padding-left: 12px;
}



/*** 
=============================================
    Brand Area style
=============================================
***/
.brand-area {
    background: #F9F9F9;
    padding-top: 80px;
    padding-bottom: 70px;
}
.brand-area .sec-title{
    padding-bottom: 0;
}
.brand-area .tooltip-inner {
    background: #004677;
}
.brand-area .tooltip.top .tooltip-arrow {
    border-top-color: #004677;
}
.brand-area .brand .owl-stage-outer{
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0px, 0px, 0px);
    padding-top: 40px;	
}
.brand-area .brand .single-item {
    border: 1px dotted #e9e9e9;
    width: 100%;
    -webkit-transition: all 300ms ease-in 0s;
    transition: all 300ms ease-in 0s;
    text-align: center;
    padding: 4px;
    border-radius: 5px;
}
.brand-area .brand .single-item .inner-box{
    border: 1px dotted #e9e9e9; 
    border-radius: 5px;
    transition: all 500ms ease;
}
.brand-area .brand .single-item img{}
.brand-area .brand .single-item:hover{
    border: 1px dotted #004677;
}
.brand-area .brand .single-item:hover .inner-box{
    border: 1px dotted #004677;    
}
.brand-area .brand .single-item:hover img{
    opacity: .9;
}



/*** 
=============================================
    Newsletter area style
=============================================
***/
.newsletter-area {
    background: #004677;
    display: block;
    padding: 30px 0;
}
.newsletter-area .title h2 {
    color: #ffffff;
    font-size: 30px;
    line-height: 36px;
    font-weight: 400;
    text-transform: capitalize;
    margin: 7px 0;
}
.newsletter-area .newsletter-form-box{}
.newsletter-area .newsletter-form-box form {
    position: relative;
}
.newsletter-area .newsletter-form-box form input[type=email] {
    background: #014f85;
    border: 1px solid rgba(255, 255, 255, 0.9);
    color: #fff;
    display: block;
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
    height: 50px;
    padding-left: 15px;
    padding-right: 115px;
    position: relative;
    -webkit-transition: all 500ms ease 0s;
    transition: all 500ms ease 0s;
    width: 350px; 
    border-radius: 25px;
}
.newsletter-area .newsletter-form-box form ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #fff !important;
}
.newsletter-area .newsletter-form-box form ::-moz-placeholder { /* Firefox 19+ */
  color: #fff !important;
}
.newsletter-area .newsletter-form-box form :-ms-input-placeholder { /* IE 10+ */
  color: #fff !important;
}
.newsletter-area .newsletter-form-box form :-moz-placeholder { /* Firefox 18- */
  color: #fff !important;
}

.newsletter-area .newsletter-form-box form button {
    position: absolute;
    top: 0;
    right: 0;
    width: 110px;
    height: 50px;
    background: #013b64;
    color: #ffffff;
    display: block;
    text-align: center;
    -webkit-transition: all 500ms ease 0s;
    transition: all 500ms ease 0s;
    font-size: 15px;
    font-weight: 400;
    text-transform: capitalize;
    border-radius: 0px;
    border: 1px solid #013b64;
    padding: 0;
}
.newsletter-area .newsletter-form-box form input[type=email]:focus {
    border: 1px solid rgba(255, 255, 255, 0.6);
    background: #01538d;
    color: #ffffff;
}
.newsletter-area .newsletter-form-box form input[type=email]:focus + button, 
.newsletter-area .newsletter-form-box form button:hover {
    background: #013961 none repeat scroll 0 0;
    color: #dddddd;
    border-color: #fff;
}





/*** 
=============================================
    Footer area style
=============================================
***/
.footer-area {
    background: rgba(0, 0, 0, 0.9) none repeat scroll 0 0;
    padding-top: 70px;
    padding-bottom: 70px;
    position: relative;
    z-index: 1;
}
.single-footer-widget {
    overflow: hidden;
}
.single-footer-widget .footer-logo {
    display: block;
    margin: 0 0 20px;
    overflow: hidden;
}
.single-footer-widget .info {
    border-bottom: 1px solid #313131;
    margin-bottom: 25px;
    overflow: hidden;
    padding-bottom: 13px;
}
.single-footer-widget .info p {
    color: #c9c9c9;
    font-size: 15px;
}
.footer-social-links li {
    display: inline-block;
    margin-right: 15px;
}
.footer-social-links li:last-child{
    margin-right: 0;
}
.footer-social-links li a i {
    color: #ffffff;
    font-size: 15px;
    transition: all 500ms ease;
    width: 40px;
    height: 40px;
    display: block;
    text-align: center;
    background: #292929;
    border-radius: 50%;
    line-height: 40px;
}
.footer-social-links li a:hover i{
    background: #004677;
    transform: rotate(360deg);
}

.single-footer-widget .title {
    position: relative;
    margin-top: -2px;
    margin-bottom: 35px;
}
.single-footer-widget .title::before {
    background: #ffffff none repeat scroll 0 0;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    bottom: 0;
    width: 70px;
}
.single-footer-widget .title h3 {
    color: #ffffff;
    font-size: 22px;
    font-weight: 600;
    margin: 0;
    padding-bottom: 19px;
    letter-spacing: 1px;
}


.single-footer-widget.mar-lft{
    margin-left: 50px;
}
.single-footer-widget .services {
    float: left;
    margin-top: -13px;
}
.single-footer-widget .services li,
.single-footer-widget .menu li {
    line-height: 38px;
}
.single-footer-widget .services li a,
.single-footer-widget .menu li a {
    position: relative;
    color: #c9c9c9;
    font-size: 15px;
    transition: all 500ms ease;
}
.single-footer-widget .services li a:before,
.single-footer-widget .menu li a:before {
    font-family: 'FontAwesome';
    content: '\f0da';
    position: absolute;
    left: -20px;
    top: -3px;
    width: 24px;
    line-height: 24px;
    display: block;
    color: #fff;
    font-size: 16px;
    transition: all 300ms ease-in;
}
.single-footer-widget .services li a:hover:before,
.single-footer-widget .menu li a:hover:before{
	left:0px;	
}

.single-footer-widget .services li a:hover,
.single-footer-widget .menu li a:hover {
	padding-left:15px;
	color:#fff;	
}

.single-footer-widget.mar-left-minus{
    margin-left: -15px;
}
.single-footer-widget .instagram {
    overflow: hidden;
}
.single-footer-widget .instagram li {
    display: inline-block;
    float: left;
    padding: 2.5px;
}
.single-footer-widget .instagram li .img-holder {
    overflow: hidden;
    position: relative;
    display: block;
}
.single-footer-widget .instagram li .img-holder img {
    transform: scale(1);
    transition: all 0.5s ease 0s;  
}
.single-footer-widget .instagram li .img-holder .overlay-style-two .box .content a i{
    color: #fff;
    font-size: 15px;
    transition: all 500ms ease;
}
.single-footer-widget .instagram li .img-holder .overlay-style-two .box .content a:hover i{
    color: #ddd;
}
.single-footer-widget .instagram li:hover .img-holder .overlay-style-two {
	bottom:0px;
	opacity:1;	
}
.single-footer-widget .instagram li:hover .img-holder img {
    transform: scale(1.1);
}


.single-footer-widget.mar-lft-30{
    margin-left: 20px;
}
.single-footer-widget .contact-address li {
    position: relative;
    padding-left: 40px;
    padding-bottom: 12px;
}
.single-footer-widget .contact-address li:last-child {
    padding-bottom: 0;
}
.single-footer-widget .contact-address li .icon-holder {
    position: absolute;
    top: 0;
    left: 0;
}
.single-footer-widget .contact-address li .icon-holder span:before {
    color: #ffffff;
    font-size: 20px;
    line-height: 20px;
}
.single-footer-widget .contact-address li .content-holder {
    position: relative;
    top: -4px;
}
.single-footer-widget .contact-address li .content-holder p{
    color: #c9c9c9;
    font-size: 15px;
    line-height: 22px;
}
.single-footer-widget .contact-address li .content-holder p span{
    color: #ffffff;
    font-weight: 400;
    text-transform: none;
    font-family: 'Khula', sans-serif;
}



/*** 
=============================================
    Footer bottom area style
=============================================
***/
.footer-bottom-area {
    background: #292929 none repeat scroll 0 0;
    padding-bottom: 23px;
    padding-top: 23px;
}
.footer-bottom-area .copyright-text p {
    color: #ffffff;
    margin: 0;
}
.footer-bottom-area .copyright-text p a {
    color: #c9c9c9;
    font-weight: 700;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}
.footer-bottom-area .footer-menu,
.footer-bottom-area .menu {
    float: right
}
.footer-bottom-area .footer-menu li,
.footer-bottom-area .menu li {
    display: inline-block;
    margin: 0 0px 0px 35px;
}
.footer-bottom-area .footer-menu li a,
.footer-bottom-area .menu li a {
    color: #ffffff;
    font-size: 14px;
    font-weight: 400;
    text-transform: capitalize;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}
.footer-bottom-area .copyright-text p a:hover {
    color: #fff
}
.footer-bottom-area .footer-menu li a:hover {
    color: #004677
}



/*** 
=============================================
    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: rgba(0, 0, 0, 0.30) none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}
.breadcrumb-area .breadcrumbs {
    padding-top: 125px;
    padding-bottom: 113px;
}
.breadcrumb-area .breadcrumbs h1,
.breadcrumb-area .breadcrumbs {
    color: #ffffff;
    font-size: 42px;
    font-weight: 700;
    line-height: 40px;
    text-transform: uppercase;
    text-align: center;
}
.breadcrumb-botton {
    position: relative;
    overflow: hidden;
    padding: 21px 0 22px;
    z-index: 1;
}
.breadcrumb-botton:before{
    background: rgba(255, 255, 255, 0.80) none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;    
}
.breadcrumb-botton ul{
    text-align: center;
}
.breadcrumb-botton ul li{
    display: inline-block;
    margin: 0 4px;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    font-family: 'Khula', sans-serif;
    line-height: 20px;
}
.breadcrumb-botton ul li .dotted {
    background: #004677;
    height: 3px;
    width: 3px;
    display: inline-block;
    position: relative;
    top: -3px;
}
.breadcrumb-botton ul li a{
    color: #000000;
    transition: all 500ms ease;
}
.breadcrumb-botton ul li a:hover{
  color: #004677;    
}
.breadcrumb-botton ul li.active{
  color: #004677;    
}



/*** 
=============================================
    Contact Form area style
=============================================
***/
.contact-form-area {
    padding-top: 80px;
    padding-bottom: 80px;
}
.contact-form-area .sec-title{
    position: relative;
}
.contact-form-area .sec-title .select-box {
    position: absolute;
    top: 10px;
    right: 0;
    width: 190px;
}
.contact-form-area .bootstrap-select {
    background: none;
    border: none;
    box-shadow: none;
    padding: 0px;
}
.contact-form-area .bootstrap-select.btn-group .dropdown-menu li {
    position: relative;
    width: 100%;
}
.contact-form-area .dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
    background-color: #001D39;
    color: #fff;
}
.contact-form-area .btn-group.open .dropdown-toggle {
    box-shadow: none;
}
.contact-form-area .btn-group.open .dropdown-toggle:focus {
    border: none;
    outline: none;
}
.contact-form-area .bootstrap-select .dropdown-toggle:focus {
    outline: none;
}
.contact-form-area .form-control:focus {
    border-color: #48c7ec;
    box-shadow: none;
}
.contact-form-area .select-box .btn:after {
    position: absolute;
    content: "\f107";
    font-family: FontAwesome;
    font-size: 15px;
    color: #777;
    width: 20px;
    right: 15px;
    top: 50%;
    margin-top: -11px;
}
.contact-form-area .g-select {
    background: none;
    border: none;
    box-shadow: none;
    padding: 0px;
}
.contact-form-area .bootstrap-select.btn-group .dropdown-toggle .filter-option {
    background: transparent;
    color: #777;
    padding: 11px 10px;
    font-size: 14px;
    font-weight: 300;
    border: 1px solid #f4f4f4;
}
.contact-form-area .bs-caret {
  display: none;
}
.contact-form-area .dropdown-menu {
    border-radius: 0px;
    padding: 0px;
    top: 45px;
    transform: scaleY(0);
    transform-origin: top center;
    transition: .4s ease;
}
.contact-form-area .bootstrap-select.open .dropdown-menu {
  transform: scaleY(1);
  transition: .4s ease;
}
.contact-form-area .dropdown-menu>li>a {
    padding: 8px 15px;
    display: block;
}
.contact-form-area .dropdown-menu>li>a:focus {
    background-color: #fff;
    color: #222;
}
.contact-form-area .dropdown-menu>li>a:hover {
    background-color: #001D39;
    color: #fff;
}


.contact-form-area .contact-form form {
    background: #f7f7f7;
    display: block;
    padding: 36px 30px 60px;
}
.contact-form-area .contact-form form h2 {
    font-size: 24px;
    font-weight: 400;
    text-transform: capitalize;
    margin: 0 0 35px;
    color: #252525;
}
.contact-form-area .contact-form form input[type="text"],
.contact-form-area .contact-form form input[type="email"],
.contact-form-area .contact-form form textarea{
    background: #ffffff;
    border: 1px solid #ececec;
    color: #999999;
    display: block;
    font-size: 14px;
    height: 50px;
    margin-bottom: 30px;
    padding: 0 20px;
    width: 100%;
    transition: all 500ms ease;
}
.contact-form-area .contact-form form textarea{
    height: 120px;
    margin-bottom: 32px;
    padding: 10px 20px;
}
.contact-form-area .contact-form form input[type="text"]:focus{
    border-color: #046770;        
}
.contact-form-area .contact-form form input[type="email"]:focus{
    border-color: #046770;        
}
.contact-form-area .contact-form form textarea:focus{
    border-color: #046770;    
}
.contact-form-area .contact-form form button {
    width: 100%;
    padding: 14px 0 13px;
}


.quick-contact {
    overflow: hidden;
    padding: 50px 30px 47px;
    border: 1px solid #f4f4f4;
}
.quick-contact .title {
    margin-bottom: 25px;
}
.quick-contact .title h2 {
    color: #252525;
    font-size: 24px;
    font-weight: 400;
    margin: 0 0 30px;
}
.quick-contact .title p{
    color: #999999;
    font-size: 16px;
    margin: 0;
}

.quick-contact .contact-info{}
.quick-contact .contact-info li {
    border-bottom: 1px solid #f4f4f4;
    margin-bottom: 21px;
    padding-left: 35px;
    padding-bottom: 21px;
    position: relative;
}
.quick-contact .contact-info li:last-child{
    margin-bottom: 0;
}
.quick-contact .contact-info li .icon-holder {
    position: absolute;
    top: 3px;
    left: 0;
}
.quick-contact .contact-info li .icon-holder span:before{
    color: #046770;
    font-size: 20px;
}
.quick-contact .contact-info li .text-holder {}
.quick-contact .contact-info li .text-holder h5 {
    color: #999999;
    font-size: 16px;
    font-weight: 300;
    line-height: 26px;
}
.quick-contact .contact-info li .text-holder h5 span {
    color: #252525;
    font-weight: 400;
}

.quick-contact .social-links {
    overflow: hidden;
    padding-top: 25px;
}
.quick-contact .social-links li{
    display: inline-block;
    float: left;
    margin-right: 25px;
}
.quick-contact .social-links li:last-child{
    margin-right: 0;
}
.quick-contact .social-links li a i{
    color: #999999;
    font-size: 16px;
    transition: all 500ms ease;
}
.quick-contact .social-links li a:hover i{
    color: #046770;
}



/*** 
=============================================
    Contact Form area style
=============================================
***/
.google-map-area{
    position: relative; 
}
#contact-google-map {
    height: 420px;
    width: 100%;
}




/*** 
=============================================
    Blog Default Area style
=============================================
***/
#blog-area{}
.blog-default-area{
    padding-top: 80px;
    padding-bottom: 80px;
}
#blog-area .blog-post {}
.blog-default-area .blog-post .single-blog-post {
    margin-bottom: 40px;
    border-bottom: 1px solid #f4f4f4;
    padding-bottom: 29px;
}
.blog-post .single-blog-post .text-holder .blog-title {
    font-size: 26px;
    line-height: 30px;
}
.blog-post .single-blog-post .img-holder .overlay-style-two .box .content a i {
    width: 55px;
    height: 55px;
    font-size: 20px;
    line-height: 55px;
}
.blog-post .single-blog-post .text-holder .text .readmore{
    display: block;
    overflow: hidden;
    margin-top: 10px;
}
.blog-default-area .blog-post .post-pagination {
    padding-top: 0px;
}


.sidebar-wrapper {
    position: relative;
    display: block;
    overflow: hidden;
}
.sidebar-wrapper .single-sidebar {
  overflow: hidden;
  margin-bottom: 50px;
  position: relative;
}
.sidebar-wrapper .single-sidebar .sec-title {
  overflow: hidden;
  padding-bottom: 26px;
  margin-top: -2px;
}
.sidebar-wrapper .single-sidebar .sec-title h3 {
  color: #252525;
  font-size: 22px;
  font-weight: 400;
  text-transform: uppercase;
}

.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: #999999;
  display: block;
  font-size: 14px;
  font-weight: 400;
  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: #004677 none repeat scroll 0 0;
  color: #fff;
  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 #004677;
  background: #fff;
  color: #000;
}
.sidebar-wrapper .single-sidebar .search-form input[type="text"]:focus + button, 
.sidebar-wrapper .single-sidebar .search-form button:hover {
    background: #004677 none repeat scroll 0 0;
    color: #fff;
}

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


.single-sidebar .popular-post {}
.single-sidebar .popular-post li {
    margin-bottom: 20px;
    padding-left: 90px;
    position: relative;
    border-bottom: 1px solid #f4f4f4;
    height: 101px;
    padding-bottom: 20px;
}
.single-sidebar .popular-post li:last-child{
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}
.single-sidebar .popular-post li .img-holder {
    display: block;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0px;
    width: 90px;
}
.single-sidebar .popular-post li .img-holder img {
    transform: scale(1.1, 1.1);
    transition: all 0.5s ease 0s;
    width: 100%;     
}
.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{
    opacity: 1;
    -webkit-transform: perspective(400px) rotateX(0deg);
    -moz-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    -o-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);   
}
.single-sidebar .popular-post li:hover .img-holder img {
    transform: scale(1, 1);
}
.single-sidebar .popular-post li .img-holder .overlay-style-one .box .content a:hover i{
    color: #fdc900;
}

.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: 24px;
    position: relative;
    margin: 0 0 7px;
    transition: all 500ms ease;
}
.single-sidebar .popular-post li .title-holder a:hover .post-title{
    color: #004677;
}
.single-sidebar .popular-post li .title-holder .post-date {
    color: #999999;
    display: block;
    transition: all 500ms ease;
    font-weight: 300;
    font-size: 14px;
}


.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: #222222;
    display: block;
    font-size: 14px;
    font-weight: 400;
    padding: 5px 12px 4px;
    transition: all 500ms ease 0s;
}
.single-sidebar .popular-tag li a:hover{
  background: #004677;
  border-color: #004677;
  color: #ffffff;
}



/*** 
=============================================
    Blog grid Area style
=============================================
***/
.blog-grid-area{
    padding-top: 80px;
    padding-bottom: 80px;
}
.blog-grid-area .single-blog-post {
    margin-bottom: 42px;
}
.blog-grid-area .post-pagination{
    overflow: hidden;
}
.blog-grid-area .post-pagination {
    overflow: hidden;
    border-top: 1px solid #f4f4f4;
    padding-top: 50px;
}



/*** 
=============================================
    Blog Single Area style
=============================================
***/
.blog-single-area { 
    padding-top: 80px;
    padding-bottom: 80px;
}
.blog-single-area .blog-post .single-blog-post {
 
}
.blog-single-area .single-blog-post .img-holder img {
  transform: none;
}
.blog-single-area .single-blog-post .text-holder .blog-title:hover{
  color: #252525;
}

.blog-single-area .middle-content-box {
  margin: 30px 0 33px;
  overflow: hidden;
}
.blog-single-area .middle-content-box .img-holder {
    width: 340px;
}
.blog-single-area .middle-content-box .img-holder,
.blog-single-area .middle-content-box .text-holder{
    display: table-cell;
    vertical-align: top;
}
.blog-single-area .middle-content-box .text-holder {
    padding-left: 30px; 
    position: relative;
}
.blog-single-area .middle-content-box .text-holder:before{
    content: "\f10d";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #004677;
    font-size: 24px;
    padding-right: ;
    position: absolute;
    top: -3px;
    left: 30px;    
}
.blog-single-area .middle-content-box .text-holder {
    padding-left: 30px;
    padding-top: 32px;
    position: relative;
}
.blog-single-area .middle-content-box .text-holder h3 {
    color: #222;
    font-size: 18px;
    font-weight: 500;
    margin: 20px 0 7px;
}
.blog-single-area .middle-content-box .text-holder h5 {
    color: #004677;
    font-size: 16px;
    font-weight: 300;
    margin: 0;
}

.blog-single-area .bottom-content-box {
    border-bottom: 1px solid #f7f7f7;
    padding-bottom: 21px;
}
.blog-single-area .tag-social-share-box {
    overflow: hidden;
    padding-bottom: 24px;
    padding-top: 25px;
}
.blog-single-area .tag-social-share-box .tag p {
    color: #004677;
    font-size: 16px;
    font-weight: 400;
    margin: 0;
}
.blog-single-area .tag-social-share-box .tag p span {
    color: #222222;
    font-weight: 400;
    text-transform: capitalize;
    font-family: 'Khula', sans-serif;
}
.blog-single-area .tag-social-share-box .social-share {}
.blog-single-area .tag-social-share-box .social-share h5 {
    color: #222222;
    display: inline-block;
    float: left;
    font-size: 16px;
    font-weight: 400;
    text-transform: capitalize;
    position: relative;
    top: 7px;
}
.blog-single-area .tag-social-share-box .social-share i {
    padding-left: 10px;
    display: inline-block;
}
.blog-single-area .tag-social-share-box .social-share .social-share-links {
    display: inline-block;
    float: left;
    margin-left: -3px;
    margin-right: -3px;
    padding-left: 20px;
    position: relative;
    top: -6px;
}
.blog-single-area .tag-social-share-box .social-share .social-share-links li {
    display: inline-block;
    margin: 0 3px;
}
.blog-single-area .tag-social-share-box .social-share .social-share-links li a i {
    border: 2px solid #f7f7f7;
    border-radius: 50%;
    color: #c1c1c1;
    font-size: 14px;
    height: 40px;
    line-height: 36px;
    padding: 0;
    text-align: center;
    transition: all 500ms ease 0s;
    width: 40px;
    transition: all 500ms ease;
}
.blog-single-area .tag-social-share-box .social-share .social-share-links li a:hover i{
    background: #004677;
    border-color: #004677;
    color: #fff;
}

.blog-single-area .author-box {
    background: #f7f7f7 none repeat scroll 0 0;
    display: block;
    padding: 30px 30px 22px;
    position: relative;
}
.blog-single-area .author-box .img-holder{
    width: 85px;
}
.blog-single-area .author-box .img-holder,
.blog-single-area .author-box .text-holder{
    display: table-cell;
    vertical-align: top;
}
.blog-single-area .author-box .text-holder {
    padding-left: 30px;
}
.blog-single-area .author-box .text-holder h3 {
    color: #222;
    font-size: 20px;
    font-weight: 400;
    margin: -2px 0 14px;
    text-transform: capitalize;
}
.blog-single-area .author-box .text-holder p{}

.blog-single-area .author-box .text-holder .social-link {
    margin-left: -6px;
    margin-right: -6px;
    overflow: hidden;
}
.blog-single-area .author-box .text-holder .social-link li{
    display: inline-block;
    margin: 0 6px;
}
.blog-single-area .author-box .text-holder .social-link li a i{
    color: #9a9a9a;
    font-size: 14px;
    transition: all 500ms ease;
}
.blog-single-area .author-box .text-holder .social-link li a:hover i{
    color: #004677;
}

.blog-single-area .comment-box {
    overflow: hidden;
    padding-bottom: 50px;
    padding-top: 60px;
}
.blog-single-area .comment-box .sec-title{
  padding-bottom: 32px;
}
.blog-single-area .comment-box .sec-title h1 {
  font-size: 24px;
}
.blog-single-area .comment-box .single-comment-box {
  padding-left: 60px;
  position: relative;
  margin-bottom: 30px;
}
.blog-single-area .comment-box .single-comment-box .img-holder {
  left: 0;
  position: absolute;
  top: 0;
}
.blog-single-area .comment-box .single-comment-box .text-holder {
  border: 1px solid #f7f7f7;
  margin-left: 20px;
  padding: 15px 20px 5px;
}
.blog-single-area .comment-box .single-comment-box .text-holder .top {
  overflow: hidden;
  padding-bottom: 8px;
}
.blog-single-area .comment-box .single-comment-box .text-holder .top .date h5 {
  color: #222;
  font-size: 16px;
  font-weight: 400;
}
.blog-single-area .comment-box .single-comment-box .text-holder .top .review-box {
  position: relative;
  top: -3px;
}
.blog-single-area .comment-box .single-comment-box .text-holder .top .review-box ul {
  margin-left: -0.5px;
  margin-right: -0.5px;
  overflow: hidden;
}
.blog-single-area .comment-box .single-comment-box .text-holder .top .review-box ul li {
  display: inline-block;
  margin: 0 0.5px;
}
.blog-single-area .comment-box .single-comment-box .text-holder .top .review-box ul li i {
  color: #004677;
  font-size: 14px;
}

.blog-single-area .add-comment-box {
    overflow: hidden;
}
.blog-single-area .add-comment-box .sec-title {
    margin-top: -3px;
    padding-bottom: 32px;
}
.blog-single-area .add-comment-box .sec-title h1 {
  font-size: 24px;
}
.blog-single-area .add-comment-box .add-rating-box {
  padding-bottom: 17px;
}
.blog-single-area .add-comment-box .add-rating-box h4 {
  color: #9a9a9a;
  font-size: 16px;
  font-weight: 300;
  margin: 0 0 12px;
}
.blog-single-area .add-comment-box .add-rating-box ul {}
.blog-single-area .add-comment-box .add-rating-box ul li {
  border-right: 1px solid #ebebeb;
  display: inline-block;
  line-height: 20px;
  margin-right: 6px;
  padding-right: 10px;
}
.blog-single-area .add-comment-box .add-rating-box ul li:last-child{
  border-right: none;
  margin-right: 0;
  padding-right: 0;
}
.blog-single-area .add-comment-box .add-rating-box ul li a i{
    color: #d6d6d6;
    font-size: 12px;
}
.blog-single-area .add-comment-box .add-rating-box ul li a:hover i{
    color: #004677;
    transition: all 500ms ease;
}

.blog-single-area .add-comment-box #add-comment-form {}
.blog-single-area .add-comment-box #add-comment-form .field-label {
    color: #9a9a9a;
    display: block;
    font-size: 16px;
    font-weight: 300;
    padding: 0 0 2px;
}
.blog-single-area .add-comment-box #add-comment-form input[type="text"],
.blog-single-area .add-comment-box #add-comment-form textarea{
    background: #f7f7f7 none repeat scroll 0 0;
    border: 1px solid transparent;
    display: block;
    font-size: 16px;
    font-weight: 400;
    height: 50px;
    padding: 0 15px;
    width: 100%;  
    margin-bottom: 12px;
    transition: all 500ms ease;
}
.blog-single-area .add-comment-box #add-comment-form textarea {
    height: 100px;
    padding: 10px 15px;
    margin-bottom: 30px;
    transition: all 500ms ease;
}
.blog-single-area .add-comment-box #add-comment-form input[type="text"]:focus{
    border-color: #004677;    
}
.blog-single-area .add-comment-box #add-comment-form textarea:focus{
    border-color: #004677;       
}
.blog-single-area .add-comment-box #add-comment-form button {
    padding: 13px 40px 10px;
}





/*** 
=============================================
    Project Area style
=============================================
***/
.project-area{
    padding-top: 80px;
    padding-bottom: 80px;
}
.project-area .project-filter {}
.project-area .project-filter li span {
    background: #f9f9f9;
    padding: 12px 20px;
}
.project-area .project-filter li.active span, 
.project-area .project-filter li:hover span {
    position: relative;
    background: #004677;
    color: #fff;
    transition: all 500ms ease;
}

.project-area .single-project-item .img-holder .overlay-style-one .box .content ul li{
    display: inline-block;
    margin: 0 6px;
}
.project-area .single-project-item .img-holder .overlay-style-one .box .content ul li a i {
    opacity: 1;
    border: 1px solid #ffffff;
    color: #ffffff;
    display: inline-block;
    width: 40px;
    height: 40px;
    font-size: 15px;
    line-height: 40px;
    transition: all 500ms ease;
}
.project-area .single-project-item .img-holder .overlay-style-one .box .content ul li a:hover i{
    background: #004677; 
    border-color: #004677;
    color: #ffffff;
}

.project-area .single-project-item{
    margin-bottom: 30px; 
    padding-bottom: 0;
}
.project-area .single-project-item .outer-img-box .img-holder .overlay-style-one .box .content .icon-holder li{
    display: inline-block;
    margin: 0 4px;
}
.project-area .single-project-item .text-holder {
    background: #f5f5f5;
    text-align: center;
    padding-top: 24px;
    padding-bottom: 20px;
}
.project-area .single-project-item .text-holder h3 {
    color: #252525;
    font-size: 22px;
    margin: 0;
    text-align: center;
}
.project-area .post-pagination {
    overflow: hidden;
    margin-top: 20px;
}



/*** 
=============================================
    Project Single Area style
=============================================
***/
#project-single-area{
    padding-top: 80px;
    padding-bottom: 80px;
}
#project-single-area .single-project-item{
    margin-bottom: 30px;
    padding-bottom: 0;
}
#project-single-area .single-project-item .img-holder .overlay-style-one .box .content .icon-holder a i {
    width: 50px;
    height: 50px;
    line-height: 45px;
    border: 2px solid #fff;
    color: #FFF;
    transition: all 500ms ease;
}
#project-single-area .single-project-item .img-holder .overlay-style-one .box .content .icon-holder a:hover i{
    background: #004677;
    border-color: #004677;
    color: #fff;
}

#project-single-area .project-info {}
#project-single-area .project-info .sec-title{
    padding-bottom: 30px;
}
#project-single-area .project-info .project-info-list {
  overflow: hidden;
  margin-top: 30px;
  margin-left: -30px;
  margin-right: -30px;
}
#project-single-area .project-info .project-info-list li {
  border-bottom: 1px solid #f7f7f7;
  float: left;
  margin: 0 30px 20px;
  overflow: hidden;
  padding-bottom: 11px;
  padding-left: 20px;
  position: relative;
  width: 155px;
}
#project-single-area .project-info .project-info-list li .icon-holder {
  left: 0;
  position: absolute;
  top: -5px;
}
#project-single-area .project-info .project-info-list li .icon-holder i {
  font-size: 14px;
  color: #004677;
}
#project-single-area .project-info .project-info-list li .text-holder {}
#project-single-area .project-info .project-info-list li .text-holder h5 {
  color: #222222;
  font-size: 16px;
  font-weight: 400;
  text-transform: capitalize;
  margin: 0 0 3px;
}
#project-single-area .project-info .project-info-list li .text-holder p {
    margin: 0;
    color: #9a9a9a;
    font-size: 14px;
}

#project-single-area .project-info .share-project {
  padding-left: 45px;
  position: relative;
}
#project-single-area .project-info .share-project .title {
  left: 0;
  position: absolute;
  top: 3px;
}
#project-single-area .project-info .share-project .title h5 {
  color: #252525;
  font-size: 16px;
  font-weight: 400;
  text-transform: capitalize;
}
#project-single-area .project-info .share-project .social-share {
  padding-left: 30px;
}
#project-single-area .project-info .share-project .social-share ul li {
  display: inline-block;
  margin-right: 15px;
}
#project-single-area .project-info .share-project .social-share ul li a i {
    color: #9a9a9a;
    font-size: 14px;
    transition: all 500ms ease;
}
#project-single-area .project-info .share-project .social-share ul li a:hover i{
    color: #004677;    
}
#project-single-area .bottom {
    border-bottom: 1px solid #f7f7f7;
    border-top: 1px solid #f7f7f7;
    margin: 48px 0 0;
    overflow: hidden;
    padding-bottom: 20px;
    padding-top: 21px;
}
#project-single-area .bottom .button a {
  color: #252525;
  font-size: 14px;
  font-weight: 400;
  text-transform: uppercase;
  transition: all 500ms ease;
}
#project-single-area .bottom .button a:hover{
  color: #004677;
}
#project-single-area .bottom .button a i {
  display: inline-block;
  font-size: 18px;
  padding-right: 10px;
  position: relative;
  top: 1px;
}
#project-single-area .bottom .button.next a i{
  padding-right: 0px;
  padding-left: 10px;
}
#project-single-area .bottom .icon-holder a i {
  color: #252525;
  font-size: 24px;
  position: relative;
  top: 4px;
  transition: all 500ms ease 0s;
}
#project-single-area .bottom .icon-holder a:hover i{
  color: #004677;
}



/*** 
=============================================
    Shop Area style
=============================================
***/
.shop-area {
    padding-top: 80px;
    padding-bottom: 80px;
}
.shop-area .sidebar-wrapper .single-sidebar .sec-title {
    padding-bottom: 30px;
}
.shop-area .shop-content {
    overflow: hidden;
}
.shop-area .showing-result-shorting {
    overflow: hidden;
    padding-bottom: 20px;
}
.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: 5px 0;
}

.single-product-item{
    background: #fff;
    margin-bottom: 40px;
    transition: all 0.7s ease;
}
.single-product-item:hover{  }
.single-product-item .img-holder {
    display: block;
    overflow: hidden;
    position: relative;
}
.single-product-item .img-holder img{
    -webkit-transition: all 0.7s ease;
    transition: all 0.7s ease;
    width: 100%;      
}
.single-product-item:hover .img-holder img{
    transform: scale(1.1);
}
.single-product-item:hover .img-holder .overlay-style-one{
    opacity: 1;
    -webkit-transform: perspective(400px) rotateX(0deg);
    -moz-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    -o-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);    
}
.single-product-item .img-holder .overlay-style-one .box .content a i {
    border: 2px solid #fff;
    display: inline-block;
    width: 40px;
    height: 40px;
    border-radius: 3px;
    font-size: 15px;
    line-height: 38px;
    transition: all 500ms ease;
    color: #fff;
}
.single-product-item .img-holder .overlay-style-one .box .content a:hover i{
    background: #004677;
    border-color: #004677;
    color: #fff;
}

.single-product-item .title-holder {
    padding: 19px 15px 12px;
    border: 1px solid #f4f4f4;
    border-top: none;
}
.single-product-item .title-holder .product-title {
    color: #222222;
    font-size: 16px;
    font-weight: 400;
    text-transform: capitalize;
    margin: 0 0 10px;
}
.single-product-item .title-holder .product-value {
    color: #004677;
    font-size: 15px;
    font-weight: 400;
    text-transform: capitalize;
    font-family: 'Khula', sans-serif;
    margin: 0 0 17px;
}
.single-product-item .title-holder .botton {
    position: relative;
    border-top: 1px solid #f4f4f4;
    margin-left: -15px;
    margin-right: -15px;
    display: block;
    padding: 14px 15px 0;
}
.single-product-item .title-holder .botton .product-cart{  }
.single-product-item .title-holder .botton .product-cart a {
    color: #999999;
    font-size: 15px;
    font-weight: 400;
    transition: all 500ms ease;
}
.single-product-item .title-holder .botton .product-cart a i{
    display: inline-block;
    padding-right: 5px;
    transition: all 500ms ease;
}
.single-product-item .title-holder .botton .product-cart a:hover{
    color: #004677;
}
.shop-area .post-pagination{
    margin-top: 20px;    
}


.sidebar-wrapper .single-sidebar .popular-product {}
.sidebar-wrapper .single-sidebar .popular-product li {
    border-bottom: 1px solid #f7f7f7;
    margin-bottom: 25px;
    overflow: hidden;
    padding-bottom: 25px;
    padding-left: 70px;
    position: relative;
}
.sidebar-wrapper .single-sidebar .popular-product li:last-child {
    border-bottom: none;
    margin-bottom: 0px;
    padding-bottom: 0;
}
.sidebar-wrapper .single-sidebar .popular-product li .img-holder{
    display: block;
    overflow: hidden;
    position: absolute;  
    width: 70px;
    min-height: 70px;
    top: 0;
    left: 0;
}
.sidebar-wrapper .single-sidebar .popular-product li .img-holder img{
    transition: all 0.5s ease 0s;
    width: 100%;
}
.sidebar-wrapper .single-sidebar .popular-product li:hover .img-holder img{
}
.sidebar-wrapper .single-sidebar .popular-product li .img-holder .overlay-style-one .box .content a i {
    opacity: 0;
    font-size: 16px;
    color: #fff;
}
.sidebar-wrapper .single-sidebar .popular-product li:hover .img-holder .overlay-style-one .box .content a i{
    opacity: 1;
}
.sidebar-wrapper .single-sidebar .popular-product li:hover .img-holder .overlay-style-one{
    opacity: 1;
    -webkit-transform: perspective(400px) rotateX(0deg);
    -moz-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    -o-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);   
}

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

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



/*** 
=============================================
   Single Shop Area style
=============================================
***/
.single-shop-area{
    padding-top: 80px;
    padding-bottom: 40px;
}
.single-shop-content .img-holder {
    margin-right: 50px;
}
.single-shop-content .content-box {
    margin-left: -50px;
}
.single-shop-content .content-box h3 {
    color: #222222;
    font-size: 24px;
    font-weight: 400;
    margin: 0 0 8px;
    text-transform: capitalize;
}
.single-shop-content .content-box .review-box {
    margin: 0 0 15px;
}
.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: #004677;
    font-size: 15px;
}
.single-shop-content .content-box span.price {
    color: #004677;
    font-size: 22px;
    font-weight: 400;
}
.single-shop-content .content-box .text {
    overflow: hidden;
    padding: 25px 0 9px;
}
.single-shop-content .content-box .location-box {
  margin: 4px 0 20px;
}
.single-shop-content .content-box .location-box p {
    color: #222222;
    font-size: 16px;
    font-weight: 400;
    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 15px;
}
.single-shop-content .content-box .location-box form input:focus{
    border-color: #004677;
}
.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: 0px;
    padding-top: 2px;
}
.single-shop-content .content-box .location-box form button:hover{
    background: #004677;
    color: #fff;
}
.single-shop-content .content-box .location-box form span {
    color: #004677;
}

.single-shop-content .content-box .addto-cart-box {}
.single-shop-content .content-box .addto-cart-box .input-group.bootstrap-touchspin {
    float: left;
    width: 70px;
}
.single-shop-content .content-box .addto-cart-box .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up {
    border-radius: 0;
}
.single-shop-content .content-box .addto-cart-box .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down {
    border-radius: 0;
    margin-top: -2px;
}
.single-shop-content .content-box .addto-cart-box .bootstrap-touchspin .input-group-btn-vertical > .btn {
    display: block;
    float: none;
    margin-left: -1px;
    max-width: 100%;
    padding: 12px 12px;
    position: relative;
    width: 100%;
}
.single-shop-content .content-box .addto-cart-box .btn-default {
    background-color: #efefef;
    border-color: #efefef;
    color: #9e9e9e;
}
.single-shop-content .content-box .addto-cart-box .bootstrap-touchspin .input-group-btn-vertical i {
    color: #9e9e9e;
    font-weight: normal;
    left: 8px;
    position: absolute;
    top: 7px;
}
.single-shop-content .content-box .addto-cart-box button.addtocart {
    margin-left: 25px;
    padding: 11px 30px 9px;
}


.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: 600;
  text-transform: capitalize;
  background: #f7f7f7;
  transition: all 500ms ease;
}
.product-tab-box .tab-menu li.active a, 
.product-tab-box .tab-menu li:hover a{
  background: #ffffff;
  color: #004677;
  border-left-color: #ececec;
  border-top-color: #ececec;
  border-right-color: #ececec;
}

.product-tab-box .tab-content {
  border-left: 1px solid #ececec;
  border-right: 1px solid #ececec;
  margin-top: -30px;
  padding: 30px 30px 40px;
}
.product-tab-box .tab-content .review-box {
  
}
.product-tab-box .tab-content .review-box .title {
    margin-top: 3px;
    padding-bottom: 25px;
}
.product-tab-box .tab-content .review-box .title h3 {
  color: #3d3d3d;
  font-size: 20px;
  font-weight: 400;
  text-transform: capitalize;
}
.product-tab-box .tab-content .review-box .single-review-box {
  margin-bottom: 30px;
  padding-left: 60px;
  position: relative;
}
.product-tab-box .tab-content .review-box .single-review-box .img-holder {
  left: 0;
  position: absolute;
  top: 0;
}
.product-tab-box .tab-content .review-box .single-review-box .text-holder {
    border: 1px solid #ececec;
    margin-left: 20px;
    padding: 17px 20px 12px;
}
.product-tab-box .tab-content .review-box .single-review-box .text-holder .top {
    margin: 0 0 10px;
    overflow: hidden;
}
.product-tab-box .tab-content .review-box .single-review-box .text-holder .top .name h4 {
    color: #3d3d3d;
    font-size: 16px;
    font-weight: 400;
    margin: 0;
    text-transform: capitalize;
}
.product-tab-box .tab-content .review-box .single-review-box .text-holder .top .review-box ul {
    margin-top: -2px;
    padding-left: 0px;
    position: relative;
}
.product-tab-box .tab-content .review-box .single-review-box .text-holder .top .review-box ul li {
    display: inline-block;
    margin-right: 1px;
}
.product-tab-box .tab-content .review-box .single-review-box .text-holder .top .review-box ul li i {
    color: #004677;
    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 .title{
    
}
.product-tab-box .tab-content .review-form .title h3 {
    margin: 0 0 15px;
}
.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;
    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;
}
.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: 11px 35px 9px;
}
.product-tab-box .tab-content .review-form form button:hover{}
.product-tab-box .tab-content .review-form .add-rating-box ul li:hover a i{
    opacity: 1;
    color: #004677;
}
.product-tab-box .tab-content .review-form form input[type="text"]:focus{
    border-color: #004677;
}
.product-tab-box .tab-content .review-form form input[type="email"]:focus{
    border-color: #004677;
}
.product-tab-box .tab-content .review-form form textarea:focus{
    border-color: #004677;  
}
.related-product {
  padding-top: 70px;
}
.related-product .sec-title {
  padding-bottom: 40px;
}
.related-product .single-product-item {}

.single-shop-area .sidebar-wrapper .single-sidebar .sec-title {
    overflow: hidden;
    padding-bottom: 30px;
}



/*** 
=============================================
   Cart area  style
=============================================
***/
.cart-area {
  padding-bottom: 80px;
  padding-top: 80px;
}
.cart-area .sec-title{
    padding-bottom: 32px;
}
.cart-area .sec-title h1{
    font-size: 24px;
}
.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: 'Khula', sans-serif;
    font-size: 18px;
    position: relative;
    text-transform: capitalize;
    width: 100%;
}
.cart-area .cart-table thead tr th {
    font-weight: 600;
    line-height: 24px;
    min-width: 110px;
    padding: 25px 25px 20px;
}
.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 {
    color: #999999;
    font-family: 'Rubik', sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    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;
    border: 2px solid #f7f7f7;
    padding: 3px;
}
.cart-area .cart-table tbody tr .prod-column .column-box .prod-thumb img {
    display: block;
    max-width: 100%;
}
.cart-area .cart-table tbody tr .prod-column .column-box .prod-thumb, 
.cart-area .cart-table tbody tr .prod-column .column-box .title{
    display: table-cell;
    vertical-align: middle;
}
.cart-area .cart-table tbody tr .prod-column .column-box .title{
    padding-left: 20px;
}
.cart-area .cart-table tbody tr .prod-column .column-box .title h3 {
    color: #222222;
    font-size: 16px;
    font-weight: 400;
    text-transform: capitalize; 
}

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

.cart-area .cart-table tbody tr td.unit-price {
  padding-left: 40px;
  padding-right: 20px;
}
.cart-area .cart-table tbody .available-info {
  color: #999999;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  padding-left: 50px;
  position: relative;
}
.cart-area .cart-table tbody .available-info .icon {
    background: #004677 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: #999999;
    font-size: 18px;
    font-weight: 400;
}
.cart-area .cart-table tbody tr .sub-total {
    color: #004677;
    font-weight: 400;
    font-size: 18px;
}
.cart-area .cart-table tbody tr td .remove{ }
.cart-area .cart-table tbody tr td .remove .checkbox label {
    color: #777;
    font-size: 16px;
    font-weight: 400;
}
.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: #777;
    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 #004677
}
.cart-middle .apply-coupon .apply-coupon-button button {
    padding: 11px 45px 9px;
}
.cart-middle .update-cart button {
    padding: 11px 35px 9px;
    background: #f7f7f7;
    color: #222222;
    border-color: #f7f7f7;
}
.cart-middle .update-cart button:hover{
    background: #252525;
    color: #fff;
}


.cart-bottom {
    overflow: hidden;
    padding-top: 76px;
}
.cart-bottom .calculate-shipping {}
.cart-bottom .calculate-shipping .ui-state-default .ui-icon {}
.cart-bottom .calculate-shipping .ui-selectmenu-button span.ui-icon {
    border-left: 2px solid #f7f7f7;
    display: block;
    float: right;
    height: 41px;
    text-indent: 0;
    top: 8px;
    width: 45px;
    position: absolute;
    right: 0;
    display: block;
    background-image: none;
}
.cart-bottom .calculate-shipping .ui-selectmenu-button span.ui-icon::before {
  color: #ababae;
  content: "\f107";
  font-family: FontAwesome;
  font-size: 20px;
  overflow: visible;
  position: absolute;
  right: 14px;
  top: 8px;
}
.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: #777;
  display: block;
  font-size: 14px;
  height: 45px;
  padding: 0 18px;
  width: 100%;
  font-weight: 400;
  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 #004677;
}

.cart-bottom .calculate-shipping button {
    padding: 11px 40px 9px;
    background: #f7f7f7;
    border-color: #f7f7f7;
    color: #222222;
}
.cart-bottom .calculate-shipping button:hover{
    background: #004677;
    color: #ffffff;
}
.cart-bottom button.checkout-btn{
    padding: 11px 35px 9px;
    margin-top: 30px;
    float: right;
}



/*** 
=============================================
    Checkout Area style
=============================================
***/
.checkout-area {
    padding-bottom: 80px;
    padding-top: 80px;
}
.checkout-area .sec-title {
    padding-bottom: 40px;
}
.checkout-area .sec-title h1 {
    color: #222;
    font-size: 24px;
    text-transform: none;
}
.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: #004677;
    content: "";
}
.checkout-area .exisitng-customer h5{
    color: #222222;
    font-size: 16px;
    font-weight: 400;
}
.checkout-area .exisitng-customer h5 a{
    color: #004677;
    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: #004677;
    content: "";  
}
.checkout-area .coupon h5 {
    color: #222222;
    font-size: 16px;
    font-weight: 400; 
}
.checkout-area .coupon h5 a {
    color: #004677;
    display: inline-block;
    padding-left: 15px;  
}


.checkout-area .form form .field-label {
    color: #222222;
    font-size: 16px;
    font-weight: 400;
    margin: 0 0 3px;
    text-transform: capitalize;
    font-family: 'Khula', sans-serif;
}
.checkout-area .form form .field-input input[type="text"] {
  border: 2px solid #f4f4f4;
  color: #999999;
  display: block;
  font-size: 14px;
  height: 48px;
  margin-bottom: 23px;
  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: 2px solid #004677;
}
.checkout-area .create-acc .checkbox {
  margin: 7px 0 0;
}
.checkout-area .create-acc .checkbox label {
  color: #004677;
  font-weight: 400;
  font-size: 16px;
}
.checkout-area .create-acc .checkbox input {
  margin-top: 6px;
}


.checkout-area .shipping-info input[type="checkbox"] {
  cursor: pointer;
  display: inline-block;
  margin: 0 0 0 25px;
  position: relative;
  top: 0px;
  vertical-align: middle;
}
.checkout-area .form form .field-input textarea {
  border: 2px solid #f4f4f4;
  color: #999;
  display: block;
  font-size: 14px;
  height: 119px;
  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: #004677;
}


.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%;
}
.checkout-area .table .cart-table .cart-header {
    background: #f7f7f7;
    color: #222222;
    font-size: 16px;
    position: relative;
    text-transform: capitalize;
    width: 100%;
}
.checkout-area .table .cart-table thead tr th {
    font-weight: 400;
    line-height: 24px;
    min-width: 110px;
    padding: 19px 30px 17px;
}
.checkout-area .table .cart-table thead tr th.product-column {
  padding-left: 30px;
  text-align: left;
}

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

.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;
    border: 2px solid #f7f7f7;
    padding: 3px;
}
.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: 15px;
}
.checkout-area .table .cart-table tbody tr .product-column .column-box .product-title h3 {
    color: #222222;
    font-size: 16px;
    font-weight: 400;
    text-transform: capitalize;
}

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


.cart-total{}
.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: 'Khula', sans-serif;
}
.cart-total-table li span.col {
    color: #999999;
    display: block;
    float: left;
    font-size: 14px;
    font-weight: 400;
    line-height: 28px;
    padding: 10px 18px;
    position: relative;
    width: 50%;
}
.cart-total-table li span.col b {
  color: #004677;
  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;
}
.cart-total .payment-options .option-block .checkbox label span b {
  color: #004677;
  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: 11px 40px 9px;
    margin-top: 20px;
}



/*** 
=============================================
    Login Register Area style
=============================================
***/
.login-register-area {
    padding-bottom: 80px;
    padding-top: 80px;
}
.login-register-area .form .sec-title {
    padding-bottom: 40px;
}
.login-register-area .form .sec-title h1{
    font-size: 24px;
    text-transform: none;
}
.login-register-area .form .input-field {
    position: relative;
}
.login-register-area .form .input-field input[type="text"] {
    border: 2px solid #f4f4f4;
    color: #777;
    font-size: 15px;
    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: #777;
    font-size: 14px;
    font-weight: 400;
}
.login-register-area .form button {
    margin-top: 10px;
    padding: 11px 45px 9px;
}
.login-register-area .form .remember-text {
    margin-top: 19px;
}
.login-register-area .form .remember-text .checkbox label {
    color: #222222;
    font-size: 16px;
    font-weight: 400;
}
.login-register-area .form .remember-text .checkbox input {
    margin-top: 5px;
}

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



/*** 
=============================================
    What We do Area style
=============================================
***/
.what-we-do-area {
    padding-bottom: 60px;
    padding-top: 80px;
}
.what-we-do-area .what-we-do-content .tab-content {
    margin: 0 0 30px;
    overflow: hidden;
}
.what-we-do-area .what-we-do-content .tab-content p{
    margin-top: -7px;
}
.featured-box li {
    float: left;
    margin-right: 25px;
}
.featured-box li:last-child {
    margin-right: 0px;
}
.featured-box li .icon-holder {
    border: 1px solid #004677;
    height: 90px;
    text-align: center;
    width: 95px;
    display: block;
    transition: all 700ms ease 0s;
}
.featured-box li .icon-holder span:before {
    color: #004677;
    font-size: 30px;
    font-weight: 600;
    display: block;
    line-height: 30px;
    padding: 23px 0;
}
.featured-box .button {
    position: relative;
    top: -2px;
}
.featured-box .button p {
    background: #004677 none repeat scroll 0 0;
    color: #ffffff;
    display: inline-block;
    font-size: 10px;
    margin: 0;
    text-transform: uppercase;
    width: 70px;
    transition: all 500ms ease 0s;
}
.featured-box.tab-menu .active .icon-holder {
  border: 1px solid #000;
}
.featured-box.tab-menu .active .button p {
  background: #000;
}

.accordion-box .accordion {
    margin-bottom: 20px;
    position: relative;
    background: #fff;
}
.accordion-box .accordion .accord-btn {
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #d7d7d7;
    cursor: pointer;
    padding: 11px 20px 7px;
    position: relative;
    transition: all 500ms ease;
}
.accordion-box .accordion .accord-btn h4 {
    color: #252525;
    font-size: 16px;
    font-weight: 600;
    line-height: 26px;
    transition: all 500ms ease;
    text-transform: uppercase;
}
.accordion-box .accordion .accord-btn::after {
    color: #fff;
    content: "\f061";
    font-family: FontAwesome;
    font-size: 12px;
    font-weight: 400;
    line-height: 26px;
    margin-top: -10px;
    position: absolute;
    right: 20px;
    top: 50%;
    transition: all 500ms ease 0s;
    width: 25px;
    height: 25px;
    background: #cccccc;
    text-align: center;
    border-radius: 50%;
    margin-top: -13px;
}
.accordion-box .accordion .accord-btn.active h4 {
    color: #004677;
}
.accordion-box .accordion .accord-btn.active:after{
    content: "\f063";
    color: #fff;;
    background: #004677;
}
.accordion-box .accordion .accord-content {
    border-top: medium none;
    display: none;
    padding: 18px 0px 16px;
    position: relative;
    background: #ffffff;
}
.accordion-box .accordion .accord-content.collapsed {
    display: block;
}
.accordion-box .accordion .accord-content p {
    margin: 0;
}



/*** 
=============================================
    Company history Area style
=============================================
***/
.company-history-area {
    background: #F9F9F9;
    padding: 80px 0 80px;
}
.company-history-area .sec-title{
    padding-bottom: 30px;
}
.company-history-area .text-holder .title {
    margin: 20px 0 15px;
}
.company-history-area .text-holder .title h3 {
    color: #004677;
    font-size: 20px;
    font-weight: 400;
}



/*** 
=============================================
    Fact counter area style-two style
=============================================
***/
.fact-counter-area.style-two {
  background-attachment: fixed;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  z-index: 1;
}
.fact-counter-area.style-two::before {
  background: rgba(0, 70, 119, 0.85) none repeat scroll 0 0;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}




/*** 
=============================================
    Video Gallery Area style
=============================================
***/
.video-gallery-area{
    background: #F4F4F4;
    padding: 80px 0 80px;
}
.video-gallery-area .text-holder {}
.video-gallery-area .text-holder h3 {
    font-size: 24px;
    font-weight: 400;
    line-height: 32px;
    margin: -6px 0 16px;
}
.video-gallery-area .text-holder .text{
}
.video-gallery-area .text-holder .text p {
    margin: 0;
}
.video-gallery-area .text-holder .text a{
    padding: 13px 40px 11px;
    margin: 21px 0 0px;
    border: 2px solid #ff2b58;
}
.video-gallery-area .text-holder h4 {
    font-size: 22px;
    margin: 10px 0 10px;
}
.video-gallery-area .text-holder h5 {
    font-size: 20px;
    margin: 10px 0 10px;
    font-weight: 500;
    text-decoration: underline;
}
.video-gallery-area .text-holder h5 span{
    color: #004677;
    font-weight: 700;
}

.video-gallery-area .video-holder {
    text-align: center;
    position: relative;
    overflow: hidden;
    z-index: 1;
}
.video-gallery-area .video-holder img {
    transform: scale(1);
    transition: all 0.5s ease 0s;
    width: 100%;
}
.video-gallery-area .video-holder .overlay-gallery {
    background-color: rgba(0, 0, 0, 0.50);
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    transition: all 500ms ease;
}
.video-gallery-area .video-holder .overlay-gallery .icon-holder{
    display: table;
    height: 100%;
    width: 100%;    
}
.video-gallery-area .video-holder .overlay-gallery .icon-holder .icon{
    display: table-cell;
    vertical-align: middle;    
}
.video-gallery-area .video-holder .overlay-gallery .icon-holder .icon a img{
    width: auto;
    transform: scale(1);
    transition: all 0.5s ease 0s;
}
.video-gallery-area .video-holder:hover .overlay-gallery {
    background-color: rgba(0, 0, 0, 0.90);
}
.video-gallery-area .video-holder:hover img {
    transform: scale(1.1);
}
.video-gallery-area .video-holder .overlay-gallery .icon-holder .icon a:hover img{
    transform: scale(1.1);
}


/*** 
=============================================
    car-repair-service-area.style-two style
=============================================
***/
.car-repair-service-area.style-two{
    background: #ffffff;
}
.car-repair-service-area.style-two:before{
    background: #ffffff;
}



/*** 
=============================================
    Single Service area style
=============================================
***/
#single-service-area {
    padding-top: 80px;
    padding-bottom: 80px;
}
.left-sidebar .single-sidebar {}
.left-sidebar .single-sidebar .page-link {
    overflow: hidden;
    margin-bottom: 50px;
}
.left-sidebar .single-sidebar .page-link li{
    margin-bottom: 10px; 
}
.left-sidebar .single-sidebar .page-link li:last-child{
    margin-bottom: 0px;   
}
.left-sidebar .single-sidebar .page-link li a {
    border: 1px solid #ededed;
    background: #fff none repeat scroll 0 0;
    color: #333333;
    display: block;
    font-size: 18px;
    font-weight: 600;
    padding: 17px 30px 11px;
    width: 100%;
    font-family: 'Khula', sans-serif;
    position: relative;
    z-index: 1;
    transition: all 500ms ease;
    transition-delay: 0.15s;
}
.left-sidebar .single-sidebar .page-link li a:before{
    position: absolute;
    top: 0;
    left: 0;
    width: 0%;
    height: 100%;
    content: "";
    background: #004677;
    z-index: -1;
    transition: all 500ms ease;
    transition-delay: 0.15s;
}
.left-sidebar .single-sidebar .page-link li a:hover:before,
.left-sidebar .single-sidebar .page-link li a.active:before{
    width: 100%;
}
.left-sidebar .single-sidebar .page-link li a:hover{
    color: #ffffff;    
}
.left-sidebar .single-sidebar .page-link li a.active{
    color: #ffffff;        
}

.left-sidebar .single-sidebar .quote-carousel {
    min-height: 600px;
    background-repeat: no-repeat;
    padding-top: 65px;
    padding-left: 60px;
    padding-right: 60px;
    background: #004677;
}
.left-sidebar .single-sidebar .quote-carousel .single-item {}
.left-sidebar .single-sidebar .quote-carousel .single-item .img-holder {
    width: 105px;
    height: 105px;
    margin: 0 auto;
    background: #333;
    border-radius: 50%;
    padding: 3px;
    margin-bottom: 39px;
    transition: all 500ms ease;
}
.left-sidebar .single-sidebar .quote-carousel .single-item:hover .img-holder{
    background: #fff;    
}
.left-sidebar .single-sidebar .quote-carousel .single-item .icon-holder i {
    color: #fff;
    font-size: 30px;
}
.left-sidebar .single-sidebar .quote-carousel .single-item .text-holder {
    margin: 24px 0 0;
}
.left-sidebar .single-sidebar .quote-carousel .single-item .text-holder p {
    color: #ffffff;
    line-height: 28px;
    margin: 0;
}
.left-sidebar .single-sidebar .quote-carousel .single-item .client-info {
    margin-top: 30px;
}
.left-sidebar .single-sidebar .quote-carousel .single-item .client-info h3 {
    color: #ffffff;
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0 0 6px;
}
.left-sidebar .single-sidebar .quote-carousel .single-item .client-info .review-box ul li i{
    color: #fff;
}
.left-sidebar .single-sidebar .quote-carousel .owl-nav {
    display: none;
}
.left-sidebar .single-sidebar .quote-carousel .owl-dots {
    margin-top: 30px;
}
.left-sidebar .single-sidebar .quote-carousel .owl-dots .owl-dot{
	background-image:none;
	width: 7px;
	height: 7px;
	margin:0px 5px;
	padding:0px;
	background: #80b2de;
	border-radius:50%;
	-webkit-border-radius:50%;
	-ms-border-radius:50%;
	-o-border-radius:50%;
	-moz-border-radius:50%;
    transition: all 500ms ease;
}
.left-sidebar .single-sidebar .quote-carousel .owl-dots .owl-dot span{
	display:none;	
}
.left-sidebar .single-sidebar .quote-carousel .owl-dots .owl-dot.active{
    width: 15px;
	background:#ffffff;
    border-radius: 25px;
}


#single-service-area .single-ser-main-img {
    display: block;
    overflow: hidden;
    margin-bottom: 38px;
}
#single-service-area .single-ser-main-img img {
    width: 100%;
}
#single-service-area .content-box {
    
}
#single-service-area .title {
    color: #252525;
    font-size: 20px;
    font-weight: 700;
    text-transform: uppercase;
    padding-bottom: 21px;
}

#single-service-area .service-offer-text-holder {
    overflow: hidden;
    padding-top: 30px;
    padding-bottom: 22px;
}
#single-service-area .service-offer-img-holder {
    display: block;
    overflow: hidden;
    margin-bottom: 30px;
}
#single-service-area .service-offer-img-holder img {
    width: 100%;
}
#single-service-area .service-offer-list {}
#single-service-area .service-offer-list li {
    font-style: italic;
    line-height: 35px;
    font-weight: 400;
}
#single-service-area .service-offer-list li i {
    font-size: 15px;
    color: #004677;
    display: inline-block;
    padding-right: 10px;
}
#single-service-area .result-text-holder {
    overflow: hidden;
    padding-top: 36px;
}



/*** 
=============================================
    Testimonial section style
=============================================
***/
.testimonial-section{
    padding-top: 80px;
    padding-bottom: 50px;
}
.testimonial-section .single-testimonial-item {
    padding-bottom: 23px;
    margin-bottom: 30px;
}
.testimonial-section .single-testimonial-item .text-box {
    background: #ffffff;
    overflow: hidden;
    padding: 25px 15px 50px 15px;
    text-align: center;
    border-radius: 5px 5px 0 0;
}
.testimonial-section .single-testimonial-item .title-box h4 {
    color: #252525;
    margin: 0 0 0;
}
.testimonial-section .single-testimonial-item .title-box p {
    color: #888888;
    font-weight: 300;
    margin: 0;
}




/*** 
=============================================
   Faq Single Area style
=============================================
***/
.faq-content-area {
    overflow: hidden;
}
.faq-content-area .accordion-box {
    padding-top: 80px;
}
.faq-content-area .accordion-box .accordion .accord-btn.active {
    background: #0168b1 none repeat scroll 0 0;
    border-color: #0168b1;
}
.faq-content-area .accordion-box .accordion .accord-btn.active h4{
    color: #ffffff;
}

.faq-content-area .question-form {
  padding-bottom: 80px;
  padding-left: 30px;
  padding-top: 80px;
  position: relative;
}
.faq-content-area .question-form .sec-title-two {
  padding-bottom: 30px;
}
.faq-content-area .question-form form input[type="text"],
.faq-content-area .question-form form textarea{
  background: #f7f7f7 none repeat scroll 0 0;
  border: medium none;
  display: block;
  height: 50px;
  margin-bottom: 30px;
  padding: 0 20px;
  width: 100%;
  transition: all 500ms ease;
  border: 1px solid #e2e2e2;
}
.faq-content-area .question-form form input[type="text"]:focus{
  border: 1px solid #004677;    
}
.faq-content-area .question-form form textarea:focus{
  border: 1px solid #004677;    
}
.faq-content-area .question-form form textarea{
  height: 130px;
  padding: 15px 20px;
}
.faq-content-area .question-form form button {
  margin: 10px 0 0;
  padding: 16px 40px 13px;
}




/*** 
=============================================
    Not found area style
=============================================
***/
.not-found-area {
  background: #f7f7f7 none repeat scroll 0 0;
  padding-bottom: 100px;
  padding-top: 72px;
}
.not-found-content h1 {
  color: #004677;
  font-size: 150px;
  font-weight: 700;
  margin: 0 0 7px;
  text-shadow: 1px 4px 5px #222;
}
.not-found-content h3 {
  color: #3d3d3d;
  font-size: 20px;
  font-weight: 400;
  margin: 0 0 20px;
  text-transform: uppercase;
}
.not-found-content p {
  font-size: 18px;
  margin: 0 0 42px;
}

.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 #f1f1f1;
  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: #004677 none repeat scroll 0 0;
  border: medium none;
  color: #fff;
  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 #002e4e;
  background: #fff;
  color: #000000;
}
.not-found-content .search-form input[type="text"]:focus + button, 
.not-found-content .search-form button:hover {
  background: #002e4e none repeat scroll 0 0;
  color: #fff;
}




/*** 
=============================================
   Partner Area style
=============================================
***/
.partner-area{
    padding-top: 80px;
    padding-bottom: 50px;
    overflow: hidden;
}
.partner-area .single-item {
    overflow: hidden;
    display: block;
    margin-bottom: 30px;
    text-align: center;
}
.partner-area .single-item .img-holder {
    border: 1px solid #f4f4f4;
    display: block;
    overflow: hidden;
    position: relative;
    transition: all 500ms ease;
}
.partner-area .single-item:hover .img-holder{
    border-color: #004677;    
}
.partner-area .single-item .img-holder img {
    width: 100%;
}
.partner-area .single-item .text-holder {
    border-left: 1px solid #f4f4f4;
    border-right: 1px solid #f4f4f4;
    border-bottom: 1px solid #f4f4f4;
    padding-top: 33px;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 24px;
    transition: all 900ms ease;
}
.partner-area .single-item:hover .text-holder{
    border-color: #004677;
}
.partner-area .single-item .text-holder h3 {
    color: #222222;
    font-size: 20px;
    font-weight: 600;
    padding-bottom: 13px;
    text-transform: uppercase;
    border-bottom: 1px solid #f5f5f5;
    transition: all 300ms ease;
}
.partner-area .single-item:hover .text-holder h3{
    color: #004677;    
}
.partner-area .single-item .text-holder p {
    margin: 13px 0 3px;
}

.partner-area .single-item .readmore{
    margin: 3px 0 0;
    color: #252525;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    font-family: 'Khula', sans-serif;
    transition: all 500ms ease;  
}
.partner-area .single-item .readmore i{
    display: inline-block;
    padding-left: 7px;
    transition: all 500ms ease;    
}
.partner-area .single-item .readmore:hover{
    color: #004677;    
}
.partner-area .single-item .readmore:hover i{
    color: #004677;
    padding-left: 12px;
}



/*** 
=============================================
    Pricing Plan Area style
=============================================
***/
.pricing-plan-area{
    padding-top: 103px;
    padding-bottom: 10px;
    background: #F9F9F9;
}
.pricing-plan-area .sec-title {
    padding-bottom: 90px;
}
.pricing-plan-area .single-price-box {
    background: #ffffff;
    display: block;
    margin-bottom: 90px;
    padding: 0 35px 35px;
    position: relative;
    transition: all 500ms ease;
    z-index: 1;
}
.pricing-plan-area .single-price-box:hover{

}
.pricing-plan-area .single-price-box:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 0%;
    background: #001D39;
    content: "";
    z-index: -1;
    transition: all 500ms ease;
    transition-delay: 0.15s;
}
.pricing-plan-area .single-price-box:hover::before{
    height: 100%;
    opacity: 1;
}
.pricing-plan-area .single-price-box .table-header { }
.pricing-plan-area .single-price-box .table-header .top {
    background: #f8f8f8;
    height: 112px;
    width: 112px;
    margin: 0 auto;
    border-radius: 50%;
    border: 7px solid #fff;
    position: relative;
    top: -50px;
    transition: all 500ms ease;
    transition-delay: 0.10s;
}
.pricing-plan-area .single-price-box:hover .table-header .top{
    background: #001D39;
}
.pricing-plan-area .single-price-box .table-header .top h3 {
    color: #333333;
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
    display: block;
    padding: 43px 0 43px;
    transition: all 500ms ease;
    transition-delay: 0.10s;
}
.pricing-plan-area .single-price-box:hover .table-header .top h3{
    color: #fff;
}
.pricing-plan-area .single-price-box .table-header .package {
    height: 66px;
    margin: -15px auto 10px;
}
.pricing-plan-area .single-price-box .table-header .package h1{
    color: #333333;
    font-size: 60px;
    line-height: 60px;
    font-weight: 700;
    font-family: 'Khula', sans-serif;
    position: relative;
    transition: all 500ms ease;
}
.pricing-plan-area .single-price-box:hover .table-header .package h1{
    color: #fff;
}
.pricing-plan-area .single-price-box .price-list {
    border-top: 1px dashed #d4d4d4;    
    display: block;
}
.pricing-plan-area .single-price-box .price-list ul {
    display: block;
    padding-top: 29px;
}
.pricing-plan-area .single-price-box .price-list ul li {
    color: #333333;
    font-size: 14px;
    font-weight: 300;
    padding-bottom: 13px;
    transition: all 500ms ease;
}
.pricing-plan-area .single-price-box:hover .price-list ul li{
    color: #fff;
}

.pricing-plan-area .single-price-box .table-footer {
    margin: 13px 0 0;
}
.pricing-plan-area .single-price-box .table-footer a {
    padding: 9px 50px 6px;
}