@font-face {
  font-family: webfont;
  src: url(../fonts/bpg-glaho-webfont.ttf);
}

html, body {
    font-family: 'webfont'!important;
    color: #404040;
    /* background: red; */
    font-weight: 100!important;
}

h1, h2, h3, h4, h5, h6 {
/*    font-family: 'Montserrat', sans-serif;
*/    margin: 15px 0 25px;
}

h1 {
    font-weight: 900;
    font-size: 48px;
}

h2 {
    font-weight: 700;
    font-size: 32px;
}

h3 {
    font-weight: 600;
    font-size: 24px;
}

h4 {
    font-weight: 500;
    font-size: 20px;
}

h5 {
    font-weight: 500;
    font-size: 18px;
}

h6 {
    font-weight: 600;
    font-size: 13px;
}

.display-header {
    font-size: 62px;
    font-weight: 900;
}

p {
/*    font-family: 'Montserrat', sans-serif;
*/    font-weight: 400;
    font-size: 14px;
    line-height: 1.8;
    letter-spacing: .5px;
    position: relative;
}

a {
    color: #4be1ab;
}

a:hover {
    color: #4be1ab;
    opacity: 0.8;
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
}

.p2 {
    font-family: 'PT Serif', serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.8;
    letter-spacing: .5px;
}

.p2 i {
    font-size: 18px;
    font-weight: 600;
}

.single p {
    font-family: 'PT Serif', serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.8;
    color: #3a405b;
    letter-spacing: 0.5px;
    margin: 10px 0 30px;
}

dt {
    margin-bottom: 5px;
}

dd, td {
    margin: 0 0 20px;
    line-height: 22px;
    color: #73757d;
}

address {
    color: #555555;
    font-size: 16px;
    font-weight: 600;
}

b, strong {

}

dfn,
cite,
em,
i {
    font-style: italic;
}

abbr,
acronym {
    border-bottom: 1px dotted #666;
    cursor: help;
}

mark,
ins {
    background: #fff9c0;
    text-decoration: none;
}

big {
    font-size: 125%;
}

code {
    color: #e67e22;
    background-color: #fff1e7;
}

pre {
    padding: 25px;
    color: #999;
    border: none;
    font-size: 16px;
    font-weight: 400;
    border-radius: 5px;
    background-color: #1f1f1f;
}

/* 2.2 Navigation*/

#top-menu {
    padding: 40px 20px;
    transition: all 0.8s;
}

#top-menu nav.bottom-nav {
    display: none;
}

#top-menu.navbar-default {
    background-color: rgba(248, 248, 248, 0);
    border-color: rgba(231, 231, 231, 0);
}

#top-menu a.navbar-brand {
    text-transform: uppercase;
    font-size: 22px;
    color: #fff;
    padding: 0;
    font-weight: 900;
    margin-top: -10px;
    margin-bottom: 10px;
}

#top-menu a.navbar-brand img, #top-menu a.navbar-brand span {
    display: inline-block;
}

a.navbar-brand span {
    font-size: 16px;
    text-transform: uppercase;
    color: #fff;
    margin-left: 10px;
    opacity: 0;
    visibility: hidden;
    transition: all 600ms;
    -moz-transition: all 600ms;
    -webkit-transition: all 600ms;
    position: relative;
    left: -50px;
}

a.navbar-brand:hover span {
    opacity: 1;
    visibility: visible;
    transition: all 600ms;
    -moz-transition: all 600ms;
    -webkit-transition: all 600ms;
    left: 0;
}

#top-menu.navbar-default .navbar-nav > li > a {
    text-transform: uppercase;
    color: #1e473f;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1px;
}

#top-menu.navbar-default .navbar-nav > li > a:hover, #top-menu.navbar-default.on .navbar-nav > li > a:hover {
    color: #7BAB5F;
    transition: all 0.4s;
}

#top-menu.navbar-default .navbar-nav {
    text-align: center;
}

#top-menu.navbar-default .navbar-nav li {
    float: none;
    display: inline-block;
}

.on {
    background-color: #fefefe !important;
    border-bottom: 1px solid #ccc !important;
    /*background-color: #000 !important;*/
    padding: 20px 0px 0px 0px !important;
}

.on #nav-icon span {

}

a#nav-icon span {
    background: #1e473f;
}

.navbar-collapse.collapse.in {
    width: 100%;
    height: 100vh !important;
    max-height: none !important;

    left: 0;
    right: 0;

    margin: 0;
    position: relative;

}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: #FCAC45 !important;
    background-color: transparent;
    font-weight: 700;
}

.navbar-toggle {
    margin-top: 0;
    border-radius: 0;
}


.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: #6bb53f;
    border-color: #6bb53f;
}
.navbar-default .navbar-toggle:focus .icon-bar,
.navbar-default .navbar-toggle:hover > .icon-bar {
    background-color: #FFF;
}

.nav-view {
    transition: .5s ease-in-out;
    width: 80% !important;
    display: inline-block;
}

#nav-top {
    transition: .5s ease-in-out;
    overflow: hidden;
    display: inline-block;
    margin-top: -7px;
    height: 50px;
    width: 0;
}

#nav-top select {
    background-color: transparent;
    border: transparent;
    outline: none;
}

#nav-top .pull-right {
    margin-top: 15px;
    margin-right: 10px;
}

/* Icon 1 */

#nav-icon {
    width: 26px;
    height: 18px;
    position: relative;
    float: right;
    margin-top: 8px;
    margin-left: 15px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
}

#nav-icon span {
    display: block;
    position: absolute;
    height: 2px;
    width: 100%;
    background: #fff;
    border-radius: 0px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}

#nav-icon span:nth-child(1) {
    top: 0px;
}

#nav-icon span:nth-child(2) {
    top: 8px;
}

#nav-icon span:nth-child(3) {
    top: 16px;
}

#nav-icon.open span:nth-child(1) {
    top: 8px;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
}

#nav-icon.open span:nth-child(2) {
    opacity: 0;
    left: -60px;
}

#nav-icon.open span:nth-child(3) {
    top: 8px;
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg);
}

/* 2.3 Buttons */

.btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-align: center;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    /*border: 1px solid transparent;*/
    white-space: nowrap;
    /*    font-family: 'Montserrat', sans-serif;
*/
    padding: 12px 50px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
    cursor: not-allowed;
    opacity: 0.30;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus {
    outline: 0px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

.btn-outline-primary {
    color: #404040;
    border: 2px #404040 solid;
    border-radius: 30px;
    background-color: transparent;
    opacity: 1;
}

.btn-outline-secondary {
    color: #3a8cf7;
    border: 2px #3a8cf7 solid;
    border-radius: 30px;
    background-color: transparent;
    opacity: 1;
}

.btn-outline-success {
    color: #43d29e;
    border: 2px #43d29e solid;
    border-radius: 30px;
    background-color: transparent;
    opacity: 1;
}

.btn-outline-info {
    color: #32cdda;
    border: 2px #32cdda solid;
    border-radius: 30px;
    background-color: transparent;
    opacity: 1;
}

.btn-outline-warning {
    color: #dd4132;
    border: 2px #dd4132 solid;
    border-radius: 30px;
    background-color: transparent;
    opacity: 1;
}

.btn-outline-danger {
    color: #f89338;
    border: 2px #f89338 solid;
    border-radius: 30px;
    background-color: transparent;
    opacity: 1;
}

.btn-outline-primary:hover, .btn-outline-primary:focus {
    opacity: 0.6;
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    color: #404040;
    background-color: transparent;
    border: 2px #404040 solid;
}

.btn-outline-secondary:hover, .btn-outline-secondary:focus {
    opacity: 0.6;
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    color: #3a8cf7;
    border: 2px #3a8cf7 solid;
    background-color: transparent;
}

.btn-outline-success:hover, .btn-outline-success:focus {
    opacity: 0.6;
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    color: #43d29e;
    background-color: transparent;
    border: 2px #43d29e solid;
}

.btn-outline-info:hover, .btn-outline-info:focus {
    opacity: 0.6;
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    color: #32cdda;
    background-color: transparent;
    border: 2px #32cdda solid;
}

.btn-outline-warning:hover, .btn-outline-warning:focus {
    opacity: 0.6;
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    color: #dd4132;
    background-color: transparent;
    border: 2px #dd4132 solid;
}

.btn-outline-danger:hover, .btn-outline-danger:focus {
    opacity: 0.6;
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    background-color: transparent;
    color: #f89338;
    border: 2px #f89338 solid;
}

.btn-lg, .btn-group-lg > .btn {
    padding: 16px 20px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.3333333;
    border-radius: 6px;
}

.btn-sm, .btn-group-sm > .btn {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
    font-size: 10px;
}

.btn-xs, .btn-group-xs > .btn {
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
    font-size: 9px;
}

.btn-half-block {
    display: inline-block;
    width: 50%;
}

.btn-half-block + .btn-half-block {
    margin-top: 5px;
}

.btn-secondry {
    border-radius: 30px;
}

/*search input*/

#search {
    display: inline-block;
    float: right;
}

#search input[type="text"]::placeholder {
    color: #fff;
}

#search input[type="text"] {
    background: url(img/search-white.png) no-repeat 0px 3px;
    border: 0 none;
    font: bold 12px Arial, Helvetica, Sans-serif;
    color: #fff;
    width: 0px;
    padding: 8px 10px 8px 30px;
    border-bottom: 0px #fff solid;
    border-radius: 0px;
    margin-right: -15px;
    margin-left: 15px;
    margin-top: 5px;
    -webkit-transition: all 0.7s ease 0s;
    -moz-transition: all 0.7s ease 0s;
    -o-transition: all 0.7s ease 0s;
    transition: all 0.7s ease 0s;
}

#search input[type="text"]:focus {
    width: 200px;
}

textarea:hover, input:hover, textarea:active, input:active, textarea:focus, input:focus {
    outline: 0px !important;
}

/* 2.4 Alerts */

.alert {
    font-size: 12px;
    text-transform: uppercase;
    color: #fff;
    letter-spacing: 1px;
}

.close {
    float: right;
    font-size: 21px;
    font-weight: bold;
    line-height: 1;
    color: #000000;
    text-shadow: 0 1px 0 #ffffff;
    opacity: 1;
    filter: alpha(opacity=20);
}

.alert-success {
    background-color: #4be1ab;
    border-color: #4be1ab;
    color: #fff;
}

.alert-success hr {
    border-top-color: #4be1ab;;
}

.alert-success .alert-link {
    color: #fff;
}

.alert-info {
    background-color: #1393fd;
    border-color: #1393fd;
    color: #fff;
}

.alert-info hr {
    border-top-color: #1393fd;
}

.alert-info .alert-link {
    color: #fff;
}

.alert-warning {
    background-color: #ffa335;
    border-color: #ffa335;
    color: #fff;
}

.alert-warning hr {
    border-top-color: #ffa335;
}

.alert-warning .alert-link {
    color: #fff;
}

.alert-danger {
    background-color: #ed202e;
    border-color: #ed202e;
    color: #fff;
}

.alert-danger hr {
    border-top-color: #ed202e;
}

.alert-danger .alert-link {
    color: #fff;
}

.label {
    display: inline;
    padding: .6em .9em .6em;
    font-size: 75%;
    font-weight: bold;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 0.5px;
    line-height: 1;
    color: #ffffff;
    text-align: center;
/*    font-family: 'Montserrat', sans-serif;
*/    white-space: nowrap;
    margin-right: 2px;
    vertical-align: baseline;
    border-radius: .25em;
}

.label.disabled, .label[disabled], fieldset[disabled] .label {
    cursor: not-allowed;
    opacity: 0.65;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none;
}

/*  2.5 Badges */

.badge {
    display: inline-block;
    min-width: 10px;
    padding: 4px 9px;
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
    color: #ffffff;
    line-height: 1;
    vertical-align: middle;
    white-space: nowrap;
    text-align: center;
    background-color: #777777;
    border-radius: 10px;
}

.badge-default {
    background-color: #777777;
}

.badge-default[href]:hover, .badge-default[href]:focus {
    background-color: #5e5e5e;
}

.badge-primary {
    background-color: #337ab7;
}

.badge-primary[href]:hover, .badge-primary[href]:focus {
    background-color: #286090;
}

.badge-success {
    background-color: #4be1ab;
}

.badge-success[href]:hover, .badge-success[href]:focus {
    background-color: #24d595;
}

.badge-info {
    background-color: #1393fd;
}

.badge-info[href]:hover, .badge-info[href]:focus {
    background-color: #0279db;
}

.badge-warning {
    background-color: #ffa335;
}

.badge-warning[href]:hover, .badge-warning[href]:focus {
    background-color: #ff8c02;
}

.badge-danger {
    background-color: #ed202e;
}

.badge-danger[href]:hover, .badge-danger[href]:focus {
    background-color: #ca101d;
}

.badge.disabled, .badge[disabled], fieldset[disabled] .badge {
    cursor: not-allowed;
    opacity: 0.65;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none;
}

/*  2.6 Breadcrumbs */

.breadcrumb {
    padding: 8px 15px;
    margin-bottom: 20px;
    list-style: none;
    background-color: #fff;
    border-radius: 4px;
    color: #b5bfd0;
    font-size: 14px;
}

.breadcrumb > li {
    display: inline-block;
}

.breadcrumb > li > a {
    color: #b5bfd0;
    font-size: 14px;
}

.breadcrumb > li + li:before {
    content: "/\00a0";
    padding: 0 10px;
    color: #b5bfd0;
}

.breadcrumb > .active {
    color: #3a405b;
    font-weight: 600;
}

/* 2.8 Collapse */

.well {
    min-height: 20px;
    padding: 19px;
    margin-top: 26px;
    color: #3a405b;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 20px;
    background-color: #f0f2f7;
    border: 1px solid #f0f2f7;
    border-radius: 4px;
    -webkit-box-shadow: none;
    box-shadow: none;
}

