/* -----------------------------------------------------------
    Author       : Themeasad
    Template Name: PAKHI - One page Responsive template
    Version      : 1.1
------------------------------------------------------------*/
/*============================================================
    CSS TABLE OF CONTENTS
==============================================================
    01. GENAREL CSS STYLE
    02. PRELOADER STYLE
    02. START SECTION TITLE STYLE
    03. START BUTTON CSS STYLE
    04. START HEADER CSS STYLE
    05. START NAVIGATION CSS STYLE
    06. START SLIDER BACKGROUND CSS STYLE
    07. START ABOUT CSS STYLE
    08. START SERVICES CSS STYLE
    09. START PORTFOLIO CSS STYLE
    10. START TEAM MEMBER CSS STYLE
    11. START TESTIMONIAL CSS STYLE
    12. START PRICING CSS STYLE
	13. START FUN AND FACTS CSS STYLE
    14. START BLOG CSS STYLE
    15. START PARTNER CSS STYLE
    16. START FOOTER CSS STYLE
    17. START HOVER CSS STYLE
    18. START BLOG PAGE CSS STYLE
    19. START SINGLE BLOG PAGE CSS STYLE
    20. START COMMENT FORM CSS STYLE
*   21. COMMENT PAGE  CSS STYLE
/*
* --------------------------------
*    01. GENAREL CSS STYLE
* -------------------------------
*/

* {
    margin: 0px;padding: 0px;
}

p{
    margin: 0px;
}

h1,
h2,
h3,
h4,
h5,
h6{
    margin-bottom: 15px;
    margin-top: 0px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    text-transform: uppercase;
}
a:hover {
    text-decoration: none;
}

a:hover, a, a:focus {
    -webkit-transition: .2s;
    transition: .2s;
    text-decoration: none;
    outline: none;
}

img {
    max-width: 100%;
}
ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
}
html,body {
    height: 100%
}

.section-padding {
    padding-top: 100px;
}
body {
    background: #FFFFFF;
    font-size: 16px;
    font-weight: 300;
    line-height: 28px;
    width: 100%;
    color: #333;
    font-family: 'Source Sans Pro', sans-serif;
}



/*
* --------------------------------
*    02. PRELOADER
* -------------------------------
*/

.sk-wave {
  margin: 40px auto;
  width: 50px;
  height: 40px;
  text-align: center;
  font-size: 10px; 
}

.pakhi_preloader {
    background: #fff none repeat scroll 0 0;
    height: 100%;
    position: fixed;
    width: 100%;
    z-index: 9999;
}
.pakhi_preloader .sk-wave {
}
.pakhi_preloader .sk-wave {
    left: 50%;
    margin: -20px 0 0 -20px;
    position: absolute;
    top: 50%;
}

  .sk-wave .sk-rect {
    background-color: #e8e7e4;
    height: 100%;
    width: 6px;
    display: inline-block;
    -webkit-animation: sk-waveStretchDelay 1.2s infinite ease-in-out;
            animation: sk-waveStretchDelay 1.2s infinite ease-in-out; }
  .sk-wave .sk-rect1 {
    -webkit-animation-delay: -1.2s;
            animation-delay: -1.2s; }
  .sk-wave .sk-rect2 {
    -webkit-animation-delay: -1.1s;
            animation-delay: -1.1s; }
  .sk-wave .sk-rect3 {
    -webkit-animation-delay: -1s;
            animation-delay: -1s; }
  .sk-wave .sk-rect4 {
    -webkit-animation-delay: -0.9s;
            animation-delay: -0.9s; }
  .sk-wave .sk-rect5 {
    -webkit-animation-delay: -0.8s;
            animation-delay: -0.8s; }

@-webkit-keyframes sk-waveStretchDelay {
  0%, 40%, 100% {
    -webkit-transform: scaleY(0.4);
            transform: scaleY(0.4); }
  20% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1); } }

@keyframes sk-waveStretchDelay {
  0%, 40%, 100% {
    -webkit-transform: scaleY(0.4);
            transform: scaleY(0.4); }
  20% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1); } }


