/*----------------------------------------------------
    1. Global styles
------------------------------------------------------*/
 
@import url('https://fonts.googleapis.com/css?family=Montserrat:400,700|Roboto|Tangerine');

body {
   font-size: 15px;
   font-family: 'Roboto', sans-serif;
   background: transparent;
   line-height: 1.5;
   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;
   font-size: 14px;
}

h1 {
   font-size: 30px;
   line-height: 40px;
}

h1,
h2,
h3,
h4,
h5 {
   font-weight: 500;
   color: #333;
}

h5,
h6 {
   line-height: 24px;
}

h2 {
   font-size: 46px;
   line-height: 32px;
   font-family: 'Montserrat', sans-serif;
}

h3 {
   font-size: 40px;
   line-height: 28px;
   font-family: 'Montserrat', 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: 10px 22px;
   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;
}

section {
   background: #FFF;
   padding-top: 65px;
   padding-bottom: 100px;
}

.base-header {
   padding-bottom: 28px;
}

.base-header h3 {
   letter-spacing: 2px;
   text-align: center;
   padding-bottom: 7px;
   position: relative;
   color: #414141;
   line-height: 32px;
   font-size: 30px;
}

.base-header p {
   text-align: center;
   font-size: 20px;
   margin-top: -25px;
   margin-bottom: 35px;
   font-family: 'Sawarabi Mincho', sans-serif;
   color: #07b9ee;
   font-weight: 400;
   letter-spacing: 1px;
   position: relative;
   text-transform: capitalize;
}

.base-header p::before {
   content: "";
   position: absolute;
   left: 46.5%;
   top: 43px;
   height: 2px;
   width: 80px;
   border-top: 1px solid #07b9ee;
}

#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;
}

.more-link::before {
   content: "";
   position: absolute;
   z-index: -1;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   background: #07b9ee;
   -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;
}

.more-link:hover,
.more-link:focus,
.more-link:active {
   color: white;
   border: 2px solid transparent !important;
}

.more-link:hover::before,
.more-link:focus::before,
.more-link:active::before {
   border: 2px solid #E3BF89
}

.more-link:hover::after,
.more-link:focus::after,
.more-link:active::after {
   border-left: 1px solid #E3BF89 !important;
}

.more-link:hover::before,
.more-link:focus::before,
.more-link:active::before {
   -webkit-transform: scaleX(1);
   transform: scaleX(1);
}

.more-link:hover::after {
   margin-right: -7px;
   transition: all 0.4s ease-out 0s;
}

.more-link {
   display: inline-block;
   font-size: 17px;
   padding: 10px 60px 10px 20px;
   color: #151414;
   font-family: "Montserrat", sans-serif;
   font-weight: 300;
   position: relative;
   text-transform: uppercase;
}

.more-link {
   display: inline-block;
   vertical-align: middle;
   -webkit-transform: perspective(1px) translateZ(0);
   transform: perspective(1px) translateZ(0);
   box-shadow: 0 0 1px transparent;
   position: relative;
   -webkit-transition-property: color;
   transition-property: color;
   -webkit-transition-duration: 0.5s;
   transition-duration: 0.5s;
}

.more-link::after {
   content: "\f105";
   font-family: fontAwesome;
   width: 39px;
   height: 46px;
   line-height: 45px;
   text-align: center;
   position: absolute;
   top: 0;
   right: 0;
   background: transparent;
   border-left: 2px solid #151414;
}
/*----------------------------------------------------
 2. Header Section
------------------------------------------------------*/
/*----- Top bar -----*/

.header {
   background-color: #fff;
   padding-top: 35px;
   padding-bottom: 30px;
}

.navbar-brand {
   float: left;
   height: 100% !important;
   padding: 0px 15px;
   font-size: 18px;
   line-height: 20px;
   margin-bottom: 10px;
}

.header i {
   color: #07b9ee;
}

.top-icon {
   float: left;
   font-size: 32px;
   padding-right: 20px;
}

.navigation .badge {
   font-size: 10px;
   background-color: #c45d3c;
}

.top-title {
   font-size: 14px;
   letter-spacing: 2px;
   color: #000;
}

.refit-number {
   font-size: 12px;
   letter-spacing: 2px;
   color: #000;
}

.navbar-brand a {
   font-family: 'Sawarabi Mincho', sans-serif;
   color: #07b9ee;
   font-weight: 700;
   font-size: 46px;
   letter-spacing: 2px;
}
/*-----Social Nav-----*/

.social-nav ul {
   float: right;
   margin-bottom: 0px;
   list-style: none;
   padding: 12px 0px;
}

.social-nav li {
   float: left;
   padding-left: 18px;
}

.social-nav li a {
   color: #fff;
}
/*-----Navigationn-----*/

.navigation {
   z-index: 9999;
   position: relative;
}

#navigation,
#navigation ul,
#navigation ul li,
#navigation ul li a,
#navigation #menu-button {
   margin: 0;
   padding: 0;
   border: 0;
   list-style: none;
   line-height: 1;
   display: block;
   position: relative;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
}

#navigation:after,
#navigation>ul:after {
   content: ".";
   display: block;
   clear: both;
   visibility: hidden;
   line-height: 0;
   height: 0;
}

#navigation #menu-button {
   display: none;
}

#navigation {
   font-family: 'Poppins', sans-serif;
}

#navigation>ul>li {
   float: left;
}

#navigation.align-center>ul {
   font-size: 0;
   text-align: center;
}

#navigation.align-center>ul>li {
   display: inline-block;
   float: none;
}

#navigation.align-center ul ul {
   text-align: left;
}

#navigation.align-right>ul>li {
   float: right;
}

#navigation>ul>li>a {
   padding: 30px 20px;
   font-size: 13px;
   letter-spacing: 1px;
   text-decoration: none;
   color: #fff;
   font-weight: 700;
   text-transform: uppercase;
   margin-right: -1px;
}

#navigation>ul>li:hover>a {
   color: #000;
}

#navigation>ul>li.has-sub>a {
   padding-right: 40px;
}

