/* Typography */
html {scroll-behavior:smooth;}
body {font-family: 'Be Vietnam', sans-serif;color:#9B9B9B;/*padding-top:60px;*/font-size: 14px;}
a {word-wrap:break-word;text-decoration:none;color:currentColor;}
a:hover {text-decoration:none;color: #21D000;}
a:focus {outline:0;}
a:active:focus {outline:0;}
label {font-weight:normal;}
h1 , h2 , h3 , h4 , h5 , h6 {margin-top:0;}
/*p {white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word;}*/

/* Placeholders */
::-webkit-input-placeholder {color:#555555;}
:-moz-placeholder {color:#555555;}
::-moz-placeholder {color:#555555;}
:-ms-input-placeholder {color:#555555;}

/* Utilities */
.p-auto {padding:auto!important;}
.p-0 {padding:0!important;}
.pt-0 {padding-top:0!important;}
.pr-0 {padding-right:0!important;}
.pb-0 {padding-bottom:0!important;}
.pl-0 {padding-left:0!important;}
.p-1 {padding:1rem!important;}
.pt-1 {padding-top:1rem!important;}
.pr-1 {padding-right:1rem!important;}
.pb-1 {padding-bottom:1rem!important;}
.pl-1 {padding-left:1rem!important;}
.p-2 {padding:2rem!important;}
.pt-2 {padding-top:2rem!important;}
.pr-2 {padding-right:2rem!important;}
.pb-2 {padding-bottom:2rem!important;}
.pl-2 {padding-left:2rem!important;}
.p-3 {padding:3rem!important;}
.pt-3 {padding-top:3rem!important;}
.pr-3 {padding-right:3rem!important;}
.pb-3 {padding-bottom:3rem!important;}
.pl-3 {padding-left:3rem!important;}
.p-4 {padding:4rem!important;}
.pt-4 {padding-top:4rem!important;}
.pr-4 {padding-right:4rem!important;}
.pb-4 {padding-bottom:4rem!important;}
.pl-4 {padding-left:4rem!important;}
.m-auto {margin:auto!important;}
.m-0 {margin:0!important;}
.mt-0 {margin-top:0!important;}
.mr-0 {margin-right:0!important;}
.mb-0 {margin-bottom:0!important;}
.ml-0 {margin-left:0!important;}
.m-1 {margin:1rem!important;}
.mt-1 {margin-top:1rem!important;}
.mr-1 {margin-right:1rem!important;}
.mb-1 {margin-bottom:1rem!important;}
.ml-1 {margin-left:1rem!important;}
.m-2 {margin:2rem!important;}
.mt-2 {margin-top:2rem!important;}
.mr-2 {margin-right:2rem!important;}
.mb-2 {margin-bottom:2rem!important;}
.ml-2 {margin-left:2rem!important;}
.m-3 {margin:3rem!important;}
.mt-3 {margin-top:3rem!important;}
.mr-3 {margin-right:3rem!important;}
.mb-3 {margin-bottom:3rem!important;}
.ml-3 {margin-left:3rem!important;}
.m-4 {margin:4rem!important;}
.mt-4 {margin-top:4rem!important;}
.mr-4 {margin-right:4rem!important;}
.mb-4 {margin-bottom:4rem!important;}
.ml-4 {margin-left:4rem!important;}
.w-100 {width:100%;}
.w-auto {width:auto;}
.mw-100 {max-width:100%;}
.d-block {display:block;}
.d-inline {display:inline;}
.d-inline-block {display:inline-block;}
.o-hidden {overflow:hidden;}
.ox-hidden {overflow-x:hidden;}
.oy-hidden {overflow-y:hidden;}
.border {border:1px solid #dee2e6!important;}
.border-top {border-top:1px solid #dee2e6!important;}
.border-right {border-right:1px solid #dee2e6!important;}
.border-bottom {border-bottom:1px solid #dee2e6!important;}
.border-left {border-left:1px solid #dee2e6!important;}
.border-0 {border:0!important;}
.border-top-0 {border-top:0!important;}
.border-right-0 {border-right:0!important;}
.border-bottom-0 {border-bottom:0!important;}
.border-left-0 {border-left:0!important;}
.shadow-none {box-shadow:none!important;}
.shadow {box-shadow:0 .5rem 1rem rgba(0,0,0,.15);}
.shadow-sm {box-shadow:0 .125rem .25rem rgba(0,0,0,.075);}
.shadow-lg {box-shadow:0 1rem 3rem rgba(0,0,0,.175);}
.text-lowercase {text-transform:lowercase!important;}
.text-uppercase {text-transform:uppercase!important;}
.text-capitalize {text-transform:capitalize!important;}
.font-weight-bold {font-weight:700!important;}
.font-weight-normal {font-weight:400!important;}
.font-italic {font-style:italic!important;}
.align-top {vertical-align:top!important;}
.align-middle {vertical-align:middle!important;}
.rounded {border-radius:.25rem!important;}
.rounded-top {border-top-left-radius:.25rem!important;border-top-right-radius:.25rem!important;}
.rounded-right {border-top-right-radius:.25rem!important;border-bottom-right-radius:.25rem!important;}
.rounded-bottom {border-bottom-right-radius:.25rem!important;border-bottom-left-radius:.25rem!important;}
.rounded-left {border-top-left-radius:.25rem!important;border-bottom-left-radius:.25rem!important;}
.rounded-circle {border-radius:50%!important;}
.rounded-pill {border-radius:50rem!important;}
.rounded-0 {border-radius:0!important;}
.pe-none {pointer-events:none;}
.img-responsive{display: inline-block;}
.text-primary {color:#777FDF !important;}

/* Utility > Colors */
.text-muted {color:#6b6b6b !important;}
.text-white {color:#ffffff!important;}
.text-black {color:#000000!important;}
.text-warning {color:#c39749 !important;}
.text-danger {color:#dc3545!important;}
.text-gray {color:#f0f0f0 !important;}

/* Bootstrap 3.3.7 Overrides & Addons */
.col-xs-15 , .col-sm-15 , .col-md-15 , .col-lg-15 {position:relative;min-height:1px;padding-right:10px;padding-left:10px;}
.col-xs-15 {width:20%;float:left;}
@media (min-width:768px) {.col-sm-15 {width:20%;float:left;}}
@media (min-width:992px) {.col-md-15 {width:20%;float:left;}}
@media (min-width:1200px) {.col-lg-15 {width:20%;float:left;}}
.dropdown-menu .divider {max-width:100%;}

/* No padding col */
.row.no-gutters [class*="col-"] {padding-left:0!important;padding-right:0!important;}
.row.row-narrow [class*="col-"] {padding-left:6px!important;padding-right:6px!important;}
.row.row-narrow {margin:0 -6px;}

/* Buttons > Globals */
button {outline:none!important;}
.btn {border-radius:0;white-space:normal;border:0;padding:8px 16px;}
.btn.focus , .btn:focus , .btn:hover {outline:0;}

/* Buttons > Size */
.btn.btn-sm {padding:4px 8px;}
.btn-icon {padding:8px 16px;}
.btn.btn-link {padding:0;}

/* Buttons > Types */
.btn-primary { 
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  background: rgb(0,133,240);
  font-size: 21px;
  font-weight: 600;
  color:#ffffff;padding: 9px 22px 10px; text-transform: uppercase;letter-spacing: 2px;}
.btn-primary:hover {background:#2F363E !important;color:#ffffff !important;}
.btn-primary:focus {outline:0;background:#2F363E !important;color:#ffffff !important;}

.btn-secondary {background:#ffffff;color:#777FDF;padding: 9px 22px 10px; text-transform: uppercase;letter-spacing: 2px;}
.btn-secondary:hover {background:#2F363E !important;color:#ffffff !important;}
.btn-secondary:focus {outline:0;background:#2F363E !important;color:#ffffff !important;}

.btn-danger {background:#d9534f;color:#ffffff;padding: 9px 22px 10px; text-transform: uppercase;letter-spacing: 2px;}
.btn-danger:hover {background:#2F363E !important;color:#ffffff !important;}
.btn-danger:focus {outline:0;background:#2F363E !important;color:#ffffff !important;}


.btn-subscribe{background-color:#777FDF;position:absolute;bottom:0;left:87.5%;z-index:9;padding:110px 21px 21px;color:#FFF;text-transform:uppercase;letter-spacing:2px;width:200px;text-align:center;}
.btn-subscribe:hover{background-color: #2F363E !important; color: #FFF !important;}
.btn-subscribe:focus{background-color: #2F363E !important; color: #FFF !important;}


/* Animations */
.wow {visibility:hidden;}

/* Anchor */
.anchor {display:block;height:50px;margin-top:-50px;visibility:hidden;}

/* Elements */
.go-top {position:fixed;bottom:15px;right:15px;text-decoration:none;color:#ffffff;background-color:rgba(0,0,0,.7);font-size:12px;padding:10px 15px;display:none;z-index:99;}
.go-top:hover {opacity:.8;}
.go-top i {font-size:20px;color:#ffffff;}

/* Modals */
.modal-content {border:10px solid #ffffff;background:#fff;border-radius:15px;-webkit-background-clip:initial;background-clip:initial;}
.modal-header .close {font-size:42px;font-weight:900;color:#2F363E;text-shadow:none;filter:alpha(opacity=100);opacity:1;}
.modal-title {color:#2F363E;font-size:30px;font-weight:900;text-transform:uppercase;}
.modal-body p {font-size:12px;}
.modal-body p a {color:#2F363E;text-decoration:underline;}

/* Panel */
.panel {border:0;box-shadow:none;}
.panel-heading {padding:0;}
.panel-default > .panel-heading {background-color:transparent;}
.panel-body {padding:20px 0;}
.panel-group .panel {border:0;border-radius:0;background:transparent;border-bottom:1px solid #dedede;padding:0;box-shadow:none;}
h4.panel-title {margin-bottom:0!important;font-weight:700;font-size:20px;}
.panel-title > a {display:block;padding:15px 0;font-size:16px;}
.panel-title a:after {font-family:"Font Awesome 5 Free";content:"\f067";float:right;color:#333333;}
.panel-title a.collapsed:after {content:"\f068";}
.panel-group .panel-heading + .panel-collapse > .list-group , .panel-group .panel-heading + .panel-collapse > .panel-body {border:0;padding:20px;}

/* Taber */
.taber-body {padding-top:15px;}

/* Tabs */
.tab-content {padding:20px;border:1px solid #ddd;border-top:0;}

/* Alerts */
.alert .close {margin-top:-10px;font-size:30px;}

/* Lists > Globals */
.list-unstyled , .list-group {margin:0;padding:0;}
.list-group li {list-style:none;padding-bottom:10px;}
.list-group li a {color:#616161;}
.list-group li a.active {color:#2F363E;}

/* Lists > Group */
.list-group-item {background-color:#ffffff;border-bottom:1px solid #f4f4f4;border-top:0;border-right:0;border-left:0;margin-bottom:0;}
.list-group-item:first-child {border-radius:0;}
.list-group-item:last-child {border-radius:0;border-bottom:0;}

/* Lists > N Cols (ul) */
.list-2cols {-moz-column-count:2;-moz-column-gap:20px;-webkit-column-count:2;-webkit-column-gap:20px;column-count:2;column-gap:20px;}
.list-3cols {-moz-column-count:3;-moz-column-gap:20px;-webkit-column-count:3;-webkit-column-gap:20px;column-count:3;column-gap:20px;}

.list-projectdate li{display:inline-block;font-size:10px;font-weight:300;color:#9B9B9B;padding:8px;width: 32.5%;border-right: 1px solid #f4f4f4;text-align:center;}
.list-projectdate li span{color: #2F363E; font-weight: 700; font-size: 15px; display: block;}
.list-projectdate li:last-child{border-right: 0;}

.section-product-detail .list-projectdate li {font-size:16px;}
.section-project-detail .list-projectdate li span {font-size:25px;}

.section-project-detail .thumbnail {background-color:#777FDF;padding:2px;border-radius:0;}


/* Scroll down */
.scroll-down {position:absolute;left:0;right:0;margin:0 auto;bottom:0;transform:translateX(-50%);z-index:9;text-align:center;font-size:12px;text-shadow:none;background-color:#ffffff;width:40px;height:40px;color:#585857;padding:12px;animation-duration:2s;}

/* Progress Bar */
.progress-step li {text-align:center;width:33%;margin-left:-3px;position:relative;color:#4c4c4c;}
.progress-step li small {display:block;margin-top:5px;}
.progress-step li:first-child:before {display:none;}
.progress-step li:before {content:"";width:100%;height:4px;background-color:#dddddd;display:block;position:absolute;bottom:8px;left:-50%;}
.progress-step li.active {color:#2F363E;}
.progress-step li.active:before {background-color:#8befc2;}
.progress-step li:after {content:"";width:20px;height:20px;background-color:#dddddd;display:block;margin:15px auto 0;border-radius:50%;position:relative;z-index:2;}
.progress-step li.active:after {background-color:#8befc2;}

/* Cards > Globals */
.card {position:relative;min-width:0;word-wrap:break-word;border:1px solid #f4f4f4;margin-bottom:30px;background-color:#ffffff;transition:.3s all ease-in-out;}

a.d-block:hover .card {opacity:.8;transition:.3s all ease-in-out;}
.card .card-header {padding:14px 20px;font-size:18px;font-weight:bold;border-bottom:1px solid #f4f4f4;}
.card .card-bg {position:relative;width:100%;height:180px;background-size:cover;background-repeat:no-repeat;background-position:center;}
.card .card-body {padding:18px 20px;color:#2F363E;}
.card .card-title {font-size:18px;font-weight:bold;margin:0 0 20px;}
.card .card-footer {padding:0;border-top:1px solid #f4f4f4;}
.card .card-footer:last-child {border-radius:0 0 calc(.25rem - 1px) calc(.25rem - 1px);}

.card .big-number {font-size:50px;font-weight:bold;color:#777FDF}
.card .big-number i {color:#777FDF}

/* Cards > Badges */
.card-badge {position:absolute;}
.card-badge.bottom-right {bottom:20px;right:20px;}
.card-badge.bottom-left {bottom:20px;left:20px;}
.card-badge.top-right {top:20px;right:20px;}
.card-badge.top-left {top:20px;left:20px;}

/* Cards > Overlay */
.card .card-overlay .card-body {position:absolute;top:50%;transform:translate(0,-50%);bottom:auto;left:0;right:0;width:100%;color:#ffffff;}
.card .card-overlay:before {content:"";position:absolute;background:rgba(0,0,0,.4);width:100%;height:100%;left:0;right:0;top:0;bottom:0;}

/* Cards > Overlay [Hover] */
.card.has--overlay .card-overlay {opacity:0;transition:.3s all ease-in-out;}
.card.has--overlay:hover .card-overlay {opacity:1;transition:.3s all ease-in-out;cursor:pointer;}

/* Cards > Overlay [Hover] > ICON */
.card .card-overlay .card-overlay__icon {opacity:0;transition:.3s all ease-in-out;position:absolute;top:50%;transform:translate(0,-50%);left:0;right:0;text-align:center;}
.card:hover .card-overlay .card-overlay__icon {opacity:1;transition:.3s all ease-in-out;cursor:pointer;}

/* Cards > Animation [Hover] > Elevation */
.card.has--elevation {transition:.3s all ease-in-out;box-shadow:none;}
.card.has--elevation:hover {-webkit-transform:translateY(-15px);-ms-transform:translateY(-15px);transform:translateY(-15px);transition:.3s all ease-in-out;box-shadow:0 1rem 3rem rgba(0,0,0,.175);}

/* Cards > Elements */
.card .card-date {font-size:12px;margin-bottom:10px;}
.card .card-date:before {content:"\f073";font-family:"Font Awesome 5 Free";font-weight:normal;margin-right:5px;}
.card .card-price {font-size:22px;margin-bottom:10px;}
.card .card-category {font-size:12px;margin-bottom:10px;color:#807272;text-transform:uppercase;}
.card .card-category:before {content:"#";font-weight:normal;margin-right:5px;}
.card .card-link {padding:10px 20px;background:#2F363E;color:#ffffff;display:inline-block;font-size:14px;}

/* Cards > Horizontal */
.card.horizontal {min-height:195px;overflow:hidden;clear:both;}
.card.horizontal .card-header {float:left;width:40%;}
.card.horizontal .card-body {float:left;width:60%;}
.card.horizontal .card-footer .card-link {padding:10px 20px;background-color:#2F363E;color:#ffffff;display:inline-block;font-size:14px;}

/* Cards > Progress bar */
.card .card-progress{margin-bottom:0;border-radius:0;}
.card .card-progress .progress-bar{background-color: #777FDF; background-image: url(/assets/img/bg-progressbar.svg);text-align: right;padding-right: 10px;background-repeat: no-repeat;background-size: cover;}

/* Forms */
label.error {display:none!important;}
label.control--checkbox {font-weight:normal;}
.form-group {position:relative;}
.form-control {
  -webkit-border-radius: 18px;
  -moz-border-radius: 18px;
  border-radius: 18px;
  /*box-shadow: 0px 3px 3px 3px #ddd;*/
  box-shadow: 0px 11px 5px -5px #ddd;
  border:0;margin-bottom:10px;
  height:50px;
  padding:8px 25px;
  font-size: 16px;
}
.form-control::placeholder {
  color: #000000;
}

.form-control.has-error , .control__privacy .control__indicator.has-error {border-color:rgb(169, 68, 66);background-color:rgba(169, 68, 66,.2);}
.form-control.has-error::placeholder {color:#fff;}
.form-recaptcha.has-error iframe {border:2px solid #a94442;}
.form-request .row {margin-left:-6px;margin-right:-6px;}
.form-request .row [class*="col-"] {padding-left:6px;padding-right:6px;}
.input-group .btn {border:1px solid #2F363E;}

/* Custom inputs */
.control {display:block;position:relative;padding:0 0 0 35px;margin:0 0 20px 0;cursor:pointer;font-size:11px;}
.control input {position:absolute;z-index:-1;opacity:0;}
.control-group {display:inline-block;vertical-align:top;background:#ffffff;text-align:left;-webkit-box-shadow:0 1px 2px rgba(0,0,0,.1);box-shadow:0 1px 2px rgba(0,0,0,.1);padding:30px;width:200px;height:210px;margin:10px;}
.control--group {display:block;position:relative;padding-left:35px;margin:32px 0;cursor:pointer;font-size:16px;}
.control--radio .control__indicator {border-radius:50%;border:1px solid #222222;background:#ffffff!important; margin-top:0;}
.control__indicator {position:absolute;top:0;left:0;height:20px;width:20px;background:#ffffff;}

.control--checkbox .control__indicator {border:1px solid #222222;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;}

.control__indicator:after {content:"";position:absolute;display:none;}
.control:hover input ~ .control__indicator , .control input:focus ~ .control__indicator {background:#f4f4f4;}
.control:hover input:not([disabled]):checked ~ .control__indicator , .control input:checked:focus ~ .control__indicator {background:#ffffff;}
.control input:checked ~ .control__indicator {background:#ffffff;border:1px solid #222222;}
.control input:checked ~ .control--checkbox .control__indicator {background:#ffffff;border:0;border:1px solid #222222;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;}

.control input:checked ~ .control__indicator:after {display:block;}
.control input:disabled ~ .control__indicator {background:#e6e6e6;opacity:.6;pointer-events:none;}
.control--checkbox .control__indicator:after {left:5px;top:2px;width:9px;height:12px;border-color:#21D000;border-width:0 4px 4px 0;-webkit-transform:rotate(45deg);transform:rotate(45deg);}
.control--checkbox input:disabled ~ .control__indicator:after {border-color:#ffffff;}
.control--radio .control__indicator:after {left:5px;top:5px;height:8px;width:8px;border-radius:50%;background:#21D000;}
.control--radio input:disabled ~ .control__indicator:after {background:#7b7b7b;}
.select {position:relative;display:inline-block;width:100%;}
.select select {width:100%;cursor:pointer;padding:8px 12px;outline:0;background:#ffffff;color:#2F363E;-ms-appearance:none;-webkit-appearance:none;-moz-appearance:none;border:1px solid #dddddd;border-radius:0;-webkit-box-shadow:none;box-shadow:none;border-color:#dddddd;}
.select select::-ms-expand {display:none;}
.select select:disabled {opacity:.5;pointer-events:none;}
.select__arrow:before {position:absolute;top:10px;right:15px;pointer-events:none;content:"\f107 ";font-family:"Font Awesome 5 Free";color:#dddddd;font-size:15px;font-weight:700;}
.select select:hover ~ .select__arrow , .select select:focus ~ .select__arrow {border-top-color:#2F363E;}
.select select:disabled ~ .select__arrow {border-top-color:#807272;}
.box-radio {border:1px solid #f4f4f4;border-radius:.75rem;}

/* Isotope > Globals */
.isotope__filters {margin:30px 0;text-align:center;}
.isotope__filters .btn {margin:4px;}
.isotope__filters .btn.is-checked {background:red !important;color:#ffffff;}

/* Slick > Globals */
.slick-prev {left:15px;z-index:9;}
.slick-next {right:15px;z-index:9;}
.slick-slide {margin:0 8px;}
.slick-arrow:hover {cursor: pointer;}
.carousel-info {position:absolute;bottom:50px;z-index:99;right:40px;color:#ffffff;font-size:20px;text-align:center;margin:0 auto;right:0;left:0;font-size:16px;}
.carousel-info__current {font-size:16px;}
.carousel-info__total {font-size:16px;}

/* Slick > Custom Arrows */
.carousel-arrow__left {position:absolute;left:0;z-index:9;top:50%;transform:translate(0,-50%);color:#ffffff;font-size:20px;padding:10px;background:rgba(255,255,255,.2);}
.carousel-arrow__right {position:absolute;right:0;z-index:9;top:50%;transform:translate(0,-50%);color:#ffffff;font-size:20px;padding:10px;background:rgba(255,255,255,.2);}

/* Carousels > Home */
.carousel-container {position:relative;}
.carousel-container .btn-primary {font-size:24px;padding:15px 30px;}
.carousel-project.slick-slider {margin:0;}
.carousel-project .slick-slide {margin:0;}
.carousel-project .slick-dots {bottom:20px;}
.carousel-project .slick-dots li button:before {color:#555;}
.carousel-project .slick-dots li button:before {font-size:16px;}
.carousel-project .slick-dots li.slick-active button:before {color:#ff0000;}
.carousel-project .card-bg {height:450px;}
.carousel-project .card .card-overlay .card-body {max-width:1170px;margin:0 auto;}

/* Icons */
.icon {width:18px;height:18px;display:inline-block;background-size:contain;background-repeat:no-repeat;background-position:center center;}
.icon24 {width:24px;height:24px;display:inline-block;background-size:contain;background-repeat:no-repeat;background-position:center center;}
.icon36 {width:36px;height:36px;display:inline-block;background-size:contain;background-repeat:no-repeat;background-position:center center;}
.icon90 {width:90px;height:90px;display:inline-block;background-size:contain;background-repeat:no-repeat;background-position:center center;}
.icon--right {background-position:right center;}
.icon--middle {vertical-align:middle;position:relative;}
.icon--inline {vertical-align:middle;position:relative;margin-right:4px;}
.icon-play {content:"\f04b";font-family:"Font Awesome 5 Free";}

/* Icons > Images */
.icon-flag-it {background-image:url(/frontend/assets/icons/icon-flag-it.svg);}
.icon-flag-uk {background-image:url(/frontend/assets/icons/icon-flag-uk.svg);}
.icon-play {background-image: url(/frontend/assets/icons/icon-play.svg);}

/* Tables */
.table.has-actions tr th:last-child, .table.has-actions tr td:last-child {text-align:right;}

/* Tables > Cart */
.checkout__recap .badge {background:transparent;color:#000;padding:0;font-size:initial;line-height:initial;font-weight:normal;}
.table.table-cart .price , .checkout__recap .price {font-weight:bold;font-size:18px;}
.table.table-cart .list-inline a {font-size:12px;}
.table.table-cart input[type="number"] {width:60px;margin-bottom:0;}

/* Head + Nav */
nav .container {position:relative;}
.nav .open > a , .nav .open > a:focus , .nav .open > a:hover {background-color:transparent;}
.navbar.navbar-default {min-height:auto;margin-bottom:0;background-color:#ffffff;border:0;box-shadow:none;border-radius: 0;padding: 0 0 0 45px;}
.navbar.navbar-default .navbar-brand {padding:13px 15px;height: auto;}
.navbar.navbar-default .navbar-brand > img {height:34px;}
.navbar.navbar-default .navbar-nav > li {margin:0;}
.navbar.navbar-default .navbar-nav > li > a {padding:20px 30px;text-transform:uppercase;color:#2F363E;letter-spacing: 2px;}
.navbar.navbar-default .navbar-nav > li > a.active {color:#777FDF;}
.navbar.navbar-default .navbar-nav > li > a:hover {color:#777FDF;background-color:transparent;}
.navbar.navbar-default .navbar-nav > li:last-child > a{background-color: #777FDF; color: #FFF; padding: 20px 50px; margin-left: 30px;}
.navbar.navbar-default .navbar-nav > li:last-child > a:hover{background-color: #2F363E;}
.navbar-default .navbar-nav > .active > a {background-color:transparent;color:#777FDF;}
.navbar.navbar-default .navbar-nav > .open > a , .navbar.navbar-default .navbar-nav > .open > a:focus , .navbar.navbar-default .navbar-nav > .open > a:hover {background-color:transparent;}
.navbar.navbar-default .nav > li.active > a {color:#777FDF!important;background-color:transparent!important;}
.navbar.navbar-default .nav > li .fa-shopping-cart {position:relative;}
.dropdown-menu {border:0;border-top:1px solid #f4f4f4;border-radius:0;}

/* Head + Nav > Subnav */
.section.section-subnav {padding:0;background:#f1f1f1;}
.section.section-subnav ul {margin:0;}
.section.section-subnav ul li + li {border-left:1px solid #e0e0e0;}
.section.section-subnav ul li a {padding:15px 20px;display:inline-block;text-transform:uppercase;letter-spacing:2px;}
.section.section-subnav ul li a.active {color:#777FDF;}

/* Head + Affix */
.navbar.navbar-default {transition:.3s all ease-in-out;}
.navbar.navbar-default.is--affix {box-shadow:0 0 17px rgba(0,0,0,.2);transition:.3s all ease-in-out;}
/*.navbar.navbar-default.is--affix .nav > li > a {color:#ffffff;}*/

/* has-loadmore */
.has-loadmore .card {display:none;}

/* Backgrounds */
.bg-transparent {background-color:transparent !important;}
.bg-grey {background-color:#F4F7FA!important;}
.bg-grey-dark {background-color:#2F363E!important;}
.bg-black {background-color:#000000!important;}
.bg-white {background-color:#ffffff !important;}
.bg-green {background-color:#00A760 !important;}
.bg-violet{background-color:#777FDF !important;}
/* .bg-demo {background-image:url(/assets/img/bg-demo.jpg);background-position:center center;background-repeat: no-repeat;background-size:cover;} */

/* Section > Globals */
.section {position:relative;padding:90px 0;}
.section.section-narrow {padding:45px 0;}

/* Section > Header */
.section.section-header {padding:60px 0;}

/* Dividers */
.divider {display:inline-block;margin:20px 0;width:100%;max-width:160px;height:3px;}
.divider-primary {background:#333;}

/* Section > Titles */
.section-title h1 {font-size: 45px;font-weight:700;color: #2F363E;}
.section-title h1 span{font-weight: 300; display: block;}
.section-title h3 {font-size:35px;font-weight:700;color: #2F363E;}
.section-title h4 {font-size:15px;text-transform:uppercase; color: #777FDF; letter-spacing: 2px; font-weight: 700;}
.section-title h3 + .divider {margin-top:0;}

.section-slider .section-title{width: 52%; margin-left: 60px; margin-top: 270px;}

/* Section > Video */
.section-video{background-color: #2F363E;}
.section-video .icon-play{position: absolute; left:50%; top: 50%; transform: translate(-50%,-50%);}
/*.section-video {overflow:hidden;position:relative;height:70vh;}
.section-video .button-play {position:absolute;bottom:30px;left:30px;}
.section-video .button-audio {position:absolute;bottom:30px;right:30px;}
.section-video .videoContainer {pointer-events:none;width:100%;max-height:70vh;height:70vh;top:0;left:0;bottom:0;right:0;transform:scale(2);overflow:hidden;}
.section-video iframe {width:100%;height:100%;}*/

/* Section > Breadcrumbs */
.section-breadcrumbs {padding:0;background-color:transparent;font-size:12px;color: #f7f7f7;}
.section-breadcrumbs .breadcrumb {background:transparent;padding:0;}
.breadcrumb>.active {color:#FFF;}

/* Section > Counter */
.section-counter h3{color:#FFF;font-weight:700;}
.section-counter .counter{font-size:35px;color:#FFF;font-weight:700;}
.section-counter p{font-size:18px;color:#FFF;font-weight:300;}

/* Section > Timeline */
.section-timeline .timeline-event {display:inline-block;width:100%;cursor:pointer;margin-bottom:20px;}
.section-timeline .timeline-event:before {content:"";width:100%;height:2px;border-top:1px dashed #807272;position:absolute;bottom:8px;left:0;right:0;}
.section-timeline .timeline-event:after {content:"";width:20px;height:20px;border-radius:100%;border:2px solid #2F363E;position:absolute;bottom:0;background:#ffffff;z-index:9;}
.section-timeline .timeline-event:focus {outline:none;}
.section-timeline .timeline-event .year h3 {font-size:28px;margin-bottom:10px;}
.section-timeline .timeline-event h4 {min-height:50px;font-size:12px;padding-right:20px;}
.section-timeline .timeline-event {padding:10px 0;}

/* Search Page */
.section-search .card {display:none;border-top:0;border-left:0;border-right:0;padding-bottom:30px;}
.section-search .card .card-body {padding:0;}
.section-search .card .card-body .card-text span {background:yellow;}
.section-search .card .card-body .card-link {background:transparent;color:#2F363E;padding:0;}

/* Section > Portfolio */
.section-portfolio .portfolio-filter {border-top:1px solid #f4f4f4;border-bottom:1px solid #f4f4f4;width:100%;}
.section-portfolio .portfolio-filter .filter-button {display:inline-block;padding:10px 23px;background:transparent;border:none;color:#9b9b9b;letter-spacing:0;font-size:13px;cursor:pointer;font-weight:300;}
.section-portfolio .portfolio-filter .filter-button:hover , .section-portfolio .portfolio-filter .filter-button:focus , .section-portfolio .portfolio-filter .filter-button:active {background:#f4f4f4;color:#2F363E;}
.section-portfolio .portfolio-filter .filter-button:focus {outline:0;}
.section-portfolio .portfolio-filter {display:inline-block;text-align:center;margin:30px 0;}
.section-portfolio .portfolio-img img {width:100%;height:230px;-o-object-fit:cover;object-fit:cover;padding:3px 3px;}

/* Section > Login */
.section-login .card .card-header{
  padding: 30px 30px 0;
  padding-left: 0;
  padding-right: 0;
  border: 0;
}
.section-login .card .card-header .section-title h3{font-size: 24px;}
.section-login .card .card-body{padding: 30px;}

/* Section > how */
.section-how .card-bg {height: 150px;background-size: auto;margin-bottom: 30px;}

/* Section > news */
.section-news .card-bg {height: 350px;}
.section-news .card .card-overlay .card-body{bottom: 0;top: auto; transform: none;}

/* Section > Image/Text */
.section-half .block-image {position:absolute;background-repeat:no-repeat;top:0;height:100%;z-index:0;width:50%;background-position:center center;}
.image--right {right:0;left:auto;}
.image--left {left:0;right:auto;}
.image--cover {background-size:cover;}
.image--contain {background-size:contain;}


/* Content */


/* Section > Footer */ 
.section-footer h4{color: #FFFFFF; font-size: 14px; font-weight: 700;}
.section-footer .list-group li {padding-bottom: 5px;}
.section-footer p,.section-footer a, .section-footer .list-group li a {color:#9B9B9B;font-size: 14px;} 
.section-footer img{height: 30px; margin-bottom: 30px;}
.section-footer .fab{font-size: 18px;color: #777FDF;}

/* Section > Footer > Copy */ 
.section-copy {font-size:12px;} 
.section-copy p {color:#9B9B9B;}





/* 
------------------------------------------
Responsive 
------------------------------------------
*/

/* Smartphone */
@media only screen and (max-width:767px) and (min-width:320px) {
  /* Globals */
  body {padding-top:0;}

  /* Head  */
  .navbar.navbar-default {min-height:50px;padding:0;border:0;border-radius: 0;}
  .navbar.navbar-default .navbar-brand > img {height:25px;}
  .navbar.navbar-default .navbar-nav > li > a {padding:15px 20px;}
  .navbar.navbar-default .navbar-nav > li:last-child > a {margin:0;}
  .navbar.navbar-default .navbar-nav > li:last-child > a {padding:15px 20px;}
  .navbar-default .navbar-toggle .icon-bar {background-color:#333333;}
  .navbar-toggle {border:0;border-radius:0;padding:10px;}
  .navbar-toggle .icon-bar {height:3px;}
  .navbar-default .navbar-toggle:focus , .navbar-default .navbar-toggle:hover {background-color:transparent;}
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {padding:5px 15px;}
  .navbar-brand {padding:7px;}

  /* Head + Megamenu */
  .navbar.navbar-default .dropdown.mega-menu .dropdown-menu {position:relative;border:0;padding:0 20px 20px;}
  .navbar.navbar-default .dropdown.mega-menu .dropdown-menu .dropdown-submenu {padding:10px 0;position:relative;}
  .navbar.navbar-default .dropdown.mega-menu .dropdown-menu .dropdown-submenu ul {padding:15px 0 15px 15px;position:static;display:none;}
  .navbar.navbar-default .dropdown.mega-menu .dropdown-menu .dropdown-submenu li a {padding:10px 0;}
  .navbar.navbar-default .dropdown.mega-menu .dropdown-menu .dropdown-submenu.open ul {display:block;padding:0 0 15px 15px;}
  .navbar.navbar-default .dropdown.mega-menu .dropdown-menu .dropdown-submenu a.dropdown-toggle {font-weight:normal;color:#333333;}
  .navbar.navbar-default .dropdown.mega-menu .dropdown-menu .dropdown-submenu a.dropdown-toggle .fa {display:inline-block;}

  /* Carousels > Home */
  .carousel-home .card .card-overlay .card-body {padding:60px;}

  /* Sidebar Toggle */
  .taber {cursor:pointer;position:relative;}
  .taber h4 {margin-bottom:0;font-weight:700;}
  .taber h4:after {font-family:"Font Awesome 5 Free";content:"\f068";color:#333333;font-size:12px;position:absolute;right:0;top:auto;}
  .taber.collapsed h4:after {content:"\f067";}

  /* Section Footer */
  .section-footer .taber {border-bottom:1px solid rgba(255,255,255,.3);padding-bottom:10px;font-weight:700;margin-bottom:10px;}
  .section-footer .taber h4:after {font-family:"Font Awesome 5 Free";content:"\f068";color:#ffffff;font-size:12px;position:absolute;right:0;top:auto;}
  .section-footer .taber.collapsed h4:after {content:"\f067";}
  .section-footer .taber-body {padding-bottom:30px;}
  .section-copy {text-align:center;}
  .section-slider .img-responsive {max-height:190px;}

  /* Card */
  .card .card-title {font-size:14px;}
  .card .card-price {font-size:18px;}
  .carousel-project .card .card-overlay .card-body {padding:60px;}

  /* Forms */
  .form-request {margin-top:40px;}
  .section-request .btn-primary {width:100%;}

  /* Section */
  .section {padding:25px 0;}
  .section-header h1 {font-size:24px;text-align:center;}
  .section-contacts .contacts-map {margin-top:40px;}
  .section-video .videoContainer {pointer-events:auto;}

  /* Section > Image/Text */
  .section.section-half {padding-top:0;}
  .section-half .block-image {position:relative;background-repeat:no-repeat;top:0;height:100%;z-index:0;width:100%;height:260px;background-position:center center;}
  .block-text.p-2 {padding:30px 0 !important;}
  .image--contain {background-size:cover;}

  /* Section > Video */
  .section-video .videoContainer {height:240px;max-height:240px;transform:none;pointer-events:auto;}

  /* Content */
  .btn-subscribe {width:100%;padding:20px;position:relative;bottom:auto;top:auto;left:0;display:inline-block;margin-top:30px;}
  .section-slider .section-title {margin:auto;padding:30px 15px;width:100%;}


  /* Section > Footer */
  .section-copy .text-right {text-align:center;}


  /* Table responsive */
  .table__is-card .table {border:0;}
  .table__is-card .table .table-bordered {border:0;}
  .table__is-card .table .table-bordered a.btn-secondary , .table__is-card .table .table-bordered a.btn-danger {font-size:11px;}
  .table__is-card .table .table > tbody > tr > td {height:auto;}
  .table__is-card .table .table > tbody > tr > td:last-child {border-bottom:0!important;}
  .table__is-card .table table , .table__is-card .table thead , .table__is-card .table tbody , .table__is-card .table th , .table__is-card .table td , .table__is-card .table tr {display:block;}
  .table__is-card .table thead tr {position:absolute;top:-9999px;left:-9999px;}
  .table__is-card .table tr {border:1px solid #dddddd;margin-bottom:30px;}
  .table__is-card .table td {border:none;border-bottom:1px solid #dddddd;position:relative;padding-left:40%;white-space:normal;text-align:right;}
  .table__is-card .table td:last-child:before {display:none;}
  .table__is-card .table td:last-child {padding-left:15px;}
  .table__is-card .table td:before {position:absolute;top:15px;left:15px;width:30%;padding-right:10px;white-space:nowrap;text-align:left;font-weight:bold;}
  .table__is-card .table td:before {content:attr(data-title);}

}

/* Smartphone Landscape 
@media only screen and (min-width:480px) and (max-width:767px){
}
*/

/* Tablet */
@media only screen and (min-width:768px) and (max-width:991px) {/* Globals */
  body {padding-top:0;}

  /* Mobile Nav Toggle */
  .navbar-header {float:none;}
  .navbar-collapse {border-top:1px solid transparent;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.1);}
  .navbar-fixed-top {top:0;border-width:0 0 1px;}
  .navbar-collapse {padding:0;}
  .navbar-collapse.collapse {display:none!important;padding:0;}
  .navbar-collapse.collapse.in {display:block!important;}
  .navbar-nav {float:none!important;margin-bottom:7.5px;margin-right:0;}

  /* Head + Nav */
  .navbar.navbar-default {min-height:50px;padding:0;border:0;border-radius: 0;}
  .navbar.navbar-default .navbar-brand > img {height:43px;}
  .navbar-default .navbar-nav > li , .navbar-default .navbar-nav > li > ul > li {float:none;display:block;width:100%;}
  .navbar-default .navbar-nav > li > a , .navbar-default .navbar-nav > li > ul > li > a {padding-top:10px;padding-bottom:10px;width:100%;display:block;}
  .navbar-default .navbar-nav li + li:before {display:none;}
  .navbar-default .navbar-toggle .icon-bar {background-color:#333333;}
  .navbar-toggle {border:0;border-radius:0;margin:9px;display:inline-block;}
  .navbar-toggle .icon-bar {height:3px;}
  .navbar-default .navbar-toggle:focus , .navbar-default .navbar-toggle:hover {background-color:transparent;}
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {padding:5px 15px;}
  .navbar.navbar-default .navbar-brand > img {height:25px;}
  
  /* Head + Megamenu */
  .navbar.navbar-default .dropdown.mega-menu .dropdown-menu {position:relative;border:0;padding:0 20px 20px;}
  .navbar.navbar-default .dropdown.mega-menu .dropdown-menu .dropdown-submenu {padding:10px 0;position:relative;}
  .navbar.navbar-default .dropdown.mega-menu .dropdown-menu .dropdown-submenu ul {padding:15px 0 15px 15px;position:static;display:none;}
  .navbar.navbar-default .dropdown.mega-menu .dropdown-menu .dropdown-submenu li a {padding:10px 0;}
  .navbar.navbar-default .dropdown.mega-menu .dropdown-menu .dropdown-submenu.open ul {display:block;padding:0 0 15px 15px;}
  .navbar.navbar-default .dropdown.mega-menu .dropdown-menu .dropdown-submenu a.dropdown-toggle {font-weight:normal;color:#333333;padding-bottom:0;}
  .navbar.navbar-default .dropdown.mega-menu .dropdown-menu .dropdown-submenu a.dropdown-toggle .fa {display:inline-block;}

  /*  .navbar-nav > li > .dropdown-menu {position:relative;-webkit-box-shadow:none;box-shadow:none;width:100%;background:transparent;border:none;}
  .navbar-nav > li > .dropdown.open {-webkit-transition:all .3s;transition:all .3s;}*/

  /* Carousels > Home */
  .carousel-home .card .card-overlay .card-body {padding:60px;}
  .carousel-project .card .card-overlay .card-body {padding:60px;}
  .btn-subscribe {width:100%;left:100%;}
  .section-slider .section-title {margin-top:150px;}

  /* Sidebar Toggle */
  .taber {cursor:pointer;position:relative;}
  .taber h4 {margin-bottom:0;font-weight:700;}
  .taber h4:after {font-family:"Font Awesome 5 Free";content:"\f068";color:#333333;font-size:12px;position:absolute;right:0;top:auto;}
  .taber.collapsed h4:after {content:"\f067";}

  /* Section Footer */
  .section-footer .taber {border-bottom:1px solid rgba(255,255,255,.3);padding-bottom:10px;font-weight:700;margin-bottom:10px;}
  .section-footer .taber h4:after {font-family:"Font Awesome 5 Free";content:"\f068";color:#ffffff;font-size:12px;position:absolute;right:0;top:auto;}
  .section-footer .taber.collapsed h4:after {content:"\f067";}
  .section-footer .taber-body {padding-bottom:30px;}
  .section-copy {text-align:center;}

  /* Forms */
  .form-request {margin-top:40px;}

}

/* Tablet Landscape */
@media only screen and (min-width:992px) and (max-width:1199px) {
  /* Globals */
  /*body {padding-top:50px;}*/

  /* Carousels > Home */
  .carousel-home .card .card-overlay .card-body {padding:60px;}
  .carousel-project .card .card-overlay .card-body {padding:60px;}
  .navbar.navbar-default {padding:0;}
  .navbar.navbar-default .navbar-nav > li > a {padding:20px 10px;}

  /* Content */
  .btn-subscribe {width:100%;left:100%;}

}

/* Laptop 13' - 1366x768 Non-Retina */
@media only screen and (min-width:1200px) and (max-width:1366px) {
  
  /* Carousels > Home */
  .carousel-home .card .card-overlay .card-body {padding:60px;}

}

/* Laptop 4:3 - 1440x1080 */
@media only screen and (min-width:1367px) and (max-width:1440px) {}