/*
* --------------------------------
*    02. SECTION TITLE
* -------------------------------
*/

.section-title {
    margin-bottom: 60px;
}
.section-title h3 {
    text-transform: uppercase;
    font-size: 40px;
    margin: 0px 0px 20px;
    font-family: 'Montserrat', sans-serif;
    color: #333333;
    font-weight: 400;
    letter-spacing: 1px;
}
.section-title h3:before {
    position: relative;
}
.section-title span {
    color: #e8e7e4;
    font-family: 'Raleway', sans-serif;

}
.section-title p {
    padding-top: 30px;
    width: 60%;
    margin: 0 auto;
    font-size: 16px;
}
.span {
    position: relative;
    display: block;
    width: 80px;
    margin: auto;
    border: 1px solid #e8e7e4;
}
.span:before {
    position: absolute;
    width: 60px;
    height: 1px;
    top: -10px;
    left: 50%;
    content: "";
    background: #e8e7e4;
    margin-left: -30px;
}
.span:after {
    position: absolute;
    width: 60px;
    height: 1px;
    bottom: -10px;
    left: 50%;
    content: "";
    background: #e8e7e4;
    margin-left: -30px;
}

/*
* --------------------------------
*    03. BUTTON CSS STYLE
* -------------------------------
*/

.button {
    display: inline-block;
    padding: 12px 30px;
    text-transform: uppercase;
    font-size: 16px;
    color: #e8e7e4;
    border: 1px solid #e8e7e4;    
    -webkit-transition: .3s all ease-in-out;    
    transition: .3s all ease-in-out;
    font-weight: 400;  
    background: #081f36;
}
.button:hover {
    color: #fff;
    border: 1px solid #e8e7e4;
    background: #081f36;
}


/*
* --------------------------------
*    04. HEADER SECTION CSS STYLE
* -------------------------------
*/

.header-section {
    height: 100%;
}
.top-header-area {
    position: relative;
    background: #081f36;
    width: 100%;
    z-index: 999;
    -webkit-transition: all 0.36s ease-out;
    transition: all 0.36s ease-out;
}
.sticky-wrapper {
    position: absolute;
    width: 100%;
    z-index: 999;
    height: 150px
}
.home-details {
    padding: 10px 0px;
    background: #f8f8f8
}
.personal-info ul  li{
    display: inline-block;
    margin-right: 20px;
}
.personal-info ul  li i {
    font-size: 13px;
    color: #e8e7e4;
    margin-right: 10px;
}
.personal-info ul  li a {
    color: #333;
    font-size: 16px;
}
.social-info-1 a {
    display: inline-block;
    margin-left: 10px;
    font-size: 14px;
    color: #333;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.social-info-1 a:hover {
    color: #e8e7e4
}

/*
* --------------------------------
*    05. NAVIGATION CSS STYLE
* -------------------------------
*/

