/* Table of Content
==================================================
1. Global styles

Home Page :
2. Header Section
3. About Section 
4. Portfolio Section  
5. Client Section    
6. Contact  Section  
7. Footer Section

About Page :
8.1 Testimonial and Skill Section
8.2 Achieve Section

Team Page :
9. Team Page 

Services Page :
10. Services Page 

Blog Page :
11.1 Blog Page
11.2 Single Blog Page

Single Work page :
12. Single Work page
 
*/


 /*----------------------------------------------------
    1. Global styles
------------------------------------------------------*/
 
@import url('https://fonts.googleapis.com/css?family=Raleway|Reem+Kufi');

 body {
     font-size: 15px;
     font-family: 'Raleway', sans-serif;
     background: transparent;
     line-height: 1.6;
     font-weight: 400;
     color: #747474;
 }
 img {
     max-width: 100%;
 }
 a {
     -webkit-transition: all 0.4s ease-out 0s;
     -moz-transition: all 0.4s ease-out 0s;
     -ms-transition: all 0.4s ease-out 0s;
     -o-transition: all 0.4s ease-out 0s;
     transition: all 0.4s ease-out 0s;
 }
 /* ## Global Class ## */
 
 p {
     font-weight: 400;
     line-height: 25px;
     font-size: 14px;
 }
 h1 {
     font-size: 30px;
     line-height: 40px;
 }
 h1,
 h2,
 h3,
 h4,
 h5 {
     font-weight: 500;
     color: #000;
 }
 h5,
 h6 {
     line-height: 24px;
 }
 h2 {
     font-size: 46px;
     line-height: 32px;
     font-family: 'Reem Kufi', sans-serif;
 }
 h3 {
     font-size: 44px;
     line-height: 28px;
     font-family: 'Reem Kufi', sans-serif;
 }
 h4 {
     font-size: 18px;
     line-height: 26px;
 }
 h5 {
     font-size: 14px;
 }
 h6 {
     font-size: 13px;
 }
 a,
 a:hover,
 a:focus,
 .btn:focus {
     -webkit-text-decoration: none;
     -moz-text-decoration: none;
     -ms-text-decoration: none;
     -o-text-decoration: none;
     text-decoration: none;
     -webkit-text-decoration: none;
     -moz-text-decoration: none;
     -ms-text-decoration: none;
     -o-text-decoration: none;
     text-decoration: none;
     -webkit-text-decoration: none;
     -moz-text-decoration: none;
     -ms-text-decoration: none;
     -o-text-decoration: none;
     text-decoration: none;
     -webkit-text-decoration: none;
     -moz-text-decoration: none;
     -ms-text-decoration: none;
     -o-text-decoration: none;
     text-decoration: none;
     -webkit-text-decoration: none;
     -moz-text-decoration: none;
     -ms-text-decoration: none;
     -o-text-decoration: none;
     text-decoration: none;
     outline: none;
 }
 a {
     color: #000;
 }
 .btn.btn-fill {
     background: #fff;
 }
 .btn.btn-fill {
     color: #000;
 }
 .btn {
     border-width: 1px;
     border-style: solid;
     -webkit-border-radius: 0px;
     -moz-border-radius: 0px;
     -ms-border-radius: 0px;
     -o-border-radius: 0px;
     border-radius: 0px;
     cursor: pointer;
     padding: 15px 30px;
     display: inline-block;
     text-transform: uppercase;
     letter-spacing: 2px;
     position: relative;
     min-width: 150px;
     -webkit-transition: all 0.4s ease-out 0s;
     -moz-transition: all 0.4s ease-out 0s;
     -ms-transition: all 0.4s ease-out 0s;
     -o-transition: all 0.4s ease-out 0s;
     transition: all 0.4s ease-out 0s;
     color: #fff;
 }
 .btn.focus,
 .btn:focus,
 .btn:hover {
     -webkit-text-decoration: none;
     -moz-text-decoration: none;
     -ms-text-decoration: none;
     -o-text-decoration: none;
     text-decoration: none;
 }
 .btn-chos {
     margin-top: 8px;
 }
 .btn-chos:hover {
     color: #fff;
     border: 3px solid #f5f3f3;
 }
 .btn-chos:active,
 .btn-chos:focus {
     color: #fff !important;
     border: 3px solid transparent;
 }
 .btn-chos {
     border: 3px solid #333;
     color: #333;
     font-weight: 700;
     background: transparent;
 }
 .hvr-bounce-to-top::before {
     background: #8c7676;
 }
 .hvr-bounce-to-top:focus::before,
 .hvr-bounce-to-top:active::before {
     background: #8c7676;
     border: 3px solid transparent;
 }
 section {
     background: #fff;
     padding-top: 100px;
     padding-bottom: 100px;
 }
 #preloader {
     position: fixed;
     left: 0;
     top: 0;
     z-index: 9999999;
     width: 100%;
     height: 100%;
     overflow: visible;
     background: #fff url("../images/pre_loader.gif") no-repeat center center;
     color: #000;
 }
 .base-header h3 {
     letter-spacing: 3px;
     text-transform: uppercase;
     text-align: center;
     margin: 0px;
     padding-bottom: 50px;
     line-height: 42px;
 }
 /*----------------------------------------------------
  2. Header Section
------------------------------------------------------*/
 
 #menu-fade {
     position: fixed;
     z-index: 2000;
     width: 100%;
     height: 100%;
     background-color: rgba(255, 255, 255, 0.9);
     color: #fff;
     top: -1500px;
     bottom: 0;
     transition: all .5s ease;
 }
 #menu-fade.open {
     top: 0;
 }
 #menu-left {
     position: fixed;
     left: -50%;
     z-index: 2000;
     width: 50%;
     color: #fff;
     top: 0;
     bottom: 0;
     transition: all .5s ease;
 }
 #menu-left.open {
     left: 0;
     background-color: rgba(255, 255, 255, 0.9);
 }
 #menu-right {
     position: fixed;
     right: -50%;
     z-index: 2000;
     width: 50%;
     color: #fff;
     top: 0;
     bottom: 0;
     transition: all .3s ease;
 }
 #menu-right.open {
     right: 0;
     background-color: rgba(255, 255, 255, 0.9);
 }
 #menu-fade nav,
 #menu-right nav,
 #menu-left nav {
     text-align: center;
 }
 #menu-toggle {
     width: 40px;
     height: 40px;
     position: absolute;
     padding: 9px 0;
     top: 45px;
     right: -147px;
     cursor: pointer;
     transition: all .5s ease;
 }
 #menu-right #menu-toggle {
     left: -90px;
 }
 #menu-fade #menu-toggle {
     top: 1545px;
     right: 50px;
 }
 #menu-fade.open #menu-toggle {
     top: 45px;
 }
 #menu-toggle span.lines {
     width: 35px;
     height: 4px;
     display: block;
     margin: 5px auto;
     border-radius: 40px;
     transition: all .5s ease;
 }
 #menu-toggle span.lines:nth-child(2) {
     width: 21px;
 }
 #menu-toggle:hover .lines:nth-child(2) {
     width: 35px;
 }
 #menu-toggle span.close {
     display: none;
 }
 #menu-toggle span.open {
     position: absolute;
     top: 10px;
     left: 0px;
     text-align: center;
     transition: all .8s ease;
     color: #232020;
     font-size: 11px;
     font-weight: 700;
     padding: 6px 10px;
 }
 #menu-toggle.active span.lines {
     position: absolute;
     left: 0;
     right: 0;
     top: 14px;
 }
 #menu-toggle.active span.lines:first-child {
     transform: rotate(45deg);
 }
 #menu-toggle.active span.lines:nth-child(3) {
     transform: rotate(-45deg);
 }
 #menu-toggle.active span.lines:nth-child(2) {
     display: none;
 }
 #menu-toggle.active span.open {
     display: none;
 }
 #menu-toggle.active span.close {
     position: absolute;
     top: 5px;
     left: 0px;
     width: 15px;
     height: 15px;
     text-align: center;
     margin: 3px auto;
     transition: all .8s ease;
     color: #222;
     opacity: 0;
     font-size: 12px;
     text-shadow: none;
     display: block;
 }
 #menu-toggle.active:hover span.close {
     color: #fff;
     opacity: 1;
 }
 #menu-toggle.active:hover span.close.c {
     left: 40px;
 }
 #menu-toggle.active:hover span.close.l {
     left: 55px;
 }
 #menu-toggle.active:hover span.close.o {
     left: 70px;
 }
 #menu-toggle.active:hover span.close.s {
     left: 85px;
 }
 #menu-toggle.active:hover span.close.e {
     left: 100px;
 }
 #menu-right #menu-toggle.active:hover span.close.c {
     left: -70px;
 }
 #menu-right #menu-toggle.active:hover span.close.l {
     left: -55px;
 }
 #menu-right #menu-toggle.active:hover span.close.o {
     left: -40px;
 }
 #menu-right #menu-toggle.active:hover span.close.s {
     left: -25px;
 }
 #menu-right #menu-toggle.active:hover span.close.e {
     left: -10px;
 }
 #menu-toggle.dark {
     border-color: #8c7676;
 }
 #menu-toggle.dark span {
     background-color: #8c7676;
     color: #fff;
 }
 #menu-toggle.dark:hover {
     border-color: #4e4e4e;
 }
 #menu-toggle.dark:hover span {
     background-color: #504f4f;
     color: #fff;
 }
 #logo {
     margin: 10px auto;
 }
 #main-menu {
     padding:0px 0;
 }
 #menu-fade #main-menu {
     padding: 70px 0;
 }
 #main-menu > li > a {
     text-transform: uppercase;
     font-size: 18px;
     padding: 14px 25px;
     transition: all .3s ease;
     color: #222;
     font-weight: 700;
 }
 #main-menu > li > a:hover {
     color: #8c7676;
 }
 #socials {
     text-align: center;
     position: absolute;
     width: 100%;
     bottom: 0;
     background-color: #f5f5f5;
 }
 #socials > li {
     float: left;
     width: 20%;
 }
 #socials > li > a {
     text-align: center;
     font-size: 18px;
     color: #999494;
     border: 1px solid #eee;
 }
 #socials > li > a:hover {
     background-color: #f8f8f8;
 }
 .form-control.search {
     position: absolute;
     bottom: 57px;
     background-color: rgba(255, 255, 255, 0.2);
     -webkit-box-shadow: none;
     box-shadow: none;
     border: none;
     border-top: 1px solid #eee;
     font-size: 12px;
     height: 50px;
     text-transform: uppercase;
     text-align: center;
     color: #FFF;
     letter-spacing: 3px;
 }
 .form-control.search:focus {
     background-color: #f8f8f8;
     color: #9B9B9B;
 }
 
 /*  Menu Style Two  */
 
  .navbar {
     text-transform: uppercase;
 }
 .navbar .navbar-nav {
     letter-spacing: 0px;
     margin-left: 129px;
 }
 .navbar-default .navbar-nav > li > a {
     color: #000;
     font-size: 14px;
 }
 .navbar-custom .nav li a {
     -webkit-transition: background .3s ease-in-out;
     -moz-transition: background .3s ease-in-out;
     -ms-transition: background .3s ease-in-out;
     -o-transition: background .3s ease-in-out;
     transition: background .3s ease-in-out;
     -webkit-transition: background .3s ease-in-out;
     -moz-transition: background .3s ease-in-out;
     -ms-transition: background .3s ease-in-out;
     -o-transition: background .3s ease-in-out;
     transition: background .3s ease-in-out;
     -webkit-transition: background .3s ease-in-out;
     -moz-transition: background .3s ease-in-out;
     -ms-transition: background .3s ease-in-out;
     -o-transition: background .3s ease-in-out;
     transition: background .3s ease-in-out;
 }
 .top-nav-collapse .navbar-nav > li > a.current {
     color: #8c7676;
 }
 .nav > li > a {
     padding: 14px 0px;
     margin: 0 17px;
     letter-spacing: 2px;
 }
 .navbar > .container .navbar-brand,
 .navbar > .container-fluid .navbar-brand {
     margin-left: -2px;
 }
 .navbar {
     padding: 40px 0;
     border-bottom: 0;
     letter-spacing: 1px;
     background: 0 0;
     -webkit-transition: background .5s ease-in-out, padding .5s ease-in-out;
     -moz-transition: background .5s ease-in-out, padding .5s ease-in-out;
     -ms-transition: background .5s ease-in-out, padding .5s ease-in-out;
     -o-transition: background .5s ease-in-out, padding .5s ease-in-out;
     transition: background .5s ease-in-out, padding .5s ease-in-out;
     background: rgba(147, 132, 132, 0) none repeat scroll 0% 0%;
 }
 .top-nav-collapse {
     padding: 12px 0px;
     background-color: rgba(255, 255, 255, 0.70);
 }
 .top-nav-collapse .navbar-nav > li > a {
     color: #000;
 }
 .navbar-nav > li > a.current {
     color: #8c7676;
 }
 .navbar-nav > li > a:hover,
 .navbar-nav > li > a:focus {
     color: #8c7676;
 }
 .top-nav-collapse .navbar-nav > li > a:hover,
 .navbar-default .navbar-nav > li > a:hover,
 .top-nav-collapse .navbar-nav > li > a.current:focus {
     color: #8c7676;
 }
 .top-nav-collapse .navbar-nav > li > a:focus,
 .navbar-default .navbar-nav > li > a:focus {
     color: #000;
 }
 .navbar-brand > img {
     margin-top: -12px;
 }
 .navbar-right {
     margin-right: 60px !important;
 }
 
 /* Mega Menu
----------------------*/
 
 .manimenu.top-nav-collapse {
     padding: 0px 0px;
     background-color:#98b999;
 }
 .manimenu {
     padding: 15px 0;
     background-color:#98b999;
 }
 .manimenu .navbar-brand > img {
     margin-top: -23px;
 }
 .manimenu ul {
     list-style: none;
     margin: 0;
     padding: 0;
     background: transparent;
     margin-left: 20px !important;
 }
 .manimenu ul:before,
 .manimenu ul:after {
     content: "";
     display: table;
 }
 .manimenu ul:after {
     clear: both;
 }
 .manimenu ul > li {
     float: left;
     position: relative;
 }
 .navbar-fixed-top ul li a {
     color: #333;
     font-weight: 700;
     margin-left: -5px;
 }
 .manimenu a {
     display: block;
     padding: 30px 20px;
     text-transform: uppercase;
     font-size: 13px;
 }
 .manimenu a:hover {
     text-decoration: none;
     color: #8c7676;
     margin-left: 5px;
 }
 .manimenu li ul {
     background: #8c7676;
 }
 .manimenu li ul li {
     width: 220px;
 }
 .manimenu li ul a {
     border: none;
     padding: 10px 20px;
     color: #FFF;
 }
 .manimenu li ul a:hover {
     color: #FEE6E6;
 }
 .manimenu ul > li ul li:hover a {
     margin-left: 7px;
 }
 .manimenu li ul {
     position: absolute;
     left: 0;
     top: 81px;
     z-index: 1;
 }
 .manimenu li ul li {
     overflow: hidden;
     height: 0;
     -webkit-transition: height 200ms ease-in;
     -moz-transition: height 200ms ease-in;
     -o-transition: height 200ms ease-in;
     transition: height 200ms ease-in;
 }
 .manimenu ul > li:hover ul li {
     height: 46px;
     border-bottom: 1px solid #e3e3e333;
 }
 .manimenu .header-right a {
     padding: 30px 0px;
 }
 .manimenu ul li::before,
 .manimenu ul li ul li::before {
     content: "";
     position: absolute;
     z-index: -1;
     top: 41px;
     left: 0;
     right: 0;
     bottom: 0;
     height: 2px;
     background: #fed583;;
     -webkit-transform: scaleX(0);
     transform: scaleX(0);
     -webkit-transform-origin: 0 50%;
     transform-origin: 0 50%;
     -webkit-transition-property: transform;
     transition-property: transform;
     -webkit-transition-duration: 0.5s;
     transition-duration: 0.5s;
     -webkit-transition-timing-function: ease-out;
     transition-timing-function: ease-out;
	 width:33px;
 }
 .manimenu ul li ul li::before {
     top: 20px;
     background: #ffffff4d;
 }
 .manimenu ul li:hover::before,
 .manimenu ul li:focus::before,
 .manimenu ul li:active::before {
     -webkit-transform: scaleX(1);
     transform: scaleX(1);
     -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
     transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
 }
 ,
 .manimenu li ul li:hover::before,
 .manimenu li ul li:focus::before,
 .manimenu li ul li:active::before,
 {
     -webkit-transform: scaleX(1);
     transform: scaleX(1);
     -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
     transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
 }
 .manimenu ul li:hover,
 .manimenu ul li:focus,
 .manimenu ul li:active {
     color: white;
 }
 .manimenu li ul a:hover {
     color: #FEE6E6;
 }
 
 
 /*  Slider Area Styling */
 
