/*
Theme Name: Kathleen
Theme URI: http://tonatheme.com/newwp/kathleen/
Author: Template Path
Author URI: http://themeforest.net/user/template_path
Description: This is Kathleen Business Solution theme
Version: 2.0
License: copyright commercial
License URI: http://themeforest.net/user/template_path
Text Domain: kathleen
Tags: one-column, two-columns, right-sidebar, custom-header, custom-menu, editor-style, featured-images, rtl-language-support, sticky-post, translation-ready, microformats
* Tested up to: 5.8
* Requires PHP: 7.2
*/

/* Kathleen Business Solution Wordpress Template */

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

01. Imported styles
02. Flaticon reset styles
03. Header styles
04. Top bar Area Css
05. Header Area Css
06. Mainmenu Area Css
07. Rev Slider Wrapper style
08. Call to action Area style
09. Service Section / Style Two
10. Latest Project Area style / style Two
11. Fact counter Area style
12. Testimonial Area style
13. Contact Section
14. Blog Section
15. Footer area style
16. Page Title
17. About Section
18. Team Section
19. Service Details
20. Project Details
21. Faq Section
22. Testimonial Section
23. Blog Details
24. Contact Info
25. Contact Us 
26. Map Section


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


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


html,
body { height: 100% }
body {
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  color: #848484;
  line-height: 26px;
  font-weight: 400;
}
button:focus{
  outline: none;
}
h1, h2, h3, h4, h5, h6 {
  font-family: 'Poppins', sans-serif;
  margin: 0;
}
h3 {
 
}
h4 {

}
a,
a:hover,
a:active,
a:focus {
  text-decoration: none;
  outline: none;
  border: none;
  color: #848484;
}

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

p{
  font-family: 'Open Sans', sans-serif;
}
button, input, select, textarea {
    font-family: 'Open Sans', sans-serif;
}
button{
  border: none;
}
.thm-btn {
  font-size: 14px;
  font-weight: 600;
  padding: 12px 30px 11px;
  text-transform: uppercase;
  font-family: 'Poppins', sans-serif;
  position: relative;
  transition: all 0.5s ease 0s;
  cursor: pointer;
  display: inline-block;
  text-align: center;
  z-index: 1;
}
.thm-btn:before {
  background-color: rgb(43, 44, 54);
  content: "";
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  transform: scale(0.5, 1);
  transition: all 0.4s ease 0s;
  width: 100%;
  z-index: -1;
}
.bg-clr1{
  background: #f5365e;  
  color: #fff;
}
.thm-btn:hover::before{
  opacity: 1;
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
}
.bg-clr2{
  background: #2b2c36;  
  color: #fff;
  position: relative;
}
.bg-clr2:before {
  background-color: #f5365e;
  content: "";
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  transform: scale(0.5, 1);
  transition: all 0.4s ease 0s;
  width: 100%;
  z-index: -1;
}
.bg-clr2:hover:before{
  opacity: 1;
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);    
}
.sec-title {
  margin-top: -1px;
  padding-bottom: 30px;
  position: relative;
}

.sec-title h2 {
  color: #222222;
  font-size: 40px;
  font-weight: 600;
  line-height: 46px;
  text-transform: capitalize;
  margin: 0 0 1px;
}
.sec-title .border{
  height: 2px;
  width: 50px;
  display: inline-block;
  background: #f5365e;
}



.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:-100px;}
  50%  {margin-top: -90px;}
  100% {margin-top: 0;}
}
@keyframes menu_sticky {
  0%   {margin-top:-100px;}
  50%  {margin-top: -90px;}
  100% {margin-top: 0;}
}
.mainmenu-area.stricky-fixed {
  position: fixed;
  top: 0;
  left: 0;
  margin: 0;
  width: 100%;
  z-index: 10000;
  background: #f5365e;
  -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: #f5365e;
    border: 2px solid #f5365e;
    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: #33343f;
}


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


/* Overlay styles one */

.overlay-style-one{
  background: transparent;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: all 500ms ease;
  transition-delay: 0.10s;

}
.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{
  background-color: rgba(43, 44, 54, 0.9);
  width: 100%;
  height: 100%;
  position:absolute;

  top:0;
  left:0;
  -webkit-transform: scale(0);
  transform: scale(0);
  border: 3px solid #fd3e67;
  -webkit-transition: all 0.7s ease;
  transition: all 0.7s 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;    
}

/*==============================================
    Top bar Area Css
===============================================*/


.top-bar-area {
  background: #f5f5f5 none repeat scroll 0 0;
  padding: 10px 0px;
}
.top-bar-area .left-side{
  float: left;
}
.top-bar-area .right-side{
  float: right;
}
.top-bar-area h6{
  font-size: 14px;
  font-weight: 400;
  color: #222222;
  line-height: 26px;
}
.top-bar-area .top-info i{
  margin-right: 10px;
  color: #f5365e;
}
.top-bar-area .top-right{
  position: relative;
  float: left;
  margin-right: 5px;
  padding-right: 25px;
}
.top-bar-area .top-right:before{
  position: absolute;
  top: 6px;
  right: 0px;
  width: 1px;
  height: 15px;
  background: #cccccc;
  content: '';
}
.top-bar-area .top-right a:hover span{
  color: #f5365e;
}
.top-bar-area .social-links{
  float: right;
}
.top-bar-area .social-links li {
  display: inline-block;
}
.top-bar-area .social-links li i{
  font-size: 13px;
  color: #848484;
  padding: 8px 10px;
  transition: all 500ms ease;
}
.top-bar-area .social-links li:hover i{
  color: #f5365e;
  transition: all 500ms ease;
}


/*==============================================
    Header Area Css
===============================================*/