/*  2.9 Dropdown */

button.dropdown-toggle .glyphicon {
    right: -29px;
}

.dropdown-menu > li > a {
    display: block;
    padding: 9px 25px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    color: #404040;
    font-size: 14px;
    white-space: nowrap;
}

button + .dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    font-size: 14px;
    text-align: left;
    background-color: #ffffff;
    border: 0px solid #cccccc;
    border: 0px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}

/*----------------
3.0 Base Elements
------------------*/

/* All base elements go here */

/*--------------------
3.1 Forms
--------------------*/
button, input[type="button"], input[type="reset"], input[type="submit"] {
    display: inline-block;
    margin-bottom: 0;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-align: center;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 12px 50px;
    font-size: 11px;
    line-height: 1.42857143;
    border-radius: 4px;
    margin-right: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: inline-block;
}

button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover {
    color: #fff;
    background-color: #404040;
    border-color: #404040;
    text-decoration: none;
}

button:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus, button:active, input[type="button"]:active, input[type="reset"]:active, input[type="submit"]:active {
    color: #fff;
    background-color: #404040;
    border-color: #404040;
    text-decoration: none;
}

input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea {
    color: #666;
    border: 1px solid #e3e8f0;
    border-radius: 8px;
    padding: 9.5px;
}

select {
    border: 1px solid #ccc;
}

input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="range"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="color"]:focus, textarea:focus {
    color: #111;
}

textarea {
    width: 100%;
    background: #f0f2f7;
}

textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus {
    border-color: rgba(126, 239, 104, 0);
    /*box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(126, 239, 104, 0.6);*/

    -webkit-box-shadow: 0px 3px 24px 3px rgba(0, 0, 0, 0.06);
    -moz-box-shadow: 0px 3px 24px 3px rgba(0, 0, 0, 0.06);
    box-shadow: 0px 3px 24px 3px rgba(0, 0, 0, 0.06);
    outline: 0 none;
}

.form-control {
    height: inherit;
    box-shadow: none;
}

form label {
    color: #000;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0.5px;
    padding-top: 5px;
    text-align: right;
}

.input-group {
    margin-bottom: 15px;
}

.form-control {
    color: #000;
}

form .radio label, form .checkbox label {
    color: #000;
    text-transform: none;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.5px;
}

.input-group-addon {
    padding: 0px 12px;
    font-size: 14px;
    font-weight: normal;
    line-height: 1;
    color: #a1aaba;
    text-align: center;
    background-color: #f0f2f7;
    border: 1px solid #e3e8f0;
    border-radius: 4px;
}

/*CHECK BOX*/

input[type="checkbox"] {
    background-color: #fff;
    border-radius: 3px;
    border: 1px solid #e5e8ef;
    cursor: pointer;
    display: inline-block;
    height: 17px;
    margin-right: 3px;
    position: relative;
    width: 17px;
    -webkit-appearance: none;
}

input[type="checkbox"]:checked {
    background-color: #4be1ab;
}

input[type="checkbox"] + label {
    font-weight: 400;
}

input[type="checkbox"]:after {
    opacity: 0;
}

input[type="checkbox"]:checked::after {
    background-color: #4be1ab;
    content: '';
    display: block;
    height: 6px;
    left: 3px;
    border-top: none !important;
    border-right: none !important;
    border: 3px #fff solid;
    position: relative;
    top: 3px;
    width: 9px;
    opacity: 1;
    transform: rotate(-45deg);
}

.input-group-addon .checkbox label::after {
    top: 2px;
}

.checkbox {
    padding-left: 20px;
}

.checkbox label {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    padding-left: 5px;
}

.checkbox label::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 17px;
    height: 17px;
    left: 0;
    margin-left: -20px;
    border: 1px solid #cccccc;
    border-radius: 3px;
    background-color: #fff;
    -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
}

.checkbox label::after {
    display: inline-block;
    position: absolute;
    width: 16px;
    height: 16px;
    left: 0;
    top: 0;
    margin-left: -20px;
    padding-left: 3px;
    padding-top: 1px;
    font-size: 11px;
    color: #555555;
}

.checkbox input[type="checkbox"], .checkbox input[type="radio"] {
    opacity: 0;
    z-index: 1;
}

.checkbox input[type="checkbox"]:focus + label::before, .checkbox input[type="radio"]:focus + label::before {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

.checkbox input[type="checkbox"]:checked + label::after, .checkbox input[type="radio"]:checked + label::after {
    font-family: "FontAwesome";
    content: "\f00c";
}

.checkbox input[type="checkbox"]:disabled + label, .checkbox input[type="radio"]:disabled + label {
    opacity: 0.65;
}

.checkbox input[type="checkbox"]:disabled + label::before, .checkbox input[type="radio"]:disabled + label::before {
    background-color: #eeeeee;
    cursor: not-allowed;
}

.checkbox.checkbox-circle label::before {
    border-radius: 50%;
}

.checkbox.checkbox-inline {
    margin-top: 0;
}

.checkbox-primary input[type="checkbox"]:checked + label::before, .checkbox-primary input[type="radio"]:checked + label::before {
    background-color: #f4f5f9;
    border-color: #e6e9f0;
}

.checkbox-primary input[type="checkbox"]:checked + label::after, .checkbox-primary input[type="radio"]:checked + label::after {
    color: #bec3d4;
}

.checkbox-danger input[type="checkbox"]:checked + label::before, .checkbox-danger input[type="radio"]:checked + label::before {
    background-color: #ed202e;
    border-color: #e6e9f0;
}

.checkbox-danger input[type="checkbox"]:checked + label::after, .checkbox-danger input[type="radio"]:checked + label::after {
    color: #fff;
}

.checkbox-info input[type="checkbox"]:checked + label::before, .checkbox-info input[type="radio"]:checked + label::before {
    background-color: #1393fd;
    border-color: #e6e9f0;
}

.checkbox-info input[type="checkbox"]:checked + label::after, .checkbox-info input[type="radio"]:checked + label::after {
    color: #fff;
}

.checkbox-warning input[type="checkbox"]:checked + label::before, .checkbox-warning input[type="radio"]:checked + label::before {
    background-color: #ffa335;
    border-color: #e6e9f0;
}

.checkbox-warning input[type="checkbox"]:checked + label::after, .checkbox-warning input[type="radio"]:checked + label::after {
    color: #fff;
}

.checkbox-success input[type="checkbox"]:checked + label::before, .checkbox-success input[type="radio"]:checked + label::before {
    background-color: #4be1ab;
    border-color: #e6e9f0;
}

.checkbox-success input[type="checkbox"]:checked + label::after, .checkbox-success input[type="radio"]:checked + label::after {
    color: #fff;
}

/*Radio*/

input[type="radio"] {
    background-color: #fff;
    border-radius: 10px;
    border: 1px solid #e5e8ef;
    cursor: pointer;
    display: inline-block;
    height: 17px;
    margin-right: 3px;
    position: relative;
    width: 17px;
    -webkit-appearance: none;
}

input[type="radio"] + label {
    font-weight: 400;
}

input[type="radio"]:after {
    opacity: 0;
}

input[type="radio"]:checked::after {
    background-color: #444;
    border-radius: 25px;
    background-color: #4be1ab;
    content: '';
    display: block;
    height: 9px;
    left: 3px;
    position: relative;
    top: 3px;
    width: 9px;
    opacity: 1;
}

.radio {
    padding-left: 20px;
}

.radio label {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    padding-left: 5px;
}

.radio label::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 17px;
    height: 17px;
    left: 0;
    margin-left: -20px;
    border: 1px solid #e5e8ef;
    border-radius: 50%;
    background-color: #fff;
    -webkit-transition: border 0.15s ease-in-out;
    -o-transition: border 0.15s ease-in-out;
    transition: border 0.15s ease-in-out;
}

.radio label::after {
    display: inline-block;
    position: absolute;
    content: " ";
    width: 9px;
    height: 9px;
    left: 4px;
    top: 4px;
    margin-left: -20px;
    border-radius: 50%;
    background-color: #555555;
    -webkit-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    -o-transform: scale(0, 0);
    transform: scale(0, 0);
    -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
}

.radio input[type="radio"] {
    opacity: 0;
    z-index: 1;
}

.radio input[type="radio"]:focus + label::before {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

.radio input[type="radio"]:checked + label::after {
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
}

.radio input[type="radio"]:disabled + label {
    opacity: 0.65;
}

.radio input[type="radio"]:disabled + label::before {
    cursor: not-allowed;
}

.radio.radio-inline {
    margin-top: 0;
}

.radio-primary input[type="radio"] + label::after {
    background-color: #c0c7da;
}

.radio-primary input[type="radio"]:checked + label::before {
    border-color: #e4e7ef;
}

.radio-primary input[type="radio"]:checked + label::after {
    background-color: #c0c7da;
}

.radio-danger input[type="radio"] + label::after {
    background-color: #d9534f;
}

.radio-danger input[type="radio"]:checked + label::before {
    border-color: #e4e7ef;
}

.radio-danger input[type="radio"]:checked + label::after {
    background-color: #d9534f;
}

.radio-info input[type="radio"] + label::after {
    background-color: #3a8cf7;
}

.radio-info input[type="radio"]:checked + label::before {
    border-color: #e4e7ef;
}

.radio-info input[type="radio"]:checked + label::after {
    background-color: #3a8cf7;
}

.radio-warning input[type="radio"] + label::after {
    background-color: #51dde9;
}

.radio-warning input[type="radio"]:checked + label::before {
    border-color: #e4e7ef;
}

.radio-warning input[type="radio"]:checked + label::after {
    background-color: #f0ad4e;
}

.radio-success input[type="radio"] + label::after {
    background-color: #4be1ab;
}

.radio-success input[type="radio"]:checked + label::before {
    border-color: #e4e7ef;
}

.radio-success input[type="radio"]:checked + label::after {
    background-color: #4be1ab;
}

input[type="checkbox"].styled:checked + label:after, input[type="radio"].styled:checked + label:after {
    font-family: 'FontAwesome';
    content: "\f00c";
}

input[type="checkbox"] .styled:checked + label::before, input[type="radio"] .styled:checked + label::before {
    color: #fff;
}

input[type="checkbox"] .styled:checked + label::after, input[type="radio"] .styled:checked + label::after {
    color: #fff;
}

/* Validation Status */

.has-feedback label {
    color: #a1aaba !important;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 0.8px;
    font-size: 13px;
}

.has-feedback input[type="text"] {
    border-width: 2px;
    border-radius: 4px;
}

.has-success .help-block, .has-success .control-label, .has-success .radio, .has-success .checkbox, .has-success .radio-inline, .has-success .checkbox-inline, .has-success.radio label, .has-success.checkbox label, .has-success.radio-inline label, .has-success.checkbox-inline label {
    color: #4be1ab;
}

.has-success .form-control {
    border-color: #4be1ab;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.has-success .form-control:focus {
    border-color: #4be1ab;
}

.has-success .input-group-addon {
    color: #454648;
    border-color: #4be1ab;
    background-color: #FFF;
}

.has-success .form-control-feedback {
    color: #4be1ab;
}

.has-warning .help-block, .has-warning .control-label, .has-warning .radio, .has-warning .checkbox, .has-warning .radio-inline, .has-warning .checkbox-inline, .has-warning.radio label, .has-warning.checkbox label, .has-warning.radio-inline label, .has-warning.checkbox-inline label {
    color: #f89338;
}

.has-warning .form-control {
    border-color: #f89338;
}

.has-warning .form-control:focus {
    border-color: #f89338;
}

.has-warning .input-group-addon {
    color: #454648;
    border-color: #f89338;
    background-color: #fff;
}

.has-warning .form-control-feedback {
    color: #f89338;
}

.has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline, .has-error.radio label, .has-error.checkbox label, .has-error.radio-inline label, .has-error.checkbox-inline label {
    color: #ed202e;
}

.has-error .form-control {
    border-color: #ed202e;;
}

.has-error .form-control:focus {
    border-color: #ed202e;
}

.has-error .input-group-addon {
    color: #454648;
    border-color: #ed202e;
    background-color: #fff;
}

.has-error .form-control-feedback {
    color: #ed202e;
}

/* 3.2 Panels */

.panel {
    font-size: 14px;
    border-radius: 0;
    box-shadow: none;
    border: none;
}

.panel a {
    font-size: 14px;
}

.panel-heading {
    padding: 18px 24px;
    border-radius: 0;
    border: none;
}

.panel-default {
    border-color: #fff;
}

.panel-default > .panel-heading {
    color: #6f6f6f;
    background-color: #fff;
    border-color: #fff;
}

.panel-default > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #fff;
}

.panel-default > .panel-heading .badge {
    color: #fff;
    background-color: #333333;
}

.panel-default > .panel-footer + .panel-collapse > .panel-body {
    border: #dddddd 1px solid;
}

.panel-default .panel-body {
    border: #dddddd 1px solid;
}

.panel-primary {
    border-color: #1393fd;
}

.panel-primary > .panel-heading {
    color: #ffffff;
    background-color: #1393fd;
    border-color: #337ab7;
}

.panel .panel-title {
    margin-bottom: 0;
}

.panel-primary > .panel-heading + .panel-collapse > .panel-body {
    border: #1393fd 1px solid;
}

.panel-primary > .panel-heading .badge {
    color: #1393fd;
    background-color: #ffffff;
}

.panel-primary > .panel-footer + .panel-collapse > .panel-body {
    border: #1393fd 1px solid;
}

.panel-primary .panel-body {
    border: #1393fd 1px solid;
}

.panel-success {
    border-color: #4be1ab;
}

.panel-success > .panel-heading {
    color: #fff;
    background-color: #4be1ab;
    border-color: #4be1ab;
}

