/*--------------------------------------------------------------------- 
File Name: style.css 
---------------------------------------------------------------------*/
/*--------------------------------------------------------------------- 
[Table of contents] 
1. Import Fonts 
2. Import Files 
3. Skeleton 
   1.1. Preloader area 
   1.2. Scroll to top area 
4. HEADER AREA 
5. BANNER AREA 
6. DOMAIN SEARCH AREA 
7. ABOUT AREA 
8. SERVICES AREA 
9. FEATURE AREA 
10. PRICUNG AREA 
11. TESTIMONIAL AREA 
12. FOOTER AREA 
13. COPYRIGHT AREA 
---------------------------------------------------------------------*/

/*--------------------------------------------------------------------- 
Import Fonts 
---------------------------------------------------------------------*/
 @import url('https://fonts.googleapis.com/css?family=Montserrat:300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900');
/*== 1) font-family: 'Montserrat', sans-serif; , 2) , 3) ==*/

/*--------------------------------------------------------------------- 
Import Files 
---------------------------------------------------------------------*/
 @import url(animate.min.css);
 @import url(normalize.css);
 @import url(material-design-iconic-font.min.css);
 @import url(ace-responsive-menu.css);
 @import url(aos.css);
 @import url(fancyBox.css);
 @import url(owl.carousel.min.css);
 @import url(owl.theme.min.css);
 @import url(owl.transitions.css);
 @import url(colorbox.css);
 @import url(flaticon.css);