.slidernav .navbar {
  padding: 20px 0px;
  border-bottom: 0px none;
  letter-spacing: 1px;
  background: rgba(255, 255, 255, 0.3);
  -webkit-transition: -moz-transform 0.4s ease 0s, background-color 0.4s ease 0s;
  -moz-transition: -moz-transform 0.4s ease 0s, background-color 0.4s ease 0s;
  -ms-transition: -moz-transform 0.4s ease 0s, background-color 0.4s ease 0s;
  -o-transition: -moz-transform 0.4s ease 0s, background-color 0.4s ease 0s;
  transition: -moz-transform 0.4s ease 0s, background-color 0.4s ease 0s;
  -webkit-transform: translateX(0px) translateY(3px) translateZ(0px) rotate(0deg) scale(0.95);
  -moz-transform: translateX(0px) translateY(3px) translateZ(0px) rotate(0deg) scale(0.95);
  -ms-transform: translateX(0px) translateY(3px) translateZ(0px) rotate(0deg) scale(0.95);
  -o-transform: translateX(0px) translateY(3px) translateZ(0px) rotate(0deg) scale(0.95);
  transform: translateX(0px) translateY(3px) translateZ(0px) rotate(0deg) scale(0.95);
}

.slidernav .top-nav-collapse {
  padding: 20px 0px;
  background-color: #fff;
  -webkit-transition: -moz-transform 0.4s ease 0s, background-color 0.4s ease 0s;
  -moz-transition: -moz-transform 0.4s ease 0s, background-color 0.4s ease 0s;
  -ms-transition: -moz-transform 0.4s ease 0s, background-color 0.4s ease 0s;
  -o-transition: -moz-transform 0.4s ease 0s, background-color 0.4s ease 0s;
  transition: -moz-transform 0.4s ease 0s, background-color 0.4s ease 0s;
  -webkit-transform: translateX(0px) translateY(0px) translateZ(0px) rotate(0deg) scale(1);
  -moz-transform: translateX(0px) translateY(0px) translateZ(0px) rotate(0deg) scale(1);
  -ms-transform: translateX(0px) translateY(0px) translateZ(0px) rotate(0deg) scale(1);
  -o-transform: translateX(0px) translateY(0px) translateZ(0px) rotate(0deg) scale(1);
  transform: translateX(0px) translateY(0px) translateZ(0px) rotate(0deg) scale(1);
  top: 0;
}
.slider-area {
  position: relative;
}
.slider-progress {
    position: absolute;
    top: 0;
    left: 0;
    background-color: #ddd;
}
.slider-area .big-title {
  //color: #333;
  color: #fff;
  font-size: 72px;
  text-align: center;
  text-transform: capitalize;
  font-weight: 700;
  letter-spacing:5px;
}
.slider-area .big-title span.title-builder {
  color: #333;
}
.slider-area .small-content {
  padding: 40px 0px;
  text-align: center;
  font-weight: 700;
}
.slider-area .small-content {
    letter-spacing: 15px;
    margin-top: -44px;
    color: #000;
}
 
 