.panel-success > .panel-heading + .panel-collapse > .panel-body {
    border: #4be1ab 1px solid;
}

.panel-success > .panel-heading .badge {
    color: #4be1ab;
    background-color: #fff;
}

.panel-success > .panel-footer + .panel-collapse > .panel-body {
    border: #4be1ab 1px solid;
}

.panel-success .panel-body {
    border: #4be1ab 1px solid;
}

.panel-info {
    border-color: #1393fd;
}

.panel-info > .panel-heading {
    color: #fff;
    background-color: #1393fd;
    border-color: #1393fd
}

.panel-info > .panel-heading + .panel-collapse > .panel-body {
    border: #1393fd 1px solid;
}

.panel-info > .panel-heading .badge {
    color: #1393fd;
    background-color: #fff;
}

.panel-info > .panel-footer + .panel-collapse > .panel-body {
    border: #1393fd 1px solid;
}

.panel-info .panel-body {
    border: #1393fd 1px solid;
}

.panel-warning {
    border-color: #ffa335;
}

.panel-warning > .panel-heading {
    color: #fff;
    background-color: #ffa335;
    border-color: #ffa335;
}

.panel-warning > .panel-heading + .panel-collapse > .panel-body {
    border: #ffa335 1px solid;
}

.panel-warning .panel-body {
    border: #ffa335 1px solid;
}

.panel-warning > .panel-heading .badge {
    color: #ffa335;
    background-color: #fff;
}

.panel-warning > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #ffa335;
}

.panel-danger {
    border-color: #ed202e;
}

.panel-danger > .panel-heading {
    color: #fff;
    background-color: #ed202e;
    border-color: #ed202e;
}

.panel-danger .panel-body {
    border: #ed202e 1px solid;
}

.panel-danger > .panel-heading + .panel-collapse > .panel-body {
    border: #ed202e 1px solid;
}

.panel-danger > .panel-heading .badge {
    color: #ed202e;
    background-color: #fff;
}

.panel-danger > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #ed202e;
}

.more-less {
    float: right;
    color: #fff;
}

.panel-heading a[aria-expanded="true"]:after {
    /* symbol for "opening" panels */
    font-family: 'Glyphicons Halflings'; /* essential for enabling glyphicon */
    content: "\2212"; /* adjust as needed, taken from bootstrap.css */
    float: right; /* adjust as needed */
    color: #FFF; /* adjust as needed */
}

.panel-heading a[aria-expanded="false"]:after {
    /* symbol for "collapsed" panels */
    font-family: 'Glyphicons Halflings'; /* essential for enabling glyphicon */
    content: "\2b"; /* adjust as needed, taken from bootstrap.css */
    float: right; /* adjust as needed */
    color: #FFF;
}

.panel-body {
    color: #6f6f6f;
    font-size: 16px;
    font-family: 'PT Serif', serif;
    line-height: 1.7;
}

/*3.3 Modal Popup */

.modal-title {
    text-align: center;
    font-size: 32px;
    font-weight: 900;
/*    font-family: 'Montserrat', sans-serif;
*/}

.modal-footer {
    border: none;
    padding: 15px 30px 40px;
    text-align: center;
}

.modal-header {
    border: none;
    padding: 40px 30px 15px;
}

.modal-body {
    padding: 30px;
}

.modal-body p {
    font-size: 17px;
    color: #343e5c;
    letter-spacing: 0.8px;
    text-align: center;
    font-family: 'PT Serif', serif;
    line-height: 1.7;
}

.close:hover {
    color: #CCC;
    background-color: transparent;
}

/* 3.5 Popover */

.popover-content {
/*    font-family: 'Montserrat', sans-serif;
*/    font-size: 14px;
    color: #222327;
    text-align: center;
}

.popover-title {
    margin: 0;
    padding: 8px 14px;
    font-size: 12px;
    letter-spacing: 0.8px;
    color: #b5bfd0;
    background-color: #fff;
    border-bottom: 1px solid #fff;
    text-align: center;
    font-weight: 500;
    text-transform: uppercase;
    border-radius: 5px 5px 0 0;
}

.popover {
    border: 1px solid rgba(228, 231, 239, 0.11);
    border: 1px solid rgba(228, 231, 239, 0.11);
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}

/* 3.6 Progress bar */

.progress {
    border-radius: 0px;
}

.progress-bar {
    box-shadow: none;
}

/* 3.7 Tabs */

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    color: #3a405b;
    background-color: #f0f2f7;
    border: 1px solid #f0f2f7;
    font-size: 11px;
    text-transform: uppercase;
}

.nav-tabs li:before {
    visibility: hidden;
}

.nav-tabs > li > a {
    color: #3a405b;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.8px;
    margin-right: 0;
    border: 1px #f0f2f7 solid;
}

.nav-tabs > li:last-child a {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    border-bottom-right-radius: 0;
}

.nav-tabs > li:not(:first-child):not(:last-child) a {
    border-radius: 0;
}

.tab-content .tab-pane {
    padding: 15px;
    background: #f0f2f7;
}

.page .page-block .nav-tabs > li, .single .nav-tabs > li {
    margin: 0;
}

/*----------------
4.0 Accessibility
------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000; /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
    outline: 0;
}

/*-----------
4.1 Alignments
------------*/
.alignleft {
    display: inline;
    float: left;
    margin-right: 1.5em;
}

.alignright {
    display: inline;
    float: right;
    margin-left: 1.5em;
}

.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/*----------
4.2 Clearings
-----------*/
.clear:before, .clear:after, .entry-content:before, .entry-content:after, .comment-content:before, .comment-content:after, .site-header:before, .site-header:after, .site-content:before, .site-content:after, .site-footer:before, .site-footer:after {
    content: "";
    display: table;
    table-layout: fixed;
}

.clear:after, .entry-content:after, .comment-content:after, .site-header:after, .site-content:after, .site-footer:after {
    clear: both;
}

/*--------
4.3 Widgets
---------*/
.widget {
    margin: 0 0 1.5em;
}

/* Make sure select elements fit in widgets. */
.widget select {
    max-width: 100%;
}

.widget p {
    text-align: center;
    color: #73757d;
    font-size: 14px;
    font-weight: 600;
}

.widget-title {
    font-size: 14px;
    font-weight: 500;
    color: #404040;
    background: none;
/*    font-family: 'Montserrat', sans-serif;
*/    text-transform: none;
    margin: 30px 0 20px;
    text-align: center;
    text-transform: uppercase;
    border: 0px #00d3f3 dashed;
    border-radius: 0px;
    padding: 8px;
}

.widget-title:before {
    content: "";
    display: inline-block;
    width: 10px;
    height: 1px;
    background: #404040;
    position: relative;
    top: -5px;
    margin: 0 5px;
}

.widget-title:after {
    content: "";
    display: inline-block;
    width: 10px;
    height: 1px;
    background: #404040;
    position: relative;
    top: -5px;
    margin: 0 5px;
}

.me {
    border-bottom-color: #d35400;
}

.n-lt-s {
}

.n-lt-s input[type='email'] {
    width: 100%;
    border: none;
    box-shadow: none;
    background: #ededed;
    border-radius: 0px;
}

.n-lt-s button {
    width: 100%;
    background: #d35400;
    color: #fff;
    border: none;
}

.n-lt-s label {
    font-size: 12px;
    font-weight: 300;
    color: #7f8c8d;
    text-transform: uppercase;
}

.tagcloud a {
    border: 0px #fe5339 solid;
    border-radius: 0;
    background: #f7f7f7;
    color: #404040;
/*    font-family: 'Montserrat', sans-serif;
*/    margin-left: 4px;
    border-radius: 0;
    display: inline-block;
    padding: 8px 12px;
    margin-bottom: 0;
    text-transform: uppercase;
    font-size: 11px !important;
    font-weight: 500;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
}

.tagcloud a:hover {
    webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
    background: #fe5339;
    color: #fff;
}

aside .widget_search {
    margin-bottom: 18px;
    margin-top: 27px;
}

aside .widget_search .input-group {
    margin-bottom: 0;
    margin-top: 25px;
}

aside .widget_search button {
    background: #fe5339;
    color: #fff;
    opacity: 1;
}

aside .widget_search button:hover {
    opacity: 0.7;
    webkit-transition: all 600ms ease-in-out;
    transition: all 600ms ease-in-out;
    border: 1px #fe5339 solid;
}

.thumb {
    display: block;
    width: 100%;
    margin: 0;
}

/* Style to article Author */
.by-author {
    font-style: italic;
    line-height: 1.3;
    color: #aab6aa;
}

.widget_recent_comments ul li {
    padding: 26px 0;
/*    font-family: 'Montserrat', sans-serif;
*/    color: #73757d;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 600;
    border: none;
    letter-spacing: 0.8px;
    border-bottom: 2px #f3f3f3 solid;
    margin-bottom: 1px;
    list-style: none;
}

.widget_recent_comments ul li:last-child {
    border-bottom: 0px #f3f3f3 solid;
}

.widget_recent_comments ul li a {
    color: #43484d;
}

.widget_recent_comments ul li a:hover {
    color: #ff4a5d;
    transition: all ease-in .3s;
    -moz-transition: all ease-in .3s;
    -webkit-transition: all ease-in .3s;
}

.widget_recent_comments ul li span {
    font-weight: 600;
    font-size: 12px;
}

.widget_recent_comments ul li .comment-author-link a {
    color: #73757d;
}

.widget_recent_comments ul li:before {
    font-family: 'FontAwesome';
    content: "\f0e5";
    display: inline-block;
    color: #43484d;
    position: absolute;
    left: 45px;
    font-size: 18px;
}

.widget_recent_entries li img {
    width: 50px;
    height: 50px;
    object-fit: cover;
    border-radius: 50%;
}