#navigation ul ul {
   position: absolute;
   left: -9999px;
}

#navigation.align-right ul ul {
   text-align: right;
}

#navigation ul ul li {
   height: 0;
   -webkit-transition: all .25s ease;
   -moz-transition: all .25s ease;
   -ms-transition: all .25s ease;
   -o-transition: all .25s ease;
   transition: all .25s ease;
}

#navigation li:hover>ul {
   left: auto;
}

#navigation.align-right li:hover>ul {
   left: auto;
   right: 0;
}

#navigation li:hover>ul>li {
   height: 44px;
}

#navigation ul ul ul {
   margin-left: 100%;
   top: 0;
}

#navigation.align-right ul ul ul {
   margin-left: 0;
   margin-right: 100%;
}

#navigation ul ul li a {
   border-bottom: 1px solid #375b63;
   padding: 18px 15px;
   width: 220px;
   font-size: 13px;
   text-decoration: none;
   color: #fff;
   font-weight: 600;
   background: #333131;
   text-transform: uppercase;
}

#navigation ul ul li:last-child>a,
#navigation ul ul li.last-item>a {
   border-bottom: 0;
}

#navigation ul ul li:hover>a,
#navigation ul ul li a:hover {
   color: #07b9ee;
}

#navigation.small-screen {
   width: 100%;
}

#navigation.small-screen ul {
   width: 100%;
   display: none;
}

#navigation.small-screen.align-center>ul {
   text-align: left;
}

#navigation.small-screen ul li {
   width: 100%;
   border-top: 1px solid rgba(120, 120, 120, 0.2);
}

#navigation.small-screen ul ul li,
#navigation.small-screen li:hover>ul>li {
   height: auto;
}

#navigation.small-screen ul li a,
#navigation.small-screen ul ul li a {
   width: 100%;
   border-bottom: 0;
}

#navigation.small-screen>ul>li {
   float: none;
}

#navigation.small-screen ul ul li a {
   padding-left: 25px;
}

#navigation.small-screen ul ul ul li a {
   padding-left: 35px;
}

#navigation.small-screen ul ul li a {
   color: #acc4ca;
   background: none;
}

#navigation.small-screen ul ul li:hover>a,
#navigation.small-screen ul ul li.active>a {
   color: #ffffff;
}

#navigation.small-screen ul ul,
#navigation.small-screen ul ul ul,
#navigation.small-screen.align-right ul ul {
   position: relative;
   left: 0;
   width: 100%;
   margin: 0;
   text-align: left;
}

#navigation.small-screen>ul>li.has-sub>a:after,
#navigation.small-screen>ul>li.has-sub>a:before,
#navigation.small-screen ul ul>li.has-sub>a:after,
#navigation.small-screen ul ul>li.has-sub>a:before {
   display: none;
}

#navigation.small-screen #menu-button {
   display: block;
   padding: 17px;
   color: #acc4ca;
   cursor: pointer;
   font-size: 12px;
   text-transform: uppercase;
   font-weight: 700;
}

#navigation.small-screen #menu-button:after {
   position: absolute;
   top: 22px;
   right: 17px;
   display: block;
   height: 8px;
   width: 20px;
   border-top: 2px solid #acc4ca;
   border-bottom: 2px solid #acc4ca;
   content: '';
}

#navigation.small-screen #menu-button:before {
   position: absolute;
   top: 16px;
   right: 17px;
   display: block;
   height: 2px;
   width: 20px;
   background: #acc4ca;
   content: '';
}

#navigation.small-screen #menu-button.menu-opened:after {
   top: 23px;
   border: 0;
   height: 2px;
   width: 15px;
   background: #07b9ee;
   -webkit-transform: rotate(45deg);
   -moz-transform: rotate(45deg);
   -ms-transform: rotate(45deg);
   -o-transform: rotate(45deg);
   transform: rotate(45deg);
}

#navigation.small-screen #menu-button.menu-opened:before {
   top: 23px;
   background: #07b9ee;
   width: 15px;
   -webkit-transform: rotate(-45deg);
   -moz-transform: rotate(-45deg);
   -ms-transform: rotate(-45deg);
   -o-transform: rotate(-45deg);
   transform: rotate(-45deg);
}

#navigation.small-screen .submenu-button {
   position: absolute;
   z-index: 99;
   right: 0;
   top: 0;
   display: block;
   border-left: 1px solid rgba(120, 120, 120, 0.2);
   height: 46px;
   width: 46px;
   cursor: pointer;
}

#navigation.small-screen .submenu-button.submenu-opened {
   background: #375b63;
}

#navigation.small-screen ul ul .submenu-button {
   height: 34px;
   width: 34px;
}

#navigation.small-screen .submenu-button:after {
   position: absolute;
   top: 22px;
   right: 19px;
   width: 8px;
   height: 2px;
   display: block;
   background: #acc4ca;
   content: '';
}

#navigation.small-screen ul ul .submenu-button:after {
   top: 15px;
   right: 13px;
}

#navigation.small-screen .submenu-button.submenu-opened:after {
   background: #ffffff;
}

#navigation.small-screen .submenu-button:before {
   position: absolute;
   top: 19px;
   right: 22px;
   display: block;
   width: 2px;
   height: 8px;
   background: #acc4ca;
   content: '';
}

#navigation.small-screen ul ul .submenu-button:before {
   top: 12px;
   right: 16px;
}

#navigation.small-screen .submenu-button.submenu-opened:before {
   display: none;
}

#navigation.small-screen.select-list {
   padding: 5px;
}
/*-----Navigationn end-----*/
/*
Header Transparent CSS Start 
----------------------------------------*/

.header-transparent {
   padding-bottom: 20px;
}

.top-bar-transparent {
   margin-bottom: 20px;
}

.header-transparent #navigation {
   margin-top: 5px;
   background-color: transparent;
}

.header-transparent #navigation>ul>li>a {
   padding: 10px 4px;
   border: transparent;
   color: #fff;
}