.slider-area .down {
  text-align: center;
}
.slider-area .down li {
  display: inline-block;
}
.slider-area .down li img {
  position: inherit;
}
.slider-area .hvr-shutter-in-horizontal::before {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
}


 
 /* Single Page Header
================================= */
  header {
     position: relative;
     text-align: center;
     color: #fff;
     background-color: rgba(32, 32, 32, 0.74);
     height: 700px;
 }
 
 header .container {
     padding-top: 200px;
     padding-bottom: 100px;
     position: relative;
     z-index: 10;
     text-align: center;
 }
 header.blog-banner {
     background: transparent url("../images/slider/single_bg.jpg");
     color: #FFF;
     background-attachment: fixed;
     box-sizing: border-box;
     height: 500px;
     background-repeat: no-repeat;
     width: 100%;
     background-size: cover;
     background-position: 50% 50%;
 }
 header {
     position: relative;
     text-align: center;
     color: #fff;
     background-color: rgba(198, 227, 221, 0.39);
     height: 700px;
 }
 header .container {
     padding-top: 200px;
     padding-bottom: 100px;
     position: relative;
     z-index: 10;
     text-align: center;
 }
 .blog-header {
     padding-left: 30px;
     text-align: center;
 }
 .blog-header h4 {
     color: #999494;
     text-transform: capitalize;
     font-size: 14px;
     letter-spacing: 5px;
     display: block;
     margin-bottom: -25px;
     font-weight: 700;
 }
 .blog-header h4 a {
     color: #999494;
 }
 .blog-header h3 {
     color: #8c7676;
     text-transform: capitalize;
     font-size: 45px;
     letter-spacing: 3px;
     padding-bottom: 8px;
     font-weight: 700;
 }
 .blog-header h4 a:hover {
     color: #8c7676;
 }
 /*----------------------------------------------------
  3. About Section
------------------------------------------------------*/
 
 .about-section {
     padding-bottom: 90px;
 }
 /*  About Right 
------------------- */
 
 .about-section .base-header h3 {
     padding-bottom: 20px;
     margin-top: 8px;
 }
 .about-section .btn-chos {
     margin-top: 25px;
 }
 /*  About Left 
------------------- */
 
 .about-left img {
     margin-left: -10px;
     -moz-box-shadow: 0px 11px 59px 0px rgba(35, 33, 33, 0.19);
     -webkit-box-shadow: 0px 11px 59px 0px rgba(35, 33, 33, 0.19);
     box-shadow: 0px 11px 59px 0px rgba(35, 33, 33, 0.19);
 }
