.fs10 {font-size: 10px;}
.fs11 {font-size: 11px;}
.fs12 {font-size: 12px;}
.fs13 {font-size: 13px;}
.fs14 {font-size: 14px;}
.fs15 {font-size: 15px;}
.fs16 {font-size: 16px;}
.fs17 {font-size: 17px;}
.fs18 {font-size: 18px;}
.fs19 {font-size: 19px;}
.fs20 {font-size: 20px;}
.fs21 {font-size: 21px;}
.fs22 {font-size: 22px;}
.fs23 {font-size: 23px;}
.fs24 {font-size: 24px;}
.fs25 {font-size: 25px;}
.fs50 {font-size: 50px;}
.fs64 {font-size: 64px;}
.fs150 {font-size: 150px;}

.ls1 {letter-spacing: 1px;}
.ls2 {letter-spacing: 2px;}
.ls3 {letter-spacing: 3px;}
.ls4 {letter-spacing: 4px;}
.ls5 {letter-spacing: 5px;}

.text-uppercase {text-transform: uppercase;}

/* ------------- */
/* input focus     */
/* ------------- */

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: none;
    box-shadow: none;
    outline: 0 none;
}

/* ------------- */
/* animation     */
/* ------------- */

/* Default hover animation */
.animate-hover {
    transition: 0.2s all;
    -moz-transition: 0.2s all;
    -o-transition: 0.2s all;
    -webkit-transition: 0.2s all;
}
.animate-hover-list * {
    transition: 0.2s all;
    -moz-transition: 0.2s all;
    -o-transition: 0.2s all;
    -webkit-transition: 0.2s all;
}
/* Fadein */
.fadein-10 {
    animation: fadein 1000ms;
    -moz-animation: fadein 1000ms;
    -webkit-animation: fadein 1000ms;
    -o-animation: fadein 1000ms;
}
.fadein-15 {
    animation: fadein 1500ms;
    -moz-animation: fadein 1500ms;
    -webkit-animation: fadein 1500ms;
    -o-animation: fadein 1500ms;
}
.fadein-20 {
    animation: fadein 2000ms;
    -moz-animation: fadein 2000ms;
    -webkit-animation: fadein 2000ms;
    -o-animation: fadein 2000ms;
}
.fadein-25 {
    animation: fadein 2500ms;
    -moz-animation: fadein 2500ms;
    -webkit-animation: fadein 2500ms;
    -o-animation: fadein 2500ms;
}
.fadein-30 {
    animation: fadein 3000ms;
    -moz-animation: fadein 3000ms;
    -webkit-animation: fadein 3000ms;
    -o-animation: fadein 3000ms;
}
.fadein-35 {
    animation: fadein 3500ms;
    -moz-animation: fadein 3500ms;
    -webkit-animation: fadein 3500ms;
    -o-animation: fadein 3500ms;
}


.fadeout-30 {
    animation: fadeout 3000ms;
    -moz-animation: fadeout 3000ms;
    -webkit-animation: fadeout 3000ms;
    -o-animation: fadeout 3000ms;
}