.header-top {
   border-bottom: 1px solid transparent;
   padding-top: 10px;
   padding-bottom: 10px;
   color: #fff;
   border-color: rgba(250, 250, 250, .2);
}

.header-transparent #navigation li a {
   color: #ffffff;
   background-color: transparent;
   border-left: transparent;
   border-right: transparent;
   padding: 14px 30px 14px 10px;
}

.header-transparent #navigation li ul li a {
   background-color: #446a73;
   padding: 18px 20px;
}

.header-transparent #navigation>ul>li.has-sub>a {
   padding-right: 30px;
}

.header-transparent #navigation li ul li a {
   border-bottom: 1px solid #375b63;
}

.header-top .top-nav ul li a {
   color: #fff;
}

.top-nav-collapse {
   background-color: rgba(18, 45, 52, .8);
}

#search-area-v2 {
   position: absolute;
   width: 100%;
   z-index: 1032;
   top: 48px;
}

#search-area-v2 .well-bg {
   background-color: #333;
}

.phone-img {
   margin-bottom: 60px;
}
/*Header Transparent CSS End
----------------------------------------*/
/*  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: #1b1a1a4d;
}

.slider-area .big-title {
   color: rgb(255, 255, 255) !important;
   font-size: 80px;
   text-align: center;
   font-weight: 700;
   font-family: 'Montserrat', sans-serif;
   letter-spacing: 13px;
   margin-top: -63px;
}

.slider-area .big-title span.title-builder {
   color: #fff !important;
}

.slider-area .small-content {
   padding: 40px 240px;
   text-align: center;
}

.slider-area .small-content {
   letter-spacing: 9px;
   font-weight: 700;
   margin-top: -100px;
   font-size: 41px;
   font-family: 'Sawarabi Mincho', sans-serif;
   color: #07b9ee;
}

.slider-area .more-link {
   padding: 14px 60px 13px 20px;
   color: #FFF;
   border: 2px solid #FFF;
}

.slider-area .more-link::after {
   width: 60px;
   border-left: 1px solid transparent;
}

.slider-area .button {
   left: 0;
   margin: auto;
   position: absolute;
   right: 0;
   text-align: center;
   top: 63%;
   white-space: normal;
}

.slider-area .button a:hover {
   color: #fff;
}

.slider-area .down {
   text-align: center;
}

.slider-area .down li {
   display: inline-block;
}

.slider-area .down li img {
   position: inherit;
}

.preview-2 .nivoSlider .nivo-directionNav a.nivo-prevNav {
   left: 15px;
}

.preview-2 .nivoSlider:hover .nivo-directionNav a.nivo-prevNav {
   left: 15px;
}

.preview-2 .nivoSlider .nivo-directionNav a.nivo-nextNav {
   right: 65px;
}

.preview-2 .nivoSlider:hover .nivo-directionNav a.nivo-nextNav {
   right: 65px;
}

.slider-area .preview-2 .nivo-directionNav a.nivo-prevNav::before {
   background: transparent;
   content: "prev";
   color: #07b9ee;
   transform: rotate(90deg);
   font-size: 17px;
   text-transform: uppercase;
   letter-spacing: 3px;
   font-family: 'Montserrat', sans-serif;
}

.slider-area .preview-2 .nivo-directionNav a.nivo-nextNav::before {
   background: transparent;
   content: "next";
   color: #07b9ee;
   transform: rotate(90deg);
   font-size: 17px;
   text-transform: uppercase;
   letter-spacing: 3px;
   font-family: 'Montserrat', sans-serif;
}

.nivo-nextNav::after {
   position: absolute;
   content: '';
   width: 25px;
   left: 50%;
   bottom: -15px;
   height: 1px;
   z-index: 5;
   -webkit-transition: all 0.3s ease-out;
   -moz-transition: all 0.3s ease-out;
   -o-transition: all 0.3s ease-out;
   transition: all 0.3s ease-out;
   height: 2px;
   background: #07b9ee;
   transform: rotate(90deg);
}

.nivo-nextNav:hover::after {
   width: 62px;
   margin-left: -6px;
   -webkit-transition-delay: 0.4s;
   transition-delay: 0.4s;
   bottom: -28px;
}

.nivo-prevNav::after {
   position: absolute;
   content: '';
   width: 25px;
   left: 50%;
   bottom: -15px;
   height: 1px;
   z-index: 5;
   -webkit-transition: all 0.3s ease-out;
   -moz-transition: all 0.3s ease-out;
   -o-transition: all 0.3s ease-out;
   transition: all 0.3s ease-out;
   height: 2px;
   background: #07b9ee;
   transform: rotate(90deg);
   margin-left: 22px;
}

.nivo-prevNav:hover::after {
   width: 62px;
   margin-left: -6px;
   -webkit-transition-delay: 0.4s;
   transition-delay: 0.4s;
   bottom: -28px;
}
/*----------------------------------------------------
  3. About Section
------------------------------------------------------*/

.about_process {
   padding-bottom: 0px;
   padding-top: 80px;
}

.abt-left h4 {
   font-size: 52px;
   letter-spacing: 4px;
   line-height: 53px;
   position: relative;
   z-index: 99;
   margin-top: 46px;
   text-transform: capitalize;
   font-family: 'Montserrat', sans-serif;
}

.abt-left h4 span {
   color: #07b9ee;
   text-transform: none;
}

.abt-nmbr {
   position: absolute;
   top: -95px;
   font-size: 154px;
   left: 60px;
   color: rgba(221, 221, 221, 0.45);
   z-index: 9;
   font-weight: 900;
}

.abt-rght {
   margin-bottom: 93px;
}

.abt-pra {
   border-left: 2px solid rgba(39, 39, 39, 0.7);
   padding-left: 25px;
   font-size: 18px;
   color: #444;
}
/* About Bottom
------------------------------------*/

.about_process .col-sm-4 {
   padding-right: 0px;
   padding-left: 0px;
}