/** 
 .about-left::before {
     content: "";
     position: absolute;
     left: 400px;
     right: 4%;
     top: 86px;
     background: #ECEAEA;
     height: 4px;
     -webkit-transition-property: right;
     transition-property: right;
     -webkit-transition-duration: 0.3s;
     transition-duration: 0.3s;
     -webkit-transition-timing-function: ease-out;
     transition-timing-function: ease-out;
 }
**/ 
 .about-warp:hover .about-left::before,
 .about-warp:focus .about-left::before,
 .about-warp:active .about-left::before {
     right: -66px;
 }
 .btn-chos::after {
     content: "";
     position: absolute;
     left: 0px;
     right: 100%;
     top: 23px;
     background: #fff;
     height: 3px;
     -webkit-transition-property: right;
     transition-property: right;
     -webkit-transition-duration: 0.3s;
     transition-duration: 0.3s;
     -webkit-transition-timing-function: ease-out;
     transition-timing-function: ease-out;
 }
 .btn-chos:hover::after {
     right: 0px;
 }
 /*  About Social  
------------------- */
 
 .social_about {
     margin-top: 170px;
 }
 .social_about ul {
     list-style-type: none;
     margin: 0;
     padding: 0;
 }
 .social_about ul li a {
     display: block;
     color: #BDB7B7;
     text-decoration: none;
     font-size: 24px;
     margin-bottom: 10px;
     margin-top: 9px;
 }
 .social_about ul li a::after {
     opacity: 0;
     -webkit-animation-duration: 0.5s;
     animation-duration: 0.5s;
     -webkit-animation-fill-mode: forwards;
     animation-fill-mode: forwards;
 }
 .social_about ul li a::before,
 .social_about ul li a::after {
     content: "\36";
     position: absolute;
     right: 58px;
     padding: 0 1px;
     font-family: 'ElegantIcons';
     opacity: 0;
 }
 .social_about ul li a:hover:after,
 .social_about ul li a:focus:after,
 .social_about ul li a:active:after {
     -webkit-animation-name: hvr-icon-float-away;
     animation-name: hvr-icon-float-away;
     -webkit-animation-timing-function: ease-out;
     animation-timing-function: ease-out;
 }
 .hvr-icon-float-away {
     display: inline-block;
     vertical-align: middle;
     -webkit-transform: translateZ(0);
     transform: translateZ(0);
     box-shadow: 0 0 1px rgba(0, 0, 0, 0);
     -webkit-backface-visibility: hidden;
     backface-visibility: hidden;
     -moz-osx-font-smoothing: grayscale;
     position: relative;
     padding-right: 2.2em;
 }
 .hvr-icon-float-away::before,
 .hvr-icon-float-away::after {
     content: "\f055";
     position: absolute;
     right: 1em;
     padding: 0 1px;
     font-family: FontAwesome;
 }
 .hvr-icon-float-away:hover:after,
 .hvr-icon-float-away:focus:after,
 .hvr-icon-float-away:active:after {
     -webkit-animation-name: hvr-icon-float-away;
     animation-name: hvr-icon-float-away;
     -webkit-animation-timing-function: ease-out;
     animation-timing-function: ease-out;
 }
 /*----------------------------------------------------
    4. Portfolio Section  
------------------------------------------------------*/
 
 .portfolio-section {
     padding-top: 100px;
     padding-bottom: 100px;
     background: #F7F7F7;
 }
 .portfolio-section .hide-bullets {
     list-style: none;
     margin-left: -40px;
     margin-top: 0px;
 }
 .portfolio-section .thumbnail {
     padding: 0;
 }
 .portfolio-section .carousel-inner > .item > img,
 .carousel-inner > .item > a > img {
     width: 100%;
     height: 567px;
 }
 .portfolio-section #main_area .col-lg-6 {
     padding-right: 0px;
     padding-left: 0px;
 }
 .portfolio-section .col-lg-12 {
     padding-left: 0px;
 }
 .portfolio-section #main_area .thumbnail {
     margin-bottom: 0px;
     border: none;
     cursor: pointer;
 }
 .portfolio-section .carousel-control.right,
 .portfolio-section .carousel-control.left {
     background-image: linear-gradient(to right, rgba(0, 0, 0, .0001) 0, rgba(0, 0, 0, 0) 100%);
 }
 .portfolio-section ul li {
     float: left;
     overflow: hidden;
     position: relative;
     text-align: center;
     cursor: default;
 }
 .portfolio-section .port_overlay {
     width: 100%;
     height: 100%;
     position: absolute;
     overflow: hidden;
     top: 0;
     left: 0;
     background-color: rgba(0, 0, 0, 0.6);
     opacity: 0;
     filter: alpha(opacity=0);
     -webkit-transform: translate(460px, -100px) rotate(180deg);
     -ms-transform: translate(460px, -100px) rotate(180deg);
     transform: translate(460px, -100px) rotate(180deg);
     -webkit-transition: all 0.2s 0.4s ease-in-out;
     transition: all 0.2s 0.4s ease-in-out;
 }
 .portfolio-section .thumbnail img {
     display: block;
     position: relative;
     -webkit-transition: all 0.2s ease-in;
     transition: all 0.2s ease-in;
 }
 .portfolio-section h2 {
     text-transform: uppercase;
     color: #fff;
     text-align: center;
     letter-spacing: 2px;
     position: relative;
     font-size: 17px;
     padding: 10px;
     background: rgba(0, 0, 0, 0.6);
 }
 .portfolio-section a.port_info {
     display: inline-block;
     text-decoration: none;
     padding: 7px 14px;
     text-transform: uppercase;
     color: #fff;
     border: 1px solid #fff;
     margin: 50px 0 0 0;
     background-color: transparent;
     -webkit-transform: translateY(-200px);
     -ms-transform: translateY(-200px);
     transform: translateY(-200px);
     -webkit-transition: all 0.2s ease-in-out;
     transition: all 0.2s ease-in-out;
 }
 .portfolio-section ul li:hover .port_overlay {
     opacity: 1;
     filter: alpha(opacity=100);
     -webkit-transition-delay: 0s;
     transition-delay: 0s;
     -webkit-transform: translate(0px, 0px);
     -ms-transform: translate(0px, 0px);
     transform: translate(0px, 0px);
 }
 .portfolio-section ul li:hover h2 {
     -webkit-transform: translateY(0px);
     -ms-transform: translateY(0px);
     transform: translateY(0px);
     -webkit-transition-delay: 0.5s;
     transition-delay: 0.5s;
 }
 .portfolio-section ul li:hover a.port_info {
     -webkit-transform: translateY(0px);
     -ms-transform: translateY(0px);
     transform: translateY(0px);
     -webkit-transition-delay: 0.3s;
     transition-delay: 0.3s;
 }
 /*----------------------------------------------------
    5. Client Section 
------------------------------------------------------*/
 
 .client-section {
     padding-top: 70px;
     padding-bottom: 70px;
     background: transparent url("../images/background/client.jpg") repeat fixed 0% 0% / 100% auto;
 }
 .client-box {
     width: 100%;
     text-align: center;
     cursor: pointer;
     -webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0);
     -moz-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0);
     -ms-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0);
     -o-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0);
     box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0);
     min-height: 120px;
     max-height: 120px;
     line-height: 120px;
 }
 .client-box,
 .client-box img,
 .client-box:hover,
 .client-box:hover img {
     -webkit-transition: all ease .5s;
     -moz-transition: all ease .5s;
     -ms-transition: all ease .5s;
     -o-transition: all ease .5s;
     transition: all ease .5s;
     -webkit-transition: all ease .5s;
     -moz-transition: all ease .5s;
     -ms-transition: all ease .5s;
     -o-transition: all ease .5s;
     transition: all ease .5s;
 }
 .client-section .owl-theme .owl-controls {
     margin-top: 38px;
 }
 .client-section .owl-carousel .owl-item img {
     width: auto;
     display: inline-block;
 }
 .client-box img {
     -webkit-filter: grayscale(100%);
     -moz-filter: grayscale(100%);
     -ms-filter: grayscale(100%);
     -o-filter: grayscale(100%);
     filter: grayscale(100%);
     -webkit-filter: grayscale(100%);
     -moz-filter: grayscale(100%);
     -ms-filter: grayscale(100%);
     -o-filter: grayscale(100%);
     filter: grayscale(100%);
     -webkit-opacity: .5;
     -moz-opacity: .5;
     -ms-opacity: .5;
     -o-opacity: .5;
     opacity: .5;
 }
 .client-box:hover img {
     -webkit-opacity: 1;
     -moz-opacity: 1;
     -ms-opacity: 1;
     -o-opacity: 1;
     opacity: 1;
     -webkit-filter: grayscale(0);
     -moz-filter: grayscale(0);
     -ms-filter: grayscale(0);
     -o-filter: grayscale(0);
     filter: grayscale(0);
     -webkit-filter: grayscale(0);
     -moz-filter: grayscale(0);
     -ms-filter: grayscale(0);
     -o-filter: grayscale(0);
     filter: grayscale(0);
 }
 .client-section .owl-theme .owl-controls .owl-page.active span {
     background: #000;
 }
 .client-section .owl-theme .owl-controls .owl-page span {
     width: 20px;
     height: 2px;
     -webkit-border-radius: 0;
     -moz-border-radius: 0;
     -ms-border-radius: 0;
     -o-border-radius: 0;
     border-radius: 0;
     background: #c3c3c3;
     display: inline-block;
 }
 .client-section .owl-theme .owl-controls {
     display: none;
 }
 /*----------------------------------------------------
   6. Contact  Section
------------------------------------------------------*/
 
 .contact-section {
     background: #fff;
     background: transparent url("../images/background/contact.jpg") repeat fixed 0% 0% / 100% auto;
     padding-bottom: 120px;
 }
 .contact-port_info h3.small {
     font-size: 14px;
     line-height: 24px;
     letter-spacing: 3px;
     text-transform: uppercase;
     margin-bottom: 0px;
     color: #333;
 }
 .contact-form .header-sign {
     font-size: 19px;
     left: 3px;
 }
 .contact-form .header-sign2 {
     font-size: 19px;
     left: -3px;
 }
 @media screen and (max-width: 767px) {
     .contact-port_info .col-sm-4 {
         margin-bottom: 25px;
     }
 }
 @media screen and (max-width: 767px) {
     .contact-port_info .col-sm-4:last-child {
         margin-bottom: 0;
     }
 }
 .contact-warper {} .form-control {
     color: #555;
     background: transparent;
     border-radius: 1px;
     box-shadow: none;
     border: 1px solid #f2f0f0;
     line-height: 2.429;
 }
 .contact-section .form-control {
     border: 1px solid #fff;
     border-bottom: 1px solid #ddd;
 }
 .form-control:focus {
     border: 1px solid #fff;
     border-bottom: 1px solid #333;
     box-shadow: none;
 }
 .form-group {
     margin-bottom: 15px;
     padding-right: 15px;
     padding-left: 15px;
 }
 #contactForm .btn-chos {
     display: block;
     margin: 0 auto;
     margin-top: 40px;
     color: #333;
 }
 #contactForm .btn-chos:hover {
     background: #8c7676;
     color: #fff;
     border: 3px solid #fff;
 }
 /*----------------------------------------------------
    7. Footer Section
------------------------------------------------------*/
 
 .footer-section {
     background-color: #fed583;
     color: #5F5F5F;
     padding-bottom: 70px;
     padding-top: 64px
 }
 .footer-section .social_footer {
     text-align: center;
 }
 .social_footer i {
     background: #333;
     color: #8c7676;
     padding: 10px;
     border-radius: 50%;
     margin-right: 5px;
 }
 .social_footer a:hover {
     color: #8D7636;
 }
 .footer-links {
     margin: 10px -12px 0px 0px;
 }
 .footer-links a {
     margin: 0px 12px;
     color: #e67e22;
     font-size: 15px;
 }
 .footer-links a:hover {
     -webkit-text-decoration: underline;
     -moz-text-decoration: underline;
     -ms-text-decoration: underline;
     -o-text-decoration: underline;
     text-decoration: underline;
 }
 .copyright {
     font-size: 13px;
     text-transform: capitalize;
     letter-spacing: 2px;
     padding-bottom: 15px;
     margin-top: -80px;
 }
 .text-primary {
     color: #908585;
 }
 .scroll-top {
     position: relative;
     top: -108px;
 }
 .scroll-top a {
     color: #686666;
     font-size: 50px;
 }
 .scrollup:hover,
 .scrollup:active,
 .scrollup:focus {
     color: rgba(255, 255, 255, 0.90);
 }
 /*----------------------------------------------------
    8. About Page 
------------------------------------------------------*/
 /* 8.1 Testimonial and Skill Section
---------------------------------------------*/
 /*      Skill
====================== */
 .skills_area {
     margin-top: 45px;
 }
 .skillbar {
     position: relative;
     display: block;
     margin-bottom: 56px;
     width: 100%;
     background: #eee;
     height: 6px;
     border-radius: 3px;
     -moz-border-radius: 3px;
     -webkit-border-radius: 3px;
     -webkit-transition: 0.4s linear;
     -moz-transition: 0.4s linear;
     -ms-transition: 0.4s linear;
     -o-transition: 0.4s linear;
     transition: 0.4s linear;
     -webkit-transition-property: width, background-color;
     -moz-transition-property: width, background-color;
     -ms-transition-property: width, background-color;
     -o-transition-property: width, background-color;
     transition-property: width, background-color;
 }
 .skillbar-title {
     position: absolute;
     top: 0;
     left: 0;
     width: 51px;
     font-weight: bold;
     font-size: 13px;
     color: #ffffff;
     background: #474747;
     -webkit-border-top-left-radius: 3px;
     -webkit-border-bottom-left-radius: 4px;
     -moz-border-radius-topleft: 3px;
     -moz-border-radius-bottomleft: 3px;
     border-top-left-radius: 3px;
     border-bottom-left-radius: 3px;
     height: 6px;
 }
 .skillbar-title span {
     display: block;
     color: #333;
     font-size: 14px;
     text-transform: uppercase;
     margin-top: -27px;
     margin-left: 0px;
     letter-spacing: 2px;
 }
 .skillbar-bar {
     height: 6px;
     width: 0px;
     background: #474747;
     border-radius: 3px;
     -moz-border-radius: 3px;
     -webkit-border-radius: 3px;
 }
 .skill-bar-percent {
     position: absolute;
     top: -6px;
     left: inherit;
     right: 12px;
     font-size: 10px;
     color: #fff;
     padding: 0px 5px;
     -moz-box-shadow: 0px 11px 49px 0px rgba(11, 10, 10, 0.39);
     -webkit-box-shadow: 0px 11px 49px 0px rgba(11, 10, 10, 0.39);
     box-shadow: 0px 11px 49px 0px rgba(11, 10, 10, 0.39);
 }
 .skill-bar-percent {
     background: #8c7676;
 }
 .skill-bar-percent-one {
     right: 150px;
 }
 .skill-bar-percent-two {
     right: 115px;
 }
 .skill-bar-percent-three {
     right: 65px;
 }
 /*  Testimonials
====================== */
 .testimonials-section {
     padding-bottom: 90px;
     padding-top: 10px;
 }
 .testimonials-section .testimonial-box img {
     border: 3px solid #fff;
     border-radius: 50%;
     box-shadow: -2px 13px 19px 0 #e3e3e3;
 }
 .testimonials-section .testimonial-box .cus-title {
     margin-top: 16px;
 }
 .testimonials-section .testimonial-box .cus-title::before {
     content: "”";
     position: relative;
     font-size: 103px;
     top: 27px;
     color: #D4D0D0;
     right: 4px;
     float: right;
     line-height: 38px;
 }
 .testimonials-section .testimonial-box .tes-nam {
     font-size: 15px;
     text-transform: uppercase;
     letter-spacing: 2px;
     font-weight: 700;
     color: #000;
 }
 .testimonials-section .owl-theme .owl-controls .owl-page.active span {
     height: 4px;
 }
 .testimonials-section .owl-theme .owl-controls .owl-page span {
     width: 45px;
     height: 2px;
     -webkit-border-radius: 0;
     -moz-border-radius: 0;
     -ms-border-radius: 0;
     -o-border-radius: 0;
     border-radius: 0;
     background: #BABABA;
     display: inline-block;
 }
 .testimonials-section .owl-theme .owl-controls {
     display: none;
 }
 
 /*  8.2 Achieve Section
-----------------------------*/
 
 .achieve-section {
     padding-top: 100px;
     padding-bottom: 90px;
     background-image: url("../images/background/achieve.jpg");
     -webkit-background-size: cover;
     -moz-background-size: cover;
     -ms-background-size: cover;
     -o-background-size: cover;
     background-size: cover;
     background-position: center center;
 }
 .achieve-section .col-lg-3 i {
     font-size: 60px;
     position: relative;
     top: -10px;
     color: #333;
 }
 .achieve-section h5 {
     letter-spacing: 1px;
     margin: 17px 0;
     line-height: 24px;
     text-transform: uppercase;
     font-size: 17px;
     font-family: 'Roboto', sans-serif;
     margin-top: 0px;
     color: #333;
 }
 .achieve-section .stat-count {
     font-size: 50px;
     margin: 0;
     color: #8c7676;
 }
 .icon-lay {
     cursor: pointer;
     padding-left: 0px;
 }
 .achieve-section .col-lg-8 {
     padding-left: 0px;
 }
 .icon-lay .col-lg-8 {
     -webkit-transition: all .4s;
     -moz-transition: all .4s;
     -ms-transition: all .4s;
     -o-transition: all .4s;
     transition: all .4s;
 }
 #achieve-section .col-lg-3:hover i {
     -webkit-transition: all .4s;
     -moz-transition: all .4s;
     -ms-transition: all .4s;
     -o-transition: all .4s;
     transition: all .4s;
 }
 
 