@keyframes fadein {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes fadeout {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}

/* Pulse */
@-webkit-keyframes hvr-pulse {
    25% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
    75% {
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
    }
}
@keyframes hvr-pulse {
    25% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
    75% {
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
    }
}
.hvr-pulse {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
}
.hvr-pulse:hover,
.hvr-pulse:focus,
.hvr-pulse:active {
    -webkit-animation-name: hvr-pulse;
    animation-name: hvr-pulse;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
/* opacity hover */
.animate-opacity-hover {
    transition: 0.2s all;
    -moz-transition: 0.2s all;
    -o-transition: 0.2s all;
    -webkit-transition: 0.2s all;
}
.animate-opacity-hover:hover {
    transition: 0.2s all;
    -moz-transition: 0.2s all;
    -o-transition: 0.2s all;
    -webkit-transition: 0.2s all;
    opacity: 0.7;
}
/* Reveal */
.hvr-reveal-white {
    box-shadow: inset 0px 0px 0px 0px rgba(255, 255, 255, 0.75);
    transition: 0.2s all;
    -moz-transition: 0.2s all;
    -o-transition: 0.2s all;
    -webkit-transition: 0.2s all;
}
.hvr-reveal-white:hover {
    box-shadow: inset 0px 0px 0px 8px rgba(255, 255, 255, 0.75);
    transition: 0.2s all;
    -moz-transition: 0.2s all;
    -o-transition: 0.2s all;
    -webkit-transition: 0.2s all;
}
/* -------------- */
/* width          */
/* -------------- */
.float-left {float: left;}
.float-right {float: right;}
.no-float {float: none;}
.pos-relative {position: relative;}
.pos-absolute {position: absolute;}

/* ------ */

.w100 {width: 100%;}
.w80 {width: 80%;}
.w70 {width: 70%;}
.w65 {width: 65%;}
.w50 {width: 50%;}
.w49 {width: 49%;}
.w48 {width: 48%;}
.w33 {width: 33.3333333333333%;}
.w30 {width: 30%;}
.w25 {width: 25%;}

/* ------ */

.h100 {height: 100%;}

/* ------ */

.table-row {display: table-row;}
.table-cell {display: table-cell;}
.table-table {display: table;}

/* ------ */

.vertical-center {vertical-align: middle;}

/* ------ */

.overflow-hidden {overflow: hidden;}

/* ------ */

.mt-tiny {margin-top: 7px;}
.mt-small {margin-top: 15px;}
.mt-medium {margin-top: 24px;}
.mt-large {margin-top: 41px;}
.mt-big {margin-top: 82px;}

.mb-tiny {margin-bottom: 7px;}
.mb-small {margin-bottom: 15px;}
.mb-medium {margin-bottom: 24px;}
.mb-large {margin-bottom: 41px;}
.mb-big {margin-bottom: 82px;}

.ml-tiny {margin-left: 7px;}
.ml-small {margin-left: 15px;}
.ml-medium {margin-left: 24px;}
.ml-large {margin-left: 41px;}
.ml-big {margin-left: 82px;}

.mr-tiny {margin-right: 7px;}
.mr-small {margin-right: 15px;}
.mr-medium {margin-right: 24px;}
.mr-large {margin-right: 41px;}
.mr-big {margin-right: 82px;}

.m-tiny {margin: 3.5px;}
.m-small {margin: 15px;}
.m-medium {margin: 24px;}
.m-large {margin: 41px;}
.m-big {margin: 82px;}

.margin-center {margin: auto;}

/* ------ */
.nomarg {margin: 0 !important;}
.nopadd {padding: 0 !important;}
.inline {display: inline-block;margin-left: -4px;}
.vertical-floater {display: table-cell;vertical-align: middle;}
.vertical-holder {display: table;}

/* ------ */
.top {top: 0px;bottom: inherit !important;}
.bottom {bottom: 0px;top: inherit !important;}

/* ------ */
.pt-tiny {padding-top: 7px;}
.pt-small {padding-top: 15px;}
.pt-medium {padding-top: 24px;}
.pt-large {padding-top: 41px;}
.pt-big {padding-top: 82px;}

.pb-tiny {padding-bottom: 7px;}
.pb-small {padding-bottom: 15px;}
.pb-medium {padding-bottom: 24px;}
.pb-large {padding-bottom: 41px;}
.pb-big {padding-bottom: 82px;}

.pl-tiny {padding-left: 7px;}
.pl-small {padding-left: 15px;}
.pl-medium {padding-left: 24px;}
.pl-large {padding-left: 41px;}
.pl-big {padding-left: 82px;}

.pr-tiny {padding-right: 7px;}
.pr-small {padding-right: 15px;}
.pr-medium {padding-right: 24px;}
.pr-large {padding-right: 41px;}
.pr-big {padding-right: 82px;}

.p-tiny {padding: 3.5px;}
.p-small {padding: 15px;}
.p-medium {padding: 24px;}
.p-large {padding: 41px;}
.p-big {padding: 82px;}

.p2 {padding: 2px;}


.modal-header .close {font-size: 48px; color: #000; z-index: 1000; position: absolute; right: 0px; top: 0px; margin: 0; opacity: 0.6; padding: 10px;}
.modal-header .close:hover {opacity: 1;}
.modal-header .close:focus {outline: 0;}
/* ------ */
.background-box-content {background-clip: content-box;}

/* ------ */
.image-width img {width: 100%;}

/* ------ */
.chevron::after {
    border-style: solid;
    border-width: 0.10em 0.10em 0 0;
    content: '';
    display: inline-block;
    height: 0.45em;
    left: 0.15em;
    position: relative;
    top: 0.15em;
    transform: rotate(-45deg);
    vertical-align: top;
    width: 0.45em;
}
.chevron.right:after {
    left: 0;
    transform: rotate(45deg);
}
.chevron.bottom:after {
    top: 0;
    transform: rotate(135deg);
    top: 6px;
}
.chevron.left:after {
    left: 0.25em;
    transform: rotate(-135deg);
}

.light-sans { font-family: "Roboto"; font-weight: 300; font-style: normal;}
.regular-sans { font-family: "Roboto"; font-weight: 400; font-style: normal;}
.semibold-sans { font-family: "Roboto"; font-weight: 600; font-style: normal;}
.bold-sans { font-family: "Roboto"; font-weight: 800; font-style: normal;}

/* ------------------------------------ */
/* ------------------------------------ */
/* TEXT SHADOW
   ------------------------------------ 
   ------------------------------------ */

.text-shadow * {text-shadow: 4px 4px 10px rgba(0,0,0,0.4);}

/* ------------------------------------ */
/* ------------------------------------ */
/* SLIDER
   ------------------------------------ 
   ------------------------------------ */

/*.slider-textbox {position: relative; top: 210px;}*/

/* ------------------------------------ */
/* ------------------------------------ */
/* HEADERS
   ------------------------------------ 
   ------------------------------------ */

.header-text {}
.header-text h1 {font-weight: 600; }
.header-text h2 {font-weight: 600; font-size: 26px;}
.header-text h3 {font-weight: 400; font-size: 22px;}

.header-text .header-text-line { display: inline-block; width: 100px; height: 6px; border-radius: 4px; margin-bottom: 20px;}
.header-text .header-bottom-yellow {border-bottom: 2px solid #ffcf5b; padding-bottom: 5px;}
.header-text.header-text-short {max-width: 80%;}

.navbar-toggle:hover span.icon-bar {background-color: #fff;}

/* ------------------------------------ */
/* ------------------------------------ */
/* TEXT COLORS
   ------------------------------------ 
   ------------------------------------ */

.text-white, .text-white * {color: #fff;}
.text-black, .text-black * {color: #000;}
.text-yellow, .text-yellow * {color: #ffcf5b;}
.text-blue-dark, .text-blue-dark * {color: #284567;}
.text-blue-ocean, .text-blue-ocean * {color: #0c90e4;}
.text-red, .text-red * {color: #E53B2C;}

/* ------------------------------------ */
/* ------------------------------------ */
/* BG COLORS
   ------------------------------------ 
   ------------------------------------ */

.bg-blue-dark {background: #284567;}
.bg-blue-light {background: #f7f7f7;}
.bg-blue-ocean {background: #0c90e4;}
.bg-yellow {background: #ffcf5b;}
.bg-white {background: #fff;}

/* ------------------------------------ */
/* ------------------------------------ */
/* LIST
   ------------------------------------ 
   ------------------------------------ */

.list-balls li:after {content: "•"; padding-left: 10px;}
.list-balls li:last-child:after {content: " "; padding-left: 0px; }

.download-brochure {padding: 10px 0px 5px 0px; display: inline-block; border-bottom: #0c90e4 2px solid; margin: 0 15px;}

/* ------------------------------------ */
/* ------------------------------------ */
/* MENU
   ------------------------------------ 
   ------------------------------------ */

.e-mail:before {
    content: attr(data-website) "\0040" attr(data-user);
    unicode-bidi: bidi-override;
    direction: rtl;
}

/* ------------------------------------ */
/* ------------------------------------ */
/* MENU
   ------------------------------------ 
   ------------------------------------ */

.menu-footer {}
.menu-footer li { }
.menu-footer li a{padding: 0px 0;}
.menu-footer li a:hover, .menu-footer-second li a:hover{background: none; color: #284567 !important;}
.menu-footer li a:hover span {color: #284567 !important;}
.menu-footer-second li {width: 100%;}

/* ------------------------------------ */
/* ------------------------------------ */
/* LINE
   ------------------------------------ 
   ------------------------------------ */

.text-line-vertical {}
.text-line-vertical .text-line {width: 6px; height: 100px; display: inline-block;}

/* ------------------------------------ */
/* ------------------------------------ */
/* BUTTONS
   ------------------------------------ 
   ------------------------------------ */

a:hover {text-decoration: none;}

.button-yellow {background: #ffcf5b; color: #284567; border:  none; padding: 10px 50px; border-radius: 5px; letter-spacing: 1px; font-size: 24px; font-weight: 600; margin: 10px 0;}
.button-yellow:hover {background: #284567; color: #ffcf5b;}

.button-blue {background: #0c90e4; color: #fff; border:  none; padding: 10px 50px; border-radius: 5px; letter-spacing: 1px; font-size: 24px; font-weight: 600; margin: 10px 0;}
.button-blue:hover {background: #284567; color: #fff;}

.button-white {background: #fff; color: #284567; border:  none; padding: 10px 50px; border-radius: 5px; letter-spacing: 1px; font-size: 24px; font-weight: 600; margin: 10px 0;}
.button-white:hover {background: #284567; color: #fff;}

.small-button {padding: 5px 25px; font-size: 16px; border-radius: 2px; font-weight: 500;}

/* ------------------------------------ */
/* ------------------------------------ */
/* FORM
   ------------------------------------ 
   ------------------------------------ */

.form-newsletter {}
.form-newsletter input[type="text"],
.form-newsletter input[type="email"] {background: none; border: none; border: 1px solid #fff; width: 100%; color: #fff; text-align: center; height: 43px;}

.form-newsletter input:active {outline: none; }

.form-newsletter .form-message {text-align: center; height: 15px;}

.form-newsletter input::-webkit-input-placeholder { color: #fff; text-align: center;}
.form-newsletter input:-moz-placeholder { color: #fff; text-align: center;}
.form-newsletter input::-moz-placeholder { color: #fff; text-align: center;}
.form-newsletter input:-ms-input-placeholder { color: #fff; text-align: center;}

.form-contact input:not([type="submit"]) {background: none; border: none; border-bottom: 1px solid #284567; width: 80%; color: #284567; text-align: center;}
.form-contact textarea{ background: none; border: none; border-bottom: 1px solid #284567; width: 80%; color: #284567; text-align: center;}
.form-contact .g-recaptcha{ width: 80%; display: inline-block; position: relative;}

.form-contact input::-webkit-input-placeholder { color: #284567; text-align: center;}
.form-contact input:-moz-placeholder { color: #284567; text-align: center;}
.form-contact input::-moz-placeholder { color: #284567; text-align: center;}
.form-contact input:-ms-input-placeholder { color: #284567; text-align: center;}

.form-contact textarea::-webkit-input-placeholder { color: #284567; text-align: center;}
.form-contact textarea:-moz-placeholder { color: #284567; text-align: center;}
.form-contact textarea::-moz-placeholder { color: #284567; text-align: center;}
.form-contact textarea:-ms-input-placeholder { color: #284567; text-align: center;}

form .syntaxerror::-webkit-input-placeholder { color: red;}
form .syntaxerror:-moz-placeholder { color: red;}
form .syntaxerror::-moz-placeholder { color: red;}
form .syntaxerror:-ms-input-placeholder { color: red;}

/* ------------------------------------ */
/* ------------------------------------ */
/* PRODUCT
   ------------------------------------ 
   ------------------------------------ */

.portfolioMosaic article {padding: 0 5px;}
.portfolioMosaic .minimalBox {height: 200px; overflow: hidden;}
.portfolioMosaic .generatedMoreLink {display: none !important;}

/* ------------------------------------------------
---------------------------------------------------
    BANNER
--------------------------------------------------
-------------------------------------------------- */

.banner {

    position: fixed;
    z-index: 10000;
    background: rgba(0,0,0,0.5);
    min-width: 100vw;
    min-height: 100vh;
    width:100%;
    height:100%;
    text-align: center;
    top: 0px;
    left: 0px;

}

.banner__image {

    position: absolute;
    z-index: 100;
    left: 0px;
    right: 0px;
    width: calc(100% - 20px);
    background: #fff;
    width: 720px;

}

.banner__image img {

    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.71);
    max-width: 98%;

}

.banner__close {

    position: absolute;
    left: 0px;
    right: 0px;
    margin: 0 auto;
    font-size: 42px;
    color: #fff;
    top: -30px;

}

.banner__close i {

    background: #333;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    line-height: 41px;

}

/* ------------------------------------ */
/* ------------------------------------ */
/* MAPS
   ------------------------------------ 
   ------------------------------------ */

.touch .maps-scroll-hide { width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; z-index: 1000;}

/* ------------------------------------ */
/* ------------------------------------ */
/* CLIENTS
   ------------------------------------ 
   ------------------------------------ */

.boxIcon > div {padding: 10px;}

.client-area {background: url(../images/client-error-bg.png) no-repeat; background-size: cover; background-position: center; width: 100%; height: 680px; position: relative;}
.client-area .client-error {position: absolute; top: calc(50% - 200px); left: 0px; right: 0px; margin: 0 auto; display: inline-block; width: 800px; padding: 20px 20px 25px 20px;}
.client-area .client-error *:not(.mb-medium) {margin: 0px;}

.client-profile .panel-heading {display: none;}
.client-profile .btn.btn-default {background-color: #fff; color: #0c90e4; border: 1px solid #0c90e4; padding: 10px;}
.client-profile .btn.btn-default.active {background-color: #0c90e4; color: #fff;}
.client-profile .btn.btn-default:hover {background-color: rgba(12, 144, 228, 0.19); color: #2A6496;}
.client-profile .btn.btn-default.active:hover {background-color: #0c90e4; color: #fff;}
.client-profile .filter-element-holder {margin: 0 5px;}
.client-profile option[value=""][disabled] {display: none; color: #0C90E4;}
.client-profile input.form-control,
.client-profile select.form-control {font-size: 18px; color: #0C90E4; border: 1px solid #0c90e4; background-color: #fff; border-radius: 0; height: 42px; padding: 5px 12px;}
.client-profile .input-group {border: 1px solid #0c90e4; padding: 5px; background: #0C90E4; }
.client-profile .input-group input.form-control {border: 0; padding: 12px; padding-left: 0; font-size: 18px; height: 30px; background: #0C90E4; color: #fff;}
.client-profile .input-group input.form-control:-moz-placeholder {color: #FFCF5B;}
.client-profile .input-group input.form-control::-moz-placeholder  {color: #FFCF5B;}
.client-profile .input-group input.form-control:-ms-input-placeholder  {color: #FFCF5B;}
.client-profile .input-group input.form-control::-webkit-input-placeholder {color: #FFCF5B;}
.client-profile .input-group .input-group-addon { color: #fff; border: 0; font-size: 18px;background: #0C90E4; }
.client-profile .input-group .form-control {position: static;}
.client-profile .panel {border: 0; margin-bottom: 80px;}
.client-profile .wrapper {margin: 30px 0;}
.client-profile .loader {position: absolute; top: 0; left:0; right: 0; bottom: 0; text-align: center; font-size: 32px; background-color: rgba(255,255,255,0.5);}
.client-profile .dataTables_info {font-size: 16px; padding-top: 5px;}
.client-profile .dataTables_paginate {text-align: center;}
.client-profile .dataTables_paginate .paginate_button {display: inline-block; padding: 5px 10px; text-align: center; background: #fff; color: #0c90e4; font-size: 14px; font-weight: normal; cursor: pointer; border: 1px solid #0c90e4;}
.client-profile .dataTables_paginate .paginate_button:first-child {border-top-left-radius: 5px; border-bottom-left-radius: 5px; border-right: 0;}
.client-profile .dataTables_paginate .paginate_button:last-child {border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-left: 0;}
.client-profile .dataTables_paginate .paginate_button:nth-child(2) {border-right: 0;}
.client-profile .dataTables_paginate .paginate_button.disabled {opacity: 0.4; cursor: default;}
.client-profile .dataTables_paginate .paginate_button:hover {background-color: rgba(12, 144, 228, 0.19); color: #2A6496;}
.client-profile .dataTables_paginate .paginate_button.disabled:hover {background-color: #fff; color: #0C90E4}
.client-profile .loader .fa {margin-top: 30px;}
.client-profile .table-responsive {position: relative;}
.client-profile .table {font-size: 14px;}
.client-profile .table td {padding: 10px; border-top: 0;}
.client-profile .table td a {display: block;}
.client-profile .table td a:hover { text-decoration: underline;}
.client-profile .table>thead>tr>th {color: #0C90E4; border-bottom-color: #FFCF5B; position: relative; }
.client-profile .table>thead>tr>th.sorting_asc,
.client-profile .table>thead>tr>th.sorting_desc,
.client-profile .table>thead>tr>th.sorting { cursor: pointer;}
.client-profile .table>thead>tr>th:focus,
.client-profile .table>thead>tr>th:active {outline: 0;}
.client-profile .table tr:hover td:not(.dataTables_empty) {background-color: #FFCF5B; cursor: pointer;}
.client-profile th:after {
    display: none;
    font-family: FontAwesome;
    position: absolute;
    bottom: 10px;
    right: 5px;
    font-weight: normal;
    content: "\f0dc";
    color: #ccc;

}
.client-profile th:hover:after {
    display: block;
}
.client-profile th.sorting_disabled:after {content: '';}
.client-profile .sorting_asc:after {
    color: #284567;
     content: "\f0de";
 }
.client-profile .sorting_desc:after {
    color: #284567;
     content: "\f0dd";
 }
.fa-spin-fast {
      -webkit-animation: fa-spin 1s infinite linear;
      animation: fa-spin 1s infinite linear;
  }

.client-profile .table>thead>tr>th,
.client-profile .table>tbody>tr>th,
.client-profile .table>tfoot>tr>th  {vertical-align: bottom;}
.client-profile .table>thead>tr>td,
.client-profile .table>tbody>tr>td,
.client-profile .table>tfoot>tr>td {vertical-align: middle;}

.client-profile .product-image {display: block; border: 2px solid #ffcf5b; background: #fff; text-align: center; cursor: pointer; padding-bottom: 60%;  position: relative;}
.client-profile .product-image img {max-width: 90%; max-height: 90%; width: auto; height: auto; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto;}
.client-profile .product-image.product-image-small {display: block; padding-bottom: 60%; position: relative; text-align: left; overflow: hidden;}
.client-profile .product-image.product-image-small a {display: block; font-size: 48px; font-weight: bold; position: absolute; padding-top: 22%; padding-bottom: 100%; width: 100%; text-align: center;}
.client-profile .product-image-bottom {background: #eee; padding: 10px 15px; font-size: 16px; line-height: 1.4;}
.client-profile .product-image-bottom span {font-size: 14px;}
.client-profile .product-info {line-height: 1.6; word-wrap: break-word;}
.client-profile .product-info ul li:before {left: 30px;}
.client-profile .brand-logo img {max-width: 90%; margin: 10px; width: auto; height: auto;}

.client-profile .inquiry-button {border-radius: 0; right: 75px; padding: 15px 15px; margin: 25px 0;}
.client-profile .soft-hide {display: none;}
.client-profile table tfoot th {display: none;}


.form-inquiry {max-width: 650px; margin: 0 auto;}
.form-inquiry input[type="text"],
.form-inquiry input[type="email"],
.form-inquiry input[type="file"],
.form-inquiry textarea {background: #fff; border: 2px solid #284567; width: 100%; color: #284567; text-align: center; margin: 10px 0; padding: 4px 15px; font-size: 14px; font-weight: 600}
.form-inquiry input[type="file"] {height: auto; padding: 7px 5px 6px; border-radius: 0;}
.form-inquiry textarea {text-align: left; min-height: 100px;}
.form-inquiry input:not([type="submit"]).error,
.form-inquiry textarea.error {border-color: red; color: red;}
.form-inquiry .g-recaptcha div {margin: 10px auto;}

.form-inquiry input::-webkit-input-placeholder { color: #284567; text-align: center;}
.form-inquiry input:-moz-placeholder { color: #284567; text-align: center;}
.form-inquiry input::-moz-placeholder { color: #284567; text-align: center;}
.form-inquiry input:-ms-input-placeholder { color: #284567; text-align: center;}

.form-inquiry textarea::-webkit-input-placeholder { color: #284567; text-align: left;}
.form-inquiry textarea:-moz-placeholder { color: #284567; text-align: left;}
.form-inquiry textarea::-moz-placeholder { color: #284567; text-align: left;}
.form-inquiry textarea:-ms-input-placeholder { color: #284567; text-align: left;}

/* ------------------------------------ */
/* ------------------------------------ */
/* SLIDER
   ------------------------------------ 
   ------------------------------------ */

.slider-full {height: 650px; position: relative;}
.slider-full .item {width: 100%; height: 100%; opacity: 0;}
.slider-full .slider-text {position: absolute; top: calc(50% - 50px); left: 0px; right: 0px; margin: 0 auto;}
.rslides_nav.prev {background: url(../images/icon_arrow_left.png) no-repeat; width: 24px; height: 40px; display: inline-block; position: absolute; z-index: 1000; top: calc(50% - 20px); left: 20px;}
.rslides_nav.next {background: url(../images/icon_arrow_right.png) no-repeat; width: 24px; height: 40px; display: inline-block; position: absolute; z-index: 1000; top: calc(50% - 20px); right: 20px;}
.slider-full h1 {font-size: 54px;}
.slider-full h2 {font-size: 26px;}

.rslides_tabs {position: absolute; bottom: 10px; z-index: 1100; left: 0px; right: 0px; margin: 0 auto; display: inline-block; text-align: center; padding: 0px;}
.rslides_tabs li {list-style-type: none; display: inline-block; width: 34px; height: 34px; border: 1px solid #fff; border-radius: 50%; text-align: center; padding: 3px 0 0 3px; margin: 0 10px 0 0; }
.rslides_tabs li a { color: transparent;}
.rslides_tabs li.rslides_here a, .rslides_tabs li:hover a {width: 26px; height: 26px; background: #fff; margin-right: 5px; border-radius: 50%; display: inline-block; font-size: inherit; color: #fff;}

/* ------------------------------------ */
/* ------------------------------------ */
/* CONTENT
   ------------------------------------ 
   ------------------------------------ */

.content-page {}
.content-page ul {}
.content-page ul li {list-style-type: none;}
.content-page ul li:before {content: "\f120 "; font-family: "ionicons"; padding-right: 10px; position: absolute; left: -10px;}

/* ------------------------------------ */
/* ------------------------------------ */
/* PRODUCT BOX
   ------------------------------------ 
   ------------------------------------ */

.product-box {position: relative; margin: 10px 0; min-height: 290px; padding: 20px;}
.product-box .front-box {position: relative; top: 0px; left: 0px;}
.product-box .back-box {position:  absolute; top: 0px; left: 0px; font-size: 12px; line-height: 1.2; padding: 10px; background: #0c90e4; color: #fff; background-clip: content-box; height: 100%; opacity: 0;}
.product-box .back-text-box {padding: 15px;}
.product-box a.small-button {}

.product-box:hover .back-box, .product-box.focused .back-box {opacity: 1; cursor: pointer;}

/* ------------------------------------ */
/* ------------------------------------ */
/* SERVICES
   ------------------------------------ 
   ------------------------------------ */

.minimalBox {cursor: pointer;}
a:hover .minimalBox-bg {background-size: 110% !important;}

/* ------------------------------------ */
/* ------------------------------------ */
/* FOOTER
   ------------------------------------ 
   ------------------------------------ */

.footer .footer-box tr td:first-child {height: 100px; width: 80px; text-align: center;}
.footer .footer-box tr td {padding: 10px; }
.footer .footer-logo-holder i {font-size: 50px;}
.footer table {display: block;}


/* ------------------------------------ */
/* ------------------------------------ */
/* MEDIA QUERY
   ------------------------------------ 
   ------------------------------------ */


/* tablet */

@media(min-width:768px){

    .navbar-nav {text-align: center; width: 100%; margin-top: 20px;}
    .navbar-nav > li {float: none !important; display: inline-block; }
    .navbar-nav > li a { font-size: 15px !important;}

}

@media(min-width:992px){

    .navbar-nav {text-align: inherit; width: inherit;}
    .navbar-nav > li {float: inherit !important; display: inherit; }
    .navbar-nav > li a { font-size: inherit !important;}


}

/* desktop */

@media(max-width:1199px){
    .header4 .navbar-nav>li>a {padding-left: 10px !important; padding-right: 10px !important;}
    .navbar-brand img {max-height: 135px;}
}

/* mobile */

@media(max-width:991px){
    .footer-menu{text-align: center; margin-bottom: 40px;}
    .footer-menu .mt-big {margin-top: 40px;}

    .footer-tables .margin-center {}
    .footer-tables .footer-box {margin: 0 auto; width: 310px;}
}

@media(max-width:767px){
    .navbar-brand > img {height: 80px;}
    .slider-full {height: 450px;}
    .slider-full h1 {font-size: 22px;}
    .slider-full h2 {font-size: 16px;}
    .slider-full .slider-text { width: 75%;}
    .minimalBox {margin-bottom: 20px !important;}
    .services-index td:first-child{display: none;}
    .form-contact .text-left {text-align: center;}
    .client-area .client-error {width: 300px; top: calc(25% - 125px)}
    .form-contact > div {margin-bottom: 0px;}
    .form-contact .g-recaptcha > div > div {margin: 0 auto;}
    .footer .footer-box tr td:first-child {height: inherit;}
    .menu-footer, .menu-footer-second, .footer-logo-holder {text-align: center;}


}