.about_process .about_pro_bac {
   background: #ffffff url("../images/about/bg.jpg") repeat 0% 0% / 100% auto;
   color: #FFF;
   background-repeat: no-repeat;
   background-size: cover;
   background-position: 50% 50%;
   height: 280px;
}

.about_process .about_pro_bac2 {
   background: #ffffff url("../images/about/bg.jpg") repeat 0% 0% / 100% auto;
   color: #FFF;
   background-repeat: no-repeat;
   background-size: cover;
   background-position: 50% 50%;
   height: 280px;
}

.about_process .about_pro_bac:hover {
   color: #FFF;
   opacity: 0.8;
}

.about_process .about_pro_bac:hover .proces p.number {
   color: #ddd;
}

.about_process .about_pro_bac:hover .proces h4 {
   color: #fff;
}

.about_process .about_pro_bac:hover .proces p {
   color: #fff;
}

.about_process .about_pro_bac:hover .proces p.number {
   color: #595959;
}

.about_process .col-lg-6 {
   padding-right: 0px;
   padding-left: 0px;
}

.about_process .proces {
   text-align: center;
   border-right: 1px solid #fff;
   padding: 60px 40px 40px 50px;
   height: 280px;
}

.about_process .proces h4 {
   text-transform: uppercase;
   letter-spacing: 3px;
   font-size: 24px;
   font-weight: 700;
   margin-top: 0px;
   position: relative;
   z-index: 99;
   color: #fff;
}

.about_process .proces p {
   margin: 23px 0;
   text-align: left;
   color: #fff;
}

.about_process .proces p.number {
   margin: 0;
   color: rgba(23, 22, 22, 0.2);
   font-size: 73px;
   font-weight: 700;
   font-family: 'Philosopher';
   position: absolute;
   top: 54px;
   left: 113px;
   z-index: 9;
}

.about_pro_bac2 .proces p.number {
   color: #fff;
}

.about_pro_bac2 .proces h4 {
   color: #fff;
}

.about_pro_bac2 .proces p {
   color: #fff;
}

.about_pro_bac2 .proces p.number {
   color: #595959;
}
/*----------------------------------------------------
4. Service Section
------------------------------------------------------*/

.services-box-2 {
   position: relative;
   width: 100%;
   overflow: hidden;
}

.services-box-2 .number {
   position: relative;
   z-index: 2;
   width: 100%;
   text-align: left;
   font-size: 56px;
   vertical-align: top;
   float: left;
   height: 50px;
   width: 60px;
   margin-right: 29px;
   line-height: 50px;
   color: #000;
}

.services-box-2 img {
   width: 100%;
   display: block;
   margin-bottom: 30px;
}

.services-box-2 .icon {
   position: relative;
   float: left;
   display: inline-block;
   width: 50px;
   height: 50px;
   border-radius: 50%;
   color: #fff;
   margin-right: 20px;
   text-align: center;
   font-size: 17px;
   line-height: 50px;
   font-weight: normal;
}

.services-box-2 .icon:before {
   font-family: 'Simple-Line-Icons';
   speak: none;
   font-weight: normal;
   font-variant: normal;
   text-transform: none;
   line-height: 1;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
}

.services-box-2 h4 {
   text-align: left;
   margin-bottom: 6px;
}

.services-box-2 .subtext {
   text-align: left;
   color: #787373;
   font-size: 14px;
   line-height: 17px;
   letter-spacing: 2px;
   font-weight: 400;
}

.services-box-2 p {
   text-align: left;
   padding-top: 20px;
}
/*----------------------------------------------------
  5. Call To Action Section 
------------------------------------------------------*/

.calltoaction {
   padding-top: 100px;
   padding-bottom: 80px;
   background: #333 url("../images/about/paralax.jpg") repeat 0% 0% / 100% auto;
   background-size: cover;
   background-position: center center;
   background-attachment: fixed;
}

.callto-icon {
   float: left;
   overflow: hidden;
   margin-right: 25px;
}

.callto-icon span {
   font-size: 54px;
}

.callto-text h4 {
   margin: 0px;
   font-size: 30px;
   color: #fff;
   letter-spacing: 6px;
   text-transform: uppercase;
}

.callto-hover {
   color: #07b9ee;
}

.callto-text p {
   color: #ddd;
}

.callto-text p {
   color: #ddd;
   font-size: 17px;
   letter-spacing: 5px;
}

.callto-link .more-link {
   color: #000;
   border: 2px solid #000;
}

.callto-link .more-link::after {
   border-left: 2px solid #000;
}
/*----------------------------------------------------
  6. Pricing Section
------------------------------------------------------*/

.pricing-section {
   padding-bottom: 100px;
   padding-top: 60px;
}

.pricing-section .col-sm-3 {
   padding-right: 4px;
   padding-left: 0px;
}

.pricing-box {
   position: relative;
   text-align: left;
   transition: all 0.4s ease-out 0s;
   transform: translateX(0px) translateY(-3px) translateZ(0px) rotate(0deg) scale(1);
   padding: 40px 40px 10px 40px;
   background: #F6F6F6 url("../images/background/price1.jpg") repeat 0% 0% / 100% auto;
   background-size: cover;
   background-position: center center;
   background-attachment: fixed;
   transition: all 0.4s ease-out 0s;
}

.pricing-box:hover {
   background: #F6F6F6 url("../images/background/price2.jpg") repeat 0% 0% / 100% auto;
   background-size: cover;
   background-position: center center;
   background-attachment: fixed;
   transition: all 0.4s ease-out 0s;
}

.pricing-box:hover {
   box-shadow: 0px 0px 0px 0px #fff;
   transition: all 0.4s ease-out 0s;
}

.pricing-box h3 {
   letter-spacing: 2px;
}

.pricing-box h2 {
  font-size: 30px;
  font-family: 'Montserrat', sans-serif;
  overflow: initial;
  padding: 0px 20px;
  text-align:center;
}

.pricing-box h2 span {
   font-size: 26px;
   position: relative;
   top: -11px;
   padding-right: 6px;
}

.pricing-box h2 sub {
   font-size: 16px;
   top: -3px;
}