.header-area {
  padding: 30px 0 60px;
}
.header-contact-info{
  overflow: hidden;
  float: right;
  margin-top: 5px;
}
.header-contact-info ul li {
  display: inline-block;
  float: left;
  margin-right: 30px;
  position: relative;
  padding: 10px 0;
  padding-left: 40px;
}
.header-contact-info ul li:last-child{
  margin-right: 0;
  border-right: none;
  padding-right: 0;
}
.header-contact-info ul li .iocn-holder{
  width: 40px;
  position:  absolute;
  left:  0;
  top: 13px;
}
.header-contact-info ul li .iocn-holder span {
  color: #f5365e;
  transition: all 500ms ease 0s;
}
.header-contact-info ul li .iocn-holder span:before{
  font-size: 30px;
}
.header-contact-info ul li:hover .iocn-holder span {
  color: #2b2c36;    
}
.header-contact-info ul li .iocn-holder, .header-contact-info ul li .text-holder{
} 
.header-contact-info ul li .text-holder {
  padding-left: 5px;
}
.header-contact-info ul li .text-holder h6 {
  color: #222222;
  font-size: 15px;
  font-weight: 500;
  text-transform: capitalize;
  margin: -2px 0 5px;
}
.header-contact-info ul li .text-holder p {
  color: #848484;
  font-size: 16px;
  font-weight: 300;
  margin: 0;
  line-height: 16px;
}
.top-social-links {
  float: right;
  margin: 15px 0;
}
.top-social-links li {
  display: inline-block;
  margin: 0 0 0 15px;
}
.top-social-links li:first-child {
  margin: 0;
}
.top-social-links li a i {
  color: #848484;
  font-size: 16px;
  transition: all 500ms ease;
}
.top-social-links li a:hover i{
  color: #f5365e;
}



/*==============================================
    Mainmenu Area Css
===============================================*/