.widget_recent_entries li img:hover {
    -webkit-filter: blur(1px);
    -moz-filter: blur(1px);
    -o-filter: blur(1px);
    -ms-filter: blur(1px);
    filter: blur(1px);
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

.widget_recent_entries li a {
    display: inline-block;
    margin-left: 0px;
    float: left;
}

.widget_recent_entries li {
    border-bottom: 1px #f4f4f4 solid;
    padding: 15px 0;
}

.widget_recent_entries ul li .media-body p {
    color: #193f5d;
    font-size: 14px;
}

.widget_recent_entries .media {
    margin-top: 0;
}

.widget_recent_entries ul li .media-body p a {
    color: #6f6f6f;
    font-size: 14px;
    font-weight: 400;
    text-transform: none;
    margin-left: 12px;
    letter-spacing: 0.8px;
/*    font-family: 'Montserrat', sans-serif;
*/    text-decoration: none;
    margin-top: 0px;
    line-height: 1.8;
}

.widget_recent_entries ul li .media-body p .by-author {
}

.widget_recent_entries ul li .media-body p a:hover {
    color: #fe5339;
    text-decoration: none;
    transition: all ease-in .3s;
    -moz-transition: all ease-in .3s;
    -webkit-transition: all ease-in .3s;
}

.widget_recent_entries ul li .media-body p {
    text-align: left;
    margin: 0;
}

.widget_recent_entries ul li .media-body p a span {
    display: block;
    font-weight: 600;
    text-transform: uppercase;
    text-align: left;
    font-size: 11px;
    color: #acadb1;
    text-decoration: underline;
}

.widget_archive ul {
    margin-left: 0;
    padding-left: 0;
}

.widget_archive ul li {
    padding: 8px 0;
/*    font-family: 'Montserrat', sans-serif;
*/    letter-spacing: 0.8px;
    color: #969dad;
    font-size: 14px;
    text-transform: none;
    font-weight: 500;
    border: none;
    border-bottom: 0px #dcdde1 solid;
    margin-bottom: 1px;
    text-transform: uppercase;
    list-style: none;
}

.widget_archive ul li a {
    color: #000;
}

.widget_archive li a:hover {
    color: #ff4a5d;
    transition: all ease-in .3s;
    -moz-transition: all ease-in .3s;
    -webkit-transition: all ease-in .3s;
}

aside section {
    margin-bottom: 60px !important;
}

aside section:first-child {
    margin-top: 0px;
}

aside {
    padding-left: 40px !important;
}

aside ul {
}

aside ul li {
    padding: 8px 0;
/*    font-family: 'Montserrat', sans-serif;
*/    letter-spacing: 0.8px;
    color: #969dad;
    font-size: 14px;
    text-transform: none;
    font-weight: 500;
    border: none;
    border-bottom: 0px #dcdde1 solid;
    margin-bottom: 1px;
    text-transform: none;
    list-style: none;
}

aside ul li a {
    color: #000;
}

aside li a:hover {
    color: #ff4a5d;
    transition: all ease-in .3s;
    -moz-transition: all ease-in .3s;
    -webkit-transition: all ease-in .3s;
}

.widget_categories {
}

.widget_categories ul {
    background: none;
    padding: 0px;
}

.widget_categories ul li {
    padding: 16px 0;
/*    font-family: 'Montserrat', sans-serif;
*/    letter-spacing: 0.8px;
    color: #6f6f6f;
    font-size: 13px;
    text-transform: none;
    font-weight: 500;
    border: none;
    border-bottom: 1px #e2ddc7 solid;
    margin-bottom: 1px;
    text-transform: uppercase;
    list-style: none;
}

.widget_categories ul li a {
    color: #6f6f6f;
    font-size: 13px;
    text-transform: none;
    font-weight: 500;
    text-transform: uppercase;
}

.widget_categories ul li a span {
    float: right;
}

.widget_categories li a:hover {
    color: #ff4a5d;
    transition: all ease-in .3s;
    -moz-transition: all ease-in .3s;
    -webkit-transition: all ease-in .3s;
}

.widget_tag_cloud .tagcloud a {
    margin-top: 5px;
}

.widget_meta ul {
    list-style: none;
}

.widget_meta li {
    padding: 8px 0;
}

.widget_meta li a {
    color: #193f5d;
    font-size: 14px;
    list-style: none;
    font-weight: 600;
}

.widget_meta li a:hover {
    color: #fc8f2f;
    transition: all ease-in .3s;
    -moz-transition: all ease-in .3s;
    -webkit-transition: all ease-in .3s;
}

.widget_meta li:hover:before {
    color: #ec6262;
    transition: all ease-in .3s;
    -moz-transition: all ease-in .3s;
    -webkit-transition: all ease-in .3s;
}

.widget_meta li:before {
    content: "-";
    padding: 0 10px 0 0;
    font-weight: bold;
    color: #bbbbbb;
}

.widget_social ul {
    margin-left: 0;
    padding-left: 0;
}

.widget_social li i {
    /*background: #666;*/
    text-align: center;
    padding: 0px;
    font-size: 20px;
    /*border-radius: 50%;*/
    color: #000;
}

.widget_social li i:hover {
    color: #fff;
    transition: all ease-in .3s;
    -moz-transition: all ease-in .3s;
    -webkit-transition: all ease-in .3s;
    opacity: 0.8;

}

.widget_social li {
    border: none;
    color: #fff;
    border-radius: 8px;
    margin: 6px;
    background-color: transparent;
    display: inline-block;
}

.widget_search .input-group-btn button {
    padding: 12px 20px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.widget_social li a {
    display: inline-block;
}

.widget_social {
    height: auto;

    display: block;
}

.widget_social .fa {
    display: inline-block;
    padding: 10px 15px;
    border-radius: 4px;
    width: 46px;
    color: #fff;
}

.widget_social .fa-facebook {
    background: #3fccfd;
}

.widget_social .fa-facebook:hover {
}

.widget_social .fa-twitter {
    background: #3b5998;
}

.widget_social .fa-google-plus {
    background: #df4b38;
}

.widget_social .fa-rss {
    background: #fba529;
}

.widget_social .fa-pinterest {
    background: #3fccfd;
}

.widget_social .fa-dribbble {
    background: #ea4c89;
}

.widget_social .fa-behance {
    background: #006ffb;
}

.widget_social .fa-instagram {
    background: #893a8b;
}

.widget_social .fa-youtube-play {
    background: #c71d20;
}

.widget_social .fa-youtube {
    background: #c71d20;
}

.widget_tag_cloud .tagcloud a {
    margin-top: 5px;
}

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

.widget_meta li {
    padding: 8px 0;
}

.widget_meta li a {
    color: #193f5d;
    font-size: 14px;
    list-style: none;
    font-weight: 600;
}

.widget_meta li a:hover {
    color: #ff4a5d;
    transition: all ease-in .3s;
    -moz-transition: all ease-in .3s;
    -webkit-transition: all ease-in .3s;
}

.widget_meta li:hover:before {
    color: #ff4a5d;
    transition: all ease-in .3s;
    -moz-transition: all ease-in .3s;
    -webkit-transition: all ease-in .3s;
}

.widget_meta li:before {
    content: "-";
    padding: 0 10px 0 0;
    font-weight: bold;
    color: #bbbbbb;
}

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

.usrdt p {
    margin: 0;
}

.usrdt .blg-dtl {
    display: block;
    margin-top: -30px;
    margin-bottom: 15px;
    text-align: center;
}

.usrdt .blg-dtl img {
    width: 180px;
    height: 180px;
    border: 10px #fff solid;
    margin-left: 145px;
}

.usrdt .blg-dtl .lg-nm {
    color: #000;
    font-size: 12px;
    font-weight: 300;
}

.usrdt .blg-dtl .blg-desig {
    color: #acacac;
    font-size: 12px;
    font-weight: 300;
}

.usrdt .blg-cnt {
    color: #acacac;
    font-size: 12px;
    font-weight: 300;
    text-align: center;
}

.usrdt .blg-an {
    display: block;
    padding: 15px;
    text-align: center;
    background: #3a3d48;
    color: #fff;
    margin-top: 40px;
}

.usrdt .blg-an:hover {
    background: #6ad8d5;
    transition: all ease-in-out .2s;
    -moz-transition: all ease-in-out .2s;
    -webkit-transition: all ease-in-out .2s;
}

.usrdt .sc li a {
    font-size: 12px;
    color: #fff;
}

.usrdt .sc li a .fa-facebook {
    background: #2685dd;
    padding: 4px 6px;
    border-radius: 10px;
}

.usrdt .sc li a .fa-twitter {
    background: #06c0fd;
    padding: 4px 5px;
    border-radius: 10px;
}

.usrdt .sc li a .fa-instagram {
    background: #9c7e5f;
    padding: 4px 6px;
    border-radius: 10px;
}

/*----------
4.4 Comments
------------*/
.comment-content a {
    word-wrap: break-word;
}

.bypostauthor {
    display: block;
}

#comments span {
    margin: 0;
}

#comments p {
    padding: 0;
    font-size: 14px;
    letter-spacing: 0.6px;
    line-height: 1.7;
    font-family: 'PT Serif', serif;
    color: #6f6f6f;
    margin-left: 0 !important;
}

#comments form label {
/*    font-family: 'Montserrat', sans-serif;
*/    font-weight: 400;
}

#comments .comments-title {
    font-size: 20px;
    margin-left: 0;
    padding-left: 0;
}

#comments .comments-title:before {
    content: "\f086";
    color: #e4e7ef;
    display: inline-block;
    margin-right: 15px;
    font-family: 'FontAwesome';
}

#comments a {
    color: #404040;
}

#comments {
    margin-top: 30px;
    border-top: 0px #999999 solid;
    padding-top: 25px;
    margin-bottom: 50px;
}

#comments .comment-reply-title {
    font-size: 22px;
    margin-top: 30px;
}

#comments ol {
    list-style: none;
    padding: 0;
    margin-left: 0 !important;
}

#comments ol li {
    border-left: 0px #ccc solid;
    padding: 0;
    word-wrap: break-word;
}

#comments .comment-author {
    display: inline-block;
    font-size: 12px;
}

#comments .comment-author b {
    margin-left: 116px;
    font-size: 12px;
    color: #404040;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 1px;
}

#comments .comment-author b a {
    color: #404040;
    text-transform: uppercase;
}

#comments ol li .comment-metadata {
    display: block;

}

#comments ol li .comment-metadata a {
    color: #73757d;
    margin-left: 116px;
    font-size: 16px;
    font-style: italic;
    color: #999999;
    font-family: 'PT Serif', serif;

}

#comments .comment-content {
    position: relative;
    margin-left: 120px;
    /*top: -80px;
    left: 120px;*/
}

#comments ol li ol {
    border-top: 0px #e1e1e1 solid;
    margin-bottom: 30px;
}

#comments ol li ol li {
    border-bottom: 0px #e1e1e1 solid;
    word-wrap: break-word;
    padding-left: 50px;
}

#comments .comment-body {
    padding: 50px 20px;
    text-align: left;
    margin-top: 0;
    background: #fafafa;
    border-bottom: 3px #f2f2f2 solid;
}

#comments .comment-author .avatar {
    width: 100px;
    height: 100px;
    max-height: inherit;
    min-height: inherit;
    display: inline-block;
    border-radius: 50%;
    object-fit: cover;
    margin-right: 20px;
    position: absolute;
}

#comments .reply {
    float: right;
}

#comments .reply a {
    color: #73757d;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 11px;
}

#comments .reply a:before {
    content: "\f075";
    font-family: 'FontAwesome';
    display: inline-block;
    margin-right: 5px;
    color: #73757d;
}

#respond h3 {
    padding-left: 0;
}

#respond textarea {
    width: 100%;
    border: 1px #e1e1e1 solid;
    border-radius: 0;
}

#respond input {
    border: 1px #e1e1e1 solid;
    width: 100%;
    display: block;
    border-radius: 0;
}

#respond input[type=submit] {
    background: #ff5959;
    color: #fff;
    border: none;
    float: left;
/*    font-family: 'Montserrat', sans-serif;
*/    padding: 18px;
}

#respond input[type=submit]:hover {
    background: #fe7575;
    color: #fff;
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

#respond p.comment-form-comment {
    display: block;
    width: 100%;
}

#respond p {
    display: inline-block;
    width: 49%;
    margin: 15px 2px;
}

#respond p.comment-form-url {
    width: 100%;
}

#respond p label .required {
    display: inline-block;
}

/*----------------
4.5 Infinite scroll
-----------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
    display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
    display: block;
}

/*-----
4.6 Media
-------*/
.page-content .wp-smiley, .entry-content .wp-smiley, .comment-content .wp-smiley {
    border: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
}

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

/*----------------
5.0 Homepage Sections
-----------------*/

#home-banner {
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center;
    padding: 0px 0;
    height: 100vh;
    position: relative;
}

#home-banner:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    opacity: 0.5;
}

#home-banner .content {
    position: relative;
    text-align: center;
    left: 0;
    top: 50%;
    transform: translate(0, -50%);
}

#home-banner h1 {
    color: #1e473f;
    font-weight: 500;
    font-size: 42px;
    line-height: 1.2;
    max-width: 650px;
    margin: 0 auto;
}

#home-banner h1 span {
    color: #1e473f;
    font-weight: 500;
    font-size: 42px;
/*    font-family: 'Montserrat', sans-serif;
*/    font-style: normal;
    padding: 0;
}

#home-banner h1 span:after {
    display: block;
    content: '';
    bottom: -2px;
    left: 0px;
    margin-top: 3px;
    height: 2px;
    width: 0%;
    background-color: #008a3d;
}

#home-banner h1 span.liner:after {
    width: 100%;
    transition: all ease-in-out 2s;
}

#home-banner span {
    color: #fff;
    font-weight: 400;
    font-size: 18px;
    letter-spacing: 0.8px;
    font-family: 'PT Serif', serif;
    font-style: italic;
    padding-bottom: 18px;
    display: inline-block;
}

#home-banner a {
    padding: 12px 50px;
    font-size: 11px;
    line-height: 1.42857143;
    border-radius: 4px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 500;
    background-color: #008a3d;
    letter-spacing: 0.8px;
    text-decoration: none;
}

#home-banner a:hover {
    transition: all 0.6s;
    -moz-transition: all 0.6s;
    -webkit-transition: all 0.6s;
    background-color: #008a2d;
}

.no-padding {
    padding-left: 0;
    padding-right: 0;
}

.arrow {
    text-align: center;
    color: #008a3d;
    position: absolute;
    bottom: 50px;
    left: 0;
    right: 0;
}

.bounce {
    -webkit-animation: bounce 2s infinite;
    animation: bounce 2s infinite;
}

@-webkit-keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    40% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px);
    }
    60% {
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px);
    }
}

@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    40% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px);
    }
    60% {
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px);
    }
}

#about-us-block,
#registration-block {
    padding: 100px 0;
}

#about-us-block h2,
#registration-block h2 {
    font-size: 32px;
    color: #404040;
    font-weight: 600;
    margin-bottom: 10px;
    display: block;
    max-width: 600px;
    margin: 0 auto;
}

#about-us-block .section-title,
#registration-block .section-title {
    margin-bottom: 80px;
}

#about-us-block .section-title p,
#registration-block .section-title p {
    color: #6f6f6f;
    font-size: 16px;
    max-width: 800px;
    margin: 0 auto;
    font-family: 'PT Serif', serif;
    margin-top: 50px;
}

.section-title a { /*position:relative; margin-top:-64px; margin-right:8px;*/
    float: right;
    padding: 12px 50px;
    font-size: 11px;
    line-height: 1.42857143;
    border-radius: 0px;
    -webkit-user-select: none;
    -moz-user-select: none;
    background-color: transparent;
    border: 2px #d9d9d9 solid;
    color: #404040;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 0.8px;
    margin-top: -43px;
    text-align: right;
}

.section-title a:hover {
    background-color: #ff4a5b;
    border: 2px #ff4a5b solid;
    color: #fff;
    transition: all 0.6s;
    -moz-transition: all 0.6s;
    -webkit-transition: all 0.6s;
    text-decoration: none;
}

ul.about-features {
    padding: 50px 80px;
    /*display: inline-block;*/
}

ul.about-features li {
    list-style: none;
    width: calc(85% / 2);
    float: left;
    padding-left: 12%;
    margin-bottom: 75px;
    max-width: 420px;
    cursor: pointer;
}

ul.about-features li:nth-child(odd) {
    margin-right: 12%;
}

ul.about-features li i {
    color: #ebebeb;
    font-size: 48px;
    position: absolute;
    margin-left: -100px;
}

ul.about-features li h5 {
    font-weight: 600;
    font-size: 18px;
    margin-bottom: 30px;
}

ul.about-features li p {
    color: #6f6f6f;
}

ul.about-features li:hover i {
    color: #237545;
    transition: all .6s;
    -moz-transition: all .6s;
    -webkit-transition: all .6s;
}

#home-contact-block {
    padding: 70px 0;
    background: #2b2b2b;
}

#home-contact-block .row {
    padding: 15px;
}

#home-contact-block p {
    font-size: 24px;
    font-weight: 500;
    color: #fff;
    margin-bottom: 0;
    display: inline-block;
    float: left;
    max-width: 800px;

}

#home-contact-block a.button {
    float: right;
    max-width: 300px;
    border: 1px #204b42 solid;
    display: inline-block;
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 400;
    background: #008a3d;
    padding: 15px 53px;
    letter-spacing: 0.8px;
}

#home-contact-block a.button:hover {
    border: 1px #fff solid;
    background: none;
    text-decoration: none;
    transition: all .6s;
    -moz-transition: all .6s;
    -webkit-transition: all .6s;
}

#home-contact-block div.text {
    text-align: center;
    color: white;
    padding: 10px;
}

#home-contact-block div.text span.text {
    padding: 10px;
}