/*-------------------------------------------------
Skeleton 
-------------------------------------------------*/
 body {
     color: #666666;
     font-size: 17px;
     font-family: 'Georgia', sans-serif;
     line-height: 1.80857;
     height:100%;
}
 a {
     color: #1f1f1f;
     text-decoration: none !important;
     outline: none !important;
     -webkit-transition: all .3s ease-in-out;
     -moz-transition: all .3s ease-in-out;
     -ms-transition: all .3s ease-in-out;
     -o-transition: all .3s ease-in-out;
     transition: all .3s ease-in-out;
}
 h1, h2, h3, h4, h5, h6 {
     letter-spacing: 0;
     font-weight: normal;
     position: relative;
     padding: 0 0 10px 0;
     font-weight: normal;
     line-height: 120% !important;
     color: #1f1f1f;
     margin: 0 
}
 h1 {
     font-size: 24px 
}
 h2 {
     font-size: 22px 
}
 h3 {
    font-size: 20px;
}
 h4 {
     font-size: 16px 
}
 h5 {
     font-size: 14px 
}
 h6 {
     font-size: 13px 
}
 *, *::after, *::before {
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
}
 h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
     color: #212121;
     text-decoration: none!important;
     opacity: 1 
}
 h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
     opacity: .8 
}
 button:focus{
     outline: none;
}
 ul, li, ol {
     margin: 0px;
     padding: 0px;
     list-style: none;
}
 p{
     margin: 0px;
}
 a {
     color: #222222;
     text-decoration: none;
     outline: none !important;
}
 a, .btn {
     text-decoration: none !important;
     outline: none !important;
     -webkit-transition: all .3s ease-in-out;
     -moz-transition: all .3s ease-in-out;
     -ms-transition: all .3s ease-in-out;
     -o-transition: all .3s ease-in-out;
     transition: all .3s ease-in-out;
}
 .btn-custom {
     margin-top: 20px;
     background-color: transparent !important;
     border: 2px solid #ddd;
     padding: 12px 40px;
     font-size: 16px;
}
 .lead {
     font-size: 18px;
     line-height: 30px;
     color: #767676;
     margin: 0;
     padding: 0;
}
 blockquote {
     margin: 20px 0 20px;
     padding: 30px;
}
 .container {
     max-width: 1200px;
}
/*-------------------- 
Preloader area 
-------------------------------------------------*/
 #preloader {
     position: fixed;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     background-color: #fff;
     z-index: 9999;
}
 #loader {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     text-align: center;
     height: 100%;
     justify-content: center;
     align-items: center;
     display: flex;
}
 #loader img {
     max-width: 600px;
}
 @keyframes loader {
     0% {
         left: -100px 
    }
     100% {
         left: 110%;
    }
}
 #box {
     width: 50px;
     height: 50px;
     background: #fff;
     animation: animate .5s linear infinite;
     position: absolute;
     top: 0;
     left: 0;
     border-radius: 3px;
}
 @keyframes animate {
     17% {
         border-bottom-right-radius: 3px;
    }
     25% {
         transform: translateY(9px) rotate(22.5deg);
    }
     50% {
         transform: translateY(18px) scale(1,.9) rotate(45deg) ;
         border-bottom-right-radius: 40px;
    }
     75% {
         transform: translateY(9px) rotate(67.5deg);
    }
     100% {
         transform: translateY(0) rotate(90deg);
    }
}
 #shadow {
     width: 50px;
     height: 5px;
     background: #000;
     opacity: 0.1;
     position: absolute;
     top: 59px;
     left: 0;
     border-radius: 50%;
     animation: shadow .5s linear infinite;
}
 @keyframes shadow {
     50% {
         transform: scale(1.2,1);
    }
}
/*-------------------- 
Scroll to top area 
-------------------------------------------------*/
 #scroll-to-top {
     position: fixed;
     bottom: 40px;
     right: 40px;
     z-index: 999;
     width: 42px;
     height: 42px;
     text-align: center;
     line-height: 55px;
     background: #ff6d77;
     color: #444;
     cursor: pointer;
     border: 0;
     border-radius: 6px;
     text-decoration: none;
     transition: opacity 0.2s ease-out;
     opacity: 0;
     box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12);
}
 #scroll-to-top i {
     color: #fff;
     -webkit-transition: -webkit-transform 1s;
     -moz-transition: -moz-transform 1s;
     -o-transition: -o-transform 1s;
     transition: transform 1s;
     font-size: 30px;
}
 #scroll-to-top:hover i {
     -webkit-transform: rotate(0deg) scale(2);
     -moz-transform: rotate(0deg) scale(2);
     -ms-transform: rotate(0deg) scale(2);
     -o-transform: rotate(0deg) scale(2);
     transform: rotate(0deg) scale(2);
     color: #fff;
}
 #scroll-to-top:hover{
     background: #222222;
}
 #scroll-to-top.show {
     opacity: 1;
}
/*-------------------- 
Header area 
-------------------------------------------------*/
 .top-bar{
     background: #222222;
     line-height: 60px;
}
 .top-box-icon{
}
 .top-box-icon ul{
}
 .top-box-icon ul li{
     float: left;
     margin-right: 10px;
}
 .top-box-icon i {
     display: inline-block;
     padding-right: 10px;
     color: #ff6d77;
     font-size: 25px;
     position: relative;
     top: 4px;
}
 .social a i {
     font-size: 22px;
}
 .top-box-icon p{
     display: inline-block;
     color: #ffffff;
     font-size: 14px;
}
 .top-box-icon a{
     display: inline-block;
     color: #ffffff;
     font-size: 15px;
}
 .top-box-icon a:hover{
     color: #ff6d77;
}
 .top-box-icon.social{
}
 .social{
     text-align: right;
}
 .social a {
     width: auto;
     height: auto;
     line-height: normal;
     text-align: center;
     margin-left: 25px;
}
 .social a i {
     padding: 0px;
}
 .social a i {
     font-size: 21px;
}
 .top-box-icon.social a:hover i{
     color: #ffffff;
}
 .header-area {
     background: #fff;
     padding: 0;
     position: absolute;
     z-index: 5;
     width: 100%;
     box-shadow: 0 1px 3px rgba(0,0,0,.15);
     -moz-box-shadow: 0 1px 3px rgba(0,0,0,.15);
     -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.15);
}
 /* .logo {
     padding: 15px 0px;
} */
 .logo img {
     /* max-width: 250px; */
     width: 150px;
}
 .float-left {
     float: left;
}
 .float-right{
     float: right;
}
 .sb-icon-search {
     z-index: 90;
     font-size: 16px;
     cursor: pointer;
     float: right;
     padding: 0;
     line-height: normal;
     margin-left: 40px;
}
 .sb-icon-search a:hover{
     color: #ff6d77;
}
 .sb-icon-search i {
     font-size: 18px;
     width: 42px;
     height: 42px;
     text-align: center;
     line-height: 42px;
     border-radius: 0;
     background: #222;
     color: #fff;
     margin-top: 34px;
     margin-bottom: 0;
}
 .sb-icon-search a:hover i {
     background: #ff6d77;
}
 #search {
     position: fixed;
     top: 0px;
     left: 0px;
     width: 100%;
     height: 100%;
     background-color: rgba(17,17,17,0.95);
     -webkit-transition: all 0.5s ease-in-out;
     -moz-transition: all 0.5s ease-in-out;
     -o-transition: all 0.5s ease-in-out;
     -ms-transition: all 0.5s ease-in-out;
     transition: all 0.5s ease-in-out;
     -webkit-transform: translate(0px, -100%) scale(0, 0);
     -moz-transform: translate(0px, -100%) scale(0, 0);
     -o-transform: translate(0px, -100%) scale(0, 0);
     -ms-transform: translate(0px, -100%) scale(0, 0);
     transform: translate(0px, -100%) scale(0, 0);
     z-index: 99999;
     opacity: 0;
}
 #search.open {
     -webkit-transform: translate(0px, 0px) scale(1, 1);
     -moz-transform: translate(0px, 0px) scale(1, 1);
     -o-transform: translate(0px, 0px) scale(1, 1);
     -ms-transform: translate(0px, 0px) scale(1, 1);
     transform: translate(0px, 0px) scale(1, 1);
     opacity: 1;
}
 #search input[type="search"] {
     position: absolute;
     top: 50%;
     width: 100%;
     color: #222;
     background: #fff;
     font-size: 35px;
     font-weight: 300;
     text-align: left;
     border: 0px;
     margin: 0;
     padding: 20px 40px;
     outline: none;
     text-transform: capitalize;
}
 #search .btn {
     position: absolute;
     top: 50%;
     right: 0;
     margin-top: 0;
     margin-left: 0;
}
 #search .btn.btn-primary {
     background-color: #ff6d77;
     border-color: #ff6d77;
     font-size: 25px;
     height: 103px;
     border-radius: 0;
     width: 160px;
     font-weight: 600;
}
 #search .close {
     position: fixed;
     top: 0;
     left: 0;
     color: #fff;
     background-color: #ff6d77;
     border-color: #ff6d77;
     opacity: 1;
     padding: 10px 17px;
     font-size: 27px;
}
 #search form {
     position: relative;
     float: left;
     width: 50%;
     margin: 250px 25% 0;
}
 .head-nav-bar{
     position: relative;
}
 .nav-box-right {
     float: right;
     padding: 40px 0 0;
}
 .slider-section{
     overflow: hidden;
}
 .smooth-textbox h1 {
     font-size: 55px !important;
     font-weight: 800 !important;
     line-height: 65px !important;
     margin-bottom: 20px;
     font-family: 'Montserrat', sans-serif;
     color: #ffffff;
}
 .rev_slider p {
     font-family: 'Montserrat', sans-serif;
}
 .smooth-textbox p {
     color: #fff;
}
 .smooth-textbox {
     width: 731px;
     padding: 0 25px;
}
 .slidebtns a {
     display: inline-block;
     margin-right: 20px;
     line-height: 50px !important;
     font-size: 18px !important;
     width: 170px;
     height: 50px;
     background: #ff6d77;
     color: #333;
     font-weight: 600;
     text-align: center !important;
     border-radius: 0;
     font-family: 'Montserrat', sans-serif;
     -webkit-transition: all .3s ease-in-out !important;
     -moz-transition: all .3s ease-in-out !important;
     -ms-transition: all .3s ease-in-out !important;
     -o-transition: all .3s ease-in-out !important;
     transition: all .3s ease-in-out !important;
}
 .slidebtn2 {
     background: #fff !important;
     color: #000 !important;
     -webkit-transition: all .3s ease-in-out !important;
     -moz-transition: all .3s ease-in-out !important;
     -ms-transition: all .3s ease-in-out !important;
     -o-transition: all .3s ease-in-out !important;
     transition: all .3s ease-in-out !important;
}
 .slidebtns a:hover {
     color: #fff !important;
     background: #272727 !important;
     -webkit-transition: all .3s ease-in-out !important;
     -moz-transition: all .3s ease-in-out !important;
     -ms-transition: all .3s ease-in-out !important;
     -o-transition: all .3s ease-in-out !important;
     transition: all .3s ease-in-out !important;
}
 .slidebtns .slidebtn1 {
     color: #fff;
}
 .slider-section .tparrows:hover{
     background: #ff6d77;
}
 .slider-section .tp-bannertimer{
     background: rgba(255, 152, 0, 0.8) !important;
}
 .rev_slider .slotholder::after {
     width: 100%;
     height: 100%;
     content: "";
     position: absolute;
     left: 0;
     top: 0;
     z-index: 99;
     pointer-events: none;
     background: rgba(0, 0, 0, 0.5);
}
 .button-wayra-a{
     overflow: hidden;
     -webkit-transition: border-color 0.3s, color 0.3s;
     transition: border-color 0.3s, color 0.3s;
     transition-timing-function: ease, ease;
     -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
     transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
     position: relative;
     z-index: 1;
     -webkit-backface-visibility: hidden;
     -moz-osx-font-smoothing: grayscale;
}
 .button-wayra-a::before {
     content: '';
     position: absolute;
     top: 0;
     left: 0;
     width: 150%;
     height: 100%;
     background: #222222;
     z-index: -1;
     -webkit-transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0);
     transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0);
     -webkit-transform-origin: 0% 100%;
     transform-origin: 0% 100%;
     -webkit-transition: -webkit-transform 0.3s, opacity 0.3s, background-color 0.3s;
     transition: transform 0.3s, opacity 0.3s, background-color 0.3s;
}
 .button-wayra-a:hover::before {
     opacity: 1;
     background: #222222;
     color: #ffffff;
     -webkit-transform: rotate3d(0, 0, 1, 0deg);
     transform: rotate3d(0, 0, 1, 0deg);
     -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
     transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
 .fixed-menu{
}
 .fixed-menu .logo img{
     max-width: 150px;
}
 .fixed-menu .sb-icon-search{
     line-height: 82px;
}
 .fixed-menu .header-area{
     position: fixed;
     opacity: 0;
     visibility: hidden;
     left: 0px;
     top: 0px;
     width: 100%;
     padding: 0px 0px;
     background: #ffffff;
     z-index: 0;
     transition: all 500ms ease;
     -moz-transition: all 500ms ease;
     -webkit-transition: all 500ms ease;
     -ms-transition: all 500ms ease;
     -o-transition: all 500ms ease;
     z-index: 999;
     opacity: 1;
     visibility: visible;
     -ms-animation-name: fadeInDown;
     -moz-animation-name: fadeInDown;
     -op-animation-name: fadeInDown;
     -webkit-animation-name: fadeInDown;
     animation-name: fadeInDown;
     -ms-animation-duration: 500ms;
     -moz-animation-duration: 500ms;
     -op-animation-duration: 500ms;
     -webkit-animation-duration: 500ms;
     animation-duration: 500ms;
     -ms-animation-timing-function: linear;
     -moz-animation-timing-function: linear;
     -op-animation-timing-function: linear;
     -webkit-animation-timing-function: linear;
     animation-timing-function: linear;
     -ms-animation-iteration-count: 1;
     -moz-animation-iteration-count: 1;
     -op-animation-iteration-count: 1;
     -webkit-animation-iteration-count: 1;
     animation-iteration-count: 1;
}
.fixed-menu .nav-box-right {
    float: right;
    padding: 25px 0;
}
 .fixed-menu .sb-icon-search i {
     margin-top: 0;
}
 .menu-toggle .icon-bar + .icon-bar {
    margin-top: 3px;
    margin-right: 0;
}
 .menu-toggle .icon-bar{
     -webkit-transition: all 0.2s;
     transition: all 0.2s;
}
 .menu-toggle .current .icon-bar:nth-of-type(1) {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: 10% 10%;
    -ms-transform-origin: 10% 10%;
    transform-origin: 5px 0px;
    margin-right: -3px;
}
 .menu-toggle .current .icon-bar:nth-of-type(2){
     opacity: 0;
     filter: alpha(opacity=0);
}
 .menu-toggle .current .icon-bar:nth-of-type(3) {
     -webkit-transform: rotate(-45deg);
     -ms-transform: rotate(-45deg);
     transform: rotate(-45deg);
     -webkit-transform-origin: 10% 90%;
     -ms-transform-origin: 10% 90%;
     transform-origin: 10% 90%;
}
 .menu-toggle .icon-bar:nth-of-type(1) {
     -webkit-transform: rotate(0);
     -ms-transform: rotate(0);
     transform: rotate(0);
}
 .menu-toggle .icon-bar:nth-of-type(2){
     opacity: 1;
     filter: alpha(opacity=100);
}
 .menu-toggle .icon-bar:nth-of-type(3) {
     -webkit-transform: rotate(0);
     -ms-transform: rotate(0);
     transform: rotate(0);
}
/*-------------------- 
Header Style 2 
-------------------------------------------------*/
 .style-header-2 .header-area{
     background: none;
}
 .style-header-2 .ace-responsive-menu > li > a{
     color: #ffffff;
}
 .style-header-2 .sb-icon-search i{
     border: 1px solid #ffffff;
}
 .style-header-2 .sb-icon-search a{
     color: #ffffff;
}
 .style-header-2 .fixed-menu .header-area{
     background: #222222;
}
 .style-header-2 .all-title-bar{
     margin: 0px;
}
 .style-header-2 .all-title-bar::after{
     left: 0px;
     transform: translate(0%);
}
 .style-header-2 .project-menu{
     text-align: left;
}
 .style-header-2 .helpbox{
     background: #ff6d77;
     border-radius: 6px;
}
 .style-header-2 .helpbox .helpdit h3{
     color: #222222;
}
 .style-header-2 .helpbox .helpdit p{
     color: #ffffff;
}
 .style-header-2 .slider-testimonial{
     max-width: 780px;
}
/*-------------------- 
Welcome Strip 
-------------------------------------------------*/
 .wel-info-box {
     text-align: center;
     margin-top: 0;
     position: relative;
     padding: 35px 50px;
     border-radius: 0;
     background: #ff6d77;
}
 .wel-info-box h2 {
     float: left;
     color: #fff;
     line-height: 50px !important;
     font-weight: 700;
     margin: 0;
     font-size: 35px;
     padding: 0;
}
 .wel-info-box a {
     background: #222222;
     padding: 11px 25px;
     font-size: 16px;
     float: right;
     text-transform: uppercase;
     font-weight: 700;
     border-radius: 0;
     color: #fff;
     transition: all .5s ease;
}
 .wel-info-box a:hover{
     background: #ffffff;
     color: #222222;
}
 .wel-info-box::after {
     clear: both;
     display: table;
     content: '';
}
 .button-wayra{
     overflow: hidden;
     -webkit-transition: border-color 0.3s, color 0.3s;
     transition: border-color 0.3s, color 0.3s;
     transition-timing-function: ease, ease;
     -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
     transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
     position: relative;
     z-index: 1;
     -webkit-backface-visibility: hidden;
     -moz-osx-font-smoothing: grayscale;
}
 .button-wayra::before {
     content: '';
     position: absolute;
     top: 0;
     left: 0;
     width: 150%;
     height: 100%;
     background: #ffffff;
     z-index: -1;
     -webkit-transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0);
     transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0);
     -webkit-transform-origin: 0% 100%;
     transform-origin: 0% 100%;
     -webkit-transition: -webkit-transform 0.3s, opacity 0.3s, background-color 0.3s;
     transition: transform 0.3s, opacity 0.3s, background-color 0.3s;
}
 .button-wayra:hover::before {
     opacity: 1;
     background: #ffffff;
     color: #222222;
     -webkit-transform: rotate3d(0, 0, 1, 0deg);
     transform: rotate3d(0, 0, 1, 0deg);
     -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
     transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
 .how-help-main{
     padding: 90px 0px;
}
 .all-title {
     margin-bottom: 20px;
}
 .all-title h2 {
     color: #222222;
     font-size: 35px;
     font-weight: 700;
     letter-spacing: 0;
}
 .our-team-main h2 {
     color: #fff;
}
 .all-title p {
     position: relative;
     font-weight: 400;
     color: #666666;
     font-size: 16px;
     margin-bottom: 20px;
}
 .all-title-bar {
     background: transparent;
     display: block;
     height: 1px;
     position: relative;
     margin: 5px auto;
}
 .all-title-bar::after {
     background: #ff6d77;
     content: "";
     display: inline-block;
     height: 6px;
     left: 50%;
     position: absolute;
     transform: translate(-50%);
     width: 80px;
     top: 0;
     border-radius: 50px;
}
 .helpbox {
     text-align: center;
     padding: 0;
}
 .icon-help {
     width: 120px;
     height: 120px;
     margin: 30px auto 0;
     padding: 0;
     backface-visibility: hidden;
     transition: all .5s ease;
     border-radius: 100%;
     border: solid #000 2px;
     padding: 25px;
}
 .icon-help img{
     width: 100%;
}
 .helpbox:hover .icon-help .hover-icon{
     display: none;
}
 .hover-icon-h{
     display: none;
}
 .helpbox:hover .icon-help .hover-icon-h{
     display: block;
}
 .helpdit {
     padding: 30px 0 0;
}
 .helpdit h3 {
     font-size: 20px;
     font-weight: 700;
     padding-bottom: 15px;
}
 .helpdit p {
     font-size: 14px;
     line-height: normal;
}
 .helpbox:hover .icon-help {
     background: #222;
     transition: all .5s ease;
     border: 2px solid #222222;
}
/*-------------------- 
About Us 
-------------------------------------------------*/
 .about-main {
     background: url(../images/banner_about.jpg);
     background-size: auto 100%;
     position: relative;
     margin-top: 0;
     padding: 90px 0;
}
 .left-color-a::before {
     background: rgba(17,17,17,0.95);
     content: '';
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}
 .left-color-a::after {
     content: "";
     background: #ff6d77;
     position: absolute;
     width: 50%;
     height: 100%;
     top: 0;
     right: 0;
     z-index: 1;
}
 .right-about-b {
     text-align: left;
     position: relative;
     z-index: 2;
     padding-left: 0;
     padding-right: 30px;
}
 .right-about-b .all-title{
     margin-bottom: 20px;
}
 .right-about-b .all-title h2{
     color: #ffffff;
}
 .right-about-b .all-title p{
     color: #cccccc;
     padding-bottom: 0px;
}
 .right-about-b p {
     font-size: 18px;
     color: #ffffff;
     padding-bottom: 30px;
     line-height: 28px;
     text-align: left;
}
 .right-about-b a {
     background: #fff;
     padding: 10px 25px;
     font-size: 17px;
     float: left;
     text-transform: capitalize;
     font-weight: 700;
     border-radius: 0;
     transition: all .5s ease;
     color: #222;
     margin-top: 20px;
}
 .right-about-b a:hover{
     background: #ff6d77;
}
 .right-about-b::after {
     clear: both;
     display: table;
     content: '';
}
 .right-about-b .all-title .all-title-bar{
     margin: 5px 0;
}
 .right-about-b .all-title .all-title-bar::after{
     left: 0;
     transform: translate(0%);
}
 .left-about-b {
     text-align: left;
     position: relative;
     z-index: 2;
     padding-right: 0;
     padding-left: 30px;
}
 .left-about-b .all-title .all-title-bar{
     margin: 5px 0;
}
 .left-about-b .all-title .all-title-bar::after{
     left: 0;
     transform: translate(0%);
     background: #222222;
}
 .left-about-b .all-title{
     margin-bottom: 20px;
}
 .left-about-b h4{
     font-size: 28px;
     color: #ffffff;
     padding-bottom: 15px;
     font-weight: 500;
}
 .left-about-b p{
     color: #222222;
     font-size: 14px;
     padding-bottom: 15px;
}
 .left-about-b ul{
}
 .left-about-b ul li{
     width: 50%;
     float: left;
     margin-bottom: 25px;
}
 .left-about-b ul li h5 {
     color: #ffffff;
     font-size: 35px;
     font-weight: 800;
     padding-bottom: 0;
     margin-top: 10px;
}
 .left-about-b ul li span{
     font-weight: 600;
     font-size: 18px;
     color: #222222;
}
 .left-about-b a {
     transition: all .5s ease;
     color: #fff;
     background: #222222;
     padding: 10px 25px;
     font-size: 17px;
     float: left;
     text-transform: capitalize;
     font-weight: 700;
     border-radius: 0;
     transition: all .5s ease;
     margin-top: 20px;
}
 .left-about-b a:hover{
     background: #ffffff;
     color: #222222;
}
 .left-about-b::after {
     clear: both;
     display: table;
     content: '';
}
/*-------------------- 
Services 
-------------------------------------------------*/
 .services-main{
     padding: 90px 0px;
}
 .services-box {
     margin-bottom: 0;
     float: left;
     width: 100%;
     margin-top: 50px;
}
 .icon-ser {
     float: left;
     width: 100%;
     height: auto;
     transition: 280ms ease-out;
     text-align: center;
     margin-bottom: 20px;
}
 .icon-ser img {
     width: 70px;
}
 .services-dit {
     padding-left: 0;
     text-align: center;
     float: left;
     width: 100%;
}
 .services-dit h4 {
     font-size: 21px;
     font-weight: 600;
     color: #222;
     position: relative;
     padding-bottom: 10px;
     -webkit-transform: perspective(1px) translateZ(0);
     transform: perspective(1px) translateZ(0);
}
 .services-dit p {
     font-size: 16px;
     color: #999;
     line-height: 21px;
}
 .services-box:hover .icon-ser{
     -webkit-animation-name: pulse;
     animation-name: pulse;
     -webkit-animation-duration: 1s;
     animation-duration: 1s;
     -webkit-animation-fill-mode: both;
     animation-fill-mode: both;
}
 .services-box:hover .icon-ser{
}
 @-webkit-keyframes pulse {
     0% {
         -webkit-transform: scale3d(1, 1, 1);
         transform: scale3d(1, 1, 1);
    }
     50% {
         -webkit-transform: scale3d(1.05, 1.05, 1.05);
         transform: scale3d(1.05, 1.05, 1.05);
    }
     100% {
         -webkit-transform: scale3d(1, 1, 1);
         transform: scale3d(1, 1, 1);
    }
}
 @keyframes pulse {
     0% {
         -webkit-transform: scale3d(1, 1, 1);
         transform: scale3d(1, 1, 1);
    }
     50% {
         -webkit-transform: scale3d(1.05, 1.05, 1.05);
         transform: scale3d(1.05, 1.05, 1.05);
    }
     100% {
         -webkit-transform: scale3d(1, 1, 1);
         transform: scale3d(1, 1, 1);
    }
}
 .button-wayra-b{
     overflow: hidden;
     -webkit-transition: border-color 0.3s, color 0.3s;
     transition: border-color 0.3s, color 0.3s;
     transition-timing-function: ease, ease;
     -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
     transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
     position: relative;
     z-index: 1;
     -webkit-backface-visibility: hidden;
     -moz-osx-font-smoothing: grayscale;
}
 .button-wayra-b::before {
     content: '';
     position: absolute;
     top: 0;
     left: 0;
     width: 150%;
     height: 100%;
     background: #ffffff;
     z-index: -1;
     -webkit-transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0);
     transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0);
     -webkit-transform-origin: 0% 100%;
     transform-origin: 0% 100%;
     -webkit-transition: -webkit-transform 0.3s, opacity 0.3s, background-color 0.3s;
     transition: transform 0.3s, opacity 0.3s, background-color 0.3s;
}
 .button-wayra-b:hover::before {
     opacity: 1;
     background: #ffffff;
     color: #222222;
     -webkit-transform: rotate3d(0, 0, 1, 0deg);
     transform: rotate3d(0, 0, 1, 0deg);
     -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
     transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
/*-------------------- 
Portfolio 
-------------------------------------------------*/
 .portfolio-main{
     background: #222;
     position: relative;
     padding: 90px 0;
}
 .portfolio-main .all-title h2{
     color: #ffffff;
}
 .portfolio-main .all-title p{
     color: #cccccc;
}
 .project-menu {
     margin-bottom: 30px;
     margin-top: 30px;
}
 .project-menu {
     display: block;
     text-align: center;
}
.project-menu span {
    background: #ff6d77;
    padding: 8px 20px;
    margin: 0px 5px;
    font-size: 17px;
    display: inline-block;
    text-transform: capitalize;
    font-weight: 600;
    border-radius: 0;
    color: #fff;
    cursor: pointer;
    transition: all .5s ease;
}
 .project-menu span:hover{
     background: #fff;
     color: #222;
}
 .grid {
}
 .grid:after {
     content: '';
     display: block;
     clear: both;
}
 .element-item a img{
     width: 100%;
}
 .hover-effect {
     background: rgba(255,255,255,0.5);
     padding: 0;
     border-radius: 0;
     border: ;
     overflow: hidden;
     position: relative;
     margin-bottom: 30px;
}
 .hover-text{
     opacity: 0;
     position: absolute;
     top: 0;
     left: 0;
     right: 0px;
     margin: 0 auto;
     opacity: 0;
     width: 80%;
     transform: translate(0px, 0px);
     -webkit-transition: all 0.3s ease 0s;
     -o-transition: all 0.3s ease 0s;
     transition: all 0.3s ease 0s;
}
 .hover-text h4 {
     color: #222;
     font-size: 18px;
     font-weight: 700;
}
 .hover-text p {
     color: #444;
     font-size: 14px;
     line-height: 21px;
     font-weight: 500;
}
 .overlay-gallery{
     bottom: 0;
     display: block;
     left: 0;
     position: absolute;
     right: 0;
     top: 0;
     z-index: 10;
     background-color: #fff;
     opacity: 0;
     filter: alpha(opacity=0);
     -webkit-transition: all 0.5s ease;
     -o-transition: all 0.5s ease;
     transition: all 0.5s ease;
}
 .hover-effect:hover .overlay-gallery{
     opacity: 0.9;
     filter: alpha(opacity=90);
}
 .hover-effect:hover .hover-text{
     opacity: 1;
}
 .hover-effect:hover .hover-text{
     top: 45%;
     z-index: 10;
}
 .up-icon{
     float: right;
     position: absolute;
     top: -64px;
     right: 0;
     background: #222;
     width: 40px;
     height: 40px;
     border-radius: 6px;
     text-align: center;
     line-height: 55px;
}
 .up-icon a i{
     font-size: 34px;
     color: #ff6d77;
}
 .up-icon a:hover i{
     color: #fff;
}
 .hover-effect img.thumb_gallery{
     -webkit-transition: all 300ms ease-in-out 0s;
     -o-transition: all 300ms ease-in-out 0s;
     transition: all 300ms ease-in-out 0s;
}
 .hover-effect:hover img.thumb_gallery{
     transform: scale3d(1.2, 1.09, 1.2);
}
 .thumb_gallery {
     width: 100%;
     height: 100%;
     cursor: pointer;
     border-radius: 0px 10px;
}
/*-------------------- 
Our Team 
-------------------------------------------------*/
 .our-team-main {
     padding: 90px 0px;
     background: #222;
}
 .team-img{
     overflow: hidden;
     position: relative;
     margin: 0;
     padding: 0;
}
 .team-img img{
     width: 100%;
}
 .filter-title{
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     padding: 20px 22px;
     background: linear-gradient(to top,rgba(0,0,0,0),rgba(0,0,0,1));
     -webkit-transition: all .35s;
     -moz-transition: all .35s;
     -ms-transition: all .35s;
     -o-transition: all .35s;
     transition: all .35s;
     -webkit-transform: translateY(-100%);
     -moz-transform: translateY(-100%);
     -ms-transform: translateY(-100%);
     -o-transform: translateY(-100%);
     transform: translateY(-100%);
}
 .filter-title h3 {
     font-size: 22px;
     color: #ff6d77;
     padding-bottom: 0px;
     font-weight: 700;
}
 .filter-title p{
     color: #ffffff;
     font-size: 14px;
}
 .team-img:hover .filter-title{
     -webkit-transform: translateY(0);
     -moz-transform: translateY(0);
     -ms-transform: translateY(0);
     -o-transform: translateY(0);
     transform: translateY(0);
}
 .filter-social{
     position: absolute;
     bottom: 0;
     left: 0;
     right: 0;
     padding: 20px 22px;
     background: linear-gradient(to top,rgba(0,0,0,1),rgba(0,0,0,0));
     -webkit-transition: all .35s;
     -moz-transition: all .35s;
     -ms-transition: all .35s;
     -o-transition: all .35s;
     transition: all .35s;
     -webkit-transform: translateY(100%);
     -moz-transform: translateY(100%);
     -ms-transform: translateY(100%);
     -o-transform: translateY(100%);
     transform: translateY(100%);
}
 .team-img:hover .filter-social{
     -webkit-transform: translateY(0);
     -moz-transform: translateY(0);
     -ms-transform: translateY(0);
     -o-transform: translateY(0);
     transform: translateY(0);
}
 .our-team-box {
     margin-top: 30px;
}
 .filter-social ul{
     display: block;
     text-align: center;
}
 .filter-social ul li {
     display: inline-block;
     text-align: center;
     width: 35px;
     height: 35px;
     background: #fff;
     line-height: normal;
     border-radius: 0;
     margin: 0px 3px;
}
 .filter-social ul li a {
     color: #ff6d77;
     font-size: 21px;
     line-height: 35px;
}
 .filter-social ul li:hover a{
     color: #222222;
}
/*-------------------- 
Testimonials Main 
-------------------------------------------------*/
 .testimonials-main{
     padding: 90px 0;
}
 .slider-testimonial {
     max-width: 720px;
     margin: 30px auto;
     width: 100%;
}
 .testimonial{
     text-align: center;
     padding: 0 20px;
}
 .testimonial .icon{
     font-size: 60px;
     line-height: normal;
     color: #ff6d77;
}
 .testimonial .description{
     font-size: 16px;
     font-style: italic;
     color: #777;
     line-height: 26px;
     margin-top: -20px;
}
 .testimonial .pic{
     width: 80px;
     height: 80px;
     border-radius: 50%;
     overflow: hidden;
     margin: 20px auto;
     margin-top: 0px;
}
 .testimonial .pic img{
     width: 100%;
     height: auto;
}
 .testimonial .testimonial-title{
     font-size: 16px;
     font-weight: 600;
     color: #474740;
     letter-spacing: 1px;
     text-transform: uppercase;
}
 .testimonial .post{
     display: block;
     font-size: 14px;
     color: #ff6d77;
}
 .owl-theme .owl-controls .owl-pagination{
     margin-top: 20px;
}
 .owl-theme .owl-controls .owl-page span{
     width: 10px;
     height: 10px;
     background: #222222;
     border: 2px solid transparent;
     opacity: 1;
}
 .owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls .owl-page span:hover{
     background: #fff;
     border: 2px solid #222222;
}
 .slider-testimonial .owl-dot {
     border: 2px solid transparent;
     height: 10px;
     width: 10px;
     background-color: #222222;
     border-radius: 50%;
     display: inline-block;
     margin-right: 5px;
     margin-bottom: -40px;
}
 .slider-testimonial .owl-dot.active{
     background: #fff;
     border: 2px solid #222222;
}
/*-------------------- 
Latest news 
-------------------------------------------------*/
 .latest-news-main{
     padding: 80px 0px;
}
 .latest-news-main .post-thumb {
     margin-top: 30px;
}
 .post-thumb{
     position: relative;
}
 .post-thumb::before{
     content: '';
     position: absolute;
     left: 0;
     top: 0;
     right: 0;
     bottom: 0;
     background: rgba(0,0,0,.6);
     -webkit-transition: all .3s ease;
     transition: all .3s ease;
     opacity: 0;
}
 .post-thumb::after {
     content: '\f278';
     font-family: Material-Design-Iconic-Font;
     position: absolute;
     left: 50%;
     top: 50%;
     font-size: 30px;
     opacity: 0;
     color: #ffffff;
     margin: -15px 0 0 -15px;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
     -webkit-transition: all .3s ease;
     transition: all .3s ease;
     width: 60px;
     height: 60px;
     border: 2px solid #fff;
     line-height: 35px;
     text-align: center;
     border-radius: 0;
     line-height: 55px;
}
 .post-thumb img{
     width: 100%;
}
 .date-box {
     position: absolute;
     top: 0px;
     right: 0px;
     background: #ff6d77;
     color: #fff;
     padding: 5px;
     width: 80px;
     text-align: right;
     border-radius: 0;
     box-shadow: -3px 2px 0px #fff;
     display: flex;
     justify-content: space-around;
}
 .date-box b{
     display: block;
     text-align: left;
     font-size: 24px;
     line-height: 25px;
}
 .post-description {
     box-shadow: none;
     padding: 30px;
     background: #222;
}
 .post-description h4 {
     font-size: 24px;
     font-weight: 700;
     padding-top: 0;
     padding-bottom: 0;
     border-left: none;
     padding-left: 0;
     margin-bottom: 10px;
     color: #fff;
}
 .post-description ul{
     padding: 0px;
     margin: 0px;
}
 .post-description ul li {
     display: inline-block;
     padding-right: 5px;
     padding-left: 5px;
     font-size: 14px;
     text-transform: uppercase;
     font-weight: 600;
     color: #999;
}
 .post-description p {
     padding: 20px 0px;
     font-size: 15px;
     line-height: normal;
     color: #999;
}
 .list-inline ul li{
     text-transform: capitalize;
     font-weight: 500;
}
 .list-inline ul {
     margin-left: 0;
}
 .list-inline {
     padding: 0;
     border-bottom: 0;
     margin-left: 0px;
}
 .post:hover .post-thumb::before{
     opacity: 1;
}
 .post:hover .post-thumb::after{
     opacity: 1;
}
 .post:hover .date-box{
     display: none;
}
/*-------------------- 
Our Partner 
-------------------------------------------------*/
 .our-partner-main{
     padding: 80px 0px;
}
 .partner-img{
     border: 2px dashed #222222;
     text-align: center;
     padding: 5px;
     cursor: pointer;
     border-radius: 6px;
}
 .partner-img img{
     max-width: 100%;
     width: auto !important;
     display: inline-block !important;
}
 .our-partner-main .all-title{
     margin-bottom: 30px;
}
 #our-partner-slider.owl-carousel .owl-wrapper-outer{
     padding-top: 40px;
}
 .top-box-time{
     text-align: center;
     padding: 12px 10px;
     background: #ff6d77;
     border-radius: 0;
     -webkit-transition: all .3s ease-in-out;
     -moz-transition: all .3s ease-in-out;
     -ms-transition: all .3s ease-in-out;
     -o-transition: all .3s ease-in-out;
     transition: all .3s ease-in-out;
}
 .top-box-time i{
     display: inline-block;
     padding-right: 10px;
     color: #222222;
     font-size: 18px;
}
 .top-box-time p{
     display: inline-block;
     color: #ffffff;
     font-size: 16px;
}
 .top-box-time:hover{
     background: #666;
     -webkit-transition: all .3s ease-in-out;
     -moz-transition: all .3s ease-in-out;
     -ms-transition: all .3s ease-in-out;
     -o-transition: all .3s ease-in-out;
     transition: all .3s ease-in-out;
}
 .top-box-time:hover i{
     color: #ff6d77;
     -webkit-transition: all .3s ease-in-out;
     -moz-transition: all .3s ease-in-out;
     -ms-transition: all .3s ease-in-out;
     -o-transition: all .3s ease-in-out;
     transition: all .3s ease-in-out;
}
/*-------------------- 
Footer 
-------------------------------------------------*/
 .footer-main {
     background: #222;
     background-size: cover;
     position: relative;
     margin-top: 0;
     padding: 70px 0px 0px 0px;
}
 .widget-footer{
     position: relative;
}
 .widget-footer-nav{
     position: relative;
}
 .widget-footer-request{
     position: relative;
}
 .footer-logo{
     margin-bottom: 15px;
}
 .footer-logo img{
     max-width: 100%;
}
 .footer-description{
     margin-bottom: 15px;
}
 .footer-description p {
     font-size: 16px;
     color: #999;
     line-height: 24px;
     margin-bottom: 30px;
     margin-top: 30px;
}
 .footer-socials{
}
 .footer-socials ul{
     display: block;
}
 .footer-socials ul li {
     display: inline-block;
     text-align: center;
     width: 32px;
     height: 32px;
     background: #ffffff;
     line-height: 32px;
     border-radius: 0;
}
 .footer-socials ul li a{
     font-size: 20px;
}
 .footer-socials ul li:hover{
     background: #ff6d77;
}
 .footer-socials ul li:hover a{
     color: #ffffff;
}
 .widget-footer-nav {
}
 .widget-footer-nav h3 {
     font-weight: 700;
     padding: 0px;
     font-size: 24px;
     color: #ffffff;
     padding-bottom: 30px;
}
 .widget-footer-nav ul::after{
     clear: both;
     display: table;
     content: '';
}
 .widget-footer-nav ul{
}
 .widget-footer-nav ul li {
     width: 48%;
     float: left;
     margin-right: 2%;
     line-height: 35px;
}
 .widget-footer-nav ul li a {
     color: #999;
     display: block;
     font-size: 16px;
}
 .widget-footer-nav ul li a:hover{
     color: #ff6d77;
     text-decoration: underline !important;
}
 .widget-footer-request{
}
 .widget-footer-request h3 {
     font-weight: 700;
     padding: 0px;
     font-size: 24px;
     color: #ffffff;
     padding-bottom: 40px;
}
 .request-form .form-group{
     position: relative;
     display: block;
     margin-bottom: 15px;
     padding: 0px 5px;
}
 .request-form .row{
     margin: 0px;
}
 .request-form .form-group input {
     position: relative;
     display: block;
     width: 100%;
     line-height: normal;
     padding: 10px 15px;
     height: 40px;
     font-size: 12px;
     background: none;
     color: #000;
     border: none;
     -webkit-transition: all 300ms ease;
     -ms-transition: all 300ms ease;
     -o-transition: all 300ms ease;
     -moz-transition: all 300ms ease;
     transition: all 300ms ease;
     letter-spacing: 0.1px;
     background: #fff;
     font-weight: 600;
}
 .request-form .form-group textarea{
     width: 100%;
     height: 70px;
     background: none;
     color: #000;
     padding: 10px 20px;
     letter-spacing: 0.1px;
     resize: none;
     border: none;
     background: #fff;
     font-weight: 600;
     font-size: 12px;
     -webkit-transition: all 300ms ease;
     -ms-transition: all 300ms ease;
     -o-transition: all 300ms ease;
     -moz-transition: all 300ms ease;
     transition: all 300ms ease;
}
 .request-form .form-group button {
     background: #ff6d77;
     padding: 8px 20px;
     font-size: 14px;
     float: left;
     text-transform: capitalize;
     font-weight: 700;
     border-radius: 0;
     color: #fff;
     transition: all .5s ease;
     border: none !important;
     cursor: pointer;
     text-transform: uppercase;
}
 .request-form .form-group button:hover{
     background: #ffffff;
     color: #222222;
}
 .copyright-main {
     padding: 15px;
     margin-top: 30px;
     border-top: 1px solid rgba(255,255,255,.2);
     position: relative;
     text-align: center;
}
 .copyright {
     width: 100%;
}
 .copyright p {
     text-align: center;
     color: #999;
     font-size: 14px;
     letter-spacing: 0.5px;
}
 .copyright p a{
     color: #999;
}
 .copyright p a:hover{
     color: #ff6d77;
}