.pricing-box p {
   font-size: 13px;
   letter-spacing: 1px;
   margin-bottom: 24px;
   text-transform: uppercase;
   color: #565454;
}

.pricing-box a {
   margin-bottom: 37px;
   border: 2px solid #000;
}

.pricing-box a:hover {
   color: #fff;
}

.pricing-box h3:before,
.pricing-box:before {
   content: "";
   position: absolute;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   -webkit-opacity: 0;
   -moz-opacity: 0;
   -ms-opacity: 0;
   -o-opacity: 0;
   opacity: 0;
}
/*----------------------------------------------------
  7. Gallery Section
------------------------------------------------------*/

.work-section {
   padding-bottom: 50px;
   background: #F5F5F5;
}

.work-section .project-list .col-sm-3 {
   padding: 0px 5px;
}
/* Work items
------------------*/

.project-list .mix {
   display: none;
}

.project-filter {
   margin-top: -7px;
   margin-bottom: 10px;
}

.project_menu .hvr-underline-from-center::before {
   bottom: 0px;
   height: 2px;
}

.project-filter ul li.hvr-underline-from-center.active:before {
   background: transparent;
}

.project_menu .hvr-underline-from-center::before {
   background: #009f9c;
}

.project-filter ul {
   margin: 0px;
   padding: 0px;
   list-style: none;
   text-align: center;
}

.project-filter ul li {
   padding-bottom: 3px;
   color: #555;
   cursor: pointer;
   margin-bottom: 17px;
   margin-right: 16px;
   display: inline-block;
   text-transform: capitalize;
   letter-spacing: 1px;
   font-size: 14px;
   font-weight: 700;
   font-family: 'Montserrat', sans-serif;
}

.project-filter ul li.active {
   display: inline-block;
   color: #07b9ee;
}

.project-filter ul li i {
   margin-right: 4px;
}

.work-item {
   position: relative;
   margin-top: 10px;
}

.item {
   -webkit-transition: transform 0.6s cubic-bezier(0.19, 1, 0.22, 1) 0s;
   -moz-transition: transform 0.6s cubic-bezier(0.19, 1, 0.22, 1) 0s;
   -ms-transition: transform 0.6s cubic-bezier(0.19, 1, 0.22, 1) 0s;
   -o-transition: transform 0.6s cubic-bezier(0.19, 1, 0.22, 1) 0s;
   transition: transform 0.6s cubic-bezier(0.19, 1, 0.22, 1) 0s;
}

.mask2 {
   position: absolute;
   width: 100%;
   height: 73px;
   bottom: 0px;
   -webkit-opacity: 0;
   -moz-opacity: 0;
   -ms-opacity: 0;
   -o-opacity: 0;
   opacity: 0;
   background: rgba(0, 0, 0, 0.7);
   display: inline-block;
   text-align: center;
   text-transform: uppercase;
   -webkit-transition: all 0.5s ease 0s;
   -moz-transition: all 0.5s ease 0s;
   -ms-transition: all 0.5s ease 0s;
   -o-transition: all 0.5s ease 0s;
   transition: all 0.5s ease 0s;
   padding-top: 112px;
}

.work-item:hover .mask2 {
   -webkit-opacity: 1;
   -moz-opacity: 1;
   -ms-opacity: 1;
   -o-opacity: 1;
   opacity: 1;
   height: 100%;
   width: 100%;
}

.work-item:hover .mask2 p {
   margin-right: 0px;
}

.work-item:hover .mask2 {
   -webkit-transition: all 0.5s ease 0s;
   -moz-transition: all 0.5s ease 0s;
   -ms-transition: all 0.5s ease 0s;
   -o-transition: all 0.5s ease 0s;
   transition: all 0.5s ease 0s;
}

.work-item:hover .items img {
   -webkit-transition: all 0.5s ease 0s;
   -moz-transition: all 0.5s ease 0s;
   -ms-transition: all 0.5s ease 0s;
   -o-transition: all 0.5s ease 0s;
   transition: all 0.5s ease 0s;
}

.items img {
   -webkit-transition: all 0.5s ease 0s;
   -moz-transition: all 0.5s ease 0s;
   -ms-transition: all 0.5s ease 0s;
   -o-transition: all 0.5s ease 0s;
   transition: all 0.5s ease 0s;
   width: 100%;
}

.items {
   -webkit-transition: all 0.5s ease 0s;
   -moz-transition: all 0.5s ease 0s;
   -ms-transition: all 0.5s ease 0s;
   -o-transition: all 0.5s ease 0s;
   transition: all 0.5s ease 0s;
   -webkit-transition: all 0.5s ease 0s;
   -moz-transition: all 0.5s ease 0s;
   -ms-transition: all 0.5s ease 0s;
   -o-transition: all 0.5s ease 0s;
   transition: all 0.5s ease 0s;
   overflow: hidden;
}

.mask2 i {
   font-size: 25px;
   color: #fff;
   background: #07b9ee;
   padding: 13px 15px;
}
/*
 More Gallery Button Section
======================================*/

.gallery_more {
   background: #fff;
   padding-bottom: 75px;
   padding-top: 75px;
}

.gallery_more a {
   color: #000;
   border: 2px solid #000;
}
/*----------------------------------------------------
  8. Team Section
------------------------------------------------------*/

.team-section {
   background: #fff;
}

.team-medical {
   background: #f9f6f6;
}
/* Team Member
--------------*/

.member {
   position: relative;
   padding: 0px 0px;
}

.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: #ffffffe6;
   -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%;
   bottom: -54px;
   border: 5px solid #f6ebeb;
   opacity: 0;
}

.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;
   opacity: 1;
}

.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: 18px;
   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: 5px;
   font-size: 17px;
}

.member .info .social i {
   color: #07b9ee !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);
}
/*----------------------------------------------------
  9. Testimonial Section
------------------------------------------------------*/

.testimonial-section {
   padding-bottom: 160px;
   background: #000 url("../images/background/testimonial.jpg") repeat 0% 0% / 100% auto;
   background-size: cover;
   background-position: center center;
   background-attachment: fixed;
}