.mainmenu-area {
  margin-bottom: -35px;
  margin-top: -35px;
  position: relative;
  z-index: 999999;
}
.mainmenu-area .mainmenu-bg {
  background: #f5365e;
  transition: all 0.5s ease 0s;
}
.main-menu {
  float: left;
  position: relative;
}
.main-menu .navbar-collapse {
  padding: 0px
}
.main-menu .navigation {
  float: left;
  margin: 0;
  position: relative;
  font-family: 'Poppins', sans-serif;
}
.main-menu .navigation li {
  float: left;
  padding: 0;
  position: relative;
}
.main-menu .navigation li a {
  color: #ffffff;
  display: block;
  font-size: 14px;
  font-weight: 600;
  line-height: 30px;
  opacity: 1;
  padding: 19px 20px 18px;
  position: relative;

  text-transform: uppercase;
  transition: all 500ms ease 0s;
}
.main-menu .navigation > li:hover > a, 
.main-menu .navigation > li.current > a {
  background: #f02853;
  position: relative;
  z-index: 1;
}
.free-consulation-button{
  position: relative;
  height: 67px;
  width: 205px;
}
.main-menu .navigation > li > ul,
.main-menu .navigation > li > ul > li > ul {
  position: absolute;
  left: 0;
  top: 140%;
  width: 230px;
  padding: 0px;
  z-index: 100;
  visibility: hidden;
  opacity: 0;
  border-bottom: 2px solid #f5365e;
  transition: all 500ms ease;
}
.main-menu .navigation > li > ul > li > ul{
	right:100%;
	left:auto;
}
.main-menu .navigation > li:hover > ul {
  top:100%;
  opacity: 1;
  visibility: visible;
}
.main-menu .navigation > li > ul > li > ul{
	top:100%;
}
.main-menu .navigation > li > ul > li:hover > ul {
  top:0;
  opacity: 1;
  visibility: visible;
}
.main-menu .navigation > li ul li {
  float: none;
  margin: 0;
  padding: 0;
  position: relative;
  width: 100%;
  border-top: 1px solid #373741;
  border-right: none;
}
.main-menu .navigation > li ul li:first-child{
  border: none;
}
.main-menu .navigation > li ul li a {
  background: #2b2c36 none repeat scroll 0 0;
  color: #ffffff;
  display: block;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  padding: 12px 20px 12px 20px;
  position: relative;
  text-transform: capitalize;
  transition: all 500ms ease 0s;
}
.main-menu .navigation > li > ul > li:hover > a,
.main-menu .navigation > li > ul > li > ul > li:hover > a {
  color: #fff;
  background-color: #373741;
}
.main-menu .navbar-collapse > ul li.dropdown .dropdown-btn {
  position: absolute;
  right: 10px;
  top: 6px;
  width: 34px;
  height: 30px;
  border: 1px solid #ffffff;
  background: url(images/icon/submenu-icon.png) center center no-repeat;
  background-size: 20px;
  cursor: pointer;
  z-index: 5;
  display: none;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

/* Search Box style   */

.mainmenu-area .outer-search-box {
  float: right;
  height: 40px;
  width: 40px;
  margin-top: 14px;
  margin-bottom: 13px;
}
.mainmenu-area .outer-search-box .seach-toggle {
  background: transparent;
  border-radius: 0;
  color: #fff;
  cursor: pointer;
  display: block;
  font-size: 14px;
  line-height: 20px;
  margin: 0;
  padding: 10px 0px;
  position: relative;
  text-align: center;
  transition: all 500ms ease;
}
.mainmenu-area .outer-search-box .seach-toggle:hover,
.mainmenu-area .outer-search-box .seach-toggle.active{
  background:#f02853; 
}
.mainmenu-area .search-box {
  background: #f5365e;
  border-top: 2px solid #f02853;
  opacity: 0;
  padding: 20px;
  position: absolute;
  right: 15px;
  top: 170%;
  transition: all 500ms ease 0s;
  visibility: hidden;
}
.mainmenu-area .search-box.now-visible{
  top:100%;
  opacity:1;
  visibility:visible; 
}
.mainmenu-area .search-box .form-group{
  position:relative;
  padding:0px;
  margin:0px;
  width:100%;
  min-width:250px;
}
.mainmenu-area .search-box .form-group input[type="search"] {
  background: #ffffff none repeat scroll 0 0;
  border: 1px solid #2b2c36;
  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;
}
.mainmenu-area .search-box .form-group input[type="search"]:focus{
  border-color:#c61239; 
}
.mainmenu-area .search-box .form-group button, 
.mainmenu-area .search-box .form-group input[type="submit"] {
  background: #2b2c36;
  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;
}
.mainmenu-area .search-box .form-group button:hover,
.mainmenu-area .search-box .form-group input:focus + button{
  color:#fff;
  background: #c61239;
}

.free-consulation-button{
  position: relative;
  height: 67px;
  width: 205px;
}
.free-consulation-button a {
  background: rgb(240, 40, 83);
  width: 205px;
  height: 67px;
  padding: 22px 0;
  position: relative;
  z-index: 1;
}


/*** 

====================================================================
  Main Slider style
====================================================================

***/

.main-slider{
  position:relative;
  z-index:10;
}
.main-slider .slotholder{
  position: relative;
}
.main-slider .tp-caption{
  z-index:5 !important;
}
.main-slider .tp-dottedoverlay{
  background:none !important; 
}
.main-slider h1{
  color: #222222;
  font-size: 55px;
  font-weight: 600;
  line-height: 65px;
  margin: 0px 0 20px;
  text-transform: none;
}
.main-slider .text{
  font-size: 15px;
  color: #222;
  font-weight: 400;
  line-height: 26px;
}
.main-slider .btns-box a{
  padding: 12px 30px 11px;
  margin-right: 10px;
}
.main-slider .tp-bannertimer,
.main-slider .tp-bullets{
  display:none !important;  
}



/*** 
=============================================
    Call to action Area style
=============================================
***/


.call-to-action-area {
  padding: 90px 0 60px;
}
.call-to-action-area .sec-title {
  padding: 0 65px 40px;
}
.call-to-action-area .sec-title p {
  color: #222222;
  font-size: 20px;
  font-weight: 400;
  line-height: 32px;
  margin: 0;
}
.call-to-action-area .single-item {
  margin-bottom: 40px;
}
.call-to-action-area .single-item .img-holder {
  display: block;
  overflow: hidden;
  position: relative;
}
.call-to-action-area .single-item .img-holder img {
  transform: scale(1.1, 1.1);
  transition: all 0.5s ease 0s;
  width: 100%;
}
.call-to-action-area .single-item .img-holder .overlay-style-one .box .content a i {
  background: #f5365e; 
  color: #fff;
  font-size: 15px;
  opacity: 0;
  transform: scale(0.7);
  transition: all 500ms ease 0.1s;
  width: 35px;
  height: 35px;
  border: 1px solid #fff;
  line-height: 34px;
}
.call-to-action-area .single-item:hover .img-holder .overlay-style-one{
  background: rgba(255, 43, 88, 0.80);
}
.call-to-action-area .single-item:hover .img-holder img {
  transform: scale(1, 1);
}
.call-to-action-area .single-item:hover .img-holder .overlay-style-one .box .content a i{
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.call-to-action-area .single-item:hover .img-holder .overlay-style-one .box .content a:hover i{
  background: rgba(43, 44, 54, 0.70);
}

.call-to-action-area .single-item .text-holder {
  padding-top: 29px;
  position: relative;
  padding-bottom: 13px;
}
.call-to-action-area .single-item .text-holder:before{
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  content: "";
  background: #f7f7f7;
}
.call-to-action-area .single-item .text-holder:after{
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 2px;
  content: "";
  background: #f5365e;
  transition: all 500ms ease 0.15s;
}
.call-to-action-area .single-item:hover .text-holder:after{
  width: 100%;    
}
.call-to-action-area .single-item .text-holder h3{
  color: #222222;
  font-size: 20px;
  font-weight: 400;
  text-transform: capitalize;
  margin: 0 0 13px;
}
.call-to-action-area .single-item .text-holder p{

}

/*** 

=============================================
    Service Section
=============================================

***/

.service-section .item-holder{
  position: relative;
  padding: 100px 90px 87px 0px;
  margin-right: -15px;
  z-index: 1;
}
.service-section .item-holder:before{
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  content: '';
  z-index: -1;
  background: rgba(0, 0, 0, 0.4);
}
.service-section .link-btn{
  margin-top: 30px;
}
.service-section .sec-title{
  padding-bottom: 30px;
}
.service-section .text p{
  color: #ffffff;
}
.service-section .sec-title h2{
  color: #ffffff;
}
.service-section .service-items{
  padding: 100px 80px 50px;
  background: #f5f5f5;
  margin-left: -15px;
}
.service-section .icon-area {
  margin-bottom: 40px;
}
.service-section .icon-box i:before{
  font-size: 40px;
  color: #f5365e;
}
.service-section .icon-area h5{
  font-size: 22px;
  color: #222222;
  font-weight: 400;
  padding: 10px 0px;
  line-height: 32px;
}
.service-section .icon-area p{
  font-size: 14px;
  color: #222222;
  line-height: 26px;
  font-weight: 400;

}


/*** 
=============================================
    Latest Project Area style
=============================================
***/


.latest-project-area{
    padding-top: 92px;
    padding-bottom: 70px;
}
.latest-project-area .more-project{
  float: left;
}
.latest-project-area .sec-title{
  padding-bottom: 30px;
}
.latest-project-area .project-filter {
    margin-top: 40px;
    float: right;
}
.latest-project-area .project-filter li {
    display: inline-block;
    margin-right: 40px;
}
.latest-project-area .project-filter li:last-child{
    margin-right: 0;
}
.latest-project-area .project-filter li span {
    color: #848484;
    cursor: pointer;
    display: block;
    font-size: 15px;
    font-weight: 600;
    text-transform: capitalize;
    transition: all 500ms ease 0s;
    border: none;
}
.latest-project-area .project-filter li.active span, 
.latest-project-area .project-filter li:hover span {
    color: #f5365e;
    background: transparent;
}
.latest-project-area .item {
  position: relative;
  display: inline-block;
  margin-bottom: 30px;
}
.latest-project-area .overlay{
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  content: '';
  padding: 75px 50px 95px;
  background: rgba(30, 33, 37, 0.85);
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  transition: all 500ms ease;
  -webkit-transform: scale(0, 0);
  -ms-transform: scale(0, 0);
  -o-transform: scale(0, 0);
  -moz-transform: scale(0, 0);
  transform: scale(0, 0);
}
.latest-project-area .item:hover .overlay{
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  transition: all 500ms ease;
  -webkit-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  transform: scale(1, 1);
}
.latest-project-area .overlay h5{
  font-size: 22px;
  font-weight: 600;
  line-height: 32px;
  color: #ffffff;
  padding-bottom: 15px;
  font-family: 'Open Sans', sans-serif;
}
.latest-project-area .overlay p{
  font-size: 14px;
  font-weight: 400;
  line-height: 26px;
  color: #ffffff;
  padding-bottom: 10px;
  font-family: 'Open Sans', sans-serif;
}
.latest-project-area .overlay i:before{
  font-size: 20px;
  color: #ffffff;
}
.latest-project-area .item img{
  width: 100%;
}

/*** 
=============================================
    Fact counter Area style
=============================================
***/

.fact-counter-area {
    background-attachment: fixed;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    padding-bottom: 45px;
    padding-top: 80px;
    position: relative;
}
.fact-counter-area:before{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    content: '';
    background: rgba(0, 0, 0, 0.8);
}
.fact-counter-area .single-item {
    height: 135px;
    width: 100%;
    display: block;
    padding: 24px 0;
    margin-bottom: 30px;
    position: relative;
}
.fact-counter-area .single-item h1 span{
    color: #ffffff;
    font-size: 48px;
    font-weight: 500;
    line-height: 28px;
}
.fact-counter-area .single-item h1 i {
    font-size: 38px;
    display: inline-block;
    color: #ffffff;
    position: relative;
    left: 10px;
    top: -3px;
}
.fact-counter-area .single-item .border {
    background: #f5365e;
    display: inline-block;
    height: 1px;
    margin: 12px 0 6px;
    width: 50px;
}
.fact-counter-area .single-item h3{
    color: #ffffff;
    font-size: 15px;
    font-weight: 400;
    text-transform: capitalize;
    font-family: 'Open Sans', sans-serif;
}


/*** 
=============================================
    Testimonial Area style
=============================================
***/

.testimonial-area {
    position: relative;
    padding: 90px 0px 80px;
}
.testimonial-carousel .single-item {
    margin: 0 auto;
    max-width: 920px;
}
.testimonial-carousel .single-item .text-holder {
    transition: all 0.7s ease;
}
.testimonial-carousel .single-item .text-holder p {
    color: #848484;
    font-size: 17px;
    line-height: 28px;
    font-weight: 400;
}
.testimonial-carousel .single-item{
  margin-top: 30px;
}
.testimonial-carousel .single-item .text-holder{
    margin-top: 50px;
}
.testimonial-carousel .single-item .client-info {
    display: block;
    overflow: hidden;
    margin-top: 30px;
}
.testimonial-carousel .single-item .img-holder{
    width: 130px;
    height: 130px;
    margin: 0 auto;
}
.testimonial-carousel .single-item .img-holder img{
    width: auto;
}
.testimonial-carousel .single-item .client-info h3 {
    color: #222222;
    font-size: 20px;
    font-weight: 400;
    text-transform: capitalize;
    transition: all 700ms ease;
    font-family: 'Open Sans', sans-serif;
}
.testimonial-carousel .single-item .client-info p {
    color: #f5365e;
    font-size: 14px;
    line-height: 32px;
    font-style: italic;
    transition: all 500ms ease;
}
.testimonial-area .owl-controls {
    max-width: 480px;
    margin: 0 auto;
    position: relative;
}
.testimonial-area .owl-theme .owl-nav .owl-prev {
    background: transparent none repeat scroll 0 0;
    border: 1px solid #e5e5e5;
    border-radius: 50%;
    height: 70px;
    left: 0;
    position: absolute;
    top: -340px;
    width: 70px;
    margin: 0px;
    padding: 0px;
    line-height: 70px;
    display: block;
    transition: all 500ms ease;
}
.testimonial-area .owl-theme .owl-nav .owl-next {
    background: transparent none repeat scroll 0 0;
    border: 1px solid #e5e5e5;
    border-radius: 50%;
    height: 70px;
    right: 0;
    position: absolute;
    top: -340px;
    width: 70px;
    display: block;
    margin: 0px;
    padding: 0px;
    line-height: 70px;
    transition: all 500ms ease;
}
.testimonial-area .owl-theme .owl-nav .owl-prev:hover,
.testimonial-area .owl-theme .owl-nav .owl-next:hover{
    border-color: #ff5353;
}
.testimonial-area .owl-theme .owl-nav div .fa {
    color: #222222;
    font-size: 20px;
    text-align: center;
    transition: all 500ms ease;
}

/*** 

====================================================================
  Contact Section
====================================================================

***/

.contact-section{
  position: relative;
  background-size: cover!important;
  background-repeat: no-repeat!important;
}
.contact-section:before{
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  content: '';
  background: rgba(0, 0, 0, 0.8);
}
.contact-section .contact-area{
  margin: 90px 100px 70px;
}
.contact-section .sec-title h2{
  color: #ffffff;
}
.contact-section .contact-form .form-group{
  margin-bottom: 30px;
}
.contact-section .form-group input[type="text"],
.contact-section .form-group input[type="email"],
.contact-section .form-group textarea{
  color: #848484;
  display: block;
  font-size: 14px;
  height: 50px;
  padding: 10px 20px;
  width: 100%;
  font-weight: 400;
  text-transform: capitalize;
  font-family: 'Open Sans', sans-serif;
  border: 1px solid #f6f6f6;
  transition: all 500ms ease;
}
.contact-section .form-group textarea{
  resize: none;
  height: 120px;
  border-radius: 0px;
}
.contact-section .form-group button,
.contact-section .contact-form .form-group input[type="submit"]{
  display: inline-block;
  border:0px;
}
.contact-section .contact-form .form-group input[type="submit"]:hover{
	background-color: rgb(43, 44, 54);
}


/*** 

====================================================================
  Blog Section
====================================================================

***/

.blog-section{
  position: relative;
  padding: 90px 0px 60px;
  z-index: 1;
}
.blog-section .item-holder{
  position: relative;
  margin-bottom: 40px;
  transition: all 500ms ease;
}
.blog-section .item-holder:hover{
  transition: all 500ms ease;
  box-shadow: 0 0 20px 5px #f1f1f1;
}
.blog-section .item-holder .image-box{
  position: relative;
}
.blog-section .item-holder img{
  position: relative;
  width: 100%;
}
.blog-section .item-holder .image-box .date-box{
  position: absolute;
  top: 20px;
  left: 20px;
}
.blog-section .item-holder .date-box span{
  font-size: 14px;
  color: #ffffff;
  line-height: 26px;
  font-weight: 600;
  padding: 9px 15px;
  background: #f5365e;
  display: inline-block;
}
.blog-section .item-holder .text-area{
  border: 1px solid #f7f7f7;
  border-top: none;
}
.blog-section .item-holder .content-text{
  position: relative;
  padding: 0px 28px;
  margin-top: 40px;
  margin-bottom: 20px;
}
.blog-section .content-text .title h5{
  position: relative;
  font-size: 24px;
  line-height: 26px;
  font-weight: 700;
  color: #222222;
  padding-bottom: 20px;
  margin-bottom: 20px;
}
.blog-section .content-text .title h5:before{
  position: absolute;
  left: 50%;
  bottom: 0px;
  content: '';
  width: 50px;
  height: 2px;
  margin-left: -25px;
  background: #f5365e;
}
.blog-section .content-text .text p{
  font-size: 14px;
  line-height: 26px;
  color: #848484;
  font-weight: 400;
  padding-bottom: 15px;
}
.blog-section .item-holder .blog-info{
  padding: 0px 20px;
  border-top: 1px solid #f6f6f6;
}
.blog-section .item-holder .blog-info li{
  display: inline-block;
  font-size: 14px;
  line-height: 28px;
  font-weight: 400;
  color: #848484;
  padding: 12px 0px;
  margin-right: 10px;
  text-transform: capitalize;
}
.blog-section .item-holder .blog-info i{
  color: #848484;
  font-size: 13px;
  margin-right: 8px;
}
.blog-section .item-holder .blog-info .right-side{
  position: relative;
  height: 52px;
}
.blog-section .item-holder .blog-info .right-side i{
  margin-right: 0px;
  line-height: 52px;
  padding-left: 20px;
}
.blog-section .item-holder .blog-info .right-side:before{
  position: absolute;
  top: 0px;
  left: 0px;
  content: '';
  width: 1px;
  height: 100%;
  background: #f6f6f6;
}

/*** 
=============================================
    Footer area style
=============================================
***/

.footer-top-area{
    background: #f5365e;
    display: block;
    padding: 28px 0 28px;
}
.footer-top-area .footer-top-content .title h4 {
    color: #ffffff;
    font-size: 22px;
    font-weight: 600;
    line-height: 32px;
    margin: 10px 0;
}
.footer-top-area .footer-top-content .button{
    margin-top: 20px;
}
.footer-top-area .footer-top-content .button a {
    background: #ffffff;
    color: #222222;
    border: 1px solid #ffffff;
    display: inline-block;
    padding: 11px 35px 9px;
}

.footer-area {
    position: relative;
    background: #24262c;
    padding: 95px 0px 55px;
}
.single-footer-widget{
    margin-bottom: 40px;
}
.single-footer-widget .footer-logo {
    padding: 0 0 20px;
}
.single-footer-widget .our-info p {
    margin: 0;
    color: #c0c1c8;
    font-size: 14px;
}
.single-footer-widget .footer-social-links {
  overflow: hidden;
  margin-top: 25px;
}
.single-footer-widget .footer-social-links li {
  display: inline-block;
  margin-right: 5px;
}
.single-footer-widget .footer-social-links li:last-child {
  margin-right: 0px;
}
.single-footer-widget .footer-social-links li a i {
  color: #ffffff;
  font-size: 15px;
  transition: all 500ms ease;
  height: 42px;
  width: 42px;
  border: 1px solid rgba(255, 255, 255, 0.7);
  text-align: center;
  line-height: 42px;
}
.single-footer-widget .footer-social-links li a:hover i {
    background: #f5365e;
    border-color: #f5365e;
}
.single-footer-widget .title {
    padding-bottom: 28px;
    margin-top: 5px;
}
.single-footer-widget .title h5 {
    color: #ffffff;
    font-size: 22px;
    font-weight: 500;
    text-transform: capitalize;
}
.single-footer-widget.wedo{
    padding-left: 60px;
}
.single-footer-widget .we-do-list li{
  margin-bottom: 12px;
}
.single-footer-widget .we-do-list li:last-child{
    margin-bottom: 0;
}
.single-footer-widget .we-do-list li a{
    color: #bec2c6;
    font-size: 14px;
    font-weight: 400;
    transition: all 700ms ease;
    font-family: 'Open Sans', sans-serif;
}
.single-footer-widget .we-do-list li i{
    margin-right: 10px;
}
.single-footer-widget .we-do-list li:hover a{
    color: #f5365e;
}
.single-footer-widget p{
    font-size: 14px;
    font-weight: 400;
    line-height: 26px;
    color: #bec2c6;
}
.single-footer-widget .footer-contact-info li{
    position: relative;
    margin-bottom: 10px;
}
.single-footer-widget .footer-contact-info li:last-child{
    margin-bottom: 0;
}
.single-footer-widget .footer-contact-info li strong {
    margin-right: 15px;
    color: #bec2c6;
    font-size: 14px;
    font-weight: 400;
    line-height: 26px;
}
.single-footer-widget .footer-contact-info li p {
    color: #bec2c6;
    font-size: 14px;
    font-weight: 400;
    line-height: 26px;
    display: inline-flex;
    margin-bottom: 0px;
}
.single-footer-widget .footer-contact-info li:hover p a{
    color: #f5365e;
}
.single-footer-widget .contact-form .form-group{
  margin-top: 20px;
}
.single-footer-widget .form-group input[type="email"]{
    color: #848484;
    display: block;
    font-size: 14px;
    height: 50px;
    width: 100%;
    line-height: 26px;
    font-weight: 400;
    padding: 10px 20px;
    background: #30333a;
    border: 1px solid#30333a;
    box-shadow: none;
    text-transform: capitalize;
    font-family: 'Open Sans', sans-serif;
    transition: all 500ms ease;
}


.footer-bottom-area {
    background: #30333a;
    padding: 20px 0 11px;
}
.footer-bottom-area p {
    color: #bec2c6;
    font-size: 15px;
    font-weight: 400;
}
.footer-bottom-area p a{
  color: #bec2c6; 
  transition: all 500ms ease;
}
.footer-bottom-area p:hover a{
  color: #f5365e;
  transition: all 500ms ease;
}

/*** 

====================================================================
  Page Title
====================================================================

***/

.page-title{
  position: relative;
  z-index: 1;
  padding: 100px 0px 62px;
}
.page-title:before{
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  content: '';
  z-index: -1;
  background: rgba(0, 0, 0, 0.6);
}
.page-title h2{
  font-size: 40px;
  font-weight: 600;
  line-height: 52px;
  color: #ffffff;
  padding-bottom: 10px;
  display: inline-block;
  text-transform: capitalize;
}
.page-title .title-manu li{
  font-size: 15px;
  line-height: 26px;
  font-weight: 600;
  color: #ffffff;
  margin-left: 10px;
  display: inline-block;
  font-family: 'Open Sans', sans-serif;
  text-transform: capitalize;
}
.page-title .title-manu li:nth-child(1){
  margin-left: 0px;
}
.page-title .title-manu li a{
  color: #ffffff;
  transition: all 500ms ease;
}
.page-title .title-manu li a:hover{
  color: #f5365e;
  transition: all 500ms ease;
}

/*** 
=============================================
    About Section
=============================================
***/

.about-us{
  padding: 100px 0px;
}
.about-us .image{
  margin-right: 10px;
}
.about-us .image-text{
  margin-left: 10px;
  padding: 60px 0px 0px;
}
.about-us .image-text p{
  font-size: 16px;
  line-height: 26px;
  font-weight: 40px;
  color: #848484;
}
.about-us .image-text .link-btn{
  margin-top: 30px;
}

/*** 
=============================================
    Team Section
=============================================
***/

.team-section{
  padding: 90px 0px 60px;
}
.team-section .item-holder{
  padding: 15px 30px 0px;
  margin-bottom: 40px;
}
.team-section .item-holder h5{
  font-size: 22px;
  font-weight: 600;
  color: #222222;
  line-height: 32px;
  padding-top: 25px;
  font-family: 'Open Sans', sans-serif;
}
.team-section .item-holder span{
  font-size: 14px;
  line-height: 26px;
  font-weight: 400;
  font-style: italic;
  color: #848484;
}
.team-section .item-holder p{
  font-size: 14px;
  line-height: 26px;
  font-weight: 400;
  color: #222222;
}

/*** 

=============================================
    Service Section Style Two
=============================================

***/

.service-section.style-two{
  padding: 100px 0px 60px;
}
.service-section.style-two .icon-area{
  position: relative;
  padding: 80px 20px 60px;
  z-index: 1;
  overflow: hidden;
  cursor: pointer;
  border: 1px solid #e5e5e5;
}
.service-section.style-two .icon-area:before{
  position: absolute;
  top: 0px;
  left: -200%;
  width: 100%;
  height: 100%;
  content: '';
  z-index: -1;
  background: #f5365e;
  border-color: #f5365e;
  transition: all 500ms ease;
}
.service-section.style-two .icon-area:hover:before{
  left: 0px;
  transition: all 500ms ease;
}
.service-section.style-two .icon-area:hover .icon-box i:before{
  color: #ffffff;
  transition: all 500ms ease;
}
.service-section.style-two .icon-area:hover h5,
.service-section.style-two .icon-area:hover p{
  color: #ffffff;
  transition: all 500ms ease;
}


/*** 

=============================================
    Service Details
=============================================

***/

.services-details{
  padding: 100px 0px;
}
.services-details .service-menu{
  position: relative;
  background: #24262c;
  margin-right: 20px;
  padding: 40px;
}
.services-details .service-menu li {
  position: relative;
  margin-bottom: 10px;
  z-index: 1;
  overflow: hidden;
}
.services-details .service-menu li:before {
  position: absolute;
  top: 0px;
  left: -100%;
  width: 100%;
  height: 100%;
  content: '';
  z-index: -1;
  background: #f5365e;
  transition: all 500ms ease;
}
.services-details .service-menu li a{
  font-size: 14px;
  font-weight: 400;
  color: #ffffff;
  width: 100%;
  padding: 10px 15px;
  line-height:27px;
  display: inline-block;
  border: 1px solid rgba(91, 92, 94, 0.8);
  transition: all 500ms ease;
}
.services-details .service-menu li.active:before,
.services-details .service-menu li:hover:before{
  left: 0px;
  transition: all 500ms ease;
}
.services-details .service-menu li.active a,
.services-details .service-menu li:hover a {
  color: #ffffff;
  border-color: #f5365e;
  transition: all 500ms ease;
}
.services-details .service-right h3{
  font-size: 34px;
  color: #222222;
  line-height: 32px;
  font-weight: 500;
  padding-bottom: 20px;
}
.services-details .content-text p{
  font-size: 15px;
  color: #777777;
  line-height: 26px;
  font-weight: 400;
}
.services-details .content-text .image{
  margin: 30px 0px 15px;
}
.services-details .text p{
  font-size: 14px;
  color: #777777;
  line-height: 26px;
  font-weight: 400;
  padding-top: 15px;
}
.services-details .service-right h5{
  font-size: 24px;
  font-weight: 500;
  color: #222222;
  line-height: 26px;
  padding-top: 10px;
}
.services-details .service-right li{
  font-size: 14px;
  font-weight: 400;
  color: #848484;
  line-height: 26px;
  margin-bottom: 5px;
}
.services-details .service-right li i{
  font-size: 15px;
  color: #f5365e;
  margin-right: 10px;
}
/*** 
=============================================
    Latest Project Area style Two
=============================================
***/

.latest-project-area.style-two .project-filter{
  margin-top: 0px;
  margin-bottom: 40px;
}

/*** 

=============================================
    Project Details
=============================================

***/

.project-details{
  padding: 100px 0px;
}
.project-details .left-side h4{
  font-size: 34px;
  font-weight: 500;
  color: #222222;
  line-height: 32px;
  margin-top: 30px;
}
.project-details .left-side p{
  font-size: 15px;
  font-weight: 400;
  color: #848484;
  line-height: 26px;
  margin-top: 15px;
}
.project-details .left-side h5{
  font-size: 24px;
  font-weight: 500;
  color: #222222;
  line-height: 26px;
  margin-top: 25px;
}
.project-details .left-side .link-list{
  margin-top: 10px;
}
.project-details .left-side li{
  font-size: 14px;
  font-weight: 400;
  color: #848484;
  line-height: 26px;
  margin-bottom: 5px;
}
.project-details .left-side li i{
  font-size: 15px;
  color: #f5365e;
  margin-right: 10px;
}
.project-details .right-side{
  margin-left: 20px;
  border: 1px solid #e5e5e5;
}
.project-details .right-side h5{
  font-size: 24px;
  font-weight: 400;
  color: #222222;
  margin: 35px 0px;
  padding-left: 40px;
}
.project-details .right-side li{
  padding: 15px;
  padding-left: 40px;
  border-top: 1px solid #e5e5e5;
}
.project-details .right-side li h6{
  font-size: 18px;
  font-weight: 400;
  color: #222222;
  line-height: 26px;
}
.project-details .right-side li p{
  font-size: 14px;
  font-weight: 400;
  color: #848484;
  margin-bottom: 0px;
}

/*** 

=============================================
   Faq Section
=============================================

***/

.faq-section{
  padding: 90px 0px 100px;
}
.faq-section .title {
  margin-bottom: 40px;
}
.faq-section .title h4{
  font-size: 34px;
  line-height: 24px;
  font-weight: 500;
  color: #222222;
  padding-bottom: 20px;
}
.faq-section .title p{
  font-size: 14px;
  line-height: 26px;
  font-weight: 400;
  color: #848484;
}
.accordion-box .accordion {
    position: relative;
    margin-bottom: 28px;
}
.accordion-box .accordion .accord-btn {
    position: relative;
    cursor: pointer;
    line-height: 18px;
    padding: 5px 0px 5px 60px;
    transition: all 500ms ease;
}
.accordion-box .accordion .accord-btn h4 {
    color: #222222;
    font-size: 18px;
    font-weight: 400;
    line-height: 36px;
    transition: all 500ms ease;
    text-transform: none;
}
.accordion-box .accordion .accord-btn::after {
    position: absolute;
    color: #848484;
    content: "\e900";
    font-family: 'icomoon';
    font-size: 12px;
    font-weight: 400;
    line-height: 45px;
    top: 0px;
    left: 0px;
    width: 45px;
    height: 45px;
    border: 1px solid #e5e5e5;
    text-align: center;
    border-radius: 50%;
    transition: all 500ms ease 0s;
}
.accordion-box .accordion .accord-btn.active:after{
    content: "\e910";
    color: #f5365e;
}
.accordion-box .accordion .accord-btn.active h4{
    color: #f5365e;
}
.accordion-box .accordion .accord-content {
    position: relative;
    display: none;
    border-top: medium none;
    padding: 18px 0px 10px 60px;
}
.accordion-box .accordion .accord-content.collapsed {
    display: block;
}
.accordion-box .accordion .accord-content p {
    margin: 0;
    font-size: 14px;
    color: #848484;
    line-height: 26px;
    font-weight: 400;
}
.faq-section .link-btn{
    margin-top: 20px;
}

/*** 

=============================================
    Testimonial Section
=============================================

***/

.testimonial-section{
  padding: 100px 0px 40px;
}
.testimonial-section .item{
  margin-bottom: 60px;
}
.testimonial-section .item .icon-box{
  display: block;
  margin-bottom: 20px;
}
.testimonial-section .item p{
  font-size: 15px;
  line-height: 26px;
  color: #848484;
  font-weight: 400;
}
.testimonial-section .item .info{
  position: relative;
  padding-left: 75px;
  padding-top: 6px;
  overflow: hidden;
  margin-top: 20px;
}
.testimonial-section .item .info img{
  position: absolute;
  top: 0px;
  left: 0px;
}
.testimonial-section .item .info h6{
  font-size: 16px;
  line-height: 26px;
  color: #2f323c;  
}
.testimonial-section .item .info p{
  font-size: 13px;
  line-height: 20px;
  color: #f5365e;
  font-weight: 400;
}


/*** 

=============================================
    Blog Details
=============================================

***/


.blog-details{
  padding: 100px 0px;
}
.blog-details .left-side .item-holder{
  margin-bottom: 70px;
}
.blog-details .left-side .image-box{
  position: relative;
}
.blog-details .left-side .date-box{
  position: absolute;
  top: 20px;
  left: 20px;
  padding: 13px 15px;
  background: #f5365e;
}
.blog-details .left-side .date-box span{
  color: #ffffff;
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;  
}
.blog-details .left-side .image-text {
  padding: 30px 30px 5px;
  border-left: 1px solid #e5e5e5;
  border-right: 1px solid #e5e5e5;
  border-top: 1px solid #e5e5e5;
}
.blog-details .left-side .image-text h4,
.blog-details .left-side .image-text h4 a {
  font-size: 22px;
  font-weight: 500;
  line-height: 32px;
  color: #222222;
  padding-bottom: 10px;
}
.blog-details .left-side .image-text h4 a{
	padding-bottom:0px;
}
.blog-details .left-side .image-text p {
  font-size: 15px;
  font-weight: 400;
  line-height: 26px;
  padding-bottom: 20px;
}
.blog-details .left-side .text {
  margin: 40px 0px 15px;
  padding: 40px 30px 33px;
  border: 1px solid #e5e5e5;
}
.blog-details .left-side .text img{
  display: block;
  margin-bottom: 10px;
}
.blog-details .left-side .text p {
  font-size: 15px;
  font-weight: 400;
  line-height: 26px;
  color: #848484;
  padding-top: 0px;
  margin-bottom: 0px;
}
.blog-details .left-side .image-text h5 {
  font-size: 24px;
  font-weight: 500;
  line-height: 26px;
  color: #222222;
  padding-top: 30px;
}
.blog-details .left-side .info-links{
  border: 1px solid #e5e5e5;
  padding: 0px 30px;
}
.blog-details .left-side .info-links li{
  display: inline-block;
  font-size: 14px;
  line-height: 28px;
  font-weight: 400;
  color: #555;
  padding: 12px 0px;
  margin-right: 10px;
  text-transform: capitalize;
  transition:all 500ms ease;
}
.blog-details .left-side .blog-info i{
  color: #555;
  font-size: 13px;
  margin-right: 8px;
}
.blog-details .left-side .social-links i{
  color: #555;
  font-size: 13px;
  margin-left: 8px;
  transition:all 500ms ease;
}
.blog-details .left-side .info-links li a{
	color:#555;
}
.blog-details .left-side .info-links li a:hover,
.blog-details .left-side .info-links li a:hover i{
  color: #f5365e;
  transition:all 500ms ease;
}
.blog-details .left-side .comment-area{
  margin-bottom: 10px;
}
.blog-details .left-side .comment-area .title h5{
  font-size: 24px;
  line-height: 32px;
  color: #222222;
  font-weight: 500;
}
.blog-details .left-side .item{
  position: relative;
  padding-left: 110px;
  margin-bottom: 20px;
  overflow: hidden;
  padding-bottom:20px;
  border-bottom:1px solid #eaeaea;
}
.blog-details .left-side .item .image-box{
  position: absolute;
  top: 5px;
  left: 0px;
}
.blog-details .left-side .item h6,
.blog-details .left-side .item h6 a{
  font-size: 18px;
  color: #222222;
  line-height: 26px;
  font-weight: 400;
  margin-bottom:0px;
}
.blog-details .left-side .item span{
  font-size: 13px;
  color: #848484;
  line-height: 26px;
  font-weight: 400;
}
.blog-details .left-side .item span i{
  margin-right: 5px;
}
.blog-details .left-side .item p{
  font-size: 15px;
  line-height: 26px;
  color: #848484;
  font-weight: 400;
  padding-top: 10px;
}
.blog-details .left-side .item .reply-option a{
	position:absolute;
	top:0px;
	right:0px;
	font-size: 15px;
	line-height: 26px;
	color: #848484;
}
.blog-details .left-side .form-area{
  padding-top: 40px;
}
.blog-details .left-side .form-area h3,
.default-form h3{
  position: relative;
  font-size: 24px;
  line-height: 36px;
  font-weight: 500;
  color: #222222;
  margin-bottom: 20px;
}
.blog-details .left-side .form-group,
.footer-widget .search-box{
  margin-bottom: 30px;
}
.blog-details .left-side .form-group input,
.footer-widget .search-box input{
  height: 50px;
  font-size: 14px;
  font-weight: 400;
  line-height: 26px;
  box-shadow: none;
  padding: 10px 20px;
  border-radius: 0px;
  display: inline-block;
  border: 1px solid #e5e5e5;
}
.footer-widget .search-box input{
	width:100%;
	padding-right:50px;
}
.blog-details .left-side .form-group textarea,
.footer-widget .search-box textarea{
  height: 160px;
  box-shadow: none;
  padding: 10px 20px;
  resize: none;
  border-radius: 0px;
  border: 1px solid #e5e5e5;
}
.blog-details .right-side .search-box,
.footer-widget .search-box{
    position: relative;
}
.blog-details .right-side .search-box input{

    position: relative;
    height: 50px;
    width: 100%;
    color: #848484;
    padding: 0px 15px;
    background: #ffffff;
    font-weight: 400;
    font-size: 14px;
    border: 1px solid #e5e5e5;
}
.blog-details .right-side .search-box input:focus,
.footer-widget .search-box input:focus{
  border-color: #f5365e;
}
.blog-details .right-side .search-box button,
.footer-widget .search-box button{
    position: absolute;
    top: 10px;
    right: 20px;
    background: transparent;
}
.footer-widget .search-box button{
	right:10px;
}
.blog-details .right-side .search-box button i,
.footer-widget .search-box button i{
    font-size: 18px;
    color: #222222;
}
.blog-details .right-side .title h4{
  font-size: 22px;
  font-weight: 400;
  line-height: 26px;
  color: #222222;
  padding-bottom: 25px;
}
.blog-details .right-side .services-area{
  margin-top: 50px;
}
.blog-details .right-side .service-menu li a{
  font-size: 15px;
  color: #848484;
  font-weight: 400;
  display: block;
  line-height: 26px;
  padding: 10px 0px;
  transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
}
.blog-details .right-side .service-menu li.active a,
.blog-details .right-side .service-menu li:hover a{
  color: #222222;
  transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
}
.blog-details .right-side .blog-sidebar{
  margin-top: 30px;
}
.blog-details .right-side .blog-sidebar .title h4{
  padding-bottom: 30px;
}
.blog-details .right-side .blog-sidebar .item{
  position: relative;
  padding-left: 95px;
  overflow: hidden;
  margin-bottom: 30px;
}
.blog-details .right-side .blog-sidebar .image-box{
  position: absolute;
  top: 0px;
  left: 0px;
}
.blog-details .right-side .blog-sidebar h6{
  font-size: 15px;
  color: #222222;
  font-weight: 400;
  line-height: 24px;
}
.blog-details .right-side .blog-sidebar i{
  margin-right: 10px;
}
.blog-details .right-side .blog-sidebar span{
  font-size: 13px;
  color: #888888;
}
.blog-details .right-side .archives-area{
  margin-top: 50px;
}
.blog-details .right-side .archives{
  margin-top: 20px;
}
.blog-details .right-side .archives-area a{
  font-size: 14px;
  color: #848484;
  font-weight: 400;
  display: inline-block;
  line-height: 26px;
  margin-bottom: 10px;
  padding: 6px 15px;
  margin-right: 5px;
  border: 1px solid #e5e5e5;
  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;
}
.blog-details .right-side .archives-area a:hover{
  color: #ffffff;
  background: #f5365e;
  border-color: #f5365e;
  transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
}


/*** 

=============================================
    Contact Info
=============================================

***/

.contact-info {
  padding: 100px 0px 70px;
}
.contact-info .contact-area{
  background: #24262c;
}
.contact-info .item {
  position: relative;
  padding: 58px 0px;
}
.contact-info .item .border{
  position: absolute;
  top: 50px;
  right: -15px;
  width: 1px;
  height: 148px;
  content: '';
  background: #54565a;
}
.contact-info .item i{
  font-size: 32px;
  color: #f5365e;
  margin-bottom: 20px;
}
.contact-info .item h5{
  font-size: 24px;
  color: #ffffff;
  line-height: 22px;
  font-weight: 400;
  padding-bottom: 10px;
}
.contact-info .item p{
  font-size: 14px;
  color: #bec2c6;
  line-height: 26px;
  font-weight: 400;
  margin-bottom: 0px;
}
.contact-info .item p a{
  font-size: 14px;
  color: #bec2c6;
  transition:all 500ms ease;
}
.contact-info .item p a:hover{
  color: #f5365e;
  transition:all 500ms ease;
}


/*** 

====================================================================
  Contact Us 
====================================================================

***/

.contact-us {
  margin-bottom: 100px;
}
.contact-us .left-side{
  margin-right: -20px;
}
.contact-us .title h3{
  font-size: 34px;
  line-height: 26px;
  color: #222222;
  font-weight: 400;
  margin-bottom: 15px;
}
.contact-us .title p{
  font-size: 14px;
  line-height: 26px;
  color: #848484;
  padding-bottom: 20px;
}
.contact-us .contact-form .form-group{
  margin-bottom: 20px;
}
.contact-us .contact-form .form-group.bottom{
  padding-top: 20px;
  margin-bottom: 0px;
}
.contact-us .contact-form input{
  font-size: 15px;
  font-weight: 400;
  line-height: 26px;
  color: #848484;
  width: 100%;
  padding: 11px 20px;
  border: 1px solid #e5e5e5;
}
.contact-us .contact-form textarea{
  font-size: 15px;
  font-weight: 400;
  line-height: 26px;
  color: #848484;
  width: 100%;
  height: 190px;
  padding: 10px 20px;
  box-shadow: none;
  resize: none;
  border-radius: 0px;
  border: 1px solid #e5e5e5;
}
.contact-us .contact-form .form-group.bottom input[type="submit"]{
	background: #f5365e;
    color: #fff;
	display:inline-block;
	border:0px;
	width:auto;
}
.contact-us .contact-form .form-group.bottom input[type="submit"]:hover{
	background-color: rgb(43, 44, 54);
}
/*** 

====================================================================
   Map Section
====================================================================

***/

.contact-us {
    position: relative;
}
.contact-us .map-area{
  margin-left: 50px;
}
.contact-us #contact-google-map {
    height: 420px;
    width: 100%;
}