#home-contact-block div.text a.button {
    float: none;
    display: block;
    margin: 0 auto;
}

#our-work-block {
    padding: 80px 0 160px;
}

#our-work-block h2 {
    font-size: 32px;
    color: #404040;
    font-weight: 600;
    margin-bottom: 10px;
    display: block;
    max-width: 600px;
    margin: 0 auto;
    position: relative;
    z-index: 2;
}

#our-work-block h2:after {
    border: 1px #CCC solid;
    width: 64px;
    height: 64px;
    content: "";
    display: inline-block;
    position: absolute;
    margin-top: -12px;
    left: 45%;
    transform: rotate(136deg);
    z-index: -1;
}

#our-work-block .section-title, #process-block .section-title {
    margin-bottom: 120px;
}

#our-work-block .section-title p {
    color: #6f6f6f;
    font-size: 16px;
    max-width: 800px;
    margin: 0 auto;
    font-family: 'PT Serif', serif;
    margin-top: 50px;
}

#our-work-block .works ul {
    margin: 0;
    padding: 0;
    width: 100%;
}

#our-work-block .works ul li {
    float: left;
    min-height: 100%;
    width: 31%;
    margin: 10px;
    list-style: none;
}

#our-work-block .works figure {
    position: relative;
    overflow: hidden;
}

#our-work-block .works figure img {
    width: 100%;
    height: 100%;
    max-height: 312px;
    min-height: 312px;
    overflow: hidden;
    object-fit: cover;
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

.page #our-work-block .works figure img, .single #our-work-block .works figure img {
    border-radius: 0;
    margin-top: auto;
}

#our-work-block .works figure:hover img, #our-work-block .works figure:focus img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

#our-work-block .works figcaption {
    position: absolute;
    top: 0;
    left: 0;
    padding: 25% 0;
    width: 89%;
    height: 89%;
    background-color: #fff;
    text-align: center;
    font-size: 15px;
    margin: 20px;
    opacity: 0;
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

#our-work-block .works figcaption a {
    color: #fff
}

#our-work-block .works figcaption a:hover, #our-work-block .works figcaption a:focus {
    color: #73d0da
}

#our-work-block .works figure:hover figcaption, #our-work-block .works figure:focus figcaption {
    opacity: 1
}

.visible {
    opacity: 1
}

#our-work-block .works figure.cs-hover figcaption {
    opacity: 1
}

#our-work-block .works figcaption i {
    font-size: 35px
}

#our-work-block .works figcaption h6 {
    margin-bottom: 0;
    text-transform: uppercase;
    color: #4c4c4c;
}

#our-work-block .works figcaption hr {
    content: "";
    display: block;
    width: 20%;
    height: 1px;
    background: #000;
    margin-top: 8px;
    margin-bottom: 8px;
}

#our-work-block .works figcaption .caption-content a {
    color: #6f6f6f;
    text-transform: uppercase;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    font-family: 'PT Serif', serif;
}

#our-work-block .works figcaption .caption-content a:hover {
    text-decoration: none;
    color: #ff4a5d;
    transition: all 300ms ease-in-out;
}

#our-work-block .works figcaption .caption-content {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -60px;
    margin-left: -100px;
    text-align: center;
    width: 200px;
    -webkit-transform: translate(0px, 15px);
    -ms-transform: translate(0px, 15px);
    transform: translate(0px, 15px);
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

#our-work-block .works figure:hover figcaption .caption-content, #our-work-block .works figure:focus figcaption .caption-content {
    -webkit-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
}

#our-work-block .works figure figcaption .work-more li {
    display: inline-block;
    list-style: none;
    min-width: inherit;
    width: auto;
    float: none;
    min-height: inherit;
    margin: 10px 5px;
}

#our-work-block .works figure figcaption .work-more li a {
    background: #ff4a5d;
    border-radius: 50%;
    font-size: 12px;
    color: #fff;
    padding: 6px 10px;
    transition: all 300ms ease-in-out;
}

#our-work-block .works figure figcaption .work-more li a i {
    font-size: 12px;
    color: #fff;
}

#our-work-block .works figure figcaption .work-more li a:hover {
    padding: 10px 13px;
    transition: all 300ms ease-in-out;
}

#process-block {
    padding: 80px 0 160px;
    background: #f6f6f6;
}

#process-block .nav-tabs {
    text-align: center;
    border-bottom: 0px #bcc6d0 solid;
}

#process-block .nav-tabs:before {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background: #bcc6d0;
    position: relative;
    top: 58px;
}

#process-block .nav-tabs > li {
    float: none;
    display: inline-block;
}

#process-block .nav-tabs > li a {
    border-bottom: 0px #bcc6d0 solid;
    border: none;
    padding: 10px 35px;
    transition: all 300ms ease-in-out;
    -webkit-transition: all 300ms ease-in-out;
}

#process-block .nav-tabs > li.active > a, #process-block .nav-tabs > li.active > a:hover, #process-block .nav-tabs > li.active > a:focus {
    border-bottom: 0px #bcc6d0 solid;
    background-color: transparent;
}

#process-block .nav-tabs > li.active i {
    color: #ff5959;
    transition: all 300ms ease-in-out;
    -webkit-transition: all 300ms ease-in-out;
}

#process-block .nav-tabs > li.active i:after {
    background: #ff5959;
    transition: all 300ms ease-in-out;
    -webkit-transition: all 300ms ease-in-out;
}

#process-block .nav > li > a:hover, #process-block .nav > li > a:focus {
    background-color: transparent;
    color: #ff5959;
}

#process-block .nav > li > a:hover i {
    color: #ff5959;
    transition: all 300ms ease-in-out;
    -webkit-transition: all 300ms ease-in-out;
}

#process-block .nav > li > a:hover i:after {
    background: #ff5959;
    transition: all 300ms ease-in-out;
    -webkit-transition: all 300ms ease-in-out;
}

#process-block .nav-tabs > li a i {
    color: #bcc6d0;
    font-weight: 400;
    font-size: 24px;
    display: block;
}

#process-block .nav-tabs > li a i:after {
    content: "";
    display: inline-block;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    position: relative;
    background: #bcc6d0;
    top: 30px;
    right: 14px;
}

#process-block .nav-tabs > li a h5 {
    color: #404040;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    display: block;
    margin-top: 50px;
}

#process-block .tab-content .tab-pane {
    background: none;
    margin-top: 120px;
}

#process-block .process-img img {
    width: 100%;
    object-fit: cover;
    overflow: hidden;
    max-width: 360px;
    margin: 0 auto;
    min-height: 400px;
}

#process-block .process-content {
    padding: 5em 3em;
}

#process-block .process-content h6 {
    font-size: 42px;
    color: #3c434d;
    font-weight: 600;
}

#process-block .process-content p {
    color: #6f6f6f;
    font-size: 16px;
    font-weight: 400;
    font-family: 'PT Serif', serif;
    margin-top: 50px;
    margin-bottom: 35px;
}

#process-block .process-content a {
    color: #e95151;
    text-transform: uppercase;
    font-size: 14px;
    text-decoration: underline;
    font-weight: 500;
}

#process-block .process-content a:hover {
    color: #404040;
    transition: all 300ms ease-in-out;
    -webkit-transition: all 300ms ease-in-out;
}

#company-counter {
    padding: 80px 0;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    background-repeat: no-repeat;
    position: relative;
}

#company-counter:after {
    position: absolute;
    content: "";
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
}

#company-counter .row {
    position: relative;
    z-index: 9;
}

.c-block .counter {
    padding: 15px 42x 15px 42px;
    margin: 0 auto;
    font-size: 62px;
    font-weight: 400;
    margin-bottom: 0px;
    color: #fff;
    display: block;
    margin: 35px 0;
}

.c-block p {
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    padding: 8px 10px;
    margin: 0 0;
    letter-spacing: 1px;
    display: inline-block;
}

.c-block i {
    color: #fff;
    font-size: 36px;
    font-weight: 100;
}

#testimonials-block {
    color: #000;
    background: #fff;
    padding: 80px 0;
}

#testimonial {
    padding: 30px 0;
}

#testimonial .item {
    display: block;
    width: 100%;
    height: auto;
}

#testimonial .item img {
    width: 184px;
    height: 184px;
    object-fit: cover;
    overflow: hidden;
    border-radius: 50%;
}

#testimonial .item h5 {
    color: #6f6f6f;
    font-weight: 400;
    text-transform: none;
    font-size: 16px;
    line-height: 1.6;
    margin-top: 15px;
}

#testimonial .item p strong {
    font-size: 18px;
    color: #404040;
    font-style: normal;
/*    font-family: 'Montserrat', sans-serif;
*/    font-weight: 500;
    display: block;
}

#testimonial .item p {
    font-weight: 400;
    margin: 10px 0;
    color: #6f6f6f;
    font-style: italic;
    font-family: 'PT Serif', serif;
    font-size: 16px;
}

.owl-theme .owl-controls .owl-page span {
    display: block;
    width: 15px;
    height: 15px;
    margin: 5px 7px;
    filter: Alpha(Opacity=1);
    opacity: 1;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background: #ddd;
    border: 2px #ddd solid;
    transition: all 0.5s;
}

.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span {
    filter: Alpha(Opacity=100);
    opacity: 1;
    border: 2px #ff5959 solid;
    background: #fff;
}

.owl-theme .owl-controls .owl-page.active span {
    border: 2px #ff5959 solid;
    background: #fff;
}

#latest-news-block {
    padding: 130px 0 160px;
    background: #f6f6f6;
}

#latest-news-block h2 {
    font-size: 32px;
    color: #404040;
    font-weight: 600;
    margin-bottom: 10px;
    display: block;
    max-width: 600px;
    margin: 0 auto;
    position: relative;
    z-index: 2;
}

#latest-news-block h2:after {
    border: 1px #CCC solid;
    width: 64px;
    height: 64px;
    content: "";
    display: inline-block;
    position: absolute;
    margin-top: -12px;
    left: 45%;
    transform: rotate(136deg);
    z-index: -1;
}

#latest-news-block .section-title {
    margin-bottom: 150px;
    display: block;
}

#latest-news-block .section-title p {
    color: #6f6f6f;
    font-size: 16px;
    max-width: 800px;
    margin: 0 auto;
    font-family: 'PT Serif', serif;
    margin-top: 50px;
}

#latest-news-block article img {
    min-height: 163px;
    max-height: 163px;
    width: 100%;
    object-fit: cover;
    overflow: hidden;
}

#latest-news-block article {
    text-align: center;
}

#latest-news-block .entry-header {
    padding: 0px 0 20px;
}

#latest-news-block a h6 {
    font-size: 13px;
/*    font-family: 'Montserrat', sans-serif;
*/    text-transform: uppercase;
    color: #404040;
    font-weight: 600;
    line-height: 1.5;
    font-style: normal;
    margin-bottom: 6px;
}

#latest-news-block .entry-header a {
    font-family: 'PT Serif', serif;
    color: #6f6f6f;
    font-size: 14px;
    font-style: italic;
    margin-top: 5px;
}

#latest-news-block article:hover .entry-header {
    background: #fff;
    -webkit-box-shadow: 0px 5px 27px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 5px 27px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 5px 27px 0px rgba(0, 0, 0, 0.3);
    transition: all 300ms ease-in-out;
    -webkit-transition: all 300ms ease-in-out;
}

/* page*/

.page #page-body p {
    color: #43484d;
    font-family: 'PT Serif', serif;
    font-size: 16px;
    line-height: 1.8;
    margin-bottom: 30px;
}

.page h1 {
    margin-bottom: 48px;
    font-size: 42px;
    font-weight: 700;
    color: #404040;
    line-height: 1.4;
}

.page h3 {
    font-weight: 500;
    margin-bottom: 45px;
}

.page h5 {
    font-weight: 700;
    font-size: 18px;
}

#page-banner {
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center;
    padding: 20px 0;
    height: 315px;
    position: relative;
    text-align: center;
}

#page-banner:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    opacity: 0.3;
}

#page-banner .content {
    margin-top: 8em;
    position: relative;
}

#page-banner h1 {
    color: #fff;
    font-size: 6vh;
    max-width: 700px;
    margin: 0 auto;
    line-height: 1.2;
    font-weight: 600;
}

#page-banner span {
    font-size: 14px;
    color: #fff;
    font-style: italic;
}

#page-banner h5 {
    color: #fff;
    font-weight: 400;
    font-size: 12px;
    letter-spacing: 0.8px;
}

#page-banner .breadcrumb, #single-banner .breadcrumb {
    background: none;
    color: #ccc;
    font-size: 14px;
    padding-left: 0;
    margin-bottom: 0;
}

#page-banner .breadcrumb > li > a, #single-banner .breadcrumb > li > a {
    color: #fff;
    font-size: 14px;
}

#page-banner .breadcrumb > .active, #single-banner .breadcrumb > .active {
    color: #fff;
}

#page-banner header {
    padding: 0;
}

#page-banner header .date-article {
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.8px;
/*    font-family: 'Montserrat', sans-serif;
*/    font-style: normal;
}

#page-banner header .author.vcard a {
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.8px;
/*    font-family: 'Montserrat', sans-serif;
*/    font-style: normal;
    color: #fff;
    font-weight: 600;
}

#page-banner header.entry-header {
    color: #fff;
    font-family: 'Droid Serif', serif;
    text-transform: none;
    font-weight: 400;
    margin-top: 15px;
    font-style: italic;
}

/*single page*/
#Blog-post {
}

.single .entry-header {
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center;
    /*padding: 80px 0;*/
    height: 100vh;
    text-align: center;
    position: relative;
}

.single .entry-header:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.7;
}

.single .entry-header .content {
    /*margin-top: 20em;*/
    position: relative;
}

.single .entry-header h1 {
    color: #fff;
    font-weight: 500;
    max-width: 600px;
    margin: 0 auto;
}