.testimonial-section .base-header h3 {
   color: #fff;
}

.testimonial-section .base-header p {}
/*   Testimonial
====================== */

#quote-carousel {
   padding: 0px 10px 13px;
   margin-top: -15px;
}

#quote-carousel .carousel-control {
   background: none;
   color: #CACACA;
   font-size: 2.3em;
   text-shadow: none;
   margin-top: 30px;
}

#quote-carousel .carousel-control.left {
   left: -60px;
}

#quote-carousel .carousel-control.right {
   right: -60px;
}

#quote-carousel .carousel-indicators {
   bottom: -88px;
}

#quote-carousel .carousel-indicators li {
   width: 50px;
   height: 50px;
   margin: 5px;
   cursor: pointer;
   opacity: 0.4;
   overflow: hidden;
   transition: all 0.4s;
   border-radius: 50%;
   border: 5px solid #fff;
}

#quote-carousel .carousel-indicators .active {
   width: 90px;
   height: 90px;
   opacity: 1;
   overflow: hidden;
   border-radius: 1px;
   box-shadow: 0px 7px 65px 0px rgba(179, 172, 172, 0.83);
}

#quote-carousel .item {
   border-left: none;
   margin: 0;
}

#quote-carousel .item p:before {
   content: "\f10d";
   font-family: 'Fontawesome';
   float: left;
   margin-right: 10px;
   color: #07b9ee;
   font-size: 34px;
   top: -10px;
   position: relative;
}

#quote-carousel .item p {
   line-height: 26px;
   font-size: 14px;
   color: #DBD4D4;
   letter-spacing: 1px;
   text-transform: capitalize;
   text-align: center;
}

#quote-carousel .item h5 {
   text-transform: capitalize;
   letter-spacing: 2px;
   font-size: 40px;
   text-align: center;
   margin-top: 30px;
   color: #07b9ee;
   font-weight: 900;
   font-family: 'Sawarabi Mincho', sans-serif;
}

#quote-carousel .item h5 span {
   font-size: 13px;
   color: #CBBFBF;
   font-family: 'Roboto', sans-serif;
   font-weight: 400;
   position: relative;
   top: 10px;
   text-transform: capitalize;
}
/*================================================
  10. Blog Section
==================================================*/

.blog-section {
   background: #F5F5F5;
   padding-bottom: 50px;
}

.blog-warp-1 {
   position: relative;
   width: 100%;
   overflow: hidden;
}

.blog-warp-1 a {
   text-align: left;
   font-size: 18px;
   line-height: 24px;
   text-transform: uppercase;
   letter-spacing: 3px;
   color: #414141;
   -webkit-transition: all 0.3s ease-out;
   -moz-transition: all 0.3s ease-out;
   -o-transition: all 0.3s ease-out;
   transition: all 0.3s ease-out;
   text-transform: capitalize;
}

.blog-warp-1 img {
   width: 140px;
   height: 140px;
   float: left;
   margin-right: 30px;
   display: inline-block;
   margin-bottom: 50px;
}

.blog-warp-1 .subtext {
   text-align: left;
   color: #747474;
   font-family: 'Playfair Display', serif;
   text-transform: none;
   letter-spacing: 1px;
   font-size: 13px;
   line-height: 17px;
   font-style: italic;
   margin-top: 5px;
}

.blog-warp-1 p {
   text-align: left;
   margin-top: 15px;
}
/*----------------------------------------------------
  11. Client Section
------------------------------------------------------*/

.client-section {
   padding-top: 65px;
   padding-bottom: 90px;
}

.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);
   line-height: 120px;
   padding-right: 10px;
}

.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-opacity: .7;
   -moz-opacity: .7;
   -ms-opacity: .7;
   -o-opacity: .7;
   opacity: .7;
}

.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: #07b9ee;
}

.client-section .owl-theme .owl-controls .owl-page span {
   width: 15px;
   height: 15px;
   -webkit-border-radius: 0;
   -moz-border-radius: 0;
   -ms-border-radius: 0;
   -o-border-radius: 0;
   border-radius: 0;
   background: #c3c3c3;
   display: inline-block;
   border: 3px double;
   -webkit-transform: rotate(45deg);
   -moz-transform: rotate(45deg);
   -ms-transform: rotate(45deg);
   -o-transform: rotate(45deg);
   transform: rotate(45deg);
   color: #fff;
}
/*----------------------------------------------------
 12. Footer Section
------------------------------------------------------*/

.footer-section {
   float: left;
   width: 100%;
   color: #fff;
   background: #2E2E2E;
   padding-bottom: 40px;
   padding-top: 40px;
}

.footer-indx {
   margin-top: 0px;
}

.footer-section .widget {
   padding-bottom: 15px;
}

.footer-section .widget h5 {
   color: #fff;
   text-transform: uppercase;
   letter-spacing: 2px;
   font-size: 18px;
}

.footer-section .widget p {
   color: #fff;
   padding-right: 44px;
   margin-top: 20px;
}

.footer-section .widget h3 {
   font-family: 'Sawarabi Mincho', sans-serif;
   color: #FFF;
   letter-spacing: 5px;
   margin-bottom: 24px;
   margin-top: 27px;
   font-size: 35px;
   font-weight: 700;
}

.recent-post {
   margin: 0;
   padding: 0;
}

.recent-post li {
   border-bottom: 1px dashed transparent;
   list-style: none;
   margin: 0 0 -11px 0;
   position: relative;
   border-color: #DDBC7B;
   padding: 0 0 0px 50px;
}

.recent-post li:last-child {
   border-bottom: transparent;
}

.footer-section .recent-post li a {
   color: #fff;
   font-family: 'Roboto', sans-serif;
   font-size: 15px;
}

.footer-section .recent-post li a:hover {
   color: #fff;
   text-decoration: underline;
}