/*----------------------------------------------------
    9. Team Page 
------------------------------------------------------*/
 .team-section {
     padding-bottom: 250px;
     padding-top: 100px;
     background: #fff;
 }
 .team-medical {
     background: #f9f6f6;
 }
 /* Team Member
--------------*/
 
 .member {
     position: relative;
     padding: 0px 10px;
 }
 .member .img {
     width: 100%;
     position: relative;
 }
 .member .img img {
     width: 100%;
     height: auto;
 }
 .member .info {
     position: absolute;
     text-align: left;
     z-index: 1;
     overflow: hidden;
     background: #fff;
     -webkit-transition: all 0.4s ease-out 0s;
     -moz-transition: all 0.4s ease-out 0s;
     -ms-transition: all 0.4s ease-out 0s;
     -o-transition: all 0.4s ease-out 0s;
     transition: all 0.4s ease-out 0s;
     -webkit-box-shadow: 0px 7px 65px 0px rgba(0, 0, 0, 0.12);
     -moz-box-shadow: 0px 7px 65px 0px rgba(0, 0, 0, 0.12);
     -ms-box-shadow: 0px 7px 65px 0px rgba(0, 0, 0, 0.12);
     -o-box-shadow: 0px 7px 65px 0px rgba(0, 0, 0, 0.12);
     box-shadow: 0px 7px 65px 0px rgba(0, 0, 0, 0.12);
     padding-bottom: 10px;
     padding: 0px 20px 0px;
     width: 100%;
 }
 .member .info .social {
     position: absolute;
     width: 100%;
     top: auto;
     -webkit-opacity: 1;
     -moz-opacity: 1;
     -ms-opacity: 1;
     -o-opacity: 1;
     opacity: 1;
     -webkit-transform: translateX(0px) translateY(30px) translateZ(0px) rotate(0deg) scale(1);
     -moz-transform: translateX(0px) translateY(30px) translateZ(0px) rotate(0deg) scale(1);
     -ms-transform: translateX(0px) translateY(30px) translateZ(0px) rotate(0deg) scale(1);
     -o-transform: translateX(0px) translateY(30px) translateZ(0px) rotate(0deg) scale(1);
     transform: translateX(0px) translateY(30px) translateZ(0px) rotate(0deg) scale(1);
     margin-top: -100px;
 }
 .member .info p {
     -webkit-opacity: 0;
     -moz-opacity: 0;
     -ms-opacity: 0;
     -o-opacity: 0;
     opacity: 0;
     font-size: 15px;
     text-transform: capitalize;
     font-weight: 400;
     font-family: inherit;
     color: #1b1a1a;
     -webkit-transition: all 0.4s ease-out 0s;
     -moz-transition: all 0.4s ease-out 0s;
     -ms-transition: all 0.4s ease-out 0s;
     -o-transition: all 0.4s ease-out 0s;
     transition: all 0.4s ease-out 0s;
 }
 .member:hover .info p {
     -webkit-opacity: 1;
     -moz-opacity: 1;
     -ms-opacity: 1;
     -o-opacity: 1;
     opacity: 1;
     margin-top: -28px;
     margin-bottom: 24px;
     letter-spacing: 2px;
 }
 .member:hover .social {
     bottom: 0px;
 }
 .member:hover .info .social i {
     color: #333;
 }
 .member:hover .info {
     padding: 0px 20px 45px;
     background: #fff;
 }
 .member:hover .social {
     -webkit-opacity: 1;
     -moz-opacity: 1;
     -ms-opacity: 1;
     -o-opacity: 1;
     opacity: 1;
     -webkit-transform: translateX(0px) translateY(0px) translateZ(0px) rotate(0deg) scale(1);
     -moz-transform: translateX(0px) translateY(0px) translateZ(0px) rotate(0deg) scale(1);
     -ms-transform: translateX(0px) translateY(0px) translateZ(0px) rotate(0deg) scale(1);
     -o-transform: translateX(0px) translateY(0px) translateZ(0px) rotate(0deg) scale(1);
     transform: translateX(0px) translateY(0px) translateZ(0px) rotate(0deg) scale(1);
 }
 .member .info h6 small {
     display: block;
     color: #373737;
     margin-top: 10px;
 }
 .member .info h6 {
     border: none;
     color: #0b0a0a;
     letter-spacing: 2px;
     text-transform: capitalize;
     font-size: 20px;
     font-weight: 700;
     margin: 30px 0px;
     -webkit-transition: all 0.4s ease-out 0s;
     -moz-transition: all 0.4s ease-out 0s;
     -ms-transition: all 0.4s ease-out 0s;
     -o-transition: all 0.4s ease-out 0s;
     transition: all 0.4s ease-out 0s;
 }
 .member:hover .info h6,
 .member:hover .info h6 small,
 .member:hover .info p {
     color: #333;
 }
 .member .info i {
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     -ms-border-radius: 50%;
     -o-border-radius: 50%;
     border-radius: 50%;
     line-height: 2.65em;
     font-size: 24px;
     text-align: left;
     -webkit-transition: all 0.4s ease-out 0s;
     -moz-transition: all 0.4s ease-out 0s;
     -ms-transition: all 0.4s ease-out 0s;
     -o-transition: all 0.4s ease-out 0s;
     transition: all 0.4s ease-out 0s;
 }
 .social li {
     -webkit-transition: all .3s ease-in-out 0s;
     -moz-transition: all .3s ease-in-out 0s;
     -ms-transition: all .3s ease-in-out 0s;
     -o-transition: all .3s ease-in-out 0s;
     transition: all .3s ease-in-out 0s;
     margin-right: 10px;
     font-size: 17px;
 }
 .member .info .social i {
     color: #32312E !important;
     -webkit-transform: translateZ(0px);
     -moz-transform: translateZ(0px);
     -ms-transform: translateZ(0px);
     -o-transform: translateZ(0px);
     transform: translateZ(0px);
     -webkit-transition: all 0.4s ease-out 0s;
     -moz-transition: all 0.4s ease-out 0s;
     -ms-transition: all 0.4s ease-out 0s;
     -o-transition: all 0.4s ease-out 0s;
     transition: all 0.4s ease-out 0s;
 }
 .member .info .social i:hover {
     color: #333;
     -webkit-transform: translateY(-5px);
     -moz-transform: translateY(-5px);
     -ms-transform: translateY(-5px);
     -o-transform: translateY(-5px);
     transform: translateY(-5px);
 }
 /*----------------------------------------------------
   10. Services Page 
------------------------------------------------------*/
 .service-page .base-header h3 {
     padding-bottom: 0px;
 }
 .service-lst {
     position: relative;
     margin-top: 50px;
 }
 .service-page {
     padding-bottom: 120px;
 }
 .service-page .service-lst .service-dtls a {
     letter-spacing: 3px;
     font-size: 22px;
     margin: 0px;
 }
 .service-page .service-lst .service-dtls a:hover {
     color: #333;
 }
 .service-page .service-lst .service-dtls {
     padding: 0px 26px 5px 30px;
     width: 50%;
     transition: all 0.4s ease-out 0s;
     text-align: left;
     float: right;
     position: relative;
     bottom: -13px;
 }
 .service-page .service-lst .service-img-wrp {
     width: 50%;
     overflow: hidden;
     float: left;
 }
 .service-lst .service-img-wrp img {
     width: 100%;
     height: auto;
 }
 /*======================================
     11.1 Blog Page
======================================*/
 
 .blog-area {
     padding-top: 100px;
     padding-right: 70px;
     padding-bottom: 20px;
 }
 .blog-post-list {
     margin-bottom: 70px;
 }
 .blog-post-list:last-of-type {
     margin-bottom: 0px;
 }
 .page-content .hvr-shutter-in-horizontal {
     background: #353232;
     color: #fff !important;
 }
 /* - Entry Cover */
 
 .blog-post-list .entry-cover {
     margin-bottom: 30px;
     overflow: hidden;
 }
 .blog-post-list .entry-cover img {
     transition: all 0.4s ease 0s;
     display: block;
     width: 100%;
 }
 .blog-post-list .entry-cover:hover img {
     transform: scale(1.05);
     transition: all 0.4s ease 0s;
     opacity: .7
 }
 /* - Post Meta */
 
 .blog-post-list .post-meta {
     position: absolute;
     border-right: 1px solid #ececec;
     text-align: center;
 }
 .blog-post-list .post-meta [class*="post-"] {
     border-bottom: 1px solid #ececec;
     padding-bottom: 16px;
 }
 .blog-post-list .post-meta [class*="post-"]:last-of-type {
     border-bottom: none;
 }
 .blog-post-list .post-meta a {
     display: inline-block;
     width: 100%;
     padding-top: 16px;
     padding-right: 15px;
     padding-left: 15px;
 }
 .entry-meta a,
 .entry-date a {
     color: RGBA(51, 51, 51, 0.73);
     font-size: 13px;
     margin-right: 20px;
 }
 .entry-date a {
     letter-spacing: 2px;
 }
 /* - Entry Meta */
 
 .blog-post-list .entry-meta {
     color: #232c3b;
     letter-spacing: 1px;
     text-transform: capitalize;
     display: inline-block;
 }
 /* - Entry Title */
 
 .blog-area .single-post .entry-title,
 .blog-area .blog-post-list .entry-title {
     text-decoration: none;
     color: #333;
     font-size: 22px;
     letter-spacing: 2px;
     text-transform: capitalize;
     position: relative;
     top: -8px;
 }
 .blog-post-list .entry-title:hover {
     text-decoration: underline;
     color: #000
 }
 .blog-post-list .entry-content p {
     font-weight: 300;
     color: #8B8B8B;
     line-height: 25px;
     display: inline-block;
     font-size: 14px;
     position: relative;
     margin-bottom: 25px;
 }
 .blog-post-list .entry-content a.hvr-bounce-to-left::before {
     background: #424242;
 }
 /* - Pagination */
 
 .blog-area .pagination {
     width: 100%;
     margin-bottom: 108px;
     margin-top: 13px;
 }
 .blog-area .pagination .pager {
     text-align: left;
     display: inline-block;
     margin: 10px 10px;
     position: relative;
     top: 6px;
 }
 .blog-area .pager li {
     position: relative;
     padding: 0 2px;
 }
 .blog-area .pager .pagi-big a {
     color: #333;
     font-size: 23px;
     font-weight: 700;
     color: #333;
 }
 .blog-area .pager li a {
     border: none;
     border-radius: 0;
     letter-spacing: 1px;
     text-transform: uppercase;
     padding: 0;
     color: #8B8B8B;
     font-weight: 700;
 }
 .blog-area .pager-icon {
     font-size: 16px;
     left: 0px;
     position: relative;
     top: 6px;
     font-family: 'Cormorant Unicase', serif;
 }
 .blog-area .pager-icon:hover {
     color: #8B8B8B;
 }
 .blog-area .pagination .pager li > a:focus,
 .blog-area .pagination .pager li > a:hover {
     background-color: transparent;
     color: #222;
 }
 /* -- Widget Area */
 
 .widget-area {
     text-align: center;
     padding-top: 100px;
 }
 /* - Widget */
 
 .widget {
     display: inline-block;
     margin-bottom: 40px;
     width: 100%;
 }
 /* - Widget Search */
 
 .widget {
     margin-bottom: 40px;
 }
 .widget-search {
     border-bottom: 1px solid #C3C3C3;
     display: block;
 }
 .widget-search .input-group {
     padding-bottom: 16px;
 }
 .widget-search .input-group input {
     background: transparent none repeat scroll 0% 0%;
     border: 0px none;
     border-radius: 0px;
     transition: none 0s ease 0s;
     box-shadow: none;
     font-size: 14px;
     font-weight: 400;
     color: #8D8D8D;
     height: auto;
 }
 .widget-search .input-group button {
     background: rgb(255, 255, 255) none repeat scroll 0% 0%;
     border: medium none;
     font-size: 14px;
     color: #8D8D8D;
     padding: 0px 12px;
 }
 .input-group-btn {
     left: 0px;
 }
 /* - Widget Title */
 
 .widget .widget-title {
     padding: 0px;
     font-size: 20px;
     text-transform: capitalize;
     font-weight: 400;
     text-align: left;
     letter-spacing: 2px;
     margin: 0px 0px 25px;
     position: relative;
     font-family: 'Raleway', sans-serif;
 }
 /* - Categories Type */
 
 .categories-type li {
     border-bottom: 1px solid #f0f0f0;
     padding: 11px 0;
     letter-spacing: 0.5px;
     list-style: square;
     color: #ddd;
 }
 .widget-post-categories .categories-type {
     text-align: left;
     display: inline-block;
     margin-top: -10px;
     width: 100%;
     margin-left: -53px;
 }
 .categories-type li a {
     color: rgb(141, 141, 141);
 }
 .categories-type li:hover a {
     color: #000;
 }
 .categories-type li span {
     float: right;
     clear: both;
 }
 /* - Recent Post */
 
 .wiget-recent-post {
     margin-bottom: 22px;
 }
 .wiget-recent-post .widget-title {
     margin-top: 10px;
 }
 .recent-post-box {
     display: inline-block;
     border-bottom: 1px solid #f0f0f0;
     padding-bottom: 13px;
     margin-top: 10px;
     width: 100%;
     position: relative;
 }
 .recent-post-box:last-of-type {
     border-bottom: none;
 }
 .recent-title {
     text-align: left;
     padding-right: 100px;
 }
 .recent-title > a {
     font-size: 14px;
     margin-bottom: 10px;
     display: inline-block;
     text-transform: uppercase;
     letter-spacing: 1px;
     color: #333;
 }
 .recent-title > a:hover {
     text-decoration: underline;
     color: #333
 }
 .recent-title > p {
     font-size: 13px;
     color: #8B8B8B;
     margin-top: -8px;
 }
 /* - Widget Instagram */
 
 .instagram-photo-list {
     padding: 0px;
     margin: 0px;
     list-style: outside none none;
 }
 .instagram-photo-list li {
     padding: 4px;
     width: 50%;
     float: left;
 }
 .instagram-photo-list li img {
     transition: all 0.2s ease 0s;
 }
 .instagram-photo-list li:hover img {
     transition: all 0.2s ease 0s;
     opacity: 0.5;
 }
 .widget-instagram img {
     width: 300px;
 }
 /* - Widget Tags */
 
 .widget-tags {
     text-align: left;
     width: 100%;
 }
 .widget-tags .widget-title {
     display: inline-block;
     width: 100%;
 }
 .widget-tags > a {
     color: #8D8D8D;
     text-decoration: none;
     border: 1px solid #C3C3C3;
     padding: 6px 13px;
     display: inline-block;
     margin-bottom: 5px;
     font-size: 13px;
 }
 .widget-tags > a:hover {
     color: #000;
     transition: all 1s ease 0s;
     border-color: #000;
 }
 
 
 /*  11.2 Single Blog Page 
---------------------------- */
 
 .list-comments {
     padding-top: 80px;
 }
 .comments-section-title h4 {
     margin-top: 0px;
     font-size: 24px;
     margin-bottom: 40px;
     letter-spacing: 2px;
     text-transform: uppercase;
     text-align: center;
     font-weight: 700;
 }
 .comments {
     padding: 0px;
     margin: 0px;
 }
 .comments li {
     list-style: outside none none;
 }
 .comments li .comment {
     border: 1px solid #F2F2F2;
     padding: 12px 30px 12px;
     position: relative;
     overflow: hidden;
     margin-bottom: 40px;
     text-align: center;
 }
 .comments li .comment img.comment-avatar {
     -webkit-box-shadow: 0px 7px 65px 0px rgba(0, 0, 0, 0.12);
     -moz-box-shadow: 0px 7px 65px 0px rgba(0, 0, 0, 0.12);
     -ms-box-shadow: 0px 7px 65px 0px rgba(0, 0, 0, 0.12);
     -o-box-shadow: 0px 7px 65px 0px rgba(0, 0, 0, 0.12);
     box-shadow: 0px 7px 65px 0px rgba(0, 0, 0, 0.12);
     border: 5px solid #ddd;
 }
 .comments li .comment strong.commenter-title {
     font-weight: 300;
     font-size: 13px;
     text-transform: uppercase;
     display: block;
     color: #8B8B8B;
     letter-spacing: 2px;
     text-align: center;
 }
 .comments li .comment strong.commenter-title a {
     color: #000;
 }
 .comments li .comment span.comment-date {
     display: block;
     font-size: 11px;
     margin-bottom: 16px;
     color: #8B8B8B;
     /*! margin-left: 85px; */
     
     margin-top: 0px;
     text-transform: uppercase;
     text-align: center;
 }
 .comments li .comment span.comment-reply {
     right: 16px;
 }
 .comments li .comment span.comment-reply a {
     color: rgba(39, 39, 39, 0.51);
     background: #FFF;
     transition: all 0.5s ease 0s;
     border: 2px solid rgba(39, 39, 39, 0.3);
     font-size: 11px;
     padding: 5px 15px;
     text-transform: uppercase;
 }
 .comments li .comment span.comment-reply a:hover {
     background: rgba(39, 39, 39, 0.94);
     color: #fff;
 }
 .comments li .comment span.comment-reply a i {
     font-size: 11px;
 }
 .comments li .comment p:last-child {
     margin-bottom: 0px;
     font-weight: 300;
     color: #8B8B8B;
 }
 .comments li > ul {
     padding-bottom: 7px;
 }
 .comments li .comment p {
     margin-top: 7px;
     font-size: 14px;
 }
 .blog-contact {
     padding: 0px;
     margin-bottom: 100px;
     margin-top: 20px;
 }
 .blog-contact .form-group {
     padding-right: 10px;
     padding-left: 0px;
 }
 /*==================================================== 
    12. Single Work page
*======================================================*/
 /* ## portfolioitem ## */
 
 .work_page, .single_work_page {
     padding-bottom: 120px;
 } 
 .portfolioitem {
     padding-bottom: 70px;
 }
 .portfolioitem a {
     overflow: hidden;
     display: block;
 }
 .portfolioitem img {
     width: 100%;
     opacity: 0.9;
     -webkit-transition: all 300ms linear;
     -moz-transition: all 300ms linear;
     -o-transition: all 300ms linear;
     -ms-transition: all 300ms linear;
     transition: all 300ms linear;
     a -webkit-transform: scale(1);
     transform: scale(1);
 }
 .portfolioitem img:hover {
     opacity: 1;
     -webkit-transition: all 0.4s;
     transition: all 0.4s;
     -webkit-transform: scale(1.03) rotate(1deg);
     transform: scale(1.03) rotate(1deg);
 }
 .portfoliodesc {
     background: #282828;
 }
 .portfoliodesc:last-child {
     padding-bottom: 12px;
 }
 .project-details {
     padding: 0px 15px;
 }
 .portfoliodesc h4 {
     color: #fff;
     letter-spacing: 2px;
     text-transform: uppercase;
 }
 .portfoliodesc p {
     color: #a8a8a8;
 }
 .portfoliodesc hr {
     border-top: 1px solid #3b3b3b;
 }