body {
   font-family: Roboto Slab;
    }

p {
    
    color: #2c2c2c;
    
}

.padding-in {
    text-align: center;
    padding: 40px 30px;
}
.details h2 {
    font-family: inherit;
    color: #000;
    /* font-weight: bold; */
}
.details h2 span {
    color: #000000;
    font-weight: bold;
    text-transform: uppercase;
}
.details p {
    font-size: 15px;
}
.number li {font-weight: 500;list-style: none;text-align: justify;}
.image-box img {
    border: 7px solid #fff;
}
.list-step li {
    color: #ffffff;
    margin-bottom: 6px;
    list-style: none;
}
.margin-top {
    margin-top: 25px;
}
.contact-side {
    padding: 10px;
    border-radius: 5px;
    margin-top: 17px;
    margin-bottom: 20px;
}
.contact-side h3 {
    color: #333;
    font-size: 29px;
    /* border-bottom: 1px dotted rgba(51, 51, 51, 0.43); */
    /* font-family: Roboto Slab; */
}
.contact-side label {
    color: #333;
    font-family: Roboto Slab;
}
.number {
    padding: 17px;
    /* background: #ffffff; */
}
.number i {
    margin-right: 6px;
    color: white;
    font-size: 18px;
}
.list-step {
    list-style:none;
    counter-reset:li;
    /* padding:8px 0px 1px; */
    left:-7px;
    width:290px;
}
.list-step li{
position:relative;
margin:0 0 10px 0;
padding: 3px 2px 0 17px;
left:-5px;
width:285px;
}
.list-step li{position: relative;display: block;padding: 15px;
*padding: .2em;margin: .5em 0;background: #fff;text-decoration: none;border-radius: .3em;width: 656px;font-size: 14px;transition: all .1s ease-in-out;border: 1px solid #5c5959;color: #626666;font-family: Roboto Slab;}
.list-step li:before{content: counter(li);counter-increment: li;position: absolute;top: 50%;margin: -16px -1px 0px -21px;height: 2em;width: 2em;line-height: 2em;font-size: 15px;color: #403f3f; /* text color of numbers */background: #e9e9e9; /* background color of numbers */border: 2px solid #4d4b4b; /* border color */-webkit-box-shadow: 0 8px 5px -7px #888;-moz-box-shadow: 0 8px 5px -7px #888;box-shadow: 0 8px 5px -7px #888;text-align: center;font-weight: bold;border-radius: 2em;position: absolute;left: 0;transition: all .3s ease-out;}
.list-step li:hover{background: rgb(34, 153, 68);color: #ffffff;border: 1px solid #1e5f4a;cursor: pointer;}
.list-step li:hover:before{
transform: rotate(360deg);   
}
.list-step li a{
font: 14px Georgia, serif; /* font size of post titles */
text-shadow: 0 -1px 2px #fff;
color: #444;
display:block;
min-height:25px;
text-decoration:none;
text-transform: uppercase;
}
.list-step li a:hover{
color: #444;
}
/*next list*/
.number {
    list-style:none;
    counter-reset:li;
    /* padding:8px 0px 1px; */
    left:-7px;
    width:290px;
}
.number li{
position:relative;
margin:0 0 10px 0;
padding: 3px 2px 0 17px;
left:-5px;
width:285px;
}
.number li{position: relative;display: block;padding: 15px;
*padding: .2em;margin: .5em 0;background: #ffffff;text-decoration: none;border-radius: .3em;width: 656px;font-size: 14px;transition: all .1s ease-in-out;border: 1px solid rgb(255, 255, 255);color: #4b4a4a;font-family: Roboto Slab;}
.number li:before{content: counter(li);counter-increment: li;position: absolute;top: 50%;margin: -16px -1px 0px -21px;height: 2em;width: 2em;line-height: 2em;font-size: 15px;color: rgba(0, 0, 0, 0.86); /* text color of numbers */background: #ffffff; /* background color of numbers */border: 2px solid rgba(1, 12, 18, 0.82); /* border color */-webkit-box-shadow: 0 8px 5px -7px #888;-moz-box-shadow: 0 8px 5px -7px #888;box-shadow: 0 8px 5px -7px #888;text-align: center;font-weight: bold;border-radius: 2em;position: absolute;left: 0;transition: all .3s ease-out;}
.number li:hover{background: rgba(34, 153, 68, 0.35);color: #000000;border: 1px solid rgba(34, 153, 68, 0.35);cursor: pointer;color: #fff;}
.number li:hover:before{
transform: rotate(360deg);   
}
.number li a{
font: 14px Georgia, serif; /* font size of post titles */
text-shadow: 0 -1px 2px #fff;
color: #444;
display:block;
min-height:25px;
text-decoration:none;
text-transform: uppercase;
}
.number li a:hover{
color: #444;
}
.ptb-35 {
    padding-top: 35px;
    padding-bottom: 35px;
}
.map {
    
margin-bottom: 2px;

    
margin-top: 2px;
}
h3 {
   
font-family: oswald;
}

.slide-bg-image {
    background-image:url(../img/old-couple-together.jpg);
    background-size: cover;
    background-position: center center;
}
.slide-bg-image1{
    background-image:url(../img/old-couple-together.jpg)
    background-size: cover;
    background-position: center top;
}

.justify {
    text-align: justify;
}
ul.social-icons {
    list-style: outside none none;
    /* padding-top: 31px; */
}
.social-icons li {
    display: inline-block;
    list-style: outside none none;
    margin: 0 8px;
}
.social-icons i {
    border: 1px solid #ffffff;
    display: block;
    font-size: 14px;
    height: 40px;
    line-height: 28px;
    text-align: center;
    width: 40px;
    border-radius: 50%;
    padding: 5px;
    margin: -4px;
    background: #f6f6f6;
    color: #2b2b2c;
}
.social-icons i:hover {
    background: #229944;
    color: #f6f6f6;
    border: 1px solid #294;
}
.green-bg {
    background: #2b2b2c;
}
.slider-image {
    background-image:url(../img/slider2.jpg);
    background-size:cover;
    background-position: center;
}
.gray-bg {
    background-color: #e9e9e9;
}
.grey-bg-text p {
    margin: 0;
    font-size: 17px;
    line-height: 32px;
    color: #333;
    font-family: 'Roboto Slab', serif;
    font-weight: 300;
}
.grey-bg-text {padding: 31px 50px;}
.list-image{
    background-image:url(../img/bg.jpg);
}
.mt-20{margin-top:20px;}
.img-png img {
    max-height: 415px;
}
.text-white {color:#fff;}
.service-box {
    padding: 15px;
    border: 1px solid rgba(77, 77, 77, 0.59);
    min-height: 430px;
}
.service-box i {
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    border: 1px solid #4C5B96;
    font-size: 20px;
    color: #4C5B96;
    border-radius: 50%;
    
    
}
.service-box p {
    text-align: justify;
}
.service-box h4 {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 7px;
    color: #333;
    text-align: center;
    font-family: oswald;
    margin-top: 8px;
    border-bottom: 1px solid rgba(153, 153, 153, 0.58);
    padding-bottom: 9px;
}
.footer h4 {
    color: #cacaca;
}
footer p {
    color: #cacaca;
    /* font-family: arial; */
}
.mb-20 {margin-bottom:20px;}
.services {
    padding: 36px;
}
.intro-content-inner h4 {
    color: #fff;
    font-family: inherit;
    font-size: 27px;
    text-transform: uppercase;
}
.slider-caption {
    position: absolute;
    top: 35%;
    left: 170px;
    max-width: 620px;
    /* border: 1px dashed rgba(255, 255, 255, 0.48); */
    padding: 28px;
    margin-top: -146px;
    color: #FFFFFF;
    font-size: 17px;
    /* font-weight: bold; */
    text-align: center;
    /* background: rgba(20, 20, 22, 0.72); */
}
.slider-caption h2 {
    margin-top: 0;
    color: #ffffff;
    font-weight: bold;
    font-size: 70px;
    text-align: center;
    text-shadow: 1px 1px 1px rgb(0, 0, 0);
    letter-spacing: 0px;
    font-family: oswald;
    border-bottom: 1px solid rgba(255, 255, 255, 0.16);
    text-transform: uppercase;
}
.slider-caption p {
    font-size: 14px;
    color: #ffffff;
    border-bottom: 1px solid rgba(255, 255, 255, 0.16);
    padding-bottom: 8px;
    margin-bottom: 20px;
}
.separator-2 {
    width: 100%;
    margin-bottom: 15px;
    position: relative;
    height: 1px;
    background: rgba(255, 255, 255, 0.32);
}
.dark-bg .separator-2:after {
    background: #666666;
    background: -moz-linear-gradient(left, #666666 0%, #555555 35%, #444444 70%, #373737 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #666666), color-stop(35%, #555555), color-stop(70%, #444444), color-stop(100%, #373737));
    background: -webkit-linear-gradient(left, #666666 0%, #555555 35%, #444444 70%, #373737 100%);
    background: -o-linear-gradient(left, #666666 0%, #555555 35%, #444444 70%, #373737 100%);
    background: -ms-linear-gradient(left, #666666 0%, #555555 35%, #444444 70%, #373737 100%);
    background: linear-gradient(to right, #666666 0%, #555555 35%, #444444 70%, #373737 100%);
}
.slider-caption img {
    margin-bottom: 15px;
    margin-top: 50px;
    padding-bottom: 8px;
}
/*2017/2/21*/
.header.header-prepare, .header.header-light.header-prepare {
    background-color: rgba(0, 0, 0, 0.95);
    border-bottom: 0px solid #ffffff;
}
.banner {
    background-color: #f1f1f1;
    border-bottom: 1px solid #eaeaea;
}
.space-top {
    padding-top: 105px;
}
.fixed-image {
    background-position: center center;
    background-repeat: no-repeat;
    height: 350px;
}
.banner h1 {
    color: #fff;
    text-align: center;
    padding-top: 160px;
}
.dark-overlay {
    background: rgba(0, 0, 0, 0.65);
    height: 352px;
}
.banner p {
    color: #fff;
    text-align: center;
    font-size: 23px;
}
.list-step2 {
    list-style:none;
    counter-reset:li;
    /* padding:8px 0px 1px; */
    left:-7px;
    width:290px;
}
.list-step2 li{
position:relative;
margin:0 0 10px 0;
padding: 3px 2px 0 17px;
left:-5px;
width:285px;
}
.list-step2 li{position: relative;display: block;padding: 15px;
*padding: .2em;margin: .5em 0;background: #fff;text-decoration: none;border-radius: .3em;width: 245%;font-size: 14px;transition: all .1s ease-in-out;border: 1px solid #5c5959;color: #3b3e3e;font-family: Roboto Slab;}
.list-step2 li:before{content: counter(li);counter-increment: li;position: absolute;top: 50%;margin: -16px -1px 0px -21px;height: 2em;width: 2em;line-height: 2em;font-size: 15px;color: #403f3f; /* text color of numbers */background: #e9e9e9; /* background color of numbers */border: 2px solid #4d4b4b; /* border color */-webkit-box-shadow: 0 8px 5px -7px #888;-moz-box-shadow: 0 8px 5px -7px #888;box-shadow: 0 8px 5px -7px #888;text-align: center;font-weight: bold;border-radius: 2em;position: absolute;left: 0;transition: all .3s ease-out;}
.list-step2 li:hover{background: #cccbcb;color: #000000;border: 1px solid #1e5f4a;cursor: pointer;}
.list-step2 li:hover:before{
transform: rotate(360deg);   
}
.list-step2 li a{
font: 14px Georgia, serif; /* font size of post titles */
text-shadow: 0 -1px 2px #fff;
color: #444;
display:block;
min-height:25px;
text-decoration:none;
text-transform: uppercase;
}
.list-step2 li a:hover{
color: #444;
}
/**/
.list-step3 {
    list-style:none;
    counter-reset:li;
    /* padding:8px 0px 1px; */
    left:-7px;
    width:290px;
}
.list-step3 li{
position:relative;
margin:0 0 10px 0;
padding: 3px 2px 0 17px;
left:-5px;
width:285px;
}
.list-step3 li{position: relative;display: block;padding: 15px;
*padding: .2em;margin: .5em 0;background: #fff;text-decoration: none;border-radius: .3em;width: 235%;font-size: 14px;transition: all .1s ease-in-out;border: 1px solid #5c5959;color: #3b3e3e;font-family: Roboto Slab;}
.list-step3 li:before{content: counter(li);counter-increment: li;position: absolute;top: 50%;margin: -16px -1px 0px -21px;height: 2em;width: 2em;line-height: 2em;font-size: 15px;color: #403f3f; /* text color of numbers */background: #e9e9e9; /* background color of numbers */border: 2px solid #4d4b4b; /* border color */-webkit-box-shadow: 0 8px 5px -7px #888;-moz-box-shadow: 0 8px 5px -7px #888;box-shadow: 0 8px 5px -7px #888;text-align: center;font-weight: bold;border-radius: 2em;position: absolute;left: 0;transition: all .3s ease-out;}
.list-step3 li:hover{background: #cccbcb;color: #000000;border: 1px solid #1e5f4a;cursor: pointer;}
.list-step3 li:hover:before{
transform: rotate(360deg);   
}
.list-step3 li a{
font: 14px Georgia, serif; /* font size of post titles */
text-shadow: 0 -1px 2px #fff;
color: #444;
display:block;
min-height:25px;
text-decoration:none;
text-transform: uppercase;
}
.list-step3 li a:hover{
color: #444;
}








.checklist li {
    list-style: none;
    margin-bottom: 11px;
    /* border-bottom: 1px dashed rgba(0, 0, 0, 0.12); */
    padding-bottom: 4px;
}
.checklist li:before {
  content: "";
  width: 7px;
  height: 7px;
  border: 1px solid #000;
  display: block;
  position: absolute;
  left: 20px;
  transform: rotate(-45deg);
  margin-top: 15px;
}
ul.checklist {
    /* background: #f5f5f5; */
    color: #2a2a2a;
    /* padding: 32px; */
}
.image-box-wrapper img {
    margin: auto;
}
.checklist1 li {
    list-style: none;
    margin-bottom: 11px;
    /* border-bottom: 1px dashed rgba(0, 0, 0, 0.12); */
    padding-bottom: 4px;
}
.checklist1 li:before {
  content: "";
  width: 7px;
  height: 7px;
  border: 1px solid #fff;
  display: block;
  position: absolute;
  left: 20px;
  transform: rotate(-45deg);
  margin-top: 15px;
}
ul.checklist1 {
    /* background: #f5f5f5; */
    color: #2a2a2a;
    /* padding: 32px; */
}
.note-box {
    border: 1px solid #ccc;
    padding: 20px;
}
.gray-bg-img {
    background-image:url(../img/gray.jpg);
    
}
.gray-text-white h3{color:#fff;}
.gray-text-white ul{color:#fff;}
.gray-text-white p{color:#fff;}
.questions h5 {
    /* background: #484848; */
    color: #000;
    /* padding: 10px; */
}
.questions p {
   
/* padding: 10px; */
}
.contact-title {
    padding-left: 18px;
    /* margin-bottom: 26px; */
}
.breadcrumb-wrapper {
    position: absolute;
    top: 352px;
    left: 178px;
}

.btn-green {
    background: #229944;
    color: #fff;
    border: none;
}
.btn-green:hover {
    background: #1b7635;
    color: #fff;
}
.sub-dropdown {
   background: #229944 !important;
 }
 .sub-dropdown > li > a {
   color: #fff;
 }
 .gray-box p {
    font-size: 24px;
    padding: 36px;
    text-align: center;
}
.gray-box p:first-child b {
    color: #43ba65;
    font-size: 45px;
}
.gray-box a {
    color: #43ba65;
    font-weight: bold;
    
}
.gray-box a:hover {
    color: #43ba65;
    font-weight: bold;
    text-decoration: underline;
}
.text-green {
    color: #44b464;
}
blockquote {
    font-family: Georgia,serif;
    font-style: italic;
    padding-left: 0;
    margin-right: 0;
    color: #383838;
}
blockquote:before {
    display: block;
    content: '\201C';
    font-size: 5em;
    position: absolute;
    left: 16px;
    top: 192px;
    color: #7a7a7a;
}
.service-box img {
    margin: 0 auto;
    width: 100%;
    height: auto;
}
.footer-bottem-text a {
    color: #cacaca;
    font-size: 12px;
    text-align: left;
    padding-left: 3px;
    padding-right: 3px;
    border-left: 1px solid;
    padding-left: 6px;
}
.footer-bottem-text {
    padding-top: 23px;
    margin: 0;
}
.Licensee {
    margin-top: 9px;
    padding-top: 10px;
}
.Licensee p {
    font-size: 11px;
    border-left: 1px solid #686868;
}
.Licensee-area {
    background: #2e2e2f;
    border-top: 1px dashed #919191;
    border-bottom: 1px dashed #919191;
}
.footer {
    background-color: #000000;
    color: #fff;
    border-bottom: 1px dashed #fff;
}
.footer {
    font-size: 14px;
    line-height: 1.5;
}
.footer-content {
    padding: 20px 0;
}

.footer h2.title {
    font-size: 18px;
    color: #fff;
    text-transform: uppercase;
    border-bottom: 1px solid rgba(255, 255, 255, 0.35);
    padding-bottom: 13px;
}
.logo-footer img {
    width: 160px;
    margin-bottom: 17px;
}
.nav > li > a {
   
padding-top: 10px;
   
padding-bottom: 0;
   
color: #fff;
   
/* font-family: arial; */
   
text-transform: uppercase;
}
.nav > li > a:hover, .nav > li > a:focus {
    
    background-color: #294;
    padding-bottom: 11px;
}
.list-icons {
    padding: 0;
}
.list-icons li {
    list-style: none;
    font-weight: lighter;
    color: rgba(255, 255, 255, 0.92);
    /* font-family: arial; */
    margin-bottom: 10px;
}
.nav-pills.nav-stacked:not(.list-style-icons) > li > a:after {
    font-family: "FontAwesome";
    content: "\f101";

    font-size: 12px;
    position: absolute;
    right: 15px;
    top: 6px;
    color: #ffffff;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;



















    transition: all 0.2s ease-in-out;
}
.subfooter {
    background: #282828;
    padding: 16px;
}
.copyright {
   
    text-align: center;
}
.footer-bottem-text li {
    display: inline-block;
    list-style: outside none none;
    
}
.footer-bottem-text a:hover {
    color: #229944;
}
.padding-top {
    padding-top: 50px;
}
/*responsive start*/
@media (max-width: 1170px) { 

}
@media (max-width: 1025px) {

.number li {
    width: 535px;
}
.img-png img {
  
    padding-top: 73px;
}
.list-step li {
    width: 590px;
}.footer {
    
padding-bottom: 0px;
}    
}
@media (max-width: 768px) {

.subfooter {
    background: #282828;
    padding: 16px;
       
}
.services {
    padding: 0px;
}
.service-box {
  
    margin-bottom: 15px;
}
.slider-caption {
   
    right: 137px;
    
}
}
@media (max-width: 600px) {
.slider-caption {
    
    right: 56px;
   
}
.number li {
   
    width: 544px;
    
}
.list-step li {
    
    width: 516px;
    
}

.list-step li {
    position: relative;
    margin: 0 0 10px 0;
    padding: 3px 2px 0 17px;
    left: -5px;
    width: 285px;
}
.padding-top {
    padding-top: 0;
}
.disclimer {
    padding: 17px;
    text-align: justify;
}
.footer-bottem-text {
    padding-bottom: 23px;
   padding-top:0;
}
.service-box {
 
    margin-bottom: 15px;
}
}
@media (max-width: 480px) {
  p {text-align:justify;}  
.grey-bg-text p {
   
    font-size: 14px;
    text-align: justify;
     
   
}
.text-box h3 {
    font-size: 20px;
}
.slider-caption {
   
    right: 10px;
    max-width: 283px;
   
}
.details h2 {
    
    font-size: 24px;
}
.number li {
    left:3px;
    width: 656px;

}

.list-step {

    padding: 29px;
    
}
.list-step li{
   
width: 100%;
}
.services {
    padding: 0;
}
.service-box {
    margin-bottom: 10px;
}
.services h2 {
    font-size: 28px;
    text-align: center;
    padding-top: 9px;
}
.padding-top {
    padding-top: 0;
}
.disclimer {
    padding: 15px;
}
.disclimer p {
    text-align: justify;
}
.grey-bg-text h3 {
    font-size: 19px;
}
.text-box {
    overflow: hidden;
}
.social-icons {
    padding:0;
    text-align: center;
}
.banner h1 {
    padding-top:0;
    font-size: 30px;
}
.breadcrumb-wrapper {
   
    top: 205px;
    left: 0;;
}
.breadcrumb {
  
    width: 100%;
}
.dark-overlay {
   
    height: 250px;
}
.fixed-image {
    height: 250px;
    
}

.header {
    height: 71px;
}
.breadcrumb {
    font-size: 11px;
}
.gray-box p {
    font-size: 21px;
    padding: 20px;
   
}
.gray-text-white h3 {
    
    font-size: 19px;
}
blockquote:before {
   
    top: 407px;
    
}
h4 {
    font-size: 19px;
}
form {
   
    margin-bottom: 20px;
}
.contact-info p {
   
    text-align: center;
}
}

@import url("font-awesome_icon-font.css");
@import url("et-line_icon-font.css");
@import url("./plugins/owl.carousel.css");
@import url("./plugins/magnific-popup.css");

@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic);
@import url(https://fonts.googleapis.com/css?family=Work+Sans:400,200,300,500,600,700,800);
@import url(https://fonts.googleapis.com/css?family=Ubuntu:400,300,400italic,500,500italic,700,700italic,300italic);


/*
* BASIC
  - General Style    
  - Typography Style    
  - Button Style
  - Form Style    
  - Spacer Style

* HEADER
  - Header
  - Logo Style
  - Navigation Menu Style 
  - Overlay Menu

* INTRO
  - intro

* ELEMENTS
  - Skills Bar
  - Team Box
  - Tabs
  - Accordion & Toggle
  - Counter
  - Pricing-box
  - Action-box
  - History-box
  - Client Logo
  - Social
  - pagination
  - Contact Form, Map, contact-info

  - Preloader
  - Countdown Clock
  
* FOOTER
  - Social
  - Copyright

* GLOBEL
  - Content Box (Services Box, Featured Box, icon-box, etc...)
  - Slider
  - Portfolio (Isotop Grid, box, Portfolio Single Page, etc...)
















  - Blog (Blog box, Blog page)


*/






/*==========================================================================================================*/
/* BASIC     ||---------------------------- */
/*==========================================================================================================*/

/*------------------------------------------------------------------*/
/* General Style */
/*------------------------------------------------------------------*/

body {
    color: #626262;
    font-family: "Open Sans",sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.6;
    margin: 0;
    padding: 0;
}

#page-wraper {
    position: relative;
    width: 100%;
}

.black-bg {
    background-color: #11845e;
}

.gray-bg {
    background-color: #e5e5e5;
}


.white-bg {
    background-color: #FFF;
}

.color-bg {
    background-color: #17a697;
}

.yellow-bg {
    background-color: #f4efb7;
}

.bg-cover-section, .small-bg-cover-section {
    background-size: cover;
    background-position: top center;
}

.dark-bg h1, .dark-bg h2, .dark-bg h3, .dark-bg h4, .dark-bg h5, .dark-bg h6,
.dark-bg p, .dark-bg p.small, .dark-bg p.large, .dark-bg p.lead, .dark-bg p.lead-lg,
.dark-bg .page-icon, .dark-bg .page-icon-sm,
.dark-bg ul, .dark-bg ol, .dark-bg li,
.dark-bg .alt-icon-top, .dark-bg .alt-icon-left, .dark-bg .alt-icon-right,
.dark-bg .counter-icon,
.dark-bg .skill-bar-percent {
    color: #333;
}

.bg-image {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    overflow: hidden;
    position: relative;
    width: 100%;
    /*background-attachment: fixed;*/
}

.bg-fixed {
    background-attachment: fixed;
}

#intro .bg-image, #intro.bg-image, #inner-intro .bg-image, #inner-intro.bg-image {
    background-attachment: fixed;
}

.slide-bg-image {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.overlay-dark, .overlay-dark20, .overlay-dark30, .overlay-dark40, .overlay-dark60, .overlay-dark80, .overlay-dark90, .overlay-light, .overlay-light80 {
    position: relative;
    z-index: 1;
}

    .overlay-dark:before, .overlay-dark20:before, .overlay-dark30:before, .overlay-dark40:before, .overlay-dark60:before, .overlay-dark80:before, .overlay-dark90:before, .overlay-light:before, .overlay-light80:before {
        left: 0;
        top: 0;
        position: absolute;
        width: 100%;
        height: 100%;
        content: "";
        z-index: -1;
    }

    .overlay-dark:before {
        background-color: rgb(17, 132, 94);
    }

    .overlay-dark20:before {
        background-color: rgba(34,34,34,0.2);
    }


























    .overlay-dark30:before {
        background-color: rgba(34,34,34,0.3);
    }

    .overlay-dark40:before {
        background-color: rgba(34,34,34,0.4);
    }

    .overlay-dark60:before {
        background-color: rgba(34,34,34,0.6);
    }

    .overlay-dark80:before {
        background-color: rgba(34,34,34,0.8);
    }

    .overlay-dark90:before {
        background-color: rgba(34,34,34,0.9);
    }


    .overlay-light:before {
        background-color: rgba(255,255,255,0.4);
    }

    .overlay-light80:before {
        background-color: rgba(255,255,255,0.8);
    }

.page-triangle {
    /*margin-bottom: 20px;*/
}

    .page-triangle::before {
        background-color: #e9e9e9;
        top: -100px;
    }

    .page-triangle::before {
        content: "";
        height: 100px;
        left: 50%;
        pointer-events: none;

        position: absolute;
        transform: translateX(-50%) rotate(45deg);
        -moz-transform: translateX(-50%) rotate(45deg);
        -ms-transform: translateX(-50%) rotate(45deg);

        -o-transform: translateX(-50%) rotate(45deg);
        -webkit-transform: translateX(-50%) rotate(45deg);
        width: 100px;
        z-index: 39;
    }

.page-icon {
    color: #333;
    font-size: 50px;
    line-height: 50px;
    padding-bottom: 15px;
    width: 100%;
}

.page-icon-sm {
    color: #333;
    font-size: 30px;
    margin-bottom: 15px;
    color: #fff;
}

.play-icon-lg, .play-icon-md {
    border: 4px solid #fff;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    display: block;
    color: #fff;
    text-align: center;
    background: none;
}

.pos-section {
    position: relative;
    overflow: hidden;
}

.play-icon-lg {
    font-size: 36px;
    height: 95px;
    line-height: 89px;
    margin: auto;
    width: 95px;
}

.play-icon-md {
    font-size: 28px;
    height: 75px;
    line-height: 67px;
    margin: auto;
    width: 75px;
}

    .play-icon-lg i, .play-icon-md i {
        margin-left: 8px;
    }





img {
    border: 0px none;
    outline: 0px none;
}

a {
    color: #222;
    cursor: pointer;
    text-decoration: none;
}

    a:hover {
        color: #229944;
    }

i.left, .i-left {
    margin-right: 6px;
}

i.right, .i-right {
    margin-left: 6px;
}

hr {
    border-top: 1px solid #eee !important;
    margin-bottom: 0;
    margin-top: 0;
    color: transparent;
}

.video {
    max-width: 100%;
    height: auto;
}

.rows {
    margin-left: -15px;
    margin-right: -15px;
}

embed,
object {
    max-width: 100%;
}

/* Font Style */

p, .nav-menu {
    font-family: 'Open Sans', sans-serif;
}

    h1, h2, h3, h4, h5, h6,
    .btn, button,
    .link, .link-dark, link-color,
    button, input, textarea, select,
    .portfolio-filter,
    p.lead-lg, .lead-lg,
    .overlay-menu-nav,
    .accordion .accordion-title, .toggle .toggle-title {
        /*font-family: 'Work Sans', sans-serif;*/
        font-family: 'Ubuntu', sans-serif;
    }



/*------------------------------------------------------------------*/
/* Typography Style */
/*------------------------------------------------------------------*/

/* Heading */
h1, h2, h3, h4, h5, h6 {
    color: #222;
    font-weight: 300;
    margin-top: 0px;
    line-height: 1.5;
    margin-bottom: 15px;
    font-family: oswald;
}

h1 {
    font-size: 44px;
}

h2 {
    font-size: 32px;
}

h3 {
    font-size: 26px;
}

h4 {
    font-size: 22px;
}

h5 {
    font-size: 18px;
}

h6 {
    font-size: 16px;
}

    h1.white, h2.white, h3.white, h4.white, h5.white, h6.white, h6 .white {
        color: #fff;
    }

    h1.color, h2.color, h3.color, h4.color, h5.color, h6.color, h6 .color {
        color: #17a697;
    }

/* Alternate Hadding */
.alt-title {
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1px;
}

















h1.alt-title {
    font-size: 22px;

    margin-bottom: 25px;

}

h2.alt-title {
    font-size: 20px;
}

h3.alt-title {
    font-size: 18px;
}

h4.alt-title {
    font-size: 16px;
}

h5.alt-title {
    font-size: 14px;
}

h6.alt-title {
    font-size: 12px;
}

/*Site Title*/

.page-title {
    margin-bottom: 60px;
}

.page-title2 {
    margin-bottom: 30px;
}

.content-title {
    margin-bottom: 25px;
}

.features-title {
    margin-bottom: 15px;
}


/*Paragraph*/

.page-content {
    margin-bottom: 60px;
}

p {
    font-size: 14px;
    color: #2c2c2c;
    line-height: 1.6;
    font-weight: 400;
    margin-bottom: 15px;
    margin-top: 0px;
    font-family: Roboto Slab;
}

    p.small {
        font-size: 12px;
    }

    p.large {
        font-size: 16px;
    }

    p.lead {
        font-size: 18px;
        font-weight: 300;
    }



    p.lead-lg {
        font-size: 20px;
        font-weight: 300;
        margin-bottom: 20px;
    }

    p.white, p.small.white, p.large.white, p.lead.white, p .white, .white {

        color: #ffffff;

    }


    p.dark, p.small.dark, p.large.dark, p.lead.dark, p .dark, .dark {
        color: #626262;
    }

    p.color p.small.color, p.large.color, p.lead.color, p .color, .color {
        color: #17a697;
    }

.yellow {
    color: #f4efb7;
}


/* Text weight */

.text-light {
    font-weight: 300;
}

.text-regular {
    font-weight: 400;
}

.text-medium {
    font-weight: 500;
}

.text-bold {
    font-weight: 600;
}

.text-bolder {
    font-weight: 700;
}

.text-italic {
    font-style: italic;
}

.max-width-700 {
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
}

/* listing */
ul.list-inside {
    padding-left: 0px;
    list-style: inside;
    margin-bottom: 25px;
    font-size: 16px;
}

ul.list-none {
    list-style: none;
    padding-left: 0px;
    margin: 0;
}


/*Links & Anchor Tag*/
.dark-bg a {
}

    .dark-bg a:hover {
    }

a {
    outline: none;
    text-decoration: none;
    transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
}


.link, .link-d {
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-size: 12px;
    font-weight: 400;
    color: inherit;
    padding-bottom: 2px;
    text-decoration: none;
    transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
}

.link {
    color: #222;
}

    .Link:hover {
        color: #17a697;
    }

.link-d {
    color: #fff;
}

    .link-d:hover {
        color: #17a697;
    }


/*------------------------------------------------------------------*/
/* Button Style */
/*------------------------------------------------------------------*/

.btn, button {
    font-size: 12px;
    line-height: 1;
    font-weight: 600;
    letter-spacing: 1px;
    text-decoration: none !important;
    text-transform: uppercase;
    text-align: center;
    transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    outline: none;
    border-width: 1px;
    border-style: solid;
    display: inline-block;
    vertical-align: middle;
}

    .btn i, button i, i.left {
        margin-right: 6px;
    }

i.right {
    margin-left: 6px;
    margin-right: 0px !important;
}

.btn-sm {
    padding: 11px 30px !important;
    display: inline-block;
}

.btn-md {
    padding: 13px 25px !important;
    display: inline-block;
}

.btn-lg {
    padding: 15px 30px !important;
    display: inline-block;
    border: none;
}

.btn-xlg {
    padding: 17px 30px !important;
    display: inline-block;
}

.btn-black {
    background-color: #222;
    border-color: transparent;
    color: #fff;
}

    .btn-black:hover {
        background-color: #229944;
        border-color: transparent;
        color: #fff;
    }

.btn-color {
    background-color: #17a697;
    border-color: transparent;
    color: #fff;
}

    .btn-color:hover {
        background-color: #1db2a2;
        border-color: transparent;
        color: #fff;
    }

.btn-white {
    background-color: rgba(255,255,255,1);
    border-color: transparent;
    color: #222;
    font-family: oswald;
}

    .btn-white:hover {
        background-color: rgb(34, 153, 68);
        border-color: white;
        color: #fff;
    }

.btn-white-outline {
    background-color: transparent;
    border-color: #fff;
    color: #fff;
}

    .btn-white-outline:hover {
        background-color: #fff;
        border-color: #fff;
        color: #222;
    }

.btn-black-outline {
    background-color: transparent;
    border-color: #222;
    color: #222;












}

    .btn-black-outline:hover {
        background-color: #222;
        border-color: #222;
        color: #fff;
    }


.btn-color-outline {
    background-color: transparent;
    border-color: #17a697;
    color: #17a697;
}

    .btn-color-outline:hover {
        background-color: #17a697;
        border-color: #17a697;
        color: #fff;
    }

/*------------------------------------------------------------------*/
/* Form Style */
/*------------------------------------------------------------------*/
form {
    position: relative;
}

button {
    outline: none;
}

button, html input[type="button"], input[type="reset"], input[type="submit"] {
    cursor: pointer;
    display: inline-block;
}

button, input, textarea, select {
    font-size: 12px;
}

    input, input[type="text"], input[type="email"], input[type="tel"], input[type="number"], input[type="password"], input[type="radio"], input[type="checkbox"], textarea, select {
        border: 1px solid rgb(185, 183, 183);
        background: rgb(255, 255, 255);
        -webkit-border-radius: 0px !important;
        -moz-border-radius: 0px !important;
        border-radius: 6px !important;
        color: #000;
        outline: none;
        font-weight: 500;
        font-size: 12px;
        padding-left: 15px;
        padding-right: 15px;
        transition: all 0.2s cubic-bezier(0, 0, 0.58, 1) 0s;
        -moz-transition: all 0.2s cubic-bezier(0, 0, 0.58, 1) 0s;
        -webkit-transition: all 0.2s cubic-bezier(0, 0, 0.58, 1) 0s;
        -o-transition: all 0.2s cubic-bezier(0, 0, 0.58, 1) 0s;
        display: inline-block;
        text-transform: uppercase;
        line-height: 1;
        vertical-align: middle;
    }

        input[type="text"]:hover, input[type="email"]:hover, input[type="tel"]:hover, input[type="number"]:hover, input[type="radio"]:hover, input[type="checkbox"]:hover, input[type="password"]:hover, textarea:hover, select:hover {
            border: 1px solid rgba(0, 0, 0, 0.2);
        }

        input[type="text"]:focus, input[type="email"]:focus, input[type="tel"]:focus, input[type="number"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus, input[type="password"]:focus, textarea:focus {
            border: 1px solid rgba(0, 0, 0, 0.7);
            color: #333;
        }

        input.input-sm, .input-sm {
            padding-top: 11px;
            padding-bottom: 11px;
        }

        input.input-md, .input-md {
            padding-top: 13px;
            padding-bottom: 13px;
        }

        input.input-lg, .input-lg {
            padding-top: 15px;
            padding-bottom: 15px;
        }

        input.input-xlg, .input-xlg {
            padding-top: 17px;
            padding-bottom: 17px;
        }

textarea {
    height: 120px;
    font-size: 13px !important;
}

label {
    color: #333;
    font-size: 12px;
    margin-bottom: 10px;
    padding-right: 3px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-top: 6px;
    font-family: 'Raleway', sans-serif;

}

.input-fancy {
    border-top: none !important;
    border-left: none !important;

    border-right: none !important;
}

.form-full {
    width: 100%;
}

.form-full-height {
    height: 100%;
}

.form-field-wrapper {
    margin-bottom: 20px;
    position: relative;
}

form .error {
    border-color: #e1534f;
}

form label.error {
    margin-bottom: 0px;
    margin-top: 3px;
    color: #e1534f;
    font-size: 12px;
    font-weight: 400;
}

.successContent, .errorContent {
    margin-bottom: 20px;
    display: none;
    text-transform: none;
    letter-spacing: 1px;
}

.newsletter-input {
    max-width: 280px;
}

/*------------------------------------------------------------------*/
/* Spacer Style */
/*------------------------------------------------------------------*/
/*spacing*/
.spacer-15 {
    height: 15px;
    width: 100%;
}



.spacer-30 {


    height: 30px;
    width: 100%;
}

.spacer-45 {
    height: 45px;
    width: 100%;
}

.spacer-60 {
    height: 60px;
    width: 100%;
}


.spacer-75 {

    height: 75px;




    width: 100%;
}

.spacer-90 {

    height: 90px;

    width: 100%;
}


/*padding*/
.section-padding {
    padding-top: 100px;
    padding-bottom: 100px;
}

.section-padding-t {
    padding-top: 120px;
}

.section-padding-b {
    padding-bottom: 120px;
}
/*--*/
.p-90 {
    padding: 90px;
}

.ptb-90 {
    padding-top: 90px;
    padding-bottom: 90px;
}

.plt-90 {
    padding-left: 90px;
    padding-right: 90px;
}

.pt-90 {
    padding-top: 90px;
}

.pb-90 {
    padding-bottom: 90px;
}
/*--*/
.p-85 {
    padding: 85px;
}

.ptb-85 {
    padding-top: 85px;
    padding-bottom: 85px;
}

.plt-85 {
    padding-left: 85px;
    padding-right: 85px;
}

.pt-85 {
    padding-top: 85px;
}

.pb-85 {
    padding-bottom: 85px;
}
/*--*/
.p-80 {
    padding: 80px;
}

.ptb-80 {
    padding-top: 80px;
    padding-bottom: 80px;
}

.plt-80 {
    padding-left: 80px;
    padding-right: 80px;
}

.pt-80 {
    padding-top: 80px;
}

.pb-80 {
    padding-bottom: 80px;
}
/*--*/
.p-75 {
    padding: 75px;
}

.ptb-75 {
    padding-top: 75px;
    padding-bottom: 75px;
}

.plt-75 {
    padding-left: 75px;
    padding-right: 75px;
}

.pt-75 {
    padding-top: 75px;
}

.pb-75 {
    padding-bottom: 75px;
}
/*--*/
.p-70 {
    padding: 70px;
}

.ptb-70 {
    padding-top: 70px;
    padding-bottom: 70px;
}

.plt-70 {
    padding-left: 70px;
    padding-right: 70px;
}

.pt-70 {
    padding-top: 70px;
}

.pb-70 {
    padding-bottom: 70px;
}
/*--*/
.p-65 {
    padding: 65px;
}

.ptb-65 {
    padding-top: 65px;
    padding-bottom: 65px;
}

.plt-65 {
    padding-left: 65px;
    padding-right: 65px;
}

.pt-65 {
    padding-top: 65px;
}

.pb-65 {
    padding-bottom: 65px;
}
/*--*/
.p-60 {
    padding: 60px;
}

.ptb-60 {
    padding-top: 60px;
    padding-bottom: 60px;
}

.plt-60 {
    padding-left: 60px;
    padding-right: 60px;
}

.pt-60 {
    padding-top: 60px;
}

.pb-60 {
    padding-bottom: 60px;
}
/*--*/
.p-55 {
    padding: 55px;
}

.ptb-55 {
    padding-top: 55px;
    padding-bottom: 55px;
}

.plt-55 {
    padding-left: 55px;
    padding-right: 55px;
}

.pt-55 {
    padding-top: 55px;
}

.pb-55 {
    padding-bottom: 55px;
}
/*--*/
.p-50 {
    padding: 50px;
}

.ptb-50 {
    padding-top: 50px;
    padding-bottom: 50px;
}

.plt-50 {
    padding-left: 50px;
    padding-right: 50px;
}

.pt-50 {
    padding-top: 50px;
}

.pb-50 {
    padding-bottom: 50px;
}
/*--*/
.p-45 {
    padding: 45px;
}

.ptb-45 {
    padding-top: 45px;
    padding-bottom: 45px;
}

.plt-45 {
    padding-left: 45px;
    padding-right: 45px;
}

.pt-45 {
    padding-top: 45px;
}

.pb-45 {
    padding-bottom: 45px;
}
/*--*/
.p-40 {
    padding: 40px;
}

.ptb-40 {
    padding-top: 40px;
    padding-bottom: 40px;
}

.plt-40 {
    padding-left: 40px;

    padding-right: 40px;
}

.pt-40 {
    padding-top: 40px;
}

.pb-40 {
    padding-bottom: 40px;

}
/*--*/
.p-35 {
    padding: 35px;

}

.ptb-35 {
    padding-top: 35px;
    padding-bottom: 35px;
}

.plt-35 {
    padding-left: 35px;
    padding-right: 35px;
}

.pt-35 {
    padding-top: 35px;
}

.pb-35 {
    padding-bottom: 35px;
}
/*--*/
.p-30 {
    padding: 30px;
}

.ptb-30 {
    padding-top: 30px;
    padding-bottom: 30px;
}

.plt-30 {
    padding-left: 30px;
    padding-right: 30px;
}

.pt-30 {
    padding-top: 30px;
}

.pb-30 {
    padding-bottom: 30px;
}
/*--*/
.p-25 {
    padding: 25px;
}

.ptb-25 {
    padding-top: 25px;
    padding-bottom: 25px;
}

.plt-25 {
    padding-left: 25px;
    padding-right: 25px;
}

.pt-25 {
    padding-top: 25px;
}

.pb-25 {
    padding-bottom: 25px;
}
/*--*/

.p-20 {
    padding: 20px;

}


.ptb-20 {
    padding-top: 20px;
    padding-bottom: 20px;
}

.plt-20 {
    padding-left: 20px;
    padding-right: 20px;
}


.pt-20 {
    padding-top: 20px;
}


.pb-20 {
    padding-bottom: 20px;
}
/*--*/
.p-15 {

    padding: 15px;
}


.ptb-15 {
    padding-top: 15px;
    padding-bottom: 15px;
}

.plr-15 {
    padding-left: 15px;
    padding-right: 15px;
}

.plt-15 {
    padding-left: 15px;
    padding-right: 15px;
}

.pt-15 {
    padding-top: 15px;
}

.pb-15 {
    padding-bottom: 15px;
}
/*--*/
.p-10 {
    padding: 10px;
}

.ptb-10 {
    padding-top: 10px;
    padding-bottom: 10px;
}

.plt-10 {
    padding-left: 10px;
    padding-right: 10px;
}

.pt-10 {
    padding-top: 10px;
}

.pb-10 {
    padding-bottom: 10px;
}
/*--*/
.p-5 {
    padding: 5px;
}

.ptb-5 {
    padding-top: 5px;
    padding-bottom: 5px;
}

.plt-5 {
    padding-left: 5px;
    padding-right: 5px;
}

.pt-5 {
    padding-top: 5px;
}

.pb-5 {
    padding-bottom: 5px;
}



/*margrin*/
.container-margin {
    margin-top: 120px;
    margin-bottom: 120px;
}

.container-margin-t {
    margin-top: 120px;
}

.container-margin-b {
    margin-bottom: 120px;
}

/*--*/
.m-90 {
    margin: 90px;
}

.mtb-90 {
    margin-top: 90px;
    margin-bottom: 90px;
}

.mlt-90 {
    margin-left: 90px;
    margin-right: 90px;
}

.mt-90 {
    margin-top: 90px;
}

.mb-90 {
    margin-bottom: 90px;
}
/*--*/
.m-85 {
    margin: 85px;
}

.mtb-85 {
    margin-top: 85px;
    margin-bottom: 85px;
}

.mlt-85 {
    margin-left: 85px;
    margin-right: 85px;
}

.mt-85 {
    margin-top: 85px;
}

.mb-85 {
    margin-bottom: 85px;
}
/*--*/
.m-80 {
    margin: 80px;
}

.mtb-80 {
    margin-top: 80px;
    margin-bottom: 80px;
}

.mlt-80 {
    margin-left: 80px;
    margin-right: 80px;
}

.mt-80 {
    margin-top: 80px;
}

.mb-80 {
    margin-bottom: 80px;
}
/*--*/
.m-75 {
    margin: 75px;
}

.mtb-75 {
    margin-top: 75px;
    margin-bottom: 75px;
}

.mlt-75 {
    margin-left: 75px;
    margin-right: 75px;
}

.mt-75 {
    margin-top: 75px;
}

.mb-75 {
    margin-bottom: 75px;
}
/*--*/
.m-70 {
    margin: 70px;
}

.mtb-70 {
    margin-top: 70px;
    margin-bottom: 70px;
}

.mlt-70 {
    margin-left: 70px;
    margin-right: 70px;
}

.mt-70 {
    margin-top: 70px;
}

.mb-70 {
    margin-bottom: 70px;
}
/*--*/
.m-65 {
    margin: 65px;
}

.mtb-65 {
    margin-top: 65px;
    margin-bottom: 65px;
}

.mlt-65 {
    margin-left: 65px;
    margin-right: 65px;
}

.mt-65 {
    margin-top: 65px;
}

.mb-65 {
    margin-bottom: 65px;
}
/*--*/
.m-60 {
    margin: 60px;
}

.mtb-60 {
    margin-top: 60px;
    margin-bottom: 60px;
}

.mlt-60 {
    margin-left: 60px;
    margin-right: 60px;
}

.mt-60 {
    margin-top: 60px;
}

.mb-60 {
    margin-bottom: 60px !important;
}
/*--*/
.m-55 {
    margin: 55px;
}

.mtb-55 {
    margin-top: 55px;
    margin-bottom: 55px;
}

.mlt-55 {
    margin-left: 55px;
    margin-right: 55px;
}


.mt-55 {

    margin-top: 55px;
}



.mb-55 {

    margin-bottom: 55px;

}
/*--*/
.m-50 {
    margin: 50px;
}


.mtb-50 {
    margin-top: 50px;

    margin-bottom: 50px;
}

.mlt-50 {
    margin-left: 50px;
    margin-right: 50px;
}

.mt-50 {
    margin-top: 50px;
}

.mb-50 {
    margin-bottom: 50px !important;
}
/*--*/
.m-45 {
    margin: 45px;
}

.mtb-45 {
    margin-top: 45px;
    margin-bottom: 45px;
}

.mlt-45 {
    margin-left: 45px;
    margin-right: 45px;
}

.mt-45 {
    margin-top: 45px;
}

.mb-45 {
    margin-bottom: 45px;
}
/*--*/
.m-40 {
    margin: 40px;
}

.mtb-40 {
    margin-top: 40px;
    margin-bottom: 40px;
}

.mlt-40 {
    margin-left: 40px;
    margin-right: 40px;
}

.mt-40 {
    margin-top: 40px;
}

.mb-40 {
    margin-bottom: 40px;
}
/*--*/
.m-35 {
    margin: 35px;
}

.mtb-35 {

    margin-top: 35px;
    margin-bottom: 35px;
}

.mlt-35 {
    margin-left: 35px;
    margin-right: 35px;
}

.mt-35 {
    margin-top: 35px;
}

.mb-35 {
    margin-bottom: 35px;
}

/*--*/



.m-30 {
    margin: 30px;
}


.mtb-30 {
    margin-top: 30px;
    margin-bottom: 30px;
}

.mlt-30 {
    margin-left: 30px;
    margin-right: 30px;
}

.mt-30 {
    margin-top: 30px;
}

.mb-30 {
    margin-bottom: 30px;
}
/*--*/
.m-25 {
    margin: 25px;
}

.mtb-25 {
    margin-top: 25px;
    margin-bottom: 25px;
}

.mlt-25 {
    margin-left: 25px;
    margin-right: 25px;
}

.mt-25 {
    margin-top: 25px;
}

.mb-25 {
    margin-bottom: 25px;
}
/*--*/
.m-20 {
    margin: 20px;
}

.mtb-20 {
    margin-top: 20px;
    margin-bottom: 20px;
}

.mlt-20 {
    margin-left: 20px;
    margin-right: 20px;
}

.mt-20 {
    margin-top: 20px;
}

.mb-20 {
    margin-bottom: 20px;
}
/*--*/
.m-15 {
    margin: 15px;
}

.mtb-15 {
    margin-top: 15px;
    margin-bottom: 15px;
}

.mlt-15 {
    margin-left: 15px;
    margin-right: 15px;
}

.mt-15 {
    margin-top: 15px;
}

.mb-15 {
    margin-bottom: 15px;
}
/*--*/
.m-10 {
    margin: 10px;
}

.mtb-10 {
    margin-top: 10px;
    margin-bottom: 10px;
}

.mlt-10 {
    margin-left: 10px;
    margin-right: 10px;
}

.mt-10 {
    margin-top: 10px;
}

.mb-10 {
    margin-bottom: 10px;
}
/*--*/
.m-5 {
    margin: 5px;
}

.mtb-5 {
    margin-top: 5px;
    margin-bottom: 5px;
}

.mlt-5 {
    margin-left: 5px;
    margin-right: 5px;
}

.mt-5 {
    margin-top: 5px;
}

.mb-5 {
    margin-bottom: 5px;
}
/*--*/
.m-0 {
    margin: 0px;
}

.mtb-0 {
    margin-top: 0px;
    margin-bottom: 0px;
}

.mlt-0 {
    margin-left: 0px;
    margin-right: 0px;
}

.mt-0 {
    margin-top: 0px;
}

.mb-0 {
    margin-bottom: 0px !important;
}


@media (max-width: 767px) {
    /*extra small medium*/

    /*padding*/
    .section-padding {
        padding-top: 70px;
        padding-bottom: 60px;
    }

    .section-padding-t {
        padding-top: 70px;
    }

    .section-padding-b {
        padding-bottom: 70px;
    }

    /*margrin*/
    .container-margin {
        margin-top: 70px;
        margin-bottom: 70px;
    }

    .container-margin-t {
        margin-top: 70px;
    }

    .container-margin-b {
        margin-bottom: 70px;
    }

    .float-xs-left {
        float: left !important;
        text-align: left;
    }

    .float-xs-right {
        float: right !important;
        text-align: right;
    }

    .p-xs-0 {
        padding: 0px;
    }

    .ptb-xs-0 {
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .plt-xs-0 {
        padding-left: 0px;
        padding-right: 0px;
    }

    .pt-xs-0 {
        padding-top: 0px;
    }

    .pb-xs-0 {
        padding-bottom: 0px;
    }


    .mtb-xs-30 {
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .mlt-xs-30 {
        margin-left: 30px;
        margin-right: 30px;
    }

    .mt-xs-30 {
        margin-top: 30px;
    }

    .mb-xs-30 {

        margin-bottom: 30px;
    }

    /* 0 */

    .mtb-xs-0 {
        margin-top: 0px;
        margin-bottom: 0px;

    }

    .mlt-xs-0 {

        margin-left: 0px;
        margin-right: 0px;
    }

    .mt-xs-0 {
        margin-top: 0px;
    }

    .mb-xs-0 {
        margin-bottom: 0px;
    }
}

@media (max-width: 991px) {
    .p-sm-0 {
        padding: 0px;
    }

    .ptb-sm-0 {
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .plt-sm-0 {
        padding-left: 0px;
        padding-right: 0px;
    }

    .pt-sm-0 {
        padding-top: 0px;
    }

    .pb-sm-0 {
        padding-bottom: 0px;
    }


    /* 45 */
    .mtb-sm-45 {
        margin-top: 45px;
        margin-bottom: 45px;
    }

    .mlt-sm-45 {
        margin-left: 45px;
        margin-right: 45px;
    }

    .mt-sm-45 {


        margin-top: 45px;


    }


    .mb-sm-45 {
        margin-bottom: 45px;
    }

    /* 30 */
    .mtb-sm-30 {
        margin-top: 30px;
        margin-bottom: 30px;


    }

    .mlt-sm-30 {


        margin-left: 30px;

        margin-right: 30px;
    }

    .mt-sm-30 {
        margin-top: 30px;
    }

    .mb-sm-30 {
        margin-bottom: 30px;
    }

    /* 0 */
    .mtb-sm-0 {
        margin-top: 0px;
        margin-bottom: 0px;
    }

    .mlt-sm-0 {
        margin-left: 0px;
        margin-right: 0px;
    }

    .mt-sm-0 {
        margin-top: 0px;
    }

    .mb-sm-0 {
        margin-bottom: 0px;
    }
}



/*==========================================================================================================*/
/* HEADER     ||---------------------------- */
/*==========================================================================================================*/

/*------------------------------------------------------------------*/
/* Header Style */
/*------------------------------------------------------------------*/
.header {
    position: absolute;
    text-align: center;
    top: 47px;
    z-index: 1000;
    color: #fff;
    width: 100%;
    height: 85px;
    transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
    -o-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
    -moz-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
    -webkit-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
    background: rgba(0, 0, 0, 0.85);
    /* border-bottom: 3px solid rgb(0, 0, 0); */
    /* margin-top: 45px; */
}

    .header.header-prepare, .header.header-light.header-prepare {
        background-color: rgba(255, 255, 255, 0.95);
        /* border-bottom: 1px solid #f0f0f0; */
    }

    .header.header-dark.header-prepare {
        background-color: rgba(34, 34, 34, 0.95);
        border-bottom: 0px none;
    }

    .header.header-fixed {
        display: block;
        margin-top: 0 !important;
        position: fixed;
        height: 68px;
        background: black;
        top: 0px;
    }

.header-inner {
    padding-left: 30px;
    padding-right: 30px;
    position: relative;
}

.header-fixed .logo a {
    margin-top: 15px;
    margin-bottom: 15px;
    transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
    -o-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
    -moz-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
    -webkit-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
}

.header-fixed .nav-menu ul.nav-menu-inner > li > a {
    padding-top: 22px;
    padding-bottom: 22px;
}

/*header Logo style*/
.header.header-prepare .logo a img.logo-light,
.header .logo a img.logo-dark {
    opacity: 0;
}

.header .logo a img.logo-light,
.header.header-prepare .logo a img.logo-dark,
.header.header-light .logo a img.logo-dark {
    opacity: 1;
}

.header.header-dark.header-prepare .logo a img.logo-dark,
.header.header-dark .logo a img.logo-dark {
    opacity: 0;
}

.header.header-dark.header-prepare .logo a img.logo-light,
.header.header-dark .logo a img.logo-light {
    opacity: 1;
}

@media all and (min-width: 1025px) {

    /*header nav style*/
    .header.header-prepare .nav-menu ul.nav-menu-inner > li > a {
        color: rgb(255, 255, 255);
    }


        .header.header-prepare .nav-menu ul.nav-menu-inner > li:hover > a,
        .header.header-prepare .nav-menu ul.nav-menu-inner > li > a:hover {
            color: rgb(255, 255, 255);
        }

    .header.header-dark.header-prepare .nav-menu ul.nav-menu-inner > li > a {
        color: rgba(255,255,255,0.75);
    }

        .header.header-dark.header-prepare .nav-menu ul.nav-menu-inner > li:hover > a,
        .header.header-dark.header-prepare .nav-menu ul.nav-menu-inner > li > a:hover {
            color: rgba(255,255,255,1);
        }
}

@media all and (max-width: 1024px) {
    .header {
        height: 58px;
    }

    .header-inner {
        padding-left: 30px;
        padding-right: 30px;
        position: relative;
        display: table;
        width: 100%;



    }

    .header .logo a {
        margin-top: 15px;
        margin-bottom: 15px;
        width: 100px;
        transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -webkit-transition: all 0.3s ease 0s;
    }
}


/*------------------------------------------------------------------*/
/* Logo Style */
/*------------------------------------------------------------------*/
.logo {
    float: left;
    text-align: left;
    display: inline-block;
}

    .logo a {
        width: 100px;
        display: block;
        margin-top: 29px;
        margin-bottom: 28px;
        transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
        -o-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
        -moz-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
        -webkit-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
        position: relative;
    }

        .logo a img {
            width: 210px;
            position: absolute;
            top: -22px;
            left: 0;
            transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
            -o-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
            -moz-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
            -webkit-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
        }



/*------------------------------------------------------------------*/
/* Navigation Menu Style */
/*------------------------------------------------------------------*/
.nav-menu {
    position: static;
    float: right;
    display: block;
}

    .nav-menu.active {
        display: block;
    }

    .nav-menu ul.nav-menu-inner {
        margin: 0;
        padding: 0;
        list-style: none;
    }

        .nav-menu ul.nav-menu-inner li {
            display: inline-block;
            list-style: none;
            text-align: left;
        }

        .nav-menu ul.nav-menu-inner > li > a {
            color: #fff;
        }

.header-light .nav-menu ul.nav-menu-inner > li > a {
    color: rgba(34, 34, 34, 0.6);
}




.nav-menu ul.nav-menu-inner li a {
    font-family: Oswald;
    display: block;
    font-size: 15px;
    line-height: 1;
    font-weight: lighter;
    text-transform: uppercase;
    letter-spacing: 1.6px;
    transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
    -o-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
    -moz-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
    -webkit-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
}

.nav-menu ul.nav-menu-inner > li > a {
    padding: 39px 15px;
}

.header .nav-menu ul.nav-menu-inner > li.active a,
.header .nav-menu ul.nav-menu-inner > li a.active,
.header .nav-menu ul.nav-menu-inner > li:hover > a,
.header .nav-menu ul.nav-menu-inner > li > a:hover,
.header.header-dark .nav-menu ul.nav-menu-inner > li.active a,
.header.header-dark .nav-menu ul.nav-menu-inner > li a.active,
.header.header-dark .nav-menu ul.nav-menu-inner > li:hover > a,
.header.header-dark .nav-menu ul.nav-menu-inner > li > a:hover,
.header.header-dark.header-prepare .nav-menu ul.nav-menu-inner li a.current,

.header.header-dark.header-prepare .nav-menu ul.nav-menu-inner li.current a {
    color: #ffffff;
    /* border-bottom: 2px solid; */
    padding-bottom: 31px;
    background: #229944;
}

.header.header-light .nav-menu ul.nav-menu-inner > li:hover > a,



.header.header-light .nav-menu ul.nav-menu-inner > li > a:hover,
.header.header-prepare .nav-menu ul.nav-menu-inner li a.current,
.header.header-prepare .nav-menu ul.nav-menu-inner li.current a {
    color: #222;
}

/* Mobile bar icon */
.nav-mobile.nav-bar-icon {
    display: none;
}

.nav-bar-icon {
    display: inline-block;
    float: right;
    position: relative;
    height: 16px;
    width: 20px;
    margin-top: 34px;
    margin-bottom: 35px;
    margin-left: 15px;
    transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
    -moz-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
    -o-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;


    -webkit-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
    cursor: pointer;



}


.header-fixed .nav-bar-icon {
    margin-top: 21px;
    margin-bottom: 21px;
}

.nav-bar-icon a {
    color: #fff;
    display: block;
    font-size: 17px;
    padding: 19px 0;
}

    .nav-bar-icon.active a, .nav-bar-icon a.active,
    .nav-bar-icon:hover a, .nav-bar-icon a:hover {
        color: #17a697;
    }

.nav-bar-icon > span {
    position: absolute;
    top: 50%;
    display: block;
    width: 20px;
    height: 2px;
    margin-top: -1px;
    background-color: #222;
    -webkit-transition: -webkit-transform 0.3s, background 0.25s ease;
    -webkit-transition: background 0.25s ease, -webkit-transform 0.3s;
    transition: background 0.25s ease, -webkit-transform 0.3s;
    transition: transform 0.3s, background 0.25s ease;
    transition: transform 0.3s, background 0.25s ease, -webkit-transform 0.3s;
}

    .nav-bar-icon > span:before,
    .nav-bar-icon > span:after {
        content: "";
        position: absolute;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #222;
        -webkit-transition: -webkit-transform 0.3s, background 0.25s ease;
        -webkit-transition: background 0.25s ease, -webkit-transform 0.3s;
        transition: background 0.25s ease, -webkit-transform 0.3s;
        transition: transform 0.3s, background 0.25s ease;
        transition: transform 0.3s, background 0.25s ease, -webkit-transform 0.3s;
    }

header .nav-bar-icon > span,
header .nav-bar-icon > span:before,
header .nav-bar-icon > span::after,
header.header-dark .nav-bar-icon > span,
header.header-dark .nav-bar-icon > span:before,
header.header-dark .nav-bar-icon > span::after,
header.header-dark.header-prepare .nav-bar-icon > span,
header.header-dark.header-prepare .nav-bar-icon > span:before,
header.header-dark.header-prepare .nav-bar-icon > span::after {
    background-color: #fff;
}

header.header-light .nav-bar-icon > span,
header.header-light .nav-bar-icon > span:before,
header.header-light .nav-bar-icon > span::after,
header.header-prepare .nav-bar-icon > span,
header.header-prepare .nav-bar-icon > span:before,
header.header-prepare .nav-bar-icon > span::after {
    background-color: #222;
}


.nav-bar-icon > span:before {
    -webkit-transform: translateY(-7px);
    transform: translateY(-7px);
    -o-transform: translateY(-7px);
    -ms-transform: translateY(-7px);
    -moz-transform: translateY(-7px);
}

.nav-bar-icon > span:after {
    -webkit-transform: translateY(7px);
    transform: translateY(7px);
    -o-transform: translateY(7px);
    -ms-transform: translateY(7px);
    -moz-transform: translateY(7px);
}

.nav-bar-icon.active {
    transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

    .nav-bar-icon.active > span:before {
        transform: rotate(90deg);
        -moz-transform: rotate(90deg);

        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
    }




    .nav-bar-icon.active > span:after {
        transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);

        -webkit-transform: rotate(90deg);
    }

/* Dropdown-menu */
.nav-menu > ul li {
    position: relative;
}

.sub-dropdown.dropdown {
    top: 100%;
    left: 0;
}

.sub-dropdown {
    position: absolute;
    left: 100%;
    top: 0;
    display: none;
    background: #229944 !important;
    padding: 0;
    width: 200px;
    color: red;
}

    .sub-dropdown li {
        width: 100%;
    }



    .sub-dropdown > li > a {
        padding: 13px 15px;
        display: block;
        color: rgb(255, 255, 255);
        border-bottom: 1px solid;
    }

    .sub-dropdown > li:hover > a {
        background: #1d7e39;


        color: #fff;

    }

    .sub-dropdown i {
        float: right;









    }


@media all and (max-width: 1024px) {
    .nav-menu ul.nav-menu-inner li {
        display: block;
        width: 100%;
    }

    .nav-menu {
        position: static;
        left: 0;
        top: 100%;
        float: none;
        display: none;
        width: 100%;
        background: rgba(34,34,34,0.85);
        overflow-y: auto;
        z-index: 999;
    }

    .nav-bar-icon, .nav-mobile.nav-bar-icon, .header-fixed .nav-bar-icon {
        display: inline-block;
        float: right;
        margin-top: 21px;
        margin-bottom: 21px;
    }

    .nav-menu ul.nav-menu-inner li a, .header-fixed .nav-menu ul.nav-menu-inner li a {
        padding: 15px 12px;
        border-top: 1px solid #444;
    }


    /* Dropdown */
    .sub-dropdown.dropdown, .sub-dropdown {
        top: 100%;
        position: relative;
        left: 0;
        width: 100%;
    }

        .sub-dropdown a {
            padding-left: 30px !important;
        }

    .header .nav-menu ul.nav-menu-inner li a.current,
    .header .nav-menu ul.nav-menu-inner li.current a,
    .header.header-light .nav-menu ul.nav-menu-inner > li:hover > a,
    .header.header-light .nav-menu ul.nav-menu-inner > li > a:hover,
    .header.header-prepare .nav-menu ul.nav-menu-inner li a.current,
    .header.header-prepare .nav-menu ul.nav-menu-inner li.current a {
        color: #fff;
    }

    .header-light .nav-menu ul.nav-menu-inner > li > a {
        color: rgba(255,255,255,0.60);
    }
}


/*------------------------------------------------------------------*/
/* Overlay Menu */
/*------------------------------------------------------------------*/
.overlay-menu {
    background: rgba(0, 0, 0, 0.9) none repeat scroll 0 0;
    display: table;
    height: 100%;
    min-height: 100%;
    opacity: 0;
    position: fixed;
    visibility: hidden;
    width: 100%;
    z-index: 9999;
    transition: all 0.4s ease-in-out 0s;
    -o-transition: all 0.4s ease-in-out 0s;
    -moz-transition: all 0.4s ease-in-out 0s;
    -webkit-transition: all 0.4s ease-in-out 0s;
    top: 0px;
    left: 0px;
    overflow: auto;
    padding: 50px 0;
}

    .overlay-menu.active {
        opacity: 1;
        top: 0;
        visibility: visible;
    }

    .overlay-menu .overlay-menu-inner {
        display: table-cell;
        height: 100%;
        text-align: center;
        vertical-align: middle;
        width: 100%;
    }

        .overlay-menu .overlay-menu-inner nav {
            display: block;
        }

.overlay-menu-nav {
    list-style: none;
    margin: 0;
    padding: 0;
    max-width: 290px;
    margin: auto;
}

.overlay-menu .overlay-menu-nav {
    opacity: 0.2;
    transform: translateY(-15%) rotateX(35deg);
    -moz-transform: translateY(-15%) rotateX(35deg);
    -ms-transform: translateY(-15%) rotateX(35deg);
    -o-transform: translateY(-15%) rotateX(35deg);
    -webkit-transform: translateY(-15%) rotateX(35deg);
    transition: transform 0.5s ease 0s, opacity 0.5s ease 0s;
    -moz-transition: transform 0.5s ease 0s, opacity 0.5s ease 0s;
    -o-transition: transform 0.5s ease 0s, opacity 0.5s ease 0s;
    -webkit-transition: transform 0.5s ease 0s, opacity 0.5s ease 0s;
}

.overlay-menu.active .overlay-menu-nav {
    opacity: 1;
    transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);
    -o-transform: rotateX(0deg);
    -webkit-transform: rotateX(0deg);
}


.overlay-menu-nav li {
    display: block;
}

    .overlay-menu-nav li a {
        color: #fff;
        text-transform: uppercase;
        font-size: 20px;
        font-weight: 400;
        padding-top: 5px;
        padding-bottom: 5px;



        letter-spacing: 2px;
        display: block;
    }

    .overlay-menu-nav li:hover a {
        color: #17a697;
    }

.overlay-menu-close {
    color: #fff;
    height: 16px;
    line-height: 40px;
    position: absolute;
    right: 30px;
    text-align: center;
    top: 30px;

    width: 16px;
    transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    z-index: 1;
}

    .overlay-menu-close > span {
        position: absolute;
        top: 50%;
        display: block;
        width: 20px;
        height: 2px;
        background-color: #fff;
        -webkit-transition: -webkit-transform 0.3s, background 0.25s ease;
        -webkit-transition: background 0.25s ease, -webkit-transform 0.3s;
        transition: background 0.25s ease, -webkit-transform 0.3s;
        transition: transform 0.3s, background 0.25s ease;
        transition: transform 0.3s, background 0.25s ease, -webkit-transform 0.3s;
    }

        .overlay-menu-close > span:before,
        .overlay-menu-close > span:after {
            content: "";
            position: absolute;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: #fff;
            -webkit-transition: -webkit-transform 0.3s, background 0.25s ease;
            -webkit-transition: background 0.25s ease, -webkit-transform 0.3s;
            transition: background 0.25s ease, -webkit-transform 0.3s;
            transition: transform 0.3s, background 0.25s ease;
            transition: transform 0.3s, background 0.25s ease, -webkit-transform 0.3s;
            transform: rotate(90deg);
            -moz-transform: rotate(90deg);
            -ms-transform: rotate(90deg);
            -o-transform: rotate(90deg);
            -webkit-transform: rotate(90deg);
        }


    .overlay-menu-close:hover > span,
    .overlay-menu-close:hover > span:before,
    .overlay-menu-close:hover > span:after {
        background-color: #17a697;
    }

@media all and (max-width: 960px) {
    .overlay-menu-active .overlay-menu {
        position: absolute;
    }

    .overlay-menu-active #page-wraper {
        position: fixed;
    }
}






/*==========================================================================================================*/
/* INTRO     ||---------------------------- */
/*==========================================================================================================*/

/*------------------------------------------------------------------*/
/* Intro */
/*------------------------------------------------------------------*/

#intro {
    position: relative;
    overflow: hidden;
}

.intro-media-wraper {
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.intro-bg-section {
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}

.intro-caption-waper {
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 2;
}

.intro-caption-top {
    z-index: 2;
}

.intro-content {
    display: table;
    height: 100%;
    text-align: center;
    width: 100%;
}


.intro-content-inner {
    display: table-cell;
    height: 100%;
    vertical-align: middle;
}


.intro-img-circle {
    margin-left: auto;
    margin-right: auto;
    width: 120px;
    height: 120px;
    border: 5px solid rgba(0,0,0, 0.2);
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    margin-bottom: 30px;
}

    .intro-img-circle img {
        outline: none;
        border: none;
        width: 100%;
        height: 100%;
        border-radius: 50%;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
    }

.intro-play-icon {
    text-align: center;
}

.intro-sub-title {

    letter-spacing: 1.5px;


}


.intro-title {

    font-size: 70px;
    margin-top: 40px;
    margin-bottom: 40px;
    font-weight: 400;
    line-height: 1.1;

    /*letter-spacing: -2px;*/
}

.intro-title-sm {
    font-size: 44px !important;







    margin-top: 30px;
    font-weight: 400;
    margin-bottom: 0;
}

.error-intro-title {
    font-size: 100px;
    margin-top: 0;
    margin-bottom: 0;
    font-weight: 600;

    line-height: 1.1;
}

.inner-intro {
    position: relative;
    padding: 70px 0;
}

    .inner-intro h1 {
        font-size: 54px;
        margin-top: 30px;
    }

@media (max-width: 1024px) {
    .intro-title {
        letter-spacing: 0;
        font-size: 46px;
    }
}

@media (max-width: 767px) {
    .intro-title {
        letter-spacing: 0;
        font-size: 30px;
    }
}

/*------------------------------------------------------------------*/
/* Slider */
/*------------------------------------------------------------------*/

.sc-logo {
    /*margin-top: 0px;
    margin-bottom:0;*/
    text-align: center;
}

.sc-title {
    font-weight: 800;
    text-align: center;
    /*margin-top: 0px;
    margin-bottom:0;*/
}

.sc-paragraph-lead {
    font-family: Georgia;
    font-style: italic;
    font-size: 20px;
    text-align: center;
    /*margin-top: 0px;
    margin-bottom:0;*/
}

.sc-button {
}





/*==========================================================================================================*/
/* ELEMENTS     ||---------------------------- */
/*==========================================================================================================*/

/*------------------------------------------------------------------*/
/* Skills Bar */
/*------------------------------------------------------------------*/

.skillbar {
    position: relative;
    display: block;
    width: 100%;
    margin-bottom: 20px;
}

.skillbar-bar {
    background: rgba(34,34,34,0.07);
    width: 100%;
}

.skillbar-bar-child {
    height: 4px;
    width: 0px;
    background: #17a697;
    -webkit-transition-property: width, background-color;
    -moz-transition-property: width, background-color;
    -ms-transition-property: width, background-color;
    -o-transition-property: width, background-color;
    transition-property: width, background-color;
}

.skillbar-title {
    display: inline-block;
    text-align: left;
    margin-bottom: 7px;
}

.skillbar-title, .skill-bar-percent {
}


.skill-bar-percent {
    float: right;
    display: inline-block;
    font-weight: 400;
    margin-top: 3px;
    font-size: 12px;
}



/*------------------------------------------------------------------*/
/* Team Box */
/*------------------------------------------------------------------*/

/* Team Box   ||-------------------*/
.team-item {
    padding-left: 15px;
    padding-right: 15px;
}

.team-item-img {
    position: relative;
}

    .team-item-img > img {
        width: 100%;
    }

    .team-item-img .team-item-detail {
        background: rgba(255,255,255,0.95);
        text-align: center;
        color: #fff;
        display: -webkit-flex;
        display: flex;
        height: 100%;
        width: 100%;
        position: absolute;

        top: 0px;
        left: 0px;
        opacity: 0;
        visibility: hidden;

        overflow: hidden;
        transition: all 0.5s ease-in-out 0s;
        -moz-transition: all 0.5s ease-in-out 0s;
        -webkit-transition: all 0.5s ease-in-out 0s;
        -o-transition: all 0.5s ease-in-out 0s;
    }

.team-item:hover .team-item-detail {
    opacity: 1;
    visibility: visible;
}


.team-item-img .team-item-detail .team-item-detail-inner, .cent-mid-content {
    margin: auto;
    padding: 25px;
}

    .team-item-img .team-item-detail .team-item-detail-inner .social {
        margin: 5px 0px 0px 0px;
        padding: 0px;
    }

        .team-item-img .team-item-detail .team-item-detail-inner .social li {
            list-style: none;
            display: inline-block;
            margin: 0px 8px;
        }

            .team-item-img .team-item-detail .team-item-detail-inner .social li a {
                border: 1px solid #222;
                color: #222;
                display: block;
                font-size: 14px;

                height: 28px;
                width: 28px;
                line-height: 1.8;
                transform: rotate(45deg);
                -moz-transform: rotate(45deg);
                -ms-transform: rotate(45deg);
                -o-transform: rotate(45deg);
                -webkit-transform: rotate(45deg);
                text-align: center;
            }

                .team-item-img .team-item-detail .team-item-detail-inner .social li a i {
                    transform: rotate(-45deg);
                    -moz-transform: rotate(-45deg);
                    -ms-transform: rotate(-45deg);
                    -o-transform: rotate(-45deg);
                    -webkit-transform: rotate(-45deg);
                }

                .team-item-img .team-item-detail .team-item-detail-inner .social li a:hover {
                    color: #fff;
                    background: #222;
                }

.team-item-info {
    padding-top: 15px;
    text-align: center;
}

    .team-item-info h5, .team-item-info h6 {
        margin-bottom: 5px;
    }

    .team-item-info p {
        margin-bottom: 0px;
    }


/*------------------------------------------------------------------*/
/* Tabs */
/*------------------------------------------------------------------*/
ul.icon-tab-nav, .icon-tab-nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;
}

    ul.icon-tab-nav li, .icon-tab-nav ul li {
        display: inline-block;
        width: 200px;
    }

.icon-tab-nav {
    display: block;
}

    .icon-tab-nav a {
        font-size: 44px;
        /*color: #aaa;*/
    }

    .icon-tab-nav .icon-tab-nav-title {
        margin-top: 10px;
    }

    .icon-tab-nav a, .icon-tab-nav .icon-tab-nav-title {
        transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        -webkit-transition: all 0.3s ease 0s;
    }

        .icon-tab-nav a.active, .icon-tab-nav a.active .icon-tab-nav-title,
        .icon-tab-nav a:hover, .icon-tab-nav a:hover .icon-tab-nav-title {
            color: #17a697;
        }


/*------------------------------------------------------------------*/
/* Accordion & Toggle*/
/*------------------------------------------------------------------*/
.accordion, .toggle {
    margin-bottom: 20px;
    margin-top: 0;
}

    .accordion .accordion-title, .toggle .toggle-title {
        font-size: 14px;
        font-weight: 400;
        letter-spacing: 1.5px;
        margin-bottom: 10px;
        text-transform: uppercase;
        font-weight: 400;
    }

    .accordion > .accordion-title > a:after, .toggle > .toggle-title > a:after {
        color: #222;
        content: "";
            }

    .accordion > .accordion-content, .toggle > .toggle-content {
        font-size: 14px;
        line-height: 1.8;
        margin-bottom: 10px;
        padding: 10px 20px 10px;
    }


/*------------------------------------------------------------------*/
/* Counter */
/*------------------------------------------------------------------*/

.counter-group {
    position: relative;
}

.counter-group {
    position: relative;
}

.counter-icon {
    display: inline-block;
    font-size: 38px;
    vertical-align: top;
    margin-right: 20px;
}

.counter-content {
    display: inline-block;
    text-align: left;
}

.counter-title {
    font-family: inherit;
    font-size: 60px !important;
    line-height: 1;
    margin-bottom: 12px;
}

.counter-sub-title {
    margin-bottom: 0;
}


/*------------------------------------------------------------------*/
/* Pricing-box */
/*------------------------------------------------------------------*/

.pricing-box {
    background: #fff;
    border: 1px solid #eee;
    text-align: center;
    padding-top: 50px;
    padding-bottom: 50px;
}

    .pricing-box.highlight {
        border: 1px solid #f5f5f5;
        background: #f5f5f5;
    }

.pricing-padding {
    padding-top: 30px;
    padding-bottom: 30px;
}

.pricing-padding-t {
    padding-top: 30px;
}

.pricing-padding-b {
    padding-bottom: 30px;
}



.pricing-title, .pricing-price, .pricing-features, .pricing-button {
    padding-left: 15px;
    padding-right: 15px;

}

    .pricing-title h1, .pricing-title h2, .pricing-title h3, .pricing-title h4, .pricing-title h5, .pricing-title h6 {
        margin-bottom: 0px;
    }

.pricing-price {
    margin-top: 40px;
    margin-bottom: 40px;
}

    .pricing-price p {
        color: #222;
        line-height: 1;
    }

    .pricing-price .dollar {
        vertical-align: 32px;
        /*margin-right: 5px;*/
    }

    .pricing-price .dollar, .pricing-price .pricing-price-sm {
        font-size: 14px;
        font-weight: 400;
    }

    .pricing-price .pricing-price-sm {
        /*margin-left: 5px;*/
    }

    .pricing-price .pricing-price-lg {
        font-size: 60px;
        font-weight: 300;
    }

.pricing-features {
    font-size: 16px;
    margin-bottom: 45px;
}

    .pricing-features ul {
        list-style: none;
        padding: 0;
    }

        .pricing-features ul li {
            margin-bottom: 10px;
        }


/*------------------------------------------------------------------*/
/* Action-box */

/*------------------------------------------------------------------*/
.action-box-title {
    margin-bottom: 10px !important;
    line-height: 1.2 !important;
}

.action-box-content {
    margin-bottom: 0px !important;
}

/*------------------------------------------------------------------*/
/* History-box */
/*------------------------------------------------------------------*/
.history-box {
    padding: 30px;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    border-right: 1px solid #eee;
    border-left: 5px solid #eee;
}

.history-year {
    background: #222;
    padding: 5px 10px;
    color: #fff;
    display: inline-block;
    margin-bottom: 15px;
}

.history-title {
}

.history-sub-title {
    margin-bottom: 15px;
    font-weight: 400;

    color: #a0a0a0;
}

.history-content {
    margin-bottom: 0;
}

/*------------------------------------------------------------------*/
/* Client Logo */
/*------------------------------------------------------------------*/

.client-logo {



    height: 90px;
    text-align: center;

}


    .client-logo img {
        height: 64%;

    }


/*------------------------------------------------------------------*/
/* Social */
/*------------------------------------------------------------------*/
.social-box {
    position: relative;
}

    .social-box .social-icon, .social-box .social-link a, .social-box .social-link {
        color: #fff;
    }

    .social-box .social-icon {
        width: 105px;
        height: 105px;
        background: rgba(255,255,255,0.1);
        line-height: 105px;
        text-align: center;
        font-size: 30px;
        /*border-radius: 50%;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;*/
        /*border: 13px solid rgba(255, 255, 255, 0.05);*/
        cursor: pointer;
        margin: auto;
        transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        -webkit-transition: all 0.3s ease 0s;
        transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
    }

        .social-box .social-icon i {
            transform: rotate(-45deg);
            -moz-transform: rotate(-45deg);

            -ms-transform: rotate(-45deg);
            -o-transform: rotate(-45deg);
            -webkit-transform: rotate(-45deg);
        }

    .social-box .social-link {
        margin-top: 35px;
        margin-bottom: 0px;
    }

    .social-box:hover .social-icon {
        background: #17a697;
    }

    .social-box:hover .social-link a {
        color: #17a697;
    }



/*------------------------------------------------------------------*/
/* Pagination */
/*------------------------------------------------------------------*/
.pagination-nav {
    display: block;
    position: relative;
    text-align: center;
    width: 100%;
}

    .pagination-nav ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }

        .pagination-nav ul li {
            display: inline-block;
            margin: 0 2px;
        }

            .pagination-nav ul li a {
                display: block;
                font-size: 14px;
                height: 36px;
                line-height: 36px;
                text-align: center;
                width: 36px;
                border: 1px solid #eee;
            }

                .pagination-nav ul li a.active {
                    border: 1px solid #222;
                    background: #222;
                    color: #fff;
                }

                    .pagination-nav ul li a.active:hover {
                        color: #fff;
                    }

                .pagination-nav ul li a:hover {
                    border: 1px solid #222;
                    color: #222;
                }

    .pagination-nav .prev {
        float: left;
        text-align: left;
    }

    .pagination-nav .next {
        float: right;
        text-align: left;
    }


        .pagination-nav .prev a, .pagination-nav .next a {

            width: auto;
            padding-left: 15px;





            padding-right: 15px;

        }

/*------------------------------------------------------------------*/
/* Contact Form, Map, contact-info */
/*------------------------------------------------------------------*/

.contact-info {
    position: relative;
}

    .contact-info p {
        margin-bottom: 0px;
    }

.home-contact-txt-msg {
    max-height: 114px;
}

form .error {
    text-align: left;
}

.map {
    height: 400px;
    width: 100%;
}





/*------------------------------------------------------------------*/
/* Preloader */
/*------------------------------------------------------------------*/
#preloader {
    background-color: rgba(255, 255, 255, 1);
    bottom: 0;

    display: block;
    left: 0;
    position: fixed;

    right: 0;
    top: 0;
    z-index: 99999999999;
}


.site-spinner {
    border: 1px solid #ddd;
    font-size: 50px;
    width: 50px;
    height: 50px;
    left: 50%;
    top: 50%;
    margin: -25px 0 0 -25px;
    position: absolute;
    text-align: center;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-animation: site-spin 1s linear infinite;
    -moz-animation: site-spin 1s linear infinite;
    animation: site-spin 1s linear infinite;
    border-top-color: #222;
}

@-webkit-keyframes site-spin {
    to {
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-moz-keyframes site-spin {
    to {
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes site-spin {
    to {
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

/*------------------------------------------------------------------*/
/* Countdown Clock */
/*------------------------------------------------------------------*/
.countdown-clock {
    display: block;
    list-style: none;
    text-align: center;
    padding: 0;
}

    .countdown-clock li {
        display: inline-block;
        padding: 0 10px;
    }

        .countdown-clock li span {
            font-size: 80px;
            font-weight: 600;
            line-height: 80px;
        }

        .countdown-clock li p {
            text-transform: uppercase;
            font-weight: 600;
            font-size: 12px;
            margin-top: 8px;
        }

        .countdown-clock li.seperator {
            vertical-align: top;
            line-height: 70px;
            font-size: 65px;
        }

    .countdown-clock.countdown-dark, .countdown-clock.countdown-dark li span, .countdown-clock.countdown-dark li p {
        color: #222;
    }



/*==========================================================================================================*/
/* FOOTER     ||---------------------------- */
/*==========================================================================================================*/

.footer {
    padding-top: 3px;
    /* padding-bottom: 120px; */
    background: #333334;
}

    /*------------------------------------------------------------------*/
    /* Social */
    /*------------------------------------------------------------------*/
    .footer .social {
        list-style: outside none none;
        padding: 0;
    }

        .footer .social li {
            display: inline-block;
            list-style: outside none none;
            margin: 0 8px;
        }


            .footer .social li a {

                border: 1px solid #222;
                display: block;
                font-size: 14px;
                height: 30px;
                line-height: 28px;
                text-align: center;
                width: 30px;
                transform: rotate(45deg);
                -moz-transform: rotate(45deg);
                -ms-transform: rotate(45deg);
                -o-transform: rotate(45deg);

                -webkit-transform: rotate(45deg);
            }

                .footer .social li a i, .footer .social li a span {
                    transform: rotate(-45deg);
                    -moz-transform: rotate(-45deg);
                    -ms-transform: rotate(-45deg);

                    -o-transform: rotate(-45deg);
                    -webkit-transform: rotate(-45deg);
                }

                .footer .social li a:hover {
                    background: #222 none repeat scroll 0 0;

                    color: #fff;

                }



/*------------------------------------------------------------------*/

/* Copyright */
/*------------------------------------------------------------------*/
.copyright {
    line-height: 1.9;
    padding-top: 20px;
}

.copy-link {
    letter-spacing: 4px;
    text-transform: uppercase;
    font-size: 12px;
    color: #fff;
}



/*==========================================================================================================*/
/* GLOBEL     ||---------------------------- */
/*==========================================================================================================*/

/*------------------------------------------------------------------*/
/* Content Box (Services Box, Featured Box, icon-box, etc...) */
/*------------------------------------------------------------------*/

.content-box, .content-box-with-bg {
    position: relative;
}



    .content-box.left {
        padding-left: 100px;
        text-align: left;
        margin-bottom: 35px;
        position: relative;
    }

    .content-box.right {
        padding-right: 100px;
        text-align: right;
        margin-bottom: 35px;
        position: relative;
    }

.content-box-with-bg {
    padding: 45px 30px 30px !important;
    background: #fff;
    border-radius: 3px;
    border: 1px dashed #eee;
    margin-bottom: 30px;
    transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
}

    .content-box-with-bg:hover {
        background: #f7f7f7;
        border-color: #f7f7f7;
    }


/*Icon Style 1*/

.content-box:hover .icon-top, .content-box:hover .icon-left, .content-box:hover .icon-right {
    background-color: #222;
    color: #fff;
}

.icon-top, .icon-left, .icon-right {
    background-color: #f5f5f5;
    display: inline-block !important;
    font-size: 26px;
    color: #333;
    height: 70px;
    line-height: 75px;
    width: 70px;
    text-align: center;
    transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
    transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

    .icon-top i, .icon-top span,
    .icon-left i, .icon-left span,
    .icon-right i, .icon-right span {
        transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
    }

.icon-top {
    margin-bottom: 45px;
}

.icon-left, .alt-icon-left {
    position: absolute;
    left: 0;
}

.icon-right, .alt-icon-right {
    position: absolute;
    right: 0;
}

.alt-icon-left, .alt-icon-right {

    top: 5px;
}


.icon-left, .icon-right {
    top: 15px;

}

.alt-icon-color {
    color: #032e20 !important;
}

.icon-color {
    background-color: #17a697;
    color: #fff;
}

.icon-black {
    background-color: #222;
    color: #fff;
}

.content-box:hover .icon-color {
    background-color: #222;
    color: #fff;
}

.content-box:hover .icon-black {
    background-color: #17a697;
    color: #fff;
}

/* Icon Style 2 */
.content-box.alt-left {
    padding-left: 65px;
    text-align: left;
    margin-bottom: 35px;
    position: relative;
}

.content-box.alt-right {
    padding-right: 65px;
    text-align: right;
    margin-bottom: 35px;
    position: relative;

}



.alt-icon-top, .alt-icon-left, .alt-icon-right {
    color: #222;
    display: inline-block !important;
    font-size: 35px;
    line-height: 1;
    transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;

    -moz-transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
}

.alt-icon-top {
    margin-bottom: 25px;
    text-align: center;
}

.alt-icon-sm-top, .alt-icon-sm-left, .alt-icon-sm-right {
    color: #222;
    display: inline-block !important;
    font-size: 25px;
    line-height: 1;
    transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
}

.alt-icon-sm-top {
    margin-bottom: 20px;
    text-align: center;
}


/* Featured Box */

.features-block-link {
    margin-right: 30px;
}

.features-block-link-icon {
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    height: 40px;
    width: 40px;
    text-align: center;
    line-height: 38px;
    border: 1px solid #ebebeb;
    margin-right: 12px;
    vertical-align: middle;
}


/*------------------------------------------------------------------*/
/* Portfolio (Isotop Grid, box, Portfolio Single Page, etc...) */
/*------------------------------------------------------------------*/
.portfolio-grid .portfolio-item {
    position: relative;
    float: left;
    width: 33.33333333333333%;
    height: auto;
    margin: 0px;
    padding: 15px;

    display: block;
}


@media (max-width: 1170px) {
    .portfolio-grid .portfolio-item {
        width: 33.33333333333333%;
    }
}

@media (max-width: 980px) {
    .portfolio-grid .portfolio-item {
        width: 50%;
    }
}

@media (max-width: 768px) {
    .portfolio-grid .portfolio-item {
        width: 100%;
    }
}

.portfolio-box {
    position: relative;
    overflow: hidden;
}

    .portfolio-box a.porfolio-popup {
        display: block;
    }

    .portfolio-box .portfolio-image-wrap {
        display: block;
        transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -webkit-transition: all 0.3s ease 0s;
    }

        .portfolio-box .portfolio-image-wrap img {
            width: 100%;
        }

    .portfolio-box:hover .portfolio-image-wrap {
        transform: scale(1.1);
        -moz-transform: scale(1.1);
        -o-transform: scale(1.1);
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s;
        -o-transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s;
        -moz-transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s;
        -webkit-transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s;
        width: 100%;
    }

    .portfolio-box .portfolio-caption-mask {
        background: rgba(56, 90, 26, 0.18) none repeat scroll 0 0;
        height: 100%;
        left: 0;
        opacity: 0;
        overflow: hidden;
        position: absolute;
        top: 0;
        visibility: hidden;
        width: 100%;
        transition: all 0.5s ease-in-out 0s;
        -o-transition: all 0.5s ease-in-out 0s;
        -moz-transition: all 0.5s ease-in-out 0s;

        -webkit-transition: all 0.5s ease-in-out 0s;
        z-index: 9;
    }

    .portfolio-box:hover .portfolio-caption-mask {
        opacity: 1;
        visibility: visible;

    }


    .portfolio-box .portfolio-caption-mask .portfolio-caption-text {
        bottom: -60px;
        left: 0;
        opacity: 0;
        padding-left: 30px;
        padding-right: 30px;
        position: absolute;
        text-align: left;


        transition: all 0.5s ease-in-out 0s;
    }

    .portfolio-box:hover .portfolio-caption-mask .portfolio-caption-text {
        bottom: 30px;
        opacity: 1;
    }



    .portfolio-box .portfolio-caption-mask h1, .portfolio-box .portfolio-caption-mask h2, .portfolio-box .portfolio-caption-mask h3, .portfolio-box .portfolio-caption-mask h4, .portfolio-box .portfolio-caption-mask h5, .portfolio-box .portfolio-caption-mask h6 {
        color: #fff;
        margin-bottom: 5px;

    }


    .portfolio-box .portfolio-caption-mask p {

        margin-bottom: 0px;
        color: #fff;

        text-transform: uppercase;
        font-size: 12px;
        letter-spacing: 1px;
    }



/* Portfolio Filter */
.portfolio-filter {
    margin: 0 0 15px;
    padding: 0;
    text-align: center;
}

    .portfolio-filter li {
        display: inline-block;
        list-style: none;
    }

        .portfolio-filter li a {
            display: block;
            color: #222;
            font-size: 13px;
            font-weight: 400;
            letter-spacing: 1.5px;
            margin-left: 11px;
            margin-right: 11px;
            text-transform: uppercase;
        }

            .portfolio-filter li a.active {
                color: #17a697;
            }

/* Portfolio Single Page */
#portfolio-single .portfolio-image-wrap {
    margin-bottom: 20px;
}

    #portfolio-single .portfolio-image-wrap img {
        width: 100%;
    }

.portfolio-item-content {
    padding-left: 20px;
    padding-right: 20px;
    position: relative;
}

.portfolio-item-content-spc {
    margin-top: 45px;
}

.portfolio-item-content-detail li {
    line-height: 2;
}

/*------------------------------------------------------------------*/
/* Blog (Blog box, Blog page) */
/*------------------------------------------------------------------*/
.blog-post {
    display: inline-block;
    width: 100%;
    min-height: 480px;
}

    .blog-post .post-media {
        margin-bottom: 25px;
        overflow: hidden;
        position: relative;
    }

        .blog-post .post-media img {
            width: 360px;
            height: 217px;
        }

.post-entry {
    margin-bottom: 25px;
}

.blog-post .post-tag {
}

    .blog-post .post-tag span {
        display: inline-block;
        background: #0d0d0d;
        /* color: #fff; */
        padding: 5px 10px;
    }
    .blog-post .post-tag span:hover {
        
background: #6b2f2f;
        

    }
    .blog-post .post-tag span a{
       
        color: #fff;
      
    }

.blog-post .post-meta {
    color: #999;
    font-size: 13px;
    text-transform: uppercase;
    margin-bottom: 10px;
}

    .blog-post .post-meta span {
        margin-right: 3px;
    }

.blog-post blockquote {
    background-color: #f7f7f7;
    border-left: medium none;
    color: inherit;
    font-size: 17px;
    font-weight: 300;
    margin: 0;
    padding: 25px;
    margin-bottom: 15px;
}

    .blog-post blockquote::before {
        content: "";
        font-family: FontAwesome;
        font-size: 12px;
        padding-left: 7px;
    }

.blog-post ul {
    margin-bottom: 15px;
}

/* Blog Single ------------------------------ */
#blog-single .post-header {
    margin-bottom: 25px;
}

.post-author-image {
    float: left;
    height: 84px;
    margin-right: 15px;
    width: 84px;
}


    .post-author-image img {
        width: 100%;
    }

.post-author-panel {

}

.post-author-hadding {
    padding: 8px 20px;
    display: block;
    background: #eee;
}

    .post-author-hadding a {
        color: #17a697;
    }

.post-author-body {

    padding: 20px;
    border: 1px solid #eee;
    display: table;
}

    .post-author-body p {
        margin-bottom: 0px;
    }

.post-author-hadding h1,
.post-author-hadding h2,
.post-author-hadding h3,
.post-author-hadding h4,
.post-author-hadding h5,
.post-author-hadding h6 {

    margin-bottom: 0;
}

#blog-single .blog-post hr {
    margin-top: 30px !important;

    margin-bottom: 30px !important;
}

.blog-post .post-share {
    display: block;
    font-size: 16px;
    display: block;
}


    .blog-post .post-share span {
        text-align: right;

        font-weight: 600;



        display: inline-block;
        color: #222;
    }

.post-share .post-share-social {

    padding: 0;

    margin: 0;
    list-style: none;
    text-align: right;
    float: right;
    display: inline-block;
}

    .post-share .post-share-social a {
        display: inline-block;
        margin-left: 10px;
        margin-right: 10px;
        font-size: 18px;
    }

.margin-15 {
    margin: 15px 0 15px 0;
}
h4.alt-title {
    font-size: 16px;
}
.space-top {
    padding-top: 20px;
}

.alt-title {
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1px;
}
.step-box-content p {
    color: #fff;
    font-size: 15px;
    padding-top: 19px;
}
.header {
   
top: 50px;
}
.top-header {
    background: #000000;
    margin-bottom: 0;
    border: none;
    padding-top: 0px;
    padding-bottom: 0px;
    border-bottom: 1px solid #fff;
}
.list-inline > li {
    display: inline-block;
    padding-right: 5px;
    padding-left: 5px;
    color:#fff;
}
.list-inline a {
    color: rgba(255, 255, 255, 0.85);
    font-size: 14px;
    font-family: oswald;
}
.call-to-action {
    background: black;
    padding-top: 29px;
    padding-bottom: 20px;
    margin-top: 30px;
    margin-bottom: 30px;
}
.call-to-action h3 {
    color: white;
}
.slider-form {
    position: absolute;
    top: 152px;
    right: 7%;
    z-index: 50;
    margin: 0px 0 -42px;
    background: rgba(37, 29, 30, 0.52);
    /* border-radius: 10px; */
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 20px;
    padding-bottom: 20px;
    width: 33%;
}
.tab-content {
    padding: 15px;
}
.tab-content form .form-group {
    position: relative;
    margin-bottom: 10px;
}
.tab-content form .form-group i {
    width: 42px;
    height: 46px;
    line-height: 30px;
    background-color: #229944;
    border: 1px solid #15612b;
    text-align: center;
    display: inline-block;
    vertical-align: top;
    color: #fff;
    border-radius: 6px;
    line-height: 44px;
}
.tab-content form .form-group .form-control {
    width: 100%;
    display: inline-block;
    margin: 0;
    height: 47px;
}
.tab-pane h4 {
    color: #229944;
    text-transform: UPPERCASE;
    body {     font-family: Roboto Slab;      }
    p {            color: #2c2c2c;        }    .padding-in {
    text-align: center;
    padding: 40px 30px;  }  .details
    h2 {      font-family: inherit;
    color: #000;
    /* font-weight: bold; */  }  .details
    h2 span {      color: #000000;
    font-weight: bold;
    text-transform: uppercase;  }  .details
    p {      font-size: 15px;  }  .number
    li {font-weight: 500;
    list-style: none;
    text-align: justify;}  .image-box
    img {      border: 7px solid #fff;  }  .list-step
    li {      color: #ffffff;
    margin-bottom: 6px;
    list-style: none;  }  .margin-top {
    margin-top: 25px;  }  .contact-side {
    padding: 10px;
    border-radius: 5px;
    margin-top: 17px;
    margin-bottom: 20px;  }  .contact-side
    h3 {      color: #333;
    font-size: 29px;
    /* border-bottom: 1px dotted rgba(51, 51, 51, 0.43); */
    /* font-family: Roboto Slab; */  }  .contact-side
    label {      color: #333;
    font-family: Roboto Slab;  }  .number {
    padding: 17px;
    /* background: #ffffff; */  }  .number
    i {      margin-right: 6px;
    color: white;
    font-size: 18px;  }  .list-step {
    list-style:none;
    counter-reset:li;
    /* padding:8px 0px 1px; */
    left:-7px;
    width:290px;  }  .list-step
    li{  position:relative;
    margin:0 0 10px 0;
    padding: 3px 2px 0 17px;
    left:-5px;
    width:285px;  }  .list-step
    li{position: relative;
    display: block;
    padding: 15px;  *
    padding: .2em;
    margin: .5em 0;
    background: #fff;
    text-decoration: none;
    border-radius: .3em;
    width: 656px;
    font-size: 14px;
    transition: all .1s ease-in-out;
    border: 1px solid #5c5959;
    color: #626666;
    font-family: Roboto Slab;}  .list-step
    li:before{content: counter(li);
    counter-increment: li;
    position: absolute;
    top: 50%;
    margin: -16px -1px 0px -21px;
    height: 2em;
    width: 2em;
    line-height: 2em;
    font-size: 15px;
    color: #403f3f; /* text color of numbers */
    background: #e9e9e9; /* background color of numbers */
    border: 2px solid #4d4b4b; /* border color */
    -webkit-box-shadow: 0 8px 5px -7px #888;
    -moz-box-shadow: 0 8px 5px -7px #888;
    box-shadow: 0 8px 5px -7px #888;
    text-align: center;
    font-weight: bold;
    border-radius: 2em;
    position: absolute;
    left: 0;
    transition: all .3s ease-out;}  .list-step
    li:hover{background: rgb(34, 153, 68);
    color: #ffffff;
    border: 1px solid #1e5f4a;
    cursor: pointer;}  .list-step
    li:hover:before{  transform: rotate(360deg);     }  .list-step
    li a{  font: 14px Georgia, serif; /* font size of post titles */
    text-shadow: 0 -1px 2px #fff;
    color: #444;
    display:block;
    min-height:25px;
    text-decoration:none;
    text-transform: uppercase;  }  .list-step
    li a:hover{  color: #444;  }  /*next list*/  .number {
    list-style:none;
    counter-reset:li;
    /* padding:8px 0px 1px; */
    left:-7px;
    width:290px;  }  .number
    li{  position:relative;
    margin:0 0 10px 0;
    padding: 3px 2px 0 17px;
    left:-5px;
    width:285px;  }  .number
    li{position: relative;
    display: block;
    padding: 15px;  *
    padding: .2em;
    margin: .5em 0;
    background: #ffffff;
    text-decoration: none;
    border-radius: .3em;
    width: 656px;
    font-size: 14px;
    transition: all .1s ease-in-out;
    border: 1px solid rgb(255, 255, 255);
    color: #4b4a4a;
    font-family: Roboto Slab;}  .number
    li:before{content: counter(li);
    counter-increment: li;
    position: absolute;
    top: 50%;
    margin: -16px -1px 0px -21px;
    height: 2em;
    width: 2em;
    line-height: 2em;
    font-size: 15px;
    color: rgba(0, 0, 0, 0.86); /* text color of numbers */
    background: #ffffff; /* background color of numbers */
    border: 2px solid rgba(1, 12, 18, 0.82); /* border color */
    -webkit-box-shadow: 0 8px 5px -7px #888;
    -moz-box-shadow: 0 8px 5px -7px #888;
    box-shadow: 0 8px 5px -7px #888;
    text-align: center;
    font-weight: bold;
    border-radius: 2em;
    position: absolute;
    left: 0;
    transition: all .3s ease-out;}  .number
    li:hover{background: rgba(34, 153, 68, 0.35);
    color: #000000;
    border: 1px solid rgba(34, 153, 68, 0.35);
    cursor: pointer;
    color: #fff;}  .number
    li:hover:before{  transform: rotate(360deg);     }  .number
    li a{  font: 14px Georgia, serif; /* font size of post titles */
    text-shadow: 0 -1px 2px #fff;
    color: #444;
    display:block;
    min-height:25px;
    text-decoration:none;
    text-transform: uppercase;  }  .number
    li a:hover{  color: #444;  }  .ptb-35 {
    padding-top: 35px;
    padding-bottom: 35px;  }  .map {
    margin-bottom: 2px;
    margin-top: 2px;  }
    h3 {       font-family: oswald;  }    .slide-bg-image {
    background-image:url(../img/old-couple-together.jpg);
    background-size: cover;
    background-position: center center;  }  .slide-bg-image1{
    background-image:url(../img/old-couple-together.jpg)   background-size: cover;
    background-position: center top;  }    .justify {
    text-align: justify;  }
    ul.social-icons {      list-style: outside none none;
    /* padding-top: 31px; */  }  .social-icons
    li {      display: inline-block;
    list-style: outside none none;
    margin: 0 8px;  }  .social-icons
    i {      border: 1px solid #ffffff;
    display: block;
    font-size: 14px;
    height: 40px;
    line-height: 28px;
    text-align: center;
    width: 40px;
    border-radius: 50%;
    padding: 5px;
    margin: -4px;
    background: #f6f6f6;
    color: #2b2b2c;  }  .social-icons
    i:hover {      background: #229944;
    color: #f6f6f6;
    border: 1px solid #294;  }  .green-bg {
    background: #2b2b2c;  }  .slider-image {
    background-image:url(../img/slider2.jpg);
    background-size:cover;
    background-position: center;  }  .gray-bg {
    background-color: #e9e9e9;  }  .grey-bg-text
    p {      margin: 0;
    font-size: 17px;
    line-height: 32px;
    color: #333;
    font-family: 'Roboto Slab', serif;
    font-weight: 300;  }  .grey-bg-text {
    padding: 31px 50px;}  .list-image{
    background-image:url(../img/bg.jpg);  }  .mt-20{
    margin-top:20px;}  .img-png
    img {      max-height: 415px;  }  .text-white {
    color:#fff;}  .service-box {
    padding: 15px;
    border: 1px solid rgba(77, 77, 77, 0.59);
    min-height: 430px;  }  .service-box
    i {      width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    border: 1px solid #4C5B96;
    font-size: 20px;
    color: #4C5B96;
    border-radius: 50%;              }  .service-box
    p {      text-align: justify;  }  .service-box
    h4 {      font-size: 20px;
    font-weight: bold;
    margin-bottom: 7px;
    color: #333;
    text-align: center;
    font-family: oswald;
    margin-top: 8px;
    border-bottom: 1px solid rgba(153, 153, 153, 0.58);
    padding-bottom: 9px;  }  .footer
    h4 {      color: #cacaca;  }
    footer p {      color: #cacaca;
    /* font-family: arial; */  }  .mb-20 {
    margin-bottom:20px;}  .services {
    padding: 36px;  }  .intro-content-inner
    h4 {      color: #fff;
    font-family: inherit;
    font-size: 27px;
    text-transform: uppercase;  }  .slider-caption {
    position: absolute;
    top: 35%;
    left: 170px;
    max-width: 620px;
    /* border: 1px dashed rgba(255, 255, 255, 0.48); */
    padding: 28px;
    margin-top: -146px;
    color: #FFFFFF;
    font-size: 17px;
    /* font-weight: bold; */
    text-align: center;
    /* background: rgba(20, 20, 22, 0.72); */  }  .slider-caption
    h2 {      margin-top: 0;
    color: #ffffff;
    font-weight: bold;
    font-size: 70px;
    text-align: center;
    text-shadow: 1px 1px 1px rgb(0, 0, 0);
    letter-spacing: 0px;
    font-family: oswald;
    border-bottom: 1px solid rgba(255, 255, 255, 0.16);
    text-transform: uppercase;  }  .slider-caption
    p {      font-size: 14px;
    color: #ffffff;
    border-bottom: 1px solid rgba(255, 255, 255, 0.16);
    padding-bottom: 8px;
    margin-bottom: 20px;  }  .separator-2 {
    width: 100%;
    margin-bottom: 15px;
    position: relative;
    height: 1px;
    background: rgba(255, 255, 255, 0.32);  }  .dark-bg .separator-2:after {
    background: #666666;
    background: -moz-linear-gradient(left, #666666 0%, #555555 35%, #444444 70%, #373737 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #666666), color-stop(35%, #555555), color-stop(70%, #444444), color-stop(100%, #373737));
    background: -webkit-linear-gradient(left, #666666 0%, #555555 35%, #444444 70%, #373737 100%);
    background: -o-linear-gradient(left, #666666 0%, #555555 35%, #444444 70%, #373737 100%);
    background: -ms-linear-gradient(left, #666666 0%, #555555 35%, #444444 70%, #373737 100%);
    background: linear-gradient(to right, #666666 0%, #555555 35%, #444444 70%, #373737 100%);  }  .slider-caption
    img {      width: 222px;
    margin-bottom: 15px;
    margin-top: -20px;
    /* border-bottom: 1px dashed rgba(255, 255, 255, 0.46); */
    padding-bottom: 8px;  }  /*2017/2/21*/  .header.header-prepare, .header.header-light.header-prepare {
    background-color: rgba(0, 0, 0, 0.95);
    border-bottom: 0px solid #ffffff;  }  .banner {
    background-color: #f1f1f1;
    border-bottom: 1px solid #eaeaea;  }  .space-top {
    padding-top: 105px;  }  .fixed-image {
    background-position: center center;
    background-repeat: no-repeat;
    height: 350px;  }  .banner
    h1 {      color: #fff;
    text-align: center;
    padding-top: 160px;  }  .dark-overlay {
    background: rgba(0, 0, 0, 0.65);
    height: 352px;  }  .banner
    p {      color: #fff;
    text-align: center;
    font-size: 23px;  }  .list-step2 {
    list-style:none;
    counter-reset:li;
    /* padding:8px 0px 1px; */
    left:-7px;
    width:290px;  }  .list-step2
    li{  position:relative;
    margin:0 0 10px 0;
    padding: 3px 2px 0 17px;
    left:-5px;
    width:285px;  }  .list-step2
    li{position: relative;

    display: block;
    padding: 15px;  *
    padding: .2em;
    margin: .5em 0;
    background: #fff;
    text-decoration: none;
    border-radius: .3em;
    width: 245%;
    font-size: 14px;
    transition: all .1s ease-in-out;
    border: 1px solid #5c5959;
    color: #3b3e3e;
    font-family: Roboto Slab;}  .list-step2
    li:before{content: counter(li);
    counter-increment: li;
    position: absolute;
    top: 50%;
    margin: -16px -1px 0px -21px;
    height: 2em;
    width: 2em;
    line-height: 2em;
    font-size: 15px;
    color: #403f3f; /* text color of numbers */
    background: #e9e9e9; /* background color of numbers */
    border: 2px solid #4d4b4b; /* border color */
    -webkit-box-shadow: 0 8px 5px -7px #888;
    -moz-box-shadow: 0 8px 5px -7px #888;
    box-shadow: 0 8px 5px -7px #888;
    text-align: center;
    font-weight: bold;
    border-radius: 2em;
    position: absolute;
    left: 0;
    transition: all .3s ease-out;}  .list-step2
    li:hover{background: #cccbcb;
    color: #000000;
    border: 1px solid #1e5f4a;
    cursor: pointer;}  .list-step2
    li:hover:before{  transform: rotate(360deg);     }  .list-step2
    li a{  font: 14px Georgia, serif; /* font size of post titles */
    text-shadow: 0 -1px 2px #fff;
    color: #444;
    display:block;
    min-height:25px;
    text-decoration:none;
    text-transform: uppercase;  }  .list-step2
    li a:hover{  color: #444;  }  /**/  .list-step3 {
    list-style:none;
    counter-reset:li;
    /* padding:8px 0px 1px; */
    left:-7px;
    width:290px;  }  .list-step3
    li{  position:relative;
    margin:0 0 10px 0;
    padding: 3px 2px 0 17px;
    left:-5px;
    width:285px;  }  .list-step3
    li{position: relative;
    display: block;
    padding: 15px;  *
    padding: .2em;
    margin: .5em 0;
    background: #fff;
    text-decoration: none;
    border-radius: .3em;
    width: 235%;
    font-size: 14px;
    transition: all .1s ease-in-out;
    border: 1px solid #5c5959;
    color: #3b3e3e;
    font-family: Roboto Slab;}  .list-step3
    li:before{content: counter(li);
    counter-increment: li;

    position: absolute;
    top: 50%;
    margin: -16px -1px 0px -21px;
    height: 2em;
    width: 2em;
    line-height: 2em;
    font-size: 15px;
    color: #403f3f; /* text color of numbers */
    background: #e9e9e9; /* background color of numbers */
    border: 2px solid #4d4b4b; /* border color */
    -webkit-box-shadow: 0 8px 5px -7px #888;
    -moz-box-shadow: 0 8px 5px -7px #888;
    box-shadow: 0 8px 5px -7px #888;
    text-align: center;
    font-weight: bold;
    border-radius: 2em;
    position: absolute;
    left: 0;
    transition: all .3s ease-out;}  .list-step3
    li:hover{background: #cccbcb;
    color: #000000;
    border: 1px solid #1e5f4a;
    cursor: pointer;}  .list-step3
    li:hover:before{  transform: rotate(360deg);     }  .list-step3
    li a{  font: 14px Georgia, serif; /* font size of post titles */
    text-shadow: 0 -1px 2px #fff;
    color: #444;
    display:block;
    min-height:25px;
    text-decoration:none;
    text-transform: uppercase;  }  .list-step3
    li a:hover{  color: #444;  }              .checklist
    li {      list-style: none;
    margin-bottom: 11px;
    /* border-bottom: 1px dashed rgba(0, 0, 0, 0.12); */
    padding-bottom: 4px;  }  .checklist
    li:before {    content: "";
    width: 7px;
    height: 7px;
    border: 1px solid #000;
    display: block;
    position: absolute;
    left: 20px;
    transform: rotate(-45deg);
    margin-top: 15px;  }
    ul.checklist {      /* background: #f5f5f5; */      color: #2a2a2a;
    /* padding: 32px; */  }  .image-box-wrapper
    img {      margin: auto;  }  .checklist1
    li {      list-style: none;
    margin-bottom: 11px;
    /* border-bottom: 1px dashed rgba(0, 0, 0, 0.12); */
    padding-bottom: 4px;  }  .checklist1
    li:before {    content: "";
    width: 7px;
    height: 7px;
    border: 1px solid #fff;
    display: block;
    position: absolute;
    left: 20px;
    transform: rotate(-45deg);
    margin-top: 15px;  }
    ul.checklist1 {      /* background: #f5f5f5; */      color: #2a2a2a;
    /* padding: 32px; */  }  .note-box {
    border: 1px solid #ccc;
    padding: 20px;  }  .gray-bg-img {
    background-image:url(../img/gray.jpg);     }  .gray-text-white
    h3{color:#fff;}  .gray-text-white
    ul{color:#fff;}  .gray-text-white
    p{color:#fff;}  .questions
    h5 {      /* background: #484848; */      color: #000;
    /* padding: 10px; */  }  .questions
    p {       /* padding: 10px; */;}  .contact-title {
    padding-left: 18px;
    /* margin-bottom: 26px; */  }  .breadcrumb-wrapper {
    position: absolute;
    top: 352px;
    left: 178px;  }    .btn-green {
    background: #229944;
    color: #fff;
    border: none;  }  .btn-green:hover {
    background: #1b7635;
    color: #fff;  }  .sub-dropdown {
    background: #229944 !important;   }   .sub-dropdown >
    li > a {     color: #fff;   }   .gray-box
    p {      font-size: 24px;
    padding: 36px;
    text-align: center;  }  .gray-box
    p:first-child b {      color: #43ba65;
    font-size: 45px;  }  .gray-box
    a {      color: #43ba65;
    font-weight: bold;        }  .gray-box
    a:hover {      color: #43ba65;
    font-weight: bold;
    text-decoration: underline;  }  .text-green {
    color: #44b464;  }
    blockquote {      font-family: Georgia,serif;
    font-style: italic;
    padding-left: 0;
    margin-right: 0;
    color: #383838;  }
    blockquote:before {      display: block;
    content: '\201C';
    font-size: 5em;
    position: absolute;
    left: 16px;
    top: 192px;
    color: #7a7a7a;  }  .service-box
    img {      margin: 0 auto;
    width: 100%;
    height: auto;  }  .footer-bottem-text
    a {      color: #cacaca;
    font-size: 12px;
    text-align: left;
    padding-left: 3px;
    padding-right: 3px;
    border-left: 1px solid;
    padding-left: 6px;  }  .footer-bottem-text {
    padding-top: 23px;
    margin: 0;  }  .Licensee {
    margin-top: 9px;
    padding-top: 10px;  }  .Licensee
    p {      font-size: 11px;
    border-left: 1px solid #686868;  }  .Licensee-area {
    background: #2e2e2f;
    border-top: 1px dashed #919191;
    border-bottom: 1px dashed #919191;  }  .footer {
    background-color: #000000;
    color: #fff;
    border-bottom: 1px dashed #fff;  }  .footer {
    font-size: 14px;
    line-height: 1.5;  }  .footer-content {
    padding: 20px 0;  }    .footer
    h2.title {      font-size: 18px;
    color: #fff;
    text-transform: uppercase;
    border-bottom: 1px solid rgba(255, 255, 255, 0.35);
    padding-bottom: 13px;  }  .logo-footer
    img {      width: 160px;
    margin-bottom: 17px;  }  .nav >
    li > a {       padding-top: 10px;
    padding-bottom: 0;
    color: #fff;
    /* font-family: arial; */
    text-transform: uppercase;  }  .nav >
    li > a:hover, .nav > li > a:focus {            background-color: #294;
    padding-bottom: 11px;  }  .list-icons {
    padding: 0;  }  .list-icons
    li {      list-style: none;
    font-weight: lighter;
    color: rgba(255, 255, 255, 0.92);
    /* font-family: arial; */
    margin-bottom: 10px;  }  .nav-pills.nav-stacked:not(.list-style-icons) >
    li > a:after {      font-family: "FontAwesome";
    content: "\f101";
    font-size: 12px;
    position: absolute;
    right: 15px;
    top: 6px;
    color: #ffffff;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;  }  .subfooter {
    background: #282828;
    padding: 16px;  }  .copyright {
    text-align: center;  }  .footer-bottem-text
    li {      display: inline-block;
    list-style: outside none none;        }  .footer-bottem-text
    a:hover {      color: #229944;  }  .padding-top {
    padding-top: 50px;  }  /*responsive start*/  @media (
    max-width: 1170px) {;}  @media (
    max-width: 1025px) {    .number li {      width: 535px;  }  .img-png img {
    padding-top: 73px;  }  .list-step li {
    width: 590px;  }.footer {
    padding-bottom: 0px;  }   }  @media (
    max-width: 768px) {    .subfooter {      background: #282828;
    padding: 16px;           }  .services {
    padding: 0px;  }  .service-box {
    margin-bottom: 15px;  }  .slider-caption {
    right: 137px;        }  }  @media (
    max-width: 600px) {  .slider-caption {            right: 56px;       }  .number li {
    width: 544px;        }  .list-step li {
    width: 516px;        }    .list-step li {
    position: relative;
    margin: 0 0 10px 0;
    padding: 3px 2px 0 17px;
    left: -5px;
    width: 285px;  }  .padding-top {
    padding-top: 0;  }  .disclimer {
    padding: 17px;
    text-align: justify;  }  .footer-bottem-text {
    padding-bottom: 23px;
    padding-top:0;  }  .service-box {
    margin-bottom: 15px;  }  }  @media (
    max-width: 480px) {    p {text-align:justify;}    .grey-bg-text p {
    font-size: 14px;
    text-align: justify;              }  .text-box h3 {
    font-size: 20px;  }  .slider-caption {
    right: 10px;
    max-width: 283px;       }  .details h2 {
    font-size: 24px;  }  .number li {
    left:3px;
    width: 656px;    }    .list-step {
    padding: 29px;        }  .list-step li{
    width: 100%;  }  .services {
    padding: 0;  }  .service-box {
    margin-bottom: 10px;  }  .services h2 {
    font-size: 28px;
    text-align: center;
    padding-top: 9px;  }  .padding-top {
    padding-top: 0;  }  .disclimer {
    padding: 15px;  }  .disclimer p {
    text-align: justify;  }  .grey-bg-text h3 {
    font-size: 19px;  }  .text-box {
    overflow: hidden;  }  .social-icons {
    padding:0;
    text-align: center;  }  .banner h1 {
    padding-top:0;
    font-size: 30px;  }  .breadcrumb-wrapper {
    top: 205px;
    left: 0;  }  .breadcrumb {
    width: 100%;  }  .dark-overlay {
    height: 250px;  }  .fixed-image {
    height: 250px;        }    .header {
    height: 71px;  }  .breadcrumb {
    font-size: 11px;  }  .gray-box p {
    font-size: 21px;
    padding: 20px;       }  .gray-text-white h3 {
    font-size: 19px;  }  blockquote:before {
    top: 407px;        }  h4 {
    font-size: 19px;  }  form {
    margin-bottom: 20px;  }  .contact-info p {
    text-align: center;  }  }    @import url(
    "font-awesome_icon-font.css");  @import url(
    "et-line_icon-font.css");  @import url(
    "./plugins/owl.carousel.css");  @import url(
    "./plugins/magnific-popup.css");    @import url(
    https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic);  @import url(
    https://fonts.googleapis.com/css?family=Work+Sans:400,200,300,500,600,700,800);  @import url(
    https://fonts.googleapis.com/css?family=Ubuntu:400,300,400italic,500,500italic,700,700italic,300italic);      /*  * BASIC    - General Style        - Typography Style        - Button Style    - Form Style        - Spacer Style    * HEADER    - Header    - Logo Style    - Navigation Menu Style     - Overlay Menu    * INTRO    - intro    * ELEMENTS    - Skills Bar    - Team Box    - Tabs    - Accordion & Toggle    - Counter    - Pricing-box    - Action-box    - History-box    - Client Logo    - Social    - pagination    - Contact Form, Map, contact-info    - Preloader    - Countdown Clock      * FOOTER    - Social    - Copyright    * GLOBEL    - Content Box (Services Box, Featured Box, icon-box, etc...)    - Slider    - Portfolio (Isotop Grid, box, Portfolio Single Page, etc...)                                    - Blog (Blog box, Blog page)      */              /*==========================================================================================================*/  /* BASIC     ||---------------------------- */  /*==========================================================================================================*/    /*------------------------------------------------------------------*/  /* General Style */  /*------------------------------------------------------------------*/
    body {      color: #626262;
    font-family: "Open Sans",sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.6;
    margin: 0;
    padding: 0;  }    #page-wraper {
    position: relative;
    width: 100%;  }    .black-bg {
    background-color: #11845e;  }    .gray-bg {
    background-color: #e5e5e5;  }      .white-bg {
    background-color: #FFF;  }    .color-bg {
    background-color: #17a697;  }    .yellow-bg {
    background-color: #f4efb7;  }    .bg-cover-section, .small-bg-cover-section {
    background-size: cover;
    background-position: top center;  }    .dark-bg
    h1, .dark-bg h2, .dark-bg h3, .dark-bg h4, .dark-bg h5, .dark-bg h6,  .dark-bg p, .dark-bg p.small, .dark-bg p.large, .dark-bg p.lead, .dark-bg p.lead-lg,  .dark-bg .page-icon, .dark-bg .page-icon-sm,  .dark-bg ul, .dark-bg ol, .dark-bg li,  .dark-bg .alt-icon-top, .dark-bg .alt-icon-left, .dark-bg .alt-icon-right,  .dark-bg .counter-icon,  .dark-bg .skill-bar-percent {      color: #333;  }    .bg-image {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    overflow: hidden;
    position: relative;
    width: 100%;
    /*background-attachment: fixed;*/  }    .bg-fixed {
    background-attachment: fixed;  }    #intro .bg-image, #intro.bg-image, #inner-intro .bg-image, #inner-intro.bg-image {
    background-attachment: fixed;  }    .slide-bg-image {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    overflow: hidden;
    position: relative;
    width: 100%;  }    .overlay-dark, .overlay-dark20, .overlay-dark30, .overlay-dark40, .overlay-dark60, .overlay-dark80, .overlay-dark90, .overlay-light, .overlay-light80 {
    position: relative;
    z-index: 1;  }        .overlay-dark:before, .overlay-dark20:before, .overlay-dark30:before, .overlay-dark40:before, .overlay-dark60:before, .overlay-dark80:before, .overlay-dark90:before, .overlay-light:before, .overlay-light80:before {
    left: 0;
    top: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    content: "";
    z-index: -1;      }        .overlay-dark:before {
    background-color: rgb(17, 132, 94);      }        .overlay-dark20:before {
    background-color: rgba(34,34,34,0.2);      }                                                          .overlay-dark30:before {
    background-color: rgba(34,34,34,0.3);      }        .overlay-dark40:before {
    background-color: rgba(34,34,34,0.4);      }        .overlay-dark60:before {
    background-color: rgba(34,34,34,0.6);      }        .overlay-dark80:before {
    background-color: rgba(34,34,34,0.8);      }        .overlay-dark90:before {
    background-color: rgba(34,34,34,0.9);      }          .overlay-light:before {
    background-color: rgba(255,255,255,0.4);      }        .overlay-light80:before {
    background-color: rgba(255,255,255,0.8);      }    .page-triangle {
    /*margin-bottom: 20px;*/  }        .page-triangle::before {
    background-color: #e9e9e9;
    top: -100px;      }        .page-triangle::before {
    content: "";
    height: 100px;
    left: 50%;
    pointer-events: none;
    position: absolute;
    transform: translateX(-50%) rotate(45deg);
    -moz-transform: translateX(-50%) rotate(45deg);
    -ms-transform: translateX(-50%) rotate(45deg);
    -o-transform: translateX(-50%) rotate(45deg);
    -webkit-transform: translateX(-50%) rotate(45deg);
    width: 100px;
    z-index: 39;      }    .page-icon {
    color: #333;
    font-size: 50px;
    line-height: 50px;
    padding-bottom: 15px;
    width: 100%;  }    .page-icon-sm {
    color: #333;
    font-size: 30px;
    margin-bottom: 15px;
    color: #fff;  }    .play-icon-lg, .play-icon-md {
    border: 4px solid #fff;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    display: block;
    color: #fff;
    text-align: center;
    background: none;  }    .pos-section {
    position: relative;
    overflow: hidden;  }    .play-icon-lg {
    font-size: 36px;
    height: 95px;
    line-height: 89px;
    margin: auto;
    width: 95px;  }    .play-icon-md {
    font-size: 28px;
    height: 75px;
    line-height: 67px;
    margin: auto;
    width: 75px;  }        .play-icon-lg
    i, .play-icon-md i {          margin-left: 8px;      }
    img {      border: 0px none;
    outline: 0px none;  }
    a {      color: #222;
    cursor: pointer;
    text-decoration: none;  }
    a:hover {          color: #229944;      }
    i.left, .i-left {      margin-right: 6px;  }
    i.right, .i-right {      margin-left: 6px;  }
    hr {      border-top: 1px solid #eee !important;
    margin-bottom: 0;
    margin-top: 0;
    color: transparent;  }    .video {
    max-width: 100%;
    height: auto;  }    .rows {
    margin-left: -15px;
    margin-right: -15px;  }
    embed,  object {      max-width: 100%;  }    /* Font Style */
    p, .nav-menu {      font-family: 'Open Sans', sans-serif;  }
    h1, h2, h3, h4, h5, h6,      .btn, button,      .link, .link-dark, link-color,      button, input, textarea, select,      .portfolio-filter,      p.lead-lg, .lead-lg,      .overlay-menu-nav,      .accordion .accordion-title, .toggle .toggle-title {          /*font-family: 'Work Sans', sans-serif;*/          font-family: 'Ubuntu', sans-serif;      }        /*------------------------------------------------------------------*/  /* Typography Style */  /*------------------------------------------------------------------*/    /* Heading */
    h1, h2, h3, h4, h5, h6 {      color: #222;
    font-weight: 300;
    margin-top: 0px;
    line-height: 1.5;
    margin-bottom: 15px;
    font-family: oswald;  }
    h1 {      font-size: 44px;  }
    h2 {      font-size: 32px;  }
    h3 {      font-size: 26px;  }
    h4 {      font-size: 22px;  }
    h5 {      font-size: 18px;  }
    h6 {      font-size: 16px;  }
    h1.white, h2.white, h3.white, h4.white, h5.white, h6.white, h6 .white {          color: #fff;      }
    h1.color, h2.color, h3.color, h4.color, h5.color, h6.color, h6 .color {          color: #17a697;      }    /* Alternate Hadding */  .alt-title {
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1px;  }
    h1.alt-title {      font-size: 22px;
    margin-bottom: 25px;    }
    h2.alt-title {      font-size: 20px;  }
    h3.alt-title {      font-size: 18px;  }

    h4.alt-title {      font-size: 16px;  }
    h5.alt-title {      font-size: 14px;  }
    h6.alt-title {      font-size: 12px;  }    /*Site Title*/    .page-title {
    margin-bottom: 60px;  }    .page-title2 {
    margin-bottom: 30px;  }    .content-title {
    margin-bottom: 25px;  }    .features-title {
    margin-bottom: 15px;  }      /*Paragraph*/    .page-content {
    margin-bottom: 60px;  }
    p {      font-size: 14px;
    color: #2c2c2c;
    line-height: 1.6;
    font-weight: 400;
    margin-bottom: 15px;
    margin-top: 0px;
    font-family: Roboto Slab;  }
    p.small {          font-size: 12px;      }
    p.large {          font-size: 16px;      }
    p.lead {          font-size: 18px;
    font-weight: 300;      }
    p.lead-lg {          font-size: 20px;
    font-weight: 300;
    margin-bottom: 20px;      }
    p.white, p.small.white, p.large.white, p.lead.white, p .white, .white {            color: #ffffff;        }
    p.dark, p.small.dark, p.large.dark, p.lead.dark, p .dark, .dark {          color: #626262;      }
    p.color p.small.color, p.large.color, p.lead.color, p .color, .color {          color: #17a697;      }    .yellow {
    color: #f4efb7;  }      /* Text weight */    .text-light {
    font-weight: 300;  }    .text-regular {
    font-weight: 400;  }    .text-medium {
    font-weight: 500;  }    .text-bold {
    font-weight: 600;  }    .text-bolder {
    font-weight: 700;  }    .text-italic {
    font-style: italic;  }    .max-width-700 {
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;  }    /* listing */
    ul.list-inside {      padding-left: 0px;
    list-style: inside;
    margin-bottom: 25px;
    font-size: 16px;  }
    ul.list-none {      list-style: none;
    padding-left: 0px;
    margin: 0;  }      /*Links & Anchor Tag*/  .dark-bg
    a {;}        .dark-bg
    a:hover {;}
    a {      outline: none;
    text-decoration: none;
    transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;  }      .link, .link-d {
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-size: 12px;
    font-weight: 400;
    color: inherit;
    padding-bottom: 2px;
    text-decoration: none;
    transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;  }    .link {
    color: #222;  }        .Link:hover {
    color: #17a697;      }    .link-d {
    color: #fff;  }        .link-d:hover {
    color: #17a697;      }      /*------------------------------------------------------------------*/  /* Button Style */  /*------------------------------------------------------------------*/    .btn,
    button {      font-size: 12px;
    line-height: 1;
    font-weight: 600;
    letter-spacing: 1px;
    text-decoration: none !important;
    text-transform: uppercase;
    text-align: center;
    transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    outline: none;
    border-width: 1px;
    border-style: solid;
    display: inline-block;
    vertical-align: middle;  }        .btn
    i, button i, i.left {          margin-right: 6px;      }
    i.right {      margin-left: 6px;
    margin-right: 0px !important;  }    .btn-sm {
    padding: 11px 30px !important;
    display: inline-block;  }    .btn-md {
    padding: 13px 25px !important;
    display: inline-block;  }    .btn-lg {
    padding: 15px 30px !important;
    display: inline-block;
    border: none;  }    .btn-xlg {
    padding: 17px 30px !important;
    display: inline-block;  }    .btn-black {
    background-color: #222;
    border-color: transparent;
    color: #fff;  }        .btn-black:hover {
    background-color: #229944;
    border-color: transparent;
    color: #fff;      }    .btn-color {
    background-color: #17a697;
    border-color: transparent;
    color: #fff;  }        .btn-color:hover {
    background-color: #1db2a2;
    border-color: transparent;
    color: #fff;      }    .btn-white {
    background-color: rgba(255,255,255,1);
    border-color: transparent;
    color: #222;
    font-family: oswald;  }        .btn-white:hover {
    background-color: rgb(34, 153, 68);
    border-color: white;
    color: #fff;      }    .btn-white-outline {
    background-color: transparent;
    border-color: #fff;
    color: #fff;  }        .btn-white-outline:hover {
    background-color: #fff;
    border-color: #fff;
    color: #222;      }    .btn-black-outline {
    background-color: transparent;
    border-color: #222;
    color: #222;                    }        .btn-black-outline:hover {
    background-color: #222;
    border-color: #222;
    color: #fff;      }      .btn-color-outline {
    background-color: transparent;
    border-color: #17a697;
    color: #17a697;  }        .btn-color-outline:hover {
    background-color: #17a697;
    border-color: #17a697;
    color: #fff;      }    /*------------------------------------------------------------------*/  /* Form Style */  /*------------------------------------------------------------------*/
    form {      position: relative;  }
    button {      outline: none;  }
    button, html input[type="button"], input[type="reset"], input[type="submit"] {      cursor: pointer;
    display: inline-block;  }
    button, input, textarea, select {      font-size: 12px;  }
    input, input[type="text"], input[type="email"], input[type="tel"], input[type="number"], input[type="password"], input[type="radio"], input[type="checkbox"], textarea, select {          border: 1px solid rgb(185, 183, 183);
    background: rgb(255, 255, 255);
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    border-radius: 6px !important;
    color: #000;
    outline: none;
    font-weight: 500;
    font-size: 12px;
    padding-left: 15px;
    padding-right: 15px;
    transition: all 0.2s cubic-bezier(0, 0, 0.58, 1) 0s;
    -moz-transition: all 0.2s cubic-bezier(0, 0, 0.58, 1) 0s;
    -webkit-transition: all 0.2s cubic-bezier(0, 0, 0.58, 1) 0s;
    -o-transition: all 0.2s cubic-bezier(0, 0, 0.58, 1) 0s;
    display: inline-block;
    text-transform: uppercase;
    line-height: 1;
    vertical-align: middle;      }
    input[type="text"]:hover, input[type="email"]:hover, input[type="tel"]:hover, input[type="number"]:hover, input[type="radio"]:hover, input[type="checkbox"]:hover, input[type="password"]:hover, textarea:hover, select:hover {              border: 1px solid rgba(0, 0, 0, 0.2);          }
    input[type="text"]:focus, input[type="email"]:focus, input[type="tel"]:focus, input[type="number"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus, input[type="password"]:focus, textarea:focus {              border: 1px solid rgba(0, 0, 0, 0.7);
    color: #333;          }
    input.input-sm, .input-sm {              padding-top: 11px;
    padding-bottom: 11px;          }
    input.input-md, .input-md {              padding-top: 13px;
    padding-bottom: 13px;          }
    input.input-lg, .input-lg {              padding-top: 15px;
    padding-bottom: 15px;          }
    input.input-xlg, .input-xlg {              padding-top: 17px;
    padding-bottom: 17px;          }
    textarea {      height: 120px;
    font-size: 13px !important;  }
    label {      color: #333;
    font-size: 12px;
    margin-bottom: 10px;
    padding-right: 3px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-top: 6px;
    font-family: 'Raleway', sans-serif;    }    .input-fancy {
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;  }    .form-full {
    width: 100%;  }    .form-full-height {
    height: 100%;  }    .form-field-wrapper {
    margin-bottom: 20px;
    position: relative;  }
    form .error {      border-color: #e1534f;  }
    form label.error {      margin-bottom: 0px;
    margin-top: 3px;
    color: #e1534f;
    font-size: 12px;
    font-weight: 400;  }    .successContent, .errorContent {
    margin-bottom: 20px;
    display: none;
    text-transform: none;
    letter-spacing: 1px;  }    .newsletter-input {
    max-width: 280px;  }    /*------------------------------------------------------------------*/  /* Spacer Style */  /*------------------------------------------------------------------*/  /*spacing*/  .spacer-15 {
    height: 15px;
    width: 100%;  }        .spacer-30 {
    height: 30px;
    width: 100%;  }    .spacer-45 {
    height: 45px;
    width: 100%;  }    .spacer-60 {
    height: 60px;
    width: 100%;  }      .spacer-75 {
    height: 75px;
    width: 100%;  }    .spacer-90 {
    height: 90px;
    width: 100%;  }      /*padding*/  .section-padding {
    padding-top: 100px;
    padding-bottom: 100px;  }    .section-padding-t {
    padding-top: 120px;  }    .section-padding-b {
    padding-bottom: 120px;  }  /*--*/  .p-90 {
    padding: 90px;  }    .ptb-90 {
    padding-top: 90px;
    padding-bottom: 90px;  }    .plt-90 {
    padding-left: 90px;
    padding-right: 90px;  }    .pt-90 {
    padding-top: 90px;  }    .pb-90 {
    padding-bottom: 90px;  }  /*--*/  .p-85 {
    padding: 85px;  }    .ptb-85 {
    padding-top: 85px;
    padding-bottom: 85px;  }    .plt-85 {
    padding-left: 85px;
    padding-right: 85px;  }    .pt-85 {
    padding-top: 85px;  }    .pb-85 {
    padding-bottom: 85px;  }  /*--*/  .p-80 {
    padding: 80px;  }    .ptb-80 {
    padding-top: 80px;
    padding-bottom: 80px;  }    .plt-80 {
    padding-left: 80px;
    padding-right: 80px;  }    .pt-80 {
    padding-top: 80px;  }    .pb-80 {
    padding-bottom: 80px;  }  /*--*/  .p-75 {
    padding: 75px;  }    .ptb-75 {
    padding-top: 75px;
    padding-bottom: 75px;  }    .plt-75 {
    padding-left: 75px;
    padding-right: 75px;  }    .pt-75 {
    padding-top: 75px;  }    .pb-75 {
    padding-bottom: 75px;  }  /*--*/  .p-70 {
    padding: 70px;  }    .ptb-70 {
    padding-top: 70px;
    padding-bottom: 70px;  }    .plt-70 {
    padding-left: 70px;
    padding-right: 70px;  }    .pt-70 {
    padding-top: 70px;  }    .pb-70 {
    padding-bottom: 70px;  }  /*--*/  .p-65 {
    padding: 65px;  }    .ptb-65 {
    padding-top: 65px;
    padding-bottom: 65px;  }    .plt-65 {
    padding-left: 65px;
    padding-right: 65px;  }    .pt-65 {
    padding-top: 65px;  }    .pb-65 {
    padding-bottom: 65px;  }  /*--*/  .p-60 {
    padding: 60px;  }    .ptb-60 {
    padding-top: 60px;
    padding-bottom: 60px;  }    .plt-60 {
    padding-left: 60px;
    padding-right: 60px;  }    .pt-60 {
    padding-top: 60px;  }    .pb-60 {
    padding-bottom: 60px;  }  /*--*/  .p-55 {
    padding: 55px;  }    .ptb-55 {
    padding-top: 55px;
    padding-bottom: 55px;  }    .plt-55 {
    padding-left: 55px;
    padding-right: 55px;  }    .pt-55 {
    padding-top: 55px;  }    .pb-55 {
    padding-bottom: 55px;  }  /*--*/  .p-50 {
    padding: 50px;  }    .ptb-50 {
    padding-top: 50px;
    padding-bottom: 50px;  }    .plt-50 {
    padding-left: 50px;
    padding-right: 50px;  }    .pt-50 {
    padding-top: 50px;  }    .pb-50 {
    padding-bottom: 50px;  }  /*--*/  .p-45 {
    padding: 45px;  }    .ptb-45 {
    padding-top: 45px;
    padding-bottom: 45px;  }    .plt-45 {
    padding-left: 45px;
    padding-right: 45px;  }    .pt-45 {
    padding-top: 45px;  }    .pb-45 {
    padding-bottom: 45px;  }  /*--*/  .p-40 {
    padding: 40px;  }    .ptb-40 {
    padding-top: 40px;
    padding-bottom: 40px;  }    .plt-40 {
    padding-left: 40px;
    padding-right: 40px;  }    .pt-40 {
    padding-top: 40px;  }    .pb-40 {
    padding-bottom: 40px;    }  /*--*/  .p-35 {
    padding: 35px;    }    .ptb-35 {
    padding-top: 35px;
    padding-bottom: 35px;  }    .plt-35 {
    padding-left: 35px;
    padding-right: 35px;  }    .pt-35 {
    padding-top: 35px;  }    .pb-35 {
    padding-bottom: 35px;  }  /*--*/  .p-30 {
    padding: 30px;  }    .ptb-30 {
    padding-top: 30px;
    padding-bottom: 30px;  }    .plt-30 {
    padding-left: 30px;
    padding-right: 30px;  }    .pt-30 {
    padding-top: 30px;  }    .pb-30 {
    padding-bottom: 30px;  }  /*--*/  .p-25 {
    padding: 25px;  }    .ptb-25 {
    padding-top: 25px;
    padding-bottom: 25px;  }    .plt-25 {
    padding-left: 25px;
    padding-right: 25px;  }    .pt-25 {
    padding-top: 25px;  }    .pb-25 {
    padding-bottom: 25px;  }  /*--*/    .p-20 {
    padding: 20px;    }      .ptb-20 {
    padding-top: 20px;
    padding-bottom: 20px;  }    .plt-20 {
    padding-left: 20px;
    padding-right: 20px;  }      .pt-20 {
    padding-top: 20px;  }      .pb-20 {
    padding-bottom: 20px;  }  /*--*/  .p-15 {
    padding: 15px;  }      .ptb-15 {
    padding-top: 15px;
    padding-bottom: 15px;  }    .plr-15 {
    padding-left: 15px;
    padding-right: 15px;  }    .plt-15 {
    padding-left: 15px;
    padding-right: 15px;  }    .pt-15 {
    padding-top: 15px;  }    .pb-15 {
    padding-bottom: 15px;  }  /*--*/  .p-10 {
    padding: 10px;  }    .ptb-10 {
    padding-top: 10px;
    padding-bottom: 10px;  }    .plt-10 {
    padding-left: 10px;
    padding-right: 10px;  }    .pt-10 {
    padding-top: 10px;  }    .pb-10 {
    padding-bottom: 10px;  }  /*--*/  .p-5 {
    padding: 5px;  }    .ptb-5 {
    padding-top: 5px;
    padding-bottom: 5px;  }    .plt-5 {
    padding-left: 5px;
    padding-right: 5px;  }    .pt-5 {
    padding-top: 5px;  }    .pb-5 {
    padding-bottom: 5px;  }        /*margrin*/  .container-margin {
    margin-top: 120px;
    margin-bottom: 120px;  }    .container-margin-t {
    margin-top: 120px;  }    .container-margin-b {
    margin-bottom: 120px;  }    /*--*/  .m-90 {
    margin: 90px;  }    .mtb-90 {
    margin-top: 90px;
    margin-bottom: 90px;  }    .mlt-90 {
    margin-left: 90px;
    margin-right: 90px;  }    .mt-90 {
    margin-top: 90px;  }    .mb-90 {
    margin-bottom: 90px;  }  /*--*/  .m-85 {
    margin: 85px;  }    .mtb-85 {
    margin-top: 85px;
    margin-bottom: 85px;  }    .mlt-85 {
    margin-left: 85px;
    margin-right: 85px;  }    .mt-85 {
    margin-top: 85px;  }    .mb-85 {
    margin-bottom: 85px;  }  /*--*/  .m-80 {
    margin: 80px;  }    .mtb-80 {
    margin-top: 80px;
    margin-bottom: 80px;  }    .mlt-80 {
    margin-left: 80px;
    margin-right: 80px;  }    .mt-80 {
    margin-top: 80px;  }    .mb-80 {
    margin-bottom: 80px;  }  /*--*/  .m-75 {
    margin: 75px;  }    .mtb-75 {
    margin-top: 75px;
    margin-bottom: 75px;  }    .mlt-75 {
    margin-left: 75px;
    margin-right: 75px;  }    .mt-75 {
    margin-top: 75px;  }    .mb-75 {
    margin-bottom: 75px;  }  /*--*/  .m-70 {
    margin: 70px;  }    .mtb-70 {
    margin-top: 70px;
    margin-bottom: 70px;  }    .mlt-70 {
    margin-left: 70px;
    margin-right: 70px;  }    .mt-70 {
    margin-top: 70px;  }    .mb-70 {
    margin-bottom: 70px;  }  /*--*/  .m-65 {
    margin: 65px;  }    .mtb-65 {
    margin-top: 65px;
    margin-bottom: 65px;  }    .mlt-65 {
    margin-left: 65px;
    margin-right: 65px;  }    .mt-65 {
    margin-top: 65px;  }    .mb-65 {
    margin-bottom: 65px;  }  /*--*/  .m-60 {
    margin: 60px;  }    .mtb-60 {
    margin-top: 60px;
    margin-bottom: 60px;  }    .mlt-60 {
    margin-left: 60px;
    margin-right: 60px;  }    .mt-60 {
    margin-top: 60px;  }    .mb-60 {
    margin-bottom: 60px !important;  }  /*--*/  .m-55 {
    margin: 55px;  }    .mtb-55 {
    margin-top: 55px;
    margin-bottom: 55px;  }    .mlt-55 {
    margin-left: 55px;
    margin-right: 55px;  }      .mt-55 {
    margin-top: 55px;  }        .mb-55 {
    margin-bottom: 55px;    }  /*--*/  .m-50 {
    margin: 50px;  }      .mtb-50 {
    margin-top: 50px;
    margin-bottom: 50px;  }    .mlt-50 {
    margin-left: 50px;
    margin-right: 50px;  }    .mt-50 {
    margin-top: 50px;  }    .mb-50 {
    margin-bottom: 50px !important;  }  /*--*/  .m-45 {
    margin: 45px;  }    .mtb-45 {
    margin-top: 45px;
    margin-bottom: 45px;  }    .mlt-45 {
    margin-left: 45px;
    margin-right: 45px;  }    .mt-45 {
    margin-top: 45px;  }    .mb-45 {
    margin-bottom: 45px;  }  /*--*/  .m-40 {
    margin: 40px;  }    .mtb-40 {
    margin-top: 40px;
    margin-bottom: 40px;  }    .mlt-40 {
    margin-left: 40px;
    margin-right: 40px;  }    .mt-40 {
    margin-top: 40px;  }    .mb-40 {
    margin-bottom: 40px;  }  /*--*/  .m-35 {
    margin: 35px;  }    .mtb-35 {
    margin-top: 35px;
    margin-bottom: 35px;  }    .mlt-35 {
    margin-left: 35px;
    margin-right: 35px;  }    .mt-35 {
    margin-top: 35px;  }    .mb-35 {
    margin-bottom: 35px;  }    /*--*/        .m-30 {
    margin: 30px;  }      .mtb-30 {
    margin-top: 30px;
    margin-bottom: 30px;  }    .mlt-30 {
    margin-left: 30px;
    margin-right: 30px;  }    .mt-30 {
    margin-top: 30px;  }    .mb-30 {
    margin-bottom: 30px;  }  /*--*/  .m-25 {
    margin: 25px;  }    .mtb-25 {
    margin-top: 25px;
    margin-bottom: 25px;  }    .mlt-25 {
    margin-left: 25px;
    margin-right: 25px;  }    .mt-25 {
    margin-top: 25px;  }    .mb-25 {
    margin-bottom: 25px;  }  /*--*/  .m-20 {
    margin: 20px;  }    .mtb-20 {
    margin-top: 20px;
    margin-bottom: 20px;  }    .mlt-20 {
    margin-left: 20px;
    margin-right: 20px;  }    .mt-20 {
    margin-top: 20px;  }    .mb-20 {
    margin-bottom: 20px;  }  /*--*/  .m-15 {
    margin: 15px;  }    .mtb-15 {
    margin-top: 15px;
    margin-bottom: 15px;  }    .mlt-15 {
    margin-left: 15px;
    margin-right: 15px;  }    .mt-15 {
    margin-top: 15px;  }    .mb-15 {
    margin-bottom: 15px;  }  /*--*/  .m-10 {
    margin: 10px;  }    .mtb-10 {
    margin-top: 10px;
    margin-bottom: 10px;  }    .mlt-10 {
    margin-left: 10px;
    margin-right: 10px;  }    .mt-10 {
    margin-top: 10px;  }    .mb-10 {
    margin-bottom: 10px;  }  /*--*/  .m-5 {
    margin: 5px;  }    .mtb-5 {
    margin-top: 5px;
    margin-bottom: 5px;  }    .mlt-5 {
    margin-left: 5px;
    margin-right: 5px;  }    .mt-5 {
    margin-top: 5px;  }    .mb-5 {
    margin-bottom: 5px;  }  /*--*/  .m-0 {
    margin: 0px;  }    .mtb-0 {
    margin-top: 0px;
    margin-bottom: 0px;  }    .mlt-0 {
    margin-left: 0px;
    margin-right: 0px;  }    .mt-0 {
    margin-top: 0px;  }    .mb-0 {
    margin-bottom: 0px !important;  }      @media (
    max-width: 767px) {      /*extra small medium*/        /*padding*/      .section-padding {          padding-top: 70px;
    padding-bottom: 60px;      }        .section-padding-t {
    padding-top: 70px;      }        .section-padding-b {
    padding-bottom: 70px;      }        /*margrin*/      .container-margin {
    margin-top: 70px;
    margin-bottom: 70px;      }        .container-margin-t {
    margin-top: 70px;      }        .container-margin-b {
    margin-bottom: 70px;      }        .float-xs-left {
    float: left !important;
    text-align: left;      }        .float-xs-right {
    float: right !important;
    text-align: right;      }        .p-xs-0 {
    padding: 0px;      }        .ptb-xs-0 {
    padding-top: 0px;
    padding-bottom: 0px;      }        .plt-xs-0 {
    padding-left: 0px;
    padding-right: 0px;      }        .pt-xs-0 {
    padding-top: 0px;      }        .pb-xs-0 {
    padding-bottom: 0px;      }          .mtb-xs-30 {
    margin-top: 30px;
    margin-bottom: 30px;      }        .mlt-xs-30 {
    margin-left: 30px;
    margin-right: 30px;      }        .mt-xs-30 {
    margin-top: 30px;      }        .mb-xs-30 {
    margin-bottom: 30px;      }        /* 0 */        .mtb-xs-0 {
    margin-top: 0px;
    margin-bottom: 0px;        }        .mlt-xs-0 {
    margin-left: 0px;
    margin-right: 0px;      }        .mt-xs-0 {
    margin-top: 0px;      }        .mb-xs-0 {
    margin-bottom: 0px;      }  }    @media (
    max-width: 991px) {      .p-sm-0 {          padding: 0px;      }        .ptb-sm-0 {
    padding-top: 0px;
    padding-bottom: 0px;      }        .plt-sm-0 {
    padding-left: 0px;
    padding-right: 0px;      }        .pt-sm-0 {
    padding-top: 0px;      }        .pb-sm-0 {
    padding-bottom: 0px;      }          /* 45 */      .mtb-sm-45 {
    margin-top: 45px;
    margin-bottom: 45px;      }        .mlt-sm-45 {
    margin-left: 45px;
    margin-right: 45px;      }        .mt-sm-45 {
    margin-top: 45px;        }          .mb-sm-45 {
    margin-bottom: 45px;      }        /* 30 */      .mtb-sm-30 {
    margin-top: 30px;
    margin-bottom: 30px;          }        .mlt-sm-30 {
    margin-left: 30px;
    margin-right: 30px;      }        .mt-sm-30 {
    margin-top: 30px;      }        .mb-sm-30 {
    margin-bottom: 30px;      }        /* 0 */      .mtb-sm-0 {
    margin-top: 0px;
    margin-bottom: 0px;      }        .mlt-sm-0 {
    margin-left: 0px;
    margin-right: 0px;      }        .mt-sm-0 {
    margin-top: 0px;      }        .mb-sm-0 {
    margin-bottom: 0px;      }  }        /*==========================================================================================================*/  /* HEADER     ||---------------------------- */  /*==========================================================================================================*/    /*------------------------------------------------------------------*/  /* Header Style */  /*------------------------------------------------------------------*/  .header {
    position: absolute;
    text-align: center;
    top: 47px;
    z-index: 1000;
    color: #fff;
    width: 100%;
    height: 85px;
    transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
    -o-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
    -moz-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
    -webkit-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
    background: rgba(0, 0, 0, 0.85);
    /* border-bottom: 3px solid rgb(0, 0, 0); */
    /* margin-top: 45px; */  }        .header.header-prepare, .header.header-light.header-prepare {
    background-color: rgba(255, 255, 255, 0.95);
    /* border-bottom: 1px solid #f0f0f0; */      }        .header.header-dark.header-prepare {
    background-color: rgba(34, 34, 34, 0.95);
    border-bottom: 0px none;      }        .header.header-fixed {
    display: block;
    margin-top: 0 !important;
    position: fixed;
    height: 68px;
    background: black;
    top: 0px;      }    .header-inner {
    padding-left: 30px;
    padding-right: 30px;
    position: relative;  }    .header-fixed .logo
    a {      margin-top: 15px;
    margin-bottom: 15px;
    transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
    -o-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
    -moz-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
    -webkit-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;  }    .header-fixed .nav-menu
    ul.nav-menu-inner > li > a {      padding-top: 22px;
    padding-bottom: 22px;  }    /*header Logo style*/  .header.header-prepare .logo
    a img.logo-light,  .header .logo a img.logo-dark {      opacity: 0;  }    .header .logo
    a img.logo-light,  .header.header-prepare .logo a img.logo-dark,  .header.header-light .logo a img.logo-dark {      opacity: 1;  }    .header.header-dark.header-prepare .logo
    a img.logo-dark,  .header.header-dark .logo a img.logo-dark {      opacity: 0;  }    .header.header-dark.header-prepare .logo
    a img.logo-light,  .header.header-dark .logo a img.logo-light {      opacity: 1;  }    @media all and (
    min-width: 1025px) {        /*header nav style*/      .header.header-prepare .nav-menu ul.nav-menu-inner > li > a {          color: rgb(255, 255, 255);      }              .header.header-prepare .nav-menu ul.nav-menu-inner > li:hover > a,          .header.header-prepare .nav-menu ul.nav-menu-inner > li > a:hover {
    color: rgb(255, 255, 255);          }        .header.header-dark.header-prepare .nav-menu ul.nav-menu-inner > li > a {
    color: rgba(255,255,255,0.75);      }            .header.header-dark.header-prepare .nav-menu ul.nav-menu-inner > li:hover > a,          .header.header-dark.header-prepare .nav-menu ul.nav-menu-inner > li > a:hover {
    color: rgba(255,255,255,1);          }  }    @media all and (
    max-width: 1024px) {      .header {          height: 58px;      }        .header-inner {
    padding-left: 30px;
    padding-right: 30px;
    position: relative;
    display: table;
    width: 100%;            }        .header .logo a {
    margin-top: 15px;
    margin-bottom: 15px;
    width: 100px;
    transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;      }  }      /*------------------------------------------------------------------*/  /* Logo Style */  /*------------------------------------------------------------------*/  .logo {
    float: left;
    text-align: left;
    display: inline-block;  }        .logo
    a {          width: 100px;
    display: block;
    margin-top: 29px;
    margin-bottom: 28px;
    transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
    -o-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
    -moz-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
    -webkit-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
    position: relative;      }            .logo
    a img {              width: 210px;
    position: absolute;
    top: -22px;
    left: 0;
    transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
    -o-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
    -moz-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
    -webkit-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;          }        /*------------------------------------------------------------------*/  /* Navigation Menu Style */  /*------------------------------------------------------------------*/  .nav-menu {
    position: static;
    float: right;
    display: block;  }        .nav-menu.active {
    display: block;      }        .nav-menu
    ul.nav-menu-inner {          margin: 0;
    padding: 0;
    list-style: none;      }            .nav-menu
    ul.nav-menu-inner li {              display: inline-block;
    list-style: none;
    text-align: left;          }            .nav-menu
    ul.nav-menu-inner > li > a {              color: #fff;          }    .header-light .nav-menu
    ul.nav-menu-inner > li > a {      color: rgba(34, 34, 34, 0.6);  }          .nav-menu
    ul.nav-menu-inner li a {      font-family: Oswald;
    display: block;
    font-size: 15px;
    line-height: 1;
    font-weight: lighter;
    text-transform: uppercase;
    letter-spacing: 1.6px;
    transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
    -o-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
    -moz-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
    -webkit-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;  }    .nav-menu
    ul.nav-menu-inner > li > a {      padding: 39px 15px;  }    .header .nav-menu
    ul.nav-menu-inner > li.active a,  .header .nav-menu ul.nav-menu-inner > li a.active,  .header .nav-menu ul.nav-menu-inner > li:hover > a,  .header .nav-menu ul.nav-menu-inner > li > a:hover,  .header.header-dark .nav-menu ul.nav-menu-inner > li.active a,  .header.header-dark .nav-menu ul.nav-menu-inner > li a.active,  .header.header-dark .nav-menu ul.nav-menu-inner > li:hover > a,  .header.header-dark .nav-menu ul.nav-menu-inner > li > a:hover,  .header.header-dark.header-prepare .nav-menu ul.nav-menu-inner li a.current,    .header.header-dark.header-prepare .nav-menu ul.nav-menu-inner li.current a {      color: #ffffff;
    /* border-bottom: 2px solid; */
    padding-bottom: 31px;
    background: #229944;  }    .header.header-light .nav-menu
    ul.nav-menu-inner > li:hover > a,        .header.header-light .nav-menu ul.nav-menu-inner > li > a:hover,  .header.header-prepare .nav-menu ul.nav-menu-inner li a.current,  .header.header-prepare .nav-menu ul.nav-menu-inner li.current a {      color: #222;  }    /* Mobile bar icon */  .nav-mobile.nav-bar-icon {
    display: none;  }    .nav-bar-icon {
    display: inline-block;
    float: right;
    position: relative;
    height: 16px;
    width: 20px;
    margin-top: 34px;
    margin-bottom: 35px;
    margin-left: 15px;
    transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
    -moz-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
    -o-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
    -webkit-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
    cursor: pointer;        }      .header-fixed .nav-bar-icon {
    margin-top: 21px;
    margin-bottom: 21px;  }    .nav-bar-icon
    a {      color: #fff;
    display: block;
    font-size: 17px;
    padding: 19px 0;  }        .nav-bar-icon.active
    a, .nav-bar-icon a.active,      .nav-bar-icon:hover a, .nav-bar-icon a:hover {          color: #17a697;      }    .nav-bar-icon >
    span {      position: absolute;
    top: 50%;
    display: block;
    width: 20px;
    height: 2px;
    margin-top: -1px;
    background-color: #222;
    -webkit-transition: -webkit-transform 0.3s, background 0.25s ease;
    -webkit-transition: background 0.25s ease, -webkit-transform 0.3s;
    transition: background 0.25s ease, -webkit-transform 0.3s;
    transition: transform 0.3s, background 0.25s ease;
    transition: transform 0.3s, background 0.25s ease, -webkit-transform 0.3s;  }        .nav-bar-icon >
    span:before,      .nav-bar-icon > span:after {          content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #222;
    -webkit-transition: -webkit-transform 0.3s, background 0.25s ease;
    -webkit-transition: background 0.25s ease, -webkit-transform 0.3s;
    transition: background 0.25s ease, -webkit-transform 0.3s;
    transition: transform 0.3s, background 0.25s ease;
    transition: transform 0.3s, background 0.25s ease, -webkit-transform 0.3s;      }
    header .nav-bar-icon > span,  header .nav-bar-icon > span:before,  header .nav-bar-icon > span::after,  header.header-dark .nav-bar-icon > span,  header.header-dark .nav-bar-icon > span:before,  header.header-dark .nav-bar-icon > span::after,  header.header-dark.header-prepare .nav-bar-icon > span,  header.header-dark.header-prepare .nav-bar-icon > span:before,  header.header-dark.header-prepare .nav-bar-icon > span::after {      background-color: #fff;  }
    header.header-light .nav-bar-icon > span,  header.header-light .nav-bar-icon > span:before,  header.header-light .nav-bar-icon > span::after,  header.header-prepare .nav-bar-icon > span,  header.header-prepare .nav-bar-icon > span:before,  header.header-prepare .nav-bar-icon > span::after {      background-color: #222;  }      .nav-bar-icon >
    span:before {      -webkit-transform: translateY(-7px);
    transform: translateY(-7px);
    -o-transform: translateY(-7px);
    -ms-transform: translateY(-7px);
    -moz-transform: translateY(-7px);  }    .nav-bar-icon >
    span:after {      -webkit-transform: translateY(7px);
    transform: translateY(7px);
    -o-transform: translateY(7px);
    -ms-transform: translateY(7px);
    -moz-transform: translateY(7px);  }    .nav-bar-icon.active {
    transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);  }        .nav-bar-icon.active >
    span:before {          transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);      }              .nav-bar-icon.active >
    span:after {          transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);      }    /* Dropdown-menu */  .nav-menu >
    ul li {      position: relative;  }    .sub-dropdown.dropdown {
    top: 100%;
    left: 0;  }    .sub-dropdown {
    position: absolute;
    left: 100%;
    top: 0;
    display: none;
    background: #229944 !important;
    padding: 0;
    width: 200px;
    color: red;  }        .sub-dropdown
    li {          width: 100%;      }          .sub-dropdown >
    li > a {          padding: 13px 15px;
    display: block;
    color: rgb(255, 255, 255);
    border-bottom: 1px solid;      }        .sub-dropdown >
    li:hover > a {          background: #1d7e39;
    color: #fff;        }        .sub-dropdown
    i {          float: right;                        }      @media all and (
    max-width: 1024px) {      .nav-menu ul.nav-menu-inner li {          display: block;
    width: 100%;      }        .nav-menu {
    position: static;
    left: 0;
    top: 100%;
    float: none;
    display: none;
    width: 100%;
    background: rgba(34,34,34,0.85);
    overflow-y: auto;
    z-index: 999;      }        .nav-bar-icon, .nav-mobile.nav-bar-icon, .header-fixed .nav-bar-icon {
    display: inline-block;
    float: right;
    margin-top: 21px;
    margin-bottom: 21px;      }        .nav-menu ul.nav-menu-inner li a, .header-fixed .nav-menu ul.nav-menu-inner li a {
    padding: 15px 12px;
    border-top: 1px solid #444;      }          /* Dropdown */      .sub-dropdown.dropdown, .sub-dropdown {
    top: 100%;
    position: relative;
    left: 0;
    width: 100%;      }            .sub-dropdown a {
    padding-left: 30px !important;          }        .header .nav-menu ul.nav-menu-inner li a.current,      .header .nav-menu ul.nav-menu-inner li.current a,      .header.header-light .nav-menu ul.nav-menu-inner > li:hover > a,      .header.header-light .nav-menu ul.nav-menu-inner > li > a:hover,      .header.header-prepare .nav-menu ul.nav-menu-inner li a.current,      .header.header-prepare .nav-menu ul.nav-menu-inner li.current a {
    color: #fff;      }        .header-light .nav-menu ul.nav-menu-inner > li > a {
    color: rgba(255,255,255,0.60);      }  }      /*------------------------------------------------------------------*/  /* Overlay Menu */  /*------------------------------------------------------------------*/  .overlay-menu {
    background: rgba(0, 0, 0, 0.9) none repeat scroll 0 0;
    display: table;
    height: 100%;
    min-height: 100%;
    opacity: 0;
    position: fixed;
    visibility: hidden;
    width: 100%;
    z-index: 9999;
    transition: all 0.4s ease-in-out 0s;
    -o-transition: all 0.4s ease-in-out 0s;
    -moz-transition: all 0.4s ease-in-out 0s;
    -webkit-transition: all 0.4s ease-in-out 0s;
    top: 0px;
    left: 0px;
    overflow: auto;
    padding: 50px 0;  }        .overlay-menu.active {
    opacity: 1;
    top: 0;
    visibility: visible;      }        .overlay-menu .overlay-menu-inner {
    display: table-cell;
    height: 100%;
    text-align: center;
    vertical-align: middle;
    width: 100%;      }            .overlay-menu .overlay-menu-inner
    nav {              display: block;          }    .overlay-menu-nav {
    list-style: none;
    margin: 0;
    padding: 0;
    max-width: 290px;
    margin: auto;  }    .overlay-menu .overlay-menu-nav {
    opacity: 0.2;
    transform: translateY(-15%) rotateX(35deg);
    -moz-transform: translateY(-15%) rotateX(35deg);
    -ms-transform: translateY(-15%) rotateX(35deg);
    -o-transform: translateY(-15%) rotateX(35deg);
    -webkit-transform: translateY(-15%) rotateX(35deg);
    transition: transform 0.5s ease 0s, opacity 0.5s ease 0s;
    -moz-transition: transform 0.5s ease 0s, opacity 0.5s ease 0s;
    -o-transition: transform 0.5s ease 0s, opacity 0.5s ease 0s;
    -webkit-transition: transform 0.5s ease 0s, opacity 0.5s ease 0s;  }    .overlay-menu.active .overlay-menu-nav {
    opacity: 1;
    transform: rotateX(0deg);

    -moz-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);
    -o-transform: rotateX(0deg);
    -webkit-transform: rotateX(0deg);  }      .overlay-menu-nav
    li {      display: block;  }        .overlay-menu-nav
    li a {          color: #fff;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 400;
    padding-top: 5px;
    padding-bottom: 5px;
    letter-spacing: 2px;
    display: block;      }        .overlay-menu-nav
    li:hover a {          color: #17a697;      }    .overlay-menu-close {
    color: #fff;
    height: 16px;
    line-height: 40px;
    position: absolute;
    right: 30px;
    text-align: center;
    top: 30px;
    width: 16px;
    transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    z-index: 1;  }        .overlay-menu-close >
    span {          position: absolute;
    top: 50%;
    display: block;
    width: 20px;
    height: 2px;
    background-color: #fff;
    -webkit-transition: -webkit-transform 0.3s, background 0.25s ease;
    -webkit-transition: background 0.25s ease, -webkit-transform 0.3s;
    transition: background 0.25s ease, -webkit-transform 0.3s;
    transition: transform 0.3s, background 0.25s ease;
    transition: transform 0.3s, background 0.25s ease, -webkit-transform 0.3s;      }            .overlay-menu-close >
    span:before,          .overlay-menu-close > span:after {              content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    -webkit-transition: -webkit-transform 0.3s, background 0.25s ease;
    -webkit-transition: background 0.25s ease, -webkit-transform 0.3s;
    transition: background 0.25s ease, -webkit-transform 0.3s;
    transition: transform 0.3s, background 0.25s ease;
    transition: transform 0.3s, background 0.25s ease, -webkit-transform 0.3s;
    transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);          }          .overlay-menu-close:hover >
    span,      .overlay-menu-close:hover > span:before,      .overlay-menu-close:hover > span:after {          background-color: #17a697;      }    @media all and (
    max-width: 960px) {      .overlay-menu-active .overlay-menu {          position: absolute;      }        .overlay-menu-active #page-wraper {
    position: fixed;      }  }              /*==========================================================================================================*/  /* INTRO     ||---------------------------- */  /*==========================================================================================================*/    /*------------------------------------------------------------------*/  /* Intro */  /*------------------------------------------------------------------*/    #intro {
    position: relative;
    overflow: hidden;  }    .intro-media-wraper {
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;  }    .intro-bg-section {
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;  }    .intro-caption-waper {
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 2;  }    .intro-caption-top {
    z-index: 2;  }    .intro-content {
    display: table;
    height: 100%;
    text-align: center;
    width: 100%;  }      .intro-content-inner {
    display: table-cell;
    height: 100%;
    vertical-align: middle;  }      .intro-img-circle {
    margin-left: auto;
    margin-right: auto;
    width: 120px;
    height: 120px;
    border: 5px solid rgba(0,0,0, 0.2);
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    margin-bottom: 30px;  }        .intro-img-circle
    img {          outline: none;
    border: none;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;      }    .intro-play-icon {
    text-align: center;  }    .intro-sub-title {
    letter-spacing: 1.5px;      }    .intro-title {
    font-size: 70px;
    margin-top: 40px;
    margin-bottom: 40px;
    font-weight: 400;
    line-height: 1.1;
    /*letter-spacing: -2px;*/  }    .intro-title-sm {
    font-size: 44px !important;
    margin-top: 30px;
    font-weight: 400;
    margin-bottom: 0;  }    .error-intro-title {
    font-size: 100px;
    margin-top: 0;
    margin-bottom: 0;
    font-weight: 600;
    line-height: 1.1;  }    .inner-intro {
    position: relative;
    padding: 70px 0;  }        .inner-intro
    h1 {          font-size: 54px;
    margin-top: 30px;      }    @media (
    max-width: 1024px) {      .intro-title {          letter-spacing: 0;
    font-size: 46px;      }  }    @media (
    max-width: 767px) {      .intro-title {          letter-spacing: 0;
    font-size: 30px;      }  }    /*------------------------------------------------------------------*/  /* Slider */  /*------------------------------------------------------------------*/    .sc-logo {
    /*margin-top: 0px;      margin-bottom:0;*/
    text-align: center;  }    .sc-title {
    font-weight: 800;
    text-align: center;
    /*margin-top: 0px;      margin-bottom:0;*/  }    .sc-paragraph-lead {
    font-family: Georgia;
    font-style: italic;
    font-size: 20px;
    text-align: center;
    /*margin-top: 0px;      margin-bottom:0;*/  }    .sc-button {  }            /*==========================================================================================================*/  /* ELEMENTS     ||---------------------------- */  /*==========================================================================================================*/    /*------------------------------------------------------------------*/  /* Skills Bar */  /*------------------------------------------------------------------*/    .skillbar {
    position: relative;
    display: block;
    width: 100%;
    margin-bottom: 20px;  }    .skillbar-bar {
    background: rgba(34,34,34,0.07);
    width: 100%;  }    .skillbar-bar-child {
    height: 4px;
    width: 0px;
    background: #17a697;
    -webkit-transition-property: width, background-color;
    -moz-transition-property: width, background-color;
    -ms-transition-property: width, background-color;
    -o-transition-property: width, background-color;
    transition-property: width, background-color;  }    .skillbar-title {
    display: inline-block;
    text-align: left;
    margin-bottom: 7px;  }    .skillbar-title, .skill-bar-percent {  }      .skill-bar-percent {
    float: right;
    display: inline-block;
    font-weight: 400;
    margin-top: 3px;
    font-size: 12px;  }        /*------------------------------------------------------------------*/  /* Team Box */  /*------------------------------------------------------------------*/    /* Team Box   ||-------------------*/  .team-item {
    padding-left: 15px;
    padding-right: 15px;  }    .team-item-img {
    position: relative;  }        .team-item-img >
    img {          width: 100%;      }        .team-item-img .team-item-detail {
    background: rgba(255,255,255,0.95);
    text-align: center;
    color: #fff;
    display: -webkit-flex;
    display: flex;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
    transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;      }    .team-item:hover .team-item-detail {
    opacity: 1;
    visibility: visible;  }      .team-item-img .team-item-detail .team-item-detail-inner, .cent-mid-content {
    margin: auto;
    padding: 25px;  }        .team-item-img .team-item-detail .team-item-detail-inner .social {
    margin: 5px 0px 0px 0px;
    padding: 0px;      }            .team-item-img .team-item-detail .team-item-detail-inner .social
    li {              list-style: none;
    display: inline-block;
    margin: 0px 8px;          }                .team-item-img .team-item-detail .team-item-detail-inner .social
    li a {                  border: 1px solid #222;
    color: #222;
    display: block;
    font-size: 14px;
    height: 28px;
    width: 28px;
    line-height: 1.8;
    transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    text-align: center;              }                    .team-item-img .team-item-detail .team-item-detail-inner .social
    li a i {                      transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);                  }                    .team-item-img .team-item-detail .team-item-detail-inner .social
    li a:hover {                      color: #fff;
    background: #222;                  }    .team-item-info {
    padding-top: 15px;
    text-align: center;  }        .team-item-info
    h5, .team-item-info h6 {          margin-bottom: 5px;      }        .team-item-info
    p {          margin-bottom: 0px;      }      /*------------------------------------------------------------------*/  /* Tabs */  /*------------------------------------------------------------------*/
    ul.icon-tab-nav, .icon-tab-nav ul {      list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;  }
    ul.icon-tab-nav li, .icon-tab-nav ul li {          display: inline-block;
    width: 200px;      }    .icon-tab-nav {
    display: block;  }        .icon-tab-nav
    a {          font-size: 44px;
    /*color: #aaa;*/      }        .icon-tab-nav .icon-tab-nav-title {
    margin-top: 10px;      }        .icon-tab-nav
    a, .icon-tab-nav .icon-tab-nav-title {          transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;      }            .icon-tab-nav
    a.active, .icon-tab-nav a.active .icon-tab-nav-title,          .icon-tab-nav a:hover, .icon-tab-nav a:hover .icon-tab-nav-title {              color: #17a697;          }      /*------------------------------------------------------------------*/  /* Accordion & Toggle*/  /*------------------------------------------------------------------*/  .accordion, .toggle {
    margin-bottom: 20px;
    margin-top: 0;  }        .accordion .accordion-title, .toggle .toggle-title {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 1.5px;
    margin-bottom: 10px;
    text-transform: uppercase;
    font-weight: 400;      }        .accordion > .accordion-title >
    a:after, .toggle > .toggle-title > a:after {          color: #222;
    content: "";              }        .accordion > .accordion-content, .toggle > .toggle-content {
    font-size: 14px;
    line-height: 1.8;
    margin-bottom: 10px;
    padding: 10px 20px 10px;      }      /*------------------------------------------------------------------*/  /* Counter */  /*------------------------------------------------------------------*/    .counter-group {
    position: relative;  }    .counter-group {
    position: relative;  }    .counter-icon {
    display: inline-block;
    font-size: 38px;
    vertical-align: top;
    margin-right: 20px;  }    .counter-content {
    display: inline-block;
    text-align: left;  }    .counter-title {
    font-family: inherit;
    font-size: 60px !important;
    line-height: 1;
    margin-bottom: 12px;  }    .counter-sub-title {
    margin-bottom: 0;  }      /*------------------------------------------------------------------*/  /* Pricing-box */  /*------------------------------------------------------------------*/    .pricing-box {
    background: #fff;
    border: 1px solid #eee;
    text-align: center;
    padding-top: 50px;
    padding-bottom: 50px;  }        .pricing-box.highlight {
    border: 1px solid #f5f5f5;
    background: #f5f5f5;      }    .pricing-padding {
    padding-top: 30px;
    padding-bottom: 30px;  }    .pricing-padding-t {
    padding-top: 30px;  }    .pricing-padding-b {
    padding-bottom: 30px;  }        .pricing-title, .pricing-price, .pricing-features, .pricing-button {
    padding-left: 15px;
    padding-right: 15px;  }        .pricing-title
    h1, .pricing-title h2, .pricing-title h3, .pricing-title h4, .pricing-title h5, .pricing-title h6 {          margin-bottom: 0px;      }    .pricing-price {
    margin-top: 40px;
    margin-bottom: 40px;  }        .pricing-price
    p {          color: #222;
    line-height: 1;      }        .pricing-price .dollar {
    vertical-align: 32px;
    /*margin-right: 5px;*/      }        .pricing-price .dollar, .pricing-price .pricing-price-sm {
    font-size: 14px;
    font-weight: 400;      }        .pricing-price .pricing-price-sm {
    /*margin-left: 5px;*/      }        .pricing-price .pricing-price-lg {
    font-size: 60px;
    font-weight: 300;      }    .pricing-features {
    font-size: 16px;
    margin-bottom: 45px;  }        .pricing-features
    ul {          list-style: none;
    padding: 0;      }            .pricing-features
    ul li {              margin-bottom: 10px;          }      /*------------------------------------------------------------------*/  /* Action-box */  /*------------------------------------------------------------------*/  .action-box-title {
    margin-bottom: 10px !important;
    line-height: 1.2 !important;  }    .action-box-content {
    margin-bottom: 0px !important;  }    /*------------------------------------------------------------------*/  /* History-box */  /*------------------------------------------------------------------*/  .history-box {
    padding: 30px;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    border-right: 1px solid #eee;
    border-left: 5px solid #eee;  }    .history-year {
    background: #222;
    padding: 5px 10px;
    color: #fff;
    display: inline-block;
    margin-bottom: 15px;  }    .history-title {  }    .history-sub-title {
    margin-bottom: 15px;
    font-weight: 400;
    color: #a0a0a0;  }    .history-content {
    margin-bottom: 0;  }    /*------------------------------------------------------------------*/  /* Client Logo */  /*------------------------------------------------------------------*/    .client-logo {
    height: 90px;
    text-align: center;    }          .client-logo
    img {          height: 64%;        }      /*------------------------------------------------------------------*/  /* Social */  /*------------------------------------------------------------------*/  .social-box {
    position: relative;  }        .social-box .social-icon, .social-box .social-link
    a, .social-box .social-link {          color: #fff;      }        .social-box .social-icon {
    width: 105px;
    height: 105px;
    background: rgba(255,255,255,0.1);
    line-height: 105px;
    text-align: center;
    font-size: 30px;
    /*border-radius: 50%;          -moz-border-radius: 50%;          -webkit-border-radius: 50%;*/
    /*border: 13px solid rgba(255, 255, 255, 0.05);*/
    cursor: pointer;
    margin: auto;
    transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);      }            .social-box .social-icon
    i {              transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);          }        .social-box .social-link {
    margin-top: 35px;
    margin-bottom: 0px;      }        .social-box:hover .social-icon {
    background: #17a697;      }        .social-box:hover .social-link
    a {          color: #17a697;      }        /*------------------------------------------------------------------*/  /* Pagination */  /*------------------------------------------------------------------*/  .pagination-nav {
    display: block;
    position: relative;
    text-align: center;
    width: 100%;  }        .pagination-nav
    ul {          margin: 0;
    padding: 0;
    list-style: none;      }            .pagination-nav
    ul li {              display: inline-block;
    margin: 0 2px;          }                .pagination-nav
    ul li a {                  display: block;
    font-size: 14px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    width: 36px;
    border: 1px solid #eee;              }                    .pagination-nav
    ul li a.active {                      border: 1px solid #222;
    background: #222;
    color: #fff;                  }                        .pagination-nav
    ul li a.active:hover {                          color: #fff;                      }                    .pagination-nav
    ul li a:hover {                      border: 1px solid #222;
    color: #222;                  }        .pagination-nav .prev {
    float: left;
    text-align: left;      }        .pagination-nav .next {
    float: right;
    text-align: left;      }              .pagination-nav .prev
    a, .pagination-nav .next a {                width: auto;
    padding-left: 15px;
    padding-right: 15px;            }    /*------------------------------------------------------------------*/  /* Contact Form, Map, contact-info */  /*------------------------------------------------------------------*/    .contact-info {
    position: relative;  }        .contact-info
    p {          margin-bottom: 0px;      }    .home-contact-txt-msg {
    max-height: 114px;  }
    form .error {      text-align: left;  }    .map {
    height: 400px;
    width: 100%;  }            /*------------------------------------------------------------------*/  /* Preloader */  /*------------------------------------------------------------------*/  #preloader {
    background-color: rgba(255, 255, 255, 1);
    bottom: 0;
    display: block;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 99999999999;  }      .site-spinner {
    border: 1px solid #ddd;
    font-size: 50px;
    width: 50px;
    height: 50px;
    left: 50%;
    top: 50%;
    margin: -25px 0 0 -25px;
    position: absolute;
    text-align: center;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-animation: site-spin 1s linear infinite;
    -moz-animation: site-spin 1s linear infinite;
    animation: site-spin 1s linear infinite;
    border-top-color: #222;  }    @-webkit-keyframes site-spin {      to {
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);      }  }    @-moz-keyframes site-spin {      to {
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);      }  }    @keyframes site-spin {      to {
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);      }  }    /*------------------------------------------------------------------*/  /* Countdown Clock */  /*------------------------------------------------------------------*/  .countdown-clock {
    display: block;
    list-style: none;
    text-align: center;
    padding: 0;  }        .countdown-clock
    li {          display: inline-block;
    padding: 0 10px;      }            .countdown-clock
    li span {              font-size: 80px;
    font-weight: 600;
    line-height: 80px;          }            .countdown-clock
    li p {              text-transform: uppercase;
    font-weight: 600;
    font-size: 12px;
    margin-top: 8px;          }            .countdown-clock
    li.seperator {              vertical-align: top;
    line-height: 70px;
    font-size: 65px;          }        .countdown-clock.countdown-dark, .countdown-clock.countdown-dark
    li span, .countdown-clock.countdown-dark li p {          color: #222;      }        /*==========================================================================================================*/  /* FOOTER     ||---------------------------- */  /*==========================================================================================================*/    .footer {
    padding-top: 3px;
    /* padding-bottom: 120px; */
    background: #333334;  }        /*------------------------------------------------------------------*/      /* Social */      /*------------------------------------------------------------------*/      .footer .social {
    list-style: outside none none;
    padding: 0;      }            .footer .social
    li {              display: inline-block;
    list-style: outside none none;
    margin: 0 8px;          }                  .footer .social
    li a {                    border: 1px solid #222;
    display: block;
    font-size: 14px;
    height: 30px;
    line-height: 28px;
    text-align: center;
    width: 30px;
    transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);              }                    .footer .social
    li a i, .footer .social li a span {                      transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);                  }                    .footer .social
    li a:hover {                      background: #222 none repeat scroll 0 0;
    color: #fff;                    }        /*------------------------------------------------------------------*/    /* Copyright */  /*------------------------------------------------------------------*/  .copyright {
    line-height: 1.9;
    padding-top: 20px;  }    .copy-link {
    letter-spacing: 4px;
    text-transform: uppercase;
    font-size: 12px;
    color: #fff;  }        /*==========================================================================================================*/  /* GLOBEL     ||---------------------------- */  /*==========================================================================================================*/    /*------------------------------------------------------------------*/  /* Content Box (Services Box, Featured Box, icon-box, etc...) */  /*------------------------------------------------------------------*/    .content-box, .content-box-with-bg {
    position: relative;  }            .content-box.left {
    padding-left: 100px;
    text-align: left;
    margin-bottom: 35px;
    position: relative;      }        .content-box.right {
    padding-right: 100px;
    text-align: right;
    margin-bottom: 35px;
    position: relative;      }    .content-box-with-bg {
    padding: 45px 30px 30px !important;
    background: #fff;
    border-radius: 3px;
    border: 1px dashed #eee;
    margin-bottom: 30px;
    transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;  }        .content-box-with-bg:hover {
    background: #f7f7f7;
    border-color: #f7f7f7;      }      /*Icon Style 1*/    .content-box:hover .icon-top, .content-box:hover .icon-left, .content-box:hover .icon-right {
    background-color: #222;
    color: #fff;  }    .icon-top, .icon-left, .icon-right {
    background-color: #f5f5f5;
    display: inline-block !important;
    font-size: 26px;
    color: #333;
    height: 70px;
    line-height: 75px;
    width: 70px;
    text-align: center;
    transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
    transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;  }        .icon-top
    i, .icon-top span,      .icon-left i, .icon-left span,      .icon-right i, .icon-right span {          transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);      }    .icon-top {
    margin-bottom: 45px;  }    .icon-left, .alt-icon-left {
    position: absolute;
    left: 0;  }    .icon-right, .alt-icon-right {
    position: absolute;
    right: 0;  }    .alt-icon-left, .alt-icon-right {
    top: 5px;  }      .icon-left, .icon-right {
    top: 15px;    }    .alt-icon-color {
    color: #032e20 !important;  }    .icon-color {
    background-color: #17a697;
    color: #fff;  }    .icon-black {
    background-color: #222;
    color: #fff;  }    .content-box:hover .icon-color {
    background-color: #222;
    color: #fff;  }    .content-box:hover .icon-black {
    background-color: #17a697;
    color: #fff;  }    /* Icon Style 2 */  .content-box.alt-left {
    padding-left: 65px;
    text-align: left;
    margin-bottom: 35px;
    position: relative;  }    .content-box.alt-right {
    padding-right: 65px;
    text-align: right;
    margin-bottom: 35px;
    position: relative;    }        .alt-icon-top, .alt-icon-left, .alt-icon-right {
    color: #222;
    display: inline-block !important;
    font-size: 35px;
    line-height: 1;
    transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;  }    .alt-icon-top {
    margin-bottom: 25px;
    text-align: center;  }    .alt-icon-sm-top, .alt-icon-sm-left, .alt-icon-sm-right {
    color: #222;
    display: inline-block !important;
    font-size: 25px;
    line-height: 1;
    transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;  }    .alt-icon-sm-top {
    margin-bottom: 20px;
    text-align: center;  }      /* Featured Box */    .features-block-link {
    margin-right: 30px;  }    .features-block-link-icon {
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    height: 40px;
    width: 40px;
    text-align: center;
    line-height: 38px;
    border: 1px solid #ebebeb;
    margin-right: 12px;
    vertical-align: middle;  }      /*------------------------------------------------------------------*/  /* Portfolio (Isotop Grid, box, Portfolio Single Page, etc...) */  /*------------------------------------------------------------------*/  .portfolio-grid .portfolio-item {
    position: relative;
    float: left;
    width: 33.33333333333333%;
    height: auto;
    margin: 0px;
    padding: 15px;
    display: block;  }      @media (
    max-width: 1170px) {      .portfolio-grid .portfolio-item {          width: 33.33333333333333%;      }  }    @media (
    max-width: 980px) {      .portfolio-grid .portfolio-item {          width: 50%;      }  }    @media (
    max-width: 768px) {      .portfolio-grid .portfolio-item {          width: 100%;      }  }    .portfolio-box {
    position: relative;
    overflow: hidden;  }        .portfolio-box
    a.porfolio-popup {          display: block;      }        .portfolio-box .portfolio-image-wrap {
    display: block;
    transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;      }            .portfolio-box .portfolio-image-wrap
    img {              width: 100%;          }        .portfolio-box:hover .portfolio-image-wrap {
    transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s;
    -o-transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s;
    -moz-transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s;
    -webkit-transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s;
    width: 100%;      }        .portfolio-box .portfolio-caption-mask {
    background: rgba(56, 90, 26, 0.18) none repeat scroll 0 0;
    height: 100%;
    left: 0;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    visibility: hidden;
    width: 100%;
    transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    z-index: 9;      }        .portfolio-box:hover .portfolio-caption-mask {
    opacity: 1;
    visibility: visible;        }          .portfolio-box .portfolio-caption-mask .portfolio-caption-text {
    bottom: -60px;
    left: 0;
    opacity: 0;
    padding-left: 30px;
    padding-right: 30px;
    position: absolute;
    text-align: left;
    transition: all 0.5s ease-in-out 0s;      }        .portfolio-box:hover .portfolio-caption-mask .portfolio-caption-text {
    bottom: 30px;
    opacity: 1;      }            .portfolio-box .portfolio-caption-mask
    h1, .portfolio-box .portfolio-caption-mask h2, .portfolio-box .portfolio-caption-mask h3, .portfolio-box .portfolio-caption-mask h4, .portfolio-box .portfolio-caption-mask h5, .portfolio-box .portfolio-caption-mask h6 {          color: #fff;
    margin-bottom: 5px;        }          .portfolio-box .portfolio-caption-mask
    p {            margin-bottom: 0px;
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 1px;      }        /* Portfolio Filter */  .portfolio-filter {
    margin: 0 0 15px;
    padding: 0;
    text-align: center;  }        .portfolio-filter
    li {          display: inline-block;
    list-style: none;      }            .portfolio-filter
    li a {              display: block;
    color: #222;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: 1.5px;
    margin-left: 11px;
    margin-right: 11px;
    text-transform: uppercase;          }                .portfolio-filter
    li a.active {                  color: #17a697;              }    /* Portfolio Single Page */  #portfolio-single .portfolio-image-wrap {
    margin-bottom: 20px;  }        #portfolio-single .portfolio-image-wrap
    img {          width: 100%;      }    .portfolio-item-content {
    padding-left: 20px;
    padding-right: 20px;
    position: relative;  }    .portfolio-item-content-spc {
    margin-top: 45px;  }    .portfolio-item-content-detail
    li {      line-height: 2;  }    /*------------------------------------------------------------------*/  /* Blog (Blog box, Blog page) */  /*------------------------------------------------------------------*/  .blog-post {
    display: inline-block;
    width: 100%;
    min-height: 480px;  }        .blog-post .post-media {
    margin-bottom: 25px;
    overflow: hidden;
    position: relative;      }            .blog-post .post-media
    img {              width: 360px;
    height: 217px;          }    .post-entry {
    margin-bottom: 25px;  }    .blog-post .post-tag {  }        .blog-post .post-tag
    span {          display: inline-block;
    background: #0d0d0d;
    /* color: #fff; */
    padding: 5px 10px;      }   .blog-post .post-tag
    span:hover {            background: #6b2f2f;                  }   .blog-post .post-tag
    span a{                   color: #fff;              }    .blog-post .post-meta {
    color: #999;
    font-size: 13px;
    text-transform: uppercase;
    margin-bottom: 10px;  }        .blog-post .post-meta
    span {          margin-right: 3px;      }    .blog-post
    blockquote {      background-color: #f7f7f7;
    border-left: medium none;
    color: inherit;
    font-size: 17px;
    font-weight: 300;
    margin: 0;
    padding: 25px;
    margin-bottom: 15px;  }        .blog-post
    blockquote::before {          content: "";
    font-family: FontAwesome;
    font-size: 12px;
    padding-left: 7px;      }    .blog-post
    ul {      margin-bottom: 15px;  }    /* Blog Single ------------------------------ */  #blog-single .post-header {
    margin-bottom: 25px;  }    .post-author-image {
    float: left;
    height: 84px;
    margin-right: 15px;
    width: 84px;  }          .post-author-image
    img {          width: 100%;      }    .post-author-panel {    }    .post-author-hadding {
    padding: 8px 20px;
    display: block;
    background: #eee;  }        .post-author-hadding
    a {          color: #17a697;      }    .post-author-body {
    padding: 20px;
    border: 1px solid #eee;
    display: table;  }        .post-author-body
    p {          margin-bottom: 0px;      }    .post-author-hadding
    h1,  .post-author-hadding h2,  .post-author-hadding h3,  .post-author-hadding h4,  .post-author-hadding h5,  .post-author-hadding h6 {        margin-bottom: 0;  }    #blog-single .blog-post
    hr {      margin-top: 30px !important;
    margin-bottom: 30px !important;  }    .blog-post .post-share {
    display: block;
    font-size: 16px;
    display: block;  }          .blog-post .post-share
    span {          text-align: right;
    font-weight: 600;
    display: inline-block;
    color: #222;      }    .post-share .post-share-social {
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: right;
    float: right;
    display: inline-block;  }        .post-share .post-share-social
    a {          display: inline-block;
    margin-left: 10px;
    margin-right: 10px;
    font-size: 18px;      }    .margin-15 {
    margin: 15px 0 15px 0;  }
    h4.alt-title {      font-size: 16px;  }  .space-top {
    padding-top: 20px;  }    .alt-title {
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1px;  }  .step-box-content
    p {      color: #fff;
    font-size: 15px;
    padding-top: 19px;  }  .header {
    top: 50px;  }  .top-header {
    background: #000000;
    margin-bottom: 0;
    border: none;
    padding-top: 0px;
    padding-bottom: 0px;
    border-bottom: 1px solid #fff;  }  .list-inline >
    li {      display: inline-block;
    padding-right: 5px;
    padding-left: 5px;
    color:#fff;  }  .list-inline
    a {      color: rgba(255, 255, 255, 0.85);
    font-size: 14px;
    font-family: oswald;  }  .call-to-action {
    background: black;
    padding-top: 29px;
    padding-bottom: 20px;
    margin-top: 30px;
    margin-bottom: 30px;  }  .call-to-action
    h3 {      color: white;  }  .slider-form {
    position: absolute;
    top: 152px;
    right: 7%;
    z-index: 50;
    margin: 0px 0 -42px;
    background: rgba(37, 29, 30, 0.52);
    /* border-radius: 10px; */
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 20px;
    padding-bottom: 20px;
    width: 33%;  }  .tab-content {
    padding: 15px;  }  .tab-content
    form .form-group {      position: relative;
    margin-bottom: 10px;  }  .tab-content
    form .form-group i {      width: 42px;
    height: 46px;
    line-height: 30px;
    background-color: #229944;
    border: 1px solid #15612b;
    text-align: center;
    display: inline-block;
    vertical-align: top;
    color: #fff;
    border-radius: 6px;
    line-height: 44px;  }  .tab-content
    form .form-group .form-control {      width: 100%;
    display: inline-block;
    margin: 0;
    height: 47px;  }  .tab-pane
    h4 {      color: #229944;
    text-transform: UPPERCASE;  }  .img-png {
    margin-top: 52px;  }
    a.quote-wrapper {      position: fixed;
    z-index: 99;
    top: 40%;
    right: -69px;  }
    span.small-text {      background-color: #229944;
    padding: 15px 12px 9px 12px;
    z-index: 1;
    color: #ffffff;
    text-decoration: none;
    display: inline-block;
    font-style: italic;
    position: relative;
    transform: rotate(-90deg);  }
    span.bold-text {      display: block;
    font-style: normal;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 19px;
    color: #ffffff;  }
    span.small-text:before {      content: "";
    width: 95%;
    height: 91%;
    display: block;
    border: 1px dotted rgba(255, 255, 255, 0.56);
    position: absolute;
    top: 10%;
    left: 2%;  }  .home-contact-txt-msg {
    max-height: 114px;
    width: 100%;
    padding-top: 17px;  }  /* The Modal (background) */  .modal {       /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 99999; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */        /* Enable scroll if needed */        /* Fallback color */        /* Black w/ opacity */
    background: rgba(0, 0, 0, 0.74);
    overflow: auto;  }    /* Modal Content */  .modal-content {
    position: relative;
    margin: auto;
    padding: 0;
    border: 4px solid #294;
    width: 30%;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s;
    background: rgb(213, 213, 213);  }    /* Add Animation */  @-webkit-keyframes animatetop {      from {
    top:-300px;
    opacity:0;}       to {
    top:0;
    opacity:1;}    }    @keyframes animatetop {      from {
    top:-300px;
    opacity:0;}      to {
    top:0;
    opacity:1;}  }        /* The Close Button */  .close {
    color: white;
    float: right;
    font-size: 28px;
    font-weight: bold;  }    .close:hover,  .close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;  }    .modal-header {
    padding: 2px 16px;
    background-color: #229944;
    color: white;  }    .modal-body {
    padding: 2px 16px;}    .modal-footer {
    padding: 2px 16px;
    background-color: #229944;
    color: white;  }  .quote-wrapper {
    position: fixed;
    top: 45%;
    right: -140px;
    transform: rotate(-90deg);
    font-size: 17px;
    padding: 16px;
    border: 1px dotted;
    z-index: 99999;  }  .modal-header
    h3 {      color: #fff;
    font-size: 22px;  }  .modal-content .home-contact-txt-msg {
    max-height: 114px;
    width: 100%;  }  .slider-caption
    h2 {      margin-top: 0;
    color: #ffffff;
    font-weight: bold;
    font-size: 70px;
    text-align: center;
    text-shadow: 1px 1px 1px rgb(0, 0, 0);
    letter-spacing: 0px;
    font-family: oswald;
    border-bottom: 1px solid rgba(255, 255, 255, 0.16);
    text-transform: uppercase;  }  .slider-caption
    p {      font-size: 14px;
    color: #ffffff;
    border-bottom: 1px solid rgba(255, 255, 255, 0.16);
    padding-bottom: 8px;
    margin-bottom: 20px;  }  .slider-caption
    h3 {      color: #fff;
    font-size: 31px;
    /* text-shadow: 2px 2px 2px rgb(34, 153, 68); */
    text-transform: uppercase;  }  .slider-caption
    h2 span {      color: #229944;
    margin-left: 20px;
    text-shadow: 1px 1px 1px rgb(255, 255, 255);  }  .radio
    input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] {      margin-left: 0;  }  .radio, .checkbox {
    margin-bottom:0;  }  .checkbox-primary {
    margin-bottom: 15px;  }  .form-control {
    font-size: 12px;
    color: #a5a5b8;
    background-color: #fff;       }
    text-shadow: 1px 1px 1px rgb(255, 255, 255);
    text-shadow: 1px 1px 1px rgb(0, 0, 0);
}
.img-png {
    margin-top: 52px;
}
a.quote-wrapper {
    position: fixed;
    z-index: 99;
    top: 40%;
    right: -69px;
}
span.small-text {
    background-color: #229944;
    padding: 15px 12px 9px 12px;
    z-index: 1;
    color: #ffffff;
    text-decoration: none;
    display: inline-block;
    font-style: italic;
    position: relative;
    transform: rotate(-90deg);
}
span.bold-text {
    display: block;
    font-style: normal;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 19px;
    color: #ffffff;
}
span.small-text:before {
    content: "";
    width: 95%;
    height: 91%;
    display: block;
    border: 1px dotted rgba(255, 255, 255, 0.56);
    position: absolute;
    top: 10%;
    left: 2%;
}
.home-contact-txt-msg {
    max-height: 114px;
    width: 100%;
    padding-top: 17px;
}
/* The Modal (background) */
.modal {
     /* Hidden by default */
     position: fixed; /* Stay in place */
     z-index: 99999; /* Sit on top */
     padding-top: 100px; /* Location of the box */
     top: 0;
     width: 100%; /* Full width */
     height: 100%; /* Full height */
      /* Enable scroll if needed */
      /* Fallback color */
      /* Black w/ opacity */
     background: rgba(0, 0, 0, 0.74);
     overflow: auto;
}

/* Modal Content */
.modal-content {
    position: relative;
    margin: auto;
    padding: 0;
    border: 4px solid #294;
    width: 30%;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s;
    background: rgb(213, 213, 213);
}

/* Add Animation */
@-webkit-keyframes animatetop {
    from {top:-300px; opacity:0} 
    to {top:0; opacity:1}

}

@keyframes animatetop {
    from {top:-300px; opacity:0}
    to {top:0; opacity:1}
}



/* The Close Button */
.close {
    color: white;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

.modal-header {
    padding: 2px 16px;
    background-color: #229944;
    color: white;
}

.modal-body {padding: 2px 16px;}

.modal-footer {
    padding: 2px 16px;
    background-color: #229944;
    color: white;
}
.quote-wrapper {
    position: fixed;
    top: 45%;
    right: -140px;
    transform: rotate(-90deg);
    font-size: 17px;
    padding: 16px;
    border: 1px dotted;
    z-index: 99999;
}
.modal-header h3 {
    color: #fff;
    font-size: 22px;
}
.modal-content .home-contact-txt-msg {
    max-height: 114px;
    width: 100%;
}
.slider-caption h2 {
    margin-top: 0;
    color: #ffffff;
    font-weight: bold;
    font-size: 70px;
    text-align: center;
    text-shadow: 1px 1px 1px rgb(0, 0, 0);
    letter-spacing: 0px;
    font-family: oswald;
    border-bottom: 1px solid rgba(255, 255, 255, 0.16);
    text-transform: uppercase;
}
.slider-caption p {
    font-size: 14px;
    color: #ffffff;
    border-bottom: 1px solid rgba(255, 255, 255, 0.16);
    padding-bottom: 8px;
    margin-bottom: 20px;
}
.slider-caption h3 {
    color: #fff;
    font-size: 33px;
    text-transform: uppercase;
    line-height: 50px;
}
.slider-caption h2 span {
    color: #229944;
    margin-left: 20px;
    text-shadow: 1px 1px 1px rgb(255, 255, 255);
}
.radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] {
    margin-left: 0;
}
.radio, .checkbox {
   margin-bottom:0;
}
.checkbox-primary {
    margin-bottom: 15px;
}
.form-control {

    font-size: 12px;
    color: #a5a5b8;
    background-color: #fff;
   
}
.slider-form p {
    color: #fff;
}

.slider-caption h3 span {
    text-shadow: 1px 1px 1px rgb(2, 31, 10);
    color: #229944;
    font-weight: bold;
}body {
   font-family: Roboto Slab;
    }

p {
    
    color: #2c2c2c;
    
}

.padding-in {
    text-align: center;
    padding: 40px 30px;
}
.details h2 {
    font-family: inherit;
    color: #000;
    /* font-weight: bold; */
}
.details h2 span {
    color: #000000;
    font-weight: bold;
    text-transform: uppercase;
}
.details p {
    font-size: 15px;
}
.number li {font-weight: 500;list-style: none;text-align: justify;}
.image-box img {
    border: 7px solid #fff;
}
.list-step li {
    color: #ffffff;
    margin-bottom: 6px;
    list-style: none;
}
.margin-top {
    margin-top: 25px;
}
.contact-side {
    padding: 10px;
    border-radius: 5px;
    margin-top: 17px;
    margin-bottom: 20px;
}
.contact-side h3 {
    color: #333;
    font-size: 29px;
    /* border-bottom: 1px dotted rgba(51, 51, 51, 0.43); */
    /* font-family: Roboto Slab; */
}
.contact-side label {
    color: #333;
    font-family: Roboto Slab;
}
.number {
    padding: 17px;
    /* background: #ffffff; */
}
.number i {
    margin-right: 6px;
    color: white;
    font-size: 18px;
}
.list-step {
    list-style:none;
    counter-reset:li;
    /* padding:8px 0px 1px; */
    left:-7px;
    width:290px;
}
.list-step li{
position:relative;
margin:0 0 10px 0;
padding: 3px 2px 0 17px;
left:-5px;
width:285px;
}
.list-step li{position: relative;display: block;padding: 15px;
*padding: .2em;margin: .5em 0;background: #fff;text-decoration: none;border-radius: .3em;width: 656px;font-size: 14px;transition: all .1s ease-in-out;border: 1px solid #5c5959;color: #626666;font-family: Roboto Slab;}
.list-step li:before{content: counter(li);counter-increment: li;position: absolute;top: 50%;margin: -16px -1px 0px -21px;height: 2em;width: 2em;line-height: 2em;font-size: 15px;color: #403f3f; /* text color of numbers */background: #e9e9e9; /* background color of numbers */border: 2px solid #4d4b4b; /* border color */-webkit-box-shadow: 0 8px 5px -7px #888;-moz-box-shadow: 0 8px 5px -7px #888;box-shadow: 0 8px 5px -7px #888;text-align: center;font-weight: bold;border-radius: 2em;position: absolute;left: 0;transition: all .3s ease-out;}
.list-step li:hover{background: rgb(34, 153, 68);color: #ffffff;border: 1px solid #1e5f4a;cursor: pointer;}
.list-step li:hover:before{
transform: rotate(360deg);   
}
.list-step li a{
font: 14px Georgia, serif; /* font size of post titles */
text-shadow: 0 -1px 2px #fff;
color: #444;
display:block;
min-height:25px;
text-decoration:none;
text-transform: uppercase;
}
.list-step li a:hover{
color: #444;
}
/*next list*/
.number {
    list-style:none;
    counter-reset:li;
    /* padding:8px 0px 1px; */
    left:-7px;
    width:290px;
}
.number li{
position:relative;
margin:0 0 10px 0;
padding: 3px 2px 0 17px;
left:-5px;
width:285px;
}
.number li{position: relative;display: block;padding: 15px;
*padding: .2em;margin: .5em 0;background: #ffffff;text-decoration: none;border-radius: .3em;width: 656px;font-size: 14px;transition: all .1s ease-in-out;border: 1px solid rgb(255, 255, 255);color: #4b4a4a;font-family: Roboto Slab;}
.number li:before{content: counter(li);counter-increment: li;position: absolute;top: 50%;margin: -16px -1px 0px -21px;height: 2em;width: 2em;line-height: 2em;font-size: 15px;color: rgba(0, 0, 0, 0.86); /* text color of numbers */background: #ffffff; /* background color of numbers */border: 2px solid rgba(1, 12, 18, 0.82); /* border color */-webkit-box-shadow: 0 8px 5px -7px #888;-moz-box-shadow: 0 8px 5px -7px #888;box-shadow: 0 8px 5px -7px #888;text-align: center;font-weight: bold;border-radius: 2em;position: absolute;left: 0;transition: all .3s ease-out;}
.number li:hover{background: rgba(34, 153, 68, 0.35);color: #000000;border: 1px solid rgba(34, 153, 68, 0.35);cursor: pointer;color: #fff;}
.number li:hover:before{
transform: rotate(360deg);   
}
.number li a{
font: 14px Georgia, serif; /* font size of post titles */
text-shadow: 0 -1px 2px #fff;
color: #444;
display:block;
min-height:25px;
text-decoration:none;
text-transform: uppercase;
}
.number li a:hover{
color: #444;
}
.ptb-35 {
    padding-top: 35px;
    padding-bottom: 35px;
}
.map {
    
margin-bottom: 2px;

    
margin-top: 2px;
}
h3 {
   
font-family: oswald;
}

.slide-bg-image {
    background-image:url(../img/old-couple-together.jpg);
    background-size: cover;
    background-position: center center;
}
.slide-bg-image1{
    background-image:url(../img/old-couple-together.jpg)
    background-size: cover;
    background-position: center top;
}

.justify {
    text-align: justify;
}
ul.social-icons {
    list-style: outside none none;
    /* padding-top: 31px; */
}
.social-icons li {
    display: inline-block;
    list-style: outside none none;
    margin: 0 8px;
}
.social-icons i {
    border: 1px solid #ffffff;
    display: block;
    font-size: 14px;
    height: 40px;
    line-height: 28px;
    text-align: center;
    width: 40px;
    border-radius: 50%;
    padding: 5px;
    margin: -4px;
    background: #f6f6f6;
    color: #2b2b2c;
}
.social-icons i:hover {
    background: #229944;
    color: #f6f6f6;
    border: 1px solid #294;
}
.green-bg {
    background: #2b2b2c;
}
.slider-image {
    background-image:url(../img/slider2.jpg);
    background-size:cover;
    background-position: center;
}
.gray-bg {
    background-color: #e9e9e9;
}
.grey-bg-text p {
    margin: 0;
    font-size: 17px;
    line-height: 32px;
    color: #333;
    font-family: 'Roboto Slab', serif;
    font-weight: 300;
}
.grey-bg-text {padding: 31px 50px;}
.list-image{
    background-image:url(../img/bg.jpg);
}
.mt-20{margin-top:20px;}
.img-png img {
    max-height: 415px;
    padding-top: 61px;
}
.text-white {color:#fff;}
.service-box {
    padding: 15px;
    border: 1px solid rgba(77, 77, 77, 0.59);
    min-height: 430px;
}
.service-box i {
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    border: 1px solid #4C5B96;
    font-size: 20px;
    color: #4C5B96;
    border-radius: 50%;
    
    
}
.service-box p {
    text-align: justify;
}
.service-box h4 {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 7px;
    color: #333;
    text-align: center;
    font-family: oswald;
    margin-top: 8px;
    border-bottom: 1px solid rgba(153, 153, 153, 0.58);
    padding-bottom: 9px;
}
.footer h4 {
    color: #cacaca;
}
footer p {
    color: #cacaca;
    /* font-family: arial; */
}
.mb-20 {margin-bottom:20px;}
.services {
    padding: 36px;
}
.intro-content-inner h4 {
    color: #fff;
    font-family: inherit;
    font-size: 27px;
    text-transform: uppercase;
}
.slider-caption {
    position: absolute;
    top: 35%;
    left: 170px;
    max-width: 620px;
    /* border: 1px dashed rgba(255, 255, 255, 0.48); */
    padding: 28px;
    margin-top: -146px;
    color: #FFFFFF;
    font-size: 17px;
    /* font-weight: bold; */
    text-align: center;
    /* background: rgba(20, 20, 22, 0.72); */
}
.slider-caption h2 {
    margin-top: 0;
    color: #ffffff;
    font-weight: bold;
    font-size: 70px;
    text-align: center;
    text-shadow: 1px 1px 1px rgb(0, 0, 0);
    letter-spacing: 0px;
    font-family: oswald;
    border-bottom: 1px solid rgba(255, 255, 255, 0.16);
    text-transform: uppercase;

}
.slider-caption p {
    font-size: 14px;
    color: #ffffff;
    border-bottom: 1px solid rgba(255, 255, 255, 0.16);
    padding-bottom: 8px;
    margin-bottom: 20px;
}
.separator-2 {
    width: 100%;
    margin-bottom: 15px;
    position: relative;
    height: 1px;
    background: rgba(255, 255, 255, 0.32);
}
.dark-bg .separator-2:after {
    background: #666666;
    background: -moz-linear-gradient(left, #666666 0%, #555555 35%, #444444 70%, #373737 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #666666), color-stop(35%, #555555), color-stop(70%, #444444), color-stop(100%, #373737));
    background: -webkit-linear-gradient(left, #666666 0%, #555555 35%, #444444 70%, #373737 100%);
    background: -o-linear-gradient(left, #666666 0%, #555555 35%, #444444 70%, #373737 100%);
    background: -ms-linear-gradient(left, #666666 0%, #555555 35%, #444444 70%, #373737 100%);
    background: linear-gradient(to right, #666666 0%, #555555 35%, #444444 70%, #373737 100%);
}
.slider-caption img {
    margin-bottom: 15px;
    margin-top: 50px;
    padding-bottom: 8px;
}
/*2017/2/21*/
.header.header-prepare, .header.header-light.header-prepare {
    background-color: rgba(0, 0, 0, 0.95);
    border-bottom: 0px solid #ffffff;
}
.banner {
    background-color: #f1f1f1;
    border-bottom: 1px solid #eaeaea;
}
.space-top {
    padding-top: 105px;
}
.fixed-image {
    background-position: center center;
    background-repeat: no-repeat;
    height: 350px;
}
.banner h1 {
    color: #fff;
    text-align: center;
    padding-top: 160px;
}
.dark-overlay {
    background: rgba(0, 0, 0, 0.65);
    height: 352px;
}
.banner p {
    color: #fff;
    text-align: center;
    font-size: 23px;
}
.list-step2 {
    list-style:none;
    counter-reset:li;
    /* padding:8px 0px 1px; */
    left:-7px;
    width:290px;
}
.list-step2 li{
position:relative;
margin:0 0 10px 0;
padding: 3px 2px 0 17px;
left:-5px;
width:285px;
}
.list-step2 li{position: relative;display: block;padding: 15px;
*padding: .2em;margin: .5em 0;background: #fff;text-decoration: none;border-radius: .3em;width: 245%;font-size: 14px;transition: all .1s ease-in-out;border: 1px solid #5c5959;color: #3b3e3e;font-family: Roboto Slab;}
.list-step2 li:before{content: counter(li);counter-increment: li;position: absolute;top: 50%;margin: -16px -1px 0px -21px;height: 2em;width: 2em;line-height: 2em;font-size: 15px;color: #403f3f; /* text color of numbers */background: #e9e9e9; /* background color of numbers */border: 2px solid #4d4b4b; /* border color */-webkit-box-shadow: 0 8px 5px -7px #888;-moz-box-shadow: 0 8px 5px -7px #888;box-shadow: 0 8px 5px -7px #888;text-align: center;font-weight: bold;border-radius: 2em;position: absolute;left: 0;transition: all .3s ease-out;}
.list-step2 li:hover{background: #cccbcb;color: #000000;border: 1px solid #1e5f4a;cursor: pointer;}
.list-step2 li:hover:before{
transform: rotate(360deg);   
}
.list-step2 li a{
font: 14px Georgia, serif; /* font size of post titles */
text-shadow: 0 -1px 2px #fff;
color: #444;
display:block;
min-height:25px;
text-decoration:none;
text-transform: uppercase;
}
.list-step2 li a:hover{
color: #444;
}
/**/
.list-step3 {
    list-style:none;
    counter-reset:li;
    /* padding:8px 0px 1px; */
    left:-7px;
    width:290px;
}
.list-step3 li{
position:relative;
margin:0 0 10px 0;
padding: 3px 2px 0 17px;
left:-5px;
width:285px;
}
.list-step3 li{position: relative;display: block;padding: 15px;
*padding: .2em;margin: .5em 0;background: #fff;text-decoration: none;border-radius: .3em;width: 235%;font-size: 14px;transition: all .1s ease-in-out;border: 1px solid #5c5959;color: #3b3e3e;font-family: Roboto Slab;}
.list-step3 li:before{content: counter(li);counter-increment: li;position: absolute;top: 50%;margin: -16px -1px 0px -21px;height: 2em;width: 2em;line-height: 2em;font-size: 15px;color: #403f3f; /* text color of numbers */background: #e9e9e9; /* background color of numbers */border: 2px solid #4d4b4b; /* border color */-webkit-box-shadow: 0 8px 5px -7px #888;-moz-box-shadow: 0 8px 5px -7px #888;box-shadow: 0 8px 5px -7px #888;text-align: center;font-weight: bold;border-radius: 2em;position: absolute;left: 0;transition: all .3s ease-out;}
.list-step3 li:hover{background: #cccbcb;color: #000000;border: 1px solid #1e5f4a;cursor: pointer;}
.list-step3 li:hover:before{
transform: rotate(360deg);   
}
.list-step3 li a{
font: 14px Georgia, serif; /* font size of post titles */
text-shadow: 0 -1px 2px #fff;
color: #444;
display:block;
min-height:25px;
text-decoration:none;
text-transform: uppercase;
}
.list-step3 li a:hover{
color: #444;
}








.checklist li {
    list-style: none;
    margin-bottom: 11px;
    /* border-bottom: 1px dashed rgba(0, 0, 0, 0.12); */
    padding-bottom: 4px;
}
.checklist li:before {
  content: "";
  width: 7px;
  height: 7px;
  border: 1px solid #000;
  display: block;
  position: absolute;
  left: 20px;
  transform: rotate(-45deg);
  margin-top: 15px;
}
ul.checklist {
    /* background: #f5f5f5; */
    color: #2a2a2a;
    /* padding: 32px; */
}
.image-box-wrapper img {
    margin: auto;
}
.checklist1 li {
    list-style: none;
    margin-bottom: 11px;
    /* border-bottom: 1px dashed rgba(0, 0, 0, 0.12); */
    padding-bottom: 4px;
}
.checklist1 li:before {
  content: "";
  width: 7px;
  height: 7px;
  border: 1px solid #fff;
  display: block;
  position: absolute;
  left: 20px;
  transform: rotate(-45deg);
  margin-top: 15px;
}
ul.checklist1 {
    /* background: #f5f5f5; */
    color: #2a2a2a;
    /* padding: 32px; */
}
.note-box {
    border: 1px solid #ccc;
    padding: 20px;
}
.gray-bg-img {
    background-image:url(../img/gray.jpg);
    
}
.gray-text-white h3{color:#fff;}
.gray-text-white ul{color:#fff;}
.gray-text-white p{color:#fff;}
.questions h5 {
    /* background: #484848; */
    color: #000;
    /* padding: 10px; */
}
.questions p {
   
/* padding: 10px; */
}
.contact-title {
    padding-left: 18px;
    /* margin-bottom: 26px; */
}
.breadcrumb-wrapper {
    position: absolute;
    top: 352px;
    left: 178px;
}

.btn-green {
    background: #229944;
    color: #fff;
    border: none;
}
.btn-green:hover {
    background: #1b7635;
    color: #fff;
}
.sub-dropdown {
   background: #229944 !important;
 }
 .sub-dropdown > li > a {
   color: #fff;
 }
 .gray-box p {
    font-size: 24px;
    padding: 36px;
    text-align: center;
}
.gray-box p:first-child b {
    color: #43ba65;
    font-size: 45px;
}
.gray-box a {
    color: #43ba65;
    font-weight: bold;
    
}
.gray-box a:hover {
    color: #43ba65;
    font-weight: bold;
    text-decoration: underline;
}
.text-green {
    color: #44b464;
}
blockquote {
    font-family: Georgia,serif;
    font-style: italic;
    padding-left: 0;
    margin-right: 0;
    color: #383838;
}
blockquote:before {
    display: block;
    content: '\201C';
    font-size: 5em;
    position: absolute;
    left: 16px;
    top: 192px;
    color: #7a7a7a;
}
.service-box img {
    margin: 0 auto;
    width: 100%;
    height: auto;
}
.footer-bottem-text a {
    color: #cacaca;
    font-size: 12px;
    text-align: left;
    padding-left: 3px;
    padding-right: 3px;
    border-left: 1px solid;
    padding-left: 6px;
}
.footer-bottem-text {
    padding-top: 23px;
    margin: 0;
}
.Licensee {
    margin-top: 9px;
    padding-top: 10px;
}
.Licensee p {
    font-size: 11px;
    border-left: 1px solid #686868;
}
.Licensee-area {
    background: #2e2e2f;
    border-top: 1px dashed #919191;
    border-bottom: 1px dashed #919191;
}
.footer {
    background-color: #000000;
    color: #fff;
    border-bottom: 1px dashed #fff;
}
.footer {
    font-size: 14px;
    line-height: 1.5;
}
.footer-content {
    padding: 20px 0;
}

.footer h2.title {
    font-size: 18px;
    color: #fff;
    text-transform: uppercase;
    border-bottom: 1px solid rgba(255, 255, 255, 0.35);
    padding-bottom: 13px;
}
.logo-footer img {
    width: 160px;
    margin-bottom: 17px;
}
.nav > li > a {
   
padding-top: 10px;
   
padding-bottom: 0;
   
color: #fff;
   
/* font-family: arial; */
   
text-transform: uppercase;
}
.nav > li > a:hover, .nav > li > a:focus {
    
    background-color: #294;
    padding-bottom: 11px;
}
.list-icons {
    padding: 0;
}
.list-icons li {
    list-style: none;
    font-weight: lighter;
    color: rgba(255, 255, 255, 0.92);
    /* font-family: arial; */
    margin-bottom: 10px;
}
.nav-pills.nav-stacked:not(.list-style-icons) > li > a:after {
    font-family: "FontAwesome";
    content: "\f101";

    font-size: 12px;
    position: absolute;
    right: 15px;
    top: 6px;
    color: #ffffff;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;



















    transition: all 0.2s ease-in-out;
}
.subfooter {
    background: #282828;
    padding: 16px;
}
.copyright {
   
    text-align: center;
}
.footer-bottem-text li {
    display: inline-block;
    list-style: outside none none;
    
}
.footer-bottem-text a:hover {
    color: #229944;
}
.padding-top {
    padding-top: 50px;
}
/*responsive start*/
@media (max-width: 1170px) { 

}
@media (max-width: 1025px) {

.number li {
    width: 535px;
}
.img-png img {
  
    padding-top: 73px;
}
.list-step li {
    width: 590px;
}.footer {
    
padding-bottom: 0px;
}    
}
@media (max-width: 768px) {

.subfooter {
    background: #282828;
    padding: 16px;
       
}
.services {
    padding: 0px;
}
.service-box {
  
    margin-bottom: 15px;
}
.slider-caption {
   
    right: 137px;
    
}
}
@media (max-width: 600px) {
.slider-caption {
    
    right: 56px;
   
}
.number li {
   
    width: 544px;
    
}
.list-step li {
    
    width: 516px;
    
}

.list-step li {
    position: relative;
    margin: 0 0 10px 0;
    padding: 3px 2px 0 17px;
    left: -5px;
    width: 285px;
}
.padding-top {
    padding-top: 0;
}
.disclimer {
    padding: 17px;
    text-align: justify;
}
.footer-bottem-text {
    padding-bottom: 23px;
   padding-top:0;
}
.service-box {
 
    margin-bottom: 15px;
}
}
@media (max-width: 480px) {
  p {text-align:justify;}  
.grey-bg-text p {
   
    font-size: 14px;
    text-align: justify;
     
   
}
.text-box h3 {
    font-size: 20px;
}
.slider-caption {
   
    right: 10px;
    max-width: 283px;
   
}
.details h2 {
    
    font-size: 24px;
}
.number li {
    left:3px;
    width: 656px;

}

.list-step {

    padding: 29px;
    
}
.list-step li{
   
width: 100%;
}
.services {
    padding: 0;
}
.service-box {
    margin-bottom: 10px;
}
.services h2 {
    font-size: 28px;
    text-align: center;
    padding-top: 9px;
}
.padding-top {
    padding-top: 0;
}
.disclimer {
    padding: 15px;
}
.disclimer p {
    text-align: justify;
}
.grey-bg-text h3 {
    font-size: 19px;
}
.text-box {
    overflow: hidden;
}
.social-icons {
    padding:0;
    text-align: center;
}
.banner h1 {
    padding-top:0;
    font-size: 30px;
}
.breadcrumb-wrapper {
   
    top: 205px;
    left: 0;;
}
.breadcrumb {
  
    width: 100%;
}
.dark-overlay {
   
    height: 250px;
}
.fixed-image {
    height: 250px;
    
}

.header {
    height: 71px;
}
.breadcrumb {
    font-size: 11px;
}
.gray-box p {
    font-size: 21px;
    padding: 20px;
   
}
.gray-text-white h3 {
    
    font-size: 19px;
}
blockquote:before {
   
    top: 407px;
    
}
h4 {
    font-size: 19px;
}
form {
   
    margin-bottom: 20px;
}
.contact-info p {
   
    text-align: center;
}
}

@import url("font-awesome_icon-font.css");
@import url("et-line_icon-font.css");
@import url("./plugins/owl.carousel.css");
@import url("./plugins/magnific-popup.css");

@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic);
@import url(https://fonts.googleapis.com/css?family=Work+Sans:400,200,300,500,600,700,800);
@import url(https://fonts.googleapis.com/css?family=Ubuntu:400,300,400italic,500,500italic,700,700italic,300italic);


/*
* BASIC
  - General Style    
  - Typography Style    
  - Button Style
  - Form Style    
  - Spacer Style

* HEADER
  - Header
  - Logo Style
  - Navigation Menu Style 
  - Overlay Menu

* INTRO
  - intro

* ELEMENTS
  - Skills Bar
  - Team Box
  - Tabs
  - Accordion & Toggle
  - Counter
  - Pricing-box
  - Action-box
  - History-box
  - Client Logo
  - Social
  - pagination
  - Contact Form, Map, contact-info

  - Preloader
  - Countdown Clock
  
* FOOTER
  - Social
  - Copyright

* GLOBEL
  - Content Box (Services Box, Featured Box, icon-box, etc...)
  - Slider
  - Portfolio (Isotop Grid, box, Portfolio Single Page, etc...)
















  - Blog (Blog box, Blog page)


*/






/*==========================================================================================================*/
/* BASIC     ||---------------------------- */
/*==========================================================================================================*/

/*------------------------------------------------------------------*/
/* General Style */
/*------------------------------------------------------------------*/

body {
    color: #626262;
    font-family: "Open Sans",sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.6;
    margin: 0;
    padding: 0;
}

#page-wraper {
    position: relative;
    width: 100%;
}

.black-bg {
    background-color: #11845e;
}

.gray-bg {
    background-color: #e5e5e5;
}


.white-bg {
    background-color: #FFF;
}

.color-bg {
    background-color: #17a697;
}

.yellow-bg {
    background-color: #f4efb7;
}

.bg-cover-section, .small-bg-cover-section {
    background-size: cover;
    background-position: top center;
}

.dark-bg h1, .dark-bg h2, .dark-bg h3, .dark-bg h4, .dark-bg h5, .dark-bg h6,
.dark-bg p, .dark-bg p.small, .dark-bg p.large, .dark-bg p.lead, .dark-bg p.lead-lg,
.dark-bg .page-icon, .dark-bg .page-icon-sm,
.dark-bg ul, .dark-bg ol, .dark-bg li,
.dark-bg .alt-icon-top, .dark-bg .alt-icon-left, .dark-bg .alt-icon-right,
.dark-bg .counter-icon,
.dark-bg .skill-bar-percent {
    color: #333;
}

.bg-image {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    overflow: hidden;
    position: relative;
    width: 100%;
    /*background-attachment: fixed;*/
}

.bg-fixed {
    background-attachment: fixed;
}

#intro .bg-image, #intro.bg-image, #inner-intro .bg-image, #inner-intro.bg-image {
    background-attachment: fixed;
}

.slide-bg-image {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.overlay-dark, .overlay-dark20, .overlay-dark30, .overlay-dark40, .overlay-dark60, .overlay-dark80, .overlay-dark90, .overlay-light, .overlay-light80 {
    position: relative;
    z-index: 1;
}

    .overlay-dark:before, .overlay-dark20:before, .overlay-dark30:before, .overlay-dark40:before, .overlay-dark60:before, .overlay-dark80:before, .overlay-dark90:before, .overlay-light:before, .overlay-light80:before {
        left: 0;
        top: 0;
        position: absolute;
        width: 100%;
        height: 100%;
        content: "";
        z-index: -1;
    }

    .overlay-dark:before {
        background-color: rgb(17, 132, 94);
    }

    .overlay-dark20:before {
        background-color: rgba(34,34,34,0.2);
    }


























    .overlay-dark30:before {
        background-color: rgba(34,34,34,0.3);
    }

    .overlay-dark40:before {
        background-color: rgba(34,34,34,0.4);
    }

    .overlay-dark60:before {
        background-color: rgba(34,34,34,0.6);
    }

    .overlay-dark80:before {
        background-color: rgba(34,34,34,0.8);
    }

    .overlay-dark90:before {
        background-color: rgba(34,34,34,0.9);
    }


    .overlay-light:before {
        background-color: rgba(255,255,255,0.4);
    }

    .overlay-light80:before {
        background-color: rgba(255,255,255,0.8);
    }

.page-triangle {
    /*margin-bottom: 20px;*/
}

    .page-triangle::before {
        background-color: #e9e9e9;
        top: -100px;
    }

    .page-triangle::before {
        content: "";
        height: 100px;
        left: 50%;
        pointer-events: none;

        position: absolute;
        transform: translateX(-50%) rotate(45deg);
        -moz-transform: translateX(-50%) rotate(45deg);
        -ms-transform: translateX(-50%) rotate(45deg);

        -o-transform: translateX(-50%) rotate(45deg);
        -webkit-transform: translateX(-50%) rotate(45deg);
        width: 100px;
        z-index: 39;
    }

.page-icon {
    color: #333;
    font-size: 50px;
    line-height: 50px;
    padding-bottom: 15px;
    width: 100%;
}

.page-icon-sm {
    color: #333;
    font-size: 30px;
    margin-bottom: 15px;
    color: #fff;
}

.play-icon-lg, .play-icon-md {
    border: 4px solid #fff;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    display: block;
    color: #fff;
    text-align: center;
    background: none;
}

.pos-section {
    position: relative;
    overflow: hidden;
}

.play-icon-lg {
    font-size: 36px;
    height: 95px;
    line-height: 89px;
    margin: auto;
    width: 95px;
}

.play-icon-md {
    font-size: 28px;
    height: 75px;
    line-height: 67px;
    margin: auto;
    width: 75px;
}

    .play-icon-lg i, .play-icon-md i {
        margin-left: 8px;
    }





img {
    border: 0px none;
    outline: 0px none;
}

a {
    color: #222;
    cursor: pointer;
    text-decoration: none;
}

    a:hover {
        color: #229944;
    }

i.left, .i-left {
    margin-right: 6px;
}

i.right, .i-right {
    margin-left: 6px;
}

hr {
    border-top: 1px solid #eee !important;
    margin-bottom: 0;
    margin-top: 0;
    color: transparent;
}

.video {
    max-width: 100%;
    height: auto;
}

.rows {
    margin-left: -15px;
    margin-right: -15px;
}

embed,
object {
    max-width: 100%;
}

/* Font Style */

p, .nav-menu {
    font-family: 'Open Sans', sans-serif;
}

    h1, h2, h3, h4, h5, h6,
    .btn, button,
    .link, .link-dark, link-color,
    button, input, textarea, select,
    .portfolio-filter,
    p.lead-lg, .lead-lg,
    .overlay-menu-nav,
    .accordion .accordion-title, .toggle .toggle-title {
        /*font-family: 'Work Sans', sans-serif;*/
        font-family: 'Ubuntu', sans-serif;
    }



/*------------------------------------------------------------------*/
/* Typography Style */
/*------------------------------------------------------------------*/

/* Heading */
h1, h2, h3, h4, h5, h6 {
    color: #222;
    font-weight: 300;
    margin-top: 0px;
    line-height: 1.5;
    margin-bottom: 15px;
    font-family: oswald;
}

h1 {
    font-size: 44px;
}

h2 {
    font-size: 32px;
}

h3 {
    font-size: 26px;
}

h4 {
    font-size: 22px;
}

h5 {
    font-size: 18px;
}

h6 {
    font-size: 16px;
}

    h1.white, h2.white, h3.white, h4.white, h5.white, h6.white, h6 .white {
        color: #fff;
    }

    h1.color, h2.color, h3.color, h4.color, h5.color, h6.color, h6 .color {
        color: #17a697;
    }

/* Alternate Hadding */
.alt-title {
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1px;
}

















h1.alt-title {
    font-size: 22px;

    margin-bottom: 25px;

}

h2.alt-title {
    font-size: 20px;
}

h3.alt-title {
    font-size: 18px;
}

h4.alt-title {
    font-size: 16px;
}

h5.alt-title {
    font-size: 14px;
}

h6.alt-title {
    font-size: 12px;
}

/*Site Title*/

.page-title {
    margin-bottom: 60px;
}

.page-title2 {
    margin-bottom: 30px;
}

.content-title {
    margin-bottom: 25px;
}

.features-title {
    margin-bottom: 15px;
}


/*Paragraph*/

.page-content {
    margin-bottom: 60px;
}

p {
    font-size: 14px;
    color: #2c2c2c;
    line-height: 1.6;
    font-weight: 400;
    margin-bottom: 15px;
    margin-top: 0px;
    font-family: Roboto Slab;
}

    p.small {
        font-size: 12px;
    }

    p.large {
        font-size: 16px;
    }

    p.lead {
        font-size: 18px;
        font-weight: 300;
    }



    p.lead-lg {
        font-size: 20px;
        font-weight: 300;
        margin-bottom: 20px;
    }

    p.white, p.small.white, p.large.white, p.lead.white, p .white, .white {

        color: #ffffff;

    }


    p.dark, p.small.dark, p.large.dark, p.lead.dark, p .dark, .dark {
        color: #626262;
    }

    p.color p.small.color, p.large.color, p.lead.color, p .color, .color {
        color: #17a697;
    }

.yellow {
    color: #f4efb7;
}


/* Text weight */

.text-light {
    font-weight: 300;
}

.text-regular {
    font-weight: 400;
}

.text-medium {
    font-weight: 500;
}

.text-bold {
    font-weight: 600;
}

.text-bolder {
    font-weight: 700;
}

.text-italic {
    font-style: italic;
}

.max-width-700 {
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
}

/* listing */
ul.list-inside {
    padding-left: 0px;
    list-style: inside;
    margin-bottom: 25px;
    font-size: 16px;
}

ul.list-none {
    list-style: none;
    padding-left: 0px;
    margin: 0;
}


/*Links & Anchor Tag*/
.dark-bg a {
}

    .dark-bg a:hover {
    }

a {
    outline: none;
    text-decoration: none;
    transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
}


.link, .link-d {
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-size: 12px;
    font-weight: 400;
    color: inherit;
    padding-bottom: 2px;
    text-decoration: none;
    transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
}

.link {
    color: #222;
}

    .Link:hover {
        color: #17a697;
    }

.link-d {
    color: #fff;
}

    .link-d:hover {
        color: #17a697;
    }


/*------------------------------------------------------------------*/
/* Button Style */
/*------------------------------------------------------------------*/

.btn, button {
    font-size: 12px;
    line-height: 1;
    font-weight: 600;
    letter-spacing: 1px;
    text-decoration: none !important;
    text-transform: uppercase;
    text-align: center;
    transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    outline: none;
    border-width: 1px;
    border-style: solid;
    display: inline-block;
    vertical-align: middle;
}

    .btn i, button i, i.left {
        margin-right: 6px;
    }

i.right {
    margin-left: 6px;
    margin-right: 0px !important;
}

.btn-sm {
    padding: 11px 30px !important;
    display: inline-block;
}

.btn-md {
    padding: 13px 25px !important;
    display: inline-block;
}

.btn-lg {
    padding: 15px 30px !important;
    display: inline-block;
    border: none;
}

.btn-xlg {
    padding: 17px 30px !important;
    display: inline-block;
}

.btn-black {
    background-color: #222;
    border-color: transparent;
    color: #fff;
}

    .btn-black:hover {
        background-color: #229944;
        border-color: transparent;
        color: #fff;
    }

.btn-color {
    background-color: #17a697;
    border-color: transparent;
    color: #fff;
}

    .btn-color:hover {
        background-color: #1db2a2;
        border-color: transparent;
        color: #fff;
    }

.btn-white {
    background-color: rgba(255,255,255,1);
    border-color: transparent;
    color: #222;
    font-family: oswald;
}

    .btn-white:hover {
        background-color: rgb(34, 153, 68);
        border-color: white;
        color: #fff;
    }

.btn-white-outline {
    background-color: transparent;
    border-color: #fff;
    color: #fff;
}

    .btn-white-outline:hover {
        background-color: #fff;
        border-color: #fff;
        color: #222;
    }

.btn-black-outline {
    background-color: transparent;
    border-color: #222;
    color: #222;









}

    .btn-black-outline:hover {
        background-color: #222;
        border-color: #222;
        color: #fff;
    }


.btn-color-outline {
    background-color: transparent;
    border-color: #17a697;
    color: #17a697;
}

    .btn-color-outline:hover {
        background-color: #17a697;
        border-color: #17a697;
        color: #fff;
    }

/*------------------------------------------------------------------*/
/* Form Style */
/*------------------------------------------------------------------*/
form {
    position: relative;
}

button {
    outline: none;
}

button, html input[type="button"], input[type="reset"], input[type="submit"] {
    cursor: pointer;
    display: inline-block;
}

button, input, textarea, select {
    font-size: 12px;
}

    input, input[type="text"], input[type="email"], input[type="tel"], input[type="number"], input[type="password"], input[type="radio"], input[type="checkbox"], textarea, select {
        border: 1px solid rgb(185, 183, 183);
        background: rgb(255, 255, 255);
        -webkit-border-radius: 0px !important;
        -moz-border-radius: 0px !important;
        border-radius: 6px !important;
        color: #000;
        outline: none;
        font-weight: 500;
        font-size: 12px;
        padding-left: 15px;
        padding-right: 15px;
        transition: all 0.2s cubic-bezier(0, 0, 0.58, 1) 0s;
        -moz-transition: all 0.2s cubic-bezier(0, 0, 0.58, 1) 0s;
        -webkit-transition: all 0.2s cubic-bezier(0, 0, 0.58, 1) 0s;
        -o-transition: all 0.2s cubic-bezier(0, 0, 0.58, 1) 0s;
        display: inline-block;
        text-transform: uppercase;
        line-height: 1;
        vertical-align: middle;
    }

        input[type="text"]:hover, input[type="email"]:hover, input[type="tel"]:hover, input[type="number"]:hover, input[type="radio"]:hover, input[type="checkbox"]:hover, input[type="password"]:hover, textarea:hover, select:hover {
            border: 1px solid rgba(0, 0, 0, 0.2);
        }

        input[type="text"]:focus, input[type="email"]:focus, input[type="tel"]:focus, input[type="number"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus, input[type="password"]:focus, textarea:focus {
            border: 1px solid rgba(0, 0, 0, 0.7);
            color: #333;
        }

        input.input-sm, .input-sm {
            padding-top: 11px;
            padding-bottom: 11px;
        }

        input.input-md, .input-md {
            padding-top: 13px;
            padding-bottom: 13px;
        }

        input.input-lg, .input-lg {
            padding-top: 15px;
            padding-bottom: 15px;
        }

        input.input-xlg, .input-xlg {
            padding-top: 17px;
            padding-bottom: 17px;
        }

textarea {
    height: 120px;
    font-size: 13px !important;
}

label {
    color: #333;
    font-size: 12px;
    margin-bottom: 10px;
    padding-right: 3px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-top: 6px;
    font-family: 'Raleway', sans-serif;

}

.input-fancy {
    border-top: none !important;
    border-left: none !important;

    border-right: none !important;
}

.form-full {
    width: 100%;
}

.form-full-height {
    height: 100%;
}

.form-field-wrapper {
    margin-bottom: 20px;
    position: relative;
}

form .error {
    border-color: #e1534f;
}

form label.error {
    margin-bottom: 0px;
    margin-top: 3px;
    color: #e1534f;
    font-size: 12px;
    font-weight: 400;
}

.successContent, .errorContent {
    margin-bottom: 20px;
    display: none;
    text-transform: none;
    letter-spacing: 1px;
}

.newsletter-input {
    max-width: 280px;
}

/*------------------------------------------------------------------*/
/* Spacer Style */
/*------------------------------------------------------------------*/
/*spacing*/
.spacer-15 {
    height: 15px;
    width: 100%;
}



.spacer-30 {


    height: 30px;
    width: 100%;
}

.spacer-45 {
    height: 45px;
    width: 100%;
}

.spacer-60 {
    height: 60px;
    width: 100%;
}


.spacer-75 {

    height: 75px;




    width: 100%;
}

.spacer-90 {

    height: 90px;

    width: 100%;
}


/*padding*/
.section-padding {
    padding-top: 100px;
    padding-bottom: 100px;
}

.section-padding-t {
    padding-top: 120px;
}

.section-padding-b {
    padding-bottom: 120px;
}
/*--*/
.p-90 {
    padding: 90px;
}

.ptb-90 {
    padding-top: 90px;
    padding-bottom: 90px;
}

.plt-90 {
    padding-left: 90px;
    padding-right: 90px;
}

.pt-90 {
    padding-top: 90px;
}

.pb-90 {
    padding-bottom: 90px;
}
/*--*/
.p-85 {
    padding: 85px;
}

.ptb-85 {
    padding-top: 85px;
    padding-bottom: 85px;
}

.plt-85 {
    padding-left: 85px;
    padding-right: 85px;
}

.pt-85 {
    padding-top: 85px;
}

.pb-85 {
    padding-bottom: 85px;
}
/*--*/
.p-80 {
    padding: 80px;
}

.ptb-80 {
    padding-top: 80px;
    padding-bottom: 80px;
}

.plt-80 {
    padding-left: 80px;
    padding-right: 80px;
}

.pt-80 {
    padding-top: 80px;
}

.pb-80 {
    padding-bottom: 80px;
}
/*--*/
.p-75 {
    padding: 75px;
}

.ptb-75 {
    padding-top: 75px;
    padding-bottom: 75px;
}

.plt-75 {
    padding-left: 75px;
    padding-right: 75px;
}

.pt-75 {
    padding-top: 75px;
}

.pb-75 {
    padding-bottom: 75px;
}
/*--*/
.p-70 {
    padding: 70px;
}

.ptb-70 {
    padding-top: 70px;
    padding-bottom: 70px;
}

.plt-70 {
    padding-left: 70px;
    padding-right: 70px;
}

.pt-70 {
    padding-top: 70px;
}

.pb-70 {
    padding-bottom: 70px;
}
/*--*/
.p-65 {
    padding: 65px;
}

.ptb-65 {
    padding-top: 65px;
    padding-bottom: 65px;
}

.plt-65 {
    padding-left: 65px;
    padding-right: 65px;
}

.pt-65 {
    padding-top: 65px;
}

.pb-65 {
    padding-bottom: 65px;
}
/*--*/
.p-60 {
    padding: 60px;
}

.ptb-60 {
    padding-top: 60px;
    padding-bottom: 60px;
}

.plt-60 {
    padding-left: 60px;
    padding-right: 60px;
}

.pt-60 {
    padding-top: 60px;
}

.pb-60 {
    padding-bottom: 60px;
}
/*--*/
.p-55 {
    padding: 55px;
}

.ptb-55 {
    padding-top: 55px;
    padding-bottom: 55px;
}

.plt-55 {
    padding-left: 55px;
    padding-right: 55px;
}

.pt-55 {
    padding-top: 55px;
}

.pb-55 {
    padding-bottom: 55px;
}
/*--*/
.p-50 {
    padding: 50px;
}

.ptb-50 {
    padding-top: 50px;
    padding-bottom: 50px;
}

.plt-50 {
    padding-left: 50px;
    padding-right: 50px;
}

.pt-50 {
    padding-top: 50px;
}

.pb-50 {
    padding-bottom: 50px;
}
/*--*/
.p-45 {
    padding: 45px;
}

.ptb-45 {
    padding-top: 45px;
    padding-bottom: 45px;
}

.plt-45 {
    padding-left: 45px;
    padding-right: 45px;
}

.pt-45 {
    padding-top: 45px;
}

.pb-45 {
    padding-bottom: 45px;
}
/*--*/
.p-40 {
    padding: 40px;
}

.ptb-40 {
    padding-top: 40px;
    padding-bottom: 40px;
}

.plt-40 {
    padding-left: 40px;

    padding-right: 40px;
}

.pt-40 {
    padding-top: 40px;
}

.pb-40 {
    padding-bottom: 40px;

}
/*--*/
.p-35 {
    padding: 35px;

}

.ptb-35 {
    padding-top: 35px;
    padding-bottom: 35px;
}

.plt-35 {
    padding-left: 35px;
    padding-right: 35px;
}

.pt-35 {
    padding-top: 35px;
}

.pb-35 {
    padding-bottom: 35px;
}
/*--*/
.p-30 {
    padding: 30px;
}

.ptb-30 {
    padding-top: 30px;
    padding-bottom: 30px;
}

.plt-30 {
    padding-left: 30px;
    padding-right: 30px;
}

.pt-30 {
    padding-top: 30px;
}

.pb-30 {
    padding-bottom: 30px;
}
/*--*/
.p-25 {
    padding: 25px;
}

.ptb-25 {
    padding-top: 25px;
    padding-bottom: 25px;
}

.plt-25 {
    padding-left: 25px;
    padding-right: 25px;
}

.pt-25 {
    padding-top: 25px;
}

.pb-25 {
    padding-bottom: 25px;
}
/*--*/

.p-20 {
    padding: 20px;

}


.ptb-20 {
    padding-top: 20px;
    padding-bottom: 20px;
}

.plt-20 {
    padding-left: 20px;
    padding-right: 20px;
}


.pt-20 {
    padding-top: 20px;
}


.pb-20 {
    padding-bottom: 20px;
}
/*--*/
.p-15 {

    padding: 15px;
}


.ptb-15 {
    padding-top: 15px;
    padding-bottom: 15px;
}

.plr-15 {
    padding-left: 15px;
    padding-right: 15px;
}

.plt-15 {
    padding-left: 15px;
    padding-right: 15px;
}

.pt-15 {
    padding-top: 15px;
}

.pb-15 {
    padding-bottom: 15px;
}
/*--*/
.p-10 {
    padding: 10px;
}

.ptb-10 {
    padding-top: 10px;
    padding-bottom: 10px;
}

.plt-10 {
    padding-left: 10px;
    padding-right: 10px;
}

.pt-10 {
    padding-top: 10px;
}

.pb-10 {
    padding-bottom: 10px;
}
/*--*/
.p-5 {
    padding: 5px;
}

.ptb-5 {
    padding-top: 5px;
    padding-bottom: 5px;
}

.plt-5 {
    padding-left: 5px;
    padding-right: 5px;
}

.pt-5 {
    padding-top: 5px;
}

.pb-5 {
    padding-bottom: 5px;
}



/*margrin*/
.container-margin {
    margin-top: 120px;
    margin-bottom: 120px;
}

.container-margin-t {
    margin-top: 120px;
}

.container-margin-b {
    margin-bottom: 120px;
}

/*--*/
.m-90 {
    margin: 90px;
}

.mtb-90 {
    margin-top: 90px;
    margin-bottom: 90px;
}

.mlt-90 {
    margin-left: 90px;
    margin-right: 90px;
}

.mt-90 {
    margin-top: 90px;
}

.mb-90 {
    margin-bottom: 90px;
}
/*--*/
.m-85 {
    margin: 85px;
}

.mtb-85 {
    margin-top: 85px;
    margin-bottom: 85px;
}

.mlt-85 {
    margin-left: 85px;
    margin-right: 85px;
}

.mt-85 {
    margin-top: 85px;
}

.mb-85 {
    margin-bottom: 85px;
}
/*--*/
.m-80 {
    margin: 80px;
}

.mtb-80 {
    margin-top: 80px;
    margin-bottom: 80px;
}

.mlt-80 {
    margin-left: 80px;
    margin-right: 80px;
}

.mt-80 {
    margin-top: 80px;
}

.mb-80 {
    margin-bottom: 80px;
}
/*--*/
.m-75 {
    margin: 75px;
}

.mtb-75 {
    margin-top: 75px;
    margin-bottom: 75px;
}

.mlt-75 {
    margin-left: 75px;
    margin-right: 75px;
}

.mt-75 {
    margin-top: 75px;
}

.mb-75 {
    margin-bottom: 75px;
}
/*--*/
.m-70 {
    margin: 70px;
}

.mtb-70 {
    margin-top: 70px;
    margin-bottom: 70px;
}

.mlt-70 {
    margin-left: 70px;
    margin-right: 70px;
}

.mt-70 {
    margin-top: 70px;
}

.mb-70 {
    margin-bottom: 70px;
}
/*--*/
.m-65 {
    margin: 65px;
}

.mtb-65 {
    margin-top: 65px;
    margin-bottom: 65px;
}

.mlt-65 {
    margin-left: 65px;
    margin-right: 65px;
}

.mt-65 {
    margin-top: 65px;
}

.mb-65 {
    margin-bottom: 65px;
}
/*--*/
.m-60 {
    margin: 60px;
}

.mtb-60 {
    margin-top: 60px;
    margin-bottom: 60px;
}

.mlt-60 {
    margin-left: 60px;
    margin-right: 60px;
}

.mt-60 {
    margin-top: 60px;
}

.mb-60 {
    margin-bottom: 60px !important;
}
/*--*/
.m-55 {
    margin: 55px;
}

.mtb-55 {
    margin-top: 55px;
    margin-bottom: 55px;
}

.mlt-55 {
    margin-left: 55px;
    margin-right: 55px;
}


.mt-55 {

    margin-top: 55px;
}



.mb-55 {

    margin-bottom: 55px;

}
/*--*/
.m-50 {
    margin: 50px;
}


.mtb-50 {
    margin-top: 50px;

    margin-bottom: 50px;
}


.mlt-50 {
    margin-left: 50px;
    margin-right: 50px;
}

.mt-50 {
    margin-top: 50px;
}





.mb-50 {
    margin-bottom: 50px !important;
}
/*--*/
.m-45 {
    margin: 45px;
}

.mtb-45 {
    margin-top: 45px;
    margin-bottom: 45px;
}

.mlt-45 {
    margin-left: 45px;
    margin-right: 45px;
}

.mt-45 {
    margin-top: 45px;
}

.mb-45 {
    margin-bottom: 45px;
}
/*--*/
.m-40 {
    margin: 40px;
}

.mtb-40 {
    margin-top: 40px;
    margin-bottom: 40px;
}

.mlt-40 {
    margin-left: 40px;
    margin-right: 40px;
}

.mt-40 {
    margin-top: 40px;
}

.mb-40 {
    margin-bottom: 40px;
}
/*--*/
.m-35 {
    margin: 35px;
}

.mtb-35 {

    margin-top: 35px;
    margin-bottom: 35px;
}

.mlt-35 {
    margin-left: 35px;
    margin-right: 35px;
}

.mt-35 {
    margin-top: 35px;
}

.mb-35 {
    margin-bottom: 35px;
}

/*--*/



.m-30 {
    margin: 30px;
}


.mtb-30 {
    margin-top: 30px;
    margin-bottom: 30px;
}

.mlt-30 {
    margin-left: 30px;
    margin-right: 30px;
}

.mt-30 {
    margin-top: 30px;
}

.mb-30 {
    margin-bottom: 30px;
}
/*--*/
.m-25 {
    margin: 25px;
}

.mtb-25 {
    margin-top: 25px;
    margin-bottom: 25px;
}

.mlt-25 {
    margin-left: 25px;
    margin-right: 25px;
}

.mt-25 {
    margin-top: 25px;
}

.mb-25 {
    margin-bottom: 25px;
}
/*--*/
.m-20 {
    margin: 20px;
}

.mtb-20 {
    margin-top: 20px;
    margin-bottom: 20px;
}

.mlt-20 {
    margin-left: 20px;
    margin-right: 20px;
}

.mt-20 {
    margin-top: 20px;
}

.mb-20 {
    margin-bottom: 20px;
}
/*--*/
.m-15 {
    margin: 15px;
}

.mtb-15 {
    margin-top: 15px;
    margin-bottom: 15px;
}

.mlt-15 {
    margin-left: 15px;
    margin-right: 15px;
}

.mt-15 {
    margin-top: 15px;
}

.mb-15 {
    margin-bottom: 15px;
}
/*--*/
.m-10 {
    margin: 10px;
}

.mtb-10 {
    margin-top: 10px;
    margin-bottom: 10px;
}

.mlt-10 {
    margin-left: 10px;
    margin-right: 10px;
}

.mt-10 {
    margin-top: 10px;
}

.mb-10 {
    margin-bottom: 10px;
}
/*--*/
.m-5 {
    margin: 5px;
}

.mtb-5 {
    margin-top: 5px;
    margin-bottom: 5px;
}

.mlt-5 {
    margin-left: 5px;
    margin-right: 5px;
}

.mt-5 {
    margin-top: 5px;
}

.mb-5 {
    margin-bottom: 5px;
}
/*--*/
.m-0 {
    margin: 0px;
}

.mtb-0 {
    margin-top: 0px;
    margin-bottom: 0px;
}

.mlt-0 {
    margin-left: 0px;
    margin-right: 0px;
}

.mt-0 {
    margin-top: 0px;
}

.mb-0 {
    margin-bottom: 0px !important;
}


@media (max-width: 767px) {
    /*extra small medium*/

    /*padding*/
    .section-padding {
        padding-top: 70px;
        padding-bottom: 60px;
    }

    .section-padding-t {
        padding-top: 70px;
    }

    .section-padding-b {
        padding-bottom: 70px;
    }

    /*margrin*/
    .container-margin {
        margin-top: 70px;
        margin-bottom: 70px;
    }

    .container-margin-t {
        margin-top: 70px;
    }

    .container-margin-b {
        margin-bottom: 70px;
    }

    .float-xs-left {
        float: left !important;
        text-align: left;
    }

    .float-xs-right {
        float: right !important;
        text-align: right;
    }

    .p-xs-0 {
        padding: 0px;
    }

    .ptb-xs-0 {
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .plt-xs-0 {
        padding-left: 0px;
        padding-right: 0px;
    }

    .pt-xs-0 {
        padding-top: 0px;
    }

    .pb-xs-0 {
        padding-bottom: 0px;
    }


    .mtb-xs-30 {
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .mlt-xs-30 {
        margin-left: 30px;
        margin-right: 30px;
    }

    .mt-xs-30 {
        margin-top: 30px;
    }

    .mb-xs-30 {

        margin-bottom: 30px;
    }

    /* 0 */

    .mtb-xs-0 {
        margin-top: 0px;
        margin-bottom: 0px;

    }

    .mlt-xs-0 {

        margin-left: 0px;
        margin-right: 0px;
    }

    .mt-xs-0 {
        margin-top: 0px;
    }

    .mb-xs-0 {
        margin-bottom: 0px;
    }
}

@media (max-width: 991px) {
    .p-sm-0 {
        padding: 0px;
    }

    .ptb-sm-0 {
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .plt-sm-0 {
        padding-left: 0px;
        padding-right: 0px;
    }

    .pt-sm-0 {
        padding-top: 0px;
    }

    .pb-sm-0 {
        padding-bottom: 0px;
    }


    /* 45 */
    .mtb-sm-45 {
        margin-top: 45px;
        margin-bottom: 45px;
    }

    .mlt-sm-45 {
        margin-left: 45px;
        margin-right: 45px;
    }

    .mt-sm-45 {


        margin-top: 45px;

    }


    .mb-sm-45 {
        margin-bottom: 45px;
    }

    /* 30 */
    .mtb-sm-30 {
        margin-top: 30px;
        margin-bottom: 30px;


    }

    .mlt-sm-30 {


        margin-left: 30px;

        margin-right: 30px;
    }

    .mt-sm-30 {
        margin-top: 30px;
    }

    .mb-sm-30 {
        margin-bottom: 30px;
    }

    /* 0 */
    .mtb-sm-0 {
        margin-top: 0px;
        margin-bottom: 0px;
    }

    .mlt-sm-0 {
        margin-left: 0px;
        margin-right: 0px;
    }

    .mt-sm-0 {
        margin-top: 0px;
    }

    .mb-sm-0 {
        margin-bottom: 0px;
    }
}



/*==========================================================================================================*/
/* HEADER     ||---------------------------- */
/*==========================================================================================================*/

/*------------------------------------------------------------------*/
/* Header Style */
/*------------------------------------------------------------------*/
.header {
    position: absolute;
    text-align: center;
    top: 47px;
    z-index: 1000;
    color: #fff;
    width: 100%;
    height: 85px;
    transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
    -o-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
    -moz-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
    -webkit-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
    background: rgba(0, 0, 0, 0.85);
    /* border-bottom: 3px solid rgb(0, 0, 0); */
    /* margin-top: 45px; */
}

    .header.header-prepare, .header.header-light.header-prepare {
        background-color: rgba(255, 255, 255, 0.95);
        /* border-bottom: 1px solid #f0f0f0; */
    }

    .header.header-dark.header-prepare {
        background-color: rgba(34, 34, 34, 0.95);
        border-bottom: 0px none;
    }

    .header.header-fixed {
        display: block;
        margin-top: 0 !important;
        position: fixed;
        height: 68px;
        background: black;
        top: 0px;
    }

.header-inner {
    padding-left: 30px;
    padding-right: 30px;
    position: relative;
}

.header-fixed .logo a {
    margin-top: 15px;
    margin-bottom: 15px;
    transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
    -o-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
    -moz-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
    -webkit-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
}

.header-fixed .nav-menu ul.nav-menu-inner > li > a {
    padding-top: 22px;
    padding-bottom: 22px;
}

/*header Logo style*/
.header.header-prepare .logo a img.logo-light,
.header .logo a img.logo-dark {
    opacity: 0;
}

.header .logo a img.logo-light,
.header.header-prepare .logo a img.logo-dark,
.header.header-light .logo a img.logo-dark {
    opacity: 1;
}

.header.header-dark.header-prepare .logo a img.logo-dark,
.header.header-dark .logo a img.logo-dark {
    opacity: 0;
}

.header.header-dark.header-prepare .logo a img.logo-light,
.header.header-dark .logo a img.logo-light {
    opacity: 1;
}

@media all and (min-width: 1025px) {

    /*header nav style*/
    .header.header-prepare .nav-menu ul.nav-menu-inner > li > a {
        color: rgb(255, 255, 255);

    }


        .header.header-prepare .nav-menu ul.nav-menu-inner > li:hover > a,
        .header.header-prepare .nav-menu ul.nav-menu-inner > li > a:hover {
            color: rgb(255, 255, 255);
        }

    .header.header-dark.header-prepare .nav-menu ul.nav-menu-inner > li > a {
        color: rgba(255,255,255,0.75);
    }

        .header.header-dark.header-prepare .nav-menu ul.nav-menu-inner > li:hover > a,
        .header.header-dark.header-prepare .nav-menu ul.nav-menu-inner > li > a:hover {
            color: rgba(255,255,255,1);
        }
}

@media all and (max-width: 1024px) {
    .header {
        height: 58px;
    }

    .header-inner {
        padding-left: 30px;
        padding-right: 30px;
        position: relative;
        display: table;
        width: 100%;



    }

    .header .logo a {
        margin-top: 15px;
        margin-bottom: 15px;
        width: 100px;
        transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -webkit-transition: all 0.3s ease 0s;
    }
}


/*------------------------------------------------------------------*/
/* Logo Style */
/*------------------------------------------------------------------*/
.logo {
    float: left;
    text-align: left;
    display: inline-block;
}

    .logo a {
        width: 100px;
        display: block;
        margin-top: 29px;
        margin-bottom: 28px;
        transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
        -o-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
        -moz-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
        -webkit-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
        position: relative;
    }

        .logo a img {
            width: 210px;
            position: absolute;
            top: -22px;
            left: 0;
            transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
            -o-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
            -moz-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
            -webkit-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
        }



/*------------------------------------------------------------------*/
/* Navigation Menu Style */
/*------------------------------------------------------------------*/
.nav-menu {
    position: static;
    float: right;
    display: block;
}

    .nav-menu.active {
        display: block;
    }

    .nav-menu ul.nav-menu-inner {
        margin: 0;
        padding: 0;
        list-style: none;
    }

        .nav-menu ul.nav-menu-inner li {
            display: inline-block;
            list-style: none;
            text-align: left;
        }

        .nav-menu ul.nav-menu-inner > li > a {
            color: #fff;
        }

.header-light .nav-menu ul.nav-menu-inner > li > a {
    color: rgba(34, 34, 34, 0.6);
}




.nav-menu ul.nav-menu-inner li a {
    font-family: Oswald;
    display: block;
    font-size: 15px;
    line-height: 1;
    font-weight: lighter;
    text-transform: uppercase;
    letter-spacing: 1.6px;
    transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
    -o-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
    -moz-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
    -webkit-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
}

.nav-menu ul.nav-menu-inner > li > a {
    padding: 39px 15px;
}

.header .nav-menu ul.nav-menu-inner > li.active a,
.header .nav-menu ul.nav-menu-inner > li a.active,
.header .nav-menu ul.nav-menu-inner > li:hover > a,
.header .nav-menu ul.nav-menu-inner > li > a:hover,
.header.header-dark .nav-menu ul.nav-menu-inner > li.active a,
.header.header-dark .nav-menu ul.nav-menu-inner > li a.active,
.header.header-dark .nav-menu ul.nav-menu-inner > li:hover > a,
.header.header-dark .nav-menu ul.nav-menu-inner > li > a:hover,
.header.header-dark.header-prepare .nav-menu ul.nav-menu-inner li a.current,

.header.header-dark.header-prepare .nav-menu ul.nav-menu-inner li.current a {
    color: #ffffff;
    /* border-bottom: 2px solid; */
    padding-bottom: 31px;
    background: #229944;
}

.header.header-light .nav-menu ul.nav-menu-inner > li:hover > a,



.header.header-light .nav-menu ul.nav-menu-inner > li > a:hover,
.header.header-prepare .nav-menu ul.nav-menu-inner li a.current,
.header.header-prepare .nav-menu ul.nav-menu-inner li.current a {
    color: #222;
}

/* Mobile bar icon */
.nav-mobile.nav-bar-icon {
    display: none;
}

.nav-bar-icon {
    display: inline-block;
    float: right;
    position: relative;
    height: 16px;
    width: 20px;
    margin-top: 34px;
    margin-bottom: 35px;
    margin-left: 15px;
    transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
    -moz-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
    -o-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;


    -webkit-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
    cursor: pointer;



}


.header-fixed .nav-bar-icon {
    margin-top: 21px;
    margin-bottom: 21px;
}

.nav-bar-icon a {
    color: #fff;
    display: block;
    font-size: 17px;
    padding: 19px 0;
}

    .nav-bar-icon.active a, .nav-bar-icon a.active,
    .nav-bar-icon:hover a, .nav-bar-icon a:hover {
        color: #17a697;
    }

.nav-bar-icon > span {
    position: absolute;
    top: 50%;
    display: block;
    width: 20px;
    height: 2px;
    margin-top: -1px;
    background-color: #222;
    -webkit-transition: -webkit-transform 0.3s, background 0.25s ease;
    -webkit-transition: background 0.25s ease, -webkit-transform 0.3s;
    transition: background 0.25s ease, -webkit-transform 0.3s;
    transition: transform 0.3s, background 0.25s ease;
    transition: transform 0.3s, background 0.25s ease, -webkit-transform 0.3s;
}

    .nav-bar-icon > span:before,
    .nav-bar-icon > span:after {
        content: "";
        position: absolute;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #222;
        -webkit-transition: -webkit-transform 0.3s, background 0.25s ease;
        -webkit-transition: background 0.25s ease, -webkit-transform 0.3s;
        transition: background 0.25s ease, -webkit-transform 0.3s;
        transition: transform 0.3s, background 0.25s ease;
        transition: transform 0.3s, background 0.25s ease, -webkit-transform 0.3s;
    }

header .nav-bar-icon > span,
header .nav-bar-icon > span:before,
header .nav-bar-icon > span::after,
header.header-dark .nav-bar-icon > span,
header.header-dark .nav-bar-icon > span:before,
header.header-dark .nav-bar-icon > span::after,
header.header-dark.header-prepare .nav-bar-icon > span,
header.header-dark.header-prepare .nav-bar-icon > span:before,
header.header-dark.header-prepare .nav-bar-icon > span::after {
    background-color: #fff;
}

header.header-light .nav-bar-icon > span,
header.header-light .nav-bar-icon > span:before,
header.header-light .nav-bar-icon > span::after,
header.header-prepare .nav-bar-icon > span,
header.header-prepare .nav-bar-icon > span:before,
header.header-prepare .nav-bar-icon > span::after {
    background-color: #222;
}


.nav-bar-icon > span:before {
    -webkit-transform: translateY(-7px);
    transform: translateY(-7px);
    -o-transform: translateY(-7px);
    -ms-transform: translateY(-7px);
    -moz-transform: translateY(-7px);
}

.nav-bar-icon > span:after {
    -webkit-transform: translateY(7px);
    transform: translateY(7px);
    -o-transform: translateY(7px);
    -ms-transform: translateY(7px);
    -moz-transform: translateY(7px);
}

.nav-bar-icon.active {
    transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

    .nav-bar-icon.active > span:before {
        transform: rotate(90deg);
        -moz-transform: rotate(90deg);

        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
    }




    .nav-bar-icon.active > span:after {
        transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);

        -webkit-transform: rotate(90deg);
    }

/* Dropdown-menu */
.nav-menu > ul li {
    position: relative;
}

.sub-dropdown.dropdown {
    top: 100%;
    left: 0;
}

.sub-dropdown {
    position: absolute;
    left: 100%;
    top: 0;
    display: none;
    background: #229944 !important;
    padding: 0;
    width: 200px;
    color: red;
}

    .sub-dropdown li {
        width: 100%;
    }



    .sub-dropdown > li > a {
        padding: 13px 15px;
        display: block;
        color: rgb(255, 255, 255);
        border-bottom: 1px solid;
    }

    .sub-dropdown > li:hover > a {
        background: #1d7e39;


        color: #fff;

    }

    .sub-dropdown i {
        float: right;









    }


@media all and (max-width: 1024px) {
    .nav-menu ul.nav-menu-inner li {
        display: block;
        width: 100%;
    }

    .nav-menu {
        position: static;
        left: 0;
        top: 100%;
        float: none;
        display: none;
        width: 100%;
        background: rgba(34,34,34,0.85);
        overflow-y: auto;
        z-index: 999;
    }

    .nav-bar-icon, .nav-mobile.nav-bar-icon, .header-fixed .nav-bar-icon {
        display: inline-block;
        float: right;
        margin-top: 21px;
        margin-bottom: 21px;
    }

    .nav-menu ul.nav-menu-inner li a, .header-fixed .nav-menu ul.nav-menu-inner li a {
        padding: 15px 12px;
        border-top: 1px solid #444;
    }


    /* Dropdown */
    .sub-dropdown.dropdown, .sub-dropdown {
        top: 100%;
        position: relative;
        left: 0;
        width: 100%;
    }

        .sub-dropdown a {
            padding-left: 30px !important;
        }

    .header .nav-menu ul.nav-menu-inner li a.current,
    .header .nav-menu ul.nav-menu-inner li.current a,
    .header.header-light .nav-menu ul.nav-menu-inner > li:hover > a,
    .header.header-light .nav-menu ul.nav-menu-inner > li > a:hover,
    .header.header-prepare .nav-menu ul.nav-menu-inner li a.current,
    .header.header-prepare .nav-menu ul.nav-menu-inner li.current a {
        color: #fff;
    }

    .header-light .nav-menu ul.nav-menu-inner > li > a {
        color: rgba(255,255,255,0.60);
    }
}


/*------------------------------------------------------------------*/
/* Overlay Menu */
/*------------------------------------------------------------------*/
.overlay-menu {
    background: rgba(0, 0, 0, 0.9) none repeat scroll 0 0;
    display: table;
    height: 100%;
    min-height: 100%;
    opacity: 0;
    position: fixed;
    visibility: hidden;
    width: 100%;
    z-index: 9999;
    transition: all 0.4s ease-in-out 0s;
    -o-transition: all 0.4s ease-in-out 0s;
    -moz-transition: all 0.4s ease-in-out 0s;
    -webkit-transition: all 0.4s ease-in-out 0s;
    top: 0px;
    left: 0px;
    overflow: auto;
    padding: 50px 0;
}

    .overlay-menu.active {
        opacity: 1;
        top: 0;
        visibility: visible;
    }

    .overlay-menu .overlay-menu-inner {
        display: table-cell;
        height: 100%;
        text-align: center;
        vertical-align: middle;
        width: 100%;
    }

        .overlay-menu .overlay-menu-inner nav {
            display: block;
        }

.overlay-menu-nav {
    list-style: none;
    margin: 0;
    padding: 0;
    max-width: 290px;
    margin: auto;
}

.overlay-menu .overlay-menu-nav {
    opacity: 0.2;
    transform: translateY(-15%) rotateX(35deg);
    -moz-transform: translateY(-15%) rotateX(35deg);
    -ms-transform: translateY(-15%) rotateX(35deg);
    -o-transform: translateY(-15%) rotateX(35deg);
    -webkit-transform: translateY(-15%) rotateX(35deg);
    transition: transform 0.5s ease 0s, opacity 0.5s ease 0s;
    -moz-transition: transform 0.5s ease 0s, opacity 0.5s ease 0s;
    -o-transition: transform 0.5s ease 0s, opacity 0.5s ease 0s;
    -webkit-transition: transform 0.5s ease 0s, opacity 0.5s ease 0s;
}

.overlay-menu.active .overlay-menu-nav {
    opacity: 1;
    transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);
    -o-transform: rotateX(0deg);
    -webkit-transform: rotateX(0deg);
}


.overlay-menu-nav li {
    display: block;
}

    .overlay-menu-nav li a {
        color: #fff;
        text-transform: uppercase;
        font-size: 20px;
        font-weight: 400;
        padding-top: 5px;
        padding-bottom: 5px;

        letter-spacing: 2px;
        display: block;
    }

    .overlay-menu-nav li:hover a {
        color: #17a697;
    }

.overlay-menu-close {
    color: #fff;
    height: 16px;
    line-height: 40px;
    position: absolute;
    right: 30px;
    text-align: center;
    top: 30px;

    width: 16px;
    transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    z-index: 1;
}

    .overlay-menu-close > span {
        position: absolute;
        top: 50%;
        display: block;
        width: 20px;
        height: 2px;
        background-color: #fff;
        -webkit-transition: -webkit-transform 0.3s, background 0.25s ease;
        -webkit-transition: background 0.25s ease, -webkit-transform 0.3s;
        transition: background 0.25s ease, -webkit-transform 0.3s;
        transition: transform 0.3s, background 0.25s ease;
        transition: transform 0.3s, background 0.25s ease, -webkit-transform 0.3s;
    }

        .overlay-menu-close > span:before,
        .overlay-menu-close > span:after {
            content: "";
            position: absolute;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: #fff;
            -webkit-transition: -webkit-transform 0.3s, background 0.25s ease;
            -webkit-transition: background 0.25s ease, -webkit-transform 0.3s;
            transition: background 0.25s ease, -webkit-transform 0.3s;
            transition: transform 0.3s, background 0.25s ease;
            transition: transform 0.3s, background 0.25s ease, -webkit-transform 0.3s;
            transform: rotate(90deg);
            -moz-transform: rotate(90deg);
            -ms-transform: rotate(90deg);
            -o-transform: rotate(90deg);
            -webkit-transform: rotate(90deg);
        }


    .overlay-menu-close:hover > span,
    .overlay-menu-close:hover > span:before,
    .overlay-menu-close:hover > span:after {
        background-color: #17a697;
    }

@media all and (max-width: 960px) {
    .overlay-menu-active .overlay-menu {
        position: absolute;
    }

    .overlay-menu-active #page-wraper {
        position: fixed;
    }
}






/*==========================================================================================================*/
/* INTRO     ||---------------------------- */
/*==========================================================================================================*/

/*------------------------------------------------------------------*/
/* Intro */
/*------------------------------------------------------------------*/

#intro {
    position: relative;
    overflow: hidden;
}

.intro-media-wraper {
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.intro-bg-section {
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}

.intro-caption-waper {
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 2;
}

.intro-caption-top {
    z-index: 2;
}

.intro-content {
    display: table;
    height: 100%;
    text-align: center;
    width: 100%;
}


.intro-content-inner {
    display: table-cell;
    height: 100%;
    vertical-align: middle;
}


.intro-img-circle {
    margin-left: auto;
    margin-right: auto;
    width: 120px;
    height: 120px;
    border: 5px solid rgba(0,0,0, 0.2);
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    margin-bottom: 30px;
}

    .intro-img-circle img {
        outline: none;
        border: none;
        width: 100%;
        height: 100%;
        border-radius: 50%;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
    }

.intro-play-icon {
    text-align: center;
}

.intro-sub-title {

    letter-spacing: 1.5px;


}

.intro-title {

    font-size: 70px;
    margin-top: 40px;
    margin-bottom: 40px;
    font-weight: 400;
    line-height: 1.1;

    /*letter-spacing: -2px;*/
}

.intro-title-sm {
    font-size: 44px !important;







    margin-top: 30px;
    font-weight: 400;
    margin-bottom: 0;
}

.error-intro-title {
    font-size: 100px;
    margin-top: 0;
    margin-bottom: 0;
    font-weight: 600;

    line-height: 1.1;
}

.inner-intro {
    position: relative;
    padding: 70px 0;
}

    .inner-intro h1 {
        font-size: 54px;
        margin-top: 30px;
    }

@media (max-width: 1024px) {
    .intro-title {
        letter-spacing: 0;
        font-size: 46px;
    }
}

@media (max-width: 767px) {
    .intro-title {
        letter-spacing: 0;
        font-size: 30px;
    }
}

/*------------------------------------------------------------------*/
/* Slider */
/*------------------------------------------------------------------*/

.sc-logo {
    /*margin-top: 0px;
    margin-bottom:0;*/
    text-align: center;
}

.sc-title {
    font-weight: 800;
    text-align: center;
    /*margin-top: 0px;
    margin-bottom:0;*/
}

.sc-paragraph-lead {
    font-family: Georgia;
    font-style: italic;
    font-size: 20px;
    text-align: center;
    /*margin-top: 0px;
    margin-bottom:0;*/
}

.sc-button {
}





/*==========================================================================================================*/
/* ELEMENTS     ||---------------------------- */
/*==========================================================================================================*/

/*------------------------------------------------------------------*/
/* Skills Bar */
/*------------------------------------------------------------------*/

.skillbar {
    position: relative;
    display: block;
    width: 100%;
    margin-bottom: 20px;
}

.skillbar-bar {
    background: rgba(34,34,34,0.07);
    width: 100%;
}

.skillbar-bar-child {
    height: 4px;
    width: 0px;
    background: #17a697;
    -webkit-transition-property: width, background-color;
    -moz-transition-property: width, background-color;
    -ms-transition-property: width, background-color;
    -o-transition-property: width, background-color;
    transition-property: width, background-color;
}

.skillbar-title {
    display: inline-block;
    text-align: left;
    margin-bottom: 7px;
}

.skillbar-title, .skill-bar-percent {
}


.skill-bar-percent {
    float: right;
    display: inline-block;
    font-weight: 400;
    margin-top: 3px;
    font-size: 12px;
}



/*------------------------------------------------------------------*/
/* Team Box */
/*------------------------------------------------------------------*/

/* Team Box   ||-------------------*/
.team-item {
    padding-left: 15px;
    padding-right: 15px;
}

.team-item-img {
    position: relative;
}

    .team-item-img > img {
        width: 100%;
    }

    .team-item-img .team-item-detail {
        background: rgba(255,255,255,0.95);
        text-align: center;
        color: #fff;
        display: -webkit-flex;
        display: flex;
        height: 100%;
        width: 100%;
        position: absolute;

        top: 0px;
        left: 0px;

        opacity: 0;
        visibility: hidden;

        overflow: hidden;
        transition: all 0.5s ease-in-out 0s;
        -moz-transition: all 0.5s ease-in-out 0s;
        -webkit-transition: all 0.5s ease-in-out 0s;
        -o-transition: all 0.5s ease-in-out 0s;
    }

.team-item:hover .team-item-detail {
    opacity: 1;
    visibility: visible;
}


.team-item-img .team-item-detail .team-item-detail-inner, .cent-mid-content {
    margin: auto;
    padding: 25px;
}

    .team-item-img .team-item-detail .team-item-detail-inner .social {
        margin: 5px 0px 0px 0px;
        padding: 0px;
    }

        .team-item-img .team-item-detail .team-item-detail-inner .social li {
            list-style: none;
            display: inline-block;
            margin: 0px 8px;
        }

            .team-item-img .team-item-detail .team-item-detail-inner .social li a {
                border: 1px solid #222;
                color: #222;
                display: block;
                font-size: 14px;

                height: 28px;
                width: 28px;
                line-height: 1.8;
                transform: rotate(45deg);
                -moz-transform: rotate(45deg);
                -ms-transform: rotate(45deg);
                -o-transform: rotate(45deg);
                -webkit-transform: rotate(45deg);
                text-align: center;
            }

                .team-item-img .team-item-detail .team-item-detail-inner .social li a i {
                    transform: rotate(-45deg);
                    -moz-transform: rotate(-45deg);
                    -ms-transform: rotate(-45deg);
                    -o-transform: rotate(-45deg);
                    -webkit-transform: rotate(-45deg);
                }

                .team-item-img .team-item-detail .team-item-detail-inner .social li a:hover {
                    color: #fff;
                    background: #222;
                }

.team-item-info {
    padding-top: 15px;
    text-align: center;
}

    .team-item-info h5, .team-item-info h6 {
        margin-bottom: 5px;
    }

    .team-item-info p {
        margin-bottom: 0px;
    }


/*------------------------------------------------------------------*/
/* Tabs */
/*------------------------------------------------------------------*/
ul.icon-tab-nav, .icon-tab-nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;
}

    ul.icon-tab-nav li, .icon-tab-nav ul li {
        display: inline-block;
        width: 200px;
    }

.icon-tab-nav {
    display: block;
}

    .icon-tab-nav a {
        font-size: 44px;
        /*color: #aaa;*/
    }

    .icon-tab-nav .icon-tab-nav-title {
        margin-top: 10px;
    }

    .icon-tab-nav a, .icon-tab-nav .icon-tab-nav-title {
        transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        -webkit-transition: all 0.3s ease 0s;
    }

        .icon-tab-nav a.active, .icon-tab-nav a.active .icon-tab-nav-title,
        .icon-tab-nav a:hover, .icon-tab-nav a:hover .icon-tab-nav-title {
            color: #17a697;
        }


/*------------------------------------------------------------------*/
/* Accordion & Toggle*/
/*------------------------------------------------------------------*/
.accordion, .toggle {
    margin-bottom: 20px;
    margin-top: 0;
}

    .accordion .accordion-title, .toggle .toggle-title {
        font-size: 14px;
        font-weight: 400;
        letter-spacing: 1.5px;
        margin-bottom: 10px;
        text-transform: uppercase;
        font-weight: 400;
    }

    .accordion > .accordion-title > a:after, .toggle > .toggle-title > a:after {
        color: #222;
        content: "";
        font-family: "FontAwesome";
        font-size: 15px;
        font-style: normal;
        font-variant: normal;
        font-weight: normal;
        height: 15px;
        line-height: 15px;
        margin-top: -8px;


        position: absolute;
        right: 10px;
        text-align: center;
        text-transform: none;
        top: 50%;
        width: 15px;
        transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
        -o-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
        -moz-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
        -webkit-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
    }

    .accordion > .accordion-title > a, .toggle > .toggle-title > a {
        border: 1px solid #f1f1f1;
        background: #fff;
        color: #222;
        display: block;
        padding: 14px 20px;
        position: relative;
        text-decoration: none;
        transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
        -o-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
        -moz-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
        -webkit-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
        outline: none;
    }


        .accordion > .accordion-title > a.active, .toggle > .toggle-title > a.active {
            background-color: #f5f5f5;
            border-color: #f5f5f5;
            color: #222;
            cursor: default;
        }

            .accordion > .accordion-title > a.active:after, .toggle > .toggle-title > a.active:after {
                /*color: #fff;*/
                content: "";
            }

    .accordion > .accordion-content, .toggle > .toggle-content {
        font-size: 14px;
        line-height: 1.8;
        margin-bottom: 10px;
        padding: 10px 20px 10px;
    }


/*------------------------------------------------------------------*/
/* Counter */
/*------------------------------------------------------------------*/

.counter-group {
    position: relative;
}

.counter-group {
    position: relative;
}

.counter-icon {
    display: inline-block;
    font-size: 38px;
    vertical-align: top;
    margin-right: 20px;
}

.counter-content {
    display: inline-block;
    text-align: left;
}

.counter-title {
    font-family: inherit;
    font-size: 60px !important;
    line-height: 1;
    margin-bottom: 12px;
}

.counter-sub-title {
    margin-bottom: 0;
}


/*------------------------------------------------------------------*/
/* Pricing-box */
/*------------------------------------------------------------------*/

.pricing-box {
    background: #fff;
    border: 1px solid #eee;
    text-align: center;
    padding-top: 50px;
    padding-bottom: 50px;
}

    .pricing-box.highlight {
        border: 1px solid #f5f5f5;
        background: #f5f5f5;
    }

.pricing-padding {
    padding-top: 30px;
    padding-bottom: 30px;
}

.pricing-padding-t {
    padding-top: 30px;
}

.pricing-padding-b {
    padding-bottom: 30px;
}



.pricing-title, .pricing-price, .pricing-features, .pricing-button {
    padding-left: 15px;
    padding-right: 15px;

}

    .pricing-title h1, .pricing-title h2, .pricing-title h3, .pricing-title h4, .pricing-title h5, .pricing-title h6 {
        margin-bottom: 0px;
    }

.pricing-price {
    margin-top: 40px;
    margin-bottom: 40px;
}

    .pricing-price p {
        color: #222;
        line-height: 1;
    }

    .pricing-price .dollar {
        vertical-align: 32px;
        /*margin-right: 5px;*/
    }

    .pricing-price .dollar, .pricing-price .pricing-price-sm {
        font-size: 14px;
        font-weight: 400;
    }

    .pricing-price .pricing-price-sm {
        /*margin-left: 5px;*/
    }

    .pricing-price .pricing-price-lg {
        font-size: 60px;
        font-weight: 300;
    }

.pricing-features {
    font-size: 16px;
    margin-bottom: 45px;
}

    .pricing-features ul {
        list-style: none;
        padding: 0;
    }

        .pricing-features ul li {
            margin-bottom: 10px;
        }


/*------------------------------------------------------------------*/
/* Action-box */

/*------------------------------------------------------------------*/
.action-box-title {
    margin-bottom: 10px !important;
    line-height: 1.2 !important;
}

.action-box-content {
    margin-bottom: 0px !important;
}

/*------------------------------------------------------------------*/
/* History-box */
/*------------------------------------------------------------------*/
.history-box {
    padding: 30px;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    border-right: 1px solid #eee;
    border-left: 5px solid #eee;
}

.history-year {
    background: #222;
    padding: 5px 10px;
    color: #fff;
    display: inline-block;
    margin-bottom: 15px;
}

.history-title {
}

.history-sub-title {
    margin-bottom: 15px;
    font-weight: 400;

    color: #a0a0a0;
}

.history-content {
    margin-bottom: 0;
}

/*------------------------------------------------------------------*/
/* Client Logo */
/*------------------------------------------------------------------*/

.client-logo {



    height: 90px;
    text-align: center;

}


    .client-logo img {
        height: 64%;

    }


/*------------------------------------------------------------------*/
/* Social */
/*------------------------------------------------------------------*/
.social-box {
    position: relative;
}

    .social-box .social-icon, .social-box .social-link a, .social-box .social-link {
        color: #fff;
    }

    .social-box .social-icon {
        width: 105px;
        height: 105px;
        background: rgba(255,255,255,0.1);
        line-height: 105px;
        text-align: center;
        font-size: 30px;
        /*border-radius: 50%;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;*/
        /*border: 13px solid rgba(255, 255, 255, 0.05);*/
        cursor: pointer;
        margin: auto;
        transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        -webkit-transition: all 0.3s ease 0s;
        transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
    }

        .social-box .social-icon i {
            transform: rotate(-45deg);
            -moz-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
            -o-transform: rotate(-45deg);
            -webkit-transform: rotate(-45deg);
        }

    .social-box .social-link {
        margin-top: 35px;
        margin-bottom: 0px;
    }

    .social-box:hover .social-icon {
        background: #17a697;
    }

    .social-box:hover .social-link a {
        color: #17a697;
    }



/*------------------------------------------------------------------*/
/* Pagination */
/*------------------------------------------------------------------*/
.pagination-nav {
    display: block;
    position: relative;
    text-align: center;
    width: 100%;
}

    .pagination-nav ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }

        .pagination-nav ul li {
            display: inline-block;
            margin: 0 2px;
        }

            .pagination-nav ul li a {
                display: block;
                font-size: 14px;
                height: 36px;
                line-height: 36px;
                text-align: center;
                width: 36px;
                border: 1px solid #eee;
            }

                .pagination-nav ul li a.active {
                    border: 1px solid #222;
                    background: #222;
                    color: #fff;
                }

                    .pagination-nav ul li a.active:hover {
                        color: #fff;
                    }

                .pagination-nav ul li a:hover {
                    border: 1px solid #222;
                    color: #222;
                }

    .pagination-nav .prev {
        float: left;
        text-align: left;
    }

    .pagination-nav .next {
        float: right;
        text-align: left;
    }


        .pagination-nav .prev a, .pagination-nav .next a {

            width: auto;
            padding-left: 15px;





            padding-right: 15px;

        }

/*------------------------------------------------------------------*/
/* Contact Form, Map, contact-info */
/*------------------------------------------------------------------*/

.contact-info {
    position: relative;
}

    .contact-info p {
        margin-bottom: 0px;
    }

.home-contact-txt-msg {
    max-height: 114px;
}

form .error {
    text-align: left;
}

.map {
    height: 400px;
    width: 100%;
}





/*------------------------------------------------------------------*/
/* Preloader */
/*------------------------------------------------------------------*/
#preloader {
    background-color: rgba(255, 255, 255, 1);
    bottom: 0;

    display: block;
    left: 0;
    position: fixed;

    right: 0;
    top: 0;
    z-index: 99999999999;
}


.site-spinner {
    border: 1px solid #ddd;
    font-size: 50px;
    width: 50px;
    height: 50px;
    left: 50%;
    top: 50%;
    margin: -25px 0 0 -25px;
    position: absolute;
    text-align: center;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-animation: site-spin 1s linear infinite;
    -moz-animation: site-spin 1s linear infinite;
    animation: site-spin 1s linear infinite;
    border-top-color: #222;
}

@-webkit-keyframes site-spin {
    to {
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-moz-keyframes site-spin {
    to {
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes site-spin {
    to {
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

/*------------------------------------------------------------------*/
/* Countdown Clock */
/*------------------------------------------------------------------*/
.countdown-clock {
    display: block;
    list-style: none;
    text-align: center;
    padding: 0;
}

    .countdown-clock li {
        display: inline-block;
        padding: 0 10px;
    }

        .countdown-clock li span {
            font-size: 80px;
            font-weight: 600;
            line-height: 80px;
        }

        .countdown-clock li p {
            text-transform: uppercase;
            font-weight: 600;
            font-size: 12px;
            margin-top: 8px;
        }

        .countdown-clock li.seperator {
            vertical-align: top;
            line-height: 70px;
            font-size: 65px;
        }

    .countdown-clock.countdown-dark, .countdown-clock.countdown-dark li span, .countdown-clock.countdown-dark li p {
        color: #222;
    }



/*==========================================================================================================*/
/* FOOTER     ||---------------------------- */
/*==========================================================================================================*/

.footer {
    padding-top: 3px;
    /* padding-bottom: 120px; */
    background: #333334;
}

    /*------------------------------------------------------------------*/
    /* Social */
    /*------------------------------------------------------------------*/
    .footer .social {
        list-style: outside none none;
        padding: 0;
    }

        .footer .social li {
            display: inline-block;
            list-style: outside none none;
            margin: 0 8px;

        }


            .footer .social li a {

                border: 1px solid #222;
                display: block;
                font-size: 14px;
                height: 30px;
                line-height: 28px;
                text-align: center;
                width: 30px;
                transform: rotate(45deg);
                -moz-transform: rotate(45deg);
                -ms-transform: rotate(45deg);
                -o-transform: rotate(45deg);

                -webkit-transform: rotate(45deg);
            }

                .footer .social li a i, .footer .social li a span {
                    transform: rotate(-45deg);
                    -moz-transform: rotate(-45deg);
                    -ms-transform: rotate(-45deg);

                    -o-transform: rotate(-45deg);
                    -webkit-transform: rotate(-45deg);
                }

                .footer .social li a:hover {
                    background: #222 none repeat scroll 0 0;

                    color: #fff;

                }



/*------------------------------------------------------------------*/

/* Copyright */
/*------------------------------------------------------------------*/
.copyright {
    line-height: 1.9;
    padding-top: 20px;
}

.copy-link {
    letter-spacing: 4px;
    text-transform: uppercase;
    font-size: 12px;
    color: #fff;
}



/*==========================================================================================================*/
/* GLOBEL     ||---------------------------- */
/*==========================================================================================================*/

/*------------------------------------------------------------------*/
/* Content Box (Services Box, Featured Box, icon-box, etc...) */
/*------------------------------------------------------------------*/

.content-box, .content-box-with-bg {
    position: relative;
}



    .content-box.left {
        padding-left: 100px;
        text-align: left;
        margin-bottom: 35px;
        position: relative;
    }

    .content-box.right {
        padding-right: 100px;
        text-align: right;
        margin-bottom: 35px;
        position: relative;
    }

.content-box-with-bg {
    padding: 45px 30px 30px !important;
    background: #fff;
    border-radius: 3px;
    border: 1px dashed #eee;
    margin-bottom: 30px;
    transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
}

    .content-box-with-bg:hover {
        background: #f7f7f7;
        border-color: #f7f7f7;
    }


/*Icon Style 1*/

.content-box:hover .icon-top, .content-box:hover .icon-left, .content-box:hover .icon-right {
    background-color: #222;
    color: #fff;
}

.icon-top, .icon-left, .icon-right {
    background-color: #f5f5f5;
    display: inline-block !important;
    font-size: 26px;
    color: #333;
    height: 70px;
    line-height: 75px;
    width: 70px;
    text-align: center;
    transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
    transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

    .icon-top i, .icon-top span,
    .icon-left i, .icon-left span,
    .icon-right i, .icon-right span {
        transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
    }

.icon-top {
    margin-bottom: 45px;
}

.icon-left, .alt-icon-left {
    position: absolute;
    left: 0;
}

.icon-right, .alt-icon-right {
    position: absolute;

    right: 0;
}


.alt-icon-left, .alt-icon-right {

    top: 5px;
}


.icon-left, .icon-right {
    top: 15px;

}

.alt-icon-color {
    color: #032e20 !important;
}

.icon-color {
    background-color: #17a697;
    color: #fff;
}

.icon-black {
    background-color: #222;
    color: #fff;
}

.content-box:hover .icon-color {
    background-color: #222;
    color: #fff;
}

.content-box:hover .icon-black {
    background-color: #17a697;
    color: #fff;
}

/* Icon Style 2 */
.content-box.alt-left {
    padding-left: 65px;
    text-align: left;
    margin-bottom: 35px;
    position: relative;
}

.content-box.alt-right {
    padding-right: 65px;
    text-align: right;
    margin-bottom: 35px;
    position: relative;

}



.alt-icon-top, .alt-icon-left, .alt-icon-right {
    color: #222;
    display: inline-block !important;
    font-size: 35px;
    line-height: 1;
    transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;

    -moz-transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
}

.alt-icon-top {
    margin-bottom: 25px;
    text-align: center;
}

.alt-icon-sm-top, .alt-icon-sm-left, .alt-icon-sm-right {
    color: #222;
    display: inline-block !important;
    font-size: 25px;
    line-height: 1;
    transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
}

.alt-icon-sm-top {
    margin-bottom: 20px;
    text-align: center;
}


/* Featured Box */

.features-block-link {
    margin-right: 30px;
}

.features-block-link-icon {
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    height: 40px;
    width: 40px;
    text-align: center;
    line-height: 38px;
    border: 1px solid #ebebeb;
    margin-right: 12px;
    vertical-align: middle;
}


/*------------------------------------------------------------------*/
/* Portfolio (Isotop Grid, box, Portfolio Single Page, etc...) */
/*------------------------------------------------------------------*/
.portfolio-grid .portfolio-item {
    position: relative;
    float: left;
    width: 33.33333333333333%;
    height: auto;
    margin: 0px;
    padding: 15px;
    display: block;
}


@media (max-width: 1170px) {
    .portfolio-grid .portfolio-item {
        width: 33.33333333333333%;
    }
}

@media (max-width: 980px) {
    .portfolio-grid .portfolio-item {
        width: 50%;
    }
}

@media (max-width: 768px) {
    .portfolio-grid .portfolio-item {
        width: 100%;
    }
}

.portfolio-box {
    position: relative;
    overflow: hidden;
}

    .portfolio-box a.porfolio-popup {
        display: block;
    }

    .portfolio-box .portfolio-image-wrap {
        display: block;
        transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -webkit-transition: all 0.3s ease 0s;
    }

        .portfolio-box .portfolio-image-wrap img {
            width: 100%;
        }

    .portfolio-box:hover .portfolio-image-wrap {
        transform: scale(1.1);
        -moz-transform: scale(1.1);
        -o-transform: scale(1.1);
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s;
        -o-transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s;
        -moz-transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s;
        -webkit-transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s;
        width: 100%;
    }

    .portfolio-box .portfolio-caption-mask {
        background: rgba(56, 90, 26, 0.18) none repeat scroll 0 0;
        height: 100%;
        left: 0;
        opacity: 0;
        overflow: hidden;
        position: absolute;
        top: 0;
        visibility: hidden;
        width: 100%;
        transition: all 0.5s ease-in-out 0s;
        -o-transition: all 0.5s ease-in-out 0s;
        -moz-transition: all 0.5s ease-in-out 0s;

        -webkit-transition: all 0.5s ease-in-out 0s;
        z-index: 9;
    }

    .portfolio-box:hover .portfolio-caption-mask {
        opacity: 1;
        visibility: visible;

    }


    .portfolio-box .portfolio-caption-mask .portfolio-caption-text {
        bottom: -60px;
        left: 0;
        opacity: 0;
        padding-left: 30px;
        padding-right: 30px;
        position: absolute;
        text-align: left;


        transition: all 0.5s ease-in-out 0s;
    }

    .portfolio-box:hover .portfolio-caption-mask .portfolio-caption-text {
        bottom: 30px;
        opacity: 1;
    }



    .portfolio-box .portfolio-caption-mask h1, .portfolio-box .portfolio-caption-mask h2, .portfolio-box .portfolio-caption-mask h3, .portfolio-box .portfolio-caption-mask h4, .portfolio-box .portfolio-caption-mask h5, .portfolio-box .portfolio-caption-mask h6 {
        color: #fff;
        margin-bottom: 5px;

    }


    .portfolio-box .portfolio-caption-mask p {

        margin-bottom: 0px;
        color: #fff;

        text-transform: uppercase;
        font-size: 12px;
        letter-spacing: 1px;
    }



/* Portfolio Filter */
.portfolio-filter {
    margin: 0 0 15px;
    padding: 0;
    text-align: center;
}

    .portfolio-filter li {
        display: inline-block;
        list-style: none;
    }

        .portfolio-filter li a {
            display: block;
            color: #222;
            font-size: 13px;
            font-weight: 400;
            letter-spacing: 1.5px;
            margin-left: 11px;
            margin-right: 11px;
            text-transform: uppercase;
        }

            .portfolio-filter li a.active {
                color: #17a697;
            }

/* Portfolio Single Page */
#portfolio-single .portfolio-image-wrap {
    margin-bottom: 20px;
}

    #portfolio-single .portfolio-image-wrap img {
        width: 100%;
    }

.portfolio-item-content {
    padding-left: 20px;
    padding-right: 20px;
    position: relative;
}

.portfolio-item-content-spc {
    margin-top: 45px;
}

.portfolio-item-content-detail li {
    line-height: 2;
}

/*------------------------------------------------------------------*/
/* Blog (Blog box, Blog page) */
/*------------------------------------------------------------------*/
.blog-post {
    display: inline-block;
    width: 100%;
    min-height: 480px;
}

    .blog-post .post-media {
        margin-bottom: 25px;
        overflow: hidden;
        position: relative;
    }

        .blog-post .post-media img {
            width: 360px;
            height: 217px;
        }

.post-entry {
    margin-bottom: 25px;
}

.blog-post .post-tag {
}

    .blog-post .post-tag span {
        display: inline-block;
        background: #0d0d0d;
        /* color: #fff; */
        padding: 5px 10px;
    }
    .blog-post .post-tag span:hover {
        
background: #6b2f2f;
        

    }
    .blog-post .post-tag span a{
       
        color: #fff;
      
    }

.blog-post .post-meta {
    color: #999;
    font-size: 13px;
    text-transform: uppercase;
    margin-bottom: 10px;
}

    .blog-post .post-meta span {
        margin-right: 3px;
    }

.blog-post blockquote {
    background-color: #f7f7f7;
    border-left: medium none;
    color: inherit;
    font-size: 17px;
    font-weight: 300;
    margin: 0;
    padding: 25px;
    margin-bottom: 15px;
}

    .blog-post blockquote::before {
        content: "";
        font-family: FontAwesome;
        font-size: 12px;
        padding-left: 7px;
    }

.blog-post ul {
    margin-bottom: 15px;
}

/* Blog Single ------------------------------ */
#blog-single .post-header {
    margin-bottom: 25px;
}

.post-author-image {
    float: left;
    height: 84px;
    margin-right: 15px;
    width: 84px;
}


    .post-author-image img {
        width: 100%;
    }

.post-author-panel {

}

.post-author-hadding {
    padding: 8px 20px;
    display: block;
    background: #eee;
}

    .post-author-hadding a {
        color: #17a697;
    }

.post-author-body {

    padding: 20px;
    border: 1px solid #eee;
    display: table;
}

    .post-author-body p {
        margin-bottom: 0px;
    }

.post-author-hadding h1,
.post-author-hadding h2,
.post-author-hadding h3,
.post-author-hadding h4,
.post-author-hadding h5,
.post-author-hadding h6 {

    margin-bottom: 0;
}

#blog-single .blog-post hr {
    margin-top: 30px !important;

    margin-bottom: 30px !important;
}

.blog-post .post-share {
    display: block;
    font-size: 16px;
    display: block;
}


    .blog-post .post-share span {
        text-align: right;

        font-weight: 600;



        display: inline-block;
        color: #222;
    }

.post-share .post-share-social {

    padding: 0;

    margin: 0;
    list-style: none;
    text-align: right;
    float: right;
    display: inline-block;
}

    .post-share .post-share-social a {
        display: inline-block;
        margin-left: 10px;
        margin-right: 10px;
        font-size: 18px;
    }

.margin-15 {
    margin: 15px 0 15px 0;
}
h4.alt-title {
    font-size: 16px;
}
.space-top {
    padding-top: 20px;
}

.alt-title {
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1px;
}
.step-box-content p {
    color: #fff;
    font-size: 15px;
    padding-top: 19px;
}
.header {
   
top: 50px;
}
.top-header {
    background: #000000;
    margin-bottom: 0;
    border: none;
    padding-top: 0px;
    padding-bottom: 0px;
    border-bottom: 1px solid #fff;
}
.list-inline > li {
    display: inline-block;
    padding-right: 5px;
    padding-left: 5px;
    color:#fff;
}
.list-inline a {
    color: rgba(255, 255, 255, 0.85);
    font-size: 14px;
    font-family: oswald;
}
.call-to-action {
    background: black;
    padding-top: 29px;
    padding-bottom: 20px;
    margin-top: 30px;
    margin-bottom: 30px;
}
.call-to-action h3 {
    color: white;
}
.slider-form {
    position: absolute;
    top: 152px;
    right: 7%;
    z-index: 50;
    margin: 0px 0 -42px;
    background: rgba(37, 29, 30, 0.52);
    /* border-radius: 10px; */
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 20px;
    padding-bottom: 20px;
    width: 33%;
}
.tab-content {
    padding: 15px;
}
.tab-content form .form-group {
    position: relative;
    margin-bottom: 10px;
}
.tab-content form .form-group i {
    width: 42px;
    height: 46px;
    line-height: 30px;
    background-color: #229944;
    border: 1px solid #15612b;
    text-align: center;
    display: inline-block;
    vertical-align: top;
    color: #fff;
    border-radius: 6px;
    line-height: 44px;
}
.tab-content form .form-group .form-control {
    width: 86%;
    display: inline-block;
    margin: 0;
    height: 47px;
}
.tab-pane h4 {
    color: #229944;
    text-transform: UPPERCASE;
    body {     font-family: Roboto Slab;      }
    p {            color: #2c2c2c;        }    .padding-in {
    text-align: center;
    padding: 40px 30px;  }  .details
    h2 {      font-family: inherit;
    color: #000;
    /* font-weight: bold; */  }  .details
    h2 span {      color: #000000;
    font-weight: bold;
    text-transform: uppercase;  }  .details
    p {      font-size: 15px;  }  .number
    li {font-weight: 500;
    list-style: none;
    text-align: justify;}  .image-box
    img {      border: 7px solid #fff;  }  .list-step
    li {      color: #ffffff;
    margin-bottom: 6px;
    list-style: none;  }  .margin-top {
    margin-top: 25px;  }  .contact-side {
    padding: 10px;
    border-radius: 5px;
    margin-top: 17px;
    margin-bottom: 20px;  }  .contact-side
    h3 {      color: #333;
    font-size: 29px;
    /* border-bottom: 1px dotted rgba(51, 51, 51, 0.43); */
    /* font-family: Roboto Slab; */  }  .contact-side
    label {      color: #333;
    font-family: Roboto Slab;  }  .number {
    padding: 17px;
    /* background: #ffffff; */  }  .number
    i {      margin-right: 6px;
    color: white;
    font-size: 18px;  }  .list-step {
    list-style:none;
    counter-reset:li;
    /* padding:8px 0px 1px; */
    left:-7px;
    width:290px;  }  .list-step
    li{  position:relative;
    margin:0 0 10px 0;
    padding: 3px 2px 0 17px;
    left:-5px;
    width:285px;  }  .list-step
    li{position: relative;
    display: block;
    padding: 15px;  *
    padding: .2em;
    margin: .5em 0;
    background: #fff;
    text-decoration: none;
    border-radius: .3em;
    width: 656px;
    font-size: 14px;
    transition: all .1s ease-in-out;
    border: 1px solid #5c5959;
    color: #626666;
    font-family: Roboto Slab;}  .list-step
    li:before{content: counter(li);
    counter-increment: li;
    position: absolute;
    top: 50%;
    margin: -16px -1px 0px -21px;
    height: 2em;
    width: 2em;
    line-height: 2em;
    font-size: 15px;
    color: #403f3f; /* text color of numbers */
    background: #e9e9e9; /* background color of numbers */
    border: 2px solid #4d4b4b; /* border color */
    -webkit-box-shadow: 0 8px 5px -7px #888;
    -moz-box-shadow: 0 8px 5px -7px #888;
    box-shadow: 0 8px 5px -7px #888;
    text-align: center;
    font-weight: bold;
    border-radius: 2em;
    position: absolute;
    left: 0;
    transition: all .3s ease-out;}  .list-step
    li:hover{background: rgb(34, 153, 68);
    color: #ffffff;
    border: 1px solid #1e5f4a;
    cursor: pointer;}  .list-step
    li:hover:before{  transform: rotate(360deg);     }  .list-step
    li a{  font: 14px Georgia, serif; /* font size of post titles */
    text-shadow: 0 -1px 2px #fff;
    color: #444;
    display:block;
    min-height:25px;
    text-decoration:none;
    text-transform: uppercase;  }  .list-step
    li a:hover{  color: #444;  }  /*next list*/  .number {
    list-style:none;
    counter-reset:li;
    /* padding:8px 0px 1px; */
    left:-7px;
    width:290px;  }  .number
    li{  position:relative;
    margin:0 0 10px 0;
    padding: 3px 2px 0 17px;
    left:-5px;
    width:285px;  }  .number
    li{position: relative;
    display: block;
    padding: 15px;  *
    padding: .2em;
    margin: .5em 0;
    background: #ffffff;
    text-decoration: none;
    border-radius: .3em;
    width: 656px;
    font-size: 14px;
    transition: all .1s ease-in-out;
    border: 1px solid rgb(255, 255, 255);
    color: #4b4a4a;
    font-family: Roboto Slab;}  .number
    li:before{content: counter(li);
    counter-increment: li;
    position: absolute;
    top: 50%;
    margin: -16px -1px 0px -21px;
    height: 2em;
    width: 2em;
    line-height: 2em;
    font-size: 15px;
    color: rgba(0, 0, 0, 0.86); /* text color of numbers */
    background: #ffffff; /* background color of numbers */
    border: 2px solid rgba(1, 12, 18, 0.82); /* border color */
    -webkit-box-shadow: 0 8px 5px -7px #888;
    -moz-box-shadow: 0 8px 5px -7px #888;
    box-shadow: 0 8px 5px -7px #888;
    text-align: center;
    font-weight: bold;
    border-radius: 2em;
    position: absolute;
    left: 0;
    transition: all .3s ease-out;}  .number
    li:hover{background: rgba(34, 153, 68, 0.35);
    color: #000000;
    border: 1px solid rgba(34, 153, 68, 0.35);
    cursor: pointer;
    color: #fff;}  .number
    li:hover:before{  transform: rotate(360deg);     }  .number
    li a{  font: 14px Georgia, serif; /* font size of post titles */
    text-shadow: 0 -1px 2px #fff;
    color: #444;
    display:block;
    min-height:25px;
    text-decoration:none;
    text-transform: uppercase;  }  .number
    li a:hover{  color: #444;  }  .ptb-35 {
    padding-top: 35px;
    padding-bottom: 35px;  }  .map {
    margin-bottom: 2px;
    margin-top: 2px;  }
    h3 {       font-family: oswald;  }    .slide-bg-image {
    background-image:url(../img/old-couple-together.jpg);
    background-size: cover;
    background-position: center center;  }  .slide-bg-image1{
    background-image:url(../img/old-couple-together.jpg)   background-size: cover;
    background-position: center top;  }    .justify {
    text-align: justify;  }
    ul.social-icons {      list-style: outside none none;
    /* padding-top: 31px; */  }  .social-icons
    li {      display: inline-block;
    list-style: outside none none;
    margin: 0 8px;  }  .social-icons
    i {      border: 1px solid #ffffff;
    display: block;
    font-size: 14px;
    height: 40px;
    line-height: 28px;
    text-align: center;
    width: 40px;
    border-radius: 50%;
    padding: 5px;
    margin: -4px;
    background: #f6f6f6;
    color: #2b2b2c;  }  .social-icons
    i:hover {      background: #229944;
    color: #f6f6f6;
    border: 1px solid #294;  }  .green-bg {
    background: #2b2b2c;  }  .slider-image {
    background-image:url(../img/slider2.jpg);
    background-size:cover;
    background-position: center;  }  .gray-bg {
    background-color: #e9e9e9;  }  .grey-bg-text
    p {      margin: 0;
    font-size: 17px;
    line-height: 32px;
    color: #333;
    font-family: 'Roboto Slab', serif;
    font-weight: 300;  }  .grey-bg-text {
    padding: 31px 50px;}  .list-image{
    background-image:url(../img/bg.jpg);  }  .mt-20{
    margin-top:20px;}  .img-png
    img {      max-height: 415px;  }  .text-white {
    color:#fff;}  .service-box {
    padding: 15px;
    border: 1px solid rgba(77, 77, 77, 0.59);
    min-height: 430px;  }  .service-box
    i {      width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    border: 1px solid #4C5B96;
    font-size: 20px;
    color: #4C5B96;
    border-radius: 50%;              }  .service-box
    p {      text-align: justify;  }  .service-box
    h4 {      font-size: 20px;
    font-weight: bold;
    margin-bottom: 7px;
    color: #333;
    text-align: center;
    font-family: oswald;
    margin-top: 8px;
    border-bottom: 1px solid rgba(153, 153, 153, 0.58);
    padding-bottom: 9px;  }  .footer
    h4 {      color: #cacaca;  }
    footer p {      color: #cacaca;
    /* font-family: arial; */  }  .mb-20 {
    margin-bottom:20px;}  .services {
    padding: 36px;  }  .intro-content-inner
    h4 {      color: #fff;
    font-family: inherit;
    font-size: 27px;
    text-transform: uppercase;  }  .slider-caption {
    position: absolute;
    top: 35%;
    left: 170px;
    max-width: 620px;
    /* border: 1px dashed rgba(255, 255, 255, 0.48); */
    padding: 28px;
    margin-top: -146px;
    color: #FFFFFF;
    font-size: 17px;
    /* font-weight: bold; */
    text-align: center;
    /* background: rgba(20, 20, 22, 0.72); */  }  .slider-caption
    h2 {      margin-top: 0;
    color: #ffffff;
    font-weight: bold;
    font-size: 70px;
    text-align: center;
    text-shadow: 1px 1px 1px rgb(0, 0, 0);
    letter-spacing: 0px;
    font-family: oswald;
    border-bottom: 1px solid rgba(255, 255, 255, 0.16);
    text-transform: uppercase;  }  .slider-caption
    p {      font-size: 14px;
    color: #ffffff;
    border-bottom: 1px solid rgba(255, 255, 255, 0.16);
    padding-bottom: 8px;
    margin-bottom: 20px;  }  .separator-2 {
    width: 100%;
    margin-bottom: 15px;
    position: relative;
    height: 1px;
    background: rgba(255, 255, 255, 0.32);  }  .dark-bg .separator-2:after {
    background: #666666;
    background: -moz-linear-gradient(left, #666666 0%, #555555 35%, #444444 70%, #373737 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #666666), color-stop(35%, #555555), color-stop(70%, #444444), color-stop(100%, #373737));
    background: -webkit-linear-gradient(left, #666666 0%, #555555 35%, #444444 70%, #373737 100%);
    background: -o-linear-gradient(left, #666666 0%, #555555 35%, #444444 70%, #373737 100%);
    background: -ms-linear-gradient(left, #666666 0%, #555555 35%, #444444 70%, #373737 100%);
    background: linear-gradient(to right, #666666 0%, #555555 35%, #444444 70%, #373737 100%);  }  .slider-caption
    img {      width: 222px;
    margin-bottom: 15px;
    margin-top: -20px;
    /* border-bottom: 1px dashed rgba(255, 255, 255, 0.46); */
    padding-bottom: 8px;  }  /*2017/2/21*/  .header.header-prepare, .header.header-light.header-prepare {
    background-color: rgba(0, 0, 0, 0.95);
    border-bottom: 0px solid #ffffff;  }  .banner {
    background-color: #f1f1f1;
    border-bottom: 1px solid #eaeaea;  }  .space-top {
    padding-top: 105px;  }  .fixed-image {
    background-position: center center;
    background-repeat: no-repeat;
    height: 350px;  }  .banner
    h1 {      color: #fff;
    text-align: center;
    padding-top: 160px;  }  .dark-overlay {
    background: rgba(0, 0, 0, 0.65);
    height: 352px;  }  .banner
    p {      color: #fff;
    text-align: center;
    font-size: 23px;  }  .list-step2 {
    list-style:none;
    counter-reset:li;
    /* padding:8px 0px 1px; */
    left:-7px;
    width:290px;  }  .list-step2
    li{  position:relative;
    margin:0 0 10px 0;
    padding: 3px 2px 0 17px;
    left:-5px;
    width:285px;  }  .list-step2
    li{position: relative;

    display: block;
    padding: 15px;  *
    padding: .2em;
    margin: .5em 0;
    background: #fff;
    text-decoration: none;
    border-radius: .3em;
    width: 245%;
    font-size: 14px;
    transition: all .1s ease-in-out;
    border: 1px solid #5c5959;
    color: #3b3e3e;
    font-family: Roboto Slab;}  .list-step2
    li:before{content: counter(li);
    counter-increment: li;
    position: absolute;
    top: 50%;
    margin: -16px -1px 0px -21px;
    height: 2em;
    width: 2em;
    line-height: 2em;
    font-size: 15px;
    color: #403f3f; /* text color of numbers */
    background: #e9e9e9; /* background color of numbers */
    border: 2px solid #4d4b4b; /* border color */
    -webkit-box-shadow: 0 8px 5px -7px #888;
    -moz-box-shadow: 0 8px 5px -7px #888;
    box-shadow: 0 8px 5px -7px #888;
    text-align: center;
    font-weight: bold;
    border-radius: 2em;
    position: absolute;
    left: 0;
    transition: all .3s ease-out;}  .list-step2
    li:hover{background: #cccbcb;
    color: #000000;
    border: 1px solid #1e5f4a;
    cursor: pointer;}  .list-step2
    li:hover:before{  transform: rotate(360deg);     }  .list-step2
    li a{  font: 14px Georgia, serif; /* font size of post titles */
    text-shadow: 0 -1px 2px #fff;
    color: #444;
    display:block;
    min-height:25px;
    text-decoration:none;
    text-transform: uppercase;  }  .list-step2
    li a:hover{  color: #444;  }  /**/  .list-step3 {
    list-style:none;
    counter-reset:li;
    /* padding:8px 0px 1px; */
    left:-7px;
    width:290px;  }  .list-step3
    li{  position:relative;
    margin:0 0 10px 0;
    padding: 3px 2px 0 17px;
    left:-5px;
    width:285px;  }  .list-step3
    li{position: relative;
    display: block;
    padding: 15px;  *
    padding: .2em;
    margin: .5em 0;
    background: #fff;
    text-decoration: none;
    border-radius: .3em;
    width: 235%;
    font-size: 14px;
    transition: all .1s ease-in-out;
    border: 1px solid #5c5959;
    color: #3b3e3e;
    font-family: Roboto Slab;}  .list-step3
    li:before{content: counter(li);
    counter-increment: li;

    position: absolute;
    top: 50%;
    margin: -16px -1px 0px -21px;
    height: 2em;
    width: 2em;
    line-height: 2em;
    font-size: 15px;
    color: #403f3f; /* text color of numbers */
    background: #e9e9e9; /* background color of numbers */
    border: 2px solid #4d4b4b; /* border color */
    -webkit-box-shadow: 0 8px 5px -7px #888;
    -moz-box-shadow: 0 8px 5px -7px #888;
    box-shadow: 0 8px 5px -7px #888;
    text-align: center;
    font-weight: bold;
    border-radius: 2em;
    position: absolute;
    left: 0;
    transition: all .3s ease-out;}  .list-step3
    li:hover{background: #cccbcb;
    color: #000000;
    border: 1px solid #1e5f4a;
    cursor: pointer;}  .list-step3
    li:hover:before{  transform: rotate(360deg);     }  .list-step3

    li a{  font: 14px Georgia, serif; /* font size of post titles */
    text-shadow: 0 -1px 2px #fff;
    color: #444;
    display:block;
    min-height:25px;
    text-decoration:none;
    text-transform: uppercase;  }  .list-step3
    li a:hover{  color: #444;  }              .checklist
    li {      list-style: none;
    margin-bottom: 11px;
    /* border-bottom: 1px dashed rgba(0, 0, 0, 0.12); */
    padding-bottom: 4px;  }  .checklist
    li:before {    content: "";
    width: 7px;
    height: 7px;
    border: 1px solid #000;
    display: block;
    position: absolute;
    left: 20px;
    transform: rotate(-45deg);
    margin-top: 15px;  }
    ul.checklist {      /* background: #f5f5f5; */      color: #2a2a2a;
    /* padding: 32px; */  }  .image-box-wrapper
    img {      margin: auto;  }  .checklist1
    li {      list-style: none;
    margin-bottom: 11px;
    /* border-bottom: 1px dashed rgba(0, 0, 0, 0.12); */
    padding-bottom: 4px;  }  .checklist1
    li:before {    content: "";
    width: 7px;
    height: 7px;
    border: 1px solid #fff;
    display: block;
    position: absolute;
    left: 20px;
    transform: rotate(-45deg);
    margin-top: 15px;  }
    ul.checklist1 {      /* background: #f5f5f5; */      color: #2a2a2a;
    /* padding: 32px; */  }  .note-box {
    border: 1px solid #ccc;
    padding: 20px;  }  .gray-bg-img {
    background-image:url(../img/gray.jpg);     }  .gray-text-white
    h3{color:#fff;}  .gray-text-white
    ul{color:#fff;}  .gray-text-white
    p{color:#fff;}  .questions
    h5 {      /* background: #484848; */      color: #000;
    /* padding: 10px; */  }  .questions
    p {       /* padding: 10px; */;}  .contact-title {
    padding-left: 18px;
    /* margin-bottom: 26px; */  }  .breadcrumb-wrapper {
    position: absolute;
    top: 352px;
    left: 178px;  }    .btn-green {
    background: #229944;
    color: #fff;
    border: none;  }  .btn-green:hover {
    background: #1b7635;
    color: #fff;  }  .sub-dropdown {
    background: #229944 !important;   }   .sub-dropdown >
    li > a {     color: #fff;   }   .gray-box
    p {      font-size: 24px;
    padding: 36px;
    text-align: center;  }  .gray-box
    p:first-child b {      color: #43ba65;
    font-size: 45px;  }  .gray-box
    a {      color: #43ba65;
    font-weight: bold;        }  .gray-box
    a:hover {      color: #43ba65;
    font-weight: bold;
    text-decoration: underline;  }  .text-green {
    color: #44b464;  }
    blockquote {      font-family: Georgia,serif;
    font-style: italic;
    padding-left: 0;
    margin-right: 0;
    color: #383838;  }
    blockquote:before {      display: block;
    content: '\201C';
    font-size: 5em;
    position: absolute;
    left: 16px;
    top: 192px;
    color: #7a7a7a;  }  .service-box
    img {      margin: 0 auto;
    width: 100%;
    height: auto;  }  .footer-bottem-text
    a {      color: #cacaca;
    font-size: 12px;
    text-align: left;
    padding-left: 3px;
    padding-right: 3px;
    border-left: 1px solid;
    padding-left: 6px;  }  .footer-bottem-text {
    padding-top: 23px;
    margin: 0;  }  .Licensee {
    margin-top: 9px;
    padding-top: 10px;  }  .Licensee
    p {      font-size: 11px;
    border-left: 1px solid #686868;  }  .Licensee-area {
    background: #2e2e2f;
    border-top: 1px dashed #919191;
    border-bottom: 1px dashed #919191;  }  .footer {
    background-color: #000000;
    color: #fff;
    border-bottom: 1px dashed #fff;  }  .footer {
    font-size: 14px;
    line-height: 1.5;  }  .footer-content {
    padding: 20px 0;  }    .footer
    h2.title {      font-size: 18px;
    color: #fff;
    text-transform: uppercase;
    border-bottom: 1px solid rgba(255, 255, 255, 0.35);
    padding-bottom: 13px;  }  .logo-footer
    img {      width: 160px;
    margin-bottom: 17px;  }  .nav >
    li > a {       padding-top: 10px;
    padding-bottom: 0;
    color: #fff;
    /* font-family: arial; */
    text-transform: uppercase;  }  .nav >
    li > a:hover, .nav > li > a:focus {            background-color: #294;
    padding-bottom: 11px;  }  .list-icons {
    padding: 0;  }  .list-icons
    li {      list-style: none;
    font-weight: lighter;
    color: rgba(255, 255, 255, 0.92);
    /* font-family: arial; */
    margin-bottom: 10px;  }  .nav-pills.nav-stacked:not(.list-style-icons) >
    li > a:after {      font-family: "FontAwesome";
    content: "\f101";
    font-size: 12px;
    position: absolute;
    right: 15px;
    top: 6px;
    color: #ffffff;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;  }  .subfooter {
    background: #282828;
    padding: 16px;  }  .copyright {
    text-align: center;  }  .footer-bottem-text
    li {      display: inline-block;
    list-style: outside none none;        }  .footer-bottem-text
    a:hover {      color: #229944;  }  .padding-top {
    padding-top: 50px;  }  /*responsive start*/  @media (
    max-width: 1170px) {;}  @media (
    max-width: 1025px) {    .number li {      width: 535px;  }  .img-png img {
    padding-top: 73px;  }  .list-step li {
    width: 590px;  }.footer {
    padding-bottom: 0px;  }   }  @media (
    max-width: 768px) {    .subfooter {      background: #282828;
    padding: 16px;           }  .services {
    padding: 0px;  }  .service-box {
    margin-bottom: 15px;  }  .slider-caption {
    right: 137px;        }  }  @media (
    max-width: 600px) {  .slider-caption {            right: 56px;       }  .number li {
    width: 544px;        }  .list-step li {
    width: 516px;        }    .list-step li {
    position: relative;
    margin: 0 0 10px 0;
    padding: 3px 2px 0 17px;
    left: -5px;
    width: 285px;  }  .padding-top {
    padding-top: 0;  }  .disclimer {
    padding: 17px;
    text-align: justify;  }  .footer-bottem-text {
    padding-bottom: 23px;
    padding-top:0;  }  .service-box {
    margin-bottom: 15px;  }  }  @media (
    max-width: 480px) {    p {text-align:justify;}    .grey-bg-text p {
    font-size: 14px;
    text-align: justify;              }  .text-box h3 {
    font-size: 20px;  }  .slider-caption {
    right: 10px;
    max-width: 283px;       }  .details h2 {
    font-size: 24px;  }  .number li {
    left:3px;
    width: 656px;    }    .list-step {
    padding: 29px;        }  .list-step li{
    width: 100%;  }  .services {
    padding: 0;  }  .service-box {
    margin-bottom: 10px;  }  .services h2 {
    font-size: 28px;
    text-align: center;
    padding-top: 9px;  }  .padding-top {
    padding-top: 0;  }  .disclimer {
    padding: 15px;  }  .disclimer p {
    text-align: justify;  }  .grey-bg-text h3 {
    font-size: 19px;  }  .text-box {
    overflow: hidden;  }  .social-icons {
    padding:0;
    text-align: center;  }  .banner h1 {
    padding-top:0;
    font-size: 30px;  }  .breadcrumb-wrapper {
    top: 205px;
    left: 0;  }  .breadcrumb {
    width: 100%;  }  .dark-overlay {
    height: 250px;  }  .fixed-image {
    height: 250px;        }    .header {
    height: 71px;  }  .breadcrumb {
    font-size: 11px;  }  .gray-box p {
    font-size: 21px;
    padding: 20px;       }  .gray-text-white h3 {
    font-size: 19px;  }  blockquote:before {
    top: 407px;        }  h4 {
    font-size: 19px;  }  form {
    margin-bottom: 20px;  }  .contact-info p {
    text-align: center;  }  }    @import url(
    "font-awesome_icon-font.css");  @import url(
    "et-line_icon-font.css");  @import url(
    "./plugins/owl.carousel.css");  @import url(
    "./plugins/magnific-popup.css");    @import url(
    https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic);  @import url(
    https://fonts.googleapis.com/css?family=Work+Sans:400,200,300,500,600,700,800);  @import url(
    https://fonts.googleapis.com/css?family=Ubuntu:400,300,400italic,500,500italic,700,700italic,300italic);      /*  * BASIC    - General Style        - Typography Style        - Button Style    - Form Style        - Spacer Style    * HEADER    - Header    - Logo Style    - Navigation Menu Style     - Overlay Menu    * INTRO    - intro    * ELEMENTS    - Skills Bar    - Team Box    - Tabs    - Accordion & Toggle    - Counter    - Pricing-box    - Action-box    - History-box    - Client Logo    - Social    - pagination    - Contact Form, Map, contact-info    - Preloader    - Countdown Clock      * FOOTER    - Social    - Copyright    * GLOBEL    - Content Box (Services Box, Featured Box, icon-box, etc...)    - Slider    - Portfolio (Isotop Grid, box, Portfolio Single Page, etc...)                                    - Blog (Blog box, Blog page)      */              /*==========================================================================================================*/  /* BASIC     ||---------------------------- */  /*==========================================================================================================*/    /*------------------------------------------------------------------*/  /* General Style */  /*------------------------------------------------------------------*/
    body {      color: #626262;
    font-family: "Open Sans",sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.6;
    margin: 0;
    padding: 0;  }    #page-wraper {
    position: relative;
    width: 100%;  }    .black-bg {
    background-color: #11845e;  }    .gray-bg {
    background-color: #e5e5e5;  }      .white-bg {
    background-color: #FFF;  }    .color-bg {
    background-color: #17a697;  }    .yellow-bg {
    background-color: #f4efb7;  }    .bg-cover-section, .small-bg-cover-section {
    background-size: cover;
    background-position: top center;  }    .dark-bg
    h1, .dark-bg h2, .dark-bg h3, .dark-bg h4, .dark-bg h5, .dark-bg h6,  .dark-bg p, .dark-bg p.small, .dark-bg p.large, .dark-bg p.lead, .dark-bg p.lead-lg,  .dark-bg .page-icon, .dark-bg .page-icon-sm,  .dark-bg ul, .dark-bg ol, .dark-bg li,  .dark-bg .alt-icon-top, .dark-bg .alt-icon-left, .dark-bg .alt-icon-right,  .dark-bg .counter-icon,  .dark-bg .skill-bar-percent {      color: #333;  }    .bg-image {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    overflow: hidden;
    position: relative;
    width: 100%;
    /*background-attachment: fixed;*/  }    .bg-fixed {
    background-attachment: fixed;  }    #intro .bg-image, #intro.bg-image, #inner-intro .bg-image, #inner-intro.bg-image {
    background-attachment: fixed;  }    .slide-bg-image {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    overflow: hidden;
    position: relative;
    width: 100%;  }    .overlay-dark, .overlay-dark20, .overlay-dark30, .overlay-dark40, .overlay-dark60, .overlay-dark80, .overlay-dark90, .overlay-light, .overlay-light80 {
    position: relative;
    z-index: 1;  }        .overlay-dark:before, .overlay-dark20:before, .overlay-dark30:before, .overlay-dark40:before, .overlay-dark60:before, .overlay-dark80:before, .overlay-dark90:before, .overlay-light:before, .overlay-light80:before {
    left: 0;
    top: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    content: "";
    z-index: -1;      }        .overlay-dark:before {
    background-color: rgb(17, 132, 94);      }        .overlay-dark20:before {
    background-color: rgba(34,34,34,0.2);      }                                                          .overlay-dark30:before {
    background-color: rgba(34,34,34,0.3);      }        .overlay-dark40:before {
    background-color: rgba(34,34,34,0.4);      }        .overlay-dark60:before {
    background-color: rgba(34,34,34,0.6);      }        .overlay-dark80:before {
    background-color: rgba(34,34,34,0.8);      }        .overlay-dark90:before {
    background-color: rgba(34,34,34,0.9);      }          .overlay-light:before {
    background-color: rgba(255,255,255,0.4);      }        .overlay-light80:before {
    background-color: rgba(255,255,255,0.8);      }    .page-triangle {
    /*margin-bottom: 20px;*/  }        .page-triangle::before {
    background-color: #e9e9e9;
    top: -100px;      }        .page-triangle::before {
    content: "";
    height: 100px;
    left: 50%;
    pointer-events: none;
    position: absolute;
    transform: translateX(-50%) rotate(45deg);
    -moz-transform: translateX(-50%) rotate(45deg);
    -ms-transform: translateX(-50%) rotate(45deg);
    -o-transform: translateX(-50%) rotate(45deg);
    -webkit-transform: translateX(-50%) rotate(45deg);
    width: 100px;
    z-index: 39;      }    .page-icon {
    color: #333;
    font-size: 50px;
    line-height: 50px;
    padding-bottom: 15px;
    width: 100%;  }    .page-icon-sm {
    color: #333;
    font-size: 30px;
    margin-bottom: 15px;
    color: #fff;  }    .play-icon-lg, .play-icon-md {
    border: 4px solid #fff;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    display: block;
    color: #fff;
    text-align: center;
    background: none;  }    .pos-section {
    position: relative;
    overflow: hidden;  }    .play-icon-lg {
    font-size: 36px;
    height: 95px;
    line-height: 89px;
    margin: auto;
    width: 95px;  }    .play-icon-md {
    font-size: 28px;
    height: 75px;
    line-height: 67px;
    margin: auto;
    width: 75px;  }        .play-icon-lg
    i, .play-icon-md i {          margin-left: 8px;      }
    img {      border: 0px none;
    outline: 0px none;  }
    a {      color: #222;
    cursor: pointer;
    text-decoration: none;  }
    a:hover {          color: #229944;      }
    i.left, .i-left {      margin-right: 6px;  }
    i.right, .i-right {      margin-left: 6px;  }
    hr {      border-top: 1px solid #eee !important;
    margin-bottom: 0;
    margin-top: 0;
    color: transparent;  }    .video {
    max-width: 100%;
    height: auto;  }    .rows {
    margin-left: -15px;
    margin-right: -15px;  }
    embed,  object {      max-width: 100%;  }    /* Font Style */
    p, .nav-menu {      font-family: 'Open Sans', sans-serif;  }
    h1, h2, h3, h4, h5, h6,      .btn, button,      .link, .link-dark, link-color,      button, input, textarea, select,      .portfolio-filter,      p.lead-lg, .lead-lg,      .overlay-menu-nav,      .accordion .accordion-title, .toggle .toggle-title {          /*font-family: 'Work Sans', sans-serif;*/          font-family: 'Ubuntu', sans-serif;      }        /*------------------------------------------------------------------*/  /* Typography Style */  /*------------------------------------------------------------------*/    /* Heading */
    h1, h2, h3, h4, h5, h6 {      color: #222;
    font-weight: 300;
    margin-top: 0px;
    line-height: 1.5;
    margin-bottom: 15px;
    font-family: oswald;  }
    h1 {      font-size: 44px;  }
    h2 {      font-size: 32px;  }
    h3 {      font-size: 26px;  }
    h4 {      font-size: 22px;  }
    h5 {      font-size: 18px;  }
    h6 {      font-size: 16px;  }
    h1.white, h2.white, h3.white, h4.white, h5.white, h6.white, h6 .white {          color: #fff;      }
    h1.color, h2.color, h3.color, h4.color, h5.color, h6.color, h6 .color {          color: #17a697;      }    /* Alternate Hadding */  .alt-title {
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1px;  }
    h1.alt-title {      font-size: 22px;
    margin-bottom: 25px;    }
    h2.alt-title {      font-size: 20px;  }
    h3.alt-title {      font-size: 18px;  }

    h4.alt-title {      font-size: 16px;  }
    h5.alt-title {      font-size: 14px;  }
    h6.alt-title {      font-size: 12px;  }    /*Site Title*/    .page-title {
    margin-bottom: 60px;  }    .page-title2 {
    margin-bottom: 30px;  }    .content-title {
    margin-bottom: 25px;  }    .features-title {
    margin-bottom: 15px;  }      /*Paragraph*/    .page-content {
    margin-bottom: 60px;  }
    p {      font-size: 14px;
    color: #2c2c2c;
    line-height: 1.6;
    font-weight: 400;
    margin-bottom: 15px;
    margin-top: 0px;
    font-family: Roboto Slab;  }
    p.small {          font-size: 12px;      }
    p.large {          font-size: 16px;      }
    p.lead {          font-size: 18px;
    font-weight: 300;      }
    p.lead-lg {          font-size: 20px;
    font-weight: 300;
    margin-bottom: 20px;      }
    p.white, p.small.white, p.large.white, p.lead.white, p .white, .white {            color: #ffffff;        }
    p.dark, p.small.dark, p.large.dark, p.lead.dark, p .dark, .dark {          color: #626262;      }
    p.color p.small.color, p.large.color, p.lead.color, p .color, .color {          color: #17a697;      }    .yellow {
    color: #f4efb7;  }      /* Text weight */    .text-light {
    font-weight: 300;  }    .text-regular {
    font-weight: 400;  }    .text-medium {
    font-weight: 500;  }    .text-bold {
    font-weight: 600;  }    .text-bolder {
    font-weight: 700;  }    .text-italic {
    font-style: italic;  }    .max-width-700 {
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;  }    /* listing */
    ul.list-inside {      padding-left: 0px;
    list-style: inside;
    margin-bottom: 25px;
    font-size: 16px;  }
    ul.list-none {      list-style: none;
    padding-left: 0px;
    margin: 0;  }      /*Links & Anchor Tag*/  .dark-bg
    a {;}        .dark-bg
    a:hover {;}
    a {      outline: none;
    text-decoration: none;
    transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;  }      .link, .link-d {
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-size: 12px;
    font-weight: 400;
    color: inherit;
    padding-bottom: 2px;
    text-decoration: none;
    transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;  }    .link {
    color: #222;  }        .Link:hover {
    color: #17a697;      }    .link-d {
    color: #fff;  }        .link-d:hover {
    color: #17a697;      }      /*------------------------------------------------------------------*/  /* Button Style */  /*------------------------------------------------------------------*/    .btn,
    button {      font-size: 12px;
    line-height: 1;
    font-weight: 600;
    letter-spacing: 1px;
    text-decoration: none !important;
    text-transform: uppercase;
    text-align: center;
    transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    outline: none;
    border-width: 1px;
    border-style: solid;
    display: inline-block;
    vertical-align: middle;  }        .btn
    i, button i, i.left {          margin-right: 6px;      }
    i.right {      margin-left: 6px;
    margin-right: 0px !important;  }    .btn-sm {
    padding: 11px 30px !important;
    display: inline-block;  }    .btn-md {
    padding: 13px 25px !important;
    display: inline-block;  }    .btn-lg {
    padding: 15px 30px !important;
    display: inline-block;
    border: none;  }    .btn-xlg {
    padding: 17px 30px !important;
    display: inline-block;  }    .btn-black {
    background-color: #222;
    border-color: transparent;
    color: #fff;  }        .btn-black:hover {
    background-color: #229944;
    border-color: transparent;
    color: #fff;      }    .btn-color {
    background-color: #17a697;
    border-color: transparent;
    color: #fff;  }        .btn-color:hover {
    background-color: #1db2a2;
    border-color: transparent;
    color: #fff;      }    .btn-white {
    background-color: rgba(255,255,255,1);
    border-color: transparent;
    color: #222;
    font-family: oswald;  }        .btn-white:hover {
    background-color: rgb(34, 153, 68);
    border-color: white;
    color: #fff;      }    .btn-white-outline {
    background-color: transparent;
    border-color: #fff;
    color: #fff;  }        .btn-white-outline:hover {
    background-color: #fff;
    border-color: #fff;
    color: #222;      }    .btn-black-outline {
    background-color: transparent;
    border-color: #222;
    color: #222;                    }        .btn-black-outline:hover {
    background-color: #222;
    border-color: #222;
    color: #fff;      }      .btn-color-outline {
    background-color: transparent;
    border-color: #17a697;
    color: #17a697;  }        .btn-color-outline:hover {
    background-color: #17a697;
    border-color: #17a697;
    color: #fff;      }    /*------------------------------------------------------------------*/  /* Form Style */  /*------------------------------------------------------------------*/
    form {      position: relative;  }
    button {      outline: none;  }
    button, html input[type="button"], input[type="reset"], input[type="submit"] {      cursor: pointer;
    display: inline-block;  }
    button, input, textarea, select {      font-size: 12px;  }
    input, input[type="text"], input[type="email"], input[type="tel"], input[type="number"], input[type="password"], input[type="radio"], input[type="checkbox"], textarea, select {          border: 1px solid rgb(185, 183, 183);
    background: rgb(255, 255, 255);
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    border-radius: 6px !important;
    color: #000;
    outline: none;
    font-weight: 500;
    font-size: 12px;
    padding-left: 15px;
    padding-right: 15px;
    transition: all 0.2s cubic-bezier(0, 0, 0.58, 1) 0s;
    -moz-transition: all 0.2s cubic-bezier(0, 0, 0.58, 1) 0s;
    -webkit-transition: all 0.2s cubic-bezier(0, 0, 0.58, 1) 0s;
    -o-transition: all 0.2s cubic-bezier(0, 0, 0.58, 1) 0s;
    display: inline-block;
    text-transform: uppercase;
    line-height: 1;
    vertical-align: middle;      }
    input[type="text"]:hover, input[type="email"]:hover, input[type="tel"]:hover, input[type="number"]:hover, input[type="radio"]:hover, input[type="checkbox"]:hover, input[type="password"]:hover, textarea:hover, select:hover {              border: 1px solid rgba(0, 0, 0, 0.2);          }
    input[type="text"]:focus, input[type="email"]:focus, input[type="tel"]:focus, input[type="number"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus, input[type="password"]:focus, textarea:focus {              border: 1px solid rgba(0, 0, 0, 0.7);
    color: #333;          }
    input.input-sm, .input-sm {              padding-top: 11px;
    padding-bottom: 11px;          }
    input.input-md, .input-md {              padding-top: 13px;
    padding-bottom: 13px;          }
    input.input-lg, .input-lg {              padding-top: 15px;
    padding-bottom: 15px;          }
    input.input-xlg, .input-xlg {              padding-top: 17px;
    padding-bottom: 17px;          }
    textarea {      height: 120px;
    font-size: 13px !important;  }
    label {      color: #333;
    font-size: 12px;
    margin-bottom: 10px;
    padding-right: 3px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-top: 6px;
    font-family: 'Raleway', sans-serif;    }    .input-fancy {
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;  }    .form-full {
    width: 100%;  }    .form-full-height {
    height: 100%;  }    .form-field-wrapper {
    margin-bottom: 20px;
    position: relative;  }
    form .error {      border-color: #e1534f;  }
    form label.error {      margin-bottom: 0px;
    margin-top: 3px;
    color: #e1534f;
    font-size: 12px;
    font-weight: 400;  }    .successContent, .errorContent {
    margin-bottom: 20px;
    display: none;
    text-transform: none;
    letter-spacing: 1px;  }    .newsletter-input {
    max-width: 280px;  }    /*------------------------------------------------------------------*/  /* Spacer Style */  /*------------------------------------------------------------------*/  /*spacing*/  .spacer-15 {
    height: 15px;
    width: 100%;  }        .spacer-30 {
    height: 30px;
    width: 100%;  }    .spacer-45 {
    height: 45px;
    width: 100%;  }    .spacer-60 {
    height: 60px;
    width: 100%;  }      .spacer-75 {
    height: 75px;
    width: 100%;  }    .spacer-90 {
    height: 90px;
    width: 100%;  }      /*padding*/  .section-padding {
    padding-top: 100px;
    padding-bottom: 100px;  }    .section-padding-t {
    padding-top: 120px;  }    .section-padding-b {
    padding-bottom: 120px;  }  /*--*/  .p-90 {
    padding: 90px;  }    .ptb-90 {
    padding-top: 90px;
    padding-bottom: 90px;  }    .plt-90 {
    padding-left: 90px;
    padding-right: 90px;  }    .pt-90 {
    padding-top: 90px;  }    .pb-90 {
    padding-bottom: 90px;  }  /*--*/  .p-85 {
    padding: 85px;  }    .ptb-85 {
    padding-top: 85px;
    padding-bottom: 85px;  }    .plt-85 {
    padding-left: 85px;
    padding-right: 85px;  }    .pt-85 {
    padding-top: 85px;  }    .pb-85 {
    padding-bottom: 85px;  }  /*--*/  .p-80 {
    padding: 80px;  }    .ptb-80 {
    padding-top: 80px;
    padding-bottom: 80px;  }    .plt-80 {
    padding-left: 80px;
    padding-right: 80px;  }    .pt-80 {
    padding-top: 80px;  }    .pb-80 {
    padding-bottom: 80px;  }  /*--*/  .p-75 {
    padding: 75px;  }    .ptb-75 {
    padding-top: 75px;
    padding-bottom: 75px;  }    .plt-75 {
    padding-left: 75px;
    padding-right: 75px;  }    .pt-75 {
    padding-top: 75px;  }    .pb-75 {
    padding-bottom: 75px;  }  /*--*/  .p-70 {
    padding: 70px;  }    .ptb-70 {
    padding-top: 70px;
    padding-bottom: 70px;  }    .plt-70 {
    padding-left: 70px;
    padding-right: 70px;  }    .pt-70 {
    padding-top: 70px;  }    .pb-70 {
    padding-bottom: 70px;  }  /*--*/  .p-65 {
    padding: 65px;  }    .ptb-65 {
    padding-top: 65px;
    padding-bottom: 65px;  }    .plt-65 {
    padding-left: 65px;
    padding-right: 65px;  }    .pt-65 {
    padding-top: 65px;  }    .pb-65 {
    padding-bottom: 65px;  }  /*--*/  .p-60 {
    padding: 60px;  }    .ptb-60 {
    padding-top: 60px;
    padding-bottom: 60px;  }    .plt-60 {
    padding-left: 60px;
    padding-right: 60px;  }    .pt-60 {
    padding-top: 60px;  }    .pb-60 {
    padding-bottom: 60px;  }  /*--*/  .p-55 {
    padding: 55px;  }    .ptb-55 {
    padding-top: 55px;
    padding-bottom: 55px;  }    .plt-55 {
    padding-left: 55px;
    padding-right: 55px;  }    .pt-55 {
    padding-top: 55px;  }    .pb-55 {
    padding-bottom: 55px;  }  /*--*/  .p-50 {
    padding: 50px;  }    .ptb-50 {
    padding-top: 50px;
    padding-bottom: 50px;  }    .plt-50 {
    padding-left: 50px;
    padding-right: 50px;  }    .pt-50 {
    padding-top: 50px;  }    .pb-50 {
    padding-bottom: 50px;  }  /*--*/  .p-45 {
    padding: 45px;  }    .ptb-45 {
    padding-top: 45px;
    padding-bottom: 45px;  }    .plt-45 {
    padding-left: 45px;
    padding-right: 45px;  }    .pt-45 {
    padding-top: 45px;  }    .pb-45 {
    padding-bottom: 45px;  }  /*--*/  .p-40 {
    padding: 40px;  }    .ptb-40 {
    padding-top: 40px;
    padding-bottom: 40px;  }    .plt-40 {
    padding-left: 40px;
    padding-right: 40px;  }    .pt-40 {
    padding-top: 40px;  }    .pb-40 {
    padding-bottom: 40px;    }  /*--*/  .p-35 {
    padding: 35px;    }    .ptb-35 {
    padding-top: 35px;
    padding-bottom: 35px;  }    .plt-35 {
    padding-left: 35px;
    padding-right: 35px;  }    .pt-35 {
    padding-top: 35px;  }    .pb-35 {
    padding-bottom: 35px;  }  /*--*/  .p-30 {
    padding: 30px;  }    .ptb-30 {
    padding-top: 30px;
    padding-bottom: 30px;  }    .plt-30 {
    padding-left: 30px;
    padding-right: 30px;  }    .pt-30 {
    padding-top: 30px;  }    .pb-30 {
    padding-bottom: 30px;  }  /*--*/  .p-25 {
    padding: 25px;  }    .ptb-25 {
    padding-top: 25px;
    padding-bottom: 25px;  }    .plt-25 {
    padding-left: 25px;
    padding-right: 25px;  }    .pt-25 {
    padding-top: 25px;  }    .pb-25 {

    padding-bottom: 25px;  }  /*--*/    .p-20 {
    padding: 20px;    }      .ptb-20 {
    padding-top: 20px;
    padding-bottom: 20px;  }    .plt-20 {
    padding-left: 20px;
    padding-right: 20px;  }      .pt-20 {
    padding-top: 20px;  }      .pb-20 {
    padding-bottom: 20px;  }  /*--*/  .p-15 {
    padding: 15px;  }      .ptb-15 {
    padding-top: 15px;
    padding-bottom: 15px;  }    .plr-15 {
    padding-left: 15px;
    padding-right: 15px;  }    .plt-15 {
    padding-left: 15px;
    padding-right: 15px;  }    .pt-15 {
    padding-top: 15px;  }    .pb-15 {
    padding-bottom: 15px;  }  /*--*/  .p-10 {
    padding: 10px;  }    .ptb-10 {
    padding-top: 10px;
    padding-bottom: 10px;  }    .plt-10 {
    padding-left: 10px;
    padding-right: 10px;  }    .pt-10 {
    padding-top: 10px;  }    .pb-10 {
    padding-bottom: 10px;  }  /*--*/  .p-5 {
    padding: 5px;  }    .ptb-5 {
    padding-top: 5px;
    padding-bottom: 5px;  }    .plt-5 {
    padding-left: 5px;
    padding-right: 5px;  }    .pt-5 {
    padding-top: 5px;  }    .pb-5 {
    padding-bottom: 5px;  }        /*margrin*/  .container-margin {
    margin-top: 120px;
    margin-bottom: 120px;  }    .container-margin-t {
    margin-top: 120px;  }    .container-margin-b {
    margin-bottom: 120px;  }    /*--*/  .m-90 {
    margin: 90px;  }    .mtb-90 {
    margin-top: 90px;
    margin-bottom: 90px;  }    .mlt-90 {
    margin-left: 90px;
    margin-right: 90px;  }    .mt-90 {
    margin-top: 90px;  }    .mb-90 {
    margin-bottom: 90px;  }  /*--*/  .m-85 {
    margin: 85px;  }    .mtb-85 {
    margin-top: 85px;
    margin-bottom: 85px;  }    .mlt-85 {
    margin-left: 85px;
    margin-right: 85px;  }    .mt-85 {
    margin-top: 85px;  }    .mb-85 {
    margin-bottom: 85px;  }  /*--*/  .m-80 {
    margin: 80px;  }    .mtb-80 {
    margin-top: 80px;
    margin-bottom: 80px;  }    .mlt-80 {
    margin-left: 80px;
    margin-right: 80px;  }    .mt-80 {
    margin-top: 80px;  }    .mb-80 {
    margin-bottom: 80px;  }  /*--*/  .m-75 {
    margin: 75px;  }    .mtb-75 {
    margin-top: 75px;
    margin-bottom: 75px;  }    .mlt-75 {
    margin-left: 75px;
    margin-right: 75px;  }    .mt-75 {
    margin-top: 75px;  }    .mb-75 {
    margin-bottom: 75px;  }  /*--*/  .m-70 {
    margin: 70px;  }    .mtb-70 {
    margin-top: 70px;
    margin-bottom: 70px;  }    .mlt-70 {
    margin-left: 70px;
    margin-right: 70px;  }    .mt-70 {
    margin-top: 70px;  }    .mb-70 {
    margin-bottom: 70px;  }  /*--*/  .m-65 {
    margin: 65px;  }    .mtb-65 {
    margin-top: 65px;
    margin-bottom: 65px;  }    .mlt-65 {
    margin-left: 65px;
    margin-right: 65px;  }    .mt-65 {
    margin-top: 65px;  }    .mb-65 {
    margin-bottom: 65px;  }  /*--*/  .m-60 {
    margin: 60px;  }    .mtb-60 {
    margin-top: 60px;
    margin-bottom: 60px;  }    .mlt-60 {
    margin-left: 60px;
    margin-right: 60px;  }    .mt-60 {
    margin-top: 60px;  }    .mb-60 {
    margin-bottom: 60px !important;  }  /*--*/  .m-55 {
    margin: 55px;  }    .mtb-55 {
    margin-top: 55px;
    margin-bottom: 55px;  }    .mlt-55 {
    margin-left: 55px;
    margin-right: 55px;  }      .mt-55 {
    margin-top: 55px;  }        .mb-55 {
    margin-bottom: 55px;    }  /*--*/  .m-50 {
    margin: 50px;  }      .mtb-50 {
    margin-top: 50px;
    margin-bottom: 50px;  }    .mlt-50 {
    margin-left: 50px;
    margin-right: 50px;  }    .mt-50 {
    margin-top: 50px;  }    .mb-50 {
    margin-bottom: 50px !important;  }  /*--*/  .m-45 {
    margin: 45px;  }    .mtb-45 {
    margin-top: 45px;
    margin-bottom: 45px;  }    .mlt-45 {
    margin-left: 45px;
    margin-right: 45px;  }    .mt-45 {
    margin-top: 45px;  }    .mb-45 {
    margin-bottom: 45px;  }  /*--*/  .m-40 {
    margin: 40px;  }    .mtb-40 {
    margin-top: 40px;
    margin-bottom: 40px;  }    .mlt-40 {
    margin-left: 40px;
    margin-right: 40px;  }    .mt-40 {
    margin-top: 40px;  }    .mb-40 {
    margin-bottom: 40px;  }  /*--*/  .m-35 {
    margin: 35px;  }    .mtb-35 {
    margin-top: 35px;
    margin-bottom: 35px;  }    .mlt-35 {
    margin-left: 35px;
    margin-right: 35px;  }    .mt-35 {
    margin-top: 35px;  }    .mb-35 {
    margin-bottom: 35px;  }    /*--*/        .m-30 {
    margin: 30px;  }      .mtb-30 {
    margin-top: 30px;
    margin-bottom: 30px;  }    .mlt-30 {
    margin-left: 30px;
    margin-right: 30px;  }    .mt-30 {
    margin-top: 30px;  }    .mb-30 {
    margin-bottom: 30px;  }  /*--*/  .m-25 {
    margin: 25px;  }    .mtb-25 {
    margin-top: 25px;
    margin-bottom: 25px;  }    .mlt-25 {
    margin-left: 25px;
    margin-right: 25px;  }    .mt-25 {
    margin-top: 25px;  }    .mb-25 {
    margin-bottom: 25px;  }  /*--*/  .m-20 {
    margin: 20px;  }    .mtb-20 {
    margin-top: 20px;
    margin-bottom: 20px;  }    .mlt-20 {
    margin-left: 20px;
    margin-right: 20px;  }    .mt-20 {
    margin-top: 20px;  }    .mb-20 {
    margin-bottom: 20px;  }  /*--*/  .m-15 {
    margin: 15px;  }    .mtb-15 {
    margin-top: 15px;
    margin-bottom: 15px;  }    .mlt-15 {
    margin-left: 15px;
    margin-right: 15px;  }    .mt-15 {
    margin-top: 15px;  }    .mb-15 {
    margin-bottom: 15px;  }  /*--*/  .m-10 {
    margin: 10px;  }    .mtb-10 {
    margin-top: 10px;
    margin-bottom: 10px;  }    .mlt-10 {
    margin-left: 10px;
    margin-right: 10px;  }    .mt-10 {
    margin-top: 10px;  }    .mb-10 {
    margin-bottom: 10px;  }  /*--*/  .m-5 {
    margin: 5px;  }    .mtb-5 {
    margin-top: 5px;
    margin-bottom: 5px;  }    .mlt-5 {
    margin-left: 5px;
    margin-right: 5px;  }    .mt-5 {
    margin-top: 5px;  }    .mb-5 {
    margin-bottom: 5px;  }  /*--*/  .m-0 {
    margin: 0px;  }    .mtb-0 {
    margin-top: 0px;
    margin-bottom: 0px;  }    .mlt-0 {
    margin-left: 0px;
    margin-right: 0px;  }    .mt-0 {
    margin-top: 0px;  }    .mb-0 {
    margin-bottom: 0px !important;  }      @media (
    max-width: 767px) {      /*extra small medium*/        /*padding*/      .section-padding {          padding-top: 70px;
    padding-bottom: 60px;      }        .section-padding-t {
    padding-top: 70px;      }        .section-padding-b {
    padding-bottom: 70px;      }        /*margrin*/      .container-margin {
    margin-top: 70px;
    margin-bottom: 70px;      }        .container-margin-t {
    margin-top: 70px;      }        .container-margin-b {
    margin-bottom: 70px;      }        .float-xs-left {
    float: left !important;
    text-align: left;      }        .float-xs-right {
    float: right !important;
    text-align: right;      }        .p-xs-0 {
    padding: 0px;      }        .ptb-xs-0 {
    padding-top: 0px;
    padding-bottom: 0px;      }        .plt-xs-0 {
    padding-left: 0px;
    padding-right: 0px;      }        .pt-xs-0 {
    padding-top: 0px;      }        .pb-xs-0 {
    padding-bottom: 0px;      }          .mtb-xs-30 {
    margin-top: 30px;
    margin-bottom: 30px;      }        .mlt-xs-30 {
    margin-left: 30px;
    margin-right: 30px;      }        .mt-xs-30 {
    margin-top: 30px;      }        .mb-xs-30 {
    margin-bottom: 30px;      }        /* 0 */        .mtb-xs-0 {
    margin-top: 0px;
    margin-bottom: 0px;        }        .mlt-xs-0 {
    margin-left: 0px;
    margin-right: 0px;      }        .mt-xs-0 {
    margin-top: 0px;      }        .mb-xs-0 {
    margin-bottom: 0px;      }  }    @media (
    max-width: 991px) {      .p-sm-0 {          padding: 0px;      }        .ptb-sm-0 {
    padding-top: 0px;
    padding-bottom: 0px;      }        .plt-sm-0 {
    padding-left: 0px;
    padding-right: 0px;      }        .pt-sm-0 {
    padding-top: 0px;      }        .pb-sm-0 {
    padding-bottom: 0px;      }          /* 45 */      .mtb-sm-45 {
    margin-top: 45px;
    margin-bottom: 45px;      }        .mlt-sm-45 {
    margin-left: 45px;
    margin-right: 45px;      }        .mt-sm-45 {
    margin-top: 45px;        }          .mb-sm-45 {
    margin-bottom: 45px;      }        /* 30 */      .mtb-sm-30 {

    margin-top: 30px;
    margin-bottom: 30px;          }        .mlt-sm-30 {
    margin-left: 30px;
    margin-right: 30px;      }        .mt-sm-30 {
    margin-top: 30px;      }        .mb-sm-30 {
    margin-bottom: 30px;      }        /* 0 */      .mtb-sm-0 {
    margin-top: 0px;
    margin-bottom: 0px;      }        .mlt-sm-0 {
    margin-left: 0px;
    margin-right: 0px;      }        .mt-sm-0 {
    margin-top: 0px;      }        .mb-sm-0 {
    margin-bottom: 0px;      }  }        /*==========================================================================================================*/  /* HEADER     ||---------------------------- */  /*==========================================================================================================*/    /*------------------------------------------------------------------*/  /* Header Style */  /*------------------------------------------------------------------*/  .header {
    position: absolute;
    text-align: center;
    top: 47px;
    z-index: 1000;
    color: #fff;
    width: 100%;
    height: 85px;
    transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
    -o-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
    -moz-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
    -webkit-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
    background: rgba(0, 0, 0, 0.85);
    /* border-bottom: 3px solid rgb(0, 0, 0); */
    /* margin-top: 45px; */  }        .header.header-prepare, .header.header-light.header-prepare {
    background-color: rgba(255, 255, 255, 0.95);
    /* border-bottom: 1px solid #f0f0f0; */      }        .header.header-dark.header-prepare {
    background-color: rgba(34, 34, 34, 0.95);
    border-bottom: 0px none;      }        .header.header-fixed {
    display: block;
    margin-top: 0 !important;
    position: fixed;
    height: 68px;
    background: black;
    top: 0px;      }    .header-inner {
    padding-left: 30px;
    padding-right: 30px;
    position: relative;  }    .header-fixed .logo
    a {      margin-top: 15px;
    margin-bottom: 15px;
    transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
    -o-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
    -moz-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
    -webkit-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;  }    .header-fixed .nav-menu
    ul.nav-menu-inner > li > a {      padding-top: 22px;
    padding-bottom: 22px;  }    /*header Logo style*/  .header.header-prepare .logo
    a img.logo-light,  .header .logo a img.logo-dark {      opacity: 0;  }    .header .logo
    a img.logo-light,  .header.header-prepare .logo a img.logo-dark,  .header.header-light .logo a img.logo-dark {      opacity: 1;  }    .header.header-dark.header-prepare .logo
    a img.logo-dark,  .header.header-dark .logo a img.logo-dark {      opacity: 0;  }    .header.header-dark.header-prepare .logo
    a img.logo-light,  .header.header-dark .logo a img.logo-light {      opacity: 1;  }    @media all and (
    min-width: 1025px) {        /*header nav style*/      .header.header-prepare .nav-menu ul.nav-menu-inner > li > a {          color: rgb(255, 255, 255);      }              .header.header-prepare .nav-menu ul.nav-menu-inner > li:hover > a,          .header.header-prepare .nav-menu ul.nav-menu-inner > li > a:hover {
    color: rgb(255, 255, 255);          }        .header.header-dark.header-prepare .nav-menu ul.nav-menu-inner > li > a {
    color: rgba(255,255,255,0.75);      }            .header.header-dark.header-prepare .nav-menu ul.nav-menu-inner > li:hover > a,          .header.header-dark.header-prepare .nav-menu ul.nav-menu-inner > li > a:hover {
    color: rgba(255,255,255,1);          }  }    @media all and (
    max-width: 1024px) {      .header {          height: 58px;      }        .header-inner {
    padding-left: 30px;
    padding-right: 30px;
    position: relative;
    display: table;
    width: 100%;            }        .header .logo a {
    margin-top: 15px;
    margin-bottom: 15px;
    width: 100px;
    transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;      }  }      /*------------------------------------------------------------------*/  /* Logo Style */  /*------------------------------------------------------------------*/  .logo {
    float: left;
    text-align: left;
    display: inline-block;  }        .logo
    a {          width: 100px;
    display: block;
    margin-top: 29px;
    margin-bottom: 28px;
    transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
    -o-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
    -moz-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
    -webkit-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
    position: relative;      }            .logo
    a img {              width: 210px;
    position: absolute;
    top: -22px;
    left: 0;
    transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
    -o-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
    -moz-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
    -webkit-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;          }        /*------------------------------------------------------------------*/  /* Navigation Menu Style */  /*------------------------------------------------------------------*/  .nav-menu {
    position: static;
    float: right;
    display: block;  }        .nav-menu.active {
    display: block;      }        .nav-menu
    ul.nav-menu-inner {          margin: 0;
    padding: 0;
    list-style: none;      }            .nav-menu
    ul.nav-menu-inner li {              display: inline-block;
    list-style: none;
    text-align: left;          }            .nav-menu
    ul.nav-menu-inner > li > a {              color: #fff;          }    .header-light .nav-menu
    ul.nav-menu-inner > li > a {      color: rgba(34, 34, 34, 0.6);  }          .nav-menu
    ul.nav-menu-inner li a {      font-family: Oswald;
    display: block;
    font-size: 15px;
    line-height: 1;
    font-weight: lighter;
    text-transform: uppercase;
    letter-spacing: 1.6px;
    transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
    -o-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
    -moz-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
    -webkit-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;  }    .nav-menu
    ul.nav-menu-inner > li > a {      padding: 39px 15px;  }    .header .nav-menu
    ul.nav-menu-inner > li.active a,  .header .nav-menu ul.nav-menu-inner > li a.active,  .header .nav-menu ul.nav-menu-inner > li:hover > a,  .header .nav-menu ul.nav-menu-inner > li > a:hover,  .header.header-dark .nav-menu ul.nav-menu-inner > li.active a,  .header.header-dark .nav-menu ul.nav-menu-inner > li a.active,  .header.header-dark .nav-menu ul.nav-menu-inner > li:hover > a,  .header.header-dark .nav-menu ul.nav-menu-inner > li > a:hover,  .header.header-dark.header-prepare .nav-menu ul.nav-menu-inner li a.current,    .header.header-dark.header-prepare .nav-menu ul.nav-menu-inner li.current a {      color: #ffffff;
    /* border-bottom: 2px solid; */
    padding-bottom: 31px;
    background: #229944;  }    .header.header-light .nav-menu
    ul.nav-menu-inner > li:hover > a,        .header.header-light .nav-menu ul.nav-menu-inner > li > a:hover,  .header.header-prepare .nav-menu ul.nav-menu-inner li a.current,  .header.header-prepare .nav-menu ul.nav-menu-inner li.current a {      color: #222;  }    /* Mobile bar icon */  .nav-mobile.nav-bar-icon {
    display: none;  }    .nav-bar-icon {
    display: inline-block;
    float: right;
    position: relative;
    height: 16px;
    width: 20px;
    margin-top: 34px;
    margin-bottom: 35px;
    margin-left: 15px;
    transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
    -moz-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
    -o-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
    -webkit-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
    cursor: pointer;        }      .header-fixed .nav-bar-icon {
    margin-top: 21px;
    margin-bottom: 21px;  }    .nav-bar-icon
    a {      color: #fff;
    display: block;
    font-size: 17px;
    padding: 19px 0;  }        .nav-bar-icon.active
    a, .nav-bar-icon a.active,      .nav-bar-icon:hover a, .nav-bar-icon a:hover {          color: #17a697;      }    .nav-bar-icon >
    span {      position: absolute;
    top: 50%;
    display: block;
    width: 20px;
    height: 2px;
    margin-top: -1px;
    background-color: #222;
    -webkit-transition: -webkit-transform 0.3s, background 0.25s ease;
    -webkit-transition: background 0.25s ease, -webkit-transform 0.3s;
    transition: background 0.25s ease, -webkit-transform 0.3s;
    transition: transform 0.3s, background 0.25s ease;
    transition: transform 0.3s, background 0.25s ease, -webkit-transform 0.3s;  }        .nav-bar-icon >
    span:before,      .nav-bar-icon > span:after {          content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #222;
    -webkit-transition: -webkit-transform 0.3s, background 0.25s ease;
    -webkit-transition: background 0.25s ease, -webkit-transform 0.3s;
    transition: background 0.25s ease, -webkit-transform 0.3s;
    transition: transform 0.3s, background 0.25s ease;
    transition: transform 0.3s, background 0.25s ease, -webkit-transform 0.3s;      }
    header .nav-bar-icon > span,  header .nav-bar-icon > span:before,  header .nav-bar-icon > span::after,  header.header-dark .nav-bar-icon > span,  header.header-dark .nav-bar-icon > span:before,  header.header-dark .nav-bar-icon > span::after,  header.header-dark.header-prepare .nav-bar-icon > span,  header.header-dark.header-prepare .nav-bar-icon > span:before,  header.header-dark.header-prepare .nav-bar-icon > span::after {      background-color: #fff;  }
    header.header-light .nav-bar-icon > span,  header.header-light .nav-bar-icon > span:before,  header.header-light .nav-bar-icon > span::after,  header.header-prepare .nav-bar-icon > span,  header.header-prepare .nav-bar-icon > span:before,  header.header-prepare .nav-bar-icon > span::after {      background-color: #222;  }      .nav-bar-icon >
    span:before {      -webkit-transform: translateY(-7px);
    transform: translateY(-7px);
    -o-transform: translateY(-7px);
    -ms-transform: translateY(-7px);
    -moz-transform: translateY(-7px);  }    .nav-bar-icon >
    span:after {      -webkit-transform: translateY(7px);
    transform: translateY(7px);
    -o-transform: translateY(7px);
    -ms-transform: translateY(7px);
    -moz-transform: translateY(7px);  }    .nav-bar-icon.active {
    transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);  }        .nav-bar-icon.active >
    span:before {          transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);      }              .nav-bar-icon.active >
    span:after {          transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);      }    /* Dropdown-menu */  .nav-menu >
    ul li {      position: relative;  }    .sub-dropdown.dropdown {
    top: 100%;
    left: 0;  }    .sub-dropdown {
    position: absolute;
    left: 100%;
    top: 0;
    display: none;
    background: #229944 !important;
    padding: 0;
    width: 200px;
    color: red;  }        .sub-dropdown
    li {          width: 100%;      }          .sub-dropdown >
    li > a {          padding: 13px 15px;
    display: block;
    color: rgb(255, 255, 255);
    border-bottom: 1px solid;      }        .sub-dropdown >
    li:hover > a {          background: #1d7e39;
    color: #fff;        }        .sub-dropdown
    i {          float: right;                        }      @media all and (
    max-width: 1024px) {      .nav-menu ul.nav-menu-inner li {          display: block;
    width: 100%;      }        .nav-menu {
    position: static;
    left: 0;
    top: 100%;
    float: none;
    display: none;
    width: 100%;
    background: rgba(34,34,34,0.85);
    overflow-y: auto;
    z-index: 999;      }        .nav-bar-icon, .nav-mobile.nav-bar-icon, .header-fixed .nav-bar-icon {
    display: inline-block;
    float: right;
    margin-top: 21px;
    margin-bottom: 21px;      }        .nav-menu ul.nav-menu-inner li a, .header-fixed .nav-menu ul.nav-menu-inner li a {
    padding: 15px 12px;
    border-top: 1px solid #444;      }          /* Dropdown */      .sub-dropdown.dropdown, .sub-dropdown {
    top: 100%;
    position: relative;
    left: 0;
    width: 100%;      }            .sub-dropdown a {
    padding-left: 30px !important;          }        .header .nav-menu ul.nav-menu-inner li a.current,      .header .nav-menu ul.nav-menu-inner li.current a,      .header.header-light .nav-menu ul.nav-menu-inner > li:hover > a,      .header.header-light .nav-menu ul.nav-menu-inner > li > a:hover,      .header.header-prepare .nav-menu ul.nav-menu-inner li a.current,      .header.header-prepare .nav-menu ul.nav-menu-inner li.current a {
    color: #fff;      }        .header-light .nav-menu ul.nav-menu-inner > li > a {
    color: rgba(255,255,255,0.60);      }  }      /*------------------------------------------------------------------*/  /* Overlay Menu */  /*------------------------------------------------------------------*/  .overlay-menu {
    background: rgba(0, 0, 0, 0.9) none repeat scroll 0 0;
    display: table;
    height: 100%;
    min-height: 100%;
    opacity: 0;
    position: fixed;
    visibility: hidden;
    width: 100%;
    z-index: 9999;
    transition: all 0.4s ease-in-out 0s;
    -o-transition: all 0.4s ease-in-out 0s;
    -moz-transition: all 0.4s ease-in-out 0s;
    -webkit-transition: all 0.4s ease-in-out 0s;
    top: 0px;
    left: 0px;
    overflow: auto;
    padding: 50px 0;  }        .overlay-menu.active {
    opacity: 1;
    top: 0;
    visibility: visible;      }        .overlay-menu .overlay-menu-inner {
    display: table-cell;
    height: 100%;
    text-align: center;
    vertical-align: middle;
    width: 100%;      }            .overlay-menu .overlay-menu-inner
    nav {              display: block;          }    .overlay-menu-nav {
    list-style: none;
    margin: 0;
    padding: 0;
    max-width: 290px;
    margin: auto;  }    .overlay-menu .overlay-menu-nav {
    opacity: 0.2;
    transform: translateY(-15%) rotateX(35deg);
    -moz-transform: translateY(-15%) rotateX(35deg);
    -ms-transform: translateY(-15%) rotateX(35deg);
    -o-transform: translateY(-15%) rotateX(35deg);
    -webkit-transform: translateY(-15%) rotateX(35deg);
    transition: transform 0.5s ease 0s, opacity 0.5s ease 0s;
    -moz-transition: transform 0.5s ease 0s, opacity 0.5s ease 0s;
    -o-transition: transform 0.5s ease 0s, opacity 0.5s ease 0s;
    -webkit-transition: transform 0.5s ease 0s, opacity 0.5s ease 0s;  }    .overlay-menu.active .overlay-menu-nav {
    opacity: 1;
    transform: rotateX(0deg);

    -moz-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);
    -o-transform: rotateX(0deg);
    -webkit-transform: rotateX(0deg);  }      .overlay-menu-nav
    li {      display: block;  }        .overlay-menu-nav
    li a {          color: #fff;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 400;
    padding-top: 5px;
    padding-bottom: 5px;
    letter-spacing: 2px;
    display: block;      }        .overlay-menu-nav
    li:hover a {          color: #17a697;      }    .overlay-menu-close {
    color: #fff;
    height: 16px;
    line-height: 40px;
    position: absolute;
    right: 30px;
    text-align: center;
    top: 30px;
    width: 16px;

    transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    z-index: 1;  }        .overlay-menu-close >
    span {          position: absolute;
    top: 50%;
    display: block;
    width: 20px;
    height: 2px;
    background-color: #fff;
    -webkit-transition: -webkit-transform 0.3s, background 0.25s ease;
    -webkit-transition: background 0.25s ease, -webkit-transform 0.3s;
    transition: background 0.25s ease, -webkit-transform 0.3s;
    transition: transform 0.3s, background 0.25s ease;
    transition: transform 0.3s, background 0.25s ease, -webkit-transform 0.3s;      }            .overlay-menu-close >
    span:before,          .overlay-menu-close > span:after {              content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    -webkit-transition: -webkit-transform 0.3s, background 0.25s ease;
    -webkit-transition: background 0.25s ease, -webkit-transform 0.3s;
    transition: background 0.25s ease, -webkit-transform 0.3s;
    transition: transform 0.3s, background 0.25s ease;
    transition: transform 0.3s, background 0.25s ease, -webkit-transform 0.3s;
    transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);          }          .overlay-menu-close:hover >
    span,      .overlay-menu-close:hover > span:before,      .overlay-menu-close:hover > span:after {          background-color: #17a697;      }    @media all and (
    max-width: 960px) {      .overlay-menu-active .overlay-menu {          position: absolute;      }        .overlay-menu-active #page-wraper {
    position: fixed;      }  }              /*==========================================================================================================*/  /* INTRO     ||---------------------------- */  /*==========================================================================================================*/    /*------------------------------------------------------------------*/  /* Intro */  /*------------------------------------------------------------------*/    #intro {
    position: relative;
    overflow: hidden;  }    .intro-media-wraper {
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;  }    .intro-bg-section {
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;  }    .intro-caption-waper {
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 2;  }    .intro-caption-top {
    z-index: 2;  }    .intro-content {
    display: table;
    height: 100%;
    text-align: center;
    width: 100%;  }      .intro-content-inner {
    display: table-cell;
    height: 100%;
    vertical-align: middle;  }      .intro-img-circle {
    margin-left: auto;
    margin-right: auto;
    width: 120px;
    height: 120px;
    border: 5px solid rgba(0,0,0, 0.2);
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    margin-bottom: 30px;  }        .intro-img-circle
    img {          outline: none;
    border: none;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;      }    .intro-play-icon {
    text-align: center;  }    .intro-sub-title {
    letter-spacing: 1.5px;      }    .intro-title {
    font-size: 70px;
    margin-top: 40px;
    margin-bottom: 40px;
    font-weight: 400;
    line-height: 1.1;
    /*letter-spacing: -2px;*/  }    .intro-title-sm {
    font-size: 44px !important;
    margin-top: 30px;
    font-weight: 400;
    margin-bottom: 0;  }    .error-intro-title {
    font-size: 100px;
    margin-top: 0;
    margin-bottom: 0;
    font-weight: 600;
    line-height: 1.1;  }    .inner-intro {
    position: relative;
    padding: 70px 0;  }        .inner-intro
    h1 {          font-size: 54px;
    margin-top: 30px;      }    @media (
    max-width: 1024px) {      .intro-title {          letter-spacing: 0;
    font-size: 46px;      }  }    @media (
    max-width: 767px) {      .intro-title {          letter-spacing: 0;
    font-size: 30px;      }  }    /*------------------------------------------------------------------*/  /* Slider */  /*------------------------------------------------------------------*/    .sc-logo {
    /*margin-top: 0px;      margin-bottom:0;*/
    text-align: center;  }    .sc-title {
    font-weight: 800;
    text-align: center;
    /*margin-top: 0px;      margin-bottom:0;*/  }    .sc-paragraph-lead {
    font-family: Georgia;
    font-style: italic;
    font-size: 20px;
    text-align: center;
    /*margin-top: 0px;      margin-bottom:0;*/  }    .sc-button {  }            /*==========================================================================================================*/  /* ELEMENTS     ||---------------------------- */  /*==========================================================================================================*/    /*------------------------------------------------------------------*/  /* Skills Bar */  /*------------------------------------------------------------------*/    .skillbar {
    position: relative;
    display: block;
    width: 100%;
    margin-bottom: 20px;  }    .skillbar-bar {
    background: rgba(34,34,34,0.07);
    width: 100%;  }    .skillbar-bar-child {
    height: 4px;
    width: 0px;
    background: #17a697;
    -webkit-transition-property: width, background-color;
    -moz-transition-property: width, background-color;
    -ms-transition-property: width, background-color;
    -o-transition-property: width, background-color;
    transition-property: width, background-color;  }    .skillbar-title {
    display: inline-block;
    text-align: left;
    margin-bottom: 7px;  }    .skillbar-title, .skill-bar-percent {  }      .skill-bar-percent {
    float: right;
    display: inline-block;
    font-weight: 400;
    margin-top: 3px;
    font-size: 12px;  }        /*------------------------------------------------------------------*/  /* Team Box */  /*------------------------------------------------------------------*/    /* Team Box   ||-------------------*/  .team-item {
    padding-left: 15px;
    padding-right: 15px;  }    .team-item-img {
    position: relative;  }        .team-item-img >
    img {          width: 100%;      }        .team-item-img .team-item-detail {
    background: rgba(255,255,255,0.95);
    text-align: center;
    color: #fff;
    display: -webkit-flex;
    display: flex;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
    transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;      }    .team-item:hover .team-item-detail {
    opacity: 1;
    visibility: visible;  }      .team-item-img .team-item-detail .team-item-detail-inner, .cent-mid-content {
    margin: auto;
    padding: 25px;  }        .team-item-img .team-item-detail .team-item-detail-inner .social {
    margin: 5px 0px 0px 0px;
    padding: 0px;      }            .team-item-img .team-item-detail .team-item-detail-inner .social
    li {              list-style: none;
    display: inline-block;
    margin: 0px 8px;          }                .team-item-img .team-item-detail .team-item-detail-inner .social
    li a {                  border: 1px solid #222;
    color: #222;
    display: block;
    font-size: 14px;
    height: 28px;
    width: 28px;
    line-height: 1.8;
    transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    text-align: center;              }                    .team-item-img .team-item-detail .team-item-detail-inner .social
    li a i {                      transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);                  }                    .team-item-img .team-item-detail .team-item-detail-inner .social
    li a:hover {                      color: #fff;
    background: #222;                  }    .team-item-info {
    padding-top: 15px;
    text-align: center;  }        .team-item-info
    h5, .team-item-info h6 {          margin-bottom: 5px;      }        .team-item-info
    p {          margin-bottom: 0px;      }      /*------------------------------------------------------------------*/  /* Tabs */  /*------------------------------------------------------------------*/
    ul.icon-tab-nav, .icon-tab-nav ul {      list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;  }
    ul.icon-tab-nav li, .icon-tab-nav ul li {          display: inline-block;
    width: 200px;      }    .icon-tab-nav {
    display: block;  }        .icon-tab-nav
    a {          font-size: 44px;
    /*color: #aaa;*/      }        .icon-tab-nav .icon-tab-nav-title {
    margin-top: 10px;      }        .icon-tab-nav
    a, .icon-tab-nav .icon-tab-nav-title {          transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;      }            .icon-tab-nav
    a.active, .icon-tab-nav a.active .icon-tab-nav-title,          .icon-tab-nav a:hover, .icon-tab-nav a:hover .icon-tab-nav-title {              color: #17a697;          }      /*------------------------------------------------------------------*/  /* Accordion & Toggle*/  /*------------------------------------------------------------------*/  .accordion, .toggle {
    margin-bottom: 20px;
    margin-top: 0;  }        .accordion .accordion-title, .toggle .toggle-title {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 1.5px;
    margin-bottom: 10px;
    text-transform: uppercase;
    font-weight: 400;      }        .accordion > .accordion-title >
    a:after, .toggle > .toggle-title > a:after {          color: #222;
    content: "";              }        .accordion > .accordion-content, .toggle > .toggle-content {
    font-size: 14px;
    line-height: 1.8;
    margin-bottom: 10px;
    padding: 10px 20px 10px;      }      /*------------------------------------------------------------------*/  /* Counter */  /*------------------------------------------------------------------*/    .counter-group {
    position: relative;  }    .counter-group {
    position: relative;  }    .counter-icon {
    display: inline-block;
    font-size: 38px;
    vertical-align: top;
    margin-right: 20px;  }    .counter-content {
    display: inline-block;
    text-align: left;  }    .counter-title {
    font-family: inherit;
    font-size: 60px !important;
    line-height: 1;
    margin-bottom: 12px;  }    .counter-sub-title {
    margin-bottom: 0;  }      /*------------------------------------------------------------------*/  /* Pricing-box */  /*------------------------------------------------------------------*/    .pricing-box {
    background: #fff;
    border: 1px solid #eee;
    text-align: center;
    padding-top: 50px;
    padding-bottom: 50px;  }        .pricing-box.highlight {
    border: 1px solid #f5f5f5;
    background: #f5f5f5;      }    .pricing-padding {
    padding-top: 30px;
    padding-bottom: 30px;  }    .pricing-padding-t {
    padding-top: 30px;  }    .pricing-padding-b {
    padding-bottom: 30px;  }        .pricing-title, .pricing-price, .pricing-features, .pricing-button {
    padding-left: 15px;
    padding-right: 15px;  }        .pricing-title
    h1, .pricing-title h2, .pricing-title h3, .pricing-title h4, .pricing-title h5, .pricing-title h6 {          margin-bottom: 0px;      }    .pricing-price {
    margin-top: 40px;
    margin-bottom: 40px;  }        .pricing-price
    p {          color: #222;
    line-height: 1;      }        .pricing-price .dollar {
    vertical-align: 32px;
    /*margin-right: 5px;*/      }        .pricing-price .dollar, .pricing-price .pricing-price-sm {
    font-size: 14px;
    font-weight: 400;      }        .pricing-price .pricing-price-sm {
    /*margin-left: 5px;*/      }        .pricing-price .pricing-price-lg {
    font-size: 60px;
    font-weight: 300;      }    .pricing-features {
    font-size: 16px;
    margin-bottom: 45px;  }        .pricing-features
    ul {          list-style: none;
    padding: 0;      }            .pricing-features
    ul li {              margin-bottom: 10px;          }      /*------------------------------------------------------------------*/  /* Action-box */  /*------------------------------------------------------------------*/  .action-box-title {
    margin-bottom: 10px !important;
    line-height: 1.2 !important;  }    .action-box-content {
    margin-bottom: 0px !important;  }    /*------------------------------------------------------------------*/  /* History-box */  /*------------------------------------------------------------------*/  .history-box {
    padding: 30px;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    border-right: 1px solid #eee;
    border-left: 5px solid #eee;  }    .history-year {
    background: #222;
    padding: 5px 10px;
    color: #fff;
    display: inline-block;
    margin-bottom: 15px;  }    .history-title {  }    .history-sub-title {
    margin-bottom: 15px;
    font-weight: 400;
    color: #a0a0a0;  }    .history-content {
    margin-bottom: 0;  }    /*------------------------------------------------------------------*/  /* Client Logo */  /*------------------------------------------------------------------*/    .client-logo {
    height: 90px;
    text-align: center;    }          .client-logo
    img {          height: 64%;        }      /*------------------------------------------------------------------*/  /* Social */  /*------------------------------------------------------------------*/  .social-box {
    position: relative;  }        .social-box .social-icon, .social-box .social-link
    a, .social-box .social-link {          color: #fff;      }        .social-box .social-icon {
    width: 105px;
    height: 105px;
    background: rgba(255,255,255,0.1);
    line-height: 105px;
    text-align: center;
    font-size: 30px;
    /*border-radius: 50%;          -moz-border-radius: 50%;          -webkit-border-radius: 50%;*/
    /*border: 13px solid rgba(255, 255, 255, 0.05);*/
    cursor: pointer;
    margin: auto;
    transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);      }            .social-box .social-icon
    i {              transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);          }        .social-box .social-link {
    margin-top: 35px;
    margin-bottom: 0px;      }        .social-box:hover .social-icon {
    background: #17a697;      }        .social-box:hover .social-link
    a {          color: #17a697;      }        /*------------------------------------------------------------------*/  /* Pagination */  /*------------------------------------------------------------------*/  .pagination-nav {
    display: block;
    position: relative;
    text-align: center;
    width: 100%;  }        .pagination-nav
    ul {          margin: 0;
    padding: 0;
    list-style: none;      }            .pagination-nav
    ul li {              display: inline-block;
    margin: 0 2px;          }                .pagination-nav
    ul li a {                  display: block;
    font-size: 14px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    width: 36px;
    border: 1px solid #eee;              }                    .pagination-nav
    ul li a.active {                      border: 1px solid #222;
    background: #222;
    color: #fff;                  }                        .pagination-nav
    ul li a.active:hover {                          color: #fff;                      }                    .pagination-nav
    ul li a:hover {                      border: 1px solid #222;
    color: #222;                  }        .pagination-nav .prev {
    float: left;
    text-align: left;      }        .pagination-nav .next {
    float: right;
    text-align: left;      }              .pagination-nav .prev
    a, .pagination-nav .next a {                width: auto;
    padding-left: 15px;
    padding-right: 15px;            }    /*------------------------------------------------------------------*/  /* Contact Form, Map, contact-info */  /*------------------------------------------------------------------*/    .contact-info {
    position: relative;  }        .contact-info
    p {          margin-bottom: 0px;      }    .home-contact-txt-msg {
    max-height: 114px;  }
    form .error {      text-align: left;  }    .map {
    height: 400px;
    width: 100%;  }            /*------------------------------------------------------------------*/  /* Preloader */  /*------------------------------------------------------------------*/  #preloader {
    background-color: rgba(255, 255, 255, 1);
    bottom: 0;
    display: block;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 99999999999;  }      .site-spinner {
    border: 1px solid #ddd;
    font-size: 50px;
    width: 50px;
    height: 50px;
    left: 50%;
    top: 50%;
    margin: -25px 0 0 -25px;
    position: absolute;
    text-align: center;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-animation: site-spin 1s linear infinite;
    -moz-animation: site-spin 1s linear infinite;
    animation: site-spin 1s linear infinite;
    border-top-color: #222;  }    @-webkit-keyframes site-spin {      to {
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);      }  }    @-moz-keyframes site-spin {      to {
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);      }  }    @keyframes site-spin {      to {
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);      }  }    /*------------------------------------------------------------------*/  /* Countdown Clock */  /*------------------------------------------------------------------*/  .countdown-clock {
    display: block;
    list-style: none;
    text-align: center;
    padding: 0;  }        .countdown-clock
    li {          display: inline-block;
    padding: 0 10px;      }            .countdown-clock
    li span {              font-size: 80px;
    font-weight: 600;
    line-height: 80px;          }            .countdown-clock
    li p {              text-transform: uppercase;
    font-weight: 600;
    font-size: 12px;
    margin-top: 8px;          }            .countdown-clock
    li.seperator {              vertical-align: top;
    line-height: 70px;
    font-size: 65px;          }        .countdown-clock.countdown-dark, .countdown-clock.countdown-dark
    li span, .countdown-clock.countdown-dark li p {          color: #222;      }        /*==========================================================================================================*/  /* FOOTER     ||---------------------------- */  /*==========================================================================================================*/    .footer {
    padding-top: 3px;
    /* padding-bottom: 120px; */
    background: #333334;  }        /*------------------------------------------------------------------*/      /* Social */      /*------------------------------------------------------------------*/      .footer .social {
    list-style: outside none none;
    padding: 0;      }            .footer .social
    li {              display: inline-block;
    list-style: outside none none;
    margin: 0 8px;          }                  .footer .social
    li a {                    border: 1px solid #222;
    display: block;
    font-size: 14px;
    height: 30px;
    line-height: 28px;
    text-align: center;
    width: 30px;
    transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);              }                    .footer .social
    li a i, .footer .social li a span {                      transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);                  }                    .footer .social
    li a:hover {                      background: #222 none repeat scroll 0 0;
    color: #fff;                    }        /*------------------------------------------------------------------*/    /* Copyright */  /*------------------------------------------------------------------*/  .copyright {
    line-height: 1.9;
    padding-top: 20px;  }    .copy-link {
    letter-spacing: 4px;
    text-transform: uppercase;
    font-size: 12px;
    color: #fff;  }        /*==========================================================================================================*/  /* GLOBEL     ||---------------------------- */  /*==========================================================================================================*/    /*------------------------------------------------------------------*/  /* Content Box (Services Box, Featured Box, icon-box, etc...) */  /*------------------------------------------------------------------*/    .content-box, .content-box-with-bg {
    position: relative;  }            .content-box.left {
    padding-left: 100px;
    text-align: left;
    margin-bottom: 35px;
    position: relative;      }        .content-box.right {
    padding-right: 100px;
    text-align: right;
    margin-bottom: 35px;
    position: relative;      }    .content-box-with-bg {
    padding: 45px 30px 30px !important;
    background: #fff;
    border-radius: 3px;
    border: 1px dashed #eee;
    margin-bottom: 30px;
    transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;  }        .content-box-with-bg:hover {
    background: #f7f7f7;
    border-color: #f7f7f7;      }      /*Icon Style 1*/    .content-box:hover .icon-top, .content-box:hover .icon-left, .content-box:hover .icon-right {
    background-color: #222;
    color: #fff;  }    .icon-top, .icon-left, .icon-right {
    background-color: #f5f5f5;
    display: inline-block !important;
    font-size: 26px;
    color: #333;
    height: 70px;
    line-height: 75px;
    width: 70px;
    text-align: center;
    transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
    transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;  }        .icon-top
    i, .icon-top span,      .icon-left i, .icon-left span,      .icon-right i, .icon-right span {          transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);      }    .icon-top {
    margin-bottom: 45px;  }    .icon-left, .alt-icon-left {
    position: absolute;
    left: 0;  }    .icon-right, .alt-icon-right {
    position: absolute;
    right: 0;  }    .alt-icon-left, .alt-icon-right {
    top: 5px;  }      .icon-left, .icon-right {
    top: 15px;    }    .alt-icon-color {
    color: #032e20 !important;  }    .icon-color {
    background-color: #17a697;
    color: #fff;  }    .icon-black {
    background-color: #222;
    color: #fff;  }    .content-box:hover .icon-color {
    background-color: #222;
    color: #fff;  }    .content-box:hover .icon-black {
    background-color: #17a697;
    color: #fff;  }    /* Icon Style 2 */  .content-box.alt-left {
    padding-left: 65px;
    text-align: left;
    margin-bottom: 35px;
    position: relative;  }    .content-box.alt-right {
    padding-right: 65px;
    text-align: right;
    margin-bottom: 35px;
    position: relative;    }        .alt-icon-top, .alt-icon-left, .alt-icon-right {
    color: #222;
    display: inline-block !important;
    font-size: 35px;
    line-height: 1;
    transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;  }    .alt-icon-top {
    margin-bottom: 25px;
    text-align: center;  }    .alt-icon-sm-top, .alt-icon-sm-left, .alt-icon-sm-right {
    color: #222;
    display: inline-block !important;
    font-size: 25px;
    line-height: 1;
    transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;  }    .alt-icon-sm-top {
    margin-bottom: 20px;
    text-align: center;  }      /* Featured Box */    .features-block-link {
    margin-right: 30px;  }    .features-block-link-icon {
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    height: 40px;
    width: 40px;
    text-align: center;
    line-height: 38px;
    border: 1px solid #ebebeb;
    margin-right: 12px;
    vertical-align: middle;  }      /*------------------------------------------------------------------*/  /* Portfolio (Isotop Grid, box, Portfolio Single Page, etc...) */  /*------------------------------------------------------------------*/  .portfolio-grid .portfolio-item {
    position: relative;
    float: left;
    width: 33.33333333333333%;
    height: auto;
    margin: 0px;
    padding: 15px;
    display: block;  }      @media (
    max-width: 1170px) {      .portfolio-grid .portfolio-item {          width: 33.33333333333333%;      }  }    @media (
    max-width: 980px) {      .portfolio-grid .portfolio-item {          width: 50%;      }  }    @media (
    max-width: 768px) {      .portfolio-grid .portfolio-item {          width: 100%;      }  }    .portfolio-box {
    position: relative;
    overflow: hidden;  }        .portfolio-box
    a.porfolio-popup {          display: block;      }        .portfolio-box .portfolio-image-wrap {
    display: block;
    transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;      }            .portfolio-box .portfolio-image-wrap
    img {              width: 100%;          }        .portfolio-box:hover .portfolio-image-wrap {
    transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s;
    -o-transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s;
    -moz-transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s;
    -webkit-transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s;
    width: 100%;      }        .portfolio-box .portfolio-caption-mask {
    background: rgba(56, 90, 26, 0.18) none repeat scroll 0 0;
    height: 100%;
    left: 0;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    visibility: hidden;
    width: 100%;
    transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    z-index: 9;      }        .portfolio-box:hover .portfolio-caption-mask {
    opacity: 1;
    visibility: visible;        }          .portfolio-box .portfolio-caption-mask .portfolio-caption-text {
    bottom: -60px;
    left: 0;
    opacity: 0;
    padding-left: 30px;
    padding-right: 30px;
    position: absolute;
    text-align: left;
    transition: all 0.5s ease-in-out 0s;      }        .portfolio-box:hover .portfolio-caption-mask .portfolio-caption-text {
    bottom: 30px;
    opacity: 1;      }            .portfolio-box .portfolio-caption-mask
    h1, .portfolio-box .portfolio-caption-mask h2, .portfolio-box .portfolio-caption-mask h3, .portfolio-box .portfolio-caption-mask h4, .portfolio-box .portfolio-caption-mask h5, .portfolio-box .portfolio-caption-mask h6 {          color: #fff;
    margin-bottom: 5px;        }          .portfolio-box .portfolio-caption-mask
    p {            margin-bottom: 0px;
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 1px;      }        /* Portfolio Filter */  .portfolio-filter {
    margin: 0 0 15px;
    padding: 0;
    text-align: center;  }        .portfolio-filter
    li {          display: inline-block;
    list-style: none;      }            .portfolio-filter
    li a {              display: block;
    color: #222;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: 1.5px;
    margin-left: 11px;
    margin-right: 11px;
    text-transform: uppercase;          }                .portfolio-filter
    li a.active {                  color: #17a697;              }    /* Portfolio Single Page */  #portfolio-single .portfolio-image-wrap {
    margin-bottom: 20px;  }        #portfolio-single .portfolio-image-wrap
    img {          width: 100%;      }    .portfolio-item-content {
    padding-left: 20px;
    padding-right: 20px;
    position: relative;  }    .portfolio-item-content-spc {
    margin-top: 45px;  }    .portfolio-item-content-detail
    li {      line-height: 2;  }    /*------------------------------------------------------------------*/  /* Blog (Blog box, Blog page) */  /*------------------------------------------------------------------*/  .blog-post {
    display: inline-block;
    width: 100%;
    min-height: 480px;  }        .blog-post .post-media {
    margin-bottom: 25px;
    overflow: hidden;
    position: relative;      }            .blog-post .post-media
    img {              width: 360px;
    height: 217px;          }    .post-entry {
    margin-bottom: 25px;  }    .blog-post .post-tag {  }        .blog-post .post-tag
    span {          display: inline-block;
    background: #0d0d0d;
    /* color: #fff; */
    padding: 5px 10px;      }   .blog-post .post-tag
    span:hover {            background: #6b2f2f;                  }   .blog-post .post-tag
    span a{                   color: #fff;              }    .blog-post .post-meta {
    color: #999;
    font-size: 13px;
    text-transform: uppercase;
    margin-bottom: 10px;  }        .blog-post .post-meta
    span {          margin-right: 3px;      }    .blog-post
    blockquote {      background-color: #f7f7f7;
    border-left: medium none;
    color: inherit;
    font-size: 17px;
    font-weight: 300;
    margin: 0;
    padding: 25px;
    margin-bottom: 15px;  }        .blog-post
    blockquote::before {          content: "";
    font-family: FontAwesome;
    font-size: 12px;
    padding-left: 7px;      }    .blog-post
    ul {      margin-bottom: 15px;  }    /* Blog Single ------------------------------ */  #blog-single .post-header {
    margin-bottom: 25px;  }    .post-author-image {
    float: left;
    height: 84px;
    margin-right: 15px;
    width: 84px;  }          .post-author-image
    img {          width: 100%;      }    .post-author-panel {    }    .post-author-hadding {
    padding: 8px 20px;

    display: block;
    background: #eee;  }        .post-author-hadding
    a {          color: #17a697;      }    .post-author-body {
    padding: 20px;
    border: 1px solid #eee;
    display: table;  }        .post-author-body
    p {          margin-bottom: 0px;      }    .post-author-hadding
    h1,  .post-author-hadding h2,  .post-author-hadding h3,  .post-author-hadding h4,  .post-author-hadding h5,  .post-author-hadding h6 {        margin-bottom: 0;  }    #blog-single .blog-post
    hr {      margin-top: 30px !important;
    margin-bottom: 30px !important;  }    .blog-post .post-share {
    display: block;
    font-size: 16px;
    display: block;  }          .blog-post .post-share
    span {          text-align: right;
    font-weight: 600;
    display: inline-block;
    color: #222;      }    .post-share .post-share-social {
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: right;
    float: right;
    display: inline-block;  }        .post-share .post-share-social
    a {          display: inline-block;
    margin-left: 10px;
    margin-right: 10px;
    font-size: 18px;      }    .margin-15 {
    margin: 15px 0 15px 0;  }
    h4.alt-title {      font-size: 16px;  }  .space-top {
    padding-top: 20px;  }    .alt-title {
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1px;  }  .step-box-content
    p {      color: #fff;
    font-size: 15px;
    padding-top: 19px;  }  .header {
    top: 50px;  }  .top-header {
    background: #000000;
    margin-bottom: 0;
    border: none;
    padding-top: 0px;
    padding-bottom: 0px;
    border-bottom: 1px solid #fff;  }  .list-inline >
    li {      display: inline-block;
    padding-right: 5px;
    padding-left: 5px;
    color:#fff;  }  .list-inline
    a {      color: rgba(255, 255, 255, 0.85);
    font-size: 14px;
    font-family: oswald;  }  .call-to-action {
    background: black;
    padding-top: 29px;
    padding-bottom: 20px;
    margin-top: 30px;
    margin-bottom: 30px;  }  .call-to-action
    h3 {      color: white;  }  .slider-form {
    position: absolute;
    top: 152px;
    right: 7%;
    z-index: 50;
    margin: 0px 0 -42px;
    background: rgba(37, 29, 30, 0.52);
    /* border-radius: 10px; */
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 20px;
    padding-bottom: 20px;
    width: 33%;  }  .tab-content {
    padding: 15px;  }  .tab-content
    form .form-group {      position: relative;
    margin-bottom: 10px;  }  .tab-content
    form .form-group i {      width: 42px;
    height: 46px;
    line-height: 30px;
    background-color: #229944;
    border: 1px solid #15612b;
    text-align: center;
    display: inline-block;
    vertical-align: top;
    color: #fff;
    border-radius: 6px;
    line-height: 44px;  }  .tab-content
    form .form-group .form-control {      width: 100%;
    display: inline-block;
    margin: 0;
    height: 47px;  }  .tab-pane
    h4 {      color: #229944;
    text-transform: UPPERCASE;  }  .img-png {
    margin-top: 52px;  }
    a.quote-wrapper {      position: fixed;
    z-index: 99;
    top: 40%;
    right: -69px;  }
    span.small-text {      background-color: #229944;
    padding: 15px 12px 9px 12px;
    z-index: 1;
    color: #ffffff;
    text-decoration: none;
    display: inline-block;
    font-style: italic;
    position: relative;
    transform: rotate(-90deg);  }
    span.bold-text {      display: block;
    font-style: normal;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 19px;
    color: #ffffff;  }
    span.small-text:before {      content: "";
    width: 95%;
    height: 91%;
    display: block;
    border: 1px dotted rgba(255, 255, 255, 0.56);
    position: absolute;
    top: 10%;
    left: 2%;  }  .home-contact-txt-msg {
    max-height: 114px;
    width: 100%;
    padding-top: 17px;  }  /* The Modal (background) */  .modal {       /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 99999; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */        /* Enable scroll if needed */        /* Fallback color */        /* Black w/ opacity */
    background: rgba(0, 0, 0, 0.74);
    overflow: auto;  }    /* Modal Content */  .modal-content {
    position: relative;
    margin: auto;
    padding: 0;
    border: 4px solid #294;
    width: 30%;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s;
    background: rgb(213, 213, 213);  }    /* Add Animation */  @-webkit-keyframes animatetop {      from {
    top:-300px;
    opacity:0;}       to {
    top:0;
    opacity:1;}    }    @keyframes animatetop {      from {
    top:-300px;
    opacity:0;}      to {
    top:0;
    opacity:1;}  }        /* The Close Button */  .close {
    color: white;
    float: right;
    font-size: 28px;
    font-weight: bold;  }    .close:hover,  .close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;  }    .modal-header {
    padding: 2px 16px;
    background-color: #229944;
    color: white;  }    .modal-body {
    padding: 2px 16px;}    .modal-footer {
    padding: 2px 16px;
    background-color: #229944;
    color: white;  }  .quote-wrapper {
    position: fixed;
    top: 45%;
    right: -140px;
    transform: rotate(-90deg);
    font-size: 17px;
    padding: 16px;
    border: 1px dotted;
    z-index: 99999;  }  .modal-header
    h3 {      color: #fff;
    font-size: 22px;  }  .modal-content .home-contact-txt-msg {
    max-height: 114px;
    width: 100%;  }  .slider-caption
    h2 {      margin-top: 0;
    color: #ffffff;
    font-weight: bold;
    font-size: 70px;
    text-align: center;
    text-shadow: 1px 1px 1px rgb(0, 0, 0);
    letter-spacing: 0px;
    font-family: oswald;
    border-bottom: 1px solid rgba(255, 255, 255, 0.16);
    text-transform: uppercase;  }  .slider-caption
    p {      font-size: 14px;
    color: #ffffff;
    border-bottom: 1px solid rgba(255, 255, 255, 0.16);
    padding-bottom: 8px;
    margin-bottom: 20px;  }  .slider-caption
    h3 {      color: #fff;
    font-size: 31px;
    /* text-shadow: 2px 2px 2px rgb(34, 153, 68); */
    text-transform: uppercase;  }  .slider-caption
    h2 span {      color: #229944;
    margin-left: 20px;
    text-shadow: 1px 1px 1px rgb(255, 255, 255);  }  .radio
    input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] {      margin-left: 0;  }  .radio, .checkbox {
    margin-bottom:0;  }  .checkbox-primary {
    margin-bottom: 15px;  }  .form-control {
    font-size: 12px;
    color: #a5a5b8;
    background-color: #fff;       }
    text-shadow: 1px 1px 1px rgb(255, 255, 255);
    text-shadow: 1px 1px 1px rgb(0, 0, 0);
}
.img-png {
    margin-top: 52px;
}
a.quote-wrapper {
    position: fixed;
    z-index: 99;
    top: 40%;
    right: -69px;
}
span.small-text {
    background-color: #229944;
    padding: 15px 12px 9px 12px;
    z-index: 1;
    color: #ffffff;
    text-decoration: none;
    display: inline-block;
    font-style: italic;
    position: relative;
    transform: rotate(-90deg);
}
span.bold-text {
    display: block;
    font-style: normal;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 19px;
    color: #ffffff;
}
span.small-text:before {
    content: "";
    width: 95%;
    height: 91%;
    display: block;
    border: 1px dotted rgba(255, 255, 255, 0.56);
    position: absolute;
    top: 10%;
    left: 2%;
}
.home-contact-txt-msg {
    max-height: 114px;
    width: 86%;
    padding-top: 17px;
}
/* The Modal (background) */
.modal {
     /* Hidden by default */
     position: fixed; /* Stay in place */
     z-index: 99999; /* Sit on top */
     padding-top: 100px; /* Location of the box */
     top: 0;
     width: 100%; /* Full width */
     height: 100%; /* Full height */
      /* Enable scroll if needed */
      /* Fallback color */
      /* Black w/ opacity */
     background: rgba(0, 0, 0, 0.74);
     overflow: auto;
}

/* Modal Content */
.modal-content {
    position: relative;
    margin: auto;
    padding: 0;
    border: 4px solid #294;
    width: 30%;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s;
    background: rgb(213, 213, 213);
}

/* Add Animation */
@-webkit-keyframes animatetop {
    from {top:-300px; opacity:0} 
    to {top:0; opacity:1}

}

@keyframes animatetop {
    from {top:-300px; opacity:0}
    to {top:0; opacity:1}
}



/* The Close Button */
.close {
    color: white;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

.modal-header {
    padding: 2px 16px;
    background-color: #229944;
    color: white;
}

.modal-body {padding: 2px 16px;}

.modal-footer {
    padding: 2px 16px;
    background-color: #229944;
    color: white;
}
.quote-wrapper {
    position: fixed;
    top: 45%;
    right: -140px;
    transform: rotate(-90deg);
    font-size: 17px;
    padding: 16px;
    border: 1px dotted;
    z-index: 99999;
}
.modal-header h3 {
    color: #fff;
    font-size: 22px;
    text-transform: uppercase;
    padding-top: 7px;
}
.modal-content .home-contact-txt-msg {
    max-height: 114px;
    width: 100%;
}
.slider-caption h2 {
    margin-top: 0;
    color: #ffffff;
    font-weight: bold;
    font-size: 70px;
    text-align: center;
    text-shadow: 1px 1px 1px rgb(0, 0, 0);
    letter-spacing: 0px;
    font-family: oswald;
    border-bottom: 1px solid rgba(255, 255, 255, 0.16);
    text-transform: uppercase;
}
.slider-caption p {
    font-size: 14px;
    color: #ffffff;
    border-bottom: 1px solid rgba(255, 255, 255, 0.16);
    padding-bottom: 8px;
    margin-bottom: 20px;
}
.slider-caption h3 {
    color: #fff;
    font-size: 45px;
    text-transform: uppercase;
    line-height: 60px;
}
.slider-caption h2 span {
    color: #229944;
    margin-left: 20px;
    text-shadow: 1px 1px 1px rgb(255, 255, 255);
}
.radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] {
    margin-left: 0;
}
.radio, .checkbox {
   margin-bottom:0;
}
.checkbox-primary {
    margin-bottom: 15px;
}
.form-control {

    font-size: 12px;
    color: #a5a5b8;
    background-color: #fff;
   
}
.slider-form p {
    color: #fff;
}

.slider-caption h3 span {
    text-shadow: 1px 1px 1px rgb(2, 31, 10);
    color: #229944;
    font-weight: bold;
}
.popup-form .home-contact-txt-msg {
    max-height: 114px;
    width: 80%;
    padding-top: 17px;
}
@media (max-width: 1280px) {
	.slider-form {
    top: 5%;
    right: 1%;
}
.footer-inner {
    padding-bottom: 80px;
}	
}
@media (max-width: 1024px) {
	.slider-form {
		
    	width: 39%;
  
	}
	.slider-caption {
      
    left:4%;
    max-width: 506px;
    
}
.slider-caption h3 {
    font-size: 30px;
    line-height: 47px;
}
ul.social-icons {
  
    text-align: center;
}	
.footer-bottem-text {
    
    text-align: center;
}
.services {
    overflow: hidden;
}
.footer {
    padding-bottom: 20px;
    margin-bottom: 20px;
}
}
@media (max-width: 800px) {
	.slider-form {
    position: static;
    width: 100%;
    background: rgb(45, 45, 45);
    margin-top: 18px;
	padding-bottom: 45px;
}
.owl-carousel .owl-wrapper-outer {

    height: 340px;
}
.slider-caption {
    top: 161px;
    left: 18%;
}
.slider-caption h3 {
    font-size: 20px;
    line-height: 30px;
}
.img-png img {
    display: none;
}
ul.social-icons {
  
    text-align: center;
}	
.footer-bottem-text {
    
    text-align: center;
}
.services {
    overflow: hidden;
}
}
@media (max-width: 600px) {
	.slider-form {
    position: static;
    width: 100%;
    background: rgb(45, 45, 45);
    margin-top: 18px;
	padding-bottom: 45px;
}
.owl-carousel .owl-wrapper-outer {

    height: 340px;
}

.slider-caption h3 {
    font-size: 20px;
    line-height: 30px;
}
}
@media (max-width: 568px) {
	.slider-form {
    position: static;
    background: rgb(45, 45, 45);
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 20px;
    padding-bottom: 39px;
    width: 100%;
    margin-top: 23px;
}
.slider-caption h3 {
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
    line-height: 36px;
}
.number li {
    width: 515px;
}
.img-png img {
    
    display: none;
}
}
@media (max-width: 480px) {
	.slider-caption img {
    display: none;
}
    
    .slider-caption {
   
left: 81px;
   
top: 247px;
}
.contact-side .form-control {
    width: 80%;
}
.slider-caption h3 {
   
    font-size: 15px;
    line-height: 32px;
}
.slider-form {
    position: static;
    width: 100%;
    margin-bottom: 17px;
    margin-top:17px;
    padding-left: 7px;
    padding-right: 7px;
    background: rgb(45, 45, 45);
}
.popup-form .home-contact-txt-msg {
    
    width: 81%;
   
}
.popup-form .form-control {
    width: 81%;
    display: inline-block;
    margin: 0;
    height: 47px;
}

.quote-wrapper {
    position: fixed;
    top: 92%;
    right: 3px;
    transform: rotate(0deg);
    font-size: 15px;
    border: 1px dotted;
    z-index: 99999;
    padding-top: 12px;
    padding-bottom: 12px;
}
.modal-content {

    width: 98%;
   
}

.modal-header h3 {
    
font-size: 18px;
}
.contact-side {
    padding: 0px;
    
}

.list-inline a {

    display: none;
}
.tab-content form .form-group .form-control {
    width: 80%;
    
}
.home-contact-txt-msg {
    
    width: 80%;
   
}
.header {
    height: 74px;
    padding-top: 9px;
}

	.owl-carousel .owl-wrapper-outer {
 
    height: 270px;
}
@media (max-width: 320px) {
.slider-caption {
    left: 0;
	top: 228px;
}
.owl-carousel .owl-wrapper-outer {
    height: 221px;
}
.slider-caption img {
    display: none;
}
	
}
.popup-form i {
    width: 42px;
    height: 46px;
    line-height: 30px;
    background-color: #229944;
    border: 1px solid #15612b;
    text-align: center;
    display: inline-block;
    vertical-align: top;
    color: #fff;
    border-radius: 6px;
    line-height: 44px;
}
.popup-form input, input[type="text"], input[type="email"], input[type="tel"], input[type="number"], input[type="password"], input[type="radio"], input[type="checkbox"], textarea, select {

    width: 80%;
    height: 47px;
}
.popup-form .form-control {
    width: 80%;
    display: inline-block;
    margin: 0;
    height: 47px;
}