.footer-section .recent-post-date {
   position: absolute;
   width: 37px;
   height: auto;
   text-align: center;
   text-transform: uppercase;
   font-size: 11px;
   line-height: 11px;
   padding: 8px;
   border-radius: 2px;
   left: 0;
   top: 5px;
   color: #fff;
}

.footer-section .recent-post-date {
   border: 1px solid #07b9ee;
   background: #e1b969;
}

.widget_mailchimp .email {
   display: block;
   outline: 0px none;
   margin: 0px 0px 10px;
   text-align: left;
   vertical-align: top;
   height: 40px;
   max-width: ;
   width: 100%;
   padding: 0px 20px;
   line-height: 50px;
   background-color: rgb(255, 255, 255);
   border: 1px solid rgb(224, 224, 224);
   box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.05) inset;
   color: rgb(153, 153, 153);
   font-size: 14px;
   position: relative;
   -webkit-backface-visibility: hidden;
   -webkit-transition: all 300ms;
   transition: all 300ms ease 0s;
   padding-left: 55px;
}

.mailchimp-subtitle {
   line-height: 24px;
}

.widget_mailchimp form {
   margin-bottom: 0;
   position: relative;
   text-align: center;
   margin-top: 13px;
}

.widget_mailchimp form>.icon {
   position: absolute;
   top: 8px;
   z-index: 55;
   font-size: 18px;
   left: 20px;
   color: #D1D1D1;
   font-family: 'ElegantIcons';
   speak: none;
   font-style: normal;
   font-weight: normal;
   font-variant: normal;
   text-transform: none;
   line-height: 1;
}

.icon-mail6::before {
   content: "\e010";
}

.widget_mailchimp .mc-embedded-subscribe {
   width: 100%;
   padding: 10px 24px;
   border: transparent;
   color: #fff;
   text-transform: uppercase;
   letter-spacing: 3px;
}

.widget_mailchimp .mc-embedded-subscribe:hover {
   box-shadow: 0px 20px 42px -10px rgba(212, 141, 73, 0.2);
   color: #85904D;
}

.widget_mailchimp .mc-embedded-subscribe {
   background: #E1B969;
}

.footer-social-links ul {
   margin-left: -39px;
}

.footer-social-links ul li {
   display: inline-block;
   position: relative;
   margin: 10px 5px 0;
   font-family: "Josefin Sans";
   line-height: 1em;
   vertical-align: top;
}

.footer-social-links ul li a {
   display: inline-block;
   text-align: center;
   width: 46px;
   height: 46px;
   line-height: 46px;
   font-size: 21px;
   border: 1px solid #bababa;
   -webkit-border-radius: 50%;
   -moz-border-radius: 50%;
   -ms-border-radius: 50%;
   -o-border-radius: 50%;
   border-radius: 50%;
   color: #bababa;
   position: relative;
   overflow: hidden;
   z-index: 1;
}

.contact_info ul {
   padding: 0;
}

.contact_info ul li {
   position: relative;
   padding-left: 30px;
   list-style: none;
}

.footer-section .widget.contact_info ul li p {
   margin-top: 16px;
}

.contact_info ul li i {
   position: absolute;
   top: 2px;
   left: 0;
   color: #fff;
   font-size: 20px;
}

.subfooter {
   text-align: center;
   color: #bababa;
}

.subfooter p {
   color: rgb(255, 255, 255);
   float: left;
   font-size: 13px;
   margin-top: 0px;
   font-weight: 700;
   letter-spacing: 1px;
}

.subfooter p a {
   color: rgb(255, 255, 255);
}

.scrollup {
   display: inline-block;
   text-align: center;
   font-size: 11px;
   -webkit-border-radius: 50%;
   -moz-border-radius: 50%;
   -ms-border-radius: 50%;
   -o-border-radius: 50%;
   border-radius: 50%;
   color: #FFF;
   float: right;
   font-weight: 700;
   margin-top: 6px;
}

.scrollup span {
   line-height: 0px;
   padding-left: 11px;
   font-size: 23px;
   margin-top: -7px;
}

.scrollup:hover {
   color: rgba(255, 255, 255, 0.90);
}

.footer_arrow::before {
   content: "\f077";
   position: absolute;
   right: 1em;
   padding: 0 1px;
   font-family: FontAwesome;
   -webkit-transform: translateZ(0);
   transform: translateZ(0);
}

.footer_arrow {
   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;
   -webkit-transition-duration: 0.3s;
   transition-duration: 0.3s;
}

.scrollup:hover .footer_arrow::before,
.scrollup:focus .footer_arrow::before,
.scrollup:active .footer_arrow::before {
   -webkit-animation-name: hvr-icon-bob-float, hvr-icon-bob;
   animation-name: hvr-icon-bob-float, hvr-icon-bob;
   -webkit-animation-duration: .3s, 1.5s;
   animation-duration: .3s, 1.5s;
   -webkit-animation-delay: 0s, .3s;
   animation-delay: 0s, .3s;
   -webkit-animation-timing-function: ease-out, ease-in-out;
   animation-timing-function: ease-out, ease-in-out;
   -webkit-animation-iteration-count: 1, infinite;
   animation-iteration-count: 1, infinite;
   -webkit-animation-fill-mode: forwards;
   animation-fill-mode: forwards;
   -webkit-animation-direction: normal, alternate;
   animation-direction: normal, alternate;
}
/*----------------------------------------------------
      Single Page
------------------------------------------------------*/
/* 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: 150px;
   padding-bottom: 100px;
   position: relative;
   z-index: 10;
   text-align: center;
}

header.blog-banner {
   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;
}

.blog-header {
   padding-left: 30px;
   text-align: center;
}

.blog-header h4 {
   color: #C8C8C8;
   text-transform: capitalize;
   font-size: 14px;
   letter-spacing: 5px;
   display: block;
   margin-bottom: -25px;
   font-weight: 700;
}

.blog-header h4 a {
   color: #C8C8C8;
}

.blog-header h3 {
   color: #fff;
   text-transform: uppercase;
   font-size: 45px;
   letter-spacing: 3px;
   padding-bottom: 8px;
   font-weight: 700;
}

.blog-header h4 a:hover {
   color: #fff;
}
/* =================================
      13. Blog Page
================================= */