.single article {
    padding: 80px 0 0px;
}

.single aside, .page #page-body aside {
    padding: 80px 0;
}

.single .entry-header hr {
    width: 10%;
    height: 1px;
    background: #fff;
    margin: 40px auto;
}

.single .entry-header span {
    margin-left: 15px;
}

.single .entry-header .byline {
    color: #fff;
    font-size: 14px;
}

.single .entry-header h5 {
    color: #fff;
    font-weight: 400;
    font-size: 12px;
    letter-spacing: 0.8px;
}

.single .entry-header .breadcrumb {
    background: none;
    color: #ccc;
    font-size: 14px;
    padding-left: 0;
    margin-bottom: 0;
}

.single .entry-header .breadcrumb > li > a {
    color: #fff;
    font-size: 14px;
}

.single .entry-header .breadcrumb > .active {
    color: #fff;
}

#single-banner header {
    padding: 0;
}

.single .entry-header .date-article {
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.8px;
/*    font-family: 'Montserrat', sans-serif;
*/    font-style: normal;
}

.single .entry-header .author.vcard a {
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.8px;
/*    font-family: 'Montserrat', sans-serif;
*/    font-style: normal;
    color: #fff;
    font-weight: 600;
}

.single .single-post p {
    /* padding-left: 60px; */
    color: #555555;
    line-height: 28px;
}

.single .single-post p span {
    /*display: block;*/
    margin: 60px 0;
}

.single .single-post h1, .single .single-post h2, .single .single-post h3, .single .single-post h4, .single .single-post h5, .single .single-post h6 {
    /* padding-left: 60px; */
}

.single .single-post footer.entry-meta-bar, .page .page-block footer.entry-meta-bar {
    margin-top: 30px;
    margin-left: 5%;
}

.single .single-post footer.entry-meta-bar .fa, .page .page-block footer.entry-meta-bar .fa {
    position: relative;
    left: -27px;
    z-index: 10;
    top: 26px;
    color: #e4e7ef;
    font-size: 18px;
    margin-top: 4px;
    margin-right: 30px;
}

.single .single-post footer.entry-meta-bar a, .page .page-block footer.entry-meta-bar a {
    border: 0px #f7f7f7 solid;
    border-radius: 0;
    background: #f7f7f7;
    color: #404040;
/*    font-family: 'Montserrat', sans-serif;
*/    margin-left: 4px;
    display: inline-block;
    padding: 5px 8px;
    margin-bottom: 0;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 600;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
}

.single .single-post footer.entry-meta-bar a:hover, .page .page-block footer.entry-meta-bar a:hover {
    webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
    border: 0px #ff5959 solid;
    background: #ff5959;
    text-decoration: none;
    color: #fff;
}

blockquote {
    border-left: 3px #ff5959 solid;
    padding: 0px;
    margin: 30px;
    margin-left: 40px;
    padding-left: 36px;
    float: left;
    background: #fff url(img/bq-bg.png) 0 0 no-repeat;
    float: left;
}

.page blockquote {
    margin-left: 8.333%;
}

blockquote p {
    font-size: 18px !important;
    color: #a1aaba !important;
    font-style: italic;
    padding-left: 0 !important;
    margin: 0px !important;
    line-height: 1.7 !important;
}

.page figure, .single .single-post article figure {
    width: 100%;
    min-width: 100%;
}

.page figure img, .single .single-post article figure img {
    object-fit: cover;
    border-radius: 5px;
    margin-top: 20px;
    width: 100%;
}

.page figure .wp-caption-text, .single .single-post article figure .wp-caption-text {
    font-size: 12px;
    font-family: 'PT Serif', serif;
    font-style: italic;
    text-align: right;
    color: #73757d;
    margin-top: 10px;
    margin-bottom: 30px;
}

.page figure img, .single .single-post article figure {
    width: 100%;
    min-width: 100%;
}

.page .post p img, .single .post p img {
    margin: 30px auto;
}

.author-box {
    display: block;
    float: left;
    padding: 28px;
    border: 2px #f0f2f7 solid;
    border-radius: 8px;
    margin: 60px 0;
}

.author-box .avatar {
    margin: 0rem 2.1rem 4.1rem 0rem;
    border-radius: 10px;
    -webkit-border-radius: 10px;
}

.author-box img.avatar {
    float: left;
    border-radius: 10px;
    display: inline-block;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    -ms-border-radius: 10px;
    width: 100px;
    height: 100px;
    object-fit: cover;
    margin: 0 40px 0 10px;
}

.author-box .author-description {
    color: #73757d;
    font-size: 14px;
    line-height: 1.8;
    min-height: 75px;
    min-width: 260px;
}

.author-box .author-box-title {
    color: #fe5339;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 15px;

}

.author-box .author-box-title a {
    background: #ff5959;
    color: #fff;
    padding: 4px 10px;
    border-radius: 6px;
    margin-left: 20px;
}

.also-like-block {
}

.also-like-block h1, .also-like-block h2, .also-like-block h3, .also-like-block h4, .also-like-block h5, .also-like-block h6 {
    padding-left: 0px !important;
}

.also-like-block h4 {
    color: #fe5339;
    text-transform: none;
    margin-top: 80px;
}

.single .also-like-block .entry-header, .page article .entry-header {
    height: auto !important;
}

.single .also-like-block .entry-header:before, .page article .entry-header:before {
    display: none;
}

.single .also-like-block article, .page article, .category article, .search article {
    padding: 0 10px;
    text-align: center;
    margin-top: 35px;
}

.single .also-like-block article img, .page article img, .category article img, .search article img {
    min-height: 163px;
    max-height: 163px;
    width: 100%;
    object-fit: cover;
}

.single .also-like-block article a h6, .page article a h6, .category article a h6, .search article a h6 {
    font-size: 13px;
/*    font-family: 'Montserrat', sans-serif;
*/    text-transform: uppercase;
    color: #404040;
    font-weight: 600;
    line-height: 1.5;
    font-style: normal;
    margin-bottom: 6px;
}

.single .also-like-block article .entry-header a, .page article .entry-header a, .category article .entry-header a, .search article .entry-header a {
    font-family: 'PT Serif', serif;
    color: #6f6f6f;
    font-size: 14px;
    font-style: italic;
    margin-top: 5px;
}

.single .also-like-block article:hover .entry-header, .page article:hover .entry-header, .category article:hover .entry-header, .search article:hover .entry-header {
    background: #fff;
    -webkit-box-shadow: 0px 5px 27px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 5px 27px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 5px 27px 0px rgba(0, 0, 0, 0.3);
    transition: all 300ms ease-in-out;
    -webkit-transition: all 300ms ease-in-out;
}

.single .also-like-block article .entry-header, .page article .entry-header, .category article .entry-header, .search article .entry-header {
    padding: 0px 0 20px;
}

#page-body {
    padding: 80px 0 100px;
}

#page-body .page-body-a {
    padding: 12px 50px;
    font-size: 11px;
    line-height: 1.42857143;
    border-radius: 0px;
    -webkit-user-select: none;
    -moz-user-select: none;
    background-color: transparent;
    border: 2px #d9d9d9 solid;
    color: #404040;
    letter-spacing: 0.8px;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 15px;
    display: inline-block;
    text-align: right;
}

#page-body .page-body-a:hover {
    background-color: #ff4a5b;
    border: 2px #ff4a5b solid;
    color: #fff;
    transition: all 0.6s;
    -moz-transition: all 0.6s;
    -webkit-transition: all 0.6s;
    text-decoration: none;
}

ul.nav.nav-tabs {
    margin-bottom: 0 !important;
}

.single .single-post ul, .single .single-post ol, .page .page-block ul, .page .page-block ol {
    /* margin-left: 50px; */
    margin-bottom: 48px;
}

.page .page-block ul {
    margin-left: 3%;
}

.single .single-post ul li, .page .page-block ul li {
    list-style: none;
    color: #43484d;
    font-size: 18px;
    margin: 10px 0;
    font-family: 'PT Serif', serif;
}

.single .single-post ul li:before, .page .page-block ul li:before {
    font-family: 'FontAwesome';
    font-size: 10px;
    content: "\f00c";
    color: #fff;
    margin-right: 10px;
    display: inline-block;
    background: #ff5959;
    padding: 1px 3px;
    border-radius: 100%;
}

.page #page-body ol {
    margin-left: 10%;
}

.single .single-post ol li, .page .page-block ol li {
    color: #43484d;
    font-size: 17px;
    margin: 10px 0;
}

.posts-navigation {
    display: block;
    padding: 80px 0 40px;
}

.posts-navigation ul {
    text-align: center;
    margin-left: 0 !important;
    padding-left: 0;
    float: none !important;
}

.single .posts-navigation ul li {
}

#our-work-block .posts-navigation ul li {
    float: none;
}

.posts-navigation ul li {
    list-style: none;
    display: inline-block;
    margin: 10px 10px;
    width: auto !important;
/*    font-family: 'Montserrat', sans-serif;
*/    margin: 25px auto !important;
}

.posts-navigation ul li:before {
    display: none !important;
}

.posts-navigation ul li a {
    background: #fff;
/*    font-family: 'Montserrat', sans-serif;
*/    color: #3a405b;
    font-size: 14px;
    font-weight: 600;
    padding: 15px 18px;
    border-radius: 0px;
    border: 1px #f0f2f7 solid;
    margin: 0 auto !important;
}

.posts-navigation ul li a:hover {
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    border-color: #fe5339;
    background: #fe5339;
    color: #fff;
}

.posts-navigation .nav-next {
}

.posts-navigation .nav-previous {
}

@-webkit-keyframes fdeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 10%, 0);
        transform: translate3d(0, 10%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fdeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 10%, 0);
        transform: translate3d(0, 10%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@media (min-width: 768px) {
    .fdeInUp {
        -webkit-animation-name: fdeInUp;
        animation-name: fdeInUp;
        -webkit-animation-duration: 1s;
        animation-duration: 1s
    }
}

.tag-head {
    margin: 0 auto;
    padding-left: 0;
}

.tag-head li {
    list-style: none;
    display: inline-block;
}

.tag-head li a {
    font-size: 10px;
    color: #fff;
    font-weight: 500;
    font-style: normal;
    text-transform: uppercase;
    background: #fe5339;
    padding: 4px;
}

.tag-head li a {
    background: #fe5339;
    display: inline-block;
    margin-left: 10px;
    margin-top: 15px;
    position: relative;
    padding: 4px 6px;
    border-radius: 4px;
}

.tag-head li a:before {
    border-bottom: 10px solid #fe5339;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    content: "";
    height: 0;
    right: -14px;
    position: absolute;
    top: 6px;
    transform: rotate(90deg);
    width: 0;
}

.page-share-block {
    margin: 60px 0;
    padding: 80px 0;
    border-top: 1px #eee solid;
    text-align: center;
}

.page-share-block h4 {
    text-transform: uppercase;
}

.page-share {
    margin: 40px auto;
}

.page-share li:before {
    display: none !important;
}

.page-share li {
    display: inline-block;
    margin-bottom: 20px;
    list-style: none;
}

.page-share li a {
    font-size: 24px;
    color: #fff;
    margin: 10px;
}

.page-share li a:hover .fa {
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    background: #333;
    color: #fff;
}

.page-share li a .fa {
    padding: 10px 40px;
    border-radius: 8px;
}

.page-share li .fa.fa-facebook {
    background: #3b5998;
}

.page-share li .fa.fa-dribbble {
    background: #ea4c89;
}

.page-share li .fa.fa-twitter {
    background: #3fccfd;
}

.page-share li .fa.fa-google-plus {
    background: #df4b38;
}

.page-share li .fa.fa-pinterest {
    background: #bd081c;
}

.page-share li .fa.fa-linkedin {
    background: #34465d;
}

/*Woocommerce product page*/

#woocommerce-page {
    padding: 80px 0;
}

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
    float: left;
    margin: 0 0.9% 2em 0.9%;
    padding: 0;
    position: relative;
    width: 23%;
    text-align: center;
}

.woocommerce-products-header {
    padding: 10px 0;
}

.woocommerce-products-header__title {
    margin: 10px 0;
}

.woocommerce-breadcrumb {
    font-size: 12px;
    font-weight: 500;
    color: #e7e7e7 !important;
/*    font-family: 'Montserrat', sans-serif;
*/    margin-bottom: 15px;
}

.woocommerce-breadcrumb a {
    color: #b7b5b5;
    margin-right: 15px;
}

.woocommerce .star-rating {
    display: none;
}

.woocommerce .woocommerce-ordering, .woocommerce .woocommerce-result-count {
    margin: 0 0 1em;
}

.woocommerce .woocommerce-ordering, .woocommerce .woocommerce-result-count {
    margin: 0 0 1em;
}

.woocommerce .products ul::after, .woocommerce .products ul::before, .woocommerce ul.products::after, .woocommerce ul.products::before {
    content: ' ';
    display: table;
    box-sizing: inherit;
}

.woocommerce #content div.product #reviews .comment::after, .woocommerce #content div.product #reviews .comment::before, .woocommerce .woocommerce-pagination ul.page-numbers::after, .woocommerce .woocommerce-pagination ul.page-numbers::before, .woocommerce div.product #reviews .comment::after, .woocommerce div.product #reviews .comment::before, .woocommerce ul.products::after, .woocommerce ul.products::before, .woocommerce-page #content div.product #reviews .comment::after, .woocommerce-page #content div.product #reviews .comment::before, .woocommerce-page .woocommerce-pagination ul.page-numbers::after, .woocommerce-page .woocommerce-pagination ul.page-numbers::before, .woocommerce-page div.product #reviews .comment::after, .woocommerce-page div.product #reviews .comment::before, .woocommerce-page ul.products::after, .woocommerce-page ul.products::before {
    content: ' ';
    display: table;
}