.navbar-default {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	border: medium none;
	border-radius: 0;
	margin-bottom: 0;
	-webkit-transition: all 0.36s ease-in-out 0s;
	transition: all 0.36s ease-in-out 0s;
	width: 100%;
}
.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus { background-color: transparent }
.navbar-default .navbar-brand {
  color: #e8e7e4;

}
.navbar-brand {
    font-weight: 700;
    letter-spacing: 3px;
    text-transform: uppercase;
    -webkit-transition: 0.36s;
    transition: 0.36s;
    font-size: 24px;
    padding: 10px 0px;
    height: 80px;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form { border-color: #fff }
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus { background-color: #e8e7e4 }
.navbar-default .navbar-toggle .icon-bar { background-color: #333 }
.mainmenu li a {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 600;
    -webkit-transition: all 0.36s ease-in-out 0s;
    transition: all 0.36s ease-in-out 0s;
    padding: 30px 0px 30px 30px;
    color: #333 !important; 
}
.mainmenu ul.nav.navbar-nav li a:hover { color: #e8e7e4 !important }

.navbar-default .navbar-toggle { background: #fff none repeat scroll 0 0 }
.is-sticky .header-top-area{
    background: #fff;
    box-shadow: 0px 3px 4.7px 0.3px rgba(0, 0, 0, 0.24);
}
.is-sticky .mainmenu li a {
    padding: 20px 0px 20px 30px;
    color: #333 !important; 
    -webkit-transition: all 0.36s ease-in-out 0s; 
    transition: all 0.36s ease-in-out 0s;
}
.is-sticky .mainmenu ul.nav.navbar-nav li.active a { 
    color: #e8e7e4 !important;
}
.is-sticky .navbar-brand {
    color: #e8e7e4 !important;
    font-size: 20px;
    padding: 20px 0;
    -webkit-transition: all 0.36s ease-in-out 0s;
    transition: all 0.36s ease-in-out 0s;

}

/*
* --------------------------------
*    06. SLIDER BACKGROUND CSS STYLE
* -------------------------------
*/

.top-home-slides-area, 
.top-home-slides-area div {
    height: 100%;
}
.home-slide-item  {
    position: relative;
    background-size: cover !important;
    background-position: center center !important;
    height: 100%;
    z-index: 1;
}

.home-slide-item:before {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: #333;
    opacity: .6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    z-index: -1;
    content: "";
}

.slide-bg-1 {
    background: url(../img/slide-1.jpg);
}
.slider-table {
    width: 100%;
    height: 100%;
    display: table;
}
.slider-table-cell {
    display: table-cell;
    vertical-align: middle;
}
.slider-content {
    color: #fff;
}
.slider-content span {
    color: #e8e7e4;
}
.slider-content h4 {
    font-size: 24px;
    letter-spacing: 1px;
}
.slider-content h1 {
    font-size: 62px;
    letter-spacing: 5px;

}
.slider-content p {
    width: 60%;
    margin: 0 auto;
    font-size: 18px;
    margin-bottom: 20px;
}
.learn_more {
  background-color: #e8e7e4;
  color: #fff;
  margin-left: 50px;
  padding: 12px 40px;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #fff;
}
.navbar-default .navbar-toggle {
  background: #e8e7e4 none repeat scroll 0 0;
}
.navbar-default .navbar-toggle:hover{
  background: #e8e7e4 none repeat scroll 0 0;
}

.top-home-slides-area div.slider-table-cell,
.top-home-slides-area div.slider-table-cell div {
    height: auto;
}

.left-control, .right-control {
  top: 50%;
  height: 35px;
  width: 40px;
  line-height: 31px;
  font-size: 24px;
  color: #fff;
  text-align: center;
  opacity: 1;
  background-color: #e8e7e4;
}
.item {
  margin-bottom: 3px;
  margin-top: 100px;
}
.right-control {
  left: auto;
  right: 0%;
}

.left-control:hover, 
.right-control:hover {
  color: #fff;
}

/*
* --------------------------------
*    07. ABOUT US CSS STYLE
* -------------------------------
*/

.about-area {
}
.about-services {
    text-align: center;
    padding: 0px 15px;
    -webkit-transition: .3s all ease-in-out 0s;
    transition: .3s all ease-in-out 0s;
}

.about-services h3 {
    font-size: 20px;
}
.about-icon-box {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    line-height: 100px;
    margin: 0 auto 20px;
    -webkit-transition: .3s all ease-in-out 0s;
    transition: .3s all ease-in-out 0s;
    font-size: 30px;
    color: #e8e7e4;
    position: relative;
}
.about-icon-box:before {
    position: absolute;
    width: 100px;
    height: 100px;
    border: 2px solid #e8e7e4;
    content: "";
    border-radius: 50%;
    line-height: 100px;
    display: block;
    top: 0px;
    left: 0px;
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
}

.about-services:hover .about-icon-box:before {
    -webkit-transform: scale(.80);
            transform: scale(.80);
    border: 2px solid #fff;
   
}
.about-services:hover .about-icon-box {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    background: #e8e7e4 none repeat scroll 0 0;
    color: #fff;
}

/*
* --------------------------------
*    08. SERVICES CSS STYLE
* -------------------------------
*/
.services-area {
    margin-bottom: 30px;
      background: rgba(0, 0, 0, 0) url("../img/serv.png") repeat fixed center center / cover ;

    
}
.services-area .section-title {
    margin-bottom: 30px;
    
}
.single-services-item {
    padding:30px 15px;
    text-align: center;
    margin-top: 30px;
    border: 1px solid #eeeeee;
    transition: .3s all ease-in-out;
}
.single-services-item h3 {
    font-size: 20px;
    letter-spacing: 1px;
}

.services-icon-box {
    font-size: 50px;
    color: #e8e7e4;
    margin-bottom: 15px;
}
.single-services-item:hover {
    background: #e8e7e4;
    color: #fff;
}
.single-services-item:hover .services-icon-box {
    color: #fff;
}

/*
* --------------------------------
*    09. PORTFOLIO CSS STYLE
* -------------------------------
*/
.our-work-area {
    background: #fff;
}
.portfolio-category ul {
    margin: 0px;
    list-style: none;
    padding: 0px;
}
.portfolio-category ul li {
  border: 1px solid #e2e2e2;
  border-radius: 5px;
  color: #333;
  display: inline-block;
  font-family: "Montserrat",sans-serif;
  font-size: 14px;
  font-weight: 500;
  margin-right: 5px;
  padding: 7px 20px;
  text-transform: uppercase;
  transition: all 0.3s ease 0s;
}
.portfolio-category ul li.active {
    background: #e8e7e4;
    color: #fff;
    border: 1px solid #e8e7e4;
}
.portfolio-category ul li:hover {
    cursor: pointer;
    background: #e8e7e4;
    border: 1px solid #e8e7e4;
    color: #fff;
}

.single-work-preview {
    position: relative;
    margin-top: 30px;
}
.single-work-preview img {
    width: 100%;
}
.work-overlay {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    text-align: center;
    z-index: 1;
    -webkit-transform: scale(0);
            transform: scale(0);
    -webkit-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out;
}
.work-overlay:before {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    content: "";
    background: #fff;
    opacity: .8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    z-index: -1;
}
.work-table {
    display: table;
    width: 100%;
    height: 100%;
}
.work-table-cell {
    display: table-cell;
    vertical-align: middle;
}
.work-table-cell h3 {
    font-size: 16px;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: #333;
    margin-bottom: 5px;
    
}
.work-table-cell a {
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: #333333;
}

.single-work-preview:hover .work-overlay {
    -webkit-transform: scale(1);
            transform: scale(1);
} 
.mix {
    display: none;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

/*
* --------------------------------
*    10. TEAM MEMBER CSS STYLE
* -------------------------------
*/
.single-team-member {
    position: relative;
    border: 2px solid #eeeeee;
    text-align: center;
}
.team-img {}
.team-overlay {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 1;
    -webkit-transform: scale(0);
            transform: scale(0);
    -webkit-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out;
}
.team-overlay:before {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    content: "";
    background: #fff;
    opacity: .5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    z-index: -1;
}
.team-content {
    position: absolute;
    width: 100%;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    top: 0px;
    -webkit-transform: translateY(-80px);
            transform: translateY(-80px);
    -webkit-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out;

    
}
.team-content h3 {
    font-size: 20px;
    letter-spacing: 4px;
    text-transform: uppercase;
    color: #333;
}
.team-content h3 span {
    display: block;
    text-transform: capitalize;
    font-size: 14px;
    margin-top: 5px;
}
.team-s-info {
    bottom: 0px;
    position: absolute;
    width: 100%;
    -webkit-transform: translateY(80px);
            transform: translateY(80px);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out;
}
.team-s-info a {
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 50%;
    color: #fff;
    background: #333;
}
.single-team-member:hover .team-s-info {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transform: translateY(-80px);
            transform: translateY(-80px);
}
.single-team-member:hover .team-content {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transform: translateY(80px);
            transform: translateY(80px);
}
.single-team-member:hover .team-overlay {
    -webkit-transform: scale(.9);
            transform: scale(.9);
    
}

/*
* --------------------------------
*    11. PRICING TABLE CSS STYLE
* -------------------------------
*/

.pricing-table {
    background: #fff;
}
.single-pricing-box {
    background: #F9F9F9;
    border: 1px solid #eeeeee;
    padding: 30px 15px;
    text-align: center;
}
.single-pricing-box.background-black {
    background: #333333;
    color: #fff;
}
.single-pricing-box.background-black h2 {
    color: #fff;
}
.single-pricing-box.background-black .pricing-body ul li{
    color: #b6b6b6;
}
.pricing-head h3 {
    font-size: 22px;
    text-transform: uppercase;
}
.pricing-head h2 {
    font-size: 42px;
    color: #333;
    padding-top: 30px;
}
.pricing-head span {
    font-size: 12px;
}
.pricing-head h5 {
    font-size: 12px;
}
.pricing-body {
    padding-top: 30px;
}
.pricing-body ul {}
.pricing-body ul li {
    margin-bottom: 15px;
    color: #333333;
    text-transform: capitalize;
}
.button.pricing-btn {
    padding: 10px 40px;
}

/*
* --------------------------------
*    12. TESTIMONIAL CSS STYLE
* -------------------------------
*/

.testimonial-area {
  background: #f6f6f6 none repeat scroll 0 0;
  margin-top: 100px;
  padding: 50px 0px;
}

.testimonial-area h2 {
  color: #333;
  font-size: 20px;
}

#testimonail-list {}
.single-testimonail {
    width: 60%;
    margin: 0 auto;
}
.author-img {
    margin-bottom: 15px;
}
.testimonial-area  .owl-carousel .owl-item img {
    width: 80px;
    height: 80px;
    display: block;
    margin: 0 auto;
    border-radius: 50%;
    border: 1px solid #eeeeee;
    padding: 5px;
}
.single-partner img {
 border: 1px solid #eeeeee !important;
 border-radius: 5% !important;
 display: block !important;
 height: auto !important;
 margin: 0 auto !important;
 padding: 5px !important;
 width: auto !important;
}
.author-name {
  color: #333333;
  font-size: 13px;
  font-weight: 400;
  margin-top: 15px;
  text-transform: uppercase;
}
.author-name span {
    font-weight: 400;
    font-size: 12px;
    display: block;
    margin-top: 10px;
}

/*
* --------------------------------
*    14. BLOG CSS STYLE
* -------------------------------
*/

.blog-area {
    background: #fff;
}

.blog-content h3 {
    font-size: 18px;
    margin: 0px;
}
.blog-content a {
   color: #333;
}

.blog-content a:hover {
   color: #FF5E00;
}

.blog-img {
    position: relative;
    overflow: hidden;
}

.blog-img:before {
    position: absolute;
    content: "";
    left: 0px;
    right: 0px;
    bottom: 0px;
    top: 0;
    background: rgba(0, 0, 0, .5);
    z-index: 9;
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}
.single-blog:hover .blog-img:before {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    background: rgba(0, 0, 0, .5);
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.blog-img img {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: 1s;
    transition: 1s;
    width: 100%;
    height: 300px;
}
.single-blog:hover .blog-img img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
.blog-content {
    padding: 15px;
    border: 1px solid #ddd;
    background: #F9F9F9;
}
.blog-meta {
    margin: 15px 0px;
}
.blog-meta ul {
    margin: 0px;
    list-style: none;
    padding: 0px;
}
.blog-meta ul li {
    display: inline-block;
    padding: 0px 10px 0px 0px;
}
.blog-meta ul li a:hover {
    color: #FF5E00;
}

.blog-meta ul li i {
    margin-right: 5px;
}

.blog-meta ul li a {
    font-size: 14px;
    color: #333;
    text-transform: uppercase;
    transition: .3s;
}
.button.blog-btn {
    padding: 10px 30px;
    margin-top: 15px;
    color: #e8e7e4;
}
.button.blog-btn:hover {
    color:#fff; 
}

.button.blog-all-section {
    margin-top: 30px;
}

/*
* --------------------------------
*    15. FUN FACTS US CSS STYLE
* -------------------------------
*/

.servicesbg-area {
  background: rgba(0, 0, 0, 0) url("../img/bg2.jpg") repeat fixed center center / cover ;
  color: #fff;
  position: relative;
  z-index: 1;
  padding: 70px 0;
  margin-top: 50px;
}
.funfacts-area {
  background: rgba(0, 0, 0, 0) url("../img/bg.jpg") repeat fixed center center / cover ;
  color: #fff;
  position: relative;
  z-index: 1;
  padding: 70px 0;
  margin-top: 50px;
}
.funfacts-area:before {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    content: "";
    background: #000;
    opacity: .5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    z-index: -1;
}
.funfacts-items {
    text-align: center;
    padding: 50px;
    border: 1px solid #eeeeee;
    -webkit-transition: .3s;
    transition: .3s;
}
.funfacts-items:hover {
    background: #e8e7e4;
    color: #fff;
    border: 1px solid transparent;
}
.funfacts-icon-box {
    color: #e8e7e4;
    font-size: 25px;
}
.funfacts-items:hover .funfacts-icon-box {
    color: #fff;
}
.funfacts-items  h3 {
    font-size: 28px;
    margin: 12px 0px;;
}
.funfacts-items p {
    font-size: 20px;
    text-transform: capitalize;
    color: #fff;
    font-weight: 500;
}


/*
* --------------------------------
*    16.CONTACT US CSS STYLE
* -------------------------------
*/


.group-content {
    margin-bottom: 15px;
}
.group-content textarea {
    width: 100%;
    height: 170px;
}
.group-control {
    width: 100%;
    border: none;
    padding: 13px 20px;
    text-transform:capitalize;
    font-weight: 400;
    font-size: 16px;
    color: #313131;
    outline: none;
    border: 1px solid #eeeeee;
    
}
.group-control:hover {
    border:1px solid #e8e7e4;
    
}
.submit {
    text-align: center;
}
.button.btn-submit {
    width: 190px;
    background: #081f36;
    padding: 15px 0px;
    color: #e8e7e4; 
}
.button.btn-submit:hover {
    border: 1px solid transparent;
    background: #081f36;
    color: #fff;
}

/*
* --------------------------------
*    17. GOOGLE MAP CSS STYLE
* -------------------------------
*/

#googleMap {
  margin-top: 100px;
}

/*
* --------------------------------
*    17. FOOTER CSS STYLE
* -------------------------------
*/

.footer-middle-area {
    background: #313131;
    text-align: center;
    padding: 70px 0;
}
.footer-text h3 {
    font-weight: 700;
    letter-spacing: 5px;
    margin-bottom: 30px;
    color: #e8e7e4;
    font-size: 20px;
}
.footer-text p {
    margin: 0 auto;
    width: 70%;
    color: #fff;
}
.social-info-3 {
    margin-top: 30px;
}
.social-info-3 a {
  color: #fff;
  display: inline-block;
  height: 30px;
  line-height: 30px;
  text-align: center;
  width: 30px;
  background-color: #e8e7e4;
  border-radius: 5px;
  margin-right: 7px;
}
.footer-bottom-area {
    padding: 20px 0px;
    background: #222;
}
.footer-bottom-area p {
    font-size: 16px;
    color: #fff;
    margin: 0px;
    text-align: left;
    margin-top: 5px
}
.footer-bottom-area a {
    color: #e8e7e4;
    font-weight: 500;
}
.footer-list {}
.footer-list ul {
    text-align: right;
}
.footer-list ul li {
    display: inline-block;
}
.footer-list ul li a {
    color: #fff;
    font-size: 16px;
    display: inline-block;
    padding: 5px 10px;
    -webkit-transition: .3s all ease-in-out 0s;
    transition: .3s all ease-in-out 0s;
    text-transform: capitalize;
}
.footer-list ul li a:hover {
    text-decoration: underline;
    color: #e8e7e4;
}

/*
* --------------------------------
*    18. HOVER  CSS STYLE
* -------------------------------
*/

.social-info-1 .facebook:hover {
    color: #4867AA;
}
.social-info-1 .twitter:hover {
    color: #1DA1F2;
}
.social-info-1 .google:hover {
    color: #17A05E;
}
.social-info-1 .instagram:hover {
    color: #7F52BF;
}
.social-info-1 .youtube:hover {
    color: #D42222;
}
.social-info-1 .linkedin:hover {
    color: #0077B5;
}

.social-info-3 .facebook:hover {
    background: #4867AA;
}
.social-info-3 .twitter:hover {
    background: #1DA1F2;
}
.social-info-3 .linkedin:hover {
    background: #0077B5;
}
.social-info-3 .youtube:hover {
    background: #D42222;
}
.social-info-3 .google:hover {
    background: #D13D2F;
}
.team-s-info .facebook:hover {
    background: #D42222;
    
}
.team-s-info .twitter:hover {
    background: #1DA1F2;
    
}
.team-s-info .google:hover {
    background: #17A05E;
    
}
.team-s-info .linkedin:hover {
    background: #0077B5;
    
}

/*
* --------------------------------
*    19. SINGLE BLOG PAGE  CSS STYLE
* -------------------------------
*/

.header-breadcums {
    height: 300px;
    background: url(../img/blog/blog_bg.jpg) no-repeat scroll 0 0 /cover;
    z-index: 1;
    position: relative;
}
.header-breadcums:before {
    background:#e8e7e4;
    opacity: .9;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    content: "";
    z-index: -1;
}
.breadcums-title {
    padding-top: 17%;
}
.breadcums-title h3 {
    color: #fff;
    font-size: 32px;
    letter-spacing: 1px;
    font-weight: 700;
}
.blog-content-area {}
.blog-breadcrumb {
    background: #F5F5F5;
    margin-bottom: 15px;
}
.blog-breadcrumb ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
    text-align: left;
}
.blog-breadcrumb ul li {
    display: inline-block;
    font-size: 16px;
}
.blog-breadcrumb ul li a {
    display: inline-block;
    padding: 10px 10px;
    color: #e8e7e4;
    font-weight: 500;
    text-transform: capitalize;

}
.blog-content-items {}
.single-blog-content {
    border-bottom: 1px solid #eeeeee;
    margin-bottom: 30px;
    padding-bottom: 30px;
}
.blog-content-img {
    position: relative;
}
.blog-content-img img {
    width: 100%;
}

.blog-content-img:before {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 5px;
    background: #e8e7e4;
    content: "";
}
.blog-content-img:after {
    position: absolute;
    bottom: -40px;
    left: 20px;
    width: 80px;
    height: 80px;
    background: #e8e7e4;
    content: "\f1c7";
    border-radius: 50%;
    font-family: fontAwesome;
    font-size: 30px;
    line-height: 80px;
    color: #fff;
    text-align: center;
}
.blog-meta-tag {
    margin-bottom: 15px;
}
.blog-meta-tag ul {
    text-align: center;
}
.blog-meta-tag ul li {
    display: inline-block;
}

.blog-meta-tag ul li i {
    font-size: 15px;
    color: #e8e7e4;
}
.blog-meta-tag ul li a {
    display: inline-block;
    padding:15px;
    font-weight: 700;
    text-transform: capitalize;
    color: #333;
    font-size: 15px;
}
.blog-details {}
.blog-details a {
    color: #333;
    display: inline-block;
    -webkit-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out;
}
.blog-details a:hover {
    color: #e8e7e4
}
.blog-details h2 {
    font-size: 24px;
}
.button.blog-readmore-btn {
    margin-top: 20px;
    color: #e8e7e4;
    border: 1px solid #e8e7e4;
    background: inherit;
    margin-left: 0px;
}
.button.blog-readmore-btn:hover {
    margin-top: 20px;
    color: #fff;
    background: #e8e7e4;
    border: 1px solid transparent;
}
.control-searchbox {
    width: 100%;
    padding: 15px 20px;
    border: 1px solid #e8e7e4;
    background: #fff;
    margin-bottom: 15px;
    font-weight: 500;
    font-size: 16px;
    outline: none;
}
.control-searchbox:hover {
    border: 1px solid #e8e7e4;
}

.blog-categories {
    text-align: left;
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #eeeeee;
}
.widget-title {
    font-size: 24px;
}
.blog-categories ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
}
.blog-categories ul li {
    display: block;
}
.blog-categories ul li i {margin-right: 5px;}
.blog-categories ul li a {
    padding-bottom: 10px;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 400;
    color: #333;
    display: inline-block;
}

.blog-recent-post img {
    float: left;
    width: 70px;
    height: 70px;
    display: block;
    margin-right: 15px;
    margin-bottom: 15px;
}
.blog-recent-post {
    color: #333;
    margin: 15px 0px 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #eeeeee;
    display: block;
}
.blog-recent-post:hover {
    color: #e8e7e4;
}
.blog-recent-post:last-child {
    border-bottom: none;
}
.blog-recent-post h4 {
    font-size: 15px;
}

.blog-recent-post p {
    font-size: 12px;
}

.popular-recent-post {
    color: #333;
    display: inline-block;
    margin-top: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #eeeeee;
    padding-bottom: 15px;
}
.popular-recent-post img {
    width: 100%;
}
.popular-recent-post h4 {
    margin: 10px 0px;
    font-size: 20px;
    
}
.popular-recent-post p {
    margin: 0px;
}
.blog-tags {}
.blog-tags ul {}
.blog-tags ul li {
    display: inline-block;
    margin-bottom: 10px;
}
.blog-tags ul li a {
    display: inline-block;
    padding: 5px 20px;
    border: 1px solid #eeeeee;
    text-transform: uppercase;
    color: #333;
    font-weight: 500;
    -webkit-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out;
}
.blog-tags ul li a:hover {
    background: #e8e7e4;
    color: #fff;
}

.pagination ul li {
    display: inline-block;
}
.pagination ul li a {
    padding: 10px 20px;
    display: block;
    border: 1px solid #eeeeee;
    font-size: 22px;
    color: #333;
    font-weight: 700;
    -webkit-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out;
}
.pagination ul li a.active {
    background: #e8e7e4;
    color: #fff;
}
.pagination ul li a:hover {
    background: #e8e7e4;
    color: #fff;
}


/*
* --------------------------------
*    20. COMMENT PAGE  CSS STYLE
* -------------------------------
*/

.comments-section{
    padding-bottom:30px 
}

.comments-info img {
	float: left;
	width: 100px;
	height: 100px;
    border-radius: 50%;
	margin-right: 15px;
	border: 3px solid #eeeeee;
}
.comments-info a {
    color: #333;
    display: inline-block;
}
.comments-info i.fa { 
    margin-right: 10px;
}
.comments-info h4 {
    margin-bottom: 5px; 
}
.comments-info.comment-reply {
    margin-left: 35px; 
}
.comments-info a.reply-comment {
	color: #333;
	display: block;
	font-size: 16px;
}
.comments-info p {
	font-size: 15px;
	overflow: hidden;
}
.reply-comment {
    margin-left: 40px 
}
.comments-info a.reply-comment {
	display: block;
	float: right;
}
.comment-form h3 {}
.form-group {
    margin-bottom: 25px;
}
.form-control {
    border: 1px solid #eeeeee;
    box-shadow: none;
    padding: 25px 15px;
    font-size: 18px;
    font-weight: 500;
    color: #333;
    border-radius: 0px;
    outline: none;
}
.comment-form textarea {
    height: 200px;
}
.button.comment-btn {
    margin: 0px;
    padding: 15px 40px;
    border: 1px solid #e8e7e4;
    color: #e8e7e4;
    -webkit-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out;
    background: none;
}
.button.comment-btn:hover {
    background: #e8e7e4;
    border: 1px solid transparent;
    color: #fff;
}

.about-services h3 {
    font-size: 14px;
}

.funfacts-items h3 {
    font-size: 18px;
}

.funfacts-items {
    padding: 15px;
    margin-bottom: 20px;
}

.funfacts-items p {
    font-size: 16px;
}

.footer-bottom-area p {
    text-align: center;
}