/**----------------------------------- 
All Pages CSS Code 
---------------**/

/*-------------------- 
About Us 
-------------------------------------------------*/
 .page-title-main{
     background: url(../images/inner_page.jpg) no-repeat center fixed;
     background-size: cover;
     position: relative;
     margin-top: 0;
     padding: 170px 0px 70px 0px;
}
 .page-title-main::before{
     background: rgba(0,0,0,.7);
     position: absolute;
     top: 0px;
     left: 0px;
     content: "";
     height: 100%;
     width: 100%;
}
 .title-all{
     position: relative;
}
 .title-all ul.breadcrumb{
     background-color: transparent;
     justify-content: center;
}
 .title-all ul li a{
     color: #ffffff;
}
 .title-all ul li.active{
     color: #ff6d77;
}
.title-all h2 {
    font-size: 42px;
    color: #ffffff;
    font-weight: 700;
}
.breadcrumb {
      margin-bottom: 0;
}
.title-all ul.breadcrumb li {
    font-size: 18px;
    font-weight: 600;
}
 .inner-page-about{
     padding: 80px 0px;
}
.left-about h5 {
    font-size: 19px;
    color: #111111;
    line-height: 26px !important;
    font-weight: 600;
}
.left-about p {
    font-size: 15px;
    line-height: 24px !important;
    padding-bottom: 30px;
    margin-top: 10px;
}
.box-img-f {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    float: left;
}
 .box-img-f img{
     width: 100%;
     border-radius: 50%;
}
 .signature-box{
     float: left;
     margin-top: 54px;
     margin-left: 15px;
}
 .signature-box img{
     width: 120px;
}
 .right-about{
     border: 1px solid rgba(0,0,0,.4);
}
 .right-about img{
     width: 100%;
}
 .experience-main{
     background: #ffffff;
     position: relative;
     padding: 80px 0px;
}
 .experience-main::before{
     position: absolute;
     left: 0px;
     top: 0px;
     width: 50%;
     height: 100%;
     background: #f1f1f1;
     content: "";
}
 .left-experience .all-title{
     margin-bottom: 20px;
}
.left-experience p {
    margin-bottom: 30px;
    font-size: 17px;
    line-height: 25px;
    margin-top: 30px;
}
 .left-experience{
     text-align: left;
     position: relative;
     z-index: 2;
     padding-right: 40px;
}
 .left-experience .all-title .all-title-bar{
     margin: 5px 0;
}
 .left-experience .all-title-bar::after{
     left: 0;
     transform: translate(0%);
}
 .right-experience{
     text-align: left;
     position: relative;
     z-index: 2;
     padding-left: 40px;
}
 .right-experience .all-title .all-title-bar{
     margin: 5px 0;
}
 .right-experience .all-title-bar::after{
     left: 0;
     transform: translate(0%);
}
 .right-experience .all-title{
     margin-bottom: 20px;
}
 .progress-title{
     font-size: 14px;
     font-weight: 600;
     letter-spacing: 0.7px;
     color: #222222;
     text-transform: uppercase;
     margin: 10px 0 5px;
}
 .progress{
     height: 5px;
     background: #d6d6d6;
     border-radius: 6px;
     box-shadow: none;
     margin-bottom: 40px;
     overflow: visible;
     position: relative;
}
 .progress .progress-bar{
     position: relative;
     border-radius: 6px;
     -webkit-animation: animate-positive 2s;
     animation: animate-positive 2s;
}
 .progress .progress-bar:after{
     content: '\f1ab';
     font-family: Material-Design-Iconic-Font;
     position: absolute;
     top: -20px;
     right: -7px;
     font-size: 25px;
     font-weight: 700;
     color: #222222;
}
 .progress .progress-value{
     display: block;
     font-size: 12px;
     color: #222222;
     position: absolute;
     top: -23px;
     right: 0;
}
 @-webkit-keyframes animate-positive{
     0% {
         width: 0%;
    }
}
 @keyframes animate-positive{
     0% {
         width: 0%;
    }
}
.right-experience p {
    margin-bottom: 0;
    font-size: 17px;
    line-height: 25px;
    margin-top: 0;
}
.right-experience ul {
    padding-bottom: 30px;
    margin-top: 20px;
    font-size: 16px;
}
 .right-experience ul li{
     line-height: 34px;
}
 .right-experience ul li i{
     font-size: 16px;
     padding-right: 15px;
     color: #ff6d77;
}
 .right-experience blockquote{
     margin: 0px;
     padding: 10px 15px;
     font-style: italic;
     border-left: 5px solid #ff6d77;
}
 .right-experience blockquote p{
     padding: 0px;
     font-size: 14px;
}
/*--------------------
Inner Services 
-------------------------------------------------*/
.services-main-inner{
     padding: 80px 0px;
}
.inner-ser-box {
    margin-bottom: 50px;
    padding: 0;
}
.ser-icon {
    display: block;
    width: 80px;
    height: 80px;
    margin-bottom: 20px;
    border: none;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    border-radius: 100%;
    background: #222;
}
 .ser-icon i{
     display: table-cell;
     vertical-align: middle;
     text-align: center;
     width: 80px;
     height: 77px;
     font-size: 42px;
     color: #fff;
}
 .services-dit-inner{
     margin-bottom: 20px;
}
.services-dit-inner h3 {
    font-weight: 700;
}
 .services-dit-inner p{
     font-size: 15px;
}
 .ul-fa{
}
 .ul-fa li{
     padding-bottom: 10px;
     font-size: 14px;
}
 .ul-fa li i{
     float: left;
     padding-top: 0px;
     font-size: 24px;
     color: #ff6d77;
}
 .ul-fa li p{
     padding-left: 20px;
     padding-bottom: 0;
}
 .services-dit-inner:hover a h3{
     color: #ff6d77;
}
/*-------------------- 
Single Services 
-------------------------------------------------*/
 .single-services{
     padding: 80px 0px;
}
 .single-page-img{
     border: 1px solid #ededed;
    ;
}
 .single-page-img img{
     width: 100%;
}
 .single-dit{
     margin-top: 20px;
}
 .single-dit h3{
     font-size: 22px;
     font-weight: 600;
}
 .single-dit h3 span{
     font-weight: 700;
     color: #ff6d77;
}
 .single-dit p{
     font-size: 14px;
}
.single-margin {
    margin-top: 60px;
}
 .single-left{
}
 .single-left img{
     width: 100%;
}
 .single-right{
}
.single-right h4 {
    font-size: 21px;
    line-height: 26px !important;
    font-weight: 700;
    padding-bottom: 10px;
}    
 .single-right p{
     font-size: 14px;
     padding-bottom: 10px;
}
 .single-right ul{
     margin: 0px;
     padding: 0px;
}
 .single-right ul li i{
     font-size: 14px;
     padding-right: 15px;
     color: #ff6d77;
}
 .single-right ul li{
     font-size: 14px;
}
 .single-about-box{
     border: 1px solid #ff6d77;
}
 .single-choose-item{
     padding-top: 60px;
}
 .single-about-box{
     margin-bottom: 26px;
     position: relative;
     background: #fff;
     border: 1px solid #ededed;
     -webkit-transition: .5s;
     transition: .5s;
}
 .single-icon-box{
     width: 90px;
     padding: 25px 15px;
     float: left;
}
 .single-icon-box img{
     width: 100%;
}
 .choose-text{
     overflow: hidden;
     padding: 26px 0px 26px;
}
.choose-text p {
    padding-right: 0;
    font-size: 15px;
    line-height: normal;
    font-weight: 400;
}
 .single-about-box:hover{
     background: #ff6d77;
}
 .single-about-box:hover .choose-text p{
     color: #ffffff;
}
 .single-icon-hb{
     display: none;
}
 .single-about-box:hover .single-icon-ha{
     display: none;
}
 .single-about-box:hover .single-icon-hb{
     display: block;
}
 .single-page-left{
}
.single-page-left h5 {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 20px;
    padding-bottom: 0px;
}
.group-list{
}
 .group-list ul{
     margin: 0px;
     padding: 0px;
}
 .group-list ul li{
}
.group-list ul li a {
    line-height: 35px;
    background: #222;
    margin-top: 6px;
    padding: 5px 35px;
    display: block;
    color: #ddd;
    position: relative;
    font-size: 15px;
    font-weight: 500;
}
 .group-list ul li a:hover{
     background: #ff6d77;
     color: #ffffff;
     font-weight: 600;
}
.group-list ul li a::before {
    content: '\f2fb';
    font-family: Material-Design-Iconic-Font;
    position: absolute;
    left: 0px;
    font-size: 23px;
    font-weight: 300;
    left: 20px;
}
 .group-list ul li a:hover::before{
     opacity: 1;
     font-weight: 300;
}
 .question-box{
     margin: 20px 0px;
     position: relative;
}
 .question-img{
     position: relative;
     border-bottom: 2px solid #222222;
     border-right: 2px solid #222222;
}
 .question-img img{
     width: 100%;
}
 .question-img::before{
     position: absolute;
     content: '';
     background: #000;
     width: 100%;
     height: 100%;
     left: 0px;
     top: 0px;
     opacity: .2;
}
 .content-question{
     position: absolute;
     bottom: 0px;
     right: 0px;
     z-index: 1;
}
 .content-question h4{
     font-size: 18px;
     color: #ffffff;
     font-weight: 500;
}
 .call-que{
     background: #ff6d77;
     padding: 4px 10px;
     border-top: 0px;
     border-left: 0px;
     border-bottom: 2px solid #222222;
     border-right: 2px solid #222222;
}
 .call-que i{
     display: inline-block;
     color: #ffffff;
     padding-right: 5px;
}
 .call-que p{
     display: inline-block;
     color: #ffffff;
}
 .question-box:hover .question-img{
     border-bottom: 2px solid #ff6d77;
     border-right: 2px solid #ff6d77;
}
/*-------------------- 
Project 1 
-------------------------------------------------*/
 .project-main{
     padding: 80px 0px;
}
 .project-box-hover{
     position: relative;
     margin-bottom: 30px;
}
 .project-box-hover figure{
     margin: 0px;
     position: relative;
     border: 1px solid #ff6d77;
     cursor: pointer;
}
 .project-box-hover figure img{
     width: 100%;
}
 .project-box-hover figcaption {
     height: 100%;
     width: 100%;
     opacity: 0;
     text-align: center;
     -webkit-backface-visibility: hidden;
     -moz-backface-visibility: hidden;
     backface-visibility: hidden;
     -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
     -moz-transition: -moz-transform 0.3s, opacity 0.3s;
     transition: transform 0.3s, opacity 0.3s;
}
 .project-box-hover figcaption{
     position: absolute;
     top: 0;
     left: 0;
     padding: 20px;
     background: rgba(255, 152, 0, 0.8);
     color: #ffffff;
     border-radius: 10px 0px 10px 10px;
}
 .project-box-hover figure:hover figcaption, .project-box-hover figure.cs-hover figcaption {
     opacity: 1;
     -webkit-transform: translate(-10px, 10px);
     -moz-transform: translate(-10px, 10px);
     -ms-transform: translate(-10px, 10px);
     transform: translate(-10px, 10px);
     border-radius: 10px 0px 10px 10px;
}
 .project-box-hover figcaption h3 {
     margin-top: 40px;
     font-weight: 600;
}
 .project-box-hover figcaption span {
     display: block;
}
 .project-box-hover figcaption a {
     margin-top: 10px;
     background: #222222;
     color: #ffffff;
     padding: 5px 10px;
     display: inline-block;
     border-radius: 6px;
     font-weight: 500;
}
 .project-box-hover figcaption a:hover{
     background: #ffffff;
     color: #222222;
}
/*-------------------- 
Project 2 
-------------------------------------------------*/
 .project-box-hover-2{
     position: relative;
     margin-bottom: 30px;
}
.project-box-hover-2 figure {
    margin: 0px;
    position: relative;
    cursor: pointer;
}
 .project-box-hover-2 figure img {
     z-index: 10;
     width: 100%;
}
 .project-box-hover-2 figcaption{
     position: absolute;
     top: 0;
     left: 0;
     padding: 20px;
     background: #ff6d77;
     color: #ffffff;
}
 .project-box-hover-2 figcaption {
     height: 100%;
     width: 100%;
     opacity: 0;
     -webkit-backface-visibility: hidden;
     -moz-backface-visibility: hidden;
     backface-visibility: hidden;
     -webkit-transition: opacity 0.3s, height 0.3s, box-shadow 0.3s;
     -moz-transition: opacity 0.3s, height 0.3s, box-shadow 0.3s;
     transition: opacity 0.3s, height 0.3s, box-shadow 0.3s;
     box-shadow: 0 0 0 0px #222222;
}
.project-box-hover-2 figure:hover figcaption, .project-box-hover-2 figure.cs-hover figcaption {
    opacity: 1;
    height: 132%;
    box-shadow: 0 0 0 10px #222222;
    z-index: 1;
}
.project-box-hover-2 figcaption h3 {
    margin-top: 85%;
    padding: 0px;
    font-weight: 700;
}
 .project-box-hover-2 figcaption h3, .project-box-hover-2 figcaption span, .project-box-hover-2 figcaption a {
     opacity: 0;
     -webkit-transition: opacity 0s;
     -moz-transition: opacity 0s;
     transition: opacity 0s;
}
.project-box-hover-2 figcaption a {
    position: absolute;
    bottom: 23px;
    right: 23px;
    background: #222222;
    color: #ffffff;
    padding: 10px 15px;
    display: inline-block;
    border-radius: 0;
    font-weight: 600;
}
 .project-box-hover-2 figcaption a:hover {
     background: #ffffff;
     color: #222222;
}
 .project-box-hover-2 figure:hover figcaption h3, .project-box-hover-2 figure:hover figcaption span, .project-box-hover-2 figure:hover figcaption a, .project-box-hover-2 figure.cs-hover figcaption h3, .project-box-hover-2 figure.cs-hover figcaption span, .project-box-hover-2 figure.cs-hover figcaption a {
     -webkit-transition: opacity 0.3s 0.2s;
     -moz-transition: opacity 0.3s 0.2s;
     transition: opacity 0.3s 0.2s;
     opacity: 1;
}
 .project-box-hover-2 figure:hover img{
     z-index: 2;
     position: relative;
}
/*-------------------- 
Project 3 
-------------------------------------------------*/
 .project-box-hover-3{
     position: relative;
     margin-bottom: 30px;
     overflow: hidden;
}
 .project-box-hover-3 figure {
     overflow: hidden;
     margin: 0px;
}
 .project-box-hover-3 figure img {
     -webkit-transition: -webkit-transform 0.4s;
     -moz-transition: -moz-transform 0.4s;
     transition: transform 0.4s;
     width: 100%;
}
 .project-box-hover-3 figure:hover img, .project-box-hover-3 figure.cs-hover img {
     -webkit-transform: translateY(-50px);
     -moz-transform: translateY(-50px);
     -ms-transform: translateY(-50px);
     transform: translateY(-50px);
}
 .project-box-hover-3 figcaption{
     position: absolute;
     top: 0;
     left: 0;
     padding: 20px;
     background: #ff6d77;
     color: #ffffff;
}
 .project-box-hover-3 figcaption {
     height: 100px;
     width: 100%;
     top: auto;
     bottom: 0;
     opacity: 0;
     -webkit-transform: translateY(100%);
     -moz-transform: translateY(100%);
     -ms-transform: translateY(100%);
     transform: translateY(100%);
     -webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.3s;
     -moz-transition: -moz-transform 0.4s, opacity 0.1s 0.3s;
     transition: transform 0.4s, opacity 0.1s 0.3s;
}
 .project-box-hover-3 figure:hover figcaption, .project-box-hover-3 figure.cs-hover figcaption {
     opacity: 1;
     -webkit-transform: translateY(0px);
     -moz-transform: translateY(0px);
     -ms-transform: translateY(0px);
     transform: translateY(0px);
     -webkit-transition: -webkit-transform 0.4s, opacity 0.1s;
     -moz-transition: -moz-transform 0.4s, opacity 0.1s;
     transition: transform 0.4s, opacity 0.1s;
}
 .project-box-hover-3 h3{
     font-weight: 600;
     padding: 0px;
     margin-bottom: 6px;
}
 .project-box-hover-3 figcaption a {
     position: absolute;
     bottom: 25px;
     right: 20px;
     background: #222222;
     color: #ffffff;
     padding: 5px 10px;
     display: inline-block;
     border-radius: 6px;
     font-weight: 500;
}
 .project-box-hover-3 figcaption a:hover{
     background: #ffffff;
     color: #222222;
}
/*-------------------- 
Single Project 
-------------------------------------------------*/
 .single-project-main{
     padding: 80px 0px;
}
 .single-project-box{
     margin-bottom: 30px;
}
 .single-project-box h3{
     font-size: 24px;
     font-weight: 600;
     color: #222222;
}
 .single-project-box p{
     padding-bottom: 20px;
}
 .project-single-img img{
     width: 100%;
     border-radius: 0;
}
.project-social {
    float: left;
    margin-top: 20px;
    margin-bottom: 20px;
}
 .project-social h5{
     font-size: 18px;
     font-weight: 500;
     float: left;
     padding: 7px 0px;
     margin-right: 15px;
}
 .project-social a {
    float: left;
    width: 38px;
    height: 38px;
    text-align: center;
    line-height: 38px;
    background: #ff6d77;
    color: #ffffff;
    font-size: 21px;
    border-radius: 0;
    margin-right: 5px;
}
 .project-social a:hover{
     background: #222222;
     color: #ffffff;
}
 .single-project-box::after {
     clear: both;
     display: table;
     content: '';
}
 .project-single-right{
}
 .project-single-right h4{
     font-size: 22px;
     font-weight: 700;
     color: #222222;
}
 .project-single-right p{
     margin-bottom: 20px;
}
 .project-single-right ul{
     margin: 0px;
     padding: 0px;
}
 .project-single-right ul li{
     width: 50%;
     float: left;
     margin-bottom: 20px;
}
.project-single-right ul li h5 {
    font-size: 18px;
    color: #222222;
    font-weight: 700;
    padding: 0px;
}
 .project-single-right ul li p{
     margin: 0px;
     font-size: 14px;
}
 .single-project-info-list{
     padding-bottom: 20px;
}
.single-project-info-list h3 {
    font-size: 22px;
    font-weight: 700;
    color: #222222;
    margin-top: 20px;
}
/*-------------------- 
Gallery 
-------------------------------------------------*/
.gallery-box-hover {
    margin-top: 30px;
    overflow: hidden;
}
.gallery-main{
     padding: 80px 0px;
}
 .gallery-box-hover figure{
     margin: 0px;
}
 .gallery-box-hover figure img{
     width: 100%;
}
.gallery-box-hover figcaption {
    position: absolute;
    width: 80%;
    height: 80%;
    left: 10%;
    top: 10%;
    text-align: center;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.gallery-box-hover figure:hover figcaption {
    background: rgba(17, 17, 17, 0.85);
}
 .nd-content_inner {
     display: table;
     width: 100%;
     height: 100%;
}
.nd-title {
    position: relative;
    top: -150px;
    opacity: 0;
    margin: 0 0 30px;
    font-weight: 700;
    -webkit-transition: all 1s ease 0.01s;
    transition: all 1s ease 0.01s;
    color: #ffffff;
}
.nd-text {
    display: none;
}
 .nd-content_inner1 {
     display: table-cell;
     width: 100%;
     height: 100%;
     vertical-align: middle;
     padding: 20px;
}
 .gallery-box-hover figure:hover .nd-title{
     -webkit-transition: all 0.5s ease 0.01s;
     transition: all 0.5s ease 0.01s;
     opacity: 1;
     top: 0;
}
 .nd-text {
     position: relative;
     bottom: -150px;
     opacity: 0;
     margin: 0 0 30px;
     font-size: 14px;
     -webkit-transition: all 1s ease 0.01s;
     transition: all 1s ease 0.01s;
     color: #ffffff;
}
 .gallery-box-hover figure:hover .nd-text{
     -webkit-transition: all 0.5s ease 0.01s;
     transition: all 0.5s ease 0.01s;
     opacity: 1;
     bottom: 0;
}
 .rm-btn {
    position: relative;
    bottom: -150px;
    opacity: 0;
    margin: 0 0 30px;
    font-size: 16px;
    background: #ff6d77;
    color: #222;
    padding: 10px 25px;
    border-radius: 0;
    -webkit-transition: all 1s ease 0.01s;
    transition: all 1s ease 0.01s;
    font-weight: 600;
}
 .gallery-box-hover figure:hover .rm-btn{
     -webkit-transition: all 0.5s ease 0.01s;
     transition: all 0.5s ease 0.01s;
     opacity: 1;
     bottom: 0;
}
 .rm-btn:hover{
     background: #ffffff;
     color: #222222;
}
 .gallery-box-hover:hover{
     box-shadow: -10px 10px 0px 0px #ff6d77;
     -webkit-transition: all 0.5s ease 0.01s;
     transition: all 0.5s ease 0.01s;
}
/*-------------------- 
Our team 
-------------------------------------------------*/
 .our-team-two{
     padding: 80px 0px;
}
 .our-team-two .team-img img{
     border-radius: 40px 20px;
}
 .our-team-two .filter-social ul li{
     margin: 0px;
}
 .our-team-two .team-img:hover .filter-title{
     border-radius: 20px 0px 0px 0px;
}
 .our-team-two .team-img:hover .filter-social{
     border-radius: 0px 0px 20px 0px;
}
 .team-description{
     padding-bottom: 30px;
     text-align: justify;
}
 .our-team-two .team-img img {
     -webkit-transition: all 1s;
     transition: transform 1s;
}
 .our-team-two .team-img:hover img{
     -webkit-transform: scale(1.03, 1.03);
     transform: scale(1.03, 1.03);
     border-radius: 35px 0px 35px 0px;
}
 .teamdetail .innertext {
     padding: 20px;
}
 .teamdetail .innerImg {
     height: 516px;
     background-size: cover;
     background-position: center;
}
 .teamdetail .innertext h3{
     font-size: 24px;
     font-weight: 500;
}
 .teamdetail .innertext .subtitle{
     font-size: 16px;
     color: #222222;
     font-weight: 500;
     padding-bottom: 14px;
}
/*-------------------- 
Review 
-------------------------------------------------*/
 .review-main{
     padding: 80px 0px;
}
 .review-box{
}
 .review-box ul{
}
 .review-box ul li{
     position: relative;
     display: inline-block;
     margin-bottom: 35px;
     border-bottom: 1px solid #eaeaea;
     padding-bottom: 30px;
}
 .avatar-icon{
     float: left;
     position: absolute;
     padding: 0 20px 0 0;
     display: inline-block;
     left: 0;
     top: 0px;
}
 .avatar-icon img{
     width: 100%;
     border-radius: 50%;
}
 .comment-title{
     padding: 10px 0px;
     position: relative;
}
 .comment-title .star-rating {
     position: absolute;
     right: 0;
     top: 7px;
}
 .star-rating {
     display: block;
     font-size: 17px;
}
 .star-rating .star {
     display: inline-block;
     margin: 0;
     padding: 0;
     float: left;
     margin-right: 4px;
     position: relative;
     font-size: 20px;
}
 .star-rating .star.half::after, .star-rating .star::before {
     font-family: Material-Design-Iconic-Font;
     content: '\f27d';
     display: block;
     color: #ffc600;
}
 .star-rating .star.half::before {
     color: #ddd;
}
 .star-rating .star.half::after {
     color: #ffc600;
     position: absolute;
     top: 0;
     width: 50%;
     display: block;
     height: 100%;
     overflow: hidden;
}
 .comment-box{
     color: #666;
     padding: 0 0 0 230px;
}
 .comment-title .title-co {
    color: #222222;
    font-size: 21px;
    font-weight: 700;
}
 .comment-title .comment-list{
     display: inline-block;
     color: #888;
     font-weight: 400;
     font-size: 14px;
}
 .comment-title .date{
     display: block;
     font-weight: 300;
     font-size: 13px;
}
 .comment-box p {
     padding: 5px 0;
     font-size: 15px;
}
 .comment-box a {
    background: #ff6d77;
    padding: 9px 15px;
    font-size: 15px;
    float: left;
    text-transform: capitalize;
    font-weight: 700;
    border-radius: 6px;
    color: #fff;
    transition: all .5s ease;
    margin-top: 20px;
}
 .comment-box a i{
     font-size: 18px;
     padding-right: 6px;
}
 .reply-form{
     padding: 15px;
}
 .header-form{
}
 .header-form h4{
     font-size: 20px;
     font-weight: 500;
}
 .reply-box{
     margin: 10px 0px;
}
 .reply-box textarea{
     width: 100%;
     border: 1px solid #cccccc;
     box-sizing: border-box;
     padding: 10px;
}
 .reply-btn{
     background: #ff6d77;
     padding: 5px 15px;
     font-size: 17px;
     text-transform: capitalize;
     font-weight: 500;
     border-radius: 6px;
     color: #fff;
     transition: all .5s ease;
     border: none;
}
 #cboxLoadedContent .reply-form{
     margin: 0px;
}
/*-------------------- 
Faq 
-------------------------------------------------*/
.faq-main {
    padding: 70px 0px;
    background: #fff;
}
 .faq-box .card-header{
     padding: 0px;
}
 .faq-box h4{
     padding: 0px;
}
 .faq-box h4 a{
     display: block;
     text-align: left;
     padding: 0px;
     border: none;
     color: #222222;
}
 .faq-box h4 a:hover{
     background: #ff6d77;
     color: #ffffff;
     opacity: 1;
}
 .faq-title-b{
     padding: 20px 0px;
}
.faq-title-b h5 {
    text-align: center;
    font-size: 28px;
    font-weight: 600;
}
.faq-box .card {
    box-shadow: none;
    margin: 0 0 20px;
    border-radius: 0;
}
 .faq-box .panel-heading{
     padding: 0px;
     border-radius: 6px;
}
 .faq-box .icon-container {
     display: inline-block;
     margin-right: 10px;
     vertical-align: middle;
     text-align: !important;
     font-size: 16px;
     height: 50px;
     line-height: 50px;
     padding-top: 1px;
     padding-right: 10px;
     padding-left: 10px;
     border-top-left-radius: 3px;
     float: left;
}
 .color-bg{
     background: #ff6d77;
}
 .faq-box .card-body{
     padding: 15px 10px;
}
 .faq-box .title-text{
     line-height: 50px;
     font-size: 16px;
     font-weight: 500;
}
 .faq-box .card-body .faq-description{
     position: relative;
     font-size: 15px;
     padding-left: 36px;
}
 .icon-alt i{
     font-size: 24px;
     color: #222222;
     padding: 11px 0px;
}
 .faq-icon-des{
     float: left;
}
 .faq-icon-des i{
     font-size: 25px;
     padding: 4px 0px;
     color: #ff6d77;
}
 .faq-box .card-header.active{
     background-color: #ff6d77;
}
 .faq-box .card-header.active .title-text{
     color: #ffffff;
}
 .faq-i{
     float: left;
}
 .faq-box .card-body .faq-img-dit .faq-description{
     padding-left: 256px;
}
/*-------------------- 
Blog Grid 2 
-------------------------------------------------*/
 .blog-main{
     padding: 80px 0px;
}
 .blog-box{
     margin: 0px 10px;
}
 .blog-img-box{
     transition: all 1s ease 0.01s;
     position: relative;
}
 .blog-img-box .opacity{
     position: absolute;
     width: 100%;
     height: 100%;
     top: 0;
     left: 0;
     background: rgba(0,0,0,0.55);
     opacity: 0;
     visibility: hidden;
     -webkit-transition: all .3s ease-in-out;
     -moz-transition: all .3s ease-in-out;
     -ms-transition: all .3s ease-in-out;
     -o-transition: all .3s ease-in-out;
     transition: all .3s ease-in-out;
     transform: scale(0.7);
     -webkit-transform: scale(0.7);
     -moz-transform: scale(0.7);
     -ms-transform: scale(0.7);
     -o-transform: scale(0.7);
}
 .blog-img-box .opacity span{
     display: table;
     width: 100%;
     height: 100%;
     text-align: center;
}
 .blog-img-box .opacity span a{
     display: table-cell;
     vertical-align: middle;
}
 .blog-img-box .opacity span a i{
     display: block;
     font-weight: 300;
     font-style: normal;
     margin: 0 auto;
     color: #ffffff;
     font-size: 60px;
}
 .blog-box:hover .blog-img-box .opacity{
     opacity: 1;
     visibility: visible;
     transform: scale(1);
     -webkit-transform: scale(1);
     -moz-transform: scale(1);
     -ms-transform: scale(1);
     -o-transform: scale(1);
}
 .blog-img-box{
}
 .blog-img-box img{
     width: 100%;
}
 .blog-box:hover .blog-img-box{
     box-shadow: -10px 10px 0px 0px #ff6d77;
     -webkit-transition: all 0.5s ease 0.01s;
     transition: all 0.5s ease 0.01s;
}
 .blog-detail {
    padding: 30px 0;
    background: transparent;
    z-index: 0;
    position: relative;
}
 .blog-detail h4 {
    font-size: 20px;
    font-weight: 600;
    color: #222222;
}
 .blog-detail ul{
}
 .blog-detail ul li{
     display: inline-block;
     padding: 0px 5px;
}
 .blog-detail ul li:first-child {
     padding-left: 0px;
}
 .blog-detail p {
    padding: 15px 0 0;
    font-size: 17px;
    line-height: 25px;
}
/*-------------------- 
Blog Side 
-------------------------------------------------*/
 .blog-side{
     padding: 80px 0px;
}
 .blog-inner-box{
     position: relative;
     margin: 0px 10px;
     margin-bottom: 30px;
}
 .side-blog-img img{
     width: 100%;
}
 .side-blog-img .opacity{
     position: absolute;
     width: 100%;
     height: 100%;
     top: 0;
     left: 0;
     background: rgba(0,0,0,0.55);
     opacity: 0;
     visibility: hidden;
     -webkit-transition: all .3s ease-in-out;
     -moz-transition: all .3s ease-in-out;
     -ms-transition: all .3s ease-in-out;
     -o-transition: all .3s ease-in-out;
     transition: all .3s ease-in-out;
     transform: scale(0.7);
     -webkit-transform: scale(0.7);
     -moz-transform: scale(0.7);
     -ms-transform: scale(0.7);
     -o-transform: scale(0.7);
}
 .side-blog-img .opacity span{
     display: table;
     width: 100%;
     height: 100%;
     text-align: center;
}
 .side-blog-img .opacity span a{
     display: table-cell;
     vertical-align: middle;
}
 .side-blog-img .opacity span a i{
     display: block;
     font-weight: 300;
     font-style: normal;
     margin: 0 auto;
     color: #ffffff;
     font-size: 60px;
}
 .blog-inner-box:hover .side-blog-img .opacity{
     opacity: 1;
     visibility: visible;
     transform: scale(1);
     -webkit-transform: scale(1);
     -moz-transform: scale(1);
     -ms-transform: scale(1);
     -o-transform: scale(1);
}
 .date-blog-up{
     position: absolute;
     left: 0px;
     top: 20px;
     background: #ff6d77;
     font-size: 18px;
     color: #ffffff;
     padding: 5px 15px 5px 5px;
     border-radius: 0px 6px 6px 0px;
}
 .inner-blog-detail{
     background: #ffffff;
     position: relative;
     padding: 30px 0;
}
 .inner-blog-detail h3 {
    font-size: 25px;
    font-weight: 600;
    padding-bottom: 15px;
}
 .inner-blog-detail ul{
}
 .inner-blog-detail ul li{
     display: inline-block;
     padding: 0px 5px;
     color: #222222;
}
 .inner-blog-detail ul li i{
     padding-right: 5px;
}
 .inner-blog-detail ul li span{
     color: #ff6d77;
}
 .inner-blog-detail p {
    padding: 10px 0px;
    font-size: 16px;
    line-height: 25px;
}
 .right-side-blog h3 {
    font-weight: 700;
    font-size: 21px;
    padding-bottom: 25px;
}
 .blog-search-form{
     position: relative;
     padding-bottom: 30px;
     margin-bottom: 20px;
}
 .blog-search-form input {
    width: 100%;
    min-height: 40px;
    border: 1px solid rgba(0,0,0,0.3);
    padding: 10px 50px 10px 20px;
    font-size: 16px;
    letter-spacing: 0px;
}
 .blog-search-form .search-btn {
    position: absolute;
    right: 0px;
    background: none;
    border: none;
    font-size: 20px;
    min-height: 40px;
    padding: 7px 15px;
}
 .blog-categories{
     padding-bottom: 30px;
     margin-bottom: 20px;
}
 .blog-categories ul{
}
 .blog-categories ul li{
     line-height: 14px;
     padding: 10px 0px;
     border-top: 1px solid #f5f5f5;
}
 .blog-categories ul li a{
     display: inline-block;
     text-transform: capitalize;
     width: 100%;
}
 .blog-categories ul li a span:first-child{
     float: left;
     color: #222222;
}
 .blog-categories ul li a span{
     float: right;
     color: #ff6d77;
}
 .blog-categories ul li a:hover span{
     color: #ff6d77;
}
 .post-box-blog{
     width: 100%;
     display: table;
     padding-bottom: 30px;
     margin-bottom: 20px;
}
 .recent-box-blog{
     margin-bottom: 20px;
}
 .recent-img{
     float: left;
     position: relative;
}
 .recent-img::before{
     position: absolute;
     content: '';
     z-index: 2;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background-color: #ff6d77;
     opacity: 0.9;
     transform: scale(0);
     -webkit-transform: scale(0);
     -moz-transform: scale(0);
     -ms-transform: scale(0);
     -o-transform: scale(0);
     transition: all 0.5s ease;
     -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
     -o-transition: all 0.5s ease;
}
 .recent-info{
     display: table-cell;
     vertical-align: top;
     padding-left: 15px;
}
 .recent-info ul{
}
 .recent-info ul li{
     display: inline-block;
     font-size: 11px;
     padding: 0px;
     color: #222222;
}
 .recent-info ul li i{
     padding-right: 4px;
}
 .recent-info ul li span{
     color: #ff6d77;
}
 .recent-info h4{
     font-size: 14px;
     padding: 0px;
     margin: 11px 0px;
     font-weight: 500;
}
 .recent-box-blog:hover .recent-img::before{
     transform: scale(1);
     -webkit-transform: scale(1);
     -moz-transform: scale(1);
     -ms-transform: scale(1);
     -o-transform: scale(1);
}
 .blog-tag-box{
     padding-bottom: 30px;
     margin-bottom: 20px;
}
 .blog-tag-box ul{
}
 .blog-tag-box ul li{
     display: inline-block;
     margin-bottom: 3px;
}
 .blog-tag-box ul li a{
     padding: 10px 15px;
     display: block;
     background: #f5f5f5;
     color: #222222;
     border-radius: 6px;
}
 .blog-tag-box ul li a:hover{
     color: #ffffff;
     background: #ff6d77;
}
 .pagination-box{
     clear: both;
     position: relative;
     min-height: 56px;
}
 .clear:after, .pagination:after, .clear:before, .pagination:before {
     content: "";
     display: table;
}
 .clear:after, .pagination:after {
     clear: both;
}
 .pagination-wrap {
     height: 50px;
     left: 50%;
     position: absolute;
     text-align: center;
     -webkit-transform: translate(-50%, -50%);
     transform: translate(-50%, -50%);
     top: 50%;
     width: 700px;
}
 .pagination-wrap:before, .pagination-wrap:after {
     content: "";
     height: 1px;
     left: 0;
     position: absolute;
     width: 100%;
}
 .pagination-wrap:before {
     top: -1px;
}
 .pagination-wrap:after {
     bottom: -1px;
}
 @-webkit-keyframes hoverAnimation {
     from {
         opacity: 1;
    }
     to {
         opacity: 0;
    }
}
 @keyframes hoverAnimation {
     from {
         opacity: 1;
    }
     to {
         opacity: 0;
    }
}
 .pagination {
     display: inline-block;
     list-style: none;
     margin: 0;
     padding: 0;
}
 .pagination li {
     display: block;
     float: left;
     padding: 5px;
}
 .pagination li:first-child {
     border: none;
}
 .pagination button, .pagination span {
     background: none;
     border: none;
     border-radius: 50%;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
     color: #222222;
     display: block;
     font-size: 16px;
     height: 40px;
     line-height: 40px;
     min-width: 40px;
     padding: 0;
     font-weight: 500;
}
 .pagination button {
     outline: none;
     position: relative;
     -webkit-transition: all 170ms linear;
     transition: all 170ms linear;
}
 .pagination button:before {
     background: #ff6d77;
     border-radius: 50%;
     content: "";
     cursor: pointer;
     height: 0;
     left: 50%;
     opacity: 0;
     position: absolute;
     -webkit-transform: translate(-50%, -50%);
     transform: translate(-50%, -50%);
     -webkit-transition: all 170ms linear;
     transition: all 170ms linear;
     top: 50%;
     width: 0;
     color: #ffffff;
}
 .pagination button:hover:not(.active) {
     color: black;
}
 .pagination button:hover:not(.active):before {
     -webkit-animation: hoverAnimation 510ms linear forwards;
     animation: hoverAnimation 510ms linear forwards;
     height: 40px;
     width: 40px;
}
 .pagination button.active {
    background: #ff6d77;
    color: #fff;
}
 .pagination .prev, .pagination .next {
     font-size: 14px;
}
 /* @media (max-width: 800px) {
     html, body {
         height: 100%;
         overflow: hidden;
         width: 100%;
    }
} */
/*-------------------- 
Blog Details 
-------------------------------------------------*/
 .blog-details-main{
     padding: 80px 0px;
}
 .details-page::after {
     clear: both;
     display: table;
     content: '';
}
 .details-page blockquote{
     padding: 20px;
}
 .details-page blockquote p{
     padding: 0px;
     font-size: 16px;
}
 .details-page blockquote {
     border-left: 5px solid #ff6d77;
}
 .list-blog-detail{
     position: relative;
     margin: 20px 0px;
     width: 100%;
     float: left;
}
 .list-blog-detail::after {
     clear: both;
     display: table;
     content: '';
}
 .list-blog-detail li{
     width: 50%;
     float: left;
     font-size: 16px;
     font-weight: 400;
     color: #222222;
     cursor: pointer;
     line-height: 33px;
}
 .list-blog-detail li i{
     padding: 0px;
     font-size: 20px;
     padding: 2px 0px;
}
 .list-blog-detail li:hover{
     color: #ff6d77;
}
 .blog-inner-details-line{
     margin: 20px 0px;
     clear: both;
     float: left;
     width: 100%;
}
 .blog-inner-details-line::after {
     clear: both;
     display: table;
     content: '';
}
 .line-left-social{
}
 .line-left-social h5{
     font-size: 18px;
     font-weight: 600;
     padding-bottom: 15px;
}
 .line-left-social ul{
}
 .line-left-social ul li{
     display: inline-block;
     margin-bottom: 5px;
}
 .line-left-social ul li a{
     display: block;
     padding: 5px 10px;
     background: #f5f5f5;
     border-radius: 6px;
     font-weight: 400;
     font-size: 12px;
}
 .line-left-social ul li a:hover{
     background: #ff6d77;
     color: #ffffff;
}
 .line-right-social{
}
 .line-right-social h5{
     font-size: 18px;
     font-weight: 600;
     padding-bottom: 15px;
}
 .line-right-social ul{
}
 .line-right-social ul li{
     display: inline-block;
}
 .line-right-social ul li a{
     display: block;
     padding: 5px;
     background: #f5f5f5;
     border-radius: 6px;
     font-weight: 500;
     width: 35px;
     height: 35px;
     text-align: center;
     line-height: 25px;
     font-size: 15px;
}
 .line-right-social ul li a:hover{
     background: #ff6d77;
     color: #ffffff;
}
 .blog-comment-box{
     clear: both;
     margin: 20px 0px;
     float: left;
     width: 100%;
}
 .blog-comment-box h3{
     font-size: 18px;
     font-weight: 600;
     padding-bottom: 20px;
}
 .comment-item{
     margin-bottom: 30px;
}
 .comment-item-left{
     float: left;
     width: 90px;
     height: 90px;
}
 .comment-item-left img{
     width: 100%;
     border-radius: 6px;
}
 .comment-item-right a {
    font-size: 17px;
    font-weight: 700;
}
 .comment-item-right a:hover{
     color: #ff6d77;
}
 .comment-item-right{
     padding-left: 110px;
}
 .comment-item-right i{
     padding-right: 10px;
}
 .comment-item-right::after {
     clear: both;
     display: table;
     content: '';
}
 .des-l{
     display: inline-block;
     width: 100%;
}
 .des-l p {
    font-size: 14px;
    line-height: 24px;
    padding-right: 120px;
}
 .right-btn-re{
     float: right;
     font-style: italic;
     text-align: right;
     font-size: 16px;
     padding: 5px 10px;
     background: #f5f5f5;
     border-radius: 6px;
}
 .right-btn-re i{
     padding-right: 5px;
}
 .right-btn-re:hover {
     background: #ff6d77;
     color: #ffffff !important;
}
 .blog-comment-box .children{
     margin-left: 70px;
}
 .comment-respond-box{
     clear: both;
}
 .comment-respond-box h3{
     font-size: 18px;
     font-weight: 600;
     padding-bottom: 20px;
}
 .comment-form-respond{
}
 .comment-form-respond::after {
     clear: both;
     display: table;
     content: '';
}
 .comment-form-respond input {
    min-height: 38px;
    border: 2px solid #999;
    border-radius: 0;
    padding: 10px 15px;
    font-size: 15px;
}
 .comment-form-respond textarea{
     border: 2px solid #999;
     border-radius: 0;
     padding: 10px 15px;
     min-height: 110px;
}
 .comment-form-respond .btn-submit {
    float: right;
    background: #f5f5f5;
    border: none;
    padding: 10px 15px;
    border-radius: 0;
    font-weight: 500;
}
 .comment-form-respond .btn-submit:hover{
     background: #ff6d77;
     color: #ffffff;
}
/*-------------------- 
Contact Us 
-------------------------------------------------*/
 .contact-main{
     padding: 70px 0px;
}
 .contact-left-slide h3 {
    font-size: 25px;
    font-weight: 700;
    padding-bottom: 20px;
    text-align: center;
}
 .box-contact-inner{
}
 .box-contact-inner h4{
     font-size: 16px;
     font-weight: 500;
     padding-bottom: 20px;
}
 .contact-box {
    text-align: center;
    border: 5px solid #eee;
    height: 200px;
    padding: 20px;
    display: table;
    width: 100%;
    position: relative;
    margin-bottom: 30px;
}
 .contact-description{
     color: #222222;
     position: relative;
     top: 0px;
     z-index: 10;
     transition: all 0.5s ease;
     -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
     -o-transition: all 0.5s ease;
}
.contact-description p {
    font-size: 14px;
    line-height: 22px;
}
 
 .contact-description p i{
     font-size: 16px;
     padding-right: 5px;
}
 .contact-box:hover .contact-description{
     color: #fff;
     top: 10px;
}
 .contact-box::after{
     position: absolute;
     content: "";
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     background-color: #ff6d77;
     -webkit-transform: perspective(400px) rotateX(-90deg);
     -moz-transform: perspective(400px) rotateX(-90deg);
     -ms-transform: perspective(400px) rotateX(-90deg);
     -o-transform: perspective(400px) rotateX(-90deg);
     transform: perspective(400px) rotateX(-90deg);
     -webkit-transform-origin: top;
     -moz-transform-origin: top;
     -ms-transform-origin: top;
     -o-transform-origin: top;
     transform-origin: top;
     -webkit-transition: all 0.5s;
     -moz-transition: all 0.5s;
     -o-transition: all 0.5s;
     transition: all 0.5s;
}
 .contact-box i.icon-c {
    font-size: 55px;
    position: relative;
    z-index: 10;
    line-height: 60px;
    color: #222222;
    margin-top: 0;
    margin-bottom: 10px;
    float: left;
    width: 100%;
}
 .contact-box:hover::after {
     -webkit-transform: perspective(400px) rotateX(0deg);
     -moz-transform: perspective(400px) rotateX(0deg);
     -ms-transform: perspective(400px) rotateX(0deg);
     -o-transform: perspective(400px) rotateX(0deg);
     transform: perspective(400px) rotateX(0deg);
}
 .contact-box .icon-c::before{
     top: 0;
     z-index: 10;
     margin-left: 0;
     transition: all 0.5s ease;
     -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
     -o-transition: all 0.5s ease;
}
 .contact-box:hover .icon-c::before{
     color: rgba(255, 255, 255, 0.50);
     font-size: 70px;
     transform: scale(2);
     -webkit-transform: scale(2);
     -moz-transform: scale(2);
     -ms-transform: scale(2);
     -o-transform: scale(2);
}
 .box-contact-right-form{
}
 .box-contact-right-form h3{
     font-size: 20px;
     font-weight: 500;
     padding-bottom: 20px;
}
 .box-contact-right-form p{
     font-size: 16px;
     margin-bottom: 10px;
}
 .contact-right-form{
}
 .contact-right-form .form-group{
     margin-bottom: 25px;
}
.contact-right-form .form-group input {
    width: 100%;
    min-height: 48px;
    padding: 10px 15px;
    border: 2px solid #ccc !important;
    border-radius: 0;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    color: #000;
    letter-spacing: 0;
    font-size: 16px;
}
 .contact-right-form .form-group input:focus{
     border: 1px solid #ff6d77;
     transition: all 0.5s ease;
     -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
     -o-transition: all 0.5s ease;
}
 .contact-right-form .form-group textarea{
     width: 100%;
     min-height: 120px;
     padding: 5px 15px;
     border: 2px solid #ccc !important;
     border-radius: 0;
     transition: all 0.5s ease;
     -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
     -o-transition: all 0.5s ease;
     font-size: 16px;
     color: #000;
}
 .contact-right-form .form-group textarea:focus{
     border: 1px solid #ff6d77;
     transition: all 0.5s ease;
     -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
     -o-transition: all 0.5s ease;
}
 .contact-right-form .form-group .theme-btn {
    background: #ff6d77;
    padding: 10px 25px;
    font-size: 18px;
    float: left;
    text-transform: capitalize;
    font-weight: 700;
    border-radius: 0;
    color: #fff;
    transition: all .5s ease;
    border: none;
    cursor: pointer;
}
 #map {
     width: 100%;
     height: 500px;
     margin-top: 40px;
     margin-bottom: 40px;
}

.pagination-wrap {
    margin-top: 20px;
    margin-bottom: 0;
}