.woocommerce .woocommerce-result-count, .woocommerce-page .woocommerce-result-count {
    float: left;
}

.woocommerce .woocommerce-ordering, .woocommerce-page .woocommerce-ordering {
    float: right;
}

.woocommerce .products ul li, .woocommerce ul.products li {
    list-style: none;
}

.woocommerce .products ul, .woocommerce ul.products {
    margin: 0 0 1em;
    padding: 0;
    list-style: none;
    clear: both;
}

.woocommerce ul.products li.product .onsale {
    top: 0;
    right: 0;
    left: auto;
    margin: -.5em -.5em 0 0;
}

.woocommerce ul.products li.product .onsale {
    top: 0;
    left: 0;
    right: auto;
    margin: 1em 0em 0 0;
}

.woocommerce span.onsale {
    min-width: 4em;
    min-height: inherit;
    text-transform: uppercase;
    font-weight: 700;
    position: absolute;
    text-align: center;
    padding: 0 10px;
    line-height: 2;
    top: -.5em;
    left: -.5em;
    margin: 0;
    border-radius: 0;
    background-color: #ff5959;
    color: #fff;
    font-size: .857em;
    -webkit-font-smoothing: antialiased;
    z-index: 9;
    font-weight: 500;
}

.woocommerce ul.products li.product a img {
    width: 100%;
    height: auto;
    display: block;
    margin: 0 0 1em;
    box-shadow: none;
}

.woocommerce img.size-shop_catalog, .woocommerce-page img.size-shop_catalog {
    height: auto;
    max-width: 100%;
    min-height: 344px;
    object-fit: cover;
}

.woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3 {
    padding: .5em 0;
    margin: 0;
    color: #404040;
    text-transform: uppercase;
    font-size: 14px;
    text-align: left;
    padding-left: 10px;
}

.woocommerce ul.products li.product .woocommerce-loop-category__title:hover, .woocommerce ul.products li.product .woocommerce-loop-product__title:hover, .woocommerce ul.products li.product h3:hover {
    text-decoration: none;
}

.woocommerce ul.products li.product .price {
    color: #333;
    font-weight: 500;
    font-size: 17px;
    text-align: right;
    float: right;
    margin-bottom: .5em;
}

.woocommerce ul.products li.product .star-rating {
    font-size: .857em;
    text-align: center;
    display: inline-block;
    float: none;
    margin: 10px auto;
    top: 30%;
    left: -23%;
    color: #ffc051;
    opacity: 1;
}

.post-type-archive-product.woocommerce ul.products li.product .star-rating {
    font-size: .857em;
    text-align: center;
    float: none;
    margin: 10px auto;
    top: 30%;
    left: -23%;
    color: #ffc051;
    opacity: 1;
}

.woocommerce ul.products li.product:hover .star-rating {
    opacity: 1;
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
}

.post-type-archive-product.woocommerce ul.products li.product:hover .star-rating {
    opacity: 1;
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
}

.woocommerce ul.products li.product .price del {
    color: inherit;
    opacity: .5;
    display: inline-block;
}

.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {
    font-size: 90%;
    margin: 0;
    line-height: 1;
    cursor: pointer;
    position: relative;
    text-decoration: none;
    overflow: visible;
    padding: 1.13em 1em;
    font-weight: 500;
    border-radius: 3px;
    left: auto;
    color: #fff;
    background-color: #404040;
    background: #404040;
    border: 0;
    text-transform: uppercase;
    white-space: nowrap;
    display: inline-block;
    background-image: none;
    box-shadow: none;
    -webkit-box-shadow: none;
    text-shadow: none;
}

.woocommerce ul.products li.product .button, .woocommerce button.button.alt {
    padding-left: 50px;
}

.woocommerce ul.products li.product .button:after {
    content: "\f217";
    background: #404040;
    color: #fff;
    font-family: 'FontAwesome';
    padding: 12px 15px;
    position: absolute;
    left: 0;
    top: 0;
    font-size: 16px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    border-right: 1px #fff solid;
}

.woocommerce .cart button.alt:after {
    content: "\f217";
    background: #404040;
    color: #fff;
    font-family: 'FontAwesome';
    padding: 10px 15px;
    position: absolute;
    left: 0;
    top: 0;
    font-size: 16px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    border-right: 1px #fff solid;
    border-bottom: 1px #404040 solid;
}

.woocommerce ul.products li.product .button {
    margin-top: 2em;
}

.woocommerce-result-count {
    font-size: 14px;
    font-weight: 600;
    color: #43484d;
/*    font-family: 'Montserrat', sans-serif;
*/}

.woocommerce select.orderby {
    border-color: #e3e8f0;
    padding: 8px 15px;
    font-size: 14px;
    font-weight: 600;
    color: #43484d;
/*    font-family: 'Montserrat', sans-serif;
*/    border-radius: 5px;
}

.woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images {
    float: left;
    width: 48%;
}

.woocommerce div.product div.summary {
    margin-bottom: 2em;
}

.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary {
    float: right;
    width: 48%;
}

.woocommerce #content div.product .woocommerce-tabs, .woocommerce #content div.product .woocommerce-tabs ul.tabs::after, .woocommerce #content div.product div.thumbnails a.first, .woocommerce #content div.product div.thumbnails::after, .woocommerce .cart-collaterals::after, .woocommerce .col2-set::after, .woocommerce .woocommerce-pagination ul.page-numbers::after, .woocommerce div.product .woocommerce-tabs, .woocommerce div.product .woocommerce-tabs ul.tabs::after, .woocommerce div.product div.thumbnails a.first, .woocommerce div.product div.thumbnails::after, .woocommerce ul.products, .woocommerce ul.products li.first, .woocommerce ul.products::after, .woocommerce-page #content div.product .woocommerce-tabs, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs::after, .woocommerce-page #content div.product div.thumbnails a.first, .woocommerce-page #content div.product div.thumbnails::after, .woocommerce-page .cart-collaterals::after, .woocommerce-page .col2-set::after, .woocommerce-page .woocommerce-pagination ul.page-numbers::after, .woocommerce-page div.product .woocommerce-tabs, .woocommerce-page div.product .woocommerce-tabs ul.tabs::after, .woocommerce-page div.product div.thumbnails a.first, .woocommerce-page div.product div.thumbnails::after, .woocommerce-page ul.products, .woocommerce-page ul.products li.first, .woocommerce-page ul.products::after {
    clear: both;
}

.woocommerce-review-link {
    color: #3b3e8a;
    font-size: 14px;
/*    font-family: 'Montserrat', sans-serif;
*/    font-weight: 500;
    letter-spacing: 0.5px;
}

.woocommerce-product-details__short-description p {
    color: #43484d;
    font-size: 14px;
/*    font-family: 'Montserrat', sans-serif;
*/    font-weight: 400;
    line-height: 1.8;
    letter-spacing: 0.8px;
    display: block;
    border-bottom: 1px #ececec solid;
    padding-bottom: 30px;
    margin-bottom: 16px;
}

.product_title.entry-title {
    font-size: 42px;
    text-transform: uppercase;
    font-weight: 600;
}

.page-content, .entry-content, .entry-summary {
    margin: 1.5em 0 0;
}

.entry-summary {
    margin-top: 0px;
}

.price del .woocommerce-Price-amount {
    color: #a1aaba;
    font-size: 13px;
/*    font-family: 'Montserrat', sans-serif;
*/    font-weight: 500;
    margin-right: 15px;
    text-decoration: none;
}

.price ins .woocommerce-Price-amount {
    color: #ff5959;
    font-size: 24px;
/*    font-family: 'Montserrat', sans-serif;
*/    font-weight: 500;
    text-decoration: none;
}

.woocommerce div.product p.price, .woocommerce div.product span.price {
    color: #fff;
    font-size: 1.25em;
}

.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
    background-color: #404040;
    color: #fff;
    padding: 1em 2em;
    -webkit-font-smoothing: antialiased;
}

.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover {
    background-color: #ff4a5b;
}

.product_meta .posted_in {
    color: #a1aaba;
    font-size: 11px;
    text-transform: uppercase;
/*    font-family: 'Montserrat', sans-serif;
*/    font-weight: 500;
}

.woocommerce button.button.alt {
    padding-left: 50px;
}

.product_meta .posted_in a {
    color: #3b3e8a;
    font-size: 12px;
    text-transform: none;
}

.up-sells.upsells.products, .related.products {
}

.up-sells.upsells.products h2, .related.products h2 {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 400;
    text-align: center;
    margin: 80px 0;
}

.woocommerce-tabs {
    text-align: center;
}

.tabs.wc-tabs {
    text-align: center;
    display: inline-block;
    border: 1px #e3e8f0 solid;
    border-radius: 6px;
}

.woocommerce div.product .woocommerce-tabs ul.tabs::before {
    position: absolute;
    content: ' ';
    width: 100%;
    bottom: 0;
    left: 0;
    border-bottom: 0px solid #d3ced2;
    z-index: 1;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li {
    border: none;
    padding: 8px 30px;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a {
    display: inline-block;
    padding: .5em 0;
/*    font-family: 'Montserrat', sans-serif;
*/    font-weight: 500;
    text-transform: uppercase;
    color: #515151;
    text-decoration: none;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a {
    display: inline-block;
    padding: .5em 0;
    font-weight: 700;
    color: #515151;
    text-decoration: none;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a {
    display: inline-block;
    padding: .5em 0;
    font-weight: 700;
    color: #515151;
    text-decoration: none;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li::before, .woocommerce div.product .woocommerce-tabs ul.tabs li::after {
    display: none;
}

.woocommerce nav.woocommerce-pagination ul {
    display: inline-block;
    white-space: nowrap;
    padding: 0;
    border: 0px solid #d3ced2;
    border-right: 0;
    margin: 1px;
}

.woocommerce nav.woocommerce-pagination {
    text-align: center;
}

.woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current {
    background: #222328;
    color: #fff;
}

.woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span {
    margin: 0;
    text-decoration: none;
    line-height: 1;
    font-size: 12px;
/*    font-family: 'Montserrat', sans-serif;
*/    font-weight: 400;
    font-weight: 500;
    padding: 10px 15px;
    min-width: 1em;
    color: #404040;
    display: block;
}

.woocommerce nav.woocommerce-pagination ul li {
    border-right: 0px solid #d3ced2;
    padding: 0;
    margin: 0;
    float: left;
    display: inline;
    overflow: hidden;
}

.woocommerce .add_to_cart_button {
    display: block !important;
}

post-type-archive-product.woocommerce ul.products li.product:hover .add_to_cart_button {
    opacity: 1;
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
}

.woocommerce ul.products li.product:hover .add_to_cart_button {
    opacity: 1;
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
}

/*--------------------
6.1 Gallery & captions
----------------------*/
.wp-caption {
    margin-bottom: 1.5em;
    max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption .wp-caption-text {
    margin: 0.8075em 0;
}

.wp-caption-text {
    text-align: center;
}

.gallery {
    margin-bottom: 1.5em;
}

.gallery-item {
    display: inline-block;
    text-align: center;
    vertical-align: top;
    width: 100%;
}

.gallery-columns-2 .gallery-item {
    max-width: 50%;
}

.gallery-columns-3 .gallery-item {
    max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
    max-width: 25%;
}

.gallery-columns-5 .gallery-item {
    max-width: 20%;
}

.gallery-columns-6 .gallery-item {
    max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
    max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
    max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
    max-width: 11.11%;
}

.gallery-caption {
    display: block;
}

/*--------------------
7.0 Footer
----------------------*/

#bottom-footer {
    /* padding: 60px 0; */
    background: #222328;
}

#bottom-footer p.copyright {
    color: #ffffff;
    font-size: 16px;
    text-align: center;
    font-weight: 400;
    /*    font-family: 'Montserrat', sans-serif;
*/
    margin-top: 10px;
    /* width: 100%; */
    /* text-align: center; */
    font-size: 14px;
}

nav.bottom-nav {
    position: relative;
}

nav.bottom-nav ul {
    text-align: center;
}

nav.bottom-nav ul li {
    list-style: none;
    display: inline-block;
    margin: 10px 5px;
}

nav.bottom-nav ul li a {
    color: #fff;
    text-transform: none;
    font-size: 14px;
    font-weight: 400;
/*    font-family: 'Montserrat', sans-serif;
*/}

#bottom-footer p.powered-by, #bottom-footer p.powered-by a {
    color: #73757d;
    text-decoration: none;
    font-size: 16px;
    font-weight: 400;
/*    font-family: 'Montserrat', sans-serif;
*/    margin-top: 10px;
    text-align: center;
}

#bottom-footer p.powered-by a:hover {
    color: #ff4a5b;
}

#bottom-footer p.powered-by .fa {
    color: #ff4a5b;
}

#bottom-footer .social-link {
    text-align: center;
}

#bottom-footer .social-link li {
    display: inline-block;
    list-style: none;
    padding: 10px 15px;
}

#bottom-footer .social-link li a {
    color: #999;
    font-size: 20px;
}

#bottom-footer .social-link li a:hover {
    color: #ff5959;
    transition: all 300ms ease-in-out;
    -webkit-transition: all 300ms ease-in-out;
}

#top-menu .social-link {
    text-align: center;
    display: none;
}

#top-menu .social-link li {
    display: inline-block;
    list-style: none;
    padding: 10px 15px;
}

#top-menu .social-link li a {
    color: #999;
    font-size: 20px;
}

#top-menu .social-link li a:hover {
    color: #ff5959;
    transition: all 300ms ease-in-out;
    -webkit-transition: all 300ms ease-in-out;
}

#contact-block {
    padding: 80px 0;
    background-color: #f6f7f1;
    overflow: hidden;
}

#contact-block .content {
    overflow: hidden;
    display: flex;
    background-color: #fff;
    margin: auto;
    border-radius: 5px;
}