.blog_container {
   padding-bottom: 54px;
}

.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;
}
/* - 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;
}

.entry-content .more-link {
   border: 2px solid #000;
}
/* - 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-weight: 700;
   color: #333;
}

.blog-area .pager li a {
   border-radius: 0;
   letter-spacing: 1px;
   text-transform: uppercase;
   padding: 0;
   color: #8B8B8B;
   font-weight: 700;
   padding: 2px 8px;
   border: 1px solid #8B8B8B;
}

.blog-area .pager-icon {
   font-size: 14px;
   left: 0px;
   position: relative;
   top: 6px;
   font-weight: 700;
   letter-spacing: 2px;
}

.blog-area .pager-icon:hover {
   color: #000;
}

.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 {
   display: block;
   background: #F8F0F0;
}

.widget-search .input-group {
   padding-bottom: 6px;
   padding-top: 6px;
}

.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: #F8F0F0;
   border: medium none;
   font-size: 14px;
   color: #C5C5C5;
   padding: 0px 12px;
}

.input-group-btn {
   left: 0px;
}
/* - Widget Title */

.widget .widget-title {
   /*! padding: 0px; */
   font-size: 18px;
   text-transform: uppercase;
   font-weight: 400;
   text-align: center;
   letter-spacing: 1px;
   margin: 0px 0px 25px;
   position: relative;
   /*! font-family: 'Raleway', sans-serif; */
   background: #f8f0f0;
   padding: 10px 0px;
   color: #07b9ee;
}
/* - Categories Type */

.categories-type li {
   border-bottom: 1px solid #f0f0f0;
   padding: 11px 10px;
   letter-spacing: 0.5px;
   color: #8d8d8d;
   list-style: lower-alpha;
}

.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: #07b9ee;
   transition: all 1s ease 0s;
   border-color: #07b9ee;
}
/*=================================
  14. Single Blog Page 
================================= */

.single_blog_container {
   margin-bottom: -82px;
}

.list-comments {
   padding-top: 40px;
}

.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;
   /*! display: inline-block; */
   border: 2px solid #f5f2ee;
   padding: 10px 0px;
   color: #07b9ee;
}

.comments {
   padding: 0px;
   margin: 0px;
}

.comments li {
   list-style: outside none none;
}

.comments li .comment {
   border: 1px solid #F2F2F2;
   padding: 30px 30px 30px;
   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;
   margin-bottom: 20px;
}

.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 #ddd;
   font-size: 11px;
   padding: 5px 15px;
   text-transform: uppercase;
   color: #9e9e9e;
}

.comments li .comment span.comment-reply a:hover {
   background: #07b9ee;
   color: #fff;
   border: 2px solid #07b9ee;
}

.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 .col-sm-4,
.blog-contact .form-group .col-sm-12 {
   padding-left: 0px;
}

.form-control {
   color: #555;
   background: transparent;
   border-radius: 1px;
   box-shadow: none;
   border: 1px solid #f2f0f0;
   line-height: 2.429;
   margin-bottom: 20px;
}

.form-control:focus {
   border: 1px solid #e9e6e6;
   border-left: 1px solid #07b9ee;
   box-shadow: none;
}

#contactForm .submit-button:hover {
   background: transparent;
   color: #07b9ee;
   border: 3px solid #07b9ee;
}

#contactForm .submit-button {
   color: #FFF;
   background: #07b9ee;
   font-weight: 700;
   margin-top: 20px;
   padding: 11px 0px;
   border: 3px solid #07b9ee;
}
/*====================================================
  15. About Page
====================================================*/
/*    About Left 
========================== */

.about_page {
   padding-bottom: 100px;
}
/*  About Left 
------------------- */

.about-left {
   font-size: 18px;
   margin-top: 35px;
   padding-right: 23px;
   margin-left: 10px;
}

.about-left h3 {
   letter-spacing: 2px;
   text-align: left;
   margin-bottom: 30px;
}

.about-left small {
   font-size: 28px;
   text-transform: capitalize;
   font-weight: 400;
   display: block;
   line-height: 0.8;
   letter-spacing: 3px;
   margin-bottom: 30px;
   color: #07b9ee;
   font-family: 'Sawarabi Mincho', sans-serif;
}

.about-left .about-more {
   margin-top: 23px;
   text-align: left;
}
/*  About Right 
------------------- */

.about-right img {
   margin-top: 35px;
}

.about-right .about-img_2 {
   margin-left: 21px;
}
/*  Client Section 
========================================= */

.client_section_page {
   padding-top: 0px;
   padding-bottom: 90px;
   margin-top: -37px;
}
/*=========================================
  16. Gallery page
========================================= */

.work_section_page {
   padding-bottom: 100px;
}
/*================================
  17. Contact page
===================================*/

.contact_page {
   padding: 64px 0px 100px 0px;
}

.contact_page .contact-addrs {
   margin-top: -20px;
}

.contact_page .contact-addrs h5 {
   font-size: 20px;
   margin-bottom: 20px;
}

.contact_page .contact-addrs p {}

.contact_page .submit-button,
.contact-two .submit-button {
   margin-left: 15px;
}

.contact_page .submit-button {
   margin-top: 0px !important;
}

.foot-tags ul {
   padding: 0px;
   text-decoration: none !important;
   margin: 0px;
   list-style: none;
}

.foot-tags li {
   text-decoration: none !important;
   padding: 5px 0px;
}

.foot-tags a {
   color: #fff;
}

.foot-tags a:hover {
   color: #07b9ee;
}

.bg-overlay:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #33333326;
  z-index: 0;
}
.process h4{
  color: #fff;
}
.navigation.active {
    background-color: #07b9ee;
}

.navigation #navigation.small-screen #menu-button:before {
    background: #07b9ee !important;
}

.navigation #navigation.small-screen #menu-button:after {
    border-top: 2px solid #07b9ee;
    border-bottom: 2px solid #07b9ee;
}