.dropdown-arrow-inverse {
    border-bottom-color: #34495e !important;
    border-top-color: #34495e !important;
}

/* styles from flat-ui-free2.0.0-fix.less files */
body {
    color: #34495e;
    font-family: "Lato", "Neue Helvetica Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 19px;
    line-height: 1.231;
}

input,
button,
select,
textarea {
    font-family: "Lato", "Neue Helvetica Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
}

a {
    color: #16a085;
    text-decoration: none;
    -webkit-transition: 0.25s;
    -moz-transition: 0.25s;
    -o-transition: 0.25s;
    transition: 0.25s;
}

a:hover {
    color: #1abc9c;
    text-decoration: none;
}

h1,
.h1 {
    font-size: 48px /* 64px */;
}

h2,
.h2 {
    font-size: 41px /* 52px */;
}

h3,
.h3 {
    font-size: 36px;
}

h4,
.h4 {
    font-size: 23px /* 29px */;
}

h5,
.h5 {
    font-size: 21px /* 28px */;
}

h6,
.h6 {
    font-size: 19px /* 24px */;
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
    line-height: 1.32em;
}

h1 {
    font-weight: 700;
}

h2 {
    font-weight: 700;
    margin-bottom: 2px;
}

h3 {
    font-weight: 700;
    margin-bottom: 4px;
    margin-top: 2px;
}

h4 {
    font-weight: 500;
    margin-top: 4px;
}

h5 {
    font-weight: 500;
}

h6 {
    font-weight: normal;
}

p {
    font-size: 18.004px;
    /* 18px */

    line-height: 1.722169;
    /* 31px */

}

.lead {
    font-size: 24px;
    /* 28px */

    line-height: 1.4642745000000001;
    /* 41px */

    font-weight: 300;
    margin-bottom: 20px;
}

small {
    font-size: 84%;
    /* 15px */

    line-height: 2.050846;
    /* 31px */

}

blockquote {
    position: relative;
    border-left: none;
    padding-left: 19px;
}

blockquote p {
    font-size: 20.006px;
    line-height: 1.549829;
    font-weight: normal;
    margin-bottom: .4em;
}

blockquote small {
    font-size: 18.004px;
    line-height: 1.722169;
    font-style: italic;
    color: #34495e;
}

blockquote small:before {
    content: "";
}

blockquote:before {
    position: absolute;
    left: 0;
    width: 3px;
    height: 100%;
    top: 0;
    bottom: 0;
    background-color: #ebedee;
    content: "";
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.img-rounded {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.img-comment {
    font-size: 14.994px;
    line-height: 1.231;
    font-style: italic;
    margin: 24px 0;
}

.text-primary {
    color: #1abc9c;
}

a.text-primary:hover,
a.text-primary:focus {
    color: #15967d;
}

.text-success {
    color: #2ecc71;
}

a.text-success:hover,
a.text-success:focus {
    color: #25a35a;
}

.text-danger {
    color: #e74c3c;
}

a.text-danger:hover,
a.text-danger:focus {
    color: #b93d30;
}

.text-warning {
    color: #f1c40f;
}

a.text-warning:hover,
a.text-warning:focus {
    color: #c19d0c;
}

.text-info {
    color: #3498db;
}

a.text-info:hover,
a.text-info:focus {
    color: #2a7aaf;
}

.text-inverse {
    color: #ffffff;
}

a.text-inverse:hover,
a.text-inverse:focus {
    color: #cccccc;
}

.muted {
    color: #bdc3c7;
}

a.muted:hover,
a.muted:focus {
    color: #979c9f;
}

footer {
    background-color: transparent;
}

.input-append input {
    -webkit-border-radius: 6px 0 0 6px;
    -moz-border-radius: 6px 0 0 6px;
    border-radius: 6px 0 0 6px;
}

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

.bg-black {
    background-color: #000000;
}

.bg-turquoise {
    background-color: #1abc9c;
}

.bg-green-sea {
    background-color: #16a085;
}

.bg-emerland {
    background-color: #2ecc71;
}

.bg-nephritis {
    background-color: #27ae60;
}

.bg-peter-river {
    background-color: #3498db;
}

.bg-belize-hole {
    background-color: #2980b9;
}

.bg-amethyst {
    background-color: #9b59b6;
}

.bg-wisteria {
    background-color: #8e44ad;
}

.bg-wet-asphalt {
    background-color: #34495e;
}

.bg-midnight-blue {
    background-color: #203082;
}

.bg-sun-flower {
    background-color: #f1c40f;
}

.bg-orange {
    background-color: #f39c12;
}

.bg-carrot {
    background-color: #e67e22;
}

.bg-pumpkin {
    background-color: #d35400;
}

.bg-alizarin {
    background-color: #e74c3c;
}

.bg-pomegranate {
    background-color: #c0392b;
}

.bg-clouds {
    background-color: #ecf0f1;
}

.bg-silver {
    background-color: #bdc3c7;
}

.bg-concrete {
    background-color: #95a5a6;
}

.bg-asbestos {
    background-color: #777777;
}

.bg-base {
    background-color: #34495e;
}

.bg-firm {
    background-color: #1abc9c;
}

.bg-success {
    background-color: #2ecc71;
}

.bg-danger {
    background-color: #e74c3c;
}

.bg-warning {
    background-color: #f1c40f;
}

.bg-info {
    background-color: #3498db;
}

.bordered {
    border-style: solid;
}

.bordered.bg-turquoise {
    border-color: #16a085;
}

.bordered.bg-emerland {
    border-color: #27ae60;
}

.bordered.bg-peter-river {
    border-color: #2980b9;
}

.bordered.bg-amethyst {
    border-color: #8e44ad;
}

.bordered.bg-wet-asphalt {
    border-color: #203082;
}

.bordered.bg-sun-flower {
    border-color: #f39c12;
}

.bordered.bg-carrot {
    border-color: #d35400;
}

.bordered.bg-alizarin {
    border-color: #c0392b;
}

.bordered.bg-clouds {
    border-color: #bdc3c7;
}

.bordered.bg-concrete {
    border-color: #777777;
}

body {
    overflow-x: hidden;
    color: #777777;
    line-height: 1.29;
}

@media (max-width: 767px) {
    body {
        padding-right: 0;
        padding-left: 0;
    }
}

li {
    line-height: 20px;
}

.btn {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    line-height: 22px;
    -webkit-transition: 0.25s;
    -moz-transition: 0.25s;
    -o-transition: 0.25s;
    transition: 0.25s;
}

.btn.btn-large {
    font-size: 17px;
    padding: 12px 18px;
}

.btn > [class^="fui-"] {
    margin-left: 4px;
    margin-right: 4px;
    line-height: inherit;
    display: inline-block;
    vertical-align: top;
}

.input-group-btn .btn {
    background: #bdc3c7;
    line-height: 9px 12px 10px;
    line-height: 22px;
    border: 0;
    margin: 0;
    color: #fff;
    margin-left: 0 !important;
    padding-left: 10px;
    padding-right: 12px;
}

.input-group-btn .btn:hover {
    background: #cacfd2;
}

textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
    outline: none;
}

.form-group {
    margin-bottom: 10px;
}

label {
    line-height: 20px;
}

.carousel {
    line-height: 1;
}

.hero-unit h1 {
    margin-bottom: 0;
    font-size: 60px;
    line-height: 1;
    letter-spacing: -1px;
    color: inherit;
}

h4,
h5,
h6 {
    margin-top: 10px;
    margin-bottom: 10px;
}

p {
    margin-bottom: 10px;
}

.page-wrapper {
    position: relative;
    z-index: 2;
    background: #fff;
}

.header-background {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.page-wrapper,
.header-antiflicker,
body > header .header-background {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: all 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1);
    -moz-transition: all 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1);
    -o-transition: all 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1);
    -ms-transition: all 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1);
    transition: all 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1);
}

.nav-visible .page-wrapper,
.nav-visible .navbar.navbar-fixed-top,
.nav-visible .header-antiflicker,
.nav-visible body > header .header-background {
    -webkit-transform: translate3d(-230px, 0, 0);
    -moz-transform: translate3d(-230px, 0, 0);
    -ms-transform: translate3d(-230px, 0, 0);
    -o-transform: translate3d(-230px, 0, 0);
    transform: translate3d(-230px, 0, 0);
}

.no-csstransitions .page-wrapper,
.no-csstransitions .header-antiflicker {
    left: 0;
}

.no-csstransitions.nav-visible .page-wrapper,
.no-csstransitions.nav-visible .navbar.navbar-fixed-top,
.no-csstransitions.nav-visible .header-antiflicker {
    left: -230px !important;
    right: auto;
}

.carousel-indicators {
    width: 100%;
}

[class^="fui-"] {
    display: inline-block;
    vertical-align: middle;
}

body > section,
header,
footer {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

@media (max-width: 767px) {
    body > section,
    header,
    footer {
        padding-right: 5px;
        padding-left: 5px;
    }
}

img {
    width: auto \9;
    height: auto;
    max-width: 100%;
    vertical-align: middle;
    border: 0;
    -ms-interpolation-mode: bicubic;
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
    font-family: "Lato", "Neue Helvetica Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #203082;
}

h1 {
    font-weight: normal;
}

h3 {
    font-weight: normal;
}

img {
    -webkit-backface-visibility: hidden;
}

textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
    font-family: "Lato", "Neue Helvetica Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: normal;
    color: #777777;
}

a:hover,
button:hover,
a:focus,
button:focus,
a:active,
button:active {
    outline: none;
}

.navbar {
    left: 0;
    right: 0;
}

.navbar .brand {
    padding: 23px 28px 24px 0;
    float: left;
}

.navbar .subnav {
    display: none;
}

.navbar a {
    -webkit-transition: 0.25s;
    -moz-transition: 0.25s;
    -o-transition: 0.25s;
    transition: 0.25s;
}

.navbar .navbar-collapse {
    padding-left: 0;
    padding-right: 0;
}

.navbar .nav > li {
    float: left;
}

.navbar .nav > li > a:hover,
.navbar .nav > li > a:focus {
    background: none;
}

.navbar .navbar-toggle {
    margin: 26px 0 10px;
    color: white;
    background: none;
    padding: 0;
    width: 30px;
    height: 30px;
    background: url("../../../assets/common-files/icons/menu-icon.png") 50% no-repeat;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.navbar .navbar-toggle:before {
    display: none;
}

.navbar .navbar-form .btn {
    height: auto;
    line-height: 22px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.navbar .nav > li > a > [class*="fui-"] {
    font-size: 24px;
    margin: -10px 0 0;
    position: relative;
    top: 4px;
}

.navbar.navbar-fixed-top {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: all 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1);
    -moz-transition: all 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1);
    -o-transition: all 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1);
    -ms-transition: all 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1);
    transition: all 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1);
    max-width: 1170px;
    margin: 0 auto;
}

@media (min-width: 768px) and (max-width: 991px) {
    .navbar-collapse.collapse {
        display: none !important;
    }

    .navbar-toggle {
        display: block;
    }

    .navbar-header {
        float: none;
    }
}

.header-19 .navbar-collapse.collapse,
.header-16 .navbar-collapse.collapse {
    display: none !important;
}

@media (max-width: 991px) {
    body .navbar-collapse {
        width: 230px;
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        height: 100% !important;
        z-index: 1;
    }
}

@media (min-width: 992px) {
    body > .collapse.navbar-collapse {
        display: none !important;
    }
}

body .navbar-collapse#header-19,
body .navbar-collapse#header-16 {
    width: 230px;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    height: 100% !important;
    z-index: 1;
}

body > .navbar-collapse {
    padding: 25px 0;
    overflow: auto;
    background: #222527;
    min-height: 100%;
}

body > .navbar-collapse::-webkit-scrollbar {
    display: none;
}

body > .navbar-collapse .pull-right,
body > .navbar-collapse .pull-left {
    float: none !important;
}

body > .navbar-collapse .nav {
    margin: 0 0 10px;
}

body > .navbar-collapse .nav > li {
    margin: 0;
}

body > .navbar-collapse .nav > li > a {
    display: block;
    padding: 12px 35px;
    border-bottom: 2px solid #24292d;
    font-size: 13px;
    font-weight: normal;
    letter-spacing: 1px;
    color: #5b5e61;
    text-transform: uppercase;
}

body > .navbar-collapse .nav > li > a:hover,
body > .navbar-collapse .nav > li > a:focus,
body > .navbar-collapse .nav > li > a.active {
    color: #ffffff;
}

body > .navbar-collapse .nav > li > a:hover,
body > .navbar-collapse .nav > li > a:focus {
    background: none;
}

body > .navbar-collapse .nav > li.active > a {
    color: #ffffff;
}

body > .navbar-collapse .nav > li.active > a:hover,
body > .navbar-collapse .nav > li.active > a:focus,
body > .navbar-collapse .nav > li.active > a.active {
    color: #ffffff;
}

body > .navbar-collapse .subnav {
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
}

body > .navbar-collapse .subnav li > a {
    display: block;
    margin: 0;
    padding: 7px 35px;
    font-size: 13px;
    font-weight: normal;
    color: #5b5e61;
    text-transform: capitalize;
}

body > .navbar-collapse .subnav li > a:hover,
body > .navbar-collapse .subnav li > a:focus,
body > .navbar-collapse .subnav li > a.active {
    color: #ffffff;
}

body > .navbar-collapse .navbar-form,
body > .navbar-collapse .navbar-search {
    padding: 10px 35px;
    margin: 0;
    border-bottom: 0 none;
    border-top: 0 none;
    box-shadow: none;
}

body > .navbar-collapse .navbar-form:focus,
body > .navbar-collapse .navbar-search:focus {
    outline: 0 none;
}

body > .navbar-collapse .navbar-form .btn,
body > .navbar-collapse .navbar-search .btn,
body > .navbar-collapse .navbar-form .btn-primary,
body > .navbar-collapse .navbar-search .btn-primary {
    height: 30px;
    line-height: 20px;
    font-size: 15px;
    color: #5b5e61;
    background: none;
    padding: 0;
}

body > .navbar-collapse .navbar-form .btn:hover,
body > .navbar-collapse .navbar-search .btn:hover,
body > .navbar-collapse .navbar-form .btn-primary:hover,
body > .navbar-collapse .navbar-search .btn-primary:hover {
    color: #fff;
}

.delimiter {
    margin-top: 200px;
}

.delimiter.line {
    margin-top: 150px;
    margin-bottom: 150px;
    border-top: 2px solid #ebedee;
}

header {
    padding-top: 100px;
    padding-bottom: 70px;
    z-index: 100;
}

header .brand {
    font-size: 25px;
    font-weight: normal;
    color: #34495e;
    font-family: "Lato", "Neue Helvetica Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 800;
    letter-spacing: -1px;
    color: #203082;
}

header .brand img:first-child {
    float: left;
    margin: -10px 15px 0 0;
}

section * {
    z-index: 2;
}

.background {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    background: 50% 50% no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    opacity: 20;
    filter: alpha(opacity=2000);
    opacity: 0.2;
    filter: alpha(opacity=20);
}

@media (max-width: 768px) {
    .background {
        -webkit-background-size: auto 200%;
        -moz-background-size: auto 200%;
        -o-background-size: auto 200%;
        background-size: auto 200%;
    }
}

.container {
    position: relative;
    z-index: 2;
}

@media (max-width: 767px) {
    header {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
}

body {
    width: 100%;
}

.mcontent {
    /**
 * Blog 1 stylesheet
 * */

    /**
 * Blog 2 stylesheet
 * */

    /**
 * Blog 3 stylesheet
 * */

    /**
 * Blog 4 stylesheet
 * */

    /**
 * Blog 5 stylesheet
 * */

    /**
 * Copntact 1 stylesheet
 * */

    /**
 * Copntact 2 stylesheet
 * */

    /**
 * Copntact 3 stylesheet
 * */

    /**
 * Copntact 4 stylesheet
 * */

    /**
 * Copntact 5 stylesheet
 * */

    /**
 * Content 1 stylesheet
 * */

    /**
 * Content 2 stylesheet
 * */

    /**
 * Content 3 stylesheet
 * */

    /**
 * Content 4 stylesheet
 * */

    /**
 * Content 5 stylesheet
 * */

    /**
 * Content 6 stylesheet
 * */

    /**
 * Content 7 stylesheet
 * */

    /**
 * Content 8 stylesheet
 * */

    /**
 * Content 9 stylesheet
 * */

    /**
 * Content 10 stylesheet
 * */

    /**
 * Content 11 stylesheet
 * */

@import url(http://fonts.googleapis.com/css?family=Montserrat);

    /**
 * Content 12 stylesheet
 * */

    /**
 * Content 13 stylesheet
 * */

    /**
 * Content 14 stylesheet
 * */

    /**
 * Content 15 stylesheet
 * */

    /**
 * Content 16 stylesheet
 * */

    /**
 * Content 17 stylesheet
 * */

    /**
 * Content 18 stylesheet
 * */

    /**
 * Content 19 stylesheet
 * */

    /**
 * Header 1 stylesheet
 * */

    /**
 * Header 2 stylesheet
 * */

    /**
 * Header 3 stylesheet
 * */

    /**
 * Header 4 stylesheet
 * */

    /**
 * Header 5 stylesheet
 * */

    /**
 * Header 6 stylesheet
 * */

    /**
 * Header 7 stylesheet
 * */

    /**
 * Header 8 stylesheet
 * */

    /**
 * Header 9 stylesheet
 * */

@import url(http://fonts.googleapis.com/css?family=Patrick+Hand+SC);

    /**
 * Header 10 stylesheet
 * */

    /**
 * Header 11 stylesheet
 * */

    /**
 * Header 12 stylesheet
 * */

    /**
 * Header 13 stylesheet
 * */

    /**
 * Header 14 stylesheet
 * */

    /**
 * Header 15 stylesheet
 * */

    /**
 * Header 16 stylesheet
 * */

    /**
 * Header 17 stylesheet
 * */

    /**
 * Header 18 stylesheet
 * */

    /**
 * Header 19 stylesheet
 * */

    /**
 * Header 20 stylesheet
 * */

    /**
 * Header 21 stylesheet
 * */

    /**
 * Header 22 stylesheet
 * */

    /**
 * Header 23 stylesheet
 * */

    /**
 * Price 1 stylesheet
 * */

    /**
 * Price 2 stylesheet
 * */

    /**
 * Price 3 stylesheet
 * */

    /**
 * Price 4 stylesheet
 * */

    /**
 * Price 5 stylesheet
 * */

    /**
 * Project 1 stylesheet
 * */

    /**
 * Project 2 stylesheet
 * */

    /**
 * Project 3 stylesheet
 * */

    /**
 * Project 4 stylesheet
 * */

    /**
 * Crew 1 stylesheet
 * */

    /**
 * Crew 2 stylesheet
 * */

    /**
 * Crew 3 stylesheet
 * */

    /**
 * Crew 4 stylesheet
 * */

    /**
 * Footer 1 stylesheet
 * */

    /**
 * Footer 2 stylesheet
 * */

    /**
 * Footer 3 stylesheet
 * */

    /**
 * Footer 4 stylesheet
 * */

    /**
 * Footer 5 stylesheet
 * */

    /**
 * Footer 6 stylesheet
 * */

    /**
 * Footer 7 stylesheet
 * */

    /**
 * Footer 8 stylesheet
 * */

    /**
 * Footer 9 stylesheet
 * */

    /**
 * Footer 10 stylesheet
 * */

    /**
 * Footer 11 stylesheet
 * */

    /**
 * Footer 12 stylesheet
 * */

    /**
 * Footer 13 stylesheet
 * */

    /**
 * Footer 14 stylesheet
 * */

    /**
 * Footer 15 stylesheet
 * */

}

.mcontent > section,
.mcontent header,
.mcontent footer {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

@media (max-width: 767px) {
    .mcontent > section,
    .mcontent header,
    .mcontent footer {
        padding-right: 20px;
        padding-left: 20px;
    }
}

.mcontent .pt-perspective {
    position: relative;
    height: 100%;
    -webkit-perspective: 1200px;
    -moz-perspective: 1200px;
    perspective: 1200px;
    overflow: hidden;
}

.mcontent .pt-page {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    visibility: hidden;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.mcontent .pt-page-current,
.mcontent .no-js .pt-page {
    visibility: visible;
    z-index: 1;
}

.mcontent .pt-page-ontop {
    z-index: 999;
}

.mcontent .blog-1 {
    padding-bottom: 130px;
}

.mcontent .blog-1 .box-icon {
    margin: 0 auto 35px;
    text-align: center;
    font-size: 16px;
}

.mcontent .blog-1 .box-icon > * {
    display: inline-block;
    vertical-align: middle;
}

.mcontent .blog-1 .box-icon .icon {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 93px;
    height: 93px;
    margin: 0 50px;
    border: 6px solid #fff55b;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
    font-size: 48px;
    line-height: 81px;
    color: #fff55b;
}

.mcontent .blog-1 .page-transitions {
    background: #000;
    height: 380px;
}

@media (max-width: 767px) {
    .mcontent .blog-1 .page-transitions {
        margin-right: -20px;
        margin-left: -20px;
    }
}

.mcontent .blog-1 .page-transitions,
.mcontent .blog-1 .page-transitions h1,
.mcontent .blog-1 .page-transitions .h1,
.mcontent .blog-1 .page-transitions h2,
.mcontent .blog-1 .page-transitions .h2,
.mcontent .blog-1 .page-transitions h3,
.mcontent .blog-1 .page-transitions .h3,
.mcontent .blog-1 .page-transitions h4,
.mcontent .blog-1 .page-transitions .h4,
.mcontent .blog-1 .page-transitions h5,
.mcontent .blog-1 .page-transitions .h5,
.mcontent .blog-1 .page-transitions h6,
.mcontent .blog-1 .page-transitions .h6 {
    color: #fff;
}

.mcontent .blog-1 .page-transitions a {
    color: #ffffff;
}

.mcontent .blog-1 .page-transitions a:hover,
.mcontent .blog-1 .page-transitions a:focus,
.mcontent .blog-1 .page-transitions a.active {
    color: rgba(0, 0, 0, 0.4);
}

.mcontent .blog-1 .page-transitions .hero-unit {
    margin: 0;
    padding: 0;
    background: transparent;
}

.mcontent .blog-1 .page-transitions .hero-unit h1 {
    margin: 0 0 2px;
    font-size: 25px;
    line-height: normal;
}

.mcontent .blog-1 .page-transitions .hero-unit p {
    font-size: 20px;
    font-family: "Lato", "Neue Helvetica Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: normal;
    line-height: normal;
}

.mcontent .blog-1 .pt-page {
    padding-top: 145px;
    padding-bottom: 40px;
}

@media (max-width: 767px) {
    .mcontent .blog-1 .pt-page {
        padding-right: 20px;
        padding-left: 20px;
    }
}

.mcontent .blog-1 [class*="pt-control-"] {
    display: inline-block;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 15px;
    height: 15px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #fff55b;
}

.mcontent .blog-1 .pt-first .pt-control-prev,
.mcontent .blog-1 .pt-last .pt-control-next {
    background: none;
    border: 3px solid #ebedee;
}

.mcontent .blog-1 .pt-first .bg-peter-river .pt-control-prev,
.mcontent .blog-1 .pt-last .bg-peter-river .pt-control-next {
    background: none;
    border: 3px solid #5fccff;
}

.mcontent .blog-1 .pt-first .bg-turquoise .pt-control-prev,
.mcontent .blog-1 .pt-last .bg-turquoise .pt-control-next {
    background: none;
    border: 3px solid #1fe0ba;
}

.mcontent .blog-1 .title {
    margin-bottom: 85px;
    padding: 88px 0 76px;
    border-bottom: 2px solid #ebedee;
    text-align: center;
}

@media (max-width: 767px) {
    .mcontent .blog-1 .title {
        margin-right: -20px;
        margin-left: -20px;
        padding-right: 20px;
        padding-left: 20px;
    }
}

.mcontent .blog-1 .title h3 {
    font-size: 30px;
    color: #203082;
    line-height: 36px;
    letter-spacing: 0;
    margin: 0;
    font-weight: 300;
}

.mcontent .blog-1 .title .submitted {
    font-size: 12px;
    font-family: "Lato", "Neue Helvetica Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.19em;
    color: #bdc3c7;
    margin-top: 18px;
}

.mcontent .blog-1 .links {
    padding-bottom: 45px;
    position: relative;
    margin-top: 8px;
}

.mcontent .blog-1 .links:after {
    content: '';
    display: block;
    position: absolute;
    left: 15px;
    bottom: 0;
    width: 48px;
    border-top: 3px solid #3498db;
}

.mcontent .blog-1 .links,
.mcontent .blog-1 .links * {
    font-size: 12px;
    font-family: "Lato", "Neue Helvetica Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.19em;
    color: #34495e;
}

.mcontent .blog-1 .links > * + * {
    margin-top: 63px;
}

.mcontent .blog-1 .links h6 {
    margin: 0 0 15px;
    text-transform: none;
}

.mcontent .blog-1 .links a {
    color: #bdc3c7;
}

.mcontent .blog-1 .links a:hover,
.mcontent .blog-1 .links a:focus,
.mcontent .blog-1 .links a.active {
    color: #979c9f;
}

.mcontent .blog-1 .links ul,
.mcontent .blog-1 .links ol {
    list-style: none;
    display: block;
    margin: 0;
    padding: 0;
}

.mcontent .blog-1 .links li {
    display: block;
}

.mcontent .blog-1 .links li + li {
    margin-top: 10px;
}

@media (max-width: 767px) {
    .mcontent .blog-1 .links {
        display: none;
    }
}

.mcontent .blog-1 p {
    margin: 0;
}

.mcontent .blog-1 p + p {
    margin-top: 30px;
}

.mcontent .blog-1 .boxes {
    *zoom: 1;
    margin: 70px 0;
}

.mcontent .blog-1 .boxes:before,
.mcontent .blog-1 .boxes:after {
    content: " ";
    /* 1 */

    display: table;
    /* 2 */

}

.mcontent .blog-1 .boxes:after {
    clear: both;
}

.mcontent .blog-1 .boxes:before,
.mcontent .blog-1 .boxes:after {
    display: table;
    content: "";
    line-height: 0;
}

.mcontent .blog-1 .boxes:after {
    clear: both;
}

.mcontent .blog-1 .boxes [class*="box-"] {
    background-color: #ecf0f1;
}

.mcontent .blog-1 .boxes .box-1 {
    *zoom: 1;
    height: 340px;
}

.mcontent .blog-1 .boxes .box-1:before,
.mcontent .blog-1 .boxes .box-1:after {
    content: " ";
    /* 1 */

    display: table;
    /* 2 */

}

.mcontent .blog-1 .boxes .box-1:after {
    clear: both;
}

.mcontent .blog-1 .boxes .box-1:before,
.mcontent .blog-1 .boxes .box-1:after {
    display: table;
    content: "";
    line-height: 0;
}

.mcontent .blog-1 .boxes .box-1:after {
    clear: both;
}

.mcontent .blog-1 .boxes .box-2,
.mcontent .blog-1 .boxes .box-3,
.mcontent .blog-1 .boxes .box-4 {
    margin-top: 8px;
    float: left;
    height: 190px;
    width: 308px;
}

.mcontent .blog-1 .boxes .box-3,
.mcontent .blog-1 .boxes .box-4 {
    margin-left: 8px;
}

@media (min-width: 1200px) {
    .mcontent .blog-1 .boxes .box-2,
    .mcontent .blog-1 .boxes .box-3,
    .mcontent .blog-1 .boxes .box-4 {
        width: 374.666px;
    }
}

@media (max-width: 991px) and (min-width: 768px) {
    .mcontent .blog-1 .boxes .box-2,
    .mcontent .blog-1 .boxes .box-3,
    .mcontent .blog-1 .boxes .box-4 {
        width: 234.666px;
    }
}

@media (max-width: 767px) {
    .mcontent .blog-1 .boxes .box-2,
    .mcontent .blog-1 .boxes .box-3,
    .mcontent .blog-1 .boxes .box-4 {
        width: auto;
        margin-left: 0;
        float: none;
    }
}

.mcontent .blog-2 {
    padding-top: 200px;
    padding-bottom: 200px;
    position: relative;
    background-color: #ecf0f1;
    font-family: "Lato", "Neue Helvetica Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #35495d;
}

@media (max-width: 768px) {
    .mcontent .blog-2 {
        padding-top: 80px;
        padding-bottom: 80px;
    }
}

.mcontent .blog-2 h3 {
    margin: 0 0 20px;
    font-size: 35px;
    font-weight: 500;
    font-family: "Lato", "Neue Helvetica Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
    letter-spacing: -1px;
}

.mcontent .blog-2 h3 img {
    display: block;
    margin-bottom: 80px;
}

.mcontent .blog-2 h4 {
    margin: 0 0 24px;
    color: #34495e;
    font-family: "Lato", "Neue Helvetica Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 30px;
    letter-spacing: -1px;
    font-weight: 300;
}

.mcontent .blog-2 h6 {
    font-size: 20px;
    font-weight: 500;
    margin: 0 0 30px;
    text-transform: none;
}

.mcontent .blog-2 p {
    line-height: 1.85;
    margin: 0;
    font-size: 16px;
}

.mcontent .blog-2 p + p {
    margin-top: 20px;
}

.mcontent .blog-2 > * {
    position: relative;
}

.mcontent .blog-2 .promo {
    margin: -20px 0 49px;
}

.mcontent .blog-2 .btn {
    padding: 11px 22px;
    margin-top: 24px;
}

.mcontent .blog-2 .background {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: 100;
    filter: alpha(opacity=10000);
    opacity: 1;
    filter: alpha(opacity=100);
}

.mcontent .blog-2 .background > .container {
    height: 100%;
}

.mcontent .blog-2 .background .col-sm-4 {
    position: absolute;
    height: 100%;
}

.mcontent .blog-2 .background .col-sm-4 > div {
    position: absolute;
    right: 0;
    height: 100%;
    width: 1000px;
    margin: 0;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.mcontent .blog-2 .background .col-sm-4 > div img {
    height: 100% !important;
    width: auto;
}

@media (max-width: 480px) {
    .mcontent .blog-2 h3 img {
        margin-bottom: 30px;
    }

    .mcontent .blog-2 h4 {
        font-size: 26px;
        line-height: 1.2;
        margin-bottom: 45px;
    }
}

.mcontent .blog-3 {
    padding-top: 130px;
    padding-bottom: 130px;
}

.mcontent .blog-3 p {
    margin: 0;
}

.mcontent .blog-3 p + p {
    margin-top: 30px;
}

.mcontent .blog-3 h6 {
    font-size: 20px;
    font-family: "Lato", "Neue Helvetica Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 500;
    margin: 0 0 25px;
    text-transform: none;
}

.mcontent .blog-3 .title {
    margin-bottom: 84px;
    text-align: center;
}

.mcontent .blog-3 .title h3 {
    font-size: 35px;
    margin: 0;
    font-weight: 300;
    letter-spacing: -1px;
}

.mcontent .blog-3 .title .submitted {
    font-size: 16px;
    color: #bdc3c7;
    margin-top: 15px;
}

.mcontent .blog-3 .title img {
    display: block;
    margin: 0 auto 37px;
    -webkit-transform: rotate(-30deg);
    -moz-transform: rotate(-30deg);
    -ms-transform: rotate(-30deg);
    -o-transform: rotate(-30deg);
    transform: rotate(-30deg);
}

.mcontent .blog-3 .img {
    height: 380px;
    margin: 110px 0;
    background: url('../../../assets/common-files/img/Brazil_002.png') 50% 80% no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

@media (max-width: 767px) {
    .mcontent .blog-3 .img {
        margin-right: -20px;
        margin-left: -20px;
        padding-right: 20px;
        padding-left: 20px;
    }
}

.mcontent .blog-3 .quote {
    position: relative;
    margin-bottom: 35px;
    font-size: 37px;
    line-height: 50px;
    font-family: "Lato", "Neue Helvetica Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #203082;
    letter-spacing: -1px;
    font-weight: 300;
}

.mcontent .blog-3 .quote:before {
    content: url('../../../assets/common-files/icons/quote-up.png');
    position: absolute;
    top: -17px;
    left: -40px;
}

@media (max-width: 767px) {
    .mcontent .blog-3 .quote {
        margin-left: 40px;
        font-size: 29px;
        line-height: 38px;
    }
}

.mcontent .blog-3 .promo {
    margin-bottom: 70px;
}

.mcontent .blog-3 .links {
    margin-top: 76px;
}

.mcontent .blog-3 .links,
.mcontent .blog-3 .links * {
    font-size: 13px;
    font-family: "Lato", "Neue Helvetica Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    color: #bdc3c7;
}

.mcontent .blog-3 .links h6 {
    margin: 0 0 23px;
    letter-spacing: 0.19em;
    font-size: 12px;
    font-weight: 500;
}

.mcontent .blog-3 .links a {
    color: #1abc9c;
    font-size: 20px;
    font-family: "Lato", "Neue Helvetica Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 500;
    text-transform: none;
    letter-spacing: normal;
    line-height: 1.5;
}

.mcontent .blog-3 .links a:hover,
.mcontent .blog-3 .links a:focus,
.mcontent .blog-3 .links a.active {
    color: #15967d;
}

.mcontent .blog-4 {
    padding-top: 130px;
    padding-bottom: 130px;
}

.mcontent .blog-4 p {
    margin: 0;
}

.mcontent .blog-4 p + p {
    margin-top: 30px;
}

.mcontent .blog-4 h3 {
    font-size: 35px;
    margin: 0 0 35px;
}

.mcontent .blog-4 h6 {
    font-size: 20px;
    font-family: "Lato", "Neue Helvetica Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 500;
    margin: 0 0 25px;
    text-transform: none;
}

.mcontent .blog-4 .img {
    height: 242px;
    width: 538px;
    margin: 70px 0;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    overflow: hidden;
    display: inline-block;
}

.mcontent .blog-4 .img > img {
    display: block;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

.mcontent .blog-4 .quote {
    position: relative;
    margin: 60px 0 55px 40px;
    font-size: 37px;
    line-height: 50px;
    font-family: "Lato", "Neue Helvetica Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #203082;
    font-weight: 300;
    letter-spacing: -1px;
}

.mcontent .blog-4 .quote:before {
    content: url('../../../assets/common-files/icons/quote-up.png');
    position: absolute;
    top: -17px;
    left: -40px;
}

@media (max-width: 767px) {
    .mcontent .blog-4 .quote {
        font-size: 29px;
        line-height: 38px;
    }
}

.mcontent .blog-4 .tags {
    margin-top: 70px;
    font-size: 12px;
    font-family: "Lato", "Neue Helvetica Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.19em;
    color: #bdc3c7;
}

.mcontent .blog-4 .tags a {
    color: #bdc3c7;
}

.mcontent .blog-4 .tags a:hover,
.mcontent .blog-4 .tags a:focus,
.mcontent .blog-4 .tags a.active {
    color: #979c9f;
}

.mcontent .blog-4 .tags ul,
.mcontent .blog-4 .tags ol {
    list-style: none;
    display: block;
    margin: 0;
    padding: 0;
}

.mcontent .blog-4 .tags li {
    display: inline-block;
    margin-right: 20px;
}

@media (max-width: 767px) {
    .mcontent .blog-4 .tags {
        display: none;
    }
}

.mcontent .blog-4 .related-articles {
    margin-top: 82px;
    font-size: 15px;
    color: #bdc3c7;
}

.mcontent .blog-4 .related-articles h6 {
    font-size: 19px;
    font-family: "Lato", "Neue Helvetica Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 500;
    margin: 0 0 30px;
}

.mcontent .blog-4 .related-articles ul,
.mcontent .blog-4 .related-articles ol {
    list-style: none;
    display: block;
    margin: 0;
    padding: 0;
}

.mcontent .blog-4 .related-articles li {
    display: block;
    line-height: 1.45;
}

.mcontent .blog-4 .related-articles li + li {
    margin-top: 30px;
}

.mcontent .blog-4 .related-articles a {
    color: #1abc9c;
    font-size: 17px;
    font-weight: 500;
}

.mcontent .blog-4 .related-articles a:hover,
.mcontent .blog-4 .related-articles a:focus,
.mcontent .blog-4 .related-articles a.active {
    color: #15967d;
}

.mcontent .blog-4 .related-articles a + div {
    margin-top: 4px;
}

@media (max-width: 767px) {
    .mcontent .blog-4 .related-articles {
        margin-top: 60px;
    }
}

.mcontent .blog-5 {
    padding-top: 130px;
    padding-bottom: 130px;
}

.mcontent .blog-5 .box-icon {
    margin: 0 auto 0;
    text-align: center;
    font-size: 16px;
}

.mcontent .blog-5 .box-icon > * {
    display: inline-block;
    vertical-align: middle;
}

.mcontent .blog-5 .box-icon .icon {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 93px;
    height: 93px;
    margin: 0 50px;
    border: 6px solid #fff55b;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
    font-size: 48px;
    line-height: 81px;
    color: #fff55b;
}

.mcontent .blog-5 .page-transitions {
    background: #000;
    height: 380px;
    margin-bottom: 110px;
}

@media (max-width: 767px) {
    .mcontent .blog-5 .page-transitions {
        margin-right: -20px;
        margin-left: -20px;
    }
}

.mcontent .blog-5 .page-transitions,
.mcontent .blog-5 .page-transitions h1,
.mcontent .blog-5 .page-transitions .h1,
.mcontent .blog-5 .page-transitions h2,
.mcontent .blog-5 .page-transitions .h2,
.mcontent .blog-5 .page-transitions h3,
.mcontent .blog-5 .page-transitions .h3,
.mcontent .blog-5 .page-transitions h4,
.mcontent .blog-5 .page-transitions .h4,
.mcontent .blog-5 .page-transitions h5,
.mcontent .blog-5 .page-transitions .h5,
.mcontent .blog-5 .page-transitions h6,
.mcontent .blog-5 .page-transitions .h6 {
    color: #fff;
}

.mcontent .blog-5 .page-transitions a {
    color: #ffffff;
}

.mcontent .blog-5 .page-transitions a:hover,
.mcontent .blog-5 .page-transitions a:focus,
.mcontent .blog-5 .page-transitions a.active {
    color: rgba(0, 0, 0, 0.4);
}

.mcontent .blog-5 .page-transitions .hero-unit {
    margin: 0;
    padding: 0;
    background: transparent;
}

.mcontent .blog-5 .page-transitions .hero-unit h1 {
    margin: 0 0 5px;
    font-size: 25px;
    line-height: normal;
}

.mcontent .blog-5 .page-transitions .hero-unit p {
    font-size: 20px;
    font-family: "Lato", "Neue Helvetica Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: normal;
    line-height: normal;
}

.mcontent .blog-5 .pt-page {
    padding-top: 145px;
    padding-bottom: 145px;
}

@media (max-width: 767px) {
    .mcontent .blog-5 .pt-page {
        padding-right: 20px;
        padding-left: 20px;
    }
}

.mcontent .blog-5 [class*="pt-control-"] {
    display: inline-block;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 15px;
    height: 15px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #fff55b;
}

.mcontent .blog-5 .pt-first .pt-control-prev,
.mcontent .blog-5 .pt-last .pt-control-next {
    background: none;
    border: 3px solid rgba(0, 0, 0, 0.2);
}

.mcontent .blog-5 .title {
    margin-bottom: 90px;
    text-align: center;
}

.mcontent .blog-5 .title h3 {
    font-size: 40px;
    margin: 0;
}

.mcontent .blog-5 .title .submitted {
    font-size: 12px;
    font-family: "Lato", "Neue Helvetica Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.19em;
    color: #bdc3c7;
    margin-top: 35px;
}

.mcontent .blog-5 .title .submitted > * {
    margin: 0 15px;
    white-space: nowrap;
}

.mcontent .blog-5 .title .submitted [class*="fui-"] {
    font-size: 16px;
    vertical-align: middle;
    margin: -3px 10px 0 0;
}

@media (max-width: 480px) {
    .mcontent .blog-5 .title .submitted {
        display: block;
        text-align: left;
    }

    .mcontent .blog-5 .title .submitted > * {
        display: block;
    }

    .mcontent .blog-5 .title .submitted > * + * {
        margin-top: 10px;
    }
}

.mcontent .blog-5 p {
    margin: 0;
}

.mcontent .blog-5 p + p {
    margin-top: 30px;
}

.mcontent .blog-5 .lead {
    margin: 0;
    color: #34495e;
    font-size: 22px;
    font-weight: normal;
    line-height: 1.7;
}

.mcontent .blog-5 .lead + p {
    margin-top: 65px;
}

.mcontent .blog-5 .quote {
    position: relative;
    margin: 120px 0;
    padding: 80px 0 90px;
    color: #203082;
    background: #f5f6f6;
    font-size: 30px;
    font-family: "Lato", "Neue Helvetica Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-align: center;
    letter-spacing: -1px;
}

.mcontent .blog-5 .quote:before {
    content: url('../../../assets/common-files/icons/quote-down.png');
    display: block;
    margin: 0 auto 35px;
    text-align: center;
}

.mcontent .blog-5 .quote .author {
    margin-top: 35px;
    font-size: 18px;
    font-weight: 500;
    color: #2980b9;
    font-family: "Lato", "Neue Helvetica Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
    letter-spacing: 0;
}

@media (max-width: 767px) {
    .mcontent .blog-5 .quote {
        margin-right: -20px;
        margin-left: -20px;
        padding-right: 20px;
        padding-left: 20px;
    }
}

.mcontent .blog-5 .boxes {
    *zoom: 1;
    margin: 115px 0 125px;
}

.mcontent .blog-5 .boxes:before,
.mcontent .blog-5 .boxes:after {
    content: " ";
    /* 1 */

    display: table;
    /* 2 */

}

.mcontent .blog-5 .boxes:after {
    clear: both;
}

.mcontent .blog-5 .boxes:before,
.mcontent .blog-5 .boxes:after {
    display: table;
    content: "";
    line-height: 0;
}

.mcontent .blog-5 .boxes:after {
    clear: both;
}

.mcontent .blog-5 .boxes [class*="box-"] {
    background-color: #ecf0f1;
}

.mcontent .blog-5 .boxes .box-1 {
    *zoom: 1;
    height: 380px;
}

.mcontent .blog-5 .boxes .box-1:before,
.mcontent .blog-5 .boxes .box-1:after {
    content: " ";
    /* 1 */

    display: table;
    /* 2 */

}

.mcontent .blog-5 .boxes .box-1:after {
    clear: both;
}

.mcontent .blog-5 .boxes .box-1:before,
.mcontent .blog-5 .boxes .box-1:after {
    display: table;
    content: "";
    line-height: 0;
}

.mcontent .blog-5 .boxes .box-1:after {
    clear: both;
}

.mcontent .blog-5 .boxes .box-2,
.mcontent .blog-5 .boxes .box-3,
.mcontent .blog-5 .boxes .box-4 {
    margin-top: 8px;
    float: left;
    height: 190px;
    width: 308px;
}

.mcontent .blog-5 .boxes .box-3,
.mcontent .blog-5 .boxes .box-4 {
    margin-left: 8px;
}

@media (min-width: 1200px) {
    .mcontent .blog-5 .boxes .box-2,
    .mcontent .blog-5 .boxes .box-3,
    .mcontent .blog-5 .boxes .box-4 {
        width: 374.666px;
    }
}

@media (max-width: 991px) and (min-width: 768px) {
    .mcontent .blog-5 .boxes .box-2,
    .mcontent .blog-5 .boxes .box-3,
    .mcontent .blog-5 .boxes .box-4 {
        width: 234.666px;
    }
}

@media (max-width: 767px) {
    .mcontent .blog-5 .boxes .box-2,
    .mcontent .blog-5 .boxes .box-3,
    .mcontent .blog-5 .boxes .box-4 {
        width: auto;
        margin-left: 0;
        float: none;
    }
}

.mcontent .blog-5 .tags {
    font-size: 12px;
    font-family: "Lato", "Neue Helvetica Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.19em;
    text-align: center;
    color: #bdc3c7;
}

.mcontent .blog-5 .tags a {
    color: #bdc3c7;
}

.mcontent .blog-5 .tags a:hover,
.mcontent .blog-5 .tags a:focus,
.mcontent .blog-5 .tags a.active {
    color: #979c9f;
}

.mcontent .blog-5 .tags ul,
.mcontent .blog-5 .tags ol {
    list-style: none;
    display: block;
    margin: 0;
    padding: 0;
}

.mcontent .blog-5 .tags li {
    display: inline-block;
    margin: 0 10px;
}

.mcontent .contacts-1 {
    padding-top: 110px;
    padding-bottom: 110px;
}

.mcontent .contacts-1 h3 {
    font-size: 30px;
    margin: 0 0 60px;
    font-weight: 300;
}

@media (max-width: 480px) {
    .mcontent .contacts-1 h3 {
        font-size: 26px;
        margin: 0 0 30px;
    }
}

.mcontent .contacts-1 h6,
.mcontent .contacts-1 .h6 {
    margin: 0 0 12px;
    font-family: "Lato", "Neue Helvetica Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 500;
    font-size: 18px;
    text-transform: none;
}

.mcontent .contacts-1 label.h6 {
    margin-bottom: 18px;
}

.mcontent .contacts-1 label.h6 {
    margin-bottom: 18px;
}

.mcontent .contacts-1 p {
    font-size: 16px;
    line-height: 1.6;
}

.mcontent .contacts-1 b {
    font-weight: 700;
}

.mcontent .contacts-1 a {
    color: #1abc9c;
}

.mcontent .contacts-1 a:hover,
.mcontent .contacts-1 a:focus,
.mcontent .contacts-1 a.active {
    color: #15967d;
}

.mcontent .contacts-1 form {
    margin: 0;
}

.mcontent .contacts-1 form input,
.mcontent .contacts-1 form textarea {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    min-width: 100%;
    margin-bottom: 29px;
    border-color: #ebedee;
    color: #777777;
    font-size: 17px;
    line-height: 22px;
}

.mcontent .contacts-1 form input:focus,
.mcontent .contacts-1 form textarea:focus {
    border-color: #1abc9c;
}

.mcontent .contacts-1 form input {
    height: 45px;
}

.mcontent .contacts-1 form label {
    margin-bottom: 18px;
}

.mcontent .contacts-1 form .btn {
    margin-top: 7px;
    min-width: 150px;
}

.mcontent .contacts-1 form .btn [class*="fui-"] {
    font-size: 24px;
}

.mcontent .contacts-1 form .btn.btn-primary:hover,
.mcontent .contacts-1 form .btn.btn-primary:focus {
    background-color: #e74c3c;
}

.mcontent .contacts-1 form .btn.btn-primary:active,
.mcontent .contacts-1 form .btn.btn-primary.active {
    background-color: #c44133;
}

.mcontent .contacts-1 .additional {
    margin-bottom: 45px;
}

.mcontent .contacts-1 .phone {
    font-size: 13px;
    font-family: "Lato", "Neue Helvetica Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 700;
    letter-spacing: 2px;
    line-height: 1.2;
    color: #95a5a6;
}

.mcontent .contacts-1 .phone big {
    display: block;
    font-size: 46px;
    letter-spacing: normal;
    white-space: nowrap;
    color: #1abc9c;
}

@media (max-width: 992px) and (min-width: 768px) {
    .mcontent .contacts-1 .phone big {
        font-size: 32px;
    }
}

@media (max-width: 767px) {
    .mcontent .contacts-1 > .container > .row > * + * {
        margin-top: 55px;
    }
}

@media (max-width: 480px) {
    .mcontent .contacts-1 form {
        margin-bottom: 80px;
    }

    .mcontent .contacts-1 form label {
        margin-bottom: 0px;
    }

    .mcontent .contacts-1 .phone big {
        font-size: 40px;
    }
}

.mcontent .contacts-2 {
    padding-top: 110px;
    padding-bottom: 110px;
}

.mcontent .contacts-2 h3 {
    font-size: 30px;
    margin: 0 0 40px;
    font-weight: 300px;
}

@media (max-width: 480px) {
    .mcontent .contacts-2 h3 {
        font-size: 26px;
        margin: 0 0 30px;
    }
}

.mcontent .contacts-2 h6,
.mcontent .contacts-2 .h6 {
    margin: 0 0 15px;
    font-family: "Lato", "Neue Helvetica Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 500;
    font-size: 18px;
    text-transform: none;
}

.mcontent .contacts-2 label.h6 {
    margin-bottom: 12px;
}

.mcontent .contacts-2 p {
    font-size: 16px;
    line-height: 1.6;
}

.mcontent .contacts-2 a {
    color: #1abc9c;
}

.mcontent .contacts-2 a:hover,
.mcontent .contacts-2 a:focus,
.mcontent .contacts-2 a.active {
    color: #15967d;
}

.mcontent .contacts-2 form {
    margin: 0;
    padding: 46px;
    border: 2px solid #ebedee;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

.mcontent .contacts-2 form input,
.mcontent .contacts-2 form textarea {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    min-width: 100%;
    margin-bottom: 29px;
    border-color: #ebedee;
    color: #777777;
}

.mcontent .contacts-2 form input:focus,
.mcontent .contacts-2 form textarea:focus {
    border-color: #1abc9c;
}

.mcontent .contacts-2 form textarea {
    height: 120px;
}

.mcontent .contacts-2 form input {
    height: 45px;
}

.mcontent .contacts-2 form textarea {
    height: 120px;
}

.mcontent .contacts-2 form label {
    margin-bottom: 18px;
}

.mcontent .contacts-2 form .btn {
    margin-top: 7px;
    min-width: 150px;
}

.mcontent .contacts-2 form .btn [class*="fui-"] {
    font-size: 24px;
}

.mcontent .contacts-2 form .btn.btn-primary:hover,
.mcontent .contacts-2 form .btn.btn-primary:focus {
    background-color: #e74c3c;
}

.mcontent .contacts-2 form .btn.btn-primary:active,
.mcontent .contacts-2 form .btn.btn-primary.active {
    background-color: #c44133;
}

.mcontent .contacts-2 .map {
    height: 165px;
    margin: 25px 0 60px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    overflow: hidden;
}

.mcontent .contacts-2 .links {
    margin-top: 20px;
}

.mcontent .contacts-2 .links a {
    font-size: 16px;
    font-weight: bold;
    display: inline-block;
    margin-top: 10px;
}

.mcontent .contacts-2 .links [class*="fui-"] {
    font-size: 26px;
    vertical-align: middle;
    margin: -3px 23px 0 0;
}

@media (max-width: 767px) {
    .mcontent .contacts-2 > .container > .row > * + * {
        margin-top: 55px;
    }
}

@media (max-width: 480px) {
    .mcontent .contacts-2 form {
        margin-bottom: 80px;
        padding: 15px;
    }

    .mcontent .contacts-2 form label {
        margin-bottom: 0px;
    }
}

.mcontent .contacts-3 {
    padding-top: 110px;
    padding-bottom: 50px;
}

.mcontent .contacts-3 h3 {
    font-size: 30px;
    margin: 0 0 15px;
    font-weight: 300px;
}

.mcontent .contacts-3 h6,
.mcontent .contacts-3 .h6 {
    margin: 0 0 15px;
    font-family: "Lato", "Neue Helvetica Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 500;
    font-size: 18px;
    text-transform: none;
}

.mcontent .contacts-3 label.h6 {
    margin-bottom: 20px;
}

.mcontent .contacts-3 p {
    font-size: 16px;
    line-height: 1.6;
}

.mcontent .contacts-3 a {
    color: #1abc9c;
}

.mcontent .contacts-3 a:hover,
.mcontent .contacts-3 a:focus,
.mcontent .contacts-3 a.active {
    color: #15967d;
}

.mcontent .contacts-3 form {
    margin: 30px 0 0;
}

.mcontent .contacts-3 form input,
.mcontent .contacts-3 form textarea {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    min-width: 100%;
    margin-bottom: 29px;
    border-color: #ebedee;
    color: #777777;
}

.mcontent .contacts-3 form input:focus,
.mcontent .contacts-3 form textarea:focus {
    border-color: #1abc9c;
}

.mcontent .contacts-3 form input {
    height: 45px;
}

.mcontent .contacts-3 form label {
    margin-bottom: 18px;
}

.mcontent .contacts-3 form .btn {
    margin-top: 7px;
    min-width: 150px;
}

.mcontent .contacts-3 form .btn [class*="fui-"] {
    font-size: 24px;
}

.mcontent .contacts-3 form .btn.btn-primary:hover,
.mcontent .contacts-3 form .btn.btn-primary:focus {
    background-color: #e74c3c;
}

.mcontent .contacts-3 form .btn.btn-primary:active,
.mcontent .contacts-3 form .btn.btn-primary.active {
    background-color: #c44133;
}

.mcontent .contacts-3 .map {
    height: 255px;
    margin: 35px 0 60px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    overflow: hidden;
}

.mcontent .contacts-3 .links {
    margin: 20px 0 40px;
    padding-bottom: 40px;
    border-bottom: 2px solid #ebedee;
}

.mcontent .contacts-3 .links a {
    font-size: 16px;
    font-weight: bold;
    display: inline-block;
    margin-top: 10px;
}

.mcontent .contacts-3 .links [class*="fui-"] {
    font-size: 26px;
    vertical-align: middle;
    margin: -3px 23px 0 0;
}

@media (max-width: 767px) {
    .mcontent .contacts-3 > .container > .row > * + * {
        margin-top: 55px;
    }
}

@media (max-width: 480px) {
    .mcontent .contacts-3 form {
        margin-bottom: 80px;
    }

    .mcontent .contacts-3 form label {
        margin-bottom: 0px;
    }
}

.mcontent .contacts-4 {
    background: #34495e url('../../../assets/common-files/img/map.png') 50% 50% no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    color: #bdc3c7;
    text-align: right;
    padding-top: 175px;
    padding-bottom: 180px;
}

.mcontent .contacts-4 h3 {
    font-size: 30px;
    margin: 0 0 12px;
    color: #fff;
    font-weight: 300px;
}

.mcontent .contacts-4 p {
    font-size: 16px;
    line-height: 1.6;
}

.mcontent .contacts-4 a {
    color: #1abc9c;
}

.mcontent .contacts-4 a:hover,
.mcontent .contacts-4 a:focus,
.mcontent .contacts-4 a.active {
    color: #15967d;
}

.mcontent .contacts-4 .content {
    margin: 0 80px;
}

@media (max-width: 767px) {
    .mcontent .contacts-4 .content {
        margin: 0;
    }
}

.mcontent .contacts-4 .social-btns {
    white-space: nowrap;
    margin-bottom: 35px;
}

.mcontent .contacts-4 .social-btns > * {
    display: inline-block;
    margin-left: 15px;
    font-size: 30px;
    width: 30px;
    height: 38px;
    overflow: hidden;
    text-align: center;
    color: #1abc9c;
}

.mcontent .contacts-4 .social-btns > *:first-child {
    margin-left: 0;
}

.mcontent .contacts-4 .social-btns > * > * {
    display: block;
    position: relative;
    -webkit-transition: 0.25s top;
    -moz-transition: 0.25s top;
    -o-transition: 0.25s top;
    transition: 0.25s top;
}

.mcontent .contacts-4 .social-btns > * > *:first-child {
    color: #fff;
}

.mcontent .contacts-4 .social-btns > *:hover > * {
    top: -100%;
}

.mcontent .contacts-4 .links {
    margin: 35px 0 0;
    font-size: 47px;
    font-family: "Lato", "Neue Helvetica Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 700;
    word-break: break-all;
}

.mcontent .contacts-4 .links a {
    padding-bottom: 3px;
    color: #14ddb3;
    border-bottom: 2px solid;
}

.mcontent .contacts-4 .links a:hover,
.mcontent .contacts-4 .links a:focus,
.mcontent .contacts-4 .links a.active {
    color: #10b18f;
}

@media (max-width: 480px) {
    .mcontent .contacts-4 .links a {
        font-size: 26px;
    }
}

.mcontent .contacts-5 {
    padding-bottom: 100px;
}

.mcontent .contacts-5 h6 {
    font-size: 18px;
    text-transform: none;
}

.mcontent .contacts-5 p {
    font-size: 16px;
    line-height: 1.6;
}

.mcontent .contacts-5 a {
    color: #1abc9c;
}

.mcontent .contacts-5 a:hover,
.mcontent .contacts-5 a:focus,
.mcontent .contacts-5 a.active {
    color: #15967d;
}

.mcontent .contacts-5 .map {
    height: 550px;
    margin-bottom: 120px;
}

@media (max-width: 767px) {
    .mcontent .contacts-5 .map {
        height: 480px;
        margin-bottom: 80px;
        margin-right: -20px;
        margin-left: -20px;
    }

    .mcontent .contacts-5 .box {
        margin-top: 33px;
    }

    .mcontent .contacts-5 .box.box-first {
        margin-top: 0;
    }
}

.mcontent body .delimiter-big {
    margin-top: 110px;
}

.mcontent .content-1 {
    padding-top: 130px;
    padding-bottom: 125px;
    position: relative;
}

.mcontent .content-1 h3 {
    font-weight: normal;
    color: #203082;
    margin-bottom: 24px;
}

.mcontent .content-1 p {
    font-size: 18px;
    font-weight: normal;
    color: #777777;
    font-family: "Lato", "Neue Helvetica Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.mcontent .content-1 .box-video {
    margin-top: 40px;
    font-size: 16px;
    font-weight: normal;
    color: #777777;
    font-family: "Lato", "Neue Helvetica Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.mcontent .content-1 .box-video p {
    font-size: 16px;
    font-weight: normal;
    color: #777777;
    font-family: "Lato", "Neue Helvetica Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.mcontent .content-1 .box-video h6 {
    font-size: 20px;
    font-weight: normal;
    color: #203082;
    font-family: "Lato", "Neue Helvetica Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: none;
}

.mcontent .content-1 .box-video .btns {
    text-align: center;
}

@media (max-width: 767px) {
    .mcontent .content-1 .box-video .btns {
        text-align: left;
    }
}

.mcontent .content-1 .box-video .btns .btn {
    min-width: 100%;
}

@media (max-width: 767px) {
    .mcontent .content-1 .box-video .btns .btn {
        min-width: 0;
    }
}

.mcontent .content-1 .box-video .btns .btn [class*="fui-"] {
    float: left;
    font-size: 22px;
    font-weight: normal;
    color: #ffffff;
    margin-right: 4px;
}

.mcontent .content-1 .box-video .btns .btn + .btn {
    margin-top: 15px;
}

@media (max-width: 767px) {
    .mcontent .content-1 .box-video .btns .btn + .btn {
        margin: 0 0 0 15px;
    }
}

.mcontent .content-1 .box-video .additional-links {
    margin-top: 20px;
    font-size: 12px;
    font-weight: normal;
    color: #777777;
    line-height: 17px;
    text-align: center;
}

@media (max-width: 767px) {
    .mcontent .content-1 .box-video .additional-links {
        text-align: left;
    }
}

.mcontent .content-1 .box-video .additional-links a {
    text-decoration: underline;
    color: #777777;
}

.mcontent .content-1 .box-video .additional-links a:hover,
.mcontent .content-1 .box-video .additional-links a:focus,
.mcontent .content-1 .box-video .additional-links a.active {
    color: #1abc9c;
}

@media (max-width: 480px) {
    .mcontent .content-1 .box-video {
        margin-top: 40px;
    }

    .mcontent .content-1 .box-video .player {
        margin-bottom: 40px;
        width: 100%;
    }

    .mcontent .content-1 .box-video .btns {
        margin-top: 35px;
    }

    .mcontent .content-1 .box-video .btns .btn {
        display: block;
    }

    .mcontent .content-1 .box-video .btns .btn + .btn {
        margin: 16px 0 0;
    }

    .mcontent .content-1 .box-video .additional-links {
        text-align: center;
        max-width: 170px;
        margin: 20px auto 0;
    }
}

.mcontent .content-1 .player {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    position: relative;
    overflow: hidden;
    float: left;
    width: 220px;
    margin: 0 50px 10px 0;
}

@media (max-width: 767px) {
    .mcontent .content-1 .player {
        float: none;
        margin: 0 auto 10px;
    }
}

.mcontent .content-1 .player .btn-play {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 60px;
    margin: -20px 0 0 -30px;
    padding-left: 16px;
    background-color: #16a085;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.mcontent .content-1 .player .btn-play:hover,
.mcontent .content-1 .player .btn-play:focus {
    background-color: #45b39d;
}

.mcontent .content-1 .player .btn-play:active,
.mcontent .content-1 .player .btn-play.active {
    background-color: #138871;
}

.mcontent .content-1 .player > iframe {
    width: 100%;
    height: 100%;
    border: 0;
    display: block;
}

.mcontent .content-2 {
    padding-top: 130px;
    padding-bottom: 130px;
    position: relative;
}

.mcontent .content-2 h3 {
    font-weight: normal;
    color: #203082;
    margin-bottom: 35px;
    font-weight: 300;
}

.mcontent .content-2 p {
    font-size: 18px;
    font-weight: normal;
    color: #777777;
    font-family: "Lato", "Neue Helvetica Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
    line-height: 29.999999999999996px;
}

.mcontent .content-2 .btns {
    margin-top: 50px;
    font-size: 15px;
    font-weight: normal;
    color: #777777;
}

.mcontent .content-2 .btns .btn {
    padding: 9px 17px 10px 15px;
    margin-right: 28px;
}

.mcontent .content-2 .btns .btn > [class^="fui-"] {
    font-size: 26px;
    font-weight: normal;
    color: #ffffff;
    margin: -2px 12px 0 0;
}

@media (max-width: 767px) {
    .mcontent .content-2 .btns {
        margin-top: 35px;
    }

    .mcontent .content-2 .col-sm-5.col-sm-offset-1 {
        margin-top: 45px;
    }
}

.mcontent .content-2 .player {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    background: #f2f3f4;
    position: relative;
    overflow: hidden;
    height: 250px;
}

.mcontent .content-2 .player .btn-play {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    left: 10px;
    bottom: 10px;
    width: 60px;
    padding-left: 16px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.mcontent .content-3 {
    padding-top: 130px;
    padding-bottom: 130px;
    position: relative;
}

.mcontent .content-3 h3 {
    font-size: 30px;
    font-weight: normal;
    color: #203082;
    font-family: "Lato", "Neue Helvetica Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 300;
    margin-bottom: 24px;
}

.mcontent .content-3 p {
    font-size: 16px;
    font-weight: normal;
    color: #777777;
    font-family: "Lato", "Neue Helvetica Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
    line-height: 29.999999999999996px;
}

@media (max-width: 767px) {
    .mcontent .content-3 p {
        margin-bottom: 34px;
    }
}

.mcontent .content-3.v-center,
.mcontent .content-3 .v-center {
    display: table;
    width: 100%;
}

.mcontent .content-3.v-center > div,
.mcontent .content-3 .v-center > div {
    display: table-cell;
    vertical-align: middle;
    margin-top: 0;
    margin-bottom: 0;
    float: none;
}

@media (min-width: 768px) {
    .mcontent .content-3.v-center.row:before,
    .mcontent .content-3 .v-center.row:before,
    .mcontent .content-3.v-center.row:after,
    .mcontent .content-3 .v-center.row:after {
        display: none;
    }
}

@media (max-width: 767px) {
    .mcontent .content-3.v-center,
    .mcontent .content-3 .v-center {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding-left: 5px;
        padding-right: 5px;
    }

    .mcontent .content-3.v-center.row,
    .mcontent .content-3 .v-center.row {
        display: block;
        width: auto;
    }

    .mcontent .content-3.v-center.row:before,
    .mcontent .content-3 .v-center.row:before,
    .mcontent .content-3.v-center.row:after,
    .mcontent .content-3 .v-center.row:after {
        display: none;
    }

    .mcontent .content-3.v-center.row > *,
    .mcontent .content-3 .v-center.row > * {
        display: block;
        vertical-align: baseline;
    }
}

.mcontent .content-3 .img {
    text-align: right;
}

@media (max-width: 767px) {
    .mcontent .content-3 .img {
        text-align: center;
        margin-bottom: 30px;
    }
}

.mcontent .content-3 .delimiter {
    margin-top: 130px;
    padding-top: 70px;
    border-top: 2px solid #ecf0f1;
}

@media (max-width: 767px) {
    .mcontent .content-3 .delimiter {
        display: none;
    }
}

.mcontent .content-3 .features h6 {
    margin-top: 0;
    margin-bottom: 22px;
    font-size: 20px;
    font-weight: normal;
    color: #34495e;
    font-family: "Lato", "Neue Helvetica Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 500;
    text-transform: none;
}

@media (max-width: 767px) {
    .mcontent .content-3 .features h6 {
        margin-top: 30px;
        margin-bottom: 15px;
    }
}

.mcontent .content-3 .features p {
    margin-top: 0;
    margin-bottom: 0;
    line-height: 26px;
}

.mcontent .content-3.mirror .aligment {
    float: right;
}

.mcontent .content-3.mirror .img {
    text-align: left;
}

.mcontent .content-4 {
    padding-top: 130px;
    padding-bottom: 120px;
    position: relative;
}

.mcontent .content-4 h3 {
    font-size: 30px;
    font-weight: normal;
    color: #203082;
    font-family: "Lato", "Neue Helvetica Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin-bottom: 24px;
    font-weight: 300;
}

.mcontent .content-4 p {
    font-size: 16px;
    font-weight: normal;
    color: #777777;
    font-family: "Lato", "Neue Helvetica Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
    line-height: 26px;
}

.mcontent .content-4 .features h6 {
    margin: 0 0 13px;
    font-size: 24px;
    font-weight: normal;
    color: #34495e;
    font-family: "Lato", "Neue Helvetica Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 500;
    text-transform: none;
}

.mcontent .content-4 .features p {
    font-size: 16px;
    font-weight: normal;
    color: #777777;
}

.mcontent .content-4 .features > [class*="col-sm-"] {
    position: relative;
    padding-top: 180px;
    padding-bottom: 50px;
}

.mcontent .content-4 .features > [class*="col-sm-"] > img:first-child {
    position: absolute;
    left: 15px;
    top: 30px;
}

.mcontent .content-4 .features:last-child > [class*="col-sm-"],
.mcontent .content-4 .features.last > [class*="col-sm-"] {
    padding-bottom: 0;
}

@media (max-width: 767px) {
    .mcontent .content-4 .features > [class*="col-sm-"],
    .mcontent .content-4 .features:last-child > [class*="col-sm-"],
    .mcontent .content-4 .features.last > [class*="col-sm-"] {
        padding-top: 150px;
        padding-bottom: 20px;
    }

    .mcontent .content-4 .features:last-child > [class*="col-sm-"]:last-child,
    .mcontent .content-4 .features.last > [class*="col-sm-"]:last-child,
    .mcontent .content-4 .features:last-child > [class*="col-sm-"].last,
    .mcontent .content-4 .features.last > [class*="col-sm-"].last {
        padding-bottom: 0;
    }
}

.mcontent .content-5 {
    padding-top: 150px;
    padding-bottom: 200px;
    position: relative;
}

.mcontent .content-5 .container > img {
    display: block;
    margin: 0 auto 50px;
}

.mcontent .content-5 h3 {
}

@media (max-width: 767px) {
    .mcontent .content-5 h3 {
        margin-bottom: 15px;
    }
}

.mcontent .content-5 h3 + .lead {
    font-size: 25px;
    font-weight: normal;
    color: #777777;
    font-family: "Lato", "Neue Helvetica Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 300;
    text-align: center;
}

@media (max-width: 767px) {
    .mcontent .content-5 h3 + .lead {
        line-height: 1.25;
    }
}

@media (max-width: 480px) {
    .mcontent .content-5 {
        padding-bottom: 40px;
    }
}

.mcontent .content-5 .features > [class*="col-sm-"] {
    position: relative;
    margin-top: 40px;
}

.mcontent .content-5 .features > [class*="col-sm-"] > [class*="fui-"] {
    position: absolute;
    left: -60px;
    top: 0px;
    font-size: 25px;
    font-weight: normal;
    color: #203082;
    height: 50px;
    width: 50px;
    text-align: center;
    vertical-align: middle;
    padding: 8px 0px;
}

@media (max-width: 767px) {
    .mcontent .content-5 .features > [class*="col-sm-"] > [class*="fui-"] {
        position: static;
        float: left;
        margin: -7px 20px 0 0;
    }
}

.mcontent .content-5 .features > [class*="col-sm-"] p {
    font-size: 16px;
    font-weight: normal;
    color: #777777;
}

.mcontent .content-5 .features > [class*="col-sm-"] h6 {
    font-size: 22px;
    font-weight: normal;
    color: #34495e;
    font-family: "Lato", "Neue Helvetica Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 500;
    margin-bottom: 14px;
    text-transform: none;
}

.mcontent .content-6 {
    position: relative;
    padding-top: 130px;
    padding-bottom: 120px;
}

@media (max-width: 768px) {
    .mcontent .content-6 {
        padding-top: 80px;
        padding-bottom: 80px;
    }
}

.mcontent .content-6 h3 {
    margin: 0 0 21px;
    text-align: center;
    font-size: 35px;
    font-weight: normal;
    color: #203082;
    font-family: "Lato", "Neue Helvetica Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.mcontent .content-6 h3 img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 35px;
}

@media (max-width: 767px) {
    .mcontent .content-6 h3 {
        margin-bottom: 15px;
    }
}

.mcontent .content-6 p {
    font-size: 16px;
    font-weight: normal;
    color: #777777;
    line-height: 26px;
}

.mcontent .content-6 .lead {
    text-align: center;
    font-size: 25px;
    font-weight: normal;
    color: #777777;
    font-family: "Lato", "Neue Helvetica Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 300;
}

@media (max-width: 767px) {
    .mcontent .content-6 .lead {
        line-height: 1.25;
    }
}

.mcontent .content-6.v-center,
.mcontent .content-6 .v-center {
    display: table;
    width: 100%;
}

.mcontent .content-6.v-center > div,
.mcontent .content-6 .v-center > div {
    display: table-cell;
    vertical-align: middle;
    margin-top: 0;
    margin-bottom: 0;
    float: none;
}

@media (min-width: 768px) {
    .mcontent .content-6.v-center.row:before,
    .mcontent .content-6 .v-center.row:before,
    .mcontent .content-6.v-center.row:after,
    .mcontent .content-6 .v-center.row:after {
        display: none;
    }
}

@media (max-width: 767px) {
    .mcontent .content-6.v-center,
    .mcontent .content-6 .v-center {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding-left: 5px;
        padding-right: 5px;
    }

    .mcontent .content-6.v-center.row,
    .mcontent .content-6 .v-center.row {
        display: block;
        width: auto;
    }

    .mcontent .content-6.v-center.row:before,
    .mcontent .content-6 .v-center.row:before,
    .mcontent .content-6.v-center.row:after,
    .mcontent .content-6 .v-center.row:after {
        display: none;
    }

    .mcontent .content-6.v-center.row > *,
    .mcontent .content-6 .v-center.row > * {
        display: block;
        vertical-align: baseline;
    }
}

@media (max-width: 480px) {
    .mcontent .content-6 {
        padding-bottom: 210px;
    }
}

.mcontent .content-6 .features > * {
    margin-top: 40px;
}

.mcontent .content-6 .features h6 {
    font-size: 22px;
    font-weight: normal;
    color: #34495e;
    font-family: "Lato", "Neue Helvetica Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 500;
    margin-bottom: 14px;
    text-transform: none;
}

.mcontent .content-7 {
    padding-top: 125px;
    padding-bottom: 130px;
    position: relative;
    text-align: center;
}

.mcontent .content-7 h3 {
    text-align: center;
    font-size: 30px;
    font-weight: normal;
    color: #203082;
    font-family: "Lato", "Neue Helvetica Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin-bottom: 80px;
    line-height: 42px;
    font-weight: 800;
    letter-spacing: -1px;
}

@media (max-width: 767px) {
    .mcontent .content-7 h3 {
        margin-bottom: 20px;
        line-height: 36px;
    }
}

.mcontent .content-7.v-center,
.mcontent .content-7 .v-center {
    display: table;
    width: 100%;
}

.mcontent .content-7.v-center > div,
.mcontent .content-7 .v-center > div {
    display: table-cell;
    vertical-align: middle;
    margin-top: 0;
    margin-bottom: 0;
    float: none;
}

@media (min-width: 768px) {
    .mcontent .content-7.v-center.row:before,
    .mcontent .content-7 .v-center.row:before,
    .mcontent .content-7.v-center.row:after,
    .mcontent .content-7 .v-center.row:after {
        display: none;
    }
}

@media (max-width: 767px) {
    .mcontent .content-7.v-center,
    .mcontent .content-7 .v-center {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding-left: 5px;
        padding-right: 5px;
    }

    .mcontent .content-7.v-center.row,
    .mcontent .content-7 .v-center.row {
        display: block;
        width: auto;
    }

    .mcontent .content-7.v-center.row:before,
    .mcontent .content-7 .v-center.row:before,
    .mcontent .content-7.v-center.row:after,
    .mcontent .content-7 .v-center.row:after {
        display: none;
    }

    .mcontent .content-7.v-center.row > *,
    .mcontent .content-7 .v-center.row > * {
        display: block;
        vertical-align: baseline;
    }
}

.mcontent .content-7 .row {
    text-align: left;
}

.mcontent .content-7 h6 {
    font-size: 18px;
    font-weight: normal;
    color: #e74c3c;
    font-weight: 500;
    margin-top: 60px;
    text-transform: none;
}

.mcontent .content-7 h6:first-child {
    margin-top: auto;
}

@media (max-width: 767px) {
    .mcontent .content-7 h6 {
        margin-top: 20px;
    }
}

.mcontent .content-7 .row > .col-sm-3:first-child {
    font-size: 22px;
    font-weight: normal;
    color: #777777;
    font-family: "Lato", "Neue Helvetica Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
    line-height: 32px;
    font-weight: 300;
}

@media (max-width: 767px) {
    .mcontent .content-7 .v-center {
        padding-left: 0;
        padding-right: 0;
    }

    .mcontent .content-7 .row > [class*="col-sm-"] {
        margin-top: 45px;
    }

    .mcontent .content-7 .row > [class*="col-sm-"]:first-child {
        margin-top: 0;
    }
}

@media (max-width: 480px) {
    .mcontent .content-7 h3 {
        text-align: left;
    }
}

.mcontent .content-7 .screen-wrapper {
    position: relative;
    height: 437px;
}

.mcontent .content-7 .screen-wrapper .screen {
    position: absolute;
    left: 50%;
    margin-left: -151px;
    overflow: hidden;
}

.mcontent .content-7 .screen-wrapper .screen img {
    position: relative;
    max-width: none;
}

.mcontent .content-7 .screen-wrapper .screen img:first-child {
    position: absolute;
    left: 0;
    top: 0;
    max-height: 100%;
}

.mcontent .content-8 {
    padding-top: 130px;
    padding-bottom: 130px;
    position: relative;
    text-align: center;
}

.mcontent .content-8 h3 {
    text-align: center;
    font-size: 30px;
    font-weight: normal;
    color: #34495e;
    font-family: "Lato", "Neue Helvetica Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin: 70px 0 35px;
}

.mcontent .content-8 p {
    font-size: 18px;
    font-weight: normal;
    color: #777777;
    margin-bottom: 43px;
}

.mcontent .content-8 .btn.btn-clear {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: none;
    border: 2px solid #e74c3c;
    font-size: 14px;
    font-weight: normal;
    color: #777777;
    font-weight: 500;
    font-family: "Lato", "Neue Helvetica Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
    padding: 12px 28px 12px;
    color: #e74c3c;
}

.mcontent .content-8 .btn.btn-clear:hover,
.mcontent .content-8 .btn.btn-clear:focus {
    background: #e74c3c;
    color: #fff;
}

.mcontent .content-8 .btn.btn-clear:active,
.mcontent .content-8 .btn.btn-clear.active {
    border-color: #c44133;
    background: #c44133;
    color: rgba(255, 255, 255, 0.75);
}

.mcontent .content-8.v-center,
.mcontent .content-8 .v-center {
    display: table;
    width: 100%;
}

.mcontent .content-8.v-center > div,
.mcontent .content-8 .v-center > div {
    display: table-cell;
    vertical-align: middle;
    margin-top: 0;
    margin-bottom: 0;
    float: none;
}

@media (min-width: 768px) {
    .mcontent .content-8.v-center.row:before,
    .mcontent .content-8 .v-center.row:before,
    .mcontent .content-8.v-center.row:after,
    .mcontent .content-8 .v-center.row:after {
        display: none;
    }
}

@media (max-width: 767px) {
    .mcontent .content-8.v-center,
    .mcontent .content-8 .v-center {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding-left: 5px;
        padding-right: 5px;
    }

    .mcontent .content-8.v-center.row,
    .mcontent .content-8 .v-center.row {
        display: block;
        width: auto;
    }

    .mcontent .content-8.v-center.row:before,
    .mcontent .content-8 .v-center.row:before,
    .mcontent .content-8.v-center.row:after,
    .mcontent .content-8 .v-center.row:after {
        display: none;
    }

    .mcontent .content-8.v-center.row > *,
    .mcontent .content-8 .v-center.row > * {
        display: block;
        vertical-align: baseline;
    }
}

.mcontent .content-9 {
    padding-top: 130px;
    padding-bottom: 130px;
    position: relative;
}

.mcontent .content-9 h3 {
    font-size: 30px;
    font-weight: normal;
    color: #203082;
    font-family: "Lato", "Neue Helvetica Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin-bottom: 24px;
    font-weight: 300;
}

.mcontent .content-9 p {
    font-size: 16px;
    font-weight: normal;
    color: #777777;
    line-height: 30px;
}

.mcontent .content-9 h6 {
    text-transform: none;
    font-size: 18px;
    font-weight: normal;
    color: #34495e;
    font-family: "Lato", "Neue Helvetica Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 500;
}

.mcontent .content-9 .info {
    font-size: 14px;
    font-weight: normal;
    color: #777777;
    margin-top: 40px;
}

@media (max-width: 767px) {
    .mcontent .content-9 .info {
        margin-top: 20px;
    }
}

.mcontent .content-10 {
    padding-top: 130px;
    padding-bottom: 125px;
    position: relative;
}

.mcontent .content-10 .carousel {
    margin-bottom: 0;
    display: inline-block;
    text-align: center;
}

@media (max-width: 767px) {
    .mcontent .content-10 .carousel {
        margin-top: 80px;
    }
}

.mcontent .content-10 .carousel .item img {
    margin: 0 auto;
}

.mcontent .content-10 .carousel .carousel-indicators {
    position: static;
    text-align: center;
    margin: 0;
    padding-top: 40px;
}

.mcontent .content-10 .carousel .carousel-indicators li {
    display: inline-block;
    float: none;
    width: 12px;
    height: 12px;
    margin-left: 7px;
    text-indent: -999px;
    background-color: #f1f1f1;
    border-radius: 50%;
    cursor: pointer;
}

.mcontent .content-10 .carousel .carousel-indicators li:first-child {
    margin-left: 0;
}

.mcontent .content-10 .carousel .carousel-indicators .active {
    background-color: #c0392b;
}

.mcontent .content-10 .carousel .item {
    -webkit-transition: 0.6s ease-in-out opacity;
    -moz-transition: 0.6s ease-in-out opacity;
    -o-transition: 0.6s ease-in-out opacity;
    transition: 0.6s ease-in-out opacity;
    left: 0 !important;
}

.mcontent .content-10 .carousel .item.active.left,
.mcontent .content-10 .carousel .item.active.right {
    opacity: 0;
    z-index: 2;
}

.mcontent .content-10 .carousel .item.next {
    opacity: 1;
    z-index: 1;
}

.mcontent .content-10 h3 {
    font-size: 30px;
    font-weight: normal;
    color: #203082;
    font-family: "Lato", "Neue Helvetica Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin-bottom: 48px;
    font-weight: 300;
}

.mcontent .content-10 p {
    font-size: 16px;
    font-weight: normal;
    color: #777777;
}

.mcontent .content-10 .features .box {
    position: relative;
    padding-left: 140px;
    padding-top: 50px;
    margin-top: 50px;
    min-height: 100px;
    border-top: 2px solid #ecf0f1;
}

.mcontent .content-10 .features .box.first,
.mcontent .content-10 .features .box:first-child,
.mcontent .content-10 .features .box:first-of-type {
    margin-top: 0;
    border-top: 0;
}

.mcontent .content-10 .features .box > img {
    position: absolute;
    left: 0;
    top: 50px;
}

.mcontent .content-10 .features h6 {
    text-transform: none;
    font-size: 22px;
    font-weight: normal;
    color: #203082;
    font-family: "Lato", "Neue Helvetica Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 500;
    margin-top: 0;
    margin-bottom: 15px;
    line-height: 1.3;
}

.mcontent .content-10 .features p {
    font-size: 16px;
    font-weight: normal;
    color: #777777;
}

.mcontent .content-11 {
    position: relative;
    text-align: center;
    padding-top: 35px;
    padding-bottom: 35px;
    background: rgba(241, 196, 15, 0.1);
    font-size: 24px;
    font-weight: normal;
    color: #34495e;
    font-family: "Lato", "Neue Helvetica Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 300;
}

.mcontent .content-11 > .container {
    position: relative;
}

.mcontent .content-11 .btn {
    margin-left: 33px;
    font-size: 14px;
    font-weight: normal;
    color: #ffffff;
    font-weight: 500;
    font-family: 'Montserrat', sans-serif;
}

@media (max-width: 480px) {
    .mcontent .content-11 > .container > span {
        display: block;
    }

    .mcontent .content-11 .btn {
        margin: 30px 0 0;
    }
}

@media (max-width: 614px) {
    .mcontent .content-11 > .container > span {
        display: block;
    }

    .mcontent .content-11 .btn {
        margin: 30px 0 0;
    }
}

.mcontent .content-12 {
    position: relative;
}

.mcontent .content-12 .wide {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
}

.mcontent .content-12 .btn-wide {
    padding-top: 40px;
    padding-bottom: 40px;
    text-align: center;
    font-size: 40px;
    font-weight: normal;
    color: #777777;
    font-family: "Lato", "Neue Helvetica Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #ffffff;
    background: #1abc9c;
    font-weight: 300;
    -webkit-transition: 0.25s color, 0.25s background-color;
    -moz-transition: 0.25s color, 0.25s background-color;
    -o-transition: 0.25s color, 0.25s background-color;
    transition: 0.25s color, 0.25s background-color;
}

.mcontent .content-12 .btn-wide:hover,
.mcontent .content-12 .btn-wide:focus,
.mcontent .content-12 .btn-wide.active {
    color: #ffffff;
}

.mcontent .content-12 .btn-wide:hover,
.mcontent .content-12 .btn-wide:active {
    background: #e74c3c;
}

@media (max-width: 767px) {
    .mcontent .content-12 .btn-wide {
        font-size: 30px;
    }
}

.mcontent .content-13 {
    position: relative;
}

.mcontent .content-13.subscribe-form {
    padding-top: 40px;
    padding-bottom: 40px;
    color: #a1a9b1;
}

.mcontent .content-13.subscribe-form .col-sm-4 {
    text-align: right;
}

@media (max-width: 767px) {
    .mcontent .content-13.subscribe-form .col-sm-4 {
        width: auto;
        display: inline-block;
        float: right;
        text-align: center;
    }
}

@media (max-width: 668px) {
    .mcontent .content-13.subscribe-form .col-sm-4 {
        display: block;
        float: none;
    }
}

.mcontent .content-13.subscribe-form form {
    margin: 0;
    position: relative;
}

@media (max-width: 767px) {
    .mcontent .content-13.subscribe-form form .col-sm-8 {
        width: 65%;
        display: inline-block;
        float: left;
    }
}

@media (max-width: 668px) {
    .mcontent .content-13.subscribe-form form .col-sm-8 {
        width: auto;
        display: block;
        float: none;
        text-align: center;
    }
}

.mcontent .content-13.subscribe-form input[type="text"],
.mcontent .content-13.subscribe-form input[type="email"] {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
    line-height: 59.99999999999999px;
    font-size: 50px;
    font-weight: normal;
    color: #ffffff;
    font-family: "Lato", "Neue Helvetica Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 500;
    letter-spacing: -1px;
}

.mcontent .content-13.subscribe-form input[type="text"]:-moz-placeholder,
.mcontent .content-13.subscribe-form input[type="email"]:-moz-placeholder {
    color: #ffffff;
}

.mcontent .content-13.subscribe-form input[type="text"]::-moz-placeholder,
.mcontent .content-13.subscribe-form input[type="email"]::-moz-placeholder {
    color: #ffffff;
    opacity: 1;
}

.mcontent .content-13.subscribe-form input[type="text"]:-ms-input-placeholder,
.mcontent .content-13.subscribe-form input[type="email"]:-ms-input-placeholder {
    color: #ffffff;
}

.mcontent .content-13.subscribe-form input[type="text"]::-webkit-input-placeholder,
.mcontent .content-13.subscribe-form input[type="email"]::-webkit-input-placeholder {
    color: #ffffff;
}

.mcontent .content-13.subscribe-form input[type="text"].placeholder,
.mcontent .content-13.subscribe-form input[type="email"].placeholder {
    color: #ffffff;
}

.mcontent .content-13.subscribe-form input[type="text"]::-webkit-input-placeholder,
.mcontent .content-13.subscribe-form input[type="email"]::-webkit-input-placeholder {
    font-weight: 500;
    letter-spacing: -1px;
}

.mcontent .content-13.subscribe-form input[type="text"]:-moz-placeholder,
.mcontent .content-13.subscribe-form input[type="email"]:-moz-placeholder {
    font-weight: 500;
    letter-spacing: -1px;
}

.mcontent .content-13.subscribe-form input[type="text"]::-moz-placeholder,
.mcontent .content-13.subscribe-form input[type="email"]::-moz-placeholder {
    font-weight: 500;
    letter-spacing: -1px;
}

.mcontent .content-13.subscribe-form input[type="text"]:-ms-input-placeholder,
.mcontent .content-13.subscribe-form input[type="email"]:-ms-input-placeholder {
    font-weight: 500;
    letter-spacing: -1px;
}

.mcontent .content-13.subscribe-form .ani-placeholder {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    padding-left: 6px;
    line-height: 59.99999999999999px;
    font-size: 50px;
    font-weight: normal;
    color: #ffffff;
    font-family: "Lato", "Neue Helvetica Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.mcontent .content-13.subscribe-form .btn {
    margin-top: 8px;
    width: 220px;
    max-width: 100%;
}

.mcontent .content-13.subscribe-form .btn.btn-primary {
    background: #16a085;
}

.mcontent .content-13.subscribe-form .btn.btn-primary:hover,
.mcontent .content-13.subscribe-form .btn.btn-primary:focus {
    background: #24deb4;
}

.mcontent .content-13.subscribe-form .btn.btn-primary:active,
.mcontent .content-13.subscribe-form .btn.btn-primary.active {
    background: #138871;
}

@media (max-width: 480px) {
    .mcontent .content-13.subscribe-form input[type="text"],
    .mcontent .content-13.subscribe-form input[type="email"],
    .mcontent .content-13.subscribe-form .ani-placeholder {
        width: 100%;
        margin-bottom: 33px;
        line-height: 27px;
        font-size: 25px;
        font-weight: normal;
        color: #ffffff;
        font-family: "Lato", "Neue Helvetica Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
        text-align: center;
    }
}

@media (max-width: 688px) {
    .mcontent .content-13.subscribe-form input[type="text"],
    .mcontent .content-13.subscribe-form input[type="email"],
    .mcontent .content-13.subscribe-form .ani-placeholder {
        width: 100%;
        margin-bottom: 20px;
        text-align: center;
    }
}

.mcontent .content-14 {
    padding-top: 125px;
    padding-bottom: 130px;
    position: relative;
}

@media (max-width: 767px) {
    .mcontent .content-14 {
        height: auto !important;
    }
}

.mcontent .content-14 h3 {
    margin: 0 0 5px;
    text-align: center;
    font-size: 35px;
    font-weight: normal;
    color: #34495e;
    font-family: "Lato", "Neue Helvetica Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 500;
}

@media (max-width: 767px) {
    .mcontent .content-14 h3 {
        margin-bottom: 15px;
    }
}

.mcontent .content-14 .lead {
    font-size: 25px;
    font-weight: normal;
    color: #777777;
    font-family: "Lato", "Neue Helvetica Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-align: center;
    font-weight: 300;
}

@media (max-width: 767px) {
    .mcontent .content-14 .lead {
        line-height: 1.25;
        margin-bottom: 50px;
    }
}

.mcontent .content-14 .features {
    margin-top: 55px;
}

.mcontent .content-14 .features.v-center,
.mcontent .content-14 .features .v-center {
    display: table;
    width: 100%;
}

.mcontent .content-14 .features.v-center > div,
.mcontent .content-14 .features .v-center > div {
    display: table-cell;
    vertical-align: middle;
    margin-top: 0;
    margin-bottom: 0;
    float: none;
}

@media (min-width: 768px) {
    .mcontent .content-14 .features.v-center.row:before,
    .mcontent .content-14 .features .v-center.row:before,
    .mcontent .content-14 .features.v-center.row:after,
    .mcontent .content-14 .features .v-center.row:after {
        display: none;
    }
}

@media (max-width: 767px) {
    .mcontent .content-14 .features.v-center,
    .mcontent .content-14 .features .v-center {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding-left: 5px;
        padding-right: 5px;
    }

    .mcontent .content-14 .features.v-center.row,
    .mcontent .content-14 .features .v-center.row {
        display: block;
        width: auto;
    }

    .mcontent .content-14 .features.v-center.row:before,
    .mcontent .content-14 .features .v-center.row:before,
    .mcontent .content-14 .features.v-center.row:after,
    .mcontent .content-14 .features .v-center.row:after {
        display: none;
    }

    .mcontent .content-14 .features.v-center.row > *,
    .mcontent .content-14 .features .v-center.row > * {
        display: block;
        vertical-align: baseline;
    }
}

.mcontent .content-14 .features h6 {
    text-transform: none;
    color: #e74c3c;
    font-size: 18px;
    font-family: "Lato", "Neue Helvetica Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 500;
}

.mcontent .content-14 .features .row {
    margin-top: 70px;
    color: #95a5a6;
}

@media (max-width: 767px) {
    .mcontent .content-14 .features .col-sm-6 {
        display: none;
    }
}

.mcontent .content-14 .features .col-sm-6 img {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.mcontent .content-14 .features .col-sm-2 {
    position: relative;
}

.mcontent .content-14 .features [class*="box"] {
    position: absolute;
}

@media (max-width: 767px) {
    .mcontent .content-14 .features [class*="box"] {
        position: static;
    }
}

.mcontent .content-14 .features [class*="box"] img {
    position: absolute;
}

@media (max-width: 767px) {
    .mcontent .content-14 .features [class*="box"] img {
        display: none;
    }
}

.mcontent .content-14 .features [class*="box"] img[src*="line-l"] {
    bottom: 100%;
    left: 85%;
    margin-bottom: 30px;
}

.mcontent .content-14 .features [class*="box"] img[src*="line-r"] {
    top: 100%;
    right: 85%;
    margin-top: 30px;
}

.mcontent .content-14 .features .box-1,
.mcontent .content-14 .features .box-5 {
    top: 112px;
    font-size: 14px;
    font-weight: normal;
    color: #777777;
}

@media (max-width: 991px) and (min-width: 768px) {
    .mcontent .content-14 .features .box-1,
    .mcontent .content-14 .features .box-5 {
        top: 220px;
    }
}

.mcontent .content-14 .features .box-2,
.mcontent .content-14 .features .box-6 {
    top: 375px;
    font-size: 14px;
    font-weight: normal;
    color: #777777;
}

@media (max-width: 991px) and (min-width: 768px) {
    .mcontent .content-14 .features .box-2,
    .mcontent .content-14 .features .box-6 {
        top: 440px;
    }
}

.mcontent .content-14 .features .box-3,
.mcontent .content-14 .features .box-7 {
    top: 625px;
    font-size: 14px;
    font-weight: normal;
    color: #777777;
}

@media (max-width: 991px) and (min-width: 768px) {
    .mcontent .content-14 .features .box-3,
    .mcontent .content-14 .features .box-7 {
        top: 660px;
    }
}

.mcontent .content-14 .features .box-4,
.mcontent .content-14 .features .box-8 {
    top: 880px;
    font-size: 14px;
    font-weight: normal;
    color: #777777;
}

@media (max-width: 991px) and (min-width: 768px) {
    .mcontent .content-14 .features .box-4,
    .mcontent .content-14 .features .box-8 {
        top: 10px;
    }
}

@media (max-width: 480px) {
    .mcontent .content-14 .features {
        margin-top: -35px;
    }

    .mcontent .content-14 .features [class*="box"] {
        margin-top: 35px;
        opacity: 100 !important;
        filter: alpha(opacity=10000) !important;
        opacity: 1 !important;
        filter: alpha(opacity=100) !important;
    }
}

.mcontent .content-15 {
    padding-top: 125px;
    padding-bottom: 130px;
    position: relative;
}

.mcontent .content-15 h3 {
    margin-bottom: 68px;
    font-size: 37px;
    font-weight: normal;
    color: #203082;
    font-family: "Lato", "Neue Helvetica Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 300;
    line-height: 50px;
    text-align: center;
}

@media (max-width: 767px) {
    .mcontent .content-15 h3 {
        margin-bottom: 76px;
        font-size: 30px;
        font-weight: normal;
        color: #203082;
        font-weight: 300;
        text-align: center;
    }
}

.mcontent .content-15 p {
    font-size: 18px;
    font-weight: normal;
    color: #777777;
}

.mcontent .content-15 .features {
    margin-top: 120px;
}

.mcontent .content-15 .features h6 {
    text-transform: none;
    margin: 60px 0 20px;
    font-size: 20px;
    font-weight: normal;
    color: #e74c3c;
    font-family: "Lato", "Neue Helvetica Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 500;
}

.mcontent .content-15 .features h6:first-child {
    margin-top: auto;
}

@media (max-width: 767px) {
    .mcontent .content-15 .features h6 {
        margin-bottom: 10px;
        margin-top: 40px;
        text-align: center;
    }
}

.mcontent .content-15 .features p {
    font-size: 16px;
    font-weight: normal;
    color: #777777;
}

.mcontent .content-15 .features .col-sm-7 img {
    width: 100%;
}

@media (max-width: 767px) {
    .mcontent .content-15 .features .col-sm-7 {
        text-align: center;
        margin-bottom: 46px;
    }
}

@media (max-width: 767px) {
    .mcontent .content-15 .features {
        margin-top: 76px;
    }
}

.mcontent .content-16 {
    position: relative;
    padding-top: 130px;
    padding-bottom: 180px;
}

.mcontent .content-16.v-center,
.mcontent .content-16 .v-center {
    display: table;
    width: 100%;
}

.mcontent .content-16.v-center > div,
.mcontent .content-16 .v-center > div {
    display: table-cell;
    vertical-align: middle;
    margin-top: 0;
    margin-bottom: 0;
    float: none;
}

@media (min-width: 768px) {
    .mcontent .content-16.v-center.row:before,
    .mcontent .content-16 .v-center.row:before,
    .mcontent .content-16.v-center.row:after,
    .mcontent .content-16 .v-center.row:after {
        display: none;
    }
}

@media (max-width: 767px) {
    .mcontent .content-16.v-center,
    .mcontent .content-16 .v-center {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding-left: 5px;
        padding-right: 5px;
    }

    .mcontent .content-16.v-center.row,
    .mcontent .content-16 .v-center.row {
        display: block;
        width: auto;
    }

    .mcontent .content-16.v-center.row:before,
    .mcontent .content-16 .v-center.row:before,
    .mcontent .content-16.v-center.row:after,
    .mcontent .content-16 .v-center.row:after {
        display: none;
    }

    .mcontent .content-16.v-center.row > *,
    .mcontent .content-16 .v-center.row > * {
        display: block;
        vertical-align: baseline;
    }
}

.mcontent .content-16 .lead {
    text-align: center;
    font-size: 25px;
    font-weight: normal;
    color: #bdc3c7;
    font-family: "Lato", "Neue Helvetica Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 300;
    margin-bottom: 35px;
}

.mcontent .content-16 h3 {
    text-align: center;
    font-size: 35px;
    font-weight: normal;
    color: #203082;
}

.mcontent .content-16 h3 img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 35px;
}

.mcontent .content-16 .control-btn {
    width: 53px;
    height: 53px;
    line-height: 53px;
    margin: 0;
    padding: 0;
    border-radius: 50%;
    text-align: center;
    font-size: 18px;
    font-weight: normal;
    color: #bdc3c7;
    background: #ecf0f1;
    position: absolute;
    left: 50%;
    bottom: 130px;
    margin-left: -26.5px;
}

.mcontent .content-16 .control-btn:hover,
.mcontent .content-16 .control-btn:focus {
    color: white;
    background: #34495e;
}

.mcontent .content-16 .control-btn:active {
    color: #bdc3c7;
}

.mcontent .content-17 {
    position: relative;
    text-align: center;
    padding-top: 130px;
    padding-bottom: 130px;
}

@media (max-width: 768px) {
    .mcontent .content-17 {
        padding-top: auto;
        padding-bottom: auto;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
}

.mcontent .content-17 p {
    font-size: 18px;
    font-weight: normal;
    color: #777777;
    margin: 0;
}

.mcontent .content-17 .carousel {
    margin-top: 40px;
    margin-bottom: 18px;
    text-align: center;
    font-size: 22px;
    font-weight: normal;
    color: #203082;
    font-weight: 500;
    line-height: 25px;
}

.mcontent .content-17 .carousel .item {
    -webkit-transition: .8s ease-in-out top, .6s ease-in-out opacity;
    -moz-transition: .8s ease-in-out top, .6s ease-in-out opacity;
    -o-transition: .8s ease-in-out top, .6s ease-in-out opacity;
    transition: .8s ease-in-out top, .6s ease-in-out opacity;
    opacity: 0;
}

.mcontent .content-17 .carousel .item.active.left,
.mcontent .content-17 .carousel .item.active.right {
    opacity: 0;
    z-index: 2;
}

.mcontent .content-17 .carousel .item.active,
.mcontent .content-17 .carousel .item.prev,
.mcontent .content-17 .carousel .item.next {
    opacity: 1;
    z-index: 1;
}

.mcontent .content-17 .carousel + * {
    position: relative;
}

.mcontent .content-18 {
    padding-top: 130px;
    padding-bottom: 130px;
    position: relative;
}

.mcontent .content-18 .carousel {
    margin-bottom: 100px;
    text-align: center;
}

.mcontent .content-18 .carousel:before {
    content: url('../../../assets/common-files/icons/quote-down-mb.png');
    display: block;
    margin: 0 auto 95px;
    text-align: center;
}

@media (max-width: 767px) {
    .mcontent .content-18 .carousel:before {
        margin-bottom: 45px;
    }
}

.mcontent .content-18 .carousel .quote-text {
    max-width: 625px;
    margin: 0 auto;
    padding: 0 20px;
    font-size: 30px;
    font-weight: normal;
    color: #203082;
    font-family: "Lato", "Neue Helvetica Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 300;
    line-height: 40px;
}

.mcontent .content-18 .carousel .quote-author {
    max-width: 625px;
    margin: 45px auto 0;
    padding: 0 20px;
    font-size: 18px;
    font-weight: normal;
    color: #bdc3c7;
    font-family: "Lato", "Neue Helvetica Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 500;
}

.mcontent .content-18 .carousel .controls {
    position: relative;
    z-index: 3;
}

.mcontent .content-18 .carousel .controls > .carousel-control {
    z-index: 5;
    position: absolute;
    top: 20px;
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 15px;
    height: 15px;
    margin: 0;
    padding: 0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 0;
    opacity: 100;
    filter: alpha(opacity=10000);
    opacity: 1;
    filter: alpha(opacity=100);
    overflow: hidden;
    background: #203082;
}

.mcontent .content-18 .carousel .controls > .carousel-control.disabled {
    z-index: auto;
    background: none;
    border: 3px solid #ebedee;
    pointer-events: none;
}

.mcontent .content-18 .carousel .controls > .carousel-control.left {
    left: 0;
}

.mcontent .content-18 .carousel .controls > .carousel-control.right {
    right: 0;
}

.mcontent .content-18 .carousel .carousel-inner {
    padding-bottom: 0;
}

.mcontent .content-18 .carousel .item {
    -webkit-transition: .8s ease-in-out opacity, .8s ease-in-out opacity;
    -moz-transition: .8s ease-in-out opacity, .8s ease-in-out opacity;
    -o-transition: .8s ease-in-out opacity, .8s ease-in-out opacity;
    transition: .8s ease-in-out opacity, .8s ease-in-out opacity;
    display: block;
    position: absolute;
    top: 0;
    left: 0 !important;
    right: 0;
    opacity: 0;
}

.mcontent .content-18 .carousel .item.active.left,
.mcontent .content-18 .carousel .item.active.right {
    opacity: 0;
    top: 100%;
    z-index: 2;
}

.mcontent .content-18 .carousel .item.active,
.mcontent .content-18 .carousel .item.prev,
.mcontent .content-18 .carousel .item.next {
    opacity: 1;
    top: 0;
    z-index: 1;
}

.mcontent .content-18 .carousel + * {
    position: relative;
}

@media (max-width: 767px) {
    .mcontent .content-18 .carousel {
        margin-bottom: 0;
    }
}

@media (max-width: 480px) {
    .mcontent .content-18 .carousel .controls {
        display: none;
    }
}

.mcontent .content-18 .quotes > * {
    margin-top: 48px;
}

.mcontent .content-18 .quotes h6 {
    text-transform: none;
    font-size: 18px;
    font-weight: normal;
    color: #203082;
    font-family: "Lato", "Neue Helvetica Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 500;
}

.mcontent .content-19 {
    position: relative;
    padding-top: 130px;
    padding-bottom: 130px;
    border-bottom: 2px solid #ebedee;
}

.mcontent .content-19 .col-sm-7 .quote {
    position: relative;
}

.mcontent .content-19 .col-sm-7 .quote:before {
    content: url('../../../assets/common-files/icons/quote-up-mb.png');
    position: absolute;
    top: 0;
    left: -60px;
}

@media (min-width: 1200px) and (max-width: 1300px), (min-width: 992px) and (max-width: 1080px), (max-width: 870px) {
    .mcontent .content-19 .col-sm-7 .quote:before {
        display: none;
    }
}

@media (max-width: 767px) {
    .mcontent .content-19 .col-sm-7 .quote {
        margin-bottom: 50px;
    }
}

.mcontent .content-19 .col-sm-7 .quote .quote-text {
    font-size: 37px;
    font-weight: normal;
    color: #203082;
    font-weight: 300;
    font-family: "Lato", "Neue Helvetica Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.mcontent .content-19 .col-sm-7 .quote .quote-author {
    margin-top: 20px;
    font-size: 13px;
    font-weight: normal;
    color: #95a5a6;
    font-family: "Lato", "Neue Helvetica Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
    letter-spacing: 2px;
    text-transform: capitalize;
}

.mcontent .content-19 .col-sm-7 .quote .quote-author > * {
    vertical-align: middle;
}

.mcontent .content-19 .col-sm-7 .quote .quote-author-photo {
    display: inline-block;
    width: 32px;
    height: 32px;
    background: #ebedee;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    overflow: hidden;
    margin-right: 20px;
}

.mcontent .content-19 .col-sm-7 .quote .quote-author-name {
    display: inline-block;
    font-weight: 500;
    font-size: 12px;
    line-height: 1.19em;
}

.mcontent .content-19 .col-sm-3 .quote {
    position: relative;
    margin-top: 50px;
}

.mcontent .content-19 .col-sm-3 .quote:first-child {
    margin-top: 0;
}

.mcontent .content-19 .col-sm-3 .quote .quote-text {
    margin-top: 10px;
    font-size: 14px;
    font-weight: normal;
    color: #95a5a6;
}

.mcontent .content-19 .col-sm-3 .quote .quote-author {
    font-size: 18px;
    font-weight: normal;
    color: #203082;
    font-family: "Lato", "Neue Helvetica Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 500;
}

.mcontent .content-19 .col-sm-3 .quote .quote-author-photo {
    position: absolute;
    width: 32px;
    height: 32px;
    background: #ebedee;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    overflow: hidden;
    margin-left: -50px;
    margin-top: 6px;
}

.mcontent .content-19 .col-sm-3 .quote .quote-date {
    font-size: 12px;
    font-weight: normal;
    color: #95a5a6;
    font-family: "Lato", "Neue Helvetica Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 500;
    line-height: 1.19em;
}

@media (max-width: 480px) {
    .mcontent .content-19 {
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .mcontent .content-19 .col-sm-7 .quote .quote-author {
        font-size: 11px;
        font-weight: normal;
        color: #777777;
        letter-spacing: 0;
    }

    .mcontent .content-19 .col-sm-7 .quote .quote-author .quote-author-photo {
        margin-right: 10px;
    }

    .mcontent .content-19 .col-sm-3 .quote .quote-author-photo {
        position: static;
        margin: 5px 10px 0 0;
        float: left;
    }
}

.mcontent .content-20 {
    position: relative;
    padding: 200px 0;
}

.mcontent .content-20.v-center,
.mcontent .content-20 .v-center {
    display: table;
    width: 100%;
}

.mcontent .content-20.v-center > div,
.mcontent .content-20 .v-center > div {
    display: table-cell;
    vertical-align: middle;
    margin-top: 0;
    margin-bottom: 0;
    float: none;
}

@media (min-width: 768px) {
    .mcontent .content-20.v-center.row:before,
    .mcontent .content-20 .v-center.row:before,
    .mcontent .content-20.v-center.row:after,
    .mcontent .content-20 .v-center.row:after {
        display: none;
    }
}

@media (max-width: 767px) {
    .mcontent .content-20.v-center,
    .mcontent .content-20 .v-center {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding-left: 5px;
        padding-right: 5px;
    }

    .mcontent .content-20.v-center.row,
    .mcontent .content-20 .v-center.row {
        display: block;
        width: auto;
    }

    .mcontent .content-20.v-center.row:before,
    .mcontent .content-20 .v-center.row:before,
    .mcontent .content-20.v-center.row:after,
    .mcontent .content-20 .v-center.row:after {
        display: none;
    }

    .mcontent .content-20.v-center.row > *,
    .mcontent .content-20 .v-center.row > * {
        display: block;
        vertical-align: baseline;
    }
}

.mcontent .content-20 h3 {
    font-size: 30px;
    font-weight: normal;
    color: #ffffff;
    font-family: "Lato", "Neue Helvetica Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin-bottom: 35px;
    line-height: 40px;
    font-weight: 300;
}

.mcontent .content-20 h6 {
    text-transform: none;
    font-size: 18px;
    font-weight: normal;
    color: #ffffff;
    font-weight: 500;
    margin: 0 0 9px;
}

.mcontent .content-20 .signup-form,
.mcontent .content-20 .signup-form + div {
    display: inline-block;
    vertical-align: middle;
}

.mcontent .content-20 .signup-form + div {
    margin-left: 100px;
    max-width: 300px;
}

@media (max-width: 992px) and (min-width: 768px) {
    .mcontent .content-20 .signup-form + div {
        max-width: 228px;
    }
}

@media (max-width: 767px) {
    .mcontent .content-20 {
        padding: 80px 20px;
    }

    .mcontent .content-20 .signup-form,
    .mcontent .content-20 .signup-form + div {
        display: block;
        vertical-align: baseline;
    }

    .mcontent .content-20 .signup-form + div {
        margin-top: 70px;
        margin-left: 0;
        max-width: none;
    }
}

@media (max-width: 480px) {
    .mcontent .content-20 {
        display: none;
    }
}

.mcontent .content-20 .signup-form {
    width: 100%;
}

.mcontent .content-20 .signup-form form {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    display: inline-block;
    margin: 10px 0 0;
    padding: 37px 10.263% 76px;
    background: white;
    font-family: "Lato", "Neue Helvetica Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    box-shadow: 5px 5px 57px 0 rgb(123 136 168 / 10%);
    border: 1px solid #f5f5f5;
    color: #777;
    font-size:19px;
}

.mcontent .content-20 .signup-form form .form-group {
    margin-bottom: 23px;
}

.mcontent .content-20 .signup-form form .form-group.pull-left {
    margin-right: 3%;
    width: 47%;
}

.mcontent .content-20 .signup-form form .form-group.pull-right {
    margin-left: 3%;
    width: 47%;
}

.mcontent .content-20 .signup-form form label {
    font-size: 15px;
    font-weight: normal;
    color: #34495e;
    margin-bottom: 12px;
}

.mcontent .content-20 .signup-form form input[type="text"],
.mcontent .content-20 .signup-form form input[type="password"] {
    width: 100%;
    font-size: 16px;
    font-weight: normal;
    color: #34495e;
    border-color: #ecf0f1;
}

.mcontent .content-20 .signup-form form input[type="text"]:hover,
.mcontent .content-20 .signup-form form input[type="password"]:hover {
    border-color: #bdc3c7;
}

.mcontent .content-20 .signup-form form input[type="text"]:focus,
.mcontent .content-20 .signup-form form input[type="password"]:focus {
    border-color: #3498db;
}

.mcontent .content-20 .signup-form form .site-link {
    width: 100%;
    *zoom: 1;
}

.mcontent .content-20 .signup-form form .site-link:before,
.mcontent .content-20 .signup-form form .site-link:after {
    content: " ";
    /* 1 */

    display: table;
    /* 2 */

}

.mcontent .content-20 .signup-form form .site-link:after {
    clear: both;
}

.mcontent .content-20 .signup-form form .site-link:before,
.mcontent .content-20 .signup-form form .site-link:after {
    display: table;
    content: "";
    line-height: 0;
}

.mcontent .content-20 .signup-form form .site-link:after {
    clear: both;
}

.mcontent .content-20 .signup-form form .site-link input[type="text"],
.mcontent .content-20 .signup-form form .site-link input[type="password"] {
    width: 70%;
    float: left;
}

.mcontent .content-20 .signup-form form .site-link b {
    float: right;
    width: 28%;
    text-align: right;
    line-height: 42px;
}

.mcontent .content-20 .signup-form form .btn {
    height: 54px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    font-size: 17px;
    font-weight: normal;
    color: #ffffff;
    width: 100%;
}

@media (max-width: 767px) {
    .mcontent .content-20 .signup-form form {
        display: block;
        margin: 0 -20px;
    }
}

@media (max-width: 991px) and (min-width: 768px) {
    .mcontent .content-20 .signup-form form {
        width: 100%;
    }

    .mcontent .content-20 .signup-form form input[type="text"],
    .mcontent .content-20 .signup-form form input[type="password"] {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%;
        height: auto;
    }

    .mcontent .content-20 .signup-form form .form-group.pull-left {
        margin-right: 0;
        width: 100%;
        float: none;
    }

    .mcontent .content-20 .signup-form form .form-group.pull-right {
        margin-left: 0;
        width: 100%;
        float: none;
    }

    .mcontent .content-20 .signup-form form .site-link input[type="text"],
    .mcontent .content-20 .signup-form form .site-link input[type="password"] {
        width: 62%;
    }

    .mcontent .content-20 .signup-form form .site-link b {
        width: 35%;
    }
}

@media (max-width: 480px) {
    .mcontent .content-20 .signup-form form .site-link input[type="text"],
    .mcontent .content-20 .signup-form form .site-link input[type="password"] {
        width: 55%;
    }

    .mcontent .content-20 .signup-form form .site-link b {
        width: 44%;
    }
}

.mcontent .content-20 .features {
    margin-top: 40px;
    font-size: 14px;
    font-weight: normal;
    color: #95a5a6;
    font-family: "Lato", "Neue Helvetica Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.mcontent .content-20 .features big {
    display: block;
    font-size: 22px;
    font-weight: normal;
    color: #ffffff;
    font-family: "Lato", "Neue Helvetica Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 300;
    line-height: 32px;
    margin-bottom: 8px;
}

.mcontent .content-20 .features h6 {
    font-size: 18px;
    font-weight: normal;
    color: #ffffff;
    font-family: "Lato", "Neue Helvetica Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin-top: 38px;
}

@media (max-width: 767px) {
    .mcontent .content-20 .features h6 {
        margin-top: 0;
    }
}

@media (max-width: 767px) {
    .mcontent .content-20 .features > * + * {
        margin-top: 30px;
    }
}

.mcontent .content-21 {
    position: relative;
    padding-top: 140px;
    padding-bottom: 0;
}

.mcontent .content-21 h3 {
    font-weight: normal;
    color: #ffffff;
    font-family: "Lato", "Neue Helvetica Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-align: center;
    margin-bottom: 55px;
}

@media (max-width: 480px) {
    .mcontent .content-21 {
        padding-bottom: 20px;
    }
}

.mcontent .content-21 .features.features-tabs .features-header {
    *zoom: 1;
    background: #34495e;
    -webkit-border-top-right-radius: 6px;
    -moz-border-radius-topright: 6px;
    border-top-right-radius: 6px;
    -webkit-border-top-left-radius: 6px;
    -moz-border-radius-topleft: 6px;
    border-top-left-radius: 6px;
}

.mcontent .content-21 .features.features-tabs .features-header:before,
.mcontent .content-21 .features.features-tabs .features-header:after {
    content: " ";
    /* 1 */

    display: table;
    /* 2 */

}

.mcontent .content-21 .features.features-tabs .features-header:after {
    clear: both;
}

.mcontent .content-21 .features.features-tabs .features-header:before,
.mcontent .content-21 .features.features-tabs .features-header:after {
    display: table;
    content: "";
    line-height: 0;
}

.mcontent .content-21 .features.features-tabs .features-header:after {
    clear: both;
}

.mcontent .content-21 .features.features-tabs .features-header .box {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 20px 5px;
    float: left;
    width: 33%;
    text-align: center;
    font-size: 12px;
    font-weight: normal;
    color: #bdc3c7;
    font-family: "Lato", "Neue Helvetica Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
    letter-spacing: 3px;
    border-left: 2px solid #304357;
    cursor: pointer;
    font-weight: 500;
    letter-spacing: 0.19em;
    -webkit-transition: 0.25s;
    -moz-transition: 0.25s;
    -o-transition: 0.25s;
    transition: 0.25s;
}

.mcontent .content-21 .features.features-tabs .features-header .box:first-child {
    border-left: 0;
}

.mcontent .content-21 .features.features-tabs .features-header .box.active {
    color: white;
}

.mcontent .content-21 .features.features-tabs .features-header .box.active [class*="fui-"] {
    color: white;
}

.mcontent .content-21 .features.features-tabs .features-header .box [class*="fui-"] {
    display: block;
    font-size: 24px;
    font-weight: normal;
    color: #bdc3c7;
    line-height: 30.9667px;
    margin-bottom: 15px;
}

.mcontent .content-21 .features.features-tabs .features-bodies {
    position: relative;
    background: #ebedee url('../../../assets/common-files/img/content/screen@2x.png') 0 50% no-repeat;
    -webkit-background-size: 322px 418px;
    -moz-background-size: 322px 418px;
    -o-background-size: 322px 418px;
    background-size: 322px 418px;
}

@media (max-width: 991px) {
    .mcontent .content-21 .features.features-tabs .features-bodies {
        background-position: -15% 50%;
    }
}

@media (max-width: 600px) {
    .mcontent .content-21 .features.features-tabs .features-bodies {
        background-image: none;
    }
}

.mcontent .content-21 .features.features-tabs .features-body {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 120px 50px 120px 50%;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: 0.6s opacity;
    -moz-transition: 0.6s opacity;
    -o-transition: 0.6s opacity;
    transition: 0.6s opacity;
}

@media (max-width: 600px) {
    .mcontent .content-21 .features.features-tabs .features-body {
        padding: 120px 50px 120px 50px;
    }
}

.mcontent .content-21 .features.features-tabs .features-body.active {
    opacity: 100;
    filter: alpha(opacity=10000);
    opacity: 1;
    filter: alpha(opacity=100);
    z-index: 1;
}

.mcontent .content-21 .features.features-tabs .features-body h6 {
    text-transform: none;
    margin: 0 0 30px;
    font-size: 20px;
    font-weight: normal;
    color: #203082;
    font-family: "Lato", "Neue Helvetica Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 500;
}

.mcontent .content-21 .features.features-tabs .features-body p {
    font-size: 16px;
    font-weight: normal;
    color: #777777;
    margin-bottom: 40px;
}

@media (max-width: 480px) {
    .mcontent .content-21 .features.features-tabs .features-header .box {
        font-size: 10px;
        font-weight: normal;
        color: #777777;
    }

    .mcontent .content-21 .features.features-tabs .features-bodies {
        -webkit-border-bottom-right-radius: 6px;
        -moz-border-radius-bottomright: 6px;
        border-bottom-right-radius: 6px;
        -webkit-border-bottom-left-radius: 6px;
        -moz-border-radius-bottomleft: 6px;
        border-bottom-left-radius: 6px;
    }

    .mcontent .content-21 .features.features-tabs .features-body {
        padding: 60px 20px 60px 20px;
    }
}

.mcontent .content-22 {
    position: relative;
    color: #bdc3c7;
    overflow: hidden;
    padding: 80px 0;
}

@media (max-width: 767px) {
    .mcontent .content-22 {
        padding: 40px 25px;
    }
}

.mcontent .content-22 h3 {
    font-size: 30px;
    font-weight: normal;
    color: #ffffff;
    font-family: "Lato", "Neue Helvetica Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin: 40px 0;
    font-weight: 300;
}

@media (max-width: 767px) {
    .mcontent .content-22 h3 {
        margin-top: 0;
        margin-bottom: 30px;
    }
}

.mcontent .content-22 h6 {
    font-size: 18px;
    font-weight: normal;
    color: #ffffff;
    font-family: "Lato", "Neue Helvetica Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 500;
    text-transform: none;
}

.mcontent .content-22 p {
    font-size: 18px;
    font-weight: normal;
    color: #bdc3c7;
    font-family: "Lato", "Neue Helvetica Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin-bottom: 50px;
}

.mcontent .content-22 .col-sm-8 {
    position: relative;
    padding-top: 600px;
}

@media (max-width: 767px) {
    .mcontent .content-22 .col-sm-8 {
        padding-top: 50px;
    }
}

.mcontent .content-22 .description {
    font-size: 14px;
    font-weight: normal;
    color: #bdc3c7;
    font-family: "Lato", "Neue Helvetica Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
    position: relative;
    max-width: 220px;
    background: url("../../../assets/common-files/img/content/line-l@2x.png") no-repeat scroll center top / 50% auto rgba(0, 0, 0, 0);
    padding-top: 110px;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform-origin: 200% 100%;
    -moz-transform-origin: 200% 100%;
    -ms-transform-origin: 200% 100%;
    -o-transform-origin: 200% 100%;
    transform-origin: 200% 100%;
    -webkit-transform: rotate(26deg);
    -moz-transform: rotate(26deg);
    -ms-transform: rotate(26deg);
    -o-transform: rotate(26deg);
    transform: rotate(26deg);
}

.mcontent .content-22 .description img {
    position: absolute;
    bottom: 110%;
    left: 50%;
    -webkit-transform-origin: 0% 100%;
    -moz-transform-origin: 0% 100%;
    -ms-transform-origin: 0% 100%;
    -o-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    -webkit-transform: scale(0,);
    -ms-transform: scale(0,);
    transform: scale(0,);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
}

.mcontent .content-22.ani-processed .description {
    -webkit-transition: .8s 3.4s;
    -moz-transition: .8s 3.4s;
    -o-transition: .8s 3.4s;
    transition: .8s 3.4s;
    opacity: 100;
    filter: alpha(opacity=10000);
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
}

.mcontent .content-22.ani-processed .description img {
    -webkit-transition: .4s 3.8s;
    -moz-transition: .4s 3.8s;
    -o-transition: .4s 3.8s;
    transition: .4s 3.8s;
    -webkit-transform: scale(1,);
    -ms-transform: scale(1,);
    transform: scale(1,);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.mcontent .content-22 .img {
    position: absolute;
    top: 0;
    left: 2%;
}

.mcontent .content-22 .img img {
    max-width: none;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    top: -100%;
}

.mcontent .content-22 .img img:first-child {
    position: static;
    visibility: hidden;
}

.mcontent .content-22.ani-processed .img img {
    -webkit-transition: .8s top, 1.2s opacity;
    -moz-transition: .8s top, 1.2s opacity;
    -o-transition: .8s top, 1.2s opacity;
    transition: .8s top, 1.2s opacity;
    opacity: 100;
    filter: alpha(opacity=10000);
    opacity: 1;
    filter: alpha(opacity=100);
    top: 0;
}

.mcontent .content-22.ani-processed .img img:nth-child(2) {
    -webkit-transition-delay: 0;
    -moz-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0;
}

.mcontent .content-22.ani-processed .img img:nth-child(3) {
    -webkit-transition-delay: 0.4s;
    -moz-transition-delay: 0.4s;
    -o-transition-delay: 0.4s;
    transition-delay: 0.4s;
}

.mcontent .content-22.ani-processed .img img:nth-child(4) {
    -webkit-transition-delay: 0.8s;
    -moz-transition-delay: 0.8s;
    -o-transition-delay: 0.8s;
    transition-delay: 0.8s;
}

.mcontent .content-22.ani-processed .img img:nth-child(5) {
    -webkit-transition-delay: 1.2s;
    -moz-transition-delay: 1.2s;
    -o-transition-delay: 1.2s;
    transition-delay: 1.2s;
}

.mcontent .content-22.ani-processed .img img:nth-child(6) {
    -webkit-transition-delay: 1.6s;
    -moz-transition-delay: 1.6s;
    -o-transition-delay: 1.6s;
    transition-delay: 1.6s;
}

.mcontent .content-22.ani-processed .img img:nth-child(7) {
    -webkit-transition-delay: 2s;
    -moz-transition-delay: 2s;
    -o-transition-delay: 2s;
    transition-delay: 2s;
}

.mcontent .content-22.ani-processed .img img:nth-child(8) {
    -webkit-transition-delay: 2.4s;
    -moz-transition-delay: 2.4s;
    -o-transition-delay: 2.4s;
    transition-delay: 2.4s;
}

@media (max-width: 480px) {
    .mcontent .content-22 .description {
        -webkit-transition-duration: 0;
        -moz-transition-duration: 0;
        -o-transition-duration: 0;
        transition-duration: 0;
        -webkit-transition-delay: 0;
        -moz-transition-delay: 0;
        -o-transition-delay: 0;
        transition-delay: 0;
    }
}

.mcontent .content-22 .btn.btn-clear {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 7px 26px 8px;
    background: none;
    border: 2px solid #2ecc71;
    font-size: 14px;
    font-weight: normal;
    color: #2ecc71;
    font-family: "Lato", "Neue Helvetica Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 500;
}

.mcontent .content-22 .btn.btn-clear:hover,
.mcontent .content-22 .btn.btn-clear:focus {
    background: #2ecc71;
    color: white;
}

.mcontent .content-22 .btn.btn-clear:active,
.mcontent .content-22 .btn.btn-clear.active {
    border-color: #27ad60;
    background: #27ad60;
    color: rgba(255, 255, 255, 0.75);
}

.mcontent .content-23 {
    position: relative;
    height: 800px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    color: white;
}

.mcontent .content-23.v-center,
.mcontent .content-23 .v-center {
    display: table;
    width: 100%;
}

.mcontent .content-23.v-center > div,
.mcontent .content-23 .v-center > div {
    display: table-cell;
    vertical-align: middle;
    margin-top: 0;
    margin-bottom: 0;
    float: none;
}

@media (min-width: 768px) {
    .mcontent .content-23.v-center.row:before,
    .mcontent .content-23 .v-center.row:before,
    .mcontent .content-23.v-center.row:after,
    .mcontent .content-23 .v-center.row:after {
        display: none;
    }
}

@media (max-width: 767px) {
    .mcontent .content-23.v-center,
    .mcontent .content-23 .v-center {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding-left: 5px;
        padding-right: 5px;
    }

    .mcontent .content-23.v-center.row,
    .mcontent .content-23 .v-center.row {
        display: block;
        width: auto;
    }

    .mcontent .content-23.v-center.row:before,
    .mcontent .content-23 .v-center.row:before,
    .mcontent .content-23.v-center.row:after,
    .mcontent .content-23 .v-center.row:after {
        display: none;
    }

    .mcontent .content-23.v-center.row > *,
    .mcontent .content-23 .v-center.row > * {
        display: block;
        vertical-align: baseline;
    }
}

.mcontent .content-23 .control-btn {
    width: 53px;
    height: 53px;
    line-height: 53px;
    margin: 0;
    padding: 0;
    border-radius: 50%;
    text-align: center;
    font-size: 19px;
    font-weight: normal;
    color: #777777;
    background: #121518;
    color: #ffffff;
    opacity: 30;
    filter: alpha(opacity=3000);
    opacity: 0.3;
    filter: alpha(opacity=30);
    position: absolute;
    left: 50%;
    bottom: 90px;
    margin-left: -26.5px;
}

.mcontent .content-23 .control-btn:hover,
.mcontent .content-23 .control-btn:focus,
.mcontent .content-23 .control-btn.active {
    color: #ffffff;
}

.mcontent .content-23 .control-btn:hover,
.mcontent .content-23 .control-btn:focus,
.mcontent .content-23 .control-btn:active,
.mcontent .content-23 .control-btn.active {
    opacity: 100;
    filter: alpha(opacity=10000);
    opacity: 1;
    filter: alpha(opacity=100);
}

@media (max-width: 480px) {
    .mcontent .content-23 .control-btn {
        bottom: 30px;
    }
}

.mcontent .content-23 .hero-unit {
    text-align: center;
    padding: 0;
    margin: 0;
    background-color: transparent;
}

.mcontent .content-23 .hero-unit h1 {
    margin: 0 0 30px;
    font-size: 48px;
    font-weight: normal;
    color: #ffffff;
    font-weight: 600;
    line-height: 56px;
}

@media (max-width: 480px) {
    .mcontent .content-23 .hero-unit h1 {
        font-size: 36px;
        font-weight: normal;
        color: #ffffff;
        font-weight: 600;
        line-height: 33px;
    }
}

.mcontent .content-23 .hero-unit.hero-unit-bordered h1 {
    font-size: 46px;
    font-weight: normal;
    color: #ffffff;
    font-weight: 500;
    border: 8px solid white;
    display: inline-block;
    margin: 0;
    padding: 30px 40px;
}

@media (max-width: 767px) {
    .mcontent .content-23 .hero-unit.hero-unit-bordered h1 {
        font-size: 28px;
        font-weight: normal;
        color: #ffffff;
        font-weight: 600;
    }
}

.mcontent .content-24 {
    position: relative;
    padding: 140px 0;
    color: #bdc3c7;
    overflow: hidden;
}

.mcontent .content-24 h3 {
    font-weight: normal;
    color: #ffffff;
    font-family: "Lato", "Neue Helvetica Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin-bottom: 40px;
    font-weight: 300;
}

.mcontent .content-24 img.image {
    display: inline-block;
    position: absolute;
    right: 50%;
    margin-right: 100px;
}

.mcontent .content-24 .col-sm-6.col-sm-offset-6 {
    position: relative;
}

.mcontent .content-24 .features.features-clear .features-header {
    *zoom: 1;
    margin-bottom: 60px;
}

.mcontent .content-24 .features.features-clear .features-header:before,
.mcontent .content-24 .features.features-clear .features-header:after {
    content: " ";
    /* 1 */

    display: table;
    /* 2 */

}

.mcontent .content-24 .features.features-clear .features-header:after {
    clear: both;
}

.mcontent .content-24 .features.features-clear .features-header:before,
.mcontent .content-24 .features.features-clear .features-header:after {
    display: table;
    content: "";
    line-height: 0;
}

.mcontent .content-24 .features.features-clear .features-header:after {
    clear: both;
}

.mcontent .content-24 .features.features-clear .features-header .box {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    margin-left: 50px;
    color: #667380;
    cursor: pointer;
    -webkit-transition: 0.25s;
    -moz-transition: 0.25s;
    -o-transition: 0.25s;
    transition: 0.25s;
}

.mcontent .content-24 .features.features-clear .features-header .box:first-child {
    margin-left: 0;
}

.mcontent .content-24 .features.features-clear .features-header .box.active {
    color: #27ae60;
}

.mcontent .content-24 .features.features-clear .features-header .box [class*="fui-"] {
    display: block;
    font-size: 24px;
    font-weight: normal;
    color: inherit;
}

.mcontent .content-24 .features.features-clear .features-bodies {
    position: relative;
}

.mcontent .content-24 .features.features-clear .features-body {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: 0.6s opacity;
    -moz-transition: 0.6s opacity;
    -o-transition: 0.6s opacity;
    transition: 0.6s opacity;
}

.mcontent .content-24 .features.features-clear .features-body.active {
    opacity: 100;
    filter: alpha(opacity=10000);
    opacity: 1;
    filter: alpha(opacity=100);
    z-index: 1;
}

.mcontent .content-24 .features.features-clear .features-body p {
    margin-bottom: 45px;
}

.mcontent .content-24 .btn.btn-clear {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 7px 26px 8px;
    background: none;
    border: 2px solid #2ecc71;
    font-size: 14px;
    font-weight: normal;
    color: #2ecc71;
    font-family: "Lato", "Neue Helvetica Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 500;
}

.mcontent .content-24 .btn.btn-clear:hover,
.mcontent .content-24 .btn.btn-clear:focus {
    background: #2ecc71;
    color: white;
}

.mcontent .content-24 .btn.btn-clear:active,
.mcontent .content-24 .btn.btn-clear.active {
    border-color: #27ad60;
    background: #27ad60;
    color: rgba(255, 255, 255, 0.75);
}

@media (max-width: 767px) {
    .mcontent .content-24 {
        padding: 35px;
    }

    .mcontent .content-24 img.image {
        position: relative;
        margin-bottom: 48px;
        right: 0;
    }

    .mcontent .content-24 .features.features-clear .features-header {
        margin-bottom: 48px;
    }

    .mcontent .content-24 .features.features-clear .features-body p {
        margin-bottom: 48px;
    }

    .mcontent .content-24 .container {
        padding-left: 0;
        padding-right: 0;
    }
}

.mcontent .content-25 {
    position: relative;
    padding: 95px 0;
}

@media (max-width: 767px) {
    .mcontent .content-25 {
        padding: 40px 5px;
    }

    .mcontent .content-25 .svg,
    .mcontent .content-25 .nosvg {
        display: block;
        text-align: center;
        float: none !important;
        margin-top: 45px;
    }
}

.mcontent .content-25 h3 {
    font-size: 30px;
    font-weight: normal;
    color: #203082;
    font-family: "Lato", "Neue Helvetica Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 500;
}

.mcontent .content-25 p {
    font-size: 18px;
    color: #777777;
    font-family: "Lato", "Neue Helvetica Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin-top: 45px;
    font-weight: normal;
}

.mcontent .content-25 svg,
.mcontent .content-25 .svg {
    max-width: 100%;
}

.mcontent .content-25 .nosvg {
    display: none;
}

.mcontent .content-26 {
    position: relative;
    padding-top: 125px;
    padding-bottom: 125px;
    text-align: center;
}

.mcontent .content-26 .lead {
    font-size: 22px;
    font-weight: normal;
    color: #777777;
    font-family: "Lato", "Neue Helvetica Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 300;
    margin-bottom: 0;
}

.mcontent .content-26 h3 {
    font-weight: normal;
    color: #203082;
    font-weight: 300;
    margin: 0 0 36px;
}

@media (max-width: 767px) {
    .mcontent .content-26 .features {
        margin-top: -52px;
    }
}

.mcontent .content-26 .features h6 {
    text-transform: none;
    margin-top: 37px;
    font-family: "Lato", "Neue Helvetica Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 500;
    font-size: 18px;
}

.mcontent .content-26 .features > * {
    margin-top: 67px;
}

.mcontent .content-27 {
    position: relative;
    padding: 120px 0;
}

.mcontent .content-27 svg,
.mcontent .content-27 .svg {
    max-width: 100%;
}

.mcontent .content-27 .nosvg {
    display: none;
}

@media (max-width: 767px) {
    .mcontent .content-27 .svg,
    .mcontent .content-27 .nosvg {
        text-align: center;
        float: none;
        margin-bottom: 45px;
    }

    .mcontent .content-27 .svg {
        display: block;
    }
}

.mcontent .content-27 h3 {
    font-size: 30px;
    font-weight: normal;
    color: #203082;
    font-family: "Lato", "Neue Helvetica Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-align: left;
    margin-bottom: 43px;
    font-weight: 300;
}

.mcontent .content-27 p {
    font-size: 16px;
    font-weight: normal;
    color: #777777;
    font-family: "Lato", "Neue Helvetica Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
    line-height: 29.6px;
}

.mcontent .content-27 .btn {
    padding-left: 20px;
    padding-right: 20px;
}

@media (max-width: 991px) {
    .mcontent .content-27 h3,
    .mcontent .content-27 p {
        margin-left: 5px;
        margin-right: 5px;
    }
}

.mcontent .content-27 .btns {
    margin-top: 45px;
}

.mcontent .content-27 .btns > * {
    display: inline-block;
    margin-left: 32px;
    vertical-align: middle;
}

.mcontent .content-27 .btns > *:first-child {
    margin-left: 0;
}

@media (max-width: 991px) {
    .mcontent .content-27 .btns .btn {
        display: block;
        margin: 0 5px 20px;
    }

    .mcontent .content-27 .btns .btn:not(:first-child) {
        float: left;
        margin-right: 35px;
    }
}

@media (max-width: 480px) {
    .mcontent .content-27 .btns .btn:not(:first-child) {
        float: none;
        color: white;
        margin-right: 5px;
    }

    .mcontent .content-27 .btns .btn:not(:first-child):focus {
        outline: none;
    }

    .mcontent .content-27 .btns [class*="fui-"] {
        margin-top: -6px;
    }
}

@media (min-width: 481px) {
    .mcontent .content-27 .btns > *:not(:first-child) {
        padding: 0;
        background: transparent;
        color: #34495e;
    }

    .mcontent .content-27 .btns > *:not(:first-child):hover,
    .mcontent .content-27 .btns > *:not(:first-child):focus {
        color: #5d6d7e;
    }

    .mcontent .content-27 .btns > *:not(:first-child):active,
    .mcontent .content-27 .btns > *:not(:first-child).active {
        color: #203082;
    }

    .mcontent .content-27 .btns > *:not(:first-child) [class*="fui-"] {
        font-size: 30px;
        font-weight: normal;
        color: inherit;
        margin: 0;
    }

    .mcontent .content-27 .btns > *:not(:first-child) :not([class*="fui-"]) {
        display: none;
    }
}

@media (max-width: 480px) {
    .mcontent .content-27 .btns > * {
        display: block;
        margin: 0;
    }

    .mcontent .content-27 .btns > * + * {
        margin-top: 10px;
    }
}

.mcontent .content-28 {
    position: relative;
    overflow: hidden;
    padding-top: 128px;
    padding-bottom: 0;
    text-align: center;
}

.mcontent .content-28 h3 {
    font-weight: normal;
    color: #203082;
    font-family: "Lato", "Neue Helvetica Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
    padding-bottom: 40px;
    font-weight: 300;
}

.mcontent .content-28 p {
    font-size: 16px;
    font-weight: normal;
    color: #777777;
}

.mcontent .content-28 .col-sm-10 > img {
    width: 100%;
    margin-top: 50px;
    position: relative;
}

@media (max-width: 480px) {
    .mcontent .content-28 {
        padding-top: 100px;
    }
}

.mcontent .content-29 {
    padding-top: 130px;
    padding-bottom: 130px;
    position: relative;
}

.mcontent .content-29 h3 {
    font-size: 30px;
    font-weight: normal;
    color: #203082;
    font-family: "Lato", "Neue Helvetica Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
    padding-bottom: 40px;
    font-weight: 300;
    text-align: center;
}

.mcontent .content-29 p {
    font-size: 22px;
    font-weight: normal;
    color: #777777;
    text-align: center;
    padding-bottom: 35px;
}

.mcontent .content-29 .player {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    background: rgba(52, 152, 219, 0.1);
    position: relative;
    overflow: hidden;
    width: 1140px;
    height: 640px;
    margin: 40px auto 105px;
}

.mcontent .content-29 .player .btn-play {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 60px;
    margin: -20px 0 0 -30px;
    padding-left: 16px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.mcontent .content-29 .player > iframe {
    width: 100%;
    height: 100%;
    border: 0;
    display: block;
}

@media (max-width: 1200px) {
    .mcontent .content-29 .player {
        width: 100%;
        height: 530px;
    }
}

@media (max-width: 1000px) {
    .mcontent .content-29 .player {
        height: 406px;
    }
}

@media (max-width: 840px) {
    .mcontent .content-29 .player {
        height: 406px;
    }
}

@media (max-width: 768px) {
    .mcontent .content-29 .player {
        max-height: 330px;
    }
}

@media (max-width: 568px) {
    .mcontent .content-29 .player {
        max-height: 280px;
    }
}

@media (max-width: 400px) {
    .mcontent .content-29 .player {
        max-height: 180px;
    }
}

.mcontent .content-29 .features > * {
    margin-top: 67px;
}

.mcontent .content-29 .features h6 {
    text-transform: none;
    margin-top: 37px;
    font-family: "Lato", "Neue Helvetica Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 500;
    font-size: 18px;
}

@media (max-width: 767px) {
    .mcontent .content-29 .features {
        margin-top: -52px;
    }
}

.mcontent .content-30 {
    position: relative;
    padding-top: 130px;
    padding-bottom: 130px;
}

@media (max-width: 480px) {
    .mcontent .content-30 {
        padding-top: 100px;
        padding-bottom: 100px;
    }
}

.mcontent .content-30 .features > * {
    position: relative;
    text-align: center;
}

.mcontent .content-30 .features .description-top,
.mcontent .content-30 .features .description-bottom {
    position: absolute;
    width: 100%;
    text-align: left;
}

.mcontent .content-30 .features .description-top {
    top: 0;
}

.mcontent .content-30 .features .description-bottom {
    bottom: 0;
}

.mcontent .content-30 .features .description-top,
.mcontent .content-30 .features .description-bottom,
.mcontent .content-30 .features .img img + img {
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: opacity 0.25s;
    -moz-transition: opacity 0.25s;
    -o-transition: opacity 0.25s;
    transition: opacity 0.25s;
}

.mcontent .content-30 .features > *:hover .description-top,
.mcontent .content-30 .features > *:hover .description-bottom,
.mcontent .content-30 .features > *:hover .img img + img {
    opacity: 100;
    filter: alpha(opacity=10000);
    opacity: 1;
    filter: alpha(opacity=100);
}

.mcontent .content-30 .features .img {
    position: relative;
    display: inline-block;
    margin: 150px auto;
}

.mcontent .content-30 .features .img img + img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.mcontent .content-30 .features h6 {
    text-transform: none;
    font-size: 16px;
    font-weight: normal;
    color: #1abc9c;
    font-family: "Lato", "Neue Helvetica Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 500;
}

.mcontent .content-30 .features img[src*="arrow-"] {
    position: absolute;
}

.mcontent .content-30 .features img[src*="arrow-tl"] {
    right: 110%;
    top: 30px;
}

.mcontent .content-30 .features img[src*="arrow-tr"] {
    left: 110%;
    top: 30px;
}

.mcontent .content-30 .features img[src*="arrow-bl"] {
    right: 110%;
    bottom: 20px;
}

.mcontent .content-30 .features img[src*="arrow-br"] {
    left: 110%;
    bottom: 20px;
}

.mcontent .content-30 .features .box-1 .description-top,
.mcontent .content-30 .features .box-2 .description-top {
    left: 105%;
}

.mcontent .content-30 .features .box-3 .description-top,
.mcontent .content-30 .features .box-4 .description-top {
    right: 105%;
}

.mcontent .content-30 .features .box-1 .description-bottom,
.mcontent .content-30 .features .box-3 .description-bottom {
    left: 105%;
}

.mcontent .content-30 .features .box-2 .description-bottom,
.mcontent .content-30 .features .box-4 .description-bottom {
    right: 105%;
}

@media (max-width: 767px) {
    .mcontent .content-30 .features .description-top,
    .mcontent .content-30 .features .description-bottom {
        position: static;
        text-align: center;
    }

    .mcontent .content-30 .features .img {
        margin: 60px auto;
    }

    .mcontent .content-30 .features img[src*="arrow-"] {
        display: none;
    }
}

@media (max-width: 480px) {
    .mcontent .content-30 .features .description-top,
    .mcontent .content-30 .features .description-bottom,
    .mcontent .content-30 .features .img img + img {
        opacity: 100;
        filter: alpha(opacity=10000);
        opacity: 1;
        filter: alpha(opacity=100);
    }

    .mcontent .content-30 .features > * + * {
        margin-top: 60px;
    }

    .mcontent .content-30 .features .img {
        margin: 15px auto;
    }

    .mcontent .content-30 .features .description-top,
    .mcontent .content-30 .features .description-bottom {
        width: 220px;
        margin: 0 auto;
        text-align: left;
    }

    .mcontent .content-30 .features .description-top {
        margin-bottom: 30px;
    }

    .mcontent .content-30 .features h6 {
        margin-bottom: 5px;
    }
}

.mcontent .content-31 {
    position: relative;
    padding-top: 130px;
    padding-bottom: 130px;
}

@media (max-width: 767px) {
    .mcontent .content-31 {
        padding-left: 20px;
        padding-right: 20px;
    }
}

.mcontent .content-31 .container {
    position: relative;
    padding: 50px 0;
}

.mcontent .content-31 .container:before {
    content: '';
    display: block;
    position: absolute;
    left: 15px;
    top: 0;
    height: 100%;
    border-left: 2px solid #ebedee;
}

.mcontent .content-31 .container > * {
    padding: 100px 0;
    opacity: 20;
    filter: alpha(opacity=2000);
    opacity: 0.2;
    filter: alpha(opacity=20);
    -webkit-transition: 0.6s opacity;
    -moz-transition: 0.6s opacity;
    -o-transition: 0.6s opacity;
    transition: 0.6s opacity;
}

.mcontent .content-31 .container h3 {
    margin: 0 0 30px;
    font-size: 40px;
    color: #777777;
    -webkit-transition: 0.6s color;
    -moz-transition: 0.6s color;
    -o-transition: 0.6s color;
    transition: 0.6s color;
}

.mcontent .content-31 .container .number {
    position: absolute;
    left: -4px;
    margin-top: 4px;
    width: 40px;
    height: 40px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
    background: #ebedee;
    text-align: center;
    color: #fff;
    line-height: 40px;
    font-size: 24px;
    font-family: "Lato", "Neue Helvetica Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 500;
    -webkit-transition: 0.6s background-color;
    -moz-transition: 0.6s background-color;
    -o-transition: 0.6s background-color;
    transition: 0.6s background-color;
}

.mcontent .content-31 .container .active > .number {
    background: #1abc9c;
}

.mcontent .content-31 .container .box {
    margin-top: 70px;
    text-align: center;
}

.mcontent .content-31 .container .img {
    display: inline-block;
    position: relative;
}

@media (max-width: 480px) {
    .mcontent .content-31 .container .img {
        display: block;
    }
}

.mcontent .content-31 .container .img img {
    -webkit-transition: 0.6s opacity;
    -moz-transition: 0.6s opacity;
    -o-transition: 0.6s opacity;
    transition: 0.6s opacity;
}

.mcontent .content-31 .container .img img + img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    max-width: none;
    opacity: 0;
    filter: alpha(opacity=0);
}

.mcontent .content-31 .container .active {
    opacity: 100;
    filter: alpha(opacity=10000);
    opacity: 1;
    filter: alpha(opacity=100);
}

.mcontent .content-31 .container .active h3 {
    color: #1abc9c;
}

.mcontent .content-31 .container .active .img img:first-child {
    opacity: 0;
    filter: alpha(opacity=0);
}

.mcontent .content-31 .container .active .img img + img {
    opacity: 100;
    filter: alpha(opacity=10000);
    opacity: 1;
    filter: alpha(opacity=100);
}

.mcontent .content-31 .container .pt-perspective {
    position: relative;
    height: 100%;
    -webkit-perspective: 1200px;
    -moz-perspective: 1200px;
    perspective: 1200px;
}

.mcontent .content-31 .container .pt-page {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    visibility: hidden;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.mcontent .content-31 .container .pt-page-current,
.mcontent .content-31 .container .no-js .pt-page {
    visibility: visible;
    z-index: 1;
}

.mcontent .content-31 .container .pt-page-ontop {
    z-index: 999;
}

.mcontent .content-31 .container .pt-controls {
    position: absolute;
    left: 0;
    right: 0;
}

@media (min-width: 1200px) {
    .mcontent .content-31 .container .pt-controls {
        bottom: 120px;
    }
}

@media (min-width: 723px) and (max-width: 1200px) {
    .mcontent .content-31 .container .pt-controls {
        bottom: 90px;
    }
}

@media (min-width: 643px) and (max-width: 722px) {
    .mcontent .content-31 .container .pt-controls {
        bottom: 120px;
    }
}

@media (min-width: 611px) and (max-width: 642px) {
    .mcontent .content-31 .container .pt-controls {
        bottom: 80px;
    }
}

@media (min-width: 400px) and (max-width: 611px) {
    .mcontent .content-31 .container .pt-controls {
        bottom: 120px;
    }
}

.mcontent .content-31 .container .pt-controls > * {
    position: relative;
    z-index: 9999;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 15px;
    height: 15px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #e74c3c;
}

.mcontent .content-31 .container .pt-control-prev {
    float: left;
}

.mcontent .content-31 .container .pt-control-next {
    float: right;
}

.mcontent .content-31 .container .pt-first .pt-control-prev {
    z-index: auto;
    background: none;
    border: 3px solid #ebedee;
    pointer-events: none;
}

.mcontent .content-31 .container .pt-last .pt-control-next {
    z-index: auto;
    background: none;
    border: 3px solid #ebedee;
    pointer-events: none;
}

@media (max-width: 767px) {
    .mcontent .content-31 .container {
        padding-left: 50px;
    }
}

@media (max-width: 480px) {
    .mcontent .content-31 .container > * {
        padding: 40px 0;
        opacity: 100;
        filter: alpha(opacity=10000);
        opacity: 1;
        filter: alpha(opacity=100);
    }

    .mcontent .content-31 .container .number {
        background: #1abc9c;
    }

    .mcontent .content-31 .container h3 {
        color: #1abc9c;
        font-size: 30px;
    }

    .mcontent .content-31 .container .img img:first-child {
        opacity: 0;
        filter: alpha(opacity=0);
    }

    .mcontent .content-31 .container .img img + img {
        margin-top: 30px;
        max-width: 100%;
        opacity: 100;
        filter: alpha(opacity=10000);
        opacity: 1;
        filter: alpha(opacity=100);
    }

    .mcontent .content-31 .container .pt-controls {
        display: none;
    }

    .mcontent .content-31 .container .box {
        margin: 0 0 30px;
    }
}

.mcontent .content-32 {
    position: relative;
    padding-top: 160px;
    padding-bottom: 155px;
    text-align: center;
    background: #f2f2f1;
    color: #777777;
    font-family: "Lato", "Neue Helvetica Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.mcontent .content-32 .lead {
    font-size: 20px;
    font-weight: normal;
    color: #777777;
    line-height: 36px;
}

.mcontent .content-32 h3 {
    font-size: 35px;
    font-weight: normal;
    color: #203082;
    font-family: "Lato", "Neue Helvetica Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 300;
    line-height: 40px;
    margin: 0 0 48px;
}

.mcontent .content-32 .features {
    border-top: 2px solid #e6e6e5;
    margin-top: 56px;
    padding-top: 85px;
    font-size: 16px;
    line-height: 26px;
    text-align: left;
}

@media (max-width: 767px) {
    .mcontent .content-32 .features {
        padding-top: 70px;
    }
}

.mcontent .content-32 .features h6 {
    text-transform: none;
    font-family: "Lato", "Neue Helvetica Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 500;
    font-size: 20px;
    margin: 0 0 20px;
}

@media (max-width: 767px) {
    .mcontent .content-32 .features h6 {
        margin: 20px 0 10px;
    }
}

@media (max-width: 767px) {
    .mcontent .content-32 {
        padding-top: 100px;
        padding-bottom: 100px;
    }
}

.mcontent .content-33 {
    font-family: "Lato", "Neue Helvetica Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
    padding-top: 125px;
    padding-bottom: 110px;
}

.mcontent .content-33 .lead {
    font-size: 30px;
    font-weight: normal;
    color: #777777;
    line-height: 44px;
    color: #34495e;
    font-weight: 300;
}

.mcontent .content-34 {
    position: relative;
    overflow: hidden;
    background: #f3f3f3;
}

@media (max-width: 767px) {
    .mcontent .content-34 {
        max-height: 100%;
    }

    .mcontent .content-34 .pt-controls {
        margin: 0 !important;
        padding: 0 !important;
    }
}

.mcontent .content-34 .pt-perspective {
    position: relative;
    height: 100%;
    overflow: hidden;
    -webkit-perspective: 1200px;
    -moz-perspective: 1200px;
    perspective: 1200px;
}

.mcontent .content-34 .pt-page {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    visibility: hidden;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.mcontent .content-34 .pt-page-current,
.mcontent .content-34 .no-js .pt-page {
    visibility: visible;
    z-index: 1;
}

.mcontent .content-34 .pt-page-ontop {
    z-index: 999;
}

.mcontent .content-34 .pt-controls {
    position: absolute;
    top: 50%;
    left: 30px;
    z-index: 9999;
}

.mcontent .content-34 .pt-controls .pt-indicators {
    list-style: none;
    margin: 0;
    padding: 0;
    opacity: 0;
    filter: alpha(opacity=0);
}

.mcontent .content-34 .pt-controls .pt-indicators li {
    float: none;
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 12px;
    height: 12px;
    margin: 15px 0 0;
    padding: 0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
    text-indent: -999px;
    cursor: pointer;
    -webkit-transition: 0.25s;
    -moz-transition: 0.25s;
    -o-transition: 0.25s;
    transition: 0.25s;
    border: 2px solid #d3d3d3;
    border: 2px solid rgba(81, 81, 81, 0.2);
    background: transparent;
}

.mcontent .content-34 .pt-controls .pt-indicators li.active {
    border: 0;
    opacity: 100;
    filter: alpha(opacity=10000);
    opacity: 1;
    filter: alpha(opacity=100);
}

.loaded .mcontent .content-34 .pt-controls .pt-indicators {
    -webkit-transition: 1.2s 1.6s opacity;
    -moz-transition: 1.2s 1.6s opacity;
    -o-transition: 1.2s 1.6s opacity;
    transition: 1.2s 1.6s opacity;
    opacity: 100;
    filter: alpha(opacity=10000);
    opacity: 1;
    filter: alpha(opacity=100);
}

@media (max-width: 767px) {
    .mcontent .content-34 .pt-controls {
        top: auto;
        bottom: 30px;
        left: 0;
        right: 0;
        margin-top: 0 !important;
    }

    .mcontent .content-34 .pt-controls .pt-indicators {
        text-align: center;
    }

    .mcontent .content-34 .pt-controls .pt-indicators li {
        display: inline-block;
        margin: 0 7.5px;
    }
}

.mcontent .content-34 .pt-controls li.active {
    background: #203082;
}

.mcontent .content-34 .container {
    background: #f3f3f3;
    padding-top: 125px;
    padding-bottom: 80px;
    color: #777777;
}

.mcontent .content-34 h2 {
    margin: 0 0 20px;
    font-size: 35px;
    line-height: 40px;
    color: #203082;
    font-weight: 300;
}

.mcontent .content-34 .lead {
    font-size: 20px;
    line-height: 36px;
    margin: 0 0 50px;
}

.mcontent .content-34 .box-1,
.mcontent .content-34 .box-2 {
    margin-bottom: 50px;
}

.mcontent .content-34 .box-1 h3,
.mcontent .content-34 .box-2 h3 {
    font-size: 20px;
    line-height: 28px;
    color: #34495e;
    font-weight: 500;
    margin: 0 0 15px;
}

.mcontent .content-34 .box-1 p,
.mcontent .content-34 .box-2 p {
    margin: 0;
    font-size: 16px;
    line-height: 26px;
}

.mcontent .content-34 .box-1 {
    padding-top: 105px;
    background: url('../../../assets/common-files/img/content/icon-1.png') 15px 0 no-repeat;
}

.mcontent .content-34 .box-2 {
    padding-top: 85px;
    background: url('../../../assets/common-files/img/content/icon-2.png') 15px 0 no-repeat;
}

.mcontent .content-35 {
    position: relative;
    color: #777777;
    padding-top: 140px;
    padding-bottom: 145px;
}

.mcontent .content-35 > * {
    position: relative;
}

.mcontent .content-35 h2 {
    font-size: 35px;
    line-height: 40px;
    color: #203082;
    font-weight: 300;
    margin: 0 0 45px;
}

.mcontent .content-35 .lead {
    font-size: 20px;
    line-height: 36px;
    margin: 0 0 40px;
}

.mcontent .content-35 .btn {
    font-weight: 500;
    padding-left: 26px;
    padding-right: 26px;
    margin-bottom: 20px;
}

.mcontent .content-35 .btn.btn-inverse {
    background: #203082;
}

.mcontent .content-35 .columns {
    margin-top: 60px;
}

.mcontent .content-35 .columns h3 {
    font-size: 20px;
    color: #34495e;
    line-height: 28px;
    margin: 0 0 20px;
    font-weight: 500;
}

.mcontent .content-35 .columns p {
    margin: 0;
    font-size: 16px;
    line-height: 26px;
}

.mcontent .content-35 .background {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: 100;
    filter: alpha(opacity=10000);
    opacity: 1;
    filter: alpha(opacity=100);
}

.mcontent .content-35 .background > .container {
    height: 100%;
}

@media (max-width: 767px) {
    .mcontent .content-35 .background > .container {
        height: 250px;
        margin-bottom: 60px;
    }
}

.mcontent .content-35 .background .col-sm-4 {
    position: absolute;
    height: 100%;
}

.mcontent .content-35 .background .col-sm-4 > div {
    position: absolute;
    right: 0;
    height: 100%;
    width: 1000px;
    background: #f3f3f3;
    margin: 0;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

@media (max-width: 767px) {
    .mcontent .content-35 .background .col-sm-4 > div {
        position: static;
        width: 100%;
        overflow: hidden;
    }
}

.mcontent .content-35 .background .col-sm-4 > div img {
    height: 100%;
    width: auto;
}

@media (max-width: 767px) {
    .mcontent .content-35 .background .col-sm-4 > div img {
        height: auto;
        min-height: 250px;
    }
}

@media (max-width: 767px) {
    .mcontent .content-35 .background .col-sm-4 {
        left: 0;
        right: 0;
        padding: 0;
    }
}

@media (max-width: 767px) {
    .mcontent .content-35 .background {
        position: static;
    }
}

@media (max-width: 767px) {
    .mcontent .content-35 {
        padding-top: 0;
    }
}

.mcontent .content-36 {
    background: #1b1f23;
    text-align: center;
    color: #95a5a6;
    padding-top: 230px;
    padding-bottom: 180px;
}

.mcontent .content-36 h2 {
    color: #fff;
    font-size: 46px;
    line-height: 55px;
    margin: 0 0 60px;
    letter-spacing: -2px;
}

.mcontent .content-36 .btn-success {
    background: #27ae60;
    font-size: 22px;
    font-weight: 500;
    padding: 15px 46px;
    margin: 0 0 55px;
}

.mcontent .content-36 .btn-success:hover {
    background: #58D68D;
}

.mcontent .content-36 p {
    margin: 0 auto;
    width: 48%;
    font-size: 20px;
    line-height: 31px;
    font-weight: 500;
}

@media (max-width: 767px) {
    .mcontent .content-36 p {
        width: 80%;
    }
}

.mcontent .content-37 {
    border-top: 0;
    padding-top: 130px;
    padding-bottom: 130px;
}

@media (max-width: 767px) {
    .mcontent .content-37 {
        padding-top: 80px;
        padding-bottom: 80px;
    }
}

.mcontent .content-37 h3 {
    font-size: 30px;
    font-weight: normal;
    color: #203082;
    font-weight: 300;
    margin: 0 0 38px;
    text-align: center;
}

.mcontent .content-37 .signup-form form {
    margin: 30px auto 0;
}

.mcontent .content-37 .signup-form form input {
    border: 2px solid #dee1e3;
}

.mcontent .content-37 .signup-form form input,
.mcontent .content-37 .signup-form form button {
    float: left;
    width: 23%;
    margin: 0 1%;
}

@media (max-width: 480px) {
    .mcontent .content-37 .signup-form form input,
    .mcontent .content-37 .signup-form form button {
        width: 100%;
        margin: 10px 0 0;
        display: block;
        float: none;
        height: 41px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
}

.mcontent .content-37 .signup-form form input:focus {
    border-color: #3498db !important;
}

.mcontent .header-1 {
    left: 0;
    top: 0;
    z-index: 100;
    width: 100%;
    padding-top: 0;
    padding-bottom: 0;
}

.mcontent .header-1 > .container {
    position: relative;
}

.mcontent .header-1 .navbar {
    position: absolute;
    z-index: 2;
    top: 45px;
    font-family: "Lato", "Neue Helvetica Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 500;
}

.mcontent .header-1 .navbar.navbar-fixed-top {
    position: fixed;
}

.mcontent .header-1 .navbar .brand {
    font-size: 25px;
    font-weight: normal;
    font-family: "Lato", "Neue Helvetica Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 800;
    color: #ffffff;
}

.mcontent .header-1 .navbar .brand:hover,
.mcontent .header-1 .navbar .brand:focus,
.mcontent .header-1 .navbar .brand.active {
    color: #ffffff;
}

.mcontent .header-1 .navbar .brand img:first-child {
    float: left;
    margin: -10px 15px 0 0;
}

.mcontent .header-1 .navbar .nav > li {
    margin-left: 20px;
}

.mcontent .header-1 .navbar .nav > li:first-child {
    margin-left: 0;
}

.mcontent .header-1 .navbar .nav > li > a {
    padding: 35px 0 27px;
    font-size: 13px;
    font-weight: normal;
    font-weight: 500;
    letter-spacing: 2px;
    color: #ffffff;
}

.mcontent .header-1 .navbar .nav > li > a:hover,
.mcontent .header-1 .navbar .nav > li > a:focus,
.mcontent .header-1 .navbar .nav > li > a.active {
    color: rgba(0, 0, 0, 0.4);
}

.mcontent .header-1 .navbar .nav > li.active > a {
    color: rgba(0, 0, 0, 0.4);
}

.mcontent .header-1 .navbar .nav > li.active > a:hover,
.mcontent .header-1 .navbar .nav > li.active > a:focus,
.mcontent .header-1 .navbar .nav > li.active > a.active {
    color: rgba(0, 0, 0, 0.4);
}

.mcontent .header-1-sub {
    position: relative;
    z-index: 50;
    left: 0;
    width: 100%;
    height: 500px;
    padding: 0;
    overflow: hidden;
    background: black;
    color: white;
}

@media (max-width: 480px) {
    .mcontent .header-1-sub {
        height: 420px;
    }
}

.mcontent .header-1-sub .container {
    position: relative;
}

@media (max-width: 767px) {
    .mcontent .header-1-sub .container {
        margin-right: 5px;
        margin-left: 5px;
    }
}

.mcontent .header-1-sub h3 {
    margin: 0 0 18px 0;
    font-size: 36px;
    font-weight: normal;
    color: #ffffff;
    font-weight: 500;
}

@media (max-width: 600px) {
    .mcontent .header-1-sub h3 {
        font-size: 30px;
        font-weight: normal;
        color: #ffffff;
    }
}

@media (max-width: 480px) {
    .mcontent .header-1-sub h3 {
        font-size: 26px;
        font-weight: normal;
        color: #ffffff;
        margin: 0 0 24px 0;
    }
}

.mcontent .header-1-sub .lead {
    font-size: 30px;
    font-weight: normal;
    color: #ffffff;
    font-weight: 300;
    font-family: "Lato", "Neue Helvetica Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin-bottom: 0;
}

@media (max-width: 600px) {
    .mcontent .header-1-sub .lead {
        font-size: 26px;
        font-weight: normal;
        color: #ffffff;
    }
}

@media (max-width: 480px) {
    .mcontent .header-1-sub .lead {
        font-size: 22px;
        font-weight: normal;
        color: #ffffff;
    }
}

.mcontent .header-1-sub .pt-perspective {
    position: relative;
    height: 100%;
    -webkit-perspective: 1200px;
    -moz-perspective: 1200px;
    perspective: 1200px;
}

.mcontent .header-1-sub .pt-page {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    visibility: hidden;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.mcontent .header-1-sub .pt-page-current,
.mcontent .header-1-sub .no-js .pt-page {
    visibility: visible;
    z-index: 1;
}

.mcontent .header-1-sub .pt-page-ontop {
    z-index: 999;
}

.mcontent .header-1-sub .page-transitions * {
    line-height: normal;
}

.mcontent .header-1-sub .page-transitions .background {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: 50% 50% no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    opacity: 10;
    filter: alpha(opacity=1000);
    opacity: 0.1;
    filter: alpha(opacity=10);
}

.mcontent .header-1-sub .page-transitions .caption {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 130px;
}

@media (max-width: 480px) {
    .mcontent .header-1-sub .page-transitions .caption {
        bottom: 83px;
    }
}

.mcontent .header-1-sub .page-transitions .controls > * {
    position: absolute;
    left: 15;
    top: 415px;
    z-index: 1000;
    width: 20px;
    overflow: hidden;
    text-decoration: none;
    font-size: 18px;
    color: #777777;
    font-weight: normal;
    font-style: normal;
    color: #ffffff;
    -webkit-transition: color 0.25s;
    -moz-transition: color 0.25s;
    -o-transition: color 0.25s;
    transition: color 0.25s;
}

.mcontent .header-1-sub .page-transitions .controls > *:hover,
.mcontent .header-1-sub .page-transitions .controls > *:focus,
.mcontent .header-1-sub .page-transitions .controls > *.active {
    color: rgba(0, 0, 0, 0.4);
}

@media (max-width: 480px) {
    .mcontent .header-1-sub .page-transitions .controls > * {
        top: 363px;
    }
}

.mcontent .header-1-sub .page-transitions .controls > *.control-next {
    left: 45px;
}

.mcontent .header-2 {
    z-index: 100;
    left: 0;
    top: 0;
    width: 100%;
    padding-top: 0;
    padding-bottom: 0;
}

.mcontent .header-2 > .container {
    position: relative;
}

.mcontent .header-2 .navbar {
    position: absolute;
    z-index: 2;
    top: 55px;
    font-family: "Lato", "Neue Helvetica Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.mcontent .header-2 .navbar.navbar-fixed-top {
    position: fixed;
}

.mcontent .header-2 .navbar .brand {
    font-size: 25px;
    font-weight: normal;
    color: #ffffff;
    font-family: "Lato", "Neue Helvetica Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.mcontent .header-2 .navbar .brand img:first-child {
    float: left;
    margin: -10px 15px 0 0;
}

.mcontent .header-2 .navbar .nav > li {
    margin-left: 20px;
}

.mcontent .header-2 .navbar .nav > li:first-child {
    margin-left: 0;
}

.mcontent .header-2 .navbar .nav > li > a {
    padding: 32px 0 30px;
    font-size: 17px;
    font-weight: normal;
    font-weight: 400;
    letter-spacing: 1px;
    color: #ffffff;
}

.mcontent .header-2 .navbar .nav > li > a:hover,
.mcontent .header-2 .navbar .nav > li > a:focus,
.mcontent .header-2 .navbar .nav > li > a.active {
    color: #506e8c;
}

.mcontent .header-2 .navbar .nav > li.active > a {
    color: #506e8c;
}

.mcontent .header-2 .navbar .nav > li.active > a:hover,
.mcontent .header-2 .navbar .nav > li.active > a:focus,
.mcontent .header-2 .navbar .nav > li.active > a.active {
    color: #405870;
}

.mcontent .header-2-sub {
    z-index: 50;
    left: 0;
    width: 100%;
    position: relative;
    padding-top: 195px;
    padding-bottom: 80px;
    color: white;
    text-align: center;
}

@media (max-width: 991px) {
    .mcontent .header-2-sub {
        padding-top: 165px;
    }
}

.mcontent .header-2-sub .hero-unit {
    margin: 0;
    padding: 0;
    background: transparent;
}

.mcontent .header-2-sub .hero-unit h1 {
    margin: 0 0 18px;
    font-size: 30px;
    font-weight: normal;
    color: #ffffff;
    font-weight: 300;
    line-height: 40px;
}

.mcontent .header-2-sub .hero-unit p {
    font-size: 13px;
    font-weight: normal;
    color: #506e8c;
    font-weight: 800;
    letter-spacing: 2px;
}

.mcontent .header-2-sub .btns {
    display: inline-block;
    margin-top: 40px;
}

@media (max-width: 480px) {
    .mcontent .header-2-sub .btns {
        margin-top: 48px;
        display: block;
    }
}

.mcontent .header-2-sub .btns .btn {
    min-width: 160px;
    float: left;
}

@media (max-width: 480px) {
    .mcontent .header-2-sub .btns .btn {
        float: none;
        display: block;
        margin-top: 10px;
    }

    .mcontent .header-2-sub .btns .btn:first-child {
        margin-top: 0;
    }
}

.mcontent .header-2-sub .btns .btn + .btn {
    margin-left: 20px;
}

@media (max-width: 480px) {
    .mcontent .header-2-sub .btns .btn + .btn {
        margin-left: 0;
    }
}

.mcontent .header-2-sub .btn.btn-inverse {
    background-color: #3c556e;
}

.mcontent .header-2-sub .btn.btn-inverse:hover,
.mcontent .header-2-sub .btn.btn-inverse:focus {
    background-color: #63778b;
}

.mcontent .header-2-sub .btn.btn-inverse:active,
.mcontent .header-2-sub .btn.btn-inverse.active {
    background-color: #33485e;
}

.mcontent .header-2-sub .btn.btn-danger {
    background-color: #c0392b;
}

.mcontent .header-2-sub .btn.btn-danger:hover,
.mcontent .header-2-sub .btn.btn-danger:focus {
    background-color: #cd6155;
}

.mcontent .header-2-sub .btn.btn-danger:active,
.mcontent .header-2-sub .btn.btn-danger.active {
    background-color: #a33025;
}

.mcontent .header-3-startup-antiflicker {
    border-bottom: 1px #bdc3c7 solid;
}

.mcontent .header-3 {
    padding-top: 0;
    padding-bottom: 0;
    z-index: 100;
    width: 100%;
    height: 100px;
}

.mcontent .header-3 .header-background {
    background: #fff;
}

.mcontent .header-3 .navbar {
    top: 0;
    margin-top: 10px;
    font-family: "Lato", "Neue Helvetica Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.mcontent .header-3 .navbar.navbar-fixed-top {
    top: 0 !important;
}

.mcontent .header-3 .navbar .brand {
    font-size: 25px;
    font-weight: normal;
    color: #203082;
    font-weight: 600;
}

.mcontent .header-3 .navbar .brand img:first-child {
    float: left;
    margin: -10px 15px 0 0;
}

.mcontent .header-3 .navbar .nav > li {
    margin-left: 25px;
}

.mcontent .header-3 .navbar .nav > li:first-child {
    margin-left: 0;
}

.mcontent .header-3 .navbar .nav > li > a {
    padding: 35px 0 21px;
    font-size: 13px;
    font-weight: normal;
    color: #777777;
    font-weight: 500;
    letter-spacing: 2px;
    color: #95a5a6;
}

.mcontent .header-3 .navbar .nav > li > a:hover,
.mcontent .header-3 .navbar .nav > li > a:focus,
.mcontent .header-3 .navbar .nav > li > a.active {
    color: #1abc9c;
}

.mcontent .header-3 .navbar .nav > li.active > a {
    color: #1abc9c;
}

.mcontent .header-3 .navbar .nav > li.active > a:hover,
.mcontent .header-3 .navbar .nav > li.active > a:focus,
.mcontent .header-3 .navbar .nav > li.active > a.active {
    color: #1abc9c;
}

.mcontent .header-3 .navbar .navbar-form {
    padding: 23px 0 15px 35px;
}

.mcontent .header-3 .navbar .btn {
    padding-left: 26px;
    padding-right: 26px;
    margin-top: -1px;
    font-size: 14px;
    font-weight: normal;
    color: #ffffff;
}

.mcontent .header-3 .navbar .btn.btn-primary {
    background-color: #16a085;
}

.mcontent .header-3 .navbar .btn.btn-primary:hover,
.mcontent .header-3 .navbar .btn.btn-primary:focus {
    background-color: #45b39d;
}

.mcontent .header-3 .navbar .btn.btn-primary:active,
.mcontent .header-3 .navbar .btn.btn-primary.active {
    background-color: #138871;
}

.mcontent .header-3 .navbar .navbar-toggle {
    background-image: url("../../../assets/common-files/icons/menu-icon-dark.png");
}

.mcontent .header-3-sub {
    position: relative;
    padding-top: 180px;
    padding-bottom: 100px;
}

.mcontent .header-3-sub h3 {
    font-size: 30px;
    font-weight: normal;
    color: #203082;
    font-family: "Lato", "Neue Helvetica Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin-bottom: 20px;
    font-weight: 300;
}

.mcontent .header-3-sub p {
    font-size: 16px;
    font-weight: normal;
    color: #777777;
    font-family: "Lato", "Neue Helvetica Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

@media (max-width: 480px) {
    .mcontent .header-3-sub {
        padding-top: 100px;
        background-attachment: scroll;
        background-position: 50% 50% !important;
    }
}

.mcontent .header-4 {
    padding-top: 240px;
    padding-bottom: 200px;
    color: white;
}

.mcontent .header-4.v-center,
.mcontent .header-4 .v-center {
    display: table;
    width: 100%;
}

.mcontent .header-4.v-center > div,
.mcontent .header-4 .v-center > div {
    display: table-cell;
    vertical-align: middle;
    margin-top: 0;
    margin-bottom: 0;
    float: none;
}

@media (min-width: 768px) {
    .mcontent .header-4.v-center.row:before,
    .mcontent .header-4 .v-center.row:before,
    .mcontent .header-4.v-center.row:after,
    .mcontent .header-4 .v-center.row:after {
        display: none;
    }
}

@media (max-width: 767px) {
    .mcontent .header-4.v-center,
    .mcontent .header-4 .v-center {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding-left: 5px;
        padding-right: 5px;
    }

    .mcontent .header-4.v-center.row,
    .mcontent .header-4 .v-center.row {
        display: block;
        width: auto;
    }

    .mcontent .header-4.v-center.row:before,
    .mcontent .header-4 .v-center.row:before,
    .mcontent .header-4.v-center.row:after,
    .mcontent .header-4 .v-center.row:after {
        display: none;
    }

    .mcontent .header-4.v-center.row > *,
    .mcontent .header-4 .v-center.row > * {
        display: block;
        vertical-align: baseline;
    }
}

.mcontent .header-4 .hero-unit {
    margin: 0 0 35px;
    padding: 0;
    background: transparent;
    font-family: "Lato", "Neue Helvetica Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.mcontent .header-4 .hero-unit h1 {
    margin: 0 0 25px;
    font-size: 64px;
    font-weight: normal;
    color: #ffffff;
    line-height: 76px;
}

.mcontent .header-4 .hero-unit p {
    font-size: 28px;
    font-weight: normal;
    color: #ffffff;
    line-height: 1.444;
}

.mcontent .header-4 .btn.btn-gray {
    background-color: #777777;
    color: #fff;
}

.mcontent .header-4 .btn.btn-gray:hover,
.mcontent .header-4 .btn.btn-gray:focus {
    background-color: #99a3a4;
}

.mcontent .header-4 .btn.btn-gray:active,
.mcontent .header-4 .btn.btn-gray.active {
    background-color: #6c7778;
}

.mcontent .header-4 .btns .btn {
    padding-left: 30px;
    padding-right: 30px;
}

.mcontent .header-4 .btns .btn + .btn {
    margin-left: 20px;
}

@media (max-width: 480px) {
    .mcontent .header-4 .btns .btn {
        display: block;
    }

    .mcontent .header-4 .btns .btn + .btn {
        margin: 10px 0 0;
    }
}

.mcontent .header-5 {
    padding-top: 0;
    padding-bottom: 0;
    z-index: 100;
    width: 100%;
}

.mcontent .header-5 > .container {
    position: relative;
}

.mcontent .header-5 .navbar {
    position: absolute;
    z-index: 2;
    top: 50px;
    font-family: "Lato", "Neue Helvetica Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.mcontent .header-5 .navbar.navbar-fixed-top {
    position: fixed;
    margin-top: 28px;
}

.mcontent .header-5 .navbar .home,
.mcontent .header-5 .navbar .search {
    position: absolute;
    top: 0;
    font-size: 14px;
    font-weight: normal;
    color: #777777;
}

.mcontent .header-5 .navbar .home [class*="fui-"],
.mcontent .header-5 .navbar .search [class*="fui-"] {
    font-size: 22px;
    font-weight: normal;
    color: #ffffff;
}

.mcontent .header-5 .navbar .home {
    left: 15px;
    z-index: 1;
}

.mcontent .header-5 .navbar .search {
    right: 15px;
    z-index: 3;
}

.mcontent .header-5 .navbar .navbar-search {
    z-index: 2;
    position: absolute;
    top: 0;
    left: 100%;
    right: 0;
    margin: 0;
    padding: 0;
    float: none;
    overflow: hidden;
    text-align: center;
    opacity: 0;
    filter: alpha(opacity=0);
}

.mcontent .header-5 .navbar .navbar-search .close-search {
    float: left;
}

.mcontent .header-5 .navbar .navbar-search .close-search [class*="fui-"] {
    font-size: 22px;
    font-weight: normal;
    color: #ffffff;
}

.mcontent .header-5 .navbar .navbar-search input[type="text"] {
    width: 80%;
    height: auto;
    padding: 0;
    border: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    font-size: 20px;
    font-weight: normal;
    color: #ffffff;
    font-family: "Lato", "Neue Helvetica Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-align: center;
    line-height: 25px;
    background: none;
}

.mcontent .header-5 .navbar .navbar-search input[type="text"]:-moz-placeholder {
    color: #ffffff;
}

.mcontent .header-5 .navbar .navbar-search input[type="text"]::-moz-placeholder {
    color: #ffffff;
    opacity: 1;
}

.mcontent .header-5 .navbar .navbar-search input[type="text"]:-ms-input-placeholder {
    color: #ffffff;
}

.mcontent .header-5 .navbar .navbar-search input[type="text"]::-webkit-input-placeholder {
    color: #ffffff;
}

.mcontent .header-5 .navbar .navbar-search input[type="text"].placeholder {
    color: #ffffff;
}

.mcontent .header-5 .navbar .navbar-search .ani-placeholder {
    position: absolute;
    left: 0px;
    right: 0px;
    width: 80%;
    margin: -4px auto 0;
    padding: 0 25px;
    line-height: 18px;
    font-size: 40px;
    font-weight: normal;
    color: #ffffff;
    font-family: "Lato", "Neue Helvetica Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
    white-space: nowrap;
    opacity: 20;
    filter: alpha(opacity=2000);
    opacity: 0.2;
    filter: alpha(opacity=20);
}

.mcontent .header-5 .navbar .navbar-header {
    float: none;
}

.mcontent .header-5 .navbar .navbar-collapse {
    position: relative;
    padding-top: 5px;
}

@media (min-width: 992px) {
    .mcontent .header-5 .navbar .nav {
        position: absolute;
        width: 100%;
        height: 0;
        overflow: visible;
        text-align: center;
    }

    .mcontent .header-5 .navbar .nav > li {
        float: none;
        display: inline-block;
    }
}

.mcontent .header-5 .navbar .nav > li {
    min-width: 100px;
}

.mcontent .header-5 .navbar .nav > li > a {
    padding: 0;
    font-size: 13px;
    font-weight: normal;
    color: #777777;
    font-weight: 500;
    letter-spacing: 2px;
    display: inline-block;
    color: #ffffff;
}

.mcontent .header-5 .navbar .nav > li > a:hover,
.mcontent .header-5 .navbar .nav > li > a:focus,
.mcontent .header-5 .navbar .nav > li > a.active {
    color: #506e8c;
}

@media (max-width: 991px) {
    .mcontent .header-5 .navbar .nav > li > a [class*="fui-"] {
        display: none;
    }
}

.mcontent .header-5 .navbar .nav > li > a [class*="fui-"] + * {
    display: none;
}

@media (max-width: 991px) {
    .mcontent .header-5 .navbar .nav > li > a [class*="fui-"] + * {
        display: initial;
        margin: 0;
    }
}

.mcontent .header-5 .navbar .nav > li.active > a {
    color: #506e8c;
}

.mcontent .header-5 .navbar .nav > li.active > a:hover,
.mcontent .header-5 .navbar .nav > li.active > a:focus,
.mcontent .header-5 .navbar .nav > li.active > a.active {
    color: #405870;
}

.mcontent .header-5 .navbar .navbar-header,
.mcontent .header-5 .navbar .navbar-collapse {
    opacity: 0;
    filter: alpha(opacity=0);
}

.loaded .mcontent .header-5 .navbar .navbar-header,
.loaded .mcontent .header-5 .navbar .navbar-collapse {
    opacity: 100;
    filter: alpha(opacity=10000);
    opacity: 1;
    filter: alpha(opacity=100);
}

.mcontent .header-5 .navbar.search-mode .navbar-search {
    left: 15px;
    opacity: 100;
    filter: alpha(opacity=10000);
    opacity: 1;
    filter: alpha(opacity=100);
}

.mcontent .header-5 .navbar.search-mode .home,
.mcontent .header-5 .navbar.search-mode .navbar-toggle,
.mcontent .header-5 .navbar.search-mode .navbar-collapse {
    opacity: 0;
    filter: alpha(opacity=0);
}

.mcontent .header-5 .navbar .navbar-toggle {
    z-index: 10000;
    float: none;
    margin: 0 auto;
    display: block;
}

@media (min-width: 992px) {
    .mcontent .header-5 .navbar .navbar-toggle {
        display: none;
    }
}

.mcontent .header-5-sub {
    position: relative;
    padding: 0;
}

.mcontent .header-5-sub .box-icon {
    margin: 0 auto 50px;
    text-align: center;
    font-size: 16px;
    font-weight: normal;
    color: #777777;
}

.mcontent .header-5-sub .box-icon > * {
    display: inline-block;
    vertical-align: middle;
}

.mcontent .header-5-sub .box-icon .icon {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 95px;
    height: 95px;
    margin: 0 50px;
    border: 7px solid #fff55b;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
    font-size: 48px;
    font-weight: normal;
    color: #fff55b;
    line-height: 81px;
}

.mcontent .header-5-sub .bg-peter-river,
.mcontent .header-5-sub .bg-turquoise,
.mcontent .header-5-sub .bg-peter-river h1,
.mcontent .header-5-sub .bg-turquoise h1,
.mcontent .header-5-sub .bg-peter-river .h1,
.mcontent .header-5-sub .bg-turquoise .h1,
.mcontent .header-5-sub .bg-peter-river h2,
.mcontent .header-5-sub .bg-turquoise h2,
.mcontent .header-5-sub .bg-peter-river .h2,
.mcontent .header-5-sub .bg-turquoise .h2,
.mcontent .header-5-sub .bg-peter-river h3,
.mcontent .header-5-sub .bg-turquoise h3,
.mcontent .header-5-sub .bg-peter-river .h3,
.mcontent .header-5-sub .bg-turquoise .h3,
.mcontent .header-5-sub .bg-peter-river h4,
.mcontent .header-5-sub .bg-turquoise h4,
.mcontent .header-5-sub .bg-peter-river .h4,
.mcontent .header-5-sub .bg-turquoise .h4,
.mcontent .header-5-sub .bg-peter-river h5,
.mcontent .header-5-sub .bg-turquoise h5,
.mcontent .header-5-sub .bg-peter-river .h5,
.mcontent .header-5-sub .bg-turquoise .h5,
.mcontent .header-5-sub .bg-peter-river h6,
.mcontent .header-5-sub .bg-turquoise h6,
.mcontent .header-5-sub .bg-peter-river .h6,
.mcontent .header-5-sub .bg-turquoise .h6 {
    color: white;
}

.mcontent .header-5-sub .page-transitions {
    background: black;
}

.mcontent .header-5-sub .pt-perspective {
    position: relative;
    height: 100%;
    -webkit-perspective: 1200px;
    -moz-perspective: 1200px;
    perspective: 1200px;
    overflow: hidden;
}

.mcontent .header-5-sub .pt-page {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    visibility: hidden;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.mcontent .header-5-sub .pt-page-current,
.mcontent .header-5-sub .no-js .pt-page {
    visibility: visible;
    z-index: 1;
}

.mcontent .header-5-sub .pt-page-ontop {
    z-index: 999;
}

.mcontent .header-5-sub .page-transitions {
    height: 450px;
}

.mcontent .header-5-sub .pt-page {
    padding-top: 200px;
    padding-bottom: 40px;
}

@media (max-width: 767px) {
    .mcontent .header-5-sub .pt-page {
        padding-right: 5px;
        padding-left: 5px;
    }
}

.mcontent .header-5-sub .hero-unit {
    margin: 0;
    padding: 0;
    background: transparent;
}

.mcontent .header-5-sub .hero-unit h1 {
    margin: 0 0 5px;
    font-size: 25px;
    font-weight: normal;
    color: #ffffff;
    line-height: normal;
}

.mcontent .header-5-sub .hero-unit p {
    font-size: 20px;
    font-weight: normal;
    color: #ffffff;
    font-family: "Lato", "Neue Helvetica Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
    line-height: normal;
}

.mcontent .header-5-sub .pt-page-1 .box-icon {
    position: relative;
    left: 50%;
    opacity: 0;
    filter: alpha(opacity=0);
}

.loaded .mcontent .header-5-sub .pt-page-1 .box-icon {
    left: 0;
    opacity: 100;
    filter: alpha(opacity=10000);
    opacity: 1;
    filter: alpha(opacity=100);
}

.mcontent .header-5-sub .pt-page-1 .box-icon [class*="pt-control-"] {
    opacity: 0;
    filter: alpha(opacity=0);
}

.loaded .mcontent .header-5-sub .pt-page-1 .box-icon [class*="pt-control-"] {
    opacity: 100;
    filter: alpha(opacity=10000);
    opacity: 1;
    filter: alpha(opacity=100);
}

.mcontent .header-5-sub .pt-page-1 .hero-unit {
    position: relative;
    left: -50%;
    opacity: 0;
    filter: alpha(opacity=0);
}

.loaded .mcontent .header-5-sub .pt-page-1 .hero-unit {
    left: 0;
    opacity: 100;
    filter: alpha(opacity=10000);
    opacity: 1;
    filter: alpha(opacity=100);
}

@media (max-width: 480px) {
    .mcontent .header-5-sub .pt-page {
        padding-top: 120px;
    }
}

.mcontent .header-5-sub .pt-control-next,
.mcontent .header-5-sub .pt-control-prev {
    color: #fff55b;
}

.mcontent .header-5-sub .pt-control-next:hover,
.mcontent .header-5-sub .pt-control-prev:hover,
.mcontent .header-5-sub .pt-control-next:focus,
.mcontent .header-5-sub .pt-control-prev:focus,
.mcontent .header-5-sub .pt-control-next.active,
.mcontent .header-5-sub .pt-control-prev.active {
    color: #ffffff;
}

.mcontent .header-6 {
    z-index: 100;
    padding-top: 0;
    padding-bottom: 0;
}

.mcontent .header-6 .navbar {
    position: absolute;
    z-index: 2;
    font-family: "Lato", "Neue Helvetica Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
    top: -50px;
    opacity: 0;
    filter: alpha(opacity=0);
}

.mcontent .header-6 .navbar.navbar-fixed-top {
    position: fixed;
    margin-top: 28px;
}

.loaded .mcontent .header-6 .navbar {
    top: 90px;
    opacity: 100;
    filter: alpha(opacity=10000);
    opacity: 1;
    filter: alpha(opacity=100);
}

@media (max-width: 768px) {
    .loaded .mcontent .header-6 .navbar {
        top: 65px;
    }
}

@media (max-width: 480px) {
    .mcontent .header-6 .navbar .social-btns {
        display: none;
    }
}

.mcontent .header-6 .navbar .brand {
    position: absolute;
    top: 0;
    left: 15px;
    padding: 0 !important;
    font-size: 25px;
    font-weight: normal;
    color: #ffffff;
}

.mcontent .header-6 .navbar .brand img:first-child {
    float: left;
    margin: -10px 15px 0 0;
}

.mcontent .header-6 .navbar .social-btns {
    white-space: nowrap;
    position: absolute;
    top: 7px;
    right: 15px;
    z-index: 2;
}

@media (max-width: 768px) {
    .mcontent .header-6 .navbar .social-btns {
        display: none;
    }
}

.mcontent .header-6 .navbar .social-btns > * {
    display: inline-block;
    margin-left: 15px;
    font-size: 16px;
    font-weight: normal;
    color: #cccccc;
    width: 16px;
    height: 19px;
    overflow: hidden;
    text-align: center;
}

.mcontent .header-6 .navbar .social-btns > *:first-child {
    margin-left: 0;
}

.mcontent .header-6 .navbar .social-btns > * > * {
    display: block;
    position: relative;
    -webkit-transition: 0.25s top;
    -moz-transition: 0.25s top;
    -o-transition: 0.25s top;
    transition: 0.25s top;
}

.mcontent .header-6 .navbar .social-btns > * > *:first-child {
    color: white;
}

.mcontent .header-6 .navbar .social-btns > *:hover > * {
    top: -100%;
}

@media (min-width: 992px) {
    .mcontent .header-6 .navbar .nav {
        position: absolute;
        width: 100%;
        height: 0;
        overflow: visible;
        text-align: center;
    }

    .mcontent .header-6 .navbar .nav > li {
        float: none;
        display: inline-block;
        padding: 0 10px;
    }
}

.mcontent .header-6 .navbar .nav > li > a {
    padding: 12px 0 0;
    font-size: 13px;
    font-weight: normal;
    color: #777777;
    font-weight: 500;
    letter-spacing: 2px;
    color: #ffffff;
    display: inline-block;
}

.mcontent .header-6 .navbar .nav > li > a:hover,
.mcontent .header-6 .navbar .nav > li > a:focus,
.mcontent .header-6 .navbar .nav > li > a.active {
    color: #cccccc;
}

.mcontent .header-6 .navbar .nav > li.active > a {
    color: #cccccc;
}

.mcontent .header-6 .navbar .nav > li.active > a:hover,
.mcontent .header-6 .navbar .nav > li.active > a:focus,
.mcontent .header-6 .navbar .nav > li.active > a.active {
    color: #cccccc;
}

.mcontent .header-6 .navbar .navbar-toggle {
    float: none;
    margin: 4px auto 0;
    display: block;
}

@media (max-width: 768px) {
    .mcontent .header-6 .navbar .navbar-toggle {
        float: right;
    }
}

@media (min-width: 992px) {
    .mcontent .header-6 .navbar .navbar-toggle {
        display: none;
    }
}

.mcontent .header-6-sub {
    position: relative;
    z-index: 50;
    left: 0;
    width: 100%;
    padding-top: 280px;
    padding-bottom: 90px;
    overflow: hidden;
    color: #bdc3c7;
    text-align: center;
}

@media (max-width: 768px) {
    .mcontent .header-6-sub {
        padding-top: 150px;
        padding-bottom: 50px;
    }
}

.mcontent .header-6-sub h3 {
    font-size: 35px;
    font-weight: normal;
    color: #ffffff;
    margin-bottom: 30px;
    font-weight: 300;
}

.mcontent .header-6-sub .row {
    position: relative;
    z-index: 51;
}

.mcontent .header-6-sub .lead {
    font-size: 24px;
    font-weight: normal;
    color: rgba(255, 255, 255, 0.7);
    font-weight: 300;
    font-family: "Lato", "Neue Helvetica Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.mcontent .header-6-sub .container > .row:first-child {
    opacity: 0;
    filter: alpha(opacity=0);
}

.loaded .mcontent .header-6-sub .container > .row:first-child {
    -webkit-transition: 1.2s opacity;
    -moz-transition: 1.2s opacity;
    -o-transition: 1.2s opacity;
    transition: 1.2s opacity;
    opacity: 100;
    filter: alpha(opacity=10000);
    opacity: 1;
    filter: alpha(opacity=100);
}

.mcontent .header-6-sub .container > .row + .row {
    position: relative;
    bottom: -180px;
    opacity: 0;
    filter: alpha(opacity=0);
}

.loaded .mcontent .header-6-sub .container > .row + .row {
    -webkit-transition: .4s 1.2s bottom, 1.2s 1.2s opacity;
    -moz-transition: .4s 1.2s bottom, 1.2s 1.2s opacity;
    -o-transition: .4s 1.2s bottom, 1.2s 1.2s opacity;
    transition: .4s 1.2s bottom, 1.2s 1.2s opacity;
    bottom: 0;
    opacity: 100;
    filter: alpha(opacity=10000);
    opacity: 1;
    filter: alpha(opacity=100);
}

@media (max-width: 480px) {
    .mcontent .header-6-sub {
        background-attachment: scroll;
        background-position: 50% 50% !important;
    }

    .mcontent .header-6-sub .container > .row:first-child,
    .mcontent .header-6-sub .container > .row + .row {
        -webkit-transition-duration: 0 !important;
        -moz-transition-duration: 0 !important;
        -o-transition-duration: 0 !important;
        transition-duration: 0 !important;
        -webkit-transition-delay: 0 !important;
        -moz-transition-delay: 0 !important;
        -o-transition-delay: 0 !important;
        transition-delay: 0 !important;
    }
}

.mcontent .header-6-sub .player {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    position: relative;
    overflow: hidden;
    width: 220px;
    height: 150px;
    margin: 50px auto 170px;
    border: 4px solid #fff;
}

.mcontent .header-6-sub .player .btn-play {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 46px;
    height: 46px;
    margin: -23px 0 0 -23px;
    padding-left: 14px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 4px solid #fff;
}

.mcontent .header-6-sub .player > iframe {
    width: 100%;
    height: 100%;
    border: 0;
    display: block;
}

.mcontent .header-6-sub .signup-form form {
    margin: 0 auto;
    padding: 17px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    background: white;
}

.mcontent .header-6-sub .signup-form form input,
.mcontent .header-6-sub .signup-form form button {
    float: left;
    width: 23.5%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 0 0 2%;
}

@media (max-width: 480px) {
    .mcontent .header-6-sub .signup-form form input,
    .mcontent .header-6-sub .signup-form form button {
        width: 100%;
        margin: 10px 0 0;
        display: block;
        float: none;
    }
}

.mcontent .header-6-sub .signup-form form input:first-child,
.mcontent .header-6-sub .signup-form form button:first-child {
    margin: 0;
}

.mcontent .header-6-sub .signup-form form button {
    width: 23.5%;
    margin-left: 2%;
}

@media (max-width: 480px) {
    .mcontent .header-6-sub .signup-form form button {
        width: 100%;
        margin: 10px 0 0;
        display: block;
        float: none;
    }
}

.mcontent .header-antiflicker {
    opacity: 0;
    filter: alpha(opacity=0);
}

.mcontent .header-7-sub {
    position: relative;
    height: 100%;
    overflow: hidden;
}

@media (max-width: 767px) {
    .mcontent .header-7-sub {
        max-height: 100%;
    }

    .mcontent .header-7-sub .pt-controls {
        margin: -60px 0 !important;
        padding: 0 !important;
    }
}

.mcontent .header-7-sub h1 {
    font-weight: 300;
}

.mcontent .header-7-sub h3 {
    font-size: 35px;
    font-weight: normal;
    color: #777777;
    font-weight: 300;
}

.mcontent .header-7-sub h6 {
    font-size: 18px;
    font-weight: normal;
    color: #777777;
    text-transform: none;
    font-weight: 500;
}

.mcontent .header-7-sub h1,
.mcontent .header-7-sub .h1,
.mcontent .header-7-sub h2,
.mcontent .header-7-sub .h2,
.mcontent .header-7-sub h3,
.mcontent .header-7-sub .h3,
.mcontent .header-7-sub h4,
.mcontent .header-7-sub .h4,
.mcontent .header-7-sub h5,
.mcontent .header-7-sub .h5,
.mcontent .header-7-sub h6,
.mcontent .header-7-sub .h6 {
    font-family: "Lato", "Neue Helvetica Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: white;
}

.mcontent .header-7-sub .pt-perspective {
    position: relative;
    height: 100%;
    overflow: hidden;
    -webkit-perspective: 1200px;
    -moz-perspective: 1200px;
    perspective: 1200px;
}

.mcontent .header-7-sub .pt-page {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    visibility: hidden;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.mcontent .header-7-sub .pt-page-current,
.mcontent .header-7-sub .no-js .pt-page {
    visibility: visible;
    z-index: 1;
}

.mcontent .header-7-sub .pt-page-ontop {
    z-index: 999;
}

.mcontent .header-7-sub .pt-controls {
    margin: -30% 0 0 30px;
    padding-bottom: 25%;
    position: relative;
    z-index: 9999;
}

.mcontent .header-7-sub .pt-controls .pt-indicators {
    list-style: none;
    margin: 0;
    padding: 0;
    opacity: 0;
    filter: alpha(opacity=0);
}

.mcontent .header-7-sub .pt-controls .pt-indicators li {
    float: none;
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 12px;
    height: 12px;
    margin: 15px 0 0;
    padding: 0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
    text-indent: -999px;
    cursor: pointer;
    -webkit-transition: 0.25s;
    -moz-transition: 0.25s;
    -o-transition: 0.25s;
    transition: 0.25s;
    border: 2px solid #fff;
    background: transparent;
    opacity: 40;
    filter: alpha(opacity=4000);
    opacity: 0.4;
    filter: alpha(opacity=40);
}

.mcontent .header-7-sub .pt-controls .pt-indicators li.active {
    border: 0;
    opacity: 100;
    filter: alpha(opacity=10000);
    opacity: 1;
    filter: alpha(opacity=100);
}

.loaded .mcontent .header-7-sub .pt-controls .pt-indicators {
    -webkit-transition: 1.2s 1.6s opacity;
    -moz-transition: 1.2s 1.6s opacity;
    -o-transition: 1.2s 1.6s opacity;
    transition: 1.2s 1.6s opacity;
    opacity: 100;
    filter: alpha(opacity=10000);
    opacity: 1;
    filter: alpha(opacity=100);
}

@media (max-width: 767px) {
    .mcontent .header-7-sub .pt-controls .pt-indicators {
        text-align: center;
        padding-bottom: 90px;
    }

    .mcontent .header-7-sub .pt-controls .pt-indicators li {
        display: inline-block;
        margin: 0 7.5px;
    }
}

.mcontent .header-7-sub .page-transitions.pt-item-5 + .pt-controls li {
    border-color: rgba(0, 0, 0, 0.2);
}

.mcontent .header-7-sub .pt-controls li.active {
    background: #f1c40f;
}

.mcontent .header-7-sub .page-transitions.pt-item-1 + .pt-controls li.active {
    background: #f1c40f;
}

.mcontent .header-7-sub .page-transitions.pt-item-2 + .pt-controls li.active {
    background: #e74c3c;
}

.mcontent .header-7-sub .page-transitions.pt-item-3 + .pt-controls li.active {
    background: #f1c40f;
}

.mcontent .header-7-sub .page-transitions.pt-item-4 + .pt-controls li.active {
    background: #34495e;
}

.mcontent .header-7-sub .page-transitions.pt-item-5 + .pt-controls li.active {
    background: #f1c40f;
}

.mcontent .header-7-sub .page-transitions.pt-item-6 + .pt-controls li.active {
    background: #f1c40f;
}

.mcontent .header-7-sub h3 {
    margin: 0 0 30px;
}

.mcontent .header-7-sub h6 {
    margin: 0 0 10px;
}

.mcontent .header-7-sub .brand {
    font-size: 25px;
    font-weight: normal;
    color: #ffffff;
    font-family: "Lato", "Neue Helvetica Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 500;
}

.mcontent .header-7-sub .brand img:first-child {
    float: left;
    margin: -10px 15px 0 0;
    border: 1px solid #e74c3c;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #e74c3c;
}

.mcontent .header-7-sub .header-7 {
    position: absolute;
    padding-top: 0;
    padding-bottom: 0;
    top: 90px;
    left: 0;
    right: 0;
    text-align: left;
    opacity: 0;
    filter: alpha(opacity=0);
    left: 100%;
}

.loaded .mcontent .header-7-sub .header-7 {
    -webkit-transition: .6s 1s left, 1.2s 1s opacity;
    -moz-transition: .6s 1s left, 1.2s 1s opacity;
    -o-transition: .6s 1s left, 1.2s 1s opacity;
    transition: .6s 1s left, 1.2s 1s opacity;
    opacity: 100;
    filter: alpha(opacity=10000);
    opacity: 1;
    filter: alpha(opacity=100);
    left: 0;
}

.mcontent .header-7-sub section {
    height: 100%;
    display: table;
    width: 100%;
    background: #203082;
}

.mcontent .header-7-sub section > div {
    padding-left: 5px;
    padding-right: 5px;
}

.mcontent .header-7-sub section h6 {
    font-family: "Lato", "Neue Helvetica Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.mcontent .header-7-sub section .col-sm-8 {
    text-align: center;
}

.mcontent .header-7-sub section .col-sm-8 > * {
    position: relative;
}

.mcontent .header-7-sub section .row + .row {
    position: relative;
}

.mcontent .header-7-sub section .lead {
    font-size: 22px;
    font-weight: normal;
    color: #bdc3c7;
    font-weight: 300;
    font-family: "Lato", "Neue Helvetica Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin-bottom: 130px;
}

.mcontent .header-7-sub section > div {
    display: table-cell;
    vertical-align: middle;
    padding-top: 265px;
    padding-bottom: 160px;
    position: relative;
}

@media (max-width: 480px) {
    .mcontent .header-7-sub section > div {
        vertical-align: top;
        padding-bottom: 70px;
        padding-top: 200px;
    }
}

.mcontent .header-7-sub .h-7-section-1 > div {
    padding-left: 5px;
    padding-right: 5px;
}

.mcontent .header-7-sub .h-7-section-1 .box {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px;
    font-weight: normal;
    color: #bdc3c7;
    float: left;
    width: 27%;
    margin: 30px 0 0 9.5%;
}

.mcontent .header-7-sub .h-7-section-1 .box h6 {
    font-size: 18px;
    font-weight: normal;
    color: #ffffff;
    font-weight: 500;
}

.mcontent .header-7-sub .h-7-section-1 .box:first-child {
    margin-left: 0;
}

.mcontent .header-7-sub .h-7-section-1 .container > .row:first-child {
    opacity: 0;
    filter: alpha(opacity=0);
}

.loaded .mcontent .header-7-sub .h-7-section-1 .container > .row:first-child {
    -webkit-transition: 1.2s .2s opacity;
    -moz-transition: 1.2s .2s opacity;
    -o-transition: 1.2s .2s opacity;
    transition: 1.2s .2s opacity;
    opacity: 100;
    filter: alpha(opacity=10000);
    opacity: 1;
    filter: alpha(opacity=100);
}

.mcontent .header-7-sub .h-7-section-1 .box:nth-child(1) {
    position: relative;
    left: -30%;
    opacity: 0;
    filter: alpha(opacity=0);
}

.loaded .mcontent .header-7-sub .h-7-section-1 .box:nth-child(1) {
    -webkit-transition: .5s .6s left, 1.2s .6s opacity;
    -moz-transition: .5s .6s left, 1.2s .6s opacity;
    -o-transition: .5s .6s left, 1.2s .6s opacity;
    transition: .5s .6s left, 1.2s .6s opacity;
    left: 0;
    opacity: 100;
    filter: alpha(opacity=10000);
    opacity: 1;
    filter: alpha(opacity=100);
}

.mcontent .header-7-sub .h-7-section-1 .box:nth-child(2) {
    position: relative;
    bottom: -200px;
    opacity: 0;
    filter: alpha(opacity=0);
}

.loaded .mcontent .header-7-sub .h-7-section-1 .box:nth-child(2) {
    -webkit-transition: .5s .6s bottom, 1.2s .6s opacity;
    -moz-transition: .5s .6s bottom, 1.2s .6s opacity;
    -o-transition: .5s .6s bottom, 1.2s .6s opacity;
    transition: .5s .6s bottom, 1.2s .6s opacity;
    bottom: 0;
    opacity: 100;
    filter: alpha(opacity=10000);
    opacity: 1;
    filter: alpha(opacity=100);
}

.mcontent .header-7-sub .h-7-section-1 .box:nth-child(3) {
    position: relative;
    left: 30%;
    opacity: 0;
    filter: alpha(opacity=0);
}

.loaded .mcontent .header-7-sub .h-7-section-1 .box:nth-child(3) {
    -webkit-transition: .5s .6s left, 1.2s .6s opacity;
    -moz-transition: .5s .6s left, 1.2s .6s opacity;
    -o-transition: .5s .6s left, 1.2s .6s opacity;
    transition: .5s .6s left, 1.2s .6s opacity;
    left: 0;
    opacity: 100;
    filter: alpha(opacity=10000);
    opacity: 1;
    filter: alpha(opacity=100);
}

@media (max-width: 480px) {
    .mcontent .header-7-sub .h-7-section-1 .lead {
        margin-bottom: 30px;
    }

    .mcontent .header-7-sub .h-7-section-1 .box {
        float: none;
        width: auto;
        margin: 30px 0 0 0;
    }
}

.mcontent .header-7-sub .player-wrapper {
    display: inline-block;
    position: relative;
}

.mcontent .header-7-sub .player-wrapper:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 100%;
    width: 8000px;
    height: 275px;
    background: #000;
    opacity: 10;
    filter: alpha(opacity=1000);
    opacity: 0.1;
    filter: alpha(opacity=10);
    -webkit-transform-origin: 100% 0;
    -moz-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    -o-transform-origin: 100% 0;
    transform-origin: 100% 0;
    -webkit-transform: rotate(-57deg);
    -moz-transform: rotate(-57deg);
    -ms-transform: rotate(-57deg);
    -o-transform: rotate(-57deg);
    transform: rotate(-57deg);
}

.mcontent .header-7-sub .player {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    position: relative;
    overflow: hidden;
    width: 220px;
    height: 158px;
    margin: 0 auto 50px;
    border: 4px solid #fff;
}

.mcontent .header-7-sub .player .btn-play {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 46px;
    height: 46px;
    margin: -23px 0 0 -23px;
    padding-left: 14px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 4px solid #fff;
}

.mcontent .header-7-sub .player > iframe {
    width: 100%;
    height: 100%;
    border: 0;
    display: block;
}

.mcontent .header-8-startup-antiflicker {
    border-bottom: 1px #bdc3c7 solid;
}

.mcontent .header-8 {
    padding-top: 0;
    padding-bottom: 0;
    z-index: 100;
    width: 100%;
    height: 110px;
}

.mcontent .header-8 .header-background {
    background: #fff;
}

.mcontent .header-8 .navbar {
    position: relative;
    top: 0;
    z-index: 2;
    margin: 18px 0 10px;
    font-family: "Lato", "Neue Helvetica Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.mcontent .header-8 .navbar.navbar-fixed-top {
    top: 0 !important;
}

.mcontent .header-8 .navbar .brand {
    padding-top: 18px;
    font-size: 25px;
    font-weight: normal;
    color: #34495e;
}

.mcontent .header-8 .navbar .brand img:first-child {
    float: left;
    margin: -10px 15px 0 0;
}

.mcontent .header-8 .navbar .nav {
    position: absolute;
    width: 100%;
    height: 0;
    overflow: visible;
    text-align: center;
}

.mcontent .header-8 .navbar .nav > li {
    float: none;
    display: inline-block;
    line-height: 14.999999999999998px;
    margin-left: 50px;
}

.mcontent .header-8 .navbar .nav > li:first-child {
    margin-left: 0;
}

.mcontent .header-8 .navbar .nav > li > a {
    padding: 30px 0 22px;
    font-size: 16px;
    font-weight: normal;
    color: #777777;
    font-weight: 500;
    font-family: "Lato", "Neue Helvetica Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #95a5a6;
}

.mcontent .header-8 .navbar .nav > li > a:hover,
.mcontent .header-8 .navbar .nav > li > a:focus,
.mcontent .header-8 .navbar .nav > li > a.active {
    color: #34495e;
}

.mcontent .header-8 .navbar .nav > li.active > a {
    color: #34495e;
}

.mcontent .header-8 .navbar .nav > li.active > a:hover,
.mcontent .header-8 .navbar .nav > li.active > a:focus,
.mcontent .header-8 .navbar .nav > li.active > a.active {
    color: #34495e;
}

.mcontent .header-8 .navbar .navbar-header {
    position: relative;
    z-index: 2;
}

.mcontent .header-8 .navbar .navbar-toggle {
    background-image: url("../../../assets/common-files/icons/menu-icon-header-8.png");
    margin-top: 22px;
}

.mcontent .header-8-sub {
    position: relative;
    padding-top: 101px;
    padding-bottom: 0;
}

.mcontent .header-8-sub h3 {
    font-size: 35px;
    font-weight: normal;
    color: #203082;
    margin-bottom: 42px;
    text-align: center;
    font-weight: 300;
    color: #fff;
}

.mcontent .header-8-sub .lead {
    font-size: 24px;
    font-weight: normal;
    color: #203082;
    font-family: "Lato", "Neue Helvetica Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-align: center;
    font-weight: 300;
    color: #fff;
}

.mcontent .header-8-sub img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 87px;
}

.mcontent .header-9 {
    z-index: 100;
    padding-top: 0;
    padding-bottom: 0;
    width: 100%;
}

.mcontent .header-9 .navbar {
    position: absolute;
    z-index: 2;
    top: 60px;
    font-size: 13px;
    font-weight: normal;
    color: #777777;
    font-family: "Lato", "Neue Helvetica Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
    opacity: 0;
    filter: alpha(opacity=0);
}

.mcontent .header-9 .navbar.navbar-fixed-top {
    position: fixed;
    margin-top: 20px;
}

.loaded .mcontent .header-9 .navbar {
    opacity: 100;
    filter: alpha(opacity=10000);
    opacity: 1;
    filter: alpha(opacity=100);
}

.mcontent .header-9 .navbar .brand {
    padding: 0 !important;
    font-weight: normal;
    color: #ffffff;
}

.mcontent .header-9 .navbar .brand:hover,
.mcontent .header-9 .navbar .brand:focus,
.mcontent .header-9 .navbar .brand.active {
    color: #506e8c;
}

.mcontent .header-9 .navbar .brand img:first-child {
    float: left;
    margin: -10px 15px 0 0;
}

@media (min-width: 992px) {
    .mcontent .header-9 .navbar .nav {
        position: absolute;
        width: 100%;
        height: 0;
        right: 15px;
        overflow: visible;
        text-align: right;
    }

    .mcontent .header-9 .navbar .nav > li {
        float: none;
        display: inline-block;
        margin-left: 10%;
        margin-top: 12px;
    }
}

@media (min-width: 1200px) {
    .mcontent .header-9 .navbar .nav > li {
        margin-left: 12%;
    }
}

.mcontent .header-9 .navbar .nav > li > a {
    padding: 0;
    font-size: 13px;
    font-weight: normal;
    color: #777777;
    color: #ffffff;
    font-weight: 500;
    letter-spacing: 1.6px;
    font-family: "Lato", "Neue Helvetica Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.mcontent .header-9 .navbar .nav > li > a:hover,
.mcontent .header-9 .navbar .nav > li > a:focus,
.mcontent .header-9 .navbar .nav > li > a.active {
    color: #506e8c;
}

.mcontent .header-9 .navbar .nav > li.active > a {
    color: #506e8c;
}

.mcontent .header-9 .navbar .nav > li.active > a:hover,
.mcontent .header-9 .navbar .nav > li.active > a:focus,
.mcontent .header-9 .navbar .nav > li.active > a.active {
    color: #405870;
}

.mcontent .header-9 .navbar .navbar-toggle {
    margin-top: 8px;
}

.mcontent .header-9 .navbar .navbar-header {
    position: relative;
    z-index: 2;
}

.mcontent .header-9 > .container {
    position: relative;
}

.mcontent .header-9-sub {
    position: relative;
    width: 100%;
    z-index: 50;
    padding-top: 300px;
    padding-bottom: 60px;
    color: white;
    text-align: center;
}

.mcontent .header-9-sub > .container {
    position: relative;
    z-index: 51;
}

.mcontent .header-9-sub .hero-unit.bordered {
    display: inline-block;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 8px solid white;
    padding: 26px 25px;
    margin-bottom: 40px;
    background: transparent none;
}

.mcontent .header-9-sub .hero-unit.bordered p {
    font-size: 46px;
    font-weight: normal;
    color: #ffffff;
    font-family: "Lato", "Neue Helvetica Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 800;
    line-height: 46.00000000000001px;
    letter-spacing: 0;
}

@media (max-width: 768px) {
    .mcontent .header-9-sub .hero-unit.bordered p {
        font-size: 36px;
        font-weight: normal;
        color: #ffffff;
    }
}

.mcontent .header-9-sub .wide-text.text-warning {
    font-size: 13px;
    font-weight: normal;
    color: #ffffff;
    font-family: "Lato", "Neue Helvetica Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 500;
    letter-spacing: 1.6px;
    text-transform: uppercase;
}

.mcontent .header-9-sub .hero-unit {
    opacity: 0;
    filter: alpha(opacity=0);
}

.loaded .mcontent .header-9-sub .hero-unit {
    -webkit-transition: 1.2s opacity;
    -moz-transition: 1.2s opacity;
    -o-transition: 1.2s opacity;
    transition: 1.2s opacity;
    opacity: 100;
    filter: alpha(opacity=10000);
    opacity: 1;
    filter: alpha(opacity=100);
}

@media (max-width: 480px) {
    .mcontent .header-9-sub {
        padding-top: 150px;
        padding-bottom: 60px;
        background-attachment: scroll;
        background-position: 50% 50% !important;
    }
}

.mcontent .header-9-sub .nav-steps {
    margin-top: 200px;
    font-size: 13px;
    font-weight: normal;
    color: #777777;
    font-family: "Lato", "Neue Helvetica Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 500;
    line-height: 25px;
    opacity: 0;
    filter: alpha(opacity=0);
}

.mcontent .header-9-sub .nav-steps > * {
    display: inline-block;
    vertical-align: middle;
}

.mcontent .header-9-sub .nav-steps a {
    color: #ffffff;
    opacity: 20;
    filter: alpha(opacity=2000);
    opacity: 0.2;
    filter: alpha(opacity=20);
}

.mcontent .header-9-sub .nav-steps a:hover,
.mcontent .header-9-sub .nav-steps a:focus,
.mcontent .header-9-sub .nav-steps a.active {
    color: #ffffff;
}

.mcontent .header-9-sub .nav-steps a:hover,
.mcontent .header-9-sub .nav-steps a:focus {
    opacity: 50;
    filter: alpha(opacity=5000);
    opacity: 0.5;
    filter: alpha(opacity=50);
}

.mcontent .header-9-sub .nav-steps a.active {
    opacity: 100;
    filter: alpha(opacity=10000);
    opacity: 1;
    filter: alpha(opacity=100);
}

.mcontent .header-9-sub .nav-steps .steps-selectors {
    margin: 0 40px;
    font-size: 22px;
    font-weight: normal;
    color: #777777;
    font-family: 'Courier New', monospace;
    letter-spacing: -7px;
}

.loaded .mcontent .header-9-sub .nav-steps {
    -webkit-transition: 1.2s 1.2s opacity;
    -moz-transition: 1.2s 1.2s opacity;
    -o-transition: 1.2s 1.2s opacity;
    transition: 1.2s 1.2s opacity;
    opacity: 100;
    filter: alpha(opacity=10000);
    opacity: 1;
    filter: alpha(opacity=100);
}

@media (max-width: 480px) {
    .mcontent .header-9-sub .nav-steps {
        margin-top: 82px;
    }

    .mcontent .header-9-sub .nav-steps .steps-selectors {
        margin: 0 10px;
    }
}

.mcontent .header-10 {
    z-index: 100;
    width: 100%;
    padding-top: 0;
    padding-bottom: 0;
    height: 80px;
    color: white;
}

.mcontent .header-10 .header-background {
    background: #233240;
}

.mcontent .header-10 .navbar {
    position: absolute;
    z-index: 2;
    top: 0;
    margin: 0;
}

.mcontent .header-10 .navbar.navbar-fixed-top {
    top: 0 !important;
}

.mcontent .header-10 .navbar .brand {
    padding-top: 25px;
    font-size: 25px;
    font-weight: normal;
    color: #ffffff;
    font-family: "Lato", "Neue Helvetica Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 600;
}

.mcontent .header-10 .navbar .brand img:first-child {
    float: left;
    margin: -10px 15px 0 0;
}

.mcontent .header-10 .navbar .nav > li {
    margin-left: 30px;
}

.mcontent .header-10 .navbar .nav > li:first-child {
    margin-left: 0;
}

.mcontent .header-10 .navbar .nav > li > a {
    padding: 29px 0 27px;
    font-size: 17px;
    font-weight: normal;
    color: #777777;
    font-weight: 600;
    color: #ffffff;
}

.mcontent .header-10 .navbar .nav > li > a:hover,
.mcontent .header-10 .navbar .nav > li > a:focus,
.mcontent .header-10 .navbar .nav > li > a.active {
    color: #bdc3c7;
}

.mcontent .header-10 .navbar .nav > li.active > a {
    color: #bdc3c7;
}

.mcontent .header-10 .navbar .nav > li.active > a:hover,
.mcontent .header-10 .navbar .nav > li.active > a:focus,
.mcontent .header-10 .navbar .nav > li.active > a.active {
    color: #bdc3c7;
}

.mcontent .header-10 .navbar .navbar-form {
    padding: 19px 0 19px 60px;
}

.mcontent .header-10 .navbar .btn {
    padding-left: 26px;
    padding-right: 26px;
}

.mcontent .header-10 .navbar .btn.btn-info {
    font-size: 15px;
    font-weight: normal;
    color: #ffffff;
    font-weight: 500;
}

.mcontent .header-10 .navbar .navbar-toggle {
    margin-top: 30px;
}

.mcontent .header-10-sub {
    position: relative;
    z-index: 50;
    height: 800px;
    color: white;
    text-align: center;
}

.mcontent .header-10-sub.v-center,
.mcontent .header-10-sub .v-center {
    display: table;
    width: 100%;
}

.mcontent .header-10-sub.v-center > div,
.mcontent .header-10-sub .v-center > div {
    display: table-cell;
    vertical-align: middle;
    margin-top: 0;
    margin-bottom: 0;
    float: none;
}

@media (min-width: 768px) {
    .mcontent .header-10-sub.v-center.row:before,
    .mcontent .header-10-sub .v-center.row:before,
    .mcontent .header-10-sub.v-center.row:after,
    .mcontent .header-10-sub .v-center.row:after {
        display: none;
    }
}

@media (max-width: 767px) {
    .mcontent .header-10-sub.v-center,
    .mcontent .header-10-sub .v-center {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding-left: 5px;
        padding-right: 5px;
    }

    .mcontent .header-10-sub.v-center.row,
    .mcontent .header-10-sub .v-center.row {
        display: block;
        width: auto;
    }

    .mcontent .header-10-sub.v-center.row:before,
    .mcontent .header-10-sub .v-center.row:before,
    .mcontent .header-10-sub.v-center.row:after,
    .mcontent .header-10-sub .v-center.row:after {
        display: none;
    }

    .mcontent .header-10-sub.v-center.row > *,
    .mcontent .header-10-sub .v-center.row > * {
        display: block;
        vertical-align: baseline;
    }
}

.mcontent .header-10-sub .hero-unit {
    padding: 0;
    margin: 0;
    background-color: transparent;
}

.mcontent .header-10-sub .hero-unit h1 {
    margin: 0 0 30px;
    font-size: 45px;
    font-weight: normal;
    color: #ffffff;
    font-family: "Lato", "Neue Helvetica Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 300;
}

.mcontent .header-10-sub .hero-unit p {
    font-size: 25px;
    font-weight: normal;
    color: #bdc3c7;
    font-family: "Lato", "Neue Helvetica Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 300;
    line-height: 37.5px;
}

@media (max-width: 480px) {
    .mcontent .header-10-sub .hero-unit h1 {
        font-size: 36px;
        font-weight: normal;
        color: #ffffff;
        font-family: "Lato", "Neue Helvetica Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-weight: 300;
    }

    .mcontent .header-10-sub .hero-unit p {
        font-size: 22px;
        font-weight: normal;
        color: #bdc3c7;
        line-height: 35px;
        font-weight: 300;
    }
}

.mcontent .header-10-sub .hero-unit.hero-unit-bordered h1 {
    font-size: 46px;
    font-weight: normal;
    color: #ffffff;
    font-weight: 500;
    font-family: "Lato", "Neue Helvetica Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
    border: 8px solid white;
    display: inline-block;
    margin: 0;
    padding: 30px 40px;
}

@media (max-width: 480px) {
    .mcontent .header-10-sub .hero-unit.hero-unit-bordered h1 {
        font-size: 22px;
        font-weight: normal;
        color: #ffffff;
        font-weight: 500;
    }
}

@media (max-width: 480px) {
    .mcontent .header-10-sub.v-center > div {
        padding-top: 35px;
    }
}

.mcontent .header-10-sub .control-btn {
    width: 53px;
    height: 53px;
    line-height: 53px;
    margin: 0;
    padding: 0;
    border-radius: 50%;
    text-align: center;
    font-size: 19px;
    font-weight: normal;
    color: #777777;
    color: #ffffff;
    background: #121518;
    opacity: 80;
    filter: alpha(opacity=8000);
    opacity: 0.8;
    filter: alpha(opacity=80);
    position: absolute;
    left: 50%;
    bottom: 90px;
    margin-left: -26.5px;
}

.mcontent .header-10-sub .control-btn:hover,
.mcontent .header-10-sub .control-btn:focus,
.mcontent .header-10-sub .control-btn.active {
    color: #ffffff;
}

.mcontent .header-10-sub .control-btn:hover,
.mcontent .header-10-sub .control-btn:focus,
.mcontent .header-10-sub .control-btn:active,
.mcontent .header-10-sub .control-btn.active {
    opacity: 100;
    filter: alpha(opacity=10000);
    opacity: 1;
    filter: alpha(opacity=100);
}

@media (max-width: 480px) {
    .mcontent .header-10-sub .control-btn {
        bottom: 30px;
    }
}

.mcontent .header-11-startup-antiflicker {
    border-bottom: 1px #bdc3c7 solid;
}

.mcontent .header-11 {
    z-index: 100;
    width: 100%;
    padding-top: 0;
    padding-bottom: 0;
    height: 90px;
}

.mcontent .header-11 .header-background {
    background: #fff;
}

.mcontent .header-11 .navbar {
    position: absolute;
    z-index: 2;
    top: 0;
    margin: 0;
    font-family: "Lato", "Neue Helvetica Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.mcontent .header-11 .navbar.navbar-fixed-top {
    top: 0 !important;
}

.mcontent .header-11 .navbar .navbar-form {
    padding: 30px 0 19px 30px;
}

.mcontent .header-11 .navbar .btn {
    padding-left: 18px;
    padding-right: 18px;
}

.mcontent .header-11 .navbar .btn.btn-primary {
    background-color: #16a085;
}

.mcontent .header-11 .navbar .btn.btn-primary:hover,
.mcontent .header-11 .navbar .btn.btn-primary:focus {
    background-color: #45b39d;
}

.mcontent .header-11 .navbar .btn.btn-primary:active,
.mcontent .header-11 .navbar .btn.btn-primary.active {
    background-color: #138871;
}

.mcontent .header-11 .navbar .brand {
    padding-top: 30px !important;
    font-size: 25px;
    font-weight: normal;
    color: #34495e;
    font-weight: 600;
}

.mcontent .header-11 .navbar .brand img:first-child {
    float: left;
    margin: -10px 15px 0 0;
}

.mcontent .header-11 .navbar .nav > li {
    margin-left: 25px;
}

.mcontent .header-11 .navbar .nav > li:first-child {
    margin-left: 0;
}

.mcontent .header-11 .navbar .nav > li:active a,
.mcontent .header-11 .navbar .nav > li.active a {
    color: #16a085;
}

.mcontent .header-11 .navbar .nav > li:active a:hover,
.mcontent .header-11 .navbar .nav > li.active a:hover,
.mcontent .header-11 .navbar .nav > li:active a:focus,
.mcontent .header-11 .navbar .nav > li.active a:focus,
.mcontent .header-11 .navbar .nav > li:active a.active,
.mcontent .header-11 .navbar .nav > li.active a.active {
    color: #16a085;
}

.mcontent .header-11 .navbar .nav > li > a {
    padding: 41px 0 27px;
    font-size: 14px;
    font-weight: normal;
    color: #777777;
    font-weight: 500;
    letter-spacing: 1px;
    color: inherit;
}

.mcontent .header-11 .navbar .nav > li > a:hover,
.mcontent .header-11 .navbar .nav > li > a:focus,
.mcontent .header-11 .navbar .nav > li > a.active {
    color: #16a085;
}

.mcontent .header-11 .navbar .navbar-toggle {
    background-image: url("../../../assets/common-files/icons/menu-icon-header-8.png");
    margin-top: 36px;
}

.mcontent .header-11-sub {
    padding-top: 110px;
    padding-bottom: 110px;
    color: #bdc3c7;
    position: relative;
}

.mcontent .header-11-sub h3 {
    font-size: 33px;
    font-weight: normal;
    color: #ffffff;
    margin-bottom: 15px;
    font-family: "Lato", "Neue Helvetica Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 300;
}

.mcontent .header-11-sub p {
    font-size: 16px;
    font-weight: normal;
    color: #bdc3c7;
    font-family: "Lato", "Neue Helvetica Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.mcontent .header-11-sub .additional-links {
    opacity: 50;
    filter: alpha(opacity=5000);
    opacity: 0.5;
    filter: alpha(opacity=50);
    font-size: 12px;
    font-weight: normal;
    color: #bdc3c7;
}

.mcontent .header-11-sub .additional-links a {
    text-decoration: underline;
    color: #bdc3c7;
}

.mcontent .header-11-sub .additional-links a:hover,
.mcontent .header-11-sub .additional-links a:focus,
.mcontent .header-11-sub .additional-links a.active {
    color: #979c9f;
}

@media (max-width: 767px) {
    .mcontent .header-11-sub {
        padding-top: 68px;
        padding-bottom: 70px;
    }

    .mcontent .header-11-sub .player {
        margin: 40px 0 45px;
    }
}

@media (max-width: 480px) {
    .mcontent .header-11-sub {
        padding-top: 68px;
        padding-bottom: 70px;
    }

    .mcontent .header-11-sub h3 {
        font-size: 26px;
        font-weight: normal;
        color: #ffffff;
    }

    .mcontent .header-11-sub .player {
        margin: 40px 0 45px;
    }
}

.mcontent .header-11-sub .signup-form form {
    font-family: "Lato", "Neue Helvetica Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin-top: 40px;
    margin-bottom: 20px;
}

.mcontent .header-11-sub .signup-form form .form-group:first-child + .form-group {
    display: table;
    width: 100%;
}

.mcontent .header-11-sub .signup-form form .form-group:first-child + .form-group > div {
    display: table-cell;
    width: 50%;
    padding-left: 5px;
}

@media (max-width: 767px) {
    .mcontent .header-11-sub .signup-form form .form-group:first-child + .form-group > div {
        padding-left: 9px;
    }
}

.mcontent .header-11-sub .signup-form form .form-group:first-child + .form-group > div:first-child {
    padding-left: 0;
    padding-right: 5px;
}

@media (max-width: 767px) {
    .mcontent .header-11-sub .signup-form form .form-group:first-child + .form-group > div:first-child {
        padding-right: 9px;
    }
}

.mcontent .header-11-sub .signup-form form .form-group:first-child + .form-group input {
    width: 100%;
}

@media (max-width: 767px) {
    .mcontent .header-11-sub .signup-form form .btn {
        margin: 9px 0;
    }
}

.mcontent .header-11-sub .signup-form form .btn.btn-info:hover,
.mcontent .header-11-sub .signup-form form .btn.btn-info:focus {
    background-color: #16a085;
}

.mcontent .header-11-sub .signup-form form .btn.btn-info:active,
.mcontent .header-11-sub .signup-form form .btn.btn-info.active {
    background-color: #138871;
}

.mcontent .header-11-sub .signup-form form input[type="text"],
.mcontent .header-11-sub .signup-form form input[type="password"] {
    border-color: white !important;
}

@media (max-width: 767px) {
    .mcontent .header-11-sub .signup-form form input[type="text"],
    .mcontent .header-11-sub .signup-form form input[type="password"] {
        height: 41px;
    }
}

@media (max-width: 480px) {
    .mcontent .header-11-sub .signup-form form {
        margin-top: 25px;
    }
}

.mcontent .header-11-sub .player {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    background: #bdc3c7;
    position: relative;
    overflow: hidden;
    height: 360px;
}

.mcontent .header-11-sub .player .btn-play {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    left: 10px;
    bottom: 10px;
    width: 60px;
    padding-left: 16px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.mcontent .header-11-sub .player .btn-play.btn-primary {
    background-color: #16a085;
}

.mcontent .header-11-sub .player .btn-play.btn-primary:hover,
.mcontent .header-11-sub .player .btn-play.btn-primary:focus {
    background-color: #45b39d;
}

.mcontent .header-11-sub .player .btn-play.btn-primary:active,
.mcontent .header-11-sub .player .btn-play.btn-primary.active {
    background-color: #138871;
}

.mcontent .header-11-sub .player > iframe {
    width: 100%;
    height: 100%;
    border: 0;
    display: block;
}

@media (max-width: 480px) {
    .mcontent .header-11-sub .player {
        height: 160px;
    }
}

.mcontent .header-12 {
    padding-top: 0;
    padding-bottom: 0;
}

.mcontent .header-12 .navbar {
    position: absolute;
    z-index: 2;
    width: 100%;
    top: 90px;
    margin: 0;
    font-family: "Lato", "Neue Helvetica Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 13px;
    font-weight: normal;
    color: #bdc3c7;
}

.mcontent .header-12 .navbar .navbar-header {
    float: none;
}

.mcontent .header-12 .navbar .brand {
    padding: 0;
    font-size: 25px;
    font-weight: normal;
    color: #ffffff;
}

.mcontent .header-12 .navbar .brand img:first-child {
    float: left;
    margin: -10px 15px 0 0;
}

.mcontent .header-12 .navbar .nav {
    margin: 12px 0 0 100px;
    float: left;
}

.mcontent .header-12 .navbar .nav a {
    font-weight: 500;
    color: #bdc3c7;
    letter-spacing: 2px;
}

.mcontent .header-12 .navbar .nav a:hover,
.mcontent .header-12 .navbar .nav a:focus,
.mcontent .header-12 .navbar .nav a.active {
    color: #ffffff;
}

@media (max-width: 480px) {
    .mcontent .header-12 .navbar {
        top: 50px;
    }

    .mcontent .header-12 .navbar .nav {
        display: none;
    }
}

.mcontent .header-12-sub {
    padding-top: 80px;
    padding-bottom: 80px;
    position: relative;
    overflow: hidden;
}

.mcontent .header-12-sub:after {
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    border: 14px solid white;
    border-left-color: #fff55b;
    border-top-color: #fff55b;
    z-index: 3;
}

.mcontent .header-12-sub .row {
    float: left;
}

.mcontent .header-12-sub .hero-unit {
    margin: 260px 0 0;
    padding: 0;
    background: transparent;
}

.mcontent .header-12-sub .hero-unit h1 {
    margin: 0 0 22px;
    font-size: 30px;
    font-weight: normal;
    color: #ffffff;
    font-weight: 300;
    line-height: 40px;
}

.mcontent .header-12-sub .hero-unit p {
    font-size: 18px;
    font-weight: normal;
    color: rgba(255, 255, 255, 0.7);
}

@media (max-width: 991px) {
    .mcontent .header-12-sub {
        padding-bottom: 0;
    }

    .mcontent .header-12-sub .row {
        float: none;
    }

    .mcontent .header-12-sub .row > .col-sm-5 {
        display: block;
        float: none;
        width: 100%;
        margin-left: 0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .mcontent .header-12-sub .hero-unit {
        margin: 120px 0 0;
    }
}

@media (max-width: 480px) {
    .mcontent .header-12-sub {
        padding-bottom: 0;
    }

    .mcontent .header-12-sub .row {
        float: none;
    }

    .mcontent .header-12-sub .hero-unit {
        margin: 60px 0 0;
    }

    .mcontent .header-12-sub .hero-unit h1 {
        font-size: 25px;
        font-weight: normal;
        color: #ffffff;
        line-height: 40px;
    }
}

.mcontent .header-12-sub .aside {
    position: relative;
    background: #3498db;
    float: right;
    text-align: center;
    padding-left: 95px;
    border-left: 5px solid #fff;
    margin-top: -80px;
    margin-bottom: -80px;
    padding-top: 80px;
    padding-bottom: 117px;
}

.mcontent .header-12-sub .aside:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 5000px;
    height: 100%;
    background: #3498db;
}

.mcontent .header-12-sub .aside > * {
    position: relative;
}

.mcontent .header-12-sub .aside > div > [class*="fui-"] {
    font-size: 24px;
    font-weight: normal;
    color: #fff55b;
    margin-bottom: 100px;
}

.mcontent .header-12-sub .aside h1,
.mcontent .header-12-sub .aside .h1,
.mcontent .header-12-sub .aside h2,
.mcontent .header-12-sub .aside .h2,
.mcontent .header-12-sub .aside h3,
.mcontent .header-12-sub .aside .h3,
.mcontent .header-12-sub .aside h4,
.mcontent .header-12-sub .aside .h4,
.mcontent .header-12-sub .aside h5,
.mcontent .header-12-sub .aside .h5,
.mcontent .header-12-sub .aside h6,
.mcontent .header-12-sub .aside .h6 {
    color: white;
    font-family: "Lato", "Neue Helvetica Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.mcontent .header-12-sub .aside h3 {
    font-size: 32px;
    font-weight: normal;
    color: #ffffff;
    font-family: "Lato", "Neue Helvetica Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 500;
    margin: 0 0 30px;
}

.mcontent .header-12-sub .aside p {
    font-size: 13px;
    font-weight: normal;
    color: #ffffff;
    font-family: "Lato", "Neue Helvetica Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
    letter-spacing: 1px;
    line-height: 24.3px;
}

.mcontent .header-12-sub .aside .muted {
    color: rgba(255, 255, 255, 0.8);
}

.mcontent .header-12-sub .aside .price {
    position: relative;
    display: inline-block;
    margin: -1px 0 17px;
    font-size: 140px;
    font-weight: normal;
    color: #ffffff;
    font-weight: 600;
}

.mcontent .header-12-sub .aside .price .currency {
    position: absolute;
    top: 30px;
    left: -1em;
    font-size: 20px;
    font-weight: normal;
    color: rgba(255, 255, 255, 0.7);
}

.mcontent .header-12-sub .aside .btn {
    margin-top: 100px;
    padding-left: 37px;
    padding-right: 37px;
    color: #e74c3c;
    background-color: #fff55b;
}

.mcontent .header-12-sub .aside .btn:hover,
.mcontent .header-12-sub .aside .btn:focus {
    background-color: #fff77c;
}

.mcontent .header-12-sub .aside .btn:active,
.mcontent .header-12-sub .aside .btn.active {
    background-color: #d9d04d;
}

@media (max-width: 991px) {
    .mcontent .header-12-sub .aside {
        max-width: none;
        float: none;
        padding-left: 0;
        border-left: 0;
        margin: 60px -20px 0;
    }

    .mcontent .header-12-sub .aside:before {
        left: 50%;
        margin-left: -2500px;
        border-top: 5px solid #fff;
    }
}

@media (max-width: 480px) {
    .mcontent .header-12-sub .aside {
        max-width: none;
        float: none;
        padding-left: 0;
        border-left: 0;
        border-top: 5px solid #fff;
        margin: 60px -20px 0;
    }

    .mcontent .header-12-sub .aside:before {
        display: none;
    }

    .mcontent .header-12-sub .aside > div > [class*="fui-"] {
        margin-bottom: 40px;
    }

    .mcontent .header-12-sub .aside .btn {
        margin-top: 40px;
    }

    .mcontent .header-12-sub .aside p {
        max-width: 55%;
        margin: 0 auto 10px;
    }
}

.mcontent .header-13 {
    position: absolute;
    width: 100%;
    margin: 140px auto;
    z-index: 5;
    padding-top: 0;
    padding-bottom: 0;
    opacity: 0;
    filter: alpha(opacity=0);
}

@media (max-width: 767px) {
    .mcontent .header-13 {
        text-align: center;
    }

    .mcontent .header-13 .brand {
        position: absolute;
        top: -120px;
        left: 50%;
        margin-left: -50px;
    }
}

@media (max-width: 767px) and (max-width: 480px) {
    .mcontent .header-13 .brand {
        top: 0;
    }
}

.mcontent .header-13 .brand img {
    width: 100px !important;
    height: 100px !important;
    margin-top: 10px !important;
}

.loaded .mcontent .header-13 {
    -webkit-transition: .6s 1.4s top, 1.2s 1.4s opacity;
    -moz-transition: .6s 1.4s top, 1.2s 1.4s opacity;
    -o-transition: .6s 1.4s top, 1.2s 1.4s opacity;
    transition: .6s 1.4s top, 1.2s 1.4s opacity;
    opacity: 100;
    filter: alpha(opacity=10000);
    opacity: 1;
    filter: alpha(opacity=100);
}

@media (max-width: 480px) {
    .mcontent .header-13 {
        text-align: left;
        -webkit-transition-duration: 0 !important;
        -moz-transition-duration: 0 !important;
        -o-transition-duration: 0 !important;
        transition-duration: 0 !important;
        -webkit-transition-delay: 0 !important;
        -moz-transition-delay: 0 !important;
        -o-transition-delay: 0 !important;
        transition-delay: 0 !important;
    }
}

.mcontent .header-13-sub {
    position: relative;
    padding-top: 140px;
    padding-bottom: 130px;
    color: #bdc3c7;
}

.mcontent .header-13-sub.v-center,
.mcontent .header-13-sub .v-center {
    display: table;
    width: 100%;
}

.mcontent .header-13-sub.v-center > div,
.mcontent .header-13-sub .v-center > div {
    display: table-cell;
    vertical-align: middle;
    margin-top: 0;
    margin-bottom: 0;
    float: none;
}

@media (min-width: 768px) {
    .mcontent .header-13-sub.v-center.row:before,
    .mcontent .header-13-sub .v-center.row:before,
    .mcontent .header-13-sub.v-center.row:after,
    .mcontent .header-13-sub .v-center.row:after {
        display: none;
    }
}

@media (max-width: 767px) {
    .mcontent .header-13-sub.v-center,
    .mcontent .header-13-sub .v-center {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding-left: 5px;
        padding-right: 5px;
    }

    .mcontent .header-13-sub.v-center.row,
    .mcontent .header-13-sub .v-center.row {
        display: block;
        width: auto;
    }

    .mcontent .header-13-sub.v-center.row:before,
    .mcontent .header-13-sub .v-center.row:before,
    .mcontent .header-13-sub.v-center.row:after,
    .mcontent .header-13-sub .v-center.row:after {
        display: none;
    }

    .mcontent .header-13-sub.v-center.row > *,
    .mcontent .header-13-sub .v-center.row > * {
        display: block;
        vertical-align: baseline;
    }
}

.mcontent .header-13-sub h3 {
    font-size: 29.000000000000004px;
    font-weight: normal;
    color: #ffffff;
    font-family: "Lato", "Neue Helvetica Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin-bottom: 26px;
    font-weight: 300;
}

.mcontent .header-13-sub .lead {
    font-size: 22px;
    font-weight: normal;
    color: #bdc3c7;
    font-family: "Lato", "Neue Helvetica Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 300;
}

.mcontent .header-13-sub .col-sm-5.col-sm-offset-1 {
    margin-top: 220px;
}

@media (max-width: 767px) {
    .mcontent .header-13-sub .col-sm-5.col-sm-offset-1 {
        margin-top: 0;
    }
}

.mcontent .header-13-sub .btn {
    font-size: 22px;
    line-height: 21px;
    padding: 15px 20px 16px;
    display: block;
}

.mcontent .header-13-sub .col-sm-5.col-sm-offset-1 {
    position: relative;
    left: -15%;
    opacity: 0;
    filter: alpha(opacity=0);
}

.loaded .mcontent .header-13-sub .col-sm-5.col-sm-offset-1 {
    -webkit-transition: .8s .4s left, 1.2s .4s opacity;
    -moz-transition: .8s .4s left, 1.2s .4s opacity;
    -o-transition: .8s .4s left, 1.2s .4s opacity;
    transition: .8s .4s left, 1.2s .4s opacity;
    left: 0;
    opacity: 100;
    filter: alpha(opacity=10000);
    opacity: 1;
    filter: alpha(opacity=100);
}

.mcontent .header-13-sub .col-sm-4.col-sm-offset-1 {
    position: relative;
    right: -100px;
    opacity: 0;
    filter: alpha(opacity=0);
}

.loaded .mcontent .header-13-sub .col-sm-4.col-sm-offset-1 {
    -webkit-transition: .8s right, 1.2s opacity;
    -moz-transition: .8s right, 1.2s opacity;
    -o-transition: .8s right, 1.2s opacity;
    transition: .8s right, 1.2s opacity;
    right: 0;
    opacity: 100;
    filter: alpha(opacity=10000);
    opacity: 1;
    filter: alpha(opacity=100);
}

@media (max-width: 480px) {
    .mcontent .header-13-sub {
        padding-top: 90px;
    }

    .mcontent .header-13-sub > div > .container {
        padding-top: 180px;
    }

    .mcontent .header-13-sub .col-sm-5.col-sm-offset-1,
    .mcontent .header-13-sub .col-sm-4.offset-1 {
        -webkit-transition-duration: 0 !important;
        -moz-transition-duration: 0 !important;
        -o-transition-duration: 0 !important;
        transition-duration: 0 !important;
        -webkit-transition-delay: 0 !important;
        -moz-transition-delay: 0 !important;
        -o-transition-delay: 0 !important;
        transition-delay: 0 !important;
    }
}

.mcontent .header-14-sub {
    color: #bdc3c7;
    position: relative;
    padding-top: 95px;
    padding-bottom: 95px;
    text-align: center;
}

.mcontent .header-14-sub h1,
.mcontent .header-14-sub .h1,
.mcontent .header-14-sub h2,
.mcontent .header-14-sub .h2,
.mcontent .header-14-sub h3,
.mcontent .header-14-sub .h3,
.mcontent .header-14-sub h4,
.mcontent .header-14-sub .h4,
.mcontent .header-14-sub h5,
.mcontent .header-14-sub .h5,
.mcontent .header-14-sub h6,
.mcontent .header-14-sub .h6 {
    font-family: "Lato", "Neue Helvetica Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: white;
}

.mcontent .header-14-sub h1 {
    font-weight: 300;
}

.mcontent .header-14-sub h3 {
    font-size: 32px;
    font-weight: normal;
    color: #ffffff;
    font-weight: 300;
}

@media (max-width: 480px) {
    .mcontent .header-14-sub {
        padding-top: 50px;
        padding-bottom: 50px;
    }
}

.mcontent .header-14-sub h3 {
    margin: 0 0 30px;
}

.mcontent .header-14-sub .header-14 {
    margin-bottom: 65px;
    text-align: center;
    font-size: 13px;
    font-weight: normal;
    color: #ffffff;
    font-family: "Lato", "Neue Helvetica Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
    letter-spacing: 8px;
}

.mcontent .header-14-sub .header-14 [class*="fui-"] {
    margin-bottom: 30px;
    font-size: 24px;
    font-weight: normal;
    color: #ffffff;
}

.mcontent .header-14-sub .hero-unit {
    display: table;
    border-collapse: collapse;
    padding: 0;
    margin: 190px auto 170px;
    background: transparent;
    color: white;
}

.mcontent .header-14-sub .hero-unit > * {
    display: table-cell;
    vertical-align: middle;
    border: 8px solid #fff;
    padding: 25px 30px;
    text-align: left;
}

.mcontent .header-14-sub .hero-unit h1 {
    margin: 0;
    font-size: 46px;
    font-weight: normal;
    color: #ffffff;
    font-weight: 500;
}

@media (max-width: 767px) {
    .mcontent .header-14-sub .hero-unit h1 {
        text-align: center;
    }
}

.mcontent .header-14-sub .hero-unit p {
    margin: 0;
    font-size: 13px;
    font-weight: normal;
    color: #ffffff;
}

@media (max-width: 480px) {
    .mcontent .header-14-sub .hero-unit {
        margin: 0 auto 65px;
    }
}

.mcontent .header-14-sub .subscribe-form form {
    margin: 40px 0 10px;
}

.mcontent .header-14-sub .subscribe-form form .input-group input[type="text"] {
    border-color: white;
    border-right: 0;
    min-height: 0;
}

@media (max-width: 480px) {
    .mcontent .header-14-sub .subscribe-form form .input-group input[type="text"] {
        min-height: 41px;
    }
}

.mcontent .header-14-sub .subscribe-form form .input-group .btn {
    padding-left: 30px;
    padding-right: 30px;
    margin-left: 0;
    -webkit-border-radius: 0 6px 6px 0;
    -moz-border-radius: 0 6px 6px 0;
    border-radius: 0 6px 6px 0;
    border: 0;
    color: #fff;
    background: #1abc9c;
    line-height: 22px;
}

@media (max-width: 480px) {
    .mcontent .header-14-sub .subscribe-form form .input-group .btn {
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        border-radius: 6px;
    }
}

.mcontent .header-14-sub .subscribe-form .btn.btn-primary:hover,
.mcontent .header-14-sub .subscribe-form .btn.btn-primary:focus {
    background-color: #e74c3c;
}

.mcontent .header-14-sub .subscribe-form .btn.btn-primary:active,
.mcontent .header-14-sub .subscribe-form .btn.btn-primary.active {
    background-color: #c44133;
}

@media (max-width: 480px) {
    .mcontent .header-14-sub .subscribe-form .input-group,
    .mcontent .header-14-sub .subscribe-form .input-group input[type="text"],
    .mcontent .header-14-sub .subscribe-form .input-group .btn {
        display: block;
        width: 100%;
    }

    .mcontent .header-14-sub .subscribe-form .input-group input[type="text"],
    .mcontent .header-14-sub .subscribe-form .input-group .btn {
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        border-radius: 6px;
    }

    .mcontent .header-14-sub .subscribe-form .input-group .btn {
        margin-top: 15px;
    }
}

.mcontent .header-15-startup-antiflicker {
    background: #171717 !important;
}

.mcontent .header-15 {
    padding-top: 0;
    padding-bottom: 0;
    height: 80px;
    z-index: 100;
    width: 100%;
}

.mcontent .header-15 .header-background {
    background: #171717;
}

.mcontent .header-15 .navbar {
    position: absolute;
    z-index: 2;
    top: 0;
    margin: 0;
}

.mcontent .header-15 .navbar.navbar-fixed-top {
    top: 0 !important;
}

.mcontent .header-15 .navbar .navbar-form {
    padding: 20px 0 19px 20px;
    position: relative;
}

.mcontent .header-15 .navbar .btn {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 8px 28px;
    background-color: transparent;
    border: 2px solid white;
    color: white;
}

.mcontent .header-15 .navbar .btn:hover,
.mcontent .header-15 .navbar .btn:focus {
    background-color: white;
    border-color: white;
    color: #171717;
}

.mcontent .header-15 .navbar .btn:active,
.mcontent .header-15 .navbar .btn.active {
    background-color: #bdc3c7;
    border-color: #bdc3c7;
    color: #171717;
}

.mcontent .header-15 .navbar .brand {
    padding-top: 21px;
    font-size: 25px;
    font-weight: normal;
    color: #ffffff;
}

.mcontent .header-15 .navbar .brand img:first-child {
    float: left;
    margin: -10px 15px 0 0;
}

@media (min-width: 992px) {
    .mcontent .header-15 .navbar .nav {
        position: absolute;
        width: 100%;
        height: 0;
        overflow: visible;
        text-align: center;
    }

    .mcontent .header-15 .navbar .nav > li {
        float: none;
        display: inline-block;
    }
}

.mcontent .header-15 .navbar .nav > li {
    margin-left: 60px;
}

.mcontent .header-15 .navbar .nav > li:first-child {
    margin-left: 0;
}

.mcontent .header-15 .navbar .nav > li > a {
    padding: 29px 0 27px;
    font-size: 16px;
    font-weight: normal;
    color: #777777;
    color: #ffffff;
}

.mcontent .header-15 .navbar .nav > li > a:hover,
.mcontent .header-15 .navbar .nav > li > a:focus,
.mcontent .header-15 .navbar .nav > li > a.active {
    color: #bdc3c7;
}

.mcontent .header-15 .navbar .nav > li.active > a {
    color: #bdc3c7;
}

.mcontent .header-15 .navbar .nav > li.active > a:hover,
.mcontent .header-15 .navbar .nav > li.active > a:focus,
.mcontent .header-15 .navbar .nav > li.active > a.active {
    color: #bdc3c7;
}

.mcontent .header-15 .navbar .navbar-toggle {
    background-image: url("../../../assets/common-files/icons/menu-icon.png");
    margin-top: 26px;
}

.mcontent .header-15 .navbar .navbar-header {
    position: relative;
    z-index: 2;
}

.mcontent .header-15-sub {
    min-height: 800px;
    color: white;
    text-align: center;
    position: relative;
}

.mcontent .header-15-sub.v-center,
.mcontent .header-15-sub .v-center {
    display: table;
    width: 100%;
}

.mcontent .header-15-sub.v-center > div,
.mcontent .header-15-sub .v-center > div {
    display: table-cell;
    vertical-align: middle;
    margin-top: 0;
    margin-bottom: 0;
    float: none;
}

@media (min-width: 768px) {
    .mcontent .header-15-sub.v-center.row:before,
    .mcontent .header-15-sub .v-center.row:before,
    .mcontent .header-15-sub.v-center.row:after,
    .mcontent .header-15-sub .v-center.row:after {
        display: none;
    }
}

@media (max-width: 767px) {
    .mcontent .header-15-sub.v-center,
    .mcontent .header-15-sub .v-center {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding-left: 5px;
        padding-right: 5px;
    }

    .mcontent .header-15-sub.v-center.row,
    .mcontent .header-15-sub .v-center.row {
        display: block;
        width: auto;
    }

    .mcontent .header-15-sub.v-center.row:before,
    .mcontent .header-15-sub .v-center.row:before,
    .mcontent .header-15-sub.v-center.row:after,
    .mcontent .header-15-sub .v-center.row:after {
        display: none;
    }

    .mcontent .header-15-sub.v-center.row > *,
    .mcontent .header-15-sub .v-center.row > * {
        display: block;
        vertical-align: baseline;
    }
}

@media (max-width: 480px) {
    .mcontent .header-15-sub {
        min-height: 0;
        padding-bottom: 20px;
    }
}

.mcontent .header-15-sub .hero-unit {
    padding: 0;
    margin: 0;
    background-color: transparent;
}

.mcontent .header-15-sub .hero-unit h1 {
    font-size: 46px;
    font-weight: normal;
    color: #ffffff;
    font-weight: 600;
    border: 8px solid white;
    display: inline-block;
    margin: 230px 0 198px;
    padding: 30px 40px;
}

.mcontent .header-15-sub .hero-unit p {
    font-size: 12px;
    font-weight: normal;
    color: #ffffff;
    font-weight: 500;
    font-family: "Lato", "Neue Helvetica Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
    letter-spacing: 4px;
}

.mcontent .header-15-sub .hero-unit > [class*="fui-"] {
    display: block;
    margin-bottom: 20px;
    font-size: 22px;
    font-weight: normal;
    color: #ffffff;
}

@media (max-width: 480px) {
    .mcontent .header-15-sub .hero-unit h1 {
        font-size: 20px;
        font-weight: normal;
        color: #ffffff;
        margin: 150px 0 90px;
    }
}

.mcontent .header-16 {
    padding-top: 0;
    padding-bottom: 0;
    background: #1b1f23;
    color: white;
}

.mcontent .header-16.v-center,
.mcontent .header-16 .v-center {
    display: table;
    width: 100%;
}

.mcontent .header-16.v-center > div,
.mcontent .header-16 .v-center > div {
    display: table-cell;
    vertical-align: middle;
    margin-top: 0;
    margin-bottom: 0;
    float: none;
}

@media (min-width: 768px) {
    .mcontent .header-16.v-center.row:before,
    .mcontent .header-16 .v-center.row:before,
    .mcontent .header-16.v-center.row:after,
    .mcontent .header-16 .v-center.row:after {
        display: none;
    }
}

@media (max-width: 767px) {
    .mcontent .header-16.v-center,
    .mcontent .header-16 .v-center {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding-left: 5px;
        padding-right: 5px;
    }

    .mcontent .header-16.v-center.row,
    .mcontent .header-16 .v-center.row {
        display: block;
        width: auto;
    }

    .mcontent .header-16.v-center.row:before,
    .mcontent .header-16 .v-center.row:before,
    .mcontent .header-16.v-center.row:after,
    .mcontent .header-16 .v-center.row:after {
        display: none;
    }

    .mcontent .header-16.v-center.row > *,
    .mcontent .header-16 .v-center.row > * {
        display: block;
        vertical-align: baseline;
    }
}

.mcontent .header-16 > .container {
    position: relative;
}

.mcontent .header-16 .navbar {
    position: absolute;
    z-index: 2;
    top: 50px;
    width: 100%;
    margin: 0;
    font-size: 13px;
    font-weight: normal;
    color: #ffffff;
    font-family: "Lato", "Neue Helvetica Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.mcontent .header-16 .navbar .navbar-header {
    float: none;
}

.mcontent .header-16 .navbar .navbar-toggle {
    position: relative;
    z-index: 10000;
    display: block;
    float: none;
    margin: 28px auto 17px;
    padding: 0 10px;
    background-position: 50% 0;
    -webkit-transition: 0.25s;
    -moz-transition: 0.25s;
    -o-transition: 0.25s;
    transition: 0.25s;
    font-size: 13px;
    font-weight: normal;
    color: #ffffff;
    font-family: "Lato", "Neue Helvetica Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
    width: auto;
    height: auto;
    letter-spacing: 2px;
}

.mcontent .header-16 .navbar .navbar-toggle:hover,
.mcontent .header-16 .navbar .navbar-toggle:focus,
.mcontent .header-16 .navbar .navbar-toggle:active,
.mcontent .header-16 .navbar .navbar-toggle.active {
    color: white;
    opacity: 80;
    filter: alpha(opacity=8000);
    opacity: 0.8;
    filter: alpha(opacity=80);
}

.mcontent .header-16 .navbar .navbar-toggle > span {
    display: inline-block;
    margin-top: 34px;
    line-height: normal;
}

.mcontent .header-16 .navbar .navbar-toggle > div {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    line-height: normal;
    opacity: 0;
    filter: alpha(opacity=0);
}

.mcontent .header-16 .navbar .navbar-toggle:before,
.mcontent .header-16 .navbar .navbar-toggle:after,
.mcontent .header-16 .navbar .navbar-toggle > * {
    -webkit-transition: 1s;
    -moz-transition: 1s;
    -o-transition: 1s;
    transition: 1s;
}

@media (max-width: 480px) {
    .mcontent .header-16 .navbar {
        top: 12px;
    }
}

.mcontent .header-16-sub {
    position: relative;
    background: #000;
    padding-top: 0;
    padding-bottom: 0;
    height: 600px;
    min-height: 550px;
    color: white;
    text-align: center;
    overflow: hidden;
}

.mcontent .header-16-sub.v-center,
.mcontent .header-16-sub .v-center {
    display: table;
    width: 100%;
}

.mcontent .header-16-sub.v-center > div,
.mcontent .header-16-sub .v-center > div {
    display: table-cell;
    vertical-align: middle;
    margin-top: 0;
    margin-bottom: 0;
    float: none;
}

@media (min-width: 768px) {
    .mcontent .header-16-sub.v-center.row:before,
    .mcontent .header-16-sub .v-center.row:before,
    .mcontent .header-16-sub.v-center.row:after,
    .mcontent .header-16-sub .v-center.row:after {
        display: none;
    }
}

@media (max-width: 767px) {
    .mcontent .header-16-sub.v-center,
    .mcontent .header-16-sub .v-center {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding-left: 5px;
        padding-right: 5px;
    }

    .mcontent .header-16-sub.v-center.row,
    .mcontent .header-16-sub .v-center.row {
        display: block;
        width: auto;
    }

    .mcontent .header-16-sub.v-center.row:before,
    .mcontent .header-16-sub .v-center.row:before,
    .mcontent .header-16-sub.v-center.row:after,
    .mcontent .header-16-sub .v-center.row:after {
        display: none;
    }

    .mcontent .header-16-sub.v-center.row > *,
    .mcontent .header-16-sub .v-center.row > * {
        display: block;
        vertical-align: baseline;
    }
}

@-webkit-keyframes ani-mouse {
    0% {
        opacity: 1;
        top: 29%;
    }
    15% {
        opacity: 1;
        top: 50%;
    }
    40% {
        opacity: 0;
        top: 50%;
    }
    45% {
        opacity: 0;
        top: 29%;
    }
    46% {
        opacity: 1;
        top: 29%;
    }
}

@-moz-keyframes ani-mouse {
    0% {
        opacity: 1;
        top: 29%;
    }
    15% {
        opacity: 1;
        top: 50%;
    }
    40% {
        opacity: 0;
        top: 50%;
    }
    45% {
        opacity: 0;
        top: 29%;
    }
    46% {
        opacity: 1;
        top: 29%;
    }
}

@keyframes ani-mouse {
    0% {
        opacity: 1;
        top: 29%;
    }
    15% {
        opacity: 1;
        top: 50%;
    }
    40% {
        opacity: 0;
        top: 50%;
    }
    45% {
        opacity: 0;
        top: 29%;
    }
    46% {
        opacity: 1;
        top: 29%;
    }
}

.mcontent .header-16-sub .scroll-btn {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 80px;
    text-align: center;
}

.mcontent .header-16-sub .scroll-btn > * {
    display: inline-block;
    line-height: 18px;
    font-size: 13px;
    font-weight: normal;
    color: #777777;
    color: #ffffff;
    font-family: "Lato", "Neue Helvetica Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
    letter-spacing: 2px;
}

.mcontent .header-16-sub .scroll-btn > *:hover,
.mcontent .header-16-sub .scroll-btn > *:focus,
.mcontent .header-16-sub .scroll-btn > *.active {
    color: #ffffff;
}

.mcontent .header-16-sub .scroll-btn > *:hover,
.mcontent .header-16-sub .scroll-btn > *:focus,
.mcontent .header-16-sub .scroll-btn > *:active,
.mcontent .header-16-sub .scroll-btn > *.active {
    opacity: 80;
    filter: alpha(opacity=8000);
    opacity: 0.8;
    filter: alpha(opacity=80);
}

.mcontent .header-16-sub .scroll-btn .mouse {
    position: relative;
    display: block;
    width: 46px;
    height: 73px;
    margin: 0 auto 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 2px solid white;
    border-radius: 23px;
}

.mcontent .header-16-sub .scroll-btn .mouse > * {
    position: absolute;
    display: block;
    top: 29%;
    left: 50%;
    width: 8px;
    height: 8px;
    margin: -4px 0 0 -4px;
    background: white;
    border-radius: 50%;
    -webkit-animation: ani-mouse 4s linear infinite;
    -moz-animation: ani-mouse 4s linear infinite;
    animation: ani-mouse 4s linear infinite;
}

@media (max-width: 480px) {
    .mcontent .header-16-sub .scroll-btn {
        bottom: 41px;
    }
}

.mcontent .header-16-sub .pt-perspective {
    position: relative;
    height: 100%;
    -webkit-perspective: 1200px;
    -moz-perspective: 1200px;
    perspective: 1200px;
}

.mcontent .header-16-sub .pt-page {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    visibility: hidden;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.mcontent .header-16-sub .pt-page-current,
.mcontent .header-16-sub .no-js .pt-page {
    visibility: visible;
    z-index: 1;
}

.mcontent .header-16-sub .pt-page-ontop {
    z-index: 999;
}

.mcontent .header-16-sub .pt-controls {
    z-index: 9999;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin-top: -7px;
}

.mcontent .header-16-sub .pt-controls a {
    font-size: 13px;
    font-weight: normal;
    color: #ffffff;
    font-family: "Lato", "Neue Helvetica Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
    letter-spacing: 2px;
}

.mcontent .header-16-sub .pt-control-prev {
    float: left;
}

.mcontent .header-16-sub .pt-control-prev:before {
    content: '';
    display: inline-block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    top: 2px;
    left: -35px;
    width: 15px;
    height: 15px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: white;
}

.mcontent .header-16-sub .pt-control-next {
    float: right;
}

.mcontent .header-16-sub .pt-control-next:after {
    content: '';
    display: inline-block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    top: 2px;
    right: -35px;
    width: 15px;
    height: 15px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: white;
}

.mcontent .header-16-sub .pt-first .pt-control-prev {
    opacity: 40;
    filter: alpha(opacity=4000);
    opacity: 0.4;
    filter: alpha(opacity=40);
    pointer-events: none;
}

.mcontent .header-16-sub .pt-first .pt-control-prev:before {
    background: none;
    border: 3px solid white;
}

.mcontent .header-16-sub .pt-last .pt-control-next {
    opacity: 40;
    filter: alpha(opacity=4000);
    opacity: 0.4;
    filter: alpha(opacity=40);
    pointer-events: none;
}

.mcontent .header-16-sub .pt-last .pt-control-next:after {
    background: none;
    border: 3px solid white;
}

.mcontent .header-16-sub .hero-unit {
    padding: 0;
    margin: 0;
    background: transparent;
}

.mcontent .header-16-sub .hero-unit h1 {
    font-size: 46px;
    font-weight: normal;
    color: #ffffff;
    font-weight: 600;
    border: 6px solid white;
    display: inline-block;
    margin: 0;
    padding: 25px 27px;
}

@media (max-width: 767px) {
    .mcontent .header-16-sub {
        padding-right: 0;
        padding-left: 0;
    }
}

@media (max-width: 480px) {
    .mcontent .header-16-sub {
        min-height: 480px;
    }

    .mcontent .header-16-sub .pt-controls {
        display: none;
    }
}

.mcontent .header-17-startup-antiflicker {
    background: white !important;
}

.mcontent .header-17 {
    z-index: 100;
    width: 100%;
    height: 100px;
    padding-top: 0;
    padding-bottom: 0;
}

.mcontent .header-17 .header-background {
    background: #fff;
}

.mcontent .header-17 .navbar {
    position: absolute;
    z-index: 2;
    top: 0;
    margin: 0;
}

.mcontent .header-17 .navbar.navbar-fixed-top {
    top: 0 !important;
}

.mcontent .header-17 .navbar .navbar-form {
    padding: 30px 0 19px 35px;
}

.mcontent .header-17 .navbar .btn {
    padding-left: 26px;
    padding-right: 26px;
    font-size: 14px;
    font-weight: normal;
    color: #ffffff;
}

.mcontent .header-17 .navbar .btn.btn-primary {
    background-color: #16a085;
}

.mcontent .header-17 .navbar .btn.btn-primary:hover,
.mcontent .header-17 .navbar .btn.btn-primary:focus {
    background-color: #45b39d;
}

.mcontent .header-17 .navbar .btn.btn-primary:active,
.mcontent .header-17 .navbar .btn.btn-primary.active {
    background-color: #138871;
}

.mcontent .header-17 .navbar .brand {
    padding-top: 33px !important;
    font-size: 25px;
    font-weight: normal;
    color: #203082;
    font-weight: 600;
    letter-spacing: 0;
    position: relative;
    overflow: hidden;
}

.mcontent .header-17 .navbar .brand img:first-child {
    float: left;
    margin: -10px 15px 0 0;
    position: relative;
    z-index: 2;
}

.mcontent .header-17 .navbar .brand > span {
    position: relative;
    z-index: 1;
    left: -100%;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: 0.6s ease-in-out;
    -moz-transition: 0.6s ease-in-out;
    -o-transition: 0.6s ease-in-out;
    transition: 0.6s ease-in-out;
}

.mcontent .header-17 .navbar .brand:hover > span,
.mcontent .header-17 .navbar .brand:focus > span {
    left: 0;
    opacity: 100;
    filter: alpha(opacity=10000);
    opacity: 1;
    filter: alpha(opacity=100);
}

.mcontent .header-17 .navbar .nav > li {
    margin-left: 24px;
}

.mcontent .header-17 .navbar .nav > li:first-child {
    margin-left: 0;
}

.mcontent .header-17 .navbar .nav > li > a {
    padding: 42px 0 24px;
    font-size: 14px;
    font-weight: normal;
    color: #777777;
    font-weight: 500;
    color: #95a5a6;
}

.mcontent .header-17 .navbar .nav > li > a:hover,
.mcontent .header-17 .navbar .nav > li > a:focus,
.mcontent .header-17 .navbar .nav > li > a.active {
    color: #1abc9c;
}

.mcontent .header-17 .navbar .nav > li.active > a {
    color: #1abc9c;
}

.mcontent .header-17 .navbar .nav > li.active > a:hover,
.mcontent .header-17 .navbar .nav > li.active > a:focus,
.mcontent .header-17 .navbar .nav > li.active > a.active {
    color: #1abc9c;
}

.mcontent .header-17 .navbar .navbar-toggle {
    background-image: url("../../../assets/common-files/icons/menu-icon-header-17.png");
    margin-top: 34px;
}

.mcontent .header-17-sub {
    position: relative !important;
    padding-top: 105px;
    padding-bottom: 105px;
    color: #777777;
}

.mcontent .header-17-sub.v-center,
.mcontent .header-17-sub .v-center {
    display: table;
    width: 100%;
}

.mcontent .header-17-sub.v-center > div,
.mcontent .header-17-sub .v-center > div {
    display: table-cell;
    vertical-align: middle;
    margin-top: 0;
    margin-bottom: 0;
    float: none;
}

@media (min-width: 768px) {
    .mcontent .header-17-sub.v-center.row:before,
    .mcontent .header-17-sub .v-center.row:before,
    .mcontent .header-17-sub.v-center.row:after,
    .mcontent .header-17-sub .v-center.row:after {
        display: none;
    }
}

@media (max-width: 767px) {
    .mcontent .header-17-sub.v-center,
    .mcontent .header-17-sub .v-center {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding-left: 5px;
        padding-right: 5px;
    }

    .mcontent .header-17-sub.v-center.row,
    .mcontent .header-17-sub .v-center.row {
        display: block;
        width: auto;
    }

    .mcontent .header-17-sub.v-center.row:before,
    .mcontent .header-17-sub .v-center.row:before,
    .mcontent .header-17-sub.v-center.row:after,
    .mcontent .header-17-sub .v-center.row:after {
        display: none;
    }

    .mcontent .header-17-sub.v-center.row > *,
    .mcontent .header-17-sub .v-center.row > * {
        display: block;
        vertical-align: baseline;
    }
}

.mcontent .header-17-sub .row.v-center {
    width: auto;
}

.mcontent .header-17-sub .btn.btn-clear {
    font-size: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 15px 20px 16px;
    background: none;
    border: 2px solid #16a085;
}

.mcontent .header-17-sub .btn.btn-clear:hover,
.mcontent .header-17-sub .btn.btn-clear:focus {
    border-color: #009c84;
    background: #009c84;
}

.mcontent .header-17-sub .btn.btn-clear:active,
.mcontent .header-17-sub .btn.btn-clear.active {
    border-color: #138871;
    background: #138871;
    color: rgba(255, 255, 255, 0.75);
}

.mcontent .header-17-sub .btn.btn-clear [class*="fui-"] {
    font-size: 30px;
    font-weight: normal;
    color: inherit;
    margin: -2px 15px 0 0;
}

@media (max-width: 480px) {
    .mcontent .header-17-sub .btn.btn-clear {
        font-size: 18px;
        font-weight: normal;
        color: #ffffff;
        display: block;
    }

    .mcontent .header-17-sub .btn.btn-clear [class*="fui-"] {
        float: left;
    }
}

.mcontent .header-17-sub h3 {
    margin: 0 0 10px;
}

.mcontent .header-17-sub .hero-unit {
    margin: 0 0 28px;
    padding: 0;
    background: transparent;
}

.mcontent .header-17-sub .hero-unit h1 {
    margin: 0;
    font-size: 39px;
    font-weight: normal;
    color: #ffffff;
    line-height: 49px;
    font-weight: 500;
    letter-spacing: 0;
}

.mcontent .header-17-sub .hero-unit p {
    font-size: 28px;
    font-weight: normal;
    color: #ffffff;
    font-family: "Lato", "Neue Helvetica Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 300;
}

@media (max-width: 480px) {
    .mcontent .header-17-sub .hero-unit {
        text-align: left;
        margin: 0 0 33px;
    }

    .mcontent .header-17-sub .hero-unit h1 {
        margin: 0 0 23px;
        font-size: 25px;
        font-weight: normal;
        color: #ffffff;
        line-height: 32px;
    }

    .mcontent .header-17-sub .hero-unit p {
        font-size: 17px;
        font-weight: normal;
        color: #777777;
        line-height: 23.000000000000004px;
    }
}

.mcontent .header-17-sub .hero-unit,
.mcontent .header-17-sub big,
.mcontent .header-17-sub h1,
.mcontent .header-17-sub .h1,
.mcontent .header-17-sub h2,
.mcontent .header-17-sub .h2,
.mcontent .header-17-sub h3,
.mcontent .header-17-sub .h3,
.mcontent .header-17-sub h4,
.mcontent .header-17-sub .h4,
.mcontent .header-17-sub h5,
.mcontent .header-17-sub .h5,
.mcontent .header-17-sub h6,
.mcontent .header-17-sub .h6 {
    color: white;
}

.mcontent .header-17-sub .btn.btn-clear {
    color: #1abc9c;
}

.mcontent .header-17-sub .btn.btn-clear:hover,
.mcontent .header-17-sub .btn.btn-clear:focus {
    color: white;
}

.mcontent .header-17-sub .btn.btn-clear:active,
.mcontent .header-17-sub .btn.btn-clear.active {
    color: rgba(255, 255, 255, 0.75);
}

.mcontent .header-17-sub big {
    font-size: 22px;
    font-weight: normal;
    color: #ffffff;
    font-family: "Lato", "Neue Helvetica Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
    line-height: 32px;
}

.mcontent .header-17-sub h6 {
    font-size: 18px;
    font-weight: normal;
    color: #ffffff;
    font-weight: 500;
    text-transform: none;
}

.mcontent .header-17-sub .pt-perspective {
    position: relative;
    height: 100%;
    -webkit-perspective: 1200px;
    -moz-perspective: 1200px;
    perspective: 1200px;
}

.mcontent .header-17-sub .pt-page {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    visibility: hidden;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.mcontent .header-17-sub .pt-page-current,
.mcontent .header-17-sub .no-js .pt-page {
    visibility: visible;
    z-index: 1;
}

.mcontent .header-17-sub .pt-page-ontop {
    z-index: 999;
}

.mcontent .header-17-sub .page-transitions {
    margin: 85px 0 100px;
}

.mcontent .header-17-sub .page-transitions .col-sm-3 {
    text-align: left;
}

.mcontent .header-17-sub .pt-controls {
    position: absolute;
    bottom: -100px;
    left: 0;
    right: 0;
    text-align: center;
}

.mcontent .header-17-sub .pt-controls .pt-indicators {
    list-style: none;
    margin: 0;
    padding: 0;
}

.mcontent .header-17-sub .pt-controls .pt-indicators li {
    line-height: 18px;
    display: inline-block;
    width: 9px;
    height: 9px;
    text-indent: -999px;
    background-color: rgba(127, 140, 141, 0.3);
    border-radius: 50%;
    cursor: pointer;
}

.mcontent .header-17-sub .pt-controls .pt-indicators li + li {
    margin-left: 10px;
}

.mcontent .header-17-sub .pt-controls .pt-indicators li.active {
    background-color: #1abc9c;
}

@media (max-width: 767px) {
    .mcontent .header-17-sub .page-transitions .col-sm-3 {
        text-align: center;
    }

    .mcontent .header-17-sub .page-transitions .col-sm-6 {
        margin: 40px 0;
    }
}

@media (max-width: 480px) {
    .mcontent .header-17-sub {
        padding-top: 65px;
        padding-bottom: 65px;
    }
}

.mcontent .header-18 {
    height: 100%;
}

.mcontent .header-18 .pt-controls {
    display: table;
    width: 100%;
    height: 100%;
    vertical-align: middle;
}

.mcontent .header-18 .pt-controls > div {
    display: table-cell;
    vertical-align: middle;
}

.mcontent .header-18 .pt-controls > div > * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    position: relative;
    z-index: 9999;
    height: 41px;
    width: 35px;
    float: left;
    margin-left: 30px;
    font-size: 18px;
    font-weight: normal;
    color: #ffffff;
    line-height: 38px;
    text-align: center;
    overflow: hidden;
    background: rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    opacity: 0;
    filter: alpha(opacity=0);
}

.loaded .mcontent .header-18 .pt-controls > div > * {
    opacity: 100;
    filter: alpha(opacity=10000);
    opacity: 1;
    filter: alpha(opacity=100);
}

.mcontent .header-18 .pt-controls > div > *:hover,
.mcontent .header-18 .pt-controls > div > *:focus {
    background: rgba(0, 0, 0, 0.4);
}

.mcontent .header-18 .pt-controls > div > *:active {
    background: rgba(0, 0, 0, 0.6);
}

@media (max-width: 767px) {
    .mcontent .header-18 .pt-controls > div > * {
        margin-left: 20px;
    }
}

.mcontent .header-18 .pt-controls > div > *.pt-control-next {
    float: right;
    margin-right: 30px;
}

@media (max-width: 767px) {
    .mcontent .header-18 .pt-controls > div > *.pt-control-next {
        margin-right: 20px;
    }
}

.mcontent .header-18 .page-transitions.pt-first + .pt-controls .pt-control-prev {
    opacity: 0;
    filter: alpha(opacity=0);
    width: 0;
}

.mcontent .header-18 .page-transitions.pt-last + .pt-controls .pt-control-next {
    opacity: 0;
    filter: alpha(opacity=0);
    width: 0;
}

.mcontent .header-18 .header-18-sub {
    position: relative;
    color: white;
}

.mcontent .header-18 .header-18-sub.v-center,
.mcontent .header-18 .header-18-sub .v-center {
    display: table;
    width: 100%;
}

.mcontent .header-18 .header-18-sub.v-center > div,
.mcontent .header-18 .header-18-sub .v-center > div {
    display: table-cell;
    vertical-align: middle;
    margin-top: 0;
    margin-bottom: 0;
    float: none;
}

@media (min-width: 768px) {
    .mcontent .header-18 .header-18-sub.v-center.row:before,
    .mcontent .header-18 .header-18-sub .v-center.row:before,
    .mcontent .header-18 .header-18-sub.v-center.row:after,
    .mcontent .header-18 .header-18-sub .v-center.row:after {
        display: none;
    }
}

@media (max-width: 767px) {
    .mcontent .header-18 .header-18-sub.v-center,
    .mcontent .header-18 .header-18-sub .v-center {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding-left: 5px;
        padding-right: 5px;
    }

    .mcontent .header-18 .header-18-sub.v-center.row,
    .mcontent .header-18 .header-18-sub .v-center.row {
        display: block;
        width: auto;
    }

    .mcontent .header-18 .header-18-sub.v-center.row:before,
    .mcontent .header-18 .header-18-sub .v-center.row:before,
    .mcontent .header-18 .header-18-sub.v-center.row:after,
    .mcontent .header-18 .header-18-sub .v-center.row:after {
        display: none;
    }

    .mcontent .header-18 .header-18-sub.v-center.row > *,
    .mcontent .header-18 .header-18-sub .v-center.row > * {
        display: block;
        vertical-align: baseline;
    }
}

.mcontent .header-18 .header-18-sub h1,
.mcontent .header-18 .header-18-sub .h1,
.mcontent .header-18 .header-18-sub h2,
.mcontent .header-18 .header-18-sub .h2,
.mcontent .header-18 .header-18-sub h3,
.mcontent .header-18 .header-18-sub .h3,
.mcontent .header-18 .header-18-sub h4,
.mcontent .header-18 .header-18-sub .h4,
.mcontent .header-18 .header-18-sub h5,
.mcontent .header-18 .header-18-sub .h5,
.mcontent .header-18 .header-18-sub h6,
.mcontent .header-18 .header-18-sub .h6 {
    font-family: "Lato", "Neue Helvetica Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.mcontent .header-18 .header-18-sub header {
    position: absolute;
    top: 111px;
    left: 0;
    right: 0;
    padding-top: 0;
    padding-bottom: 0;
}

@media (max-width: 767px) {
    .mcontent .header-18 .header-18-sub header {
        top: 50px;
    }
}

.mcontent .header-18 .header-18-sub.pt-perspective {
    position: relative;
    height: 100%;
    overflow: hidden;
    -webkit-perspective: 1200px;
    -moz-perspective: 1200px;
    perspective: 1200px;
}

.mcontent .header-18 .header-18-sub .pt-page {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    visibility: hidden;
    overflow: auto;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.mcontent .header-18 .header-18-sub .pt-page-current,
.mcontent .header-18 .header-18-sub .no-js .pt-page {
    visibility: visible;
    z-index: 1;
}

.mcontent .header-18 .header-18-sub .pt-page-ontop {
    z-index: 999;
}

.mcontent .header-18 .header-18-sub .header-18-section {
    min-height: 800px;
    display: table;
    width: 100%;
    height: 100% !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.mcontent .header-18 .header-18-sub .header-18-section .t-row {
    display: table-row;
    height: 100%;
}

.mcontent .header-18 .header-18-sub .header-18-section .t-row > div {
    padding-left: 20px;
    padding-right: 20px;
    display: table-cell;
    vertical-align: middle;
    padding-top: 170px;
    padding-bottom: 25px;
    position: relative;
}

.mcontent .header-18 .header-18-sub .header-18-section .t-row.footer {
    height: 61px;
    vertical-align: bottom;
}

@media (max-width: 767px) {
    .mcontent .header-18 .header-18-sub .header-18-section .t-row.footer {
        height: auto;
    }
}

.mcontent .header-18 .header-18-sub .header-18-section .t-row.footer footer {
    padding: 15px 0;
    display: table-cell;
    vertical-align: middle;
    text-align: right;
    font-size: 16px;
    font-weight: normal;
    color: #ffffff;
}

.mcontent .header-18 .header-18-sub .header-18-section .t-row.footer footer .btns {
    display: inline-block;
    margin-left: 25px;
}

.mcontent .header-18 .header-18-sub .header-18-section .t-row.footer footer .btns .btn {
    margin-left: 10px;
    padding-left: 20px;
    padding-right: 20px;
}

.mcontent .header-18 .header-18-sub .header-18-section .t-row.footer footer .btns .btn:first-child {
    margin-left: 0;
}

@media (max-width: 767px) {
    .mcontent .header-18 .header-18-sub .header-18-section .t-row.footer footer {
        text-align: center;
    }

    .mcontent .header-18 .header-18-sub .header-18-section .t-row.footer footer .btns {
        display: block;
        margin: 10px auto 0;
    }
}

@media (max-width: 480px) {
    .mcontent .header-18 .header-18-sub .header-18-section .t-row.footer footer {
        padding-top: 45px;
        padding-bottom: 45px;
    }

    .mcontent .header-18 .header-18-sub .header-18-section .t-row.footer footer .btns {
        margin: 26px auto 0;
    }

    .mcontent .header-18 .header-18-sub .header-18-section .t-row.footer footer .btns .btn {
        margin: 0 15px;
        display: block;
    }

    .mcontent .header-18 .header-18-sub .header-18-section .t-row.footer footer .btns .btn:first-child {
        margin-left: 15px;
    }

    .mcontent .header-18 .header-18-sub .header-18-section .t-row.footer footer .btns .btn + .btn {
        margin-top: 9px;
    }
}

.mcontent .header-18 .header-18-sub .header-18-section .col-sm-5 {
    position: relative;
    -webkit-transition: .5s left, 1.2s opacity;
    -moz-transition: .5s left, 1.2s opacity;
    -o-transition: .5s left, 1.2s opacity;
    transition: .5s left, 1.2s opacity;
    left: -50%;
    opacity: 0;
    filter: alpha(opacity=0);
}

.loaded .mcontent .header-18 .header-18-sub .header-18-section .col-sm-5 {
    left: 0;
    opacity: 100;
    filter: alpha(opacity=10000);
    opacity: 1;
    filter: alpha(opacity=100);
}

.mcontent .header-18 .header-18-sub .header-18-section .col-sm-4 {
    position: relative;
    -webkit-transition: .5s left, 1.2s opacity;
    -moz-transition: .5s left, 1.2s opacity;
    -o-transition: .5s left, 1.2s opacity;
    transition: .5s left, 1.2s opacity;
    left: 50%;
    opacity: 0;
    filter: alpha(opacity=0);
}

.loaded .mcontent .header-18 .header-18-sub .header-18-section .col-sm-4 {
    left: 0;
    opacity: 100;
    filter: alpha(opacity=10000);
    opacity: 1;
    filter: alpha(opacity=100);
}

.mcontent .header-18 .header-18-sub .header-18-section .phone-img {
    width: 50% !important;
}

.mcontent .header-18 .header-18-sub .header-18-section .img {
    display: inline-block;
    position: relative;
}

.mcontent .header-18 .header-18-sub .header-18-section .img img:first-child {
    visibility: hidden;
}

.mcontent .header-18 .header-18-sub .header-18-section .img img {
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}

.mcontent .header-18 .header-18-sub .header-18-section .img img[src*="/browser1@2x"] {
    position: absolute;
    width: 80%;
    bottom: 0;
    left: 0;
}

.mcontent .header-18 .header-18-sub .header-18-section .img img[src*="/iphone@2x"] {
    position: absolute;
    width: 48%;
    top: 0;
    right: 0;
}

.mcontent .header-18 .header-18-sub .header-18-section .img:hover img[src*="/browser1@2x"] {
    bottom: 15%;
    left: 20%;
}

.mcontent .header-18 .header-18-sub .header-18-section .img:hover img[src*="/iphone@2x"] {
    top: 12%;
    right: 52%;
}

.mcontent .header-18 .header-18-sub .header-18-section h3 {
    font-size: 36px;
    font-weight: normal;
    color: #ffffff;
    margin: 0 0 30px;
}

.mcontent .header-18 .header-18-sub .header-18-section p {
    font-size: 17px;
    font-weight: normal;
    color: #ffffff;
    line-height: 33.3px;
}

.mcontent .header-18 .header-18-sub .bg-green-sea .btn.btn-primary {
    background-color: #1f7970;
}

.mcontent .header-18 .header-18-sub .bg-green-sea .btn.btn-primary:hover,
.mcontent .header-18 .header-18-sub .bg-green-sea .btn.btn-primary:focus {
    background-color: #203f4b;
}

.mcontent .header-18 .header-18-sub .bg-green-sea .btn.btn-primary:active,
.mcontent .header-18 .header-18-sub .bg-green-sea .btn.btn-primary.active {
    background-color: #1b3640;
}

.mcontent .header-18 .header-18-sub .additional-links {
    font-size: 12px;
    font-weight: normal;
    color: rgba(255, 255, 255, 0.3);
}

.mcontent .header-18 .header-18-sub .additional-links a {
    color: rgba(255, 255, 255, 0.3);
    text-decoration: underline;
}

.mcontent .header-18 .header-18-sub .additional-links a:hover,
.mcontent .header-18 .header-18-sub .additional-links a:focus,
.mcontent .header-18 .header-18-sub .additional-links a.active {
    color: #ffffff;
}

.mcontent .header-19 {
    padding-top: 0;
    padding-bottom: 0;
    z-index: 100;
    position: relative;
}

.mcontent .header-19 .navbar {
    position: absolute;
    z-index: 2;
    top: 100px;
    font-family: "Lato", "Neue Helvetica Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
    opacity: 0;
    filter: alpha(opacity=0);
}

.mcontent .header-19 .navbar.navbar-fixed-top {
    position: fixed;
}

.loaded .mcontent .header-19 .navbar {
    opacity: 100;
    filter: alpha(opacity=10000);
    opacity: 1;
    filter: alpha(opacity=100);
}

@media (max-width: 480px) {
    .mcontent .header-19 .navbar .brand > span {
        left: 0;
        opacity: 100;
        filter: alpha(opacity=10000);
        opacity: 1;
        filter: alpha(opacity=100);
    }
}

@media (max-width: 767px) {
    .mcontent .header-19 .navbar {
        top: 90px;
    }
}

.mcontent .header-19 .navbar .brand {
    font-weight: 500;
    font-size: 25px;
    font-weight: normal;
    color: #34495e;
    position: relative;
    overflow: hidden;
}

.mcontent .header-19 .navbar .brand img:first-child {
    float: left;
    margin: -10px 15px 0 0;
    position: relative;
    z-index: 2;
    border: 1px solid #e74c3c;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #e74c3c;
}

.mcontent .header-19 .navbar .brand > span {
    position: relative;
    z-index: 1;
    left: -100%;
    opacity: 0;
    filter: alpha(opacity=0);
}

.mcontent .header-19 .navbar .brand:hover > span,
.mcontent .header-19 .navbar .brand:focus > span {
    left: 0;
    opacity: 100;
    filter: alpha(opacity=10000);
    opacity: 1;
    filter: alpha(opacity=100);
}

.mcontent .header-19 .navbar .navbar-header {
    float: none;
}

.mcontent .header-19 .navbar .navbar-toggle {
    display: block;
    background-image: url("../../../assets/common-files/icons/menu-icon-dark.png");
    margin-top: 26px;
}

.mcontent .header-19-sub {
    padding: 350px 0px 150px;
    overflow: hidden;
    position: relative;
}

@media (max-width: 767px) {
    .mcontent .header-19-sub {
        padding-top: 255px;
    }
}

.mcontent .header-19-sub > img {
    position: absolute;
    right: 0;
    bottom: 0;
    max-width: none;
    height: 70%;
}

.mcontent .header-19-sub > .container {
    position: relative;
}

.mcontent .header-19-sub h1 {
    margin: 0 0 30px;
    font-size: 45px;
    font-weight: normal;
    color: #203082;
    font-weight: 300;
}

.mcontent .header-19-sub .btn {
    padding-left: 18px;
    padding-right: 18px;
}

.mcontent .header-19-sub .btns {
    margin-top: 50px;
}

.mcontent .header-19-sub .btns > * {
    display: inline-block;
    margin-left: 40px;
    vertical-align: middle;
}

.mcontent .header-19-sub .btns > *:first-child {
    margin-left: 0;
}

.mcontent .header-19-sub .btns .btn[class*="fui-"] {
    float: left;
    font-size: 26px;
    font-weight: normal;
    color: #ffffff;
    margin: 0 18px 0 0;
}

@media (min-width: 481px) {
    .mcontent .header-19-sub .btns > *:not(:first-child) {
        padding: 0;
        background: transparent;
        color: #1abc9c;
    }

    .mcontent .header-19-sub .btns > *:not(:first-child):hover,
    .mcontent .header-19-sub .btns > *:not(:first-child):focus {
        color: #48c9b0;
    }

    .mcontent .header-19-sub .btns > *:not(:first-child):active,
    .mcontent .header-19-sub .btns > *:not(:first-child).active {
        color: #16a085;
    }

    .mcontent .header-19-sub .btns > *:not(:first-child) [class*="fui-"] {
        font-size: 30px;
        font-weight: normal;
        color: #48c9b0;
        margin: 0;
    }

    .mcontent .header-19-sub .btns > *:not(:first-child) :not([class*="fui-"]) {
        display: none;
    }
}

@media (max-width: 480px) {
    .mcontent .header-19-sub .btns > * {
        display: block;
        margin: 0;
    }

    .mcontent .header-19-sub .btns > * + * {
        margin-top: 10px;
    }
}

.mcontent .header-19-sub .additional-links {
    margin-top: 30px;
    font-size: 12px;
    font-weight: normal;
    color: #95a5a6;
}

.mcontent .header-19-sub .additional-links a {
    text-decoration: underline;
}

.mcontent .header-19-sub > img {
    right: -100px;
    opacity: 0;
    filter: alpha(opacity=0);
}

.loaded .mcontent .header-19-sub > img {
    right: 0;
    opacity: 100;
    filter: alpha(opacity=10000);
    opacity: 1;
    filter: alpha(opacity=100);
}

.mcontent .header-19-sub .row {
    position: relative;
    left: -15%;
    opacity: 0;
    filter: alpha(opacity=0);
}

.loaded .mcontent .header-19-sub .row {
    left: 0;
    opacity: 100;
    filter: alpha(opacity=10000);
    opacity: 1;
    filter: alpha(opacity=100);
}

@media (max-width: 480px) {
    .mcontent .header-19-sub {
        padding-top: 255px;
        padding-bottom: 100px;
    }

    .mcontent .header-19-sub h1 {
        font-size: 35px;
        font-weight: normal;
        color: #203082;
    }
}

.mcontent .header-20-startup-antiflicker {
    border-bottom: 2px solid #ECF0F1;
}

.mcontent .header-20 {
    padding-top: 0;
    padding-bottom: 0;
    z-index: 100;
    width: 100%;
    height: 100px;
}

.mcontent .header-20 .header-background {
    background: #fff;
    border-bottom: 2px solid #ecf0f1;
}

.mcontent .header-20 .navbar {
    margin-top: 10px;
    font-family: "Lato", "Neue Helvetica Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.mcontent .header-20 .navbar.navbar-fixed-top {
    top: 0 !important;
}

.mcontent .header-20 .navbar .brand {
    font-weight: 500;
    color: #203082 !important;
}

.mcontent .header-20 .navbar .brand img:first-child {
    float: left;
    margin: -10px 15px 0 0;
}

.mcontent .header-20 .navbar .nav > li {
    margin-left: 40px;
}

.mcontent .header-20 .navbar .nav > li:first-child {
    margin-left: 0;
}

.mcontent .header-20 .navbar .nav > li > a {
    padding: 28px 0 27px;
    font-size: 18px;
    font-weight: normal;
    font-weight: 500;
    color: #bdc3c7;
}

.mcontent .header-20 .navbar .nav > li > a:hover,
.mcontent .header-20 .navbar .nav > li > a:focus,
.mcontent .header-20 .navbar .nav > li > a.active {
    color: #3498db;
}

.mcontent .header-20 .navbar .nav > li.active > a {
    color: #3498db;
}

.mcontent .header-20 .navbar .nav > li.active > a:hover,
.mcontent .header-20 .navbar .nav > li.active > a:focus,
.mcontent .header-20 .navbar .nav > li.active > a.active {
    color: #3498db;
}

.mcontent .header-20 .navbar .navbar-toggle {
    background-image: url("../../../assets/common-files/icons/menu-icon-header-17.png");
}

.mcontent .header-20-sub {
    position: relative;
    border-top: 0;
    padding-top: 180px;
    padding-bottom: 80px;
}

.mcontent .header-20-sub h3 {
    font-size: 30px;
    font-weight: normal;
    color: #203082;
    font-family: "Lato", "Neue Helvetica Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 300;
    letter-spacing: -1px;
    margin-bottom: 30px;
}

.mcontent .header-20-sub p {
    font-size: 18px;
    font-weight: normal;
    color: #777777;
    font-family: "Lato", "Neue Helvetica Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin-bottom: 30px;
}

.mcontent .header-20-sub .btn {
    padding-left: 30px;
    padding-right: 30px;
}

@media (max-width: 767px) {
    .mcontent .header-20-sub .pull-right {
        text-align: center;
        margin-bottom: 48px;
        float: none !important;
    }
}

.mcontent .header-20-sub .img-wrapper {
    display: inline-block;
    position: relative;
}

.mcontent .header-20-sub .img-wrapper > img {
    position: absolute;
    top: -27%;
    left: -52%;
    width: 111%;
}

.mcontent .header-20-sub .img {
    display: inline-block;
    position: relative;
}

.mcontent .header-20-sub .img img:first-child {
    visibility: hidden;
}

.mcontent .header-20-sub .img img {
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}

.mcontent .header-20-sub .img img[src*="/browser1@2x"] {
    position: absolute;
    width: 80%;
    bottom: 0;
    left: 0;
}

.mcontent .header-20-sub .img img[src*="/iphone@2x"] {
    position: absolute;
    width: 48%;
    top: 0;
    right: 0;
}

.mcontent .header-20-sub .img:hover img[src*="/browser1@2x"] {
    bottom: 15%;
    left: 20%;
}

.mcontent .header-20-sub .img:hover img[src*="/iphone@2x"] {
    top: 12%;
    right: 52%;
}

.mcontent .header-20-sub .col-sm-4.col-sm-offset-1 {
    opacity: 0;
    filter: alpha(opacity=0);
}

.loaded .mcontent .header-20-sub .col-sm-4.col-sm-offset-1 {
    -webkit-transition: 1.5s opacity;
    -moz-transition: 1.5s opacity;
    -o-transition: 1.5s opacity;
    transition: 1.5s opacity;
    opacity: 100;
    filter: alpha(opacity=10000);
    opacity: 1;
    filter: alpha(opacity=100);
}

.mcontent .header-20-sub .col-sm-4.col-sm-offset-2 {
    opacity: 0;
    filter: alpha(opacity=0);
}

.loaded .mcontent .header-20-sub .col-sm-4.col-sm-offset-2 {
    -webkit-transition: 1.5s .8s opacity;
    -moz-transition: 1.5s .8s opacity;
    -o-transition: 1.5s .8s opacity;
    transition: 1.5s .8s opacity;
    opacity: 100;
    filter: alpha(opacity=10000);
    opacity: 1;
    filter: alpha(opacity=100);
}

@media (max-width: 480px) {
    .mcontent .header-20-sub {
        padding-top: 150px;
    }
}

.mcontent .header-20-sub .videos {
    margin-top: 150px;
}

@media (max-width: 767px) {
    .mcontent .header-20-sub .videos {
        margin-top: 75px;
    }
}

.mcontent .header-20-sub .videos .video-box {
    float: left;
    width: 33%;
}

@media (max-width: 767px) {
    .mcontent .header-20-sub .videos .video-box {
        text-align: center;
    }
}

.mcontent .header-20-sub .videos .video-box > * {
    display: inline-block;
    vertical-align: middle;
}

.mcontent .header-20-sub .videos .player {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    position: relative;
    overflow: hidden;
    width: 100px;
    height: 70px;
    margin: 0 20px 0 0;
    background: #ecf0f1;
}

@media (max-width: 767px) {
    .mcontent .header-20-sub .videos .player {
        margin: 0 0 10px 0;
    }
}

.mcontent .header-20-sub .videos .player .btn-play {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 34px;
    height: 34px;
    margin: -17px 0 0 -17px;
    padding: 2px 0 0 4px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 4px solid #fff;
    font-size: 10px;
    color: #fff;
    background: #bdc3c7;
}

.mcontent .header-20-sub .videos .player .btn-play:hover,
.mcontent .header-20-sub .videos .player .btn-play:focus {
    background-color: transparent;
    border-color: #3498db;
    color: #3498db;
}

.mcontent .header-20-sub .videos .video-box.active .player {
    background: #3498db;
}

.mcontent .header-20-sub .videos .video-box.active .player .btn-play {
    background-color: #3498db;
}

.mcontent .header-20-sub .videos .video-box.active .player .btn-play:hover,
.mcontent .header-20-sub .videos .video-box.active .player .btn-play:focus {
    background-color: #5dade2;
}

.mcontent .header-20-sub .videos .video-box.active .player .btn-play:active,
.mcontent .header-20-sub .videos .video-box.active .player .btn-play.active {
    background-color: #2c81ba;
}

.mcontent .header-20-sub .videos .video-box.active .player .btn-play:hover,
.mcontent .header-20-sub .videos .video-box.active .player .btn-play:focus {
    background-color: #5dade2;
    border-color: white;
    color: white;
}

.mcontent .header-20-sub .videos .description {
    font-size: 16px;
    font-weight: normal;
    color: #34495e;
    font-weight: 500;
}

@media (max-width: 767px) {
    .mcontent .header-20-sub .videos .description {
        display: block;
    }
}

@media (max-width: 480px) {
    .mcontent .header-20-sub .videos .video-box {
        float: none;
        width: auto;
        text-align: left;
    }

    .mcontent .header-20-sub .videos .video-box > * {
        display: inline-block;
    }

    .mcontent .header-20-sub .videos .player {
        margin: 0 26px 20px 0;
    }

    .mcontent .header-20-sub .videos .description {
        margin-top: -20px;
    }
}

.mcontent .header-21 {
    position: relative;
    padding-top: 0;
    padding-bottom: 0;
    z-index: 100;
    width: 100%;
}

.mcontent .header-21 .navbar {
    margin-top: 107px;
    font-family: "Lato", "Neue Helvetica Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.mcontent .header-21 .navbar.navbar-fixed-top {
    position: fixed;
    margin-top: 0;
}

@media (max-width: 991px) {
    .mcontent .header-21 .navbar {
        margin: 30px 0 0;
    }
}

@media (max-width: 480px) {
    .mcontent .header-21 .navbar {
        margin: -5px 0 0;
    }
}

.mcontent .header-21 .navbar .navbar-form {
    padding: 18px 0 0 20px;
    position: relative;
}

.mcontent .header-21 .navbar .btn {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 7px 26px 8px;
    background: none;
    border: 2px solid #e74c3c;
    color: #e74c3c;
}

.mcontent .header-21 .navbar .btn:hover,
.mcontent .header-21 .navbar .btn:focus {
    background: #e74c3c;
    color: white;
}

.mcontent .header-21 .navbar .btn:active,
.mcontent .header-21 .navbar .btn.active {
    border-color: #c44133;
    background: #c44133;
    color: white;
}

.mcontent .header-21 .navbar .brand {
    padding-top: 18px;
    padding-bottom: 0;
    font-size: 25px;
    font-weight: normal;
    color: #e74c3c;
    font-weight: 800;
}

.mcontent .header-21 .navbar .brand img:first-child {
    float: left;
    margin: -10px 15px 0 0;
}

@media (min-width: 992px) {
    .mcontent .header-21 .navbar .nav {
        position: absolute;
        width: 100%;
        height: 0;
        overflow: visible;
        text-align: center;
    }

    .mcontent .header-21 .navbar .nav > li {
        float: none;
        display: inline-block;
    }
}

.mcontent .header-21 .navbar .nav > li > a {
    padding: 30px 10px 0;
    font-size: 13px;
    font-weight: normal;
    font-family: "Lato", "Neue Helvetica Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 500;
    letter-spacing: 2px;
    color: #bdc3c7;
}

.mcontent .header-21 .navbar .nav > li > a:hover,
.mcontent .header-21 .navbar .nav > li > a:focus,
.mcontent .header-21 .navbar .nav > li > a.active {
    color: #e74c3c;
}

.mcontent .header-21 .navbar .nav > li.active > a {
    color: #e74c3c;
}

.mcontent .header-21 .navbar .nav > li.active > a:hover,
.mcontent .header-21 .navbar .nav > li.active > a:focus,
.mcontent .header-21 .navbar .nav > li.active > a.active {
    color: #e74c3c;
}

.mcontent .header-21 .navbar .navbar-toggle {
    background-image: url("../../../assets/common-files/icons/menu-icon-header-21.png");
    margin-top: 22px;
}

.mcontent .header-21 .navbar .navbar-header {
    position: relative;
    z-index: 2;
}

.mcontent .header-21-sub {
    position: relative;
    z-index: 50;
    background: #fff;
    padding-top: 20px;
    padding-bottom: 135px;
}

.mcontent .header-21-sub.v-center,
.mcontent .header-21-sub .v-center {
    display: table;
    width: 100%;
}

.mcontent .header-21-sub.v-center > div,
.mcontent .header-21-sub .v-center > div {
    display: table-cell;
    vertical-align: middle;
    margin-top: 0;
    margin-bottom: 0;
    float: none;
}

@media (min-width: 768px) {
    .mcontent .header-21-sub.v-center.row:before,
    .mcontent .header-21-sub .v-center.row:before,
    .mcontent .header-21-sub.v-center.row:after,
    .mcontent .header-21-sub .v-center.row:after {
        display: none;
    }
}

@media (max-width: 767px) {
    .mcontent .header-21-sub.v-center,
    .mcontent .header-21-sub .v-center {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding-left: 5px;
        padding-right: 5px;
    }

    .mcontent .header-21-sub.v-center.row,
    .mcontent .header-21-sub .v-center.row {
        display: block;
        width: auto;
    }

    .mcontent .header-21-sub.v-center.row:before,
    .mcontent .header-21-sub .v-center.row:before,
    .mcontent .header-21-sub.v-center.row:after,
    .mcontent .header-21-sub .v-center.row:after {
        display: none;
    }

    .mcontent .header-21-sub.v-center.row > *,
    .mcontent .header-21-sub .v-center.row > * {
        display: block;
        vertical-align: baseline;
    }
}

.mcontent .header-21-sub h3 {
    text-align: center;
    font-size: 35px;
    font-weight: normal;
    color: #203082;
}

.mcontent .header-21-sub h3 img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 35px;
    width: 100px;
    height: 100px;
}

.mcontent .header-21-sub p {
    font-size: 16px;
    font-weight: normal;
    color: #bdc3c7;
    line-height: 28.8px;
    font-weight: 300;
}

.mcontent .header-21-sub .lead {
    text-align: center;
    font-size: 25px;
    font-weight: normal;
    color: #bdc3c7;
    font-family: "Lato", "Neue Helvetica Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 300;
}

.mcontent .header-21-sub .control-btn {
    width: 53px;
    height: 53px;
    line-height: 53px;
    margin: 0;
    padding: 0;
    border-radius: 50%;
    text-align: center;
    font-size: 18px;
    font-weight: normal;
    color: #bdc3c7;
    background: #ecf0f1;
    position: absolute;
    left: 50%;
    bottom: 130px;
    margin-left: -26.5px;
}

.mcontent .header-21-sub .control-btn:hover,
.mcontent .header-21-sub .control-btn:focus {
    color: white;
    background: #34495e;
}

.mcontent .header-21-sub .control-btn:active {
    color: #bdc3c7;
}

@media (max-width: 768px) {
    .mcontent .header-21-sub .control-btn {
        bottom: 80px;
    }
}

.mcontent .header-21-sub .lead {
    color: #bdc3c7;
}

.mcontent .header-22 {
    position: relative;
    z-index: 100;
    width: 100%;
    padding-top: 78px;
    padding-bottom: 0;
    height: 240px;
}

.mcontent .header-22 .header-background {
    background: #fff;
}

.mcontent .header-22 > [class*="fui-"] {
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    font-size: 24px;
    font-weight: normal;
    color: #e74c3c;
    position: relative;
    z-index: 2;
}

.mcontent .header-22 .navbar {
    font-family: "Lato", "Neue Helvetica Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 13px;
}

.mcontent .header-22 .navbar.navbar-fixed-top {
    top: 110px !important;
}

.mcontent .header-22 .navbar .brand {
    display: none;
    padding: 23px 28px 5px 0;
    font-size: 25px;
    font-weight: normal;
    color: #34495e;
    font-weight: 800;
}

.mcontent .header-22 .navbar .brand img:first-child {
    float: left;
    margin: -10px 15px 0 0;
}

@media (max-width: 991px) {
    .mcontent .header-22 .navbar .brand {
        display: block;
    }
}

@media (min-width: 992px) {
    .mcontent .header-22 .navbar .nav {
        width: 100%;
        text-align: center;
    }

    .mcontent .header-22 .navbar .nav > li {
        float: none;
        display: inline-block;
    }
}

.mcontent .header-22 .navbar .nav > li {
    margin-left: 40px;
}

.mcontent .header-22 .navbar .nav > li:first-child {
    margin-left: 0;
}

.mcontent .header-22 .navbar .nav > li > a {
    padding: 40px 0;
    font-size: 13px;
    font-weight: normal;
    font-weight: 500;
    letter-spacing: 1px;
    color: #bdc3c7;
}

.mcontent .header-22 .navbar .nav > li > a:hover,
.mcontent .header-22 .navbar .nav > li > a:focus,
.mcontent .header-22 .navbar .nav > li > a.active {
    color: #979c9f;
}

.mcontent .header-22 .navbar .navbar-toggle {
    background-image: url("../../../assets/common-files/icons/menu-icon-dark.png");
    margin-top: 26px;
}

.mcontent .header-22-sub {
    position: relative;
    padding-top: 190px;
}

.mcontent .header-22-sub.v-center,
.mcontent .header-22-sub .v-center {
    display: table;
    width: 100%;
}

.mcontent .header-22-sub.v-center > div,
.mcontent .header-22-sub .v-center > div {
    display: table-cell;
    vertical-align: middle;
    margin-top: 0;
    margin-bottom: 0;
    float: none;
}

@media (min-width: 768px) {
    .mcontent .header-22-sub.v-center.row:before,
    .mcontent .header-22-sub .v-center.row:before,
    .mcontent .header-22-sub.v-center.row:after,
    .mcontent .header-22-sub .v-center.row:after {
        display: none;
    }
}

@media (max-width: 767px) {
    .mcontent .header-22-sub.v-center,
    .mcontent .header-22-sub .v-center {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding-left: 5px;
        padding-right: 5px;
    }

    .mcontent .header-22-sub.v-center.row,
    .mcontent .header-22-sub .v-center.row {
        display: block;
        width: auto;
    }

    .mcontent .header-22-sub.v-center.row:before,
    .mcontent .header-22-sub .v-center.row:before,
    .mcontent .header-22-sub.v-center.row:after,
    .mcontent .header-22-sub .v-center.row:after {
        display: none;
    }

    .mcontent .header-22-sub.v-center.row > *,
    .mcontent .header-22-sub .v-center.row > * {
        display: block;
        vertical-align: baseline;
    }
}

.mcontent .header-22-sub h3 {
    margin-bottom: 68px;
    font-size: 37px;
    font-weight: normal;
    color: #34495e;
    font-weight: 300;
    text-align: center;
    line-height: 50px;
}

@media (max-width: 767px) {
    .mcontent .header-22-sub h3 {
        font-size: 30px;
        font-weight: normal;
        color: #203082;
        font-weight: 300;
        text-align: center;
    }
}

.mcontent .header-22-sub .container {
    opacity: 0;
    filter: alpha(opacity=0);
}

.loaded .mcontent .header-22-sub .container {
    -webkit-transition: 1.2s opacity;
    -moz-transition: 1.2s opacity;
    -o-transition: 1.2s opacity;
    transition: 1.2s opacity;
    opacity: 100;
    filter: alpha(opacity=10000);
    opacity: 1;
    filter: alpha(opacity=100);
}

@media (max-width: 480px) {
    .mcontent .header-22-sub {
        padding-top: 50px;
    }

    .mcontent .header-22-sub h3 {
        font-size: 30px;
        font-weight: normal;
        color: #34495e;
        font-weight: 300;
        text-align: center;
        line-height: 50px;
        margin-bottom: 30px;
    }
}

.mcontent .header-23 {
    z-index: 100;
    left: 0;
    top: 0;
    width: 100%;
    padding-top: 0;
    padding-bottom: 0;
}

.mcontent .header-23 > .container {
    position: relative;
}

.mcontent .header-23 .navbar {
    position: absolute;
    z-index: 2;
    top: 60px;
    font-family: "Lato", "Neue Helvetica Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.mcontent .header-23 .navbar.navbar-fixed-top {
    position: fixed;
}

.mcontent .header-23 .navbar .brand {
    padding-left: 0;
    font-size: 25px;
    font-weight: normal;
    color: #ffffff;
    font-family: "Lato", "Neue Helvetica Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 800;
}

.mcontent .header-23 .navbar .nav > li {
    margin-left: 20px;
}

.mcontent .header-23 .navbar .nav > li:first-child {
    margin-left: 0;
}

.mcontent .header-23 .navbar .nav > li > a {
    padding: 31px 0 27px;
    font-size: 16px;
    font-weight: normal;
    font-weight: 500;
    letter-spacing: 1px;
    color: #ffffff;
}

.mcontent .header-23 .navbar .nav > li > a:hover,
.mcontent .header-23 .navbar .nav > li > a:focus,
.mcontent .header-23 .navbar .nav > li > a.active {
    color: #506e8c;
}

.mcontent .header-23 .navbar .nav > li.active > a {
    color: #506e8c;
}

.mcontent .header-23 .navbar .nav > li.active > a:hover,
.mcontent .header-23 .navbar .nav > li.active > a:focus,
.mcontent .header-23 .navbar .nav > li.active > a.active {
    color: #405870;
}

.mcontent .header-23 .navbar .navbar-toggle {
    margin-top: 28px;
}

.mcontent .header-23-sub {
    z-index: 50;
    left: 0;
    width: 100%;
    position: relative;
    padding-top: 360px;
    padding-bottom: 270px;
    color: white;
    text-align: center;
}

@media (max-width: 991px) {
    .mcontent .header-23-sub {
        padding-top: 260px;
        padding-bottom: 170px;
    }
}

.mcontent .header-23-sub .hero-unit {
    margin: 0;
    padding: 0;
    background: transparent;
    font-size: 30px;
    letter-spacing: -1px;
}

.mcontent .header-23-sub .hero-unit strong {
    font-size: 36px;
    font-weight: 800;
    letter-spacing: -2px;
}

@media (max-width: 991px) {
    .mcontent .header-23-sub .hero-unit strong {
        display: block;
    }
}

.mcontent .header-23-sub .hero-unit span {
    font-weight: 300;
}

@media (max-width: 991px) {
    .mcontent .header-23-sub .hero-unit span {
        display: block;
    }
}

.mcontent .header-23-sub .hero-unit .btn-play {
    display: inline-block;
    text-indent: -9999px;
    vertical-align: middle;
    overflow: hidden;
    width: 67px;
    height: 67px;
    margin: 0 50px;
    background: url("../../../assets/common-files/img/header/btn-play.png") no-repeat;
}

@media (max-width: 991px) {
    .mcontent .header-23-sub .hero-unit .btn-play {
        margin: 35px 0;
    }
}

.mcontent .header-23-sub .background {
    opacity: 10;
    filter: alpha(opacity=1000);
    opacity: 0.1;
    filter: alpha(opacity=10);
}

.mcontent .ribbon {
    display: block;
    position: relative;
    margin: 0;
    padding: 0 10px !important;
    background: #e74c3c;
    color: #fff;
    text-align: center;
    font-size: 14px;
    line-height: 24px;
}

.mcontent .ribbon:before,
.mcontent .ribbon:after {
    display: block;
    position: absolute;
    line-height: 0;
}

.mcontent .ribbon:before {
    content: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAgCAYAAADe+2JdAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAIcbAACL/wAA/RMAAIWJAACNJgAA5z0AADj/AAAeyY4zee8AAACLSURBVHja7M6xCcIAEAXQZwwpJI0W6V3AVgdwKrF3CWdwAhFcIjhDKiGCoDGxSVAxyQT5zcG94+5G+X4GS+zqOlEnxAKn72aTANs2aHCtIwGmfWjAAfsxhPIWeaSJVxaris98WN4i9/Nc9Rz/r32kSStA8Mri7oeqIsj7vj324QbXLrxghQN+TrwHABFIH/AzT59nAAAAAElFTkSuQmCC');
    left: -7px;
    bottom: 0;
}

.mcontent .ribbon:after {
    content: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAeCAYAAADkftS9AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAIcbAACL/wAA/RMAAIWJAACNJgAA5z0AADj/AAAeyY4zee8AAACMSURBVHja7MwxDoJAFIThf9fVAo2x4A5cwprKytPY2HoJS6/hCbwBoaKi0WxYoyYg+ywICQK9jdPNl/dG5Zu1AA44Azsg1TRZAlvgAkQttlkBhz4CxGO4GEP++Cs0yc2ilWI+NYRBwGyim0svwr2syApHWdff716E6/M13HxUbztAL3I0nW6BE7D/DADKLyXavmqdkAAAAABJRU5ErkJggg==');
    right: -5px;
    top: 0;
}

.mcontent .price-1 {
    padding-top: 110px;
    padding-bottom: 110px;
}

.mcontent .price-1 .plan {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 3px solid #EDF1F8;
    padding: 35px;
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    border-radius: 9px;
    text-align: left;
    color: #bdc3c7;
    font-size: 18px;
    font-weight: normal;
}

.mcontent .price-1 .plan > * {
    padding-left: 10px;
    padding-right: 10px;
}

.mcontent .price-1 .plan b {
    color: #777777;
}

.mcontent .price-1 .plan .title {
    color: #203082;
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 8px;
    padding:0 25px;
}

.mcontent .price-1 .plan .description {
    margin: 26px 0 0;
    padding-top: 22px;
    border-top: 2px solid #EDF1F8;
    line-height: 28px;
    font-weight: normal;
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    border-radius: 9px;
    padding:25px 25px 0;
}

.mcontent .price-1 .plan .description b {
    font-weight: 500;
}

.mcontent .price-1 .plan .btn {
    min-width: 170px;
}

.mcontent .price-1 .ribbon {
    position: absolute;
    right: -3px;
    top: 26px;
}

@media (max-width: 991px) {
    .mcontent .price-1 .ribbon {
        top: 4px;
    }
}

@media (max-width: 767px) {
    .mcontent .price-1 .ribbon {
        top: 26px;
    }
}

@media (max-width: 767px) {
    .mcontent .price-1 .plan {
        margin-top: 30px;
    }

    .mcontent .price-1 .col-sm-4:first-child .plan {
        margin-top: 0;
    }
}

.mcontent .price-2 {
    padding-top: 110px;
    padding-bottom: 110px;
}

.mcontent .price-2 .plans {
    display: table;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    border: 3px solid #e5e5e5;
    border-top: 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.mcontent .price-2 .plans .plan {
    display: table-cell;
    width: 33.33%;
    text-align: center;
}

.mcontent .price-2 .plans .plan .ribbon {
    position: absolute;
    right: -1px;
    top: 47px;
    z-index: 2;
}

@media (max-width: 991px) {
    .mcontent .price-2 .plans .plan .ribbon {
        top: 20px;
    }
}

@media (max-width: 767px) {
    .mcontent .price-2 .plans .plan .ribbon {
        top: 50px;
    }
}

.mcontent .price-2 .plans .title {
    padding: 55px 0 55px;
    background: #34495e;
    color: #fff;
    font-family: "Lato", "Neue Helvetica Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 500;
    font-size: 16px;
    letter-spacing: 2px;
    white-space: nowrap;
    position: relative;
}

.mcontent .price-2 .plans .title .price {
    margin: 10px 0 13px;
    font-size: 100px;
    font-weight: 500;
}

.mcontent .price-2 .plans .title .price .currency {
    font-size: 24px;
    vertical-align: top;
    position: relative;
    font-weight: 400;
    top: 26px;
    left: -10px;
    opacity: 50;
    filter: alpha(opacity=5000);
    opacity: 0.5;
    filter: alpha(opacity=50);
}

.mcontent .price-2 .plans .title .price .period {
    font-size: 12px;
    vertical-align: bottom;
    position: relative;
    top: -27px;
    left: 10px;
    opacity: 50;
    filter: alpha(opacity=5000);
    opacity: 0.5;
    filter: alpha(opacity=50);
}

.mcontent .price-2 .plans .title .btn.btn-clear {
    padding: 6px 12px;
    border: 2px solid #fff;
    color: #fff;
    font-size: 13px;
    background: transparent;
    opacity: 50;
    filter: alpha(opacity=5000);
    opacity: 0.5;
    filter: alpha(opacity=50);
    font-weight: 500;
}

.mcontent .price-2 .plans .title .btn.btn-clear:hover,
.mcontent .price-2 .plans .title .btn.btn-clear:focus {
    border-color: #fff;
    color: #fff;
    opacity: 100;
    filter: alpha(opacity=10000);
    opacity: 1;
    filter: alpha(opacity=100);
}

.mcontent .price-2 .plans .title .btn.btn-clear:active,
.mcontent .price-2 .plans .title .btn.btn-clear.active {
    border-color: #fff;
    color: #fff;
    opacity: 30;
    filter: alpha(opacity=3000);
    opacity: 0.3;
    filter: alpha(opacity=30);
}

.mcontent .price-2 .plans .plan:first-child .title {
    margin-left: -3px;
    -webkit-border-top-left-radius: 6px;
    -moz-border-radius-topleft: 6px;
    border-top-left-radius: 6px;
}

.mcontent .price-2 .plans .plan:last-child .title {
    margin-right: -3px;
    -webkit-border-top-right-radius: 6px;
    -moz-border-radius-topright: 6px;
    border-top-right-radius: 6px;
}

.mcontent .price-2 .plans .description {
    padding: 27px 40px;
    font-size: 18px;
    color: #bdc3c7;
}

.mcontent .price-2 .plans .description b {
    color: #777777;
    font-weight: 500;
}

.mcontent .price-2 .plans .description .description-box {
    text-align: left;
    padding: 13px 0;
    border-top: 2px solid #ebedee;
}

.mcontent .price-2 .plans .description .description-box:first-child {
    border-top: 0;
}

.mcontent .price-2 .plans .description .description-box [class*="fui-"] {
    margin-right: 18px;
    font-size: 24px;
    vertical-align: middle;
    color: rgba(52, 73, 94, 0.2);
}

.mcontent .price-2 .plans .plan-2 {
    border-left: 2px solid #e5e5e5;
    border-right: 2px solid #e5e5e5;
}

.mcontent .price-2 .plans .plan-2 .title {
    margin: 0 -2px;
    border-left: 2px solid #2f4254;
    border-right: 2px solid #2f4254;
    z-index: 3;
}

@media (max-width: 767px) {
    .mcontent .price-2 .plans {
        display: block;
        width: auto;
        border: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
    }

    .mcontent .price-2 .plans .plan {
        display: block;
        width: auto;
        border: 0 !important;
        margin-top: 50px;
    }

    .mcontent .price-2 .plans .plan:first-child {
        margin-top: 0;
    }

    .mcontent .price-2 .plans .title {
        -webkit-border-top-right-radius: 6px;
        -moz-border-radius-topright: 6px;
        border-top-right-radius: 6px;
        -webkit-border-top-left-radius: 6px;
        -moz-border-radius-topleft: 6px;
        border-top-left-radius: 6px;
        margin: 0 !important;
    }

    .mcontent .price-2 .plans .description {
        -webkit-border-bottom-right-radius: 6px;
        -moz-border-radius-bottomright: 6px;
        border-bottom-right-radius: 6px;
        -webkit-border-bottom-left-radius: 6px;
        -moz-border-radius-bottomleft: 6px;
        border-bottom-left-radius: 6px;
        border: 3px solid #e5e5e5;
        border-top: 0;
    }

    .mcontent .price-2 .plans .plan-2 .ribbon {
        right: 0;
    }
}

.mcontent .price-3 {
    padding-top: 110px;
    padding-bottom: 110px;
}

.mcontent .price-3 .plans {
    *zoom: 1;
}

.mcontent .price-3 .plans:before,
.mcontent .price-3 .plans:after {
    content: " ";
    /* 1 */

    display: table;
    /* 2 */

}

.mcontent .price-3 .plans:after {
    clear: both;
}

.mcontent .price-3 .plans:before,
.mcontent .price-3 .plans:after {
    display: table;
    content: "";
    line-height: 0;
}

.mcontent .price-3 .plans:after {
    clear: both;
}

.mcontent .price-3 .plan {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 33.33%;
    text-align: center;
    color: #bdc3c7;
    font-size: 18px;
}

.mcontent .price-3 .plan > * {
    padding-left: 10px;
    padding-right: 10px;
}

.mcontent .price-3 .plan b {
    color: #777777;
    font-weight: 500;
}

.mcontent .price-3 .plan .title {
    color: #203082;
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 8px;
}

.mcontent .price-3 .plan .title .img {
    min-height: 134px;
}

.mcontent .price-3 .plan .price {
    font-weight: 400;
}

.mcontent .price-3 .plan .description {
    margin: 30px 0 35px;
    line-height: 28px;
}

.mcontent .price-3 .plan .btn {
    min-width: 170px;
    font-weight: 500;
}

.mcontent .price-3 .plan.plan-2 {
    border-left: 2px solid #e5e5e5;
    border-right: 2px solid #e5e5e5;
}

@media (max-width: 767px) {
    .mcontent .price-3 .plan {
        float: none;
        width: auto;
    }

    .mcontent .price-3 .plan.plan-2 {
        border: 0;
        border-top: 2px solid #ebedee;
        border-bottom: 2px solid #ebedee;
        padding: 50px 0;
        margin: 50px 0;
    }
}

.mcontent .price-4 {
    padding-top: 110px;
    padding-bottom: 110px;
}

.mcontent .price-4 .plan {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 2px solid #e5e5e5;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    text-align: center;
    color: #bdc3c7;
    font-size: 18px;
}

.mcontent .price-4 .plan > * {
    padding-left: 10px;
    padding-right: 10px;
}

.mcontent .price-4 .plan b {
    color: #777777;
}

.mcontent .price-4 .plan .title {
    color: #203082;
    font-size: 24px;
    font-weight: 700;
    padding: 32px 0 7px;
}

.mcontent .price-4 .plan .price {
    padding-bottom: 30px;
    border-bottom: 2px solid #ebedee;
}

.mcontent .price-4 .plan .description {
    padding: 25px 40px;
    font-size: 18px;
    color: #bdc3c7;
}

.mcontent .price-4 .plan .description b {
    color: #777777;
    font-weight: 500;
}

.mcontent .price-4 .plan .description .description-box {
    padding: 16px 0;
    border-top: 2px solid #ebedee;
}

.mcontent .price-4 .plan .description .description-box:first-child {
    border-top: 0;
}

.mcontent .price-4 .plan .btn {
    display: block;
    background: #bdc3c7;
    color: white;
    width: auto;
    margin: 0 -2px -2px;
    padding: 22px 20px 24px;
    font-size: 22px;
    -webkit-border-top-right-radius: 0;
    -moz-border-radius-topright: 0;
    border-top-right-radius: 0;
    -webkit-border-top-left-radius: 0;
    -moz-border-radius-topleft: 0;
    border-top-left-radius: 0;
}

.mcontent .price-4 .plan .btn:hover,
.mcontent .price-4 .plan .btn:focus {
    background: #1abc9c;
}

.mcontent .price-4 .plan .btn:active {
    background: #16a085 !important;
}

.mcontent .price-4 .plan,
.mcontent .price-4 .plan .title,
.mcontent .price-4 .plan .price {
    -webkit-transition: border-color 0.25s, background-color 0.25s, color 0.25s;
    -moz-transition: border-color 0.25s, background-color 0.25s, color 0.25s;
    -o-transition: border-color 0.25s, background-color 0.25s, color 0.25s;
    transition: border-color 0.25s, background-color 0.25s, color 0.25s;
}

.mcontent .price-4 .plan:hover {
    border-color: #1abc9c;
}

.mcontent .price-4 .plan:hover .title,
.mcontent .price-4 .plan:hover .price,
.mcontent .price-4 .plan:hover .btn {
    background: #1abc9c;
    border-color: #1abc9c;
}

.mcontent .price-4 .plan:hover .title,
.mcontent .price-4 .plan:hover .price {
    color: #fff;
}

.mcontent .price-4 .plan:hover .price {
    color: rgba(255, 255, 255, 0.7);
}

.mcontent .price-4 .description-detail {
    color: #95a5a6;
}

.mcontent .price-4 .description-detail > * + * {
    margin-top: 75px;
}

.mcontent .price-4 .description-detail h6 {
    color: #1abc9c;
    font-size: 18px;
    font-weight: 700;
    margin-top: 10px;
    margin-bottom: 10px;
    font-family: "Lato", "Neue Helvetica Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: none;
}

.mcontent .price-4 .description-detail [class*="fui-"] {
    color: #bdc3c7;
    font-size: 24px;
    display: inline-block;
    margin-bottom: 13px;
}

@media (max-width: 767px) {
    .mcontent .price-4 .description-detail > * {
        margin-top: 50px;
    }

    .mcontent .price-4 .description-detail > * > * + * {
        margin-top: 50px;
    }
}

.mcontent .price-5 {
    padding-top: 110px;
    padding-bottom: 90px;
}

.mcontent .price-5 .plans {
    display: table;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    border: 3px solid #e5e5e5;
    border-top: 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.mcontent .price-5 .plans .plan {
    display: table-cell;
    width: 33.33%;
    text-align: center;
    -webkit-transition: 0.4s background-color;
    -moz-transition: 0.4s background-color;
    -o-transition: 0.4s background-color;
    transition: 0.4s background-color;
}

.mcontent .price-5 .plans .plan > * {
    position: relative;
}

.mcontent .price-5 .plans .title {
    padding: 32px 0 40px;
    background: #1abc9c;
    color: #fff;
    font-family: "Lato", "Neue Helvetica Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 3px;
    white-space: nowrap;
}

.mcontent .price-5 .plans .title .price {
    font-size: 40px;
    font-weight: 500;
    letter-spacing: normal;
    margin: 0 0 4px;
}

.mcontent .price-5 .plans .title .price small {
    font-size: 24px;
    font-weight: normal;
    vertical-align: top;
    margin-right: 6px;
    margin-left: -1em;
}

.mcontent .price-5 .plans .plan:first-child .title {
    margin-left: -3px;
    -webkit-border-top-left-radius: 6px;
    -moz-border-radius-topleft: 6px;
    border-top-left-radius: 6px;
}

.mcontent .price-5 .plans .plan:last-child .title {
    margin-right: -3px;
    -webkit-border-top-right-radius: 6px;
    -moz-border-radius-topright: 6px;
    border-top-right-radius: 6px;
}

.mcontent .price-5 .plans .description {
    -webkit-transition: 0.4s opacity;
    -moz-transition: 0.4s opacity;
    -o-transition: 0.4s opacity;
    transition: 0.4s opacity;
}

.mcontent .price-5 .plans .description .description-box {
    text-align: left;
    padding: 44px 50px 44px 44px;
    border-top: 2px solid #ebedee;
}

.mcontent .price-5 .plans .description .description-box:first-child {
    border-top: 0;
}

.mcontent .price-5 .plans .description big {
    font-size: 18px;
    font-weight: 500;
    color: #1abc9c;
    display: block;
    margin-bottom: 10px;
}

.mcontent .price-5 .plans .description-more {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    padding: 56px 40px 44px;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: 0.4s opacity;
    -moz-transition: 0.4s opacity;
    -o-transition: 0.4s opacity;
    transition: 0.4s opacity;
}

.mcontent .price-5 .plans .description-more big {
    font-size: 18px;
    font-weight: 500;
    color: #1abc9c;
    display: block;
    margin-bottom: 8px;
}

.mcontent .price-5 .plans .description-more [class*="fui-"] {
    color: #1abc9c;
    font-size: 24px;
    margin-bottom: 25px;
}

.mcontent .price-5 .plans .description-more .info {
    margin: 0 20px 55px;
    font-size: 14px;
    line-height: 18px;
}

.mcontent .price-5 .plans .description-more .btn {
    display: block;
    max-width: 170px;
    margin: 0 auto;
}

.mcontent .price-5 .plans .plan-2 {
    border-left: 2px solid #e5e5e5;
    border-right: 2px solid #e5e5e5;
}

.mcontent .price-5 .plans .plan-2 .title {
    margin: 0 -2px;
    border-left: 2px solid #17a98c;
    border-right: 2px solid #17a98c;
}

.mcontent .price-5 .plans .plan:hover {
    background-color: rgba(26, 188, 156, 0.05);
}

.mcontent .price-5 .plans .plan:hover .description {
    opacity: 0;
    filter: alpha(opacity=0);
}

.mcontent .price-5 .plans .plan:hover .description-more {
    opacity: 100;
    filter: alpha(opacity=10000);
    opacity: 1;
    filter: alpha(opacity=100);
}

@media (max-width: 767px) {
    .mcontent .price-5 .plans {
        display: block;
        border: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
    }

    .mcontent .price-5 .plans .plan {
        display: block;
        width: auto;
        border: 0 !important;
    }

    .mcontent .price-5 .plans .plan + .plan {
        margin-top: 30px;
    }

    .mcontent .price-5 .plans .title {
        margin: 0 !important;
        -webkit-border-top-right-radius: 6px;
        -moz-border-radius-topright: 6px;
        border-top-right-radius: 6px;
        -webkit-border-top-left-radius: 6px;
        -moz-border-radius-topleft: 6px;
        border-top-left-radius: 6px;
    }

    .mcontent .price-5 .plans .title + * {
        -webkit-border-bottom-right-radius: 6px;
        -moz-border-radius-bottomright: 6px;
        border-bottom-right-radius: 6px;
        -webkit-border-bottom-left-radius: 6px;
        -moz-border-radius-bottomleft: 6px;
        border-bottom-left-radius: 6px;
        border: 3px solid #e5e5e5;
        border-top: 0;
    }

    .mcontent .price-5 .plans .description .description-box,
    .mcontent .price-5 .plans .description-more {
        padding-left: 35px;
        padding-right: 35px;
    }
}

.mcontent .price-5 .terms {
    text-align: center;
    margin: 40px 0 20px;
    color: #95a5a6;
    font-size: 12px;
    font-family: "Lato", "Neue Helvetica Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
    line-height: 18px;
}

.mcontent .price-5 .terms a {
    text-decoration: underline;
    color: #1abc9c;
    font-weight: normal;
}

.mcontent .price-5 .terms a:hover {
    text-decoration: none;
}

.mcontent .projects- * .pt-perspective {
    position: relative;
    height: 100%;
    -webkit-perspective: 1200px;
    -moz-perspective: 1200px;
    perspective: 1200px;
}

.mcontent .projects- * .pt-page {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    visibility: hidden;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.mcontent .projects- * .pt-page-current,
.mcontent .projects- * .no-js .pt-page {
    visibility: visible;
    z-index: 1;
}

.mcontent .projects- * .pt-page-ontop {
    z-index: 999;
}

.mcontent .projects- * .v-center {
    display: table;
    width: 100%;
}

.mcontent .projects- * .v-center > * {
    display: table-cell;
    vertical-align: middle;
    margin: 0;
    float: none;
}

@media (max-width: 767px) {
    .mcontent .projects- * .v-center.row {
        display: block;
        width: auto;
    }

    .mcontent .projects- * .v-center.row > * {
        display: block;
        vertical-align: baseline;
    }
}

.mcontent .projects-1 {
    padding-top: 110px;
    padding-bottom: 110px;
}

.mcontent .projects-1 .title {
    margin: 0 0 50px;
    line-height: 1.5;
}

.mcontent .projects-1 .title a {
    color: #bdc3c7;
    font-size: 13px;
    font-family: "Lato", "Neue Helvetica Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 500;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-right: 25px;
}

.mcontent .projects-1 .title a:hover,
.mcontent .projects-1 .title a:focus,
.mcontent .projects-1 .title a.active {
    color: #1abc9c;
}

.mcontent .projects-1 .head-box {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 55px 60px 20px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    overflow: hidden;
    color: #95a5a6;
    min-height: 330px;
    position: relative;
}

.mcontent .projects-1 .head-box:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: #ebedee url('../../../assets/common-files/img/header/ipad@2x.png') 100% 50% no-repeat;
    -webkit-background-size: 826px 772px;
    -moz-background-size: 826px 772px;
    -o-background-size: 826px 772px;
    background-size: 826px 772px;
    -webkit-transition: opacity 1s;
    -moz-transition: opacity 1s;
    -o-transition: opacity 1s;
    transition: opacity 1s;
}

@media (max-width: 700px) {
    .mcontent .projects-1 .head-box:before {
        opacity: 20;
        filter: alpha(opacity=2000);
        opacity: 0.2;
        filter: alpha(opacity=20);
    }
}

.mcontent .projects-1 .head-box > * {
    max-width: 270px;
    position: relative;
}

.mcontent .projects-1 .head-box .brand {
    margin-bottom: 17px;
    font-family: "Lato", "Neue Helvetica Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 500;
    font-size: 23px;
    color: #34495e;
}

.mcontent .projects-1 .head-box .brand > img {
    margin-right: 12px;
    vertical-align: top;
    margin-top: 4px;
}

.mcontent .projects-1 .head-box p {
    font-size: 16px;
}

.mcontent .projects-1 .head-box .features {
    border-top: 2px solid rgba(189, 195, 199, 0.3);
    margin-top: 25px;
    padding-top: 25px;
    font-size: 18px;
    font-weight: bold;
    color: #1abc9c;
}

.mcontent .projects-1 .head-box .features > * + * {
    margin-top: 10px;
}

.mcontent .projects-1 .head-box .features [class*="fui-"] {
    font-size: 23px;
    font-weight: normal;
    vertical-align: middle;
    margin-right: 20px;
}

.mcontent .projects-1 .projects {
    display: table;
    width: 100%;
    margin-top: 65px;
}

.mcontent .projects-1 .projects + .projects {
    margin-top: 80px;
}

.mcontent .projects-1 .projects .project-wrapper {
    display: table-cell;
}

.mcontent .projects-1 .projects .project-wrapper:first-child + .project-wrapper {
    text-align: center;
}

.mcontent .projects-1 .projects .project-wrapper:first-child + .project-wrapper + .project-wrapper {
    text-align: right;
}

.mcontent .projects-1 .projects .project {
    width: 270px;
    display: inline-block;
}

.mcontent .projects-1 .projects .photo-wrapper {
    width: 270px;
    height: 220px;
    position: relative;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    overflow: hidden;
    background-color: #ecf0f1;
    -webkit-transition: background-color 0.4s;
    -moz-transition: background-color 0.4s;
    -o-transition: background-color 0.4s;
    transition: background-color 0.4s;
}

.mcontent .projects-1 .projects .photo {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    overflow: hidden;
    background: 50% 50% no-repeat;
    opacity: 30;
    filter: alpha(opacity=3000);
    opacity: 0.3;
    filter: alpha(opacity=30);
    -webkit-transition: opacity 0.4s;
    -moz-transition: opacity 0.4s;
    -o-transition: opacity 0.4s;
    transition: opacity 0.4s;
}

.mcontent .projects-1 .projects .overlay {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    text-align: center;
    color: #fff;
    line-height: 220px;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: opacity 0.4s;
    -moz-transition: opacity 0.4s;
    -o-transition: opacity 0.4s;
    transition: opacity 0.4s;
}

.mcontent .projects-1 .projects .overlay [class*="fui-"] {
    font-size: 46px;
}

.mcontent .projects-1 .projects .info {
    text-align: left;
    font-size: 14px;
    color: #95a5a6;
    margin-top: 39px;
    line-height: 1.4;
}

.mcontent .projects-1 .projects .info b {
    color: #777777;
}

.mcontent .projects-1 .projects .name {
    color: #1abc9c;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 14px;
}

.mcontent .projects-1 .projects .project:hover .photo-wrapper {
    background-color: #1abc9c;
}

.mcontent .projects-1 .projects .project:hover .photo {
    opacity: 40;
    filter: alpha(opacity=4000);
    opacity: 0.4;
    filter: alpha(opacity=40);
}

.mcontent .projects-1 .projects .project:hover .overlay {
    opacity: 100;
    filter: alpha(opacity=10000);
    opacity: 1;
    filter: alpha(opacity=100);
}

@media (max-width: 991px) and (min-width: 768px) {
    .mcontent .projects-1 .projects .project,
    .mcontent .projects-1 .projects .photo-wrapper {
        width: 230px;
    }
}

@media (max-width: 767px) {
    .mcontent .projects-1 .projects {
        display: block;
        width: auto;
    }

    .mcontent .projects-1 .projects .project-wrapper {
        display: block;
        text-align: center !important;
    }

    .mcontent .projects-1 .projects .project-wrapper + .project-wrapper {
        margin-top: 80px;
    }
}

.mcontent .projects-2 {
    background: #000;
    color: #fff;
}

.mcontent .projects-2.v-center,
.mcontent .projects-2 .v-center {
    display: table;
    width: 100%;
}

.mcontent .projects-2.v-center > div,
.mcontent .projects-2 .v-center > div {
    display: table-cell;
    vertical-align: middle;
    margin-top: 0;
    margin-bottom: 0;
    float: none;
}

@media (min-width: 768px) {
    .mcontent .projects-2.v-center.row:before,
    .mcontent .projects-2 .v-center.row:before,
    .mcontent .projects-2.v-center.row:after,
    .mcontent .projects-2 .v-center.row:after {
        display: none;
    }
}

@media (max-width: 767px) {
    .mcontent .projects-2.v-center,
    .mcontent .projects-2 .v-center {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding-left: 5px;
        padding-right: 5px;
    }

    .mcontent .projects-2.v-center.row,
    .mcontent .projects-2 .v-center.row {
        display: block;
        width: auto;
    }

    .mcontent .projects-2.v-center.row:before,
    .mcontent .projects-2 .v-center.row:before,
    .mcontent .projects-2.v-center.row:after,
    .mcontent .projects-2 .v-center.row:after {
        display: none;
    }

    .mcontent .projects-2.v-center.row > *,
    .mcontent .projects-2 .v-center.row > * {
        display: block;
        vertical-align: baseline;
    }
}

.mcontent .projects-2 .content {
    font-family: "Lato", "Neue Helvetica Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 500;
    letter-spacing: 1px;
    font-size: 13px;
}

.mcontent .projects-2 .wide-text {
    letter-spacing: 0.5em;
    word-spacing: 0.5em;
    display: block;
    margin: 18px 0 0;
    font-size: 13px;
    font-family: "Lato", "Neue Helvetica Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
    ffont-weight: 500;
}

@media (max-width: 480px) {
    .mcontent .projects-2 .wide-text {
        letter-spacing: 0.25em;
        word-spacing: 0.25em;
    }
}

.mcontent .projects-2 .hero-unit {
    display: table;
    border-collapse: collapse;
    padding: 0;
    margin: 0 auto;
    background: transparent;
}

.mcontent .projects-2 .hero-unit > * {
    display: table-cell;
    vertical-align: middle;
    border: 8px solid #fff;
    padding: 28px 30px;
    text-align: left;
}

.mcontent .projects-2 .hero-unit h1 {
    margin: 0;
    font-size: 46px;
    font-weight: 700;
}

.mcontent .projects-2 .hero-unit p {
    margin: 0;
    font-size: 13px;
    font-weight: bold;
}

@media (max-width: 480px) {
    .mcontent .projects-2 .hero-unit h1 {
        font-size: 30px;
    }

    .mcontent .projects-2 .hero-unit p {
        display: none;
    }
}

.mcontent .projects-2 > * {
    height: 215px;
    padding-top: 50px;
    padding-bottom: 50px;
    text-align: center;
    background: 50% 50% no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    -webkit-transition: 0.6s opacity;
    -moz-transition: 0.6s opacity;
    -o-transition: 0.6s opacity;
    transition: 0.6s opacity;
    opacity: 15;
    filter: alpha(opacity=1500);
    opacity: 0.15;
    filter: alpha(opacity=15);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.mcontent .projects-2 > *:hover {
    opacity: 100;
    filter: alpha(opacity=10000);
    opacity: 1;
    filter: alpha(opacity=100);
}

@media (max-width: 767px) {
    .mcontent .projects-2 > * {
        padding-right: 20px;
        padding-left: 20px;
    }
}

.mcontent .projects-2 .project-1 {
    background-image: url('../../../assets/common-files/img/Hawaii_001.png');
}

.mcontent .projects-2 .project-1 .container h1 {
    font-size: 50px;
    font-weight: normal;
    color: #ffffff;
    font-family: "Lato", "Neue Helvetica Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 800;
    letter-spacing: 0px;
    margin-bottom: 12px;
    margin-top: 10px;
}

.mcontent .projects-2 .project-1 .container p {
    font-size: 30px;
    font-weight: normal;
    color: #ffffff;
    font-family: "Lato", "Neue Helvetica Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 300;
    letter-spacing: 0px;
    padding-top: 0;
    margin-bottom: 10px;
    line-height: 29.999999999999996px;
}

@media (max-width: 480px) {
    .mcontent .projects-2 .project-1 .container h1 {
        font-size: 25px;
    }

    .mcontent .projects-2 .project-1 .container p {
        font-size: 15px;
    }
}

.mcontent .projects-2 .project-2 {
    background-image: url('../../../assets/common-files/img/Italy_001.png');
}

@media (max-width: 480px) {
    .mcontent .projects-2 .project-2 .hero-unit h1 {
        font-size: 24px;
    }
}

.mcontent .projects-2 .project-3 {
    background-image: url('../../../assets/common-files/img/NY_002.png');
}

.mcontent .projects-2 .project-3 [class*="fui-"] {
    font-size: 95px;
    line-height: 95px;
}

@media (max-width: 767px) {
    .mcontent .projects-2 {
        padding-left: 0;
        padding-right: 0;
    }
}

.mcontent .projects-3 {
    padding-top: 110px;
    padding-bottom: 110px;
}

.mcontent .projects-3 h3 {
    margin: 0 0 80px;
    font-size: 30px;
    font-weight: 300;
    text-align: center;
}

.mcontent .projects-3 .projects {
    display: table;
    width: 100%;
}

.mcontent .projects-3 .projects + .projects {
    margin-top: 85px;
}

.mcontent .projects-3 .projects .project-wrapper {
    display: table-cell;
}

.mcontent .projects-3 .projects .project-wrapper:first-child + .project-wrapper {
    text-align: center;
}

.mcontent .projects-3 .projects .project-wrapper:first-child + .project-wrapper + .project-wrapper {
    text-align: right;
}

.mcontent .projects-3 .projects .project {
    width: 220px;
    display: inline-block;
    vertical-align: top;
}

.mcontent .projects-3 .projects .photo-wrapper {
    width: 220px;
    height: 220px;
    position: relative;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
    background-color: #ecf0f1;
    -webkit-transition: background-color 0.4s;
    -moz-transition: background-color 0.4s;
    -o-transition: background-color 0.4s;
    transition: background-color 0.4s;
}

.mcontent .projects-3 .projects .photo {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
    background: 50% 50% no-repeat;
    opacity: 100;
    filter: alpha(opacity=10000);
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transition: opacity 0.4s;
    -moz-transition: opacity 0.4s;
    -o-transition: opacity 0.4s;
    transition: opacity 0.4s;
}

.mcontent .projects-3 .projects .overlay {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    text-align: center;
    color: #fff;
    line-height: 220px;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: opacity 0.4s;
    -moz-transition: opacity 0.4s;
    -o-transition: opacity 0.4s;
    transition: opacity 0.4s;
}

.mcontent .projects-3 .projects .overlay [class*="fui-"] {
    font-size: 46px;
}

.mcontent .projects-3 .projects .info {
    text-align: center;
    font-size: 16px;
    color: #95a5a6;
    margin-top: 43px;
}

.mcontent .projects-3 .projects .info b {
    color: #777777;
}

.mcontent .projects-3 .projects .name {
    color: #34495e;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 10px;
    -webkit-transition: color 0.4s;
    -moz-transition: color 0.4s;
    -o-transition: color 0.4s;
    transition: color 0.4s;
}

.mcontent .projects-3 .projects .project:hover .photo-wrapper {
    background-color: #1abc9c;
}

.mcontent .projects-3 .projects .project:hover .photo {
    opacity: 40;
    filter: alpha(opacity=4000);
    opacity: 0.4;
    filter: alpha(opacity=40);
}

.mcontent .projects-3 .projects .project:hover .overlay {
    opacity: 100;
    filter: alpha(opacity=10000);
    opacity: 1;
    filter: alpha(opacity=100);
}

.mcontent .projects-3 .projects .project:hover .name {
    color: #1abc9c;
}

@media (max-width: 767px) {
    .mcontent .projects-3 .projects {
        display: block;
        width: auto;
    }

    .mcontent .projects-3 .projects .project-wrapper {
        display: block;
        text-align: center !important;
    }

    .mcontent .projects-3 .projects .project-wrapper + .project-wrapper {
        margin-top: 85px;
    }
}

.mcontent .projects-4 {
    padding-top: 110px;
    padding-bottom: 110px;
}

.mcontent .projects-4 h3 {
    margin: 0 0 60px;
    font-size: 30px;
    font-weight: 300;
    text-align: center;
}

.mcontent .projects-4 .projects + .projects {
    margin-top: 80px;
}

.mcontent .projects-4 .projects .photo-wrapper {
    height: 145px;
    position: relative;
    overflow: hidden;
}

.mcontent .projects-4 .projects .photo {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    overflow: hidden;
    background: 50% 50% no-repeat;
    opacity: 30;
    filter: alpha(opacity=3000);
    opacity: 0.3;
    filter: alpha(opacity=30);
    -webkit-transition: opacity 0.4s;
    -moz-transition: opacity 0.4s;
    -o-transition: opacity 0.4s;
    transition: opacity 0.4s;
}

.mcontent .projects-4 .projects .overlay {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    text-align: center;
    color: #fff;
    line-height: 145px;
}

.mcontent .projects-4 .projects .overlay [class*="fui-"] {
    font-size: 46px;
}

.mcontent .projects-4 .projects .info {
    text-align: left;
    font-size: 13px;
    color: #95a5a6;
    margin-top: 27px;
}

.mcontent .projects-4 .projects .info b {
    color: #777777;
}

.mcontent .projects-4 .projects .name {
    color: #34495e;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 5px;
    display: block;
}

.mcontent .projects-4 .projects .name.color-pomegranate:hover,
.mcontent .projects-4 .projects .name.color-pomegranate.hover {
    color: #c0392b;
    -webkit-transition: color 0.4s;
    -moz-transition: color 0.4s;
    -o-transition: color 0.4s;
    transition: color 0.4s;
}

.mcontent .projects-4 .projects .name.color-orange:hover,
.mcontent .projects-4 .projects .name.color-orange.hover {
    color: #f39c12;
    -webkit-transition: color 0.4s;
    -moz-transition: color 0.4s;
    -o-transition: color 0.4s;
    transition: color 0.4s;
}

.mcontent .projects-4 .projects .name.color-belize-hole:hover,
.mcontent .projects-4 .projects .name.color-belize-hole.hover {
    color: #2980b9;
    -webkit-transition: color 0.4s;
    -moz-transition: color 0.4s;
    -o-transition: color 0.4s;
    transition: color 0.4s;
}

.mcontent .projects-4 .projects .name.color-green-sea:hover,
.mcontent .projects-4 .projects .name.color-green-sea.hover {
    color: #16a085;
    -webkit-transition: color 0.4s;
    -moz-transition: color 0.4s;
    -o-transition: color 0.4s;
    transition: color 0.4s;
}

.mcontent .projects-4 .projects .project:hover .photo {
    opacity: 40;
    filter: alpha(opacity=4000);
    opacity: 0.4;
    filter: alpha(opacity=40);
}

@media (max-width: 767px) {
    .mcontent .projects-4 .projects .project-wrapper + .project-wrapper {
        margin-top: 80px;
    }
}

.mcontent .crew-1 {
    padding-top: 110px;
    padding-bottom: 110px;
}

.mcontent .crew-1 h3 {
    margin: 0 0 73px;
    font-size: 30px;
    text-align: left;
    font-weight: 300;
}

.mcontent .crew-1 .members {
    display: table;
    width: 100%;
}

.mcontent .crew-1 .members + .members {
    margin-top: 80px;
}

.mcontent .crew-1 .members .member-wrapper {
    display: table-cell;
}

.mcontent .crew-1 .members .member-wrapper:first-child + .member-wrapper {
    text-align: center;
}

.mcontent .crew-1 .members .member-wrapper:first-child + .member-wrapper + .member-wrapper {
    text-align: right;
}

.mcontent .crew-1 .members .member {
    width: 220px;
    display: inline-block;
}

.mcontent .crew-1 .members .photo-wrapper {
    width: 220px;
    height: 220px;
    position: relative;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    overflow: hidden;
    background-color: #ecf0f1;
    -webkit-transition: background-color 0.4s;
    -moz-transition: background-color 0.4s;
    -o-transition: background-color 0.4s;
    transition: background-color 0.4s;
}

.mcontent .crew-1 .members .photo {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    overflow: hidden;
    background: 50% 50% no-repeat;
    opacity: 30;
    filter: alpha(opacity=3000);
    opacity: 0.3;
    filter: alpha(opacity=30);
    -webkit-transition: opacity 0.4s;
    -moz-transition: opacity 0.4s;
    -o-transition: opacity 0.4s;
    transition: opacity 0.4s;
}

.mcontent .crew-1 .members .photo img {
    display: none;
}

.mcontent .crew-1 .members .overlay {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    text-align: center;
    color: #fff;
    line-height: 220px;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: opacity 0.4s;
    -moz-transition: opacity 0.4s;
    -o-transition: opacity 0.4s;
    transition: opacity 0.4s;
}

.mcontent .crew-1 .members .overlay [class*="fui-"] {
    font-size: 46px;
}

.mcontent .crew-1 .members .info {
    text-align: center;
    font-size: 14px;
    color: #95a5a6;
    margin-top: 36px;
}

.mcontent .crew-1 .members .name {
    color: #34495e;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 5px;
    -webkit-transition: color 0.4s;
    -moz-transition: color 0.4s;
    -o-transition: color 0.4s;
    transition: color 0.4s;
}

.mcontent .crew-1 .members .member:hover .photo-wrapper {
    background-color: #1abc9c;
}

.mcontent .crew-1 .members .member:hover .photo {
    opacity: 40;
    filter: alpha(opacity=4000);
    opacity: 0.4;
    filter: alpha(opacity=40);
}

.mcontent .crew-1 .members .member:hover .overlay {
    opacity: 100;
    filter: alpha(opacity=10000);
    opacity: 1;
    filter: alpha(opacity=100);
}

.mcontent .crew-1 .members .member:hover .name {
    color: #1abc9c;
}

@media (max-width: 767px) {
    .mcontent .crew-1 .members {
        display: block;
        width: auto;
    }

    .mcontent .crew-1 .members .member-wrapper {
        display: block;
        text-align: center !important;
    }

    .mcontent .crew-1 .members .member-wrapper + .member-wrapper {
        margin-top: 80px;
    }
}

.mcontent .crew-2 {
    padding-top: 110px;
    padding-bottom: 88px;
}

.mcontent .crew-2 h3 {
    margin: 0 0 73px;
    font-size: 30px;
    text-align: left;
    font-weight: 300;
}

.mcontent .crew-2 .members {
    display: table;
    width: 100%;
}

.mcontent .crew-2 .members .member-wrapper {
    display: table-cell;
}

.mcontent .crew-2 .members .member-wrapper:first-child + .member-wrapper {
    text-align: center;
}

.mcontent .crew-2 .members .member-wrapper:first-child + .member-wrapper + .member-wrapper {
    text-align: right;
}

.mcontent .crew-2 .members .member {
    width: 265px;
    display: inline-block;
    padding-bottom: 23px;
    -webkit-transition: border-color 0.4s;
    -moz-transition: border-color 0.4s;
    -o-transition: border-color 0.4s;
    transition: border-color 0.4s;
}

.mcontent .crew-2 .members + .members .member {
    padding-top: 78px;
    border-top: 2px solid #ebedee;
}

.mcontent .crew-2 .members .photo-wrapper {
    width: 265px;
    height: 180px;
    position: relative;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    overflow: hidden;
    background-color: #ecf0f1;
    -webkit-transition: background-color 0.4s;
    -moz-transition: background-color 0.4s;
    -o-transition: background-color 0.4s;
    transition: background-color 0.4s;
}

.mcontent .crew-2 .members .photo {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    overflow: hidden;
    background: 50% 50% no-repeat;
    opacity: 30;
    filter: alpha(opacity=3000);
    opacity: 0.3;
    filter: alpha(opacity=30);
    -webkit-transition: opacity 0.4s;
    -moz-transition: opacity 0.4s;
    -o-transition: opacity 0.4s;
    transition: opacity 0.4s;
}

.mcontent .crew-2 .members .photo img {
    display: none;
}

.mcontent .crew-2 .members .info {
    text-align: center;
    font-size: 14px;
    color: #777777;
    margin-top: 29px;
}

.mcontent .crew-2 .members .name {
    position: absolute;
    left: 19px;
    bottom: 19px;
    color: #fff;
    font-size: 13px;
    font-family: "Lato", "Neue Helvetica Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.14em;
}

.mcontent .crew-2 .members .position {
    position: absolute;
    right: 19px;
    bottom: 19px;
    color: #fff;
    font-size: 13px;
    font-style: italic;
}

.mcontent .crew-2 .members .social-btns {
    white-space: nowrap;
    margin-top: 24px;
}

.mcontent .crew-2 .members .social-btns > * {
    display: inline-block;
    margin-left: 10px;
    font-size: 16px;
    width: 20px;
    height: 20px;
    overflow: hidden;
    text-align: center;
    color: #1abc9c;
}

.mcontent .crew-2 .members .social-btns > *:first-child {
    margin-left: 0;
}

.mcontent .crew-2 .members .social-btns > * > * {
    display: block;
    position: relative;
    -webkit-transition: 0.25s top;
    -moz-transition: 0.25s top;
    -o-transition: 0.25s top;
    transition: 0.25s top;
}

.mcontent .crew-2 .members .social-btns > * > *:first-child {
    color: #95a5a6;
}

.mcontent .crew-2 .members .social-btns > *:hover > * {
    top: -100%;
}

.mcontent .crew-2 .members .member:hover .photo-wrapper {
    background-color: #1abc9c;
}

.mcontent .crew-2 .members .member:hover .photo {
    opacity: 40;
    filter: alpha(opacity=4000);
    opacity: 0.4;
    filter: alpha(opacity=40);
}

@media (max-width: 991px) and (min-width: 768px) {
    .mcontent .crew-2 .members .member,
    .mcontent .crew-2 .members .photo-wrapper {
        width: 230px;
    }
}

@media (max-width: 767px) {
    .mcontent .crew-2 .members {
        display: block;
        width: auto;
    }

    .mcontent .crew-2 .members .member-wrapper {
        display: block;
        text-align: center !important;
    }

    .mcontent .crew-2 .members .member-wrapper + .member-wrapper .member {
        padding-top: 78px;
        border-top: 2px solid #ebedee;
    }
}

.mcontent .crew-3 {
    padding-top: 110px;
    padding-bottom: 110px;
}

.mcontent .crew-3 h3 {
    margin: 0 0 20px;
    font-size: 30px;
    text-align: left;
    font-weight: 300;
}

@media (max-width: 767px) {
    .mcontent .crew-3 h3 {
        margin-bottom: 25px;
    }
}

.mcontent .crew-3 .title {
    margin: 0 0 80px;
    line-height: 1.5;
}

.mcontent .crew-3 .title a {
    color: #bdc3c7;
    font-size: 13px;
    font-family: "Lato", "Neue Helvetica Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    margin-right: 22px;
    letter-spacing: 0.19em;
}

.mcontent .crew-3 .title a:hover,
.mcontent .crew-3 .title a:focus,
.mcontent .crew-3 .title a.active {
    color: #1abc9c;
}

.mcontent .crew-3 .title .social-btns a {
    color: #1abc9c;
    font-size: 16px;
    margin-right: 12px;
}

.mcontent .crew-3 .title .social-btns a:hover,
.mcontent .crew-3 .title .social-btns a:focus,
.mcontent .crew-3 .title .social-btns a.active {
    color: #15967d;
}

@media (max-width: 767px) {
    .mcontent .crew-3 .title {
        margin-bottom: 35px;
    }
}

.mcontent .crew-3 .members {
    display: table;
    width: 100%;
}

.mcontent .crew-3 .members + .members {
    margin-top: 56px;
}

.mcontent .crew-3 .members .member-wrapper {
    display: table-cell;
}

.mcontent .crew-3 .members .member-wrapper:first-child + .member-wrapper {
    text-align: center;
}

.mcontent .crew-3 .members .member-wrapper:first-child + .member-wrapper + .member-wrapper {
    text-align: right;
}

.mcontent .crew-3 .members .member {
    width: 270px;
    display: inline-block;
}

.mcontent .crew-3 .members .photo-wrapper {
    width: 270px;
    height: 220px;
    position: relative;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    overflow: hidden;
    background-color: #ecf0f1;
    -webkit-transition: background-color 0.4s;
    -moz-transition: background-color 0.4s;
    -o-transition: background-color 0.4s;
    transition: background-color 0.4s;
}

.mcontent .crew-3 .members .photo {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    overflow: hidden;
    background: 50% 50% no-repeat;
    opacity: 30;
    filter: alpha(opacity=3000);
    opacity: 0.3;
    filter: alpha(opacity=30);
    -webkit-transition: opacity 0.4s;
    -moz-transition: opacity 0.4s;
    -o-transition: opacity 0.4s;
    transition: opacity 0.4s;
}

.mcontent .crew-3 .members .photo img {
    display: none;
}

.mcontent .crew-3 .members .overlay {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    text-align: center;
    color: #fff;
    line-height: 220px;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: opacity 0.4s;
    -moz-transition: opacity 0.4s;
    -o-transition: opacity 0.4s;
    transition: opacity 0.4s;
}

.mcontent .crew-3 .members .overlay [class*="fui-"] {
    font-size: 46px;
}

.mcontent .crew-3 .members .name {
    position: absolute;
    left: 19px;
    bottom: 19px;
    color: #fff;
    font-size: 13px;
    font-family: "Lato", "Neue Helvetica Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.14em;
}

.mcontent .crew-3 .members .member:hover .photo-wrapper {
    background-color: #1abc9c;
}

.mcontent .crew-3 .members .member:hover .photo {
    opacity: 40;
    filter: alpha(opacity=4000);
    opacity: 0.4;
    filter: alpha(opacity=40);
}

.mcontent .crew-3 .members .member:hover .overlay {
    opacity: 100;
    filter: alpha(opacity=10000);
    opacity: 1;
    filter: alpha(opacity=100);
}

@media (max-width: 991px) and (min-width: 768px) {
    .mcontent .crew-3 .members .member,
    .mcontent .crew-3 .members .photo-wrapper {
        width: 230px;
    }
}

@media (max-width: 767px) {
    .mcontent .crew-3 .members {
        display: block;
        width: auto;
    }

    .mcontent .crew-3 .members .member-wrapper {
        display: block;
        text-align: center !important;
    }

    .mcontent .crew-3 .members .member-wrapper + .member-wrapper {
        margin-top: 56px;
    }
}

@media (max-width: 767px) {
    .mcontent .crew-3 h3 {
        text-align: center;
        margin-bottom: 25px;
    }

    .mcontent .crew-3 .title {
        text-align: center;
        line-height: 23px;
        margin-bottom: 35px;
    }

    .mcontent .crew-3 .social-btns {
        display: block;
    }
}

.mcontent .crew-4 {
    padding-top: 110px;
    padding-bottom: 110px;
}

.mcontent .crew-4 h3 {
    margin: 0 0 73px;
    font-size: 30px;
    text-align: center;
    font-weight: 300;
}

.mcontent .crew-4 .members {
    display: table;
    width: 100%;
}

.mcontent .crew-4 .members + .members {
    margin-top: 80px;
}

.mcontent .crew-4 .members .member-wrapper {
    display: table-cell;
}

.mcontent .crew-4 .members .member-wrapper:first-child + .member-wrapper {
    text-align: center;
}

.mcontent .crew-4 .members .member-wrapper:first-child + .member-wrapper + .member-wrapper {
    text-align: right;
}

.mcontent .crew-4 .members .member {
    width: 265px;
    display: inline-block;
}

.mcontent .crew-4 .members .photo-wrapper {
    width: 265px;
    height: 180px;
    position: relative;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    overflow: hidden;
    background-color: #ecf0f1;
    -webkit-transition: background-color 0.4s;
    -moz-transition: background-color 0.4s;
    -o-transition: background-color 0.4s;
    transition: background-color 0.4s;
}

.mcontent .crew-4 .members .photo {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    overflow: hidden;
    background: 50% 50% no-repeat;
    opacity: 30;
    filter: alpha(opacity=3000);
    opacity: 0.3;
    filter: alpha(opacity=30);
    -webkit-transition: opacity 0.4s;
    -moz-transition: opacity 0.4s;
    -o-transition: opacity 0.4s;
    transition: opacity 0.4s;
}

.mcontent .crew-4 .members .photo img {
    display: none;
}

.mcontent .crew-4 .members .overlay {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    text-align: center;
    color: #fff;
    line-height: 180px;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: opacity 0.4s;
    -moz-transition: opacity 0.4s;
    -o-transition: opacity 0.4s;
    transition: opacity 0.4s;
}

.mcontent .crew-4 .members .overlay a {
    margin: 0 8px;
    display: inline-block;
    color: #ffffff;
}

.mcontent .crew-4 .members .overlay a:hover,
.mcontent .crew-4 .members .overlay a:focus,
.mcontent .crew-4 .members .overlay a.active {
    color: #e3e7e8;
}

.mcontent .crew-4 .members .overlay [class*="fui-"] {
    font-size: 36px;
}

.mcontent .crew-4 .members .info {
    font-size: 14px;
    color: #95a5a6;
    margin-top: 36px;
    line-height: 1.4;
    text-align: left;
}

.mcontent .crew-4 .members .info b {
    color: #777777;
}

.mcontent .crew-4 .members .name {
    color: #1abc9c;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 14px;
}

.mcontent .crew-4 .members .contacts {
    color: #777777;
    font-weight: 700;
    border-top: 2px solid #ebedee;
    margin-top: 13px;
    padding-top: 15px;
}

.mcontent .crew-4 .members .contacts a {
    color: #777777;
}

.mcontent .crew-4 .members .contacts a:hover,
.mcontent .crew-4 .members .contacts a:focus,
.mcontent .crew-4 .members .contacts a.active {
    color: #95a5a6;
}

.mcontent .crew-4 .members .member:hover .photo-wrapper {
    background-color: #1abc9c;
}

.mcontent .crew-4 .members .member:hover .photo {
    opacity: 40;
    filter: alpha(opacity=4000);
    opacity: 0.4;
    filter: alpha(opacity=40);
}

.mcontent .crew-4 .members .member:hover .overlay {
    opacity: 100;
    filter: alpha(opacity=10000);
    opacity: 1;
    filter: alpha(opacity=100);
}

@media (max-width: 991px) and (min-width: 768px) {
    .mcontent .crew-4 .members .member,
    .mcontent .crew-4 .members .photo-wrapper {
        width: 230px;
    }
}

@media (max-width: 767px) {
    .mcontent .crew-4 .members {
        display: block;
        width: auto;
    }

    .mcontent .crew-4 .members .member-wrapper {
        display: block;
        text-align: center !important;
    }

    .mcontent .crew-4 .members .member-wrapper + .member-wrapper {
        margin-top: 80px;
    }
}

.mcontent .footer-1 {
    padding-top: 85px;
    padding-bottom: 85px;
    font-size: 14px;
    color: #bdc3c7;
}

.mcontent .footer-1 .lead {
    margin-bottom: 15px;
    margin-top: -10px;
    font-size: 22px;
    font-weight: normal;
    color: #ffffff;
    font-weight: 300;
    letter-spacing: -1px;
}

.mcontent .footer-1 .lead b {
    font-weight: 500;
}

.mcontent .footer-1 .social-btns {
    margin-top: 15px;
}

@media (max-width: 991px) {
    .mcontent .footer-1 .social-btns {
        margin-bottom: 25px;
    }
}

.mcontent .footer-1 .btn.btn-danger {
    background-color: #c0392b;
}

.mcontent .footer-1 .btn.btn-danger:hover,
.mcontent .footer-1 .btn.btn-danger:focus {
    background-color: #cd6155;
}

.mcontent .footer-1 .btn.btn-danger:active,
.mcontent .footer-1 .btn.btn-danger.active {
    background-color: #a33025;
}

.mcontent .footer-1 a {
    color: #bdc3c7;
    font-weight: normal;
}

.mcontent .footer-1 a:hover,
.mcontent .footer-1 a:focus,
.mcontent .footer-1 a.active {
    color: #979c9f;
}

.mcontent .footer-1 nav h6 {
    margin: 0 0 20px;
    font-size: 16px;
    font-weight: normal;
    color: #ffffff;
    line-height: 16px;
    font-family: "Lato", "Neue Helvetica Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: none;
}

.mcontent .footer-1 nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 16px;
    font-weight: normal;
    color: #bdc3c7;
}

.mcontent .footer-1 nav ul li {
    margin-bottom: 5px;
}

.mcontent .footer-1 .buy-btn {
    text-align: center;
}

.mcontent .footer-1 .buy-btn a.btn {
    font-size: 15px;
    font-weight: normal;
    color: #ffffff;
}

.mcontent .footer-1 .buy-btn .btn {
    margin-bottom: 17px;
}

.mcontent .footer-1 .additional-links {
    border-top: 1px solid #374859;
    padding-top: 17px;
    font-size: 14px;
    font-weight: normal;
    color: #95a5a6;
}

@media (max-width: 767px) {
    .mcontent .footer-1 .additional-links {
        margin-top: 17px;
        margin-bottom: 0;
    }
}

.mcontent .footer-1 .additional-links a {
    margin-right: 10px;
    color: #95a5a6;
}

.mcontent .footer-1 .additional-links a:hover,
.mcontent .footer-1 .additional-links a:focus,
.mcontent .footer-1 .additional-links a.active {
    color: #778485;
}

@media (max-width: 767px) {
    .mcontent .footer-1 .col-sm-6 {
        margin-bottom: 20px;
    }

    .mcontent .footer-1 nav .col-sm-2,
    .mcontent .footer-1 .buy-btn {
        float: left;
        width: 30%;
        margin-left: 5%;
    }

    .mcontent .footer-1 nav .col-sm-2:first-child {
        margin-left: 0;
    }
}

@media (max-width: 480px) {
    .mcontent .footer-1 {
        padding-top: 35px;
        padding-bottom: 35px;
    }

    .mcontent .footer-1 .buy-btn {
        float: none;
        clear: both;
        width: auto;
        padding-top: 15px;
        margin: 0;
    }

    .mcontent .footer-1 .buy-btn .btn {
        margin: 0 0 10px;
    }

    .mcontent .footer-1 nav .col-sm-2 {
        width: 47%;
        margin-left: 6%;
    }
}

.mcontent .footer-2 {
    padding-top: 20px;
    padding-bottom: 20px;
    color: #bdc3c7;
    line-height: 25px;
}

.mcontent .footer-2 a {
    color: #bdc3c7;
    font-weight: normal;
}

.mcontent .footer-2 a:hover,
.mcontent .footer-2 a:focus,
.mcontent .footer-2 a.active {
    color: #979c9f;
}

.mcontent .footer-2 nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 16px;
    font-weight: normal;
    color: #bdc3c7;
}

.mcontent .footer-2 nav ul li {
    float: left;
    margin-left: 25px;
    line-height: 25px;
}

.mcontent .footer-2 nav ul li:first-child {
    margin-left: 0;
}

.mcontent .footer-2 .social-btns {
    white-space: nowrap;
}

.mcontent .footer-2 .social-btns > * {
    display: inline-block;
    vertical-align: top;
    margin-left: 15px;
    font-size: 20px;
    font-weight: normal;
    color: #979c9f;
    width: 20px;
    height: 25px;
    overflow: hidden;
    text-align: center;
}

.mcontent .footer-2 .social-btns > *:first-child {
    margin-left: 0;
}

.mcontent .footer-2 .social-btns > * > * {
    display: block;
    position: relative;
    top: 0;
    -webkit-transition: 0.25s top;
    -moz-transition: 0.25s top;
    -o-transition: 0.25s top;
    transition: 0.25s top;
}

.mcontent .footer-2 .social-btns > * > *:first-child {
    color: #bdc3c7;
}

.mcontent .footer-2 .social-btns > *:hover > * {
    top: -100%;
}

.mcontent .footer-2 .additional-links {
    font-size: 12px;
    font-weight: normal;
    color: #bdc3c7;
    text-align: center;
}

@media (max-width: 991px) {
    .mcontent .footer-2 .additional-links {
        clear: both;
        text-align: left;
    }
}

.mcontent .footer-2 .additional-links a {
    text-decoration: underline;
}

@media (max-width: 480px) {
    .mcontent .footer-2 {
        padding-top: 28px;
        padding-bottom: 28px;
    }

    .mcontent .footer-2 > .container > * {
        float: none !important;
        *zoom: 1;
    }

    .mcontent .footer-2 > .container > *:before,
    .mcontent .footer-2 > .container > *:after {
        content: " ";
        /* 1 */

        display: table;
        /* 2 */

    }

    .mcontent .footer-2 > .container > *:after {
        clear: both;
    }

    .mcontent .footer-2 > .container > *:before,
    .mcontent .footer-2 > .container > *:after {
        display: table;
        content: "";
        line-height: 0;
    }

    .mcontent .footer-2 > .container > *:after {
        clear: both;
    }

    .mcontent .footer-2 nav ul li {
        float: none;
        margin: 18px 0 0;
    }

    .mcontent .footer-2 nav ul li:first-child {
        margin-top: 0;
    }

    .mcontent .footer-2 .social-btns {
        margin: 25px 0 10px;
    }
}

.mcontent .footer-3 {
    font-size: 14px;
    padding-top: 65px;
    padding-bottom: 65px;
    background: #203082;
    color: #bdc3c7;
}

.mcontent .footer-3.v-center,
.mcontent .footer-3 .v-center {
    display: table;
    width: 100%;
}

.mcontent .footer-3.v-center > div,
.mcontent .footer-3 .v-center > div {
    display: table-cell;
    vertical-align: middle;
    margin-top: 0;
    margin-bottom: 0;
    float: none;
}

@media (min-width: 768px) {
    .mcontent .footer-3.v-center.row:before,
    .mcontent .footer-3 .v-center.row:before,
    .mcontent .footer-3.v-center.row:after,
    .mcontent .footer-3 .v-center.row:after {
        display: none;
    }
}

@media (max-width: 767px) {
    .mcontent .footer-3.v-center,
    .mcontent .footer-3 .v-center {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding-left: 5px;
        padding-right: 5px;
    }

    .mcontent .footer-3.v-center.row,
    .mcontent .footer-3 .v-center.row {
        display: block;
        width: auto;
    }

    .mcontent .footer-3.v-center.row:before,
    .mcontent .footer-3 .v-center.row:before,
    .mcontent .footer-3.v-center.row:after,
    .mcontent .footer-3 .v-center.row:after {
        display: none;
    }

    .mcontent .footer-3.v-center.row > *,
    .mcontent .footer-3 .v-center.row > * {
        display: block;
        vertical-align: baseline;
    }
}

.mcontent .footer-3 .row.v-center {
    padding-left: 0;
    padding-right: 0;
}

.mcontent .footer-3 a {
    color: #ffffff;
    font-weight: normal;
}

.mcontent .footer-3 a:hover,
.mcontent .footer-3 a:focus,
.mcontent .footer-3 a.active {
    color: #bdc3c7;
}

.mcontent .footer-3 h1,
.mcontent .footer-3 .h1,
.mcontent .footer-3 h2,
.mcontent .footer-3 .h2,
.mcontent .footer-3 h3,
.mcontent .footer-3 .h3,
.mcontent .footer-3 h4,
.mcontent .footer-3 .h4,
.mcontent .footer-3 h5,
.mcontent .footer-3 .h5,
.mcontent .footer-3 h6,
.mcontent .footer-3 .h6 {
    color: white;
}

.mcontent .footer-3 .brand {
    font-size: 25px;
    font-weight: normal;
    color: #ffffff;
    font-family: "Lato", "Neue Helvetica Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 500;
}

.mcontent .footer-3 .additional-links a {
    color: #bdc3c7;
    text-decoration: underline;
}

.mcontent .footer-3 .additional-links a:hover,
.mcontent .footer-3 .additional-links a:focus,
.mcontent .footer-3 .additional-links a.active {
    color: #ffffff;
}

.mcontent .footer-3 h6 {
    margin: 0 0 10px;
    font-size: 16px;
    font-weight: normal;
    color: #ffffff;
    font-weight: 300;
    text-transform: none;
}

.mcontent .footer-3 .address {
    line-height: 1.6;
}

@media (max-width: 767px) {
    .mcontent .footer-3 .row > [class*="col-sm-"] {
        margin-top: 30px;
    }

    .mcontent .footer-3 .row > [class*="col-sm-"]:first-child {
        margin-top: 0;
    }
}

.mcontent .footer-4 {
    padding-top: 20px;
    padding-bottom: 20px;
    color: white;
    text-align: center;
}

.mcontent .footer-4 .brand {
    font-size: 20px;
    font-weight: normal;
    font-weight: 500;
    font-family: "Lato", "Neue Helvetica Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #ffffff;
}

.mcontent .footer-4 .brand:hover,
.mcontent .footer-4 .brand:focus,
.mcontent .footer-4 .brand.active {
    color: #1abc9c;
}

.mcontent .footer-5 {
    padding-top: 100px;
    padding-bottom: 100px;
    text-align: center;
}

.mcontent .footer-5 .brand {
    display: inline-block;
    margin-bottom: 25px;
}

.mcontent .footer-5 .text {
    font-size: 14px;
    font-weight: normal;
    color: rgba(255, 255, 255, 0.8);
    margin: 0 80px;
    line-height: 1.45;
}

.mcontent .footer-5 .btn {
    margin-top: 30px;
    background-color: #ebedee;
    color: #777777;
    font-size: 13px;
    line-height: 20px;
    padding: 6px 13px 8px;
}

.mcontent .footer-5 .btn:hover,
.mcontent .footer-5 .btn:focus {
    background-color: #eff1f1;
}

.mcontent .footer-5 .btn:active,
.mcontent .footer-5 .btn.active {
    background-color: #c8c9ca;
}

.mcontent .footer-5 .btn [class^="fui-"] {
    font-size: 16px;
    font-weight: normal;
    color: #3498db;
}

@media (max-width: 991px) {
    .mcontent .footer-5 .text {
        margin: 0;
    }
}

.mcontent .footer-6 {
    padding-top: 110px;
    padding-bottom: 110px;
    color: #777777;
}

.mcontent .footer-6 a {
    font-weight: normal;
}

@media (max-width: 480px) {
    .mcontent .footer-6 {
        padding-top: 35px;
        padding-bottom: 35px;
    }
}

.mcontent .footer-6 .brand {
    display: inline-block;
    margin-bottom: 12px;
    font-size: 25px;
    font-weight: normal;
    color: #34495e;
    font-family: "Lato", "Neue Helvetica Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 500;
    line-height: 18px;
}

.mcontent .footer-6 .brand:hover,
.mcontent .footer-6 .brand:focus {
    color: #1abc9c;
}

.mcontent .footer-6 h6 {
    margin: 0 0 20px;
    font-size: 18px;
    font-weight: normal;
    color: #34495e;
    font-family: "Lato", "Neue Helvetica Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: none;
}

@media (max-width: 767px) {
    .mcontent .footer-6 h6 {
        margin: 0 0 5px;
    }
}

.mcontent .footer-6 nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 16px;
    font-weight: normal;
    color: inherit;
}

.mcontent .footer-6 nav ul li {
    margin-bottom: 8px;
}

.mcontent .footer-6 nav ul li a {
    color: #777777;
}

.mcontent .footer-6 nav ul li a:hover,
.mcontent .footer-6 nav ul li a:focus {
    color: #1abc9c;
}

@media (max-width: 480px) {
    .mcontent .footer-6 nav h6 {
        margin: 0 0 12px;
    }
}

@media (max-width: 767px) {
    .mcontent .footer-6 nav {
        *zoom: 1;
    }

    .mcontent .footer-6 nav:before,
    .mcontent .footer-6 nav:after {
        content: " ";
        /* 1 */

        display: table;
        /* 2 */

    }

    .mcontent .footer-6 nav:after {
        clear: both;
    }

    .mcontent .footer-6 nav:before,
    .mcontent .footer-6 nav:after {
        display: table;
        content: "";
        line-height: 0;
    }

    .mcontent .footer-6 nav:after {
        clear: both;
    }

    .mcontent .footer-6 nav .col-sm-2 {
        float: left;
        width: 30%;
        margin-left: 5%;
    }

    .mcontent .footer-6 nav .col-sm-2:first-child {
        margin-left: 0;
    }
}

@media (max-width: 480px) {
    .mcontent .footer-6 nav {
        margin-bottom: 20px;
    }
}

.mcontent .footer-6 .input-group {
    margin-bottom: 20px;
}

.mcontent .footer-6 .input-group input[type="text"] {
    width: 167px;
    -webkit-transition: background-color 0.25s, border-color 0.25s;
    -moz-transition: background-color 0.25s, border-color 0.25s;
    -o-transition: background-color 0.25s, border-color 0.25s;
    transition: background-color 0.25s, border-color 0.25s;
}

@media (min-width: 1200px) {
    .mcontent .footer-6 .input-group input[type="text"] {
        width: 217px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .mcontent .footer-6 .input-group input[type="text"] {
        width: 112px;
    }
}

@media (max-width: 767px) {
    .mcontent .footer-6 .input-group input[type="text"] {
        width: 100%;
    }
}

.mcontent .footer-6 .input-group input[type="text"]:hover {
    border-color: #cacfd2;
}

.mcontent .footer-6 .input-group input[type="text"]:focus {
    border-color: #1abc9c;
}

.mcontent .footer-6 .social-btns {
    white-space: nowrap;
}

.mcontent .footer-6 .social-btns > * {
    display: inline-block;
    margin-left: 15px;
    font-size: 20px;
    font-weight: normal;
    color: #1abc9c;
    width: 20px;
    height: 25px;
    overflow: hidden;
    text-align: center;
}

@media (max-width: 480px) {
    .mcontent .footer-6 .social-btns > * {
        margin-top: 15px;
        margin-bottom: 7px;
    }
}

.mcontent .footer-6 .social-btns > *:first-child {
    margin-left: 0;
}

.mcontent .footer-6 .social-btns > * > * {
    display: block;
    position: relative;
    top: 0;
    -webkit-transition: 0.25s top;
    -moz-transition: 0.25s top;
    -o-transition: 0.25s top;
    transition: 0.25s top;
}

.mcontent .footer-6 .social-btns > * > *:first-child {
    color: #bdc3c7;
}

.mcontent .footer-6 .social-btns > *:hover > * {
    top: -100%;
}

.mcontent .footer-6 .social-btns .fui-twitter:first-child {
    margin-top: 2px;
}

@media (max-width: 767px) {
    .mcontent .footer-6 [class*="col-sm-"] {
        margin-top: 15px;
    }

    .mcontent .footer-6 .row:first-child {
        margin-top: -15px;
    }
}

@media (max-width: 480px) {
    .mcontent .footer-6 .input-group {
        margin-bottom: 0;
    }
}

.mcontent .footer-7 {
    padding-top: 150px;
    padding-bottom: 110px;
    color: #bdc3c7;
    line-height: 25px;
    text-align: center;
    position: relative;
}

.mcontent .footer-7.v-center,
.mcontent .footer-7 .v-center {
    display: table;
    width: 100%;
}

.mcontent .footer-7.v-center > div,
.mcontent .footer-7 .v-center > div {
    display: table-cell;
    vertical-align: middle;
    margin-top: 0;
    margin-bottom: 0;
    float: none;
}

@media (min-width: 768px) {
    .mcontent .footer-7.v-center.row:before,
    .mcontent .footer-7 .v-center.row:before,
    .mcontent .footer-7.v-center.row:after,
    .mcontent .footer-7 .v-center.row:after {
        display: none;
    }
}

@media (max-width: 767px) {
    .mcontent .footer-7.v-center,
    .mcontent .footer-7 .v-center {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding-left: 5px;
        padding-right: 5px;
    }

    .mcontent .footer-7.v-center.row,
    .mcontent .footer-7 .v-center.row {
        display: block;
        width: auto;
    }

    .mcontent .footer-7.v-center.row:before,
    .mcontent .footer-7 .v-center.row:before,
    .mcontent .footer-7.v-center.row:after,
    .mcontent .footer-7 .v-center.row:after {
        display: none;
    }

    .mcontent .footer-7.v-center.row > *,
    .mcontent .footer-7 .v-center.row > * {
        display: block;
        vertical-align: baseline;
    }
}

.mcontent .footer-7:before {
    content: '';
    position: absolute;
    top: 110px;
    left: 0;
    right: 0;
    height: 1px;
    overflow: hidden;
    background: #e2e4e6;
}

.mcontent .footer-7 a {
    color: #bdc3c7;
    font-weight: 500;
}

.mcontent .footer-7 a:hover,
.mcontent .footer-7 a:focus,
.mcontent .footer-7 a.active {
    color: #a1a6a9;
}

.mcontent .footer-7 nav {
    font-family: "Lato", "Neue Helvetica Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.mcontent .footer-7 nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.mcontent .footer-7 nav ul li {
    display: inline-block;
    min-width: 100px;
    line-height: 25px;
    font-size: 14px;
    font-weight: normal;
    color: inherit;
    font-weight: 500;
}

@media (max-width: 767px) {
    .mcontent .footer-7 nav ul li {
        min-width: 70px;
        font-size: 12px;
        font-weight: normal;
        color: inherit;
        font-weight: 500;
    }
}

.mcontent .footer-7 nav ul li .scroll-top {
    display: inline-block;
    width: 55px;
    height: 55px;
    line-height: 55px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    font-size: 16px;
    font-weight: normal;
    color: inherit;
    color: #ffffff;
    background: #bdc3c7;
}

.mcontent .footer-7 nav ul li .scroll-top:hover,
.mcontent .footer-7 nav ul li .scroll-top:focus,
.mcontent .footer-7 nav ul li .scroll-top.active {
    color: #ffffff;
}

.mcontent .footer-7 nav ul li .scroll-top:hover,
.mcontent .footer-7 nav ul li .scroll-top:focus {
    background: #a1a6a9;
}

.mcontent .footer-7 nav ul li .scroll-top:active,
.mcontent .footer-7 nav ul li .scroll-top.active {
    background: #84898b;
}

.mcontent .footer-7 > .container {
    position: relative;
}

.mcontent .footer-7 .container > a {
    position: absolute;
    top: 15px;
    left: 15px;
}

.mcontent .footer-7 .container > a [class*="fui-"] {
    font-size: 22px;
}

.mcontent .footer-7 .social-btns {
    white-space: nowrap;
    position: absolute;
    top: 15px;
    right: 15px;
}

.mcontent .footer-7 .social-btns > * {
    display: inline-block;
    margin-left: 15px;
    font-size: 16px;
    font-weight: normal;
    color: rgba(0, 0, 0, 0.4);
    width: 16px;
    height: 25px;
    overflow: hidden;
    text-align: center;
}

.mcontent .footer-7 .social-btns > *:first-child {
    margin-left: 0;
}

.mcontent .footer-7 .social-btns > * > * {
    display: block;
    position: relative;
    top: 0;
    -webkit-transition: 0.25s top;
    -moz-transition: 0.25s top;
    -o-transition: 0.25s top;
    transition: 0.25s top;
}

.mcontent .footer-7 .social-btns > * > *:first-child {
    color: #bdc3c7;
}

.mcontent .footer-7 .social-btns > *:hover > * {
    top: -100%;
}

@media (max-width: 600px) {
    .mcontent .footer-7 .container > a,
    .mcontent .footer-7 .scroll-btn {
        display: none;
    }

    .mcontent .footer-7 nav ul li {
        float: none;
        margin: 18px 0 0;
        display: block;
        text-align: left;
    }

    .mcontent .footer-7 nav ul li:first-child {
        margin-top: 0;
    }

    .mcontent .footer-7 .social-btns {
        position: static;
        text-align: left;
        margin-top: 20px;
        margin-bottom: -5px;
    }
}

.mcontent .footer-8 {
    padding-top: 110px;
    padding-bottom: 110px;
    text-align: center;
}

.mcontent .footer-8 a {
    color: #777777;
    font-weight: normal;
}

.mcontent .footer-8 a:hover,
.mcontent .footer-8 a:focus,
.mcontent .footer-8 a.active {
    color: #1abc9c;
}

.mcontent .footer-8 nav {
    margin-bottom: 40px;
}

.mcontent .footer-8 nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 16px;
    font-weight: normal;
    color: #777777;
}

.mcontent .footer-8 nav ul li {
    display: inline-block;
    margin-left: 30px;
}

.mcontent .footer-8 nav ul li:first-child {
    margin-left: 0;
}

.mcontent .footer-8 .additional-links {
    font-size: 12px;
    font-weight: normal;
    color: #777777;
}

.mcontent .footer-8 .additional-links a {
    text-decoration: underline;
}

@media (max-width: 480px) {
    .mcontent .footer-8 {
        padding-top: 40px;
        padding-bottom: 40px;
        text-align: left;
    }

    .mcontent .footer-8 nav {
        margin-bottom: 22px;
    }

    .mcontent .footer-8 nav ul li {
        display: block;
        float: none;
        margin: 18px 0 0;
    }

    .mcontent .footer-8 nav ul li:first-child {
        margin-top: 0;
    }
}

.mcontent .footer-9-map {
    padding: 0;
    height: 550px;
    min-height: 300px;
}

.mcontent .footer-9 {
    padding-top: 110px;
    padding-bottom: 110px;
}

.mcontent .footer-9 h6 {
    font-size: 18px;
    font-weight: normal;
    color: #34495e;
    font-family: "Lato", "Neue Helvetica Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 500;
    text-transform: none;
}

.mcontent .footer-9 p {
    font-size: 16px;
    font-weight: normal;
    color: #777777;
    font-family: "Lato", "Neue Helvetica Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
    line-height: 26px;
}

.mcontent .footer-9 a {
    font-size: 16px;
    color: #e74c3c;
    font-family: "Lato", "Neue Helvetica Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: normal;
}

@media (max-width: 768px) {
    .mcontent .footer-9 {
        padding-top: 80px;
        padding-bottom: 80px;
    }
}

@media (max-width: 480px) {
    .mcontent .footer-9 .box {
        margin-top: 33px;
    }

    .mcontent .footer-9 .box.box-first {
        margin-top: 0;
    }
}

.mcontent .footer-10 {
    position: relative;
    background: rgba(235, 237, 238, 0.76);
}

.mcontent .footer-10 > .container {
}

.mcontent .footer-10 .brand {
    display: inline-block;
    padding: 3px 0 0;
    font-size: 25px;
    font-weight: normal;
    color: inherit;
    font-family: "Lato", "Neue Helvetica Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 500;
    color: #34495e;
}

.mcontent .footer-10 .brand img:first-child {
    float: left;
    margin: -10px 15px 0 0;
}

.mcontent .footer-10 .brand:hover,
.mcontent .footer-10 .brand:focus,
.mcontent .footer-10 .brand.active {
    color: #e74c3c;
}

.mcontent .footer-10 p {
    font-size: 19px;
    font-weight: normal;
    color: #777777;
    line-height:1.444;
}

.mcontent .footer-10 a {
    font-weight: normal;
}

.mcontent .footer-10 a:hover,
.mcontent .footer-10 a:focus,
.mcontent .footer-10 a.active {

}

.mcontent .footer-10 h6 {
    font-size: 18px;
    font-weight: normal;
    color: #34495e;
    font-weight: 500;
    text-transform: none;
}

.mcontent .footer-10 nav h6 {
    margin: 0 0 15px;
    line-height: 24.000000000000004px;
    color: #34495e;
    font-weight: 500;
}

.mcontent .footer-10 nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 16px;
    font-weight: normal;
    color: inherit;
}

.mcontent .footer-10 nav ul li {
    margin: 25px 0px;
}

.mcontent .footer-10 nav a {
    color: #777777;
}

.mcontent .footer-10 nav a:hover,
.mcontent .footer-10 nav a:focus,
.mcontent .footer-10 nav a.active {
    color: #667071;
}

@media (max-width: 767px) {
    .mcontent .footer-10 .col-sm-2 {
        float: left;
        width: 50%;
    }

    .mcontent .footer-10 .col-sm-2 + .col-sm-2 + .col-sm-2 {
        clear: left;
        margin-top: 30px;
    }

    .mcontent .footer-10 .col-sm-2 + .col-sm-2 + .col-sm-2 + .col-sm-2 {
        clear: none;
        margin-top: 30px;
    }

    .mcontent .footer-10 .box {
        margin-top: 33px;
    }
}

@media (max-width: 480px) {
    .mcontent .footer-10 .box {
        margin-top: 33px;
    }

    .mcontent .footer-10 .box.box-first {
        margin-top: 0;
    }

    .mcontent .footer-10 .brand {
        margin-bottom: 33px;
    }
}

.mcontent .footer-10 .subscribe-form {
    padding-top: 40px;
    padding-bottom: 40px;
}

.mcontent .footer-10 .subscribe-form .col-sm-4 {
    text-align: right;
}

@media (max-width: 767px) {
    .mcontent .footer-10 .subscribe-form .col-sm-4 {
        text-align: center;
    }
}

.mcontent .footer-10 .subscribe-form form {
    margin: 0;
    position: relative;
}

.mcontent .footer-10 .subscribe-form input[type="text"] {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
    line-height: 59.99999999999999px;
    font-size: 50px;
    font-weight: normal;
    color: #ffffff;
    font-family: "Lato", "Neue Helvetica Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 500;
    letter-spacing: -1px;
}

.mcontent .footer-10 .subscribe-form input[type="text"]:-moz-placeholder {
    color: #ffffff;
}

.mcontent .footer-10 .subscribe-form input[type="text"]::-moz-placeholder {
    color: #ffffff;
    opacity: 1;
}

.mcontent .footer-10 .subscribe-form input[type="text"]:-ms-input-placeholder {
    color: #ffffff;
}

.mcontent .footer-10 .subscribe-form input[type="text"]::-webkit-input-placeholder {
    color: #ffffff;
}

.mcontent .footer-10 .subscribe-form input[type="text"].placeholder {
    color: #ffffff;
}

.mcontent .footer-10 .subscribe-form input[type="text"]::-webkit-input-placeholder {
    font-weight: 500;
    letter-spacing: -1px;
}

.mcontent .footer-10 .subscribe-form input[type="text"]:-moz-placeholder {
    font-weight: 500;
    letter-spacing: -1px;
}

.mcontent .footer-10 .subscribe-form input[type="text"]::-moz-placeholder {
    font-weight: 500;
    letter-spacing: -1px;
}

.mcontent .footer-10 .subscribe-form input[type="text"]:-ms-input-placeholder {
    font-weight: 500;
    letter-spacing: -1px;
}

.mcontent .footer-10 .subscribe-form .ani-placeholder {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    padding-left: 6px;
    line-height: 59.99999999999999px;
    font-size: 50px;
    font-weight: normal;
    color: #ffffff;
    font-family: "Lato", "Neue Helvetica Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.mcontent .footer-10 .subscribe-form .btn {
    margin-top: 8px;
    font-weight: 500;
    width: 220px;
    max-width: 100%;
}

@media (max-width: 767px) {
    .mcontent .footer-10 .subscribe-form {
        padding-left: 5px;
        padding-right: 5px;
        margin-left: -5px;
        margin-right: -5px;
    }
}

@media (max-width: 480px) {
    .mcontent .footer-10 .subscribe-form input[type="text"],
    .mcontent .footer-10 .subscribe-form .ani-placeholder {
        width: 100%;
        margin-bottom: 33px;
        line-height: 27px;
        font-size: 25px;
        font-weight: normal;
        color: inherit;
        text-align: center;
    }
}

.mcontent .footer-11 {
    padding-top: 110px;
    text-align: center;
}

.mcontent .footer-11 > .container {
    padding-bottom: 40px;
    position: relative;
}

.mcontent .footer-11 a {
    color: #bdc3c7;
    font-weight: normal;
}

.mcontent .footer-11 a:hover,
.mcontent .footer-11 a:focus,
.mcontent .footer-11 a.active {
    color: #3498db;
}

.mcontent .footer-11 .brand {
    position: absolute;
    top: 0;
    left: 15px;
}

.mcontent .footer-11 .brand img:first-child {
    float: left;
    margin: 0 15px 0 0;
}

.mcontent .footer-11 nav {
    margin: 0 100px;
}

.mcontent .footer-11 nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 16px;
    font-weight: normal;
    color: #34495e;
}

.mcontent .footer-11 nav ul li {
    display: inline-block;
    margin-left: 25px;
}

.mcontent .footer-11 nav ul li:first-child {
    margin-left: 0;
}

.mcontent .footer-11 nav ul li a {
    font-size: 18px;
    font-weight: normal;
    font-weight: 500;
    color: #34495e;
}

.mcontent .footer-11 nav ul li a:hover,
.mcontent .footer-11 nav ul li a:focus,
.mcontent .footer-11 nav ul li a.active {
    color: #bdc3c7;
}

.mcontent .footer-11 .social-btns {
    white-space: nowrap;
    position: absolute;
    top: 0;
    right: 15px;
}

.mcontent .footer-11 .social-btns > * {
    display: inline-block;
    margin-left: 15px;
    font-size: 16px;
    font-weight: normal;
    color: #34495e;
    width: 16px;
    height: 19px;
    overflow: hidden;
    text-align: center;
}

.mcontent .footer-11 .social-btns > *:first-child {
    margin-left: 0;
}

.mcontent .footer-11 .social-btns > * > * {
    display: block;
    position: relative;
    top: 0;
    -webkit-transition: 0.25s top;
    -moz-transition: 0.25s top;
    -o-transition: 0.25s top;
    transition: 0.25s top;
}

.mcontent .footer-11 .social-btns > * > *:first-child {
    color: #bdc3c7;
}

.mcontent .footer-11 .social-btns > *:hover > * {
    top: -100%;
}

.mcontent .footer-11 .additional-links {
    border-top: 2px solid #ecf0f1;
    background: #f4f5f6;
    padding: 50px 0;
    font-size: 14px;
    font-weight: normal;
    color: inherit;
}

@media (max-width: 767px) {
    .mcontent .footer-11 .additional-links {
        margin-right: -5px;
        margin-left: -5px;
    }

    .mcontent .footer-11 .additional-links .container {
        padding-left: 20px;
        padding-right: 20px;
    }
}

.mcontent .footer-11 .additional-links .lead {
    margin-bottom: 28px;
    font-size: 24px;
    font-weight: normal;
    color: #34495e;
}

.mcontent .footer-11 .additional-links .lead b {
    font-weight: 500;
}

.mcontent .footer-11 .additional-links a {
    margin: 0 10px;
    color: #95a5a6;
    font-family: "Lato", "Neue Helvetica Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.mcontent .footer-11 .additional-links a:hover,
.mcontent .footer-11 .additional-links a:focus,
.mcontent .footer-11 .additional-links a.active {
    color: #778485;
}

@media (max-width: 480px) {
    .mcontent .footer-11 {
        border-top: 0;
        text-align: left;
    }

    .mcontent .footer-11 .brand {
        display: none;
    }

    .mcontent .footer-11 nav {
        margin-left: -20px;
        margin-right: -20px;
    }

    .mcontent .footer-11 nav ul li {
        float: none;
        margin: 0;
        display: block;
        text-align: left;
        border-bottom: 2px solid #ecf0f1;
        padding: 11px 20px;
    }

    .mcontent .footer-11 nav ul li:first-child {
        margin-top: 0;
        border-bottom: 0 none;
    }

    .mcontent .footer-11 .social-btns {
        position: static;
        margin-top: 30px;
        margin-bottom: 11px;
    }

    .mcontent .footer-11 .additional-links a {
        margin: 0 20px 0 0;
        line-height: 18.0667px;
    }
}

.mcontent .footer-12 {
    padding-top: 190px;
    padding-bottom: 110px;
    text-align: center;
    font-size: 84.3px;
    font-weight: normal;
    color: rgba(44, 62, 80, 0.2);
    font-family: "Lato", "Neue Helvetica Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 800;
    letter-spacing: -2px;
}

.mcontent .footer-12:before {
    content: '';
    position: absolute;
    top: 110px;
    left: 0;
    right: 0;
    height: 2px;
    overflow: hidden;
    background: #ebedee;
}

.mcontent .footer-12 [class*="fui-"] {
    font-size: 60px;
    font-weight: normal;
    color: #e74c3c;
    vertical-align: baseline;
}

@media (min-width: 1200px) {
    .mcontent .footer-12 {
        font-size: 84px;
        font-weight: normal;
        color: rgba(44, 62, 80, 0.2);
        font-weight: 800;
    }
}

@media (max-width: 1199px) {
    .mcontent .footer-12 {
        font-size: 82px;
    }
}

@media (max-width: 991px) and (min-width: 768px) {
    .mcontent .footer-12 {
        font-size: 56px;
        font-weight: normal;
        color: rgba(44, 62, 80, 0.2);
        font-weight: 800;
    }
}

@media (max-width: 767px) {
    .mcontent .footer-12 {
        font-size: 36px;
        font-weight: normal;
        color: rgba(44, 62, 80, 0.2);
        font-weight: 800;
    }

    .mcontent .footer-12 [class*="fui-"] {
        font-size: 32px;
    }
}

@media (max-width: 480px) {
    .mcontent .footer-12 {
        font-size: 26px;
        font-weight: normal;
        color: rgba(44, 62, 80, 0.2);
        padding-top: 150px;
        font-weight: 800;
    }

    .mcontent .footer-12 [class*="fui-"] {
        font-size: 18px;
        font-weight: normal;
        color: #e74c3c;
    }
}

.mcontent .footer-13 {
    padding-top: 44px;
    padding-bottom: 40px;
    background: #ebedee;
    text-align: center;
}

.mcontent .footer-13 a {
    font-weight: normal;
}

.mcontent .footer-13 > .container {
    position: relative;
}

.mcontent .footer-13 > .container > [class*="fui-"] {
    position: absolute;
    top: -1px;
    left: 50%;
    margin-left: -12px;
    font-size: 24px;
    font-weight: normal;
    color: #e74c3c;
}

.mcontent .footer-13 nav {
    font-size: 12px;
    font-weight: normal;
    color: inherit;
    font-family: "Lato", "Neue Helvetica Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 500;
    letter-spacing: 1px;
}

.mcontent .footer-13 nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.mcontent .footer-13 nav ul li {
    float: left;
    margin-left: 130px;
    line-height: 25px;
}

@media (max-width: 991px) {
    .mcontent .footer-13 nav ul li {
        margin-left: 70px;
    }
}

@media (max-width: 767px) {
    .mcontent .footer-13 nav ul li {
        margin-left: 20px;
    }
}

.mcontent .footer-13 nav ul li:first-child {
    margin-left: 0;
}

.mcontent .footer-13 nav ul li a {
    color: #95a5a6;
}

.mcontent .footer-13 nav ul li a:hover,
.mcontent .footer-13 nav ul li a:focus,
.mcontent .footer-13 nav ul li a.active {
    color: #e74c3c;
}

@media (max-width: 620px) {
    .mcontent .footer-13 > .container > [class*="fui-"] {
        display: none;
    }
}

@media (max-width: 520px) {
    .mcontent .footer-13 nav {
        float: none !important;
        text-align: left;
    }

    .mcontent .footer-13 nav.pull-right {
        margin-top: 18px;
    }

    .mcontent .footer-13 nav ul li {
        float: none;
        margin: 18px 0 0;
    }

    .mcontent .footer-13 nav ul li:first-child {
        margin-top: 0;
    }
}

.mcontent .footer-14 {
    padding-top: 30px;
    padding-bottom: 30px;
    background: #f4f5f6;
    line-height: 25px;
}

.mcontent .footer-14 .brand {
    position: absolute;
    top: 0;
    left: 15px;
}

.mcontent .footer-14 a {
    color: #95a5a6;
    font-weight: 500;
}

.mcontent .footer-14 a:hover,
.mcontent .footer-14 a:focus,
.mcontent .footer-14 a.active {
    color: #e74c3c;
}

.mcontent .footer-14 nav {
    font-size: 16px;
    font-weight: normal;
    color: inherit;
    font-family: "Lato", "Neue Helvetica Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 500;
    text-align: center;
    margin: 0 100px;
}

.mcontent .footer-14 nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.mcontent .footer-14 nav ul li {
    float: none;
    display: inline-block;
    margin-left: 50px;
    line-height: 25px;
}

@media (max-width: 767px) {
    .mcontent .footer-14 nav ul li {
        margin-left: 20px;
    }
}

.mcontent .footer-14 nav ul li:first-child {
    margin-left: 0;
}

.mcontent .footer-14 .social-btns {
    position: absolute;
    top: 0;
    right: 15px;
    white-space: nowrap;
}

.mcontent .footer-14 .social-btns > * {
    display: inline-block;
    margin-left: 15px;
    font-size: 16px;
    font-weight: normal;
    color: #95a5a6;
    width: 16px;
    height: 25px;
    overflow: hidden;
    text-align: center;
    vertical-align: top;
    opacity: 100;
    filter: alpha(opacity=10000);
    opacity: 1;
    filter: alpha(opacity=100);
}

.mcontent .footer-14 .social-btns > *:first-child {
    margin-left: 0;
}

.mcontent .footer-14 .social-btns > * > * {
    display: block;
    position: relative;
    top: 0;
    -webkit-transition: 0.25s top;
    -moz-transition: 0.25s top;
    -o-transition: 0.25s top;
    transition: 0.25s top;
}

.mcontent .footer-14 .social-btns > *:hover > * {
    top: -100%;
}

@media (max-width: 480px) {
    .mcontent .footer-14 .brand {
        display: none;
    }

    .mcontent .footer-14 nav {
        text-align: left;
        margin: 0;
    }

    .mcontent .footer-14 nav ul li {
        float: none;
        margin: 18px 0 0;
        display: block;
    }

    .mcontent .footer-14 nav ul li:first-child {
        margin-top: 0;
    }

    .mcontent .footer-14 .social-btns {
        margin: 0 0 30px;
        position: relative;
        display: block;
        float: none;
        right: 0;
    }
}

.mcontent .footer-15 {
    bottom: 0;
    left: 0;
    right: 0;
    padding-top: 15px;
    padding-bottom: 15px;
    background: #f4f5f6;
    text-align: right;
    font-size: 16px;
    font-weight: normal;
    color: inherit;
    font-weight: 500;
}

.mcontent .footer-15 span {
    line-height: 41px;
    display: inline-block;
    vertical-align: top;
}

@media (max-width: 480px) {
    .mcontent .footer-15 span {
        line-height: normal;
    }
}

.mcontent .footer-15 .btns {
    display: inline-block;
    margin-left: 25px;
}

.mcontent .footer-15 .btns .btn {
    margin-left: 10px;
    padding-left: 20px;
    padding-right: 20px;
    font-weight: 500;
}

.mcontent .footer-15 .btns .btn:first-child {
    margin-left: 0;
}

@media (max-width: 767px) {
    .mcontent .footer-15 {
        text-align: center;
    }

    .mcontent .footer-15 .btns {
        display: block;
        margin: 10px auto 0;
    }
}

@media (max-width: 480px) {
    .mcontent .footer-15 {
        padding-top: 45px;
        padding-bottom: 45px;
    }

    .mcontent .footer-15 .btns {
        margin: 26px auto 0;
    }

    .mcontent .footer-15 .btns .btn {
        margin: 0;
        display: block;
    }

    .mcontent .footer-15 .btns .btn + .btn {
        margin-top: 9px;
    }
}

.mcontent body .delimiter-big {
    margin-top: 110px;
}

.mcontent .content-31.mask .container:before,
.mcontent .footer-7.mask:before,
.mcontent .footer-12.mask:before {
    display: none;
}

.nav-visible .read-man {
    display: none;
}

.dockbar {
    -webkit-transition: z-index 4s ease 0s;
    -moz-transition: z-index 4s ease 0s;
    -o-transition: z-index 4s ease 0s;
    transition: z-index 4s ease 0s;
    display: block;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    margin: 0;
    overflow: visible;
    font-family: "Lato", "Neue Helvetica Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

@media (max-width: 1200px) {
    .dockbar.navbar-fixed-top {
        position: fixed;
    }

    .dockbar.navbar-fixed-top .container {
        width: auto;
    }
}

.dockbar .menu-btn {
    display: none;
}

@media (max-width: 1200px) {
    .dockbar .menu-btn {
        display: inline-block;
        float: right;
        position: relative;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        width: 66px;
        height: 66px;
        background: none #1b1f23;
        border: 0 none;
        border-left: 1px solid #272b2f;
        color: #919497;
    }

    .dockbar .menu-btn:hover,
    .dockbar .menu-btn:focus {
        border: 0 none;
        border-left: 1px solid #272b2f;
        color: #ffffff;
    }

    .dockbar .menu-btn span {
        content: '';
        background-image: url("../../../assets/common-files/icons/menu-icon.png");
        width: 17px;
        height: 12px;
    }

    .dockbar .menu-btn span:before {
        content: '';
    }
}

.dockbar .main-menu {
    display: block;
    overflow: hidden;
    background-color: #1b1f23;
    margin: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: 0;
}

.dockbar .main-menu > div {
    height: 65px;
}

.dockbar .main-menu > div > div {
    height: 65px;
}

.dockbar .main-menu a.man-brand {
    display: inline-block;
    float: left;
    text-decoration: none;
    line-height: 100px;
}

@media (max-width: 1200px) {
    .dockbar .main-menu a.man-brand {
        line-height: 65px;
        width: auto;
    }
}

.dockbar .main-menu a.man-brand .logotype {
    font-size: 16px;
    font-weight: normal;
    color: #ffffff;
    font-weight: 800;
    text-transform: uppercase;
}

.dockbar .main-menu a.man-brand .doc-title {
    text-transform: uppercase;
    font-size: 16px;
    color: #919497;
    font-weight: normal;
}

.dockbar .main-menu dl {
    display: inline-block;
    margin: 0;
}

@media (max-width: 1200px) {
    .dockbar .main-menu dl {
        display: none;
    }
}

.dockbar .main-menu dl dd {
    margin: 0;
    padding: 35px 0;
    line-height: 30.999999999999996px;
    display: inline-block;
}

.dockbar .main-menu dl dd a {
    font-size: 12px;
    font-weight: normal;
    font-family: "Lato", "Neue Helvetica Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 500;
    padding-right: 22px;
    text-transform: uppercase;
    text-decoration: underline;
    color: #919497;
    display: block;
}

.dockbar .main-menu dl dd a:hover,
.dockbar .main-menu dl dd a:focus,
.dockbar .main-menu dl dd a.active {
    color: #ffffff;
}

.dockbar .main-menu dl dd a.active {
    text-decoration: none;
    color: white;
}

body {
    padding-top: 112px;
    position: relative;
    font-family: "Lato", "Neue Helvetica Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

body.hovered {
    background-color: #ecf0f1;
}

body .delimiter-big {
    margin-top: 180px;
}

body .delimiter {
    margin-top: 30px;
}

body section[class*=content-] {
    margin-top: 0;
    margin-bottom: 0;
}

body .colapsed-menu {
    display: none;
    width: 230px;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    padding: 25px 0;
    margin: 0;
    overflow: auto;
    background-color: #222527;
}

body .colapsed-menu dl {
    position: relative;
    display: block;
    margin: 0;
}

body .colapsed-menu dl dd {
    border-bottom: 1px solid #24292D;
    line-height: 45px;
    margin: 0;
    -webkit-box-sizing: 'border-box';
    -moz-box-sizing: 'border-box';
    box-sizing: 'border-box';
    width: 100%;
    text-transform: uppercase;
}

body .colapsed-menu dl dd dd {
    padding: 0 0 0 20px;
    font-size: 12px;
    border-top: 1px solid #24292D;
    border-bottom: 0;
    line-height: 30px;
}

body .colapsed-menu dl dd > a {
    display: block;
    padding: 0 0 0 35px;
    color: #5b5e61;
}

body .colapsed-menu dl dd > a:hover,
body .colapsed-menu dl dd > a:focus,
body .colapsed-menu dl dd > a.active {
    color: #ffffff;
}

body .colapsed-menu dl dd > a.active {
    text-decoration: none;
    color: white;
}

body .colapsed-menu dl dd > a.active:after {
    display: none;
}

body .colapsed-menu.show-menu {
    display: block;
}

body .colapsed-menu::-webkit-scrollbar {
    display: none;
}

.manual-pages {
    /* prism default theme */

    /**
 * prism.js default theme for JavaScript, CSS and HTML
 * Based on dabblet (http://dabblet.com)
 * @author Lea Verou
 */

    /* Code blocks */

    /* Inline code */

    /*end prism*/

}

.manual-pages code[class*="language-"],
.manual-pages pre[class*="language-"] {
    color: black;
    text-shadow: 0 1px white;
    font-family: Consolas, Monaco, 'Andale Mono', monospace;
    direction: ltr;
    text-align: left;
    white-space: pre;
    word-spacing: normal;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    -webkit-hyphens: none;
    -moz-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
}

.manual-pages pre[class*="language-"]::-moz-selection,
.manual-pages pre[class*="language-"] ::-moz-selection,
.manual-pages code[class*="language-"]::-moz-selection,
.manual-pages code[class*="language-"] ::-moz-selection {
    text-shadow: none;
    background: #b3d4fc;
}

.manual-pages pre[class*="language-"]::selection,
.manual-pages pre[class*="language-"] ::selection,
.manual-pages code[class*="language-"]::selection,
.manual-pages code[class*="language-"] ::selection {
    text-shadow: none;
    background: #b3d4fc;
}

@media print {
    .manual-pages code[class*="language-"],
    .manual-pages pre[class*="language-"] {
        text-shadow: none;
    }
}

.manual-pages pre[class*="language-"] {
    padding: 1em;
    margin: .5em 0;
    overflow: auto;
}

.manual-pages :not(pre) > code[class*="language-"],
.manual-pages pre[class*="language-"] {
    background: #f5f2f0;
}

.manual-pages :not(pre) > code[class*="language-"] {
    padding: .1em;
    border-radius: .3em;
}

.manual-pages .token.comment,
.manual-pages .token.prolog,
.manual-pages .token.doctype,
.manual-pages .token.cdata {
    color: slategray;
}

.manual-pages .token.punctuation {
    color: #999;
}

.manual-pages .namespace {
    opacity: .7;
}

.manual-pages .token.property,
.manual-pages .token.tag,
.manual-pages .token.boolean,
.manual-pages .token.number,
.manual-pages .token.constant,
.manual-pages .token.symbol {
    color: #905;
}

.manual-pages .token.selector,
.manual-pages .token.attr-name,
.manual-pages .token.string,
.manual-pages .token.builtin {
    color: #690;
}

.manual-pages .token.operator,
.manual-pages .token.entity,
.manual-pages .token.url,
.manual-pages .language-css .token.string,
.manual-pages .style .token.string,
.manual-pages .token.variable {
    color: #a67f59;
    background: rgba(255, 255, 255, 0.5);
}

.manual-pages .token.atrule,
.manual-pages .token.attr-value,
.manual-pages .token.keyword {
    color: #07a;
}

.manual-pages .token.regex,
.manual-pages .token.important {
    color: #e90;
}

.manual-pages .token.important {
    font-weight: 500;
}

.manual-pages .token.entity {
    cursor: help;
}

.manual-pages pre[data-line] {
    position: relative;
    padding: 1em 0 1em 3em;
}

.manual-pages .line-highlight {
    position: absolute;
    left: 0;
    right: 0;
    padding: inherit 0;
    margin-top: 1em;
    /* Same as .prism’s padding-top */

    background: rgba(153, 122, 102, 0.08);
    background: -moz-linear-gradient(left, rgba(153, 122, 102, 0.1) 70%, rgba(153, 122, 102, 0));
    background: -webkit-linear-gradient(left, rgba(153, 122, 102, 0.1) 70%, rgba(153, 122, 102, 0));
    background: -o-linear-gradient(left, rgba(153, 122, 102, 0.1) 70%, rgba(153, 122, 102, 0));
    background: linear-gradient(left, rgba(153, 122, 102, 0.1) 70%, rgba(153, 122, 102, 0));
    pointer-events: none;
    line-height: inherit;
    white-space: pre;
}

.manual-pages .line-highlight:before,
.manual-pages .line-highlight[data-end]:after {
    content: attr(data-start);
    position: absolute;
    top: .4em;
    left: .6em;
    min-width: 1em;
    padding: 0 .5em;
    background-color: rgba(153, 122, 102, 0.4);
    color: #f5f2f0;
    font: bold 65%/1.5 sans-serif;
    text-align: center;
    vertical-align: .3em;
    border-radius: 999px;
    text-shadow: none;
    box-shadow: 0 1px white;
}

.manual-pages .line-highlight[data-end]:after {
    content: attr(data-end);
    top: auto;
    bottom: .4em;
}

.manual-pages pre.line-numbers {
    position: relative;
    padding-left: 3.8em;
    counter-reset: linenumber;
}

.manual-pages pre.line-numbers > code {
    position: relative;
}

.manual-pages .line-numbers .line-numbers-rows {
    position: absolute;
    pointer-events: none;
    top: 0;
    font-size: 100%;
    left: -3.8em;
    width: 3em;
    /* works for line-numbers below 1000 lines */

    letter-spacing: -1px;
    border-right: 1px solid #999;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.manual-pages .line-numbers-rows > span {
    pointer-events: none;
    display: block;
    counter-increment: linenumber;
}

.manual-pages .line-numbers-rows > span:before {
    content: counter(linenumber);
    color: #999;
    display: block;
    padding-right: 0.8em;
    text-align: right;
}

.manual-pages.hti .container p {
    font-size: 20px;
    color: #777777;
    font-family: "Lato", "Neue Helvetica Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: normal;
    margin: 49px 0 0 0;
}

.manual-pages.css-classes {
    margin-top: 9px;
    margin-bottom: 114px;
}

.manual-pages.css-classes .micro-content > .title {
    margin-top: 30px;
    margin-bottom: 30px;
    font-size: 20px;
    font-weight: normal;
    color: #303336;
    font-family: "Lato", "Neue Helvetica Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 500;
}

.manual-pages.css-classes .micro-content > .text {
    margin-top: 0;
    padding-bottom: 30px;
    font-size: 16px;
    font-weight: normal;
    color: #696f6f;
    padding-top: 5px;
}

.manual-pages.css-classes .container h1 {
    margin-top: 95px;
    margin-bottom: 30px;
}

.manual-pages.css-classes .micro {
    padding-top: 30px;
}

.manual-pages.css-classes .micro .micro-item .preview {
    float: left;
    font-size: 18px;
    font-weight: normal;
    color: #ffffff;
    font-family: "Lato", "Neue Helvetica Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 300;
    width: 40%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 0 none;
    text-align: center;
    height: 75px;
    padding-top: 40px;
    padding-bottom: 10px;
    vertical-align: bottom;
}

.manual-pages.css-classes .micro .micro-item .preview.bg-white {
    color: #bdc3c7;
    border: 3px solid #bdc3c7;
}

.manual-pages.css-classes .micro .micro-item .desc {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 20px;
    padding-right: 20px;
    height: 75px;
    width: 60%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 0 none;
    float: left;
}

.manual-pages.css-classes .micro .micro-item .desc .title {
    padding: 0;
    font-size: 20px;
    font-weight: normal;
    color: #303336;
    font-family: "Lato", "Neue Helvetica Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 500;
}

.manual-pages.css-classes .micro .micro-item .desc .text {
    font-size: 16px;
    font-weight: normal;
    color: #696f6f;
    padding-top: 5px;
}

.manual-pages .container h1 {
    font-size: 35px;
    font-weight: normal;
    color: #1b1f23;
    font-family: "Lato", "Neue Helvetica Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 800;
    letter-spacing: -2px;
    margin: 125px 0 0 0;
}

.manual-pages .container h2 {
    font-size: 28px;
    font-weight: normal;
    color: #1b1f23;
    font-family: "Lato", "Neue Helvetica Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 800;
    letter-spacing: -2px;
    margin: 90px 0 0 0;
}

.manual-pages .container p {
    font-size: 20px;
    color: #777777;
    font-family: "Lato", "Neue Helvetica Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: normal;
    margin: 48px 0 0 0;
}

.manual-pages .container .man-button {
    display: inline-block;
    font-size: 18px;
    font-weight: normal;
    color: #303336;
    font-family: "Lato", "Neue Helvetica Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 500;
    padding: 19px 31px;
    border: 3px #303336 solid;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    margin: 55px 0 0 0;
    text-decoration: none;
}

.manual-pages .container .man-button:hover {
    background-color: #303336;
    color: white;
    border: 3px #303336 solid;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.manual-pages .container code[class*="language-"] {
    white-space: normal;
    display: inline-block;
    border: 0 none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.manual-pages .container pre[class*="language-"] {
    border: 0 none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    position: relative;
    max-width: 100%;
    margin: 48px 0 0 0;
    padding: 20px !important;
}

.manual-pages .container pre[class*="language-"] code[class*="language-"] {
    white-space: pre;
    display: block;
    border: 0 none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.manual-pages .container .man-items {
    margin: 110px 0;
    position: relative;
}

.manual-pages .container .man-items > div,
.manual-pages .container .man-items > div > div {
    position: relative;
}

.manual-pages .container .man-items > div:first-child {
    margin: 0;
}

.manual-pages .container .man-items h3 {
    font-size: 20px;
    font-weight: normal;
    color: #303336;
}

@media (max-width: 768px) {
    .manual-pages .container .man-items h3 {
        margin-top: 40px;
    }
}

.manual-pages .container .man-items p {
    font-size: 16px;
    font-weight: normal;
    color: #696f6f;
    margin: 25px 0 0 0;
}

.manual-pages .container .man-items .learn-more {
    display: inline-block;
    font-size: 16px;
    font-weight: normal;
    color: #1b1f23;
    text-decoration: none;
    border-bottom: 1px solid #d6d6d7;
    margin: 18px 0 0 0;
}

.manual-pages .container .man-items .learn-more:hover {
    border-bottom: 0 none;
}

.manual-pages .container a {
    border-bottom: 1px solid #2f3335;
    font-size: 20px;
    font-weight: normal;
    color: #1b1f23;
    text-decoration: none;
    font-family: "Lato", "Neue Helvetica Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.manual-pages .container a:hover {
    border-bottom: 1px solid #ccc;
}

.manual-pages .container .tutorial {
    margin-top: 90px;
    margin-bottom: 90px;
}

.manual-pages .container .tutorial .player {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    background: rgba(52, 152, 219, 0.1);
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 476px;
    margin: 0 auto;
}

.manual-pages .container .tutorial .player .btn-play {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 60px;
    margin: -20px 0 0 -30px;
    padding-left: 16px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.manual-pages .container .tutorial .player > iframe {
    width: 100%;
    height: 100%;
    border: 0;
    display: block;
}

@media (max-width: 1200px) {
    .manual-pages .container .tutorial .player {
        height: 375px;
    }
}

@media (max-width: 1000px) {
    .manual-pages .container .tutorial .player {
        height: 304px;
    }
}

@media (max-width: 768px) {
    .manual-pages .container .tutorial .player {
        height: 436px;
    }
}

@media (max-width: 568px) {
    .manual-pages .container .tutorial .player {
        max-height: 280px;
    }
}

@media (max-width: 400px) {
    .manual-pages .container .tutorial .player {
        max-height: 180px;
    }
}

.manual-pages .container .tutorial h2 {
    margin-top: 0;
    font-size: 18px;
    line-height: 28px;
    letter-spacing: 0px;
    font-weight: 600;
}

@media (max-width: 768px) {
    .manual-pages .container .tutorial h2 {
        margin-top: 40px;
    }
}

.manual-pages .container .tutorial h2 a {
    font-size: 18px;
    font-weight: 600;
}

.manual-pages .container .tutorial p {
    font-size: 16px;
    line-height: 26px;
    letter-spacing: 0px;
    font-weight: normal;
    margin-top: 10px;
}

.faq .question.opened .answer {
    display: block;
}

.faq .question p {
    font-size: 20px;
    font-weight: normal;
    color: #303336;
    font-family: "Lato", "Neue Helvetica Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 600;
    letter-spacing: -0.2px;
    line-height: 36px;
}

.faq .question .answer p {
    margin: 30px 0 0 0;
    color: #696f6f;
    font-weight: normal;
    letter-spacing: normal;
}

.faq .question .answer pre[class*="language-"] {
    margin: 33px 0 0 0;
}

.nav-visible .read-man {
    display: none;
}

.dockbar {
    -webkit-transition: z-index 4s ease 0s;
    -moz-transition: z-index 4s ease 0s;
    -o-transition: z-index 4s ease 0s;
    transition: z-index 4s ease 0s;
    display: block;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    margin: 0;
    overflow: visible;
    font-family: "Lato", "Neue Helvetica Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.dockbar.navbar-fixed-top .colapsed-menu {
    display: none;
}

@media (max-width: 979px) {
    .dockbar.navbar-fixed-top {
        position: fixed;
    }

    .dockbar.navbar-fixed-top .colapsed-menu {
        float: right;
        display: none;
        max-width: 400px;
        position: absolute;
        right: 0;
        top: 67px;
        width: auto;
        margin: 0;
        padding: 0;
    }

    .dockbar.navbar-fixed-top .colapsed-menu dl {
        position: relative;
        display: block;
        margin: 0;
    }

    .dockbar.navbar-fixed-top .colapsed-menu dl dd {
        border-bottom: 1px solid #202428;
        line-height: 45px;
        display: block;
        margin: 0;
        -webkit-box-sizing: 'border-box';
        -moz-box-sizing: 'border-box';
        box-sizing: 'border-box';
        width: 100%;
        float: left;
        text-transform: uppercase;
        background-color: #1b1f23;
    }

    .dockbar.navbar-fixed-top .colapsed-menu dl dd:hover dd,
    .dockbar.navbar-fixed-top .colapsed-menu dl dd:focus dd {
        display: block;
    }

    .dockbar.navbar-fixed-top .colapsed-menu dl dd dd {
        display: none;
        margin: 0 0 0 20px;
        font-size: 12px;
        border: 0 none;
    }

    .dockbar.navbar-fixed-top .colapsed-menu dl dd > a {
        float: left;
        display: block;
        width: 100%;
        padding: 0 0 0 65px;
        color: #919497;
    }

    .dockbar.navbar-fixed-top .colapsed-menu dl dd > a:hover,
    .dockbar.navbar-fixed-top .colapsed-menu dl dd > a:focus,
    .dockbar.navbar-fixed-top .colapsed-menu dl dd > a.active {
        color: #ffffff;
    }

    .dockbar.navbar-fixed-top .colapsed-menu dl dd > a.active {
        text-decoration: none;
        color: white;
    }

    .dockbar.navbar-fixed-top .colapsed-menu dl dd > a.active:after {
        display: none;
    }

    .dockbar.navbar-fixed-top > menu {
        padding: 0 0 0 20px;
    }

    .dockbar.navbar-fixed-top .container {
        width: auto;
    }
}

.dockbar .menu-btn {
    display: none;
}

@media (max-width: 979px) {
    .dockbar .menu-btn {
        display: inline-block;
        float: right;
        position: relative;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        width: 66px;
        height: 66px;
        background: none #1b1f23;
        border: 0 none;
        border-left: 1px solid #272b2f;
        color: #919497;
    }

    .dockbar .menu-btn:hover,
    .dockbar .menu-btn:focus {
        border: 0 none;
        border-left: 1px solid #272b2f;
        color: #ffffff;
    }
}

.dockbar .main-menu {
    display: block;
    overflow: hidden;
    background-color: #1b1f23;
    margin: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: 0;
}

.dockbar .main-menu > div {
    height: 65px;
}

.dockbar .main-menu > div > div {
    height: 65px;
}

.dockbar .main-menu a.man-brand {
    display: inline-block;
    float: left;
    text-decoration: none;
    line-height: 100px;
}

@media (max-width: 979px) {
    .dockbar .main-menu a.man-brand {
        line-height: 65px;
        width: auto;
    }
}

.dockbar .main-menu a.man-brand .logotype {
    font-size: 16px;
    font-weight: normal;
    color: #ffffff;
    font-weight: 800;
    text-transform: uppercase;
}

.dockbar .main-menu a.man-brand .doc-title {
    text-transform: uppercase;
    font-size: 16px;
    color: #919497;
    font-weight: normal;
}

.dockbar .main-menu dl {
    display: inline-block;
    margin: 0;
}

@media (max-width: 979px) {
    .dockbar .main-menu dl {
        display: none;
    }
}

.dockbar .main-menu dl dd {
    margin: 0 0 0 22px;
    padding: 35px 0;
    line-height: 30.999999999999996px;
    display: inline-block;
}

.dockbar .main-menu dl dd:first-child {
    margin: 0;
}

.dockbar .main-menu dl dd:last-child a {
    border-right: 0 none;
}

.dockbar .main-menu dl dd a {
    font-size: 12px;
    font-weight: normal;
    font-family: "Lato", "Neue Helvetica Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 500;
    padding-right: 22px;
    text-transform: uppercase;
    text-decoration: underline;
    color: #919497;
    display: block;
    border-right: 1px #272a2e solid;
}

.dockbar .main-menu dl dd a:hover,
.dockbar .main-menu dl dd a:focus,
.dockbar .main-menu dl dd a.active {
    color: #ffffff;
}

.dockbar .main-menu dl dd a.active {
    text-decoration: none;
    color: white;
}

.dockbar .sub-menu {
    background-color: #ebebeb;
    margin: 0;
    padding: 0;
    width: 100%;
    box-sizing: border-box;
}

@media (max-width: 979px) {
    .dockbar .sub-menu {
        display: none;
    }
}

.dockbar .sub-menu > div {
    height: 45px;
}

.dockbar .sub-menu > div > div {
    height: 45px;
}

.dockbar .sub-menu .sm-title {
    display: inline-block;
    text-decoration: none;
    line-height: 45px;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: normal;
    color: #1b1f23;
    font-family: "Lato", "Neue Helvetica Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 500;
}

.dockbar .sub-menu dl {
    display: inline-block;
    margin: 0;
}

.dockbar .sub-menu dl dd {
    position: relative;
    margin: 0 0 0 10px;
    line-height: 40px;
    display: inline-block;
    padding: 0;
}

.dockbar .sub-menu dl dd:first-child {

}

.dockbar .sub-menu dl dd a {
    font-size: 13px;
    font-weight: normal;
    font-family: "Lato", "Neue Helvetica Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #797b7d;
    padding: 0px 10px;
}

.dockbar .sub-menu dl dd a:hover,
.dockbar .sub-menu dl dd a:focus,
.dockbar .sub-menu dl dd a.active {
    color: #203082;
}

.dockbar .sub-menu dl dd a:hover {
    text-decoration: none;
}

.dockbar .sub-menu dl dd a.active {
    text-decoration: none;
    color: #1b1f23;
}

body {
    padding-top: 45px;
    position: relative;
    font-family: "Lato", "Neue Helvetica Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

body:before {
    opacity: 0;
    filter: alpha(opacity=0);
    display: block;
    content: "";
    height: 100%;
    width: 100%;
    top: 0;
    right: -100%;
    bottom: 0;
    overflow: hidden;
    position: fixed;
    background: #1b1f23;
    z-index: 1035;
    -webkit-transition: -webkit-opacity 0.3s linear 0s, right 0.1s linear 0.7s;
    -moz-transition: -moz-opacity 0.3s linear 0s, right 0.1s linear 0.7s;
    -o-transition: -o-opacity 0.3s linear 0s, right 0.1s linear 0.7s;
    transition: opacity 0.3s linear 0s, right 0.1s linear 0.7s;
}

@media (max-width: 979px) {
    body {
        padding-top: 66px;
    }
}

body.colapsed-menu-active {
    height: 100%;
    overflow: hidden;
}

body.colapsed-menu-active .dockbar {
    border-bottom: 1px solid #272b2f;
}

body.colapsed-menu-active .colapsed-menu {
    display: block !important;
}

body.wo-components {
    padding-top: 66px;
}

a:hover,
button:hover,
a:focus,
button:focus {
    outline: 0 none;
}

a {
    cursor: pointer;
}

a.active {
    cursor: default;
}

.read-man {
    margin-top: 24px;
    position: absolute;
    right: 24px;
    z-index: 901;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 49px;
    width: 49px;
    border: 3px solid #f5f5f5;
    font-size: 20px;
    font-weight: normal;
    color: #ffffff;
    font-family: "Lato", "Neue Helvetica Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 800;
    background-color: #2d353d;
    -webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
}

.read-man.small {
    margin-top: 0;
}

.read-man:hover {
    background-color: #23292f;
}

.mask {
    display: none;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: -webkit-opacity 1s linear 0s;
    -moz-transition: -moz-opacity 1s linear 0s;
    -o-transition: -o-opacity 1s linear 0s;
    transition: opacity 1s linear 0s;
}

.mask.active {
    display: block;
    background-color: #1b1f23 !important;
    background-image: none !important;
    background-size: auto;
    position: absolute;
    z-index: 900;
    width: 100%;
    text-align: center;
    top: auto;
    bottom: auto;
    left: auto;
    right: auto;
    padding: 0;
    margin: 0;
    overflow: hidden;
    opacity: 97;
    filter: alpha(opacity=9700);
    opacity: 0.97;
    filter: alpha(opacity=97);
}

.mask.active .container {
    background: none transparent !important;
    padding: 0 !important;
}

.mask.active.big .container {
    display: table;
    height: 100%;
}

.mask.active.big .container > * {
    vertical-align: top;
    padding-top: 300px;
}

.mask.active.small .container {
    display: table;
    height: 100%;
}

.mask.active.small .container > * {
    vertical-align: top;
    padding-top: 10px;
}

.mask.active .container {
    display: table;
    height: 100%;
    opacity: 100;
    filter: alpha(opacity=10000);
    opacity: 1;
    filter: alpha(opacity=100);
}

.mask.active .container > * {
    vertical-align: middle;
}

.mask.active .hover-text {
    display: table-cell;
    background-color: transparent;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    opacity: 100 !important;
    filter: alpha(opacity=10000) !important;
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
    margin: 0 auto;
}

.mask.active .hover-text .hu-border {
    height: 78px;
    width: 406px;
    border: 3px solid white;
    display: inline-block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.mask.active .hover-text span {
    font-size: 27px;
    font-weight: normal;
    color: #ffffff;
    font-weight: 800;
    display: inline-block;
    margin: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 100%;
    width: 78px;
    border-right: 3px solid white;
    position: relative;
    float: left;
    text-align: center;
    padding: 22px 0;
}

.mask.active .hover-text h1 {
    font-size: 18px;
    font-weight: normal;
    color: #ffffff;
    font-weight: 800;
    display: inline-block;
    margin: 0;
    padding: 27px 0;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 100%;
    width: 322px;
    position: relative;
    float: right;
}

.mcontent .manual {
    -webkit-transition: right 0.5s ease-out 0s, -webkit-box-shadow 0.2s ease 0.5s;
    -moz-transition: right 0.5s ease-out 0s, -moz-box-shadow 0.2s ease 0.5s;
    -o-transition: right 0.5s ease-out 0s, -o-box-shadow 0.2s ease 0.5s;
    transition: right 0.5s ease-out 0s, box-shadow 0.2s ease 0.5s;
    left: auto;
    right: -100%;
    display: block;
    position: fixed;
    z-index: 1040;
    min-height: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    padding: 0;
    overflow: auto;
    top: 0;
    background-color: #1B1E23;
    width: 900px;
}

@media (max-width: 768px) {
    .mcontent .manual {
        padding: 0 20px;
    }
}

@media (max-width: 900px) {
    .mcontent .manual {
        width: 100%;
    }
}

.mcontent .manual .content-7 h3 {
    line-height: 1.2em;
}

.mcontent .manual a.man-brand {
    display: inline-block;
    float: right;
    padding: 115px 130px 0 0;
    text-decoration: none;
    line-height: 45px;
}

@media (max-width: 768px) {
    .mcontent .manual a.man-brand {
        padding: 20px;
        width: auto;
    }
}

@media (max-width: 400px) {
    .mcontent .manual a.man-brand {
        padding: 20px;
        width: auto;
        float: left;
    }
}

.mcontent .manual a.man-brand .logotype {
    font-size: 16px;
    font-weight: normal;
    color: #ffffff;
    font-weight: 800;
    text-transform: uppercase;
}

.mcontent .manual a.man-brand .doc-title {
    text-transform: uppercase;
    font-size: 16px;
    color: #919497;
    font-weight: normal;
}

.mcontent .manual > div {
    background-image: none !important;
    opacity: 100;
    filter: alpha(opacity=10000);
    opacity: 1;
    filter: alpha(opacity=100);
    /* prism twilight theme */

    /**
 * prism.js Twilight theme
 * Based (more or less) on the Twilight theme originally of Textmate fame.
 * @author Remy Bach
 */

    /* Code blocks */

    /* Text Selection colour */

    /* Inline code */

    /* Markup */

    /* Make the tokens sit above the line highlight so the colours don't look faded. */

    /*end prism*/

    font-size: 14px;
    font-weight: normal;
    color: #777777;
    overflow: visible;
    letter-spacing: normal;
    position: absolute;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 115px 130px 115px 166px;
    left: auto;
    right: 0;
    top: auto;
    bottom: auto;
    width: 100%;
    background-color: transparent;
}

.mcontent .manual > div:hover,
.mcontent .manual > div:focus {
    opacity: 100;
    filter: alpha(opacity=10000);
    opacity: 1;
    filter: alpha(opacity=100);
}

.mcontent .manual > div code[class*="language-"],
.mcontent .manual > div pre[class*="language-"] {
    color: white;
    direction: ltr;
    font-family: Consolas, Monaco, 'Andale Mono', monospace;
    text-align: left;
    text-shadow: 0 -0.1em 0.2em #000000;
    white-space: pre;
    word-spacing: normal;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    -webkit-hyphens: none;
    -moz-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
}

.mcontent .manual > div pre[class*="language-"],
.mcontent .manual > div :not(pre) > code[class*="language-"] {
    background: #141414;
    /* #141414 */

}

.mcontent .manual > div pre[class*="language-"] {
    border-radius: .5em;
    border: 0.3em solid #545454;
    /* #282A2B */

    box-shadow: 1px 1px .5em black inset;
    margin: .5em 0;
    overflow: auto;
    padding: 1em;
}

.mcontent .manual > div pre[class*="language-"]::selection {
    /* Safari */

    background: #27292a;
    /* #282A2B */

}

.mcontent .manual > div pre[class*="language-"]::selection {
    /* Firefox */

    background: #27292a;
    /* #282A2B */

}

.mcontent .manual > div pre[class*="language-"]::-moz-selection,
.mcontent .manual > div pre[class*="language-"] ::-moz-selection,
.mcontent .manual > div code[class*="language-"]::-moz-selection,
.mcontent .manual > div code[class*="language-"] ::-moz-selection {
    text-shadow: none;
    background: rgba(237, 237, 237, 0.15);
    /* #EDEDED */

}

.mcontent .manual > div pre[class*="language-"]::selection,
.mcontent .manual > div pre[class*="language-"] ::selection,
.mcontent .manual > div code[class*="language-"]::selection,
.mcontent .manual > div code[class*="language-"] ::selection {
    text-shadow: none;
    background: rgba(237, 237, 237, 0.15);
    /* #EDEDED */

}

.mcontent .manual > div :not(pre) > code[class*="language-"] {
    border-radius: .3em;
    border: 0.13em solid #545454;
    /* #545454 */

    box-shadow: 1px 1px 0.3em -0.1em #000000 inset;
    padding: .15em .2em .05em;
}

.mcontent .manual > div .token.comment,
.mcontent .manual > div .token.prolog,
.mcontent .manual > div .token.doctype,
.mcontent .manual > div .token.cdata {
    color: #787878;
    /* #777777 */

}

.mcontent .manual > div .token.punctuation {
    opacity: .7;
}

.mcontent .manual > div .namespace {
    opacity: .7;
}

.mcontent .manual > div .token.tag,
.mcontent .manual > div .token.boolean,
.mcontent .manual > div .token.number {
    color: #cf694a;
    /* #CF6A4C */

}

.mcontent .manual > div .token.keyword,
.mcontent .manual > div .token.property,
.mcontent .manual > div .token.selector,
.mcontent .manual > div .token.constant,
.mcontent .manual > div .token.symbol,
.mcontent .manual > div .token.builtin {
    color: #f9ee9a;
    /* #F9EE98 */

}

.mcontent .manual > div .token.attr-name,
.mcontent .manual > div .token.attr-value,
.mcontent .manual > div .token.string,
.mcontent .manual > div .token.operator,
.mcontent .manual > div .token.entity,
.mcontent .manual > div .token.url,
.mcontent .manual > div .language-css .token.string,
.mcontent .manual > div .style .token.string,
.mcontent .manual > div .token.variable {
    color: #919e6b;
    /* #8F9D6A */

}

.mcontent .manual > div .token.atrule {
    color: #7386a5;
    /* #7587A6 */

}

.mcontent .manual > div .token.regex,
.mcontent .manual > div .token.important {
    color: #e9c163;
    /* #E9C062 */

}

.mcontent .manual > div .token.important {
    font-weight: 500;
}

.mcontent .manual > div .token.entity {
    cursor: help;
}

.mcontent .manual > div pre[data-line] {
    padding: 1em 0 1em 3em;
    position: relative;
}

.mcontent .manual > div .language-markup .token.tag,
.mcontent .manual > div .language-markup .token.attr-name,
.mcontent .manual > div .language-markup .token.punctuation {
    color: #ad895c;
    /* #AC885B */

}

.mcontent .manual > div .token {
    position: relative;
    z-index: 1;
}

.mcontent .manual > div .line-highlight {
    background: -moz-linear-gradient(left, rgba(84, 84, 84, 0.1) 70%, rgba(84, 84, 84, 0));
    /* #545454 */

    background: -o-linear-gradient(left, rgba(84, 84, 84, 0.1) 70%, rgba(84, 84, 84, 0));
    /* #545454 */

    background: -webkit-linear-gradient(left, rgba(84, 84, 84, 0.1) 70%, rgba(84, 84, 84, 0));
    /* #545454 */

    background: rgba(84, 84, 84, 0.25);
    /* #545454 */

    background: linear-gradient(left, rgba(84, 84, 84, 0.1) 70%, rgba(84, 84, 84, 0));
    /* #545454 */

    border-bottom: 1px dashed #545454;
    /* #545454 */

    border-top: 1px dashed #545454;
    /* #545454 */

    left: 0;
    line-height: inherit;
    margin-top: 0.75em;
    /* Same as .prism’s padding-top */

    padding: inherit 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    white-space: pre;
    z-index: 0;
}

.mcontent .manual > div .line-highlight:before,
.mcontent .manual > div .line-highlight[data-end]:after {
    background-color: #8794a6;
    /* #8794A6 */

    border-radius: 999px;
    box-shadow: 0 1px white;
    color: #f5f2f0;
    /* #F5F2F0 */

    content: attr(data-start);
    font: bold 65%/1.5 sans-serif;
    left: .6em;
    min-width: 1em;
    padding: 0 .5em;
    position: absolute;
    text-align: center;
    text-shadow: none;
    top: .4em;
    vertical-align: .3em;
}

.mcontent .manual > div .line-highlight[data-end]:after {
    bottom: .4em;
    content: attr(data-end);
    top: auto;
}

.mcontent .manual > div pre[data-line] {
    position: relative;
    padding: 1em 0 1em 3em;
}

.mcontent .manual > div .line-highlight {
    position: absolute;
    left: 0;
    right: 0;
    padding: inherit 0;
    margin-top: 1em;
    /* Same as .prism’s padding-top */

    background: rgba(153, 122, 102, 0.08);
    background: -moz-linear-gradient(left, rgba(153, 122, 102, 0.1) 70%, rgba(153, 122, 102, 0));
    background: -webkit-linear-gradient(left, rgba(153, 122, 102, 0.1) 70%, rgba(153, 122, 102, 0));
    background: -o-linear-gradient(left, rgba(153, 122, 102, 0.1) 70%, rgba(153, 122, 102, 0));
    background: linear-gradient(left, rgba(153, 122, 102, 0.1) 70%, rgba(153, 122, 102, 0));
    pointer-events: none;
    line-height: inherit;
    white-space: pre;
}

.mcontent .manual > div .line-highlight:before,
.mcontent .manual > div .line-highlight[data-end]:after {
    content: attr(data-start);
    position: absolute;
    top: .4em;
    left: .6em;
    min-width: 1em;
    padding: 0 .5em;
    background-color: rgba(153, 122, 102, 0.4);
    color: #f5f2f0;
    font: bold 65%/1.5 sans-serif;
    text-align: center;
    vertical-align: .3em;
    border-radius: 999px;
    text-shadow: none;
    box-shadow: 0 1px white;
}

.mcontent .manual > div .line-highlight[data-end]:after {
    content: attr(data-end);
    top: auto;
    bottom: .4em;
}

.mcontent .manual > div pre.line-numbers {
    position: relative;
    padding-left: 3.8em;
    counter-reset: linenumber;
}

.mcontent .manual > div pre.line-numbers > code {
    position: relative;
}

.mcontent .manual > div .line-numbers .line-numbers-rows {
    position: absolute;
    pointer-events: none;
    top: 0;
    font-size: 100%;
    left: -3.8em;
    width: 3em;
    /* works for line-numbers below 1000 lines */

    letter-spacing: -1px;
    border-right: 1px solid #999;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.mcontent .manual > div .line-numbers-rows > span {
    pointer-events: none;
    display: block;
    counter-increment: linenumber;
}

.mcontent .manual > div .line-numbers-rows > span:before {
    content: counter(linenumber);
    color: #999;
    display: block;
    padding-right: 0.8em;
    text-align: right;
}

@media (max-width: 768px) {
    .mcontent .manual > div {
        left: 0;
        padding: 20px 20px 20px 70px;
    }
}

@media (max-width: 555px) {
    .mcontent .manual > div {
        padding: 80px 20px 20px 70px;
    }
}

.mcontent .manual > div * {
    text-align: left;
    padding-top: 0;
    padding-bottom: 0;
}

.mcontent .manual > div .back-button {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 0 none;
    font-weight: 800;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    font-size: 20px;
    font-weight: normal;
    color: #394043;
    text-shadow: 0 0 1px #32383b;
    float: left;
    display: inline-block;
    height: 38px;
    line-height: 30.999999999999996px;
    padding: 0 0 2px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 0 0 -70px;
    text-align: center;
    width: 38px;
}

.mcontent .manual > div .back-button:hover {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
    -webkit-transition: -webkit-transform 0.5s ease 0s, border 0.2s ease 0.2s;
    -moz-transition: -moz-transform 0.5s ease 0s, border 0.2s ease 0.2s;
    -o-transition: -o-transform 0.5s ease 0s, border 0.2s ease 0.2s;
    transition: transform 0.5s ease 0s, border 0.2s ease 0.2s;
    border: 3px solid;
}

.mcontent .manual > div .content-man {
    opacity: 100;
    filter: alpha(opacity=10000);
    opacity: 1;
    filter: alpha(opacity=100);
    float: right;
    width: 100%;
    display: inline-block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.mcontent .manual > div .content-man span {
    line-height: 20px;
}

.mcontent .manual > div .content-man:hover,
.mcontent .manual > div .content-man:focus {
    opacity: 100;
    filter: alpha(opacity=10000);
    opacity: 1;
    filter: alpha(opacity=100);
}

.mcontent .manual > div .content-man h1 {
    font-size: 35px;
    font-weight: normal;
    color: #ffffff;
    line-height: 35px;
    font-weight: 800;
    float: left;
    font-family: "Lato", "Neue Helvetica Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin-top: 0;
    display: inline-block;
    margin-bottom: 0;
}

.mcontent .manual > div .content-man h3 {
    font-size: 28px;
    font-weight: normal;
    color: #ffffff;
    font-family: "Lato", "Neue Helvetica Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 300;
    margin-bottom: 46px;
    margin-top: 93px;
}

.mcontent .manual > div .content-man p {
    font-size: 19px;
    font-weight: normal;
    color: #777777;
    font-weight: 300;
    font-family: "Lato", "Neue Helvetica Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
    padding: 0;
    margin: 0 0 48px 0;
}

.mcontent .manual > div .content-man p:last-child {
    margin: 0;
}

.mcontent .manual > div .content-man > ol {
    counter-reset: li;
    list-style: none;
    margin: 0;
    padding: 0;
    float: left;
}

.mcontent .manual > div .content-man > ol > li {
    position: relative;
}

.mcontent .manual > div .content-man > ol > li:before {
    background: none repeat scroll 0 0 #394043;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    color: #1B1f23;
    content: counter(li, decimal);
    counter-increment: li;
    display: inline-block;
    float: left;
    font-family: "Lato", "Neue Helvetica Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 500;
    margin: 5px 0 0 -66px;
    padding: 3px 9px;
    text-align: center;
}

.mcontent .manual > div .content-man strong {
    color: #f1c40f;
    font-weight: normal;
}

.mcontent .manual > div .content-man a {
    color: #f1c40f;
    font-weight: normal;
    text-decoration: underline;
}

.mcontent .manual > div .content-man a:hover {
    color: #f1c40f;
    text-decoration: none;
}

.mcontent .manual > div .content-man hr {
    color: #191a1b;
    border-top: 1px solid #191a1b;
    border-bottom: 1px solid #191a1b;
    margin: 53px 0 36px;
}

.mcontent .manual > div .content-man code[class*="language-"] {
    white-space: normal;
    display: inline-block;
    border: 0 none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.mcontent .manual > div .content-man pre[class*="language-"] {
    border: 0 none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    position: relative;
    max-height: 400px;
    max-width: 700px;
    width: 100%;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 48px 0 95px;
}

.mcontent .manual > div .content-man pre[class*="language-"] code[class*="language-"] {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    white-space: pre;
    display: block;
    max-width: 700px;
    width: 100%;
    border: 0 none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.read-manual {
    overflow: hidden;
}

.read-manual .mask.active {
    display: none;
}

.read-manual body:before {
    left: 0;
    right: 0;
    opacity: 95;
    filter: alpha(opacity=9500);
    opacity: 0.95;
    filter: alpha(opacity=95);
}

.read-manual .mcontent {
    height: auto !important;
    height: 100%;
    min-height: 100%;
}

.read-manual .mcontent > div {
    min-height: 100%;
}

.read-manual .mcontent .content-24 img.image {
    right: 70%;
}

.read-manual .mcontent .manual {
    right: 0;
    -webkit-box-shadow: -5px 0 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: -5px 0 10px rgba(0, 0, 0, 0.2);
    box-shadow: -5px 0 10px rgba(0, 0, 0, 0.2);
}

@media (max-width: 900px) {
    .read-manual .mcontent .manual {
        left: 0;
    }
}

.delimiter-big {
    margin-top: 110px;
}

.delimiter {
    margin-top: 30px;
}

section.content-30,
section.content-33 {
    padding-bottom: 0;
    padding-top: 0;
}

section[class*=content-] {
    margin-top: 0;
    margin-bottom: 0;
}





/* Header New  */

.top_Head{
    background-color: #EEF1F7;
  }
  .top_Head .max-cont{
    max-width: 1800px;
    margin: 0 auto;
    padding: 12px 0;
    display: flex;
    justify-content: end;
   transition: all .3s ease;
  }
  .top_Head ul{
    display: flex;
    align-items: center;
    margin: 0;
    padding: 0;
  }
  .top_Head ul li{
    padding: 0 24px;
    list-style: none;
  } 
  .top_Head ul li a{
    color: #203082;
    font-size: 18px;
    font-family: Lato;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-decoration: none;
  }
  .top_Head ul li:last-child a{
    border-radius: 10px;
    border: 2px solid #203082;
    padding: 14px 60px 14px 30px;
    display: inline-block; 
    /* background-image: url('https://www.freightexchange.com.au/wp-content/uploads/2023/07/arrow_forward.png'); */
    background-image: url('https://2050267.fs1.hubspotusercontent-na1.net/hubfs/2050267/arrow_forward.svg');
    background-repeat: no-repeat;
    background-position: right 30px center;
  }


.height0 .top_Head{ 
  overflow: hidden;
  transform-origin: top;
   transition: all .3s ease;
  padding: 0;
}
.height0 .top_Head .max-cont{
 padding: 0; 
}
.height0 .top_Head ul{
  display: none;
}
.height0 .top_Head ul li a, .height0 .top_Head ul li{
 font-size: 0px;
  padding: 0 !important;
  line-height: 0;
}
.height0 .top_Head ul li:last-child a{
  padding: 0 !important;
  border: 0;
}


/* Main header  */
 
@media screen and (min-width: 1400px) {
    .Main-header .container {
        max-width: 1326px;
        width: 100%;
    }
}
@media screen and (max-width: 1399.98px) {
    .Main-header .container {
        max-width: 1240px;
        width: 100%;
    }
}
  .dockbar .Main-header{
    background-color: #fff;
    box-shadow: 0px 5px 15px 0px rgba(75, 75, 75, 0.05);
    padding: 14px 0;
    overflow: inherit;
  } 
  .dockbar .Main-header > div, .dockbar .Main-header > div > div{
    height: auto;
  }
  .dockbar .Main-header.main-menu a.man-brand{
    line-height: inherit;
    padding-top: 15px;
    padding-left: 0;
    max-width: 26%;
  }
  .dockbar .Main-header.main-menu a.man-brand img{
    max-width: 290px;
    width: 100%;
  }
  .dockbar .Main-header  ul#menu-header-menu{
    float: right;
  }
    .dockbar .Main-header  ul{
    margin: 0;
    padding: 0;
  }
  .dockbar .Main-header ul li {
    padding: 17px 18px 22px 20px;
    display: inline-block;
    list-style: none;
  } 
  .dockbar .Main-header ul li a {
    color: #203082;
    font-size: 20px; 
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-decoration: none;
    display: block;
  }
  .dockbar .Main-header ul li.menu-item-has-children a{
    /* background-image: url('https://www.freightexchange.com.au/wp-content/uploads/2023/07/cheveron-down.png'); */
    background-image: url('https://2050267.fs1.hubspotusercontent-na1.net/hubfs/2050267/down-icon.svg');
    background-position: 100%;
    background-repeat: no-repeat;
    padding-right: 20px;
  }
 
  
  .dockbar .Main-header ul li.buttonM{
    padding: 0;
    margin-left: 12px;
  }
    .dockbar .Main-header ul li.buttonM a {
        font-size: 18px;
        line-height: 23px;
        font-weight: 700;
        padding: 14px 30px;
        color: #fff ;
        background: rgb(231,76,60);
        border-radius: 10px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
  }
  .dockbar .Main-header ul li ul.sub-menu{
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 6px 30px 0 rgba(32,48,130,.1);
    padding: 10px 25px;
    position: absolute;
    max-width: 215px;
    display: none;
    margin-top: 22px;
  }
  .dockbar .Main-header  ul li:hover ul.sub-menu{
    display: block;
  }
  .dockbar .Main-header ul li:first-child ul.sub-menu{
    max-width: 280px;
  }
  .dockbar .Main-header  ul li ul.sub-menu li{
    display: block;
  }
  .dockbar .Main-header  ul li ul.sub-menu li{
    padding: 0;
    border-bottom: 1px solid #ccc;
  }
  .dockbar .Main-header  ul li ul.sub-menu li:last-child{
    border: none;
  }
    .dockbar .Main-header  ul li ul.sub-menu li a{
    /* background-image: url('https://www.freightexchange.com.au/wp-content/uploads/2023/07/cheveron-right.png'); */
    background-image: url('https://2050267.fs1.hubspotusercontent-na1.net/hubfs/2050267/cheveron-right.svg');
    font-family: Manrope,sans-serif;
    font-size: 16px;
    padding: 10px 30px 10px 0;
    font-weight: 600;
  }
  header.NHeader{
    padding-bottom: 0;
}
  @media screen and (max-width: 1400px) {
    .dockbar .Main-header ul li a{
        font-size: 21px;
    } 
  }
  
  @media screen and (max-width: 1399.98px) {
    .dockbar .Main-header{
        padding: 30px 20px;
    } 
  }
  @media screen and (min-width: 1200px) and (max-width: 1250px) { 
    .dockbar .Main-header ul li{
        padding-left: 12px;
        padding-right: 12px;
    }
}
  @media screen and (max-width: 1199px) { 
    .top_Head ul li:last-child a {
        background-position: right 20px center;
        padding: 8px 50px 8px 20px;
    }
    .dockbar .Main-header ul li {
        padding: 10px 10px;
    }
    .dockbar .Main-header.main-menu a.man-brand img {
        max-width: 270px;
    }
    .dockbar .Main-header.main-menu a.man-brand {
        padding-top: 9px;
    }
  }
  @media screen and (max-width: 1150px) {
    .dockbar .Main-header ul li {
        padding: 10px 5px;
    }
    .dockbar .Main-header ul li a {
        font-size: 18px;
    }
    .dockbar .Main-header ul li.buttonM{
        margin-left: 0;
    }


  }
@media screen and (max-width: 1024px) {
    .dockbar .Main-header.main-menu a.man-brand img {
        max-width: 230px;
    }
}
    @media screen and (max-width: 991px) {
        
        .dockbar .Main-header {
            padding: 13px 20px;
        }
        .dockbar .Main-header .menu-btn span{
            background: url('https://www.freightexchange.com.au/wp-content/uploads/2023/07/nav-icon.png');
            width: 26px;
            height: 21px;
        }
    header.NHeader{
        padding: 0;
    }
    .dockbar .main-menu.Main-header{
        background: #fff !important;
    }
    .dockbar .Main-header.main-menu a.man-brand {
        padding-top: 20px;
    }
    .dockbar .main-menu.Main-header #open-close-menu{
        background: #fff !important;
        height: 64px;
    }
    .top_Head .max-cont{
        padding: 8px 0;
    }
     
    .top_Head ul li {
        padding: 0 15px;
    } 
    .dockbar .Main-header .menu-btn{
        display: block;
    }
    .dockbar .Main-header ul#menu-header-menu{
        display: none;
    }
    .colapsed-menu.MobileN{
        z-index: 9999;
        width: 270px;
    }
     .colapsed-menu.MobileN ul{
        margin: 0;
        padding: 0;
    }
     .colapsed-menu.MobileN ul li{
        display: block;

    }
     .colapsed-menu.MobileN ul li.menu-item-has-children a{
        /* background-image: url(https://www.freightexchange.com.au/wp-content/uploads/2023/07/cheveron-down.png); */
        
    background-image: url('https://2050267.fs1.hubspotusercontent-na1.net/hubfs/2050267/down-icon.svg');
    background-position: 100%;
    background-repeat: no-repeat;
    padding-right: 20px;
     }
     .colapsed-menu.MobileN ul li {
        padding: 10px;
     }
        .colapsed-menu.MobileN ul li a{
        font-size: 19px;
        font-weight: 600;
        color: #fff;
    }
     .colapsed-menu.MobileN ul li ul.sub-menu{
        display: none;
        padding-top: 8px;
    padding-left: 10px;
     } 
     .colapsed-menu.MobileN ul li ul.sub-menu li{
        border-bottom: 1px solid #646464;
        padding: 6px;
     }
     .colapsed-menu.MobileN ul li ul.sub-menu li:last-child{
        border-bottom: none;
     }
        .colapsed-menu.MobileN ul li ul.sub-menu li a{
        font-size: 16px;
        /* background-image: url(https://www.freightexchange.com.au/wp-content/uploads/2023/07/cheveron-right.png); */
        background-image: url('https://2050267.fs1.hubspotusercontent-na1.net/hubfs/2050267/cheveron-right.svg');
        font-family: Manrope,sans-serif;
        font-size: 16px;
        padding: 10px 20px 10px 0;
     }
     .colapsed-menu.MobileN ul li.buttonM a {
        font-size: 18px;
        line-height: 23px;
        font-weight: 700;
        padding: 14px 30px;
        color: #fff;
        background: rgb(231,76,60);
        border-radius: 6px;
        padding: 8px 10px;
        margin-top: 15px;
    }
    .dockbar .Main-header.main-menu a.man-brand{
        padding-left: 0;
    }
    .dockbar .Main-header.main-menu a.man-brand img{
        width: 200px;
    }
}
@media screen and (max-width: 979px) {
    .dockbar .Main-header {
        padding: 13px 0px 13px 20px !important;
    }
}
@media screen and (max-width: 480px) {
    .dockbar .Main-header.main-menu a.man-brand img{
        max-width: 210px;
    }
}


/* New footer  */
 
@media screen and (min-width: 1400px) {
    .Blog_FooterN .container, .blog-subscribe .container{
        max-width: 1326px;
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }
}
@media screen and (max-width: 1399.98px) {
    .Blog_FooterN .container, .blog-subscribe .container {
        max-width: 1240px;
        width: 100%;
    }
}

@media screen and (max-width: 1379.98px) {
    .Blog_FooterN .container, .blog-subscribe .container {
       padding-left: 20px;
       padding-right: 20px;
    }
}
.Blog_FooterN{
  background-color: #EEF1F7;
  padding-top: 78px;
}
.Blog_FooterN{}
.Blog_FooterN .Bg-row{
        display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.Blog_FooterN .left-col{
    padding-right: 28px;
    max-width: 40%;
}
.Blog_FooterN .left-col img{
    width: 100%;
  max-width: 350px;
}
.Blog_FooterN .right-col{
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
    padding-left: 25px;
}
.Blog_FooterN .right-col .Bg-row{
    padding-top: 80px;
}
.Blog_FooterN .Bg-repeat{
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
    padding-bottom: 46px;

}
.Blog_FooterN .Bg-repeat{
    width: 20%;
    padding: 0 10px;
}
.Blog_FooterN .Bg-row .Bg-repeat:nth-child(1){ 
    width: 23.55%;
}
.Blog_FooterN .Bg-row .Bg-repeat:nth-child(2){
    width: 22.55%;
}
.Blog_FooterN .Bg-row .Bg-repeat:nth-child(3){
    width: 19%;
}
.Blog_FooterN .Bg-row .Bg-repeat:nth-child(4){
    width: 14%;
} 
.Blog_FooterN .Bg-repeat h4{
    font-size: 21px; 
    font-style: normal;
    font-weight: 700;
    line-height: 160%;
    margin-bottom: 6px;
}
.Blog_FooterN .Bg-repeat ul{
    margin: 0;
    padding: 0;
}
.Blog_FooterN .Bg-repeat ul li{
    padding: 6px 0;
    list-style: none;
}
.Blog_FooterN .Bg-repeat ul li a{
    color: #203082; 
    font-size: 16px;
    font-family: Lato;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    text-decoration: none;
}


.Blog_FooterN .left-col .Button-group{
    margin-top: 40px;
    margin-bottom: 30px;
}
.Blog_FooterN .left-col .Button-group .btn-Get{
    font-size: 18px;
    line-height: 23px;
    font-weight: 700;
    padding: 14px 30px;
    color: #fff;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px; 
    background: rgb(231,76,60);
    margin-right: 20px;
    display: inline-block;
}
.Blog_FooterN .left-col .Button-group .btn-white{
    margin-right: 0;
    border: 1px solid #e74c3c;
    color: #203082 !important;
    background-color: #fff;
} 
.Blog_FooterN .left-col .address a{
    color: #203082;
font-size: 16px; 
font-style: normal;
font-weight: 400;
line-height: 160%;
margin-bottom: 14px;
background-image: url('https://www.freightexchange.com.au/wp-content/uploads/2023/07/Vector.png');
background-repeat: no-repeat;
background-position: top 6px left;
padding-left: 34px;
display: block;
}
.Blog_FooterN .left-col .address a{
  text-decoration: none; 
}
.Blog_FooterN .left-col .address a:last-child{ 
    min-height: 135px;
} 
.Blog_FooterN .left-col .address .AddreP{
    background-image: url(https://2050267.fs1.hubspotusercontent-na1.net/hubfs/2050267/Location%20icon.svg);
      min-height: 135px;
      background-repeat: no-repeat;
    background-position: top 6px left;
    padding-left: 34px;
    color: #203082;
    font-size: 16px; 
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
  } 

.Blog_FooterN .left-col .Social{
    margin: 0;
    padding: 0;
}
.Blog_FooterN .left-col .Social li{
    display: inline-block;
    margin-right: 14px;
}
.Blog_FooterN .BottomLInk{
    display: flex;
    justify-content: center;
    padding: 30px 0;
}
.Blog_FooterN .BottomLInk ul{
    margin: 0;
    padding: 0;
}
.Blog_FooterN .BottomLInk ul li{
    display: inline-block;
    list-style: none;
    padding: 0 16px;
    border-right: 1px solid #203082;
    line-height: 14px;
}
.Blog_FooterN .BottomLInk ul li.CopRight{
    color: #203082;
      font-family: Lato;
      font-size: 14px;
      font-style: normal;
      font-weight: 400;
      line-height: 14px;
      text-decoration: none;
  }

.Blog_FooterN .BottomLInk ul li:last-child{
    border-right: none;
}
.Blog_FooterN .BottomLInk ul li a{
    color: #203082;
font-size: 14px;
font-family: Lato;
font-style: normal;
font-weight: 400;
line-height: 14px;
text-decoration: none;
}
.Blog_FooterN .BottomLInk ul li:first-child a{
        cursor: default;
    }



 
/*Subscribe */

div.blog-subscribe{
    background: #203082 !important;
    padding: 20px 0;
    min-height: 200px;
    display: flex;
    align-items: center;
}
div.blog-subscribe h3{
    font-size: 28px;
    color: #fff;
    font-weight: 700;
}




div.subform{
    padding-left: 50px;
    position: relative;
    display: flex;
    justify-content: end;
}
div.subform #wpcf7-f25767-o1{
    max-width: 460px;
    position: relative;
}
div.subform form p:nth-child(3){
    margin: 0;
    padding: 0;
    line-height: 0;
}
div.subform form p:nth-child(3) .wpcf7-spinner{
    height: 0px;
}
div.subform form p{
    margin-bottom: 0;
}
div.subform{}
div.blog-subscribe .row{
    display: flex;
    align-items: center;
}
div.blog-subscribe .subform input.wpcf7-email{
    border-radius: 10px;
    color: #333;
font-size: 16px;
font-family: Manrope,sans-serif;
font-style: normal;
font-weight: 400;
line-height: 150%;
  padding-right: 164px;
  height: 50px;
  border: 1px solid #fff;
  width: 100%;
  padding-left: 15px;
}
div.blog-subscribe .subform .wpcf7-submit{
    border-radius: 10px;
    font-size: 16px;
font-family: Manrope,sans-serif;
font-weight: 700;
height: 50px;
  text-transform: capitalize;
  padding-left: 30px;
    padding-right: 30px;
    width: auto;
    background-color: #e74c3c;
    border: 1px solid #e74c3c;
    color: #fff;
    position: absolute;
    top: 0;
    right: 0;
} 
div.blog-subscribe .subform .wpcf7-response-output{
    display: none !important;
} 

@media screen and (max-width: 991px) {
    div.blog-subscribe .subform{
        max-width: 500px;
        margin: 0 auto;
    }
    
    div.subform{
        padding-left: 0px;
    }
    
div.blog-subscribe .col-md-7{
    max-width: 50%;
    width: 50%;
}
div.blog-subscribe .col-md-5{
    max-width: 50%;
    width: 50%
}
}



@media screen and (max-width: 1399px) {
    .Blog_FooterN .right-col{
        padding-left: 0;
    } 
    .Blog_FooterN .left-col {
        max-width: 30%;
    }
    .Blog_FooterN .left-col .Button-group .btn-Get { 
        padding: 14px 20px;
    }
    .Blog_FooterN .Bg-repeat h4 {
        font-size: 19px;
    }
}
@media screen and (max-width: 1180px) {
  .Blog_FooterN .left-col .Button-group .btn-Get{
     margin-right: 11px;
  }
  .Blog_FooterN .left-col .Button-group .btn-Get {
   
    padding: 14px 12px;
  }
}
@media screen and (max-width: 991px) {
  div.blog-subscribe input.hs-button.primary.large{ 
  padding-left: 15px;
    padding-right: 13px;
}
  div.blog-subscribe input.hs-input {
    padding-right: 130px;
  }
  .Blog_FooterN .left-col .Button-group .btn-Get {
   
    padding: 11px 15px ;
  }
    .Blog_FooterN .left-col {
        max-width: 100%;
    }
    .Blog_FooterN .left-col .address a:last-child{
        min-height: auto;
    }
    .Blog_FooterN .left-col .address .AddreP{
        min-height: auto;
        margin-bottom: 20px;
    }
    .Blog_FooterN .right-col .Bg-row {
        padding-top: 0px;
    }
    .Blog_FooterN .Bg-repeat h4{
        margin-top: 20px;
    }
    .Blog_FooterN .right-col{
        flex-basis: 100%;
        padding-left: 0;
    }
    .Blog_FooterN .Bg-repeat ul li a{
        line-height: 20px;
    }
    .Blog_FooterN .Bg-repeat{
        padding: 0;
    }
    .Blog_FooterN .BottomLInk{
        text-align: center;
    }
} 

@media screen and (max-width: 767px) {
    .Blog_FooterN{
      padding-top: 50px;
    }
    .Blog_FooterN .left-col .Button-group {
      margin-bottom: 20px;
      margin-top: 20px;
  }
     .Blog_FooterN .Bg-row .Bg-repeat{
      width: 50% !important;
     }
     .Blog_FooterN .BottomLInk ul li{
      padding: 0 10px;
     }
     div.blog-subscribe .blog-subscribe__header {
      max-width: 100%;
      text-align: center;
  }
     div.blog-subscribe{
      padding: 30px 0;
     }
     div.blog-subscribe h3 {
        font-size: 24px; 
        line-height: 30px;
        margin-bottom: 15px;
     }
     div.blog-subscribe .blog-subscribe__form{
      flex-basis: 100%;
      margin: 0;
     }
     div.blog-subscribe .blog-subscribe__header h3 {
        color: #fff;
        font-size: 24px;
        font-weight: 700;
        line-height: 28px;
    }
    div.blog-subscribe .row { 
        display: block;
        text-align: center;
    }
        div.blog-subscribe .col-md-7{
            max-width: 100%;
            width: 100%;
        }
        div.blog-subscribe .col-md-5{
            max-width: 100%;
            width: 100%
        }
  }
  @media screen and (max-width: 575px) {
     .Blog_FooterN .Bg-row .Bg-repeat{
      width: 100% !important;
     }
  }
:root {
    --blue: #203082;
    --text: #777777;
    --background: #EDF1F8;
}

.text-primary {
    color: #203082 !important;
}

.text-normal {
    color: #777777 !important;
}

.bg-freightexchange {
    background-color: #EDF1F8 !important;
}

.text-freightexchange {
    color: #EDF1F8 !important;
}

.btn-primary {
    background: #203082;
}

.btn-primary:hover, .btn-primary:visited, .btn-primary:focus, .btn-primary:active {
    background: #203082;
    opacity: 0.9;
}

.btn-transparent{
    border:2px solid #FFF;
    background:none !important;
    color:#FFF;
}

.btn-border{
    border:2px solid #203082;
    background:none !important;
    color:#203082;
}

.btn-border:visited, .btn-border:focus, .btn-border:hover, .btn-border:active {
    border:2px solid #203082;
    background:none !important;
    color:#203082;
    opacity: 0.7;
}

.btn-hg {
    padding:17px 20px;
    font-size:23px;
}

.height15 {
    display: block;
    height: 15px;
    clear: both;
}

.height35 {
    display: block;
    height: 35px;
    clear: both;
}

.height50 {
    display: block;
    height: 50px;
    clear: both;
}

.height70 {
    display: block;
    height: 70px;
    clear: both;
}

.border-circle {
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}

.border-rounded {
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    border-radius: 9px;
}

sup {
    font-weight: normal;
    font-size: 35%;
    padding-bottom: 35px;
    top: -30px;
    text-decoration: none !important;
}

.bg-primary {
    background-color: #203082 !important;
}

.btn-freightexchange {
    background-color: #EDF1F8 !important;
}

.btn-default {
    color: #203082;
}

.btn-freightexchange, .btn-freightexchange:hover, .btn-freightexchange:active, .btn-freightexchange:focus, .btn-freightexchange:visited {
    color: #203082;
}

.text-center {
    text-align: center;
}

h4, .h4 {
    line-height: 1.444;
    font-size: 27px;
}

h3, .h3 {
    font-size: 41px;
}

.bottom-line {
    margin: 25px auto 50px;
    display: block;
    height: 0.25em;
    width: 10%;
    display: block;
    background-color: #203082;
    margin: 25px auto 50px;
    text-align: center;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' viewBox='0 0 119 6'%3E%3Cpath d='M119 3.8c-60 2.5-33.5-7-119 0' fill='none' stroke='%23203082' stroke-width='2'/%3E%3C/svg%3E") center/2em 100% repeat-x;
}

.bottom-line.text-freightexchange {
    margin: 25px auto 50px;
    display: block;
    height: 0.25em;
    width: 10%;
    display: block;
    background-color: #203082;
    margin: 25px auto 50px;
    text-align: center;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' viewBox='0 0 119 6'%3E%3Cpath d='M119 3.8c-60 2.5-33.5-7-119 0' fill='none' stroke='%23EDF1F8' stroke-width='2'/%3E%3C/svg%3E") center/2em 100% repeat-x;
}

.nomargin {
    margin: 0px !important;
}

.sketch-rule {
    width: 100%;
    height: 0.6em;
    border: 0;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' viewBox='0 0 119 6'%3E%3Cpath d='M119 3.8c-60 2.5-33.5-7-119 0' fill='none' stroke='%23203082' stroke-width='2'/%3E%3C/svg%3E") center/5em 100% repeat-x;
}

.mcontent .pricing_list {
    display: block;
    list-style: none;
    float: none;
    clear: both;
    margin: 0 auto;
    padding: 0;
    text-align: left;
}


.mcontent .pricing_list li {
    width: 32.5%;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    padding: 25px 20px 30px;
    position: relative;
    box-shadow: 5px 5px 57px 0 rgb(123 136 168 / 10%);
    border: 1px solid #f5f5f5;
    display: inline-block;
    margin: 5px 3px;
    text-align: center;
}

.mcontent .pricing_list li [class^="btn-"] {
    position: absolute;
    left: 45%;
    top: -10px;
    width: 25px;
    height: 25px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    text-align: center;
    vertical-align: middle;
    padding-top: 2px;
    font-size: 12px;
}

.mcontent .pricing_list li.bg-white {
    #text-decoration: line-through;
    #text-decoration-color: #bdc3c7;
}

.mcontent .pricing_list li h5 {
    margin-bottom: 5px;
}

.mcontent .pricing_list li p.lead {
    font-size: 21px;
    margin: 0;
}

.write-on-a-line hr {
    display: block;
    clear: both;
    width: 70%;
    height: 0.1rem;
    margin: 3em auto;
    padding: 0;
    border: 0;
    border-top: 0.1rem solid rgba(0, 0, 0, 0.1);
}

.write-on-a-line {
    position: relative;
    text-align: center;
    color: #203082;
    font-size: 19px;
    padding: 0;
    margin: 150px auto 120px;
    border-bottom: 2px solid #203082;
    width: 70%;
    text-align: center;
}

.write-on-a-line span {
    position: absolute;
    margin: 0 auto;
    display: inline-block;
    top: -10px;
    padding: 0px 15px;
    left: 40%;
}

.case-study-image {
    display: block;
    width: 100%;
    height: 300px;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    margin-bottom: 25px;
}

.integrations-image {
    background-color: #EDF1F8;
    background-position: 50%;
    background-size: 50%;
}

.integration-image-not-found {
    text-align: center;
    vertical-align: middle;
    padding: 100px 0px;
    font-size: 42px;
    color: #203082;
}

.integration-image-not-found:hover, .integration-image-not-found:visited, .integration-image-not-found:active, .integration-image-not-found:focus {
    color: #203082;
}

.grecaptcha-badge {
    visibility: hidden;
}

.integration-card {
    background: #fff;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    height: 150px;
    width: 100%;
    box-shadow: 5px 5px 57px 0 rgb(123 136 168 / 10%);
    border: 1px solid #f5f5f5;
    padding: 50px;
    text-align: center;
    display: block;
}

.integration-card img {
    vertical-align: middle;
    margin: 0 auto;
}

.case-study-image:hover, .case-study-image:visited, .case-study-image:active, .case-study-image:focus {
    opacity: 0.70;
}


.dockbar .main-menu, .dockbar .menu-btn, .dockbar .menu-btn:hover, .dockbar .menu-btn:focus {
    background: #FFFFFF !important;
    border: none;
}

body .colapsed-menu {
    background: #203082 !important;
}

.dockbar .sub-menu {
    background-color: #EDF1F8;
}

.dockbar .sub-menu dl dd a {
    color: #203082;
    font-size: 15px;
}

body .colapsed-menu dl dd {
    border: 0;
}

.mcontent p {
    line-height: 1.444;
    font-size: 19px;
}

.mcontent .content-1 p {
    line-height: 1.444;
    font-size: 21px;
}

body .colapsed-menu dl dd > a {
    display: block;
    padding: 5px 0 5px 35px;
    color: #FFF;
    text-transform: none;
    border: none;
    font-size: 19px;
}

.dockbar .main-menu dl dd a {
    text-transform: none;
    border: 0;
    font-size: 19px;
    font-weight: normal;
    color: #203082;
    text-decoration: none;
    padding: 0px;
}

body .main-menu dl dd > a:hover, body .main-menu dl dd > a:focus, body .main-menu dl dd > a:visited, body .main-menu dl dd > a:active {
    color: #203082 !important;
}

.btn-arrow:after {
    content: '\00a0 \00a0 \00a0 \2192';
}

.btn-arrow-back:before {
    content: '\2190 \00a0 \00a0 \00a0 ';
}

.tight-spacing {
    letter-spacing: -1px;
}

.mcontent .header-10 .navbar .nav > li > a {
    font-weight: normal;
}

.mcontent .header-2-sub {
    padding: 150px 0px;
}

.mcontent .header-2-sub h3, .mcontent .content-26 h3 {
    margin-bottom: 25px;
}

.mcontent .productshot {
    padding: 100px 0px;
}

.mcontent .header-2-sub p.lead, .mcontent .content-28 p.lead, .mcontent .header-19-sub p.lead, .mcontent .content-2 p.lead, .mcontent .content-18 .carousel .quote-text p, .mcontent .content-18 .carousel .quote-author, .mcontent .content-24 .features.features-clear .features-body p, .content-20 .features .lead, .mcontent .content-1.bg-midnight-blue p.lead, .mcontent .price-1 .description p, .mcontent .content-26 .lead, .mcontent .content-5 h3 + .lead {
    font-size: 24px;
    font-weight: normal;
    line-height: 1.444;
    letter-spacing: 0px;
    color: #777777;
}

.mcontent .content-22 {
    padding: 150px 0px;
}

.mcontent .content-22 h3, .mcontent .content-28 h3, .mcontent .content-2 h3, .mcontent .content-24 h3, .mcontent .content-26 h3 {
    font-weight: normal !important;
    color: #203082;
}

.mcontent .content-28 {
    padding-bottom: 50px;
}

.text-default {
    color: #203082 !important;
}

.mcontent .footer-10 {
    background: #ebedee;
}

.mcontent .footer-10 h4 {
    margin-bottom: 50px;
    margin-top: 0px;
}

.social_proof {
    padding-top: 50px;
    display: block;
}

.social_proof_list {
    display: block;
    width: 100%;
    list-style: none;
    margin: 0 auto 70px;
    padding: 0;
}

.social_proof_list li {
    display: inline-block;
    padding: 35px 25px;
}

.social_proof_list li img {
    height: 35px;
    width: auto;
}

.mcontent .footer-10 {
    padding: 150px 0px;
}

.mcontent .footer-10 nav a {
    font-size: 19px;
    color: #203082;
}

.mcontent .footer-10 .guy_sitting_on_box {
    position: absolute;
    bottom: -17px;
    right: 0;
    width: 360px;
}

.mcontent .content-18 .carousel {
    margin: 0;
    background-color: transparent;
}

.mcontent .content-18 .carousel .quote-text {
    max-width: 80%;
}

.mcontent .content-18 .carousel .quote-text h3 {
    margin-bottom: 25px;
}

.mcontent .content-18 .carousel .quote-author img {
    opacity: 1;
    margin-top: 50px;
}

.mcontent .content-18 .carousel .controls > .carousel-control {
    top: 150px;
}

.feature_blocks div {
    height: 600px;
    display: block;
}

.feature_blocks div div {
    background: #fff;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    height: 250px;
    width: 250px;
    box-shadow: 5px 5px 57px 0 rgb(123 136 168 / 10%);
    border: 1px solid #f5f5f5;
    position: relative;
    z-index: 2;
    padding: 50px 25px;
    text-align: center;
}

.feature_blocks div div.bg-midnight-blue {
    background: #203082;
    color: #777777;
}

.feature_block_repeat div div {
    width: 420px;
}

.feature_blocks .feature_icon {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    height: 70px;
    width: 70px;
    display: block;
    margin: 0 auto;
    padding: 20px;
    text-align: center;
    vertical-align: middle;
    font-size: 21px;
    background-color: rgba(241, 196, 15, 0.2);
}

.feature_blocks .feature_icon span {
    color: rgb(241, 196, 15) !important;
}

.feature_blocks h5 {
    margin-top: 25px;
    color: #777777;
    font-weight: 400;
}

.feature_blocks .bg-midnight-blue h5 {
    color: #fff;
}

.integration-wrap h5 {
    margin: 0px;
}

.feature_blocks div:last-child {
    margin-top: 40px;
}

.feature_blocks div div:first-child {
    margin-bottom: 40px;
}

.feature_block_repeat div:first-child div {
    margin-top: 220px;
    height: 260px;
    padding: 0px;
}

.feature_block_repeat div:last-child div {
    margin-left: -120px;
    height: 130px;
}

.feature_block_repeat h5 {
    margin: 0px;
}

.feature_blocks_background {
    position: absolute;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    height: 480px;
    width: 480px;
    top: 150px;
    left: 150px;
    opacity: 0.4;
    z-index: 1;
}

.feature_blocks_background.right {
    right: 150px;
    left: -50px;
}

.content-2 label, .content-1 label {
    font-weight: bold;
    letter-spacing: 1px;
    margin-bottom: 15px;
    color: #e74c3c;
    font-family: "Lato", "Neue Helvetica Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.mcontent .content-24 .features.features-clear .features-header .box.active {
    color: #e74c3c;
}

.mcontent .content-24 {
    height: 900px;
    padding-top: 150px;
}

.mcontent .content-24 .container {
    padding-top: 150px;
}

.mcontent .content-24 .btn.btn-clear {
    border: 2px solid #e74c3c;
    color: #e74c3c;
}

.mcontent .content-18 .carousel .controls > .carousel-control {
    background: #e74c3c;
}

.mcontent .content-23.v-center, .mcontent .content-23 .v-center {

}

.mcontent .header-19-sub {
}

.mcontent .header-10 .navbar .brand img:first-child {
    margin: 0px;
}

.mcontent .content-23 .hero-unit.hero-unit-bordered h3 {
    font-size: 60px;
    font-weight: normal !important;
    color: #ffffff;
    font-weight: 400;
    border: 8px solid white;
    display: inline-block;
    margin: 0;
    padding: 30px 40px;
}

.mcontent .content-18 .carousel .controls > .carousel-control {
    height: 50px;
    width: 50px;
}

.mcontent .content-18 .carousel .controls > .carousel-control i {
    vertical-align: middle;
    margin: auto;
    padding: 15px;
    text-shadow: none;
}

.mcontent .header-4 .hero-unit p.lead {
    font-weight: 400;
    color: #777;
}

.mcontent .header-4 .hero-unit h1 {
    font-size: 72px;
    line-height: 84px;
}

.mcontent .header-4 .hero-unit h1 b {
    font-family: "Lato", "Neue Helvetica Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.mcontent .header-4 .hero-unit .reviews {
    margin: 0 auto;
    list-style: none;
    padding: 0px;
    padding-bottom: 35px;
}

.mcontent .header-4 .hero-unit .reviews li {
    display: inline;
    padding: 0;
    margin: 0;
    color: #777;
    padding: 0px 15px;
    font-size: 19px;
}

.hero-feature-container {
    padding: 0px 35px;
    transform: translateY(4em);
    transition: transform 4s .25s cubic-bezier(0, 1, .3, 1),
    opacity .3s .25s ease-out;
    will-change: transform, opacity;
    opacity: 0;
}

.hero-feature-container.is-visible {
    opacity: 1;
    transform: translateY(0em);
}

.hero-feature-container:first-child {
    position: relative;
    top: 70px;
}

.hero-feature-container:last-child {
    position: relative;
    top: -70px;
}

.hero-feature-container .hero-feature {
    background: #fff;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    max-height: 375px;
    width: 100%;
    box-shadow: 5px 5px 57px 0 rgb(123 136 168 / 10%);
    border: 1px solid #f5f5f5;
    position: relative;
    z-index: 2;
    padding: 35px;
    color: #777;
}

.hero-feature-container .hero-feature h4 {
    margin-bottom: 35px;
}

.hero-feature-container span {
    display: block;
}

.hero-feature-container span:first-child {
    font-size: 14px;
    text-transform: uppercase;
}

.hero-feature-container span:last-child {
    margin-bottom: 25px;
}

.hero-feature-container .btn.btn-large {
    text-align: left;
    margin-bottom: 15px;
}

.btn.btn-large {
    font-size: 19px;
}

.hero-feature-container .btn.btn-large em {
    font-style: normal;
    color: #777;
    float: right;
}

.hero-feature-container div.benchmark {
    height: 15px;
    margin-bottom: 15px;
    border-radius: 3px;
}

.mcontent .content-2 p, .mcontent .content-5 .features > [class*="col-sm-"] p, .mcontent .price-1 p.lead {
    font-weight: 400;
    font-size: 24px;
    line-height: 1.444;
}

.mcontent .content-20 h1 {
    font-size: 60px;
    font-weight: normal;
    color: #ffffff;
    line-height: 72px;
    margin-bottom: 25px;
}

.content-20 .features .lead {
}

.content-20 form {
    width: 100%;
    padding: 50px !important;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

.mcontent .content-20 .signup-form form .btn {
    position: static;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    font-size: 21px;
    margin-top: 25px;
    margin-bottom: 0;
}

.mcontent .content-20 .signup-form form label {
    color: #777777;
    line-height: 1.444;
}

.mcontent .content-20 .signup-form form textarea {
    border-color: #ecf0f1;
}

.mcontent .content-20 .signup-form label, .mcontent .content-20 .signup-form .form-control {
    font-size: 19px !important;
}

.ui-slider {
    background-color: #EDF1F8;
}

.ui-slider-range, .ui-slider-segment {
    background-color: #203082;
}

.ui-slider-handle, .ui-slider-handle:active, .ui-slider-handle:hover, .ui-slider-handle:focus, .ui-slider-handle:visited {
    background-color: #e74c3c;
}

.mcontent .content-20 .signup-form form textarea:hover {
    border-color: #bdc3c7;
}

.mcontent .content-20 .signup-form form input[type="text"], .mcontent .content-20 .signup-form form input[type="password"], .mcontent .content-20 .signup-form form input[type="email"], .mcontent .content-20 .signup-form form input[type="tel"] {
    border-color: #ecf0f1;
}

.mcontent .content-20 .signup-form form input[type="text"]:hover, .mcontent .content-20 .signup-form form input[type="password"]:hover, .mcontent .content-20 .signup-form form input[type="email"]:hover, .mcontent .content-20 .signup-form form input[type="tel"]:hover {
    border-color: #bdc3c7;
}

.mcontent .content-20 .signup-form form input[type="text"]:focus, .mcontent .content-20 .signup-form form input[type="email"]:focus, .mcontent .content-20 .signup-form form input[type="tel"]:focus, .mcontent .content-20 .signup-form form textarea:focus {
    border-color: #e74c3c;
}

.mcontent .content-20 .signup-form form input, .mcontent .content-20 .signup-form form textarea {
    color: #203082;
}

#slider {
    margin-bottom: 30px;
}

.wpcf7-not-valid-tip {
    color: #e74c3c !important;
    margin-top: 5px !important;
    font-size: 17px !important;
}

.mcontent .content-20 .signup-form form textarea {
    max-width: 100%;
}

.wpcf7-response-output {
    padding: 15px !important;
    margin-bottom: 20px !important;
    border: 1px solid transparent !important;
    border-radius: 4px !important;
    color: #8a6d3b !important;
    background-color: #fcf8e3 !important;
    border-color: #faebcc !important;
    margin: 0px !important;
    margin-bottom: 25px !important;
    margin-bottom: 25px !important;
}

.wpcf7-response-output:last-child {
    display: none !important;
}

.wpcf7 .ajax-loader {
    position: absolute !important;
    top: 50% !important;
    left: 40% !important;
}

.form-group.focus .form-control, .form-control:focus {
    border-color: #e74c3c !important;
}

.mcontent .content-5 .features > [class*="col-sm-"] > [class*="fa-"] {
    position: absolute;
    left: -45px;
    top: 7px;
    font-size: 25px;
    font-weight: normal;
    color: #203082;
}

.mcontent .content-1.bg-midnight-blue h3 {
    color: #FFF;
    margin-bottom: 50px;
}

.mcontent .content-1.bg-midnight-blue p.lead {
    color: #bdc3c7;
}

.company-features {
    margin-top: 75px;
    padding-top: 75px;
    border-top: 3px solid #bdc3c7;
}

.company-features .col-sm-3 {
    margin-bottom: 50px;
    padding: 0px 25px;
}

.company-features .col-sm-3 h5 span {
    font-size: 36px;
    font-weight: bold;
    display: block;
    margin-bottom: 25px;
    color: #e74c3c;
}

.mcontent .content-1.bg-midnight-blue h5 {
    color: #bdc3c7;
    opacity: 1;
    font-weight: 400;
}

.mcontent .price-1 {
    padding-top: 150px;
    padding-bottom: 150px;
}

.mcontent .price-1 h3 {
    margin-bottom: 70px;
    text-align: center;
}

.mcontent .price-1 .plan {
    position: relative;
    border-color: #FFFFFF;
    background-color: #FFF;
    box-shadow: 5px 5px 57px 0 rgb(123 136 168 / 10%);
    border: 1px solid #F1F1F1;
}

.mcontent .price-1 .plan .description {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

.mcontent .price-1 .plan span.fa {
    position: absolute;
    top: 50%;
    right: -35px;
    color: #203082;
}

.mcontent .first-content-2 {
    padding-top: 200px;
}

.mcontent .last-content-2 {
    padding-bottom: 400px;
}

.mcontent .feature_blocks_img {
    position: relative;
    width: 70%;
    height: 500px;
    border-radius: 30px;
    background-size: cover;
    background-position: center;
    margin: 0 auto;
    text-align: center;
}

.mcontent .content-26 .features > * {
    text-align: left;
}

.mcontent .content-26 p.lead {
    margin-bottom: 50px;
}

.mcontent .content-26 .features .col-sm-4 {
    margin-bottom: 50px;
}

.mcontent .content-26 .features .col-sm-4 img {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    margin-bottom: 15px;
    width: 100%;
}

.mcontent .content-26 .features .col-sm-4 p {
    margin-bottom: 25px;
    font-size: 21px;
}

.mcontent .content-26 .features .col-sm-4 {
    height: 560px !important;
}

.mcontent .casestudy {
    padding-bottom: 100px;
}

.service-delays{
    list-style: none;
    margin: 0 auto;
    padding: 0;
}

.service-delays li{
    margin: 0;
    padding: 0;
}

.service-delays li img{
    padding:0;
    margin-bottom: 25px;
    width:250px;
}

.casestudy_logos {
    list-style: none;
    margin: 0 auto;
    padding: 0;
    text-align: center;
}

.casestudy_logos li {
    display: inline-block;
    margin: 0;
    padding: 0;
    margin-top: 50px;
    vertical-align: middle;
}

.casestudy_logos li img {
    height: 27px;
    padding: 0px 25px;
}

.mcontent .price-1.casestudy_outcomes {
}

.mcontent .price-1.casestudy_outcomes .plan {
    padding: 25px 0px;
    height: 300px;
}

.mcontent .price-1.casestudy_outcomes .plan .description {
    border: 0;
    text-align: left;
    margin: 0px;
    padding: 0px 25px;
}

.mcontent .price-1.casestudy_outcomes .title {
    text-align: left;
    padding: 0px 25px;
    margin: 0;
    margin-top: 50px;
    font-size: 36px;
}

.mcontent .content-2.casestudy_content {
    padding-top: 0px;
    padding-bottom: 150px;
}

.mcontent .content-2.casestudy_content .col-sm-6 label {
    margin-top: 50px;
    font-family: "Lato", "Neue Helvetica Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.mcontent .content-2.casestudy_content .col-sm-6 ul {
    margin: 25px 0px;
}

.mcontent .content-2.casestudy_content .col-sm-6 ul li {
    font-weight: 400;
    font-size: 24px;
    line-height: 1.4444;
    margin-bottom: 5px;
}

.casestudy_content .signup-form {
    background: #fff;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    box-shadow: 5px 5px 57px 0 rgb(123 136 168 / 10%);
    border: 1px solid #F1F1F1;
    padding: 50px;
    margin-top: 50px;
}

.casestudy_content .signup-form label {
    color: #777777;
    line-height: 1.444;
    font-weight: normal;
    font-size: 19px;
    letter-spacing: 0px;
    margin-top: 15px;
    font-family: "Helvetica Neue Roman", Helvetica, sans-serif;
}

.casestudy_content .signup-form .btn {
    margin-top: 25px;
}

.mcontent .content-20.workshop {
    padding: 150px 0px;
}

.mcontent .content-20.workshop h1 {
    font-size: 54px;
    line-height: 1.32;
    margin-bottom: 50px;
}

.mcontent .content-20.workshop h4 {
    color: #FFF;
}

.mcontent .content-20.workshop p.lead {
    color: #bdc3c7;
}

.mcontent .content-21 .features.features-tabs .features-body p {
    font-weight: 400px;
    font-size: 21px;
    line-height: 1.444;
    margin-top: 25px;
}

.mcontent .content-21 .features.features-tabs .features-bodies {
    position: relative;
    background: #ffffff url('../../../assets/common-files/img/feature-bodies@2x.png') 0 50% no-repeat;
    -webkit-background-size: 322px 418px;
    -moz-background-size: 322px 418px;
    -o-background-size: 322px 418px;
    background-size: 322px 418px;
}

.mcontent .faqs p.lead {
    margin-bottom: 35px;
}

.mcontent .footer-10 nav a {
    display: block;
}

.mcontent .footer-10 nav a img {
    margin-bottom: 15px;
}

.mcontent .content-31 .container .active > .number {
    background-color: #203082;
}

.mcontent .content-31 .container .number {
    left: 50%;
    margin-left: -35px;
    z-index: 10;
    height: 70px;
    width: 70px;
    text-align: center;
    font-size: 36px;
    vertical-align: middle;
    padding-top: 14px;
}

.mcontent .content-31 .container:before {
    left: 50%;
}

.mcontent .content-31 .container > * {
    padding: 0px;
    padding-top: 150px;
}

.mcontent .content-31 .container .row:first-child {
    padding: 0px;
}

.mcontent .content-31 .container [class^="col-sm-12"] {
    padding-top: 150px;
}

.mcontent .content-31 .container p.lead, .mcontent .content-30 .container p.lead {
    font-size: 24px;
}

.mcontent .content-31 .container .pricing_list .lead {
    font-size: 21px;
}

.mcontent .content-31 .container {
    padding-top: 150px;
}

.mcontent .pagecontent h4 {
    margin: 35px 0px;
}

.mcontent .pagecontent a {
    color: #203082;
}

.mcontent .pagecontent p {
    margin-top: 15px;
    font-size: 21px;
}

.mcontent .pagecontent ul {
    margin: 35px 0px;
}

.mcontent .pagecontent ul li {
    margin: 15px 0px;
    line-height: 1.4444;
    font-size: 21px;
}

.mcontent .pagecontent .table ul {
    padding: 0;
    margin: 0;
}

.mcontent .pagecontent .table ul li {
    margin-top: 0px;
    font-size: 21px;
}

.mcontent .pagecontent .table td {
    padding: 15px;
    font-size: 21px;
}

.modal-header, .modal-body {
    padding: 0px;
}

.modal-dialog {
    padding: 0 70px;
}

.modal-content {
    padding: 50px;
}

.modal-content p {
    font-size: 21px;
    line-height: 1.444;
    margin-bottom: 25px;
}

.modal-content p.lead {
    font-size: 21px;
    line-height: 1.444;
    margin: 25px 0px 15px;
}

.modal-header .close {
    position: absolute;
    top: 35px;
    right: 35px;
}

.modal-body .discountAlert {
    margin-top: 15px;
}

.blog_content {
    margin-top: 100px !important;
}

.blog_content h3 {
    font-size: 31px;
}

.blog_content h3, .blog_content h2 {
    margin: 35px 0px;
}

.blog_content p {
    margin-bottom: 25px;
    font-size: 21px !important;
}

.blog_content a, .blog_content a:visited, .blog_content a:focus, .blog_content a:hover, .blog_content a:active {
    color: #203082;
}

.blog_content em {
    font-weight: normal;
}

.blog_content img {
    margin: 15px 0px 35px;
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    border-radius: 9px;
    border: 1px solid #EEE;
    box-shadow: 5px 5px 57px 0 rgb(123 136 168 / 10%);
}

.blog_content figcaption {
    position: relative;
    top: -25px;
    font-size: 14px;
    text-align: center;
}

.blog_content .bottom-line {
    text-align: left;
    margin-left: 0;
    margin-right: 0;
}

.blog_content ul li {
    font-size: 21px;
    line-height: 1.444;
    padding: 5px 0px;
}

.header-19-sub .home-page-reviews {
    list-style: none;
    padding: 0;
    margin: 0;
    padding: 50px 0px;
    display: block;
}

.header-19-sub .home-page-reviews > li {
    margin-bottom: 100px;
}

.header-19-sub .home-page-reviews > li:last-child {
    margin-bottom: 0px;
}

.header-19-sub .home-page-reviews > li > p {
    margin-top: 25px;
}

.header-19-sub .home-page-reviews > li > img {
    height: 35px;
    margin-top: 15px;
}

.mcontent .description-bottom .lead {
    position: relative;
    top: 50px;
}

h3, .h3 {
    line-height: 1.444;
}

.mcontent .content-26 .features > .col-sm-6 {
    min-height: 580px;
}

h1, h2, h3, .mcontent .content-22 h3, .mcontent .content-28 h3, .mcontent .content-2 h3, .mcontent .content-24 h3, .mcontent .content-26 h3{
    font-weight:700 !important;
}

h4, h5, h6{
    font-weight:600 !important;
}

.lead{
    font-weight: 400 !important;
}
@media (min-width: 980px) {
}

@media (min-width: 1224px) {
}

@media (min-width: 1824px) {
}

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

@media (min-width: 768px) and (max-width: 979px) {
}

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

@media (max-width: 480px) {
    .mcontent .header-4 .hero-unit h1, .mcontent .content-20 h1, .mcontent .content-20.workshop h1 {
        font-size: 41px;
        line-height: 1.444;
    }

    .mcontent h3 {
        font-size: 32px;
        line-height: 1.444;
    }

    .mcontent .header-4 {
        padding: 150px 0px;
    }

    .social_proof_list li {
        margin-bottom: 15px;
        display: inline-block;
        padding: 15px;
    }

    .mcontent .content-2 {
        padding: 0px;
        padding-top: 100px;
    }

    .mcontent .content-18 .carousel .quote-text {
        margin: 0px;
        padding: 0px;
        width: 100%;
        max-width: 100%;
    }

    .mcontent .content-18 .carousel .controls {
        display: block;
        width: 120px;
        margin: 0 auto;
        position: absolute;
        bottom: 120px;
        left: 32%;
        z-index: 2;
    }

    .mcontent .header-4 .hero-unit p {
        font-size: 21px;
        line-height: 1.444;
    }

    .mcontent .content-20 .signup-form form {
        margin: 0px;
        margin-top: 50px;
    }

    .footer-10 .guy_sitting_on_box {
        bottom: -12px;
        width: 240px;
    }

    .mcontent .page-wrapper .sidepadding {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .mcontent .price-1 .plan span.fa {
        position: absolute;
        top: 103%;
        right: 45%;
    }

    .mcontent .header-19-sub {
        padding: 150px 0px;
        margin-bottom: 0px;
    }

    .mcontent .content-23.v-center, .mcontent .content-23 .v-center {
        margin-bottom: 0px;
    }

    .mcontent .footer-10 .col-sm-3:first-child {
        margin-bottom: 50px;
    }

    .mcontent .content-24 {
        min-height: 900px;
        padding-bottom: 150px;
        height: auto;
    }

    .mcontent .content-24 .container {
        padding-top: 50px;
    }

    .mcontent .feature_blocks_img {
        width: 100%;
        height: 360px;
        margin-bottom: 70px;
    }

    .mcontent .feature_blocks_background {
        top: 0px;
    }

    body .colapsed-menu.show-menu {
        z-index: 3;
    }

    .content-1 .col-sm-6:last-child label {
        margin-top: 50px;
    }

    .mcontent .page-wrapper .last-content-2 {
        padding-bottom: 150px;
    }

    .content-20 form {
        padding: 50px 25px !important;
    }

    .mcontent .content-5 {
        padding-bottom: 150px;
    }

    .mcontent .content-23 .hero-unit.hero-unit-bordered h3 {
        font-size: 32px;
    }

    .dockbar .main-menu, .dockbar .menu-btn, .dockbar .menu-btn:hover, .dockbar .menu-btn:focus {
        background: #EDF1F8 !important;
    }

    .casestudy_logos li {
        float: none;
        margin-top: 25px;
    }

    .casestudy_logos li:first-child {
        margin-top: 50px;
    }

    .casestudy_logos li img {
        text-align: left;
        margin: 0;
        padding: 0;
    }

    .mcontent .content-21 .features.features-tabs .features-bodies {
        background: #FFF;
    }

    .mcontent .content-20.workshop{
        padding-top:50px;
        padding-bottom: 50px;
    }

    .mcontent .footer-10 .col-sm-2{
        float:none;
    }

    .mcontent .content-5 .features{
        text-align: center;
    }

    .mcontent .content-5 .features > [class*="col-sm-"] > [class*="fui-"]{
        display: none;
    }

    .mcontent .carousel-inner .item .quote-text p{
        font-size:21px;
    }

    .sketch-rule{
        width: 70%;
        margin: 0 auto;
    }

    .mcontent .pricing_list li, .write-on-a-line{
        width:100%;
    }

    .mcontent .header-4.v-center, .mcontent .header-4 .v-center{
        padding-left:0px;
        padding-right:0px;
    }

    .mcontent .pricing_list li{
        height: auto;
        margin-left: 0px;
        margin-right: 0px;
    }

    .mcontent .footer-10 h4{
        margin-top:50px;
    }

    .mcontent .content-31 .container{
        padding-left: 0px;
    }

    .mcontent p.lead, .mcontent .content-2 p, .mcontent .content-5 .features > [class*="col-sm-"] p, .mcontent .price-1 p.lead, .mcontent .price-1 p, .header-19-sub p{
        font-size:21px !important;
    }

    .bottom-line{
        width:20% !important;
    }

    .footer-keywords{
        display: block;
        height: 100px;
        overflow: hidden;
    }

    .modal-dialog{
        padding:0;
    }

    .modal-content{
        padding:50px 35px;
    }

}

@media only screen
and (max-device-width: 320px) {
}