#contact-block span.title {
    color: #6bb53f;
    font-size: 21px;
}

/*--------------------
Responsive queries
----------------------*/
@media (max-width: 1024px) {
    ul.about-features li {
        width: calc(88% / 2);
    }

    #search {
        background: none;
    }

}

@media (max-width: 1000px) {
    ul.about-features li:nth-child(odd) {
        margin-right: 5%;
    }

    ul.about-features {
        padding: 50px 50px;
        display: inline-block;
    }

    ul.about-features li {
        width: calc(93% / 2);
    }

    #our-work-block .works ul li {
        width: 47%;
    }

    #process-block .nav-tabs > li a {
        padding: 10px 16px;
    }

    ul.about-features li {
        width: calc(93% / 2);
    }

}

@media (max-width: 768px) {

    .ad-block {
        margin: 0 auto;
    }

    .c-block {
        margin-bottom: 100px;
    }

    .row {
        padding: 15px;
    }

    .container > .navbar-collapse {
        padding: 0;
        border: none;
    }

    #search {
        display: inline-block;
        /* float: none !important; */
        margin-left: -15px;

        /* width: 100%; */
        float: right;
    }

    .single .single-post ul, .single .single-post ol, .page .page-block ul, .page .page-block ol {
        padding-left: 0;
    }

    .single .single-post ol, .page .page-block ol {
        padding-left: 15px;
    }

    blockquote {
        margin-left: 0;
    }

    .woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
        width: 48% !important;
    }

    #our-work-block .works ul li {
        width: 47%;
        min-height: 100%;
        float: left;
        margin: 10px;
    }

    .section-title a {
        display: block;
        float: none;
        text-align: center;
        margin-top: 50px;
    }

    ul.about-features {
        padding: 50px;
    }

    ul.about-features li {
        width: 50%;
        display: block;
        float: left;
        max-width: none;
        text-align: center;
    }

    ul.about-features li:nth-child(odd) {
        margin-left: 0px;
        margin-right: 0;
        padding-left: 0;
    }

    ul.about-features li i {
        position: relative;
        margin-left: auto;
    }

    #home-banner .content {
        /*margin-top: 35%;*/
    }

    .single .entry-header .content {
        /*margin-top: 35%;*/
    }

    #bottom-footer .social-link {
        margin: 0 auto;
    }

    #respond p {
        width: 100% !important;
    }

    #comments .comment-content {
        margin-left: 0px;
    }

    #comments .comment-author {
        display: block;
        text-align: center;
    }

    #comments .comment-author .avatar {
        position: static;
        display: block;
        margin: 0 auto;
        margin-bottom: 15px;
    }

    #comments p {
        text-align: center;
    }

    #comments .comment-author b {
        display: inline-block;
        margin-left: 0;
    }

    #comments ol li .comment-metadata {
        text-align: center;
    }

    #comments ol li .comment-metadata a {
        margin-left: 0;
    }

    /*.author-box img.avatar {
    display: block;
    float: none;
    margin: 30px auto;
}*/
    .author-box .author-box-title {
        display: block;
    }

    #ticket-block a.btn {
        display: block;
        margin: 15px;
    }
}

@media (max-width: 767px) {

    #top-menu:not(.on) .navbar-header {
        z-index: 1;
        position: absolute;
        top: 43px;
        width: 100%;
        right: 5px;
        height: 50px;
    }
    #top-menu:not(.on) .navbar-toggle {
        position: absolute;
        right: 10px;
    }

    #top-menu:not(.on) .navbar-collapse.collapse.in {
        position: absolute;
        top: 0;
        padding-top: 100px;
    }

    #top-menu nav.bottom-nav {
        border-top: 1px #999 solid;
        padding: 25px 0 15px;
        margin: 15px 0;
        display: block;
    }

    #top-menu .social-link {
        display: block;
        text-align: center;
        padding-left: 0;
    }

    #top-menu.navbar-default .navbar-nav li {
        display: block;
    }

    #top-menu.navbar-default .navbar-collapse {
        background-color: rgba(255, 255, 255, 0.79);
    }

    #top-menu.navbar-default.on .navbar-collapse {
        background-color: transparent;
    }

    #top-menu.navbar-default.on {
        background-color: rgba(0, 0, 0, 0.79);

    }

    .nav-view {
        width: 100%;
    }

    #top-menu {
        padding: 40px 0;
    }

    #top-menu .container {
        padding-left: 0;
        padding-right: 0;
    }

    #top-menu .container .navbar-header {
        padding-left: 15px;
        padding-right: 15px;
        margin: 0;
    }

    #top-menu.navbar-default .navbar-collapse {
        max-height: none !important;
    }

    #top-menu.navbar-default.in {
        height: 100vh;
    }

    #search {
        background: rgba(0, 0, 0, 0.5);
        position: absolute;
        display: block;
        top: 0;
        left: 15px;
        right: 0;
    }

    .woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
        width: 48% !important;
    }

    #nav-top {

        display: block;
        overflow: visible;
        height: auto;
        float: none;
        margin-top: 30px;
        width: 100%;
    }

    #nav-top li {
        display: block;
    }

    #nav-top li a {
        display: block;
    }

    #nav-icon {
        display: none;
    }

    #nav-icon li {
        display: block;
    }

    #our-work-block .works ul li {
        width: 100%;
        min-height: 100%;
        float: none;
        margin: 10px 0;
    }

    .section-title a {
        display: block;
        float: none;
        text-align: center;
        margin-top: 50px;
    }

    ul.about-features {
        padding: 20px 20px;
    }

    ul.about-features li {
        width: 100%;
        display: block;
        float: none;
        padding-left: 0;
        max-width: none;
        text-align: center;
    }

    ul.about-features li:nth-child(odd) {
        margin-right: auto;
    }

    ul.about-features li i {
        position: relative;
        margin-left: auto;
    }

    #home-contact-block p {
        padding-left: 20px;
        padding-right: 20px;
        float: none;
        text-align: center;
        display: block;
    }

    #home-contact-block a {
        float: none;
        display: block;
        margin-top: 20px;
        max-width: none;
        text-align: center;
    }

    #process-block .nav-tabs:before {
        display: none;
    }

    #process-block .nav-tabs > li a i:after {
        display: none;
    }

    #process-block .nav-tabs > li a h5 {
        margin-top: 15px;
    }

    #process-block .nav-tabs > li {
        display: block;
    }

    #process-block .nav-tabs > li:hover {
        background: #ff5959;
    }

    #process-block .nav-tabs > li.active {
        background: #ff5959;
    }

    #process-block .nav-tabs > li:hover a h5, #process-block .nav-tabs > li:hover a i {
        color: #fff;
    }

    #process-block .nav-tabs > li.active a h5, #process-block .nav-tabs > li.active a i {
        color: #fff;
    }

    .bottom-nav ul {
        padding-left: 0;
        display: block;
    }

    #comments ol li ol li {
        padding-left: 0;
    }

    #comments .comment-content {
        margin-left: 0px;
    }

    #comments .comment-author .avatar {
        position: relative;
    }

    #comments .comment-author b {
        display: block;
    }

    .author-box img.avatar {
        display: block;
        float: left;
        padding-right: 20px;
        margin: 30px auto;
    }

    .author-box .author-box-title {
        display: block;
    }

    #ticket-block a.btn {
        display: block;
        margin: 15px;
    }

    .page-block h1, .page-block h2, .page-block h3, .page-block h4, .page-block h5, .page-block h6, .page-block p {
        margin-left: auto;
    }
}

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

/*edited file*/
time.updated {
    display: none;
}

@media (max-width: 767px) {
    #contact-block .content {
        display: block;
    }
}

#portal-login {
    padding: 0 10px;
    min-height: 100vh;
    background: url("/content/assets/img/elevator.jpg") center center;
    background-size: cover;
    overflow: hidden;
}

#portal-login .form {
    color: white;
    margin-top: 100px;
    padding: 5px 20px 20px;
    background: linear-gradient(48deg, #008b3e, #6bb53f);
    border-radius: 20px;
    border: 0;
    overflow: hidden;
}

#portal-login .form .title {
    text-align: center;
}

#portal-login .form input {
    background: transparent;
    border: 0;
    border-radius: 0;
    color: white
}

#portal-login .form input::placeholder {
    color: white;
}

#portal-login .form input:focus,
#portal-login .form input:active {
    box-shadow: none;
}

#portal-login .form small {
    color: white;
}

#portal-login .form .focus-input100 {
    font-size: 18px;
}

#portal-login .form .btn-transparent {
    background-color: transparent;
    border-color: #ccc;
}

#portal-login .form .btn-transparent:hover {
    border-color: #fff;
}

#portal-login .form .wrap-input100 {
    width: 100%;
    position: relative;
    border-bottom: 2px solid rgba(255, 255, 255, 0.24);
    margin-bottom: 30px;
}

#portal-login .form .input100 {
    font-size: 16px;
    color: #fff;
    line-height: 1.2;

    display: block;
    width: 100%;
    height: 45px;
    background: transparent;
    padding: 0 5px 0 35px;
}

/*---------------------------------------------*/
#portal-login .form .focus-input100 {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    pointer-events: none;
}

#portal-login .form .focus-input100::after {
    content: "";
    display: block;
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 0;
    height: 2px;

    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;

    background: #fff;
}

#portal-login .form .focus-input100::before {
    color: #fff;

    display: block;
    width: 100%;
    position: absolute;
    top: 14px;
    left: 0px;
    padding-left: 5px;

    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
}

#portal-login .form .input100:focus {
    padding-left: 5px;
}

#portal-login .form .input100:focus + .focus-input100::before,
#portal-login .form .input100:valid + .focus-input100::before {
    top: -15px;
    font-size: 11px;
}

#portal-login .form .input100:focus + .focus-input100::after {
    width: 100%;
}

#portal-login .form .input100:valid + .focus-input100::after {
    width: 100%;
}

#portal-login .form .input100:valid {
    padding-left: 5px;
}

@media (min-height: 505px) {
    #portal-login .form {
        margin-top: 50vh;
        transform: translate(0, calc(-50% + 25px));
    }
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
    z-index: 3;
    color: #ffffff;
    background-color: #008b3e;
    border-color: #008b3e;
    cursor: default;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
    outline: none !important;
    z-index: 2;
    color: #6bb53f;
    background-color: #eeeeee;
    border-color: #dddddd;
}
.pagination > li > a,
.pagination > li > span {
    position: relative;
    float: left;
    padding: 6px 12px;
    line-height: 1.42857143;
    text-decoration: none;
    color: #008b3e;
    background-color: #ffffff;
    border: 1px solid #dddddd;
    margin-left: -1px;
}

#portal-dashboard {
    padding: 100px 0 30px 0;
    background: #ddd;
    min-height: calc(100vh - 168px);
}

#portal-dashboard .box {
    padding: 20px;
    background-color: #fff;
    border-radius: 5px;
    margin-top: 20px;
    height: 100%;
    overflow: hidden;
    box-shadow: 2px 2px 8px #6f6e6e;
    border: 1px solid #bdbdbd;
}

#portal-dashboard .box .title {
    text-align: center;
}

#portal-dashboard .box .balance {
    color: green
}

#portal-dashboard .col-alt {
    margin-top: 40px;
}

#portal-dashboard table.main {
    margin-top: 20px;
    margin-bottom: 20px;
}

#portal-dashboard .dataTables_filter {
    float: right;
}

@media (max-width: 991px) {
    #portal-dashboard table.main {
        margin-bottom: 0;
        margin-top: 0;
    }

    #portal-dashboard table.main,
    #portal-dashboard table.main > tbody,
    #portal-dashboard table.main > tbody > tr,
    #portal-dashboard table.main > tbody > tr > td {
        display: block;
        height: auto !important;
    }

    #portal-dashboard table.main > tbody > tr > td {
        padding: 0;
    }
}


#portal-login .form .focus-input100.fa-mobile {
    font-size: 24px;
    top: -5px;
}
#portal-login .form .focus-input100.fa-mobile::after {
    bottom: -7px;
}

#portal-login .form .input100:focus + .focus-input100.fa-mobile::before,
#portal-login .form .input100:valid + .focus-input100.fa-mobile::before {
    font-size: 18px
}


#portal-login .form .focus-input100.fa-lock {
    font-size: 24px;
    top: -5px;
}
#portal-login .form .focus-input100.fa-lock::after {
    bottom: -7px;
}

#portal-login .form .input100:focus + .focus-input100.fa-lock::before,
#portal-login .form .input100:valid + .focus-input100.fa-lock::before {
    font-size: 18px
}
#portal-login .form .alert {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    border-radius: 20px 20px 0 0;
    text-align: center;
    font-size: 14px;
    display: none;
}
#portal-login .wrap-input100 a.button {
    position: absolute;
    top: 10px;
    right: 5px;
    color: white;
    text-decoration: none;
    cursor: pointer;
}

input.input100.form-control:-webkit-autofill + i + a {
    color: #1a953e !important;
}
input.input100.form-control:-moz-autofill + i + a {
    color: #1a953e !important;
}
input.input100.form-control:autofill + i + a {
    color: #1a953e !important;
}

.table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > tbody > tr > td, .table-condensed > tfoot > tr > td {
    padding: 10px!important;
}

.title-container i {
    float: left;
    margin-top: 0px!important;
    margin-left: 10px;
    font-size: 20px;
    transition: all 0.5s;
}

.title-container {
    display: inline-block;
    overflow: hidden;
    min-height: 31px;
    color: #5a5a5a;
}

#bottom-footer {
    /* padding: 60px 0; */
    background: #222328;
    width: 100%;
    float: right;
}

#Capa_1 {
        width: 30px;
    height: 30px;
    margin-top: -3px;
}

.container-fluid {
    float: right;
    width: 100%;
}